@everymatrix/cashier-page 1.87.26 → 1.87.102

package/components/CashierModal-ndVMjksn.js

@@ -0,0 +1,382 @@
+var D = (i, e, t) => new Promise((o, a) => {
+  var f = (h) => {
+    try {
+      v(t.next(h));
+    } catch (u) {
+      a(u);
+    }
+  }, b = (h) => {
+    try {
+      v(t.throw(h));
+    } catch (u) {
+      a(u);
+    }
+  }, v = (h) => h.done ? o(h.value) : Promise.resolve(h.value).then(f, b);
+  v((t = t.apply(i, e)).next());
+});
+import { S as ee, b as te, f as k, c as ie, s as ne, d as oe, g as C, k as E, t as W, o as B, a6 as le, p as F, r as se, O as Y, v as ae, e as R, h as O, R as q, j as m, T as H, L as re, l as _, a7 as de, z as ce, u as U, m as Z, n as A, a8 as fe, B as j, C as he, D as ue } from "./CashierCarousel-Bwhda3Gl.js";
+function me(i) {
+  oe(i, "svelte-vlp16o", '*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalFadeOut{from{opacity:1}to{opacity:0}}@keyframes modalSlideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes spin{to{transform:rotate(360deg)}}#Modal{position:fixed;width:100%;height:100%;top:0;left:0;background:var(--emw--color-black-transparency-10, rgba(0, 0, 0, 0.7));display:flex;justify-content:center;align-items:center;z-index:100;backdrop-filter:blur(4px);animation:modalFadeIn 0.25s ease-out}#Modal.closing{animation:modalFadeOut 0.25s ease-in}@container (min-width: 500px){.ModalContainer{min-width:450px}}.ModalContainer{min-width:380px;width:auto;height:auto;max-height:70%;padding:var(--emw--spacing-medium, 25px);min-height:200px;border-radius:var(--mmw--border-radius-large-plus, 10px);background-color:#12191f;max-width:600px;z-index:1;box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.3);overflow:hidden;transition:width 0.3s ease-in-out, height 0.3s ease-in-out;animation:modalSlideIn 0.3s ease-out}#Modal.closing .ModalContainer{animation:modalSlideOut 0.25s ease-in}.ModalContainer.video-mode{height:70% !important;max-height:70%}.ModalContainer.twofa-mode{max-width:500px;min-height:auto}.ModalContainer::before{content:"";position:absolute;inset:0;opacity:0.2;z-index:-1;pointer-events:none;border-radius:10px;background:linear-gradient(140deg, var(--emw--color-primary, #f9c405) 5%, var(--emw--color-black, #12191f) 65%)}.ModalHeader{display:flex;flex-direction:row;justify-content:space-between;width:100%;align-items:center}.ModalHeader .ModalTitle{display:flex;flex-direction:row;height:26px;align-items:center;gap:8px}.ModalHeader .TitleText{color:var(--emw--color-typography, #fff);font-size:var(--emw--font-size-medium, 18px);font-weight:var(--emw--font-weight-medium, 600)}.ModalHeader .WarningIcon svg{width:24px;height:24px;fill:var(--emw--color-typography, #fff)}.ModalCloseIcon{z-index:20;transition:all 0.2s ease}.ModalCloseIcon svg{width:11px;height:11px}.ModalCloseIcon:hover{transform:rotate(90deg)}.CloseButton{fill:var(--emw--color-white, #fff);stroke:var(--emw--color-white, #fff);cursor:pointer}.ModalLoadingOverlay{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:rgba(18, 25, 31, 0.8);border-radius:10px;z-index:10}.ModalLoader{width:48px;height:48px;border:5px solid rgba(255, 255, 255, 0.1);border-top-color:var(--emw--color-primary, #f9c405);border-radius:50%;animation:spin 0.8s linear infinite}.ModalContentWrapper{width:100%;height:100%;transition:opacity 0.2s ease}.ModalContentWrapper.hidden{opacity:0;pointer-events:none}@container (max-width: 475px){.ModalContainer{max-width:90%;max-height:80vh;margin:auto}}@container (max-width: 500px){.ModalContainer.twofa-mode{width:100%;height:100% !important;max-height:100%;border-radius:0;justify-content:flex-start;background:var(--emw--color-background)}.ModalContainer.twofa-mode::before{border-radius:0}}');
+}
+const ge = (i) => ({}), G = (i) => ({}), pe = (i) => ({}), J = (i) => ({});
+function K(i) {
+  let e, t, o, a, f, b, v, h, u, L, T, M, g, y, d, s, S, r = (
+    /*modaltype*/
+    (i[3] == "error" || /*modaltype*/
+    i[3] == "bonusDescription") && N()
+  );
+  const z = (
+    /*#slots*/
+    i[14].title
+  ), p = R(
+    z,
+    i,
+    /*$$scope*/
+    i[13],
+    J
+  );
+  let c = (
+    /*isloading*/
+    i[4] === "true" && P()
+  );
+  const I = (
+    /*#slots*/
+    i[14].content
+  ), w = R(
+    I,
+    i,
+    /*$$scope*/
+    i[13],
+    G
+  );
+  return {
+    c() {
+      e = C("div"), t = C("div"), o = C("div"), a = C("div"), r && r.c(), f = O(), b = C("div"), p && p.c(), v = O(), h = C("div"), u = q("svg"), L = q("path"), T = O(), c && c.c(), M = O(), g = C("div"), w && w.c(), m(b, "class", "TitleText"), m(a, "class", "ModalTitle"), m(L, "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"), m(u, "xmlns", "http://www.w3.org/2000/svg"), m(u, "viewBox", "0 0 13 13"), m(u, "fill", "none"), m(u, "class", "CloseButton"), m(h, "class", "ModalCloseIcon"), m(o, "class", "ModalHeader"), m(g, "class", "ModalContentWrapper"), H(
+        g,
+        "hidden",
+        /*isloading*/
+        i[4] === "true"
+      ), m(t, "class", "ModalContainer"), H(
+        t,
+        "video-mode",
+        /*modaltype*/
+        i[3] === "video"
+      ), H(
+        t,
+        "twofa-mode",
+        /*modaltype*/
+        i[3] === "2fa"
+      ), m(e, "id", "Modal"), re(() => (
+        /*div6_elementresize_handler*/
+        i[18].call(e)
+      ));
+    },
+    m(l, x) {
+      E(l, e, x), _(e, t), _(t, o), _(o, a), r && r.m(a, null), _(a, f), _(a, b), p && p.m(b, null), _(o, v), _(o, h), _(h, u), _(u, L), _(t, T), c && c.m(t, null), _(t, M), _(t, g), w && w.m(g, null), i[15](g), i[16](t), i[17](e), y = de(
+        e,
+        /*div6_elementresize_handler*/
+        i[18].bind(e)
+      ), d = !0, s || (S = ce(
+        u,
+        "click",
+        /*closeModal*/
+        i[9]
+      ), s = !0);
+    },
+    p(l, x) {
+      /*modaltype*/
+      l[3] == "error" || /*modaltype*/
+      l[3] == "bonusDescription" ? r || (r = N(), r.c(), r.m(a, f)) : r && (r.d(1), r = null), p && p.p && (!d || x & /*$$scope*/
+      8192) && U(
+        p,
+        z,
+        l,
+        /*$$scope*/
+        l[13],
+        d ? A(
+          z,
+          /*$$scope*/
+          l[13],
+          x,
+          pe
+        ) : Z(
+          /*$$scope*/
+          l[13]
+        ),
+        J
+      ), /*isloading*/
+      l[4] === "true" ? c || (c = P(), c.c(), c.m(t, M)) : c && (c.d(1), c = null), w && w.p && (!d || x & /*$$scope*/
+      8192) && U(
+        w,
+        I,
+        l,
+        /*$$scope*/
+        l[13],
+        d ? A(
+          I,
+          /*$$scope*/
+          l[13],
+          x,
+          ge
+        ) : Z(
+          /*$$scope*/
+          l[13]
+        ),
+        G
+      ), (!d || x & /*isloading*/
+      16) && H(
+        g,
+        "hidden",
+        /*isloading*/
+        l[4] === "true"
+      ), (!d || x & /*modaltype*/
+      8) && H(
+        t,
+        "video-mode",
+        /*modaltype*/
+        l[3] === "video"
+      ), (!d || x & /*modaltype*/
+      8) && H(
+        t,
+        "twofa-mode",
+        /*modaltype*/
+        l[3] === "2fa"
+      );
+    },
+    i(l) {
+      d || (W(p, l), W(w, l), d = !0);
+    },
+    o(l) {
+      B(p, l), B(w, l), d = !1;
+    },
+    d(l) {
+      l && F(e), r && r.d(), p && p.d(l), c && c.d(), w && w.d(l), i[15](null), i[16](null), i[17](null), y(), s = !1, S();
+    }
+  };
+}
+function N(i) {
+  let e;
+  return {
+    c() {
+      e = C("div"), e.innerHTML = '<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><defs><mask id="exclamation-mask"><circle cx="100" cy="100" r="90"></circle><rect x="88" y="40" width="24" height="80" rx="12" fill="black"></rect><circle cx="100" cy="150" r="14" fill="black"></circle></mask></defs><circle cx="100" cy="100" r="90" mask="url(#exclamation-mask)"></circle></svg>', m(e, "class", "WarningIcon");
+    },
+    m(t, o) {
+      E(t, e, o);
+    },
+    d(t) {
+      t && F(e);
+    }
+  };
+}
+function P(i) {
+  let e;
+  return {
+    c() {
+      e = C("div"), e.innerHTML = '<div class="ModalLoader"></div>', m(e, "class", "ModalLoadingOverlay");
+    },
+    m(t, o) {
+      E(t, e, o);
+    },
+    d(t) {
+      t && F(e);
+    }
+  };
+}
+function we(i) {
+  let e, t, o = (
+    /*show*/
+    i[2] === "true" && K(i)
+  );
+  return {
+    c() {
+      e = C("div"), o && o.c();
+    },
+    m(a, f) {
+      E(a, e, f), o && o.m(e, null), i[19](e), t = !0;
+    },
+    p(a, [f]) {
+      /*show*/
+      a[2] === "true" ? o ? (o.p(a, f), f & /*show*/
+      4 && W(o, 1)) : (o = K(a), o.c(), W(o, 1), o.m(e, null)) : o && (fe(), B(o, 1, 1, () => {
+        o = null;
+      }), le());
+    },
+    i(a) {
+      t || (W(o), t = !0);
+    },
+    o(a) {
+      B(o), t = !1;
+    },
+    d(a) {
+      a && F(e), o && o.d(), i[19](null);
+    }
+  };
+}
+function ye(i, e, t) {
+  let { $$slots: o = {}, $$scope: a } = e, { mbsource: f } = e, { clientstyling: b } = e, { clientstylingurl: v } = e, { show: h } = e, { modaltype: u = "" } = e, { isloading: L = "false" } = e, { width: T } = e, { height: M } = e, g, y, d, s, S = !1, r, z;
+  const p = () => {
+    r && clearTimeout(r), g && (g.classList.add("closing"), r = setTimeout(
+      () => {
+        window.dispatchEvent(new CustomEvent("modal-update", { detail: { type: "closed", data: {} } }));
+      },
+      200
+    ));
+  }, c = () => D(this, null, function* () {
+    if (!s || !d || S)
+      return;
+    z && clearTimeout(r), S = !0;
+    const n = s.offsetWidth, V = s.offsetHeight;
+    t(8, s.style.width = `${n}px`, s), t(8, s.style.height = `${V}px`, s), s.offsetHeight, yield Y();
+    const X = d.scrollHeight, $ = d.scrollWidth;
+    t(8, s.style.width = `${$}px`, s), t(8, s.style.height = `${X}px`, s), z = setTimeout(
+      () => {
+        s && (t(8, s.style.width = "auto", s), t(8, s.style.height = "auto", s)), S = !1;
+      },
+      300
+    );
+  });
+  se(() => {
+    if (Y().then(() => {
+      c();
+    }), d) {
+      const n = new ResizeObserver(() => {
+        c();
+      });
+      return n.observe(d), () => {
+        n.disconnect();
+      };
+    }
+    return () => {
+      r && clearTimeout(r), z && clearTimeout(r);
+    };
+  });
+  function I(n) {
+    j[n ? "unshift" : "push"](() => {
+      d = n, t(7, d);
+    });
+  }
+  function w(n) {
+    j[n ? "unshift" : "push"](() => {
+      s = n, t(8, s);
+    });
+  }
+  function l(n) {
+    j[n ? "unshift" : "push"](() => {
+      g = n, t(6, g);
+    });
+  }
+  function x() {
+    T = this.clientWidth, M = this.clientHeight, t(0, T), t(1, M);
+  }
+  function Q(n) {
+    j[n ? "unshift" : "push"](() => {
+      y = n, t(5, y);
+    });
+  }
+  return i.$$set = (n) => {
+    "mbsource" in n && t(10, f = n.mbsource), "clientstyling" in n && t(11, b = n.clientstyling), "clientstylingurl" in n && t(12, v = n.clientstylingurl), "show" in n && t(2, h = n.show), "modaltype" in n && t(3, u = n.modaltype), "isloading" in n && t(4, L = n.isloading), "width" in n && t(0, T = n.width), "height" in n && t(1, M = n.height), "$$scope" in n && t(13, a = n.$$scope);
+  }, i.$$.update = () => {
+    i.$$.dirty & /*isloading*/
+    16 && L && Y().then(() => {
+      c();
+    }), i.$$.dirty & /*clientstyling, customStylingContainer*/
+    2080 && b && y && he(y, b), i.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    4128 && v && y && ue(y, v), i.$$.dirty & /*mbsource, customStylingContainer*/
+    1056 && f && y && ae(y, `${f}.Style`);
+  }, [
+    T,
+    M,
+    h,
+    u,
+    L,
+    y,
+    g,
+    d,
+    s,
+    p,
+    f,
+    b,
+    v,
+    a,
+    o,
+    I,
+    w,
+    l,
+    x,
+    Q
+  ];
+}
+class _e extends ee {
+  constructor(e) {
+    super(), te(
+      this,
+      e,
+      ye,
+      we,
+      ne,
+      {
+        mbsource: 10,
+        clientstyling: 11,
+        clientstylingurl: 12,
+        show: 2,
+        modaltype: 3,
+        isloading: 4,
+        width: 0,
+        height: 1
+      },
+      me
+    );
+  }
+  get mbsource() {
+    return this.$$.ctx[10];
+  }
+  set mbsource(e) {
+    this.$$set({ mbsource: e }), k();
+  }
+  get clientstyling() {
+    return this.$$.ctx[11];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), k();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[12];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), k();
+  }
+  get show() {
+    return this.$$.ctx[2];
+  }
+  set show(e) {
+    this.$$set({ show: e }), k();
+  }
+  get modaltype() {
+    return this.$$.ctx[3];
+  }
+  set modaltype(e) {
+    this.$$set({ modaltype: e }), k();
+  }
+  get isloading() {
+    return this.$$.ctx[4];
+  }
+  set isloading(e) {
+    this.$$set({ isloading: e }), k();
+  }
+  get width() {
+    return this.$$.ctx[0];
+  }
+  set width(e) {
+    this.$$set({ width: e }), k();
+  }
+  get height() {
+    return this.$$.ctx[1];
+  }
+  set height(e) {
+    this.$$set({ height: e }), k();
+  }
+}
+ie(_e, { mbsource: {}, clientstyling: {}, clientstylingurl: {}, show: {}, modaltype: {}, isloading: {}, width: {}, height: {} }, ["title", "content"], [], !0);
+export {
+  _e as default
+};

