@feedmepos/mf-connect 0.1.98-beta.40 → 0.1.98-beta.41

package/dist/GiftCardSetup-DXNBHF1A.js

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