@everymatrix/cashier-page 1.98.2 → 1.98.28

package/components/CashierHeader-jQ2-E617.js

@@ -0,0 +1,477 @@
+import { a as tt, i as et, $ as st, S as nt, b as it, f as b, s as lt, c as ot, d as at, e as S, g as p, t as B, h as L, u as v, j as H, k as T, l as C, m as M, n as y, o as O, p as k, q as rt, r as ct, v as I, w as ut, x as ft, y as ht, z as q, A as G, B as dt } from "./CashierPage-Bz6JgmrH.js";
+function R(s, t) {
+  tt(s, t);
+}
+function gt(s) {
+  et({
+    fallbackLocale: "en"
+  }), st.set(s);
+}
+const z = {
+  en: {
+    header: {
+      general: "Cashier",
+      deposit: "Deposit",
+      withdraw: "Withdraw"
+    }
+  },
+  tr: {
+    header: {
+      general: "Cashier",
+      deposit: "Para Yatır",
+      withdraw: "Çekim"
+    }
+  },
+  fr: {
+    header: {
+      general: "Caisse",
+      deposit: "Dépôt",
+      withdraw: "Retrait"
+    }
+  },
+  da: {
+    header: {
+      general: "Kasse",
+      deposit: "Indbetaling",
+      withdraw: "Udbetaling"
+    }
+  },
+  de: {
+    header: {
+      general: "Kasse",
+      deposit: "Einzahlung",
+      withdraw: "Auszahlung"
+    }
+  },
+  nl: {
+    header: {
+      general: "Kassa",
+      deposit: "Storting",
+      withdraw: "Opname"
+    }
+  }
+}, m = "__WIDGET_GLOBAL_STYLE_CACHE__";
+function wt(s, t) {
+  if (s) {
+    const e = document.createElement("style");
+    e.innerHTML = t, s.appendChild(e);
+  }
+}
+function _t(s, t) {
+  if (!s || !t)
+    return;
+  const e = new URL(t);
+  fetch(e.href).then((i) => i.text()).then((i) => {
+    const n = document.createElement("style");
+    n.innerHTML = i, s && s.appendChild(n);
+  }).catch((i) => {
+    console.error("There was an error while trying to load client styling from URL", i);
+  });
+}
+function bt(s, t, e, i = !1) {
+  if (!window.emMessageBus)
+    return;
+  if (!("adoptedStyleSheets" in Document.prototype) || !i)
+    return e = mt(s, t), e;
+  window[m] || (window[m] = {}), e = pt(s, t);
+  const a = e.unsubscribe.bind(e), h = () => {
+    if (window[m][t]) {
+      const r = window[m][t];
+      r.refCount > 1 ? r.refCount = r.refCount - 1 : delete window[m][t];
+    }
+    a();
+  };
+  return e.unsubscribe = h, e;
+}
+function mt(s, t) {
+  const e = document.createElement("style");
+  return window.emMessageBus.subscribe(t, (i) => {
+    s && (e.innerHTML = i, s.appendChild(e));
+  });
+}
+function pt(s, t) {
+  return window.emMessageBus.subscribe(t, (e) => {
+    if (!s)
+      return;
+    const i = s.getRootNode(), n = window[m];
+    let a = n[t] && n[t].sheet;
+    a ? n[t].refCount = n[t].refCount + 1 : (a = new CSSStyleSheet(), a.replaceSync(e), n[t] = {
+      sheet: a,
+      refCount: 1
+    });
+    const h = i.adoptedStyleSheets || [];
+    h.includes(a) || (i.adoptedStyleSheets = [...h, a]);
+  });
+}
+function Ct(s) {
+  at(s, "svelte-1p7ag40", ".CashierHeader{display:flex;position:relative;align-items:center;height:var(--emw--header-height, 40px);background-color:var(--emw--color-background, #F9FAFF);padding:10px 0;width:100vw}.CashierHeaderLeftButton{font-size:var(--emw--font-size-small, 14px);font-weight:var(--emw--font-weight-semibold, 500);margin-bottom:0;display:flex;align-items:center;font-variant:all-small-caps;height:32px;margin-left:5px;gap:2px;cursor:pointer;stroke:var(--emw--color-primary, #F9C405)}.CashierHeaderLeftButton svg path{fill:var(--emw--color-primary, #F9C405)}.CashierHeaderLeftButton.disabled{pointer-events:none}.CashierHeaderTitle{color:var(--emw--color-primary, #F9C405);font-size:var(--emw--font-size-medium, 16px);line-height:125%;font-weight:var(--emw--font-weight-semibold, 500);margin-left:15px;max-width:calc(100% - 150px);overflow:hidden;text-overflow:ellipsis}.CashierHeaderRightButton{position:absolute;display:flex;justify-content:space-between;align-items:center;padding:0 var(--emw--spacing-small, 12px);height:inherit;right:0;gap:var(--emw--spacing-small, 12px);cursor:pointer;fill:var(--emw--color-primary, #F9C405)}");
+}
+const yt = (s) => ({}), N = (s) => ({}), kt = (s) => ({}), U = (s) => ({}), St = (s) => ({}), x = (s) => ({});
+function D(s) {
+  let t, e, i;
+  return {
+    c() {
+      t = y("div"), t.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5632 3.47782C12.4787 3.50138 12.3362 3.57505 12.2465 3.64153C12.1567 3.70806 10.8069 5.04216 9.24694 6.60626C6.11944 9.74192 6.25999 9.58204 6.25999 10.0037C6.25999 10.4243 6.13093 10.2784 9.34296 13.4903C12.4449 16.5921 12.356 16.5116 12.7278 16.5556C13.1855 16.6098 13.6413 16.2585 13.7301 15.783C13.7612 15.6164 13.7212 15.3395 13.6437 15.1847C13.6158 15.129 12.451 13.9396 11.0553 12.5417L8.51768 10L11.0553 7.45837C12.451 6.06048 13.6158 4.87114 13.6437 4.81544C13.7729 4.55751 13.7703 4.2006 13.6374 3.94274C13.4469 3.5731 12.9668 3.36532 12.5632 3.47782Z"></path></svg>', k(t, "class", "CashierHeaderLeftButton");
+    },
+    m(n, a) {
+      C(n, t, a), e || (i = G(
+        t,
+        "click",
+        /*back*/
+        s[6]
+      ), e = !0);
+    },
+    p: q,
+    d(n) {
+      n && p(t), e = !1, i();
+    }
+  };
+}
+function Bt(s) {
+  let t, e = (
+    /*backButton*/
+    s[1] && D(s)
+  );
+  return {
+    c() {
+      e && e.c(), t = I();
+    },
+    m(i, n) {
+      e && e.m(i, n), C(i, t, n);
+    },
+    p(i, n) {
+      /*backButton*/
+      i[1] ? e ? e.p(i, n) : (e = D(i), e.c(), e.m(t.parentNode, t)) : e && (e.d(1), e = null);
+    },
+    d(i) {
+      i && p(t), e && e.d(i);
+    }
+  };
+}
+function Lt(s) {
+  let t, e = (
+    /*$_*/
+    s[4](
+      /*titleText*/
+      s[2]
+    ) + ""
+  ), i;
+  return {
+    c() {
+      t = y("span"), i = ft(e), k(t, "class", "CashierHeaderTitle");
+    },
+    m(n, a) {
+      C(n, t, a), M(t, i);
+    },
+    p(n, a) {
+      a & /*$_, titleText*/
+      20 && e !== (e = /*$_*/
+      n[4](
+        /*titleText*/
+        n[2]
+      ) + "") && ut(i, e);
+    },
+    d(n) {
+      n && p(t);
+    }
+  };
+}
+function K(s) {
+  let t, e, i;
+  return {
+    c() {
+      t = y("span"), t.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" width="13" height="20" viewBox="0 0 13 13"><path d="M12.7711 0.229435C13.0582 0.517619 13.0755 0.973729 12.8215 1.28141L12.7711 1.33721L7.60685 6.50068L12.7711 11.6641C12.9128 11.8066 12.9944 11.998 12.999 12.1988C13.0035 12.3997 12.9308 12.5946 12.7957 12.7433C12.6606 12.892 12.4735 12.9832 12.2731 12.9979C12.0728 13.0126 11.8744 12.9497 11.7191 12.8223L11.6633 12.7719L6.49958 7.60791L1.3359 12.7719C1.19349 12.9136 1.00207 12.9952 0.801203 12.9998C0.60034 13.0044 0.405398 12.9316 0.256676 12.7965C0.107955 12.6614 0.0168256 12.4744 0.00212786 12.274C-0.0125699 12.0736 0.0502877 11.8753 0.177706 11.7199L0.228086 11.6641L5.3923 6.50068L0.228086 1.33721C0.0863637 1.1948 0.00478102 1.00338 0.000203544 0.802529C-0.00437393 0.601674 0.0684038 0.40674 0.203491 0.258024C0.338579 0.109308 0.525647 0.0181829 0.726024 0.00348576C0.9264 -0.0112114 1.12476 0.0516437 1.28011 0.179057L1.3359 0.229435L6.49958 5.39345L11.6633 0.229435C11.736 0.156695 11.8223 0.0989949 11.9174 0.0596283C12.0124 0.0202617 12.1143 0 12.2172 0C12.32 0 12.4219 0.0202617 12.5169 0.0596283C12.612 0.0989949 12.6983 0.156695 12.7711 0.229435Z"></path></svg>', k(t, "class", "CashierHeaderRightButton");
+    },
+    m(n, a) {
+      C(n, t, a), e || (i = G(
+        t,
+        "click",
+        /*close*/
+        s[5]
+      ), e = !0);
+    },
+    p: q,
+    d(n) {
+      n && p(t), e = !1, i();
+    }
+  };
+}
+function vt(s) {
+  let t, e = (
+    /*closeButton*/
+    s[3] && K(s)
+  );
+  return {
+    c() {
+      e && e.c(), t = I();
+    },
+    m(i, n) {
+      e && e.m(i, n), C(i, t, n);
+    },
+    p(i, n) {
+      /*closeButton*/
+      i[3] ? e ? e.p(i, n) : (e = K(i), e.c(), e.m(t.parentNode, t)) : e && (e.d(1), e = null);
+    },
+    d(i) {
+      i && p(t), e && e.d(i);
+    }
+  };
+}
+function Ht(s) {
+  let t, e, i, n;
+  const a = (
+    /*#slots*/
+    s[16].leftButton
+  ), h = S(
+    a,
+    s,
+    /*$$scope*/
+    s[15],
+    x
+  ), r = h || Bt(s), _ = (
+    /*#slots*/
+    s[16].title
+  ), d = S(
+    _,
+    s,
+    /*$$scope*/
+    s[15],
+    U
+  ), c = d || Lt(s), g = (
+    /*#slots*/
+    s[16].rightButton
+  ), w = S(
+    g,
+    s,
+    /*$$scope*/
+    s[15],
+    N
+  ), u = w || vt(s);
+  return {
+    c() {
+      t = y("div"), r && r.c(), e = O(), c && c.c(), i = O(), u && u.c(), k(t, "class", "CashierHeader");
+    },
+    m(l, f) {
+      C(l, t, f), r && r.m(t, null), M(t, e), c && c.m(t, null), M(t, i), u && u.m(t, null), s[17](t), n = !0;
+    },
+    p(l, [f]) {
+      h ? h.p && (!n || f & /*$$scope*/
+      32768) && v(
+        h,
+        a,
+        l,
+        /*$$scope*/
+        l[15],
+        n ? T(
+          a,
+          /*$$scope*/
+          l[15],
+          f,
+          St
+        ) : H(
+          /*$$scope*/
+          l[15]
+        ),
+        x
+      ) : r && r.p && (!n || f & /*backButton*/
+      2) && r.p(l, n ? f : -1), d ? d.p && (!n || f & /*$$scope*/
+      32768) && v(
+        d,
+        _,
+        l,
+        /*$$scope*/
+        l[15],
+        n ? T(
+          _,
+          /*$$scope*/
+          l[15],
+          f,
+          kt
+        ) : H(
+          /*$$scope*/
+          l[15]
+        ),
+        U
+      ) : c && c.p && (!n || f & /*$_, titleText*/
+      20) && c.p(l, n ? f : -1), w ? w.p && (!n || f & /*$$scope*/
+      32768) && v(
+        w,
+        g,
+        l,
+        /*$$scope*/
+        l[15],
+        n ? T(
+          g,
+          /*$$scope*/
+          l[15],
+          f,
+          yt
+        ) : H(
+          /*$$scope*/
+          l[15]
+        ),
+        N
+      ) : u && u.p && (!n || f & /*closeButton*/
+      8) && u.p(l, n ? f : -1);
+    },
+    i(l) {
+      n || (L(r, l), L(c, l), L(u, l), n = !0);
+    },
+    o(l) {
+      B(r, l), B(c, l), B(u, l), n = !1;
+    },
+    d(l) {
+      l && p(t), r && r.d(l), c && c.d(l), u && u.d(l), s[17](null);
+    }
+  };
+}
+function Tt(s, t, e) {
+  let i;
+  rt(s, dt, (o) => e(4, i = o));
+  let { $$slots: n = {}, $$scope: a } = t, { clientstyling: h = "" } = t, { clientstylingurl: r = "" } = t, { translationurl: _ = "" } = t, { showbackbutton: d = "" } = t, { title: c = "header.general" } = t, { lang: g = "en" } = t, { showclosebutton: w = "" } = t, { mbsource: u = "" } = t, l, f, A = !1, j, E = !1;
+  const W = () => {
+    fetch(_).then((o) => o.json()).then((o) => {
+      Object.keys(o).forEach((F) => {
+        R(F, o[F]);
+      });
+    }).catch((o) => {
+      console.log(o);
+    });
+  };
+  Object.keys(z).forEach((o) => {
+    R(o, z[o]);
+  });
+  const Y = () => {
+    gt(g);
+  }, Z = () => {
+    window.postMessage({ type: "CloseCashier" }, window.location.href);
+  }, J = () => {
+    window.postMessage({ type: "BackCashier" }, window.location.href);
+  }, Q = () => {
+    e(1, A = !!d && d !== "false");
+  }, V = () => {
+    e(3, E = !!w && w !== "false");
+  }, X = () => {
+    e(2, j = c || "header.general");
+  };
+  ct(() => () => {
+  });
+  function $(o) {
+    ht[o ? "unshift" : "push"](() => {
+      l = o, e(0, l);
+    });
+  }
+  return s.$$set = (o) => {
+    "clientstyling" in o && e(7, h = o.clientstyling), "clientstylingurl" in o && e(8, r = o.clientstylingurl), "translationurl" in o && e(9, _ = o.translationurl), "showbackbutton" in o && e(10, d = o.showbackbutton), "title" in o && e(11, c = o.title), "lang" in o && e(12, g = o.lang), "showclosebutton" in o && e(13, w = o.showclosebutton), "mbsource" in o && e(14, u = o.mbsource), "$$scope" in o && e(15, a = o.$$scope);
+  }, s.$$.update = () => {
+    s.$$.dirty & /*lang*/
+    4096 && g && Y(), s.$$.dirty & /*lang, title*/
+    6144 && g && c && X(), s.$$.dirty & /*clientstyling, customStylingContainer*/
+    129 && h && l && wt(l, h), s.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    257 && r && l && _t(l, r), s.$$.dirty & /*mbsource, customStylingContainer*/
+    16385 && u && l && bt(l, `${u}.Style`, f), s.$$.dirty & /*lang, translationurl*/
+    4608 && g && _ && W(), s.$$.dirty & /*showbackbutton*/
+    1024 && d && Q(), s.$$.dirty & /*showclosebutton*/
+    8192 && w && V();
+  }, [
+    l,
+    A,
+    j,
+    E,
+    i,
+    Z,
+    J,
+    h,
+    r,
+    _,
+    d,
+    c,
+    g,
+    w,
+    u,
+    a,
+    n,
+    $
+  ];
+}
+class P extends nt {
+  constructor(t) {
+    super(), it(
+      this,
+      t,
+      Tt,
+      Ht,
+      lt,
+      {
+        clientstyling: 7,
+        clientstylingurl: 8,
+        translationurl: 9,
+        showbackbutton: 10,
+        title: 11,
+        lang: 12,
+        showclosebutton: 13,
+        mbsource: 14
+      },
+      Ct
+    );
+  }
+  get clientstyling() {
+    return this.$$.ctx[7];
+  }
+  set clientstyling(t) {
+    this.$$set({ clientstyling: t }), b();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[8];
+  }
+  set clientstylingurl(t) {
+    this.$$set({ clientstylingurl: t }), b();
+  }
+  get translationurl() {
+    return this.$$.ctx[9];
+  }
+  set translationurl(t) {
+    this.$$set({ translationurl: t }), b();
+  }
+  get showbackbutton() {
+    return this.$$.ctx[10];
+  }
+  set showbackbutton(t) {
+    this.$$set({ showbackbutton: t }), b();
+  }
+  get title() {
+    return this.$$.ctx[11];
+  }
+  set title(t) {
+    this.$$set({ title: t }), b();
+  }
+  get lang() {
+    return this.$$.ctx[12];
+  }
+  set lang(t) {
+    this.$$set({ lang: t }), b();
+  }
+  get showclosebutton() {
+    return this.$$.ctx[13];
+  }
+  set showclosebutton(t) {
+    this.$$set({ showclosebutton: t }), b();
+  }
+  get mbsource() {
+    return this.$$.ctx[14];
+  }
+  set mbsource(t) {
+    this.$$set({ mbsource: t }), b();
+  }
+}
+ot(P, { clientstyling: {}, clientstylingurl: {}, translationurl: {}, showbackbutton: {}, title: {}, lang: {}, showclosebutton: {}, mbsource: {} }, ["leftButton", "title", "rightButton"], [], !0);
+const At = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: P
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  At as C,
+  _t as a,
+  bt as b,
+  wt as s
+};