@everymatrix/cashier-page 1.50.1 → 1.50.111

package/components/CashierCarousel-7AwJ9N9v.js

@@ -0,0 +1,708 @@
+import { a as Ce, i as _e, $ as Me, S as ke, b as De, s as Le, f as V, d as Te, z as te, g as I, w as A, l as E, m as c, n as g, x as R, o as N, p, q as Fe, r as Ne, y as re, C as Q, D as $, E as le, F as Se, G as We, A as B, H as Ve, I as ee, J as ne, K as Pe, c as ze, B as Ae } from "./CashierPage-BjvnMi5F.js";
+import { s as Re, a as Ie, b as Ee } from "./CashierHeader-DAOucGG5.js";
+function oe(e, t) {
+  Ce(e, t);
+}
+function Xe(e) {
+  _e({
+    fallbackLocale: "en"
+  }), Me.set(e);
+}
+const se = {
+  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 je(e) {
+  Te(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 ue(e, t, a) {
+  const l = e.slice();
+  return l[45] = t[a], l[44] = a, l;
+}
+function xe(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 He(e) {
+  let t, a = !Q(
+    /*userAgent*/
+    e[10]
+  ) && /*promotedPaymentMethods*/
+  e[5].length > 1, l, o, h, D = !Q(
+    /*userAgent*/
+    e[10]
+  ) && /*promotedPaymentMethods*/
+  e[5].length > 1, C, M, b, k, L, f = a && de(e), y = $(
+    /*promotedPaymentMethods*/
+    e[5]
+  ), u = [];
+  for (let i = 0; i < y.length; i += 1)
+    u[i] = me(ue(e, y, i));
+  let d = D && he(e), m = $(Array(
+    /*promotedPaymentMethods*/
+    e[5].length
+  )), v = [];
+  for (let i = 0; i < m.length; i += 1)
+    v[i] = fe(ce(e, m, i));
+  return {
+    c() {
+      t = g("div"), f && f.c(), l = N(), o = g("div");
+      for (let i = 0; i < u.length; i += 1)
+        u[i].c();
+      h = N(), d && d.c(), M = N(), b = g("div");
+      for (let i = 0; i < v.length; i += 1)
+        v[i].c();
+      p(o, "class", "Carousel"), p(t, "class", "CarouselCardsContainer"), Ve(() => (
+        /*div1_elementresize_handler*/
+        e[30].call(t)
+      )), p(b, "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), C = We(
+        t,
+        /*div1_elementresize_handler*/
+        e[30].bind(t)
+      ), E(i, M, s), E(i, b, s);
+      for (let n = 0; n < v.length; n += 1)
+        v[n] && v[n].m(b, null);
+      k || (L = [
+        B(
+          o,
+          "touchstart",
+          /*handleTouchStart*/
+          e[12]
+        ),
+        B(
+          o,
+          "touchmove",
+          /*handleTouchMove*/
+          e[13]
+        ),
+        B(
+          o,
+          "touchend",
+          /*handleTouchEnd*/
+          e[14]
+        )
+      ], k = !0);
+    },
+    p(i, s) {
+      if (s[0] & /*promotedPaymentMethods*/
+      32 && (a = !Q(
+        /*userAgent*/
+        i[10]
+      ) && /*promotedPaymentMethods*/
+      i[5].length > 1), a ? f ? f.p(i, s) : (f = de(i), f.c(), f.m(t, l)) : f && (f.d(1), f = null), s[0] & /*activeIndex, cardEl, selectPayMeth, promotedPaymentMethods, precisionCurrenciesMap, numericCurrencyDecimals, $_, methodtype*/
+      3057) {
+        y = $(
+          /*promotedPaymentMethods*/
+          i[5]
+        );
+        let n;
+        for (n = 0; n < y.length; n += 1) {
+          const T = ue(i, y, n);
+          u[n] ? u[n].p(T, s) : (u[n] = me(T), 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 && (D = !Q(
+        /*userAgent*/
+        i[10]
+      ) && /*promotedPaymentMethods*/
+      i[5].length > 1), D ? d ? d.p(i, s) : (d = he(i), d.c(), d.m(t, null)) : d && (d.d(1), d = null), s[0] & /*activeIndex, promotedPaymentMethods*/
+      96) {
+        m = $(Array(
+          /*promotedPaymentMethods*/
+          i[5].length
+        ));
+        let n;
+        for (n = 0; n < m.length; n += 1) {
+          const T = ce(i, m, n);
+          v[n] ? v[n].p(T, s) : (v[n] = fe(T), v[n].c(), v[n].m(b, null));
+        }
+        for (; n < v.length; n += 1)
+          v[n].d(1);
+        v.length = m.length;
+      }
+    },
+    d(i) {
+      i && (I(t), I(M), I(b)), f && f.d(), le(u, i), e[28](null), d && d.d(), C(), le(v, i), k = !1, Se(L);
+    }
+  };
+}
+function de(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 = B(
+        t,
+        "click",
+        /*click_handler*/
+        e[25]
+      ), a = !0);
+    },
+    p: te,
+    d(o) {
+      o && I(t), a = !1, l();
+    }
+  };
+}
+function me(e) {
+  let t, a, l, o, h, D, C, M, b, k = (
+    /*method*/
+    (e[45].Label || /*method*/
+    e[45].Name) + ""
+  ), L, f, y, u, d = (
+    /*$_*/
+    e[9](`${/*methodtype*/
+    e[0]}${/*method*/
+    e[45].ProcessingTime}`) + ""
+  ), m, v, i, s, n, T = (
+    /*$_*/
+    e[9]("generalMin") + ""
+  ), X, w, S = ee(
+    /*method*/
+    e[45].DisplayCurrency.MinAmountLimit,
+    /*method*/
+    e[45].DisplayCurrency.Name,
+    {
+      maximumFractionDigits: (
+        /*precisionCurrenciesMap*/
+        e[4][
+          /*method*/
+          e[45]?.DisplayCurrency?.Name
+        ] || /*numericCurrencyDecimals*/
+        e[8]
+      ),
+      minimumFractionDigits: (
+        /*precisionCurrenciesMap*/
+        e[4][
+          /*method*/
+          e[45]?.DisplayCurrency?.Name
+        ] || /*numericCurrencyDecimals*/
+        e[8]
+      )
+    }
+  ) + "", P, J, j, H = (
+    /*$_*/
+    e[9]("generalMax") + ""
+  ), q, O, W = ee(
+    /*method*/
+    e[45].DisplayCurrency.MaxAmountLimit,
+    /*method*/
+    e[45].DisplayCurrency.Name,
+    {
+      maximumFractionDigits: (
+        /*precisionCurrenciesMap*/
+        e[4][
+          /*method*/
+          e[45]?.DisplayCurrency?.Name
+        ] || /*numericCurrencyDecimals*/
+        e[8]
+      ),
+      minimumFractionDigits: (
+        /*precisionCurrenciesMap*/
+        e[4][
+          /*method*/
+          e[45]?.DisplayCurrency?.Name
+        ] || /*numericCurrencyDecimals*/
+        e[8]
+      )
+    }
+  ) + "", G, Y, Z, K, U;
+  function ae() {
+    return (
+      /*click_handler_1*/
+      e[26](
+        /*method*/
+        e[45],
+        /*index*/
+        e[44]
+      )
+    );
+  }
+  return {
+    c() {
+      t = g("div"), a = g("div"), l = g("img"), D = N(), C = g("div"), M = g("div"), b = g("span"), L = R(k), f = N(), y = g("div"), u = g("span"), m = R(d), v = N(), i = g("div"), s = g("span"), n = g("span"), X = R(T), w = N(), P = R(S), J = N(), j = g("span"), q = R(H), O = N(), G = R(W), Y = N(), ne(l.src, o = /*method*/
+      e[45].LogoUrl) || p(l, "src", o), p(l, "alt", h = /*method*/
+      e[45].Label), p(a, "class", "MethodLogo"), p(M, "class", "MethodTitle"), p(y, "class", "MethodProcessingTime"), p(s, "class", "Limits"), p(i, "class", "MethodLimits"), p(C, "class", "MethodInfo"), p(t, "class", Z = `CarouselCardWrapper ${/*index*/
+      e[44] === /*activeIndex*/
+      e[6] ? "active" : ""}`);
+    },
+    m(x, F) {
+      E(x, t, F), c(t, a), c(a, l), c(t, D), c(t, C), c(C, M), c(M, b), c(b, L), c(C, f), c(C, y), c(y, u), c(u, m), c(C, v), c(C, i), c(i, s), c(s, n), c(n, X), c(n, w), c(n, P), c(s, J), c(s, j), c(j, q), c(j, O), c(j, G), c(t, Y), e[27](t), K || (U = B(t, "click", ae), K = !0);
+    },
+    p(x, F) {
+      e = x, F[0] & /*promotedPaymentMethods*/
+      32 && !ne(l.src, o = /*method*/
+      e[45].LogoUrl) && p(l, "src", o), F[0] & /*promotedPaymentMethods*/
+      32 && h !== (h = /*method*/
+      e[45].Label) && p(l, "alt", h), F[0] & /*promotedPaymentMethods*/
+      32 && k !== (k = /*method*/
+      (e[45].Label || /*method*/
+      e[45].Name) + "") && A(L, k), F[0] & /*$_, methodtype, promotedPaymentMethods*/
+      545 && d !== (d = /*$_*/
+      e[9](`${/*methodtype*/
+      e[0]}${/*method*/
+      e[45].ProcessingTime}`) + "") && A(m, d), F[0] & /*$_*/
+      512 && T !== (T = /*$_*/
+      e[9]("generalMin") + "") && A(X, T), F[0] & /*promotedPaymentMethods, precisionCurrenciesMap, numericCurrencyDecimals*/
+      304 && S !== (S = ee(
+        /*method*/
+        e[45].DisplayCurrency.MinAmountLimit,
+        /*method*/
+        e[45].DisplayCurrency.Name,
+        {
+          maximumFractionDigits: (
+            /*precisionCurrenciesMap*/
+            e[4][
+              /*method*/
+              e[45]?.DisplayCurrency?.Name
+            ] || /*numericCurrencyDecimals*/
+            e[8]
+          ),
+          minimumFractionDigits: (
+            /*precisionCurrenciesMap*/
+            e[4][
+              /*method*/
+              e[45]?.DisplayCurrency?.Name
+            ] || /*numericCurrencyDecimals*/
+            e[8]
+          )
+        }
+      ) + "") && A(P, S), F[0] & /*$_*/
+      512 && H !== (H = /*$_*/
+      e[9]("generalMax") + "") && A(q, H), F[0] & /*promotedPaymentMethods, precisionCurrenciesMap, numericCurrencyDecimals*/
+      304 && W !== (W = ee(
+        /*method*/
+        e[45].DisplayCurrency.MaxAmountLimit,
+        /*method*/
+        e[45].DisplayCurrency.Name,
+        {
+          maximumFractionDigits: (
+            /*precisionCurrenciesMap*/
+            e[4][
+              /*method*/
+              e[45]?.DisplayCurrency?.Name
+            ] || /*numericCurrencyDecimals*/
+            e[8]
+          ),
+          minimumFractionDigits: (
+            /*precisionCurrenciesMap*/
+            e[4][
+              /*method*/
+              e[45]?.DisplayCurrency?.Name
+            ] || /*numericCurrencyDecimals*/
+            e[8]
+          )
+        }
+      ) + "") && A(G, W), F[0] & /*activeIndex*/
+      64 && Z !== (Z = `CarouselCardWrapper ${/*index*/
+      e[44] === /*activeIndex*/
+      e[6] ? "active" : ""}`) && p(t, "class", Z);
+    },
+    d(x) {
+      x && I(t), e[27](null), K = !1, U();
+    }
+  };
+}
+function he(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 = B(
+        t,
+        "click",
+        /*click_handler_2*/
+        e[29]
+      ), a = !0);
+    },
+    p: te,
+    d(o) {
+      o && I(t), a = !1, l();
+    }
+  };
+}
+function fe(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 Ze(e) {
+  let t, a, l, o, h = (
+    /*$_*/
+    e[9]("carouselTitle") + ""
+  ), D, C, M, b = (
+    /*$_*/
+    e[9]("carouselSubtitle") + ""
+  ), k, L;
+  function f(d, m) {
+    return (
+      /*promotedPaymentMethods*/
+      d[5].length > 0 ? He : xe
+    );
+  }
+  let y = f(e), u = y(e);
+  return {
+    c() {
+      t = g("div"), a = g("div"), l = g("div"), o = g("h4"), D = R(h), C = N(), M = g("p"), k = R(b), L = N(), 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, D), c(l, C), c(l, M), c(M, k), c(a, L), u.m(a, null), e[31](t);
+    },
+    p(d, m) {
+      m[0] & /*$_*/
+      512 && h !== (h = /*$_*/
+      d[9]("carouselTitle") + "") && A(D, h), m[0] & /*$_*/
+      512 && b !== (b = /*$_*/
+      d[9]("carouselSubtitle") + "") && A(k, b), y === (y = f(d)) && u ? u.p(d, m) : (u.d(1), u = y(d), u && (u.c(), u.m(a, null)));
+    },
+    i: te,
+    o: te,
+    d(d) {
+      d && I(t), u.d(), e[31](null);
+    }
+  };
+}
+function Ue(e, t, a) {
+  let l, o;
+  Fe(e, Ae, (r) => a(9, o = r));
+  let { lang: h = "en" } = t, { local: D = "en-US" } = t, { currencysymbol: C = "true" } = t, { currencyposition: M = "" } = t, { currencydecimals: b = "0" } = t, { methodtype: k = "" } = t, { clientstyling: L = "" } = t, { clientstylingurl: f = "" } = t, { mbsource: y = "" } = t, { translationurl: u = "" } = t, d = {}, m, v, i = [], s = 0, n = !0, T = 0, X = !1, w, S, P, J = window.navigator.userAgent;
+  const j = (r) => {
+    const { data: { type: _ } = {} } = r || {};
+    switch (_) {
+      case "PromotedPaymentMethods": {
+        a(5, i = r?.data?.promotedPaymentMethods), a(6, s = Math.floor((i.length - 1) / 2));
+        break;
+      }
+      case "PrecisionCurrenciesMap": {
+        a(4, d = r?.data?.payload || {});
+        break;
+      }
+    }
+  };
+  Object.keys(se).forEach((r) => {
+    oe(r, se[r]);
+  });
+  const H = () => {
+    let r = u;
+    if (r)
+      return fetch(r).then((_) => _.json()).then((_) => {
+        Object.keys(_).forEach((z) => {
+          oe(z, _[z]);
+        });
+      }).catch((_) => {
+        console.log(_);
+      });
+  }, q = () => {
+    Xe(h);
+  }, O = (r, _) => {
+    a(6, s = _), a(2, w.style.transform = W(), w), r.Name, window.postMessage({ type: "SelectPayMeth", details: r }, window.location.href), dispatchEvent(new CustomEvent(
+      "selectPayMeth",
+      {
+        detail: r,
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      }
+    ));
+  }, W = () => {
+    const r = parseFloat(getComputedStyle(P).getPropertyValue("--emw-cashier-card-width")) || 78, _ = parseFloat(getComputedStyle(w).getPropertyValue("--emw-cashier-card-gap")) || 10, z = parseFloat(getComputedStyle(P).getPropertyValue("--emw-cashier-card-width-active")) || 100, ie = r + _, ve = S / 2, we = s * ie + z / 2;
+    return `translateX(${ve - we}px)`;
+  }, G = (r) => {
+    T = r.touches[0].clientX, X = !0, w.classList.add("dragging");
+  }, Y = (r) => {
+    if (!X)
+      return;
+    const _ = r.touches[0].clientX;
+    Math.abs(_ - T) > 10 && r.preventDefault();
+  }, Z = (r) => {
+    if (!X)
+      return;
+    X = !1, w.classList.remove("dragging");
+    const _ = r.changedTouches[0].clientX, z = T - _;
+    Math.abs(z) > 50 && (z > 0 && s < i.length - 1 ? a(6, s++, s) : z < 0 && s > 0 && a(6, s--, s), a(2, w.style.transform = W(), w));
+  }, K = () => {
+    n && (a(2, w.style.transform = W(), w), n = !1);
+  }, U = (r) => {
+    r === "next" && s < i.length - 1 ? a(6, s++, s) : r === "prev" && s > 0 && a(6, s--, s), a(2, w.style.transform = W(), w);
+  };
+  Ne(() => (Pe(D, C, M, b), window.addEventListener("message", j), window.postMessage({ type: "CashierCarouselReady" }, window.location.href), w && W(), () => {
+    window.removeEventListener("message", j);
+  }));
+  const ae = () => U("prev"), x = (r, _) => O(r, _);
+  function F(r) {
+    re[r ? "unshift" : "push"](() => {
+      P = r, a(7, P);
+    });
+  }
+  function ge(r) {
+    re[r ? "unshift" : "push"](() => {
+      w = r, a(2, w);
+    });
+  }
+  const pe = () => U("next");
+  function ye() {
+    S = this.clientWidth, a(3, S);
+  }
+  function be(r) {
+    re[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, D = r.local), "currencysymbol" in r && a(18, C = r.currencysymbol), "currencyposition" in r && a(19, M = r.currencyposition), "currencydecimals" in r && a(20, b = r.currencydecimals), "methodtype" in r && a(0, k = r.methodtype), "clientstyling" in r && a(21, L = 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 && q(), e.$$.dirty[0] & /*lang, translationurl*/
+    16842752 && h && u && H(), e.$$.dirty[0] & /*carouselContainer, carouselContainerWidth*/
+    12 && w && S && K(), e.$$.dirty[0] & /*clientstyling, customStylingContainer*/
+    2097154 && L && m && Re(m, L), e.$$.dirty[0] & /*clientstylingurl, customStylingContainer*/
+    4194306 && f && m && Ie(m, f), e.$$.dirty[0] & /*mbsource, customStylingContainer*/
+    8388610 && y && m && Ee(m, `${y}.Style`, v), e.$$.dirty[0] & /*currencydecimals*/
+    1048576 && a(8, l = Number(b));
+  }, [
+    k,
+    m,
+    w,
+    S,
+    d,
+    i,
+    s,
+    P,
+    l,
+    o,
+    J,
+    O,
+    G,
+    Y,
+    Z,
+    U,
+    h,
+    D,
+    C,
+    M,
+    b,
+    L,
+    f,
+    y,
+    u,
+    ae,
+    x,
+    F,
+    ge,
+    pe,
+    ye,
+    be
+  ];
+}
+class Be extends ke {
+  constructor(t) {
+    super(), De(
+      this,
+      t,
+      Ue,
+      Ze,
+      Le,
+      {
+        lang: 16,
+        local: 17,
+        currencysymbol: 18,
+        currencyposition: 19,
+        currencydecimals: 20,
+        methodtype: 0,
+        clientstyling: 21,
+        clientstylingurl: 22,
+        mbsource: 23,
+        translationurl: 24
+      },
+      je,
+      [-1, -1]
+    );
+  }
+  get lang() {
+    return this.$$.ctx[16];
+  }
+  set lang(t) {
+    this.$$set({ lang: t }), V();
+  }
+  get local() {
+    return this.$$.ctx[17];
+  }
+  set local(t) {
+    this.$$set({ local: t }), V();
+  }
+  get currencysymbol() {
+    return this.$$.ctx[18];
+  }
+  set currencysymbol(t) {
+    this.$$set({ currencysymbol: t }), V();
+  }
+  get currencyposition() {
+    return this.$$.ctx[19];
+  }
+  set currencyposition(t) {
+    this.$$set({ currencyposition: t }), V();
+  }
+  get currencydecimals() {
+    return this.$$.ctx[20];
+  }
+  set currencydecimals(t) {
+    this.$$set({ currencydecimals: t }), V();
+  }
+  get methodtype() {
+    return this.$$.ctx[0];
+  }
+  set methodtype(t) {
+    this.$$set({ methodtype: t }), V();
+  }
+  get clientstyling() {
+    return this.$$.ctx[21];
+  }
+  set clientstyling(t) {
+    this.$$set({ clientstyling: t }), V();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[22];
+  }
+  set clientstylingurl(t) {
+    this.$$set({ clientstylingurl: t }), V();
+  }
+  get mbsource() {
+    return this.$$.ctx[23];
+  }
+  set mbsource(t) {
+    this.$$set({ mbsource: t }), V();
+  }
+  get translationurl() {
+    return this.$$.ctx[24];
+  }
+  set translationurl(t) {
+    this.$$set({ translationurl: t }), V();
+  }
+}
+ze(Be, { lang: {}, local: {}, currencysymbol: {}, currencyposition: {}, currencydecimals: {}, methodtype: {}, clientstyling: {}, clientstylingurl: {}, mbsource: {}, translationurl: {} }, [], [], !0);
+export {
+  Be as default
+};