@bigbinary/neeto-payments-frontend 6.1.11 → 6.1.13

package/dist/cjs/PayoutsPage.js

@@ -0,0 +1,160 @@
+'use strict';
+
+var neetocist = require('neetocist');
+var Header = require('@bigbinary/neeto-molecules/Header');
+var neetoui = require('@bigbinary/neetoui');
+var reactI18next = require('react-i18next');
+var reactRouterDom = require('react-router-dom/cjs/react-router-dom');
+var renderFunctions = require('./renderFunctions-DhCwlBWw.js');
+var usePlatformApi = require('./usePlatformApi-CcGVG4Qi.js');
+var CopyButtonWrapper = require('./CopyButtonWrapper-I-kdKiiB.js');
+var constants = require('./index-D6V3Vofs.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('i18next');
+require('@bigbinary/neeto-molecules/DateFormat');
+require('ramda');
+require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+require('@tanstack/react-query');
+require('neetocommons/react-utils');
+require('axios');
+require('qs');
+require('./queryConstants-Dc6wh21D.js');
+require('neetocommons/constants');
+require('decimal.js');
+require('neetocommons/utils');
+
+const useFetchData = ({
+  id,
+  isPlatformEnabled
+}) => {
+  const data = {};
+  const kind = isPlatformEnabled ? "platform" : "connected";
+  data.connected = usePlatformApi.useShowStripePayout(id, {
+    enabled: !isPlatformEnabled
+  });
+  data.platform = usePlatformApi.useShowStripePlatformPayout(id, {
+    enabled: isPlatformEnabled
+  });
+  return {
+    data: data[kind]?.data?.payout,
+    isDataLoading: data[kind]?.isLoading
+  };
+};
+
+const renderPayoutIdentifier = (identifier = "", isLive = false) => /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper.CopyButtonWrapper, {
+  content: identifier,
+  children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Button, {
+    href: constants.buildStripePayoutLink(identifier, isLive),
+    label: identifier,
+    size: "small",
+    style: "link",
+    target: "_blank"
+  })
+});
+
+const PayoutsPage = ({
+  isPlatformEnabled,
+  indexRoute
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const {
+    id
+  } = reactRouterDom.useParams();
+  const {
+    isDataLoading,
+    data: {
+      amount,
+      identifier,
+      status,
+      arrivalDate,
+      createdAt,
+      failureMessage,
+      live
+    } = {}
+  } = useFetchData({
+    id,
+    isPlatformEnabled
+  });
+  const headerBreadCrumbs = [{
+    text: t("neetoPayments.title.payouts"),
+    link: indexRoute
+  }, {
+    text: identifier
+  }];
+  if (isDataLoading) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Spinner, {})
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
+      breadcrumbs: headerBreadCrumbs,
+      title: t("neetoPayments.payoutsPage.title")
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "w-full space-y-3 md:grid md:grid-cols-2",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center space-x-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          style: "body2",
+          children: t("neetoPayments.payoutsPage.payoutId")
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          className: "neeto-ui-text-black font-medium",
+          style: "body2",
+          children: renderPayoutIdentifier(identifier, live)
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center space-x-2 ",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          style: "body2",
+          children: t("neetoPayments.payoutsPage.status")
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          className: "neeto-ui-text-black font-medium",
+          style: "body2",
+          children: renderFunctions.renderStatus("payout", status, {})
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center space-x-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          style: "body2",
+          children: t("neetoPayments.payoutsPage.amount")
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          className: "neeto-ui-text-black font-medium",
+          style: "body2",
+          children: amount
+        })]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center space-x-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          style: "body2",
+          children: t("neetoPayments.payoutsPage.arrivalDate")
+        }), renderFunctions.renderDate(arrivalDate)]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center space-x-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          style: "body2",
+          children: t("neetoPayments.payoutsPage.createdAt")
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          className: "neeto-ui-text-black font-medium",
+          style: "body2",
+          children: renderFunctions.renderDate(createdAt)
+        })]
+      }), neetocist.isPresent(failureMessage) && /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center space-x-2",
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          style: "body2",
+          children: t("neetoPayments.payoutsPage.failureMessage")
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          className: "neeto-ui-text-black font-medium",
+          style: "body2",
+          children: failureMessage
+        })]
+      })]
+    })]
+  });
+};
+
+module.exports = PayoutsPage;
+//# sourceMappingURL=PayoutsPage.js.map

