@bigbinary/neeto-payments-frontend 3.2.2 → 3.2.4

package/dist/cjs/index.js

@@ -11,34 +11,37 @@ var SplitTransfersDashboard = require('./SplitTransfersDashboard.js');
 var StripeConnect = require('./StripeConnect.js');
 var TaxesDashboard = require('./TaxesDashboard.js');
 var UpiConnect = require('./UpiConnect.js');
-var UpiMarkAsPaidButton = require('./UpiMarkAsPaidButton.js');
-var UpiPayment = require('./UpiPayment.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 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');
@@ -64,9 +67,6 @@ 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,7 +74,6 @@ 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');
@@ -83,11 +82,126 @@ require('@bigbinary/neeto-molecules/PageLoader');
 require('@bigbinary/neetoui/formik/Input');
 require('@bigbinary/neetoui/formik/Radio');
 require('@bigbinary/neeto-molecules/MoreDropdown');
-require('./usePaymentsApi-CRiwy7_v.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,{});
 
@@ -102,10 +216,10 @@ exports.SplitTransfersDashboard = SplitTransfersDashboard;
 exports.StripeConnect = StripeConnect;
 exports.TaxesDashboard = TaxesDashboard;
 exports.UpiConnect = UpiConnect;
-exports.UpiMarkAsPaidButton = UpiMarkAsPaidButton;
-exports.UpiPayment = UpiPayment;
+exports.UpiPayment = 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":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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":"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"}

package/dist/index-BWLyK2S8.js

@@ -0,0 +1,154 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { isPresent, noop } from '@bigbinary/neeto-cist';
+import Typography from '@bigbinary/neetoui/Typography';
+import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+import Form from '@bigbinary/neetoui/formik/Form';
+import Input from '@bigbinary/neetoui/formik/Input';
+import QRCodeImage from 'qrcode.react';
+import { pluck } from 'ramda';
+import { useTranslation } from 'react-i18next';
+import { useMutation } from '@tanstack/react-query';
+import axios from 'axios';
+import { B as BASE_URL } from './index-Cl511Juk.js';
+import { t } from 'i18next';
+import * as yup from 'yup';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var create = function create(payload) {
+  return axios.post("".concat(BASE_URL, "/api/v1/public/upi/payments"), {
+    payment: payload
+  });
+};
+var update = function update(id, payload) {
+  return axios.put("".concat(BASE_URL, "/api/v1/upi/payments/").concat(id), {
+    payment: payload
+  });
+};
+var paymentsApi = {
+  create: create,
+  update: update
+};
+
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var useCreateUpiPayment = function useCreateUpiPayment(options) {
+  return useMutation(_objectSpread$1({
+    mutationFn: paymentsApi.create
+  }, options));
+};
+var useUpdateUpiPayment = function useUpdateUpiPayment(id) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return useMutation(_objectSpread$1({
+    mutationFn: function mutationFn(payload) {
+      return paymentsApi.update(id, payload);
+    }
+  }, options));
+};
+
+var VALIDATION_SCHEMA = yup.object({
+  identifier: yup.string().required(t("neetoPayments.upi.payment.transaction.required")).min(6, t("neetoPayments.upi.payment.transaction.sixCharacters")).max(6, t("neetoPayments.upi.payment.transaction.sixCharacters"))
+});
+var CONFIRM_FORM_INITIAL_VALUE = {
+  vpaId: "",
+  notes: ""
+};
+var CONFIRM_FORM_VALIDATION_SCHEMA = yup.object({
+  vpaId: yup.string().required(t("neetoPayments.upi.confirmModal.vpasIdRequired"))
+});
+
+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 ? noop : _ref$onBeforePayment,
+    _ref$onFailedPayment = _ref.onFailedPayment,
+    onFailedPayment = _ref$onFailedPayment === void 0 ? noop : _ref$onFailedPayment,
+    _ref$onSuccessfulPaym = _ref.onSuccessfulPayment,
+    onSuccessfulPayment = _ref$onSuccessfulPaym === void 0 ? noop : _ref$onSuccessfulPaym;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var vpaIds = pluck("address", fee === null || fee === void 0 ? void 0 : fee.vpas);
+  var _useCreateUpiPayment = 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__*/jsx("div", {
+    children: /*#__PURE__*/jsx(Form, {
+      className: "space-y-4",
+      formikProps: {
+        onSubmit: handleSubmit,
+        initialValues: {
+          identifier: ""
+        },
+        validationSchema: VALIDATION_SCHEMA
+      },
+      children: function children(_ref2) {
+        var dirty = _ref2.dirty;
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Typography, {
+            style: "body1",
+            children: t("neetoPayments.upi.payment.vpaText", {
+              count: vpaIds.length
+            })
+          }), isPresent(vpaIds) && /*#__PURE__*/jsx("div", {
+            className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2",
+            children: vpaIds.map(function (vpaId) {
+              return /*#__PURE__*/jsxs("div", {
+                className: "flex flex-col items-center justify-center",
+                children: [/*#__PURE__*/jsx(QRCodeImage, {
+                  size: 256,
+                  style: {
+                    width: 80,
+                    height: 80
+                  },
+                  value: vpaIdToQrCodeValue(vpaId)
+                }), /*#__PURE__*/jsx(Typography, {
+                  className: "mt-2 w-full break-words text-center",
+                  style: "body2",
+                  children: vpaId
+                })]
+              }, vpaId);
+            })
+          }), /*#__PURE__*/jsx(Input, {
+            required: true,
+            label: t("neetoPayments.upi.payment.transaction.label"),
+            name: "identifier",
+            placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
+          }), /*#__PURE__*/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
+            }
+          })]
+        });
+      }
+    })
+  });
+};
+
+export { CONFIRM_FORM_INITIAL_VALUE as C, UpiPayment as U, CONFIRM_FORM_VALIDATION_SCHEMA as a, useUpdateUpiPayment as u };
+//# sourceMappingURL=index-BWLyK2S8.js.map

