@feedmepos/mf-connect 0.1.98-beta.40 → 0.1.98-beta.41

package/dist/Promotion-DoFTy-NK.js

@@ -0,0 +1,423 @@
+import { defineComponent as z, ref as C, resolveComponent as p, openBlock as y, createBlock as T, unref as a, isRef as ae, withCtx as O, createElementVNode as i, createVNode as r, computed as ie, h as P, onMounted as se, createElementBlock as L, Fragment as A, renderList as re, resolveDynamicComponent as le, toDisplayString as w } from "vue";
+import { _ as ce } from "./campaign-CpzFl8Vr.js";
+import { useDialog as me, components as B } from "@feedmepos/ui-library";
+import { p as U } from "./plugins-ur-FAoye.js";
+import { u as ue } from "./loading-NY-FPxVY.js";
+import { u as pe } from "./business-CE_4siXc.js";
+import { u as de } from "./campaign-CXQtKpeb.js";
+import { u as fe } from "./vue-i18n-BYz7XAr_.js";
+import { g as q, a as ye, b as K } from "./campaign-BP6rvSpg.js";
+import { c as ge, p as _e } from "./duplicateCampaign-DbtVAGsT.js";
+import { e as E } from "./effect-CLI8NI4O.js";
+import { c as Q } from "./string-Gcy5IM_H.js";
+import "./index-Dx9h0FNH.js";
+import { _ as he } from "./EditCampaignSheet.vue_vue_type_script_setup_true_lang-ClNieHSo.js";
+import { c as g } from "./index-D06n1h1b.js";
+import { u as we } from "./template-CUV3AMFI.js";
+import { _ as H } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+import { useRouter as be } from "vue-router";
+import { R as ve } from "./app-CE5hQ4Uq.js";
+const Ce = { class: "space-y-8" }, xe = /* @__PURE__ */ z({
+  __name: "QueueSheet",
+  emits: ["update:model-value"],
+  setup(G, { expose: n, emit: M }) {
+    const d = C(!1), b = C([]);
+    async function V() {
+      d.value = !0;
+      const s = await g.getPromotionQueue();
+      console.log(s, "jobs"), b.value = s;
+    }
+    const x = [
+      {
+        header: "Started At",
+        accessorFn: (s) => s.createdAt,
+        enableSorting: !0
+      },
+      {
+        header: "Campaigns",
+        accessorFn: (s) => s.campaigns
+        // cell(props) {
+        //   const r = props.row.original;
+        //   return h('div', {
+        //     innerHTML: r.campaigns.map((c: any) => c.name).join(', '),
+        //   });
+        // },
+      }
+    ];
+    return n({
+      showSheet: V
+    }), (s, u) => {
+      const v = p("FmTable"), I = p("FmSideSheet");
+      return y(), T(I, {
+        "max-width": 550,
+        header: "Promotion Sync Queue",
+        modelValue: a(d),
+        "onUpdate:modelValue": [
+          u[1] || (u[1] = (f) => ae(d) ? d.value = f : null),
+          u[2] || (u[2] = (f) => d.value = f)
+        ]
+      }, {
+        default: O(() => [
+          i("div", Ce, [
+            u[3] || (u[3] = i("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Promotion synchronizing to your restaurant(s) is queued here. Depending on the number of campaigns and restaurants, this process may take several minutes. No task displayed here means there are no pending promotions to sync. ", -1)),
+            r(v, {
+              modelValue: s.tableRef,
+              "onUpdate:modelValue": u[0] || (u[0] = (f) => s.tableRef = f),
+              "column-filter": s.jobFilters,
+              "column-defs": x,
+              "row-data": a(b),
+              "hide-footer": a(b).length <= 10
+            }, null, 8, ["modelValue", "column-filter", "row-data", "hide-footer"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+}), Fe = { class: "px-24 flex flex-col gap-y-16" }, ke = { class: "flex items-center justify-between w-full" }, Se = { class: "flex gap-8 overflow-x-auto" }, Pe = { class: "space-y-8" }, Te = { class: "flex w-full gap-4 items-center" }, Oe = { class: "space-y-4" }, Ve = { class: "fm-typo-en-body-lg-600" }, Ie = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Le = { class: "flex items-center gap-8" }, Ae = { class: "flex flex-col gap-16 text-center" }, Be = { class: "fm-typo-en-title-sm-800" }, Me = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, to = /* @__PURE__ */ z({
+  __name: "Promotion",
+  setup(G) {
+    const { t: n } = fe(), M = {
+      label: n("connect.promotion.createCampaign"),
+      value: "create",
+      isPrimary: !0,
+      prependIcon: "add"
+    }, d = {
+      label: "Force sync",
+      value: "sync",
+      isPrimary: !1,
+      prependIcon: "refresh"
+    }, b = {
+      label: "Queue",
+      value: "queue",
+      isPrimary: !1,
+      prependIcon: "work_history"
+    }, V = we("PROMOTION", me()), x = pe(), s = de(), { global: u, minor: v } = ue, I = be(), f = [
+      {
+        label: "Bill promotion",
+        value: "BILL"
+      },
+      {
+        label: "Item promotion",
+        value: "ITEM"
+      }
+    ], c = C({
+      searchKey: "",
+      location: [],
+      effectType: []
+    });
+    function Y(e) {
+      const o = c.value.location;
+      return !o || o.length === 0 || !e.targetLocation ? !0 : Array.isArray(o) ? o.some((m) => {
+        var l;
+        return (l = e == null ? void 0 : e.targetLocation) == null ? void 0 : l.includes(m);
+      }) : e.targetLocation.includes(o);
+    }
+    function J(e) {
+      var l, k;
+      const o = c.value.effectType;
+      if (!o || o.length === 0) return !0;
+      const m = (k = (l = e.effect) == null ? void 0 : l.options) == null ? void 0 : k.target;
+      return o.includes(m);
+    }
+    const _ = ie(
+      () => s.campaigns.promotion.filter(
+        (e) => Y(e) && J(e)
+      )
+    ), W = [
+      {
+        header: n("connect.promotion.promotionTitle"),
+        accessorFn: (e) => e.name
+      },
+      {
+        header: n("connect.promotion.campaignDate"),
+        accessorFn: (e) => q(e)
+      },
+      {
+        header: n("connect.promotion.status"),
+        accessorFn: (e) => ye(e),
+        cell(e) {
+          return K(e.row.original);
+        }
+      },
+      {
+        header: n("connect.promotion.type"),
+        accessorFn: (e) => `${Q.title(e.effect.options.target)} promotion`
+      },
+      {
+        header: n("connect.promotion.summary"),
+        accessorFn: (e) => E(e.effect)
+      },
+      {
+        header: n("connect.promotion.actions"),
+        cell(e) {
+          return P("div", { class: "flex items-center gap-8 justify-end" }, [
+            P(B.FmButton, {
+              variant: "tertiary",
+              icon: "insights",
+              iconColor: "neutral-gray-400",
+              onClick: async (o) => {
+                o.stopPropagation(), await $(e.row.original);
+              }
+            }),
+            P(B.FmButton, {
+              variant: "tertiary",
+              icon: "content_copy",
+              iconColor: "neutral-gray-400",
+              onClick: async (o) => {
+                o.stopPropagation(), await j(e.row.original);
+              }
+            }),
+            P(B.FmButton, {
+              variant: "tertiary",
+              icon: "delete",
+              iconColor: "neutral-gray-400",
+              onClick: (o) => {
+                o.stopPropagation(), D(e.row.original);
+              }
+            })
+          ]);
+        }
+      }
+    ], R = C(), N = C();
+    async function D(e) {
+      await U.remove(
+        n("connect.promotion.confirmRemove", { name: e.name })
+      ) && await v(
+        async () => {
+          await g.delete(e._id), await s.read("PROMOTION");
+        },
+        {
+          message: n("connect.promotion.removing", { name: e.name }),
+          successMessage: n("connect.promotion.removedSuccessfully", {
+            name: e.name
+          })
+        }
+      );
+    }
+    async function F(e) {
+      e ? await o() : V.open(async (m) => {
+        await o(m);
+      });
+      async function o(m) {
+        var l;
+        (l = R.value) == null || l.showSheet(
+          !0,
+          "PROMOTION",
+          e ? await g.readById(e._id) : void 0,
+          m
+        );
+      }
+    }
+    async function $(e) {
+      await I.push({
+        name: ve["$connect-CAMPAIGN_PROMOTION_ANALYTIC"],
+        params: { id: e._id }
+      });
+    }
+    async function j(e) {
+      var l;
+      if (!await ge(e.name))
+        return;
+      const o = await g.readById(e._id), m = _e(o);
+      (l = R.value) == null || l.showSheet(
+        !0,
+        "PROMOTION",
+        m,
+        o.template
+      );
+    }
+    async function X(e) {
+      await v(
+        async () => {
+          e.campaign._id ? await g.update(e.campaign._id, e) : await g.create(e), await s.read("PROMOTION");
+        },
+        {
+          message: n(
+            e.campaign._id ? "connect.promotion.updating" : "connect.promotion.creating"
+          ),
+          successMessage: n(
+            e.campaign._id ? "connect.promotion.updatedSuccessfully" : "connect.promotion.createdSuccessfully"
+          )
+        }
+      );
+    }
+    async function Z(e) {
+      var o;
+      switch (e) {
+        case "create":
+          F();
+          break;
+        case "sync":
+          await U.confirm(
+            "Are you sure you want to synchronize all promotions to POS?",
+            "Force sync"
+          ) && v(
+            async () => {
+              await g.syncAllPromotion();
+            },
+            {
+              message: "Syncing promotions...",
+              successMessage: "All promotions synced"
+            }
+          );
+          break;
+        case "queue":
+          (o = N.value) == null || o.showSheet();
+          break;
+      }
+    }
+    return se(async () => {
+      await u(async () => {
+        await x.readLocations(), await s.read("PROMOTION");
+      });
+    }), (e, o) => {
+      const m = p("FmPageHead"), l = p("FmSearch"), k = p("FmTable"), ee = p("FmChip"), S = p("FmButton"), oe = p("FmListItem"), te = p("FmList"), ne = p("FmCard");
+      return y(), L(A, null, [
+        r(m, {
+          title: a(n)("connect.promotion.title"),
+          actions: a(_).length > 0 ? [M, d, b] : [],
+          "onClick:action": Z
+        }, null, 8, ["title", "actions"]),
+        i("div", Fe, [
+          r(l, {
+            modelValue: c.value.searchKey,
+            "onUpdate:modelValue": o[0] || (o[0] = (t) => c.value.searchKey = t),
+            class: "hidden xs:!block sm:!block border-b-2 border-fm-color-neutral-gray-100",
+            placeholder: a(n)("connect.promotion.search"),
+            collapsible: ""
+          }, null, 8, ["modelValue", "placeholder"]),
+          a(_) && a(_).length > 0 ? (y(), L(A, { key: 0 }, [
+            i("div", ke, [
+              i("div", Se, [
+                r(H, {
+                  label: `${a(n)("connect.common.location")}: `,
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: c.value.location,
+                  "onUpdate:modelValue": o[1] || (o[1] = (t) => c.value.location = t),
+                  icon: "storefront",
+                  "show-item-label": !0,
+                  items: a(x).locationOptions
+                }, null, 8, ["label", "modelValue", "items"]),
+                r(H, {
+                  label: "Type:",
+                  "right-icon": "keyboard_arrow_down",
+                  modelValue: c.value.effectType,
+                  "onUpdate:modelValue": o[2] || (o[2] = (t) => c.value.effectType = t),
+                  icon: "filter_list",
+                  "show-item-label": !0,
+                  items: f
+                }, null, 8, ["modelValue"])
+              ]),
+              r(l, {
+                modelValue: c.value.searchKey,
+                "onUpdate:modelValue": o[3] || (o[3] = (t) => c.value.searchKey = t),
+                class: "xs:hidden sm:hidden",
+                placeholder: "search",
+                collapsible: ""
+              }, null, 8, ["modelValue"])
+            ]),
+            r(k, {
+              class: "xs:hidden sm:hidden",
+              "row-data": a(_),
+              "column-defs": W,
+              "search-value": c.value.searchKey,
+              "column-filter": [],
+              onRowClick: o[4] || (o[4] = (t) => F(t.original)),
+              "hide-footer": a(_).length < 10
+            }, null, 8, ["row-data", "search-value", "hide-footer"]),
+            r(te, { class: "hidden xs:!flex sm:!flex flex-col mx-[-24px]" }, {
+              default: O(() => [
+                (y(!0), L(A, null, re(a(_).filter(
+                  (t) => t.name.toLowerCase().includes(c.value.searchKey.toLowerCase())
+                ), (t) => (y(), T(oe, {
+                  key: t._id.toString(),
+                  onClick: (h) => F(t),
+                  class: "py-12 px-16 flex items-center justify-between border-b border-fm-color-neutral-gray-100"
+                }, {
+                  default: O(() => [
+                    i("div", Pe, [
+                      i("div", Te, [
+                        (y(), T(le(a(K)(t)))),
+                        r(ee, {
+                          class: "!text-fm-color-typo-info !bg-fm-color-system-info-100",
+                          compact: !0,
+                          label: `${a(Q).title(t.effect.options.target)} promotion`
+                        }, null, 8, ["label"])
+                      ]),
+                      i("div", Oe, [
+                        i("div", Ve, w(t.name), 1),
+                        i("div", Ie, w(a(E)(t.effect)), 1),
+                        i("div", Re, w(a(n)("connect.promotion.campaignDate")) + ": " + w(a(q)(t)), 1)
+                      ])
+                    ]),
+                    i("div", Le, [
+                      r(S, {
+                        icon: "insights",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: async (h) => {
+                          h.stopPropagation(), await $(t);
+                        }
+                      }, null, 8, ["onClick"]),
+                      r(S, {
+                        icon: "content_copy",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: async (h) => {
+                          h.stopPropagation(), await j(t);
+                        }
+                      }, null, 8, ["onClick"]),
+                      r(S, {
+                        icon: "delete",
+                        "icon-color": "neutral-gray-400",
+                        variant: "tertiary",
+                        onClick: (h) => (h.stopPropagation(), D(t))
+                      }, null, 8, ["onClick"])
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"]))), 128))
+              ]),
+              _: 1
+            })
+          ], 64)) : (y(), T(ne, {
+            key: 1,
+            variant: "outlined",
+            class: "w-full flex flex-col items-center justify-center gap-y-24 p-24"
+          }, {
+            default: O(() => [
+              o[6] || (o[6] = i("img", {
+                src: ce,
+                class: "aspect-square w-[150px]"
+              }, null, -1)),
+              i("div", Ae, [
+                i("div", Be, w(a(n)("connect.promotion.createPromotionCampaign")), 1),
+                i("div", Me, w(a(n)("connect.promotion.description")), 1)
+              ]),
+              r(S, {
+                variant: "primary",
+                label: a(n)("connect.promotion.createPromotionCampaign"),
+                icon: "add",
+                onClick: o[5] || (o[5] = (t) => F())
+              }, null, 8, ["label"])
+            ]),
+            _: 1
+          }))
+        ]),
+        r(he, {
+          ref_key: "sheetRef",
+          ref: R,
+          "onSubmit:modelValue": X
+        }, null, 512),
+        r(xe, {
+          ref_key: "queueSheetRef",
+          ref: N
+        }, null, 512)
+      ], 64);
+    };
+  }
+});
+export {
+  to as default
+};

package/dist/Queue-Dh5sDRHW.js

@@ -0,0 +1,261 @@
+import { defineComponent as h, h as n, ref as A, watch as B, onBeforeMount as U, resolveComponent as V, openBlock as z, createElementBlock as O, Fragment as q, createVNode as m, unref as o, createElementVNode as g } from "vue";
+import { u as G, _ as L } from "./usePagination-Caah4sJr.js";
+import { _ as S } from "./FilterChip.vue_vue_type_script_setup_true_lang-DaU-9GzO.js";
+import { c as u } from "./string-Gcy5IM_H.js";
+import { c as Y } from "./plugins-ur-FAoye.js";
+import { useDialog as j, components as y } from "@feedmepos/ui-library";
+import "./index-CmNsGhDf.js";
+import "./index-kedErkLZ.js";
+import "./index-CSVhIZSY.js";
+import "./index-D4SDAfbP.js";
+import { n as c, a as d } from "./index-BuMfQxMf.js";
+import "./index-lnQT4P3d.js";
+import { h as b } from "./moment-D7p2TMB-.js";
+import { u as W } from "./vue-i18n-BYz7XAr_.js";
+import { u as H, v as K, w as Q } from "./index.esm2017-Jhv2lkrq.js";
+import { useRoute as $ } from "vue-router";
+import { g as J, S as Z, u as X } from "./index-DcjnS5Sv.js";
+import { o as ee } from "./objectId-dwaoBfJX.js";
+const te = () => {
+  if (!Z.getBusinessId()) throw new Error("Invalid business ID");
+  return X("queues");
+}, oe = {
+  async readImportMember(p, w) {
+    return J(
+      await te().get("", {
+        params: { ...p, ...w }
+      })
+    );
+  }
+};
+var ae = { firebase: { apiKey: "AIzaSyAj8JdCHtP0Vc5vZobCfgoLzWxPIn0WUG4", authDomain: "feedme-dev-4c3ef.firebaseapp.com", databaseURL: "https://feedme-dev-4c3ef.firebaseio.com", projectId: "feedme-dev-4c3ef", storageBucket: "feedme-dev-4c3ef.appspot.com", messagingSenderId: "458797803788", appId: "1:458797803788:web:37f2af2926a84288f0c129", measurementId: "G-J2QG09D2Q7" }, assetBucketUrl: "feedme-dev-4c3ef.appspot.com", importFilesBucketUrl: "feedme-dev-4c3ef.appspot.com", clientId: "1a362d621873497b277ea55258cc82594ba148d235257f7bd44ea2acc132d8a4" };
+const re = { class: "p-24 flex flex-col gap-y-2" }, ne = { class: "flex items-center justify-between" }, se = { class: "flex gap-8 items-center w-full overflow-x-scroll" }, Ee = /* @__PURE__ */ h({
+  __name: "Queue",
+  setup(p) {
+    const v = $().query.type, { t: x } = W(), E = j(), C = [
+      {
+        header: "ID",
+        accessorKey: "_id",
+        meta: {
+          maxWidth: "100px"
+        },
+        cell(t) {
+          return n("div", { class: "flex items-center" }, [
+            n(y.FmIcon, {
+              name: "content_copy",
+              outline: !0,
+              size: "sm",
+              class: "cursor-pointer mr-4",
+              onClick: (e) => {
+                e.preventDefault(), e.stopPropagation(), Y(t.row.original._id.toString());
+              }
+            }),
+            n(
+              "div",
+              { class: "pr-2 text-ellipsis overflow-hidden" },
+              t.row.original._id.toString()
+            )
+          ]);
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Type",
+        accessorFn: (t) => u.title(t.type.replace("_", " ")),
+        enableSorting: !1
+      },
+      {
+        header: "Status",
+        accessorFn: (t) => {
+          var e;
+          return t.status ? u.title((e = t.status) == null ? void 0 : e.toString()) : "-";
+        },
+        cell(t) {
+          const e = t.row.original.status;
+          return n(y.FmChip, {
+            label: e ? u.title(e) : "-",
+            compact: !0,
+            class: D(e)
+          });
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Ref",
+        accessorKey: "ref",
+        enableSorting: !1
+      },
+      {
+        header: "Created at",
+        accessorFn: (t) => b(ee(t._id.toString())).format("D MMM YYYY, hh:mmA"),
+        enableSorting: !0
+      },
+      {
+        header: "Context",
+        cell(t) {
+          var r, a;
+          const e = ((a = (r = t.row.original.context) == null ? void 0 : r.context) == null ? void 0 : a.file) || null;
+          return e != null && e.downloadUrl && (e != null && e.originalName) ? n(
+            "a",
+            {
+              class: "fm-typo-en-link-md-600",
+              href: e.downloadUrl,
+              download: e.originalName,
+              target: "_blank",
+              rel: "noopener"
+            },
+            e.originalName
+          ) : e != null && e.originalName ? n("div", null, e.originalName) : n("div", null, "-");
+        },
+        enableSorting: !1
+      },
+      {
+        header: "Failed reason",
+        cell(t) {
+          return n(y.FmButton, {
+            icon: "visibility",
+            variant: "tertiary",
+            disabled: !t.row.original.failedReason,
+            onClick: (e) => {
+              e.preventDefault(), e.stopPropagation(), M(t.row.original.failedReason);
+            }
+          });
+        },
+        enableSorting: !1
+      }
+    ], D = (t) => {
+      switch (t) {
+        case c.enum.ACTIVE:
+          return "text-fm-color-typo-info bg-fm-color-system-info-100";
+        case c.enum.WAITING:
+          return "text-fm-color-typo-warning bg-fm-color-system-warning-100";
+        case c.enum.COMPLETED:
+          return "text-fm-color-typo-success bg-fm-color-system-success-100";
+        case c.enum.FAILED:
+          return "text-fm-color-typo-error bg-fm-color-system-error-100";
+        default:
+          return "text-fm-color-typo-primary bg-fm-color-system-primary-100";
+      }
+    }, F = h({
+      name: "FailedReasonDialog",
+      props: {
+        data: {
+          type: String,
+          required: !0
+        }
+      },
+      setup(t) {
+        return () => n("div", { class: "whitespace-pre-line" }, t.data);
+      }
+    });
+    async function M(t) {
+      E.open({
+        title: "Failed Reason",
+        closeButton: !0,
+        dismissAway: !0,
+        contentComponent: F,
+        contentComponentProps: {
+          data: t
+        }
+      });
+    }
+    const T = async (t) => {
+      const e = H(void 0, ae.importFilesBucketUrl), r = K(e, t);
+      return await Q(r);
+    }, R = c.options.map((t) => ({ label: u.title(t), value: t })), s = A({
+      type: v ?? [
+        d.enum.MEMBER_IMPORTED,
+        d.enum.SEGMENTATION_IMPORTED
+      ],
+      status: []
+    }), { tableMeta: i, rowData: P, onSort: k, debouncedFetchData: f } = G(
+      async (t) => {
+        const e = {
+          ...s.value
+        }, r = await oe.readImportMember(t, e);
+        return await Promise.all(
+          r.resources.map(async (a) => {
+            var _, I;
+            const l = (I = (_ = a.context) == null ? void 0 : _.context) == null ? void 0 : I.file;
+            if (b(a.context.emittedAt).diff(b(), "days") < 7 && l)
+              try {
+                l.downloadUrl = await T(l == null ? void 0 : l.fbFilePath);
+              } catch (N) {
+                console.log(N);
+              }
+          })
+        ), {
+          resources: r.resources,
+          meta: r.meta
+        };
+      }
+    );
+    return B(
+      s,
+      () => {
+        f();
+      },
+      { deep: !0 }
+    ), U(async () => {
+      await f();
+    }), (t, e) => {
+      const r = V("FmPageHead");
+      return z(), O(q, null, [
+        m(r, {
+          title: o(x)("connect.queue.title")
+        }, null, 8, ["title"]),
+        g("div", re, [
+          g("div", ne, [
+            g("div", se, [
+              m(S, {
+                class: "cursor-pointer text-fm-color-neutral-gray-400",
+                "right-icon": "keyboard_arrow_down",
+                modelValue: o(s).type,
+                "onUpdate:modelValue": e[0] || (e[0] = (a) => o(s).type = a),
+                label: "Type: ",
+                "show-item-label": !0,
+                items: [
+                  {
+                    label: "Member Imported",
+                    value: o(d).enum.MEMBER_IMPORTED
+                  },
+                  {
+                    label: "Segmentation Imported",
+                    value: o(d).enum.SEGMENTATION_IMPORTED
+                  }
+                ]
+              }, null, 8, ["modelValue", "items"]),
+              m(S, {
+                class: "cursor-pointer text-fm-color-neutral-gray-400",
+                "right-icon": "keyboard_arrow_down",
+                modelValue: o(s).status,
+                "onUpdate:modelValue": e[1] || (e[1] = (a) => o(s).status = a),
+                label: "Status: ",
+                "show-item-label": !0,
+                items: o(R)
+              }, null, 8, ["modelValue", "items"])
+            ])
+          ]),
+          m(L, {
+            loading: o(i).isLoading,
+            "row-data": o(P),
+            "row-count": o(i).totalRows,
+            "column-defs": C,
+            "page-count": o(i).pageCount,
+            "page-index": o(i).pageIndex,
+            "page-size": o(i).pageSize,
+            "shrink-at": !1,
+            onSortChange: o(k),
+            onPageChange: e[2] || (e[2] = (a) => o(f)({
+              pageSize: a.pageSize,
+              pageIndex: a.pageIndex
+            }))
+          }, null, 8, ["loading", "row-data", "row-count", "page-count", "page-index", "page-size", "onSortChange"])
+        ])
+      ], 64);
+    };
+  }
+});
+export {
+  Ee as default
+};