@bigbinary/neeto-payments-frontend 6.1.31 → 6.2.1

package/dist/cjs/useTaxesApi-BBinhUYT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTaxesApi-BBinhUYT.js","sources":["../../app/javascript/src/apis/taxes.js","../../app/javascript/src/hooks/reactQuery/useTaxesApi.js"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst list = taxableId =>\n  axios.get(`${BASE_URL}/api/v1/taxable/${taxableId}/taxes`);\n\nconst create = ({ taxableId, payload }) =>\n  axios.post(`${BASE_URL}/api/v1/taxable/${taxableId}/taxes`, {\n    tax: payload,\n  });\n\nconst update = ({ taxableId, taxId, payload }) =>\n  axios.put(`${BASE_URL}/api/v1/taxable/${taxableId}/taxes/${taxId}`, {\n    tax: payload,\n  });\n\nconst destroy = ({ taxableId, taxId }) =>\n  axios.delete(`${BASE_URL}/api/v1/taxable/${taxableId}/taxes/${taxId}`);\n\nconst taxesApi = { list, create, update, destroy };\n\nexport default taxesApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\nimport { isNotNil } from \"ramda\";\n\nimport taxesApi from \"apis/taxes\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchTaxes = ({ taxableId }) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.TAXES, taxableId],\n    queryFn: () => taxesApi.list(taxableId),\n    enabled: isNotNil(taxableId),\n  });\n\nexport const useCreateTax = ({ taxableId }, options) =>\n  useMutationWithInvalidation(taxesApi.create, {\n    keysToInvalidate: [QUERY_KEYS.TAXES, taxableId],\n    ...options,\n  });\n\nexport const useUpdateTax = ({ taxableId }, options) =>\n  useMutationWithInvalidation(taxesApi.update, {\n    keysToInvalidate: [QUERY_KEYS.TAXES, taxableId],\n    ...options,\n  });\n\nexport const useDeleteTax = ({ taxableId }, options) =>\n  useMutationWithInvalidation(taxesApi.destroy, {\n    keysToInvalidate: [QUERY_KEYS.TAXES, taxableId],\n    ...options,\n  });\n"],"names":["list","taxableId","axios","get","BASE_URL","create","payload","post","tax","update","taxId","put","destroy","delete","taxesApi","useFetchTaxes","useQuery","queryKey","QUERY_KEYS","TAXES","queryFn","enabled","isNotNil","useCreateTax","options","useMutationWithInvalidation","keysToInvalidate","useUpdateTax","useDeleteTax"],"mappings":";;;;;;;;;AAIA,MAAMA,IAAI,GAAGC,SAAS,IACpBC,KAAK,CAACC,GAAG,CAAC,CAAA,EAAGC,kBAAQ,CAAA,gBAAA,EAAmBH,SAAS,QAAQ,CAAC;AAE5D,MAAMI,MAAM,GAAGA,CAAC;EAAEJ,SAAS;AAAEK,EAAAA;AAAQ,CAAC,KACpCJ,KAAK,CAACK,IAAI,CAAC,GAAGH,kBAAQ,CAAA,gBAAA,EAAmBH,SAAS,CAAA,MAAA,CAAQ,EAAE;AAC1DO,EAAAA,GAAG,EAAEF;AACP,CAAC,CAAC;AAEJ,MAAMG,MAAM,GAAGA,CAAC;EAAER,SAAS;EAAES,KAAK;AAAEJ,EAAAA;AAAQ,CAAC,KAC3CJ,KAAK,CAACS,GAAG,CAAC,CAAA,EAAGP,kBAAQ,CAAA,gBAAA,EAAmBH,SAAS,CAAA,OAAA,EAAUS,KAAK,CAAA,CAAE,EAAE;AAClEF,EAAAA,GAAG,EAAEF;AACP,CAAC,CAAC;AAEJ,MAAMM,OAAO,GAAGA,CAAC;EAAEX,SAAS;AAAES,EAAAA;AAAM,CAAC,KACnCR,KAAK,CAACW,MAAM,CAAC,CAAA,EAAGT,kBAAQ,CAAA,gBAAA,EAAmBH,SAAS,CAAA,OAAA,EAAUS,KAAK,CAAA,CAAE,CAAC;AAExE,MAAMI,QAAQ,GAAG;EAAEd,IAAI;EAAEK,MAAM;EAAEI,MAAM;AAAEG,EAAAA;AAAQ,CAAC;;ACb3C,MAAMG,aAAa,GAAGA,CAAC;AAAEd,EAAAA;AAAU,CAAC,KACzCe,mBAAQ,CAAC;AACPC,EAAAA,QAAQ,EAAE,CAACC,yBAAU,CAACC,KAAK,EAAElB,SAAS,CAAC;EACvCmB,OAAO,EAAEA,MAAMN,QAAQ,CAACd,IAAI,CAACC,SAAS,CAAC;EACvCoB,OAAO,EAAEC,cAAQ,CAACrB,SAAS;AAC7B,CAAC;AAEI,MAAMsB,YAAY,GAAGA,CAAC;AAAEtB,EAAAA;AAAU,CAAC,EAAEuB,OAAO,KACjDC,sCAA2B,CAACX,QAAQ,CAACT,MAAM,EAAE;AAC3CqB,EAAAA,gBAAgB,EAAE,CAACR,yBAAU,CAACC,KAAK,EAAElB,SAAS,CAAC;EAC/C,GAAGuB;AACL,CAAC;AAEI,MAAMG,YAAY,GAAGA,CAAC;AAAE1B,EAAAA;AAAU,CAAC,EAAEuB,OAAO,KACjDC,sCAA2B,CAACX,QAAQ,CAACL,MAAM,EAAE;AAC3CiB,EAAAA,gBAAgB,EAAE,CAACR,yBAAU,CAACC,KAAK,EAAElB,SAAS,CAAC;EAC/C,GAAGuB;AACL,CAAC;AAEI,MAAMI,YAAY,GAAGA,CAAC;AAAE3B,EAAAA;AAAU,CAAC,EAAEuB,OAAO,KACjDC,sCAA2B,CAACX,QAAQ,CAACF,OAAO,EAAE;AAC5Cc,EAAAA,gBAAgB,EAAE,CAACR,yBAAU,CAACC,KAAK,EAAElB,SAAS,CAAC;EAC/C,GAAGuB;AACL,CAAC;;;;;;;"}

