@tap-payments/connect-v2 0.0.25-test → 0.0.27-test

package/build/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),f=require("react"),L=require("react-dom");function S(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const l=S(f);var v=(e=>(e.PAGE="page",e.POPUP="popup",e.CONTENT="content",e))(v||{}),b=(e=>(e.AUTH="auth",e.MERCHANT="merchant",e))(b||{}),O=(e=>(e.SET_PASSWORD="set_password",e.RESET_PASSWORD="reset_password",e))(O||{}),y=(e=>(e.DARK="dark",e.LIGHT="light",e))(y||{}),C=(e=>(e.AR="ar",e.EN="en",e))(C||{}),x=(e=>(e.STRAIGHT="straight",e.CURVED="curved",e))(x||{}),j=(e=>(e.LEFT="left",e.RIGHT="right",e.UP="up",e.DOWN="down",e))(j||{}),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||{}),g=(e=>(e.PROFILE_TOKEN="profile_token",e.THEME="theme",e.LANGUAGE="lang",e))(g||{});const T=({outerColor:e="white",innerColor:r="white",duration:t=3,toggleAnimation:n=!1})=>o.jsx("div",{style:{position:"absolute",display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%"},children:o.jsx("div",{style:{position:"relative",width:"60px",height:"60px"},children:o.jsxs("svg",{viewBox:"25 25 50 50",style:{transformOrigin:"center center",position:"absolute",top:0,left:0,margin:"auto"},children:[o.jsx("circle",{cx:"50",cy:"50",r:"20",fill:"none",stroke:e,strokeWidth:"3.6px",strokeLinecap:"round",strokeDasharray:"125, 124",children:n&&o.jsxs(o.Fragment,{children:[o.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 50 50",to:"360 50 50",dur:`${t||0/3}s`,repeatCount:"indefinite"}),o.jsx("animate",{attributeName:"stroke-dashoffset",values:"0; 122; 122; 0; 0",keyTimes:"0; 0.45; 0.55; 0.9; 1",dur:`${t}s`,repeatCount:"indefinite"})]})}),o.jsx("circle",{cx:"50",cy:"50",r:"14",fill:"none",stroke:r,strokeWidth:"3.6px",strokeLinecap:"round",strokeDasharray:"88, 124",children:n&&o.jsxs(o.Fragment,{children:[o.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"360 50 50",to:"0 50 50",dur:`${t||0/3}s`,repeatCount:"indefinite"}),o.jsx("animate",{attributeName:"stroke-dashoffset",values:"0; -85; -85; 0; 0",keyTimes:"0; 0.45; 0.55; 0.9; 1",dur:`${t}s`,repeatCount:"indefinite"})]})})]})})}),A=f.memo(T),w=f.createContext({}),E=()=>f.useContext(w);function P({children:e,props:r}){const[t,n]=f.useState(!1),a=s=>{n(s)},i=()=>{n(!1)};return o.jsx(w.Provider,{value:{...r,onLoadingHandler:a,loading:t,onLoaded:i},children:e})}const U="https://68b564fae5dc090291aeddd7.mockapi.io/api/config",I="https://68b564fae5dc090291aeddd7.mockapi.io/api/config",D="https://68b564fae5dc090291aeddd7.mockapi.io/api/config",G="tap-connect-sdk-iframe",h="https://connect.alpha.tap.company",$=({src:e})=>{const{loading:r}=E();return o.jsxs(o.Fragment,{children:[r&&o.jsx(A,{toggleAnimation:!0}),e&&o.jsx("iframe",{id:G,title:"connect",src:e,style:{width:"100%",height:"100%",border:"none",position:"absolute",top:0,left:0}})]})};var F=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},H=function(e){return e instanceof Error},W=function(e){return typeof e=="string"},K=function(e){try{var r=e.response.data.errors,t=r[0],n=t.description,a=t.code;return{message:n,code:a}}catch(i){return{message:i.message,code:"UNKNOWN"}}},M=function(e){try{var r=e.message,t=r.split("::"),n=t[0],a=t[1];return{message:a,code:n}}catch(i){return{message:i.message,code:"UNKNOWN"}}},q=function(e){try{var r=e.split("::"),t=r[0],n=r[1];return{message:n,code:t}}catch(a){return{message:a,code:"UNKNOWN"}}},B=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}),F(r)){var t=K(r);this.code=t.code,this.message=t.message}else if(H(r)){var t=M(r);this.code=t.code,this.message=t.message}else if(W(r)){var t=q(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 Y=(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[r,t]=e.split("-");return z(r)?J(t)?D:I:U},Q=()=>{const[e,r]=l.useState(""),{onError:t,onLoadingHandler:n,loginMode:a,region:i,...s}=E(),m=async()=>{n(!0);try{const c=await fetch(V(i),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(!c.ok)throw new Error(`${c.status}::${c.statusText}`);const u=await c.json();if(!u.redirect_url){const p=new URLSearchParams;s!=null&&s.theme&&p.append(g.THEME,s.theme),s!=null&&s.language&&p.append(g.LANGUAGE,s.language),p.append(g.PROFILE_TOKEN,u.id);const R=a?`${h}/auth`:h;u.redirect_url=`${R}?${p.toString()}`}if(s.mode!==v.PAGE)return r(u.redirect_url);window.location.href=u.redirect_url}catch(c){const u=new B(c);t==null||t(u.getClientError()),n(!1)}};return l.useEffect(()=>{m()},[]),{connectLink:e}},X=()=>{const{onSuccess:e,onClose:r,onError:t,onReady:n,onLoaded:a}=E(),i=l.useCallback(async s=>{if(s.origin!==h)return;const{data:m,event:c}=s.data;switch(c){case d.ON_CLOSE:r==null||r();break;case d.ON_ERROR:t==null||t(m);break;case d.ON_SUCCESS:e(m);break;case d.ON_LOADED:a();break;case d.ON_READY:n==null||n();break}},[r,t,a,n,e]);l.useEffect(()=>(window.addEventListener("message",i,!1),()=>{window.removeEventListener("message",i)}),[i])},Z=()=>{const{connectLink:e}=Q();return X(),o.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:o.jsx($,{src:e})})},ee=e=>o.jsx(P,{props:e,children:e.open&&o.jsx(Z,{})}),_=l.memo(ee);var k,N=L;k=N.createRoot,N.hydrateRoot;const te=(e,r)=>{const t=Y(e),n=k(t);return n.render(o.jsx(_,{...r})),{unmount:()=>n.unmount()}};exports.ConnectDialogEdgeFormat=x;exports.ConnectDialogTransition=j;exports.ConnectElement=_;exports.ConnectLanguage=C;exports.ConnectMode=v;exports.ConnectPasswordOperationType=O;exports.ConnectScope=b;exports.ConnectTheme=y;exports.renderConnectElement=te;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("react"),A=require("react-dom");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const u=R(f);var g=(e=>(e.PAGE="page",e.POPUP="popup",e.CONTENT="content",e))(g||{}),_=(e=>(e.AUTH="auth",e.MERCHANT="merchant",e))(_||{}),y=(e=>(e.SET_PASSWORD="set_password",e.RESET_PASSWORD="reset_password",e))(y||{}),C=(e=>(e.DARK="dark",e.LIGHT="light",e))(C||{}),O=(e=>(e.AR="ar",e.EN="en",e))(O||{}),E=(e=>(e.STRAIGHT="straight",e.CURVED="curved",e))(E||{}),b=(e=>(e.LEFT="left",e.RIGHT="right",e.UP="up",e.DOWN="down",e))(b||{}),l=(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))(l||{}),h=(e=>(e.PROFILE_TOKEN="profile_token",e.THEME="theme",e.LANGUAGE="lang",e))(h||{});const L=({outerStartColor:e="rgba(244, 244, 244, 1)",outerEndColor:n="rgba(238, 238, 238, 1)",innerStartColor:r="rgba(244, 244, 244, 1)",innerEndColor:o="rgba(238, 238, 238, 1)",duration:s=3,toggleAnimation:i=!1})=>t.jsx("div",{style:{position:"relative",width:"135px",height:"135px"},children:t.jsx("div",{style:{position:"absolute",display:"flex",justifyContent:"center",alignItems:"center",width:"100%",height:"100%",opacity:.9},children:t.jsxs("svg",{width:"199",height:"197",viewBox:"0 0 199 197",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t.jsxs("g",{children:[t.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&&t.jsxs(t.Fragment,{children:[t.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"0 89.5 86.5",to:"360 89.5 86.5",dur:`${s/3}s`,repeatCount:"indefinite"}),t.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"})]})}),t.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&&t.jsxs(t.Fragment,{children:[t.jsx("animateTransform",{attributeName:"transform",type:"rotate",from:"360 89.5 86.5",to:"0 89.5 86.5",dur:`${s/3}s`,repeatCount:"indefinite"}),t.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"})]})})]}),t.jsxs("defs",{children:[t.jsxs("filter",{id:"filter0_dddi_1427_22275",x:"0.882668",y:"0.899429",width:"198.08",height:"195.314",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[t.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),t.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"}),t.jsx("feOffset",{dy:"1.68224"}),t.jsx("feGaussianBlur",{stdDeviation:"4.20656"}),t.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),t.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"}),t.jsx("feBlend",{mode:"normal",in2:"BackgroundImageFix",result:"effect1_dropShadow_1427_22275"}),t.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"}),t.jsx("feOffset",{dx:"22.3542",dy:"22.6047"}),t.jsx("feGaussianBlur",{stdDeviation:"9.80447"}),t.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),t.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"}),t.jsx("feBlend",{mode:"normal",in2:"effect1_dropShadow_1427_22275",result:"effect2_dropShadow_1427_22275"}),t.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"}),t.jsx("feOffset",{dx:"-6.03352",dy:"-3.01676"}),t.jsx("feGaussianBlur",{stdDeviation:"7.5419"}),t.jsx("feComposite",{in2:"hardAlpha",operator:"out"}),t.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"}),t.jsx("feBlend",{mode:"normal",in2:"effect2_dropShadow_1427_22275",result:"effect3_dropShadow_1427_22275"}),t.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"effect3_dropShadow_1427_22275",result:"shape"}),t.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"}),t.jsx("feOffset",{dy:"1.50838"}),t.jsx("feComposite",{in2:"hardAlpha",operator:"arithmetic",k2:"-1",k3:"1"}),t.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"}),t.jsx("feBlend",{mode:"normal",in2:"shape",result:"effect4_innerShadow_1427_22275"})]}),t.jsxs("linearGradient",{id:"strokeGradientOuter_1427_22275",x1:"89.5",y1:"19",x2:"89.5",y2:"154",gradientUnits:"userSpaceOnUse",children:[t.jsx("stop",{stopColor:e}),t.jsx("stop",{offset:"1",stopColor:n})]}),t.jsxs("linearGradient",{id:"strokeGradientInner_1427_22275",x1:"89.4991",y1:"38.2849",x2:"89.4991",y2:"134.713",gradientUnits:"userSpaceOnUse",children:[t.jsx("stop",{stopColor:r}),t.jsx("stop",{offset:"1",stopColor:o})]})]})]})})}),T=f.memo(L),N=f.createContext({}),v=()=>f.useContext(N);function U({children:e,props:n}){const[r,o]=f.useState(!1),s=a=>{o(a)},i=()=>{o(!1)};return t.jsx(N.Provider,{value:{...n,onLoadingHandler:s,loading:r,onLoaded:i},children:e})}const G="https://68b564fae5dc090291aeddd7.mockapi.io/api/config",I="https://68b564fae5dc090291aeddd7.mockapi.io/api/config",P="https://68b564fae5dc090291aeddd7.mockapi.io/api/config",D="tap-connect-sdk-iframe",x="https://connect.alpha.tap.company",F=({src:e})=>{const{loading:n}=v();return t.jsxs(t.Fragment,{children:[n&&t.jsx(T,{toggleAnimation:!0}),e&&t.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,r;return((r=(n=e==null?void 0:e.response)===null||n===void 0?void 0:n.data)===null||r===void 0?void 0:r.errors)!==void 0},B=function(e){return e instanceof Error},$=function(e){return typeof e=="string"},H=function(e){try{var n=e.response.data.errors,r=n[0],o=r.description,s=r.code;return{message:o,code:s}}catch(i){return{message:i.message,code:"UNKNOWN"}}},W=function(e){try{var n=e.message,r=n.split("::"),o=r[0],s=r[1];return{message:s,code:o}}catch(i){return{message:i.message,code:"UNKNOWN"}}},K=function(e){try{var n=e.split("::"),r=n[0],o=n[1];return{message:o,code:r}}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 r=H(n);this.code=r.code,this.message=r.message}else if(B(n)){var r=W(n);this.code=r.code,this.message=r.message}else if($(n)){var r=K(n);this.code=r.code,this.message=r.message}else this.code="UNKNOWN",this.message="Unknown error"}return Object.defineProperty(e.prototype,"getCode",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.code}}),Object.defineProperty(e.prototype,"getMessage",{enumerable:!1,configurable:!0,writable:!0,value:function(){return this.message}}),Object.defineProperty(e.prototype,"getClientError",{enumerable:!1,configurable:!0,writable:!0,value:function(){return{message:this.message,code:this.code}}}),e}();const Y=(e="tap-connect-sdk-element")=>{const n=document.getElementById(e);if(n)return n;const r=document.createElement("div");return r.setAttribute("id",e),document.body.prepend(r),r},z=e=>e?["sa","sau"].includes(e.toLowerCase()):!1,J=e=>e==="dr",V=(e="")=>{const[n,r]=e.split("-");return z(n)?J(r)?P:I:G},Q=()=>{const[e,n]=u.useState(""),{onError:r,onLoadingHandler:o,loginMode:s,region:i,...a}=v(),p=async()=>{o(!0);try{const c=await fetch(V(i),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)});if(!c.ok)throw new Error(`${c.status}::${c.statusText}`);const d=await c.json();if(!d.redirect_url){const m=new URLSearchParams;a!=null&&a.theme&&m.append(h.THEME,a.theme),a!=null&&a.language&&m.append(h.LANGUAGE,a.language),m.append(h.PROFILE_TOKEN,d.id);const k=s?`${x}/auth`:x;d.redirect_url=`${k}?${m.toString()}`}if(a.mode!==g.PAGE)return n(d.redirect_url);window.location.href=d.redirect_url}catch(c){const d=new q(c);r==null||r(d.getClientError()),o(!1)}};return u.useEffect(()=>{p()},[]),{connectLink:e}},X=()=>{const{onSuccess:e,onClose:n,onError:r,onReady:o,onLoaded:s}=v(),i=u.useCallback(async a=>{if(a.origin!==x)return;const{data:p,event:c}=a.data;switch(c){case l.ON_CLOSE:n==null||n();break;case l.ON_ERROR:r==null||r(p);break;case l.ON_SUCCESS:e(p);break;case l.ON_LOADED:s();break;case l.ON_READY:o==null||o();break}},[n,r,s,o,e]);u.useEffect(()=>(window.addEventListener("message",i,!1),()=>{window.removeEventListener("message",i)}),[i])},Z=()=>{const{connectLink:e}=Q();return X(),t.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:t.jsx(F,{src:e})})},ee=e=>t.jsx(U,{props:e,children:e.open&&t.jsx(Z,{})}),w=u.memo(ee);var S,j=A;S=j.createRoot,j.hydrateRoot;const te=(e,n)=>{const r=Y(e),o=S(r);return o.render(t.jsx(w,{...n})),{unmount:()=>o.unmount()}};exports.ConnectDialogEdgeFormat=E;exports.ConnectDialogTransition=b;exports.ConnectElement=w;exports.ConnectLanguage=O;exports.ConnectMode=g;exports.ConnectPasswordOperationType=y;exports.ConnectScope=_;exports.ConnectTheme=C;exports.renderConnectElement=te;

