@everymatrix/cashier-page 1.50.1 → 1.50.111

package/components/CashierHeader-CErxv1ah.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-cphf5eof.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
+};