@bigbinary/neeto-payments-frontend 6.1.2 → 6.1.7

package/dist/cjs/ManualUpiConnect.js

@@ -0,0 +1,268 @@
+'use strict';
+
+var neetoui = require('@bigbinary/neetoui');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var reactQuery = require('@tanstack/react-query');
+var reactUtils = require('neetocommons/react-utils');
+var axios = require('axios');
+var constants = require('./index-DSCn1Pdn.js');
+var queryConstants = require('./queryConstants-Cka1X6GX.js');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
+var formik = require('@bigbinary/neetoui/formik');
+var reactI18next = require('react-i18next');
+var reactRouterDom = require('react-router-dom');
+var i18next = require('i18next');
+var yup = require('yup');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var ramda = require('ramda');
+var utils = require('neetocommons/utils');
+var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
+require('neetocommons/constants');
+require('decimal.js');
+require('neetocist');
+
+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 list = function list(holdableId) {
+  return axios.get("".concat(constants.BASE_URL, "/api/v1/manual_upi/vpas"), {
+    params: {
+      holdableId: holdableId
+    }
+  });
+};
+var create = function create(payload) {
+  return axios.post("".concat(constants.BASE_URL, "/api/v1/manual_upi/vpas"), payload);
+};
+var destroy = function destroy(_ref) {
+  var id = _ref.id,
+    holdableId = _ref.holdableId;
+  return axios["delete"]("".concat(constants.BASE_URL, "/api/v1/manual_upi/vpas/").concat(id), {
+    params: {
+      holdableId: holdableId
+    }
+  });
+};
+var vpasApi = {
+  list: list,
+  create: create,
+  destroy: destroy
+};
+
+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 useFetchVpas = function useFetchVpas(holdableId) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return reactQuery.useQuery(_objectSpread({
+    queryKey: [queryConstants.QUERY_KEYS.VPAS_LIST, holdableId],
+    queryFn: function queryFn() {
+      return vpasApi.list(holdableId);
+    }
+  }, options));
+};
+var useCreateVpa = function useCreateVpa() {
+  var keysToInvalidateOnCreate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return reactUtils.useMutationWithInvalidation(vpasApi.create, {
+    keysToInvalidate: [[queryConstants.QUERY_KEYS.VPAS_LIST]].concat(_toConsumableArray(keysToInvalidateOnCreate))
+  });
+};
+var useDestroyVpa = function useDestroyVpa() {
+  var keysToInvalidateOnDelete = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return reactUtils.useMutationWithInvalidation(vpasApi.destroy, {
+    keysToInvalidate: [[queryConstants.QUERY_KEYS.VPAS_LIST]].concat(_toConsumableArray(keysToInvalidateOnDelete))
+  });
+};
+
+var VALIDATION_SCHEMA = yup__namespace.object({
+  upiId: yup__namespace.string().matches(/^[a-zA-Z0-9][a-zA-Z0-9._-]{2,30}@[a-zA-Z][a-zA-Z0-9]{2,20}$/, i18next.t("neetoPayments.upi.form.validation.invalidUpi")).required(i18next.t("neetoPayments.upi.form.validation.required"))
+});
+
+var Add = function Add(_ref) {
+  var holdableId = _ref.holdableId,
+    keysToInvalidateOnCreate = _ref.keysToInvalidateOnCreate;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var history = reactRouterDom.useHistory();
+  var _useCreateVpa = useCreateVpa(keysToInvalidateOnCreate),
+    isCreatingVpa = _useCreateVpa.isPending,
+    createVpa = _useCreateVpa.mutate;
+  return /*#__PURE__*/React.createElement(formik.Form, {
+    className: "w-full",
+    formikProps: {
+      initialValues: {
+        upiId: ""
+      },
+      onSubmit: function onSubmit(values, _ref2) {
+        var resetForm = _ref2.resetForm;
+        createVpa({
+          holdableId: holdableId,
+          address: values.upiId
+        });
+        resetForm();
+      },
+      validationSchema: VALIDATION_SCHEMA
+    }
+  }, function (_ref3) {
+    var dirty = _ref3.dirty;
+    return /*#__PURE__*/React.createElement(CardLayout, {
+      actionBlock: /*#__PURE__*/React.createElement(formik.ActionBlock, {
+        cancelButtonProps: {
+          onClick: history.goBack
+        },
+        isSubmitting: isCreatingVpa,
+        submitButtonProps: {
+          label: t("neetoPayments.upi.form.add"),
+          disabled: !dirty || isCreatingVpa
+        }
+      })
+    }, /*#__PURE__*/React.createElement(formik.Input, {
+      className: "w-full",
+      label: t("neetoPayments.upi.form.enterUpi"),
+      name: "upiId",
+      placeholder: t("neetoPayments.upi.form.enterUpi")
+    }));
+  });
+};
+
+var getColumnData = function getColumnData(handleDeleteClick) {
+  return [{
+    title: i18next.t("neetoPayments.common.upiId"),
+    dataIndex: "address",
+    key: "address",
+    width: 272,
+    render: function render(_, upiId) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "flex items-center justify-between gap-3"
+      }, /*#__PURE__*/React.createElement(neetoui.Typography, {
+        className: "w-4/5",
+        style: "body2"
+      }, upiId.address), /*#__PURE__*/React.createElement(MoreDropdown, {
+        dropdownButtonProps: {
+          "data-cy": "upi-more-dropdown"
+        },
+        dropdownProps: {
+          strategy: "fixed"
+        },
+        menuItems: [{
+          key: "delete-meeting",
+          label: i18next.t("neetoPayments.common.delete"),
+          onClick: function onClick() {
+            return handleDeleteClick(upiId);
+          },
+          "data-cy": "menu-dropdown-delete-btn"
+        }]
+      }));
+    }
+  }, {
+    title: i18next.t("neetoPayments.common.createdAt"),
+    dataIndex: "createdAt",
+    key: "createdAt",
+    render: utils.dateFormat.dateTime
+  }];
+};
+
+var List = function List(_ref) {
+  var holdableId = _ref.holdableId,
+    upiIds = _ref.upiIds,
+    keysToInvalidateOnDelete = _ref.keysToInvalidateOnDelete;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAlertOpen = _useState2[0],
+    setIsAlertOpen = _useState2[1];
+  var _useState3 = react.useState({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selectedUpiId = _useState4[0],
+    setSelectedUpiId = _useState4[1];
+  var _useDestroyVpa = useDestroyVpa(keysToInvalidateOnDelete),
+    deleteVpa = _useDestroyVpa.mutate;
+  var handleOpenDeleteModal = function handleOpenDeleteModal(id) {
+    setSelectedUpiId(id);
+    setIsAlertOpen(true);
+  };
+  var handleAlertClose = function handleAlertClose() {
+    setSelectedUpiId({});
+    setIsAlertOpen(false);
+  };
+  var handleAlertSubmit = function handleAlertSubmit() {
+    deleteVpa({
+      id: selectedUpiId === null || selectedUpiId === void 0 ? void 0 : selectedUpiId.id,
+      holdableId: holdableId
+    });
+    setIsAlertOpen(false);
+  };
+  if (ramda.isEmpty(upiIds)) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "w-full max-w-3xl mx-auto"
+  }, /*#__PURE__*/React.createElement(neetoui.Table, {
+    columnData: getColumnData(handleOpenDeleteModal),
+    rowData: upiIds
+  }), /*#__PURE__*/React.createElement(neetoui.Alert, {
+    isOpen: isAlertOpen,
+    title: t("neetoPayments.upi.alert.title"),
+    message: /*#__PURE__*/React.createElement(reactI18next.Trans, {
+      components: {
+        b: /*#__PURE__*/React.createElement("strong", null)
+      },
+      i18nKey: "neetoPayments.upi.alert.message",
+      values: {
+        upiId: selectedUpiId.address
+      }
+    }),
+    onClose: handleAlertClose,
+    onSubmit: handleAlertSubmit
+  }));
+};
+
+var ManualUpiConnect = function ManualUpiConnect(_ref) {
+  var holdableId = _ref.holdableId,
+    _ref$keysToInvalidate = _ref.keysToInvalidateOnDelete,
+    keysToInvalidateOnDelete = _ref$keysToInvalidate === void 0 ? [] : _ref$keysToInvalidate,
+    _ref$keysToInvalidate2 = _ref.keysToInvalidateOnCreate,
+    keysToInvalidateOnCreate = _ref$keysToInvalidate2 === void 0 ? [] : _ref$keysToInvalidate2;
+  var _useFetchVpas = useFetchVpas(holdableId),
+    _useFetchVpas$data = _useFetchVpas.data,
+    _useFetchVpas$data2 = _useFetchVpas$data === void 0 ? {} : _useFetchVpas$data,
+    _useFetchVpas$data2$v = _useFetchVpas$data2.vpas,
+    upiIds = _useFetchVpas$data2$v === void 0 ? [] : _useFetchVpas$data2$v,
+    isLoading = _useFetchVpas.isLoading;
+  if (isLoading) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center justify-center w-full h-full"
+    }, /*#__PURE__*/React.createElement(neetoui.Spinner, null));
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col items-start w-full"
+  }, upiIds.length < 3 && /*#__PURE__*/React.createElement(Add, {
+    holdableId: holdableId,
+    keysToInvalidateOnCreate: keysToInvalidateOnCreate
+  }), /*#__PURE__*/React.createElement(List, {
+    holdableId: holdableId,
+    keysToInvalidateOnDelete: keysToInvalidateOnDelete,
+    upiIds: upiIds
+  }));
+};
+
+module.exports = ManualUpiConnect;
+//# sourceMappingURL=ManualUpiConnect.js.map

