@bigbinary/neeto-payments-frontend 6.1.11 → 6.1.13

package/dist/cjs/ManualUpiConnect.js

@@ -0,0 +1,249 @@
+'use strict';
+
+var neetoui = require('@bigbinary/neetoui');
+var reactQuery = require('@tanstack/react-query');
+var reactUtils = require('neetocommons/react-utils');
+var axios = require('axios');
+var constants = require('./index-D6V3Vofs.js');
+var queryConstants = require('./queryConstants-Dc6wh21D.js');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
+var formik = require('@bigbinary/neetoui/formik');
+var reactI18next = require('react-i18next');
+var reactRouterDom = require('react-router-dom');
+var i18next = require('i18next');
+var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var ramda = require('ramda');
+var utils = require('neetocommons/utils');
+var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
+require('neetocommons/constants');
+require('decimal.js');
+require('neetocist');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+const list = holdableId => axios.get(`${constants.BASE_URL}/api/v1/manual_upi/vpas`, {
+  params: {
+    holdableId
+  }
+});
+const create = payload => axios.post(`${constants.BASE_URL}/api/v1/manual_upi/vpas`, payload);
+const destroy = ({
+  id,
+  holdableId
+}) => axios.delete(`${constants.BASE_URL}/api/v1/manual_upi/vpas/${id}`, {
+  params: {
+    holdableId
+  }
+});
+const vpasApi = {
+  list,
+  create,
+  destroy
+};
+
+const useFetchVpas = (holdableId, options = {}) => reactQuery.useQuery({
+  queryKey: [queryConstants.QUERY_KEYS.VPAS_LIST, holdableId],
+  queryFn: () => vpasApi.list(holdableId),
+  ...options
+});
+const useCreateVpa = (keysToInvalidateOnCreate = []) => reactUtils.useMutationWithInvalidation(vpasApi.create, {
+  keysToInvalidate: [[queryConstants.QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnCreate]
+});
+const useDestroyVpa = (keysToInvalidateOnDelete = []) => reactUtils.useMutationWithInvalidation(vpasApi.destroy, {
+  keysToInvalidate: [[queryConstants.QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnDelete]
+});
+
+const VALIDATION_SCHEMA = yup__namespace.object({
+  upiId: yup__namespace.string().matches(/^[a-zA-Z0-9][a-zA-Z0-9._-]{2,30}@[a-zA-Z][a-zA-Z0-9]{2,20}$/, i18next.t("neetoPayments.upi.form.validation.invalidUpi")).required(i18next.t("neetoPayments.upi.form.validation.required"))
+});
+
+const Add = ({
+  holdableId,
+  keysToInvalidateOnCreate
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const history = reactRouterDom.useHistory();
+  const {
+    isPending: isCreatingVpa,
+    mutate: createVpa
+  } = useCreateVpa(keysToInvalidateOnCreate);
+  return /*#__PURE__*/jsxRuntime.jsx(formik.Form, {
+    className: "w-full",
+    formikProps: {
+      initialValues: {
+        upiId: ""
+      },
+      onSubmit: (values, {
+        resetForm
+      }) => {
+        createVpa({
+          holdableId,
+          address: values.upiId
+        });
+        resetForm();
+      },
+      validationSchema: VALIDATION_SCHEMA
+    },
+    children: ({
+      dirty
+    }) => /*#__PURE__*/jsxRuntime.jsx(CardLayout, {
+      actionBlock: /*#__PURE__*/jsxRuntime.jsx(formik.ActionBlock, {
+        cancelButtonProps: {
+          onClick: history.goBack
+        },
+        isSubmitting: isCreatingVpa,
+        submitButtonProps: {
+          label: t("neetoPayments.upi.form.add"),
+          disabled: !dirty || isCreatingVpa
+        }
+      }),
+      children: /*#__PURE__*/jsxRuntime.jsx(formik.Input, {
+        className: "w-full",
+        label: t("neetoPayments.upi.form.enterUpi"),
+        name: "upiId",
+        placeholder: t("neetoPayments.upi.form.enterUpi")
+      })
+    })
+  });
+};
+
+const getColumnData = handleDeleteClick => [{
+  title: i18next.t("neetoPayments.common.upiId"),
+  dataIndex: "address",
+  key: "address",
+  width: 272,
+  render: (_, upiId) => /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex items-center justify-between gap-3",
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+      className: "w-4/5",
+      style: "body2",
+      children: upiId.address
+    }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+      dropdownButtonProps: {
+        "data-testid": "upi-more-dropdown"
+      },
+      dropdownProps: {
+        strategy: "fixed"
+      },
+      menuItems: [{
+        key: "delete-meeting",
+        label: i18next.t("neetoPayments.common.delete"),
+        onClick: () => handleDeleteClick(upiId),
+        "data-testid": "menu-dropdown-delete-btn"
+      }]
+    })]
+  })
+}, {
+  title: i18next.t("neetoPayments.common.createdAt"),
+  dataIndex: "createdAt",
+  key: "createdAt",
+  render: utils.dateFormat.dateTime
+}];
+
+const List = ({
+  holdableId,
+  upiIds,
+  keysToInvalidateOnDelete
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const [isAlertOpen, setIsAlertOpen] = react.useState(false);
+  const [selectedUpiId, setSelectedUpiId] = react.useState({});
+  const {
+    mutate: deleteVpa
+  } = useDestroyVpa(keysToInvalidateOnDelete);
+  const handleOpenDeleteModal = id => {
+    setSelectedUpiId(id);
+    setIsAlertOpen(true);
+  };
+  const handleAlertClose = () => {
+    setSelectedUpiId({});
+    setIsAlertOpen(false);
+  };
+  const handleAlertSubmit = () => {
+    deleteVpa({
+      id: selectedUpiId?.id,
+      holdableId
+    });
+    setIsAlertOpen(false);
+  };
+  if (ramda.isEmpty(upiIds)) {
+    return null;
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "w-full max-w-3xl mx-auto",
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Table, {
+      columnData: getColumnData(handleOpenDeleteModal),
+      rowData: upiIds
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoui.Alert, {
+      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 ManualUpiConnect = ({
+  holdableId,
+  keysToInvalidateOnDelete = [],
+  keysToInvalidateOnCreate = []
+}) => {
+  const {
+    data: {
+      vpas: upiIds = []
+    } = {},
+    isLoading
+  } = useFetchVpas(holdableId);
+  if (isLoading) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex items-center justify-center w-full h-full",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Spinner, {})
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col items-start w-full",
+    children: [upiIds.length < 3 && /*#__PURE__*/jsxRuntime.jsx(Add, {
+      holdableId,
+      keysToInvalidateOnCreate
+    }), /*#__PURE__*/jsxRuntime.jsx(List, {
+      holdableId,
+      keysToInvalidateOnDelete,
+      upiIds
+    })]
+  });
+};
+
+module.exports = ManualUpiConnect;
+//# sourceMappingURL=ManualUpiConnect.js.map

package/dist/cjs/ManualUpiConnect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualUpiConnect.js","sources":["../../app/javascript/src/apis/manual_upi/vpas.js","../../app/javascript/src/hooks/reactQuery/manualUpi/useVpasApi.js","../../app/javascript/src/components/ManualUpiConnect/constants.js","../../app/javascript/src/components/ManualUpiConnect/Add.jsx","../../app/javascript/src/components/ManualUpiConnect/utils.jsx","../../app/javascript/src/components/ManualUpiConnect/List.jsx","../../app/javascript/src/components/ManualUpiConnect/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst list = holdableId =>\n  axios.get(`${BASE_URL}/api/v1/manual_upi/vpas`, {\n    params: { holdableId },\n  });\n\nconst create = payload =>\n  axios.post(`${BASE_URL}/api/v1/manual_upi/vpas`, payload);\n\nconst destroy = ({ id, holdableId }) =>\n  axios.delete(`${BASE_URL}/api/v1/manual_upi/vpas/${id}`, {\n    params: { holdableId },\n  });\n\nconst vpasApi = { list, create, destroy };\n\nexport default vpasApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\n\nimport vpasApi from \"apis/manual_upi/vpas\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchVpas = (holdableId, options = {}) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.VPAS_LIST, holdableId],\n    queryFn: () => vpasApi.list(holdableId),\n    ...options,\n  });\n\nexport const useCreateVpa = (keysToInvalidateOnCreate = []) =>\n  useMutationWithInvalidation(vpasApi.create, {\n    keysToInvalidate: [[QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnCreate],\n  });\n\nexport const useDestroyVpa = (keysToInvalidateOnDelete = []) =>\n  useMutationWithInvalidation(vpasApi.destroy, {\n    keysToInvalidate: [[QUERY_KEYS.VPAS_LIST], ...keysToInvalidateOnDelete],\n  });\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const VALIDATION_SCHEMA = yup.object({\n  upiId: yup\n    .string()\n    .matches(\n      /^[a-zA-Z0-9][a-zA-Z0-9._-]{2,30}@[a-zA-Z][a-zA-Z0-9]{2,20}$/,\n      t(\"neetoPayments.upi.form.validation.invalidUpi\")\n    )\n    .required(t(\"neetoPayments.upi.form.validation.required\")),\n});\n","import CardLayout from \"neetomolecules/CardLayout\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useCreateVpa } from \"hooks/reactQuery/manualUpi/useVpasApi\";\n\nimport { VALIDATION_SCHEMA } from \"./constants\";\n\nconst Add = ({ holdableId, keysToInvalidateOnCreate }) => {\n  const { t } = useTranslation();\n  const history = useHistory();\n  const { isPending: isCreatingVpa, mutate: createVpa } = useCreateVpa(\n    keysToInvalidateOnCreate\n  );\n\n  return (\n    <Form\n      className=\"w-full\"\n      formikProps={{\n        initialValues: { upiId: \"\" },\n        onSubmit: (values, { resetForm }) => {\n          createVpa({ holdableId, address: values.upiId });\n          resetForm();\n        },\n        validationSchema: VALIDATION_SCHEMA,\n      }}\n    >\n      {({ dirty }) => (\n        <CardLayout\n          actionBlock={\n            <ActionBlock\n              cancelButtonProps={{ onClick: history.goBack }}\n              isSubmitting={isCreatingVpa}\n              submitButtonProps={{\n                label: t(\"neetoPayments.upi.form.add\"),\n                disabled: !dirty || isCreatingVpa,\n              }}\n            />\n          }\n        >\n          <Input\n            className=\"w-full\"\n            label={t(\"neetoPayments.upi.form.enterUpi\")}\n            name=\"upiId\"\n            placeholder={t(\"neetoPayments.upi.form.enterUpi\")}\n          />\n        </CardLayout>\n      )}\n    </Form>\n  );\n};\n\nexport default Add;\n","import { t } from \"i18next\";\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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"}

package/dist/cjs/ManualUpiPayment.js

@@ -0,0 +1,146 @@
+'use strict';
+
+var neetocist = require('neetocist');
+var neetoui = require('@bigbinary/neetoui');
+var formik = require('@bigbinary/neetoui/formik');
+var QRCodeImage = require('qrcode.react');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var usePaymentApi = require('./usePaymentApi-Bl8jWvnG.js');
+var constants = require('./index-D6V3Vofs.js');
+var i18next = require('i18next');
+var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
+require('@tanstack/react-query');
+require('neetocommons/react-utils');
+require('axios');
+require('./queryConstants-Dc6wh21D.js');
+require('neetocommons/constants');
+require('decimal.js');
+require('neetocommons/utils');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+const VALIDATION_SCHEMA = yup__namespace.object({
+  identifier: yup__namespace.number().typeError(i18next.t("neetoPayments.validations.invalidField", {
+    entity: i18next.t("neetoPayments.common.transactionId")
+  })).required(i18next.t("neetoPayments.upi.payment.transaction.required")).test("is-integer", i18next.t("neetoPayments.validations.invalidField", {
+    entity: i18next.t("neetoPayments.common.transactionId")
+  }), value => Number.isInteger(value)).test("len", i18next.t("neetoPayments.validations.length", {
+    length: 12
+  }), value => value?.toString().length === 12)
+});
+
+const ManualUpiPayment = ({
+  fee,
+  payableId,
+  tip,
+  amount,
+  discountCode,
+  customAmount,
+  handleCancel,
+  payableType = null,
+  onBeforePayment = neetocist.noop,
+  onFailedPayment = neetocist.noop,
+  onSuccessfulPayment = neetocist.noop
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const vpaIds = ramda.pluck("address", fee?.vpas);
+  const amountToUpi = customAmount || amount;
+  const {
+    isPending,
+    mutate: createPayment
+  } = usePaymentApi.useCreateUpiPayment({
+    onSuccess: onSuccessfulPayment,
+    onError: onFailedPayment
+  });
+  const handleSubmit = values => {
+    onBeforePayment();
+    const payload = {
+      ...values,
+      payableId,
+      customAmount,
+      payableType,
+      discountCode,
+      tipAttributes: tip
+    };
+    createPayment(payload);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(formik.Form, {
+    className: "space-y-4",
+    formikProps: {
+      onSubmit: handleSubmit,
+      initialValues: {
+        identifier: ""
+      },
+      enableReinitialize: true,
+      validationSchema: VALIDATION_SCHEMA
+    },
+    children: ({
+      dirty
+    }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+        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(vpaId => /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex flex-col items-center justify-center",
+          children: [/*#__PURE__*/jsxRuntime.jsx(QRCodeImage, {
+            size: 256,
+            style: {
+              width: 80,
+              height: 80
+            },
+            value: constants.getQrCodeValue(vpaId, amountToUpi)
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+            className: "w-full mt-2 text-center wrap-break-word",
+            style: "body2",
+            children: vpaId
+          })]
+        }, vpaId))
+      }), /*#__PURE__*/jsxRuntime.jsx(formik.Input, {
+        required: true,
+        label: t("neetoPayments.upi.payment.transaction.label"),
+        name: "identifier",
+        placeholder: t("neetoPayments.upi.payment.transaction.placeholder"),
+        type: "number"
+      }), /*#__PURE__*/jsxRuntime.jsx(formik.ActionBlock, {
+        cancelButtonProps: {
+          label: t("neetoPayments.upi.payment.buttons.back"),
+          onClick: handleCancel,
+          disabled: isPending
+        },
+        submitButtonProps: {
+          label: t("neetoPayments.upi.payment.buttons.submit"),
+          disabled: !dirty || isPending,
+          loading: isPending
+        }
+      })]
+    })
+  });
+};
+
+module.exports = ManualUpiPayment;
+//# sourceMappingURL=ManualUpiPayment.js.map

