@bigbinary/neeto-payments-frontend 2.1.5 → 2.2.0

package/dist/cjs/RazorpayPaymentButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RazorpayPaymentButton.js","sources":["../../app/javascript/src/components/RazorpayPaymentButton.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { isNotPresent, noop, findBy } from \"neetocist\";\nimport { Button } from \"neetoui\";\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 RazorpayPaymentButton = ({\n  label,\n  payableId,\n  discountCode,\n  email,\n  name,\n  isCardPreservable = false,\n  theme = {},\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 save = isCardPreservable ? 1 : 0;\n    const themePrimaryColor = findBy(\n      { key: \"primary_color\" },\n      theme?.properties\n    )?.value;\n\n    const options = {\n      save,\n      key: payment.publicKey,\n      order_id: payment.orderIdentifier,\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    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      discountCode,\n      customerAttributes: { email, name },\n    };\n    createRazorpayOrder(payload);\n  };\n\n  return (\n    <Button\n      disabled={isPending}\n      label={label || t(\"neetoPayments.common.pay\")}\n      loading={isPending}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default RazorpayPaymentButton;\n"],"names":["loadScript","src","Promise","resolve","script","document","createElement","onload","onerror","body","appendChild","RazorpayPaymentButton","_ref","label","payableId","discountCode","email","name","isCardPreservable","theme","onBeforePayment","noop","onSuccessfulPayment","onFailedPayment","t","useTranslation","openRazorpayCheckout","options","logger","error","checkout","window","Razorpay","open","handlePayment","response","isNotPresent","razorpay_signature","handleSuccess","_ref2","payment","status","save","themePrimaryColor","findBy","key","properties","value","publicKey","order_id","orderIdentifier","customer_id","customerIdentifier","prefill","modal","confirm_close","ondismiss","handler","color","mergeDeepLeft","RAZORPAY_PAYMENT_BUTTON_OPTIONS","isPending","mutate","createRazorpayOrder","useCreateRazorpayPayment","onSuccess","handleClick","payload","customerAttributes","React","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 { Button } from \"neetoui\";\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 RazorpayPaymentButton = ({\n  label,\n  payableId,\n  discountCode,\n  email,\n  name,\n  isCardPreservable = false,\n  theme = {},\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 save = isCardPreservable ? 1 : 0;\n    const themePrimaryColor = findBy(\n      { key: \"primary_color\" },\n      theme?.properties\n    )?.value;\n\n    const options = {\n      save,\n      key: payment.publicKey,\n      order_id: payment.orderIdentifier,\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    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      discountCode,\n      customerAttributes: { email, name },\n    };\n    createRazorpayOrder(payload);\n  };\n\n  return (\n    <Button\n      disabled={isPending}\n      label={label || t(\"neetoPayments.common.pay\")}\n      loading={isPending}\n      onClick={handleClick}\n    />\n  );\n};\n\nexport default RazorpayPaymentButton;\n"],"names":["loadScript","src","Promise","resolve","script","document","createElement","onload","onerror","body","appendChild","RazorpayPaymentButton","_ref","label","payableId","discountCode","email","name","isCardPreservable","theme","onBeforePayment","noop","onSuccessfulPayment","onFailedPayment","t","useTranslation","openRazorpayCheckout","options","logger","error","checkout","window","Razorpay","open","handlePayment","response","isNotPresent","razorpay_signature","handleSuccess","_ref2","payment","status","save","themePrimaryColor","findBy","key","properties","value","publicKey","order_id","orderIdentifier","customer_id","customerIdentifier","prefill","modal","confirm_close","ondismiss","handler","color","mergeDeepLeft","RAZORPAY_PAYMENT_BUTTON_OPTIONS","isPending","mutate","createRazorpayOrder","useCreateRazorpayPayment","onSuccess","handleClick","payload","customerAttributes","React","Button","disabled","loading","onClick"],"mappings":"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"}

