https://1wqdhu.life/resources/v1/mf/modules/paywidget/bundle/region-DyRMoahf.js

1(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("._root_1o8qt_2{display:flex;align-items:stretch;gap:8px;width:100%;min-height:var(--size-select-item-min-height);padding:0 var(--padding-select-network-item-list);border-radius:var(--rounding-list-item);transition:background-color .25s;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background-color:var(--color-list-item-full-width-false-bg-default)}._root_1o8qt_2:active{opacity:var(--opacity-item-active)}._root_1o8qt_2:hover{background-color:var(--color-list-item-full-width-false-bg-hover)}._icon_1o8qt_24>svg{border-radius:999px}._container_1o8qt_30{flex-grow:1}._wrapper_1o8qt_34{display:flex;justify-content:space-between;align-items:center;gap:8px;height:100%}._divider_1o8qt_42{background-color:var(--color-list-item-full-width-false-divider)}._container_7ec8m_2{border-radius:var(--rounding-list);display:flex;flex-direction:column;gap:var(--gap-list);margin:0 calc((var(--iframe-padding) - var(--iframe-padding-list) - 4px) * -1)}._space_7ec8m_10{margin:0 4px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
2import { defineComponent as $, openBlock as a, createElementBlock as S, normalizeClass as n, createVNode as d, createElementVNode as v, withCtx as u, createTextVNode as g, toDisplayString as k, createBlock as l, createCommentVNode as f, reactive as B, computed as C, unref as s, Fragment as E, renderList as D } from "vue";
3import { useRoute as N, useRouter as R } from "vue-router";
4import { O as x, P as F, b4 as L, Q as V, _ as w, u as z, f as A, e as P, k as T, a6 as U, b5 as G, b6 as O, S as Q, T as W, a8 as j, a9 as H, b7 as J, ac as K } from "./package-entrypoint-DERGeUZd.js";
5const X = /* @__PURE__ */ $({
6  __name: "select-item",
7  props: {
8    icon: {},
9    isActive: { type: Boolean },
10    item: {},
11    withDivider: { type: Boolean }
12  },
13  setup(i) {
14    return (c, p) => (a(), S("button", {
15      class: n(c.$style.root),
16      type: "button"
17    }, [
18      d(x, {
19        class: n(c.$style.icon),
20        name: i.icon,
21        size: "m"
22      }, null, 8, ["class", "name"]),
23      v("span", {
24        class: n(c.$style.container)
25      }, [
26        v("span", {
27          class: n(c.$style.wrapper)
28        }, [
29          d(F, null, {
30            default: u(() => [
31              g(k(i.item.text), 1)
32            ]),
33            _: 1
34          }),
35          i.isActive ? (a(), l(L, { key: 0 })) : f("", !0)
36        ], 2),
37        i.withDivider ? (a(), l(V, {
38          key: 0,
39          class: n(c.$style.divider)
40        }, null, 8, ["class"])) : f("", !0)
41      ], 2)
42    ], 2));
43  }
44}), Y = "_root_1o8qt_2", Z = "_icon_1o8qt_24", ee = "_container_1o8qt_30", te = "_wrapper_1o8qt_34", se = "_divider_1o8qt_42", oe = {
45  root: Y,
46  icon: Z,
47  container: ee,
48  wrapper: te,
49  divider: se
50}, ae = {
51  $style: oe
52}, ne = /* @__PURE__ */ w(X, [["__cssModules", ae]]), ce = /* @__PURE__ */ $({
53  __name: "region",
54  setup(i) {
55    const c = z(), p = N(), y = R(), b = A(), m = P(), q = T(), r = B(U()), h = C(() => {
56      const e = G.filter(
57        (t) => b.methodsCountrySelectorData?.geos?.includes(t.code.toUpperCase())
58      );
59      return m.user.paymentGeo.toLowerCase() === "ua" ? e.filter((t) => !["by", "ru"].includes(t.code)) : e;
60    }), _ = C(() => {
61      const e = new RegExp(O(r.search.toLowerCase()));
62      return r.search ? h.value.filter(({ name: t, code: o }) => e.test(`${t} ${o}`.toLowerCase())) : h.value;
63    }), I = (e) => {
64      m.changeSelectedCountry(e), q.sendSelectFieldEvent({ field_name: "country_selector", field_value: e });
65      const t = p.query.to;
66      if (t) {
67        y.push({ name: t });
68        return;
69      }
70      y.push({
71        name: p.meta.backRoute,
72        query: {
73          refetch: 1
74        }
75      });
76    };
77    return (e, t) => (a(), l(s(Q), null, {
78      default: u(() => [
79        d(s(W), {
80          class: n(e.$style.space),
81          color: "primary",
82          size: "l"
83        }, {
84          default: u(() => [

85            g(k(s(c).t("region.title")), 1)
86          ]),
87          _: 1
88        }, 8, ["class"]),
89        d(s(j), {
90          class: n(e.$style.space),
91          value: r.search,
92          onClear: r.clearSearch,
93          onFocus: r.focusSearch,
94          onInput: r.changeSearch
95        }, null, 8, ["class", "value", "onClear", "onFocus", "onInput"]),
96        _.value.length > 0 ? (a(), l(s(H), {
97          key: 0,
98          class: n(e.$style.container)
99        }, {
100          default: u(() => [
101            (a(!0), S(E, null, D(_.value, (o, M) => (a(), l(s(ne), {
102              key: o.code,
103              icon: s(J)(o.code),
104              "is-active": s(m).country === o.code,
105              item: {
106                text: o.name,
107                value: o.code
108              },
109              "with-divider": M !== _.value.length - 1,
110              onClick: (de) => I(o.code)
111            }, null, 8, ["icon", "is-active", "item", "with-divider", "onClick"]))), 128))
112          ]),
113          _: 1
114        }, 8, ["class"])) : (a(), l(s(K), { key: 1 }))
115      ]),
116      _: 1
117    }));
118  }
119}), re = "_container_7ec8m_2", le = "_space_7ec8m_10", ie = {
120  container: re,
121  space: le
122}, ue = {
123  $style: ie
124}, ye = /* @__PURE__ */ w(ce, [["__cssModules", ue]]);
125export {
126  ye as default
127};