@bigbinary/neeto-payments-frontend 1.5.0-beta1 → 1.6.0-beta2

package/dist/cjs/UpiConnect.js

@@ -0,0 +1,181 @@
+'use strict';
+
+var React = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Spinner = require('@bigbinary/neetoui/Spinner');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var Form = require('@bigbinary/neetoui/formik/Form');
+var Input = require('@bigbinary/neetoui/formik/Input');
+var reactI18next = require('react-i18next');
+var reactRouterDom = require('react-router-dom');
+var i18next = require('i18next');
+var yup = require('yup');
+var Alert = require('@bigbinary/neetoui/Alert');
+var Table = require('@bigbinary/neetoui/Table');
+var ramda = require('ramda');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
+var Typography = require('@bigbinary/neetoui/Typography');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
+var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
+var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
+var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
+var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+
+const VALIDATION_SCHEMA = yup__namespace.object({
+  upiId: yup__namespace.string().matches(/^[a-zA-Z0-9.-]{2,256}@[a-zA-Z][a-zA-Z]{2,64}$/, i18next.t("neetoPayments.upi.form.validation.invalidUpi")).required(i18next.t("neetoPayments.upi.form.validation.required"))
+});
+
+const Add = _ref => {
+  let {
+    handleCreateUpiId
+  } = _ref;
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const history = reactRouterDom.useHistory();
+  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
+    formikProps: {
+      initialValues: {
+        upiId: ""
+      },
+      onSubmit: handleCreateUpiId,
+      validationSchema: VALIDATION_SCHEMA
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-y-3"
+  }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
+    className: "w-64",
+    label: t("neetoPayments.upi.form.enterUpi"),
+    name: "upiId",
+    placeholder: t("neetoPayments.upi.form.enterUpi")
+  }), /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
+    cancelButtonProps: {
+      onClick: () => history.goBack()
+    },
+    submitButtonProps: {
+      label: t("neetoPayments.upi.form.add")
+    }
+  }))));
+};
+
+const getColumnData = handleDeleteClick => [{
+  title: i18next.t("neetoPayments.common.upiId"),
+  dataIndex: "address",
+  key: "address",
+  width: 272,
+  render: (_, upiId) => /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex items-center justify-between gap-3"
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    className: "w-4/5",
+    style: "body2"
+  }, upiId.address), /*#__PURE__*/React__default["default"].createElement(MoreDropdown__default["default"], {
+    dropdownProps: {
+      strategy: "fixed"
+    },
+    menuItems: [{
+      key: "delete-meeting",
+      label: i18next.t("neetoPayments.common.delete"),
+      onClick: () => handleDeleteClick(upiId)
+    }]
+  }))
+}, {
+  title: i18next.t("neetoPayments.common.createdAt"),
+  dataIndex: "createdAt",
+  key: "createdAt",
+  render: utils.dateFormat.dateTime
+}];
+
+const List = _ref => {
+  let {
+    handleDeleteUpiId,
+    upiIds
+  } = _ref;
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const [isAlertOpen, setIsAlertOpen] = React.useState(false);
+  const [selectedUpiId, setSelectedUpiId] = React.useState({});
+  const handleOpenDeleteModal = id => {
+    setSelectedUpiId(id);
+    setIsAlertOpen(true);
+  };
+  const handleAlertClose = () => {
+    setSelectedUpiId({});
+    setIsAlertOpen(false);
+  };
+  const handleAlertSubmit = () => {
+    handleDeleteUpiId(selectedUpiId);
+    setIsAlertOpen(false);
+  };
+  if (ramda.isEmpty(upiIds)) {
+    return null;
+  }
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
+    columnData: getColumnData(handleOpenDeleteModal),
+    rowData: upiIds
+  }), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
+    isOpen: isAlertOpen,
+    title: t("neetoPayments.upi.alert.title"),
+    message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+      components: {
+        b: /*#__PURE__*/React__default["default"].createElement("strong", null)
+      },
+      i18nKey: "neetoPayments.upi.alert.message",
+      values: {
+        upiId: selectedUpiId.address
+      }
+    }),
+    onClose: handleAlertClose,
+    onSubmit: handleAlertSubmit
+  }));
+};
+
+const UpiConnect = _ref => {
+  let {
+    upiIds = [],
+    isLoading = false,
+    isDeleting = false,
+    handleDeleteUpiId = neetoCist.noop,
+    handleCreateUpiId = neetoCist.noop
+  } = _ref;
+  if (isLoading) return /*#__PURE__*/React__default["default"].createElement(Spinner__default["default"], null);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex w-full max-w-3xl flex-col items-start space-y-6"
+  }, /*#__PURE__*/React__default["default"].createElement(Add, {
+    handleCreateUpiId
+  }), /*#__PURE__*/React__default["default"].createElement(List, {
+    handleDeleteUpiId,
+    isDeleting,
+    upiIds
+  }));
+};
+
+module.exports = UpiConnect;
+//# sourceMappingURL=UpiConnect.js.map