package/dist/cjs/PayoutsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayoutsPage.js","sources":["../../app/javascript/src/components/PayoutsPage/hooks/useFetchData.js","../../app/javascript/src/components/PayoutsPage/utils.jsx","../../app/javascript/src/components/PayoutsPage/index.jsx"],"sourcesContent":["import { useShowStripePayout } from \"hooks/reactQuery/stripe/useConnectApi\";\nimport { useShowStripePlatformPayout } from \"hooks/reactQuery/stripe/usePlatformApi\";\n\nexport const useFetchData = ({ id, isPlatformEnabled }) => {\n  const data = {};\n  const kind = isPlatformEnabled ? \"platform\" : \"connected\";\n\n  data.connected = useShowStripePayout(id, {\n    enabled: !isPlatformEnabled,\n  });\n\n  data.platform = useShowStripePlatformPayout(id, {\n    enabled: isPlatformEnabled,\n  });\n\n  return {\n    data: data[kind]?.data?.payout,\n    isDataLoading: data[kind]?.isLoading,\n  };\n};\n","import { Button } from \"neetoui\";\n\nimport CopyButtonWrapper from \"components/Common/CopyButtonWrapper\";\nimport { buildStripePayoutLink } from \"utils\";\n\nexport const renderPayoutIdentifier = (identifier = \"\", isLive = false) => (\n  <CopyButtonWrapper content={identifier}>\n    <Button\n      href={buildStripePayoutLink(identifier, isLive)}\n      label={identifier}\n      size=\"small\"\n      style=\"link\"\n      target=\"_blank\"\n    />\n  </CopyButtonWrapper>\n);\n","import { isPresent } from \"neetocist\";\nimport Header from \"neetomolecules/Header\";\nimport { Spinner, Typography } from \"neetoui\";\nimport { useTranslation } from \"react-i18next\";\nimport { useParams } from \"react-router-dom/cjs/react-router-dom\";\n\nimport { renderDate, renderStatus } from \"utils/renderFunctions\";\n\nimport { useFetchData } from \"./hooks/useFetchData\";\nimport { renderPayoutIdentifier } from \"./utils\";\n\nconst PayoutsPage = ({ isPlatformEnabled, indexRoute }) => {\n  const { t } = useTranslation();\n  const { id } = useParams();\n\n  const {\n    isDataLoading,\n    data: {\n      amount,\n      identifier,\n      status,\n      arrivalDate,\n      createdAt,\n      failureMessage,\n      live,\n    } = {},\n  } = useFetchData({ id, isPlatformEnabled });\n\n  const headerBreadCrumbs = [\n    { text: t(\"neetoPayments.title.payouts\"), link: indexRoute },\n    { text: identifier },\n  ];\n\n  if (isDataLoading) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <Header\n        breadcrumbs={headerBreadCrumbs}\n        title={t(\"neetoPayments.payoutsPage.title\")}\n      />\n      <div className=\"w-full space-y-3 md:grid md:grid-cols-2\">\n        <div className=\"flex items-center space-x-2\">\n          <Typography style=\"body2\">\n            {t(\"neetoPayments.payoutsPage.payoutId\")}\n          </Typography>\n          <Typography className=\"neeto-ui-text-black font-medium\" style=\"body2\">\n            {renderPayoutIdentifier(identifier, live)}\n          </Typography>\n        </div>\n        <div className=\"flex items-center space-x-2 \">\n          <Typography style=\"body2\">\n            {t(\"neetoPayments.payoutsPage.status\")}\n          </Typography>\n          <Typography className=\"neeto-ui-text-black font-medium\" style=\"body2\">\n            {renderStatus(\"payout\", status, {})}\n          </Typography>\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Typography style=\"body2\">\n            {t(\"neetoPayments.payoutsPage.amount\")}\n          </Typography>\n          <Typography className=\"neeto-ui-text-black font-medium\" style=\"body2\">\n            {amount}\n          </Typography>\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Typography style=\"body2\">\n            {t(\"neetoPayments.payoutsPage.arrivalDate\")}\n          </Typography>\n          {renderDate(arrivalDate)}\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Typography style=\"body2\">\n            {t(\"neetoPayments.payoutsPage.createdAt\")}\n          </Typography>\n          <Typography className=\"neeto-ui-text-black font-medium\" style=\"body2\">\n            {renderDate(createdAt)}\n          </Typography>\n        </div>\n        {isPresent(failureMessage) && (\n          <div className=\"flex items-center space-x-2\">\n            <Typography style=\"body2\">\n              {t(\"neetoPayments.payoutsPage.failureMessage\")}\n            </Typography>\n            <Typography\n              className=\"neeto-ui-text-black font-medium\"\n              style=\"body2\"\n            >\n              {failureMessage}\n            </Typography>\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport default PayoutsPage;\n"],"names":["useFetchData","id","isPlatformEnabled","data","kind","connected","useShowStripePayout","enabled","platform","useShowStripePlatformPayout","payout","isDataLoading","isLoading","renderPayoutIdentifier","identifier","isLive","_jsx","CopyButtonWrapper","content","children","Button","href","buildStripePayoutLink","label","size","style","target","PayoutsPage","indexRoute","t","useTranslation","useParams","amount","status","arrivalDate","createdAt","failureMessage","live","headerBreadCrumbs","text","link","className","Spinner","_jsxs","_Fragment","Header","breadcrumbs","title","Typography","renderStatus","renderDate","isPresent"],"mappings":"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"}

