@bigbinary/neeto-payments-frontend 6.2.0 → 6.2.1

package/dist/cjs/PayoutsPage.js.map

@@ -1 +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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"}
+{"version":3,"file":"PayoutsPage.js","sources":["../../app/javascript/src/components/PayoutsPage/utils.jsx","../../app/javascript/src/components/PayoutsPage/index.jsx"],"sourcesContent":["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":["renderPayoutIdentifier","identifier","isLive","_jsx","CopyButtonWrapper","content","children","Button","href","buildStripePayoutLink","label","size","style","target","PayoutsPage","isPlatformEnabled","indexRoute","t","useTranslation","id","useParams","isDataLoading","data","amount","status","arrivalDate","createdAt","failureMessage","live","useFetchData","headerBreadCrumbs","text","link","className","Spinner","_jsxs","_Fragment","Header","breadcrumbs","title","Typography","renderStatus","renderDate","isPresent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,sBAAsB,GAAGA,CAACC,UAAU,GAAG,EAAE,EAAEC,MAAM,GAAG,KAAK,kBACpEC,cAAA,CAACC,mCAAiB,EAAA;AAACC,EAAAA,OAAO,EAAEJ,UAAW;EAAAK,QAAA,eACrCH,cAAA,CAACI,cAAM,EAAA;AACLC,IAAAA,IAAI,EAAEC,+BAAqB,CAACR,UAAU,EAAEC,MAAM,CAAE;AAChDQ,IAAAA,KAAK,EAAET,UAAW;AAClBU,IAAAA,IAAI,EAAC,OAAO;AACZC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC;GACR;AAAC,CACe,CACpB;;ACJD,MAAMC,WAAW,GAAGA,CAAC;EAAEC,iBAAiB;AAAEC,EAAAA;AAAW,CAAC,KAAK;EACzD,MAAM;AAAEC,IAAAA;GAAG,GAAGC,2BAAc,EAAE;EAC9B,MAAM;AAAEC,IAAAA;GAAI,GAAGC,wBAAS,EAAE;EAE1B,MAAM;IACJC,aAAa;AACbC,IAAAA,IAAI,EAAE;MACJC,MAAM;MACNtB,UAAU;MACVuB,MAAM;MACNC,WAAW;MACXC,SAAS;MACTC,cAAc;AACdC,MAAAA;AACF,KAAC,GAAG;GACL,GAAGC,yBAAY,CAAC;IAAEV,EAAE;AAAEJ,IAAAA;AAAkB,GAAC,CAAC;EAE3C,MAAMe,iBAAiB,GAAG,CACxB;AAAEC,IAAAA,IAAI,EAAEd,CAAC,CAAC,6BAA6B,CAAC;AAAEe,IAAAA,IAAI,EAAEhB;AAAW,GAAC,EAC5D;AAAEe,IAAAA,IAAI,EAAE9B;AAAW,GAAC,CACrB;AAED,EAAA,IAAIoB,aAAa,EAAE;AACjB,IAAA,oBACElB,cAAA,CAAA,KAAA,EAAA;AAAK8B,MAAAA,SAAS,EAAC,gDAAgD;AAAA3B,MAAAA,QAAA,eAC7DH,cAAA,CAAC+B,eAAO,EAAA,EAAE;AAAC,KACR,CAAC;AAEV,EAAA;EAEA,oBACEC,eAAA,CAAAC,mBAAA,EAAA;IAAA9B,QAAA,EAAA,cACEH,cAAA,CAACkC,MAAM,EAAA;AACLC,MAAAA,WAAW,EAAER,iBAAkB;MAC/BS,KAAK,EAAEtB,CAAC,CAAC,iCAAiC;KAC3C,CAAC,eACFkB,eAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,yCAAyC;AAAA3B,MAAAA,QAAA,gBACtD6B,eAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,6BAA6B;QAAA3B,QAAA,EAAA,cAC1CH,cAAA,CAACqC,kBAAU,EAAA;AAAC5B,UAAAA,KAAK,EAAC,OAAO;UAAAN,QAAA,EACtBW,CAAC,CAAC,oCAAoC;AAAC,SAC9B,CAAC,eACbd,cAAA,CAACqC,kBAAU,EAAA;AAACP,UAAAA,SAAS,EAAC,iCAAiC;AAACrB,UAAAA,KAAK,EAAC,OAAO;AAAAN,UAAAA,QAAA,EAClEN,sBAAsB,CAACC,UAAU,EAAE2B,IAAI;AAAC,SAC/B,CAAC;OACV,CAAC,eACNO,eAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,8BAA8B;QAAA3B,QAAA,EAAA,cAC3CH,cAAA,CAACqC,kBAAU,EAAA;AAAC5B,UAAAA,KAAK,EAAC,OAAO;UAAAN,QAAA,EACtBW,CAAC,CAAC,kCAAkC;AAAC,SAC5B,CAAC,eACbd,cAAA,CAACqC,kBAAU,EAAA;AAACP,UAAAA,SAAS,EAAC,iCAAiC;AAACrB,UAAAA,KAAK,EAAC,OAAO;UAAAN,QAAA,EAClEmC,4BAAY,CAAC,QAAQ,EAAEjB,MAAM,EAAE,EAAE;AAAC,SACzB,CAAC;OACV,CAAC,eACNW,eAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,6BAA6B;QAAA3B,QAAA,EAAA,cAC1CH,cAAA,CAACqC,kBAAU,EAAA;AAAC5B,UAAAA,KAAK,EAAC,OAAO;UAAAN,QAAA,EACtBW,CAAC,CAAC,kCAAkC;AAAC,SAC5B,CAAC,eACbd,cAAA,CAACqC,kBAAU,EAAA;AAACP,UAAAA,SAAS,EAAC,iCAAiC;AAACrB,UAAAA,KAAK,EAAC,OAAO;AAAAN,UAAAA,QAAA,EAClEiB;AAAM,SACG,CAAC;OACV,CAAC,eACNY,eAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,6BAA6B;QAAA3B,QAAA,EAAA,cAC1CH,cAAA,CAACqC,kBAAU,EAAA;AAAC5B,UAAAA,KAAK,EAAC,OAAO;UAAAN,QAAA,EACtBW,CAAC,CAAC,uCAAuC;AAAC,SACjC,CAAC,EACZyB,0BAAU,CAACjB,WAAW,CAAC;OACrB,CAAC,eACNU,eAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,6BAA6B;QAAA3B,QAAA,EAAA,cAC1CH,cAAA,CAACqC,kBAAU,EAAA;AAAC5B,UAAAA,KAAK,EAAC,OAAO;UAAAN,QAAA,EACtBW,CAAC,CAAC,qCAAqC;AAAC,SAC/B,CAAC,eACbd,cAAA,CAACqC,kBAAU,EAAA;AAACP,UAAAA,SAAS,EAAC,iCAAiC;AAACrB,UAAAA,KAAK,EAAC,OAAO;UAAAN,QAAA,EAClEoC,0BAAU,CAAChB,SAAS;AAAC,SACZ,CAAC;AAAA,OACV,CAAC,EACLiB,mBAAS,CAAChB,cAAc,CAAC,iBACxBQ,eAAA,CAAA,KAAA,EAAA;AAAKF,QAAAA,SAAS,EAAC,6BAA6B;QAAA3B,QAAA,EAAA,cAC1CH,cAAA,CAACqC,kBAAU,EAAA;AAAC5B,UAAAA,KAAK,EAAC,OAAO;UAAAN,QAAA,EACtBW,CAAC,CAAC,0CAA0C;AAAC,SACpC,CAAC,eACbd,cAAA,CAACqC,kBAAU,EAAA;AACTP,UAAAA,SAAS,EAAC,iCAAiC;AAC3CrB,UAAAA,KAAK,EAAC,OAAO;AAAAN,UAAAA,QAAA,EAEZqB;AAAc,SACL,CAAC;AAAA,OACV,CACN;AAAA,KACE,CAAC;AAAA,GACN,CAAC;AAEP;;;;"}

package/dist/cjs/RazorpayConnect.js

@@ -11,9 +11,9 @@ 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-Cdm9Q9F_.js');
+var useIntegrationsApi = require('./useIntegrationsApi-CNrrE2OH.js');
 var queryConstants = require('./queryConstants-CGUF7zol.js');
-var constants = require('./index-d81RoerD.js');
+var constants = require('./index-CpEnC-Gq.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('axios');
 require('i18next');

package/dist/cjs/RazorpayLinkedAccountForm.js

@@ -6,37 +6,18 @@ 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-d81RoerD.js');
-var queryConstants = require('./queryConstants-CGUF7zol.js');
+var useBusinessTypesApi = require('./useBusinessTypesApi-D_td8mux.js');
 var neetocist = require('neetocist');
 var jsxRuntime = require('react/jsx-runtime');
+require('@tanstack/react-query');
+require('axios');
+require('./index-CpEnC-Gq.js');
 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
-});
+require('./queryConstants-CGUF7zol.js');
 
 const INITIAL_VALUES = {
   email: "",
@@ -85,13 +66,13 @@ const RazorpayLinkedAccountForm = () => {
     data: {
       businessTypes
     } = {}
-  } = useFetchBusinessTypes();
+  } = useBusinessTypesApi.useFetchBusinessTypes();
   const {
     isLoading,
     data: {
       businessCategories
     } = {}
-  } = useFetchBusinessCategories();
+  } = useBusinessTypesApi.useFetchBusinessCategories();
   if (isLoading || isBusinessTypesLoading) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "flex items-center justify-center w-full h-full",