package/dist/cjs/UpiConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpiConnect.js","sources":["../../app/javascript/src/components/UpiConnect/constants.js","../../app/javascript/src/components/UpiConnect/Add.jsx","../../app/javascript/src/components/UpiConnect/utils.jsx","../../app/javascript/src/components/UpiConnect/List.jsx","../../app/javascript/src/components/UpiConnect/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as Yup from \"yup\";\n\nexport const VALIDATION_SCHEMA = Yup.object({\n  upiId: Yup.string()\n    .matches(\n      /^[a-zA-Z0-9.-]{2,256}@[a-zA-Z][a-zA-Z]{2,64}$/,\n      t(\"neetoPayments.upi.form.validation.invalidUpi\")\n    )\n    .required(t(\"neetoPayments.upi.form.validation.required\")),\n});\n","import React from \"react\";\n\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { VALIDATION_SCHEMA } from \"./constants\";\n\nconst Add = ({ handleCreateUpiId }) => {\n  const { t } = useTranslation();\n\n  const history = useHistory();\n\n  return (\n    <div>\n      <Form\n        formikProps={{\n          initialValues: { upiId: \"\" },\n          onSubmit: handleCreateUpiId,\n          validationSchema: VALIDATION_SCHEMA,\n        }}\n      >\n        <div className=\"space-y-3\">\n          <Input\n            className=\"w-64\"\n            label={t(\"neetoPayments.upi.form.enterUpi\")}\n            name=\"upiId\"\n            placeholder={t(\"neetoPayments.upi.form.enterUpi\")}\n          />\n          <ActionBlock\n            cancelButtonProps={{ onClick: () => history.goBack() }}\n            submitButtonProps={{ label: t(\"neetoPayments.upi.form.add\") }}\n          />\n        </div>\n      </Form>\n    </div>\n  );\n};\n\nexport default Add;\n","import React from \"react\";\n\nimport { 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          dropdownProps={{ strategy: \"fixed\" }}\n          menuItems={[\n            {\n              key: \"delete-meeting\",\n              label: t(\"neetoPayments.common.delete\"),\n              onClick: () => handleDeleteClick(upiId),\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 React, { useState } from \"react\";\n\nimport { Alert, Table } from \"neetoui\";\nimport { isEmpty } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport { getColumnData } from \"./utils\";\n\nconst List = ({ handleDeleteUpiId, upiIds }) => {\n  const { t } = useTranslation();\n\n  const [isAlertOpen, setIsAlertOpen] = useState(false);\n  const [selectedUpiId, setSelectedUpiId] = useState({});\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    handleDeleteUpiId(selectedUpiId);\n    setIsAlertOpen(false);\n  };\n\n  if (isEmpty(upiIds)) {\n    return null;\n  }\n\n  return (\n    <>\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    </>\n  );\n};\n\nexport default List;\n","import React from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { Spinner } from \"neetoui\";\n\nimport Add from \"./Add\";\nimport List from \"./List\";\n\nconst UpiConnect = ({\n  upiIds = [],\n  isLoading = false,\n  isDeleting = false,\n  handleDeleteUpiId = noop,\n  handleCreateUpiId = noop,\n}) => {\n  if (isLoading) return <Spinner />;\n\n  return (\n    <div className=\"flex w-full max-w-3xl flex-col items-start space-y-6\">\n      <Add {...{ handleCreateUpiId }} />\n      <List {...{ handleDeleteUpiId, isDeleting, upiIds }} />\n    </div>\n  );\n};\n\nexport default UpiConnect;\n"],"names":["VALIDATION_SCHEMA","Yup","object","upiId","string","matches","t","required","Add","_ref","handleCreateUpiId","useTranslation","history","useHistory","React","createElement","Form","formikProps","initialValues","onSubmit","validationSchema","className","Input","label","name","placeholder","ActionBlock","cancelButtonProps","onClick","goBack","submitButtonProps","getColumnData","handleDeleteClick","title","dataIndex","key","width","render","_","Typography","style","address","MoreDropdown","dropdownProps","strategy","menuItems","dateFormat","dateTime","List","handleDeleteUpiId","upiIds","isAlertOpen","setIsAlertOpen","useState","selectedUpiId","setSelectedUpiId","handleOpenDeleteModal","id","handleAlertClose","handleAlertSubmit","isEmpty","Fragment","Table","columnData","rowData","Alert","isOpen","message","Trans","components","b","i18nKey","values","onClose","UpiConnect","isLoading","isDeleting","noop","Spinner"],"mappings":"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"}

