@bigbinary/neeto-payments-frontend 6.1.12 → 6.1.14

package/dist/RazorpayConnect.js

@@ -1,4 +1,3 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useState, useEffect } from 'react';
 import { useQueryClient } from '@tanstack/react-query';
 import { isNotPresent, humanize, isPresent } from 'neetocist';
@@ -10,10 +9,10 @@ import Header from '@bigbinary/neeto-molecules/Header';
 import { Button, Callout, Spinner, Typography } from '@bigbinary/neetoui';
 import { useTranslation } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
-import { u as useFetchPaymentIntegrations } from './useIntegrationsApi-D1bkKtoy.js';
-import { Q as QUERY_KEYS } from './queryConstants-DFKKEEo0.js';
-import { E as ERROR_TYPE, M as MAX_POLLING_TIME, t as POLLING_INTERVAL } from './index-C7irWceQ.js';
-import '@babel/runtime/helpers/defineProperty';
+import { u as useFetchPaymentIntegrations } from './useIntegrationsApi-CDqBFq32.js';
+import { Q as QUERY_KEYS } from './queryConstants-C7AqdemO.js';
+import { E as ERROR_TYPE, M as MAX_POLLING_TIME, t as POLLING_INTERVAL } from './index-BTVToZp9.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import 'axios';
 import 'i18next';
 import 'neetocommons/constants';
@@ -21,85 +20,95 @@ import 'decimal.js';
 import 'neetocommons/utils';
 import 'ramda';
 
