@feedmepos/mf-connect 0.1.47-prod → 0.1.49-prod

package/dist/{Transaction-CLsceq-O.js → Transaction-ru7M0PKE.js}

@@ -1,6 +1,6 @@
 import { defineComponent as d, ref as f, resolveComponent as s, openBlock as t, createElementBlock as v, Fragment as b, createVNode as r, unref as o, createElementVNode as k, createBlock as l, KeepAlive as x, resolveDynamicComponent as m, createCommentVNode as F } from "vue";
-import { _ as g, a as y } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-DuatzcJ8.js";
-import { u as C } from "./vue-i18n--_Wu1nMj.js";
+import { _ as g, a as y } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-PrFhYJXc.js";
+import { u as C } from "./vue-i18n-2D47GxQX.js";
 const T = { class: "px-24 flex flex-col gap-y-32 pb-24" }, P = /* @__PURE__ */ d({
   __name: "Transaction",
   setup(V) {

package/dist/{UserRuleGroup.vue_vue_type_script_setup_true_lang-CFLekn9O.js → UserRuleGroup.vue_vue_type_script_setup_true_lang-BSkv6hMH.js}

@@ -1,11 +1,11 @@
 import { defineComponent as y, computed as b, openBlock as i, createBlock as R, unref as l, ref as E, watch as k, resolveComponent as h, createElementBlock as g, createElementVNode as B, Fragment as O, renderList as T, createVNode as V, isRef as U, createCommentVNode as v } from "vue";
-import "./index-DNTd-FNx.js";
-import { i as C, R as e } from "./rule-builder-DmlhHAED.js";
-import { _ as I } from "./RuleGroup.vue_vue_type_script_setup_true_lang-BzsYC3k2.js";
-import { p as N } from "./plugins-Dn7JDHi7.js";
-import { u as S } from "./membership-oBIs4sbL.js";
+import "./index-zyVYgteg.js";
+import { i as C, R as e } from "./rule-builder-CursBigG.js";
+import { _ as I } from "./RuleGroup.vue_vue_type_script_setup_true_lang-CVy_kDmy.js";
+import { p as N } from "./plugins-Z2YcDTj8.js";
+import { u as S } from "./membership-GNRX1fEK.js";
 import { _ as j } from "./CustomSelect.vue_vue_type_script_setup_true_lang-DLnvDVgf.js";
-import { u as x } from "./vue-i18n--_Wu1nMj.js";
+import { u as x } from "./vue-i18n-2D47GxQX.js";
 const A = /* @__PURE__ */ y({
   __name: "SegmentConfigurator",
   props: {

package/dist/{Voucher-Cd293WYY.js → Voucher-DmuaThKv.js}

@@ -1,30 +1,27 @@
-import { defineComponent as Y, ref as x, computed as ee, h as m, onMounted as oe, resolveComponent as d, openBlock as u, createElementBlock as V, Fragment as S, createVNode as l, unref as t, createElementVNode as c, withCtx as F, renderList as te, createBlock as y, resolveDynamicComponent as ne, toDisplayString as g, createCommentVNode as E } from "vue";
+import { defineComponent as Y, ref as x, computed as ee, h as m, onMounted as oe, resolveComponent as d, openBlock as u, createElementBlock as V, Fragment as S, createVNode as l, unref as t, createElementVNode as c, withCtx as F, renderList as te, createBlock as h, resolveDynamicComponent as ne, toDisplayString as g, createCommentVNode as E } from "vue";
 import { _ as ae } from "./campaign-CpzFl8Vr.js";
 import { useDialog as re, components as f } from "@feedmepos/ui-library";
-import { _ as M } from "./FilterChip.vue_vue_type_script_setup_true_lang-d8rh38tD.js";
-import { p as A, a as ce } from "./plugins-Dn7JDHi7.js";
+import { _ as M } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+import { p as A, a as ce } from "./plugins-Z2YcDTj8.js";
 import { useCoreStore as ie } from "@feedmepos/mf-common";
-import { u as se } from "./loading-c4b7n9Xp.js";
-import { u as le } from "./business-DVlHPzaL.js";
-import { u as me } from "./campaign-D9KeUWA7.js";
-import { g as ue, a as O, b as B } from "./campaign-l-u9A514.js";
-import "./index-Cl2iYM2F.js";
-import { u as de } from "./template-BSQLFHf4.js";
-import { _ as pe } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-hxuYl-OQ.js";
-import { _ as fe } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-Cijyol1Q.js";
-import { u as he } from "./vue-i18n--_Wu1nMj.js";
-import { T as ye } from "./trigger-DC9tDnI2.js";
+import { u as se } from "./loading-CZH88Duq.js";
+import { u as le } from "./business-BSP_3iNl.js";
+import { u as me } from "./campaign-C1hWNRWr.js";
+import { g as ue, a as O, b as B } from "./campaign-DMZnXtyb.js";
+import "./index-Da1qz9oA.js";
+import { u as de } from "./template-BnyUm8is.js";
+import { _ as pe } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-BJEAsRON.js";
+import { _ as fe } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-BsNLkA2v.js";
+import { u as ye } from "./vue-i18n-2D47GxQX.js";
+import { T as he } from "./trigger-C_ih51ky.js";
 import { useRouter as ge } from "vue-router";
-import { c as w } from "./index-1BGPM6Uy.js";
-import { R as H } from "./app-aVXsWATU.js";
+import { c as w } from "./index-Ba5-z1MU.js";
+import { R as H } from "./app-ja_XST5q.js";
 var _e = { authUrl: "https://portal-v2.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "member.feedme.cc", crmUrl: "crm.feedme.cc", paymentPortalUrl: "https://portal.feedme.cc/payment/payout-account", licensePortalUrl: "https://license.feedme.cc/", marketingV1Portal: "https://marketing-v1.feedme.cc" };
-const ve = { class: "px-24 flex flex-col gap-y-16" }, Ce = { class: "flex items-center justify-between w-full" }, we = { class: "flex gap-8 overflow-x-auto" }, be = { class: "space-y-8" }, ke = { class: "flex w-full gap-4 items-center" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ve = { class: "space-y-4" }, Se = { class: "fm-typo-en-body-lg-600" }, Fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le = { class: "flex gap-8 items-center" }, Te = /* @__PURE__ */ c("img", {
-  src: ae,
-  class: "aspect-square w-[150px]"
-}, null, -1), Ue = { class: "flex flex-col gap-16 text-center" }, Pe = { class: "fm-typo-en-title-sm-800" }, Ie = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ye = /* @__PURE__ */ Y({
+const ve = { class: "px-24 flex flex-col gap-y-16" }, Ce = { class: "flex items-center justify-between w-full" }, we = { class: "flex gap-8 overflow-x-auto" }, be = { class: "space-y-8" }, ke = { class: "flex w-full gap-4 items-center" }, xe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ve = { class: "space-y-4" }, Se = { class: "fm-typo-en-body-lg-600" }, Fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le = { class: "flex gap-8 items-center" }, Te = { class: "flex flex-col gap-16 text-center" }, Ue = { class: "fm-typo-en-title-sm-800" }, Pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Je = /* @__PURE__ */ Y({
   __name: "Voucher",
-  setup(Re) {
-    const { t: a } = he(), $ = {
+  setup(Ie) {
+    const { t: a } = ye(), $ = {
       label: a("connect.voucher.createCampaign"),
       value: "create",
       isPrimary: !0,
@@ -37,7 +34,7 @@ const ve = { class: "px-24 flex flex-col gap-y-16" }, Ce = { class: "flex items-
       () => p.campaigns.voucher.filter(
         (e) => q(e) && G(e)
       )
-    ), j = ye.VOUCHER.map((e) => ({
+    ), j = he.VOUCHER.map((e) => ({
       label: e.name,
       value: e.value
     }));
@@ -288,7 +285,7 @@ const ve = { class: "px-24 flex flex-col gap-y-16" }, Ce = { class: "flex items-
               default: F(() => [
                 (u(!0), V(S, null, te(t(_).filter(
                   (n) => n.name.toLowerCase().includes(t(i).searchKey.toLowerCase())
-                ), (n) => (u(), y(Q, {
+                ), (n) => (u(), h(Q, {
                   key: n._id.toString(),
                   onClick: (k) => v(n),
                   class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
@@ -298,7 +295,7 @@ const ve = { class: "px-24 flex flex-col gap-y-16" }, Ce = { class: "flex items-
                     return [
                       c("div", be, [
                         c("div", ke, [
-                          (u(), y(ne(t(O)(n)))),
+                          (u(), h(ne(t(O)(n)))),
                           c("div", xe, g(((k = n.pf_collectible) == null ? void 0 : k.currentReceive) ?? 0) + " claimed ", 1)
                         ]),
                         c("div", Ve, [
@@ -307,26 +304,26 @@ const ve = { class: "px-24 flex flex-col gap-y-16" }, Ce = { class: "flex items-
                         ])
                       ]),
                       c("div", Le, [
-                        n.event.type === "SIMPLE_CLAIM" ? (u(), y(C, {
+                        n.event.type === "SIMPLE_CLAIM" ? (u(), h(C, {
                           key: 0,
                           icon: "visibility",
                           "icon-color": "neutral-gray-400",
                           variant: "tertiary",
-                          onClick: async (h) => {
-                            h.stopPropagation(), await t(U).push({
+                          onClick: async (y) => {
+                            y.stopPropagation(), await t(U).push({
                               name: t(H)["$connect-CAMPAIGN_VOUCHER_COLLECTIONS"],
                               params: { id: n._id }
                             });
                           }
                         }, null, 8, ["onClick"])) : E("", !0),
-                        n.event.type === "SIMPLE_CLAIM" ? (u(), y(C, {
+                        n.event.type === "SIMPLE_CLAIM" ? (u(), h(C, {
                           key: 1,
                           icon: "send",
                           "icon-color": "neutral-gray-400",
                           variant: "tertiary",
-                          onClick: (h) => {
+                          onClick: (y) => {
                             var R;
-                            h.stopPropagation(), (R = t(b)) == null || R.showSheet({
+                            y.stopPropagation(), (R = t(b)) == null || R.showSheet({
                               campaignId: n._id
                             });
                           }
@@ -335,7 +332,7 @@ const ve = { class: "px-24 flex flex-col gap-y-16" }, Ce = { class: "flex items-
                           icon: "delete",
                           "icon-color": "neutral-gray-400",
                           variant: "tertiary",
-                          onClick: (h) => (h.stopPropagation(), I(n))
+                          onClick: (y) => (y.stopPropagation(), I(n))
                         }, null, 8, ["onClick"])
                       ])
                     ];
@@ -345,16 +342,19 @@ const ve = { class: "px-24 flex flex-col gap-y-16" }, Ce = { class: "flex items-
               ]),
               _: 1
             })
-          ], 64)) : (u(), y(J, {
+          ], 64)) : (u(), h(J, {
             key: 1,
             variant: "outlined",
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
             default: F(() => [
-              Te,
-              c("div", Ue, [
-                c("div", Pe, g(t(a)("connect.voucher.createVoucherCampaign")), 1),
-                c("div", Ie, g(t(a)("connect.voucher.description")), 1)
+              o[7] || (o[7] = c("img", {
+                src: ae,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              c("div", Te, [
+                c("div", Ue, g(t(a)("connect.voucher.createVoucherCampaign")), 1),
+                c("div", Pe, g(t(a)("connect.voucher.description")), 1)
               ]),
               l(C, {
                 variant: "primary",
@@ -380,5 +380,5 @@ const ve = { class: "px-24 flex flex-col gap-y-16" }, Ce = { class: "flex items-
   }
 });
 export {
-  Ye as default
+  Je as default
 };

package/dist/VoucherEditor.vue_vue_type_script_setup_true_lang-Db_aeyc1.js

@@ -0,0 +1,419 @@
+import { defineComponent as A, ref as w, resolveComponent as c, openBlock as d, createBlock as F, withCtx as f, renderSlot as q, createVNode as m, createTextVNode as S, toDisplayString as I, createElementVNode as n, computed as N, createElementBlock as h, Fragment as U, renderList as z, unref as e, normalizeClass as J, createCommentVNode as P, resolveDynamicComponent as H } from "vue";
+import { c as X } from "./index-DWBeauin.js";
+import { e as K, F as Q } from "./index-zyVYgteg.js";
+import { C as W } from "./membership-GNRX1fEK.js";
+import { Z as g } from "./zod-Bg2FbC-D.js";
+import { _ as Y } from "./SelectItems.vue_vue_type_script_setup_true_lang-D3KIZJLo.js";
+import { u as ee } from "./business-BSP_3iNl.js";
+import { useCoreStore as te } from "@feedmepos/mf-common";
+import { _ as le } from "./ZodTextField.vue_vue_type_script_setup_true_lang-B5co0F__.js";
+import { _ as oe } from "./ImageInput.vue_vue_type_script_setup_true_lang-D1KQpDGg.js";
+import { _ as ae, a as ne } from "./EffectSheet.vue_vue_type_style_index_0_lang-CU9XpMjd.js";
+import { _ as se } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-VcU2Asjy.js";
+import { u as me } from "./vue-i18n-2D47GxQX.js";
+import { i as re } from "./helper-BzfjLXgi.js";
+const ue = { class: "flex justify-end gap-8 w-full" }, ie = /* @__PURE__ */ A({
+  __name: "MenuSheet",
+  props: {
+    modelValue: {},
+    filterItems: { type: Function }
+  },
+  emits: ["confirm"],
+  setup(o, { emit: T }) {
+    const O = w(), s = w(!1);
+    function l() {
+      var i;
+      (i = O.value) == null || i.onConfirm();
+    }
+    const y = T;
+    return (i, x) => {
+      const a = c("FmField"), v = c("FmButton"), R = c("FmSideSheet");
+      return d(), F(R, {
+        modelValue: s.value,
+        "onUpdate:modelValue": x[1] || (x[1] = (b) => s.value = b),
+        title: "Select Items",
+        "close-button": !1,
+        "dismiss-away": !0,
+        "max-width": 560
+      }, {
+        "side-sheet-button": f(() => [
+          q(i.$slots, "side-sheet-button", {}, () => [
+            m(a, { class: "text-fm-color-typo-tertiary cursor-pointer" }, {
+              default: f(() => [
+                S(I(o.modelValue.length) + " item(s) selected ", 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        "side-sheet-footer": f(() => [
+          n("div", ue, [
+            m(v, {
+              variant: "tertiary",
+              onClick: x[0] || (x[0] = (b) => s.value = !1),
+              label: "Cancel"
+            }),
+            m(v, {
+              variant: "primary",
+              onClick: l,
+              label: "Confirm"
+            })
+          ])
+        ]),
+        default: f(() => [
+          m(Y, {
+            class: "h-full",
+            "max-height": 0,
+            ref_key: "selectItemRef",
+            ref: O,
+            "initial-value": o.modelValue,
+            "filter-items": o.filterItems,
+            "on-complete": (b) => {
+              y("confirm", b), s.value = !1;
+            }
+          }, null, 8, ["initial-value", "filter-items", "on-complete"])
+        ]),
+        _: 3
+      }, 8, ["modelValue"]);
+    };
+  }
+}), de = { class: "space-y-24" }, pe = { class: "grid grid-cols-2 gap-16" }, ce = { class: "fm-typo-en-title-sm-800" }, fe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ye = { class: "space-y-16" }, ve = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, be = {
+  key: 0,
+  class: "xs:!block flex gap-16 items-center pt-8"
+}, ge = { class: "fm-typo-en-body-lg-400" }, xe = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, Ve = {
+  key: 0,
+  class: "pt-8 space-y-8"
+}, Fe = { class: "flex items-center gap-16 xs:block xs:space-y-8 w-fit" }, Ce = { class: "xs:!block flex gap-16 items-center" }, De = /* @__PURE__ */ A({
+  __name: "EarningOptionInput",
+  props: {
+    modelValue: {
+      type: Object
+    },
+    extras: {
+      type: Object
+    },
+    fixedType: {
+      type: Boolean
+    },
+    errorText: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(o, { emit: T }) {
+    var R, b, k;
+    const O = ee(), s = o, l = T, y = [
+      {
+        label: "Based on spending",
+        sublabel: "Customers earn rewards based on how much they spend.",
+        value: "PROPORTIONAL"
+      },
+      {
+        label: "Fixed amount",
+        sublabel: "Customers earn a set amount of rewards for specific actions.",
+        value: "FIXED"
+      }
+    ].filter((p) => {
+      var t, C;
+      return s.fixedType || ((C = (t = s.extras) == null ? void 0 : t.campaign) == null ? void 0 : C.event.type) != "BILL_COMPLETED" ? p.value == "FIXED" : !0;
+    }), i = N(() => {
+      var t, C;
+      const p = s.extras && "configs" in s.extras ? s.extras.configs.type : (t = s.extras) == null ? void 0 : t.campaign.type;
+      return (((C = W[p]) == null ? void 0 : C.name) || "reward").toLowerCase();
+    }), x = N(() => {
+      const p = K.safeParse(s.modelValue);
+      return p.success ? [] : p.error.errors;
+    });
+    function a(p) {
+      var t;
+      p != ((t = s.modelValue) == null ? void 0 : t.type) && l(
+        "update:model-value",
+        p === "FIXED" ? {
+          type: "FIXED",
+          amount: 1
+        } : {
+          type: "PROPORTIONAL",
+          amount: 1,
+          every: 1
+        }
+      );
+    }
+    const v = w(
+      ((R = s.modelValue) == null ? void 0 : R.type) === "PROPORTIONAL" && !!((k = (b = s.modelValue) == null ? void 0 : b.property) != null && k.length) || !1
+    );
+    return (p, t) => {
+      var B, D, _;
+      const C = c("FmCard"), $ = c("FmStepperField"), L = c("FmRadio"), j = c("FmPill"), G = c("FmButton"), M = c("FmRadioGroup"), Z = c("FmHelperText");
+      return d(), h("div", de, [
+        n("div", pe, [
+          (d(!0), h(U, null, z(e(y), (r) => {
+            var V, u;
+            return d(), F(C, {
+              variant: "outlined",
+              class: J(["p-16 space-y-8 h-full cursor-pointer select-none xs:col-span-2", {
+                "col-span-2": e(y).length == 1,
+                "border-fm-color-primary bg-fm-color-system-warning-100 hover:border-[var(--fm-color-system-orange-300)]": ((V = o.modelValue) == null ? void 0 : V.type) === r.value,
+                "hover:bg-fm-color-opacity-sm": ((u = o.modelValue) == null ? void 0 : u.type) != r.value
+              }]),
+              onClick: (E) => a(r.value),
+              key: r.value
+            }, {
+              default: f(() => [
+                n("div", ce, I(r.label), 1),
+                n("div", fe, I(r.sublabel), 1)
+              ]),
+              _: 2
+            }, 1032, ["class", "onClick"]);
+          }), 128))
+        ]),
+        n("div", ye, [
+          ((B = o.modelValue) == null ? void 0 : B.type) === "FIXED" ? (d(), F($, {
+            key: 0,
+            label: `Receive ${e(i)}(s)`,
+            class: "flex-1",
+            "model-value": ((D = o.modelValue) == null ? void 0 : D.amount) ?? null,
+            "onUpdate:modelValue": t[0] || (t[0] = (r) => l("update:model-value", {
+              ...o.modelValue ?? { type: "FIXED" },
+              amount: r
+            }))
+          }, null, 8, ["label", "model-value"])) : ((_ = o.modelValue) == null ? void 0 : _.type) === "PROPORTIONAL" ? (d(), h(U, { key: 1 }, [
+            t[11] || (t[11] = n("div", { class: "fm-typo-en-body-lg-600" }, "Spending type", -1)),
+            m(M, {
+              "model-value": e(v),
+              "onUpdate:modelValue": t[6] || (t[6] = (r) => {
+                e(v) != r && (l("update:model-value", {
+                  ...o.modelValue ?? {
+                    type: "PROPORTIONAL",
+                    amount: 1,
+                    every: 1
+                  },
+                  property: r ? [] : void 0,
+                  every: 1
+                }), v.value = r);
+              })
+            }, {
+              default: f(() => [
+                m(L, {
+                  label: "Amount spent",
+                  sublabel: `Receive ${e(i)} by amount spent`,
+                  value: !1
+                }, {
+                  label: f(() => {
+                    var r, V;
+                    return [
+                      t[8] || (t[8] = n("div", { class: "fm-typo-en-body-lg-400" }, "Amount spent", -1)),
+                      n("div", ve, " Receive " + I(e(i)) + " by amount spent ", 1),
+                      e(v) ? P("", !0) : (d(), h("div", be, [
+                        m($, {
+                          label: `Receive ${e(i)}(s)`,
+                          inputmode: "decimal",
+                          class: "flex-1",
+                          "model-value": ((r = o.modelValue) == null ? void 0 : r.amount) ?? null,
+                          "onUpdate:modelValue": t[1] || (t[1] = (u) => l("update:model-value", {
+                            ...o.modelValue ?? { type: "FIXED" },
+                            amount: u
+                          }))
+                        }, null, 8, ["label", "model-value"]),
+                        t[7] || (t[7] = n("div", { class: "xs:py-4 text-center" }, "for every", -1)),
+                        m($, {
+                          label: `Amount spend (${e(X.Config).getCountry().currency.symbol})`,
+                          class: "flex-1",
+                          inputmode: "decimal",
+                          "model-value": ((V = o.modelValue) == null ? void 0 : V.every) ?? null,
+                          "onUpdate:modelValue": t[2] || (t[2] = (u) => l("update:model-value", {
+                            ...o.modelValue,
+                            every: u
+                          }))
+                        }, {
+                          prepend: f(() => [
+                            S(I(e(X.Config).getCountry().currency.symbol), 1)
+                          ]),
+                          _: 1
+                        }, 8, ["label", "model-value"])
+                      ]))
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["sublabel"]),
+                m(L, {
+                  label: "Product bought",
+                  sublabel: `Receive ${e(i)} by product bought`,
+                  value: !0,
+                  disabled: !e(O).isPremium
+                }, {
+                  label: f(() => {
+                    var r, V;
+                    return [
+                      n("div", ge, [
+                        t[9] || (t[9] = S(" Product bought ", -1)),
+                        m(j, { variant: "premium" })
+                      ]),
+                      n("div", xe, " Receive " + I(e(i)) + " by product bought ", 1),
+                      e(v) ? (d(), h("div", Ve, [
+                        n("div", Fe, [
+                          m(ie, {
+                            "model-value": s.modelValue.property || [],
+                            onConfirm: t[3] || (t[3] = (u) => l("update:model-value", {
+                              ...o.modelValue,
+                              property: u
+                            }))
+                          }, {
+                            "side-sheet-button": f(() => {
+                              var u, E;
+                              return [
+                                m(G, {
+                                  label: (u = s.modelValue.property) != null && u.length ? `${(E = s.modelValue.property) == null ? void 0 : E.length} product(s) selected` : "Select product",
+                                  icon: "link",
+                                  variant: "secondary"
+                                }, null, 8, ["label"])
+                              ];
+                            }),
+                            _: 1
+                          }, 8, ["model-value"])
+                        ]),
+                        n("div", Ce, [
+                          m($, {
+                            inputmode: "decimal",
+                            label: `Receive ${e(i)}(s)`,
+                            class: "flex-1",
+                            "model-value": ((r = o.modelValue) == null ? void 0 : r.amount) ?? null,
+                            "onUpdate:modelValue": t[4] || (t[4] = (u) => l("update:model-value", {
+                              ...o.modelValue ?? { type: "FIXED" },
+                              amount: u
+                            }))
+                          }, null, 8, ["label", "model-value"]),
+                          t[10] || (t[10] = n("div", { class: "xs:py-4 text-center" }, "for every", -1)),
+                          m($, {
+                            label: "Item purchased",
+                            class: "flex-1",
+                            "model-value": ((V = o.modelValue) == null ? void 0 : V.every) ?? null,
+                            inputmode: "numeric",
+                            "max-fraction-digits": 0,
+                            "onUpdate:modelValue": t[5] || (t[5] = (u) => l("update:model-value", {
+                              ...o.modelValue,
+                              every: u
+                            }))
+                          }, null, 8, ["model-value"])
+                        ])
+                      ])) : P("", !0)
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["sublabel", "disabled"])
+              ]),
+              _: 1
+            }, 8, ["model-value"])
+          ], 64)) : P("", !0)
+        ]),
+        o.errorText || e(x).length > 0 ? (d(), F(Z, {
+          key: 0,
+          class: "!mt-4",
+          text: o.errorText || e(g).helperText(e(x), ""),
+          state: "error"
+        }, null, 8, ["text"])) : P("", !0)
+      ]);
+    };
+  }
+}), Ie = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary flex items-center justify-between" }, _e = /* @__PURE__ */ A({
+  __name: "VoucherEditor",
+  props: {
+    modelValue: {
+      type: Object
+    },
+    rewardImage: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value", "update:reward-image"],
+  setup(o, { emit: T }) {
+    const { t: O } = me(), l = w(
+      o.modelValue ?? re("VOUCHER", {
+        business: te().currentBusiness.value._id,
+        name: ""
+      })
+    ), y = Q, i = T;
+    return (x, a) => {
+      var b, k, p;
+      const v = c("FmTextarea"), R = c("FmHelperText");
+      return d(), h(U, null, [
+        m(le, {
+          modelValue: e(l).name,
+          "onUpdate:modelValue": a[0] || (a[0] = (t) => e(l).name = t),
+          label: "Voucher name",
+          schema: e(g).typeAtPath(e(y), "name", [e(l).type])
+        }, null, 8, ["modelValue", "schema"]),
+        m(v, {
+          class: "!mb-[-16px]",
+          modelValue: e(l).description,
+          "onUpdate:modelValue": a[1] || (a[1] = (t) => e(l).description = t),
+          rules: [e(g).ruleAtPath(e(y), "description", [e(l).type])]
+        }, {
+          label: f(() => [
+            (d(), F(H(
+              e(g).toInputLabel(
+                e(g).typeAtPath(e(y), "description", [e(l).type]),
+                "Voucher description"
+              )
+            )))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "rules"]),
+        n("div", Ie, [
+          a[6] || (a[6] = n("div", null, "Voucher description should not exceed 200 characters.", -1)),
+          n("div", null, I(((b = e(l).description) == null ? void 0 : b.length) ?? 0) + "/200", 1)
+        ]),
+        m(oe, {
+          class: "w-1/2 xs:w-2/3",
+          "aspect-ratio": "16/9",
+          file: o.rewardImage ?? void 0,
+          thumbnail: e(l).image ?? void 0,
+          "onUpdate:file": a[2] || (a[2] = async (t) => {
+            i("update:reward-image", t), t || (e(l).image = null);
+          })
+        }, {
+          label: f(() => [
+            (d(), F(H(
+              e(g).toInputLabel(
+                e(g).typeAtPath(e(y), "image", [e(l).type]),
+                "Voucher image"
+              )
+            )))
+          ]),
+          _: 1
+        }, 8, ["file", "thumbnail"]),
+        a[7] || (a[7] = n("div", { class: "fm-typo-en-title-sm-800" }, "Discount", -1)),
+        m(ae, {
+          "model-value": e(l).extras.effect,
+          "onUpdate:modelValue": a[3] || (a[3] = (t) => e(l).extras.effect = t)
+        }, null, 8, ["model-value"]),
+        e(l).extras.effect == null ? (d(), F(R, {
+          key: 0,
+          class: "!mt-8",
+          text: e(O)("connect.campaign.common.effect_required"),
+          state: "error"
+        }, null, 8, ["text"])) : P("", !0),
+        a[8] || (a[8] = n("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Usage configuration", -1)),
+        m(ne, {
+          "model-value": e(l).options,
+          "no-campaign": e(l).noCampaign,
+          "onUpdate:modelValue": a[4] || (a[4] = (t) => e(l).options = t),
+          schema: e(g).typeAtPath(e(y), "options", ["VOUCHER"])
+        }, null, 8, ["model-value", "no-campaign", "schema"]),
+        a[9] || (a[9] = n("div", { class: "fm-typo-en-title-sm-800 !mb-[-8px]" }, "Availability", -1)),
+        e(l).type === "VOUCHER" ? (d(), F(se, {
+          key: 1,
+          "model-value": ((p = (k = e(l).extras) == null ? void 0 : k.targetLocation) == null ? void 0 : p.map(String)) ?? null,
+          type: "select",
+          "onUpdate:modelValue": a[5] || (a[5] = (t) => {
+            e(l).extras.targetLocation = t;
+          }),
+          rules: [e(g).ruleAtPath(e(y), "extras.targetLocation")]
+        }, null, 8, ["model-value", "rules"])) : P("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  De as _,
+  _e as a
+};

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-B8HHh8HU.js → ZodTextField.vue_vue_type_script_setup_true_lang-B5co0F__.js}

@@ -1,6 +1,6 @@
 import { defineComponent as f, useAttrs as y, resolveComponent as b, openBlock as l, createBlock as v, mergeProps as x, unref as t, createSlots as g, withCtx as h, createElementVNode as a, toDisplayString as n, renderSlot as k, createElementBlock as F, createCommentVNode as S } from "vue";
 import { Z as d } from "./zod-Bg2FbC-D.js";
-import { u as V } from "./vue-i18n--_Wu1nMj.js";
+import { u as V } from "./vue-i18n-2D47GxQX.js";
 const B = { class: "fm-typo-en-body-lg-400 flex gap-4 text-fm-color-typo-primary items-center" }, C = {
   key: 0,
   class: "text-fm-color-typo-tertiary"