@juspay-tech/react-hyper-js 1.2.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.js CHANGED
@@ -1 +1 @@
1
- var je=Object.create;var j=Object.defineProperty;var Ie=Object.getOwnPropertyDescriptor;var qe=Object.getOwnPropertyNames;var He=Object.getPrototypeOf,Ge=Object.prototype.hasOwnProperty;var Ke=(e,n)=>{for(var r in n)j(e,r,{get:n[r],enumerable:!0})},se=(e,n,r,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of qe(n))!Ge.call(e,t)&&t!==r&&j(e,t,{get:()=>n[t],enumerable:!(o=Ie(n,t))||o.enumerable});return e};var m=(e,n,r)=>(r=e!=null?je(He(e)):{},se(n||!e||!e.__esModule?j(r,"default",{value:e,enumerable:!0}):r,e)),Xe=e=>se(j({},"__esModule",{value:!0}),e);var gt={};Ke(gt,{ApplePayElement:()=>vt,CardCVCElement:()=>ft,CardCVCWidget:()=>dt,CardElement:()=>mt,CardExpiryElement:()=>pt,CardExpiryWidget:()=>yt,CardNumberElement:()=>ct,CardNumberWidget:()=>st,CardWidget:()=>lt,Elements:()=>ot,ExpressCheckoutElement:()=>Et,GooglePayElement:()=>Ct,HyperElements:()=>at,HyperManagementElements:()=>ht,PayPalElement:()=>_t,PaymentElement:()=>ut,PaymentMethodsManagementElement:()=>xt,UnifiedCheckout:()=>it,useElements:()=>rt,useHyper:()=>et,useStripe:()=>nt,useWidgets:()=>tt});module.exports=Xe(gt);var U=m(require("react"));var Re=m(require("react/jsx-runtime"));var h=m(require("react"));var b=m(require("react"));function Le(e,n){}function ze(){}function Qe(){}function Ye(e){}function Ze(){}function en(){}function nn(e){}function tn(){}function rn(){}var fe={on:Le,collapse:ze,blur:Qe,update:Ye,destroy:Ze,unmount:en,mount:nn,focus:tn,clear:rn};function an(e){if(typeof e=="boolean")return e}function un(e){if(e===null)return null}function mn(e){if(typeof e=="string")return e}function ln(e){if(typeof e=="number")return e}function cn(e){if(typeof e=="object"&&!Array.isArray(e)&&e!==null)return e}function sn(e){if(Array.isArray(e))return e}var _={bool:an,$$null:un,string:mn,$$float:ln,object:cn,array:sn};function Q(e,n,r){for(var o=new Array(r),t=0,a=n;t<r;)o[t]=e[a],t=t+1|0,a=a+1|0;return o}function de(e,n){for(;;){var r=n,o=e,t=o.length,a=t===0?1:t,l=r.length,c=a-l|0;if(c===0)return o.apply(null,r);if(c>=0)return function(d,u){return function(i){return de(d,u.concat([i]))}}(o,r);n=Q(r,a,-c|0),e=o.apply(null,Q(r,0,a))}}function pn(e,n){var r=e.length;if(r===1)return e(n);switch(r){case 1:return e(n);case 2:return function(o){return e(n,o)};case 3:return function(o,t){return e(n,o,t)};case 4:return function(o,t,a){return e(n,o,t,a)};case 5:return function(o,t,a,l){return e(n,o,t,a,l)};case 6:return function(o,t,a,l,c){return e(n,o,t,a,l,c)};case 7:return function(o,t,a,l,c,d){return e(n,o,t,a,l,c,d)};default:return de(e,[n])}}function I(e){var n=e.length;return n===1?e:function(r){return pn(e,r)}}function R(e){return e===void 0?{BS_PRIVATE_NESTED_SOME_NONE:0}:e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0?{BS_PRIVATE_NESTED_SOME_NONE:e.BS_PRIVATE_NESTED_SOME_NONE+1|0}:e}function q(e){if(!(e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0))return e;var n=e.BS_PRIVATE_NESTED_SOME_NONE;if(n!==0)return{BS_PRIVATE_NESTED_SOME_NONE:n-1|0}}function yn(e,n){if(e!==void 0)return n(q(e))}function k(e,n){return yn(e,I(n))}function E(e,n){return e!==void 0?q(e):n}function _n(e){return Promise.resolve({})}function En(e,n,r){return Promise.resolve({})}function hn(e){return Promise.resolve({})}function ye(e){return e}var B={clientSecret:"",confirmPayment:_n,confirmCardPayment:En,retrievePaymentIntent:hn,paymentRequest:ye},S=b.createContext(B),xn=S.Provider,G={make:xn},Y={ephemeralKey:"",paymentRequest:ye},Z=b.createContext(Y),gn=Z.Provider,Ce={make:gn};function O(e,n,r){return E(k(e[n],_.string),r)}function K(e){var n=E(_.object(e),{});return{fonts:E(k(n.fonts,_.array),[]),locale:O(n,"locale",""),clientSecret:O(n,"clientSecret",""),appearance:E(k(n.appearance,_.object),{}),loader:O(n,"loader","auto")}}function ve(e){}function _e(e){}function Ee(){return new Promise(function(e,n){setTimeout(function(){e({})},1e3)})}function he(e,n){return fe}var Pn={fonts:[],locale:"",clientSecret:"",appearance:{},loader:""},W={options:Pn,update:ve,getElement:_e,fetchUpdates:Ee,create:he},M=b.createContext(W),Rn=M.Provider,X={make:Rn};function xe(e){var n=E(_.object(e),{});return{fonts:E(k(n.fonts,_.array),[]),locale:O(n,"locale",""),ephemeralKey:O(n,"ephemeralKey",""),appearance:E(k(n.appearance,_.object),{}),loader:O(n,"loader","auto")}}var kn={fonts:[],locale:"",ephemeralKey:"",appearance:{},loader:""},ee={options:kn,update:ve,getElement:_e,fetchUpdates:Ee,create:he},ne=b.createContext(ee),On=ne.Provider,ge={make:On};var Pe=m(require("react/jsx-runtime"));function Sn(e){var n=e.onClick,r=e.onBlur,o=e.onFocus,t=e.componentType,a=e.onReady,l=e.onChange,c=e.options,d=e.id,u=d!==void 0?d:"payment-Element",i=h.useContext(S),C=h.useContext(M),y=h.useRef(null),p=C.create(t,c);return h.useEffect(function(){var s=C.create(t,c);s.mount("#orca-elements-payment-element-"+u)},[y,C]),h.useEffect(function(){p.on("ready",a),p.on("focus",o),p.on("blur",r),p.on("clickTriggered",n),p.on("change",l)},[C,i]),Pe.jsx("div",{ref:R(y),id:"orca-elements-payment-element-"+u})}var f=Sn;function Mn(e){return Re.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"cardCvc",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var te=Mn;var A=m(require("react"));function N(e,n){return n.then(I(e))}var oe=m(require("react/jsx-runtime"));function Nn(e){var n=e.options,r=e.stripe,o=K(n),t=A.useState(function(){return B}),a=t[1],l=A.useState(function(){return W}),c=l[1];return A.useEffect(function(){(function(d){return N(function(u){var i=u.elements(n),C=i.update,y=i.getElement,p=i.fetchUpdates,s=i.create,g={options:o,update:C,getElement:y,fetchUpdates:p,create:s},F=o.clientSecret,J=u.confirmPayment,P=u.confirmCardPayment,V=u.retrievePaymentIntent,L=u.paymentRequest,T={clientSecret:F,confirmPayment:J,confirmCardPayment:P,retrievePaymentIntent:V,paymentRequest:L};return a(function(z){return T}),c(function(z){return g}),Promise.resolve(T)},d)})(r)},[]),oe.jsx(G.make,{value:t[0],children:oe.jsx(X.make,{value:l[0],children:e.children})})}var ke=Nn;var Oe=m(require("react/jsx-runtime"));function Jn(e){return Oe.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"cardExpiry",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var ae=Jn;var Se=m(require("react/jsx-runtime"));function Tn(e){return Se.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"cardNumber",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var ue=Tn;var Me=m(require("react/jsx-runtime"));function Bn(e){return Me.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"card",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var ie=Bn;var D=m(require("react"));var me=m(require("react/jsx-runtime"));function An(e){var n=e.options,r=e.hyper,o=K(n),t=D.useState(function(){return B}),a=t[1],l=D.useState(function(){return W}),c=l[1];return D.useEffect(function(){(function(d){return N(function(u){var i=u.elements(n),C=i.update,y=i.getElement,p=i.fetchUpdates,s=i.create,g={options:o,update:C,getElement:y,fetchUpdates:p,create:s},F=o.clientSecret,J=u.confirmPayment,P=u.confirmCardPayment,V=u.retrievePaymentIntent,L=u.paymentRequest,T={clientSecret:F,confirmPayment:J,confirmCardPayment:P,retrievePaymentIntent:V,paymentRequest:L};return a(function(z){return T}),c(function(z){return g}),Promise.resolve(T)},d)})(r)},[]),me.jsx(G.make,{value:t[0],children:me.jsx(X.make,{value:l[0],children:e.children})})}var we=An;var Ne=m(require("react/jsx-runtime"));function $n(e){return Ne.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"payPal",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var Fe=$n;var Je=m(require("react/jsx-runtime"));function jn(e){return Je.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"payment",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var le=jn;var Ve=m(require("react/jsx-runtime"));function qn(e){return Ve.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"applePay",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var Te=qn;var be=m(require("react/jsx-runtime"));function Gn(e){return be.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"googlePay",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var Be=Gn;var We=m(require("react/jsx-runtime"));function Xn(e){return We.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"expressCheckout",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var Ae=Xn;var $=m(require("react"));var ce=m(require("react/jsx-runtime"));function zn(e){var n=e.options,r=e.hyper,o=xe(n),t=$.useState(function(){return Y}),a=t[1],l=$.useState(function(){return ee}),c=l[1];return $.useEffect(function(){(function(d){return N(function(u){var i=u.paymentMethodsManagementElements(n),C=i.update,y=i.getElement,p=i.fetchUpdates,s=i.create,g={options:o,update:C,getElement:y,fetchUpdates:p,create:s},F=o.ephemeralKey,J=u.paymentRequest,P={ephemeralKey:F,paymentRequest:J};return a(function(V){return P}),c(function(V){return g}),Promise.resolve(P)},d)})(r)},[]),ce.jsx(Ce.make,{value:t[0],children:ce.jsx(ge.make,{value:l[0],children:e.children})})}var De=zn;var x=m(require("react"));var $e=m(require("react/jsx-runtime"));function Yn(e){var n=e.onClick,r=e.onBlur,o=e.onFocus,t=e.componentType,a=e.onReady,l=e.onChange,c=e.options,d=e.id,u=d!==void 0?d:"payment-management",i=t!==void 0?t:"paymentMethodsManagement",C=x.useContext(Z),y=x.useContext(ne),p=x.useRef(null),s=y.create(i,c);return x.useEffect(function(){var g=y.create(i,c);g.mount("#orca-elements-payment-management-"+u)},[p,y]),x.useEffect(function(){return s.on("ready",a),s.on("focus",o),s.on("blur",r),s.on("clickTriggered",n),s.on("change",l),function(){s.on("ready",void 0),s.on("focus",void 0),s.on("blur",void 0),s.on("clickTriggered",void 0),s.on("change",void 0)}},[y,C]),$e.jsx("div",{ref:R(p),id:"orca-elements-payment-management-"+u})}var Ue=Yn;function et(){return U.useContext(S)}function nt(){return console.warn("useStripe() is deprecated. Use useHyper() instead"),U.useContext(S)}function tt(){return U.useContext(M)}function rt(){return console.warn("useElements() is deprecated. Use useWidgets() instead"),U.useContext(M)}var ot=ke,at=we,ut=le,it=le,mt=ie,lt=ie,ct=ue,st=ue,ft=te,dt=te,pt=ae,yt=ae,Ct=Be,vt=Te,_t=Fe,Et=Ae,ht=De,xt=Ue;
1
+ var je=Object.create;var j=Object.defineProperty;var Ie=Object.getOwnPropertyDescriptor;var qe=Object.getOwnPropertyNames;var He=Object.getPrototypeOf,Ge=Object.prototype.hasOwnProperty;var Ke=(e,n)=>{for(var r in n)j(e,r,{get:n[r],enumerable:!0})},fe=(e,n,r,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of qe(n))!Ge.call(e,t)&&t!==r&&j(e,t,{get:()=>n[t],enumerable:!(o=Ie(n,t))||o.enumerable});return e};var l=(e,n,r)=>(r=e!=null?je(He(e)):{},fe(n||!e||!e.__esModule?j(r,"default",{value:e,enumerable:!0}):r,e)),Xe=e=>fe(j({},"__esModule",{value:!0}),e);var gt={};Ke(gt,{ApplePayElement:()=>_t,CardCVCElement:()=>dt,CardCVCWidget:()=>Ct,CardElement:()=>lt,CardExpiryElement:()=>yt,CardExpiryWidget:()=>pt,CardNumberElement:()=>ft,CardNumberWidget:()=>st,CardWidget:()=>ct,Elements:()=>at,ExpressCheckoutElement:()=>ht,GooglePayElement:()=>vt,HyperElements:()=>ut,HyperManagementElements:()=>Pt,PayPalElement:()=>Et,PaymentElement:()=>it,PaymentMethodsManagementElement:()=>xt,UnifiedCheckout:()=>mt,useElements:()=>ot,useHyper:()=>nt,useStripe:()=>tt,useWidgets:()=>rt});module.exports=Xe(gt);var U=l(require("react"));var Re=l(require("react/jsx-runtime"));var P=l(require("react"));var T=l(require("react"));function Le(e,n){}function ze(){}function Qe(){}function Ye(e){}function Ze(){}function en(){}function nn(e){}function tn(){}function rn(){}function on(e){}var se={on:Le,collapse:ze,blur:Qe,update:Ye,destroy:Ze,unmount:en,mount:nn,focus:tn,clear:rn,onSDKHandleClick:on};function un(e){if(typeof e=="boolean")return e}function mn(e){if(e===null)return null}function ln(e){if(typeof e=="string")return e}function cn(e){if(typeof e=="number")return e}function fn(e){if(typeof e=="object"&&!Array.isArray(e)&&e!==null)return e}function sn(e){if(Array.isArray(e))return e}var E={bool:un,$$null:mn,string:ln,$$float:cn,object:fn,array:sn};function Q(e,n,r){for(var o=new Array(r),t=0,a=n;t<r;)o[t]=e[a],t=t+1|0,a=a+1|0;return o}function de(e,n){for(;;){var r=n,o=e,t=o.length,a=t===0?1:t,m=r.length,f=a-m|0;if(f===0)return o.apply(null,r);if(f>=0)return function(C,u){return function(i){return de(C,u.concat([i]))}}(o,r);n=Q(r,a,-f|0),e=o.apply(null,Q(r,0,a))}}function yn(e,n){var r=e.length;if(r===1)return e(n);switch(r){case 1:return e(n);case 2:return function(o){return e(n,o)};case 3:return function(o,t){return e(n,o,t)};case 4:return function(o,t,a){return e(n,o,t,a)};case 5:return function(o,t,a,m){return e(n,o,t,a,m)};case 6:return function(o,t,a,m,f){return e(n,o,t,a,m,f)};case 7:return function(o,t,a,m,f,C){return e(n,o,t,a,m,f,C)};default:return de(e,[n])}}function I(e){var n=e.length;return n===1?e:function(r){return yn(e,r)}}function k(e){return e===void 0?{BS_PRIVATE_NESTED_SOME_NONE:0}:e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0?{BS_PRIVATE_NESTED_SOME_NONE:e.BS_PRIVATE_NESTED_SOME_NONE+1|0}:e}function q(e){if(!(e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0))return e;var n=e.BS_PRIVATE_NESTED_SOME_NONE;if(n!==0)return{BS_PRIVATE_NESTED_SOME_NONE:n-1|0}}function pn(e,n){if(e!==void 0)return n(q(e))}function O(e,n){return pn(e,I(n))}function h(e,n){return e!==void 0?q(e):n}function En(e){return Promise.resolve({})}function hn(e,n,r){return Promise.resolve({})}function Pn(e){return Promise.resolve({})}function ye(e){return e}var b={clientSecret:"",confirmPayment:En,confirmCardPayment:hn,retrievePaymentIntent:Pn,paymentRequest:ye},M=T.createContext(b),xn=M.Provider,G={make:xn},Y={ephemeralKey:"",paymentRequest:ye},Z=T.createContext(Y),gn=Z.Provider,pe={make:gn};function S(e,n,r){return h(O(e[n],E.string),r)}function K(e){var n=h(E.object(e),{});return{fonts:h(O(n.fonts,E.array),[]),locale:S(n,"locale",""),clientSecret:S(n,"clientSecret",""),appearance:h(O(n.appearance,E.object),{}),loader:S(n,"loader","auto")}}function ve(e){}function _e(e){}function Ee(){return new Promise(function(e,n){setTimeout(function(){e({})},1e3)})}function he(e,n){return se}var Rn={fonts:[],locale:"",clientSecret:"",appearance:{},loader:""},W={options:Rn,update:ve,getElement:_e,fetchUpdates:Ee,create:he},w=T.createContext(W),kn=w.Provider,X={make:kn};function Pe(e){var n=h(E.object(e),{});return{fonts:h(O(n.fonts,E.array),[]),locale:S(n,"locale",""),ephemeralKey:S(n,"ephemeralKey",""),appearance:h(O(n.appearance,E.object),{}),loader:S(n,"loader","auto")}}var On={fonts:[],locale:"",ephemeralKey:"",appearance:{},loader:""},ee={options:On,update:ve,getElement:_e,fetchUpdates:Ee,create:he},ne=T.createContext(ee),Sn=ne.Provider,xe={make:Sn};var ge=l(require("react/jsx-runtime"));function Mn(e){var n=e.onPaymentButtonClick,r=e.onPaymentComplete,o=e.onClick,t=e.onBlur,a=e.onFocus,m=e.componentType,f=e.onReady,C=e.onChange,u=e.options,i=e.id,v=i!==void 0?i:"payment-Element",p=P.useContext(M),y=P.useContext(w),c=P.useRef(null),d=y.create(m,u);return P.useEffect(function(){var g=y.create(m,u);g.mount("#orca-elements-payment-element-"+v)},[c,y]),P.useEffect(function(){d.on("ready",f),d.on("focus",a),d.on("blur",t),d.on("clickTriggered",o),d.on("change",C),d.on("completeDoThis",r),d.onSDKHandleClick(n)},[y,p]),ge.jsx("div",{ref:k(c),id:"orca-elements-payment-element-"+v})}var s=Mn;function wn(e){return Re.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"cardCvc",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var te=wn;var A=l(require("react"));function N(e,n){return n.then(I(e))}var oe=l(require("react/jsx-runtime"));function Nn(e){var n=e.options,r=e.stripe,o=K(n),t=A.useState(function(){return b}),a=t[1],m=A.useState(function(){return W}),f=m[1];return A.useEffect(function(){(function(C){return N(function(u){var i=u.elements(n),v=i.update,p=i.getElement,y=i.fetchUpdates,c=i.create,d={options:o,update:v,getElement:p,fetchUpdates:y,create:c},g=o.clientSecret,F=u.confirmPayment,R=u.confirmCardPayment,J=u.retrievePaymentIntent,L=u.paymentRequest,V={clientSecret:g,confirmPayment:F,confirmCardPayment:R,retrievePaymentIntent:J,paymentRequest:L};return a(function(z){return V}),f(function(z){return d}),Promise.resolve(V)},C)})(r)},[]),oe.jsx(G.make,{value:t[0],children:oe.jsx(X.make,{value:m[0],children:e.children})})}var ke=Nn;var Oe=l(require("react/jsx-runtime"));function Jn(e){return Oe.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"cardExpiry",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var ae=Jn;var Se=l(require("react/jsx-runtime"));function Tn(e){return Se.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"cardNumber",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var ue=Tn;var Me=l(require("react/jsx-runtime"));function Wn(e){return Me.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"card",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var ie=Wn;var D=l(require("react"));var me=l(require("react/jsx-runtime"));function Dn(e){var n=e.options,r=e.hyper,o=K(n),t=D.useState(function(){return b}),a=t[1],m=D.useState(function(){return W}),f=m[1];return D.useEffect(function(){(function(C){return N(function(u){var i=u.elements(n),v=i.update,p=i.getElement,y=i.fetchUpdates,c=i.create,d={options:o,update:v,getElement:p,fetchUpdates:y,create:c},g=o.clientSecret,F=u.confirmPayment,R=u.confirmCardPayment,J=u.retrievePaymentIntent,L=u.paymentRequest,V={clientSecret:g,confirmPayment:F,confirmCardPayment:R,retrievePaymentIntent:J,paymentRequest:L};return a(function(z){return V}),f(function(z){return d}),Promise.resolve(V)},C)})(r)},[]),me.jsx(G.make,{value:t[0],children:me.jsx(X.make,{value:m[0],children:e.children})})}var we=Dn;var Be=l(require("react/jsx-runtime"));function Un(e){return Be.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"payPal",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var Ne=Un;var Fe=l(require("react/jsx-runtime"));function In(e){return Fe.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"payment",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var le=In;var Je=l(require("react/jsx-runtime"));function Hn(e){return Je.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"applePay",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var Ve=Hn;var Te=l(require("react/jsx-runtime"));function Kn(e){return Te.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"googlePay",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var be=Kn;var We=l(require("react/jsx-runtime"));function Ln(e){return We.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"expressCheckout",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var Ae=Ln;var $=l(require("react"));var ce=l(require("react/jsx-runtime"));function Qn(e){var n=e.options,r=e.hyper,o=Pe(n),t=$.useState(function(){return Y}),a=t[1],m=$.useState(function(){return ee}),f=m[1];return $.useEffect(function(){(function(C){return N(function(u){var i=u.paymentMethodsManagementElements(n),v=i.update,p=i.getElement,y=i.fetchUpdates,c=i.create,d={options:o,update:v,getElement:p,fetchUpdates:y,create:c},g=o.ephemeralKey,F=u.paymentRequest,R={ephemeralKey:g,paymentRequest:F};return a(function(J){return R}),f(function(J){return d}),Promise.resolve(R)},C)})(r)},[]),ce.jsx(pe.make,{value:t[0],children:ce.jsx(xe.make,{value:m[0],children:e.children})})}var De=Qn;var x=l(require("react"));var $e=l(require("react/jsx-runtime"));function Zn(e){var n=e.onClick,r=e.onBlur,o=e.onFocus,t=e.componentType,a=e.onReady,m=e.onChange,f=e.options,C=e.id,u=C!==void 0?C:"payment-management",i=t!==void 0?t:"paymentMethodsManagement",v=x.useContext(Z),p=x.useContext(ne),y=x.useRef(null),c=p.create(i,f);return x.useEffect(function(){var d=p.create(i,f);d.mount("#orca-elements-payment-management-"+u)},[y,p]),x.useEffect(function(){return c.on("ready",a),c.on("focus",o),c.on("blur",r),c.on("clickTriggered",n),c.on("change",m),function(){c.on("ready",void 0),c.on("focus",void 0),c.on("blur",void 0),c.on("clickTriggered",void 0),c.on("change",void 0)}},[p,v]),$e.jsx("div",{ref:k(y),id:"orca-elements-payment-management-"+u})}var Ue=Zn;function nt(){return U.useContext(M)}function tt(){return console.warn("useStripe() is deprecated. Use useHyper() instead"),U.useContext(M)}function rt(){return U.useContext(w)}function ot(){return console.warn("useElements() is deprecated. Use useWidgets() instead"),U.useContext(w)}var at=ke,ut=we,it=le,mt=le,lt=ie,ct=ie,ft=ue,st=ue,dt=te,Ct=te,yt=ae,pt=ae,vt=be,_t=Ve,Et=Ne,ht=Ae,Pt=De,xt=Ue;
package/index.mjs CHANGED
@@ -1 +1 @@
1
- import*as $ from"react";import*as xe from"react/jsx-runtime";import*as E from"react";import*as T from"react";function De(e,n){}function $e(){}function Ue(){}function je(e){}function Ie(){}function qe(){}function He(e){}function Ge(){}function Ke(){}var le={on:De,collapse:$e,blur:Ue,update:je,destroy:Ie,unmount:qe,mount:He,focus:Ge,clear:Ke};function Le(e){if(typeof e=="boolean")return e}function ze(e){if(e===null)return null}function Qe(e){if(typeof e=="string")return e}function Ye(e){if(typeof e=="number")return e}function Ze(e){if(typeof e=="object"&&!Array.isArray(e)&&e!==null)return e}function en(e){if(Array.isArray(e))return e}var v={bool:Le,$$null:ze,string:Qe,$$float:Ye,object:Ze,array:en};function L(e,n,o){for(var t=new Array(o),r=0,a=n;r<o;)t[r]=e[a],r=r+1|0,a=a+1|0;return t}function ce(e,n){for(;;){var o=n,t=e,r=t.length,a=r===0?1:r,m=o.length,l=a-m|0;if(l===0)return t.apply(null,o);if(l>=0)return function(f,u){return function(i){return ce(f,u.concat([i]))}}(t,o);n=L(o,a,-l|0),e=t.apply(null,L(o,0,a))}}function rn(e,n){var o=e.length;if(o===1)return e(n);switch(o){case 1:return e(n);case 2:return function(t){return e(n,t)};case 3:return function(t,r){return e(n,t,r)};case 4:return function(t,r,a){return e(n,t,r,a)};case 5:return function(t,r,a,m){return e(n,t,r,a,m)};case 6:return function(t,r,a,m,l){return e(n,t,r,a,m,l)};case 7:return function(t,r,a,m,l,f){return e(n,t,r,a,m,l,f)};default:return ce(e,[n])}}function U(e){var n=e.length;return n===1?e:function(o){return rn(e,o)}}function P(e){return e===void 0?{BS_PRIVATE_NESTED_SOME_NONE:0}:e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0?{BS_PRIVATE_NESTED_SOME_NONE:e.BS_PRIVATE_NESTED_SOME_NONE+1|0}:e}function j(e){if(!(e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0))return e;var n=e.BS_PRIVATE_NESTED_SOME_NONE;if(n!==0)return{BS_PRIVATE_NESTED_SOME_NONE:n-1|0}}function on(e,n){if(e!==void 0)return n(j(e))}function R(e,n){return on(e,U(n))}function _(e,n){return e!==void 0?j(e):n}function mn(e){return Promise.resolve({})}function ln(e,n,o){return Promise.resolve({})}function cn(e){return Promise.resolve({})}function fe(e){return e}var b={clientSecret:"",confirmPayment:mn,confirmCardPayment:ln,retrievePaymentIntent:cn,paymentRequest:fe},O=T.createContext(b),sn=O.Provider,q={make:sn},z={ephemeralKey:"",paymentRequest:fe},Q=T.createContext(z),fn=Q.Provider,de={make:fn};function k(e,n,o){return _(R(e[n],v.string),o)}function H(e){var n=_(v.object(e),{});return{fonts:_(R(n.fonts,v.array),[]),locale:k(n,"locale",""),clientSecret:k(n,"clientSecret",""),appearance:_(R(n.appearance,v.object),{}),loader:k(n,"loader","auto")}}function pe(e){}function ye(e){}function Ce(){return new Promise(function(e,n){setTimeout(function(){e({})},1e3)})}function ve(e,n){return le}var dn={fonts:[],locale:"",clientSecret:"",appearance:{},loader:""},B={options:dn,update:pe,getElement:ye,fetchUpdates:Ce,create:ve},S=T.createContext(B),pn=S.Provider,G={make:pn};function _e(e){var n=_(v.object(e),{});return{fonts:_(R(n.fonts,v.array),[]),locale:k(n,"locale",""),ephemeralKey:k(n,"ephemeralKey",""),appearance:_(R(n.appearance,v.object),{}),loader:k(n,"loader","auto")}}var yn={fonts:[],locale:"",ephemeralKey:"",appearance:{},loader:""},Y={options:yn,update:pe,getElement:ye,fetchUpdates:Ce,create:ve},Z=T.createContext(Y),Cn=Z.Provider,Ee={make:Cn};import*as he from"react/jsx-runtime";function vn(e){var n=e.onClick,o=e.onBlur,t=e.onFocus,r=e.componentType,a=e.onReady,m=e.onChange,l=e.options,f=e.id,u=f!==void 0?f:"payment-Element",i=E.useContext(O),y=E.useContext(S),p=E.useRef(null),d=y.create(r,l);return E.useEffect(function(){var c=y.create(r,l);c.mount("#orca-elements-payment-element-"+u)},[p,y]),E.useEffect(function(){d.on("ready",a),d.on("focus",t),d.on("blur",o),d.on("clickTriggered",n),d.on("change",m)},[y,i]),he.jsx("div",{ref:P(p),id:"orca-elements-payment-element-"+u})}var s=vn;function _n(e){return xe.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"cardCvc",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var ee=_n;import*as W from"react";function w(e,n){return n.then(U(e))}import*as te from"react/jsx-runtime";function hn(e){var n=e.options,o=e.stripe,t=H(n),r=W.useState(function(){return b}),a=r[1],m=W.useState(function(){return B}),l=m[1];return W.useEffect(function(){(function(f){return w(function(u){var i=u.elements(n),y=i.update,p=i.getElement,d=i.fetchUpdates,c=i.create,x={options:t,update:y,getElement:p,fetchUpdates:d,create:c},N=t.clientSecret,F=u.confirmPayment,g=u.confirmCardPayment,J=u.retrievePaymentIntent,K=u.paymentRequest,V={clientSecret:N,confirmPayment:F,confirmCardPayment:g,retrievePaymentIntent:J,paymentRequest:K};return a(function(X){return V}),l(function(X){return x}),Promise.resolve(V)},f)})(o)},[]),te.jsx(q.make,{value:r[0],children:te.jsx(G.make,{value:m[0],children:e.children})})}var ge=hn;import*as Pe from"react/jsx-runtime";function gn(e){return Pe.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"cardExpiry",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var re=gn;import*as Re from"react/jsx-runtime";function Rn(e){return Re.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"cardNumber",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var oe=Rn;import*as ke from"react/jsx-runtime";function On(e){return ke.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"card",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var ae=On;import*as A from"react";import*as ue from"react/jsx-runtime";function Mn(e){var n=e.options,o=e.hyper,t=H(n),r=A.useState(function(){return b}),a=r[1],m=A.useState(function(){return B}),l=m[1];return A.useEffect(function(){(function(f){return w(function(u){var i=u.elements(n),y=i.update,p=i.getElement,d=i.fetchUpdates,c=i.create,x={options:t,update:y,getElement:p,fetchUpdates:d,create:c},N=t.clientSecret,F=u.confirmPayment,g=u.confirmCardPayment,J=u.retrievePaymentIntent,K=u.paymentRequest,V={clientSecret:N,confirmPayment:F,confirmCardPayment:g,retrievePaymentIntent:J,paymentRequest:K};return a(function(X){return V}),l(function(X){return x}),Promise.resolve(V)},f)})(o)},[]),ue.jsx(q.make,{value:r[0],children:ue.jsx(G.make,{value:m[0],children:e.children})})}var Oe=Mn;import*as Se from"react/jsx-runtime";function Nn(e){return Se.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"payPal",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var Me=Nn;import*as we from"react/jsx-runtime";function Jn(e){return we.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"payment",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var ie=Jn;import*as Ne from"react/jsx-runtime";function Tn(e){return Ne.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"applePay",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var Fe=Tn;import*as Je from"react/jsx-runtime";function Bn(e){return Je.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"googlePay",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var Ve=Bn;import*as Te from"react/jsx-runtime";function An(e){return Te.jsx(s,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"expressCheckout",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick})}var be=An;import*as D from"react";import*as me from"react/jsx-runtime";function $n(e){var n=e.options,o=e.hyper,t=_e(n),r=D.useState(function(){return z}),a=r[1],m=D.useState(function(){return Y}),l=m[1];return D.useEffect(function(){(function(f){return w(function(u){var i=u.paymentMethodsManagementElements(n),y=i.update,p=i.getElement,d=i.fetchUpdates,c=i.create,x={options:t,update:y,getElement:p,fetchUpdates:d,create:c},N=t.ephemeralKey,F=u.paymentRequest,g={ephemeralKey:N,paymentRequest:F};return a(function(J){return g}),l(function(J){return x}),Promise.resolve(g)},f)})(o)},[]),me.jsx(de.make,{value:r[0],children:me.jsx(Ee.make,{value:m[0],children:e.children})})}var Be=$n;import*as h from"react";import*as We from"react/jsx-runtime";function jn(e){var n=e.onClick,o=e.onBlur,t=e.onFocus,r=e.componentType,a=e.onReady,m=e.onChange,l=e.options,f=e.id,u=f!==void 0?f:"payment-management",i=r!==void 0?r:"paymentMethodsManagement",y=h.useContext(Q),p=h.useContext(Z),d=h.useRef(null),c=p.create(i,l);return h.useEffect(function(){var x=p.create(i,l);x.mount("#orca-elements-payment-management-"+u)},[d,p]),h.useEffect(function(){return c.on("ready",a),c.on("focus",t),c.on("blur",o),c.on("clickTriggered",n),c.on("change",m),function(){c.on("ready",void 0),c.on("focus",void 0),c.on("blur",void 0),c.on("clickTriggered",void 0),c.on("change",void 0)}},[p,y]),We.jsx("div",{ref:P(d),id:"orca-elements-payment-management-"+u})}var Ae=jn;function Hn(){return $.useContext(O)}function Gn(){return console.warn("useStripe() is deprecated. Use useHyper() instead"),$.useContext(O)}function Kn(){return $.useContext(S)}function Xn(){return console.warn("useElements() is deprecated. Use useWidgets() instead"),$.useContext(S)}var Ln=ge,zn=Oe,Qn=ie,Yn=ie,Zn=ae,et=ae,nt=oe,tt=oe,rt=ee,ot=ee,at=re,ut=re,it=Ve,mt=Fe,lt=Me,ct=be,st=Be,ft=Ae;export{mt as ApplePayElement,rt as CardCVCElement,ot as CardCVCWidget,Zn as CardElement,at as CardExpiryElement,ut as CardExpiryWidget,nt as CardNumberElement,tt as CardNumberWidget,et as CardWidget,Ln as Elements,ct as ExpressCheckoutElement,it as GooglePayElement,zn as HyperElements,st as HyperManagementElements,lt as PayPalElement,Qn as PaymentElement,ft as PaymentMethodsManagementElement,Yn as UnifiedCheckout,Xn as useElements,Hn as useHyper,Gn as useStripe,Kn as useWidgets};
1
+ import*as $ from"react";import*as Pe from"react/jsx-runtime";import*as h from"react";import*as V from"react";function De(e,n){}function $e(){}function Ue(){}function je(e){}function Ie(){}function qe(){}function He(e){}function Ge(){}function Ke(){}function Xe(e){}var le={on:De,collapse:$e,blur:Ue,update:je,destroy:Ie,unmount:qe,mount:He,focus:Ge,clear:Ke,onSDKHandleClick:Xe};function ze(e){if(typeof e=="boolean")return e}function Qe(e){if(e===null)return null}function Ye(e){if(typeof e=="string")return e}function Ze(e){if(typeof e=="number")return e}function en(e){if(typeof e=="object"&&!Array.isArray(e)&&e!==null)return e}function nn(e){if(Array.isArray(e))return e}var _={bool:ze,$$null:Qe,string:Ye,$$float:Ze,object:en,array:nn};function L(e,n,o){for(var t=new Array(o),r=0,a=n;r<o;)t[r]=e[a],r=r+1|0,a=a+1|0;return t}function ce(e,n){for(;;){var o=n,t=e,r=t.length,a=r===0?1:r,m=o.length,c=a-m|0;if(c===0)return t.apply(null,o);if(c>=0)return function(d,u){return function(i){return ce(d,u.concat([i]))}}(t,o);n=L(o,a,-c|0),e=t.apply(null,L(o,0,a))}}function on(e,n){var o=e.length;if(o===1)return e(n);switch(o){case 1:return e(n);case 2:return function(t){return e(n,t)};case 3:return function(t,r){return e(n,t,r)};case 4:return function(t,r,a){return e(n,t,r,a)};case 5:return function(t,r,a,m){return e(n,t,r,a,m)};case 6:return function(t,r,a,m,c){return e(n,t,r,a,m,c)};case 7:return function(t,r,a,m,c,d){return e(n,t,r,a,m,c,d)};default:return ce(e,[n])}}function U(e){var n=e.length;return n===1?e:function(o){return on(e,o)}}function R(e){return e===void 0?{BS_PRIVATE_NESTED_SOME_NONE:0}:e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0?{BS_PRIVATE_NESTED_SOME_NONE:e.BS_PRIVATE_NESTED_SOME_NONE+1|0}:e}function j(e){if(!(e!==null&&e.BS_PRIVATE_NESTED_SOME_NONE!==void 0))return e;var n=e.BS_PRIVATE_NESTED_SOME_NONE;if(n!==0)return{BS_PRIVATE_NESTED_SOME_NONE:n-1|0}}function an(e,n){if(e!==void 0)return n(j(e))}function k(e,n){return an(e,U(n))}function E(e,n){return e!==void 0?j(e):n}function ln(e){return Promise.resolve({})}function cn(e,n,o){return Promise.resolve({})}function fn(e){return Promise.resolve({})}function se(e){return e}var T={clientSecret:"",confirmPayment:ln,confirmCardPayment:cn,retrievePaymentIntent:fn,paymentRequest:se},S=V.createContext(T),sn=S.Provider,q={make:sn},z={ephemeralKey:"",paymentRequest:se},Q=V.createContext(z),dn=Q.Provider,de={make:dn};function O(e,n,o){return E(k(e[n],_.string),o)}function H(e){var n=E(_.object(e),{});return{fonts:E(k(n.fonts,_.array),[]),locale:O(n,"locale",""),clientSecret:O(n,"clientSecret",""),appearance:E(k(n.appearance,_.object),{}),loader:O(n,"loader","auto")}}function Ce(e){}function ye(e){}function pe(){return new Promise(function(e,n){setTimeout(function(){e({})},1e3)})}function ve(e,n){return le}var Cn={fonts:[],locale:"",clientSecret:"",appearance:{},loader:""},b={options:Cn,update:Ce,getElement:ye,fetchUpdates:pe,create:ve},M=V.createContext(b),yn=M.Provider,G={make:yn};function _e(e){var n=E(_.object(e),{});return{fonts:E(k(n.fonts,_.array),[]),locale:O(n,"locale",""),ephemeralKey:O(n,"ephemeralKey",""),appearance:E(k(n.appearance,_.object),{}),loader:O(n,"loader","auto")}}var pn={fonts:[],locale:"",ephemeralKey:"",appearance:{},loader:""},Y={options:pn,update:Ce,getElement:ye,fetchUpdates:pe,create:ve},Z=V.createContext(Y),vn=Z.Provider,Ee={make:vn};import*as he from"react/jsx-runtime";function _n(e){var n=e.onPaymentButtonClick,o=e.onPaymentComplete,t=e.onClick,r=e.onBlur,a=e.onFocus,m=e.componentType,c=e.onReady,d=e.onChange,u=e.options,i=e.id,p=i!==void 0?i:"payment-Element",y=h.useContext(S),C=h.useContext(M),l=h.useRef(null),s=C.create(m,u);return h.useEffect(function(){var x=C.create(m,u);x.mount("#orca-elements-payment-element-"+p)},[l,C]),h.useEffect(function(){s.on("ready",c),s.on("focus",a),s.on("blur",r),s.on("clickTriggered",t),s.on("change",d),s.on("completeDoThis",o),s.onSDKHandleClick(n)},[C,y]),he.jsx("div",{ref:R(l),id:"orca-elements-payment-element-"+p})}var f=_n;function En(e){return Pe.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"cardCvc",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var ee=En;import*as W from"react";function B(e,n){return n.then(U(e))}import*as te from"react/jsx-runtime";function Pn(e){var n=e.options,o=e.stripe,t=H(n),r=W.useState(function(){return T}),a=r[1],m=W.useState(function(){return b}),c=m[1];return W.useEffect(function(){(function(d){return B(function(u){var i=u.elements(n),p=i.update,y=i.getElement,C=i.fetchUpdates,l=i.create,s={options:t,update:p,getElement:y,fetchUpdates:C,create:l},x=t.clientSecret,N=u.confirmPayment,g=u.confirmCardPayment,F=u.retrievePaymentIntent,K=u.paymentRequest,J={clientSecret:x,confirmPayment:N,confirmCardPayment:g,retrievePaymentIntent:F,paymentRequest:K};return a(function(X){return J}),c(function(X){return s}),Promise.resolve(J)},d)})(o)},[]),te.jsx(q.make,{value:r[0],children:te.jsx(G.make,{value:m[0],children:e.children})})}var xe=Pn;import*as ge from"react/jsx-runtime";function gn(e){return ge.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"cardExpiry",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var re=gn;import*as Re from"react/jsx-runtime";function kn(e){return Re.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"cardNumber",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var oe=kn;import*as ke from"react/jsx-runtime";function Sn(e){return ke.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"card",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var ae=Sn;import*as A from"react";import*as ue from"react/jsx-runtime";function wn(e){var n=e.options,o=e.hyper,t=H(n),r=A.useState(function(){return T}),a=r[1],m=A.useState(function(){return b}),c=m[1];return A.useEffect(function(){(function(d){return B(function(u){var i=u.elements(n),p=i.update,y=i.getElement,C=i.fetchUpdates,l=i.create,s={options:t,update:p,getElement:y,fetchUpdates:C,create:l},x=t.clientSecret,N=u.confirmPayment,g=u.confirmCardPayment,F=u.retrievePaymentIntent,K=u.paymentRequest,J={clientSecret:x,confirmPayment:N,confirmCardPayment:g,retrievePaymentIntent:F,paymentRequest:K};return a(function(X){return J}),c(function(X){return s}),Promise.resolve(J)},d)})(o)},[]),ue.jsx(q.make,{value:r[0],children:ue.jsx(G.make,{value:m[0],children:e.children})})}var Oe=wn;import*as Se from"react/jsx-runtime";function Nn(e){return Se.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"payPal",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var Me=Nn;import*as we from"react/jsx-runtime";function Jn(e){return we.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"payment",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var ie=Jn;import*as Be from"react/jsx-runtime";function Tn(e){return Be.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"applePay",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var Ne=Tn;import*as Fe from"react/jsx-runtime";function Wn(e){return Fe.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"googlePay",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var Je=Wn;import*as Ve from"react/jsx-runtime";function Dn(e){return Ve.jsx(f,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"expressCheckout",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var Te=Dn;import*as D from"react";import*as me from"react/jsx-runtime";function Un(e){var n=e.options,o=e.hyper,t=_e(n),r=D.useState(function(){return z}),a=r[1],m=D.useState(function(){return Y}),c=m[1];return D.useEffect(function(){(function(d){return B(function(u){var i=u.paymentMethodsManagementElements(n),p=i.update,y=i.getElement,C=i.fetchUpdates,l=i.create,s={options:t,update:p,getElement:y,fetchUpdates:C,create:l},x=t.ephemeralKey,N=u.paymentRequest,g={ephemeralKey:x,paymentRequest:N};return a(function(F){return g}),c(function(F){return s}),Promise.resolve(g)},d)})(o)},[]),me.jsx(de.make,{value:r[0],children:me.jsx(Ee.make,{value:m[0],children:e.children})})}var be=Un;import*as P from"react";import*as We from"react/jsx-runtime";function In(e){var n=e.onClick,o=e.onBlur,t=e.onFocus,r=e.componentType,a=e.onReady,m=e.onChange,c=e.options,d=e.id,u=d!==void 0?d:"payment-management",i=r!==void 0?r:"paymentMethodsManagement",p=P.useContext(Q),y=P.useContext(Z),C=P.useRef(null),l=y.create(i,c);return P.useEffect(function(){var s=y.create(i,c);s.mount("#orca-elements-payment-management-"+u)},[C,y]),P.useEffect(function(){return l.on("ready",a),l.on("focus",t),l.on("blur",o),l.on("clickTriggered",n),l.on("change",m),function(){l.on("ready",void 0),l.on("focus",void 0),l.on("blur",void 0),l.on("clickTriggered",void 0),l.on("change",void 0)}},[y,p]),We.jsx("div",{ref:R(C),id:"orca-elements-payment-management-"+u})}var Ae=In;function Gn(){return $.useContext(S)}function Kn(){return console.warn("useStripe() is deprecated. Use useHyper() instead"),$.useContext(S)}function Xn(){return $.useContext(M)}function Ln(){return console.warn("useElements() is deprecated. Use useWidgets() instead"),$.useContext(M)}var zn=xe,Qn=Oe,Yn=ie,Zn=ie,et=ae,nt=ae,tt=oe,rt=oe,ot=ee,at=ee,ut=re,it=re,mt=Je,lt=Ne,ct=Me,ft=Te,st=be,dt=Ae;export{lt as ApplePayElement,ot as CardCVCElement,at as CardCVCWidget,et as CardElement,ut as CardExpiryElement,it as CardExpiryWidget,tt as CardNumberElement,rt as CardNumberWidget,nt as CardWidget,zn as Elements,ft as ExpressCheckoutElement,mt as GooglePayElement,Qn as HyperElements,st as HyperManagementElements,ct as PayPalElement,Yn as PaymentElement,dt as PaymentMethodsManagementElement,Zn as UnifiedCheckout,Ln as useElements,Gn as useHyper,Kn as useStripe,Xn as useWidgets};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@juspay-tech/react-hyper-js",
3
- "version": "1.2.0",
3
+ "version": "1.2.1",
4
4
  "main": "index.js",
5
5
  "module": "index.mjs",
6
6
  "exports": {
package/src/Index.resi CHANGED
@@ -30,6 +30,7 @@ let \"PaymentElement": PaymentElement.props<
30
30
  option<option<RescriptCore.JSON.t> => unit>,
31
31
  option<option<RescriptCore.JSON.t> => unit>,
32
32
  option<option<RescriptCore.JSON.t> => unit>,
33
+ unit => RescriptCore.Promise.t<unit>,
33
34
  > => React.element
34
35
  let \"UnifiedCheckout": PaymentElement.props<
35
36
  string,
@@ -40,6 +41,7 @@ let \"UnifiedCheckout": PaymentElement.props<
40
41
  option<option<RescriptCore.JSON.t> => unit>,
41
42
  option<option<RescriptCore.JSON.t> => unit>,
42
43
  option<option<RescriptCore.JSON.t> => unit>,
44
+ unit => RescriptCore.Promise.t<unit>,
43
45
  > => React.element
44
46
  let \"CardElement": CardElement.props<
45
47
  string,
@@ -50,6 +52,7 @@ let \"CardElement": CardElement.props<
50
52
  option<option<RescriptCore.JSON.t> => unit>,
51
53
  option<option<RescriptCore.JSON.t> => unit>,
52
54
  option<option<RescriptCore.JSON.t> => unit>,
55
+ unit => RescriptCore.Promise.t<unit>,
53
56
  > => React.element
54
57
  let \"CardWidget": CardElement.props<
55
58
  string,
@@ -60,6 +63,7 @@ let \"CardWidget": CardElement.props<
60
63
  option<option<RescriptCore.JSON.t> => unit>,
61
64
  option<option<RescriptCore.JSON.t> => unit>,
62
65
  option<option<RescriptCore.JSON.t> => unit>,
66
+ unit => RescriptCore.Promise.t<unit>,
63
67
  > => React.element
64
68
  let \"CardNumberElement": CardNumber.props<
65
69
  string,
@@ -70,6 +74,7 @@ let \"CardNumberElement": CardNumber.props<
70
74
  option<option<RescriptCore.JSON.t> => unit>,
71
75
  option<option<RescriptCore.JSON.t> => unit>,
72
76
  option<option<RescriptCore.JSON.t> => unit>,
77
+ unit => RescriptCore.Promise.t<unit>,
73
78
  > => React.element
74
79
  let \"CardNumberWidget": CardNumber.props<
75
80
  string,
@@ -80,6 +85,7 @@ let \"CardNumberWidget": CardNumber.props<
80
85
  option<option<RescriptCore.JSON.t> => unit>,
81
86
  option<option<RescriptCore.JSON.t> => unit>,
82
87
  option<option<RescriptCore.JSON.t> => unit>,
88
+ unit => RescriptCore.Promise.t<unit>,
83
89
  > => React.element
84
90
  let \"CardCVCElement": CardCVC.props<
85
91
  string,
@@ -90,6 +96,7 @@ let \"CardCVCElement": CardCVC.props<
90
96
  option<option<RescriptCore.JSON.t> => unit>,
91
97
  option<option<RescriptCore.JSON.t> => unit>,
92
98
  option<option<RescriptCore.JSON.t> => unit>,
99
+ unit => RescriptCore.Promise.t<unit>,
93
100
  > => React.element
94
101
  let \"CardCVCWidget": CardCVC.props<
95
102
  string,
@@ -100,6 +107,7 @@ let \"CardCVCWidget": CardCVC.props<
100
107
  option<option<RescriptCore.JSON.t> => unit>,
101
108
  option<option<RescriptCore.JSON.t> => unit>,
102
109
  option<option<RescriptCore.JSON.t> => unit>,
110
+ unit => RescriptCore.Promise.t<unit>,
103
111
  > => React.element
104
112
  let \"CardExpiryElement": CardExpiry.props<
105
113
  string,
@@ -110,6 +118,7 @@ let \"CardExpiryElement": CardExpiry.props<
110
118
  option<option<RescriptCore.JSON.t> => unit>,
111
119
  option<option<RescriptCore.JSON.t> => unit>,
112
120
  option<option<RescriptCore.JSON.t> => unit>,
121
+ unit => RescriptCore.Promise.t<unit>,
113
122
  > => React.element
114
123
  let \"CardExpiryWidget": CardExpiry.props<
115
124
  string,
@@ -120,6 +129,7 @@ let \"CardExpiryWidget": CardExpiry.props<
120
129
  option<option<RescriptCore.JSON.t> => unit>,
121
130
  option<option<RescriptCore.JSON.t> => unit>,
122
131
  option<option<RescriptCore.JSON.t> => unit>,
132
+ unit => RescriptCore.Promise.t<unit>,
123
133
  > => React.element
124
134
  let \"GooglePayElement": GooglePayElement.props<
125
135
  string,
@@ -130,6 +140,7 @@ let \"GooglePayElement": GooglePayElement.props<
130
140
  option<option<RescriptCore.JSON.t> => unit>,
131
141
  option<option<RescriptCore.JSON.t> => unit>,
132
142
  option<option<RescriptCore.JSON.t> => unit>,
143
+ unit => RescriptCore.Promise.t<unit>,
133
144
  > => React.element
134
145
  let \"ApplePayElement": ApplePayElement.props<
135
146
  string,
@@ -140,6 +151,7 @@ let \"ApplePayElement": ApplePayElement.props<
140
151
  option<option<RescriptCore.JSON.t> => unit>,
141
152
  option<option<RescriptCore.JSON.t> => unit>,
142
153
  option<option<RescriptCore.JSON.t> => unit>,
154
+ unit => RescriptCore.Promise.t<unit>,
143
155
  > => React.element
144
156
  let \"PayPalElement": PayPalElement.props<
145
157
  string,
@@ -150,6 +162,7 @@ let \"PayPalElement": PayPalElement.props<
150
162
  option<option<RescriptCore.JSON.t> => unit>,
151
163
  option<option<RescriptCore.JSON.t> => unit>,
152
164
  option<option<RescriptCore.JSON.t> => unit>,
165
+ unit => RescriptCore.Promise.t<unit>,
153
166
  > => React.element
154
167
  let \"ExpressCheckoutElement": ExpressCheckoutElement.props<
155
168
  string,
@@ -160,6 +173,7 @@ let \"ExpressCheckoutElement": ExpressCheckoutElement.props<
160
173
  option<option<RescriptCore.JSON.t> => unit>,
161
174
  option<option<RescriptCore.JSON.t> => unit>,
162
175
  option<option<RescriptCore.JSON.t> => unit>,
176
+ unit => RescriptCore.Promise.t<unit>,
163
177
  > => React.element
164
178
  let \"HyperManagementElements": HyperManagementElements.props<
165
179
  React.element,
package/src/OrcaJs.bs.js CHANGED
@@ -39,6 +39,10 @@ function defaultPaymentElement_clear() {
39
39
 
40
40
  }
41
41
 
42
+ function defaultPaymentElement_onSDKHandleClick(param) {
43
+
44
+ }
45
+
42
46
  var defaultPaymentElement = {
43
47
  on: defaultPaymentElement_on,
44
48
  collapse: defaultPaymentElement_collapse,
@@ -48,7 +52,8 @@ var defaultPaymentElement = {
48
52
  unmount: defaultPaymentElement_unmount,
49
53
  mount: defaultPaymentElement_mount,
50
54
  focus: defaultPaymentElement_focus,
51
- clear: defaultPaymentElement_clear
55
+ clear: defaultPaymentElement_clear,
56
+ onSDKHandleClick: defaultPaymentElement_onSDKHandleClick
52
57
  };
53
58
 
54
59
  export {
package/src/OrcaJs.res CHANGED
@@ -27,8 +27,8 @@ type paymentElement = {
27
27
  mount: string => unit,
28
28
  focus: unit => unit,
29
29
  clear: unit => unit,
30
+ onSDKHandleClick: (unit => Promise.t<unit>) => unit,
30
31
  }
31
-
32
32
  let defaultPaymentElement = {
33
33
  on: (_str, _func) => (),
34
34
  collapse: () => (),
@@ -39,6 +39,7 @@ let defaultPaymentElement = {
39
39
  mount: _string => (),
40
40
  focus: () => (),
41
41
  clear: () => (),
42
+ onSDKHandleClick: _ => (),
42
43
  }
43
44
 
44
45
  type element = {
@@ -13,7 +13,8 @@ function ApplePayElement(props) {
13
13
  onFocus: props.onFocus,
14
14
  onBlur: props.onBlur,
15
15
  onClick: props.onClick,
16
- onComplete: props.onComplete
16
+ onPaymentComplete: props.onPaymentComplete,
17
+ onPaymentButtonClick: props.onPaymentButtonClick
17
18
  });
18
19
  }
19
20
 
@@ -7,9 +7,19 @@ let make = (
7
7
  ~onFocus,
8
8
  ~onBlur,
9
9
  ~onClick,
10
- ~onComplete,
10
+ ~onPaymentComplete,
11
+ ~onPaymentButtonClick,
11
12
  ) => {
12
13
  <PaymentElementsWrapper
13
- id options onChange onReady onFocus onBlur onClick componentType="applePay" onComplete
14
+ id
15
+ options
16
+ onChange
17
+ onReady
18
+ onFocus
19
+ onBlur
20
+ onClick
21
+ componentType="applePay"
22
+ onPaymentComplete
23
+ onPaymentButtonClick
14
24
  />
15
25
  }
@@ -13,7 +13,8 @@ function CardCVC(props) {
13
13
  onFocus: props.onFocus,
14
14
  onBlur: props.onBlur,
15
15
  onClick: props.onClick,
16
- onComplete: props.onComplete
16
+ onPaymentComplete: props.onPaymentComplete,
17
+ onPaymentButtonClick: props.onPaymentButtonClick
17
18
  });
18
19
  }
19
20
 
@@ -7,9 +7,19 @@ let make = (
7
7
  ~onFocus,
8
8
  ~onBlur,
9
9
  ~onClick,
10
- ~onComplete,
10
+ ~onPaymentComplete,
11
+ ~onPaymentButtonClick,
11
12
  ) => {
12
13
  <PaymentElementsWrapper
13
- id options onChange onReady onFocus onBlur onClick componentType="cardCvc" onComplete
14
+ id
15
+ options
16
+ onChange
17
+ onReady
18
+ onFocus
19
+ onBlur
20
+ onClick
21
+ componentType="cardCvc"
22
+ onPaymentComplete
23
+ onPaymentButtonClick
14
24
  />
15
25
  }
@@ -13,7 +13,8 @@ function CardElement(props) {
13
13
  onFocus: props.onFocus,
14
14
  onBlur: props.onBlur,
15
15
  onClick: props.onClick,
16
- onComplete: props.onComplete
16
+ onPaymentComplete: props.onPaymentComplete,
17
+ onPaymentButtonClick: props.onPaymentButtonClick
17
18
  });
18
19
  }
19
20
 
@@ -7,9 +7,19 @@ let make = (
7
7
  ~onFocus,
8
8
  ~onBlur,
9
9
  ~onClick,
10
- ~onComplete,
10
+ ~onPaymentComplete,
11
+ ~onPaymentButtonClick,
11
12
  ) => {
12
13
  <PaymentElementsWrapper
13
- id options onChange onReady onFocus onBlur onClick componentType="card" onComplete
14
+ id
15
+ options
16
+ onChange
17
+ onReady
18
+ onFocus
19
+ onBlur
20
+ onClick
21
+ componentType="card"
22
+ onPaymentComplete
23
+ onPaymentButtonClick
14
24
  />
15
25
  }
@@ -13,7 +13,8 @@ function CardExpiry(props) {
13
13
  onFocus: props.onFocus,
14
14
  onBlur: props.onBlur,
15
15
  onClick: props.onClick,
16
- onComplete: props.onComplete
16
+ onPaymentComplete: props.onPaymentComplete,
17
+ onPaymentButtonClick: props.onPaymentButtonClick
17
18
  });
18
19
  }
19
20
 
@@ -7,9 +7,19 @@ let make = (
7
7
  ~onFocus,
8
8
  ~onBlur,
9
9
  ~onClick,
10
- ~onComplete,
10
+ ~onPaymentComplete,
11
+ ~onPaymentButtonClick,
11
12
  ) => {
12
13
  <PaymentElementsWrapper
13
- id options onChange onReady onFocus onBlur onClick componentType="cardExpiry" onComplete
14
+ id
15
+ options
16
+ onChange
17
+ onReady
18
+ onFocus
19
+ onBlur
20
+ onClick
21
+ componentType="cardExpiry"
22
+ onPaymentComplete
23
+ onPaymentButtonClick
14
24
  />
15
25
  }
@@ -13,7 +13,8 @@ function CardNumber(props) {
13
13
  onFocus: props.onFocus,
14
14
  onBlur: props.onBlur,
15
15
  onClick: props.onClick,
16
- onComplete: props.onComplete
16
+ onPaymentComplete: props.onPaymentComplete,
17
+ onPaymentButtonClick: props.onPaymentButtonClick
17
18
  });
18
19
  }
19
20
 
@@ -7,9 +7,19 @@ let make = (
7
7
  ~onFocus,
8
8
  ~onBlur,
9
9
  ~onClick,
10
- ~onComplete,
10
+ ~onPaymentComplete,
11
+ ~onPaymentButtonClick,
11
12
  ) => {
12
13
  <PaymentElementsWrapper
13
- id options onChange onReady onFocus onBlur onClick componentType="cardNumber" onComplete
14
+ id
15
+ options
16
+ onChange
17
+ onReady
18
+ onFocus
19
+ onBlur
20
+ onClick
21
+ componentType="cardNumber"
22
+ onPaymentComplete
23
+ onPaymentButtonClick
14
24
  />
15
25
  }
@@ -13,7 +13,8 @@ function ExpressCheckoutElement(props) {
13
13
  onFocus: props.onFocus,
14
14
  onBlur: props.onBlur,
15
15
  onClick: props.onClick,
16
- onComplete: props.onComplete
16
+ onPaymentComplete: props.onPaymentComplete,
17
+ onPaymentButtonClick: props.onPaymentButtonClick
17
18
  });
18
19
  }
19
20
 
@@ -7,9 +7,19 @@ let make = (
7
7
  ~onFocus,
8
8
  ~onBlur,
9
9
  ~onClick,
10
- ~onComplete,
10
+ ~onPaymentComplete,
11
+ ~onPaymentButtonClick,
11
12
  ) => {
12
13
  <PaymentElementsWrapper
13
- id options onChange onReady onFocus onBlur onClick componentType="expressCheckout" onComplete
14
+ id
15
+ options
16
+ onChange
17
+ onReady
18
+ onFocus
19
+ onBlur
20
+ onClick
21
+ componentType="expressCheckout"
22
+ onPaymentComplete
23
+ onPaymentButtonClick
14
24
  />
15
25
  }
@@ -13,7 +13,8 @@ function GooglePayElement(props) {
13
13
  onFocus: props.onFocus,
14
14
  onBlur: props.onBlur,
15
15
  onClick: props.onClick,
16
- onComplete: props.onComplete
16
+ onPaymentComplete: props.onPaymentComplete,
17
+ onPaymentButtonClick: props.onPaymentButtonClick
17
18
  });
18
19
  }
19
20
 
@@ -7,9 +7,19 @@ let make = (
7
7
  ~onFocus,
8
8
  ~onBlur,
9
9
  ~onClick,
10
- ~onComplete,
10
+ ~onPaymentComplete,
11
+ ~onPaymentButtonClick,
11
12
  ) => {
12
13
  <PaymentElementsWrapper
13
- id options onChange onReady onFocus onBlur onClick onComplete componentType="googlePay"
14
+ id
15
+ options
16
+ onChange
17
+ onReady
18
+ onFocus
19
+ onBlur
20
+ onClick
21
+ onPaymentComplete
22
+ componentType="googlePay"
23
+ onPaymentButtonClick
14
24
  />
15
25
  }
@@ -13,7 +13,8 @@ function PayPalElement(props) {
13
13
  onFocus: props.onFocus,
14
14
  onBlur: props.onBlur,
15
15
  onClick: props.onClick,
16
- onComplete: props.onComplete
16
+ onPaymentComplete: props.onPaymentComplete,
17
+ onPaymentButtonClick: props.onPaymentButtonClick
17
18
  });
18
19
  }
19
20
 
@@ -7,9 +7,19 @@ let make = (
7
7
  ~onFocus,
8
8
  ~onBlur,
9
9
  ~onClick,
10
- ~onComplete,
10
+ ~onPaymentComplete,
11
+ ~onPaymentButtonClick,
11
12
  ) => {
12
13
  <PaymentElementsWrapper
13
- id options onChange onReady onFocus onBlur onClick componentType="payPal" onComplete
14
+ id
15
+ options
16
+ onChange
17
+ onReady
18
+ onFocus
19
+ onBlur
20
+ onClick
21
+ componentType="payPal"
22
+ onPaymentComplete
23
+ onPaymentButtonClick
14
24
  />
15
25
  }
@@ -13,7 +13,8 @@ function PaymentElement(props) {
13
13
  onFocus: props.onFocus,
14
14
  onBlur: props.onBlur,
15
15
  onClick: props.onClick,
16
- onComplete: props.onComplete
16
+ onPaymentComplete: props.onPaymentComplete,
17
+ onPaymentButtonClick: props.onPaymentButtonClick
17
18
  });
18
19
  }
19
20
 
@@ -7,9 +7,19 @@ let make = (
7
7
  ~onFocus,
8
8
  ~onBlur,
9
9
  ~onClick,
10
- ~onComplete,
10
+ ~onPaymentComplete,
11
+ ~onPaymentButtonClick,
11
12
  ) => {
12
13
  <PaymentElementsWrapper
13
- id options onChange onReady onFocus onBlur onClick componentType="payment" onComplete
14
+ id
15
+ options
16
+ onChange
17
+ onReady
18
+ onFocus
19
+ onBlur
20
+ onClick
21
+ componentType="payment"
22
+ onPaymentComplete
23
+ onPaymentButtonClick
14
24
  />
15
25
  }
@@ -6,7 +6,8 @@ import * as Caml_option from "rescript/lib/es6/caml_option.js";
6
6
  import * as JsxRuntime from "react/jsx-runtime";
7
7
 
8
8
  function PaymentElementsWrapper(props) {
9
- var onComplete = props.onComplete;
9
+ var onPaymentButtonClick = props.onPaymentButtonClick;
10
+ var onPaymentComplete = props.onPaymentComplete;
10
11
  var onClick = props.onClick;
11
12
  var onBlur = props.onBlur;
12
13
  var onFocus = props.onFocus;
@@ -33,7 +34,8 @@ function PaymentElementsWrapper(props) {
33
34
  paymentElement.on("blur", onBlur);
34
35
  paymentElement.on("clickTriggered", onClick);
35
36
  paymentElement.on("change", onChange);
36
- paymentElement.on("complete", onComplete);
37
+ paymentElement.on("completeDoThis", onPaymentComplete);
38
+ paymentElement.onSDKHandleClick(onPaymentButtonClick);
37
39
  }), [
38
40
  elementsState,
39
41
  hyperSwitch
@@ -8,7 +8,8 @@ let make = (
8
8
  ~onFocus,
9
9
  ~onBlur,
10
10
  ~onClick,
11
- ~onComplete,
11
+ ~onPaymentComplete,
12
+ ~onPaymentButtonClick,
12
13
  ) => {
13
14
  let hyperSwitch = React.useContext(Context.switchContext)
14
15
  let elementsState = React.useContext(Context.elementsContext)
@@ -28,7 +29,9 @@ let make = (
28
29
  paymentElement.on("blur", onBlur)
29
30
  paymentElement.on("clickTriggered", onClick)
30
31
  paymentElement.on("change", onChange)
31
- paymentElement.on("complete", onComplete)
32
+ paymentElement.on("completeDoThis", onPaymentComplete)
33
+ paymentElement.onSDKHandleClick(onPaymentButtonClick)
34
+
32
35
  None
33
36
  }, (elementsState, hyperSwitch))
34
37