@tap-payments/connect-v2 1.0.9-development → 1.0.10-development

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.
Files changed (5) hide show
  1. package/README.md +1 -1
  2. package/build/index.cjs.js +1 -1
  3. package/build/index.d.ts +1 -0
  4. package/build/index.esm.js +81 -73
  5. package/package.json +4 -3
package/README.md CHANGED
@@ -77,7 +77,7 @@ You can also use the SDK without a React build setup by including the UMD bundle
77
77
  <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
78
78
 
79
79
  <!-- Tap Connect SDK UMD bundle -->
80
- <script src="https://cdn.tap.company/tap-sdks/connect-v2/build-1.0.8-development/index.js"></script>
80
+ <script src="https://cdn.tap.company/tap-sdks/connect-v2/build-1.0.9-development/index.js"></script>
81
81
 
82
82
  <script>
83
83
  function openConnect() {
package/build/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),G=require("react-dom");function P(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const p=P(m);var x=(e=>(e.PAGE="page",e.POPUP="popup",e.CONTENT="content",e))(x||{}),w=(e=>(e.AUTH="auth",e.MERCHANT="merchant",e))(w||{}),I=(e=>(e.AUTH="auth",e.BANK="bank",e.BOARD="board",e.BRAND="brand",e.ENTITY="entity",e.INDIVIDUAL="individual",e.KYC="kyc",e.TAX="tax",e.TERMINAL="terminal",e))(I||{}),S=(e=>(e.SA="sa",e.SA_DR="sa-dr",e))(S||{}),_=(e=>(e.DARK="dark",e.LIGHT="light",e.DYNAMIC="dynamic",e))(_||{}),N=(e=>(e.AR="ar",e.EN="en",e.DYNAMIC="dynamic",e))(N||{}),C=(e=>(e.STRAIGHT="straight",e.CURVED="curved",e))(C||{}),y=(e=>(e.LEFT="left",e.RIGHT="right",e.UP="up",e.DOWN="down",e))(y||{}),u=(e=>(e.ON_CLOSE="connect:onClose",e.ON_ERROR="connect:onError",e.ON_SUCCESS="connect:onSuccess",e.ON_READY="connect:onReady",e.ON_LOADED="connect:onLoaded",e.ON_CREATED="connect:onCreated",e.ON_BOARD_COMPLETED="connect:onBoardCompleted",e))(u||{}),h=(e=>(e.CONFIG_TOKEN="config_token",e.THEME="theme",e.LANGUAGE="lang",e))(h||{});const B=({outerStartColor:e="rgba(244, 244, 244, 1)",outerEndColor:t="rgba(238, 238, 238, 1)",innerStartColor:r="rgba(244, 244, 244, 1)",innerEndColor:o="rgba(238, 238, 238, 1)",duration:a=3,toggleAnimation:s=!1})=>n.jsx("div",{style:{position:"relative",width:"135px",height:"135px"},children:n.jsx("div",{style:{position:"absolute",display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",opacity:.9},children:n.jsxs("svg",{width:"199",height:"197",viewBox:"0 0 199 197",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n.jsxs("g",{children:[n.jsx("circle",{cx:"89.5",cy:"86.5",r:"67.5",fill:"none",stroke:"url(#strokeGradientOuter_1427_22275)",strokeWidth:"9.6",strokeLinecap:"round",strokeDasharray:"425 125",children:s&&n.jsxs(n.Fragment,{children:[n.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 89.5 86.5",to:"360 89.5 86.5",dur:`${a/3}s`,repeatCount:"indefinite"}),n.jsx("animate",{attributeName:"stroke-dashoffset",values:"0; 425; 425; 0; 0",keyTimes:"0; 0.45; 0.55; 0.9; 1",dur:`${a}s`,repeatCount:"indefinite"})]})}),n.jsx("circle",{cx:"89.5",cy:"86.5",r:"48",fill:"none",stroke:"url(#strokeGradientInner_1427_22275)",strokeWidth:"9.6",strokeLinecap:"round",strokeDasharray:"300 100",children:s&&n.jsxs(n.Fragment,{children:[n.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"360 89.5 86.5",to:"0 89.5 86.5",dur:`${a/3}s`,repeatCount:"indefinite"}),n.jsx("animate",{attributeName:"stroke-dashoffset",values:"0; -300; -300; 0; 0",keyTimes:"0; 0.45; 0.55; 0.9; 1",dur:`${a}s`,repeatCount:"indefinite"})]})})]}),n.jsxs("defs",{children:[n.jsxs("filter",{id:"filter0_dddi_1427_22275",x:"0.882668",y:"0.899429",width:"198.08",height:"195.314",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[n.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),n.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.jsx("feOffset",{dy:"1.68224"}),n.jsx("feGaussianBlur",{stdDeviation:"4.20656"}),n.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),n.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.824495 0 0 0 0 0.824495 0 0 0 0 0.824495 0 0 0 1 0"}),n.jsx("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_1427_22275"}),n.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.jsx("feOffset",{dx:"22.3542",dy:"22.6047"}),n.jsx("feGaussianBlur",{stdDeviation:"9.80447"}),n.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),n.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.740723 0 0 0 0 0.740723 0 0 0 0 0.740723 0 0 0 0.6 0"}),n.jsx("feBlend",{mode:"normal",in2:"effect1_dropShadow_1427_22275",result:"effect2_dropShadow_1427_22275"}),n.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.jsx("feOffset",{dx:"-6.03352",dy:"-3.01676"}),n.jsx("feGaussianBlur",{stdDeviation:"7.5419"}),n.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),n.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0"}),n.jsx("feBlend",{mode:"normal",in2:"effect2_dropShadow_1427_22275",result:"effect3_dropShadow_1427_22275"}),n.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect3_dropShadow_1427_22275",result:"shape"}),n.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.jsx("feOffset",{dy:"1.50838"}),n.jsx("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),n.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"}),n.jsx("feBlend",{mode:"normal",in2:"shape",result:"effect4_innerShadow_1427_22275"})]}),n.jsxs("linearGradient",{id:"strokeGradientOuter_1427_22275",x1:"89.5",y1:"19",x2:"89.5",y2:"154",gradientUnits:"userSpaceOnUse",children:[n.jsx("stop",{stopColor:e}),n.jsx("stop",{offset:"1",stopColor:t})]}),n.jsxs("linearGradient",{id:"strokeGradientInner_1427_22275",x1:"89.4991",y1:"38.2849",x2:"89.4991",y2:"134.713",gradientUnits:"userSpaceOnUse",children:[n.jsx("stop",{stopColor:r}),n.jsx("stop",{offset:"1",stopColor:o})]})]})]})})}),M=m.memo(B),R=m.createContext({}),v=()=>m.useContext(R);function $({children:e,props:t}){var d;const[r,o]=m.useState(!1),a=l=>{o(l)},s=()=>{o(!1)};return n.jsx(R.Provider,{value:{...t,features:{...t.features,overlay:((d=t.features)==null?void 0:d.overlay)??!0},onLoadingHandler:a,loading:r,onLoaded:s},children:e})}const H="https://connect-mw.dev.tap.company/middleware/v3/connect",K="https://connect-mw.dev.tap.company/middleware/v3/connect",W="https://connect-mw.dev.tap.company/middleware/v3/connect",F="tap-connect-sdk-iframe",O="https://sdk-connect.dev.tap.company",Y="https://sdk-connect.dev.tap.company",q="https://sdk-connect.dev.tap.company",z=({src:e})=>{const{loading:t}=v();return n.jsxs(n.Fragment,{children:[t&&n.jsx(M,{toggleAnimation:!0}),e&&n.jsx("iframe",{id:F,title:"connect",src:e,style:{width:"100%",height:"100%",border:"none",position:"absolute",top:0,left:0}})]})};var V=function(e){var t,r;return((r=(t=e==null?void 0:e.response)===null||t===void 0?void 0:t.data)===null||r===void 0?void 0:r.errors)!==void 0},J=function(e){return e instanceof Error},X=function(e){return typeof e=="string"},Q=function(e){try{var t=e.response.data.errors,r=t[0],o=r.description,a=r.code;return{message:o,code:a}}catch(s){return{message:s.message,code:"UNKNOWN"}}},Z=function(e){try{var t=e.message,r=t.split("::"),o=r[0],a=r[1];return{message:a,code:o}}catch(s){return{message:s.message,code:"UNKNOWN"}}},ee=function(e){try{var t=e.split("::"),r=t[0],o=t[1];return{message:o,code:r}}catch(a){return{message:a,code:"UNKNOWN"}}},te=function(){function e(t){if(Object.defineProperty(this,"code",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"message",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),V(t)){var r=Q(t);this.code=r.code,this.message=r.message}else if(J(t)){var r=Z(t);this.code=r.code,this.message=r.message}else if(X(t)){var r=ee(t);this.code=r.code,this.message=r.message}else this.code="UNKNOWN",this.message="Unknown error"}return Object.defineProperty(e.prototype,"getCode",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.code}}),Object.defineProperty(e.prototype,"getMessage",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.message}}),Object.defineProperty(e.prototype,"getClientError",{enumerable:!1,configurable:!0,writable:!0,value:function(){return{message:this.message,code:this.code}}}),e}();const re=(e="tap-connect-sdk-element")=>{const t=document.getElementById(e);if(t)return t;const r=document.createElement("div");return r.setAttribute("id",e),document.body.prepend(r),r},T=e=>e?["sa","sau"].includes(e.toLowerCase()):!1,D=e=>e==="dr",ne=(e="")=>{const[t,r]=e.split("-");return T(t)?D(r)?W:K:H},oe=(e="")=>{const[t,r]=e.split("-");return T(t)?D(r)?q:Y:O},ae=e=>{var t,r,o,a,s,d,l,i,c,f,b,E,g,j,k;return{operator:{public_key:e.publicKey},scope:e.scope,mode:e.mode||x.PAGE,domain:e.merchantDomain,...e.businessCountryCode&&{country:e.businessCountryCode},...e.data&&{data:e.data},board:{...e.boardId&&{id:e.boardId},display:e.showBoard??!0,editable:e.boardEditable??!0},interface:{theme:e.theme||_.DYNAMIC,locale:e.language||N.DYNAMIC,edges:((t=e.features)==null?void 0:t.dialogEdgeFormat)||C.CURVED,parnter_logo:((r=e.features)==null?void 0:r.merchantLogo)??!1,dialog_transition:{start:((o=e.features)==null?void 0:o.dialogStartTransition)||y.UP,end:((a=e.features)==null?void 0:a.dialogEndTransition)||y.DOWN}},notification:{email:((s=e.notification)==null?void 0:s.email)??!1,sms:((d=e.notification)==null?void 0:d.sms)??!1},features:{poweredby:((l=e.features)==null?void 0:l.poweredBy)??!0,close_button:((i=e.features)==null?void 0:i.closeButton)??!1,embedded:((c=e.features)==null?void 0:c.embedded)??!1},...e.leadId&&{lead:{id:e.leadId}},...e.postUrl&&{post:{url:e.postUrl}},...e.redirectUrl&&{redirect:{url:e.redirectUrl}},...e.platforms&&{platforms:e.platforms},...(((f=e.paymentProvider)==null?void 0:f.institutionId)||((b=e.paymentProvider)==null?void 0:b.technologyId))&&{payment_provider:{...((E=e.paymentProvider)==null?void 0:E.institutionId)&&{institution:{id:(g=e.paymentProvider)==null?void 0:g.institutionId}},...((j=e.paymentProvider)==null?void 0:j.technologyId)&&{technology:{id:(k=e.paymentProvider)==null?void 0:k.technologyId}}}},...e.token&&{auth_token:e.token},app_info:{name:"connect-sdk-v2",version:"1.0.9-development",identifier:window.location.hostname||window.location.origin}}},se=({theme:e,language:t,configToken:r,flow:o,region:a})=>{const s=new URLSearchParams;let d="";return o&&(d=o),e&&s.append(h.THEME,e),t&&s.append(h.LANGUAGE,t),s.append(h.CONFIG_TOKEN,r),`${oe(a)}/${d}?${s.toString()}`},ie=async e=>{const t=await fetch(ne(e.region),{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e.publicKey}`,mdn:e.merchantDomain||O},body:JSON.stringify(ae(e))});if(!t.ok)throw new Error(`${t.status}::${t.statusText}`);return t.json()},de=()=>{const[e,t]=p.useState(""),r=v(),o=async()=>{var a,s,d;r.onLoadingHandler(!0);try{let l=r.configToken,i;if(!l){if(i=await ie(r),!i.token)throw new Error("500::Config token is missing");l=i.token}const c=se({theme:(a=i==null?void 0:i.interface)==null?void 0:a.theme,language:(s=i==null?void 0:i.interface)==null?void 0:s.locale,configToken:l,flow:r.flow,region:r.region});if(r.mode!==x.PAGE)return t(c);window.location.href=c}catch(l){const i=new te(l);(d=r.onError)==null||d.call(r,i.getClientError()),r.onLoadingHandler(!1)}};return p.useEffect(()=>{o()},[]),{connectLink:e}},le=()=>{const{onSuccess:e,onClose:t,onError:r,onReady:o,onLoaded:a,onCreated:s,onBoardCompleted:d}=v(),l=p.useCallback(async i=>{if(i.origin!==O)return;const{data:c,event:f}=i.data;switch(f){case u.ON_CLOSE:t==null||t();break;case u.ON_ERROR:r==null||r(c);break;case u.ON_SUCCESS:e==null||e(c);break;case u.ON_LOADED:a();break;case u.ON_READY:o==null||o();break;case u.ON_CREATED:s==null||s(c);break;case u.ON_BOARD_COMPLETED:d==null||d();break}},[t,r,a,o,e,s,d]);p.useEffect(()=>(window.addEventListener("message",l,!1),()=>{window.removeEventListener("message",l)}),[l])},ce=()=>{const{connectLink:e}=de(),{features:t}=v();return le(),n.jsx("div",{id:"tap-connect-main-container",style:{display:"flex",alignItems:"center",justifyContent:"center",background:t!=null&&t.overlay?"rgba(0, 0, 0, 0.5)":"",position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:"9999"},children:n.jsx(z,{src:e})})},ue=e=>n.jsx($,{props:e,children:e.open&&n.jsx(ce,{})}),L=p.memo(ue);var U,A=G;U=A.createRoot,A.hydrateRoot;const pe=(e,t)=>{const r=re(e),o=U(r);return o.render(n.jsx(L,{...t})),{unmount:()=>o.unmount()}};exports.ConnectDialogEdgeFormat=C;exports.ConnectDialogTransition=y;exports.ConnectElement=L;exports.ConnectFlows=I;exports.ConnectLanguage=N;exports.ConnectMode=x;exports.ConnectRegions=S;exports.ConnectScope=w;exports.ConnectTheme=_;exports.renderConnectElement=pe;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),p=require("react"),P=require("react-dom");function B(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const m=B(p);var v=(e=>(e.PAGE="page",e.POPUP="popup",e.CONTENT="content",e))(v||{}),I=(e=>(e.AUTH="auth",e.MERCHANT="merchant",e))(I||{}),S=(e=>(e.AUTH="auth",e.BANK="bank",e.BOARD="board",e.BRAND="brand",e.ENTITY="entity",e.INDIVIDUAL="individual",e.KYC="kyc",e.TAX="tax",e.TERMINAL="terminal",e))(S||{}),R=(e=>(e.SA="sa",e.SA_DR="sa-dr",e))(R||{}),_=(e=>(e.DARK="dark",e.LIGHT="light",e.DYNAMIC="dynamic",e))(_||{}),N=(e=>(e.AR="ar",e.EN="en",e.DYNAMIC="dynamic",e))(N||{}),O=(e=>(e.STRAIGHT="straight",e.CURVED="curved",e))(O||{}),y=(e=>(e.LEFT="left",e.RIGHT="right",e.UP="up",e.DOWN="down",e))(y||{}),u=(e=>(e.ON_CLOSE="connect:onClose",e.ON_ERROR="connect:onError",e.ON_SUCCESS="connect:onSuccess",e.ON_READY="connect:onReady",e.ON_LOADED="connect:onLoaded",e.ON_CREATED="connect:onCreated",e.ON_BOARD_COMPLETED="connect:onBoardCompleted",e))(u||{}),h=(e=>(e.CONFIG_TOKEN="config_token",e.THEME="theme",e.LANGUAGE="lang",e))(h||{});const M=({outerStartColor:e="rgba(244, 244, 244, 1)",outerEndColor:t="rgba(238, 238, 238, 1)",innerStartColor:r="rgba(244, 244, 244, 1)",innerEndColor:o="rgba(238, 238, 238, 1)",duration:a=3,toggleAnimation:s=!1})=>n.jsx("div",{style:{position:"relative",width:"135px",height:"135px"},children:n.jsx("div",{style:{position:"absolute",display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",opacity:.9},children:n.jsxs("svg",{width:"199",height:"197",viewBox:"0 0 199 197",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n.jsxs("g",{children:[n.jsx("circle",{cx:"89.5",cy:"86.5",r:"67.5",fill:"none",stroke:"url(#strokeGradientOuter_1427_22275)",strokeWidth:"9.6",strokeLinecap:"round",strokeDasharray:"425 125",children:s&&n.jsxs(n.Fragment,{children:[n.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 89.5 86.5",to:"360 89.5 86.5",dur:`${a/3}s`,repeatCount:"indefinite"}),n.jsx("animate",{attributeName:"stroke-dashoffset",values:"0; 425; 425; 0; 0",keyTimes:"0; 0.45; 0.55; 0.9; 1",dur:`${a}s`,repeatCount:"indefinite"})]})}),n.jsx("circle",{cx:"89.5",cy:"86.5",r:"48",fill:"none",stroke:"url(#strokeGradientInner_1427_22275)",strokeWidth:"9.6",strokeLinecap:"round",strokeDasharray:"300 100",children:s&&n.jsxs(n.Fragment,{children:[n.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"360 89.5 86.5",to:"0 89.5 86.5",dur:`${a/3}s`,repeatCount:"indefinite"}),n.jsx("animate",{attributeName:"stroke-dashoffset",values:"0; -300; -300; 0; 0",keyTimes:"0; 0.45; 0.55; 0.9; 1",dur:`${a}s`,repeatCount:"indefinite"})]})})]}),n.jsxs("defs",{children:[n.jsxs("filter",{id:"filter0_dddi_1427_22275",x:"0.882668",y:"0.899429",width:"198.08",height:"195.314",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[n.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),n.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.jsx("feOffset",{dy:"1.68224"}),n.jsx("feGaussianBlur",{stdDeviation:"4.20656"}),n.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),n.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.824495 0 0 0 0 0.824495 0 0 0 0 0.824495 0 0 0 1 0"}),n.jsx("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_1427_22275"}),n.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.jsx("feOffset",{dx:"22.3542",dy:"22.6047"}),n.jsx("feGaussianBlur",{stdDeviation:"9.80447"}),n.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),n.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 0.740723 0 0 0 0 0.740723 0 0 0 0 0.740723 0 0 0 0.6 0"}),n.jsx("feBlend",{mode:"normal",in2:"effect1_dropShadow_1427_22275",result:"effect2_dropShadow_1427_22275"}),n.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.jsx("feOffset",{dx:"-6.03352",dy:"-3.01676"}),n.jsx("feGaussianBlur",{stdDeviation:"7.5419"}),n.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),n.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0"}),n.jsx("feBlend",{mode:"normal",in2:"effect2_dropShadow_1427_22275",result:"effect3_dropShadow_1427_22275"}),n.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect3_dropShadow_1427_22275",result:"shape"}),n.jsx("feColorMatrix",{in:"SourceAlpha",type:"matrix",values:"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",result:"hardAlpha"}),n.jsx("feOffset",{dy:"1.50838"}),n.jsx("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),n.jsx("feColorMatrix",{type:"matrix",values:"0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"}),n.jsx("feBlend",{mode:"normal",in2:"shape",result:"effect4_innerShadow_1427_22275"})]}),n.jsxs("linearGradient",{id:"strokeGradientOuter_1427_22275",x1:"89.5",y1:"19",x2:"89.5",y2:"154",gradientUnits:"userSpaceOnUse",children:[n.jsx("stop",{stopColor:e}),n.jsx("stop",{offset:"1",stopColor:t})]}),n.jsxs("linearGradient",{id:"strokeGradientInner_1427_22275",x1:"89.4991",y1:"38.2849",x2:"89.4991",y2:"134.713",gradientUnits:"userSpaceOnUse",children:[n.jsx("stop",{stopColor:r}),n.jsx("stop",{offset:"1",stopColor:o})]})]})]})})}),H=p.memo(M),T=p.createContext({}),x=()=>p.useContext(T);function $({children:e,props:t}){var d;const[r,o]=p.useState(!1),a=l=>{o(l)},s=()=>{o(!1)};return n.jsx(T.Provider,{value:{...t,features:{...t.features,overlay:((d=t.features)==null?void 0:d.overlay)??!0},onLoadingHandler:a,loading:r,onLoaded:s},children:e})}const K="https://connect-mw.dev.tap.company/middleware/v3/connect",W="https://connect-mw.dev.tap.company/middleware/v3/connect",F="https://connect-mw.dev.tap.company/middleware/v3/connect",Y="tap-connect-sdk-iframe",C="https://sdk-connect.dev.tap.company",q="https://sdk-connect.dev.tap.company",z="https://sdk-connect.dev.tap.company",V=({src:e})=>{const{loading:t}=x();return n.jsxs(n.Fragment,{children:[t&&n.jsx(H,{toggleAnimation:!0}),e&&n.jsx("iframe",{id:Y,title:"connect",src:e,style:{width:"100%",height:"100%",border:"none",position:"absolute",top:0,left:0}})]})};var J=function(e){var t,r;return((r=(t=e==null?void 0:e.response)===null||t===void 0?void 0:t.data)===null||r===void 0?void 0:r.errors)!==void 0},X=function(e){return e instanceof Error},Q=function(e){return typeof e=="string"},Z=function(e){try{var t=e.response.data.errors,r=t[0],o=r.description,a=r.code;return{message:o,code:a}}catch(s){return{message:s.message,code:"UNKNOWN"}}},ee=function(e){try{var t=e.message,r=t.split("::"),o=r[0],a=r[1];return{message:a,code:o}}catch(s){return{message:s.message,code:"UNKNOWN"}}},te=function(e){try{var t=e.split("::"),r=t[0],o=t[1];return{message:o,code:r}}catch(a){return{message:a,code:"UNKNOWN"}}},re=function(){function e(t){if(Object.defineProperty(this,"code",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),Object.defineProperty(this,"message",{enumerable:!0,configurable:!0,writable:!0,value:void 0}),J(t)){var r=Z(t);this.code=r.code,this.message=r.message}else if(X(t)){var r=ee(t);this.code=r.code,this.message=r.message}else if(Q(t)){var r=te(t);this.code=r.code,this.message=r.message}else this.code="UNKNOWN",this.message="Unknown error"}return Object.defineProperty(e.prototype,"getCode",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.code}}),Object.defineProperty(e.prototype,"getMessage",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.message}}),Object.defineProperty(e.prototype,"getClientError",{enumerable:!1,configurable:!0,writable:!0,value:function(){return{message:this.message,code:this.code}}}),e}();const ne=(e="tap-connect-sdk-element")=>{const t=document.getElementById(e);if(t)return t;const r=document.createElement("div");return r.setAttribute("id",e),document.body.prepend(r),r},D=e=>e?["sa","sau"].includes(e.toLowerCase()):!1,L=e=>e==="dr",oe=(e="")=>{const[t,r]=e.split("-");return D(t)?L(r)?F:W:K},ae=(e="")=>{const[t,r]=e.split("-");return D(t)?L(r)?z:q:C},se=e=>{var t,r,o,a,s,d,l,i,c,f,b,E,g,j,w,k;return{operator:{public_key:e.publicKey},scope:e.scope,mode:e.mode||v.PAGE,domain:e.merchantDomain,...e.businessCountryCode&&{country:e.businessCountryCode},...e.data&&{data:e.data},board:{...e.boardId&&{id:e.boardId},display:e.showBoard??!0,editable:e.boardEditable??!0},interface:{theme:e.theme||_.DYNAMIC,locale:e.language||N.DYNAMIC,edges:((t=e.features)==null?void 0:t.dialogEdgeFormat)||O.CURVED,parnter_logo:((r=e.features)==null?void 0:r.merchantLogo)??!1,dialog_transition:{start:((o=e.features)==null?void 0:o.dialogStartTransition)||y.UP,end:((a=e.features)==null?void 0:a.dialogEndTransition)||y.DOWN}},notification:{email:((s=e.notification)==null?void 0:s.email)??!1,sms:((d=e.notification)==null?void 0:d.sms)??!1},features:{poweredby:((l=e.features)==null?void 0:l.poweredBy)??!0,close_button:((i=e.features)==null?void 0:i.closeButton)??!1,embedded:((c=e.features)==null?void 0:c.embedded)??!1,email_auth:((f=e.features)==null?void 0:f.emailAuth)??!1},...e.leadId&&{lead:{id:e.leadId}},...e.postUrl&&{post:{url:e.postUrl}},...e.redirectUrl&&{redirect:{url:e.redirectUrl}},...e.platforms&&{platforms:e.platforms},...(((b=e.paymentProvider)==null?void 0:b.institutionId)||((E=e.paymentProvider)==null?void 0:E.technologyId))&&{payment_provider:{...((g=e.paymentProvider)==null?void 0:g.institutionId)&&{institution:{id:(j=e.paymentProvider)==null?void 0:j.institutionId}},...((w=e.paymentProvider)==null?void 0:w.technologyId)&&{technology:{id:(k=e.paymentProvider)==null?void 0:k.technologyId}}}},...e.token&&{auth_token:e.token},app_info:{name:"connect-sdk-v2",version:"1.0.10-development",identifier:window.location.hostname||window.location.origin}}},ie=({theme:e,language:t,configToken:r,flow:o,region:a})=>{const s=new URLSearchParams;let d="";return o&&(d=o),e&&s.append(h.THEME,e),t&&s.append(h.LANGUAGE,t),s.append(h.CONFIG_TOKEN,r),`${ae(a)}/${d}?${s.toString()}`},de=async e=>{const t=await fetch(oe(e.region),{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e.publicKey}`,mdn:e.merchantDomain||C},body:JSON.stringify(se(e))});if(!t.ok)throw new Error(`${t.status}::${t.statusText}`);return t.json()},le=()=>{const[e,t]=m.useState(""),r=x(),o=async()=>{var a,s,d;r.onLoadingHandler(!0);try{let l=r.configToken,i;if(!l){if(i=await de(r),!i.token)throw new Error("500::Config token is missing");l=i.token}const c=ie({theme:(a=i==null?void 0:i.interface)==null?void 0:a.theme,language:(s=i==null?void 0:i.interface)==null?void 0:s.locale,configToken:l,flow:r.flow,region:r.region});if(r.mode!==v.PAGE)return t(c);window.location.href=c}catch(l){const i=new re(l);(d=r.onError)==null||d.call(r,i.getClientError()),r.onLoadingHandler(!1)}};return m.useEffect(()=>{o()},[]),{connectLink:e}},ce=()=>{m.useEffect(()=>{const e=document.documentElement,t=document.body,r=t.style.overflow,o=e.style.overflow;return t.style.overflow="hidden",e.style.overflow="hidden",()=>{t.style.overflow=r,e.style.overflow=o}},[])},ue=()=>{const{onSuccess:e,onClose:t,onError:r,onReady:o,onLoaded:a,onCreated:s,onBoardCompleted:d}=x(),l=m.useCallback(async i=>{if(i.origin!==C)return;const{data:c,event:f}=i.data;switch(f){case u.ON_CLOSE:t==null||t();break;case u.ON_ERROR:r==null||r(c);break;case u.ON_SUCCESS:e==null||e(c);break;case u.ON_LOADED:a();break;case u.ON_READY:o==null||o();break;case u.ON_CREATED:s==null||s(c);break;case u.ON_BOARD_COMPLETED:d==null||d();break}},[t,r,a,o,e,s,d]);m.useEffect(()=>(window.addEventListener("message",l,!1),()=>{window.removeEventListener("message",l)}),[l])},me=()=>{const{connectLink:e}=le(),{features:t,loading:r}=x();return ue(),ce(),n.jsx("div",{id:"tap-connect-main-container",style:{display:"flex",alignItems:"center",justifyContent:"center",background:t!=null&&t.overlay&&r?"rgba(0, 0, 0, 0.5)":"",position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:"9999"},children:n.jsx(V,{src:e})})},pe=e=>n.jsx($,{props:e,children:e.open&&n.jsx(me,{})}),U=m.memo(pe);var G,A=P;G=A.createRoot,A.hydrateRoot;const fe=(e,t)=>{const r=ne(e),o=G(r);return o.render(n.jsx(U,{...t})),{unmount:()=>o.unmount()}};exports.ConnectDialogEdgeFormat=O;exports.ConnectDialogTransition=y;exports.ConnectElement=U;exports.ConnectFlows=S;exports.ConnectLanguage=N;exports.ConnectMode=v;exports.ConnectRegions=R;exports.ConnectScope=I;exports.ConnectTheme=_;exports.renderConnectElement=fe;
package/build/index.d.ts CHANGED
@@ -10,6 +10,7 @@ declare type ConnectAppFeatures = {
10
10
  dialogStartTransition?: ConnectDialogTransition;
11
11
  dialogEndTransition?: ConnectDialogTransition;
12
12
  dialogEdgeFormat?: ConnectDialogEdgeFormat;
13
+ emailAuth?: boolean;
13
14
  };
14
15
 
15
16
  export declare enum ConnectDialogEdgeFormat {
package/build/index.esm.js CHANGED
@@ -1,9 +1,9 @@
1
1
  import { jsx as n, jsxs as u, Fragment as _ } from "react/jsx-runtime";
2
- import * as m from "react";
2
+ import * as p from "react";
3
3
  import y from "react";
4
- import L from "react-dom";
5
- var E = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.POPUP = "popup", e.CONTENT = "content", e))(E || {}), G = /* @__PURE__ */ ((e) => (e.AUTH = "auth", e.MERCHANT = "merchant", e))(G || {}), P = /* @__PURE__ */ ((e) => (e.AUTH = "auth", e.BANK = "bank", e.BOARD = "board", e.BRAND = "brand", e.ENTITY = "entity", e.INDIVIDUAL = "individual", e.KYC = "kyc", e.TAX = "tax", e.TERMINAL = "terminal", e))(P || {}), B = /* @__PURE__ */ ((e) => (e.SA = "sa", e.SA_DR = "sa-dr", e))(B || {}), x = /* @__PURE__ */ ((e) => (e.DARK = "dark", e.LIGHT = "light", e.DYNAMIC = "dynamic", e))(x || {}), I = /* @__PURE__ */ ((e) => (e.AR = "ar", e.EN = "en", e.DYNAMIC = "dynamic", e))(I || {}), R = /* @__PURE__ */ ((e) => (e.STRAIGHT = "straight", e.CURVED = "curved", e))(R || {}), N = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.RIGHT = "right", e.UP = "up", e.DOWN = "down", e))(N || {}), p = /* @__PURE__ */ ((e) => (e.ON_CLOSE = "connect:onClose", e.ON_ERROR = "connect:onError", e.ON_SUCCESS = "connect:onSuccess", e.ON_READY = "connect:onReady", e.ON_LOADED = "connect:onLoaded", e.ON_CREATED = "connect:onCreated", e.ON_BOARD_COMPLETED = "connect:onBoardCompleted", e))(p || {}), h = /* @__PURE__ */ ((e) => (e.CONFIG_TOKEN = "config_token", e.THEME = "theme", e.LANGUAGE = "lang", e))(h || {});
6
- const M = ({
4
+ import G from "react-dom";
5
+ var E = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.POPUP = "popup", e.CONTENT = "content", e))(E || {}), B = /* @__PURE__ */ ((e) => (e.AUTH = "auth", e.MERCHANT = "merchant", e))(B || {}), P = /* @__PURE__ */ ((e) => (e.AUTH = "auth", e.BANK = "bank", e.BOARD = "board", e.BRAND = "brand", e.ENTITY = "entity", e.INDIVIDUAL = "individual", e.KYC = "kyc", e.TAX = "tax", e.TERMINAL = "terminal", e))(P || {}), M = /* @__PURE__ */ ((e) => (e.SA = "sa", e.SA_DR = "sa-dr", e))(M || {}), I = /* @__PURE__ */ ((e) => (e.DARK = "dark", e.LIGHT = "light", e.DYNAMIC = "dynamic", e))(I || {}), R = /* @__PURE__ */ ((e) => (e.AR = "ar", e.EN = "en", e.DYNAMIC = "dynamic", e))(R || {}), S = /* @__PURE__ */ ((e) => (e.STRAIGHT = "straight", e.CURVED = "curved", e))(S || {}), N = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.RIGHT = "right", e.UP = "up", e.DOWN = "down", e))(N || {}), m = /* @__PURE__ */ ((e) => (e.ON_CLOSE = "connect:onClose", e.ON_ERROR = "connect:onError", e.ON_SUCCESS = "connect:onSuccess", e.ON_READY = "connect:onReady", e.ON_LOADED = "connect:onLoaded", e.ON_CREATED = "connect:onCreated", e.ON_BOARD_COMPLETED = "connect:onBoardCompleted", e))(m || {}), h = /* @__PURE__ */ ((e) => (e.CONFIG_TOKEN = "config_token", e.THEME = "theme", e.LANGUAGE = "lang", e))(h || {});
6
+ const H = ({
7
7
  outerStartColor: e = "rgba(244, 244, 244, 1)",
8
8
  outerEndColor: t = "rgba(238, 238, 238, 1)",
9
9
  innerStartColor: r = "rgba(244, 244, 244, 1)",
@@ -212,8 +212,8 @@ const M = ({
212
212
  }
213
213
  )
214
214
  }
215
- ), $ = y.memo(M), S = y.createContext({}), v = () => y.useContext(S);
216
- function H({ children: e, props: t }) {
215
+ ), $ = y.memo(H), T = y.createContext({}), v = () => y.useContext(T);
216
+ function j({ children: e, props: t }) {
217
217
  var d;
218
218
  const [r, o] = y.useState(!1), a = (l) => {
219
219
  o(l);
@@ -221,7 +221,7 @@ function H({ children: e, props: t }) {
221
221
  o(!1);
222
222
  };
223
223
  return /* @__PURE__ */ n(
224
- S.Provider,
224
+ T.Provider,
225
225
  {
226
226
  value: {
227
227
  ...t,
@@ -234,14 +234,14 @@ function H({ children: e, props: t }) {
234
234
  }
235
235
  );
236
236
  }
237
- const j = "https://connect-mw.dev.tap.company/middleware/v3/connect", K = "https://connect-mw.dev.tap.company/middleware/v3/connect", W = "https://connect-mw.dev.tap.company/middleware/v3/connect", Y = "tap-connect-sdk-iframe", O = "https://sdk-connect.dev.tap.company", F = "https://sdk-connect.dev.tap.company", V = "https://sdk-connect.dev.tap.company", z = ({ src: e }) => {
237
+ const K = "https://connect-mw.dev.tap.company/middleware/v3/connect", W = "https://connect-mw.dev.tap.company/middleware/v3/connect", Y = "https://connect-mw.dev.tap.company/middleware/v3/connect", F = "tap-connect-sdk-iframe", O = "https://sdk-connect.dev.tap.company", V = "https://sdk-connect.dev.tap.company", z = "https://sdk-connect.dev.tap.company", q = ({ src: e }) => {
238
238
  const { loading: t } = v();
239
239
  return /* @__PURE__ */ u(_, { children: [
240
240
  t && /* @__PURE__ */ n($, { toggleAnimation: !0 }),
241
241
  e && /* @__PURE__ */ n(
242
242
  "iframe",
243
243
  {
244
- id: Y,
244
+ id: F,
245
245
  title: "connect",
246
246
  src: e,
247
247
  style: {
@@ -256,14 +256,14 @@ const j = "https://connect-mw.dev.tap.company/middleware/v3/connect", K = "https
256
256
  )
257
257
  ] });
258
258
  };
259
- var q = function(e) {
259
+ var J = function(e) {
260
260
  var t, r;
261
261
  return ((r = (t = e == null ? void 0 : e.response) === null || t === void 0 ? void 0 : t.data) === null || r === void 0 ? void 0 : r.errors) !== void 0;
262
- }, J = function(e) {
263
- return e instanceof Error;
264
262
  }, X = function(e) {
265
- return typeof e == "string";
263
+ return e instanceof Error;
266
264
  }, Q = function(e) {
265
+ return typeof e == "string";
266
+ }, Z = function(e) {
267
267
  try {
268
268
  var t = e.response.data.errors, r = t[0], o = r.description, a = r.code;
269
269
  return {
@@ -276,7 +276,7 @@ var q = function(e) {
276
276
  code: "UNKNOWN"
277
277
  };
278
278
  }
279
- }, Z = function(e) {
279
+ }, ee = function(e) {
280
280
  try {
281
281
  var t = e.message, r = t.split("::"), o = r[0], a = r[1];
282
282
  return {
@@ -289,7 +289,7 @@ var q = function(e) {
289
289
  code: "UNKNOWN"
290
290
  };
291
291
  }
292
- }, ee = function(e) {
292
+ }, te = function(e) {
293
293
  try {
294
294
  var t = e.split("::"), r = t[0], o = t[1];
295
295
  return {
@@ -302,7 +302,7 @@ var q = function(e) {
302
302
  code: "UNKNOWN"
303
303
  };
304
304
  }
305
- }, te = function() {
305
+ }, re = function() {
306
306
  function e(t) {
307
307
  if (Object.defineProperty(this, "code", {
308
308
  enumerable: !0,
@@ -314,15 +314,15 @@ var q = function(e) {
314
314
  configurable: !0,
315
315
  writable: !0,
316
316
  value: void 0
317
- }), q(t)) {
318
- var r = Q(t);
319
- this.code = r.code, this.message = r.message;
320
- } else if (J(t)) {
317
+ }), J(t)) {
321
318
  var r = Z(t);
322
319
  this.code = r.code, this.message = r.message;
323
320
  } else if (X(t)) {
324
321
  var r = ee(t);
325
322
  this.code = r.code, this.message = r.message;
323
+ } else if (Q(t)) {
324
+ var r = te(t);
325
+ this.code = r.code, this.message = r.message;
326
326
  } else
327
327
  this.code = "UNKNOWN", this.message = "Unknown error";
328
328
  }
@@ -352,19 +352,19 @@ var q = function(e) {
352
352
  }
353
353
  }), e;
354
354
  }();
355
- const re = (e = "tap-connect-sdk-element") => {
355
+ const ne = (e = "tap-connect-sdk-element") => {
356
356
  const t = document.getElementById(e);
357
357
  if (t) return t;
358
358
  const r = document.createElement("div");
359
359
  return r.setAttribute("id", e), document.body.prepend(r), r;
360
- }, T = (e) => e ? ["sa", "sau"].includes(e.toLowerCase()) : !1, U = (e) => e === "dr", ne = (e = "") => {
360
+ }, U = (e) => e ? ["sa", "sau"].includes(e.toLowerCase()) : !1, D = (e) => e === "dr", oe = (e = "") => {
361
361
  const [t, r] = e.split("-");
362
- return T(t) ? U(r) ? W : K : j;
363
- }, oe = (e = "") => {
362
+ return U(t) ? D(r) ? Y : W : K;
363
+ }, ae = (e = "") => {
364
364
  const [t, r] = e.split("-");
365
- return T(t) ? U(r) ? V : F : O;
366
- }, ae = (e) => {
367
- var t, r, o, a, s, d, l, i, c, f, C, b, g, k, A;
365
+ return U(t) ? D(r) ? z : V : O;
366
+ }, se = (e) => {
367
+ var t, r, o, a, s, d, l, i, c, f, b, C, g, w, k, A;
368
368
  return {
369
369
  operator: { public_key: e.publicKey },
370
370
  scope: e.scope,
@@ -378,9 +378,9 @@ const re = (e = "tap-connect-sdk-element") => {
378
378
  editable: e.boardEditable ?? !0
379
379
  },
380
380
  interface: {
381
- theme: e.theme || x.DYNAMIC,
382
- locale: e.language || I.DYNAMIC,
383
- edges: ((t = e.features) == null ? void 0 : t.dialogEdgeFormat) || R.CURVED,
381
+ theme: e.theme || I.DYNAMIC,
382
+ locale: e.language || R.DYNAMIC,
383
+ edges: ((t = e.features) == null ? void 0 : t.dialogEdgeFormat) || S.CURVED,
384
384
  parnter_logo: ((r = e.features) == null ? void 0 : r.merchantLogo) ?? !1,
385
385
  dialog_transition: {
386
386
  start: ((o = e.features) == null ? void 0 : o.dialogStartTransition) || N.UP,
@@ -394,53 +394,54 @@ const re = (e = "tap-connect-sdk-element") => {
394
394
  features: {
395
395
  poweredby: ((l = e.features) == null ? void 0 : l.poweredBy) ?? !0,
396
396
  close_button: ((i = e.features) == null ? void 0 : i.closeButton) ?? !1,
397
- embedded: ((c = e.features) == null ? void 0 : c.embedded) ?? !1
397
+ embedded: ((c = e.features) == null ? void 0 : c.embedded) ?? !1,
398
+ email_auth: ((f = e.features) == null ? void 0 : f.emailAuth) ?? !1
398
399
  },
399
400
  ...e.leadId && { lead: { id: e.leadId } },
400
401
  ...e.postUrl && { post: { url: e.postUrl } },
401
402
  ...e.redirectUrl && { redirect: { url: e.redirectUrl } },
402
403
  ...e.platforms && { platforms: e.platforms },
403
- ...(((f = e.paymentProvider) == null ? void 0 : f.institutionId) || ((C = e.paymentProvider) == null ? void 0 : C.technologyId)) && {
404
+ ...(((b = e.paymentProvider) == null ? void 0 : b.institutionId) || ((C = e.paymentProvider) == null ? void 0 : C.technologyId)) && {
404
405
  payment_provider: {
405
- ...((b = e.paymentProvider) == null ? void 0 : b.institutionId) && { institution: { id: (g = e.paymentProvider) == null ? void 0 : g.institutionId } },
406
+ ...((g = e.paymentProvider) == null ? void 0 : g.institutionId) && { institution: { id: (w = e.paymentProvider) == null ? void 0 : w.institutionId } },
406
407
  ...((k = e.paymentProvider) == null ? void 0 : k.technologyId) && { technology: { id: (A = e.paymentProvider) == null ? void 0 : A.technologyId } }
407
408
  }
408
409
  },
409
410
  ...e.token && { auth_token: e.token },
410
411
  app_info: {
411
412
  name: "connect-sdk-v2",
412
- version: "1.0.9-development",
413
+ version: "1.0.10-development",
413
414
  identifier: window.location.hostname || window.location.origin
414
415
  }
415
416
  };
416
- }, se = ({ theme: e, language: t, configToken: r, flow: o, region: a }) => {
417
+ }, ie = ({ theme: e, language: t, configToken: r, flow: o, region: a }) => {
417
418
  const s = new URLSearchParams();
418
419
  let d = "";
419
- return o && (d = o), e && s.append(h.THEME, e), t && s.append(h.LANGUAGE, t), s.append(h.CONFIG_TOKEN, r), `${oe(a)}/${d}?${s.toString()}`;
420
- }, ie = async (e) => {
421
- const t = await fetch(ne(e.region), {
420
+ return o && (d = o), e && s.append(h.THEME, e), t && s.append(h.LANGUAGE, t), s.append(h.CONFIG_TOKEN, r), `${ae(a)}/${d}?${s.toString()}`;
421
+ }, de = async (e) => {
422
+ const t = await fetch(oe(e.region), {
422
423
  method: "POST",
423
424
  headers: {
424
425
  "Content-Type": "application/json",
425
426
  Authorization: `Bearer ${e.publicKey}`,
426
427
  mdn: e.merchantDomain || O
427
428
  },
428
- body: JSON.stringify(ae(e))
429
+ body: JSON.stringify(se(e))
429
430
  });
430
431
  if (!t.ok)
431
432
  throw new Error(`${t.status}::${t.statusText}`);
432
433
  return t.json();
433
- }, de = () => {
434
- const [e, t] = m.useState(""), r = v(), o = async () => {
434
+ }, le = () => {
435
+ const [e, t] = p.useState(""), r = v(), o = async () => {
435
436
  var a, s, d;
436
437
  r.onLoadingHandler(!0);
437
438
  try {
438
439
  let l = r.configToken, i;
439
440
  if (!l) {
440
- if (i = await ie(r), !i.token) throw new Error("500::Config token is missing");
441
+ if (i = await de(r), !i.token) throw new Error("500::Config token is missing");
441
442
  l = i.token;
442
443
  }
443
- const c = se({
444
+ const c = ie({
444
445
  theme: (a = i == null ? void 0 : i.interface) == null ? void 0 : a.theme,
445
446
  language: (s = i == null ? void 0 : i.interface) == null ? void 0 : s.locale,
446
447
  configToken: l,
@@ -450,50 +451,57 @@ const re = (e = "tap-connect-sdk-element") => {
450
451
  if (r.mode !== E.PAGE) return t(c);
451
452
  window.location.href = c;
452
453
  } catch (l) {
453
- const i = new te(l);
454
+ const i = new re(l);
454
455
  (d = r.onError) == null || d.call(r, i.getClientError()), r.onLoadingHandler(!1);
455
456
  }
456
457
  };
457
- return m.useEffect(() => {
458
+ return p.useEffect(() => {
458
459
  o();
459
460
  }, []), { connectLink: e };
460
- }, le = () => {
461
- const { onSuccess: e, onClose: t, onError: r, onReady: o, onLoaded: a, onCreated: s, onBoardCompleted: d } = v(), l = m.useCallback(
461
+ }, ce = () => {
462
+ p.useEffect(() => {
463
+ const e = document.documentElement, t = document.body, r = t.style.overflow, o = e.style.overflow;
464
+ return t.style.overflow = "hidden", e.style.overflow = "hidden", () => {
465
+ t.style.overflow = r, e.style.overflow = o;
466
+ };
467
+ }, []);
468
+ }, ue = () => {
469
+ const { onSuccess: e, onClose: t, onError: r, onReady: o, onLoaded: a, onCreated: s, onBoardCompleted: d } = v(), l = p.useCallback(
462
470
  async (i) => {
463
471
  if (i.origin !== O) return;
464
472
  const { data: c, event: f } = i.data;
465
473
  switch (f) {
466
- case p.ON_CLOSE:
474
+ case m.ON_CLOSE:
467
475
  t == null || t();
468
476
  break;
469
- case p.ON_ERROR:
477
+ case m.ON_ERROR:
470
478
  r == null || r(c);
471
479
  break;
472
- case p.ON_SUCCESS:
480
+ case m.ON_SUCCESS:
473
481
  e == null || e(c);
474
482
  break;
475
- case p.ON_LOADED:
483
+ case m.ON_LOADED:
476
484
  a();
477
485
  break;
478
- case p.ON_READY:
486
+ case m.ON_READY:
479
487
  o == null || o();
480
488
  break;
481
- case p.ON_CREATED:
489
+ case m.ON_CREATED:
482
490
  s == null || s(c);
483
491
  break;
484
- case p.ON_BOARD_COMPLETED:
492
+ case m.ON_BOARD_COMPLETED:
485
493
  d == null || d();
486
494
  break;
487
495
  }
488
496
  },
489
497
  [t, r, a, o, e, s, d]
490
498
  );
491
- m.useEffect(() => (window.addEventListener("message", l, !1), () => {
499
+ p.useEffect(() => (window.addEventListener("message", l, !1), () => {
492
500
  window.removeEventListener("message", l);
493
501
  }), [l]);
494
- }, ce = () => {
495
- const { connectLink: e } = de(), { features: t } = v();
496
- return le(), /* @__PURE__ */ n(
502
+ }, me = () => {
503
+ const { connectLink: e } = le(), { features: t, loading: r } = v();
504
+ return ue(), ce(), /* @__PURE__ */ n(
497
505
  "div",
498
506
  {
499
507
  id: "tap-connect-main-container",
@@ -501,7 +509,7 @@ const re = (e = "tap-connect-sdk-element") => {
501
509
  display: "flex",
502
510
  alignItems: "center",
503
511
  justifyContent: "center",
504
- background: t != null && t.overlay ? "rgba(0, 0, 0, 0.5)" : "",
512
+ background: t != null && t.overlay && r ? "rgba(0, 0, 0, 0.5)" : "",
505
513
  position: "fixed",
506
514
  top: 0,
507
515
  left: 0,
@@ -509,25 +517,25 @@ const re = (e = "tap-connect-sdk-element") => {
509
517
  height: "100%",
510
518
  zIndex: "9999"
511
519
  },
512
- children: /* @__PURE__ */ n(z, { src: e })
520
+ children: /* @__PURE__ */ n(q, { src: e })
513
521
  }
514
522
  );
515
- }, ue = (e) => /* @__PURE__ */ n(H, { props: e, children: e.open && /* @__PURE__ */ n(ce, {}) }), pe = m.memo(ue);
516
- var D, w = L;
517
- D = w.createRoot, w.hydrateRoot;
518
- const ye = (e, t) => {
519
- const r = re(e), o = D(r);
520
- return o.render(/* @__PURE__ */ n(pe, { ...t })), { unmount: () => o.unmount() };
523
+ }, pe = (e) => /* @__PURE__ */ n(j, { props: e, children: e.open && /* @__PURE__ */ n(me, {}) }), fe = p.memo(pe);
524
+ var L, x = G;
525
+ L = x.createRoot, x.hydrateRoot;
526
+ const _e = (e, t) => {
527
+ const r = ne(e), o = L(r);
528
+ return o.render(/* @__PURE__ */ n(fe, { ...t })), { unmount: () => o.unmount() };
521
529
  };
522
530
  export {
523
- R as ConnectDialogEdgeFormat,
531
+ S as ConnectDialogEdgeFormat,
524
532
  N as ConnectDialogTransition,
525
- pe as ConnectElement,
533
+ fe as ConnectElement,
526
534
  P as ConnectFlows,
527
- I as ConnectLanguage,
535
+ R as ConnectLanguage,
528
536
  E as ConnectMode,
529
- B as ConnectRegions,
530
- G as ConnectScope,
531
- x as ConnectTheme,
532
- ye as renderConnectElement
537
+ M as ConnectRegions,
538
+ B as ConnectScope,
539
+ I as ConnectTheme,
540
+ _e as renderConnectElement
533
541
  };
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "@tap-payments/connect-v2",
3
- "version": "1.0.9-development",
3
+ "private": false,
4
+ "version": "1.0.10-development",
4
5
  "type": "module",
5
6
  "main": "build/index.cjs.js",
6
7
  "module": "build/index.esm.js",
@@ -17,7 +18,7 @@
17
18
  }
18
19
  },
19
20
  "scripts": {
20
- "clean": "rm -rf build",
21
+ "clean": "rm -rf build*",
21
22
  "dev": "vite",
22
23
  "tsc:alias": "tsc-alias -p tsconfig.app.json",
23
24
  "build:npm": "cross-env BUILD_TARGET=npm vite build --mode ${MODE:-development}",
@@ -32,7 +33,7 @@
32
33
  "prettier": "prettier . --check",
33
34
  "prettier:fix": "prettier . --write",
34
35
  "prepare": "husky",
35
- "push": "npm publish --access public --tag development"
36
+ "push": "npm publish --access public"
36
37
  },
37
38
  "dependencies": {
38
39
  "@tap-payments/web-error-handing": "^1.0.1"