@everymatrix/cashier-method-details 1.45.0 → 1.45.3

package/components/CashierModal-BInN_GEx.js

@@ -0,0 +1,227 @@
+import { R as q, S as D, b as F, f as g, c as G, a as N, d as A, x as I, k as H, t as m, p, q as J, v as L, H as K, e as O, g as y, j as h, G as M, l as v, T as P, u as Q, m as V, o as X, U as k, B as Y, C as x } from "./CashierConfirmModal-Dw8BnUfp.js";
+function S(n, { delay: t = 0, duration: e = 400, easing: i = q } = {}) {
+  const o = +getComputedStyle(n).opacity;
+  return {
+    delay: t,
+    duration: e,
+    easing: i,
+    css: (l) => `opacity: ${l * o}`
+  };
+}
+function Z(n) {
+  A(n, "svelte-pil2bm", "*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}.ModalWindow{display:flex;position:absolute;align-items:center;justify-content:center;width:100%;height:100%;z-index:4;top:0;left:0;background-color:var(--mmw--color-black-transparency-10, rgba(0, 0, 0, 0.1));container-type:inline-size;container-name:modal-window;border-radius:6px}.ModalContainer{background:var(--emw--color-white, #fff);border-radius:var(--emw--border-radius-medium, 4px);padding:var(--emw--spacing-large, 20px);width:400px}.ModalCloseBtn{position:absolute;display:flex;align-items:center;justify-content:center;top:10px;right:10px;padding:var(--emw--spacing-small-minus, 10px);border-radius:50%;color:var(--emw--color-white, #fff);background:var(--mmw--color-gray-transparency-85, rgba(255, 255, 255, 0.85));cursor:pointer;transition:all 150ms ease-in-out}.ModalCloseBtn svg{width:32px;height:32px}.ModalCloseBtn:hover{background:var(--emw--color-gray-transparency-20, rgba(255, 255, 255, 0.2))}@container modal-window (max-width:750px){.ModalWindow .ModalContainer{width:90%;max-width:400px}}");
+}
+const $ = (n) => ({}), z = (n) => ({});
+function E(n) {
+  let t, e, i, o, l, d;
+  const f = (
+    /*#slots*/
+    n[9].content
+  ), r = O(
+    f,
+    n,
+    /*$$scope*/
+    n[8],
+    z
+  );
+  return {
+    c() {
+      t = y("div"), e = y("div"), i = y("div"), r && r.c(), h(i, "class", "ModalContainer"), h(i, "part", "ModalContainer"), h(e, "class", "ModalWindow"), h(e, "part", "ModalWindow"), h(e, "id", "Modal"), M(() => (
+        /*div1_elementresize_handler*/
+        n[11].call(e)
+      )), h(t, "part", "CustomStylingContainer");
+    },
+    m(a, c) {
+      H(a, t, c), v(t, e), v(e, i), r && r.m(i, null), n[10](e), o = P(
+        e,
+        /*div1_elementresize_handler*/
+        n[11].bind(e)
+      ), n[12](t), d = !0;
+    },
+    p(a, c) {
+      n = a, r && r.p && (!d || c & /*$$scope*/
+      256) && Q(
+        r,
+        f,
+        n,
+        /*$$scope*/
+        n[8],
+        d ? X(
+          f,
+          /*$$scope*/
+          n[8],
+          c,
+          $
+        ) : V(
+          /*$$scope*/
+          n[8]
+        ),
+        z
+      );
+    },
+    i(a) {
+      d || (m(r, a), a && M(() => {
+        d && (l || (l = k(
+          e,
+          S,
+          /*duration*/
+          n[2],
+          !0
+        )), l.run(1));
+      }), d = !0);
+    },
+    o(a) {
+      p(r, a), a && (l || (l = k(
+        e,
+        S,
+        /*duration*/
+        n[2],
+        !1
+      )), l.run(0)), d = !1;
+    },
+    d(a) {
+      a && L(t), r && r.d(a), n[10](null), o(), a && l && l.end(), n[12](null);
+    }
+  };
+}
+function tt(n) {
+  let t, e, i = (
+    /*show*/
+    n[5] && E(n)
+  );
+  return {
+    c() {
+      i && i.c(), t = I();
+    },
+    m(o, l) {
+      i && i.m(o, l), H(o, t, l), e = !0;
+    },
+    p(o, [l]) {
+      /*show*/
+      o[5] ? i ? (i.p(o, l), l & /*show*/
+      32 && m(i, 1)) : (i = E(o), i.c(), m(i, 1), i.m(t.parentNode, t)) : i && (Y(), p(i, 1, 1, () => {
+        i = null;
+      }), J());
+    },
+    i(o) {
+      e || (m(i), e = !0);
+    },
+    o(o) {
+      p(i), e = !1;
+    },
+    d(o) {
+      o && L(t), i && i.d(o);
+    }
+  };
+}
+function et(n, t, e) {
+  let { $$slots: i = {}, $$scope: o } = t, { clientstyling: l = "" } = t, { clientstylingurl: d = "" } = t, { duration: f = 200 } = t, { width: r } = t, { height: a } = t, c, u, w = !1;
+  const W = () => {
+    e(5, w = !1), window.postMessage({ type: "ClosedCashierModal" }, window.location.href), window.postMessage({ type: "EnableScroll" }, window.location.href);
+  }, b = (s) => {
+    s.data.type == "ShowCashierModal" && (e(5, w = !0), window.postMessage({ type: "DisableScroll" }, window.location.href)), s.data.type == "HideCashierModal" && W();
+  }, B = () => {
+    let s = document.createElement("style");
+    s.innerHTML = l, u.appendChild(s);
+  }, T = () => {
+    let s = new URL(d), C = document.createElement("style");
+    fetch(s.href).then((_) => _.text()).then((_) => {
+      C.innerHTML = _, setTimeout(
+        () => {
+          u.appendChild(C);
+        },
+        1
+      );
+    });
+  };
+  K(() => (window.addEventListener("message", b, !1), () => {
+    window.removeEventListener("message", b);
+  }));
+  function j(s) {
+    x[s ? "unshift" : "push"](() => {
+      c = s, e(4, c);
+    });
+  }
+  function R() {
+    r = this.clientWidth, a = this.clientHeight, e(0, r), e(1, a);
+  }
+  function U(s) {
+    x[s ? "unshift" : "push"](() => {
+      u = s, e(3, u);
+    });
+  }
+  return n.$$set = (s) => {
+    "clientstyling" in s && e(6, l = s.clientstyling), "clientstylingurl" in s && e(7, d = s.clientstylingurl), "duration" in s && e(2, f = s.duration), "width" in s && e(0, r = s.width), "height" in s && e(1, a = s.height), "$$scope" in s && e(8, o = s.$$scope);
+  }, n.$$.update = () => {
+    n.$$.dirty & /*clientstyling, customStylingContainer*/
+    72 && l && u && B(), n.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    136 && d && u && T();
+  }, [
+    r,
+    a,
+    f,
+    u,
+    c,
+    w,
+    l,
+    d,
+    o,
+    i,
+    j,
+    R,
+    U
+  ];
+}
+class nt extends D {
+  constructor(t) {
+    super(), F(
+      this,
+      t,
+      et,
+      tt,
+      N,
+      {
+        clientstyling: 6,
+        clientstylingurl: 7,
+        duration: 2,
+        width: 0,
+        height: 1
+      },
+      Z
+    );
+  }
+  get clientstyling() {
+    return this.$$.ctx[6];
+  }
+  set clientstyling(t) {
+    this.$$set({ clientstyling: t }), g();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[7];
+  }
+  set clientstylingurl(t) {
+    this.$$set({ clientstylingurl: t }), g();
+  }
+  get duration() {
+    return this.$$.ctx[2];
+  }
+  set duration(t) {
+    this.$$set({ duration: t }), g();
+  }
+  get width() {
+    return this.$$.ctx[0];
+  }
+  set width(t) {
+    this.$$set({ width: t }), g();
+  }
+  get height() {
+    return this.$$.ctx[1];
+  }
+  set height(t) {
+    this.$$set({ height: t }), g();
+  }
+}
+G(nt, { clientstyling: {}, clientstylingurl: {}, duration: {}, width: {}, height: {} }, ["content"], [], !0);
+export {
+  nt as default
+};

