@salla.sa/twilight-components 2.14.250 → 2.14.251

package/dist/twilight/{p-CuT3SRo-.system.js.map → p-7HslI1sO.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-CuT3SRo-.system.js","sources":["src/components/salla-advertisement/salla-advertisement.scss?tag=salla-advertisement","src/components/salla-advertisement/salla-advertisement.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, State, Element, h } from '@stencil/core';\nimport { Advertisement } from './interfaces';\nimport AnimeJS from 'animejs';\n/**\n * @name SallaAdvertisement\n * @description A StencilJS component for handling and displaying advertisements in different pages of salla applications.\n * @tag salla-advertisement\n */\n\n/**\n * @slot adv - Replaces the entire advertisement, has replaceable props `{icon}`, `{url}`, `{target}`, `{description}`, `{bg_color}`, `{text_color}`.\n * */\n@Component({\n  tag: 'salla-advertisement',\n  styleUrl: 'salla-advertisement.scss',\n})\nexport class SallaAdvertisement {\n  /**\n  * Constructor for initializing the component.\n  */\n  constructor() {\n    salla.onReady(() => {\n      this.currentSlug = salla.config.get(\"page.slug\");\n    })\n\n    this.advSlot = this.host.querySelector('[slot=\"adv\"]')?.innerHTML || `<div class=\"s-advertisement-content\"><h2 class=\"s-advertisement-content-main\">{iconElem}{urlElem}</h2>{closeElem}</div>\n    `;\n  }\n  private readonly advSlot: string;\n  // State properties for managing component state\n  @State() position: string;\n  @State() advertisements: Advertisement[];\n  @State() advertIcon: string;\n  @State() currentSlug: string = salla.config.get(\"page.slug\");\n\n  @Element() private host: HTMLElement;\n\n\n  /**\n   * Checks whether an advertisement is marked as not visible/dismissed.\n   * @param advert - The advertisement to check.\n   * @returns True if the advertisement is not visible, false otherwise.\n   */\n  private isNotVisible(advert: Advertisement): boolean {\n    return !!salla.storage.get(`statusAd-${advert.id}`)\n  }\n\n  /**\n   * Sets a flag to control the visibility of an advertisement and triggers an animation when hiding it.\n   * @param advert - The advertisement to update.\n   * @param flag - The flag indicating whether to display or hide the advertisement.\n   */\n  private setCanDisplayFlag(advert: Advertisement, flag: boolean): void {\n    if (!flag) {\n      // Set the statusAd flag to 'dismissed'\n      salla.storage.set(`statusAd-${advert.id}`, 'dismissed');\n      // Trigger an animation to hide the advertisement\n      AnimeJS({\n        targets: this.host,\n        opacity: [1, 0],\n        duration: 300,\n        height: [this.host.clientHeight, 0],\n        easing: 'easeInOutQuad',\n      });\n    }\n  }\n\n  /**\n   * Renders the advertisements based on the fetched data and visibility status.\n   * @returns JSX for rendering advertisements.\n   */\n  render() {\n    if ((Array.isArray(this.advertisements) && !this.advertisements.length) || !this.advertisements) {\n      return;\n    }\n    return this.advertisements.map((advertisement: Advertisement) => {\n      return <div class={{ \"s-hidden\": this.isNotVisible(advertisement), 's-advertisement': true }} data-id={advertisement.id}\n        style={{ \"background-color\": advertisement.colors.bg, \"color\": advertisement.colors.text }}>\n        <div id=\"adv-slot\" innerHTML={\n          this.advSlot\n            // Replace the props with the advertisement data\n            // !Note: The props with the 'Elem' suffix are for internal use only.\n            .replace(\"{iconElem}\", `<i class=\"s-advertisement-content-icon ${advertisement.icon}\"></i>`)\n            .replace(\"{urlElem}\", advertisement.url ? `<a href=\"${advertisement.url}\" target=\"${advertisement.target}\">${advertisement.description}</a>` : advertisement.description)\n            .replace(\"{closeElem}\", `<button class=\"s-advertisement-action\" aria-label=\"close-alert\"><i class=\"sicon-cancel\"></i></button>`)\n            .replace('{icon}', advertisement.icon)\n            .replace('{url}', advertisement.url)\n            .replace('{target}', advertisement.target)\n            .replace('{description}', advertisement.description)\n            .replace('{bg_color}', advertisement.colors.bg)\n            .replace('{text_color}', advertisement.colors.text)\n        }></div>\n      </div>\n    }\n    );\n  }\n\n  /**\n  * Lifecycle method that fetches advertisements before the component is loaded.\n  */\n  componentWillLoad() {\n    // Fetch advertisements based on the current page\n    return (new Promise(resolve => salla.onReady(resolve)))\n      .then(() => salla.api.advertisement.fetch(this.currentSlug))\n      .then(resp => Array.isArray(resp.data) ? resp.data.find(ad => !salla.storage.get(`statusAd-${ad.id}`)) : null)\n      .then(ad => this.advertisements = ad ? [ad] : []);\n  }\n\n  componentDidRender() {\n    if ((Array.isArray(this.advertisements) && !this.advertisements.length) || !this.advertisements) {\n      return;\n    }\n    // Add event listener for the close button\n    setTimeout(() => {\n      let closeBtn = this.host.querySelector('.s-advertisement-action');\n      if (closeBtn) {\n        closeBtn.addEventListener('click', () => this.setCanDisplayFlag(this.advertisements[0], false));\n      }\n    });\n\n    // Reduce Dom size by removing the slot element\n    this.host.querySelectorAll('#adv-slot').forEach(el => el?.replaceWith(el?.firstChild));\n    this.host.querySelector('[slot=\"adv\"]')?.remove();\n\n    // Trigger an animation to show the advertisement\n    AnimeJS({\n      targets: this.host,\n      opacity: [0, 1],\n      duration: 300,\n      height: [0, this.host.clientHeight],\n      easing: 'easeInOutQuad',\n    });\n  }\n}\n"],"names":["AnimeJS"],"mappings":"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"}
+{"version":3,"file":"p-7HslI1sO.system.js","sources":["src/components/salla-advertisement/salla-advertisement.scss?tag=salla-advertisement","src/components/salla-advertisement/salla-advertisement.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, State, Element, h } from '@stencil/core';\nimport { Advertisement } from './interfaces';\nimport AnimeJS from 'animejs';\n/**\n * @name SallaAdvertisement\n * @description A StencilJS component for handling and displaying advertisements in different pages of salla applications.\n * @tag salla-advertisement\n */\n\n/**\n * @slot adv - Replaces the entire advertisement, has replaceable props `{icon}`, `{url}`, `{target}`, `{description}`, `{bg_color}`, `{text_color}`.\n * */\n@Component({\n  tag: 'salla-advertisement',\n  styleUrl: 'salla-advertisement.scss',\n})\nexport class SallaAdvertisement {\n  /**\n  * Constructor for initializing the component.\n  */\n  constructor() {\n    salla.onReady(() => {\n      this.currentSlug = salla.config.get(\"page.slug\");\n    })\n\n    this.advSlot = this.host.querySelector('[slot=\"adv\"]')?.innerHTML || `<div class=\"s-advertisement-content\"><h2 class=\"s-advertisement-content-main\">{iconElem}{urlElem}</h2>{closeElem}</div>\n    `;\n  }\n  private readonly advSlot: string;\n  // State properties for managing component state\n  @State() position: string;\n  @State() advertisements: Advertisement[];\n  @State() advertIcon: string;\n  @State() currentSlug: string = salla.config.get(\"page.slug\");\n\n  @Element() private host: HTMLElement;\n\n\n  /**\n   * Checks whether an advertisement is marked as not visible/dismissed.\n   * @param advert - The advertisement to check.\n   * @returns True if the advertisement is not visible, false otherwise.\n   */\n  private isNotVisible(advert: Advertisement): boolean {\n    return !!salla.storage.get(`statusAd-${advert.id}`)\n  }\n\n  /**\n   * Sets a flag to control the visibility of an advertisement and triggers an animation when hiding it.\n   * @param advert - The advertisement to update.\n   * @param flag - The flag indicating whether to display or hide the advertisement.\n   */\n  private setCanDisplayFlag(advert: Advertisement, flag: boolean): void {\n    if (!flag) {\n      // Set the statusAd flag to 'dismissed'\n      salla.storage.set(`statusAd-${advert.id}`, 'dismissed');\n      // Trigger an animation to hide the advertisement\n      AnimeJS({\n        targets: this.host,\n        opacity: [1, 0],\n        duration: 300,\n        height: [this.host.clientHeight, 0],\n        easing: 'easeInOutQuad',\n      });\n    }\n  }\n\n  /**\n   * Renders the advertisements based on the fetched data and visibility status.\n   * @returns JSX for rendering advertisements.\n   */\n  render() {\n    if ((Array.isArray(this.advertisements) && !this.advertisements.length) || !this.advertisements) {\n      return;\n    }\n    return this.advertisements.map((advertisement: Advertisement) => {\n      return <div class={{ \"s-hidden\": this.isNotVisible(advertisement), 's-advertisement': true }} data-id={advertisement.id}\n        style={{ \"background-color\": advertisement.colors.bg, \"color\": advertisement.colors.text }}>\n        <div id=\"adv-slot\" innerHTML={\n          this.advSlot\n            // Replace the props with the advertisement data\n            // !Note: The props with the 'Elem' suffix are for internal use only.\n            .replace(\"{iconElem}\", `<i class=\"s-advertisement-content-icon ${advertisement.icon}\"></i>`)\n            .replace(\"{urlElem}\", advertisement.url ? `<a href=\"${advertisement.url}\" target=\"${advertisement.target}\">${advertisement.description}</a>` : advertisement.description)\n            .replace(\"{closeElem}\", `<button class=\"s-advertisement-action\" aria-label=\"close-alert\"><i class=\"sicon-cancel\"></i></button>`)\n            .replace('{icon}', advertisement.icon)\n            .replace('{url}', advertisement.url)\n            .replace('{target}', advertisement.target)\n            .replace('{description}', advertisement.description)\n            .replace('{bg_color}', advertisement.colors.bg)\n            .replace('{text_color}', advertisement.colors.text)\n        }></div>\n      </div>\n    }\n    );\n  }\n\n  /**\n  * Lifecycle method that fetches advertisements before the component is loaded.\n  */\n  componentWillLoad() {\n    // Fetch advertisements based on the current page\n    return (new Promise(resolve => salla.onReady(resolve)))\n      .then(() => salla.api.advertisement.fetch(this.currentSlug))\n      .then(resp => Array.isArray(resp.data) ? resp.data.find(ad => !salla.storage.get(`statusAd-${ad.id}`)) : null)\n      .then(ad => this.advertisements = ad ? [ad] : []);\n  }\n\n  componentDidRender() {\n    if ((Array.isArray(this.advertisements) && !this.advertisements.length) || !this.advertisements) {\n      return;\n    }\n    // Add event listener for the close button\n    setTimeout(() => {\n      let closeBtn = this.host.querySelector('.s-advertisement-action');\n      if (closeBtn) {\n        closeBtn.addEventListener('click', () => this.setCanDisplayFlag(this.advertisements[0], false));\n      }\n    });\n\n    // Reduce Dom size by removing the slot element\n    this.host.querySelectorAll('#adv-slot').forEach(el => el?.replaceWith(el?.firstChild));\n    this.host.querySelector('[slot=\"adv\"]')?.remove();\n\n    // Trigger an animation to show the advertisement\n    AnimeJS({\n      targets: this.host,\n      opacity: [0, 1],\n      duration: 300,\n      height: [0, this.host.clientHeight],\n      easing: 'easeInOutQuad',\n    });\n  }\n}\n"],"names":["AnimeJS"],"mappings":"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"}

package/dist/twilight/{p-3f5fc0ac.entry.js → p-7e1c3fd9.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as t,h as a,H as i,g as s}from"./p-Fh3juwdj.js";const e="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;border:unset !important;font-weight:500}.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(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !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);border:unset !important;font-family:inherit !important;font-weight:500}.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 !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.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,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;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;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,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-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,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}";const o=class{constructor(a){t(this,a);this.tabbyBorderRemoved=false;this.tabbyRemoveBorderTries=0;this.language=salla.config.get("user.language_code");this.currency=salla.config.get("user.currency_code");this.country=salla.config.get("user.country_code");this.installment_sheria_text=(t,a)=>salla.lang.get(t,a)}async componentWillLoad(){await salla.onReady();await salla.lang.onLoaded();this.currency=salla.config.get("user.currency_code")||"SAR";this.language=salla.config.get("user.language_code")||"ar";this.country=salla.config.get("user.country_code")||"SA";const t=[{key:"pages.products.installments",installments:3},{key:"pages.products.installments_emkan",installments:5}];t.forEach((t=>{this.installment_sheria_text(t.key,{payment:salla.money(parseFloat(this.price)),amount:salla.money((parseFloat(this.price)/t.installments).toFixed(2)).replace(/\.00$/,""),installments:t.installments})}));const a=salla.config.get("store.settings.installments");if(a){this.tamaraIsActive=a.tamara;this.tabbyIsActive=a.tabby;this.spotiiIsActive=a.spotii;this.mispayActive=a.mispay;this.emkanIsActive=a.emkan;this.madfuActive=a.madfu;this.rajehiIsActive=a.mokafaa_alrajhi}salla.event.on("product::price.updated",(({data:t})=>{if(!t.price||t.price==this.price){return}this.price=t.price;this.renderInstallments(true)}))}componentDidLoad(){this.renderInstallments()}render(){var t;const s=this.currency==="SAR";if(!this.isValidPrice(this.price)){return""}return a(i,null,this.tamaraIsActive&&(((t=this.tamaraIsActive)===null||t===void 0?void 0:t.publicKey)?a("div",{class:"mb-5"},a("tamara-widget",{type:"tamara-summary","inline-type":"2",amount:this.price})):a("div",{class:"tamara-product-widget","data-price":this.price,"data-currency":this.currency,"data-lang":this.language,"data-payment-type":"installment"})),this.tabbyIsActive?a("div",{id:"tabbyPromoWrapper"},a("div",{id:"tabbyPromo"})):"",this.spotiiIsActive?a("div",{class:"spotii-wrapper"},a("div",{class:"spotii-promo"})):"",this.shouldShowMispay()&&(this.mispayActive.publicKey?a("div",{class:"mb-5"},a("mispay-widget",{amount:this.price,lang:this.language})):a("div",{class:"s-installment-mispay-wrapper"},a("div",{class:"s-installment-mispay-content"},a("img",{src:salla.url.cdn("images/payment/png/mispay.png"),alt:"mispay"}),a("span",{class:"s-installment-mispay-content-text",innerHTML:this.installment_sheria_text("pages.products.installments",{payment:salla.money(parseFloat(this.price)),amount:salla.money((parseFloat(this.price)/4).toFixed(2)),installments:4})})))),this.emkanIsActive&&this.currency==="SAR"?a("div",{class:"s-installment-emkan-wrapper"},a("div",{class:"s-installment-emkan-content"},a("img",{src:salla.url.cdn("images/payment/png/emkan.png"),alt:"emkan"}),a("span",{class:"s-installment-emkan-content-text",innerHTML:this.installment_sheria_text("pages.products.installments_emkan",{payment:salla.money(parseFloat(this.price)),installments:5})}))):"",this.madfuActive&&this.currency==="SAR"?a("div",{class:"s-installment-madfu-wrapper"},a("div",{class:"s-installment-madfu-content"},a("img",{src:salla.url.cdn("images/payment/png/madfu.png"),alt:"madfu"}),a("span",{class:"s-installment-madfu-content-text"},salla.lang.get("pages.products.installments_madfu")))):"",s&&this.rajehiIsActive?a("div",{class:"s-installment-rajehi-wrapper"},a("div",{class:"s-installment-rajehi-content"},a("img",{src:salla.url.cdn("images/payment/png/mokafaa_alrajhi_loyalty.png"),alt:"mokafaa_alrajhi_loyalty"}),a("span",{class:"s-installment-rajehi-content-text"},salla.lang.get("pages.products.rajahi_earn_points",{points:Math.floor(+this.price*this.rajehiIsActive.pointsPerRiyal)})))):"")}renderInstallments(t=false){if(!this.isValidPrice(this.price)){return}if(this.tamaraIsActive){this.loadTamara({isUpdating:t})}if(this.tabbyIsActive){if(t){var a=this.host.querySelector("#tabbyPromoWrapper");if(a){a.remove()}var i=document.createElement("div");i.setAttribute("id","tabbyPromoWrapper");var s=document.createElement("div");s.setAttribute("id","tabbyPromo");i.appendChild(s);this.host.appendChild(i);var e=document.querySelector('script[src="https://checkout.tabby.ai/tabby-promo.js"]');if(e){e.remove()}}var o=document.createElement("script");o.setAttribute("src","https://checkout.tabby.ai/tabby-promo.js");document.head.appendChild(o);o.onload=()=>{const t=window.TabbyPromo;new t({selector:"#tabbyPromo",currency:this.currency,price:this.price,lang:this.language,publicKey:salla.config.get("store.settings.installments.tabby.publicKey"),merchantCode:salla.config.get("store.settings.installments.tabby.merchantCode")});document.querySelectorAll(".tabby-promo-snippet__logo").forEach((function(t){t.setAttribute("aria-label","Tabby Logo")}))};this.removeTabbyBorder()}if(this.spotiiIsActive){if(t){var r=this.host.querySelector(".spotii-wrapper");if(r){r.remove()}var n=document.createElement("div");n.classList.add("spotii-wrapper");var l=document.createElement("div");l.classList.add("spotii-promo");n.appendChild(l);this.host.appendChild(n);var p=document.querySelector('script[src="'+salla.url.cdn("js/price-widget-ar-salla.js")+'"]');if(p){p.remove()}}let a=salla.money((Number(this.price)/3).toFixed(2),false);let i=salla.config.get("theme.is_rtl",true);window.spotiiConfig={targetXPath:[".spotii-wrapper"],renderToPath:[".spotii-promo"],numberOfPayment:3,currency:this.currency,templateLine:"${textOne} ${number} ${textTwo} "+a+"${logo} ${info}",textOne:i?"جزء الدفع على":"Split it into",textTwo:i?"أقساط متساوية بدون تكاليف اضافية بقيمة":"payments of",textThree:"مع",price:this.price};var m=document.createElement("script");m.setAttribute("src",salla.url.cdn("js/price-widget-ar-salla.js"));document.head.appendChild(m)}if(this.shouldShowMispay()&&this.mispayActive.publicKey){this.loadExternalScript({position:"head",src:`https://widget.mispay.co/v1/sdk.js?authorize=${this.mispayActive.publicKey}`})}}isValidPrice(t){const a=/^\d+(\.\d{1,2})?$/;const i=a.test(t);const s=parseFloat(t)>0;return i&&s}loadExternalScript({src:t,onLoad:a,position:i}){const s=document.createElement("script");s.src=t;s.onload=a;document[i].appendChild(s)}loadTamara({isUpdating:t}){var a,i;const s=!!((a=this.tamaraIsActive)===null||a===void 0?void 0:a.publicKey);if(t){setTimeout((()=>{var t,a;if(s){return(t=window.TamaraWidgetV2)===null||t===void 0?void 0:t.refresh()}(a=window.TamaraProductWidget)===null||a===void 0?void 0:a.render()}),300)}else{if(s){const t=salla.config.get("user.language_code");const a=["ar","en"].includes(t)?t:"ar";const s=(i=this.currency)===null||i===void 0?void 0:i.slice(0,-1);const e=["SA","AE","KW","BH","OM","QA"].includes(s)?s:null;if(!e){console.error("Tamara: Country code is not supported",s)}else{window.tamaraWidgetConfig={lang:a,country:e,publicKey:this.tamaraIsActive.publicKey,style:{fontSize:"14px"}};this.loadExternalScript({position:"head",src:"https://cdn.tamara.co/widget-v2/tamara-widget.js"})}}else{this.loadExternalScript({position:"head",src:"https://cdn.tamara.co/widget/product-widget.min.js",onLoad:()=>{window.TamaraProductWidget.init({lang:this.language});setTimeout((()=>{window.TamaraProductWidget.render()}),300)}})}}}shouldShowMispay(){return this.currency==="SAR"&&this.mispayActive}removeTabbyBorder(){if(this.tabbyBorderRemoved||this.tabbyRemoveBorderTries>5){return}this.tabbyRemoveBorderTries++;setTimeout((()=>{let t=document.querySelector("#tabbyPromo>div>div");t=t&&t.shadowRoot?t.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]'):null;if(t){t.style="border: none; margin: 15px 0!important;";this.tabbyBorderRemoved=true}else{this.removeTabbyBorder()}}),this.tabbyRemoveBorderTries*500)}get host(){return s(this)}};o.style=e;export{o as salla_installment};
-//# sourceMappingURL=p-3f5fc0ac.entry.js.map
+import{r as t,h as a,H as i,g as s}from"./p-aC-cHVMV.js";const e="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;border:unset !important;font-weight:500}.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(--main-text-color);font-size:var(--font-sm);line-height:1.25;padding:20px 20px 20px 115px !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);border:unset !important;font-family:inherit !important;font-weight:500}.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 !important;top:35px !important;margin:0 !important;height:24px !important}.ltr .tamara-product-widget .tamara-logo{right:20px !important;left:auto !important}.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,.s-installment-madfu-wrapper,.s-installment-emkan-wrapper,.s-installment-rajehi-wrapper{font-size:14px;text-align:right;padding:20px;gap:42px;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;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,.s-installment-madfu-wrapper:hover,.s-installment-emkan-wrapper:hover,.s-installment-rajehi-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,.s-installment-madfu-content,.s-installment-emkan-content,.s-installment-rajehi-content{display:-ms-flexbox;display:flex;-ms-flex-direction:row-reverse;flex-direction:row-reverse;width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;gap:1rem}.s-installment-mispay-content-text,.s-installment-madfu-content-text,.s-installment-emkan-content-text,.s-installment-rajehi-content-text{color:var(--main-text-color);font-size:14px;font-weight:500;margin:0 16px 0 0;width:80%;left:14px;text-align:left}.s-installment-mispay-content img,.s-installment-madfu-content img,.s-installment-emkan-content img,.s-installment-rajehi-content img{height:28px;width:70px;display:inline-block;max-height:100%;vertical-align:middle;fill:none;stroke:unset;width:auto}.rtl .s-installment-mispay-content-text,.rtl .s-installment-madfu-content-text,.rtl .s-installment-emkan-content-text,.rtl .s-installment-rajehi-content-text{right:14px;text-align:right;margin:0 0 0 16px}.rtl .s-installment-mispay-content img,.rtl .s-installment-madfu-content img,.rtl .s-installment-emkan-content img,.rtl .s-installment-rajehi-content img{left:14px !important}.ltr .s-installment-mispay-content img,.ltr .s-installment-madfu-content img,.ltr .s-installment-emkan-content img,.ltr .s-installment-rajehi-content img{right:14px !important}.s-installment-rajehi-content img{width:70px !important;height:40px !important}.s-installment-emkan-content img{height:35px !important}";const o=class{constructor(a){t(this,a);this.tabbyBorderRemoved=false;this.tabbyRemoveBorderTries=0;this.language=salla.config.get("user.language_code");this.currency=salla.config.get("user.currency_code");this.country=salla.config.get("user.country_code");this.installment_sheria_text=(t,a)=>salla.lang.get(t,a)}async componentWillLoad(){await salla.onReady();await salla.lang.onLoaded();this.currency=salla.config.get("user.currency_code")||"SAR";this.language=salla.config.get("user.language_code")||"ar";this.country=salla.config.get("user.country_code")||"SA";const t=[{key:"pages.products.installments",installments:3},{key:"pages.products.installments_emkan",installments:5}];t.forEach((t=>{this.installment_sheria_text(t.key,{payment:salla.money(parseFloat(this.price)),amount:salla.money((parseFloat(this.price)/t.installments).toFixed(2)).replace(/\.00$/,""),installments:t.installments})}));const a=salla.config.get("store.settings.installments");if(a){this.tamaraIsActive=a.tamara;this.tabbyIsActive=a.tabby;this.spotiiIsActive=a.spotii;this.mispayActive=a.mispay;this.emkanIsActive=a.emkan;this.madfuActive=a.madfu;this.rajehiIsActive=a.mokafaa_alrajhi}salla.event.on("product::price.updated",(({data:t})=>{if(!t.price||t.price==this.price){return}this.price=t.price;this.renderInstallments(true)}))}componentDidLoad(){this.renderInstallments()}render(){var t;const s=this.currency==="SAR";if(!this.isValidPrice(this.price)){return""}return a(i,null,this.tamaraIsActive&&(((t=this.tamaraIsActive)===null||t===void 0?void 0:t.publicKey)?a("div",{class:"mb-5"},a("tamara-widget",{type:"tamara-summary","inline-type":"2",amount:this.price})):a("div",{class:"tamara-product-widget","data-price":this.price,"data-currency":this.currency,"data-lang":this.language,"data-payment-type":"installment"})),this.tabbyIsActive?a("div",{id:"tabbyPromoWrapper"},a("div",{id:"tabbyPromo"})):"",this.spotiiIsActive?a("div",{class:"spotii-wrapper"},a("div",{class:"spotii-promo"})):"",this.shouldShowMispay()&&(this.mispayActive.publicKey?a("div",{class:"mb-5"},a("mispay-widget",{amount:this.price,lang:this.language})):a("div",{class:"s-installment-mispay-wrapper"},a("div",{class:"s-installment-mispay-content"},a("img",{src:salla.url.cdn("images/payment/png/mispay.png"),alt:"mispay"}),a("span",{class:"s-installment-mispay-content-text",innerHTML:this.installment_sheria_text("pages.products.installments",{payment:salla.money(parseFloat(this.price)),amount:salla.money((parseFloat(this.price)/4).toFixed(2)),installments:4})})))),this.emkanIsActive&&this.currency==="SAR"?a("div",{class:"s-installment-emkan-wrapper"},a("div",{class:"s-installment-emkan-content"},a("img",{src:salla.url.cdn("images/payment/png/emkan.png"),alt:"emkan"}),a("span",{class:"s-installment-emkan-content-text",innerHTML:this.installment_sheria_text("pages.products.installments_emkan",{payment:salla.money(parseFloat(this.price)),installments:5})}))):"",this.madfuActive&&this.currency==="SAR"?a("div",{class:"s-installment-madfu-wrapper"},a("div",{class:"s-installment-madfu-content"},a("img",{src:salla.url.cdn("images/payment/png/madfu.png"),alt:"madfu"}),a("span",{class:"s-installment-madfu-content-text"},salla.lang.get("pages.products.installments_madfu")))):"",s&&this.rajehiIsActive?a("div",{class:"s-installment-rajehi-wrapper"},a("div",{class:"s-installment-rajehi-content"},a("img",{src:salla.url.cdn("images/payment/png/mokafaa_alrajhi_loyalty.png"),alt:"mokafaa_alrajhi_loyalty"}),a("span",{class:"s-installment-rajehi-content-text"},salla.lang.get("pages.products.rajahi_earn_points",{points:Math.floor(+this.price*this.rajehiIsActive.pointsPerRiyal)})))):"")}renderInstallments(t=false){if(!this.isValidPrice(this.price)){return}if(this.tamaraIsActive){this.loadTamara({isUpdating:t})}if(this.tabbyIsActive){if(t){var a=this.host.querySelector("#tabbyPromoWrapper");if(a){a.remove()}var i=document.createElement("div");i.setAttribute("id","tabbyPromoWrapper");var s=document.createElement("div");s.setAttribute("id","tabbyPromo");i.appendChild(s);this.host.appendChild(i);var e=document.querySelector('script[src="https://checkout.tabby.ai/tabby-promo.js"]');if(e){e.remove()}}var o=document.createElement("script");o.setAttribute("src","https://checkout.tabby.ai/tabby-promo.js");document.head.appendChild(o);o.onload=()=>{const t=window.TabbyPromo;new t({selector:"#tabbyPromo",currency:this.currency,price:this.price,lang:this.language,publicKey:salla.config.get("store.settings.installments.tabby.publicKey"),merchantCode:salla.config.get("store.settings.installments.tabby.merchantCode")});document.querySelectorAll(".tabby-promo-snippet__logo").forEach((function(t){t.setAttribute("aria-label","Tabby Logo")}))};this.removeTabbyBorder()}if(this.spotiiIsActive){if(t){var r=this.host.querySelector(".spotii-wrapper");if(r){r.remove()}var n=document.createElement("div");n.classList.add("spotii-wrapper");var l=document.createElement("div");l.classList.add("spotii-promo");n.appendChild(l);this.host.appendChild(n);var p=document.querySelector('script[src="'+salla.url.cdn("js/price-widget-ar-salla.js")+'"]');if(p){p.remove()}}let a=salla.money((Number(this.price)/3).toFixed(2),false);let i=salla.config.get("theme.is_rtl",true);window.spotiiConfig={targetXPath:[".spotii-wrapper"],renderToPath:[".spotii-promo"],numberOfPayment:3,currency:this.currency,templateLine:"${textOne} ${number} ${textTwo} "+a+"${logo} ${info}",textOne:i?"جزء الدفع على":"Split it into",textTwo:i?"أقساط متساوية بدون تكاليف اضافية بقيمة":"payments of",textThree:"مع",price:this.price};var m=document.createElement("script");m.setAttribute("src",salla.url.cdn("js/price-widget-ar-salla.js"));document.head.appendChild(m)}if(this.shouldShowMispay()&&this.mispayActive.publicKey){this.loadExternalScript({position:"head",src:`https://widget.mispay.co/v1/sdk.js?authorize=${this.mispayActive.publicKey}`})}}isValidPrice(t){const a=/^\d+(\.\d{1,2})?$/;const i=a.test(t);const s=parseFloat(t)>0;return i&&s}loadExternalScript({src:t,onLoad:a,position:i}){const s=document.createElement("script");s.src=t;s.onload=a;document[i].appendChild(s)}loadTamara({isUpdating:t}){var a,i;const s=!!((a=this.tamaraIsActive)===null||a===void 0?void 0:a.publicKey);if(t){setTimeout((()=>{var t,a;if(s){return(t=window.TamaraWidgetV2)===null||t===void 0?void 0:t.refresh()}(a=window.TamaraProductWidget)===null||a===void 0?void 0:a.render()}),300)}else{if(s){const t=salla.config.get("user.language_code");const a=["ar","en"].includes(t)?t:"ar";const s=(i=this.currency)===null||i===void 0?void 0:i.slice(0,-1);const e=["SA","AE","KW","BH","OM","QA"].includes(s)?s:null;if(!e){console.error("Tamara: Country code is not supported",s)}else{window.tamaraWidgetConfig={lang:a,country:e,publicKey:this.tamaraIsActive.publicKey,style:{fontSize:"14px"}};this.loadExternalScript({position:"head",src:"https://cdn.tamara.co/widget-v2/tamara-widget.js"})}}else{this.loadExternalScript({position:"head",src:"https://cdn.tamara.co/widget/product-widget.min.js",onLoad:()=>{window.TamaraProductWidget.init({lang:this.language});setTimeout((()=>{window.TamaraProductWidget.render()}),300)}})}}}shouldShowMispay(){return this.currency==="SAR"&&this.mispayActive}removeTabbyBorder(){if(this.tabbyBorderRemoved||this.tabbyRemoveBorderTries>5){return}this.tabbyRemoveBorderTries++;setTimeout((()=>{let t=document.querySelector("#tabbyPromo>div>div");t=t&&t.shadowRoot?t.shadowRoot.querySelector('div[class^="styles__tabby-promo-snippet--"]'):null;if(t){t.style="border: none; margin: 15px 0!important;";this.tabbyBorderRemoved=true}else{this.removeTabbyBorder()}}),this.tabbyRemoveBorderTries*500)}get host(){return s(this)}};o.style=e;export{o as salla_installment};
+//# sourceMappingURL=p-7e1c3fd9.entry.js.map

package/dist/twilight/{p-ef1c9026.system.entry.js → p-7f9f9400.system.entry.js}

@@ -1,5 +1,5 @@
 var __awaiter=this&&this.__awaiter||function(t,n,i,o){function r(t){return t instanceof i?t:new i((function(n){n(t)}))}return new(i||(i=Promise))((function(i,e){function a(t){try{u(o.next(t))}catch(t){e(t)}}function s(t){try{u(o["throw"](t))}catch(t){e(t)}}function u(t){t.done?i(t.value):r(t.value).then(a,s)}u((o=o.apply(t,n||[])).next())}))};var __generator=this&&this.__generator||function(t,n){var i={label:0,sent:function(){if(e[0]&1)throw e[1];return e[1]},trys:[],ops:[]},o,r,e,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(t){return function(n){return u([t,n])}}function u(s){if(o)throw new TypeError("Generator is already executing.");while(a&&(a=0,s[0]&&(i=0)),i)try{if(o=1,r&&(e=s[0]&2?r["return"]:s[0]?r["throw"]||((e=r["return"])&&e.call(r),0):r.next)&&!(e=e.call(r,s[1])).done)return e;if(r=0,e)s=[s[0]&2,e.value];switch(s[0]){case 0:case 1:e=s;break;case 4:i.label++;return{value:s[1],done:false};case 5:i.label++;r=s[1];s=[0];continue;case 7:s=i.ops.pop();i.trys.pop();continue;default:if(!(e=i.trys,e=e.length>0&&e[e.length-1])&&(s[0]===6||s[0]===2)){i=0;continue}if(s[0]===3&&(!e||s[1]>e[0]&&s[1]<e[3])){i.label=s[1];break}if(s[0]===6&&i.label<e[1]){i.label=e[1];e=s;break}if(e&&i.label<e[2]){i.label=e[2];i.ops.push(s);break}if(e[2])i.ops.pop();i.trys.pop();continue}s=n.call(t,i)}catch(t){s=[6,t];r=0}finally{o=e=0}if(s[0]&5)throw s[1];return{value:s[0]?s[1]:void 0,done:true}}};
 /*!
  * Crafted with ❤ by Salla
- */System.register(["./p-CXK1rNlC.system.js","./p-Dxc5oJG6.system.js","./p-DTevZS21.system.js"],(function(t){"use strict";var n,i,o,r,e,a,s;return{setters:[function(t){n=t.r;i=t.c;o=t.h;r=t.H;e=t.g},function(t){a=t.I},function(t){s=t.C}],execute:function(){var u;(function(t){t["COLOR"]="color";t["DATE"]="date";t["DATETIME"]="datetime";t["DONATION"]="donation";t["IMAGE"]="image";t["MULTIPLE_OPTIONS"]="multiple-options";t["NUMBER"]="number";t["SINGLE_OPTION"]="single-option";t["DIGITAL_CARD_VALUE"]="digital-code-value";t["COUNTRY"]="country";t["SPLITTER"]="splitter";t["TEXT"]="text";t["TEXTAREA"]="textarea";t["THUMBNAIL"]="thumbnail";t["TIME"]="time";t["RADIO"]="radio";t["CHECKBOX"]="checkbox";t["MAP"]="map";t["FILE"]="file";t["COLOR_PICKER"]="color_picker";t["BOOKING"]="booking"})(u||(u={}));var c;(function(t){t["Sar"]="SAR"})(c||(c={}));var l='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>file-upload</title>\n<path d="M21.333 24c0.341 0 0.683-0.131 0.943-0.391 0.521-0.521 0.521-1.364 0-1.885l-5.333-5.333c-0.123-0.123-0.271-0.22-0.433-0.288-0.327-0.135-0.693-0.135-1.019 0-0.163 0.068-0.311 0.165-0.433 0.288l-5.333 5.333c-0.521 0.521-0.521 1.364 0 1.885s1.364 0.521 1.885 0l3.057-3.057v10.115c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-10.115l3.057 3.057c0.26 0.26 0.601 0.391 0.943 0.391zM28.943 9.724l-9.333-9.333c-0.249-0.251-0.589-0.391-0.943-0.391h-12c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h4c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-4c-0.735 0-1.333-0.599-1.333-1.333v-24c0-0.735 0.599-1.333 1.333-1.333h11.448l8.552 8.552v16.781c0 0.735-0.599 1.333-1.333 1.333h-4c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h4c2.205 0 4-1.795 4-4v-17.333c0-0.353-0.14-0.693-0.391-0.943z"></path>\n</svg>\n';var d="";var p=t("salla_product_options",function(){function t(t){var r=this;n(this,t);this.changed=i(this,"changed");this.fileTypes={pdf:"application/pdf",png:"image/png",jpg:"image/jpeg",word:"application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",exl:"application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",txt:"text/plain"};this.outOfStockText="";this.donationAmount=salla.lang.get("pages.products.donation_amount");this.selectDonationAmount=salla.lang.getWithDefault("pages.products.select_donation_amount","تحديد مبلغ التبرع");this.selectAmount=salla.lang.getWithDefault("pages.products.select_amount","اختر المبلغ");this.isCustomDonation=false;this.selectedOptions=[];this.disableCardValue=true;this.availableDigitalCardValues=[];this.outSkus=[];this.ignoreDefaultCardValue=false;this.productId=salla.config.get("page.id");this.handleDonationOptions=function(t,n,i){if(n==="custom"&&i==="input"){salla.helpers.inputDigitsOnly(t.target);salla.event.emit("product-options::donation-changed",{id:r.productId,price:t.target.value});return}t.preventDefault();t.stopPropagation();r.isCustomDonation=t.target.value==="custom";if(r.donationInput){if(t.target.value==="custom"){r.donationInput.value="";r.donationInput.focus()}else{r.donationInput.value=t.target.value}if(n==="custom"){return}salla.event.emit("product-options::donation-changed",{id:r.productId,price:t.target.value})}};this.hideLabel=function(t){if(t.type===u.DONATION&&(t.donation&&!t.donation.can_donate)){return true}return false};this.getExpireDonationMessage=function(t){if(!t.donation){return}var n=t.donation.target_amount<=t.donation.collected_amount;return o("div",{class:{"s-product-options-donation-message":true,"s-product-options-donation-completed":n,"s-product-options-donation-expired":!n}},o("p",null,t.donation.target_message),o("span",{innerHTML:n?salla.money(t.donation.target_amount):""}))};this.canDisabled=!salla.config.get("store.settings.product.notify_options_availability")||salla.url.is_page("cart");salla.lang.onLoaded((function(){r.outOfStockText=salla.lang.get("pages.products.out_of_stock");r.donationAmount=salla.lang.get("pages.products.donation_amount");r.selectDonationAmount=salla.lang.getWithDefault("pages.products.select_donation_amount","تحديد مبلغ التبرع");r.selectAmount=salla.lang.getWithDefault("pages.products.select_amount","اختر المبلغ")}));if(this.options){try{this.setOptionsData(Array.isArray(this.options)?this.options:JSON.parse(this.options));return}catch(t){salla.log("Bad json passed via options prop")}}if(!Array.isArray(this.optionsData)){salla.log("Options is not an array[] ---\x3e ",this.optionsData);this.setOptionsData([])}if(this.productId&&!salla.url.is_page("cart")){salla.api.product.getDetails(this.productId,["options"]).then((function(t){return r.setOptionsData(t.data.options)}))}}t.prototype.setOptionsData=function(t){return __awaiter(this,void 0,void 0,(function(){var n,i,o;return __generator(this,(function(r){this.optionsData=t;o=this;(i=(n=this.optionsData[0])===null||n===void 0?void 0:n.details)===null||i===void 0?void 0:i.forEach((function(t){Object.entries(t.skus_availability||{}).filter((function(t){return!t[1]})).map((function(t){return o.outSkus.push(Number(t[0]))}))}));return[2]}))}))};t.prototype.getSelectedOptionsData=function(){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(i){t={};n=this.host.getElementSallaData();n.forEach((function(n,i){if(i.startsWith("options[")){t[i.replace("options[","").replace("]","")]=n}}));return[2,t]}))}))};t.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,i;return __generator(this,(function(o){t=this.host.querySelectorAll("[required]");n=true;for(i=0;i<t.length;i++){if("reportValidity"in t[i]&&!t[i].reportValidity()){n=false}}return[2,n]}))}))};t.prototype.hasOutOfStockOption=function(){return __awaiter(this,void 0,void 0,(function(){var t,n;var i=this;return __generator(this,(function(o){return[2,this.selectedOptions.some((function(t){return t.is_out}))||((t=this.selectedSkus)===null||t===void 0?void 0:t.length)&&((n=this.selectedSkus)===null||n===void 0?void 0:n.every((function(t){return i.outSkus.includes(t)})))]}))}))};t.prototype.getSelectedOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.selectedOptions]}))}))};t.prototype.getOption=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,this.optionsData.find((function(n){return n.id===t}))]}))}))};t.prototype.invalidHandler=function(t,n){var i=t.target.closest(".s-product-options-option");if(!i.classList.contains("s-product-options-option-error")){i.classList.add("s-product-options-option-error")}if(!salla.url.is_page("cart")){var o=this.host.querySelector(".s-product-options-option-error");if(o===i){this.scrollToElement(i)}}};t.prototype.scrollToElement=function(t){if(t){t.scrollIntoView({behavior:"smooth",block:"center"})}};t.prototype.changedHandler=function(t,n,i){var o=this;if(i===void 0){i=true}var r={event:t,option:n,detail:null,productId:this.productId};if(n.details){var e=n.details.find((function(n){return Number(n.id)===Number(t.target.value)}));r.detail=e}if(n.type==="country"){this.handleCountryOptionChange(t,r.detail)}var a=t.target.closest(".s-product-options-option");if(t.target.value||(n.type===u.FILE||n.type===u.IMAGE)&&t.type==="added"||n.type===u.MAP&&t.type==="selected"&&(t.target.lat&&t.target.lng)){setTimeout((function(){a.classList.remove("s-product-options-option-error")}),200)}if(n.type===u.DONATION){salla.event.emit("product-options::donation-changed",{id:this.productId,price:t.target.value})}this.setSelectedSkus();this.handleRequiredMultipleOptions(n);var s=this.selectedOptions.findIndex((function(t){return t.option_id===r.option.id}));if(r.option.type===u.MULTIPLE_OPTIONS){var c=this.selectedOptions.findIndex((function(t){var n;return t.option_id===r.option.id&&(t===null||t===void 0?void 0:t.id)===((n=r.detail)===null||n===void 0?void 0:n.id)}));if(c>-1){this.selectedOptions.splice(c,1)}else{this.selectedOptions.push(Object.assign(Object.assign({},r.detail),{option_id:r.option.id}))}}else{if(!r.detail||Object.keys(r.detail).length===0){if(s>-1){this.selectedOptions.splice(s,1)}}else{if(s>-1){this.selectedOptions[s]=Object.assign(Object.assign({},r.detail),{option_id:r.option.id})}else{this.selectedOptions.push(Object.assign(Object.assign({},r.detail),{option_id:r.option.id}))}}}this.optionsData=this.optionsData.map((function(t){if(t.id===r.option.id){return Object.assign(Object.assign({},t),{details:t.details.map((function(t){var n,i;return Object.assign(Object.assign({},t),{is_selected:r.option.type===u.MULTIPLE_OPTIONS?o.selectedOptions.some((function(n){return n.id===t.id})):Number(t.id)===Number((n=r.detail)===null||n===void 0?void 0:n.id),value:(i=r.detail)===null||i===void 0?void 0:i.value})}))})}return t}));if(i){this.changed.emit(r);salla.event.emit("product-options::change",r)}};t.prototype.setSelectedSkus=function(){this.selectedSkus=this.selectedOptions.map((function(t){return Object.keys(t.skus_availability||{})})).reduce((function(t,n){return t.filter((function(t){return n.includes(t)}))}),[]).map((function(t){return Number(t)}))};t.prototype.handleRequiredMultipleOptions=function(t){if(t.type!==u.MULTIPLE_OPTIONS||!t.required){return}var n=this.host.querySelector('[data-option-id="'.concat(t.id,'"]'));var i=n.querySelectorAll("input:checked").length;n.querySelectorAll("input").forEach((function(t){return t.toggleAttribute("required",!i)}))};t.prototype.getLatLng=function(t,n){return t?t.split(",")[n==="lat"?0:1]:""};t.prototype.getDisplayForType=function(t){var n=this;if(this["".concat(t.type,"Option")]){return this["".concat(t.type,"Option")](t)}if(t.type===u.COLOR_PICKER){return this.colorPickerOption(t)}if(t.type===u.MULTIPLE_OPTIONS){return this.multipleOptions(t)}if(t.type===u.SINGLE_OPTION){return this.singleOption(t)}if(t.type===u.DIGITAL_CARD_VALUE){return this.digitalCardValuesOption(t)}if(t.type===u.COUNTRY){return this.countryOption(t)}if(t.type===u.BOOKING&&salla.url.is_page("cart")){return o("salla-booking-field",{onInvalidInput:function(i){return n.invalidHandler(i,t)},option:t,productId:t.value})}salla.log("Couldn't find options type(".concat(t.type,")😢"));return""};t.prototype.getOptionShownWhen=function(t){return t.visibility_condition?{"data-show-when":"options[".concat(t.visibility_condition.option,"] ").concat(t.visibility_condition.operator," ").concat(t.visibility_condition.value)}:{}};t.prototype.getAvailableDigitalCardSKUs=function(t){var n=this.optionsData.find((function(t){var n=t.type;return n==="digital-code-value"}));if(!n)throw new Error("product-options:: No digital card options found");var i=Object.keys(t.skus_availability).filter((function(n){return t.skus_availability[n]===false}));this.availableDigitalCardValues=n.details.filter((function(t){return!Object.keys(t.skus_availability).filter((function(t){return i.includes(t)})).length}))};t.prototype.handleCountryOptionChange=function(t,n){t.stopImmediatePropagation();this.ignoreDefaultCardValue=true;var i=this.host.querySelector("input[data-code-value]:checked");if(i)i.checked=false;var o=this.optionsData.find((function(t){var n=t.type;return n==="digital-code-value"}));if(!o)throw new Error("product-options:: No digital card options found");this.getAvailableDigitalCardSKUs(n)};t.prototype.getSelectedDigitalCardOptions=function(t){var n=t.details.find((function(t){return t.is_selected}));var i=t.details.find((function(t){return!!t.is_default}))||t.details[0];if(!["digital-code-value","country"].includes(t.type))return;return n||i};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,i,o;return __generator(this,(function(r){switch(r.label){case 0:if(salla.url.is_page("cart")){this.disableCardValue=false;this.fillSelectedOptions()}if(this.config){try{this.optionConfig=typeof this.config==="string"?JSON.parse(this.config):this.config}catch(t){console.error("Failed to parse JSON in config prop:",t)}}t=this.optionsData.filter((function(t){var n=t.type;return["country","digital-card-value"].includes(n)})).length>0&&salla.url.is_page("cart");if(t){n=this.optionsData.find((function(t){return t.type==="country"}));i=n&&this.getSelectedDigitalCardOptions(n);if(i){this.getAvailableDigitalCardSKUs(i)}}this.outOfStockText=salla.lang.get("pages.products.out_of_stock");return[4,salla.onReady()];case 1:r.sent();document.addEventListener("paste",this.handlePaste.bind(this));o=!salla.storage.get("cart.id")&&this.optionsData.some((function(t){return["file","image"].includes(t.type)}));return[2,o?salla.api.cart.getCurrentCartId(false,"salla-product-options"):null]}}))}))};t.prototype.handlePaste=function(t){var n;var i=t.target;if(!Salla.config.get("store.settings.content_copyright")||!Salla.helpers.hasApplePay()||!(i instanceof HTMLInputElement||i instanceof HTMLTextAreaElement)||!i.classList.contains("s-form-control")||!i.name.startsWith("options[")){return}t.preventDefault();var o=((n=t.clipboardData)===null||n===void 0?void 0:n.getData("text"))||"";var r=i.selectionStart;var e=i.selectionEnd;var a=i.value.slice(0,r)+o+i.value.slice(e);i.value=a;i.setSelectionRange(r+o.length,r+o.length)};t.prototype.hideDigitalCardsOptions=function(t){return this.disableCardValue&&t.type===u.DIGITAL_CARD_VALUE&&!salla.url.is_page("cart")};t.prototype.render=function(){var t=this;var n;if(((n=this.optionsData)===null||n===void 0?void 0:n.length)===0){return}return o(r,{class:"s-product-options-wrapper"},o("salla-conditional-fields",null,this.optionsData.map((function(n){return o("div",Object.assign({key:n.id,class:"s-product-options-option-container".concat(n.visibility_condition||t.hideDigitalCardsOptions(n)?" hidden":""),"data-option-id":n.id},t.getOptionShownWhen(n)),n.name==="splitter"?t.splitterOption():o("div",{class:{"s-product-options-option":true,"s-product-options-option-booking":n.type===u.BOOKING&&salla.url.is_page("cart")},"data-option-type":n.type,"data-option-required":"".concat(n.required)},o("label",{htmlFor:"options[".concat(n.id,"]"),class:"s-product-options-option-label ".concat(t.hideLabel(n)?"s-product-options-option-label-hidden":"")},o("b",null,n.name,n.required&&o("span",null," * ")," "),o("small",null,n.placeholder)),o("div",{class:"s-product-options-option-content ".concat(t.hideLabel(n)||n.type===u.BOOKING&&salla.url.is_page("cart")?"s-product-options-option-content-full-width":"")},t.getDisplayForType(n))))}))))};t.prototype.generateUniqueKey=function(t){return this.uniqueKey?"".concat(t,"-").concat(this.uniqueKey):t};t.prototype.fillSelectedOptions=function(){this.selectedOptions=this.optionsData.reduce((function(t,n){var i=n.details.filter((function(t){return t.is_selected}));var o=i.map((function(t){return Object.assign(Object.assign({},t),{option_id:n.id})}));return t.concat(o)}),[])};t.prototype.componentDidLoad=function(){var t=this;var n,i;if(((n=this.optionsData)===null||n===void 0?void 0:n.length)===0&&!this.optionsData.some((function(t){return t.type===u.DONATION}))){return}var o=(i=this.optionsData.find((function(t){return t.type===u.DONATION})))===null||i===void 0?void 0:i.details.find((function(t){return t.is_selected}));if(!o){return}setTimeout((function(){salla.event.emit("product-options::donation-changed",{id:t.productId,price:o.additional_price})}),1e3)};t.prototype.donationOption=function(t,n){var i=this;var r,e;return o("div",{class:"s-product-options-donation-wrapper"},((r=t.donation)===null||r===void 0?void 0:r.can_donate)?[t.donation?o("div",{key:t.id,class:"s-product-options-donation-progress"},o("salla-progress-bar",{donation:t.donation})):"",t.details.length?[o("h4",{key:t.id},this.selectAmount),o("div",{key:t.id,class:"s-product-options-donation-options"},t.details.map((function(n,r){return o("div",{key:t.id,class:"s-product-options-donation-options-item"},o("input",{id:i.generateUniqueKey("donation-option-".concat(r)),type:"radio",name:"donating_option",checked:n.is_selected,value:n.additional_price,onChange:function(t){return i.handleDonationOptions(t,n,"option")}}),o("label",{htmlFor:i.generateUniqueKey("donation-option-".concat(r))},o("span",{innerHTML:salla.money(n.name)})))})),((e=t.donation)===null||e===void 0?void 0:e.custom_amount_enabled)?o("div",{class:"s-product-options-donation-options-item"},o("input",{id:this.generateUniqueKey("donation-option-custom"),type:"radio",name:"donating_option",value:"custom",onChange:function(t){return i.handleDonationOptions(t,"custom","option")}}),o("label",{htmlFor:this.generateUniqueKey("donation-option-custom")},o("span",null," ",this.selectDonationAmount," "))):"")]:"",o("div",{key:t.id,class:{"s-product-options-donation-input-group":true,shown:!t.details.length||t.details.length&&this.isCustomDonation}},o("input",{type:"text",id:"donating-amount",name:"donation_amount",class:"s-form-control",ref:function(t){i.donationInput=t},value:t.details.length&&t.details.some((function(t){return t.is_selected}))?t.details.find((function(t){return t.is_selected})).additional_price:t.value,placeholder:t.placeholder,onInput:function(t){return i.handleDonationOptions(t,"custom","input")},onBlur:function(n){return i.changedHandler(n,t)},onInvalid:function(n){return i.invalidHandler(n,t)}}),o("span",{class:"s-product-options-donation-amount-currency"},salla.config.currency(salla.config.get("user.currency_code")).symbol))]:this.getExpireDonationMessage(t))};t.prototype.fileUploader=function(t,n){var i=this;if(n===void 0){n=null}var r;return o("salla-file-upload",Object.assign({},n||{},{"payload-name":"file",value:t.value,"instant-upload":true,name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,height:"120px",onAdded:function(n){return i.changedHandler(n,t)},url:salla.cart.api.getUploadImageEndpoint(),"form-data":{cart_item_id:this.productId,product_id:this.productId},onInvalidInput:function(n){return i.invalidHandler(n,t)},class:{"s-product-options-image-input":true,required:t.required}}),o("div",{class:"s-product-options-filepond-placeholder"},o("span",{class:"s-product-options-filepond-placeholder-icon",innerHTML:((r=n.accept)===null||r===void 0?void 0:r.split(",").every((function(t){return t.includes("image")})))?s:l}),o("p",{class:"s-product-options-filepond-placeholder-text"},salla.lang.get("common.uploader.drag_and_drop")),o("span",{class:"filepond--label-action"},salla.lang.get("common.uploader.browse"))))};t.prototype.imageOption=function(t){return this.fileUploader(t,{accept:"image/png,image/jpeg,image/jpg,image/gif"})};t.prototype.fileOption=function(t){var n=this;var i=t.details.map((function(t){return n.fileTypes[t.name]})).filter(Boolean);return(i===null||i===void 0?void 0:i.length)?this.fileUploader(t,{accept:i.join(",")}):"File types not selected."};t.prototype.numberOption=function(t){var n=this;return o("input",{type:"text",value:t.value,class:"s-form-control",required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onBlur:function(i){return n.changedHandler(i,t)},onInvalid:function(i){return n.invalidHandler(i,t)},onInput:function(t){return salla.helpers.inputDigitsOnly(t.target)}})};t.prototype.splitterOption=function(){return o("div",{class:"s-product-options-splitter"})};t.prototype.textOption=function(t){var n=this;return o("div",{class:"s-product-options-text"},o("input",{type:"text",value:t.value,maxLength:t===null||t===void 0?void 0:t.length,class:"s-form-control",required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}}))};t.prototype.textareaOption=function(t){var n=this;return o("div",{class:"s-product-options-textarea"},o("div",{class:"mt-1"},o("textarea",{rows:4,value:t.value,maxLength:t===null||t===void 0?void 0:t.length,class:"s-form-control",required:!t.visibility_condition&&t.required,id:"options[".concat(t.id,"]"),name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}})))};t.prototype.mapOption=function(t){var n=this;return o("salla-map",{zoom:15,lat:this.getLatLng(t.value,"lat"),lng:this.getLatLng(t.value,"lng"),name:"options[".concat(t.id,"]"),searchable:true,required:t.required,onInvalidInput:function(i){return n.invalidHandler(i,t)},onSelected:function(i){return n.changedHandler(i,t)}})};t.prototype.colorPickerOption=function(t){var n=this;return o("salla-color-picker",{onSubmitted:function(i){return n.changedHandler(i,t)},name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,onInvalidInput:function(i){return n.invalidHandler(i,t)},color:t.value})};t.prototype.timeOption=function(t){var n=this;return o("salla-datetime-picker",{noCalendar:true,enableTime:true,dateFormat:"h:i K",value:t.value,placeholder:t.name,required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),class:"s-product-options-time-element",onInvalidInput:function(i){return n.invalidHandler(i,t)},onPicked:function(i){return n.changedHandler(i,t)}})};t.prototype.dateOption=function(t){var n=this;return o("div",{class:"s-product-options-date-element"},o("salla-datetime-picker",{value:t.value,placeholder:t.name,required:!t.visibility_condition&&t.required,minDate:new Date,name:"options[".concat(t.id,"]"),onInvalidInput:function(i){return n.invalidHandler(i,t)},onPicked:function(i){return n.changedHandler(i,t)}}))};t.prototype.datetimeOption=function(t){var n=this;return o("div",{class:"s-product-options-datetime-element"},o("salla-datetime-picker",{enableTime:true,value:t.value,dateFormat:"Y-m-d G:i:K",placeholder:t.name,required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),maxDate:t.to_date_time,minDate:t.from_date_time,onInvalidInput:function(i){return n.invalidHandler(i,t)},onPicked:function(i){return n.changedHandler(i,t)}}))};t.prototype.getOptionDetailName=function(t,n,i){if(n===void 0){n=true}var o;var r;if(i&&i===u.COLOR){r=t.name+(n&&this.isOptionDetailOut(t)&&!salla.url.is_page("cart")&&!this.hideOutLabel?" <br/> <p> ".concat(this.outOfStockText," </p>"):"")+(t.additional_price?" <p> (".concat(salla.money(t.additional_price,false),") </p>"):"")}if(!r){r=t.name+(n&&this.isOptionDetailOut(t)&&!salla.url.is_page("cart")&&!this.hideOutLabel?" - ".concat(this.outOfStockText):"")+(t.additional_price?" (".concat(salla.money(t.additional_price,false),")"):"")}return r.replace("<i class=sicon-sar></i>",((o=salla.config.currency())===null||o===void 0?void 0:o.symbol)||"ر.س")};t.prototype.isOptionDetailOut=function(t){var n=this;var i;if(t.is_out||!t.skus_availability||!((i=this.selectedSkus)===null||i===void 0?void 0:i.length)){return t.is_out}var o=this.selectedOptions.filter((function(n){return n.id===t.id})).length;if(o&&this.selectedOptions.length===1){return false}if(o){var r=this.selectedSkus.filter((function(t){return n.outSkus.includes(t)}));return Object.keys(t.skus_availability).some((function(t){return r.includes(Number(t))}))}return this.selectedOptions.some((function(n){return n.is_out&&n.option_id!==t.option_id}))};t.prototype.renderInput=function(t,n,i,r,e,a){var s=this;var u=this.generateUniqueKey("".concat(t,"-").concat(i.id,"-").concat(n.id));var c=this.isOptionDetailOut(n);return o("label",{class:{"s-product-options-disabled":c}},o("input",{id:u,type:t,name:e,value:n.id,disabled:c,required:r,checked:n.is_selected,onInvalid:function(t){return s.invalidHandler(t,i)},onChange:function(t){return s.changedHandler(t,i)}}),o("div",{class:{"s-product-options-grid-mode-span":a,"s-product-options-disabled":c}},this.getOptionDetailName(n)))};t.prototype.renderOptionDetails=function(t,n,i,o){var r=this;if(o===void 0){o=false}var e=t==="radio"?"options[".concat(n.id,"]"):"options[".concat(n.id,"][]");return n===null||n===void 0?void 0:n.details.map((function(a){return r.renderInput(t,a,n,i,e,o)}))};t.prototype.renderSelect=function(t){var n=this;return o("div",null,o("select",{name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,class:"s-form-control",onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}},o("option",{value:""},t.placeholder),t===null||t===void 0?void 0:t.details.map((function(t){return o("option",{key:t.id,value:t.id,disabled:n.canDisabled&&n.isOptionDetailOut(t),selected:t.is_selected},n.getOptionDetailName(t))}))))};t.prototype.renderButtonStyle=function(t,n,i){return o("div",{class:"s-product-options-grid-mode"},this.renderOptionDetails(t,n,i,true))};t.prototype.singleOption=function(t){var n,i;var o=((i=(n=this.optionConfig)===null||n===void 0?void 0:n["single-option"])===null||i===void 0?void 0:i.type)==="button";var r=!t.visibility_condition&&t.required;return o?this.renderButtonStyle("radio",t,r):this.renderSelect(t)};t.prototype.multipleOptions=function(t){var n,i;var r=((i=(n=this.optionConfig)===null||n===void 0?void 0:n["multiple-option"])===null||i===void 0?void 0:i.type)==="button";var e=t.required&&!t.details.some((function(t){return t.is_selected}))&&!t.visibility_condition;return r?this.renderButtonStyle("checkbox",t,e):o("div",{class:{"s-product-options-multiple-options-wrapper":true,required:t.required}},this.renderOptionDetails("checkbox",t,e))};t.prototype.colorOption=function(t){var n=this;return o("fieldset",{class:"s-product-options-colors-wrapper"},t===null||t===void 0?void 0:t.details.map((function(i){return o("div",{class:"s-product-options-colors-item",key:i.id},o("input",{type:"radio",value:i.id,required:!t.visibility_condition&&t.required,checked:i.is_selected,name:"options[".concat(t.id,"]"),disabled:n.canDisabled&&n.isOptionDetailOut(i),id:n.generateUniqueKey("color-".concat(n.productId,"-").concat(t.id,"-").concat(i.id)),onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}}),o("label",{htmlFor:n.generateUniqueKey("color-".concat(n.productId,"-").concat(t.id,"-").concat(i.id))},o("span",{style:{backgroundColor:i.color}}),o("div",{innerHTML:n.getOptionDetailName(i,true,t.type)})))})))};t.prototype.thumbnailOption=function(t){var n=this;return o("div",{class:"s-product-options-thumbnails-wrapper"},t.details.map((function(i){return o("div",{key:i.id},o("input",{type:"radio",value:i.id,"data-itemid":i.id,required:!t.visibility_condition&&t.required,checked:i.is_selected,name:"options[".concat(t.id,"]"),"data-img-id":i.option_value,disabled:n.canDisabled&&n.isOptionDetailOut(i),id:n.generateUniqueKey("option_".concat(n.productId,"-").concat(t.id,"_").concat(i.id)),onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}}),o("label",{htmlFor:n.generateUniqueKey("option_".concat(n.productId,"-").concat(t.id,"_").concat(i.id)),"data-img-id":i.option_value,class:"go-to-slide"},o("img",{"data-src":i.image,src:i.image,title:i.name,alt:i.name}),o("span",{innerHTML:a,class:"s-product-options-thumbnails-icon"}),n.isOptionDetailOut(i)?[o("small",{key:i.id,class:"s-product-options-thumbnails-stock-badge"},n.outOfStockText),n.canDisabled?o("div",{key:i.id,class:"s-product-options-thumbnails-badge-overlay"}):""]:""),o("p",null,n.getOptionDetailName(i,false)," "))})))};t.prototype.digitalCardValuesOption=function(t){var n=this;return o("div",{class:"s-product-options-digital-card-wrapper"},this.availableDigitalCardValues.length>0?this.availableDigitalCardValues.map((function(i){var r,e,a;var s=String(i.id);return o("label",{htmlFor:n.generateUniqueKey(s.toString()),key:s,class:"s-product-options-digital-card-option"},o("input",Object.assign({type:"radio","data-code-value":true,class:"s-form-control s-product-options-digital-card-input",value:i.id,name:"options[".concat(t.id,"]"),id:n.generateUniqueKey(s.toString()),required:!t.visibility_condition&&t.required,onInvalid:function(i){return n.invalidHandler(i,t)}},!n.ignoreDefaultCardValue?{defaultChecked:((r=n.getSelectedDigitalCardOptions(t))===null||r===void 0?void 0:r.id)===i.id}:{})),o("span",null,i.name," ",(a=(e=salla.config)===null||e===void 0?void 0:e.currency())===null||a===void 0?void 0:a.symbol))})):o("div",{class:"s-product-options-digital-card-out-of-stock"}))};t.prototype.countryOption=function(t){var n=this;return o("div",{class:"s-product-options-digital-card-wrapper"},t.details.map((function(i){var r;return o("label",{htmlFor:n.generateUniqueKey(i.id.toString()),key:i.id,class:{"s-product-options-digital-card-option":true,"s-product-options-digital-card-option-stock-out":i.is_out}},o("input",Object.assign({id:n.generateUniqueKey(i.id.toString()),type:"radio",class:"s-form-control s-product-options-digital-card-input",value:i.id,name:"options[".concat(t.id,"]"),disabled:i.is_out,required:!t.visibility_condition&&t.required,onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)},onClick:function(){n.disableCardValue=false}},salla.url.is_page("cart")?{defaultChecked:((r=n.getSelectedDigitalCardOptions(t))===null||r===void 0?void 0:r.id)===i.id}:{})),o("img",{loading:"lazy",alt:i.code,height:24,width:24,class:"s-product-options-country-flag",src:"https://cdn.assets.salla.network/prod/admin/cp/assets/flags/1x1/".concat(String(i.code).toLocaleLowerCase(),".svg")}),o("span",null,i.name))})))};Object.defineProperty(t.prototype,"host",{get:function(){return e(this)},enumerable:false,configurable:true});return t}());p.style=d}}}));
-//# sourceMappingURL=p-ef1c9026.system.entry.js.map
+ */System.register(["./p-9cvlynxW.system.js","./p-Dxc5oJG6.system.js","./p-DTevZS21.system.js"],(function(t){"use strict";var n,i,o,r,e,a,s;return{setters:[function(t){n=t.r;i=t.c;o=t.h;r=t.H;e=t.g},function(t){a=t.I},function(t){s=t.C}],execute:function(){var u;(function(t){t["COLOR"]="color";t["DATE"]="date";t["DATETIME"]="datetime";t["DONATION"]="donation";t["IMAGE"]="image";t["MULTIPLE_OPTIONS"]="multiple-options";t["NUMBER"]="number";t["SINGLE_OPTION"]="single-option";t["DIGITAL_CARD_VALUE"]="digital-code-value";t["COUNTRY"]="country";t["SPLITTER"]="splitter";t["TEXT"]="text";t["TEXTAREA"]="textarea";t["THUMBNAIL"]="thumbnail";t["TIME"]="time";t["RADIO"]="radio";t["CHECKBOX"]="checkbox";t["MAP"]="map";t["FILE"]="file";t["COLOR_PICKER"]="color_picker";t["BOOKING"]="booking"})(u||(u={}));var c;(function(t){t["Sar"]="SAR"})(c||(c={}));var l='\x3c!-- Generated by IcoMoon.io --\x3e\n<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">\n<title>file-upload</title>\n<path d="M21.333 24c0.341 0 0.683-0.131 0.943-0.391 0.521-0.521 0.521-1.364 0-1.885l-5.333-5.333c-0.123-0.123-0.271-0.22-0.433-0.288-0.327-0.135-0.693-0.135-1.019 0-0.163 0.068-0.311 0.165-0.433 0.288l-5.333 5.333c-0.521 0.521-0.521 1.364 0 1.885s1.364 0.521 1.885 0l3.057-3.057v10.115c0 0.736 0.597 1.333 1.333 1.333s1.333-0.597 1.333-1.333v-10.115l3.057 3.057c0.26 0.26 0.601 0.391 0.943 0.391zM28.943 9.724l-9.333-9.333c-0.249-0.251-0.589-0.391-0.943-0.391h-12c-2.205 0-4 1.795-4 4v24c0 2.205 1.795 4 4 4h4c0.736 0 1.333-0.597 1.333-1.333s-0.597-1.333-1.333-1.333h-4c-0.735 0-1.333-0.599-1.333-1.333v-24c0-0.735 0.599-1.333 1.333-1.333h11.448l8.552 8.552v16.781c0 0.735-0.599 1.333-1.333 1.333h-4c-0.736 0-1.333 0.597-1.333 1.333s0.597 1.333 1.333 1.333h4c2.205 0 4-1.795 4-4v-17.333c0-0.353-0.14-0.693-0.391-0.943z"></path>\n</svg>\n';var d="";var p=t("salla_product_options",function(){function t(t){var r=this;n(this,t);this.changed=i(this,"changed");this.fileTypes={pdf:"application/pdf",png:"image/png",jpg:"image/jpeg",word:"application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document",exl:"application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",txt:"text/plain"};this.outOfStockText="";this.donationAmount=salla.lang.get("pages.products.donation_amount");this.selectDonationAmount=salla.lang.getWithDefault("pages.products.select_donation_amount","تحديد مبلغ التبرع");this.selectAmount=salla.lang.getWithDefault("pages.products.select_amount","اختر المبلغ");this.isCustomDonation=false;this.selectedOptions=[];this.disableCardValue=true;this.availableDigitalCardValues=[];this.outSkus=[];this.ignoreDefaultCardValue=false;this.productId=salla.config.get("page.id");this.handleDonationOptions=function(t,n,i){if(n==="custom"&&i==="input"){salla.helpers.inputDigitsOnly(t.target);salla.event.emit("product-options::donation-changed",{id:r.productId,price:t.target.value});return}t.preventDefault();t.stopPropagation();r.isCustomDonation=t.target.value==="custom";if(r.donationInput){if(t.target.value==="custom"){r.donationInput.value="";r.donationInput.focus()}else{r.donationInput.value=t.target.value}if(n==="custom"){return}salla.event.emit("product-options::donation-changed",{id:r.productId,price:t.target.value})}};this.hideLabel=function(t){if(t.type===u.DONATION&&(t.donation&&!t.donation.can_donate)){return true}return false};this.getExpireDonationMessage=function(t){if(!t.donation){return}var n=t.donation.target_amount<=t.donation.collected_amount;return o("div",{class:{"s-product-options-donation-message":true,"s-product-options-donation-completed":n,"s-product-options-donation-expired":!n}},o("p",null,t.donation.target_message),o("span",{innerHTML:n?salla.money(t.donation.target_amount):""}))};this.canDisabled=!salla.config.get("store.settings.product.notify_options_availability")||salla.url.is_page("cart");salla.lang.onLoaded((function(){r.outOfStockText=salla.lang.get("pages.products.out_of_stock");r.donationAmount=salla.lang.get("pages.products.donation_amount");r.selectDonationAmount=salla.lang.getWithDefault("pages.products.select_donation_amount","تحديد مبلغ التبرع");r.selectAmount=salla.lang.getWithDefault("pages.products.select_amount","اختر المبلغ")}));if(this.options){try{this.setOptionsData(Array.isArray(this.options)?this.options:JSON.parse(this.options));return}catch(t){salla.log("Bad json passed via options prop")}}if(!Array.isArray(this.optionsData)){salla.log("Options is not an array[] ---\x3e ",this.optionsData);this.setOptionsData([])}if(this.productId&&!salla.url.is_page("cart")){salla.api.product.getDetails(this.productId,["options"]).then((function(t){return r.setOptionsData(t.data.options)}))}}t.prototype.setOptionsData=function(t){return __awaiter(this,void 0,void 0,(function(){var n,i,o;return __generator(this,(function(r){this.optionsData=t;o=this;(i=(n=this.optionsData[0])===null||n===void 0?void 0:n.details)===null||i===void 0?void 0:i.forEach((function(t){Object.entries(t.skus_availability||{}).filter((function(t){return!t[1]})).map((function(t){return o.outSkus.push(Number(t[0]))}))}));return[2]}))}))};t.prototype.getSelectedOptionsData=function(){return __awaiter(this,void 0,void 0,(function(){var t,n;return __generator(this,(function(i){t={};n=this.host.getElementSallaData();n.forEach((function(n,i){if(i.startsWith("options[")){t[i.replace("options[","").replace("]","")]=n}}));return[2,t]}))}))};t.prototype.reportValidity=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,i;return __generator(this,(function(o){t=this.host.querySelectorAll("[required]");n=true;for(i=0;i<t.length;i++){if("reportValidity"in t[i]&&!t[i].reportValidity()){n=false}}return[2,n]}))}))};t.prototype.hasOutOfStockOption=function(){return __awaiter(this,void 0,void 0,(function(){var t,n;var i=this;return __generator(this,(function(o){return[2,this.selectedOptions.some((function(t){return t.is_out}))||((t=this.selectedSkus)===null||t===void 0?void 0:t.length)&&((n=this.selectedSkus)===null||n===void 0?void 0:n.every((function(t){return i.outSkus.includes(t)})))]}))}))};t.prototype.getSelectedOptions=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){return[2,this.selectedOptions]}))}))};t.prototype.getOption=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(n){return[2,this.optionsData.find((function(n){return n.id===t}))]}))}))};t.prototype.invalidHandler=function(t,n){var i=t.target.closest(".s-product-options-option");if(!i.classList.contains("s-product-options-option-error")){i.classList.add("s-product-options-option-error")}if(!salla.url.is_page("cart")){var o=this.host.querySelector(".s-product-options-option-error");if(o===i){this.scrollToElement(i)}}};t.prototype.scrollToElement=function(t){if(t){t.scrollIntoView({behavior:"smooth",block:"center"})}};t.prototype.changedHandler=function(t,n,i){var o=this;if(i===void 0){i=true}var r={event:t,option:n,detail:null,productId:this.productId};if(n.details){var e=n.details.find((function(n){return Number(n.id)===Number(t.target.value)}));r.detail=e}if(n.type==="country"){this.handleCountryOptionChange(t,r.detail)}var a=t.target.closest(".s-product-options-option");if(t.target.value||(n.type===u.FILE||n.type===u.IMAGE)&&t.type==="added"||n.type===u.MAP&&t.type==="selected"&&(t.target.lat&&t.target.lng)){setTimeout((function(){a.classList.remove("s-product-options-option-error")}),200)}if(n.type===u.DONATION){salla.event.emit("product-options::donation-changed",{id:this.productId,price:t.target.value})}this.setSelectedSkus();this.handleRequiredMultipleOptions(n);var s=this.selectedOptions.findIndex((function(t){return t.option_id===r.option.id}));if(r.option.type===u.MULTIPLE_OPTIONS){var c=this.selectedOptions.findIndex((function(t){var n;return t.option_id===r.option.id&&(t===null||t===void 0?void 0:t.id)===((n=r.detail)===null||n===void 0?void 0:n.id)}));if(c>-1){this.selectedOptions.splice(c,1)}else{this.selectedOptions.push(Object.assign(Object.assign({},r.detail),{option_id:r.option.id}))}}else{if(!r.detail||Object.keys(r.detail).length===0){if(s>-1){this.selectedOptions.splice(s,1)}}else{if(s>-1){this.selectedOptions[s]=Object.assign(Object.assign({},r.detail),{option_id:r.option.id})}else{this.selectedOptions.push(Object.assign(Object.assign({},r.detail),{option_id:r.option.id}))}}}this.optionsData=this.optionsData.map((function(t){if(t.id===r.option.id){return Object.assign(Object.assign({},t),{details:t.details.map((function(t){var n,i;return Object.assign(Object.assign({},t),{is_selected:r.option.type===u.MULTIPLE_OPTIONS?o.selectedOptions.some((function(n){return n.id===t.id})):Number(t.id)===Number((n=r.detail)===null||n===void 0?void 0:n.id),value:(i=r.detail)===null||i===void 0?void 0:i.value})}))})}return t}));if(i){this.changed.emit(r);salla.event.emit("product-options::change",r)}};t.prototype.setSelectedSkus=function(){this.selectedSkus=this.selectedOptions.map((function(t){return Object.keys(t.skus_availability||{})})).reduce((function(t,n){return t.filter((function(t){return n.includes(t)}))}),[]).map((function(t){return Number(t)}))};t.prototype.handleRequiredMultipleOptions=function(t){if(t.type!==u.MULTIPLE_OPTIONS||!t.required){return}var n=this.host.querySelector('[data-option-id="'.concat(t.id,'"]'));var i=n.querySelectorAll("input:checked").length;n.querySelectorAll("input").forEach((function(t){return t.toggleAttribute("required",!i)}))};t.prototype.getLatLng=function(t,n){return t?t.split(",")[n==="lat"?0:1]:""};t.prototype.getDisplayForType=function(t){var n=this;if(this["".concat(t.type,"Option")]){return this["".concat(t.type,"Option")](t)}if(t.type===u.COLOR_PICKER){return this.colorPickerOption(t)}if(t.type===u.MULTIPLE_OPTIONS){return this.multipleOptions(t)}if(t.type===u.SINGLE_OPTION){return this.singleOption(t)}if(t.type===u.DIGITAL_CARD_VALUE){return this.digitalCardValuesOption(t)}if(t.type===u.COUNTRY){return this.countryOption(t)}if(t.type===u.BOOKING&&salla.url.is_page("cart")){return o("salla-booking-field",{onInvalidInput:function(i){return n.invalidHandler(i,t)},option:t,productId:t.value})}salla.log("Couldn't find options type(".concat(t.type,")😢"));return""};t.prototype.getOptionShownWhen=function(t){return t.visibility_condition?{"data-show-when":"options[".concat(t.visibility_condition.option,"] ").concat(t.visibility_condition.operator," ").concat(t.visibility_condition.value)}:{}};t.prototype.getAvailableDigitalCardSKUs=function(t){var n=this.optionsData.find((function(t){var n=t.type;return n==="digital-code-value"}));if(!n)throw new Error("product-options:: No digital card options found");var i=Object.keys(t.skus_availability).filter((function(n){return t.skus_availability[n]===false}));this.availableDigitalCardValues=n.details.filter((function(t){return!Object.keys(t.skus_availability).filter((function(t){return i.includes(t)})).length}))};t.prototype.handleCountryOptionChange=function(t,n){t.stopImmediatePropagation();this.ignoreDefaultCardValue=true;var i=this.host.querySelector("input[data-code-value]:checked");if(i)i.checked=false;var o=this.optionsData.find((function(t){var n=t.type;return n==="digital-code-value"}));if(!o)throw new Error("product-options:: No digital card options found");this.getAvailableDigitalCardSKUs(n)};t.prototype.getSelectedDigitalCardOptions=function(t){var n=t.details.find((function(t){return t.is_selected}));var i=t.details.find((function(t){return!!t.is_default}))||t.details[0];if(!["digital-code-value","country"].includes(t.type))return;return n||i};t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,n,i,o;return __generator(this,(function(r){switch(r.label){case 0:if(salla.url.is_page("cart")){this.disableCardValue=false;this.fillSelectedOptions()}if(this.config){try{this.optionConfig=typeof this.config==="string"?JSON.parse(this.config):this.config}catch(t){console.error("Failed to parse JSON in config prop:",t)}}t=this.optionsData.filter((function(t){var n=t.type;return["country","digital-card-value"].includes(n)})).length>0&&salla.url.is_page("cart");if(t){n=this.optionsData.find((function(t){return t.type==="country"}));i=n&&this.getSelectedDigitalCardOptions(n);if(i){this.getAvailableDigitalCardSKUs(i)}}this.outOfStockText=salla.lang.get("pages.products.out_of_stock");return[4,salla.onReady()];case 1:r.sent();document.addEventListener("paste",this.handlePaste.bind(this));o=!salla.storage.get("cart.id")&&this.optionsData.some((function(t){return["file","image"].includes(t.type)}));return[2,o?salla.api.cart.getCurrentCartId(false,"salla-product-options"):null]}}))}))};t.prototype.handlePaste=function(t){var n;var i=t.target;if(!Salla.config.get("store.settings.content_copyright")||!Salla.helpers.hasApplePay()||!(i instanceof HTMLInputElement||i instanceof HTMLTextAreaElement)||!i.classList.contains("s-form-control")||!i.name.startsWith("options[")){return}t.preventDefault();var o=((n=t.clipboardData)===null||n===void 0?void 0:n.getData("text"))||"";var r=i.selectionStart;var e=i.selectionEnd;var a=i.value.slice(0,r)+o+i.value.slice(e);i.value=a;i.setSelectionRange(r+o.length,r+o.length)};t.prototype.hideDigitalCardsOptions=function(t){return this.disableCardValue&&t.type===u.DIGITAL_CARD_VALUE&&!salla.url.is_page("cart")};t.prototype.render=function(){var t=this;var n;if(((n=this.optionsData)===null||n===void 0?void 0:n.length)===0){return}return o(r,{class:"s-product-options-wrapper"},o("salla-conditional-fields",null,this.optionsData.map((function(n){return o("div",Object.assign({key:n.id,class:"s-product-options-option-container".concat(n.visibility_condition||t.hideDigitalCardsOptions(n)?" hidden":""),"data-option-id":n.id},t.getOptionShownWhen(n)),n.name==="splitter"?t.splitterOption():o("div",{class:{"s-product-options-option":true,"s-product-options-option-booking":n.type===u.BOOKING&&salla.url.is_page("cart")},"data-option-type":n.type,"data-option-required":"".concat(n.required)},o("label",{htmlFor:"options[".concat(n.id,"]"),class:"s-product-options-option-label ".concat(t.hideLabel(n)?"s-product-options-option-label-hidden":"")},o("b",null,n.name,n.required&&o("span",null," * ")," "),o("small",null,n.placeholder)),o("div",{class:"s-product-options-option-content ".concat(t.hideLabel(n)||n.type===u.BOOKING&&salla.url.is_page("cart")?"s-product-options-option-content-full-width":"")},t.getDisplayForType(n))))}))))};t.prototype.generateUniqueKey=function(t){return this.uniqueKey?"".concat(t,"-").concat(this.uniqueKey):t};t.prototype.fillSelectedOptions=function(){this.selectedOptions=this.optionsData.reduce((function(t,n){var i=n.details.filter((function(t){return t.is_selected}));var o=i.map((function(t){return Object.assign(Object.assign({},t),{option_id:n.id})}));return t.concat(o)}),[])};t.prototype.triggerProductFormSelectionEvents=function(){var t=this;var n=function(t){return["change","input"].forEach((function(n){return t.dispatchEvent(new window.Event(n,{bubbles:true}))}))};var i=this.host.closest("form");if(i){n(i)}else{var o=new MutationObserver((function(){var i=t.host.closest("form");if(i){n(i);o.disconnect()}}));o.observe(document.body,{childList:true,subtree:true})}};t.prototype.componentDidLoad=function(){var t=this;var n,i;if(salla.url.is_page("product.single")){this.triggerProductFormSelectionEvents()}if(((n=this.optionsData)===null||n===void 0?void 0:n.length)===0&&!this.optionsData.some((function(t){return t.type===u.DONATION}))){return}var o=(i=this.optionsData.find((function(t){return t.type===u.DONATION})))===null||i===void 0?void 0:i.details.find((function(t){return t.is_selected}));if(!o){return}setTimeout((function(){salla.event.emit("product-options::donation-changed",{id:t.productId,price:o.additional_price})}),1e3)};t.prototype.donationOption=function(t,n){var i=this;var r,e;return o("div",{class:"s-product-options-donation-wrapper"},((r=t.donation)===null||r===void 0?void 0:r.can_donate)?[t.donation?o("div",{key:t.id,class:"s-product-options-donation-progress"},o("salla-progress-bar",{donation:t.donation})):"",t.details.length?[o("h4",{key:t.id},this.selectAmount),o("div",{key:t.id,class:"s-product-options-donation-options"},t.details.map((function(n,r){return o("div",{key:t.id,class:"s-product-options-donation-options-item"},o("input",{id:i.generateUniqueKey("donation-option-".concat(r)),type:"radio",name:"donating_option",checked:n.is_selected,value:n.additional_price,onChange:function(t){return i.handleDonationOptions(t,n,"option")}}),o("label",{htmlFor:i.generateUniqueKey("donation-option-".concat(r))},o("span",{innerHTML:salla.money(n.name)})))})),((e=t.donation)===null||e===void 0?void 0:e.custom_amount_enabled)?o("div",{class:"s-product-options-donation-options-item"},o("input",{id:this.generateUniqueKey("donation-option-custom"),type:"radio",name:"donating_option",value:"custom",onChange:function(t){return i.handleDonationOptions(t,"custom","option")}}),o("label",{htmlFor:this.generateUniqueKey("donation-option-custom")},o("span",null," ",this.selectDonationAmount," "))):"")]:"",o("div",{key:t.id,class:{"s-product-options-donation-input-group":true,shown:!t.details.length||t.details.length&&this.isCustomDonation}},o("input",{type:"text",id:"donating-amount",name:"donation_amount",class:"s-form-control",ref:function(t){i.donationInput=t},value:t.details.length&&t.details.some((function(t){return t.is_selected}))?t.details.find((function(t){return t.is_selected})).additional_price:t.value,placeholder:t.placeholder,onInput:function(t){return i.handleDonationOptions(t,"custom","input")},onBlur:function(n){return i.changedHandler(n,t)},onInvalid:function(n){return i.invalidHandler(n,t)}}),o("span",{class:"s-product-options-donation-amount-currency"},salla.config.currency(salla.config.get("user.currency_code")).symbol))]:this.getExpireDonationMessage(t))};t.prototype.fileUploader=function(t,n){var i=this;if(n===void 0){n=null}var r;return o("salla-file-upload",Object.assign({},n||{},{"payload-name":"file",value:t.value,"instant-upload":true,name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,height:"120px",onAdded:function(n){return i.changedHandler(n,t)},url:salla.cart.api.getUploadImageEndpoint(),"form-data":{cart_item_id:this.productId,product_id:this.productId},onInvalidInput:function(n){return i.invalidHandler(n,t)},class:{"s-product-options-image-input":true,required:t.required}}),o("div",{class:"s-product-options-filepond-placeholder"},o("span",{class:"s-product-options-filepond-placeholder-icon",innerHTML:((r=n.accept)===null||r===void 0?void 0:r.split(",").every((function(t){return t.includes("image")})))?s:l}),o("p",{class:"s-product-options-filepond-placeholder-text"},salla.lang.get("common.uploader.drag_and_drop")),o("span",{class:"filepond--label-action"},salla.lang.get("common.uploader.browse"))))};t.prototype.imageOption=function(t){return this.fileUploader(t,{accept:"image/png,image/jpeg,image/jpg,image/gif"})};t.prototype.fileOption=function(t){var n=this;var i=t.details.map((function(t){return n.fileTypes[t.name]})).filter(Boolean);return(i===null||i===void 0?void 0:i.length)?this.fileUploader(t,{accept:i.join(",")}):"File types not selected."};t.prototype.numberOption=function(t){var n=this;return o("input",{type:"text",value:t.value,class:"s-form-control",required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onBlur:function(i){return n.changedHandler(i,t)},onInvalid:function(i){return n.invalidHandler(i,t)},onInput:function(t){return salla.helpers.inputDigitsOnly(t.target)}})};t.prototype.splitterOption=function(){return o("div",{class:"s-product-options-splitter"})};t.prototype.textOption=function(t){var n=this;return o("div",{class:"s-product-options-text"},o("input",{type:"text",value:t.value,maxLength:t===null||t===void 0?void 0:t.length,class:"s-form-control",required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}}))};t.prototype.textareaOption=function(t){var n=this;return o("div",{class:"s-product-options-textarea"},o("div",{class:"mt-1"},o("textarea",{rows:4,value:t.value,maxLength:t===null||t===void 0?void 0:t.length,class:"s-form-control",required:!t.visibility_condition&&t.required,id:"options[".concat(t.id,"]"),name:"options[".concat(t.id,"]"),placeholder:t.placeholder,onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}})))};t.prototype.mapOption=function(t){var n=this;return o("salla-map",{zoom:15,lat:this.getLatLng(t.value,"lat"),lng:this.getLatLng(t.value,"lng"),name:"options[".concat(t.id,"]"),searchable:true,required:t.required,onInvalidInput:function(i){return n.invalidHandler(i,t)},onSelected:function(i){return n.changedHandler(i,t)}})};t.prototype.colorPickerOption=function(t){var n=this;return o("salla-color-picker",{onSubmitted:function(i){return n.changedHandler(i,t)},name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,onInvalidInput:function(i){return n.invalidHandler(i,t)},color:t.value})};t.prototype.timeOption=function(t){var n=this;return o("salla-datetime-picker",{noCalendar:true,enableTime:true,dateFormat:"h:i K",value:t.value,placeholder:t.name,required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),class:"s-product-options-time-element",onInvalidInput:function(i){return n.invalidHandler(i,t)},onPicked:function(i){return n.changedHandler(i,t)}})};t.prototype.dateOption=function(t){var n=this;return o("div",{class:"s-product-options-date-element"},o("salla-datetime-picker",{value:t.value,placeholder:t.name,required:!t.visibility_condition&&t.required,minDate:new Date,name:"options[".concat(t.id,"]"),onInvalidInput:function(i){return n.invalidHandler(i,t)},onPicked:function(i){return n.changedHandler(i,t)}}))};t.prototype.datetimeOption=function(t){var n=this;return o("div",{class:"s-product-options-datetime-element"},o("salla-datetime-picker",{enableTime:true,value:t.value,dateFormat:"Y-m-d G:i:K",placeholder:t.name,required:!t.visibility_condition&&t.required,name:"options[".concat(t.id,"]"),maxDate:t.to_date_time,minDate:t.from_date_time,onInvalidInput:function(i){return n.invalidHandler(i,t)},onPicked:function(i){return n.changedHandler(i,t)}}))};t.prototype.getOptionDetailName=function(t,n,i){if(n===void 0){n=true}var o;var r;if(i&&i===u.COLOR){r=t.name+(n&&this.isOptionDetailOut(t)&&!salla.url.is_page("cart")&&!this.hideOutLabel?" <br/> <p> ".concat(this.outOfStockText," </p>"):"")+(t.additional_price?" <p> (".concat(salla.money(t.additional_price,false),") </p>"):"")}if(!r){r=t.name+(n&&this.isOptionDetailOut(t)&&!salla.url.is_page("cart")&&!this.hideOutLabel?" - ".concat(this.outOfStockText):"")+(t.additional_price?" (".concat(salla.money(t.additional_price,false),")"):"")}return r.replace("<i class=sicon-sar></i>",((o=salla.config.currency())===null||o===void 0?void 0:o.symbol)||"ر.س")};t.prototype.isOptionDetailOut=function(t){var n=this;var i;if(t.is_out||!t.skus_availability||!((i=this.selectedSkus)===null||i===void 0?void 0:i.length)){return t.is_out}var o=this.selectedOptions.filter((function(n){return n.id===t.id})).length;if(o&&this.selectedOptions.length===1){return false}if(o){var r=this.selectedSkus.filter((function(t){return n.outSkus.includes(t)}));return Object.keys(t.skus_availability).some((function(t){return r.includes(Number(t))}))}return this.selectedOptions.some((function(n){return n.is_out&&n.option_id!==t.option_id}))};t.prototype.renderInput=function(t,n,i,r,e,a){var s=this;var u=this.generateUniqueKey("".concat(t,"-").concat(i.id,"-").concat(n.id));var c=this.isOptionDetailOut(n);return o("label",{class:{"s-product-options-disabled":c}},o("input",{id:u,type:t,name:e,value:n.id,disabled:c,required:r,checked:n.is_selected,onInvalid:function(t){return s.invalidHandler(t,i)},onChange:function(t){return s.changedHandler(t,i)}}),o("div",{class:{"s-product-options-grid-mode-span":a,"s-product-options-disabled":c}},this.getOptionDetailName(n)))};t.prototype.renderOptionDetails=function(t,n,i,o){var r=this;if(o===void 0){o=false}var e=t==="radio"?"options[".concat(n.id,"]"):"options[".concat(n.id,"][]");return n===null||n===void 0?void 0:n.details.map((function(a){return r.renderInput(t,a,n,i,e,o)}))};t.prototype.renderSelect=function(t){var n=this;return o("div",null,o("select",{name:"options[".concat(t.id,"]"),required:!t.visibility_condition&&t.required,class:"s-form-control",onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}},o("option",{value:""},t.placeholder),t===null||t===void 0?void 0:t.details.map((function(t){return o("option",{key:t.id,value:t.id,disabled:n.canDisabled&&n.isOptionDetailOut(t),selected:t.is_selected},n.getOptionDetailName(t))}))))};t.prototype.renderButtonStyle=function(t,n,i){return o("div",{class:"s-product-options-grid-mode"},this.renderOptionDetails(t,n,i,true))};t.prototype.singleOption=function(t){var n,i;var o=((i=(n=this.optionConfig)===null||n===void 0?void 0:n["single-option"])===null||i===void 0?void 0:i.type)==="button";var r=!t.visibility_condition&&t.required;return o?this.renderButtonStyle("radio",t,r):this.renderSelect(t)};t.prototype.multipleOptions=function(t){var n,i;var r=((i=(n=this.optionConfig)===null||n===void 0?void 0:n["multiple-option"])===null||i===void 0?void 0:i.type)==="button";var e=t.required&&!t.details.some((function(t){return t.is_selected}))&&!t.visibility_condition;return r?this.renderButtonStyle("checkbox",t,e):o("div",{class:{"s-product-options-multiple-options-wrapper":true,required:t.required}},this.renderOptionDetails("checkbox",t,e))};t.prototype.colorOption=function(t){var n=this;return o("fieldset",{class:"s-product-options-colors-wrapper"},t===null||t===void 0?void 0:t.details.map((function(i){return o("div",{class:"s-product-options-colors-item",key:i.id},o("input",{type:"radio",value:i.id,required:!t.visibility_condition&&t.required,checked:i.is_selected,name:"options[".concat(t.id,"]"),disabled:n.canDisabled&&n.isOptionDetailOut(i),id:n.generateUniqueKey("color-".concat(n.productId,"-").concat(t.id,"-").concat(i.id)),onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}}),o("label",{htmlFor:n.generateUniqueKey("color-".concat(n.productId,"-").concat(t.id,"-").concat(i.id))},o("span",{style:{backgroundColor:i.color}}),o("div",{innerHTML:n.getOptionDetailName(i,true,t.type)})))})))};t.prototype.thumbnailOption=function(t){var n=this;return o("div",{class:"s-product-options-thumbnails-wrapper"},t.details.map((function(i){return o("div",{key:i.id},o("input",{type:"radio",value:i.id,"data-itemid":i.id,required:!t.visibility_condition&&t.required,checked:i.is_selected,name:"options[".concat(t.id,"]"),"data-img-id":i.option_value,disabled:n.canDisabled&&n.isOptionDetailOut(i),id:n.generateUniqueKey("option_".concat(n.productId,"-").concat(t.id,"_").concat(i.id)),onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)}}),o("label",{htmlFor:n.generateUniqueKey("option_".concat(n.productId,"-").concat(t.id,"_").concat(i.id)),"data-img-id":i.option_value,class:"go-to-slide"},o("img",{"data-src":i.image,src:i.image,title:i.name,alt:i.name}),o("span",{innerHTML:a,class:"s-product-options-thumbnails-icon"}),n.isOptionDetailOut(i)?[o("small",{key:i.id,class:"s-product-options-thumbnails-stock-badge"},n.outOfStockText),n.canDisabled?o("div",{key:i.id,class:"s-product-options-thumbnails-badge-overlay"}):""]:""),o("p",null,n.getOptionDetailName(i,false)," "))})))};t.prototype.digitalCardValuesOption=function(t){var n=this;return o("div",{class:"s-product-options-digital-card-wrapper"},this.availableDigitalCardValues.length>0?this.availableDigitalCardValues.map((function(i){var r,e,a;var s=String(i.id);return o("label",{htmlFor:n.generateUniqueKey(s.toString()),key:s,class:"s-product-options-digital-card-option"},o("input",Object.assign({type:"radio","data-code-value":true,class:"s-form-control s-product-options-digital-card-input",value:i.id,name:"options[".concat(t.id,"]"),id:n.generateUniqueKey(s.toString()),required:!t.visibility_condition&&t.required,onInvalid:function(i){return n.invalidHandler(i,t)}},!n.ignoreDefaultCardValue?{defaultChecked:((r=n.getSelectedDigitalCardOptions(t))===null||r===void 0?void 0:r.id)===i.id}:{})),o("span",null,i.name," ",(a=(e=salla.config)===null||e===void 0?void 0:e.currency())===null||a===void 0?void 0:a.symbol))})):o("div",{class:"s-product-options-digital-card-out-of-stock"}))};t.prototype.countryOption=function(t){var n=this;return o("div",{class:"s-product-options-digital-card-wrapper"},t.details.map((function(i){var r;return o("label",{htmlFor:n.generateUniqueKey(i.id.toString()),key:i.id,class:{"s-product-options-digital-card-option":true,"s-product-options-digital-card-option-stock-out":i.is_out}},o("input",Object.assign({id:n.generateUniqueKey(i.id.toString()),type:"radio",class:"s-form-control s-product-options-digital-card-input",value:i.id,name:"options[".concat(t.id,"]"),disabled:i.is_out,required:!t.visibility_condition&&t.required,onInvalid:function(i){return n.invalidHandler(i,t)},onChange:function(i){return n.changedHandler(i,t)},onClick:function(){n.disableCardValue=false}},salla.url.is_page("cart")?{defaultChecked:((r=n.getSelectedDigitalCardOptions(t))===null||r===void 0?void 0:r.id)===i.id}:{})),o("img",{loading:"lazy",alt:i.code,height:24,width:24,class:"s-product-options-country-flag",src:"https://cdn.assets.salla.network/prod/admin/cp/assets/flags/1x1/".concat(String(i.code).toLocaleLowerCase(),".svg")}),o("span",null,i.name))})))};Object.defineProperty(t.prototype,"host",{get:function(){return e(this)},enumerable:false,configurable:true});return t}());p.style=d}}}));
+//# sourceMappingURL=p-7f9f9400.system.entry.js.map

