@feedmepos/mf-connect 0.1.58-prod → 0.1.59-prod

package/dist/VoucherEditor.vue_vue_type_script_setup_true_lang-dS7n6KJt.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-BQTPw5fM.js";
+import { e as K, F as Q } from "./index-DrAbySpd.js";
+import { C as W } from "./membership-BMv4jrI_.js";
+import { Z as g } from "./zod-Bg2FbC-D.js";
+import { _ as Y } from "./SelectItems.vue_vue_type_script_setup_true_lang-BxUG7_bX.js";
+import { u as ee } from "./business-DtufpzhR.js";
+import { useCoreStore as te } from "@feedmepos/mf-common";
+import { _ as le } from "./ZodTextField.vue_vue_type_script_setup_true_lang-ndun9vf-.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-De2lhmbT.js";
+import { _ as se } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-DGSjAbol.js";
+import { u as me } from "./vue-i18n-CN3WXgAO.js";
+import { i as re } from "./helper-BaJdC23g.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-ndun9vf-.js

@@ -0,0 +1,56 @@
+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-CN3WXgAO.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"
+}, E = /* @__PURE__ */ f({
+  __name: "ZodTextField",
+  props: {
+    label: {
+      type: String,
+      required: !1
+    },
+    schema: {
+      type: Object,
+      required: !0
+    },
+    modelValue: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:model-value", "focus-changed"],
+  setup(e, { emit: r }) {
+    const { t: s } = V(), m = r, i = y();
+    return (c, o) => {
+      const u = b("FmTextField");
+      return l(), v(u, x({
+        "model-value": e.modelValue,
+        "onUpdate:modelValue": o[0] || (o[0] = (p) => m("update:model-value", p)),
+        disabled: e.disabled
+      }, t(i), {
+        rules: [t(d).toRule(e.schema)]
+      }), g({ _: 2 }, [
+        e.label ? {
+          name: "label",
+          fn: h(() => [
+            a("div", B, [
+              a("div", null, n(e.label), 1),
+              k(c.$slots, "append-label", {}, () => [
+                t(d).isRequired(e.schema) ? S("", !0) : (l(), F("div", C, n(t(s)("connect.common.optional")), 1))
+              ])
+            ])
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1040, ["model-value", "disabled", "rules"]);
+    };
+  }
+});
+export {
+  E as _
+};

package/dist/_commonjsHelpers-BkfeUUK-.js

@@ -0,0 +1,28 @@
+var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function f(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function l(e) {
+  if (e.__esModule) return e;
+  var r = e.default;
+  if (typeof r == "function") {
+    var t = function o() {
+      return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
+    };
+    t.prototype = r.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
+    var n = Object.getOwnPropertyDescriptor(e, o);
+    Object.defineProperty(t, o, n.get ? n : {
+      enumerable: !0,
+      get: function() {
+        return e[o];
+      }
+    });
+  }), t;
+}
+export {
+  l as a,
+  u as c,
+  f as g
+};

package/dist/_plugin-vue_export-helper-CHgC5LLL.js

@@ -0,0 +1,9 @@
+const s = (t, r) => {
+  const o = t.__vccOpts || t;
+  for (const [c, e] of r)
+    o[c] = e;
+  return o;
+};
+export {
+  s as _
+};