package/dist/cjs/ManualUpiConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualUpiConnect.js","sources":["../../app/javascript/src/apis/manual_upi/vpas.js","../../app/javascript/src/hooks/reactQuery/manualUpi/useVpasApi.js","../../app/javascript/src/components/ManualUpiConnect/constants.js","../../app/javascript/src/components/ManualUpiConnect/Add.jsx","../../app/javascript/src/components/ManualUpiConnect/utils.jsx","../../app/javascript/src/components/ManualUpiConnect/List.jsx","../../app/javascript/src/components/ManualUpiConnect/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst list = holdableId =>\n  axios.get(`${BASE_URL}/api/v1/manual_upi/vpas`, {\n    params: { holdableId },\n  });\n\nconst create = payload =>\n  axios.post(`${BASE_URL}/api/v1/manual_upi/vpas`, payload);\n\nconst destroy = ({ id, holdableId }) =>\n  axios.delete(`${BASE_URL}/api/v1/manual_upi/vpas/${id}`, {\n    params: { holdableId },\n  });\n\nconst vpasApi = { list, create, destroy };\n\nexport default vpasApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport vpasApi from \"apis/manual_upi/vpas\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchVpas = (holdableId, options = {}) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.VPAS_LIST, holdableId],\n    queryFn: () => vpasApi.list(holdableId),\n    ...options,\n  });\n\nexport const useCreateVpa = (keysToInvalidateOnCreate = []) =>\n  useMutationWithInvalidation(vpasApi.create, {\n    keysToInvalidate: [[QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnCreate],\n  });\n\nexport const useDestroyVpa = (keysToInvalidateOnDelete = []) =>\n  useMutationWithInvalidation(vpasApi.destroy, {\n    keysToInvalidate: [[QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnDelete],\n  });\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const VALIDATION_SCHEMA = yup.object({\n  upiId: yup\n    .string()\n    .matches(\n      /^[a-zA-Z0-9][a-zA-Z0-9._-]{2,30}@[a-zA-Z][a-zA-Z0-9]{2,20}$/,\n      t(\"neetoPayments.upi.form.validation.invalidUpi\")\n    )\n    .required(t(\"neetoPayments.upi.form.validation.required\")),\n});\n","import CardLayout from \"neetomolecules/CardLayout\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useCreateVpa } from \"hooks/reactQuery/manualUpi/useVpasApi\";\n\nimport { VALIDATION_SCHEMA } from \"./constants\";\n\nconst Add = ({ holdableId, keysToInvalidateOnCreate }) => {\n  const { t } = useTranslation();\n  const history = useHistory();\n  const { isPending: isCreatingVpa, mutate: createVpa } = useCreateVpa(\n    keysToInvalidateOnCreate\n  );\n\n  return (\n    <Form\n      className=\"w-full\"\n      formikProps={{\n        initialValues: { upiId: \"\" },\n        onSubmit: (values, { resetForm }) => {\n          createVpa({ holdableId, address: values.upiId });\n          resetForm();\n        },\n        validationSchema: VALIDATION_SCHEMA,\n      }}\n    >\n      {({ dirty }) => (\n        <CardLayout\n          actionBlock={\n            <ActionBlock\n              cancelButtonProps={{ onClick: history.goBack }}\n              isSubmitting={isCreatingVpa}\n              submitButtonProps={{\n                label: t(\"neetoPayments.upi.form.add\"),\n                disabled: !dirty || isCreatingVpa,\n              }}\n            />\n          }\n        >\n          <Input\n            className=\"w-full\"\n            label={t(\"neetoPayments.upi.form.enterUpi\")}\n            name=\"upiId\"\n            placeholder={t(\"neetoPayments.upi.form.enterUpi\")}\n          />\n        </CardLayout>\n      )}\n    </Form>\n  );\n};\n\nexport default Add;\n","import { t } from \"i18next\";\nimport { dateFormat } from \"neetocommons/utils\";\nimport MoreDropdown from \"neetomolecules/MoreDropdown\";\nimport { Typography } from \"neetoui\";\n\nexport const getColumnData = handleDeleteClick => [\n  {\n    title: t(\"neetoPayments.common.upiId\"),\n    dataIndex: \"address\",\n    key: \"address\",\n    width: 272,\n    render: (_, upiId) => (\n      <div className=\"flex items-center justify-between gap-3\">\n        <Typography className=\"w-4/5\" style=\"body2\">\n          {upiId.address}\n        </Typography>\n        <MoreDropdown\n          dropdownButtonProps={{ \"data-cy\": \"upi-more-dropdown\" }}\n          dropdownProps={{ strategy: \"fixed\" }}\n          menuItems={[\n            {\n              key: \"delete-meeting\",\n              label: t(\"neetoPayments.common.delete\"),\n              onClick: () => handleDeleteClick(upiId),\n              \"data-cy\": \"menu-dropdown-delete-btn\",\n            },\n          ]}\n        />\n      </div>\n    ),\n  },\n  {\n    title: t(\"neetoPayments.common.createdAt\"),\n    dataIndex: \"createdAt\",\n    key: \"createdAt\",\n    render: dateFormat.dateTime,\n  },\n];\n","import { useState } from \"react\";\n\nimport { Alert, Table } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { useDestroyVpa } from \"hooks/reactQuery/manualUpi/useVpasApi\";\n\nimport { getColumnData } from \"./utils\";\n\nconst List = ({ holdableId, upiIds, keysToInvalidateOnDelete }) => {\n  const { t } = useTranslation();\n\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const [selectedUpiId, setSelectedUpiId] = useState({});\n\n  const { mutate: deleteVpa } = useDestroyVpa(keysToInvalidateOnDelete);\n\n  const handleOpenDeleteModal = id => {\n    setSelectedUpiId(id);\n    setIsAlertOpen(true);\n  };\n\n  const handleAlertClose = () => {\n    setSelectedUpiId({});\n    setIsAlertOpen(false);\n  };\n\n  const handleAlertSubmit = () => {\n    deleteVpa({ id: selectedUpiId?.id, holdableId });\n    setIsAlertOpen(false);\n  };\n\n  if (isEmpty(upiIds)) {\n    return null;\n  }\n\n  return (\n    <div className=\"w-full max-w-3xl mx-auto\">\n      <Table\n        columnData={getColumnData(handleOpenDeleteModal)}\n        rowData={upiIds}\n      />\n      <Alert\n        isOpen={isAlertOpen}\n        title={t(\"neetoPayments.upi.alert.title\")}\n        message={\n          <Trans\n            components={{ b: <strong /> }}\n            i18nKey=\"neetoPayments.upi.alert.message\"\n            values={{ upiId: selectedUpiId.address }}\n          />\n        }\n        onClose={handleAlertClose}\n        onSubmit={handleAlertSubmit}\n      />\n    </div>\n  );\n};\n\nexport default List;\n","import { Spinner } from \"neetoui\";\n\nimport { useFetchVpas } from \"hooks/reactQuery/manualUpi/useVpasApi\";\n\nimport Add from \"./Add\";\nimport List from \"./List\";\n\nconst ManualUpiConnect = ({\n  holdableId,\n  keysToInvalidateOnDelete = [],\n  keysToInvalidateOnCreate = [],\n}) => {\n  const { data: { vpas: upiIds = [] } = {}, isLoading } =\n    useFetchVpas(holdableId);\n\n  if (isLoading) {\n    return (\n      <div className=\"flex items-center justify-center w-full h-full\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"flex flex-col items-start w-full\">\n      {upiIds.length < 3 && (\n        <Add {...{ holdableId, keysToInvalidateOnCreate }} />\n      )}\n      <List {...{ holdableId, keysToInvalidateOnDelete, upiIds }} />\n    </div>\n  );\n};\n\nexport default ManualUpiConnect;\n"],"names":["list","holdableId","axios","get","concat","BASE_URL","params","create","payload","post","destroy","_ref","id","vpasApi","useFetchVpas","options","arguments","length","undefined","useQuery","_objectSpread","queryKey","QUERY_KEYS","VPAS_LIST","queryFn","useCreateVpa","keysToInvalidateOnCreate","useMutationWithInvalidation","keysToInvalidate","_toConsumableArray","useDestroyVpa","keysToInvalidateOnDelete","VALIDATION_SCHEMA","yup","object","upiId","string","matches","t","required","Add","_useTranslation","useTranslation","history","useHistory","_useCreateVpa","isCreatingVpa","isPending","createVpa","mutate","React","createElement","Form","className","formikProps","initialValues","onSubmit","values","_ref2","resetForm","address","validationSchema","_ref3","dirty","CardLayout","actionBlock","ActionBlock","cancelButtonProps","onClick","goBack","isSubmitting","submitButtonProps","label","disabled","Input","name","placeholder","getColumnData","handleDeleteClick","title","dataIndex","key","width","render","_","Typography","style","MoreDropdown","dropdownButtonProps","dropdownProps","strategy","menuItems","dateFormat","dateTime","List","upiIds","_useState","useState","_useState2","_slicedToArray","isAlertOpen","setIsAlertOpen","_useState3","_useState4","selectedUpiId","setSelectedUpiId","_useDestroyVpa","deleteVpa","handleOpenDeleteModal","handleAlertClose","handleAlertSubmit","isEmpty","Table","columnData","rowData","Alert","isOpen","message","Trans","components","b","i18nKey","onClose","ManualUpiConnect","_ref$keysToInvalidate","_ref$keysToInvalidate2","_useFetchVpas","_useFetchVpas$data","data","_useFetchVpas$data2","_useFetchVpas$data2$v","vpas","isLoading","Spinner"],"mappings":"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"}

