@bigbinary/neeto-payments-frontend 1.4.17 → 1.4.19

package/dist/ExportModal-a00544db.js

@@ -0,0 +1,643 @@
+import React__default, { useState, useMemo, useEffect } from 'react';
+import { Download } from '@bigbinary/neeto-icons';
+import Button from '@bigbinary/neetoui/Button';
+import Modal from '@bigbinary/neetoui/Modal';
+import Typography from '@bigbinary/neetoui/Typography';
+import { useTranslation } from 'react-i18next';
+import { useMutation } from 'react-query';
+import axios from 'axios';
+import { BASE_URL } from './constants.js';
+import { u as useExportData, e as exportChannel } from './exportChannel-e0822151.js';
+import { a as buildStripeTransactionLink, c as buildStripeSplitLink, d as buildStripeTransferLink, b as buildStripeAccountLink, e as buildStripeRefundLink, u as uuidV4 } from './index-48f8b281.js';
+import { isPresent, snakeToCamelCase, filterBy } from '@bigbinary/neeto-cist';
+import { curry, equals, sortBy, prop, concat, map, evolve } from 'ramda';
+import { t } from 'i18next';
+import Tag from '@bigbinary/neetoui/Tag';
+import Tooltip from '@bigbinary/neetoui/Tooltip';
+import { C as CopyButtonWrapper, c as renderDate, r as renderStatus } from './renderFunctions-5f829290.js';
+import { I as IdentifierButton } from './IdentifierButton-73cadb18.js';
+import { K as KIND, A as APPENDABLE_SEARCH_PROPS } from './index-1aedc364.js';
+
+const exportData = payload => axios.post(`${BASE_URL}/api/v1/razorpay/exports`, payload);
+const exportsApi = {
+  exportData
+};
+
+const useExportRazorpayData = () => useMutation(payload => exportsApi.exportData(payload));
+
+const renderIdentifier = function () {
+  let {
+    identifier = "",
+    live: isLive = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default.createElement(IdentifierButton, {
+    href: buildStripeTransactionLink(identifier, isLive),
+    label: identifier
+  }));
+};
+curry((type, kind) => /*#__PURE__*/React__default.createElement(Tooltip, {
+  content: t(`neetoPayments.tooltipContent.${type}.${kind}`),
+  position: "top"
+}, /*#__PURE__*/React__default.createElement("div", {
+  className: "w-fit"
+}, /*#__PURE__*/React__default.createElement(Tag, {
+  label: t(`neetoPayments.tagLabels.${type}.${kind}`),
+  style: "secondary"
+}))));
+const renderSplitIdentifier = _ref => {
+  let {
+    identifier,
+    live: isLive
+  } = _ref;
+  return identifier ? /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default.createElement(IdentifierButton, {
+    href: buildStripeSplitLink(identifier, isLive),
+    label: identifier
+  })) : /*#__PURE__*/React__default.createElement(Tooltip, {
+    content: t("neetoPayments.tooltipContent.identifierUnavailable"),
+    position: "top"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "text-center"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
+  }, t("neetoPayments.common.notAvailable"))));
+};
+const renderTransferIdentifier = function () {
+  let {
+    identifier = "",
+    account = {},
+    live: isLive = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return identifier ? /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default.createElement(IdentifierButton, {
+    label: identifier,
+    href: identifier.startsWith("py") ? buildStripeTransferLink(identifier, account?.identifier, isLive) : buildStripeTransactionLink(identifier, isLive)
+  })) : /*#__PURE__*/React__default.createElement("div", {
+    className: "text-center"
+  }, /*#__PURE__*/React__default.createElement(Tooltip, {
+    position: "top",
+    content: t("neetoPayments.tooltipContent.connectedTransactionUnavailable")
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
+  }, t("neetoPayments.common.notAvailable"))));
+};
+const renderPlatformIdentifier = curry((setPaneStatus, data) => /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
+  content: data?.identifier
+}, /*#__PURE__*/React__default.createElement(Button, {
+  label: data?.identifier,
+  size: "small",
+  style: "link",
+  onClick: () => setPaneStatus({
+    transactionId: data?.id,
+    isOpen: true
+  })
+})));
+const renderAccountIdentifier = _ref2 => {
+  let {
+    identifier = "",
+    live: isLive = false
+  } = _ref2;
+  return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default.createElement(IdentifierButton, {
+    href: buildStripeAccountLink(identifier, isLive),
+    label: identifier
+  }));
+};
+const renderSplitDate = date => isPresent(date) ? renderDate(date) : /*#__PURE__*/React__default.createElement(Tooltip, {
+  content: t("neetoPayments.tooltipContent.dateUnavailable"),
+  position: "top"
+}, /*#__PURE__*/React__default.createElement("div", {
+  className: "text-center"
+}, /*#__PURE__*/React__default.createElement(Typography, {
+  style: "body2"
+}, t("neetoPayments.common.notAvailable"))));
+const renderRefundIdentifier = function () {
+  let {
+    identifier = "",
+    live: isLive = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default.createElement(IdentifierButton, {
+    href: buildStripeRefundLink(identifier, isLive),
+    label: identifier
+  }));
+};
+
+const generateSpecialColumns = _ref => {
+  let {
+    setPaneStatus
+  } = _ref;
+  return [{
+    title: t("neetoPayments.common.platformTransaction"),
+    dataIndex: "paymentIntent",
+    key: "paymentIntent",
+    width: "290px",
+    position: 9,
+    render: renderPlatformIdentifier(setPaneStatus)
+  }];
+};
+
+const COLUMNS = [{
+  title: t("neetoPayments.common.id"),
+  dataIndex: "id",
+  key: "id",
+  width: "72px",
+  position: 0,
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  key: "identifier",
+  width: "300px",
+  render: renderIdentifier,
+  position: 1,
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  key: "splitIdentifier",
+  width: "300px",
+  render: renderSplitIdentifier,
+  position: 1,
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  key: "refundIdentifier",
+  width: "300px",
+  render: renderRefundIdentifier,
+  position: 1,
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  key: "transferIdentifier",
+  width: "300px",
+  render: renderTransferIdentifier,
+  position: 1,
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.status"),
+  dataIndex: "status",
+  key: "status",
+  width: "150px",
+  render: renderStatus("transaction"),
+  sorter: true,
+  position: 2,
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.amount"),
+  dataIndex: "amount",
+  key: "amount",
+  width: "150px",
+  sorter: true,
+  position: 3
+}, {
+  title: t("neetoPayments.common.platformSplitAmount"),
+  dataIndex: "platformSplitAmount",
+  key: "platformSplitAmount",
+  width: "280px",
+  position: 3
+}, {
+  title: t("neetoPayments.common.paymentTime"),
+  dataIndex: "paymentAt",
+  key: "paymentTime",
+  width: "220px",
+  render: renderDate,
+  sorter: true,
+  position: 5
+}, {
+  title: t("neetoPayments.common.refundTime"),
+  dataIndex: "refunds",
+  key: "refundsTime",
+  width: "220px",
+  render: function () {
+    let refunds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    return renderDate(refunds[0]?.updatedAt);
+  },
+  position: 6
+}, {
+  title: t("neetoPayments.common.status"),
+  dataIndex: "status",
+  width: "150px",
+  key: "refundStatus",
+  render: renderStatus("refund"),
+  sorter: true,
+  position: 3,
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.paymentAmount"),
+  dataIndex: "paymentAmount",
+  key: "paymentAmount",
+  width: "240px",
+  sorter: true,
+  position: 4
+}, {
+  title: t("neetoPayments.common.refundAmount"),
+  dataIndex: "amount",
+  key: "refundAmount",
+  width: "200px",
+  sorter: true,
+  position: 3
+}, {
+  title: t("neetoPayments.common.refundTime"),
+  dataIndex: "updatedAt",
+  key: "refundTime",
+  width: "220px",
+  render: renderDate,
+  sorter: true,
+  position: 9
+}, {
+  title: t("neetoPayments.common.status"),
+  dataIndex: "status",
+  key: "splitStatus",
+  width: "150px",
+  render: renderStatus("split"),
+  sorter: true,
+  position: 3,
+  isHidable: false
+}, {
+  title: t("neetoPayments.common.transferTime"),
+  key: "splitTime",
+  dataIndex: "paymentAt",
+  width: "220px",
+  render: renderSplitDate,
+  sorter: true,
+  position: 7
+}, {
+  title: t("neetoPayments.common.paymentIdentifier"),
+  key: "refundPaymentIdentifier",
+  dataIndex: "transaction",
+  width: "300px",
+  render: renderTransferIdentifier,
+  position: 8
+}, {
+  title: t("neetoPayments.common.connectedTransaction"),
+  dataIndex: "connectedPayment",
+  key: "connectedPayment",
+  width: "300px",
+  render: renderTransferIdentifier,
+  position: 9
+}, {
+  title: t("neetoPayments.common.accountIdentifier"),
+  dataIndex: "account",
+  key: "destinationAccount",
+  width: "160px",
+  render: renderAccountIdentifier,
+  position: 10
+}];
+const COLUMN_METADATA = {
+  identifier: {
+    isHidden: {
+      split: true,
+      transfer: true,
+      refund: true
+    }
+  },
+  amount: {
+    isHidden: {
+      refund: true
+    }
+  },
+  paymentTime: {
+    isHidden: {
+      refund: true,
+      split: true
+    }
+  },
+  splitIdentifier: {
+    isHidden: {
+      platform: true,
+      refund: true,
+      connected: true,
+      transfer: true,
+      pending: true
+    }
+  },
+  transferIdentifier: {
+    isHidden: {
+      platform: true,
+      split: true,
+      connected: true,
+      refund: true
+    }
+  },
+  platformSplitAmount: {
+    isHidden: {
+      platform: true,
+      connected: true,
+      transfer: true,
+      refund: true
+    }
+  },
+  status: {
+    isHidden: {
+      refund: true,
+      split: true,
+      declined: true,
+      pending: true,
+      successful: true,
+      refunded: true
+    }
+  },
+  refundStatus: {
+    isHidden: {
+      platform: true,
+      split: true,
+      connected: true,
+      transfer: true,
+      failed: true,
+      pending: true,
+      successful: true
+    }
+  },
+  refundAmount: {
+    isHidden: {
+      platform: true,
+      split: true,
+      connected: true,
+      transfer: true
+    }
+  },
+  refundTime: {
+    isHidden: {
+      platform: true,
+      split: true,
+      connected: true,
+      transfer: true
+    }
+  },
+  splitStatus: {
+    isHidden: {
+      platform: true,
+      refund: true,
+      connected: true,
+      transfer: true,
+      declined: true,
+      pending: true,
+      successful: true,
+      cancelled: true
+    }
+  },
+  splitTime: {
+    isHidden: {
+      platform: true,
+      refund: true,
+      connected: true,
+      transfer: true
+    }
+  },
+  paymentIntent: {
+    isHidden: {
+      platform: true,
+      refund: true,
+      connected: true,
+      transfer: true
+    }
+  },
+  connectedPayment: {
+    isHidden: {
+      platform: true,
+      refund: true,
+      connected: true,
+      transfer: true,
+      pending: true
+    }
+  },
+  refundPaymentIdentifier: {
+    isHidden: {
+      platform: true,
+      split: true,
+      connected: true,
+      transfer: true
+    }
+  },
+  refundIdentifier: {
+    isHidden: {
+      platform: true,
+      split: true,
+      connected: true,
+      transfer: true
+    }
+  },
+  destinationAccount: {
+    isHidden: {
+      platform: true,
+      refund: true,
+      connected: true,
+      transfer: true
+    }
+  },
+  paymentAmount: {
+    isHidden: {
+      platform: true,
+      split: true,
+      connected: true,
+      transfer: true
+    }
+  },
+  refundsTime: {
+    isHidden: {
+      split: true,
+      all: true,
+      declined: true,
+      pending: true,
+      successful: true
+    }
+  }
+};
+const FILTER_COLUMNS = [{
+  key: "amount",
+  label: t("neetoPayments.common.amount"),
+  node: "amount",
+  type: "decimal",
+  showRuleSelector: true
+}, {
+  key: "payment_amount",
+  label: t("neetoPayments.common.paymentAmount"),
+  node: "payment_intent.amount",
+  model: "NeetoPaymentsEngine::Stripe::Transaction",
+  type: "decimal",
+  showRuleSelector: true
+}, {
+  key: "refund_amount",
+  label: t("neetoPayments.common.refundAmount"),
+  node: "amount",
+  type: "decimal",
+  showRuleSelector: true
+}, {
+  key: "payment_time",
+  label: t("neetoPayments.common.paymentTime"),
+  node: "payment_at",
+  type: "date",
+  showRuleSelector: true
+}, {
+  key: "refund_time",
+  label: t("neetoPayments.common.refundTime"),
+  node: "updated_at",
+  type: "date",
+  showRuleSelector: true
+}, {
+  key: "split_time",
+  label: t("neetoPayments.common.transferTime"),
+  node: "payment_at",
+  type: "date",
+  showRuleSelector: true
+}];
+
+const isPlatformKind = equals(KIND.platform);
+const isConnectedKind = equals(KIND.connected);
+const isSplitKind = equals(KIND.split);
+const isTransferKind = equals(KIND.transfer);
+const isRefundKind = equals(KIND.refund);
+const buildPaymentColumns = _ref => {
+  let {
+    tab,
+    kind,
+    payableEntityColumns = [],
+    specialColumnArguments = {}
+  } = _ref;
+  return sortBy(prop("position"), COLUMNS.concat(generateSpecialColumns(specialColumnArguments)).filter(_ref2 => {
+    let {
+      key
+    } = _ref2;
+    return !(COLUMN_METADATA[key]?.isHidden?.[kind] || COLUMN_METADATA[key]?.isHidden?.[tab]);
+  }).concat(payableEntityColumns.filter(_ref3 => {
+    let {
+      isHidden
+    } = _ref3;
+    return !(isHidden?.[tab] || isHidden?.[kind]);
+  })));
+};
+const buildFilterColumns = function (tab, kind) {
+  let payableEntityColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  const filterColumns = FILTER_COLUMNS.filter(_ref4 => {
+    let {
+      key
+    } = _ref4;
+    return !COLUMN_METADATA[snakeToCamelCase(key)]?.isHidden?.[kind];
+  });
+  return concat(filterColumns, map(prop("filterProps"), filterBy({
+    isFilterable: true,
+    isHidden: isHidden => !(isHidden?.[tab] || isHidden?.[kind])
+  }, payableEntityColumns)));
+};
+const processResponse = (data, kind) => {
+  if (isSplitKind(kind)) return data?.splits;
+  if (isRefundKind(kind)) return data?.refunds;
+  return data?.transactions;
+};
+const modifySearchProps = _ref5 => {
+  let {
+    searchProps,
+    kind
+  } = _ref5;
+  return evolve({
+    node: concat(APPENDABLE_SEARCH_PROPS[kind]?.node),
+    model: concat(APPENDABLE_SEARCH_PROPS[kind]?.model)
+  }, searchProps);
+};
+
+const ExportModal = _ref => {
+  let {
+    showExportModal,
+    setShowExportModal,
+    kind,
+    tab,
+    filters,
+    holdableId,
+    sortProperties = {}
+  } = _ref;
+  const {
+    t
+  } = useTranslation();
+  const [downloadUrl, setDownloadUrl] = useState("");
+  const [isGenerating, setIsGenerating] = useState(false);
+  const {
+    mutate: exportRazorpayPaymentsCsv,
+    isLoading: isRazorpayLoading
+  } = useExportRazorpayData();
+  const {
+    mutate: exportCsv,
+    isLoading
+  } = useExportData();
+  const isFileLoading = isLoading || isGenerating || isRazorpayLoading;
+  const token = useMemo(() => `${kind}-report-${uuidV4()}`, [kind]);
+  const receivedCallback = data => {
+    if (!data.download_url) return;
+    setDownloadUrl(data.download_url);
+    setIsGenerating(false);
+  };
+  const handleGenerateClick = () => {
+    const payload = {
+      kind: isTransferKind(kind) ? "connected" : kind,
+      token,
+      filters,
+      tab,
+      holdableId,
+      ...sortProperties
+    };
+    if (kind === "razorpayPayment") {
+      return exportRazorpayPaymentsCsv(payload, {
+        onSuccess: () => {
+          setDownloadUrl("");
+          setIsGenerating(true);
+        }
+      });
+    }
+    return 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__*/React__default.createElement(Modal, {
+    onClose,
+    isOpen: showExportModal
+  }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
+    style: "h2"
+  }, t(`neetoPayments.export.title.${kind}`))), /*#__PURE__*/React__default.createElement(Modal.Body, null, isFileLoading ? /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
+  }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default.createElement(Typography, {
+    style: "body2"
+  }, downloadUrl ? t("neetoPayments.export.fileReady") : t(`neetoPayments.export.download.${kind}`))), /*#__PURE__*/React__default.createElement(Modal.Footer, {
+    className: "space-x-2"
+  }, downloadUrl ? /*#__PURE__*/React__default.createElement(Button, {
+    href: downloadUrl,
+    icon: Download,
+    label: t("neetoPayments.common.download"),
+    onClick: onClose
+  }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
+    disabled: isFileLoading,
+    label: t("neetoPayments.common.cancel"),
+    style: "tertiary",
+    onClick: onClose
+  }), /*#__PURE__*/React__default.createElement(Button, {
+    disabled: isFileLoading,
+    label: t("neetoPayments.common.export"),
+    loading: isFileLoading,
+    onClick: handleGenerateClick
+  }))));
+};
+
+export { ExportModal as E, buildPaymentColumns as a, buildFilterColumns as b, renderRefundIdentifier as c, isTransferKind as d, isConnectedKind as e, isRefundKind as f, isPlatformKind as g, renderIdentifier as h, isSplitKind as i, modifySearchProps as m, processResponse as p, renderSplitIdentifier as r };
+//# sourceMappingURL=ExportModal-a00544db.js.map