@bigbinary/neeto-payments-frontend 3.0.3 → 3.0.5

package/app/javascript/src/translations/en.json

@@ -38,6 +38,7 @@
       "export": "Export",
       "cancel": "Cancel",
       "paymentAmount": "Payment amount",
+      "transferredAmount": "Transferred amount",
       "search": "Search",
       "createdAt": "Created at",
       "country": "Country",
@@ -61,7 +62,8 @@
       "delete": "Delete",
       "transactionId": "Transaction ID",
       "paymentProvider": "Payment provider",
-      "provider": "Provider"
+      "provider": "Provider",
+      "destinationAccountIdentifier": "Account identifier"
     },
     "alert": {
       "stripe": {
@@ -392,6 +394,12 @@
           "markAsPaid": "Mark as paid"
         }
       }
+    },
+    "splitTransferDetails": {
+      "title": "Split transfer details",
+      "destinationDetails": "Destination details",
+      "payoutInitiatedDate": "Payout to bank initiated on",
+      "payoutArrivalDate": "Estimated bank arrival date"
     }
   }
 }

package/dist/AccountsDashboard.js

@@ -34,7 +34,7 @@ import NoData from '@bigbinary/neetoui/NoData';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
-import { Q as QUERY_KEYS } from './queryConstants-65ca40bc.js';
+import { Q as QUERY_KEYS } from './queryConstants-27871137.js';
 import '@tanstack/react-query-devtools';
 import '@bigbinary/neeto-molecules/DateFormat';
 import '@bigbinary/neetoui/Tag';

package/dist/Dashboard.js

@@ -26,8 +26,8 @@ import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import Table from '@bigbinary/neetoui/Table';
 import NoData from '@bigbinary/neetoui/NoData';
 import Spinner from '@bigbinary/neetoui/Spinner';
-import { u as useFetchStripeTransactions, a as useFetchConnectedStripeAccount } from './useConnectApi-df2ea319.js';
-import { u as useFetchStripeRefunds, a as useFetchStripePlatformTransactions, b as useFetchStripePlatformSplits, c as useFetchStripePlatformTransaction, d as useFetchStripePlatformAccount } from './usePlatformApi-ddfa361c.js';
+import { u as useFetchStripeTransactions, a as useFetchConnectedStripeAccount } from './useConnectApi-802a2a00.js';
+import { u as useFetchStripeRefunds, a as useFetchStripePlatformTransactions, b as useFetchStripePlatformSplits, c as useFetchStripePlatformTransaction, d as useFetchStripePlatformAccount } from './usePlatformApi-a9c0ee16.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Down from '@bigbinary/neeto-icons/Down';
 import Right from '@bigbinary/neeto-icons/Right';
@@ -48,7 +48,7 @@ import './useExportsApi-33b2f83e.js';
 import './exportChannel-1da3d27c.js';
 import './IdentifierButton-350fcc55.js';
 import 'qs';
-import './queryConstants-65ca40bc.js';
+import './queryConstants-27871137.js';
 
 function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/dist/{ExportModal-33915720.js → ExportModal-3fe36fda.js}

