@bigbinary/neeto-payments-frontend 6.1.12 → 6.1.14

package/dist/cjs/RazorpayConnect.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var react = require('react');
 var reactQuery = require('@tanstack/react-query');
 var neetocist = require('neetocist');
@@ -12,10 +11,10 @@ var Header = require('@bigbinary/neeto-molecules/Header');
 var neetoui = require('@bigbinary/neetoui');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
-var useIntegrationsApi = require('./useIntegrationsApi-BO9PhVVO.js');
-var queryConstants = require('./queryConstants-Cka1X6GX.js');
-var constants = require('./index-CZ_VFGNj.js');
-require('@babel/runtime/helpers/defineProperty');
+var useIntegrationsApi = require('./useIntegrationsApi-B8JBENJ0.js');
+var queryConstants = require('./queryConstants-Dc6wh21D.js');
+var constants = require('./index-C3LUTqjR.js');
+var jsxRuntime = require('react/jsx-runtime');
 require('axios');
 require('i18next');
 require('neetocommons/constants');
@@ -23,85 +22,95 @@ require('decimal.js');
 require('neetocommons/utils');
 require('ramda');
 
-var RazorpayConnect = function RazorpayConnect(_ref) {
-  var baseRoute = _ref.baseRoute,
-    manageRoute = _ref.manageRoute,
-    breadcrumbs = _ref.breadcrumbs;
-  var queryClient = reactQuery.useQueryClient();
-  var _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isPolling = _useState2[0],
-    setIsPolling = _useState2[1];
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var history = reactRouterDom.useHistory();
-  var _useQueryParams = reactUtils.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 = reactQuery.useQueryClient();
+  const [isPolling, setIsPolling] = react.useState(false);
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const history = reactRouterDom.useHistory();
+  const {
+    error,
+    errorDescription = ""
+  } = reactUtils.useQueryParams();
+  const refetchInterval = query => {
+    const {
+      razorpayAccount
+    } = query.state.data || {};
+    if (!razorpayAccount?.isConnected && isPolling) {
       return constants.POLLING_INTERVAL;
     }
-    if (razorpayAccount !== null && razorpayAccount !== void 0 && razorpayAccount.isConnected) {
+    if (razorpayAccount?.isConnected) {
       setIsPolling(false);
       history.push(manageRoute);
     }
     return false;
   };
-  var _useFetchPaymentInteg = useIntegrationsApi.useFetchPaymentIntegrations({
-      refetchInterval: refetchInterval,
-      enabled: neetocist.isNotPresent(error)
-    }),
-    _useFetchPaymentInteg2 = _useFetchPaymentInteg.data,
-    _useFetchPaymentInteg3 = _useFetchPaymentInteg2 === void 0 ? {} : _useFetchPaymentInteg2,
-    razorpayAccount = _useFetchPaymentInteg3.razorpayAccount;
-  var errorMessage = error === constants.ERROR_TYPE.processing_error ? errorDescription : neetocist.humanize(errorDescription);
-  var isAccountProcessingFailed = neetocist.isPresent(error) && neetocist.isPresent(errorDescription) || !isPolling && !(razorpayAccount !== null && razorpayAccount !== void 0 && razorpayAccount.isConnected);
-  var handleRetry = function handleRetry() {
+  const {
+    data: {
+      razorpayAccount
+    } = {}
+  } = useIntegrationsApi.useFetchPaymentIntegrations({
+    refetchInterval,
+    enabled: neetocist.isNotPresent(error)
+  });
+  const errorMessage = error === constants.ERROR_TYPE.processing_error ? errorDescription : neetocist.humanize(errorDescription);
+  const isAccountProcessingFailed = neetocist.isPresent(error) && neetocist.isPresent(errorDescription) || !isPolling && !razorpayAccount?.isConnected;
+  const handleRetry = () => {
     queryClient.invalidateQueries({
       queryKey: [queryConstants.QUERY_KEYS.PAYMENT_INTEGRATION_LIST]
     });
     history.push(baseRoute);
   };
-  react.useEffect(function () {
-    if (razorpayAccount !== null && razorpayAccount !== void 0 && razorpayAccount.isConnected) {
+  react.useEffect(() => {
+    if (razorpayAccount?.isConnected) {
       history.push(manageRoute);
     }
     if (neetocist.isNotPresent(error)) {
       setIsPolling(true);
     }
-    var pollingTimeoutId = setTimeout(function () {
+    const pollingTimeoutId = setTimeout(() => {
       setIsPolling(false);
     }, constants.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(misc.Razorpay, {
-      size: 48
-    }),
-    title: t("neetoPayments.razorpayConnect.title"),
-    actionBlock: isAccountProcessingFailed && /*#__PURE__*/React.createElement(neetoui.Button, {
-      label: t("neetoPayments.common.tryAgain"),
-      onClick: handleRetry
-    }),
-    description: isAccountProcessingFailed && t("neetoPayments.common.processingFailed")
-  }, isPolling && /*#__PURE__*/React.createElement(neetoui.Callout, null, /*#__PURE__*/React.createElement("div", {
-    className: "flex space-x-4"
-  }, /*#__PURE__*/React.createElement(neetoui.Spinner, null), /*#__PURE__*/React.createElement(neetoui.Typography, {
-    style: "body1"
-  }, t("neetoPayments.stripeConnect.verifyingMessage")))), isAccountProcessingFailed && /*#__PURE__*/React.createElement(neetoui.Callout, {
-    style: "danger"
-  }, /*#__PURE__*/React.createElement(neetoui.Typography, {
-    style: "body1"
-  }, neetocist.isPresent(errorDescription) ? errorMessage : t("neetoPayments.stripeConnect.failedProcessing")))));
+  return /*#__PURE__*/jsxRuntime.jsxs(Container, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
+      breadcrumbs,
+      title: t("neetoPayments.common.connect")
+    }), /*#__PURE__*/jsxRuntime.jsxs(CardLayout, {
+      icon: /*#__PURE__*/jsxRuntime.jsx(misc.Razorpay, {
+        size: 48
+      }),
+      title: t("neetoPayments.razorpayConnect.title"),
+      actionBlock: isAccountProcessingFailed && /*#__PURE__*/jsxRuntime.jsx(neetoui.Button, {
+        label: t("neetoPayments.common.tryAgain"),
+        onClick: handleRetry
+      }),
+      description: isAccountProcessingFailed && t("neetoPayments.common.processingFailed"),
+      children: [isPolling && /*#__PURE__*/jsxRuntime.jsx(neetoui.Callout, {
+        children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex space-x-4",
+          children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Spinner, {}), /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+            style: "body1",
+            children: t("neetoPayments.stripeConnect.verifyingMessage")
+          })]
+        })
+      }), isAccountProcessingFailed && /*#__PURE__*/jsxRuntime.jsx(neetoui.Callout, {
+        style: "danger",
+        children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          style: "body1",
+          children: neetocist.isPresent(errorDescription) ? errorMessage : t("neetoPayments.stripeConnect.failedProcessing")
+        })
+      })]
+    })]
+  });
 };
 
 module.exports = RazorpayConnect;