package/dist/twilight/p-7f9f9400.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DisplayType","Currency","sallaProductOptionsCss","SallaProductOptions","exports","class_1","hostRef","_this","this","fileTypes","pdf","png","jpg","word","exl","txt","outOfStockText","donationAmount","salla","lang","get","selectDonationAmount","getWithDefault","selectAmount","isCustomDonation","selectedOptions","disableCardValue","availableDigitalCardValues","outSkus","ignoreDefaultCardValue","productId","config","handleDonationOptions","event","detail","type","helpers","inputDigitsOnly","target","emit","id","price","value","preventDefault","stopPropagation","donationInput","focus","hideLabel","option","DONATION","donation","can_donate","getExpireDonationMessage","completed","target_amount","collected_amount","h","class","target_message","innerHTML","money","canDisabled","url","is_page","onLoaded","options","setOptionsData","Array","isArray","JSON","parse","e","log","optionsData","api","product","getDetails","then","resp","data","prototype","that","_b","_a","details","forEach","Object","entries","skus_availability","filter","sku","map","push","Number","getSelectedOptionsData","formData","host","getElementSallaData","key","startsWith","replace","reportValidity","requiredElements","querySelectorAll","pass","i","length","hasOutOfStockOption","some","is_out","selectedSkus","every","includes","getSelectedOptions","getOption","option_id","find","invalidHandler","closestProductOption","closest","classList","contains","add","firstInvalidElement","querySelector","scrollToElement","element","scrollIntoView","behavior","block","changedHandler","fireChangeEvent","handleCountryOptionChange","optionElement","FILE","IMAGE","MAP","lat","lng","setTimeout","remove","setSelectedSkus","handleRequiredMultipleOptions","index","findIndex","opt","MULTIPLE_OPTIONS","detailIndex","splice","assign","keys","is_selected","selected","changed","reduce","p","c","required","optionContainer","concat","hasChecked","input","toggleAttribute","getLatLng","split","getDisplayForType","COLOR_PICKER","colorPickerOption","multipleOptions","SINGLE_OPTION","singleOption","DIGITAL_CARD_VALUE","digitalCardValuesOption","COUNTRY","countryOption","BOOKING","onInvalidInput","getOptionShownWhen","visibility_condition","operator","getAvailableDigitalCardSKUs","digitalCardOption","_d","Error","outofStockSKUs","op","SKU_key","stopImmediatePropagation","currentCardValue","checked","getSelectedDigitalCardOptions","selectedOption","defaultOption","is_default","componentWillLoad","fillSelectedOptions","optionConfig","error","console","shouldSelectDefaultOption","defaultSelection","onReady","sent","document","addEventListener","handlePaste","bind","needsCartId","storage","cart","getCurrentCartId","Salla","hasApplePay","HTMLInputElement","HTMLTextAreaElement","name","text","clipboardData","getData","start","selectionStart","end","selectionEnd","newValue","slice","setSelectionRange","hideDigitalCardsOptions","render","Host","splitterOption","htmlFor","placeholder","generateUniqueKey","defaultValue","uniqueKey","acc","selectedDetails","mappedDetails","triggerProductFormSelectionEvents","trigger","f","dispatchEvent","window","Event","bubbles","form","observer_1","MutationObserver","disconnect","observe","body","childList","subtree","componentDidLoad","selectedDonationOption","additional_price","donationOption","onChange","custom_amount_enabled","shown","ref","el","onInput","onBlur","onInvalid","currency","symbol","fileUploader","additions","height","onAdded","getUploadImageEndpoint","cart_item_id","product_id","accept","CameraIcon","FileIcon","imageOption","fileOption","types","Boolean","join","numberOption","textOption","maxLength","textareaOption","rows","mapOption","zoom","searchable","onSelected","onSubmitted","color","timeOption","noCalendar","enableTime","dateFormat","onPicked","dateOption","minDate","Date","datetimeOption","maxDate","to_date_time","from_date_time","getOptionDetailName","outOfStock","optionType","detailName","COLOR","isOptionDetailOut","hideOutLabel","isDetailSelected","outSelectableSkus_1","renderInput","isRequired","buttonStyle","isDisabled","disabled","renderOptionDetails","renderSelect","renderButtonStyle","colorOption","style","backgroundColor","thumbnailOption","option_value","image","src","title","alt","CheckCircleIcon","String","toString","defaultChecked","_c","onClick","loading","code","width","toLocaleLowerCase"],"sources":["src/components/salla-product-options/interfaces.ts","src/components/salla-product-options/salla-product-options.scss?tag=salla-product-options","src/components/salla-product-options/salla-product-options.tsx"],"sourcesContent":["export enum DisplayType {\n  COLOR = \"color\",\n  DATE = \"date\",\n  DATETIME = \"datetime\",\n  DONATION = \"donation\",\n  IMAGE = \"image\",\n  MULTIPLE_OPTIONS = \"multiple-options\",\n  NUMBER = \"number\",\n  SINGLE_OPTION = \"single-option\",\n  DIGITAL_CARD_VALUE = \"digital-code-value\",\n  COUNTRY = \"country\",\n  SPLITTER = \"splitter\",\n  TEXT = \"text\",\n  TEXTAREA = \"textarea\",\n  THUMBNAIL = \"thumbnail\",\n  TIME = \"time\",\n  RADIO = \"radio\",\n  CHECKBOX = \"checkbox\",\n  MAP = \"map\",\n  FILE = \"file\", // similar to image type (file-uploader component)\n  COLOR_PICKER = \"color_picker\",\n  BOOKING = \"booking\"\n}\n\nexport interface ProductDetail {\n  id: string;\n  sku: string;\n  name: string;\n  description: string;\n  url: string;\n  promotion_title: string;\n  subtitle: string;\n  type: string;\n  status: string;\n  price: number;\n  sale_price: number;\n  regular_price: number;\n  starting_price: null;\n  quantity: number;\n  max_quantity: number;\n  discount_ends: number;\n  is_taxable: boolean;\n  has_read_more: boolean;\n  can_add_note: boolean;\n  can_show_remained_quantity: boolean;\n  can_upload_file: boolean;\n  has_custom_form: boolean;\n  is_on_sale: boolean;\n  is_hidden_quantity: boolean;\n  is_available: boolean;\n  is_out_of_stock: boolean;\n  weight: null;\n  calories: null;\n  image: SimpleImage;\n  brand: Brand;\n  donation?: ProductDonation;\n  images: Image[];\n  tags: Tag[];\n  notify_availability: null;\n  rating: Rating;\n  options: Option[];\n  sold_quantity: number;\n  category: Category;\n}\n\nexport interface SimpleImage {\n  url: string;\n  alt: string;\n}\n\nexport interface Category {\n  name: string;\n  url: string;\n  icon: string;\n}\n\nexport interface ProductDonation {\n  target_message?: string;\n  collected_amount?: number;\n  target_amount?: number;\n  target_percent?: number;\n  target_end_date?: string;\n  can_donate: boolean;\n  custom_amount_enabled: boolean;\n}\n\nexport interface Image {\n  id: number;\n  url: string;\n  main: boolean;\n  three_d_image_url: string;\n  alt: string;\n  video_url: string;\n  type: string;\n  sort: number;\n}\n\nexport interface Option {\n  id: number;\n  name: string;\n  required: boolean;\n  type: string;\n  placeholder: string;\n  option_type: string;\n  not_same_day_order: boolean;\n  availability_range: number;\n  from_date_time: null;\n  to_date_time: null;\n  visibility_condition?: { option: number, operator: \"=\" | \"!=\", value: number };\n  details?: Detail[];\n  condition_attributes: string;\n  value?: any;\n  length?: number;\n  donation?: Donation\n}\n\nexport interface Donation {\n  custom_amount_enabled: boolean;\n  target_message?: string;\n  target_date: string | \"2023-04-18\";\n  target_end_date: string | \"2023-04-18\";\n  target_amount: number;\n  collected_amount: number;\n  can_donate: boolean;\n}\n\nexport interface Detail {\n  id: number;\n  option_id: number;\n  name: string;\n  additional_price: number;\n  option_value: null | string;\n  image: null | string;\n  color: null | string;\n  is_out: boolean;\n  skus_availability?: { [sku_id: number]: boolean };\n  is_selected: boolean;\n  is_default?: 0 | 1;\n  code?: string;\n  type?: string;\n\n}\n\nexport interface Brand {\n  id: string;\n  url: string;\n  name: string;\n  logo: string;\n}\n\nexport interface PreTaxPrice {\n  amount: number;\n  currency: Currency;\n}\n\nexport enum Currency {\n  Sar = \"SAR\",\n}\n\nexport interface Promotion {\n  title: string;\n  sub_title: string;\n}\n\nexport interface Rating {\n  count: number;\n  stars: number;\n}\n\nexport interface Tag {\n  name: string;\n  url: string;\n}\n\nexport interface OptionConfig {\n  singleOption?:   OptionDisplayType;\n  multipleOption?: OptionDisplayType;\n}\n\nexport interface OptionDisplayType {\n  type: 'button' | 'default'; // defaults to 'default', which is select and checkbox for single and multiple options respectivly\n}\n","\n.s-product-options{\n  &-wrapper{\n\n  }\n  &-option-container{\n\n  }\n  &-option{\n\n  }\n  &-option-label{\n\n  }\n  &-option-content{\n\n  }\n  &-colors-wrapper{\n\n  }\n  &-date-element{\n\n  }\n  &-time-element{\n    \n  }\n  &-datetime-element{\n\n  }\n  &-image-input{\n\n  }\n  &-multiple-options-wrapper{\n\n  }\n  &-splitter{\n\n  }\n  &-text{\n\n  }\n  &-textarea{\n\n  }\n  &-thumbnails-wrapper{\n\n  }\n}\n","import { Component, Prop, h, State, Element, Host, Event, type EventEmitter, Method } from '@stencil/core';\nimport { type Option, DisplayType, type Detail, OptionConfig } from './interfaces';\nimport CheckCircleIcon from '../../assets/svg/check.svg';\nimport CameraIcon from '../../assets/svg/camera.svg';\nimport FileIcon from '../../assets/svg/file-upload.svg';\n\n@Component({\n  tag: 'salla-product-options',\n  styleUrl: 'salla-product-options.scss',\n})\nexport class SallaProductOptions {\n\n  constructor() {\n    this.canDisabled = !salla.config.get('store.settings.product.notify_options_availability') || salla.url.is_page('cart');\n    salla.lang.onLoaded(() => {\n      this.outOfStockText = salla.lang.get(\"pages.products.out_of_stock\");\n      this.donationAmount = salla.lang.get('pages.products.donation_amount');\n      this.selectDonationAmount = salla.lang.getWithDefault('pages.products.select_donation_amount', 'تحديد مبلغ التبرع');\n      this.selectAmount = salla.lang.getWithDefault('pages.products.select_amount', 'اختر المبلغ');\n    });\n\n    if (this.options) {\n      try {\n        this.setOptionsData(Array.isArray(this.options) ? this.options : JSON.parse(this.options));\n        return;\n      } catch (e) {\n        salla.log('Bad json passed via options prop');\n      }\n    }\n    if (!Array.isArray(this.optionsData)) {\n      salla.log('Options is not an array[] ---> ', this.optionsData);\n      this.setOptionsData([]);\n    }\n\n    if (this.productId && !salla.url.is_page('cart')) {\n      salla.api.product.getDetails(this.productId, ['options']).then(resp => this.setOptionsData(resp.data.options));\n    }\n  }\n  /**\n   * Sets the options data for the product\n   * @param optionsData - Array of product options\n   */\n  @Method()\n  async setOptionsData(optionsData: Option[]) {\n    this.optionsData = optionsData;\n    const that = this\n    this.optionsData[0]?.details?.forEach(function (detail) {\n      Object.entries(detail.skus_availability || {})\n        .filter(sku => !sku[1])\n        .map(sku => that.outSkus.push(Number(sku[0])));\n    });\n  }\n\n  @Element() host: HTMLElement;\n\n  private fileTypes: Record<string, string> = {\n    pdf: 'application/pdf',\n    png: 'image/png',\n    jpg: 'image/jpeg',\n    word: 'application/doc,application/ms-doc,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document',\n    exl: 'application/excel,application/vnd.ms-excel,application/x-excel,application/x-msexcel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',\n    txt: 'text/plain',\n  };\n\n  @State() optionsData: Option[]\n  @State() outOfStockText = \"\"\n  @State() donationAmount: string = salla.lang.get('pages.products.donation_amount')\n  @State() selectDonationAmount: string = salla.lang.getWithDefault('pages.products.select_donation_amount', 'تحديد مبلغ التبرع')\n  @State() selectAmount: string = salla.lang.getWithDefault('pages.products.select_amount', 'اختر المبلغ')\n  @State() isCustomDonation = false;\n  @State() selectedOptions = [];\n  @State() canDisabled: boolean;\n  @State() selectedSkus?: Array<string | number>;\n  @State() selectedOutSkus?: Array<string | number>;\n  @State() disableCardValue = true\n  @State() availableDigitalCardValues: Detail[] = []\n\n  private outSkus: Array<string | number> = [];\n  private donationInput?: HTMLInputElement;\n  private optionConfig: OptionConfig;\n  /**\n * Avoid selection of previous default or selected card value option \n * when switching between digital card country options for the 1st time\n */\n  private ignoreDefaultCardValue = false\n  /**\n   * The id of the product to which the options are going to be fetched for.\n   */\n  @Prop() productId: number = salla.config.get('page.id');\n\n  /**\n   * Product detail information.\n   */\n  @Prop() options: string\n\n  /**\n   * Hide the out of stock label.\n   * Will be used in the case of live validation such as cart page and inline checkout\n   */\n  @Prop() hideOutLabel: string\n\n  /**\n   * A unique key used to generate distinct identifiers.\n   * \n   * This key is appended to a default value to ensure uniqueness\n   * across instances or components where differentiation is required.\n   */\n  @Prop() uniqueKey: string\n\n  /**\n   * Configuration for customizing the display layout of product options.\n   * The `config` prop accepts a JSON string that specifies the layout type for rendering options.\n   * It allows customization of how single-option and multiple-option selections are displayed.\n   * \n   * Example Usage:\n   * ```html\n   * <salla-product-options \n   *   options=\"{{ product.options }}\" \n   *   product-id=\"{{ product.id }}\" \n   *   unique-key=\"abc123\"\n   *   config='{\n   *     \"single-option\": { \"type\": \"button\" },\n   *     \"multiple-option\": { \"type\": \"button\" }\n   *   }'>\n   * </salla-product-options>\n   * ```\n   * \n   * Example Config JSON:\n   * ```json\n   * {\n   *   \"single-option\": { \"type\": \"button\" },\n   *   \"multiple-option\": { \"type\": \"default\" }\n   * }\n   * ```\n   * \n   * - `single-option`:\n   *   - Defines the display style for single-option selections.\n   *   - `type`: Supported values:\n   *     - `\"button\"`: Displays options in a button-style grid layout.\n   *     - `\"default\"`: Displays options as a dropdown (default).\n   * \n   * - `multiple-option`:\n   *   - Defines the display style for multiple-option selections.\n   *   - `type`: Supported values:\n   *     - `\"button\"`: Displays options in a button-style grid layout.\n   *     - `\"default\"`: Displays options as a list of checkboxes (default).\n   */\n  @Prop() config: string;\n\n  /**\n   * Get the id's of the selected options.\n   * */\n  @Method()\n  async getSelectedOptionsData() {\n    const selectedOptions = {}\n    const formData = (this.host as HTMLElement & { getElementSallaData: () => FormData }).getElementSallaData();\n    formData.forEach((value, key) => {\n      if (key.startsWith('options[')) { (selectedOptions[key.replace('options[', '').replace(']', '')] = value) }\n    });\n    return selectedOptions;\n  }\n\n  /**\n   * Report options form validity.\n   * */\n  @Method()\n  async reportValidity() {\n    const requiredElements = this.host.querySelectorAll('[required]') as unknown as Array<HTMLInputElement>;\n    let pass = true;\n    for (let i = 0; i < requiredElements.length; i++) {\n      //if there is only one invalid option, return false\n      if ('reportValidity' in requiredElements[i] && !requiredElements[i].reportValidity()) {\n        pass = false;\n      }\n    }\n    return pass;\n  }\n\n  /**\n   * Return true if there is any out of stock options are selected and vise versa.\n   * */\n  @Method()\n  async hasOutOfStockOption() {\n    return this.selectedOptions.some(option => option.is_out) || (this.selectedSkus?.length && this.selectedSkus?.every(sku => this.outSkus.includes(sku)));\n  }\n\n  /**\n   * Get selected options.\n   * */\n  @Method()\n  async getSelectedOptions() {\n    return this.selectedOptions;\n  }\n\n  /**\n   * Get a specific option by its id.\n   * */\n  @Method()\n  async getOption(option_id) {\n    return this.optionsData.find(option => option.id === option_id);\n  }\n\n  /**\n   * An event that emitted when any option is changed.\n   */\n  @Event() changed: EventEmitter;\n\n  // @ts-ignore\n  private invalidHandler(event: Event, option: Option) {\n    const closestProductOption = (event.target as HTMLInputElement).closest('.s-product-options-option') as HTMLElement;\n\n    if (!closestProductOption.classList.contains('s-product-options-option-error')) {\n      closestProductOption.classList.add('s-product-options-option-error');\n    }\n\n    if (!salla.url.is_page('cart')) {\n      const firstInvalidElement = this.host.querySelector('.s-product-options-option-error');\n      if (firstInvalidElement === closestProductOption) {\n        this.scrollToElement(closestProductOption);\n      }\n    }\n  }\n\n  private scrollToElement(element: HTMLElement) {\n    if (element) {\n      element.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    }\n  }\n\n  private changedHandler(event, option, fireChangeEvent = true) {\n    const data = {\n      event: event,\n      option: option,\n      detail: null,\n      productId: this.productId\n    };\n\n    if (option.details) {\n      const detail = option.details.find((detail) => {\n        return Number(detail.id) === Number(event.target.value);\n      });\n      data.detail = detail;\n    }\n\n    if (option.type === 'country') {\n      this.handleCountryOptionChange(event, data.detail);\n    }\n\n    const optionElement = event.target.closest('.s-product-options-option');\n    if (event.target.value ||\n      ((option.type === DisplayType.FILE || option.type === DisplayType.IMAGE) && event.type === 'added') ||\n      (option.type === DisplayType.MAP && event.type === 'selected' && (event.target.lat && event.target.lng))) {\n      setTimeout(() => {\n        optionElement.classList.remove('s-product-options-option-error');\n      }, 200);\n    }\n\n    if (option.type === DisplayType.DONATION) {\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: event.target.value\n      });\n    }\n\n    this.setSelectedSkus();\n    this.handleRequiredMultipleOptions(option);\n\n    const index = this.selectedOptions.findIndex(opt => opt.option_id === data.option.id);\n\n    if (data.option.type === DisplayType.MULTIPLE_OPTIONS) {\n      // Handle multiple selections\n      const detailIndex = this.selectedOptions.findIndex(\n        opt => opt.option_id === data.option.id && opt?.id === data.detail?.id\n      );\n      if (detailIndex > -1) {\n        // If the option is already selected, remove it (unselect)\n        this.selectedOptions.splice(detailIndex, 1);\n      } else {\n        // If the option is not selected, add it to the selectedOptions array\n        this.selectedOptions.push({ ...data.detail, option_id: data.option.id });\n      }\n    } else {\n      // Handle single selection\n      if (!data.detail || Object.keys(data.detail).length === 0) {\n        // If there is no value for the single-select, remove it from the selectedOptions array\n        if (index > -1) {\n          this.selectedOptions.splice(index, 1);\n        }\n      } else {\n        // If a value exists, update or add the selection\n        if (index > -1) {\n          // Replace the existing selection with the new one\n          this.selectedOptions[index] = { ...data.detail, option_id: data.option.id };\n        } else {\n          // If no selection exists for this input, add the new selection\n          this.selectedOptions.push({ ...data.detail, option_id: data.option.id });\n        }\n      }\n    }\n\n    \n    // Update optionsData directly\n    this.optionsData = this.optionsData.map(opt => {\n      if (opt.id === data.option.id) {\n        return {\n          ...opt,\n          details: opt.details.map(detail => ({\n            ...detail,\n            is_selected: data.option.type === DisplayType.MULTIPLE_OPTIONS\n              ? this.selectedOptions.some(selected => selected.id === detail.id)\n              : Number(detail.id) === Number(data.detail?.id),\n            value: data.detail?.value\n          }))\n        };\n      }\n      return opt;\n    });\n    // Emit the event only if fireChangeEvent is true\n    if (fireChangeEvent) {\n      this.changed.emit(data);\n      salla.event.emit('product-options::change', data);\n    }\n  }\n\n\n  private handleDonationOptions = (event, detail, type) => {\n    if (detail === 'custom' && type === 'input') {\n      salla.helpers.inputDigitsOnly(event.target)\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: event.target.value\n      });\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    this.isCustomDonation = event.target.value === 'custom';\n    if (this.donationInput) {\n      if (event.target.value === 'custom') {\n        this.donationInput.value = '';\n        this.donationInput.focus()\n      } else {\n        this.donationInput.value = event.target.value;\n      }\n      if (detail === 'custom') {\n        return\n      }\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: event.target.value\n      });\n    }\n  }\n\n  private hideLabel = (option) => {\n    if (option.type === DisplayType.DONATION && (option.donation && !option.donation.can_donate)) {\n      return true;\n    }\n    return false;\n  }\n\n  private getExpireDonationMessage = (option) => {\n    if (!option.donation) {\n      return;\n    }\n    const completed = option.donation.target_amount <= option.donation.collected_amount;\n    return <div class={{ \"s-product-options-donation-message\": true, \"s-product-options-donation-completed\": completed, \"s-product-options-donation-expired\": !completed }}>\n      <p>{option.donation.target_message}</p>\n      <span innerHTML={completed ? salla.money(option.donation.target_amount) : ''}></span>\n    </div>\n  }\n  /**\n   * loop throw all selected details, then get common sku, if it's only one, means we selected all of them;\n   */\n  private setSelectedSkus() {\n    this.selectedSkus = this.selectedOptions.map(detail => Object.keys(detail.skus_availability || {}))\n      .reduce((p, c) => p.filter(e => c.includes(e)), []) // Initialize accumulator as an empty array\n      .map(sku => Number(sku));\n  }\n  \n\n  private handleRequiredMultipleOptions(option) {\n    if (option.type !== DisplayType.MULTIPLE_OPTIONS || !option.required) {\n      return;\n    }\n    const optionContainer = this.host.querySelector(`[data-option-id=\"${option.id}\"]`);\n    const hasChecked = optionContainer.querySelectorAll('input:checked').length;\n    optionContainer.querySelectorAll('input').forEach(input => input.toggleAttribute('required', !hasChecked));\n  }\n\n  private getLatLng(value, type: 'lat' | 'lng') {\n    return value\n      ? value.split(',')[type === 'lat' ? 0 : 1]\n      : '';\n  }\n\n  private getDisplayForType(option: Option) {\n    if (this[`${option.type}Option`]) {\n      return this[`${option.type}Option`](option);\n    }\n\n    if (option.type === DisplayType.COLOR_PICKER) {\n      return this.colorPickerOption(option)\n    }\n\n    if (option.type === DisplayType.MULTIPLE_OPTIONS) {\n      return this.multipleOptions(option);\n    }\n\n    if (option.type === DisplayType.SINGLE_OPTION) {\n      return this.singleOption(option);\n    }\n\n    if (option.type === DisplayType.DIGITAL_CARD_VALUE) {\n      return this.digitalCardValuesOption(option);\n    }\n    if (option.type === DisplayType.COUNTRY) {\n      return this.countryOption(option);\n    }\n\n    if (option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\")) {\n      return <salla-booking-field onInvalidInput={(e) => this.invalidHandler(e, option)} option={option as any} productId={option.value}></salla-booking-field>\n    }\n\n    salla.log(`Couldn't find options type(${option.type})😢`);\n    return '';\n  }\n\n  protected getOptionShownWhen(option: Option) {\n    return option.visibility_condition\n      ? { \"data-show-when\": `options[${option.visibility_condition.option}] ${option.visibility_condition.operator} ${option.visibility_condition.value}` }\n      : {};\n  }\n\n  private getAvailableDigitalCardSKUs(detail: Detail) {\n    const digitalCardOption = this.optionsData.find(({ type }) => type === 'digital-code-value')\n\n    if (!digitalCardOption) throw new Error('product-options:: No digital card options found')\n\n    const outofStockSKUs = Object.keys(detail.skus_availability).filter(key => detail.skus_availability[key] === false)\n\n    this.availableDigitalCardValues = digitalCardOption.details.filter((op) => {\n\n      return !Object.keys(op.skus_availability).filter(SKU_key => outofStockSKUs.includes(SKU_key)).length\n\n    })\n\n  }\n  private handleCountryOptionChange(event: Event, detail: Detail) {\n    event.stopImmediatePropagation()\n\n    this.ignoreDefaultCardValue = true\n\n    const currentCardValue = this.host.querySelector(\"input[data-code-value]:checked\") as HTMLInputElement | null\n\n    if (currentCardValue) currentCardValue.checked = false\n\n    const digitalCardOption = this.optionsData.find(({ type }) => type === 'digital-code-value')\n\n    if (!digitalCardOption) throw new Error('product-options:: No digital card options found')\n\n    this.getAvailableDigitalCardSKUs(detail)\n  }\n\n  private getSelectedDigitalCardOptions(option: Option) {\n    const selectedOption = option.details.find(detail => detail.is_selected)\n    const defaultOption = option.details.find(detail => !!detail.is_default) || option.details[0] /*option.details[0] only applys for counrty options*/\n    if (!['digital-code-value', 'country'].includes(option.type)) return\n\n    return selectedOption || defaultOption\n\n\n  }\n\n  //we need the cart Id for productOption Image\n  async componentWillLoad() {\n    if(salla.url.is_page(\"cart\")){\n      this.disableCardValue=false\n      this.fillSelectedOptions();\n    }\n\n  if (this.config) {\n      try {\n        this.optionConfig = typeof this.config === 'string' ? JSON.parse(this.config) : this.config;\n      } catch (error) {\n        console.error('Failed to parse JSON in config prop:', error);\n      }\n    }\n\n    const shouldSelectDefaultOption = this.optionsData.filter(({ type }) => [\"country\", \"digital-card-value\"].includes(type)).length > 0 && salla.url.is_page('cart')\n\n    if (shouldSelectDefaultOption) {\n      const countryOption = this.optionsData.find(option => option.type === 'country')\n\n      const defaultSelection = countryOption && this.getSelectedDigitalCardOptions(countryOption)\n\n      if (defaultSelection) {\n        this.getAvailableDigitalCardSKUs(defaultSelection)\n      }\n    }\n    this.outOfStockText = salla.lang.get('pages.products.out_of_stock')\n    await salla.onReady();\n    document.addEventListener(\"paste\", this.handlePaste.bind(this));\n    const needsCartId = (!salla.storage.get('cart.id') && this.optionsData.some(option => ['file', 'image'].includes(option.type)));\n    return needsCartId ? salla.api.cart.getCurrentCartId(false, \"salla-product-options\") : null;\n  }\n\n  /**\n   * This is a workaround for a bug in iOS 26 Safari, when pasting English text to RTL inputs, it adds extra text!!\n   * To avoid any break changes, we will make it only work on these conditions:\n   *  - content_copyright is on\n   *  - Apple Pay is enabled (means it's iOS/safari)\n   *  - Input is an input or textarea\n   *  - Salla form control\n   *  - Options array\n   */\n  private handlePaste(event: ClipboardEvent) {\n      const target = event.target;\n      if (\n          !Salla.config.get('store.settings.content_copyright')\n          || !Salla.helpers.hasApplePay()\n          || !(target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement)\n          || !target.classList.contains('s-form-control')\n          || !target.name.startsWith('options[')) {\n          return;\n      }\n      // Prevent default paste (to avoid Safari inserting extra content)\n      event.preventDefault();\n\n      // Read only the clipboard data\n      const text = event.clipboardData?.getData(\"text\") || \"\";\n\n      // Insert it manually at cursor if you want\n      const start = target.selectionStart;\n      const end = target.selectionEnd;\n\n      const newValue = target.value.slice(0, start) + text + target.value.slice(end);\n\n      target.value = newValue;\n\n      // Reset cursor position\n      target.setSelectionRange(start + text.length, start + text.length);\n  }\n\n  private hideDigitalCardsOptions(option:Option){\n    return (this.disableCardValue && option.type===DisplayType.DIGITAL_CARD_VALUE && !salla.url.is_page(\"cart\"))\n   }\n\n  render() {\n    if (this.optionsData?.length === 0) {\n      return;\n    }\n\n    return (\n      <Host class=\"s-product-options-wrapper\">\n        {/* TODO:: move salla-conditional-field logic to here, no need of another component*/}\n        <salla-conditional-fields>\n          {this.optionsData.map((option: Option) =>\n            <div key={option.id} class={`s-product-options-option-container${option.visibility_condition || this.hideDigitalCardsOptions(option) ? ' hidden' : ''}`}\n              data-option-id={option.id}\n              {...this.getOptionShownWhen(option)}>\n              {option.name === 'splitter' ?\n                this.splitterOption()\n                : <div class={{ \"s-product-options-option\": true, \"s-product-options-option-booking\": option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\") }} data-option-type={option.type}\n                  data-option-required={`${option.required}`}>\n                  <label htmlFor={`options[${option.id}]`} class={`s-product-options-option-label ${this.hideLabel(option) ? 's-product-options-option-label-hidden' : ''}`}>\n                    <b>\n                      {option.name}\n                      {option.required && <span> * </span>} </b>\n                    <small>{option.placeholder}</small>\n                  </label>\n                  <div class={`s-product-options-option-content ${this.hideLabel(option) || (option.type === DisplayType.BOOKING && salla.url.is_page(\"cart\")) ? 's-product-options-option-content-full-width' : ''}`}>\n                    {this.getDisplayForType(option)}\n                  </div>\n                </div>}\n            </div>\n          )}\n        </salla-conditional-fields>\n      </Host>\n    );\n\n  }\n\n  private generateUniqueKey(defaultValue: string): string {\n    return this.uniqueKey ? `${defaultValue}-${this.uniqueKey}` : defaultValue;\n  }\n  private fillSelectedOptions() {\n    this.selectedOptions = this.optionsData.reduce((acc, opt) => {\n      const selectedDetails = opt.details.filter(detail => detail.is_selected);\n      const mappedDetails = selectedDetails.map(detail => ({\n        ...detail,\n        option_id: opt.id\n      }));\n      return acc.concat(mappedDetails);\n    }, []);\n  }\n\n  private triggerProductFormSelectionEvents() {\n    const trigger = (f: HTMLFormElement) =>\n      ['change', 'input'].forEach(e => f.dispatchEvent(new window.Event(e, { bubbles: true })));\n    const form = this.host.closest('form') as HTMLFormElement;\n    if (form) {\n      trigger(form);\n    } else {\n      // Fallback: wait for parent form to appear\n      const observer = new MutationObserver(() => {\n        const form = this.host.closest('form') as HTMLFormElement;\n        if (form) {\n          trigger(form);\n          observer.disconnect();\n        }\n      });\n      observer.observe(document.body, { childList: true, subtree: true });\n    }\n  }\n\n  componentDidLoad() {\n    if (salla.url.is_page('product.single')) {\n      this.triggerProductFormSelectionEvents();\n    }\n    if (this.optionsData?.length === 0 && !this.optionsData.some(option => option.type === DisplayType.DONATION)) {\n      return;\n    }\n    const selectedDonationOption = this.optionsData.find(option => option.type === DisplayType.DONATION)?.details.find(detail => detail.is_selected);\n    if (!selectedDonationOption) {\n      return;\n    }\n    setTimeout(() => {\n      salla.event.emit('product-options::donation-changed', {\n        id: this.productId,\n        price: selectedDonationOption.additional_price\n      });\n    }, 1000);\n  }\n  //@ts-ignore\n  private donationOption(option: Option, product: Product) {\n    return <div class=\"s-product-options-donation-wrapper\">\n\n      {option.donation?.can_donate ? [\n        option.donation ?\n          <div key={option.id} class=\"s-product-options-donation-progress\">\n            <salla-progress-bar donation={option.donation}>\n            </salla-progress-bar>\n          </div>\n          : '',\n        option.details.length ?\n          [<h4 key={option.id}>{this.selectAmount}</h4>,\n          <div key={option.id} class=\"s-product-options-donation-options\">\n            {option.details.map((detail, i) =>\n              <div key={option.id} class=\"s-product-options-donation-options-item\">\n                <input id={this.generateUniqueKey(`donation-option-${i}`)} type=\"radio\" name=\"donating_option\" checked={detail.is_selected} value={detail.additional_price} onChange={e => this.handleDonationOptions(e, detail, 'option')} />\n                <label htmlFor={this.generateUniqueKey(`donation-option-${i}`)}>\n                  <span innerHTML={salla.money(detail.name)}></span>\n                </label>\n              </div>\n            )}\n            {option.donation?.custom_amount_enabled ?\n              <div class=\"s-product-options-donation-options-item\">\n                <input id={this.generateUniqueKey(\"donation-option-custom\")} type=\"radio\" name=\"donating_option\" value=\"custom\" onChange={e => this.handleDonationOptions(e, 'custom', 'option')} />\n                <label htmlFor={this.generateUniqueKey(\"donation-option-custom\")}>\n                  <span> {this.selectDonationAmount} </span>\n                </label>\n              </div>\n              : ''\n            }\n          </div>] : '',\n\n        <div key={option.id} class={{ \"s-product-options-donation-input-group\": true, \"shown\": !option.details.length || (option.details.length && this.isCustomDonation) }}>\n          <input\n            type=\"text\"\n            id=\"donating-amount\"\n            name=\"donation_amount\"\n            class=\"s-form-control\"\n            ref={el => { this.donationInput = el as HTMLInputElement }}\n            value={\n              option.details.length\n                && option.details.some(detail => detail.is_selected)\n                ? option.details.find(detail => detail.is_selected).additional_price\n                : option.value}\n            // required\n            placeholder={option.placeholder}\n            onInput={e => this.handleDonationOptions(e, 'custom', 'input')}\n            onBlur={e => this.changedHandler(e, option)}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n          />\n          {/* value={option.value} */}\n          <span class=\"s-product-options-donation-amount-currency\">\n            {salla.config.currency(salla.config.get('user.currency_code')).symbol}\n          </span>\n        </div>\n      ] :\n        this.getExpireDonationMessage(option)\n      }\n    </div>\n  }\n\n  private fileUploader(option: Option, additions: Record<string, unknown> | null = null) {\n    return <salla-file-upload\n      {...(additions || {})}\n      payload-name=\"file\"\n      value={option.value}\n      instant-upload={true}\n      name={`options[${option.id}]`}\n      required={!option.visibility_condition && option.required}\n      height=\"120px\"\n      onAdded={(e) => this.changedHandler(e, option)}\n      url={salla.cart.api.getUploadImageEndpoint()}\n      form-data={{ cart_item_id: this.productId, product_id: this.productId }}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      class={{ \"s-product-options-image-input\": true, required: option.required }}\n    >\n      <div class=\"s-product-options-filepond-placeholder\">\n        <span class=\"s-product-options-filepond-placeholder-icon\"\n          innerHTML={(additions as { accept: string }).accept?.split(',').every(type => type.includes('image'))\n            ? CameraIcon\n            : FileIcon}\n        />\n        <p class=\"s-product-options-filepond-placeholder-text\">{salla.lang.get('common.uploader.drag_and_drop')}</p>\n        <span class=\"filepond--label-action\">{salla.lang.get('common.uploader.browse')}</span>\n      </div>\n    </salla-file-upload>\n  }\n\n  //@ts-ignore\n  private imageOption(option: Option) {\n    return this.fileUploader(option, { accept: 'image/png,image/jpeg,image/jpg,image/gif' });\n  }\n\n  //@ts-ignore\n  private fileOption(option: Option) {\n    const types = option.details.map(detail => this.fileTypes[detail.name]).filter(Boolean);\n    return types?.length\n      ? this.fileUploader(option, { accept: types.join(',') })\n      : 'File types not selected.';\n  }\n\n  // TODO: (ONLY FOR TESTING!) find a better way to make it testable, e.g. wrap it with a unique class like textOption\n  //@ts-ignore\n  private numberOption(option: Option) {\n    return <input\n      type=\"text\"\n      value={option.value}\n      class=\"s-form-control\"\n      required={!option.visibility_condition && option.required}\n      name={`options[${option.id}]`}\n      placeholder={option.placeholder}\n      onBlur={e => this.changedHandler(e, option)}\n      onInvalid={(e) => this.invalidHandler(e, option)}\n      onInput={e => salla.helpers.inputDigitsOnly(e.target)} />\n  }\n\n  //@ts-ignore\n  private splitterOption() {\n    return <div class=\"s-product-options-splitter\" />\n  }\n\n  //@ts-ignore\n  private textOption(option: Option) {\n    return <div class=\"s-product-options-text\">\n      <input\n        type=\"text\"\n        value={option.value}\n        maxLength={option?.length}\n        class='s-form-control'\n        required={!option.visibility_condition && option.required}\n        name={`options[${option.id}]`}\n        placeholder={option.placeholder}\n        onInvalid={(e) => this.invalidHandler(e, option)}\n        onChange={e => this.changedHandler(e, option)} />\n    </div>\n  }\n\n  //@ts-ignore\n  private textareaOption(option: Option) {\n    //todo::remove mt-1 class, and if it's okay to remove the tag itself will be great\n    return <div class=\"s-product-options-textarea\">\n      <div class=\"mt-1\">\n        <textarea\n          rows={4}\n          value={option.value}\n          maxLength={option?.length}\n          class=\"s-form-control\"\n          required={!option.visibility_condition && option.required}\n          id={`options[${option.id}]`}\n          name={`options[${option.id}]`}\n          placeholder={option.placeholder}\n          onInvalid={(e) => this.invalidHandler(e, option)}\n          onChange={(e) => this.changedHandler(e, option)} />\n      </div>\n    </div>\n  }\n\n  //@ts-ignore\n  private mapOption(option: Option) {\n    return <salla-map\n      zoom={15}\n      lat={this.getLatLng(option.value, 'lat')}\n      lng={this.getLatLng(option.value, 'lng')}\n      name={`options[${option.id}]`}\n      searchable={true}\n      required={option.required}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      onSelected={e => this.changedHandler(e, option)} />\n  }\n\n  private colorPickerOption(option: Option) {\n    return <salla-color-picker\n      onSubmitted={e => this.changedHandler(e, option)}\n      name={`options[${option.id}]`}\n      required={!option.visibility_condition && option.required}\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      color={option.value} />\n  }\n\n  /**\n   * ============= Date Time options =============\n   */\n  //@ts-ignore\n  private timeOption(option: Option) {\n    return <salla-datetime-picker\n      noCalendar={true}\n      enableTime={true}\n      dateFormat=\"h:i K\"\n      value={option.value}\n      placeholder={option.name}\n      required={!option.visibility_condition && option.required}\n      name={`options[${option.id}]`}\n      class=\"s-product-options-time-element\"\n      onInvalidInput={(e) => this.invalidHandler(e, option)}\n      onPicked={e => this.changedHandler(e, option)} />\n  }\n\n  //@ts-ignore\n  private dateOption(option: Option) {\n    //todo:: consider date-range @see https://github.com/SallaApp/theme-raed/blob/master/src/assets/js/partials/product-options.js#L8-L23\n    return <div class=\"s-product-options-date-element\">\n      <salla-datetime-picker\n        value={option.value}\n        placeholder={option.name}\n        required={!option.visibility_condition && option.required}\n        minDate={new Date()}\n        name={`options[${option.id}]`}\n        onInvalidInput={(e) => this.invalidHandler(e, option)}\n        onPicked={e => this.changedHandler(e, option)} />\n    </div>\n  }\n\n  //@ts-ignore\n  private datetimeOption(option: Option) {\n    //todo:: consider date-range @see https://github.com/SallaApp/theme-raed/blob/master/src/assets/js/partials/product-options.js#L8-L23\n    return <div class=\"s-product-options-datetime-element\">\n      <salla-datetime-picker\n        enableTime={true}\n        value={option.value}\n        dateFormat=\"Y-m-d G:i:K\"\n        placeholder={option.name}\n        required={!option.visibility_condition && option.required}\n        name={`options[${option.id}]`}\n        maxDate={option.to_date_time}\n        minDate={option.from_date_time}\n        onInvalidInput={(e) => this.invalidHandler(e, option)}\n        onPicked={e => this.changedHandler(e, option)} />\n    </div>\n  }\n\n  /**\n   * ============= Advanced options =============\n   */\n  protected getOptionDetailName(detail: Detail, outOfStock = true, optionType?: string) {\n    let detailName;\n    if (optionType && optionType === DisplayType.COLOR) {\n      detailName = detail.name\n        + ((outOfStock && this.isOptionDetailOut(detail) && !salla.url.is_page(\"cart\")) && !this.hideOutLabel ? ` <br/> <p> ${this.outOfStockText} </p>` : '')\n        + (detail.additional_price ? ` <p> (${salla.money(detail.additional_price, false)}) </p>` : '');\n    }\n\n    if(!detailName){\n        detailName = detail.name\n      + ((outOfStock && this.isOptionDetailOut(detail) && !salla.url.is_page(\"cart\")) && !this.hideOutLabel ? ` - ${this.outOfStockText}` : '')\n      + (detail.additional_price ? ` (${salla.money(detail.additional_price, false)})` : '');\n    }\n\n    //Some merchants adding price to the names of the options,\n    //and because we are using this inside select option, we need to replace the html currency symbol with the store currency symbol\n    return detailName.replace('<i class=sicon-sar></i>',salla.config.currency()?.symbol || 'ر.س');\n  }\n\n\n  protected isOptionDetailOut(detail: Detail) {\n    if (detail.is_out || !detail.skus_availability || !this.selectedSkus?.length) {\n      return detail.is_out;\n    }\n\n    const isDetailSelected = this.selectedOptions.filter(option => option.id === detail.id).length;\n    //if the current options is the only selected option, so we are sure that it's not out, because there is no other options selected yet\n    if (isDetailSelected && this.selectedOptions.length === 1) {\n      return false;\n    }\n\n    //if current details has sku in the possible outSkus it's out for sure\n    if (isDetailSelected) {\n      //here we will get the possible outSkus for current selected options\n      const outSelectableSkus = this.selectedSkus.filter(sku => this.outSkus.includes(sku));\n      return Object.keys(detail.skus_availability).some(sku => outSelectableSkus.includes(Number(sku)))\n    }\n\n    return this.selectedOptions.some(option => option.is_out && option.option_id !== detail.option_id)\n\n  }\n\n  /**\n   * Renders a single input element (radio or checkbox) for an option detail.\n   * @param type - The type of input element ('radio' or 'checkbox').\n   * @param detail - The detail object representing an option detail.\n   * @param option - The parent option object containing the details.\n   * @param isRequired - Indicates if the input is required based on the option's rules.\n   * @param name - The name attribute for the input element.\n   * @returns HTMLElement - A labeled input element.\n   */\n  private renderInput(\n    type: 'radio' | 'checkbox',\n    detail: Detail,\n    option: Option,\n    isRequired: boolean,\n    name: string,\n    buttonStyle: boolean,\n  ): HTMLElement {\n    const id = this.generateUniqueKey(`${type}-${option.id}-${detail.id}`);\n    const isDisabled = this.isOptionDetailOut(detail);\n    return (\n      <label class={{\n        \"s-product-options-disabled\": isDisabled,\n      }}>\n        <input\n          id={id}\n          type={type}\n          name={name}\n          value={detail.id}\n          disabled={isDisabled}\n          required={isRequired}\n          checked={detail.is_selected}\n          onInvalid={(e) => this.invalidHandler(e, option)}\n          onChange={(e) => this.changedHandler(e, option)}\n        />\n        <div class={{\"s-product-options-grid-mode-span\": buttonStyle, \"s-product-options-disabled\": isDisabled}}>\n          {this.getOptionDetailName(detail)}\n        </div>\n      </label>\n    );\n  }\n\n  /**\n   * Renders a collection of input elements for all details of an option.\n   * @param type - The type of input elements ('radio' or 'checkbox').\n   * @param option - The parent option object containing the details.\n   * @param isRequired - Indicates if the inputs are required based on the option's rules.\n   * @returns HTMLElement[] - An array of labeled input elements.\n   */\n  private renderOptionDetails(\n    type: 'radio' | 'checkbox',\n    option: Option,\n    isRequired: boolean,\n    buttonStyle: boolean = false\n  ): HTMLElement[] {\n    const name = type === 'radio' ? `options[${option.id}]` : `options[${option.id}][]`;\n    return option?.details.map((detail: Detail) =>\n      this.renderInput(type, detail, option, isRequired, name, buttonStyle)\n    );\n  }\n\n  /**\n   * Renders a dropdown (select) element for a single-option selection.\n   * @param option - The parent option object.\n   * @returns HTMLElement - A select dropdown element with all option details.\n   */\n  private renderSelect(option: Option): HTMLElement {\n    return (\n      <div>\n        <select\n          name={`options[${option.id}]`}\n          required={!option.visibility_condition && option.required}\n          class=\"s-form-control\"\n          onInvalid={(e) => this.invalidHandler(e, option)}\n          onChange={(e) => this.changedHandler(e, option)}\n        >\n          <option value=\"\">{option.placeholder}</option>\n          {option?.details.map((detail: Detail) => (\n            <option\n              key={detail.id}\n              value={detail.id}\n              disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n              selected={detail.is_selected}\n            >\n              {this.getOptionDetailName(detail)}\n            </option>\n          ))}\n        </select>\n      </div>\n    );\n  }\n\n  /**\n   * Renders a grid-based layout for option inputs (radio or checkbox).\n   * @param type - The type of input elements ('radio' or 'checkbox').\n   * @param option - The parent option object containing the details.\n   * @param isRequired - Indicates if the inputs are required based on the option's rules.\n   * @returns HTMLElement - A grid-based container with input elements.\n   */\n  private renderButtonStyle(\n    type: 'radio' | 'checkbox',\n    option: Option,\n    isRequired: boolean\n  ): HTMLElement {\n    return (\n      <div class=\"s-product-options-grid-mode\">\n        {this.renderOptionDetails(type, option, isRequired, true)}\n      </div>\n    );\n  }\n\n  /**\n   * Renders a single-option selection, either as a grid or dropdown, based on configuration.\n   * @param option - The parent option object.\n   * @returns HTMLElement - The rendered single-option element.\n   */\n  private singleOption(option: Option): HTMLElement {\n    const buttonStyle = this.optionConfig?.['single-option']?.type === 'button';\n    const isRequired = !option.visibility_condition && option.required;\n\n    return buttonStyle\n      ? this.renderButtonStyle('radio', option, isRequired)\n      : this.renderSelect(option);\n  }\n\n  /**\n   * Renders a multiple-option selection, either as a grid or list, based on configuration.\n   * @param option - The parent option object.\n   * @returns HTMLElement - The rendered multiple-option element.\n   */\n  private multipleOptions(option: Option): HTMLElement {\n    const buttonStyle = this.optionConfig?.['multiple-option']?.type === 'button';\n    const isRequired =\n      option.required &&\n      !option.details.some((detail) => detail.is_selected) &&\n      !option.visibility_condition;\n\n    return buttonStyle\n      ? this.renderButtonStyle('checkbox', option, isRequired)\n      : (\n        <div\n          class={{\n            's-product-options-multiple-options-wrapper': true,\n            required: option.required,\n          }}\n        >\n          {this.renderOptionDetails('checkbox', option, isRequired)}\n        </div>\n      );\n  }\n  \n  //@ts-ignore\n  private colorOption(option: Option) {\n    return (\n      <fieldset\n        class=\"s-product-options-colors-wrapper\"\n      >\n        {option?.details.map((detail) => (\n          <div\n            class=\"s-product-options-colors-item\"\n            key={detail.id}\n          >\n            <input\n              type=\"radio\"\n              value={detail.id}\n              required={!option.visibility_condition && option.required}\n              checked={detail.is_selected}\n              name={`options[${option.id}]`}\n              disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n              id={this.generateUniqueKey(`color-${this.productId}-${option.id}-${detail.id}`)}\n              onInvalid={(e) => this.invalidHandler(e, option)}\n              onChange={(e) => this.changedHandler(e, option)}\n            />\n            <label htmlFor={this.generateUniqueKey(`color-${this.productId}-${option.id}-${detail.id}`)}>\n              <span style={{ backgroundColor: detail.color }} />\n              <div innerHTML={this.getOptionDetailName(detail, true, option.type)} />\n            </label>\n          </div>\n        ))}\n      </fieldset>\n    );\n  }  \n\n  //@ts-ignore\n  private thumbnailOption(option: Option) {\n    return <div class=\"s-product-options-thumbnails-wrapper\">\n      {option.details.map((detail: Detail) => {\n        return <div key={detail.id}>\n          <input type=\"radio\"\n            value={detail.id}\n            data-itemid={detail.id} //todo:: why need this? it's already in the value!\n            required={!option.visibility_condition && option.required}\n            checked={detail.is_selected}\n            name={`options[${option.id}]`}\n            data-img-id={detail.option_value}\n            disabled={this.canDisabled && this.isOptionDetailOut(detail)}\n            id={this.generateUniqueKey(`option_${this.productId}-${option.id}_${detail.id}`)}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            onChange={(e) => this.changedHandler(e, option)} />\n          <label htmlFor={this.generateUniqueKey(`option_${this.productId}-${option.id}_${detail.id}`)}\n            data-img-id={detail.option_value}\n            class=\"go-to-slide\">\n            <img data-src={detail.image} src={detail.image} title={detail.name} alt={detail.name} />\n            <span innerHTML={CheckCircleIcon} class=\"s-product-options-thumbnails-icon\" />\n            {this.isOptionDetailOut(detail) ?\n              [\n                <small key={detail.id} class=\"s-product-options-thumbnails-stock-badge\">{this.outOfStockText}</small>,\n                this.canDisabled ? <div key={detail.id} class=\"s-product-options-thumbnails-badge-overlay\" /> : '',\n              ]\n              : ''}\n          </label>\n          <p>{this.getOptionDetailName(detail, false)} </p>\n        </div>\n      })}\n    </div>\n  }\n\n  // Digital card options\n  private digitalCardValuesOption(option: Option) {\n\n    return <div class=\"s-product-options-digital-card-wrapper\">\n      {this.availableDigitalCardValues.length > 0 ? this.availableDigitalCardValues.map((detail) => {\n        const id = String(detail.id)\n        return <label htmlFor={this.generateUniqueKey(id.toString())} key={id} class=\"s-product-options-digital-card-option\">\n          <input type=\"radio\" data-code-value class=\"s-form-control s-product-options-digital-card-input\" value={detail.id}\n            name={`options[${option.id}]`}\n            id={this.generateUniqueKey(id.toString())}\n            required={!option.visibility_condition && option.required}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            {...(!this.ignoreDefaultCardValue ? {defaultChecked: this.getSelectedDigitalCardOptions(option)?.id === detail.id}:{})}\n\n          />\n          <span>{detail.name} {salla.config?.currency()?.symbol}</span>\n        </label>\n      })\n        : <div class=\"s-product-options-digital-card-out-of-stock\"/>\n      }\n    </div>\n  }\n  private countryOption(option: Option) {\n    return <div class=\"s-product-options-digital-card-wrapper\">\n      {option.details.map((detail) => {\n\n       return <label htmlFor={this.generateUniqueKey(detail.id.toString())} key={detail.id} class={{\"s-product-options-digital-card-option\":true,\"s-product-options-digital-card-option-stock-out\":detail.is_out}}>\n          <input id={this.generateUniqueKey(detail.id.toString())} type=\"radio\" class=\"s-form-control s-product-options-digital-card-input\" value={detail.id}\n            name={`options[${option.id}]`}\n            disabled={detail.is_out}\n            required={!option.visibility_condition && option.required}\n            onInvalid={(e) => this.invalidHandler(e, option)}\n            onChange={e => this.changedHandler(e, option)}\n            onClick={()=>{ this.disableCardValue = false}}\n            {...(salla.url.is_page(\"cart\") ? {defaultChecked:this.getSelectedDigitalCardOptions(option)?.id === detail.id}:{})}\n\n          />\n               <img loading='lazy' alt={detail.code} height={24} width={24} class=\"s-product-options-country-flag\" src={`https://cdn.assets.salla.network/prod/admin/cp/assets/flags/1x1/${String(detail.code).toLocaleLowerCase()}.svg`}/>\n          <span >{detail.name}</span>\n        </label>\n  })\n      }\n    </div>\n\n  }\n\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/twilight/{p-CQ0P5lf7.system.js.map → p-81UxRwTN.system.js.map}

@@ -1 +1 @@
-{"version":3,"file":"p-CQ0P5lf7.system.js","sources":["src/components/salla-contacts/salla-contacts.scss?tag=salla-contacts","src/components/salla-contacts/salla-contacts.tsx"],"sourcesContent":[".unicode {\n  unicode-bidi: plaintext;\n}","import { Component, Host, h, Prop, State, Element } from '@stencil/core';\nimport mobile from '../../assets/svg/iphone.svg';\nimport whatsapp from '../../assets/svg/whatsapp2.svg';\nimport phone from '../../assets/svg/phone.svg';\nimport telegram from '../../assets/svg/paper-plane-o.svg';\nimport email from '../../assets/svg/mail.svg';\n/**\n * @slot contact - Replaces contact item, has replaceable props `{icon}`, `{value}`.\n */\n@Component({\n  tag: 'salla-contacts',\n  styleUrl: 'salla-contacts.scss',\n})\nexport class SallaContacts {\n  constructor() {\n    this.contactSlot = this.host.querySelector('[slot=\"contact\"]')?.innerHTML || `<a href={link} class=\"s-contacts-item\"><span class=\"s-contacts-icon\">{icon}</span>${!this.iconsOnly && \"<span class='unicode'>{value}</span>\"}</a>`;\n\n    salla.onReady(() => {\n      this.contacts = salla.config.get('store.contacts');\n    });\n\n    salla.lang.onLoaded(() => {\n      this.contactsTitle =  this.contactsTitle || salla.lang.get('blocks.footer.social');\n    });\n  }\n  private readonly contactSlot: string;\n\n  /**\n   * Section title for social block of footer.\n   */\n  @Prop({mutable: true}) contactsTitle: string;\n\n  /**\n   * Flag to toggle title visibility.\n   */\n  @Prop() hideTitle: boolean;\n\n  /**\n   * Conditional flag to check whether the content is header or not.\n   */\n  @Prop() isHeader: boolean;\n\n  /**\n   * Flag to toggle list of contents whether vertical or horizontal.\n   */\n  @Prop() horizontal: boolean;\n\n  /**\n   * Flag condition to show icon only or icon with label\n   */\n  @Prop() iconsOnly: boolean;\n\n\n  @Element() host: HTMLElement;\n  @State() contacts: any = salla.config.get('store.contacts');\n  @State() iconsList: any = { mobile, whatsapp, phone, telegram, email }\n  private getContactsArray() {\n    return Object.entries(this.contacts)\n      .filter(([_key, value]) => value !== '')\n      .map(([type, value]) => ({ type, value }));\n  }\n\n  private getContactLink(type) {\n    const contactValue = this.contacts[type];\n    switch (type) {\n      case 'phone':\n      case 'mobile':\n        return `tel:${contactValue}`;\n      case 'whatsapp':\n        return salla.url.get('whatsapp/send');\n      case 'email':\n        return `mailto:${contactValue}`;\n      case 'telegram':\n        // Check if the contact is already a full URL\n        return contactValue.startsWith('https://t.me/') ? contactValue : `https://t.me/${contactValue}`;\n      default:\n        return contactValue;\n    }\n  }\n  private getContactIcon(type) {\n    return this.iconsList[type];\n  }\n\n  componentWillLoad() {\n    return new Promise(resolve => salla.onReady(resolve));\n  }\n\n\n  render() {\n    \n    const contactsArray = this.getContactsArray();\n\n    if(!contactsArray || contactsArray.length == 0){\n      return\n    }\n\n    if (this.isHeader) {\n      return (\n        <Host class=\"s-contacts s-contacts-header\">\n          {contactsArray.filter((contact) => contact.type == 'phone' || contact.type == 'email').map((contact, index) => (\n            <a href={this.getContactLink(contact.type)} key={index} class=\"s-contacts-topnav-link\">\n              {contact.type === 'email' ? (\n                contact.value\n              ) : (\n                [\n                  <span>{this.contactsTitle}: </span>,\n                  <a class=\"unicode\" href={this.iconsList[contact.type]}>{contact.value}</a>\n                ]\n              )}\n            </a>\n          ))}\n        </Host>\n      );\n    }\n\n    return (\n      <Host class=\"s-contacts\">\n        {!this.hideTitle && <h3 class=\"s-contacts-title\">{this.contactsTitle}</h3>}\n        <div class={{\n          's-contacts-list': true,\n          's-contacts-list-horizontal': this.horizontal,\n          's-contacts-list-vertical': !this.horizontal,\n          's-contacts-list-icons-only': this.iconsOnly\n        }\n        }>\n          {contactsArray.map((contact, index) => (\n            <div key={index} id=\"contact-slot\" innerHTML={this.contactSlot\n              .replace(/\\{icon\\}/g, this.getContactIcon(contact.type))\n              .replace(/\\{value\\}/g, contact.value.toString())\n              .replace(/\\{link\\}/g, this.getContactLink(contact.type))}>\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n  componentDidRender() {\n    // this.host.querySelectorAll('#contact-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelector('[slot=\"contact\"]')?.remove();\n  }\n}\n\n"],"names":["email"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAAA,MAAM,gBAAgB,GAAG,iEAAiE;;YCa7E,aAAa,6BAAA,MAAA;MACxB,IAAA,WAAA,CAAA,OAAA,EAAA;;;cAwCS,IAAQ,CAAA,QAAA,GAAQ,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC;MAClD,QAAA,IAAA,CAAA,SAAS,GAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,SAAEA,QAAK,EAAE;cAxCpE,IAAI,CAAC,WAAW,GAAG,CAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,SAAS,KAAI,CAAA,kFAAA,EAAqF,CAAC,IAAI,CAAC,SAAS,IAAI,sCAAsC,MAAM;MAEjO,QAAA,KAAK,CAAC,OAAO,CAAC,MAAK;kBACjB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC;MACpD,SAAC,CAAC;MAEF,QAAA,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAK;MACvB,YAAA,IAAI,CAAC,aAAa,GAAI,IAAI,CAAC,aAAa,IAAI,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,sBAAsB,CAAC;MACpF,SAAC,CAAC;MACH;UAgCO,gBAAgB,GAAA;MACtB,QAAA,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ;MAChC,aAAA,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,KAAK,KAAK,EAAE;MACtC,aAAA,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;;MAGtC,IAAA,cAAc,CAAC,IAAI,EAAA;cACzB,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;cACxC,QAAQ,IAAI;MACV,YAAA,KAAK,OAAO;MACZ,YAAA,KAAK,QAAQ;sBACX,OAAO,CAAA,IAAA,EAAO,YAAY,CAAA,CAAE;MAC9B,YAAA,KAAK,UAAU;sBACb,OAAO,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,eAAe,CAAC;MACvC,YAAA,KAAK,OAAO;sBACV,OAAO,CAAA,OAAA,EAAU,YAAY,CAAA,CAAE;MACjC,YAAA,KAAK,UAAU;;MAEb,gBAAA,OAAO,YAAY,CAAC,UAAU,CAAC,eAAe,CAAC,GAAG,YAAY,GAAG,CAAgB,aAAA,EAAA,YAAY,EAAE;MACjG,YAAA;MACE,gBAAA,OAAO,YAAY;;;MAGjB,IAAA,cAAc,CAAC,IAAI,EAAA;MACzB,QAAA,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;;UAG7B,iBAAiB,GAAA;MACf,QAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;;UAIvD,MAAM,GAAA;MAEJ,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE;cAE7C,IAAG,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,IAAI,CAAC,EAAC;kBAC7C;;MAGF,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,YAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,KAAK,EAAC,8BAA8B,EAAA,EACvC,aAAa,CAAC,MAAM,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,IAAI,IAAI,OAAO,IAAI,OAAO,CAAC,IAAI,IAAI,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,MACxG,SAAG,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAC,wBAAwB,EAAA,EACnF,OAAO,CAAC,IAAI,KAAK,OAAO,IACvB,OAAO,CAAC,KAAK,KAEb;sBACE,CAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAC,aAAa,EAAU,IAAA,CAAA;sBACnC,CAAA,CAAA,GAAA,EAAA,EAAG,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,IAAG,OAAO,CAAC,KAAK;MACtE,aAAA,CACF,CACC,CACL,CAAC,CACG;;MAIX,QAAA,QACE,CAAC,CAAA,IAAI,EAAC,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CAAC,IAAI,CAAC,SAAS,IAAI,CAAI,CAAA,IAAA,EAAA,EAAA,KAAK,EAAC,kBAAkB,EAAE,EAAA,IAAI,CAAC,aAAa,CAAM,EAC1E,CAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE;MACV,gBAAA,iBAAiB,EAAE,IAAI;sBACvB,4BAA4B,EAAE,IAAI,CAAC,UAAU;MAC7C,gBAAA,0BAA0B,EAAE,CAAC,IAAI,CAAC,UAAU;sBAC5C,4BAA4B,EAAE,IAAI,CAAC;MACpC,aAAA,EAEE,EAAA,aAAa,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,MAChC,WAAK,GAAG,EAAE,KAAK,EAAE,EAAE,EAAC,cAAc,EAAC,SAAS,EAAE,IAAI,CAAC;uBAChD,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC;uBACtD,OAAO,CAAC,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE;MAC9C,iBAAA,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,EACpD,CAAA,CACP,CAAC,CACE,CACD;;UAGX,kBAAkB,GAAA;;;MAEhB,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,kBAAkB,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,MAAM,EAAE;;;;;;;;;;;;"}
+{"version":3,"file":"p-81UxRwTN.system.js","sources":["src/components/salla-contacts/salla-contacts.scss?tag=salla-contacts","src/components/salla-contacts/salla-contacts.tsx"],"sourcesContent":[".unicode {\n  unicode-bidi: plaintext;\n}","import { Component, Host, h, Prop, State, Element } from '@stencil/core';\nimport mobile from '../../assets/svg/iphone.svg';\nimport whatsapp from '../../assets/svg/whatsapp2.svg';\nimport phone from '../../assets/svg/phone.svg';\nimport telegram from '../../assets/svg/paper-plane-o.svg';\nimport email from '../../assets/svg/mail.svg';\n/**\n * @slot contact - Replaces contact item, has replaceable props `{icon}`, `{value}`.\n */\n@Component({\n  tag: 'salla-contacts',\n  styleUrl: 'salla-contacts.scss',\n})\nexport class SallaContacts {\n  constructor() {\n    this.contactSlot = this.host.querySelector('[slot=\"contact\"]')?.innerHTML || `<a href={link} class=\"s-contacts-item\"><span class=\"s-contacts-icon\">{icon}</span>${!this.iconsOnly && \"<span class='unicode'>{value}</span>\"}</a>`;\n\n    salla.onReady(() => {\n      this.contacts = salla.config.get('store.contacts');\n    });\n\n    salla.lang.onLoaded(() => {\n      this.contactsTitle =  this.contactsTitle || salla.lang.get('blocks.footer.social');\n    });\n  }\n  private readonly contactSlot: string;\n\n  /**\n   * Section title for social block of footer.\n   */\n  @Prop({mutable: true}) contactsTitle: string;\n\n  /**\n   * Flag to toggle title visibility.\n   */\n  @Prop() hideTitle: boolean;\n\n  /**\n   * Conditional flag to check whether the content is header or not.\n   */\n  @Prop() isHeader: boolean;\n\n  /**\n   * Flag to toggle list of contents whether vertical or horizontal.\n   */\n  @Prop() horizontal: boolean;\n\n  /**\n   * Flag condition to show icon only or icon with label\n   */\n  @Prop() iconsOnly: boolean;\n\n\n  @Element() host: HTMLElement;\n  @State() contacts: any = salla.config.get('store.contacts');\n  @State() iconsList: any = { mobile, whatsapp, phone, telegram, email }\n  private getContactsArray() {\n    return Object.entries(this.contacts)\n      .filter(([_key, value]) => value !== '')\n      .map(([type, value]) => ({ type, value }));\n  }\n\n  private getContactLink(type) {\n    const contactValue = this.contacts[type];\n    switch (type) {\n      case 'phone':\n      case 'mobile':\n        return `tel:${contactValue}`;\n      case 'whatsapp':\n        return salla.url.get('whatsapp/send');\n      case 'email':\n        return `mailto:${contactValue}`;\n      case 'telegram':\n        // Check if the contact is already a full URL\n        return contactValue.startsWith('https://t.me/') ? contactValue : `https://t.me/${contactValue}`;\n      default:\n        return contactValue;\n    }\n  }\n  private getContactIcon(type) {\n    return this.iconsList[type];\n  }\n\n  componentWillLoad() {\n    return new Promise(resolve => salla.onReady(resolve));\n  }\n\n\n  render() {\n    \n    const contactsArray = this.getContactsArray();\n\n    if(!contactsArray || contactsArray.length == 0){\n      return\n    }\n\n    if (this.isHeader) {\n      return (\n        <Host class=\"s-contacts s-contacts-header\">\n          {contactsArray.filter((contact) => contact.type == 'phone' || contact.type == 'email').map((contact, index) => (\n            <a href={this.getContactLink(contact.type)} key={index} class=\"s-contacts-topnav-link\">\n              {contact.type === 'email' ? (\n                contact.value\n              ) : (\n                [\n                  <span>{this.contactsTitle}: </span>,\n                  <a class=\"unicode\" href={this.iconsList[contact.type]}>{contact.value}</a>\n                ]\n              )}\n            </a>\n          ))}\n        </Host>\n      );\n    }\n\n    return (\n      <Host class=\"s-contacts\">\n        {!this.hideTitle && <h3 class=\"s-contacts-title\">{this.contactsTitle}</h3>}\n        <div class={{\n          's-contacts-list': true,\n          's-contacts-list-horizontal': this.horizontal,\n          's-contacts-list-vertical': !this.horizontal,\n          's-contacts-list-icons-only': this.iconsOnly\n        }\n        }>\n          {contactsArray.map((contact, index) => (\n            <div key={index} id=\"contact-slot\" innerHTML={this.contactSlot\n              .replace(/\\{icon\\}/g, this.getContactIcon(contact.type))\n              .replace(/\\{value\\}/g, contact.value.toString())\n              .replace(/\\{link\\}/g, this.getContactLink(contact.type))}>\n            </div>\n          ))}\n        </div>\n      </Host>\n    );\n  }\n  componentDidRender() {\n    // this.host.querySelectorAll('#contact-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelector('[slot=\"contact\"]')?.remove();\n  }\n}\n\n"],"names":["email"],"mappings":"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"}

package/dist/twilight/{p-67a30d9c.entry.js → p-8a55a076.entry.js}

@@ -1,5 +1,5 @@
 /*!
  * Crafted with ❤ by Salla
  */
-import{r as l,h as a,H as t}from"./p-Fh3juwdj.js";import{G as s}from"./p-C0JNGIpa.js";const o="";const e=l=>{if(!l)return"";return new Date(Number(l)).toLocaleDateString(salla.lang.locale,{weekday:"long",year:"numeric",month:"long",day:"numeric",hour:"numeric"})};const r=l=>{if(!l)return"";try{const a=l.toLowerCase();const t=salla.lang.get(`pages.loyalty_program.${a}`);return t===`pages.loyalty_program.${a}`?l:t}catch(a){return l}};const i=class{constructor(a){l(this,a);this.loyaltyPointsArray=[];this.isLoadingLoyalty=false;this.nextPageUrlLoyalty="";this.handleClick=()=>{this.loadMoreLoyaltyPoints()}}componentWillLoad(){return salla.onReady().then((()=>{this.loadLoyaltyPoints()}))}async loadLoyaltyPoints(){this.isLoadingLoyalty=true;try{let l=`/balance/points?page=1`;let a=await salla.api.request(l);this.loyaltyPointsArray=a.data;this.nextPageUrlLoyalty=a.cursor.next}catch(l){console.error("Error loading loyalty points transactions",l)}finally{this.isLoadingLoyalty=false}}async loadMoreLoyaltyPoints(){var l;if(!this.nextPageUrlLoyalty)return;this.isLoadingLoyalty=true;try{let a=await salla.api.request(this.nextPageUrlLoyalty);this.loyaltyPointsArray=[...this.loyaltyPointsArray,...a.data];this.nextPageUrlLoyalty=((l=a.cursor)===null||l===void 0?void 0:l.next)||""}catch(l){console.error("Error loading more loyalty points",l)}finally{this.isLoadingLoyalty=false}}render(){return a(t,{key:"985386d18096b99ef6114a6e21363900c5dab374"},a("div",{key:"67bb4fceebc5ef047cd3b0ee5b94297e4c9d9d17"},this.isLoadingLoyalty?a("salla-loading",null):a("div",null,this.loyaltyPointsArray.length>0?a("div",null,a("table",{class:"s-loyalty-program-table"},a("thead",{class:"s-loyalty-program-table-head"},a("tr",{class:"s-loyalty-program-table-head-tr"},a("th",{scope:"col",class:"s-loyalty-program-table-head-tr-th"},salla.lang.get("pages.wallet.points")),a("th",{scope:"col",class:"s-loyalty-program-table-head-tr-th"},salla.lang.get("pages.wallet.date")),a("th",{scope:"col",class:"s-loyalty-program-table-head-tr-th"},salla.lang.get("pages.wallet.expiry_date")),a("th",{scope:"col",class:"s-loyalty-program-table-head-tr-th"},salla.lang.get("common.elements.note")),a("th",{scope:"col",class:"s-loyalty-program-table-head-tr-th"},salla.lang.get("common.elements.status")))),a("tbody",{class:"s-loyalty-program-table-tbody"},this.loyaltyPointsArray.map((l=>a("tr",{class:"s-loyalty-program-table-tbody-tr"},a("td",{class:"s-loyalty-program-table-tbody-tr-td"},(l===null||l===void 0?void 0:l.type)==="plus"?"+":"",(l===null||l===void 0?void 0:l.points)||""," ",salla.lang.get("pages.loyalty_program.point")),a("td",{class:"s-loyalty-program-table-tbody-tr-td"},e((l===null||l===void 0?void 0:l.created_at)?Number(l.created_at)*1e3:undefined)),a("td",{class:"s-loyalty-program-table-tbody-tr-td"},e(l===null||l===void 0?void 0:l.points_expire_date)),a("td",{class:"s-loyalty-program-table-tbody-tr-td"},r(l===null||l===void 0?void 0:l.key)),a("td",{class:"s-loyalty-program-table-tbody-tr-td"},r(l===null||l===void 0?void 0:l.status_key))))))),a("div",{class:"s-infinite-scroll-wrapper"},!!this.nextPageUrlLoyalty&&a("salla-button",{onClick:this.handleClick,loading:this.isLoadingLoyalty},salla.lang.get("common.elements.load_more")))):a("div",null,a("div",{class:"s-loyalty-program-table-empty-state"},a("span",{innerHTML:s}),a("div",{class:"s-loyalty-program-table-placeholder-title"},salla.lang.get("pages.loyalty_program.no_loyality_points_title")),a("div",{class:"s-loyalty-program-table-placeholder-sub-title"},salla.lang.get("pages.loyalty_program.no_loyality_points_sub_title")))))))}};i.style=o;export{i as salla_loyalty_program};
-//# sourceMappingURL=p-67a30d9c.entry.js.map
+import{r as l,h as a,H as t}from"./p-aC-cHVMV.js";import{G as s}from"./p-C0JNGIpa.js";const o="";const e=l=>{if(!l)return"";return new Date(Number(l)).toLocaleDateString(salla.lang.locale,{weekday:"long",year:"numeric",month:"long",day:"numeric",hour:"numeric"})};const r=l=>{if(!l)return"";try{const a=l.toLowerCase();const t=salla.lang.get(`pages.loyalty_program.${a}`);return t===`pages.loyalty_program.${a}`?l:t}catch(a){return l}};const i=class{constructor(a){l(this,a);this.loyaltyPointsArray=[];this.isLoadingLoyalty=false;this.nextPageUrlLoyalty="";this.handleClick=()=>{this.loadMoreLoyaltyPoints()}}componentWillLoad(){return salla.onReady().then((()=>{this.loadLoyaltyPoints()}))}async loadLoyaltyPoints(){this.isLoadingLoyalty=true;try{let l=`/balance/points?page=1`;let a=await salla.api.request(l);this.loyaltyPointsArray=a.data;this.nextPageUrlLoyalty=a.cursor.next}catch(l){console.error("Error loading loyalty points transactions",l)}finally{this.isLoadingLoyalty=false}}async loadMoreLoyaltyPoints(){var l;if(!this.nextPageUrlLoyalty)return;this.isLoadingLoyalty=true;try{let a=await salla.api.request(this.nextPageUrlLoyalty);this.loyaltyPointsArray=[...this.loyaltyPointsArray,...a.data];this.nextPageUrlLoyalty=((l=a.cursor)===null||l===void 0?void 0:l.next)||""}catch(l){console.error("Error loading more loyalty points",l)}finally{this.isLoadingLoyalty=false}}render(){return a(t,{key:"985386d18096b99ef6114a6e21363900c5dab374"},a("div",{key:"67bb4fceebc5ef047cd3b0ee5b94297e4c9d9d17"},this.isLoadingLoyalty?a("salla-loading",null):a("div",null,this.loyaltyPointsArray.length>0?a("div",null,a("table",{class:"s-loyalty-program-table"},a("thead",{class:"s-loyalty-program-table-head"},a("tr",{class:"s-loyalty-program-table-head-tr"},a("th",{scope:"col",class:"s-loyalty-program-table-head-tr-th"},salla.lang.get("pages.wallet.points")),a("th",{scope:"col",class:"s-loyalty-program-table-head-tr-th"},salla.lang.get("pages.wallet.date")),a("th",{scope:"col",class:"s-loyalty-program-table-head-tr-th"},salla.lang.get("pages.wallet.expiry_date")),a("th",{scope:"col",class:"s-loyalty-program-table-head-tr-th"},salla.lang.get("common.elements.note")),a("th",{scope:"col",class:"s-loyalty-program-table-head-tr-th"},salla.lang.get("common.elements.status")))),a("tbody",{class:"s-loyalty-program-table-tbody"},this.loyaltyPointsArray.map((l=>a("tr",{class:"s-loyalty-program-table-tbody-tr"},a("td",{class:"s-loyalty-program-table-tbody-tr-td"},(l===null||l===void 0?void 0:l.type)==="plus"?"+":"",(l===null||l===void 0?void 0:l.points)||""," ",salla.lang.get("pages.loyalty_program.point")),a("td",{class:"s-loyalty-program-table-tbody-tr-td"},e((l===null||l===void 0?void 0:l.created_at)?Number(l.created_at)*1e3:undefined)),a("td",{class:"s-loyalty-program-table-tbody-tr-td"},e(l===null||l===void 0?void 0:l.points_expire_date)),a("td",{class:"s-loyalty-program-table-tbody-tr-td"},r(l===null||l===void 0?void 0:l.key)),a("td",{class:"s-loyalty-program-table-tbody-tr-td"},r(l===null||l===void 0?void 0:l.status_key))))))),a("div",{class:"s-infinite-scroll-wrapper"},!!this.nextPageUrlLoyalty&&a("salla-button",{onClick:this.handleClick,loading:this.isLoadingLoyalty},salla.lang.get("common.elements.load_more")))):a("div",null,a("div",{class:"s-loyalty-program-table-empty-state"},a("span",{innerHTML:s}),a("div",{class:"s-loyalty-program-table-placeholder-title"},salla.lang.get("pages.loyalty_program.no_loyality_points_title")),a("div",{class:"s-loyalty-program-table-placeholder-sub-title"},salla.lang.get("pages.loyalty_program.no_loyality_points_sub_title")))))))}};i.style=o;export{i as salla_loyalty_program};
+//# sourceMappingURL=p-8a55a076.entry.js.map