@@ -74,18 +74,15 @@ var ExportModal = function ExportModal(_ref) {
     return setIsExportModalOpen(false);
   };
   var handleExport = function handleExport() {
+    setDownloadUrl("");
+    setIsGenerating(true);
     var payload = mergeLeft(sortProperties, {
       token: token,
       filters: filters,
       tab: tab,
       dashboard: camelToSnakeCase(dashboardKind)
     });
-    exportsData(payload, {
-      onSuccess: function onSuccess() {
-        setDownloadUrl("");
-        setIsGenerating(true);
-      }
-    });
+    exportsData(payload);
   };
   return /*#__PURE__*/jsxs(Modal, {
     onClose: onClose,
@@ -128,4 +125,4 @@ var ExportModal = function ExportModal(_ref) {
 };
 
 export { ExportModal as E };
-//# sourceMappingURL=ExportModal-33915720.js.map
+//# sourceMappingURL=ExportModal-3fe36fda.js.map

package/dist/ExportModal-3fe36fda.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportModal-3fe36fda.js","sources":["../app/javascript/src/apis/exports.js","../app/javascript/src/hooks/reactQuery/useExportsApi.js","../app/javascript/src/components/Common/ExportModal.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst create = payload =>\n  axios.post(`${BASE_URL}/api/v1/exports`, { export: payload });\n\nconst exportsApi = { create };\n\nexport default exportsApi;\n","import { useMutation } from \"@tanstack/react-query\";\n\nimport exportsApi from \"apis/exports\";\n\nexport const useExportsData = () =>\n  useMutation({ mutationFn: exportsApi.create });\n","import { useEffect, useMemo, useState } from \"react\";\n\nimport { isPresent, camelToSnakeCase } from \"neetocist\";\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { Download } from \"neetoicons\";\nimport { Button, Modal, Typography } from \"neetoui\";\nimport { mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useExportsData } from \"hooks/reactQuery/useExportsApi\";\nimport exportChannel from \"src/channels/exportChannel\";\nimport { uuidV4 } from \"utils\";\n\nconst ExportModal = ({\n  filters,\n  dashboardKind,\n  sortProperties,\n  isExportModalOpen,\n  setIsExportModalOpen,\n}) => {\n  const { t } = useTranslation();\n  const [downloadUrl, setDownloadUrl] = useState(\"\");\n  const [isGenerating, setIsGenerating] = useState(false);\n\n  const { tab = \"all\" } = getQueryParams();\n\n  const { mutate: exportsData } = useExportsData();\n\n  const token = useMemo(\n    () => `${dashboardKind}-report-${uuidV4()}`,\n    [dashboardKind]\n  );\n\n  const receivedCallback = data => {\n    if (!data.download_url) return;\n    setDownloadUrl(data.download_url);\n    setIsGenerating(false);\n  };\n\n  useEffect(() => {\n    if (isExportModalOpen) {\n      const channel = exportChannel(token, receivedCallback);\n      setDownloadUrl(\"\");\n      setIsGenerating(false);\n\n      return () => {\n        channel.disconnected();\n      };\n    }\n\n    return undefined;\n  }, [isExportModalOpen, token]);\n\n  const onClose = () => setIsExportModalOpen(false);\n\n  const handleExport = () => {\n    setDownloadUrl(\"\");\n    setIsGenerating(true);\n    const payload = mergeLeft(sortProperties, {\n      token,\n      filters,\n      tab,\n      dashboard: camelToSnakeCase(dashboardKind),\n    });\n\n    exportsData(payload);\n  };\n\n  return (\n    <Modal {...{ onClose }} isOpen={isExportModalOpen}>\n      <Modal.Header>\n        <Typography style=\"h2\">\n          {t(`neetoPayments.export.title.${dashboardKind}`)}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        {isGenerating ? (\n          <Typography style=\"body2\">\n            {t(\"neetoPayments.export.pleaseWait\")}\n          </Typography>\n        ) : (\n          <Typography style=\"body2\">\n            {isPresent(downloadUrl)\n              ? t(\"neetoPayments.export.fileReady\")\n              : t(`neetoPayments.export.download.${dashboardKind}`)}\n          </Typography>\n        )}\n      </Modal.Body>\n      <Modal.Footer className=\"space-x-2\">\n        {isPresent(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={isGenerating}\n              label={t(\"neetoPayments.common.cancel\")}\n              style=\"tertiary\"\n              onClick={onClose}\n            />\n            <Button\n              disabled={isGenerating}\n              label={t(\"neetoPayments.common.export\")}\n              loading={isGenerating}\n              onClick={handleExport}\n            />\n          </>\n        )}\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nexport default ExportModal;\n"],"names":["create","payload","axios","post","concat","BASE_URL","exportsApi","useExportsData","useMutation","mutationFn","ExportModal","_ref","filters","dashboardKind","sortProperties","isExportModalOpen","setIsExportModalOpen","_useTranslation","useTranslation","t","_useState","useState","_useState2","_slicedToArray","downloadUrl","setDownloadUrl","_useState3","_useState4","isGenerating","setIsGenerating","_getQueryParams","getQueryParams","_getQueryParams$tab","tab","_useExportsData","exportsData","mutate","token","useMemo","uuidV4","receivedCallback","data","download_url","useEffect","channel","exportChannel","disconnected","undefined","onClose","handleExport","mergeLeft","dashboard","camelToSnakeCase","_jsxs","Modal","isOpen","children","_jsx","Header","Typography","style","Body","isPresent","Footer","className","Button","href","icon","Download","label","onClick","_Fragment","disabled","loading"],"mappings":"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"}

