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

package/dist/GiftCardSetup-CVwl7Xvu.js

@@ -0,0 +1,662 @@
+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-BnW9omqu.js";
+import { u as ot } from "./app-wDQR6dpb.js";
+import { n as D, f as V } from "./plugins-CqkgKVsK.js";
+import "./index-a9a0E67J.js";
+import { g as se } from "./index-u4XmN7tA.js";
+import { c as nt } from "./index-DNSEyYgh.js";
+import { S as lt } from "./index-ULSqCLHU.js";
+import { p as W, q as at, r as st, s as rt, G as X, t as ct, u as it, v as _e, w as re } from "./index-BVvOGOL3.js";
+import { u as dt } from "./vue-i18n-BxjnJjv4.js";
+import { useRouter as mt, useRoute as ut } from "vue-router";
+import { R as ft } from "./app-BIGPr1BQ.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
+};