@salla.sa/twilight-components 2.14.252 → 2.14.253

package/dist/collection/components/salla-order-details/salla-order-details-options.js

@@ -0,0 +1,177 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { Host, h } from "@stencil/core";
+import copyIcon from "../../assets/svg/swap-fill.svg";
+/**
+ * @salla/ui-components
+ * The `salla-order-details-options` component renders product options for order details.
+ * It displays various types of options including colors, images, files, maps, and text values.
+ */
+export class SallaOrderDetailsOptions {
+    constructor() {
+        /** Whether to show the options in a bordered container */
+        this.bordered = true;
+        /** Placeholder image URL when option image is not available */
+        this.placeholderImage = 'images/placeholder.png';
+        /** Parsed options data */
+        this.optionsData = [];
+    }
+    componentWillLoad() {
+        this.parseOptionsData();
+    }
+    componentWillUpdate() {
+        this.parseOptionsData();
+    }
+    parseOptionsData() {
+        if (!this.options) {
+            this.optionsData = [];
+            return;
+        }
+        if (typeof this.options === 'string') {
+            try {
+                this.optionsData = JSON.parse(this.options);
+            }
+            catch (e) {
+                // Invalid options JSON, fallback to empty array
+                this.optionsData = [];
+            }
+        }
+        else {
+            this.optionsData = Array.isArray(this.options) ? this.options : [];
+        }
+    }
+    renderOptionValue(option) {
+        // Handle image options
+        if (option.is_image) {
+            return (h("div", { class: "s-order-details-option-image-container" }, h("a", { href: option.value, target: "_blank" }, h("img", { class: "s-order-details-option-image", src: option.value || this.placeholderImage, alt: option.name }))));
+        }
+        // Handle color options
+        if (option.color) {
+            return (h("span", { title: option.value, class: "s-order-details-option-color-swatch", style: { backgroundColor: option.color } }));
+        }
+        // Handle file options
+        if (option.is_file) {
+            return (h("a", { href: option.value, target: "_blank", class: "s-order-details-option-file-link" }, "Attachments"));
+        }
+        // Handle color picker options
+        if (option.is_color_picker) {
+            return (h("div", { class: "s-order-details-option-color-picker" }, h("div", { class: "s-order-details-option-color-picker-content" }, h("span", { class: "s-order-details-option-color-picker-text" }, option.value), h("span", { class: "s-order-details-option-color-picker-swatch", style: { backgroundColor: option.value, width: '1rem' } })), h("salla-button", { onClick: e => this.copyToClipboard(e, option.value), shape: "link", class: "s-order-details-option-color-picker-button" }, h("span", { class: "s-order-details-option-color-copy-icon", innerHTML: copyIcon }))));
+        }
+        // Handle map options
+        if (option.is_map && option.latitude && option.longitude) {
+            return (h("salla-map", { id: `location_map_${option.id}`, class: `map_${option.id}`, zoom: 15, readonly: true, lat: option.latitude, lng: option.longitude }, h("div", { slot: "button" }, h("button", { type: "button", class: "s-order-details-option-map-button", onClick: () => this.openMap(option.id) }, "Show Location"))));
+        }
+        // Default text value
+        return (h("span", { class: "s-order-details-option-default-text" }, option.display_value || option.value));
+    }
+    copyToClipboard(event, content) {
+        event.preventDefault();
+        if (navigator.clipboard) {
+            navigator.clipboard.writeText(content);
+        }
+    }
+    openMap(optionId) {
+        const mapElement = document.querySelector(`salla-map.map_${optionId}`);
+        if (mapElement && mapElement.open) {
+            mapElement.open();
+        }
+    }
+    render() {
+        if (!this.optionsData.length) {
+            return null;
+        }
+        const containerClasses = this.bordered
+            ? 's-order-details-options-container'
+            : 's-order-details-options-container-borderless';
+        return (h(Host, { class: "s-order-details-options-wrapper" }, h("h2", { class: "s-order-details-options-title" }, salla.lang.get('pages.cart.item_options')), h("div", { class: containerClasses }, h("dl", { class: "s-order-details-options-list" }, this.optionsData.map(option => (h("div", { key: option.id, class: "s-order-details-options-item" }, h("dt", { class: "s-order-details-options-item-name" }, option.name, ":"), h("dd", { class: option.is_image
+                ? 's-order-details-options-item-value-image'
+                : 's-order-details-options-item-value-text' }, this.renderOptionValue(option)))))))));
+    }
+    static get is() { return "salla-order-details-options"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-order-details-options.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-order-details-options.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "options": {
+                "type": "string",
+                "attribute": "options",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProductOption[] | string",
+                    "resolved": "ProductOption[] | string",
+                    "references": {
+                        "ProductOption": {
+                            "location": "import",
+                            "path": "./interfaces",
+                            "id": "src/components/salla-order-details/interfaces.ts::ProductOption"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Product options to display"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "bordered": {
+                "type": "boolean",
+                "attribute": "bordered",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to show the options in a bordered container"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "true"
+            },
+            "placeholderImage": {
+                "type": "string",
+                "attribute": "placeholder-image",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Placeholder image URL when option image is not available"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "'images/placeholder.png'"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "optionsData": {}
+        };
+    }
+}
+//# sourceMappingURL=salla-order-details-options.js.map

package/dist/collection/components/salla-order-details/salla-order-details-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-order-details-options.js","sourceRoot":"","sources":["../../../src/components/salla-order-details/salla-order-details-options.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, h, Prop, State } from '@stencil/core';\nimport { ProductOption } from './interfaces';\nimport copyIcon from '../../assets/svg/swap-fill.svg';\n\n/**\n * @salla/ui-components\n * The `salla-order-details-options` component renders product options for order details.\n * It displays various types of options including colors, images, files, maps, and text values.\n */\n@Component({\n  tag: 'salla-order-details-options',\n  styleUrl: 'salla-order-details-options.scss',\n})\nexport class SallaOrderDetailsOptions {\n  /** Product options to display */\n  @Prop() options?: ProductOption[] | string;\n\n  /** Whether to show the options in a bordered container */\n  @Prop() bordered?: boolean = true;\n\n  /** Placeholder image URL when option image is not available */\n  @Prop() placeholderImage: string = 'images/placeholder.png';\n\n  /** Parsed options data */\n  @State() optionsData: ProductOption[] = [];\n\n  componentWillLoad() {\n    this.parseOptionsData();\n  }\n\n  componentWillUpdate() {\n    this.parseOptionsData();\n  }\n\n  private parseOptionsData() {\n    if (!this.options) {\n      this.optionsData = [];\n      return;\n    }\n\n    if (typeof this.options === 'string') {\n      try {\n        this.optionsData = JSON.parse(this.options);\n      } catch (e) {\n        // Invalid options JSON, fallback to empty array\n        this.optionsData = [];\n      }\n    } else {\n      this.optionsData = Array.isArray(this.options) ? this.options : [];\n    }\n  }\n\n  private renderOptionValue(option: ProductOption) {\n    // Handle image options\n    if (option.is_image) {\n      return (\n        <div class=\"s-order-details-option-image-container\">\n          <a href={option.value as string} target=\"_blank\">\n            <img\n              class=\"s-order-details-option-image\"\n              src={(option.value as string) || this.placeholderImage}\n              alt={option.name}\n            />\n          </a>\n        </div>\n      );\n    }\n\n    // Handle color options\n    if (option.color) {\n      return (\n        <span\n          title={option.value as string}\n          class=\"s-order-details-option-color-swatch\"\n          style={{ backgroundColor: option.color }}\n        ></span>\n      );\n    }\n\n    // Handle file options\n    if (option.is_file) {\n      return (\n        <a href={option.value as string} target=\"_blank\" class=\"s-order-details-option-file-link\">\n          Attachments\n        </a>\n      );\n    }\n\n    // Handle color picker options\n    if (option.is_color_picker) {\n      return (\n        <div class=\"s-order-details-option-color-picker\">\n          <div class=\"s-order-details-option-color-picker-content\">\n            <span class=\"s-order-details-option-color-picker-text\">{option.value}</span>\n            <span\n              class=\"s-order-details-option-color-picker-swatch\"\n              style={{ backgroundColor: option.value as string, width: '1rem' }}\n            ></span>\n          </div>\n          <salla-button\n            onClick={e => this.copyToClipboard(e, option.value as string)}\n            shape=\"link\"\n            class=\"s-order-details-option-color-picker-button\"\n          >\n            <span class=\"s-order-details-option-color-copy-icon\" innerHTML={copyIcon}></span>\n          </salla-button>\n        </div>\n      );\n    }\n\n    // Handle map options\n    if (option.is_map && option.latitude && option.longitude) {\n      return (\n        <salla-map\n          id={`location_map_${option.id}`}\n          class={`map_${option.id}`}\n          zoom={15}\n          readonly\n          lat={option.latitude as number}\n          lng={option.longitude as number}\n        >\n          <div slot=\"button\">\n            <button\n              type=\"button\"\n              class=\"s-order-details-option-map-button\"\n              onClick={() => this.openMap(option.id)}\n            >\n              Show Location\n            </button>\n          </div>\n        </salla-map>\n      );\n    }\n\n    // Default text value\n    return (\n      <span class=\"s-order-details-option-default-text\">\n        {option.display_value || option.value}\n      </span>\n    );\n  }\n\n  private copyToClipboard(event: Event, content: string) {\n    event.preventDefault();\n    if (navigator.clipboard) {\n      navigator.clipboard.writeText(content);\n    }\n  }\n\n  private openMap(optionId: string | number) {\n    const mapElement = document.querySelector(`salla-map.map_${optionId}`) as any;\n    if (mapElement && mapElement.open) {\n      mapElement.open();\n    }\n  }\n\n  render() {\n    if (!this.optionsData.length) {\n      return null;\n    }\n\n    const containerClasses = this.bordered\n      ? 's-order-details-options-container'\n      : 's-order-details-options-container-borderless';\n\n    return (\n      <Host class=\"s-order-details-options-wrapper\">\n        <h2 class=\"s-order-details-options-title\">{salla.lang.get('pages.cart.item_options')}</h2>\n        <div class={containerClasses}>\n          <dl class=\"s-order-details-options-list\">\n            {this.optionsData.map(option => (\n              <div key={option.id} class=\"s-order-details-options-item\">\n                <dt class=\"s-order-details-options-item-name\">{option.name}:</dt>\n                <dd\n                  class={\n                    option.is_image\n                      ? 's-order-details-options-item-value-image'\n                      : 's-order-details-options-item-value-text'\n                  }\n                >\n                  {this.renderOptionValue(option)}\n                </dd>\n              </div>\n            ))}\n          </dl>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/salla-order-details/salla-order-details.js

@@ -0,0 +1,93 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+import { Host, h, Fragment } from "@stencil/core";
+/**
+ * @salla/ui-components
+ * The `salla-order-details` component renders a collapsible summary for an order product with optional options list.
+ * It uses the salla-accordion component to provide collapsible functionality.
+ */
+export class SallaOrderDetails {
+    parseOrderDetailsData(newValue) {
+        this.parsedOrderDetailsData = newValue;
+        if (typeof this.orderDetails === 'string') {
+            this.parsedOrderDetailsData = JSON.parse(newValue);
+        }
+        else {
+            this.parsedOrderDetailsData = newValue;
+        }
+    }
+    componentWillLoad() {
+        this.parseOrderDetailsData(this.orderDetails);
+        console.log('Parent componentWillLoad - parsedOrderDetailsData:', this.parsedOrderDetailsData);
+    }
+    renderOrderDetailsContent() {
+        // Check if we have parsed data
+        if (!this.parsedOrderDetailsData) {
+            console.warn('No parsedOrderDetailsData available');
+            return null;
+        }
+        return [
+            /* Product Options */
+            this.parsedOrderDetailsData.options && this.parsedOrderDetailsData.options.length > 0 && (h("salla-order-details-options", { options: this.parsedOrderDetailsData.options })),
+            /* Bundle Subproducts */
+            this.parsedOrderDetailsData.sub_products &&
+                this.parsedOrderDetailsData.sub_products.length > 0 && (h(Fragment, null, h("h2", { class: "s-order-details-bundle-title" }, salla.lang.get('pages.orders.sub_products')), h("div", { class: "s-order-details-bundle-content" }, this.parsedOrderDetailsData.sub_products.map(product => (h("salla-order-details-multiple-bundle-product", { key: product === null || product === void 0 ? void 0 : product.id, productDetails: product })))))),
+        ];
+    }
+    render() {
+        return h(Host, { key: 'd76fce6a442aca11f3544a9f101ea4245a9317db', class: "s-order-details-wrapper" }, this.renderOrderDetailsContent());
+    }
+    static get is() { return "salla-order-details"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["salla-order-details.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["salla-order-details.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "orderDetails": {
+                "type": "string",
+                "attribute": "order-details",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | OrderProduct",
+                    "resolved": "OrderProduct | string",
+                    "references": {
+                        "OrderProduct": {
+                            "location": "import",
+                            "path": "./interfaces",
+                            "id": "src/components/salla-order-details/interfaces.ts::OrderProduct"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            }
+        };
+    }
+    static get states() {
+        return {
+            "parsedOrderDetailsData": {}
+        };
+    }
+    static get watchers() {
+        return [{
+                "propName": "orderDetails",
+                "methodName": "parseOrderDetailsData"
+            }];
+    }
+}
+//# sourceMappingURL=salla-order-details.js.map

package/dist/collection/components/salla-order-details/salla-order-details.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"salla-order-details.js","sourceRoot":"","sources":["../../../src/components/salla-order-details/salla-order-details.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAGjF;;;;GAIG;AAKH,MAAM,OAAO,iBAAiB;IAMpB,qBAAqB,CAAC,QAA+B;QAC3D,IAAI,CAAC,sBAAsB,GAAG,QAAwB,CAAC;QACvD,IAAI,OAAO,IAAI,CAAC,YAAY,KAAK,QAAQ,EAAE,CAAC;YAC1C,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,KAAK,CAAC,QAAkB,CAAC,CAAC;QAC/D,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,sBAAsB,GAAG,QAAwB,CAAC;QACzD,CAAC;IACH,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC9C,OAAO,CAAC,GAAG,CAAC,oDAAoD,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;IACjG,CAAC;IAEO,yBAAyB;QAC/B,+BAA+B;QAC/B,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC;YACjC,OAAO,CAAC,IAAI,CAAC,qCAAqC,CAAC,CAAC;YACpD,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO;YACL,qBAAqB;YACrB,IAAI,CAAC,sBAAsB,CAAC,OAAO,IAAI,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACvF,mCAA6B,OAAO,EAAE,IAAI,CAAC,sBAAsB,CAAC,OAAO,GAAI,CAC9E;YAED,wBAAwB;YACxB,IAAI,CAAC,sBAAsB,CAAC,YAAY;gBACtC,IAAI,CAAC,sBAAsB,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CACrD,EAAC,QAAQ;gBACP,UAAI,KAAK,EAAC,8BAA8B,IACrC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,2BAA2B,CAAC,CACzC;gBACL,WAAK,KAAK,EAAC,gCAAgC,IACxC,IAAI,CAAC,sBAAsB,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,CACvD,mDACE,GAAG,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,EAAE,EAChB,cAAc,EAAE,OAAO,GACvB,CACH,CAAC,CACE,CACG,CACZ;SACJ,CAAC;IACJ,CAAC;IAED,MAAM;QACJ,OAAO,EAAC,IAAI,qDAAC,KAAK,EAAC,yBAAyB,IAAE,IAAI,CAAC,yBAAyB,EAAE,CAAQ,CAAC;IACzF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop, State, Watch, Fragment } from '@stencil/core';\nimport { OrderProduct } from './interfaces';\n\n/**\n * @salla/ui-components\n * The `salla-order-details` component renders a collapsible summary for an order product with optional options list.\n * It uses the salla-accordion component to provide collapsible functionality.\n */\n@Component({\n  tag: 'salla-order-details',\n  styleUrl: 'salla-order-details.scss',\n})\nexport class SallaOrderDetails {\n  @Prop() orderDetails: string | OrderProduct;\n\n  @State() parsedOrderDetailsData: OrderProduct;\n\n  @Watch('orderDetails')\n  private parseOrderDetailsData(newValue: string | OrderProduct) {\n    this.parsedOrderDetailsData = newValue as OrderProduct;\n    if (typeof this.orderDetails === 'string') {\n      this.parsedOrderDetailsData = JSON.parse(newValue as string);\n    } else {\n      this.parsedOrderDetailsData = newValue as OrderProduct;\n    }\n  }\n\n  componentWillLoad() {\n    this.parseOrderDetailsData(this.orderDetails);\n    console.log('Parent componentWillLoad - parsedOrderDetailsData:', this.parsedOrderDetailsData);\n  }\n\n  private renderOrderDetailsContent() {\n    // Check if we have parsed data\n    if (!this.parsedOrderDetailsData) {\n      console.warn('No parsedOrderDetailsData available');\n      return null;\n    }\n\n    return [\n      /* Product Options */\n      this.parsedOrderDetailsData.options && this.parsedOrderDetailsData.options.length > 0 && (\n        <salla-order-details-options options={this.parsedOrderDetailsData.options} />\n      ),\n\n      /* Bundle Subproducts */\n      this.parsedOrderDetailsData.sub_products &&\n        this.parsedOrderDetailsData.sub_products.length > 0 && (\n          <Fragment>\n            <h2 class=\"s-order-details-bundle-title\">\n              {salla.lang.get('pages.orders.sub_products')}\n            </h2>\n            <div class=\"s-order-details-bundle-content\">\n              {this.parsedOrderDetailsData.sub_products.map(product => (\n                <salla-order-details-multiple-bundle-product\n                  key={product?.id}\n                  productDetails={product}\n                />\n              ))}\n            </div>\n          </Fragment>\n        ),\n    ];\n  }\n\n  render() {\n    return <Host class=\"s-order-details-wrapper\">{this.renderOrderDetailsContent()}</Host>;\n  }\n}\n"]}

package/dist/collection/components/salla-order-summary/salla-order-summary.js

@@ -62,7 +62,7 @@ export class SallaOrderSummary {
         this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
     }
     render() {
-        return (h("ul", { key: '6358d81e74e1fd966b7046deab946f33391b2fc6', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
+        return (h("ul", { key: '14eed8e219bcde5b32d5fddb95bb8727e980c56c', class: "s-order-summary-wrapper" }, this.noItemFound ? h("salla-placeholder", { alignment: "center" }, h("span", { slot: "title" })) :
             this.order_items.map((item) => (this.isDigitalCard(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, h("p", null, h("span", { innerHTML: iconCreditCard }), h("span", null, code.code)), h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, h("span", { innerHTML: this.codeCopied === code.code ? iconCheck : iconCopy }), h("span", null, this.copy_text))))))) :
                 this.isDigitalProduct(item) ? (h("li", { key: item.product.id, class: "s-order-summary-item" }, h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), h("ul", null, item.files.map((file) => (h("li", { class: "s-order-summary-digital-item-wrapper" }, h("div", null, h("span", { innerHTML: iconFileArchive }), h("span", null, file.name)), h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, h("span", { innerHTML: iconDownload }), h("span", null, this.download_text)))))))) : null))));
     }

package/dist/collection/components/salla-payments/salla-payments.js

@@ -37,12 +37,12 @@ export class SallaPayments {
     render() {
         const madeInKSA = !this.exclude.includes('made-in-ksa') && salla.config.get('store.settings.made_in_ksa');
         const sbcId = this.exclude.includes('sbc') ? null : salla.config.get('store.settings.certificate.id');
-        return (h(Host, { key: '6c8a1fd050822882224ee1e419f6f6dbdbfaf12d', class: "s-payments-list-wrap" }, h("ul", { key: '773195024ce6f616ad9b87091c8ddfd0e153f9ec', class: "s-payments-list" }, madeInKSA && h("li", { key: '203bebb61c41ca108c0ec969661d5922db2ac378', class: "s-payments-list-item" }, h("img", { key: 'a687fac0d968f0485a0a59d1205a0f0db1f100f4', class: "lazy", width: "100%", height: "100%", decoding: "async", loading: "lazy", "data-src": salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
+        return (h(Host, { key: 'a1a26ba03aa60491071f0e63bac40de3ad91bce6', class: "s-payments-list-wrap" }, h("ul", { key: 'd31ca162e83aade956f45d8f517029942a748646', class: "s-payments-list" }, madeInKSA && h("li", { key: '552e3e57345d01ab33bfd20094cbcf8f702c6efa', class: "s-payments-list-item" }, h("img", { key: '04eb9c9a1950edc9ea3c2e218fbe6c5c21d65f6a', class: "lazy", width: "100%", height: "100%", decoding: "async", loading: "lazy", "data-src": salla.url.cdn(`images/made-in-ksa.svg`, 58, 58), alt: "made in KSA certified" })), this.payments.map((payment) => (payment == "cod" ?
             h("div", { id: "cod-slot", innerHTML: this.codSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/cod_mini.png`, 58, 58)) }) :
             h("div", { id: "payment-slot", innerHTML: this.paymentSlot
                     .replace(/\{image\}/g, salla.url.cdn(`images/payment/${payment}_mini.png`, 58, 58))
-                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: 'f571920327b81c48f502c1d6e497955978634c08', id: "sbc-slot", innerHTML: this.sbcSlot
+                    .replace(/\{payment\}/g, payment) }))), sbcId && h("div", { key: '5f69b3c936edf8039006d6ecd73e3c44b74b9167', id: "sbc-slot", innerHTML: this.sbcSlot
                 .replace(/\{image\}/g, salla.url.cdn(`images/sbc.png`, 58, 58))
                 .replace(/\{link\}/g, `https://eauthenticate.saudibusiness.gov.sa/certificate-details/${sbcId}`) }))));
     }

package/dist/collection/components/salla-placeholder/salla-placeholder.js

@@ -35,7 +35,7 @@ export class SallaPlaceholder {
         };
     }
     render() {
-        return (h(Host, { key: 'acb6642e7f779ba048e881e65878611b1dda2702', class: this.alignmentClass() }, h("div", { key: '70d55c63af102a43ac9c10d6e445914b32f2cf06', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: 'db4cc0f4ba68b6ed4348fb1832428934414dab3e', class: "s-placeholder-title" }, h("slot", { key: '78b8b541ed88c8ebcd977ed9c5df723a342e55a6', name: 'title' }, h("span", { key: '5135e05ed931e03bdd1f405801367c0ff03cd7f0' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '8091b48019b63f31dec562fc4a02954692ff564b', class: "s-placeholder-description" }, h("slot", { key: 'af35c54093925cf42f37f26dc4b1378042ff345e', name: 'description' }, h("span", { key: 'd3a9b2715f09872b73d293c2ce5d3129120d44b9' }, salla.lang.get('common.errors.empty_results'))))));
+        return (h(Host, { key: 'fe8c3b4958319a69bedc23c4edd7e5e9db820301', class: this.alignmentClass() }, h("div", { key: '727c7f934c9dbc5fb5cdfba7f563855162fa3a23', class: `s-placeholder-icon s-placeholder-icon-${this.iconSize}`, innerHTML: this.icon }), h("div", { key: '6c61798f5af682c078f4536fd88af14c241bc009', class: "s-placeholder-title" }, h("slot", { key: '6bd403b5402ff34b69615ad94fce85516b0fe79d', name: 'title' }, h("span", { key: 'beef08e2f61e1328f15afa9b895302c235022f91' }, salla.lang.get('common.elements.no_options')))), h("div", { key: '50fea21d9fcc09a3478beb31e9e876ed7726b704', class: "s-placeholder-description" }, h("slot", { key: 'de0f6916c65c2a2c97ea3ee3fa16d6fdbeebe90a', name: 'description' }, h("span", { key: '3f6621dc6d2f19b1c5e8f55f9f2cc4b0b622bbcc' }, salla.lang.get('common.errors.empty_results'))))));
     }
     static get is() { return "salla-placeholder"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-price-range/salla-price-range.js

@@ -147,9 +147,9 @@ export class SallaPriceRange {
         this.maxPrice = value === undefined ? '' : value;
     }
     render() {
-        return (h(Host, { key: 'e257e65621d724438fd4fdd74cdec45596a81cd0' }, this.filterValues.map((filterValue, index) => {
+        return (h(Host, { key: 'dc09f4be81c3652da570b522894917f6b70faf61' }, this.filterValues.map((filterValue, index) => {
             return h("label", { class: "s-filters-label", htmlFor: `${this.option.key}-${index}`, key: index }, h("input", { id: `${this.option.key}-${index}`, name: "price", type: "radio", checked: this.isChecked(filterValue), class: "s-filters-radio", onChange: e => this.handleMinMaxPrice(e, filterValue) }), h("span", { innerHTML: this.getPriceLabel(filterValue) }));
-        }), h("div", { key: '097faf8d72b3c441bc22041a5643f91f61bbdd40', class: "flex justify-center items-center" }, h("div", { key: '6adaa2b16c015de4ab5e254d4a9be05bb65b7848', class: "relative max-w-xl w-full" }, h("div", { key: '3667d98c1e0886fc31600d23dd5a41a18d5ff8d0', class: "s-price-range-inputs" }, h("div", { key: '98fdc0fdc9632318daa4664d4798154a17fe700a', class: "s-price-range-relative" }, h("div", { key: 'addd7b56c1e2496dba50db7ec320f8f5ea129d42', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'd36e129fd777ccfe30cf8d974dd96cf82e64c805', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: 'b1fcc176d31d724c646291262e42c6a74e75f299', class: "s-price-range-gray-text" }, " -"), h("div", { key: '93db8728b9f118be78549c6839a4d85d4664a3dc', class: "s-price-range-relative" }, h("div", { key: '7b63ca0ffd946d34549768bf87876868842478a4', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'ba005f3834bc2179e1346cae746b7c734abaf0dd', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '74283ca210bf2f85a4e5d7dde69372e55453a5a5', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '04600f026e465f96f98d54841e8c7bd7d1c849bd', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
+        }), h("div", { key: '97f20e2bcff15d906dc5566a7f147339e4423138', class: "flex justify-center items-center" }, h("div", { key: '4c631a9f5c77890bcffd365db6dab471ba989246', class: "relative max-w-xl w-full" }, h("div", { key: '3e4c53b29c4e6fa90eba1a23f646d8391b1ce462', class: "s-price-range-inputs" }, h("div", { key: '6bb515095db500d78c5cc22f2bd25635d157793d', class: "s-price-range-relative" }, h("div", { key: '59617a36c7095a0766155521afb20d517fc5321a', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: 'bc1ae88ba28bcc11a7373cad13cdd2104646023b', type: "number", maxlength: "5", ref: el => this.minInput = el, onBlur: (e) => this.handleMinPrice(e), value: this.minPrice, placeholder: this.fromLabel, class: "s-price-range-number-input" })), h("div", { key: '49e12143570efe2f019e9a3240f9d1c184482f9c', class: "s-price-range-gray-text" }, " -"), h("div", { key: '1e61ef602dbb0f1622bbd7279f15b5ef71d0f2db', class: "s-price-range-relative" }, h("div", { key: '5aac7489a79f52156f382e0e4e181b6d0a8e5fb3', class: "s-price-range-currency" }, " ", salla.config.currency().symbol), h("input", { key: '104a3ce0be1d461715fdc6a29d0df33a8a378ad3', type: "number", maxlength: "5", ref: el => this.maxInput = el, onBlur: (e) => this.handleMaxPrice(e), value: this.maxPrice, placeholder: this.toLabel, class: "s-price-range-number-input", "aria-describedby": "price-currency" })), h("salla-button", { key: '2e722552816b6ceabf030d596fac580e1fa8d41a', color: 'gray', shape: 'icon', size: 'small', fill: 'outline', onClick: (event) => this.changedEventHandler(event) }, h("span", { key: '6f41a0dfa95c9910ab5d17e98ba815444fab8cca', innerHTML: this.isRTL ? arrowLeft : arrowRight })))))));
     }
     componentDidLoad() {
         this.isReady = true;

package/dist/collection/components/salla-product-availability/salla-product-availability.js

@@ -132,7 +132,7 @@ export class SallaProductAvailability {
         field.nextElementSibling['innerText'] = '* ' + errorMsg;
     }
     render() {
-        return (h(Host, { key: '8b90efc3117090e3e291f57c6976cdda1bf9360e', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
+        return (h(Host, { key: '0dc32b09e3916993a31ce6e27d9cefd81dd56289', class: "s-product-availability-wrap" }, this.isSubscribed || this.isVisitorSubscribed
             ? h("div", { class: "s-product-availability-subscribed" }, h("span", { innerHTML: BellRingIcon, class: "s-product-availability-subs-icon" }), salla.lang.get('pages.products.notify_availability_success'))
             :
                 h("salla-button", { width: "wide", onClick: () => this.isUser ? this.submit() : this.openModel() }, salla.lang.get('pages.products.notify_availability')), this.isUser || this.isSubscribed || this.isVisitorSubscribed ? '' : this.renderModal()));

package/dist/collection/components/salla-product-card/salla-product-card.js

@@ -95,14 +95,14 @@ export class SallaProductCard {
             's-product-card-out-of-stock': (_b = this.productData) === null || _b === void 0 ? void 0 : _b.is_out_of_stock,
         };
         const hrefProp = ((_c = this.productData) === null || _c === void 0 ? void 0 : _c.url) ? { href: this.productData.url, title: `Learn more about ${(_d = this.productData) === null || _d === void 0 ? void 0 : _d.name}` } : {};
-        return (h(Host, { key: 'b104d39f313e253281144add69c1fbd16de31016', id: `product-${(_e = this.productData) === null || _e === void 0 ? void 0 : _e.id}`, class: classes }, h("div", { key: '140fd0e19e59d95e0bd432e96bdb5bda22a0e5fc', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", Object.assign({ key: '9eb0b1e7992e5e9e6103409c6089e0ef0d3e583e' }, hrefProp), h("img", { key: 'ce84db34de3a0e127458ea72ac67fafdd2c40cf2', class: `s-product-card-image-${salla.url.is_placeholder((_g = (_f = this.productData) === null || _f === void 0 ? void 0 : _f.image) === null || _g === void 0 ? void 0 : _g.url)
+        return (h(Host, { key: '80743147fd154496018ff530e3c84b2f66cf2985', id: `product-${(_e = this.productData) === null || _e === void 0 ? void 0 : _e.id}`, class: classes }, h("div", { key: 'ecf4f7838db5d38bc355d8730c3eb10dd04aedc4', class: !this.fullImage ? 's-product-card-image' : 's-product-card-image-full' }, h("a", Object.assign({ key: 'db0198934b449152c88d23f8adc71ec212761e2a' }, hrefProp), h("img", { key: 'f80856aacb8861e68ef0dfbe43aeb22d422920f9', class: `s-product-card-image-${salla.url.is_placeholder((_g = (_f = this.productData) === null || _f === void 0 ? void 0 : _f.image) === null || _g === void 0 ? void 0 : _g.url)
                 ? 'contain'
                 : this.fitImageHeight
                     ? this.fitImageHeight
-                    : 'cover'} lazy`, src: this.placeholder, alt: ((_j = (_h = this.productData) === null || _h === void 0 ? void 0 : _h.image) === null || _j === void 0 ? void 0 : _j.alt) || ((_k = this.productData) === null || _k === void 0 ? void 0 : _k.name), "data-src": ((_m = (_l = this.productData) === null || _l === void 0 ? void 0 : _l.image) === null || _m === void 0 ? void 0 : _m.url) || ((_o = this.productData) === null || _o === void 0 ? void 0 : _o.thumbnail) }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", Object.assign({ key: 'd2aa2c8aeb964acb3d8fd557dd741304f24a0c62' }, hrefProp, { class: "s-product-card-overlay" })), !this.horizontal && !this.fullImage ?
-            h("salla-button", { shape: "icon", fill: "none", color: "light", "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => salla.wishlist.toggle(this.productData.id) }, h("span", { innerHTML: Heart })) : ''), h("div", { key: 'c18bdd0b7e44188107973da15ecbe312984a2d42', class: "s-product-card-content" }, this.isSpecial && ((_p = this.productData) === null || _p === void 0 ? void 0 : _p.quantity) ?
+                    : 'cover'} lazy`, src: this.placeholder, alt: ((_j = (_h = this.productData) === null || _h === void 0 ? void 0 : _h.image) === null || _j === void 0 ? void 0 : _j.alt) || ((_k = this.productData) === null || _k === void 0 ? void 0 : _k.name), "data-src": ((_m = (_l = this.productData) === null || _l === void 0 ? void 0 : _l.image) === null || _m === void 0 ? void 0 : _m.url) || ((_o = this.productData) === null || _o === void 0 ? void 0 : _o.thumbnail) }), !this.fullImage && !this.minimal ? this.getProductBadge() : ''), this.fullImage && h("a", Object.assign({ key: '7ce28a0b764367d51c8b351793509490cfd1e658' }, hrefProp, { class: "s-product-card-overlay" })), !this.horizontal && !this.fullImage ?
+            h("salla-button", { shape: "icon", fill: "none", color: "light", "aria-label": "Add or remove to wishlist", ref: el => this.wishlistBtn = el, class: "s-product-card-wishlist-btn animated", onClick: () => salla.wishlist.toggle(this.productData.id) }, h("span", { innerHTML: Heart })) : ''), h("div", { key: 'b4f68d13d035d7de2fab28e6f2c0d026d46d8901', class: "s-product-card-content" }, this.isSpecial && ((_p = this.productData) === null || _p === void 0 ? void 0 : _p.quantity) ?
             h("div", { class: "s-product-card-content-pie", ref: pie => this.pie = pie }, h("span", null, h("b", null, salla.helpers.number((_q = this.productData) === null || _q === void 0 ? void 0 : _q.quantity)), this.remained), h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "-2 -1 36 34", class: "s-product-card-content-pie-svg" }, h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-base" }), h("circle", { cx: "16", cy: "16", r: "15.9155", class: "s-product-card-content-pie-svg-bar" })))
-            : '', h("div", { key: 'a397fa2a22942f438abd2b168ad9b21e7272651b', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: 'caa67ecec2f2a2e609868b8be76f6c9160b26ef6', class: "s-product-card-content-title" }, h("a", Object.assign({ key: '4e93a58148a54149d50050226b66e0247049ba5d' }, hrefProp), (_r = this.productData) === null || _r === void 0 ? void 0 : _r.name)), ((_s = this.productData) === null || _s === void 0 ? void 0 : _s.subtitle) && !this.minimal ?
+            : '', h("div", { key: '2259cecd4157e62a382d95cb6facde5b73eca1af', class: { 's-product-card-content-main': true, 's-product-card-content-extra-padding': this.isSpecial } }, h("h3", { key: '5b5ec545eb44fefdde1d4e2632b4e55baa86260c', class: "s-product-card-content-title" }, h("a", Object.assign({ key: '9afa68bf465f9c18e304ee462037df0999426696' }, hrefProp), (_r = this.productData) === null || _r === void 0 ? void 0 : _r.name)), ((_s = this.productData) === null || _s === void 0 ? void 0 : _s.subtitle) && !this.minimal ?
             h("p", { class: "s-product-card-content-subtitle" }, (_t = this.productData) === null || _t === void 0 ? void 0 : _t.subtitle)
             : ''), ((_u = this.productData) === null || _u === void 0 ? void 0 : _u.donation) && !this.minimal && !this.fullImage ?
             [h("salla-progress-bar", { donation: (_v = this.productData) === null || _v === void 0 ? void 0 : _v.donation }), h("div", { class: "s-product-card-donation-input" }, ((_x = (_w = this.productData) === null || _w === void 0 ? void 0 : _w.donation) === null || _x === void 0 ? void 0 : _x.can_donate) ?
@@ -111,7 +111,7 @@ export class SallaProductCard {
                                 this.addBtn.donatingAmount = e.target.value;
                             }, id: "donation-amount", name: "donating_amount", class: "s-form-control", placeholder: this.donationAmount })]
                     : '')]
-            : '', h("div", { key: '0fc0798a62cbef69503e4ad610708a56e40d7330', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), ((_z = (_y = this.productData) === null || _y === void 0 ? void 0 : _y.rating) === null || _z === void 0 ? void 0 : _z.stars) && !this.minimal ?
+            : '', h("div", { key: '7dc9364b456583bbb0a063038eadb971d68d33a1', class: { 's-product-card-content-sub': true, 's-product-card-content-extra-padding': this.isSpecial } }, this.getProductPrice(), ((_z = (_y = this.productData) === null || _y === void 0 ? void 0 : _y.rating) === null || _z === void 0 ? void 0 : _z.stars) && !this.minimal ?
             h("div", { class: "s-product-card-rating" }, h("span", { innerHTML: Star }), h("span", null, this.productData.rating.stars))
             : ''), this.isSpecial && this.productData.discount_ends
             ? h("salla-count-down", { date: this.formatDate(this.productData.discount_ends), "end-of-day": true, boxed: true, labeled: true })

package/dist/collection/components/salla-product-size-guide/salla-product-size-guide.js

@@ -46,11 +46,11 @@ export class SallaProductSizeGuide {
         return h("salla-placeholder", { alignment: "center", iconSize: "xl" }, h("div", { slot: "title" }, this.placeholder_title), h("div", { slot: "description" }, this.placeholder_description));
     }
     render() {
-        return (h("salla-modal", { key: '19fb9060d2a798457a8b04a1be4ac930b8f019d0', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '5d8b451a1ea75428bd14c4f1a78512ecf3706b64', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '4c20d4486c69acafd372346c6af14fec4921b4c2', slot: "loading" }, h("div", { key: '00525e4d2aed130a47e2cc84d6a3ddb42b183563', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '544e03854174f02d593dc4277a987699464a58c8', height: '15px', width: '25%' }), h("div", { key: '9308ca067aed6c5cd89380eed422842aedd6176a', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: '394b991b5d67e6509df0fc9b40a76db277aec1ce', height: '40px' }), h("salla-skeleton", { key: '5ce9112b3b0f401e13405dafd559ccf51653610d', height: '40px' }), h("salla-skeleton", { key: 'a0df6462256ded34dfbb0b245aaa7cc15b0c25a9', height: '40px' }), h("salla-skeleton", { key: '8e4df4b93c4695b4135c38af28e2e63e9483f687', height: '40px' })), h("div", { key: 'f35d925ef8c3cd81afcfdf5f9718688978ffd52e', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: '345a91da85b0907cba5e98fe71a5ea5b4fae6410', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'e99ec4ef51a3d08955cc3f51ea043101b5265848', height: '10px', width: '75%' }), h("salla-skeleton", { key: '190777f777e8c6cfa9e9b195e7208e809e0e0951', height: '10px', width: '50%' }), h("salla-skeleton", { key: '6201fd43a5be203d62e19414de7d8c9866de1b5f', height: '10px', width: '75%' }), h("salla-skeleton", { key: '4ff1f084b86c57ead7bb037925ba1b24531197fe', height: '10px', width: '100%' }), h("salla-skeleton", { key: 'dae157d70092948423d6611169e1618c7cd4f4d8', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'd9636141df732d39171fb8053f83d4b321497928', height: '10px', width: '60%' }), h("salla-skeleton", { key: '664228d0b715b2b9fb6ce45969bbe5cdc2bf05af', height: '10px', width: '45%' }), h("salla-skeleton", { key: '62e13c6b0489b5549b6110f79c82cd3b710ba688', height: '10px', width: '30%' })))), h("slot", { key: '43360f6f37819c26ba5c79a8795d64d283b6a985', name: "header" }), !this.hasError && !!this.guides ?
+        return (h("salla-modal", { key: 'e92e648a22d686acde12a13c08335ed3a601e5d0', class: "s-product-size-guide-wrapper", id: 'salla-product-size-guide-modal', isLoading: true, "has-skeleton": true, width: "md", ref: modal => this.modal = modal }, h("span", { key: '6131b840918392e03dc9011b7c23e81cb4b9ff36', slot: 'icon', class: "s-product-size-guide-header-icon", innerHTML: PencilRuler }), h("div", { key: '7d7a998886ae6db08057825eae7b2835f73a8ae4', slot: "loading" }, h("div", { key: '518a9e510085c13c9361f656eb26dcec8ae8455d', class: "s-product-size-guide-skeleton" }, h("salla-skeleton", { key: '65a92119d1b5f9462dd826a838ee6042075d406a', height: '15px', width: '25%' }), h("div", { key: '3cb1034e05756d34d0e9e41a2d4e8f4bd6d925bd', class: "s-product-size-guide-skeleton-header" }, h("salla-skeleton", { key: 'c66e517e8186c83c5bc847a4df87fab31c7f7dbb', height: '40px' }), h("salla-skeleton", { key: '263ae7fde377e75a56d8aa37e814882ac0e9e772', height: '40px' }), h("salla-skeleton", { key: '9f226f26ab6eb1b36cde6cbaedb669d4c034f0a9', height: '40px' }), h("salla-skeleton", { key: 'b5ade5bbaa60f330944c2e868bb9032ef3697bed', height: '40px' })), h("div", { key: 'c0f1d73376efcce4b32fc268c297755c2fc4124e', class: "s-product-size-guide-skeleton-content" }, h("salla-skeleton", { key: 'd3bc5ffef7ca7b2b46b3a320706fa9f82caf9eed', height: '15px', width: '25%' }), h("salla-skeleton", { key: 'f4a9872abfd909796239032757ee0f24f17fb079', height: '10px', width: '75%' }), h("salla-skeleton", { key: '92f22b9609c9a828c88035edf4b5e765fb5040de', height: '10px', width: '50%' }), h("salla-skeleton", { key: '58c7dc5c2f70ed6454b0f41c21bdf245fe412be3', height: '10px', width: '75%' }), h("salla-skeleton", { key: 'b6a6d2585848f125533614c7bbd741bf30121cc3', height: '10px', width: '100%' }), h("salla-skeleton", { key: '271c7052e3b23d4876c65fa5427ace8b47fd26d9', height: '10px', width: '25%' }), h("salla-skeleton", { key: 'b0618e943218f639eb0be368098f8903fecd939f', height: '10px', width: '60%' }), h("salla-skeleton", { key: 'b4e86e51443897ba56a594be2e92c2dbb53f9a9b', height: '10px', width: '45%' }), h("salla-skeleton", { key: '79e8eb1ed011e9fa22b569eda7be7e50135bef7e', height: '10px', width: '30%' })))), h("slot", { key: '62425e2436d2fee89c66e4b3ea66752bbc407616', name: "header" }), !this.hasError && !!this.guides ?
             [
                 h("salla-tabs", null, this.guides.map((guide) => h("salla-tab-header", { slot: "header", name: guide.name }, h("span", null, guide.name))), this.guides.map((guide) => h("salla-tab-content", { slot: "content", name: guide.name }, h("div", { innerHTML: guide.description }))))
             ]
-            : this.showPlaceholder(), h("slot", { key: 'afead6b5698c439c78e63ad564cf3971f93336df', name: "footer" })));
+            : this.showPlaceholder(), h("slot", { key: '6c939d70100e2353436e962d9bd5a9c5f59788e5', name: "footer" })));
     }
     static get is() { return "salla-product-size-guide"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-quantity-input/salla-quantity-input.js

@@ -80,7 +80,7 @@ export class SallaQuantityInput {
         return this.host;
     }
     render() {
-        return (h(Host, { key: '3f5aa589afd8d1044064bad5d6dc215cf08e1845', class: "s-quantity-input" }, h("div", { key: 'b7cea22f5fce6dc021b8de6aaf02d45e83696489', class: "s-quantity-input-container" }, h("button", { key: '9f0f917b065032c4d136594980849028163680de', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button" }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: 'b6d03c3bed40293e47e6ee00d3b6947172ac19c9', name: "increment-button" })), h("input", Object.assign({ key: '5b0be9e137a5e854a940b7911a64752f7caf78c8', class: "s-quantity-input-input" }, this.getInputAttributes(), { ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", value: this.quantity })), h("button", { key: 'e614c1919461fe9edb6aec078139607eb512d59e', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button" }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: '19c97a9d8455e947e642c560ccaf0c3ce2a5ae30', name: "decrement-button" })))));
+        return (h(Host, { key: '3d641a0813512c3ff22e32275dfd709df934e1f1', class: "s-quantity-input" }, h("div", { key: '2682491a551bcff31f07904566f3a2331d3c0240', class: "s-quantity-input-container" }, h("button", { key: '3b5b2551624628dfb98a41a4a1984749290b9c3c', onClick: () => this.increase(), class: "s-quantity-input-increase-button s-quantity-input-button", type: "button" }, !this.hasIncrementSlot ? h("span", { innerHTML: Add }) : '', h("slot", { key: 'a1263ebcd7fa9fdb5b347e6eef3fe339bae6581a', name: "increment-button" })), h("input", Object.assign({ key: '7e91e2e4d26ee97bca0435351d68f4f456245429', class: "s-quantity-input-input" }, this.getInputAttributes(), { ref: (el) => this.textInput = el, onInput: (event) => this.setValue(event.target.value), min: "1", value: this.quantity })), h("button", { key: '247d8b99d613ef6117f40685f5f0b899cde19102', class: "s-quantity-input-decrease-button s-quantity-input-button", onClick: () => this.decrease(), type: "button" }, !this.hasDecrementSlot ? h("span", { innerHTML: Minus }) : '', h("slot", { key: 'f59b44ec67c071f36a4885728d5095a2a8e01d85', name: "decrement-button" })))));
     }
     static get is() { return "salla-quantity-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-quick-buy/salla-quick-buy.js

@@ -187,7 +187,7 @@ export class SallaQuickBuy {
         });
     }
     render() {
-        return h(Host, { key: 'ee1983709e9a97d881cadfce388e7a999a867b64' }, this.quickBuyButton());
+        return h(Host, { key: 'f6c7ae2cc1b0b67b1bc85a95602cda238dab6192' }, this.quickBuyButton());
     }
     quickBuyButton() {
         return h("apple-pay-button", { locale: salla.config.get('user.language_code'), onClick: () => this.quickBuyHandler(), "data-quick-purchase": "applepay", class: "s-quick-buy-apple-pay", "data-is-applepay": "1", buttonstyle: "black", type: this.type });

package/dist/collection/components/salla-review-card/salla-review-card.js

@@ -167,7 +167,7 @@ export class SallaReviewCard {
     }
     render() {
         var _a;
-        return h("div", { key: '8797bb6b8123ab8a8d4536eb990dcde15e1ddd06', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'b2b3bdc4e8a63aae9103eca5274003b49d4bf19e', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '0e64b3fe2ae5e59a1899515c04063f74b9828001', class: "s-review-card-review-content", innerHTML: (_a = this.review) === null || _a === void 0 ? void 0 : _a.content }), renderDivider(), this.renderProductInfo()));
+        return h("div", { key: '22c0b4997b5eaa3eee23c642aa8fc778cff7fd22', class: "s-review-card-container" }, this.renderSlider(), this.renderSingleImage(), renderDivider(), h("div", { key: 'db1391a8d4ddad808f54551b39d9bfeb55466225', class: "s-review-card-content" }, this.renderHeader(), h("p", { key: '4c6e9af60e480f5c9f840e7ba95f7c59ba12e172', class: "s-review-card-review-content", innerHTML: (_a = this.review) === null || _a === void 0 ? void 0 : _a.content }), renderDivider(), this.renderProductInfo()));
     }
     static get is() { return "salla-review-card"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-reviews/salla-reviews.js

@@ -85,7 +85,7 @@ export class SallaReviews {
         });
     }
     render() {
-        return (h("div", { key: '0ea9cab5b1f9d4d2b6b74cec987f24c858191217', class: "s-reviews-container" }, h("div", { key: '6f17c3033b419b2eaf01f6dc858a4b7ce23bd2c4', class: "s-reviews-header-wrapper" }, h("h1", { key: '1e043cca8a56542a297449e3ff5d3e52c93e0997', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: 'b5aee5d359c8604a5570991f2a7801b651d8321d', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: '98428b4fde7a2c81567d387c93a9b87ef3245923', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
+        return (h("div", { key: 'deed3cdbac9556908c110d96935d6478996caf99', class: "s-reviews-container" }, h("div", { key: '3646aa3266c29d1f371cf3acedaedc726f7e6bac', class: "s-reviews-header-wrapper" }, h("h1", { key: '0a47642eea4e162173374f0a1340fd3068165d30', class: "s-reviews-header" }, this.testimonialText), !!this.displayAllLink ? (h("a", { href: this.displayAllURL, class: "s-reviews-display-all" }, this.displayAllLinkText, h("span", { class: "s-reviews-display-all-icon", innerHTML: IconArrowLeft }))) : null), h("salla-slider", { key: '71b0e1f246172b5ea042f7a4dcdc351190a3de3c', centered: true, "slides-per-view": 1, type: "testimonials", class: "s-reviews-testimonials-slider", "controls-outer": true, "auto-play": true, id: `testimonials-${this.source}-slider` }, h("div", { key: '50b9ac94feca79ed29d85bfcf4808b0849e4f933', slot: "items" }, this.reviews.map((item, index) => (h("div", { key: index, class: "s-reviews-swiper-slide" }, h("div", { class: "s-reviews-testimonial" }, h("div", { class: "s-reviews-testimonial__inner" }, h("div", { class: "s-reviews-testimonial__avatar" }, h("img", { src: 'images/s-empty.png', "data-src": item.avatar, alt: item.name ? item.name : 'testimonial-' + index, class: "lazy" })), h("div", { class: "s-reviews-testimonial__text" }, h("p", { innerHTML: item.content }), h("div", { class: "s-reviews-testimonial__name_wrapper" }, h("div", { class: "s-reviews-testimonial__info" }, item.name && h("h2", null, `${item.name}`)), h("div", { class: "s-reviews-testimonial__rating" }, h("salla-rating-stars", { size: "small", value: item.stars })))), h("span", { class: "s-reviews-testimonial__icon", innerHTML: IconQuoteOpen }))))))))));
     }
     static get is() { return "salla-reviews"; }
     static get originalStyleUrls() {

package/dist/collection/components/salla-reviews-page/salla-reviews-page.js

@@ -145,7 +145,7 @@ export class SallaReviewsPage {
     }
     render() {
         var _a, _b;
-        return (h("host", { key: '2108b6bebdc8a651705e45d169fb10127c3c215e' }, h("div", { key: '84972824884151462a1040bdc53c334b733cd7fb', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '80905de0950443f7e2b1c28d63bcb7f3fa47dc0c', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'd51385e66a1dee802786b50d063501b6397ce345', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '2fc74d0b61d0377f0d14a5fd15a4d852e6850932', class: "s-reviews-page-filter-wrapper" }, h("label", { key: '8d1363a2b2f6722f1c56445b5ba33a98f241b106', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: 'eb27d82e25fa609b25d5ca825381285c0a40cc5b', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
+        return (h("host", { key: 'f3b06307322a56ad320374a50e13161be4e7cc8a' }, h("div", { key: '3dcabdae4ee87de5c62873f327657991a56bc0e1', class: "s-reviews-page-header-wrapper" }, h("h2", { key: '61bca34f24c52440fd8f736f9a6ab2b37be65c34', class: "s-reviews-page-title" }, this.langTitlesReviews, h("span", { key: 'c29228eaa51e9c202c6031e5f69b95905aa5485a', class: "s-reviews-page-count" }, "(", this.langRatingReviews, ")")), h("div", { key: '81f964be39231e21cd7c994e7e241e755af54c86', class: "s-reviews-page-filter-wrapper" }, h("label", { key: 'd408952ef5ffba3bedd5e01b5c6edec1aeb34f28', class: "s-reviews-page-filter-label", htmlFor: "testimonials-filter" }, this.langSorting), h("select", { key: '5138fdf478aed6fea544dd1adf4d32f715f89532', onChange: (e) => this.handleSorting(e), disabled: !this.reviews.length, class: "s-reviews-page-filter" }, this.renderSortingOptions()))), this.reviews.length ? h("main", { class: "s-reviews-page-grid", ref: el => {
                 this.wrapper = el;
             } }, this.reviews.map(review => (h("salla-review-card", { key: review.id, review: review }))))
             : h("div", { class: "s-products-list-placeholder" }, h("span", { innerHTML: ShoppingBag }), h("p", null, this.placeholderText)), ((_b = (_a = this.pagination) === null || _a === void 0 ? void 0 : _a.links) === null || _b === void 0 ? void 0 : _b.next) && this.reviews.length ? (h("div", { class: "s-reviews-page-load-more-container" }, h("salla-button", { class: "s-reviews-page-load-more-btn", loading: this.isLoading, onClick: () => { var _a; return (_a = this.infiniteScroll) === null || _a === void 0 ? void 0 : _a.loadNextPage(); }, onKeyUp: () => { var _a; return (_a = this.infiniteScroll) === null || _a === void 0 ? void 0 : _a.loadNextPage(); } }, this.langLoadMore))) : null));

package/dist/collection/components/salla-scopes/salla-scopes.js

@@ -155,7 +155,7 @@ export class SallaScopees {
     }
     render() {
         var _a, _b, _c, _d;
-        return (h(Host, { key: '461b2b795372ae1b8f5f4974ec12d9eec65955e6' }, h("salla-modal", { key: '68c6bb5432a7a8301c49f9b8a729f2914fe446f9', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
+        return (h(Host, { key: '23748ef5243efc8a5ff9070043ddc507fe817fad' }, h("salla-modal", { key: '3ccb5b554df266e49d4f774e26dd7306dce9b249', ref: modal => this.modal = modal, isClosable: !!(this.isOpenedBefore || (this.selection == 'optional')), class: "s-scopes-modal", isLoading: this.loading, "has-skeleton": true }, this.loading ?
             h("div", { slot: "loading" }, h("div", { class: "s-scopes-skeleton" }, h("salla-list-tile", { class: "s-scopes-header" }, h("div", { slot: "icon", class: "s-scopes-header-icon" }, h("salla-skeleton", { type: "circle" })), h("div", { slot: "title", class: "s-scopes-header-title mb-5" }, h("salla-skeleton", { height: '15px', width: '50%' })), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, h("salla-skeleton", { height: '10px' }), h("salla-skeleton", { height: '10px', width: '75%' }))), h("div", { class: "s-scopes-skeleton-search" }, h("salla-skeleton", { height: '10px', width: '50%' }), h("salla-skeleton", { height: '30px', width: '100%' })), h("div", { class: "s-scopes-skeleton-scopes" }, h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' }), h("salla-skeleton", { height: '10px', width: '30%' }), h("salla-skeleton", { height: '10px', width: '25%' })), h("div", { class: "s-scopes-skeleton-btn" }, h("salla-skeleton", { height: '40px', width: '100%' }))))
             :
                 [h("salla-list-tile", { class: ((_a = this.originalScopesList) === null || _a === void 0 ? void 0 : _a.length) ? "s-scopes-header block" : "s-hidden" }, h("div", { slot: "icon", class: "s-scopes-header-icon", innerHTML: StoreAlt }), h("div", { slot: "title", class: "s-scopes-header-title" }, salla.lang.get('blocks.scope.you_are_browse_store_from')), h("div", { slot: "subtitle", class: "s-scopes-header-subtitle" }, !!this.selected_scope ? this.selected_scope.name : "")), h("div", { class: "s-scopes-wrap" }, !!((_b = this.originalScopesList) === null || _b === void 0 ? void 0 : _b.length) && h("h4", { class: "s-scopes-title" }, this.getFormTitle()), ((_c = this.originalScopesList) === null || _c === void 0 ? void 0 : _c.length) > this.searchDisplayLimit ?

package/dist/collection/components/salla-search/salla-search.js

@@ -125,13 +125,13 @@ export class SallaSearch {
     }
     render() {
         var _a;
-        const searchContent = h("div", { key: 'a8e02a35996b07c146fbc1e574428e6478badbd1', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, h("div", { key: 'f9bc945e7727d878c6252afc2dfcc5a8450bd558', class: "s-search-input-wrapper" }, h("span", { key: '61973e1e4e06054d7662b89c12d017c9499bbf94', class: "s-search-icon-wrap" }, h("span", { key: '0d2964348a364c69cbbe9763d66ada387713b505', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '5c819913d98115f9a2d9168f4dd34e78cca530b0', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }), this.showAction ?
-            h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search })) : null), h("div", { key: '7c0a2360f1e327b496d5b9cbbc425f171a1f3a0d', class: "s-search-results" }, (_a = this.results) === null || _a === void 0 ? void 0 :
+        const searchContent = h("div", { key: 'ed22d66e43268e8024639db4b3bdfdc78663c162', class: { 's-search-container': true, 's-search-inline': this.inline }, ref: container => this.container = container }, h("div", { key: '3e6ed06c2a056d6fa6e5f18d03225a2a6eb3bd91', class: "s-search-input-wrapper" }, h("span", { key: '50fe2fd917b7f53d97c4178de03a9b460de53e50', class: "s-search-icon-wrap" }, h("span", { key: 'df7ed0c94180ee796f1634608f0e6984ccbac15c', class: "s-search-icon", innerHTML: this.loading ? '<i class="s-search-spinner-loader"/>' : Search })), h("input", { key: '73f564326eec5d12631b7855d853dd229fa00797', type: "search", enterkeyhint: "search", autocomplete: "off", class: "s-search-input", placeholder: salla.lang.get('blocks.header.search_placeholder'), onInput: (e) => this.limitWordsAndSearch(e), onKeyDown: e => this.handleKeyDown(e), ref: input => this.searchInput = input, style: { height: this.height + 'px', borderRadius: this.oval ? this.height / 2 + 'px' : '' } }), this.showAction ?
+            h("salla-button", { loading: this.loading, class: { 's-search-action': true, 's-search-action-oval': this.oval }, onClick: () => this.handleActionClick() }, !this.loading && h("span", { innerHTML: Search })) : null), h("div", { key: 'c8cdfa1f5d102392144389f81639d6c92f8caea5', class: "s-search-results" }, (_a = this.results) === null || _a === void 0 ? void 0 :
             _a.data.map((product) => h("a", { href: product.url + '?from=search-bar', class: { "s-search-product": true, 's-search-product-not-available': !product.is_available }, innerHTML: this.productSlot
                     .replace(/\{name\}/g, product.name)
                     .replace(/\{price\}/g, product.price ? salla.money(product.price) : '')
                     .replace(/\{regular_price\}/g, product.is_on_sale && product.regular_price ? salla.money(product.regular_price) : '')
-                    .replace(/\{image\}/g, product.image.url) })), h("p", { key: 'a725e4b848084eb5b336047ec7e7bf4149e1b305', ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
+                    .replace(/\{image\}/g, product.image.url) })), h("p", { key: '7daf87c934b2fce3555755b1d326e3486e6a2bc2', ref: el => this.noResults = el, class: "s-search-no-results-placeholder" }, salla.lang.get('common.elements.no_options'))));
         return (this.inline ?
             h("div", { class: "s-search-modal" }, searchContent)
             :

package/dist/collection/components/salla-skeleton/salla-skeleton.js

@@ -22,7 +22,7 @@ export class SallaSkeleton {
             's-skeleton-item': true,
             's-skeleton-item-circular': this.type == 'circle',
         };
-        return (h(Host, { key: '15babc66d2b39986bfb5f36d00b3b172de353dee', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '6e488ec0e8b38290f7a740526163dbd3f392431a', class: classes }, "\u00A0")));
+        return (h(Host, { key: 'f57ae59c20db39c4c9c47f777d229768071e2553', class: "s-skeleton-wrapper", style: { width: this.width, height: this.height } }, h("div", { key: '0214a933f54acfd816f3cf1c510374c918469c5e', class: classes }, "\u00A0")));
     }
     static get is() { return "salla-skeleton"; }
     static get originalStyleUrls() {