-var RazorpayConnect = function RazorpayConnect(_ref) {
-  var baseRoute = _ref.baseRoute,
-    manageRoute = _ref.manageRoute,
-    breadcrumbs = _ref.breadcrumbs;
-  var queryClient = useQueryClient();
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isPolling = _useState2[0],
-    setIsPolling = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var history = useHistory();
-  var _useQueryParams = useQueryParams(),
-    error = _useQueryParams.error,
-    _useQueryParams$error = _useQueryParams.errorDescription,
-    errorDescription = _useQueryParams$error === void 0 ? "" : _useQueryParams$error;
-  var refetchInterval = function refetchInterval(query) {
-    var _ref2 = query.state.data || {},
-      razorpayAccount = _ref2.razorpayAccount;
-    if (!(razorpayAccount !== null && razorpayAccount !== void 0 && razorpayAccount.isConnected) && isPolling) {
+const RazorpayConnect = ({
+  baseRoute,
+  manageRoute,
+  breadcrumbs
+}) => {
+  const queryClient = useQueryClient();
+  const [isPolling, setIsPolling] = useState(false);
+  const {
+    t
+  } = useTranslation();
+  const history = useHistory();
+  const {
+    error,
+    errorDescription = ""
+  } = useQueryParams();
+  const refetchInterval = query => {
+    const {
+      razorpayAccount
+    } = query.state.data || {};
+    if (!razorpayAccount?.isConnected && isPolling) {
       return POLLING_INTERVAL;
     }
-    if (razorpayAccount !== null && razorpayAccount !== void 0 && razorpayAccount.isConnected) {
+    if (razorpayAccount?.isConnected) {
       setIsPolling(false);
       history.push(manageRoute);
     }
     return false;
   };
-  var _useFetchPaymentInteg = useFetchPaymentIntegrations({
-      refetchInterval: refetchInterval,
-      enabled: isNotPresent(error)
-    }),
-    _useFetchPaymentInteg2 = _useFetchPaymentInteg.data,
-    _useFetchPaymentInteg3 = _useFetchPaymentInteg2 === void 0 ? {} : _useFetchPaymentInteg2,
-    razorpayAccount = _useFetchPaymentInteg3.razorpayAccount;
-  var errorMessage = error === ERROR_TYPE.processing_error ? errorDescription : humanize(errorDescription);
-  var isAccountProcessingFailed = isPresent(error) && isPresent(errorDescription) || !isPolling && !(razorpayAccount !== null && razorpayAccount !== void 0 && razorpayAccount.isConnected);
-  var handleRetry = function handleRetry() {
+  const {
+    data: {
+      razorpayAccount
+    } = {}
+  } = useFetchPaymentIntegrations({
+    refetchInterval,
+    enabled: isNotPresent(error)
+  });
+  const errorMessage = error === ERROR_TYPE.processing_error ? errorDescription : humanize(errorDescription);
+  const isAccountProcessingFailed = isPresent(error) && isPresent(errorDescription) || !isPolling && !razorpayAccount?.isConnected;
+  const handleRetry = () => {
     queryClient.invalidateQueries({
       queryKey: [QUERY_KEYS.PAYMENT_INTEGRATION_LIST]
     });
     history.push(baseRoute);
   };
-  useEffect(function () {
-    if (razorpayAccount !== null && razorpayAccount !== void 0 && razorpayAccount.isConnected) {
+  useEffect(() => {
+    if (razorpayAccount?.isConnected) {
       history.push(manageRoute);
     }
     if (isNotPresent(error)) {
       setIsPolling(true);
     }
-    var pollingTimeoutId = setTimeout(function () {
+    const pollingTimeoutId = setTimeout(() => {
       setIsPolling(false);
     }, MAX_POLLING_TIME);
-    return function () {
+    return () => {
       clearTimeout(pollingTimeoutId);
     };
   }, []);
-  return /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Header, {
-    breadcrumbs: breadcrumbs,
-    title: t("neetoPayments.common.connect")
-  }), /*#__PURE__*/React.createElement(CardLayout, {
-    icon: /*#__PURE__*/React.createElement(Razorpay, {
-      size: 48
-    }),
-    title: t("neetoPayments.razorpayConnect.title"),
-    actionBlock: isAccountProcessingFailed && /*#__PURE__*/React.createElement(Button, {
-      label: t("neetoPayments.common.tryAgain"),
-      onClick: handleRetry
-    }),
-    description: isAccountProcessingFailed && t("neetoPayments.common.processingFailed")
-  }, isPolling && /*#__PURE__*/React.createElement(Callout, null, /*#__PURE__*/React.createElement("div", {
-    className: "flex space-x-4"
-  }, /*#__PURE__*/React.createElement(Spinner, null), /*#__PURE__*/React.createElement(Typography, {
-    style: "body1"
-  }, t("neetoPayments.stripeConnect.verifyingMessage")))), isAccountProcessingFailed && /*#__PURE__*/React.createElement(Callout, {
-    style: "danger"
-  }, /*#__PURE__*/React.createElement(Typography, {
-    style: "body1"
-  }, isPresent(errorDescription) ? errorMessage : t("neetoPayments.stripeConnect.failedProcessing")))));
+  return /*#__PURE__*/jsxs(Container, {
+    children: [/*#__PURE__*/jsx(Header, {
+      breadcrumbs,
+      title: t("neetoPayments.common.connect")
+    }), /*#__PURE__*/jsxs(CardLayout, {
+      icon: /*#__PURE__*/jsx(Razorpay, {
+        size: 48
+      }),
+      title: t("neetoPayments.razorpayConnect.title"),
+      actionBlock: isAccountProcessingFailed && /*#__PURE__*/jsx(Button, {
+        label: t("neetoPayments.common.tryAgain"),
+        onClick: handleRetry
+      }),
+      description: isAccountProcessingFailed && t("neetoPayments.common.processingFailed"),
+      children: [isPolling && /*#__PURE__*/jsx(Callout, {
+        children: /*#__PURE__*/jsxs("div", {
+          className: "flex space-x-4",
+          children: [/*#__PURE__*/jsx(Spinner, {}), /*#__PURE__*/jsx(Typography, {
+            style: "body1",
+            children: t("neetoPayments.stripeConnect.verifyingMessage")
+          })]
+        })
+      }), isAccountProcessingFailed && /*#__PURE__*/jsx(Callout, {
+        style: "danger",
+        children: /*#__PURE__*/jsx(Typography, {
+          style: "body1",
+          children: isPresent(errorDescription) ? errorMessage : t("neetoPayments.stripeConnect.failedProcessing")
+        })
+      })]
+    })]
+  });
 };
 
 export { RazorpayConnect as default };

package/dist/RazorpayConnect.js.map

@@ -1 +1 @@
-{"version":3,"file":"RazorpayConnect.js","sources":["../app/javascript/src/components/RazorpayConnect.jsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { isPresent, humanize, isNotPresent } from \"neetocist\";\nimport { useQueryParams } from \"neetocommons/react-utils\";\nimport { Razorpay as RazorpayIcon } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport { Typography, Callout, Spinner, Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useFetchPaymentIntegrations } from \"hooks/reactQuery/useIntegrationsApi\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\nimport { ERROR_TYPE, POLLING_INTERVAL, MAX_POLLING_TIME } from \"src/constants\";\n\nconst RazorpayConnect = ({ baseRoute, manageRoute, breadcrumbs }) => {\n  const queryClient = useQueryClient();\n  const [isPolling, setIsPolling] = useState(false);\n  const { t } = useTranslation();\n  const history = useHistory();\n  const { error, errorDescription = \"\" } = useQueryParams();\n\n  const refetchInterval = query => {\n    const { razorpayAccount } = query.state.data || {};\n\n    if (!razorpayAccount?.isConnected && isPolling) {\n      return POLLING_INTERVAL;\n    }\n\n    if (razorpayAccount?.isConnected) {\n      setIsPolling(false);\n      history.push(manageRoute);\n    }\n\n    return false;\n  };\n\n  const { data: { razorpayAccount } = {} } = useFetchPaymentIntegrations({\n    refetchInterval,\n    enabled: isNotPresent(error),\n  });\n\n  const errorMessage =\n    error === ERROR_TYPE.processing_error\n      ? errorDescription\n      : humanize(errorDescription);\n\n  const isAccountProcessingFailed =\n    (isPresent(error) && isPresent(errorDescription)) ||\n    (!isPolling && !razorpayAccount?.isConnected);\n\n  const handleRetry = () => {\n    queryClient.invalidateQueries({\n      queryKey: [QUERY_KEYS.PAYMENT_INTEGRATION_LIST],\n    });\n    history.push(baseRoute);\n  };\n\n  useEffect(() => {\n    if (razorpayAccount?.isConnected) {\n      history.push(manageRoute);\n    }\n\n    if (isNotPresent(error)) {\n      setIsPolling(true);\n    }\n\n    const pollingTimeoutId = setTimeout(() => {\n      setIsPolling(false);\n    }, MAX_POLLING_TIME);\n\n    return () => {\n      clearTimeout(pollingTimeoutId);\n    };\n  }, []);\n\n  return (\n    <Container>\n      <Header {...{ breadcrumbs }} title={t(\"neetoPayments.common.connect\")} />\n      <CardLayout\n        icon={<RazorpayIcon size={48} />}\n        title={t(\"neetoPayments.razorpayConnect.title\")}\n        actionBlock={\n          isAccountProcessingFailed && (\n            <Button\n              label={t(\"neetoPayments.common.tryAgain\")}\n              onClick={handleRetry}\n            />\n          )\n        }\n        description={\n          isAccountProcessingFailed &&\n          t(\"neetoPayments.common.processingFailed\")\n        }\n      >\n        {isPolling && (\n          <Callout>\n            <div className=\"flex space-x-4\">\n              <Spinner />\n              <Typography style=\"body1\">\n                {t(\"neetoPayments.stripeConnect.verifyingMessage\")}\n              </Typography>\n            </div>\n          </Callout>\n        )}\n        {isAccountProcessingFailed && (\n          <Callout style=\"danger\">\n            <Typography style=\"body1\">\n              {isPresent(errorDescription)\n                ? errorMessage\n                : t(\"neetoPayments.stripeConnect.failedProcessing\")}\n            </Typography>\n          </Callout>\n        )}\n      </CardLayout>\n    </Container>\n  );\n};\n\nexport default RazorpayConnect;\n"],"names":["RazorpayConnect","_ref","baseRoute","manageRoute","breadcrumbs","queryClient","useQueryClient","_useState","useState","_useState2","_slicedToArray","isPolling","setIsPolling","_useTranslation","useTranslation","t","history","useHistory","_useQueryParams","useQueryParams","error","_useQueryParams$error","errorDescription","refetchInterval","query","_ref2","state","data","razorpayAccount","isConnected","POLLING_INTERVAL","push","_useFetchPaymentInteg","useFetchPaymentIntegrations","enabled","isNotPresent","_useFetchPaymentInteg2","_useFetchPaymentInteg3","errorMessage","ERROR_TYPE","processing_error","humanize","isAccountProcessingFailed","isPresent","handleRetry","invalidateQueries","queryKey","QUERY_KEYS","PAYMENT_INTEGRATION_LIST","useEffect","pollingTimeoutId","setTimeout","MAX_POLLING_TIME","clearTimeout","React","createElement","Container","Header","title","CardLayout","icon","RazorpayIcon","size","actionBlock","Button","label","onClick","description","Callout","className","Spinner","Typography","style"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAiBA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAgD;AAAA,EAAA,IAA1CC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,WAAW,GAAAH,IAAA,CAAXG,WAAW;AAC5D,EAAA,IAAMC,WAAW,GAAGC,cAAc,EAAE;AACpC,EAAA,IAAAC,SAAA,GAAkCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA1CI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAAI,eAAA,GAAcC,cAAc,EAAE;IAAtBC,CAAC,GAAAF,eAAA,CAADE,CAAC;AACT,EAAA,IAAMC,OAAO,GAAGC,UAAU,EAAE;AAC5B,EAAA,IAAAC,eAAA,GAAyCC,cAAc,EAAE;IAAjDC,KAAK,GAAAF,eAAA,CAALE,KAAK;IAAAC,qBAAA,GAAAH,eAAA,CAAEI,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;AAEpC,EAAA,IAAME,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,KAAK,EAAI;IAC/B,IAAAC,KAAA,GAA4BD,KAAK,CAACE,KAAK,CAACC,IAAI,IAAI,EAAE;MAA1CC,eAAe,GAAAH,KAAA,CAAfG,eAAe;IAEvB,IAAI,EAACA,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAA,KAAA,CAAA,IAAfA,eAAe,CAAEC,WAAW,CAAIlB,IAAAA,SAAS,EAAE;AAC9C,MAAA,OAAOmB,gBAAgB;AACzB;AAEA,IAAA,IAAIF,eAAe,KAAfA,IAAAA,IAAAA,eAAe,eAAfA,eAAe,CAAEC,WAAW,EAAE;MAChCjB,YAAY,CAAC,KAAK,CAAC;AACnBI,MAAAA,OAAO,CAACe,IAAI,CAAC5B,WAAW,CAAC;AAC3B;AAEA,IAAA,OAAO,KAAK;GACb;EAED,IAAA6B,qBAAA,GAA2CC,2BAA2B,CAAC;AACrEV,MAAAA,eAAe,EAAfA,eAAe;MACfW,OAAO,EAAEC,YAAY,CAACf,KAAK;AAC7B,KAAC,CAAC;IAAAgB,sBAAA,GAAAJ,qBAAA,CAHML,IAAI;AAAAU,IAAAA,sBAAA,GAAAD,sBAAA,KAAA,KAAA,CAAA,GAAwB,EAAE,GAAAA,sBAAA;IAAtBR,eAAe,GAAAS,sBAAA,CAAfT,eAAe;AAK/B,EAAA,IAAMU,YAAY,GAChBlB,KAAK,KAAKmB,UAAU,CAACC,gBAAgB,GACjClB,gBAAgB,GAChBmB,QAAQ,CAACnB,gBAAgB,CAAC;EAEhC,IAAMoB,yBAAyB,GAC5BC,SAAS,CAACvB,KAAK,CAAC,IAAIuB,SAAS,CAACrB,gBAAgB,CAAC,IAC/C,CAACX,SAAS,IAAI,EAACiB,eAAe,KAAA,IAAA,IAAfA,eAAe,KAAfA,KAAAA,CAAAA,IAAAA,eAAe,CAAEC,WAAW,CAAC;AAE/C,EAAA,IAAMe,WAAW,GAAG,SAAdA,WAAWA,GAAS;IACxBvC,WAAW,CAACwC,iBAAiB,CAAC;AAC5BC,MAAAA,QAAQ,EAAE,CAACC,UAAU,CAACC,wBAAwB;AAChD,KAAC,CAAC;AACFhC,IAAAA,OAAO,CAACe,IAAI,CAAC7B,SAAS,CAAC;GACxB;AAED+C,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IAAIrB,eAAe,KAAfA,IAAAA,IAAAA,eAAe,eAAfA,eAAe,CAAEC,WAAW,EAAE;AAChCb,MAAAA,OAAO,CAACe,IAAI,CAAC5B,WAAW,CAAC;AAC3B;AAEA,IAAA,IAAIgC,YAAY,CAACf,KAAK,CAAC,EAAE;MACvBR,YAAY,CAAC,IAAI,CAAC;AACpB;AAEA,IAAA,IAAMsC,gBAAgB,GAAGC,UAAU,CAAC,YAAM;MACxCvC,YAAY,CAAC,KAAK,CAAC;KACpB,EAAEwC,gBAAgB,CAAC;AAEpB,IAAA,OAAO,YAAM;MACXC,YAAY,CAACH,gBAAgB,CAAC;KAC/B;GACF,EAAE,EAAE,CAAC;EAEN,oBACEI,KAAA,CAAAC,aAAA,CAACC,SAAS,qBACRF,KAAA,CAAAC,aAAA,CAACE,MAAM,EAAA;AAAOrD,IAAAA,WAAW,EAAXA,WAAW;IAAIsD,KAAK,EAAE3C,CAAC,CAAC,8BAA8B;AAAE,GAAE,CAAC,eACzEuC,KAAA,CAAAC,aAAA,CAACI,UAAU,EAAA;AACTC,IAAAA,IAAI,eAAEN,KAAA,CAAAC,aAAA,CAACM,QAAY,EAAA;AAACC,MAAAA,IAAI,EAAE;AAAG,KAAE,CAAE;AACjCJ,IAAAA,KAAK,EAAE3C,CAAC,CAAC,qCAAqC,CAAE;AAChDgD,IAAAA,WAAW,EACTrB,yBAAyB,iBACvBY,KAAA,CAAAC,aAAA,CAACS,MAAM,EAAA;AACLC,MAAAA,KAAK,EAAElD,CAAC,CAAC,+BAA+B,CAAE;AAC1CmD,MAAAA,OAAO,EAAEtB;AAAY,KACtB,CAEJ;AACDuB,IAAAA,WAAW,EACTzB,yBAAyB,IACzB3B,CAAC,CAAC,uCAAuC;GAG1CJ,EAAAA,SAAS,iBACR2C,KAAA,CAAAC,aAAA,CAACa,OAAO,EAAA,IAAA,eACNd,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKc,IAAAA,SAAS,EAAC;AAAgB,GAAA,eAC7Bf,KAAA,CAAAC,aAAA,CAACe,OAAO,EAAA,IAAE,CAAC,eACXhB,KAAA,CAAAC,aAAA,CAACgB,UAAU,EAAA;AAACC,IAAAA,KAAK,EAAC;AAAO,GAAA,EACtBzD,CAAC,CAAC,8CAA8C,CACvC,CACT,CACE,CACV,EACA2B,yBAAyB,iBACxBY,KAAA,CAAAC,aAAA,CAACa,OAAO,EAAA;AAACI,IAAAA,KAAK,EAAC;AAAQ,GAAA,eACrBlB,KAAA,CAAAC,aAAA,CAACgB,UAAU,EAAA;AAACC,IAAAA,KAAK,EAAC;AAAO,GAAA,EACtB7B,SAAS,CAACrB,gBAAgB,CAAC,GACxBgB,YAAY,GACZvB,CAAC,CAAC,8CAA8C,CAC1C,CACL,CAED,CACH,CAAC;AAEhB;;;;"}
+{"version":3,"file":"RazorpayConnect.js","sources":["../app/javascript/src/components/RazorpayConnect.jsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { useQueryClient } from \"@tanstack/react-query\";\nimport { isPresent, humanize, isNotPresent } from \"neetocist\";\nimport { useQueryParams } from \"neetocommons/react-utils\";\nimport { Razorpay as RazorpayIcon } from \"neetoicons/misc\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport { Typography, Callout, Spinner, Button } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useFetchPaymentIntegrations } from \"hooks/reactQuery/useIntegrationsApi\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\nimport { ERROR_TYPE, POLLING_INTERVAL, MAX_POLLING_TIME } from \"src/constants\";\n\nconst RazorpayConnect = ({ baseRoute, manageRoute, breadcrumbs }) => {\n  const queryClient = useQueryClient();\n  const [isPolling, setIsPolling] = useState(false);\n  const { t } = useTranslation();\n  const history = useHistory();\n  const { error, errorDescription = \"\" } = useQueryParams();\n\n  const refetchInterval = query => {\n    const { razorpayAccount } = query.state.data || {};\n\n    if (!razorpayAccount?.isConnected && isPolling) {\n      return POLLING_INTERVAL;\n    }\n\n    if (razorpayAccount?.isConnected) {\n      setIsPolling(false);\n      history.push(manageRoute);\n    }\n\n    return false;\n  };\n\n  const { data: { razorpayAccount } = {} } = useFetchPaymentIntegrations({\n    refetchInterval,\n    enabled: isNotPresent(error),\n  });\n\n  const errorMessage =\n    error === ERROR_TYPE.processing_error\n      ? errorDescription\n      : humanize(errorDescription);\n\n  const isAccountProcessingFailed =\n    (isPresent(error) && isPresent(errorDescription)) ||\n    (!isPolling && !razorpayAccount?.isConnected);\n\n  const handleRetry = () => {\n    queryClient.invalidateQueries({\n      queryKey: [QUERY_KEYS.PAYMENT_INTEGRATION_LIST],\n    });\n    history.push(baseRoute);\n  };\n\n  useEffect(() => {\n    if (razorpayAccount?.isConnected) {\n      history.push(manageRoute);\n    }\n\n    if (isNotPresent(error)) {\n      setIsPolling(true);\n    }\n\n    const pollingTimeoutId = setTimeout(() => {\n      setIsPolling(false);\n    }, MAX_POLLING_TIME);\n\n    return () => {\n      clearTimeout(pollingTimeoutId);\n    };\n  }, []);\n\n  return (\n    <Container>\n      <Header {...{ breadcrumbs }} title={t(\"neetoPayments.common.connect\")} />\n      <CardLayout\n        icon={<RazorpayIcon size={48} />}\n        title={t(\"neetoPayments.razorpayConnect.title\")}\n        actionBlock={\n          isAccountProcessingFailed && (\n            <Button\n              label={t(\"neetoPayments.common.tryAgain\")}\n              onClick={handleRetry}\n            />\n          )\n        }\n        description={\n          isAccountProcessingFailed &&\n          t(\"neetoPayments.common.processingFailed\")\n        }\n      >\n        {isPolling && (\n          <Callout>\n            <div className=\"flex space-x-4\">\n              <Spinner />\n              <Typography style=\"body1\">\n                {t(\"neetoPayments.stripeConnect.verifyingMessage\")}\n              </Typography>\n            </div>\n          </Callout>\n        )}\n        {isAccountProcessingFailed && (\n          <Callout style=\"danger\">\n            <Typography style=\"body1\">\n              {isPresent(errorDescription)\n                ? errorMessage\n                : t(\"neetoPayments.stripeConnect.failedProcessing\")}\n            </Typography>\n          </Callout>\n        )}\n      </CardLayout>\n    </Container>\n  );\n};\n\nexport default RazorpayConnect;\n"],"names":["RazorpayConnect","baseRoute","manageRoute","breadcrumbs","queryClient","useQueryClient","isPolling","setIsPolling","useState","t","useTranslation","history","useHistory","error","errorDescription","useQueryParams","refetchInterval","query","razorpayAccount","state","data","isConnected","POLLING_INTERVAL","push","useFetchPaymentIntegrations","enabled","isNotPresent","errorMessage","ERROR_TYPE","processing_error","humanize","isAccountProcessingFailed","isPresent","handleRetry","invalidateQueries","queryKey","QUERY_KEYS","PAYMENT_INTEGRATION_LIST","useEffect","pollingTimeoutId","setTimeout","MAX_POLLING_TIME","clearTimeout","_jsxs","Container","children","_jsx","Header","title","CardLayout","icon","RazorpayIcon","size","actionBlock","Button","label","onClick","description","Callout","className","Spinner","Typography","style"],"mappings":"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"}

package/dist/RazorpayLinkedAccountForm.js

@@ -6,44 +6,37 @@ import { useTranslation } from 'react-i18next';
 import { useHistory } from 'react-router-dom';
 import { useQuery } from '@tanstack/react-query';
 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-BTVToZp9.js';
+import { Q as QUERY_KEYS } from './queryConstants-C7AqdemO.js';
 import { humanize } from 'neetocist';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import 'i18next';
 import 'neetocommons/constants';
 import 'decimal.js';
 import 'neetocommons/utils';
 import 'ramda';
 
-var list$1 = function list() {
-  return axios.get("".concat(BASE_URL, "/api/v1/razorpay/business_categories"));
-};
-var businessCategoriesApi = {
+const list$1 = () => axios.get(`${BASE_URL}/api/v1/razorpay/business_categories`);
+const businessCategoriesApi = {
   list: list$1
 };
 
-var useFetchBusinessCategories = function useFetchBusinessCategories() {
-  return useQuery({
-    queryKey: [QUERY_KEYS.BUSINESS_CATEGORIES_LIST],
-    queryFn: businessCategoriesApi.list
-  });
-};
+const useFetchBusinessCategories = () => useQuery({
+  queryKey: [QUERY_KEYS.BUSINESS_CATEGORIES_LIST],
+  queryFn: businessCategoriesApi.list
+});
 
-var list = function list() {
-  return axios.get("".concat(BASE_URL, "/api/v1/razorpay/business_types"));
-};
-var businessTypesApi = {
-  list: list
+const list = () => axios.get(`${BASE_URL}/api/v1/razorpay/business_types`);
+const businessTypesApi = {
+  list
 };
 
-var useFetchBusinessTypes = function useFetchBusinessTypes() {
-  return useQuery({
-    queryKey: [QUERY_KEYS.BUSINESS_TYPES_LIST],
-    queryFn: businessTypesApi.list
-  });
-};
+const useFetchBusinessTypes = () => useQuery({
+  queryKey: [QUERY_KEYS.BUSINESS_TYPES_LIST],
+  queryFn: businessTypesApi.list
+});
 
-var INITIAL_VALUES = {
+const INITIAL_VALUES = {
   email: "",
   phone_number: "",
   legal_business_name: "",
@@ -56,73 +49,66 @@ var INITIAL_VALUES = {
   }
 };
 
-var getBusinessCategoriesOptions = function getBusinessCategoriesOptions(businessCategories) {
-  return businessCategories === null || businessCategories === void 0 ? void 0 : businessCategories.map(function (_ref) {
-    var id = _ref.id,
-      name = _ref.name;
-    return {
-      label: humanize(name),
-      value: id
-    };
-  });
-};
-var getBusinessSubcategoriesOptions = function getBusinessSubcategoriesOptions(businessCategories, category) {
-  var _businessCategories$f;
-  return businessCategories === null || businessCategories === void 0 || (_businessCategories$f = businessCategories.find(function (_ref2) {
-    var id = _ref2.id;
-    return id === category;
-  })) === null || _businessCategories$f === void 0 || (_businessCategories$f = _businessCategories$f.subcategories) === null || _businessCategories$f === void 0 ? void 0 : _businessCategories$f.map(function (_ref3) {
-    var id = _ref3.id,
-      name = _ref3.name;
-    return {
-      label: humanize(name),
-      value: id
-    };
-  });
-};
-var getBusinessTypesOptions = function getBusinessTypesOptions(businessTypes) {
-  return businessTypes === null || businessTypes === void 0 ? void 0 : businessTypes.map(function (_ref4) {
-    var id = _ref4.id,
-      name = _ref4.name;
-    return {
-      label: humanize(name),
-      value: id
-    };
-  });
-};
+const getBusinessCategoriesOptions = businessCategories => businessCategories?.map(({
+  id,
+  name
+}) => ({
+  label: humanize(name),
+  value: id
+}));
+const getBusinessSubcategoriesOptions = (businessCategories, category) => businessCategories?.find(({
+  id
+}) => id === category)?.subcategories?.map(({
+  id,
+  name
+}) => ({
+  label: humanize(name),
+  value: id
+}));
+const getBusinessTypesOptions = businessTypes => businessTypes?.map(({
+  id,
+  name
+}) => ({
+  label: humanize(name),
+  value: id
+}));
 
-var RazorpayLinkedAccountForm = function RazorpayLinkedAccountForm() {
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var history = useHistory();
-  var _useFetchBusinessType = useFetchBusinessTypes(),
-    isBusinessTypesLoading = _useFetchBusinessType.isLoading,
-    _useFetchBusinessType2 = _useFetchBusinessType.data,
-    _useFetchBusinessType3 = _useFetchBusinessType2 === void 0 ? {} : _useFetchBusinessType2,
-    businessTypes = _useFetchBusinessType3.businessTypes;
-  var _useFetchBusinessCate = useFetchBusinessCategories(),
-    isLoading = _useFetchBusinessCate.isLoading,
-    _useFetchBusinessCate2 = _useFetchBusinessCate.data,
-    _useFetchBusinessCate3 = _useFetchBusinessCate2 === void 0 ? {} : _useFetchBusinessCate2,
-    businessCategories = _useFetchBusinessCate3.businessCategories;
+const RazorpayLinkedAccountForm = () => {
+  const {
+    t
+  } = useTranslation();
+  const history = useHistory();
+  const {
+    isLoading: isBusinessTypesLoading,
+    data: {
+      businessTypes
+    } = {}
+  } = useFetchBusinessTypes();
+  const {
+    isLoading,
+    data: {
+      businessCategories
+    } = {}
+  } = useFetchBusinessCategories();
   if (isLoading || isBusinessTypesLoading) {
-    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(Form, {
+  return /*#__PURE__*/jsx(Form, {
     className: "w-full",
     formikProps: {
       initialValues: INITIAL_VALUES,
-      onSubmit: function onSubmit() {}
+      onSubmit: () => {}
       // validationSchema: VALIDATION_SCHEMA,
-    }
-  }, function (_ref) {
-    var values = _ref.values,
-      dirty = _ref.dirty,
-      setFieldValue = _ref.setFieldValue;
-    return /*#__PURE__*/React.createElement(CardLayout, {
-      actionBlock: /*#__PURE__*/React.createElement(ActionBlock, {
+    },
+    children: ({
+      values,
+      dirty,
+      setFieldValue
+    }) => /*#__PURE__*/jsx(CardLayout, {
+      actionBlock: /*#__PURE__*/jsx(ActionBlock, {
         cancelButtonProps: {
           onClick: history.goBack
         }
@@ -132,79 +118,82 @@ var RazorpayLinkedAccountForm = function RazorpayLinkedAccountForm() {
           label: t("neetoPayments.common.submit"),
           disabled: !dirty
         }
+      }),
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col space-y-4",
+        children: [/*#__PURE__*/jsx(Input, {
+          required: true,
+          className: "w-full",
+          label: t("neetoPayments.linkedAccount.form.labels.email"),
+          name: "email",
+          placeholder: t("neetoPayments.linkedAccount.form.placeholders.email")
+        }), /*#__PURE__*/jsx(PhoneNumberInput, {
+          required: true,
+          showEmoji: true,
+          className: "w-full",
+          label: t("neetoPayments.linkedAccount.form.labels.phoneNumber"),
+          name: "phone_number",
+          placeholder: t("neetoPayments.linkedAccount.form.placeholders.phoneNumber")
+        }), /*#__PURE__*/jsx(Input, {
+          required: true,
+          className: "w-full",
+          label: t("neetoPayments.linkedAccount.form.labels.businessName"),
+          name: "legal_business_name",
+          placeholder: t("neetoPayments.linkedAccount.form.placeholders.businessName")
+        }), /*#__PURE__*/jsx(Select, {
+          required: true,
+          className: "w-full",
+          label: t("neetoPayments.linkedAccount.form.labels.businessType"),
+          name: "business_type",
+          options: getBusinessTypesOptions(businessTypes),
+          placeholder: t("neetoPayments.linkedAccount.form.placeholders.businessType"),
+          onChange: ({
+            value
+          }) => setFieldValue("business_type", value)
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex space-x-4",
+          children: [/*#__PURE__*/jsx(Select, {
+            required: true,
+            className: "w-full",
+            label: t("neetoPayments.linkedAccount.form.labels.category"),
+            name: "category",
+            options: getBusinessCategoriesOptions(businessCategories),
+            placeholder: t("neetoPayments.linkedAccount.form.placeholders.category"),
+            onChange: ({
+              value
+            }) => setFieldValue("category", value)
+          }), /*#__PURE__*/jsx(Select, {
+            required: true,
+            className: "w-full",
+            disabled: !values.category,
+            label: t("neetoPayments.linkedAccount.form.labels.subcategory"),
+            name: "subcategory",
+            options: getBusinessSubcategoriesOptions(businessCategories, values.category),
+            placeholder: t("neetoPayments.linkedAccount.form.placeholders.subcategory"),
+            onChange: ({
+              value
+            }) => setFieldValue("subcategory", value)
+          })]
+        }), /*#__PURE__*/jsx(Label, {
+          children: t("neetoPayments.linkedAccount.form.labels.businessLegalInfo")
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex space-x-4",
+          children: [/*#__PURE__*/jsx(Input, {
+            required: true,
+            className: "w-full",
+            label: t("neetoPayments.linkedAccount.form.labels.pan"),
+            name: "business_legal_info.pan",
+            placeholder: t("neetoPayments.linkedAccount.form.placeholders.pan")
+          }), /*#__PURE__*/jsx(Input, {
+            required: true,
+            className: "w-full",
+            label: t("neetoPayments.linkedAccount.form.labels.gst"),
+            name: "business_legal_info.gst",
+            placeholder: t("neetoPayments.linkedAccount.form.placeholders.gst")
+          })]
+        })]
       })
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "flex flex-col space-y-4"
-    }, /*#__PURE__*/React.createElement(Input, {
-      required: true,
-      className: "w-full",
-      label: t("neetoPayments.linkedAccount.form.labels.email"),
-      name: "email",
-      placeholder: t("neetoPayments.linkedAccount.form.placeholders.email")
-    }), /*#__PURE__*/React.createElement(PhoneNumberInput, {
-      required: true,
-      showEmoji: true,
-      className: "w-full",
-      label: t("neetoPayments.linkedAccount.form.labels.phoneNumber"),
-      name: "phone_number",
-      placeholder: t("neetoPayments.linkedAccount.form.placeholders.phoneNumber")
-    }), /*#__PURE__*/React.createElement(Input, {
-      required: true,
-      className: "w-full",
-      label: t("neetoPayments.linkedAccount.form.labels.businessName"),
-      name: "legal_business_name",
-      placeholder: t("neetoPayments.linkedAccount.form.placeholders.businessName")
-    }), /*#__PURE__*/React.createElement(Select, {
-      required: true,
-      className: "w-full",
-      label: t("neetoPayments.linkedAccount.form.labels.businessType"),
-      name: "business_type",
-      options: getBusinessTypesOptions(businessTypes),
-      placeholder: t("neetoPayments.linkedAccount.form.placeholders.businessType"),
-      onChange: function onChange(_ref2) {
-        var value = _ref2.value;
-        return setFieldValue("business_type", value);
-      }
-    }), /*#__PURE__*/React.createElement("div", {
-      className: "flex space-x-4"
-    }, /*#__PURE__*/React.createElement(Select, {
-      required: true,
-      className: "w-full",
-      label: t("neetoPayments.linkedAccount.form.labels.category"),
-      name: "category",
-      options: getBusinessCategoriesOptions(businessCategories),
-      placeholder: t("neetoPayments.linkedAccount.form.placeholders.category"),
-      onChange: function onChange(_ref3) {
-        var value = _ref3.value;
-        return setFieldValue("category", value);
-      }
-    }), /*#__PURE__*/React.createElement(Select, {
-      required: true,
-      className: "w-full",
-      disabled: !values.category,
-      label: t("neetoPayments.linkedAccount.form.labels.subcategory"),
-      name: "subcategory",
-      options: getBusinessSubcategoriesOptions(businessCategories, values.category),
-      placeholder: t("neetoPayments.linkedAccount.form.placeholders.subcategory"),
-      onChange: function onChange(_ref4) {
-        var value = _ref4.value;
-        return setFieldValue("subcategory", value);
-      }
-    })), /*#__PURE__*/React.createElement(Label, null, t("neetoPayments.linkedAccount.form.labels.businessLegalInfo")), /*#__PURE__*/React.createElement("div", {
-      className: "flex space-x-4"
-    }, /*#__PURE__*/React.createElement(Input, {
-      required: true,
-      className: "w-full",
-      label: t("neetoPayments.linkedAccount.form.labels.pan"),
-      name: "business_legal_info.pan",
-      placeholder: t("neetoPayments.linkedAccount.form.placeholders.pan")
-    }), /*#__PURE__*/React.createElement(Input, {
-      required: true,
-      className: "w-full",
-      label: t("neetoPayments.linkedAccount.form.labels.gst"),
-      name: "business_legal_info.gst",
-      placeholder: t("neetoPayments.linkedAccount.form.placeholders.gst")
-    }))));
+    })
   });
 };