@bigbinary/neeto-payments-frontend 2.2.0 → 2.2.2

package/dist/ExportModal-23f4fa34.js

@@ -1,645 +0,0 @@
-import { useState, useMemo, useEffect } from 'react';
-import Download from '@bigbinary/neeto-icons/Download';
-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 '@tanstack/react-query';
-import axios from 'axios';
-import { BASE_URL } from './constants.js';
-import { u as useExportData, e as exportChannel } from './exportChannel-23e4628c.js';
-import { a as buildStripeTransactionLink, c as buildStripeSplitLink, d as buildStripeTransferLink, b as buildStripeAccountLink, e as buildStripeRefundLink, u as uuidV4 } from './index-385083ef.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-ac5ef9d0.js';
-import { I as IdentifierButton } from './IdentifierButton-81450a91.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({
-  mutationFn: exportsApi.exportData
-});
-
-const renderIdentifier = function () {
-  let {
-    identifier = "",
-    live: isLive = false
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return /*#__PURE__*/React.createElement(CopyButtonWrapper, {
-    content: identifier
-  }, /*#__PURE__*/React.createElement(IdentifierButton, {
-    href: buildStripeTransactionLink(identifier, isLive),
-    label: identifier
-  }));
-};
-curry((type, kind) => /*#__PURE__*/React.createElement(Tooltip, {
-  content: t(`neetoPayments.tooltipContent.${type}.${kind}`),
-  position: "top"
-}, /*#__PURE__*/React.createElement("div", {
-  className: "w-fit"
-}, /*#__PURE__*/React.createElement(Tag, {
-  label: t(`neetoPayments.tagLabels.${type}.${kind}`),
-  style: "secondary"
-}))));
-const renderSplitIdentifier = _ref => {
-  let {
-    identifier,
-    live: isLive
-  } = _ref;
-  return identifier ? /*#__PURE__*/React.createElement(CopyButtonWrapper, {
-    content: identifier
-  }, /*#__PURE__*/React.createElement(IdentifierButton, {
-    href: buildStripeSplitLink(identifier, isLive),
-    label: identifier
-  })) : /*#__PURE__*/React.createElement(Tooltip, {
-    content: t("neetoPayments.tooltipContent.identifierUnavailable"),
-    position: "top"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "text-center"
-  }, /*#__PURE__*/React.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.createElement(CopyButtonWrapper, {
-    content: identifier
-  }, /*#__PURE__*/React.createElement(IdentifierButton, {
-    label: identifier,
-    href: identifier.startsWith("py") ? buildStripeTransferLink(identifier, account?.identifier, isLive) : buildStripeTransactionLink(identifier, isLive)
-  })) : /*#__PURE__*/React.createElement("div", {
-    className: "text-center"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    position: "top",
-    content: t("neetoPayments.tooltipContent.connectedTransactionUnavailable")
-  }, /*#__PURE__*/React.createElement(Typography, {
-    style: "body2"
-  }, t("neetoPayments.common.notAvailable"))));
-};
-const renderPlatformIdentifier = curry((setPaneStatus, data) => /*#__PURE__*/React.createElement(CopyButtonWrapper, {
-  content: data?.identifier
-}, /*#__PURE__*/React.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.createElement(CopyButtonWrapper, {
-    content: identifier
-  }, /*#__PURE__*/React.createElement(IdentifierButton, {
-    href: buildStripeAccountLink(identifier, isLive),
-    label: identifier
-  }));
-};
-const renderSplitDate = date => isPresent(date) ? renderDate(date) : /*#__PURE__*/React.createElement(Tooltip, {
-  content: t("neetoPayments.tooltipContent.dateUnavailable"),
-  position: "top"
-}, /*#__PURE__*/React.createElement("div", {
-  className: "text-center"
-}, /*#__PURE__*/React.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.createElement(CopyButtonWrapper, {
-    content: identifier
-  }, /*#__PURE__*/React.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.platformShare"),
-  dataIndex: "platformShare",
-  key: "platformShare",
-  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
-    }
-  },
-  platformShare: {
-    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,
-    isPending: isRazorpayLoading
-  } = useExportRazorpayData();
-  const {
-    mutate: exportCsv,
-    isPending
-  } = useExportData();
-  const isFileLoading = isPending || 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.createElement(Modal, {
-    onClose,
-    isOpen: showExportModal
-  }, /*#__PURE__*/React.createElement(Modal.Header, null, /*#__PURE__*/React.createElement(Typography, {
-    style: "h2"
-  }, t(`neetoPayments.export.title.${kind}`))), /*#__PURE__*/React.createElement(Modal.Body, null, isFileLoading ? /*#__PURE__*/React.createElement(Typography, {
-    style: "body2"
-  }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React.createElement(Typography, {
-    style: "body2"
-  }, downloadUrl ? t("neetoPayments.export.fileReady") : t(`neetoPayments.export.download.${kind}`))), /*#__PURE__*/React.createElement(Modal.Footer, {
-    className: "space-x-2"
-  }, downloadUrl ? /*#__PURE__*/React.createElement(Button, {
-    href: downloadUrl,
-    icon: Download,
-    label: t("neetoPayments.common.download"),
-    onClick: onClose
-  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
-    disabled: isFileLoading,
-    label: t("neetoPayments.common.cancel"),
-    style: "tertiary",
-    onClick: onClose
-  }), /*#__PURE__*/React.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-23f4fa34.js.map