@feedmepos/mf-connect 0.0.39-prod → 0.1.0-beta.2

package/dist/EffectSheet.vue_vue_type_style_index_0_lang-CzEtOmp0.js

@@ -0,0 +1,345 @@
+import { defineComponent as P, ref as R, onMounted as Q, computed as H, resolveComponent as y, openBlock as s, createElementBlock as x, renderSlot as W, toDisplayString as A, 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 h, createTextVNode as ee } from "vue";
+import { z as te } from "./app-wE5HTF_Y.js";
+import { Z as u } from "./zod-Bg2FbC-D.js";
+import { g as le, h as oe } from "./index-_3qBsogG.js";
+import { u as Z } from "./vue-i18n-BTlOChXs.js";
+import { s as O } from "./effect-BzPh8fRI.js";
+import { p as ae } from "./loading-Ds-yFYhc.js";
+import { I as ne } from "./app-B_xuZ5HB.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" }
+    ], a = R(!1);
+    Q(() => {
+      a.value = l.modelValue && Object.entries(l.modelValue).filter(
+        ([p, r]) => p != "followFirstReceive" && r != null
+      ).length > 0;
+    });
+    const n = R(
+      l.type ? o.find((p) => p.value === l.type) : (B = l.modelValue) != null && B.validBefore || (C = l.modelValue) != null && C.validAfter ? o[0] : o[1]
+    ), S = H(
+      () => l.forCredit ? le : oe
+    ), m = H(() => {
+      const p = S.value.safeParse(l.modelValue);
+      return p.success ? [] : p.error.errors;
+    });
+    function i(p) {
+      g("update:model-value", p);
+    }
+    function U(p) {
+      var r, k;
+      if (p.value == "range")
+        return i({
+          followFirstReceive: (r = l.modelValue) == null ? void 0 : r.followFirstReceive,
+          validAfter: void 0,
+          validBefore: void 0
+        });
+      if (p.value == "custom")
+        return a.value = !1, i({
+          validForDay: (k = l.modelValue) == null ? void 0 : k.validForDay
+        });
+    }
+    return (p, 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 s(), x("div", ie, [
+        W(p.$slots, "label", {}, () => [
+          t.label ? (s(), x("div", se, A(t.label), 1)) : v("", !0)
+        ]),
+        t.type ? v("", !0) : (s(), f(k, {
+          key: 0,
+          modelValue: e(n),
+          "onUpdate:modelValue": [
+            r[0] || (r[0] = (c) => q(n) ? n.value = c : null),
+            r[1] || (r[1] = (c) => U(c))
+          ],
+          items: o
+        }, null, 8, ["modelValue"])),
+        e(n).value === "range" ? (s(), 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] = (c) => {
+              var V;
+              i({
+                followFirstReceive: (V = l.modelValue) == null ? void 0 : V.followFirstReceive,
+                validAfter: new Date(c.startDate).toISOString(),
+                validBefore: new Date(c.endDate).toISOString()
+              });
+            })
+          }, null, 8, ["model-value"])
+        ])) : e(n).value === "custom" ? (s(), x("div", me, [
+          b(J, {
+            "model-value": e(a),
+            label: e(d)("connect.template.validity_option.expire"),
+            "label-placement": "right",
+            "onUpdate:modelValue": r[3] || (r[3] = (c) => {
+              var V;
+              a.value = c, i({
+                validForDay: c ? 1 : void 0,
+                followFirstReceive: (V = l.modelValue) == null ? void 0 : V.followFirstReceive
+              });
+            })
+          }, null, 8, ["model-value", "label"]),
+          e(a) ? (s(), f(K, {
+            key: 0,
+            label: e(d)("connect.template.validity_option.after_day"),
+            class: G([{
+              "opacity-50 pointer-events-none": !e(a)
+            }, "mt-[-4px]"]),
+            "max-fraction-digits": 0,
+            disabled: !e(a),
+            "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] = (c) => {
+              var V;
+              return i({
+                validForDay: c == null ? void 0 : parseInt(c.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(a) ? (s(), 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" }, he = /* @__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)), (a, n) => {
+      const S = y("FmSwitch"), m = y("FmStepperField");
+      return s(), x("div", ue, [
+        t.isMission ? v("", !0) : (s(), f(S, {
+          key: 0,
+          label: e(d)("connect.template.enable_transfer"),
+          "label-placement": "right",
+          modelValue: e(o).enableTransfer,
+          "onUpdate:modelValue": n[0] || (n[0] = (i) => e(o).enableTransfer = i)
+        }, null, 8, ["label", "modelValue"])),
+        t.noCampaign ? v("", !0) : (s(), x("div", {
+          key: 1,
+          class: G(["grid gap-16", t.isMission ? "" : "grid-cols-2"])
+        }, [
+          b(m, {
+            modelValue: e(o).maxPerUser,
+            "onUpdate:modelValue": n[1] || (n[1] = (i) => e(o).maxPerUser = i),
+            "show-steppers": !1,
+            rules: [e(u).ruleAtPath(t.schema, "maxPerUser")]
+          }, {
+            label: F(() => [
+              (s(), 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) : (s(), f(m, {
+            key: 0,
+            modelValue: e(o).maxReceive,
+            "onUpdate:modelValue": n[2] || (n[2] = (i) => e(o).maxReceive = i),
+            "show-steppers": !1,
+            rules: [e(u).ruleAtPath(t.schema, "maxReceive")]
+          }, {
+            label: F(() => [
+              (s(), 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) : (s(), x(_, { key: 2 }, [
+          b(m, {
+            modelValue: e(o).maxUse,
+            "onUpdate:modelValue": n[3] || (n[3] = (i) => e(o).maxUse = i),
+            "append-text": "use(s)",
+            "show-steppers": !1,
+            rules: [e(u).ruleAtPath(t.schema, "maxUse")]
+          }, {
+            label: F(() => [
+              (s(), 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 ? (s(), f(m, {
+            key: 0,
+            modelValue: e(o).cooldown,
+            "onUpdate:modelValue": n[4] || (n[4] = (i) => e(o).cooldown = i),
+            "append-text": "minute(s)",
+            "show-steppers": !1,
+            rules: [e(u).ruleAtPath(t.schema, "cooldown")]
+          }, {
+            label: F(() => [
+              (s(), 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": n[5] || (n[5] = (i) => e(o).validityOption = i),
+            label: e(d)("connect.template.validity_option.title")
+          }, null, 8, ["modelValue", "label"])
+        ], 64))
+      ]);
+    };
+  }
+}), pe = { class: "space-y-8" }, ce = {
+  key: 1,
+  class: "border-1 rounded-md flex gap-16 items-center justify-between px-16 py-12"
+}, fe = { class: "fm-typo-en-body-lg-400" }, ve = { class: "text-fm-color-typo-secondary" }, Ae = /* @__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, a) => {
+      const n = y("FmButton"), S = y("FmSideSheet");
+      return s(), f(S, {
+        "max-width": 550,
+        header: "Apply discount",
+        modelValue: e(l),
+        "onUpdate:modelValue": [
+          a[2] || (a[2] = (m) => q(l) ? l.value = m : null),
+          a[3] || (a[3] = (m) => l.value = m)
+        ]
+      }, {
+        "side-sheet-button": F(() => {
+          var m, i, U;
+          return [
+            h("div", pe, [
+              a[4] || (a[4] = h("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Configure the discount you want to offer your customer. ", -1)),
+              t.modelValue ? (s(), x("div", ce, [
+                h("div", fe, [
+                  h("div", null, A((m = e(O)(t.modelValue)) == null ? void 0 : m.type), 1),
+                  h("div", ve, A((i = e(O)(t.modelValue)) == null ? void 0 : i.adjustment) + " with " + A((U = e(O)(t.modelValue)) == null ? void 0 : U.requirements), 1)
+                ]),
+                b(n, {
+                  icon: "delete",
+                  "icon-color": "neutral-gray-400",
+                  variant: "tertiary",
+                  onClick: g
+                })
+              ])) : (s(), f(n, {
+                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(() => a[5] || (a[5] = [
+          ee(A(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: a[0] || (a[0] = (m) => (d("update:model-value", m), l.value = !1)),
+            onOnCancel: a[1] || (a[1] = (m) => l.value = !1)
+          }, null, 8, ["can-set-auto-apply", "disable-effects", "initial-value"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  Ae as _,
+  he as a,
+  re as b
+};

package/dist/Experience-Bp2ki8gU.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 p, 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-Ds-yFYhc.js";
+import { u as W } from "./business-DSv8zM8C.js";
+import { u as X } from "./campaign-7y5qquHZ.js";
+import { g as L, b as V } from "./dto-Ew1QwLci.js";
+import { u as Y } from "./vue-i18n-BTlOChXs.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-BYoaa_-x.js";
+import { u as te } from "./template-DouRWBpv.js";
+import { c as g } from "./index-C-SOz7jt.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" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, de = { class: "flex flex-col gap-16 text-center" }, ue = { class: "fm-typo-en-title-sm-800" }, fe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ve = /* @__PURE__ */ D({
+  __name: "Experience",
+  setup(ye) {
+    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: (o) => {
+              o.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 o() : P.open(async (d) => {
+        await o(d);
+      });
+      async function o(d) {
+        var u;
+        (u = b.value) == null || u.showSheet(
+          !0,
+          "POINT",
+          e ? await g.readById(e._id) : void 0,
+          d
+        );
+      }
+    }
+    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, o) => {
+      const d = i("FmPageHead"), u = i("FmSearch"), R = i("FmTable"), F = i("FmButton"), $ = i("FmListItem"), O = i("FmList"), A = i("FmCard");
+      return m(), _(x, null, [
+        c(d, {
+          title: t(s)("connect.program.experience.title"),
+          actions: t(f).length > 0 ? [I] : [],
+          "onClick:action": o[0] || (o[0] = () => y())
+        }, null, 8, ["title", "actions"]),
+        n("div", oe, [
+          c(u, {
+            modelValue: t(r).searchKey,
+            "onUpdate:modelValue": o[1] || (o[1] = (a) => t(r).searchKey = a),
+            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": o[2] || (o[2] = (a) => t(r).location = a),
+                  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": o[3] || (o[3] = (a) => t(r).searchKey = a),
+                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: o[4] || (o[4] = (a) => y(a.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(
+                  (a) => a.name.toLowerCase().includes(t(r).searchKey.toLowerCase())
+                ), (a) => (m(), w($, {
+                  key: a._id.toString(),
+                  onClick: (k) => y(a),
+                  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)(a)))),
+                        n("div", ce, p(a.currentReceive ?? 0) + " used ", 1)
+                      ]),
+                      n("div", ie, [
+                        n("div", le, p(a.name), 1),
+                        n("div", me, p(t(V)(a)), 1)
+                      ]),
+                      n("div", pe, p(t(s)("program.experience.received", {
+                        count: a.currentReceive ?? 0
+                      })), 1)
+                    ]),
+                    c(F, {
+                      icon: "delete",
+                      "icon-color": "neutral-gray-400",
+                      variant: "tertiary",
+                      onClick: (k) => (k.stopPropagation(), C(a))
+                    }, 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(() => [
+              o[6] || (o[6] = n("img", {
+                src: q,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              n("div", de, [
+                n("div", ue, p(t(s)("connect.program.experience.empty_state.title")), 1),
+                n("div", fe, p(t(s)("connect.program.experience.empty_state.description")), 1)
+              ]),
+              c(F, {
+                variant: "primary",
+                label: "Create experience program",
+                icon: "add",
+                onClick: o[5] || (o[5] = (a) => y())
+              })
+            ]),
+            _: 1
+          })),
+          c(ee, {
+            ref_key: "sheetRef",
+            ref: b,
+            "onSubmit:modelValue": N
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ve as default
+};