@webx-ui/module-delivery 0.0.0-stage → 0.1.0

package/dist/GeographyPage-IBg0JnNH.js

@@ -0,0 +1,750 @@
+import { defineComponent as de, ref as p, useTemplateRef as Me, onMounted as Ae, nextTick as Ee, openBlock as c, createBlock as w, unref as t, isRef as Ne, withCtx as n, createVNode as s, createElementVNode as x, withKeys as re, createTextVNode as V, toDisplayString as u, computed as _, watch as N, createElementBlock as $, Fragment as K, withModifiers as Pe, createCommentVNode as B, resolveDynamicComponent as Ie } from "vue";
+import { useRoute as Ke, useRouter as Fe } from "vue-router";
+import { useModal as Ge, WxDialog as He, WxFormItem as A, WxInput as se, WxSpace as Je, WxButton as F, createModal as Qe, WxTable as Xe, WxBadge as ee, WxSelect as z, WxText as Ye, WxSkeleton as ue, WxEmpty as le, WxSortableList as ce, WxSwitch as Ze, WxAlert as el, toast as d, confirm as ae } from "@webx-ui/core";
+import { useAdmin as ve, useErrorText as ye, rowMenuWidth as ll, WxListScreen as al, WxRowMenu as te } from "@webx-ui/module-admin";
+import { c as me, u as ge, L as tl, _ as ol } from "./index-5nt0M0In.js";
+const nl = /* @__PURE__ */ de({
+  name: "WxDeliveryRegionDialog",
+  __name: "RegionDialog",
+  props: {
+    country: {},
+    region: { default: null }
+  },
+  setup(oe) {
+    const k = oe, { open: m, resolve: W } = Ge(), E = me(ve()), e = ge(), f = ye(), v = p({ ...k.region?.names ?? {} }), D = p(k.region?.code ?? ""), S = p({}), g = p(!1), r = Me("field");
+    Ae(async () => {
+      await Ee(), r.value?.querySelector("input")?.focus();
+    });
+    const C = () => Object.values(v.value).some((b) => b.trim() !== "");
+    function L(b) {
+      const i = Object.keys(S.value).find((h) => h === b || h.startsWith(`${b}.`));
+      return i === void 0 ? void 0 : S.value[i]?.[0];
+    }
+    async function R() {
+      if (!C() || g.value) return;
+      g.value = !0, S.value = {};
+      const b = Object.fromEntries(
+        Object.entries(v.value).map(([i, h]) => [i, h.trim()]).filter(([, i]) => i !== "")
+      );
+      try {
+        k.region ? await E.saveRegion(k.region.id, { names: b, code: D.value.trim() || null }) : await E.createRegion(k.country, b, D.value.trim() || null), W(!0);
+      } catch (i) {
+        S.value = i.errors ?? {}, Object.keys(S.value).length === 0 && (S.value = { names: [f(i)] });
+      } finally {
+        g.value = !1;
+      }
+    }
+    return (b, i) => (c(), w(t(He), {
+      open: t(m),
+      "onUpdate:open": i[3] || (i[3] = (h) => Ne(m) ? m.value = h : null),
+      title: k.region ? t(e)("region.edit-title") : t(e)("region.new-title"),
+      width: 480
+    }, {
+      footer: n(() => [
+        s(t(Je), { size: "sm" }, {
+          default: n(() => [
+            s(t(F), {
+              variant: "outline",
+              onClick: i[2] || (i[2] = (h) => m.value = !1)
+            }, {
+              default: n(() => [
+                V(u(t(e)("common.cancel")), 1)
+              ]),
+              _: 1
+            }),
+            s(t(F), {
+              type: "primary",
+              loading: g.value,
+              disabled: !C(),
+              "data-test": "region-save",
+              onClick: R
+            }, {
+              default: n(() => [
+                V(u(k.region ? t(e)("common.save") : t(e)("common.add")), 1)
+              ]),
+              _: 1
+            }, 8, ["loading", "disabled"])
+          ]),
+          _: 1
+        })
+      ]),
+      default: n(() => [
+        s(t(A), {
+          label: t(e)("region.name"),
+          help: t(e)("locality.names-help"),
+          error: L("names"),
+          required: ""
+        }, {
+          default: n(() => [
+            x("div", {
+              ref_key: "field",
+              ref: r
+            }, [
+              s(t(se), {
+                modelValue: v.value,
+                "onUpdate:modelValue": i[0] || (i[0] = (h) => v.value = h),
+                localized: "",
+                maxlength: 120,
+                "aria-label": t(e)("region.name"),
+                "data-test": "region-name",
+                onKeyup: re(R, ["enter"])
+              }, null, 8, ["modelValue", "aria-label"])
+            ], 512)
+          ]),
+          _: 1
+        }, 8, ["label", "help", "error"]),
+        s(t(A), {
+          label: t(e)("region.code"),
+          help: t(e)("region.code-help"),
+          error: L("code")
+        }, {
+          default: n(() => [
+            s(t(se), {
+              modelValue: D.value,
+              "onUpdate:modelValue": i[1] || (i[1] = (h) => D.value = h),
+              maxlength: 8,
+              onKeyup: re(R, ["enter"])
+            }, null, 8, ["modelValue"])
+          ]),
+          _: 1
+        }, 8, ["label", "help", "error"])
+      ]),
+      _: 1
+    }, 8, ["open", "title"]));
+  }
+}), il = { class: "wx-delivery-geo__name" }, rl = {
+  key: 0,
+  class: "wx-delivery-geo__muted"
+}, sl = {
+  key: 0,
+  class: "wx-delivery-geo__muted"
+}, ul = { class: "wx-delivery-geo__muted" }, cl = {
+  key: 0,
+  class: "wx-delivery-geo__bar"
+}, dl = { class: "wx-delivery-geo__country" }, vl = { class: "wx-delivery-geo__name" }, yl = { class: "wx-delivery-geo__muted" }, ml = { class: "wx-delivery-geo__muted" }, gl = {
+  key: 0,
+  class: "wx-delivery-geo__leader"
+}, pl = { class: "wx-delivery-geo__muted" }, fl = { class: "wx-delivery-geo__country-actions" }, bl = { class: "wx-delivery-geo__bar" }, hl = { class: "wx-delivery-geo__name" }, _l = {
+  key: 0,
+  class: "wx-delivery-geo__muted"
+}, wl = { class: "wx-delivery-geo__muted wx-delivery-geo__count" }, xl = /* @__PURE__ */ de({
+  __name: "GeographyPage",
+  setup(oe) {
+    const k = ve(), m = me(k), W = Ke(), E = Fe(), e = ge(), f = ye(), v = _(() => k.can("delivery.manage")), D = _(
+      () => k.state.manifest?.modules.find((l) => l.id === "delivery-geography")?.title ?? e("sections.geography")
+    ), S = _(() => [
+      { value: "localities", label: e("country.localities-tab") },
+      { value: "countries", label: e("country.title") },
+      { value: "regions", label: e("region.title") }
+    ]), g = _({
+      get: () => W.query.view === "countries" || W.query.view === "regions" ? W.query.view : "localities",
+      set: (l) => {
+        E.replace({
+          query: { ...W.query, view: l === "localities" ? void 0 : String(l) }
+        });
+      }
+    }), r = _({
+      get: () => typeof W.query.country == "string" ? W.query.country : "",
+      set: (l) => {
+        E.replace({
+          query: { ...W.query, country: l || void 0, region: void 0 }
+        });
+      }
+    }), C = p(null), L = p(!1), R = p(null);
+    async function b() {
+      L.value = !0;
+      try {
+        C.value = await m.countries();
+      } catch (l) {
+        d.danger(f(l));
+      } finally {
+        L.value = !1;
+      }
+    }
+    b(), N(
+      [g, C],
+      () => {
+        const l = C.value?.countries ?? [];
+        g.value === "regions" && r.value === "" && l.length > 0 && (r.value = (l.find((o) => o.active) ?? l[0]).code);
+      },
+      { immediate: !0 }
+    );
+    const i = p([]);
+    N(C, (l) => i.value = l?.countries ?? []);
+    const h = _(
+      () => i.value.map((l) => ({
+        value: l.code,
+        label: `${l.name} (${l.code})${l.active ? "" : ` · ${e("country.off")}`}`
+      }))
+    ), pe = _(() => {
+      const l = new Set(i.value.filter((o) => o.active).map((o) => o.code));
+      return (C.value?.choices ?? []).filter((o) => !l.has(o.code)).map((o) => ({ value: o.code, label: `${o.name} (${o.code})` }));
+    }), G = _(() => [
+      { value: "", label: e("country.leader-none") },
+      ...C.value?.carriers ?? []
+    ]);
+    async function fe(l) {
+      if (l)
+        try {
+          await m.enableCountry(l), R.value = null, r.value = l, await b();
+        } catch (o) {
+          d.danger(f(o));
+        }
+    }
+    async function be(l, o) {
+      try {
+        o ? await m.enableCountry(l) : (await m.disableCountry(l), d.info(e("country.disabled"))), await b();
+      } catch (a) {
+        d.danger(f(a));
+      }
+    }
+    async function he(l, o) {
+      try {
+        await m.lead(l, o === "" ? null : o), d.success(e("common.saved"));
+      } catch (a) {
+        d.danger(f(a));
+      } finally {
+        await b();
+      }
+    }
+    async function _e() {
+      try {
+        await m.orderCountries(i.value.map((l) => l.code));
+      } catch (l) {
+        d.danger(f(l, e("common.order-failed"))), await b();
+      }
+    }
+    async function we(l) {
+      const o = l.regions > 0 || l.localities > 0;
+      if (await ae({
+        title: e("country.remove-title", { name: l.name }),
+        message: e(o ? "country.remove-held" : "country.remove-text"),
+        confirmText: e(o ? "country.disable" : "country.remove"),
+        cancelText: e("common.cancel"),
+        tone: "danger"
+      }))
+        try {
+          const y = await m.removeCountry(l.code);
+          d.success(e(y === "deleted" ? "country.removed" : "country.deactivated")), y === "deleted" && r.value === l.code && (r.value = ""), await b();
+        } catch (y) {
+          d.danger(f(y));
+        }
+    }
+    function xe(l) {
+      return v.value ? [
+        {
+          key: "remove",
+          icon: "trash",
+          label: e("country.remove"),
+          danger: !0,
+          run: () => {
+            we(l);
+          }
+        }
+      ] : [];
+    }
+    const U = p([]), H = p(!1), ke = Qe(
+      nl
+    );
+    async function Ve() {
+      try {
+        await m.orderRegions(
+          r.value,
+          U.value.map((l) => l.id)
+        );
+      } catch (l) {
+        d.danger(f(l, e("common.order-failed"))), await P();
+      }
+    }
+    async function P() {
+      if (r.value === "") {
+        U.value = [];
+        return;
+      }
+      H.value = !0;
+      try {
+        U.value = await m.regions(r.value);
+      } catch (l) {
+        d.danger(f(l));
+      } finally {
+        H.value = !1;
+      }
+    }
+    N(
+      [r, g],
+      () => {
+        (g.value === "regions" || g.value === "localities") && P();
+      },
+      { immediate: !0 }
+    );
+    async function J(l) {
+      r.value !== "" && await ke({ country: r.value, region: l }) && (d.success(e("region.saved")), await P());
+    }
+    async function We(l) {
+      if (await ae({
+        title: e("region.delete-title", { name: l.name }),
+        message: e("region.delete-text"),
+        confirmText: e("common.delete"),
+        cancelText: e("common.cancel"),
+        tone: "danger"
+      }))
+        try {
+          await m.removeRegion(l.id), d.success(e("region.deleted")), await P();
+        } catch (a) {
+          d.danger(f(a));
+        }
+    }
+    function Ce(l) {
+      return v.value ? [
+        { key: "edit", icon: "edit", label: e("region.edit"), run: () => {
+          J(l);
+        } },
+        {
+          key: "delete",
+          icon: "trash",
+          label: e("common.delete"),
+          danger: !0,
+          disabled: l.localities > 0,
+          hint: l.localities > 0 ? e("region.delete-held") : void 0,
+          run: () => {
+            We(l);
+          }
+        }
+      ] : [];
+    }
+    const Q = p(null), X = p(!1), T = p(null), j = p(""), M = p(""), ne = p(null), Y = p(!1), Re = _(() => [
+      { key: "name", label: e("locality.names"), minWidth: 160 },
+      { key: "kind", label: e("locality.kind"), width: 120, hideBelow: 560 },
+      { key: "region", label: e("locality.region"), minWidth: 140, hideBelow: 640 },
+      { key: "source", label: e("locality.source"), width: 120, hideBelow: 760 },
+      { key: "bindings", label: e("locality.bindings"), minWidth: 120, hideBelow: 900 },
+      { key: "weight", label: e("locality.weight"), width: 90, align: "right", hideBelow: 900 },
+      { key: "active", label: e("locality.active"), width: 110 },
+      { key: "actions", label: "", width: ll, align: "right" }
+    ]), Ue = _(() => [
+      { value: "", label: e("locality.any-source") },
+      { value: "manual", label: e("locality.sources.manual") },
+      { value: "import", label: e("locality.sources.import") },
+      { value: "carrier", label: e("locality.sources.carrier") }
+    ]), $e = _(() => [
+      { value: "", label: e("common.any-state") },
+      { value: "active", label: e("common.active") },
+      { value: "inactive", label: e("common.inactive") }
+    ]), Se = _(
+      () => U.value.map((l) => ({ value: l.id, label: l.name }))
+    );
+    let I = { page: 1, perPage: 25, sort: null, search: "" };
+    async function q(l = I) {
+      I = l, X.value = !0;
+      try {
+        Q.value = await m.localities({
+          page: l.page,
+          per_page: l.perPage,
+          q: l.search,
+          country: r.value,
+          region: T.value,
+          source: j.value,
+          state: M.value
+        });
+      } catch (o) {
+        d.danger(f(o));
+      } finally {
+        X.value = !1;
+      }
+    }
+    N([r, T, j, M], () => {
+      g.value === "localities" && q({ ...I, page: 1 });
+    }), N(r, () => T.value = null);
+    const Te = _(() => {
+      const l = Q.value?.elsewhere ?? [], o = (O) => O.map((je) => je.name).join(", "), a = l.filter((O) => O.active), y = l.filter((O) => !O.active), Le = I.search !== "" || !!r.value || !!T.value || !!j.value || !!M.value;
+      return [
+        e(Le ? "locality.nothing-found" : "locality.empty"),
+        a.length > 0 ? e("locality.found-in", { countries: o(a) }) : "",
+        y.length > 0 ? e("locality.found-off", { countries: o(y) }) : ""
+      ].filter((O) => O !== "").join(" ");
+    });
+    function Z(l) {
+      ne.value = l, Y.value = !0;
+    }
+    async function ie(l) {
+      try {
+        await m.activateLocality(l.id), d.success(e("locality.activated")), await q();
+      } catch (o) {
+        d.danger(f(o));
+      }
+    }
+    async function qe(l) {
+      try {
+        await m.deactivateLocality(l.id), d.success(e("locality.switched-off")), await q();
+      } catch (o) {
+        d.danger(f(o));
+      }
+    }
+    async function Oe(l) {
+      let o = [];
+      try {
+        o = (await m.locality(l.id)).locality.held_by;
+      } catch (y) {
+        d.danger(f(y));
+        return;
+      }
+      if (await ae({
+        title: e("locality.delete-title", { name: l.name }),
+        message: o.length > 0 ? e("locality.held-text", { what: o.join(", ") }) : e("locality.delete-text"),
+        confirmText: o.length > 0 ? e("locality.deactivate") : e("common.delete"),
+        cancelText: e("common.cancel"),
+        tone: "danger"
+      }))
+        try {
+          const { removal: y } = await m.removeLocality(l.id);
+          d.success(e(y === "deleted" ? "locality.deleted" : "locality.deactivated")), await q();
+        } catch (y) {
+          d.danger(f(y));
+        }
+    }
+    function Be(l) {
+      return v.value ? [
+        { key: "edit", icon: "edit", label: e("common.edit"), run: () => Z(l.id) },
+        l.active ? {
+          key: "off",
+          icon: "eye-off",
+          label: e("locality.deactivate"),
+          run: () => {
+            qe(l);
+          }
+        } : { key: "on", icon: "eye", label: e("locality.activate"), run: () => {
+          ie(l);
+        } },
+        {
+          key: "delete",
+          icon: "trash",
+          label: e("common.delete"),
+          danger: !0,
+          run: () => {
+            Oe(l);
+          }
+        }
+      ] : [];
+    }
+    function ze() {
+      q();
+    }
+    const De = _(() => v.value ? g.value === "localities" ? [{ key: "new", label: e("locality.new"), primary: !0, run: () => Z(null) }] : g.value === "regions" && r.value !== "" ? [{ key: "new", label: e("region.add"), primary: !0, run: () => {
+      J(null);
+    } }] : [] : []);
+    return (l, o) => (c(), w(t(al), {
+      view: g.value,
+      "onUpdate:view": o[12] || (o[12] = (a) => g.value = a),
+      title: D.value,
+      views: S.value,
+      actions: De.value
+    }, {
+      default: n(() => [
+        g.value === "localities" ? (c(), $(K, { key: 0 }, [
+          s(t(Xe), {
+            data: Q.value,
+            columns: Re.value,
+            "row-key": "id",
+            searchable: "",
+            clickable: "",
+            hover: "",
+            flush: "",
+            loading: X.value,
+            "search-placeholder": t(e)("locality.search"),
+            "empty-text": Te.value,
+            "filters-count": (r.value ? 1 : 0) + (T.value ? 1 : 0) + (j.value ? 1 : 0) + (M.value ? 1 : 0),
+            onRowClick: o[4] || (o[4] = (a) => Z(a.id)),
+            onStateChange: q
+          }, {
+            filters: n(() => [
+              s(t(A), {
+                label: t(e)("locality.country")
+              }, {
+                default: n(() => [
+                  s(t(z), {
+                    modelValue: r.value,
+                    "onUpdate:modelValue": o[0] || (o[0] = (a) => r.value = a),
+                    options: [{ value: "", label: t(e)("locality.any-country") }, ...h.value],
+                    size: "sm",
+                    filterable: "",
+                    "data-test": "locality-country"
+                  }, null, 8, ["modelValue", "options"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              s(t(A), {
+                label: t(e)("locality.region")
+              }, {
+                default: n(() => [
+                  s(t(z), {
+                    modelValue: T.value,
+                    "onUpdate:modelValue": o[1] || (o[1] = (a) => T.value = a),
+                    options: Se.value,
+                    placeholder: t(e)("locality.any-region"),
+                    size: "sm",
+                    filterable: "",
+                    clearable: ""
+                  }, null, 8, ["modelValue", "options", "placeholder"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              s(t(A), {
+                label: t(e)("locality.source")
+              }, {
+                default: n(() => [
+                  s(t(z), {
+                    modelValue: j.value,
+                    "onUpdate:modelValue": o[2] || (o[2] = (a) => j.value = a),
+                    options: Ue.value,
+                    size: "sm"
+                  }, null, 8, ["modelValue", "options"])
+                ]),
+                _: 1
+              }, 8, ["label"]),
+              s(t(A), {
+                label: t(e)("locality.active")
+              }, {
+                default: n(() => [
+                  s(t(z), {
+                    modelValue: M.value,
+                    "onUpdate:modelValue": o[3] || (o[3] = (a) => M.value = a),
+                    options: $e.value,
+                    size: "sm"
+                  }, null, 8, ["modelValue", "options"])
+                ]),
+                _: 1
+              }, 8, ["label"])
+            ]),
+            "cell-name": n(({ row: a }) => [
+              x("span", il, u(a.name), 1),
+              a.district ? (c(), $("span", rl, " · " + u(a.district), 1)) : B("", !0)
+            ]),
+            "cell-kind": n(({ row: a }) => [
+              V(u(a.kind_label), 1)
+            ]),
+            "cell-region": n(({ row: a }) => [
+              V(u(a.region?.name ?? "") + " ", 1),
+              r.value ? B("", !0) : (c(), $("span", sl, " · " + u(a.country), 1))
+            ]),
+            "cell-source": n(({ row: a }) => [
+              s(t(ee), { size: "sm" }, {
+                default: n(() => [
+                  V(u(t(e)(`locality.sources.${a.source}`)), 1)
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            "cell-bindings": n(({ row: a }) => [
+              x("span", ul, u(a.bindings.map((y) => y.carrier_title).join(", ")), 1)
+            ]),
+            "cell-active": n(({ row: a }) => [
+              a.active ? (c(), w(t(ee), {
+                key: 0,
+                type: "success",
+                dot: ""
+              }, {
+                default: n(() => [
+                  V(u(t(e)("common.active")), 1)
+                ]),
+                _: 1
+              })) : v.value ? (c(), w(t(F), {
+                key: 1,
+                size: "sm",
+                variant: "outline",
+                onClick: Pe((y) => ie(a), ["stop"])
+              }, {
+                default: n(() => [
+                  V(u(t(e)("locality.activate")), 1)
+                ]),
+                _: 1
+              }, 8, ["onClick"])) : (c(), w(t(ee), {
+                key: 2,
+                dot: ""
+              }, {
+                default: n(() => [
+                  V(u(t(e)("common.inactive")), 1)
+                ]),
+                _: 1
+              }))
+            ]),
+            "cell-actions": n(({ row: a }) => [
+              s(t(te), {
+                actions: Be(a),
+                label: a.name
+              }, null, 8, ["actions", "label"])
+            ]),
+            _: 1
+          }, 8, ["data", "columns", "loading", "search-placeholder", "empty-text", "filters-count"]),
+          s(tl, {
+            id: ne.value,
+            open: Y.value,
+            "onUpdate:open": o[5] || (o[5] = (a) => Y.value = a),
+            country: r.value || null,
+            onSaved: ze,
+            onRemoved: o[6] || (o[6] = (a) => q())
+          }, null, 8, ["id", "open", "country"])
+        ], 64)) : g.value === "countries" ? (c(), $(K, { key: 1 }, [
+          v.value ? (c(), $("div", cl, [
+            s(t(z), {
+              modelValue: R.value,
+              "onUpdate:modelValue": o[7] || (o[7] = (a) => R.value = a),
+              options: pe.value,
+              filterable: "",
+              placeholder: t(e)("country.choose"),
+              "aria-label": t(e)("country.add"),
+              class: "wx-delivery-geo__choose",
+              "data-test": "country-choice"
+            }, null, 8, ["modelValue", "options", "placeholder", "aria-label"]),
+            s(t(F), {
+              type: "primary",
+              disabled: !R.value,
+              "data-test": "country-enable",
+              onClick: o[8] || (o[8] = (a) => fe(R.value))
+            }, {
+              default: n(() => [
+                V(u(t(e)("country.enable")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ])) : B("", !0),
+          i.value.length > 0 && G.value.length > 1 ? (c(), w(t(Ye), {
+            key: 1,
+            class: "wx-delivery-geo__note",
+            tone: "muted",
+            size: "sm",
+            "data-test": "leader-help"
+          }, {
+            default: n(() => [
+              V(u(t(e)("country.leader-help")), 1)
+            ]),
+            _: 1
+          })) : B("", !0),
+          L.value && i.value.length === 0 ? (c(), w(t(ue), {
+            key: 2,
+            rows: 3
+          })) : i.value.length === 0 ? (c(), w(t(le), {
+            key: 3,
+            title: t(e)("country.empty"),
+            description: t(e)("country.empty-help")
+          }, null, 8, ["title", "description"])) : (c(), w(t(ce), {
+            key: 4,
+            modelValue: i.value,
+            "onUpdate:modelValue": o[9] || (o[9] = (a) => i.value = a),
+            class: "wx-delivery-geo__list",
+            plain: "",
+            hoverable: "",
+            "item-key": "code",
+            handle: v.value ? "grip" : "row",
+            "item-label": (a) => a.name,
+            disabled: !v.value,
+            onMove: _e
+          }, {
+            default: n(({ item: a }) => [
+              x("div", dl, [
+                x("span", vl, u(a.name), 1),
+                x("span", yl, u(a.code), 1),
+                x("span", ml, u(t(e)("country.regions")) + ": " + u(a.regions) + " · " + u(t(e)("country.localities")) + ": " + u(a.localities), 1),
+                G.value.length > 1 ? (c(), $("span", gl, [
+                  x("span", pl, u(t(e)("country.leader")), 1),
+                  s(t(z), {
+                    size: "sm",
+                    "model-value": a.leader ?? "",
+                    options: G.value,
+                    disabled: !v.value || a.leader_fixed,
+                    "aria-label": t(e)("country.leader"),
+                    "onUpdate:modelValue": (y) => he(a.code, String(y ?? ""))
+                  }, null, 8, ["model-value", "options", "disabled", "aria-label", "onUpdate:modelValue"])
+                ])) : B("", !0)
+              ])
+            ]),
+            actions: n(({ item: a }) => [
+              x("span", fl, [
+                s(t(Ze), {
+                  "model-value": a.active,
+                  disabled: !v.value,
+                  "aria-label": a.active ? t(e)("country.disable") : t(e)("country.enable"),
+                  "onUpdate:modelValue": (y) => be(a.code, !!y)
+                }, null, 8, ["model-value", "disabled", "aria-label", "onUpdate:modelValue"]),
+                s(t(te), {
+                  actions: xe(a),
+                  label: a.name
+                }, null, 8, ["actions", "label"])
+              ])
+            ]),
+            _: 1
+          }, 8, ["modelValue", "handle", "item-label", "disabled"]))
+        ], 64)) : (c(), $(K, { key: 2 }, [
+          x("div", bl, [
+            s(t(z), {
+              modelValue: r.value,
+              "onUpdate:modelValue": o[10] || (o[10] = (a) => r.value = a),
+              options: h.value,
+              filterable: "",
+              placeholder: t(e)("country.choose"),
+              "aria-label": t(e)("locality.country"),
+              class: "wx-delivery-geo__choose"
+            }, null, 8, ["modelValue", "options", "placeholder", "aria-label"])
+          ]),
+          r.value === "" ? (c(), w(t(le), {
+            key: 0,
+            title: t(e)("region.country-first")
+          }, null, 8, ["title"])) : H.value && U.value.length === 0 ? (c(), w(t(ue), {
+            key: 1,
+            rows: 3
+          })) : U.value.length === 0 ? (c(), w(t(le), {
+            key: 2,
+            title: t(e)("region.empty")
+          }, null, 8, ["title"])) : (c(), $(K, { key: 3 }, [
+            s(t(ce), {
+              modelValue: U.value,
+              "onUpdate:modelValue": o[11] || (o[11] = (a) => U.value = a),
+              class: "wx-delivery-geo__list",
+              plain: "",
+              hoverable: "",
+              "item-key": "id",
+              handle: v.value ? "grip" : "row",
+              "item-label": (a) => a.name,
+              disabled: !v.value,
+              "aria-label": t(e)("region.title"),
+              "data-test": "regions",
+              onMove: Ve
+            }, {
+              default: n(({ item: a }) => [
+                (c(), w(Ie(v.value ? "button" : "div"), {
+                  type: v.value ? "button" : void 0,
+                  class: "wx-delivery-geo__region",
+                  onClick: (y) => v.value && J(a)
+                }, {
+                  default: n(() => [
+                    x("span", hl, u(a.name), 1),
+                    a.code ? (c(), $("span", _l, u(a.code), 1)) : B("", !0),
+                    x("span", wl, u(t(e)("country.localities")) + ": " + u(a.localities), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["type", "onClick"]))
+              ]),
+              actions: n(({ item: a }) => [
+                s(t(te), {
+                  actions: Ce(a),
+                  label: a.name
+                }, null, 8, ["actions", "label"])
+              ]),
+              _: 1
+            }, 8, ["modelValue", "handle", "item-label", "disabled", "aria-label"]),
+            v.value && U.value.length > 1 ? (c(), w(t(el), {
+              key: 0,
+              class: "wx-delivery-geo__hint",
+              type: "info",
+              description: t(e)("common.drag")
+            }, null, 8, ["description"])) : B("", !0)
+          ], 64))
+        ], 64))
+      ]),
+      _: 1
+    }, 8, ["view", "title", "views", "actions"]));
+  }
+}), $l = /* @__PURE__ */ ol(xl, [["__scopeId", "data-v-1f489156"]]);
+export {
+  $l as default
+};
+//# sourceMappingURL=GeographyPage-IBg0JnNH.js.map