https://1wazsi.life/resources/v1/mf/modules/paywidget/bundle/nigerian-banks-CL58-HeN.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 X, computed as S, ref as Y, watch as Q, onMounted as Z, onBeforeUnmount as j, openBlock as u, createBlock as y, unref as a, normalizeClass as r, withCtx as l, createVNode as i, createTextVNode as b, toDisplayString as I, createElementBlock as L, Fragment as J, renderList as ee, Transition as ae, createCommentVNode as te } from "vue";
3import { useRoute as se, useRouter as oe } from "vue-router";
4import { N as ne, g as re, u as le, m as ie, h as de, e as ce, c as me, b as ue, O as pe, o as he, p as ye, q as fe, t as F, Q as f, R as we, L as _e, S as ge, H as Me, P as Se, T as be, U as Ie, V as Ne, X as Ee, Y as ve, Z as Ce, $ as Le, a0 as Fe, _ as ke, w as We, r as k, A as Be, W as De, x as Re, y as $e, M as Pe } from "./package-entrypoint-YmXcXwPX.js";
5import { u as Ae, a as Ve } from "./use-withdrawal-credentials-ccT0i9R3.js";
6import { W as Ge } from "./withdrawal-form-f8K7pkCN.js";
7const Te = /* @__PURE__ */ X({
8  __name: "nigerian-banks",
9  setup(Qe) {
10    const W = ne(), { t: w } = re(), _ = se(), N = oe(), s = le(), E = ie(), m = de(), B = ce(), n = me(), h = Ae(), c = ue(), { search: v, changeSearch: D, clearSearch: R, focusSearch: $ } = pe(), { sendErrorEvent: p, sendSelectFieldEvent: P, sendSubmitEvent: A } = he(), { handleError: V, validate: G } = ye(), { cancelDetailsRequest: T, fetchPaymentMethodDetails: H } = fe(), { getWithdrawalPayload: z, notifyCredentialSaved: O } = Ve(), g = S(
11      () => F(n.fields.find((e) => e.name === f)?.props.value)
12    ), M = Y(""), U = S(() => {
13      const o = ((c.isFeatureEnabled("BILLING-9781") ? s.paymentMethodDetails : s.paymentMethod)?.fields ?? []).find((t) => t.name === f);
14      return o ? (c.isFeatureEnabled("BILLING-9781") ? o.options?.map((t) => t.name) ?? [] : o.values ?? []).map((t) => ({
15        icon: (
16          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- value приходит с бэкенда и может не быть ключом nigerianBankIcons
17          we[t]?.[W.value] ?? "payment-methods/common/dark/bank-transfer"
18        ),
19        name: t
20      })) : [];
21    }), C = S(
22      () => U.value.filter((e) => e.name.toLowerCase().includes(v.value.toLowerCase()))
23    ), q = () => {
24      h.setIsReturningFromManager(!0), N.push({ name: We("withdrawalCredentialsPage", _.meta.flow === "cryptobalance") });
25    }, x = (e) => {
26      n.changeFieldProps(f, { value: e }), P({
27        field_name: "bank_list",
28        field_value: e
29      });
30    };
31    Q(g, (e) => {
32      if (e) {
33        M.value = e;
34        return;
35      }
36      M.value && n.changeFieldProps(f, { value: M.value });
37    }, { immediate: !0 });
38    const K = async () => {
39      if (A(), !await G())
40        return;
41      const o = _.meta.flow ?? "default", d = o === "cryptobalance" ? k.cryptoBalanceWithdrawalCompletePage : k.withdrawalCompletePage;
42      if (c.isFeatureEnabled("BILLING-9781") && !s.paymentMethodDetails)
43        throw p({ error_text: "No payment-method details" }), new Error("No payment-method details");
44      if (!c.isFeatureEnabled("BILLING-9781") && !s.paymentMethod)
45        throw p({ error_text: "No payment-method" }), new Error("No payment-method");
46      if (typeof s.paymentMethodName != "string")
47        throw p({ error_text: "No payment-method name" }), new Error("No payment-method name");

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