package/dist/cjs/StripeConnect.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var React$1 = require('react');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var neetointegrations = require('neetointegrations');
@@ -47,8 +47,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React$1);
 var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
 var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
@@ -146,7 +145,7 @@ const AccountForm = _ref => {
     t
   } = reactI18next.useTranslation();
   const history = reactRouterDom.useHistory();
-  const [isPolling, setIsPolling] = React.useState(false);
+  const [isPolling, setIsPolling] = React$1.useState(false);
   const submitButtonLabel = isPolling ? t("neetoPayments.integrationModal.creating") : t("neetoPayments.common.connect");
   const refetchInterval = function () {
     let {
@@ -190,25 +189,25 @@ const AccountForm = _ref => {
     createStripeAccount(payload);
   };
   if (isLoading) {
-    return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
+    return /*#__PURE__*/React.createElement(PageLoader__default["default"], null);
   }
-  return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
+  return /*#__PURE__*/React.createElement(Form__default["default"], {
     formikProps: {
       enableReinitialize: true,
       initialValues: INITIAL_VALUES,
       validationSchema: VALIDATION_SCHEMA,
       onSubmit: handleSubmit
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "space-y-3"
-  }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
+  }, /*#__PURE__*/React.createElement(Select__default["default"], {
     required: true,
     helpText: t("neetoPayments.integrationModal.form.helpText"),
     label: t("neetoPayments.integrationModal.form.label"),
     name: "country",
     options: buildCountryOptions(countries),
     placeholder: t("neetoPayments.integrationModal.form.placeholder")
-  }), /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
+  }), /*#__PURE__*/React.createElement(ActionBlock__default["default"], {
     cancelButtonProps: {
       onClick: () => history.goBack()
     },
@@ -231,24 +230,24 @@ const AccountDetails = _ref => {
   const {
     t
   } = reactI18next.useTranslation();
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "mb-6 space-y-3"
-  }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+  }, /*#__PURE__*/React.createElement(Typography__default["default"], {
     style: "h5",
     weight: "medium"
-  }, t("neetoPayments.integrationModal.account.title")), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, t("neetoPayments.integrationModal.account.title")), /*#__PURE__*/React.createElement("div", {
     className: "grid grid-cols-4 gap-y-3"
-  }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
+  }, /*#__PURE__*/React.createElement(Label__default["default"], {
     className: "neeto-ui-text-gray-800"
-  }, t("neetoPayments.common.id")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
+  }, t("neetoPayments.common.id")), /*#__PURE__*/React.createElement(Label__default["default"], {
     className: "neeto-ui-text-gray-800 col-span-3"
-  }, stripeAccount?.identifier), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
+  }, stripeAccount?.identifier), /*#__PURE__*/React.createElement(Label__default["default"], {
     className: "neeto-ui-text-gray-800"
-  }, t("neetoPayments.common.email")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
+  }, t("neetoPayments.common.email")), /*#__PURE__*/React.createElement(Label__default["default"], {
     className: "neeto-ui-text-gray-800 col-span-3"
-  }, stripeAccount?.email), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
+  }, stripeAccount?.email), /*#__PURE__*/React.createElement(Label__default["default"], {
     className: "neeto-ui-text-gray-800"
-  }, t("neetoPayments.common.country")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
+  }, t("neetoPayments.common.country")), /*#__PURE__*/React.createElement(Label__default["default"], {
     className: "neeto-ui-text-gray-800 col-span-3"
   }, stripeAccount?.country)));
 };
