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

package/index.js

@@ -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;
+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

@@ -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};
+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

@@ -1,6 +1,6 @@
 {
   "name": "@juspay-tech/react-hyper-js",
-  "version": "1.1.1",
+  "version": "1.2.1",
   "main": "index.js",
   "module": "index.mjs",
   "exports": {

package/src/Index.resi

@@ -29,6 +29,8 @@ let \"PaymentElement": PaymentElement.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"UnifiedCheckout": PaymentElement.props<
   string,
@@ -38,6 +40,8 @@ let \"UnifiedCheckout": PaymentElement.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"CardElement": CardElement.props<
   string,
@@ -47,6 +51,8 @@ let \"CardElement": CardElement.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"CardWidget": CardElement.props<
   string,
@@ -56,6 +62,8 @@ let \"CardWidget": CardElement.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"CardNumberElement": CardNumber.props<
   string,
@@ -65,6 +73,8 @@ let \"CardNumberElement": CardNumber.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"CardNumberWidget": CardNumber.props<
   string,
@@ -74,6 +84,8 @@ let \"CardNumberWidget": CardNumber.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"CardCVCElement": CardCVC.props<
   string,
@@ -83,6 +95,8 @@ let \"CardCVCElement": CardCVC.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"CardCVCWidget": CardCVC.props<
   string,
@@ -92,6 +106,8 @@ let \"CardCVCWidget": CardCVC.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"CardExpiryElement": CardExpiry.props<
   string,
@@ -101,6 +117,8 @@ let \"CardExpiryElement": CardExpiry.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"CardExpiryWidget": CardExpiry.props<
   string,
@@ -110,6 +128,8 @@ let \"CardExpiryWidget": CardExpiry.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"GooglePayElement": GooglePayElement.props<
   string,
@@ -119,6 +139,8 @@ let \"GooglePayElement": GooglePayElement.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"ApplePayElement": ApplePayElement.props<
   string,
@@ -128,6 +150,8 @@ let \"ApplePayElement": ApplePayElement.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"PayPalElement": PayPalElement.props<
   string,
@@ -137,6 +161,8 @@ let \"PayPalElement": PayPalElement.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"ExpressCheckoutElement": ExpressCheckoutElement.props<
   string,
@@ -146,6 +172,8 @@ let \"ExpressCheckoutElement": ExpressCheckoutElement.props<
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
   option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  unit => RescriptCore.Promise.t<unit>,
 > => React.element
 let \"HyperManagementElements": HyperManagementElements.props<
   React.element,

package/src/OrcaJs.bs.js

@@ -39,6 +39,10 @@ function defaultPaymentElement_clear() {
   
 }
 
+function defaultPaymentElement_onSDKHandleClick(param) {
+  
+}
+
 var defaultPaymentElement = {
   on: defaultPaymentElement_on,
   collapse: defaultPaymentElement_collapse,
@@ -48,7 +52,8 @@ var defaultPaymentElement = {
   unmount: defaultPaymentElement_unmount,
   mount: defaultPaymentElement_mount,
   focus: defaultPaymentElement_focus,
-  clear: defaultPaymentElement_clear
+  clear: defaultPaymentElement_clear,
+  onSDKHandleClick: defaultPaymentElement_onSDKHandleClick
 };
 
 export {

package/src/OrcaJs.res

@@ -27,8 +27,8 @@ type paymentElement = {
   mount: string => unit,
   focus: unit => unit,
   clear: unit => unit,
+  onSDKHandleClick: (unit => Promise.t<unit>) => unit,
 }
-
 let defaultPaymentElement = {
   on: (_str, _func) => (),
   collapse: () => (),
@@ -39,6 +39,7 @@ let defaultPaymentElement = {
   mount: _string => (),
   focus: () => (),
   clear: () => (),
+  onSDKHandleClick: _ => (),
 }
 
 type element = {

package/src/components/ApplePayElement.bs.js

@@ -12,7 +12,9 @@ function ApplePayElement(props) {
               componentType: "applePay",
               onFocus: props.onFocus,
               onBlur: props.onBlur,
-              onClick: props.onClick
+              onClick: props.onClick,
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/ApplePayElement.res

@@ -1,6 +1,25 @@
 @react.component
-let make = (~id, ~options: JSON.t, ~onChange, ~onReady, ~onFocus, ~onBlur, ~onClick) => {
+let make = (
+  ~id,
+  ~options: JSON.t,
+  ~onChange,
+  ~onReady,
+  ~onFocus,
+  ~onBlur,
+  ~onClick,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
+) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="applePay"
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="applePay"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/CardCVC.bs.js

@@ -12,7 +12,9 @@ function CardCVC(props) {
               componentType: "cardCvc",
               onFocus: props.onFocus,
               onBlur: props.onBlur,
-              onClick: props.onClick
+              onClick: props.onClick,
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/CardCVC.res

@@ -1,6 +1,25 @@
 @react.component
-let make = (~id, ~options: JSON.t, ~onChange, ~onReady, ~onFocus, ~onBlur, ~onClick) => {
+let make = (
+  ~id,
+  ~options: JSON.t,
+  ~onChange,
+  ~onReady,
+  ~onFocus,
+  ~onBlur,
+  ~onClick,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
+) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="cardCvc"
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="cardCvc"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/CardElement.bs.js

@@ -12,7 +12,9 @@ function CardElement(props) {
               componentType: "card",
               onFocus: props.onFocus,
               onBlur: props.onBlur,
-              onClick: props.onClick
+              onClick: props.onClick,
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/CardElement.res

@@ -1,4 +1,25 @@
 @react.component
-let make = (~id, ~options: JSON.t, ~onChange, ~onReady, ~onFocus, ~onBlur, ~onClick) => {
-  <PaymentElementsWrapper id options onChange onReady onFocus onBlur onClick componentType="card" />
+let make = (
+  ~id,
+  ~options: JSON.t,
+  ~onChange,
+  ~onReady,
+  ~onFocus,
+  ~onBlur,
+  ~onClick,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
+) => {
+  <PaymentElementsWrapper
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="card"
+    onPaymentComplete
+    onPaymentButtonClick
+  />
 }

package/src/components/CardExpiry.bs.js

@@ -12,7 +12,9 @@ function CardExpiry(props) {
               componentType: "cardExpiry",
               onFocus: props.onFocus,
               onBlur: props.onBlur,
-              onClick: props.onClick
+              onClick: props.onClick,
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/CardExpiry.res

@@ -1,6 +1,25 @@
 @react.component
-let make = (~id, ~options: JSON.t, ~onChange, ~onReady, ~onFocus, ~onBlur, ~onClick) => {
+let make = (
+  ~id,
+  ~options: JSON.t,
+  ~onChange,
+  ~onReady,
+  ~onFocus,
+  ~onBlur,
+  ~onClick,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
+) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="cardExpiry"
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="cardExpiry"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/CardNumber.bs.js

@@ -12,7 +12,9 @@ function CardNumber(props) {
               componentType: "cardNumber",
               onFocus: props.onFocus,
               onBlur: props.onBlur,
-              onClick: props.onClick
+              onClick: props.onClick,
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/CardNumber.res

@@ -1,6 +1,25 @@
 @react.component
-let make = (~id, ~options: JSON.t, ~onChange, ~onReady, ~onFocus, ~onBlur, ~onClick) => {
+let make = (
+  ~id,
+  ~options: JSON.t,
+  ~onChange,
+  ~onReady,
+  ~onFocus,
+  ~onBlur,
+  ~onClick,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
+) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="cardNumber"
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="cardNumber"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/ExpressCheckoutElement.bs.js

@@ -12,7 +12,9 @@ function ExpressCheckoutElement(props) {
               componentType: "expressCheckout",
               onFocus: props.onFocus,
               onBlur: props.onBlur,
-              onClick: props.onClick
+              onClick: props.onClick,
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/ExpressCheckoutElement.res

@@ -1,6 +1,25 @@
 @react.component
-let make = (~id, ~options: JSON.t, ~onChange, ~onReady, ~onFocus, ~onBlur, ~onClick) => {
+let make = (
+  ~id,
+  ~options: JSON.t,
+  ~onChange,
+  ~onReady,
+  ~onFocus,
+  ~onBlur,
+  ~onClick,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
+) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="expressCheckout"
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="expressCheckout"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/GooglePayElement.bs.js

@@ -12,7 +12,9 @@ function GooglePayElement(props) {
               componentType: "googlePay",
               onFocus: props.onFocus,
               onBlur: props.onBlur,
-              onClick: props.onClick
+              onClick: props.onClick,
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/GooglePayElement.res

@@ -1,6 +1,25 @@
 @react.component
-let make = (~id, ~options: JSON.t, ~onChange, ~onReady, ~onFocus, ~onBlur, ~onClick) => {
+let make = (
+  ~id,
+  ~options: JSON.t,
+  ~onChange,
+  ~onReady,
+  ~onFocus,
+  ~onBlur,
+  ~onClick,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
+) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="googlePay"
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    onPaymentComplete
+    componentType="googlePay"
+    onPaymentButtonClick
   />
 }

package/src/components/PayPalElement.bs.js

@@ -12,7 +12,9 @@ function PayPalElement(props) {
               componentType: "payPal",
               onFocus: props.onFocus,
               onBlur: props.onBlur,
-              onClick: props.onClick
+              onClick: props.onClick,
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/PayPalElement.res

@@ -1,6 +1,25 @@
 @react.component
-let make = (~id, ~options: JSON.t, ~onChange, ~onReady, ~onFocus, ~onBlur, ~onClick) => {
+let make = (
+  ~id,
+  ~options: JSON.t,
+  ~onChange,
+  ~onReady,
+  ~onFocus,
+  ~onBlur,
+  ~onClick,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
+) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="payPal"
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="payPal"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/PaymentElement.bs.js

@@ -12,7 +12,9 @@ function PaymentElement(props) {
               componentType: "payment",
               onFocus: props.onFocus,
               onBlur: props.onBlur,
-              onClick: props.onClick
+              onClick: props.onClick,
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/PaymentElement.res

@@ -1,6 +1,25 @@
 @react.component
-let make = (~id, ~options: JSON.t, ~onChange, ~onReady, ~onFocus, ~onBlur, ~onClick) => {
+let make = (
+  ~id,
+  ~options: JSON.t,
+  ~onChange,
+  ~onReady,
+  ~onFocus,
+  ~onBlur,
+  ~onClick,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
+) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="payment"
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="payment"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/PaymentElementsWrapper.bs.js

@@ -6,6 +6,8 @@ import * as Caml_option from "rescript/lib/es6/caml_option.js";
 import * as JsxRuntime from "react/jsx-runtime";
 
 function PaymentElementsWrapper(props) {
+  var onPaymentButtonClick = props.onPaymentButtonClick;
+  var onPaymentComplete = props.onPaymentComplete;
   var onClick = props.onClick;
   var onBlur = props.onBlur;
   var onFocus = props.onFocus;
@@ -32,6 +34,8 @@ function PaymentElementsWrapper(props) {
           paymentElement.on("blur", onBlur);
           paymentElement.on("clickTriggered", onClick);
           paymentElement.on("change", onChange);
+          paymentElement.on("completeDoThis", onPaymentComplete);
+          paymentElement.onSDKHandleClick(onPaymentButtonClick);
         }), [
         elementsState,
         hyperSwitch

package/src/components/PaymentElementsWrapper.res

@@ -8,6 +8,8 @@ let make = (
   ~onFocus,
   ~onBlur,
   ~onClick,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
 ) => {
   let hyperSwitch = React.useContext(Context.switchContext)
   let elementsState = React.useContext(Context.elementsContext)
@@ -27,6 +29,9 @@ let make = (
     paymentElement.on("blur", onBlur)
     paymentElement.on("clickTriggered", onClick)
     paymentElement.on("change", onChange)
+    paymentElement.on("completeDoThis", onPaymentComplete)
+    paymentElement.onSDKHandleClick(onPaymentButtonClick)
+
     None
   }, (elementsState, hyperSwitch))