package/dist/cjs/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":"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"}
+{"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/cjs/RazorpayLinkedAccountForm.js

@@ -8,44 +8,37 @@ var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
-var constants = require('./index-CZ_VFGNj.js');
-var queryConstants = require('./queryConstants-Cka1X6GX.js');
+var constants = require('./index-C3LUTqjR.js');
+var queryConstants = require('./queryConstants-Dc6wh21D.js');
 var neetocist = require('neetocist');
+var jsxRuntime = require('react/jsx-runtime');
 require('i18next');
 require('neetocommons/constants');
 require('decimal.js');
 require('neetocommons/utils');
 require('ramda');
 
-var list$1 = function list() {
-  return axios.get("".concat(constants.BASE_URL, "/api/v1/razorpay/business_categories"));
-};
-var businessCategoriesApi = {
+const list$1 = () => axios.get(`${constants.BASE_URL}/api/v1/razorpay/business_categories`);
+const businessCategoriesApi = {
   list: list$1
 };
 
-var useFetchBusinessCategories = function useFetchBusinessCategories() {
-  return reactQuery.useQuery({
-    queryKey: [queryConstants.QUERY_KEYS.BUSINESS_CATEGORIES_LIST],
-    queryFn: businessCategoriesApi.list
-  });
-};
+const useFetchBusinessCategories = () => reactQuery.useQuery({
+  queryKey: [queryConstants.QUERY_KEYS.BUSINESS_CATEGORIES_LIST],
+  queryFn: businessCategoriesApi.list
+});
 
-var list = function list() {
-  return axios.get("".concat(constants.BASE_URL, "/api/v1/razorpay/business_types"));
-};
-var businessTypesApi = {
-  list: list
+const list = () => axios.get(`${constants.BASE_URL}/api/v1/razorpay/business_types`);
+const businessTypesApi = {
+  list
 };
 
-var useFetchBusinessTypes = function useFetchBusinessTypes() {
-  return reactQuery.useQuery({
-    queryKey: [queryConstants.QUERY_KEYS.BUSINESS_TYPES_LIST],
-    queryFn: businessTypesApi.list
-  });
-};
+const useFetchBusinessTypes = () => reactQuery.useQuery({
+  queryKey: [queryConstants.QUERY_KEYS.BUSINESS_TYPES_LIST],
+  queryFn: businessTypesApi.list
+});
 
-var INITIAL_VALUES = {
+const INITIAL_VALUES = {
   email: "",
   phone_number: "",
   legal_business_name: "",
@@ -58,73 +51,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: neetocist.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: neetocist.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: neetocist.humanize(name),
-      value: id
-    };
-  });
-};
+const getBusinessCategoriesOptions = businessCategories => businessCategories?.map(({
+  id,
+  name
+}) => ({
+  label: neetocist.humanize(name),
+  value: id
+}));
+const getBusinessSubcategoriesOptions = (businessCategories, category) => businessCategories?.find(({
+  id
+}) => id === category)?.subcategories?.map(({
+  id,
+  name
+}) => ({
+  label: neetocist.humanize(name),
+  value: id
+}));
+const getBusinessTypesOptions = businessTypes => businessTypes?.map(({
+  id,
+  name
+}) => ({
+  label: neetocist.humanize(name),
+  value: id
+}));
 
-var RazorpayLinkedAccountForm = function RazorpayLinkedAccountForm() {
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var history = reactRouterDom.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
+  } = reactI18next.useTranslation();
+  const history = reactRouterDom.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(neetoui.Spinner, null));
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex items-center justify-center w-full h-full",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Spinner, {})
+    });
   }
