@feedmepos/mf-connect 0.1.98-beta.61 → 0.1.98-beta.63

package/dist/GiftCardSetup-DA9yMwPR.js

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