@feedmepos/mf-connect 0.1.38-beta.9 → 0.1.38-beta.92

package/dist/VoucherEditor.vue_vue_type_script_setup_true_lang-CNn4GR2l.js

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

package/dist/{ZodTextField.vue_vue_type_script_setup_true_lang-CTeGK4bk.js → ZodTextField.vue_vue_type_script_setup_true_lang-W-qWPW20.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-DKh0SMhL.js";
+import { Z as d } from "./zod-CO0ds3MB.js";
+import { u as V } from "./vue-i18n-B2srUL0h.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"