https://1wmxyf.com/resources/v1/mf/modules/paywidget/bundle/nigerian-banks-DQ_6qPtE.js

1(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._root_1w18s_2{display:flex;flex-direction:column;gap:16px}._space_1w18s_8{margin:0 4px}._card_1w18s_12{display:flex;flex-direction:column;gap:8px;margin:4px;text-align:start}._card_1w18s_12._selected_1w18s_19{outline:var(--color-border-focus) solid var(--size-border-focus);outline-offset:var(--size-border-focus)}._icon_1w18s_25{height:32px}._label_1w18s_29{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;text-overflow:ellipsis;overflow:hidden}._bottom_1w18s_33{display:flex;flex-direction:column;gap:16px}")),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2import { defineComponent as T, reactive as H, computed as S, ref as z, watch as O, onMounted as q, onBeforeUnmount as K, openBlock as p, createBlock as f, unref as a, normalizeClass as r, withCtx as l, createVNode as i, createTextVNode as b, toDisplayString as v, createElementBlock as W, Fragment as U, renderList as j, Transition as x, createCommentVNode as X } from "vue";
3import { useRoute as Y, useRouter as J } from "vue-router";
4import { ar as Q, u as Z, f as ee, e as ae, h as te, j as se, i as ne, b as oe, a6 as re, k as le, l as ie, m as de, t as B, as as w, at as ce, L as me, S as ue, H as pe, a7 as he, a8 as ye, a9 as fe, aa as we, au as _e, O as ge, ak as Me, ac as Ee, av as Se, ap as be, w as ve, r as D, A as Ie, W as Ne, p as Ce, q as Le, _ as Fe } from "./package-entrypoint-DERGeUZd.js";
5import { u as ke, a as We } from "./use-withdrawal-credentials-DzFkVrG4.js";
6import { W as Be } from "./withdrawal-form-nUpj_jHP.js";
7const De = /* @__PURE__ */ T({
8  __name: "nigerian-banks",
9  setup(Oe) {
10    const R = Q(), _ = Z(), g = Y(), I = J(), s = ee(), N = ae(), u = te(), $ = se(), o = ne(), y = ke(), c = oe(), h = H(re()), m = le(), C = ie(), L = de(), F = We(), M = S(
11      () => B(o.fields.find((e) => e.name === w)?.props.value)
12    ), E = z(""), P = S(() => {
13      const n = ((c.isFeatureEnabled("BILLING-9781") ? s.paymentMethodDetails : s.paymentMethod)?.fields ?? []).find((t) => t.name === w);
14      return n ? (c.isFeatureEnabled("BILLING-9781") ? n.options?.map((t) => t.name) ?? [] : n.values ?? []).map((t) => ({
15        icon: (
16          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- value приходит с бэкенда и может не быть ключом nigerianBankIcons
17          ce[t]?.[R.value] ?? "payment-methods/common/dark/bank-transfer"
18        ),
19        name: t
20      })) : [];
21    }), k = S(
22      () => P.value.filter((e) => e.name.toLowerCase().includes(h.search.toLowerCase()))
23    ), A = () => {
24      y.setIsReturningFromManager(!0), I.push({ name: ve("withdrawalCredentialsPage", g.meta.flow === "cryptobalance") });
25    }, G = (e) => {
26      o.changeFieldProps(w, { value: e }), m.sendSelectFieldEvent({
27        field_name: "bank_list",
28        field_value: e
29      });
30    };
31    O(M, (e) => {
32      if (e) {
33        E.value = e;
34        return;
35      }
36      E.value && o.changeFieldProps(w, { value: E.value });
37    }, { immediate: !0 });
38    const V = async () => {
39      if (m.sendSubmitEvent(), !await C.validate())
40        return;
41      const n = g.meta.flow ?? "default", d = n === "cryptobalance" ? D.cryptoBalanceWithdrawalCompletePage : D.withdrawalCompletePage;
42      if (c.isFeatureEnabled("BILLING-9781") && !s.paymentMethodDetails)
43        throw m.sendErrorEvent({ error_text: "No payment-method details" }), new Error("No payment-method details");
44      if (!c.isFeatureEnabled("BILLING-9781") && !s.paymentMethod)
45        throw m.sendErrorEvent({ error_text: "No payment-method" }), new Error("No payment-method");
46      if (typeof s.paymentMethodName != "string")
47        throw m.sendErrorEvent({ error_text: "No payment-method name" }), new Error("No payment-method name");
48      try {
49        u.setIsLoadingWithdrawal(!0);
50        const t = await Ie.createWithdrawal({
51          amount: +o.amount,
52          currency: N.user.currency,
53          fields: {
54            amount: +o.amount,
55            ...Ce(o.validationState, ["customWallet"])
56          },
57          ...F.getWithdrawalPayload(s.paymentMethodName, n),
58          meta: [
59            ...c.isFeatureEnabled(`${Ne}

59_group_b`) ? ["a7f3b2c9d1e4f6a8b5c2d9e1f4a7b3c6"] : []
60          ],
61          payment_system: s.paymentMethodName,
62          ...c.isFeatureEnabled("BILLING-9781") && { paymentMethodId: s.selectedShortHandPaymentMethodId },
63          selectedCountry: N.country,
64          wallet: B(o.validationState.customWallet)
65        });
66        u.setWithdrawalData(t), F.notifyCredentialSaved(t.credentialSaved), await u.handleResponse(t, d, n), u.isRuleShown && m.sendErrorEvent({ error_text: "withdrawal_blocked" });
67      } catch (t) {
68        t instanceof Error && !(t instanceof Le) && m.sendErrorEvent({ error_text: t.message }), C.handleError(t);
69      } finally {
70        u.setIsLoadingWithdrawal(!1);
71      }
72    };
73    return q(async () => {
74      if (!c.isFeatureEnabled("BILLING-9781"))
75        return;
76      const e = y.isReturningFromManager;
77      y.setIsReturningFromManager(!1);
78      try {
79        await L.fetchPaymentMethodDetails();
80      } catch (n) {
81        return $.createNotification({
82          title: _.t("common.depositMessageErrorModal.title"),
83          content: _.t("common.depositMessageErrorModal.tryAgain")
84        }), me.captureError(n), void I.push({ name: g.meta.backRoute });
85      }
86      s.paymentMethodDetails && !e && (o.changeNewFormatFields(s.paymentMethodDetails.fields ?? []), o.changeAmount(s.paymentMethodDetails.prefilledAmount));
87    }), K(() => {
88      L.cancelDetailsRequest();
89    }), (e, n) => (p(), f(a(ue), {
90      class: r(e.$style.root)
91    }, {
92      default: l(() => [
93        i(a(pe), {
94          "is-loading": a(s).isFetchingPaymentMethodDetails
95        }, {
96          default: l(() => [
97            i(a(he), {
98              class: r(e.$style.space),
99              "payment-method": a(s).paymentMethod,
100              "payment-method-details": a(s).paymentMethodDetails
101            }, {
102              default: l(() => [
103                b(v(a(s).paymentLabel), 1)
104              ]),
105              _: 1
106            }, 8, ["class", "payment-method", "payment-method-details"])
107          ]),
108          _: 1
109        }, 8, ["is-loading"]),
110        i(a(ye), {
111          class: r(e.$style.space),
112          value: h.search,
113          onClear: h.clearSearch,
114          onFocus: h.focusSearch,
115          onInput: h.changeSearch
116        }, null, 8, ["class", "value", "onClear", "onFocus", "onInput"]),
117        k.value.length > 0 ? (p(), f(a(fe), { key: 0 }, {
118          default: l(() => [
119            i(a(we), null, {
120              default: l(() => [
121                (p(!0), W(U, null, j(k.value, (d) => (p(), f(a(_e), {
122                  key: d.name,
123                  class: r([e.$style.card, M.value === d.name && e.$style.selected]),
124                  "is-pressable": "",
125                  onClick: (t) => G(d.name)
126                }, {
127                  default: l(() => [
128                    i(a(ge), {
129                      class: r(e.$style.icon),
130                      name: d.icon,
131                      size: "full"
132                    }, null, 8, ["class", "name"]),
133                    i(a(Me), {
134                      class: r(e.$style.label),
135                      size: "s-sb"
136                    }, {
137                      default: l(() => [
138                        b(v(d.name), 1)
139                      ]),
140                      _: 2
141                    }, 1032, ["class"])
142                  ]),
143                  _: 2
144                }, 1032, ["class", "onClick"]))), 128))
145              ]),
146              _: 1
147            })
148          ]),
149          _: 1
150        })) : (p(), f(a(Ee), { key: 1 })),
151        i(x, {
152          name: a(Se).slideDown
153        }, {
154          default: l(() => [
155            M.value ? (p(), W("div", {
156              key: 0,
157              class: r(e.$style.bottom)
158            }, [
159              i(a(Be), {
160                class: r(e.$style.space),
161                onOpenCredentialManager: A
162              }, null, 8, ["class"]),
163              i(a(be), {
164                class: r(e.$style.space),
165                "data-testid": "withdrawal-create-button",
166                "is-disabled": a(y).isLoadingCredentialData,
167                "is-loading": a(u).isLoadingWithdrawal,
168                onClick: V
169              }, {
170                default: l(() => [
171                  b(v(a(_).t("deposit.button")), 1)
172                ]),
173                _: 1
174              }, 8, ["class", "is-disabled", "is-loading"])
175            ], 2)) : X("", !0)
176          ]),
177          _: 1
178        }, 8, ["name"])
179      ]),
180      _: 1
181    }, 8, ["class"]));
182  }
183}), Re = "_root_1w18s_2", $e = "_space_1w18s_8", Pe = "_card_1w18s_12", Ae = "_selected_1w18s_19", Ge = "_icon_1w18s_25", Ve = "_label_1w18s_29", Te = "_bottom_1w18s_33", He = {
184  root: Re,
185  space: $e,
186  card: Pe,
187  selected: Ae,
188  icon: Ge,
189  label: Ve,
190  bottom: Te
191}, ze = {
192  $style: He
193}, Xe = /* @__PURE__ */ Fe(De, [["__cssModules", ze]]);
194export {
195  Xe as default
196};