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

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 qe=Object.create;var U=Object.defineProperty;var He=Object.getOwnPropertyDescriptor;var Ge=Object.getOwnPropertyNames;var Ke=Object.getPrototypeOf,ze=Object.prototype.hasOwnProperty;var Xe=(e,n)=>{for(var r in n)U(e,r,{get:n[r],enumerable:!0})},fe=(e,n,r,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let t of Ge(n))!ze.call(e,t)&&t!==r&&U(e,t,{get:()=>n[t],enumerable:!(o=He(n,t))||o.enumerable});return e};var i=(e,n,r)=>(r=e!=null?qe(Ke(e)):{},fe(n||!e||!e.__esModule?U(r,"default",{value:e,enumerable:!0}):r,e)),Le=e=>fe(U({},"__esModule",{value:!0}),e);var Mt={};Xe(Mt,{ApplePayElement:()=>xt,CardCVCElement:()=>vt,CardCVCWidget:()=>Et,CardElement:()=>dt,CardExpiryElement:()=>_t,CardExpiryWidget:()=>ht,CardNumberElement:()=>yt,CardNumberWidget:()=>pt,CardWidget:()=>Ct,Elements:()=>lt,ExpressCheckoutElement:()=>kt,GooglePayElement:()=>Pt,HyperElements:()=>ct,HyperManagementElements:()=>Ot,PayPalElement:()=>Rt,PaymentElement:()=>ft,PaymentMethodsManagementElement:()=>St,PazeElement:()=>gt,UnifiedCheckout:()=>st,useElements:()=>it,useHyper:()=>at,useStripe:()=>ut,useWidgets:()=>mt});module.exports=Le(Mt);var j=i(require("react"));var Re=i(require("react/jsx-runtime"));var P=i(require("react"));var T=i(require("react"));function Qe(e,n){}function Ye(){}function Ze(){}function en(e){}function nn(){}function tn(){}function rn(e){}function on(){}function an(){}function un(e){}var se={on:Qe,collapse:Ye,blur:Ze,update:en,destroy:nn,unmount:tn,mount:rn,focus:on,clear:an,onSDKHandleClick:un};function ln(e){if(typeof e=="boolean")return e}function cn(e){if(e===null)return null}function fn(e){if(typeof e=="string")return e}function sn(e){if(typeof e=="number")return e}function dn(e){if(typeof e=="object"&&!Array.isArray(e)&&e!==null)return e}function Cn(e){if(Array.isArray(e))return e}var _={bool:ln,$$null:cn,string:fn,$$float:sn,object:dn,array:Cn};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,s=a-l|0;if(s===0)return o.apply(null,r);if(s>=0)return function(C,u){return function(m){return de(C,u.concat([m]))}}(o,r);n=Q(r,a,-s|0),e=o.apply(null,Q(r,0,a))}}function vn(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,s){return e(n,o,t,a,l,s)};case 7:return function(o,t,a,l,s,C){return e(n,o,t,a,l,s,C)};default:return de(e,[n])}}function I(e){var n=e.length;return n===1?e:function(r){return vn(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 En(e,n){if(e!==void 0)return n(q(e))}function O(e,n){return En(e,I(n))}function h(e,n){return e!==void 0?q(e):n}function Pn(e){return Promise.resolve({})}function xn(e,n,r){return Promise.resolve({})}function gn(e){return Promise.resolve({})}function ye(e){return e}var b={clientSecret:"",confirmPayment:Pn,confirmCardPayment:xn,retrievePaymentIntent:gn,paymentRequest:ye},M=T.createContext(b),Rn=M.Provider,G={make:Rn},Y={ephemeralKey:"",paymentRequest:ye},Z=T.createContext(Y),kn=Z.Provider,pe={make:kn};function S(e,n,r){return h(O(e[n],_.string),r)}function K(e){var n=h(_.object(e),{});return{fonts:h(O(n.fonts,_.array),[]),locale:S(n,"locale",""),clientSecret:S(n,"clientSecret",""),appearance:h(O(n.appearance,_.object),{}),loader:S(n,"loader","auto")}}function ve(e){}function Ee(e){}function _e(){return new Promise(function(e,n){setTimeout(function(){e({})},1e3)})}function he(e,n){return se}var On={fonts:[],locale:"",clientSecret:"",appearance:{},loader:""},W={options:On,update:ve,getElement:Ee,fetchUpdates:_e,create:he},w=T.createContext(W),Sn=w.Provider,z={make:Sn};function Pe(e){var n=h(_.object(e),{});return{fonts:h(O(n.fonts,_.array),[]),locale:S(n,"locale",""),ephemeralKey:S(n,"ephemeralKey",""),appearance:h(O(n.appearance,_.object),{}),loader:S(n,"loader","auto")}}var Mn={fonts:[],locale:"",ephemeralKey:"",appearance:{},loader:""},ee={options:Mn,update:ve,getElement:Ee,fetchUpdates:_e,create:he},ne=T.createContext(ee),wn=ne.Provider,xe={make:wn};var ge=i(require("react/jsx-runtime"));function Bn(e){var n=e.onPaymentButtonClick,r=e.onPaymentComplete,o=e.onClick,t=e.onBlur,a=e.onFocus,l=e.componentType,s=e.onReady,C=e.onChange,u=e.options,m=e.id,v=m!==void 0?m:"payment-Element",p=P.useContext(M),y=P.useContext(w),f=P.useRef(null),d=y.create(l,u);return P.useEffect(function(){var g=y.create(l,u);g.mount("#orca-elements-payment-element-"+v)},[f,y]),P.useEffect(function(){d.on("ready",s),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(f),id:"orca-elements-payment-element-"+v})}var c=Bn;function Nn(e){return Re.jsx(c,{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=Nn;var A=i(require("react"));function N(e,n){return n.then(I(e))}var oe=i(require("react/jsx-runtime"));function Jn(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}),s=l[1];return A.useEffect(function(){(function(C){return N(function(u){var m=u.elements(n),v=m.update,p=m.getElement,y=m.fetchUpdates,f=m.create,d={options:o,update:v,getElement:p,fetchUpdates:y,create:f},g=o.clientSecret,F=u.confirmPayment,R=u.confirmCardPayment,J=u.retrievePaymentIntent,X=u.paymentRequest,V={clientSecret:g,confirmPayment:F,confirmCardPayment:R,retrievePaymentIntent:J,paymentRequest:X};return a(function(L){return V}),s(function(L){return d}),Promise.resolve(V)},C)})(r)},[]),oe.jsx(G.make,{value:t[0],children:oe.jsx(z.make,{value:l[0],children:e.children})})}var ke=Jn;var Oe=i(require("react/jsx-runtime"));function Tn(e){return Oe.jsx(c,{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=Tn;var Se=i(require("react/jsx-runtime"));function Wn(e){return Se.jsx(c,{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=Wn;var Me=i(require("react/jsx-runtime"));function Dn(e){return Me.jsx(c,{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 me=Dn;var we=i(require("react/jsx-runtime"));function jn(e){return we.jsx(c,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"paze",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var Be=jn;var D=i(require("react"));var ie=i(require("react/jsx-runtime"));function In(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}),s=l[1];return D.useEffect(function(){(function(C){return N(function(u){var m=u.elements(n),v=m.update,p=m.getElement,y=m.fetchUpdates,f=m.create,d={options:o,update:v,getElement:p,fetchUpdates:y,create:f},g=o.clientSecret,F=u.confirmPayment,R=u.confirmCardPayment,J=u.retrievePaymentIntent,X=u.paymentRequest,V={clientSecret:g,confirmPayment:F,confirmCardPayment:R,retrievePaymentIntent:J,paymentRequest:X};return a(function(L){return V}),s(function(L){return d}),Promise.resolve(V)},C)})(r)},[]),ie.jsx(G.make,{value:t[0],children:ie.jsx(z.make,{value:l[0],children:e.children})})}var Ne=In;var Fe=i(require("react/jsx-runtime"));function Hn(e){return Fe.jsx(c,{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 Je=Hn;var Ve=i(require("react/jsx-runtime"));function Kn(e){return Ve.jsx(c,{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=Kn;var Te=i(require("react/jsx-runtime"));function Xn(e){return Te.jsx(c,{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 be=Xn;var We=i(require("react/jsx-runtime"));function Qn(e){return We.jsx(c,{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 Ae=Qn;var De=i(require("react/jsx-runtime"));function Zn(e){return De.jsx(c,{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 $e=Zn;var $=i(require("react"));var ce=i(require("react/jsx-runtime"));function nt(e){var n=e.options,r=e.hyper,o=Pe(n),t=$.useState(function(){return Y}),a=t[1],l=$.useState(function(){return ee}),s=l[1];return $.useEffect(function(){(function(C){return N(function(u){var m=u.paymentMethodsManagementElements(n),v=m.update,p=m.getElement,y=m.fetchUpdates,f=m.create,d={options:o,update:v,getElement:p,fetchUpdates:y,create:f},g=o.ephemeralKey,F=u.paymentRequest,R={ephemeralKey:g,paymentRequest:F};return a(function(J){return R}),s(function(J){return d}),Promise.resolve(R)},C)})(r)},[]),ce.jsx(pe.make,{value:t[0],children:ce.jsx(xe.make,{value:l[0],children:e.children})})}var je=nt;var x=i(require("react"));var Ue=i(require("react/jsx-runtime"));function rt(e){var n=e.onClick,r=e.onBlur,o=e.onFocus,t=e.componentType,a=e.onReady,l=e.onChange,s=e.options,C=e.id,u=C!==void 0?C:"payment-management",m=t!==void 0?t:"paymentMethodsManagement",v=x.useContext(Z),p=x.useContext(ne),y=x.useRef(null),f=p.create(m,s);return x.useEffect(function(){var d=p.create(m,s);d.mount("#orca-elements-payment-management-"+u)},[y,p]),x.useEffect(function(){return f.on("ready",a),f.on("focus",o),f.on("blur",r),f.on("clickTriggered",n),f.on("change",l),function(){f.on("ready",void 0),f.on("focus",void 0),f.on("blur",void 0),f.on("clickTriggered",void 0),f.on("change",void 0)}},[p,v]),Ue.jsx("div",{ref:k(y),id:"orca-elements-payment-management-"+u})}var Ie=rt;function at(){return j.useContext(M)}function ut(){return console.warn("useStripe() is deprecated. Use useHyper() instead"),j.useContext(M)}function mt(){return j.useContext(w)}function it(){return console.warn("useElements() is deprecated. Use useWidgets() instead"),j.useContext(w)}var lt=ke,ct=Ne,ft=le,st=le,dt=me,Ct=me,yt=ue,pt=ue,vt=te,Et=te,_t=ae,ht=ae,Pt=Ae,xt=be,gt=Be,Rt=Je,kt=$e,Ot=je,St=Ie;

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 je(e,n){}function Ue(){}function Ie(){}function qe(e){}function He(){}function Ge(){}function Ke(e){}function ze(){}function Xe(){}function Le(e){}var le={on:je,collapse:Ue,blur:Ie,update:qe,destroy:He,unmount:Ge,mount:Ke,focus:ze,clear:Xe,onSDKHandleClick:Le};function Ye(e){if(typeof e=="boolean")return e}function Ze(e){if(e===null)return null}function en(e){if(typeof e=="string")return e}function nn(e){if(typeof e=="number")return e}function tn(e){if(typeof e=="object"&&!Array.isArray(e)&&e!==null)return e}function rn(e){if(Array.isArray(e))return e}var E={bool:Ye,$$null:Ze,string:en,$$float:nn,object:tn,array:rn};function X(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,i=o.length,f=a-i|0;if(f===0)return t.apply(null,o);if(f>=0)return function(d,u){return function(m){return ce(d,u.concat([m]))}}(t,o);n=X(o,a,-f|0),e=t.apply(null,X(o,0,a))}}function un(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,i){return e(n,t,r,a,i)};case 6:return function(t,r,a,i,f){return e(n,t,r,a,i,f)};case 7:return function(t,r,a,i,f,d){return e(n,t,r,a,i,f,d)};default:return ce(e,[n])}}function j(e){var n=e.length;return n===1?e:function(o){return un(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 U(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 mn(e,n){if(e!==void 0)return n(U(e))}function k(e,n){return mn(e,j(n))}function _(e,n){return e!==void 0?U(e):n}function fn(e){return Promise.resolve({})}function sn(e,n,o){return Promise.resolve({})}function dn(e){return Promise.resolve({})}function se(e){return e}var T={clientSecret:"",confirmPayment:fn,confirmCardPayment:sn,retrievePaymentIntent:dn,paymentRequest:se},S=V.createContext(T),Cn=S.Provider,q={make:Cn},L={ephemeralKey:"",paymentRequest:se},Q=V.createContext(L),yn=Q.Provider,de={make:yn};function O(e,n,o){return _(k(e[n],E.string),o)}function H(e){var n=_(E.object(e),{});return{fonts:_(k(n.fonts,E.array),[]),locale:O(n,"locale",""),clientSecret:O(n,"clientSecret",""),appearance:_(k(n.appearance,E.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 pn={fonts:[],locale:"",clientSecret:"",appearance:{},loader:""},b={options:pn,update:Ce,getElement:ye,fetchUpdates:pe,create:ve},M=V.createContext(b),vn=M.Provider,G={make:vn};function Ee(e){var n=_(E.object(e),{});return{fonts:_(k(n.fonts,E.array),[]),locale:O(n,"locale",""),ephemeralKey:O(n,"ephemeralKey",""),appearance:_(k(n.appearance,E.object),{}),loader:O(n,"loader","auto")}}var En={fonts:[],locale:"",ephemeralKey:"",appearance:{},loader:""},Y={options:En,update:Ce,getElement:ye,fetchUpdates:pe,create:ve},Z=V.createContext(Y),_n=Z.Provider,_e={make:_n};import*as he from"react/jsx-runtime";function hn(e){var n=e.onPaymentButtonClick,o=e.onPaymentComplete,t=e.onClick,r=e.onBlur,a=e.onFocus,i=e.componentType,f=e.onReady,d=e.onChange,u=e.options,m=e.id,p=m!==void 0?m:"payment-Element",y=h.useContext(S),C=h.useContext(M),c=h.useRef(null),s=C.create(i,u);return h.useEffect(function(){var x=C.create(i,u);x.mount("#orca-elements-payment-element-"+p)},[c,C]),h.useEffect(function(){s.on("ready",f),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(c),id:"orca-elements-payment-element-"+p})}var l=hn;function Pn(e){return Pe.jsx(l,{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=Pn;import*as W from"react";function B(e,n){return n.then(j(e))}import*as te from"react/jsx-runtime";function gn(e){var n=e.options,o=e.stripe,t=H(n),r=W.useState(function(){return T}),a=r[1],i=W.useState(function(){return b}),f=i[1];return W.useEffect(function(){(function(d){return B(function(u){var m=u.elements(n),p=m.update,y=m.getElement,C=m.fetchUpdates,c=m.create,s={options:t,update:p,getElement:y,fetchUpdates:C,create:c},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(z){return J}),f(function(z){return s}),Promise.resolve(J)},d)})(o)},[]),te.jsx(q.make,{value:r[0],children:te.jsx(G.make,{value:i[0],children:e.children})})}var xe=gn;import*as ge from"react/jsx-runtime";function kn(e){return ge.jsx(l,{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=kn;import*as Re from"react/jsx-runtime";function Sn(e){return Re.jsx(l,{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=Sn;import*as ke from"react/jsx-runtime";function wn(e){return ke.jsx(l,{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=wn;import*as Oe from"react/jsx-runtime";function Nn(e){return Oe.jsx(l,{id:e.id,options:e.options,onChange:e.onChange,onReady:e.onReady,componentType:"paze",onFocus:e.onFocus,onBlur:e.onBlur,onClick:e.onClick,onPaymentComplete:e.onPaymentComplete,onPaymentButtonClick:e.onPaymentButtonClick})}var Se=Nn;import*as A from"react";import*as ue from"react/jsx-runtime";function Jn(e){var n=e.options,o=e.hyper,t=H(n),r=A.useState(function(){return T}),a=r[1],i=A.useState(function(){return b}),f=i[1];return A.useEffect(function(){(function(d){return B(function(u){var m=u.elements(n),p=m.update,y=m.getElement,C=m.fetchUpdates,c=m.create,s={options:t,update:p,getElement:y,fetchUpdates:C,create:c},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(z){return J}),f(function(z){return s}),Promise.resolve(J)},d)})(o)},[]),ue.jsx(q.make,{value:r[0],children:ue.jsx(G.make,{value:i[0],children:e.children})})}var Me=Jn;import*as we from"react/jsx-runtime";function Tn(e){return we.jsx(l,{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 Be=Tn;import*as Ne from"react/jsx-runtime";function Wn(e){return Ne.jsx(l,{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 me=Wn;import*as Fe from"react/jsx-runtime";function Dn(e){return Fe.jsx(l,{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 Je=Dn;import*as Ve from"react/jsx-runtime";function jn(e){return Ve.jsx(l,{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 Te=jn;import*as be from"react/jsx-runtime";function In(e){return be.jsx(l,{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 We=In;import*as D from"react";import*as ie from"react/jsx-runtime";function Hn(e){var n=e.options,o=e.hyper,t=Ee(n),r=D.useState(function(){return L}),a=r[1],i=D.useState(function(){return Y}),f=i[1];return D.useEffect(function(){(function(d){return B(function(u){var m=u.paymentMethodsManagementElements(n),p=m.update,y=m.getElement,C=m.fetchUpdates,c=m.create,s={options:t,update:p,getElement:y,fetchUpdates:C,create:c},x=t.ephemeralKey,N=u.paymentRequest,g={ephemeralKey:x,paymentRequest:N};return a(function(F){return g}),f(function(F){return s}),Promise.resolve(g)},d)})(o)},[]),ie.jsx(de.make,{value:r[0],children:ie.jsx(_e.make,{value:i[0],children:e.children})})}var Ae=Hn;import*as P from"react";import*as De from"react/jsx-runtime";function Kn(e){var n=e.onClick,o=e.onBlur,t=e.onFocus,r=e.componentType,a=e.onReady,i=e.onChange,f=e.options,d=e.id,u=d!==void 0?d:"payment-management",m=r!==void 0?r:"paymentMethodsManagement",p=P.useContext(Q),y=P.useContext(Z),C=P.useRef(null),c=y.create(m,f);return P.useEffect(function(){var s=y.create(m,f);s.mount("#orca-elements-payment-management-"+u)},[C,y]),P.useEffect(function(){return c.on("ready",a),c.on("focus",t),c.on("blur",o),c.on("clickTriggered",n),c.on("change",i),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)}},[y,p]),De.jsx("div",{ref:R(C),id:"orca-elements-payment-management-"+u})}var $e=Kn;function Ln(){return $.useContext(S)}function Qn(){return console.warn("useStripe() is deprecated. Use useHyper() instead"),$.useContext(S)}function Yn(){return $.useContext(M)}function Zn(){return console.warn("useElements() is deprecated. Use useWidgets() instead"),$.useContext(M)}var et=xe,nt=Me,tt=me,rt=me,ot=ae,at=ae,ut=oe,mt=oe,it=ee,lt=ee,ct=re,ft=re,st=Te,dt=Je,Ct=Se,yt=Be,pt=We,vt=Ae,Et=$e;export{dt as ApplePayElement,it as CardCVCElement,lt as CardCVCWidget,ot as CardElement,ct as CardExpiryElement,ft as CardExpiryWidget,ut as CardNumberElement,mt as CardNumberWidget,at as CardWidget,et as Elements,pt as ExpressCheckoutElement,st as GooglePayElement,nt as HyperElements,vt as HyperManagementElements,yt as PayPalElement,tt as PaymentElement,Et as PaymentMethodsManagementElement,Ct as PazeElement,rt as UnifiedCheckout,Zn as useElements,Ln as useHyper,Qn as useStripe,Yn as useWidgets};

package/package.json

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

package/src/Context.res

@@ -1,8 +1,8 @@
 @get
-external contentWindow: Js.nullable<Dom.element> => Js.nullable<Dom.element> = "contentWindow"
+external contentWindow: Nullable.t<Dom.element> => Nullable.t<Dom.element> = "contentWindow"
 @send
-external postMessage: (Js.nullable<Dom.element>, string, string) => unit = "postMessage"
-external jsonToRef: JSON.t => React.ref<Js.nullable<Dom.element>> = "%identity"
+external postMessage: (Nullable.t<Dom.element>, string, string) => unit = "postMessage"
+external jsonToRef: JSON.t => React.ref<Nullable.t<Dom.element>> = "%identity"
 @get external getClientSecret: 'a => string = "clientSecret"
 external toJson: 'b => JSON.t = "%identity"
 type func = unit => string
@@ -214,7 +214,7 @@ let defaultPaymentMethodsManagementElementsContext: paymentMethodsManagementElem
     fonts: [],
     locale: "",
     ephemeralKey: "",
-    appearance: Js.Dict.empty(),
+    appearance: Dict.make(),
     loader: "",
   },
   update,

package/src/Index.bs.js

@@ -7,6 +7,7 @@ import * as Elements from "./components/Elements.bs.js";
 import * as CardExpiry from "./components/CardExpiry.bs.js";
 import * as CardNumber from "./components/CardNumber.bs.js";
 import * as CardElement from "./components/CardElement.bs.js";
+import * as PazeElement from "./components/PazeElement.bs.js";
 import * as HyperElements from "./components/HyperElements.bs.js";
 import * as PayPalElement from "./components/PayPalElement.bs.js";
 import * as PaymentElement from "./components/PaymentElement.bs.js";
@@ -62,6 +63,8 @@ var GooglePayElement$1 = GooglePayElement.make;
 
 var ApplePayElement$1 = ApplePayElement.make;
 
+var PazeElement$1 = PazeElement.make;
+
 var PayPalElement$1 = PayPalElement.make;
 
 var ExpressCheckoutElement$1 = ExpressCheckoutElement.make;
@@ -89,6 +92,7 @@ export {
   CardExpiryWidget ,
   GooglePayElement$1 as GooglePayElement,
   ApplePayElement$1 as ApplePayElement,
+  PazeElement$1 as PazeElement,
   PayPalElement$1 as PayPalElement,
   ExpressCheckoutElement$1 as ExpressCheckoutElement,
   HyperManagementElements$1 as HyperManagementElements,

package/src/Index.res

@@ -47,6 +47,8 @@ let \"GooglePayElement" = GooglePayElement.make
 
 let \"ApplePayElement" = ApplePayElement.make
 
+let \"PazeElement" = PazeElement.make
+
 let \"PayPalElement" = PayPalElement.make
 
 let \"ExpressCheckoutElement" = ExpressCheckoutElement.make

package/src/Index.resi

@@ -30,6 +30,7 @@ let \"PaymentElement": PaymentElement.props<
   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,
@@ -40,6 +41,7 @@ let \"UnifiedCheckout": PaymentElement.props<
   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,
@@ -50,6 +52,7 @@ let \"CardElement": CardElement.props<
   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,
@@ -60,6 +63,7 @@ let \"CardWidget": CardElement.props<
   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,
@@ -70,6 +74,7 @@ let \"CardNumberElement": CardNumber.props<
   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,
@@ -80,6 +85,7 @@ let \"CardNumberWidget": CardNumber.props<
   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,
@@ -90,6 +96,7 @@ let \"CardCVCElement": CardCVC.props<
   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,
@@ -100,6 +107,7 @@ let \"CardCVCWidget": CardCVC.props<
   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,
@@ -110,6 +118,7 @@ let \"CardExpiryElement": CardExpiry.props<
   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,
@@ -120,6 +129,7 @@ let \"CardExpiryWidget": CardExpiry.props<
   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,
@@ -130,6 +140,7 @@ let \"GooglePayElement": GooglePayElement.props<
   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,
@@ -140,6 +151,19 @@ let \"ApplePayElement": ApplePayElement.props<
   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 \"PazeElement": PazeElement.props<
+  string,
+  RescriptCore.JSON.t,
+  option<option<RescriptCore.JSON.t> => unit>,
+  option<option<RescriptCore.JSON.t> => unit>,
+  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,
@@ -150,6 +174,7 @@ let \"PayPalElement": PayPalElement.props<
   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,
@@ -160,6 +185,7 @@ let \"ExpressCheckoutElement": ExpressCheckoutElement.props<
   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

@@ -14,7 +14,7 @@ type eventHandler = eventParam => unit
 module This = {
   type t
   @get
-  external iframeElem: t => option<Js.nullable<Dom.element>> = "iframeElem"
+  external iframeElem: t => option<Nullable.t<Dom.element>> = "iframeElem"
 }
 
 type paymentElement = {
@@ -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/Window.res

@@ -19,8 +19,8 @@ type domElement
 @send external postMessage: (domElement, string, string) => unit = "postMessage"
 
 @get
-external contentWindow: Js.nullable<Dom.element> => domElement = "contentWindow"
+external contentWindow: Nullable.t<Dom.element> => domElement = "contentWindow"
 
-let iframePostMessage = (iframeRef: React.ref<Js.nullable<Dom.element>>, message) => {
+let iframePostMessage = (iframeRef: React.ref<Nullable.t<Dom.element>>, message) => {
   iframeRef.current->contentWindow->postMessage(message->JSON.stringify, "*")
 }

package/src/components/ApplePayElement.bs.js

@@ -13,7 +13,8 @@ function ApplePayElement(props) {
               onFocus: props.onFocus,
               onBlur: props.onBlur,
               onClick: props.onClick,
-              onComplete: props.onComplete
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/ApplePayElement.res

@@ -7,9 +7,19 @@ let make = (
   ~onFocus,
   ~onBlur,
   ~onClick,
-  ~onComplete,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
 ) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="applePay" onComplete
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="applePay"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/CardCVC.bs.js

@@ -13,7 +13,8 @@ function CardCVC(props) {
               onFocus: props.onFocus,
               onBlur: props.onBlur,
               onClick: props.onClick,
-              onComplete: props.onComplete
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/CardCVC.res

@@ -7,9 +7,19 @@ let make = (
   ~onFocus,
   ~onBlur,
   ~onClick,
-  ~onComplete,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
 ) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="cardCvc" onComplete
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="cardCvc"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/CardElement.bs.js

@@ -13,7 +13,8 @@ function CardElement(props) {
               onFocus: props.onFocus,
               onBlur: props.onBlur,
               onClick: props.onClick,
-              onComplete: props.onComplete
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/CardElement.res

@@ -7,9 +7,19 @@ let make = (
   ~onFocus,
   ~onBlur,
   ~onClick,
-  ~onComplete,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
 ) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="card" onComplete
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="card"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/CardExpiry.bs.js

@@ -13,7 +13,8 @@ function CardExpiry(props) {
               onFocus: props.onFocus,
               onBlur: props.onBlur,
               onClick: props.onClick,
-              onComplete: props.onComplete
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/CardExpiry.res

@@ -7,9 +7,19 @@ let make = (
   ~onFocus,
   ~onBlur,
   ~onClick,
-  ~onComplete,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
 ) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="cardExpiry" onComplete
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="cardExpiry"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/CardNumber.bs.js

@@ -13,7 +13,8 @@ function CardNumber(props) {
               onFocus: props.onFocus,
               onBlur: props.onBlur,
               onClick: props.onClick,
-              onComplete: props.onComplete
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/CardNumber.res

@@ -7,9 +7,19 @@ let make = (
   ~onFocus,
   ~onBlur,
   ~onClick,
-  ~onComplete,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
 ) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="cardNumber" onComplete
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="cardNumber"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/ExpressCheckoutElement.bs.js

@@ -13,7 +13,8 @@ function ExpressCheckoutElement(props) {
               onFocus: props.onFocus,
               onBlur: props.onBlur,
               onClick: props.onClick,
-              onComplete: props.onComplete
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/ExpressCheckoutElement.res

@@ -7,9 +7,19 @@ let make = (
   ~onFocus,
   ~onBlur,
   ~onClick,
-  ~onComplete,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
 ) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="expressCheckout" onComplete
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="expressCheckout"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/GooglePayElement.bs.js

@@ -13,7 +13,8 @@ function GooglePayElement(props) {
               onFocus: props.onFocus,
               onBlur: props.onBlur,
               onClick: props.onClick,
-              onComplete: props.onComplete
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/GooglePayElement.res

@@ -7,9 +7,19 @@ let make = (
   ~onFocus,
   ~onBlur,
   ~onClick,
-  ~onComplete,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
 ) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick onComplete componentType="googlePay"
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    onPaymentComplete
+    componentType="googlePay"
+    onPaymentButtonClick
   />
 }

package/src/components/PayPalElement.bs.js

@@ -13,7 +13,8 @@ function PayPalElement(props) {
               onFocus: props.onFocus,
               onBlur: props.onBlur,
               onClick: props.onClick,
-              onComplete: props.onComplete
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/PayPalElement.res

@@ -7,9 +7,19 @@ let make = (
   ~onFocus,
   ~onBlur,
   ~onClick,
-  ~onComplete,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
 ) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="payPal" onComplete
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="payPal"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/PaymentElement.bs.js

@@ -13,7 +13,8 @@ function PaymentElement(props) {
               onFocus: props.onFocus,
               onBlur: props.onBlur,
               onClick: props.onClick,
-              onComplete: props.onComplete
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
             });
 }
 

package/src/components/PaymentElement.res

@@ -7,9 +7,19 @@ let make = (
   ~onFocus,
   ~onBlur,
   ~onClick,
-  ~onComplete,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
 ) => {
   <PaymentElementsWrapper
-    id options onChange onReady onFocus onBlur onClick componentType="payment" onComplete
+    id
+    options
+    onChange
+    onReady
+    onFocus
+    onBlur
+    onClick
+    componentType="payment"
+    onPaymentComplete
+    onPaymentButtonClick
   />
 }

package/src/components/PaymentElementsWrapper.bs.js

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

package/src/components/PaymentElementsWrapper.res

@@ -8,11 +8,12 @@ let make = (
   ~onFocus,
   ~onBlur,
   ~onClick,
-  ~onComplete,
+  ~onPaymentComplete,
+  ~onPaymentButtonClick,
 ) => {
   let hyperSwitch = React.useContext(Context.switchContext)
   let elementsState = React.useContext(Context.elementsContext)
-  let divRef = React.useRef(Js.Nullable.null)
+  let divRef = React.useRef(Nullable.null)
 
   let paymentElement = elementsState.create(componentType, options)
 
@@ -28,7 +29,9 @@ let make = (
     paymentElement.on("blur", onBlur)
     paymentElement.on("clickTriggered", onClick)
     paymentElement.on("change", onChange)
-    paymentElement.on("complete", onComplete)
+    paymentElement.on("completeDoThis", onPaymentComplete)
+    paymentElement.onSDKHandleClick(onPaymentButtonClick)
+
     None
   }, (elementsState, hyperSwitch))
 

package/src/components/PazeElement.bs.js

@@ -0,0 +1,26 @@
+// Generated by ReScript, PLEASE EDIT WITH CARE
+
+import * as JsxRuntime from "react/jsx-runtime";
+import * as PaymentElementsWrapper from "./PaymentElementsWrapper.bs.js";
+
+function PazeElement(props) {
+  return JsxRuntime.jsx(PaymentElementsWrapper.make, {
+              id: props.id,
+              options: props.options,
+              onChange: props.onChange,
+              onReady: props.onReady,
+              componentType: "paze",
+              onFocus: props.onFocus,
+              onBlur: props.onBlur,
+              onClick: props.onClick,
+              onPaymentComplete: props.onPaymentComplete,
+              onPaymentButtonClick: props.onPaymentButtonClick
+            });
+}
+
+var make = PazeElement;
+
+export {
+  make ,
+}
+/* react/jsx-runtime Not a pure module */

package/src/components/PazeElement.res

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