@feedmepos/mf-connect 0.1.98-beta.44 → 0.1.98-beta.45

package/dist/GiftCardSetup-Dg-kNVsD.js

@@ -0,0 +1,633 @@
+import { defineComponent as Ge, computed as g, ref as c, onMounted as Xe, resolveComponent as w, openBlock as d, createElementBlock as m, createElementVNode as o, createVNode as r, toDisplayString as s, unref as e, withCtx as T, isRef as y, Fragment as G, renderList as X, normalizeClass as Ce, createCommentVNode as _, withDirectives as Be, withKeys as je, vModelText as ze, createBlock as ne, createTextVNode as le } from "vue";
+import { u as qe } from "./loading-fSLeqKr_.js";
+import { u as Ke } from "./app-wDQR6dpb.js";
+import { n as E, f as S } from "./plugins-2XgEvjxm.js";
+import "./index-C41OQn3b.js";
+import { g as ae } from "./index-ChPTYhTe.js";
+import { c as We } from "./index-B3VxErFJ.js";
+import { S as Ze } from "./index-BTMG_CZc.js";
+import { p as W, q as Qe, G as B, r as se } from "./index-ClMqJYPu.js";
+import { u as Ye } from "./vue-i18n-BIpsBqfV.js";
+import { useRouter as Je, useRoute as et } from "vue-router";
+import { R as tt } from "./app-CNi4ejgf.js";
+var ot = { 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: "px-24 pb-40" }, lt = { class: "flex items-start gap-12 py-24" }, at = { class: "flex flex-col gap-4" }, st = { class: "fm-typo-en-title-md-800 text-fm-color-typo-primary" }, rt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ct = { class: "flex flex-col gap-16 max-w-[860px]" }, it = { class: "flex gap-12" }, dt = { class: "flex flex-col gap-4" }, ut = { class: "fm-typo-en-body-lg-600" }, mt = { class: "flex gap-12" }, ft = { class: "flex flex-col gap-4" }, pt = { class: "fm-typo-en-body-lg-600" }, vt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, gt = { class: "flex flex-wrap gap-12" }, yt = ["src"], xt = { class: "absolute top-4 right-4 flex gap-4" }, bt = { class: "flex gap-12" }, _t = { class: "flex flex-col gap-4" }, Ct = { class: "fm-typo-en-body-lg-600" }, ht = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, At = { class: "flex flex-col gap-8" }, wt = ["onClick"], kt = {
+  key: 0,
+  class: "w-[9px] h-[9px] rounded-full bg-fm-color-primary"
+}, Dt = { class: "flex-1" }, Ut = { class: "block fm-typo-en-body-md-600" }, Nt = { class: "block fm-typo-en-body-md-400 text-fm-color-typo-secondary mt-2" }, Ft = {
+  key: 0,
+  class: "grid sm:grid-cols-2 gap-16"
+}, Vt = { class: "flex items-center gap-16 p-16 rounded-md bg-fm-color-neutral-gray-100" }, Tt = { class: "flex flex-col gap-2 flex-1 min-w-0" }, Et = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-tertiary" }, St = { class: "fm-typo-en-body-lg-600 truncate" }, Mt = { class: "flex gap-12" }, Pt = { class: "flex flex-col gap-4" }, It = { class: "fm-typo-en-body-lg-600" }, Lt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, $t = { class: "flex flex-col gap-8" }, Rt = { class: "fm-typo-en-body-md-600" }, Ht = { class: "flex flex-wrap gap-8" }, Ot = { class: "flex items-start gap-8" }, Gt = { class: "flex items-center rounded-md border-1 border-fm-color-neutral-gray-300 overflow-hidden" }, Xt = ["placeholder"], Bt = {
+  key: 0,
+  class: "flex flex-wrap gap-8"
+}, jt = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, zt = { class: "text-fm-color-primary" }, qt = { class: "flex items-center gap-12 p-16 rounded-md border-1 border-fm-color-neutral-gray-300" }, Kt = { class: "flex-1" }, Wt = { class: "fm-typo-en-body-md-600" }, Zt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Qt = {
+  key: 1,
+  class: "flex gap-16"
+}, Yt = {
+  key: 2,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error"
+}, Jt = { class: "flex gap-12" }, eo = { class: "flex flex-col gap-4" }, to = { class: "fm-typo-en-body-lg-600" }, oo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, no = {
+  key: 0,
+  class: "flex items-start gap-12 p-16 rounded-md bg-fm-color-system-info-100"
+}, lo = { class: "flex-1 fm-typo-en-body-md-400 text-fm-color-typo-primary" }, ao = { class: "flex items-center gap-12" }, so = { class: "fm-typo-en-body-md-500" }, ro = { class: "flex flex-col gap-8" }, co = { class: "fm-typo-en-body-md-600" }, io = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, uo = { class: "flex flex-wrap gap-8" }, mo = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, fo = {
+  key: 1,
+  class: "fm-typo-en-body-sm-400 text-fm-color-typo-error"
+}, po = { class: "flex gap-12" }, vo = { class: "flex flex-col gap-4" }, go = { class: "fm-typo-en-body-lg-600" }, yo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xo = { class: "flex flex-wrap items-center gap-8" }, bo = {
+  key: 1,
+  class: "flex items-center gap-8 fm-typo-en-body-md-400"
+}, _o = ["href"], Co = { class: "flex items-center justify-end gap-8 pt-8" }, he = 5e6, Po = /* @__PURE__ */ Ge({
+  __name: "GiftCardSetup",
+  setup(ho) {
+    const { t: n } = Ye(), { global: Ae, minor: j } = qe, we = Je(), ke = et(), M = g(() => ke.params.id || null), z = g(() => !!M.value), D = c(""), v = c([]), re = c(null), Z = c(null);
+    let ce = /* @__PURE__ */ new Set();
+    const ie = /* @__PURE__ */ new Set(), De = /* @__PURE__ */ new Set(["image/png", "image/jpeg", "image/gif"]), k = c("DEFAULT"), P = c(16), I = c(W().charset), L = c("GC"), $ = c(""), de = c(0), Q = [10, 20, 30, 50, 100], u = c([]), U = c(""), C = c(!1), N = c(10), F = c(100), ue = c(!1), R = c(!0), x = c(["SMS"]), Y = c({
+      SMS: !0,
+      WHATSAPP: !1,
+      EMAIL: !1
+    }), me = g(
+      () => ["SMS", "WHATSAPP", "EMAIL"].map((l) => ({
+        value: l,
+        label: n(`connect.store.giftCard.channel${l}`),
+        available: Y.value[l]
+      }))
+    ), fe = g(
+      () => me.value.filter((l) => !l.available).map((l) => l.label)
+    ), Ue = `${ot.licensePortalUrl}settings?businessId=${Ze.businessId}`;
+    function Ne(l) {
+      !Y.value[l] && !x.value.includes(l) || (x.value = x.value.includes(l) ? x.value.filter((t) => t !== l) : [...x.value, l]);
+    }
+    async function Fe() {
+      try {
+        Y.value = await We.readBroadcastChannels();
+      } catch (l) {
+        console.error("Failed to load notification channel status", l);
+      }
+    }
+    const b = c("NONE"), H = c(""), V = c(""), pe = g(
+      () => k.value === "ADVANCED" ? {
+        ...W(),
+        length: Number(P.value),
+        charset: I.value,
+        prefix: L.value,
+        suffix: $.value
+      } : W()
+    ), Ve = g(() => (de.value, Qe(pe.value))), ve = g(
+      () => u.value.length >= B
+    );
+    function ge(l) {
+      if (u.value.includes(l)) {
+        u.value = u.value.filter((t) => t !== l);
+        return;
+      }
+      if (ve.value) {
+        E.error(
+          n("connect.store.giftCard.maxAmounts", {
+            max: B
+          })
+        );
+        return;
+      }
+      u.value = [...u.value, l].sort((t, i) => t - i);
+    }
+    function ye() {
+      const l = Number(U.value);
+      if (!Number.isInteger(l) || l <= 0) {
+        E.error(n("connect.store.giftCard.invalidAmount"));
+        return;
+      }
+      if (l > se) {
+        E.error(
+          n("connect.store.giftCard.amountTooLarge", { max: se })
+        );
+        return;
+      }
+      if (u.value.includes(l)) {
+        U.value = "";
+        return;
+      }
+      if (ve.value) {
+        E.error(
+          n("connect.store.giftCard.maxAmounts", {
+            max: B
+          })
+        );
+        return;
+      }
+      u.value = [...u.value, l].sort((t, i) => t - i), U.value = "";
+    }
+    const J = g(() => u.value.length === 0 && !C.value ? n("connect.store.giftCard.errorNoAmount") : C.value && Number(N.value) > Number(F.value) ? n("connect.store.giftCard.errorRange") : null), Te = g(
+      () => D.value.trim() ? null : n("connect.store.giftCard.errorNoName")
+    ), ee = g(
+      () => x.value.length ? null : n("connect.store.giftCard.errorNoChannel")
+    ), te = g(
+      () => Te.value ?? J.value ?? ee.value
+    );
+    async function Ee(l) {
+      be(l) && await j(
+        async () => {
+          const t = await xe(l);
+          v.value = [...v.value, t];
+        },
+        {
+          message: n("connect.store.giftCard.uploading"),
+          successMessage: n("connect.store.giftCard.uploaded")
+        }
+      );
+    }
+    function xe(l) {
+      return S.update(
+        S.bundleImagePath(void 0, l),
+        l
+      );
+    }
+    function be(l) {
+      const t = De.has(l.type) && l.size <= he;
+      return t || E.error(n("connect.store.giftCard.invalidDesignFile")), t;
+    }
+    function Se(l) {
+      var t;
+      Z.value = l, (t = re.value) == null || t.click();
+    }
+    async function Me(l) {
+      var p;
+      const t = l.target, i = Z.value, f = (p = t.files) == null ? void 0 : p[0];
+      t.value = "", Z.value = null, !(i === null || !f || !be(f)) && await j(
+        async () => {
+          const h = v.value[i];
+          if (!h) return;
+          const A = await xe(f);
+          v.value = v.value.map(
+            (q, K) => K === i ? A : q
+          ), await _e(h);
+        },
+        {
+          message: n("connect.store.giftCard.uploading"),
+          successMessage: n("connect.store.giftCard.uploaded")
+        }
+      );
+    }
+    async function Pe(l) {
+      v.value = v.value.filter((t) => t !== l), await _e(l);
+    }
+    async function _e(l) {
+      if (ce.has(l)) {
+        ie.add(l);
+        return;
+      }
+      try {
+        await S.delete(l);
+      } catch {
+      }
+    }
+    async function Ie(l) {
+      await j(
+        async () => {
+          V.value = await S.update(
+            S.bundleImagePath(void 0, l),
+            l
+          ), b.value = "DOCUMENT";
+        },
+        {
+          message: n("connect.store.giftCard.uploading"),
+          successMessage: n("connect.store.giftCard.uploaded")
+        }
+      );
+    }
+    function Le() {
+      return {
+        name: D.value.trim(),
+        designs: v.value,
+        numberFormat: pe.value,
+        denominations: u.value.map(Number),
+        anyAmount: C.value ? {
+          enabled: !0,
+          min: Number(N.value),
+          max: Number(F.value)
+        } : null,
+        channels: x.value,
+        allowPersonalMessage: R.value,
+        termsAndConditions: b.value === "TEXT" && H.value || null,
+        termsDocumentUrl: b.value === "DOCUMENT" && V.value || null
+      };
+    }
+    function $e(l) {
+      var f, p, h, A;
+      D.value = l.name, v.value = [...l.designs ?? []], ce = new Set(v.value), u.value = [...l.denominations ?? []], C.value = !!((f = l.anyAmount) != null && f.enabled), N.value = ((p = l.anyAmount) == null ? void 0 : p.min) ?? 10, F.value = ((h = l.anyAmount) == null ? void 0 : h.max) ?? 100, x.value = (A = l.channels) != null && A.length ? [...l.channels] : ["SMS"], R.value = l.allowPersonalMessage ?? !0;
+      const t = l.numberFormat, i = !t || t.prefix === "GC" && Number(t.length) === 16;
+      k.value = i ? "DEFAULT" : "ADVANCED", P.value = Number((t == null ? void 0 : t.length) ?? 16), I.value = (t == null ? void 0 : t.charset) ?? W().charset, L.value = (t == null ? void 0 : t.prefix) ?? "GC", $.value = (t == null ? void 0 : t.suffix) ?? "", l.termsDocumentUrl ? (b.value = "DOCUMENT", V.value = l.termsDocumentUrl) : l.termsAndConditions && (b.value = "TEXT", H.value = l.termsAndConditions);
+    }
+    function oe() {
+      we.push({ name: tt["$connect-STORE"] });
+    }
+    async function Re() {
+      if (te.value) {
+        E.error(te.value);
+        return;
+      }
+      await j(
+        async () => {
+          const l = Le();
+          M.value ? await ae.updateProgram(M.value, l) : await ae.createProgram(l), await Promise.allSettled(
+            [...ie].map((t) => S.delete(t))
+          ), oe();
+        },
+        {
+          message: z.value ? n("connect.store.giftCard.saving") : n("connect.store.giftCard.creating"),
+          successMessage: z.value ? n("connect.store.giftCard.saved") : n("connect.store.giftCard.created")
+        }
+      );
+    }
+    return Xe(async () => {
+      await Ae(async () => {
+        await Fe(), M.value && $e(await ae.readProgram(M.value));
+      });
+    }), (l, t) => {
+      const i = w("FmButton"), f = w("FmTextField"), p = w("FmCard"), h = w("FmDropField"), A = w("FmChip"), q = w("FmSwitch"), K = w("FmIcon"), He = w("FmTextarea");
+      return d(), m("div", nt, [
+        o("div", lt, [
+          r(i, {
+            icon: "arrow_back",
+            variant: "tertiary",
+            onClick: oe
+          }),
+          o("div", at, [
+            o("h1", st, s(e(z) ? e(n)("connect.store.giftCard.editTitle") : e(n)("connect.store.giftCard.createTitle")), 1),
+            o("p", rt, s(e(n)("connect.store.giftCard.pageSubtitle")), 1)
+          ])
+        ]),
+        o("div", ct, [
+          r(p, {
+            variant: "outlined",
+            class: "p-24 flex flex-col gap-16"
+          }, {
+            default: T(() => [
+              o("div", it, [
+                t[15] || (t[15] = o("span", { class: "w-[18px] h-[18px] rounded-sm flex-none grid place-items-center bg-fm-color-primary-oats text-fm-color-primary fm-typo-en-body-sm-600" }, " 1 ", -1)),
+                o("div", dt, [
+                  o("div", ut, s(e(n)("connect.store.giftCard.name")), 1)
+                ])
+              ]),
+              r(f, {
+                modelValue: e(D),
+                "onUpdate:modelValue": t[0] || (t[0] = (a) => y(D) ? D.value = a : null),
+                placeholder: e(n)("connect.store.giftCard.namePlaceholder")
+              }, null, 8, ["modelValue", "placeholder"])
+            ]),
+            _: 1
+          }),
+          r(p, {
+            variant: "outlined",
+            class: "p-24 flex flex-col gap-16"
+          }, {
+            default: T(() => [
+              o("div", mt, [
+                t[16] || (t[16] = o("span", { class: "w-[18px] h-[18px] rounded-sm flex-none grid place-items-center bg-fm-color-primary-oats text-fm-color-primary fm-typo-en-body-sm-600" }, " 2 ", -1)),
+                o("div", ft, [
+                  o("div", pt, s(e(n)("connect.store.giftCard.design")), 1),
+                  o("div", vt, s(e(n)("connect.store.giftCard.designHint")), 1)
+                ])
+              ]),
+              o("div", gt, [
+                o("input", {
+                  ref_key: "designInput",
+                  ref: re,
+                  type: "file",
+                  accept: ".png,.jpg,.jpeg,.gif",
+                  class: "hidden",
+                  onChange: Me
+                }, null, 544),
+                (d(!0), m(G, null, X(e(v), (a, O) => (d(), m("div", {
+                  key: a,
+                  class: "relative w-[160px] aspect-video rounded-md overflow-hidden border-1 border-fm-color-neutral-gray-300"
+                }, [
+                  o("img", {
+                    src: a,
+                    alt: "",
+                    class: "w-full h-full object-cover"
+                  }, null, 8, yt),
+                  o("div", xt, [
+                    r(i, {
+                      icon: "edit",
+                      variant: "secondary",
+                      "aria-label": e(n)("connect.common.edit"),
+                      title: e(n)("connect.common.edit"),
+                      onClick: (Oe) => Se(O)
+                    }, null, 8, ["aria-label", "title", "onClick"]),
+                    r(i, {
+                      icon: "delete",
+                      variant: "destructive",
+                      "aria-label": e(n)("connect.common.remove"),
+                      title: e(n)("connect.common.remove"),
+                      onClick: (Oe) => Pe(a)
+                    }, null, 8, ["aria-label", "title", "onClick"])
+                  ])
+                ]))), 128)),
+                r(h, {
+                  accept: ".png, .jpg, .jpeg, .gif",
+                  "max-file-size": he,
+                  onFileUpload: Ee
+                })
+              ])
+            ]),
+            _: 1
+          }),
+          r(p, {
+            variant: "outlined",
+            class: "p-24 flex flex-col gap-16"
+          }, {
+            default: T(() => [
+              o("div", bt, [
+                t[17] || (t[17] = o("span", { class: "w-[18px] h-[18px] rounded-sm flex-none grid place-items-center bg-fm-color-primary-oats text-fm-color-primary fm-typo-en-body-sm-600" }, " 3 ", -1)),
+                o("div", _t, [
+                  o("div", Ct, s(e(n)("connect.store.giftCard.numberSettings")), 1),
+                  o("div", ht, s(e(n)("connect.store.giftCard.numberSettingsHint")), 1)
+                ])
+              ]),
+              o("div", At, [
+                (d(), m(G, null, X(["DEFAULT", "ADVANCED"], (a) => o("button", {
+                  key: a,
+                  type: "button",
+                  class: Ce([
+                    "flex gap-12 items-start text-left p-16 rounded-md border-1 transition-colors",
+                    e(k) === a ? "border-fm-color-primary" : "border-fm-color-neutral-gray-300"
+                  ]),
+                  onClick: (O) => k.value = a
+                }, [
+                  o("span", {
+                    class: Ce([
+                      "w-[18px] h-[18px] rounded-full border-1 flex-none mt-2 grid place-items-center",
+                      e(k) === a ? "border-fm-color-primary" : "border-fm-color-neutral-gray-300"
+                    ])
+                  }, [
+                    e(k) === a ? (d(), m("span", kt)) : _("", !0)
+                  ], 2),
+                  o("span", Dt, [
+                    o("span", Ut, s(a === "DEFAULT" ? e(n)("connect.store.giftCard.numberDefault") : e(n)("connect.store.giftCard.numberAdvanced")), 1),
+                    o("span", Nt, s(a === "DEFAULT" ? e(n)("connect.store.giftCard.numberDefaultHint") : e(n)("connect.store.giftCard.numberAdvancedHint")), 1)
+                  ])
+                ], 10, wt)), 64))
+              ]),
+              e(k) === "ADVANCED" ? (d(), m("div", Ft, [
+                r(f, {
+                  modelValue: e(P),
+                  "onUpdate:modelValue": t[1] || (t[1] = (a) => y(P) ? P.value = a : null),
+                  type: "number",
+                  label: e(n)("connect.store.giftCard.length")
+                }, null, 8, ["modelValue", "label"]),
+                r(f, {
+                  modelValue: e(I),
+                  "onUpdate:modelValue": t[2] || (t[2] = (a) => y(I) ? I.value = a : null),
+                  label: e(n)("connect.store.giftCard.charset")
+                }, null, 8, ["modelValue", "label"]),
+                r(f, {
+                  modelValue: e(L),
+                  "onUpdate:modelValue": t[3] || (t[3] = (a) => y(L) ? L.value = a : null),
+                  label: e(n)("connect.store.giftCard.prefix")
+                }, null, 8, ["modelValue", "label"]),
+                r(f, {
+                  modelValue: e($),
+                  "onUpdate:modelValue": t[4] || (t[4] = (a) => y($) ? $.value = a : null),
+                  label: e(n)("connect.store.giftCard.suffix")
+                }, null, 8, ["modelValue", "label"])
+              ])) : _("", !0),
+              o("div", Vt, [
+                o("div", Tt, [
+                  o("span", Et, s(e(n)("connect.store.giftCard.exampleNumber")), 1),
+                  o("span", St, s(e(Ve)), 1)
+                ]),
+                r(i, {
+                  label: e(n)("connect.store.giftCard.regenerate"),
+                  icon: "refresh",
+                  variant: "secondary",
+                  onClick: t[5] || (t[5] = (a) => de.value++)
+                }, null, 8, ["label"])
+              ])
+            ]),
+            _: 1
+          }),
+          r(p, {
+            variant: "outlined",
+            class: "p-24 flex flex-col gap-16"
+          }, {
+            default: T(() => [
+              o("div", Mt, [
+                t[18] || (t[18] = o("span", { class: "w-[18px] h-[18px] rounded-sm flex-none grid place-items-center bg-fm-color-primary-oats text-fm-color-primary fm-typo-en-body-sm-600" }, " 4 ", -1)),
+                o("div", Pt, [
+                  o("div", It, s(e(n)("connect.store.giftCard.amount")), 1),
+                  o("div", Lt, s(e(n)("connect.store.giftCard.amountHint", {
+                    max: e(B)
+                  })), 1)
+                ])
+              ]),
+              o("div", $t, [
+                o("div", Rt, s(e(n)("connect.store.giftCard.popularAmounts")), 1),
+                o("div", Ht, [
+                  (d(), m(G, null, X(Q, (a) => r(A, {
+                    key: a,
+                    label: `RM ${a}`,
+                    selectable: "",
+                    selected: e(u).includes(a),
+                    onClick: (O) => ge(a)
+                  }, null, 8, ["label", "selected", "onClick"])), 64))
+                ])
+              ]),
+              o("div", Ot, [
+                o("div", Gt, [
+                  t[19] || (t[19] = o("span", { class: "px-12 py-8 bg-fm-color-neutral-gray-100 fm-typo-en-body-md-500 text-fm-color-typo-secondary" }, " RM ", -1)),
+                  Be(o("input", {
+                    "onUpdate:modelValue": t[6] || (t[6] = (a) => y(U) ? U.value = a : null),
+                    type: "number",
+                    class: "px-12 py-8 outline-none fm-typo-en-body-md-400 w-[140px]",
+                    placeholder: e(n)("connect.store.giftCard.custom"),
+                    onKeyup: je(ye, ["enter"])
+                  }, null, 40, Xt), [
+                    [ze, e(U)]
+                  ])
+                ]),
+                r(i, {
+                  label: e(n)("connect.store.giftCard.addAmount"),
+                  variant: "secondary",
+                  onClick: ye
+                }, null, 8, ["label"])
+              ]),
+              e(u).some((a) => !Q.includes(a)) ? (d(), m("div", Bt, [
+                (d(!0), m(G, null, X(e(u).filter(
+                  (a) => !Q.includes(a)
+                ), (a) => (d(), ne(A, {
+                  key: a,
+                  label: `RM ${a}`,
+                  removable: "",
+                  onChipClosed: (O) => ge(a)
+                }, null, 8, ["label", "onChipClosed"]))), 128))
+              ])) : _("", !0),
+              o("div", jt, [
+                le(s(e(n)("connect.store.giftCard.selected")) + " ", 1),
+                o("span", zt, s(e(u).length), 1),
+                le(" / " + s(e(B)), 1)
+              ]),
+              o("div", qt, [
+                r(q, {
+                  modelValue: e(C),
+                  "onUpdate:modelValue": t[7] || (t[7] = (a) => y(C) ? C.value = a : null)
+                }, null, 8, ["modelValue"]),
+                o("div", Kt, [
+                  o("div", Wt, s(e(n)("connect.store.giftCard.anyAmount")), 1),
+                  o("div", Zt, s(e(n)("connect.store.giftCard.anyAmountHint")), 1)
+                ])
+              ]),
+              e(C) ? (d(), m("div", Qt, [
+                r(f, {
+                  modelValue: e(N),
+                  "onUpdate:modelValue": t[8] || (t[8] = (a) => y(N) ? N.value = a : null),
+                  type: "number",
+                  label: e(n)("connect.store.giftCard.min"),
+                  class: "flex-1"
+                }, null, 8, ["modelValue", "label"]),
+                r(f, {
+                  modelValue: e(F),
+                  "onUpdate:modelValue": t[9] || (t[9] = (a) => y(F) ? F.value = a : null),
+                  type: "number",
+                  label: e(n)("connect.store.giftCard.max"),
+                  "helper-text": `Up to RM${e(se)}`,
+                  class: "flex-1"
+                }, null, 8, ["modelValue", "label", "helper-text"])
+              ])) : _("", !0),
+              e(J) ? (d(), m("div", Yt, s(e(J)), 1)) : _("", !0)
+            ]),
+            _: 1
+          }),
+          r(p, {
+            variant: "outlined",
+            class: "p-24 flex flex-col gap-16"
+          }, {
+            default: T(() => [
+              o("div", Jt, [
+                t[20] || (t[20] = o("span", { class: "w-[18px] h-[18px] rounded-sm flex-none grid place-items-center bg-fm-color-primary-oats text-fm-color-primary fm-typo-en-body-sm-600" }, " 5 ", -1)),
+                o("div", eo, [
+                  o("div", to, s(e(n)("connect.store.giftCard.sending")), 1),
+                  o("div", oo, s(e(n)("connect.store.giftCard.sendingHint")), 1)
+                ])
+              ]),
+              e(ue) ? _("", !0) : (d(), m("div", no, [
+                r(K, {
+                  name: "info",
+                  class: "text-fm-color-system-info-400 flex-none"
+                }),
+                o("div", lo, s(e(n)("connect.store.giftCard.broadcastNotice")), 1),
+                r(i, {
+                  icon: "close",
+                  variant: "tertiary",
+                  onClick: t[10] || (t[10] = (a) => ue.value = !0)
+                })
+              ])),
+              o("div", ao, [
+                r(q, {
+                  modelValue: e(R),
+                  "onUpdate:modelValue": t[11] || (t[11] = (a) => y(R) ? R.value = a : null)
+                }, null, 8, ["modelValue"]),
+                o("span", so, s(e(n)("connect.store.giftCard.personalMessage")), 1)
+              ]),
+              o("div", ro, [
+                o("div", co, s(e(n)("connect.store.giftCard.channels")), 1),
+                o("div", io, s(e(n)("connect.store.giftCard.channelsHint")), 1),
+                o("div", uo, [
+                  (d(!0), m(G, null, X(e(me), (a) => (d(), ne(A, {
+                    key: a.value,
+                    label: a.label,
+                    selectable: "",
+                    selected: e(x).includes(a.value),
+                    disabled: !a.available && !e(x).includes(a.value),
+                    onClick: (O) => Ne(a.value)
+                  }, null, 8, ["label", "selected", "disabled", "onClick"]))), 128))
+                ]),
+                e(fe).length ? (d(), m("div", mo, [
+                  le(s(e(n)("connect.store.giftCard.channelUnavailable", {
+                    channels: e(fe).join(", ")
+                  })) + " ", 1),
+                  o("a", {
+                    href: Ue,
+                    target: "_blank",
+                    rel: "noopener",
+                    class: "underline fm-typo-en-body-md-600 text-fm-color-primary"
+                  }, s(e(n)("connect.store.giftCard.channelConfigure")), 1)
+                ])) : _("", !0),
+                e(ee) ? (d(), m("div", fo, s(e(ee)), 1)) : _("", !0)
+              ])
+            ]),
+            _: 1
+          }),
+          r(p, {
+            variant: "outlined",
+            class: "p-24 flex flex-col gap-16"
+          }, {
+            default: T(() => [
+              o("div", po, [
+                t[21] || (t[21] = o("span", { class: "w-[18px] h-[18px] rounded-sm flex-none grid place-items-center bg-fm-color-primary-oats text-fm-color-primary fm-typo-en-body-sm-600" }, " 6 ", -1)),
+                o("div", vo, [
+                  o("div", go, s(e(n)("connect.store.giftCard.terms")), 1),
+                  o("div", yo, s(e(n)("connect.store.giftCard.termsHint")), 1)
+                ])
+              ]),
+              o("div", xo, [
+                r(i, {
+                  label: e(n)("connect.store.giftCard.enterText"),
+                  icon: "edit",
+                  variant: "secondary",
+                  onClick: t[12] || (t[12] = (a) => b.value = "TEXT")
+                }, null, 8, ["label"]),
+                r(h, {
+                  accept: ".pdf, .doc, .docx",
+                  "max-file-size": 5e6,
+                  onFileUpload: Ie
+                })
+              ]),
+              e(b) === "TEXT" ? (d(), ne(He, {
+                key: 0,
+                modelValue: e(H),
+                "onUpdate:modelValue": t[13] || (t[13] = (a) => y(H) ? H.value = a : null),
+                rows: 5,
+                placeholder: e(n)("connect.store.giftCard.termsPlaceholder")
+              }, null, 8, ["modelValue", "placeholder"])) : e(b) === "DOCUMENT" && e(V) ? (d(), m("div", bo, [
+                r(K, {
+                  name: "description",
+                  class: "text-fm-color-typo-secondary"
+                }),
+                o("a", {
+                  href: e(V),
+                  target: "_blank",
+                  rel: "noopener",
+                  class: "text-fm-color-typo-info underline"
+                }, s(e(n)("connect.store.giftCard.viewDocument")), 9, _o),
+                r(i, {
+                  icon: "close",
+                  variant: "tertiary",
+                  onClick: t[14] || (t[14] = (a) => (V.value = "", b.value = "NONE"))
+                })
+              ])) : _("", !0)
+            ]),
+            _: 1
+          }),
+          o("div", Co, [
+            r(i, {
+              label: e(n)("connect.common.cancel"),
+              variant: "tertiary",
+              onClick: oe
+            }, null, 8, ["label"]),
+            r(i, {
+              label: e(z) ? e(n)("connect.common.save") : e(n)("connect.store.giftCard.addGiftCard"),
+              loading: e(Ke)().isLoading,
+              disabled: !!e(te),
+              onClick: Re
+            }, null, 8, ["label", "loading", "disabled"])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  Po as default
+};

package/dist/{Grab-CgVDlh8N.js → Grab-BOMxmAcZ.js}

@@ -1,17 +1,17 @@
 import { defineComponent as q, ref as L, computed as z, h as J, onMounted as Q, resolveComponent as u, openBlock as f, createElementBlock as k, Fragment as F, createVNode as l, unref as i, withCtx as x, createElementVNode as m, renderList as W, createBlock as O, resolveDynamicComponent as X, toDisplayString as Y } from "vue";
 import { _ as Z } from "./campaign-CpzFl8Vr.js";
 import { useDialog as ee, components as te } from "@feedmepos/ui-library";
-import { p as P } from "./plugins-D4_SIsjZ.js";
-import { u as oe } from "./loading-DLrpThuY.js";
-import { u as ne } from "./business-Dq1_o57i.js";
-import { u as ae } from "./campaign-CNkbWJTf.js";
-import { u as re } from "./vue-i18n-CzEcAXx-.js";
+import { p as P } from "./plugins-2XgEvjxm.js";
+import { u as oe } from "./loading-fSLeqKr_.js";
+import { u as ne } from "./business-D_DxmzRi.js";
+import { u as ae } from "./campaign-CQOgVXhK.js";
+import { u as re } from "./vue-i18n-BIpsBqfV.js";
 import { h as d } from "./moment-D7p2TMB-.js";
-import { a as se, b as V } from "./campaign-B7NIPxHs.js";
-import { s as ie, _ as ce } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-DbkQVmGE.js";
-import { u as le } from "./template-DtwmJYOa.js";
+import { a as se, b as V } from "./campaign-DgLtIuZl.js";
+import { s as ie, _ as ce } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Ber_smZ-.js";
+import { u as le } from "./template-BguoWqRC.js";
 import { _ as $ } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
-import { c as C } from "./index-By93YZmr.js";
+import { c as C } from "./index-B3VxErFJ.js";
 const me = { class: "px-24 flex flex-col gap-y-16" }, ue = { class: "flex items-center justify-between w-full" }, de = { class: "flex gap-8 overflow-x-auto" }, pe = { class: "space-y-8" }, fe = { class: "flex w-full gap-4 items-center" }, ge = { class: "flex flex-col gap-16 text-center" }, ye = { class: "fm-typo-en-title-sm-800" }, be = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pe = /* @__PURE__ */ q({
   __name: "Grab",
   setup(_e) {

package/dist/{ImageInput.vue_vue_type_script_setup_true_lang-B9JaZNoF.js → ImageInput.vue_vue_type_script_setup_true_lang-bEHeJol7.js}

@@ -1,5 +1,5 @@
 import { openBlock as l, createElementBlock as o, createElementVNode as r, defineComponent as $, ref as b, onMounted as I, resolveComponent as f, renderSlot as x, toDisplayString as s, createCommentVNode as h, normalizeStyle as V, unref as i, Fragment as w, createVNode as F, withCtx as g, createTextVNode as p, normalizeClass as z, createBlock as k } from "vue";
-import { u as R } from "./vue-i18n-CzEcAXx-.js";
+import { u as R } from "./vue-i18n-BIpsBqfV.js";
 import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const N = {}, D = { class: "animate-pulse flex space-x-4 bg-gray-300 dark:bg-gray-700 items-center justify-center rounded w-full h-full" };
 function L(e, d) {