@bigbinary/neeto-payments-frontend 6.2.0 → 6.3.0

package/dist/v2/PaymentsDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsDashboard.js","sources":["../../app/javascript/src/v2/components/PaymentsDashboard/constants.js","../../app/javascript/src/v2/components/PaymentsDashboard/columns/utils.jsx","../../app/javascript/src/v2/components/PaymentsDashboard/utils.js","../../app/javascript/src/v2/components/PaymentsDashboard/List.jsx","../../app/javascript/src/v2/components/PaymentsDashboard/TopSection.jsx","../../app/javascript/src/v2/components/PaymentsDashboard/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport { toLabelAndValue } from \"neetocist\";\nimport { map } from \"ramda\";\n\nimport { PAYMENT_PROVIDERS } from \"src/constants\";\n\nexport const COLUMNS_STORAGE_KEY = \"paymentsDashboard\";\n\nexport const PAYMENT_DASHBOARD_TAB = {\n  all: \"all\",\n  successful: \"successful\",\n  declined: \"declined\",\n  refunded: \"refunded\",\n  pending: \"pending\",\n  rejected: \"rejected\",\n  confirmation_pending: \"confirmation_pending\",\n};\n\nexport const SEARCH_PROPS = {\n  node: \"identifier,\",\n  key: \"search_term\",\n  model: \"NeetoPaymentsEngine::Payment,\",\n};\n\nexport const FILTER_COLUMNS = [\n  {\n    key: \"payment_provider\",\n    label: t(\"neetoPayments.common.paymentProvider\"),\n    node: \"payment_provider\",\n    type: \"single_option\",\n    values: [\n      ...map(toLabelAndValue, PAYMENT_PROVIDERS),\n      { label: t(\"neetoPayments.common.upi\").toUpperCase(), value: \"eupi\" },\n    ],\n  },\n  {\n    key: \"amount\",\n    label: t(\"neetoPayments.common.amount\"),\n    node: \"amount\",\n    type: \"decimal\",\n  },\n  {\n    key: \"payment_time\",\n    label: t(\"neetoPayments.common.paymentTime\"),\n    node: \"payment_at\",\n    type: \"date\",\n  },\n];\n\nexport const TAG_STYLE = {\n  initiated: \"blue\",\n  declined: \"red\",\n  successful: \"green\",\n  refunded: \"secondary\",\n  cancelled: \"secondary\",\n  pending: \"amber\",\n  paid: \"green\",\n  failed: \"red\",\n  in_transit: \"blue\",\n  rejected: \"red\",\n  confirmationPending: \"amber\",\n  authorized: \"amber\",\n};\n\nexport const PAYMENT_PROVIDER = { eupi: \"eupi\" };\n\nexport const DEFAULT_BADGE_VARIANT = \"amber\";\n\nexport const DEFAULT_SORT_PROPERTIES = {\n  sortBy: \"payment_at\",\n  orderBy: \"DESC\",\n};\n","import { Badge, Button, Tooltip, Typography } from \"@bigbinary/neeto-atoms\";\nimport { t } from \"i18next\";\nimport { snakeToCamelCase, humanize, isPresent, isNotPresent } from \"neetocist\";\nimport DateFormat from \"neetomolecules/v2/DateFormat\";\nimport { concat, curry } from \"ramda\";\n\nimport { formatAmount, formatCurrency } from \"utils\";\nimport CopyButtonWrapper from \"v2/components/Common/CopyButtonWrapper\";\n\nimport {\n  DEFAULT_BADGE_VARIANT,\n  TAG_STYLE,\n  PAYMENT_PROVIDER,\n} from \"../constants\";\n\nconst getTagStyle = status => TAG_STYLE[status] || DEFAULT_BADGE_VARIANT;\n\nconst preProcessStatus = (type, status, record = {}) => {\n  if (type === \"payment\") {\n    return record.isRefunded ? \"refunded\" : status;\n  }\n\n  return snakeToCamelCase(status);\n};\n\nconst renderIdentifier = (identifier, { receiptUrl, paymentScreenshotUrl }) => {\n  const isTemporaryIdentifier = identifier?.startsWith(\"temp_\");\n\n  if (isTemporaryIdentifier) {\n    return (\n      <Tooltip\n        content={t(\"neetoPayments.tooltipContent.paymentIdentifierUnavailable\")}\n        position=\"top\"\n      >\n        <div className=\"text-center\">\n          <Typography variant=\"body2\">\n            {t(\"neetoPayments.common.notAvailable\")}\n          </Typography>\n        </div>\n      </Tooltip>\n    );\n  }\n\n  if (isNotPresent(identifier) && isPresent(paymentScreenshotUrl)) {\n    return (\n      <Tooltip\n        content={t(\"neetoPayments.tooltipContent.screenshotUploadedByCustomer\")}\n        position=\"top\"\n      >\n        <div className=\"text-center\">\n          <Typography variant=\"body2\">-</Typography>\n        </div>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <CopyButtonWrapper content={identifier}>\n      <Button\n        href={receiptUrl}\n        label={identifier}\n        size=\"sm\"\n        target=\"_blank\"\n        variant=\"link\"\n      />\n    </CopyButtonWrapper>\n  );\n};\n\nconst renderStatus = curry((type, status, record) => {\n  if (isNotPresent(status)) {\n    return (\n      <Typography variant=\"body2\">\n        {t(\"neetoPayments.common.notAvailable\")}\n      </Typography>\n    );\n  }\n\n  const processedStatus = preProcessStatus(type, status, record);\n\n  return (\n    <Tooltip\n      content={t(`neetoPayments.tooltipContent.${type}.${processedStatus}`)}\n      position=\"top\"\n    >\n      <div className=\"w-fit\">\n        <Badge variant={getTagStyle(snakeToCamelCase(processedStatus))}>\n          {humanize(t(`neetoPayments.tagLabels.${type}.${processedStatus}`))}\n        </Badge>\n      </div>\n    </Tooltip>\n  );\n});\n\nconst renderPaymentProvider = paymentProvider => {\n  if (paymentProvider === PAYMENT_PROVIDER.eupi) {\n    return t(\"neetoPayments.common.upi\");\n  }\n\n  return humanize(paymentProvider);\n};\n\nconst renderDate = date => {\n  if (isPresent(date)) {\n    return <DateFormat.DateTime {...{ date }} />;\n  }\n\n  return (\n    <Typography variant=\"body2\">\n      {t(\"neetoPayments.common.notAvailable\")}\n    </Typography>\n  );\n};\n\nconst renderPayoutTraceId = value => {\n  if (isPresent(value)) return value;\n\n  return (\n    <Typography variant=\"body2\">\n      {t(\"neetoPayments.common.notAvailable\")}\n    </Typography>\n  );\n};\n\nexport const getDefaultColumns = dashboardKind => {\n  let columns = [\n    {\n      header: t(\"neetoPayments.common.id\"),\n      id: \"id\",\n      accessorKey: \"id\",\n      size: 85,\n      position: 0,\n      enableHiding: false,\n    },\n    {\n      header: t(\"neetoPayments.common.identifier\"),\n      id: \"identifier\",\n      accessorKey: \"identifier\",\n      size: 300,\n      cell: ({ row }) =>\n        renderIdentifier(row.getValue(\"identifier\"), row.original),\n      position: 1,\n      enableHiding: false,\n    },\n    {\n      header: t(\"neetoPayments.common.provider\"),\n      id: \"paymentProvider\",\n      accessorKey: \"paymentProvider\",\n      size: 150,\n      cell: ({ row }) => renderPaymentProvider(row.getValue(\"paymentProvider\")),\n      position: 2,\n    },\n    {\n      header: t(\"neetoPayments.common.status\"),\n      id: \"status\",\n      accessorKey: \"status\",\n      size: 150,\n      cell: ({ row }) =>\n        renderStatus(\"transaction\")(row.getValue(\"status\"), row.original),\n      enableSorting: true,\n      position: 3,\n      enableHiding: false,\n    },\n    {\n      header: t(\"neetoPayments.common.totalAmount\"),\n      id: \"amount\",\n      accessorKey: \"amount\",\n      size: 200,\n      cell: ({ row }) => formatAmount(row.getValue(\"amount\")),\n      enableSorting: true,\n      position: 4,\n    },\n    {\n      header: t(\"neetoPayments.common.taxAmount\"),\n      id: \"taxAmount\",\n      accessorKey: \"taxAmount\",\n      size: 200,\n      cell: ({ row }) => formatAmount(row.getValue(\"taxAmount\")),\n      enableSorting: true,\n      position: 4,\n    },\n    {\n      header: t(\"neetoPayments.common.tipAmount\"),\n      id: \"tipAmount\",\n      accessorKey: \"tipAmount\",\n      size: 200,\n      cell: ({ row }) => formatAmount(row.getValue(\"tipAmount\")),\n      enableSorting: true,\n      position: 4,\n    },\n    {\n      header: t(\"neetoPayments.common.currency\"),\n      id: \"currency\",\n      accessorKey: \"currency\",\n      size: 180,\n      cell: ({ row }) => formatCurrency(row.getValue(\"currency\")),\n      enableSorting: true,\n      position: 4,\n    },\n    {\n      header: t(\"neetoPayments.common.paymentTime\"),\n      id: \"paymentTime\",\n      accessorKey: \"paymentAt\",\n      size: 190,\n      cell: ({ row }) => renderDate(row.getValue(\"paymentAt\")),\n      enableSorting: true,\n      position: 6,\n    },\n    {\n      header: t(\"neetoPayments.common.notes\"),\n      id: \"notes\",\n      accessorKey: \"notes\",\n      size: 250,\n      position: 10,\n    },\n  ];\n\n  if (dashboardKind === \"connected\") {\n    columns = concat(\n      [\n        {\n          header: t(\"neetoPayments.common.payoutStatus\"),\n          id: \"payoutStatus\",\n          accessorFn: row => row.payout?.status,\n          size: 200,\n          cell: ({ row }) =>\n            renderStatus(\"payout\")(row.original.payout?.status, row.original),\n          position: 7,\n        },\n        {\n          header: t(\"neetoPayments.common.payoutArrivalDate\"),\n          id: \"payoutArrivalDate\",\n          accessorFn: row => row.payout?.arrivalDate,\n          size: 235,\n          cell: ({ row }) => renderDate(row.original.payout?.arrivalDate),\n          enableSorting: true,\n          position: 8,\n        },\n        {\n          header: t(\"neetoPayments.common.payoutTraceId\"),\n          id: \"payoutTraceId\",\n          accessorFn: row => row.payout?.traceId?.value,\n          size: 205,\n          cell: ({ row }) =>\n            renderPayoutTraceId(row.original.payout?.traceId?.value),\n          position: 9,\n        },\n      ],\n      columns\n    );\n  }\n\n  return columns;\n};\n","import {\n  map,\n  prop,\n  concat,\n  mergeDeepWith,\n  mergeLeft,\n  isNil,\n  reject,\n  isEmpty,\n} from \"ramda\";\n\nimport { FILTER_COLUMNS, SEARCH_PROPS } from \"./constants\";\n\nexport const buildSearchProps = (searchProps, searchTerm) =>\n  mergeDeepWith(\n    concat,\n    SEARCH_PROPS,\n    mergeLeft({ value: searchTerm.trim() }, searchProps)\n  );\n\nexport const buildFilterColumns = (payableEntityColumns = []) =>\n  reject(\n    isNil,\n    concat(FILTER_COLUMNS, map(prop(\"filterProps\"), payableEntityColumns))\n  );\n\nexport const buildRowData = ({ payments, pageProperties = {} }) =>\n  payments?.map((element, index) => ({\n    ...element,\n    id: isEmpty(pageProperties)\n      ? index + 1\n      : pageProperties.pageSize * (pageProperties.page - 1) + index + 1,\n  }));\n","import { useMemo } from \"react\";\n\nimport { DataTable, Empty } from \"@bigbinary/neeto-atoms\";\nimport { camelToSnakeCase, isNotPresent, humanize } from \"neetocist\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { useTableConfigurations } from \"neetomolecules/v2/Columns\";\nimport TableWrapper from \"neetomolecules/v2/TableWrapper\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { TABLE_KEYS } from \"src/constants/tableKeys\";\nimport { buildDefaultTableColumns } from \"v2/utils\";\n\nimport { getDefaultColumns } from \"./columns/utils\";\nimport { PAYMENT_DASHBOARD_TAB, DEFAULT_SORT_PROPERTIES } from \"./constants\";\nimport { buildRowData } from \"./utils\";\n\nconst List = ({\n  dashboardKind,\n  isFetching,\n  payments,\n  payableEntityColumns,\n  setSortProperties,\n  pageProperties,\n  handleTablePagination,\n  views,\n}) => {\n  const { t } = useTranslation();\n\n  const { tab = PAYMENT_DASHBOARD_TAB.all } = getQueryParams();\n\n  const paymentsCount = useMemo(() => views?.[tab], [views, tab]);\n\n  const defaultColumns = useMemo(\n    () => getDefaultColumns(dashboardKind),\n    [dashboardKind]\n  );\n\n  const allColumns = useMemo(\n    () =>\n      buildDefaultTableColumns({\n        payableEntityColumns,\n        defaultColumns,\n        isAllTab: tab === PAYMENT_DASHBOARD_TAB.all,\n      }),\n    [payableEntityColumns, defaultColumns, tab]\n  );\n\n  const { isTableConfigurationLoading, customizedColumns, hideColumn } =\n    useTableConfigurations(`${TABLE_KEYS.PAYMENTS_TABLE}-${tab}`, allColumns);\n\n  const rowData = useMemo(\n    () => buildRowData({ payments, pageProperties, tab }),\n    [payments, pageProperties, tab]\n  );\n\n  if (isNotPresent(payments)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Empty\n          title={\n            tab === PAYMENT_DASHBOARD_TAB.all\n              ? t(\"neetoPayments.emptyState.payments\")\n              : t(\"neetoPayments.emptyState.paymentsWithStatus\", {\n                  status: humanize(tab),\n                })\n          }\n        />\n      </div>\n    );\n  }\n\n  return (\n    <TableWrapper hasPagination={paymentsCount > pageProperties?.pageSize}>\n      <DataTable\n        allowRowClick={false}\n        columns={customizedColumns}\n        currentPage={pageProperties?.page}\n        data={rowData}\n        enableURLPagination={false}\n        enableURLSort={false}\n        loading={isFetching || isTableConfigurationLoading}\n        totalCount={paymentsCount}\n        onColumnHide={id => hideColumn(id)}\n        onPageChange={page =>\n          handleTablePagination(page, pageProperties?.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 { startTransition, useState } from \"react\";\n\nimport { Tabs, Typography } from \"@bigbinary/neeto-atoms\";\nimport { isPresent, snakeToCamelCase, humanize } from \"neetocist\";\nimport { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from \"neetocommons/constants\";\nimport { buildUrl, getQueryParams } from \"neetocommons/utils\";\nimport { Bar as FiltersBar } from \"neetofilters\";\nimport Header from \"neetomolecules/v2/Header\";\nimport SubHeader from \"neetomolecules/v2/SubHeader\";\nimport { mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { UN_HIDEABLE_COLUMNS } from \"src/constants\";\nimport { TABLE_KEYS } from \"src/constants/tableKeys\";\nimport { shouldTabsVisible } from \"utils\";\nimport { buildDefaultTableColumns } from \"v2/utils\";\n\nimport { getDefaultColumns } from \"./columns/utils\";\nimport { PAYMENT_DASHBOARD_TAB } from \"./constants\";\n\nconst TopSection = ({\n  views,\n  filters,\n  setFilters,\n  filterableColumns,\n  searchKeywordProps,\n  payableEntityColumns,\n  setIsExportModalOpen,\n  dashboardKind,\n}) => {\n  const [isFilterPaneOpen, setIsFilterPaneOpen] = useState(false);\n\n  const { t } = useTranslation();\n  const history = useHistory();\n  const { tab = PAYMENT_DASHBOARD_TAB.all } = getQueryParams();\n\n  const paymentsCount = views?.[tab];\n  const isPaymentCountVisible =\n    paymentsCount > 0 || (paymentsCount === 0 && isPresent(filters));\n  const isFilterButtonVisible = isPaymentCountVisible || isPresent(filters);\n\n  const handleFiltersChange = filters => {\n    startTransition(() => {\n      setFilters(filters);\n    });\n  };\n\n  const handleTabChange = tab => {\n    const queryParams = getQueryParams({ toCamelCase: false });\n    const newParams = {\n      tab,\n      page: DEFAULT_PAGE_INDEX,\n      page_size: DEFAULT_PAGE_SIZE,\n    };\n\n    history.push(\n      buildUrl(window.location.pathname, mergeLeft(newParams, queryParams))\n    );\n  };\n\n  return (\n    <>\n      <Header\n        title={t(\"neetoPayments.title.payments\")}\n        searchProps={\n          isFilterButtonVisible && {\n            placeholder: searchKeywordProps.placeholder,\n            className:\n              searchKeywordProps.placeholder?.length > 30 ? \"w-96\" : \"w-64\",\n          }\n        }\n      />\n      {shouldTabsVisible(views) && (\n        <Tabs value={tab} onValueChange={handleTabChange}>\n          <Tabs.List>\n            {Object.keys(PAYMENT_DASHBOARD_TAB).map(item => (\n              <Tabs.Item key={item} value={item}>\n                {t(`neetoPayments.common.${snakeToCamelCase(item)}`)}\n              </Tabs.Item>\n            ))}\n          </Tabs.List>\n        </Tabs>\n      )}\n      <SubHeader\n        className=\"my-4\"\n        leftActionBlock={\n          isPaymentCountVisible && (\n            <Typography className=\"me-2 font-semibold\" variant=\"body1\">\n              {tab === PAYMENT_DASHBOARD_TAB.all\n                ? t(\"neetoPayments.countOf.payment\", { count: paymentsCount })\n                : t(\"neetoPayments.countOf.paymentWithStatus\", {\n                    count: paymentsCount,\n                    status: humanize(tab),\n                  })}\n            </Typography>\n          )\n        }\n        rightActionBlock={\n          isFilterButtonVisible && (\n            <SubHeader.RightBlock\n              columnsButtonProps={{\n                columnData: buildDefaultTableColumns({\n                  defaultColumns: getDefaultColumns(dashboardKind),\n                  payableEntityColumns,\n                  isAllTab: tab === PAYMENT_DASHBOARD_TAB.all,\n                }),\n                fixedColumns: UN_HIDEABLE_COLUMNS,\n                tableKey: `${TABLE_KEYS.PAYMENTS_TABLE}-${tab}`,\n              }}\n              downloadButtonProps={{\n                onClick: () => setIsExportModalOpen(true),\n              }}\n              filterProps={{\n                columns: filterableColumns,\n                isOpen: isFilterPaneOpen,\n                keyword: searchKeywordProps,\n                setIsOpen: setIsFilterPaneOpen,\n                onChange: handleFiltersChange,\n              }}\n            />\n          )\n        }\n      />\n      <FiltersBar\n        columns={filterableColumns}\n        keyword={searchKeywordProps}\n        setIsPaneOpen={setIsFilterPaneOpen}\n        onChange={handleFiltersChange}\n      />\n    </>\n  );\n};\n\nexport default TopSection;\n","import { useEffect, useMemo, useState } from \"react\";\n\nimport { Spinner } from \"@bigbinary/neeto-atoms\";\nimport { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from \"neetocommons/constants\";\nimport { buildUrl, getQueryParams } from \"neetocommons/utils\";\nimport { buildFiltersFromURL } from \"neetofilters\";\nimport { mergeLeft } from \"ramda\";\nimport { useHistory } from \"react-router-dom\";\n\nimport ExportModal from \"v2/components/Common/ExportModal\";\nimport { useFetchPayments } from \"hooks/reactQuery/usePaymentsApi\";\nimport { DEFAULT_PAGE_VALUES, DASHBOARD_KIND } from \"src/constants\";\nimport { mergeEnforcedFilters } from \"utils/dashboard\";\n\nimport { PAYMENT_DASHBOARD_TAB, DEFAULT_SORT_PROPERTIES } from \"./constants\";\nimport List from \"./List\";\nimport TopSection from \"./TopSection\";\nimport { buildFilterColumns, buildSearchProps } from \"./utils\";\n\nconst PaymentsDashboard = ({\n  searchProps,\n  payableEntityColumns,\n  holdableIds = {},\n  enforceFilterValues = [],\n  isIncludeAllHoldableIds = false,\n  dashboardKind = \"platform\",\n}) => {\n  const { searchTerm = \"\" } = getQueryParams();\n  const filterableColumns = buildFilterColumns(payableEntityColumns);\n  const searchKeywordProps = buildSearchProps(searchProps, searchTerm);\n\n  const [sortProperties, setSortProperties] = useState(DEFAULT_SORT_PROPERTIES);\n  const [pageProperties, setPageProperties] = useState(DEFAULT_PAGE_VALUES);\n  const [isExportModalOpen, setIsExportModalOpen] = useState(false);\n  const [filters, setFilters] = useState(\n    buildFiltersFromURL([...filterableColumns, searchKeywordProps])\n  );\n  const history = useHistory();\n  const { tab = PAYMENT_DASHBOARD_TAB.all } = getQueryParams();\n\n  const apiFilters = useMemo(\n    () => mergeEnforcedFilters(filters, enforceFilterValues, filterableColumns),\n    [filters, enforceFilterValues, filterableColumns]\n  );\n\n  const payload = {\n    dashboardKind,\n    holdableIds,\n    isIncludeAllHoldableIds,\n    tab,\n    filters: apiFilters,\n    ...pageProperties,\n    ...sortProperties,\n  };\n\n  const {\n    data: { payments, views } = {},\n    isFetching,\n    isPending: isPaymentsLoading,\n  } = useFetchPayments(payload, { enabled: true });\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({ 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 (isPaymentsLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <TopSection\n        {...{\n          dashboardKind,\n          filterableColumns,\n          filters,\n          pageProperties,\n          payableEntityColumns,\n          searchKeywordProps,\n          setFilters,\n          setIsExportModalOpen,\n          setPageProperties,\n          setSortProperties,\n          views,\n        }}\n      />\n      <List\n        {...{\n          dashboardKind,\n          handleTablePagination,\n          isFetching,\n          pageProperties,\n          payableEntityColumns,\n          payments,\n          setSortProperties,\n          views,\n        }}\n      />\n      <ExportModal\n        {...{\n          holdableIds,\n          isExportModalOpen,\n          setIsExportModalOpen,\n          sortProperties,\n        }}\n        dashboardKind={DASHBOARD_KIND.payments}\n        filters={apiFilters}\n      />\n    </>\n  );\n};\n\nexport default PaymentsDashboard;\n"],"names":["PAYMENT_DASHBOARD_TAB","all","successful","declined","refunded","pending","rejected","confirmation_pending","SEARCH_PROPS","node","key","model","FILTER_COLUMNS","label","t","type","values","map","toLabelAndValue","PAYMENT_PROVIDERS","toUpperCase","value","TAG_STYLE","initiated","cancelled","paid","failed","in_transit","confirmationPending","authorized","PAYMENT_PROVIDER","eupi","DEFAULT_BADGE_VARIANT","DEFAULT_SORT_PROPERTIES","sortBy","orderBy","getTagStyle","status","preProcessStatus","record","isRefunded","snakeToCamelCase","renderIdentifier","identifier","receiptUrl","paymentScreenshotUrl","isTemporaryIdentifier","startsWith","_jsx","Tooltip","content","position","children","className","Typography","variant","isNotPresent","isPresent","CopyButtonWrapper","Button","href","size","target","renderStatus","curry","processedStatus","Badge","humanize","renderPaymentProvider","paymentProvider","renderDate","date","DateFormat","DateTime","renderPayoutTraceId","getDefaultColumns","dashboardKind","columns","header","id","accessorKey","enableHiding","cell","row","getValue","original","enableSorting","formatAmount","formatCurrency","concat","accessorFn","payout","arrivalDate","traceId","buildSearchProps","searchProps","searchTerm","mergeDeepWith","mergeLeft","trim","buildFilterColumns","payableEntityColumns","reject","isNil","prop","buildRowData","payments","pageProperties","element","index","isEmpty","pageSize","page","List","isFetching","setSortProperties","handleTablePagination","views","useTranslation","tab","getQueryParams","paymentsCount","useMemo","defaultColumns","allColumns","buildDefaultTableColumns","isAllTab","isTableConfigurationLoading","customizedColumns","hideColumn","useTableConfigurations","TABLE_KEYS","PAYMENTS_TABLE","rowData","Empty","title","TableWrapper","hasPagination","DataTable","allowRowClick","currentPage","data","enableURLPagination","enableURLSort","loading","totalCount","onColumnHide","onPageChange","onSort","sort","camelToSnakeCase","field","order","TopSection","filters","setFilters","filterableColumns","searchKeywordProps","setIsExportModalOpen","isFilterPaneOpen","setIsFilterPaneOpen","useState","history","useHistory","isPaymentCountVisible","isFilterButtonVisible","handleFiltersChange","startTransition","handleTabChange","queryParams","toCamelCase","newParams","DEFAULT_PAGE_INDEX","page_size","DEFAULT_PAGE_SIZE","push","buildUrl","window","location","pathname","_jsxs","_Fragment","Header","placeholder","length","shouldTabsVisible","Tabs","onValueChange","Object","keys","item","Item","SubHeader","leftActionBlock","count","rightActionBlock","RightBlock","columnsButtonProps","columnData","fixedColumns","UN_HIDEABLE_COLUMNS","tableKey","downloadButtonProps","onClick","filterProps","isOpen","keyword","setIsOpen","onChange","FiltersBar","setIsPaneOpen","PaymentsDashboard","holdableIds","enforceFilterValues","isIncludeAllHoldableIds","sortProperties","setPageProperties","DEFAULT_PAGE_VALUES","isExportModalOpen","buildFiltersFromURL","apiFilters","mergeEnforcedFilters","payload","isPending","isPaymentsLoading","useFetchPayments","enabled","useEffect","Spinner","ExportModal","DASHBOARD_KIND"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,qBAAqB,GAAG;AACnCC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,UAAU,EAAE,YAAY;AACxBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,oBAAoB,EAAE;AACxB,CAAC;AAEM,MAAMC,YAAY,GAAG;AAC1BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,aAAa;AAClBC,EAAAA,KAAK,EAAE;AACT,CAAC;AAEM,MAAMC,cAAc,GAAG,CAC5B;AACEF,EAAAA,GAAG,EAAE,kBAAkB;AACvBG,EAAAA,KAAK,EAAEC,CAAC,CAAC,sCAAsC,CAAC;AAChDL,EAAAA,IAAI,EAAE,kBAAkB;AACxBM,EAAAA,IAAI,EAAE,eAAe;EACrBC,MAAM,EAAE,CACN,GAAGC,GAAG,CAACC,eAAe,EAAEC,iBAAiB,CAAC,EAC1C;IAAEN,KAAK,EAAEC,CAAC,CAAC,0BAA0B,CAAC,CAACM,WAAW,EAAE;AAAEC,IAAAA,KAAK,EAAE;GAAQ;AAEzE,CAAC,EACD;AACEX,EAAAA,GAAG,EAAE,QAAQ;AACbG,EAAAA,KAAK,EAAEC,CAAC,CAAC,6BAA6B,CAAC;AACvCL,EAAAA,IAAI,EAAE,QAAQ;AACdM,EAAAA,IAAI,EAAE;AACR,CAAC,EACD;AACEL,EAAAA,GAAG,EAAE,cAAc;AACnBG,EAAAA,KAAK,EAAEC,CAAC,CAAC,kCAAkC,CAAC;AAC5CL,EAAAA,IAAI,EAAE,YAAY;AAClBM,EAAAA,IAAI,EAAE;AACR,CAAC,CACF;AAEM,MAAMO,SAAS,GAAG;AACvBC,EAAAA,SAAS,EAAE,MAAM;AACjBpB,EAAAA,QAAQ,EAAE,KAAK;AACfD,EAAAA,UAAU,EAAE,OAAO;AACnBE,EAAAA,QAAQ,EAAE,WAAW;AACrBoB,EAAAA,SAAS,EAAE,WAAW;AACtBnB,EAAAA,OAAO,EAAE,OAAO;AAChBoB,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,UAAU,EAAE,MAAM;AAClBrB,EAAAA,QAAQ,EAAE,KAAK;AACfsB,EAAAA,mBAAmB,EAAE,OAAO;AAC5BC,EAAAA,UAAU,EAAE;AACd,CAAC;AAEM,MAAMC,gBAAgB,GAAG;AAAEC,EAAAA,IAAI,EAAE;AAAO,CAAC;AAEzC,MAAMC,qBAAqB,GAAG,OAAO;AAErC,MAAMC,uBAAuB,GAAG;AACrCC,EAAAA,MAAM,EAAE,YAAY;AACpBC,EAAAA,OAAO,EAAE;AACX,CAAC;;ACxDD,MAAMC,WAAW,GAAGC,MAAM,IAAIf,SAAS,CAACe,MAAM,CAAC,IAAIL,qBAAqB;AAExE,MAAMM,gBAAgB,GAAGA,CAACvB,IAAI,EAAEsB,MAAM,EAAEE,MAAM,GAAG,EAAE,KAAK;EACtD,IAAIxB,IAAI,KAAK,SAAS,EAAE;AACtB,IAAA,OAAOwB,MAAM,CAACC,UAAU,GAAG,UAAU,GAAGH,MAAM;AAChD,EAAA;EAEA,OAAOI,gBAAgB,CAACJ,MAAM,CAAC;AACjC,CAAC;AAED,MAAMK,gBAAgB,GAAGA,CAACC,UAAU,EAAE;EAAEC,UAAU;AAAEC,EAAAA;AAAqB,CAAC,KAAK;AAC7E,EAAA,MAAMC,qBAAqB,GAAGH,UAAU,EAAEI,UAAU,CAAC,OAAO,CAAC;AAE7D,EAAA,IAAID,qBAAqB,EAAE;IACzB,oBACEE,GAAA,CAACC,OAAO,EAAA;AACNC,MAAAA,OAAO,EAAEpC,CAAC,CAAC,2DAA2D,CAAE;AACxEqC,MAAAA,QAAQ,EAAC,KAAK;AAAAC,MAAAA,QAAA,eAEdJ,GAAA,CAAA,KAAA,EAAA;AAAKK,QAAAA,SAAS,EAAC,aAAa;QAAAD,QAAA,eAC1BJ,GAAA,CAACM,UAAU,EAAA;AAACC,UAAAA,OAAO,EAAC,OAAO;UAAAH,QAAA,EACxBtC,CAAC,CAAC,mCAAmC;SAC5B;OACT;AAAC,KACC,CAAC;AAEd,EAAA;EAEA,IAAI0C,YAAY,CAACb,UAAU,CAAC,IAAIc,SAAS,CAACZ,oBAAoB,CAAC,EAAE;IAC/D,oBACEG,GAAA,CAACC,OAAO,EAAA;AACNC,MAAAA,OAAO,EAAEpC,CAAC,CAAC,2DAA2D,CAAE;AACxEqC,MAAAA,QAAQ,EAAC,KAAK;AAAAC,MAAAA,QAAA,eAEdJ,GAAA,CAAA,KAAA,EAAA;AAAKK,QAAAA,SAAS,EAAC,aAAa;QAAAD,QAAA,eAC1BJ,GAAA,CAACM,UAAU,EAAA;AAACC,UAAAA,OAAO,EAAC,OAAO;AAAAH,UAAAA,QAAA,EAAC;SAAa;OACtC;AAAC,KACC,CAAC;AAEd,EAAA;EAEA,oBACEJ,GAAA,CAACU,iBAAiB,EAAA;AAACR,IAAAA,OAAO,EAAEP,UAAW;IAAAS,QAAA,eACrCJ,GAAA,CAACW,MAAM,EAAA;AACLC,MAAAA,IAAI,EAAEhB,UAAW;AACjB/B,MAAAA,KAAK,EAAE8B,UAAW;AAClBkB,MAAAA,IAAI,EAAC,IAAI;AACTC,MAAAA,MAAM,EAAC,QAAQ;AACfP,MAAAA,OAAO,EAAC;KACT;AAAC,GACe,CAAC;AAExB,CAAC;AAED,MAAMQ,YAAY,GAAGC,KAAK,CAAC,CAACjD,IAAI,EAAEsB,MAAM,EAAEE,MAAM,KAAK;AACnD,EAAA,IAAIiB,YAAY,CAACnB,MAAM,CAAC,EAAE;IACxB,oBACEW,GAAA,CAACM,UAAU,EAAA;AAACC,MAAAA,OAAO,EAAC,OAAO;MAAAH,QAAA,EACxBtC,CAAC,CAAC,mCAAmC;AAAC,KAC7B,CAAC;AAEjB,EAAA;EAEA,MAAMmD,eAAe,GAAG3B,gBAAgB,CAACvB,IAAI,EAAEsB,MAAM,EAAEE,MAAM,CAAC;EAE9D,oBACES,GAAA,CAACC,OAAO,EAAA;IACNC,OAAO,EAAEpC,CAAC,CAAC,CAAA,6BAAA,EAAgCC,IAAI,CAAA,CAAA,EAAIkD,eAAe,EAAE,CAAE;AACtEd,IAAAA,QAAQ,EAAC,KAAK;AAAAC,IAAAA,QAAA,eAEdJ,GAAA,CAAA,KAAA,EAAA;AAAKK,MAAAA,SAAS,EAAC,OAAO;MAAAD,QAAA,eACpBJ,GAAA,CAACkB,KAAK,EAAA;AAACX,QAAAA,OAAO,EAAEnB,WAAW,CAACK,gBAAgB,CAACwB,eAAe,CAAC,CAAE;QAAAb,QAAA,EAC5De,QAAQ,CAACrD,CAAC,CAAC,2BAA2BC,IAAI,CAAA,CAAA,EAAIkD,eAAe,CAAA,CAAE,CAAC;OAC5D;KACJ;AAAC,GACC,CAAC;AAEd,CAAC,CAAC;AAEF,MAAMG,qBAAqB,GAAGC,eAAe,IAAI;AAC/C,EAAA,IAAIA,eAAe,KAAKvC,gBAAgB,CAACC,IAAI,EAAE;IAC7C,OAAOjB,CAAC,CAAC,0BAA0B,CAAC;AACtC,EAAA;EAEA,OAAOqD,QAAQ,CAACE,eAAe,CAAC;AAClC,CAAC;AAED,MAAMC,UAAU,GAAGC,IAAI,IAAI;AACzB,EAAA,IAAId,SAAS,CAACc,IAAI,CAAC,EAAE;AACnB,IAAA,oBAAOvB,GAAA,CAACwB,UAAU,CAACC,QAAQ,EAAA;AAAOF,MAAAA;AAAI,KAAK,CAAC;AAC9C,EAAA;EAEA,oBACEvB,GAAA,CAACM,UAAU,EAAA;AAACC,IAAAA,OAAO,EAAC,OAAO;IAAAH,QAAA,EACxBtC,CAAC,CAAC,mCAAmC;AAAC,GAC7B,CAAC;AAEjB,CAAC;AAED,MAAM4D,mBAAmB,GAAGrD,KAAK,IAAI;AACnC,EAAA,IAAIoC,SAAS,CAACpC,KAAK,CAAC,EAAE,OAAOA,KAAK;EAElC,oBACE2B,GAAA,CAACM,UAAU,EAAA;AAACC,IAAAA,OAAO,EAAC,OAAO;IAAAH,QAAA,EACxBtC,CAAC,CAAC,mCAAmC;AAAC,GAC7B,CAAC;AAEjB,CAAC;AAEM,MAAM6D,iBAAiB,GAAGC,aAAa,IAAI;EAChD,IAAIC,OAAO,GAAG,CACZ;AACEC,IAAAA,MAAM,EAAEhE,CAAC,CAAC,yBAAyB,CAAC;AACpCiE,IAAAA,EAAE,EAAE,IAAI;AACRC,IAAAA,WAAW,EAAE,IAAI;AACjBnB,IAAAA,IAAI,EAAE,EAAE;AACRV,IAAAA,QAAQ,EAAE,CAAC;AACX8B,IAAAA,YAAY,EAAE;AAChB,GAAC,EACD;AACEH,IAAAA,MAAM,EAAEhE,CAAC,CAAC,iCAAiC,CAAC;AAC5CiE,IAAAA,EAAE,EAAE,YAAY;AAChBC,IAAAA,WAAW,EAAE,YAAY;AACzBnB,IAAAA,IAAI,EAAE,GAAG;AACTqB,IAAAA,IAAI,EAAEA,CAAC;AAAEC,MAAAA;AAAI,KAAC,KACZzC,gBAAgB,CAACyC,GAAG,CAACC,QAAQ,CAAC,YAAY,CAAC,EAAED,GAAG,CAACE,QAAQ,CAAC;AAC5DlC,IAAAA,QAAQ,EAAE,CAAC;AACX8B,IAAAA,YAAY,EAAE;AAChB,GAAC,EACD;AACEH,IAAAA,MAAM,EAAEhE,CAAC,CAAC,+BAA+B,CAAC;AAC1CiE,IAAAA,EAAE,EAAE,iBAAiB;AACrBC,IAAAA,WAAW,EAAE,iBAAiB;AAC9BnB,IAAAA,IAAI,EAAE,GAAG;AACTqB,IAAAA,IAAI,EAAEA,CAAC;AAAEC,MAAAA;KAAK,KAAKf,qBAAqB,CAACe,GAAG,CAACC,QAAQ,CAAC,iBAAiB,CAAC,CAAC;AACzEjC,IAAAA,QAAQ,EAAE;AACZ,GAAC,EACD;AACE2B,IAAAA,MAAM,EAAEhE,CAAC,CAAC,6BAA6B,CAAC;AACxCiE,IAAAA,EAAE,EAAE,QAAQ;AACZC,IAAAA,WAAW,EAAE,QAAQ;AACrBnB,IAAAA,IAAI,EAAE,GAAG;AACTqB,IAAAA,IAAI,EAAEA,CAAC;AAAEC,MAAAA;AAAI,KAAC,KACZpB,YAAY,CAAC,aAAa,CAAC,CAACoB,GAAG,CAACC,QAAQ,CAAC,QAAQ,CAAC,EAAED,GAAG,CAACE,QAAQ,CAAC;AACnEC,IAAAA,aAAa,EAAE,IAAI;AACnBnC,IAAAA,QAAQ,EAAE,CAAC;AACX8B,IAAAA,YAAY,EAAE;AAChB,GAAC,EACD;AACEH,IAAAA,MAAM,EAAEhE,CAAC,CAAC,kCAAkC,CAAC;AAC7CiE,IAAAA,EAAE,EAAE,QAAQ;AACZC,IAAAA,WAAW,EAAE,QAAQ;AACrBnB,IAAAA,IAAI,EAAE,GAAG;AACTqB,IAAAA,IAAI,EAAEA,CAAC;AAAEC,MAAAA;KAAK,KAAKI,YAAY,CAACJ,GAAG,CAACC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AACvDE,IAAAA,aAAa,EAAE,IAAI;AACnBnC,IAAAA,QAAQ,EAAE;AACZ,GAAC,EACD;AACE2B,IAAAA,MAAM,EAAEhE,CAAC,CAAC,gCAAgC,CAAC;AAC3CiE,IAAAA,EAAE,EAAE,WAAW;AACfC,IAAAA,WAAW,EAAE,WAAW;AACxBnB,IAAAA,IAAI,EAAE,GAAG;AACTqB,IAAAA,IAAI,EAAEA,CAAC;AAAEC,MAAAA;KAAK,KAAKI,YAAY,CAACJ,GAAG,CAACC,QAAQ,CAAC,WAAW,CAAC,CAAC;AAC1DE,IAAAA,aAAa,EAAE,IAAI;AACnBnC,IAAAA,QAAQ,EAAE;AACZ,GAAC,EACD;AACE2B,IAAAA,MAAM,EAAEhE,CAAC,CAAC,gCAAgC,CAAC;AAC3CiE,IAAAA,EAAE,EAAE,WAAW;AACfC,IAAAA,WAAW,EAAE,WAAW;AACxBnB,IAAAA,IAAI,EAAE,GAAG;AACTqB,IAAAA,IAAI,EAAEA,CAAC;AAAEC,MAAAA;KAAK,KAAKI,YAAY,CAACJ,GAAG,CAACC,QAAQ,CAAC,WAAW,CAAC,CAAC;AAC1DE,IAAAA,aAAa,EAAE,IAAI;AACnBnC,IAAAA,QAAQ,EAAE;AACZ,GAAC,EACD;AACE2B,IAAAA,MAAM,EAAEhE,CAAC,CAAC,+BAA+B,CAAC;AAC1CiE,IAAAA,EAAE,EAAE,UAAU;AACdC,IAAAA,WAAW,EAAE,UAAU;AACvBnB,IAAAA,IAAI,EAAE,GAAG;AACTqB,IAAAA,IAAI,EAAEA,CAAC;AAAEC,MAAAA;KAAK,KAAKK,cAAc,CAACL,GAAG,CAACC,QAAQ,CAAC,UAAU,CAAC,CAAC;AAC3DE,IAAAA,aAAa,EAAE,IAAI;AACnBnC,IAAAA,QAAQ,EAAE;AACZ,GAAC,EACD;AACE2B,IAAAA,MAAM,EAAEhE,CAAC,CAAC,kCAAkC,CAAC;AAC7CiE,IAAAA,EAAE,EAAE,aAAa;AACjBC,IAAAA,WAAW,EAAE,WAAW;AACxBnB,IAAAA,IAAI,EAAE,GAAG;AACTqB,IAAAA,IAAI,EAAEA,CAAC;AAAEC,MAAAA;KAAK,KAAKb,UAAU,CAACa,GAAG,CAACC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACxDE,IAAAA,aAAa,EAAE,IAAI;AACnBnC,IAAAA,QAAQ,EAAE;AACZ,GAAC,EACD;AACE2B,IAAAA,MAAM,EAAEhE,CAAC,CAAC,4BAA4B,CAAC;AACvCiE,IAAAA,EAAE,EAAE,OAAO;AACXC,IAAAA,WAAW,EAAE,OAAO;AACpBnB,IAAAA,IAAI,EAAE,GAAG;AACTV,IAAAA,QAAQ,EAAE;AACZ,GAAC,CACF;EAED,IAAIyB,aAAa,KAAK,WAAW,EAAE;IACjCC,OAAO,GAAGY,MAAM,CACd,CACE;AACEX,MAAAA,MAAM,EAAEhE,CAAC,CAAC,mCAAmC,CAAC;AAC9CiE,MAAAA,EAAE,EAAE,cAAc;AAClBW,MAAAA,UAAU,EAAEP,GAAG,IAAIA,GAAG,CAACQ,MAAM,EAAEtD,MAAM;AACrCwB,MAAAA,IAAI,EAAE,GAAG;AACTqB,MAAAA,IAAI,EAAEA,CAAC;AAAEC,QAAAA;AAAI,OAAC,KACZpB,YAAY,CAAC,QAAQ,CAAC,CAACoB,GAAG,CAACE,QAAQ,CAACM,MAAM,EAAEtD,MAAM,EAAE8C,GAAG,CAACE,QAAQ,CAAC;AACnElC,MAAAA,QAAQ,EAAE;AACZ,KAAC,EACD;AACE2B,MAAAA,MAAM,EAAEhE,CAAC,CAAC,wCAAwC,CAAC;AACnDiE,MAAAA,EAAE,EAAE,mBAAmB;AACvBW,MAAAA,UAAU,EAAEP,GAAG,IAAIA,GAAG,CAACQ,MAAM,EAAEC,WAAW;AAC1C/B,MAAAA,IAAI,EAAE,GAAG;AACTqB,MAAAA,IAAI,EAAEA,CAAC;AAAEC,QAAAA;OAAK,KAAKb,UAAU,CAACa,GAAG,CAACE,QAAQ,CAACM,MAAM,EAAEC,WAAW,CAAC;AAC/DN,MAAAA,aAAa,EAAE,IAAI;AACnBnC,MAAAA,QAAQ,EAAE;AACZ,KAAC,EACD;AACE2B,MAAAA,MAAM,EAAEhE,CAAC,CAAC,oCAAoC,CAAC;AAC/CiE,MAAAA,EAAE,EAAE,eAAe;MACnBW,UAAU,EAAEP,GAAG,IAAIA,GAAG,CAACQ,MAAM,EAAEE,OAAO,EAAExE,KAAK;AAC7CwC,MAAAA,IAAI,EAAE,GAAG;AACTqB,MAAAA,IAAI,EAAEA,CAAC;AAAEC,QAAAA;AAAI,OAAC,KACZT,mBAAmB,CAACS,GAAG,CAACE,QAAQ,CAACM,MAAM,EAAEE,OAAO,EAAExE,KAAK,CAAC;AAC1D8B,MAAAA,QAAQ,EAAE;KACX,CACF,EACD0B,OACF,CAAC;AACH,EAAA;AAEA,EAAA,OAAOA,OAAO;AAChB,CAAC;;AChPM,MAAMiB,gBAAgB,GAAGA,CAACC,WAAW,EAAEC,UAAU,KACtDC,aAAa,CACXR,MAAM,EACNjF,YAAY,EACZ0F,SAAS,CAAC;AAAE7E,EAAAA,KAAK,EAAE2E,UAAU,CAACG,IAAI;AAAG,CAAC,EAAEJ,WAAW,CACrD,CAAC;AAEI,MAAMK,kBAAkB,GAAGA,CAACC,oBAAoB,GAAG,EAAE,KAC1DC,MAAM,CACJC,KAAK,EACLd,MAAM,CAAC7E,cAAc,EAAEK,GAAG,CAACuF,IAAI,CAAC,aAAa,CAAC,EAAEH,oBAAoB,CAAC,CACvE,CAAC;AAEI,MAAMI,YAAY,GAAGA,CAAC;EAAEC,QAAQ;AAAEC,EAAAA,cAAc,GAAG;AAAG,CAAC,KAC5DD,QAAQ,EAAEzF,GAAG,CAAC,CAAC2F,OAAO,EAAEC,KAAK,MAAM;AACjC,EAAA,GAAGD,OAAO;EACV7B,EAAE,EAAE+B,OAAO,CAACH,cAAc,CAAC,GACvBE,KAAK,GAAG,CAAC,GACTF,cAAc,CAACI,QAAQ,IAAIJ,cAAc,CAACK,IAAI,GAAG,CAAC,CAAC,GAAGH,KAAK,GAAG;AACpE,CAAC,CAAC,CAAC;;AChBL,MAAMI,IAAI,GAAGA,CAAC;EACZrC,aAAa;EACbsC,UAAU;EACVR,QAAQ;EACRL,oBAAoB;EACpBc,iBAAiB;EACjBR,cAAc;EACdS,qBAAqB;AACrBC,EAAAA;AACF,CAAC,KAAK;EACJ,MAAM;AAAEvG,IAAAA;GAAG,GAAGwG,cAAc,EAAE;EAE9B,MAAM;IAAEC,GAAG,GAAGvH,qBAAqB,CAACC;GAAK,GAAGuH,cAAc,EAAE;AAE5D,EAAA,MAAMC,aAAa,GAAGC,OAAO,CAAC,MAAML,KAAK,GAAGE,GAAG,CAAC,EAAE,CAACF,KAAK,EAAEE,GAAG,CAAC,CAAC;AAE/D,EAAA,MAAMI,cAAc,GAAGD,OAAO,CAC5B,MAAM/C,iBAAiB,CAACC,aAAa,CAAC,EACtC,CAACA,aAAa,CAChB,CAAC;AAED,EAAA,MAAMgD,UAAU,GAAGF,OAAO,CACxB,MACEG,wBAAwB,CAAC;IACvBxB,oBAAoB;IACpBsB,cAAc;AACdG,IAAAA,QAAQ,EAAEP,GAAG,KAAKvH,qBAAqB,CAACC;GACzC,CAAC,EACJ,CAACoG,oBAAoB,EAAEsB,cAAc,EAAEJ,GAAG,CAC5C,CAAC;EAED,MAAM;IAAEQ,2BAA2B;IAAEC,iBAAiB;AAAEC,IAAAA;AAAW,GAAC,GAClEC,sBAAsB,CAAC,CAAA,EAAGC,UAAU,CAACC,cAAc,CAAA,CAAA,EAAIb,GAAG,CAAA,CAAE,EAAEK,UAAU,CAAC;AAE3E,EAAA,MAAMS,OAAO,GAAGX,OAAO,CACrB,MAAMjB,YAAY,CAAC;IAAEC,QAAQ;IAAEC,cAAoB,CAAC,CAAC,EACrD,CAACD,QAAQ,EAAEC,cAAc,EAAEY,GAAG,CAChC,CAAC;AAED,EAAA,IAAI/D,YAAY,CAACkD,QAAQ,CAAC,EAAE;AAC1B,IAAA,oBACE1D,GAAA,CAAA,KAAA,EAAA;AAAKK,MAAAA,SAAS,EAAC,gDAAgD;MAAAD,QAAA,eAC7DJ,GAAA,CAACsF,KAAK,EAAA;AACJC,QAAAA,KAAK,EACHhB,GAAG,KAAKvH,qBAAqB,CAACC,GAAG,GAC7Ba,CAAC,CAAC,mCAAmC,CAAC,GACtCA,CAAC,CAAC,6CAA6C,EAAE;UAC/CuB,MAAM,EAAE8B,QAAQ,CAACoD,GAAG;SACrB;OAER;AAAC,KACC,CAAC;AAEV,EAAA;EAEA,oBACEvE,GAAA,CAACwF,YAAY,EAAA;AAACC,IAAAA,aAAa,EAAEhB,aAAa,GAAGd,cAAc,EAAEI,QAAS;IAAA3D,QAAA,eACpEJ,GAAA,CAAC0F,SAAS,EAAA;AACRC,MAAAA,aAAa,EAAE,KAAM;AACrB9D,MAAAA,OAAO,EAAEmD,iBAAkB;MAC3BY,WAAW,EAAEjC,cAAc,EAAEK,IAAK;AAClC6B,MAAAA,IAAI,EAAER,OAAQ;AACdS,MAAAA,mBAAmB,EAAE,KAAM;AAC3BC,MAAAA,aAAa,EAAE,KAAM;MACrBC,OAAO,EAAE9B,UAAU,IAAIa,2BAA4B;AACnDkB,MAAAA,UAAU,EAAExB,aAAc;AAC1ByB,MAAAA,YAAY,EAAEnE,EAAE,IAAIkD,UAAU,CAAClD,EAAE,CAAE;MACnCoE,YAAY,EAAEnC,IAAI,IAChBI,qBAAqB,CAACJ,IAAI,EAAEL,cAAc,EAAEI,QAAQ,CACrD;AACDqC,MAAAA,MAAM,EAAEC,IAAI,IACVA,IAAI,GACAlC,iBAAiB,CAAC;AAChBjF,QAAAA,MAAM,EAAEoH,gBAAgB,CAACD,IAAI,CAACE,KAAK,CAAC;QACpCpH,OAAO,EAAEkH,IAAI,CAACG,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG;AAC7C,OAAC,CAAC,GACFrC,iBAAiB,CAAClF,uBAAuB;KAEhD;AAAC,GACU,CAAC;AAEnB,CAAC;;AC5ED,MAAMwH,UAAU,GAAGA,CAAC;EAClBpC,KAAK;EACLqC,OAAO;EACPC,UAAU;EACVC,iBAAiB;EACjBC,kBAAkB;EAClBxD,oBAAoB;EACpByD,oBAAoB;AACpBlF,EAAAA;AACF,CAAC,KAAK;EACJ,MAAM,CAACmF,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC;EAE/D,MAAM;AAAEnJ,IAAAA;GAAG,GAAGwG,cAAc,EAAE;AAC9B,EAAA,MAAM4C,OAAO,GAAGC,UAAU,EAAE;EAC5B,MAAM;IAAE5C,GAAG,GAAGvH,qBAAqB,CAACC;GAAK,GAAGuH,cAAc,EAAE;AAE5D,EAAA,MAAMC,aAAa,GAAGJ,KAAK,GAAGE,GAAG,CAAC;AAClC,EAAA,MAAM6C,qBAAqB,GACzB3C,aAAa,GAAG,CAAC,IAAKA,aAAa,KAAK,CAAC,IAAIhE,SAAS,CAACiG,OAAO,CAAE;AAClE,EAAA,MAAMW,qBAAqB,GAAGD,qBAAqB,IAAI3G,SAAS,CAACiG,OAAO,CAAC;EAEzE,MAAMY,mBAAmB,GAAGZ,OAAO,IAAI;AACrCa,IAAAA,eAAe,CAAC,MAAM;MACpBZ,UAAU,CAACD,OAAO,CAAC;AACrB,IAAA,CAAC,CAAC;EACJ,CAAC;EAED,MAAMc,eAAe,GAAGjD,GAAG,IAAI;IAC7B,MAAMkD,WAAW,GAAGjD,cAAc,CAAC;AAAEkD,MAAAA,WAAW,EAAE;AAAM,KAAC,CAAC;AAC1D,IAAA,MAAMC,SAAS,GAAG;MAChBpD,GAAG;AACHP,MAAAA,IAAI,EAAE4D,kBAAkB;AACxBC,MAAAA,SAAS,EAAEC;KACZ;AAEDZ,IAAAA,OAAO,CAACa,IAAI,CACVC,QAAQ,CAACC,MAAM,CAACC,QAAQ,CAACC,QAAQ,EAAEjF,SAAS,CAACyE,SAAS,EAAEF,WAAW,CAAC,CACtE,CAAC;EACH,CAAC;EAED,oBACEW,IAAA,CAAAC,QAAA,EAAA;IAAAjI,QAAA,EAAA,cACEJ,GAAA,CAACsI,MAAM,EAAA;AACL/C,MAAAA,KAAK,EAAEzH,CAAC,CAAC,8BAA8B,CAAE;MACzCiF,WAAW,EACTsE,qBAAqB,IAAI;QACvBkB,WAAW,EAAE1B,kBAAkB,CAAC0B,WAAW;QAC3ClI,SAAS,EACPwG,kBAAkB,CAAC0B,WAAW,EAAEC,MAAM,GAAG,EAAE,GAAG,MAAM,GAAG;AAC3D;KAEH,CAAC,EACDC,iBAAiB,CAACpE,KAAK,CAAC,iBACvBrE,GAAA,CAAC0I,IAAI,EAAA;AAACrK,MAAAA,KAAK,EAAEkG,GAAI;AAACoE,MAAAA,aAAa,EAAEnB,eAAgB;AAAApH,MAAAA,QAAA,eAC/CJ,GAAA,CAAC0I,IAAI,CAACzE,IAAI,EAAA;AAAA7D,QAAAA,QAAA,EACPwI,MAAM,CAACC,IAAI,CAAC7L,qBAAqB,CAAC,CAACiB,GAAG,CAAC6K,IAAI,iBAC1C9I,GAAA,CAAC0I,IAAI,CAACK,IAAI,EAAA;AAAY1K,UAAAA,KAAK,EAAEyK,IAAK;UAAA1I,QAAA,EAC/BtC,CAAC,CAAC,CAAA,qBAAA,EAAwB2B,gBAAgB,CAACqJ,IAAI,CAAC,CAAA,CAAE;AAAC,SAAA,EADtCA,IAEL,CACZ;OACQ;AAAC,KACR,CACP,eACD9I,GAAA,CAACgJ,SAAS,EAAA;AACR3I,MAAAA,SAAS,EAAC,MAAM;AAChB4I,MAAAA,eAAe,EACb7B,qBAAqB,iBACnBpH,GAAA,CAACM,UAAU,EAAA;AAACD,QAAAA,SAAS,EAAC,oBAAoB;AAACE,QAAAA,OAAO,EAAC,OAAO;QAAAH,QAAA,EACvDmE,GAAG,KAAKvH,qBAAqB,CAACC,GAAG,GAC9Ba,CAAC,CAAC,+BAA+B,EAAE;AAAEoL,UAAAA,KAAK,EAAEzE;AAAc,SAAC,CAAC,GAC5D3G,CAAC,CAAC,yCAAyC,EAAE;AAC3CoL,UAAAA,KAAK,EAAEzE,aAAa;UACpBpF,MAAM,EAAE8B,QAAQ,CAACoD,GAAG;SACrB;AAAC,OACI,CAEf;AACD4E,MAAAA,gBAAgB,EACd9B,qBAAqB,iBACnBrH,GAAA,CAACgJ,SAAS,CAACI,UAAU,EAAA;AACnBC,QAAAA,kBAAkB,EAAE;UAClBC,UAAU,EAAEzE,wBAAwB,CAAC;AACnCF,YAAAA,cAAc,EAAEhD,iBAAiB,CAACC,aAAa,CAAC;YAChDyB,oBAAoB;AACpByB,YAAAA,QAAQ,EAAEP,GAAG,KAAKvH,qBAAqB,CAACC;AAC1C,WAAC,CAAC;AACFsM,UAAAA,YAAY,EAAEC,mBAAmB;AACjCC,UAAAA,QAAQ,EAAE,CAAA,EAAGtE,UAAU,CAACC,cAAc,IAAIb,GAAG,CAAA;SAC7C;AACFmF,QAAAA,mBAAmB,EAAE;AACnBC,UAAAA,OAAO,EAAEA,MAAM7C,oBAAoB,CAAC,IAAI;SACxC;AACF8C,QAAAA,WAAW,EAAE;AACX/H,UAAAA,OAAO,EAAE+E,iBAAiB;AAC1BiD,UAAAA,MAAM,EAAE9C,gBAAgB;AACxB+C,UAAAA,OAAO,EAAEjD,kBAAkB;AAC3BkD,UAAAA,SAAS,EAAE/C,mBAAmB;AAC9BgD,UAAAA,QAAQ,EAAE1C;AACZ;OACD;AAEJ,KACF,CAAC,eACFtH,GAAA,CAACiK,GAAU,EAAA;AACTpI,MAAAA,OAAO,EAAE+E,iBAAkB;AAC3BkD,MAAAA,OAAO,EAAEjD,kBAAmB;AAC5BqD,MAAAA,aAAa,EAAElD,mBAAoB;AACnCgD,MAAAA,QAAQ,EAAE1C;AAAoB,KAC/B,CAAC;AAAA,GACF,CAAC;AAEP,CAAC;;ACjHD,MAAM6C,iBAAiB,GAAGA,CAAC;EACzBpH,WAAW;EACXM,oBAAoB;EACpB+G,WAAW,GAAG,EAAE;AAChBC,EAAAA,mBAAmB,GAAG,EAAE;AACxBC,EAAAA,uBAAuB,GAAG,KAAK;AAC/B1I,EAAAA,aAAa,GAAG;AAClB,CAAC,KAAK;EACJ,MAAM;AAAEoB,IAAAA,UAAU,GAAG;GAAI,GAAGwB,cAAc,EAAE;AAC5C,EAAA,MAAMoC,iBAAiB,GAAGxD,kBAAkB,CAACC,oBAAoB,CAAC;AAClE,EAAA,MAAMwD,kBAAkB,GAAG/D,gBAAgB,CAACC,WAAW,EAAEC,UAAU,CAAC;EAEpE,MAAM,CAACuH,cAAc,EAAEpG,iBAAiB,CAAC,GAAG8C,QAAQ,CAAChI,uBAAuB,CAAC;EAC7E,MAAM,CAAC0E,cAAc,EAAE6G,iBAAiB,CAAC,GAAGvD,QAAQ,CAACwD,mBAAmB,CAAC;EACzE,MAAM,CAACC,iBAAiB,EAAE5D,oBAAoB,CAAC,GAAGG,QAAQ,CAAC,KAAK,CAAC;AACjE,EAAA,MAAM,CAACP,OAAO,EAAEC,UAAU,CAAC,GAAGM,QAAQ,CACpC0D,mBAAmB,CAAC,CAAC,GAAG/D,iBAAiB,EAAEC,kBAAkB,CAAC,CAChE,CAAC;AACD,EAAA,MAAMK,OAAO,GAAGC,UAAU,EAAE;EAC5B,MAAM;IAAE5C,GAAG,GAAGvH,qBAAqB,CAACC;GAAK,GAAGuH,cAAc,EAAE;EAE5D,MAAMoG,UAAU,GAAGlG,OAAO,CACxB,MAAMmG,oBAAoB,CAACnE,OAAO,EAAE2D,mBAAmB,EAAEzD,iBAAiB,CAAC,EAC3E,CAACF,OAAO,EAAE2D,mBAAmB,EAAEzD,iBAAiB,CAClD,CAAC;AAED,EAAA,MAAMkE,OAAO,GAAG;IACdlJ,aAAa;IACbwI,WAAW;IACXE,uBAAuB;IACvB/F,GAAG;AACHmC,IAAAA,OAAO,EAAEkE,UAAU;AACnB,IAAA,GAAGjH,cAAc;IACjB,GAAG4G;GACJ;EAED,MAAM;AACJ1E,IAAAA,IAAI,EAAE;MAAEnC,QAAQ;AAAEW,MAAAA;KAAO,GAAG,EAAE;IAC9BH,UAAU;AACV6G,IAAAA,SAAS,EAAEC;AACb,GAAC,GAAGC,gBAAgB,CAACH,OAAO,EAAE;AAAEI,IAAAA,OAAO,EAAE;AAAK,GAAC,CAAC;AAEhD,EAAA,MAAM9G,qBAAqB,GAAGA,CAACJ,IAAI,EAAED,QAAQ,KAAK;IAChD,MAAM0D,WAAW,GAAGjD,cAAc,CAAC;AAAEkD,MAAAA,WAAW,EAAE;AAAM,KAAC,CAAC;AAC1DR,IAAAA,OAAO,CAACa,IAAI,CACVC,QAAQ,CACNC,MAAM,CAACC,QAAQ,CAACC,QAAQ,EACxBjF,SAAS,CAAC;MAAEc,IAAI;AAAE6D,MAAAA,SAAS,EAAE9D;AAAS,KAAC,EAAE0D,WAAW,CACtD,CACF,CAAC;AACD+C,IAAAA,iBAAiB,CAAC;MAAExG,IAAI;AAAED,MAAAA;AAAS,KAAC,CAAC;EACvC,CAAC;AAEDoH,EAAAA,SAAS,CAAC,MAAM;AACd/G,IAAAA,qBAAqB,CAACwD,kBAAkB,EAAEE,iBAAiB,CAAC;IAC5D3D,iBAAiB,CAAClF,uBAAuB,CAAC;AAC5C,EAAA,CAAC,EAAE,CAACyH,OAAO,EAAEnC,GAAG,CAAC,CAAC;AAElB,EAAA,IAAIyG,iBAAiB,EAAE;AACrB,IAAA,oBACEhL,GAAA,CAAA,KAAA,EAAA;AAAKK,MAAAA,SAAS,EAAC,gDAAgD;AAAAD,MAAAA,QAAA,eAC7DJ,GAAA,CAACoL,OAAO,EAAA,EAAE;AAAC,KACR,CAAC;AAEV,EAAA;EAEA,oBACEhD,IAAA,CAAAC,QAAA,EAAA;IAAAjI,QAAA,EAAA,cACEJ,GAAA,CAACyG,UAAU,EAAA;MAEP7E,aAAa;MACbgF,iBAAiB;MACjBF,OAAO;MACP/C,cAAc;MACdN,oBAAoB;MACpBwD,kBAAkB;MAClBF,UAAU;MACVG,oBAAoB;MACpB0D,iBAAiB;MACjBrG,iBAAiB;AACjBE,MAAAA;AAAK,KAER,CAAC,eACFrE,GAAA,CAACiE,IAAI,EAAA;MAEDrC,aAAa;MACbwC,qBAAqB;MACrBF,UAAU;MACVP,cAAc;MACdN,oBAAoB;MACpBK,QAAQ;MACRS,iBAAiB;AACjBE,MAAAA;AAAK,KAER,CAAC,eACFrE,GAAA,CAACqL,WAAW,EAAA;MAERjB,WAAW;MACXM,iBAAiB;MACjB5D,oBAAoB;MACpByD,cAAc;MAEhB3I,aAAa,EAAE0J,cAAc,CAAC5H,QAAS;AACvCgD,MAAAA,OAAO,EAAEkE;AAAW,KACrB,CAAC;AAAA,GACF,CAAC;AAEP;;;;"}

package/dist/v2/PayoutsDashboard.js

@@ -0,0 +1,514 @@
+import { useState, useMemo, useEffect, useTransition } from 'react';
+import { Dialog, Typography, Button, Spinner, Empty, DataTable, Tabs } from '@bigbinary/neeto-atoms';
+import { t } from 'i18next';
+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, z as DEFAULT_SORT_PROPERTIES$1 } from '../index-CajHy3NQ.js';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { camelToSnakeCase, removeBy, snakeToCamelCase, isPresent } from 'neetocist';
+import { buildUrl, getQueryParams } from 'neetocommons/utils';
+import { curry, insert, 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, 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 useFetchStripePayouts, c as useFetchStripePlatformPayouts } from '../usePlatformApi-Dug1pxaH.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 'qs';
+import '../queryConstants-8c7Nd8ML.js';
+
+const TAB = {
+  all: "all",
+  paid: "paid",
+  inTransit: "inTransit",
+  failed: "failed",
+  canceled: "canceled",
+  pending: "pending"
+};
+const TABS = Object.values(TAB);
+const SEARCH_PROPS = {
+  key: "keyword",
+  node: "identifier,destination_identifier",
+  model: "NeetoPaymentsEngine::Payout"
+};
+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
+}, {
+  key: "arrival_date",
+  label: t("neetoPayments.common.arrivalDate"),
+  node: "arrival_date",
+  type: "date",
+  showRuleSelector: true
+}];
+const DEFAULT_SORT_PROPERTIES = {
+  sortBy: "created_at",
+  orderBy: "DESC"
+};
+
+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(() => `payout-report-${uuidV4()}`, []);
+  const receivedCallback = data => {
+    if (!data.download_url) return;
+    setDownloadUrl(data.download_url);
+    setIsGenerating(false);
+  };
+  const handleGenerateClick = () => {
+    const payload = {
+      kind: "payout",
+      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.payout")
+      })
+    }), /*#__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.payout")
+      })
+    }), /*#__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 COLUMNS = [{
+  header: t("neetoPayments.common.id"),
+  id: "id",
+  accessorKey: "id",
+  size: 85,
+  enableHiding: false
+}, {
+  header: t("neetoPayments.common.status"),
+  id: "status",
+  accessorKey: "status",
+  size: 150,
+  cell: ({
+    row
+  }) => renderStatus("payout")(row.getValue("status"), row.original),
+  enableSorting: true,
+  enableHiding: false
+}, {
+  header: t("neetoPayments.common.amount"),
+  id: "amount",
+  accessorKey: "amount",
+  size: 150,
+  enableSorting: true
+}, {
+  header: t("neetoPayments.common.createdAt"),
+  id: "createdAt",
+  accessorKey: "createdAt",
+  size: 220,
+  cell: ({
+    row
+  }) => renderDate(row.getValue("createdAt")),
+  enableSorting: true
+}, {
+  header: t("neetoPayments.common.arrivalDate"),
+  id: "arrivalDate",
+  accessorKey: "arrivalDate",
+  size: 220,
+  cell: ({
+    row
+  }) => renderDate(row.getValue("arrivalDate")),
+  enableSorting: true
+}, {
+  header: t("neetoPayments.common.destinationIdentifier"),
+  id: "destinationIdentifier",
+  accessorKey: "destinationIdentifier",
+  size: 300
+}];
+const IDENTIFIER_COLUMN = {
+  header: t("neetoPayments.common.identifier"),
+  id: "identifier",
+  accessorKey: "identifier",
+  size: 300,
+  enableHiding: false
+};
+
+const processTab = status => camelToSnakeCase(status).split("_").join(" ");
+const renderPayoutIdentifier = curry((route, {
+  identifier = "",
+  id = ""
+}) => /*#__PURE__*/jsx(CopyButtonWrapper, {
+  content: identifier,
+  children: /*#__PURE__*/jsx(Button, {
+    label: identifier,
+    size: "sm",
+    to: buildUrl(route, {
+      id
+    }),
+    variant: "link"
+  })
+}));
+
+const useFiltersAndPagination = payoutsPageRoute => {
+  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$1);
+  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 identifierColumn = {
+    ...IDENTIFIER_COLUMN,
+    cell: ({
+      row
+    }) => renderPayoutIdentifier(payoutsPageRoute)(row.original)
+  };
+  const columns = insert(1, identifierColumn, COLUMNS);
+  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 useFetchData = ({
+  isPlatformEnabled,
+  payload
+}) => {
+  const data = {};
+  const kind = isPlatformEnabled ? "platform" : "connected";
+  const tab = snakeToCamelCase(payload?.tab || "");
+  data.connected = useFetchStripePayouts(payload, {
+    enabled: !isPlatformEnabled
+  });
+  data.platform = useFetchStripePlatformPayouts(payload, {
+    enabled: isPlatformEnabled
+  });
+  return {
+    data: data[kind]?.data?.payouts,
+    dataSize: data[kind]?.data?.views?.[tab],
+    isDataLoading: data[kind]?.isLoading,
+    isDataFetching: data[kind]?.isFetching
+  };
+};
+
+const List = ({
+  columnData,
+  filters,
+  pageProperties,
+  setDataSize,
+  setIsFilterButtonVisible,
+  setPageProperties,
+  setSortProperties,
+  sortProperties,
+  tab,
+  isPlatformEnabled
+}) => {
+  const history = useHistory();
+  const {
+    t
+  } = useTranslation();
+  const {
+    isTableConfigurationLoading,
+    customizedColumns,
+    hideColumn
+  } = useTableConfigurations(TABLE_KEYS.PAYOUTS_TABLE, columnData);
+  const {
+    data: payouts,
+    isDataLoading,
+    dataSize,
+    isDataFetching
+  } = useFetchData({
+    payload: buildPayload({
+      filters,
+      pageProperties,
+      sortProperties,
+      tab
+    }),
+    isPlatformEnabled
+  });
+  useEffect(() => {
+    setIsFilterButtonVisible(isPresent(payouts) || isPresent(filters));
+    setDataSize(dataSize);
+  }, [payouts]);
+  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 (isDataLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
+  if (dataSize <= 0 || !isPresent(payouts)) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Empty, {
+        title: t(`neetoPayments.emptyState.payouts.${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: payouts,
+        pageProperties,
+        tab
+      }),
+      enableURLPagination: false,
+      enableURLSort: false,
+      loading: isDataFetching || 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 PayoutsDashboard = ({
+  payoutsPageRoute,
+  isPlatformEnabled
+}) => {
+  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(payoutsPageRoute);
+  const isTabsVisible = isFilterButtonVisible || tab !== "all";
+  const handleFiltersChange = filters => {
+    startTransition(() => {
+      setFilters(filters);
+    });
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Header, {
+      title: t("neetoPayments.title.payouts"),
+      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: dataSize > 0 && /*#__PURE__*/jsx(Typography, {
+        className: "me-2 font-semibold",
+        variant: "body1",
+        children: tab === TAB.all ? t("neetoPayments.countOf.payout", {
+          count: dataSize
+        }) : t("neetoPayments.countOf.payoutWithStatus", {
+          count: dataSize,
+          status: processTab(tab)
+        })
+      }),
+      rightActionBlock: isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
+        columnsButtonProps: {
+          columnData,
+          fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
+          tableKey: TABLE_KEYS.PAYOUTS_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,
+      isPlatformEnabled,
+      pageProperties,
+      setDataSize,
+      setIsFilterButtonVisible,
+      setPageProperties,
+      setSortProperties,
+      sortProperties,
+      tab
+    }), /*#__PURE__*/jsx(ExportModal, {
+      filters,
+      setShowExportModal,
+      showExportModal,
+      sortProperties,
+      tab
+    })]
+  });
+};
+var index = withTitle(withReactQuery(PayoutsDashboard), t("neetoPayments.title.payouts"));
+
+export { index as default };
+//# sourceMappingURL=PayoutsDashboard.js.map