npm - @tap-payments/connect-v2 - Versions diffs - 0.0.32-test → 0.0.34-test - Mend

@tap-payments/connect-v2 0.0.32-test → 0.0.34-test

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

package/README.md CHANGED Viewed

@@ -42,10 +42,6 @@ const App = () => {
         merchantDomain="https://example.com"
         theme={ConnectTheme.DARK}
         scope={ConnectScope.MERCHANT}
-        appInfo={{
-          name: 'My App',
-          version: '1.0.0',
-        }}
         onClose={() => setOpen(false)}
         features={{ poweredBy: true, closeButton: true }}
         mode={ConnectMode.POPUP}
@@ -86,9 +82,6 @@ You can also use the SDK without a React build setup by including the UMD bundle
           publicKey: 'pk_test_lat64TEDSvHrUOYAxVRe28PQ',
           merchantDomain: 'https://connect.dev.tap.company',
           language: TapConnectSDK.ConnectLanguage.EN,
-          appInfo: {
-            name: 'My App',
-          },
           theme: TapConnectSDK.ConnectTheme.DARK,
           scope: TapConnectSDK.ConnectScope.MERCHANT,
           data: ['brand', 'entity'],
@@ -105,51 +98,61 @@ You can also use the SDK without a React build setup by including the UMD bundle
 ## 🧠 Props
-| Prop                    | Type                                                   | Required | Description                                                                                                                                                    |
-| ----------------------- | ------------------------------------------------------ | -------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **open**                | `boolean`                                              | ✅       | Controls whether Connect element is open or closed.                                                                                                            |
-| **publicKey**           | `string`                                               | ✅       | Your public API key provided by Tap Payments.                                                                                                                  |
-| **merchantDomain**      | `string`                                               | ✅       | Merchant's domain (e.g. `https://expamle.com`).                                                                                                                |
-| **scope**               | `ConnectScope`                                         | ✅       | Defines the integration scope [**auth**, **merchant**].                                                                                                        |
-| **appInfo**             | `ConnectAppInfo`                                       | ✅       | Information about the merchant’s host application.                                                                                                             |
-| — name                  | `string`                                               | ✅       | The display name of your application.                                                                                                                          |
-| — identifier            | `string`                                               | ❌       | A unique identifier for your application (e.g., bundle ID or package name).                                                                                    |
-| — version               | `string`                                               | ❌       | The current version of your application (e.g., `1.0.0`).                                                                                                       |
-| **onReady**             | `() => void`                                           | ❌       | Called when the app configurations are loaded successfully initializing.                                                                                       |
-| **onClose**             | `() => void`                                           | ❌       | Triggered when the Connect element is closed by the user.                                                                                                      |
-| **onError**             | `(eror: CustomError) => void`                          | ❌       | Triggered on any error.                                                                                                                                        |
-| **onSuccess**           | `(response: Record<string, string \| number>) => void` | ❌       | Callback triggered when the flow completes successfully.                                                                                                       |
-| **theme**               | `ConnectTheme`                                         | ❌       | Customize the app theme [**light**, **dark**].                                                                                                                 |
-| **language**            | `ConnectLanguage`                                      | ❌       | Language code for localization [**en**, **ar**].                                                                                                               |
-| **businessCountryCode** | `string`                                               | ❌       | Country ISO2 code of the merchant country.                                                                                                                     |
-| **showBoard**           | `boolean`                                              | ❌       | Show the merchant board UI.                                                                                                                                    |
-| **leadId**              | `string`                                               | ❌       | Optional lead ID for loading lead data.                                                                                                                        |
-| **platforms**           | `string`                                               | ❌       | -                                                                                                                                                              |
-| **paymentProvider**     | `ConnectPaymentProvider`                               | ❌       | Information about the payment provider configuration.                                                                                                          |
-| — technologyId          | `string`                                               | ✅       | -                                                                                                                                                              |
-| — settlementBy          | `string`                                               | ✅       | -                                                                                                                                                              |
-| **features**            | `ConnectAppFeatures`                                   | ❌       | Additional configuration options for appearance and UI.                                                                                                        |
-| — poweredBy             | `boolean`                                              | ❌       | Show or hide the “Powered by Tap” logo.                                                                                                                        |
-| — merchantLogo          | `boolean`                                              | ❌       | Show or hide the merchant’s logo in the widget.                                                                                                                |
-| — closeButton           | `boolean`                                              | ❌       | Display a close button on the widget.                                                                                                                          |
-| — dialogStartTransition | `ConnectDialogTransition`                              | ❌       | Transition animation when the dialog opens [**left**,**right**,**up**,**down**].                                                                               |
-| — dialogEndTransition   | `ConnectDialogTransition`                              | ❌       | Transition animation when the dialog closes [**left**,**right**,**up**,**down**].                                                                              |
-| — dialogEdgeFormat      | `ConnectDialogEdgeFormat`                              | ❌       | Controls the shape/format of the dialog edges [**curved**, **straight**].                                                                                      |
-| **postUrl**             | `string`                                               | ❌       | Endpoint to post our data to merchant's server.                                                                                                                |
-| **redirectUrl**         | `string`                                               | ❌       | Redirect URL after success.                                                                                                                                    |
-| **data**                | `string[]`                                             | ❌       | Merchant data array (e.g. **operator**, **brand**, **entity**, etc.).                                                                                          |
-| **mode**                | `ConnectMode`                                          | ❌       | Controls the display behavior of the Connect Element, using the ConnectMode enum to specify whether it appears as a full page, popup, or display content only. |
-| **notification**        | `ConnectNotification`                                  | ❌       | Notification configuration to notify the user after account creation.                                                                                          |
-| — email                 | `boolean`                                              | ✅       | Enable or disable email notifications.                                                                                                                         |
-| — mobile                | `boolean`                                              | ❌       | Enable or disable mobile (SMS) notifications.                                                                                                                  |
-| **boardEditable**       | `boolean`                                              | ❌       | Allow merchant board to be editable.                                                                                                                           |
-| **boardId**             | `string`                                               | ❌       | Specify existing board ID.                                                                                                                                     |
-| **boardInfoId**         | `string`                                               | ❌       | Specify board info ID for password kit.                                                                                                                        |
-| **userId**              | `string`                                               | ❌       | User ID for password kit.                                                                                                                                      |
-| **userType**            | `string`                                               | ❌       | Type of the user for password kit.                                                                                                                             |
-| **operationType**       | `ConnectPasswordOperationType`                         | ❌       | Operation type for password kit.                                                                                                                               |
-| **loginMode**           | `boolean`                                              | ❌       | Opens Connect in login/auth mode.                                                                                                                              |
-| **region**              | `string`                                               | ❌       | Region code that changes the target middlware (e.g., **sa** for Saudi).                                                                                        |
+| Prop                    | Type                                                   | Required | Description                                                                                    |
+| ----------------------- | ------------------------------------------------------ | -------- | ---------------------------------------------------------------------------------------------- |
+| **open**                | `boolean`                                              | ✅       | Controls whether the Connect element is open or closed.                                        |
+| **publicKey**           | `string`                                               | ✅       | Your public API key provided by Tap Payments.                                                  |
+| **merchantDomain**      | `string`                                               | ✅       | Merchant's domain (e.g. `https://example.com`).                                                |
+| **scope**               | `ConnectScope`                                         | ✅       | Defines the integration scope.                                                                 |
+| **onReady**             | `() => void`                                           | ❌       | Called when the app configurations are loaded successfully.                                    |
+| **onClose**             | `() => void`                                           | ❌       | Triggered when the Connect element is closed.                                                  |
+| **onError**             | `(error: CustomError) => void`                         | ❌       | Triggered when an error occurs.                                                                |
+| **onSuccess**           | `(response: Record<string, string \| number>) => void` | ❌       | Triggered when the flow completes successfully.                                                |
+| **theme**               | `ConnectTheme`                                         | ❌       | UI theme configuration.                                                                        |
+| **language**            | `ConnectLanguage`                                      | ❌       | Localization language.                                                                         |
+| **businessCountryCode** | `string`                                               | ❌       | ISO2 country code of the merchant.                                                             |
+| **leadId**              | `string`                                               | ❌       | ID to Load an existing lead.                                                                   |
+| **showBoard**           | `boolean`                                              | ❌       | Show merchant board UI.                                                                        |
+| **boardEditable**       | `boolean`                                              | ❌       | Allow merchant board editing.                                                                  |
+| **platforms**           | `string[]`                                             | ❌       | List of merchant platforms.                                                                    |
+| **features**            | `ConnectAppFeatures`                                   | ❌       | UI and behavior customization options.                                                         |
+| **paymentProvider**     | `ConnectPaymentProvider`                               | ❌       | Payment provider configuration.                                                                |
+| **postUrl**             | `string`                                               | ❌       | Endpoint to post collected data to your backend.                                               |
+| **redirectUrl**         | `string`                                               | ❌       | Redirect URL after success.                                                                    |
+| **data**                | `string[]`                                             | ❌       | Data modules to collect (e.g. `brand`, `entity`).                                              |
+| **mode**                | `ConnectMode`                                          | ❌       | Controls display behavior (page, popup, content).                                              |
+| **notification**        | `ConnectNotification`                                  | ❌       | Notification configuration.                                                                    |
+| **flow**                | `ConnectFlows`                                         | ❌       | Specifies a predefined flow to open directly (e.g., `brand`, `entity`, `kyc`, etc.).           |
+| **token**               | `string`                                               | ❌       | Connect session token. Required when `flow` is provided and the flow is not `board` or `auth`. |
+| **boardId**             | `string`                                               | ❌       | Identifier of the board to load. Required when `flow` is set to `board`.                       |
+| **configToken**         | `string`                                               | ❌       | Pre-generated configuration token from backend.                                                |
+| **region**              | `ConnectRegions`                                       | ❌       | Region code determining middleware domain.                                                     |
+##### `ConnectAppFeatures`
+| Field                 | Type                      | Description                    |
+| --------------------- | ------------------------- | ------------------------------ |
+| poweredBy             | `boolean`                 | Show or hide “Powered by Tap”. |
+| embedded              | `boolean`                 | Enable embedded layout mode.   |
+| merchantLogo          | `boolean`                 | Show or hide merchant logo.    |
+| closeButton           | `boolean`                 | Display close button.          |
+| dialogStartTransition | `ConnectDialogTransition` | Dialog opening animation.      |
+| dialogEndTransition   | `ConnectDialogTransition` | Dialog closing animation.      |
+| dialogEdgeFormat      | `ConnectDialogEdgeFormat` | Dialog edge style.             |
+##### `ConnectPaymentProvider`
+| Field         | Type     | Required | Description                       |
+| ------------- | -------- | -------- | --------------------------------- |
+| technologyId  | `string` | ✅       | Payment technology identifier.    |
+| institutionId | `string` | ✅       | Financial institution identifier. |
+##### `ConnectNotification`
+| Field | Type      | Required | Description                 |
+| ----- | --------- | -------- | --------------------------- |
+| email | `boolean` | ✅       | Enable email notifications. |
+| sms   | `boolean` | ❌       | Enable SMS notifications.   |
 ---

package/build/index.cjs.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=require("react"),A=require("react-dom");function R(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 u=R(p);var g=(e=>(e.PAGE="page",e.POPUP="popup",e.CONTENT="content",e))(g\|\|{}),j=(e=>(e.AUTH="auth",e.MERCHANT="merchant",e))(j\|\|{}),C=(e=>(e.SET_PASSWORD="set_password",e.RESET_PASSWORD="reset_password",e))(C\|\|{}),v=(e=>(e.DARK="dark",e.LIGHT="light",e))(v\|\|{}),b=(e=>(e.AR="ar",e.EN="en",e))(b\|\|{}),E=(e=>(e.STRAIGHT="straight",e.CURVED="curved",e))(E\|\|{}),O=(e=>(e.LEFT="left",e.RIGHT="right",e.UP="up",e.DOWN="down",e))(O\|\|{}),d=(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))(d\|\|{}),f=(e=>(e.PROFILE_TOKEN="profile_token",e.CONFIG_TOKEN="config_token",e.THEME="theme",e.LANGUAGE="lang",e))(f\|\|{});const T=({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:s=3,toggleAnimation:i=!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:i&&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:`${s/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:`${s}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:i&&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:`${s/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:`${s}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})]})]})]})})}),L=p.memo(T),N=p.createContext({}),y=()=>p.useContext(N);function I({children:e,props:n}){const[t,o]=p.useState(!1),s=a=>{o(a)},i=()=>{o(!1)};return r.jsx(N.Provider,{value:{...n,onLoadingHandler:s,loading:t,onLoaded:i},children:e})}const U="https://connect-mw.dev.tap.company/middleware/v3/connect",G="https://connect-mw.dev.tap.company/middleware/v3/connect",B="https://connect-mw.dev.tap.company/middleware/v3/connect",D="tap-connect-sdk-iframe",x="https://connect.alpha.tap.company",F=({src:e})=>{const{loading:n}=y();return r.jsxs(r.Fragment,{children:[n&&r.jsx(L,{toggleAnimation:!0}),e&&r.jsx("iframe",{id:D,title:"connect",src:e,style:{width:"100%",height:"100%",border:"none",position:"absolute",top:0,left:0}})]})};var M=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},$=function(e){return e instanceof Error},H=function(e){return typeof e=="string"},W=function(e){try{var n=e.response.data.errors,t=n[0],o=t.description,s=t.code;return{message:o,code:s}}catch(i){return{message:i.message,code:"UNKNOWN"}}},K=function(e){try{var n=e.message,t=n.split("::"),o=t[0],s=t[1];return{message:s,code:o}}catch(i){return{message:i.message,code:"UNKNOWN"}}},P=function(e){try{var n=e.split("::"),t=n[0],o=n[1];return{message:o,code:t}}catch(s){return{message:s,code:"UNKNOWN"}}},q=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}),M(n)){var t=W(n);this.code=t.code,this.message=t.message}else if($(n)){var t=K(n);this.code=t.code,this.message=t.message}else if(H(n)){var t=P(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 z=(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},Y=e=>e?["sa","sau"].includes(e.toLowerCase()):!1,J=e=>e==="dr",V=(e="")=>{const[n,t]=e.split("-");return Y(n)?J(t)?B:G:U},Q=({features:e,notification:n,paymentProvider:t,...o})=>{var s;return{open:o.open,operator:{public_key:o.publicKey},domain:o.merchantDomain,app_info:o.appInfo,country:o.businessCountryCode,scope:o.scope,board:{display:o.showBoard,editable:o.boardEditable},...o.leadId&&{lead:{id:o.leadId}},...((s=o.platforms)==null?void 0:s.length)&&{platforms:o.platforms},...((t==null?void 0:t.technologyId)\|\|(t==null?void 0:t.settlementBy))&&{payment_provider:{...t.technologyId&&{technology:{id:t.technologyId}},...t.settlementBy&&{institution:{id:t.settlementBy}}}},features:e&&{poweredby:e.poweredBy,close_button:e.closeButton},...o.postUrl&&{post:{url:o.postUrl}},...o.redirectUrl&&{redirect:{url:o.redirectUrl}},data:o.data,mode:o.mode,notification:n&&{sms:n.mobile,email:n.email},interface:{...(e==null?void 0:e.dialogEdgeFormat)&&{edges:e.dialogEdgeFormat},locale:o.language,theme:o.theme,partner_logo:e==null?void 0:e.merchantLogo,...(e==null?void 0:e.dialogEndTransition)&&(e==null?void 0:e.dialogStartTransition)&&{dialog_transition:{start:e.dialogStartTransition,end:e.dialogEndTransition}}}}},X=()=>{const[e,n]=u.useState(""),{onError:t,onLoadingHandler:o,loginMode:s,region:i,...a}=y(),m=async()=>{o(!0);try{const l=await fetch(V(i),{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${a.publicKey}`,mdn:a.merchantDomain\|\|x},body:JSON.stringify(Q(a))});if(!l.ok)throw new Error(`${l.status}::${l.statusText}`);const c=await l.json(),h=new URLSearchParams;a!=null&&a.theme&&h.append(f.THEME,a.theme),a!=null&&a.language&&h.append(f.LANGUAGE,a.language);const k=s?`${x}/auth`:x;if(h.append(f.CONFIG_TOKEN,c.token),c.connect.url=`${k}?${h.toString()}`,a.mode!==g.PAGE)return n(c.connect.url);window.location.href=c.connect.url}catch(l){const c=new q(l);t==null\|\|t(c.getClientError()),o(!1)}};return u.useEffect(()=>{m()},[]),{connectLink:e}},Z=()=>{const{onSuccess:e,onClose:n,onError:t,onReady:o,onLoaded:s}=y(),i=u.useCallback(async a=>{if(a.origin!==x)return;const{data:m,event:l}=a.data;switch(l){case d.ON_CLOSE:n==null\|\|n();break;case d.ON_ERROR:t==null\|\|t(m);break;case d.ON_SUCCESS:e(m);break;case d.ON_LOADED:s();break;case d.ON_READY:o==null\|\|o();break}},[n,t,s,o,e]);u.useEffect(()=>(window.addEventListener("message",i,!1),()=>{window.removeEventListener("message",i)}),[i])},ee=()=>{const{connectLink:e}=X();return Z(),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%"},children:r.jsx(F,{src:e})})},te=e=>r.jsx(I,{props:e,children:e.open&&r.jsx(ee,{})}),w=u.memo(te);var S,_=A;S=_.createRoot,_.hydrateRoot;const re=(e,n)=>{const t=z(e),o=S(t);return o.render(r.jsx(w,{...n})),{unmount:()=>o.unmount()}};exports.ConnectDialogEdgeFormat=E;exports.ConnectDialogTransition=O;exports.ConnectElement=w;exports.ConnectLanguage=b;exports.ConnectMode=g;exports.ConnectPasswordOperationType=C;exports.ConnectScope=j;exports.ConnectTheme=v;exports.renderConnectElement=re;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),D=require("react-dom");function L(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=L(f);var y=(e=>(e.PAGE="page",e.POPUP="popup",e.CONTENT="content",e))(y\|\|{}),I=(e=>(e.AUTH="auth",e.MERCHANT="merchant",e))(I\|\|{}),h=(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))(h\|\|{}),T=(e=>(e.SA="sa",e.SA_DR="sa-dr",e))(T\|\|{}),v=(e=>(e.DARK="dark",e.LIGHT="light",e.DYNAMIC="dynamic",e))(v\|\|{}),b=(e=>(e.AR="ar",e.EN="en",e.DYNAMIC="dynamic",e))(b\|\|{}),g=(e=>(e.STRAIGHT="straight",e.CURVED="curved",e))(g\|\|{}),x=(e=>(e.LEFT="left",e.RIGHT="right",e.UP="up",e.DOWN="down",e))(x\|\|{}),c=(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))(c\|\|{}),u=(e=>(e.AUTH_TOKEN="token",e.CONFIG_TOKEN="config_token",e.THEME="theme",e.LANGUAGE="lang",e.BOARD_ID="board_id",e))(u\|\|{});const G=({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})]})]})]})})}),B=f.memo(G),S=f.createContext({}),_=()=>f.useContext(S);function P({children:e,props:n}){const[t,o]=f.useState(!1),a=i=>{o(i)},s=()=>{o(!1)};return r.jsx(S.Provider,{value:{...n,onLoadingHandler:a,loading:t,onLoaded:s},children:e})}const M="https://connect-mw.dev.tap.company/middleware/v3/connect",H="https://connect-mw.dev.tap.company/middleware/v3/connect",$="https://connect-mw.dev.tap.company/middleware/v3/connect",K="tap-connect-sdk-iframe",j="https://connect.alpha.tap.company",W=({src:e})=>{const{loading:n}=_();return r.jsxs(r.Fragment,{children:[n&&r.jsx(B,{toggleAnimation:!0}),e&&r.jsx("iframe",{id:K,title:"connect",src:e,style:{width:"100%",height:"100%",border:"none",position:"absolute",top:0,left:0}})]})};var F=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},Y=function(e){return e instanceof Error},q=function(e){return typeof e=="string"},V=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"}}},J=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"}}},X=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}),F(n)){var t=V(n);this.code=t.code,this.message=t.message}else if(Y(n)){var t=z(n);this.code=t.code,this.message=t.message}else if(q(n)){var t=J(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 Q=(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},Z=e=>e?["sa","sau"].includes(e.toLowerCase()):!1,ee=e=>e==="dr",te=(e="")=>{const[n,t]=e.split("-");return Z(n)?ee(t)?$:H:M},re=e=>{var n,t,o,a,s,i,l,d,p,C,N,E,O,A,w;return{operator:{public_key:e.publicKey},scope:e.scope,mode:e.mode\|\|y.PAGE,domain:e.merchantDomain,...e.businessCountryCode&&{country:e.businessCountryCode},...e.data&&{data:e.data},board:{display:e.showBoard??!0,editable:e.boardEditable??!0},interface:{theme:e.theme\|\|v.DYNAMIC,locale:e.language\|\|b.DYNAMIC,edges:((n=e.features)==null?void 0:n.dialogEdgeFormat)\|\|g.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:((l=e.features)==null?void 0:l.poweredBy)??!0,close_button:((d=e.features)==null?void 0:d.closeButton)??!1,embedded:((p=e.features)==null?void 0:p.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},...(((C=e.paymentProvider)==null?void 0:C.institutionId)\|\|((N=e.paymentProvider)==null?void 0:N.technologyId))&&{payment_provider:{...((E=e.paymentProvider)==null?void 0:E.institutionId)&&{institution:{id:(O=e.paymentProvider)==null?void 0:O.institutionId}},...((A=e.paymentProvider)==null?void 0:A.technologyId)&&{technology:{id:(w=e.paymentProvider)==null?void 0:w.technologyId}}}},app_info:{name:window.location.hostname\|\|window.location.origin,version:"0.0.34-test"}}},ne=({theme:e,language:n,configToken:t,flow:o,token:a,boardId:s})=>{const i=new URLSearchParams;let l="";return o&&(l=o,o===h.BOARD&&s?i.append(u.BOARD_ID,s):o!==h.AUTH&&a&&i.append(u.AUTH_TOKEN,a)),e&&i.append(u.THEME,e),n&&i.append(u.LANGUAGE,n),i.append(u.CONFIG_TOKEN,t),`${j}/${l}?${i.toString()}`},oe=async e=>{const n=await fetch(te(e.region),{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e.publicKey}`,mdn:e.merchantDomain\|\|j},body:JSON.stringify(re(e))});if(!n.ok)throw new Error(`${n.status}::${n.statusText}`);return n.json()},ae=()=>{const[e,n]=m.useState(""),t=_(),o=async()=>{var a,s,i;t.onLoadingHandler(!0);try{let l=t.configToken,d;if(!l){if(d=await oe(t),!d.token)throw new Error("500::Config token is missing");l=d.token}const p=ne({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:l,flow:t.flow,token:t.token,boardId:t.boardId});if(t.mode!==y.PAGE)return n(p);window.location.href=p}catch(l){const d=new X(l);(i=t.onError)==null\|\|i.call(t,d.getClientError()),t.onLoadingHandler(!1)}};return m.useEffect(()=>{o()},[]),{connectLink:e}},se=()=>{const{onSuccess:e,onClose:n,onError:t,onReady:o,onLoaded:a}=_(),s=m.useCallback(async i=>{if(i.origin!==j)return;const{data:l,event:d}=i.data;switch(d){case c.ON_CLOSE:n==null\|\|n();break;case c.ON_ERROR:t==null\|\|t(l);break;case c.ON_SUCCESS:e==null\|\|e(l);break;case c.ON_LOADED:a();break;case c.ON_READY:o==null\|\|o();break}},[n,t,a,o,e]);m.useEffect(()=>(window.addEventListener("message",s,!1),()=>{window.removeEventListener("message",s)}),[s])},ie=()=>{const{connectLink:e}=ae();return se(),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%"},children:r.jsx(W,{src:e})})},de=e=>r.jsx(P,{props:e,children:e.open&&r.jsx(ie,{})}),R=m.memo(de);var U,k=D;U=k.createRoot,k.hydrateRoot;const le=(e,n)=>{const t=Q(e),o=U(t);return o.render(r.jsx(R,{...n})),{unmount:()=>o.unmount()}};exports.ConnectDialogEdgeFormat=g;exports.ConnectDialogTransition=x;exports.ConnectElement=R;exports.ConnectFlows=h;exports.ConnectLanguage=b;exports.ConnectMode=y;exports.ConnectRegions=T;exports.ConnectScope=I;exports.ConnectTheme=v;exports.renderConnectElement=le;

package/build/index.d.ts CHANGED Viewed

@@ -3,6 +3,7 @@ import * as React_2 from 'react';
 declare type ConnectAppFeatures = {
     poweredBy?: boolean;
+    embedded?: boolean;
     merchantLogo?: boolean;
     closeButton?: boolean;
     dialogStartTransition?: ConnectDialogTransition;
@@ -10,12 +11,6 @@ declare type ConnectAppFeatures = {
     dialogEdgeFormat?: ConnectDialogEdgeFormat;
 };
-export declare type ConnectAppInfo = {
-    name: string;
-    identifier?: string;
-    version?: string;
-};
 export declare enum ConnectDialogEdgeFormat {
     STRAIGHT = "straight",
     CURVED = "curved"
@@ -30,9 +25,22 @@ export declare enum ConnectDialogTransition {
 export declare const ConnectElement: React_2.MemoExoticComponent<(props: ConnectProps) => JSX_2.Element>;
+export declare enum ConnectFlows {
+    AUTH = "auth",
+    BANK = "bank",
+    BOARD = "board",
+    BRAND = "brand",
+    ENTITY = "entity",
+    INDIVIDUAL = "individual",
+    KYC = "kyc",
+    TAX = "tax",
+    TERMINAL = "terminal"
+}
 export declare enum ConnectLanguage {
     AR = "ar",
-    EN = "en"
+    EN = "en",
+    DYNAMIC = "dynamic"
 }
 export declare enum ConnectMode {
@@ -43,52 +51,49 @@ export declare enum ConnectMode {
 export declare type ConnectNotification = {
     email: boolean;
-    mobile?: boolean;
+    sms?: boolean;
 };
-export declare enum ConnectPasswordOperationType {
-    SET_PASSWORD = "set_password",
-    RESET_PASSWORD = "reset_password"
-}
 export declare type ConnectPaymentProvider = {
     technologyId: string;
-    settlementBy: string;
+    institutionId: string;
 };
 export declare type ConnectProps = {
     onClose?: () => void;
-    onSuccess: (res: Record<string, string | number>) => void;
+    onSuccess?: (res: Record<string, string | number>) => void;
     onError?: (error: CustomError) => void;
     onReady?: () => void;
     open: boolean;
-    theme?: ConnectTheme;
-    language?: ConnectLanguage;
     publicKey: string;
+    scope: ConnectScope;
     merchantDomain: string;
-    appInfo: ConnectAppInfo;
+    theme?: ConnectTheme;
+    language?: ConnectLanguage;
     businessCountryCode?: string;
-    scope: ConnectScope;
-    showBoard?: boolean;
     leadId?: string;
+    showBoard?: boolean;
+    boardEditable?: boolean;
     platforms?: Array<string>;
-    paymentProvider?: ConnectPaymentProvider;
     features?: ConnectAppFeatures;
+    paymentProvider?: ConnectPaymentProvider;
     postUrl?: string;
     redirectUrl?: string;
     data?: Array<string>;
     mode?: ConnectMode;
     notification?: ConnectNotification;
-    boardEditable?: boolean;
+    token?: string;
     boardId?: string;
-    boardInfoId?: string;
-    userId?: string;
-    userType?: string;
-    operationType?: ConnectPasswordOperationType;
-    loginMode?: boolean;
-    region?: string;
+    flow?: ConnectFlows;
+    configToken?: string;
+    region?: ConnectRegions;
 };
+export declare enum ConnectRegions {
+    SA = "sa",
+    SA_DR = "sa-dr"
+}
 export declare enum ConnectScope {
     AUTH = "auth",
     MERCHANT = "merchant"
@@ -96,10 +101,11 @@ export declare enum ConnectScope {
 export declare enum ConnectTheme {
     DARK = "dark",
-    LIGHT = "light"
+    LIGHT = "light",
+    DYNAMIC = "dynamic"
 }
-declare type CustomError = {
+export declare type CustomError = {
     code: string;
     message: string;
 };

package/build/index.esm.js CHANGED Viewed

@@ -1,16 +1,16 @@
-import { jsx as r, jsxs as l, Fragment as y } from "react/jsx-runtime";
-import * as p from "react";
-import _ from "react";
-import w from "react-dom";
-var C = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.POPUP = "popup", e.CONTENT = "content", e))(C || {}), x = /* @__PURE__ */ ((e) => (e.AUTH = "auth", e.MERCHANT = "merchant", e))(x || {}), k = /* @__PURE__ */ ((e) => (e.SET_PASSWORD = "set_password", e.RESET_PASSWORD = "reset_password", e))(k || {}), S = /* @__PURE__ */ ((e) => (e.DARK = "dark", e.LIGHT = "light", e))(S || {}), A = /* @__PURE__ */ ((e) => (e.AR = "ar", e.EN = "en", e))(A || {}), R = /* @__PURE__ */ ((e) => (e.STRAIGHT = "straight", e.CURVED = "curved", e))(R || {}), L = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.RIGHT = "right", e.UP = "up", e.DOWN = "down", e))(L || {}), u = /* @__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))(u || {}), f = /* @__PURE__ */ ((e) => (e.PROFILE_TOKEN = "profile_token", e.CONFIG_TOKEN = "config_token", e.THEME = "theme", e.LANGUAGE = "lang", e))(f || {});
-const I = ({
+import { jsx as n, jsxs as u, Fragment as y } from "react/jsx-runtime";
+import * as f from "react";
+import h from "react";
+import D from "react-dom";
+var N = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.POPUP = "popup", e.CONTENT = "content", e))(N || {}), L = /* @__PURE__ */ ((e) => (e.AUTH = "auth", e.MERCHANT = "merchant", e))(L || {}), v = /* @__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))(v || {}), G = /* @__PURE__ */ ((e) => (e.SA = "sa", e.SA_DR = "sa-dr", e))(G || {}), I = /* @__PURE__ */ ((e) => (e.DARK = "dark", e.LIGHT = "light", e.DYNAMIC = "dynamic", e))(I || {}), U = /* @__PURE__ */ ((e) => (e.AR = "ar", e.EN = "en", e.DYNAMIC = "dynamic", e))(U || {}), 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))(_ || {}), c = /* @__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))(c || {}), p = /* @__PURE__ */ ((e) => (e.AUTH_TOKEN = "token", e.CONFIG_TOKEN = "config_token", e.THEME = "theme", e.LANGUAGE = "lang", e.BOARD_ID = "board_id", e))(p || {});
+const B = ({
   outerStartColor: e = "rgba(244, 244, 244, 1)",
-  outerEndColor: o = "rgba(238, 238, 238, 1)",
+  outerEndColor: r = "rgba(238, 238, 238, 1)",
   innerStartColor: t = "rgba(244, 244, 244, 1)",
-  innerEndColor: n = "rgba(238, 238, 238, 1)",
+  innerEndColor: o = "rgba(238, 238, 238, 1)",
   duration: a = 3,
-  toggleAnimation: i = !1
-}) => /* @__PURE__ */ r(
+  toggleAnimation: s = !1
+}) => /* @__PURE__ */ n(
   "div",
   {
     style: {
@@ -18,7 +18,7 @@ const I = ({
       width: "135px",
       height: "135px"
     },
-    children: /* @__PURE__ */ r(
+    children: /* @__PURE__ */ n(
       "div",
       {
         style: {
@@ -30,9 +30,9 @@ const I = ({
           height: "100%",
           opacity: 0.9
         },
-        children: /* @__PURE__ */ l("svg", { width: "199", height: "197", viewBox: "0 0 199 197", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-          /* @__PURE__ */ l("g", { children: [
-            /* @__PURE__ */ r(
+        children: /* @__PURE__ */ u("svg", { width: "199", height: "197", viewBox: "0 0 199 197", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ u("g", { children: [
+            /* @__PURE__ */ n(
               "circle",
               {
                 cx: "89.5",
@@ -43,8 +43,8 @@ const I = ({
                 strokeWidth: "9.6",
                 strokeLinecap: "round",
                 strokeDasharray: "425 125",
-                children: i && /* @__PURE__ */ l(y, { children: [
-                  /* @__PURE__ */ r(
+                children: s && /* @__PURE__ */ u(y, { children: [
+                  /* @__PURE__ */ n(
                     "animateTransform",
                     {
                       attributeName: "transform",
@@ -55,7 +55,7 @@ const I = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ n(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -68,7 +68,7 @@ const I = ({
                 ] })
               }
             ),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ n(
               "circle",
               {
                 cx: "89.5",
@@ -79,8 +79,8 @@ const I = ({
                 strokeWidth: "9.6",
                 strokeLinecap: "round",
                 strokeDasharray: "300 100",
-                children: i && /* @__PURE__ */ l(y, { children: [
-                  /* @__PURE__ */ r(
+                children: s && /* @__PURE__ */ u(y, { children: [
+                  /* @__PURE__ */ n(
                     "animateTransform",
                     {
                       attributeName: "transform",
@@ -91,7 +91,7 @@ const I = ({
                       repeatCount: "indefinite"
                     }
                   ),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ n(
                     "animate",
                     {
                       attributeName: "stroke-dashoffset",
@@ -105,8 +105,8 @@ const I = ({
               }
             )
           ] }),
-          /* @__PURE__ */ l("defs", { children: [
-            /* @__PURE__ */ l(
+          /* @__PURE__ */ u("defs", { children: [
+            /* @__PURE__ */ u(
               "filter",
               {
                 id: "filter0_dddi_1427_22275",
@@ -117,8 +117,8 @@ const I = ({
                 filterUnits: "userSpaceOnUse",
                 colorInterpolationFilters: "sRGB",
                 children: [
-                  /* @__PURE__ */ r("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ n("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                  /* @__PURE__ */ n(
                     "feColorMatrix",
                     {
                       in: "SourceAlpha",
@@ -127,12 +127,12 @@ const I = ({
                       result: "hardAlpha"
                     }
                   ),
-                  /* @__PURE__ */ r("feOffset", { dy: "1.68224" }),
-                  /* @__PURE__ */ r("feGaussianBlur", { stdDeviation: "4.20656" }),
-                  /* @__PURE__ */ r("feComposite", { in2: "hardAlpha", operator: "out" }),
-                  /* @__PURE__ */ r("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" }),
-                  /* @__PURE__ */ r("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1427_22275" }),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ n("feOffset", { dy: "1.68224" }),
+                  /* @__PURE__ */ n("feGaussianBlur", { stdDeviation: "4.20656" }),
+                  /* @__PURE__ */ n("feComposite", { in2: "hardAlpha", operator: "out" }),
+                  /* @__PURE__ */ n("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" }),
+                  /* @__PURE__ */ n("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1427_22275" }),
+                  /* @__PURE__ */ n(
                     "feColorMatrix",
                     {
                       in: "SourceAlpha",
@@ -141,12 +141,12 @@ const I = ({
                       result: "hardAlpha"
                     }
                   ),
-                  /* @__PURE__ */ r("feOffset", { dx: "22.3542", dy: "22.6047" }),
-                  /* @__PURE__ */ r("feGaussianBlur", { stdDeviation: "9.80447" }),
-                  /* @__PURE__ */ r("feComposite", { in2: "hardAlpha", operator: "out" }),
-                  /* @__PURE__ */ r("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" }),
-                  /* @__PURE__ */ r("feBlend", { mode: "normal", in2: "effect1_dropShadow_1427_22275", result: "effect2_dropShadow_1427_22275" }),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ n("feOffset", { dx: "22.3542", dy: "22.6047" }),
+                  /* @__PURE__ */ n("feGaussianBlur", { stdDeviation: "9.80447" }),
+                  /* @__PURE__ */ n("feComposite", { in2: "hardAlpha", operator: "out" }),
+                  /* @__PURE__ */ n("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" }),
+                  /* @__PURE__ */ n("feBlend", { mode: "normal", in2: "effect1_dropShadow_1427_22275", result: "effect2_dropShadow_1427_22275" }),
+                  /* @__PURE__ */ n(
                     "feColorMatrix",
                     {
                       in: "SourceAlpha",
@@ -155,13 +155,13 @@ const I = ({
                       result: "hardAlpha"
                     }
                   ),
-                  /* @__PURE__ */ r("feOffset", { dx: "-6.03352", dy: "-3.01676" }),
-                  /* @__PURE__ */ r("feGaussianBlur", { stdDeviation: "7.5419" }),
-                  /* @__PURE__ */ r("feComposite", { in2: "hardAlpha", operator: "out" }),
-                  /* @__PURE__ */ r("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" }),
-                  /* @__PURE__ */ r("feBlend", { mode: "normal", in2: "effect2_dropShadow_1427_22275", result: "effect3_dropShadow_1427_22275" }),
-                  /* @__PURE__ */ r("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect3_dropShadow_1427_22275", result: "shape" }),
-                  /* @__PURE__ */ r(
+                  /* @__PURE__ */ n("feOffset", { dx: "-6.03352", dy: "-3.01676" }),
+                  /* @__PURE__ */ n("feGaussianBlur", { stdDeviation: "7.5419" }),
+                  /* @__PURE__ */ n("feComposite", { in2: "hardAlpha", operator: "out" }),
+                  /* @__PURE__ */ n("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" }),
+                  /* @__PURE__ */ n("feBlend", { mode: "normal", in2: "effect2_dropShadow_1427_22275", result: "effect3_dropShadow_1427_22275" }),
+                  /* @__PURE__ */ n("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect3_dropShadow_1427_22275", result: "shape" }),
+                  /* @__PURE__ */ n(
                     "feColorMatrix",
                     {
                       in: "SourceAlpha",
@@ -170,14 +170,14 @@ const I = ({
                       result: "hardAlpha"
                     }
                   ),
-                  /* @__PURE__ */ r("feOffset", { dy: "1.50838" }),
-                  /* @__PURE__ */ r("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
-                  /* @__PURE__ */ r("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
-                  /* @__PURE__ */ r("feBlend", { mode: "normal", in2: "shape", result: "effect4_innerShadow_1427_22275" })
+                  /* @__PURE__ */ n("feOffset", { dy: "1.50838" }),
+                  /* @__PURE__ */ n("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+                  /* @__PURE__ */ n("feColorMatrix", { type: "matrix", values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" }),
+                  /* @__PURE__ */ n("feBlend", { mode: "normal", in2: "shape", result: "effect4_innerShadow_1427_22275" })
                 ]
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ u(
               "linearGradient",
               {
                 id: "strokeGradientOuter_1427_22275",
@@ -187,12 +187,12 @@ const I = ({
                 y2: "154",
                 gradientUnits: "userSpaceOnUse",
                 children: [
-                  /* @__PURE__ */ r("stop", { stopColor: e }),
-                  /* @__PURE__ */ r("stop", { offset: "1", stopColor: o })
+                  /* @__PURE__ */ n("stop", { stopColor: e }),
+                  /* @__PURE__ */ n("stop", { offset: "1", stopColor: r })
                 ]
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ u(
               "linearGradient",
               {
                 id: "strokeGradientInner_1427_22275",
@@ -202,8 +202,8 @@ const I = ({
                 y2: "134.713",
                 gradientUnits: "userSpaceOnUse",
                 children: [
-                  /* @__PURE__ */ r("stop", { stopColor: t }),
-                  /* @__PURE__ */ r("stop", { offset: "1", stopColor: n })
+                  /* @__PURE__ */ n("stop", { stopColor: t }),
+                  /* @__PURE__ */ n("stop", { offset: "1", stopColor: o })
                 ]
               }
             )
@@ -212,23 +212,23 @@ const I = ({
       }
     )
   }
-), U = _.memo(I), b = _.createContext({}), v = () => _.useContext(b);
-function T({ children: e, props: o }) {
-  const [t, n] = _.useState(!1), a = (s) => {
-    n(s);
-  }, i = () => {
-    n(!1);
+), P = h.memo(B), T = h.createContext({}), E = () => h.useContext(T);
+function H({ children: e, props: r }) {
+  const [t, o] = h.useState(!1), a = (i) => {
+    o(i);
+  }, s = () => {
+    o(!1);
   };
-  return /* @__PURE__ */ r(b.Provider, { value: { ...o, onLoadingHandler: a, loading: t, onLoaded: i }, children: e });
+  return /* @__PURE__ */ n(T.Provider, { value: { ...r, onLoadingHandler: a, loading: t, onLoaded: s }, children: e });
 }
-const G = "https://connect-mw.dev.tap.company/middleware/v3/connect", B = "https://connect-mw.dev.tap.company/middleware/v3/connect", D = "https://connect-mw.dev.tap.company/middleware/v3/connect", F = "tap-connect-sdk-iframe", g = "https://connect.alpha.tap.company", $ = ({ src: e }) => {
-  const { loading: o } = v();
-  return /* @__PURE__ */ l(y, { children: [
-    o && /* @__PURE__ */ r(U, { toggleAnimation: !0 }),
-    e && /* @__PURE__ */ r(
+const M = "https://connect-mw.dev.tap.company/middleware/v3/connect", $ = "https://connect-mw.dev.tap.company/middleware/v3/connect", K = "https://connect-mw.dev.tap.company/middleware/v3/connect", j = "tap-connect-sdk-iframe", b = "https://connect.alpha.tap.company", W = ({ src: e }) => {
+  const { loading: r } = E();
+  return /* @__PURE__ */ u(y, { children: [
+    r && /* @__PURE__ */ n(P, { toggleAnimation: !0 }),
+    e && /* @__PURE__ */ n(
       "iframe",
       {
-        id: F,
+        id: j,
         title: "connect",
         src: e,
         style: {
@@ -243,44 +243,44 @@ const G = "https://connect-mw.dev.tap.company/middleware/v3/connect", B = "https
     )
   ] });
 };
-var j = function(e) {
-  var o, t;
-  return ((t = (o = e == null ? void 0 : e.response) === null || o === void 0 ? void 0 : o.data) === null || t === void 0 ? void 0 : t.errors) !== void 0;
-}, M = function(e) {
+var Y = 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;
+}, F = function(e) {
   return e instanceof Error;
-}, H = function(e) {
+}, V = function(e) {
   return typeof e == "string";
-}, W = function(e) {
+}, q = function(e) {
   try {
-    var o = e.response.data.errors, t = o[0], n = t.description, a = t.code;
+    var r = e.response.data.errors, t = r[0], o = t.description, a = t.code;
     return {
-      message: n,
+      message: o,
       code: a
     };
-  } catch (i) {
+  } catch (s) {
     return {
-      message: i.message,
+      message: s.message,
       code: "UNKNOWN"
     };
   }
-}, K = function(e) {
+}, z = function(e) {
   try {
-    var o = e.message, t = o.split("::"), n = t[0], a = t[1];
+    var r = e.message, t = r.split("::"), o = t[0], a = t[1];
     return {
       message: a,
-      code: n
+      code: o
     };
-  } catch (i) {
+  } catch (s) {
     return {
-      message: i.message,
+      message: s.message,
       code: "UNKNOWN"
     };
   }
-}, P = function(e) {
+}, J = function(e) {
   try {
-    var o = e.split("::"), t = o[0], n = o[1];
+    var r = e.split("::"), t = r[0], o = r[1];
     return {
-      message: n,
+      message: o,
       code: t
     };
   } catch (a) {
@@ -289,8 +289,8 @@ var j = function(e) {
       code: "UNKNOWN"
     };
   }
-}, Y = function() {
-  function e(o) {
+}, X = function() {
+  function e(r) {
     if (Object.defineProperty(this, "code", {
       enumerable: !0,
       configurable: !0,
@@ -301,14 +301,14 @@ var j = function(e) {
       configurable: !0,
       writable: !0,
       value: void 0
-    }), j(o)) {
-      var t = W(o);
+    }), Y(r)) {
+      var t = q(r);
       this.code = t.code, this.message = t.message;
-    } else if (M(o)) {
-      var t = K(o);
+    } else if (F(r)) {
+      var t = z(r);
       this.code = t.code, this.message = t.message;
-    } else if (H(o)) {
-      var t = P(o);
+    } else if (V(r)) {
+      var t = J(r);
       this.code = t.code, this.message = t.message;
     } else
       this.code = "UNKNOWN", this.message = "Unknown error";
@@ -339,126 +339,137 @@ var j = function(e) {
     }
   }), e;
 }();
-const q = (e = "tap-connect-sdk-element") => {
-  const o = document.getElementById(e);
-  if (o) return o;
+const Q = (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;
-}, z = (e) => e ? ["sa", "sau"].includes(e.toLowerCase()) : !1, J = (e) => e === "dr", V = (e = "") => {
-  const [o, t] = e.split("-");
-  return z(o) ? J(t) ? D : B : G;
-}, Q = ({
-  features: e,
-  notification: o,
-  paymentProvider: t,
-  ...n
-}) => {
-  var a;
+}, Z = (e) => e ? ["sa", "sau"].includes(e.toLowerCase()) : !1, ee = (e) => e === "dr", te = (e = "") => {
+  const [r, t] = e.split("-");
+  return Z(r) ? ee(t) ? K : $ : M;
+}, re = (e) => {
+  var r, t, o, a, s, i, l, d, m, O, C, g, A, w, k;
   return {
-    open: n.open,
-    operator: { public_key: n.publicKey },
-    domain: n.merchantDomain,
-    app_info: n.appInfo,
-    country: n.businessCountryCode,
-    scope: n.scope,
-    board: { display: n.showBoard, editable: n.boardEditable },
-    ...n.leadId && { lead: { id: n.leadId } },
-    ...((a = n.platforms) == null ? void 0 : a.length) && { platforms: n.platforms },
-    ...((t == null ? void 0 : t.technologyId) || (t == null ? void 0 : t.settlementBy)) && {
-      payment_provider: {
-        ...t.technologyId && {
-          technology: {
-            id: t.technologyId
-          }
-        },
-        ...t.settlementBy && {
-          institution: {
-            id: t.settlementBy
-          }
-        }
+    operator: { public_key: e.publicKey },
+    scope: e.scope,
+    mode: e.mode || N.PAGE,
+    domain: e.merchantDomain,
+    ...e.businessCountryCode && { country: e.businessCountryCode },
+    ...e.data && { data: e.data },
+    board: {
+      display: e.showBoard ?? !0,
+      editable: e.boardEditable ?? !0
+    },
+    interface: {
+      theme: e.theme || I.DYNAMIC,
+      locale: e.language || U.DYNAMIC,
+      edges: ((r = e.features) == null ? void 0 : r.dialogEdgeFormat) || R.CURVED,
+      parnter_logo: ((t = e.features) == null ? void 0 : t.merchantLogo) ?? !1,
+      dialog_transition: {
+        start: ((o = e.features) == null ? void 0 : o.dialogStartTransition) || _.UP,
+        end: ((a = e.features) == null ? void 0 : a.dialogEndTransition) || _.DOWN
       }
     },
-    features: e && {
-      poweredby: e.poweredBy,
-      close_button: e.closeButton
+    notification: {
+      email: ((s = e.notification) == null ? void 0 : s.email) ?? !1,
+      sms: ((i = e.notification) == null ? void 0 : i.sms) ?? !1
     },
-    ...n.postUrl && { post: { url: n.postUrl } },
-    ...n.redirectUrl && { redirect: { url: n.redirectUrl } },
-    data: n.data,
-    mode: n.mode,
-    notification: o && {
-      sms: o.mobile,
-      email: o.email
+    features: {
+      poweredby: ((l = e.features) == null ? void 0 : l.poweredBy) ?? !0,
+      close_button: ((d = e.features) == null ? void 0 : d.closeButton) ?? !1,
+      embedded: ((m = e.features) == null ? void 0 : m.embedded) ?? !1
     },
-    interface: {
-      ...(e == null ? void 0 : e.dialogEdgeFormat) && { edges: e.dialogEdgeFormat },
-      locale: n.language,
-      theme: n.theme,
-      partner_logo: e == null ? void 0 : e.merchantLogo,
-      ...(e == null ? void 0 : e.dialogEndTransition) && (e == null ? void 0 : e.dialogStartTransition) && {
-        dialog_transition: { start: e.dialogStartTransition, end: e.dialogEndTransition }
+    ...e.leadId && { lead: { id: e.leadId } },
+    ...e.postUrl && { post: { url: e.postUrl } },
+    ...e.redirectUrl && { redirect: { url: e.redirectUrl } },
+    ...e.platforms && { platforms: e.platforms },
+    ...(((O = e.paymentProvider) == null ? void 0 : O.institutionId) || ((C = e.paymentProvider) == null ? void 0 : C.technologyId)) && {
+      payment_provider: {
+        ...((g = e.paymentProvider) == null ? void 0 : g.institutionId) && { institution: { id: (A = e.paymentProvider) == null ? void 0 : A.institutionId } },
+        ...((w = e.paymentProvider) == null ? void 0 : w.technologyId) && { technology: { id: (k = e.paymentProvider) == null ? void 0 : k.technologyId } }
       }
+    },
+    app_info: {
+      name: window.location.hostname || window.location.origin,
+      version: "0.0.34-test"
     }
   };
-}, X = () => {
-  const [e, o] = p.useState(""), { onError: t, onLoadingHandler: n, loginMode: a, region: i, ...s } = v(), m = async () => {
-    n(!0);
+}, ne = ({ theme: e, language: r, configToken: t, flow: o, token: a, boardId: s }) => {
+  const i = new URLSearchParams();
+  let l = "";
+  return o && (l = o, o === v.BOARD && s ? i.append(p.BOARD_ID, s) : o !== v.AUTH && 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), `${b}/${l}?${i.toString()}`;
+}, oe = async (e) => {
+  const r = await fetch(te(e.region), {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+      Authorization: `Bearer ${e.publicKey}`,
+      mdn: e.merchantDomain || b
+    },
+    body: JSON.stringify(re(e))
+  });
+  if (!r.ok)
+    throw new Error(`${r.status}::${r.statusText}`);
+  return r.json();
+}, ae = () => {
+  const [e, r] = f.useState(""), t = E(), o = async () => {
+    var a, s, i;
+    t.onLoadingHandler(!0);
     try {
-      const d = await fetch(V(i), {
-        method: "POST",
-        headers: {
-          "Content-Type": "application/json",
-          Authorization: `Bearer ${s.publicKey}`,
-          mdn: s.merchantDomain || g
-        },
-        body: JSON.stringify(Q(s))
+      let l = t.configToken, d;
+      if (!l) {
+        if (d = await oe(t), !d.token) throw new Error("500::Config token is missing");
+        l = d.token;
+      }
+      const m = ne({
+        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: l,
+        flow: t.flow,
+        token: t.token,
+        boardId: t.boardId
       });
-      if (!d.ok)
-        throw new Error(`${d.status}::${d.statusText}`);
-      const c = await d.json(), h = new URLSearchParams();
-      s != null && s.theme && h.append(f.THEME, s.theme), s != null && s.language && h.append(f.LANGUAGE, s.language);
-      const O = a ? `${g}/auth` : g;
-      if (h.append(f.CONFIG_TOKEN, c.token), c.connect.url = `${O}?${h.toString()}`, s.mode !== C.PAGE) return o(c.connect.url);
-      window.location.href = c.connect.url;
-    } catch (d) {
-      const c = new Y(d);
-      t == null || t(c.getClientError()), n(!1);
+      if (t.mode !== N.PAGE) return r(m);
+      window.location.href = m;
+    } catch (l) {
+      const d = new X(l);
+      (i = t.onError) == null || i.call(t, d.getClientError()), t.onLoadingHandler(!1);
     }
   };
-  return p.useEffect(() => {
-    m();
+  return f.useEffect(() => {
+    o();
   }, []), { connectLink: e };
-}, Z = () => {
-  const { onSuccess: e, onClose: o, onError: t, onReady: n, onLoaded: a } = v(), i = p.useCallback(
-    async (s) => {
-      if (s.origin !== g) return;
-      const { data: m, event: d } = s.data;
+}, se = () => {
+  const { onSuccess: e, onClose: r, onError: t, onReady: o, onLoaded: a } = E(), s = f.useCallback(
+    async (i) => {
+      if (i.origin !== b) return;
+      const { data: l, event: d } = i.data;
       switch (d) {
-        case u.ON_CLOSE:
-          o == null || o();
+        case c.ON_CLOSE:
+          r == null || r();
           break;
-        case u.ON_ERROR:
-          t == null || t(m);
+        case c.ON_ERROR:
+          t == null || t(l);
           break;
-        case u.ON_SUCCESS:
-          e(m);
+        case c.ON_SUCCESS:
+          e == null || e(l);
           break;
-        case u.ON_LOADED:
+        case c.ON_LOADED:
           a();
           break;
-        case u.ON_READY:
-          n == null || n();
+        case c.ON_READY:
+          o == null || o();
           break;
       }
     },
-    [o, t, a, n, e]
+    [r, t, a, o, e]
   );
-  p.useEffect(() => (window.addEventListener("message", i, !1), () => {
-    window.removeEventListener("message", i);
-  }), [i]);
-}, ee = () => {
-  const { connectLink: e } = X();
-  return Z(), /* @__PURE__ */ r(
+  f.useEffect(() => (window.addEventListener("message", s, !1), () => {
+    window.removeEventListener("message", s);
+  }), [s]);
+}, ie = () => {
+  const { connectLink: e } = ae();
+  return se(), /* @__PURE__ */ n(
     "div",
     {
       id: "tap-connect-main-container",
@@ -473,24 +484,25 @@ const q = (e = "tap-connect-sdk-element") => {
         width: "100%",
         height: "100%"
       },
-      children: /* @__PURE__ */ r($, { src: e })
+      children: /* @__PURE__ */ n(W, { src: e })
     }
   );
-}, te = (e) => /* @__PURE__ */ r(T, { props: e, children: e.open && /* @__PURE__ */ r(ee, {}) }), re = p.memo(te);
-var N, E = w;
-N = E.createRoot, E.hydrateRoot;
-const se = (e, o) => {
-  const t = q(e), n = N(t);
-  return n.render(/* @__PURE__ */ r(re, { ...o })), { unmount: () => n.unmount() };
+}, de = (e) => /* @__PURE__ */ n(H, { props: e, children: e.open && /* @__PURE__ */ n(ie, {}) }), le = f.memo(de);
+var S, x = D;
+S = x.createRoot, x.hydrateRoot;
+const me = (e, r) => {
+  const t = Q(e), o = S(t);
+  return o.render(/* @__PURE__ */ n(le, { ...r })), { unmount: () => o.unmount() };
 };
 export {
   R as ConnectDialogEdgeFormat,
-  L as ConnectDialogTransition,
-  re as ConnectElement,
-  A as ConnectLanguage,
-  C as ConnectMode,
-  k as ConnectPasswordOperationType,
-  x as ConnectScope,
-  S as ConnectTheme,
-  se as renderConnectElement
+  _ as ConnectDialogTransition,
+  le as ConnectElement,
+  v as ConnectFlows,
+  U as ConnectLanguage,
+  N as ConnectMode,
+  G as ConnectRegions,
+  L as ConnectScope,
+  I as ConnectTheme,
+  me as renderConnectElement
 };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@tap-payments/connect-v2",
   "private": false,
-  "version": "0.0.32-test",
+  "version": "0.0.34-test",
   "type": "module",
   "main": "build/index.cjs.js",
   "module": "build/index.esm.js",