@feedmepos/mf-connect 0.1.37-prod → 0.1.38-beta.10

package/dist/{Credit-DzDVFv4H.js → Credit-tW7knMvR.js}

@@ -1,27 +1,19 @@
-import { defineComponent as N, ref as S, computed as j, h as M, onMounted as A, resolveComponent as i, openBlock as l, createElementBlock as y, Fragment as h, createVNode as c, unref as t, createElementVNode as n, withCtx as C, renderList as H, createBlock as v, resolveDynamicComponent as q, toDisplayString as g, createCommentVNode as z } from "vue";
+import { defineComponent as N, ref as S, computed as j, h as M, onMounted as A, resolveComponent as l, openBlock as c, createElementBlock as y, Fragment as C, createVNode as i, unref as a, createElementVNode as n, withCtx as h, renderList as H, createBlock as v, resolveDynamicComponent as q, toDisplayString as g, createCommentVNode as z } from "vue";
 import { _ as G } from "./campaign-CpzFl8Vr.js";
 import { useDialog as J, components as O } from "@feedmepos/ui-library";
-import { p as Q } from "./plugins-CVes2wzE.js";
-import { u as W } from "./loading-vUArhX_O.js";
-import { u as X } from "./business-DMALI7ZO.js";
-import { u as Y } from "./campaign-j1c3ou7l.js";
-import { g as Z, a as V, b as L } from "./campaign-Z3l7BoMg.js";
-import { u as ee } from "./vue-i18n-BWyHnm4m.js";
+import { p as Q } from "./plugins-OrApXSK1.js";
+import { u as W } from "./loading-CWqSCt18.js";
+import { u as X } from "./business-DKrvq1V9.js";
+import { u as Y } from "./campaign-DmYOJ9S0.js";
+import { g as Z, a as V, b as L } from "./campaign-sim1PpwX.js";
+import { u as ee } from "./vue-i18n-DiFFrwf8.js";
 import { _ as oe } from "./ChipMenu.vue_vue_type_script_setup_true_lang-BPpZZNkr.js";
