@salla.sa/twilight-components 1.0.99 → 1.0.104

package/example/tailwind.config.js

@@ -1,5 +1,4 @@
 const colors = require('tailwindcss/colors');
-delete colors['lightBlue']
 
 module.exports = {
   mode: 'jit',
@@ -29,23 +28,21 @@ module.exports = {
       },
       screens            : {
         'xxs': {'min': '380px', 'max': '479px'},
-        // 'xs': { 'min': '480px', 'max': '639px' },
         'xs': '480px',
       },
       spacing: {
         '100' : '28rem',
       },
       colors             : {
+        'inherit'      : 'inherit',
         'primary'      : 'var(--color-main)',
         'primary-d'    : 'var(--color-main-d)',
+        'primary-l'    : 'var(--color-main-l)',
         'primary-reverse': 'var(--color-main-reverse)',
         'transparent'  : 'transparent',
-        'theme-red'    : "#FF6767",
-        'border-color' : '#EEEEEE',
-        'gray-bg2'     : 'var(--bg-gray)',// 'light-gray': '#F9FAFB',
+        'light-gray'   : '#F9FAFB',
         'gray-150'     : '#eff0f0',
-        'gray-bg'      : '#F5F5F5',
-        'title-color'  : 'var(--color-title)',
+        'color-gray'   : 'var(--color-grey)',
         'reverse'      : 'var(--color-text-reverse)',
       },
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-components",
-  "version": "1.0.99",
+  "version": "1.0.104",
   "license": "MIT",
   "author": "Salla Team <support@salla.dev> (https://salla.dev)",
   "bugs": {
@@ -36,7 +36,9 @@
     "build": "stencil build",
     "docs": "stencil build --docs",
     "start": "stencil build --dev --watch --serve",
-    "test": "stencil test --spec --e2e",
+    "test": "stencil test --spec --coverage -- salla-verify",
+    "test.spec": "stencil test --spec",
+    "test.e2e": "stencil test --e2e",
     "test.watch": "stencil test --spec --e2e --watchAll",
     "generate": "stencil generate",
     "lint": "eslint src/**/*{.ts,.tsx}",
@@ -51,30 +53,24 @@
   },
   "devDependencies": {
     "@compodoc/compodoc": "^1.1.14",
-    "@stencil/core": "^2.13.0",
-    "@stencil/eslint-plugin": "^0.3.1",
+    "@stencil/core": "^2.17.1",
     "@stencil/react-output-target": "^0.1.0",
     "@stencil/sass": "1.4.1",
     "@stencil/vue-output-target": "^0.5.1",
     "@types/jest": "^27.0.3",
+    "@types/puppeteer": "3.0.2",
     "jest": "^27.4.5",
     "jest-cli": "^27.4.5",
-    "puppeteer": "^10.0.0",
-    "@types/puppeteer": "3.0.2",
-    "@typescript-eslint/eslint-plugin": "^2.34.0",
-    "@typescript-eslint/parser": "^2.34.0",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-react": "^7.26.0",
     "lodash": "^4.17.21",
     "prettier": "^2.4.1",
     "promisify-child-process": "^3.1.4",
+    "puppeteer": "^10.0.0",
     "tailwindcss": "^2.2.19",
     "typescript": "^4.4.3"
   },
   "dependencies": {
-    "@salla.sa/twilight": "^2.0.162",
-    "@stencil/core": "^2.13.0",
+    "@salla.sa/twilight": "^2.0.287",
+    "form-data": "^4.0.0",
     "intl-tel-input": "^17.0.13",
     "module-alias": "^2.2.2",
     "store": "^2.0.12"

package/dist/cjs/salla-sizes-table.cjs.entry.js

@@ -1,22 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fdf99836.js');
-
-const sallaSizesTableCss = ":host{display:block}";
-
-const SallaSizesTable = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-  }
-  render() {
-    return (index.h(index.Host, null, index.h("slot", null)));
-  }
-};
-SallaSizesTable.style = sallaSizesTableCss;
-
-exports.salla_sizes_table = SallaSizesTable;

package/dist/collection/components/salla-conditional-fields/salla-conditional-fields.css

@@ -1,3 +0,0 @@
-:host {
-  display: block;
-}

package/dist/collection/components/salla-sizes-table/salla-sizes-table.css

@@ -1,6 +0,0 @@
-/*
-* Global flags style [imported from Int-tel-input]
-*/
-:host {
-  display: block;
-}

package/dist/collection/components/salla-sizes-table/salla-sizes-table.js

@@ -1,18 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { Component, Host, h } from '@stencil/core';
-export class SallaSizesTable {
-  render() {
-    return (h(Host, null,
-      h("slot", null)));
-  }
-  static get is() { return "salla-sizes-table"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["salla-sizes-table.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["salla-sizes-table.css"]
-  }; }
-}

package/dist/components/salla-sizes-table.js

@@ -1,37 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-
-const sallaSizesTableCss = ":host{display:block}";
-
-const SallaSizesTable$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-  static get style() { return sallaSizesTableCss; }
-}, [1, "salla-sizes-table"]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["salla-sizes-table"];
-  components.forEach(tagName => { switch (tagName) {
-    case "salla-sizes-table":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, SallaSizesTable$1);
-      }
-      break;
-  } });
-}
-defineCustomElement$1();
-
-const SallaSizesTable = SallaSizesTable$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SallaSizesTable, defineCustomElement };

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

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface SallaVerifyModal extends Components.SallaVerifyModal, HTMLElement {}
-export const SallaVerifyModal: {
-  prototype: SallaVerifyModal;
-  new (): SallaVerifyModal;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/salla-verify-modal.js

@@ -1,9 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { S as SallaVerifyModal$1, d as defineCustomElement$1 } from './salla-verify-modal2.js';
-
-const SallaVerifyModal = SallaVerifyModal$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { SallaVerifyModal, defineCustomElement };

package/dist/esm/salla-sizes-table.entry.js

@@ -1,18 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import { r as registerInstance, h, H as Host } from './index-4ffd4317.js';
-
-const sallaSizesTableCss = ":host{display:block}";
-
-const SallaSizesTable = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h(Host, null, h("slot", null)));
-  }
-};
-SallaSizesTable.style = sallaSizesTableCss;
-
-export { SallaSizesTable as salla_sizes_table };