package/components/CashierNotifications-BhCyEcyg.js

@@ -0,0 +1,136 @@
+import { S as w, b as v, f as d, c as _, a as k, d as N, g, y, h as z, j as E, k as S, l as f, A as L, z as p, n as x, v as T, C as H } from "./CashierConfirmModal-Dw8BnUfp.js";
+function M(n) {
+  N(n, "svelte-1cfukt5", ".CashierNotifications{position:fixed;z-index:2;background-color:var(--emw--color-background, #111);color:var(--emw--color-white, #fff);display:flex;border-radius:var(--emw--border-radius-medium, 4px);align-items:center;gap:var(--emw--spacing-small, 12px);font-size:var(--emw--font-size-small, 14px);padding:var(--emw--spacing-small, 12px) var(--emw--spacing-medium, 15px);min-height:50px;pointer-events:auto;bottom:0;width:calc(100% - 30px)}.CashierNotifications span,.CashierNotifications button{font-family:inherit;border:none;font-variant:normal}.CashierNotifications span{line-height:normal}.CashierNotifications button{color:var(--emw--color-primary, #7EC51E);background-color:transparent;cursor:pointer;font-size:var(--emw--font-size-medium, 16px);font-style:normal;font-weight:var(--emw--font-weight-bold, 700);font-family:inherit}");
+}
+function R(n) {
+  let t, s, r, u, l, a, i, m;
+  return {
+    c() {
+      t = g("div"), s = g("span"), r = y(
+        /*text*/
+        n[0]
+      ), u = z(), l = g("button"), a = y(
+        /*button*/
+        n[1]
+      ), E(t, "class", "CashierNotifications");
+    },
+    m(o, c) {
+      S(o, t, c), f(t, s), f(s, r), f(t, u), f(t, l), f(l, a), n[6](t), i || (m = L(
+        l,
+        "click",
+        /*notificationClick*/
+        n[3]
+      ), i = !0);
+    },
+    p(o, [c]) {
+      c & /*text*/
+      1 && p(
+        r,
+        /*text*/
+        o[0]
+      ), c & /*button*/
+      2 && p(
+        a,
+        /*button*/
+        o[1]
+      );
+    },
+    i: x,
+    o: x,
+    d(o) {
+      o && T(t), n[6](null), i = !1, m();
+    }
+  };
+}
+function U(n, t, s) {
+  let { text: r } = t, { button: u } = t, { clientstyling: l = "" } = t, { clientstylingurl: a = "" } = t, i;
+  const m = () => {
+    dispatchEvent(new CustomEvent(
+      "notificationButtonClick",
+      {
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      }
+    ));
+  }, o = () => {
+    let e = document.createElement("style");
+    e.innerHTML = l, i.appendChild(e);
+  }, c = () => {
+    let e = new URL(a), b = document.createElement("style");
+    fetch(e.href).then((h) => h.text()).then((h) => {
+      b.innerHTML = h, setTimeout(
+        () => {
+          i.appendChild(b);
+        },
+        1
+      );
+    });
+  };
+  function C(e) {
+    H[e ? "unshift" : "push"](() => {
+      i = e, s(2, i);
+    });
+  }
+  return n.$$set = (e) => {
+    "text" in e && s(0, r = e.text), "button" in e && s(1, u = e.button), "clientstyling" in e && s(4, l = e.clientstyling), "clientstylingurl" in e && s(5, a = e.clientstylingurl);
+  }, n.$$.update = () => {
+    n.$$.dirty & /*clientstyling, customStylingContainer*/
+    20 && l && i && o(), n.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    36 && a && i && c();
+  }, [
+    r,
+    u,
+    i,
+    m,
+    l,
+    a,
+    C
+  ];
+}
+class j extends w {
+  constructor(t) {
+    super(), v(
+      this,
+      t,
+      U,
+      R,
+      k,
+      {
+        text: 0,
+        button: 1,
+        clientstyling: 4,
+        clientstylingurl: 5
+      },
+      M
+    );
+  }
+  get text() {
+    return this.$$.ctx[0];
+  }
+  set text(t) {
+    this.$$set({ text: t }), d();
+  }
+  get button() {
+    return this.$$.ctx[1];
+  }
+  set button(t) {
+    this.$$set({ button: t }), d();
+  }
+  get clientstyling() {
+    return this.$$.ctx[4];
+  }
+  set clientstyling(t) {
+    this.$$set({ clientstyling: t }), d();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[5];
+  }
+  set clientstylingurl(t) {
+    this.$$set({ clientstylingurl: t }), d();
+  }
+}
+_(j, { text: {}, button: {}, clientstyling: {}, clientstylingurl: {} }, [], [], !0);
+export {
+  j as default
+};

