appmax-client-vue3 5.3.0 → 5.4.0

package/dist/OrderStatus.vue_vue_type_script_setup_true_lang-Bn2cbExN.js

@@ -0,0 +1,760 @@
+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 { ad as defineComponent, g as createElementBlock, h as openBlock, q as createBlock, k as createCommentVNode, j as createBaseVNode, l as unref, P, y, w as withCtx, m as createTextVNode, t as toDisplayString, E as ApiService, ab as userService, ce as mergeModels, ae as useModel, r as ref, K as script, A as w, F as Fragment, i as createVNode, $, ay as script$1, p as renderList, e as computed, af as t, H as withModifiers } from "./main-B2MCvgMD.js";
+import { O as OrderStatusChip } from "./OrderStatusChip-C1J1ks-7.js";
+import { g as getTodayDate } from "./date-BKOoGpIP.js";
+const _hoisted_1$1 = { class: "flex items-center gap-2 min-w-0" };
+const _hoisted_2 = { class: "min-w-0 flex-1" };
+const __default__$1 = { name: "OrdersTableCell" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  props: {
+    icon: {},
+    title: {},
+    text: {},
+    dataTestPrefix: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        _ctx.icon ? (openBlock(), createBlock(unref(P), {
+          key: 0,
+          icon: _ctx.icon,
+          size: "2xl",
+          "data-test": `${_ctx.dataTestPrefix}-icon`
+        }, null, 8, ["icon", "data-test"])) : createCommentVNode("", true),
+        createBaseVNode("div", _hoisted_2, [
+          _ctx.title ? (openBlock(), createBlock(unref(y), {
+            key: 0,
+            "is-strong": "",
+            "data-test": `${_ctx.dataTestPrefix}-title`
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ]),
+            _: 1
+          }, 8, ["data-test"])) : createCommentVNode("", true),
+          _ctx.text ? (openBlock(), createBlock(unref(y), {
+            key: 1,
+            class: "text-surface-500",
+            "data-test": `${_ctx.dataTestPrefix}-text`
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.text), 1)
+            ]),
+            _: 1
+          }, 8, ["data-test"])) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+const formatToDateAndTimeBR = (isoDate) => {
+  return isoDate.replace(/(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2}).*/, "$3/$2/$1 $4:$5");
+};
+const MINUTE_IN_MS = 1e3 * 60;
+const HOUR_IN_MS = MINUTE_IN_MS * 60;
+const DAY_IN_MS = HOUR_IN_MS * 24;
+const MOUNTH_IN_MS = DAY_IN_MS * 30;
+const YEAR_IN_MS = DAY_IN_MS * 365;
+const formatTimeSinceBR = (isoDate) => {
+  const today = getTodayDate();
+  const date = new Date(isoDate);
+  const diff = today.getTime() - date.getTime();
+  if (diff < MINUTE_IN_MS) return "há poucos segundos";
+  if (diff < HOUR_IN_MS) {
+    const value2 = Math.floor(diff / (1e3 * 60));
+    if (value2 < 2) return "há um minuto";
+    return `há ${Math.floor(diff / (1e3 * 60))} minutos`;
+  }
+  if (diff < DAY_IN_MS) {
+    const value2 = Math.floor(diff / HOUR_IN_MS);
+    if (value2 < 2) return "há uma hora";
+    return `há ${Math.floor(diff / HOUR_IN_MS)} horas`;
+  }
+  if (diff < MOUNTH_IN_MS) {
+    const value2 = Math.floor(diff / DAY_IN_MS);
+    if (value2 < 2) return "há um dia";
+    return `há ${Math.floor(diff / DAY_IN_MS)} dias`;
+  }
+  if (diff < YEAR_IN_MS) {
+    const value2 = Math.floor(diff / MOUNTH_IN_MS);
+    if (value2 < 2) return "há um mês";
+    return `há ${Math.floor(diff / MOUNTH_IN_MS)} meses`;
+  }
+  const value = Math.floor(diff / YEAR_IN_MS);
+  if (value < 2) return "há um ano";
+  return `há ${Math.floor(diff / YEAR_IN_MS)} anos`;
+};
+const ordersStatusConfigEnUS = {
+  status: []
+};
+const normalizeKey = (name, payment) => {
+  const p = (payment || "").trim().toLowerCase();
+  if (name === "cancelado" && p === "pix") return "cancelado_pix";
+  if (name === "cancelado" && p === "boleto") return "cancelado_boleto";
+  return name;
+};
+new Map(
+  ordersStatusConfigEnUS.status.map((item) => [normalizeKey(item.name, item.payment || ""), item])
+);
+let ordersStatusConfigPtBR = {
+  status: []
+};
+let ordersStatusMapPtBR = new Map(
+  ordersStatusConfigPtBR.status.map((item) => [normalizeKey(item.name, item.payment || ""), item])
+);
+const getOrderStatusFromConfigPtBR = (statusKey) => {
+  if (statusKey === "cancelado") {
+    return {
+      name: "cancelado",
+      payment: "credit_card",
+      label: "Recusado pelo banco",
+      // Keep original label for individual orders
+      type: "danger",
+      text: "O banco emissor do cartão utilizado nesta compra não autorizou a transação. Por se tratar de uma decisão do próprio banco, não é possível reverter essa recusa.",
+      link: "https://help.appmax.com.br/pt-br/central-de-ajuda/status-de-pedido-na-appmax"
+    };
+  }
+  const found = ordersStatusMapPtBR.get(statusKey);
+  if (found) return found;
+  return null;
+};
+const loadRemoteOrdersStatusPtBR = async () => {
+  try {
+    const remote = await ordersStatusService.getAllStatusesPtBR();
+    ordersStatusConfigPtBR = { status: Array.isArray(remote.status) ? remote.status : [] };
+    ordersStatusMapPtBR = new Map(
+      ordersStatusConfigPtBR.status.map((item) => [normalizeKey(item.name, item.payment || ""), item])
+    );
+  } catch {
+  }
+};
+const countryField = {
+  name: "country",
+  label: "orders.filter.options.country",
+  component: "multiselect",
+  options: [],
+  valueType: "number[]"
+};
+const paymentTypesField = {
+  name: "paymentType",
+  label: "orders.filter.options.paymentTypes.title",
+  component: "select",
+  valueType: "string",
+  options: ["creditcard", "boleto", "pix"].map((value) => {
+    return {
+      value,
+      label: `orders.filter.options.paymentTypes.${value}`
+    };
+  })
+};
+const statusField = {
+  name: "status",
+  label: "orders.status.title",
+  component: "multiselect",
+  valueType: "string[]",
+  options: [
+    "autorizado",
+    "chargeback_vencido",
+    "chargeback",
+    "estornado",
+    "cancelado",
+    "cancelado_pix",
+    "aprovado",
+    "pendente",
+    "recusado_por_risco",
+    "pendente_integracao"
+  ].map((value) => {
+    const item = ordersStatusMapPtBR.get(value);
+    return {
+      value,
+      // Keep original values for frontend filtering
+      label: (item == null ? void 0 : item.label) ?? `orders.status.${value}.label`
+    };
+  })
+};
+const originField = {
+  name: "origin",
+  label: "orders.filter.options.origin.title",
+  component: "multiselect",
+  valueType: "string[]",
+  options: [
+    "site",
+    "appmarketing",
+    "api",
+    "subscription",
+    "appcheckout",
+    "sale_recovery_not_authorized",
+    "sale_recovery_cart_abandoned",
+    "sale_recovery_pix_abandoned"
+  ].map((value) => {
+    return {
+      value,
+      label: `orders.filter.options.origin.${value}`
+    };
+  })
+};
+const dateField = {
+  name: "date",
+  label: "orders.list.table.columns.date",
+  component: "date",
+  valueType: "date[]",
+  options: []
+};
+const dataTypeField = {
+  name: "dataType",
+  label: `orders.filter.options.dataTypes.title`,
+  component: "select",
+  valueType: "string",
+  options: ["created_at", "refunded_at"].map((value) => {
+    return {
+      value,
+      label: `orders.filter.options.dataTypes.${value}`
+    };
+  })
+};
+const COMMON_FIELDS = [
+  statusField,
+  paymentTypesField,
+  originField,
+  dateField,
+  dataTypeField
+];
+const INTERNATIONAL_PRESET_FILTER_ID = "international";
+const presetFilters = [
+  { id: "all", label: "orders.filter.presets.options.all", filter: {} },
+  {
+    id: "approved",
+    label: "orders.filter.presets.options.approved",
+    filter: { status: ["aprovado"] }
+  },
+  { id: "unpaid", label: "orders.filter.presets.options.unpaid", filter: { status: ["pendente"] } },
+  {
+    id: "refunds",
+    label: "orders.filter.presets.options.refunds",
+    filter: { status: ["estornado", "chargeback", "recusado_por_risco"] }
+  },
+  {
+    id: "sales_recovery",
+    label: "orders.filter.presets.options.salesRecovery",
+    filter: {
+      origin: ["appmarketing", "sale_recovery_not_authorized", "sale_recovery_cart_abandoned", "sale_recovery_pix_abandoned"]
+    }
+  },
+  { id: "pending_tracking_codes", label: "Códigos de rastreio pendentes", filter: { trackingCode: true } },
+  {
+    id: "chargeback_recovered",
+    label: "orders.filter.presets.options.chargeback_recovered",
+    filter: { status: ["chargeback_vencido"] }
+  },
+  {
+    id: INTERNATIONAL_PRESET_FILTER_ID,
+    label: "orders.filter.presets.options.international",
+    filter: { country: [] }
+  },
+  {
+    id: "pending_integration",
+    label: "orders.filter.presets.options.pending_integration",
+    filter: { status: ["pendente_integracao"] }
+  }
+];
+const internationalPresetIndex = presetFilters.findIndex(
+  ({ id }) => id === INTERNATIONAL_PRESET_FILTER_ID
+);
+const BR_CODE = 30;
+const filterToParams = (filter) => {
+  var _a, _b, _c, _d, _e, _f;
+  const date = (filter == null ? void 0 : filter.date) || [];
+  const sorted_by = ((_a = filter == null ? void 0 : filter.sorted) == null ? void 0 : _a[1]) === "asc" ? "asc" : "desc";
+  const order_by = ((_b = filter == null ? void 0 : filter.sorted) == null ? void 0 : _b[0]) || "id";
+  let status = ((_c = filter == null ? void 0 : filter.status) == null ? void 0 : _c.join(",")) || null;
+  let paymentType = (filter == null ? void 0 : filter.paymentType) || null;
+  if (filter == null ? void 0 : filter.status) {
+    const hasCancelado = filter.status.includes("cancelado");
+    const hasCanceladoPix = filter.status.includes("cancelado_pix");
+    if (hasCancelado || hasCanceladoPix) {
+      const cancelledStatuses = [];
+      if (hasCancelado) cancelledStatuses.push("cancelado");
+      if (hasCanceladoPix) cancelledStatuses.push("cancelado");
+      status = [...new Set(cancelledStatuses)].join(",");
+      if (hasCancelado && !hasCanceladoPix) {
+        paymentType = "creditcard";
+      } else if (hasCanceladoPix && !hasCancelado) {
+        paymentType = "pix";
+      } else {
+        paymentType = null;
+      }
+    }
+  }
+  return {
+    page: (filter == null ? void 0 : filter.page) || 1,
+    page_size: 10,
+    sorted_by,
+    order_by,
+    country: ((_d = filter == null ? void 0 : filter.country) == null ? void 0 : _d.join(",")) || null,
+    date_from: dateToIso(date[0]) || null,
+    date_to: dateToIso(date[1] || date[0]) || null,
+    data_type: (filter == null ? void 0 : filter.dataType) || null,
+    origin: ((_e = filter == null ? void 0 : filter.origin) == null ? void 0 : _e.join(",")) || null,
+    term: ((_f = filter == null ? void 0 : filter.term) == null ? void 0 : _f.join(",")) || null,
+    payment_type_collection: paymentType,
+    status,
+    pending_tracking_code: (filter == null ? void 0 : filter.trackingCode) ? true : null
+  };
+};
+const dateToIso = (date) => {
+  return date ? toDate(date).toISOString().replace(/T.*/, "") : "";
+};
+const formatCurrency = (value, currency = "BRL") => {
+  return value.toLocaleString("pt-br", { style: "currency", currency });
+};
+const walletToIcon = (wallet) => {
+  const type = wallet == null ? void 0 : wallet.type;
+  switch (type) {
+    case "applepay":
+      return "apple_pay";
+    default:
+      return "";
+  }
+};
+const paymentTypeToIcon = (order) => {
+  if (order.wallet) return walletToIcon(order.wallet);
+  switch (order.payment_type_collection) {
+    case "CreditCard":
+      return "credit_card";
+    case "Boleto":
+      return "barcode";
+    case "Pix":
+      return "pix";
+    default:
+      return "money";
+  }
+};
+const walletKindToLabel = (kind) => {
+  const kindMapper = {
+    credit: "Crédito",
+    debit: "Débito",
+    applepay: "Apple Pay"
+  };
+  return kindMapper[kind] || kind;
+};
+const paymentTypeToLabel = (order) => {
+  const {
+    wallet,
+    payment_type_collection: paymentType,
+    payment_type_collection_display_name: paymentTypeLabel
+  } = order;
+  if (wallet) return walletKindToLabel(wallet.kind);
+  return paymentType && paymentTypeLabel ? paymentTypeLabel : "";
+};
+const originToLabel = (order) => {
+  if (order.origin === "system") return "AppMarketing";
+  return order.origin_display_name || order.origin || "Site";
+};
+const toDate = (date) => {
+  const newDate = new Date(date);
+  const offset = newDate.getTimezoneOffset();
+  newDate.setMinutes(newDate.getMinutes() + offset);
+  return newDate;
+};
+const isoToDateBr = (date) => dateToIso(date).replace(/(\d+)-(\d+)-(\d+)/, "$3/$2/$1");
+const isSameDay = ([firstDate, lastDate]) => toDate(firstDate).getDate() === toDate(lastDate).getDate();
+const parseDateChipLabel = (value) => {
+  if (!value || !Array.isArray(value)) return "";
+  const [firstDate, lastDate] = value;
+  if (!firstDate) return "";
+  if (!lastDate) return isoToDateBr(firstDate);
+  if (isSameDay(value)) return isoToDateBr(firstDate);
+  return `${isoToDateBr(firstDate)} à ${isoToDateBr(lastDate)}`;
+};
+const parseSortedChipLabel = (field, sortedBy) => {
+  const names = { id: "Data", total: "Valor" };
+  const name = names[field] || field;
+  return `${name} | ${sortedBy === "asc" ? "Crescente" : "Decrescente"}`;
+};
+const formatAttempDate = (date) => {
+  return date.replace(/(\d{4})-(\d{2})-(\d{2}) (\d{2}):(\d{2}):(\d{2})/, "$3/$2/$1 às $4:$5");
+};
+const getOrderStatusData = (order) => {
+  if ("payment_type_collection" in order) {
+    return {
+      status_internal_name: order.status_internal_name,
+      payment_type: order.payment_type_collection
+    };
+  }
+  return {
+    status_internal_name: order.status_internal_name,
+    payment_type: order.payment_info.payment_type_internal_name
+  };
+};
+const mapOrderStatus = (order) => {
+  const { status_internal_name: status, payment_type: paymentType } = getOrderStatusData(order);
+  if (status === "cancelado" && paymentType === "Pix") {
+    return "cancelado_pix";
+  }
+  if (status === "cancelado" && paymentType === "Boleto") {
+    return "cancelado_boleto";
+  }
+  return status;
+};
+class OrdersService {
+  constructor(apiService, userService2) {
+    __publicField(this, "cache", {});
+    __publicField(this, "abortController", null);
+    this.apiService = apiService;
+    this.userService = userService2;
+  }
+  async getOrders(filter) {
+    const route = "api/orders";
+    const params = filterToParams(filter);
+    if (this.abortController) {
+      this.abortController.abort();
+    }
+    this.abortController = new AbortController();
+    const { signal } = this.abortController;
+    const { data } = await this.apiService.get(route, { params, signal });
+    return this.responseToResult(data);
+  }
+  async getFields() {
+    const commonFields = [...COMMON_FIELDS];
+    if (!this.isInternational()) return commonFields;
+    try {
+      const mountedCountryField = await this.getCountryField();
+      return [mountedCountryField, ...commonFields];
+    } catch {
+      return commonFields;
+    }
+  }
+  async getPresetFilters() {
+    return {
+      presets: await this.buildPresetFilters(),
+      more: await this.getMoreOptions()
+    };
+  }
+  async getReasonsByOrderId(orderId) {
+    const route = `api/orders/refusal-reasons/${orderId}`;
+    if (this.cache[route]) {
+      const { data: data2 } = await this.cache[route];
+      return data2.result.reasons || [];
+    }
+    this.cache[route] = this.apiService.get(route);
+    const { data } = await this.cache[route];
+    return data.result.reasons || [];
+  }
+  async buildPresetFilters() {
+    const nationalPresets = presetFilters.filter((_, index) => index !== internationalPresetIndex);
+    if (!this.isInternational()) return nationalPresets;
+    const filteredPreset = [...presetFilters];
+    try {
+      const countries = await this.getEnabledCountries();
+      filteredPreset[internationalPresetIndex].filter = {
+        country: countries.flatMap(({ id }) => id !== BR_CODE ? id : [])
+      };
+      return filteredPreset;
+    } catch {
+      return nationalPresets;
+    }
+  }
+  async getEnabledCountries() {
+    const route = "/api/dashboard/international/countries-enabled-international";
+    if (this.cache[route]) {
+      const { data: data2 } = await this.cache[route];
+      return data2.data;
+    }
+    this.cache[route] = this.apiService.get(route);
+    const { data } = await this.cache[route];
+    return data.data;
+  }
+  isInternational() {
+    var _a;
+    return !!((_a = this.userService.data) == null ? void 0 : _a.internationalFeatureAllowed);
+  }
+  async getMoreOptions() {
+    try {
+      const route = "/api/orders/more-options";
+      const result = await this.apiService.get(route);
+      const data = result.data.data;
+      const parsedData = Array.isArray(data) ? data : Object.values(data);
+      return parsedData.reduce((acc, item) => {
+        if (!item.hasPermission) return acc;
+        return [...acc, { label: `orders.filter.options.more.${item.name}`, href: item.route }];
+      }, []);
+    } catch {
+      return [];
+    }
+  }
+  async getCountryField() {
+    const data = await this.getEnabledCountries();
+    const options = data.map(({ name, id, currency_code }) => ({
+      label: name,
+      value: id,
+      code: currency_code
+    }));
+    return { ...countryField, options };
+  }
+  responseToResult({ data }) {
+    return {
+      page: data.current_page || 1,
+      hasNextPage: !!data.next_page_url,
+      pageSize: data.last_page || 0,
+      total: data.total || 0,
+      orders: data.data.map((order) => this.parseOrder(order)),
+      elasticEnabled: data.elastic_enabled,
+      shopifyAntifraudMissing: data.shopify_antifraud_missing
+    };
+  }
+  parseOrder(order) {
+    var _a, _b, _c, _d, _e, _f;
+    const currency = ((_b = (_a = order.order_international_info) == null ? void 0 : _a.currency) == null ? void 0 : _b.code) || "BRL";
+    const total = order.total || 0;
+    return {
+      id: order.id,
+      hash: order.hash,
+      currency,
+      countryLabel: ((_d = (_c = order.order_international_info) == null ? void 0 : _c.country) == null ? void 0 : _d.name) || "Brasil",
+      countryIcon: ((_f = (_e = order.order_international_info) == null ? void 0 : _e.country) == null ? void 0 : _f.code) || "BR",
+      origin: originToLabel(order),
+      date: order.created_at,
+      formattedDate: formatToDateAndTimeBR(order.created_at),
+      formattedDateSince: formatTimeSinceBR(order.created_at),
+      email: order.customer_info.email || "",
+      name: order.customer_info.fullname || "",
+      paymentTypeIcon: paymentTypeToIcon(order),
+      paymentTypeLabel: paymentTypeToLabel(order),
+      total,
+      formattedTotal: formatCurrency(total, currency),
+      status: mapOrderStatus(order)
+    };
+  }
+}
+const ORDERS_STATUS_PTBR_URL = "https://admin.appmax.com.br/assets/data/pt-BR/orders-status.json";
+const ORDERS_STATUS_ENUS_URL = "https://admin.appmax.com.br/assets/data/en-US/orders-status.json";
+const normalizeStatusKey = (name, payment) => {
+  if (name === "cancelado" && (payment || "").trim() === "pix") return "cancelado_pix";
+  return name;
+};
+class OrdersStatusService {
+  constructor(apiService, userService2) {
+    __publicField(this, "ordersStatusPtBrPromise", null);
+    __publicField(this, "ordersStatusPtBrMap", null);
+    this.apiService = apiService;
+    this.userService = userService2;
+  }
+  // Preload remote config in background (optional)
+  preloadPtBR() {
+    void this.getOrdersStatusConfigPtBR();
+  }
+  // Public: returns the full PT-BR config
+  async getAllStatusesPtBR() {
+    return this.getOrdersStatusConfigPtBR();
+  }
+  async getOrderStatusMetaPtBR(statusKey) {
+    const map = await this.getOrdersStatusMapPtBR();
+    const found = map.get(statusKey);
+    if (found) return found;
+    if (statusKey === "cancelado") {
+      const cc = [...map.values()].find((s) => s.name === "cancelado" && s.payment === "credit_card");
+      if (cc) return cc;
+    }
+    return null;
+  }
+  async getOrdersStatusMapPtBR() {
+    if (this.ordersStatusPtBrMap) return this.ordersStatusPtBrMap;
+    const config = await this.getOrdersStatusConfigPtBR();
+    this.ordersStatusPtBrMap = new Map(
+      (config.status || []).map((item) => [normalizeStatusKey(item.name, item.payment || ""), item])
+    );
+    return this.ordersStatusPtBrMap;
+  }
+  async getOrdersStatusConfigPtBR() {
+    if (!this.ordersStatusPtBrPromise) {
+      this.ordersStatusPtBrPromise = this.getOrdersStatusConfig();
+    }
+    return this.ordersStatusPtBrPromise;
+  }
+  async getOrdersStatusConfig() {
+    try {
+      const { user } = await this.userService.getData();
+      const url = user.locale === "pt-BR" ? ORDERS_STATUS_PTBR_URL : ORDERS_STATUS_ENUS_URL;
+      const { data } = await this.apiService.get(url);
+      return data;
+    } catch {
+      return { status: [] };
+    }
+  }
+}
+const createOrdersStatusService = (apiService, userService2) => new OrdersStatusService(apiService, userService2);
+let ordersService;
+let ordersStatusService;
+ordersService = new OrdersService(ApiService, userService);
+ordersStatusService = createOrdersStatusService(ApiService, userService);
+const getOrderRefusalReasons = async (orderId) => {
+  try {
+    const reasons = await ordersService.getReasonsByOrderId(orderId);
+    return reasons || [];
+  } catch {
+    return [];
+  }
+};
+const _hoisted_1 = { class: "list-disc list-inside mt-2 space-y-1" };
+const __default__ = { name: "OrderStatusModal" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: /* @__PURE__ */ mergeModels({
+    status: {},
+    text: {},
+    label: {},
+    link: {},
+    type: {},
+    orderId: {}
+  }, {
+    "modelValue": { default: false },
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const visible = useModel(__props, "modelValue");
+    const refusalReasons = ref([]);
+    const isLoading = ref(false);
+    const checkRefusalReasons = async () => {
+      if (__props.status !== "recusado_por_risco") return;
+      isLoading.value = true;
+      refusalReasons.value = await getOrderRefusalReasons(__props.orderId);
+      isLoading.value = false;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script), {
+        visible: visible.value,
+        "onUpdate:visible": _cache[1] || (_cache[1] = ($event) => visible.value = $event),
+        class: "max-w-md w-[90%]",
+        "pt:header": "!pb-2",
+        modal: "",
+        onShow: checkRefusalReasons,
+        onHide: _cache[2] || (_cache[2] = ($event) => refusalReasons.value = [])
+      }, {
+        header: withCtx(() => [
+          createVNode(OrderStatusChip, {
+            status: _ctx.status,
+            type: _ctx.type,
+            label: _ctx.label
+          }, null, 8, ["status", "type", "label"])
+        ]),
+        default: withCtx(() => {
+          var _a;
+          return [
+            isLoading.value ? (openBlock(), createBlock(unref(w), { key: 0 })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createVNode(unref(y), { "data-teste": "orders-status-modal-text" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(_ctx.text), 1)
+                ]),
+                _: 1
+              }),
+              _ctx.link ? (openBlock(), createBlock(unref($), {
+                key: 0,
+                outlined: "",
+                href: _ctx.link,
+                size: "small",
+                target: "_blank",
+                "data-teste": "orders-status-modal-link",
+                class: "!text-primary mt-4",
+                onClick: _cache[0] || (_cache[0] = ($event) => visible.value = false),
+                label: _ctx.$t("orders.status.linkLabel")
+              }, null, 8, ["href", "label"])) : createCommentVNode("", true),
+              ((_a = refusalReasons.value) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createVNode(unref(script$1)),
+                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, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(refusalReasons.value, (refusal) => {
+                    return openBlock(), createBlock(unref(y), { as: "li" }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(refusal), 1)
+                      ]),
+                      _: 2
+                    }, 1024);
+                  }), 256))
+                ])
+              ], 64)) : createCommentVNode("", true)
+            ], 64))
+          ];
+        }),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "OrderStatus" },
+  __name: "OrderStatus",
+  props: {
+    status: {},
+    orderId: {}
+  },
+  setup(__props) {
+    const show = ref(false);
+    const meta = computed(() => getOrderStatusFromConfigPtBR(__props.status));
+    const label = computed(() => {
+      var _a;
+      return ((_a = meta.value) == null ? void 0 : _a.label) ?? t(`orders.status.${__props.status}.label`, __props.status);
+    });
+    const link = computed(() => {
+      var _a;
+      return ((_a = meta.value) == null ? void 0 : _a.link) ?? t(`orders.status.${__props.status}.link`, "#");
+    });
+    const type = computed(() => {
+      var _a;
+      return ((_a = meta.value) == null ? void 0 : _a.type) ?? t(`orders.status.${__props.status}.type`, "neutral");
+    });
+    const text = computed(() => {
+      var _a;
+      return ((_a = meta.value) == null ? void 0 : _a.text) ?? t(`orders.status.${__props.status}.text`, "");
+    });
+    const openModal = () => {
+      if (!text.value) return;
+      show.value = true;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(OrderStatusChip, {
+          status: _ctx.status,
+          type: type.value,
+          label: label.value,
+          isClickable: "",
+          onClick: withModifiers(openModal, ["prevent", "stop"])
+        }, null, 8, ["status", "type", "label"]),
+        createVNode(_sfc_main$1, {
+          modelValue: show.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => show.value = $event),
+          status: _ctx.status,
+          label: label.value,
+          text: text.value,
+          link: link.value,
+          type: type.value,
+          orderId: _ctx.orderId
+        }, null, 8, ["modelValue", "status", "label", "text", "link", "type", "orderId"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main$2 as _,
+  parseSortedChipLabel as a,
+  _sfc_main as b,
+  filterToParams as c,
+  originToLabel as d,
+  paymentTypeToLabel as e,
+  formatAttempDate as f,
+  paymentTypeToIcon as g,
+  getOrderRefusalReasons as h,
+  loadRemoteOrdersStatusPtBR as l,
+  mapOrderStatus as m,
+  ordersService as o,
+  parseDateChipLabel as p,
+  walletToIcon as w
+};