254 66 Helsingborg\",\n url: \"https://www.google.com/maps/place/Sesam+Self+Storage+Helsingborg/@56.0812398,12.7192977,17z/data=!3m1!4b1!4m6!3m5!1s0x46523353b0164f31:0x677dbb42c979f2fb!8m2!3d56.0812398!4d12.7218726!16s%2Fg%2F11rv64g0cf?entry=ttu\",\n },\n};\n\nexport const LundConfig: LocationConfig = {\n title: \"HEADER.TEXT_HEADER_LUND\",\n description: \"HEADER.TEXT_LUND\",\n imagePath: \"./assets/img/home/hyra-forrad-i-lund-min.jpg\",\n cardLocation: {\n name: \"Landerigränden 1
223 55 Lund\",\n url: \"https://goo.gl/maps/4UAKiH9xxdcT1Jyq8\",\n },\n};\n\nexport enum Locations {\n LUND = \"Lund\",\n HELSINGBORG = \"Helsingborg\",\n}\n","export function throwIfAlreadyLoaded(parentModule: any, moduleName: string) {\n if (parentModule) {\n throw new Error(\n `${moduleName} has already been loaded. Import Core modules in the AppModule only.`,\n );\n }\n}\n","import { Injectable } from \"@angular/core\";\nimport { HttpClient, HttpParams } from \"@angular/common/http\";\nimport { ConfigService } from \"./config.service\";\nimport { RestService } from \"./rest.service\";\nimport { Observable } from \"rxjs\";\nimport { CardDetails } from \"../../user/models/card-details\";\n\n@Injectable()\nexport class AccountCardService extends RestService {\n basePath = \"account-card\";\n apiPath = \"\";\n version = \"\";\n\n constructor(http: HttpClient, configService: ConfigService) {\n super(http, configService);\n }\n\n getAccountCardDetails(userId: string): Observable
\n \n
\n\n\n
\n \n \n
\n\n","import {\n Component,\n OnInit,\n Output,\n EventEmitter,\n ElementRef,\n ViewChild,\n Input,\n OnDestroy,\n} from \"@angular/core\";\n\n@Component({\n selector: \"app-infinite-scroll\",\n standalone: false,\n template: `\n
\n \n
\n \n \n \n
\n \n
\n \n {{ \"CONFIRMATION.WELCOME_SESAM\" | translate }}\n
\n![](\"assets/img/home/sesam-logo.svg\"){kind=logo}
\n \n \n \n
\n\n
\n \n \n
\n\n \n {{ \"COMMON.FIRST_NAME\" | translate }}\n
\n\n
\n \n\n \n {{ \"COMMON.LAST_NAME\" | translate }}\n
\n\n \n \n
\n\n \n {{ \"CONFIRMATION.PHONE_NUMBER\" | translate }}\n
\n\n \n \n \n {{ \"CONFIRMATION.NOT_SAME_PHONE_NUMBER\" | translate }}\n \n \n {{ \"CONFIRMATION.PHONE_NUMBER_USED\" | translate }}\n \n
\n \n\n \n {{ \"CONFIRMATION.VERIFY_PHONE_NUMBER\" | translate }}\n
\n\n {{ \"CONFIRMATION.ORGANIZATION_NUMBER\" | translate }}\n
\n\n \n \n \n \n {{ \"ACCOUNT.RESET_PASSWORD\" | translate }}\n \n \n
\n\n \n \n
\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { RouterModule } from \"@angular/router\";\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\nimport { QRCodeComponent } from \"angularx-qrcode\";\nimport { MatExpansionModule } from \"@angular/material/expansion\";\nimport { MatDividerModule } from \"@angular/material/divider\";\n\nimport { TranslateModule } from \"@ngx-translate/core\";\nimport { NgbModule } from \"@ng-bootstrap/ng-bootstrap\";\nimport { NgxIntlTelInputModule } from \"ngx-intl-tel-input\";\nimport { NgxSmartModalModule } from \"ngx-smart-modal\";\n\nimport { FooterComponent } from \"./footer/footer.component\";\nimport { NavbarComponent } from \"./navbar/navbar.component\";\nimport { SidebarComponent } from \"./sidebar/sidebar.component\";\nimport { LoginComponent } from \"./login/login.component\";\nimport { InfiniteScrollComponent } from \"./infinite-scroll/infinite-scroll.component\";\nimport { SafePipe } from \"./pipes/safe.pipe\";\nimport { DateSuffix } from \"./pipes/date-suffix.pipe\";\nimport { HeaderComponent } from \"./header/header.component\";\nimport { SharedModule } from \"../shared/shared.module\";\nimport { NoCommaPipe } from \"./pipes/no-comma.pipe\";\nimport { BackgroundUrlPipe } from \"./pipes/img-url.pipe\";\nimport { MatMenuModule } from \"@angular/material/menu\";\nimport { MatIconModule } from \"@angular/material/icon\";\n\n@NgModule({\n imports: [\n CommonModule,\n RouterModule,\n NgbModule,\n TranslateModule,\n NgxSmartModalModule,\n QRCodeComponent,\n FormsModule,\n ReactiveFormsModule,\n NgxIntlTelInputModule,\n MatExpansionModule,\n MatDividerModule,\n MatMenuModule,\n MatIconModule,\n SharedModule,\n ],\n declarations: [\n HeaderComponent,\n FooterComponent,\n NavbarComponent,\n SidebarComponent,\n SafePipe,\n BackgroundUrlPipe,\n NoCommaPipe,\n DateSuffix,\n InfiniteScrollComponent,\n LoginComponent,\n ],\n exports: [\n HeaderComponent,\n FooterComponent,\n NavbarComponent,\n SidebarComponent,\n SafePipe,\n BackgroundUrlPipe,\n DateSuffix,\n InfiniteScrollComponent,\n LoginComponent,\n NoCommaPipe,\n ],\n})\nexport class MainModule {}\n","import {\n Component,\n OnInit,\n OnDestroy,\n ViewChild,\n Output,\n EventEmitter,\n Input,\n HostListener,\n AfterViewInit,\n} from \"@angular/core\";\nimport { Router } from \"@angular/router\";\nimport { AuthenticationService } from \"../../core/services/authentication.service\";\nimport { NgxSmartModalComponent } from \"ngx-smart-modal\";\nimport { StorageUnitService } from \"../../core/services/storage-unit.service\";\nimport { ObservableService } from \"../../core/services/observable.service\";\nimport { Subscription } from \"rxjs\";\nimport { tap } from \"rxjs/operators\";\n\n@Component({\n selector: \"app-navbar\",\n standalone: false,\n templateUrl: \"./navbar.component.html\",\n styleUrls: [\"./navbar.component.scss\"],\n})\nexport class NavbarComponent implements OnInit, OnDestroy, AfterViewInit {\n @ViewChild(\"loginModal\") loginModal: NgxSmartModalComponent;\n @Input() isExternal = true;\n @Input() setStickyClass = false;\n @Output() toggleSidebarEmitter = new EventEmitter\n
\n\n \n \n 1 && !bookingProcess\"\n >\n \n \n
\n \n \n
\n \n \n \n {{ \"HEADER.RENT\" | translate }} \n \n
\n \n \n {{ currentBuilding }}\n ![\"\"](\"assets/img/navbar/place.svg\")
\n
\n \n \n \n \n {{ rentStorageText | translate }}\n \n
\n \n \n \n \n \n \n \n
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {{ title }}\n
\n {{ subtitle }}
\n {{ subtext }}
\n\n","import { Component, Input, OnInit } from \"@angular/core\";\n\n@Component({\n selector: \"app-loading\",\n standalone: false,\n templateUrl: \"./loading.component.html\",\n styleUrls: [\"./loading.component.scss\"],\n})\nexport class LoadingComponent implements OnInit {\n @Input() text: string;\n @Input() shouldDisableScreen = false;\n\n public ngOnInit(): void {}\n}\n","\n \n
\n","import { NgModule } from \"@angular/core\";\nimport { TranslateModule } from \"@ngx-translate/core\";\nimport { CommonModule } from \"@angular/common\";\nimport { BadgeComponent } from \"./badge/badge.component\";\nimport { LoadingComponent } from \"./loading/loading.component\";\n\n@NgModule({\n imports: [TranslateModule, CommonModule],\n exports: [LoadingComponent, BadgeComponent],\n declarations: [LoadingComponent, BadgeComponent],\n})\nexport class SharedModule {}\n","import { Injectable } from \"@angular/core\";\nimport {\n ActivatedRouteSnapshot,\n Router,\n RouterStateSnapshot,\n} from \"@angular/router\";\nimport { AuthenticationService } from \"./core/services/authentication.service\";\n\n@Injectable()\nexport class UserGuard {\n constructor(\n private authService: AuthenticationService,\n private router: Router,\n ) {}\n\n canActivate(\n route: ActivatedRouteSnapshot,\n state: RouterStateSnapshot,\n ): boolean {\n if (this.authService.isLoggedIn) {\n return true;\n } else {\n const currentUrl = state.url.slice(6);\n if (currentUrl === \"account\") {\n this.router.navigate([\"hyra-forrad\"]);\n return false;\n } else {\n this.router.navigate([currentUrl]);\n return true;\n }\n }\n }\n}\n","import {\n Component,\n ElementRef,\n HostListener,\n OnInit,\n ViewChild,\n Renderer2,\n} from \"@angular/core\";\nimport { ActivatedRoute, Router } from \"@angular/router\";\nimport { ToastrService } from \"ngx-toastr\";\nimport { TranslateService } from \"@ngx-translate/core\";\nimport { filter, tap } from \"rxjs/operators\";\nimport { NgxSmartModalComponent } from \"ngx-smart-modal\";\n\nimport truncate from \"lodash/truncate\";\n\nimport { BookingService } from \"../../../core/services/booking.service\";\nimport { AccountCardService } from \"../../../core/services/account-card.service\";\nimport { AuthenticationService } from \"../../../core/services/authentication.service\";\nimport { CardDetails } from \"../../models/card-details\";\nimport { ObservableService } from \"../../../core/services/observable.service\";\nimport { Observable } from \"rxjs\";\nimport { User } from \"../../models/user\";\nimport { UpdateUser } from \"../../models/update-user\";\nimport { PersonalInformationChangeComponent } from \"../personal-information-change/personal-information-change.component\";\n\n@Component({\n selector: \"app-user-account\",\n standalone: false,\n templateUrl: \"./account.component.html\",\n styleUrls: [\"./account.component.scss\"],\n})\nexport class AccountComponent implements OnInit {\n @ViewChild(\"cardChangeModal\") cardChangeModal: NgxSmartModalComponent;\n @ViewChild(\"passwordChangeModal\") passwordChangeModal: NgxSmartModalComponent;\n @ViewChild(\"personalInfoChangeModal\")\n personalInfoChangeModal: NgxSmartModalComponent;\n @ViewChild(\"personalInfoChangeModalForm\")\n personalInfoChangeModalForm: PersonalInformationChangeComponent;\n @ViewChild(\"iframe\") iframe: ElementRef;\n\n userId: string;\n user: User;\n units: any;\n currentStorage: any;\n cancelStorage: {\n dateMonth: string;\n storageId: string;\n bookingId: number;\n total: number;\n keyUnitName: string;\n storageNumber: number;\n };\n cardDetails: CardDetails;\n cardNumber: string;\n expiryDate: string;\n endDate: string;\n currentName: string;\n paymentFormLink: string;\n\n paymentLoading = true;\n detailedView = false;\n editMode = false;\n currentIndex: number;\n loaded = false;\n sliceCharacters: number;\n sliceCharactersName: number;\n todayTime = new Date().getTime();\n public passwordChangeModalOpened = false;\n public currentlang$: Observable{{ text | translate }}
\n\n
\n \n
\n {{ \"ACCOUNT.PROFILE\" | translate }}
\n\n
\n \n \n
\n \n
\n {{ \"ACCOUNT.COMPANY_NAME\" | translate }}
\n{{ user.companyName }}
\n{{ \"ACCOUNT.NAME\" | translate }}
\n{{ user.firstName }} {{ user.lastName }}
\n\n \n {{ truncateEmail(user.email) }}\n \n
\n {{ \"ACCOUNT.EMAIL\" | translate }}
\n\n
\n {{ \"ACCOUNT.PHONE\" | translate }}
\n{{ user.phoneNumber }}
\n\n
\n {{ \"ACCOUNT.STREET\" | translate }}
\n{{ user.street }}
\n\n
\n {{ \"ACCOUNT.ZIP_CODE\" | translate }}
\n{{ user.zipCode }}
\n\n
\n {{ \"ACCOUNT.CITY\" | translate }}
\n{{ user.city }}
\n\n
\n {{ \"ACCOUNT.ORGANIZATION_NUMBER\" | translate }}
\n{{ user.organizationNumber }}
\n\n \n {{ \"ACCOUNT.CHANGE_PASSWORD\" | translate }}\n \n
\n \n
\n {{ \"COMMON.PASSWORD\" | translate }}
\n********
\n\n \n
\n \n
\n \n \n ![](\"assets/img/account/card.png\")
\n
\n {{ \"ACCOUNT.PAYMENT_CARD\" | translate }}
\n\n \n
\n \n {{\n \"ACCOUNT.CARD_ENDING\" | translate: { cardNumber: cardNumber }\n }}\n
\n\n {{ \"ACCOUNT.EXPIRES\" | translate: { expiryDate: expiryDate } }}\n
\n\n \n
\n \n 0; else noUnits\"\n class=\"units-wrapper\"\n >\n \n \n
\n \n \n \n {{\n (\"BOOK.STORAGE_USAGE\" | translate) +\n \" \" +\n (storage.scheduledMoveOut | date: \"yyyy-MM-dd\")\n }}\n
\n \n ![](\"assets/img/account/storage_unit.svg\")
\n
\n \n \n \n {{ \"ACCOUNT.STORAGE_NUMBER\" | translate }}:\n {{ storage.storageNumber }}\n \n
\n {{ storage.location.name }}
\n\n {{ storage.unitName }}\n
\n\n {{\n inFuture(storage.bookDate)\n ? (\"ACCOUNT.RENTED_FUTURE\" | translate)\n : (\"ACCOUNT.RENTED\" | translate)\n }}\n {{ storage.bookDate | date: \"yyyy-MM-dd\" }}\n
\n\n
\n \n {{\n storage.unitTypeName === \"Locker\"\n ? storage.size + \" ㎥ Box\"\n : storage.size + \" ㎡\"\n }}\n
\n\n {{ storage.netAmount | number: \"1.0-0\" | noComma }} kr/{{\n \"SEARCH.MONTH\" | translate\n }}\n
\n\n {{ \"ACCOUNT.INSURED\" | translate }}\n {{ storage.insurance.coverage | number: \"1.0-0\" | noComma }} kr\n
\n\n \n ![](\"assets/img/account/arrow_back.png\")
\n
\n \n {{ \"ACCOUNT.BACK_OVERVIEW\" | translate }}
\n\n
\n \n
\n \n \n
\n \n {{ currentStorage.unitName }}\n
\n\n {{\n inFuture(currentStorage.bookDate)\n ? (\"ACCOUNT.RENTED_FUTURE\" | translate)\n : (\"ACCOUNT.RENTED\" | translate)\n }}\n {{\n currentStorage.bookDate\n | date: \"d LLLL yyyy\"\n | lowercase\n | translate\n }}\n
\n\n \n \n \n
\n \n
\n \n {{ \"ACCOUNT.STORAGE_NAME_DEFAULT\" | translate }} #12345)\n
\n \n\n
\n \n \n \n \n \n\n\n\n
\n \n
\n \n \n {{\n currentStorage.unitTypeName === \"Locker\"\n ? currentStorage.size + \" ㎥ Box\"\n : currentStorage.size + \" ㎡\"\n }}\n
\n\n {{ \"ACCOUNT.RENTAL\" | translate }} :\n {{\n currentStorage.netAmount -\n currentStorage.insurance.monthlyPrice\n | number: \"1.0-0\"\n | noComma\n }}\n kr/{{ \"SEARCH.MONTH\" | translate }}\n
\n\n {{ \"ACCOUNT.INSURANCE_LEVEL\" | translate }}:\n {{ currentStorage.insurance.monthlyPrice }} kr/{{\n \"SEARCH.MONTH\" | translate\n }}\n
\n {{ currentStorage.insurance.planName }}\n
\n {{ \"ACCOUNT.TOTAL\" | translate }} :\n {{ currentStorage.netAmount | number: \"1.0-0\" | noComma }}\n kr/{{ \"SEARCH.MONTH\" | translate }}\n {{ \"ACCOUNT.TAX_INCLUDED\" | translate | lowercase }}\n
\n\n ![](\"assets/img/account/cancel_subscription.png\")
\n
\n
\n
\n\n\n\n {{ \"ACCOUNT.CANCEL_STORAGE\" | translate }}
\n\n {{ \"ACCOUNT.STORAGE_ID\" | translate }} {{ cancelStorage.storageNumber }}.\n
\n\n {{\n \"ACCOUNT.VALID_INFO\"\n | translate\n : {\n dateDay: cancelStorage.dateMonth | date: \"d\",\n dateMonth:\n getMonth(cancelStorage.dateMonth | date: \"LLLL\") | lowercase,\n dateYear: cancelStorage.dateMonth | date: \"yyyy\",\n }\n }}\n
\n\n
\n {{\n \"ACCOUNT.CHARGED_UNTIL\"\n | translate\n : {\n dateDay: cancelStorage.dateMonth | date: \"d\",\n dateMonth:\n getMonth(cancelStorage.dateMonth | date: \"LLLL\") | lowercase,\n dateYear: cancelStorage.dateMonth | date: \"yyyy\",\n }\n }}\n {{ \"ACCOUNT.EMAIL_SENT\" | translate }}\n
\n \n\n
{{ \"ACCOUNT.SURE\" | translate }}
\n \n \n\n {{ \"ACCOUNT.PAYMENT_CARD_INFROMATION\" | translate }}\n
\n![](\"assets/img/book/visa.png\")
\n ![](\"assets/img/book/master.png\")
\n \n \n \n
\n\n\n\n {{\n user.isBusinessUser\n ? (\"ACCOUNT.NO_UNITS\" | translate)\n : (\"ACCOUNT.NO_UNITS_PRIVATE\" | translate)\n }}\n
\n\n
\n\n
\n \n {{\n user.isBusinessUser\n ? (\"ACCOUNT.CARD_DETAILS_NOT_AVAILABLE\" | translate)\n : (\"ACCOUNT.CARD_NOT_REGISTERED\" | translate)\n }}\n
\n\n
\n","import {\n Component,\n EventEmitter,\n Input,\n OnChanges,\n OnInit,\n Output,\n SimpleChanges,\n ViewChild,\n} from \"@angular/core\";\nimport { Router } from \"@angular/router\";\nimport { NgxSmartModalComponent } from \"ngx-smart-modal\";\nimport { AuthenticationService } from \"../../../core/services/authentication.service\";\nimport { IpService } from \"../../../core/services/ip.service\";\n\n@Component({\n selector: \"app-company-verification\",\n standalone: false,\n templateUrl: \"./company-verification.component.html\",\n styleUrls: [\"./company-verification.component.scss\"],\n})\nexport class CompanyVerificationComponent implements OnInit {\n @Input() modalOpened = false;\n companyVerifying = false;\n\n ngOnInit() {}\n\n async ngOnChanges(changes: SimpleChanges) {\n const observedInputs = [\"modalOpened\"];\n\n if (observedInputs.some((input) => input in changes)) {\n if (\n changes.modalOpened.currentValue &&\n changes.modalOpened.firstChange === false\n ) {\n this.companyVerifying = true;\n await setTimeout(() => {\n this.companyVerifying = false;\n }, 1000);\n }\n }\n }\n}\n","\n \n
\n\n \n
\n\n
\n\nCredit Check
\n\n Verifying Company\n
\nCompany Valid
\n\n
\n\n\n
\n\n {{ \"CONTACT.HELP\" | translate }}\n
\n\n\n \n\n \n {{ \"COMMON.SEND\" | translate }}\n \n
\n\n \n ![](\"assets/img/contact/contact_image.png\")
\n
\n \n {{ \"CONTACT.MESSAGE_SENT\" | translate }}
\n![](\"assets/img/home/step_two.png\")
\n {{ \"CONTACT.DESCRIPTION\" | translate }}
\n\n","import { Component, OnInit } from \"@angular/core\";\n\n@Component({\n selector: \"app-dashboard\",\n standalone: false,\n templateUrl: \"dashboard.component.html\",\n styleUrls: [\"./dashboard.component.scss\"],\n})\nexport class DashboardComponent implements OnInit {\n constructor() {}\n\n ngOnInit() {}\n}\n","\n
\n","import {\n Component,\n EventEmitter,\n HostListener,\n Input,\n OnDestroy,\n OnInit,\n Output,\n ViewEncapsulation,\n} from \"@angular/core\";\nimport { Subscription, combineLatest } from \"rxjs\";\nimport { Router } from \"@angular/router\";\nimport { ToastrService } from \"ngx-toastr\";\nimport { TranslateService } from \"@ngx-translate/core\";\n\nimport { ObservableService } from \"../../../core/services/observable.service\";\nimport { StorageUnitService } from \"../../../core/services/storage-unit.service\";\nimport { BookingService } from \"../../../core/services/booking.service\";\nimport { AuthenticationService } from \"../../../core/services/authentication.service\";\nimport { StorageUnit } from \"../../../core/models/storage-unit\";\nimport { distinctUntilChanged, map } from \"rxjs/operators\";\n\n@Component({\n selector: \"app-user-extracted-units\",\n standalone: false,\n templateUrl: \"./extracted-units.component.html\",\n styleUrls: [\"./extracted-units.component.scss\"],\n encapsulation: ViewEncapsulation.None,\n})\nexport class ExtractedUnitsComponent implements OnInit, OnDestroy {\n @Input() public showAllUnits: boolean;\n @Output() public isLoaded = new EventEmitter\n \n
\n\n \n \n {{ \"SEARCH.HEADING\" | translate }}\n \n \n {{ \"SEARCH.SUBTITLE1\" | translate }}\n 042-448 80 00,\n {{ \"SEARCH.SUBTITLE2\" | translate }}\n \n \n \n
\n \n \n \n\n \n \n 0 && showAllUnits\"\n class=\"extracted-units-wrap_type-wrap\"\n >\n {{\n singleTypedUnits.type === \"small\"\n ? (\"COMMON.SMALL\" | translate)\n : singleTypedUnits.type === \"medium\"\n ? (\"COMMON.MEDIUM\" | translate)\n : singleTypedUnits.type === \"large\"\n ? (\"COMMON.LARGE\" | translate)\n : (\"COMMON.EXTERNAL\" | translate)\n }}\n
\n \n \n
\n {{ \"BOOK.NO_UNITS\" | translate }}
\n\n
\n\nPayment processing
\nPayment Successful
\n\n
\n \n \n\n\n\n
\n {{ \"INVOICE.HOME\" | translate }}
\n\n 0; else noInvoices\"\n >\n \n
\n \n
\n \n {{ \"INVOICE.\" + monthlyInvoices.name | translate }}\n
\n\n \n \n {{\n invoice.unitName.length > 11\n ? (invoice.unitName | slice: 0 : 11) + \"...\"\n : invoice.unitName\n }}\n \n \n ![](\"assets/img/invoice/pdf_icon.svg\")
\n \n
\n \n
\n \n {{ \"INVOICE.UNIT_NUMBER\" | translate }}\n
\n\n {{ \"INVOICE.UNIT_NAME\" | translate }}\n
\n\n {{ \"INVOICE.CONTRACT_ID\" | translate }}\n
\n\n {{ \"INVOICE.LOCATION\" | translate }}\n
\n\n {{ \"INVOICE.DATE\" | translate }}\n
\n\n {{ \"INVOICE.AMOUNT\" | translate }}\n
\n\n {{ \"INVOICE.STATUS\" | translate }}\n
\n\n {{ \"INVOICE.INVOICE_URL\" | translate }}\n
\n\n {{ invoice.unitNumber }}\n
\n\n {{ invoice.contractId }}\n
\n\n {{ invoice.locationName }} - {{ invoice.buildingName }}\n
\n\n {{\n invoice.invoiceDate\n | date: \"dd MMMM yyyy\" : \"\" : (currentlang$ | async)\n }}\n
\n\n {{ invoice.invoiceAmount | number: \"1.0-0\" | noComma }} kr\n
\n\n
\n \n {{ \"INVOICE.\" + invoice.invoiceStatus | translate }}\n
\n\n \n {{ \"INVOICE.NO_INVOICES\" | translate }}
\n\n
\n \n \n {{ \"ACCOUNT.CREATE_PASSWORD\" | translate }}\n
\n\n \n {{ \"COMMON.LAST_NAME\" | translate }} \n \n {{ \"COMMON.REQUIRED_FIELD\" | translate }}\n
\n\n {{\n \"ACCOUNT.EMAIL\" | translate\n }}\n \n {{ \"ACCOUNT.UPDATE_PERSONAL_INFORMATION\" | translate }}\n
\n\n \n {{\n personalInformation?.isBusinessUser\n ? (\"ACCOUNT.COMPANY_NAME\" | translate)\n : (\"COMMON.FIRST_NAME\" | translate)\n }}\n \n \n {{ \"COMMON.REQUIRED_FIELD\" | translate }}\n
\n\n \n
\n\n","import { Component, OnInit } from \"@angular/core\";\n\n@Component({\n standalone: false,\n selector: \"app-profile\",\n templateUrl: \"profile.component.html\",\n})\nexport class ProfileComponent implements OnInit {\n constructor() {}\n\n ngOnInit() {}\n}\n","\n
\n {{ \"BOOK.RENT\" | translate }}
\n\n {{ details.price?.startsOn | date: \"yyyy/MM/dd\" }} -\n {{ details.price?.endsOn | date: \"yyyy/MM/dd\" }}\n
\n\n {{ details.price?.rent | number: \"1.0-0\" | noComma }}\n {{ details.id === 3 ? \"kr/\" + (\"SEARCH.MONTH\" | translate) : \"kr\" }}\n
\n\n
\n {{ \"BOOK.DISCOUNT\" | translate }}
\n\n {{\n details.price?.discount\n ? (details.price?.discount | number: \"1.0-0\" | noComma)\n : 0\n }}\n {{ details.id === 3 ? \"kr/\" + (\"SEARCH.MONTH\" | translate) : \"kr\" }}\n
\n\n
\n {{ \"BOOK.PRICE_INSURANCE\" | translate }}
\n\n {{ details.price?.insurance | number: \"1.0-0\" | noComma }}\n {{ details.id === 3 ? \"kr/\" + (\"SEARCH.MONTH\" | translate) : \"kr\" }}\n
\n\n
\n \n {{ \"BOOK.TAX\" | translate }}
\n\n {{ details.price?.tax | number: \"1.0-0\" | noComma }}\n {{ details.id === 3 ? \"kr/\" + (\"SEARCH.MONTH\" | translate) : \"kr\" }}\n
\n\n
\n {{ \"BOOK.TOTAL\" | translate }}
\n\n {{ details.price?.total | number: \"1.0-0\" | noComma }}\n {{ details.id === 3 ? \"kr/\" + (\"SEARCH.MONTH\" | translate) : \"kr\" }}\n
\n\n
\n","import {\n Component,\n ElementRef,\n OnDestroy,\n OnInit,\n Renderer2,\n ViewChild,\n ViewEncapsulation,\n} from \"@angular/core\";\nimport { ActivatedRoute, Router } from \"@angular/router\";\nimport {\n UntypedFormControl,\n UntypedFormGroup,\n Validators,\n} from \"@angular/forms\";\nimport { NgxSmartModalComponent } from \"ngx-smart-modal\";\nimport { ToastrService } from \"ngx-toastr\";\nimport { TranslateService } from \"@ngx-translate/core\";\nimport { combineLatest, interval, Observable, of, Subscription } from \"rxjs\";\nimport { CountryISO, PhoneNumberFormat } from \"ngx-intl-tel-input\";\n\nimport get from \"lodash/get\";\n\nimport {\n BookingService,\n MoveInOptions,\n SignDateOptions,\n} from \"../../../core/services/booking.service\";\nimport { AuthenticationService } from \"../../../core/services/authentication.service\";\nimport { StorageUnitService } from \"../../../core/services/storage-unit.service\";\nimport { UnitInfo } from \"../../../core/models/unit-info\";\nimport { MoveInModel } from \"../../models/move-in-model\";\nimport { HttpErrorResponse } from \"@angular/common/http\";\nimport {\n distinctUntilChanged,\n filter,\n map,\n startWith,\n switchMap,\n tap,\n} from \"rxjs/operators\";\nimport { PriceDetails } from \"../../models/price-details\";\nimport { RegisterAndSignOptionsModel } from \"../../models/register-and-sign-options-model\";\nimport { SessionService } from \"../../../core/services/session.service\";\nimport { ExternalLinkService } from \"src/app/core/services/external-link.service\";\nimport { ExternalLink } from \"../../models/external-link\";\nimport { ObservableService } from \"src/app/core/services/observable.service\";\nimport { AnalyticsService } from \"src/app/core/services/analytics.service\";\n\nenum PaymentMethod {\n Card = \"Card\",\n Invoice = \"Invoice\",\n}\n\n@Component({\n selector: \"app-user-rent\",\n standalone: false,\n templateUrl: \"./rent.component.html\",\n styleUrls: [\"./rent.component.scss\"],\n encapsulation: ViewEncapsulation.None,\n})\nexport class RentComponent implements OnInit, OnDestroy {\n @ViewChild(\"verificationModal\")\n verificationModal: NgxSmartModalComponent;\n @ViewChild(\"companyVerificationModal\")\n companyVerificationModal: NgxSmartModalComponent;\n @ViewChild(\"creditCheckModal\") creditCheckModal: NgxSmartModalComponent;\n @ViewChild(\"confirmationModal\")\n confirmationModal: NgxSmartModalComponent;\n @ViewChild(\"iframe\") iframe: ElementRef;\n\n public fieldTextType1: boolean;\n public fieldTextType2: boolean;\n unitId: string;\n unit: UnitInfo;\n dateFrom: string;\n paymentFormLink: string;\n bookingId: string;\n unitName: string;\n loggedInSubscription: Subscription;\n creditValidCompany: boolean;\n signUnitResponse: any;\n signDate: string;\n personalNumber: string;\n orderReference: string;\n loginOptions: any;\n actionExecuting = false;\n city: string;\n companyName: string;\n user: any;\n maxDate: Date;\n minDate: Date;\n paymentTransactionResponse: any;\n email = \"\";\n phoneNumber = \"\";\n currentStep = 1;\n termsConditionsChecked = false;\n integrityPolicyChecked = false;\n withdrawalPolicyChecked = false;\n modalOpened = false;\n paymentLoading = true;\n paymentFinalizing = false;\n loaded = false;\n more = false;\n currentInsuranceId = \"\";\n registerCompany = false;\n success = false;\n signOptions = false;\n PaymentMethod = PaymentMethod;\n paymentMethod = PaymentMethod.Card;\n companyVerifying = false;\n creditChecking = false;\n confirmation = false;\n sesamAccount = false;\n verificationFormClear = false;\n CountryISO = CountryISO;\n onlyCountries = [\n CountryISO.Sweden,\n CountryISO.Norway,\n CountryISO.Denmark,\n CountryISO.Finland,\n ];\n PhoneNumberFormat = PhoneNumberFormat;\n form = new UntypedFormGroup({\n date: new UntypedFormControl(\"\", [Validators.required]),\n terms: new UntypedFormControl(\"\", [Validators.required]),\n integrityPolicy: new UntypedFormControl(\"\", [Validators.required]),\n withdrawalPolicy: new UntypedFormControl(\"\", [Validators.required]),\n insurance: new UntypedFormControl(\"\", [Validators.required]),\n organizationNumber: new UntypedFormControl(\"\", []),\n paymentMethod: new UntypedFormControl(\"\", []),\n registerCompany: new UntypedFormControl(\"\", []),\n });\n confirmationForm = new UntypedFormGroup(\n {\n email: new UntypedFormControl(\"\", [\n Validators.required,\n Validators.pattern(/\\S+@\\S+\\.\\S+/),\n ]),\n emailConfirm: new UntypedFormControl(\"\", [\n Validators.required,\n Validators.pattern(/\\S+@\\S+\\.\\S+/),\n ]),\n phoneNumber: new UntypedFormControl(\"\", [Validators.required]),\n phoneNumberConfirm: new UntypedFormControl(\"\", [Validators.required]),\n firstName: new UntypedFormControl(\"\", [Validators.required]),\n lastName: new UntypedFormControl(\"\", [Validators.required]),\n password: new UntypedFormControl(\"\", [\n Validators.required,\n Validators.pattern(\n /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[#$^+=!*()@%&]).{8,12}$/,\n ),\n ]),\n passwordVerify: new UntypedFormControl(\"\", [\n Validators.required,\n Validators.pattern(\n /^(?=.*[a-z])(?=.*[A-Z])(?=.*\\d)(?=.*[#$^+=!*()@%&]).{8,12}$/,\n ),\n ]),\n organizationNumber: new UntypedFormControl(\"\", [\n Validators.required,\n Validators.pattern(/^([0-9]{6}-[0-9]{4})$|^([0-9]{10})$/),\n ]),\n },\n {\n validators: [this.checkEmail, this.checkPhoneNumber, this.checkPassword],\n },\n );\n public authenticationSpinner = false;\n public unitNumber: string;\n public leaseId: string;\n public authStarted: boolean;\n public priceDetails$: Observable<{\n toPayNow: PriceDetails;\n nextPayment: PriceDetails;\n regularMonthly: PriceDetails;\n }>;\n public bankIdSubscription: Subscription;\n public shouldCompanyBeRegistered = false;\n public urls: ExternalLink[] = [];\n private sixStorageTransactionId: string;\n private pollingPaymentStatus:\n | \"SUCCESS\"\n | \"FAILED\"\n | \"NOT_INITIALIZED\"\n | \"IN_PROGRESS\";\n private paymentFormStatus: string;\n private timeInterval: Subscription;\n agreementUrl: string;\n integrityPolicyUrl: string;\n locationName: string;\n\n checkEmail(group: UntypedFormGroup) {\n const email = group.get(\"email\").value;\n const emailConfirm = group.get(\"emailConfirm\").value;\n\n if (email === \"\" || emailConfirm === \"\") {\n return null;\n }\n\n return email === emailConfirm ? null : { notSameEmail: true };\n }\n\n checkPhoneNumber(group: UntypedFormGroup) {\n const phoneNumber = group.get(\"phoneNumber\").value;\n const phoneNumberConfirm = group.get(\"phoneNumberConfirm\").value;\n\n const phoneNumberE164Format = get(phoneNumber, \"e164Number\");\n const phoneNumberConfirmE164Format = get(phoneNumberConfirm, \"e164Number\");\n\n if (!phoneNumberE164Format || !phoneNumberConfirmE164Format) {\n return null;\n }\n\n if (phoneNumberE164Format === phoneNumberConfirmE164Format) {\n return phoneNumberE164Format.length > 10 &&\n phoneNumberE164Format.length < 14\n ? null\n : { notValidLength: true };\n } else {\n return {\n notSamePhoneNumber: true,\n };\n }\n }\n\n checkPassword(group: UntypedFormGroup) {\n const password = group.get(\"password\").value;\n const passwordVerify = group.get(\"passwordVerify\").value;\n\n if (password === \"\" || passwordVerify === \"\") {\n return null;\n }\n\n return password === passwordVerify ? null : { notSamePassword: true };\n }\n\n constructor(\n private route: ActivatedRoute,\n private router: Router,\n private bookingService: BookingService,\n private authService: AuthenticationService,\n private toastrService: ToastrService,\n private storageUnitService: StorageUnitService,\n private translateService: TranslateService,\n private renderer: Renderer2,\n private externalLinkService: ExternalLinkService,\n private observableService: ObservableService,\n public analytics: AnalyticsService,\n ) {\n this.renderer.listen(\"window\", \"message\", this.onMessage.bind(this));\n this.loggedInSubscription = this.authService.loggedIn$.subscribe(\n (loggedIn) => {\n if (loggedIn) {\n this.getDataWithUserInfo(false);\n }\n },\n );\n }\n\n ngOnInit() {\n this.unitId = this.route.snapshot.paramMap.get(\"id\");\n if (this.unitId) {\n if (this.authService.isLoggedIn) {\n this.getDataWithUserInfo(true);\n } else {\n this.getUnit();\n }\n } else {\n return this.router.navigate([\"search\"]);\n }\n\n this.observableService.currentLocationName$.subscribe(\n (name) => (this.locationName = name),\n );\n\n this.externalLinkService.agreementUrl$.subscribe(\n (url) => (this.agreementUrl = url),\n );\n this.externalLinkService.integrityPolicyUrl$.subscribe(\n (url) => (this.integrityPolicyUrl = url),\n );\n }\n\n ngOnDestroy() {\n localStorage.removeItem(\"bookId\");\n this.loggedInSubscription.unsubscribe();\n if (this.timeInterval) {\n this.timeInterval.unsubscribe();\n }\n }\n\n loadDone() {\n setTimeout(() => {\n this.paymentLoading = false;\n }, 4000);\n }\n\n onMessage(event): void {\n if (\n event.origin.indexOf(\"localhost\") > -1 ||\n event.origin.indexOf(\"8storage\") > -1 ||\n event.origin.indexOf(\"6storage\") > -1\n ) {\n const data = event.data;\n if (data.func === \"ReceiveIframeResponse\" || data.paymentStatus) {\n const response = data.paymentStatus ? data : JSON.parse(data.message);\n\n this.paymentFormStatus = response.paymentStatus;\n\n if (\n (response.paymentStatus === \"Success\" ||\n response.paymentStatus === \"Ready\") &&\n this.pollingPaymentStatus !== \"SUCCESS\"\n ) {\n this.paymentTransactionResponse = response;\n this.successPayment(\"card\");\n } else {\n // GA4 this.tagManagerService.registerEvent('card_payment_failed');\n this.errorPayment(this.translateService.instant(\"BOOK.PAYMENT_FAIL\"));\n }\n }\n }\n }\n\n getDataWithUserInfo(getUnit: boolean) {\n this.authService.getMyInfo().subscribe((res) => {\n const user = get(res, \"user\");\n this.user = user;\n\n if (user) {\n const isBusinessUser = user.isBusinessUser;\n\n if (isBusinessUser) {\n this.registerCompany = true;\n this.form.controls[\"registerCompany\"].disable();\n } else {\n this.registerCompany = false;\n this.form.controls[\"registerCompany\"].disable();\n }\n } else {\n this.registerCompany = false;\n this.form.controls[\"registerCompany\"].enable();\n }\n\n if (getUnit) {\n return this.getUnit();\n }\n });\n }\n\n getUnit() {\n this.storageUnitService.getUnitById(this.unitId).subscribe((res) => {\n this.unit = res;\n this.analytics.setUnitSpecs({\n unit_id: res.unitId,\n unit_type_name: res.unitTypeName,\n unit_size: res.size + \" m2\",\n unit_number: res.unitNumber,\n });\n\n if (this.unit && this.unit.insurances) {\n this.unit.insurances.sort((a, b) => {\n return a.coverage - b.coverage;\n });\n this.currentInsuranceId = this.unit.insurances[0].id;\n } else {\n this.unit.insurances = [];\n }\n\n this.maxDate = new Date(this.unit.maxDateTime);\n\n this.minDate = new Date(this.unit.minDateTime);\n this.dateFrom = this.unit.minDateTime;\n\n this.calculatePrices();\n this.loaded = true;\n });\n }\n\n validateAllFormFields(formGroup: UntypedFormGroup) {\n Object.keys(formGroup.controls).forEach((field) => {\n const control = formGroup.get(field);\n if (control instanceof UntypedFormControl) {\n control.markAsTouched({ onlySelf: true });\n } else if (control instanceof UntypedFormGroup) {\n this.validateAllFormFields(control);\n }\n });\n }\n\n private successPayment(paymentMethod: \"card\" | \"invoice\") {\n this.paymentFinalizing = true;\n if (\n this.bookingId &&\n this.bookingId.toString() === localStorage.getItem(\"bookId\")\n ) {\n // GA4 this.tagManagerService.registerEvent(paymentMethod + '_payment_successful');\n this.analytics.event(\"checkout_purchase_successful\", {\n checkout_step: this.currentStep,\n });\n\n const moveInOptions: MoveInOptions = {\n bookingId: this.bookingId,\n isPaymentSuccess: true,\n paymentTransactionResponse: this.paymentTransactionResponse,\n };\n\n this.bookingService.moveIn(moveInOptions).subscribe(\n (res: MoveInModel) => {\n this.success = true;\n this.currentStep = 3;\n this.paymentFinalizing = false;\n this.unitNumber = res.unitNumber;\n this.leaseId = res.bookingId;\n /* GA4 this.tagManagerService.registerEvent(\n paymentMethod + \"_booking_completed\"\n );*/\n this.analytics.event(\"checkout_booking_completed\", {\n checkout_step: this.currentStep,\n });\n },\n () => {\n // GA4 this.tagManagerService.registerEvent(paymentMethod + '_booking_failed');\n },\n );\n }\n }\n\n private errorPayment(errorMessage: string) {\n // GA4: this.tagManagerService.registerEvent(\"card_payment_failed\");\n const moveInOptions: MoveInOptions = {\n bookingId: this.bookingId,\n isPaymentSuccess: false,\n };\n\n this.bookingService.moveIn(moveInOptions).subscribe(\n () => {},\n () => {\n this.success = false;\n this.currentStep = 3;\n // GA4: this.tagManagerService.registerEvent(\"card_booking_failed\");\n this.toastrService.error(errorMessage);\n },\n );\n }\n\n addBookingName() {\n this.bookingService\n .addName(this.unitName, this.leaseId)\n .subscribe(() => this.nextPage());\n }\n\n nextPage() {\n if (this.authService.isLoggedIn) {\n // Regular router.navigate does not navigate to user/account page on first time for some reason\n // This hack force navigation :D\n return this.router\n .navigate([\"\"])\n .then(() => this.router.navigate([\"/user\"]))\n .then(() => this.router.navigate([\"/user/account\"]));\n } else {\n return this.router.navigate([\"user/hyra-forrad\"]);\n }\n }\n\n cancel() {\n return this.authService.isLoggedIn\n ? this.router.navigate([\"user/hyra-forrad\", this.locationName])\n : this.router.navigate([\"hyra-forrad\", this.locationName]);\n }\n\n public async signUnitWithAnimatedQRBankId(user) {\n this.loginOptions = user;\n\n const date: Date = new Date(this.dateFrom);\n const userTimezoneOffset = date.getTimezoneOffset() * 60000;\n this.signDate = new Date(date.getTime() - userTimezoneOffset).toISOString();\n\n this.authStarted = false;\n\n this.verificationModal.close();\n\n if (this.loginOptions.isNewUser) {\n this.confirmationForm.reset();\n this.confirmationModal.open();\n return;\n }\n\n await this.signing();\n }\n\n async confirm() {\n this.phoneNumber = this.confirmationForm.value.phoneNumber.e164Number;\n this.email = this.confirmationForm.get(\"email\").value;\n this.confirmation = true;\n this.personalNumber = this.loginOptions.personalNumber;\n\n if (this.confirmationForm.valid) {\n this.signing();\n }\n }\n\n private async signing() {\n this.actionExecuting = true;\n const noInsuranceId = get(this.unit, \"insurances.0.id\");\n const signDateOptions: SignDateOptions = {\n unitId: this.unit.unitId,\n moveInDate: this.signDate,\n insuranceId: this.currentInsuranceId || noInsuranceId,\n email: this.email || this.loginOptions.email,\n password: get(this.loginOptions, \"password\"),\n phoneNumber: this.phoneNumber || this.loginOptions.phoneNumber,\n paymentMethod: this.paymentMethod === PaymentMethod.Card ? 0 : 1,\n organizationNumber: null,\n isBusinessUser: false,\n personalNumber: this.personalNumber,\n isNewUser: this.loginOptions ? this.loginOptions.isNewUser : true,\n firstName: this.loginOptions ? this.loginOptions.firstName : \"\",\n lastName: this.loginOptions ? this.loginOptions.lastName : \"\",\n city: this.city,\n companyName: this.companyName,\n language: this.translateService.currentLang === \"sv\" ? \"sv-SE\" : \"en-US\",\n };\n\n this.bookingService.signDate(signDateOptions).subscribe(\n async (res) => {\n this.actionExecuting = false;\n this.signUnitResponse = res;\n this.priceDetails$ = of(res.pricingDetails);\n\n if (this.confirmation) {\n this.confirmationModal.close();\n this.confirmationForm.reset();\n }\n\n await this.finishSigning(res);\n },\n (errorResponse) => {\n this.actionExecuting = false;\n this.modalOpened = false;\n\n if (this.confirmation) {\n const errorMessage =\n errorResponse.error.ErrorMessage || errorResponse.error[0];\n this.handleErrorMessage(errorMessage);\n } else {\n this.verificationModal.close();\n if (\n errorResponse.error.ErrorMessage.includes(\n \"This unit is not available in PMS\",\n )\n ) {\n this.modalOpened = false;\n this.verificationModal.close();\n this.currentStep = 4;\n }\n }\n },\n );\n }\n\n private handleErrorMessage(errorMessage: string): void {\n switch (errorMessage) {\n case \"EMAIL_USED_IN_SYSTEM\":\n this.confirmationForm.get(\"email\").setErrors({\n server: { message: errorMessage },\n });\n this.raiseError(\"COMMON.EMAIL_USED_IN_SYSTEM\");\n break;\n case \"PERSONAL_NUMBER_USED_IN_SYSTEM\":\n this.raiseError(\"COMMON.PERSONAL_NUMBER_USED_IN_SYSTEM\");\n break;\n case \"CREDIT_CHECK_FAILED_MESSAGE\":\n this.raiseError(\"BOOK.CREDIT_CHECK_FAILED_MESSAGE\");\n break;\n case \"INVALID_USERNAME_OR_PASSWORD\":\n this.raiseError(\"COMMON.USER_OR_PASSWORD_WRONG\");\n break;\n case \"USER_DOESNT_EXIST_IN_THE_SYSTEM\":\n this.raiseError(\"COMMON.USER_OR_PASSWORD_WRONG\");\n break;\n case \"ORG_NUMBER_USED_IN_SYSTEM\":\n this.raiseError(\"COMMON.ORG_NUMBER_USED_IN_SYSTEM\");\n break;\n case \"PHONE_NUMBER_USED_IN_SYSTEM\":\n this.confirmationForm.get(\"phoneNumber\").setErrors({\n server: { message: errorMessage },\n });\n this.raiseError(\"COMMON.PHONE_NUMBER_USED_IN_SYSTEM\");\n break;\n case \"PASSWORD_IS_NOT_IN_VALID_FORMAT\":\n this.confirmationForm.get(\"password\").setErrors({\n server: { message: errorMessage },\n });\n this.confirmationForm.get(\"passwordVerify\").setErrors({\n server: { message: errorMessage },\n });\n this.raiseError(\"COMMON.PASSWORD_IS_NOT_IN_VALID_FORMAT\");\n break;\n\n default:\n this.raiseError(\"COMMON.SOMETHING_WENT_WRONG\");\n break;\n }\n }\n\n private raiseError(messageKey: string) {\n this.toastrService.error(this.translateService.instant(messageKey), \"\", {\n timeOut: 10000,\n });\n }\n\n private async finishSigning(response) {\n /* GA4 this.tagManagerService.registerEvent(\n this.registerCompany\n ? \"sign_agreement_finished_b2b\"\n : \"sign_agreement_finished_regular\",\n { bookingId: response.bookingId }\n );*/\n this.modalOpened = false;\n this.verificationModal.close();\n this.companyVerificationModal.close();\n this.currentStep = 2;\n\n this.bookingId = response.bookingId;\n localStorage.setItem(\"bookId\", this.bookingId.toString());\n\n if (!this.authService.isLoggedIn && response.token) {\n this.authService.tokenSideAffects(response.token);\n localStorage.setItem(\n \"_expiredTime\",\n (Date.now() + SessionService.sessionExpiration).toString(),\n );\n }\n\n if (\n !this.registerCompany ||\n (this.registerCompany && this.paymentMethod === PaymentMethod.Card)\n ) {\n this.sixStorageTransactionId = response.sixStorageTransactionID;\n this.paymentFormLink = response.paymentForm;\n\n this.startPaymentPolling();\n }\n }\n\n async verifyCompany() {\n this.analytics.event(\"checkout_booking_started\", {\n checkout_step: this.currentStep,\n });\n // GA 4this.tagManagerService.registerEvent(\"sign_agreement_started_b2b\");\n if (this.form.valid) {\n this.sesamAccount = true;\n this.modalOpened = true;\n this.verificationFormClear = false;\n this.signOptions = true;\n this.verificationModal.open();\n } else {\n this.validateAllFormFields(this.form);\n document.querySelector(\"#unitList\").scrollIntoView();\n }\n }\n\n validateForm(signOptions: boolean) {\n this.analytics.event(\"checkout_booking_started\", {\n checkout_step: this.currentStep,\n });\n // GA4 this.tagManagerService.registerEvent(\"sign_agreement_started_regular\");\n this.removeBusinessValidators();\n if (this.form.valid) {\n this.modalOpened = true;\n this.signOptions = signOptions;\n this.verificationFormClear = false;\n this.sesamAccount = false;\n this.verificationModal.open();\n } else {\n this.validateAllFormFields(this.form);\n document.querySelector(\"#unitList\").scrollIntoView();\n }\n }\n\n private handleSignUnitResponse(): void {\n if (\n this.loginOptions &&\n (!this.user || this.loginOptions.email === this.user.email)\n ) {\n if (this.loginOptions.isNewUser) {\n this.verificationModal.close();\n this.confirmationForm.reset();\n this.confirmationModal.open();\n } else {\n this.signing();\n }\n } else {\n this.handleErrorSignWithSameUser(\"COMMON.USER_NOT_SAME\");\n }\n }\n\n private handleErrorSignWithSameUser(message: string): void {\n this.toastrService.error(\n this.translateService.instant(message),\n this.translateService.instant(\"COMMON.ERROR\"),\n { timeOut: 10000 },\n );\n this.verificationModal.close();\n this.modalOpened = false;\n this.verificationFormClear = true;\n }\n\n checkBankIdOnfocus($event: { orderReference: string }) {\n const date: Date = new Date(this.dateFrom);\n const userTimezoneOffset = date.getTimezoneOffset() * 60000;\n\n this.signDate = new Date(date.getTime() - userTimezoneOffset).toISOString();\n this.authService\n .bankId({\n orderReference: $event.orderReference,\n polling: false,\n })\n .subscribe(\n (loginOptions) => {\n this.loginOptions = loginOptions;\n this.authStarted = false;\n if (loginOptions.isNewUser) {\n this.confirmation = true;\n }\n this.handleSignUnitResponse();\n },\n (error: HttpErrorResponse) => {\n if (error.status === 500) {\n this.toastrService.error(\n this.translateService.instant(\"COMMON.SOMETHING_WENT_WRONG\"),\n );\n this.authStarted = false;\n }\n },\n );\n }\n\n private calculatePrices() {\n const dateValue$ = this.form\n .get(\"date\")\n .valueChanges.pipe(startWith(this.dateFrom), distinctUntilChanged());\n const insuranceValue$ = this.form\n .get(\"insurance\")\n .valueChanges.pipe(\n startWith(this.currentInsuranceId),\n distinctUntilChanged(),\n );\n const isCompanyValue$ = this.form\n .get(\"registerCompany\")\n .valueChanges.pipe(startWith(false), distinctUntilChanged());\n\n this.priceDetails$ = combineLatest([\n dateValue$,\n insuranceValue$,\n isCompanyValue$,\n ]).pipe(\n filter(([date, insurance]) => {\n return !!date && !!insurance && this.currentStep !== 2;\n }),\n map(([date, insurance, isCompany]) => {\n const dateForSign: Date = new Date(date);\n const userTimezoneOffset = dateForSign.getTimezoneOffset() * 60000;\n\n const formattedDate = new Date(\n dateForSign.getTime() - userTimezoneOffset,\n ).toISOString();\n return this.user && this.user.isBusinessUser\n ? [formattedDate, insurance, true]\n : [formattedDate, insurance, isCompany];\n }),\n switchMap(([date, insurance, isCompany]) =>\n this.bookingService.calculatePrices(\n this.unitId,\n insurance,\n date,\n !!isCompany,\n ),\n ),\n );\n }\n\n public backToFirstStep() {\n this.currentStep = 1;\n this.sesamAccount = false;\n this.loginOptions = null;\n this.resetPaymentFormStatus();\n this.calculatePrices();\n }\n\n public registerCompanyAndSign(login: { email: string; password: string }) {\n const date: Date = new Date(this.dateFrom);\n const userTimezoneOffset = date.getTimezoneOffset() * 60000;\n\n this.email = !!login\n ? login.email\n : this.confirmationForm.get(\"email\").value;\n\n this.signDate = new Date(date.getTime() - userTimezoneOffset).toISOString();\n\n this.companyVerifying = true;\n this.companyVerificationModal.open();\n\n const registerAndSignOptions: RegisterAndSignOptionsModel = {\n unitId: this.unitId,\n moveInDate: this.signDate,\n insuranceId: this.currentInsuranceId,\n platform: \"WEB\",\n paymentWithInvoice: this.paymentMethod === PaymentMethod.Invoice,\n language: this.translateService.currentLang === \"sv\" ? \"sv-SE\" : \"en-US\",\n isNewUser: !login,\n firstName: !!login ? null : this.confirmationForm.get(\"firstName\").value,\n lastName: !!login ? null : this.confirmationForm.get(\"lastName\").value,\n email: !!login ? login.email : this.confirmationForm.get(\"email\").value,\n password: !!login\n ? login.password\n : this.confirmationForm.get(\"password\").value,\n phoneNumber: !!login\n ? null\n : this.confirmationForm.get(\"phoneNumber\").value.e164Number,\n organizationNumber: !!login\n ? null\n : this.confirmationForm.get(\"organizationNumber\").value,\n };\n\n this.actionExecuting = true;\n this.bookingService.businessUserSignDate(registerAndSignOptions).subscribe(\n (response) => {\n this.actionExecuting = false;\n this.companyVerifying = false;\n this.companyVerificationModal.close();\n\n this.confirmationModal.close();\n this.confirmationForm.reset();\n\n if (this.paymentMethod === PaymentMethod.Invoice) {\n this.bookingId = response.bookingId;\n localStorage.setItem(\"bookId\", this.bookingId.toString());\n // GA4: this.tagManagerService.registerEvent(\"sign_agreement_finished_b2b\");\n this.handleInvoiceResponse(response);\n } else {\n this.signUnitResponse = response;\n this.priceDetails$ = of(response.pricingDetails);\n\n this.finishSigning(response);\n }\n },\n (error) => {\n this.actionExecuting = false;\n this.companyVerifying = false;\n this.companyVerificationModal.close();\n\n this.handleErrorMessage(error.error[0]);\n },\n );\n }\n\n public openRegistrationForm(): void {\n this.shouldCompanyBeRegistered = true;\n this.registerCompany = true;\n this.shouldCompanyBeRegistered = true;\n this.confirmationModal.open();\n\n this.setBusinessValidators();\n }\n\n private removeBusinessValidators(): void {\n this.confirmationForm.get(\"firstName\").clearValidators();\n this.confirmationForm.get(\"firstName\").updateValueAndValidity();\n\n this.confirmationForm.get(\"lastName\").clearValidators();\n this.confirmationForm.get(\"lastName\").updateValueAndValidity();\n\n this.confirmationForm.get(\"firstName\").clearValidators();\n this.confirmationForm.get(\"firstName\").updateValueAndValidity();\n\n this.confirmationForm.get(\"password\").clearValidators();\n this.confirmationForm.get(\"password\").updateValueAndValidity();\n\n this.confirmationForm.get(\"passwordVerify\").clearValidators();\n this.confirmationForm.get(\"passwordVerify\").updateValueAndValidity();\n\n this.confirmationForm.get(\"organizationNumber\").clearValidators();\n this.confirmationForm.get(\"organizationNumber\").updateValueAndValidity();\n }\n\n private setBusinessValidators(): void {\n this.confirmationForm.get(\"firstName\").setValidators([Validators.required]);\n this.confirmationForm.get(\"firstName\").updateValueAndValidity();\n\n this.confirmationForm.get(\"lastName\").setValidators([Validators.required]);\n this.confirmationForm.get(\"lastName\").updateValueAndValidity();\n\n this.confirmationForm.get(\"firstName\").setValidators([Validators.required]);\n this.confirmationForm.get(\"firstName\").updateValueAndValidity();\n\n this.confirmationForm.get(\"password\").setValidators([Validators.required]);\n this.confirmationForm.get(\"password\").updateValueAndValidity();\n\n this.confirmationForm\n .get(\"passwordVerify\")\n .setValidators([Validators.required]);\n this.confirmationForm.get(\"passwordVerify\").updateValueAndValidity();\n\n this.confirmationForm\n .get(\"organizationNumber\")\n .setValidators([\n Validators.required,\n Validators.pattern(/^([0-9]{6}-[0-9]{4})$|^([0-9]{10})$/),\n ]);\n this.confirmationForm.get(\"organizationNumber\").updateValueAndValidity();\n }\n\n private async handleInvoiceResponse(response: any) {\n if (!this.authService.isLoggedIn && response.token) {\n this.authService.tokenSideAffects(response.token);\n localStorage.setItem(\n \"_expiredTime\",\n (Date.now() + SessionService.sessionExpiration).toString(),\n );\n }\n\n if (response.creditCheckFailed === true) {\n this.creditValidCompany = false;\n this.currentStep = 4;\n this.handleErrorMessage(\"CREDIT_CHECK_FAILED_MESSAGE\");\n } else {\n this.currentStep = 2;\n\n this.creditValidCompany = true;\n this.successPayment(\"invoice\");\n }\n this.modalOpened = false;\n this.verificationModal.close();\n this.companyVerificationModal.close();\n }\n\n private startPaymentPolling() {\n this.timeInterval = interval(1000)\n .pipe(\n startWith(0),\n filter(\n () =>\n // tslint:disable-next-line:max-line-length\n this.paymentFormStatus !== \"Success\" &&\n (!this.pollingPaymentStatus ||\n this.pollingPaymentStatus === \"NOT_INITIALIZED\" ||\n this.pollingPaymentStatus === \"IN_PROGRESS\"),\n ),\n switchMap(() =>\n this.bookingService.getPaymentStatus(this.sixStorageTransactionId),\n ),\n tap((res) => (this.pollingPaymentStatus = res.status)),\n )\n .subscribe(\n (res) => {\n this.paymentTransactionResponse = res.paymentTransactionResponse;\n if (\n res.status === \"SUCCESS\" &&\n this.paymentFormStatus !== \"Success\"\n ) {\n this.successPayment(\"card\");\n } else if (res.status === \"FAILED\") {\n this.errorPayment(\n this.translateService.instant(\"BOOK.PAYMENT_FAIL\"),\n );\n }\n this.pollingPaymentStatus = res.status;\n },\n (error) => this.errorPayment(error),\n );\n }\n\n private resetPaymentFormStatus(): void {\n this.paymentFormStatus = null;\n this.pollingPaymentStatus = null;\n this.timeInterval.unsubscribe();\n }\n\n // Analytic service: Handle user_type\n onUserTypeCheckboxChange(isB2B: boolean): void {\n this.analytics.setUserType(isB2B);\n }\n\n onPaymentMethodChange(payment_method: \"card\" | \"invoice\") {\n this.analytics.setPaymentMethod(payment_method);\n }\n}\n","\n
\n\n
\n \n \n
\n Edit Profile
\n \n
\n \n \n
\n \n
\n \n \n \n
\n \n \n Do not be scared of the truth because we need to restart the human\n foundation in truth And I love you like Kanye loves Kanye I love\n Rick Owens’ bed design but the back is...\n
\n \n
\n \n \n \n \n\n
\n\n \n
\n\n \n
\n \n 1. {{ \"BOOK.FIRST_STEP\" | translate }}\n
\n\n
\n \n 2.\n {{\n registerCompany && paymentMethod === PaymentMethod.Invoice\n ? (\"BOOK.SECOND_STEP.INVOICE\" | translate)\n : (\"BOOK.SECOND_STEP.CARD\" | translate)\n }}\n
\n\n
\n \n 3. {{ \"BOOK.THIRD_STEP\" | translate }}\n
\n\n \n
\n \n \n
\n \n ![]()
\n \n
\n \n
\n\n \n \n {{ unit.discount.price | number: \"1.0-0\" | noComma }} kr/{{\n \"SEARCH.MONTH\" | translate\n }}\n \n \n {{ unit.netAmount | number: \"1.0-0\" | noComma }} kr/{{\n \"SEARCH.MONTH\" | translate\n }} \n \n \n {{ unit.netAmount | number: \"1.0-0\" | noComma }} kr/{{\n \"SEARCH.MONTH\" | translate\n }}\n \n
\n \n {{\n unit.unitTypeName === \"Locker\"\n ? unit.size + \" ㎥ Box\"\n : unit.size + \" ㎡\"\n }}\n
\n- \n
\n
\n \n
\n \n \n \n \n
\n \n \n
\n \n \n \n \n
\n \n \n \n
\n \n
\n\n {{ \"COMMON.CONGRATULATIONS\" | translate }}
\n{{ \"BOOK.SUCCESS_RENT\" | translate }}
\n{{ \"BOOK.EMAIL\" | translate: { email: email } }}
\n\n {{ \"BOOK.STORAGE_ID\" | translate }} {{ unitNumber }}\n
\n{{ \"BOOK.DOWNLOAD_APP\" | translate }}
\n{{ \"BOOK.DOWNLOAD_APP_TEXT\" | translate }}
\n\n \n ![](\"assets/img/book/appstore.png\")
\n \n \n ![](\"assets/img/book/playstore.png\")
\n \n
\n \n \n \n \n \n
\n\n {{ \"COMMON.ERROR\" | translate }}
\n{{ \"BOOK.PAYMENT_FAIL\" | translate }}
\n \n\n
\n \n\n\n{{ \"COMMON.ERROR\" | translate }}
\n\n {{\n (creditValidCompany === false\n ? \"BOOK.CREDIT_CHECK_FAILED_MESSAGE\"\n : \"BOOK.OCCUPIED\"\n ) | translate\n }}\n
\n \n\n
\n\n \n {{ \"BOOK.COMPANY_VERIFICATION\" | translate }}\n
\n\n
\n\n\n\n \n
\n \n
\n\n \n {{ \"BOOK.CREDIT_CHECK\" | translate }}\n
\n\n {{ \"BOOK.COMPANY_VERIFICATION\" | translate }}\n
\n\n
\n \n {{ \"BOOK.CREDIT_CHECK_FAILED_MESSAGE\" | translate }}\n
\n\n
\n \n {{ \"COMMON.PASSWORD_VERIFY\" | translate }}:\n
\n\n \n \n \n \n
\n \n \n
\n\n \n {{ \"COMMON.FIRST_NAME\" | translate }}\n
\n\n
\n \n\n \n {{ \"COMMON.LAST_NAME\" | translate }}\n
\n\n \n \n
\n\n \n {{ \"CONFIRMATION.PHONE_NUMBER\" | translate }}\n
\n\n \n \n \n {{ \"CONFIRMATION.NOT_SAME_PHONE_NUMBER\" | translate }}\n \n \n {{ \"CONFIRMATION.PHONE_NUMBER_USED\" | translate }}\n \n
\n\n \n\n \n {{ \"CONFIRMATION.VERIFY_PHONE_NUMBER\" | translate }}\n
\n\n {{ \"CONFIRMATION.ORGANIZATION_NUMBER\" | translate }}\n
\n{{ \"BOOK.INSURANCE_INFO\" | translate }}
\n{{ \"BOOK.INSURANCE_TEXT\" | translate }}
\n\n","import { Component, OnInit } from \"@angular/core\";\n\n@Component({\n standalone: false,\n selector: \"app-requests\",\n templateUrl: \"requests.component.html\",\n styleUrls: [\"./requests.component.scss\"],\n})\nexport class RequestsComponent implements OnInit {\n currentUser: any;\n users: any;\n userManaged = false;\n errorMessage = \"\";\n\n constructor() {}\n\n ngOnInit() {\n this.getPendingUsers();\n }\n\n getPendingUsers() {}\n\n setUser(user: any) {\n this.currentUser = user;\n }\n\n manageUser(isApproved: boolean) {}\n}\n","\n
\n\n\n\n
\n \n
\n \n
\n \n \n 0; else noUsers\"\n class=\"card-title\"\n >\n All pending users\n \n
\n \n
\n \n \n \n
\n
\n | Status | \n{{ user.email }} | \nPending | \n \n
|---|
\n \n \n \n \n
\n \n \n\n\n\n Approve or decline {{ currentUser?.email }}\n
\n\n Error: {{ errorMessage }}\n
\nEmail has been sent to the user!
\nNo pending users
\n\n
\n","import { Component, OnInit } from \"@angular/core\";\nimport { ActivatedRoute } from \"@angular/router\";\nimport { LanguageService } from \"../../../core/services/language.service\";\n\n@Component({\n selector: \"app-storage-calculator\",\n standalone: false,\n templateUrl: \"./storage-calculator.component.html\",\n styleUrls: [\"./storage-calculator.component.scss\"],\n})\nexport class StorageCalculatorComponent implements OnInit {\n calculationView = false;\n apartmentSize: string;\n calculationValue: string;\n currentMoreIndex: number;\n public inputInvalid = false;\n\n constructor(\n private route: ActivatedRoute,\n private languageService: LanguageService,\n ) {\n // this.route.paramMap.subscribe(params => {\n // const language = params.get('lang');\n // if (language) {\n // this.languageService.setLanguage(language);\n // } else {\n // this.languageService.setLanguage('en');\n // }\n // });\n }\n\n ngOnInit() {}\n\n goToBook() {\n const currentURL = document.referrer;\n window.open(\"https://app.sesamselfstorage.se/hyra-forrad=\" + currentURL);\n }\n\n calculateValue() {\n const size = parseInt(this.apartmentSize, 0);\n if (isNumeric(size)) {\n this.calculationView = true;\n this.inputInvalid = false;\n if (size < 15) {\n this.calculationValue = \"1-1.5\";\n } else if (size > 14 && size < 22) {\n this.calculationValue = \"1.5-2\";\n } else if (size >= 22 && size < 31) {\n this.calculationValue = \"2.25-3.5\";\n } else if (size >= 31 && size < 46) {\n this.calculationValue = \"3.5-4.5\";\n } else if (size >= 46 && size < 61) {\n this.calculationValue = \"4.5-6\";\n } else if (size >= 61 && size < 91) {\n this.calculationValue = \"6-9\";\n } else if (size >= 91 && size < 121) {\n this.calculationValue = \"9-12\";\n } else if (size >= 121 && size < 150) {\n this.calculationValue = \"12-15\";\n } else if (size >= 150 && size < 250) {\n this.calculationValue = \"15-30\";\n } else {\n this.calculationValue = \"30+\";\n }\n } else {\n this.inputInvalid = true;\n }\n }\n}\n\nfunction isNumeric(num) {\n return !isNaN(num);\n}\n","\n \n
\n \n
\n\n
\n \n
\n \n
\n \n
\n \n {{ \"SEARCH.HOW_IT_WORKS\" | translate }}\n
\n \n \n
\n \n
\n \n
\n \n {{ \"SEARCH.DOWNLOAD\" | translate }}\n
\n \n \n
\n \n
\n \n
\n \n {{ \"SEARCH.CALCULATE_BASED\" | translate }}\n
\n \n \n \n
\n \n
\n\n","import { Component, EventEmitter, Input, Output } from \"@angular/core\";\nimport { StorageUnit } from \"../../../core/models/storage-unit\";\n\n@Component({\n selector: \"app-unit-slider\",\n standalone: false,\n templateUrl: \"./unit-slider.html\",\n styleUrls: [\"./unit-slider.scss\"],\n})\nexport class UnitSliderComponent {\n @Input() public units: StorageUnit[];\n\n @Output() public redirectToBook = new EventEmitter\n ![](\"assets/img/search/storage_calculator_logo.png\")
\n \n
\n \n {{ \"SEARCH.CALCULATE_APARTMENT\" | translate }}\n
\n \n \n \n \n
\n\n","import { Component, EventEmitter, Input, Output } from \"@angular/core\";\n\nimport { StorageUnit } from \"../../../core/models/storage-unit\";\n\n@Component({\n selector: \"app-unit\",\n standalone: false,\n templateUrl: \"./unit.html\",\n styleUrls: [\"./unit.scss\"],\n})\nexport class UnitComponent {\n @Input() public unit: StorageUnit;\n @Input() public showAllUnits: boolean;\n\n @Output() public redirectToBook = new EventEmitter\n
\n \n \n\n","import {\n Component,\n EventEmitter,\n Input,\n OnChanges,\n OnDestroy,\n OnInit,\n Output,\n SimpleChanges,\n} from \"@angular/core\";\nimport {\n UntypedFormControl,\n UntypedFormGroup,\n Validators,\n} from \"@angular/forms\";\n\nimport get from \"lodash/get\";\n\nimport {\n AuthenticationService,\n CheckOrderStatusOptions,\n LoginOptions,\n} from \"../../../core/services/authentication.service\";\nimport { ToastrService } from \"ngx-toastr\";\nimport { concatMap, filter, startWith, tap } from \"rxjs/operators\";\nimport { interval, Subject, Subscription } from \"rxjs\";\n\n@Component({\n selector: \"app-verification\",\n standalone: false,\n templateUrl: \"./verification.component.html\",\n styleUrls: [\"./verification.component.scss\"],\n})\nexport class VerificationComponent implements OnInit, OnChanges, OnDestroy {\n @Input() loading = false;\n @Input() signOptions = false;\n @Input() authenticationSpinner = false;\n @Input() modalOpened = false;\n @Input() registerCompany = false;\n @Input() unitName: string;\n @Input() authStarted: boolean;\n @Input() verificationFormClear = false;\n @Input() personalNumberValidationValid = true;\n @Input() sesamAccountLogin = false;\n @Input() loggedUser: any;\n @Output() closeModal = new EventEmitter();\n @Output() successVerification = new EventEmitter\n
\n \n \n
\n \n \n \n
\n \n \n {{unit.discount.price | number : '1.0-0' | noComma}}\n kr/{{'SEARCH.MONTH' | translate}}\n \n \n {{ unit.netAmount | number : '1.0-0' | noComma}} kr/{{\n 'SEARCH.MONTH' | translate }} \n \n \n {{ unit.netAmount | number : '1.0-0' | noComma}} kr/{{\n 'SEARCH.MONTH' | translate }}\n \n
\n \n {{ unit.unitTypeName === 'Locker' ? unit.unitSize + ' ㎥ Box'\n : unit.unitSize + ' ㎡' }}\n
\n\n
\n - \n
\n
\n \n \n {{ \"BOOK.TRY_AGAIN\" | translate }}\n \n \n {{ \"COMMON.CANCEL\" | translate }}\n \n
\n \n \n
\n\n\n {{ \"HEADER.SCAN_CODE_MOBILE\" | translate }}\n
\n\n \n
\n\n\n
\n