@bigbinary/neeto-payments-frontend 6.1.11 → 6.1.13

package/dist/AccountsDashboard.js

@@ -0,0 +1,473 @@
+import { useState, useMemo, useEffect, useTransition } from 'react';
+import { t } from 'i18next';
+import { capitalize, removeBy, isPresent, camelToSnakeCase } from 'neetocist';
+import { useQueryParams, withTitle } from 'neetocommons/react-utils';
+import { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
+import Header from '@bigbinary/neeto-molecules/Header';
+import SubHeader from '@bigbinary/neeto-molecules/SubHeader';
+import { Modal, Typography, Button, Spinner, NoData, Table, Tab } from '@bigbinary/neetoui';
+import { useTranslation } from 'react-i18next';
+import { u as useExportData, b as buildDefaultPageProperties, a as buildPayload, c as buildRowData, w as withReactQuery } from './dashboard-CwvqEeOl.js';
+import { e as exportChannel, T as TABLE_KEYS } from './exportChannel-Db0U5gc1.js';
+import { Download } from '@bigbinary/neeto-icons';
+import { u as uuidV4, h as buildStripeAccountLink, D as DEFAULT_SORT_PROPERTIES, S as SORT_DIRECTIONS } from './index-CNouM9_z.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { getQueryParams, buildUrl } from 'neetocommons/utils';
+import { pipe, split, map, join, mergeLeft, assoc } from 'ramda';
+import { useHistory } from 'react-router-dom';
+import { r as renderStatus, a as renderFullName, b as renderDate } from './renderFunctions-Bx5nzyE_.js';
+import { C as CopyButtonWrapper } from './CopyButtonWrapper-Bp5IVO76.js';
+import { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from 'neetocommons/constants';
+import { useTableConfigurations } from '@bigbinary/neeto-molecules/Columns';
+import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
+import { u as useFetchConnectedAccounts } from './useAccountsApi-C9_eNmEZ.js';
+import '@tanstack/react-query';
+import '@tanstack/react-query-devtools';
+import 'axios';
+import 'decimal.js';
+import '@bigbinary/neeto-molecules/DateFormat';
+import '@bigbinary/neeto-molecules/CopyToClipboardButton';
+import './queryConstants-C7AqdemO.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: t("neetoPayments.common.createdAt"),
+  node: "created_at",
+  type: "date",
+  showRuleSelector: true
+}];
+
+const ExportModal = ({
+  showExportModal,
+  setShowExportModal,
+  tab,
+  filters,
+  sortProperties = {}
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const [downloadUrl, setDownloadUrl] = useState("");
+  const [isGenerating, setIsGenerating] = useState(false);
+  const {
+    mutate: exportCsv,
+    isPending
+  } = useExportData();
+  const isFileLoading = isPending || isGenerating;
+  const token = useMemo(() => `account-report-${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);
+      }
+    });
+  };
+  useEffect(() => {
+    if (showExportModal) {
+      const channel = exportChannel(token, receivedCallback);
+      setDownloadUrl("");
+      setIsGenerating(false);
+      return () => {
+        channel.disconnected();
+      };
+    }
+    return undefined;
+  }, [showExportModal, token]);
+  const onClose = () => setShowExportModal(false);
+  return /*#__PURE__*/jsxs(Modal, {
+    onClose,
+    isOpen: showExportModal,
+    children: [/*#__PURE__*/jsx(Modal.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h2",
+        children: t("neetoPayments.export.title.account")
+      })
+    }), /*#__PURE__*/jsx(Modal.Body, {
+      children: isFileLoading ? /*#__PURE__*/jsx(Typography, {
+        style: "body2",
+        children: t("neetoPayments.export.pleaseWait")
+      }) : /*#__PURE__*/jsx(Typography, {
+        style: "body2",
+        children: downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.account")
+      })
+    }), /*#__PURE__*/jsx(Modal.Footer, {
+      className: "space-x-2",
+      children: downloadUrl ? /*#__PURE__*/jsx(Button, {
+        "data-testid": "neeto-payments-download-button",
+        href: downloadUrl,
+        icon: Download,
+        label: t("neetoPayments.common.download"),
+        onClick: onClose
+      }) : /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Button, {
+          "data-testid": "cancel-button",
+          disabled: isFileLoading,
+          label: t("neetoPayments.common.cancel"),
+          style: "tertiary",
+          onClick: onClose
+        }), /*#__PURE__*/jsx(Button, {
+          "data-testid": "neeto-payments-export-button",
+          disabled: isFileLoading,
+          label: t("neetoPayments.common.export"),
+          loading: isFileLoading,
+          onClick: handleGenerateClick
+        })]
+      })
+    })]
+  });
+};
+
+const renderIdentifier = ({
+  identifier = "",
+  isLive = false
+} = {}) => /*#__PURE__*/jsx(CopyButtonWrapper, {
+  content: identifier,
+  children: /*#__PURE__*/jsx(Button, {
+    href: buildStripeAccountLink(identifier, isLive),
+    label: identifier,
+    size: "small",
+    style: "link",
+    target: "_blank"
+  })
+});
+const renderCountry = pipe(split("_"), map(capitalize), join(" "));
+
+const COLUMNS = [{
+  title: t("neetoPayments.common.id"),
+  dataIndex: "id",
+  key: "id",
+  width: 85,
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  key: "identifier",
+  width: 300,
+  render: renderIdentifier,
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.status"),
+  dataIndex: "status",
+  key: "status",
+  width: 150,
+  render: renderStatus("account"),
+  sorter: true,
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.name"),
+  dataIndex: "first_name",
+  key: "first_name",
+  width: 300,
+  sorter: true,
+  render: renderFullName
+}, {
+  title: t("neetoPayments.common.email"),
+  dataIndex: "email",
+  key: "email",
+  width: 300,
+  ellipsis: true,
+  sorter: true
+}, {
+  title: t("neetoPayments.common.country"),
+  dataIndex: "country",
+  key: "country",
+  width: 150,
+  render: renderCountry,
+  sorter: true
+}, {
+  title: t("neetoPayments.common.createdAt"),
+  dataIndex: "createdAt",
+  key: "createdAt",
+  width: 220,
+  render: renderDate,
+  sorter: true
+}];
+
+const useFiltersAndPagination = () => {
+  const history = useHistory();
+  const [isFilterButtonVisible, setIsFilterButtonVisible] = useState(false);
+  const [isFilterPaneOpen, setIsFilterPaneOpen] = useState(false);
+  const [pageProperties, setPageProperties] = useState(buildDefaultPageProperties(TABS));
+  const [sortProperties, setSortProperties] = useState(DEFAULT_SORT_PROPERTIES);
+  const {
+    tab = TAB.all
+  } = useQueryParams();
+  const {
+    searchTerm = ""
+  } = getQueryParams();
+  const searchKeywordProps = {
+    ...SEARCH_PROPS,
+    key: "search_term",
+    value: searchTerm.trim()
+  };
+  const [filters, setFilters] = useState(buildFiltersFromURL([...FILTER_COLUMNS, searchKeywordProps]));
+  const [dataSize, setDataSize] = useState(null);
+  const columnData = tab !== TAB.all ? removeBy({
+    key: "status"
+  }, COLUMNS) : COLUMNS;
+  const handleTabChange = tab => {
+    setDataSize(null);
+    const queryParams = getQueryParams({
+      toCamelCase: false
+    });
+    const newParams = {
+      tab,
+      page: pageProperties[tab]?.page,
+      page_size: pageProperties[tab]?.pageSize
+    };
+    history.push(buildUrl(window.location.pathname, 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 = useHistory();
+  const {
+    t
+  } = useTranslation();
+  const {
+    isTableConfigurationLoading,
+    customizedColumns,
+    hideColumn
+  } = useTableConfigurations(TABLE_KEYS.ACCOUNTS_TABLE, columnData);
+  const {
+    data: {
+      accounts = [],
+      views = {}
+    } = {},
+    isLoading,
+    isFetching
+  } = useFetchConnectedAccounts(buildPayload({
+    filters,
+    pageProperties,
+    sortProperties,
+    tab
+  }));
+  const dataSize = views[tab];
+  useEffect(() => {
+    setIsFilterButtonVisible(isPresent(accounts) || isPresent(filters));
+    setDataSize(dataSize);
+  }, [accounts]);
+  const handleTablePagination = (page, pageSize) => {
+    const queryParams = getQueryParams({
+      toCamelCase: false
+    });
+    history.push(buildUrl(window.location.pathname, mergeLeft({
+      page,
+      page_size: pageSize
+    }, queryParams)));
+    setPageProperties(assoc(tab, {
+      page,
+      pageSize
+    }));
+  };
+  useEffect(() => {
+    handleTablePagination(DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE);
+    setSortProperties(DEFAULT_SORT_PROPERTIES);
+  }, [filters, tab]);
+  const handleTableChange = (_, __, sorter) => {
+    setSortProperties(isPresent(sorter?.column) ? {
+      sortBy: camelToSnakeCase(sorter.field),
+      orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
+    } : DEFAULT_SORT_PROPERTIES);
+  };
+  if (isLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
+  if (dataSize <= 0 || !isPresent(accounts)) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(NoData, {
+        title: tab === TAB.all ? t("neetoPayments.emptyState.account") : t("neetoPayments.emptyState.accountWithStatus", {
+          status: tab
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsx(TableWrapper, {
+    hasPagination: dataSize > pageProperties[tab]?.pageSize,
+    children: /*#__PURE__*/jsx(Table, {
+      fixedHeight: true,
+      allowRowClick: false,
+      columnData: customizedColumns,
+      currentPageNumber: pageProperties[tab]?.page,
+      handlePageChange: handleTablePagination,
+      loading: isFetching || isTableConfigurationLoading,
+      rowData: buildRowData({
+        data: accounts,
+        pageProperties,
+        tab
+      }),
+      rowSelection: false,
+      sortDirections: SORT_DIRECTIONS,
+      totalCount: dataSize,
+      paginationProps: {
+        showSizeChanger: true,
+        hideOnSinglePage: true,
+        pageSize: pageProperties[tab]?.pageSize,
+        total: dataSize
+      },
+      onChange: handleTableChange,
+      onColumnHide: ({
+        key
+      }) => hideColumn(key)
+    })
+  });
+};
+
+const AccountsDashboard = () => {
+  const [_, startTransition] = useTransition();
+  const {
+    t
+  } = useTranslation();
+  const [showExportModal, setShowExportModal] = 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__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Header, {
+      title: t("neetoPayments.title.account"),
+      searchProps: isFilterButtonVisible && {
+        placeholder: t("neetoPayments.common.search"),
+        className: "w-80"
+      }
+    }), isTabsVisible && /*#__PURE__*/jsx(Tab, {
+      children: TABS.map(item => /*#__PURE__*/jsx(Tab.Item, {
+        active: tab === item,
+        onClick: () => handleTabChange(item),
+        children: t(`neetoPayments.common.${item}`)
+      }, item))
+    }), /*#__PURE__*/jsx(SubHeader, {
+      className: "my-4",
+      leftActionBlock: isPresent(dataSize) && /*#__PURE__*/jsx(Typography, {
+        className: "neeto-ui-gray-800 me-2 font-semibold",
+        component: "h4",
+        children: tab === TAB.all ? t("neetoPayments.countOf.account", {
+          count: dataSize
+        }) : t("neetoPayments.countOf.accountWithStatus", {
+          count: dataSize,
+          status: tab
+        })
+      }),
+      rightActionBlock: isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
+        columnsButtonProps: {
+          columnData,
+          fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
+          tableKey: TABLE_KEYS.ACCOUNTS_TABLE
+        },
+        downloadButtonProps: {
+          onClick: () => setShowExportModal(true)
+        },
+        filterProps: {
+          columns: FILTER_COLUMNS,
+          isOpen: isFilterPaneOpen,
+          keyword: searchKeywordProps,
+          setIsOpen: setIsFilterPaneOpen,
+          onChange: handleFiltersChange
+        }
+      })
+    }), /*#__PURE__*/jsx(Bar, {
+      columns: FILTER_COLUMNS,
+      keyword: searchKeywordProps,
+      setIsPaneOpen: setIsFilterPaneOpen,
+      onChange: handleFiltersChange
+    }), /*#__PURE__*/jsx(List, {
+      columnData,
+      filters,
+      pageProperties,
+      setDataSize,
+      setIsFilterButtonVisible,
+      setPageProperties,
+      setSortProperties,
+      sortProperties,
+      tab
+    }), /*#__PURE__*/jsx(ExportModal, {
+      filters,
+      setShowExportModal,
+      showExportModal,
+      sortProperties,
+      tab
+    })]
+  });
+};
+var index = withTitle(withReactQuery(AccountsDashboard), t("neetoPayments.title.account"));
+
+export { index as default };
+//# sourceMappingURL=AccountsDashboard.js.map

package/dist/AccountsDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountsDashboard.js","sources":["../app/javascript/src/components/AccountsDashboard/constants/index.js","../app/javascript/src/components/AccountsDashboard/ExportModal.jsx","../app/javascript/src/components/AccountsDashboard/utils/renderFunctions.jsx","../app/javascript/src/components/AccountsDashboard/constants/columns.js","../app/javascript/src/components/AccountsDashboard/hooks/useFiltersAndPagination.js","../app/javascript/src/components/AccountsDashboard/List.jsx","../app/javascript/src/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 { Download } from \"neetoicons\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useExportData } from \"hooks/reactQuery/stripe/useExportsApi\";\nimport { Button, Modal, Typography } from \"neetoui\";\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    <Modal {...{ onClose }} isOpen={showExportModal}>\n      <Modal.Header>\n        <Typography style=\"h2\">\n          {t(\"neetoPayments.export.title.account\")}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        {isFileLoading ? (\n          <Typography style=\"body2\">\n            {t(\"neetoPayments.export.pleaseWait\")}\n          </Typography>\n        ) : (\n          <Typography style=\"body2\">\n            {downloadUrl\n              ? t(\"neetoPayments.export.fileReady\")\n              : t(\"neetoPayments.export.download.account\")}\n          </Typography>\n        )}\n      </Modal.Body>\n      <Modal.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              style=\"tertiary\"\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      </Modal.Footer>\n    </Modal>\n  );\n};\n\nexport default ExportModal;\n","import { capitalize } from \"neetocist\";\nimport { Button } from \"neetoui\";\nimport { join, map, pipe, split } from \"ramda\";\n\nimport CopyButtonWrapper from \"components/Common/CopyButtonWrapper\";\nimport { buildStripeAccountLink } from \"utils\";\n\nexport const renderIdentifier = ({ identifier = \"\", isLive = false } = {}) => (\n  <CopyButtonWrapper content={identifier}>\n    <Button\n      href={buildStripeAccountLink(identifier, isLive)}\n      label={identifier}\n      size=\"small\"\n      style=\"link\"\n      target=\"_blank\"\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 \"utils/renderFunctions\";\n\nimport { renderCountry, renderIdentifier } from \"../utils/renderFunctions\";\n\nexport const COLUMNS = [\n  {\n    title: t(\"neetoPayments.common.id\"),\n    dataIndex: \"id\",\n    key: \"id\",\n    width: 85,\n    isHidable: false,\n  },\n  {\n    title: t(\"neetoPayments.common.identifier\"),\n    dataIndex: \"identifier\",\n    key: \"identifier\",\n    width: 300,\n    render: renderIdentifier,\n    isHidable: false,\n  },\n  {\n    title: t(\"neetoPayments.common.status\"),\n    dataIndex: \"status\",\n    key: \"status\",\n    width: 150,\n    render: renderStatus(\"account\"),\n    sorter: true,\n    isHidable: false,\n  },\n  {\n    title: t(\"neetoPayments.common.name\"),\n    dataIndex: \"first_name\",\n    key: \"first_name\",\n    width: 300,\n    sorter: true,\n    render: renderFullName,\n  },\n  {\n    title: t(\"neetoPayments.common.email\"),\n    dataIndex: \"email\",\n    key: \"email\",\n    width: 300,\n    ellipsis: true,\n    sorter: true,\n  },\n  {\n    title: t(\"neetoPayments.common.country\"),\n    dataIndex: \"country\",\n    key: \"country\",\n    width: 150,\n    render: renderCountry,\n    sorter: true,\n  },\n  {\n    title: t(\"neetoPayments.common.createdAt\"),\n    dataIndex: \"createdAt\",\n    key: \"createdAt\",\n    width: 220,\n    render: renderDate,\n    sorter: true,\n  },\n];\n","import { useState } from \"react\";\n\nimport { removeBy } from \"neetocist\";\nimport { useQueryParams } from \"neetocommons/react-utils\";\nimport { buildUrl, getQueryParams } from \"neetocommons/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({ key: \"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 { camelToSnakeCase, isPresent } from \"neetocist\";\nimport { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from \"neetocommons/constants\";\nimport { buildUrl, getQueryParams } from \"neetocommons/utils\";\nimport { useTableConfigurations } from \"neetomolecules/Columns\";\nimport TableWrapper from \"neetomolecules/TableWrapper\";\nimport { Table, NoData, Spinner } from \"neetoui\";\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, SORT_DIRECTIONS } 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  const handleTableChange = (_, __, sorter) => {\n    setSortProperties(\n      isPresent(sorter?.column)\n        ? {\n            sortBy: camelToSnakeCase(sorter.field),\n            orderBy: sorter.order === \"ascend\" ? \"ASC\" : \"DESC\",\n          }\n        : DEFAULT_SORT_PROPERTIES\n    );\n  };\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        <NoData\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      <Table\n        fixedHeight\n        allowRowClick={false}\n        columnData={customizedColumns}\n        currentPageNumber={pageProperties[tab]?.page}\n        handlePageChange={handleTablePagination}\n        loading={isFetching || isTableConfigurationLoading}\n        rowData={buildRowData({ data: accounts, pageProperties, tab })}\n        rowSelection={false}\n        sortDirections={SORT_DIRECTIONS}\n        totalCount={dataSize}\n        paginationProps={{\n          showSizeChanger: true,\n          hideOnSinglePage: true,\n          pageSize: pageProperties[tab]?.pageSize,\n          total: dataSize,\n        }}\n        onChange={handleTableChange}\n        onColumnHide={({ key }) => hideColumn(key)}\n      />\n    </TableWrapper>\n  );\n};\n\nexport default List;\n","import { useState, useTransition } from \"react\";\n\nimport { t } from \"i18next\";\nimport { isPresent } from \"neetocist\";\nimport { withTitle } from \"neetocommons/react-utils\";\nimport { Bar as FiltersBar } from \"neetofilters\";\nimport Header from \"neetomolecules/Header\";\nimport SubHeader from \"neetomolecules/SubHeader\";\nimport { Tab, Typography } from \"neetoui\";\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        <Tab>\n          {TABS.map(item => (\n            <Tab.Item\n              active={tab === item}\n              key={item}\n              onClick={() => handleTabChange(item)}\n            >\n              {t(`neetoPayments.common.${item}`)}\n            </Tab.Item>\n          ))}\n        </Tab>\n      )}\n      <SubHeader\n        className=\"my-4\"\n        leftActionBlock={\n          isPresent(dataSize) && (\n            <Typography\n              className=\"neeto-ui-gray-800 me-2 font-semibold\"\n              component=\"h4\"\n            >\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","Modal","isOpen","children","_jsx","Header","Typography","style","Body","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","title","dataIndex","width","isHidable","render","renderStatus","sorter","renderFullName","ellipsis","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","handleTableChange","_","__","column","sortBy","camelToSnakeCase","field","orderBy","order","Spinner","NoData","status","TableWrapper","hasPagination","Table","fixedHeight","allowRowClick","currentPageNumber","handlePageChange","rowData","buildRowData","rowSelection","sortDirections","SORT_DIRECTIONS","totalCount","paginationProps","showSizeChanger","hideOnSinglePage","total","onChange","onColumnHide","AccountsDashboard","startTransition","useTransition","isTabsVisible","handleFiltersChange","searchProps","placeholder","Tab","item","Item","active","SubHeader","leftActionBlock","component","count","rightActionBlock","RightBlock","columnsButtonProps","fixedColumns","tableKey","downloadButtonProps","filterProps","columns","keyword","setIsOpen","FiltersBar","setIsPaneOpen","withTitle","withReactQuery"],"mappings":"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"}

package/dist/AdminCancelRecurringPaymentButton.js

@@ -0,0 +1,65 @@
+import { useState } from 'react';
+import { Button, Alert } from '@bigbinary/neetoui';
+import { useTranslation } from 'react-i18next';
+import { useMutationWithInvalidation } from 'neetocommons/react-utils';
+import axios from 'axios';
+import { B as BASE_URL } from './index-CNouM9_z.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'i18next';
+import 'neetocommons/constants';
+import 'decimal.js';
+import 'neetocist';
+import 'neetocommons/utils';
+import 'ramda';
+
+const update = ({
+  id,
+  payload
+}) => axios.put(`${BASE_URL}/api/v1/recurring_payments/${id}`, {
+  recurring_payment: payload
+});
+const recurringPaymentsApi = {
+  update
+};
+
+const useUpdateRecurringPayments = (keysToInvalidate = []) => useMutationWithInvalidation(recurringPaymentsApi.update, {
+  keysToInvalidate: [...keysToInvalidate]
+});
+
+const AdminCancelRecurringPaymentButton = ({
+  id,
+  style = "primary",
+  keysToInvalidate = []
+}) => {
+  const [isAlertOpen, setIsAlertOpen] = useState(false);
+  const {
+    isPending,
+    mutate: updateRecurringPayment
+  } = useUpdateRecurringPayments(keysToInvalidate);
+  const {
+    t
+  } = useTranslation();
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Button, {
+      style,
+      label: t("neetoPayments.recurringPaymentCancel.buttonLabel"),
+      onClick: () => setIsAlertOpen(true)
+    }), /*#__PURE__*/jsx(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"
+        }
+      })
+    })]
+  });
+};
+
+export { AdminCancelRecurringPaymentButton as default };
+//# sourceMappingURL=AdminCancelRecurringPaymentButton.js.map

package/dist/AdminCancelRecurringPaymentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminCancelRecurringPaymentButton.js","sources":["../app/javascript/src/apis/recurring_payments.js","../app/javascript/src/hooks/reactQuery/useRecurringPaymentsApi.js","../app/javascript/src/components/AdminCancelRecurringPaymentButton/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst update = ({ id, payload }) =>\n  axios.put(`${BASE_URL}/api/v1/recurring_payments/${id}`, {\n    recurring_payment: payload,\n  });\n\nconst recurringPaymentsApi = { update };\n\nexport default recurringPaymentsApi;\n","import { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport recurringPaymentsApi from \"apis/recurring_payments\";\n\nexport const useUpdateRecurringPayments = (keysToInvalidate = []) =>\n  useMutationWithInvalidation(recurringPaymentsApi.update, {\n    keysToInvalidate: [...keysToInvalidate],\n  });\n","import { useState } from \"react\";\n\nimport { Button, Alert } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateRecurringPayments } from \"hooks/reactQuery/useRecurringPaymentsApi\";\n\nconst AdminCancelRecurringPaymentButton = ({\n  id,\n  style = \"primary\",\n  keysToInvalidate = [],\n}) => {\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const { isPending, mutate: updateRecurringPayment } =\n    useUpdateRecurringPayments(keysToInvalidate);\n\n  const { t } = useTranslation();\n\n  return (\n    <>\n      <Button\n        {...{ style }}\n        label={t(\"neetoPayments.recurringPaymentCancel.buttonLabel\")}\n        onClick={() => setIsAlertOpen(true)}\n      />\n      <Alert\n        isOpen={isAlertOpen}\n        isSubmitting={isPending}\n        message={t(\"neetoPayments.recurringPaymentCancel.alertMessage\")}\n        submitButtonLabel={t(\"neetoPayments.common.continue\")}\n        title={t(\"neetoPayments.recurringPaymentCancel.alertTitle\")}\n        onClose={() => setIsAlertOpen(false)}\n        onSubmit={() =>\n          updateRecurringPayment({ id, payload: { status: \"cancelled\" } })\n        }\n      />\n    </>\n  );\n};\n\nexport default AdminCancelRecurringPaymentButton;\n"],"names":["update","id","payload","axios","put","BASE_URL","recurring_payment","recurringPaymentsApi","useUpdateRecurringPayments","keysToInvalidate","useMutationWithInvalidation","AdminCancelRecurringPaymentButton","style","isAlertOpen","setIsAlertOpen","useState","isPending","mutate","updateRecurringPayment","t","useTranslation","_jsxs","_Fragment","children","_jsx","Button","label","onClick","Alert","isOpen","isSubmitting","message","submitButtonLabel","title","onClose","onSubmit","status"],"mappings":";;;;;;;;;;;;;;AAIA,MAAMA,MAAM,GAAGA,CAAC;EAAEC,EAAE;AAAEC,EAAAA;AAAQ,CAAC,KAC7BC,KAAK,CAACC,GAAG,CAAC,GAAGC,QAAQ,CAAA,2BAAA,EAA8BJ,EAAE,CAAA,CAAE,EAAE;AACvDK,EAAAA,iBAAiB,EAAEJ;AACrB,CAAC,CAAC;AAEJ,MAAMK,oBAAoB,GAAG;AAAEP,EAAAA;AAAO,CAAC;;ACLhC,MAAMQ,0BAA0B,GAAGA,CAACC,gBAAgB,GAAG,EAAE,KAC9DC,2BAA2B,CAACH,oBAAoB,CAACP,MAAM,EAAE;EACvDS,gBAAgB,EAAE,CAAC,GAAGA,gBAAgB;AACxC,CAAC,CAAC;;ACAEE,MAAAA,iCAAiC,GAAGA,CAAC;EACzCV,EAAE;AACFW,EAAAA,KAAK,GAAG,SAAS;AACjBH,EAAAA,gBAAgB,GAAG;AACrB,CAAC,KAAK;EACJ,MAAM,CAACI,WAAW,EAAEC,cAAc,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM;IAAEC,SAAS;AAAEC,IAAAA,MAAM,EAAEC;AAAuB,GAAC,GACjDV,0BAA0B,CAACC,gBAAgB,CAAC;EAE9C,MAAM;AAAEU,IAAAA;GAAG,GAAGC,cAAc,EAAE;EAE9B,oBACEC,IAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,MAAM,EAAA;MACCb,KAAK;AACXc,MAAAA,KAAK,EAAEP,CAAC,CAAC,kDAAkD,CAAE;AAC7DQ,MAAAA,OAAO,EAAEA,MAAMb,cAAc,CAAC,IAAI;AAAE,KACrC,CAAC,eACFU,GAAA,CAACI,KAAK,EAAA;AACJC,MAAAA,MAAM,EAAEhB,WAAY;AACpBiB,MAAAA,YAAY,EAAEd,SAAU;AACxBe,MAAAA,OAAO,EAAEZ,CAAC,CAAC,mDAAmD,CAAE;AAChEa,MAAAA,iBAAiB,EAAEb,CAAC,CAAC,+BAA+B,CAAE;AACtDc,MAAAA,KAAK,EAAEd,CAAC,CAAC,iDAAiD,CAAE;AAC5De,MAAAA,OAAO,EAAEA,MAAMpB,cAAc,CAAC,KAAK,CAAE;AACrCqB,MAAAA,QAAQ,EAAEA,MACRjB,sBAAsB,CAAC;QAAEjB,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAEkC,UAAAA,MAAM,EAAE;AAAY;OAAG;AAChE,KACF,CAAC;AAAA,GACF,CAAC;AAEP;;;;"}