@bigbinary/neeto-payments-frontend 2.2.0 → 2.2.2

package/dist/cjs/UpiConnect.js

@@ -9,7 +9,9 @@ var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
 var i18next = require('i18next');
 var yup = require('yup');
-var React$1 = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+var slicedToArray = require('./slicedToArray-f320d9e7.js');
+var React = require('react');
 var Alert = require('@bigbinary/neetoui/Alert');
 var Table = require('@bigbinary/neetoui/Table');
 var ramda = require('ramda');
@@ -47,133 +49,153 @@ var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
 var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 
-const VALIDATION_SCHEMA = yup__namespace.object({
+var 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.createElement("div", null, /*#__PURE__*/React.createElement(Form__default["default"], {
-    formikProps: {
-      initialValues: {
-        upiId: ""
+var Add = function Add(_ref) {
+  var handleCreateUpiId = _ref.handleCreateUpiId;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var history = reactRouterDom.useHistory();
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    children: /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
+      formikProps: {
+        initialValues: {
+          upiId: ""
+        },
+        onSubmit: handleCreateUpiId,
+        validationSchema: VALIDATION_SCHEMA
       },
-      onSubmit: handleCreateUpiId,
-      validationSchema: VALIDATION_SCHEMA
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "space-y-3"
-  }, /*#__PURE__*/React.createElement(Input__default["default"], {
-    className: "w-64",
-    label: t("neetoPayments.upi.form.enterUpi"),
-    name: "upiId",
-    placeholder: t("neetoPayments.upi.form.enterUpi")
-  }), /*#__PURE__*/React.createElement(ActionBlock__default["default"], {
-    cancelButtonProps: {
-      onClick: () => history.goBack()
-    },
-    submitButtonProps: {
-      label: t("neetoPayments.upi.form.add")
-    }
-  }))));
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "space-y-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+          className: "w-64",
+          label: t("neetoPayments.upi.form.enterUpi"),
+          name: "upiId",
+          placeholder: t("neetoPayments.upi.form.enterUpi")
+        }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+          cancelButtonProps: {
+            onClick: function onClick() {
+              return 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.createElement("div", {
-    className: "flex items-center justify-between gap-3"
-  }, /*#__PURE__*/React.createElement(Typography__default["default"], {
-    className: "w-4/5",
-    style: "body2"
-  }, upiId.address), /*#__PURE__*/React.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
-}];
+var getColumnData = function getColumnData(handleDeleteClick) {
+  return [{
+    title: i18next.t("neetoPayments.common.upiId"),
+    dataIndex: "address",
+    key: "address",
+    width: 272,
+    render: function render(_, upiId) {
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between gap-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          className: "w-4/5",
+          style: "body2",
+          children: upiId.address
+        }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+          dropdownProps: {
+            strategy: "fixed"
+          },
+          menuItems: [{
+            key: "delete-meeting",
+            label: i18next.t("neetoPayments.common.delete"),
+            onClick: function onClick() {
+              return 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$1.useState(false);
-  const [selectedUpiId, setSelectedUpiId] = React$1.useState({});
-  const handleOpenDeleteModal = id => {
+var List = function List(_ref) {
+  var handleDeleteUpiId = _ref.handleDeleteUpiId,
+    upiIds = _ref.upiIds;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(false),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    isAlertOpen = _useState2[0],
+    setIsAlertOpen = _useState2[1];
+  var _useState3 = React.useState({}),
+    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    selectedUpiId = _useState4[0],
+    setSelectedUpiId = _useState4[1];
+  var handleOpenDeleteModal = function handleOpenDeleteModal(id) {
     setSelectedUpiId(id);
     setIsAlertOpen(true);
   };
-  const handleAlertClose = () => {
+  var handleAlertClose = function handleAlertClose() {
     setSelectedUpiId({});
     setIsAlertOpen(false);
   };
-  const handleAlertSubmit = () => {
+  var handleAlertSubmit = function handleAlertSubmit() {
     handleDeleteUpiId(selectedUpiId);
     setIsAlertOpen(false);
   };
   if (ramda.isEmpty(upiIds)) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Table__default["default"], {
-    columnData: getColumnData(handleOpenDeleteModal),
-    rowData: upiIds
-  }), /*#__PURE__*/React.createElement(Alert__default["default"], {
-    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
-  }));
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
+      columnData: getColumnData(handleOpenDeleteModal),
+      rowData: upiIds
+    }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
+      isOpen: isAlertOpen,
+      title: t("neetoPayments.upi.alert.title"),
+      message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        components: {
+          b: /*#__PURE__*/jsxRuntime.jsx("strong", {})
+        },
+        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.createElement(Spinner__default["default"], null);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "flex w-full max-w-3xl flex-col items-start space-y-6"
-  }, /*#__PURE__*/React.createElement(Add, {
-    handleCreateUpiId
-  }), /*#__PURE__*/React.createElement(List, {
-    handleDeleteUpiId,
-    isDeleting,
-    upiIds
-  }));
+var UpiConnect = function UpiConnect(_ref) {
+  var _ref$upiIds = _ref.upiIds,
+    upiIds = _ref$upiIds === void 0 ? [] : _ref$upiIds,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$isDeleting = _ref.isDeleting,
+    isDeleting = _ref$isDeleting === void 0 ? false : _ref$isDeleting,
+    _ref$handleDeleteUpiI = _ref.handleDeleteUpiId,
+    handleDeleteUpiId = _ref$handleDeleteUpiI === void 0 ? neetoCist.noop : _ref$handleDeleteUpiI,
+    _ref$handleCreateUpiI = _ref.handleCreateUpiId,
+    handleCreateUpiId = _ref$handleCreateUpiI === void 0 ? neetoCist.noop : _ref$handleCreateUpiI;
+  if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {});
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex w-full max-w-3xl flex-col items-start space-y-6",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Add, {
+      handleCreateUpiId: handleCreateUpiId
+    }), /*#__PURE__*/jsxRuntime.jsx(List, {
+      handleDeleteUpiId: handleDeleteUpiId,
+      isDeleting: isDeleting,
+      upiIds: upiIds
+    })]
+  });
 };
 
 module.exports = UpiConnect;

package/dist/cjs/UpiConnect.js.map

@@ -1 +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 { 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 { 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 { 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 { 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAMA,iBAAiB,GAAGC,cAAG,CAACC,MAAM,CAAC;EAC1CC,KAAK,EAAEF,cAAG,CAACG,MAAM,EAAE,CAChBC,OAAO,CACN,+CAA+C,EAC/CC,SAAC,CAAC,8CAA8C,CAClD,CAAC,CACAC,QAAQ,CAACD,SAAC,CAAC,4CAA4C,CAAC,CAAA;AAC7D,CAAC,CAAC;;ACJF,MAAME,GAAG,GAAGC,IAAA,IAA2B;EAAA,IAA1B;AAAEC,IAAAA,iBAAAA;AAAkB,GAAC,GAAAD,IAAA,CAAA;EAChC,MAAM;AAAEH,IAAAA,CAAAA;GAAG,GAAGK,2BAAc,EAAE,CAAA;AAE9B,EAAA,MAAMC,OAAO,GAAGC,yBAAU,EAAE,CAAA;EAE5B,oBACEC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,eACED,KAAA,CAAAC,aAAA,CAACC,wBAAI,EAAA;AACHC,IAAAA,WAAW,EAAE;AACXC,MAAAA,aAAa,EAAE;AAAEf,QAAAA,KAAK,EAAE,EAAA;OAAI;AAC5BgB,MAAAA,QAAQ,EAAET,iBAAiB;AAC3BU,MAAAA,gBAAgB,EAAEpB,iBAAAA;AACpB,KAAA;GAEAc,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKM,IAAAA,SAAS,EAAC,WAAA;AAAW,GAAA,eACxBP,KAAA,CAAAC,aAAA,CAACO,yBAAK,EAAA;AACJD,IAAAA,SAAS,EAAC,MAAM;AAChBE,IAAAA,KAAK,EAAEjB,CAAC,CAAC,iCAAiC,CAAE;AAC5CkB,IAAAA,IAAI,EAAC,OAAO;IACZC,WAAW,EAAEnB,CAAC,CAAC,iCAAiC,CAAA;AAAE,GACnD,CAAC,eACFQ,KAAA,CAAAC,aAAA,CAACW,+BAAW,EAAA;AACVC,IAAAA,iBAAiB,EAAE;AAAEC,MAAAA,OAAO,EAAEA,MAAMhB,OAAO,CAACiB,MAAM,EAAC;KAAI;AACvDC,IAAAA,iBAAiB,EAAE;MAAEP,KAAK,EAAEjB,CAAC,CAAC,4BAA4B,CAAA;AAAE,KAAA;GAC7D,CACE,CACD,CACH,CAAC,CAAA;AAEV,CAAC;;AC9BM,MAAMyB,aAAa,GAAGC,iBAAiB,IAAI,CAChD;AACEC,EAAAA,KAAK,EAAE3B,SAAC,CAAC,4BAA4B,CAAC;AACtC4B,EAAAA,SAAS,EAAE,SAAS;AACpBC,EAAAA,GAAG,EAAE,SAAS;AACdC,EAAAA,KAAK,EAAE,GAAG;EACVC,MAAM,EAAEA,CAACC,CAAC,EAAEnC,KAAK,kBACfW,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKM,IAAAA,SAAS,EAAC,yCAAA;AAAyC,GAAA,eACtDP,KAAA,CAAAC,aAAA,CAACwB,8BAAU,EAAA;AAAClB,IAAAA,SAAS,EAAC,OAAO;AAACmB,IAAAA,KAAK,EAAC,OAAA;GACjCrC,EAAAA,KAAK,CAACsC,OACG,CAAC,eACb3B,KAAA,CAAAC,aAAA,CAAC2B,gCAAY,EAAA;AACXC,IAAAA,aAAa,EAAE;AAAEC,MAAAA,QAAQ,EAAE,OAAA;KAAU;AACrCC,IAAAA,SAAS,EAAE,CACT;AACEV,MAAAA,GAAG,EAAE,gBAAgB;AACrBZ,MAAAA,KAAK,EAAEjB,SAAC,CAAC,6BAA6B,CAAC;AACvCsB,MAAAA,OAAO,EAAEA,MAAMI,iBAAiB,CAAC7B,KAAK,CAAA;KACvC,CAAA;AACD,GACH,CACE,CAAA;AAET,CAAC,EACD;AACE8B,EAAAA,KAAK,EAAE3B,SAAC,CAAC,gCAAgC,CAAC;AAC1C4B,EAAAA,SAAS,EAAE,WAAW;AACtBC,EAAAA,GAAG,EAAE,WAAW;EAChBE,MAAM,EAAES,gBAAU,CAACC,QAAAA;AACrB,CAAC,CACF;;AC3BD,MAAMC,IAAI,GAAGvC,IAAA,IAAmC;EAAA,IAAlC;IAAEwC,iBAAiB;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAzC,IAAA,CAAA;EACzC,MAAM;AAAEH,IAAAA,CAAAA;GAAG,GAAGK,2BAAc,EAAE,CAAA;EAE9B,MAAM,CAACwC,WAAW,EAAEC,cAAc,CAAC,GAAGC,gBAAQ,CAAC,KAAK,CAAC,CAAA;EACrD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGF,gBAAQ,CAAC,EAAE,CAAC,CAAA;EAEtD,MAAMG,qBAAqB,GAAGC,EAAE,IAAI;IAClCF,gBAAgB,CAACE,EAAE,CAAC,CAAA;IACpBL,cAAc,CAAC,IAAI,CAAC,CAAA;GACrB,CAAA;EAED,MAAMM,gBAAgB,GAAGA,MAAM;IAC7BH,gBAAgB,CAAC,EAAE,CAAC,CAAA;IACpBH,cAAc,CAAC,KAAK,CAAC,CAAA;GACtB,CAAA;EAED,MAAMO,iBAAiB,GAAGA,MAAM;IAC9BV,iBAAiB,CAACK,aAAa,CAAC,CAAA;IAChCF,cAAc,CAAC,KAAK,CAAC,CAAA;GACtB,CAAA;AAED,EAAA,IAAIQ,aAAO,CAACV,MAAM,CAAC,EAAE;AACnB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;AAEA,EAAA,oBACEpC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAA+C,QAAA,EAAA,IAAA,eACE/C,KAAA,CAAAC,aAAA,CAAC+C,yBAAK,EAAA;AACJC,IAAAA,UAAU,EAAEhC,aAAa,CAACyB,qBAAqB,CAAE;AACjDQ,IAAAA,OAAO,EAAEd,MAAAA;AAAO,GACjB,CAAC,eACFpC,KAAA,CAAAC,aAAA,CAACkD,yBAAK,EAAA;AACJC,IAAAA,MAAM,EAAEf,WAAY;AACpBlB,IAAAA,KAAK,EAAE3B,CAAC,CAAC,+BAA+B,CAAE;AAC1C6D,IAAAA,OAAO,eACLrD,KAAA,CAAAC,aAAA,CAACqD,kBAAK,EAAA;AACJC,MAAAA,UAAU,EAAE;AAAEC,QAAAA,CAAC,eAAExD,KAAA,CAAAC,aAAA,CAAS,QAAA,EAAA,IAAA,CAAA;OAAI;AAC9BwD,MAAAA,OAAO,EAAC,iCAAiC;AACzCC,MAAAA,MAAM,EAAE;QAAErE,KAAK,EAAEmD,aAAa,CAACb,OAAAA;AAAQ,OAAA;AAAE,KAC1C,CACF;AACDgC,IAAAA,OAAO,EAAEf,gBAAiB;AAC1BvC,IAAAA,QAAQ,EAAEwC,iBAAAA;AAAkB,GAC7B,CACD,CAAC,CAAA;AAEP,CAAC;;AChDKe,MAAAA,UAAU,GAAGjE,IAAA,IAMb;EAAA,IANc;AAClByC,IAAAA,MAAM,GAAG,EAAE;AACXyB,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,UAAU,GAAG,KAAK;AAClB3B,IAAAA,iBAAiB,GAAG4B,cAAI;AACxBnE,IAAAA,iBAAiB,GAAGmE,cAAAA;AACtB,GAAC,GAAApE,IAAA,CAAA;EACC,IAAIkE,SAAS,EAAE,oBAAO7D,KAAA,CAAAC,aAAA,CAAC+D,2BAAO,EAAA,IAAE,CAAC,CAAA;EAEjC,oBACEhE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKM,IAAAA,SAAS,EAAC,sDAAA;AAAsD,GAAA,eACnEP,KAAA,CAAAC,aAAA,CAACP,GAAG,EAAA;AAAOE,IAAAA,iBAAAA;AAAiB,GAAK,CAAC,eAClCI,KAAA,CAAAC,aAAA,CAACiC,IAAI,EAAA;IAAOC,iBAAiB;IAAE2B,UAAU;AAAE1B,IAAAA,MAAAA;AAAM,GAAK,CACnD,CAAC,CAAA;AAEV;;;;"}
+{"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 { 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 { 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 { 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 { 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","useTranslation","history","useHistory","_jsx","children","Form","formikProps","initialValues","onSubmit","validationSchema","_jsxs","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","_useState","useState","_useState2","_slicedToArray","isAlertOpen","setIsAlertOpen","_useState3","_useState4","selectedUpiId","setSelectedUpiId","handleOpenDeleteModal","id","handleAlertClose","handleAlertSubmit","isEmpty","_Fragment","Table","columnData","rowData","Alert","isOpen","message","Trans","components","b","i18nKey","values","onClose","UpiConnect","_ref$upiIds","_ref$isLoading","isLoading","_ref$isDeleting","isDeleting","_ref$handleDeleteUpiI","noop","_ref$handleCreateUpiI","Spinner"],"mappings":"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"}

package/dist/cjs/UpiMarkAsPaidButton.js

@@ -3,7 +3,9 @@
 var neetoCist = require('@bigbinary/neeto-cist');
 var Button = require('@bigbinary/neetoui/Button');
 var reactI18next = require('react-i18next');
-var usePaymentsApi = require('./usePaymentsApi-239e8d8a.js');
+var usePaymentsApi = require('./usePaymentsApi-f53c5543.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('./defineProperty-f3094d6c.js');
 require('@tanstack/react-query');
 require('axios');
 require('./constants.js');
@@ -14,26 +16,25 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 
-const UpiMarkAsPaidButton = _ref => {
-  let {
-    paymentId,
-    payableId,
-    onSuccess = neetoCist.noop
-  } = _ref;
-  const {
-    t
-  } = reactI18next.useTranslation();
-  const {
-    mutate: updateUpiPayment,
-    isPending
-  } = usePaymentsApi.useUpdateUpiPayment(paymentId, {
-    onSuccess
-  });
-  const handleClick = () => updateUpiPayment({
-    status: "successful",
-    payableId
-  });
-  return /*#__PURE__*/React.createElement(Button__default["default"], {
+var UpiMarkAsPaidButton = function UpiMarkAsPaidButton(_ref) {
+  var paymentId = _ref.paymentId,
+    payableId = _ref.payableId,
+    _ref$onSuccess = _ref.onSuccess,
+    onSuccess = _ref$onSuccess === void 0 ? neetoCist.noop : _ref$onSuccess;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useUpdateUpiPayment = usePaymentsApi.useUpdateUpiPayment(paymentId, {
+      onSuccess: onSuccess
+    }),
+    updateUpiPayment = _useUpdateUpiPayment.mutate,
+    isPending = _useUpdateUpiPayment.isPending;
+  var handleClick = function handleClick() {
+    return updateUpiPayment({
+      status: "successful",
+      payableId: payableId
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
     label: t("neetoPayments.upi.payment.buttons.markAsPaid"),
     loading: isPending,
     onClick: handleClick

package/dist/cjs/UpiMarkAsPaidButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"UpiMarkAsPaidButton.js","sources":["../../app/javascript/src/components/UpiMarkAsPaidButton.jsx"],"sourcesContent":["import { 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, isPending } = 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={isPending}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default UpiMarkAsPaidButton;\n"],"names":["UpiMarkAsPaidButton","_ref","paymentId","payableId","onSuccess","noop","t","useTranslation","mutate","updateUpiPayment","isPending","useUpdateUpiPayment","handleClick","status","React","createElement","Button","label","loading","onClick"],"mappings":";;;;;;;;;;;;;;;;AAMMA,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,KAAA,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;;;;"}
+{"version":3,"file":"UpiMarkAsPaidButton.js","sources":["../../app/javascript/src/components/UpiMarkAsPaidButton.jsx"],"sourcesContent":["import { 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, isPending } = 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={isPending}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default UpiMarkAsPaidButton;\n"],"names":["UpiMarkAsPaidButton","_ref","paymentId","payableId","_ref$onSuccess","onSuccess","noop","_useTranslation","useTranslation","t","_useUpdateUpiPayment","useUpdateUpiPayment","updateUpiPayment","mutate","isPending","handleClick","status","_jsx","Button","label","loading","onClick"],"mappings":";;;;;;;;;;;;;;;;;;AAMA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAmD;AAAA,EAAA,IAA7CC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAGE,KAAAA,CAAAA,GAAAA,cAAI,GAAAF,cAAA,CAAA;AACnE,EAAA,IAAAG,eAAA,GAAcC,2BAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC,CAAA;AACT,EAAA,IAAAC,oBAAA,GAAgDC,kCAAmB,CACjET,SAAS,EACT;AAAEG,MAAAA,SAAS,EAATA,SAAAA;AAAU,KACd,CAAC;IAHeO,gBAAgB,GAAAF,oBAAA,CAAxBG,MAAM;IAAoBC,SAAS,GAAAJ,oBAAA,CAATI,SAAS,CAAA;AAK3C,EAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,GAAA;AAAA,IAAA,OACfH,gBAAgB,CAAC;AAAEI,MAAAA,MAAM,EAAE,YAAY;AAAEb,MAAAA,SAAS,EAATA,SAAAA;AAAU,KAAC,CAAC,CAAA;AAAA,GAAA,CAAA;EAEvD,oBACEc,cAAA,CAACC,0BAAM,EAAA;AACLC,IAAAA,KAAK,EAAEV,CAAC,CAAC,8CAA8C,CAAE;AACzDW,IAAAA,OAAO,EAAEN,SAAU;AACnBO,IAAAA,OAAO,EAAEN,WAAAA;AAAY,GACtB,CAAC,CAAA;AAEN;;;;"}

package/dist/cjs/UpiPayment.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var defineProperty = require('./defineProperty-f3094d6c.js');
 var neetoCist = require('@bigbinary/neeto-cist');
 var Typography = require('@bigbinary/neetoui/Typography');
 var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
@@ -8,9 +9,10 @@ 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-239e8d8a.js');
+var usePaymentsApi = require('./usePaymentsApi-f53c5543.js');
 var i18next = require('i18next');
 var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('axios');
 require('./constants.js');
@@ -43,76 +45,86 @@ var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var QRCodeImage__default = /*#__PURE__*/_interopDefaultLegacy(QRCodeImage);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 
-const VALIDATION_SCHEMA = yup__namespace.object({
+var 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}`;
+var vpaIdToQrCodeValue = function vpaIdToQrCodeValue(vpaId) {
+  return "upi://pay?pa=".concat(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
-    };
+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._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 _ref$fee = _ref.fee,
+    fee = _ref$fee === void 0 ? {} : _ref$fee,
+    _ref$onSubmit = _ref.onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? neetoCist.noop : _ref$onSubmit,
+    _ref$onBackClick = _ref.onBackClick,
+    onBackClick = _ref$onBackClick === void 0 ? neetoCist.noop : _ref$onBackClick,
+    payableId = _ref.payableId;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var vpaIds = ramda.pluck("address", fee === null || fee === void 0 ? void 0 : fee.vpas);
+  var _useCreateUpiPayment = usePaymentsApi.useCreateUpiPayment({}),
+    createPayment = _useCreateUpiPayment.mutate;
+  var handleSubmit = function handleSubmit(values) {
+    var payload = _objectSpread(_objectSpread({}, values), {}, {
+      payableId: payableId
+    });
     createPayment(payload);
     onSubmit(values);
   };
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Form__default["default"], {
-    className: "space-y-4",
-    formikProps: {
-      onSubmit: handleSubmit,
-      initialValues: {
-        transactionId: ""
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Form__default["default"], {
+      className: "space-y-4",
+      formikProps: {
+        onSubmit: handleSubmit,
+        initialValues: {
+          transactionId: ""
+        },
+        validationSchema: VALIDATION_SCHEMA
       },
-      validationSchema: VALIDATION_SCHEMA
-    }
-  }, /*#__PURE__*/React.createElement(Typography__default["default"], {
-    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(vpaId => /*#__PURE__*/React.createElement("div", {
-    className: "flex flex-col items-center justify-center",
-    key: vpaId
-  }, /*#__PURE__*/React.createElement(QRCodeImage__default["default"], {
-    size: 256,
-    style: {
-      width: 80,
-      height: 80
-    },
-    value: vpaIdToQrCodeValue(vpaId)
-  }), /*#__PURE__*/React.createElement(Typography__default["default"], {
-    className: "mt-2 w-full break-words text-center",
-    style: "body2"
-  }, vpaId)))), /*#__PURE__*/React.createElement(Input__default["default"], {
-    required: true,
-    label: t("neetoPayments.upi.payment.transaction.label"),
-    name: "transactionId",
-    placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
-  }), /*#__PURE__*/React.createElement(ActionBlock__default["default"], {
-    cancelButtonProps: {
-      label: t("neetoPayments.upi.payment.buttons.back"),
-      onClick: onBackClick
-    },
-    submitButtonProps: {
-      label: t("neetoPayments.upi.payment.buttons.submit")
-    }
-  })));
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "body1",
+        children: t("neetoPayments.upi.payment.vpaText", {
+          count: vpaIds.length
+        })
+      }), neetoCist.isPresent(vpaIds) && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2",
+        children: vpaIds.map(function (vpaId) {
+          return /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "flex flex-col items-center justify-center",
+            children: [/*#__PURE__*/jsxRuntime.jsx(QRCodeImage__default["default"], {
+              size: 256,
+              style: {
+                width: 80,
+                height: 80
+              },
+              value: vpaIdToQrCodeValue(vpaId)
+            }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+              className: "mt-2 w-full break-words text-center",
+              style: "body2",
+              children: vpaId
+            })]
+          }, vpaId);
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+        required: true,
+        label: t("neetoPayments.upi.payment.transaction.label"),
+        name: "transactionId",
+        placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
+      }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+        cancelButtonProps: {
+          label: t("neetoPayments.upi.payment.buttons.back"),
+          onClick: onBackClick
+        },
+        submitButtonProps: {
+          label: t("neetoPayments.upi.payment.buttons.submit")
+        }
+      })]
+    })
+  });
 };
 
 module.exports = UpiPayment;

package/dist/cjs/UpiPayment.js.map

@@ -1 +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 { 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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"}
+{"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 { 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","concat","UpiPayment","_ref","_ref$fee","fee","_ref$onSubmit","onSubmit","noop","_ref$onBackClick","onBackClick","payableId","_useTranslation","useTranslation","vpaIds","pluck","vpas","_useCreateUpiPayment","useCreateUpiPayment","createPayment","mutate","handleSubmit","values","payload","_objectSpread","_jsx","children","_jsxs","Form","className","formikProps","initialValues","validationSchema","Typography","style","count","length","isPresent","map","QRCodeImage","size","width","height","value","Input","label","name","placeholder","ActionBlock","cancelButtonProps","onClick","submitButtonProps"],"mappings":"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"}