https://www.masteringobservability.com/assets/react-stripe.esm-BTPVjSBv.js

1
2!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="edd66d52-623f-5dc3-8ba8-6ede8d40895b")}catch(e){}}();
3import{s as e}from"./jsx-runtime-D4ePz0Hl.js";import{t}from"./react-BXH-GOAS.js";import{t as n}from"./prop-types-CoWeUPqt.js";var r=e(t(),1),i=e(n(),1);function a(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?a(Object(n),!0).forEach(function(t){c(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):a(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function s(e){"@babel/helpers - typeof";return s=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},s(e)}function c(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function l(e,t){if(e==null)return{};var n={},r=Object.keys(e),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(n[i]=e[i]);return n}function u(e,t){if(e==null)return{};var n=l(e,t),r,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)r=a[i],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function d(e,t){return f(e)||p(e,t)||m(e,t)||g()}function f(e){if(Array.isArray(e))return e}function p(e,t){var n=e&&(typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`]);if(n!=null){var r=[],i=!0,a=!1,o,s;try{for(n=n.call(e);!(i=(o=n.next()).done)&&(r.push(o.value),!(t&&r.length===t));i=!0);}catch(e){a=!0,s=e}finally{try{!i&&n.return!=null&&n.return()}finally{if(a)throw s}}return r}}function m(e,t){if(e){if(typeof e==`string`)return h(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`)return Array.from(e);if(n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return h(e,t)}}function h(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function g(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
4In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var _=function(e,t,n){var i=!!n,a=r.useRef(n);r.useEffect(function(){a.current=n},[n]),r.useEffect(function(){if(!i||!e)return function(){};var n=function(){a.current&&a.current.apply(a,arguments)};return e.on(t,n),function(){e.off(t,n)}},[i,t,e,a])},v=function(e){var t=r.useRef(e);return r.useEffect(function(){t.current=e},[e]),t.current},y=function(e){return e!==null&&s(e)===`object`},b=function(e){return y(e)&&typeof e.then==`function`},x=function(e){return y(e)&&typeof e.elements==`function`&&typeof e.createToken==`function`&&typeof e.createPaymentMethod==`function`&&typeof e.confirmCardPayment==`function`},S=`[object Object]`,C=function e(t,n){if(!y(t)||!y(n))return t===n;var r=Array.isArray(t);if(r!==Array.isArray(n))return!1;var i=Object.prototype.toString.call(t)===S;if(i!==(Object.prototype.toString.call(n)===S))return!1;if(!i&&!r)return t===n;var a=Object.keys(t),o=Object.keys(n);if(a.length!==o.length)return!1;for(var s={},c=0;c<a.length;c+=1)s[a[c]]=!0;for(var l=0;l<o.length;l+=1)s[o[l]]=!0;var u=Object.keys(s);if(u.length!==a.length)return!1;var d=t,f=n;return u.every(function(t){return e(d[t],f[t])})},w=function(e,t,n){return y(e)?Object.keys(e).reduce(function(r,i){var a=!y(t)||!C(e[i],t[i]);return n.includes(i)?(a&&console.warn(`Unsupported prop change: options.${i} is not a mutable property.`),r):a?o(o({},r||{}),{},c({},i,e[i])):r},null):null},T="Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.",E=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:T;if(e===null||x(e))return e;throw Error(t)},D=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:T;

4if(b(e))return{tag:`async`,stripePromise:Promise.resolve(e).then(function(e){return E(e,t)})};var n=E(e,t);return n===null?{tag:`empty`}:{tag:`sync`,stripe:n}},O=function(e){!e||!e._registerWrapper||!e.registerAppInfo||(e._registerWrapper({name:`react-stripe-js`,version:`5.6.1`}),e.registerAppInfo({name:`react-stripe-js`,version:`5.6.1`,url:`https://stripe.com/docs/stripe-js/react`}))},k=r.createContext(null);k.displayName=`ElementsContext`;var A=function(e,t){if(!e)throw Error(`Could not find Elements context; You need to wrap the part of your app that ${t} in an <Elements> provider.`);return e},j=function(e){var t=e.stripe,n=e.options,i=e.children,a=r.useMemo(function(){return D(t)},[t]),o=d(r.useState(function(){return{stripe:a.tag===`sync`?a.stripe:null,elements:a.tag===`sync`?a.stripe.elements(n):null}}),2),s=o[0],c=o[1];r.useEffect(function(){var e=!0,t=function(e){c(function(t){return t.stripe?t:{stripe:e,elements:e.elements(n)}})};return a.tag===`async`&&!s.stripe?a.stripePromise.then(function(n){n&&e&&t(n)}):a.tag===`sync`&&!s.stripe&&t(a.stripe),function(){e=!1}},[a,s,n]);var l=v(t);r.useEffect(function(){l!==null&&l!==t&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")},[l,t]);var u=v(n);return r.useEffect(function(){if(s.elements){var e=w(n,u,[`clientSecret`,`fonts`]);e&&s.elements.update(e)}},[n,u,s.elements]),r.useEffect(function(){O(s.stripe)},[s.stripe]),r.createElement(k.Provider,{value:s},i)};j.propTypes={stripe:i.default.any,options:i.default.object};var M=function(e){return A(r.useContext(k),e)},N=function(){return M(`calls useElements()`).elements},P=function(e){var t=e.children;return t(M(`mounts <ElementsConsumer>`))};P.propTypes={children:i.default.func.isRequired};var F=r.createContext(null);F.displayName=`CheckoutContext`,i.default.any,i.default.shape({clientSecret:i.default.oneOfType([i.default.string,i.default.instanceOf(Promise)]).isRequired,elementsOptions:i.default.object}).isRequired;var I=function(e){var t=r.useContext(F),n=r.useContext(k);if(t){if(n)throw Error(`You cannot wrap the part of your app that ${e} in both <CheckoutProvider> and <Elements> providers.`);return t}else return A(n,e)},L=[`mode`],R=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},z=function(e,t){var n=`${R(e)}Element`,a=t?function(e){I(`mounts <${n}>`);var t=e.id,i=e.className;return r.createElement(`div`,{id:t,className:i})}:function(t){var i=t.id,a=t.className,o=t.options,s=o===void 0?{}:o,c=t.onBlur,l=t.onFocus,f=t.onReady,p=t.onChange,m=t.onEscape,h=t.onClick,g=t.onLoadError,y=t.onLoaderStart,b=t.onNetworksChange,x=t.onConfirm,S=t.onCancel,C=t.onShippingAddressChange,T=t.onShippingRateChange,E=t.onSavedPaymentMethodRemove,D=t.onSavedPaymentMethodUpdate,O=I(`mounts <${n}>`),k=`elements`in O?O.elements:null,A=`checkoutState`in O?O.checkoutState:null,j=A?.type===`success`||A?.type===`loading`?A.sdk:null,M=d(r.useState(null),2),N=M[0],P=M[1],F=r.useRef(null),R=r.useRef(null);_(N,`blur`,c),_(N,`focus`,l),_(N,`escape`,m),_(N,`click`,h),_(N,`loaderror`,g),_(N,`loaderstart`,y),_(N,`networkschange`,b),_(N,`confirm`,x),_(N,`cancel`,S),_(N,`shippingaddresschange`,C),_(N,`shippingratechange`,T),_(N,`savedpaymentmethodremove`,E),_(N,`savedpaymentmethodupdate`,D),_(N,`change`,p);var z;f&&(z=e===`expressCheckout`?f:function(){f(N)}),_(N,`ready`,z),r.useLayoutEffect(function(){if(F.current===null&&R.current!==null&&(k||j)){var t=null;if(j)switch(e){case`paymentForm`:t=j.createPaymentFormElement(s);break;case`payment`:t=j.createPaymentElement(s);break;case`address`:if(`mode`in s){var r=s.mode,i=u(s,L);if(r===`shipping`)t=j.createShippingAddressElement(i);else if(r===`billing`)t=j.createBillingAddressElement(i);else throw Error(`Invalid options.mode. mode must be 'billing' or 'shipping'.`)}else throw Error(`You must supply options.mode. mode must be 'billing' or 'shipping'.`);break;case`expressCheckout`:t=j.createExpressCheckoutElement(s);break;case`currencySelector`:t=j.createCurrencySelectorElement();break;case`taxId`:t=j.createTaxIdElement(s);break;default:throw Error(`Invalid Element type ${n}. You must use either the <PaymentElement />

4, <AddressElement options={{mode: 'shipping'}} />, <AddressElement options={{mode: 'billing'}} />, or <ExpressCheckoutElement />.`)}else k&&(t=k.create(e,s));F.current=t,P(t),t&&t.mount(R.current)}},[k,j,s]);var B=v(s);return r.useEffect(function(){if(F.current){var e=w(s,B,[`paymentRequest`]);e&&`update`in F.current&&F.current.update(e)}},[s,B]),r.useLayoutEffect(function(){return function(){if(F.current&&typeof F.current.destroy==`function`)try{F.current.destroy(),F.current=null}catch{}}},[]),r.createElement(`div`,{id:i,className:a,ref:R})};return a.propTypes={id:i.default.string,className:i.default.string,onChange:i.default.func,onBlur:i.default.func,onFocus:i.default.func,onReady:i.default.func,onEscape:i.default.func,onClick:i.default.func,onLoadError:i.default.func,onLoaderStart:i.default.func,onNetworksChange:i.default.func,onConfirm:i.default.func,onCancel:i.default.func,onShippingAddressChange:i.default.func,onShippingRateChange:i.default.func,onSavedPaymentMethodRemove:i.default.func,onSavedPaymentMethodUpdate:i.default.func,options:i.default.object},a.displayName=n,a.__elementType=e,a},B=typeof window>`u`,V=r.createContext(null);V.displayName=`EmbeddedCheckoutProviderContext`;var H=function(){var e=r.useContext(V);if(!e)throw Error(`<EmbeddedCheckout> must be used within <EmbeddedCheckoutProvider>`);return e},U="Invalid prop `stripe` supplied to `EmbeddedCheckoutProvider`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.",W=function(e){var t=e.stripe,n=e.options,i=e.children,a=r.useMemo(function(){return D(t,U)},[t]),o=r.useRef(null),s=r.useRef(null),c=d(r.useState({embeddedCheckout:null}),2),l=c[0],u=c[1];r.useEffect(function(){if(!(s.current||o.current)){var e=function(e){s.current||o.current||(s.current=e,o.current=s.current.initEmbeddedCheckout(n).then(function(e){u({embeddedCheckout:e})}))};a.tag===`async`&&!s.current&&(n.clientSecret||n.fetchClientSecret)?a.stripePromise.then(function(t){t&&e(t)}):a.tag===`sync`&&!s.current&&(n.clientSecret||n.fetchClientSecret)&&e(a.stripe)}},[a,n,l,s]),r.useEffect(function(){return function(){l.embeddedCheckout?(o.current=null,l.embeddedCheckout.destroy()):o.current&&o.current.then(function(){o.current=null,l.embeddedCheckout&&l.embeddedCheckout.destroy()})}},[l.embeddedCheckout]),r.useEffect(function(){O(s)},[s]);var f=v(t);r.useEffect(function(){f!==null&&f!==t&&console.warn("Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the `stripe` prop after setting it.")},[f,t]);var p=v(n);return r.useEffect(function(){if(p!=null){if(n==null){console.warn(`Unsupported prop change on EmbeddedCheckoutProvider: You cannot unset options after setting them.`);return}n.clientSecret===void 0&&n.fetchClientSecret===void 0&&console.warn("Invalid props passed to EmbeddedCheckoutProvider: You must provide one of either `options.fetchClientSecret` or `options.clientSecret`."),p.clientSecret!=null&&n.clientSecret!==p.clientSecret&&console.warn(`Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the client secret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead.`),p.fetchClientSecret!=null&&n.fetchClientSecret!==p.fetchClientSecret&&console.warn(`Unsupported prop change on EmbeddedCheckoutProvider: You cannot change fetchClientSecret after setting it. Unmount and create a new instance of EmbeddedCheckoutProvider instead.`),p.onComplete!=null&&n.onComplete!==p.onComplete&&console.warn(`Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onComplete option after setting it.`),p.onShippingDetailsChange!=null&&n.onShippingDetailsChange!==p.onShippingDetailsChange&&console.warn(`Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onShippingDetailsChange option after setting it.`),p.onLineItemsChange!=null&&n.onLineItemsChange!==p.onLineItemsChange&&console.warn(`Unsupported prop change on EmbeddedCheckoutProvider: You cannot change the onLineItemsChange option after setting it.`)}},[p,n]),r.createElement(V.Provider,{value:l},i)},G=B?function(e){var t=e.id,n=e.className;return H(),r.createElement(`div`,{id:t,className:n})}:function(e){var t=e.id,n=e.className,i=H().embeddedCheckout,a=r.useRef(!1),o=r.useRef(null);return r.useLayoutEffect(function(){return!a.current&&i&&o.current!==null&&(i.mount(o.current),a.current=!0),function(){if(a.current&&i)try{i.unmount(),a.current=!1}catch{}}},[i]),r.createElement(`div`,{ref:o,id:t,className:n})},K=function(){return I(`calls useStripe()`).stripe};z(`auBankAccount`,B);var q=z(`card`,B);z(`cardNumber`,B),z(`cardExpiry`,B),z(`cardCvc`,B),z(`iban`,B);var J=z(`payment`,B);z(`expressCheckout`,B);var Y=z(`paymentRequestButton`,B);z(`linkAuthentication`,B),z(`address`,B),z(`shippingAddress`,B),z(`paymentMethodMessaging`,B),z(`taxId`,B);export{J as a,K as c,W as i,j as n,Y as o,G as r,N as s,q as t};
5//# sourceMappingURL=react-stripe.esm-BTPVjSBv.js.map
6//# debugId=edd66d52-623f-5dc3-8ba8-6ede8d40895b