@bigbinary/neeto-payments-frontend 3.2.5 → 3.3.1

package/dist/cjs/UpiPayment.js

@@ -1,25 +1,140 @@
 'use strict';
 
-require('@babel/runtime/helpers/defineProperty');
-require('@bigbinary/neeto-cist');
-require('@bigbinary/neetoui/Typography');
-require('@bigbinary/neetoui/formik/ActionBlock');
-require('@bigbinary/neetoui/formik/Form');
-require('@bigbinary/neetoui/formik/Input');
-require('qrcode.react');
-require('ramda');
-require('react-i18next');
-var UpiPayment = require('./index-Cad6GOm0.js');
-require('react/jsx-runtime');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Typography = require('@bigbinary/neetoui/Typography');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var Form = require('@bigbinary/neetoui/formik/Form');
+var Input = require('@bigbinary/neetoui/formik/Input');
+var QRCodeImage = require('qrcode.react');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var usePaymentsApi = require('./usePaymentsApi-CRsEWHjO.js');
+var i18next = require('i18next');
+var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('axios');
 require('./index-DFhiGrTx.js');
-require('i18next');
 require('@bigbinary/neeto-commons-frontend/constants');
 require('@bigbinary/neeto-commons-frontend/utils');
-require('yup');
 
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
-module.exports = UpiPayment.UpiPayment;
+var VALIDATION_SCHEMA = yup__namespace.object({
+  identifier: yup__namespace.string().required(i18next.t("neetoPayments.upi.payment.transaction.required")).min(6, i18next.t("neetoPayments.upi.payment.transaction.sixCharacters")).max(6, i18next.t("neetoPayments.upi.payment.transaction.sixCharacters"))
+});
+
+var vpaIdToQrCodeValue = function vpaIdToQrCodeValue(vpaId) {
+  return "upi://pay?pa=".concat(vpaId);
+};
+
+function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var UpiPayment = function UpiPayment(_ref) {
+  var fee = _ref.fee,
+    payableId = _ref.payableId,
+    discountCode = _ref.discountCode,
+    handleCancel = _ref.handleCancel,
+    _ref$onBeforePayment = _ref.onBeforePayment,
+    onBeforePayment = _ref$onBeforePayment === void 0 ? neetoCist.noop : _ref$onBeforePayment,
+    _ref$onFailedPayment = _ref.onFailedPayment,
+    onFailedPayment = _ref$onFailedPayment === void 0 ? neetoCist.noop : _ref$onFailedPayment,
+    _ref$onSuccessfulPaym = _ref.onSuccessfulPayment,
+    onSuccessfulPayment = _ref$onSuccessfulPaym === void 0 ? neetoCist.noop : _ref$onSuccessfulPaym;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var vpaIds = ramda.pluck("address", fee === null || fee === void 0 ? void 0 : fee.vpas);
+  var _useCreateUpiPayment = usePaymentsApi.useCreateUpiPayment({
+      onSuccess: onSuccessfulPayment,
+      onError: onFailedPayment
+    }),
+    isPending = _useCreateUpiPayment.isPending,
+    createPayment = _useCreateUpiPayment.mutate;
+  var handleSubmit = function handleSubmit(values) {
+    onBeforePayment();
+    var payload = _objectSpread(_objectSpread({}, values), {}, {
+      payableId: payableId,
+      discountCode: discountCode
+    });
+    createPayment(payload);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    children: /*#__PURE__*/jsxRuntime.jsx(Form, {
+      className: "space-y-4",
+      formikProps: {
+        onSubmit: handleSubmit,
+        initialValues: {
+          identifier: ""
+        },
+        validationSchema: VALIDATION_SCHEMA
+      },
+      children: function children(_ref2) {
+        var dirty = _ref2.dirty;
+        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+            style: "body1",
+            children: t("neetoPayments.upi.payment.vpaText", {
+              count: vpaIds.length
+            })
+          }), neetoCist.isPresent(vpaIds) && /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2",
+            children: vpaIds.map(function (vpaId) {
+              return /*#__PURE__*/jsxRuntime.jsxs("div", {
+                className: "flex flex-col items-center justify-center",
+                children: [/*#__PURE__*/jsxRuntime.jsx(QRCodeImage, {
+                  size: 256,
+                  style: {
+                    width: 80,
+                    height: 80
+                  },
+                  value: vpaIdToQrCodeValue(vpaId)
+                }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
+                  className: "mt-2 w-full break-words text-center",
+                  style: "body2",
+                  children: vpaId
+                })]
+              }, vpaId);
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(Input, {
+            required: true,
+            label: t("neetoPayments.upi.payment.transaction.label"),
+            name: "identifier",
+            placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
+          }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
+            cancelButtonProps: {
+              label: t("neetoPayments.upi.payment.buttons.back"),
+              onClick: handleCancel,
+              disabled: isPending
+            },
+            submitButtonProps: {
+              label: t("neetoPayments.upi.payment.buttons.submit"),
+              disabled: !dirty || isPending,
+              loading: isPending
+            }
+          })]
+        });
+      }
+    })
+  });
+};
+
+module.exports = UpiPayment;
 //# sourceMappingURL=UpiPayment.js.map