package/dist/cjs/ManualUpiPayment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualUpiPayment.js","sources":["../../app/javascript/src/components/ManualUpiPayment/constants.js","../../app/javascript/src/components/ManualUpiPayment/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const VALIDATION_SCHEMA = yup.object({\n  identifier: yup\n    .number()\n    .typeError(\n      t(\"neetoPayments.validations.invalidField\", {\n        entity: t(\"neetoPayments.common.transactionId\"),\n      })\n    )\n    .required(t(\"neetoPayments.upi.payment.transaction.required\"))\n    .test(\n      \"is-integer\",\n      t(\"neetoPayments.validations.invalidField\", {\n        entity: t(\"neetoPayments.common.transactionId\"),\n      }),\n      value => Number.isInteger(value)\n    )\n    .test(\n      \"len\",\n      t(\"neetoPayments.validations.length\", { length: 12 }),\n      value => value?.toString().length === 12\n    ),\n});\n","import { noop, isPresent } from \"neetocist\";\nimport { Typography } from \"neetoui\";\nimport { ActionBlock, Form, Input } from \"neetoui/formik\";\nimport QRCodeImage from \"qrcode.react\";\nimport { pluck } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateUpiPayment } from \"hooks/reactQuery/manualUpi/usePaymentApi\";\nimport { getQrCodeValue } from \"utils\";\n\nimport { VALIDATION_SCHEMA } from \"./constants\";\n\nconst ManualUpiPayment = ({\n  fee,\n  payableId,\n  tip,\n  amount,\n  discountCode,\n  customAmount,\n  handleCancel,\n  payableType = null,\n  onBeforePayment = noop,\n  onFailedPayment = noop,\n  onSuccessfulPayment = noop,\n}) => {\n  const { t } = useTranslation();\n\n  const vpaIds = pluck(\"address\", fee?.vpas);\n  const amountToUpi = customAmount || amount;\n\n  const { isPending, mutate: createPayment } = useCreateUpiPayment({\n    onSuccess: onSuccessfulPayment,\n    onError: onFailedPayment,\n  });\n\n  const handleSubmit = values => {\n    onBeforePayment();\n    const payload = {\n      ...values,\n      payableId,\n      customAmount,\n      payableType,\n      discountCode,\n      tipAttributes: tip,\n    };\n    createPayment(payload);\n  };\n\n  return (\n    <Form\n      className=\"space-y-4\"\n      formikProps={{\n        onSubmit: handleSubmit,\n        initialValues: { identifier: \"\" },\n        enableReinitialize: true,\n        validationSchema: VALIDATION_SCHEMA,\n      }}\n    >\n      {({ dirty }) => (\n        <>\n          <Typography style=\"body1\">\n            {t(\"neetoPayments.upi.payment.vpaText\", { count: vpaIds.length })}\n          </Typography>\n          {isPresent(vpaIds) && (\n            <div className=\"grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2\">\n              {vpaIds.map(vpaId => (\n                <div\n                  className=\"flex flex-col items-center justify-center\"\n                  key={vpaId}\n                >\n                  <QRCodeImage\n                    size={256}\n                    style={{ width: 80, height: 80 }}\n                    value={getQrCodeValue(vpaId, amountToUpi)}\n                  />\n                  <Typography\n                    className=\"w-full mt-2 text-center wrap-break-word\"\n                    style=\"body2\"\n                  >\n                    {vpaId}\n                  </Typography>\n                </div>\n              ))}\n            </div>\n          )}\n          <Input\n            required\n            label={t(\"neetoPayments.upi.payment.transaction.label\")}\n            name=\"identifier\"\n            placeholder={t(\"neetoPayments.upi.payment.transaction.placeholder\")}\n            type=\"number\"\n          />\n          <ActionBlock\n            cancelButtonProps={{\n              label: t(\"neetoPayments.upi.payment.buttons.back\"),\n              onClick: handleCancel,\n              disabled: isPending,\n            }}\n            submitButtonProps={{\n              label: t(\"neetoPayments.upi.payment.buttons.submit\"),\n              disabled: !dirty || isPending,\n              loading: isPending,\n            }}\n          />\n        </>\n      )}\n    </Form>\n  );\n};\n\nexport default ManualUpiPayment;\n"],"names":["VALIDATION_SCHEMA","yup","object","identifier","number","typeError","t","entity","required","test","value","Number","isInteger","length","toString","ManualUpiPayment","fee","payableId","tip","amount","discountCode","customAmount","handleCancel","payableType","onBeforePayment","noop","onFailedPayment","onSuccessfulPayment","useTranslation","vpaIds","pluck","vpas","amountToUpi","isPending","mutate","createPayment","useCreateUpiPayment","onSuccess","onError","handleSubmit","values","payload","tipAttributes","_jsx","Form","className","formikProps","onSubmit","initialValues","enableReinitialize","validationSchema","children","dirty","_jsxs","_Fragment","Typography","style","count","isPresent","map","vpaId","QRCodeImage","size","width","height","getQrCodeValue","Input","label","name","placeholder","type","ActionBlock","cancelButtonProps","onClick","disabled","submitButtonProps","loading"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAMA,iBAAiB,GAAGC,cAAG,CAACC,MAAM,CAAC;AAC1CC,EAAAA,UAAU,EAAEF,cAAG,CACZG,MAAM,EAAE,CACRC,SAAS,CACRC,SAAC,CAAC,wCAAwC,EAAE;IAC1CC,MAAM,EAAED,SAAC,CAAC,oCAAoC;AAChD,GAAC,CACH,CAAC,CACAE,QAAQ,CAACF,SAAC,CAAC,gDAAgD,CAAC,CAAC,CAC7DG,IAAI,CACH,YAAY,EACZH,SAAC,CAAC,wCAAwC,EAAE;IAC1CC,MAAM,EAAED,SAAC,CAAC,oCAAoC;AAChD,GAAC,CAAC,EACFI,KAAK,IAAIC,MAAM,CAACC,SAAS,CAACF,KAAK,CACjC,CAAC,CACAD,IAAI,CACH,KAAK,EACLH,SAAC,CAAC,kCAAkC,EAAE;AAAEO,IAAAA,MAAM,EAAE;AAAG,GAAC,CAAC,EACrDH,KAAK,IAAIA,KAAK,EAAEI,QAAQ,EAAE,CAACD,MAAM,KAAK,EACxC;AACJ,CAAC,CAAC;;ACZIE,MAAAA,gBAAgB,GAAGA,CAAC;EACxBC,GAAG;EACHC,SAAS;EACTC,GAAG;EACHC,MAAM;EACNC,YAAY;EACZC,YAAY;EACZC,YAAY;AACZC,EAAAA,WAAW,GAAG,IAAI;AAClBC,EAAAA,eAAe,GAAGC,cAAI;AACtBC,EAAAA,eAAe,GAAGD,cAAI;AACtBE,EAAAA,mBAAmB,GAAGF;AACxB,CAAC,KAAK;EACJ,MAAM;AAAEnB,IAAAA;GAAG,GAAGsB,2BAAc,EAAE;EAE9B,MAAMC,MAAM,GAAGC,WAAK,CAAC,SAAS,EAAEd,GAAG,EAAEe,IAAI,CAAC;AAC1C,EAAA,MAAMC,WAAW,GAAGX,YAAY,IAAIF,MAAM;EAE1C,MAAM;IAAEc,SAAS;AAAEC,IAAAA,MAAM,EAAEC;GAAe,GAAGC,iCAAmB,CAAC;AAC/DC,IAAAA,SAAS,EAAEV,mBAAmB;AAC9BW,IAAAA,OAAO,EAAEZ;AACX,GAAC,CAAC;EAEF,MAAMa,YAAY,GAAGC,MAAM,IAAI;AAC7BhB,IAAAA,eAAe,EAAE;AACjB,IAAA,MAAMiB,OAAO,GAAG;AACd,MAAA,GAAGD,MAAM;MACTvB,SAAS;MACTI,YAAY;MACZE,WAAW;MACXH,YAAY;AACZsB,MAAAA,aAAa,EAAExB;KAChB;IACDiB,aAAa,CAACM,OAAO,CAAC;GACvB;EAED,oBACEE,cAAA,CAACC,WAAI,EAAA;AACHC,IAAAA,SAAS,EAAC,WAAW;AACrBC,IAAAA,WAAW,EAAE;AACXC,MAAAA,QAAQ,EAAER,YAAY;AACtBS,MAAAA,aAAa,EAAE;AAAE7C,QAAAA,UAAU,EAAE;OAAI;AACjC8C,MAAAA,kBAAkB,EAAE,IAAI;AACxBC,MAAAA,gBAAgB,EAAElD;KAClB;AAAAmD,IAAAA,QAAA,EAEDA,CAAC;AAAEC,MAAAA;KAAO,kBACTC,eAAA,CAAAC,mBAAA,EAAA;MAAAH,QAAA,EAAA,cACER,cAAA,CAACY,kBAAU,EAAA;AAACC,QAAAA,KAAK,EAAC,OAAO;AAAAL,QAAAA,QAAA,EACtB7C,CAAC,CAAC,mCAAmC,EAAE;UAAEmD,KAAK,EAAE5B,MAAM,CAAChB;SAAQ;AAAC,OACvD,CAAC,EACZ6C,mBAAS,CAAC7B,MAAM,CAAC,iBAChBc,cAAA,CAAA,KAAA,EAAA;AAAKE,QAAAA,SAAS,EAAC,+CAA+C;AAAAM,QAAAA,QAAA,EAC3DtB,MAAM,CAAC8B,GAAG,CAACC,KAAK,iBACfP,eAAA,CAAA,KAAA,EAAA;AACER,UAAAA,SAAS,EAAC,2CAA2C;UAAAM,QAAA,EAAA,cAGrDR,cAAA,CAACkB,WAAW,EAAA;AACVC,YAAAA,IAAI,EAAE,GAAI;AACVN,YAAAA,KAAK,EAAE;AAAEO,cAAAA,KAAK,EAAE,EAAE;AAAEC,cAAAA,MAAM,EAAE;aAAK;AACjCtD,YAAAA,KAAK,EAAEuD,wBAAc,CAACL,KAAK,EAAE5B,WAAW;AAAE,WAC3C,CAAC,eACFW,cAAA,CAACY,kBAAU,EAAA;AACTV,YAAAA,SAAS,EAAC,yCAAyC;AACnDW,YAAAA,KAAK,EAAC,OAAO;AAAAL,YAAAA,QAAA,EAEZS;AAAK,WACI,CAAC;AAAA,SAAA,EAZRA,KAaF,CACN;AAAC,OACC,CACN,eACDjB,cAAA,CAACuB,YAAK,EAAA;QACJ1D,QAAQ,EAAA,IAAA;AACR2D,QAAAA,KAAK,EAAE7D,CAAC,CAAC,6CAA6C,CAAE;AACxD8D,QAAAA,IAAI,EAAC,YAAY;AACjBC,QAAAA,WAAW,EAAE/D,CAAC,CAAC,mDAAmD,CAAE;AACpEgE,QAAAA,IAAI,EAAC;AAAQ,OACd,CAAC,eACF3B,cAAA,CAAC4B,kBAAW,EAAA;AACVC,QAAAA,iBAAiB,EAAE;AACjBL,UAAAA,KAAK,EAAE7D,CAAC,CAAC,wCAAwC,CAAC;AAClDmE,UAAAA,OAAO,EAAEnD,YAAY;AACrBoD,UAAAA,QAAQ,EAAEzC;SACV;AACF0C,QAAAA,iBAAiB,EAAE;AACjBR,UAAAA,KAAK,EAAE7D,CAAC,CAAC,0CAA0C,CAAC;AACpDoE,UAAAA,QAAQ,EAAE,CAACtB,KAAK,IAAInB,SAAS;AAC7B2C,UAAAA,OAAO,EAAE3C;AACX;AAAE,OACH,CAAC;KACF;AACH,GACG,CAAC;AAEX;;;;"}

package/dist/cjs/ManualUpiPaymentConfirmButton.js

@@ -0,0 +1,176 @@
+'use strict';
+
+var react = require('react');
+var neetocist = require('neetocist');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var usePaymentApi = require('./usePaymentApi-Bl8jWvnG.js');
+var neetoui = require('@bigbinary/neetoui');
+var formik = require('@bigbinary/neetoui/formik');
+var i18next = require('i18next');
+var yup = require('yup');
+var jsxRuntime = require('react/jsx-runtime');
+require('@tanstack/react-query');
+require('neetocommons/react-utils');
+require('axios');
+require('./index-D6V3Vofs.js');
+require('neetocommons/constants');
+require('decimal.js');
+require('neetocommons/utils');
+require('./queryConstants-Dc6wh21D.js');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
+
+const INITIAL_VALUE = {
+  vpaId: "",
+  notes: ""
+};
+const VALIDATION_SCHEMA = yup__namespace.object({
+  vpaId: yup__namespace.string().required(i18next.t("neetoPayments.upi.confirmModal.vpasIdRequired"))
+});
+
+const ManualUpiPaymentConfirmButton = ({
+  vpas,
+  identifier,
+  paymentId,
+  manualUpiId,
+  payableId,
+  onSuccess = neetocist.noop,
+  keysToInvalidate = []
+}) => {
+  const [isModalOpen, setIsModalOpen] = react.useState(false);
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const onSuccessfulUpdate = () => {
+    setIsModalOpen(false);
+    onSuccess();
+  };
+  const {
+    mutate: updateUpiPayment,
+    isPending
+  } = usePaymentApi.useUpdateUpiPayment({
+    id: paymentId,
+    manualUpiId,
+    keysToInvalidate,
+    options: {
+      onSuccess: onSuccessfulUpdate
+    }
+  });
+  const initialValues = vpas.length === 1 ? ramda.mergeLeft({
+    vpaId: vpas[0].id
+  }, INITIAL_VALUE) : INITIAL_VALUE;
+  const onClose = () => setIsModalOpen(false);
+  const handleSubmit = ({
+    vpaId,
+    notes
+  }) => {
+    const vpa = neetocist.findBy({
+      id: vpaId
+    }, vpas);
+    const payload = {
+      notes,
+      vpaId,
+      payableId,
+      upiId: vpa.upiId,
+      status: "successful"
+    };
+    updateUpiPayment(payload);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Button, {
+      "data-testid": "confirm-payment-btn",
+      label: t("neetoPayments.upi.payment.buttons.confirmPayment"),
+      loading: isPending,
+      size: "small",
+      onClick: () => setIsModalOpen(true)
+    }), /*#__PURE__*/jsxRuntime.jsxs(neetoui.Modal, {
+      onClose,
+      isOpen: isModalOpen,
+      size: "large",
+      children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Modal.Header, {
+        children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          style: "h2",
+          children: t("neetoPayments.upi.confirmModal.title")
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx(formik.Form, {
+        formikProps: {
+          initialValues,
+          enableReinitialize: true,
+          onSubmit: handleSubmit,
+          validationSchema: VALIDATION_SCHEMA
+        },
+        children: ({
+          setFieldValue,
+          dirty,
+          isSubmitting
+        }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Modal.Body, {
+            children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "flex flex-col space-y-4",
+              children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+                lineHeight: "normal",
+                style: "body2",
+                children: t("neetoPayments.upi.confirmModal.upiTransactionId", {
+                  identifier
+                })
+              }), /*#__PURE__*/jsxRuntime.jsx(formik.Select, {
+                label: t("neetoPayments.upi.confirmModal.accountIdLabel"),
+                name: "vpaId",
+                options: vpas?.map(({
+                  address,
+                  id
+                }) => ({
+                  label: address,
+                  value: id
+                })),
+                onChange: ({
+                  value
+                }) => setFieldValue("vpaId", value)
+              }), /*#__PURE__*/jsxRuntime.jsx(formik.Textarea, {
+                "data-testid": "confirm-booking-modal-input-textfield",
+                label: t("neetoPayments.upi.confirmModal.notes"),
+                name: "notes",
+                placeholder: t("neetoPayments.upi.confirmModal.notesPlaceholder")
+              })]
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(neetoui.Modal.Footer, {
+            className: "space-x-2",
+            children: /*#__PURE__*/jsxRuntime.jsx(formik.ActionBlock, {
+              isSubmitting: isPending,
+              position: "right",
+              cancelButtonProps: {
+                onClick: onClose,
+                style: "tertiary"
+              },
+              submitButtonProps: {
+                disabled: isSubmitting || isPending || vpas.length !== 1 && !dirty,
+                label: t("neetoPayments.common.confirm")
+              }
+            })
+          })]
+        })
+      })]
+    })]
+  });
+};
+
+module.exports = ManualUpiPaymentConfirmButton;
+//# sourceMappingURL=ManualUpiPaymentConfirmButton.js.map