package/dist/cjs/ManualUpiPayment.js

@@ -0,0 +1,150 @@
+'use strict';
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var neetocist = require('neetocist');
+var neetoui = require('@bigbinary/neetoui');
+var formik = require('@bigbinary/neetoui/formik');
+var QRCodeImage = require('qrcode.react');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var usePaymentApi = require('./usePaymentApi-BWk9Qu4W.js');
+var constants = require('./index-DSCn1Pdn.js');
+var i18next = require('i18next');
+var yup = require('yup');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@tanstack/react-query');
+require('neetocommons/react-utils');
+require('axios');
+require('./queryConstants-Cka1X6GX.js');
+require('neetocommons/constants');
+require('decimal.js');
+require('neetocommons/utils');
+
+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 VALIDATION_SCHEMA = yup__namespace.object({
+  identifier: yup__namespace.number().typeError(i18next.t("neetoPayments.validations.invalidField", {
+    entity: i18next.t("neetoPayments.common.transactionId")
+  })).required(i18next.t("neetoPayments.upi.payment.transaction.required")).test("is-integer", i18next.t("neetoPayments.validations.invalidField", {
+    entity: i18next.t("neetoPayments.common.transactionId")
+  }), function (value) {
+    return Number.isInteger(value);
+  }).test("len", i18next.t("neetoPayments.validations.length", {
+    length: 12
+  }), function (value) {
+    return (value === null || value === void 0 ? void 0 : value.toString().length) === 12;
+  })
+});
+
+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 ManualUpiPayment = function ManualUpiPayment(_ref) {
+  var fee = _ref.fee,
+    payableId = _ref.payableId,
+    tip = _ref.tip,
+    amount = _ref.amount,
+    discountCode = _ref.discountCode,
+    customAmount = _ref.customAmount,
+    handleCancel = _ref.handleCancel,
+    _ref$payableType = _ref.payableType,
+    payableType = _ref$payableType === void 0 ? null : _ref$payableType,
+    _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 amountToUpi = customAmount || amount;
+  var _useCreateUpiPayment = usePaymentApi.useCreateUpiPayment({
+      onSuccess: onSuccessfulPayment,
+      onError: onFailedPayment
+    }),
+    isPending = _useCreateUpiPayment.isPending,
+    createPayment = _useCreateUpiPayment.mutate;
+  var handleSubmit = function handleSubmit(values) {
+    onBeforePayment();
+    var payload = _objectSpread(_objectSpread({}, values), {}, {
+      payableId: payableId,
+      customAmount: customAmount,
+      payableType: payableType,
+      discountCode: discountCode,
+      tipAttributes: tip
+    });
+    createPayment(payload);
+  };
+  return /*#__PURE__*/React.createElement(formik.Form, {
+    className: "space-y-4",
+    formikProps: {
+      onSubmit: handleSubmit,
+      initialValues: {
+        identifier: ""
+      },
+      enableReinitialize: true,
+      validationSchema: VALIDATION_SCHEMA
+    }
+  }, function (_ref2) {
+    var dirty = _ref2.dirty;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(neetoui.Typography, {
+      style: "body1"
+    }, t("neetoPayments.upi.payment.vpaText", {
+      count: vpaIds.length
+    })), neetocist.isPresent(vpaIds) && /*#__PURE__*/React.createElement("div", {
+      className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2"
+    }, vpaIds.map(function (vpaId) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: "flex flex-col items-center justify-center",
+        key: vpaId
+      }, /*#__PURE__*/React.createElement(QRCodeImage, {
+        size: 256,
+        style: {
+          width: 80,
+          height: 80
+        },
+        value: constants.getQrCodeValue(vpaId, amountToUpi)
+      }), /*#__PURE__*/React.createElement(neetoui.Typography, {
+        className: "w-full mt-2 text-center wrap-break-word",
+        style: "body2"
+      }, vpaId));
+    })), /*#__PURE__*/React.createElement(formik.Input, {
+      required: true,
+      label: t("neetoPayments.upi.payment.transaction.label"),
+      name: "identifier",
+      placeholder: t("neetoPayments.upi.payment.transaction.placeholder"),
+      type: "number"
+    }), /*#__PURE__*/React.createElement(formik.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 = ManualUpiPayment;
+//# sourceMappingURL=ManualUpiPayment.js.map

package/dist/cjs/ManualUpiPayment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualUpiPayment.js","sources":["../../app/javascript/src/components/ManualUpiPayment/constants.js","../../app/javascript/src/components/ManualUpiPayment/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const VALIDATION_SCHEMA = yup.object({\n  identifier: yup\n    .number()\n    .typeError(\n      t(\"neetoPayments.validations.invalidField\", {\n        entity: t(\"neetoPayments.common.transactionId\"),\n      })\n    )\n    .required(t(\"neetoPayments.upi.payment.transaction.required\"))\n    .test(\n      \"is-integer\",\n      t(\"neetoPayments.validations.invalidField\", {\n        entity: t(\"neetoPayments.common.transactionId\"),\n      }),\n      value => Number.isInteger(value)\n    )\n    .test(\n      \"len\",\n      t(\"neetoPayments.validations.length\", { length: 12 }),\n      value => value?.toString().length === 12\n    ),\n});\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/manualUpi/usePaymentApi\";\nimport { getQrCodeValue } from \"utils\";\n\nimport { VALIDATION_SCHEMA } from \"./constants\";\n\nconst ManualUpiPayment = ({\n  fee,\n  payableId,\n  tip,\n  amount,\n  discountCode,\n  customAmount,\n  handleCancel,\n  payableType = null,\n  onBeforePayment = noop,\n  onFailedPayment = noop,\n  onSuccessfulPayment = noop,\n}) => {\n  const { t } = useTranslation();\n\n  const vpaIds = pluck(\"address\", fee?.vpas);\n  const amountToUpi = customAmount || amount;\n\n  const { isPending, mutate: createPayment } = useCreateUpiPayment({\n    onSuccess: onSuccessfulPayment,\n    onError: onFailedPayment,\n  });\n\n  const handleSubmit = values => {\n    onBeforePayment();\n    const payload = {\n      ...values,\n      payableId,\n      customAmount,\n      payableType,\n      discountCode,\n      tipAttributes: tip,\n    };\n    createPayment(payload);\n  };\n\n  return (\n    <Form\n      className=\"space-y-4\"\n      formikProps={{\n        onSubmit: handleSubmit,\n        initialValues: { identifier: \"\" },\n        enableReinitialize: true,\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={getQrCodeValue(vpaId, amountToUpi)}\n                  />\n                  <Typography\n                    className=\"w-full mt-2 text-center wrap-break-word\"\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(\"neetoPayments.upi.payment.transaction.placeholder\")}\n            type=\"number\"\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  );\n};\n\nexport default ManualUpiPayment;\n"],"names":["VALIDATION_SCHEMA","yup","object","identifier","number","typeError","t","entity","required","test","value","Number","isInteger","length","toString","ManualUpiPayment","_ref","fee","payableId","tip","amount","discountCode","customAmount","handleCancel","_ref$payableType","payableType","_ref$onBeforePayment","onBeforePayment","noop","_ref$onFailedPayment","onFailedPayment","_ref$onSuccessfulPaym","onSuccessfulPayment","_useTranslation","useTranslation","vpaIds","pluck","vpas","amountToUpi","_useCreateUpiPayment","useCreateUpiPayment","onSuccess","onError","isPending","createPayment","mutate","handleSubmit","values","payload","_objectSpread","tipAttributes","React","createElement","Form","className","formikProps","onSubmit","initialValues","enableReinitialize","validationSchema","_ref2","dirty","Fragment","Typography","style","count","isPresent","map","vpaId","key","QRCodeImage","size","width","height","getQrCodeValue","Input","label","name","placeholder","type","ActionBlock","cancelButtonProps","onClick","disabled","submitButtonProps","loading"],"mappings":"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"}

package/dist/cjs/ManualUpiPaymentConfirmButton.js

@@ -0,0 +1,172 @@
+'use strict';
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var react = require('react');
+var neetocist = require('neetocist');
+var neetoui = require('@bigbinary/neetoui');
+var formik = require('@bigbinary/neetoui/formik');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var usePaymentApi = require('./usePaymentApi-BWk9Qu4W.js');
+var i18next = require('i18next');
+var yup = require('yup');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/defineProperty');
+require('@tanstack/react-query');
+require('neetocommons/react-utils');
+require('axios');
+require('./index-DSCn1Pdn.js');
+require('neetocommons/constants');
+require('decimal.js');
+require('neetocommons/utils');
+require('./queryConstants-Cka1X6GX.js');
+
+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 ManualUpiPaymentConfirmButton = function ManualUpiPaymentConfirmButton(_ref) {
+  var vpas = _ref.vpas,
+    identifier = _ref.identifier,
+    paymentId = _ref.paymentId,
+    manualUpiId = _ref.manualUpiId,
+    payableId = _ref.payableId,
+    _ref$onSuccess = _ref.onSuccess,
+    onSuccess = _ref$onSuccess === void 0 ? neetocist.noop : _ref$onSuccess,
+    _ref$keysToInvalidate = _ref.keysToInvalidate,
+    keysToInvalidate = _ref$keysToInvalidate === void 0 ? [] : _ref$keysToInvalidate;
+  var _useState = react.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isModalOpen = _useState2[0],
+    setIsModalOpen = _useState2[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var onSuccessfulUpdate = function onSuccessfulUpdate() {
+    setIsModalOpen(false);
+    onSuccess();
+  };
+  var _useUpdateUpiPayment = usePaymentApi.useUpdateUpiPayment({
+      id: paymentId,
+      manualUpiId: manualUpiId,
+      keysToInvalidate: keysToInvalidate,
+      options: {
+        onSuccess: onSuccessfulUpdate
+      }
+    }),
+    updateUpiPayment = _useUpdateUpiPayment.mutate,
+    isPending = _useUpdateUpiPayment.isPending;
+  var initialValues = vpas.length === 1 ? ramda.mergeLeft({
+    vpaId: vpas[0].id
+  }, INITIAL_VALUE) : INITIAL_VALUE;
+  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__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(neetoui.Button, {
+    "data-cy": "confirm-payment-btn",
+    label: t("neetoPayments.upi.payment.buttons.confirmPayment"),
+    loading: isPending,
+    size: "small",
+    onClick: function onClick() {
+      return setIsModalOpen(true);
+    }
+  }), /*#__PURE__*/React.createElement(neetoui.Modal, {
+    onClose: onClose,
+    isOpen: isModalOpen,
+    size: "large"
+  }, /*#__PURE__*/React.createElement(neetoui.Modal.Header, null, /*#__PURE__*/React.createElement(neetoui.Typography, {
+    style: "h2"
+  }, t("neetoPayments.upi.confirmModal.title"))), /*#__PURE__*/React.createElement(formik.Form, {
+    formikProps: {
+      initialValues: initialValues,
+      enableReinitialize: true,
+      onSubmit: handleSubmit,
+      validationSchema: VALIDATION_SCHEMA
+    }
+  }, function (_ref3) {
+    var setFieldValue = _ref3.setFieldValue,
+      dirty = _ref3.dirty,
+      isSubmitting = _ref3.isSubmitting;
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(neetoui.Modal.Body, null, /*#__PURE__*/React.createElement("div", {
+      className: "flex flex-col space-y-4"
+    }, /*#__PURE__*/React.createElement(neetoui.Typography, {
+      lineHeight: "normal",
+      style: "body2"
+    }, t("neetoPayments.upi.confirmModal.upiTransactionId", {
+      identifier: identifier
+    })), /*#__PURE__*/React.createElement(formik.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__*/React.createElement(formik.Textarea, {
+      "data-cy": "confirm-booking-modal-input-textfield",
+      label: t("neetoPayments.upi.confirmModal.notes"),
+      name: "notes",
+      placeholder: t("neetoPayments.upi.confirmModal.notesPlaceholder")
+    }))), /*#__PURE__*/React.createElement(neetoui.Modal.Footer, {
+      className: "space-x-2"
+    }, /*#__PURE__*/React.createElement(formik.ActionBlock, {
+      isSubmitting: isPending,
+      position: "right",
+      cancelButtonProps: {
+        onClick: onClose,
+        style: "tertiary"
+      },
+      submitButtonProps: {
+        disabled: isSubmitting || isPending || vpas.length !== 1 && !dirty,
+        label: t("neetoPayments.common.confirm")
+      }
+    })));
+  })));
+};
+
+module.exports = ManualUpiPaymentConfirmButton;
+//# sourceMappingURL=ManualUpiPaymentConfirmButton.js.map