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