@bigbinary/neeto-payments-frontend 1.5.0-beta1 → 1.6.0-beta2

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/apis/stripe/accounts.js","../app/javascript/src/hooks/reactQuery/stripe/useAccountsApi.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 React, { useEffect, useMemo, useState } from \"react\";\n\nimport { Download } from \"neetoicons\";\nimport { Button, Modal, Typography } from \"neetoui\";\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, isLoading } = useExportData();\n  const isFileLoading = isLoading || 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            href={downloadUrl}\n            icon={Download}\n            label={t(\"neetoPayments.common.download\")}\n            onClick={onClose}\n          />\n        ) : (\n          <>\n            <Button\n              disabled={isFileLoading}\n              label={t(\"neetoPayments.common.cancel\")}\n              style=\"tertiary\"\n              onClick={onClose}\n            />\n            <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 React from \"react\";\n\nimport { capitalize } from \"neetocist\";\nimport { join, map, pipe, split } from \"ramda\";\n\nimport CopyButtonWrapper from \"components/Common/CopyButtonWrapper\";\nimport IdentifierButton from \"components/Dashboard/IdentifierButton\";\nimport { buildStripeAccountLink } from \"utils\";\n\nexport const renderIdentifier = ({\n  identifier = \"\",\n  live: isLive = false,\n} = {}) => (\n  <CopyButtonWrapper content={identifier}>\n    <IdentifierButton\n      href={buildStripeAccountLink(identifier, isLive)}\n      label={identifier}\n    />\n  </CopyButtonWrapper>\n);\n\nexport const renderCountry = pipe(split(\"_\"), map(capitalize), join(\" \"));\n","import { t } from \"i18next\";\n\nimport {\n  renderDate,\n  renderEmail,\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: \"72px\",\n    isHidable: false,\n  },\n  {\n    title: t(\"neetoPayments.common.identifier\"),\n    dataIndex: \"identifier\",\n    key: \"identifier\",\n    width: \"300px\",\n    render: renderIdentifier,\n    isHidable: false,\n  },\n  {\n    title: t(\"neetoPayments.common.status\"),\n    dataIndex: \"status\",\n    key: \"status\",\n    width: \"150px\",\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: \"300px\",\n    sorter: true,\n    render: renderFullName,\n  },\n  {\n    title: t(\"neetoPayments.common.email\"),\n    dataIndex: \"email\",\n    key: \"email\",\n    width: \"300px\",\n    sorter: true,\n    render: renderEmail,\n  },\n  {\n    title: t(\"neetoPayments.common.country\"),\n    dataIndex: \"country\",\n    key: \"country\",\n    width: \"150px\",\n    render: renderCountry,\n    sorter: true,\n  },\n  {\n    title: t(\"neetoPayments.common.createdAt\"),\n    dataIndex: \"createdAt\",\n    key: \"createdAt\",\n    width: \"220px\",\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 axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst list = payload =>\n  axios.get(`${BASE_URL}/api/v1/stripe/accounts`, {\n    params: payload,\n  });\n\nconst accountsApi = { list };\n\nexport default accountsApi;\n","import { useQuery } from \"@tanstack/react-query\";\n\nimport accountsApi from \"apis/stripe/accounts\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchConnectedAccounts = (payload = {}, options = {}) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.STRIPE_ACCOUNTS_LIST, payload],\n    queryFn: () => accountsApi.list(payload),\n    ...options,\n  });\n","import React, { 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 { useHiddenColumns } from \"neetomolecules/Columns\";\nimport PageLoader from \"neetomolecules/PageLoader\";\nimport TableWrapper from \"neetomolecules/TableWrapper\";\nimport { Table, NoData } 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 { buildPayload, buildRowData } from \"utils/dashboard\";\n\nimport {\n  TAB,\n  STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY,\n} 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 { hideColumn, getVisibleColumnData } = useHiddenColumns(\n    STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY\n  );\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 <PageLoader />;\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={getVisibleColumnData(columnData)}\n        currentPageNumber={pageProperties[tab]?.page}\n        handlePageChange={handleTablePagination}\n        loading={isFetching}\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={({ dataIndex }) => hideColumn(dataIndex)}\n      />\n    </TableWrapper>\n  );\n};\n\nexport default List;\n","import React, { 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\";\n\nimport {\n  DASHBOARD_MANDATORY_COLUMNS,\n  FILTER_COLUMNS,\n  TAB,\n  TABS,\n  STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY,\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=\"mt-4\"\n        leftActionBlock={\n          isPresent(dataSize) && (\n            <Typography\n              className=\"neeto-ui-gray-800 mr-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          <>\n            <FiltersBar\n              columns={FILTER_COLUMNS}\n              keyword={searchKeywordProps}\n              setIsPaneOpen={setIsFilterPaneOpen}\n              onChange={handleFiltersChange}\n            />\n            {isFilterButtonVisible && (\n              <SubHeader.RightBlock\n                columnsButtonProps={{\n                  columnData,\n                  fixedColumns: DASHBOARD_MANDATORY_COLUMNS,\n                  localStorageKey:\n                    STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY,\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      />\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","STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY","ExportModal","_ref","showExportModal","setShowExportModal","tab","filters","sortProperties","useTranslation","downloadUrl","setDownloadUrl","useState","isGenerating","setIsGenerating","mutate","exportCsv","isLoading","useExportData","isFileLoading","token","useMemo","uuidV4","receivedCallback","data","download_url","handleGenerateClick","payload","kind","onSuccess","useEffect","channel","exportChannel","undefined","onClose","React","createElement","Modal","isOpen","Header","Typography","style","Body","Footer","className","Button","href","icon","Download","onClick","Fragment","disabled","loading","renderIdentifier","identifier","live","isLive","arguments","length","CopyButtonWrapper","content","IdentifierButton","buildStripeAccountLink","renderCountry","pipe","split","map","capitalize","join","COLUMNS","title","dataIndex","width","isHidable","render","renderStatus","sorter","renderFullName","renderEmail","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","axios","get","BASE_URL","params","accountsApi","useFetchConnectedAccounts","options","useQuery","queryKey","QUERY_KEYS","STRIPE_ACCOUNTS_LIST","queryFn","List","hideColumn","getVisibleColumnData","useHiddenColumns","accounts","views","isFetching","buildPayload","isPresent","handleTablePagination","assoc","DEFAULT_PAGE_INDEX","DEFAULT_PAGE_SIZE","handleTableChange","_","__","column","sortBy","camelToSnakeCase","field","orderBy","order","PageLoader","NoData","status","TableWrapper","hasPagination","Table","fixedHeight","allowRowClick","currentPageNumber","handlePageChange","rowData","buildRowData","rowSelection","sortDirections","SORT_DIRECTIONS","totalCount","paginationProps","showSizeChanger","hideOnSinglePage","total","onChange","onColumnHide","_ref2","AccountsDashboard","startTransition","useTransition","isTabsVisible","handleFiltersChange","searchProps","placeholder","Tab","item","Item","active","SubHeader","leftActionBlock","component","count","rightActionBlock","FiltersBar","columns","keyword","setIsPaneOpen","RightBlock","columnsButtonProps","fixedColumns","localStorageKey","downloadButtonProps","filterProps","setIsOpen","withTitle","withReactQuery"],"mappings":"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"}