package/components/{CashierNotifications-CkRmBcgx.js → CashierNotifications-BmarDqdP.js}

@@ -1,26 +1,26 @@
-import { S as C, b as v, s as _, f as d, c as k, G as b, e as N, v as p, k as z, l as f, x as E, m as h, w as x, n as S, o as L, y as M, E as T } from "./CashierCarousel-DsekS1gS.js";
-function H(n) {
-  k(n, "svelte-ags340", ".CashierNotifications{position:absolute;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}");
+import { S as C, b as v, f as d, c as _, s as k, d as N, g as h, x as b, h as z, j as S, k as E, l as f, z as L, y as p, G as x, p as M, B as T } from "./CashierCarousel-CyAfjImL.js";
+function B(i) {
+  N(i, "svelte-ags340", ".CashierNotifications{position:absolute;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;
+function H(i) {
+  let t, s, r, u, l, a, n, m;
   return {
     c() {
-      t = h("div"), s = h("span"), r = x(
+      t = h("div"), s = h("span"), r = b(
         /*text*/
-        n[0]
-      ), u = S(), l = h("button"), a = x(
+        i[0]
+      ), u = z(), l = h("button"), a = b(
         /*button*/
-        n[1]
-      ), L(t, "class", "CashierNotifications");
+        i[1]
+      ), S(t, "class", "CashierNotifications");
     },
     m(o, c) {
-      z(o, t, c), f(t, s), f(s, r), f(t, u), f(t, l), f(l, a), n[6](t), i || (m = E(
+      E(o, t, c), f(t, s), f(s, r), f(t, u), f(t, l), f(l, a), i[6](t), n || (m = L(
         l,
         "click",
         /*notificationClick*/
-        n[3]
-      ), i = !0);
+        i[3]
+      ), n = !0);
     },
     p(o, [c]) {
       c & /*text*/
@@ -35,67 +35,67 @@ function R(n) {
         o[1]
       );
     },
-    i: b,
-    o: b,
+    i: x,
+    o: x,
     d(o) {
-      o && N(t), n[6](null), i = !1, m();
+      o && M(t), i[6](null), n = !1, m();
     }
   };
 }
-function U(n, t, s) {
-  let { text: r } = t, { button: u } = t, { clientstyling: l = "" } = t, { clientstylingurl: a = "" } = t, i;
+function R(i, t, s) {
+  let { text: r } = t, { button: u } = t, { clientstyling: l = "" } = t, { clientstylingurl: a = "" } = t, n;
   const m = () => {
     window.postMessage({ type: "NotificationButtonClick" }, window.location.href);
   }, o = () => {
     let e = document.createElement("style");
-    e.innerHTML = l, i.appendChild(e);
+    e.innerHTML = l, n.appendChild(e);
   }, c = () => {
     let e = new URL(a), y = document.createElement("style");
     fetch(e.href).then((g) => g.text()).then((g) => {
       y.innerHTML = g, setTimeout(
         () => {
-          i.appendChild(y);
+          n.appendChild(y);
         },
         1
       );
     });
   };
   function w(e) {
-    M[e ? "unshift" : "push"](() => {
-      i = e, s(2, i);
+    T[e ? "unshift" : "push"](() => {
+      n = e, s(2, n);
     });
   }
-  return n.$$set = (e) => {
+  return i.$$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();
+  }, i.$$.update = () => {
+    i.$$.dirty & /*clientstyling, customStylingContainer*/
+    20 && l && n && o(), i.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    36 && a && n && c();
   }, [
     r,
     u,
-    i,
+    n,
     m,
     l,
     a,
     w
   ];
 }
-class q extends C {
+class U extends C {
   constructor(t) {
     super(), v(
       this,
       t,
-      U,
       R,
-      _,
+      H,
+      k,
       {
         text: 0,
         button: 1,
         clientstyling: 4,
         clientstylingurl: 5
       },
-      H
+      B
     );
   }
   get text() {
@@ -123,7 +123,7 @@ class q extends C {
     this.$$set({ clientstylingurl: t }), d();
   }
 }
-T(q, { text: {}, button: {}, clientstyling: {}, clientstylingurl: {} }, [], [], !0);
+_(U, { text: {}, button: {}, clientstyling: {}, clientstylingurl: {} }, [], [], !0);
 export {
-  q as default
+  U as default
 };

package/components/{CashierNotifications-DfV8x-rA.js → CashierNotifications-Bp4KJnpm.js}

@@ -1,26 +1,26 @@
-import { S as C, b as v, s as _, f as d, c as k, G as b, e as N, v as p, k as z, l as f, x as E, m as h, w as x, n as S, o as L, y as M, E as T } from "./CashierCarousel-BJw_SNG2.js";
-function H(n) {
-  k(n, "svelte-ags340", ".CashierNotifications{position:absolute;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}");
+import { S as C, b as v, f as d, c as _, s as k, d as N, g as h, x as b, h as z, j as S, k as E, l as f, z as L, y as p, G as x, p as M, B as T } from "./CashierCarousel-BhLbwlL5.js";
+function B(i) {
+  N(i, "svelte-ags340", ".CashierNotifications{position:absolute;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;
+function H(i) {
+  let t, s, r, u, l, a, n, m;
   return {
     c() {
-      t = h("div"), s = h("span"), r = x(
+      t = h("div"), s = h("span"), r = b(
         /*text*/
-        n[0]
-      ), u = S(), l = h("button"), a = x(
+        i[0]
+      ), u = z(), l = h("button"), a = b(
         /*button*/
-        n[1]
-      ), L(t, "class", "CashierNotifications");
+        i[1]
+      ), S(t, "class", "CashierNotifications");
     },
     m(o, c) {
-      z(o, t, c), f(t, s), f(s, r), f(t, u), f(t, l), f(l, a), n[6](t), i || (m = E(
+      E(o, t, c), f(t, s), f(s, r), f(t, u), f(t, l), f(l, a), i[6](t), n || (m = L(
         l,
         "click",
         /*notificationClick*/
-        n[3]
-      ), i = !0);
+        i[3]
+      ), n = !0);
     },
     p(o, [c]) {
       c & /*text*/
@@ -35,67 +35,67 @@ function R(n) {
         o[1]
       );
     },
-    i: b,
-    o: b,
+    i: x,
+    o: x,
     d(o) {
-      o && N(t), n[6](null), i = !1, m();
+      o && M(t), i[6](null), n = !1, m();
     }
   };
 }
-function U(n, t, s) {
-  let { text: r } = t, { button: u } = t, { clientstyling: l = "" } = t, { clientstylingurl: a = "" } = t, i;
+function R(i, t, s) {
+  let { text: r } = t, { button: u } = t, { clientstyling: l = "" } = t, { clientstylingurl: a = "" } = t, n;
   const m = () => {
     window.postMessage({ type: "NotificationButtonClick" }, window.location.href);
   }, o = () => {
     let e = document.createElement("style");
-    e.innerHTML = l, i.appendChild(e);
+    e.innerHTML = l, n.appendChild(e);
   }, c = () => {
     let e = new URL(a), y = document.createElement("style");
     fetch(e.href).then((g) => g.text()).then((g) => {
       y.innerHTML = g, setTimeout(
         () => {
-          i.appendChild(y);
+          n.appendChild(y);
         },
         1
       );
     });
   };
   function w(e) {
-    M[e ? "unshift" : "push"](() => {
-      i = e, s(2, i);
+    T[e ? "unshift" : "push"](() => {
+      n = e, s(2, n);
     });
   }
-  return n.$$set = (e) => {
+  return i.$$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();
+  }, i.$$.update = () => {
+    i.$$.dirty & /*clientstyling, customStylingContainer*/
+    20 && l && n && o(), i.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    36 && a && n && c();
   }, [
     r,
     u,
-    i,
+    n,
     m,
     l,
     a,
     w
   ];
 }
-class q extends C {
+class U extends C {
   constructor(t) {
     super(), v(
       this,
       t,
-      U,
       R,
-      _,
+      H,
+      k,
       {
         text: 0,
         button: 1,
         clientstyling: 4,
         clientstylingurl: 5
       },
-      H
+      B
     );
   }
   get text() {
@@ -123,7 +123,7 @@ class q extends C {
     this.$$set({ clientstylingurl: t }), d();
   }
 }
-T(q, { text: {}, button: {}, clientstyling: {}, clientstylingurl: {} }, [], [], !0);
+_(U, { text: {}, button: {}, clientstyling: {}, clientstylingurl: {} }, [], [], !0);
 export {
-  q as default
+  U as default
 };