@salla.sa/twilight-components 2.13.17 → 2.13.19

package/dist/cjs/salla-advertisement.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 const anime_es = require('./anime.es-78730411.js');
 
 const sallaAdvertisementCss = ":host{display:block}";

package/dist/cjs/salla-app-install-alert.cjs.entry.js

@@ -5,13 +5,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 
 const sallaAppInstallAlertCss = ":host{display:block}";
 
 const SallaAppInstallAlert = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.alertDelay = null;
     this.data = salla.config.get('store.app_install_prompt');
     this.ctaLink = undefined;
     this.open = false;
@@ -20,27 +21,16 @@ const SallaAppInstallAlert = class {
   connectedCallback() {
     salla.onReady(() => {
       this.data = salla.config.get('store.app_install_prompt');
-      if (!this.isMobileOrTabletDevice()) {
+      if (!this.isMobileOrTabletDevice())
         return;
-      }
-      this.ctaLink = salla.config.get('store.apps')[this.getMobileOS() === 'iOS' ? 'appstore' : 'googleplay'];
-      setTimeout(() => (this.open = true), 3000);
+      if (!this.data)
+        return salla.logger.error('Failed to retrieve salla-app-install-alert config');
+      this.ctaLink = salla.url.get('app');
+      this.alertDelay = setTimeout(() => (this.open = true), 3000);
     });
   }
-  /**
-   * Get the OS of device (android/ios).
-   * @returns {string} returns iOS/Android/Other
-   */
-  getMobileOS() {
-    const ua = navigator.userAgent;
-    if (/android/i.test(ua)) {
-      return 'Android';
-    }
-    else if (/iPad|iPhone|iPod/.test(ua) ||
-      (/Macintosh/i.test(navigator.userAgent) && 'ontouchend' in document)) {
-      return 'iOS';
-    }
-    return 'Other';
+  disconnectedCallback() {
+    clearTimeout(this.alertDelay);
   }
   /**
    * Check if the website opens from mobile or tablet devices only (android/ios).
@@ -66,7 +56,7 @@ const SallaAppInstallAlert = class {
     }, { once: true });
   }
   render() {
-    return (index.h(index.Host, { class: `s-app-install-alert-wrapper ${this.open ? 'open' : ''} ${this.closing ? 'closing' : ''}`, position: this.data.position }, index.h("div", null, index.h("img", { src: this.data.icon, width: "58", height: "58", alt: `${salla.config.get('store.name')}` })), index.h("div", { class: "s-app-install-alert-content" }, index.h("h2", { class: "s-app-install-alert-title" }, this.data.title), index.h("p", { class: "s-app-install-alert-sub-title" }, this.data.sub_title, " ", " ", index.h("a", { href: this.ctaLink, target: "_blank", "aria-label": "download app", class: "s-app-install-alert-cta" }, salla.lang.getWithDefault('blocks.footer.download_app_now', 'حمله الآن')))), index.h("button", { class: "s-app-install-alert-cancel-button", onClick: () => this.closeAlert() }, index.h("i", { class: "sicon-cancel" }))));
+    return this.data ? (index.h(index.Host, { class: `s-app-install-alert-wrapper ${this.open ? 'open' : ''} ${this.closing ? 'closing' : ''}`, position: this.data.position }, index.h("div", null, index.h("img", { src: this.data.icon, width: "58", height: "58", alt: `${salla.config.get('store.name')}` })), index.h("div", { class: "s-app-install-alert-content" }, index.h("h2", { class: "s-app-install-alert-title" }, this.data.title), index.h("p", { class: "s-app-install-alert-sub-title" }, this.data.sub_title, " ", " ", index.h("a", { href: this.ctaLink, target: "_blank", "aria-label": "download app", class: "s-app-install-alert-cta" }, salla.lang.getWithDefault('blocks.footer.download_app_now', 'حمله الآن')))), index.h("button", { class: "s-app-install-alert-cancel-button", onClick: () => this.closeAlert() }, index.h("i", { class: "sicon-cancel" })))) : null;
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/salla-app-install-alert.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"salla-app-install-alert.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/salla-app-install-alert/salla-app-install-alert.scss?tag=salla-app-install-alert","src/components/salla-app-install-alert/salla-app-install-alert.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Element, Host } from '@stencil/core';\n\n@Component({\n  tag: 'salla-app-install-alert',\n  styleUrl: 'salla-app-install-alert.scss',\n})\nexport class SallaAppInstallAlert {\n  connectedCallback() {\n    salla.onReady(() => {\n      this.data = salla.config.get('store.app_install_prompt');\n      if (!this.isMobileOrTabletDevice()) {\n        return;\n      }\n\n      this.ctaLink = salla.config.get('store.apps')[this.getMobileOS() === 'iOS' ? 'appstore' : 'googleplay'];\n      setTimeout(() => (this.open = true), 3000);\n    });\n  }\n  @State() data: any = salla.config.get('store.app_install_prompt');\n  @State() ctaLink: string;\n  @State() open: boolean = false;\n  @State() closing: boolean = false;\n  @Element() private host: HTMLElement;\n\n\n\n  /**\n   * Get the OS of device (android/ios).\n   * @returns {string} returns iOS/Android/Other\n   */\n  private getMobileOS(): string {\n    const ua = navigator.userAgent;\n    if (/android/i.test(ua)) {\n      return 'Android';\n    } else if (\n      /iPad|iPhone|iPod/.test(ua) ||\n      (/Macintosh/i.test(navigator.userAgent) && 'ontouchend' in document)\n    ) {\n      return 'iOS';\n    }\n    return 'Other';\n  }\n\n  /**\n   * Check if the website opens from mobile or tablet devices only (android/ios).\n   *\n   * @param {number} screen the width of the biggest screen to be checked\n   * @returns {boolean} true if it is mobile or tablet else false\n   */\n  private isMobileOrTabletDevice(screen = 1024): boolean {\n    const screenWidth = window.innerWidth <= screen;\n    const userAgentCheck = /Macintosh|Android|iPhone|iPad|iPod/i.test(navigator.userAgent);\n    const hasTouch =\n      'ontouchstart' in window ||\n      'ontouchend' in document ||\n      navigator.maxTouchPoints > 0;\n\n    return userAgentCheck && screenWidth && hasTouch;\n  }\n\n  closeAlert() {\n    salla.storage.set('app_install_prompt_disabled', true);\n    // handle closing animation first, then close the banner\n    this.closing = true;\n    this.host.addEventListener(\n      'animationend',\n      () => {\n        this.closing = false\n        this.open = false;\n      },\n      { once: true }\n    );\n  }\n\n\n  render() {\n    return (\n      <Host class={`s-app-install-alert-wrapper ${this.open ? 'open' : ''} ${this.closing ? 'closing' : ''}`} position={this.data.position}>\n        <div>\n          <img src={this.data.icon} width=\"58\" height=\"58\" alt={`${salla.config.get('store.name')}`} />\n        </div>\n        <div class=\"s-app-install-alert-content\">\n          <h2 class=\"s-app-install-alert-title\">{this.data.title}</h2>\n          <p class=\"s-app-install-alert-sub-title\">\n            {this.data.sub_title} {\" \"}\n            <a href={this.ctaLink} target=\"_blank\" aria-label=\"download app\" class=\"s-app-install-alert-cta\">\n              {salla.lang.getWithDefault('blocks.footer.download_app_now', 'حمله الآن')}\n            </a>\n          </p>\n        </div>\n        <button class=\"s-app-install-alert-cancel-button\" onClick={() => this.closeAlert()}>\n          <i class=\"sicon-cancel\"></i>\n        </button>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"salla-app-install-alert.entry.cjs.js","mappings":"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","names":["h","Host"],"sources":["src/components/salla-app-install-alert/salla-app-install-alert.scss?tag=salla-app-install-alert","src/components/salla-app-install-alert/salla-app-install-alert.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, h, State, Element, Host } from '@stencil/core';\nimport { AppInstallAlertData } from './interfaces';\n\n@Component({\n  tag: 'salla-app-install-alert',\n  styleUrl: 'salla-app-install-alert.scss',\n})\nexport class SallaAppInstallAlert {\n\n  alertDelay: NodeJS.Timeout = null\n\n  connectedCallback() {\n    salla.onReady(() => {\n      this.data = salla.config.get('store.app_install_prompt')\n\n      if (!this.isMobileOrTabletDevice()) return;\n\n      if (!this.data) return salla.logger.error('Failed to retrieve salla-app-install-alert config')\n\n      this.ctaLink = salla.url.get('app');\n      this.alertDelay = setTimeout(() => (this.open = true), 3000);\n    });\n  }\n\n  disconnectedCallback() {\n    clearTimeout(this.alertDelay)\n  }\n\n\n\n\n  @State() data: AppInstallAlertData | null = salla.config.get('store.app_install_prompt');\n  @State() ctaLink: string;\n  @State() open: boolean = false;\n  @State() closing: boolean = false;\n  @Element() private host: HTMLElement;\n\n\n  /**\n   * Check if the website opens from mobile or tablet devices only (android/ios).\n   *\n   * @param {number} screen the width of the biggest screen to be checked\n   * @returns {boolean} true if it is mobile or tablet else false\n   */\n  private isMobileOrTabletDevice(screen = 1024): boolean {\n    const screenWidth = window.innerWidth <= screen;\n    const userAgentCheck = /Macintosh|Android|iPhone|iPad|iPod/i.test(navigator.userAgent);\n    const hasTouch =\n      'ontouchstart' in window ||\n      'ontouchend' in document ||\n      navigator.maxTouchPoints > 0;\n\n    return userAgentCheck && screenWidth && hasTouch;\n  }\n\n  closeAlert() {\n    salla.storage.set('app_install_prompt_disabled', true);\n    // handle closing animation first, then close the banner\n    this.closing = true;\n    this.host.addEventListener(\n      'animationend',\n      () => {\n        this.closing = false\n        this.open = false;\n      },\n      { once: true }\n    );\n  }\n\n\n  render() {\n    return this.data ? (\n      <Host class={`s-app-install-alert-wrapper ${this.open ? 'open' : ''} ${this.closing ? 'closing' : ''}`} position={this.data.position}>\n        <div>\n          <img src={this.data.icon} width=\"58\" height=\"58\" alt={`${salla.config.get('store.name')}`} />\n        </div>\n        <div class=\"s-app-install-alert-content\">\n          <h2 class=\"s-app-install-alert-title\">{this.data.title}</h2>\n          <p class=\"s-app-install-alert-sub-title\">\n            {this.data.sub_title} {\" \"}\n            <a href={this.ctaLink} target=\"_blank\" aria-label=\"download app\" class=\"s-app-install-alert-cta\">\n              {salla.lang.getWithDefault('blocks.footer.download_app_now', 'حمله الآن')}\n            </a>\n          </p>\n        </div>\n        <button class=\"s-app-install-alert-cancel-button\" onClick={() => this.closeAlert()}>\n          <i class=\"sicon-cancel\"></i>\n        </button>\n      </Host>\n    ) : null\n  }\n}\n"],"version":3}

package/dist/cjs/salla-apps-icons.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 
 const sallaAppsIconsCss = ":host{display:block}";
 

package/dist/cjs/salla-conditional-fields.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 
 const SallaConditionalFields = class {
   constructor(hostRef) {

package/dist/cjs/salla-contacts.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 const mail = require('./mail-7fb22171.js');
 
 const mobile = `<!-- Generated by IcoMoon.io -->

package/dist/cjs/salla-filters-widget.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 const Helper = require('./Helper-02c18740.js');
 const interfaces = require('./interfaces-c3b1e489.js');
 

package/dist/cjs/salla-filters.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 const interfaces = require('./interfaces-c3b1e489.js');
 const Helper = require('./Helper-02c18740.js');
 

package/dist/cjs/salla-installment.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 
 const sallaInstallmentCss = "salla-installment:empty{display:none}#tabbyPromoWrapper{background:white;border-radius:0.375rem;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);margin-bottom:20px}.salla-y #tabbyPromoWrapper{border:1px solid var(--color-grey-dark);border-radius:12px}#tabbyPromoWrapper:hover{-webkit-box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922);box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}#tabbyPromoWrapper #tabbyPromo *{font-family:var(--font-main)}#tabbyPromoWrapper #tabbyPromo>div>div{max-width:none;-webkit-box-shadow:none;box-shadow:none;border:none}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet{max-width:100%;min-height:100px;padding:18px 20px;border:none !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-size:var(--font-sm);color:var(--color-text) !important}#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link{font-weight:bold}.tabby-promo-wrapper #tabby-promo{font-family:var(--font-main) !important}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-title{font-size:var(--font-md)}.tabby-promo-wrapper #tabby-promo .tabby-promo__feature-desc{font-size:var(--font-sm);line-height:20px}.tamara-product-widget{margin-bottom:20px}.tamara-product-widget,.spotii-wrapper{min-height:100px;position:relative;color:var(--color-text);font-size:var(--font-sm);line-height:1.25;padding:18px 20px 18px 100px !important;background:white;border-radius:0.375rem;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.salla-y .tamara-product-widget,.salla-y .spotii-wrapper{border-radius:12px;border:1px solid var(--color-grey-dark)}.tamara-product-widget:hover,.spotii-wrapper:hover{-webkit-box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922);box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.tamara-product-widget .spotii-logo,.spotii-wrapper .spotii-logo{float:left;margin:0 0 0 -75px}.ltr .tamara-product-widget,.ltr .spotii-wrapper{text-align:left;padding:18px 100px 18px 20px !important}.ltr .tamara-product-widget .spotii-logo,.ltr .spotii-wrapper .spotii-logo{float:right;margin:0 -75px 0 0}.ltr .tamara-product-widget .spotii-product-widget,.ltr .spotii-wrapper .spotii-product-widget{text-align:left !important}.spotii-wrapper{margin-bottom:20px}.spotii-wrapper .spotii-promo{font-size:var(--font-md)}.spotii-wrapper .spotii-product-widget{font-size:var(--font-sm) !important;margin-top:10px}.tamara-product-widget .tamara-logo{position:absolute;left:20px;top:18px;margin:0 !important}.ltr .tamara-product-widget .tamara-logo{right:20px;left:auto}.tamara-product-widget span{font-family:var(--font-main);font-size:var(--font-sm);color:var(--color-text)}.tamara-product-widget span:last-child{display:block;position:relative;margin-top:8px}.tamara-popup__wrap{overflow:auto !important}.s-installment-mispay-wrapper{font-family:\"Noto Sans Arabic\", sans-serif;font-size:14px;text-align:right;padding:24px 20px 24px 0px;gap:42px;direction:rtl;line-height:22px;color:rgb(0, 0, 0);min-width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;background-color:white;border-radius:10px;border:1px solid var(--07--Light-Theme-Gray-color-gray-300, #EEE);margin:15px 0;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:-webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);transition:box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1)}.s-installment-mispay-wrapper:hover{-webkit-box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922);box-shadow:0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), 5px 10px 30px rgba(43, 45, 52, 0.0509803922)}.s-installment-mispay-content{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;margin:15px !important}.s-installment-mispay-content-text{color:#292929;margin:0 16px 0 0;width:80%;position:absolute;left:14px;text-align:left}.s-installment-mispay-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto;position:absolute}.rtl .s-installment-mispay-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img{left:14px !important}.ltr .s-installment-mispay-content img{right:14px !important}";
 

package/dist/cjs/salla-loyalty-prize-item.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 
 const sallaLoyaltyPrizeItemCss = "salla-loyalty-prize-item:hover{-webkit-box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important;box-shadow:0 5px 15px 1px rgba(0, 0, 0, 0.04) !important}";
 

package/dist/cjs/salla-notification-item.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 
 const sallaNotificationsCss = "";
 

package/dist/cjs/salla-notifications.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 const Helper = require('./Helper-02c18740.js');
 const anime_es = require('./anime.es-78730411.js');
 

package/dist/cjs/salla-offer.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 
 const sallaOfferCss = ".s-offer-wrapper .s-slider-block__title h2{font-size:1.125rem;line-height:1.75rem;color:#f87171}.s-offer-wrapper .s-slider-block__title h2::before{font-family:\"sallaicons\";content:\"\\ee30\" !important;position:absolute;top:1rem;font-size:3rem;font-weight:400;line-height:1;color:#fef2f2}.s-offer-bank-wrapper-sinlge-item{display:-ms-flexbox;display:flex;-ms-flex-align:center !important;align-items:center !important;gap:14px}.s-offer-bank-wrapper{display:-ms-flexbox !important;display:flex !important;width:100% !important}";
 

package/dist/cjs/salla-order-summary.cjs.entry.js

@@ -0,0 +1,107 @@
+/*!
+ * Crafted with ❤ by Salla
+ */
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-96c545df.js');
+const check = require('./check-771d889f.js');
+
+const iconFileArchive = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>file-archive</title>
+<path d="M17.333 16h-5.333c-0.737 0-1.333 0.597-1.333 1.333v2.667c0 2.205 1.795 4 4 4s4-1.795 4-4v-2.667c0-0.736-0.596-1.333-1.333-1.333zM16 20c0 0.735-0.597 1.333-1.333 1.333s-1.333-0.599-1.333-1.333v-1.333h2.667zM17.333 12h-5.333c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h5.333c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333zM28.943 8.391l-8-8c-0.249-0.251-0.588-0.391-0.943-0.391h-13.333c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h18.667c2.205 0 4-1.795 4-4v-18.667c0-0.353-0.14-0.693-0.391-0.943zM26.667 28c0 0.735-0.597 1.333-1.333 1.333h-18.667c-0.736 0-1.333-0.599-1.333-1.333v-24c0-0.735 0.597-1.333 1.333-1.333h12.781l7.219 7.219zM17.333 8h-5.333c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h5.333c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333zM17.333 4h-5.333c-0.737 0-1.333 0.597-1.333 1.333s0.596 1.333 1.333 1.333h5.333c0.737 0 1.333-0.597 1.333-1.333s-0.596-1.333-1.333-1.333z"></path>
+</svg>
+`;
+
+const iconDownload = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>download</title>
+<path d="M15.056 20.941c0.123 0.124 0.271 0.221 0.435 0.289 0.163 0.067 0.336 0.103 0.509 0.103s0.347-0.036 0.509-0.103c0.164-0.068 0.311-0.165 0.435-0.289l5.332-5.332c0.521-0.521 0.521-1.364 0-1.885s-1.364-0.521-1.885 0l-3.057 3.057v-12.781c0-0.737-0.597-1.333-1.333-1.333s-1.333 0.596-1.333 1.333v12.781l-3.057-3.057c-0.521-0.521-1.364-0.521-1.885 0s-0.521 1.364 0 1.885zM25.333 26.667h-18.667c-0.736 0-1.333 0.596-1.333 1.333s0.597 1.333 1.333 1.333h18.667c0.736 0 1.333-0.596 1.333-1.333s-0.597-1.333-1.333-1.333z"></path>
+</svg>
+`;
+
+const iconCopy = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>swap-stroke</title>
+<path d="M6.667 18.667h-2.667c-0.736 0-1.333-0.597-1.333-1.333v-13.333c0-0.736 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.597 1.333 1.333v2.667c0 0.737 0.596 1.333 1.333 1.333s1.333-0.596 1.333-1.333v-2.667c0-2.205-1.795-4-4-4h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h2.667c0.737 0 1.333-0.596 1.333-1.333s-0.596-1.333-1.333-1.333zM28 10.667h-13.333c-2.205 0-4 1.795-4 4v13.333c0 2.205 1.795 4 4 4h13.333c2.205 0 4-1.795 4-4v-13.333c0-2.205-1.795-4-4-4zM29.333 28c0 0.736-0.597 1.333-1.333 1.333h-13.333c-0.736 0-1.333-0.597-1.333-1.333v-13.333c0-0.736 0.597-1.333 1.333-1.333h13.333c0.736 0 1.333 0.597 1.333 1.333z"></path>
+</svg>
+`;
+
+const iconCreditCard = `<!-- Generated by IcoMoon.io -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
+<title>debit-card-back</title>
+<path d="M30 28h-28c-1.105 0-2-0.895-2-2v0-18c0-1.105 0.895-2 2-2v0h28c1.105 0 2 0.895 2 2v0 18c0 1.105-0.895 2-2 2v0zM30 26v0zM2 8v18h28v-18zM31 14h-30c-0.552 0-1-0.448-1-1s0.448-1 1-1v0h30c0.552 0 1 0.448 1 1s-0.448 1-1 1v0zM11 22h-6c-0.552 0-1-0.448-1-1s0.448-1 1-1v0h6c0.552 0 1 0.448 1 1s-0.448 1-1 1v0zM24 24c-2.209 0-4-1.791-4-4s1.791-4 4-4c2.209 0 4 1.791 4 4v0c0 2.209-1.791 4-4 4v0zM24 18c-1.105 0-2 0.895-2 2s0.895 2 2 2c1.105 0 2-0.895 2-2v0c0-1.105-0.895-2-2-2v0zM20 24c-2.209 0-4-1.791-4-4s1.791-4 4-4v0c0.002 0 0.005 0 0.007 0 1.032 0 1.972 0.398 2.673 1.048l-0.003-0.002c0.191 0.183 0.311 0.439 0.311 0.724 0 0.552-0.448 1-1 1-0.257 0-0.492-0.097-0.669-0.257l0.001 0.001c-0.345-0.319-0.807-0.514-1.315-0.514-0.002 0-0.003 0-0.005 0h0c-1.105 0-2 0.895-2 2s0.895 2 2 2v0c0.002 0 0.004 0 0.007 0 0.508 0 0.971-0.195 1.317-0.515l-0.001 0.001c0.179-0.171 0.422-0.276 0.689-0.276 0.552 0 1 0.448 1 1 0 0.295-0.128 0.56-0.331 0.743l-0.001 0.001c-0.699 0.648-1.638 1.046-2.671 1.046-0.003 0-0.007 0-0.010 0h0.001z"></path>
+</svg>
+`;
+
+const sallaOrderSummaryCss = ":host{display:block}";
+
+const SallaOrderSummary = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.isDigitalCard = (item) => item.product.type === 'codes';
+    this.isDigitalProduct = (item) => item.product.type === 'digital';
+    this.orderId = undefined;
+    this.codeCopied = null;
+    this.noItemFound = true;
+    this.order_items = [];
+  }
+  async componentWillLoad() {
+    salla.lang.onLoaded(() => {
+      this.codes_text = salla.lang.get('pages.thank_you.codes');
+      this.copy_text = salla.lang.get('common.elements.copy');
+      this.files_text = salla.lang.get('pages.thank_you.files');
+      this.download_text = salla.lang.get('pages.thank_you.download');
+    });
+    return await this.getOrderItems();
+  }
+  copyToClipboardHandler(code) {
+    if (navigator && 'clipboard' in navigator) {
+      try {
+        navigator.clipboard.writeText(code).then(() => {
+          this.codeCopied = code;
+          this.copyCodeButtonTimeout = setTimeout(() => {
+            this.codeCopied = null;
+          }, 3000);
+        });
+      }
+      catch (error) {
+        salla.loggers.error('copy functionality is not supported by the browser');
+      }
+    }
+  }
+  async getOrderItems() {
+    const orderId = this.orderId || salla.config.get('page.id');
+    const errorMessage = "Failed to fetch order items";
+    if (!orderId) {
+      salla.logger.error(errorMessage);
+      throw new Error(errorMessage);
+    }
+    try {
+      const { data: { items = [] } } = await salla.api.request(`orders/${orderId}`);
+      const validItems = items.some((item) => (this.isDigitalCard(item) || this.isDigitalProduct(item)));
+      if (validItems) {
+        this.order_items = items;
+        this.noItemFound = false;
+      }
+    }
+    catch (error) {
+      salla.logger.error(errorMessage);
+    }
+  }
+  disconnectedCallback() {
+    this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout);
+  }
+  render() {
+    return (index.h("ul", { class: "s-order-summary-wrapper" }, this.noItemFound ? index.h("salla-placeholder", { alignment: "center" }, index.h("span", { slot: "title" })) :
+      this.order_items.map((item) => (this.isDigitalCard(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.codes_text, " (", item.name, ")"), item.codes.map((code) => (index.h("div", { key: code.code, class: "s-order-summary-code-item-wrapper" }, index.h("p", null, index.h("span", { innerHTML: iconCreditCard }), index.h("span", null, code.code)), index.h("salla-button", { class: `s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`, onClick: () => this.copyToClipboardHandler(code.code), shape: "link" }, index.h("span", { innerHTML: this.codeCopied === code.code ? check.CheckCircleIcon : iconCopy }), index.h("span", null, this.copy_text))))))) :
+        this.isDigitalProduct(item) ? (index.h("li", { key: item.product.id, class: "s-order-summary-item" }, index.h("h2", { class: "s-order-summary-item-title" }, this.files_text, " (", item.name, ")"), index.h("ul", null, item.files.map((file) => (index.h("li", { class: "s-order-summary-digital-item-wrapper" }, index.h("div", null, index.h("span", { innerHTML: iconFileArchive }), index.h("span", null, file.name)), index.h("a", { href: file.url, target: "_blank", class: "s-order-summary-item-download" }, index.h("span", { innerHTML: iconDownload }), index.h("span", null, this.download_text)))))))) : null))));
+  }
+};
+SallaOrderSummary.style = sallaOrderSummaryCss;
+
+exports.salla_order_summary = SallaOrderSummary;
+
+//# sourceMappingURL=salla-order-summary.cjs.entry.js.map

