@feedmepos/mf-connect 0.1.98-beta.36 → 0.1.98-beta.38

package/dist/GiftCardSetup-CZyQ0wTP.js

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

package/dist/{Grab-CpR61Aid.js → Grab-2pASd57z.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-JIQYZeEq.js";
-import { u as oe } from "./loading-CpOLondJ.js";
-import { u as ne } from "./business-k8ys_U07.js";
-import { u as ae } from "./campaign-dIs56owT.js";
-import { u as re } from "./vue-i18n-BLKK7uJ_.js";
+import { p as P } from "./plugins-Dg9DwBCf.js";
+import { u as oe } from "./loading-CiRScv9X.js";
+import { u as ne } from "./business-DqJM2pwf.js";
+import { u as ae } from "./campaign-EIEwts9r.js";
+import { u as re } from "./vue-i18n-Du9ZwPoA.js";
 import { h as d } from "./moment-D7p2TMB-.js";
-import { a as se, b as V } from "./campaign-JIpHrHow.js";
-import { s as ie, _ as ce } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-D5OHluBD.js";
-import { u as le } from "./template-B43XnxK6.js";
+import { a as se, b as V } from "./campaign-B-POQI1O.js";
+import { s as ie, _ as ce } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Co2XSHWx.js";
+import { u as le } from "./template-Jet8J1NE.js";
 import { _ as $ } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
-import { c as C } from "./index-DYm4i14-.js";
+import { c as C } from "./index-xg_Bjm9M.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-BRztvuYw.js → ImageInput.vue_vue_type_script_setup_true_lang-DH2bqItd.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-BLKK7uJ_.js";
+import { u as R } from "./vue-i18n-Du9ZwPoA.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) {

package/dist/{Index-CJLANM9f.js → Index-DLC3PgGL.js}

@@ -1,16 +1,16 @@
 import { defineComponent as U, ref as g, watch as O, onMounted as I, resolveComponent as m, openBlock as b, createBlock as j, withCtx as P, createTextVNode as z, toDisplayString as B, createElementVNode as c, createVNode as o, unref as e, createElementBlock as F, createCommentVNode as W, normalizeClass as G, computed as L, Fragment as q, isRef as J } from "vue";
-import { u as H } from "./vue-i18n-BLKK7uJ_.js";
-import "./index-yvHLx-xS.js";
+import { u as H } from "./vue-i18n-Du9ZwPoA.js";
+import "./index-B_N2kBWP.js";
 import { useRouter as K } from "vue-router";
-import { u as Q } from "./loading-CpOLondJ.js";
-import { f as V, p as X } from "./plugins-JIQYZeEq.js";
-import { u as Y, _ as Z } from "./RewardGroup.vue_vue_type_script_setup_true_lang-D8vq9sNH.js";
+import { u as Q } from "./loading-CiRScv9X.js";
+import { f as V, p as X } from "./plugins-Dg9DwBCf.js";
+import { u as Y, _ as Z } from "./RewardGroup.vue_vue_type_script_setup_true_lang-SJjkTINh.js";
 import { useDialog as ee, useSnackbar as ne, FmButtonVariant as p } from "@feedmepos/ui-library";
-import { r as N } from "./index-CSM8oUKD.js";
-import { u as ae } from "./reward-GoiNNFx8.js";
-import { u as oe } from "./business-k8ys_U07.js";
-import { u as te } from "./membership-CN1b7vEf.js";
-import { R as $ } from "./app-BkKBy85k.js";
+import { r as N } from "./index-Bs_7FCjv.js";
+import { u as ae } from "./reward-CUUiGQsx.js";
+import { u as oe } from "./business-DqJM2pwf.js";
+import { u as te } from "./membership-DSlvXE1b.js";
+import { R as $ } from "./app-CHBVfbTh.js";
 const re = { class: "space-y-24" }, le = {
   key: 0,
   class: /* @__PURE__ */ G([

package/dist/{LocationPicker.vue_vue_type_script_setup_true_lang-CqNAJAcR.js → LocationPicker.vue_vue_type_script_setup_true_lang-CuHTLQMv.js}

@@ -1,5 +1,5 @@
 import { defineComponent as g, openBlock as t, createElementBlock as o, createElementVNode as i, toDisplayString as r, unref as c, createCommentVNode as m, Fragment as y, renderList as _, normalizeClass as d, createVNode as b } from "vue";
-import { u as x } from "./vue-i18n-BLKK7uJ_.js";
+import { u as x } from "./vue-i18n-Du9ZwPoA.js";
 import { components as h } from "@feedmepos/ui-library";
 const k = { class: "border-t border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-50 p-12 flex flex-col gap-8" }, v = { class: "fm-typo-en-body-sm-600 text-fm-color-neutral-gray-500 px-4" }, S = {
   key: 0,

package/dist/{LottieAnimation.vue_vue_type_script_setup_true_lang-CFgxVnwL.js → LottieAnimation.vue_vue_type_script_setup_true_lang-CMpMgh-O.js}

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watchEffect, computed, watch, openBlock, createElementBlock, normalizeStyle, onBeforeUnmount, resolveComponent, unref, createBlock } from "vue";
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./app-BkKBy85k.js";
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./app-CHBVfbTh.js";
 const v = "4.8.0", meta = {
   g: "LottieFiles AE ",
   a: "",

package/dist/{LoyaltyDashboard-D800wsmM.js → LoyaltyDashboard-CG1d9eS9.js}

@@ -1,17 +1,17 @@
 import { defineComponent as I, resolveComponent as _, openBlock as l, createBlock as L, withCtx as D, createElementVNode as t, createVNode as u, unref as f, createTextVNode as te, createElementBlock as p, Fragment as F, renderList as B, normalizeClass as A, toDisplayString as d, createCommentVNode as U, normalizeStyle as He, computed as w, ref as x, watch as ge, onMounted as ze, nextTick as Ye } from "vue";
 import { h as he } from "./moment-D7p2TMB-.js";
-import { g as R, S as je, b as Ge, c as Je } from "./index-C-wrazEK.js";
+import { g as R, S as je, b as Ge, c as Je } from "./index-DlT0T9xO.js";
 import { RouterLink as Me, useRouter as Ke } from "vue-router";
-import { c as We } from "./index-DYm4i14-.js";
+import { c as We } from "./index-xg_Bjm9M.js";
 import { _ as T } from "./MetricInfoTooltip.vue_vue_type_script_setup_true_lang-Bg_0YlwG.js";
 import { _ as Qe } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
 import { _ as xe } from "./DateRangeChip.vue_vue_type_script_setup_true_lang-eIoPtgO5.js";
-import { u as Xe } from "./loading-CpOLondJ.js";
-import { u as Ze } from "./business-k8ys_U07.js";
-import { C as _e } from "./timezone-CdychQhb.js";
+import { u as Xe } from "./loading-CiRScv9X.js";
+import { u as Ze } from "./business-DqJM2pwf.js";
+import { C as _e } from "./timezone-DO5JPhnd.js";
 import { useCoreStore as et } from "@feedmepos/mf-common";
-import { m as V } from "./index-D75en7H8.js";
-import { t as tt } from "./money-CLkSMcug.js";
+import { m as V } from "./index-BqShDE13.js";
+import { t as tt } from "./money-CvBeovNu.js";
 const rt = { class: "flex items-center mb-14" }, st = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary py-10"