package/dist/PaymentsDashboard.js

@@ -5,11 +5,11 @@ import { useState, startTransition } from 'react';
 import { getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import { buildFiltersFromURL } from '@bigbinary/neeto-filters-frontend/utils';
 import Spinner from '@bigbinary/neetoui/Spinner';
-import { E as ExportModal } from './ExportModal-33915720.js';
+import { E as ExportModal } from './ExportModal-3fe36fda.js';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { BASE_URL, PAYMENT_PROVIDERS, DEFAULT_TAG_STYLE, SORT_DIRECTIONS, DEFAULT_SORT_PROPERTIES, UN_HIDEABLE_COLUMNS, DEFAULT_PAGE_VALUES, DASHBOARD_KIND } from './constants.js';
-import { Q as QUERY_KEYS } from './queryConstants-65ca40bc.js';
+import { Q as QUERY_KEYS } from './queryConstants-27871137.js';
 import { t } from 'i18next';
 import { toLabelAndValue, snakeToCamelCase, humanize, isNotPresent, isPresent, camelToSnakeCase } from '@bigbinary/neeto-cist';
 import { map, curry, mergeDeepWith, concat, mergeLeft, reject, isNil, prop, isEmpty, modify } from 'ramda';

package/dist/PayoutsDashboard.js

@@ -31,8 +31,8 @@ import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import Table from '@bigbinary/neetoui/Table';
 import NoData from '@bigbinary/neetoui/NoData';
 import Spinner from '@bigbinary/neetoui/Spinner';
-import { b as useFetchStripePayouts } from './useConnectApi-df2ea319.js';
-import { e as useFetchStripePlatformPayouts } from './usePlatformApi-ddfa361c.js';
+import { b as useFetchStripePayouts } from './useConnectApi-802a2a00.js';
+import { e as useFetchStripePlatformPayouts } from './usePlatformApi-a9c0ee16.js';
 import '@tanstack/react-query';
 import '@tanstack/react-query-devtools';
 import '@bigbinary/neeto-molecules/DateFormat';
@@ -41,7 +41,7 @@ import '@bigbinary/neetoui/Tooltip';
 import 'axios';
 import '@bigbinary/neeto-molecules/CopyToClipboardButton';
 import 'qs';
-import './queryConstants-65ca40bc.js';
+import './queryConstants-27871137.js';
 
 var TAB = {
   all: "all",

package/dist/PayoutsPage.js

@@ -7,8 +7,8 @@ import Typography from '@bigbinary/neetoui/Typography';
 import { useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom/cjs/react-router-dom';
 import { r as renderStatus, c as renderDate } from './renderFunctions-d4afa84b.js';
-import { c as useShowStripePayout } from './useConnectApi-df2ea319.js';
-import { f as useShowStripePlatformPayout } from './usePlatformApi-ddfa361c.js';
+import { c as useShowStripePayout } from './useConnectApi-802a2a00.js';
+import { f as useShowStripePlatformPayout } from './usePlatformApi-a9c0ee16.js';
 import { C as CopyButtonWrapper } from './CopyButtonWrapper-54c5e270.js';
 import { I as IdentifierButton } from './IdentifierButton-350fcc55.js';
 import { j as buildStripePayoutLink } from './index-4c377784.js';
@@ -27,7 +27,7 @@ import '@bigbinary/neetoui/Tooltip';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import 'axios';
 import 'qs';
-import './queryConstants-65ca40bc.js';
+import './queryConstants-27871137.js';
 import '@bigbinary/neeto-molecules/CopyToClipboardButton';
 import 'react';
 import '@bigbinary/neeto-commons-frontend/utils';

package/dist/RazorpayDashboard.js

@@ -19,8 +19,8 @@ import { useHistory } from 'react-router-dom';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { BASE_URL, SORT_DIRECTIONS, DEFAULT_SORT_PROPERTIES } from './constants.js';
-import { Q as QUERY_KEYS } from './queryConstants-65ca40bc.js';
-import { u as useFetchRazorpayPayments } from './usePaymentApi-e2aa9755.js';
+import { Q as QUERY_KEYS } from './queryConstants-27871137.js';
+import { u as useFetchRazorpayPayments } from './usePaymentApi-2808fa20.js';
 import { p as processDataIndex } from './index-4c377784.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import '@bigbinary/neeto-filters-frontend/Bar';

package/dist/RazorpayPaymentButton.js

@@ -4,13 +4,13 @@ import { noop, findBy, isNotPresent } from '@bigbinary/neeto-cist';
 import Button from '@bigbinary/neetoui/Button';
 import { mergeDeepLeft } from 'ramda';
 import { useTranslation } from 'react-i18next';
-import { a as useCreateRazorpayPayment } from './usePaymentApi-e2aa9755.js';
+import { a as useCreateRazorpayPayment } from './usePaymentApi-2808fa20.js';
 import { RAZORPAY_PAYMENT_BUTTON_OPTIONS } from './constants.js';
 import { jsx } from 'react/jsx-runtime';
 import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import 'axios';
-import './queryConstants-65ca40bc.js';
+import './queryConstants-27871137.js';
 import 'i18next';
 import '@bigbinary/neeto-commons-frontend/constants';
 

package/dist/RefundsDashboard.js

@@ -5,11 +5,11 @@ import { useState, startTransition } from 'react';
 import { getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import { buildFiltersFromURL } from '@bigbinary/neeto-filters-frontend/utils';
 import Spinner from '@bigbinary/neetoui/Spinner';
-import { E as ExportModal } from './ExportModal-33915720.js';
+import { E as ExportModal } from './ExportModal-3fe36fda.js';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { BASE_URL, PAYMENT_PROVIDERS, DEFAULT_TAG_STYLE, SORT_DIRECTIONS, DEFAULT_SORT_PROPERTIES, UN_HIDEABLE_COLUMNS, DEFAULT_PAGE_VALUES, DASHBOARD_KIND } from './constants.js';
-import { Q as QUERY_KEYS } from './queryConstants-65ca40bc.js';
+import { Q as QUERY_KEYS } from './queryConstants-27871137.js';
 import { t } from 'i18next';
 import { toLabelAndValue, snakeToCamelCase, humanize, isNotPresent, isPresent, camelToSnakeCase } from '@bigbinary/neeto-cist';
 import { map, curry, mergeDeepWith, concat, mergeLeft, reject, isNil, prop, isEmpty, modify } from 'ramda';

package/dist/SplitTransfersDashboard.js

@@ -2,31 +2,32 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, startTransition } from 'react';
-import { getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
+import { currencyFormat, getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import { buildFiltersFromURL } from '@bigbinary/neeto-filters-frontend/utils';
 import Spinner from '@bigbinary/neetoui/Spinner';
-import { E as ExportModal } from './ExportModal-33915720.js';
+import { E as ExportModal } from './ExportModal-3fe36fda.js';
 import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import { BASE_URL, DEFAULT_TAG_STYLE, PAYMENT_KIND, SORT_DIRECTIONS, DEFAULT_SORT_PROPERTIES, UN_HIDEABLE_COLUMNS, DEFAULT_PAGE_VALUES, DASHBOARD_KIND } from './constants.js';
-import { Q as QUERY_KEYS } from './queryConstants-65ca40bc.js';
+import { Q as QUERY_KEYS } from './queryConstants-27871137.js';
 import { t } from 'i18next';
-import { snakeToCamelCase, isNotPresent, removeBy, isPresent, camelToSnakeCase } from '@bigbinary/neeto-cist';
+import { isNotPresent, isPresent, snakeToCamelCase, removeBy, camelToSnakeCase } from '@bigbinary/neeto-cist';
 import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import Table from '@bigbinary/neetoui/Table';
 import NoData from '@bigbinary/neetoui/NoData';
-import { curry, mergeDeepWith, concat, mergeLeft, reject, isNil, map, prop, sortBy, isEmpty, modify } from 'ramda';
+import { mergeLeft, curry, mergeDeepWith, concat, reject, isNil, map, prop, sortBy, isEmpty, modify } from 'ramda';
 import { useTranslation } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
 import { f as formatAmount, g as formatCurrency, p as processDataIndex, s as shouldTabsVisible } from './index-4c377784.js';
-import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
+import Pane from '@bigbinary/neetoui/Pane';
+import Typography from '@bigbinary/neetoui/Typography';
 import Button from '@bigbinary/neetoui/Button';
+import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Tag from '@bigbinary/neetoui/Tag';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
-import Typography from '@bigbinary/neetoui/Typography';
 import { C as CopyButtonWrapper } from './CopyButtonWrapper-54c5e270.js';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
 import FiltersBar from '@bigbinary/neeto-filters-frontend/Bar';
 import Header from '@bigbinary/neeto-molecules/Header';
@@ -42,8 +43,12 @@ var list = function list(payload) {
     params: payload
   });
 };
+var show = function show(id) {
+  return axios.get("".concat(BASE_URL, "/api/v1/split_transfers/").concat(id));
+};
 var splitTransfersApi = {
-  list: list
+  list: list,
+  show: show
 };
 
 function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -58,6 +63,14 @@ var useFetchSplitTransfers = function useFetchSplitTransfers() {
     }
   }, options));
 };
