@everymatrix/cashier-page 1.50.112 → 1.50.114

package/components/CashierCarousel-B5OOfRI9.js

@@ -0,0 +1,711 @@
+import { a as Te, i as Fe, $ as Ne, S as Se, b as We, s as Ve, f as P, c as Pe, y as se, e as I, v as A, k as E, l as c, m as g, w as R, n as S, o as p, p as ze, q as Ae, x as de, C as le, D as ne, E as ye, F as Re, G as Ie, z as U, H as Ee, I as oe, J as be, K as Xe, A as je, B as xe } from "./CashierPage-CYTlI9ls.js";
+import { s as He, a as Ze, b as Ue } from "./CashierHeader-DgHarxmz.js";
+function ve(e, t) {
+  Te(e, t);
+}
+function Be(e) {
+  Fe({
+    fallbackLocale: "en"
+  }), Ne.set(e);
+}
+const we = {
+  en: {
+    generalMin: "Min",
+    generalMax: "Max",
+    error: "Error",
+    noFavoritePaymentMethods: "No favorite payment methods available",
+    DepositRealTime: "Instant deposit",
+    WithdrawRealTime: "Instant withdrawal",
+    DepositVariable: "Variable",
+    WithdrawVariable: "Variable",
+    carouselTitle: "Favorite Methods",
+    carouselSubtitle: "The most popular payment methods"
+  },
+  tr: {
+    generalMin: "Min",
+    generalMax: "Maks",
+    error: "Hata",
+    noFavoritePaymentMethods: "Favori ödeme yöntemi mevcut değil",
+    DepositRealTime: "Anında para yatırma",
+    WithdrawRealTime: "Anında para çekme",
+    DepositVariable: "Değişken",
+    WithdrawVariable: "Değişken",
+    carouselTitle: "Favori Yöntemler",
+    carouselSubtitle: "En popüler ödeme yöntemleri"
+  },
+  fr: {
+    generalMin: "Min",
+    generalMax: "Max",
+    error: "Erreur",
+    noFavoritePaymentMethods: "Aucun moyen de paiement favori disponible",
+    DepositRealTime: "Dépôt instantané",
+    WithdrawRealTime: "Retrait instantané",
+    DepositVariable: "Variable",
+    WithdrawVariable: "Variable",
+    carouselTitle: "Méthodes favorites",
+    carouselSubtitle: "Les moyens de paiement les plus populaires"
+  },
+  da: {
+    generalMin: "Min",
+    generalMax: "Maks",
+    error: "Fejl",
+    noFavoritePaymentMethods: "Ingen foretrukne betalingsmetoder tilgængelige",
+    DepositRealTime: "Øjeblikkelig indbetaling",
+    WithdrawRealTime: "Øjeblikkelig udbetaling",
+    DepositVariable: "Variabel",
+    WithdrawVariable: "Variabel",
+    carouselTitle: "Foretrukne metoder",
+    carouselSubtitle: "De mest populære betalingsmetoder"
+  },
+  de: {
+    generalMin: "Min",
+    generalMax: "Max",
+    error: "Fehler",
+    noFavoritePaymentMethods: "Keine bevorzugten Zahlungsmethoden verfügbar",
+    DepositRealTime: "Sofortige Einzahlung",
+    WithdrawRealTime: "Sofortige Auszahlung",
+    DepositVariable: "Variabel",
+    WithdrawVariable: "Variabel",
+    carouselTitle: "Bevorzugte Methoden",
+    carouselSubtitle: "Die beliebtesten Zahlungsmethoden"
+  },
+  nl: {
+    generalMin: "Min",
+    generalMax: "Max",
+    error: "Fout",
+    noFavoritePaymentMethods: "Geen favoriete betaalmethoden beschikbaar",
+    DepositRealTime: "Directe storting",
+    WithdrawRealTime: "Directe opname",
+    DepositVariable: "Variabel",
+    WithdrawVariable: "Variabel",
+    carouselTitle: "Favoriete methoden",
+    carouselSubtitle: "De meest populaire betaalmethoden"
+  }
+};
+function qe(e) {
+  Pe(e, "svelte-1tnzy1r", '*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box;font-family:inherit}.CashierCarouselWarpper{background-color:var(--emw--color-cashier-bg, var(--emw--color-background, #23281f));color:var(--emw--color-typography, var(--emw--color-white, #ffffff));height:auto;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;position:relative;overflow:hidden}.NavigationArrow{height:220px;z-index:20;display:flex;transition:all 0.3s ease;position:absolute}.NavigationArrow:hover{cursor:pointer}.NavigationArrow:hover svg{opacity:1;transform:scale(1.1);filter:drop-shadow(0 0 0.75rem var(--emw--color-black))}.NavigationArrow svg{opacity:0.6;width:32px;height:32px;align-self:center;fill:var(--emw--color-white);transition:all 0.3s ease}.NavigationArrow.Left{left:0;background:linear-gradient(to right, var(--emw--color-cashier-bg, var(--emw--color-background, #23281f)) 35%, transparent 100%)}.NavigationArrow.Right{right:0;background:linear-gradient(to left, var(--emw--color-cashier-bg, var(--emw--color-background, #23281f)) 35%, transparent 100%)}.CarouselHeader{margin-bottom:20px;text-align:center}.CarouselHeader h4{font-size:12px;text-transform:uppercase;margin:10px 0}.CarouselHeader p{color:var(--emw--color-typography, var(--emw--color-white, #ffffff));opacity:0.55;font-size:12px}.NoFavoritePaymentMethods{color:var(--emw--color-typography, var(--emw--color-white, #ffffff));font-size:12px}.CarouselCardsContainer{display:flex;justify-content:space-between;align-items:center;overflow:hidden;position:relative;max-width:100%;width:inherit}.Carousel{display:flex;gap:var(--emw-cashier-card-gap, 10px);height:220px;position:relative;align-items:center;transition:transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.Carousel.dragging{transition:none}.VisualDotIndicator{display:flex;gap:5px;margin-top:16px}.VisualDotIndicator .Dot{border-radius:10px;background-color:var(--emw--color-primary, #f9c405);height:10px;width:10px;opacity:0.5;transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);transform:scale(1)}.VisualDotIndicator .Dot.active{opacity:1;width:30px;transform:scale(1);animation:dotPulse 0.6s ease-out}@keyframes dotPulse{0%{transform:scale(0.8);opacity:0.5}50%{transform:scale(1.15)}100%{transform:scale(1);opacity:1}}.CarouselCardWrapper{border-radius:16px;box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2);position:relative;display:flex;flex-direction:column;justify-content:space-between;z-index:1;padding:5px;height:115px;width:var(--emw-cashier-card-width, 78px);transition:all 0.3s ease;cursor:pointer;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.CarouselCardWrapper.active{height:132px;width:var(--emw-cashier-card-width-active, 100px)}.CarouselCardWrapper.active::before{background:linear-gradient(140deg, var(--emw--color-primary, #f9c405) 5%, var(--emw--color-cashier-bg, var(--emw--color-background, #23281f)) 40%, var(--emw--color-black, #000000) 60%);opacity:0.3}.CarouselCardWrapper::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:16px;background:linear-gradient(140deg, var(--emw--color-white, #f5f5f5) 5%, var(--emw--color-cashier-bg, var(--emw--color-background, #23281f)) 40%, var(--emw--color-black, #000000) 60%);opacity:0.2}.CarouselCardWrapper .MethodLogo img{height:20px;width:auto}.CarouselCardWrapper .MethodInfo{display:flex;flex-direction:column;gap:10px;word-break:break-word}.CarouselCardWrapper .MethodInfo .MethodTitle{font-size:var(--emw--font-size-small, 10px);font-weight:800}.CarouselCardWrapper .MethodInfo .MethodProcessingTime{color:var(--emw--color-primary, #f9c405);font-style:italic;font-size:var(--emw--font-size-x-small, 8px)}.CarouselCardWrapper .MethodInfo .MethodLimits{gap:var(--emw--spacing-small-minus, 10px);text-align:left}.CarouselCardWrapper .MethodInfo .Limits{display:flex;flex-direction:column;max-width:100%;font-size:var(--emw--font-size-x-small, 8px);font-weight:var(--emw--font-weight-normal, 300)}');
+}
+function Ce(e, t, a) {
+  const l = e.slice();
+  return l[42] = t[a], l[44] = a, l;
+}
+function _e(e, t, a) {
+  const l = e.slice();
+  return l[45] = t[a], l[44] = a, l;
+}
+function Oe(e) {
+  let t, a = (
+    /*$_*/
+    e[9]("noFavoritePaymentMethods") + ""
+  ), l;
+  return {
+    c() {
+      t = g("p"), l = R(a), p(t, "class", "NoFavoritePaymentMethods");
+    },
+    m(o, h) {
+      E(o, t, h), c(t, l);
+    },
+    p(o, h) {
+      h[0] & /*$_*/
+      512 && a !== (a = /*$_*/
+      o[9]("noFavoritePaymentMethods") + "") && A(l, a);
+    },
+    d(o) {
+      o && I(t);
+    }
+  };
+}
+function Ge(e) {
+  let t, a = !le(
+    /*userAgent*/
+    e[10]
+  ) && /*promotedPaymentMethods*/
+  e[5].length > 1, l, o, h, T = !le(
+    /*userAgent*/
+    e[10]
+  ) && /*promotedPaymentMethods*/
+  e[5].length > 1, _, D, v, L, F, f = a && Me(e), y = ne(
+    /*promotedPaymentMethods*/
+    e[5]
+  ), u = [];
+  for (let i = 0; i < y.length; i += 1)
+    u[i] = ke(_e(e, y, i));
+  let d = T && De(e), m = ne(Array(
+    /*promotedPaymentMethods*/
+    e[5].length
+  )), w = [];
+  for (let i = 0; i < m.length; i += 1)
+    w[i] = Le(Ce(e, m, i));
+  return {
+    c() {
+      t = g("div"), f && f.c(), l = S(), o = g("div");
+      for (let i = 0; i < u.length; i += 1)
+        u[i].c();
+      h = S(), d && d.c(), D = S(), v = g("div");
+      for (let i = 0; i < w.length; i += 1)
+        w[i].c();
+      p(o, "class", "Carousel"), p(t, "class", "CarouselCardsContainer"), Ee(() => (
+        /*div1_elementresize_handler*/
+        e[30].call(t)
+      )), p(v, "class", "VisualDotIndicator");
+    },
+    m(i, s) {
+      E(i, t, s), f && f.m(t, null), c(t, l), c(t, o);
+      for (let n = 0; n < u.length; n += 1)
+        u[n] && u[n].m(o, null);
+      e[28](o), c(t, h), d && d.m(t, null), _ = Ie(
+        t,
+        /*div1_elementresize_handler*/
+        e[30].bind(t)
+      ), E(i, D, s), E(i, v, s);
+      for (let n = 0; n < w.length; n += 1)
+        w[n] && w[n].m(v, null);
+      L || (F = [
+        U(
+          o,
+          "touchstart",
+          /*handleTouchStart*/
+          e[12]
+        ),
+        U(
+          o,
+          "touchmove",
+          /*handleTouchMove*/
+          e[13]
+        ),
+        U(
+          o,
+          "touchend",
+          /*handleTouchEnd*/
+          e[14]
+        )
+      ], L = !0);
+    },
+    p(i, s) {
+      if (s[0] & /*promotedPaymentMethods*/
+      32 && (a = !le(
+        /*userAgent*/
+        i[10]
+      ) && /*promotedPaymentMethods*/
+      i[5].length > 1), a ? f ? f.p(i, s) : (f = Me(i), f.c(), f.m(t, l)) : f && (f.d(1), f = null), s[0] & /*activeIndex, cardEl, selectPayMeth, promotedPaymentMethods, precisionCurrenciesMap, numericCurrencyDecimals, $_, methodtype*/
+      3057) {
+        y = ne(
+          /*promotedPaymentMethods*/
+          i[5]
+        );
+        let n;
+        for (n = 0; n < y.length; n += 1) {
+          const N = _e(i, y, n);
+          u[n] ? u[n].p(N, s) : (u[n] = ke(N), u[n].c(), u[n].m(o, null));
+        }
+        for (; n < u.length; n += 1)
+          u[n].d(1);
+        u.length = y.length;
+      }
+      if (s[0] & /*promotedPaymentMethods*/
+      32 && (T = !le(
+        /*userAgent*/
+        i[10]
+      ) && /*promotedPaymentMethods*/
+      i[5].length > 1), T ? d ? d.p(i, s) : (d = De(i), d.c(), d.m(t, null)) : d && (d.d(1), d = null), s[0] & /*activeIndex, promotedPaymentMethods*/
+      96) {
+        m = ne(Array(
+          /*promotedPaymentMethods*/
+          i[5].length
+        ));
+        let n;
+        for (n = 0; n < m.length; n += 1) {
+          const N = Ce(i, m, n);
+          w[n] ? w[n].p(N, s) : (w[n] = Le(N), w[n].c(), w[n].m(v, null));
+        }
+        for (; n < w.length; n += 1)
+          w[n].d(1);
+        w.length = m.length;
+      }
+    },
+    d(i) {
+      i && (I(t), I(D), I(v)), f && f.d(), ye(u, i), e[28](null), d && d.d(), _(), ye(w, i), L = !1, Re(F);
+    }
+  };
+}
+function Me(e) {
+  let t, a, l;
+  return {
+    c() {
+      t = g("div"), t.innerHTML = '<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.9997 5.33335C21.8907 5.33335 26.6663 10.109 26.6663 16C26.6663 21.8911 21.8907 26.6667 15.9997 26.6667C10.1086 26.6667 5.33301 21.8911 5.33301 16C5.33301 10.109 10.1086 5.33335 15.9997 5.33335ZM29.333 16C29.333 8.63622 23.3635 2.66669 15.9997 2.66669C8.63588 2.66669 2.66634 8.63622 2.66634 16C2.66634 23.3638 8.63588 29.3334 15.9997 29.3334C23.3635 29.3334 29.333 23.3638 29.333 16ZM18.2758 11.0572C17.7551 10.5365 16.9109 10.5365 16.3902 11.0572L12.3902 15.0572C11.8695 15.5779 11.8695 16.4221 12.3902 16.9428L16.3902 20.9428C16.9109 21.4635 17.7551 21.4635 18.2758 20.9428C18.7965 20.4221 18.7965 19.5779 18.2758 19.0572L15.2186 16L18.2758 12.9428C18.7965 12.4221 18.7965 11.5779 18.2758 11.0572Z"></path></svg>', p(t, "class", "NavigationArrow Left");
+    },
+    m(o, h) {
+      E(o, t, h), a || (l = U(
+        t,
+        "click",
+        /*click_handler*/
+        e[25]
+      ), a = !0);
+    },
+    p: se,
+    d(o) {
+      o && I(t), a = !1, l();
+    }
+  };
+}
+function ke(e) {
+  var Y, Q, $, ee, te, ae, r, b;
+  let t, a, l, o, h, T, _, D, v, L = (
+    /*method*/
+    (e[45].Label || /*method*/
+    e[45].Name) + ""
+  ), F, f, y, u, d = (
+    /*$_*/
+    e[9](`${/*methodtype*/
+    e[0]}${/*method*/
+    e[45].ProcessingTime}`) + ""
+  ), m, w, i, s, n, N = (
+    /*$_*/
+    e[9]("generalMin") + ""
+  ), X, C, W = oe(
+    /*method*/
+    e[45].DisplayCurrency.MinAmountLimit,
+    /*method*/
+    e[45].DisplayCurrency.Name,
+    {
+      maximumFractionDigits: (
+        /*precisionCurrenciesMap*/
+        e[4][
+          /*method*/
+          (Q = (Y = e[45]) == null ? void 0 : Y.DisplayCurrency) == null ? void 0 : Q.Name
+        ] || /*numericCurrencyDecimals*/
+        e[8]
+      ),
+      minimumFractionDigits: (
+        /*precisionCurrenciesMap*/
+        e[4][
+          /*method*/
+          (ee = ($ = e[45]) == null ? void 0 : $.DisplayCurrency) == null ? void 0 : ee.Name
+        ] || /*numericCurrencyDecimals*/
+        e[8]
+      )
+    }
+  ) + "", z, K, j, x = (
+    /*$_*/
+    e[9]("generalMax") + ""
+  ), B, q, V = oe(
+    /*method*/
+    e[45].DisplayCurrency.MaxAmountLimit,
+    /*method*/
+    e[45].DisplayCurrency.Name,
+    {
+      maximumFractionDigits: (
+        /*precisionCurrenciesMap*/
+        e[4][
+          /*method*/
+          (ae = (te = e[45]) == null ? void 0 : te.DisplayCurrency) == null ? void 0 : ae.Name
+        ] || /*numericCurrencyDecimals*/
+        e[8]
+      ),
+      minimumFractionDigits: (
+        /*precisionCurrenciesMap*/
+        e[4][
+          /*method*/
+          (b = (r = e[45]) == null ? void 0 : r.DisplayCurrency) == null ? void 0 : b.Name
+        ] || /*numericCurrencyDecimals*/
+        e[8]
+      )
+    }
+  ) + "", O, J, H, G, Z;
+  function ce() {
+    return (
+      /*click_handler_1*/
+      e[26](
+        /*method*/
+        e[45],
+        /*index*/
+        e[44]
+      )
+    );
+  }
+  return {
+    c() {
+      t = g("div"), a = g("div"), l = g("img"), T = S(), _ = g("div"), D = g("div"), v = g("span"), F = R(L), f = S(), y = g("div"), u = g("span"), m = R(d), w = S(), i = g("div"), s = g("span"), n = g("span"), X = R(N), C = S(), z = R(W), K = S(), j = g("span"), B = R(x), q = S(), O = R(V), J = S(), be(l.src, o = /*method*/
+      e[45].LogoUrl) || p(l, "src", o), p(l, "alt", h = /*method*/
+      e[45].Label), p(a, "class", "MethodLogo"), p(D, "class", "MethodTitle"), p(y, "class", "MethodProcessingTime"), p(s, "class", "Limits"), p(i, "class", "MethodLimits"), p(_, "class", "MethodInfo"), p(t, "class", H = `CarouselCardWrapper ${/*index*/
+      e[44] === /*activeIndex*/
+      e[6] ? "active" : ""}`);
+    },
+    m(M, k) {
+      E(M, t, k), c(t, a), c(a, l), c(t, T), c(t, _), c(_, D), c(D, v), c(v, F), c(_, f), c(_, y), c(y, u), c(u, m), c(_, w), c(_, i), c(i, s), c(s, n), c(n, X), c(n, C), c(n, z), c(s, K), c(s, j), c(j, B), c(j, q), c(j, O), c(t, J), e[27](t), G || (Z = U(t, "click", ce), G = !0);
+    },
+    p(M, k) {
+      var re, ie, ue, me, he, fe, ge, pe;
+      e = M, k[0] & /*promotedPaymentMethods*/
+      32 && !be(l.src, o = /*method*/
+      e[45].LogoUrl) && p(l, "src", o), k[0] & /*promotedPaymentMethods*/
+      32 && h !== (h = /*method*/
+      e[45].Label) && p(l, "alt", h), k[0] & /*promotedPaymentMethods*/
+      32 && L !== (L = /*method*/
+      (e[45].Label || /*method*/
+      e[45].Name) + "") && A(F, L), k[0] & /*$_, methodtype, promotedPaymentMethods*/
+      545 && d !== (d = /*$_*/
+      e[9](`${/*methodtype*/
+      e[0]}${/*method*/
+      e[45].ProcessingTime}`) + "") && A(m, d), k[0] & /*$_*/
+      512 && N !== (N = /*$_*/
+      e[9]("generalMin") + "") && A(X, N), k[0] & /*promotedPaymentMethods, precisionCurrenciesMap, numericCurrencyDecimals*/
+      304 && W !== (W = oe(
+        /*method*/
+        e[45].DisplayCurrency.MinAmountLimit,
+        /*method*/
+        e[45].DisplayCurrency.Name,
+        {
+          maximumFractionDigits: (
+            /*precisionCurrenciesMap*/
+            e[4][
+              /*method*/
+              (ie = (re = e[45]) == null ? void 0 : re.DisplayCurrency) == null ? void 0 : ie.Name
+            ] || /*numericCurrencyDecimals*/
+            e[8]
+          ),
+          minimumFractionDigits: (
+            /*precisionCurrenciesMap*/
+            e[4][
+              /*method*/
+              (me = (ue = e[45]) == null ? void 0 : ue.DisplayCurrency) == null ? void 0 : me.Name
+            ] || /*numericCurrencyDecimals*/
+            e[8]
+          )
+        }
+      ) + "") && A(z, W), k[0] & /*$_*/
+      512 && x !== (x = /*$_*/
+      e[9]("generalMax") + "") && A(B, x), k[0] & /*promotedPaymentMethods, precisionCurrenciesMap, numericCurrencyDecimals*/
+      304 && V !== (V = oe(
+        /*method*/
+        e[45].DisplayCurrency.MaxAmountLimit,
+        /*method*/
+        e[45].DisplayCurrency.Name,
+        {
+          maximumFractionDigits: (
+            /*precisionCurrenciesMap*/
+            e[4][
+              /*method*/
+              (fe = (he = e[45]) == null ? void 0 : he.DisplayCurrency) == null ? void 0 : fe.Name
+            ] || /*numericCurrencyDecimals*/
+            e[8]
+          ),
+          minimumFractionDigits: (
+            /*precisionCurrenciesMap*/
+            e[4][
+              /*method*/
+              (pe = (ge = e[45]) == null ? void 0 : ge.DisplayCurrency) == null ? void 0 : pe.Name
+            ] || /*numericCurrencyDecimals*/
+            e[8]
+          )
+        }
+      ) + "") && A(O, V), k[0] & /*activeIndex*/
+      64 && H !== (H = `CarouselCardWrapper ${/*index*/
+      e[44] === /*activeIndex*/
+      e[6] ? "active" : ""}`) && p(t, "class", H);
+    },
+    d(M) {
+      M && I(t), e[27](null), G = !1, Z();
+    }
+  };
+}
+function De(e) {
+  let t, a, l;
+  return {
+    c() {
+      t = g("div"), t.innerHTML = '<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.0003 5.33335C10.1093 5.33335 5.33366 10.109 5.33366 16C5.33366 21.8911 10.1093 26.6667 16.0003 26.6667C21.8914 26.6667 26.667 21.8911 26.667 16C26.667 10.109 21.8914 5.33335 16.0003 5.33335ZM2.66699 16C2.66699 8.63622 8.63653 2.66669 16.0003 2.66669C23.3641 2.66669 29.3337 8.63622 29.3337 16C29.3337 23.3638 23.3641 29.3334 16.0003 29.3334C8.63653 29.3334 2.66699 23.3638 2.66699 16ZM13.7242 11.0572C14.2449 10.5365 15.0891 10.5365 15.6098 11.0572L19.6098 15.0572C20.1305 15.5779 20.1305 16.4221 19.6098 16.9428L15.6098 20.9428C15.0891 21.4635 14.2449 21.4635 13.7242 20.9428C13.2035 20.4221 13.2035 19.5779 13.7242 19.0572L16.7814 16L13.7242 12.9428C13.2035 12.4221 13.2035 11.5779 13.7242 11.0572Z"></path></svg>', p(t, "class", "NavigationArrow Right");
+    },
+    m(o, h) {
+      E(o, t, h), a || (l = U(
+        t,
+        "click",
+        /*click_handler_2*/
+        e[29]
+      ), a = !0);
+    },
+    p: se,
+    d(o) {
+      o && I(t), a = !1, l();
+    }
+  };
+}
+function Le(e) {
+  let t, a;
+  return {
+    c() {
+      t = g("div"), p(t, "class", a = `Dot ${/*index*/
+      e[44] === /*activeIndex*/
+      e[6] ? "active" : ""}`);
+    },
+    m(l, o) {
+      E(l, t, o);
+    },
+    p(l, o) {
+      o[0] & /*activeIndex*/
+      64 && a !== (a = `Dot ${/*index*/
+      l[44] === /*activeIndex*/
+      l[6] ? "active" : ""}`) && p(t, "class", a);
+    },
+    d(l) {
+      l && I(t);
+    }
+  };
+}
+function Ke(e) {
+  let t, a, l, o, h = (
+    /*$_*/
+    e[9]("carouselTitle") + ""
+  ), T, _, D, v = (
+    /*$_*/
+    e[9]("carouselSubtitle") + ""
+  ), L, F;
+  function f(d, m) {
+    return (
+      /*promotedPaymentMethods*/
+      d[5].length > 0 ? Ge : Oe
+    );
+  }
+  let y = f(e), u = y(e);
+  return {
+    c() {
+      t = g("div"), a = g("div"), l = g("div"), o = g("h4"), T = R(h), _ = S(), D = g("p"), L = R(v), F = S(), u.c(), p(l, "class", "CarouselHeader"), p(a, "class", "CashierCarouselWarpper");
+    },
+    m(d, m) {
+      E(d, t, m), c(t, a), c(a, l), c(l, o), c(o, T), c(l, _), c(l, D), c(D, L), c(a, F), u.m(a, null), e[31](t);
+    },
+    p(d, m) {
+      m[0] & /*$_*/
+      512 && h !== (h = /*$_*/
+      d[9]("carouselTitle") + "") && A(T, h), m[0] & /*$_*/
+      512 && v !== (v = /*$_*/
+      d[9]("carouselSubtitle") + "") && A(L, v), y === (y = f(d)) && u ? u.p(d, m) : (u.d(1), u = y(d), u && (u.c(), u.m(a, null)));
+    },
+    i: se,
+    o: se,
+    d(d) {
+      d && I(t), u.d(), e[31](null);
+    }
+  };
+}
+function Je(e, t, a) {
+  let l, o;
+  ze(e, xe, (r) => a(9, o = r));
+  let { lang: h = "en" } = t, { local: T = "en-US" } = t, { currencysymbol: _ = "true" } = t, { currencyposition: D = "" } = t, { currencydecimals: v = "0" } = t, { methodtype: L = "" } = t, { clientstyling: F = "" } = t, { clientstylingurl: f = "" } = t, { mbsource: y = "" } = t, { translationurl: u = "" } = t, d = {}, m, w, i = [], s = 0, n = !0, N = 0, X = !1, C, W, z, K = window.navigator.userAgent;
+  const j = (r) => {
+    var M, k;
+    const { data: { type: b } = {} } = r || {};
+    switch (b) {
+      case "PromotedPaymentMethods": {
+        a(5, i = (M = r == null ? void 0 : r.data) == null ? void 0 : M.promotedPaymentMethods), a(6, s = Math.floor((i.length - 1) / 2));
+        break;
+      }
+      case "PrecisionCurrenciesMap": {
+        a(4, d = ((k = r == null ? void 0 : r.data) == null ? void 0 : k.payload) || {});
+        break;
+      }
+    }
+  };
+  Object.keys(we).forEach((r) => {
+    ve(r, we[r]);
+  });
+  const x = () => {
+    let r = u;
+    if (r)
+      return fetch(r).then((b) => b.json()).then((b) => {
+        Object.keys(b).forEach((M) => {
+          ve(M, b[M]);
+        });
+      }).catch((b) => {
+        console.log(b);
+      });
+  }, B = () => {
+    Be(h);
+  }, q = (r, b) => {
+    a(6, s = b), a(2, C.style.transform = V(), C), r.Name, window.postMessage({ type: "SelectPayMeth", details: r }, window.location.href), dispatchEvent(new CustomEvent(
+      "selectPayMeth",
+      {
+        detail: r,
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      }
+    ));
+  }, V = () => {
+    const r = parseFloat(getComputedStyle(z).getPropertyValue("--emw-cashier-card-width")) || 78, b = parseFloat(getComputedStyle(C).getPropertyValue("--emw-cashier-card-gap")) || 10, M = parseFloat(getComputedStyle(z).getPropertyValue("--emw-cashier-card-width-active")) || 100, k = r + b, re = W / 2, ie = s * k + M / 2;
+    return `translateX(${re - ie}px)`;
+  }, O = (r) => {
+    N = r.touches[0].clientX, X = !0, C.classList.add("dragging");
+  }, J = (r) => {
+    if (!X)
+      return;
+    const b = r.touches[0].clientX;
+    Math.abs(b - N) > 10 && r.preventDefault();
+  }, H = (r) => {
+    if (!X)
+      return;
+    X = !1, C.classList.remove("dragging");
+    const b = r.changedTouches[0].clientX, M = N - b;
+    Math.abs(M) > 50 && (M > 0 && s < i.length - 1 ? a(6, s++, s) : M < 0 && s > 0 && a(6, s--, s), a(2, C.style.transform = V(), C));
+  }, G = () => {
+    n && (a(2, C.style.transform = V(), C), n = !1);
+  }, Z = (r) => {
+    r === "next" && s < i.length - 1 ? a(6, s++, s) : r === "prev" && s > 0 && a(6, s--, s), a(2, C.style.transform = V(), C);
+  };
+  Ae(() => (Xe(T, _, D, v), window.addEventListener("message", j), window.postMessage({ type: "CashierCarouselReady" }, window.location.href), C && V(), () => {
+    window.removeEventListener("message", j);
+  }));
+  const ce = () => Z("prev"), Y = (r, b) => q(r, b);
+  function Q(r) {
+    de[r ? "unshift" : "push"](() => {
+      z = r, a(7, z);
+    });
+  }
+  function $(r) {
+    de[r ? "unshift" : "push"](() => {
+      C = r, a(2, C);
+    });
+  }
+  const ee = () => Z("next");
+  function te() {
+    W = this.clientWidth, a(3, W);
+  }
+  function ae(r) {
+    de[r ? "unshift" : "push"](() => {
+      m = r, a(1, m);
+    });
+  }
+  return e.$$set = (r) => {
+    "lang" in r && a(16, h = r.lang), "local" in r && a(17, T = r.local), "currencysymbol" in r && a(18, _ = r.currencysymbol), "currencyposition" in r && a(19, D = r.currencyposition), "currencydecimals" in r && a(20, v = r.currencydecimals), "methodtype" in r && a(0, L = r.methodtype), "clientstyling" in r && a(21, F = r.clientstyling), "clientstylingurl" in r && a(22, f = r.clientstylingurl), "mbsource" in r && a(23, y = r.mbsource), "translationurl" in r && a(24, u = r.translationurl);
+  }, e.$$.update = () => {
+    e.$$.dirty[0] & /*lang*/
+    65536 && h && B(), e.$$.dirty[0] & /*lang, translationurl*/
+    16842752 && h && u && x(), e.$$.dirty[0] & /*carouselContainer, carouselContainerWidth*/
+    12 && C && W && G(), e.$$.dirty[0] & /*clientstyling, customStylingContainer*/
+    2097154 && F && m && He(m, F), e.$$.dirty[0] & /*clientstylingurl, customStylingContainer*/
+    4194306 && f && m && Ze(m, f), e.$$.dirty[0] & /*mbsource, customStylingContainer*/
+    8388610 && y && m && Ue(m, `${y}.Style`, w), e.$$.dirty[0] & /*currencydecimals*/
+    1048576 && a(8, l = Number(v));
+  }, [
+    L,
+    m,
+    C,
+    W,
+    d,
+    i,
+    s,
+    z,
+    l,
+    o,
+    K,
+    q,
+    O,
+    J,
+    H,
+    Z,
+    h,
+    T,
+    _,
+    D,
+    v,
+    F,
+    f,
+    y,
+    u,
+    ce,
+    Y,
+    Q,
+    $,
+    ee,
+    te,
+    ae
+  ];
+}
+class Ye extends Se {
+  constructor(t) {
+    super(), We(
+      this,
+      t,
+      Je,
+      Ke,
+      Ve,
+      {
+        lang: 16,
+        local: 17,
+        currencysymbol: 18,
+        currencyposition: 19,
+        currencydecimals: 20,
+        methodtype: 0,
+        clientstyling: 21,
+        clientstylingurl: 22,
+        mbsource: 23,
+        translationurl: 24
+      },
+      qe,
+      [-1, -1]
+    );
+  }
+  get lang() {
+    return this.$$.ctx[16];
+  }
+  set lang(t) {
+    this.$$set({ lang: t }), P();
+  }
+  get local() {
+    return this.$$.ctx[17];
+  }
+  set local(t) {
+    this.$$set({ local: t }), P();
+  }
+  get currencysymbol() {
+    return this.$$.ctx[18];
+  }
+  set currencysymbol(t) {
+    this.$$set({ currencysymbol: t }), P();
+  }
+  get currencyposition() {
+    return this.$$.ctx[19];
+  }
+  set currencyposition(t) {
+    this.$$set({ currencyposition: t }), P();
+  }
+  get currencydecimals() {
+    return this.$$.ctx[20];
+  }
+  set currencydecimals(t) {
+    this.$$set({ currencydecimals: t }), P();
+  }
+  get methodtype() {
+    return this.$$.ctx[0];
+  }
+  set methodtype(t) {
+    this.$$set({ methodtype: t }), P();
+  }
+  get clientstyling() {
+    return this.$$.ctx[21];
+  }
+  set clientstyling(t) {
+    this.$$set({ clientstyling: t }), P();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[22];
+  }
+  set clientstylingurl(t) {
+    this.$$set({ clientstylingurl: t }), P();
+  }
+  get mbsource() {
+    return this.$$.ctx[23];
+  }
+  set mbsource(t) {
+    this.$$set({ mbsource: t }), P();
+  }
+  get translationurl() {
+    return this.$$.ctx[24];
+  }
+  set translationurl(t) {
+    this.$$set({ translationurl: t }), P();
+  }
+}
+je(Ye, { lang: {}, local: {}, currencysymbol: {}, currencyposition: {}, currencydecimals: {}, methodtype: {}, clientstyling: {}, clientstylingurl: {}, mbsource: {}, translationurl: {} }, [], [], !0);
+export {
+  Ye as default
+};