package/dist/twilight-components/p-1d0e664c.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-let e,l,t,n=!1,s=!1,o=!1,i=!1;const r="undefined"!=typeof window?window:{},c=r.document||{head:{}},f={l:0,t:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,l,t,n)=>e.addEventListener(l,t,n),rel:(e,l,t,n)=>e.removeEventListener(l,t,n),ce:(e,l)=>new CustomEvent(e,l)},u=e=>Promise.resolve(e),a=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),$=(e,l,t)=>{t&&t.map((([t,n,s])=>{const o=h(e,t),i=d(l,s),r=y(t);f.ael(o,n,i,r),(l.o=l.o||[]).push((()=>f.rel(o,n,i,r)))}))},d=(e,l)=>t=>{try{256&e.l?e.i[l](t):(e.u=e.u||[]).push([l,t])}catch(e){he(e)}},h=(e,l)=>8&l?r:e,y=e=>0!=(2&e),m="http://www.w3.org/1999/xlink",p=new WeakMap,b=(e,l,t)=>{let n=pe.get(e);a&&t?(n=n||new CSSStyleSheet,n.replace(l)):n=l,pe.set(e,n)},w=(e,l)=>{let t=g(l),n=pe.get(t);if(e=11===e.nodeType?e:c,n)if("string"==typeof n){let l,s=p.get(e=e.head||e);s||p.set(e,s=new Set),s.has(t)||(e.host&&(l=e.querySelector(`[sty-id="${t}"]`))?l.innerHTML=n:(l=c.createElement("style"),l.innerHTML=n,e.insertBefore(l,e.querySelector("link"))),s&&s.add(t))}else e.adoptedStyleSheets.includes(n)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,n]);return t},g=e=>"sc-"+e.$,k=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{"),S={},v=e=>"object"==(e=typeof e)||"function"===e,j=(e,l,...t)=>{let n=null,s=null,o=null,i=!1,r=!1,c=[];const f=l=>{for(let t=0;t<l.length;t++)n=l[t],Array.isArray(n)?f(n):null!=n&&"boolean"!=typeof n&&((i="function"!=typeof e&&!v(n))&&(n+=""),i&&r?c[c.length-1].h+=n:c.push(i?x(null,n):n),r=i)};if(f(t),l){l.key&&(s=l.key),l.name&&(o=l.name);{const e=l.className||l.class;e&&(l.class="object"!=typeof e?e:Object.keys(e).filter((l=>e[l])).join(" "))}}const u=x(e,null);return u.m=l,c.length>0&&(u.p=c),u.g=s,u.k=o,u},x=(e,l)=>({l:0,S:e,h:l,v:null,p:null,m:null,g:null,k:null}),M={},O=(e,l,t,n,s,o)=>{if(t!==n){let i=de(e,l),c=l.toLowerCase();if("class"===l){const l=e.classList,s=R(t),o=R(n);l.remove(...s.filter((e=>e&&!o.includes(e)))),l.add(...o.filter((e=>e&&!s.includes(e))))}else if("style"===l){for(const l in t)n&&null!=n[l]||(l.includes("-")?e.style.removeProperty(l):e.style[l]="");for(const l in n)t&&n[l]===t[l]||(l.includes("-")?e.style.setProperty(l,n[l]):e.style[l]=n[l])}else if("key"===l);else if("ref"===l)n&&n(e);else if(i||"o"!==l[0]||"n"!==l[1]){const r=v(n);if((i||r&&null!==n)&&!s)try{if(e.tagName.includes("-"))e[l]=n;else{let s=null==n?"":n;"list"===l?i=!1:null!=t&&e[l]==s||(e[l]=s)}}catch(e){}let f=!1;c!==(c=c.replace(/^xlink\:?/,""))&&(l=c,f=!0),null==n||!1===n?!1===n&&""!==e.getAttribute(l)||(f?e.removeAttributeNS(m,l):e.removeAttribute(l)):(!i||4&o||s)&&!r&&(n=!0===n?"":n,f?e.setAttributeNS(m,l,n):e.setAttribute(l,n))}else l="-"===l[2]?l.slice(3):de(r,c)?c.slice(2):c[2]+l.slice(3),t&&f.rel(e,l,t,!1),n&&f.ael(e,l,n,!1)}},C=/\s/,R=e=>e?e.split(C):[],P=(e,l,t,n)=>{const s=11===l.v.nodeType&&l.v.host?l.v.host:l.v,o=e&&e.m||S,i=l.m||S;for(n in o)n in i||O(s,n,o[n],void 0,t,l.l);for(n in i)O(s,n,o[n],i[n],t,l.l)},T=(s,i,r,f)=>{let u,a,$,d=i.p[r],h=0;if(n||(o=!0,"slot"===d.S&&(e&&f.classList.add(e+"-s"),d.l|=d.p?2:1)),null!==d.h)u=d.v=c.createTextNode(d.h);else if(1&d.l)u=d.v=c.createTextNode("");else if(u=d.v=c.createElement(2&d.l?"slot-fb":d.S),P(null,d,!1),null!=e&&u["s-si"]!==e&&u.classList.add(u["s-si"]=e),d.p)for(h=0;h<d.p.length;++h)a=T(s,d,h,u),a&&u.appendChild(a);return u["s-hn"]=t,3&d.l&&(u["s-sr"]=!0,u["s-cr"]=l,u["s-sn"]=d.k||"",$=s&&s.p&&s.p[r],$&&$.S===d.S&&s.v&&I(s.v,!1)),u},I=(e,l)=>{f.l|=1;const n=e.childNodes;for(let e=n.length-1;e>=0;e--){const s=n[e];s["s-hn"]!==t&&s["s-ol"]&&(A(s).insertBefore(s,W(s)),s["s-ol"].remove(),s["s-ol"]=void 0,o=!0),l&&I(s,l)}f.l&=-2},L=(e,l,n,s,o,i)=>{let r,c=e["s-cr"]&&e["s-cr"].parentNode||e;for(c.shadowRoot&&c.tagName===t&&(c=c.shadowRoot);o<=i;++o)s[o]&&(r=T(null,n,o,e),r&&(s[o].v=r,c.insertBefore(r,W(l))))},N=(e,l,t,n,o)=>{for(;l<=t;++l)(n=e[l])&&(o=n.v,V(n),s=!0,o["s-ol"]?o["s-ol"].remove():I(o,!0),o.remove())},E=(e,l)=>e.S===l.S&&("slot"===e.S?e.k===l.k:e.g===l.g),W=e=>e&&e["s-ol"]||e,A=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,D=(e,l)=>{const t=l.v=e.v,n=e.p,s=l.p,o=l.h;let i;null===o?("slot"===l.S||P(e,l,!1),null!==n&&null!==s?((e,l,t,n)=>{let s,o,i=0,r=0,c=0,f=0,u=l.length-1,a=l[0],$=l[u],d=n.length-1,h=n[0],y=n[d];for(;i<=u&&r<=d;)if(null==a)a=l[++i];else if(null==$)$=l[--u];else if(null==h)h=n[++r];else if(null==y)y=n[--d];else if(E(a,h))D(a,h),a=l[++i],h=n[++r];else if(E($,y))D($,y),$=l[--u],y=n[--d];else if(E(a,y))"slot"!==a.S&&"slot"!==y.S||I(a.v.parentNode,!1),D(a,y),e.insertBefore(a.v,$.v.nextSibling),a=l[++i],y=n[--d];else if(E($,h))"slot"!==a.S&&"slot"!==y.S||I($.v.parentNode,!1),D($,h),e.insertBefore($.v,a.v),$=l[--u],h=n[++r];else{for(c=-1,f=i;f<=u;++f)if(l[f]&&null!==l[f].g&&l[f].g===h.g){c=f;break}c>=0?(o=l[c],o.S!==h.S?s=T(l&&l[r],t,c,e):(D(o,h),l[c]=void 0,s=o.v),h=n[++r]):(s=T(l&&l[r],t,r,e),h=n[++r]),s&&A(a.v).insertBefore(s,W(a.v))}i>u?L(e,null==n[d+1]?null:n[d+1].v,t,n,r,d):r>d&&N(l,i,u)})(t,n,l,s):null!==s?(null!==e.h&&(t.textContent=""),L(t,null,l,s,0,s.length-1)):null!==n&&N(n,0,n.length-1)):(i=t["s-cr"])?i.parentNode.textContent=o:e.h!==o&&(t.data=o)},F=e=>{let l,t,n,s,o,i,r=e.childNodes;for(t=0,n=r.length;t<n;t++)if(l=r[t],1===l.nodeType){if(l["s-sr"])for(o=l["s-sn"],l.hidden=!1,s=0;s<n;s++)if(i=r[s].nodeType,r[s]["s-hn"]!==l["s-hn"]||""!==o){if(1===i&&o===r[s].getAttribute("slot")){l.hidden=!0;break}}else if(1===i||3===i&&""!==r[s].textContent.trim()){l.hidden=!0;break}F(l)}},H=[],U=e=>{let l,t,n,o,i,r,c=0,f=e.childNodes,u=f.length;for(;c<u;c++){if(l=f[c],l["s-sr"]&&(t=l["s-cr"])&&t.parentNode)for(n=t.parentNode.childNodes,o=l["s-sn"],r=n.length-1;r>=0;r--)t=n[r],t["s-cn"]||t["s-nr"]||t["s-hn"]===l["s-hn"]||(q(t,o)?(i=H.find((e=>e.j===t)),s=!0,t["s-sn"]=t["s-sn"]||o,i?i.M=l:H.push({M:l,j:t}),t["s-sr"]&&H.map((e=>{q(e.j,t["s-sn"])&&(i=H.find((e=>e.j===t)),i&&!e.M&&(e.M=i.M))}))):H.some((e=>e.j===t))||H.push({j:t}));1===l.nodeType&&U(l)}},q=(e,l)=>1===e.nodeType?null===e.getAttribute("slot")&&""===l||e.getAttribute("slot")===l:e["s-sn"]===l||""===l,V=e=>{e.m&&e.m.ref&&e.m.ref(null),e.p&&e.p.map(V)},_=e=>ue(e).O,z=(e,l,t)=>{const n=_(e);return{emit:e=>B(n,l,{bubbles:!!(4&t),composed:!!(2&t),cancelable:!!(1&t),detail:e})}},B=(e,l,t)=>{const n=f.ce(l,t);return e.dispatchEvent(n),n},G=(e,l)=>{l&&!e.C&&l["s-p"]&&l["s-p"].push(new Promise((l=>e.C=l)))},J=(e,l)=>{if(e.l|=16,!(4&e.l))return G(e,e.R),je((()=>K(e,l)));e.l|=512},K=(e,l)=>{const t=e.i;let n;return l&&(e.l|=256,e.u&&(e.u.map((([e,l])=>ee(t,e,l))),e.u=null),n=ee(t,"componentWillLoad")),le(n,(()=>Q(e,t,l)))},Q=async(e,l,t)=>{const n=e.O,s=n["s-rc"];t&&(e=>{const l=e.P,t=e.O,n=l.l,s=w(t.shadowRoot?t.shadowRoot:t.getRootNode(),l);10&n&&(t["s-sc"]=s,t.classList.add(s+"-h"))})(e);X(e,l),s&&(s.map((e=>e())),n["s-rc"]=void 0);{const l=n["s-p"],t=()=>Y(e);0===l.length?t():(Promise.all(l).then(t),e.l|=4,l.length=0)}},X=(i,r)=>{try{r=r.render(),i.l&=-17,i.l|=2,((i,r)=>{const u=i.O,a=i.P,$=i.T||x(null,null),d=(e=>e&&e.S===M)(r)?r:j(null,null,r);if(t=u.tagName,a.I&&(d.m=d.m||{},a.I.map((([e,l])=>d.m[l]=u[e]))),d.S=null,d.l|=4,i.T=d,d.v=$.v=u.shadowRoot||u,e=u["s-sc"],l=u["s-cr"],n=0!=(1&a.l),s=!1,D($,d),f.l|=1,o){let e,l,t,n,s,o;U(d.v);let i=0;for(;i<H.length;i++)e=H[i],l=e.j,l["s-ol"]||(t=c.createTextNode(""),t["s-nr"]=l,l.parentNode.insertBefore(l["s-ol"]=t,l));for(i=0;i<H.length;i++)if(e=H[i],l=e.j,e.M){for(n=e.M.parentNode,s=e.M.nextSibling,t=l["s-ol"];t=t.previousSibling;)if(o=t["s-nr"],o&&o["s-sn"]===l["s-sn"]&&n===o.parentNode&&(o=o.nextSibling,!o||!o["s-nr"])){s=o;break}(!s&&n!==l.parentNode||l.nextSibling!==s)&&l!==s&&(!l["s-hn"]&&l["s-ol"]&&(l["s-hn"]=l["s-ol"].parentNode.nodeName),n.insertBefore(l,s))}else 1===l.nodeType&&(l.hidden=!0)}s&&F(d.v),f.l&=-2,H.length=0})(i,r)}catch(e){he(e,i.O)}return null},Y=e=>{const l=e.O,t=e.i,n=e.R;ee(t,"componentDidRender"),64&e.l||(e.l|=64,te(l),ee(t,"componentDidLoad"),e.L(l),n||Z()),e.N(l),e.C&&(e.C(),e.C=void 0),512&e.l&&ve((()=>J(e,!1))),e.l&=-517},Z=()=>{te(c.documentElement),ve((()=>B(r,"appload",{detail:{namespace:"twilight-components"}})))},ee=(e,l,t)=>{if(e&&e[l])try{return e[l](t)}catch(e){he(e)}},le=(e,l)=>e&&e.then?e.then(l):l(),te=e=>e.classList.add("hydrated"),ne=(e,l,t,n,s,o,i)=>{let r,f,u,a;if(1===o.nodeType){for(r=o.getAttribute("c-id"),r&&(f=r.split("."),f[0]!==i&&"0"!==f[0]||(u={l:0,W:f[0],A:f[1],D:f[2],F:f[3],S:o.tagName.toLowerCase(),v:o,m:null,p:null,g:null,k:null,h:null},l.push(u),o.removeAttribute("c-id"),e.p||(e.p=[]),e.p[u.F]=u,e=u,n&&"0"===u.D&&(n[u.F]=u.v))),a=o.childNodes.length-1;a>=0;a--)ne(e,l,t,n,s,o.childNodes[a],i);if(o.shadowRoot)for(a=o.shadowRoot.childNodes.length-1;a>=0;a--)ne(e,l,t,n,s,o.shadowRoot.childNodes[a],i)}else if(8===o.nodeType)f=o.nodeValue.split("."),f[1]!==i&&"0"!==f[1]||(r=f[0],u={l:0,W:f[1],A:f[2],D:f[3],F:f[4],v:o,m:null,p:null,g:null,k:null,S:null,h:null},"t"===r?(u.v=o.nextSibling,u.v&&3===u.v.nodeType&&(u.h=u.v.textContent,l.push(u),o.remove(),e.p||(e.p=[]),e.p[u.F]=u,n&&"0"===u.D&&(n[u.F]=u.v))):u.W===i&&("s"===r?(u.S="slot",o["s-sn"]=f[5]?u.k=f[5]:"",o["s-sr"]=!0,n&&(u.v=c.createElement(u.S),u.k&&u.v.setAttribute("name",u.k),o.parentNode.insertBefore(u.v,o),o.remove(),"0"===u.D&&(n[u.F]=u.v)),t.push(u),e.p||(e.p=[]),e.p[u.F]=u):"r"===r&&(n?o.remove():(s["s-cr"]=o,o["s-cn"]=!0))));else if(e&&"style"===e.S){const l=x(null,o.textContent);l.v=o,l.F="0",e.p=[l]}},se=(e,l)=>{if(1===e.nodeType){let t=0;for(;t<e.childNodes.length;t++)se(e.childNodes[t],l);if(e.shadowRoot)for(t=0;t<e.shadowRoot.childNodes.length;t++)se(e.shadowRoot.childNodes[t],l)}else if(8===e.nodeType){const t=e.nodeValue.split(".");"o"===t[0]&&(l.set(t[1]+"."+t[2],e),e.nodeValue="",e["s-en"]=t[3])}},oe=(e,l,t)=>{if(l.H){e.watchers&&(l.U=e.watchers);const n=Object.entries(l.H),s=e.prototype;if(n.map((([e,[n]])=>{31&n||2&t&&32&n?Object.defineProperty(s,e,{get(){return((e,l)=>ue(this).q.get(l))(0,e)},set(t){((e,l,t,n)=>{const s=ue(e),o=s.O,i=s.q.get(l),r=s.l,c=s.i;if(t=((e,l)=>null==e||v(e)?e:4&l?"false"!==e&&(""===e||!!e):2&l?parseFloat(e):1&l?e+"":e)(t,n.H[l][0]),(!(8&r)||void 0===i)&&t!==i&&(!Number.isNaN(i)||!Number.isNaN(t))&&(s.q.set(l,t),c)){if(n.U&&128&r){const e=n.U[l];e&&e.map((e=>{try{c[e](t,i,l)}catch(e){he(e,o)}}))}2==(18&r)&&J(s,!1)}})(this,e,t,l)},configurable:!0,enumerable:!0}):1&t&&64&n&&Object.defineProperty(s,e,{value(...l){const t=ue(this);return t.V.then((()=>t.i[e](...l)))}})})),1&t){const t=new Map;s.attributeChangedCallback=function(e,l,n){f.jmp((()=>{const l=t.get(e);if(this.hasOwnProperty(l))n=this[l],delete this[l];else if(s.hasOwnProperty(l)&&"number"==typeof this[l]&&this[l]==n)return;this[l]=(null!==n||"boolean"!=typeof this[l])&&n}))},e.observedAttributes=n.filter((([e,l])=>15&l[0])).map((([e,n])=>{const s=n[1]||e;return t.set(s,e),512&n[0]&&l.I.push([e,s]),s}))}}return e},ie=e=>{if(0==(1&f.l)){const l=ue(e),t=l.P,n=()=>{};if(1&l.l)$(e,l,t._);else{let n;if(l.l|=1,n=e.getAttribute("s-id"),n){if(1&t.l){const l=w(e.shadowRoot,t);e.classList.remove(l+"-h",l+"-s")}((e,l,t,n)=>{const s=e.shadowRoot,o=[],i=s?[]:null,r=n.T=x(l,null);f.B||se(c.body,f.B=new Map),e["s-id"]=t,e.removeAttribute("s-id"),ne(r,o,[],i,e,e,t),o.map((e=>{const t=e.W+"."+e.A,n=f.B.get(t),o=e.v;n&&""===n["s-en"]&&n.parentNode.insertBefore(o,n.nextSibling),s||(o["s-hn"]=l,n&&(o["s-ol"]=n,o["s-ol"]["s-nr"]=o)),f.B.delete(t)})),s&&i.map((e=>{e&&s.appendChild(e)}))})(e,t.$,n,l)}n||12&t.l&&re(e);{let t=e;for(;t=t.parentNode||t.host;)if(1===t.nodeType&&t.hasAttribute("s-id")&&t["s-p"]||t["s-p"]){G(l,l.R=t);break}}t.H&&Object.entries(t.H).map((([l,[t]])=>{if(31&t&&e.hasOwnProperty(l)){const t=e[l];delete e[l],e[l]=t}})),(async(e,l,t,n,s)=>{if(0==(32&l.l)){{if(l.l|=32,(s=me(t)).then){const e=()=>{};s=await s,e()}s.isProxied||(t.U=s.watchers,oe(s,t,2),s.isProxied=!0);const e=()=>{};l.l|=8;try{new s(l)}catch(e){he(e)}l.l&=-9,l.l|=128,e()}if(s.style){let e=s.style;const l=g(t);if(!pe.has(l)){const n=()=>{};b(l,e,!!(1&t.l)),n()}}}const o=l.R,i=()=>J(l,!0);o&&o["s-rc"]?o["s-rc"].push(i):i()})(0,l,t)}n()}},re=e=>{const l=e["s-cr"]=c.createComment("");l["s-cn"]=!0,e.insertBefore(l,e.firstChild)},ce=(e,l={})=>{const t=[],n=l.exclude||[],s=r.customElements,o=c.head,i=o.querySelector("meta[charset]"),u=c.createElement("style"),a=[],$=c.querySelectorAll("[sty-id]");let d,h=!0,y=0;for(Object.assign(f,l),f.t=new URL(l.resourcesUrl||"./",c.baseURI).href,f.l|=2;y<$.length;y++)b($[y].getAttribute("sty-id"),k($[y].innerHTML),!0);e.map((e=>{e[1].map((l=>{const o={l:l[0],$:l[1],H:l[2],_:l[3]};o.H=l[2],o._=l[3],o.I=[],o.U={};const i=o.$,r=class extends HTMLElement{constructor(e){super(e),$e(e=this,o),1&o.l&&e.attachShadow({mode:"open"})}connectedCallback(){d&&(clearTimeout(d),d=null),h?a.push(this):f.jmp((()=>ie(this)))}disconnectedCallback(){f.jmp((()=>(()=>{if(0==(1&f.l)){const e=ue(this);e.o&&(e.o.map((e=>e())),e.o=void 0)}})()))}componentOnReady(){return ue(this).G}};o.J=e[0],n.includes(i)||s.get(i)||(t.push(i),s.define(i,oe(r,o,1)))}))})),u.innerHTML=t+"{visibility:hidden}.hydrated{visibility:inherit}",u.setAttribute("data-styles",""),o.insertBefore(u,i?i.nextSibling:o.firstChild),h=!1,a.length?a.map((e=>e.connectedCallback())):f.jmp((()=>d=setTimeout(Z,30)))},fe=new WeakMap,ue=e=>fe.get(e),ae=(e,l)=>fe.set(l.i=e,l),$e=(e,l)=>{const t={l:0,O:e,P:l,q:new Map};return t.V=new Promise((e=>t.N=e)),t.G=new Promise((e=>t.L=e)),e["s-p"]=[],e["s-rc"]=[],$(e,t,l._),fe.set(e,t)},de=(e,l)=>l in e,he=(e,l)=>(0,console.error)(e,l),ye=new Map,me=e=>{const l=e.$.replace(/-/g,"_"),t=e.J,n=ye.get(t);return n?n[l]:import(`./${t}.entry.js`).then((e=>(ye.set(t,e),e[l])),he)},pe=new Map,be=[],we=[],ge=(e,l)=>t=>{e.push(t),i||(i=!0,l&&4&f.l?ve(Se):f.raf(Se))},ke=e=>{for(let l=0;l<e.length;l++)try{e[l](performance.now())}catch(e){he(e)}e.length=0},Se=()=>{ke(be),ke(we),(i=be.length>0)&&f.raf(Se)},ve=e=>u().then(e),je=ge(we,!0);export{M as H,ce as b,z as c,_ as g,j as h,u as p,ae as r}

package/dist/twilight-components/p-210f5278.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as s,h as e,g as a}from"./p-1d0e664c.js";const t=class{constructor(e){s(this,e),this.open=!1,this.isOpenedBefore=salla.storage.get("branch-choosed-before"),this.displayAs="default",this.browseProductsFrom="all",this.branches=[{id:1,name:"فرع الرياض",open:!0,available:!0,limited:!1,tag:"متوفر"},{id:2,name:"فرع جدة",open:!1,available:!1,limited:!1,tag:"غير متوفر"},{id:3,name:"فرع مكة",open:!0,available:!0,limited:!1,tag:"متوفر"},{id:4,name:"فرع المدينة",open:!0,available:!0,limited:!1,tag:"متوفر"},{id:5,name:"فرع جازان",open:!0,available:!0,limited:!0,tag:"الكمية محدودة"}],this.current=1,this.currentBranch=s=>this.branches.filter((s=>s.id==this.current))[0][s],this.statusColor=(s=null)=>s?s.limited?"s-branches-color-red":s.available?"s-branches-color-green":"s-branches-color-gray":this.currentBranch("limited")?"s-branches-color-red":this.currentBranch("available")?"s-branches-color-green":"s-branches-color-gray",this.isChoiceable=()=>"all"!==this.browseProductsFrom&&"single"==this.position||"header"==this.position,this.formTitle=()=>this.isChoiceable()?"توفر المنتج في الفروع الآخرى":"التسوق من فرع آخر",salla.event.on("branches::show",(s=>s.dataset.target==this.host.id&&this.show())),salla.lang.onLoaded((()=>{var s;return null===(s=this.btn)||void 0===s?void 0:s.setText(salla.lang.get("common.elements.ok"))}))}async show(){return this.modal.open()}async hide(){return this.modal.close()}handelChange(s){this.selected=s.target.value}handleSubmit(){this.btn.load().then((()=>{setTimeout((()=>location.reload()),2e3)})),salla.storage.set("branch-choosed-before",!0),this.show(),setTimeout((()=>{this.current=this.selected}),300)}render(){return e("salla-modal",{icon:"sicon-store-alt","modal-title":"فرع الرياض","sub-title":"أنت الآن تتصفح المتجر من","sub-title-first":!0,"is-closable":this.isOpenedBefore||"popup"!=this.displayAs?"true":"false",ref:s=>this.modal=s,width:"sm",id:"s-branches-modal",class:"s-hidden"},e("h4",{class:"s-branches-title"},this.formTitle()),this.branches.length<=5?e("div",{class:"s-branches-space-v"},this.branches.map((s=>e("div",{class:"s-branches-input-wrap"},e("input",{id:this.position+"_branch_"+s.id,disabled:!s.open&&this.isChoiceable(),name:"lang",type:"radio",value:s.id,onChange:s=>this.handelChange(s),class:{"s-branches-input":!0,"opacity-50":!s.open,"s-hidden":!this.isChoiceable()},checked:this.current==s.id}),e("label",{htmlFor:this.position+"_branch_"+s.id,class:{"s-branches-label":!0,"s-branches-clickable":this.isChoiceable()}},e("span",{class:{"s-branches-is-closed":!s.open}},s.name),this.isChoiceable()?e("small",{class:"s-branches-closed-badge"},s.open?"":"مُغلق"):e("span",{class:this.statusColor(s)},s.tag)))))):e("select",{class:"s-branches-select",onInput:s=>this.handelChange(s)},this.branches.map((s=>e("option",{value:s.id,disabled:!s.open,selected:this.selected==s.id},s.name," ",s.open?"":"- مُغلق")))),this.isChoiceable()?e("slot",{name:"footer"},e("salla-button",{ref:s=>this.btn=s,onClick:()=>this.handleSubmit(),class:"s-branches-submit",wide:!0},salla.lang.get("common.elements.ok"))):"")}componentDidRender(){this.isOpenedBefore||"popup"!=this.displayAs||this.show()}get host(){return a(this)}};t.style="";export{t as salla_branches}

