{{'b2b.web.page.contact.title' |moTranslate}}
\r\n\r\n\r\n monari GmbH
\r\n Jöbkesweg 19 - 23
\r\n 48599 Gronau
\r\n Germany\r\n
{{'b2b.web.page.contact.subTitle.howCanWeHelp' |moTranslate}}
\r\n\r\n{{text?.title}}
\r\n\r\n{{text?.text}}
\r\n\r\n{{'b2b.web.page.error.title.sorry' | moTranslate}}
\r\n\r\n{{'b2b.web.page.error.text.sorry' | moTranslate}}
\r\n\r\n\r\n {{'b2b.web.page.error.note.text.error404' | moTranslate}} \r\n
\r\n\r\n {{'b2b.web.page.error.title.sorry' | moTranslate}}
\r\n{{'b2b.web.page.error.text.sorry' | moTranslate}}
\r\n{{'b2b.web.page.myAccount.title.myAccount' | moTranslate}}
\r\n\r\n![](\"../../../assets/img/general/logo_business_with_text_white.png\"){kind=logo}
\r\n\r\n\r\n \r\n \r\n \t\t\t\r\n \r\n \r\n\t\r\n\r\n\r\n
\r\n\r\n
\r\n\r\n\r\n","import {Component, EventEmitter, OnDestroy, OnInit, Output, ViewChild} from '@angular/core';\r\nimport {RegistrationService} from '../../lib/registration.service';\r\nimport {ToastService} from '../../../../ui/toast/lib/toast.service';\r\nimport {TranslatorService} from '../../../../core/i18n/lib/translator.service';\r\nimport {SelectBoxItem} from '../../../../ui/select-menu/lib/select-box-item';\r\nimport {takeUntil} from 'rxjs/operators';\r\nimport {Subject} from 'rxjs';\r\nimport {DxTextBoxComponent, DxValidationGroupComponent} from 'devextreme-angular';\r\nimport {isPhoneNumber, phoneNumberPattern} from '../../../../core/validators/phone-number-validator';\r\nimport validateEmailCallback from '../../../../core/validators/validate-email-callback';\r\nimport normalizeEmail from '../../../../ui/devextreme-validation/shared/normalize-email';\r\nimport {HttpErrorResponse} from '@angular/common/http';\r\n\r\nexport enum AccountRequestSalutation {\r\n notDefined = 0,\r\n male = 1,\r\n female = 2,\r\n diverse = 3\r\n}\r\n\r\n\r\n@Component({\r\n selector: 'mo-registration-form',\r\n templateUrl: './registration-form.component.html',\r\n styleUrls: ['./registration-form.component.scss'],\r\n})\r\nexport class RegistrationFormComponent implements OnInit, OnDestroy {\r\n @Output()\r\n public closeButtonClicked: EventEmitter{{'b2b.web.page.login.headline.welcome' | moTranslate}}
\r\n \r\n \r\n\r\n
\r\n\r\n {{'b2b.web.page.registration.title.thankYou' | moTranslate}}
\r\n\r\n {{'b2b.web.page.registration.text.requestReceived' | moTranslate}}\r\n
\r\n\r\n
\r\n \r\n\r\n \r\n\r\n \r\n\r\n {{'b2b.web.page.registration.title.createAccount' | moTranslate}}
\r\n\r\n\r\n {{'b2b.web.page.registration.text.pleaseFillOut' | moTranslate}}\r\n
\r\n {{'b2b.web.page.registration.text.alreadyHaveAnAccount' | moTranslate}}\r\n {{'b2b.web.page.registration.text.loginHere' | moTranslate}}
\r\n
\r\n\r\n {{'b2b.web.page.registration.placeholder.phone' | moTranslate}}*
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {{ 'b2b.web.page.registration.placeholder.department' | moTranslate }}*
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n {{'b2b.web.page.registration.subTitle.company' | moTranslate}}
\r\n\r\n\r\n {{'b2b.web.page.registration.placeholder.companyName' | moTranslate}}*\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{'b2b.web.page.registration.placeholder.companyStreet' | moTranslate}}*\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{'b2b.web.page.registration.placeholder.companyHouseNumber' | moTranslate}}*\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{'b2b.web.page.registration.placeholder.companyZipCode' | moTranslate}}*\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{'b2b.web.page.registration.placeholder.companyCity' | moTranslate}}*\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n {{'b2b.web.page.registration.placeholder.companyCountry' | moTranslate}}*\r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {{'b2b.web.page.registration.subTitle.message' | moTranslate}}
\r\n\r\n\r\n {{'b2b.web.page.registration.placeholder.message' | moTranslate}}
\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n\r\n","import {Component, OnInit} from '@angular/core';\r\nimport {RestorePasswordService} from '../../lib/restore-password.service';\r\nimport {FormBuilder} from '@angular/forms';\r\nimport {ToastService} from '../../../../ui/toast/lib/toast.service';\r\nimport {TranslatorService} from '../../../../core/i18n/lib/translator.service';\r\nimport {PublicImgUrlService} from '../../../../core/img/public-img-url.service';\r\nimport normalizeEmail from '../../../../ui/devextreme-validation/shared/normalize-email';\r\nimport validateEmailCallback from '../../../../core/validators/validate-email-callback';\r\n\r\n@Component({\r\n selector: 'mo-restore-password-slide',\r\n templateUrl: './restore-password-slide.component.html',\r\n styleUrls: ['./restore-password-slide.component.scss'],\r\n})\r\nexport class RestorePasswordSlideComponent implements OnInit {\r\n public formData = {\r\n email: '',\r\n };\r\n\r\n public showMessage: boolean = false;\r\n\r\n public validateEmailCallback = validateEmailCallback;\r\n\r\n constructor(\r\n private fb: FormBuilder,\r\n private restorePasswordService: RestorePasswordService,\r\n private toastService: ToastService,\r\n private translatorService: TranslatorService,\r\n private publicImgUrlService: PublicImgUrlService,\r\n ) {\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n public get backgroundImgUrl(): string {\r\n return this.publicImgUrlService.restorePasswordBackgroundImgUrl;\r\n }\r\n\r\n public submit(e: Event): void {\r\n e.preventDefault();\r\n\r\n this.restorePasswordService\r\n .sendEMailToRestorePassword(normalizeEmail(this.formData.email) ?? '')\r\n .subscribe(\r\n () => this.showMessage = true,\r\n () => {\r\n const text = this.translatorService.trans$('b2b.web.error.default').getValue();\r\n this.toastService.show(text || '');\r\n },\r\n );\r\n }\r\n\r\n}\r\n","{{'b2b.web.page.registration.headline.createAccount' | moTranslate}}
\r\n{{'b2b.web.page.registration.headline.greeting' | moTranslate}}
\r\n\r\n\r\n
\r\n\r\n\r\n\r\n","import {Component, EventEmitter, Input, OnDestroy, OnInit, Output} from '@angular/core';\r\nimport {Router} from '@angular/router';\r\nimport {UserSettingsService} from '../../../../core/user/lib/user-settings.service';\r\nimport {SelectBoxItem} from '../../../../ui/select-menu/lib/select-box-item';\r\nimport {FormBuilder, FormControl, Validators} from '@angular/forms';\r\nimport {finalize, takeUntil} from 'rxjs/operators';\r\nimport {pipe, Subject} from 'rxjs';\r\nimport {StoreService} from '../../../../core/store/store.service';\r\nimport {ToastService} from '../../../../ui/toast/lib/toast.service';\r\nimport {TranslatorService} from '../../../../core/i18n/lib/translator.service';\r\nimport {AuthenticationService} from '../../../../core/auth/lib/authentication.service';\r\nimport {Store} from '../../../../core/store/store.interface';\r\n\r\ninterface MyAccountMenuItem {\r\n text: string;\r\n description?: string;\r\n url: string;\r\n active?: boolean;\r\n}\r\n\r\n@Component({\r\n selector: 'mo-my-account-menu',\r\n templateUrl: './my-account-menu.component.html',\r\n styleUrls: ['./my-account-menu.component.scss'],\r\n})\r\nexport class MyAccountMenuComponent implements OnInit, OnDestroy {\r\n @Input()\r\n public visible: boolean = false;\r\n\r\n @Output()\r\n public itemSelected: EventEmitter{{'b2b.web.page.restorePassword.headline.forgotPassword' | moTranslate}}
\r\n{{'b2b.web.page.restorePassword.headline.instructions' | moTranslate}}
\r\n\r\n\r\n\r\n \r\n\r\n {{'b2b.web.page.login.restorePassword.text.eMailReceived' | moTranslate}}\r\n \r\n
\r\n\r\n\r\n
\r\n\r\n {{'b2b.web.page.myAccount.label.currentStore' | moTranslate}}
\r\n \r\n
\r\n - \r\n
- \r\n
\r\n \r\n \r\n\r\n\r\n{{item.text | moTranslate}}
\r\n{{'b2b.web.page.myAccount.menu.item.description.settings' | moTranslate}}
\r\n \r\n\r\n - \r\n
\r\n \r\n \r\n\r\n\r\n{{'b2b.web.page.myAccount.button.text.logout' | moTranslate}}
\r\n \r\n
\r\n monari Chat \r\n
\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n","import {Component, HostBinding, Input, OnInit} from '@angular/core';\r\n\r\n@Component({\r\n selector: 'mo-floating-chat-button',\r\n templateUrl: './floating-chat-button.component.html',\r\n styleUrls: ['./floating-chat-button.component.scss'],\r\n})\r\nexport class FloatingChatButtonComponent implements OnInit {\r\n\r\n public visible: boolean = false;\r\n\r\n constructor() {\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n ![]()
\r\n
\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {MenuComponent} from './menu.component';\r\nimport {ButtonModule} from '../../ui/button/button.module';\r\nimport {RouterModule} from '@angular/router';\r\nimport {ContentBoxModule} from '../../ui/content-box/content-box.module';\r\nimport {DropDownButtonModule} from '../../ui/drop-down-button/drop-down-button.module';\r\nimport {FlexBoxModule} from '../../ui/flex-box/flex-box.module';\r\nimport { MenuImgDirective } from './menu-img.directive';\r\nimport {CoreModule} from '../../core/core.module';\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n MenuComponent,\r\n MenuImgDirective,\r\n ],\r\n imports: [\r\n CommonModule,\r\n ButtonModule,\r\n RouterModule,\r\n ContentBoxModule,\r\n DropDownButtonModule,\r\n FlexBoxModule,\r\n CoreModule,\r\n ],\r\n exports: [\r\n MenuComponent,\r\n ],\r\n})\r\nexport class MenuModule {\r\n}\r\n","import {Component, OnDestroy, OnInit} from '@angular/core';\r\nimport {Subject} from 'rxjs';\r\nimport {takeUntil} from 'rxjs/operators';\r\nimport {ApiService} from '../../core/api/lib/api.service';\r\nimport {TranslatorService} from '../../core/i18n/lib/translator.service';\r\nimport {Network} from '@capacitor/network';\r\nimport {NetworkPlugin} from '@capacitor/network/dist/esm/definitions';\r\nimport {PluginListenerHandle} from '@capacitor/core';\r\n\r\n@Component({\r\n selector: 'mo-offline-notification',\r\n templateUrl: './offline-notification.component.html',\r\n styleUrls: ['./offline-notification.component.scss'],\r\n})\r\nexport class OfflineNotificationComponent implements OnInit, OnDestroy {\r\n\r\n public offline: boolean = false;\r\n\r\n public message: string | undefined;\r\n\r\n public buttonText: string | undefined;\r\n\r\n private handler?: PluginListenerHandle;\r\n\r\n private network: NetworkPlugin = Network;\r\n\r\n private destroyed$: Subject\r\n \r\n
\r\n\r\n {{message}}\r\n
\r\n\r\n
\r\n\r\n{{'b2b.web.page.search.text.noResults' | moTranslate}}
\r\nIhr Warenkorb ist leer.
\r\n \r\n \r\n\r\n\r\n\r\n\r\n {{data?.id}} \r\n
\r\n\r\n \r\n \r\n \r\n {{data?.name2}}\r\n \r\n \r\n {{data?.street}}, {{data?.zipCode}} {{data?.city}}, {{data?.countryIso2}}\r\n \r\n \r\n
\r\n \r\n \r\n {{data?.id}} \r\n {{data.text}}\r\n {{data.name2}}\r\n \r\n \r\n {{data?.street}}, {{data?.zipCode}} {{data?.city}}, {{data?.countryIso2}}\r\n \r\n \r\n
\r\n\r\n\r\n","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { DxSelectBoxModule, DxTextBoxModule } from 'devextreme-angular';\r\nimport { CoreModule } from '../../core/core.module';\r\nimport { FlexBoxModule } from '../../ui/flex-box/flex-box.module';\r\nimport { NoteModule } from '../../ui/note/note.module';\r\nimport { StoreSelectBoxComponent } from '../store-select-box/store-select-box.component';\r\n\r\n@NgModule({\r\n declarations: [StoreSelectBoxComponent],\r\n exports: [StoreSelectBoxComponent],\r\n imports: [CoreModule, CommonModule, DxSelectBoxModule, DxTextBoxModule, FlexBoxModule, NoteModule],\r\n})\r\nexport class StoreSelectionBoxModule {}\r\n","import {Component, OnDestroy, OnInit} from '@angular/core';\r\nimport {StoreService} from '../../core/store/store.service';\r\nimport {Store} from '../../core/store/store.interface';\r\nimport {UserSettingsService} from '../../core/user/lib/user-settings.service';\r\nimport {finalize, switchMap, take, takeUntil} from 'rxjs/operators';\r\nimport {Subject} from 'rxjs';\r\nimport {ToastService} from '../../ui/toast/lib/toast.service';\r\nimport {TranslatorService} from '../../core/i18n/lib/translator.service';\r\n\r\n@Component({\r\n selector: 'mo-store-selection-dialog',\r\n templateUrl: './store-selection-dialog.component.html',\r\n styleUrls: ['./store-selection-dialog.component.scss'],\r\n})\r\nexport class StoreSelectionDialogComponent implements OnInit, OnDestroy {\r\n public stores: Store[] = [];\r\n\r\n public visible: boolean = false;\r\n\r\n public selectedStore?: Store;\r\n\r\n private _destroyed$ = new Subject();\r\n\r\n constructor(\r\n private _storeService: StoreService,\r\n private _toastService: ToastService,\r\n private _settingsService: UserSettingsService,\r\n private _translatorService: TranslatorService,\r\n ) {\r\n }\r\n\r\n ngOnInit(): void {\r\n // Check settings as soon as available to show dialog.\r\n this._storeService\r\n .readStores()\r\n .pipe(\r\n take(1),\r\n switchMap(stores => {\r\n this.stores = stores;\r\n return this._settingsService.userSettings$;\r\n }),\r\n ).pipe(takeUntil(this._destroyed$))\r\n .subscribe(\r\n () => this.checkSettingsAndShowDialog(),\r\n );\r\n }\r\n\r\n public ngOnDestroy() {\r\n this._destroyed$.next();\r\n this._destroyed$.complete();\r\n }\r\n\r\n public updateCurrentActiveStore(): void {\r\n if (this.selectedStore && this.selectedStore.id >= 0 && this._settingsService.userSettings) {\r\n this._settingsService.userSettings.defaultMerchantId = +this.selectedStore.id;\r\n\r\n this._settingsService\r\n .updateUserSettings(this._settingsService.userSettings)\r\n .pipe(\r\n finalize(() => this.visible = false,\r\n ),\r\n )\r\n .subscribe(\r\n response => {\r\n this._settingsService.setUserSettings(response);\r\n },\r\n () => {\r\n const text = this._translatorService.trans$('b2b.web.page.myAccount.toast.text.couldNotChangeActiveStore').getValue();\r\n this._toastService.show(text ?? '');\r\n },\r\n );\r\n\r\n }\r\n }\r\n\r\n private checkSettingsAndShowDialog(): void {\r\n // If user has default merchant set and selected default merchant is still valid (in store list)\r\n // we don't need to show store selection dialog.\r\n if (this._settingsService.userSettings?.defaultMerchantId) {\r\n const store = this.stores.find(storeTemp => storeTemp.id === this._settingsService.userSettings?.defaultMerchantId);\r\n\r\n if (store) {\r\n this._destroyed$.next();\r\n this._destroyed$.complete();\r\n\r\n return;\r\n }\r\n }\r\n\r\n // If no default merchant has been set or merchant not valid anymore do check if store is available.\r\n if (this._settingsService.userSettings) {\r\n // If user has more stores than one store for selection we want to show the store selection dialog.\r\n if (this.stores.length > 1) {\r\n this.visible = true;\r\n\r\n // If user has exactly 1 store for selection we can set this store as active store automatically.\r\n } else if (this.stores.length === 1) {\r\n this.selectedStore = this.stores[0];\r\n this.updateCurrentActiveStore();\r\n }\r\n\r\n this._destroyed$.next();\r\n this._destroyed$.complete();\r\n }\r\n }\r\n\r\n}\r\n","{{'b2b.web.page.myAccount.popup.text.changeActiveStoreInfo' | moTranslate}}
\r\n\r\n
\r\n {{'b2b.web.page.myAccount.label.currentStore' | moTranslate}}
\r\n \r\n
\r\n \r\n\r\n \r\n\r\n ![](\"assets/img/general/logo_black.png\")
\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n\r\n\r\n \r\n \r\n \r\n
\r\n\r\n \r\n\r\n \r\n \r\n
\r\n\r\n\r\n \r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n\r\n {{'b2b.web.versionNotification.popup.text.newAppAvailable' | moTranslate}}\r\n
\r\n{{text}}\r\n\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {ButtonComponent} from './button.component';\r\n\r\n\r\n@NgModule({\r\n declarations: [\r\n ButtonComponent,\r\n ],\r\n imports: [\r\n CommonModule,\r\n ],\r\n exports: [\r\n ButtonComponent,\r\n ],\r\n})\r\nexport class ButtonModule {\r\n}\r\n","import {Component, OnInit} from '@angular/core';\r\n\r\n/**\r\n * Box to wrap content. This box handles automatically the left/ right space to the devices borders considering mobile/ desktop devices.\r\n */\r\n@Component({\r\n selector: 'mo-content-box',\r\n templateUrl: './content-box.component.html',\r\n styleUrls: ['./content-box.component.scss'],\r\n})\r\nexport class ContentBoxComponent implements OnInit {\r\n\r\n constructor() {\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","
{{titleTextKey | moTranslate}}
\r\n\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n\r\n {{nextSlideTitle}}
\r\n 0\" class=\"previous mo-slider-control\" (click)=\"previous()\">\r\n
\r\n\r\n{{previousSlideTitle}}
\r\n\r\n
\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {ToastComponent} from './toast.component';\r\n\r\n\r\n@NgModule({\r\n declarations: [ToastComponent],\r\n imports: [\r\n CommonModule,\r\n ],\r\n exports: [ToastComponent],\r\n})\r\nexport class ToastModule {\r\n}\r\n","import {Component, Host, HostBinding, Input, OnInit} from '@angular/core';\r\nimport {UiComponent} from '../lib/ui.component';\r\nimport {UiComponentColorType} from '../lib/ui-component-color.type';\r\nimport {UiComponentStyleType} from '../lib/ui-component-style-type';\r\n\r\n/**\r\n * Toolbar for custom usage. E.g. in side bars to place headline and close button.\r\n * Has different paddings for ios, android and web.\r\n */\r\n@Component({\r\n selector: 'mo-toolbar',\r\n templateUrl: './toolbar.component.html',\r\n styleUrls: ['./toolbar.component.scss'],\r\n})\r\nexport class ToolbarComponent extends UiComponent implements OnInit {\r\n @Input()\r\n @HostBinding('class.sticky')\r\n public sticky: boolean = false;\r\n\r\n /**\r\n * If true the toolbar would add some padding to be displayed beneath the devices status bar.\r\n * If false, the toolbar wouldn't add space on top. So it could be overlayed by the devices status bar (currently ios).\r\n * For usage inside of a mo-side-bar safeArea should be false because the side bar brings safe area padding with it.\r\n */\r\n @Input()\r\n @HostBinding('class.safe-area')\r\n public safeArea: boolean = false;\r\n\r\n @Input()\r\n public colorType: UiComponentColorType = UiComponentColorType.white;\r\n\r\n @Input()\r\n public styleType: UiComponentStyleType = UiComponentStyleType.filled;\r\n\r\n constructor() {\r\n super();\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n}\r\n","\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {ToolbarComponent} from './toolbar.component';\r\n\r\n\r\n@NgModule({\r\n declarations: [ToolbarComponent],\r\n imports: [\r\n CommonModule,\r\n ],\r\n exports: [ToolbarComponent],\r\n})\r\nexport class ToolbarModule {\r\n}\r\n","import {Component, Input, OnInit} from '@angular/core';\r\nimport {AbstractControl, FormGroup, NgControl} from '@angular/forms';\r\n\r\n/**\r\n * Component to display validation errors in forms. Can be inserted into form elements e.g. the mo-input component.\r\n */\r\n@Component({\r\n selector: 'mo-validation-error',\r\n templateUrl: './validation-error.component.html',\r\n styleUrls: ['./validation-error.component.scss'],\r\n})\r\nexport class ValidationErrorComponent implements OnInit {\r\n @Input()\r\n public ngControl?: NgControl | FormGroup | AbstractControl;\r\n\r\n constructor() {\r\n }\r\n\r\n ngOnInit(): void {\r\n }\r\n\r\n public get maxLength(): Record{{text}}
\r\n