@everymatrix/cashier-page 1.69.75 → 1.69.104

package/components/CashierMethodsList-mN4PR-DW.js

@@ -0,0 +1,703 @@
+var Oe = Object.defineProperty, We = Object.defineProperties;
+var je = Object.getOwnPropertyDescriptors;
+var ie = Object.getOwnPropertySymbols;
+var Ie = Object.prototype.hasOwnProperty, Ue = Object.prototype.propertyIsEnumerable;
+var re = (t, e, s) => e in t ? Oe(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s, le = (t, e) => {
+  for (var s in e || (e = {}))
+    Ie.call(e, s) && re(t, s, e[s]);
+  if (ie)
+    for (var s of ie(e))
+      Ue.call(e, s) && re(t, s, e[s]);
+  return t;
+}, ae = (t, e) => We(t, je(e));
+import { a as Fe, i as Re, $ as He, S as qe, b as Be, s as Ye, f as C, c as Ge, G as ce, e as H, k as q, n as j, r as Xe, p as me, q as Ve, N as Je, R as de, T as Ke, v as N, l, m as L, w as z, o as v, A as T, M as Qe, y as Ze, Q as J, W as $e, z as ue, V as K, x as $, B as et, C as tt, D as st, E as ot, F as nt } from "./CashierCarousel-CukH4aEC.js";
+import { d as he, u as it, x as fe } from "./CashierMethodDetails-DfoHgNtY.js";
+function ge(t, e) {
+  Fe(t, e);
+}
+function rt(t) {
+  Re({
+    fallbackLocale: "en"
+  }), He.set(t);
+}
+const pe = {
+  en: {
+    generalMin: "Min",
+    generalMax: "Max",
+    showAll: "SHOW ALL",
+    showLess: "SHOW LESS",
+    error: "Error",
+    noPaymentMethods: "No payment methods available",
+    promoLabel: "Recommended",
+    otherMethodsTitle: "All Methods",
+    otherMethodsDescription: "Discover our incredible selection of unique products that you won't want to miss!"
+  },
+  uk: {
+    generalMin: "Мін",
+    generalMax: "Макс"
+  },
+  hr: {
+    generalMin: "Minimalno",
+    generalMax: "Maksimalno",
+    showAll: "Prikaži sve",
+    showLess: "Prikaži manje"
+  },
+  tr: {
+    generalMin: "Min",
+    generalMax: "Maks",
+    showAll: "HEPSİNİ GÖSTER",
+    showLess: "DAHA AZ GÖSTER",
+    error: "Hata",
+    noPaymentMethods: "Hiçbir ödeme yöntemi mevcut değil",
+    promoLabel: "Favori",
+    otherMethodsTitle: "Tüm Yöntemler",
+    otherMethodsDescription: "Kaçırmak istemeyeceğiniz benzersiz ürünlerimizden oluşan inanılmaz seçkimizi keşfedin!"
+  },
+  "en-us": {
+    generalMin: "Min",
+    generalMax: "Max",
+    showAll: "SHOW ALL",
+    showLess: "SHOW LESS"
+  }
+};
+function lt(t) {
+  Ge(t, "svelte-1kxx4nu", '*,*::before,*::after{margin:0;padding:0;list-style:none;text-decoration:none;outline:none;box-sizing:border-box}.CashierMethodList{display:grid;grid-template-columns:1fr 1fr 1fr;max-width:100%;border-radius:var(--emw--border-radius-medium-plus, 6px);gap:10px;margin:10px}.SelectorWrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;box-sizing:border-box;padding:10px 0;border-radius:10px;box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.2);overflow:hidden;z-index:1;transition:transform 0.3s ease-in-out}.SelectorWrapper:hover{box-shadow:inset 0px 0px 7px var(--emw--color-primary);transform:scale(1.02)}.SelectorWrapper::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:10px;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}.CashierMethodListWidget{background-color:var(--emw--color-cashier-bg, var(--emw--color-background, #23281F));height:100%;padding-bottom:20px}.MethodsListDescription{color:var(--emw--color-typography, var(--emw--color-white, #ffffff));padding:10px}.MethodsListDescription h3{font-size:12px;text-transform:uppercase;margin:10px 0}.MethodsListDescription p{color:white;opacity:0.55;font-size:12px}.MethodLogo img{width:100%;height:100%;max-height:35px}.MethodPromoLabel{background:var(--emw--color-button-background, #F1F3FF);color:var(--emw--color-primary, #F9C405);font-size:14px;font-weight:700;text-transform:uppercase;padding:5px 10px;min-width:100px;border-radius:10px;margin:10px;text-align:center}.MethodInfo{width:100%;max-width:100%}.MethodTitle{color:var(--emw--color-typography, var(--emw--color-white, #ffffff));text-align:center;margin:5px 10px;font-size:var(--emw--font-size-medium, 12px);word-break:break-word;font-weight:500;line-height:16px}.MethodLimits{gap:var(--emw--spacing-small-minus, 10px);text-align:center;word-break:break-word;margin:5px 10px}.Limits{max-width:100%;font-size:var(--emw--font-size-small, 11px);font-weight:var(--emw--font-weight-normal, 300);font-style:normal;color:var(--emw--color-typography, var(--emw--color-white, #ffffff));opacity:0.7}.EmptyContentMessageWrapper{position:relative;display:flex;justify-content:flex-end}.EmptyContentMessageContent{display:flex;flex-direction:column;row-gap:var(--emw--spacing-small, 12px);bottom:10%}.EmptyContentMessageImg{width:250px}.EmptyContentMessageImg img{border-radius:0 0 var(--emw--border-radius-medium-plus, 6px) 0;height:100%;width:100%}.EmptyContentMessageTitle{font-size:var(--emw--font-size-medium, 20px);font-weight:var(--emw--font-weight-bold, 800);line-height:calc(var(--emw--font-size-medium, 16px) + 4px);color:var(--emw--color-primary);text-transform:uppercase}.EmptyContentMessageText{word-break:break-word;font-size:var(--emw--font-size-small, 14px);line-height:calc(var(--emw--font-size-medium, 16px) + 4px);color:var(--emw--color-typography, #fff)}.EmptyContentMessageDesktop{justify-content:flex-start}.EmptyContentMessageDesktop .EmptyContentMessageContent{bottom:auto;margin-top:10px}.EmptyContentMessageDesktop .EmptyContentMessageImg{width:auto}.EmptyContentMessageDesktop .EmptyContentMessageImg img{transform:scaleX(-1)}.IconWarning{width:30px;display:flex}.IconWarning svg{height:18px;fill:var(--emw--color-warning, rgb(250, 146, 0))}.ShowAllButton{cursor:pointer;color:var(--emw--color-grey-290, #666);text-align:center;font-size:var(--emw--font-size-x-small, 12px);font-style:normal;font-weight:var(--emw--font-weight-semibold, 500);font-family:inherit;background:var(--emw--color-gray-50, #F7F8FA);line-height:normal;border:1px solid var(--emw--color-grey-105, #E8E9EB);border-radius:var(--emw--border-radius-medium, 4px);margin:var(--emw--spacing-small, 12px) auto;height:36px;display:flex;align-items:center;justify-content:center;width:80%}.ShowAllButton:hover{background:var(--emw--color-background, #fff)}.ErrorMessage{color:var(--emw--color-typography, var(--emw--color-white, #ffffff));font-size:12px}@container method-list (width < 450px){.MethodLogo{width:var(--emw-logo-small-width, 90px);min-width:var(--emw-logo-small-width, 90px);min-height:var(--emw-logo-small-height, 30px);overflow:hidden}.CashierMethodList .MethodTitle,.MethodLimits{display:inline-block;flex-grow:1;font-size:var(--emw--font-size-medium, 16px);line-height:120%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%}.MethodInfo{flex-direction:column;align-items:start}.MethodLimits{display:flex;flex-direction:row;gap:5px}.CashierMethodList .MethodLimits .Limits{flex-shrink:0;font-size:var(--emw--font-size-x-small, 12px)}}@container method-list (max-width: 300px){.Limits{display:none}}');
+}
+function ye(t, e, s) {
+  const n = t.slice();
+  return n[49] = e[s], n[51] = s, n;
+}
+function we(t) {
+  let e, s, n, r = (
+    /*$_*/
+    t[14]("otherMethodsTitle") + ""
+  ), i, d, p, M = (
+    /*$_*/
+    t[14]("otherMethodsDescription") + ""
+  ), S, y, w, O, P, f = de(
+    /*paymentMethodsToShow*/
+    t[9]
+  ), m = [];
+  for (let a = 0; a < f.length; a += 1)
+    m[a] = Me(ye(t, f, a));
+  let h = (
+    /*noPaymentMethodsAvailable*/
+    t[13] && /*isDataLoaded*/
+    t[12] && be(t)
+  ), g = (
+    /*methodsButtonToggleText*/
+    t[8] && ve(t)
+  );
+  return {
+    c() {
+      e = L("div"), s = L("div"), n = L("h3"), i = z(r), d = j(), p = L("p"), S = z(M), y = j(), w = L("div");
+      for (let a = 0; a < m.length; a += 1)
+        m[a].c();
+      O = j(), h && h.c(), P = j(), g && g.c(), v(s, "class", "MethodsListDescription"), v(w, "class", "CashierMethodList"), v(e, "class", "CashierMethodListWidget");
+    },
+    m(a, _) {
+      q(a, e, _), l(e, s), l(s, n), l(n, i), l(s, d), l(s, p), l(p, S), l(e, y), l(e, w);
+      for (let u = 0; u < m.length; u += 1)
+        m[u] && m[u].m(w, null);
+      l(w, O), h && h.m(w, null), l(e, P), g && g.m(e, null), t[29](e);
+    },
+    p(a, _) {
+      if (_[0] & /*$_*/
+      16384 && r !== (r = /*$_*/
+      a[14]("otherMethodsTitle") + "") && N(i, r), _[0] & /*$_*/
+      16384 && M !== (M = /*$_*/
+      a[14]("otherMethodsDescription") + "") && N(S, M), _[0] & /*selectedPaymentMethod, paymentMethodsToShow, selectPayMeth, $_*/
+      49792) {
+        f = de(
+          /*paymentMethodsToShow*/
+          a[9]
+        );
+        let u;
+        for (u = 0; u < f.length; u += 1) {
+          const k = ye(a, f, u);
+          m[u] ? m[u].p(k, _) : (m[u] = Me(k), m[u].c(), m[u].m(w, O));
+        }
+        for (; u < m.length; u += 1)
+          m[u].d(1);
+        m.length = f.length;
+      }
+      /*noPaymentMethodsAvailable*/
+      a[13] && /*isDataLoaded*/
+      a[12] ? h ? h.p(a, _) : (h = be(a), h.c(), h.m(w, null)) : h && (h.d(1), h = null), /*methodsButtonToggleText*/
+      a[8] ? g ? g.p(a, _) : (g = ve(a), g.c(), g.m(e, null)) : g && (g.d(1), g = null);
+    },
+    d(a) {
+      a && H(e), Ke(m, a), h && h.d(), g && g.d(), t[29](null);
+    }
+  };
+}
+function Me(t) {
+  let e, s, n, r, i, d, p, M, S, y = (
+    /*payMeth*/
+    (t[49].Label || /*payMeth*/
+    t[49].Name) + ""
+  ), w, O, P, f, m = (
+    /*$_*/
+    t[14]("generalMin") + ""
+  ), h, g, a = J(
+    /*payMeth*/
+    t[49].DisplayCurrency.MinAmountLimit,
+    /*payMeth*/
+    t[49].DisplayCurrency.Name
+  ) + "", _, u, k = (
+    /*$_*/
+    t[14]("generalMax") + ""
+  ), Y, A, W = J(
+    /*payMeth*/
+    t[49].DisplayCurrency.MaxAmountLimit,
+    /*payMeth*/
+    t[49].DisplayCurrency.Name
+  ) + "", I, D, B;
+  function X() {
+    return (
+      /*click_handler*/
+      t[27](
+        /*payMeth*/
+        t[49]
+      )
+    );
+  }
+  return {
+    c() {
+      e = L("div"), s = L("div"), n = L("img"), d = j(), p = L("div"), M = L("div"), S = L("span"), w = z(y), O = j(), P = L("div"), f = L("span"), h = z(m), g = j(), _ = z(a), u = z(" / "), Y = z(k), A = j(), I = z(W), ue(n.src, r = /*payMeth*/
+      t[49].LogoUrl) || v(n, "src", r), v(n, "alt", i = /*payMeth*/
+      t[49].Label), v(s, "class", "MethodLogo"), v(M, "class", "MethodTitle"), v(f, "class", "Limits"), v(P, "class", "MethodLimits"), v(p, "class", "MethodInfo"), v(e, "class", "SelectorWrapper"), K(
+        e,
+        "checked",
+        /*selectedPaymentMethod*/
+        t[7] === /*payMeth*/
+        t[49].Name
+      );
+    },
+    m(U, E) {
+      q(U, e, E), l(e, s), l(s, n), l(e, d), l(e, p), l(p, M), l(M, S), l(S, w), l(p, O), l(p, P), l(P, f), l(f, h), l(f, g), l(f, _), l(f, u), l(f, Y), l(f, A), l(f, I), D || (B = [
+        $(e, "click", X),
+        $(e, "keyup", mt)
+      ], D = !0);
+    },
+    p(U, E) {
+      t = U, E[0] & /*paymentMethodsToShow*/
+      512 && !ue(n.src, r = /*payMeth*/
+      t[49].LogoUrl) && v(n, "src", r), E[0] & /*paymentMethodsToShow*/
+      512 && i !== (i = /*payMeth*/
+      t[49].Label) && v(n, "alt", i), E[0] & /*paymentMethodsToShow*/
+      512 && y !== (y = /*payMeth*/
+      (t[49].Label || /*payMeth*/
+      t[49].Name) + "") && N(w, y), E[0] & /*$_*/
+      16384 && m !== (m = /*$_*/
+      t[14]("generalMin") + "") && N(h, m), E[0] & /*paymentMethodsToShow*/
+      512 && a !== (a = J(
+        /*payMeth*/
+        t[49].DisplayCurrency.MinAmountLimit,
+        /*payMeth*/
+        t[49].DisplayCurrency.Name
+      ) + "") && N(_, a), E[0] & /*$_*/
+      16384 && k !== (k = /*$_*/
+      t[14]("generalMax") + "") && N(Y, k), E[0] & /*paymentMethodsToShow*/
+      512 && W !== (W = J(
+        /*payMeth*/
+        t[49].DisplayCurrency.MaxAmountLimit,
+        /*payMeth*/
+        t[49].DisplayCurrency.Name
+      ) + "") && N(I, W), E[0] & /*selectedPaymentMethod, paymentMethodsToShow*/
+      640 && K(
+        e,
+        "checked",
+        /*selectedPaymentMethod*/
+        t[7] === /*payMeth*/
+        t[49].Name
+      );
+    },
+    d(U) {
+      U && H(e), D = !1, $e(B);
+    }
+  };
+}
+function be(t) {
+  let e, s, n, r = (
+    /*$_*/
+    t[14]("error") + ""
+  ), i, d, p, M = (
+    /*$_*/
+    t[14]("noPaymentMethods") + ""
+  ), S;
+  return {
+    c() {
+      e = L("div"), s = L("div"), n = L("p"), i = z(r), d = j(), p = L("p"), S = z(M), v(n, "class", "EmptyContentMessageTitle"), v(p, "class", "EmptyContentMessageText"), v(s, "class", "EmptyContentMessageContent"), v(e, "class", "EmptyContentMessageWrapper"), K(
+        e,
+        "EmptyContentMessageDesktop",
+        /*desktopView*/
+        t[11]
+      );
+    },
+    m(y, w) {
+      q(y, e, w), l(e, s), l(s, n), l(n, i), l(s, d), l(s, p), l(p, S);
+    },
+    p(y, w) {
+      w[0] & /*$_*/
+      16384 && r !== (r = /*$_*/
+      y[14]("error") + "") && N(i, r), w[0] & /*$_*/
+      16384 && M !== (M = /*$_*/
+      y[14]("noPaymentMethods") + "") && N(S, M), w[0] & /*desktopView*/
+      2048 && K(
+        e,
+        "EmptyContentMessageDesktop",
+        /*desktopView*/
+        y[11]
+      );
+    },
+    d(y) {
+      y && H(e);
+    }
+  };
+}
+function ve(t) {
+  let e, s, n, r;
+  return {
+    c() {
+      e = L("div"), s = z(
+        /*methodsButtonToggleText*/
+        t[8]
+      ), v(e, "class", "ShowAllButton");
+    },
+    m(i, d) {
+      q(i, e, d), l(e, s), n || (r = $(
+        e,
+        "click",
+        /*click_handler_1*/
+        t[28]
+      ), n = !0);
+    },
+    p(i, d) {
+      d[0] & /*methodsButtonToggleText*/
+      256 && N(
+        s,
+        /*methodsButtonToggleText*/
+        i[8]
+      );
+    },
+    d(i) {
+      i && H(e), n = !1, r();
+    }
+  };
+}
+function Le(t) {
+  let e, s, n;
+  return {
+    c() {
+      e = L("cashier-error"), s = L("span"), n = z(
+        /*errorMessage*/
+        t[10]
+      ), v(s, "class", "ErrorMessage"), v(s, "slot", "text"), T(
+        e,
+        "lang",
+        /*lang*/
+        t[0]
+      ), T(
+        e,
+        "assetsurl",
+        /*assetsurl*/
+        t[1]
+      ), T(
+        e,
+        "translationurl",
+        /*translationurl*/
+        t[2]
+      ), T(
+        e,
+        "clientstylingurl",
+        /*clientstylingurl*/
+        t[5]
+      ), T(
+        e,
+        "clientstyling",
+        /*clientstyling*/
+        t[4]
+      ), T(
+        e,
+        "mbsource",
+        /*mbsource*/
+        t[3]
+      ), T(e, "hidebuttons", "true");
+    },
+    m(r, i) {
+      q(r, e, i), l(e, s), l(s, n);
+    },
+    p(r, i) {
+      i[0] & /*errorMessage*/
+      1024 && N(
+        n,
+        /*errorMessage*/
+        r[10]
+      ), i[0] & /*lang*/
+      1 && T(
+        e,
+        "lang",
+        /*lang*/
+        r[0]
+      ), i[0] & /*assetsurl*/
+      2 && T(
+        e,
+        "assetsurl",
+        /*assetsurl*/
+        r[1]
+      ), i[0] & /*translationurl*/
+      4 && T(
+        e,
+        "translationurl",
+        /*translationurl*/
+        r[2]
+      ), i[0] & /*clientstylingurl*/
+      32 && T(
+        e,
+        "clientstylingurl",
+        /*clientstylingurl*/
+        r[5]
+      ), i[0] & /*clientstyling*/
+      16 && T(
+        e,
+        "clientstyling",
+        /*clientstyling*/
+        r[4]
+      ), i[0] & /*mbsource*/
+      8 && T(
+        e,
+        "mbsource",
+        /*mbsource*/
+        r[3]
+      );
+    },
+    d(r) {
+      r && H(e);
+    }
+  };
+}
+function at(t) {
+  let e, s, n = (
+    /*isDataLoaded*/
+    t[12] && we(t)
+  ), r = (
+    /*errorMessage*/
+    t[10] && Le(t)
+  );
+  return {
+    c() {
+      n && n.c(), e = j(), r && r.c(), s = Xe();
+    },
+    m(i, d) {
+      n && n.m(i, d), q(i, e, d), r && r.m(i, d), q(i, s, d);
+    },
+    p(i, d) {
+      /*isDataLoaded*/
+      i[12] ? n ? n.p(i, d) : (n = we(i), n.c(), n.m(e.parentNode, e)) : n && (n.d(1), n = null), /*errorMessage*/
+      i[10] ? r ? r.p(i, d) : (r = Le(i), r.c(), r.m(s.parentNode, s)) : r && (r.d(1), r = null);
+    },
+    i: ce,
+    o: ce,
+    d(i) {
+      i && (H(e), H(s)), n && n.d(i), r && r.d(i);
+    }
+  };
+}
+const ct = "PaymentPromotion", mt = () => {
+};
+function dt(t, e, s) {
+  let n, r;
+  me(t, nt, (o) => s(14, n = o)), me(t, fe, (o) => s(35, r = o)), he.extend(it);
+  let { lang: i = "en" } = e, { local: d = "en-US" } = e, { endpoint: p } = e, { paymentsession: M } = e, { playersession: S } = e, { customerid: y } = e, { assetsurl: w } = e, { currency: O } = e, { numberofmethodsshown: P } = e, { translationurl: f = "" } = e, { mbsource: m } = e, { clientstyling: h } = e, { clientstylingurl: g } = e, { currencydecimals: a = "2" } = e, { currencysymbol: _ = "" } = e, { currencyposition: u = "" } = e, k, Y = window.navigator.userAgent, A = [], W, I = "", D = [], B = [], X = "", U, E = !0, G = !1, ee = !1;
+  var Q;
+  (function(o) {
+    o.PlayerSessionIsNotValid = "PlayerSessionIsNotValid", o.Success = "Success", o.JwtTokenError = "JwtTokenError";
+  })(Q || (Q = {}));
+  const xe = () => {
+    let o = f;
+    if (o)
+      return fetch(o).then((b) => b.json()).then((b) => {
+        Object.keys(b).forEach((F) => {
+          ge(F, b[F]);
+        });
+      }).catch((b) => {
+        console.log(b);
+      });
+  };
+  Object.keys(pe).forEach((o) => {
+    ge(o, pe[o]);
+  });
+  const ke = () => {
+    rt(i);
+  }, _e = () => {
+    r && te();
+  }, te = () => {
+    window.postMessage({ type: "DataLoading", isDataLoaded: G });
+    const o = new URL(`${p}/v2/player/${y}/payment/GetPaymentMetadata`), b = new Headers();
+    b.append("accept", "application/json"), b.append("Content-Type", "application/json"), b.append("X-Client-Request-Timestamp", he.utc().format("YYYY-MM-DD HH:mm:ss.SSS")), b.append("X-SessionId", `${S}`), b.append("X-Payment-Session-Token", `${M || r}`);
+    const F = {
+      method: "POST",
+      headers: b,
+      body: JSON.stringify({
+        Currency: O,
+        Tags: { UserAgent: window.navigator.userAgent }
+      })
+    };
+    fetch(o, F).then((c) => {
+      const x = c.headers.get("X-Payment-Session-Token");
+      return x && fe.set(x), c.json();
+    }).then((c) => {
+      var x;
+      if (c.error) {
+        s(10, X = c.error);
+        return;
+      }
+      if (c.ResponseCode !== Q.Success) {
+        U = c.ResponseCode, Pe();
+        return;
+      }
+      A = (x = c.PaymentMethods) != null && x.Ordering ? Ce(c) : Se(c), window.postMessage(
+        {
+          type: "PromotedPaymentMethods",
+          promotedPaymentMethods: B
+        },
+        window.location.href
+      ), s(8, I = P && +P > 0 && A.length > +P ? n("showAll") : ""), s(9, D = I ? A.slice(0, +P) : A), s(13, ee = !D.length), window.postMessage(
+        {
+          type: "StartSessionCountdown",
+          paymentMethodName: A[0].Name
+        },
+        window.location.href
+      ), window.postMessage({ type: "DataLoading", isDataLoaded: G });
+    }).finally(() => {
+      s(12, G = !0), window.postMessage({ type: "DataLoading", isDataLoaded: G });
+    });
+  }, Ce = (o) => {
+    const b = [];
+    return o.PaymentMethods.Ordering.DefaultPaymentMethodsOrder.forEach((F) => {
+      const c = o.PaymentMethods.PaymentMethods.find((x) => x.Name === F);
+      if (c) {
+        const x = (c == null ? void 0 : c.Logos.find((Z) => Z.LogoType === "Desktop")) || {}, V = (c == null ? void 0 : c.Logos.find((Z) => Z.LogoType === "Mobile")) || {}, R = E ? x : V;
+        c.isMethodPromoted = ne(c.Tags), c.LogoUrl = R.LogoUrl ? `https:${R.LogoUrl}` : "", c.isMethodPromoted && B.push(c), b.push(c);
+      }
+    }), b;
+  }, Se = (o) => {
+    const b = o.PaymentMethods.PaymentMethods.map((x) => ae(le({}, x), {
+      isMethodPromoted: ne(x.Tags),
+      LogoUrl: x.Logos && x.Logos.length && x.Logos[0].LogoUrl ? `https:${x.Logos[0].LogoUrl}` : ""
+    })), [F, c] = b.reduce(
+      ([x, V], R) => (R && R.isMethodPromoted ? x.push(R) : V.promo(R), [x, V]),
+      [[], []]
+    );
+    return B = F, c;
+  }, se = (o) => {
+    s(7, W = o.Name), window.postMessage({ type: "SelectPayMeth", details: o }, window.location.href), dispatchEvent(new CustomEvent(
+      "selectPayMeth",
+      {
+        detail: o,
+        bubbles: !0,
+        cancelable: !0,
+        composed: !0
+      }
+    ));
+  }, Pe = () => {
+    window.postMessage(
+      {
+        type: "ErrorResponseCode",
+        errorResponseCode: U
+      },
+      window.location.href
+    );
+  }, Ee = () => {
+    s(11, E = !Qe(Y));
+  }, oe = () => {
+    D == A ? Ae() : Te();
+  }, Te = () => {
+    s(9, D = A), s(8, I = n("showLess"));
+  }, Ae = () => {
+    s(9, D = A.slice(0, +P)), W && !D.find((o) => o.Name === W) && D.splice(0, 0, A.find((o) => o.Name === W)), s(8, I = n("showAll"));
+  }, ne = (o) => o && o.split(",").some((b) => b === ct);
+  Ve(() => (Ee(), Je(d, _, u, a), () => {
+  }));
+  const De = (o) => se(o), ze = () => oe();
+  function Ne(o) {
+    Ze[o ? "unshift" : "push"](() => {
+      k = o, s(6, k);
+    });
+  }
+  return t.$$set = (o) => {
+    "lang" in o && s(0, i = o.lang), "local" in o && s(17, d = o.local), "endpoint" in o && s(18, p = o.endpoint), "paymentsession" in o && s(19, M = o.paymentsession), "playersession" in o && s(20, S = o.playersession), "customerid" in o && s(21, y = o.customerid), "assetsurl" in o && s(1, w = o.assetsurl), "currency" in o && s(22, O = o.currency), "numberofmethodsshown" in o && s(23, P = o.numberofmethodsshown), "translationurl" in o && s(2, f = o.translationurl), "mbsource" in o && s(3, m = o.mbsource), "clientstyling" in o && s(4, h = o.clientstyling), "clientstylingurl" in o && s(5, g = o.clientstylingurl), "currencydecimals" in o && s(24, a = o.currencydecimals), "currencysymbol" in o && s(25, _ = o.currencysymbol), "currencyposition" in o && s(26, u = o.currencyposition);
+  }, t.$$.update = () => {
+    t.$$.dirty[0] & /*endpoint, paymentsession, customerid*/
+    2883584 && p && M && y && te(), t.$$.dirty[0] & /*endpoint, paymentsession, customerid*/
+    2883584 && p && !M && y && _e(), t.$$.dirty[0] & /*lang*/
+    1 && i && ke(), t.$$.dirty[0] & /*clientstyling, customStylingContainer*/
+    80 && h && k && et(k, h), t.$$.dirty[0] & /*clientstylingurl, customStylingContainer*/
+    96 && g && k && tt(k, g), t.$$.dirty[0] & /*mbsource, customStylingContainer*/
+    72 && m && k && st(k, `${m}.Style`), t.$$.dirty[0] & /*lang, translationurl*/
+    5 && i && f && xe();
+  }, [
+    i,
+    w,
+    f,
+    m,
+    h,
+    g,
+    k,
+    W,
+    I,
+    D,
+    X,
+    E,
+    G,
+    ee,
+    n,
+    se,
+    oe,
+    d,
+    p,
+    M,
+    S,
+    y,
+    O,
+    P,
+    a,
+    _,
+    u,
+    De,
+    ze,
+    Ne
+  ];
+}
+class ut extends qe {
+  constructor(e) {
+    super(), Be(
+      this,
+      e,
+      dt,
+      at,
+      Ye,
+      {
+        lang: 0,
+        local: 17,
+        endpoint: 18,
+        paymentsession: 19,
+        playersession: 20,
+        customerid: 21,
+        assetsurl: 1,
+        currency: 22,
+        numberofmethodsshown: 23,
+        translationurl: 2,
+        mbsource: 3,
+        clientstyling: 4,
+        clientstylingurl: 5,
+        currencydecimals: 24,
+        currencysymbol: 25,
+        currencyposition: 26
+      },
+      lt,
+      [-1, -1]
+    );
+  }
+  get lang() {
+    return this.$$.ctx[0];
+  }
+  set lang(e) {
+    this.$$set({ lang: e }), C();
+  }
+  get local() {
+    return this.$$.ctx[17];
+  }
+  set local(e) {
+    this.$$set({ local: e }), C();
+  }
+  get endpoint() {
+    return this.$$.ctx[18];
+  }
+  set endpoint(e) {
+    this.$$set({ endpoint: e }), C();
+  }
+  get paymentsession() {
+    return this.$$.ctx[19];
+  }
+  set paymentsession(e) {
+    this.$$set({ paymentsession: e }), C();
+  }
+  get playersession() {
+    return this.$$.ctx[20];
+  }
+  set playersession(e) {
+    this.$$set({ playersession: e }), C();
+  }
+  get customerid() {
+    return this.$$.ctx[21];
+  }
+  set customerid(e) {
+    this.$$set({ customerid: e }), C();
+  }
+  get assetsurl() {
+    return this.$$.ctx[1];
+  }
+  set assetsurl(e) {
+    this.$$set({ assetsurl: e }), C();
+  }
+  get currency() {
+    return this.$$.ctx[22];
+  }
+  set currency(e) {
+    this.$$set({ currency: e }), C();
+  }
+  get numberofmethodsshown() {
+    return this.$$.ctx[23];
+  }
+  set numberofmethodsshown(e) {
+    this.$$set({ numberofmethodsshown: e }), C();
+  }
+  get translationurl() {
+    return this.$$.ctx[2];
+  }
+  set translationurl(e) {
+    this.$$set({ translationurl: e }), C();
+  }
+  get mbsource() {
+    return this.$$.ctx[3];
+  }
+  set mbsource(e) {
+    this.$$set({ mbsource: e }), C();
+  }
+  get clientstyling() {
+    return this.$$.ctx[4];
+  }
+  set clientstyling(e) {
+    this.$$set({ clientstyling: e }), C();
+  }
+  get clientstylingurl() {
+    return this.$$.ctx[5];
+  }
+  set clientstylingurl(e) {
+    this.$$set({ clientstylingurl: e }), C();
+  }
+  get currencydecimals() {
+    return this.$$.ctx[24];
+  }
+  set currencydecimals(e) {
+    this.$$set({ currencydecimals: e }), C();
+  }
+  get currencysymbol() {
+    return this.$$.ctx[25];
+  }
+  set currencysymbol(e) {
+    this.$$set({ currencysymbol: e }), C();
+  }
+  get currencyposition() {
+    return this.$$.ctx[26];
+  }
+  set currencyposition(e) {
+    this.$$set({ currencyposition: e }), C();
+  }
+}
+ot(ut, { lang: {}, local: {}, endpoint: {}, paymentsession: {}, playersession: {}, customerid: {}, assetsurl: {}, currency: {}, numberofmethodsshown: {}, translationurl: {}, mbsource: {}, clientstyling: {}, clientstylingurl: {}, currencydecimals: {}, currencysymbol: {}, currencyposition: {} }, [], [], !0);
+export {
+  ut as default
+};