package/dist/cjs/UpiMarkAsPaidButton.js

@@ -0,0 +1,49 @@
+'use strict';
+
+var React = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Button = require('@bigbinary/neetoui/Button');
+var reactI18next = require('react-i18next');
+var usePaymentsApi = require('./usePaymentsApi-815be3da.js');
+require('./useMutation-4c7cdbe1.js');
+require('./mutation-ed7b84fc.js');
+require('./utils-7eba34a4.js');
+require('react/jsx-runtime');
+require('axios');
+require('./constants.js');
+require('i18next');
+require('@bigbinary/neeto-commons-frontend/constants');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+
+const UpiMarkAsPaidButton = _ref => {
+  let {
+    paymentId,
+    payableId,
+    onSuccess = neetoCist.noop
+  } = _ref;
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const {
+    mutate: updateUpiPayment,
+    isLoading
+  } = usePaymentsApi.useUpdateUpiPayment(paymentId, {
+    onSuccess
+  });
+  const handleClick = () => updateUpiPayment({
+    status: "successful",
+    payableId
+  });
+  return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+    label: t("neetoPayments.upi.payment.buttons.markAsPaid"),
+    loading: isLoading,
+    onClick: handleClick
+  });
+};
+
+module.exports = UpiMarkAsPaidButton;
+//# sourceMappingURL=UpiMarkAsPaidButton.js.map

package/dist/cjs/UpiMarkAsPaidButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpiMarkAsPaidButton.js","sources":["../../app/javascript/src/components/UpiMarkAsPaidButton.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateUpiPayment } from \"hooks/reactQuery/upi/usePaymentsApi\";\n\nconst UpiMarkAsPaidButton = ({ paymentId, payableId, onSuccess = noop }) => {\n  const { t } = useTranslation();\n  const { mutate: updateUpiPayment, isLoading } = useUpdateUpiPayment(\n    paymentId,\n    { onSuccess }\n  );\n\n  const handleClick = () =>\n    updateUpiPayment({ status: \"successful\", payableId });\n\n  return (\n    <Button\n      label={t(\"neetoPayments.upi.payment.buttons.markAsPaid\")}\n      loading={isLoading}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default UpiMarkAsPaidButton;\n"],"names":["UpiMarkAsPaidButton","_ref","paymentId","payableId","onSuccess","noop","t","useTranslation","mutate","updateUpiPayment","isLoading","useUpdateUpiPayment","handleClick","status","React","createElement","Button","label","loading","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAQMA,MAAAA,mBAAmB,GAAGC,IAAA,IAAgD;EAAA,IAA/C;IAAEC,SAAS;IAAEC,SAAS;AAAEC,IAAAA,SAAS,GAAGC,cAAAA;AAAK,GAAC,GAAAJ,IAAA,CAAA;EACrE,MAAM;AAAEK,IAAAA,CAAAA;GAAG,GAAGC,2BAAc,EAAE,CAAA;EAC9B,MAAM;AAAEC,IAAAA,MAAM,EAAEC,gBAAgB;AAAEC,IAAAA,SAAAA;AAAU,GAAC,GAAGC,kCAAmB,CACjET,SAAS,EACT;AAAEE,IAAAA,SAAAA;AAAU,GACd,CAAC,CAAA;AAED,EAAA,MAAMQ,WAAW,GAAGA,MAClBH,gBAAgB,CAAC;AAAEI,IAAAA,MAAM,EAAE,YAAY;AAAEV,IAAAA,SAAAA;AAAU,GAAC,CAAC,CAAA;AAEvD,EAAA,oBACEW,yBAAA,CAAAC,aAAA,CAACC,0BAAM,EAAA;AACLC,IAAAA,KAAK,EAAEX,CAAC,CAAC,8CAA8C,CAAE;AACzDY,IAAAA,OAAO,EAAER,SAAU;AACnBS,IAAAA,OAAO,EAAEP,WAAAA;AAAY,GACtB,CAAC,CAAA;AAEN;;;;"}

package/dist/cjs/UpiPayment.js