@@ -261,13 +260,13 @@ const AccountProcessing = _ref => {
   const {
     app
   } = reactUtils.useQueryParams();
-  const [isAlertOpen, setIsAlertOpen] = React.useState(false);
-  const [isPolling, setIsPolling] = React.useState(false);
+  const [isAlertOpen, setIsAlertOpen] = React$1.useState(false);
+  const [isPolling, setIsPolling] = React$1.useState(false);
   const {
     t
   } = reactI18next.useTranslation();
   const isStripeCallback = app === "stripe";
-  React.useEffect(() => {
+  React$1.useEffect(() => {
     if (!isStripeCallback) return;
     setIsPolling(true);
     setInterval(() => {
@@ -314,24 +313,24 @@ const AccountProcessing = _ref => {
   const handleUseAnotherStripeAccount = () => {
     destroyStripeAccount(stripeAccount?.id);
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(AccountDetails, null), /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(AccountDetails, null), /*#__PURE__*/React.createElement("div", {
     className: "flex flex-col items-start space-y-2"
-  }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+  }, /*#__PURE__*/React.createElement(Button__default["default"], {
     disabled: isPolling,
     href: buildRefreshUrl(stripeAccount?.id, returnUrl),
     label: buttonLabel(),
     loading: isPolling,
     size: "small"
-  }), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+  }), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/React.createElement(Button__default["default"], {
     disabled: isStripeAccountDestroying || isPolling,
     label: t("neetoPayments.integrationModal.anotherAccount"),
     size: "small",
     style: "link",
     onClick: () => setIsAlertOpen(true)
-  })), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
+  })), /*#__PURE__*/React.createElement(Alert__default["default"], {
     isOpen: isAlertOpen,
     title: t("neetoPayments.integrationModal.alert.changeTitle"),
-    message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    message: /*#__PURE__*/React.createElement(reactI18next.Trans, {
       i18nKey: "neetoPayments.integrationModal.alert.changeMessage",
       values: {
         account: stripeAccount?.email
@@ -362,21 +361,21 @@ const Configure = _ref => {
     window.open(onboarding?.url, "_self");
   };
   const connectDescription = neetoCist.isPresent(stripeAccount) ? t("neetoPayments.integrationModal.linkedDescription") : t("neetoPayments.integrationModal.subtitle");
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "mx-auto w-full max-w-lg space-y-8"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "space-y-2"
-  }, /*#__PURE__*/React__default["default"].createElement(SvgStripe, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+  }, /*#__PURE__*/React.createElement(SvgStripe, null), /*#__PURE__*/React.createElement(Typography__default["default"], {
     "data-cy": "configure-payment-title",
     style: "h2",
     weight: "semibold"
-  }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
+  }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React.createElement(Label__default["default"], {
     className: "leading-snug"
-  }, connectDescription)), neetoCist.isPresent(stripeAccount) ? /*#__PURE__*/React__default["default"].createElement(AccountProcessing, {
+  }, connectDescription)), neetoCist.isPresent(stripeAccount) ? /*#__PURE__*/React.createElement(AccountProcessing, {
     onAccountCreated: handleStripeAccountCreated,
     holdableId,
     returnUrl
-  }) : /*#__PURE__*/React__default["default"].createElement(AccountForm, {
+  }) : /*#__PURE__*/React.createElement(AccountForm, {
     holdableId,
     returnUrl,
     onAccountCreated: handleStripeAccountCreated
@@ -1999,7 +1998,7 @@ const Connect = _ref => {
   const {
     t
   } = reactI18next.useTranslation();
-  const [selectedOption, setSelectedOption] = React.useState(INTEGRATION_METHOD.createNewAccount);
+  const [selectedOption, setSelectedOption] = React$1.useState(INTEGRATION_METHOD.createNewAccount);
   const stripeConnectUrl = buildStripeConnectUrl(holdableId, returnUrl);
   const handleSubmit = () => {
     if (selectedOption !== INTEGRATION_METHOD.useExistingAccount) {
@@ -2008,31 +2007,31 @@ const Connect = _ref => {
     }
     window.location.href = purify.sanitize(stripeConnectUrl);
   };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "mx-auto w-full max-w-lg space-y-8"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "space-y-2"
-  }, /*#__PURE__*/React__default["default"].createElement(SvgStripe, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
+  }, /*#__PURE__*/React.createElement(SvgStripe, null), /*#__PURE__*/React.createElement(Typography__default["default"], {
     "data-cy": "configure-payment-title",
     style: "h2",
     weight: "semibold"
-  }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
+  }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React.createElement(Label__default["default"], {
     className: "leading-snug"
-  }, t("neetoPayments.integrationModal.subtitle"))), /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], {
+  }, t("neetoPayments.integrationModal.subtitle"))), /*#__PURE__*/React.createElement(Radio__default["default"], {
     stacked: true,
     value: selectedOption,
     onChange: event => setSelectedOption(event.target.value)
-  }, /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Item, {
+  }, /*#__PURE__*/React.createElement(Radio__default["default"].Item, {
     className: "neeto-ui-border-black w-96 py-2",
     label: t("neetoPayments.integrationModal.createAccount"),
     name: "accountMethod",
     value: INTEGRATION_METHOD.createNewAccount
-  }), /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Item, {
+  }), /*#__PURE__*/React.createElement(Radio__default["default"].Item, {
     className: "neeto-ui-border-black w-96 py-2",
     label: t("neetoPayments.integrationModal.connectAccount"),
     name: "accountMethod",
     value: INTEGRATION_METHOD.useExistingAccount
-  })), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
+  })), /*#__PURE__*/React.createElement(Button__default["default"], {
     label: t("neetoPayments.common.continue"),
     onClick: handleSubmit
   }));