-import { _ as te } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-Bs8o9n1V.js";
-import { u as ae } from "./template-Dh9lDLs_.js";
-import { c as _ } from "./index-B3p0hmIV.js";
-const ne = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-center justify-between w-full" }, se = { class: "flex gap-8 overflow-x-auto" }, ce = { class: "space-y-8" }, ie = { class: "flex w-full gap-4 items-center" }, le = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, me = { class: "space-y-4" }, de = { class: "fm-typo-en-body-lg-600" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ue = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fe = { key: 0 }, ye = /* @__PURE__ */ n("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600" }, " No results found ", -1), ge = [
-  ye
-], _e = /* @__PURE__ */ n("img", {
-  src: G,
-  class: "aspect-square w-[150px]"
-}, null, -1), he = /* @__PURE__ */ n("div", { class: "flex flex-col gap-16 text-center" }, [
-  /* @__PURE__ */ n("div", { class: "fm-typo-en-title-sm-800" }, "Create your credit program"),
-  /* @__PURE__ */ 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), Te = /* @__PURE__ */ N({
+import { _ as te } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-BplJqfmQ.js";
+import { u as ae } from "./template-SbZEb9hY.js";
+import { c as _ } from "./index-ChdZIg_A.js";
+const ne = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-center justify-between w-full" }, se = { class: "flex gap-8 overflow-x-auto" }, ie = { class: "space-y-8" }, le = { class: "flex w-full gap-4 items-center" }, ce = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, me = { class: "space-y-4" }, de = { class: "fm-typo-en-body-lg-600" }, pe = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ue = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, fe = { key: 0 }, Ie = /* @__PURE__ */ N({
   __name: "Credit",
-  setup(Ce) {
+  setup(ye) {
     const { t: r } = ee(), I = {
       label: r("connect.program.common.actions.create", {
         type: r("connect.program.credit.title").toLowerCase()
@@ -59,8 +51,8 @@ const ne = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-
             variant: "tertiary",
             icon: "delete",
             iconColor: "neutral-gray-400",
-            onClick: (a) => {
-              a.stopPropagation(), x(e.row.original);
+            onClick: (o) => {
+              o.stopPropagation(), x(e.row.original);
             }
           });
         }
@@ -82,10 +74,10 @@ const ne = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-
       );
     }
     async function f(e) {
-      e ? await a() : R.open(async (p) => {
-        await a(p);
+      e ? await o() : R.open(async (p) => {
+        await o(p);
       });
-      async function a(p) {
+      async function o(p) {
         var u;
         (u = b.value) == null || u.showSheet(
           !0,
@@ -110,78 +102,78 @@ const ne = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-
       await D(async () => {
         await m.read("CREDIT");
       });
-    }), (e, a) => {
-      const p = i("FmPageHead"), u = i("FmSearch"), K = i("FmTable"), F = i("FmButton"), $ = i("FmListItem"), P = i("FmList"), U = i("FmCard");
-      return l(), y(h, null, [
-        c(p, {
-          title: t(r)("connect.program.credit.title"),
-          actions: t(d).length > 0 ? [I] : [],
-          "onClick:action": a[0] || (a[0] = () => f())
+    }), (e, o) => {
+      const p = l("FmPageHead"), u = l("FmSearch"), K = l("FmTable"), F = l("FmButton"), $ = l("FmListItem"), P = l("FmList"), U = l("FmCard");
+      return c(), y(C, null, [
+        i(p, {
+          title: a(r)("connect.program.credit.title"),
+          actions: a(d).length > 0 ? [I] : [],
+          "onClick:action": o[0] || (o[0] = () => f())
         }, null, 8, ["title", "actions"]),
         n("div", ne, [
-          c(u, {
-            modelValue: t(s).searchKey,
-            "onUpdate:modelValue": a[1] || (a[1] = (o) => t(s).searchKey = o),
+          i(u, {
+            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"]),
-          t(m).campaigns.credit && t(m).campaigns.credit.length > 0 ? (l(), y(h, { key: 0 }, [
+          a(m).campaigns.credit && a(m).campaigns.credit.length > 0 ? (c(), y(C, { key: 0 }, [
             n("div", re, [
               n("div", se, [
-                c(oe, {
-                  modelValue: t(s).location,
-                  "onUpdate:modelValue": a[2] || (a[2] = (o) => t(s).location = o),
+                i(oe, {
+                  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: t(B).locationItems
+                  items: a(B).locationItems
                 }, null, 8, ["modelValue", "items"])
               ]),
-              c(u, {
-                modelValue: t(s).searchKey,
-                "onUpdate:modelValue": a[3] || (a[3] = (o) => t(s).searchKey = o),
+              i(u, {
+                modelValue: a(s).searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (t) => a(s).searchKey = t),
                 class: "xs:hidden",
                 placeholder: "search",
                 collapsible: ""
               }, null, 8, ["modelValue"])
             ]),
-            c(K, {
+            i(K, {
               class: "xs:hidden",
-              "row-data": t(d),
+              "row-data": a(d),
               "column-defs": T,
-              "search-value": t(s).searchKey,
+              "search-value": a(s).searchKey,
               "column-filter": [],
-              onRowClick: a[4] || (a[4] = (o) => f(o.original)),
-              "hide-footer": t(d).length < 10
+              onRowClick: o[4] || (o[4] = (t) => f(t.original)),
+              "hide-footer": a(d).length < 10
             }, null, 8, ["row-data", "search-value", "hide-footer"]),
-            c(P, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
-              default: C(() => [
-                (l(!0), y(h, null, H(t(d).filter(
-                  (o) => o.name.toLowerCase().includes(t(s).searchKey.toLowerCase())
-                ), (o) => (l(), v($, {
-                  key: o._id.toString(),
-                  onClick: (k) => f(o),
+            i(P, { class: "hidden xs:flex flex-col mx-[-24px]" }, {
+              default: h(() => [
+                (c(!0), y(C, null, H(a(d).filter(
+                  (t) => t.name.toLowerCase().includes(a(s).searchKey.toLowerCase())
+                ), (t) => (c(), v($, {
+                  key: t._id.toString(),
+                  onClick: (k) => f(t),
                   class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
                 }, {
-                  default: C(() => [
-                    n("div", ce, [
-                      n("div", ie, [
-                        (l(), v(q(t(V)(o)))),
-                        n("div", le, g(o.currentReceive ?? 0) + " used ", 1)
+                  default: h(() => [
+                    n("div", ie, [
+                      n("div", le, [
+                        (c(), v(q(a(V)(t)))),
+                        n("div", ce, g(t.currentReceive ?? 0) + " used ", 1)
                       ]),
                       n("div", me, [
-                        n("div", de, g(o.name), 1),
-                        n("div", pe, g(t(L)(o)), 1)
+                        n("div", de, g(t.name), 1),
+                        n("div", pe, g(a(L)(t)), 1)
                       ]),
-                      n("div", ue, " Credit received: " + g(o.currentReceive ?? 0), 1)
+                      n("div", ue, " Credit received: " + g(t.currentReceive ?? 0), 1)
                     ]),
-                    c(F, {
+                    i(F, {
                       icon: "delete",
                       "icon-color": "neutral-gray-400",
                       variant: "tertiary",
-                      onClick: (k) => (k.stopPropagation(), x(o))
+                      onClick: (k) => (k.stopPropagation(), x(t))
                     }, null, 8, ["onClick"])
                   ]),
                   _: 2
@@ -189,25 +181,33 @@ const ne = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-
               ]),
               _: 1
             }),
-            t(d).length == 0 ? (l(), y("div", fe, ge)) : z("", !0)
-          ], 64)) : (l(), v(U, {
+            a(d).length == 0 ? (c(), y("div", fe, o[6] || (o[6] = [
+              n("div", { class: "text-fm-color-typo-secondary fm-typo-en-body-md-600" }, " No results found ", -1)
+            ]))) : z("", !0)
+          ], 64)) : (c(), v(U, {
             key: 1,
             variant: "outlined",
             class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
           }, {
-            default: C(() => [
-              _e,
-              he,
-              c(F, {
+            default: h(() => [
+              o[7] || (o[7] = n("img", {
+                src: G,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              o[8] || (o[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(F, {
                 variant: "primary",
                 label: "Create credit program",
                 icon: "add",
-                onClick: a[5] || (a[5] = (o) => f())
+                onClick: o[5] || (o[5] = (t) => f())
               })
             ]),
             _: 1
           })),
-          c(te, {
+          i(te, {
             ref_key: "sheetRef",
             ref: b,
             "onSubmit:modelValue": E
@@ -218,5 +218,5 @@ const ne = { class: "px-24 flex flex-col gap-y-16" }, re = { class: "flex items-
   }
 });
 export {
-  Te as default
+  Ie as default
 };

package/dist/DateRangeChip.vue_vue_type_script_setup_true_lang-BUzUIIUW.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-BWErdI6_.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 _
+};