@feedmepos/mf-connect 0.1.38-beta.6 → 0.1.38-beta.61

package/dist/template-Dbz3FhHK.js

@@ -0,0 +1,188 @@
+import { defineComponent as V, openBlock as r, createBlock as C, resolveDynamicComponent as B, unref as e, ref as E, computed as j, onMounted as P, resolveComponent as d, withCtx as u, createElementVNode as l, createElementBlock as w, createVNode as a, normalizeClass as k, createTextVNode as S, toDisplayString as f, Fragment as L, renderList as N, createCommentVNode as q } from "vue";
+import { u as J } from "./campaign-w9j4I4jn.js";
+import { useDialog as M } from "@feedmepos/ui-library";
+import { F as A } from "./index-DdZdHioZ.js";
+import { _ as G } from "./lodash-BSbv_9TG.js";
+import { C as H } from "./campaign-RuIwxc4y.js";
+import { J as K } from "./JsonViewer-v8_C7l5N.js";
+import { u as Q } from "./vue-i18n-tpDAnnmD.js";
+import { u as R } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-0DMFuBoG.js";
+const U = /* @__PURE__ */ V({
+  __name: "CampaignChip",
+  props: {
+    type: { type: String, required: !0 }
+  },
+  setup(_) {
+    const p = H[_.type];
+    return (i, g) => (r(), C(B(e(p).chip())));
+  }
+}), W = { class: "flex flex-nowrap gap-x-2 grow h-full" }, X = {
+  key: 0,
+  class: "p-8 w-1/4"
+}, Y = { class: "flex flex-col grow p-24" }, Z = { class: "space-y-4" }, ee = { class: "fm-typo-en-title-sm-800" }, te = { class: "text-fm-color-typo-secondary fm-typo-en-body-md-400" }, ne = { class: "grow pb-16 pr-16 pt-6 w-full max-h-[400px] overflow-y-auto" }, oe = { class: "gap-24 grid grid-cols-1 lg:grid-cols-2" }, le = { class: "gap-4 h-[22px] inline-flex items-center justify-center min-w-min rounded-md" }, se = { class: "fm-typo-en-title-sm-800" }, ae = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ie = { class: "flex gap-4 items-end justify-end py-8" }, ce = /* @__PURE__ */ V({
+  __name: "TemplateDialog",
+  props: {
+    campaignType: {
+      type: String,
+      default: () => {
+      }
+    },
+    onOk: {
+      type: Function,
+      required: !0
+    }
+  },
+  setup(_) {
+    const { t: n } = Q(), { getLocaleText: p } = R(), i = M(), g = J(), c = _, o = E({
+      intention: null,
+      template: null
+    }), T = j(() => {
+      const m = (g.templates ?? []).filter(
+        () => !0
+        //t.intention && t.intention.length > 0
+      );
+      return c.campaignType ? m.filter(
+        (s) => {
+          var x, y;
+          return ((y = (x = s.defaultValue) == null ? void 0 : x.campaign) == null ? void 0 : y.type) === c.campaignType;
+        }
+      ) : o.value.intention === null ? G.sampleSize(m, 7) : m.filter(
+        (s) => s.intention.includes(o.value.intention)
+      );
+    });
+    P(async () => {
+      await g.readTemplates();
+    });
+    function $() {
+      c.onOk(void 0), i.close();
+    }
+    function I() {
+      const m = o.value.template;
+      c.onOk(g.templates.find((s) => s._id === m)), i.close();
+    }
+    return (m, s) => {
+      const x = d("FmChip"), y = d("FmListItem"), O = d("FmList"), F = d("FmCard"), h = d("FmButton"), z = d("FmSpacer");
+      return r(), C(F, { class: "h-[534px] max-w-6xl" }, {
+        default: u(() => [
+          l("div", W, [
+            c.campaignType ? q("", !0) : (r(), w("div", X, [
+              a(O, null, {
+                default: u(() => [
+                  a(y, {
+                    class: k([{
+                      "bg-fm-color-system-warning-100": e(o).intention === null
+                    }, "rounded-sm"]),
+                    onClick: s[0] || (s[0] = (t) => {
+                      e(o).intention = null, e(o).template = null;
+                    })
+                  }, {
+                    append: u(() => [
+                      a(x, {
+                        label: e(n)("connect.templateDialog.hot"),
+                        variant: "critical"
+                      }, null, 8, ["label"])
+                    ]),
+                    default: u(() => [
+                      S(f(e(n)("connect.templateDialog.mostPopular")) + " ", 1)
+                    ]),
+                    _: 1
+                  }, 8, ["class"]),
+                  (r(!0), w(L, null, N(e(A).options, (t, b) => (r(), C(y, {
+                    key: b,
+                    class: k(["rounded-sm", {
+                      "bg-fm-color-system-warning-100": e(o).intention === t
+                    }]),
+                    style: { padding: "8px 16px" },
+                    onClick: (v) => {
+                      e(o).intention = t, e(o).template = null;
+                    }
+                  }, {
+                    default: u(() => [
+                      S(f(e(n)(`connect.templateDialog.intention.${t}`)), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["class", "onClick"]))), 128))
+                ]),
+                _: 1
+              })
+            ])),
+            l("div", Y, [
+              l("div", Z, [
+                l("div", ee, f(c.campaignType ? e(n)(`connect.templateDialog.campaignType.${c.campaignType}`) : e(n)("connect.templateDialog.templateList")), 1),
+                l("div", te, f(e(n)("connect.templateDialog.subtitle")), 1)
+              ]),
+              l("div", ne, [
+                a(K, { json: e(T) }, null, 8, ["json"]),
+                l("div", oe, [
+                  (r(!0), w(L, null, N(e(T), (t, b) => (r(), C(F, {
+                    key: b,
+                    variant: "outlined",
+                    class: k(["box-border cursor-pointer h-full p-16 scroll-p-4 space-y-8", {
+                      "bg-fm-color-system-warning-100 border-fm-color-primary border-2": e(o).template === t._id.toString()
+                    }]),
+                    onClick: (v) => e(o).template = t._id.toString()
+                  }, {
+                    default: u(() => {
+                      var v, D;
+                      return [
+                        l("div", le, [
+                          a(U, {
+                            type: (D = (v = t.defaultValue) == null ? void 0 : v.campaign) == null ? void 0 : D.type
+                          }, null, 8, ["type"])
+                        ]),
+                        l("div", se, f(e(p)(t.name_locale, t.name)), 1),
+                        l("p", ae, f(e(p)(t.description_locale, t.description ?? "")), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["class", "onClick"]))), 128))
+                ])
+              ]),
+              l("div", ie, [
+                a(h, {
+                  class: "sm:w-full xs:w-full",
+                  variant: "plain",
+                  label: e(n)("connect.templateDialog.customCampaign"),
+                  size: "md",
+                  onClick: $
+                }, null, 8, ["label"]),
+                a(z, { class: "sm:hidden xs:hidden" }),
+                a(h, {
+                  class: "sm:w-full xs:w-full",
+                  variant: "tertiary",
+                  label: e(n)("connect.templateDialog.cancel"),
+                  size: "md",
+                  onClick: s[1] || (s[1] = (t) => e(i).close())
+                }, null, 8, ["label"]),
+                a(h, {
+                  class: "sm:w-full xs:w-full",
+                  variant: "primary",
+                  label: e(n)("connect.templateDialog.start"),
+                  size: "md",
+                  disabled: !e(o).template,
+                  onClick: I
+                }, null, 8, ["label", "disabled"])
+              ])
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+}), xe = (_, n) => ({
+  open: async (p) => {
+    n.open({
+      title: "",
+      dialogComponent: ce,
+      dialogComponentProps: {
+        campaignType: _,
+        onOk: async (i) => (console.debug(i, "selected template"), await p(i))
+      },
+      overlay: !0
+    });
+  }
+});
+export {
+  xe as u
+};