@feedmepos/mf-connect 0.1.0-beta.8 → 0.1.0-prod

package/dist/EffectSheet.vue_vue_type_style_index_0_lang-VBNyvZCJ.js

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

package/dist/Experience-C_Q9Iml8.js

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