package/dist/cjs/useVpasApi-Ts1ivO7S.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var reactQuery = require('@tanstack/react-query');
+var reactUtils = require('neetocommons/react-utils');
+var axios = require('axios');
+var constants = require('./index-CpEnC-Gq.js');
+var queryConstants = require('./queryConstants-CGUF7zol.js');
+
+const list = holdableId => axios.get(`${constants.BASE_URL}/api/v1/manual_upi/vpas`, {
+  params: {
+    holdableId
+  }
+});
+const create = payload => axios.post(`${constants.BASE_URL}/api/v1/manual_upi/vpas`, payload);
+const destroy = ({
+  id,
+  holdableId
+}) => axios.delete(`${constants.BASE_URL}/api/v1/manual_upi/vpas/${id}`, {
+  params: {
+    holdableId
+  }
+});
+const vpasApi = {
+  list,
+  create,
+  destroy
+};
+
+const useFetchVpas = (holdableId, options = {}) => reactQuery.useQuery({
+  queryKey: [queryConstants.QUERY_KEYS.VPAS_LIST, holdableId],
+  queryFn: () => vpasApi.list(holdableId),
+  ...options
+});
+const useCreateVpa = (keysToInvalidateOnCreate = []) => reactUtils.useMutationWithInvalidation(vpasApi.create, {
+  keysToInvalidate: [[queryConstants.QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnCreate]
+});
+const useDestroyVpa = (keysToInvalidateOnDelete = []) => reactUtils.useMutationWithInvalidation(vpasApi.destroy, {
+  keysToInvalidate: [[queryConstants.QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnDelete]
+});
+
+exports.useCreateVpa = useCreateVpa;
+exports.useDestroyVpa = useDestroyVpa;
+exports.useFetchVpas = useFetchVpas;
+//# sourceMappingURL=useVpasApi-Ts1ivO7S.js.map

package/dist/cjs/useVpasApi-Ts1ivO7S.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useVpasApi-Ts1ivO7S.js","sources":["../../app/javascript/src/apis/manual_upi/vpas.js","../../app/javascript/src/hooks/reactQuery/manualUpi/useVpasApi.js"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst list = holdableId =>\n  axios.get(`${BASE_URL}/api/v1/manual_upi/vpas`, {\n    params: { holdableId },\n  });\n\nconst create = payload =>\n  axios.post(`${BASE_URL}/api/v1/manual_upi/vpas`, payload);\n\nconst destroy = ({ id, holdableId }) =>\n  axios.delete(`${BASE_URL}/api/v1/manual_upi/vpas/${id}`, {\n    params: { holdableId },\n  });\n\nconst vpasApi = { list, create, destroy };\n\nexport default vpasApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport vpasApi from \"apis/manual_upi/vpas\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchVpas = (holdableId, options = {}) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.VPAS_LIST, holdableId],\n    queryFn: () => vpasApi.list(holdableId),\n    ...options,\n  });\n\nexport const useCreateVpa = (keysToInvalidateOnCreate = []) =>\n  useMutationWithInvalidation(vpasApi.create, {\n    keysToInvalidate: [[QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnCreate],\n  });\n\nexport const useDestroyVpa = (keysToInvalidateOnDelete = []) =>\n  useMutationWithInvalidation(vpasApi.destroy, {\n    keysToInvalidate: [[QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnDelete],\n  });\n"],"names":["list","holdableId","axios","get","BASE_URL","params","create","payload","post","destroy","id","delete","vpasApi","useFetchVpas","options","useQuery","queryKey","QUERY_KEYS","VPAS_LIST","queryFn","useCreateVpa","keysToInvalidateOnCreate","useMutationWithInvalidation","keysToInvalidate","useDestroyVpa","keysToInvalidateOnDelete"],"mappings":";;;;;;;;AAIA,MAAMA,IAAI,GAAGC,UAAU,IACrBC,KAAK,CAACC,GAAG,CAAC,CAAA,EAAGC,kBAAQ,CAAA,uBAAA,CAAyB,EAAE;AAC9CC,EAAAA,MAAM,EAAE;AAAEJ,IAAAA;AAAW;AACvB,CAAC,CAAC;AAEJ,MAAMK,MAAM,GAAGC,OAAO,IACpBL,KAAK,CAACM,IAAI,CAAC,CAAA,EAAGJ,kBAAQ,CAAA,uBAAA,CAAyB,EAAEG,OAAO,CAAC;AAE3D,MAAME,OAAO,GAAGA,CAAC;EAAEC,EAAE;AAAET,EAAAA;AAAW,CAAC,KACjCC,KAAK,CAACS,MAAM,CAAC,GAAGP,kBAAQ,CAAA,wBAAA,EAA2BM,EAAE,CAAA,CAAE,EAAE;AACvDL,EAAAA,MAAM,EAAE;AAAEJ,IAAAA;AAAW;AACvB,CAAC,CAAC;AAEJ,MAAMW,OAAO,GAAG;EAAEZ,IAAI;EAAEM,MAAM;AAAEG,EAAAA;AAAQ,CAAC;;ACXlC,MAAMI,YAAY,GAAGA,CAACZ,UAAU,EAAEa,OAAO,GAAG,EAAE,KACnDC,mBAAQ,CAAC;AACPC,EAAAA,QAAQ,EAAE,CAACC,yBAAU,CAACC,SAAS,EAAEjB,UAAU,CAAC;EAC5CkB,OAAO,EAAEA,MAAMP,OAAO,CAACZ,IAAI,CAACC,UAAU,CAAC;EACvC,GAAGa;AACL,CAAC;AAEI,MAAMM,YAAY,GAAGA,CAACC,wBAAwB,GAAG,EAAE,KACxDC,sCAA2B,CAACV,OAAO,CAACN,MAAM,EAAE;EAC1CiB,gBAAgB,EAAE,CAAC,CAACN,yBAAU,CAACC,SAAS,CAAC,EAAE,GAAGG,wBAAwB;AACxE,CAAC;AAEI,MAAMG,aAAa,GAAGA,CAACC,wBAAwB,GAAG,EAAE,KACzDH,sCAA2B,CAACV,OAAO,CAACH,OAAO,EAAE;EAC3Cc,gBAAgB,EAAE,CAAC,CAACN,yBAAU,CAACC,SAAS,CAAC,EAAE,GAAGO,wBAAwB;AACxE,CAAC;;;;;;"}

package/dist/cjs/v2/AccountsDashboard.js

