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

package/dist/GiftCardSetup-CxlMM4up.js

@@ -1,542 +0,0 @@
-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-D__sDcq1.js";
-import { u as Fe } from "./app-wDQR6dpb.js";
-import { n as $, f as E } from "./plugins-D95ZeD-9.js";
-import "./index-BccUpf0U.js";
-import { g as Z } from "./index-DW7-0rf_.js";
-import { p as j, q as Me, G as H, r as ee } from "./index-4GG-yjdN.js";
-import { u as Ue } from "./vue-i18n-dQ1XCaUv.js";
-import { useRouter as Pe, useRoute as Oe } from "vue-router";
-import { R as Se } from "./app-Bt8HrAEr.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
-};