package/dist/cjs/UpiPayment.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpiPayment.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"UpiPayment.js","sources":["../../app/javascript/src/components/UpiPayment/constants.js","../../app/javascript/src/components/UpiPayment/utils.js","../../app/javascript/src/components/UpiPayment/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const VALIDATION_SCHEMA = yup.object({\n  identifier: yup\n    .string()\n    .required(t(\"neetoPayments.upi.payment.transaction.required\"))\n    .min(6, t(\"neetoPayments.upi.payment.transaction.sixCharacters\"))\n    .max(6, t(\"neetoPayments.upi.payment.transaction.sixCharacters\")),\n});\n","export const vpaIdToQrCodeValue = vpaId => `upi://pay?pa=${vpaId}`;\n","import { noop, isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport QRCodeImage from \"qrcode.react\";\nimport { pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateUpiPayment } from \"hooks/reactQuery/upi/usePaymentsApi\";\n\nimport { VALIDATION_SCHEMA } from \"./constants\";\nimport { vpaIdToQrCodeValue } from \"./utils\";\n\nconst UpiPayment = ({\n  fee,\n  payableId,\n  discountCode,\n  handleCancel,\n  onBeforePayment = noop,\n  onFailedPayment = noop,\n  onSuccessfulPayment = noop,\n}) => {\n  const { t } = useTranslation();\n\n  const vpaIds = pluck(\"address\", fee?.vpas);\n\n  const { isPending, mutate: createPayment } = useCreateUpiPayment({\n    onSuccess: onSuccessfulPayment,\n    onError: onFailedPayment,\n  });\n\n  const handleSubmit = values => {\n    onBeforePayment();\n    const payload = { ...values, payableId, discountCode };\n    createPayment(payload);\n  };\n\n  return (\n    <div>\n      <Form\n        className=\"space-y-4\"\n        formikProps={{\n          onSubmit: handleSubmit,\n          initialValues: { identifier: \"\" },\n          validationSchema: VALIDATION_SCHEMA,\n        }}\n      >\n        {({ dirty }) => (\n          <>\n            <Typography style=\"body1\">\n              {t(\"neetoPayments.upi.payment.vpaText\", { count: vpaIds.length })}\n            </Typography>\n            {isPresent(vpaIds) && (\n              <div className=\"grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2\">\n                {vpaIds.map(vpaId => (\n                  <div\n                    className=\"flex flex-col items-center justify-center\"\n                    key={vpaId}\n                  >\n                    <QRCodeImage\n                      size={256}\n                      style={{ width: 80, height: 80 }}\n                      value={vpaIdToQrCodeValue(vpaId)}\n                    />\n                    <Typography\n                      className=\"mt-2 w-full break-words text-center\"\n                      style=\"body2\"\n                    >\n                      {vpaId}\n                    </Typography>\n                  </div>\n                ))}\n              </div>\n            )}\n            <Input\n              required\n              label={t(\"neetoPayments.upi.payment.transaction.label\")}\n              name=\"identifier\"\n              placeholder={t(\n                \"neetoPayments.upi.payment.transaction.placeholder\"\n              )}\n            />\n            <ActionBlock\n              cancelButtonProps={{\n                label: t(\"neetoPayments.upi.payment.buttons.back\"),\n                onClick: handleCancel,\n                disabled: isPending,\n              }}\n              submitButtonProps={{\n                label: t(\"neetoPayments.upi.payment.buttons.submit\"),\n                disabled: !dirty || isPending,\n                loading: isPending,\n              }}\n            />\n          </>\n        )}\n      </Form>\n    </div>\n  );\n};\n\nexport default UpiPayment;\n"],"names":["VALIDATION_SCHEMA","yup","object","identifier","string","required","t","min","max","vpaIdToQrCodeValue","vpaId","concat","UpiPayment","_ref","fee","payableId","discountCode","handleCancel","_ref$onBeforePayment","onBeforePayment","noop","_ref$onFailedPayment","onFailedPayment","_ref$onSuccessfulPaym","onSuccessfulPayment","_useTranslation","useTranslation","vpaIds","pluck","vpas","_useCreateUpiPayment","useCreateUpiPayment","onSuccess","onError","isPending","createPayment","mutate","handleSubmit","values","payload","_objectSpread","_jsx","children","Form","className","formikProps","onSubmit","initialValues","validationSchema","_ref2","dirty","_jsxs","_Fragment","Typography","style","count","length","isPresent","map","QRCodeImage","size","width","height","value","Input","label","name","placeholder","ActionBlock","cancelButtonProps","onClick","disabled","submitButtonProps","loading"],"mappings":"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"}

package/dist/cjs/index.js

@@ -10,38 +10,35 @@ var RefundsDashboard = require('./RefundsDashboard.js');
 var SplitTransfersDashboard = require('./SplitTransfersDashboard.js');
 var StripeConnect = require('./StripeConnect.js');
 var TaxesDashboard = require('./TaxesDashboard.js');
+var ConfirmUpiPaymentButton = require('./ConfirmUpiPaymentButton.js');
 var UpiConnect = require('./UpiConnect.js');
-var UpiPayment = require('./index-Cad6GOm0.js');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var React = require('react');
-var neetoCist = require('@bigbinary/neeto-cist');
-var Button = require('@bigbinary/neetoui/Button');
-var Modal = require('@bigbinary/neetoui/Modal');
-var Typography = require('@bigbinary/neetoui/Typography');
-var Form = require('@bigbinary/neetoui/formik/Form');
-var Textarea = require('@bigbinary/neetoui/formik/Textarea');
-var Select = require('@bigbinary/neetoui/formik/Select');
-var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
-var reactI18next = require('react-i18next');
-var jsxRuntime = require('react/jsx-runtime');
+var UpiPayment = require('./UpiPayment.js');
 var useRazorpayPayment = require('./useRazorpayPayment.js');
 var useStripePromise = require('./useStripePromise.js');
 var constants = require('./index-DFhiGrTx.js');
 var CopyButtonWrapper = require('./CopyButtonWrapper-Ds1k64E0.js');
