@feedmepos/mf-connect 0.1.47-prod → 0.1.48-prod

package/dist/VoucherEditor.vue_vue_type_script_setup_true_lang-Qc5cCqh5.js

@@ -1,419 +0,0 @@
-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-BLdVWQId.js";
-import { e as K, F as Q } from "./index-DNTd-FNx.js";
-import { C as W } from "./membership-oBIs4sbL.js";
-import { Z as g } from "./zod-Bg2FbC-D.js";
-import { _ as Y } from "./SelectItems.vue_vue_type_script_setup_true_lang-BSSfQu3F.js";
-import { u as ee } from "./business-DVlHPzaL.js";
-import { useCoreStore as te } from "@feedmepos/mf-common";
-import { _ as oe } from "./ZodTextField.vue_vue_type_script_setup_true_lang-B8HHh8HU.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-ECkaQxuI.js";
-import { _ as se } from "./TargetLocationInput.vue_vue_type_script_setup_true_lang-D_r8I0h7.js";
-import { u as me } from "./vue-i18n--_Wu1nMj.js";
-import { i as re } from "./helper-CGwOThAl.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
-};