@tap-payments/connect-v2 1.0.6-development → 1.0.8-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 +2 -1
  2. package/build/index.cjs.js +1 -1
  3. package/build/index.d.ts +1 -0
  4. package/build/index.esm.js +103 -90
  5. package/package.json +1 -1
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.5-development/index.js"></script>
80
+ <script src="https://cdn.tap.company/tap-sdks/connect-v2/build-1.0.8-development/index.js"></script>
81
81
 
82
82
  <script>
83
83
  function openConnect() {
@@ -142,6 +142,7 @@ You can also use the SDK without a React build setup by including the UMD bundle
142
142
  | embedded | `boolean` | Enable embedded layout mode. |
143
143
  | merchantLogo | `boolean` | Show or hide merchant logo. |
144
144
  | closeButton | `boolean` | Display close button. |
145
+ | overlay | `boolean` | Show or hide loader overlay. |
145
146
  | dialogStartTransition | `ConnectDialogTransition` | Dialog opening animation. |
146
147
  | dialogEndTransition | `ConnectDialogTransition` | Dialog closing animation. |
147
148
  | dialogEdgeFormat | `ConnectDialogEdgeFormat` | Dialog edge style. |
package/build/index.cjs.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),G=require("react-dom");function P(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const m=P(f);var v=(e=>(e.PAGE="page",e.POPUP="popup",e.CONTENT="content",e))(v||{}),I=(e=>(e.AUTH="auth",e.MERCHANT="merchant",e))(I||{}),x=(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))(x||{}),T=(e=>(e.SA="sa",e.SA_DR="sa-dr",e))(T||{}),N=(e=>(e.DARK="dark",e.LIGHT="light",e.DYNAMIC="dynamic",e))(N||{}),_=(e=>(e.AR="ar",e.EN="en",e.DYNAMIC="dynamic",e))(_||{}),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||{}),p=(e=>(e.AUTH_TOKEN="token",e.CONFIG_TOKEN="config_token",e.THEME="theme",e.LANGUAGE="lang",e))(p||{});const B=({outerStartColor:e="rgba(244, 244, 244, 1)",outerEndColor:n="rgba(238, 238, 238, 1)",innerStartColor:t="rgba(244, 244, 244, 1)",innerEndColor:o="rgba(238, 238, 238, 1)",duration:a=3,toggleAnimation:s=!1})=>r.jsx("div",{style:{position:"relative",width:"135px",height:"135px"},children:r.jsx("div",{style:{position:"absolute",display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",opacity:.9},children:r.jsxs("svg",{width:"199",height:"197",viewBox:"0 0 199 197",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r.jsxs("g",{children:[r.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&&r.jsxs(r.Fragment,{children:[r.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 89.5 86.5",to:"360 89.5 86.5",dur:`${a/3}s`,repeatCount:"indefinite"}),r.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"})]})}),r.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&&r.jsxs(r.Fragment,{children:[r.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"360 89.5 86.5",to:"0 89.5 86.5",dur:`${a/3}s`,repeatCount:"indefinite"}),r.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"})]})})]}),r.jsxs("defs",{children:[r.jsxs("filter",{id:"filter0_dddi_1427_22275",x:"0.882668",y:"0.899429",width:"198.08",height:"195.314",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[r.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),r.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"}),r.jsx("feOffset",{dy:"1.68224"}),r.jsx("feGaussianBlur",{stdDeviation:"4.20656"}),r.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),r.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"}),r.jsx("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_1427_22275"}),r.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"}),r.jsx("feOffset",{dx:"22.3542",dy:"22.6047"}),r.jsx("feGaussianBlur",{stdDeviation:"9.80447"}),r.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),r.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"}),r.jsx("feBlend",{mode:"normal",in2:"effect1_dropShadow_1427_22275",result:"effect2_dropShadow_1427_22275"}),r.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"}),r.jsx("feOffset",{dx:"-6.03352",dy:"-3.01676"}),r.jsx("feGaussianBlur",{stdDeviation:"7.5419"}),r.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),r.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"}),r.jsx("feBlend",{mode:"normal",in2:"effect2_dropShadow_1427_22275",result:"effect3_dropShadow_1427_22275"}),r.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect3_dropShadow_1427_22275",result:"shape"}),r.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"}),r.jsx("feOffset",{dy:"1.50838"}),r.jsx("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),r.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"}),r.jsx("feBlend",{mode:"normal",in2:"shape",result:"effect4_innerShadow_1427_22275"})]}),r.jsxs("linearGradient",{id:"strokeGradientOuter_1427_22275",x1:"89.5",y1:"19",x2:"89.5",y2:"154",gradientUnits:"userSpaceOnUse",children:[r.jsx("stop",{stopColor:e}),r.jsx("stop",{offset:"1",stopColor:n})]}),r.jsxs("linearGradient",{id:"strokeGradientInner_1427_22275",x1:"89.4991",y1:"38.2849",x2:"89.4991",y2:"134.713",gradientUnits:"userSpaceOnUse",children:[r.jsx("stop",{stopColor:t}),r.jsx("stop",{offset:"1",stopColor:o})]})]})]})})}),M=f.memo(B),R=f.createContext({}),C=()=>f.useContext(R);function H({children:e,props:n}){const[t,o]=f.useState(!1),a=i=>{o(i)},s=()=>{o(!1)};return r.jsx(R.Provider,{value:{...n,onLoadingHandler:a,loading:t,onLoaded:s},children:e})}const $="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",E="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:n}=C();return r.jsxs(r.Fragment,{children:[n&&r.jsx(M,{toggleAnimation:!0}),e&&r.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 n,t;return((t=(n=e==null?void 0:e.response)===null||n===void 0?void 0:n.data)===null||t===void 0?void 0:t.errors)!==void 0},J=function(e){return e instanceof Error},X=function(e){return typeof e=="string"},Q=function(e){try{var n=e.response.data.errors,t=n[0],o=t.description,a=t.code;return{message:o,code:a}}catch(s){return{message:s.message,code:"UNKNOWN"}}},Z=function(e){try{var n=e.message,t=n.split("::"),o=t[0],a=t[1];return{message:a,code:o}}catch(s){return{message:s.message,code:"UNKNOWN"}}},ee=function(e){try{var n=e.split("::"),t=n[0],o=n[1];return{message:o,code:t}}catch(a){return{message:a,code:"UNKNOWN"}}},te=function(){function e(n){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(n)){var t=Q(n);this.code=t.code,this.message=t.message}else if(J(n)){var t=Z(n);this.code=t.code,this.message=t.message}else if(X(n)){var t=ee(n);this.code=t.code,this.message=t.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 n=document.getElementById(e);if(n)return n;const t=document.createElement("div");return t.setAttribute("id",e),document.body.prepend(t),t},S=e=>e?["sa","sau"].includes(e.toLowerCase()):!1,D=e=>e==="dr",ne=(e="")=>{const[n,t]=e.split("-");return S(n)?D(t)?W:K:$},oe=(e="")=>{const[n,t]=e.split("-");return S(n)?D(t)?q:Y:E},ae=e=>{var n,t,o,a,s,i,c,d,l,h,b,g,j,A,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||N.DYNAMIC,locale:e.language||_.DYNAMIC,edges:((n=e.features)==null?void 0:n.dialogEdgeFormat)||O.CURVED,parnter_logo:((t=e.features)==null?void 0:t.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:((i=e.notification)==null?void 0:i.sms)??!1},features:{poweredby:((c=e.features)==null?void 0:c.poweredBy)??!0,close_button:((d=e.features)==null?void 0:d.closeButton)??!1,embedded:((l=e.features)==null?void 0:l.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},...(((h=e.paymentProvider)==null?void 0:h.institutionId)||((b=e.paymentProvider)==null?void 0:b.technologyId))&&{payment_provider:{...((g=e.paymentProvider)==null?void 0:g.institutionId)&&{institution:{id:(j=e.paymentProvider)==null?void 0:j.institutionId}},...((A=e.paymentProvider)==null?void 0:A.technologyId)&&{technology:{id:(k=e.paymentProvider)==null?void 0:k.technologyId}}}},app_info:{name:"connect-sdk-v2",version:"1.0.6-development",identifier:window.location.hostname||window.location.origin}}},se=({theme:e,language:n,configToken:t,flow:o,token:a,region:s})=>{const i=new URLSearchParams;let c="";return o&&(c=o,o!==x.AUTH&&o!==x.BOARD&&a&&i.append(p.AUTH_TOKEN,a)),e&&i.append(p.THEME,e),n&&i.append(p.LANGUAGE,n),i.append(p.CONFIG_TOKEN,t),`${oe(s)}/${c}?${i.toString()}`},ie=async e=>{const n=await fetch(ne(e.region),{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e.publicKey}`,mdn:e.merchantDomain||E},body:JSON.stringify(ae(e))});if(!n.ok)throw new Error(`${n.status}::${n.statusText}`);return n.json()},de=()=>{const[e,n]=m.useState(""),t=C(),o=async()=>{var a,s,i;t.onLoadingHandler(!0);try{let c=t.configToken,d;if(!c){if(d=await ie(t),!d.token)throw new Error("500::Config token is missing");c=d.token}const l=se({theme:(a=d==null?void 0:d.interface)==null?void 0:a.theme,language:(s=d==null?void 0:d.interface)==null?void 0:s.locale,configToken:c,flow:t.flow,token:t.token,region:t.region});if(t.mode!==v.PAGE)return n(l);window.location.href=l}catch(c){const d=new te(c);(i=t.onError)==null||i.call(t,d.getClientError()),t.onLoadingHandler(!1)}};return m.useEffect(()=>{o()},[]),{connectLink:e}},ce=()=>{const{onSuccess:e,onClose:n,onError:t,onReady:o,onLoaded:a,onCreated:s,onBoardCompleted:i}=C(),c=m.useCallback(async d=>{if(d.origin!==E)return;const{data:l,event:h}=d.data;switch(h){case u.ON_CLOSE:n==null||n();break;case u.ON_ERROR:t==null||t(l);break;case u.ON_SUCCESS:e==null||e(l);break;case u.ON_LOADED:a();break;case u.ON_READY:o==null||o();break;case u.ON_CREATED:s==null||s(l);break;case u.ON_BOARD_COMPLETED:i==null||i();break}},[n,t,a,o,e,s,i]);m.useEffect(()=>(window.addEventListener("message",c,!1),()=>{window.removeEventListener("message",c)}),[c])},le=()=>{const{connectLink:e}=de();return ce(),r.jsx("div",{id:"tap-connect-main-container",style:{display:"flex",alignItems:"center",justifyContent:"center",background:"rgba(0, 0, 0, 0.5)",position:"fixed",top:0,left:0,width:"100%",height:"100%",zIndex:"9999"},children:r.jsx(z,{src:e})})},ue=e=>r.jsx(H,{props:e,children:e.open&&r.jsx(le,{})}),U=m.memo(ue);var L,w=G;L=w.createRoot,w.hydrateRoot;const pe=(e,n)=>{const t=re(e),o=L(t);return o.render(r.jsx(U,{...n})),{unmount:()=>o.unmount()}};exports.ConnectDialogEdgeFormat=O;exports.ConnectDialogTransition=y;exports.ConnectElement=U;exports.ConnectFlows=x;exports.ConnectLanguage=_;exports.ConnectMode=v;exports.ConnectRegions=T;exports.ConnectScope=I;exports.ConnectTheme=N;exports.renderConnectElement=pe;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),f=require("react"),G=require("react-dom");function P(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const m=P(f);var v=(e=>(e.PAGE="page",e.POPUP="popup",e.CONTENT="content",e))(v||{}),I=(e=>(e.AUTH="auth",e.MERCHANT="merchant",e))(I||{}),y=(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))(y||{}),T=(e=>(e.SA="sa",e.SA_DR="sa-dr",e))(T||{}),_=(e=>(e.DARK="dark",e.LIGHT="light",e.DYNAMIC="dynamic",e))(_||{}),O=(e=>(e.AR="ar",e.EN="en",e.DYNAMIC="dynamic",e))(O||{}),C=(e=>(e.STRAIGHT="straight",e.CURVED="curved",e))(C||{}),x=(e=>(e.LEFT="left",e.RIGHT="right",e.UP="up",e.DOWN="down",e))(x||{}),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||{}),p=(e=>(e.AUTH_TOKEN="token",e.CONFIG_TOKEN="config_token",e.THEME="theme",e.LANGUAGE="lang",e))(p||{});const B=({outerStartColor:e="rgba(244, 244, 244, 1)",outerEndColor:r="rgba(238, 238, 238, 1)",innerStartColor:t="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:r})]}),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:t}),n.jsx("stop",{offset:"1",stopColor:o})]})]})]})})}),M=f.memo(B),R=f.createContext({}),N=()=>f.useContext(R);function H({children:e,props:r}){var i;const[t,o]=f.useState(!1),a=d=>{o(d)},s=()=>{o(!1)};return n.jsx(R.Provider,{value:{...r,features:{...r.features,overlay:((i=r.features)==null?void 0:i.overlay)??!0},onLoadingHandler:a,loading:t,onLoaded:s},children:e})}const $="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",E="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:r}=N();return n.jsxs(n.Fragment,{children:[r&&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 r,t;return((t=(r=e==null?void 0:e.response)===null||r===void 0?void 0:r.data)===null||t===void 0?void 0:t.errors)!==void 0},J=function(e){return e instanceof Error},X=function(e){return typeof e=="string"},Q=function(e){try{var r=e.response.data.errors,t=r[0],o=t.description,a=t.code;return{message:o,code:a}}catch(s){return{message:s.message,code:"UNKNOWN"}}},Z=function(e){try{var r=e.message,t=r.split("::"),o=t[0],a=t[1];return{message:a,code:o}}catch(s){return{message:s.message,code:"UNKNOWN"}}},ee=function(e){try{var r=e.split("::"),t=r[0],o=r[1];return{message:o,code:t}}catch(a){return{message:a,code:"UNKNOWN"}}},te=function(){function e(r){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(r)){var t=Q(r);this.code=t.code,this.message=t.message}else if(J(r)){var t=Z(r);this.code=t.code,this.message=t.message}else if(X(r)){var t=ee(r);this.code=t.code,this.message=t.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 r=document.getElementById(e);if(r)return r;const t=document.createElement("div");return t.setAttribute("id",e),document.body.prepend(t),t},S=e=>e?["sa","sau"].includes(e.toLowerCase()):!1,D=e=>e==="dr",ne=(e="")=>{const[r,t]=e.split("-");return S(r)?D(t)?W:K:$},oe=(e="")=>{const[r,t]=e.split("-");return S(r)?D(t)?q:Y:E},ae=e=>{var r,t,o,a,s,i,d,c,l,h,b,g,j,A,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||O.DYNAMIC,edges:((r=e.features)==null?void 0:r.dialogEdgeFormat)||C.CURVED,parnter_logo:((t=e.features)==null?void 0:t.merchantLogo)??!1,dialog_transition:{start:((o=e.features)==null?void 0:o.dialogStartTransition)||x.UP,end:((a=e.features)==null?void 0:a.dialogEndTransition)||x.DOWN}},notification:{email:((s=e.notification)==null?void 0:s.email)??!1,sms:((i=e.notification)==null?void 0:i.sms)??!1},features:{poweredby:((d=e.features)==null?void 0:d.poweredBy)??!0,close_button:((c=e.features)==null?void 0:c.closeButton)??!1,embedded:((l=e.features)==null?void 0:l.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},...(((h=e.paymentProvider)==null?void 0:h.institutionId)||((b=e.paymentProvider)==null?void 0:b.technologyId))&&{payment_provider:{...((g=e.paymentProvider)==null?void 0:g.institutionId)&&{institution:{id:(j=e.paymentProvider)==null?void 0:j.institutionId}},...((A=e.paymentProvider)==null?void 0:A.technologyId)&&{technology:{id:(k=e.paymentProvider)==null?void 0:k.technologyId}}}},app_info:{name:"connect-sdk-v2",version:"1.0.8-development",identifier:window.location.hostname||window.location.origin}}},se=({theme:e,language:r,configToken:t,flow:o,token:a,region:s})=>{const i=new URLSearchParams;let d="";return o&&(d=o,o!==y.AUTH&&o!==y.BOARD&&a&&i.append(p.AUTH_TOKEN,a)),e&&i.append(p.THEME,e),r&&i.append(p.LANGUAGE,r),i.append(p.CONFIG_TOKEN,t),`${oe(s)}/${d}?${i.toString()}`},ie=async e=>{const r=await fetch(ne(e.region),{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e.publicKey}`,mdn:e.merchantDomain||E},body:JSON.stringify(ae(e))});if(!r.ok)throw new Error(`${r.status}::${r.statusText}`);return r.json()},de=()=>{const[e,r]=m.useState(""),t=N(),o=async()=>{var a,s,i;t.onLoadingHandler(!0);try{let d=t.configToken,c;if(!d){if(c=await ie(t),!c.token)throw new Error("500::Config token is missing");d=c.token}const l=se({theme:(a=c==null?void 0:c.interface)==null?void 0:a.theme,language:(s=c==null?void 0:c.interface)==null?void 0:s.locale,configToken:d,flow:t.flow,token:t.token,region:t.region});if(t.mode!==v.PAGE)return r(l);window.location.href=l}catch(d){const c=new te(d);(i=t.onError)==null||i.call(t,c.getClientError()),t.onLoadingHandler(!1)}};return m.useEffect(()=>{o()},[]),{connectLink:e}},ce=()=>{const{onSuccess:e,onClose:r,onError:t,onReady:o,onLoaded:a,onCreated:s,onBoardCompleted:i}=N(),d=m.useCallback(async c=>{if(c.origin!==E)return;const{data:l,event:h}=c.data;switch(h){case u.ON_CLOSE:r==null||r();break;case u.ON_ERROR:t==null||t(l);break;case u.ON_SUCCESS:e==null||e(l);break;case u.ON_LOADED:a();break;case u.ON_READY:o==null||o();break;case u.ON_CREATED:s==null||s(l);break;case u.ON_BOARD_COMPLETED:i==null||i();break}},[r,t,a,o,e,s,i]);m.useEffect(()=>(window.addEventListener("message",d,!1),()=>{window.removeEventListener("message",d)}),[d])},le=()=>{const{connectLink:e}=de(),{features:r}=N();return ce(),n.jsx("div",{id:"tap-connect-main-container",style:{display:"flex",alignItems:"center",justifyContent:"center",background:r!=null&&r.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(H,{props:e,children:e.open&&n.jsx(le,{})}),U=m.memo(ue);var L,w=G;L=w.createRoot,w.hydrateRoot;const pe=(e,r)=>{const t=re(e),o=L(t);return o.render(n.jsx(U,{...r})),{unmount:()=>o.unmount()}};exports.ConnectDialogEdgeFormat=C;exports.ConnectDialogTransition=x;exports.ConnectElement=U;exports.ConnectFlows=y;exports.ConnectLanguage=O;exports.ConnectMode=v;exports.ConnectRegions=T;exports.ConnectScope=I;exports.ConnectTheme=_;exports.renderConnectElement=pe;
package/build/index.d.ts CHANGED
@@ -6,6 +6,7 @@ declare type ConnectAppFeatures = {
6
6
  embedded?: boolean;
7
7
  merchantLogo?: boolean;
8
8
  closeButton?: boolean;
9
+ overlay?: boolean;
9
10
  dialogStartTransition?: ConnectDialogTransition;
10
11
  dialogEndTransition?: ConnectDialogTransition;
11
12
  dialogEdgeFormat?: ConnectDialogEdgeFormat;
package/build/index.esm.js CHANGED
@@ -1,12 +1,12 @@
1
- import { jsx as n, jsxs as u, Fragment as v } from "react/jsx-runtime";
1
+ import { jsx as n, jsxs as u, Fragment as N } from "react/jsx-runtime";
2
2
  import * as f from "react";
3
3
  import y from "react";
4
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 || {}), N = /* @__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))(N || {}), P = /* @__PURE__ */ ((e) => (e.SA = "sa", e.SA_DR = "sa-dr", e))(P || {}), I = /* @__PURE__ */ ((e) => (e.DARK = "dark", e.LIGHT = "light", e.DYNAMIC = "dynamic", e))(I || {}), T = /* @__PURE__ */ ((e) => (e.AR = "ar", e.EN = "en", e.DYNAMIC = "dynamic", e))(T || {}), R = /* @__PURE__ */ ((e) => (e.STRAIGHT = "straight", e.CURVED = "curved", e))(R || {}), _ = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.RIGHT = "right", e.UP = "up", e.DOWN = "down", e))(_ || {}), 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 || {}), m = /* @__PURE__ */ ((e) => (e.AUTH_TOKEN = "token", e.CONFIG_TOKEN = "config_token", e.THEME = "theme", e.LANGUAGE = "lang", e))(m || {});
5
+ var O = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.POPUP = "popup", e.CONTENT = "content", e))(O || {}), B = /* @__PURE__ */ ((e) => (e.AUTH = "auth", e.MERCHANT = "merchant", e))(B || {}), _ = /* @__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 = /* @__PURE__ */ ((e) => (e.SA = "sa", e.SA_DR = "sa-dr", e))(P || {}), I = /* @__PURE__ */ ((e) => (e.DARK = "dark", e.LIGHT = "light", e.DYNAMIC = "dynamic", e))(I || {}), T = /* @__PURE__ */ ((e) => (e.AR = "ar", e.EN = "en", e.DYNAMIC = "dynamic", e))(T || {}), R = /* @__PURE__ */ ((e) => (e.STRAIGHT = "straight", e.CURVED = "curved", e))(R || {}), E = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.RIGHT = "right", e.UP = "up", e.DOWN = "down", e))(E || {}), 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 || {}), m = /* @__PURE__ */ ((e) => (e.AUTH_TOKEN = "token", e.CONFIG_TOKEN = "config_token", e.THEME = "theme", e.LANGUAGE = "lang", e))(m || {});
6
6
  const M = ({
7
7
  outerStartColor: e = "rgba(244, 244, 244, 1)",
8
- outerEndColor: r = "rgba(238, 238, 238, 1)",
9
- innerStartColor: t = "rgba(244, 244, 244, 1)",
8
+ outerEndColor: t = "rgba(238, 238, 238, 1)",
9
+ innerStartColor: r = "rgba(244, 244, 244, 1)",
10
10
  innerEndColor: o = "rgba(238, 238, 238, 1)",
11
11
  duration: a = 3,
12
12
  toggleAnimation: s = !1
@@ -43,7 +43,7 @@ const M = ({
43
43
  strokeWidth: "9.6",
44
44
  strokeLinecap: "round",
45
45
  strokeDasharray: "425 125",
46
- children: s && /* @__PURE__ */ u(v, { children: [
46
+ children: s && /* @__PURE__ */ u(N, { children: [
47
47
  /* @__PURE__ */ n(
48
48
  "animateTransform",
49
49
  {
@@ -79,7 +79,7 @@ const M = ({
79
79
  strokeWidth: "9.6",
80
80
  strokeLinecap: "round",
81
81
  strokeDasharray: "300 100",
82
- children: s && /* @__PURE__ */ u(v, { children: [
82
+ children: s && /* @__PURE__ */ u(N, { children: [
83
83
  /* @__PURE__ */ n(
84
84
  "animateTransform",
85
85
  {
@@ -188,7 +188,7 @@ const M = ({
188
188
  gradientUnits: "userSpaceOnUse",
189
189
  children: [
190
190
  /* @__PURE__ */ n("stop", { stopColor: e }),
191
- /* @__PURE__ */ n("stop", { offset: "1", stopColor: r })
191
+ /* @__PURE__ */ n("stop", { offset: "1", stopColor: t })
192
192
  ]
193
193
  }
194
194
  ),
@@ -202,7 +202,7 @@ const M = ({
202
202
  y2: "134.713",
203
203
  gradientUnits: "userSpaceOnUse",
204
204
  children: [
205
- /* @__PURE__ */ n("stop", { stopColor: t }),
205
+ /* @__PURE__ */ n("stop", { stopColor: r }),
206
206
  /* @__PURE__ */ n("stop", { offset: "1", stopColor: o })
207
207
  ]
208
208
  }
@@ -212,19 +212,32 @@ const M = ({
212
212
  }
213
213
  )
214
214
  }
215
- ), H = y.memo(M), U = y.createContext({}), O = () => y.useContext(U);
216
- function $({ children: e, props: r }) {
217
- const [t, o] = y.useState(!1), a = (i) => {
218
- o(i);
215
+ ), H = y.memo(M), U = y.createContext({}), v = () => y.useContext(U);
216
+ function $({ children: e, props: t }) {
217
+ var i;
218
+ const [r, o] = y.useState(!1), a = (d) => {
219
+ o(d);
219
220
  }, s = () => {
220
221
  o(!1);
221
222
  };
222
- return /* @__PURE__ */ n(U.Provider, { value: { ...r, onLoadingHandler: a, loading: t, onLoaded: s }, children: e });
223
+ return /* @__PURE__ */ n(
224
+ U.Provider,
225
+ {
226
+ value: {
227
+ ...t,
228
+ features: { ...t.features, overlay: ((i = t.features) == null ? void 0 : i.overlay) ?? !0 },
229
+ onLoadingHandler: a,
230
+ loading: r,
231
+ onLoaded: s
232
+ },
233
+ children: e
234
+ }
235
+ );
223
236
  }
224
237
  const K = "https://connect-mw.dev.tap.company/middleware/v3/connect", j = "https://connect-mw.dev.tap.company/middleware/v3/connect", W = "https://connect-mw.dev.tap.company/middleware/v3/connect", Y = "tap-connect-sdk-iframe", C = "https://sdk-connect.dev.tap.company", F = "https://sdk-connect.dev.tap.company", V = "https://sdk-connect.dev.tap.company", z = ({ src: e }) => {
225
- const { loading: r } = O();
226
- return /* @__PURE__ */ u(v, { children: [
227
- r && /* @__PURE__ */ n(H, { toggleAnimation: !0 }),
238
+ const { loading: t } = v();
239
+ return /* @__PURE__ */ u(N, { children: [
240
+ t && /* @__PURE__ */ n(H, { toggleAnimation: !0 }),
228
241
  e && /* @__PURE__ */ n(
229
242
  "iframe",
230
243
  {
@@ -244,15 +257,15 @@ const K = "https://connect-mw.dev.tap.company/middleware/v3/connect", j = "https
244
257
  ] });
245
258
  };
246
259
  var q = function(e) {
247
- var r, t;
248
- return ((t = (r = e == null ? void 0 : e.response) === null || r === void 0 ? void 0 : r.data) === null || t === void 0 ? void 0 : t.errors) !== void 0;
260
+ var t, r;
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;
249
262
  }, J = function(e) {
250
263
  return e instanceof Error;
251
264
  }, X = function(e) {
252
265
  return typeof e == "string";
253
266
  }, Q = function(e) {
254
267
  try {
255
- var r = e.response.data.errors, t = r[0], o = t.description, a = t.code;
268
+ var t = e.response.data.errors, r = t[0], o = r.description, a = r.code;
256
269
  return {
257
270
  message: o,
258
271
  code: a
@@ -265,7 +278,7 @@ var q = function(e) {
265
278
  }
266
279
  }, Z = function(e) {
267
280
  try {
268
- var r = e.message, t = r.split("::"), o = t[0], a = t[1];
281
+ var t = e.message, r = t.split("::"), o = r[0], a = r[1];
269
282
  return {
270
283
  message: a,
271
284
  code: o
@@ -278,10 +291,10 @@ var q = function(e) {
278
291
  }
279
292
  }, ee = function(e) {
280
293
  try {
281
- var r = e.split("::"), t = r[0], o = r[1];
294
+ var t = e.split("::"), r = t[0], o = t[1];
282
295
  return {
283
296
  message: o,
284
- code: t
297
+ code: r
285
298
  };
286
299
  } catch (a) {
287
300
  return {
@@ -290,7 +303,7 @@ var q = function(e) {
290
303
  };
291
304
  }
292
305
  }, te = function() {
293
- function e(r) {
306
+ function e(t) {
294
307
  if (Object.defineProperty(this, "code", {
295
308
  enumerable: !0,
296
309
  configurable: !0,
@@ -301,15 +314,15 @@ var q = function(e) {
301
314
  configurable: !0,
302
315
  writable: !0,
303
316
  value: void 0
304
- }), q(r)) {
305
- var t = Q(r);
306
- this.code = t.code, this.message = t.message;
307
- } else if (J(r)) {
308
- var t = Z(r);
309
- this.code = t.code, this.message = t.message;
310
- } else if (X(r)) {
311
- var t = ee(r);
312
- this.code = t.code, this.message = t.message;
317
+ }), q(t)) {
318
+ var r = Q(t);
319
+ this.code = r.code, this.message = r.message;
320
+ } else if (J(t)) {
321
+ var r = Z(t);
322
+ this.code = r.code, this.message = r.message;
323
+ } else if (X(t)) {
324
+ var r = ee(t);
325
+ this.code = r.code, this.message = r.message;
313
326
  } else
314
327
  this.code = "UNKNOWN", this.message = "Unknown error";
315
328
  }
@@ -340,22 +353,22 @@ var q = function(e) {
340
353
  }), e;
341
354
  }();
342
355
  const re = (e = "tap-connect-sdk-element") => {
343
- const r = document.getElementById(e);
344
- if (r) return r;
345
- const t = document.createElement("div");
346
- return t.setAttribute("id", e), document.body.prepend(t), t;
356
+ const t = document.getElementById(e);
357
+ if (t) return t;
358
+ const r = document.createElement("div");
359
+ return r.setAttribute("id", e), document.body.prepend(r), r;
347
360
  }, S = (e) => e ? ["sa", "sau"].includes(e.toLowerCase()) : !1, D = (e) => e === "dr", ne = (e = "") => {
348
- const [r, t] = e.split("-");
349
- return S(r) ? D(t) ? W : j : K;
361
+ const [t, r] = e.split("-");
362
+ return S(t) ? D(r) ? W : j : K;
350
363
  }, oe = (e = "") => {
351
- const [r, t] = e.split("-");
352
- return S(r) ? D(t) ? V : F : C;
364
+ const [t, r] = e.split("-");
365
+ return S(t) ? D(r) ? V : F : C;
353
366
  }, ae = (e) => {
354
- var r, t, o, a, s, i, l, d, c, h, b, g, A, k, w;
367
+ var t, r, o, a, s, i, d, l, c, h, b, g, A, k, w;
355
368
  return {
356
369
  operator: { public_key: e.publicKey },
357
370
  scope: e.scope,
358
- mode: e.mode || E.PAGE,
371
+ mode: e.mode || O.PAGE,
359
372
  domain: e.merchantDomain,
360
373
  ...e.businessCountryCode && { country: e.businessCountryCode },
361
374
  ...e.data && { data: e.data },
@@ -367,11 +380,11 @@ const re = (e = "tap-connect-sdk-element") => {
367
380
  interface: {
368
381
  theme: e.theme || I.DYNAMIC,
369
382
  locale: e.language || T.DYNAMIC,
370
- edges: ((r = e.features) == null ? void 0 : r.dialogEdgeFormat) || R.CURVED,
371
- parnter_logo: ((t = e.features) == null ? void 0 : t.merchantLogo) ?? !1,
383
+ edges: ((t = e.features) == null ? void 0 : t.dialogEdgeFormat) || R.CURVED,
384
+ parnter_logo: ((r = e.features) == null ? void 0 : r.merchantLogo) ?? !1,
372
385
  dialog_transition: {
373
- start: ((o = e.features) == null ? void 0 : o.dialogStartTransition) || _.UP,
374
- end: ((a = e.features) == null ? void 0 : a.dialogEndTransition) || _.DOWN
386
+ start: ((o = e.features) == null ? void 0 : o.dialogStartTransition) || E.UP,
387
+ end: ((a = e.features) == null ? void 0 : a.dialogEndTransition) || E.DOWN
375
388
  }
376
389
  },
377
390
  notification: {
@@ -379,8 +392,8 @@ const re = (e = "tap-connect-sdk-element") => {
379
392
  sms: ((i = e.notification) == null ? void 0 : i.sms) ?? !1
380
393
  },
381
394
  features: {
382
- poweredby: ((l = e.features) == null ? void 0 : l.poweredBy) ?? !0,
383
- close_button: ((d = e.features) == null ? void 0 : d.closeButton) ?? !1,
395
+ poweredby: ((d = e.features) == null ? void 0 : d.poweredBy) ?? !0,
396
+ close_button: ((l = e.features) == null ? void 0 : l.closeButton) ?? !1,
384
397
  embedded: ((c = e.features) == null ? void 0 : c.embedded) ?? !1
385
398
  },
386
399
  ...e.leadId && { lead: { id: e.leadId } },
@@ -395,16 +408,16 @@ const re = (e = "tap-connect-sdk-element") => {
395
408
  },
396
409
  app_info: {
397
410
  name: "connect-sdk-v2",
398
- version: "1.0.6-development",
411
+ version: "1.0.8-development",
399
412
  identifier: window.location.hostname || window.location.origin
400
413
  }
401
414
  };
402
- }, se = ({ theme: e, language: r, configToken: t, flow: o, token: a, region: s }) => {
415
+ }, se = ({ theme: e, language: t, configToken: r, flow: o, token: a, region: s }) => {
403
416
  const i = new URLSearchParams();
404
- let l = "";
405
- return o && (l = o, o !== N.AUTH && o !== N.BOARD && a && i.append(m.AUTH_TOKEN, a)), e && i.append(m.THEME, e), r && i.append(m.LANGUAGE, r), i.append(m.CONFIG_TOKEN, t), `${oe(s)}/${l}?${i.toString()}`;
417
+ let d = "";
418
+ return o && (d = o, o !== _.AUTH && o !== _.BOARD && a && i.append(m.AUTH_TOKEN, a)), e && i.append(m.THEME, e), t && i.append(m.LANGUAGE, t), i.append(m.CONFIG_TOKEN, r), `${oe(s)}/${d}?${i.toString()}`;
406
419
  }, ie = async (e) => {
407
- const r = await fetch(ne(e.region), {
420
+ const t = await fetch(ne(e.region), {
408
421
  method: "POST",
409
422
  headers: {
410
423
  "Content-Type": "application/json",
@@ -413,48 +426,48 @@ const re = (e = "tap-connect-sdk-element") => {
413
426
  },
414
427
  body: JSON.stringify(ae(e))
415
428
  });
416
- if (!r.ok)
417
- throw new Error(`${r.status}::${r.statusText}`);
418
- return r.json();
429
+ if (!t.ok)
430
+ throw new Error(`${t.status}::${t.statusText}`);
431
+ return t.json();
419
432
  }, de = () => {
420
- const [e, r] = f.useState(""), t = O(), o = async () => {
433
+ const [e, t] = f.useState(""), r = v(), o = async () => {
421
434
  var a, s, i;
422
- t.onLoadingHandler(!0);
435
+ r.onLoadingHandler(!0);
423
436
  try {
424
- let l = t.configToken, d;
425
- if (!l) {
426
- if (d = await ie(t), !d.token) throw new Error("500::Config token is missing");
427
- l = d.token;
437
+ let d = r.configToken, l;
438
+ if (!d) {
439
+ if (l = await ie(r), !l.token) throw new Error("500::Config token is missing");
440
+ d = l.token;
428
441
  }
429
442
  const c = se({
430
- theme: (a = d == null ? void 0 : d.interface) == null ? void 0 : a.theme,
431
- language: (s = d == null ? void 0 : d.interface) == null ? void 0 : s.locale,
432
- configToken: l,
433
- flow: t.flow,
434
- token: t.token,
435
- region: t.region
443
+ theme: (a = l == null ? void 0 : l.interface) == null ? void 0 : a.theme,
444
+ language: (s = l == null ? void 0 : l.interface) == null ? void 0 : s.locale,
445
+ configToken: d,
446
+ flow: r.flow,
447
+ token: r.token,
448
+ region: r.region
436
449
  });
437
- if (t.mode !== E.PAGE) return r(c);
450
+ if (r.mode !== O.PAGE) return t(c);
438
451
  window.location.href = c;
439
- } catch (l) {
440
- const d = new te(l);
441
- (i = t.onError) == null || i.call(t, d.getClientError()), t.onLoadingHandler(!1);
452
+ } catch (d) {
453
+ const l = new te(d);
454
+ (i = r.onError) == null || i.call(r, l.getClientError()), r.onLoadingHandler(!1);
442
455
  }
443
456
  };
444
457
  return f.useEffect(() => {
445
458
  o();
446
459
  }, []), { connectLink: e };
447
460
  }, le = () => {
448
- const { onSuccess: e, onClose: r, onError: t, onReady: o, onLoaded: a, onCreated: s, onBoardCompleted: i } = O(), l = f.useCallback(
449
- async (d) => {
450
- if (d.origin !== C) return;
451
- const { data: c, event: h } = d.data;
461
+ const { onSuccess: e, onClose: t, onError: r, onReady: o, onLoaded: a, onCreated: s, onBoardCompleted: i } = v(), d = f.useCallback(
462
+ async (l) => {
463
+ if (l.origin !== C) return;
464
+ const { data: c, event: h } = l.data;
452
465
  switch (h) {
453
466
  case p.ON_CLOSE:
454
- r == null || r();
467
+ t == null || t();
455
468
  break;
456
469
  case p.ON_ERROR:
457
- t == null || t(c);
470
+ r == null || r(c);
458
471
  break;
459
472
  case p.ON_SUCCESS:
460
473
  e == null || e(c);
@@ -473,13 +486,13 @@ const re = (e = "tap-connect-sdk-element") => {
473
486
  break;
474
487
  }
475
488
  },
476
- [r, t, a, o, e, s, i]
489
+ [t, r, a, o, e, s, i]
477
490
  );
478
- f.useEffect(() => (window.addEventListener("message", l, !1), () => {
479
- window.removeEventListener("message", l);
480
- }), [l]);
491
+ f.useEffect(() => (window.addEventListener("message", d, !1), () => {
492
+ window.removeEventListener("message", d);
493
+ }), [d]);
481
494
  }, ce = () => {
482
- const { connectLink: e } = de();
495
+ const { connectLink: e } = de(), { features: t } = v();
483
496
  return le(), /* @__PURE__ */ n(
484
497
  "div",
485
498
  {
@@ -488,7 +501,7 @@ const re = (e = "tap-connect-sdk-element") => {
488
501
  display: "flex",
489
502
  alignItems: "center",
490
503
  justifyContent: "center",
491
- background: "rgba(0, 0, 0, 0.5)",
504
+ background: t != null && t.overlay ? "rgba(0, 0, 0, 0.5)" : "",
492
505
  position: "fixed",
493
506
  top: 0,
494
507
  left: 0,
@@ -502,17 +515,17 @@ const re = (e = "tap-connect-sdk-element") => {
502
515
  }, ue = (e) => /* @__PURE__ */ n($, { props: e, children: e.open && /* @__PURE__ */ n(ce, {}) }), pe = f.memo(ue);
503
516
  var L, x = G;
504
517
  L = x.createRoot, x.hydrateRoot;
505
- const ye = (e, r) => {
506
- const t = re(e), o = L(t);
507
- return o.render(/* @__PURE__ */ n(pe, { ...r })), { unmount: () => o.unmount() };
518
+ const ye = (e, t) => {
519
+ const r = re(e), o = L(r);
520
+ return o.render(/* @__PURE__ */ n(pe, { ...t })), { unmount: () => o.unmount() };
508
521
  };
509
522
  export {
510
523
  R as ConnectDialogEdgeFormat,
511
- _ as ConnectDialogTransition,
524
+ E as ConnectDialogTransition,
512
525
  pe as ConnectElement,
513
- N as ConnectFlows,
526
+ _ as ConnectFlows,
514
527
  T as ConnectLanguage,
515
- E as ConnectMode,
528
+ O as ConnectMode,
516
529
  P as ConnectRegions,
517
530
  B as ConnectScope,
518
531
  I as ConnectTheme,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@tap-payments/connect-v2",
3
3
  "private": false,
4
- "version": "1.0.6-development",
4
+ "version": "1.0.8-development",
5
5
  "type": "module",
6
6
  "main": "build/index.cjs.js",
7
7
  "module": "build/index.esm.js",