+require('@babel/runtime/helpers/slicedToArray');
+require('react');
 require('i18next');
+require('@bigbinary/neeto-cist');
 require('@bigbinary/neeto-commons-frontend/react-utils');
 require('@bigbinary/neeto-filters-frontend/Bar');
 require('@bigbinary/neeto-molecules/Header');
 require('@bigbinary/neeto-molecules/SubHeader');
 require('@bigbinary/neetoui/Tab');
+require('@bigbinary/neetoui/Typography');
+require('react-i18next');
 require('./dashboard-Bhh942b_.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@tanstack/react-query');
 require('@tanstack/react-query-devtools');
 require('@bigbinary/neeto-commons-frontend/constants');
+require('react/jsx-runtime');
 require('axios');
 require('ramda');
 require('@bigbinary/neeto-icons/Download');
+require('@bigbinary/neetoui/Button');
+require('@bigbinary/neetoui/Modal');
 require('./exportChannel-BsZ3fusx.js');
 require('@bigbinary/neeto-commons-frontend/utils');
 require('@babel/runtime/helpers/toConsumableArray');
@@ -67,6 +64,9 @@ require('react-router-dom/cjs/react-router-dom');
 require('@babel/runtime/helpers/asyncToGenerator');
 require('@babel/runtime/regenerator');
 require('./usePaymentApi-Ct4IyY6F.js');
+require('@bigbinary/neetoui/formik/Form');
+require('@bigbinary/neetoui/formik/Textarea');
+require('@bigbinary/neetoui/formik/ActionBlock');
 require('yup');
 require('@bigbinary/neeto-molecules/HelpPopover');
 require('@bigbinary/neetoui/Pane');
@@ -74,6 +74,7 @@ require('@bigbinary/neetoui/Dropdown');
 require('neetointegrations/Demo');
 require('neetointegrations/Modal');
 require('@bigbinary/neetoui/Label');
+require('@bigbinary/neetoui/formik/Select');
 require('dompurify');
 require('@bigbinary/neetoui/Radio');
 require('neetointegrations/Finish');
@@ -82,126 +83,11 @@ require('@bigbinary/neeto-molecules/PageLoader');
 require('@bigbinary/neetoui/formik/Input');
 require('@bigbinary/neetoui/formik/Radio');
 require('@bigbinary/neeto-molecules/MoreDropdown');
+require('./usePaymentsApi-CRsEWHjO.js');
 require('qrcode.react');
 require('@bigbinary/neeto-commons-frontend/initializers');
 require('@bigbinary/neeto-molecules/CopyToClipboardButton');
 
-var ConfirmButton = function ConfirmButton(_ref) {
-  var vpas = _ref.vpas,
-    identifier = _ref.identifier,
-    paymentId = _ref.paymentId,
-    payableId = _ref.payableId,
-    _ref$onSuccess = _ref.onSuccess,
-    onSuccess = _ref$onSuccess === void 0 ? neetoCist.noop : _ref$onSuccess;
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isModalOpen = _useState2[0],
-    setIsModalOpen = _useState2[1];
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _useUpdateUpiPayment = UpiPayment.useUpdateUpiPayment(paymentId, {
-      onSuccess: onSuccess
-    }),
-    updateUpiPayment = _useUpdateUpiPayment.mutate,
-    isPending = _useUpdateUpiPayment.isPending;
-  var onClose = function onClose() {
-    return setIsModalOpen(false);
-  };
-  var handleSubmit = function handleSubmit(_ref2) {
-    var vpaId = _ref2.vpaId,
-      notes = _ref2.notes;
-    var vpa = neetoCist.findBy({
-      id: vpaId
-    }, vpas);
-    var payload = {
-      notes: notes,
-      vpaId: vpaId,
-      payableId: payableId,
-      upiId: vpa.upiId,
-      status: "successful"
-    };
-    updateUpiPayment(payload);
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(Button, {
-      label: t("neetoPayments.upi.payment.buttons.confirmPayment"),
-      loading: isPending,
-      size: "small",
-      style: "secondary",
-      onClick: function onClick() {
-        return setIsModalOpen(true);
-      }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Modal, {
-      onClose: onClose,
-      isOpen: isModalOpen,
-      size: "large",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Header, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Typography, {
-          style: "h2",
-          children: t("neetoPayments.upi.confirmModal.title")
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx(Form, {
-        formikProps: {
-          enableReinitialize: true,
-          onSubmit: handleSubmit,
-          initialValues: UpiPayment.CONFIRM_FORM_INITIAL_VALUE,
-          validationSchema: UpiPayment.CONFIRM_FORM_VALIDATION_SCHEMA
-        },
-        children: function children(_ref3) {
-          var setFieldValue = _ref3.setFieldValue;
-          return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-            children: [/*#__PURE__*/jsxRuntime.jsx(Modal.Body, {
-              children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-                className: "flex flex-col space-y-4",
-                children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
-                  lineHeight: "normal",
-                  style: "body2",
-                  children: t("neetoPayments.upi.confirmModal.upiTransactionId", {
-                    identifier: identifier
-                  })
-                }), /*#__PURE__*/jsxRuntime.jsx(Select, {
-                  label: t("neetoPayments.upi.confirmModal.accountIdLabel"),
-                  name: "vpaId",
-                  options: vpas === null || vpas === void 0 ? void 0 : vpas.map(function (_ref4) {
-                    var address = _ref4.address,
-                      id = _ref4.id;
-                    return {
-                      label: address,
-                      value: id
-                    };
-                  }),
-                  onChange: function onChange(_ref5) {
-                    var value = _ref5.value;
-                    return setFieldValue("vpaId", value);
-                  }
-                }), /*#__PURE__*/jsxRuntime.jsx(Textarea, {
-                  "data-cy": "confirm-booking-modal-input-textfield",
-                  label: t("neetoPayments.upi.confirmModal.notes"),
-                  name: "notes",
-                  placeholder: t("neetoPayments.upi.confirmModal.notesPlaceholder")
-                })]
-              })
-            }), /*#__PURE__*/jsxRuntime.jsx(Modal.Footer, {
-              className: "space-x-2",
-              children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
-                isSubmitting: isPending,
-                position: "right",
-                cancelButtonProps: {
-                  onClick: onClose,
-                  style: "tertiary"
-                },
-                submitButtonProps: {
-                  label: t("neetoPayments.common.confirm")
-                }
-              })
-            })]
-          });
-        }
-      })]
-    })]
-  });
-};
-
 var css = ".ant-table-cell-row-hover .identifier-copy-button{visibility:visible!important}";
 CopyButtonWrapper.n(css,{});
 