package/dist/Dashboard.js

@@ -0,0 +1,598 @@
+import { _ as _extends } from './extends-093996c9.js';
+import React__default, { useState, useEffect, useTransition } from 'react';
+import { t } from 'i18next';
+import { isPresent, camelToSnakeCase, isNotPresent } from '@bigbinary/neeto-cist';
+import { useQueryParams, withTitle } from '@bigbinary/neeto-commons-frontend/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 Tab from '@bigbinary/neetoui/Tab';
+import Typography from '@bigbinary/neetoui/Typography';
+import { useTranslation } from 'react-i18next';
+import { d as buildDefaultPageProperties, r as renderStatus, f as buildRowData, c as renderDate, e as buildPayload, w as withReactQuery } from './renderFunctions-97b121a4.js';
+import { T as TAB, a as TABS, b as TAB_METADATA, I as INITIAL_PANE_STATUS, D as DASHBOARD_MANDATORY_COLUMNS, K as KIND } from './index-1aedc364.js';
+import { b as buildFilterColumns, m as modifySearchProps, a as buildPaymentColumns, r as renderSplitIdentifier, c as renderRefundIdentifier, i as isSplitKind, d as isTransferKind, e as isConnectedKind, f as isRefundKind, g as isPlatformKind, p as processResponse, h as renderIdentifier, E as ExportModal } from './ExportModal-85725c35.js';
+import { getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
+import { modify, mergeLeft, isEmpty, assoc } from 'ramda';
+import { useHistory } from 'react-router-dom';
+import { DEFAULT_SORT_PROPERTIES, SORT_DIRECTIONS } from './constants.js';
+import { p as processDataIndex } from './index-48f8b281.js';
+import { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from '@bigbinary/neeto-commons-frontend/constants';
+import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
+import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
+import Table from '@bigbinary/neetoui/Table';
+import NoData from '@bigbinary/neetoui/NoData';
+import { u as useFetchStripeTransactions, a as useFetchConnectedStripeAccount } from './useConnectApi-87335bf6.js';
+import { u as useFetchStripeRefunds, a as useFetchStripePlatformTransactions, b as useFetchStripePlatformSplits, c as useFetchStripePlatformTransaction, d as useFetchStripePlatformAccount } from './usePlatformApi-8adc2a50.js';
+import { Down, Right } from '@bigbinary/neeto-icons';
+import Pane from '@bigbinary/neetoui/Pane';
+import './utils-e29db9c9.js';
+import 'react/jsx-runtime';
+import './queryConstants-765c8816.js';
+import './mutation-286611ef.js';
+import '@bigbinary/neeto-molecules/DateFormat';
+import '@bigbinary/neetoui/Button';
+import '@bigbinary/neetoui/Tag';
+import '@bigbinary/neetoui/Tooltip';
+import '@bigbinary/neeto-molecules/CopyToClipboardButton';
+import '@bigbinary/neetoui/Modal';
+import './useMutation-8d67f853.js';
+import 'axios';
+import './exportChannel-250e6f14.js';
+import './IdentifierButton-73cadb18.js';
+import 'util';
+
+const useFiltersAndPagination = _ref => {
+  let {
+    payableEntityColumns,
+    kind,
+    searchProps
+  } = _ref;
+  const {
+    tab = TAB.all
+  } = useQueryParams();
+  const history = useHistory();
+  const tabs = TABS.filter(tab => !TAB_METADATA[tab]?.isHidden?.[kind]);
+  const [isFilterButtonVisible, setIsFilterButtonVisible] = useState(false);
+  const [isFilterPaneOpen, setIsFilterPaneOpen] = useState(false);
+  const [pageProperties, setPageProperties] = useState(buildDefaultPageProperties(tabs));
+  const [sortProperties, setSortProperties] = useState(DEFAULT_SORT_PROPERTIES);
+  const filterableColumns = buildFilterColumns(tab, kind, payableEntityColumns);
+  const {
+    searchTerm = ""
+  } = getQueryParams();
+  const searchKeywordProps = {
+    ...modifySearchProps({
+      searchProps,
+      kind
+    }),
+    key: "search_term",
+    value: searchTerm.trim()
+  };
+  const [filters, setFilters] = useState(buildFiltersFromURL([...filterableColumns, searchKeywordProps]));
+  const [dataSize, setDataSize] = useState(null);
+  const [paneStatus, setPaneStatus] = useState(INITIAL_PANE_STATUS);
+  const columns = buildPaymentColumns({
+    tab,
+    kind,
+    payableEntityColumns,
+    specialColumnArguments: {
+      setPaneStatus
+    }
+  });
+  const modifiedColumns = columns.map(modify("dataIndex", processDataIndex));
+  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,
+    paneStatus,
+    filters,
+    searchKeywordProps,
+    tabs,
+    tab,
+    dataSize,
+    filterableColumns,
+    sortProperties,
+    columns,
+    modifiedColumns,
+    setIsFilterButtonVisible,
+    setIsFilterPaneOpen,
+    setPageProperties,
+    setPaneStatus,
+    setFilters,
+    handleTabChange,
+    setDataSize,
+    setSortProperties
+  };
+};
+
+const SPLIT_COLUMNS = [{
+  key: "splitSubId",
+  title: t("neetoPayments.common.id"),
+  dataIndex: "id",
+  width: "72px"
+}, {
+  key: "splitSubIdentifier",
+  title: t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  width: "300px",
+  render: renderSplitIdentifier
+}, {
+  key: "splitSubAmount",
+  title: t("neetoPayments.common.amount"),
+  dataIndex: "amount",
+  width: "150px"
+}, {
+  key: "splitSubStatus",
+  title: t("neetoPayments.common.status"),
+  dataIndex: "status",
+  width: "130px",
+  render: renderStatus("split")
+}];
+const REFUND_COLUMNS = [{
+  key: "refundId",
+  title: t("neetoPayments.common.id"),
+  dataIndex: "id",
+  width: "72px"
+}, {
+  key: "refundIdentifier",
+  title: t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  width: "290px",
+  render: renderRefundIdentifier
+}, {
+  key: "refundAmount",
+  title: t("neetoPayments.common.amount"),
+  dataIndex: "amount",
+  width: "150px"
+}, {
+  key: "refundStatus",
+  title: t("neetoPayments.common.status"),
+  dataIndex: "status",
+  width: "200px",
+  render: renderStatus("refund")
+}];
+
+const SubTable = _ref => {
+  let {
+    data = [],
+    className = "",
+    kind = "split"
+  } = _ref;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: className || "ml-12 max-w-3xl"
+  }, /*#__PURE__*/React__default.createElement(TableWrapper, {
+    hasPagination: false
+  }, /*#__PURE__*/React__default.createElement(Table, {
+    fixedHeight: true,
+    columnData: isSplitKind(kind) ? SPLIT_COLUMNS : REFUND_COLUMNS,
+    pagination: false,
+    rowData: buildRowData({
+      data
+    }),
+    scroll: {
+      y: 300
+    }
+  })));
+};
+
+const ExpandedRow = function () {
+  let {
+    splits = [],
+    refunds = []
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "my-2 space-y-2"
+  }, !isEmpty(splits) && /*#__PURE__*/React__default.createElement("div", {
+    className: "space-y-4"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    className: "ml-12",
+    style: "h3"
+  }, t("neetoPayments.common.splits")), /*#__PURE__*/React__default.createElement(SubTable, {
+    data: splits
+  })), !isEmpty(refunds) && /*#__PURE__*/React__default.createElement("div", {
+    className: "space-y-4"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    className: "ml-12",
+    style: "h3"
+  }, t("neetoPayments.title.refund")), /*#__PURE__*/React__default.createElement(SubTable, {
+    data: refunds,
+    kind: "refund"
+  })));
+};
+
+const useFetchData = _ref => {
+  let {
+    kind,
+    holdableId,
+    payload,
+    isPlatformEnabled
+  } = _ref;
+  const data = {};
+  data.transfer = data.connected = useFetchStripeTransactions(holdableId, {
+    ...payload,
+    kind
+  }, {
+    enabled: isTransferKind(kind) || isConnectedKind(kind)
+  });
+  data.refund = useFetchStripeRefunds(payload, {
+    enabled: isRefundKind(kind)
+  });
+  data.platform = useFetchStripePlatformTransactions(payload, {
+    enabled: isPlatformKind(kind) && isPlatformEnabled
+  });
+  data.split = useFetchStripePlatformSplits(payload, {
+    enabled: isSplitKind(kind)
+  });
+  return {
+    data: processResponse(data[kind]?.data, kind),
+    dataSize: data[kind]?.data?.counts?.[payload?.tab],
+    isDataLoading: data[kind]?.isLoading,
+    isDataFetching: data[kind]?.isFetching
+  };
+};
+
+const RowExpander = _ref => {
+  let {
+    expanded,
+    onExpand,
+    record,
+    expandable
+  } = _ref;
+  return expandable && (expanded ? /*#__PURE__*/React__default.createElement(Down, {
+    className: "cursor-pointer",
+    onClick: e => onExpand(record, e)
+  }) : /*#__PURE__*/React__default.createElement(Right, {
+    className: "cursor-pointer",
+    onClick: e => onExpand(record, e)
+  }));
+};
+
+const Details = _ref => {
+  let {
+    transactionId,
+    ...paneProps
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const {
+    isLoading,
+    data: {
+      amount,
+      netAmount,
+      status,
+      paymentAt,
+      identifier,
+      live,
+      splits = []
+    } = {}
+  } = useFetchStripePlatformTransaction(transactionId);
+  return /*#__PURE__*/React__default.createElement(Pane, _extends({}, paneProps, {
+    size: "large"
+  }), /*#__PURE__*/React__default.createElement(Pane.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "h2"
+  }, "Transaction Details")), /*#__PURE__*/React__default.createElement(Pane.Body, null, isLoading ? /*#__PURE__*/React__default.createElement(PageLoader, null) : /*#__PURE__*/React__default.createElement("div", {
+    className: "w-full space-y-6 p-2"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "w-full space-y-2"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
+  }, t("neetoPayments.transactionPane.transactionId")), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-text-black font-medium",
+    style: "body2"
+  }, renderIdentifier({
+    identifier,
+    live
+  }))), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
+  }, t("neetoPayments.transactionPane.amount")), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-text-black font-medium",
+    style: "body2"
+  }, amount)), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
+  }, t("neetoPayments.transactionPane.netAmount")), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-text-black font-medium",
+    style: "body2"
+  }, netAmount)), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
+  }, t("neetoPayments.transactionPane.status")), renderStatus("transaction", status)), /*#__PURE__*/React__default.createElement("div", {
+    className: "flex items-center space-x-2"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
+  }, t("neetoPayments.transactionPane.paidOn")), /*#__PURE__*/React__default.createElement(Typography, {
+    className: "neeto-ui-text-black font-medium",
+    style: "body2"
+  }, renderDate(paymentAt)))), /*#__PURE__*/React__default.createElement(Typography, {
+    style: "h3"
+  }, "Splits"), /*#__PURE__*/React__default.createElement(SubTable, {
+    className: "ml-0 w-full",
+    data: splits
+  }))));
+};
+
+const List = _ref => {
+  let {
+    isPlatformEnabled = false,
+    kind,
+    holdableId = null,
+    filters,
+    setIsFilterButtonVisible,
+    pageProperties,
+    setPageProperties,
+    tab,
+    paneStatus,
+    setPaneStatus,
+    setDataSize,
+    sortProperties,
+    setSortProperties,
+    payoutId,
+    columns
+  } = _ref;
+  const history = useHistory();
+  const {
+    t
+  } = useTranslation();
+  const {
+    hideColumn,
+    hiddenColumns = []
+  } = useHiddenColumns(`stripePaymentDashboard_${kind}`);
+  const {
+    isLoading: isStripePlatformAccountLoading,
+    data: {
+      platformAccount: stripePlatformAccount
+    } = {}
+  } = useFetchStripePlatformAccount({
+    enabled: isPlatformEnabled
+  });
+  const {
+    isLoading: isStripeAccountLoading,
+    data: {
+      account: stripeConnectedAccount
+    } = {}
+  } = useFetchConnectedStripeAccount(holdableId);
+  const {
+    data,
+    isDataLoading,
+    dataSize,
+    isDataFetching
+  } = useFetchData({
+    kind,
+    holdableId,
+    payload: buildPayload({
+      tab,
+      filters,
+      pageProperties,
+      sortProperties,
+      payoutId
+    }),
+    isPlatformEnabled
+  });
+  const isStripeAccountConnected = stripeConnectedAccount?.isConnected || stripePlatformAccount?.isConnected;
+  useEffect(() => {
+    setIsFilterButtonVisible(isPresent(data) || isPresent(filters));
+    setDataSize(dataSize);
+  }, [data]);
+  const handleTablePaginaton = (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(() => {
+    handleTablePaginaton(DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE);
+    setSortProperties(DEFAULT_SORT_PROPERTIES);
+  }, [filters, tab]);
+  const handleTableChange = (_, __, sorter) => {
+    setSortProperties(isPresent(sorter?.column) ? {
+      sortBy: camelToSnakeCase(processDataIndex(sorter.field)),
+      orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
+    } : DEFAULT_SORT_PROPERTIES);
+  };
+  if (isStripeAccountLoading || isStripePlatformAccountLoading || isDataLoading) {
+    return /*#__PURE__*/React__default.createElement(PageLoader, null);
+  }
+  if (!isStripeAccountConnected && dataSize <= 0 || !isPresent(data)) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "flex h-full w-full items-center justify-center"
+    }, /*#__PURE__*/React__default.createElement(NoData, {
+      title: tab === TAB.all ? t(`neetoPayments.emptyState.${kind}`) : t(`neetoPayments.emptyState.${kind}WithStatus`, {
+        status: tab
+      })
+    }));
+  }
+  const visibleColumns = columns.filter(_ref2 => {
+    let {
+      dataIndex
+    } = _ref2;
+    return !hiddenColumns.includes(processDataIndex(dataIndex));
+  });
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TableWrapper, {
+    hasPagination: dataSize > pageProperties[tab]?.pageSize
+  }, /*#__PURE__*/React__default.createElement(Table, {
+    fixedHeight: true,
+    allowRowClick: false,
+    columnData: visibleColumns,
+    currentPageNumber: pageProperties[tab]?.page,
+    handlePageChange: handleTablePaginaton,
+    loading: isDataFetching,
+    rowData: buildRowData({
+      data,
+      pageProperties,
+      tab
+    }),
+    rowSelection: false,
+    sortDirections: SORT_DIRECTIONS,
+    totalCount: dataSize,
+    expandable: {
+      expandedRowRender: ExpandedRow,
+      showExpandColumn: isPlatformKind(kind),
+      rowExpandable: record => !(isEmpty(record.splits) && isEmpty(record.refunds)),
+      columnWidth: "64px",
+      expandIcon: RowExpander
+    },
+    paginationProps: {
+      showSizeChanger: true,
+      hideOnSinglePage: true,
+      pageSize: pageProperties[tab]?.pageSize,
+      total: dataSize
+    },
+    onChange: handleTableChange,
+    onColumnHide: column => {
+      hideColumn(processDataIndex(column.dataIndex));
+    }
+  })), /*#__PURE__*/React__default.createElement(Details, _extends({}, paneStatus, {
+    onClose: () => setPaneStatus(INITIAL_PANE_STATUS)
+  })));
+};
+
+const Dashboard = _ref => {
+  let {
+    isPlatformEnabled = false,
+    searchProps,
+    headerProps = {},
+    holdableId = null,
+    payableEntityColumns = [],
+    kind = "connected",
+    payoutId = null
+  } = _ref;
+  const [_, startTransition] = useTransition();
+  const {
+    t
+  } = useTranslation();
+  const [showExportModal, setShowExportModal] = useState(false);
+  const {
+    searchKeywordProps,
+    pageProperties,
+    filterableColumns,
+    isFilterButtonVisible,
+    isFilterPaneOpen,
+    filters,
+    tabs,
+    tab,
+    dataSize,
+    sortProperties,
+    columns,
+    modifiedColumns,
+    paneStatus,
+    setPaneStatus,
+    setIsFilterButtonVisible,
+    setIsFilterPaneOpen,
+    setFilters,
+    setPageProperties,
+    handleTabChange,
+    setDataSize,
+    setSortProperties
+  } = useFiltersAndPagination({
+    payableEntityColumns,
+    kind,
+    searchProps
+  });
+  const isTabsVisible = (isFilterButtonVisible || tab !== "all") && isNotPresent(payoutId);
+  const titleKind = kind === "transfer" && !isPlatformEnabled ? KIND.connected : kind;
+  const handleFiltersChange = filters => {
+    startTransition(() => {
+      setFilters(filters);
+    });
+  };
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Header, _extends({}, headerProps, {
+    title: t(`neetoPayments.title.${titleKind}`),
+    searchProps: isFilterButtonVisible && {
+      placeholder: searchKeywordProps.placeholder,
+      className: "w-80"
+    }
+  })), isTabsVisible && /*#__PURE__*/React__default.createElement(Tab, null, tabs.map(item => /*#__PURE__*/React__default.createElement(Tab.Item, {
+    active: tab === item,
+    key: item,
+    onClick: () => handleTabChange(item)
+  }, t(`neetoPayments.common.${item}`)))), /*#__PURE__*/React__default.createElement(SubHeader, {
+    className: "mt-4",
+    leftActionBlock: isPresent(dataSize) && /*#__PURE__*/React__default.createElement(Typography, {
+      className: "neeto-ui-gray-800 mr-2 font-semibold",
+      component: "h4"
+    }, tab === TAB.all ? t(`neetoPayments.countOf.${kind}`, {
+      count: dataSize
+    }) : t(`neetoPayments.countOf.${kind}WithStatus`, {
+      count: dataSize,
+      status: tab
+    })),
+    rightActionBlock: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Bar, {
+      columns: filterableColumns,
+      keyword: searchKeywordProps,
+      setIsPaneOpen: setIsFilterPaneOpen,
+      onChange: handleFiltersChange
+    }), isFilterButtonVisible && /*#__PURE__*/React__default.createElement(SubHeader.RightBlock, {
+      columnsButtonProps: {
+        columnData: modifiedColumns,
+        fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
+        localStorageKey: `stripePaymentDashboard_${kind}`
+      },
+      downloadButtonProps: {
+        onClick: () => setShowExportModal(true)
+      },
+      filterProps: {
+        columns: filterableColumns,
+        isOpen: isFilterPaneOpen,
+        keyword: searchKeywordProps,
+        setIsOpen: setIsFilterPaneOpen,
+        onChange: handleFiltersChange
+      }
+    }))
+  }), /*#__PURE__*/React__default.createElement(List, {
+    columns,
+    filters,
+    holdableId,
+    isPlatformEnabled,
+    kind,
+    pageProperties,
+    paneStatus,
+    payoutId,
+    setDataSize,
+    setIsFilterButtonVisible,
+    setPageProperties,
+    setPaneStatus,
+    setSortProperties,
+    sortProperties,
+    tab
+  }), /*#__PURE__*/React__default.createElement(ExportModal, {
+    filters,
+    holdableId,
+    kind,
+    setShowExportModal,
+    showExportModal,
+    sortProperties,
+    tab
+  }));
+};
+var Dashboard$1 = withTitle(withReactQuery(Dashboard), t("neetoPayments.common.payments"));
+
+export { Dashboard$1 as default };
+//# sourceMappingURL=Dashboard.js.map