package/dist/cjs/salla-order-summary.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"salla-order-summary.entry.cjs.js","mappings":"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","names":["h","iconCheck"],"sources":["src/components/salla-order-summary/salla-order-summary.scss?tag=salla-order-summary","src/components/salla-order-summary/salla-order-summary.tsx"],"sourcesContent":[":host {\n  display: block;\n}","import { Component, State, h, Prop } from '@stencil/core';\nimport { orderItem } from './interfaces';\n\nimport iconFileArchive from '../../assets/svg/file-archive.svg'\nimport iconDownload from '../../assets/svg/download.svg'\nimport iconCopy from '../../assets/svg/swap-stroke.svg'\nimport iconCheck from '../../assets/svg/check.svg'\nimport iconCreditCard from '../../assets/svg/debit-card-back.svg'\n\n@Component({\n  tag: 'salla-order-summary',\n  styleUrl: 'salla-order-summary.scss',\n})\nexport class SallaOrderSummary {\n\n  copyCodeButtonTimeout: NodeJS.Timeout\n\n  /**\n    * @type {number}\n    * order id to fetch items.\n    */\n  @Prop({ reflect: true }) orderId?: number;\n\n  @State() codeCopied: string | null = null\n  @State() noItemFound: boolean = true\n  @State() order_items: orderItem[] = []\n\n  private codes_text: string\n  private copy_text: string\n  private files_text: string\n  private download_text: string\n\n  private isDigitalCard = (item: orderItem) => item.product.type === 'codes'\n  private isDigitalProduct = (item: orderItem) => item.product.type === 'digital'\n\n  async componentWillLoad() {\n    salla.lang.onLoaded(() => {\n      this.codes_text = salla.lang.get('pages.thank_you.codes')\n      this.copy_text = salla.lang.get('common.elements.copy')\n      this.files_text = salla.lang.get('pages.thank_you.files')\n      this.download_text = salla.lang.get('pages.thank_you.download')\n    })\n    return await this.getOrderItems()\n    \n  }\n\n  private copyToClipboardHandler(code: string) {\n    if (navigator && 'clipboard' in navigator) {\n      try {\n        navigator.clipboard.writeText(code).then(() => {\n          this.codeCopied = code\n\n          this.copyCodeButtonTimeout = setTimeout(() => {\n            this.codeCopied = null\n          }, 3000)\n\n        })\n      } catch (error) {\n        salla.loggers.error('copy functionality is not supported by the browser')\n      }\n    }\n  }\n\n  private async getOrderItems() {\n\n    const orderId = this.orderId || salla.config.get('page.id')\n    const errorMessage = \"Failed to fetch order items\"\n\n    if (!orderId) {\n      salla.logger.error(errorMessage)\n      throw new Error(errorMessage)\n    }\n\n    try {\n      const { data: { items = [] } } = await salla.api.request(`orders/${orderId}`)\n\n      const validItems = items.some((item) => (this.isDigitalCard(item) || this.isDigitalProduct(item)))\n\n      if (validItems) {\n        this.order_items = items\n        this.noItemFound = false\n      }\n    } catch (error) {\n      salla.logger.error(errorMessage)\n    }\n  }\n\n  disconnectedCallback() {\n    this.copyCodeButtonTimeout && clearTimeout(this.copyCodeButtonTimeout)\n  }\n\n  render() {\n    return (\n\n      <ul class=\"s-order-summary-wrapper\">\n        {this.noItemFound ? <salla-placeholder alignment=\"center\">\n          <span slot=\"title\" />\n        </salla-placeholder> :\n          this.order_items.map((item) => (\n            this.isDigitalCard(item) ? (\n              <li key={item.product.id} class=\"s-order-summary-item\">\n                <h2 class=\"s-order-summary-item-title\">\n                  {this.codes_text} ({item.name})\n                </h2>\n                {item.codes.map((code) => (\n                  <div key={code.code} class=\"s-order-summary-code-item-wrapper\">\n                    <p>\n                      <span innerHTML={iconCreditCard} />\n                      <span>{code.code}</span>\n                    </p>\n                    <salla-button class={`s-order-summary-item-copy-button ${this.codeCopied === code.code ? 'copied' : ''}`} onClick={() => this.copyToClipboardHandler(code.code)} shape=\"link\">\n                      <span innerHTML={this.codeCopied === code.code ? iconCheck : iconCopy} />\n                      <span >{this.copy_text}</span>\n                    </salla-button >\n                  </div>\n                ))}\n              </li>\n            ) :\n              this.isDigitalProduct(item) ? (\n                <li key={item.product.id} class=\"s-order-summary-item\">\n                  <h2 class=\"s-order-summary-item-title\">\n                    {this.files_text} ({item.name})\n                  </h2>\n                  <ul>\n                    {item.files.map((file) => (\n                      <li class=\"s-order-summary-digital-item-wrapper\">\n                        <div>\n                          <span innerHTML={iconFileArchive} />\n                          <span>{file.name}</span>\n                        </div>\n                        <a href={file.url} target=\"_blank\" class=\"s-order-summary-item-download\">\n                          <span innerHTML={iconDownload} />\n                          <span>{this.download_text}</span>\n                        </a>\n                      </li>\n                    ))}\n                  </ul>\n                </li>\n              ) : null\n          ))\n        }\n      </ul>\n    );\n  }\n\n}\n\n\n"],"version":3}

