@feedmepos/mf-connect 0.1.38-beta.2 → 0.1.39-prod

package/dist/{Transaction-Chxv6V7u.js → Transaction-BF_wmok6.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-T3Wo2maC.js";
-import { u as C } from "./vue-i18n-Bz45zC04.js";
+import { _ as g, a as y } from "./StoreTransactions.vue_vue_type_script_setup_true_lang-BkTYngJ_.js";
+import { u as C } from "./vue-i18n-BtvUK9hI.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-CzXNmobp.js → UserRuleGroup.vue_vue_type_script_setup_true_lang-Cex1Z43W.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-CUfS9Kp1.js";
-import { i as C, R as e } from "./rule-builder-Di9RIYHF.js";
-import { _ as I } from "./RuleGroup.vue_vue_type_script_setup_true_lang-DqNQl_nz.js";
-import { p as N } from "./plugins-eQis66QR.js";
-import { u as S } from "./membership-Cc4OZ8-U.js";
+import "./index-DWdAUovq.js";
+import { i as C, R as e } from "./rule-builder-kQq14RfN.js";
+import { _ as I } from "./RuleGroup.vue_vue_type_script_setup_true_lang-C3_lmBe5.js";
+import { p as N } from "./plugins-DK_ue6Xa.js";
+import { u as S } from "./membership-D0eN3i_T.js";
 import { _ as j } from "./CustomSelect.vue_vue_type_script_setup_true_lang-DLnvDVgf.js";
-import { u as x } from "./vue-i18n-Bz45zC04.js";
+import { u as x } from "./vue-i18n-BtvUK9hI.js";
 const A = /* @__PURE__ */ y({
   __name: "SegmentConfigurator",
   props: {

package/dist/{Voucher-C5z2kOq9.js → Voucher-CaBMU5w0.js}

@@ -1,27 +1,30 @@
-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 { 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 { _ 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-eQis66QR.js";
+import { p as A, a as ce } from "./plugins-DK_ue6Xa.js";
 import { useCoreStore as ie } from "@feedmepos/mf-common";
-import { u as se } from "./loading-BWGQSrCB.js";
-import { u as le } from "./business-CmxV69wT.js";
-import { u as me } from "./campaign-Dq5C_no-.js";
-import { g as ue, a as O, b as B } from "./campaign-CT_cNJEL.js";
-import "./index-CNJLP3D5.js";
-import { u as de } from "./template-C3UfY0v5.js";
-import { _ as pe } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-PJ8q72XH.js";
-import { _ as fe } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-BLYP-5U9.js";
-import { u as ye } from "./vue-i18n-Bz45zC04.js";
-import { T as he } from "./trigger-C9U7Zgad.js";
+import { u as se } from "./loading-BFkEqWR6.js";
+import { u as le } from "./business-TTvv3aTz.js";
+import { u as me } from "./campaign-BiMCoAzx.js";
+import { g as ue, a as O, b as B } from "./campaign-CjEVStN1.js";
+import "./index-BoR-BOFw.js";
+import { u as de } from "./template-CxUxlb6-.js";
+import { _ as pe } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-BvCLYtJ3.js";
+import { _ as fe } from "./SendVoucherSheet.vue_vue_type_script_setup_true_lang-BRmqgxES.js";
+import { u as he } from "./vue-i18n-BtvUK9hI.js";
+import { T as ye } from "./trigger-RqJo06KA.js";
 import { useRouter as ge } from "vue-router";
-import { c as w } from "./index-D5rvMvzx.js";
-import { R as H } from "./app-7cvPyHJ7.js";
-var _e = { authUrl: "https://portal-v2-dev.feedmeapi.com/", slackWebhookUrl: "https://hooks.slack.com/services/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", appUrl: "member.feedmedev.cc", crmUrl: "crm.feedmedev.cc", paymentPortalUrl: "https://portal.feedmedev.cc/payment/payout-account", licensePortalUrl: "https://license.feedmedev.cc/", marketingV1Portal: "https://marketing-v1.feedmedev.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 = { 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({
+import { c as w } from "./index-CK67enPK.js";
+import { R as H } from "./app-DuIzRGvb.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({
   __name: "Voucher",
-  setup(Ie) {
-    const { t: a } = ye(), $ = {
+  setup(Re) {
+    const { t: a } = he(), $ = {
       label: a("connect.voucher.createCampaign"),
       value: "create",
       isPrimary: !0,
@@ -34,7 +37,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 = he.VOUCHER.map((e) => ({
+    ), j = ye.VOUCHER.map((e) => ({
       label: e.name,
       value: e.value
     }));
@@ -285,7 +288,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(), h(Q, {
+                ), (n) => (u(), y(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"
@@ -295,7 +298,7 @@ const ve = { class: "px-24 flex flex-col gap-y-16" }, Ce = { class: "flex items-
                     return [
                       c("div", be, [
                         c("div", ke, [
-                          (u(), h(ne(t(O)(n)))),
+                          (u(), y(ne(t(O)(n)))),
                           c("div", xe, g(((k = n.pf_collectible) == null ? void 0 : k.currentReceive) ?? 0) + " claimed ", 1)
                         ]),
                         c("div", Ve, [
@@ -304,26 +307,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(), h(C, {
+                        n.event.type === "SIMPLE_CLAIM" ? (u(), y(C, {
                           key: 0,
                           icon: "visibility",
                           "icon-color": "neutral-gray-400",
                           variant: "tertiary",
-                          onClick: async (y) => {
-                            y.stopPropagation(), await t(U).push({
+                          onClick: async (h) => {
+                            h.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(), h(C, {
+                        n.event.type === "SIMPLE_CLAIM" ? (u(), y(C, {
                           key: 1,
                           icon: "send",
                           "icon-color": "neutral-gray-400",
                           variant: "tertiary",
-                          onClick: (y) => {
+                          onClick: (h) => {
                             var R;
-                            y.stopPropagation(), (R = t(b)) == null || R.showSheet({
+                            h.stopPropagation(), (R = t(b)) == null || R.showSheet({
                               campaignId: n._id
                             });
                           }
@@ -332,7 +335,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: (y) => (y.stopPropagation(), I(n))
+                          onClick: (h) => (h.stopPropagation(), I(n))
                         }, null, 8, ["onClick"])
                       ])
                     ];
@@ -342,19 +345,16 @@ const ve = { class: "px-24 flex flex-col gap-y-16" }, Ce = { class: "flex items-
               ]),
               _: 1
             })
-          ], 64)) : (u(), h(J, {
+          ], 64)) : (u(), y(J, {
             key: 1,
             variant: "outlined",
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
             default: F(() => [
-              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)
+              Te,
+              c("div", Ue, [
+                c("div", Pe, g(t(a)("connect.voucher.createVoucherCampaign")), 1),
+                c("div", Ie, 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 {
-  Je as default
+  Ye as default
 };

package/dist/VoucherEditor.vue_vue_type_script_setup_true_lang-BXt2fLOD.js

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

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-BlXzEWA6.js → ZodTextField.vue_vue_type_script_setup_true_lang-CtHjWpUe.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-Bz45zC04.js";
+import { u as V } from "./vue-i18n-BtvUK9hI.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"