@feedmepos/mf-connect 0.1.116-dev → 0.1.117-prod

package/dist/Setting-aLQCUCP9.js

@@ -1,574 +0,0 @@
-import { defineComponent as J, ref as k, computed as E, onMounted as de, resolveComponent as u, openBlock as f, createBlock as B, withCtx as $, createElementVNode as t, createVNode as c, unref as e, isRef as Z, watch as ke, createElementBlock as V, toDisplayString as i, Fragment as R, renderList as G, createTextVNode as T, createCommentVNode as z } from "vue";
-import { h as Ue } from "./moment-D7p2TMB-.js";
-import { Z as ce } from "./zod-Bm1pKYLC.js";
-import { useDialog as me } from "@feedmepos/ui-library";
-import { u as Fe } from "./loading-BAFiJnEb.js";
-import { u as Ae } from "./app-wDQR6dpb.js";
-import { u as K, l as ue } from "./business-CJjiItSo.js";
-import { u as pe } from "./membership-CQWw-rTa.js";
-import { P as Q } from "./index-BJCirs9i.js";
-import { m as Pe, b as Se } from "./index-C_4eW8Sr.js";
-import { _ as $e } from "./ImageInput.vue_vue_type_script_setup_true_lang-B2edB52s.js";
-import { c as fe, p as Me, f as O } from "./plugins-CKaeoHSK.js";
-import { b as Le } from "./browser-BSAOEeIM.js";
-import { p as De, r as Ie, _ as Ee } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DBnHk6jn.js";
-import { u as ve } from "./vue-i18n-DYnrLWFT.js";
-import { M as Te, b as Re } from "./MessageInput.vue_vue_type_script_setup_true_lang-BXqrn9tg.js";
-import { useCoreStore as Be } from "@feedmepos/mf-common";
-import { useRouter as Ne } from "vue-router";
-import { R as He } from "./app-CEe3kSZM.js";
-import { m as W } from "./index-DxmlvoHV.js";
-import { S as re } from "./index-qAQiQd-s.js";
-import { o as Oe } from "./objectId-dwaoBfJX.js";
-import { a as je } from "./object-BYyQ0PZp.js";
-async function qe(v, x = 350) {
-  try {
-    return await Le.toDataURL(v, {
-      width: x,
-      margin: 0
-    });
-  } catch (g) {
-    console.error(g);
-  }
-}
-var Xe = { authUrl: "https://portal-v2-dev.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "feedmedev.vip", crmUrl: "crm.feedmedev.cc", paymentPortalUrl: "https://portal.feedmedev.cc/payment/payout-account", licensePortalUrl: "https://license.feedmedev.cc/", marketingV1Portal: "https://marketing-v1.feedmedev.cc", voucherAppUrl: "https://voucher.feedmedev.cc/" };
-const ze = { class: "flex items-start" }, Qe = { class: "flex flex-col gap-16 mt-16" }, We = ["src"], Ye = /* @__PURE__ */ J({
-  __name: "LinkDeviceDialog",
-  setup(v) {
-    const x = K(), g = pe(), h = me(), p = k(), y = k(), U = Xe.crmUrl, b = k(), D = E(() => g.membership), o = E(() => {
-      var d, a;
-      return `https://${(d = D.value) != null && d.url ? D.value.url : (a = D.value) == null ? void 0 : a.business}.${U}`;
-    });
-    async function F(d) {
-      const a = await ue.getOtp(d);
-      return `${o.value}?link-device=${a.otp}`;
-    }
-    async function A(d) {
-      const a = await F(d);
-      b.value = a, p.value = await qe(a);
-    }
-    return de(async () => {
-      if (await x.readLocations(), !x.locations.length) {
-        h.close();
-        return;
-      }
-      const d = x.locations[0]._id;
-      y.value = d, await A(d);
-    }), (d, a) => {
-      const _ = u("FmIcon"), P = u("FmSelect"), w = u("FmButton"), n = u("FmCard");
-      return f(), B(n, { class: "p-24 max-w-[350px]" }, {
-        default: $(() => [
-          t("div", ze, [
-            a[3] || (a[3] = t("div", null, [
-              t("div", { class: "fm-typo-en-title-sm-800" }, "Link device"),
-              t("div", { class: "fm-typo-en-body-sm-400" }, " Open your camera on your device to link counter app. ")
-            ], -1)),
-            c(_, {
-              name: "close",
-              onClick: a[0] || (a[0] = (S) => e(h).close()),
-              class: "cursor-pointer"
-            })
-          ]),
-          t("div", Qe, [
-            c(P, {
-              modelValue: e(y),
-              "onUpdate:modelValue": [
-                a[1] || (a[1] = (S) => Z(y) ? y.value = S : null),
-                A
-              ],
-              label: "Select Location",
-              items: e(x).locationItems.filter((S) => !!S.value)
-            }, null, 8, ["modelValue", "items"]),
-            t("img", {
-              src: e(p),
-              class: "aspect-square w-full"
-            }, null, 8, We),
-            c(w, {
-              class: "mx-auto",
-              variant: "plain",
-              icon: "content_copy",
-              onClick: a[2] || (a[2] = (S) => e(fe)(e(b)))
-            })
-          ])
-        ]),
-        _: 1
-      });
-    };
-  }
-}), Ze = { class: "space-y-4" }, Ge = { key: 0 }, Ke = { key: 1 }, Je = { key: 2 }, et = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, tt = /* @__PURE__ */ J({
-  __name: "AllowedPhoneCountriesSelect",
-  props: {
-    modelValue: {}
-  },
-  emits: ["update:modelValue"],
-  setup(v, { emit: x }) {
-    const { t: g } = ve(), h = v, p = x, y = [...new Set(Q.map((d) => d.phoneCode))], U = k(""), b = k(!1), D = E(() => {
-      const d = U.value.toLowerCase();
-      return Q.filter(
-        (a) => a.name.toLowerCase().includes(d) || a.phoneCode.toLowerCase().includes(d)
-      );
-    });
-    function o(d, a) {
-      const _ = d ? De([...h.modelValue || []], a) : Ie(h.modelValue || y, a);
-      p("update:modelValue", _);
-    }
-    const F = E(() => {
-      var _;
-      const a = ((_ = h.modelValue) == null ? void 0 : _.slice(0, 5).map(
-        (P) => {
-          var w;
-          return ((w = Q.find((n) => n.phoneCode === P)) == null ? void 0 : w.name) || P;
-        }
-      )) || [];
-      return h.modelValue && h.modelValue.length > 5 && a.push(`+${h.modelValue.length - 5} more`), a;
-    }), A = E(() => {
-      const d = h.modelValue;
-      return Array.isArray(d) && d.length === 0 ? g("connect.setting.allowedPhoneCountries.helper.noneAllowed") : d == null ? g("connect.setting.allowedPhoneCountries.helper.allAllowed") : g("connect.setting.allowedPhoneCountries.helper.selectedOnly");
-    });
-    return ke(b, (d) => {
-      d && (U.value = "");
-    }), (d, a) => {
-      const _ = u("FmChip"), P = u("FmField"), w = u("FmTextField"), n = u("FmCheckbox"), S = u("FmMenu");
-      return f(), V("div", Ze, [
-        c(S, {
-          modelValue: e(b),
-          "onUpdate:modelValue": a[2] || (a[2] = (m) => Z(b) ? b.value = m : null),
-          onMenuChanged: a[3] || (a[3] = (m) => b.value = m),
-          placement: "top-end"
-        }, {
-          "menu-button": $(() => [
-            c(P, {
-              "append-icon": e(b) ? "expand_more" : "expand_less",
-              class: "!h-auto"
-            }, {
-              default: $(() => [
-                v.modelValue ? v.modelValue.length ? (f(), V("div", Je, [
-                  (f(!0), V(R, null, G(e(F), (m, I) => (f(), B(_, {
-                    key: I,
-                    label: m,
-                    class: "max-w-[130px] text-ellipsis"
-                  }, null, 8, ["label"]))), 128))
-                ])) : (f(), V("div", Ke, i(e(g)("connect.setting.allowedPhoneCountries.noCountries")), 1)) : (f(), V("div", Ge, i(e(g)("connect.setting.allowedPhoneCountries.allCountries")), 1))
-              ]),
-              _: 1
-            }, 8, ["append-icon"])
-          ]),
-          default: $(() => [
-            c(w, {
-              modelValue: e(U),
-              "onUpdate:modelValue": a[0] || (a[0] = (m) => Z(U) ? U.value = m : null),
-              placeholder: e(g)("connect.setting.allowedPhoneCountries.searchCountries"),
-              class: "my-8"
-            }, null, 8, ["modelValue", "placeholder"]),
-            c(n, {
-              class: "my-8",
-              value: null,
-              indeterminate: v.modelValue != null && v.modelValue.length > 0 && v.modelValue.length < y.length,
-              label: e(g)("connect.setting.allowedPhoneCountries.allCountries"),
-              "model-value": v.modelValue == null || v.modelValue.length === y.length,
-              "onUpdate:modelValue": a[1] || (a[1] = (m) => p("update:modelValue", m ? null : []))
-            }, null, 8, ["indeterminate", "label", "model-value"]),
-            (f(!0), V(R, null, G(e(D), (m) => (f(), B(n, {
-              class: "my-8",
-              key: m.iso2,
-              value: m.phoneCode,
-              label: `${m.name} (${m.phoneCode})`,
-              "model-value": !v.modelValue || v.modelValue.includes(m.phoneCode),
-              "onUpdate:modelValue": (I) => o(I, m.phoneCode)
-            }, null, 8, ["value", "label", "model-value", "onUpdate:modelValue"]))), 128))
-          ]),
-          _: 1
-        }, 8, ["modelValue"]),
-        t("div", et, i(e(A)), 1)
-      ]);
-    };
-  }
-});
-var Y = { authUrl: "https://portal-v2-dev.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "feedmedev.vip", crmUrl: "crm.feedmedev.cc", paymentPortalUrl: "https://portal.feedmedev.cc/payment/payout-account", licensePortalUrl: "https://license.feedmedev.cc/", marketingV1Portal: "https://marketing-v1.feedmedev.cc", voucherAppUrl: "https://voucher.feedmedev.cc/" };
-const nt = { class: "hidden xs:!flex items-center justify-between px-16 py-12 border-b border-fm-color-neutral-gray-100" }, ot = { class: "fm-typo-en-title-md-800" }, lt = {
-  key: 0,
-  class: "px-24 gap-32 grid grid-cols-3 xs:pt-16"
-}, st = { class: "col-span-2 flex flex-col xs:col-span-3 space-y-8" }, at = { class: "fm-typo-en-title-sm-800" }, it = { class: "space-y-24" }, ct = { class: "space-y-8" }, rt = { class: "fm-typo-en-title-sm-800" }, dt = { class: "fm-typo-body-lg-400" }, mt = { class: "fm-typo-body-md-400 text-fm-color-typo-secondary" }, ut = { class: "fm-typo-body-md-400 text-fm-color-typo-secondary" }, pt = { class: "space-y-8" }, ft = { class: "fm-typo-en-title-sm-800 flex items-center gap-8" }, vt = { class: "fm-typo-en-body-lg-600" }, gt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, yt = { class: "space-y-8" }, ht = { class: "space-y-8" }, bt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, _t = { class: "space-y-8" }, wt = { class: "fm-typo-en-title-sm-800" }, Ct = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, xt = { class: "space-y-8" }, Vt = { class: "fm-typo-en-title-sm-800" }, kt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-error" }, Ut = { class: "space-y-8" }, Ft = { class: "fm-typo-en-title-sm-800 flex items-center gap-8" }, At = { class: "space-y-8" }, Pt = { class: "space-y-8" }, St = { class: "fm-typo-en-title-sm-800" }, $t = { class: "space-y-8" }, Mt = { class: "fm-typo-en-title-sm-800" }, Lt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Dt = { class: "flex justify-end pb-24" }, It = { class: "col-span-1 space-y-8 xs:hidden" }, Et = { class: "fm-typo-en-body-lg-600" }, Tt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Rt = { class: "fm-typo-en-body-lg-600" }, Bt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Nt = { class: "fm-typo-en-body-lg-600" }, Ht = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ot = { class: "fm-typo-en-body-lg-600" }, jt = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, qt = { class: "fm-typo-en-body-lg-600" }, vn = /* @__PURE__ */ J({
-  __name: "Setting",
-  setup(v) {
-    const x = Ne(), g = Ae(), h = Be(), p = K(), y = pe(), { global: U, minor: b } = Fe, D = me(), o = k(), F = k([]), A = k(null), d = Pe, a = [
-      (r) => !r || r.length >= 6 || "Invalid URL format, please enter at least 6 characters",
-      (r) => !r || new RegExp(/^[a-z0-9][a-z0-9\-]{4,}[a-z0-9]$/).test(r) || "Invalid URL format, url should start with a letter or number and can only include lowercase letters, numbers, or hyphens"
-    ], _ = Y.appUrl, P = E(() => {
-      var r;
-      return `https://${(r = o.value) == null ? void 0 : r.business}.${_}/user?join=true`;
-    }), w = k(), { t: n } = ve(), S = h.currentCountry.value || "MY", m = [
-      "user.name",
-      "user.gender",
-      "user.birthday",
-      "user.phoneNumber",
-      "membership.url"
-    ].filter(
-      (r) => {
-        var l;
-        return !((l = Te[S]) != null && l.includes(r));
-      }
-    ), I = k(
-      n("connect.setting.sms.welcomeMessage")
-    );
-    async function ge() {
-      D.open({
-        title: "",
-        dialogComponent: Ye,
-        closeButton: !1
-      });
-    }
-    async function ye(r) {
-      await Me.remove(
-        "Are you sure you want to unlink this device?",
-        "Unlink device",
-        "Unlink"
-      ) && await b(
-        async () => {
-          await ue.unregisterDevice(r), await p.readLocationDevices();
-        },
-        {
-          message: "Unlinking device",
-          successMessage: "Unlinked device successfully"
-        }
-      );
-    }
-    async function he() {
-      await b(
-        async () => {
-          var N;
-          const r = je(o.value);
-          console.log(o.value), r.welcomeMessage && !((N = r.welcomeMessage) != null && N.content) && (r.welcomeMessage.content = "Hi there, you have been invited to join our membership");
-          const l = Se.parse(r);
-          w.value === null && l.image ? await O.delete(O.coverImagePath()) : w.value && (l.image = await O.update(
-            O.coverImagePath(),
-            w.value
-          )), await W.update(l), await y.readMembership(), o.value = y.membership;
-        },
-        {
-          message: "Updating membership",
-          successMessage: "Membership updated successfully"
-        }
-      );
-    }
-    async function be() {
-      const r = await W.getEmailAddresses();
-      console.log(r), F.value = r, A.value = r.find((l) => l.default.includes("Marketing"));
-    }
-    async function _e() {
-      window.open(
-        `${Y.licensePortalUrl}business/${re.businessId}/settings`,
-        "_blank"
-      );
-    }
-    async function we() {
-      const r = `${Y.licensePortalUrl}settings?businessId=${re.businessId}`;
-      console.log("Opening", r), window.open(r, "_blank");
-    }
-    return de(async () => {
-      await U(async () => {
-        await p.readPremium(), await p.readLocations(), await p.readLocationDevices(), await y.readMembership(), await be(), o.value = y.membership;
-        try {
-          const { content: r } = await W.getDefaultWelcomeMessage();
-          r && (I.value = r);
-        } catch (r) {
-          console.error("Failed to load default welcome message", r);
-        }
-      });
-    }), (r, l) => {
-      var te, ne, oe, le, se, ae, ie;
-      const N = u("FmPageHead"), M = u("FmButton"), H = u("FmTextField"), j = u("FmCard"), ee = u("FmPill"), Ce = u("FmSelect"), q = u("FmSwitch"), xe = u("FmMenuDivider");
-      return f(), V(R, null, [
-        c(N, {
-          title: e(n)("connect.setting.title"),
-          class: "xs:hidden"
-        }, null, 8, ["title"]),
-        t("div", nt, [
-          t("div", ot, i(e(n)("connect.setting.basicInfo.title")), 1),
-          c(M, {
-            icon: "info",
-            variant: "tertiary"
-          })
-        ]),
-        e(o) ? (f(), V("div", lt, [
-          t("div", st, [
-            t("div", at, i(e(n)("connect.setting.basicInfo.title")), 1),
-            t("div", it, [
-              c(H, {
-                label: e(n)("connect.setting.basicInfo.membershipTitle"),
-                modelValue: e(o).name,
-                "onUpdate:modelValue": l[0] || (l[0] = (s) => e(o).name = s)
-              }, null, 8, ["label", "modelValue"]),
-              c(H, {
-                disabled: !0,
-                "model-value": e(o).business,
-                rules: a,
-                required: !0,
-                label: e(n)("connect.setting.basicInfo.memberAppUrl"),
-                "helper-text": e(P),
-                placeholder: e(o).business.toString(),
-                "onUpdate:modelValue": l[2] || (l[2] = (s) => e(o).url = s)
-              }, {
-                prepend: $(() => [...l[15] || (l[15] = [
-                  T(" https:// ", -1)
-                ])]),
-                append: $(() => [
-                  T(" ." + i(e(_)) + " ", 1),
-                  c(M, {
-                    icon: "content_copy",
-                    variant: "tertiary",
-                    onClick: l[1] || (l[1] = (s) => e(fe)(e(P)))
-                  })
-                ]),
-                _: 1
-              }, 8, ["model-value", "label", "helper-text", "placeholder"]),
-              c($e, {
-                label: "Cover image",
-                class: "w-2/3 xs:w-full",
-                "image-fit": "cover",
-                "aspect-ratio": "3/1",
-                thumbnail: e(o).image || void 0,
-                "onUpdate:file": l[3] || (l[3] = async (s) => {
-                  w.value = s, s || (e(o).image = null);
-                })
-              }, null, 8, ["thumbnail"]),
-              t("div", ct, [
-                t("div", rt, i(e(n)("connect.setting.counterApp.title")), 1),
-                c(M, {
-                  variant: "plain",
-                  icon: "link",
-                  label: e(n)("connect.setting.counterApp.linkDevice"),
-                  onClick: ge
-                }, null, 8, ["label"]),
-                (f(!0), V(R, null, G(e(p).locationDevices, (s, C) => (f(), B(j, {
-                  key: C,
-                  variant: "outlined",
-                  class: "flex items-center justify-between px-16 py-12"
-                }, {
-                  default: $(() => [
-                    t("div", null, [
-                      t("p", dt, i(s.name || `Device ${s._id}`), 1),
-                      t("p", mt, i(e(n)("connect.setting.counterApp.device.activationDate")) + " " + i(e(Ue)(e(Oe)(s._id.toString())).format(
-                        "D MMM YYYY"
-                      )), 1),
-                      t("p", ut, i(e(n)("connect.setting.counterApp.device.linkedLocation")) + " " + i(e(p).locations.find((L) => L._id == s.location).name), 1)
-                    ]),
-                    c(M, {
-                      icon: "link_off",
-                      variant: "tertiary",
-                      onClick: (L) => ye(s._id)
-                    }, null, 8, ["onClick"])
-                  ]),
-                  _: 2
-                }, 1024))), 128))
-              ]),
-              t("div", pt, [
-                t("div", ft, [
-                  T(i(e(n)("connect.setting.advertisement.title")) + " ", 1),
-                  c(ee, { variant: "premium" })
-                ]),
-                c(j, {
-                  variant: "outlined",
-                  class: "p-16 flex items-center justify-between"
-                }, {
-                  default: $(() => {
-                    var s;
-                    return [
-                      t("div", null, [
-                        t("div", vt, i(e(n)("connect.setting.advertisement.manageAd")), 1),
-                        t("div", gt, i(e(n)("connect.setting.advertisement.activeAdsShowing", {
-                          count: ((s = e(o).advertisements) == null ? void 0 : s.length) ?? 0
-                        })), 1)
-                      ]),
-                      c(M, {
-                        label: e(n)("connect.setting.advertisement.manage"),
-                        icon: "arrow_forward",
-                        "icon-position": "right",
-                        disabled: !e(p).isPremium,
-                        onClick: l[4] || (l[4] = (C) => e(x).push({
-                          name: e(He)["$connect-SETTING_ADVERTISEMENTS"]
-                        }))
-                      }, null, 8, ["label", "disabled"])
-                    ];
-                  }),
-                  _: 1
-                })
-              ]),
-              t("div", yt, [
-                l[16] || (l[16] = t("div", { class: "fm-typo-en-title-sm-800" }, "SMS", -1)),
-                c(H, {
-                  "model-value": ((te = e(o)) == null ? void 0 : te.brand) || "",
-                  "max-length": 15,
-                  label: e(n)("connect.setting.sms.brandName"),
-                  "show-word-count": "",
-                  "helper-text": e(n)("connect.setting.sms.messageFormat", {
-                    brand: ((ne = e(o)) == null ? void 0 : ne.brand) || ""
-                  }),
-                  "onUpdate:modelValue": l[5] || (l[5] = (s) => e(o).brand = s)
-                }, null, 8, ["model-value", "label", "helper-text"]),
-                c(Re, {
-                  modelValue: e(o).welcomeMessage,
-                  "onUpdate:modelValue": l[6] || (l[6] = (s) => e(o).welcomeMessage = s),
-                  "hide-credit-card": !0,
-                  variables: e(m),
-                  placeholder: e(I)
-                }, null, 8, ["modelValue", "variables", "placeholder"])
-              ]),
-              t("div", ht, [
-                l[17] || (l[17] = t("div", { class: "fm-typo-en-title-sm-800" }, "Email", -1)),
-                t("div", bt, i(e(n)("connect.setting.email.description")), 1),
-                e(F).length ? z("", !0) : (f(), B(M, {
-                  key: 0,
-                  onClick: _e,
-                  label: e(n)("connect.setting.email.addNewAddress")
-                }, null, 8, ["label"])),
-                e(F).length ? (f(), V(R, { key: 1 }, [
-                  c(Ce, {
-                    "model-value": ((le = (oe = e(o)) == null ? void 0 : oe.email) == null ? void 0 : le.from) || null,
-                    label: e(n)("connect.setting.email.fromAddress"),
-                    items: e(F).map((s) => ({
-                      label: s.emailAddress,
-                      value: s.emailAddress
-                    })),
-                    placeholder: e(A) ? e(A).emailAddress : e(n)("connect.setting.email.noAddressAvailable"),
-                    "onUpdate:modelValue": l[7] || (l[7] = (s) => {
-                      var C, L;
-                      (C = e(o)) != null && C.email || (e(o).email = {
-                        from: s,
-                        name: (L = e(F).find((X) => X.emailAddress == s)) == null ? void 0 : L.name
-                      }), e(o).email.from = s || null;
-                    }),
-                    rules: [e(ce).ruleAtPath(e(d), "email.from")]
-                  }, null, 8, ["model-value", "label", "items", "placeholder", "rules"]),
-                  c(H, {
-                    "model-value": ((ae = (se = e(o)) == null ? void 0 : se.email) == null ? void 0 : ae.name) || null,
-                    label: e(n)("connect.setting.email.senderName"),
-                    disabled: "",
-                    placeholder: ((ie = e(A)) == null ? void 0 : ie.name) || null,
-                    "onUpdate:modelValue": l[8] || (l[8] = (s) => {
-                      var C;
-                      (C = e(o)) != null && C.email || (e(o).email = {
-                        name: s
-                      }), e(o).email.name = s || null;
-                    }),
-                    rules: [e(ce).ruleAtPath(e(d), "email.name")]
-                  }, null, 8, ["model-value", "label", "placeholder", "rules"])
-                ], 64)) : z("", !0)
-              ]),
-              t("div", _t, [
-                t("div", wt, i(e(n)("connect.setting.whatsapp.title")), 1),
-                t("div", Ct, i(e(n)("connect.setting.whatsapp.description")), 1),
-                c(M, {
-                  label: e(n)("connect.setting.whatsapp.manageChannel"),
-                  icon: "open_in_new",
-                  onClick: l[9] || (l[9] = (s) => we())
-                }, null, 8, ["label"])
-              ]),
-              t("div", xt, [
-                t("div", Vt, [
-                  T(i(e(n)("connect.setting.freeCredit.title")) + " ", 1),
-                  t("span", kt, i(e(n)("connect.setting.freeCredit.posVersion")), 1)
-                ]),
-                c(q, {
-                  "model-value": e(o).freeCreditAsDiscount ?? !1,
-                  "onUpdate:modelValue": l[10] || (l[10] = (s) => e(o).freeCreditAsDiscount = s),
-                  label: e(n)("connect.setting.freeCredit.title"),
-                  sublabel: e(n)("connect.setting.freeCredit.description"),
-                  "label-placement": "right",
-                  value: ""
-                }, null, 8, ["model-value", "label", "sublabel"])
-              ]),
-              t("div", Ut, [
-                t("div", Ft, [
-                  T(i(e(n)("connect.setting.memberCard.title")) + " ", 1),
-                  c(ee, { variant: "premium" })
-                ]),
-                c(q, {
-                  "model-value": e(o).cardEnable ?? !1,
-                  "onUpdate:modelValue": l[11] || (l[11] = (s) => e(o).cardEnable = s),
-                  label: "",
-                  sublabel: e(n)("connect.setting.memberCard.description"),
-                  "label-placement": "right",
-                  value: "",
-                  disabled: !e(p).isPremium
-                }, null, 8, ["model-value", "sublabel", "disabled"])
-              ]),
-              t("div", At, [
-                l[18] || (l[18] = t("div", { class: "fm-typo-en-title-sm-800 flex items-center gap-8" }, " Auto Revert Reward ", -1)),
-                c(q, {
-                  "model-value": e(o).autoRevertReward ?? !1,
-                  "onUpdate:modelValue": l[12] || (l[12] = (s) => e(o).autoRevertReward = s),
-                  label: "",
-                  sublabel: "When enabled, rewards are automatically revert when if a refund is processed in POS",
-                  "label-placement": "right",
-                  value: ""
-                }, null, 8, ["model-value"])
-              ]),
-              t("div", Pt, [
-                t("div", St, i(e(n)("connect.setting.location.title")), 1),
-                c(Ee, {
-                  label: e(n)("connect.setting.location.selectLabel"),
-                  "model-value": e(o).targetLocation ?? null,
-                  "onUpdate:modelValue": l[13] || (l[13] = (s) => e(o).targetLocation = s)
-                }, null, 8, ["label", "model-value"])
-              ]),
-              t("div", $t, [
-                t("div", Mt, i(e(n)("connect.setting.allowedPhoneCountries.title")), 1),
-                t("div", Lt, i(e(n)("connect.setting.allowedPhoneCountries.description")), 1),
-                c(tt, {
-                  modelValue: e(o).allowedPhoneCountries,
-                  "onUpdate:modelValue": l[14] || (l[14] = (s) => e(o).allowedPhoneCountries = s)
-                }, null, 8, ["modelValue"])
-              ]),
-              t("div", Dt, [
-                c(M, {
-                  label: e(n)("connect.setting.action.update"),
-                  type: "button",
-                  onClick: he,
-                  disabled: !!e(g).loadingQueue.length,
-                  loading: !!e(g).loadingQueue.length
-                }, null, 8, ["label", "disabled", "loading"])
-              ])
-            ])
-          ]),
-          t("div", It, [
-            c(j, {
-              variant: "outlined",
-              class: "flex flex-col p-24 gap-8"
-            }, {
-              default: $(() => {
-                var s, C, L;
-                return [
-                  t("div", Et, i(e(n)("connect.setting.summary.title")), 1),
-                  c(xe, { class: "my-4" }),
-                  t("div", null, [
-                    t("div", Tt, i(e(n)("connect.setting.summary.name")), 1),
-                    t("div", Rt, i(e(o).name), 1)
-                  ]),
-                  t("div", null, [
-                    t("div", Bt, i(e(n)("connect.setting.summary.advertisement")), 1),
-                    t("div", Nt, i((((s = e(o).advertisements) == null ? void 0 : s.length) ?? 0) || e(n)("connect.setting.summary.noAds")), 1)
-                  ]),
-                  t("div", null, [
-                    t("div", Ht, i(e(n)("connect.setting.summary.freeCredit")), 1),
-                    t("div", Ot, i(e(o).freeCreditAsDiscount ? e(n)("connect.setting.summary.enabled") : e(n)("connect.setting.summary.disabled")), 1)
-                  ]),
-                  t("div", null, [
-                    t("div", jt, i(e(n)("connect.setting.summary.locations")), 1),
-                    t("div", qt, i(!e(o).targetLocation || e(o).targetLocation.length == e(K)().locations.length ? e(n)("connect.setting.summary.allLocations") : (L = (C = e(o)) == null ? void 0 : C.targetLocation) == null ? void 0 : L.map(
-                      (X) => e(p).locations.find((Ve) => Ve._id == X).name
-                    ).join(", ")), 1)
-                  ])
-                ];
-              }),
-              _: 1
-            })
-          ])
-        ])) : z("", !0)
-      ], 64);
-    };
-  }
-});
-export {
-  vn as default
-};