@@ -215,11 +101,11 @@ exports.RefundsDashboard = RefundsDashboard;
 exports.SplitTransfersDashboard = SplitTransfersDashboard;
 exports.StripeConnect = StripeConnect;
 exports.TaxesDashboard = TaxesDashboard;
+exports.ConfirmUpiPaymentButton = ConfirmUpiPaymentButton;
 exports.UpiConnect = UpiConnect;
-exports.UpiPayment = UpiPayment.UpiPayment;
+exports.UpiPayment = UpiPayment;
 exports.useRazorpayPayment = useRazorpayPayment;
 exports.useStripePromise = useStripePromise;
 exports.CURRENCY_OPTIONS = constants.CURRENCY_OPTIONS;
 exports.buildStripeTransactionLink = constants.buildStripeTransactionLink;
-exports.ConfirmButton = ConfirmButton;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../app/javascript/src/components/UpiPayment/ConfirmButton.jsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { findBy, noop } from \"neetocist\";\nimport { Button, Modal, Typography } from \"neetoui\";\nimport { Form, Textarea, Select, ActionBlock } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateUpiPayment } from \"hooks/reactQuery/upi/usePaymentsApi\";\n\nimport {\n  CONFIRM_FORM_INITIAL_VALUE,\n  CONFIRM_FORM_VALIDATION_SCHEMA,\n} from \"./constants\";\n\nconst ConfirmButton = ({\n  vpas,\n  identifier,\n  paymentId,\n  payableId,\n  onSuccess = noop,\n}) => {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const { t } = useTranslation();\n\n  const { mutate: updateUpiPayment, isPending } = useUpdateUpiPayment(\n    paymentId,\n    { onSuccess }\n  );\n  const onClose = () => setIsModalOpen(false);\n\n  const handleSubmit = ({ vpaId, notes }) => {\n    const vpa = findBy({ id: vpaId }, vpas);\n    const payload = {\n      notes,\n      vpaId,\n      payableId,\n      upiId: vpa.upiId,\n      status: \"successful\",\n    };\n    updateUpiPayment(payload);\n  };\n\n  return (\n    <>\n      <Button\n        label={t(\"neetoPayments.upi.payment.buttons.confirmPayment\")}\n        loading={isPending}\n        size=\"small\"\n        style=\"secondary\"\n        onClick={() => setIsModalOpen(true)}\n      />\n      <Modal {...{ onClose }} isOpen={isModalOpen} size=\"large\">\n        <Modal.Header>\n          <Typography style=\"h2\">\n            {t(\"neetoPayments.upi.confirmModal.title\")}\n          </Typography>\n        </Modal.Header>\n        <Form\n          formikProps={{\n            enableReinitialize: true,\n            onSubmit: handleSubmit,\n            initialValues: CONFIRM_FORM_INITIAL_VALUE,\n            validationSchema: CONFIRM_FORM_VALIDATION_SCHEMA,\n          }}\n        >\n          {({ setFieldValue }) => (\n            <>\n              <Modal.Body>\n                <div className=\"flex flex-col space-y-4\">\n                  <Typography lineHeight=\"normal\" style=\"body2\">\n                    {t(\"neetoPayments.upi.confirmModal.upiTransactionId\", {\n                      identifier,\n                    })}\n                  </Typography>\n                  <Select\n                    label={t(\"neetoPayments.upi.confirmModal.accountIdLabel\")}\n                    name=\"vpaId\"\n                    options={vpas?.map(({ address, id }) => ({\n                      label: address,\n                      value: id,\n                    }))}\n                    onChange={({ value }) => setFieldValue(\"vpaId\", value)}\n                  />\n                  <Textarea\n                    data-cy=\"confirm-booking-modal-input-textfield\"\n                    label={t(\"neetoPayments.upi.confirmModal.notes\")}\n                    name=\"notes\"\n                    placeholder={t(\n                      \"neetoPayments.upi.confirmModal.notesPlaceholder\"\n                    )}\n                  />\n                </div>\n              </Modal.Body>\n              <Modal.Footer className=\"space-x-2\">\n                <ActionBlock\n                  isSubmitting={isPending}\n                  position=\"right\"\n                  cancelButtonProps={{\n                    onClick: onClose,\n                    style: \"tertiary\",\n                  }}\n                  submitButtonProps={{\n                    label: t(\"neetoPayments.common.confirm\"),\n                  }}\n                />\n              </Modal.Footer>\n            </>\n          )}\n        </Form>\n      </Modal>\n    </>\n  );\n};\n\nexport default ConfirmButton;\n"],"names":["ConfirmButton","_ref","vpas","identifier","paymentId","payableId","_ref$onSuccess","onSuccess","noop","_useState","useState","_useState2","_slicedToArray","isModalOpen","setIsModalOpen","_useTranslation","useTranslation","t","_useUpdateUpiPayment","useUpdateUpiPayment","updateUpiPayment","mutate","isPending","onClose","handleSubmit","_ref2","vpaId","notes","vpa","findBy","id","payload","upiId","status","_jsxs","_Fragment","children","_jsx","Button","label","loading","size","style","onClick","Modal","isOpen","Header","Typography","Form","formikProps","enableReinitialize","onSubmit","initialValues","CONFIRM_FORM_INITIAL_VALUE","validationSchema","CONFIRM_FORM_VALIDATION_SCHEMA","_ref3","setFieldValue","Body","className","lineHeight","Select","name","options","map","_ref4","address","value","onChange","_ref5","Textarea","placeholder","Footer","ActionBlock","isSubmitting","position","cancelButtonProps","submitButtonProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAMb;AAAA,EAAA,IALJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,UAAU,GAAAF,IAAA,CAAVE,UAAU;IACVC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IAAAC,cAAA,GAAAL,IAAA,CACTM,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,cAAA;AAEhB,EAAA,IAAAG,SAAA,GAAsCC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9CI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAAI,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AAET,EAAA,IAAAC,oBAAA,GAAgDC,8BAAmB,CACjEf,SAAS,EACT;AAAEG,MAAAA,SAAS,EAATA;AAAU,KACd,CAAC;IAHea,gBAAgB,GAAAF,oBAAA,CAAxBG,MAAM;IAAoBC,SAAS,GAAAJ,oBAAA,CAATI,SAAS;AAI3C,EAAA,IAAMC,OAAO,GAAG,SAAVA,OAAOA,GAAA;IAAA,OAAST,cAAc,CAAC,KAAK,CAAC;AAAA,GAAA;AAE3C,EAAA,IAAMU,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAAyB;AAAA,IAAA,IAAnBC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;IAClC,IAAMC,GAAG,GAAGC,gBAAM,CAAC;AAAEC,MAAAA,EAAE,EAAEJ;KAAO,EAAExB,IAAI,CAAC;AACvC,IAAA,IAAM6B,OAAO,GAAG;AACdJ,MAAAA,KAAK,EAALA,KAAK;AACLD,MAAAA,KAAK,EAALA,KAAK;AACLrB,MAAAA,SAAS,EAATA,SAAS;MACT2B,KAAK,EAAEJ,GAAG,CAACI,KAAK;AAChBC,MAAAA,MAAM,EAAE;KACT;IACDb,gBAAgB,CAACW,OAAO,CAAC;GAC1B;EAED,oBACEG,eAAA,CAAAC,mBAAA,EAAA;IAAAC,QAAA,EAAA,cACEC,cAAA,CAACC,MAAM,EAAA;AACLC,MAAAA,KAAK,EAAEtB,CAAC,CAAC,kDAAkD,CAAE;AAC7DuB,MAAAA,OAAO,EAAElB,SAAU;AACnBmB,MAAAA,IAAI,EAAC,OAAO;AACZC,MAAAA,KAAK,EAAC,WAAW;MACjBC,OAAO,EAAE,SAATA,OAAOA,GAAA;QAAA,OAAQ7B,cAAc,CAAC,IAAI,CAAC;AAAA;AAAC,KACrC,CAAC,eACFoB,eAAA,CAACU,KAAK,EAAA;AAAOrB,MAAAA,OAAO,EAAPA,OAAO;AAAIsB,MAAAA,MAAM,EAAEhC,WAAY;AAAC4B,MAAAA,IAAI,EAAC,OAAO;AAAAL,MAAAA,QAAA,EACvDC,cAAAA,cAAA,CAACO,KAAK,CAACE,MAAM,EAAA;QAAAV,QAAA,eACXC,cAAA,CAACU,UAAU,EAAA;AAACL,UAAAA,KAAK,EAAC,IAAI;UAAAN,QAAA,EACnBnB,CAAC,CAAC,sCAAsC;SAC/B;AAAC,OACD,CAAC,eACfoB,cAAA,CAACW,IAAI,EAAA;AACHC,QAAAA,WAAW,EAAE;AACXC,UAAAA,kBAAkB,EAAE,IAAI;AACxBC,UAAAA,QAAQ,EAAE3B,YAAY;AACtB4B,UAAAA,aAAa,EAAEC,qCAA0B;AACzCC,UAAAA,gBAAgB,EAAEC;SAClB;QAAAnB,QAAA,EAED,SAAAA,QAAAA,CAAAoB,KAAA,EAAA;AAAA,UAAA,IAAGC,aAAa,GAAAD,KAAA,CAAbC,aAAa;UAAA,oBACfvB,eAAA,CAAAC,mBAAA,EAAA;AAAAC,YAAAA,QAAA,EACEC,cAAAA,cAAA,CAACO,KAAK,CAACc,IAAI,EAAA;AAAAtB,cAAAA,QAAA,eACTF,eAAA,CAAA,KAAA,EAAA;AAAKyB,gBAAAA,SAAS,EAAC,yBAAyB;gBAAAvB,QAAA,EAAA,cACtCC,cAAA,CAACU,UAAU,EAAA;AAACa,kBAAAA,UAAU,EAAC,QAAQ;AAAClB,kBAAAA,KAAK,EAAC,OAAO;AAAAN,kBAAAA,QAAA,EAC1CnB,CAAC,CAAC,iDAAiD,EAAE;AACpDd,oBAAAA,UAAU,EAAVA;mBACD;AAAC,iBACQ,CAAC,eACbkC,cAAA,CAACwB,MAAM,EAAA;AACLtB,kBAAAA,KAAK,EAAEtB,CAAC,CAAC,+CAA+C,CAAE;AAC1D6C,kBAAAA,IAAI,EAAC,OAAO;kBACZC,OAAO,EAAE7D,IAAI,KAAA,IAAA,IAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAE8D,GAAG,CAAC,UAAAC,KAAA,EAAA;AAAA,oBAAA,IAAGC,OAAO,GAAAD,KAAA,CAAPC,OAAO;sBAAEpC,EAAE,GAAAmC,KAAA,CAAFnC,EAAE;oBAAA,OAAQ;AACvCS,sBAAAA,KAAK,EAAE2B,OAAO;AACdC,sBAAAA,KAAK,EAAErC;qBACR;AAAA,mBAAC,CAAE;AACJsC,kBAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAAC,KAAA,EAAA;AAAA,oBAAA,IAAKF,KAAK,GAAAE,KAAA,CAALF,KAAK;AAAA,oBAAA,OAAOV,aAAa,CAAC,OAAO,EAAEU,KAAK,CAAC;AAAA;AAAC,iBACxD,CAAC,eACF9B,cAAA,CAACiC,QAAQ,EAAA;AACP,kBAAA,SAAA,EAAQ,uCAAuC;AAC/C/B,kBAAAA,KAAK,EAAEtB,CAAC,CAAC,sCAAsC,CAAE;AACjD6C,kBAAAA,IAAI,EAAC,OAAO;kBACZS,WAAW,EAAEtD,CAAC,CACZ,iDACF;AAAE,iBACH,CAAC;eACC;AAAC,aACI,CAAC,eACboB,cAAA,CAACO,KAAK,CAAC4B,MAAM,EAAA;AAACb,cAAAA,SAAS,EAAC,WAAW;cAAAvB,QAAA,eACjCC,cAAA,CAACoC,WAAW,EAAA;AACVC,gBAAAA,YAAY,EAAEpD,SAAU;AACxBqD,gBAAAA,QAAQ,EAAC,OAAO;AAChBC,gBAAAA,iBAAiB,EAAE;AACjBjC,kBAAAA,OAAO,EAAEpB,OAAO;AAChBmB,kBAAAA,KAAK,EAAE;iBACP;AACFmC,gBAAAA,iBAAiB,EAAE;kBACjBtC,KAAK,EAAEtB,CAAC,CAAC,8BAA8B;AACzC;eACD;AAAC,aACU,CAAC;AAAA,WACf,CAAC;AAAA;AACJ,OACG,CAAC;AAAA,KACF,CAAC;AAAA,GACR,CAAC;AAEP;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/usePaymentsApi-CRsEWHjO.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var reactQuery = require('@tanstack/react-query');
+var axios = require('axios');
+var constants = require('./index-DFhiGrTx.js');
+
+var create = function create(payload) {
+  return axios.post("".concat(constants.BASE_URL, "/api/v1/public/upi/payments"), {
+    payment: payload
+  });
+};
+var update = function update(id, payload) {
+  return axios.put("".concat(constants.BASE_URL, "/api/v1/upi/payments/").concat(id), {
+    payment: payload
+  });
+};
+var paymentsApi = {
+  create: create,
+  update: update
+};
+
+function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useCreateUpiPayment = function useCreateUpiPayment(options) {
+  return reactQuery.useMutation(_objectSpread({
+    mutationFn: paymentsApi.create
+  }, options));
+};
+var useUpdateUpiPayment = function useUpdateUpiPayment(id) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return reactQuery.useMutation(_objectSpread({
+    mutationFn: function mutationFn(payload) {
+      return paymentsApi.update(id, payload);
+    }
+  }, options));
+};
+
+exports.useCreateUpiPayment = useCreateUpiPayment;
+exports.useUpdateUpiPayment = useUpdateUpiPayment;
+//# sourceMappingURL=usePaymentsApi-CRsEWHjO.js.map