package/dist/twilight-components/p-2384537d.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as s,h as a,H as t,g as i}from"./p-1d0e664c.js";import{H as l}from"./p-9d2ca9c8.js";const r=class{constructor(a){s(this,a),this.stepsCount=0,this.currentIndex=0,this.submitted=[],this.orderId=salla.config.get("page.id"),this.rate_the_store=salla.lang.get("pages.rating.rate_the_store"),this.write_store_rate=salla.lang.get("pages.rating.write_store_rate"),this.rate_product_stars=salla.lang.get("pages.rating.rate_product_stars"),this.write_product_rate=salla.lang.get("pages.rating.write_product_rate"),this.rate_shipping=salla.lang.get("pages.rating.rate_shipping"),this.write_shipping_rate=salla.lang.get("pages.rating.write_shipping_rate"),this.thanks=salla.lang.get("pages.rating.thanks"),this.back=salla.lang.get("common.elements.back"),this.next=salla.lang.get("common.elements.next"),l.setHost(document),salla.event.on("rating::open",(()=>this.open())),salla.lang.onLoaded((()=>{this.rate_the_store=salla.lang.get("pages.rating.rate_the_store"),this.write_store_rate=salla.lang.get("pages.rating.write_store_rate"),this.rate_product_stars=salla.lang.get("pages.rating.rate_product_stars"),this.write_product_rate=salla.lang.get("pages.rating.write_product_rate"),this.rate_shipping=salla.lang.get("pages.rating.rate_shipping"),this.write_shipping_rate=salla.lang.get("pages.rating.write_shipping_rate"),this.thanks=salla.lang.get("pages.rating.thanks"),this.back=salla.lang.get("common.elements.back"),this.next=salla.lang.get("common.elements.next")}))}async open(){return this.modal.open().then((()=>this.order||salla.rating.api.order(this.orderId).then((s=>this.order=s.data)))).then((()=>this.modal.setTitle(salla.lang.get("pages.rating.rate_order")+' <span class="unicode">(#'+this.order.id+")</span>"))).then((()=>this.modal.stopLoading())).then((()=>this.stepsCount=[this.order.testimonials_enabled,this.order.products_enabled,this.order.shipping_enabled].filter((s=>s)).length)).then((()=>setTimeout((()=>this.handleWizard()),100)))}async close(){return this.modal.close()}handleWizard(){this.steps=document.querySelectorAll(".s-rating-modal-step"),this.dots=document.querySelectorAll(".s-rating-modal-step-dot"),this.showActiveStep()}showActiveStep(s=null){var a;this.currentTab=s||this.steps[this.currentIndex],l.toggleClassIf(".s-rating-modal-step-dot","s-rating-modal-bg-gray","s-rating-modal-bg-primary",(s=>s!=this.dots[this.currentIndex])).toggleClassIf(".s-rating-modal-step","s-rating-modal-active","s-rating-modal-hidden",(s=>s==this.currentTab)),0!=this.currentIndex&&(l.toggleElementClassIf(this.currentTab,"s-rating-modal-unactive","s-rating-modal-hidden",(()=>!0)),setTimeout((()=>l.toggleElementClassIf(this.currentTab,"s-rating-modal-active","s-rating-modal-unactive",(()=>!0))),300));let t=null===(a=this.steps[this.currentIndex+1])||void 0===a?void 0:a.dataset.type;this.nextBtn.setText(t?salla.lang.get("pages.rating.rate")+" "+salla.lang.get("pages.rating."+t):salla.lang.get("pages.rating.send_ratings")),setTimeout((()=>{var s;return this.body.setAttribute("style","height:"+(null===(s=this.currentTab)||void 0===s?void 0:s.scrollHeight)+"px")}))}previousTab(){this.currentIndex>0&&this.currentIndex--,l.toggleElementClassIf(this.backBtn,"s-rating-modal-unvisiable","block",(()=>0==this.currentIndex)),this.showActiveStep()}submit(){this.submittedBefore()||this.validate(),salla.config.canLeave=!1,this.nextBtn.load().then((()=>this.submittedBefore()||this.sendFeedback())).then((()=>this.currentTab.querySelectorAll("[name],.s-rating-modal-btn-star").forEach((s=>s.setAttribute("disabled",""))))).then((()=>this.currentIndex<this.stepsCount&&this.currentIndex++)).then((()=>this.showActiveStep())).then((()=>l.toggleClassIf("#prev-btn","block","s-rating-modal-unvisiable",(()=>!0)))).finally((()=>{this.nextBtn.stop(),salla.config.canLeave=!0,this.currentIndex==this.stepsCount&&this.showThankYou(),this.modal.isClosable=!1}))}submittedBefore(){return this.submitted.includes(this.currentIndex)}validate(s=null,a=null){if(!s&&"products"==this.currentTab.dataset.type)return this.currentTab.querySelectorAll(".rating-outer-form").forEach((s=>this.validate(s,"product")));let t=(s=s||this.currentTab).querySelector(".rating_hidden_input").value,i=s.querySelector(".s-rating-modal-comment"),r=s.querySelector(".s-rating-modal-validation-msg");if(t&&i.value&&i.value.length>3)return i.classList.remove("s-has-error"),void(r.innerHTML="");throw a=a||s.dataset.type,l.toggleElementClassIf(i,"save","s-has-error",(s=>s.value.length>3)),r.innerHTML=t?salla.lang.get("common.errors.not_less_than_chars",{chars:4})+" "+i.getAttribute("placeholder"):salla.lang.get(`pages.rating.rate_${a}_stars`).replace(" (:item)","")}sendFeedback(){let s={};if(this.currentTab.querySelectorAll("[name]").forEach((a=>{let t=salla.helpers.inputData(a.name,a.value,s);s[t.name]=t.value})),0!=Object.keys(s).length)return s.order_id=this.orderId,s.type=this.currentTab.dataset.type,this.submitted.push(this.currentIndex),salla.rating.api[this.currentTab.dataset.type](s)}showThankYou(){let s=10,a=setInterval((()=>{this.thanksTime.innerHTML="00:0"+s--,s>0||(clearInterval(a),this.thanksTime.remove(),this.close().then((()=>window.location.reload())))}),1e3);document.querySelector(".s-rating-modal-footer").classList.add("s-rating-modal-unvisiable"),this.showActiveStep(this.thanksTab)}render(){return a(t,{id:"s-rating"},a("salla-modal",{isLoading:!0,width:"md",ref:s=>this.modal=s},this.order?[a("div",{class:"s-rating-modal-wrapper",ref:s=>this.body=s},this.order.testimonials_enabled?a("div",{class:"rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden","data-type":"store"},a("div",{class:"s-rating-modal-rounded-icon"},a("img",{src:salla.config.get("store.logo","https://assets.salla.sa/cp/assets/images/logo-new.png"),alt:"store name",class:"s-rating-modal-store-logo"})),a("h2",{class:"s-rating-modal-title"},this.rate_the_store),a("div",{class:"s-rating-modal-stars-company"},a("salla-rating-stars",{size:"large"})),a("textarea",{id:"storeReview",name:"comment",class:"s-rating-modal-comment",placeholder:this.write_store_rate}),a("small",{class:"s-rating-modal-validation-msg"})):"",this.order.products_enabled?a("section",{class:"s-rating-modal-step s-rating-modal-hidden","data-type":"products"},this.order.products.map(((s,t)=>a("div",{class:"rating-outer-form s-rating-modal-product","data-stars-error":this.rate_product_stars},a("div",{class:"s-rating-modal-product-img-wrap"},a("img",{src:s.product.thumbnail,alt:s.product.name,class:"s-rating-modal-product-img"})),a("div",{class:"s-rating-modal-product-details"},a("h3",{class:"s-rating-modal-product-title"}," ",s.product.name),a("div",{class:"s-rating-modal-stars-product"},a("salla-rating-stars",{size:"small",name:`products[${t}][rating]`})),a("input",{type:"hidden",name:`products[${t}][product_id]`,value:s.product.id}),a("textarea",{placeholder:this.write_product_rate,name:`products[${t}][comment]`,class:"s-rating-modal-comment"}),a("small",{class:"s-rating-modal-validation-msg"})))))):"",this.order.shipping_enabled?a("div",{class:"rating-outer-form s-rating-modal-step-wrap s-rating-modal-step s-rating-modal-hidden","data-type":"shipping"},a("input",{type:"hidden",name:"shipping_company_id",value:this.order.shipping.company.id}),this.order.shipping.company.logo?a("div",{class:"s-rating-modal-rounded-icon"},a("img",{src:this.order.shipping.company.logo,class:"s-rating-modal-shipping-logo",alt:this.order.shipping.company.name})):a("span",{class:"s-rating-modal-icon sicon-shipping-fast"}),a("div",{class:"s-rating-modal-title"}," ",this.rate_shipping+" "+this.order.shipping.company.name),a("div",{class:"s-rating-modal-stars-company"},a("salla-rating-stars",{size:"large"})),a("textarea",{name:"comment",class:"s-rating-modal-comment",placeholder:this.write_shipping_rate}),a("small",{class:"s-rating-modal-validation-msg"})):"",a("div",{class:"s-rating-modal-thanks s-rating-modal-hidden",ref:s=>this.thanksTab=s},a("span",{class:"s-rating-modal-icon sicon-check-circle2"}),a("h3",{class:"s-rating-modal-thanks-title"},this.thanks),a("div",{class:"s-rating-modal-thanks-msg",innerHTML:this.order.thanks_message}),a("time",{class:"s-rating-modal-thanks-time",ref:s=>this.thanksTime=s}))),a("div",{class:"s-rating-modal-footer"},a("button",{ref:s=>this.backBtn=s,onClick:()=>this.previousTab(),class:"s-rating-modal-btn s-rating-modal-unvisiable"},this.back),this.stepsCount>1?a("ul",{class:"s-rating-modal-dots"},[0,1,2].slice(0,this.stepsCount).map((()=>a("li",{class:"s-rating-modal-bg-gray s-rating-modal-step-dot"})))):"",a("salla-button",{"loader-position":"center",ref:s=>this.nextBtn=s,onClick:()=>this.submit()},this.next))]:""))}componentDidLoad(){salla.event.dispatch("rating::ready",this)}get host(){return i(this)}};r.style='#s-rating .s-rating-modal-product-img{font-size:0;position:relative}#s-rating .s-rating-modal-product-img:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background:#eee}#s-rating .unicode{unicode-bidi:plaintext}';export{r as salla_rating_modal}

