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

package/dist/VoucherEditor.vue_vue_type_script_setup_true_lang-DdGMrk2C.js

@@ -1,419 +0,0 @@
-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
-};