\\n
\\n\\n\";","import { autoinject, LogManager, bindable } from \"aurelia-framework\";\nimport { EventAggregator } from \"aurelia-event-aggregator\";\nimport { I18N } from \"aurelia-i18n\";\nimport { Utils } from \"utils/helpers/utils\";\nimport { IProduct } from \"domain/Product/IProduct\";\nimport { CartProductService } from \"services/cart/cart-product-service\";\nimport { TKEvent } from \"utils/enums/TKEvent\";\nimport { AppConfig } from \"app-config\";\nimport { ICartProduct } from \"domain/Cart/ICartProduct\";\nimport { IStockItem } from \"domain/Product/IStockItem\";\nimport { IWarehouse } from \"domain/Client/IWarehouse\";\nimport { ProductExtraHelper } from \"utils/helpers/product-extra-helper\";\nimport { CurrencyFormatValueConverter } from \"utils/classes/value-converters\";\nimport { Modal } from \"bootstrap\";\nimport { AddToCartGate } from \"utils/helpers/toast-helper\";\n\nexport const log = LogManager.getLogger(\"app.components.add-to-cart\");\n\ntype CartProductCandidate = IProduct & Partial\\n ${'pages.category.filters.header' & t}\\n\\n \\n\\n
\\n\\n \\n \\n \\n\\n \\n
\\n \");\n }\n\n getStockWarningText(\n product: CartProductCandidate,\n selectedStock: IStockItem | null | undefined = product.selectedStock,\n warehouseId = product.warehouseId,\n externalWarehouseId = product.externalWarehouseId,\n externalWarehouseGroupId = product.externalWarehouseGroupId,\n ) {\n if (\n this.hasExternalStockWarning(\n product,\n selectedStock,\n externalWarehouseId,\n externalWarehouseGroupId,\n )\n ) {\n const groupId = this.getExternalWarningGroupId(\n product,\n selectedStock,\n externalWarehouseGroupId,\n );\n\n return this.i18n.tr(`components.products.tooltips.other-stock-warning.external.${groupId}`);\n }\n\n const stockWarehouseId = this.getWarehouseWarningId(product, selectedStock, warehouseId);\n return this.i18n.tr(\n `components.products.tooltips.other-stock-warning.warehouses.${stockWarehouseId}`,\n );\n }\n\n getExternalWarningGroupId(\n product: CartProductCandidate,\n selectedStock: IStockItem | null | undefined = product.selectedStock,\n externalWarehouseGroupId = product.externalWarehouseGroupId,\n ) {\n return selectedStock?.warehouse?.groupId || externalWarehouseGroupId || 2;\n }\n\n getWarehouseWarningId(\n product: CartProductCandidate,\n selectedStock: IStockItem | null | undefined = product.selectedStock,\n warehouseId = product.warehouseId,\n ) {\n return selectedStock?.warehouse?.id || warehouseId;\n }\n}\n","module.exports = \"\\n
\\n \\n ${'components.products.fields.minimum-quantity-hint' & t: {'quantity': getMinimumQuantity(product)}}\\n
\\n \\n\\n \\n
\\n \\n \\n ${'components.products.buttons.add-to-cart' & t}\\n \\n \\n ${'components.products.buttons.add-to-cart' & t}\\n \\n
\\n \\n \\n \\n
\\n \\n \\n\\n \\n
\\n \\n\\n\";","import { IProduct } from 'domain/Product/IProduct';\nimport { observable } from 'aurelia-framework';\nimport { LogManager } from 'aurelia-framework';\nimport { bindable } from 'aurelia-framework';\n\nexport var log = LogManager.getLogger('app.components.gallery');\n\nexport class GalleryCustomElement {\n @bindable @observable products: IProduct[];\n}\n","module.exports = \"\\n\\n \\n\\n\\n\";","import { autoinject, observable, bindable, LogManager } from 'aurelia-framework';\nimport { I18N } from 'aurelia-i18n';\nimport { Utils } from 'utils/helpers/utils';\nimport { IPrice } from 'domain/Product/IPrice';\nimport { hasAmountDependentPrice } from 'domain/Product/PriceDisplay';\nimport { IProduct } from 'domain/Product/IProduct';\nimport { IStockItem } from 'domain/Product/IStockItem';\nimport { ProductExtraHelper } from 'utils/helpers/product-extra-helper';\nimport { CurrencyFormatValueConverter, PricesToTooltipValueConverter } from 'utils/classes/value-converters';\n\nexport const log = LogManager.getLogger('app.components.price');\n\n@autoinject\nexport class PriceCustomElement {\n @bindable @observable prices: IPrice[];\n @bindable displayPrice: number | null;\n @bindable product: IProduct | null;\n @bindable stockItem: IStockItem | null;\n hasRefundableDeposit = false;\n refundableDeposit: number | null = null;\n priceTooltip = '';\n private currencyFormat = new CurrencyFormatValueConverter();\n private pricesToTooltip = new PricesToTooltipValueConverter();\n\n constructor(\n private i18n: I18N\n ) {}\n\n // #region MAIN\n\n bind() {\n this.updateRefundableDepositInfo();\n }\n\n pricesChanged() {\n // SAL-283 QA r6: a cart line without a stock row has no prices but a stored price; not an error.\n if (this.prices == null && this.displayPrice == null)\n Utils.showErrorToast(log, this.i18n.tr('components.price.errors.load'));\n\n this.updateRefundableDepositInfo();\n }\n\n productChanged() {\n this.updateRefundableDepositInfo();\n }\n\n stockItemChanged() {\n this.updateRefundableDepositInfo();\n }\n \n hasAmountDependentPrice(prices: IPrice[] | null | undefined) {\n return hasAmountDependentPrice(prices);\n }\n\n updateRefundableDepositInfo() {\n const refundableDepositSource = this.getRefundableDepositSource();\n\n this.hasRefundableDeposit = ProductExtraHelper.hasRefundableDeposit(refundableDepositSource);\n this.refundableDeposit = ProductExtraHelper.getRefundableDeposit(refundableDepositSource);\n this.priceTooltip = this.getPriceTooltip();\n }\n\n /** Prices plus the refundable deposit, so the whole price field has one tooltip. */\n getPriceTooltip() {\n const priceLines = this.pricesToTooltip.toView(this.prices, this.i18n);\n if (!this.hasRefundableDeposit) return priceLines;\n\n return priceLines + this.getRefundableDepositLine();\n }\n\n private getRefundableDepositLine() {\n if (this.refundableDeposit == null)\n return this.i18n.tr('components.products.tooltips.casing.included-without-price');\n\n return this.i18n.tr('components.products.tooltips.casing.price-line', {\n price: this.currencyFormat.toView(this.refundableDeposit),\n });\n }\n\n private getRefundableDepositSource() {\n return ProductExtraHelper.getSelectedRefundableDepositSource(this.product, this.stockItem);\n }\n\n // #endregion\n}\n","module.exports = \"\\n \\n \\n\\n
\\n\\n \\n \\n \\n ![]()
\\n \\n
\\n\\n \\n \\n ${infoLabel(info)}\\n ${infoLabel(info)}: ${infoValue(info)}
\\n \\n \\n ${'components.products.headers.ean' & t}:\\n ${product.ean}\\n \\n \\n ${'components.products.headers.in-package' & t}:\\n ${product.inPackage}\\n \\n
\\n \\n \\n \\n ${'components.products.headers.ean' & t}:\\n ${product.ean}\\n \\n \\n ${'components.products.headers.in-package' & t}:\\n ${product.inPackage}\\n \\n
- \\n
- \\n \\n ${document[0]}\\n \\n \\n
\\n ${'components.products.headers.oe-numbers' & t}\\n \\n \\n
\\n\\n \\n \\n \\n ${'components.products.headers.fits-cars' & t}\\n \\n \\n \\n
\\n \\n \\n
\\n \\n \\n \\n ${'components.products.headers.fits-cars' & t}\\n | \\n ${'components.products.headers.thumbnail' & t}\\n | \\n${'components.products.headers.code' & t} | \\n${'components.products.headers.name' & t} | \\n\\n ${'components.products.headers.brand' & t}\\n | \\n${'components.products.headers.stock' & t} | \\n${'components.products.headers.price' & t} | \\n\\n ${'components.products.headers.amount' & t}\\n | \\n\\n ${'components.products.headers.total' & t}\\n | \\n\\n ${'components.products.headers.add-to-cart' & t}\\n | \\n\\n ${product.code}\\n | \\n\\n ${product.name} | \\n\\n\\n ${product.brand}\\n | \\n\\n\\n | \\n\\n \\n ${(product.selectedStock ? product.selectedStock.displayPrice * product.quantity : null) | currencyFormat}\\n | \\n\\n\\n | \\n \\n\\n \\n \\n \\n ${infoLabel(info)}\\n ${infoLabel(info)}: ${infoValue(info)}\\n \\n \\n \\n | \\n \\n\\n
|---|---|---|---|---|---|---|---|---|
| \\n | \\n
\\n \\n
\\n\\n \\n
\\n\\n \\n
\\n \\n \\n \\n \\n
\\n\\n\";","import { I18N } from \"aurelia-i18n\";\nimport { Utils } from \"utils/helpers/utils\";\nimport { isRequestNoise } from \"utils/helpers/request-errors\";\nimport { EventAggregator } from \"aurelia-event-aggregator\";\nimport { CategoryService } from \"services/product/category-service\";\nimport { AppConfig } from \"app-config\";\nimport { Router, NavigationInstruction, PipelineResult } from \"aurelia-router\";\nimport { IParentItem } from \"domain/Base/IParentItem\";\nimport { LogManager, autoinject } from \"aurelia-framework\";\nimport $ from \"jquery\";\nimport \"bootstrap\";\n\nexport const log = LogManager.getLogger(\"app.search.categories\");\n\n@autoinject\nexport class Categories {\n // Cache\n categories: IParentItem[];\n\n constructor(\n private router: Router,\n private eventAggregator: EventAggregator,\n private appConfig: AppConfig, // used by HTML\n private categoryService: CategoryService,\n private i18n: I18N,\n ) {}\n\n // called only once: when the site is opened (and the user probably isn't logged in yet)\n activate() {\n // If user is already logged in, but refreshed the page\n if (this.appConfig.isLoggedIn) this.loadCategoryMenu();\n\n // attached() was too late, the \"router:navigation:success\" event had already been fired\n this.eventAggregator.subscribe(\n \"router:navigation:success\",\n (event: { instruction: NavigationInstruction; result: PipelineResult }) => {\n const currentRoute = event.instruction.config.name;\n if (!currentRoute) return;\n\n // Run only after successful login\n if (this.appConfig.isLoggedIn && this.categories === undefined) this.loadCategoryMenu();\n },\n );\n }\n\n // #region LOAD\n\n loadCategoryMenu() {\n this.categoryService\n .fetchCategories()\n .then(result => {\n this.categories = result;\n this.positionSubmenu();\n })\n .catch(error => {\n if (isRequestNoise(error)) return Utils.handleRequestNoise(log, error, this.i18n);\n Utils.showErrorToast(log, Utils.getErrorMessage(error, this.i18n));\n });\n }\n\n // #endregion\n\n // #region ACTIONS\n\n openCategory(category: IParentItem) {\n let id = category.id;\n\n if (id == 6 || id == 7 || id == 8) {\n // Car fitment categories (tyres/cat 10 use typed filters, not mark/model)\n this.router.navigateToRoute(\"categoryManufacturers\", { categoryId: category.id });\n return;\n }\n\n if (id == 54)\n // 54 is alias for 10\n id = 10;\n\n this.router.navigateToRoute(\"categoryProducts\", {\n categoryId: id,\n page: 1,\n });\n }\n\n // #endregion\n\n // #region HELPERS\n\n positionSubmenu() {\n $(() => {\n // SAL-297: runs on every open, from viewport coordinates (getBoundingClientRect), so page\n // scroll, resize and zoom since the last open are picked up without a reload.\n function position(element: JQuery\\n \\n ${externalStockLabel(product.selectedStock)}:\\n ${product.selectedStock.warehouse.name}:\\n ${ product.selectedStock.quantity | stockName:i18n}\\n\\n \\n \\n \\n \\n \\n\\n \\n
\\n \\n\\n \\n \\n\\n \\n
\\n\\n\\n\";","import { TKEvent } from \"utils/enums/TKEvent\";\nimport { SearchType } from \"utils/enums/SearchType\";\nimport { EventAggregator } from \"aurelia-event-aggregator\";\nimport { AppConfig } from \"app-config\";\nimport { Router, NavigationInstruction, PipelineResult } from \"aurelia-router\";\nimport { LogManager, autoinject, observable } from \"aurelia-framework\";\nimport { decodeSearchRouteQuery, encodeSearchRouteQuery, shouldNavigateForQuery } from \"utils/helpers/search-route\";\n\nexport const log = LogManager.getLogger(\"app.search.search-bar\");\n\n@autoinject\nexport class SearchBar {\n // Main variables\n @observable query: string;\n @observable type: SearchType;\n page = 1;\n extendedSearch = false;\n\n // Search delay variables\n searchDelayMilliseconds = 500;\n searchTimer: NodeJS.Timeout;\n // SAL-341: a paste or Enter ends the input, so that search starts without the typing delay\n private searchNow = false;\n private pendingSearch?: () => void;\n\n // Other variables\n hasFocus = true;\n\n constructor(\n private router: Router,\n private eventAggregator: EventAggregator,\n private appConfig: AppConfig\n ) {\n this.eventAggregator.subscribeOnce(TKEvent.userSettingsLoaded, () => {\n if (this.type === undefined)\n this.type = this.appConfig.userSettings.defaultSearchLimitation;\n });\n this.eventAggregator.subscribe(\n \"router:navigation:success\",\n (event: {\n instruction: NavigationInstruction;\n result: PipelineResult;\n }) => {\n const currentRoute = event.instruction.config.name;\n const currentParams = event.instruction.params;\n\n this.updateFromRoute(currentRoute, currentParams);\n }\n );\n }\n\n activate() {\n const instruction = this.router.currentInstruction.getAllInstructions()[0];\n this.updateFromRoute(instruction.config.name, instruction.params);\n }\n\n // #region Observables\n\n queryChanged(newQuery: string, oldQuery: string) {\n // A paste only shortens the wait for the change it caused\n const searchNow = this.searchNow;\n this.searchNow = false;\n\n // value is set from undefined to something for the first time\n if (oldQuery === undefined)\n return;\n\n const query = newQuery.trim();\n clearTimeout(this.searchTimer);\n this.pendingSearch = undefined;\n\n if (query.length == 0) {\n if (this.router.currentInstruction.config.name == \"searchResult\")\n this.router.navigateToRoute(\"home\");\n\n return;\n }\n\n if (query.length < 3)\n return;\n\n this.page = 1; // if the query changes, we want to make sure the page is reset\n this.delayedSearch(query, this.page, this.type, this.extendedSearch, searchNow);\n }\n\n typeChanged(newType: SearchType, oldType: SearchType) {\n if (oldType === undefined)\n return;\n\n this.delayedSearch(this.query, this.page, newType, this.extendedSearch);\n }\n\n // #endregion\n\n // #region ACTIONS\n\n delayedSearch(query: string, page: number, type: SearchType, extendedSearch: boolean, now = false) {\n if (query.length < 3) return;\n\n clearTimeout(this.searchTimer);\n const run = () => {\n this.pendingSearch = undefined;\n this.search(query, page, type, extendedSearch);\n };\n this.pendingSearch = run;\n\n if (now) {\n run();\n return;\n }\n this.searchTimer = setTimeout(run, this.searchDelayMilliseconds);\n }\n\n // Set before the input event that carries the pasted text. Returns true so the paste happens.\n pasted() {\n this.searchNow = true;\n return true;\n }\n\n // Enter runs the waiting search now. Returns true so typing is not cancelled.\n keyDown(event: KeyboardEvent) {\n if (event.key === \"Enter\" && this.pendingSearch) {\n clearTimeout(this.searchTimer);\n this.pendingSearch();\n }\n return true;\n }\n\n search(query: string, page: number, type: SearchType, extendedSearch: boolean) {\n // SAL-343: checked when the timer fires, for query and type changes alike. The route already\n // shows this search (e.g. an OE code clicked on a product page set both); navigating again\n // would make the router deactivate the search page and abort its running request.\n const instruction = this.router.currentInstruction;\n if (!shouldNavigateForQuery(instruction?.config?.name, this.routeQuery(instruction?.params), query, instruction?.params?.type, type))\n return;\n\n this.router.navigateToRoute(\"searchResult\", {\n query: encodeSearchRouteQuery(query),\n page: page,\n type: type,\n extendedSearch: extendedSearch,\n });\n }\n\n // #endregion\n\n // #region HELPERS\n\n private routeQuery(params: any): string | undefined {\n if (!params || params.query === undefined) return undefined;\n return decodeSearchRouteQuery(params.query);\n }\n\n updateFromRoute(currentRoute: string | undefined, currentParams: any) {\n if (!currentRoute)\n return;\n\n if (currentRoute == \"searchResult\" || currentRoute == \"carVehiclesQuery\") {\n this.query = decodeSearchRouteQuery(currentParams.query);\n // make sure these are numbers\n this.page = parseInt(currentParams.page ?? \"1\");\n this.type = parseInt(currentParams.type ?? SearchType.All);\n } else {\n this.query = \"\";\n\n if (currentRoute == \"home\") this.hasFocus = true;\n }\n }\n\n // #endregion\n}\n","module.exports = \"\\n \\n
\\n\\n\";","import { I18N } from \"aurelia-i18n\";\nimport { Router } from \"aurelia-router\";\nimport { IRvsOrder } from \"domain/Sale/IRvsOrder\";\nimport { LogManager, autoinject, bindable } from \"aurelia-framework\";\nimport $ from \"jquery\";\nimport \"bootstrap\";\nimport { OrderService } from \"services/sale/order-service\";\nimport { Utils } from \"utils/helpers/utils\";\nimport { EventAggregator } from \"aurelia-event-aggregator\";\nimport { TKEvent } from \"utils/enums/TKEvent\";\nimport { Collapse } from \"bootstrap\";\n\nexport const log = LogManager.getLogger(\"app.components.order-list\");\n\n@autoinject\nexport class OrderListCustomElement {\n @bindable orders: IRvsOrder[];\n\n options = {\n showInvoiceId: false,\n showWarehouse: false,\n showTransport: false,\n showAddToCart: true,\n showAddToReturn: true,\n showConvertToCart: true,\n };\n\n constructor(\n private orderService: OrderService,\n private eventAggregator: EventAggregator,\n private router: Router,\n private i18n: I18N\n ) {}\n\n attached() {\n this.orders.forEach((order) => {\n order.originalId = order.originalId.replace(\"*INTERNET*\", \"\");\n });\n }\n\n convertToCart(order: IRvsOrder) {\n this.orderService\n .convertRvsOrderToCart(order.id)\n .then(() => {\n this.eventAggregator.publish(TKEvent.cartProductsChanged);\n Utils.showSuccessToast(\n this.i18n.tr(\"pages.orders.messages.convert-to-cart\")\n );\n })\n .catch((error) =>\n Utils.showErrorToast(\n log,\n Utils.getErrorMessage(error, this.i18n)\n )\n );\n }\n\n toggleProductList(target: HTMLElement, order: IRvsOrder) {\n $(() => {\n // Check if child element was clicked instead\n if (\n $(target).prop(\"tagName\") != \"TD\" &&\n $(target).prop(\"tagName\") != \"TR\"\n )\n return;\n\n const productListElement = document.querySelector(\n `[data-product-list=\"${order.id}\"]`\n );\n if (productListElement)\n new Collapse(productListElement, {\n parent: \"#accordion-order\",\n }).toggle();\n });\n }\n\n canConvertToCart(order: IRvsOrder): boolean {\n return order.products.some((p) => Number(p.amount) > 0);\n }\n}\n","module.exports = \"\\n | ${'pages.orders.headers.number' & t} | \\n${'pages.orders.headers.original-number' & t} | \\n${'pages.orders.headers.comments' & t} | \\n${'pages.orders.headers.total' & t} | \\n\\n ${'components.products.headers.add-to-cart' & t}\\n | \\n
|---|---|---|---|---|
| ${order.id} | \\n${order.originalId} | \\n${order.comment} | \\n\\n ${order.total | currencyFormat}\\n | \\n\\n | \\n
| \\n | \\n
\\n \\n \\n\\n \\n\\n \\n \\n\\n \\n \\n
\\n\\n\";"],"sourceRoot":""}