@salla.sa/twilight-components 2.13.37 → 2.13.38

package/dist/components/salla-social.js

@@ -52,6 +52,9 @@ const SallaSocial$1 = /*@__PURE__*/ proxyCustomElement(class SallaSocial extends
       .filter(([key, value]) => !!value && key !== 'whatsapp')
       .map(([type, value]) => ({ type, value }));
   }
+  componentWillLoad() {
+    return new Promise(resolve => salla.onReady(resolve));
+  }
   render() {
     const linksArray = this.getLinksArray();
     return (h(Host, { class: "s-social-list" }, linksArray.map((link) => (h("div", { id: "social-slot", innerHTML: this.socialSlot

package/dist/components/salla-social.js.map

@@ -1 +1 @@
-{"file":"salla-social.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,cAAc,GAAG,sBAAsB;;MCYhCA,aAAW;EACtB;;;;iBASiB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC;qBAEvB,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE;IAVnF,IAAI,CAAC,UAAU,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,0CAAE,SAAS;MACrE,2JAA2J,CAAC;IAC9J,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;MAClB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;KAC/C,CAAC,CAAC;GACJ;EAQO,aAAa;IACnB,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;OAC9B,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,UAAU,CAAC;OACvD,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;GAC9C;EAED,MAAM;IACJ,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IACxC,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IACxB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,MACnB,WAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC,UAAU;SAC7C,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC/C,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC;SAC/B,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,GACxC,CACP,CAAC,CACG,EACP;GACH;EACD,kBAAkB;;IAChB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACxF,MAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,0CAAE,MAAM,EAAE,CAAC;GACtD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SallaSocial"],"sources":["src/components/salla-social/salla-social.scss?tag=salla-social","src/components/salla-social/salla-social.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, State, h, Element } from '@stencil/core';\nimport instagram from '../../assets/svg/instagram.svg';\nimport twitter from '../../assets/svg/twitter.svg';\nimport facebook from '../../assets/svg/facebook.svg';\nimport youtube from '../../assets/svg/youtube.svg';\nimport snapchat from '../../assets/svg/snapchat.svg';\nimport tiktok from '../../assets/svg/tiktok.svg';\n\n@Component({\n  tag: 'salla-social',\n  styleUrl: 'salla-social.scss',\n})\nexport class SallaSocial {\n  constructor() {\n    this.socialSlot = this.host.querySelector('[slot=\"social\"]')?.innerHTML ||\n      `<li class=\"s-social-link\"><a href={link} rel=\"noopener\" target=\"_blank\" title={type} aria-label={type}><span class=\"s-social-icon\">{icon}</span></a></li>`;\n    salla.lang.onLoaded(() => {\n      this.links = salla.config.get('store.social');\n    });\n  }\n\n  private readonly socialSlot: string;\n  @State() links = salla.config.get('store.social');\n  @Element() host: HTMLElement;\n  @State() iconsList: any = { instagram, twitter, facebook, youtube, snapchat, tiktok }\n\n\n  private getLinksArray() {\n    return Object.entries(this.links)\n      .filter(([key, value]) => !!value && key !== 'whatsapp')\n      .map(([type, value]) => ({ type, value }));\n  }\n\n  render() {\n    const linksArray = this.getLinksArray();\n    return (\n      <Host class=\"s-social-list\">\n        {linksArray.map((link) => (\n          <div id=\"social-slot\" innerHTML={this.socialSlot\n            .replace(/\\{icon\\}/g, this.iconsList[link.type])\n            .replace(/\\{type\\}/g, link.type)\n            .replace(/\\{link\\}/g, link.value.toString())}>\n          </div>\n        ))}\n      </Host>\n    );\n  }\n  componentDidRender() {\n    this.host.querySelectorAll('#social-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelector('[slot=\"social\"]')?.remove();\n  }\n}\n"],"version":3}
+{"file":"salla-social.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,cAAc,GAAG,sBAAsB;;MCYhCA,aAAW;EACtB;;;;iBASiB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC;qBAEvB,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE;IAVnF,IAAI,CAAC,UAAU,GAAG,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,0CAAE,SAAS;MACrE,2JAA2J,CAAC;IAC9J,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;MAClB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;KAC/C,CAAC,CAAC;GACJ;EAOO,aAAa;IACnB,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;OAC9B,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,GAAG,KAAK,UAAU,CAAC;OACvD,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;GAC9C;EAED,iBAAiB;IACf,OAAO,IAAI,OAAO,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC;GACvD;EAED,MAAM;IACJ,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,EAAE,CAAC;IACxC,QACE,EAAC,IAAI,IAAC,KAAK,EAAC,eAAe,IACxB,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,MACnB,WAAK,EAAE,EAAC,aAAa,EAAC,SAAS,EAAE,IAAI,CAAC,UAAU;SAC7C,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAC/C,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC;SAC/B,OAAO,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,GACxC,CACP,CAAC,CACG,EACP;GACH;EACD,kBAAkB;;IAChB,IAAI,CAAC,IAAI,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IACxF,MAAA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,0CAAE,MAAM,EAAE,CAAC;GACtD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["SallaSocial"],"sources":["src/components/salla-social/salla-social.scss?tag=salla-social","src/components/salla-social/salla-social.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n","import { Component, Host, State, h, Element } from '@stencil/core';\nimport instagram from '../../assets/svg/instagram.svg';\nimport twitter from '../../assets/svg/twitter.svg';\nimport facebook from '../../assets/svg/facebook.svg';\nimport youtube from '../../assets/svg/youtube.svg';\nimport snapchat from '../../assets/svg/snapchat.svg';\nimport tiktok from '../../assets/svg/tiktok.svg';\n\n@Component({\n  tag: 'salla-social',\n  styleUrl: 'salla-social.scss',\n})\nexport class SallaSocial {\n  constructor() {\n    this.socialSlot = this.host.querySelector('[slot=\"social\"]')?.innerHTML ||\n      `<li class=\"s-social-link\"><a href={link} rel=\"noopener\" target=\"_blank\" title={type} aria-label={type}><span class=\"s-social-icon\">{icon}</span></a></li>`;\n    salla.lang.onLoaded(() => {\n      this.links = salla.config.get('store.social');\n    });\n  }\n\n  private readonly socialSlot: string;\n  @State() links = salla.config.get('store.social');\n  @Element() host: HTMLElement;\n  @State() iconsList: any = { instagram, twitter, facebook, youtube, snapchat, tiktok }\n\n  private getLinksArray() {\n    return Object.entries(this.links)\n      .filter(([key, value]) => !!value && key !== 'whatsapp')\n      .map(([type, value]) => ({ type, value }));\n  }\n\n  componentWillLoad() {\n    return new Promise(resolve => salla.onReady(resolve));\n  }\n\n  render() {\n    const linksArray = this.getLinksArray();\n    return (\n      <Host class=\"s-social-list\">\n        {linksArray.map((link) => (\n          <div id=\"social-slot\" innerHTML={this.socialSlot\n            .replace(/\\{icon\\}/g, this.iconsList[link.type])\n            .replace(/\\{type\\}/g, link.type)\n            .replace(/\\{link\\}/g, link.value.toString())}>\n          </div>\n        ))}\n      </Host>\n    );\n  }\n  componentDidRender() {\n    this.host.querySelectorAll('#social-slot').forEach(el => el.replaceWith(el.firstChild));\n    this.host.querySelector('[slot=\"social\"]')?.remove();\n  }\n}\n"],"version":3}

package/dist/esm/salla-add-product-button_47.entry.js

@@ -25184,35 +25184,45 @@ window.SallaApplePay = {
      *
      * @param event
      */
-    onValidateMerchant: (event) => {
-        Salla.event.dispatch('payments::apple-pay.validate-merchant.init', event);
+    onValidateMerchant: async (event) => {
+        try {
+            // Dispatch event to initialize Apple Pay merchant validation
+            Salla.event.dispatch('payments::apple-pay.validate-merchant.init', event);
 
-        Http.post(SallaApplePay.detail.validateMerchant.url.replace('{id}', SallaApplePay.id), {
-            validation_url: event.validationURL
-        }, ({data}) => {
+            // Post request to validate merchant
+            const { data } = await Http.post(SallaApplePay.detail.validateMerchant.url.replace('{id}', SallaApplePay.id), {
+                validation_url: event.validationURL
+            });
 
+            // Dispatch event on successful merchant validation
             Salla.event.dispatch('payments::apple-pay.validate-merchant.success', data);
 
-            if (typeof SallaApplePay.detail.validateMerchant.onSuccess === 'function') {
-                SallaApplePay.detail.validateMerchant.onSuccess(data).then((response) => {
-                    // check if there are redirect
-                    if (response?.redirect) {
-                        window.location = response.redirect;
-                        return SallaApplePay.abortValidateMerchant(response);
-                    }
+            // Define a function to handle the completion of merchant validation
+            const completeMerchantValidation = async (responseData) => {
+                try {
+                    await SallaApplePay.recalculateTotal();
+                } catch (error) {
+                    salla.logger.warn('🍏 Pay: Failed recalculate total', error);
+                }
+                SallaApplePay.session.completeMerchantValidation(responseData);
+            };
 
-                    SallaApplePay.session.completeMerchantValidation(data.data);
-                }).catch((response) => {
-                    SallaApplePay.abortValidateMerchant(response);
-                });
-            } else {
-                SallaApplePay.session.completeMerchantValidation(data.data);
+            // Check if onSuccess function is defined in SallaApplePay.detail.validateMerchant
+            if (typeof SallaApplePay.detail.validateMerchant.onSuccess === 'function') {
+                // Call onSuccess function and handle response
+                const response = await SallaApplePay.detail.validateMerchant.onSuccess(data);
+                if (response?.redirect) {
+                    // Handle redirect if present
+                    window.location = response.redirect;
+                    return SallaApplePay.abortValidateMerchant(response);
+                }
             }
-
-        }, (error) => {
+            completeMerchantValidation(data.data);
+        } catch (error) {
+            // Handle errors
             console.error(error);
             SallaApplePay.abortValidateMerchant(error?.response);
-        });
+        }
     },
 
     abortValidateMerchant: (response = null) => {