package/dist/cjs/usePaymentsApi-CRsEWHjO.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaymentsApi-CRsEWHjO.js","sources":["../../app/javascript/src/apis/upi/payments.js","../../app/javascript/src/hooks/reactQuery/upi/usePaymentsApi.js"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst create = payload =>\n  axios.post(`${BASE_URL}/api/v1/public/upi/payments`, {\n    payment: payload,\n  });\n\nconst update = (id, payload) =>\n  axios.put(`${BASE_URL}/api/v1/upi/payments/${id}`, {\n    payment: payload,\n  });\n\nconst paymentsApi = { create, update };\n\nexport default paymentsApi;\n","import { useMutation } from \"@tanstack/react-query\";\n\nimport paymentsApi from \"apis/upi/payments\";\n\nexport const useCreateUpiPayment = options =>\n  useMutation({ mutationFn: paymentsApi.create, ...options });\n\nexport const useUpdateUpiPayment = (id, options = {}) =>\n  useMutation({\n    mutationFn: payload => paymentsApi.update(id, payload),\n    ...options,\n  });\n"],"names":["create","payload","axios","post","concat","BASE_URL","payment","update","id","put","paymentsApi","useCreateUpiPayment","options","useMutation","_objectSpread","mutationFn","useUpdateUpiPayment","arguments","length","undefined"],"mappings":";;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAGC,OAAO,EAAA;AAAA,EAAA,OACpBC,KAAK,CAACC,IAAI,IAAAC,MAAA,CAAIC,kBAAQ,EAA+B,6BAAA,CAAA,EAAA;AACnDC,IAAAA,OAAO,EAAEL;AACX,GAAC,CAAC;AAAA,CAAA;AAEJ,IAAMM,MAAM,GAAG,SAATA,MAAMA,CAAIC,EAAE,EAAEP,OAAO,EAAA;EAAA,OACzBC,KAAK,CAACO,GAAG,CAAAL,EAAAA,CAAAA,MAAA,CAAIC,kBAAQ,EAAAD,uBAAAA,CAAAA,CAAAA,MAAA,CAAwBI,EAAE,CAAI,EAAA;AACjDF,IAAAA,OAAO,EAAEL;AACX,GAAC,CAAC;AAAA,CAAA;AAEJ,IAAMS,WAAW,GAAG;AAAEV,EAAAA,MAAM,EAANA,MAAM;AAAEO,EAAAA,MAAM,EAANA;AAAO,CAAC;;;;ICVzBI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGC,OAAO,EAAA;EAAA,OACxCC,sBAAW,CAAAC,aAAA,CAAA;IAAGC,UAAU,EAAEL,WAAW,CAACV;GAAWY,EAAAA,OAAO,CAAE,CAAC;AAAA;IAEhDI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIR,EAAE,EAAA;AAAA,EAAA,IAAEI,OAAO,GAAAK,SAAA,CAAAC,MAAA,GAAA,CAAA,IAAAD,SAAA,CAAA,CAAA,CAAA,KAAAE,SAAA,GAAAF,SAAA,CAAA,CAAA,CAAA,GAAG,EAAE;EAAA,OAClDJ,sBAAW,CAAAC,aAAA,CAAA;AACTC,IAAAA,UAAU,EAAE,SAAZA,UAAUA,CAAEd,OAAO,EAAA;AAAA,MAAA,OAAIS,WAAW,CAACH,MAAM,CAACC,EAAE,EAAEP,OAAO,CAAC;AAAA;GACnDW,EAAAA,OAAO,CACX,CAAC;AAAA;;;;;"}