+var useShowSplitTransfers = function useShowSplitTransfers(id, options) {
+  return useQuery(_objectSpread$2({
+    queryKey: [QUERY_KEYS.SPLIT_TRANSFERS_DETAILS, id],
+    queryFn: function queryFn() {
+      return splitTransfersApi.show(id);
+    }
+  }, options));
+};
 
 var COLUMNS_STORAGE_KEY = "splitTransfersDashboard";
 var SPLIT_TRANSFERS_DASHBOARD_TAB = {
@@ -88,9 +101,147 @@ var TAG_STYLE = {
   cancelled: "secondary",
   pending: "warning"
 };
+var INITIAL_TRANSFER_DETAILS = {
+  id: null,
+  isPaneOpen: false
+};
 
-var renderIdentifier = function renderIdentifier(identifier, _ref) {
-  var transferUrl = _ref.transferUrl;
+var Date = function Date(_ref) {
+  var date = _ref.date,
+    _ref$isTimeVisible = _ref.isTimeVisible,
+    isTimeVisible = _ref$isTimeVisible === void 0 ? false : _ref$isTimeVisible;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (isNotPresent(date)) {
+    return /*#__PURE__*/jsx(Typography, {
+      style: "body2",
+      children: t("neetoPayments.common.notAvailable")
+    });
+  }
+  if (isTimeVisible) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex items-center",
+      children: /*#__PURE__*/jsx(DateFormat.DateTime, {
+        date: date
+      })
+    });
+  }
+  return /*#__PURE__*/jsx("div", {
+    className: "flex items-center",
+    children: /*#__PURE__*/jsx(DateFormat.Date, {
+      date: date
+    })
+  });
+};
+
+var Details = function Details(_ref) {
+  var _splitTransfer$source, _splitTransfer$curren, _splitTransfer$curren2, _splitTransfer$curren3, _splitTransfer$destin, _splitTransfer$destin2;
+  var selectedTransfer = _ref.selectedTransfer,
+    setSelectedTransfer = _ref.setSelectedTransfer;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useShowSplitTransfer = useShowSplitTransfers(selectedTransfer["id"], {
+      enabled: isPresent(selectedTransfer["id"])
+    }),
+    isPending = _useShowSplitTransfer.isPending,
+    _useShowSplitTransfer2 = _useShowSplitTransfer.data,
+    _useShowSplitTransfer3 = _useShowSplitTransfer2 === void 0 ? {} : _useShowSplitTransfer2,
+    splitTransfer = _useShowSplitTransfer3.splitTransfer;
+  return /*#__PURE__*/jsxs(Pane, {
+    isOpen: selectedTransfer["isPaneOpen"],
+    size: "large",
+    onClose: function onClose() {
+      return setSelectedTransfer(mergeLeft({
+        isPaneOpen: false
+      }, selectedTransfer));
+    },
+    children: [/*#__PURE__*/jsx(Pane.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h2",
+        children: t("neetoPayments.splitTransferDetails.title")
+      })
+    }), /*#__PURE__*/jsx(Pane.Body, {
+      children: isPending ? /*#__PURE__*/jsx("div", {
+        className: "flex h-full w-full items-center justify-center",
+        children: /*#__PURE__*/jsx(Spinner, {})
+      }) : /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "grid grid-cols-2 gap-3",
+          children: [/*#__PURE__*/jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.identifier")
+          }), /*#__PURE__*/jsx(Typography, {
+            style: "body2",
+            children: splitTransfer === null || splitTransfer === void 0 ? void 0 : splitTransfer.identifier
+          }), /*#__PURE__*/jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.transferTime")
+          }), /*#__PURE__*/jsx(Date, {
+            isTimeVisible: true,
+            date: splitTransfer === null || splitTransfer === void 0 ? void 0 : splitTransfer.paymentAt
+          }), /*#__PURE__*/jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.paymentAmount")
+          }), /*#__PURE__*/jsx(Typography, {
+            style: "body2",
+            children: currencyFormat.withCode(splitTransfer === null || splitTransfer === void 0 ? void 0 : (_splitTransfer$source = splitTransfer.sourcePayment) === null || _splitTransfer$source === void 0 ? void 0 : _splitTransfer$source.amount, splitTransfer === null || splitTransfer === void 0 ? void 0 : (_splitTransfer$curren = splitTransfer.currency) === null || _splitTransfer$curren === void 0 ? void 0 : _splitTransfer$curren.toUpperCase())
+          }), /*#__PURE__*/jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.transferredAmount")
+          }), /*#__PURE__*/jsx(Typography, {
+            style: "body2",
+            children: currencyFormat.withCode(splitTransfer === null || splitTransfer === void 0 ? void 0 : splitTransfer.amount, splitTransfer === null || splitTransfer === void 0 ? void 0 : (_splitTransfer$curren2 = splitTransfer.currency) === null || _splitTransfer$curren2 === void 0 ? void 0 : _splitTransfer$curren2.toUpperCase())
+          }), /*#__PURE__*/jsx(Typography, {
+            style: "body1",
+            weight: "medium",
+            children: t("neetoPayments.common.platformShare")
+          }), /*#__PURE__*/jsx(Typography, {
+            style: "body2",
+            children: currencyFormat.withCode(splitTransfer === null || splitTransfer === void 0 ? void 0 : splitTransfer.platformShare, splitTransfer === null || splitTransfer === void 0 ? void 0 : (_splitTransfer$curren3 = splitTransfer.currency) === null || _splitTransfer$curren3 === void 0 ? void 0 : _splitTransfer$curren3.toUpperCase())
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: "mt-5 space-y-4",
+          children: [/*#__PURE__*/jsx(Typography, {
+            style: "h3",
+            children: t("neetoPayments.splitTransferDetails.destinationDetails")
+          }), /*#__PURE__*/jsxs("div", {
+            className: "grid grid-cols-2 gap-3",
+            children: [/*#__PURE__*/jsx(Typography, {
+              style: "body1",
+              weight: "medium",
+              children: t("neetoPayments.common.destinationAccountIdentifier")
+            }), /*#__PURE__*/jsx(Button, {
+              href: splitTransfer.destinationAccount.dashboardUrl,
+              label: splitTransfer.destinationAccount.identifier,
+              size: "small",
+              style: "link",
+              target: "_blank"
+            }), /*#__PURE__*/jsx(Typography, {
+              style: "body1",
+              weight: "medium",
+              children: t("neetoPayments.splitTransferDetails.payoutInitiatedDate")
+            }), /*#__PURE__*/jsx(Date, {
+              date: splitTransfer === null || splitTransfer === void 0 ? void 0 : (_splitTransfer$destin = splitTransfer.destinationPayout) === null || _splitTransfer$destin === void 0 ? void 0 : _splitTransfer$destin.createdAt
+            }), /*#__PURE__*/jsx(Typography, {
+              style: "body1",
+              weight: "medium",
+              children: t("neetoPayments.splitTransferDetails.payoutArrivalDate")
+            }), /*#__PURE__*/jsx(Date, {
+              date: splitTransfer === null || splitTransfer === void 0 ? void 0 : (_splitTransfer$destin2 = splitTransfer.destinationPayout) === null || _splitTransfer$destin2 === void 0 ? void 0 : _splitTransfer$destin2.arrivalDate
+            }), /*#__PURE__*/jsx("div", {})]
+          })]
+        })]
+      })
+    })]
+  });
+};
+
+var renderIdentifier = curry(function (setSelectedTransfer, identifier, _ref) {
+  var id = _ref.id;
   if (isNotPresent(identifier)) {
     return /*#__PURE__*/jsx(Tooltip, {
       content: t("neetoPayments.tooltipContent.identifierUnavailable"),
@@ -107,14 +258,18 @@ var renderIdentifier = function renderIdentifier(identifier, _ref) {
   return /*#__PURE__*/jsx(CopyButtonWrapper, {
     content: identifier,
     children: /*#__PURE__*/jsx(Button, {
-      href: transferUrl,
-      label: identifier,
+      label: id,
       size: "small",
       style: "link",
-      target: "_blank"
+      onClick: function onClick() {
+        return setSelectedTransfer({
+          id: id,
+          isPaneOpen: true
+        });
+      }
     })
   });
-};
+});
 var renderPlatformPaymentIdentifier = function renderPlatformPaymentIdentifier(_ref2) {
   var identifier = _ref2.identifier,
     receiptUrl = _ref2.receiptUrl,
@@ -205,11 +360,11 @@ var renderPlatformShare = function renderPlatformShare(amount) {
   }
   return formatAmount(amount);
 };
-var getDefaultColumns = function getDefaultColumns() {
+var getDefaultColumns = function getDefaultColumns(setSelectedTransfer) {
   return [{
     title: t("neetoPayments.common.id"),
-    dataIndex: "id",
-    key: "id",
+    dataIndex: "rowId",
+    key: "rowId",
     width: 85,
     position: 0,
     isHidable: false
@@ -218,7 +373,7 @@ var getDefaultColumns = function getDefaultColumns() {
     dataIndex: "identifier",
     key: "identifier",
     width: 300,
-    render: renderIdentifier,
+    render: renderIdentifier(setSelectedTransfer),
     position: 1,
     isHidable: false
   }, {
@@ -290,10 +445,14 @@ var buildFilterColumns = function buildFilterColumns() {
   var payableEntityColumns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return reject(isNil, concat(FILTER_COLUMNS, map(prop("filterProps"), payableEntityColumns)));
 };
-var buildTableColumns = function buildTableColumns(tab, hiddenColumns) {
-  var payableEntityColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  var filteredColumns = sortBy(prop("position"), concat(getDefaultColumns(), payableEntityColumns)).filter(function (_ref) {
-    var dataIndex = _ref.dataIndex;
+var buildTableColumns = function buildTableColumns(_ref) {
+  var tab = _ref.tab,
+    hiddenColumns = _ref.hiddenColumns,
+    _ref$payableEntityCol = _ref.payableEntityColumns,
+    payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol,
+    setSelectedTransfer = _ref.setSelectedTransfer;
+  var filteredColumns = sortBy(prop("position"), concat(getDefaultColumns(setSelectedTransfer), payableEntityColumns)).filter(function (_ref2) {
+    var dataIndex = _ref2.dataIndex;
     return !hiddenColumns.includes(processDataIndex(dataIndex));
   });
   if (tab === SPLIT_TRANSFERS_DASHBOARD_TAB.all) return filteredColumns;
@@ -301,13 +460,13 @@ var buildTableColumns = function buildTableColumns(tab, hiddenColumns) {
     key: "status"
   }, filteredColumns);
 };
-var buildRowData = function buildRowData(_ref2) {
-  var splitTransfers = _ref2.splitTransfers,
-    _ref2$pageProperties = _ref2.pageProperties,
-    pageProperties = _ref2$pageProperties === void 0 ? {} : _ref2$pageProperties;
+var buildRowData = function buildRowData(_ref3) {
+  var splitTransfers = _ref3.splitTransfers,
+    _ref3$pageProperties = _ref3.pageProperties,
+    pageProperties = _ref3$pageProperties === void 0 ? {} : _ref3$pageProperties;
   return splitTransfers === null || splitTransfers === void 0 ? void 0 : splitTransfers.map(function (element, index) {
     return _objectSpread$1(_objectSpread$1({}, element), {}, {
-      id: isEmpty(pageProperties) ? index + 1 : pageProperties.pageSize * (pageProperties.page - 1) + index + 1
+      rowId: isEmpty(pageProperties) ? index + 1 : pageProperties.pageSize * (pageProperties.page - 1) + index + 1
     });
   });
 };
@@ -320,6 +479,10 @@ var List = function List(_ref) {
     setPageProperties = _ref.setPageProperties,
     setSortProperties = _ref.setSortProperties,
     pageProperties = _ref.pageProperties;
+  var _useState = useState(INITIAL_TRANSFER_DETAILS),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedTransfer = _useState2[0],
+    setSelectedTransfer = _useState2[1];
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var history = useHistory();
@@ -331,7 +494,12 @@ var List = function List(_ref) {
     _useHiddenColumns$hid = _useHiddenColumns.hiddenColumns,
     hiddenColumns = _useHiddenColumns$hid === void 0 ? [] : _useHiddenColumns$hid;
   var splitTransfersCount = views[tab];
-  var visibleColumns = buildTableColumns(tab, hiddenColumns, payableEntityColumns);
+  var visibleColumns = buildTableColumns({
+    tab: tab,
+    hiddenColumns: hiddenColumns,
+    payableEntityColumns: payableEntityColumns,
+    setSelectedTransfer: setSelectedTransfer
+  });
   var handleColumnHiding = function handleColumnHiding(column) {
     hideColumn(processDataIndex(column.dataIndex));
   };
@@ -364,32 +532,37 @@ var List = function List(_ref) {
       })
     });
   }
-  return /*#__PURE__*/jsx(TableWrapper, {
-    hasPagination: splitTransfersCount > (pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize),
-    children: /*#__PURE__*/jsx(Table, {
-      fixedHeight: true,
-      allowRowClick: false,
-      columnData: visibleColumns,
-      currentPageNumber: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.page,
-      handlePageChange: handleTablePaginaton,
-      loading: isFetching,
-      rowData: buildRowData({
-        splitTransfers: splitTransfers,
-        pageProperties: pageProperties,
-        tab: tab
-      }),
-      rowSelection: false,
-      sortDirections: SORT_DIRECTIONS,
-      totalCount: splitTransfersCount,
-      paginationProps: {
-        showSizeChanger: true,
-        hideOnSinglePage: true,
-        pageSize: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize,
-        total: splitTransfersCount
-      },
-      onChange: handleTableChange,
-      onColumnHide: handleColumnHiding
-    })
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(TableWrapper, {
+      hasPagination: splitTransfersCount > (pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize),
+      children: /*#__PURE__*/jsx(Table, {
+        fixedHeight: true,
+        allowRowClick: false,
+        columnData: visibleColumns,
+        currentPageNumber: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.page,
+        handlePageChange: handleTablePaginaton,
+        loading: isFetching,
+        rowData: buildRowData({
+          splitTransfers: splitTransfers,
+          pageProperties: pageProperties,
+          tab: tab
+        }),
+        rowSelection: false,
+        sortDirections: SORT_DIRECTIONS,
+        totalCount: splitTransfersCount,
+        paginationProps: {
+          showSizeChanger: true,
+          hideOnSinglePage: true,
+          pageSize: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize,
+          total: splitTransfersCount
+        },
+        onChange: handleTableChange,
+        onColumnHide: handleColumnHiding
+      })
+    }), /*#__PURE__*/jsx(Details, {
+      selectedTransfer: selectedTransfer,
+      setSelectedTransfer: setSelectedTransfer
+    })]
   });
 };