@bigbinary/neeto-payments-frontend 3.3.0 → 3.3.1

package/dist/ConfirmUpiPaymentButton.js

@@ -0,0 +1,148 @@
+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 { u as useUpdateUpiPayment } from './usePaymentsApi-BwHtaZK6.js';
+import { t } from 'i18next';
+import * as yup from 'yup';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import '@babel/runtime/helpers/defineProperty';
+import '@tanstack/react-query';
+import 'axios';
+import './index-Cl511Juk.js';
+import '@bigbinary/neeto-commons-frontend/constants';
+import '@bigbinary/neeto-commons-frontend/utils';
+import 'ramda';
+
+var INITIAL_VALUE = {
+  vpaId: "",
+  notes: ""
+};
+var VALIDATION_SCHEMA = yup.object({
+  vpaId: yup.string().required(t("neetoPayments.upi.confirmModal.vpasIdRequired"))
+});
+
+var ConfirmUpiPaymentButton = function ConfirmUpiPaymentButton(_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",
+      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: INITIAL_VALUE,
+          validationSchema: 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")
+                }
+              })
+            })]
+          });
+        }
+      })]
+    })]
+  });
+};
+
+export { ConfirmUpiPaymentButton as default };
+//# sourceMappingURL=ConfirmUpiPaymentButton.js.map

package/dist/ConfirmUpiPaymentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmUpiPaymentButton.js","sources":["../app/javascript/src/components/ConfirmUpiPaymentButton/constants.js","../app/javascript/src/components/ConfirmUpiPaymentButton/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUE = { vpaId: \"\", notes: \"\" };\n\nexport const VALIDATION_SCHEMA = yup.object({\n  vpaId: yup\n    .string()\n    .required(t(\"neetoPayments.upi.confirmModal.vpasIdRequired\")),\n});\n","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 { INITIAL_VALUE, VALIDATION_SCHEMA } from \"./constants\";\n\nconst ConfirmUpiPaymentButton = ({\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        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: INITIAL_VALUE,\n            validationSchema: 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 ConfirmUpiPaymentButton;\n"],"names":["INITIAL_VALUE","vpaId","notes","VALIDATION_SCHEMA","yup","object","string","required","t","ConfirmUpiPaymentButton","_ref","vpas","identifier","paymentId","payableId","_ref$onSuccess","onSuccess","noop","_useState","useState","_useState2","_slicedToArray","isModalOpen","setIsModalOpen","_useTranslation","useTranslation","_useUpdateUpiPayment","useUpdateUpiPayment","updateUpiPayment","mutate","isPending","onClose","handleSubmit","_ref2","vpa","findBy","id","payload","upiId","status","_jsxs","_Fragment","children","_jsx","Button","label","loading","size","onClick","Modal","isOpen","Header","Typography","style","Form","formikProps","enableReinitialize","onSubmit","initialValues","validationSchema","_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/UpiPayment.js

@@ -1,19 +1,119 @@
-import '@babel/runtime/helpers/defineProperty';
-import '@bigbinary/neeto-cist';
-import '@bigbinary/neetoui/Typography';
-import '@bigbinary/neetoui/formik/ActionBlock';
-import '@bigbinary/neetoui/formik/Form';
-import '@bigbinary/neetoui/formik/Input';
-import 'qrcode.react';
-import 'ramda';
-import 'react-i18next';
-export { U as default } from './index-BWLyK2S8.js';
-import 'react/jsx-runtime';
+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 { a as useCreateUpiPayment } from './usePaymentsApi-BwHtaZK6.js';
+import { t } from 'i18next';
+import * as yup from 'yup';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import '@tanstack/react-query';
 import 'axios';
 import './index-Cl511Juk.js';
-import 'i18next';
 import '@bigbinary/neeto-commons-frontend/constants';
 import '@bigbinary/neeto-commons-frontend/utils';
-import 'yup';
+
+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 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 { UpiPayment as default };
 //# sourceMappingURL=UpiPayment.js.map

package/dist/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/ConfirmUpiPaymentButton.js

@@ -0,0 +1,169 @@
+'use strict';
+
+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 usePaymentsApi = require('./usePaymentsApi-CRsEWHjO.js');
+var i18next = require('i18next');
+var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
+require('@babel/runtime/helpers/defineProperty');
+require('@tanstack/react-query');
+require('axios');
+require('./index-DFhiGrTx.js');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@bigbinary/neeto-commons-frontend/utils');
+require('ramda');
+
+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);
+
+var INITIAL_VALUE = {
+  vpaId: "",
+  notes: ""
+};
+var VALIDATION_SCHEMA = yup__namespace.object({
+  vpaId: yup__namespace.string().required(i18next.t("neetoPayments.upi.confirmModal.vpasIdRequired"))
+});
+
+var ConfirmUpiPaymentButton = function ConfirmUpiPaymentButton(_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 = usePaymentsApi.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",
+      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: INITIAL_VALUE,
+          validationSchema: 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")
+                }
+              })
+            })]
+          });
+        }
+      })]
+    })]
+  });
+};
+
+module.exports = ConfirmUpiPaymentButton;
+//# sourceMappingURL=ConfirmUpiPaymentButton.js.map

package/dist/cjs/ConfirmUpiPaymentButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmUpiPaymentButton.js","sources":["../../app/javascript/src/components/ConfirmUpiPaymentButton/constants.js","../../app/javascript/src/components/ConfirmUpiPaymentButton/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUE = { vpaId: \"\", notes: \"\" };\n\nexport const VALIDATION_SCHEMA = yup.object({\n  vpaId: yup\n    .string()\n    .required(t(\"neetoPayments.upi.confirmModal.vpasIdRequired\")),\n});\n","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 { INITIAL_VALUE, VALIDATION_SCHEMA } from \"./constants\";\n\nconst ConfirmUpiPaymentButton = ({\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        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: INITIAL_VALUE,\n            validationSchema: 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 ConfirmUpiPaymentButton;\n"],"names":["INITIAL_VALUE","vpaId","notes","VALIDATION_SCHEMA","yup","object","string","required","t","ConfirmUpiPaymentButton","_ref","vpas","identifier","paymentId","payableId","_ref$onSuccess","onSuccess","noop","_useState","useState","_useState2","_slicedToArray","isModalOpen","setIsModalOpen","_useTranslation","useTranslation","_useUpdateUpiPayment","useUpdateUpiPayment","updateUpiPayment","mutate","isPending","onClose","handleSubmit","_ref2","vpa","findBy","id","payload","upiId","status","_jsxs","_Fragment","children","_jsx","Button","label","loading","size","onClick","Modal","isOpen","Header","Typography","style","Form","formikProps","enableReinitialize","onSubmit","initialValues","validationSchema","_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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"}