@everymatrix/cashier-page 1.50.0 → 1.50.110

package/components/CashierModal-CoQj_0GG.js

@@ -0,0 +1,402 @@
+var B = (i, e, t) => new Promise((n, a) => {
+  var f = (p) => {
+    try {
+      g(t.next(p));
+    } catch (x) {
+      a(x);
+    }
+  }, h = (p) => {
+    try {
+      g(t.throw(p));
+    } catch (x) {
+      a(x);
+    }
+  }, g = (p) => p.done ? n(p.value) : Promise.resolve(p.value).then(f, h);
+  g((t = t.apply(i, e)).next());
+});
+import { S as ie, b as ne, s as oe, f as M, c as le, e as S, t as O, g as z, a7 as se, a8 as ae, k as H, m as C, q as re, a0 as j, d as F, u as Y, h as q, j as D, L as T, l as v, G as de, n as I, o as m, H as ce, x as W, y as fe, z as ue, Q as R, A as he } from "./CashierPage-CdLRZC8f.js";
+import { s as me, a as ge, b as pe } from "./CashierHeader-DGtwYREo.js";
+function we(i) {
+  le(i, "svelte-e2luo5", '*,*::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)}.Uppercase{text-transform:uppercase}.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 ye = (i) => ({}), U = (i) => ({}), _e = (i) => ({}), A = (i) => ({});
+function G(i) {
+  let e, t, n, a, f, h, g, p, x, b, k, u, d = (
+    /*modaltype*/
+    (i[3] == "error" || /*modaltype*/
+    i[3] == "bonusDescription") && P()
+  );
+  const w = (
+    /*#slots*/
+    i[14].title
+  ), y = F(
+    w,
+    i,
+    /*$$scope*/
+    i[13],
+    A
+  );
+  let r = (
+    /*modaltype*/
+    i[3] != "2fa-old" && Q(i)
+  ), l = (
+    /*isloading*/
+    i[4] === "true" && Z()
+  );
+  const L = (
+    /*#slots*/
+    i[14].content
+  ), c = F(
+    L,
+    i,
+    /*$$scope*/
+    i[13],
+    U
+  );
+  return {
+    c() {
+      e = C("div"), t = C("div"), n = C("div"), a = C("div"), d && d.c(), f = I(), h = C("div"), y && y.c(), g = I(), r && r.c(), p = I(), l && l.c(), x = I(), b = C("div"), c && c.c(), m(h, "class", "TitleText"), m(a, "class", "ModalTitle"), m(n, "class", "ModalHeader"), m(b, "class", "ModalContentWrapper"), T(
+        b,
+        "hidden",
+        /*isloading*/
+        i[4] === "true"
+      ), m(t, "class", "ModalContainer"), T(
+        t,
+        "video-mode",
+        /*modaltype*/
+        i[3] === "video"
+      ), T(
+        t,
+        "twofa-mode",
+        /*modaltype*/
+        i[3] === "2fa"
+      ), m(e, "id", "Modal"), ce(() => (
+        /*div5_elementresize_handler*/
+        i[18].call(e)
+      ));
+    },
+    m(s, _) {
+      H(s, e, _), v(e, t), v(t, n), v(n, a), d && d.m(a, null), v(a, f), v(a, h), y && y.m(h, null), v(n, g), r && r.m(n, null), v(t, p), l && l.m(t, null), v(t, x), v(t, b), c && c.m(b, null), i[15](b), i[16](t), i[17](e), k = de(
+        e,
+        /*div5_elementresize_handler*/
+        i[18].bind(e)
+      ), u = !0;
+    },
+    p(s, _) {
+      /*modaltype*/
+      s[3] == "error" || /*modaltype*/
+      s[3] == "bonusDescription" ? d || (d = P(), d.c(), d.m(a, f)) : d && (d.d(1), d = null), y && y.p && (!u || _ & /*$$scope*/
+      8192) && Y(
+        y,
+        w,
+        s,
+        /*$$scope*/
+        s[13],
+        u ? D(
+          w,
+          /*$$scope*/
+          s[13],
+          _,
+          _e
+        ) : q(
+          /*$$scope*/
+          s[13]
+        ),
+        A
+      ), /*modaltype*/
+      s[3] != "2fa-old" ? r ? r.p(s, _) : (r = Q(s), r.c(), r.m(n, null)) : r && (r.d(1), r = null), /*isloading*/
+      s[4] === "true" ? l || (l = Z(), l.c(), l.m(t, x)) : l && (l.d(1), l = null), c && c.p && (!u || _ & /*$$scope*/
+      8192) && Y(
+        c,
+        L,
+        s,
+        /*$$scope*/
+        s[13],
+        u ? D(
+          L,
+          /*$$scope*/
+          s[13],
+          _,
+          ye
+        ) : q(
+          /*$$scope*/
+          s[13]
+        ),
+        U
+      ), (!u || _ & /*isloading*/
+      16) && T(
+        b,
+        "hidden",
+        /*isloading*/
+        s[4] === "true"
+      ), (!u || _ & /*modaltype*/
+      8) && T(
+        t,
+        "video-mode",
+        /*modaltype*/
+        s[3] === "video"
+      ), (!u || _ & /*modaltype*/
+      8) && T(
+        t,
+        "twofa-mode",
+        /*modaltype*/
+        s[3] === "2fa"
+      );
+    },
+    i(s) {
+      u || (z(y, s), z(c, s), u = !0);
+    },
+    o(s) {
+      O(y, s), O(c, s), u = !1;
+    },
+    d(s) {
+      s && S(e), d && d.d(), y && y.d(s), r && r.d(), l && l.d(), c && c.d(s), i[15](null), i[16](null), i[17](null), k();
+    }
+  };
+}
+function P(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, n) {
+      H(t, e, n);
+    },
+    d(t) {
+      t && S(e);
+    }
+  };
+}
+function Q(i) {
+  let e, t, n, a, f;
+  return {
+    c() {
+      e = C("div"), t = R("svg"), n = R("path"), m(n, "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(t, "xmlns", "http://www.w3.org/2000/svg"), m(t, "viewBox", "0 0 13 13"), m(t, "fill", "none"), m(t, "class", "CloseButton"), m(e, "class", "ModalCloseIcon");
+    },
+    m(h, g) {
+      H(h, e, g), v(e, t), v(t, n), a || (f = ue(
+        t,
+        "click",
+        /*closeModal*/
+        i[9]
+      ), a = !0);
+    },
+    p: fe,
+    d(h) {
+      h && S(e), a = !1, f();
+    }
+  };
+}
+function Z(i) {
+  let e;
+  return {
+    c() {
+      e = C("div"), e.innerHTML = '<div class="ModalLoader"></div>', m(e, "class", "ModalLoadingOverlay");
+    },
+    m(t, n) {
+      H(t, e, n);
+    },
+    d(t) {
+      t && S(e);
+    }
+  };
+}
+function be(i) {
+  let e, t, n = (
+    /*show*/
+    i[2] === "true" && G(i)
+  );
+  return {
+    c() {
+      e = C("div"), n && n.c();
+    },
+    m(a, f) {
+      H(a, e, f), n && n.m(e, null), i[19](e), t = !0;
+    },
+    p(a, [f]) {
+      /*show*/
+      a[2] === "true" ? n ? (n.p(a, f), f & /*show*/
+      4 && z(n, 1)) : (n = G(a), n.c(), z(n, 1), n.m(e, null)) : n && (se(), O(n, 1, 1, () => {
+        n = null;
+      }), ae());
+    },
+    i(a) {
+      t || (z(n), t = !0);
+    },
+    o(a) {
+      O(n), t = !1;
+    },
+    d(a) {
+      a && S(e), n && n.d(), i[19](null);
+    }
+  };
+}
+function ve(i, e, t) {
+  let { $$slots: n = {}, $$scope: a } = e, { mbsource: f } = e, { clientstyling: h } = e, { clientstylingurl: g } = e, { show: p } = e, { modaltype: x = "" } = e, { isloading: b = "false" } = e, { width: k } = e, { height: u } = e, d, w, y, r, l, L = !1, c, s;
+  const _ = () => {
+    c && clearTimeout(c), d && (d.classList.add("closing"), window.dispatchEvent(new CustomEvent("manualClosePopup")), c = setTimeout(
+      () => {
+        window.dispatchEvent(new CustomEvent("modal-update", { detail: { type: "closed", data: {} } }));
+      },
+      200
+    ));
+  }, E = () => B(this, null, function* () {
+    if (!l || !r || L)
+      return;
+    s && clearTimeout(c), L = !0;
+    const o = l.offsetWidth, $ = l.offsetHeight;
+    t(8, l.style.width = `${o}px`, l), t(8, l.style.height = `${$}px`, l), l.offsetHeight, yield j();
+    const ee = r.scrollHeight, te = r.scrollWidth;
+    t(8, l.style.width = `${te}px`, l), t(8, l.style.height = `${ee}px`, l), s = setTimeout(
+      () => {
+        l && (t(8, l.style.width = "auto", l), t(8, l.style.height = "auto", l)), L = !1;
+      },
+      300
+    );
+  });
+  re(() => {
+    if (j().then(() => {
+      E();
+    }), r) {
+      const o = new ResizeObserver(() => {
+        E();
+      });
+      return o.observe(r), () => {
+        o.disconnect();
+      };
+    }
+    return () => {
+      c && clearTimeout(c), s && clearTimeout(c);
+    };
+  });
+  function J(o) {
+    W[o ? "unshift" : "push"](() => {
+      r = o, t(7, r);
+    });
+  }
+  function K(o) {
+    W[o ? "unshift" : "push"](() => {
+      l = o, t(8, l);
+    });
+  }
+  function N(o) {
+    W[o ? "unshift" : "push"](() => {
+      d = o, t(6, d);
+    });
+  }
+  function V() {
+    k = this.clientWidth, u = this.clientHeight, t(0, k), t(1, u);
+  }
+  function X(o) {
+    W[o ? "unshift" : "push"](() => {
+      w = o, t(5, w);
+    });
+  }
+  return i.$$set = (o) => {
+    "mbsource" in o && t(10, f = o.mbsource), "clientstyling" in o && t(11, h = o.clientstyling), "clientstylingurl" in o && t(12, g = o.clientstylingurl), "show" in o && t(2, p = o.show), "modaltype" in o && t(3, x = o.modaltype), "isloading" in o && t(4, b = o.isloading), "width" in o && t(0, k = o.width), "height" in o && t(1, u = o.height), "$$scope" in o && t(13, a = o.$$scope);
+  }, i.$$.update = () => {
+    i.$$.dirty & /*isloading*/
+    16 && b && j().then(() => {
+      E();
+    }), i.$$.dirty & /*clientstyling, customStylingContainer*/
+    2080 && h && w && me(w, h), i.$$.dirty & /*clientstylingurl, customStylingContainer*/
+    4128 && g && w && ge(w, g), i.$$.dirty & /*mbsource, customStylingContainer*/
+    1056 && f && w && pe(w, `${f}.Style`, y);
+  }, [
+    k,
+    u,
+    p,
+    x,
+    b,
+    w,
+    d,
+    r,
+    l,
+    _,
+    f,
+    h,
+    g,
+    a,
+    n,
+    J,
+    K,
+    N,
+    V,
+    X
+  ];
+}
+class xe extends ie {
+  constructor(e) {
+    super(), ne(
+      this,
+      e,
+      ve,
+      be,
+      oe,
+      {
+        mbsource: 10,
+        clientstyling: 11,
+        clientstylingurl: 12,
+        show: 2,
+        modaltype: 3,
+        isloading: 4,
+        width: 0,
+        height: 1
+      },
+      we
+    );
+  }
+  get mbsource() {
+    return this.$$.ctx[10];
+  }
+  set mbsource(e) {
+    this.$$set({ mbsource: e }), M();
+  }
+  get clientstyling() {
+    return this.$$.ctx[11];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), M();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[12];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), M();
+  }
+  get show() {
+    return this.$$.ctx[2];
+  }
+  set show(e) {
+    this.$$set({ show: e }), M();
+  }
+  get modaltype() {
+    return this.$$.ctx[3];
+  }
+  set modaltype(e) {
+    this.$$set({ modaltype: e }), M();
+  }
+  get isloading() {
+    return this.$$.ctx[4];
+  }
+  set isloading(e) {
+    this.$$set({ isloading: e }), M();
+  }
+  get width() {
+    return this.$$.ctx[0];
+  }
+  set width(e) {
+    this.$$set({ width: e }), M();
+  }
+  get height() {
+    return this.$$.ctx[1];
+  }
+  set height(e) {
+    this.$$set({ height: e }), M();
+  }
+}
+he(xe, { mbsource: {}, clientstyling: {}, clientstylingurl: {}, show: {}, modaltype: {}, isloading: {}, width: {}, height: {} }, ["title", "content"], [], !0);
+export {
+  xe as default
+};