@bigbinary/neeto-payments-frontend 6.3.7 → 6.4.0

package/dist/StripeConnect.js

@@ -9,14 +9,14 @@ import { buildUrl } from 'neetocommons/utils';
 import { Stripe } from '@bigbinary/neeto-icons/misc';
 import CardLayout from '@bigbinary/neeto-molecules/CardLayout';
 import { Radio, Button, Spinner, Callout, Typography } from '@bigbinary/neetoui';
-import { u as useFetchPaymentIntegrations } from './useIntegrationsApi-BqU-lJql.js';
-import { F as STRIPE_CONNECT_ENDPOINT, P as POLLING_INTERVAL, E as ERROR_TYPE, M as MAX_POLLING_TIME } from './index-CajHy3NQ.js';
+import { u as useFetchPaymentIntegrations } from './useIntegrationsApi-BEZaeW9w.js';
+import { F as STRIPE_CONNECT_ENDPOINT, P as POLLING_INTERVAL, E as ERROR_TYPE, M as MAX_POLLING_TIME } from './index-CpGnAY9G.js';
 import { t } from 'i18next';
 import * as yup from 'yup';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Form, Select, ActionBlock } from '@bigbinary/neetoui/formik';
-import { u as useCreateStripeAccount, a as usePollingStripeAccountCreationStatus } from './useAccountsApi-CZyJ4R8Z.js';
-import { u as useFetchStripeCountries } from './useCountriesApi-ClXgwNgC.js';
+import { u as useCreateStripeAccount, a as usePollingStripeAccountCreationStatus } from './useAccountsApi-DF78k_sA.js';
+import { u as useFetchStripeCountries } from './useCountriesApi-CSfkzWgq.js';
 import { useQueryClient } from '@tanstack/react-query';
 import { useQueryParams } from 'neetocommons/react-utils';
 import { Q as QUERY_KEYS } from './queryConstants-8c7Nd8ML.js';

package/dist/StripeManage.js

@@ -5,11 +5,11 @@ import { Typography, Button } from '@bigbinary/neetoui';
 import StripeCheckoutSetting from './StripeCheckoutSetting.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import 'react-i18next';
-import './useCheckoutSettingsApi-D1ZvMA4B.js';
+import './useCheckoutSettingsApi-B29sE02j.js';
 import '@tanstack/react-query';
 import 'ramda';
 import 'axios';
-import './index-CajHy3NQ.js';
+import './index-CpGnAY9G.js';
 import 'i18next';
 import 'neetocommons/constants';
 import 'decimal.js';

package/dist/TaxesDashboard.js

@@ -5,7 +5,7 @@ import Header$1 from '@bigbinary/neeto-molecules/Header';
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import { isEmpty } from 'ramda';
 import { useTranslation, Trans } from 'react-i18next';
-import { u as useCreateTax, a as useUpdateTax, b as useFetchTaxes, c as useDeleteTax } from './useTaxesApi-BuPeVUxI.js';
+import { u as useCreateTax, a as useUpdateTax, b as useFetchTaxes, c as useDeleteTax } from './useTaxesApi-CNyTbsgK.js';
 import { Pane, Typography, Callout, Label, Spinner, Button, NoData, Table, Alert } from '@bigbinary/neetoui';
 import { Form, Input, Radio, ActionBlock } from '@bigbinary/neetoui/formik';
 import { t } from 'i18next';
@@ -15,7 +15,7 @@ import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import '@tanstack/react-query';
 import 'neetocommons/react-utils';
 import 'axios';
-import './index-CajHy3NQ.js';
+import './index-CpGnAY9G.js';
 import 'neetocommons/constants';
 import 'decimal.js';
 import 'neetocommons/utils';

package/dist/buildStripeTransactionLink.js

@@ -1,4 +1,4 @@
-import { b as buildStripeTransactionLink } from './index-CajHy3NQ.js';
+import { b as buildStripeTransactionLink } from './index-CpGnAY9G.js';
 import 'i18next';
 import 'neetocommons/constants';
 import 'decimal.js';

package/dist/cjs/RazorpayPaymentButton.js

@@ -1,9 +1,10 @@
 'use strict';
 
+var react = require('react');
 var neetocist = require('neetocist');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var usePaymentApi = require('./usePaymentApi-B198Hd_a.js');
