appmax-client-vue3 5.0.4 → 5.0.5

package/dist/PaymentsLinks-pWcwjq8j.js

@@ -0,0 +1,675 @@
+import { r as ref, e as computed, g as createElementBlock, h as openBlock, j as createBaseVNode, k as createCommentVNode, F as Fragment, q as renderList, S as normalizeStyle, n as normalizeClass, v as createBlock, ar as resolveDynamicComponent, t as toDisplayString, i as createVNode, V as C, W as w, ap as t, _ as _export_sfc, c as useRouter, b as useRoute, d as useBreakpoint, u as useI18n, o as onMounted, l as unref, aY as M$1, w as withCtx, aR as D$1, K as script, p as _, y, m as createTextVNode, ag as h, $, aZ as Transition, C as w$1 } from "./main-QKrpDJDW.js";
+import { g } from "./ds-appmax-v330-ZpWcpIXA.js";
+import { d as dayjs } from "./dayjs.min-BxdZj4uP.js";
+import { c as currency } from "./currency-D1xrbYQj.js";
+import { a as api } from "./api-o9UeW2OM.js";
+import { s as script$1 } from "./index-BgpQvbJQ.js";
+import { A as AmCardV3 } from "./AmCardV3-DZb0ysAj.js";
+const R = { class: "am_flextable-v3" }, H = { class: "am_flextable-v3__row am_flextable-v3--header" }, O = ["data-th"], z = ["data-th"], D = ["data-th"], F = ["data-th"], I = {
+  key: 0,
+  class: "am_flextable-v3__loading"
+}, M = {
+  key: 1,
+  class: "am_flextable-v3__without_data"
+}, U = {
+  key: 2,
+  class: "text-center"
+}, re = {
+  __name: "AmFlexTable",
+  props: [
+    "headers",
+    "acceptComponentOnHeader",
+    "headerAlign",
+    "items",
+    "bodyAlign",
+    "withPagination",
+    "itemsPerPage",
+    "leftSlotEnable",
+    "rightTopSlotEnable",
+    "rightBottomSlotEnable",
+    "leftSlotAlign",
+    "rightTopSlotAlign",
+    "rightBottomSlotAlign",
+    "isLoading",
+    "totalItems"
+  ],
+  emits: [
+    "update:handleCurrentPageChange"
+  ],
+  setup(e, { emit: A }) {
+    const k = A, u = ref(1), {
+      headers: j,
+      acceptComponentOnHeader: q,
+      headerAlign: G,
+      items: J,
+      bodyAlign: K,
+      withPagination: Q,
+      itemsPerPage: y2,
+      leftSlotEnable: W,
+      rightTopSlotEnable: X,
+      rightBottomSlotEnable: Y,
+      leftSlotAlign: Z,
+      rightTopSlotAlign: p,
+      rightBottomSlotAlign: ee,
+      isLoading: te,
+      totalItems: T
+    } = e, w$12 = computed(() => y2 === -1 ? 1 : Math.ceil(T / y2));
+    function E(f) {
+      k("update:handleCurrentPageChange", f);
+    }
+    return (f, b) => (openBlock(), createElementBlock("div", null, [
+      createBaseVNode("table", R, [
+        createBaseVNode("tr", H, [
+          e.acceptComponentOnHeader ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(e.headers, (t2, n) => (openBlock(), createElementBlock("th", {
+            key: n,
+            class: normalizeClass(`am_flextable-v3__row__cell text-${e.headerAlign}`),
+            style: normalizeStyle(t2.styles)
+          }, [
+            (openBlock(), createBlock(resolveDynamicComponent(t2.componentToRender), {
+              style: normalizeStyle(t2.styles),
+              class: normalizeClass(t2.className || "")
+            }, null, 8, ["style", "class"]))
+          ], 6))), 128)) : (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(e.headers, (t2, n) => (openBlock(), createElementBlock("th", {
+            key: n,
+            class: normalizeClass(`am_flextable-v3__row__cell text-${e.headerAlign}`)
+          }, toDisplayString(t2), 3))), 128))
+        ]),
+        !e.isLoading && e.items.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(e.items, (t2, n) => {
+          var S, _2, x;
+          return openBlock(), createElementBlock("tr", {
+            key: n,
+            "data-th": e.leftSlotEnable ? e.headers && e.headers[n + 1] : e.headers && e.headers[n],
+            style: normalizeStyle(t2.styles),
+            class: normalizeClass(`am_flextable-v3__row ${t2.className} am_flextable-v3--body`)
+          }, [
+            e.leftSlotEnable ? (openBlock(), createElementBlock("td", {
+              key: 0,
+              "data-th": e.headers && e.headers[0],
+              class: "am_flextable-v3__row__cell am_flextable-v3__row__cell--left_slot"
+            }, [
+              (openBlock(), createBlock(resolveDynamicComponent((S = t2 == null ? void 0 : t2.leftSlot) == null ? void 0 : S.componentToRender), {
+                style: normalizeStyle(t2.leftSlot.styles),
+                class: normalizeClass(t2.leftSlot.className)
+              }, null, 8, ["style", "class"]))
+            ], 8, z)) : createCommentVNode("", true),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(t2.data, (c, B) => (openBlock(), createElementBlock("td", {
+              key: B,
+              style: normalizeStyle(c.styles),
+              class: normalizeClass(`
+            ${c.className} 
+            am_flextable-v3__row__cell 
+            text-${e.leftSlotAlign}
+            ${e.leftSlotEnable && "am_flextable-v3__row__cell--spaced"}
+          `)
+            }, [
+              (openBlock(), createBlock(resolveDynamicComponent(c.componentToRender), {
+                class: normalizeClass(`${c.className} 
+              text-${e.bodyAlign}`)
+              }, null, 8, ["class"]))
+            ], 6))), 128)),
+            e.rightBottomSlotEnable ? (openBlock(), createElementBlock("td", {
+              key: 1,
+              "data-th": e.rightTopSlotEnable ? e.headers[e.headers.length - 3] : e.headers[e.headers.length - 2],
+              class: "am_flextable-v3__row__cell am_flextable-v3__row__cell--right_bottom_slot"
+            }, [
+              (openBlock(), createBlock(resolveDynamicComponent(t2.rightBottomSlot.componentToRender), {
+                style: normalizeStyle((_2 = t2 == null ? void 0 : t2.rightBottomSlot) == null ? void 0 : _2.styles),
+                class: normalizeClass(`${t2.rightBottomSlot.className} text-${e.rightTopSlotAlign}`)
+              }, null, 8, ["style", "class"]))
+            ], 8, D)) : createCommentVNode("", true),
+            e.rightTopSlotEnable ? (openBlock(), createElementBlock("td", {
+              key: 2,
+              class: "am_flextable-v3__row__cell am_flextable-v3__row__cell--right_top_slot",
+              "data-th": e.headers[e.headers.length - 2]
+            }, [
+              (openBlock(), createBlock(resolveDynamicComponent(t2.rightTopSlot.componentToRender), {
+                style: normalizeStyle(t2.rightTopSlot.styles || ""),
+                class: normalizeClass(`
+              ${((x = t2 == null ? void 0 : t2.rightBottomSlot) == null ? void 0 : x.className) || ""} 
+              text-${e.rightBottomSlotAlign}
+            `)
+              }, null, 8, ["style", "class"]))
+            ], 8, F)) : createCommentVNode("", true)
+          ], 14, O);
+        }), 128)) : createCommentVNode("", true)
+      ]),
+      e.isLoading ? (openBlock(), createElementBlock("div", I, [
+        createVNode(C, { isLoading: true })
+      ])) : createCommentVNode("", true),
+      e.items.length ? createCommentVNode("", true) : (openBlock(), createElementBlock("div", M, [
+        createVNode(w, {
+          text: "Não há dados disponíveis",
+          typographyStyle: "l6"
+        })
+      ])),
+      e.withPagination ? (openBlock(), createElementBlock("div", U, [
+        createVNode(g, {
+          modelValue: u.value,
+          "onUpdate:modelValue": b[0] || (b[0] = (t2) => u.value = t2),
+          class: "flextable-pagination",
+          length: w$12.value,
+          onInputClick: E
+        }, null, 8, ["modelValue", "length"])
+      ])) : createCommentVNode("", true)
+    ]));
+  }
+};
+const parseDetails = (item) => {
+  const {
+    company_name: company,
+    name,
+    description,
+    is_info: isInfo,
+    payments,
+    quantity_fee_transfer_from_installment: feeTransfer,
+    bundle_installments: installments
+  } = item;
+  const hasCreditCard = payments.includes("Cartão de Crédito");
+  return {
+    company,
+    name,
+    description,
+    isInfo: isInfo ? t("list.detailmodal.yes") : t("list.detailmodal.no"),
+    payments: payments.replaceAll(",", ", "),
+    installments: getInstallmentsText(installments, hasCreditCard),
+    feeTransfer: getFeeTransferText(feeTransfer, hasCreditCard)
+  };
+};
+const getInstallmentsText = (installments, hasCreditCard) => {
+  if (!hasCreditCard) return "";
+  if (installments === 1) return t("list.detailmodal.installmentsValueSingular");
+  if (installments > 1) return t("list.detailmodal.installmentsValuePlural", { installments });
+  return "";
+};
+const getFeeTransferText = (feeTransfer, hasCreditCard) => {
+  if (!hasCreditCard) return "";
+  if (feeTransfer === 0) return t("list.detailmodal.no");
+  if (feeTransfer === 12) return t("list.detailmodal.feeTransferValueAll");
+  if (feeTransfer > 0 || feeTransfer < 12)
+    return t("list.detailmodal.feeTransferValueYes", { feeTransfer });
+  return "";
+};
+const _hoisted_1$2 = { class: "alert_container" };
+const _hoisted_2$1 = {
+  key: 1,
+  class: "flex flex-col h-full justify-between"
+};
+const _hoisted_3 = { class: "modal_content" };
+const _hoisted_4 = { class: "modal_content__buttons" };
+const _hoisted_5 = { class: "font-bold" };
+const _sfc_main$2 = {
+  __name: "LinksList",
+  setup(__props) {
+    const router = useRouter();
+    const route = useRoute();
+    const isDesktop = useBreakpoint("desktop");
+    const { t: t2 } = useI18n();
+    const menu = ref();
+    const detailModalVisible = ref(false);
+    const detailsToShow = ref({});
+    const menuItems = ref([]);
+    const showMenu = (event2, item) => {
+      menuItems.value = [
+        {
+          label: t2("list.menu.delete"),
+          icon: "delete",
+          command: () => onClickDelete(item)
+        },
+        {
+          label: t2("list.menu.details"),
+          icon: "visibility",
+          command: () => viewDetails(item)
+        }
+      ];
+      menu.value.show(event2);
+    };
+    const viewDetails = (item) => {
+      detailsToShow.value = parseDetails(item);
+      detailModalVisible.value = true;
+    };
+    const clearModalItem = () => {
+      detailsToShow.value = {};
+    };
+    const currentPage = ref(1);
+    const content = ref();
+    const selectedToDelete = ref();
+    const modalVisible = ref(false);
+    const showAlert = ref(false);
+    const loading = ref(false);
+    const initialLoading = ref(true);
+    const alert = ref({
+      type: "",
+      title: "",
+      description: ""
+    });
+    const headers = [
+      "Nome do produto",
+      "Acréscimo de parcelamento",
+      "Criado em",
+      "Valor",
+      "Link",
+      "Ações"
+    ];
+    const pageCount = computed(() => {
+      var _a, _b, _c;
+      if (((_a = content == null ? void 0 : content.value) == null ? void 0 : _a.per_page) === -1) {
+        return 1;
+      }
+      return Math.ceil(((_b = content == null ? void 0 : content.value) == null ? void 0 : _b.total) / ((_c = content == null ? void 0 : content.value) == null ? void 0 : _c.per_page));
+    });
+    function defaultTextProps(weight = "normal") {
+      return {
+        typographyStyle: "l6",
+        textColor: "text80",
+        weight
+      };
+    }
+    function toggleModalVisible() {
+      modalVisible.value = !modalVisible.value;
+    }
+    function createTableRow(data) {
+      return {
+        rightTopSlot: {
+          componentToRender: () => h(D$1, {
+            variant: "maxGhost",
+            icon: {
+              name: "more_vert",
+              size: "small",
+              position: "withLeftIcon",
+              color: "#9B6AFA"
+            },
+            size: "iconMedium",
+            onClick: () => showMenu(event, data)
+          }),
+          styles: "width: 45px;"
+        },
+        data: [
+          {
+            id: 1,
+            componentToRender: isDesktop ? h(w, {
+              text: data.name,
+              ...defaultTextProps()
+            }) : h(w, {
+              text: data.name,
+              ...defaultTextProps("medium")
+            })
+          },
+          {
+            id: 2,
+            componentToRender: isDesktop ? h(w, {
+              text: data.fee_transfer_from_installment,
+              ...defaultTextProps()
+            }) : h(w, {
+              text: data.fee_transfer_from_installment,
+              ...defaultTextProps("medium")
+            })
+          },
+          {
+            id: 3,
+            componentToRender: isDesktop ? h(w, {
+              text: dayjs(data.created_at).format("DD/MM/YYYY"),
+              ...defaultTextProps()
+            }) : h(w, {
+              text: `Criado em ${dayjs(data.created_at).format(
+                "DD/MM/YYYY"
+              )}`,
+              ...defaultTextProps()
+            })
+          },
+          {
+            id: 4,
+            componentToRender: isDesktop ? h(w, {
+              text: `${currency.format(data.price)}`,
+              ...defaultTextProps()
+            }) : h(w, {
+              text: `Valor: ${currency.format(data.price)}`,
+              ...defaultTextProps()
+            })
+          },
+          {
+            id: 5,
+            componentToRender: () => h(D$1, {
+              label: "Copiar link",
+              icon: {
+                name: "copy_all",
+                size: "small"
+              },
+              size: "medium",
+              variant: "maxGhost",
+              onClick: () => {
+                copyToClipboard(data == null ? void 0 : data.checkout_link);
+              }
+            })
+          }
+        ]
+      };
+    }
+    async function copyToClipboard(value) {
+      if (navigator.clipboard && navigator.clipboard.writeText) {
+        try {
+          await navigator.clipboard.writeText(value);
+          createAlert("success", t2("list.toasts.copySuccess"));
+          triggerAlert();
+        } catch (err) {
+          createAlert("error", t2("list.toasts.copyError"));
+          triggerAlert();
+        }
+      }
+      copyToClipboardFallback(value);
+    }
+    function copyToClipboardFallback(value) {
+      const input = document.createElement("input");
+      input.value = value;
+      document.body.appendChild(input);
+      input.select();
+      document.execCommand("copy");
+      document.body.removeChild(input);
+      createAlert("success", t2("list.toasts.copySuccess"));
+      triggerAlert();
+    }
+    function createAlert(type, description) {
+      alert.value.type = type;
+      alert.value.description = description;
+    }
+    function triggerAlert() {
+      showAlert.value = true;
+      setTimeout(() => {
+        showAlert.value = false;
+      }, 3e3);
+    }
+    function populateTable(value) {
+      var _a;
+      const rawObject = { ...(_a = value == null ? void 0 : value._rawValue) == null ? void 0 : _a.data };
+      const { current_page, per_page, total, data } = rawObject;
+      const links = [];
+      data.forEach((el) => {
+        links.push(createTableRow(el));
+      });
+      content.value = {
+        current_page,
+        per_page,
+        total,
+        data: links
+      };
+    }
+    async function deleteLink(item) {
+      loading.value = true;
+      toggleModalVisible();
+      try {
+        await api.delete(item.product_id);
+        getLinks(currentPage.value);
+        createAlert("success", `O link de pagamentos ${item == null ? void 0 : item.name} foi excluido`);
+        triggerAlert();
+      } catch (error) {
+        createAlert("error", t2("list.toasts.deleteError"));
+        triggerAlert();
+      } finally {
+        loading.value = false;
+      }
+    }
+    function checkIfHasPreviousData(value) {
+      var _a;
+      const rawObject = { ...value == null ? void 0 : value._rawValue };
+      if (((_a = rawObject == null ? void 0 : rawObject.data) == null ? void 0 : _a.length) === 0 && currentPage.value >= 2) {
+        currentPage.value -= 1;
+        getLinks(currentPage.value);
+      }
+    }
+    async function getLinks(page = 1) {
+      loading.value = true;
+      try {
+        const { data } = await api.get(page);
+        content.value = data;
+        populateTable(content);
+        checkIfHasPreviousData(content);
+      } catch (error) {
+        console.error(error);
+      } finally {
+        loading.value = false;
+        initialLoading.value = false;
+      }
+    }
+    function onClickDelete(item) {
+      selectedToDelete.value = item;
+      toggleModalVisible();
+    }
+    function onPageChange(item) {
+      currentPage.value = item;
+      getLinks(item);
+    }
+    async function showToastFromCreate() {
+      var _a;
+      await router.isReady();
+      const createParam = Boolean((_a = route.query) == null ? void 0 : _a.create);
+      if (createParam) {
+        createAlert("success", t2("form.linkCreatedSuccesfully"));
+        triggerAlert();
+      }
+    }
+    onMounted(() => {
+      showToastFromCreate();
+      getLinks(currentPage.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createBaseVNode("div", _hoisted_1$2, [
+          showAlert.value ? (openBlock(), createBlock(unref(M$1), {
+            key: 0,
+            type: alert.value.type,
+            title: alert.value.title,
+            description: alert.value.description,
+            size: _ctx.md,
+            closable: true
+          }, null, 8, ["type", "title", "description", "size"])) : createCommentVNode("", true)
+        ]),
+        initialLoading.value ? (openBlock(), createBlock(unref(C), {
+          key: 0,
+          "loading-type": "spinner",
+          class: "payment-links-loading",
+          "is-loading": ""
+        })) : createCommentVNode("", true),
+        content.value ? (openBlock(), createElementBlock("div", _hoisted_2$1, [
+          createVNode(unref(re), {
+            headers,
+            headerAlign: "left",
+            items: content.value.data,
+            "items-per-page": content.value.per_page,
+            "right-top-slot-enable": true,
+            "is-loading": loading.value,
+            "total-items": content.value.total
+          }, null, 8, ["items", "items-per-page", "is-loading", "total-items"]),
+          createVNode(unref(g), {
+            modelValue: currentPage.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => currentPage.value = $event),
+            length: pageCount.value,
+            onInputClick: _cache[1] || (_cache[1] = ($event) => onPageChange($event))
+          }, null, 8, ["modelValue", "length"])
+        ])) : createCommentVNode("", true),
+        createVNode(unref(script), {
+          visible: modalVisible.value,
+          "onUpdate:visible": _cache[3] || (_cache[3] = ($event) => modalVisible.value = $event),
+          header: unref(t2)("list.modal.title"),
+          modal: "",
+          dismissableMask: "",
+          class: "w-[90%] max-w-[567px]"
+        }, {
+          default: withCtx(() => {
+            var _a;
+            return [
+              createBaseVNode("div", _hoisted_3, [
+                createVNode(unref(w), {
+                  text: `${unref(t2)("list.modal.description")} ${(_a = selectedToDelete.value) == null ? void 0 : _a.name}?`,
+                  "typography-style": "l6"
+                }, null, 8, ["text"]),
+                createBaseVNode("div", _hoisted_4, [
+                  createVNode(unref(D$1), {
+                    label: unref(t2)("list.modal.buttonAccept"),
+                    variant: "maxOutlined",
+                    onClick: _cache[2] || (_cache[2] = ($event) => deleteLink(selectedToDelete.value))
+                  }, null, 8, ["label"]),
+                  createVNode(unref(D$1), {
+                    label: unref(t2)("list.modal.buttonRefuse"),
+                    onClick: toggleModalVisible
+                  }, null, 8, ["label"])
+                ])
+              ])
+            ];
+          }),
+          _: 1
+        }, 8, ["visible", "header"]),
+        createVNode(unref(script$1), {
+          id: "overlay_menu",
+          ref_key: "menu",
+          ref: menu,
+          model: menuItems.value,
+          popup: ""
+        }, {
+          itemicon: withCtx(({ item }) => [
+            createVNode(unref(_), {
+              icon: item.icon
+            }, null, 8, ["icon"])
+          ]),
+          _: 1
+        }, 8, ["model"]),
+        createVNode(unref(script), {
+          visible: detailModalVisible.value,
+          "onUpdate:visible": _cache[4] || (_cache[4] = ($event) => detailModalVisible.value = $event),
+          header: _ctx.$t("list.detailmodal.header"),
+          modal: "",
+          dismissableMask: "",
+          class: "w-[90%] max-w-[567px]",
+          onAfterHide: clearModalItem
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(detailsToShow.value, (value, key) => {
+              return openBlock(), createElementBlock(Fragment, { key }, [
+                value ? (openBlock(), createBlock(unref(y), {
+                  key: 0,
+                  class: "mb-2"
+                }, {
+                  default: withCtx(() => [
+                    createBaseVNode("span", _hoisted_5, toDisplayString(_ctx.$t(`list.detailmodal.${key}`)), 1),
+                    createTextVNode(" " + toDisplayString(value), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : createCommentVNode("", true)
+              ], 64);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["visible", "header"])
+      ], 64);
+    };
+  }
+};
+const LinksList = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-3309b0e6"]]);
+const _hoisted_1$1 = { class: "initial-payment-link" };
+const _hoisted_2 = { class: "initial-payment-link__button" };
+const _sfc_main$1 = {
+  __name: "InitialPaymentLink",
+  setup(__props) {
+    const { t: t2 } = useI18n();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        _cache[0] || (_cache[0] = createBaseVNode("div", { class: "mb-5" }, [
+          createBaseVNode("svg", {
+            width: "120",
+            height: "121",
+            viewBox: "0 0 120 121",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [
+            createBaseVNode("circle", {
+              cx: "60",
+              cy: "60.5",
+              r: "60",
+              fill: "#F4F4F4"
+            }),
+            createBaseVNode("path", {
+              d: "M65.5988 50.6202H73.2521C77.1455 50.6202 80.7188 53.2335 81.4655 57.0735C82.2921 61.4469 79.4921 65.3669 75.5454 66.3535L79.6255 70.4335C84.3454 68.0069 87.4921 62.9135 86.8254 57.0735C86.0788 50.2469 79.9188 45.2869 73.0388 45.2869H65.5988C64.1321 45.2869 62.9321 46.4869 62.9321 47.9535C62.9321 49.4202 64.1321 50.6202 65.5988 50.6202ZM37.6254 35.9802C36.5854 34.9402 34.9054 34.9402 33.8654 35.9802C32.8254 37.0202 32.8254 38.7002 33.8654 39.7402L40.9054 46.7802C36.1854 49.2069 33.0388 54.3002 33.7054 60.1402C34.4521 66.9935 40.6121 71.9535 47.4921 71.9535H54.9321C56.3988 71.9535 57.5988 70.7535 57.5988 69.2869C57.5988 67.8202 56.3988 66.6202 54.9321 66.6202H47.2788C43.3855 66.6202 39.8121 64.0069 39.0655 60.1669C38.2388 55.7935 41.0654 51.8735 44.9854 50.8869L50.6388 56.5402C50.0255 57.0469 49.5988 57.7669 49.5988 58.6202C49.5988 60.0869 50.7988 61.2869 52.2654 61.2869H55.3855L79.1188 85.0202C80.1588 86.0602 81.8388 86.0602 82.8788 85.0202C83.9188 83.9802 83.9188 82.3002 82.8788 81.2602L37.6254 35.9802ZM65.5988 55.9535L70.1588 60.5135C70.6388 60.0335 70.9321 59.3669 70.9321 58.6202C70.9321 57.1535 69.7321 55.9535 68.2654 55.9535H65.5988Z",
+              fill: "#DDDDDD"
+            })
+          ])
+        ], -1)),
+        createVNode(unref(w), {
+          class: "initial-payment-link__title mb-5",
+          textColor: "gray",
+          text: unref(t2)("initial.description"),
+          typographyStyle: "l4",
+          weight: "bold",
+          "data-test": "test-initial-payment-link-title"
+        }, null, 8, ["text"]),
+        createBaseVNode("div", _hoisted_2, [
+          createVNode(unref(D$1), {
+            label: unref(t2)("list.createLink"),
+            icon: { name: "add", size: "small", position: "withLeftIcon" },
+            size: "large",
+            to: "payment-links-create",
+            variant: "maxPrimary",
+            "data-test": "test-initial-payment-link-button"
+          }, null, 8, ["label"])
+        ])
+      ]);
+    };
+  }
+};
+const InitialPaymentLink = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-e32ace4d"]]);
+const _hoisted_1 = {
+  key: 0,
+  class: "self-end w-full lg:!w-fit"
+};
+const _sfc_main = {
+  __name: "PaymentsLinks",
+  setup(__props) {
+    const { t: t2 } = useI18n();
+    const hasLink = ref(false);
+    const loading = ref(false);
+    async function hasPaymentLink() {
+      try {
+        loading.value = true;
+        const { data } = await api.hasPaymentLink();
+        hasLink.value = data.data;
+      } catch (error) {
+        console.error(error);
+      } finally {
+        loading.value = false;
+      }
+    }
+    onMounted(() => {
+      hasPaymentLink();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(Transition, { name: "fade" }, {
+          default: withCtx(() => [
+            !loading.value && hasLink.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+              createVNode(unref($), {
+                fluid: "",
+                label: unref(t2)("list.createLink"),
+                icon: "add",
+                size: "small",
+                to: { name: "paymentsLinks.create" }
+              }, null, 8, ["label"])
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }),
+        createVNode(AmCardV3, {
+          class: normalizeClass(["flex-1 flex flex-col", loading.value && "justify-center"])
+        }, {
+          default: withCtx(() => [
+            loading.value ? (openBlock(), createBlock(unref(w$1), {
+              key: 0,
+              "data-test": "steps-view-loading"
+            })) : hasLink.value ? (openBlock(), createBlock(LinksList, { key: 1 })) : !hasLink.value ? (openBlock(), createBlock(InitialPaymentLink, { key: 2 })) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 64);
+    };
+  }
+};
+const PaymentsLinks = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b0591da0"]]);
+export {
+  PaymentsLinks as default
+};

package/dist/QA-CZmcW85r-D9kVfcuM.js

@@ -0,0 +1,16 @@
+import { g as createElementBlock, h as openBlock, ci as createStaticVNode } from "./main-QKrpDJDW.js";
+const f = {
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 16 12"
+};
+function p(d, t) {
+  return openBlock(), createElementBlock("svg", f, t[0] || (t[0] = [
+    createStaticVNode('<g clip-path="url(#a)"><path fill="#fff" d="M0 0h16v12H0z"></path><path fill="#B61C49" d="M0 0h16v12H0z"></path><path fill="#F7FCFF" fill-rule="evenodd" d="M0 0h3.4L6 1 3.4 2 6 3 3.4 4 6 5 3.4 6 6 7 3.4 8 6 9l-2.6 1L6 11l-2.6 1H0z" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h16v12H0z"></path></clipPath></defs>', 2)
+  ]));
+}
+const i = { render: p };
+export {
+  i as default,
+  p as render
+};