package/dist/twilight-components/p-2b1c3490.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as s,h as i,g as l}from"./p-1d0e664c.js";import{H as t}from"./p-9d2ca9c8.js";const a=class{constructor(i){s(this,i),this.isEmailAllowed=salla.config.get("store.settings.auth.email_allowed",!0),this.isMobileAllowed=salla.config.get("store.settings.auth.mobile_allowed",!0),this.isEmailRequired=salla.config.get("store.settings.auth.is_email_required",!1),this.regType="phone",this.typing=(s,i)=>{const l=s.target.nextElementSibling;s.target.classList.remove("s-has-error"),(null==l?void 0:l.classList.contains("s-login-modal-error-message"))&&(l.innerText=""),"Enter"==s.key&&i()},this.loginBySMS=async()=>{const{phone:s,countryCode:i}=await this.loginTelInput.getValues();await this.loginTelInput.isValid()&&this.login(this.smsBtn,{type:"mobile",phone:s,country_code:i})},this.loginByEmail=()=>{t.isValidEmail(this.loginEmail.value)?this.login(this.emailBtn,{type:"email",email:this.loginEmail.value}):this.validateField(this.loginEmail,this.emailErrorMsg)},this.newUser=async()=>{var s;const{phone:i,countryCode:l}="email"==this.regType?await this.regTelInput.getValues():await this.loginTelInput.getValues(),t=this.regEmail.value||(null===(s=this.loginEmail)||void 0===s?void 0:s.value);await this.newUserValidation(),await this.regBtn.load(),await this.regBtn.disable();let a={first_name:this.firstName.value,last_name:this.lastName.value,phone:i||this.loginTelInput.phone,country_code:l,verified_by:this.regType};t&&(a=Object.assign(Object.assign({},a),{email:t})),this.verifyTab.getCode().then((s=>salla.auth.api.register(Object.assign(Object.assign({},a),{code:s})))).then((()=>salla.auth.canRedirect&&window.location.reload())).catch((()=>this.regBtn.stop()&&this.regBtn.enable()))},this.title=this.host.title||salla.lang.get("blocks.header.login"),this.host.removeAttribute("title"),salla.lang.onLoaded((()=>{var s,i,l,t;this.title=salla.lang.get("blocks.header.login"),this.loginTypeTitle=salla.lang.get("blocks.header.select_login_way"),this.loginText=salla.lang.get("blocks.header.login"),this.smsLabel=salla.lang.get("blocks.header.sms"),this.mobileLabel=salla.lang.get("common.elements.mobile"),this.emailLabel=salla.lang.get("common.elements.email"),this.bySMSText=salla.lang.get("blocks.header.login_by_sms"),this.byEmailText=salla.lang.get("blocks.header.login_by_email"),this.emailErrorMsg=salla.lang.get("common.elements.email_is_valid"),this.firstNameLabel=salla.lang.get("blocks.header.your_name"),this.lastNameLabel=salla.lang.get("pages.profile.last_name"),this.firstNameErrorMsg=salla.lang.get("common.errors.field_required",{attribute:this.firstNameLabel}),this.lastNameErrorMsg=salla.lang.get("common.errors.field_required",{attribute:this.lastNameLabel}),null===(s=this.modal)||void 0===s||s.setTitle(this.title),null===(i=this.smsBtn)||void 0===i||i.setText(salla.lang.get("blocks.header.enter")),null===(l=this.emailBtn)||void 0===l||l.setText(salla.lang.get("blocks.header.enter")),null===(t=this.regBtn)||void 0===t||t.setText(salla.lang.get("blocks.header.register"))})),salla.auth.event.onVerificationFailed((()=>{})),salla.event.on("login::open",(()=>this.open())),salla.event.on("twilight::initiated",(()=>{this.isEmailAllowed=salla.config.get("store.settings.auth.email_allowed",!!this.isEmailAllowed),this.isMobileAllowed=salla.config.get("store.settings.auth.mobile_allowed",!!this.isMobileAllowed),this.isEmailRequired=salla.config.get("store.settings.auth.is_email_required",!!this.isEmailRequired)}))}onVerified(s){var i,l;salla.log("verified",s);let t=(null===(i=s.detail)||void 0===i?void 0:i.data.case)||(null===(l=s.detail)||void 0===l?void 0:l.error.case);if(t){if("new_customer"===t)return this.showTab(this.registrationTab);if(salla.auth.canRedirect())return s.detail.data.redirect_url?window.location.href=s.data.redirect_url:void window.location.reload();salla.log("Will not auto redirect or reload, due to `salla.auth.canRedirect()`")}else salla.log("verified but without case!")}async open(){return this.isEmailAllowed&&this.isMobileAllowed?this.showTab(this.homeTab):this.isEmailAllowed?this.showTab(this.emailTab):this.isMobileAllowed&&this.showTab(this.mobileTab),this.modal.open()}showTab(s,i){var l,a;null==i||i.preventDefault();let e=[this.homeTab,this.mobileTab,this.emailTab,this.verifyTab,this.registrationTab];e.map((i=>t.toggleElementClassIf(i,"visible","s-hidden",(()=>i==s)))),setTimeout((()=>e.map((i=>t.toggleElementClassIf(i,"s-login-modal-active","s-login-modal-unactive",(()=>i==s))))),200),setTimeout((()=>{var i;return null===(i=document.querySelector(".s-login-modal-wrapper"))||void 0===i?void 0:i.setAttribute("style","height:"+(null==s?void 0:s.scrollHeight)+"px")})),[this.mobileTab,this.emailTab].includes(s)&&(this.regType=s===this.mobileTab?"phone":"email");let o=s==this.registrationTab;return null===(l=s.querySelector("input"))||void 0===l||l.focus(),null===(a=this.modal)||void 0===a||a.setTitle(o?salla.lang.get("common.titles.registration"):this.title),o||t.toggleElementClassIf(this.regMobileBlock,"s-hidden","s-show",(()=>"phone"===this.regType)).toggleElementClassIf(this.regEmailBlock,"s-hidden","s-show",(()=>"email"===this.regType)),this}login(s,i){s.load().then((()=>s.disable())).then((()=>salla.auth.api.login(i))).then((()=>this.showTab(this.verifyTab))).then((()=>this.verifyTab.open(i))).finally((()=>s.stop()&&s.enable()))}async newUserValidation(){const s="phone"==this.regType,i=this.regEmail.value||"email"==this.regType&&this.loginEmail.value,l=t.isValidEmail(i),a=this.firstName.value.length>0,e=this.lastName.value.length>0,o=await this.regTelInput.isValid()||s&&await this.loginTelInput.isValid();if(!((i&&l||!i&&!this.isEmailRequired)&&o&&a&&e))throw!l&&this.validateField(this.regEmail,this.emailErrorMsg),!a&&this.validateField(this.firstName,this.firstNameErrorMsg),!e&&this.validateField(this.lastName,this.lastNameErrorMsg),"Please insert required fields"}validateField(s,i){s.classList.add("s-has-error"),s.nextElementSibling.innerText="* "+i}render(){return i("salla-modal",{id:"salla-login",icon:"sicon-user","modal-title":this.title,ref:s=>this.modal=s,width:"xs"},i("div",{class:"s-login-modal-wrapper"},this.isEmailAllowed&&this.isMobileAllowed?i("div",{class:"s-login-modal-tab",ref:s=>this.homeTab=s},i("p",{class:"s-login-modal-sub-title"},this.loginTypeTitle),i("slot",{name:"before-login-type"}),i("a",{href:"#",class:"s-login-modal-main-btn",onClick:s=>this.showTab(this.mobileTab,s)},i("i",{class:"s-login-modal-main-btn-icon sicon-phone"}),i("span",{class:"s-login-modal-main-btn-text"},this.smsLabel),i("i",{class:"sicon-keyboard_arrow_left arrow"})),i("a",{href:"#",class:"s-login-modal-main-btn",onClick:s=>this.showTab(this.emailTab,s)},i("i",{class:"s-login-modal-main-btn-icon sicon-mail"}),i("span",{class:"s-login-modal-main-btn-text"},this.emailLabel),i("i",{class:"sicon-keyboard_arrow_left arrow"})),i("slot",{name:"after-login-type"})):"",this.isMobileAllowed?i("div",{class:"s-login-modal-tab",ref:s=>this.mobileTab=s},i("slot",{name:"before-login-mobile"}),i("label",{class:"s-login-modal-label"},this.mobileLabel),i("salla-tel-input",{ref:s=>this.loginTelInput=s,onKeyDown:s=>this.typing(s,this.loginBySMS)}),i("salla-button",{"loader-position":"center",width:"wide",onClick:()=>this.loginBySMS(),ref:s=>this.smsBtn=s},salla.lang.get("blocks.header.enter")),this.isEmailAllowed?i("a",{href:"#",onClick:()=>this.showTab(this.emailTab),class:"s-login-modal-link"},this.byEmailText):"",i("slot",{name:"after-login-mobile"})):"",this.isEmailAllowed?i("div",{class:"s-login-modal-tab",ref:s=>this.emailTab=s},i("slot",{name:"before-login-email"}),i("label",{class:"s-login-modal-label"},this.emailLabel),i("input",{type:"email",ref:s=>this.loginEmail=s,onKeyDown:s=>this.typing(s,this.loginByEmail),placeholder:"your@email.com",class:"s-login-modal-input s-ltr"}),i("span",{class:"s-login-modal-error-message"}),i("salla-button",{"loader-position":"center",width:"wide",onClick:()=>this.loginByEmail(),ref:s=>this.emailBtn=s},salla.lang.get("blocks.header.enter")),this.isMobileAllowed?i("a",{href:"#",onClick:()=>this.showTab(this.mobileTab),class:"s-login-modal-link"},this.bySMSText):"",i("slot",{name:"after-login-email"})):"",i("salla-verify-modal",{withoutModal:!0,ref:s=>this.verifyTab=s,autoReload:!1},i("a",{onClick:()=>this.showTab("phone"==this.regType?this.mobileTab:this.emailTab),class:"s-verify-modal-back sicon-arrow-right",slot:"after-footer",href:"#"})),i("div",{ref:s=>this.registrationTab=s},i("slot",{name:"before-registration"}),i("div",null,i("label",{class:"s-login-modal-label"},this.firstNameLabel),i("input",{type:"text",class:"s-login-modal-input",ref:s=>this.firstName=s,onKeyDown:s=>this.typing(s,this.newUser),placeholder:salla.lang.get("pages.profile.first_name")}),i("span",{class:"s-login-modal-error-message"})),i("div",null,i("label",{class:"s-login-modal-label"},this.lastNameLabel),i("input",{type:"text",class:"s-login-modal-input",ref:s=>this.lastName=s,onKeyDown:s=>this.typing(s,this.newUser),placeholder:salla.lang.get("pages.profile.last_name")}),i("span",{class:"s-login-modal-error-message"})),i("div",{ref:s=>this.regMobileBlock=s,class:"mb-1.5"},i("label",{class:"s-login-modal-label"},this.mobileLabel),i("salla-tel-input",{ref:s=>this.regTelInput=s,onKeyDown:s=>this.typing(s,this.newUser)})),i("div",{ref:s=>this.regEmailBlock=s,class:"mb-1.5"},i("label",{class:"s-login-modal-label"},this.emailLabel),i("input",{type:"email",ref:s=>this.regEmail=s,onKeyDown:s=>this.typing(s,this.newUser),placeholder:"your@email.com",class:"s-login-modal-input s-ltr"}),i("span",{class:"s-login-modal-error-message"})),i("salla-button",{"loader-position":"center",width:"wide",onClick:()=>this.newUser(),ref:s=>this.regBtn=s},salla.lang.get("blocks.header.register")),i("slot",{name:"after-registration"}))))}get host(){return l(this)}};a.style="[dir=ltr] #salla-login .s-login-modal-main-btn .arrow{display:inline-block;transform:scale(-1)}";export{a as salla_login_modal}

