@feedmepos/mf-report 5.27.35 → 5.27.36

package/dist/InsightView-KYbGpFKj.js

@@ -0,0 +1,689 @@
+import { ref as I, defineComponent as S, watch as P, computed as $, onMounted as de, createElementBlock as r, openBlock as o, createElementVNode as s, renderSlot as J, toDisplayString as C, resolveDirective as K, createCommentVNode as D, Fragment as z, renderList as N, createBlock as R, withDirectives as T, resolveDynamicComponent as U, unref as m, withCtx as B, createVNode as p, normalizeClass as W, resolveComponent as M, useModel as ce, createTextVNode as ue, isRef as j, nextTick as fe } from "vue";
+import { _ as me } from "./Default.vue_vue_type_script_setup_true_lang-CArSG8Z_.js";
+import { c as H, D as ge } from "./DateRangeSelect-D2772bgT.js";
+import { d as E, u as Q, F as ee, q as te, a as pe, h as ve, g as X, i as he, j as ye, k as we } from "./app-CwM9HM2R.js";
+import { storeToRefs as ae } from "pinia";
+import { C as le, r as xe } from "./chart-DDDh8zNk.js";
+import { components as Y, useSnackbar as be } from "@feedmepos/ui-library";
+import { u as se } from "./_plugin-vue_export-helper-onplcgja.js";
+import { _ as Ce } from "./SelectComponent.vue_vue_type_script_setup_true_lang-CGbb3b5G.js";
+import { a as ke, G as _e } from "./NavigationTab.vue_vue_type_script_setup_true_lang-By2GxyK2.js";
+import { useCoreStore as $e } from "@feedmepos/mf-common";
+function Ae({ start: e, end: t }) {
+  return `${E(t).format("DD MMM")}, ${E(t).format("YYYY")}`;
+}
+I(!0);
+const De = async (e) => {
+  const { businessId: t } = ae(Q());
+  if (t) {
+    const a = {
+      fetchType: ee.Post,
+      url: `${t.value}/insights`,
+      data: {
+        ...e,
+        isAnomaly: !0
+        // isAnomaly: anomaly.value
+      }
+    };
+    return te.fetch(a);
+  } else
+    return Promise.reject(new Error("Business Id is not defined"));
+}, Fe = async (e) => {
+  const { businessId: t } = Q(), a = {
+    fetchType: ee.Post,
+    url: `${t}/insights/feedbacks`,
+    data: e
+  };
+  return te.fetch(a);
+};
+le.register(...xe);
+const Re = { class: "flex flex-col h-full overflow-hidden" }, Ie = { class: "flex flex-col gap-8" }, Be = { class: "fm-color-typo-primary fm-typo-en-body-lg-400" }, Ve = { class: "fm-color-typo-secondary fm-typo-en-body-md-400" }, Se = { class: "grow" }, Pe = /* @__PURE__ */ S({
+  __name: "LineChart",
+  props: {
+    name: { default: void 0 },
+    paragraph: { default: void 0 },
+    datasets: {},
+    xAxis: {},
+    transpose: { type: Boolean, default: !1 },
+    stacked: { type: Boolean },
+    maintainAspectRatio: { type: Boolean },
+    hideXAxis: { type: Boolean, default: void 0 },
+    hideYAxis: { type: Boolean, default: void 0 },
+    legend: { default: void 0 }
+  },
+  setup(e) {
+    const t = e, a = I(null);
+    let l = null;
+    P(
+      [
+        () => t.transpose,
+        () => t.maintainAspectRatio,
+        () => t.hideXAxis,
+        () => t.hideYAxis,
+        () => t.legend
+      ],
+      () => {
+        l && l.config.options && (l.destroy(), d());
+      }
+    );
+    const n = $(() => t.transpose ? "y" : "x"), w = $(() => ({
+      labels: t.xAxis.categories,
+      datasets: t.datasets.map((i) => ({
+        ...i,
+        borderDash: i.dash ? [5, 5] : void 0,
+        tension: i.tension || 0.1
+      }))
+    }));
+    P(
+      w,
+      () => {
+        l && (l.data = w.value, l.update());
+      },
+      { deep: !0 }
+    );
+    function d() {
+      a.value && (l = new le(a.value, {
+        type: "line",
+        data: w.value,
+        options: {
+          plugins: {
+            legend: t.legend || {
+              display: !0,
+              position: "bottom",
+              maxHeight: 60,
+              labels: {
+                usePointStyle: !0,
+                pointStyle: "line"
+              }
+            }
+          },
+          maintainAspectRatio: t.maintainAspectRatio,
+          responsive: !0,
+          indexAxis: n.value,
+          scales: {
+            x: {
+              display: !t.hideXAxis,
+              stacked: t.stacked,
+              grid: {
+                display: !1
+              },
+              beginAtZero: !0
+            },
+            y: {
+              display: !t.hideYAxis,
+              stacked: t.stacked,
+              grid: {
+                display: !0
+              },
+              position: "right",
+              beginAtZero: !0
+            }
+          },
+          elements: {
+            line: {
+              borderWidth: 1.5
+            },
+            point: {
+              radius: 0,
+              hitRadius: 30,
+              hoverRadius: 6,
+              hoverBackgroundColor: "#FFFFFF",
+              hoverBorderWidth: 3
+            }
+          }
+        }
+      }));
+    }
+    return de(() => {
+      d();
+    }), (i, k) => (o(), r("div", Re, [
+      s("div", Ie, [
+        J(i.$slots, "title"),
+        s("div", Be, C(i.name), 1),
+        s("div", Ve, C(i.paragraph), 1)
+      ]),
+      s("div", Se, [
+        s("canvas", {
+          ref_key: "canvas",
+          ref: a
+        }, null, 512)
+      ])
+    ]));
+  }
+}), Me = ["width", "height"], Le = ["fill"], Te = ["fill"], We = ["stroke"], je = ["stroke"], oe = /* @__PURE__ */ S({
+  __name: "SparkIcon",
+  props: {
+    size: {
+      type: Number,
+      default: 24
+    },
+    color: {
+      type: String,
+      default: "#6B6B6B"
+    }
+  },
+  setup(e) {
+    const t = e, a = $(() => `${t.size}px`);
+    return (l, n) => (o(), r("svg", {
+      width: a.value,
+      height: a.value,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg"
+    }, [
+      s("path", {
+        d: "M7.6 7.6C8.17076 6.94229 8.5 5.5 8.5 5.5C8.5 5.5 8.81356 6.87361 9.35714 7.5C9.92948 8.15953 11.5 8.5 11.5 8.5C11.5 8.5 9.92948 8.69761 9.35714 9.35714C8.81356 9.98354 8.5 11.5 8.5 11.5C8.5 11.5 8.32076 10.1888 7.75 9.59091C7.14905 8.96136 5.5 8.5 5.5 8.5C5.5 8.5 6.99905 8.29251 7.6 7.6Z",
+        fill: t.color
+      }, null, 8, Le),
+      s("path", {
+        d: "M12.2 12.2C13.3415 10.8846 14 8 14 8C14 8 14.6271 10.7472 15.7143 12C16.859 13.3191 20 14 20 14C20 14 16.859 14.3952 15.7143 15.7143C14.6271 16.9671 14 20 14 20C14 20 13.6415 17.3777 12.5 16.1818C11.2981 14.9227 8 14 8 14C8 14 10.9981 13.585 12.2 12.2Z",
+        fill: t.color
+      }, null, 8, Te),
+      s("path", {
+        d: "M7.6 7.6C8.17076 6.94229 8.5 5.5 8.5 5.5C8.5 5.5 8.81356 6.87361 9.35714 7.5C9.92948 8.15953 11.5 8.5 11.5 8.5C11.5 8.5 9.92948 8.69761 9.35714 9.35714C8.81356 9.98354 8.5 11.5 8.5 11.5C8.5 11.5 8.32076 10.1888 7.75 9.59091C7.14905 8.96136 5.5 8.5 5.5 8.5C5.5 8.5 6.99905 8.29251 7.6 7.6Z",
+        stroke: t.color,
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8, We),
+      s("path", {
+        d: "M12.2 12.2C13.3415 10.8846 14 8 14 8C14 8 14.6271 10.7472 15.7143 12C16.859 13.3191 20 14 20 14C20 14 16.859 14.3952 15.7143 15.7143C14.6271 16.9671 14 20 14 20C14 20 13.6415 17.3777 12.5 16.1818C11.2981 14.9227 8 14 8 14C8 14 10.9981 13.585 12.2 12.2Z",
+        stroke: t.color,
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8, je)
+    ], 8, Me));
+  }
+}), ze = { class: "flex flex-col gap-16" }, Ne = { class: "fm-typo-en-title-sm-600" }, Ee = { class: "flex justify-center items-center" }, Ue = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, Ye = {
+  key: 0,
+  class: "rounded-lg p-2"
+}, Ze = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary text-wrap" }, qe = { key: 0 }, He = {
+  key: 0,
+  class: "flex justify-center w-full gap-8"
+}, Xe = ["onClick"], G = /* @__PURE__ */ S({
+  __name: "CarouselCard",
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    items: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup(e) {
+    const t = I(0), a = I(), l = e;
+    function n(d) {
+      var i;
+      if (a.value) {
+        const k = (((i = a.value) == null ? void 0 : i.scrollWidth) ?? 1) / l.items.length;
+        a.value.scrollLeft = k * d;
+      }
+      t.value = d;
+    }
+    P(
+      () => a.value,
+      () => {
+        var d;
+        if (a.value) {
+          const i = ((((d = a.value) == null ? void 0 : d.scrollWidth) ?? 1) - 400) / l.items.length;
+          a.value.addEventListener("scroll", () => {
+            var g;
+            const k = Math.floor((((g = a.value) == null ? void 0 : g.scrollLeft) ?? 1) / i);
+            t.value = k;
+          });
+        }
+      }
+    );
+    const { FmTooltip: w } = Y;
+    return (d, i) => {
+      const k = K("wave");
+      return o(), r("div", ze, [
+        s("p", Ne, C(l.title), 1),
+        s("div", {
+          ref_key: "scroll",
+          ref: a,
+          class: "flex gap-8 overflow-x-scroll snap-x snap-mandatory w-full scrollbar-hide"
+        }, [
+          (o(!0), r(z, null, N(l.items, (g, c) => (o(), r("div", {
+            key: `reason_${c}`,
+            class: "min-w-[368px] border rounded-lg p-16 snap-always snap-center flex gap-8 flex-col"
+          }, [
+            s("div", Ee, [
+              (o(), R(U(g.defination ? m(w) : "div"), {
+                content: g.defination,
+                "z-index": 100
+              }, {
+                default: B(() => [
+                  s("p", Ue, C(g.header), 1)
+                ]),
+                _: 2
+              }, 1032, ["content"])),
+              i[0] || (i[0] = s("div", { class: "grow" }, null, -1)),
+              g.header === "Introduce Kid-Friendly Menu Items" ? T((o(), r("button", Ye, [
+                p(oe, { size: 22 })
+              ])), [
+                [k, !0]
+              ]) : D("", !0)
+            ]),
+            s("p", Ze, C(g.subLabel), 1)
+          ]))), 128)),
+          l.items.length === 0 ? (o(), r("div", qe, [
+            s("p", null, "No " + C(l.title.toLowerCase()) + " at the moment", 1)
+          ])) : D("", !0)
+        ], 512),
+        e.items.length > 1 ? (o(), r("div", He, [
+          (o(!0), r(z, null, N(e.items, (g, c) => (o(), r("span", {
+            key: `carousel_${c}`,
+            class: W([
+              "w-[11px] h-[11px] rounded-lg cursor-pointer",
+              c === t.value ? " bg-fm-color-neutral-gray-300" : "bg-fm-color-neutral-gray-100"
+            ]),
+            onClick: (_) => n(c)
+          }, null, 10, Xe))), 128))
+        ])) : D("", !0)
+      ]);
+    };
+  }
+}), Ge = { class: "flex flex-col flex-grow gap-16" }, Oe = { class: "flex flex-row items-center gap-2" }, Je = { class: "flex flex-row items-center justify-center gap-1" }, Ke = { class: "text-fm-color-typo-secondary fm-typo-en-body-lg-400" }, Qe = { class: "flex flex-col fm-typo-en-body-lg-600" }, et = { class: "flex flex-col" }, tt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, at = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, lt = {
+  key: 0,
+  style: { height: "240px" }
+}, st = {
+  key: 1,
+  class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary"
+}, ot = {
+  key: 0,
+  class: "flex flex-col gap-40"
+}, nt = {
+  key: 1,
+  class: "flex flex-row items-center justify-between"
+}, it = { class: "fm-typo-en-body-lg-600" }, rt = { class: "flex flex-row items-center gap-8" }, O = /* @__PURE__ */ S({
+  __name: "InsightCard",
+  props: {
+    widget: {
+      type: Object,
+      default: () => null
+    },
+    detail: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["click-feedback"],
+  setup(e, { emit: t }) {
+    const { t: a } = se(), l = $(() => e.widget.data.isAnomaly > 0 ? "bg-fm-color-system-success-100 text-fm-color-typo-success" : e.widget.data.isAnomaly < 0 ? "bg-fm-color-system-error-100 text-fm-color-typo-error" : ""), n = t;
+    function w(u) {
+      u === e.widget.feedback.reaction ? n("click-feedback", null) : n("click-feedback", u);
+    }
+    const d = $(() => {
+      const u = "rgb(66, 133, 244)";
+      let f = u;
+      return e.widget.data.isAnomaly > 0 ? f = "#1F7735" : e.widget.data.isAnomaly < 0 && (f = "#99231D"), [
+        {
+          label: "Anomaly",
+          data: e.widget.data.actualValues.map(
+            (h, x) => x >= e.widget.data.actualValues.length - 2 ? h : null
+          ),
+          fill: !1,
+          borderColor: f,
+          borderWidth: 2,
+          pointRadius: function(h) {
+            return h.dataIndex === e.widget.data.actualValues.length - 1 ? 5 : 0;
+          },
+          pointStyle: "circle",
+          pointBackgroundColor: f
+        },
+        {
+          label: "Actual",
+          data: e.widget.data.actualValues.map(
+            (h, x) => x !== e.widget.data.actualValues.length - 1 ? h : null
+          ),
+          fill: !1,
+          borderColor: u,
+          borderWidth: 2
+        },
+        {
+          label: "Expected",
+          data: e.widget.data.forecastValues,
+          fill: !1,
+          borderColor: "white",
+          borderWidth: 2
+        },
+        {
+          label: "Upper",
+          data: e.widget.data.upperBoundValues,
+          fill: 4,
+          backgroundColor: "rgba(66, 133, 244, 0.3)",
+          borderColor: "white"
+        },
+        {
+          label: "Lower",
+          legend: !1,
+          data: e.widget.data.lowerBoundValues,
+          color: "",
+          fill: !1,
+          borderColor: "white"
+        }
+      ];
+    }), i = $(
+      () => e.widget.data.labels.map((u) => {
+        const f = E(u), A = [f.format("DD MMM")], h = f.format("d");
+        return (h === "6" || h === "0") && A.push(f.format("ddd")), A;
+      })
+    ), k = {
+      display: !0,
+      position: "bottom",
+      maxHeight: 54,
+      onClick: (u) => u.stopPropagation(),
+      labels: {
+        usePointStyle: !0,
+        filter: function(u, f) {
+          return !["Upper", "Lower", "Actual"].includes(
+            f.datasets[u.datasetIndex].label
+          );
+        }
+      }
+    }, g = $(() => ({ categories: i.value }));
+    $(() => H(e.widget.category));
+    const c = $(() => "The total money earned from all customer purchases, including sales, service charges, rounding, and delivery fees, minus any discounts. Revenue = gross sales - discounts + SST + service charge + rounding + delivery fee"), { FmTooltip: _ } = Y;
+    return (u, f) => {
+      var L, V;
+      const A = M("FmChip"), h = M("FmIcon"), x = K("wave");
+      return o(), r("div", {
+        class: W(["flex flex-col gap-40 overflow-y-scroll relative scrollbar-hide", e.detail ? "max-w-[515px]" : "max-w-[368px]"])
+      }, [
+        T((o(), r("div", {
+          variant: "outlined",
+          class: W(["flex flex-col p-16 gap-16 relative border rounded-lg", e.detail ? "" : "cursor-pointer"])
+        }, [
+          s("div", Ge, [
+            s("div", Oe, [
+              s("div", Je, [
+                p(oe, { size: 22 }),
+                s("div", Ke, C(m(a)("report.view.insight.title")), 1)
+              ]),
+              p(A, {
+                compact: "",
+                label: m(a)(`report.category.${m(H)(e.widget.category)}`),
+                class: "bg-fm-color-system-info-100 text-fm-color-typo-info"
+              }, null, 8, ["label"]),
+              p(A, {
+                class: W(l.value),
+                compact: "",
+                label: e.widget.data.isAnomaly !== 0 ? m(a)("report.view.insight.status.abnormal") : m(a)("report.view.insight.status.normal")
+              }, null, 8, ["class", "label"])
+            ]),
+            (o(), R(U(e.detail ? m(_) : "div"), {
+              content: c.value,
+              "z-index": 100
+            }, {
+              default: B(() => [
+                s("div", Qe, C(e.widget.title), 1)
+              ]),
+              _: 1
+            }, 8, ["content"])),
+            s("div", et, [
+              s("div", tt, C(e.widget.restaurantName), 1),
+              s("div", at, C(m(Ae)(e.widget.dateRange)), 1)
+            ])
+          ]),
+          e.detail ? (o(), r("div", lt, [
+            p(Pe, {
+              datasets: d.value,
+              "x-axis": g.value,
+              legend: k,
+              "maintain-aspect-ratio": !1
+            }, null, 8, ["datasets", "x-axis"])
+          ])) : D("", !0),
+          e.detail ? (o(), r("div", st, C(e.widget.description), 1)) : D("", !0)
+        ], 2)), [
+          [x, !e.detail]
+        ]),
+        e.detail && e.widget.data.isAnomaly < 0 ? (o(), r("div", ot, [
+          p(G, {
+            title: m(a)("report.view.insight.reason"),
+            items: (L = e.widget.data.recommendations) == null ? void 0 : L.map((b) => ({
+              header: b.label,
+              subLabel: b.reason.replace(b.metric, b.label),
+              defination: b.definition
+            }))
+          }, null, 8, ["title", "items"]),
+          p(G, {
+            title: m(a)("report.view.insight.recommendation"),
+            items: (V = e.widget.data.recommendations) == null ? void 0 : V.map((b) => ({
+              header: b.label,
+              subLabel: b.recommendation,
+              defination: b.definition
+            }))
+          }, null, 8, ["title", "items"])
+        ])) : D("", !0),
+        e.detail ? (o(), r("div", nt, [
+          s("div", it, C(m(a)("report.view.insight.feedback.question")), 1),
+          s("div", rt, [
+            T(p(h, {
+              class: "cursor-pointer p-4 icon-btn",
+              name: "thumb_up",
+              size: "md",
+              outline: e.widget.feedback.reaction !== !0,
+              onClick: f[0] || (f[0] = () => w(!0))
+            }, null, 8, ["outline"]), [
+              [x, !0]
+            ]),
+            T(p(h, {
+              class: "cursor-pointer p-4 icon-btn",
+              name: "thumb_down",
+              size: "md",
+              outline: e.widget.feedback.reaction !== !1,
+              onClick: f[1] || (f[1] = () => w(!1))
+            }, null, 8, ["outline"]), [
+              [x, !0]
+            ])
+          ])
+        ])) : D("", !0)
+      ], 2);
+    };
+  }
+}), dt = { class: "flex w-full justify-between items-center" }, ct = /* @__PURE__ */ S({
+  __name: "SidePanel",
+  props: {
+    modelValue: { type: Boolean, required: !0 },
+    modelModifiers: {}
+  },
+  emits: ["update:modelValue"],
+  setup(e) {
+    const t = ce(e, "modelValue"), { FmSideSheet: a } = Y;
+    return (l, n) => {
+      const w = M("FmButton");
+      return o(), R(U(m(a)), {
+        modelValue: t.value,
+        "onUpdate:modelValue": n[1] || (n[1] = (d) => t.value = d),
+        "fullscreen-size": "sm",
+        "dismiss-away": !0,
+        "max-width": 512
+      }, {
+        "side-sheet-header": B(() => n[2] || (n[2] = [
+          ue("Insight")
+        ])),
+        "top-sheet-header": B(() => [
+          s("div", dt, [
+            n[3] || (n[3] = s("p", null, "Insight", -1)),
+            p(w, {
+              icon: "close",
+              variant: "tertiary",
+              onClick: n[0] || (n[0] = (d) => t.value = !1)
+            })
+          ])
+        ]),
+        default: B(() => [
+          J(l.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["modelValue"]);
+    };
+  }
+}), ut = { class: "flex flex-col h-full" }, ft = { class: "flex flex-row px-24 justify-between items-center" }, mt = { class: "flex flex-row items-center gap-2" }, gt = {
+  key: 0,
+  class: "h-full w-full flex items-center justify-center"
+}, pt = {
+  key: 1,
+  class: "flex-1 overflow-auto"
+}, vt = {
+  key: 0,
+  class: "flex flex-row flex-wrap gap-24 px-24 py-16"
+}, Ft = /* @__PURE__ */ S({
+  __name: "InsightView",
+  setup(e) {
+    const { t } = se(), a = $e(), {
+      dateRange: l,
+      compareDateRange: n,
+      locations: w,
+      selectedLocationIds: d,
+      selectedRestaurantIds: i,
+      business: k,
+      timezone: g
+    } = ae(pe()), c = I([]), _ = I(null), u = I(!1), f = be(), { canReadPageDateRange: A, getPageAccessWindow: h } = ve(), x = $(
+      () => h(X.report_accessInsight, g.value)
+    ), L = $(
+      () => he(ye(), x.value)
+    );
+    P(
+      [x, l, g],
+      () => {
+        const y = we(
+          l.value,
+          x.value,
+          g.value
+        );
+        y && (y.startDate !== l.value.startDate || y.endDate !== l.value.endDate) && (l.value = y);
+      },
+      { immediate: !0 }
+    ), P(
+      k,
+      () => {
+        k.value && V();
+      },
+      { immediate: !0 }
+    );
+    async function V() {
+      try {
+        u.value = !0, i.value.length === 0 ? c.value = [] : A(
+          X.report_accessInsight,
+          l.value,
+          g.value
+        ) ? c.value = await De({
+          start: l.value.startDate,
+          end: l.value.endDate,
+          restaurantIds: i.value
+        }) : c.value = [];
+      } catch (y) {
+        f.open({ message: y, type: "error" }), c.value = [];
+      } finally {
+        u.value = !1;
+      }
+    }
+    function b(y) {
+      if (y !== null) {
+        try {
+          a.pushDataLayer(
+            {
+              event: _e.report_insight_click_insight_card,
+              insight: JSON.stringify(c.value[y])
+            },
+            "insight"
+          );
+        } catch (v) {
+          console.warn(v);
+        }
+        _.value = null;
+      }
+      fe(() => {
+        _.value = y;
+      });
+    }
+    async function ne(y) {
+      if (_.value !== null)
+        try {
+          u.value = !0;
+          const v = await Fe({
+            ...c.value[_.value].feedback,
+            reaction: y
+          });
+          c.value[_.value].feedback = v;
+        } catch (v) {
+          f.open({ message: v, type: "error" });
+        } finally {
+          u.value = !1;
+        }
+    }
+    return (y, v) => {
+      const ie = M("FmPageHead"), re = M("FmCircularProgress");
+      return o(), R(me, null, {
+        default: B(() => {
+          var Z;
+          return [
+            p(ie, {
+              title: m(t)("report.view.insight.title")
+            }, null, 8, ["title"]),
+            s("div", ut, [
+              s("div", ft, [
+                s("div", mt, [
+                  p(ke, {
+                    modelValue: m(d),
+                    "onUpdate:modelValue": [
+                      v[0] || (v[0] = (F) => j(d) ? d.value = F : null),
+                      V
+                    ],
+                    options: m(w)
+                  }, null, 8, ["modelValue", "options"]),
+                  p(ge, {
+                    "date-range": m(l),
+                    "onUpdate:dateRange": [
+                      v[1] || (v[1] = (F) => j(l) ? l.value = F : null),
+                      V
+                    ],
+                    "compare-date-range": m(n),
+                    "onUpdate:compareDateRange": v[2] || (v[2] = (F) => j(n) ? n.value = F : null),
+                    "date-predefined-ranges": L.value,
+                    "min-date": (Z = x.value) == null ? void 0 : Z.minDate,
+                    compare: !1
+                  }, null, 8, ["date-range", "compare-date-range", "date-predefined-ranges", "min-date"])
+                ])
+              ]),
+              u.value ? (o(), r("div", gt, [
+                p(re, { size: "xl" })
+              ])) : (o(), r("div", pt, [
+                c.value.length > 0 ? (o(), r("div", vt, [
+                  (o(!0), r(z, null, N(c.value, (F, q) => (o(), R(O, {
+                    key: q,
+                    widget: F,
+                    onClick: () => b(q)
+                  }, null, 8, ["widget", "onClick"]))), 128))
+                ])) : (o(), R(Ce, { key: 1 }))
+              ])),
+              p(ct, {
+                "model-value": _.value !== null,
+                onBack: v[3] || (v[3] = () => b(null))
+              }, {
+                default: B(() => [
+                  _.value !== null ? (o(), R(O, {
+                    key: 0,
+                    widget: c.value[_.value],
+                    detail: "",
+                    onClickFeedback: ne
+                  }, null, 8, ["widget"])) : D("", !0)
+                ]),
+                _: 1
+              }, 8, ["model-value"])
+            ])
+          ];
+        }),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  Ft as default
+};

package/dist/{Integration-BmtzVBU8.js → Integration-CocbSCYz.js}

@@ -1,11 +1,11 @@
 import { defineComponent as ce, mergeModels as we, useModel as fe, computed as W, resolveComponent as I, createElementBlock as R, openBlock as w, createElementVNode as t, createCommentVNode as z, normalizeClass as et, Fragment as $e, renderList as ze, createBlock as ee, normalizeStyle as at, createVNode as l, withCtx as Ce, renderSlot as Vt, toDisplayString as S, unref as n, h as b, createTextVNode as $t, ref as ae, onUnmounted as He, watch as _e, isRef as Ee, resolveDynamicComponent as Be, mergeProps as st, withKeys as ot, withModifiers as dt, nextTick as kt, onMounted as pt } from "vue";
 import { useRouter as Se, useRoute as It } from "vue-router";
-import { B as he, E as nt, d as Ne, G as Tt, e as Le, a as De, H as be, J as Nt, p as Kt, y as pe, A as Ge, K as Ye, L as Oe, M as Qe, N as rt, O as Ft, P as Mt, Q as Ut, R as Rt, S as it, b as ut, T as Pt, U as Lt, t as jt, I as je, V as Ot, W as Et, X as Bt } from "./app-L5Gs2RN0.js";
+import { B as he, E as nt, d as Ne, G as Tt, e as Le, a as De, H as be, J as Nt, p as Kt, y as pe, A as Ge, K as Ye, L as Oe, M as Qe, N as rt, O as Ft, P as Mt, Q as Ut, R as Rt, S as it, b as ut, T as Pt, U as Lt, t as jt, I as je, V as Ot, W as Et, X as Bt } from "./app-CwM9HM2R.js";
 import { u as ve, a as We, _ as Yt } from "./_plugin-vue_export-helper-onplcgja.js";
 import { u as Xe } from "./message-dialog-UoMWOnil.js";
 import { useSnackbar as Ae } from "@feedmepos/ui-library";
-import { s as St, D as Je } from "./DateRangeSelect-Cvxqh6KE.js";
-import { u as qe, h as ke } from "./useRestaurantPermission-D9GFgNLW.js";
+import { s as St, D as Je } from "./DateRangeSelect-D2772bgT.js";
+import { u as qe, h as ke } from "./useRestaurantPermission-BQ0MKNOz.js";
 import { storeToRefs as Ze } from "pinia";
 const qt = { class: "flex flex-row items-center w-[100%] gap-[4px] justify-between" }, zt = { class: "w-[100%] overflow-hidden" }, Ht = { class: "inline-flex max-w-full items-center gap-2 align-top" }, Gt = { class: "text-nowrap min-w-0 overflow-hidden text-ellipsis font-semibold" }, Qt = {
   key: 0,