package/components/CashierNotifications-FlAVIynI.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./CashierConfirmModal-BsoB5fQM.cjs");function b(i){t.append_styles(i,"svelte-1cfukt5",".CashierNotifications{position:fixed;z-index:2;background-color:var(--emw--color-background, #111);color:var(--emw--color-white, #fff);display:flex;border-radius:var(--emw--border-radius-medium, 4px);align-items:center;gap:var(--emw--spacing-small, 12px);font-size:var(--emw--font-size-small, 14px);padding:var(--emw--spacing-small, 12px) var(--emw--spacing-medium, 15px);min-height:50px;pointer-events:auto;bottom:0;width:calc(100% - 30px)}.CashierNotifications span,.CashierNotifications button{font-family:inherit;border:none;font-variant:normal}.CashierNotifications span{line-height:normal}.CashierNotifications button{color:var(--emw--color-primary, #7EC51E);background-color:transparent;cursor:pointer;font-size:var(--emw--font-size-medium, 16px);font-style:normal;font-weight:var(--emw--font-weight-bold, 700);font-family:inherit}")}function y(i){let e,s,c,f,o,r,l,d;return{c(){e=t.element("div"),s=t.element("span"),c=t.text(i[0]),f=t.space(),o=t.element("button"),r=t.text(i[1]),t.attr(e,"class","CashierNotifications")},m(a,u){t.insert(a,e,u),t.append(e,s),t.append(s,c),t.append(e,f),t.append(e,o),t.append(o,r),i[6](e),l||(d=t.listen(o,"click",i[3]),l=!0)},p(a,[u]){u&1&&t.set_data(c,a[0]),u&2&&t.set_data(r,a[1])},i:t.noop,o:t.noop,d(a){a&&t.detach(e),i[6](null),l=!1,d()}}}function x(i,e,s){let{text:c}=e,{button:f}=e,{clientstyling:o=""}=e,{clientstylingurl:r=""}=e,l;const d=()=>{dispatchEvent(new CustomEvent("notificationButtonClick",{bubbles:!0,cancelable:!0,composed:!0}))},a=()=>{let n=document.createElement("style");n.innerHTML=o,l.appendChild(n)},u=()=>{let n=new URL(r),h=document.createElement("style");fetch(n.href).then(m=>m.text()).then(m=>{h.innerHTML=m,setTimeout(()=>{l.appendChild(h)},1)})};function p(n){t.binding_callbacks[n?"unshift":"push"](()=>{l=n,s(2,l)})}return i.$$set=n=>{"text"in n&&s(0,c=n.text),"button"in n&&s(1,f=n.button),"clientstyling"in n&&s(4,o=n.clientstyling),"clientstylingurl"in n&&s(5,r=n.clientstylingurl)},i.$$.update=()=>{i.$$.dirty&20&&o&&l&&a(),i.$$.dirty&36&&r&&l&&u()},[c,f,l,d,o,r,p]}class g extends t.SvelteComponent{constructor(e){super(),t.init(this,e,x,y,t.safe_not_equal,{text:0,button:1,clientstyling:4,clientstylingurl:5},b)}get text(){return this.$$.ctx[0]}set text(e){this.$$set({text:e}),t.flush()}get button(){return this.$$.ctx[1]}set button(e){this.$$set({button:e}),t.flush()}get clientstyling(){return this.$$.ctx[4]}set clientstyling(e){this.$$set({clientstyling:e}),t.flush()}get clientstylingurl(){return this.$$.ctx[5]}set clientstylingurl(e){this.$$set({clientstylingurl:e}),t.flush()}}t.create_custom_element(g,{text:{},button:{},clientstyling:{},clientstylingurl:{}},[],[],!0);exports.default=g;