appmax-client-vue3 5.5.0 → 5.6.0

package/dist/Orders.page-BowER1o9.js

@@ -0,0 +1,1636 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { az as toRefs, z as reactive, aL as AxiosError, r as ref, ab as defineComponent, g as createElementBlock, h as openBlock, i as createVNode, w as withCtx, m as createTextVNode, t as toDisplayString, l as unref, y, $, e as computed, bX as isEqualObj, at as useAlertsStore, ap as t, bE as toRaw, bI as CanceledError, a9 as resolveComponent, v as createBlock, F as Fragment, q as renderList, E as mergeProps, n as normalizeClass, j as createBaseVNode, d as useBreakpoint, V as C, G as ApiService, aq as toaster, K as script$3, p as _, k as createCommentVNode, R, aA as isRef, aE as script$4, H as f, ad as userService, bY as delay, bS as B$1, I as withModifiers, aI as script$5, aB as script$6, A as watch, bZ as supportChatHelper, o as onMounted } from "./main-Co25L4rd.js";
+import { H } from "./AmHelper.vue_vue_type_script_setup_true_lang-D2zQmEN--BK0RpQfM.js";
+import { a as script, s as script$1 } from "./index-Cu1wLOM1.js";
+import { p as parseDateChipLabel, a as parseSortedChipLabel, l as loadRemoteOrdersStatusPtBR, o as ordersService, _ as _sfc_main$k, b as _sfc_main$l, f as formatAttempDate, c as filterToParams } from "./OrderStatus.vue_vue_type_script_setup_true_lang-D2y3ameb.js";
+import { u as useQueryFilter } from "./useQueryFilter-CbXFeUpT.js";
+import { u as userInteractionsService } from "./index-BzgUUz85.js";
+import { s as script$2 } from "./index-C5LwNJ4v.js";
+import { _ as _sfc_main$m } from "./AmLayoutFeedbackState-HBIMh8WK.js";
+import { P as Pusher } from "./pusher-CJACS8TM.js";
+import { O as OrderStatusChip } from "./OrderStatusChip-CpGRd3tE.js";
+import { z } from "./index-Dq110QZ7.js";
+import { b, k as ke } from "./index-DvbQkchL.js";
+import { B } from "./index-lAU487G5.js";
+import { b as script$7, s as script$8, a as script$9 } from "./index-BpvshXHd.js";
+import { s as script$a } from "./index-DMERkWd2.js";
+import { A as AmCardV3 } from "./AmCardV3-C487NvTL.js";
+const TRANSPARENCY_MODAL_INTERACTION = "transparency-modal";
+const ordersNotificationState = reactive({
+  elasticDisabled: false,
+  shopifyAntifraudMissing: false,
+  checkedTransparencyModalInteraction: false,
+  showTransparencyModal: false
+});
+const checkTransparencyModal$1 = async (orders) => {
+  try {
+    if (ordersNotificationState.checkedTransparencyModalInteraction) return;
+    if (!orders.length) return;
+    const hasRefusalRisk = orders.some((order) => order.status === "recusado_por_risco");
+    if (!hasRefusalRisk) return;
+    const { occurred } = await userInteractionsService.get(TRANSPARENCY_MODAL_INTERACTION);
+    ordersNotificationState.checkedTransparencyModalInteraction = occurred;
+  } catch (error) {
+    if (!(error instanceof AxiosError)) throw error;
+    if (error.request.status === 404) {
+      ordersNotificationState.showTransparencyModal = true;
+      ordersNotificationState.checkedTransparencyModalInteraction = true;
+    }
+  }
+};
+const assignTransparencyModalInteraction = async () => {
+  try {
+    await userInteractionsService.markAsOccurred(TRANSPARENCY_MODAL_INTERACTION);
+  } catch {
+    console.error("Error marking transparency modal interaction as occurred");
+  }
+};
+const useOrdersNotification = () => ({
+  ...toRefs(ordersNotificationState),
+  checkTransparencyModal: checkTransparencyModal$1,
+  assignTransparencyModalInteraction
+});
+const chips = ref([]);
+const getLabelFromFieldOptions = (fields2) => (name, value) => {
+  const field = fields2.find((f2) => f2.name === name);
+  if (!field) return;
+  const option = field.options.find((o) => o.value === value);
+  if (!option) return;
+  return option.label;
+};
+const updateChips$1 = (fields2, filter2, term) => {
+  const newChips = [];
+  if (term.length) {
+    newChips.push(...term.map((value) => ({ name: "term", value })));
+  }
+  const valueToChip = (name, value) => {
+    const label = getLabelFromFieldOptions(fields2)(name, value);
+    return { name, value, label };
+  };
+  for (const name in filter2) {
+    const value = filter2[name];
+    if (name === "tab") continue;
+    if (name === "date") {
+      newChips.push({ name, value: parseDateChipLabel(value) });
+      continue;
+    }
+    if (name === "sorted") {
+      const [orderBy, sortedBy] = value;
+      newChips.push({ name, value: parseSortedChipLabel(orderBy, sortedBy) });
+      continue;
+    }
+    if (name === "trackingCode" && value === true) {
+      newChips.push({ name, value: "orders.filter.presets.options.pending_tracking_codes" });
+      continue;
+    }
+    if (name === "giftmax" && value === true) {
+      newChips.push({ name, value: "orders.filter.options.more.giftmax" });
+      continue;
+    }
+    if (Array.isArray(value)) {
+      newChips.push(...value.map((v) => valueToChip(name, v)));
+    } else {
+      newChips.push(valueToChip(name, value));
+    }
+  }
+  chips.value = newChips;
+};
+const onRemoveChip$1 = (chip, filter2, term) => {
+  if (chip.name === "term") {
+    return { ...filter2, term: term.filter((t2) => t2 !== chip.value), page: 1 };
+  }
+  if (chip.name === "date") {
+    return { ...filter2, date: void 0, page: 1 };
+  }
+  if (chip.name === "sorted") {
+    return { ...filter2, sorted: void 0, page: 1 };
+  }
+  const newFilter = {};
+  const value = filter2[chip.name];
+  if (Array.isArray(value)) {
+    newFilter[chip.name] = value.filter((v) => v !== chip.value);
+  } else {
+    newFilter[chip.name] = void 0;
+  }
+  return { ...filter2, ...newFilter, page: 1, term };
+};
+const _hoisted_1$d = {
+  "data-test": "antifraud-alert",
+  class: "flex md:!flex-row flex-col w-full justify-between gap-4"
+};
+const __default__$h = { name: "OrdersNotificationsAntifraudAlert" };
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
+  setup(__props) {
+    const REDIRECT_URL = "https://apps.shopify.com/appmax-antifraude?locale=pt-BR&st_source=autocomplete";
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$d, [
+        createVNode(unref(y), { "data-test": "antifraud-alert-message" }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.$t("orders.notification.antifraud.alert.message")), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(unref($), {
+          size: "small",
+          severity: "warn",
+          class: "!min-w-fit !h-fit !whitespace-nowrap !w-fit",
+          href: REDIRECT_URL,
+          target: "_blank",
+          "data-test": "antifraud-alert-button",
+          label: _ctx.$t("orders.notification.antifraud.alert.button")
+        }, null, 8, ["label"])
+      ]);
+    };
+  }
+});
+const { addAlert } = useAlertsStore();
+const { checkTransparencyModal } = useOrdersNotification();
+const ordersState = reactive({
+  loading: true,
+  isInitialized: false,
+  error: false,
+  orders: [],
+  pageSize: 0,
+  fields: [],
+  term: [],
+  page: 1,
+  presets: [],
+  more: [],
+  isSearchDisabled: true,
+  hasNextPage: false,
+  tab: 0
+});
+const filter = ref({});
+const updateChips = () => updateChips$1(ordersState.fields, filter.value, ordersState.term);
+const queryFilter = useQueryFilter({
+  fields: [],
+  onChange: async (newFilter) => {
+    const { term, page, ...rest } = newFilter;
+    ordersState.term = Array.isArray(term) ? term : [];
+    ordersState.page = Number(page) || 1;
+    ordersState.tab = Number(rest.tab) || 0;
+    filter.value = rest;
+    updateChips();
+    return getOrders();
+  }
+});
+const initializeQueryFilter = async () => {
+  queryFilter.configFields([
+    ...ordersState.fields.map((field) => ({ name: field.name, valueType: field.valueType })),
+    { name: "term", valueType: "string[]" },
+    { name: "page", valueType: "number" },
+    { name: "sorted", valueType: "string[]" },
+    { name: "tab", valueType: "number" },
+    { name: "trackingCode", valueType: "boolean" },
+    { name: "giftmax", valueType: "boolean" }
+  ]);
+  return queryFilter.syncFilter();
+};
+const getOrders = async () => {
+  if (!ordersState.isInitialized) return;
+  try {
+    ordersState.loading = true;
+    ordersState.error = false;
+    const ordersFilter = getOrdersFilter();
+    const result = await ordersService.getOrders(ordersFilter);
+    ordersState.orders = result.orders;
+    ordersState.pageSize = result.pageSize;
+    ordersState.hasNextPage = result.hasNextPage;
+    ordersState.isSearchDisabled = !result.elasticEnabled;
+    ordersNotificationState.elasticDisabled = !result.elasticEnabled;
+    ordersNotificationState.shopifyAntifraudMissing = result.shopifyAntifraudMissing;
+    checkTransparencyModal(result.orders);
+    if (ordersNotificationState.elasticDisabled) {
+      addAlert({
+        name: "elasticDisabled",
+        severity: "warning",
+        description: computed(() => t("orders.notification.elastic.message")).value,
+        onlyRoutes: ["orders.home"]
+      });
+    }
+    if (ordersNotificationState.shopifyAntifraudMissing) {
+      addAlert({
+        name: "shopifyAntifraudMissing",
+        severity: "warning",
+        component: toRaw(_sfc_main$j),
+        onlyRoutes: ["orders.home"]
+      });
+    }
+  } catch (error) {
+    if (error instanceof CanceledError) return;
+    ordersState.error = true;
+  } finally {
+    ordersState.loading = false;
+  }
+};
+const initialize$2 = async () => {
+  try {
+    await loadRemoteOrdersStatusPtBR();
+    const [fields2, filters] = await Promise.all([
+      ordersService.getFields(),
+      ordersService.getPresetFilters()
+    ]);
+    ordersState.fields = fields2;
+    ordersState.presets = filters.presets;
+    ordersState.more = filters.more;
+    ordersState.isInitialized = true;
+    return initializeQueryFilter();
+  } catch {
+    ordersState.error = true;
+  }
+};
+const onSearch = (search) => {
+  if (search.length < 3) return;
+  const term = ordersState.term.concat(search);
+  queryFilter.set({ ...filter.value, term, page: 1 });
+};
+const onChangePage = (page) => {
+  if (page === ordersState.page) return;
+  queryFilter.set({ ...filter.value, page, term: ordersState.term });
+};
+const onChangeFilter = (newFilter, tab) => {
+  if (isEqualObj(newFilter, filter.value)) return;
+  queryFilter.set({ ...newFilter, page: 1, term: ordersState.term, tab });
+};
+const getOrdersFilter = () => {
+  return {
+    ...filter.value,
+    term: ordersState.term || void 0,
+    page: ordersState.page
+  };
+};
+const onSort = (sorted) => {
+  queryFilter.set({ ...filter.value, sorted, page: 1, term: ordersState.term });
+};
+const onRemoveChip = (chip) => {
+  const newFilter = onRemoveChip$1(chip, filter.value, ordersState.term);
+  queryFilter.set(newFilter);
+};
+const showPagination = computed(() => {
+  if (ordersState.loading || ordersState.error) return false;
+  if (ordersState.isSearchDisabled) return true;
+  return ordersState.pageSize > 0;
+});
+const getOrderRouterLink = (order) => {
+  return {
+    name: "orders.details",
+    params: { hash: order.hash }
+  };
+};
+const translateIfKey = (label) => {
+  return typeof label === "string" && label.startsWith("orders.") ? t(label) : label;
+};
+const fields = computed(() => {
+  return ordersState.fields.map((field) => {
+    return {
+      ...field,
+      label: translateIfKey(field.label),
+      options: field.options.map((option) => {
+        return {
+          ...option,
+          label: translateIfKey(option.label)
+        };
+      })
+    };
+  });
+});
+const useOrdersFilter = () => {
+  return {
+    ...toRefs(ordersState),
+    fields,
+    filter,
+    getOrders,
+    onSearch,
+    onSort,
+    onChangePage,
+    onChangeFilter,
+    onRemoveChip,
+    initialize: initialize$2,
+    chips,
+    showPagination,
+    getOrderRouterLink
+  };
+};
+const __default__$g = { name: "OrdersTable" };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
+  setup(__props) {
+    const { orders, onSort: onSort2, filter: filter2, getOrderRouterLink: getOrderRouterLink2 } = useOrdersFilter();
+    const columns = [
+      {
+        id: "id",
+        header: t("orders.list.table.columns.id"),
+        getter: (order) => ({ text: order.id.toString() }),
+        className: "w-20"
+      },
+      {
+        id: "client",
+        header: t("orders.list.table.columns.client"),
+        getter: (order) => ({ title: order.name, text: order.email })
+      },
+      {
+        id: "date",
+        header: t("orders.list.table.columns.date"),
+        getter: (order) => ({ title: order.formattedDate, text: order.formattedDateSince }),
+        sortable: true,
+        sortField: "id"
+      },
+      {
+        id: "payment",
+        header: t("orders.list.table.columns.payment"),
+        getter: (order) => ({
+          icon: order.paymentTypeIcon,
+          title: order.formattedTotal,
+          text: order.paymentTypeLabel,
+          giftmax: order.formatedGiftmax,
+          cashbackStatus: order.cashbackStatus,
+          cashbackStatusLabel: order.cashbackStatusLabel
+        }),
+        sortable: true,
+        sortField: "total"
+      },
+      {
+        id: "origin",
+        header: t("orders.list.table.columns.origin"),
+        getter: (order) => ({ icon: order.countryIcon, title: order.countryLabel, text: order.origin })
+      }
+    ];
+    const columnStatusPt = {
+      columnHeaderContent: {
+        class: "flex-row-reverse justify-end",
+        bodyCell: { "data-test": `orders-table-column-status` }
+      }
+    };
+    const sortOrder = computed(() => {
+      var _a;
+      switch ((_a = filter2.value.sorted) == null ? void 0 : _a[1]) {
+        case "asc":
+          return 1;
+        case "desc":
+          return -1;
+        default:
+          return 0;
+      }
+    });
+    const sortField = computed(() => {
+      var _a;
+      return (_a = filter2.value.sorted) == null ? void 0 : _a[0];
+    });
+    const handleSort = (event) => {
+      if (typeof event.sortField !== "string" || typeof event.sortOrder !== "number") return onSort2([]);
+      onSort2([event.sortField, event.sortOrder === 1 ? "asc" : "desc"]);
+    };
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createBlock(unref(script), {
+        value: unref(orders),
+        class: "min-w-full",
+        rowHover: "",
+        onSort: handleSort,
+        removableSort: "",
+        sortOrder: sortOrder.value,
+        sortField: sortField.value
+      }, {
+        default: withCtx(() => [
+          (openBlock(), createElementBlock(Fragment, null, renderList(columns, ({ id, className, header, getter, sortable, sortField: sortField2 }) => {
+            return createVNode(unref(script$1), {
+              key: id,
+              class: normalizeClass(className),
+              header,
+              sortable,
+              sortField: sortField2,
+              pt: { bodyCell: { "data-test": `orders-table-column-${id}`, class: "!p-0" } }
+            }, {
+              body: withCtx(({ data: order }) => [
+                createVNode(_component_router_link, {
+                  to: unref(getOrderRouterLink2)(order),
+                  class: "py-3 px-4 flex",
+                  "data-test": "order-link"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$k, mergeProps({ ref_for: true }, getter(order), { "data-test-prefix": id }), null, 16, ["data-test-prefix"])
+                  ]),
+                  _: 2
+                }, 1032, ["to"])
+              ]),
+              _: 2
+            }, 1032, ["class", "header", "sortable", "sortField", "pt"]);
+          }), 64)),
+          createVNode(unref(script$1), {
+            header: unref(t)("orders.list.table.columns.status"),
+            pt: columnStatusPt,
+            class: "w-20"
+          }, {
+            body: withCtx(({ data: order }) => [
+              createVNode(unref(_sfc_main$l), {
+                status: order.status,
+                "order-id": order.id
+              }, null, 8, ["status", "order-id"])
+            ]),
+            header: withCtx(() => [
+              createVNode(unref(H), {
+                tooltipPosition: "top",
+                tooltipText: unref(t)("orders.list.table.helper"),
+                color: "surface-300",
+                size: "sm"
+              }, null, 8, ["tooltipText"])
+            ]),
+            _: 1
+          }, 8, ["header"])
+        ]),
+        _: 1
+      }, 8, ["value", "sortOrder", "sortField"]);
+    };
+  }
+});
+const _hoisted_1$c = { class: "grid gap-4 w-full" };
+const _hoisted_2$5 = { class: "space-y-4" };
+const _hoisted_3$1 = { class: "grid sm:flex justify-between gap-4" };
+const __default__$f = { name: "OrdersTableMobile" };
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
+  setup(__props) {
+    const { orders, getOrderRouterLink: getOrderRouterLink2 } = useOrdersFilter();
+    return (_ctx, _cache) => {
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", _hoisted_1$c, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(orders), (order) => {
+          return openBlock(), createBlock(_component_router_link, {
+            key: order.id,
+            "data-test": "order-link",
+            to: unref(getOrderRouterLink2)(order)
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(script$2), null, {
+                header: withCtx(() => [
+                  createVNode(_sfc_main$k, {
+                    title: `#${order.id}`,
+                    "data-test-prefix": "order-mobile-id"
+                  }, null, 8, ["title"])
+                ]),
+                default: withCtx(() => [
+                  createBaseVNode("div", _hoisted_2$5, [
+                    createVNode(_sfc_main$k, {
+                      text: order.formattedDate,
+                      "data-test-prefix": "date"
+                    }, null, 8, ["text"]),
+                    createBaseVNode("div", _hoisted_3$1, [
+                      createVNode(_sfc_main$k, {
+                        title: order.name,
+                        text: order.email,
+                        "data-test-prefix": "client"
+                      }, null, 8, ["title", "text"]),
+                      createVNode(_sfc_main$k, {
+                        icon: order.paymentTypeIcon,
+                        title: order.formattedTotal,
+                        text: order.paymentTypeLabel,
+                        giftmax: order.formatedGiftmax,
+                        "data-test-prefix": "payment"
+                      }, null, 8, ["icon", "title", "text", "giftmax"])
+                    ]),
+                    createVNode(_sfc_main$k, {
+                      icon: order.countryIcon,
+                      title: order.countryLabel,
+                      text: order.origin,
+                      "data-test-prefix": "origin"
+                    }, null, 8, ["icon", "title", "text"]),
+                    createVNode(unref(_sfc_main$l), {
+                      status: order.status,
+                      orderId: order.id
+                    }, null, 8, ["status", "orderId"])
+                  ])
+                ]),
+                _: 2
+              }, 1024)
+            ]),
+            _: 2
+          }, 1032, ["to"]);
+        }), 128))
+      ]);
+    };
+  }
+});
+const _hoisted_1$b = { class: "text-center pb-11" };
+const __default__$e = { name: "OrdersListError" };
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
+  setup(__props) {
+    const { getOrders: getOrders2 } = useOrdersFilter();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [
+        createVNode(_sfc_main$m, {
+          iconName: "refresh",
+          title: _ctx.$t("orders.list.feedbackErrorTitle"),
+          text: _ctx.$t("orders.list.feedbackErrorText"),
+          class: "max-w-[400px] m-auto my-8"
+        }, null, 8, ["title", "text"]),
+        createVNode(unref($), {
+          icon: "refresh",
+          size: "small",
+          onClick: unref(getOrders2),
+          outlined: ""
+        }, {
+          default: withCtx(() => _cache[0] || (_cache[0] = [
+            createTextVNode("Tentar novamente")
+          ])),
+          _: 1
+        }, 8, ["onClick"])
+      ]);
+    };
+  }
+});
+const _hoisted_1$a = { class: "w-full overflow-x-auto" };
+const __default__$d = { name: "OrdersList" };
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
+  setup(__props) {
+    const isDesktopSize = useBreakpoint("desktop");
+    const { loading, error, orders } = useOrdersFilter();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [
+        unref(error) ? (openBlock(), createBlock(_sfc_main$g, { key: 0 })) : unref(loading) ? (openBlock(), createBlock(unref(C), {
+          key: 1,
+          isLoading: "",
+          class: "m-auto my-36"
+        })) : !unref(orders).length ? (openBlock(), createBlock(_sfc_main$m, {
+          key: 2,
+          iconName: "folder",
+          title: _ctx.$t("orders.list.feedbackEmptyTitle"),
+          text: _ctx.$t("orders.list.feedbackEmptyText"),
+          class: "max-w-[400px] m-auto my-8"
+        }, null, 8, ["title", "text"])) : (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+          unref(isDesktopSize) ? (openBlock(), createBlock(_sfc_main$i, { key: 0 })) : (openBlock(), createBlock(_sfc_main$h, { key: 1 }))
+        ], 64))
+      ]);
+    };
+  }
+});
+const parseJson = (json) => {
+  try {
+    return JSON.parse(json);
+  } catch {
+    return null;
+  }
+};
+class OrdersReintegrateService {
+  constructor(apiService) {
+    this.apiService = apiService;
+  }
+  async getData() {
+    const emptyData = {
+      has: false,
+      isRunning: false,
+      uuid: "",
+      quantity: 0,
+      updatedAt: "",
+      disabled: true
+    };
+    try {
+      const has = await this.has();
+      if (!has) return { ...emptyData, has };
+      const { isRunning, uuid, disabled } = await this.checkStatus();
+      const { quantity, updatedAt } = await this.getLastAttempt();
+      return { has, disabled, isRunning, uuid, quantity, updatedAt };
+    } catch (error) {
+      console.error(error);
+      return emptyData;
+    }
+  }
+  async reintegrateAll() {
+    try {
+      const route = "/api/orders/reintegrate";
+      const payload = { ordersHashs: [] };
+      await this.apiService.post(route, payload);
+      const uuid = await this.getUUID();
+      return { uuid, error: false };
+    } catch (error) {
+      console.error(error);
+      return { uuid: "", error: true };
+    }
+  }
+  async checkStatus() {
+    try {
+      const route = "/api/orders/check-reintegrate";
+      const { data } = await this.apiService.get(route);
+      const { is_running, uuid, is_employee } = data.data;
+      return {
+        isRunning: is_running,
+        uuid: uuid || "",
+        disabled: !!is_employee
+      };
+    } catch (error) {
+      return {
+        isRunning: false,
+        uuid: "",
+        disabled: true
+      };
+    }
+  }
+  async getLastAttempt() {
+    try {
+      const route = "/api/orders/get-total-reintegrate-last-attempt";
+      const { data } = await this.apiService.get(route);
+      const message = parseJson(data.data.message);
+      const quantity = Number(message == null ? void 0 : message.ini_orders_pending_integration_quantity) || 0;
+      const { updated_at: updatedAt } = data.data;
+      return { quantity, updatedAt: formatAttempDate(updatedAt) };
+    } catch (error) {
+      return { quantity: 0, updatedAt: "" };
+    }
+  }
+  async getUUID() {
+    try {
+      const route = "/api/orders/get-pusher-uuid";
+      const { data } = await this.apiService.get(route);
+      return data.data || "";
+    } catch (error) {
+      return "";
+    }
+  }
+  async has() {
+    try {
+      const route = "/api/order-statuses/exists-pending-integration";
+      const response = await this.apiService.get(route);
+      return response.data.data.exists;
+    } catch (error) {
+      return false;
+    }
+  }
+}
+const ordersReintegrateService = new OrdersReintegrateService(ApiService);
+const pusher_key = "13180f6f668fb558d0c1";
+const PUSHER_CLUSTER = "mt1";
+const PUSHER_EVENT = "notify.order-integrated";
+class OrdersPendingIntegratePusher {
+  constructor() {
+    __publicField(this, "pusher");
+    this.pusher = new Pusher(pusher_key, { cluster: PUSHER_CLUSTER });
+  }
+  on(uuid, callback) {
+    this.subscribe(uuid, PUSHER_EVENT, (data) => {
+      try {
+        callback(data);
+      } catch {
+      }
+    });
+  }
+  off(channel) {
+    this.unsubscribe(channel);
+  }
+  subscribe(channel, event, callback) {
+    this.pusher.subscribe(channel).bind(event, callback);
+  }
+  unsubscribe(channel) {
+    this.pusher.unsubscribe(channel);
+  }
+}
+const ordersPendingIntegratePusher = new OrdersPendingIntegratePusher();
+const initialized = ref(false);
+const state$1 = reactive({
+  has: false,
+  isRunning: false,
+  uuid: "",
+  quantity: 0,
+  updatedAt: "",
+  disabled: true
+});
+const listenReintegrateProcess = async () => {
+  if (!state$1.uuid) return;
+  state$1.disabled = true;
+  ordersPendingIntegratePusher.on(state$1.uuid, (data) => {
+    var _a;
+    const quantity = Number((_a = data == null ? void 0 : data.message) == null ? void 0 : _a.orders_integrateds) || 0;
+    if (!quantity) return;
+    state$1.quantity = quantity;
+    state$1.updatedAt = (/* @__PURE__ */ new Date()).toISOString().replace(/T/, " às ").replace(/\..*/, "");
+    state$1.isRunning = false;
+    toaster.success({
+      title: t("orders.notification.reintegrate.feedback.successTitle"),
+      message: t("orders.notification.reintegrate.feedback.successTitle", { quantity })
+    });
+  });
+};
+const runReintegrate = async () => {
+  try {
+    state$1.isRunning = true;
+    const { uuid, error } = await ordersReintegrateService.reintegrateAll();
+    if (!uuid || error) {
+      throw new Error("Error reintegrating orders");
+    }
+    state$1.uuid = uuid;
+    listenReintegrateProcess();
+  } catch (error) {
+    console.error("Reintegrate error:", error);
+    state$1.isRunning = false;
+    toaster.error("Erro ao reintegrar pedidos");
+  }
+};
+const initialize$1 = async () => {
+  try {
+    initialized.value = true;
+    const data = await ordersReintegrateService.getData();
+    Object.assign(state$1, data);
+    if (state$1.isRunning) {
+      return listenReintegrateProcess();
+    }
+  } catch {
+    state$1.has = false;
+    state$1.disabled = true;
+  }
+};
+const useOrdersReintegrate = () => {
+  if (!initialized.value) initialize$1();
+  return {
+    ...toRefs(state$1),
+    show: computed(() => {
+      var _a, _b;
+      return state$1.has && !!((_b = (_a = filter.value) == null ? void 0 : _a.status) == null ? void 0 : _b.includes("pendente_integracao"));
+    }),
+    runReintegrate,
+    initialize: initialize$1
+  };
+};
+const _hoisted_1$9 = { class: "flex flex-col gap-6" };
+const _hoisted_2$4 = { class: "flex gap-6" };
+const __default__$c = { name: "OrdersNotificationsAntifraud" };
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
+  setup(__props) {
+    const showModal = ref(true);
+    const APPMAX_LOGO = "https://admin.appmax.com.br/assets/admin/img/positive-appmax-logo.svg?v=20250212";
+    const REDIRECT_URL = "https://apps.shopify.com/appmax-antifraude?locale=pt-BR&st_source=autocomplete";
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script$3), {
+        visible: showModal.value,
+        "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => showModal.value = $event),
+        modal: "",
+        header: _ctx.$t("orders.notification.antifraud.modal.header"),
+        class: "max-w-lg w-[90%]"
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1$9, [
+            createVNode(unref(y), {
+              variant: "subtitle",
+              class: "text-muted-color-emphasis",
+              "data-test": "antifraud-modal-header-subtitle"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("orders.notification.antifraud.modal.subtitle")), 1)
+              ]),
+              _: 1
+            }),
+            createBaseVNode("div", _hoisted_2$4, [
+              createBaseVNode("img", {
+                alt: "Logo AppMax",
+                src: APPMAX_LOGO,
+                class: "object-contain",
+                "data-test": "antifraud-modal-logo"
+              }),
+              createBaseVNode("div", null, [
+                createVNode(unref(y), {
+                  variant: "subtitle",
+                  isStrong: "",
+                  "data-test": "antifraud-modal-title"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.$t("orders.notification.antifraud.modal.title")), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(y), { "data-test": "antifraud-modal-text" }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(_ctx.$t("orders.notification.antifraud.modal.text")), 1)
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            createVNode(unref($), {
+              size: "small",
+              href: REDIRECT_URL,
+              target: "_blank",
+              label: _ctx.$t("orders.notification.antifraud.modal.button"),
+              class: "self-end",
+              "data-test": "antifraud-modal-button"
+            }, null, 8, ["label"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "header"]);
+    };
+  }
+});
+const _hoisted_1$8 = { class: "flex flex-col gap-6" };
+const _hoisted_2$3 = { class: "d-flex justify-center gap-3" };
+const __default__$b = { name: "OrdersNotificationsReintegrate" };
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
+  setup(__props) {
+    const { runReintegrate: runReintegrate2, isRunning, quantity, updatedAt, disabled } = useOrdersReintegrate();
+    const showModal = ref(false);
+    const openModal = () => showModal.value = true;
+    const closeModal = () => showModal.value = false;
+    const handleConfirm = () => {
+      closeModal();
+      runReintegrate2();
+    };
+    const HELPER_HREF = "https://help.appmax.com.br/pt-br/central-de-ajuda/como-resolver-pendentes-de-integra%C3%A7%C3%A3o";
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(R), {
+          title: _ctx.$t("orders.notification.reintegrate.title"),
+          dataTestPrefix: "reintegrate"
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(y), null, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("orders.notification.reintegrate.message")) + " ", 1),
+                createBaseVNode("a", {
+                  href: HELPER_HREF,
+                  target: "_blank",
+                  class: "font-bold"
+                }, toDisplayString(_ctx.$t("orders.notification.reintegrate.link")), 1)
+              ]),
+              _: 1
+            }),
+            unref(updatedAt) ? (openBlock(), createBlock(unref(y), {
+              key: 0,
+              class: "mt-2"
+            }, {
+              default: withCtx(() => [
+                createBaseVNode("span", null, toDisplayString(_ctx.$t("orders.notification.reintegrate.updatedAt", { updatedAt: unref(updatedAt) })), 1),
+                createBaseVNode("strong", null, toDisplayString(_ctx.$t("orders.notification.reintegrate.quantity", { quantity: unref(quantity) })), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ]),
+          action: withCtx(() => [
+            unref(isRunning) ? (openBlock(), createBlock(unref($), {
+              key: 0,
+              size: "small",
+              severity: "warn",
+              disabled: "",
+              "data-test": "reintegrate-notification-running-button"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_), {
+                  variant: "material",
+                  icon: "progress_activity",
+                  size: "md",
+                  class: "animate-spin",
+                  "data-test": "reintegrate-notification-running-icon"
+                }),
+                createTextVNode(" " + toDisplayString(_ctx.$t("orders.notification.reintegrate.running")), 1)
+              ]),
+              _: 1
+            })) : (openBlock(), createBlock(unref($), {
+              key: 1,
+              size: "small",
+              severity: "warn",
+              disabled: unref(disabled),
+              "data-test": "reintegrate-notification-button",
+              onClick: openModal
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_), {
+                  variant: "material",
+                  icon: "refresh",
+                  size: "md",
+                  "data-test": "reintegrate-notification-icon"
+                }),
+                createTextVNode(" " + toDisplayString(_ctx.$t("orders.notification.reintegrate.button")), 1)
+              ]),
+              _: 1
+            }, 8, ["disabled"]))
+          ]),
+          _: 1
+        }, 8, ["title"]),
+        createVNode(unref(script$3), {
+          visible: showModal.value,
+          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => showModal.value = $event),
+          modal: "",
+          header: _ctx.$t("orders.notification.reintegrate.dialogHeader"),
+          class: "max-w-md w-[90%]"
+        }, {
+          default: withCtx(() => [
+            createBaseVNode("div", _hoisted_1$8, [
+              createVNode(unref(y), {
+                variant: "subtitle",
+                "data-test": "reintegrate-dialog-text"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.$t("orders.notification.reintegrate.confirm")), 1)
+                ]),
+                _: 1
+              }),
+              createBaseVNode("div", _hoisted_2$3, [
+                createVNode(unref($), {
+                  size: "small",
+                  outlined: "",
+                  fluid: "",
+                  label: _ctx.$t("orders.notification.reintegrate.no"),
+                  "data-test": "reintegrate-dialog-no-button",
+                  onClick: closeModal
+                }, null, 8, ["label"]),
+                createVNode(unref($), {
+                  size: "small",
+                  fluid: "",
+                  label: _ctx.$t("orders.notification.reintegrate.yes"),
+                  "data-test": "reintegrate-dialog-yes-button",
+                  onClick: handleConfirm
+                }, null, 8, ["label"])
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["visible", "header"])
+      ], 64);
+    };
+  }
+});
+const _hoisted_1$7 = { class: "list-disc list-inside mt-2 space-y-1" };
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  ...{ name: "TransparencyAntifraudModal" },
+  __name: "TransparencyAntifraudModal",
+  setup(__props) {
+    const { assignTransparencyModalInteraction: assignTransparencyModalInteraction2, showTransparencyModal } = useOrdersNotification();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script$3), {
+        visible: unref(showTransparencyModal),
+        "onUpdate:visible": [
+          _cache[0] || (_cache[0] = ($event) => isRef(showTransparencyModal) ? showTransparencyModal.value = $event : null),
+          unref(assignTransparencyModalInteraction2)
+        ],
+        modal: "",
+        header: _ctx.$t("orders.transparency.header"),
+        class: "max-w-lg w-[90%]",
+        "pt:title": "!w-full !text-center",
+        "pt:content": "!grid !gap-4"
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(script$2), {
+            class: "!bg-surface-200 !border-surface-300",
+            "pt:content": "!pb-0",
+            "pt:header": "!hidden"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(script$2), {
+                class: "!pointer-events-none !rounded-none !border-0",
+                "pt:headeractions": "!hidden",
+                "pt:header": "pb-3"
+              }, {
+                header: withCtx(() => [
+                  createVNode(OrderStatusChip, {
+                    status: "recusado_por_risco",
+                    type: "danger",
+                    label: _ctx.$t("orders.status.recusado_por_risco.label")
+                  }, null, 8, ["label"]),
+                  createVNode(unref(f), { icon: "close" })
+                ]),
+                default: withCtx(() => [
+                  createVNode(unref(y), null, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("orders.status.recusado_por_risco.text")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref($), {
+                    outlined: "",
+                    size: "small",
+                    class: "!text-primary mt-4",
+                    label: _ctx.$t("orders.status.linkLabel")
+                  }, null, 8, ["label"]),
+                  createVNode(unref(script$4)),
+                  createVNode(unref(y), { class: "rounded bg-surface-200 w-fit px-2 py-1" }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(_ctx.$t("orders.status.refusal")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createBaseVNode("ul", _hoisted_1$7, [
+                    createVNode(unref(y), { as: "li" }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.$t("orders.transparency.refusalExemples.phone")), 1)
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(y), { as: "li" }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(_ctx.$t("orders.transparency.refusalExemples.email")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          createVNode(unref(y), {
+            variant: "title",
+            size: "small",
+            isStrong: "",
+            class: "w-full text-center",
+            "data-test": "transparency-antifraud-subtitle"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("orders.transparency.subtitle")), 1)
+            ]),
+            _: 1
+          }),
+          createVNode(unref(y), {
+            variant: "subtitle",
+            class: "w-full text-center",
+            "data-test": "transparency-antifraud-description"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t("orders.transparency.description")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["visible", "header", "onUpdate:visible"]);
+    };
+  }
+});
+const __default__$a = { name: "OrdersNotifications" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
+  setup(__props) {
+    const { shopifyAntifraudMissing, showTransparencyModal } = useOrdersNotification();
+    const { show: showOrdersReintegrate } = useOrdersReintegrate();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        unref(showTransparencyModal) ? (openBlock(), createBlock(_sfc_main$c, { key: 0 })) : createCommentVNode("", true),
+        unref(shopifyAntifraudMissing) ? (openBlock(), createBlock(_sfc_main$e, { key: 1 })) : createCommentVNode("", true),
+        unref(showOrdersReintegrate) ? (openBlock(), createBlock(_sfc_main$d, { key: 2 })) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+class OrdersExportService {
+  constructor(apiService) {
+    this.apiService = apiService;
+  }
+  async sendOrdersToExport(emails, filter2) {
+    const route = "/api/orders/export-orders";
+    const payload = this.serializePayload(emails, filter2);
+    return this.apiService.post(route, payload);
+  }
+  serializePayload(emails, filter2) {
+    const params = filterToParams(filter2);
+    const payload = { emails };
+    for (const key in params) {
+      const value = params[key];
+      if (!value) continue;
+      if (/date/.test(key)) continue;
+      payload[key] = value;
+    }
+    if (params.date_from && params.date_to) {
+      payload["date"] = [params.date_from, params.date_to];
+    }
+    return payload;
+  }
+}
+const ordersExportService = new OrdersExportService(ApiService);
+const state = reactive({
+  email: "",
+  hasPermissionToExport: false,
+  isVisibleModal: false,
+  requestingExport: false
+});
+const EXPORT_ORDERS_PERMISSION = "admin:spa-orders.user-has-export-permission";
+const setModalVisibility = (value) => {
+  state.isVisibleModal = value;
+};
+const initialize = async () => {
+  var _a;
+  state.email = (_a = userService.data) == null ? void 0 : _a.user.email;
+  state.hasPermissionToExport = userService.hasPermission(EXPORT_ORDERS_PERMISSION);
+};
+const useOrdersExport = () => {
+  const emailSchema = z.object({
+    default: z.string().optional().transform(() => state.email),
+    opt1: z.string().optional().nullable().refine(
+      (value) => !value || value.trim() === "" || z.string().email().safeParse(value).success,
+      {
+        message: t("orders.filter.export.feedback.email")
+      }
+    ),
+    opt2: z.string().optional().nullable().refine(
+      (value) => !value || value.trim() === "" || z.string().email().safeParse(value).success,
+      {
+        message: t("orders.filter.export.feedback.email")
+      }
+    ),
+    opt3: z.string().optional().nullable().refine(
+      (value) => !value || value.trim() === "" || z.string().email().safeParse(value).success,
+      {
+        message: t("orders.filter.export.feedback.email")
+      }
+    )
+  });
+  const exportOrders = async (emails) => {
+    try {
+      state.requestingExport = true;
+      const { filter: filter2 } = useOrdersFilter();
+      await ordersExportService.sendOrdersToExport(emails, filter2.value);
+      toaster.success({
+        title: t("orders.filter.export.feedback.successTitle"),
+        message: t("orders.filter.export.feedback.successText")
+      });
+    } catch {
+      toaster.error({
+        title: t("orders.filter.export.feedback.errorTitle"),
+        message: t("orders.filter.export.feedback.errorText")
+      });
+    } finally {
+      setModalVisibility(false);
+      await delay();
+      state.requestingExport = false;
+    }
+  };
+  const formSubmit = ({ valid, values }) => {
+    if (!valid) return;
+    const emails = Object.values(values).filter(Boolean);
+    return exportOrders(emails);
+  };
+  initialize();
+  return {
+    ...toRefs(state),
+    formSubmit,
+    setModalVisibility,
+    emailSchema
+  };
+};
+const _hoisted_1$6 = { class: "flex gap-2 flex-wrap" };
+const __default__$9 = { name: "OrdersFilterChips" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
+  setup(__props) {
+    const { chips: chips2, onRemoveChip: onRemoveChip2 } = useOrdersFilter();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(chips2), (chip) => {
+          return openBlock(), createBlock(unref(b), {
+            removable: "",
+            onRemove: ($event) => unref(onRemoveChip2)(chip),
+            "data-test": "order-filter-chip"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.$t(chip.label || chip.value)), 1)
+            ]),
+            _: 2
+          }, 1032, ["onRemove"]);
+        }), 256))
+      ]);
+    };
+  }
+});
+const _hoisted_1$5 = {
+  key: 0,
+  class: "grid gap-4 w-full"
+};
+const __default__$8 = { name: "OrdersExportModal" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
+  setup(__props) {
+    const { formSubmit, isVisibleModal, requestingExport, emailSchema, email } = useOrdersExport();
+    const expanded = ref(false);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script$3), {
+        visible: unref(isVisibleModal),
+        "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => isRef(isVisibleModal) ? isVisibleModal.value = $event : null),
+        modal: "",
+        header: _ctx.$t("orders.filter.export.modal.title"),
+        class: "w-[90%] sm:!w-[500px]"
+      }, {
+        default: withCtx(() => [
+          unref(requestingExport) ? (openBlock(), createBlock(unref(C), {
+            key: 0,
+            "is-loading": "",
+            class: "absolute"
+          })) : createCommentVNode("", true),
+          createBaseVNode("div", {
+            class: normalizeClass(["grid gap-4", { invisible: unref(requestingExport) }])
+          }, [
+            createVNode(unref(y), {
+              class: "text-center",
+              variant: "subtitle",
+              "data-test": "orders-export-modal-subtitle"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(_ctx.$t("orders.filter.export.modal.text")) + " ", 1),
+                createBaseVNode("strong", null, toDisplayString(unref(email)), 1)
+              ]),
+              _: 1
+            }),
+            !expanded.value ? (openBlock(), createBlock(unref($), {
+              key: 0,
+              text: "",
+              "data-test": "orders-export-modal-expand-button",
+              onClick: _cache[0] || (_cache[0] = ($event) => expanded.value = true)
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_), { icon: "add" }),
+                createTextVNode(" " + toDisplayString(_ctx.$t("orders.filter.export.modal.add")), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            createVNode(unref(B), {
+              class: "grid gap-4 w-full",
+              autocomplete: "off",
+              schema: unref(emailSchema),
+              onSubmit: unref(formSubmit)
+            }, {
+              default: withCtx(($form) => [
+                expanded.value ? (openBlock(), createElementBlock("div", _hoisted_1$5, [
+                  createVNode(unref(B$1), {
+                    name: "opt1",
+                    "data-test-prefix": "orders-export-modal-email-input-opt1",
+                    placeholder: _ctx.$t("orders.filter.export.modal.placeholder"),
+                    autocomplete: "off"
+                  }, null, 8, ["placeholder"]),
+                  createVNode(unref(B$1), {
+                    name: "opt2",
+                    "data-test-prefix": "orders-export-modal-email-input-opt2",
+                    placeholder: _ctx.$t("orders.filter.export.modal.placeholder"),
+                    autocomplete: "off"
+                  }, null, 8, ["placeholder"]),
+                  createVNode(unref(B$1), {
+                    name: "opt3",
+                    "data-test-prefix": "orders-export-modal-email-input-opt3",
+                    placeholder: _ctx.$t("orders.filter.export.modal.placeholder"),
+                    autocomplete: "off"
+                  }, null, 8, ["placeholder"])
+                ])) : createCommentVNode("", true),
+                createVNode(unref($), {
+                  type: "submit",
+                  disabled: !$form.valid,
+                  label: _ctx.$t("orders.filter.export.modal.button"),
+                  "data-test": "orders-export-modal-submit-button"
+                }, null, 8, ["disabled", "label"])
+              ]),
+              _: 1
+            }, 8, ["schema", "onSubmit"])
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["visible", "header"]);
+    };
+  }
+});
+const __default__$7 = { name: "OrdersExport" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
+  setup(__props) {
+    const { setModalVisibility: setModalVisibility2 } = useOrdersExport();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref($), {
+          type: "button",
+          class: "min-w-[140px] w-full md:w-fit",
+          outlined: "",
+          "data-test": "order-export-button",
+          onClick: _cache[0] || (_cache[0] = ($event) => unref(setModalVisibility2)(true))
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(_), {
+              variant: "svg",
+              icon: "csv",
+              size: "md",
+              color: "primary-500"
+            }),
+            createTextVNode(" " + toDisplayString(_ctx.$t("orders.filter.export.button")), 1)
+          ]),
+          _: 1
+        }),
+        createVNode(_sfc_main$9)
+      ], 64);
+    };
+  }
+});
+const __default__$6 = { name: "OrdersFilterSearch" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
+  setup(__props) {
+    const { isSearchDisabled, onSearch: onSearch2 } = useOrdersFilter();
+    const search = ref("");
+    const showHelper = ref(false);
+    const handleSubmit = () => {
+      if (search.value.length < 3) {
+        showHelper.value = true;
+        return;
+      }
+      onSearch2(search.value);
+      search.value = "";
+      showHelper.value = false;
+    };
+    const isInvalid = computed(() => {
+      if (!search.value.length) return false;
+      return showHelper.value && search.value.length < 3;
+    });
+    const disabledSubmit = computed(
+      () => isSearchDisabled.value || isInvalid.value || !search.value.length
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        class: "grid w-full md:flex-1 gap-1",
+        onSubmit: withModifiers(handleSubmit, ["prevent"])
+      }, [
+        createVNode(unref(script$5), null, {
+          default: withCtx(() => [
+            createVNode(unref(script$6), {
+              modelValue: search.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+              class: "w-full",
+              name: "search",
+              invalid: isInvalid.value,
+              disabled: unref(isSearchDisabled),
+              "data-test": "sales-order-home-search-input",
+              placeholder: _ctx.$t("orders.filter.search.placeholder")
+            }, null, 8, ["modelValue", "invalid", "disabled", "placeholder"]),
+            createVNode(unref($), {
+              type: "submit",
+              disabled: disabledSubmit.value,
+              "data-test": "sales-order-home-search-button"
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_), { icon: "search" })
+              ]),
+              _: 1
+            }, 8, ["disabled"])
+          ]),
+          _: 1
+        }),
+        isInvalid.value ? (openBlock(), createBlock(unref(y), {
+          key: 0,
+          class: "text-error mt-1",
+          size: "small",
+          "data-test": "sales-order-home-search-error"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.$t("orders.filter.search.message")), 1)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 32);
+    };
+  }
+});
+const _hoisted_1$4 = { class: "flex items-center gap-1" };
+const __default__$5 = { name: "OrdersFilterOptions" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
+  setup(__props) {
+    const { filter: filter2, fields: fields2, onChangeFilter: onChangeFilter2 } = useOrdersFilter();
+    const visible = ref(false);
+    const openFilter = () => visible.value = true;
+    watch(
+      () => visible.value,
+      (newValue) => supportChatHelper.toggle(!newValue)
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref($), {
+          outlined: "",
+          class: "w-full md:w-fit min-w-[140px]",
+          "data-test": "order-list-toggle-filters-button",
+          onClick: openFilter
+        }, {
+          default: withCtx(() => [
+            createBaseVNode("div", _hoisted_1$4, [
+              createVNode(unref(_), { icon: "filter_list" }),
+              createBaseVNode("span", null, toDisplayString(_ctx.$t("orders.filter.options.button")), 1)
+            ])
+          ]),
+          _: 1
+        }),
+        createVNode(unref(ke), {
+          visible: visible.value,
+          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+          title: _ctx.$t("orders.filter.title"),
+          confirmButtonText: _ctx.$t("orders.filter.buttons.confirm"),
+          buttonClearText: _ctx.$t("orders.filter.buttons.clear"),
+          buttonApplyText: _ctx.$t("orders.filter.buttons.apply"),
+          fields: unref(fields2),
+          "model-value": unref(filter2),
+          "data-test-prefix": "orders-filter",
+          "onUpdate:modelValue": unref(onChangeFilter2)
+        }, null, 8, ["visible", "title", "confirmButtonText", "buttonClearText", "buttonApplyText", "fields", "model-value", "onUpdate:modelValue"])
+      ], 64);
+    };
+  }
+});
+const _hoisted_1$3 = { class: "flex flex-wrap items-start gap-2" };
+const __default__$4 = { name: "OrdersFilter" };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
+  setup(__props) {
+    const { hasPermissionToExport } = useOrdersExport();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("div", _hoisted_1$3, [
+          createVNode(_sfc_main$7),
+          createVNode(_sfc_main$6),
+          unref(hasPermissionToExport) ? (openBlock(), createBlock(_sfc_main$8, { key: 0 })) : createCommentVNode("", true)
+        ]),
+        createVNode(_sfc_main$a)
+      ], 64);
+    };
+  }
+});
+const __default__$3 = { name: "OrdersPresetsFilter" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
+  setup(__props) {
+    const { presets, onChangeFilter: onChangeFilter2, tab } = useOrdersFilter();
+    const { has: hasOrdersReintegrate } = useOrdersReintegrate();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script$7), {
+        value: unref(tab),
+        "data-test": "order-pages-tabs",
+        scrollable: ""
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(script$8), { "data-test": "order-pages-tab-list" }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(presets), (tab2, index) => {
+                return openBlock(), createBlock(unref(script$9), {
+                  key: tab2.id,
+                  value: index,
+                  class: "flex items-center justify-center gap-1 !p-3 flex-auto",
+                  "data-test": `order-pages-tab-button-${tab2.id}`,
+                  onClick: ($event) => unref(onChangeFilter2)(tab2.filter, index)
+                }, {
+                  default: withCtx(() => [
+                    tab2.id === "pending_integration" || tab2.id === "pending_tracking_codes" ? (openBlock(), createBlock(unref(_), {
+                      key: 0,
+                      icon: "warning",
+                      class: normalizeClass(unref(hasOrdersReintegrate) ? "text-warning-500" : "text-gray-500")
+                    }, null, 8, ["class"])) : createCommentVNode("", true),
+                    createVNode(unref(y), {
+                      class: "text-wrap",
+                      "data-test": `order-pages-tab-label-${tab2.id}`
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(t)(tab2.label)), 1)
+                      ]),
+                      _: 2
+                    }, 1032, ["data-test"])
+                  ]),
+                  _: 2
+                }, 1032, ["value", "data-test", "onClick"]);
+              }), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["value"]);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "flex items-center gap-1" };
+const _hoisted_2$2 = ["href", "data-test"];
+const _hoisted_3 = ["data-test", "onClick"];
+const __default__$2 = { name: "OrdersPresetsMore" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  setup(__props) {
+    const { more, onChangeFilter: onChangeFilter2 } = useOrdersFilter();
+    const menu = ref();
+    const toggle = (event) => {
+      var _a;
+      return (_a = menu.value) == null ? void 0 : _a.toggle(event);
+    };
+    const handleFilterClick = (filter2) => {
+      var _a;
+      onChangeFilter2(filter2, 0);
+      (_a = menu.value) == null ? void 0 : _a.hide();
+    };
+    return (_ctx, _cache) => {
+      return unref(more).length ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createVNode(unref($), {
+          class: "text-nowrap w-full md:w-fit min-w-[140px]",
+          outlined: "",
+          onClick: toggle,
+          "data-test": "order-pages-more-button"
+        }, {
+          default: withCtx(() => [
+            createBaseVNode("div", _hoisted_1$2, [
+              createBaseVNode("span", null, toDisplayString(unref(t)("orders.filter.presets.options.button")), 1),
+              createVNode(unref(_), { icon: "arrow_drop_down" })
+            ])
+          ]),
+          _: 1
+        }),
+        createVNode(unref(script$a), {
+          ref_key: "menu",
+          ref: menu,
+          model: unref(more),
+          popup: ""
+        }, {
+          item: withCtx(({ item }) => [
+            item.href ? (openBlock(), createElementBlock("a", {
+              key: 0,
+              href: item.href,
+              class: "px-4 py-3 flex min-w-[220px]",
+              "data-test": `order-pages-more-item-${item.label}`
+            }, toDisplayString(unref(t)(typeof item.label === "string" ? item.label : "")), 9, _hoisted_2$2)) : item.filter ? (openBlock(), createElementBlock("a", {
+              key: 1,
+              class: "px-4 py-3 flex min-w-[220px] cursor-pointer",
+              "data-test": `order-pages-more-item-${item.label}`,
+              onClick: ($event) => handleFilterClick(item.filter)
+            }, toDisplayString(unref(t)(typeof item.label === "string" ? item.label : "")), 9, _hoisted_3)) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["model"])
+      ], 64)) : createCommentVNode("", true);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "flex flex-col md:!flex-row gap-4 items-end w-full overflow-hidden" };
+const _hoisted_2$1 = { class: "w-full overflow-hidden" };
+const __default__$1 = { name: "OrdersPresets" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createBaseVNode("div", _hoisted_2$1, [
+          createVNode(_sfc_main$4)
+        ]),
+        createVNode(_sfc_main$3)
+      ]);
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "flex justify-between items-center gap-2"
+};
+const _hoisted_2 = { class: "flex gap-2" };
+const __default__ = { name: "OrdersPagination" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const { page, pageSize, hasNextPage, showPagination: showPagination2, onChangePage: onChangePage2 } = useOrdersFilter();
+    return (_ctx, _cache) => {
+      return unref(showPagination2) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        unref(pageSize) ? (openBlock(), createBlock(unref(y), { key: 0 }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("orders.list.pagination", { page: unref(page), pageSize: unref(pageSize) })), 1)
+          ]),
+          _: 1
+        })) : (openBlock(), createBlock(unref(y), { key: 1 }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("orders.list.currentPage", { page: unref(page) })), 1)
+          ]),
+          _: 1
+        })),
+        createBaseVNode("div", _hoisted_2, [
+          createVNode(unref(f), {
+            icon: "chevron_left",
+            disabled: unref(page) === 1,
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(onChangePage2)(unref(page) - 1))
+          }, null, 8, ["disabled"]),
+          createVNode(unref(f), {
+            icon: "chevron_right",
+            disabled: !unref(hasNextPage),
+            onClick: _cache[1] || (_cache[1] = ($event) => unref(onChangePage2)(unref(page) + 1))
+          }, null, 8, ["disabled"])
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Orders.page",
+  setup(__props) {
+    const { isInitialized, initialize: initialize2 } = useOrdersFilter();
+    onMounted(initialize2);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(AmCardV3, { class: "grid gap-4" }, {
+        default: withCtx(() => [
+          unref(isInitialized) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            createVNode(_sfc_main$2),
+            createVNode(_sfc_main$5),
+            createVNode(_sfc_main$b)
+          ], 64)) : createCommentVNode("", true),
+          createVNode(_sfc_main$f),
+          createVNode(_sfc_main$1)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};