package/dist/cjs/RazorpayLinkedAccountForm.js.map

@@ -1 +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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"}
+{"version":3,"file":"RazorpayLinkedAccountForm.js","sources":["../../app/javascript/src/components/RazorpayLinkedAccountForm/constants.js","../../app/javascript/src/components/RazorpayLinkedAccountForm/utils.js","../../app/javascript/src/components/RazorpayLinkedAccountForm/index.jsx"],"sourcesContent":["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":["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","useFetchBusinessTypes","useFetchBusinessCategories","_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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"}

package/dist/cjs/RazorpayPaymentButton.js

@@ -3,9 +3,9 @@
 var neetocist = require('neetocist');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var usePaymentApi = require('./usePaymentApi-DmaCm5ok.js');
+var usePaymentApi = require('./usePaymentApi-B198Hd_a.js');
 var neetoui = require('@bigbinary/neetoui');
-var constants = require('./index-d81RoerD.js');
+var constants = require('./index-CpEnC-Gq.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@tanstack/react-query');
 require('axios');
@@ -42,7 +42,8 @@ const RazorpayPaymentButton = ({
   payableType = null,
   onBeforePayment = neetocist.noop,
   onSuccessfulPayment = neetocist.noop,
-  onFailedPayment = neetocist.noop
+  onFailedPayment = neetocist.noop,
+  onError = neetocist.noop
 }) => {
   const {
     t
@@ -113,7 +114,8 @@ const RazorpayPaymentButton = ({
     isPending,
     mutate: createRazorpayOrder
   } = usePaymentApi.useCreateRazorpayPayment({
-    onSuccess: handleSuccess
+    onSuccess: handleSuccess,
+    onError
   });
   const handleClick = () => {
     onBeforePayment();

package/dist/cjs/RazorpayPaymentButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RazorpayPaymentButton.js","sources":["../../app/javascript/src/components/RazorpayPaymentButton.jsx"],"sourcesContent":["import { isNotPresent, noop, findBy } from \"neetocist\";\nimport { mergeDeepLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateRazorpayPayment } from \"hooks/reactQuery/razorpay/usePaymentApi\";\nimport { Button } from \"neetoui\";\nimport { RAZORPAY_PAYMENT_BUTTON_OPTIONS } from \"src/constants\";\n\nconst loadScript = src =>\n  new Promise(resolve => {\n    const script = document.createElement(\"script\");\n    script.src = src;\n    script.onload = () => {\n      resolve(true);\n    };\n\n    script.onerror = () => {\n      resolve(false);\n    };\n    document.body.appendChild(script);\n  });\n\nconst RazorpayPaymentButton = ({\n  label,\n  payableId,\n  discountCode,\n  email,\n  contact,\n  customAmount,\n  isDisabled,\n  isLoading,\n  name,\n  tip,\n  theme = {},\n  isPreserveDetailsChecked = false,\n  numberOfInstallments = 1,\n  payableType = null,\n  onBeforePayment = noop,\n  onSuccessfulPayment = noop,\n  onFailedPayment = noop,\n}) => {\n  const { t } = useTranslation();\n\n  const openRazorpayCheckout = async options => {\n    const script = await loadScript(\n      \"https://checkout.razorpay.com/v1/checkout.js\"\n    );\n\n    if (!script) {\n      logger.error(t(\"neetoPayments.razorpay.loadError\"));\n\n      return;\n    }\n    const checkout = new window.Razorpay(options);\n\n    // Listen for payment failure events to capture error details\n    checkout.on(\"payment.failed\", response => {\n      const errorDescription = response?.error?.description;\n      const errorReason = response?.error?.reason;\n      logger.error(\"Razorpay payment failed:\", {\n        description: errorDescription,\n        reason: errorReason,\n      });\n      onFailedPayment({ errorDescription, errorReason });\n    });\n\n    checkout.open();\n  };\n\n  const handlePayment = response => {\n    if (isNotPresent(response?.razorpay_signature)) {\n      onFailedPayment();\n\n      return;\n    }\n\n    onSuccessfulPayment();\n  };\n\n  const handleSuccess = ({ payment }) => {\n    if (payment?.status === \"successful\") {\n      return onSuccessfulPayment();\n    }\n\n    const themePrimaryColor = findBy(\n      { key: \"primary_color\" },\n      theme?.properties\n    )?.value;\n\n    const options = {\n      key: payment.publicKey,\n      order_id: payment.orderIdentifier,\n      remember_customer: true,\n      customer_id: payment.customerIdentifier,\n      prefill: { name, email },\n      modal: { confirm_close: true, ondismiss: onFailedPayment },\n      handler: handlePayment,\n      theme: { color: themePrimaryColor ?? \"#0da84c\" },\n    };\n\n    if (isPreserveDetailsChecked) {\n      options[\"recurring\"] = \"1\";\n    }\n\n    return openRazorpayCheckout(\n      mergeDeepLeft(RAZORPAY_PAYMENT_BUTTON_OPTIONS, options)\n    );\n  };\n\n  const { isPending, mutate: createRazorpayOrder } = useCreateRazorpayPayment({\n    onSuccess: handleSuccess,\n  });\n\n  const handleClick = () => {\n    onBeforePayment();\n    const payload = {\n      payableId,\n      payableType,\n      discountCode,\n      customAmount,\n      tipAttributes: tip,\n      numberOfInstallments,\n      customerAttributes: { email, name, contact },\n      isCardPreservingEnabled: isPreserveDetailsChecked,\n    };\n    createRazorpayOrder(payload);\n  };\n\n  return (\n    <Button\n      disabled={isPending || isDisabled}\n      label={label || t(\"neetoPayments.common.pay\")}\n      loading={isPending || isLoading}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default RazorpayPaymentButton;\n"],"names":["loadScript","src","Promise","resolve","script","document","createElement","onload","onerror","body","appendChild","RazorpayPaymentButton","label","payableId","discountCode","email","contact","customAmount","isDisabled","isLoading","name","tip","theme","isPreserveDetailsChecked","numberOfInstallments","payableType","onBeforePayment","noop","onSuccessfulPayment","onFailedPayment","t","useTranslation","openRazorpayCheckout","options","logger","error","checkout","window","Razorpay","on","response","errorDescription","description","errorReason","reason","open","handlePayment","isNotPresent","razorpay_signature","handleSuccess","payment","status","themePrimaryColor","findBy","key","properties","value","publicKey","order_id","orderIdentifier","remember_customer","customer_id","customerIdentifier","prefill","modal","confirm_close","ondismiss","handler","color","mergeDeepLeft","RAZORPAY_PAYMENT_BUTTON_OPTIONS","isPending","mutate","createRazorpayOrder","useCreateRazorpayPayment","onSuccess","handleClick","payload","tipAttributes","customerAttributes","isCardPreservingEnabled","_jsx","Button","disabled","loading","onClick"],"mappings":"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"}
+{"version":3,"file":"RazorpayPaymentButton.js","sources":["../../app/javascript/src/components/RazorpayPaymentButton.jsx"],"sourcesContent":["import { isNotPresent, noop, findBy } from \"neetocist\";\nimport { mergeDeepLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateRazorpayPayment } from \"hooks/reactQuery/razorpay/usePaymentApi\";\nimport { Button } from \"neetoui\";\nimport { RAZORPAY_PAYMENT_BUTTON_OPTIONS } from \"src/constants\";\n\nconst loadScript = src =>\n  new Promise(resolve => {\n    const script = document.createElement(\"script\");\n    script.src = src;\n    script.onload = () => {\n      resolve(true);\n    };\n\n    script.onerror = () => {\n      resolve(false);\n    };\n    document.body.appendChild(script);\n  });\n\nconst RazorpayPaymentButton = ({\n  label,\n  payableId,\n  discountCode,\n  email,\n  contact,\n  customAmount,\n  isDisabled,\n  isLoading,\n  name,\n  tip,\n  theme = {},\n  isPreserveDetailsChecked = false,\n  numberOfInstallments = 1,\n  payableType = null,\n  onBeforePayment = noop,\n  onSuccessfulPayment = noop,\n  onFailedPayment = noop,\n  onError = noop,\n}) => {\n  const { t } = useTranslation();\n\n  const openRazorpayCheckout = async options => {\n    const script = await loadScript(\n      \"https://checkout.razorpay.com/v1/checkout.js\"\n    );\n\n    if (!script) {\n      logger.error(t(\"neetoPayments.razorpay.loadError\"));\n\n      return;\n    }\n    const checkout = new window.Razorpay(options);\n\n    // Listen for payment failure events to capture error details\n    checkout.on(\"payment.failed\", response => {\n      const errorDescription = response?.error?.description;\n      const errorReason = response?.error?.reason;\n      logger.error(\"Razorpay payment failed:\", {\n        description: errorDescription,\n        reason: errorReason,\n      });\n      onFailedPayment({ errorDescription, errorReason });\n    });\n\n    checkout.open();\n  };\n\n  const handlePayment = response => {\n    if (isNotPresent(response?.razorpay_signature)) {\n      onFailedPayment();\n\n      return;\n    }\n\n    onSuccessfulPayment();\n  };\n\n  const handleSuccess = ({ payment }) => {\n    if (payment?.status === \"successful\") {\n      return onSuccessfulPayment();\n    }\n\n    const themePrimaryColor = findBy(\n      { key: \"primary_color\" },\n      theme?.properties\n    )?.value;\n\n    const options = {\n      key: payment.publicKey,\n      order_id: payment.orderIdentifier,\n      remember_customer: true,\n      customer_id: payment.customerIdentifier,\n      prefill: { name, email },\n      modal: { confirm_close: true, ondismiss: onFailedPayment },\n      handler: handlePayment,\n      theme: { color: themePrimaryColor ?? \"#0da84c\" },\n    };\n\n    if (isPreserveDetailsChecked) {\n      options[\"recurring\"] = \"1\";\n    }\n\n    return openRazorpayCheckout(\n      mergeDeepLeft(RAZORPAY_PAYMENT_BUTTON_OPTIONS, options)\n    );\n  };\n\n  const { isPending, mutate: createRazorpayOrder } = useCreateRazorpayPayment({\n    onSuccess: handleSuccess,\n    onError,\n  });\n\n  const handleClick = () => {\n    onBeforePayment();\n    const payload = {\n      payableId,\n      payableType,\n      discountCode,\n      customAmount,\n      tipAttributes: tip,\n      numberOfInstallments,\n      customerAttributes: { email, name, contact },\n      isCardPreservingEnabled: isPreserveDetailsChecked,\n    };\n    createRazorpayOrder(payload);\n  };\n\n  return (\n    <Button\n      disabled={isPending || isDisabled}\n      label={label || t(\"neetoPayments.common.pay\")}\n      loading={isPending || isLoading}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default RazorpayPaymentButton;\n"],"names":["loadScript","src","Promise","resolve","script","document","createElement","onload","onerror","body","appendChild","RazorpayPaymentButton","label","payableId","discountCode","email","contact","customAmount","isDisabled","isLoading","name","tip","theme","isPreserveDetailsChecked","numberOfInstallments","payableType","onBeforePayment","noop","onSuccessfulPayment","onFailedPayment","onError","t","useTranslation","openRazorpayCheckout","options","logger","error","checkout","window","Razorpay","on","response","errorDescription","description","errorReason","reason","open","handlePayment","isNotPresent","razorpay_signature","handleSuccess","payment","status","themePrimaryColor","findBy","key","properties","value","publicKey","order_id","orderIdentifier","remember_customer","customer_id","customerIdentifier","prefill","modal","confirm_close","ondismiss","handler","color","mergeDeepLeft","RAZORPAY_PAYMENT_BUTTON_OPTIONS","isPending","mutate","createRazorpayOrder","useCreateRazorpayPayment","onSuccess","handleClick","payload","tipAttributes","customerAttributes","isCardPreservingEnabled","_jsx","Button","disabled","loading","onClick"],"mappings":"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"}

package/dist/cjs/RecurringPaymentSettings.js

@@ -3,11 +3,7 @@
 var neetocist = require('neetocist');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var reactQuery = require('@tanstack/react-query');
-var reactUtils = require('neetocommons/react-utils');
-var axios = require('axios');
-var constants = require('./index-d81RoerD.js');
-var queryConstants = require('./queryConstants-CGUF7zol.js');
+var useRecurringSettingsApi = require('./useRecurringSettingsApi-CDA5wZnB.js');
 var CardLayout = require('@bigbinary/neeto-molecules/CardLayout');
 var Container = require('@bigbinary/neeto-molecules/Container');
 var Header = require('@bigbinary/neeto-molecules/Header');
@@ -16,9 +12,14 @@ var formik = require('@bigbinary/neetoui/formik');
 var i18next = require('i18next');
 var yup = require('yup');
 var jsxRuntime = require('react/jsx-runtime');
+require('@tanstack/react-query');
+require('neetocommons/react-utils');
+require('axios');
+require('./index-CpEnC-Gq.js');
 require('neetocommons/constants');
 require('decimal.js');
 require('neetocommons/utils');
+require('./queryConstants-CGUF7zol.js');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -39,25 +40,6 @@ function _interopNamespaceDefault(e) {
 
 var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
 
-const show = feeId => axios.get(`${constants.BASE_URL}/api/v1/fees/${feeId}/recurring_setting`);
-const update = (feeId, payload) => axios.put(`${constants.BASE_URL}/api/v1/fees/${feeId}/recurring_setting`, {
-  recurringSetting: payload
-});
-const recurringSettingsApi = {
-  show,
-  update
-};
-
-const useFetchRecurringSettings = feeId => reactQuery.useQuery({
-  queryKey: [queryConstants.QUERY_KEYS.RECURRING_SETTINGS, feeId],
-  queryFn: () => recurringSettingsApi.show(feeId),
-  enabled: ramda.isNotNil(feeId)
-});
-const useUpdateRecurringSettings = (feeId, options) => reactUtils.useMutationWithInvalidation(payload => recurringSettingsApi.update(feeId, payload), {
-  keysToInvalidate: [queryConstants.QUERY_KEYS.RECURRING_SETTINGS, feeId],
-  ...options
-});
-
 const INITIAL_VALUE = {
   attemptOffsetDays: 1
 };
@@ -78,11 +60,11 @@ const RecurringPaymentSettings = ({
     data: {
       recurringSetting
     } = {}
-  } = useFetchRecurringSettings(fee?.id);
+  } = useRecurringSettingsApi.useFetchRecurringSettings(fee?.id);
   const {
     mutate: updateRecurringSetting,
     isPending
-  } = useUpdateRecurringSettings(fee?.id);
+  } = useRecurringSettingsApi.useUpdateRecurringSettings(fee?.id);
   const handleSubmit = values => {
     updateRecurringSetting(values);
   };

package/dist/cjs/RecurringPaymentSettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecurringPaymentSettings.js","sources":["../../app/javascript/src/apis/recurring_settings.js","../../app/javascript/src/hooks/reactQuery/useRecurringSettingsApi.js","../../app/javascript/src/components/RecurringPaymentSettings/constants.js","../../app/javascript/src/components/RecurringPaymentSettings/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst show = feeId =>\n  axios.get(`${BASE_URL}/api/v1/fees/${feeId}/recurring_setting`);\n\nconst update = (feeId, payload) =>\n  axios.put(`${BASE_URL}/api/v1/fees/${feeId}/recurring_setting`, {\n    recurringSetting: payload,\n  });\n\nconst recurringSettingsApi = { show, update };\n\nexport default recurringSettingsApi;\n","import { useQuery } from \"@tanstack/react-query\";\nimport { useMutationWithInvalidation } from \"neetocommons/react-utils\";\nimport { isNotNil } from \"ramda\";\n\nimport recurringSettingsApi from \"apis/recurring_settings\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchRecurringSettings = feeId =>\n  useQuery({\n    queryKey: [QUERY_KEYS.RECURRING_SETTINGS, feeId],\n    queryFn: () => recurringSettingsApi.show(feeId),\n    enabled: isNotNil(feeId),\n  });\n\nexport const useUpdateRecurringSettings = (feeId, options) =>\n  useMutationWithInvalidation(\n    payload => recurringSettingsApi.update(feeId, payload),\n    {\n      keysToInvalidate: [QUERY_KEYS.RECURRING_SETTINGS, feeId],\n      ...options,\n    }\n  );\n","import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUE = { attemptOffsetDays: 1 };\nexport const VALIDATION_SCHEMA = yup.object({\n  attemptOffsetDays: yup\n    .number()\n    .max(15, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.max\"))\n    .min(1, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.min\"))\n    .required(\n      t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.isRequired\")\n    ),\n});\n","import { isNotPresent } from \"neetocist\";\nimport { mergeLeft } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport {\n  useFetchRecurringSettings,\n  useUpdateRecurringSettings,\n} from \"hooks/reactQuery/useRecurringSettingsApi\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport { Typography, Button, Spinner } from \"neetoui\";\nimport { ActionBlock, Input, Form } from \"neetoui/formik\";\n\nimport { INITIAL_VALUE, VALIDATION_SCHEMA } from \"./constants\";\n\nconst RecurringPaymentSettings = ({\n  fee,\n  breadcrumbs,\n  enableRecurringPaymentUrl,\n}) => {\n  const { t } = useTranslation();\n\n  const { isLoading, data: { recurringSetting } = {} } =\n    useFetchRecurringSettings(fee?.id);\n\n  const { mutate: updateRecurringSetting, isPending } =\n    useUpdateRecurringSettings(fee?.id);\n\n  const handleSubmit = values => {\n    updateRecurringSetting(values);\n  };\n\n  if (isLoading || isNotPresent(fee)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs }}\n        title={t(\"neetoPayments.recurringPaymentSettings.title\")}\n      />\n      <div className=\"w-full\">\n        {fee?.isRecurringPaymentEnabled ? (\n          <Form\n            formikProps={{\n              enableReinitialize: true,\n              onSubmit: handleSubmit,\n              initialValues: mergeLeft(recurringSetting, INITIAL_VALUE),\n              validationSchema: VALIDATION_SCHEMA,\n            }}\n          >\n            <CardLayout actionBlock={<ActionBlock isSubmitting={isPending} />}>\n              <Input\n                required\n                name=\"attemptOffsetDays\"\n                label={t(\n                  \"neetoPayments.recurringPaymentSettings.attemptOffsetDays.label\"\n                )}\n              />\n            </CardLayout>\n          </Form>\n        ) : (\n          <CardLayout>\n            <Typography lineHeight=\"normal\" style=\"body1\">\n              <Trans\n                i18nKey=\"neetoPayments.recurringPaymentSettings.enableRecurringPayment\"\n                components={{\n                  button: (\n                    <Button\n                      data-testid=\"split-payment-connect-button\"\n                      size=\"large\"\n                      style=\"link\"\n                      to={enableRecurringPaymentUrl}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          </CardLayout>\n        )}\n      </div>\n    </Container>\n  );\n};\n\nexport default RecurringPaymentSettings;\n"],"names":["show","feeId","axios","get","BASE_URL","update","payload","put","recurringSetting","recurringSettingsApi","useFetchRecurringSettings","useQuery","queryKey","QUERY_KEYS","RECURRING_SETTINGS","queryFn","enabled","isNotNil","useUpdateRecurringSettings","options","useMutationWithInvalidation","keysToInvalidate","INITIAL_VALUE","attemptOffsetDays","VALIDATION_SCHEMA","yup","object","number","max","t","min","required","RecurringPaymentSettings","fee","breadcrumbs","enableRecurringPaymentUrl","useTranslation","isLoading","data","id","mutate","updateRecurringSetting","isPending","handleSubmit","values","isNotPresent","_jsx","className","children","Spinner","_jsxs","Container","Header","title","isRecurringPaymentEnabled","Form","formikProps","enableReinitialize","onSubmit","initialValues","mergeLeft","validationSchema","CardLayout","actionBlock","ActionBlock","isSubmitting","Input","name","label","Typography","lineHeight","style","Trans","i18nKey","components","button","Button","size","to"],"mappings":"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"}
+{"version":3,"file":"RecurringPaymentSettings.js","sources":["../../app/javascript/src/components/RecurringPaymentSettings/constants.js","../../app/javascript/src/components/RecurringPaymentSettings/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUE = { attemptOffsetDays: 1 };\nexport const VALIDATION_SCHEMA = yup.object({\n  attemptOffsetDays: yup\n    .number()\n    .max(15, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.max\"))\n    .min(1, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.min\"))\n    .required(\n      t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.isRequired\")\n    ),\n});\n","import { isNotPresent } from \"neetocist\";\nimport { mergeLeft } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport {\n  useFetchRecurringSettings,\n  useUpdateRecurringSettings,\n} from \"hooks/reactQuery/useRecurringSettingsApi\";\nimport CardLayout from \"neetomolecules/CardLayout\";\nimport Container from \"neetomolecules/Container\";\nimport Header from \"neetomolecules/Header\";\nimport { Typography, Button, Spinner } from \"neetoui\";\nimport { ActionBlock, Input, Form } from \"neetoui/formik\";\n\nimport { INITIAL_VALUE, VALIDATION_SCHEMA } from \"./constants\";\n\nconst RecurringPaymentSettings = ({\n  fee,\n  breadcrumbs,\n  enableRecurringPaymentUrl,\n}) => {\n  const { t } = useTranslation();\n\n  const { isLoading, data: { recurringSetting } = {} } =\n    useFetchRecurringSettings(fee?.id);\n\n  const { mutate: updateRecurringSetting, isPending } =\n    useUpdateRecurringSettings(fee?.id);\n\n  const handleSubmit = values => {\n    updateRecurringSetting(values);\n  };\n\n  if (isLoading || isNotPresent(fee)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs }}\n        title={t(\"neetoPayments.recurringPaymentSettings.title\")}\n      />\n      <div className=\"w-full\">\n        {fee?.isRecurringPaymentEnabled ? (\n          <Form\n            formikProps={{\n              enableReinitialize: true,\n              onSubmit: handleSubmit,\n              initialValues: mergeLeft(recurringSetting, INITIAL_VALUE),\n              validationSchema: VALIDATION_SCHEMA,\n            }}\n          >\n            <CardLayout actionBlock={<ActionBlock isSubmitting={isPending} />}>\n              <Input\n                required\n                name=\"attemptOffsetDays\"\n                label={t(\n                  \"neetoPayments.recurringPaymentSettings.attemptOffsetDays.label\"\n                )}\n              />\n            </CardLayout>\n          </Form>\n        ) : (\n          <CardLayout>\n            <Typography lineHeight=\"normal\" style=\"body1\">\n              <Trans\n                i18nKey=\"neetoPayments.recurringPaymentSettings.enableRecurringPayment\"\n                components={{\n                  button: (\n                    <Button\n                      data-testid=\"split-payment-connect-button\"\n                      size=\"large\"\n                      style=\"link\"\n                      to={enableRecurringPaymentUrl}\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          </CardLayout>\n        )}\n      </div>\n    </Container>\n  );\n};\n\nexport default RecurringPaymentSettings;\n"],"names":["INITIAL_VALUE","attemptOffsetDays","VALIDATION_SCHEMA","yup","object","number","max","t","min","required","RecurringPaymentSettings","fee","breadcrumbs","enableRecurringPaymentUrl","useTranslation","isLoading","data","recurringSetting","useFetchRecurringSettings","id","mutate","updateRecurringSetting","isPending","useUpdateRecurringSettings","handleSubmit","values","isNotPresent","_jsx","className","children","Spinner","_jsxs","Container","Header","title","isRecurringPaymentEnabled","Form","formikProps","enableReinitialize","onSubmit","initialValues","mergeLeft","validationSchema","CardLayout","actionBlock","ActionBlock","isSubmitting","Input","name","label","Typography","lineHeight","style","Trans","i18nKey","components","button","Button","size","to"],"mappings":"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"}

package/dist/cjs/RefundsDashboard.js

@@ -7,12 +7,10 @@ var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
 var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
 var reactRouterDom = require('react-router-dom');
-var ExportModal = require('./ExportModal-CJlEDIWM.js');
-var reactQuery = require('@tanstack/react-query');
-var axios = require('axios');
-var constants = require('./index-d81RoerD.js');
-var queryConstants = require('./queryConstants-CGUF7zol.js');
-var dashboard = require('./dashboard-0e4qOr6Q.js');
+var ExportModal = require('./ExportModal-DwLOAhIs.js');
+var useRefundsApi = require('./useRefundsApi-enBsXWAk.js');
+var constants = require('./index-CpEnC-Gq.js');
+var dashboard = require('./dashboard-BGW0_f30.js');
 var i18next = require('i18next');
 var neetocist = require('neetocist');
 var Columns = require('@bigbinary/neeto-molecules/Columns');
@@ -20,26 +18,18 @@ var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var reactI18next = require('react-i18next');
 var exportChannel = require('./exportChannel-BL2RGGhP.js');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
-var CopyButtonWrapper = require('./CopyButtonWrapper-DZ9rE5UR.js');
+var CopyButtonWrapper = require('./CopyButtonWrapper-CbcAHUmk.js');
 var jsxRuntime = require('react/jsx-runtime');
 var Header = require('@bigbinary/neeto-molecules/Header');
 var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
 require('@bigbinary/neeto-icons');
+require('./useExportsApi-rYuPpXWl.js');
+require('@tanstack/react-query');
+require('axios');
+require('./queryConstants-CGUF7zol.js');
 require('decimal.js');
 require('@bigbinary/neeto-molecules/CopyToClipboardButton');
-
-const list = payload => axios.get(`${constants.BASE_URL}/api/v1/refunds`, {
-  params: payload
-});
-const refundsApi = {
-  list
-};
-
-const useFetchRefunds = (payload = {}, options = {}) => reactQuery.useQuery({
-  queryKey: [queryConstants.QUERY_KEYS.REFUNDS_LIST, payload],
-  queryFn: () => refundsApi.list(payload),
-  ...options
-});
+require('./copy-button-DdBSM5yi.js');
 
 const REFUND_DASHBOARD_TAB = {
   all: "all",
@@ -430,7 +420,7 @@ const RefundsDashboard = ({
     } = {},
     isFetching,
     isPending: isRefundsLoading
-  } = useFetchRefunds(payload, {
+  } = useRefundsApi.useFetchRefunds(payload, {
     enabled: true
   });
   const handleTablePagination = (page, pageSize) => {