@bigbinary/neeto-payments-frontend 6.1.12 → 6.1.13

package/dist/ManualUpiConnect.js

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

package/dist/ManualUpiConnect.js.map

@@ -1 +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\";\n\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-testid\": \"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-testid\": \"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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"}
+{"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\";\n\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-testid\": \"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-testid\": \"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","BASE_URL","params","create","payload","post","destroy","id","delete","vpasApi","useFetchVpas","options","useQuery","queryKey","QUERY_KEYS","VPAS_LIST","queryFn","useCreateVpa","keysToInvalidateOnCreate","useMutationWithInvalidation","keysToInvalidate","useDestroyVpa","keysToInvalidateOnDelete","VALIDATION_SCHEMA","yup","object","upiId","string","matches","t","required","Add","useTranslation","history","useHistory","isPending","isCreatingVpa","mutate","createVpa","_jsx","Form","className","formikProps","initialValues","onSubmit","values","resetForm","address","validationSchema","children","dirty","CardLayout","actionBlock","ActionBlock","cancelButtonProps","onClick","goBack","isSubmitting","submitButtonProps","label","disabled","Input","name","placeholder","getColumnData","handleDeleteClick","title","dataIndex","key","width","render","_","_jsxs","Typography","style","MoreDropdown","dropdownButtonProps","dropdownProps","strategy","menuItems","dateFormat","dateTime","List","upiIds","isAlertOpen","setIsAlertOpen","useState","selectedUpiId","setSelectedUpiId","deleteVpa","handleOpenDeleteModal","handleAlertClose","handleAlertSubmit","isEmpty","Table","columnData","rowData","Alert","isOpen","message","Trans","components","b","i18nKey","onClose","ManualUpiConnect","data","vpas","isLoading","Spinner","length"],"mappings":"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"}