package/dist/index.js

@@ -8,39 +8,35 @@ export { default as RefundsDashboard } from './RefundsDashboard.js';
 export { default as SplitTransfersDashboard } from './SplitTransfersDashboard.js';
 export { default as StripeConnect } from './StripeConnect.js';
 export { default as TaxesDashboard } from './TaxesDashboard.js';
+export { default as ConfirmUpiPaymentButton } from './ConfirmUpiPaymentButton.js';
 export { default as UpiConnect } from './UpiConnect.js';
-import { u as useUpdateUpiPayment, C as CONFIRM_FORM_INITIAL_VALUE, a as CONFIRM_FORM_VALIDATION_SCHEMA } from './index-BWLyK2S8.js';
-export { U as UpiPayment } from './index-BWLyK2S8.js';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useState } from 'react';
-import { findBy, noop } from '@bigbinary/neeto-cist';
-import Button from '@bigbinary/neetoui/Button';
-import Modal from '@bigbinary/neetoui/Modal';
-import Typography from '@bigbinary/neetoui/Typography';
-import Form from '@bigbinary/neetoui/formik/Form';
-import Textarea from '@bigbinary/neetoui/formik/Textarea';
-import Select from '@bigbinary/neetoui/formik/Select';
-import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
-import { useTranslation } from 'react-i18next';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+export { default as UpiPayment } from './UpiPayment.js';
 export { default as useRazorpayPayment } from './useRazorpayPayment.js';
 export { default as useStripePromise } from './useStripePromise.js';
 export { C as CURRENCY_OPTIONS, b as buildStripeTransactionLink } from './index-Cl511Juk.js';
 import { n } from './CopyButtonWrapper-SoJkwX-d.js';