package/dist/cjs/ManualUpiPaymentConfirmButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualUpiPaymentConfirmButton.js","sources":["../../app/javascript/src/components/ManualUpiPaymentConfirmButton/constants.js","../../app/javascript/src/components/ManualUpiPaymentConfirmButton/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUE = { vpaId: \"\", notes: \"\" };\n\nexport const VALIDATION_SCHEMA = yup.object({\n  vpaId: yup\n    .string()\n    .required(t(\"neetoPayments.upi.confirmModal.vpasIdRequired\")),\n});\n","import { useState } from \"react\";\n\nimport { findBy, noop } from \"neetocist\";\nimport { mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useUpdateUpiPayment } from \"hooks/reactQuery/manualUpi/usePaymentApi\";\nimport { Button, Modal, Typography } from \"neetoui\";\nimport { Form, Textarea, Select, ActionBlock } from \"neetoui/formik\";\n\nimport { INITIAL_VALUE, VALIDATION_SCHEMA } from \"./constants\";\n\nconst ManualUpiPaymentConfirmButton = ({\n  vpas,\n  identifier,\n  paymentId,\n  manualUpiId,\n  payableId,\n  onSuccess = noop,\n  keysToInvalidate = [],\n}) => {\n  const [isModalOpen, setIsModalOpen] = useState(false);\n\n  const { t } = useTranslation();\n\n  const onSuccessfulUpdate = () => {\n    setIsModalOpen(false);\n    onSuccess();\n  };\n\n  const { mutate: updateUpiPayment, isPending } = useUpdateUpiPayment({\n    id: paymentId,\n    manualUpiId,\n    keysToInvalidate,\n    options: { onSuccess: onSuccessfulUpdate },\n  });\n\n  const initialValues =\n    vpas.length === 1\n      ? mergeLeft({ vpaId: vpas[0].id }, INITIAL_VALUE)\n      : INITIAL_VALUE;\n\n  const onClose = () => setIsModalOpen(false);\n\n  const handleSubmit = ({ vpaId, notes }) => {\n    const vpa = findBy({ id: vpaId }, vpas);\n    const payload = {\n      notes,\n      vpaId,\n      payableId,\n      upiId: vpa.upiId,\n      status: \"successful\",\n    };\n    updateUpiPayment(payload);\n  };\n\n  return (\n    <>\n      <Button\n        data-testid=\"confirm-payment-btn\"\n        label={t(\"neetoPayments.upi.payment.buttons.confirmPayment\")}\n        loading={isPending}\n        size=\"small\"\n        onClick={() => setIsModalOpen(true)}\n      />\n      <Modal {...{ onClose }} isOpen={isModalOpen} size=\"large\">\n        <Modal.Header>\n          <Typography style=\"h2\">\n            {t(\"neetoPayments.upi.confirmModal.title\")}\n          </Typography>\n        </Modal.Header>\n        <Form\n          formikProps={{\n            initialValues,\n            enableReinitialize: true,\n            onSubmit: handleSubmit,\n            validationSchema: VALIDATION_SCHEMA,\n          }}\n        >\n          {({ setFieldValue, dirty, isSubmitting }) => (\n            <>\n              <Modal.Body>\n                <div className=\"flex flex-col space-y-4\">\n                  <Typography lineHeight=\"normal\" style=\"body2\">\n                    {t(\"neetoPayments.upi.confirmModal.upiTransactionId\", {\n                      identifier,\n                    })}\n                  </Typography>\n                  <Select\n                    label={t(\"neetoPayments.upi.confirmModal.accountIdLabel\")}\n                    name=\"vpaId\"\n                    options={vpas?.map(({ address, id }) => ({\n                      label: address,\n                      value: id,\n                    }))}\n                    onChange={({ value }) => setFieldValue(\"vpaId\", value)}\n                  />\n                  <Textarea\n                    data-testid=\"confirm-booking-modal-input-textfield\"\n                    label={t(\"neetoPayments.upi.confirmModal.notes\")}\n                    name=\"notes\"\n                    placeholder={t(\n                      \"neetoPayments.upi.confirmModal.notesPlaceholder\"\n                    )}\n                  />\n                </div>\n              </Modal.Body>\n              <Modal.Footer className=\"space-x-2\">\n                <ActionBlock\n                  isSubmitting={isPending}\n                  position=\"right\"\n                  cancelButtonProps={{\n                    onClick: onClose,\n                    style: \"tertiary\",\n                  }}\n                  submitButtonProps={{\n                    disabled:\n                      isSubmitting ||\n                      isPending ||\n                      (vpas.length !== 1 && !dirty),\n                    label: t(\"neetoPayments.common.confirm\"),\n                  }}\n                />\n              </Modal.Footer>\n            </>\n          )}\n        </Form>\n      </Modal>\n    </>\n  );\n};\n\nexport default ManualUpiPaymentConfirmButton;\n"],"names":["INITIAL_VALUE","vpaId","notes","VALIDATION_SCHEMA","yup","object","string","required","t","ManualUpiPaymentConfirmButton","vpas","identifier","paymentId","manualUpiId","payableId","onSuccess","noop","keysToInvalidate","isModalOpen","setIsModalOpen","useState","useTranslation","onSuccessfulUpdate","mutate","updateUpiPayment","isPending","useUpdateUpiPayment","id","options","initialValues","length","mergeLeft","onClose","handleSubmit","vpa","findBy","payload","upiId","status","_jsxs","_Fragment","children","_jsx","Button","label","loading","size","onClick","Modal","isOpen","Header","Typography","style","Form","formikProps","enableReinitialize","onSubmit","validationSchema","setFieldValue","dirty","isSubmitting","Body","className","lineHeight","Select","name","map","address","value","onChange","Textarea","placeholder","Footer","ActionBlock","position","cancelButtonProps","submitButtonProps","disabled"],"mappings":"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"}