@@ -0,0 +1,477 @@
+'use strict';
+
+var react = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var i18next = require('i18next');
+var neetocist = require('neetocist');
+var reactUtils = require('neetocommons/v2/react-utils');
+var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
+var Header = require('@bigbinary/neeto-molecules/v2/Header');
+var SubHeader = require('@bigbinary/neeto-molecules/v2/SubHeader');
+var reactI18next = require('react-i18next');
+var useExportsApi = require('../useExportsApi-CupgYUpS.js');
+var exportChannel = require('../exportChannel-BL2RGGhP.js');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var constants = require('../index-CpEnC-Gq.js');
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('neetocommons/utils');
+var ramda = require('ramda');
+var reactRouterDom = require('react-router-dom');
+var dashboard = require('../dashboard-BGW0_f30.js');
+var renderFunctions = require('../renderFunctions-DJ3I4O4j.js');
+var CopyButtonWrapper = require('../CopyButtonWrapper-CXzqqYIp.js');
+var constants$1 = require('neetocommons/constants');
+var Columns = require('@bigbinary/neeto-molecules/v2/Columns');
+var TableWrapper = require('@bigbinary/neeto-molecules/v2/TableWrapper');
+var useAccountsApi = require('../useAccountsApi-DaOq20gj.js');
+require('@tanstack/react-query');
+require('@tanstack/react-query-devtools');
+require('axios');
+require('decimal.js');
+require('@bigbinary/neeto-molecules/v2/DateFormat');
+require('@bigbinary/neeto-molecules/v2/CopyToClipboardButton');
+require('../copy-button-DdBSM5yi.js');
+require('neetocommons/react-utils');
+require('../queryConstants-CGUF7zol.js');
+
+const TAB = {
+  all: "all",
+  connected: "connected",
+  disconnected: "disconnected",
+  incomplete: "incomplete"
+};
+const TABS = Object.values(TAB);
+const SEARCH_PROPS = {
+  key: "keyword",
+  node: "identifier,user.first_name,last_name,email",
+  model: "NeetoPaymentsEngine::Stripe::Account,User"
+};
+const DASHBOARD_MANDATORY_COLUMNS = ["id", "status", "identifier"];
+const FILTER_COLUMNS = [{
+  key: "created_at",
+  label: i18next.t("neetoPayments.common.createdAt"),
+  node: "created_at",
+  type: "date",
+  showRuleSelector: true
+}];
+
+const ExportModal = ({
+  showExportModal,
+  setShowExportModal,
+  tab,
+  filters,
+  sortProperties = {}
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const [downloadUrl, setDownloadUrl] = react.useState("");
+  const [isGenerating, setIsGenerating] = react.useState(false);
+  const {
+    mutate: exportCsv,
+    isPending
+  } = useExportsApi.useExportData();
+  const isFileLoading = isPending || isGenerating;
+  const token = react.useMemo(() => `account-report-${constants.uuidV4()}`, []);
+  const receivedCallback = data => {
+    if (!data.download_url) return;
+    setDownloadUrl(data.download_url);
+    setIsGenerating(false);
+  };
+  const handleGenerateClick = () => {
+    const payload = {
+      kind: "account",
+      token,
+      filters,
+      tab,
+      ...sortProperties
+    };
+    exportCsv(payload, {
+      onSuccess: () => {
+        setDownloadUrl("");
+        setIsGenerating(true);
+      }
+    });
+  };
+  react.useEffect(() => {
+    if (showExportModal) {
+      const channel = exportChannel.exportChannel(token, receivedCallback);
+      setDownloadUrl("");
+      setIsGenerating(false);
+      return () => {
+        channel.disconnected();
+      };
+    }
+    return undefined;
+  }, [showExportModal, token]);
+  const onClose = () => setShowExportModal(false);
+  return /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Dialog, {
+    onClose,
+    isOpen: showExportModal,
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Title, {
+        children: t("neetoPayments.export.title.account")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Body, {
+      children: isFileLoading ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        variant: "body2",
+        children: t("neetoPayments.export.pleaseWait")
+      }) : /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        variant: "body2",
+        children: downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.account")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Dialog.Footer, {
+      className: "space-x-2",
+      children: downloadUrl ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+        "data-testid": "neeto-payments-download-button",
+        href: downloadUrl,
+        icon: neetoIcons.Download,
+        label: t("neetoPayments.common.download"),
+        onClick: onClose
+      }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+          "data-testid": "cancel-button",
+          disabled: isFileLoading,
+          label: t("neetoPayments.common.cancel"),
+          variant: "outline",
+          onClick: onClose
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+          "data-testid": "neeto-payments-export-button",
+          disabled: isFileLoading,
+          label: t("neetoPayments.common.export"),
+          loading: isFileLoading,
+          onClick: handleGenerateClick
+        })]
+      })
+    })]
+  });
+};
+
+const renderIdentifier = ({
+  identifier = "",
+  isLive = false
+} = {}) => /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper.CopyButtonWrapper, {
+  content: identifier,
+  children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+    href: constants.buildStripeAccountLink(identifier, isLive),
+    label: identifier,
+    size: "sm",
+    target: "_blank",
+    variant: "link"
+  })
+});
+const renderCountry = ramda.pipe(ramda.split("_"), ramda.map(neetocist.capitalize), ramda.join(" "));
+
+const COLUMNS = [{
+  header: i18next.t("neetoPayments.common.id"),
+  id: "id",
+  accessorKey: "id",
+  size: 85,
+  enableHiding: false
+}, {
+  header: i18next.t("neetoPayments.common.identifier"),
+  id: "identifier",
+  accessorKey: "identifier",
+  size: 300,
+  cell: ({
+    row
+  }) => renderIdentifier(row.original),
+  enableHiding: false
+}, {
+  header: i18next.t("neetoPayments.common.status"),
+  id: "status",
+  accessorKey: "status",
+  size: 150,
+  cell: ({
+    row
+  }) => renderFunctions.renderStatus("account")(row.getValue("status"), row.original),
+  enableSorting: true,
+  enableHiding: false
+}, {
+  header: i18next.t("neetoPayments.common.name"),
+  id: "first_name",
+  accessorKey: "first_name",
+  size: 300,
+  cell: ({
+    row
+  }) => renderFunctions.renderFullName(null, row.original),
+  enableSorting: true
+}, {
+  header: i18next.t("neetoPayments.common.email"),
+  id: "email",
+  accessorKey: "email",
+  size: 300,
+  enableSorting: true
+}, {
+  header: i18next.t("neetoPayments.common.country"),
+  id: "country",
+  accessorKey: "country",
+  size: 150,
+  cell: ({
+    row
+  }) => renderCountry(row.getValue("country")),
+  enableSorting: true
+}, {
+  header: i18next.t("neetoPayments.common.createdAt"),
+  id: "createdAt",
+  accessorKey: "createdAt",
+  size: 220,
+  cell: ({
+    row
+  }) => renderFunctions.renderDate(row.getValue("createdAt")),
+  enableSorting: true
+}];
+
+const useFiltersAndPagination = () => {
+  const history = reactRouterDom.useHistory();
+  const [isFilterButtonVisible, setIsFilterButtonVisible] = react.useState(false);
+  const [isFilterPaneOpen, setIsFilterPaneOpen] = react.useState(false);
+  const [pageProperties, setPageProperties] = react.useState(dashboard.buildDefaultPageProperties(TABS));
+  const [sortProperties, setSortProperties] = react.useState(constants.DEFAULT_SORT_PROPERTIES);
+  const {
+    tab = TAB.all
+  } = reactUtils.useQueryParams();
+  const {
+    searchTerm = ""
+  } = utils.getQueryParams();
+  const searchKeywordProps = {
+    ...SEARCH_PROPS,
+    key: "search_term",
+    value: searchTerm.trim()
+  };
+  const [filters, setFilters] = react.useState(neetoFiltersFrontend.buildFiltersFromURL([...FILTER_COLUMNS, searchKeywordProps]));
+  const [dataSize, setDataSize] = react.useState(null);
+  const columnData = tab !== TAB.all ? neetocist.removeBy({
+    id: "status"
+  }, COLUMNS) : COLUMNS;
+  const handleTabChange = tab => {
+    setDataSize(null);
+    const queryParams = utils.getQueryParams({
+      toCamelCase: false
+    });
+    const newParams = {
+      tab,
+      page: pageProperties[tab]?.page,
+      page_size: pageProperties[tab]?.pageSize
+    };
+    history.push(utils.buildUrl(window.location.pathname, ramda.mergeLeft(newParams, queryParams)));
+  };
+  return {
+    isFilterButtonVisible,
+    isFilterPaneOpen,
+    pageProperties,
+    filters,
+    searchKeywordProps,
+    tab,
+    sortProperties,
+    columnData,
+    dataSize,
+    setDataSize,
+    setIsFilterButtonVisible,
+    setIsFilterPaneOpen,
+    setPageProperties,
+    setFilters,
+    handleTabChange,
+    setSortProperties
+  };
+};
+
+const List = ({
+  columnData,
+  filters,
+  pageProperties,
+  setDataSize,
+  setIsFilterButtonVisible,
+  setPageProperties,
+  setSortProperties,
+  sortProperties,
+  tab
+}) => {
+  const history = reactRouterDom.useHistory();
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const {
+    isTableConfigurationLoading,
+    customizedColumns,
+    hideColumn
+  } = Columns.useTableConfigurations(exportChannel.TABLE_KEYS.ACCOUNTS_TABLE, columnData);
+  const {
+    data: {
+      accounts = [],
+      views = {}
+    } = {},
+    isLoading,
+    isFetching
+  } = useAccountsApi.useFetchConnectedAccounts(dashboard.buildPayload({
+    filters,
+    pageProperties,
+    sortProperties,
+    tab
+  }));
+  const dataSize = views[tab];
+  react.useEffect(() => {
+    setIsFilterButtonVisible(neetocist.isPresent(accounts) || neetocist.isPresent(filters));
+    setDataSize(dataSize);
+  }, [accounts]);
+  const handleTablePagination = (page, pageSize) => {
+    const queryParams = utils.getQueryParams({
+      toCamelCase: false
+    });
+    history.push(utils.buildUrl(window.location.pathname, ramda.mergeLeft({
+      page,
+      page_size: pageSize
+    }, queryParams)));
+    setPageProperties(ramda.assoc(tab, {
+      page,
+      pageSize
+    }));
+  };
+  react.useEffect(() => {
+    handleTablePagination(constants$1.DEFAULT_PAGE_INDEX, constants$1.DEFAULT_PAGE_SIZE);
+    setSortProperties(constants.DEFAULT_SORT_PROPERTIES);
+  }, [filters, tab]);
+  if (isLoading) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Spinner, {})
+    });
+  }
+  if (dataSize <= 0 || !neetocist.isPresent(accounts)) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Empty, {
+        title: tab === TAB.all ? t("neetoPayments.emptyState.account") : t("neetoPayments.emptyState.accountWithStatus", {
+          status: tab
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
+    hasPagination: dataSize > pageProperties[tab]?.pageSize,
+    children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DataTable, {
+      allowRowClick: false,
+      columns: customizedColumns,
+      currentPage: pageProperties[tab]?.page,
+      data: dashboard.buildRowData({
+        data: accounts,
+        pageProperties,
+        tab
+      }),
+      enableURLPagination: false,
+      enableURLSort: false,
+      loading: isFetching || isTableConfigurationLoading,
+      totalCount: dataSize,
+      onColumnHide: id => hideColumn(id),
+      onPageChange: page => handleTablePagination(page, pageProperties[tab]?.pageSize),
+      onSort: sort => sort ? setSortProperties({
+        sortBy: neetocist.camelToSnakeCase(sort.field),
+        orderBy: sort.order === "ascend" ? "ASC" : "DESC"
+      }) : setSortProperties(constants.DEFAULT_SORT_PROPERTIES)
+    })
+  });
+};
+
+const AccountsDashboard = () => {
+  const [_, startTransition] = react.useTransition();
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const [showExportModal, setShowExportModal] = react.useState(false);
+  const {
+    isFilterButtonVisible,
+    isFilterPaneOpen,
+    pageProperties,
+    filters,
+    searchKeywordProps,
+    tab,
+    sortProperties,
+    columnData,
+    dataSize,
+    setDataSize,
+    setIsFilterButtonVisible,
+    setIsFilterPaneOpen,
+    setPageProperties,
+    setFilters,
+    handleTabChange,
+    setSortProperties
+  } = useFiltersAndPagination();
+  const isTabsVisible = isFilterButtonVisible || tab !== "all";
+  const handleFiltersChange = filters => {
+    startTransition(() => {
+      setFilters(filters);
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
+      title: t("neetoPayments.title.account"),
+      searchProps: isFilterButtonVisible && {
+        placeholder: t("neetoPayments.common.search"),
+        className: "w-80"
+      }
+    }), isTabsVisible && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tabs, {
+      value: tab,
+      onValueChange: handleTabChange,
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tabs.List, {
+        children: TABS.map(item => /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tabs.Item, {
+          value: item,
+          children: t(`neetoPayments.common.${item}`)
+        }, item))
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(SubHeader, {
+      className: "my-4",
+      leftActionBlock: neetocist.isPresent(dataSize) && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+        className: "me-2 font-semibold",
+        variant: "body1",
+        children: tab === TAB.all ? t("neetoPayments.countOf.account", {
+          count: dataSize
+        }) : t("neetoPayments.countOf.accountWithStatus", {
+          count: dataSize,
+          status: tab
+        })
+      }),
+      rightActionBlock: isFilterButtonVisible && /*#__PURE__*/jsxRuntime.jsx(SubHeader.RightBlock, {
+        columnsButtonProps: {
+          columnData,
+          fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
+          tableKey: exportChannel.TABLE_KEYS.ACCOUNTS_TABLE
+        },
+        downloadButtonProps: {
+          onClick: () => setShowExportModal(true)
+        },
+        filterProps: {
+          columns: FILTER_COLUMNS,
+          isOpen: isFilterPaneOpen,
+          keyword: searchKeywordProps,
+          setIsOpen: setIsFilterPaneOpen,
+          onChange: handleFiltersChange
+        }
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoFiltersFrontend.Bar, {
+      columns: FILTER_COLUMNS,
+      keyword: searchKeywordProps,
+      setIsPaneOpen: setIsFilterPaneOpen,
+      onChange: handleFiltersChange
+    }), /*#__PURE__*/jsxRuntime.jsx(List, {
+      columnData,
+      filters,
+      pageProperties,
+      setDataSize,
+      setIsFilterButtonVisible,
+      setPageProperties,
+      setSortProperties,
+      sortProperties,
+      tab
+    }), /*#__PURE__*/jsxRuntime.jsx(ExportModal, {
+      filters,
+      setShowExportModal,
+      showExportModal,
+      sortProperties,
+      tab
+    })]
+  });
+};
+var index = reactUtils.withTitle(useExportsApi.withReactQuery(AccountsDashboard), i18next.t("neetoPayments.title.account"));
+
+module.exports = index;
+//# sourceMappingURL=AccountsDashboard.js.map

