@feedmepos/mf-connect 0.1.113-prod → 0.1.114-dev

package/dist/Setting-BRueNgc4.js

@@ -0,0 +1,574 @@
+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-CihbDg3N.js";
+import { useDialog as me } from "@feedmepos/ui-library";
+import { u as Fe } from "./loading-C5fVI0ry.js";
+import { u as Ae } from "./app-wDQR6dpb.js";
+import { u as K, l as ue } from "./business-BZ0boE-5.js";
+import { u as pe } from "./membership-BgfH9Kva.js";
+import { P as Q } from "./index-CrBhcMaL.js";
+import { m as Pe, b as Se } from "./index-_Cj-bsd_.js";
+import { _ as $e } from "./ImageInput.vue_vue_type_script_setup_true_lang-HipBZ1_T.js";
+import { c as fe, p as Me, f as O } from "./plugins-CPTtiKqf.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-DbnY9VE9.js";
+import { u as ve } from "./vue-i18n-C6c2jsH3.js";
+import { M as Te, b as Re } from "./MessageInput.vue_vue_type_script_setup_true_lang-CxDtXvwd.js";
+import { useCoreStore as Be } from "@feedmepos/mf-common";
+import { useRouter as Ne } from "vue-router";
+import { R as He } from "./app-DV3e2LkD.js";
+import { m as W } from "./index-B0RavybO.js";
+import { S as re } from "./index-03WIXl-H.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
+};

package/dist/{SettingAdvertisements-DPQHP3-B.js → SettingAdvertisements-BrVcQyhF.js}

@@ -1,18 +1,18 @@
 import { defineComponent as J, ref as y, computed as z, onMounted as K, resolveComponent as A, openBlock as u, createElementBlock as b, createElementVNode as s, createVNode as d, createTextVNode as W, toDisplayString as v, unref as e, withCtx as k, createBlock as B, Fragment as Y, renderList as Z, createCommentVNode as N, isRef as ee } from "vue";
-import { u as te } from "./loading-B2mSdkfy.js";
+import { u as te } from "./loading-C5fVI0ry.js";
 import { u as ne } from "./app-wDQR6dpb.js";
-import { u as se } from "./business-C6ID0exl.js";
-import { u as oe } from "./membership-BWyBGF4n.js";
-import "./index-DdMVrWZy.js";
-import { b as ae } from "./index-BHT6cvWA.js";
-import "./index-DeNbsrQx.js";
-import { _ as le } from "./ImageInput.vue_vue_type_script_setup_true_lang-xdEzwMcS.js";
-import { f as D, p as ie } from "./plugins-Bj3npYnL.js";
-import { _ as re } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-D9L-AayN.js";
-import { u as ce } from "./vue-i18n-DbJO6sZW.js";
+import { u as se } from "./business-BZ0boE-5.js";
+import { u as oe } from "./membership-BgfH9Kva.js";
+import "./index-CrBhcMaL.js";
+import { b as ae } from "./index-_Cj-bsd_.js";
+import "./index-BDNkoALK.js";
+import { _ as le } from "./ImageInput.vue_vue_type_script_setup_true_lang-HipBZ1_T.js";
+import { f as D, p as ie } from "./plugins-CPTtiKqf.js";
+import { _ as re } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DbnY9VE9.js";
+import { u as ce } from "./vue-i18n-C6c2jsH3.js";
 import { useRouter as de } from "vue-router";
-import { m as me } from "./index-BeCKw7Y3.js";
-import { R as ue } from "./app-DgFVWdhA.js";
+import { m as me } from "./index-B0RavybO.js";
+import { R as ue } from "./app-DV3e2LkD.js";
 import { a as ve } from "./object-BYyQ0PZp.js";
 const pe = { class: "min-h-screen bg-fm-color-neutral-gray-50" }, fe = { class: "bg-white border-b border-fm-color-neutral-gray-100 sticky top-0 z-10" }, ge = { class: "px-24 py-16 flex items-center justify-between" }, _e = { class: "flex items-center gap-16" }, he = { class: "fm-typo-en-title-md-800 flex items-center gap-8" }, ye = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, be = {
   key: 0,