@salla.sa/twilight-components 1.0.17 → 1.0.18

package/dist/twilight-components/twilight-components.esm.js

@@ -1 +1,125 @@
-import{p as e,b as l}from"./p-cb1c59a2.js";(()=>{const l=import.meta.url,s={};return""!==l&&(s.resourcesUrl=new URL(".",l).href),e(s)})().then((e=>l([["p-fa2f0e64",[[0,"salla-login",{loginTypeTitle:[1,"login-type-title"],loginText:[1,"login-text"],smsLabel:[1,"sms-label"],mobileLabel:[1,"mobile-label"],emailLabel:[1,"email-label"],enterText:[1,"enter-text"],bySMSText:[1,"by-s-m-s-text"],byEmailText:[1,"by-email-text"],backText:[1,"back-text"],show:[64]},[[0,"verified","onVerified"],[0,"modalClosed","onModalClose"]]],[0,"salla-verify",{withoutModal:[4,"without-modal"],url:[1],by:[1],autoReload:[4,"auto-reload"],getCode:[64],show:[64]}],[4,"salla-button",{btnStyle:[513,"btn-style"],loading:[516],disabled:[516],loaderPosition:[1,"loader-position"],wide:[4],load:[64],stop:[64],disable:[64],enable:[64]}],[4,"salla-modal",{error:[4],success:[4],primary:[4],isClosable:[1028,"is-closable"],width:[513],visible:[516],isLoading:[1540,"is-loading"],subTitleFirst:[4,"sub-title-first"],subTitle:[1,"sub-title"],icon:[1],imageIcon:[1,"image-icon"],title:[32],show:[64],hide:[64],setTitle:[64],loading:[64],stopLoading:[64]}]]],["p-fa04c4b6",[[4,"salla-branches",{position:[1],displayAs:[1,"display-as"],browseProductsFrom:[1,"browse-products-from"],branches:[16],current:[1026],open:[32],selected:[32],isOpenedBefore:[32],show:[64],hide:[64]}]]],["p-a923a51e",[[4,"salla-localization",{languagesTitle:[1,"languages-title"],currenciesTitle:[1,"currencies-title"],ok:[1],show:[64],hide:[64],submit:[64]}]]],["p-33990e49",[[4,"salla-product-availability",{channels:[1],buttonText:[1,"button-text"],countryCode:[1,"country-code"],subscribeText:[1,"subscribe-text"],cancelText:[1,"cancel-text"],subTitle:[1,"sub-title"],mobileLabel:[1,"mobile-label"],emailLabel:[1,"email-label"],mobilePlaceholder:[1,"mobile-placeholder"],emailPlaceholder:[1,"email-placeholder"],productId:[2,"product-id"],subscribedMessage:[1,"subscribed-message"],isSubscribed:[1028,"is-subscribed"],submit:[64]}]]],["p-3cfede65",[[0,"salla-rating",{orderId:[2,"order-id"],thanksMsg:[1,"thanks-msg"],isStoreRating:[4,"is-store-rating"],isProductsRating:[4,"is-products-rating"],isShippingRating:[4,"is-shipping-rating"],show:[64],hide:[64]}]]],["p-648661c8",[[4,"salla-offer",{show:[64]}]]],["p-bc278b0e",[[0,"salla-search",{placeholder:[1],noResultsText:[1,"no-results-text"],results:[32]},[[0,"modalClosed","onModalClose"]]]]]],e)));
+import { B as BUILD, c as consoleDevInfo, p as plt, w as win, H, d as doc, N as NAMESPACE, a as promiseResolve, b as bootstrapLazy } from './index-8966d27f.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v2.8.1 | MIT Licensed | https://stenciljs.com
+ */
+const getDynamicImportFunction = (namespace) => `__sc_import_${namespace.replace(/\s|-/g, '_')}`;
+const patchBrowser = () => {
+    // NOTE!! This fn cannot use async/await!
+    if (BUILD.isDev && !BUILD.isTesting) {
+        consoleDevInfo('Running in development mode.');
+    }
+    if (BUILD.cssVarShim) {
+        // shim css vars
+        plt.$cssShim$ = win.__cssshim;
+    }
+    if (BUILD.cloneNodeFix) {
+        // opted-in to polyfill cloneNode() for slot polyfilled components
+        patchCloneNodeFix(H.prototype);
+    }
+    if (BUILD.profile && !performance.mark) {
+        // not all browsers support performance.mark/measure (Safari 10)
+        performance.mark = performance.measure = () => {
+            /*noop*/
+        };
+        performance.getEntriesByName = () => [];
+    }
+    // @ts-ignore
+    const scriptElm = BUILD.scriptDataOpts || BUILD.safari10 || BUILD.dynamicImportShim
+        ? Array.from(doc.querySelectorAll('script')).find((s) => new RegExp(`\/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) ||
+            s.getAttribute('data-stencil-namespace') === NAMESPACE)
+        : null;
+    const importMeta = import.meta.url;
+    const opts = BUILD.scriptDataOpts ? scriptElm['data-opts'] || {} : {};
+    if (BUILD.safari10 && 'onbeforeload' in scriptElm && !history.scrollRestoration /* IS_ESM_BUILD */) {
+        // Safari < v11 support: This IF is true if it's Safari below v11.
+        // This fn cannot use async/await since Safari didn't support it until v11,
+        // however, Safari 10 did support modules. Safari 10 also didn't support "nomodule",
+        // so both the ESM file and nomodule file would get downloaded. Only Safari
+        // has 'onbeforeload' in the script, and "history.scrollRestoration" was added
+        // to Safari in v11. Return a noop then() so the async/await ESM code doesn't continue.
+        // IS_ESM_BUILD is replaced at build time so this check doesn't happen in systemjs builds.
+        return {
+            then() {
+                /* promise noop */
+            },
+        };
+    }
+    if (!BUILD.safari10 && importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    else if (BUILD.dynamicImportShim || BUILD.safari10) {
+        opts.resourcesUrl = new URL('.', new URL(scriptElm.getAttribute('data-resources-url') || scriptElm.src, win.location.href)).href;
+        if (BUILD.dynamicImportShim) {
+            patchDynamicImport(opts.resourcesUrl, scriptElm);
+        }
+        if (BUILD.dynamicImportShim && !win.customElements) {
+            // module support, but no custom elements support (Old Edge)
+            // @ts-ignore
+            return import(/* webpackChunkName: "polyfills-dom" */ './dom-d08ba8aa.js').then(() => opts);
+        }
+    }
+    return promiseResolve(opts);
+};
+const patchDynamicImport = (base, orgScriptElm) => {
+    const importFunctionName = getDynamicImportFunction(NAMESPACE);
+    try {
+        // test if this browser supports dynamic imports
+        // There is a caching issue in V8, that breaks using import() in Function
+        // By generating a random string, we can workaround it
+        // Check https://bugs.chromium.org/p/chromium/issues/detail?id=990810 for more info
+        win[importFunctionName] = new Function('w', `return import(w);//${Math.random()}`);
+    }
+    catch (e) {
+        // this shim is specifically for browsers that do support "esm" imports
+        // however, they do NOT support "dynamic" imports
+        // basically this code is for old Edge, v18 and below
+        const moduleMap = new Map();
+        win[importFunctionName] = (src) => {
+            const url = new URL(src, base).href;
+            let mod = moduleMap.get(url);
+            if (!mod) {
+                const script = doc.createElement('script');
+                script.type = 'module';
+                script.crossOrigin = orgScriptElm.crossOrigin;
+                script.src = URL.createObjectURL(new Blob([`import * as m from '${url}'; window.${importFunctionName}.m = m;`], {
+                    type: 'application/javascript',
+                }));
+                mod = new Promise((resolve) => {
+                    script.onload = () => {
+                        resolve(win[importFunctionName].m);
+                        script.remove();
+                    };
+                });
+                moduleMap.set(url, mod);
+                doc.head.appendChild(script);
+            }
+            return mod;
+        };
+    }
+};
+const patchCloneNodeFix = (HTMLElementPrototype) => {
+    const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+    HTMLElementPrototype.cloneNode = function (deep) {
+        if (this.nodeName === 'TEMPLATE') {
+            return nativeCloneNodeFn.call(this, deep);
+        }
+        const clonedNode = nativeCloneNodeFn.call(this, false);
+        const srcChildNodes = this.childNodes;
+        if (deep) {
+            for (let i = 0; i < srcChildNodes.length; i++) {
+                // Node.ATTRIBUTE_NODE === 2, and checking because IE11
+                if (srcChildNodes[i].nodeType !== 2) {
+                    clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+                }
+            }
+        }
+        return clonedNode;
+    };
+};
+
+patchBrowser().then(options => {
+  globalScripts();
+  return bootstrapLazy([["salla-button",[[4,"salla-button",{"btnStyle":[513,"btn-style"],"loading":[516],"disabled":[516],"loaderPosition":[1,"loader-position"],"wide":[4],"load":[64],"stop":[64],"disable":[64],"enable":[64]}]]],["salla-modal",[[4,"salla-modal",{"error":[4],"success":[4],"primary":[4],"isClosable":[1028,"is-closable"],"width":[513],"visible":[516],"isLoading":[1540,"is-loading"],"subTitleFirst":[4,"sub-title-first"],"subTitle":[1,"sub-title"],"icon":[1],"imageIcon":[1,"image-icon"],"title":[32],"show":[64],"hide":[64],"setTitle":[64],"loading":[64],"stopLoading":[64]}]]],["salla-login",[[0,"salla-login",{"isLoginByMail":[4,"is-login-by-mail"],"loginTypeTitle":[1,"login-type-title"],"loginText":[1,"login-text"],"smsLabel":[1,"sms-label"],"mobileLabel":[1,"mobile-label"],"emailLabel":[1,"email-label"],"enterText":[1,"enter-text"],"bySMSText":[1,"by-s-m-s-text"],"byEmailText":[1,"by-email-text"],"backText":[1,"back-text"],"show":[64]},[[0,"verified","onVerified"],[0,"backClicked","onbackClicked"]]]]],["salla-branches",[[4,"salla-branches",{"position":[1],"displayAs":[1,"display-as"],"browseProductsFrom":[1,"browse-products-from"],"branches":[16],"current":[1026],"open":[32],"selected":[32],"isOpenedBefore":[32],"show":[64],"hide":[64]}]]],["salla-localization",[[4,"salla-localization",{"languagesTitle":[1,"languages-title"],"currenciesTitle":[1,"currencies-title"],"ok":[1],"show":[64],"hide":[64],"submit":[64]}]]],["salla-product-availability",[[4,"salla-product-availability",{"channels":[1],"buttonText":[1,"button-text"],"countryCode":[1,"country-code"],"subscribeText":[1,"subscribe-text"],"cancelText":[1,"cancel-text"],"subTitle":[1,"sub-title"],"mobileLabel":[1,"mobile-label"],"emailLabel":[1,"email-label"],"mobilePlaceholder":[1,"mobile-placeholder"],"emailPlaceholder":[1,"email-placeholder"],"productId":[2,"product-id"],"subscribedMessage":[1,"subscribed-message"],"isSubscribed":[1028,"is-subscribed"],"submit":[64]}]]],["salla-rating",[[0,"salla-rating",{"orderId":[2,"order-id"],"thanksMsg":[1,"thanks-msg"],"isStoreRating":[4,"is-store-rating"],"isProductsRating":[4,"is-products-rating"],"isShippingRating":[4,"is-shipping-rating"],"show":[64],"hide":[64]}]]],["salla-offer",[[0,"salla-offer",{"offer":[32],"show":[64]}]]],["salla-search",[[0,"salla-search",{"placeholder":[1],"noResultsText":[1,"no-results-text"],"results":[32]},[[0,"modalClosed","onModalClose"]]]]],["salla-verify",[[0,"salla-verify",{"withoutModal":[4,"without-modal"],"url":[1],"by":[1],"backText":[1,"back-text"],"autoReload":[4,"auto-reload"],"getCode":[64],"show":[64]}]]]], options);
+});

package/dist/types/components/salla-localization/salla-localization.d.ts

@@ -10,6 +10,8 @@ export declare class SallaLocalization {
   private btn;
   private language;
   private currency;
+  private languages;
+  private currencies;
   private readonly languageSlot;
   private readonly currencySlot;
   languagesTitle: string;

package/dist/types/components/salla-login/salla-login.d.ts

@@ -1,5 +1,6 @@
 export declare class SallaLogin {
   constructor();
+  private inputChanged;
   private modal;
   private tab1;
   private tab2;
@@ -17,6 +18,7 @@ export declare class SallaLogin {
   private regType;
   private readonly title;
   host: HTMLElement;
+  isLoginByMail: boolean;
   loginTypeTitle: string;
   loginText: string;
   smsLabel: string;
@@ -30,7 +32,7 @@ export declare class SallaLogin {
    * @param {CustomEvent|{details:{case:'new_customer'|'authenticated', redirect_url:string|null}}} event
    */
   onVerified(event: any): any;
-  onModalClose(): void;
+  onbackClicked(): void;
   show(): Promise<HTMLElement>;
   private showTab;
   private loginByEmail;
@@ -38,5 +40,4 @@ export declare class SallaLogin {
   private typing;
   private newUser;
   render(): any;
-  componentDidRender(): void;
 }

package/dist/types/components/salla-offer/salla-offer.d.ts

@@ -1,8 +1,56 @@
 export declare class SallaOffer {
   private modal;
+  offer: null | {
+    id: number;
+    name: string;
+    message: string;
+    expiry_date: string | null;
+    offer_type: string;
+    status: string;
+    buy: {
+      type: string;
+      quantity: number;
+      products: any[];
+    };
+    get: {
+      categories: null | Array<any>;
+      products: null | Array<{
+        id: number;
+        type: string;
+        promotion: {
+          title: string;
+          sub_title: string;
+        };
+        status: string;
+        is_available: boolean;
+        sku: string;
+        name: string;
+        price: {
+          amount: number;
+          currency: string;
+        };
+        sale_price: {
+          amount: number;
+          currency: string;
+        };
+        currency: string;
+        url: string;
+        thumbnail: string;
+        has_special_price: boolean;
+        regular_price: {
+          amount: number;
+          currency: string;
+        };
+        favorite?: any;
+      }>;
+      type: string;
+      discount_type: string;
+    };
+  };
   host: HTMLElement;
   constructor();
-  show(offerId: number): Promise<void>;
+  show(productId: number): Promise<void>;
+  private rememberMe;
   render(): any;
-  componentDidLoad(): void;
+  componentDidRender(): void;
 }

package/dist/types/components/salla-verify/salla-verify.d.ts

@@ -15,8 +15,10 @@ export declare class SallaVerify {
   withoutModal: boolean;
   url: string;
   by: string;
+  backText: string;
   autoReload: boolean;
   verified: EventEmitter;
+  backClicked: EventEmitter;
   constructor();
   getCode(): Promise<string>;
   show(data: any): Promise<any>;

package/dist/types/components.d.ts

@@ -40,6 +40,7 @@ export namespace Components {
         "bySMSText": string;
         "emailLabel": string;
         "enterText": string;
+        "isLoginByMail": boolean;
         "loginText": string;
         "loginTypeTitle": string;
         "mobileLabel": string;
@@ -65,7 +66,7 @@ export namespace Components {
         "width": 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
     }
     interface SallaOffer {
-        "show": (offerId: number) => Promise<void>;
+        "show": (productId: number) => Promise<void>;
     }
     interface SallaProductAvailability {
         "buttonText": string;
@@ -119,6 +120,7 @@ export namespace Components {
     }
     interface SallaVerify {
         "autoReload": boolean;
+        "backText": string;
         "by": string;
         "getCode": () => Promise<string>;
         "show": (data: any) => Promise<any>;
@@ -229,6 +231,7 @@ declare namespace LocalJSX {
         "bySMSText"?: string;
         "emailLabel"?: string;
         "enterText"?: string;
+        "isLoginByMail"?: boolean;
         "loginText"?: string;
         "loginTypeTitle"?: string;
         "mobileLabel"?: string;
@@ -300,7 +303,9 @@ declare namespace LocalJSX {
     }
     interface SallaVerify {
         "autoReload"?: boolean;
+        "backText"?: string;
         "by"?: string;
+        "onBackClicked"?: (event: CustomEvent<any>) => void;
         "onVerified"?: (event: CustomEvent<any>) => void;
         "url"?: string;
         /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "license": "MIT",
   "keywords": [
     "twilight",

package/dist/cjs/Helper-8852feaa.js

@@ -1,23 +0,0 @@
-'use strict';
-
-class Helper extends salla.AppHelpers {
-  setHost(host) {
-    this.host = host;
-  }
-  getElement(selector) {
-    return this.host.querySelector(selector);
-  }
-  getAttribute(selector, attribute) {
-    var _a;
-    return (_a = this.getElement(selector)) === null || _a === void 0 ? void 0 : _a.getAttribute(attribute);
-  }
-  val(selector) {
-    return this.getAttribute(selector, 'value');
-  }
-  isUser() {
-    return !!salla.config.is_user;
-  }
-}
-const Helper$1 = new Helper;
-
-exports.Helper = Helper$1;