package/dist/cjs/RazorpayConnect.js

@@ -0,0 +1,117 @@
+'use strict';
+
+var react = require('react');
+var reactQuery = require('@tanstack/react-query');
+var neetocist = require('neetocist');
+var reactUtils = require('neetocommons/react-utils');
+var misc = require('@bigbinary/neeto-icons/misc');
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
+var Container = require('@bigbinary/neeto-molecules/Container');
+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-CVlTmLKc.js');
+var queryConstants = require('./queryConstants-Dc6wh21D.js');
+var constants = require('./index-D6V3Vofs.js');
+var jsxRuntime = require('react/jsx-runtime');
+require('axios');
+require('i18next');
+require('neetocommons/constants');
+require('decimal.js');
+require('neetocommons/utils');
+require('ramda');
+
+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?.isConnected) {
+      setIsPolling(false);
+      history.push(manageRoute);
+    }
+    return false;
+  };
+  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(() => {
+    if (razorpayAccount?.isConnected) {
+      history.push(manageRoute);
+    }
+    if (neetocist.isNotPresent(error)) {
+      setIsPolling(true);
+    }
+    const pollingTimeoutId = setTimeout(() => {
+      setIsPolling(false);
+    }, constants.MAX_POLLING_TIME);
+    return () => {
+      clearTimeout(pollingTimeoutId);
+    };
+  }, []);
+  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;
+//# sourceMappingURL=RazorpayConnect.js.map

package/dist/cjs/RazorpayConnect.js.map

@@ -0,0 +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","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

@@ -0,0 +1,203 @@
+'use strict';
+
+var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
+var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
+var neetoui = require('@bigbinary/neetoui');
+var formik = require('@bigbinary/neetoui/formik');
+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-D6V3Vofs.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');
+
+const list$1 = () => axios.get(`${constants.BASE_URL}/api/v1/razorpay/business_categories`);
+const businessCategoriesApi = {
+  list: list$1
+};
+
+const useFetchBusinessCategories = () => reactQuery.useQuery({
+  queryKey: [queryConstants.QUERY_KEYS.BUSINESS_CATEGORIES_LIST],
+  queryFn: businessCategoriesApi.list
+});
+
+const list = () => axios.get(`${constants.BASE_URL}/api/v1/razorpay/business_types`);
+const businessTypesApi = {
+  list
+};
+
+const useFetchBusinessTypes = () => reactQuery.useQuery({
+  queryKey: [queryConstants.QUERY_KEYS.BUSINESS_TYPES_LIST],
+  queryFn: businessTypesApi.list
+});
+
+const INITIAL_VALUES = {
+  email: "",
+  phone_number: "",
+  legal_business_name: "",
+  subcategory: "",
+  business_type: "",
+  category: "",
+  business_legal_info: {
+    pan: "",
+    gst: ""
+  }
+};
+
+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
+}));
+
+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__*/jsxRuntime.jsx("div", {
+      className: "flex items-center justify-center w-full h-full",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Spinner, {})
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(formik.Form, {
+    className: "w-full",
+    formikProps: {
+      initialValues: INITIAL_VALUES,
+      onSubmit: () => {}
+      // validationSchema: VALIDATION_SCHEMA,
+    },
+    children: ({
+      values,
+      dirty,
+      setFieldValue
+    }) => /*#__PURE__*/jsxRuntime.jsx(CardLayout, {
+      actionBlock: /*#__PURE__*/jsxRuntime.jsx(formik.ActionBlock, {
+        cancelButtonProps: {
+          onClick: history.goBack
+        }
+        // isSubmitting={isCreatingVpa}
+        ,
+        submitButtonProps: {
+          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")
+          })]
+        })]
+      })
+    })
+  });
+};
+
+module.exports = RazorpayLinkedAccountForm;
+//# sourceMappingURL=RazorpayLinkedAccountForm.js.map

