https://1wqdhu.life/resources/v1/mf/modules/paywidget/bundle/group-list-Bn9uPb5x.js

1(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._root_u2krv_2{display:flex;flex-direction:column;gap:16px}._space_u2krv_8{margin:0 4px}._tile_u2krv_12{margin:4px}._withdrawalActiveButton_u2krv_16{position:absolute;bottom:20px;left:50%;transform:translate(-50%)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2import { defineComponent as $, reactive as W, ref as H, computed as y, onBeforeMount as V, openBlock as r, createBlock as c, unref as t, normalizeClass as u, withCtx as p, createVNode as w, createTextVNode as R, toDisplayString as T, createElementBlock as I, Fragment as b, renderList as z, createCommentVNode as f } from "vue";
3import { useRouter as K, useRoute as D } from "vue-router";
4import { f as Y, i as j, b as q, h as x, u as J, Y as O, k as Q, a6 as U, S as X, a7 as Z, a8 as ee, a9 as te, aa as ae, ab as oe, ac as se, w as S, az as re, _ as ne } from "./package-entrypoint-DERGeUZd.js";
5import { u as le, a as ie } from "./use-history-6Z48a3j0.js";
6import { W as ce, A as ue } from "./active-withdrawals-modal-BXahY9GN.js";
7const de = /* @__PURE__ */ $({
8  __name: "group-list",
9  setup(Se) {
10    const L = K(), d = D(), a = Y(), v = j(), o = q(), C = x(), M = J(), B = O(), G = Q(), m = le(), l = ie(), i = W(U()), _ = H(!1), g = y(() => o.isFeatureEnabled("BILLING-9781") ? a.selectedShortHandGroup?.paymentMethods.filter(
11      ({ nameLangKey: e }) => M.t(e).toLowerCase().includes(i.search.toLowerCase())
12    ) ?? [] : a.sortedPaymentMethods.filter(
13      ({ text: e }) => e.toLowerCase().includes(i.search.toLowerCase())
14    )), k = (e) => {
15      if (o.isFeatureEnabled("BILLING-9781")) {
16        B.selectWithdrawalShortHandPaymentMethod(e, {
17          isCryptoBalance: d.meta.flow === "cryptobalance",
18          routeName: S("withdrawalGroupBasePage", d.meta.flow === "cryptobalance")
19        });
20        return;
21      }
22      const s = re(e);
23      a.changePaymentMethod(s), v.changeFields(s.fields), v.changeAmount(String(a.limits.min)), G.sendSelectFieldEvent({
24        field_name: "method",
25        field_value: s.name
26      }), L.push({
27        name: S("withdrawalGroupBasePage", d.meta.flow === "cryptobalance")
28      });
29    }, F = y(() => o.isFeatureEnabled("BILLING-9781") ? a.selectedShortHandGroup : a.paymentGroup), A = y(() => {
30      if (o.isFeatureEnabled("BILLING-9781")) {
31        const e = a.selectedShortHandGroup;
32        if (!e)
33          throw new Error("selectedShortHandGroup is not defined");
34        return M.t(e.nameLangKey);
35      }
36      return a.paymentGroup?.label;
37    }), E = (e) => o.isFeatureEnabled("BILLING-9781") ? e.id : e.name, N = (e) => o.isFeatureEnabled("BILLING-9781") ? e.paymentSystem : e.name, h = (e) => {
38      _.value = e;
39    }, P = (e) => {
40      C.setSelectedTransactionItem(e), h(!1), L.push({
41        name: S("withdrawalStatusPage", d.meta.flow === "cryptobalance"),
42        params: { withdrawalId: String(e.id) }
43      });
44    };
45    return V(() => {
46      m.loadActiveWithdrawals();
47    }), (e, s) => (r(), c(t(X), {
48      class: u(e.$style.root)
49    }, {
50      default: p(() => [
51        w(t(Z), {
52          class: u(e.$style.space),
53          "payment-group": F.value,
54          transaction: "deposit"
55        }, {
56          default: p(() => [
57            R(T(A.value), 1)
58          ]),
59          _: 1
60        }, 8, ["class", "payment-group"]),
61        w(t(ee), {
62          class: u(e.$style.space),
63          value: i.search,
64          onClear: i.clearSearch,
65          onFocus: i.focusSearch,
66          onInput: i.changeSearch
67        }, null, 8, ["class", "value", "onClear", "onFocus", "onInput"]),
68        g.value.length > 0 ? (r(), c(t(te), { key: 0 }, {
69          default: p(() => [
70            w(t(ae), null, {
71              default: p(() => [
72                (r(!0), I(b, null, z(g.value, (n) => (r(), c(t(oe), {
73                  key: E(n),
74                  class: u(e.$style.tile),
75                  "data-testid": `payment-method-${n.position}-${N(n)}-caption`,
76                  "is-short-hand": t(o).isFeatureEnabled("BILLING-9781"),
77                  "payment-method": n,
78                  onClick: (Le) => k(n)
79                }, null, 8, ["class", "data-testid", "is-short-hand", "payment-method", "onClick"]))), 128))
80              ]),
81              _: 1
82            })
83          ]),
84          _: 1
85        })) : (r(), c(t(se), { key: 1 })),
86        t(o).isFeatureEnabled("12075") ? (r(), I(b, { key: 2 }, [
87          t(l).currentList.totalCount ? (r(), c(ce, {
88            key: 0,
89            class: u(e.$style.withdrawalActiveButton),
90            count: t(l).currentList.totalCount,
91            onClick: s[0] || (s[0] = (n) => h(!0))
92          }, null, 8, ["class", "count"])) : f("", !0),
93          _.value ? (r(), c(t(ue), {
94            key: 1,
95            "has-error": t(l).currentList.hasError,
96            "is-loading-more": t(l).isLoadingMore,
97            items: t(l).currentList.items ?? [],
98            "total-count": t(l).currentList.totalCount,
99            onClose: s[1] || (s[1] = (n) => h(!1)),
100            onLoadMore: t(m).loadMore,
101            onRetry: t(m).retryLoad,
102            onViewStatus: P
103          }, null, 8, ["has-error", "is-loading-more", "items", "total-count", "onLoadMore", "onRetry"])) : f("", !0)
104        ], 64)) : f("", !0)
105      ]),
106      _: 1
107    }, 8, ["class"]));
108  }
109}), pe = "_root_u2krv_2", me = "_space_u2krv_8", he = "_tile_u2krv_12", ye = "_withdrawalActiveButton_u2krv_16", we = {
110  root: pe,
111  space: me,
112  tile: he,
113  withdrawalActiveButton: ye
114}, fe = {
115  $style: we
116}, be = /* @__PURE__ */ ne(de, [["__cssModules", fe]]);
117export {
118  be as default
119};