package/dist/cjs/salla-payments.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 
 const sallaPaymentsCss = ":host{display:block}";
 

package/dist/cjs/salla-price-range.cjs.entry.js

@@ -5,7 +5,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
+const index = require('./index-96c545df.js');
 
 const sallaPriceRangeCss = ":host{display:block}.rtl .rtl-range-slider,[dir=rtl] .rtl-range-slider{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.rtl .rtl-range-numbers,[dir=rtl] .rtl-range-numbers{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.rtl .form-select,.rtl select,[dir=rtl] .form-select,[dir=rtl] select{background-position:left 0.5rem center;padding-right:12px}.rtl .menu-divide li:not(:last-child):after,[dir=rtl] .menu-divide li:not(:last-child):after{left:0;right:auto}input[type=range]::-webkit-slider-thumb{pointer-events:all;width:24px;height:24px;-webkit-appearance:none}[type=checkbox]:checked{background-size:80%}";
 

package/dist/cjs/salla-product-options.cjs.entry.js

@@ -5,8 +5,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-40f35e63.js');
-const camera = require('./camera-807a5122.js');
+const index = require('./index-96c545df.js');
+const check = require('./check-771d889f.js');
+const camera = require('./camera-82e553eb.js');
 
 var DisplayType;
 (function (DisplayType) {
@@ -425,7 +426,7 @@ const SallaProductOptions = class {
   //@ts-ignore
   thumbnailOption(option) {
     return index.h("div", { class: "s-product-options-thumbnails-wrapper" }, option.details.map((detail) => {
-      return index.h("div", null, index.h("input", { type: "radio", value: detail.id, "data-itemid": detail.id, required: !option.visibility_condition && option.required, checked: detail.is_selected, name: `options[${option.id}]`, "data-img-id": detail.option_value, disabled: this.canDisabled && this.isOptionDetailOut(detail), id: `option_${this.productId}-${option.id}_${detail.id}`, onInvalid: (e) => this.invalidHandler(e, option), onChange: (e) => this.changedHandler(e, option) }), index.h("label", { htmlFor: `option_${this.productId}-${option.id}_${detail.id}`, "data-img-id": detail.option_value, class: "go-to-slide" }, index.h("img", { "data-src": detail.image, src: detail.image, title: detail.name, alt: detail.name }), index.h("span", { innerHTML: camera.CheckCircleIcon, class: "s-product-options-thumbnails-icon" }), this.isOptionDetailOut(detail) ?
+      return index.h("div", null, index.h("input", { type: "radio", value: detail.id, "data-itemid": detail.id, required: !option.visibility_condition && option.required, checked: detail.is_selected, name: `options[${option.id}]`, "data-img-id": detail.option_value, disabled: this.canDisabled && this.isOptionDetailOut(detail), id: `option_${this.productId}-${option.id}_${detail.id}`, onInvalid: (e) => this.invalidHandler(e, option), onChange: (e) => this.changedHandler(e, option) }), index.h("label", { htmlFor: `option_${this.productId}-${option.id}_${detail.id}`, "data-img-id": detail.option_value, class: "go-to-slide" }, index.h("img", { "data-src": detail.image, src: detail.image, title: detail.name, alt: detail.name }), index.h("span", { innerHTML: check.CheckCircleIcon, class: "s-product-options-thumbnails-icon" }), this.isOptionDetailOut(detail) ?
         [
           index.h("small", { class: "s-product-options-thumbnails-stock-badge" }, this.outOfStockText),
           this.canDisabled ? index.h("div", { class: "s-product-options-thumbnails-badge-overlay" }) : '',