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

package/dist/GiftCardSetup-Dg-kNVsD.js

@@ -1,633 +0,0 @@
-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
-};