+import '@babel/runtime/helpers/slicedToArray';
+import 'react';
 import 'i18next';
+import '@bigbinary/neeto-cist';
 import '@bigbinary/neeto-commons-frontend/react-utils';
 import '@bigbinary/neeto-filters-frontend/Bar';
 import '@bigbinary/neeto-molecules/Header';
 import '@bigbinary/neeto-molecules/SubHeader';
 import '@bigbinary/neetoui/Tab';
+import '@bigbinary/neetoui/Typography';
+import 'react-i18next';
 import './dashboard-BWze-7eb.js';
 import '@babel/runtime/helpers/defineProperty';
 import '@tanstack/react-query';
 import '@tanstack/react-query-devtools';
 import '@bigbinary/neeto-commons-frontend/constants';
+import 'react/jsx-runtime';
 import 'axios';
 import 'ramda';
 import '@bigbinary/neeto-icons/Download';
+import '@bigbinary/neetoui/Button';
+import '@bigbinary/neetoui/Modal';
 import './exportChannel-CViICC6x.js';
 import '@bigbinary/neeto-commons-frontend/utils';
 import '@babel/runtime/helpers/toConsumableArray';
@@ -66,6 +62,9 @@ import 'react-router-dom/cjs/react-router-dom';
 import '@babel/runtime/helpers/asyncToGenerator';
 import '@babel/runtime/regenerator';
 import './usePaymentApi-DiWHWkBI.js';