-  return /*#__PURE__*/React.createElement(formik.Form, {
+  return /*#__PURE__*/jsxRuntime.jsx(formik.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(formik.ActionBlock, {
+    },
+    children: ({
+      values,
+      dirty,
+      setFieldValue
+    }) => /*#__PURE__*/jsxRuntime.jsx(CardLayout, {
+      actionBlock: /*#__PURE__*/jsxRuntime.jsx(formik.ActionBlock, {
         cancelButtonProps: {
           onClick: history.goBack
         }
@@ -134,79 +120,82 @@ var RazorpayLinkedAccountForm = function RazorpayLinkedAccountForm() {
           label: t("neetoPayments.common.submit"),
           disabled: !dirty
         }
+      }),
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col space-y-4",
+        children: [/*#__PURE__*/jsxRuntime.jsx(formik.Input, {
+          required: true,
+          className: "w-full",
+          label: t("neetoPayments.linkedAccount.form.labels.email"),
+          name: "email",
+          placeholder: t("neetoPayments.linkedAccount.form.placeholders.email")
+        }), /*#__PURE__*/jsxRuntime.jsx(PhoneNumber.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__*/jsxRuntime.jsx(formik.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__*/jsxRuntime.jsx(formik.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__*/jsxRuntime.jsxs("div", {
+          className: "flex space-x-4",
+          children: [/*#__PURE__*/jsxRuntime.jsx(formik.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__*/jsxRuntime.jsx(formik.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__*/jsxRuntime.jsx(neetoui.Label, {
+          children: t("neetoPayments.linkedAccount.form.labels.businessLegalInfo")
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex space-x-4",
+          children: [/*#__PURE__*/jsxRuntime.jsx(formik.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__*/jsxRuntime.jsx(formik.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(formik.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(PhoneNumber.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(formik.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(formik.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(formik.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(formik.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(neetoui.Label, null, t("neetoPayments.linkedAccount.form.labels.businessLegalInfo")), /*#__PURE__*/React.createElement("div", {
-      className: "flex space-x-4"
-    }, /*#__PURE__*/React.createElement(formik.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(formik.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")
-    }))));
+    })
   });
 };