package/dist/twilight-components/p-7fae6b84.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as i,h as t,g as p}from"./p-1d0e664c.js";import{H as _}from"./p-9d2ca9c8.js";const o=class{constructor(t){var p,o;i(this,t),this.languages=[],this.currencies=[],this.isLoading=!0,this.language=salla.config.get("user.language_code"),this.currency=salla.config.get("user.currency_code"),_.setHost(this.host),salla.event.on("localization::open",(()=>this.open())),salla.lang.onLoaded((()=>{var i;this.languagesTitle=salla.lang.get("common.titles.language"),this.currenciesTitle=salla.lang.get("common.titles.currency"),null===(i=this.btn)||void 0===i||i.setText(salla.lang.get("common.elements.ok"))})),this.languageSlot=(null===(p=_.getElement('[slot="language"]'))||void 0===p?void 0:p.innerHTML)||'<label class="s-localization-modal-label" for="lang-{code}"><span>{name}</span><div class="s-localization-modal-flag flag iti__flag iti__{country_code}"></div></label>',this.currencySlot=(null===(o=_.getElement('[slot="currency"]'))||void 0===o?void 0:o.innerHTML)||'<label class="s-localization-modal-label" for="currency-{code}"><span>{name}</span><small class="s-localization-modal-currency">{code}</small></label>'}async open(){return this.modal.open().then((()=>this.getLanguages())).then((()=>this.getCurrencies())).then((()=>this.isLoading=!1))}async close(){return this.modal.close()}async getLanguages(){return this.language=this.language||salla.config.get("user.language_code"),this.languages.length>1?null:await salla.config.languages().then((i=>this.languages=i))}async getCurrencies(){return this.currency=this.currency||salla.config.get("user.currency_code"),this.currencies.length>1?null:await salla.config.currencies().then((i=>this.currencies=Object.values(i||{})))}onChangeCurrency(i){this.currency=i.target.value}onChangeLanguage(i){this.language=i.target.value}async submit(){let i;this.btn.load().then((()=>{if(this.currency){if(this.currency!==salla.config.get("user.currency_code","SAR"))return i=window.location.href,salla.currency.api.change(this.currency)}else salla.log("There is no currency!")})).then((()=>this.language===salla.config.get("user.language_code","ar")||(i=salla.helpers.addParamToUrl("lang",this.language)))).then((()=>this.btn.stop())).then((()=>this.close())).then((()=>i&&(window.location.href=i)))}render(){return t("salla-modal",{isLoading:this.isLoading,id:"salla-localization",class:"s-hidden",ref:i=>this.modal=i,width:"xs"},this.isLoading?"":t("div",{class:"s-localization-modal-inner"},this.languages.length>1?t("div",{class:"s-localization-modal-section"},t("label",{class:"s-localization-modal-title"},this.languagesTitle),t("div",{class:"s-localization-modal-section-inner"},this.languages.length<6?this.languages.map((i=>t("div",{class:"s-localization-modal-item"},t("input",{class:"s-localization-modal-input",type:"radio",checked:this.language==i.iso_code,onChange:()=>this.language=i.iso_code,name:"language",id:"lang-"+i.code.toLowerCase(),value:i.code}),t("div",{class:"s-localization-modal-label-slot",id:"language-slot",innerHTML:this.languageSlot.replace(/\{name\}/g,i.name).replace(/\{code\}/g,i.code).replace(/\{country_code\}/g,i.country_code)})))):t("select",{class:"s-localization-modal-select",name:"currency",onChange:i=>this.onChangeLanguage(i)},this.languages.map((i=>t("option",{value:i.code,selected:this.language==i.code},i.name)))))):"",this.currencies.length>1?t("div",{class:"s-localization-modal-section"},t("label",{class:"s-localization-modal-title"},this.currenciesTitle),t("div",{class:"s-localization-modal-section-inner"},this.currencies.length<6?this.currencies.map((i=>t("div",{class:"s-localization-modal-item"},t("input",{class:"s-localization-modal-input",type:"radio",name:"currency",checked:this.currency==i.code,onChange:()=>this.currency=i.code,id:"currency-"+i.code,value:i.code}),t("div",{class:"s-localization-modal-label-slot",id:"currency-slot",innerHTML:this.currencySlot.replace(/\{name\}/g,i.name).replace(/\{code\}/g,i.code).replace(/\{country_code\}/g,i.country_code)})))):t("select",{class:"s-localization-modal-select",name:"currency",onChange:i=>this.onChangeCurrency(i)},this.currencies.map((i=>t("option",{value:i.code,selected:this.currency==i.code},i.name)))))):"",t("salla-button",{wide:!0,ref:i=>this.btn=i,onClick:()=>this.submit()},salla.lang.get("common.elements.ok"))))}componentDidRender(){this.host.querySelectorAll("#currency-slot").forEach((i=>i.replaceWith(i.firstChild))),this.host.querySelectorAll("#language-slot").forEach((i=>i.replaceWith(i.firstChild)))}get host(){return p(this)}};o.style='#salla-localization .s-localization-modal-label-slot{flex-grow:1}#salla-localization .s-localization-modal-select{appearance:none;-webkit-appearance:none}.iti__flag{width:20px}.iti__flag.iti__be{width:18px}.iti__flag.iti__ch{width:15px}.iti__flag.iti__mc{width:19px}.iti__flag.iti__ne{width:18px}.iti__flag.iti__np{width:13px}.iti__flag.iti__va{width:15px}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-size:5652px 15px}}.iti__flag.iti__ac{height:10px;background-position:0px 0px}.iti__flag.iti__ad{height:14px;background-position:-22px 0px}.iti__flag.iti__ae{height:10px;background-position:-44px 0px}.iti__flag.iti__af{height:14px;background-position:-66px 0px}.iti__flag.iti__ag{height:14px;background-position:-88px 0px}.iti__flag.iti__ai{height:10px;background-position:-110px 0px}.iti__flag.iti__al{height:15px;background-position:-132px 0px}.iti__flag.iti__am{height:10px;background-position:-154px 0px}.iti__flag.iti__ao{height:14px;background-position:-176px 0px}.iti__flag.iti__aq{height:14px;background-position:-198px 0px}.iti__flag.iti__ar{height:13px;background-position:-220px 0px}.iti__flag.iti__as{height:10px;background-position:-242px 0px}.iti__flag.iti__at{height:14px;background-position:-264px 0px}.iti__flag.iti__au{height:10px;background-position:-286px 0px}.iti__flag.iti__aw{height:14px;background-position:-308px 0px}.iti__flag.iti__ax{height:13px;background-position:-330px 0px}.iti__flag.iti__az{height:10px;background-position:-352px 0px}.iti__flag.iti__ba{height:10px;background-position:-374px 0px}.iti__flag.iti__bb{height:14px;background-position:-396px 0px}.iti__flag.iti__bd{height:12px;background-position:-418px 0px}.iti__flag.iti__be{height:15px;background-position:-440px 0px}.iti__flag.iti__bf{height:14px;background-position:-460px 0px}.iti__flag.iti__bg{height:12px;background-position:-482px 0px}.iti__flag.iti__bh{height:12px;background-position:-504px 0px}.iti__flag.iti__bi{height:12px;background-position:-526px 0px}.iti__flag.iti__bj{height:14px;background-position:-548px 0px}.iti__flag.iti__bl{height:14px;background-position:-570px 0px}.iti__flag.iti__bm{height:10px;background-position:-592px 0px}.iti__flag.iti__bn{height:10px;background-position:-614px 0px}.iti__flag.iti__bo{height:14px;background-position:-636px 0px}.iti__flag.iti__bq{height:14px;background-position:-658px 0px}.iti__flag.iti__br{height:14px;background-position:-680px 0px}.iti__flag.iti__bs{height:10px;background-position:-702px 0px}.iti__flag.iti__bt{height:14px;background-position:-724px 0px}.iti__flag.iti__bv{height:15px;background-position:-746px 0px}.iti__flag.iti__bw{height:14px;background-position:-768px 0px}.iti__flag.iti__by{height:10px;background-position:-790px 0px}.iti__flag.iti__bz{height:14px;background-position:-812px 0px}.iti__flag.iti__ca{height:10px;background-position:-834px 0px}.iti__flag.iti__cc{height:10px;background-position:-856px 0px}.iti__flag.iti__cd{height:15px;background-position:-878px 0px}.iti__flag.iti__cf{height:14px;background-position:-900px 0px}.iti__flag.iti__cg{height:14px;background-position:-922px 0px}.iti__flag.iti__ch{height:15px;background-position:-944px 0px}.iti__flag.iti__ci{height:14px;background-position:-961px 0px}.iti__flag.iti__ck{height:10px;background-position:-983px 0px}.iti__flag.iti__cl{height:14px;background-position:-1005px 0px}.iti__flag.iti__cm{height:14px;background-position:-1027px 0px}.iti__flag.iti__cn{height:14px;background-position:-1049px 0px}.iti__flag.iti__co{height:14px;background-position:-1071px 0px}.iti__flag.iti__cp{height:14px;background-position:-1093px 0px}.iti__flag.iti__cr{height:12px;background-position:-1115px 0px}.iti__flag.iti__cu{height:10px;background-position:-1137px 0px}.iti__flag.iti__cv{height:12px;background-position:-1159px 0px}.iti__flag.iti__cw{height:14px;background-position:-1181px 0px}.iti__flag.iti__cx{height:10px;background-position:-1203px 0px}.iti__flag.iti__cy{height:14px;background-position:-1225px 0px}.iti__flag.iti__cz{height:14px;background-position:-1247px 0px}.iti__flag.iti__de{height:12px;background-position:-1269px 0px}.iti__flag.iti__dg{height:10px;background-position:-1291px 0px}.iti__flag.iti__dj{height:14px;background-position:-1313px 0px}.iti__flag.iti__dk{height:15px;background-position:-1335px 0px}.iti__flag.iti__dm{height:10px;background-position:-1357px 0px}.iti__flag.iti__do{height:14px;background-position:-1379px 0px}.iti__flag.iti__dz{height:14px;background-position:-1401px 0px}.iti__flag.iti__ea{height:14px;background-position:-1423px 0px}.iti__flag.iti__ec{height:14px;background-position:-1445px 0px}.iti__flag.iti__ee{height:13px;background-position:-1467px 0px}.iti__flag.iti__eg{height:14px;background-position:-1489px 0px}.iti__flag.iti__eh{height:10px;background-position:-1511px 0px}.iti__flag.iti__er{height:10px;background-position:-1533px 0px}.iti__flag.iti__es{height:14px;background-position:-1555px 0px}.iti__flag.iti__et{height:10px;background-position:-1577px 0px}.iti__flag.iti__eu{height:14px;background-position:-1599px 0px}.iti__flag.iti__fi{height:12px;background-position:-1621px 0px}.iti__flag.iti__fj{height:10px;background-position:-1643px 0px}.iti__flag.iti__fk{height:10px;background-position:-1665px 0px}.iti__flag.iti__fm{height:11px;background-position:-1687px 0px}.iti__flag.iti__fo{height:15px;background-position:-1709px 0px}.iti__flag.iti__fr{height:14px;background-position:-1731px 0px}.iti__flag.iti__ga{height:15px;background-position:-1753px 0px}.iti__flag.iti__gb{height:10px;background-position:-1775px 0px}.iti__flag.iti__gd{height:12px;background-position:-1797px 0px}.iti__flag.iti__ge{height:14px;background-position:-1819px 0px}.iti__flag.iti__gf{height:14px;background-position:-1841px 0px}.iti__flag.iti__gg{height:14px;background-position:-1863px 0px}.iti__flag.iti__gh{height:14px;background-position:-1885px 0px}.iti__flag.iti__gi{height:10px;background-position:-1907px 0px}.iti__flag.iti__gl{height:14px;background-position:-1929px 0px}.iti__flag.iti__gm{height:14px;background-position:-1951px 0px}.iti__flag.iti__gn{height:14px;background-position:-1973px 0px}.iti__flag.iti__gp{height:14px;background-position:-1995px 0px}.iti__flag.iti__gq{height:14px;background-position:-2017px 0px}.iti__flag.iti__gr{height:14px;background-position:-2039px 0px}.iti__flag.iti__gs{height:10px;background-position:-2061px 0px}.iti__flag.iti__gt{height:13px;background-position:-2083px 0px}.iti__flag.iti__gu{height:11px;background-position:-2105px 0px}.iti__flag.iti__gw{height:10px;background-position:-2127px 0px}.iti__flag.iti__gy{height:12px;background-position:-2149px 0px}.iti__flag.iti__hk{height:14px;background-position:-2171px 0px}.iti__flag.iti__hm{height:10px;background-position:-2193px 0px}.iti__flag.iti__hn{height:10px;background-position:-2215px 0px}.iti__flag.iti__hr{height:10px;background-position:-2237px 0px}.iti__flag.iti__ht{height:12px;background-position:-2259px 0px}.iti__flag.iti__hu{height:10px;background-position:-2281px 0px}.iti__flag.iti__ic{height:14px;background-position:-2303px 0px}.iti__flag.iti__id{height:14px;background-position:-2325px 0px}.iti__flag.iti__ie{height:10px;background-position:-2347px 0px}.iti__flag.iti__il{height:15px;background-position:-2369px 0px}.iti__flag.iti__im{height:10px;background-position:-2391px 0px}.iti__flag.iti__in{height:14px;background-position:-2413px 0px}.iti__flag.iti__io{height:10px;background-position:-2435px 0px}.iti__flag.iti__iq{height:14px;background-position:-2457px 0px}.iti__flag.iti__ir{height:12px;background-position:-2479px 0px}.iti__flag.iti__is{height:15px;background-position:-2501px 0px}.iti__flag.iti__it{height:14px;background-position:-2523px 0px}.iti__flag.iti__je{height:12px;background-position:-2545px 0px}.iti__flag.iti__jm{height:10px;background-position:-2567px 0px}.iti__flag.iti__jo{height:10px;background-position:-2589px 0px}.iti__flag.iti__jp{height:14px;background-position:-2611px 0px}.iti__flag.iti__ke{height:14px;background-position:-2633px 0px}.iti__flag.iti__kg{height:12px;background-position:-2655px 0px}.iti__flag.iti__kh{height:13px;background-position:-2677px 0px}.iti__flag.iti__ki{height:10px;background-position:-2699px 0px}.iti__flag.iti__km{height:12px;background-position:-2721px 0px}.iti__flag.iti__kn{height:14px;background-position:-2743px 0px}.iti__flag.iti__kp{height:10px;background-position:-2765px 0px}.iti__flag.iti__kr{height:14px;background-position:-2787px 0px}.iti__flag.iti__kw{height:10px;background-position:-2809px 0px}.iti__flag.iti__ky{height:10px;background-position:-2831px 0px}.iti__flag.iti__kz{height:10px;background-position:-2853px 0px}.iti__flag.iti__la{height:14px;background-position:-2875px 0px}.iti__flag.iti__lb{height:14px;background-position:-2897px 0px}.iti__flag.iti__lc{height:10px;background-position:-2919px 0px}.iti__flag.iti__li{height:12px;background-position:-2941px 0px}.iti__flag.iti__lk{height:10px;background-position:-2963px 0px}.iti__flag.iti__lr{height:11px;background-position:-2985px 0px}.iti__flag.iti__ls{height:14px;background-position:-3007px 0px}.iti__flag.iti__lt{height:12px;background-position:-3029px 0px}.iti__flag.iti__lu{height:12px;background-position:-3051px 0px}.iti__flag.iti__lv{height:10px;background-position:-3073px 0px}.iti__flag.iti__ly{height:10px;background-position:-3095px 0px}.iti__flag.iti__ma{height:14px;background-position:-3117px 0px}.iti__flag.iti__mc{height:15px;background-position:-3139px 0px}.iti__flag.iti__md{height:10px;background-position:-3160px 0px}.iti__flag.iti__me{height:10px;background-position:-3182px 0px}.iti__flag.iti__mf{height:14px;background-position:-3204px 0px}.iti__flag.iti__mg{height:14px;background-position:-3226px 0px}.iti__flag.iti__mh{height:11px;background-position:-3248px 0px}.iti__flag.iti__mk{height:10px;background-position:-3270px 0px}.iti__flag.iti__ml{height:14px;background-position:-3292px 0px}.iti__flag.iti__mm{height:14px;background-position:-3314px 0px}.iti__flag.iti__mn{height:10px;background-position:-3336px 0px}.iti__flag.iti__mo{height:14px;background-position:-3358px 0px}.iti__flag.iti__mp{height:10px;background-position:-3380px 0px}.iti__flag.iti__mq{height:14px;background-position:-3402px 0px}.iti__flag.iti__mr{height:14px;background-position:-3424px 0px}.iti__flag.iti__ms{height:10px;background-position:-3446px 0px}.iti__flag.iti__mt{height:14px;background-position:-3468px 0px}.iti__flag.iti__mu{height:14px;background-position:-3490px 0px}.iti__flag.iti__mv{height:14px;background-position:-3512px 0px}.iti__flag.iti__mw{height:14px;background-position:-3534px 0px}.iti__flag.iti__mx{height:12px;background-position:-3556px 0px}.iti__flag.iti__my{height:10px;background-position:-3578px 0px}.iti__flag.iti__mz{height:14px;background-position:-3600px 0px}.iti__flag.iti__na{height:14px;background-position:-3622px 0px}.iti__flag.iti__nc{height:10px;background-position:-3644px 0px}.iti__flag.iti__ne{height:15px;background-position:-3666px 0px}.iti__flag.iti__nf{height:10px;background-position:-3686px 0px}.iti__flag.iti__ng{height:10px;background-position:-3708px 0px}.iti__flag.iti__ni{height:12px;background-position:-3730px 0px}.iti__flag.iti__nl{height:14px;background-position:-3752px 0px}.iti__flag.iti__no{height:15px;background-position:-3774px 0px}.iti__flag.iti__np{height:15px;background-position:-3796px 0px}.iti__flag.iti__nr{height:10px;background-position:-3811px 0px}.iti__flag.iti__nu{height:10px;background-position:-3833px 0px}.iti__flag.iti__nz{height:10px;background-position:-3855px 0px}.iti__flag.iti__om{height:10px;background-position:-3877px 0px}.iti__flag.iti__pa{height:14px;background-position:-3899px 0px}.iti__flag.iti__pe{height:14px;background-position:-3921px 0px}.iti__flag.iti__pf{height:14px;background-position:-3943px 0px}.iti__flag.iti__pg{height:15px;background-position:-3965px 0px}.iti__flag.iti__ph{height:10px;background-position:-3987px 0px}.iti__flag.iti__pk{height:14px;background-position:-4009px 0px}.iti__flag.iti__pl{height:13px;background-position:-4031px 0px}.iti__flag.iti__pm{height:14px;background-position:-4053px 0px}.iti__flag.iti__pn{height:10px;background-position:-4075px 0px}.iti__flag.iti__pr{height:14px;background-position:-4097px 0px}.iti__flag.iti__ps{height:10px;background-position:-4119px 0px}.iti__flag.iti__pt{height:14px;background-position:-4141px 0px}.iti__flag.iti__pw{height:13px;background-position:-4163px 0px}.iti__flag.iti__py{height:11px;background-position:-4185px 0px}.iti__flag.iti__qa{height:8px;background-position:-4207px 0px}.iti__flag.iti__re{height:14px;background-position:-4229px 0px}.iti__flag.iti__ro{height:14px;background-position:-4251px 0px}.iti__flag.iti__rs{height:14px;background-position:-4273px 0px}.iti__flag.iti__ru{height:14px;background-position:-4295px 0px}.iti__flag.iti__rw{height:14px;background-position:-4317px 0px}.iti__flag.iti__sa{height:14px;background-position:-4339px 0px}.iti__flag.iti__sb{height:10px;background-position:-4361px 0px}.iti__flag.iti__sc{height:10px;background-position:-4383px 0px}.iti__flag.iti__sd{height:10px;background-position:-4405px 0px}.iti__flag.iti__se{height:13px;background-position:-4427px 0px}.iti__flag.iti__sg{height:14px;background-position:-4449px 0px}.iti__flag.iti__sh{height:10px;background-position:-4471px 0px}.iti__flag.iti__si{height:10px;background-position:-4493px 0px}.iti__flag.iti__sj{height:15px;background-position:-4515px 0px}.iti__flag.iti__sk{height:14px;background-position:-4537px 0px}.iti__flag.iti__sl{height:14px;background-position:-4559px 0px}.iti__flag.iti__sm{height:15px;background-position:-4581px 0px}.iti__flag.iti__sn{height:14px;background-position:-4603px 0px}.iti__flag.iti__so{height:14px;background-position:-4625px 0px}.iti__flag.iti__sr{height:14px;background-position:-4647px 0px}.iti__flag.iti__ss{height:10px;background-position:-4669px 0px}.iti__flag.iti__st{height:10px;background-position:-4691px 0px}.iti__flag.iti__sv{height:12px;background-position:-4713px 0px}.iti__flag.iti__sx{height:14px;background-position:-4735px 0px}.iti__flag.iti__sy{height:14px;background-position:-4757px 0px}.iti__flag.iti__sz{height:14px;background-position:-4779px 0px}.iti__flag.iti__ta{height:10px;background-position:-4801px 0px}.iti__flag.iti__tc{height:10px;background-position:-4823px 0px}.iti__flag.iti__td{height:14px;background-position:-4845px 0px}.iti__flag.iti__tf{height:14px;background-position:-4867px 0px}.iti__flag.iti__tg{height:13px;background-position:-4889px 0px}.iti__flag.iti__th{height:14px;background-position:-4911px 0px}.iti__flag.iti__tj{height:10px;background-position:-4933px 0px}.iti__flag.iti__tk{height:10px;background-position:-4955px 0px}.iti__flag.iti__tl{height:10px;background-position:-4977px 0px}.iti__flag.iti__tm{height:14px;background-position:-4999px 0px}.iti__flag.iti__tn{height:14px;background-position:-5021px 0px}.iti__flag.iti__to{height:10px;background-position:-5043px 0px}.iti__flag.iti__tr{height:14px;background-position:-5065px 0px}.iti__flag.iti__tt{height:12px;background-position:-5087px 0px}.iti__flag.iti__tv{height:10px;background-position:-5109px 0px}.iti__flag.iti__tw{height:14px;background-position:-5131px 0px}.iti__flag.iti__tz{height:14px;background-position:-5153px 0px}.iti__flag.iti__ua{height:14px;background-position:-5175px 0px}.iti__flag.iti__ug{height:14px;background-position:-5197px 0px}.iti__flag.iti__um{height:11px;background-position:-5219px 0px}.iti__flag.iti__un{height:14px;background-position:-5241px 0px}.iti__flag.iti__us{height:11px;background-position:-5263px 0px}.iti__flag.iti__uy{height:14px;background-position:-5285px 0px}.iti__flag.iti__uz{height:10px;background-position:-5307px 0px}.iti__flag.iti__va{height:15px;background-position:-5329px 0px}.iti__flag.iti__vc{height:14px;background-position:-5346px 0px}.iti__flag.iti__ve{height:14px;background-position:-5368px 0px}.iti__flag.iti__vg{height:10px;background-position:-5390px 0px}.iti__flag.iti__vi{height:14px;background-position:-5412px 0px}.iti__flag.iti__vn{height:14px;background-position:-5434px 0px}.iti__flag.iti__vu{height:12px;background-position:-5456px 0px}.iti__flag.iti__wf{height:14px;background-position:-5478px 0px}.iti__flag.iti__ws{height:10px;background-position:-5500px 0px}.iti__flag.iti__xk{height:15px;background-position:-5522px 0px}.iti__flag.iti__ye{height:14px;background-position:-5544px 0px}.iti__flag.iti__yt{height:14px;background-position:-5566px 0px}.iti__flag.iti__za{height:14px;background-position:-5588px 0px}.iti__flag.iti__zm{height:14px;background-position:-5610px 0px}.iti__flag.iti__zw{height:10px;background-position:-5632px 0px}.iti__flag{height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("https://intl-tel-input.com/node_modules/intl-tel-input/build/img/flags.png");background-repeat:no-repeat;background-color:#f5f7f9;background-position:20px 0}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){.iti__flag{background-image:url("https://intl-tel-input.com/node_modules/intl-tel-input/build/img/flags@2x.png")}}.iti__flag.iti__np{background-color:transparent}';export{o as salla_localization_modal}