@@ -0,0 +1,124 @@
+'use strict';
+
+var React = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var Typography = require('@bigbinary/neetoui/Typography');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var Form = require('@bigbinary/neetoui/formik/Form');
+var Input = require('@bigbinary/neetoui/formik/Input');
+var QRCodeImage = require('qrcode.react');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var usePaymentsApi = require('./usePaymentsApi-815be3da.js');
+var i18next = require('i18next');
+var yup = require('yup');
+require('./useMutation-4c7cdbe1.js');
+require('./mutation-ed7b84fc.js');
+require('./utils-7eba34a4.js');
+require('react/jsx-runtime');
+require('axios');
+require('./constants.js');
+require('@bigbinary/neeto-commons-frontend/constants');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return 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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
+var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
+var QRCodeImage__default = /*#__PURE__*/_interopDefaultLegacy(QRCodeImage);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+
+const VALIDATION_SCHEMA = yup__namespace.object({
+  transactionId: yup__namespace.string().required(i18next.t("neetoPayments.upi.payment.transaction.required")).min(6, i18next.t("neetoPayments.upi.payment.transaction.sixCharacters")).max(6, i18next.t("neetoPayments.upi.payment.transaction.sixCharacters"))
+});
+
+const vpaIdToQrCodeValue = vpaId => `upi://pay?pa=${vpaId}`;
+
+const UpiPayment = _ref => {
+  let {
+    fee = {},
+    onSubmit = neetoCist.noop,
+    onBackClick = neetoCist.noop,
+    payableId
+  } = _ref;
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const vpaIds = ramda.pluck("address", fee?.vpas);
+  const {
+    mutate: createPayment
+  } = usePaymentsApi.useCreateUpiPayment({});
+  const handleSubmit = values => {
+    const payload = {
+      ...values,
+      payableId
+    };
+    createPayment(payload);
+    onSubmit(values);
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
+    className: "space-y-4",
+    formikProps: {
+      onSubmit: handleSubmit,
+      initialValues: {
+        transactionId: ""
+      },
+      validationSchema: VALIDATION_SCHEMA
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    style: "body1"
+  }, t("neetoPayments.upi.payment.vpaText", {
+    count: vpaIds.length
+  })), neetoCist.isPresent(vpaIds) && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2"
+  }, vpaIds.map(vpaId => /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex flex-col items-center justify-center",
+    key: vpaId
+  }, /*#__PURE__*/React__default["default"].createElement(QRCodeImage__default["default"], {
+    size: 256,
+    style: {
+      width: 80,
+      height: 80
+    },
+    value: vpaIdToQrCodeValue(vpaId)
+  }), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+    className: "mt-2 w-full break-words text-center",
+    style: "body2"
+  }, vpaId)))), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
+    required: true,
+    label: t("neetoPayments.upi.payment.transaction.label"),
+    name: "transactionId",
+    placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
+  }), /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
+    cancelButtonProps: {
+      label: t("neetoPayments.upi.payment.buttons.back"),
+      onClick: onBackClick
+    },
+    submitButtonProps: {
+      label: t("neetoPayments.upi.payment.buttons.submit")
+    }
+  })));
+};
+
+module.exports = UpiPayment;
+//# sourceMappingURL=UpiPayment.js.map

package/dist/cjs/UpiPayment.js.map

@@ -0,0 +1 @@
+{"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  transactionId: 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 React from \"react\";\n\nimport { 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  onSubmit = noop,\n  onBackClick = noop,\n  payableId,\n}) => {\n  const { t } = useTranslation();\n\n  const vpaIds = pluck(\"address\", fee?.vpas);\n\n  const { mutate: createPayment } = useCreateUpiPayment({});\n\n  const handleSubmit = values => {\n    const payload = { ...values, payableId };\n    createPayment(payload);\n    onSubmit(values);\n  };\n\n  return (\n    <div>\n      <Form\n        className=\"space-y-4\"\n        formikProps={{\n          onSubmit: handleSubmit,\n          initialValues: { transactionId: \"\" },\n          validationSchema: VALIDATION_SCHEMA,\n        }}\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=\"transactionId\"\n          placeholder={t(\"neetoPayments.upi.payment.transaction.placeholder\")}\n        />\n        <ActionBlock\n          cancelButtonProps={{\n            label: t(\"neetoPayments.upi.payment.buttons.back\"),\n            onClick: onBackClick,\n          }}\n          submitButtonProps={{\n            label: t(\"neetoPayments.upi.payment.buttons.submit\"),\n          }}\n        />\n      </Form>\n    </div>\n  );\n};\n\nexport default UpiPayment;\n"],"names":["VALIDATION_SCHEMA","yup","object","transactionId","string","required","t","min","max","vpaIdToQrCodeValue","vpaId","UpiPayment","_ref","fee","onSubmit","noop","onBackClick","payableId","useTranslation","vpaIds","pluck","vpas","mutate","createPayment","useCreateUpiPayment","handleSubmit","values","payload","React","createElement","Form","className","formikProps","initialValues","validationSchema","Typography","style","count","length","isPresent","map","key","QRCodeImage","size","width","height","value","Input","label","name","placeholder","ActionBlock","cancelButtonProps","onClick","submitButtonProps"],"mappings":"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"}