package/dist/cjs/v2/AccountsDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountsDashboard.js","sources":["../../../app/javascript/src/v2/components/AccountsDashboard/constants/index.js","../../../app/javascript/src/v2/components/AccountsDashboard/ExportModal.jsx","../../../app/javascript/src/v2/components/AccountsDashboard/utils/renderFunctions.jsx","../../../app/javascript/src/v2/components/AccountsDashboard/constants/columns.js","../../../app/javascript/src/v2/components/AccountsDashboard/hooks/useFiltersAndPagination.js","../../../app/javascript/src/v2/components/AccountsDashboard/List.jsx","../../../app/javascript/src/v2/components/AccountsDashboard/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const TAB = {\n  all: \"all\",\n  connected: \"connected\",\n  disconnected: \"disconnected\",\n  incomplete: \"incomplete\",\n};\n\nexport const TABS = Object.values(TAB);\n\nexport const SEARCH_PROPS = {\n  key: \"keyword\",\n  node: \"identifier,user.first_name,last_name,email\",\n  model: \"NeetoPaymentsEngine::Stripe::Account,User\",\n};\n\nexport const DASHBOARD_MANDATORY_COLUMNS = [\"id\", \"status\", \"identifier\"];\n\nexport const FILTER_COLUMNS = [\n  {\n    key: \"created_at\",\n    label: t(\"neetoPayments.common.createdAt\"),\n    node: \"created_at\",\n    type: \"date\",\n    showRuleSelector: true,\n  },\n];\n\nexport const STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY =\n  \"stripeAccountsDashboard\";\n","import { useEffect, useMemo, useState } from \"react\";\n\nimport { Button, Dialog, Typography } from \"@bigbinary/neeto-atoms\";\nimport { Download } from \"neetoicons\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useExportData } from \"hooks/reactQuery/stripe/useExportsApi\";\nimport exportChannel from \"src/channels/exportChannel\";\nimport { uuidV4 } from \"utils\";\n\nconst ExportModal = ({\n  showExportModal,\n  setShowExportModal,\n  tab,\n  filters,\n  sortProperties = {},\n}) => {\n  const { t } = useTranslation();\n  const [downloadUrl, setDownloadUrl] = useState(\"\");\n  const [isGenerating, setIsGenerating] = useState(false);\n\n  const { mutate: exportCsv, isPending } = useExportData();\n  const isFileLoading = isPending || isGenerating;\n\n  const token = useMemo(() => `account-report-${uuidV4()}`, []);\n\n  const receivedCallback = data => {\n    if (!data.download_url) return;\n    setDownloadUrl(data.download_url);\n    setIsGenerating(false);\n  };\n\n  const handleGenerateClick = () => {\n    const payload = {\n      kind: \"account\",\n      token,\n      filters,\n      tab,\n      ...sortProperties,\n    };\n\n    exportCsv(payload, {\n      onSuccess: () => {\n        setDownloadUrl(\"\");\n        setIsGenerating(true);\n      },\n    });\n  };\n\n  useEffect(() => {\n    if (showExportModal) {\n      const channel = exportChannel(token, receivedCallback);\n      setDownloadUrl(\"\");\n      setIsGenerating(false);\n\n      return () => {\n        channel.disconnected();\n      };\n    }\n\n    return undefined;\n  }, [showExportModal, token]);\n\n  const onClose = () => setShowExportModal(false);\n\n  return (\n    <Dialog {...{ onClose }} isOpen={showExportModal}>\n      <Dialog.Header>\n        <Dialog.Title>{t(\"neetoPayments.export.title.account\")}</Dialog.Title>\n      </Dialog.Header>\n      <Dialog.Body>\n        {isFileLoading ? (\n          <Typography variant=\"body2\">\n            {t(\"neetoPayments.export.pleaseWait\")}\n          </Typography>\n        ) : (\n          <Typography variant=\"body2\">\n            {downloadUrl\n              ? t(\"neetoPayments.export.fileReady\")\n              : t(\"neetoPayments.export.download.account\")}\n          </Typography>\n        )}\n      </Dialog.Body>\n      <Dialog.Footer className=\"space-x-2\">\n        {downloadUrl ? (\n          <Button\n            data-testid=\"neeto-payments-download-button\"\n            href={downloadUrl}\n            icon={Download}\n            label={t(\"neetoPayments.common.download\")}\n            onClick={onClose}\n          />\n        ) : (\n          <>\n            <Button\n              data-testid=\"cancel-button\"\n              disabled={isFileLoading}\n              label={t(\"neetoPayments.common.cancel\")}\n              variant=\"outline\"\n              onClick={onClose}\n            />\n            <Button\n              data-testid=\"neeto-payments-export-button\"\n              disabled={isFileLoading}\n              label={t(\"neetoPayments.common.export\")}\n              loading={isFileLoading}\n              onClick={handleGenerateClick}\n            />\n          </>\n        )}\n      </Dialog.Footer>\n    </Dialog>\n  );\n};\n\nexport default ExportModal;\n","import { Button } from \"@bigbinary/neeto-atoms\";\nimport { capitalize } from \"neetocist\";\nimport { join, map, pipe, split } from \"ramda\";\n\nimport { buildStripeAccountLink } from \"utils\";\nimport CopyButtonWrapper from \"v2/components/Common/CopyButtonWrapper\";\n\nexport const renderIdentifier = ({ identifier = \"\", isLive = false } = {}) => (\n  <CopyButtonWrapper content={identifier}>\n    <Button\n      href={buildStripeAccountLink(identifier, isLive)}\n      label={identifier}\n      size=\"sm\"\n      target=\"_blank\"\n      variant=\"link\"\n    />\n  </CopyButtonWrapper>\n);\n\nexport const renderCountry = pipe(split(\"_\"), map(capitalize), join(\" \"));\n","import { t } from \"i18next\";\n\nimport {\n  renderDate,\n  renderFullName,\n  renderStatus,\n} from \"v2/utils/renderFunctions\";\n\nimport { renderCountry, renderIdentifier } from \"../utils/renderFunctions\";\n\nexport const COLUMNS = [\n  {\n    header: t(\"neetoPayments.common.id\"),\n    id: \"id\",\n    accessorKey: \"id\",\n    size: 85,\n    enableHiding: false,\n  },\n  {\n    header: t(\"neetoPayments.common.identifier\"),\n    id: \"identifier\",\n    accessorKey: \"identifier\",\n    size: 300,\n    cell: ({ row }) => renderIdentifier(row.original),\n    enableHiding: false,\n  },\n  {\n    header: t(\"neetoPayments.common.status\"),\n    id: \"status\",\n    accessorKey: \"status\",\n    size: 150,\n    cell: ({ row }) =>\n      renderStatus(\"account\")(row.getValue(\"status\"), row.original),\n    enableSorting: true,\n    enableHiding: false,\n  },\n  {\n    header: t(\"neetoPayments.common.name\"),\n    id: \"first_name\",\n    accessorKey: \"first_name\",\n    size: 300,\n    cell: ({ row }) => renderFullName(null, row.original),\n    enableSorting: true,\n  },\n  {\n    header: t(\"neetoPayments.common.email\"),\n    id: \"email\",\n    accessorKey: \"email\",\n    size: 300,\n    enableSorting: true,\n  },\n  {\n    header: t(\"neetoPayments.common.country\"),\n    id: \"country\",\n    accessorKey: \"country\",\n    size: 150,\n    cell: ({ row }) => renderCountry(row.getValue(\"country\")),\n    enableSorting: true,\n  },\n  {\n    header: t(\"neetoPayments.common.createdAt\"),\n    id: \"createdAt\",\n    accessorKey: \"createdAt\",\n    size: 220,\n    cell: ({ row }) => renderDate(row.getValue(\"createdAt\")),\n    enableSorting: true,\n  },\n];\n","import { useState } from \"react\";\n\nimport { removeBy } from \"neetocist\";\nimport { buildUrl, getQueryParams } from \"neetocommons/utils\";\nimport { useQueryParams } from \"neetocommons/v2/react-utils\";\nimport { buildFiltersFromURL } from \"neetofilters\";\nimport { mergeLeft } from \"ramda\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { DEFAULT_SORT_PROPERTIES } from \"src/constants\";\nimport { buildDefaultPageProperties } from \"utils/dashboard\";\n\nimport { FILTER_COLUMNS, TAB, TABS, SEARCH_PROPS } from \"../constants\";\nimport { COLUMNS } from \"../constants/columns\";\n\nexport const useFiltersAndPagination = () => {\n  const history = useHistory();\n  const [isFilterButtonVisible, setIsFilterButtonVisible] = useState(false);\n  const [isFilterPaneOpen, setIsFilterPaneOpen] = useState(false);\n  const [pageProperties, setPageProperties] = useState(\n    buildDefaultPageProperties(TABS)\n  );\n  const [sortProperties, setSortProperties] = useState(DEFAULT_SORT_PROPERTIES);\n  const { tab = TAB.all } = useQueryParams();\n\n  const { searchTerm = \"\" } = getQueryParams();\n  const searchKeywordProps = {\n    ...SEARCH_PROPS,\n    key: \"search_term\",\n    value: searchTerm.trim(),\n  };\n\n  const [filters, setFilters] = useState(\n    buildFiltersFromURL([...FILTER_COLUMNS, searchKeywordProps])\n  );\n  const [dataSize, setDataSize] = useState(null);\n\n  const columnData =\n    tab !== TAB.all ? removeBy({ id: \"status\" }, COLUMNS) : COLUMNS;\n\n  const handleTabChange = tab => {\n    setDataSize(null);\n    const queryParams = getQueryParams({ toCamelCase: false });\n    const newParams = {\n      tab,\n      page: pageProperties[tab]?.page,\n      page_size: pageProperties[tab]?.pageSize,\n    };\n\n    history.push(\n      buildUrl(window.location.pathname, mergeLeft(newParams, queryParams))\n    );\n  };\n\n  return {\n    isFilterButtonVisible,\n    isFilterPaneOpen,\n    pageProperties,\n    filters,\n    searchKeywordProps,\n    tab,\n    sortProperties,\n    columnData,\n    dataSize,\n    setDataSize,\n    setIsFilterButtonVisible,\n    setIsFilterPaneOpen,\n    setPageProperties,\n    setFilters,\n    handleTabChange,\n    setSortProperties,\n  };\n};\n","import { useEffect } from \"react\";\n\nimport { DataTable, Empty, Spinner } from \"@bigbinary/neeto-atoms\";\nimport { camelToSnakeCase, isPresent } from \"neetocist\";\nimport { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from \"neetocommons/constants\";\nimport { buildUrl, getQueryParams } from \"neetocommons/utils\";\nimport { useTableConfigurations } from \"neetomolecules/v2/Columns\";\nimport TableWrapper from \"neetomolecules/v2/TableWrapper\";\nimport { assoc, mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useFetchConnectedAccounts } from \"hooks/reactQuery/stripe/useAccountsApi\";\nimport { DEFAULT_SORT_PROPERTIES } from \"src/constants\";\nimport { TABLE_KEYS } from \"src/constants/tableKeys\";\nimport { buildPayload, buildRowData } from \"utils/dashboard\";\n\nimport { TAB } from \"./constants\";\n\nconst List = ({\n  columnData,\n  filters,\n  pageProperties,\n  setDataSize,\n  setIsFilterButtonVisible,\n  setPageProperties,\n  setSortProperties,\n  sortProperties,\n  tab,\n}) => {\n  const history = useHistory();\n  const { t } = useTranslation();\n  const { isTableConfigurationLoading, customizedColumns, hideColumn } =\n    useTableConfigurations(TABLE_KEYS.ACCOUNTS_TABLE, columnData);\n\n  const {\n    data: { accounts = [], views = {} } = {},\n    isLoading,\n    isFetching,\n  } = useFetchConnectedAccounts(\n    buildPayload({ filters, pageProperties, sortProperties, tab })\n  );\n\n  const dataSize = views[tab];\n\n  useEffect(() => {\n    setIsFilterButtonVisible(isPresent(accounts) || isPresent(filters));\n    setDataSize(dataSize);\n  }, [accounts]);\n\n  const handleTablePagination = (page, pageSize) => {\n    const queryParams = getQueryParams({ toCamelCase: false });\n    history.push(\n      buildUrl(\n        window.location.pathname,\n        mergeLeft({ page, page_size: pageSize }, queryParams)\n      )\n    );\n    setPageProperties(assoc(tab, { page, pageSize }));\n  };\n\n  useEffect(() => {\n    handleTablePagination(DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE);\n    setSortProperties(DEFAULT_SORT_PROPERTIES);\n  }, [filters, tab]);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  if (dataSize <= 0 || !isPresent(accounts)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Empty\n          title={\n            tab === TAB.all\n              ? t(\"neetoPayments.emptyState.account\")\n              : t(\"neetoPayments.emptyState.accountWithStatus\", { status: tab })\n          }\n        />\n      </div>\n    );\n  }\n\n  return (\n    <TableWrapper hasPagination={dataSize > pageProperties[tab]?.pageSize}>\n      <DataTable\n        allowRowClick={false}\n        columns={customizedColumns}\n        currentPage={pageProperties[tab]?.page}\n        data={buildRowData({ data: accounts, pageProperties, tab })}\n        enableURLPagination={false}\n        enableURLSort={false}\n        loading={isFetching || isTableConfigurationLoading}\n        totalCount={dataSize}\n        onColumnHide={id => hideColumn(id)}\n        onPageChange={page =>\n          handleTablePagination(page, pageProperties[tab]?.pageSize)\n        }\n        onSort={sort =>\n          sort\n            ? setSortProperties({\n                sortBy: camelToSnakeCase(sort.field),\n                orderBy: sort.order === \"ascend\" ? \"ASC\" : \"DESC\",\n              })\n            : setSortProperties(DEFAULT_SORT_PROPERTIES)\n        }\n      />\n    </TableWrapper>\n  );\n};\n\nexport default List;\n","import { useState, useTransition } from \"react\";\n\nimport { Tabs, Typography } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\nimport { isPresent } from \"neetocist\";\nimport { withTitle } from \"neetocommons/v2/react-utils\";\nimport { Bar as FiltersBar } from \"neetofilters\";\nimport Header from \"neetomolecules/v2/Header\";\nimport SubHeader from \"neetomolecules/v2/SubHeader\";\nimport { useTranslation } from \"react-i18next\";\n\nimport withReactQuery from \"components/Common/withReactQuery\";\nimport { TABLE_KEYS } from \"src/constants/tableKeys\";\n\nimport {\n  DASHBOARD_MANDATORY_COLUMNS,\n  FILTER_COLUMNS,\n  TAB,\n  TABS,\n} from \"./constants\";\nimport ExportModal from \"./ExportModal\";\nimport { useFiltersAndPagination } from \"./hooks/useFiltersAndPagination\";\nimport List from \"./List\";\n\nconst AccountsDashboard = () => {\n  const [_, startTransition] = useTransition();\n  const { t } = useTranslation();\n\n  const [showExportModal, setShowExportModal] = useState(false);\n  const {\n    isFilterButtonVisible,\n    isFilterPaneOpen,\n    pageProperties,\n    filters,\n    searchKeywordProps,\n    tab,\n    sortProperties,\n    columnData,\n    dataSize,\n    setDataSize,\n    setIsFilterButtonVisible,\n    setIsFilterPaneOpen,\n    setPageProperties,\n    setFilters,\n    handleTabChange,\n    setSortProperties,\n  } = useFiltersAndPagination();\n\n  const isTabsVisible = isFilterButtonVisible || tab !== \"all\";\n\n  const handleFiltersChange = filters => {\n    startTransition(() => {\n      setFilters(filters);\n    });\n  };\n\n  return (\n    <>\n      <Header\n        title={t(\"neetoPayments.title.account\")}\n        searchProps={\n          isFilterButtonVisible && {\n            placeholder: t(\"neetoPayments.common.search\"),\n            className: \"w-80\",\n          }\n        }\n      />\n      {isTabsVisible && (\n        <Tabs value={tab} onValueChange={handleTabChange}>\n          <Tabs.List>\n            {TABS.map(item => (\n              <Tabs.Item key={item} value={item}>\n                {t(`neetoPayments.common.${item}`)}\n              </Tabs.Item>\n            ))}\n          </Tabs.List>\n        </Tabs>\n      )}\n      <SubHeader\n        className=\"my-4\"\n        leftActionBlock={\n          isPresent(dataSize) && (\n            <Typography className=\"me-2 font-semibold\" variant=\"body1\">\n              {tab === TAB.all\n                ? t(\"neetoPayments.countOf.account\", { count: dataSize })\n                : t(\"neetoPayments.countOf.accountWithStatus\", {\n                    count: dataSize,\n                    status: tab,\n                  })}\n            </Typography>\n          )\n        }\n        rightActionBlock={\n          isFilterButtonVisible && (\n            <SubHeader.RightBlock\n              columnsButtonProps={{\n                columnData,\n                fixedColumns: DASHBOARD_MANDATORY_COLUMNS,\n                tableKey: TABLE_KEYS.ACCOUNTS_TABLE,\n              }}\n              downloadButtonProps={{\n                onClick: () => setShowExportModal(true),\n              }}\n              filterProps={{\n                columns: FILTER_COLUMNS,\n                isOpen: isFilterPaneOpen,\n                keyword: searchKeywordProps,\n                setIsOpen: setIsFilterPaneOpen,\n                onChange: handleFiltersChange,\n              }}\n            />\n          )\n        }\n      />\n      <FiltersBar\n        columns={FILTER_COLUMNS}\n        keyword={searchKeywordProps}\n        setIsPaneOpen={setIsFilterPaneOpen}\n        onChange={handleFiltersChange}\n      />\n      <List\n        {...{\n          columnData,\n          filters,\n          pageProperties,\n          setDataSize,\n          setIsFilterButtonVisible,\n          setPageProperties,\n          setSortProperties,\n          sortProperties,\n          tab,\n        }}\n      />\n      <ExportModal\n        {...{\n          filters,\n          setShowExportModal,\n          showExportModal,\n          sortProperties,\n          tab,\n        }}\n      />\n    </>\n  );\n};\n\nexport default withTitle(\n  withReactQuery(AccountsDashboard),\n  t(\"neetoPayments.title.account\")\n);\n"],"names":["TAB","all","connected","disconnected","incomplete","TABS","Object","values","SEARCH_PROPS","key","node","model","DASHBOARD_MANDATORY_COLUMNS","FILTER_COLUMNS","label","t","type","showRuleSelector","ExportModal","showExportModal","setShowExportModal","tab","filters","sortProperties","useTranslation","downloadUrl","setDownloadUrl","useState","isGenerating","setIsGenerating","mutate","exportCsv","isPending","useExportData","isFileLoading","token","useMemo","uuidV4","receivedCallback","data","download_url","handleGenerateClick","payload","kind","onSuccess","useEffect","channel","exportChannel","undefined","onClose","_jsxs","Dialog","isOpen","children","_jsx","Header","Title","Body","Typography","variant","Footer","className","Button","href","icon","Download","onClick","_Fragment","disabled","loading","renderIdentifier","identifier","isLive","CopyButtonWrapper","content","buildStripeAccountLink","size","target","renderCountry","pipe","split","map","capitalize","join","COLUMNS","header","id","accessorKey","enableHiding","cell","row","original","renderStatus","getValue","enableSorting","renderFullName","renderDate","useFiltersAndPagination","history","useHistory","isFilterButtonVisible","setIsFilterButtonVisible","isFilterPaneOpen","setIsFilterPaneOpen","pageProperties","setPageProperties","buildDefaultPageProperties","setSortProperties","DEFAULT_SORT_PROPERTIES","useQueryParams","searchTerm","getQueryParams","searchKeywordProps","value","trim","setFilters","buildFiltersFromURL","dataSize","setDataSize","columnData","removeBy","handleTabChange","queryParams","toCamelCase","newParams","page","page_size","pageSize","push","buildUrl","window","location","pathname","mergeLeft","List","isTableConfigurationLoading","customizedColumns","hideColumn","useTableConfigurations","TABLE_KEYS","ACCOUNTS_TABLE","accounts","views","isLoading","isFetching","useFetchConnectedAccounts","buildPayload","isPresent","handleTablePagination","assoc","DEFAULT_PAGE_INDEX","DEFAULT_PAGE_SIZE","Spinner","Empty","title","status","TableWrapper","hasPagination","DataTable","allowRowClick","columns","currentPage","buildRowData","enableURLPagination","enableURLSort","totalCount","onColumnHide","onPageChange","onSort","sort","sortBy","camelToSnakeCase","field","orderBy","order","AccountsDashboard","_","startTransition","useTransition","isTabsVisible","handleFiltersChange","searchProps","placeholder","Tabs","onValueChange","item","Item","SubHeader","leftActionBlock","count","rightActionBlock","RightBlock","columnsButtonProps","fixedColumns","tableKey","downloadButtonProps","filterProps","keyword","setIsOpen","onChange","FiltersBar","setIsPaneOpen","withTitle","withReactQuery"],"mappings":"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"}

