@feedmepos/mf-connect 0.1.98-beta.15 → 0.1.98-beta.16

package/dist/Credit-DU-stilH.js

@@ -0,0 +1,260 @@
+import { defineComponent as H, ref as L, computed as q, h as w, onMounted as O, resolveComponent as m, openBlock as d, createElementBlock as _, Fragment as v, createVNode as i, unref as o, createElementVNode as n, withCtx as b, renderList as z, createBlock as x, resolveDynamicComponent as G, toDisplayString as D, createCommentVNode as J } from "vue";
+import { _ as Q } from "./campaign-CpzFl8Vr.js";
+import { useDialog as W, components as V } from "@feedmepos/ui-library";
+import { p as X } from "./plugins-CbpvMMOJ.js";
+import { u as Y } from "./loading-D-RglDMV.js";
+import { u as Z } from "./business-o_sAO_33.js";
+import { u as ee, c as f } from "./campaign--IUcyI8h.js";
+import { a as te, b as B, c as I } from "./campaign-zLKyql03.js";
+import { c as oe, p as ae } from "./duplicateCampaign-DIzdQf0e.js";
+import { u as ne } from "./vue-i18n-Dn9zxRuv.js";
+import { _ as re } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+import { _ as se } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Bqnb00zk.js";
+import { u as ie } from "./template-BfVFq4on.js";
+const ce = { class: "px-24 flex flex-col gap-y-16" }, le = { class: "flex items-center justify-between w-full" }, me = { class: "flex gap-8 overflow-x-auto" }, de = { class: "space-y-8" }, pe = { class: "flex w-full gap-4 items-center" }, ue = { class: "space-y-4" }, fe = { class: "fm-typo-en-body-lg-600" }, ge = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ye = { class: "flex items-center gap-8" }, _e = { key: 0 }, Te = /* @__PURE__ */ H({
+  __name: "Credit",
+  setup(Ce) {
+    const { t: r } = ne(), T = {
+      label: r("connect.program.common.actions.create", {
+        type: r("connect.program.credit.title").toLowerCase()
+      }),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, E = ie("CREDIT", W()), R = Z(), p = ee(), { global: K, minor: k } = Y, c = L({
+      searchKey: "",
+      location: []
+    });
+    function P(e) {
+      const t = c.value.location;
+      return !t || t.length === 0 || !e.targetLocation ? !0 : Array.isArray(t) ? t.some((l) => {
+        var s;
+        return (s = e == null ? void 0 : e.targetLocation) == null ? void 0 : s.includes(l);
+      }) : e.targetLocation.includes(t);
+    }
+    const u = q(
+      () => p.campaigns.credit.filter((e) => P(e))
+    ), $ = [
+      {
+        header: r("connect.program.common.table.title"),
+        accessorFn: (e) => e.name
+      },
+      {
+        header: r("connect.program.common.table.status"),
+        accessorFn: (e) => te(e),
+        cell(e) {
+          return B(e.row.original);
+        }
+      },
+      {
+        header: r("connect.program.common.table.summary"),
+        accessorFn: (e) => I(e)
+      },
+      {
+        header: r("connect.program.common.table.actions"),
+        cell(e) {
+          return w("div", { class: "flex items-center gap-8 justify-end" }, [
+            w(V.FmButton, {
+              variant: "tertiary",
+              icon: "content_copy",
+              iconColor: "neutral-gray-400",
+              onClick: async (t) => {
+                t.stopPropagation(), await S(e.row.original);
+              }
+            }),
+            w(V.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (t) => {
+                t.stopPropagation(), F(e.row.original);
+              }
+            })
+          ]);
+        }
+      }
+    ], C = L();
+    async function F(e) {
+      await X.remove(
+        r("connect.program.common.remove.confirm", { name: e.name })
+      ) && await k(
+        async () => {
+          await f.delete(e._id), await p.read("CREDIT");
+        },
+        {
+          message: r("connect.program.common.remove.removing", { name: e.name }),
+          successMessage: r("connect.program.common.remove.removed", {
+            name: e.name
+          })
+        }
+      );
+    }
+    async function g(e) {
+      e ? await t() : E.open(async (l) => {
+        await t(l);
+      });
+      async function t(l) {
+        var s;
+        (s = C.value) == null || s.showSheet(
+          !0,
+          "CREDIT",
+          e ? await f.readById(e._id) : void 0,
+          l
+        );
+      }
+    }
+    async function S(e) {
+      var s;
+      if (!await oe(e.name))
+        return;
+      const t = await f.readById(e._id), l = ae(t, {
+        keepCollectible: !0
+      });
+      (s = C.value) == null || s.showSheet(
+        !0,
+        "CREDIT",
+        l,
+        t.template
+      );
+    }
+    async function U(e) {
+      await k(
+        async () => {
+          e.campaign._id ? await f.update(e.campaign._id, e) : await f.create(e), await p.read("CREDIT");
+        },
+        {
+          message: `${e.campaign._id ? "Updating" : "Creating"} credit program`,
+          successMessage: `Credit program ${e.campaign._id ? "updated" : "created"} successfully`
+        }
+      );
+    }
+    return O(async () => {
+      await K(async () => {
+        await p.read("CREDIT");
+      });
+    }), (e, t) => {
+      const l = m("FmPageHead"), s = m("FmSearch"), j = m("FmTable"), h = m("FmButton"), A = m("FmListItem"), N = m("FmList"), M = m("FmCard");
+      return d(), _(v, null, [
+        i(l, {
+          title: o(r)("connect.program.credit.title"),
+          actions: o(u).length > 0 ? [T] : [],
+          "onClick:action": t[0] || (t[0] = () => g())
+        }, null, 8, ["title", "actions"]),
+        n("div", ce, [
+          i(s, {
+            modelValue: o(c).searchKey,
+            "onUpdate:modelValue": t[1] || (t[1] = (a) => o(c).searchKey = a),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: "search",
+            collapsible: ""
+          }, null, 8, ["modelValue"]),
+          o(p).campaigns.credit && o(p).campaigns.credit.length > 0 ? (d(), _(v, { key: 0 }, [
+            n("div", le, [
+              n("div", me, [
+                i(re, {
+                  label: `${o(r)("connect.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: o(c).location,
+                  "onUpdate:modelValue": t[2] || (t[2] = (a) => o(c).location = a),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: o(R).locationOptions
+                }, null, 8, ["label", "modelValue", "items"])
+              ]),
+              i(s, {
+                modelValue: o(c).searchKey,
+                "onUpdate:modelValue": t[3] || (t[3] = (a) => o(c).searchKey = a),
+                class: "xs:hidden sm:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            i(j, {
+              class: "xs:hidden sm:hidden",
+              "row-data": o(u),
+              "column-defs": $,
+              "search-value": o(c).searchKey,
+              "column-filter": [],
+              onRowClick: t[4] || (t[4] = (a) => g(a.original)),
+              "hide-footer": o(u).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            i(N, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: b(() => [
+                (d(!0), _(v, null, z(o(u).filter(
+                  (a) => a.name.toLowerCase().includes(o(c).searchKey.toLowerCase())
+                ), (a) => (d(), x(A, {
+                  key: a._id.toString(),
+                  onClick: (y) => g(a),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: b(() => [
+                    n("div", de, [
+                      n("div", pe, [
+                        (d(), x(G(o(B)(a))))
+                      ]),
+                      n("div", ue, [
+                        n("div", fe, D(a.name), 1),
+                        n("div", ge, D(o(I)(a)), 1)
+                      ])
+                    ]),
+                    n("div", ye, [
+                      i(h, {
+                        icon: "content_copy",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: async (y) => {
+                          y.stopPropagation(), await S(a);
+                        }
+                      }, null, 8, ["onClick"]),
+                      i(h, {
+                        icon: "delete",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: (y) => (y.stopPropagation(), F(a))
+                      }, null, 8, ["onClick"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            }),
+            o(u).length == 0 ? (d(), _("div", _e, [...t[6] || (t[6] = [
+              n("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600" }, " No results found ", -1)
+            ])])) : J("", !0)
+          ], 64)) : (d(), x(M, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: b(() => [
+              t[7] || (t[7] = n("img", {
+                src: Q,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              t[8] || (t[8] = n("div", { class: "flex flex-col gap-16 text-center" }, [
+                n("div", { class: "fm-typo-en-title-sm-800" }, "Create your credit program"),
+                n("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Credits are virtual money that customers can use to pay for their purchases, similar to cash within your store. ")
+              ], -1)),
+              i(h, {
+                variant: "primary",
+                label: "Create credit program",
+                icon: "add",
+                onClick: t[5] || (t[5] = (a) => g())
+              })
+            ]),
+            _: 1
+          })),
+          i(se, {
+            ref_key: "sheetRef",
+            ref: C,
+            "onSubmit:modelValue": U
+          }, null, 512)
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Te as default
+};

package/dist/CustomSelect.vue_vue_type_script_setup_true_lang-Du7fRSZC.js

@@ -0,0 +1,128 @@
+import { defineComponent as j, ref as B, computed as N, resolveComponent as i, openBlock as n, createBlock as g, unref as r, withCtx as v, renderSlot as p, createElementBlock as f, toDisplayString as h, createCommentVNode as F, createVNode as C, normalizeClass as V, createElementVNode as q, Fragment as A, renderList as E } from "vue";
+const M = {
+  key: 0,
+  class: "fm-typo-en-body-lg-400 mb-4"
+}, O = {
+  key: 1,
+  class: "fm-typo-en-body-lg-400"
+}, D = { class: "rounded-md bg-white shadow-md max-h-[300px] overflow-y-scroll pl-4 py-12" }, G = /* @__PURE__ */ j({
+  __name: "CustomSelect",
+  props: {
+    label: {
+      type: String,
+      required: !1
+    },
+    placeholder: {
+      type: String,
+      required: !1
+    },
+    items: {
+      type: Object,
+      required: !0
+    },
+    modelValue: {
+      type: Object
+    },
+    zIndex: {
+      type: Number
+    },
+    multiselect: {
+      type: Boolean
+    }
+  },
+  emits: ["update:model-value"],
+  setup(e, { emit: w }) {
+    const u = e, s = w, d = B(!1), b = N(() => !u.multiselect || !u.modelValue ? !1 : u.items.every((m) => u.modelValue.includes(m.value))), I = () => {
+      u.multiselect && (b.value ? s("update:model-value", []) : s(
+        "update:model-value",
+        u.items.map((m) => m.value)
+      ));
+    };
+    return (m, c) => {
+      const S = i("FmIcon"), z = i("FmField"), k = i("FmMenuItem"), P = i("FmPopover");
+      return n(), g(P, {
+        "show-popover": r(d),
+        onPopoverChanged: c[1] || (c[1] = (l) => d.value = l),
+        "z-index": e.zIndex
+      }, {
+        "popover-button": v(() => [
+          p(m.$slots, "popover-button", {}, () => [
+            e.label ? (n(), f("div", M, h(e.label), 1)) : F("", !0),
+            C(z, null, {
+              append: v(() => [
+                p(m.$slots, "append"),
+                C(S, {
+                  name: r(d) ? "expand_less" : "expand_more",
+                  size: "md",
+                  color: "black"
+                }, null, 8, ["name"])
+              ]),
+              default: v(() => {
+                var l;
+                return [
+                  e.multiselect ? (n(), f("div", O, h((() => {
+                    const t = e.items.filter(
+                      (o) => {
+                        var a;
+                        return (a = e.modelValue) == null ? void 0 : a.includes(o.value);
+                      }
+                    );
+                    return t.length <= 5 ? t.map((o) => o.label).join(", ") : t.slice(0, 5).map((o) => o.label).join(", ") + ` +${t.length - 5} selected`;
+                  })()), 1)) : (n(), f("div", {
+                    key: 0,
+                    class: V(["fm-typo-en-body-lg-400", {
+                      "text-fm-color-typo-secondary": !e.items.find(
+                        (t) => t.value == e.modelValue
+                      )
+                    }])
+                  }, h(((l = e.items.find((t) => t.value == e.modelValue)) == null ? void 0 : l.label) || e.placeholder), 3))
+                ];
+              }),
+              _: 3
+            })
+          ])
+        ]),
+        default: v(() => [
+          q("div", D, [
+            e.multiselect ? (n(), g(k, {
+              key: 0,
+              class: V(`${r(b) ? "bg-fm-color-system-warning-100" : ""}`),
+              "has-checkbox": !0,
+              "model-value": r(b),
+              label: "All",
+              onClick: c[0] || (c[0] = (l) => {
+                l.stopPropagation(), I();
+              })
+            }, null, 8, ["class", "model-value"])) : F("", !0),
+            (n(!0), f(A, null, E(e.items, (l) => {
+              var t, o;
+              return n(), g(k, {
+                class: V(`${e.multiselect ? (t = e.modelValue) != null && t.some((a) => a == l.value) ? "bg-fm-color-system-warning-100" : "" : e.modelValue == l.value}`),
+                "has-checkbox": e.multiselect,
+                key: l.value,
+                "model-value": e.multiselect ? (o = e.modelValue) == null ? void 0 : o.some((a) => a == l.value) : e.modelValue == l.value,
+                label: l.label,
+                onClick: (a) => {
+                  var x;
+                  if (a.stopPropagation(), !e.multiselect)
+                    d.value = !1, s("update:model-value", l.value);
+                  else {
+                    const $ = (x = e.modelValue) == null ? void 0 : x.some((y) => y == l.value);
+                    s(
+                      "update:model-value",
+                      $ ? (e.modelValue ?? []).filter((y) => y !== l.value) : [...e.modelValue ?? [], l.value]
+                    );
+                  }
+                }
+              }, null, 8, ["class", "has-checkbox", "model-value", "label", "onClick"]);
+            }), 128))
+          ])
+        ]),
+        _: 3
+      }, 8, ["show-popover", "z-index"]);
+    };
+  }
+});
+export {
+  G as _
+};

package/dist/DateRangeChip.vue_vue_type_script_setup_true_lang-eIoPtgO5.js

@@ -0,0 +1,58 @@
+import { defineComponent as f, mergeModels as l, useModel as g, computed as u, onMounted as _, watch as R, resolveComponent as m, openBlock as h, createBlock as V, withCtx as b, createVNode as k, unref as y } from "vue";
+import { h as t } from "./moment-D7p2TMB-.js";
+const a = "YYYY-MM-DD", F = /* @__PURE__ */ f({
+  __name: "DateRangeChip",
+  props: /* @__PURE__ */ l({
+    modelValue: {
+      type: Object,
+      required: !0
+    }
+  }, {
+    dateRange: {
+      type: Object,
+      default: () => ({
+        startDate: t().subtract(7, "day").format(a),
+        endDate: t().endOf("day").format(a)
+      })
+    },
+    dateRangeModifiers: {}
+  }),
+  emits: /* @__PURE__ */ l(["update:model-value"], ["update:dateRange"]),
+  setup(r, { emit: s }) {
+    const o = r, c = s, e = g(r, "dateRange"), i = u(() => e.value ? `${n.value.startDate ?? "Start"} - ${n.value.endDate ?? "End"}` : "No dates selected."), n = u(() => ({
+      startDate: e.value.startDate ? t(e.value.startDate).format(a) : void 0,
+      endDate: e.value.endDate ? t(e.value.endDate).format(a) : void 0
+    }));
+    return _(() => {
+      e.value = {
+        startDate: o.modelValue.startDate ? t(o.modelValue.startDate).format(a) : void 0,
+        endDate: o.modelValue.endDate ? t(o.modelValue.endDate).format(a) : void 0
+      };
+    }), R(
+      () => e.value,
+      () => {
+        c("update:model-value", n.value);
+      }
+    ), (C, d) => {
+      const p = m("FmChip"), D = m("FmDateRangePicker");
+      return h(), V(D, {
+        modelValue: e.value,
+        "onUpdate:modelValue": d[0] || (d[0] = (v) => e.value = v),
+        "show-predefined-range": ""
+      }, {
+        "trigger-button": b(() => [
+          k(p, {
+            label: y(i),
+            icon: "calendar_month",
+            "right-icon": "keyboard_arrow_down",
+            class: "text-fm-color-neutral-gray-400 cursor-pointer"
+          }, null, 8, ["label"])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+export {
+  F as _
+};