@@ -2043,10 +2042,10 @@ const Finish = reactUtils.withT(_ref => {
     t,
     onSuccess
   } = _ref;
-  return /*#__PURE__*/React__default["default"].createElement(neetointegrations.Finish, {
+  return /*#__PURE__*/React.createElement(neetointegrations.Finish, {
     title: t("v2.payment.finishTitle"),
     onClick: onSuccess
-  }, /*#__PURE__*/React__default["default"].createElement(AccountDetails, null));
+  }, /*#__PURE__*/React.createElement(AccountDetails, null));
 });
 
 const StripeConnect = _ref => {
@@ -2063,7 +2062,7 @@ const StripeConnect = _ref => {
     } = {}
   } = useConnectApi.useFetchConnectedStripeAccount(holdableId);
   const [activeTab, setActiveTab] = reactUtils.useStateWithDependency(getInitialTab(stripeAccount), [stripeAccount]);
-  const steps = React.useMemo(() => {
+  const steps = React$1.useMemo(() => {
     const [connect, configure, finish, demo] = INTEGRATION_STEPS;
     return [{
       ...connect,
@@ -2083,20 +2082,20 @@ const StripeConnect = _ref => {
       isCompleted: activeTab === STEPS.demo
     }];
   }, [activeTab, stripeAccount]);
-  return /*#__PURE__*/React__default["default"].createElement(neetointegrations.Modal, {
+  return /*#__PURE__*/React.createElement(neetointegrations.Modal, {
     isOpen,
     onClose,
     steps
-  }, activeTab === STEPS.connect && /*#__PURE__*/React__default["default"].createElement(Connect, {
+  }, activeTab === STEPS.connect && /*#__PURE__*/React.createElement(Connect, {
     holdableId,
     returnUrl,
     setActiveTab
-  }), activeTab === STEPS.configure && /*#__PURE__*/React__default["default"].createElement(Configure, {
+  }), activeTab === STEPS.configure && /*#__PURE__*/React.createElement(Configure, {
     holdableId,
     returnUrl
-  }), activeTab === STEPS.finish && /*#__PURE__*/React__default["default"].createElement(Finish, {
+  }), activeTab === STEPS.finish && /*#__PURE__*/React.createElement(Finish, {
     onSuccess: onClose
-  }), activeTab === STEPS.demo && /*#__PURE__*/React__default["default"].createElement(neetointegrations.Demo, {
+  }), activeTab === STEPS.demo && /*#__PURE__*/React.createElement(neetointegrations.Demo, {
     onClose
   }));
 };