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

package/dist/VoucherEditor.vue_vue_type_script_setup_true_lang-DdGMrk2C.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-BjU8LVUC.js";
+import { e as K, F as Q } from "./index-CUfS9Kp1.js";
+import { C as W } from "./membership-Cc4OZ8-U.js";
+import { Z as g } from "./zod-Bg2FbC-D.js";
+import { _ as Y } from "./SelectItems.vue_vue_type_script_setup_true_lang-4nNkkklE.js";
+import { u as ee } from "./business-CmxV69wT.js";
+import { useCoreStore as te } from "@feedmepos/mf-common";
+import { _ as le } from "./ZodTextField.vue_vue_type_script_setup_true_lang-BlXzEWA6.js";
+import { _ as oe } from "./ImageInput.vue_vue_type_script_setup_true_lang-rWUkV9gn.js";
+import { _ as ae, a as ne } from "./EffectSheet.vue_vue_type_style_index_0_lang-Sww7KNle.js";
+import { _ as se } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-QucRaI08.js";
+import { u as me } from "./vue-i18n-Bz45zC04.js";
+import { i as re } from "./helper-D4sAZde0.js";
+const ue = { class: "flex justify-end gap-8 w-full" }, ie = /* @__PURE__ */ A({
+  __name: "MenuSheet",
+  props: {
+    modelValue: {},
+    filterItems: { type: Function }
+  },
+  emits: ["confirm"],
+  setup(a, { emit: T }) {
+    const O = w(), s = w(!1);
+    function l() {
+      var u;
+      (u = O.value) == null || u.onConfirm();
+    }
+    const y = T;
+    return (u, x) => {
+      const o = 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(u.$slots, "side-sheet-button", {}, () => [
+            m(o, { class: "text-fm-color-typo-tertiary cursor-pointer" }, {
+              default: f(() => [
+                S(I(u.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": u.modelValue,
+            "filter-items": u.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" }, Be = /* @__PURE__ */ A({
+  __name: "EarningOptionInput",
+  props: {
+    modelValue: {
+      type: Object
+    },
+    extras: {
+      type: Object
+    },
+    fixedType: {
+      type: Boolean
+    },
+    errorText: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(a, { emit: T }) {
+    var R, b, k;
+    const O = ee(), s = a, 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;
+    }), u = 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 o(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, i;
+            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 = a.modelValue) == null ? void 0 : V.type) === r.value,
+                "hover:bg-fm-color-opacity-sm": ((i = a.modelValue) == null ? void 0 : i.type) != r.value
+              }]),
+              onClick: (E) => o(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, [
+          ((_ = a.modelValue) == null ? void 0 : _.type) === "FIXED" ? (d(), F($, {
+            key: 0,
+            label: `Receive ${e(u)}(s)`,
+            class: "flex-1",
+            "model-value": ((B = a.modelValue) == null ? void 0 : B.amount) ?? null,
+            "onUpdate:modelValue": t[0] || (t[0] = (r) => l("update:model-value", {
+              ...a.modelValue ?? { type: "FIXED" },
+              amount: r
+            }))
+          }, null, 8, ["label", "model-value"])) : ((D = a.modelValue) == null ? void 0 : D.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", {
+                  ...a.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(u)} 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(u)) + " by amount spent ", 1),
+                      e(v) ? P("", !0) : (d(), h("div", be, [
+                        m($, {
+                          label: `Receive ${e(u)}(s)`,
+                          inputmode: "decimal",
+                          class: "flex-1",
+                          "model-value": ((r = a.modelValue) == null ? void 0 : r.amount) ?? null,
+                          "onUpdate:modelValue": t[1] || (t[1] = (i) => l("update:model-value", {
+                            ...a.modelValue ?? { type: "FIXED" },
+                            amount: i
+                          }))
+                        }, 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 = a.modelValue) == null ? void 0 : V.every) ?? null,
+                          "onUpdate:modelValue": t[2] || (t[2] = (i) => l("update:model-value", {
+                            ...a.modelValue,
+                            every: i
+                          }))
+                        }, {
+                          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(u)} 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 ")),
+                        m(j, { variant: "premium" })
+                      ]),
+                      n("div", xe, " Receive " + I(e(u)) + " 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] = (i) => l("update:model-value", {
+                              ...a.modelValue,
+                              property: i
+                            }))
+                          }, {
+                            "side-sheet-button": f(() => {
+                              var i, E;
+                              return [
+                                m(G, {
+                                  label: (i = s.modelValue.property) != null && i.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(u)}(s)`,
+                            class: "flex-1",
+                            "model-value": ((r = a.modelValue) == null ? void 0 : r.amount) ?? null,
+                            "onUpdate:modelValue": t[4] || (t[4] = (i) => l("update:model-value", {
+                              ...a.modelValue ?? { type: "FIXED" },
+                              amount: i
+                            }))
+                          }, 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 = a.modelValue) == null ? void 0 : V.every) ?? null,
+                            inputmode: "numeric",
+                            "max-fraction-digits": 0,
+                            "onUpdate:modelValue": t[5] || (t[5] = (i) => l("update:model-value", {
+                              ...a.modelValue,
+                              every: i
+                            }))
+                          }, null, 8, ["model-value"])
+                        ])
+                      ])) : P("", !0)
+                    ];
+                  }),
+                  _: 1
+                }, 8, ["sublabel", "disabled"])
+              ]),
+              _: 1
+            }, 8, ["model-value"])
+          ], 64)) : P("", !0)
+        ]),
+        a.errorText || e(x).length > 0 ? (d(), F(Z, {
+          key: 0,
+          class: "!mt-4",
+          text: a.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" }, De = /* @__PURE__ */ A({
+  __name: "VoucherEditor",
+  props: {
+    modelValue: {
+      type: Object
+    },
+    rewardImage: {
+      type: Object
+    }
+  },
+  emits: ["update:model-value", "update:reward-image"],
+  setup(a, { emit: T }) {
+    const { t: O } = me(), l = w(
+      a.modelValue ?? re("VOUCHER", {
+        business: te().currentBusiness.value._id,
+        name: ""
+      })
+    ), y = Q, u = T;
+    return (x, o) => {
+      var b, k, p;
+      const v = c("FmTextarea"), R = c("FmHelperText");
+      return d(), h(U, null, [
+        m(le, {
+          modelValue: e(l).name,
+          "onUpdate:modelValue": o[0] || (o[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": o[1] || (o[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, [
+          o[6] || (o[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: a.rewardImage ?? void 0,
+          thumbnail: e(l).image ?? void 0,
+          "onUpdate:file": o[2] || (o[2] = async (t) => {
+            u("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"]),
+        o[7] || (o[7] = n("div", { class: "fm-typo-en-title-sm-800" }, "Discount", -1)),
+        m(ae, {
+          "model-value": e(l).extras.effect,
+          "onUpdate:modelValue": o[3] || (o[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),
+        o[8] || (o[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": o[4] || (o[4] = (t) => e(l).options = t),
+          schema: e(g).typeAtPath(e(y), "options", ["VOUCHER"])
+        }, null, 8, ["model-value", "no-campaign", "schema"]),
+        o[9] || (o[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": o[5] || (o[5] = (t) => {
+            e(l).extras.targetLocation = t;
+          }),
+          rules: [e(g).ruleAtPath(e(y), "extras.targetLocation")]
+        }, null, 8, ["model-value", "rules"])) : P("", !0)
+      ], 64);
+    };
+  }
+});
+export {
+  Be as _,
+  De as a
+};

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