@bigbinary/neeto-payments-frontend 6.1.31 → 6.2.1

package/dist/v2/AccountsDashboard.js

@@ -0,0 +1,475 @@
+import { useState, useMemo, useEffect, useTransition } from 'react';
+import { Dialog, Typography, Button, Spinner, Empty, DataTable, Tabs } from '@bigbinary/neeto-atoms';
+import { t } from 'i18next';
+import { capitalize, removeBy, isPresent, camelToSnakeCase } from 'neetocist';
+import { useQueryParams, withTitle } from 'neetocommons/v2/react-utils';
+import { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
+import Header from '@bigbinary/neeto-molecules/v2/Header';
+import SubHeader from '@bigbinary/neeto-molecules/v2/SubHeader';
+import { useTranslation } from 'react-i18next';
+import { u as useExportData, w as withReactQuery } from '../useExportsApi-DA6ThV9b.js';
+import { e as exportChannel, T as TABLE_KEYS } from '../exportChannel-Db0U5gc1.js';
+import { Download } from '@bigbinary/neeto-icons';
+import { u as uuidV4, G as buildStripeAccountLink, z as DEFAULT_SORT_PROPERTIES } from '../index-CajHy3NQ.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 { b as buildDefaultPageProperties, a as buildPayload, c as buildRowData } from '../dashboard-Ba2uhKXD.js';
+import { r as renderStatus, b as renderFullName, a as renderDate } from '../renderFunctions-SFUBbGqd.js';
+import { C as CopyButtonWrapper } from '../CopyButtonWrapper-B53v2TyQ.js';
+import { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from 'neetocommons/constants';
+import { useTableConfigurations } from '@bigbinary/neeto-molecules/v2/Columns';
+import TableWrapper from '@bigbinary/neeto-molecules/v2/TableWrapper';
+import { b as useFetchConnectedAccounts } from '../useAccountsApi-CZyJ4R8Z.js';
+import '@tanstack/react-query';
+import '@tanstack/react-query-devtools';
+import 'axios';
+import 'decimal.js';
+import '@bigbinary/neeto-molecules/v2/DateFormat';
+import '@bigbinary/neeto-molecules/v2/CopyToClipboardButton';
+import '../copy-button-EhEBcNP9.js';
+import 'neetocommons/react-utils';
+import '../queryConstants-8c7Nd8ML.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(Dialog, {
+    onClose,
+    isOpen: showExportModal,
+    children: [/*#__PURE__*/jsx(Dialog.Header, {
+      children: /*#__PURE__*/jsx(Dialog.Title, {
+        children: t("neetoPayments.export.title.account")
+      })
+    }), /*#__PURE__*/jsx(Dialog.Body, {
+      children: isFileLoading ? /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        children: t("neetoPayments.export.pleaseWait")
+      }) : /*#__PURE__*/jsx(Typography, {
+        variant: "body2",
+        children: downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.account")
+      })
+    }), /*#__PURE__*/jsx(Dialog.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"),
+          variant: "outline",
+          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: "sm",
+    target: "_blank",
+    variant: "link"
+  })
+});
+const renderCountry = pipe(split("_"), map(capitalize), join(" "));
+
+const COLUMNS = [{
+  header: t("neetoPayments.common.id"),
+  id: "id",
+  accessorKey: "id",
+  size: 85,
+  enableHiding: false
+}, {
+  header: t("neetoPayments.common.identifier"),
+  id: "identifier",
+  accessorKey: "identifier",
+  size: 300,
+  cell: ({
+    row
+  }) => renderIdentifier(row.original),
+  enableHiding: false
+}, {
+  header: t("neetoPayments.common.status"),
+  id: "status",
+  accessorKey: "status",
+  size: 150,
+  cell: ({
+    row
+  }) => renderStatus("account")(row.getValue("status"), row.original),
+  enableSorting: true,
+  enableHiding: false
+}, {
+  header: t("neetoPayments.common.name"),
+  id: "first_name",
+  accessorKey: "first_name",
+  size: 300,
+  cell: ({
+    row
+  }) => renderFullName(null, row.original),
+  enableSorting: true
+}, {
+  header: t("neetoPayments.common.email"),
+  id: "email",
+  accessorKey: "email",
+  size: 300,
+  enableSorting: true
+}, {
+  header: t("neetoPayments.common.country"),
+  id: "country",
+  accessorKey: "country",
+  size: 150,
+  cell: ({
+    row
+  }) => renderCountry(row.getValue("country")),
+  enableSorting: true
+}, {
+  header: t("neetoPayments.common.createdAt"),
+  id: "createdAt",
+  accessorKey: "createdAt",
+  size: 220,
+  cell: ({
+    row
+  }) => renderDate(row.getValue("createdAt")),
+  enableSorting: 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({
+    id: "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]);
+  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(Empty, {
+        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(DataTable, {
+      allowRowClick: false,
+      columns: customizedColumns,
+      currentPage: pageProperties[tab]?.page,
+      data: 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: camelToSnakeCase(sort.field),
+        orderBy: sort.order === "ascend" ? "ASC" : "DESC"
+      }) : setSortProperties(DEFAULT_SORT_PROPERTIES)
+    })
+  });
+};
+
+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(Tabs, {
+      value: tab,
+      onValueChange: handleTabChange,
+      children: /*#__PURE__*/jsx(Tabs.List, {
+        children: TABS.map(item => /*#__PURE__*/jsx(Tabs.Item, {
+          value: item,
+          children: t(`neetoPayments.common.${item}`)
+        }, item))
+      })
+    }), /*#__PURE__*/jsx(SubHeader, {
+      className: "my-4",
+      leftActionBlock: isPresent(dataSize) && /*#__PURE__*/jsx(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__*/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/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/v2/AdminCancelRecurringPaymentButton.js

@@ -0,0 +1,52 @@
+import { useState } from 'react';
+import { Button, Alert } from '@bigbinary/neeto-atoms';
+import { useTranslation } from 'react-i18next';
+import { u as useUpdateRecurringPayments } from '../useRecurringPaymentsApi-dbdBrh4V.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import 'neetocommons/react-utils';
+import 'axios';
+import '../index-CajHy3NQ.js';
+import 'i18next';
+import 'neetocommons/constants';
+import 'decimal.js';
+import 'neetocist';
+import 'neetocommons/utils';
+import 'ramda';
+
+const AdminCancelRecurringPaymentButton = ({
+  id,
+  variant = "default",
+  keysToInvalidate = []
+}) => {
+  const [isAlertOpen, setIsAlertOpen] = useState(false);
+  const {
+    isPending,
+    mutate: updateRecurringPayment
+  } = useUpdateRecurringPayments(keysToInvalidate);
+  const {
+    t
+  } = useTranslation();
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Button, {
+      variant,
+      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/v2/AdminCancelRecurringPaymentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminCancelRecurringPaymentButton.js","sources":["../../app/javascript/src/v2/components/AdminCancelRecurringPaymentButton/index.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { Button, Alert } from \"@bigbinary/neeto-atoms\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateRecurringPayments } from \"hooks/reactQuery/useRecurringPaymentsApi\";\n\nconst AdminCancelRecurringPaymentButton = ({\n  id,\n  variant = \"default\",\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        {...{ variant }}\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":["AdminCancelRecurringPaymentButton","id","variant","keysToInvalidate","isAlertOpen","setIsAlertOpen","useState","isPending","mutate","updateRecurringPayment","useUpdateRecurringPayments","t","useTranslation","_jsxs","_Fragment","children","_jsx","Button","label","onClick","Alert","isOpen","isSubmitting","message","submitButtonLabel","title","onClose","onSubmit","payload","status"],"mappings":";;;;;;;;;;;;;;;AAOA,MAAMA,iCAAiC,GAAGA,CAAC;EACzCC,EAAE;AACFC,EAAAA,OAAO,GAAG,SAAS;AACnBC,EAAAA,gBAAgB,GAAG;AACrB,CAAC,KAAK;EACJ,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;EACrD,MAAM;IAAEC,SAAS;AAAEC,IAAAA,MAAM,EAAEC;AAAuB,GAAC,GACjDC,0BAA0B,CAACP,gBAAgB,CAAC;EAE9C,MAAM;AAAEQ,IAAAA;GAAG,GAAGC,cAAc,EAAE;EAE9B,oBACEC,IAAA,CAAAC,QAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,GAAA,CAACC,MAAM,EAAA;MACCf,OAAO;AACbgB,MAAAA,KAAK,EAAEP,CAAC,CAAC,kDAAkD,CAAE;AAC7DQ,MAAAA,OAAO,EAAEA,MAAMd,cAAc,CAAC,IAAI;AAAE,KACrC,CAAC,eACFW,GAAA,CAACI,KAAK,EAAA;AACJC,MAAAA,MAAM,EAAEjB,WAAY;AACpBkB,MAAAA,YAAY,EAAEf,SAAU;AACxBgB,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,MAAMrB,cAAc,CAAC,KAAK,CAAE;AACrCsB,MAAAA,QAAQ,EAAEA,MACRlB,sBAAsB,CAAC;QAAER,EAAE;AAAE2B,QAAAA,OAAO,EAAE;AAAEC,UAAAA,MAAM,EAAE;AAAY;OAAG;AAChE,KACF,CAAC;AAAA,GACF,CAAC;AAEP;;;;"}

package/dist/v2/CashPaymentButton.js

@@ -0,0 +1,58 @@
+import { Button } from '@bigbinary/neeto-atoms';
+import { noop } from 'neetocist';
+import { useTranslation } from 'react-i18next';
+import { u as useCreateCashPayment } from '../usePaymentApi-gvPmTOWg.js';
+import { jsx } from 'react/jsx-runtime';
+import '@tanstack/react-query';
+import 'axios';
+import '../index-CajHy3NQ.js';
+import 'i18next';
+import 'neetocommons/constants';
+import 'decimal.js';
+import 'neetocommons/utils';
+import 'ramda';
+
+const CashPaymentButton = ({
+  label,
+  payableId,
+  payableType,
+  tip,
+  discountCode,
+  customAmount,
+  isDisabled = false,
+  isLoading = false,
+  onBeforePayment = noop,
+  onFailedPayment = noop,
+  onSuccessfulPayment = noop
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    isPending,
+    mutate: createCashPayment
+  } = useCreateCashPayment({
+    onSuccess: onSuccessfulPayment,
+    onError: onFailedPayment
+  });
+  const handleSubmit = () => {
+    onBeforePayment();
+    createCashPayment({
+      payableId,
+      payableType,
+      discountCode,
+      customAmount,
+      tipAttributes: tip
+    });
+  };
+  return /*#__PURE__*/jsx(Button, {
+    "data-testid": "payment-submit-button",
+    disabled: isPending || isDisabled,
+    label: label || t("neetoPayments.common.proceed"),
+    loading: isPending || isLoading,
+    onClick: handleSubmit
+  });
+};
+
+export { CashPaymentButton as default };
+//# sourceMappingURL=CashPaymentButton.js.map