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

package/dist/Broadcast-C8jgMe6g.js

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

package/dist/{CampaignTypeDialog.vue_vue_type_script_setup_true_lang-CRYS_tzZ.js → CampaignTypeDialog.vue_vue_type_script_setup_true_lang-pG8WvV4I.js}

@@ -1,13 +1,13 @@
-import { R as RuleOperator, _ } from "./index-BQ6isIeo.js";
-import { i as isRuleGroup } from "./rule-builder-BsBCWzq_.js";
+import { R as RuleOperator, _ } from "./index-_3qBsogG.js";
+import { i as isRuleGroup } from "./rule-builder-B6og27Q1.js";
 import { defineComponent, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, createElementBlock, Fragment, renderList, createVNode, toDisplayString } from "vue";
 import { useDialog } from "@feedmepos/ui-library";
-import "./index-CFMBSL24.js";
-import { a as F_RUNNABLE_CAMPAIGN_TYPE } from "./index-BPEV5Tzg.js";
-import "./index-CpwFQFTV.js";
-import "./index-tZ1aqhks.js";
-import "./index-BGuLhEym.js";
-import "./index-BcWJcD9f.js";
+import "./index-DBMaUGYI.js";
+import { a as F_RUNNABLE_CAMPAIGN_TYPE } from "./index-D-2nFLsg.js";
+import "./index-DH_1nOJ_.js";
+import "./index-z0IfdrZk.js";
+import "./index-BQm0C3Jm.js";
+import "./index-C0lpADCo.js";
 function validateRule(data, r, date) {
   const rules = new RuleOperator(date ?? /* @__PURE__ */ new Date());
   function meetConditions(e) {
@@ -39,10 +39,7 @@ function validateRule(data, r, date) {
   }
   return isRuleGroup(r) ? evaluateRuleResult(getRuleResults(r), r.logic) : meetConditions(r);
 }
-const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "" }, [
-  /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Add benefit"),
-  /* @__PURE__ */ createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Select the benefit type that you want to reward the selected tier. ")
-], -1), _hoisted_2 = { class: "flex flex-col h-full space-y-24" }, _hoisted_3 = { class: "fm-typo-en-title-sm-600" }, _hoisted_4 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_1 = { class: "flex flex-col h-full space-y-24" }, _hoisted_2 = { class: "fm-typo-en-title-sm-600" }, _hoisted_3 = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "CampaignTypeDialog",
   props: {
     onSelect: {
@@ -86,21 +83,24 @@ const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "" }, [
     function l(i) {
       n.close(), o.onSelect(i);
     }
-    return (i, c) => {
-      const a = resolveComponent("FmCard");
-      return openBlock(), createBlock(a, { class: "p-24 space-y-16" }, {
+    return (i, a) => {
+      const c = resolveComponent("FmCard");
+      return openBlock(), createBlock(c, { class: "p-24 space-y-16" }, {
         default: withCtx(() => [
-          _hoisted_1,
-          createElementVNode("div", _hoisted_2, [
-            (openBlock(), createElementBlock(Fragment, null, renderList(t, (s) => createVNode(a, {
+          a[0] || (a[0] = createElementVNode("div", { class: "" }, [
+            createElementVNode("div", { class: "fm-typo-en-title-sm-800" }, "Add benefit"),
+            createElementVNode("div", { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, " Select the benefit type that you want to reward the selected tier. ")
+          ], -1)),
+          createElementVNode("div", _hoisted_1, [
+            (openBlock(), createElementBlock(Fragment, null, renderList(t, (s) => createVNode(c, {
               variant: "outlined",
               key: s.value,
               onClick: (u) => l(s.value),
               class: "p-16 space-y-8 cursor-pointer"
             }, {
               default: withCtx(() => [
-                createElementVNode("div", _hoisted_3, toDisplayString(s.title), 1),
-                createElementVNode("div", _hoisted_4, toDisplayString(s.description), 1)
+                createElementVNode("div", _hoisted_2, toDisplayString(s.title), 1),
+                createElementVNode("div", _hoisted_3, toDisplayString(s.description), 1)
               ]),
               _: 2
             }, 1032, ["onClick"])), 64))