+import '@bigbinary/neetoui/formik/Form';
+import '@bigbinary/neetoui/formik/Textarea';
+import '@bigbinary/neetoui/formik/ActionBlock';
 import 'yup';
 import '@bigbinary/neeto-molecules/HelpPopover';
 import '@bigbinary/neetoui/Pane';
@@ -73,6 +72,7 @@ import '@bigbinary/neetoui/Dropdown';
 import 'neetointegrations/Demo';
 import 'neetointegrations/Modal';
 import '@bigbinary/neetoui/Label';
+import '@bigbinary/neetoui/formik/Select';
 import 'dompurify';
 import '@bigbinary/neetoui/Radio';
 import 'neetointegrations/Finish';
@@ -81,128 +81,11 @@ import '@bigbinary/neeto-molecules/PageLoader';
 import '@bigbinary/neetoui/formik/Input';
 import '@bigbinary/neetoui/formik/Radio';
 import '@bigbinary/neeto-molecules/MoreDropdown';
+import './usePaymentsApi-BwHtaZK6.js';
 import 'qrcode.react';
 import '@bigbinary/neeto-commons-frontend/initializers';
 import '@bigbinary/neeto-molecules/CopyToClipboardButton';
 
-var ConfirmButton = function ConfirmButton(_ref) {
-  var vpas = _ref.vpas,
-    identifier = _ref.identifier,
-    paymentId = _ref.paymentId,
-    payableId = _ref.payableId,
-    _ref$onSuccess = _ref.onSuccess,
-    onSuccess = _ref$onSuccess === void 0 ? noop : _ref$onSuccess;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isModalOpen = _useState2[0],
-    setIsModalOpen = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useUpdateUpiPayment = useUpdateUpiPayment(paymentId, {
-      onSuccess: onSuccess
-    }),
-    updateUpiPayment = _useUpdateUpiPayment.mutate,
-    isPending = _useUpdateUpiPayment.isPending;
-  var onClose = function onClose() {
-    return setIsModalOpen(false);
-  };
-  var handleSubmit = function handleSubmit(_ref2) {
-    var vpaId = _ref2.vpaId,
-      notes = _ref2.notes;
-    var vpa = findBy({
-      id: vpaId
-    }, vpas);
-    var payload = {
-      notes: notes,
-      vpaId: vpaId,
-      payableId: payableId,
-      upiId: vpa.upiId,
-      status: "successful"
-    };
-    updateUpiPayment(payload);
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Button, {
-      label: t("neetoPayments.upi.payment.buttons.confirmPayment"),
-      loading: isPending,
-      size: "small",
-      style: "secondary",
-      onClick: function onClick() {
-        return setIsModalOpen(true);
-      }
-    }), /*#__PURE__*/jsxs(Modal, {
-      onClose: onClose,
-      isOpen: isModalOpen,
-      size: "large",
-      children: [/*#__PURE__*/jsx(Modal.Header, {
-        children: /*#__PURE__*/jsx(Typography, {
-          style: "h2",
-          children: t("neetoPayments.upi.confirmModal.title")
-        })
-      }), /*#__PURE__*/jsx(Form, {
-        formikProps: {
-          enableReinitialize: true,
-          onSubmit: handleSubmit,
-          initialValues: CONFIRM_FORM_INITIAL_VALUE,
-          validationSchema: CONFIRM_FORM_VALIDATION_SCHEMA
-        },
-        children: function children(_ref3) {
-          var setFieldValue = _ref3.setFieldValue;
-          return /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx(Modal.Body, {
-              children: /*#__PURE__*/jsxs("div", {
-                className: "flex flex-col space-y-4",
-                children: [/*#__PURE__*/jsx(Typography, {
-                  lineHeight: "normal",
-                  style: "body2",
-                  children: t("neetoPayments.upi.confirmModal.upiTransactionId", {
-                    identifier: identifier
-                  })
-                }), /*#__PURE__*/jsx(Select, {
-                  label: t("neetoPayments.upi.confirmModal.accountIdLabel"),
-                  name: "vpaId",
-                  options: vpas === null || vpas === void 0 ? void 0 : vpas.map(function (_ref4) {
-                    var address = _ref4.address,
-                      id = _ref4.id;
-                    return {
-                      label: address,
-                      value: id
-                    };
-                  }),
-                  onChange: function onChange(_ref5) {
-                    var value = _ref5.value;
-                    return setFieldValue("vpaId", value);
-                  }
-                }), /*#__PURE__*/jsx(Textarea, {
-                  "data-cy": "confirm-booking-modal-input-textfield",
-                  label: t("neetoPayments.upi.confirmModal.notes"),
-                  name: "notes",
-                  placeholder: t("neetoPayments.upi.confirmModal.notesPlaceholder")
-                })]
-              })
-            }), /*#__PURE__*/jsx(Modal.Footer, {
-              className: "space-x-2",
-              children: /*#__PURE__*/jsx(ActionBlock, {
-                isSubmitting: isPending,
-                position: "right",
-                cancelButtonProps: {
-                  onClick: onClose,
-                  style: "tertiary"
-                },
-                submitButtonProps: {
-                  label: t("neetoPayments.common.confirm")
-                }
-              })
-            })]
-          });
-        }
-      })]
-    })]
-  });
-};
-
 var css = ".ant-table-cell-row-hover .identifier-copy-button{visibility:visible!important}";
 n(css,{});
-
-export { ConfirmButton };
 //# sourceMappingURL=index.js.map