appmax-client-vue3 5.0.4 → 5.0.6

package/dist/BankAccountList.page-CNeEpk4H.js

@@ -0,0 +1,331 @@
+import { az as toRefs, z as reactive, e as computed, aq as toaster, ap as t, ab as defineComponent, v as createBlock, h as openBlock, l as unref, H as f, w as withCtx, g as createElementBlock, i as createVNode, F as Fragment, q as renderList, n as normalizeClass, y, m as createTextVNode, t as toDisplayString, k as createCommentVNode, j as createBaseVNode, $, K as script$2, d as useBreakpoint, p as _, B as BANK_ACCOUNT_ROUTE_NAMES, a6 as renderSlot, o as onMounted, C as w } from "./main-ByGSHXk8.js";
+import { _ as _sfc_main$b, a as _sfc_main$c } from "./AmEmptyState.vue_vue_type_script_setup_true_lang-BDpMkjAR.js";
+import { a as script, s as script$1 } from "./index-C5SstnrR.js";
+import { m as marketplaceService } from "./index-BnmIJFy7.js";
+import { C } from "./index-fOdzX3fu.js";
+const state$1 = reactive({
+  isLoading: false,
+  error: false,
+  list: [],
+  page: 1,
+  pageSize: 1,
+  isEmpty: false
+});
+const fetchBankAccountList = async () => {
+  if (state$1.isLoading) return;
+  state$1.isLoading = true;
+  state$1.error = false;
+  try {
+    state$1.list = await marketplaceService.getAll();
+    state$1.isEmpty = state$1.list.length === 0;
+  } catch (error) {
+    state$1.error = true;
+    console.error("Error fetching bank account list:", error);
+  }
+  state$1.isLoading = false;
+};
+const initialize = async () => fetchBankAccountList();
+const onRefresh = async () => fetchBankAccountList();
+const useBankAccountList = () => {
+  return {
+    ...toRefs(state$1),
+    initialize,
+    onRefresh
+  };
+};
+const columns = [
+  { field: "companyName", header: "Empresa", align: "left" },
+  { field: "formatedDocument", header: "CNPJ/CPF", align: "left" },
+  { field: "pixKeyTypeName", header: "Tipo de chave", align: "center" },
+  { field: "pixKey", header: "Chave PIX", align: "center" }
+];
+const state = reactive({
+  isSubmitting: false,
+  bankAccount: null
+});
+const isOpened = computed(() => state.bankAccount !== null);
+const onDestroy = async (data) => {
+  state.bankAccount = data;
+};
+const onCancel = async () => {
+  state.bankAccount = null;
+  state.isSubmitting = false;
+};
+const onConfirm = async () => {
+  if (!state.bankAccount) return onCancel();
+  try {
+    state.isSubmitting = true;
+    await marketplaceService.destroy(state.bankAccount.id);
+    toaster.success(t("bankAccount.destroy.success"));
+    useBankAccountList().onRefresh();
+  } catch (error) {
+    console.error(error);
+    toaster.error(t("bankAccount.destroy.error"));
+  } finally {
+    state.bankAccount = null;
+    state.isSubmitting = false;
+  }
+};
+const useBankAccountDestroy = () => {
+  return {
+    ...toRefs(state),
+    isDestroyConfirmationOpen: isOpened,
+    onDestroy,
+    onCancel,
+    onConfirm
+  };
+};
+const __default__$7 = { name: "BankAccountActions" };
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
+  props: {
+    data: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { onDestroy: onDestroy2 } = useBankAccountDestroy();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(f), {
+        icon: "delete",
+        onClick: _cache[0] || (_cache[0] = ($event) => unref(onDestroy2)(props.data))
+      });
+    };
+  }
+});
+const __default__$6 = { name: "BankAccountListTable" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
+  setup(__props) {
+    const { list } = useBankAccountList();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script), {
+        class: "min-w-full",
+        value: unref(list)
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(columns), (col) => {
+            return openBlock(), createBlock(unref(script$1), {
+              key: col.field,
+              header: col.header,
+              class: normalizeClass(`text-${col.align}`),
+              pt: {
+                bodyCell: { class: `!p-0 text-${col.align}` },
+                columnHeaderContent: { class: `justify-${col.align}` }
+              }
+            }, {
+              body: withCtx(({ data }) => [
+                createVNode(unref(y), { class: "px-4 py-3 block" }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(data[col.field] || "—"), 1)
+                  ]),
+                  _: 2
+                }, 1024)
+              ]),
+              _: 2
+            }, 1032, ["header", "class", "pt"]);
+          }), 128)),
+          createVNode(unref(script$1), { pt: { bodyCell: { class: "!p-0 w-10" } } }, {
+            body: withCtx(({ data }) => [
+              createVNode(_sfc_main$a, { data }, null, 8, ["data"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["value"]);
+    };
+  }
+});
+const _hoisted_1$3 = { class: "space-y-2 p-2" };
+const __default__$5 = { name: "BankAccountItem" };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
+  props: {
+    data: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(columns), (col) => {
+          return openBlock(), createElementBlock(Fragment, {
+            key: col.header
+          }, [
+            col.header ? (openBlock(), createBlock(unref(y), { key: 0 }, {
+              default: withCtx(() => [
+                createBaseVNode("strong", null, toDisplayString(col.header) + ": ", 1),
+                createBaseVNode("span", null, toDisplayString(_ctx.data[col.field] || "—"), 1)
+              ]),
+              _: 2
+            }, 1024)) : createCommentVNode("", true)
+          ], 64);
+        }), 128))
+      ]);
+    };
+  }
+});
+const __default__$4 = { name: "BankAccountListMobile" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
+  setup(__props) {
+    const { list } = useBankAccountList();
+    return (_ctx, _cache) => {
+      return openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (data) => {
+        return openBlock(), createElementBlock("div", {
+          class: "flex justify-between items-start p-2 gap-4 border border-gray-200 rounded-lg bg-white`",
+          key: data.id
+        }, [
+          createVNode(_sfc_main$8, { data }, null, 8, ["data"]),
+          createVNode(_sfc_main$a, { data }, null, 8, ["data"])
+        ]);
+      }), 128);
+    };
+  }
+});
+const _hoisted_1$2 = { class: "mt-4 mb-6 rounded-md border border-surface-100 p-2" };
+const _hoisted_2 = { class: "flex justify-end gap-2" };
+const __default__$3 = { name: "BankAccountRemoveConfirmation" };
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...__default__$3,
+  setup(__props) {
+    const { bankAccount, isDestroyConfirmationOpen, isSubmitting, onCancel: onCancel2, onConfirm: onConfirm2 } = useBankAccountDestroy();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(script$2), {
+        visible: unref(isDestroyConfirmationOpen),
+        modal: true,
+        closable: false,
+        class: "max-w-md w-[90%]",
+        header: unref(t)("bankAccount.destroy.title")
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(y), null, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(t)("bankAccount.destroy.message")), 1)
+            ]),
+            _: 1
+          }),
+          createBaseVNode("div", _hoisted_1$2, [
+            createVNode(_sfc_main$8, { data: unref(bankAccount) }, null, 8, ["data"])
+          ]),
+          createBaseVNode("div", _hoisted_2, [
+            createVNode(unref($), {
+              label: unref(t)("bankAccount.destroy.cancel"),
+              severity: "secondary",
+              disabled: unref(isSubmitting),
+              onClick: unref(onCancel2)
+            }, null, 8, ["label", "disabled", "onClick"]),
+            createVNode(unref($), {
+              label: unref(t)("bankAccount.destroy.confirm"),
+              severity: "danger",
+              loading: unref(isSubmitting),
+              onClick: unref(onConfirm2)
+            }, null, 8, ["label", "loading", "onClick"])
+          ])
+        ]),
+        _: 1
+      }, 8, ["visible", "header"]);
+    };
+  }
+});
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "BankAccountList",
+  setup(__props) {
+    const showMobile = useBreakpoint("mobile");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        unref(showMobile) ? (openBlock(), createBlock(_sfc_main$7, { key: 0 })) : (openBlock(), createBlock(_sfc_main$9, { key: 1 })),
+        createVNode(_sfc_main$6)
+      ], 64);
+    };
+  }
+});
+const __default__$2 = { name: "BankAccountTitle" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  ...__default__$2,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(y), {
+        variant: "subtitle",
+        class: "flex items-center gap-1"
+      }, {
+        default: withCtx(() => [
+          createVNode(unref(_), { icon: "pix_outline" }),
+          _cache[0] || (_cache[0] = createBaseVNode("strong", null, "Contas Pix", -1))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "BankAccountCreateButton",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref($), {
+        icon: "add",
+        size: "small",
+        to: { name: unref(BANK_ACCOUNT_ROUTE_NAMES).NEW }
+      }, {
+        default: withCtx(() => _cache[0] || (_cache[0] = [
+          createTextVNode(" Nova Conta Bancária ")
+        ])),
+        _: 1
+      }, 8, ["to"]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "flex justify-between items-center" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "BankAccountListHeader",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(_sfc_main$4),
+        createVNode(_sfc_main$3)
+      ]);
+    };
+  }
+});
+const __default__$1 = { name: "AmDesktopCard" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...__default__$1,
+  setup(__props) {
+    const showMobile = useBreakpoint("mobile");
+    return (_ctx, _cache) => {
+      return unref(showMobile) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(unref(C), { key: 1 }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }));
+    };
+  }
+});
+const _hoisted_1 = { class: "grid gap-4" };
+const __default__ = { name: "BankAccountListPage" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const { initialize: initialize2, onRefresh: onRefresh2, isLoading, error, isEmpty } = useBankAccountList();
+    onMounted(initialize2);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(_sfc_main$2)),
+        createVNode(_sfc_main$1, null, {
+          default: withCtx(() => [
+            unref(error) ? (openBlock(), createBlock(_sfc_main$b, {
+              key: 0,
+              onRetry: unref(onRefresh2)
+            }, null, 8, ["onRetry"])) : unref(isLoading) ? (openBlock(), createBlock(unref(w), { key: 1 })) : unref(isEmpty) ? (openBlock(), createBlock(_sfc_main$c, {
+              key: 2,
+              message: "Nenhuma conta bancária cadastrada"
+            })) : (openBlock(), createBlock(unref(_sfc_main$5), { key: 3 }))
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};