@bigbinary/neeto-payments-frontend 1.4.18 → 1.4.19

package/dist/cjs/ExportModal-408e0ed8.js

@@ -0,0 +1,667 @@
+'use strict';
+
+var React = require('react');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var Button = require('@bigbinary/neetoui/Button');
+var Modal = require('@bigbinary/neetoui/Modal');
+var Typography = require('@bigbinary/neetoui/Typography');
+var reactI18next = require('react-i18next');
+var reactQuery = require('react-query');
+var axios = require('axios');
+var constants = require('./constants.js');
+var exportChannel = require('./exportChannel-e4cc2bb1.js');
+var index = require('./index-b097dce8.js');
+var neetoCist = require('@bigbinary/neeto-cist');
+var ramda = require('ramda');
+var i18next = require('i18next');
+var Tag = require('@bigbinary/neetoui/Tag');
+var Tooltip = require('@bigbinary/neetoui/Tooltip');
+var renderFunctions = require('./renderFunctions-5e706b7a.js');
+var IdentifierButton = require('./IdentifierButton-40b5459d.js');
+var index$1 = require('./index-b7badf96.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+
+const exportData = payload => axios__default["default"].post(`${constants.BASE_URL}/api/v1/razorpay/exports`, payload);
+const exportsApi = {
+  exportData
+};
+
+const useExportRazorpayData = () => reactQuery.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["default"].createElement(renderFunctions.CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton.IdentifierButton, {
+    href: index.buildStripeTransactionLink(identifier, isLive),
+    label: identifier
+  }));
+};
+ramda.curry((type, kind) => /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
+  content: i18next.t(`neetoPayments.tooltipContent.${type}.${kind}`),
+  position: "top"
+}, /*#__PURE__*/React__default["default"].createElement("div", {
+  className: "w-fit"
+}, /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
+  label: i18next.t(`neetoPayments.tagLabels.${type}.${kind}`),
+  style: "secondary"
+}))));
+const renderSplitIdentifier = _ref => {
+  let {
+    identifier,
+    live: isLive
+  } = _ref;
+  return identifier ? /*#__PURE__*/React__default["default"].createElement(renderFunctions.CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton.IdentifierButton, {
+    href: index.buildStripeSplitLink(identifier, isLive),
+    label: identifier
+  })) : /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
+    content: i18next.t("neetoPayments.tooltipContent.identifierUnavailable"),
+    position: "top"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "text-center"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "body2"
+  }, i18next.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["default"].createElement(renderFunctions.CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton.IdentifierButton, {
+    label: identifier,
+    href: identifier.startsWith("py") ? index.buildStripeTransferLink(identifier, account?.identifier, isLive) : index.buildStripeTransactionLink(identifier, isLive)
+  })) : /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "text-center"
+  }, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
+    position: "top",
+    content: i18next.t("neetoPayments.tooltipContent.connectedTransactionUnavailable")
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "body2"
+  }, i18next.t("neetoPayments.common.notAvailable"))));
+};
+const renderPlatformIdentifier = ramda.curry((setPaneStatus, data) => /*#__PURE__*/React__default["default"].createElement(renderFunctions.CopyButtonWrapper, {
+  content: data?.identifier
+}, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+  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["default"].createElement(renderFunctions.CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton.IdentifierButton, {
+    href: index.buildStripeAccountLink(identifier, isLive),
+    label: identifier
+  }));
+};
+const renderSplitDate = date => neetoCist.isPresent(date) ? renderFunctions.renderDate(date) : /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
+  content: i18next.t("neetoPayments.tooltipContent.dateUnavailable"),
+  position: "top"
+}, /*#__PURE__*/React__default["default"].createElement("div", {
+  className: "text-center"
+}, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+  style: "body2"
+}, i18next.t("neetoPayments.common.notAvailable"))));
+const renderRefundIdentifier = function () {
+  let {
+    identifier = "",
+    live: isLive = false
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return /*#__PURE__*/React__default["default"].createElement(renderFunctions.CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton.IdentifierButton, {
+    href: index.buildStripeRefundLink(identifier, isLive),
+    label: identifier
+  }));
+};
+
+const generateSpecialColumns = _ref => {
+  let {
+    setPaneStatus
+  } = _ref;
+  return [{
+    title: i18next.t("neetoPayments.common.platformTransaction"),
+    dataIndex: "paymentIntent",
+    key: "paymentIntent",
+    width: "290px",
+    position: 9,
+    render: renderPlatformIdentifier(setPaneStatus)
+  }];
+};
+
+const COLUMNS = [{
+  title: i18next.t("neetoPayments.common.id"),
+  dataIndex: "id",
+  key: "id",
+  width: "72px",
+  position: 0,
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  key: "identifier",
+  width: "300px",
+  render: renderIdentifier,
+  position: 1,
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  key: "splitIdentifier",
+  width: "300px",
+  render: renderSplitIdentifier,
+  position: 1,
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  key: "refundIdentifier",
+  width: "300px",
+  render: renderRefundIdentifier,
+  position: 1,
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  key: "transferIdentifier",
+  width: "300px",
+  render: renderTransferIdentifier,
+  position: 1,
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.status"),
+  dataIndex: "status",
+  key: "status",
+  width: "150px",
+  render: renderFunctions.renderStatus("transaction"),
+  sorter: true,
+  position: 2,
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.amount"),
+  dataIndex: "amount",
+  key: "amount",
+  width: "150px",
+  sorter: true,
+  position: 3
+}, {
+  title: i18next.t("neetoPayments.common.platformSplitAmount"),
+  dataIndex: "platformSplitAmount",
+  key: "platformSplitAmount",
+  width: "280px",
+  position: 3
+}, {
+  title: i18next.t("neetoPayments.common.paymentTime"),
+  dataIndex: "paymentAt",
+  key: "paymentTime",
+  width: "220px",
+  render: renderFunctions.renderDate,
+  sorter: true,
+  position: 5
+}, {
+  title: i18next.t("neetoPayments.common.refundTime"),
+  dataIndex: "refunds",
+  key: "refundsTime",
+  width: "220px",
+  render: function () {
+    let refunds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    return renderFunctions.renderDate(refunds[0]?.updatedAt);
+  },
+  position: 6
+}, {
+  title: i18next.t("neetoPayments.common.status"),
+  dataIndex: "status",
+  width: "150px",
+  key: "refundStatus",
+  render: renderFunctions.renderStatus("refund"),
+  sorter: true,
+  position: 3,
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.paymentAmount"),
+  dataIndex: "paymentAmount",
+  key: "paymentAmount",
+  width: "240px",
+  sorter: true,
+  position: 4
+}, {
+  title: i18next.t("neetoPayments.common.refundAmount"),
+  dataIndex: "amount",
+  key: "refundAmount",
+  width: "200px",
+  sorter: true,
+  position: 3
+}, {
+  title: i18next.t("neetoPayments.common.refundTime"),
+  dataIndex: "updatedAt",
+  key: "refundTime",
+  width: "220px",
+  render: renderFunctions.renderDate,
+  sorter: true,
+  position: 9
+}, {
+  title: i18next.t("neetoPayments.common.status"),
+  dataIndex: "status",
+  key: "splitStatus",
+  width: "150px",
+  render: renderFunctions.renderStatus("split"),
+  sorter: true,
+  position: 3,
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.transferTime"),
+  key: "splitTime",
+  dataIndex: "paymentAt",
+  width: "220px",
+  render: renderSplitDate,
+  sorter: true,
+  position: 7
+}, {
+  title: i18next.t("neetoPayments.common.paymentIdentifier"),
+  key: "refundPaymentIdentifier",
+  dataIndex: "transaction",
+  width: "300px",
+  render: renderTransferIdentifier,
+  position: 8
+}, {
+  title: i18next.t("neetoPayments.common.connectedTransaction"),
+  dataIndex: "connectedPayment",
+  key: "connectedPayment",
+  width: "300px",
+  render: renderTransferIdentifier,
+  position: 9
+}, {
+  title: i18next.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: i18next.t("neetoPayments.common.amount"),
+  node: "amount",
+  type: "decimal",
+  showRuleSelector: true
+}, {
+  key: "payment_amount",
+  label: i18next.t("neetoPayments.common.paymentAmount"),
+  node: "payment_intent.amount",
+  model: "NeetoPaymentsEngine::Stripe::Transaction",
+  type: "decimal",
+  showRuleSelector: true
+}, {
+  key: "refund_amount",
+  label: i18next.t("neetoPayments.common.refundAmount"),
+  node: "amount",
+  type: "decimal",
+  showRuleSelector: true
+}, {
+  key: "payment_time",
+  label: i18next.t("neetoPayments.common.paymentTime"),
+  node: "payment_at",
+  type: "date",
+  showRuleSelector: true
+}, {
+  key: "refund_time",
+  label: i18next.t("neetoPayments.common.refundTime"),
+  node: "updated_at",
+  type: "date",
+  showRuleSelector: true
+}, {
+  key: "split_time",
+  label: i18next.t("neetoPayments.common.transferTime"),
+  node: "payment_at",
+  type: "date",
+  showRuleSelector: true
+}];
+
+const isPlatformKind = ramda.equals(index$1.KIND.platform);
+const isConnectedKind = ramda.equals(index$1.KIND.connected);
+const isSplitKind = ramda.equals(index$1.KIND.split);
+const isTransferKind = ramda.equals(index$1.KIND.transfer);
+const isRefundKind = ramda.equals(index$1.KIND.refund);
+const buildPaymentColumns = _ref => {
+  let {
+    tab,
+    kind,
+    payableEntityColumns = [],
+    specialColumnArguments = {}
+  } = _ref;
+  return ramda.sortBy(ramda.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[neetoCist.snakeToCamelCase(key)]?.isHidden?.[kind];
+  });
+  return ramda.concat(filterColumns, ramda.map(ramda.prop("filterProps"), neetoCist.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 ramda.evolve({
+    node: ramda.concat(index$1.APPENDABLE_SEARCH_PROPS[kind]?.node),
+    model: ramda.concat(index$1.APPENDABLE_SEARCH_PROPS[kind]?.model)
+  }, searchProps);
+};
+
+const ExportModal = _ref => {
+  let {
+    showExportModal,
+    setShowExportModal,
+    kind,
+    tab,
+    filters,
+    holdableId,
+    sortProperties = {}
+  } = _ref;
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const [downloadUrl, setDownloadUrl] = React.useState("");
+  const [isGenerating, setIsGenerating] = React.useState(false);
+  const {
+    mutate: exportRazorpayPaymentsCsv,
+    isLoading: isRazorpayLoading
+  } = useExportRazorpayData();
+  const {
+    mutate: exportCsv,
+    isLoading
+  } = exportChannel.useExportData();
+  const isFileLoading = isLoading || isGenerating || isRazorpayLoading;
+  const token = React.useMemo(() => `${kind}-report-${index.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);
+      }
+    });
+  };
+  React.useEffect(() => {
+    if (showExportModal) {
+      const channel = exportChannel.exportChannel(token, receivedCallback);
+      setDownloadUrl("");
+      setIsGenerating(false);
+      return () => {
+        channel.disconnected();
+      };
+    }
+    return undefined;
+  }, [showExportModal, token]);
+  const onClose = () => setShowExportModal(false);
+  return /*#__PURE__*/React__default["default"].createElement(Modal__default["default"], {
+    onClose,
+    isOpen: showExportModal
+  }, /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "h2"
+  }, t(`neetoPayments.export.title.${kind}`))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Body, null, isFileLoading ? /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "body2"
+  }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "body2"
+  }, downloadUrl ? t("neetoPayments.export.fileReady") : t(`neetoPayments.export.download.${kind}`))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Footer, {
+    className: "space-x-2"
+  }, downloadUrl ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+    href: downloadUrl,
+    icon: neetoIcons.Download,
+    label: t("neetoPayments.common.download"),
+    onClick: onClose
+  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+    disabled: isFileLoading,
+    label: t("neetoPayments.common.cancel"),
+    style: "tertiary",
+    onClick: onClose
+  }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+    disabled: isFileLoading,
+    label: t("neetoPayments.common.export"),
+    loading: isFileLoading,
+    onClick: handleGenerateClick
+  }))));
+};
+
+exports.ExportModal = ExportModal;
+exports.buildFilterColumns = buildFilterColumns;
+exports.buildPaymentColumns = buildPaymentColumns;
+exports.isConnectedKind = isConnectedKind;
+exports.isPlatformKind = isPlatformKind;
+exports.isRefundKind = isRefundKind;
+exports.isSplitKind = isSplitKind;
+exports.isTransferKind = isTransferKind;
+exports.modifySearchProps = modifySearchProps;
+exports.processResponse = processResponse;
+exports.renderIdentifier = renderIdentifier;
+exports.renderRefundIdentifier = renderRefundIdentifier;
+exports.renderSplitIdentifier = renderSplitIdentifier;
+//# sourceMappingURL=ExportModal-408e0ed8.js.map