+var razorpayCheckoutOutcome = require('./razorpayCheckoutOutcome-DwerRK1B.js');
 var neetoui = require('@bigbinary/neetoui');
 var constants = require('./index-CpEnC-Gq.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -43,11 +44,13 @@ const RazorpayPaymentButton = ({
   onBeforePayment = neetocist.noop,
   onSuccessfulPayment = neetocist.noop,
   onFailedPayment = neetocist.noop,
+  onPaymentCreated = neetocist.noop,
   onError = neetocist.noop
 }) => {
   const {
     t
   } = reactI18next.useTranslation();
+  const paymentRef = react.useRef(null);
   const openRazorpayCheckout = async options => {
     const script = await loadScript("https://checkout.razorpay.com/v1/checkout.js");
     if (!script) {
@@ -71,16 +74,22 @@ const RazorpayPaymentButton = ({
     });
     checkout.open();
   };
-  const handlePayment = response => {
-    if (neetocist.isNotPresent(response?.razorpay_signature)) {
-      onFailedPayment();
-      return;
-    }
-    onSuccessfulPayment();
-  };
+  const handlePayment = response => razorpayCheckoutOutcome.verifyCheckoutPayment({
+    payment: paymentRef.current,
+    response,
+    onSuccessfulPayment,
+    onFailedPayment
+  });
+  const handleDismiss = () => razorpayCheckoutOutcome.resolveDismissedCheckout({
+    payment: paymentRef.current,
+    onSuccessfulPayment,
+    onFailedPayment
+  });
   const handleSuccess = ({
     payment
   }) => {
+    paymentRef.current = payment;
+    onPaymentCreated(payment);
     if (payment?.status === "successful") {
       return onSuccessfulPayment();
     }
@@ -98,7 +107,7 @@ const RazorpayPaymentButton = ({
       },
       modal: {
         confirm_close: true,
-        ondismiss: onFailedPayment
+        ondismiss: handleDismiss
       },
       handler: handlePayment,
       theme: {
@@ -113,7 +122,7 @@ const RazorpayPaymentButton = ({
   const {
     isPending,
     mutate: createRazorpayOrder
-  } = usePaymentApi.useCreateRazorpayPayment({
+  } = razorpayCheckoutOutcome.useCreateRazorpayPayment({
     onSuccess: handleSuccess,
     onError
   });

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  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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"}
+{"version":3,"file":"RazorpayPaymentButton.js","sources":["../../app/javascript/src/components/RazorpayPaymentButton.jsx"],"sourcesContent":["import { useRef } from \"react\";\n\nimport { 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\";\nimport {\n  verifyCheckoutPayment,\n  resolveDismissedCheckout,\n} from \"utils/razorpayCheckoutOutcome\";\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  onPaymentCreated = noop,\n  onError = noop,\n}) => {\n  const { t } = useTranslation();\n  const paymentRef = useRef(null);\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    verifyCheckoutPayment({\n      payment: paymentRef.current,\n      response,\n      onSuccessfulPayment,\n      onFailedPayment,\n    });\n\n  const handleDismiss = () =>\n    resolveDismissedCheckout({\n      payment: paymentRef.current,\n      onSuccessfulPayment,\n      onFailedPayment,\n    });\n\n  const handleSuccess = ({ payment }) => {\n    paymentRef.current = payment;\n    onPaymentCreated(payment);\n\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: handleDismiss },\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","onPaymentCreated","onError","t","useTranslation","paymentRef","useRef","openRazorpayCheckout","options","logger","error","checkout","window","Razorpay","on","response","errorDescription","description","errorReason","reason","open","handlePayment","verifyCheckoutPayment","payment","current","handleDismiss","resolveDismissedCheckout","handleSuccess","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/index.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var razorpayCheckoutOutcome = require('./razorpayCheckoutOutcome-DwerRK1B.js');
 var AccountsDashboard = require('./AccountsDashboard.js');
 var AdminCancelRecurringPaymentButton = require('./AdminCancelRecurringPaymentButton.js');
 var CashPaymentButton = require('./CashPaymentButton.js');
@@ -28,9 +29,11 @@ var useRazorpayPayment = require('./useRazorpayPayment.js');
 var useStripePromise = require('./useStripePromise.js');
 var constants = require('./index-CpEnC-Gq.js');
 require('./main-BnTRneCH.js');
+require('@tanstack/react-query');
+require('neetocist');
+require('axios');
 require('react');
 require('i18next');
-require('neetocist');
 require('neetocommons/react-utils');
 require('@bigbinary/neeto-filters-frontend');
 require('@bigbinary/neeto-molecules/Header');
@@ -38,11 +41,9 @@ require('@bigbinary/neeto-molecules/SubHeader');
 require('@bigbinary/neetoui');
 require('react-i18next');
 require('./useExportsApi-CupgYUpS.js');
-require('@tanstack/react-query');
 require('@tanstack/react-query-devtools');
 require('neetocommons/constants');
 require('react/jsx-runtime');
-require('axios');
 require('./exportChannel-BL2RGGhP.js');
 require('neetocommons/utils');
 require('@bigbinary/neeto-icons');
@@ -59,6 +60,7 @@ require('@bigbinary/neeto-molecules/TableWrapper');
 require('./useAccountsApi-DaOq20gj.js');
 require('./queryConstants-CGUF7zol.js');
 require('./useRecurringPaymentsApi-Dow6RjiT.js');
+require('decimal.js');
 require('./usePaymentApi-DZYqqfhc.js');
 require('@bigbinary/neetoui/formik');
 require('./useRecurringPaymentsApi-DQpypVjt.js');
@@ -82,7 +84,6 @@ require('@bigbinary/neeto-molecules/Container');
 require('./useIntegrationsApi-CNrrE2OH.js');
 require('@bigbinary/neeto-molecules/PhoneNumber');
 require('./useBusinessTypesApi-D_td8mux.js');
-require('./usePaymentApi-B198Hd_a.js');
 require('neetocommons/initializers');
 require('./useRecurringSettingsApi-CDA5wZnB.js');
 require('./useRefundsApi-enBsXWAk.js');
@@ -92,9 +93,10 @@ require('./useCheckoutSettingsApi-fGVkfRBQ.js');
 require('dompurify');
 require('./useCountriesApi-CWsN_NIT.js');
 require('./useTaxesApi-BBinhUYT.js');
-require('decimal.js');
-
 
+// For host-side recovery flows (e.g. mobile full-page-redirect return) that
+// must check whether money was captured before declaring a payment failed.
+const verifyRazorpayPayment = razorpayCheckoutOutcome.paymentsApi.verify;
 
 exports.AccountsDashboard = AccountsDashboard;
 exports.AdminCancelRecurringPaymentButton = AdminCancelRecurringPaymentButton;
@@ -137,4 +139,5 @@ exports.getQrCodeValue = constants.getQrCodeValue;
 exports.getTaxAmount = constants.getTaxAmount;
 exports.getTipAmount = constants.getTipAmount;
 exports.hasAmountToPay = constants.hasAmountToPay;
+exports.verifyRazorpayPayment = verifyRazorpayPayment;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../index.js"],"sourcesContent":["import razorpayPaymentsApi from \"apis/razorpay/payments\";\nimport AccountsDashboard from \"components/AccountsDashboard\";\nimport AdminCancelRecurringPaymentButton from \"components/AdminCancelRecurringPaymentButton\";\nimport CashPaymentButton from \"components/CashPaymentButton\";\nimport ConfirmCashPaymentButton from \"components/ConfirmCashPaymentButton\";\nimport CustomerCancelRecurringPaymentForm from \"components/CustomerCancelRecurringPaymentForm\";\nimport ManualUpiConnect from \"components/ManualUpiConnect\";\nimport ManualUpiPayment from \"components/ManualUpiPayment\";\nimport ManualUpiPaymentConfirmButton from \"components/ManualUpiPaymentConfirmButton\";\nimport ManualUpiPaymentRejectButton from \"components/ManualUpiPaymentRejectButton\";\nimport PaymentKindRestrictionAlert from \"components/PaymentKindRestrictionAlert\";\nimport PaymentsDashboard from \"components/PaymentsDashboard\";\nimport PayoutsDashboard from \"components/PayoutsDashboard\";\nimport PayoutsPage from \"components/PayoutsPage\";\nimport RazorpayConnect from \"components/RazorpayConnect\";\nimport RazorpayLinkedAccountForm from \"components/RazorpayLinkedAccountForm\";\nimport RazorpayPaymentButton from \"components/RazorpayPaymentButton\";\nimport RazorpayWebsiteNotice from \"components/RazorpayWebsiteNotice\";\nimport RecurringPaymentSettings from \"components/RecurringPaymentSettings\";\nimport RefundsDashboard from \"components/RefundsDashboard\";\nimport SplitTransfersDashboard from \"components/SplitTransfersDashboard\";\nimport StripeCheckoutSetting from \"components/StripeCheckoutSetting\";\nimport StripeConnect from \"components/StripeConnect\";\nimport StripeManage from \"components/StripeManage\";\nimport TaxesDashboard from \"components/TaxesDashboard\";\nimport useRazorpayPayment from \"hooks/useRazorpayPayment\";\nimport useStripePromise from \"hooks/useStripePromise\";\nimport { CURRENCY_OPTIONS } from \"src/constants\";\nimport {\n  buildStripeTransactionLink,\n  getTaxAmount,\n  getAmountWithAppliedTax,\n  getQrCodeValue,\n  getAmountInSmallestCurrencyUnit,\n  getAmountInLargestCurrencyUnit,\n  getFormattedAmount,\n  getTipAmount,\n  getFormattedTipAmount,\n  getFormattedTaxAmount,\n  getAddressElementOptions,\n  getFormattedDiscountedPercentage,\n  hasAmountToPay,\n  getFormattedDiscountedAmount,\n} from \"utils\";\n\nimport \"./app/javascript/src/stylesheets/main.css\";\n\n// For host-side recovery flows (e.g. mobile full-page-redirect return) that\n// must check whether money was captured before declaring a payment failed.\nconst verifyRazorpayPayment = razorpayPaymentsApi.verify;\n\nexport {\n  // Dashboards\n  StripeConnect,\n  StripeManage,\n  StripeCheckoutSetting,\n  AccountsDashboard,\n  PayoutsDashboard,\n  PaymentsDashboard,\n  RefundsDashboard,\n  SplitTransfersDashboard,\n  RazorpayConnect,\n  RazorpayWebsiteNotice,\n  // Hooks\n  useStripePromise,\n  useRazorpayPayment,\n  // Components\n  RecurringPaymentSettings,\n  PayoutsPage,\n  PaymentKindRestrictionAlert,\n  RazorpayPaymentButton,\n  ManualUpiConnect,\n  ManualUpiPayment,\n  ConfirmCashPaymentButton,\n  CashPaymentButton,\n  ManualUpiPaymentConfirmButton,\n  ManualUpiPaymentRejectButton,\n  TaxesDashboard,\n  AdminCancelRecurringPaymentButton,\n  CustomerCancelRecurringPaymentForm,\n  RazorpayLinkedAccountForm,\n  // utils\n  buildStripeTransactionLink,\n  getAmountInSmallestCurrencyUnit,\n  getAmountInLargestCurrencyUnit,\n  getTaxAmount,\n  getAmountWithAppliedTax,\n  getFormattedAmount,\n  getTipAmount,\n  getFormattedTipAmount,\n  getFormattedTaxAmount,\n  getFormattedDiscountedAmount,\n  getFormattedDiscountedPercentage,\n  hasAmountToPay,\n  getQrCodeValue,\n  getAddressElementOptions,\n  verifyRazorpayPayment,\n  // constants\n  CURRENCY_OPTIONS,\n};\n"],"names":["verifyRazorpayPayment","razorpayPaymentsApi","verify"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CA;AACA;AACA,MAAMA,qBAAqB,GAAGC,mCAAmB,CAACC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/razorpayCheckoutOutcome-DwerRK1B.js

@@ -0,0 +1,96 @@
+'use strict';
+
+var reactQuery = require('@tanstack/react-query');
+var neetocist = require('neetocist');
+var axios = require('axios');
+var constants = require('./index-CpEnC-Gq.js');
+
+const create = payload => axios.post(`${constants.BASE_URL}/api/v1/public/razorpay/payments`, {
+  payment: payload
+});
+
+// Server-side confirmation against Razorpay's API — webhook delivery is
+// per-account and unreliable, so checkout completion must not depend on it.
+// razorpayPaymentId is optional: without it the server checks the payment's
+// order for a captured attempt (dismiss/recovery flows). Errors are silent
+// (showToastr: false) — the backend self-verify job is the correctness net;
+// this call is a latency optimization for the waiting customer.
+const verify = (paymentId, payload = {}) => axios.post(`${constants.BASE_URL}/api/v1/public/razorpay/payments/${paymentId}/verify`, {
+  payment: payload
+}, {
+  showToastr: false
+});
+const defaultList = payload => axios.get(`${constants.BASE_URL}/api/v1/razorpay/holdable/payments`, {
+  params: payload
+});
+const list = (holdableId, payload) => axios.get(`${constants.BASE_URL}/api/v1/razorpay/holdables/${holdableId}/payments`, {
+  params: payload
+});
+const paymentsApi = {
+  defaultList,
+  list,
+  create,
+  verify
+};
+
+const useCreateRazorpayPayment = options => reactQuery.useMutation({
+  mutationFn: paymentsApi.create,
+  ...options
+});
+
+// Confirms server-side against Razorpay's API instead of relying on webhook
+// delivery (per-account, silently unreliable). The success callback fires
+// regardless of the verify outcome — the backend self-verify job is the
+// correctness net, so a failed/slow verify must never strand the customer.
+const verifyCheckoutPayment = async ({
+  payment,
+  response,
+  onSuccessfulPayment,
+  onFailedPayment
+}) => {
+  if (neetocist.isNotPresent(response?.razorpay_signature)) {
+    onFailedPayment();
+    return;
+  }
+  try {
+    if (payment?.id) {
+      await paymentsApi.verify(payment.id, {
+        razorpayPaymentId: response.razorpay_payment_id
+      });
+    }
+  } catch {
+    // Silent: self-verify job completes the confirmation asynchronously.
+  } finally {
+    onSuccessfulPayment();
+  }
+};
+
+// Dismiss can fire after money was captured (UPI intent app-switch glitches)
+// — ask the server to check the order before declaring failure.
+const resolveDismissedCheckout = async ({
+  payment: localPayment,
+  onSuccessfulPayment,
+  onFailedPayment
+}) => {
+  if (localPayment?.id) {
+    try {
+      // Host axios interceptors resolve with response.data directly.
+      const {
+        payment
+      } = await paymentsApi.verify(localPayment.id);
+      if (payment?.status === "successful") {
+        onSuccessfulPayment();
+        return;
+      }
+    } catch {
+      // Fall through to the failure callback.
+    }
+  }
+  onFailedPayment();
+};
+
+exports.paymentsApi = paymentsApi;
+exports.resolveDismissedCheckout = resolveDismissedCheckout;
+exports.useCreateRazorpayPayment = useCreateRazorpayPayment;
+exports.verifyCheckoutPayment = verifyCheckoutPayment;
+//# sourceMappingURL=razorpayCheckoutOutcome-DwerRK1B.js.map

package/dist/cjs/razorpayCheckoutOutcome-DwerRK1B.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"razorpayCheckoutOutcome-DwerRK1B.js","sources":["../../app/javascript/src/apis/razorpay/payments.js","../../app/javascript/src/hooks/reactQuery/razorpay/usePaymentApi.js","../../app/javascript/src/utils/razorpayCheckoutOutcome.js"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst create = payload =>\n  axios.post(`${BASE_URL}/api/v1/public/razorpay/payments`, {\n    payment: payload,\n  });\n\n// Server-side confirmation against Razorpay's API — webhook delivery is\n// per-account and unreliable, so checkout completion must not depend on it.\n// razorpayPaymentId is optional: without it the server checks the payment's\n// order for a captured attempt (dismiss/recovery flows). Errors are silent\n// (showToastr: false) — the backend self-verify job is the correctness net;\n// this call is a latency optimization for the waiting customer.\nconst verify = (paymentId, payload = {}) =>\n  axios.post(\n    `${BASE_URL}/api/v1/public/razorpay/payments/${paymentId}/verify`,\n    { payment: payload },\n    { showToastr: false }\n  );\n\nconst defaultList = payload =>\n  axios.get(`${BASE_URL}/api/v1/razorpay/holdable/payments`, {\n    params: payload,\n  });\n\nconst list = (holdableId, payload) =>\n  axios.get(`${BASE_URL}/api/v1/razorpay/holdables/${holdableId}/payments`, {\n    params: payload,\n  });\n\nconst paymentsApi = { defaultList, list, create, verify };\n\nexport default paymentsApi;\n","import { useQuery, useMutation } from \"@tanstack/react-query\";\nimport { isPresent } from \"neetocist\";\n\nimport paymentsApi from \"apis/razorpay/payments\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchRazorpayPayments = (\n  holdableId = \"\",\n  payload = {},\n  options = {}\n) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.RAZORPAY_ACCOUNT_DETAILS, payload],\n    queryFn: () => {\n      if (isPresent(holdableId)) return paymentsApi.list(holdableId, payload);\n\n      return paymentsApi.defaultList(payload);\n    },\n    ...options,\n  });\n\nexport const useCreateRazorpayPayment = options =>\n  useMutation({ mutationFn: paymentsApi.create, ...options });\n","import { isNotPresent } from \"neetocist\";\n\nimport paymentsApi from \"apis/razorpay/payments\";\n\n// Confirms server-side against Razorpay's API instead of relying on webhook\n// delivery (per-account, silently unreliable). The success callback fires\n// regardless of the verify outcome — the backend self-verify job is the\n// correctness net, so a failed/slow verify must never strand the customer.\nexport const verifyCheckoutPayment = async ({\n  payment,\n  response,\n  onSuccessfulPayment,\n  onFailedPayment,\n}) => {\n  if (isNotPresent(response?.razorpay_signature)) {\n    onFailedPayment();\n\n    return;\n  }\n\n  try {\n    if (payment?.id) {\n      await paymentsApi.verify(payment.id, {\n        razorpayPaymentId: response.razorpay_payment_id,\n      });\n    }\n  } catch {\n    // Silent: self-verify job completes the confirmation asynchronously.\n  } finally {\n    onSuccessfulPayment();\n  }\n};\n\n// Dismiss can fire after money was captured (UPI intent app-switch glitches)\n// — ask the server to check the order before declaring failure.\nexport const resolveDismissedCheckout = async ({\n  payment: localPayment,\n  onSuccessfulPayment,\n  onFailedPayment,\n}) => {\n  if (localPayment?.id) {\n    try {\n      // Host axios interceptors resolve with response.data directly.\n      const { payment } = await paymentsApi.verify(localPayment.id);\n      if (payment?.status === \"successful\") {\n        onSuccessfulPayment();\n\n        return;\n      }\n    } catch {\n      // Fall through to the failure callback.\n    }\n  }\n\n  onFailedPayment();\n};\n"],"names":["create","payload","axios","post","BASE_URL","payment","verify","paymentId","showToastr","defaultList","get","params","list","holdableId","paymentsApi","useCreateRazorpayPayment","options","useMutation","mutationFn","verifyCheckoutPayment","response","onSuccessfulPayment","onFailedPayment","isNotPresent","razorpay_signature","id","razorpayPaymentId","razorpay_payment_id","resolveDismissedCheckout","localPayment","status"],"mappings":";;;;;;;AAIA,MAAMA,MAAM,GAAGC,OAAO,IACpBC,KAAK,CAACC,IAAI,CAAC,CAAA,EAAGC,kBAAQ,CAAA,gCAAA,CAAkC,EAAE;AACxDC,EAAAA,OAAO,EAAEJ;AACX,CAAC,CAAC;;AAEJ;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,MAAM,GAAGA,CAACC,SAAS,EAAEN,OAAO,GAAG,EAAE,KACrCC,KAAK,CAACC,IAAI,CACR,CAAA,EAAGC,kBAAQ,CAAA,iCAAA,EAAoCG,SAAS,SAAS,EACjE;AAAEF,EAAAA,OAAO,EAAEJ;AAAQ,CAAC,EACpB;AAAEO,EAAAA,UAAU,EAAE;AAAM,CACtB,CAAC;AAEH,MAAMC,WAAW,GAAGR,OAAO,IACzBC,KAAK,CAACQ,GAAG,CAAC,CAAA,EAAGN,kBAAQ,CAAA,kCAAA,CAAoC,EAAE;AACzDO,EAAAA,MAAM,EAAEV;AACV,CAAC,CAAC;AAEJ,MAAMW,IAAI,GAAGA,CAACC,UAAU,EAAEZ,OAAO,KAC/BC,KAAK,CAACQ,GAAG,CAAC,CAAA,EAAGN,kBAAQ,CAAA,2BAAA,EAA8BS,UAAU,WAAW,EAAE;AACxEF,EAAAA,MAAM,EAAEV;AACV,CAAC,CAAC;AAEJ,MAAMa,WAAW,GAAG;EAAEL,WAAW;EAAEG,IAAI;EAAEZ,MAAM;AAAEM,EAAAA;AAAO;;MCX3CS,wBAAwB,GAAGC,OAAO,IAC7CC,sBAAW,CAAC;EAAEC,UAAU,EAAEJ,WAAW,CAACd,MAAM;EAAE,GAAGgB;AAAQ,CAAC;;AClB5D;AACA;AACA;AACA;AACO,MAAMG,qBAAqB,GAAG,OAAO;EAC1Cd,OAAO;EACPe,QAAQ;EACRC,mBAAmB;AACnBC,EAAAA;AACF,CAAC,KAAK;AACJ,EAAA,IAAIC,sBAAY,CAACH,QAAQ,EAAEI,kBAAkB,CAAC,EAAE;AAC9CF,IAAAA,eAAe,EAAE;AAEjB,IAAA;AACF,EAAA;EAEA,IAAI;IACF,IAAIjB,OAAO,EAAEoB,EAAE,EAAE;AACf,MAAA,MAAMX,WAAW,CAACR,MAAM,CAACD,OAAO,CAACoB,EAAE,EAAE;QACnCC,iBAAiB,EAAEN,QAAQ,CAACO;AAC9B,OAAC,CAAC;AACJ,IAAA;AACF,EAAA,CAAC,CAAC,MAAM;AACN;AAAA,EAAA,CACD,SAAS;AACRN,IAAAA,mBAAmB,EAAE;AACvB,EAAA;AACF;;AAEA;AACA;AACO,MAAMO,wBAAwB,GAAG,OAAO;AAC7CvB,EAAAA,OAAO,EAAEwB,YAAY;EACrBR,mBAAmB;AACnBC,EAAAA;AACF,CAAC,KAAK;EACJ,IAAIO,YAAY,EAAEJ,EAAE,EAAE;IACpB,IAAI;AACF;MACA,MAAM;AAAEpB,QAAAA;OAAS,GAAG,MAAMS,WAAW,CAACR,MAAM,CAACuB,YAAY,CAACJ,EAAE,CAAC;AAC7D,MAAA,IAAIpB,OAAO,EAAEyB,MAAM,KAAK,YAAY,EAAE;AACpCT,QAAAA,mBAAmB,EAAE;AAErB,QAAA;AACF,MAAA;AACF,IAAA,CAAC,CAAC,MAAM;AACN;AAAA,IAAA;AAEJ,EAAA;AAEAC,EAAAA,eAAe,EAAE;AACnB;;;;;;;"}

package/dist/cjs/useRazorpayPayment.js

@@ -1,9 +1,10 @@
 'use strict';
 
+var react = require('react');
 var neetocist = require('neetocist');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
-var usePaymentApi = require('./usePaymentApi-B198Hd_a.js');
+var razorpayCheckoutOutcome = require('./razorpayCheckoutOutcome-DwerRK1B.js');
 var constants = require('./index-CpEnC-Gq.js');
 require('@tanstack/react-query');
 require('axios');
@@ -28,11 +29,13 @@ const useRazorpayPayment = ({
   customAmount = null,
   onBeforePayment = neetocist.noop,
   onSuccessfulPayment = neetocist.noop,
-  onFailedPayment = neetocist.noop
+  onFailedPayment = neetocist.noop,
+  onPaymentCreated = neetocist.noop
 }) => {
   const {
     t
   } = reactI18next.useTranslation();
+  const paymentRef = react.useRef(null);
   const openRazorpayCheckout = async options => {
     const script = await loadScript("https://checkout.razorpay.com/v1/checkout.js");
     if (!script) {
@@ -42,16 +45,22 @@ const useRazorpayPayment = ({
     const checkout = new window.Razorpay(options);
     checkout.open();
   };
-  const handlePayment = response => {
-    if (neetocist.isNotPresent(response?.razorpay_signature)) {
-      onFailedPayment();
-      return;
-    }
-    onSuccessfulPayment();
-  };
+  const handlePayment = response => razorpayCheckoutOutcome.verifyCheckoutPayment({
+    payment: paymentRef.current,
+    response,
+    onSuccessfulPayment,
+    onFailedPayment
+  });
+  const handleDismiss = () => razorpayCheckoutOutcome.resolveDismissedCheckout({
+    payment: paymentRef.current,
+    onSuccessfulPayment,
+    onFailedPayment
+  });
   const handleSuccess = ({
     payment
   }) => {
+    paymentRef.current = payment;
+    onPaymentCreated(payment);
     if (payment?.status === "successful") {
       return onSuccessfulPayment();
     }
@@ -61,7 +70,7 @@ const useRazorpayPayment = ({
       customer_id: payment.customerIdentifier,
       modal: {
         confirm_close: true,
-        ondismiss: onFailedPayment
+        ondismiss: handleDismiss
       },
       handler: handlePayment
     };
@@ -69,7 +78,7 @@ const useRazorpayPayment = ({
   };
   const {
     mutate: createRazorpayOrder
-  } = usePaymentApi.useCreateRazorpayPayment({
+  } = razorpayCheckoutOutcome.useCreateRazorpayPayment({
     onSuccess: handleSuccess
   });
   const makePayment = () => {

package/dist/cjs/useRazorpayPayment.js.map

@@ -1 +1 @@
-{"version":3,"file":"useRazorpayPayment.js","sources":["../../app/javascript/src/hooks/useRazorpayPayment.js"],"sourcesContent":["import { isNotPresent, noop } from \"neetocist\";\nimport { mergeDeepLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateRazorpayPayment } from \"hooks/reactQuery/razorpay/usePaymentApi\";\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 useRazorpayPayment = ({\n  payableId,\n  customAmount = 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    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 options = {\n      key: payment.publicKey,\n      order_id: payment.orderIdentifier,\n      customer_id: payment.customerIdentifier,\n      modal: { confirm_close: true, ondismiss: onFailedPayment },\n      handler: handlePayment,\n    };\n\n    return openRazorpayCheckout(\n      mergeDeepLeft(RAZORPAY_PAYMENT_BUTTON_OPTIONS, options)\n    );\n  };\n\n  const { mutate: createRazorpayOrder } = useCreateRazorpayPayment({\n    onSuccess: handleSuccess,\n  });\n\n  const makePayment = () => {\n    onBeforePayment();\n    createRazorpayOrder({ payableId, customAmount });\n  };\n\n  return { makePayment };\n};\n\nexport default useRazorpayPayment;\n"],"names":["loadScript","src","Promise","resolve","script","document","createElement","onload","onerror","body","appendChild","useRazorpayPayment","payableId","customAmount","onBeforePayment","noop","onSuccessfulPayment","onFailedPayment","t","useTranslation","openRazorpayCheckout","options","logger","error","checkout","window","Razorpay","open","handlePayment","response","isNotPresent","razorpay_signature","handleSuccess","payment","status","key","publicKey","order_id","orderIdentifier","customer_id","customerIdentifier","modal","confirm_close","ondismiss","handler","mergeDeepLeft","RAZORPAY_PAYMENT_BUTTON_OPTIONS","mutate","createRazorpayOrder","useCreateRazorpayPayment","onSuccess","makePayment"],"mappings":";;;;;;;;;;;;;;AAOA,MAAMA,UAAU,GAAGC,GAAG,IACpB,IAAIC,OAAO,CAACC,OAAO,IAAI;AACrB,EAAA,MAAMC,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;EAC/CF,MAAM,CAACH,GAAG,GAAGA,GAAG;EAChBG,MAAM,CAACG,MAAM,GAAG,MAAM;IACpBJ,OAAO,CAAC,IAAI,CAAC;EACf,CAAC;EAEDC,MAAM,CAACI,OAAO,GAAG,MAAM;IACrBL,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC;AACDE,EAAAA,QAAQ,CAACI,IAAI,CAACC,WAAW,CAACN,MAAM,CAAC;AACnC,CAAC,CAAC;AAEJ,MAAMO,kBAAkB,GAAGA,CAAC;EAC1BC,SAAS;AACTC,EAAAA,YAAY,GAAG,IAAI;AACnBC,EAAAA,eAAe,GAAGC,cAAI;AACtBC,EAAAA,mBAAmB,GAAGD,cAAI;AAC1BE,EAAAA,eAAe,GAAGF;AACpB,CAAC,KAAK;EACJ,MAAM;AAAEG,IAAAA;GAAG,GAAGC,2BAAc,EAAE;AAE9B,EAAA,MAAMC,oBAAoB,GAAG,MAAMC,OAAO,IAAI;AAC5C,IAAA,MAAMjB,MAAM,GAAG,MAAMJ,UAAU,CAC7B,8CACF,CAAC;IAED,IAAI,CAACI,MAAM,EAAE;AACXkB,MAAAA,MAAM,CAACC,KAAK,CAACL,CAAC,CAAC,kCAAkC,CAAC,CAAC;AAEnD,MAAA;AACF,IAAA;IACA,MAAMM,QAAQ,GAAG,IAAIC,MAAM,CAACC,QAAQ,CAACL,OAAO,CAAC;IAC7CG,QAAQ,CAACG,IAAI,EAAE;EACjB,CAAC;EAED,MAAMC,aAAa,GAAGC,QAAQ,IAAI;AAChC,IAAA,IAAIC,sBAAY,CAACD,QAAQ,EAAEE,kBAAkB,CAAC,EAAE;AAC9Cd,MAAAA,eAAe,EAAE;AAEjB,MAAA;AACF,IAAA;AAEAD,IAAAA,mBAAmB,EAAE;EACvB,CAAC;EAED,MAAMgB,aAAa,GAAGA,CAAC;AAAEC,IAAAA;AAAQ,GAAC,KAAK;AACrC,IAAA,IAAIA,OAAO,EAAEC,MAAM,KAAK,YAAY,EAAE;MACpC,OAAOlB,mBAAmB,EAAE;AAC9B,IAAA;AAEA,IAAA,MAAMK,OAAO,GAAG;MACdc,GAAG,EAAEF,OAAO,CAACG,SAAS;MACtBC,QAAQ,EAAEJ,OAAO,CAACK,eAAe;MACjCC,WAAW,EAAEN,OAAO,CAACO,kBAAkB;AACvCC,MAAAA,KAAK,EAAE;AAAEC,QAAAA,aAAa,EAAE,IAAI;AAAEC,QAAAA,SAAS,EAAE1B;OAAiB;AAC1D2B,MAAAA,OAAO,EAAEhB;KACV;IAED,OAAOR,oBAAoB,CACzByB,mBAAa,CAACC,yCAA+B,EAAEzB,OAAO,CACxD,CAAC;EACH,CAAC;EAED,MAAM;AAAE0B,IAAAA,MAAM,EAAEC;GAAqB,GAAGC,sCAAwB,CAAC;AAC/DC,IAAAA,SAAS,EAAElB;AACb,GAAC,CAAC;EAEF,MAAMmB,WAAW,GAAGA,MAAM;AACxBrC,IAAAA,eAAe,EAAE;AACjBkC,IAAAA,mBAAmB,CAAC;MAAEpC,SAAS;AAAEC,MAAAA;AAAa,KAAC,CAAC;EAClD,CAAC;EAED,OAAO;AAAEsC,IAAAA;GAAa;AACxB;;;;"}
+{"version":3,"file":"useRazorpayPayment.js","sources":["../../app/javascript/src/hooks/useRazorpayPayment.js"],"sourcesContent":["import { useRef } from \"react\";\n\nimport { noop } from \"neetocist\";\nimport { mergeDeepLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { useCreateRazorpayPayment } from \"hooks/reactQuery/razorpay/usePaymentApi\";\nimport { RAZORPAY_PAYMENT_BUTTON_OPTIONS } from \"src/constants\";\nimport {\n  verifyCheckoutPayment,\n  resolveDismissedCheckout,\n} from \"utils/razorpayCheckoutOutcome\";\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 useRazorpayPayment = ({\n  payableId,\n  customAmount = null,\n  onBeforePayment = noop,\n  onSuccessfulPayment = noop,\n  onFailedPayment = noop,\n  onPaymentCreated = noop,\n}) => {\n  const { t } = useTranslation();\n  const paymentRef = useRef(null);\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    checkout.open();\n  };\n\n  const handlePayment = response =>\n    verifyCheckoutPayment({\n      payment: paymentRef.current,\n      response,\n      onSuccessfulPayment,\n      onFailedPayment,\n    });\n\n  const handleDismiss = () =>\n    resolveDismissedCheckout({\n      payment: paymentRef.current,\n      onSuccessfulPayment,\n      onFailedPayment,\n    });\n\n  const handleSuccess = ({ payment }) => {\n    paymentRef.current = payment;\n    onPaymentCreated(payment);\n\n    if (payment?.status === \"successful\") {\n      return onSuccessfulPayment();\n    }\n\n    const options = {\n      key: payment.publicKey,\n      order_id: payment.orderIdentifier,\n      customer_id: payment.customerIdentifier,\n      modal: { confirm_close: true, ondismiss: handleDismiss },\n      handler: handlePayment,\n    };\n\n    return openRazorpayCheckout(\n      mergeDeepLeft(RAZORPAY_PAYMENT_BUTTON_OPTIONS, options)\n    );\n  };\n\n  const { mutate: createRazorpayOrder } = useCreateRazorpayPayment({\n    onSuccess: handleSuccess,\n  });\n\n  const makePayment = () => {\n    onBeforePayment();\n    createRazorpayOrder({ payableId, customAmount });\n  };\n\n  return { makePayment };\n};\n\nexport default useRazorpayPayment;\n"],"names":["loadScript","src","Promise","resolve","script","document","createElement","onload","onerror","body","appendChild","useRazorpayPayment","payableId","customAmount","onBeforePayment","noop","onSuccessfulPayment","onFailedPayment","onPaymentCreated","t","useTranslation","paymentRef","useRef","openRazorpayCheckout","options","logger","error","checkout","window","Razorpay","open","handlePayment","response","verifyCheckoutPayment","payment","current","handleDismiss","resolveDismissedCheckout","handleSuccess","status","key","publicKey","order_id","orderIdentifier","customer_id","customerIdentifier","modal","confirm_close","ondismiss","handler","mergeDeepLeft","RAZORPAY_PAYMENT_BUTTON_OPTIONS","mutate","createRazorpayOrder","useCreateRazorpayPayment","onSuccess","makePayment"],"mappings":"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"}

package/dist/cjs/v2/ManualUpiPayment.js

@@ -112,7 +112,7 @@ const UpiTransactionIdInput = ({
       onPaste: handlePaste,
       children: slots.map((slot, index) => /*#__PURE__*/jsxRuntime.jsx("input", {
         autoComplete: "off",
-        className: "h-10 w-8 neeto-ui-rounded border neeto-ui-border-gray-300 text-center text-base focus:neeto-ui-border-gray-500 focus:outline-none",
+        className: "h-10 w-8 rounded border border-gray-300 text-center text-base focus:border-gray-500 focus:outline-none",
         "data-testid": `upi-transaction-id-box-${index}`,
         inputMode: "numeric",
         maxLength: 1,
@@ -125,7 +125,7 @@ const UpiTransactionIdInput = ({
         onKeyDown: event => handleKeyDown(index, event)
       }, index))
     }), showError && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-      className: "neeto-ui-text-error-500 mt-1",
+      className: "text-error-500 mt-1",
       variant: "body3",
       children: meta.error
     })]
@@ -221,7 +221,7 @@ const ManualUpiPayment = ({
       dirty
     }) => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-        className: "neeto-ui-text-gray-600",
+        className: "text-gray-600",
         variant: "body2",
         children: t("neetoPayments.upi.payment.vpaText", {
           count: vpaIds.length