package/dist/cjs/RazorpayLinkedAccountForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RazorpayLinkedAccountForm.js","sources":["../../app/javascript/src/apis/business_categories.js","../../app/javascript/src/hooks/reactQuery/useBusinessCategoriesApi.js","../../app/javascript/src/apis/business_types.js","../../app/javascript/src/hooks/reactQuery/useBusinessTypesApi.js","../../app/javascript/src/components/RazorpayLinkedAccountForm/constants.js","../../app/javascript/src/components/RazorpayLinkedAccountForm/utils.js","../../app/javascript/src/components/RazorpayLinkedAccountForm/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst list = () => axios.get(`${BASE_URL}/api/v1/razorpay/business_categories`);\n\nconst businessCategoriesApi = { list };\n\nexport default businessCategoriesApi;\n","import { useQuery } from \"@tanstack/react-query\";\n\nimport businessCategoriesApi from \"apis/business_categories\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchBusinessCategories = () =>\n  useQuery({\n    queryKey: [QUERY_KEYS.BUSINESS_CATEGORIES_LIST],\n    queryFn: businessCategoriesApi.list,\n  });\n","import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst list = () => axios.get(`${BASE_URL}/api/v1/razorpay/business_types`);\n\nconst businessTypesApi = { list };\n\nexport default businessTypesApi;\n","import { useQuery } from \"@tanstack/react-query\";\n\nimport businessTypesApi from \"apis/business_types\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchBusinessTypes = () =>\n  useQuery({\n    queryKey: [QUERY_KEYS.BUSINESS_TYPES_LIST],\n    queryFn: businessTypesApi.list,\n  });\n","export const INITIAL_VALUES = {\n  email: \"\",\n  phone_number: \"\",\n  legal_business_name: \"\",\n  subcategory: \"\",\n  business_type: \"\",\n  category: \"\",\n  business_legal_info: { pan: \"\", gst: \"\" },\n};\n","import { humanize } from \"neetocist\";\n\nexport const getBusinessCategoriesOptions = businessCategories =>\n  businessCategories?.map(({ id, name }) => ({\n    label: humanize(name),\n    value: id,\n  }));\n\nexport const getBusinessSubcategoriesOptions = (businessCategories, category) =>\n  businessCategories\n    ?.find(({ id }) => id === category)\n    ?.subcategories?.map(({ id, name }) => ({\n      label: humanize(name),\n      value: id,\n    }));\n\nexport const getBusinessTypesOptions = businessTypes =>\n  businessTypes?.map(({ id, name }) => ({\n    label: humanize(name),\n    value: id,\n  }));\n","import CardLayout from \"neetomolecules/CardLayout\";\nimport { PhoneNumberInput } from \"neetomolecules/PhoneNumber\";\nimport { Spinner, Label } from \"neetoui\";\nimport { ActionBlock, Form, Input, Select } from \"neetoui/formik\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { useFetchBusinessCategories } from \"hooks/reactQuery/useBusinessCategoriesApi\";\nimport { useFetchBusinessTypes } from \"hooks/reactQuery/useBusinessTypesApi\";\n\nimport { INITIAL_VALUES } from \"./constants\";\nimport {\n  getBusinessCategoriesOptions,\n  getBusinessSubcategoriesOptions,\n  getBusinessTypesOptions,\n} from \"./utils\";\n\nconst RazorpayLinkedAccountForm = () => {\n  const { t } = useTranslation();\n  const history = useHistory();\n\n  const { isLoading: isBusinessTypesLoading, data: { businessTypes } = {} } =\n    useFetchBusinessTypes();\n\n  const { isLoading, data: { businessCategories } = {} } =\n    useFetchBusinessCategories();\n\n  if (isLoading || isBusinessTypesLoading) {\n    return (\n      <div className=\"flex items-center justify-center w-full h-full\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <Form\n      className=\"w-full\"\n      formikProps={{\n        initialValues: INITIAL_VALUES,\n        onSubmit: () => {},\n        // validationSchema: VALIDATION_SCHEMA,\n      }}\n    >\n      {({ values, dirty, setFieldValue }) => (\n        <CardLayout\n          actionBlock={\n            <ActionBlock\n              cancelButtonProps={{ onClick: history.goBack }}\n              // isSubmitting={isCreatingVpa}\n              submitButtonProps={{\n                label: t(\"neetoPayments.common.submit\"),\n                disabled: !dirty,\n              }}\n            />\n          }\n        >\n          <div className=\"flex flex-col space-y-4\">\n            <Input\n              required\n              className=\"w-full\"\n              label={t(\"neetoPayments.linkedAccount.form.labels.email\")}\n              name=\"email\"\n              placeholder={t(\n                \"neetoPayments.linkedAccount.form.placeholders.email\"\n              )}\n            />\n            <PhoneNumberInput\n              required\n              showEmoji\n              className=\"w-full\"\n              label={t(\"neetoPayments.linkedAccount.form.labels.phoneNumber\")}\n              name=\"phone_number\"\n              placeholder={t(\n                \"neetoPayments.linkedAccount.form.placeholders.phoneNumber\"\n              )}\n            />\n            <Input\n              required\n              className=\"w-full\"\n              label={t(\"neetoPayments.linkedAccount.form.labels.businessName\")}\n              name=\"legal_business_name\"\n              placeholder={t(\n                \"neetoPayments.linkedAccount.form.placeholders.businessName\"\n              )}\n            />\n            <Select\n              required\n              className=\"w-full\"\n              label={t(\"neetoPayments.linkedAccount.form.labels.businessType\")}\n              name=\"business_type\"\n              options={getBusinessTypesOptions(businessTypes)}\n              placeholder={t(\n                \"neetoPayments.linkedAccount.form.placeholders.businessType\"\n              )}\n              onChange={({ value }) => setFieldValue(\"business_type\", value)}\n            />\n            <div className=\"flex space-x-4\">\n              <Select\n                required\n                className=\"w-full\"\n                label={t(\"neetoPayments.linkedAccount.form.labels.category\")}\n                name=\"category\"\n                options={getBusinessCategoriesOptions(businessCategories)}\n                placeholder={t(\n                  \"neetoPayments.linkedAccount.form.placeholders.category\"\n                )}\n                onChange={({ value }) => setFieldValue(\"category\", value)}\n              />\n              <Select\n                required\n                className=\"w-full\"\n                disabled={!values.category}\n                label={t(\"neetoPayments.linkedAccount.form.labels.subcategory\")}\n                name=\"subcategory\"\n                options={getBusinessSubcategoriesOptions(\n                  businessCategories,\n                  values.category\n                )}\n                placeholder={t(\n                  \"neetoPayments.linkedAccount.form.placeholders.subcategory\"\n                )}\n                onChange={({ value }) => setFieldValue(\"subcategory\", value)}\n              />\n            </div>\n            <Label>\n              {t(\"neetoPayments.linkedAccount.form.labels.businessLegalInfo\")}\n            </Label>\n            <div className=\"flex space-x-4\">\n              <Input\n                required\n                className=\"w-full\"\n                label={t(\"neetoPayments.linkedAccount.form.labels.pan\")}\n                name=\"business_legal_info.pan\"\n                placeholder={t(\n                  \"neetoPayments.linkedAccount.form.placeholders.pan\"\n                )}\n              />\n              <Input\n                required\n                className=\"w-full\"\n                label={t(\"neetoPayments.linkedAccount.form.labels.gst\")}\n                name=\"business_legal_info.gst\"\n                placeholder={t(\n                  \"neetoPayments.linkedAccount.form.placeholders.gst\"\n                )}\n              />\n            </div>\n          </div>\n        </CardLayout>\n      )}\n    </Form>\n  );\n};\nexport default RazorpayLinkedAccountForm;\n"],"names":["list","axios","get","BASE_URL","businessCategoriesApi","useFetchBusinessCategories","useQuery","queryKey","QUERY_KEYS","BUSINESS_CATEGORIES_LIST","queryFn","businessTypesApi","useFetchBusinessTypes","BUSINESS_TYPES_LIST","INITIAL_VALUES","email","phone_number","legal_business_name","subcategory","business_type","category","business_legal_info","pan","gst","getBusinessCategoriesOptions","businessCategories","map","id","name","label","humanize","value","getBusinessSubcategoriesOptions","find","subcategories","getBusinessTypesOptions","businessTypes","RazorpayLinkedAccountForm","t","useTranslation","history","useHistory","isLoading","isBusinessTypesLoading","data","_jsx","className","children","Spinner","Form","formikProps","initialValues","onSubmit","values","dirty","setFieldValue","CardLayout","actionBlock","ActionBlock","cancelButtonProps","onClick","goBack","submitButtonProps","disabled","_jsxs","Input","required","placeholder","PhoneNumberInput","showEmoji","Select","options","onChange","Label"],"mappings":"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"}