@feedmepos/mf-connect 0.1.2-prod → 0.1.4-prod

package/dist/EffectSheet.vue_vue_type_style_index_0_lang-DpsrI-Z3.js

@@ -0,0 +1,345 @@
+import { defineComponent as P, ref as R, onMounted as Q, computed as H, resolveComponent as y, openBlock as i, createElementBlock as x, renderSlot as W, toDisplayString as S, createCommentVNode as v, createBlock as f, unref as e, isRef as q, createVNode as b, normalizeClass as G, watch as X, withCtx as F, resolveDynamicComponent as D, Fragment as _, createElementVNode as A, createTextVNode as ee } from "vue";
+import { z as te } from "./app-CL2Wxzv5.js";
+import { Z as u } from "./ZodTextField.vue_vue_type_script_setup_true_lang-eAP99wyg.js";
+import { g as le, h as oe } from "./index-ChSVaFk3.js";
+import { u as Z } from "./vue-i18n-BXzrZRP6.js";
+import { s as O } from "./effect-Ye_yr8et.js";
+import { p as ae } from "./loading-Or1ZDzDS.js";
+import { I as ne } from "./app-DTAyCT-G.js";
+const ie = { class: "flex flex-col gap-8" }, se = {
+  key: 0,
+  class: "fm-typo-en-body-lg-600"
+}, de = { key: 1 }, me = {
+  key: 2,
+  class: "space-y-16"
+}, re = /* @__PURE__ */ P({
+  __name: "ValidityInput",
+  props: {
+    label: {
+      type: String
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    type: {
+      type: String,
+      default: void 0
+    },
+    modelValue: {
+      type: Object,
+      required: !0
+    },
+    forCredit: {
+      type: Boolean,
+      default: !1
+    },
+    helperText: {
+      type: String
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: w }) {
+    var B, C;
+    const { t: d } = Z(), l = t, g = w, o = [
+      { label: d("connect.template.validity_option.date_range"), value: "range" },
+      { label: d("connect.template.validity_option.custom"), value: "custom" }
+    ], s = R(!1);
+    Q(() => {
+      s.value = l.modelValue && Object.entries(l.modelValue).filter(
+        ([c, r]) => c != "followFirstReceive" && r != null
+      ).length > 0;
+    });
+    const a = R(
+      l.type ? o.find((c) => c.value === l.type) : (B = l.modelValue) != null && B.validBefore || (C = l.modelValue) != null && C.validAfter ? o[0] : o[1]
+    ), h = H(
+      () => l.forCredit ? le : oe
+    ), m = H(() => {
+      const c = h.value.safeParse(l.modelValue);
+      return c.success ? [] : c.error.errors;
+    });
+    function n(c) {
+      g("update:model-value", c);
+    }
+    function U(c) {
+      var r, k;
+      if (c.value == "range")
+        return n({
+          followFirstReceive: (r = l.modelValue) == null ? void 0 : r.followFirstReceive,
+          validAfter: void 0,
+          validBefore: void 0
+        });
+      if (c.value == "custom")
+        return s.value = !1, n({
+          validForDay: (k = l.modelValue) == null ? void 0 : k.validForDay
+        });
+    }
+    return (c, r) => {
+      var T, $, j, E, M, N, L, z;
+      const k = y("FmButtonGroup"), Y = y("FmSimpleDateRangePicker"), J = y("FmSwitch"), K = y("FmStepperField"), I = y("FmHelperText");
+      return i(), x("div", ie, [
+        W(c.$slots, "label", {}, () => [
+          t.label ? (i(), x("div", se, S(t.label), 1)) : v("", !0)
+        ]),
+        t.type ? v("", !0) : (i(), f(k, {
+          key: 0,
+          modelValue: e(a),
+          "onUpdate:modelValue": [
+            r[0] || (r[0] = (p) => q(a) ? a.value = p : null),
+            r[1] || (r[1] = (p) => U(p))
+          ],
+          items: o
+        }, null, 8, ["modelValue"])),
+        e(a).value === "range" ? (i(), x("div", de, [
+          b(Y, {
+            "model-value": {
+              startDate: (T = t.modelValue) != null && T.validAfter ? new Date(($ = t.modelValue) == null ? void 0 : $.validAfter).toISOString() : null,
+              endDate: (j = t.modelValue) != null && j.validAfter ? new Date(((E = t.modelValue) == null ? void 0 : E.validBefore) || "").toISOString() : null
+            },
+            "onUpdate:modelValue": r[2] || (r[2] = (p) => {
+              var V;
+              n({
+                followFirstReceive: (V = l.modelValue) == null ? void 0 : V.followFirstReceive,
+                validAfter: new Date(p.startDate).toISOString(),
+                validBefore: new Date(p.endDate).toISOString()
+              });
+            })
+          }, null, 8, ["model-value"])
+        ])) : e(a).value === "custom" ? (i(), x("div", me, [
+          b(J, {
+            "model-value": e(s),
+            label: e(d)("connect.template.validity_option.expire"),
+            "label-placement": "right",
+            "onUpdate:modelValue": r[3] || (r[3] = (p) => {
+              var V;
+              s.value = p, n({
+                validForDay: p ? 1 : void 0,
+                followFirstReceive: (V = l.modelValue) == null ? void 0 : V.followFirstReceive
+              });
+            })
+          }, null, 8, ["model-value", "label"]),
+          e(s) ? (i(), f(K, {
+            key: 0,
+            label: e(d)("connect.template.validity_option.after_day"),
+            class: G([{
+              "opacity-50 pointer-events-none": !e(s)
+            }, "mt-[-4px]"]),
+            "max-fraction-digits": 0,
+            disabled: !e(s),
+            "show-steppers": !1,
+            max: 99999,
+            "append-text": e(d)("connect.template.validity_option.days"),
+            "model-value": ((M = l.modelValue) == null ? void 0 : M.validForDay) ?? null,
+            "onUpdate:modelValue": r[4] || (r[4] = (p) => {
+              var V;
+              return n({
+                validForDay: p == null ? void 0 : parseInt(p.toString()),
+                followFirstReceive: (V = l.modelValue) == null ? void 0 : V.followFirstReceive
+              });
+            })
+          }, null, 8, ["label", "class", "disabled", "append-text", "model-value"])) : v("", !0)
+        ])) : v("", !0),
+        ((N = l.modelValue) == null ? void 0 : N.followFirstReceive) === !0 && e(s) ? (i(), f(I, {
+          key: 3,
+          text: e(d)("connect.template.validity_option.expire_follow_first_receive")
+        }, null, 8, ["text"])) : v("", !0),
+        b(I, {
+          text: t.helperText || (((L = l.modelValue) == null ? void 0 : L.validForDay) === 0 ? e(d)("connect.template.validity_option.expires_on_same_day") : e(u).helperText(e(m), "")),
+          state: t.helperText ? "error" : ((z = l.modelValue) == null ? void 0 : z.validForDay) === 0 ? "warning" : e(u).helperState(e(m), "")
+        }, null, 8, ["text", "state"])
+      ]);
+    };
+  }
+}), ue = { class: "space-y-8" }, Ae = /* @__PURE__ */ P({
+  __name: "CollectibleOptionInput",
+  props: {
+    modelValue: {
+      type: Object
+    },
+    noCampaign: {
+      type: Boolean
+    },
+    schema: {
+      type: Object,
+      default: () => te.any()
+    },
+    isMission: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: w }) {
+    const { t: d } = Z(), l = t, g = w, o = R(l.modelValue ?? {});
+    return X(o, () => g("update:model-value", o.value)), (s, a) => {
+      const h = y("FmSwitch"), m = y("FmStepperField");
+      return i(), x("div", ue, [
+        t.isMission ? v("", !0) : (i(), f(h, {
+          key: 0,
+          label: e(d)("connect.template.enable_transfer"),
+          "label-placement": "right",
+          modelValue: e(o).enableTransfer,
+          "onUpdate:modelValue": a[0] || (a[0] = (n) => e(o).enableTransfer = n)
+        }, null, 8, ["label", "modelValue"])),
+        t.noCampaign ? v("", !0) : (i(), x("div", {
+          key: 1,
+          class: G(["grid gap-16", t.isMission ? "" : "grid-cols-2"])
+        }, [
+          b(m, {
+            modelValue: e(o).maxPerUser,
+            "onUpdate:modelValue": a[1] || (a[1] = (n) => e(o).maxPerUser = n),
+            "show-steppers": !1,
+            rules: [e(u).ruleAtPath(t.schema, "maxPerUser")]
+          }, {
+            label: F(() => [
+              (i(), f(D(
+                e(u).toInputLabel(
+                  e(u).typeAtPath(t.schema, "maxPerUser"),
+                  e(d)("connect.template.max_per_user")
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          t.isMission ? v("", !0) : (i(), f(m, {
+            key: 0,
+            modelValue: e(o).maxReceive,
+            "onUpdate:modelValue": a[2] || (a[2] = (n) => e(o).maxReceive = n),
+            "show-steppers": !1,
+            rules: [e(u).ruleAtPath(t.schema, "maxReceive")]
+          }, {
+            label: F(() => [
+              (i(), f(D(
+                e(u).toInputLabel(
+                  e(u).typeAtPath(t.schema, "maxReceive"),
+                  e(d)("connect.template.max_distribute")
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"]))
+        ], 2)),
+        t.isMission ? v("", !0) : (i(), x(_, { key: 2 }, [
+          b(m, {
+            modelValue: e(o).maxUse,
+            "onUpdate:modelValue": a[3] || (a[3] = (n) => e(o).maxUse = n),
+            "append-text": "use(s)",
+            "show-steppers": !1,
+            rules: [e(u).ruleAtPath(t.schema, "maxUse")]
+          }, {
+            label: F(() => [
+              (i(), f(D(
+                e(u).toInputLabel(
+                  e(u).typeAtPath(t.schema, "maxUse"),
+                  e(d)("connect.template.usage_count")
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"]),
+          e(o).maxUse && e(o).maxUse > 1 ? (i(), f(m, {
+            key: 0,
+            modelValue: e(o).cooldown,
+            "onUpdate:modelValue": a[4] || (a[4] = (n) => e(o).cooldown = n),
+            "append-text": "minute(s)",
+            "show-steppers": !1,
+            rules: [e(u).ruleAtPath(t.schema, "cooldown")]
+          }, {
+            label: F(() => [
+              (i(), f(D(
+                e(u).toInputLabel(
+                  e(u).typeAtPath(t.schema, "cooldown"),
+                  e(d)("connect.template.cooldown")
+                )
+              )))
+            ]),
+            _: 1
+          }, 8, ["modelValue", "rules"])) : v("", !0),
+          b(re, {
+            modelValue: e(o).validityOption,
+            "onUpdate:modelValue": a[5] || (a[5] = (n) => e(o).validityOption = n),
+            label: e(d)("connect.template.validity_option.title")
+          }, null, 8, ["modelValue", "label"])
+        ], 64))
+      ]);
+    };
+  }
+}), ce = { class: "space-y-8" }, pe = /* @__PURE__ */ A("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Configure the discount you want to offer your customer. ", -1), fe = {
+  key: 1,
+  class: "border-1 rounded-md flex gap-16 items-center justify-between px-16 py-12"
+}, ve = { class: "fm-typo-en-body-lg-400" }, ye = { class: "text-fm-color-typo-secondary" }, Ue = /* @__PURE__ */ P({
+  __name: "EffectSheet",
+  props: {
+    modelValue: { type: Object },
+    canSetAutoApply: {
+      type: Boolean
+    }
+  },
+  emits: ["update:model-value"],
+  setup(t, { emit: w }) {
+    const d = w, l = R(!1);
+    async function g(o) {
+      o.stopPropagation(), await ae.remove("Are you sure you want to remove this effect?") && d("update:model-value", null);
+    }
+    return (o, s) => {
+      const a = y("FmButton"), h = y("FmSideSheet");
+      return i(), f(h, {
+        "max-width": 550,
+        header: "Apply discount",
+        modelValue: e(l),
+        "onUpdate:modelValue": [
+          s[2] || (s[2] = (m) => q(l) ? l.value = m : null),
+          s[3] || (s[3] = (m) => l.value = m)
+        ]
+      }, {
+        "side-sheet-button": F(() => {
+          var m, n, U;
+          return [
+            A("div", ce, [
+              pe,
+              t.modelValue ? (i(), x("div", fe, [
+                A("div", ve, [
+                  A("div", null, S((m = e(O)(t.modelValue)) == null ? void 0 : m.type), 1),
+                  A("div", ye, S((n = e(O)(t.modelValue)) == null ? void 0 : n.adjustment) + " with " + S((U = e(O)(t.modelValue)) == null ? void 0 : U.requirements), 1)
+                ]),
+                b(a, {
+                  icon: "delete",
+                  "icon-color": "neutral-gray-400",
+                  variant: "tertiary",
+                  onClick: g
+                })
+              ])) : (i(), f(a, {
+                key: 0,
+                label: "Apply discount",
+                icon: "add",
+                "icon-color": "primary",
+                variant: "secondary",
+                class: "border-fm-color-primary text-fm-color-primary"
+              }))
+            ])
+          ];
+        }),
+        "side-sheet-footer": F(() => [
+          ee(S(void 0))
+        ]),
+        default: F(() => [
+          b(e(ne), {
+            class: "fm-effect-sheet",
+            title: "",
+            "can-set-auto-apply": t.canSetAutoApply,
+            "disable-effects": t.canSetAutoApply ? ["PAYMENT"] : void 0,
+            "initial-value": t.modelValue,
+            onOnConfirm: s[0] || (s[0] = (m) => (d("update:model-value", m), l.value = !1)),
+            onOnCancel: s[1] || (s[1] = (m) => l.value = !1)
+          }, null, 8, ["can-set-auto-apply", "disable-effects", "initial-value"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  Ue as _,
+  Ae as a,
+  re as b
+};

package/dist/Experience-eMUbhq7h.js

@@ -0,0 +1,221 @@
+import { defineComponent as D, ref as S, computed as E, onMounted as U, resolveComponent as i, openBlock as m, createElementBlock as _, Fragment as x, createVNode as c, unref as t, createElementVNode as n, withCtx as h, renderList as j, createBlock as w, resolveDynamicComponent as M, toDisplayString as d, h as H } from "vue";
+import { _ as q } from "./campaign-CpzFl8Vr.js";
+import { useDialog as z, components as G } from "@feedmepos/ui-library";
+import { u as J, p as Q } from "./loading-Or1ZDzDS.js";
+import { u as W } from "./business-B9OUlaFZ.js";
+import { u as X } from "./campaign-CNbUA51l.js";
+import { g as L, a as V } from "./dto-B4208_es.js";
+import { u as Y } from "./vue-i18n-BXzrZRP6.js";
+import { _ as Z } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
+import { _ as ee } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-BKSZYxvb.js";
+import { u as te } from "./template-C_Y7bhlI.js";
+import { c as g } from "./index-DWWtZSrm.js";
+const oe = { class: "px-24 flex flex-col gap-y-16" }, ae = { class: "flex items-center justify-between w-full" }, ne = { class: "flex gap-8 overflow-x-auto" }, se = { class: "space-y-8" }, re = { class: "flex w-full gap-4 items-center" }, ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ie = { class: "space-y-4" }, le = { class: "fm-typo-en-body-lg-600" }, me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, de = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, pe = /* @__PURE__ */ n("img", {
+  src: q,
+  class: "aspect-square w-[150px]"
+}, null, -1), ue = { class: "flex flex-col gap-16 text-center" }, fe = { class: "fm-typo-en-title-sm-800" }, ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ie = /* @__PURE__ */ D({
+  __name: "Experience",
+  setup(ge) {
+    const { t: s } = Y(), I = {
+      label: s("connect.program.common.actions.create", {
+        type: s("connect.program.experience.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, P = te("POINT", z()), B = W(), l = X(), { global: T, minor: v } = J, r = S({
+      searchKey: "",
+      location: null
+    }), f = E(
+      () => l.campaigns.experience.filter(
+        (e) => !r.value.location || !e.targetLocation || e.targetLocation.includes(r.value.location)
+      )
+    ), K = [
+      {
+        header: "Program title",
+        accessorFn: (e) => e.name
+      },
+      {
+        header: "Status",
+        cell(e) {
+          return L(e.row.original);
+        }
+      },
+      {
+        header: "Summary",
+        accessorFn: (e) => V(e)
+        //v.effect,
+      },
+      {
+        header: "Actions",
+        cell(e) {
+          return H(G.FmButton, {
+            variant: "tertiary",
+            icon: "delete",
+            iconColor: "neutral-gray-400",
+            onClick: (a) => {
+              a.stopPropagation(), C(e.row.original);
+            }
+          });
+        }
+      }
+    ], b = S();
+    async function C(e) {
+      await Q.remove(`Are you sure you want to remove ${e.name}?`) && await v(
+        async () => {
+          await g.delete(e._id), await l.read("POINT");
+        },
+        {
+          message: `Removing ${e.name}`,
+          successMessage: `Removed ${e.name} successfully`
+        }
+      );
+    }
+    async function y(e) {
+      e ? await a() : P.open(async (p) => {
+        await a(p);
+      });
+      async function a(p) {
+        var u;
+        (u = b.value) == null || u.showSheet(
+          !0,
+          "POINT",
+          e ? await g.readById(e._id) : void 0,
+          p
+        );
+      }
+    }
+    async function N(e) {
+      await v(
+        async () => {
+          e.campaign._id ? await g.update(e.campaign._id, e) : await g.create(e), await l.read("POINT");
+        },
+        {
+          message: s("connect.program.common.update.updating", {
+            type: s("connect.program.experience.title")
+          }),
+          successMessage: s("connect.program.common.update.success", {
+            type: s("connect.program.experience.title"),
+            action: e.campaign._id ? "updated" : "created"
+          })
+        }
+      );
+    }
+    return U(async () => {
+      await T(async () => {
+        await l.read("POINT");
+      });
+    }), (e, a) => {
+      const p = i("FmPageHead"), u = i("FmSearch"), R = i("FmTable"), F = i("FmButton"), $ = i("FmListItem"), O = i("FmList"), A = i("FmCard");
+      return m(), _(x, null, [
+        c(p, {
+          title: t(s)("connect.program.experience.title"),
+          actions: t(f).length > 0 ? [I] : [],
+          "onClick:action": a[0] || (a[0] = () => y())
+        }, null, 8, ["title", "actions"]),
+        n("div", oe, [
+          c(u, {
+            modelValue: t(r).searchKey,
+            "onUpdate:modelValue": a[1] || (a[1] = (o) => t(r).searchKey = o),
+            class: "hidden xs:block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: t(s)("connect.program.common.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          t(l).campaigns.experience && t(l).campaigns.experience.length > 0 ? (m(), _(x, { key: 0 }, [
+            n("div", ae, [
+              n("div", ne, [
+                c(Z, {
+                  modelValue: t(r).location,
+                  "onUpdate:modelValue": a[2] || (a[2] = (o) => t(r).location = o),
+                  label: "Location: ",
+                  "show-item-label": !0,
+                  icon: "storefront",
+                  placement: "bottom-start",
+                  items: t(B).locationItems
+                }, null, 8, ["modelValue", "items"])
+              ]),
+              c(u, {
+                modelValue: t(r).searchKey,
+                "onUpdate:modelValue": a[3] || (a[3] = (o) => t(r).searchKey = o),
+                class: "xs:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            c(R, {
+              class: "xs:hidden",
+              "row-data": t(f),
+              "column-defs": K,
+              "search-value": t(r).searchKey,
+              "column-filter": [],
+              onRowClick: a[4] || (a[4] = (o) => y(o.original)),
+              "hide-footer": t(f).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            c(O, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: h(() => [
+                (m(!0), _(x, null, j(t(f).filter(
+                  (o) => o.name.toLowerCase().includes(t(r).searchKey.toLowerCase())
+                ), (o) => (m(), w($, {
+                  key: o._id.toString(),
+                  onClick: (k) => y(o),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: h(() => [
+                    n("div", se, [
+                      n("div", re, [
+                        (m(), w(M(t(L)(o)))),
+                        n("div", ce, d(o.currentReceive ?? 0) + " used ", 1)
+                      ]),
+                      n("div", ie, [
+                        n("div", le, d(o.name), 1),
+                        n("div", me, d(t(V)(o)), 1)
+                      ]),
+                      n("div", de, d(t(s)("program.experience.received", {
+                        count: o.currentReceive ?? 0
+                      })), 1)
+                    ]),
+                    c(F, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (k) => (k.stopPropagation(), C(o))
+                    }, null, 8, ["onClick"])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (m(), w(A, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: h(() => [
+              pe,
+              n("div", ue, [
+                n("div", fe, d(t(s)("connect.program.experience.empty_state.title")), 1),
+                n("div", ye, d(t(s)("connect.program.experience.empty_state.description")), 1)
+              ]),
+              c(F, {
+                variant: "primary",
+                label: "Create experience program",
+                icon: "add",
+                onClick: a[5] || (a[5] = (o) => y())
+              })
+            ]),
+            _: 1
+          })),
+          c(ee, {
+            ref_key: "sheetRef",
+            ref: b,
+            "onSubmit:modelValue": N
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ie as default
+};