package/dist/twilight-components/p-9e05640e.entry.js

@@ -1,4 +0,0 @@
-/*!
- * Crafted with ❤ by Salla
- */
-import{r as s,c as i,h as t,H as e,g as l}from"./p-1d0e664c.js";import{H as a}from"./p-9d2ca9c8.js";const h=class{constructor(t){s(this,t),this.verified=i(this,"verified",7),this.initiated=!1,this.type="mobile",this.autoReload=!0,this.resendAfter=30,this.isProfileVerify=!1,salla.lang.onLoaded((()=>{var s,i;this.title=salla.lang.get("pages.profile.verify_title")+salla.lang.get("common.elements."+this.type),null===(s=this.modal)||void 0===s||s.setTitle(this.title),null===(i=this.btn)||void 0===i||i.setText(salla.lang.get("pages.profile.verify"))})),this.withoutModal?this.modal={open:()=>"",close:()=>"",setTitle:()=>""}:(salla.event.on("profile::verification",(s=>{var i;this.isProfileVerify=!0,this.open(s),this.title=salla.lang.get("pages.profile.verify_title")+salla.lang.get("common.elements."+s.type),null===(i=this.modal)||void 0===i||i.setTitle(this.title)})),salla.event.on("modalClosed",(()=>{this.resendAfter=0,this.timer.innerHTML="30 : 00"})))}async getCode(){return this.code.value}async open(s){var i;this.data=s,this.data.type=this.data.type||this.type,this.type=this.data.type,this.resendTimer(),this.otpInputs=document.querySelectorAll(".s-verify-modal-input"),this.initiated||(a.on("input",".s-verify-modal-input",(s=>salla.helpers.inputDigitsOnly(s.target))),a.onKeyUp(".s-verify-modal-input",(s=>{var i,t,e,l;let a=s.keyCode||s.charCode;s.target.value?(null===(i=s.target.nextElementSibling)||void 0===i||i.focus(),null===(t=s.target.nextElementSibling)||void 0===t||t.select()):[8,46].includes(a)&&(null===(e=s.target.previousElementSibling)||void 0===e||e.focus(),null===(l=s.target.previousElementSibling)||void 0===l||l.select()),this.toggleOTPSubmit()})),a.on("paste",".s-verify-modal-input",(s=>{let i=salla.helpers.number(s.clipboardData.getData("text")).replace(/[^0-9.]/g,"").replace("..",".");this.otpInputs.forEach(((s,t)=>s.value=i[t]||"")),this.toggleOTPSubmit(),setTimeout((()=>this.otpInputs[3].focus()),100)})),this.initiated=!0),this.reset(),!this.withoutModal&&(null===(i=this.modal)||void 0===i||i.setTitle(this.title)),this.modal.open()}toggleOTPSubmit(){let s=[];if(this.otpInputs.forEach((i=>i.value&&s.push(i.value))),this.code.value=s.join(""),4===s.length)return this.btn.removeAttribute("disabled"),void this.btn.click();this.btn.setAttribute("disabled","")}reset(){this.otpInputs.forEach((s=>s.value="")),this.code.value="",this.otpInputs[0].focus()}resendTimer(){a.showElement(this.resendMessage).hideElement(this.resend),this.resendAfter=30;let s=setInterval((()=>{this.resendAfter<=0?(clearInterval(s),a.hideElement(this.resendMessage).showElement(this.resend)):(this.timer.innerHTML=`${this.resendAfter>=10?this.resendAfter:"0"+this.resendAfter} : 00`,this.resendAfter--)}),1e3)}resendCode(){return this.btn.stop().then((()=>this.btn.disable())).then((()=>{this.otpInputs.forEach((s=>s.value="")),this.otpInputs[0].focus()})).then((()=>salla.api.auth.resend(this.data))).finally((()=>this.resendTimer()))}submit(){let s=Object.assign({code:this.code.value},this.data);return this.btn.load().then((()=>this.btn.disable())).then((()=>this.isProfileVerify?salla.profile.verify(s):salla.auth.verify(s,!0))).then((s=>this.verified.emit(s))).then((()=>this.btn.stop()&&this.btn.disable())).then((()=>this.modal.close())).then((()=>this.autoReload&&window.location.reload())).catch((()=>this.btn.stop()&&this.btn.enable()&&this.reset()))}render(){return this.withoutModal?t(e,null,this.myBody()):t("salla-modal",{icon:"sicon-android-phone",width:"xs",id:"s-verify-modal",ref:s=>this.modal=s,"modal-title":this.title},this.myBody())}myBody(){return t("div",{id:"s-verify-modal"},t("div",{class:"s-verify-modal-message",innerHTML:salla.lang.get("pages.profile.verify_message")}),t("input",{type:"hidden",name:"code",maxlength:"4",required:!0,ref:s=>this.code=s}),t("div",{class:"s-verify-modal-codes",dir:"ltr"},[1,2,3,4].map((()=>t("input",{type:"text",maxlength:"1",class:"s-verify-modal-input",required:!0})))),t("div",{slot:"footer",class:"s-verify-modal-footer"},t("salla-button",{class:"s-verify-modal-submit","loader-position":"center",disabled:!0,onClick:()=>this.submit(),ref:s=>this.btn=s},salla.lang.get("pages.profile.verify")),t("p",{class:"s-verify-modal-resend-message",ref:s=>this.resendMessage=s},salla.lang.get("blocks.header.resend_after"),t("b",{class:"s-verify-modal-timer",ref:s=>this.timer=s})),t("a",{href:"#",class:"s-verify-modal-resend",onClick:()=>this.resendCode(),ref:s=>this.resend=s},salla.lang.get("blocks.comments.submit"))),t("slot",{name:"after-footer"}))}get host(){return l(this)}};h.style="salla-verify-modal{display:block}[dir=ltr] #s-verify-modal .s-verify-modal-back{transform:scale(-1)}";export{h as salla_verify_modal}