package/dist/index-BWLyK2S8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BWLyK2S8.js","sources":["../app/javascript/src/apis/upi/payments.js","../app/javascript/src/hooks/reactQuery/upi/usePaymentsApi.js","../app/javascript/src/components/UpiPayment/constants.js","../app/javascript/src/components/UpiPayment/utils.js","../app/javascript/src/components/UpiPayment/index.jsx"],"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","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\nexport const CONFIRM_FORM_INITIAL_VALUE = { vpaId: \"\", notes: \"\" };\n\nexport const CONFIRM_FORM_VALIDATION_SCHEMA = yup.object({\n  vpaId: yup\n    .string()\n    .required(t(\"neetoPayments.upi.confirmModal.vpasIdRequired\")),\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":["create","payload","axios","post","concat","BASE_URL","payment","update","id","put","paymentsApi","useCreateUpiPayment","options","useMutation","_objectSpread","mutationFn","useUpdateUpiPayment","arguments","length","undefined","VALIDATION_SCHEMA","yup","object","identifier","string","required","t","min","max","CONFIRM_FORM_INITIAL_VALUE","vpaId","notes","CONFIRM_FORM_VALIDATION_SCHEMA","vpaIdToQrCodeValue","UpiPayment","_ref","fee","payableId","discountCode","handleCancel","_ref$onBeforePayment","onBeforePayment","noop","_ref$onFailedPayment","onFailedPayment","_ref$onSuccessfulPaym","onSuccessfulPayment","_useTranslation","useTranslation","vpaIds","pluck","vpas","_useCreateUpiPayment","onSuccess","onError","isPending","createPayment","mutate","handleSubmit","values","_jsx","children","Form","className","formikProps","onSubmit","initialValues","validationSchema","_ref2","dirty","_jsxs","_Fragment","Typography","style","count","isPresent","map","QRCodeImage","size","width","height","value","Input","label","name","placeholder","ActionBlock","cancelButtonProps","onClick","disabled","submitButtonProps","loading"],"mappings":";;;;;;;;;;;;;;;;AAIA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAGC,OAAO,EAAA;AAAA,EAAA,OACpBC,KAAK,CAACC,IAAI,IAAAC,MAAA,CAAIC,QAAQ,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,QAAQ,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;;;;ACV/B,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGC,OAAO,EAAA;EAAA,OACxCC,WAAW,CAAAC,eAAA,CAAA;IAAGC,UAAU,EAAEL,WAAW,CAACV;GAAWY,EAAAA,OAAO,CAAE,CAAC;AAAA,CAAA;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,WAAW,CAAAC,eAAA,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;;ACRG,IAAMQ,iBAAiB,GAAGC,GAAG,CAACC,MAAM,CAAC;AAC1CC,EAAAA,UAAU,EAAEF,GAAG,CACZG,MAAM,EAAE,CACRC,QAAQ,CAACC,CAAC,CAAC,gDAAgD,CAAC,CAAC,CAC7DC,GAAG,CAAC,CAAC,EAAED,CAAC,CAAC,qDAAqD,CAAC,CAAC,CAChEE,GAAG,CAAC,CAAC,EAAEF,CAAC,CAAC,qDAAqD,CAAC;AACpE,CAAC,CAAC;AAEK,IAAMG,0BAA0B,GAAG;AAAEC,EAAAA,KAAK,EAAE,EAAE;AAAEC,EAAAA,KAAK,EAAE;AAAG;IAEpDC,8BAA8B,GAAGX,GAAG,CAACC,MAAM,CAAC;AACvDQ,EAAAA,KAAK,EAAET,GAAG,CACPG,MAAM,EAAE,CACRC,QAAQ,CAACC,CAAC,CAAC,+CAA+C,CAAC;AAChE,CAAC;;ACjBM,IAAMO,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAGH,KAAK,EAAA;EAAA,OAAA1B,eAAAA,CAAAA,MAAA,CAAoB0B,KAAK,CAAA;AAAA,CAAE;;;;ACYlE,IAAMI,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAQV;AAAA,EAAA,IAPJC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IACHC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IACZC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IAAAC,oBAAA,GAAAL,IAAA,CACZM,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,oBAAA;IAAAG,oBAAA,GAAAR,IAAA,CACtBS,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAGD,KAAAA,CAAAA,GAAAA,IAAI,GAAAC,oBAAA;IAAAE,qBAAA,GAAAV,IAAA,CACtBW,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAGH,KAAAA,CAAAA,GAAAA,IAAI,GAAAG,qBAAA;AAE1B,EAAA,IAAAE,eAAA,GAAcC,cAAc,EAAE;IAAtBtB,CAAC,GAAAqB,eAAA,CAADrB,CAAC;AAET,EAAA,IAAMuB,MAAM,GAAGC,KAAK,CAAC,SAAS,EAAEd,GAAG,KAAA,IAAA,IAAHA,GAAG,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAHA,GAAG,CAAEe,IAAI,CAAC;EAE1C,IAAAC,oBAAA,GAA6CzC,mBAAmB,CAAC;AAC/D0C,MAAAA,SAAS,EAAEP,mBAAmB;AAC9BQ,MAAAA,OAAO,EAAEV;AACX,KAAC,CAAC;IAHMW,SAAS,GAAAH,oBAAA,CAATG,SAAS;IAAUC,aAAa,GAAAJ,oBAAA,CAArBK,MAAM;AAKzB,EAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAGC,MAAM,EAAI;AAC7BlB,IAAAA,eAAe,EAAE;AACjB,IAAA,IAAMxC,OAAO,GAAAa,aAAA,CAAAA,aAAA,KAAQ6C,MAAM,CAAA,EAAA,EAAA,EAAA;AAAEtB,MAAAA,SAAS,EAATA,SAAS;AAAEC,MAAAA,YAAY,EAAZA;KAAc,CAAA;IACtDkB,aAAa,CAACvD,OAAO,CAAC;GACvB;AAED,EAAA,oBACE2D,GAAA,CAAA,KAAA,EAAA;IAAAC,QAAA,eACED,GAAA,CAACE,IAAI,EAAA;AACHC,MAAAA,SAAS,EAAC,WAAW;AACrBC,MAAAA,WAAW,EAAE;AACXC,QAAAA,QAAQ,EAAEP,YAAY;AACtBQ,QAAAA,aAAa,EAAE;AAAE3C,UAAAA,UAAU,EAAE;SAAI;AACjC4C,QAAAA,gBAAgB,EAAE/C;OAClB;MAAAyC,QAAA,EAED,SAAAA,QAAAA,CAAAO,KAAA,EAAA;AAAA,QAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;QAAA,oBACPC,IAAA,CAAAC,QAAA,EAAA;UAAAV,QAAA,EAAA,cACED,GAAA,CAACY,UAAU,EAAA;AAACC,YAAAA,KAAK,EAAC,OAAO;AAAAZ,YAAAA,QAAA,EACtBnC,CAAC,CAAC,mCAAmC,EAAE;cAAEgD,KAAK,EAAEzB,MAAM,CAAC/B;aAAQ;AAAC,WACvD,CAAC,EACZyD,SAAS,CAAC1B,MAAM,CAAC,iBAChBW,GAAA,CAAA,KAAA,EAAA;AAAKG,YAAAA,SAAS,EAAC,+CAA+C;AAAAF,YAAAA,QAAA,EAC3DZ,MAAM,CAAC2B,GAAG,CAAC,UAAA9C,KAAK,EAAA;AAAA,cAAA,oBACfwC,IAAA,CAAA,KAAA,EAAA;AACEP,gBAAAA,SAAS,EAAC,2CAA2C;gBAAAF,QAAA,EAAA,cAGrDD,GAAA,CAACiB,WAAW,EAAA;AACVC,kBAAAA,IAAI,EAAE,GAAI;AACVL,kBAAAA,KAAK,EAAE;AAAEM,oBAAAA,KAAK,EAAE,EAAE;AAAEC,oBAAAA,MAAM,EAAE;mBAAK;kBACjCC,KAAK,EAAEhD,kBAAkB,CAACH,KAAK;AAAE,iBAClC,CAAC,eACF8B,GAAA,CAACY,UAAU,EAAA;AACTT,kBAAAA,SAAS,EAAC,qCAAqC;AAC/CU,kBAAAA,KAAK,EAAC,OAAO;AAAAZ,kBAAAA,QAAA,EAEZ/B;AAAK,iBACI,CAAC;AAAA,eAAA,EAZRA,KAaF,CAAC;aACP;AAAC,WACC,CACN,eACD8B,GAAA,CAACsB,KAAK,EAAA;YACJzD,QAAQ,EAAA,IAAA;AACR0D,YAAAA,KAAK,EAAEzD,CAAC,CAAC,6CAA6C,CAAE;AACxD0D,YAAAA,IAAI,EAAC,YAAY;YACjBC,WAAW,EAAE3D,CAAC,CACZ,mDACF;AAAE,WACH,CAAC,eACFkC,GAAA,CAAC0B,WAAW,EAAA;AACVC,YAAAA,iBAAiB,EAAE;AACjBJ,cAAAA,KAAK,EAAEzD,CAAC,CAAC,wCAAwC,CAAC;AAClD8D,cAAAA,OAAO,EAAEjD,YAAY;AACrBkD,cAAAA,QAAQ,EAAElC;aACV;AACFmC,YAAAA,iBAAiB,EAAE;AACjBP,cAAAA,KAAK,EAAEzD,CAAC,CAAC,0CAA0C,CAAC;AACpD+D,cAAAA,QAAQ,EAAE,CAACpB,KAAK,IAAId,SAAS;AAC7BoC,cAAAA,OAAO,EAAEpC;AACX;AAAE,WACH,CAAC;AAAA,SACF,CAAC;AAAA;KAED;AAAC,GACJ,CAAC;AAEV;;;;"}

package/dist/index.js

@@ -9,34 +9,38 @@ export { default as SplitTransfersDashboard } from './SplitTransfersDashboard.js
 export { default as StripeConnect } from './StripeConnect.js';
 export { default as TaxesDashboard } from './TaxesDashboard.js';
 export { default as UpiConnect } from './UpiConnect.js';
-export { default as UpiMarkAsPaidButton } from './UpiMarkAsPaidButton.js';
-export { default as UpiPayment } from './UpiPayment.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 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';
@@ -62,9 +66,6 @@ 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';
@@ -72,7 +73,6 @@ 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,11 +81,128 @@ import '@bigbinary/neeto-molecules/PageLoader';
 import '@bigbinary/neetoui/formik/Input';
 import '@bigbinary/neetoui/formik/Radio';
 import '@bigbinary/neeto-molecules/MoreDropdown';
-import './usePaymentsApi-1Lsm4d5C.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

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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":"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"}