@everymatrix/cashier-page-cashpoint 1.0.12 → 1.0.13

package/components/CashierHeader-DRJf2uOT.js

@@ -0,0 +1,491 @@
+import { a as ee, i as te, $ as se, S as ne, b as ie, f as b, s as le, c as oe, d as ae, 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 F, p as k, q as re, r as ce, v as I, w as ue, x as fe, y as he, z as q, A as G, B as de } from "./CashierPageCashpoint-eTRD628I.js";
+function O(s, e) {
+  ee(s, e);
+}
+function ge(s) {
+  te({
+    fallbackLocale: "en"
+  }), se.set(s);
+}
+const R = {
+  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"
+    }
+  },
+  ru: {
+    header: {
+      general: "Касса",
+      deposit: "Депозит",
+      withdraw: "Вывод"
+    }
+  },
+  az: {
+    header: {
+      general: "Kassa",
+      deposit: "Depozit",
+      withdraw: "Çıxarış"
+    }
+  }
+}, m = "__WIDGET_GLOBAL_STYLE_CACHE__";
+function we(s, e) {
+  if (s) {
+    const t = document.createElement("style");
+    t.innerHTML = e, s.appendChild(t);
+  }
+}
+function _e(s, e) {
+  if (!s || !e)
+    return;
+  const t = new URL(e);
+  fetch(t.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 be(s, e, t, i = !1) {
+  if (!window.emMessageBus)
+    return;
+  if (!("adoptedStyleSheets" in Document.prototype) || !i)
+    return t = me(s, e), t;
+  window[m] || (window[m] = {}), t = pe(s, e);
+  const a = t.unsubscribe.bind(t), h = () => {
+    if (window[m][e]) {
+      const r = window[m][e];
+      r.refCount > 1 ? r.refCount = r.refCount - 1 : delete window[m][e];
+    }
+    a();
+  };
+  return t.unsubscribe = h, t;
+}
+function me(s, e) {
+  const t = document.createElement("style");
+  return window.emMessageBus.subscribe(e, (i) => {
+    s && (t.innerHTML = i, s.appendChild(t));
+  });
+}
+function pe(s, e) {
+  return window.emMessageBus.subscribe(e, (t) => {
+    if (!s)
+      return;
+    const i = s.getRootNode(), n = window[m];
+    let a = n[e] && n[e].sheet;
+    a ? n[e].refCount = n[e].refCount + 1 : (a = new CSSStyleSheet(), a.replaceSync(t), n[e] = {
+      sheet: a,
+      refCount: 1
+    });
+    const h = i.adoptedStyleSheets || [];
+    h.includes(a) || (i.adoptedStyleSheets = [...h, a]);
+  });
+}
+function Ce(s) {
+  ae(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 ye = (s) => ({}), x = (s) => ({}), ke = (s) => ({}), N = (s) => ({}), Se = (s) => ({}), U = (s) => ({});
+function D(s) {
+  let e, t, i;
+  return {
+    c() {
+      e = y("div"), e.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(e, "class", "CashierHeaderLeftButton");
+    },
+    m(n, a) {
+      C(n, e, a), t || (i = G(
+        e,
+        "click",
+        /*back*/
+        s[6]
+      ), t = !0);
+    },
+    p: q,
+    d(n) {
+      n && p(e), t = !1, i();
+    }
+  };
+}
+function Be(s) {
+  let e, t = (
+    /*backButton*/
+    s[1] && D(s)
+  );
+  return {
+    c() {
+      t && t.c(), e = I();
+    },
+    m(i, n) {
+      t && t.m(i, n), C(i, e, n);
+    },
+    p(i, n) {
+      /*backButton*/
+      i[1] ? t ? t.p(i, n) : (t = D(i), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
+    },
+    d(i) {
+      i && p(e), t && t.d(i);
+    }
+  };
+}
+function Le(s) {
+  let e, t = (
+    /*$_*/
+    s[4](
+      /*titleText*/
+      s[2]
+    ) + ""
+  ), i;
+  return {
+    c() {
+      e = y("span"), i = fe(t), k(e, "class", "CashierHeaderTitle");
+    },
+    m(n, a) {
+      C(n, e, a), M(e, i);
+    },
+    p(n, a) {
+      a & /*$_, titleText*/
+      20 && t !== (t = /*$_*/
+      n[4](
+        /*titleText*/
+        n[2]
+      ) + "") && ue(i, t);
+    },
+    d(n) {
+      n && p(e);
+    }
+  };
+}
+function K(s) {
+  let e, t, i;
+  return {
+    c() {
+      e = y("span"), e.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(e, "class", "CashierHeaderRightButton");
+    },
+    m(n, a) {
+      C(n, e, a), t || (i = G(
+        e,
+        "click",
+        /*close*/
+        s[5]
+      ), t = !0);
+    },
+    p: q,
+    d(n) {
+      n && p(e), t = !1, i();
+    }
+  };
+}
+function ve(s) {
+  let e, t = (
+    /*closeButton*/
+    s[3] && K(s)
+  );
+  return {
+    c() {
+      t && t.c(), e = I();
+    },
+    m(i, n) {
+      t && t.m(i, n), C(i, e, n);
+    },
+    p(i, n) {
+      /*closeButton*/
+      i[3] ? t ? t.p(i, n) : (t = K(i), t.c(), t.m(e.parentNode, e)) : t && (t.d(1), t = null);
+    },
+    d(i) {
+      i && p(e), t && t.d(i);
+    }
+  };
+}
+function He(s) {
+  let e, t, i, n;
+  const a = (
+    /*#slots*/
+    s[16].leftButton
+  ), h = S(
+    a,
+    s,
+    /*$$scope*/
+    s[15],
+    U
+  ), r = h || Be(s), _ = (
+    /*#slots*/
+    s[16].title
+  ), d = S(
+    _,
+    s,
+    /*$$scope*/
+    s[15],
+    N
+  ), c = d || Le(s), g = (
+    /*#slots*/
+    s[16].rightButton
+  ), w = S(
+    g,
+    s,
+    /*$$scope*/
+    s[15],
+    x
+  ), u = w || ve(s);
+  return {
+    c() {
+      e = y("div"), r && r.c(), t = F(), c && c.c(), i = F(), u && u.c(), k(e, "class", "CashierHeader");
+    },
+    m(l, f) {
+      C(l, e, f), r && r.m(e, null), M(e, t), c && c.m(e, null), M(e, i), u && u.m(e, null), s[17](e), 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,
+          Se
+        ) : H(
+          /*$$scope*/
+          l[15]
+        ),
+        U
+      ) : 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,
+          ke
+        ) : H(
+          /*$$scope*/
+          l[15]
+        ),
+        N
+      ) : 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,
+          ye
+        ) : H(
+          /*$$scope*/
+          l[15]
+        ),
+        x
+      ) : 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(e), r && r.d(l), c && c.d(l), u && u.d(l), s[17](null);
+    }
+  };
+}
+function Te(s, e, t) {
+  let i;
+  re(s, de, (o) => t(4, i = o));
+  let { $$slots: n = {}, $$scope: a } = e, { clientstyling: h = "" } = e, { clientstylingurl: r = "" } = e, { translationurl: _ = "" } = e, { showbackbutton: d = "" } = e, { title: c = "header.general" } = e, { lang: g = "en" } = e, { showclosebutton: w = "" } = e, { mbsource: u = "" } = e, l, f, A = !1, z, j = !1;
+  const W = () => {
+    fetch(_).then((o) => o.json()).then((o) => {
+      Object.keys(o).forEach((E) => {
+        O(E, o[E]);
+      });
+    }).catch((o) => {
+      console.log(o);
+    });
+  };
+  Object.keys(R).forEach((o) => {
+    O(o, R[o]);
+  });
+  const Y = () => {
+    ge(g);
+  }, Z = () => {
+    window.postMessage({ type: "CloseCashier" }, window.location.href);
+  }, J = () => {
+    window.postMessage({ type: "BackCashier" }, window.location.href);
+  }, Q = () => {
+    t(1, A = !!d && d !== "false");
+  }, V = () => {
+    t(3, j = !!w && w !== "false");
+  }, X = () => {
+    t(2, z = c || "header.general");
+  };
+  ce(() => () => {
+  });
+  function $(o) {
+    he[o ? "unshift" : "push"](() => {
+      l = o, t(0, l);
+    });
+  }
+  return s.$$set = (o) => {
+    "clientstyling" in o && t(7, h = o.clientstyling), "clientstylingurl" in o && t(8, r = o.clientstylingurl), "translationurl" in o && t(9, _ = o.translationurl), "showbackbutton" in o && t(10, d = o.showbackbutton), "title" in o && t(11, c = o.title), "lang" in o && t(12, g = o.lang), "showclosebutton" in o && t(13, w = o.showclosebutton), "mbsource" in o && t(14, u = o.mbsource), "$$scope" in o && t(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 && we(l, h), s.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    257 && r && l && _e(l, r), s.$$.dirty & /*mbsource, customStylingContainer*/
+    16385 && u && l && be(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,
+    z,
+    j,
+    i,
+    Z,
+    J,
+    h,
+    r,
+    _,
+    d,
+    c,
+    g,
+    w,
+    u,
+    a,
+    n,
+    $
+  ];
+}
+class P extends ne {
+  constructor(e) {
+    super(), ie(
+      this,
+      e,
+      Te,
+      He,
+      le,
+      {
+        clientstyling: 7,
+        clientstylingurl: 8,
+        translationurl: 9,
+        showbackbutton: 10,
+        title: 11,
+        lang: 12,
+        showclosebutton: 13,
+        mbsource: 14
+      },
+      Ce
+    );
+  }
+  get clientstyling() {
+    return this.$$.ctx[7];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), b();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[8];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), b();
+  }
+  get translationurl() {
+    return this.$$.ctx[9];
+  }
+  set translationurl(e) {
+    this.$$set({ translationurl: e }), b();
+  }
+  get showbackbutton() {
+    return this.$$.ctx[10];
+  }
+  set showbackbutton(e) {
+    this.$$set({ showbackbutton: e }), b();
+  }
+  get title() {
+    return this.$$.ctx[11];
+  }
+  set title(e) {
+    this.$$set({ title: e }), b();
+  }
+  get lang() {
+    return this.$$.ctx[12];
+  }
+  set lang(e) {
+    this.$$set({ lang: e }), b();
+  }
+  get showclosebutton() {
+    return this.$$.ctx[13];
+  }
+  set showclosebutton(e) {
+    this.$$set({ showclosebutton: e }), b();
+  }
+  get mbsource() {
+    return this.$$.ctx[14];
+  }
+  set mbsource(e) {
+    this.$$set({ mbsource: e }), b();
+  }
+}
+oe(P, { clientstyling: {}, clientstylingurl: {}, translationurl: {}, showbackbutton: {}, title: {}, lang: {}, showclosebutton: {}, mbsource: {} }, ["leftButton", "title", "rightButton"], [], !0);
+const Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: P
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Ae as C,
+  _e as a,
+  be as b,
+  we as s
+};