package/build/index.esm.js

@@ -1,134 +1,234 @@
-import { jsx as o, jsxs as p, Fragment as v } from "react/jsx-runtime";
-import * as l from "react";
+import { jsx as t, jsxs as c, Fragment as v } from "react/jsx-runtime";
+import * as f from "react";
 import g from "react";
-import k from "react-dom";
-var O = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.POPUP = "popup", e.CONTENT = "content", e))(O || {}), w = /* @__PURE__ */ ((e) => (e.AUTH = "auth", e.MERCHANT = "merchant", e))(w || {}), R = /* @__PURE__ */ ((e) => (e.SET_PASSWORD = "set_password", e.RESET_PASSWORD = "reset_password", e))(R || {}), L = /* @__PURE__ */ ((e) => (e.DARK = "dark", e.LIGHT = "light", e))(L || {}), S = /* @__PURE__ */ ((e) => (e.AR = "ar", e.EN = "en", e))(S || {}), A = /* @__PURE__ */ ((e) => (e.STRAIGHT = "straight", e.CURVED = "curved", e))(A || {}), T = /* @__PURE__ */ ((e) => (e.LEFT = "left", e.RIGHT = "right", e.UP = "up", e.DOWN = "down", e))(T || {}), 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 || {}), h = /* @__PURE__ */ ((e) => (e.PROFILE_TOKEN = "profile_token", e.THEME = "theme", e.LANGUAGE = "lang", e))(h || {});
-const x = ({ outerColor: e = "white", innerColor: r = "white", duration: t = 3, toggleAnimation: n = !1 }) => /* @__PURE__ */ o(
+import w from "react-dom";
+var O = /* @__PURE__ */ ((e) => (e.PAGE = "page", e.POPUP = "popup", e.CONTENT = "content", e))(O || {}), 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 || {}), h = /* @__PURE__ */ ((e) => (e.PROFILE_TOKEN = "profile_token", e.THEME = "theme", e.LANGUAGE = "lang", e))(h || {});
+const U = ({
+  outerStartColor: e = "rgba(244, 244, 244, 1)",
+  outerEndColor: n = "rgba(238, 238, 238, 1)",
+  innerStartColor: r = "rgba(244, 244, 244, 1)",
+  innerEndColor: o = "rgba(238, 238, 238, 1)",
+  duration: a = 3,
+  toggleAnimation: i = !1
+}) => /* @__PURE__ */ t(
   "div",
   {
     style: {
-      position: "absolute",
-      display: "flex",
-      justifyContent: "center",
-      alignItems: "center",
-      width: "100%",
-      height: "100%"
+      position: "relative",
+      width: "135px",
+      height: "135px"
     },
-    children: /* @__PURE__ */ o(
+    children: /* @__PURE__ */ t(
       "div",
       {
         style: {
-          position: "relative",
-          width: "60px",
-          height: "60px"
+          position: "absolute",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          width: "100%",
+          height: "100%",
+          opacity: 0.9
         },
-        children: /* @__PURE__ */ p(
-          "svg",
-          {
-            viewBox: "25 25 50 50",
-            style: {
-              transformOrigin: "center center",
-              position: "absolute",
-              top: 0,
-              left: 0,
-              margin: "auto"
-            },
-            children: [
-              /* @__PURE__ */ o(
-                "circle",
-                {
-                  cx: "50",
-                  cy: "50",
-                  r: "20",
-                  fill: "none",
-                  stroke: e,
-                  strokeWidth: "3.6px",
-                  strokeLinecap: "round",
-                  strokeDasharray: "125, 124",
-                  children: n && /* @__PURE__ */ p(v, { children: [
-                    /* @__PURE__ */ o(
-                      "animateTransform",
-                      {
-                        attributeName: "transform",
-                        type: "rotate",
-                        from: "0 50 50",
-                        to: "360 50 50",
-                        dur: `${t || 0 / 3}s`,
-                        repeatCount: "indefinite"
-                      }
-                    ),
-                    /* @__PURE__ */ o(
-                      "animate",
-                      {
-                        attributeName: "stroke-dashoffset",
-                        values: "0; 122; 122; 0; 0",
-                        keyTimes: "0; 0.45; 0.55; 0.9; 1",
-                        dur: `${t}s`,
-                        repeatCount: "indefinite"
-                      }
-                    )
-                  ] })
-                }
-              ),
-              /* @__PURE__ */ o(
-                "circle",
-                {
-                  cx: "50",
-                  cy: "50",
-                  r: "14",
-                  fill: "none",
-                  stroke: r,
-                  strokeWidth: "3.6px",
-                  strokeLinecap: "round",
-                  strokeDasharray: "88, 124",
-                  children: n && /* @__PURE__ */ p(v, { children: [
-                    /* @__PURE__ */ o(
-                      "animateTransform",
-                      {
-                        attributeName: "transform",
-                        type: "rotate",
-                        from: "360 50 50",
-                        to: "0 50 50",
-                        dur: `${t || 0 / 3}s`,
-                        repeatCount: "indefinite"
-                      }
-                    ),
-                    /* @__PURE__ */ o(
-                      "animate",
-                      {
-                        attributeName: "stroke-dashoffset",
-                        values: "0; -85; -85; 0; 0",
-                        keyTimes: "0; 0.45; 0.55; 0.9; 1",
-                        dur: `${t}s`,
-                        repeatCount: "indefinite"
-                      }
-                    )
-                  ] })
-                }
-              )
-            ]
-          }
-        )
+        children: /* @__PURE__ */ c("svg", { width: "199", height: "197", viewBox: "0 0 199 197", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ c("g", { children: [
+            /* @__PURE__ */ t(
+              "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 && /* @__PURE__ */ c(v, { children: [
+                  /* @__PURE__ */ t(
+                    "animateTransform",
+                    {
+                      attributeName: "transform",
+                      type: "rotate",
+                      from: "0 89.5 86.5",
+                      to: "360 89.5 86.5",
+                      dur: `${a / 3}s`,
+                      repeatCount: "indefinite"
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "animate",
+                    {
+                      attributeName: "stroke-dashoffset",
+                      values: "0; 425; 425; 0; 0",
+                      keyTimes: "0; 0.45; 0.55; 0.9; 1",
+                      dur: `${a}s`,
+                      repeatCount: "indefinite"
+                    }
+                  )
+                ] })
+              }
+            ),
+            /* @__PURE__ */ t(
+              "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 && /* @__PURE__ */ c(v, { children: [
+                  /* @__PURE__ */ t(
+                    "animateTransform",
+                    {
+                      attributeName: "transform",
+                      type: "rotate",
+                      from: "360 89.5 86.5",
+                      to: "0 89.5 86.5",
+                      dur: `${a / 3}s`,
+                      repeatCount: "indefinite"
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    "animate",
+                    {
+                      attributeName: "stroke-dashoffset",
+                      values: "0; -300; -300; 0; 0",
+                      keyTimes: "0; 0.45; 0.55; 0.9; 1",
+                      dur: `${a}s`,
+                      repeatCount: "indefinite"
+                    }
+                  )
+                ] })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ c("defs", { children: [
+            /* @__PURE__ */ c(
+              "filter",
+              {
+                id: "filter0_dddi_1427_22275",
+                x: "0.882668",
+                y: "0.899429",
+                width: "198.08",
+                height: "195.314",
+                filterUnits: "userSpaceOnUse",
+                colorInterpolationFilters: "sRGB",
+                children: [
+                  /* @__PURE__ */ t("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+                  /* @__PURE__ */ t(
+                    "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"
+                    }
+                  ),
+                  /* @__PURE__ */ t("feOffset", { dy: "1.68224" }),
+                  /* @__PURE__ */ t("feGaussianBlur", { stdDeviation: "4.20656" }),
+                  /* @__PURE__ */ t("feComposite", { in2: "hardAlpha", operator: "out" }),
+                  /* @__PURE__ */ t("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__ */ t("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_1427_22275" }),
+                  /* @__PURE__ */ t(
+                    "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"
+                    }
+                  ),
+                  /* @__PURE__ */ t("feOffset", { dx: "22.3542", dy: "22.6047" }),
+                  /* @__PURE__ */ t("feGaussianBlur", { stdDeviation: "9.80447" }),
+                  /* @__PURE__ */ t("feComposite", { in2: "hardAlpha", operator: "out" }),
+                  /* @__PURE__ */ t("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__ */ t("feBlend", { mode: "normal", in2: "effect1_dropShadow_1427_22275", result: "effect2_dropShadow_1427_22275" }),
+                  /* @__PURE__ */ t(
+                    "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"
+                    }
+                  ),
+                  /* @__PURE__ */ t("feOffset", { dx: "-6.03352", dy: "-3.01676" }),
+                  /* @__PURE__ */ t("feGaussianBlur", { stdDeviation: "7.5419" }),
+                  /* @__PURE__ */ t("feComposite", { in2: "hardAlpha", operator: "out" }),
+                  /* @__PURE__ */ t("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__ */ t("feBlend", { mode: "normal", in2: "effect2_dropShadow_1427_22275", result: "effect3_dropShadow_1427_22275" }),
+                  /* @__PURE__ */ t("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect3_dropShadow_1427_22275", result: "shape" }),
+                  /* @__PURE__ */ t(
+                    "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"
+                    }
+                  ),
+                  /* @__PURE__ */ t("feOffset", { dy: "1.50838" }),
+                  /* @__PURE__ */ t("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+                  /* @__PURE__ */ t("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__ */ t("feBlend", { mode: "normal", in2: "shape", result: "effect4_innerShadow_1427_22275" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ c(
+              "linearGradient",
+              {
+                id: "strokeGradientOuter_1427_22275",
+                x1: "89.5",
+                y1: "19",
+                x2: "89.5",
+                y2: "154",
+                gradientUnits: "userSpaceOnUse",
+                children: [
+                  /* @__PURE__ */ t("stop", { stopColor: e }),
+                  /* @__PURE__ */ t("stop", { offset: "1", stopColor: n })
+                ]
+              }
+            ),
+            /* @__PURE__ */ c(
+              "linearGradient",
+              {
+                id: "strokeGradientInner_1427_22275",
+                x1: "89.4991",
+                y1: "38.2849",
+                x2: "89.4991",
+                y2: "134.713",
+                gradientUnits: "userSpaceOnUse",
+                children: [
+                  /* @__PURE__ */ t("stop", { stopColor: r }),
+                  /* @__PURE__ */ t("stop", { offset: "1", stopColor: o })
+                ]
+              }
+            )
+          ] })
+        ] })
       }
     )
   }
-), U = g.memo(x), y = g.createContext({}), N = () => g.useContext(y);
-function I({ children: e, props: r }) {
-  const [t, n] = g.useState(!1), a = (s) => {
-    n(s);
+), G = g.memo(U), C = g.createContext({}), y = () => g.useContext(C);
+function T({ children: e, props: n }) {
+  const [r, o] = g.useState(!1), a = (s) => {
+    o(s);
   }, i = () => {
-    n(!1);
+    o(!1);
   };
-  return /* @__PURE__ */ o(y.Provider, { value: { ...r, onLoadingHandler: a, loading: t, onLoaded: i }, children: e });
+  return /* @__PURE__ */ t(C.Provider, { value: { ...n, onLoadingHandler: a, loading: r, onLoaded: i }, children: e });
 }
-const P = "https://68b564fae5dc090291aeddd7.mockapi.io/api/config", G = "https://68b564fae5dc090291aeddd7.mockapi.io/api/config", $ = "https://68b564fae5dc090291aeddd7.mockapi.io/api/config", j = "tap-connect-sdk-iframe", E = "https://connect.alpha.tap.company", D = ({ src: e }) => {
-  const { loading: r } = N();
-  return /* @__PURE__ */ p(v, { children: [
-    r && /* @__PURE__ */ o(U, { toggleAnimation: !0 }),
-    e && /* @__PURE__ */ o(
+const I = "https://68b564fae5dc090291aeddd7.mockapi.io/api/config", P = "https://68b564fae5dc090291aeddd7.mockapi.io/api/config", D = "https://68b564fae5dc090291aeddd7.mockapi.io/api/config", B = "tap-connect-sdk-iframe", _ = "https://connect.alpha.tap.company", $ = ({ src: e }) => {
+  const { loading: n } = y();
+  return /* @__PURE__ */ c(v, { children: [
+    n && /* @__PURE__ */ t(G, { toggleAnimation: !0 }),
+    e && /* @__PURE__ */ t(
       "iframe",
       {
-        id: j,
+        id: B,
         title: "connect",
         src: e,
         style: {
@@ -143,18 +243,18 @@ const P = "https://68b564fae5dc090291aeddd7.mockapi.io/api/config", G = "https:/
     )
   ] });
 };
-var H = 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;
-}, W = function(e) {
-  return e instanceof Error;
+var j = function(e) {
+  var n, r;
+  return ((r = (n = e == null ? void 0 : e.response) === null || n === void 0 ? void 0 : n.data) === null || r === void 0 ? void 0 : r.errors) !== void 0;
 }, F = function(e) {
+  return e instanceof Error;
+}, M = function(e) {
   return typeof e == "string";
-}, K = function(e) {
+}, H = function(e) {
   try {
-    var r = e.response.data.errors, t = r[0], n = t.description, a = t.code;
+    var n = e.response.data.errors, r = n[0], o = r.description, a = r.code;
     return {
-      message: n,
+      message: o,
       code: a
     };
   } catch (i) {
@@ -163,12 +263,12 @@ var H = function(e) {
       code: "UNKNOWN"
     };
   }
-}, M = function(e) {
+}, W = function(e) {
   try {
-    var r = e.message, t = r.split("::"), n = t[0], a = t[1];
+    var n = e.message, r = n.split("::"), o = r[0], a = r[1];
     return {
       message: a,
-      code: n
+      code: o
     };
   } catch (i) {
     return {
@@ -176,12 +276,12 @@ var H = function(e) {
       code: "UNKNOWN"
     };
   }
-}, B = function(e) {
+}, K = function(e) {
   try {
-    var r = e.split("::"), t = r[0], n = r[1];
+    var n = e.split("::"), r = n[0], o = n[1];
     return {
-      message: n,
-      code: t
+      message: o,
+      code: r
     };
   } catch (a) {
     return {
@@ -190,7 +290,7 @@ var H = function(e) {
     };
   }
 }, Y = function() {
-  function e(r) {
+  function e(n) {
     if (Object.defineProperty(this, "code", {
       enumerable: !0,
       configurable: !0,
@@ -201,15 +301,15 @@ var H = function(e) {
       configurable: !0,
       writable: !0,
       value: void 0
-    }), H(r)) {
-      var t = K(r);
-      this.code = t.code, this.message = t.message;
-    } else if (W(r)) {
-      var t = M(r);
-      this.code = t.code, this.message = t.message;
-    } else if (F(r)) {
-      var t = B(r);
-      this.code = t.code, this.message = t.message;
+    }), j(n)) {
+      var r = H(n);
+      this.code = r.code, this.message = r.message;
+    } else if (F(n)) {
+      var r = W(n);
+      this.code = r.code, this.message = r.message;
+    } else if (M(n)) {
+      var r = K(n);
+      this.code = r.code, this.message = r.message;
     } else
       this.code = "UNKNOWN", this.message = "Unknown error";
   }
@@ -240,74 +340,74 @@ var H = function(e) {
   }), e;
 }();
 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;
+  const n = document.getElementById(e);
+  if (n) return n;
+  const r = document.createElement("div");
+  return r.setAttribute("id", e), document.body.prepend(r), r;
 }, J = (e) => e ? ["sa", "sau"].includes(e.toLowerCase()) : !1, V = (e) => e === "dr", z = (e = "") => {
-  const [r, t] = e.split("-");
-  return J(r) ? V(t) ? $ : G : P;
+  const [n, r] = e.split("-");
+  return J(n) ? V(r) ? D : P : I;
 }, Q = () => {
-  const [e, r] = l.useState(""), { onError: t, onLoadingHandler: n, loginMode: a, region: i, ...s } = N(), f = async () => {
-    n(!0);
+  const [e, n] = f.useState(""), { onError: r, onLoadingHandler: o, loginMode: a, region: i, ...s } = y(), p = async () => {
+    o(!0);
     try {
-      const c = await fetch(z(i), {
+      const d = await fetch(z(i), {
         method: "POST",
         headers: {
           "Content-Type": "application/json"
         },
         body: JSON.stringify(s)
       });
-      if (!c.ok)
-        throw new Error(`${c.status}::${c.statusText}`);
-      const d = await c.json();
-      if (!d.redirect_url) {
+      if (!d.ok)
+        throw new Error(`${d.status}::${d.statusText}`);
+      const l = await d.json();
+      if (!l.redirect_url) {
         const m = new URLSearchParams();
-        s != null && s.theme && m.append(h.THEME, s.theme), s != null && s.language && m.append(h.LANGUAGE, s.language), m.append(h.PROFILE_TOKEN, d.id);
-        const _ = a ? `${E}/auth` : E;
-        d.redirect_url = `${_}?${m.toString()}`;
+        s != null && s.theme && m.append(h.THEME, s.theme), s != null && s.language && m.append(h.LANGUAGE, s.language), m.append(h.PROFILE_TOKEN, l.id);
+        const b = a ? `${_}/auth` : _;
+        l.redirect_url = `${b}?${m.toString()}`;
       }
-      if (s.mode !== O.PAGE) return r(d.redirect_url);
-      window.location.href = d.redirect_url;
-    } catch (c) {
-      const d = new Y(c);
-      t == null || t(d.getClientError()), n(!1);
+      if (s.mode !== O.PAGE) return n(l.redirect_url);
+      window.location.href = l.redirect_url;
+    } catch (d) {
+      const l = new Y(d);
+      r == null || r(l.getClientError()), o(!1);
     }
   };
-  return l.useEffect(() => {
-    f();
+  return f.useEffect(() => {
+    p();
   }, []), { connectLink: e };
 }, X = () => {
-  const { onSuccess: e, onClose: r, onError: t, onReady: n, onLoaded: a } = N(), i = l.useCallback(
+  const { onSuccess: e, onClose: n, onError: r, onReady: o, onLoaded: a } = y(), i = f.useCallback(
     async (s) => {
-      if (s.origin !== E) return;
-      const { data: f, event: c } = s.data;
-      switch (c) {
+      if (s.origin !== _) return;
+      const { data: p, event: d } = s.data;
+      switch (d) {
         case u.ON_CLOSE:
-          r == null || r();
+          n == null || n();
           break;
         case u.ON_ERROR:
-          t == null || t(f);
+          r == null || r(p);
           break;
         case u.ON_SUCCESS:
-          e(f);
+          e(p);
           break;
         case u.ON_LOADED:
           a();
           break;
         case u.ON_READY:
-          n == null || n();
+          o == null || o();
           break;
       }
     },
-    [r, t, a, n, e]
+    [n, r, a, o, e]
   );
-  l.useEffect(() => (window.addEventListener("message", i, !1), () => {
+  f.useEffect(() => (window.addEventListener("message", i, !1), () => {
     window.removeEventListener("message", i);
   }), [i]);
 }, Z = () => {
   const { connectLink: e } = Q();
-  return X(), /* @__PURE__ */ o(
+  return X(), /* @__PURE__ */ t(
     "div",
     {
       id: "tap-connect-main-container",
@@ -322,24 +422,24 @@ const q = (e = "tap-connect-sdk-element") => {
         width: "100%",
         height: "100%"
       },
-      children: /* @__PURE__ */ o(D, { src: e })
+      children: /* @__PURE__ */ t($, { src: e })
     }
   );
-}, ee = (e) => /* @__PURE__ */ o(I, { props: e, children: e.open && /* @__PURE__ */ o(Z, {}) }), te = l.memo(ee);
-var C, b = k;
-C = b.createRoot, b.hydrateRoot;
-const se = (e, r) => {
-  const t = q(e), n = C(t);
-  return n.render(/* @__PURE__ */ o(te, { ...r })), { unmount: () => n.unmount() };
+}, ee = (e) => /* @__PURE__ */ t(T, { props: e, children: e.open && /* @__PURE__ */ t(Z, {}) }), te = f.memo(ee);
+var N, E = w;
+N = E.createRoot, E.hydrateRoot;
+const ae = (e, n) => {
+  const r = q(e), o = N(r);
+  return o.render(/* @__PURE__ */ t(te, { ...n })), { unmount: () => o.unmount() };
 };
 export {
-  A as ConnectDialogEdgeFormat,
-  T as ConnectDialogTransition,
+  R as ConnectDialogEdgeFormat,
+  L as ConnectDialogTransition,
   te as ConnectElement,
-  S as ConnectLanguage,
+  A as ConnectLanguage,
   O as ConnectMode,
-  R as ConnectPasswordOperationType,
-  w as ConnectScope,
-  L as ConnectTheme,
-  se as renderConnectElement
+  k as ConnectPasswordOperationType,
+  x as ConnectScope,
+  S as ConnectTheme,
+  ae as renderConnectElement
 };

package/package.json

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