package/dist/cjs/v2/AdminCancelRecurringPaymentButton.js

@@ -0,0 +1,54 @@
+'use strict';
+
+var react = require('react');
+var neetoAtoms = require('@bigbinary/neeto-atoms');
+var reactI18next = require('react-i18next');
+var useRecurringPaymentsApi = require('../useRecurringPaymentsApi-Dow6RjiT.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('neetocommons/react-utils');
+require('axios');
+require('../index-CpEnC-Gq.js');
+require('i18next');
+require('neetocommons/constants');
+require('decimal.js');
+require('neetocist');
+require('neetocommons/utils');
+require('ramda');
+
+const AdminCancelRecurringPaymentButton = ({
+  id,
+  variant = "default",
+  keysToInvalidate = []
+}) => {
+  const [isAlertOpen, setIsAlertOpen] = react.useState(false);
+  const {
+    isPending,
+    mutate: updateRecurringPayment
+  } = useRecurringPaymentsApi.useUpdateRecurringPayments(keysToInvalidate);
+  const {
+    t
+  } = reactI18next.useTranslation();
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+      variant,
+      label: t("neetoPayments.recurringPaymentCancel.buttonLabel"),
+      onClick: () => setIsAlertOpen(true)
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Alert, {
+      isOpen: isAlertOpen,
+      isSubmitting: isPending,
+      message: t("neetoPayments.recurringPaymentCancel.alertMessage"),
+      submitButtonLabel: t("neetoPayments.common.continue"),
+      title: t("neetoPayments.recurringPaymentCancel.alertTitle"),
+      onClose: () => setIsAlertOpen(false),
+      onSubmit: () => updateRecurringPayment({
+        id,
+        payload: {
+          status: "cancelled"
+        }
+      })
+    })]
+  });
+};
+
+module.exports = AdminCancelRecurringPaymentButton;
+//# sourceMappingURL=AdminCancelRecurringPaymentButton.js.map