@tap-payments/connect-v2 0.0.24-test → 0.0.26-test

package/build/index.cjs.js

@@ -0,0 +1 @@
+"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",{filter:"url(#filter0_dddi_1427_22275)",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.d.ts

@@ -1,5 +1,109 @@
-import { ConnectProps, ConnectAppInfo, ConnectPaymentProvider, ConnectNotification, ConnectMode, ConnectTheme, ConnectLanguage, ConnectScope, ConnectDialogTransition, ConnectDialogEdgeFormat, ConnectPasswordOperationType } from './types';
-import { ConnectElement, renderConnectElement } from './connect';
-export type { ConnectProps, ConnectAppInfo, ConnectPaymentProvider, ConnectNotification };
-export { ConnectMode, ConnectTheme, ConnectLanguage, ConnectScope, ConnectDialogTransition, ConnectDialogEdgeFormat, ConnectPasswordOperationType, };
-export { ConnectElement, renderConnectElement };
+import { JSX as JSX_2 } from 'react/jsx-runtime';
+import * as React_2 from 'react';
+
+export declare type ConnectAppInfo = {
+    name: string;
+    identifier?: string;
+    version?: string;
+};
+
+export declare enum ConnectDialogEdgeFormat {
+    STRAIGHT = "straight",
+    CURVED = "curved"
+}
+
+export declare enum ConnectDialogTransition {
+    LEFT = "left",
+    RIGHT = "right",
+    UP = "up",
+    DOWN = "down"
+}
+
+export declare const ConnectElement: React_2.MemoExoticComponent<(props: ConnectProps) => JSX_2.Element>;
+
+export declare enum ConnectLanguage {
+    AR = "ar",
+    EN = "en"
+}
+
+export declare enum ConnectMode {
+    PAGE = "page",
+    POPUP = "popup",
+    CONTENT = "content"
+}
+
+export declare type ConnectNotification = {
+    email: boolean;
+    mobile?: boolean;
+};
+
+export declare enum ConnectPasswordOperationType {
+    SET_PASSWORD = "set_password",
+    RESET_PASSWORD = "reset_password"
+}
+
+export declare type ConnectPaymentProvider = {
+    technology_id: string;
+    settlement_by: string;
+};
+
+export declare type ConnectProps = {
+    onClose?: () => void;
+    onSuccess: (res: Record<string, string | number>) => void;
+    onError?: (error: CustomError) => void;
+    onReady?: () => void;
+    open: boolean;
+    theme?: ConnectTheme;
+    language?: ConnectLanguage;
+    publicKey: string;
+    merchantDomain: string;
+    appInfo: ConnectAppInfo;
+    businessCountryCode?: string;
+    scope: ConnectScope;
+    showBoard?: boolean;
+    leadId?: string;
+    platforms?: Array<string>;
+    paymentProvider?: ConnectPaymentProvider;
+    features?: {
+        poweredBy?: boolean;
+        merchantLogo?: boolean;
+        closeButton?: boolean;
+        dialogStartTransition?: ConnectDialogTransition;
+        dialogEndTransition?: ConnectDialogTransition;
+        dialogEdgeFormat?: ConnectDialogEdgeFormat;
+    };
+    postUrl?: string;
+    redirectUrl?: string;
+    data?: Array<string>;
+    mode?: ConnectMode;
+    notification?: ConnectNotification;
+    boardEditable?: boolean;
+    boardId?: string;
+    boardInfoId?: string;
+    userId?: string;
+    userType?: string;
+    operationType?: ConnectPasswordOperationType;
+    loginMode?: boolean;
+    region?: string;
+};
+
+export declare enum ConnectScope {
+    AUTH = "auth",
+    MERCHANT = "merchant"
+}
+
+export declare enum ConnectTheme {
+    DARK = "dark",
+    LIGHT = "light"
+}
+
+declare type CustomError = {
+    code: string;
+    message: string;
+};
+
+export declare const renderConnectElement: (elementId: string, config: ConnectProps) => {
+    unmount: () => void;
+};
+
+export { }

package/build/index.esm.js

@@ -0,0 +1,445 @@
+import { jsx as t, jsxs as d, Fragment as v } from "react/jsx-runtime";
+import * as f from "react";
+import g from "react";
+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: "relative",
+      width: "135px",
+      height: "135px"
+    },
+    children: /* @__PURE__ */ t(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          display: "flex",
+          justifyContent: "center",
+          alignItems: "center",
+          width: "100%",
+          height: "100%",
+          opacity: 0.9
+        },
+        children: /* @__PURE__ */ d("svg", { width: "199", height: "197", viewBox: "0 0 199 197", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+          /* @__PURE__ */ d("g", { filter: "url(#filter0_dddi_1427_22275)", 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__ */ d(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__ */ d(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__ */ d("defs", { children: [
+            /* @__PURE__ */ d(
+              "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__ */ d(
+              "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__ */ d(
+              "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 })
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  }
+), 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 = () => {
+    o(!1);
+  };
+  return /* @__PURE__ */ t(C.Provider, { value: { ...n, onLoadingHandler: a, loading: r, onLoaded: i }, children: e });
+}
+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__ */ d(v, { children: [
+    n && /* @__PURE__ */ t(G, { toggleAnimation: !0 }),
+    e && /* @__PURE__ */ t(
+      "iframe",
+      {
+        id: B,
+        title: "connect",
+        src: e,
+        style: {
+          width: "100%",
+          height: "100%",
+          border: "none",
+          position: "absolute",
+          top: 0,
+          left: 0
+        }
+      }
+    )
+  ] });
+};
+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";
+}, H = function(e) {
+  try {
+    var n = e.response.data.errors, r = n[0], o = r.description, a = r.code;
+    return {
+      message: o,
+      code: a
+    };
+  } catch (i) {
+    return {
+      message: i.message,
+      code: "UNKNOWN"
+    };
+  }
+}, W = function(e) {
+  try {
+    var n = e.message, r = n.split("::"), o = r[0], a = r[1];
+    return {
+      message: a,
+      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 (a) {
+    return {
+      message: a,
+      code: "UNKNOWN"
+    };
+  }
+}, Y = 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
+    }), 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";
+  }
+  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 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 [n, r] = e.split("-");
+  return J(n) ? V(r) ? D : P : I;
+}, Q = () => {
+  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), {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(s)
+      });
+      if (!c.ok)
+        throw new Error(`${c.status}::${c.statusText}`);
+      const l = await c.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, l.id);
+        const b = a ? `${_}/auth` : _;
+        l.redirect_url = `${b}?${m.toString()}`;
+      }
+      if (s.mode !== O.PAGE) return n(l.redirect_url);
+      window.location.href = l.redirect_url;
+    } catch (c) {
+      const l = new Y(c);
+      r == null || r(l.getClientError()), o(!1);
+    }
+  };
+  return f.useEffect(() => {
+    p();
+  }, []), { connectLink: e };
+}, X = () => {
+  const { onSuccess: e, onClose: n, onError: r, onReady: o, onLoaded: a } = y(), i = f.useCallback(
+    async (s) => {
+      if (s.origin !== _) return;
+      const { data: p, event: c } = s.data;
+      switch (c) {
+        case u.ON_CLOSE:
+          n == null || n();
+          break;
+        case u.ON_ERROR:
+          r == null || r(p);
+          break;
+        case u.ON_SUCCESS:
+          e(p);
+          break;
+        case u.ON_LOADED:
+          a();
+          break;
+        case u.ON_READY:
+          o == null || o();
+          break;
+      }
+    },
+    [n, r, a, o, e]
+  );
+  f.useEffect(() => (window.addEventListener("message", i, !1), () => {
+    window.removeEventListener("message", i);
+  }), [i]);
+}, Z = () => {
+  const { connectLink: e } = Q();
+  return X(), /* @__PURE__ */ t(
+    "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: /* @__PURE__ */ t($, { src: e })
+    }
+  );
+}, 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 {
+  R as ConnectDialogEdgeFormat,
+  L as ConnectDialogTransition,
+  te as ConnectElement,
+  A as ConnectLanguage,
+  O as ConnectMode,
+  k as ConnectPasswordOperationType,
+  x as ConnectScope,
+  S as ConnectTheme,
+  ae as renderConnectElement
+};

package/package.json

@@ -1,23 +1,32 @@
 {
   "name": "@tap-payments/connect-v2",
   "private": false,
-  "version": "0.0.24-test",
+  "version": "0.0.26-test",
   "type": "module",
-  "main": "build/index.js",
-  "module": "build/index.js",
+  "main": "build/index.cjs.js",
+  "module": "build/index.esm.js",
   "types": "build/index.d.ts",
   "files": [
     "build",
     "readme.md"
   ],
+  "exports": {
+    ".": {
+      "require": "./build/index.cjs.js",
+      "import": "./build/index.esm.js",
+      "types": "./build/index.d.ts"
+    }
+  },
   "scripts": {
     "clean": "rm -rf build*",
     "dev": "vite",
     "tsc:alias": "tsc-alias -p tsconfig.app.json",
-    "build": "yarn clean && tsc -b && yarn tsc:alias && vite build",
-    "build:production": "npm run build -- --mode production",
-    "build:beta": "npm run build -- --mode beta",
-    "build:development": "npm run build -- --mode development",
+    "build:npm": "cross-env BUILD_TARGET=npm vite build --mode ${MODE:-development}",
+    "build:umd": "cross-env BUILD_TARGET=umd vite build --mode ${MODE:-development}",
+    "build": "yarn clean && yarn build:npm && yarn build:umd",
+    "build:production": "cross-env MODE=production npm run build",
+    "build:beta": "cross-env MODE=beta npm run build",
+    "build:development": "cross-env MODE=development npm run build",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "preview": "vite preview",
@@ -39,6 +48,7 @@
     "@types/react": "^18.3.12",
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.3",
+    "cross-env": "^10.0.0",
     "eslint": "^9.13.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.14",

package/build/App.d.ts

@@ -1,2 +0,0 @@
-declare function App(): import("react/jsx-runtime").JSX.Element;
-export default App;

package/build/App.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { ConnectMode, ConnectScope, ConnectDialogTransition, ConnectTheme } from './types';
-import { ConnectElement } from './connect';
-function App() {
-    const [open, setOpen] = React.useState(true);
-    return (_jsx(ConnectElement, { open: open, mode: ConnectMode.POPUP, publicKey: 'pk_test_lat64TEDSvHrUOYAxVRe28PQ', merchantDomain: 'https://connect.dev.tap.company', appInfo: { name: 'SDK V2' }, scope: ConnectScope.MERCHANT, theme: ConnectTheme.LIGHT, features: {
-            closeButton: true,
-            poweredBy: true,
-            merchantLogo: false,
-            dialogStartTransition: ConnectDialogTransition.UP,
-            dialogEndTransition: ConnectDialogTransition.DOWN,
-        }, postUrl: 'https://203zq.wiremockapi.cloud/json', showBoard: true, boardEditable: true, onClose: () => {
-            console.log('onClose');
-            setOpen(false);
-        }, onError: (err) => {
-            console.log('error', err);
-            setOpen(false);
-        }, onSuccess: (res) => {
-            console.log('success', res);
-            setOpen(false);
-        } }));
-}
-export default App;

package/build/components/loader/Loader.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-type LoaderProps = {
-    outerColor?: string;
-    innerColor?: string;
-    duration?: number;
-    toggleAnimation?: boolean;
-};
-declare const _default: React.MemoExoticComponent<({ outerColor, innerColor, duration, toggleAnimation }: LoaderProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/build/components/loader/Loader.js

@@ -1,23 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-const Loader = ({ outerColor = 'white', innerColor = 'white', duration = 3, toggleAnimation = false }) => {
-    return (_jsx("div", { style: {
-            position: 'absolute',
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-            width: '100%',
-            height: '100%',
-        }, children: _jsx("div", { style: {
-                position: 'relative',
-                width: '60px',
-                height: '60px',
-            }, children: _jsxs("svg", { viewBox: "25 25 50 50", style: {
-                    transformOrigin: 'center center',
-                    position: 'absolute',
-                    top: 0,
-                    left: 0,
-                    margin: 'auto',
-                }, children: [_jsx("circle", { cx: "50", cy: "50", r: "20", fill: "none", stroke: outerColor, strokeWidth: "3.6px", strokeLinecap: "round", strokeDasharray: "125, 124", children: toggleAnimation && (_jsxs(_Fragment, { children: [_jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 50 50", to: "360 50 50", dur: `${duration || 0 / 3}s`, repeatCount: "indefinite" }), _jsx("animate", { attributeName: "stroke-dashoffset", values: "0; 122; 122; 0; 0", keyTimes: "0; 0.45; 0.55; 0.9; 1", dur: `${duration}s`, repeatCount: "indefinite" })] })) }), _jsx("circle", { cx: "50", cy: "50", r: "14", fill: "none", stroke: innerColor, strokeWidth: "3.6px", strokeLinecap: "round", strokeDasharray: "88, 124", children: toggleAnimation && (_jsxs(_Fragment, { children: [_jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "360 50 50", to: "0 50 50", dur: `${duration || 0 / 3}s`, repeatCount: "indefinite" }), _jsx("animate", { attributeName: "stroke-dashoffset", values: "0; -85; -85; 0; 0", keyTimes: "0; 0.45; 0.55; 0.9; 1", dur: `${duration}s`, repeatCount: "indefinite" })] })) })] }) }) }));
-};
-export default React.memo(Loader);

package/build/components/loader/index.d.ts

@@ -1,2 +0,0 @@
-import Loader from './Loader';
-export default Loader;

package/build/components/loader/index.js

@@ -1,2 +0,0 @@
-import Loader from './Loader';
-export default Loader;

package/build/connect/Connect.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { ConnectProps } from '../types';
-declare const _default: React.MemoExoticComponent<(props: ConnectProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;

package/build/connect/Connect.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import ConnectIFrame from './ConnectIFrame';
-import ConnectContextProvider from '../context';
-import { useEventListener, useConfig } from '../hooks';
-const Connect = () => {
-    const { connectLink } = useConfig();
-    useEventListener();
-    return (_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: _jsx(ConnectIFrame, { src: connectLink }) }));
-};
-const ConnectElement = (props) => {
-    return _jsx(ConnectContextProvider, { props: props, children: props.open && _jsx(Connect, {}) });
-};
-export default React.memo(ConnectElement);

package/build/connect/ConnectIFrame.d.ts

@@ -1,5 +0,0 @@
-type props = {
-    src: string;
-};
-declare const ConnectIFrame: ({ src }: props) => import("react/jsx-runtime").JSX.Element;
-export default ConnectIFrame;

package/build/connect/ConnectIFrame.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import Loader from '../components/loader';
-import { useConnectContext } from '../context';
-import { CONNECT_IFRAME_ID } from '../constants';
-const ConnectIFrame = ({ src }) => {
-    const { loading } = useConnectContext();
-    return (_jsxs(_Fragment, { children: [loading && _jsx(Loader, { toggleAnimation: true }), src && (_jsx("iframe", { id: CONNECT_IFRAME_ID, title: "connect", src: src, style: {
-                    width: '100%',
-                    height: '100%',
-                    border: 'none',
-                    position: 'absolute',
-                    top: 0,
-                    left: 0,
-                } }))] }));
-};
-export default ConnectIFrame;

package/build/connect/index.d.ts

@@ -1,3 +0,0 @@
-import ConnectElement from './Connect';
-import renderConnectElement from './renderConnectElement';
-export { ConnectElement, renderConnectElement };

package/build/connect/index.js

@@ -1,3 +0,0 @@
-import ConnectElement from './Connect';
-import renderConnectElement from './renderConnectElement';
-export { ConnectElement, renderConnectElement };

package/build/connect/renderConnectElement.d.ts

@@ -1,5 +0,0 @@
-import { ConnectProps } from '../types';
-declare const renderConnectElement: (elementId: string, config: ConnectProps) => {
-    unmount: () => void;
-};
-export default renderConnectElement;

package/build/connect/renderConnectElement.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createRoot } from 'react-dom/client';
-import ConnectElement from './Connect';
-import { findOrCreateElementAndInject } from '../utils';
-const renderConnectElement = (elementId, config) => {
-    const element = findOrCreateElementAndInject(elementId);
-    const root = createRoot(element);
-    root.render(_jsx(ConnectElement, { ...config }));
-    const unmount = () => root.unmount();
-    return { unmount };
-};
-export default renderConnectElement;

package/build/constants.d.ts

@@ -1,5 +0,0 @@
-export declare const CONNECT_CONFIG_URL: string;
-export declare const CONNECT_CONFIG_URL_SA: string;
-export declare const CONNECT_CONFIG_URL_SA_DR: string;
-export declare const CONNECT_IFRAME_ID = "tap-connect-sdk-iframe";
-export declare const CONNECT_ORIGIN: string;

package/build/constants.js

@@ -1,7 +0,0 @@
-// Added mock up api until api ready from Backend
-export const CONNECT_CONFIG_URL = import.meta.env.VITE_CONNECT_CONFIG_URL;
-export const CONNECT_CONFIG_URL_SA = import.meta.env.VITE_CONNECT_CONFIG_URL_SA;
-export const CONNECT_CONFIG_URL_SA_DR = import.meta.env.VITE_CONNECT_CONFIG_URL_SA_DR;
-export const CONNECT_IFRAME_ID = 'tap-connect-sdk-iframe';
-// TODO: import.meta.env works only in vite build when do npm publish does not work find another way
-export const CONNECT_ORIGIN = import.meta.env.VITE_CONNECT_ORIGIN || 'https://connect.alpha.tap.company';

package/build/context/index.d.ts

@@ -1,15 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ConnectProps } from '../types';
-type ConnectContextProps = ConnectProps & {
-    onLoaded: () => void;
-    loading: boolean;
-    onLoadingHandler: (val: boolean) => void;
-};
-export declare const ConnectContext: React.Context<ConnectContextProps>;
-export declare const useConnectContext: () => ConnectContextProps;
-type ConnectContextProvider = {
-    children: ReactNode;
-    props: ConnectProps;
-};
-export default function ConnectContextProvider({ children, props }: ConnectContextProvider): import("react/jsx-runtime").JSX.Element;
-export {};

package/build/context/index.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-export const ConnectContext = React.createContext({});
-export const useConnectContext = () => React.useContext(ConnectContext);
-export default function ConnectContextProvider({ children, props }) {
-    const [loading, setLoading] = React.useState(false);
-    const onLoadingHandler = (val) => {
-        setLoading(val);
-    };
-    const onLoaded = () => {
-        setLoading(false);
-    };
-    return (_jsx(ConnectContext.Provider, { value: { ...props, onLoadingHandler, loading, onLoaded }, children: children }));
-}

package/build/hooks/index.d.ts

@@ -1,5 +0,0 @@
-import useConfig from './useConfig';
-import useStopScrolling from './useStopScrolling';
-import useEventListener from './useEventListener';
-import usePostEvents from './usePostEvents';
-export { useStopScrolling, useEventListener, useConfig, usePostEvents };

package/build/hooks/index.js

@@ -1,5 +0,0 @@
-import useConfig from './useConfig';
-import useStopScrolling from './useStopScrolling';
-import useEventListener from './useEventListener';
-import usePostEvents from './usePostEvents';
-export { useStopScrolling, useEventListener, useConfig, usePostEvents };

package/build/hooks/useConfig.d.ts

@@ -1,4 +0,0 @@
-declare const useConfig: () => {
-    connectLink: string;
-};
-export default useConfig;

package/build/hooks/useConfig.js

@@ -1,52 +0,0 @@
-import * as React from 'react';
-import { WebErrorHandler } from '@tap-payments/web-error-handing';
-import { ConnectMode, SearchParams } from '../types';
-import { useConnectContext } from '../context';
-import { CONNECT_ORIGIN } from '../constants';
-import { getBaseUrl } from '../utils';
-const useConfig = () => {
-    const [connectLink, setConnectLink] = React.useState('');
-    const { onError, onLoadingHandler, loginMode, region, ...config } = useConnectContext();
-    const generateConfig = async () => {
-        onLoadingHandler(true);
-        try {
-            // TODO: Do we need further headers/data for the iframe scenario
-            // TODO: Add proper type for the response
-            const response = await fetch(getBaseUrl(region), {
-                method: 'POST',
-                headers: {
-                    'Content-Type': 'application/json',
-                },
-                body: JSON.stringify(config),
-            });
-            if (!response.ok) {
-                throw new Error(`${response.status}::${response.statusText}`);
-            }
-            const data = await response.json();
-            // TODO: Adding for testing only
-            if (!data.redirect_url) {
-                const params = new URLSearchParams();
-                if (config?.theme)
-                    params.append(SearchParams.THEME, config.theme);
-                if (config?.language)
-                    params.append(SearchParams.LANGUAGE, config.language);
-                params.append(SearchParams.PROFILE_TOKEN, data.id);
-                const baseUrl = loginMode ? `${CONNECT_ORIGIN}/auth` : CONNECT_ORIGIN;
-                data.redirect_url = `${baseUrl}?${params.toString()}`;
-            }
-            if (config.mode !== ConnectMode.PAGE)
-                return setConnectLink(data.redirect_url);
-            window.location.href = data.redirect_url;
-        }
-        catch (error) {
-            const customError = new WebErrorHandler(error);
-            onError?.(customError.getClientError());
-            onLoadingHandler(false);
-        }
-    };
-    React.useEffect(() => {
-        generateConfig();
-    }, []);
-    return { connectLink };
-};
-export default useConfig;

package/build/hooks/useEventListener.d.ts

@@ -1,2 +0,0 @@
-declare const useEventListener: () => void;
-export default useEventListener;

package/build/hooks/useEventListener.js

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { ConnectEvents } from '../types';
-import { CONNECT_ORIGIN } from '../constants';
-import { useConnectContext } from '../context';
-const useEventListener = () => {
-    const { onSuccess, onClose, onError, onReady, onLoaded } = useConnectContext();
-    const handleEvent = React.useCallback(async (message) => {
-        if (message.origin !== CONNECT_ORIGIN)
-            return;
-        const { data, event } = message.data;
-        switch (event) {
-            case ConnectEvents.ON_CLOSE:
-                onClose?.();
-                break;
-            case ConnectEvents.ON_ERROR:
-                onError?.(data);
-                break;
-            case ConnectEvents.ON_SUCCESS:
-                onSuccess(data);
-                break;
-            case ConnectEvents.ON_LOADED:
-                onLoaded();
-                break;
-            case ConnectEvents.ON_READY:
-                onReady?.();
-                break;
-            default:
-                break;
-        }
-    }, [onClose, onError, onLoaded, onReady, onSuccess]);
-    React.useEffect(() => {
-        window.addEventListener('message', handleEvent, false);
-        return () => {
-            window.removeEventListener('message', handleEvent);
-        };
-    }, [handleEvent]);
-};
-export default useEventListener;

package/build/hooks/usePostEvents.d.ts

@@ -1,5 +0,0 @@
-import { ConnectEvents } from '../types';
-declare const usePostEvents: () => {
-    send: <T>(event: ConnectEvents, data: T) => void;
-};
-export default usePostEvents;

package/build/hooks/usePostEvents.js

@@ -1,11 +0,0 @@
-import { CONNECT_IFRAME_ID } from '../constants';
-const usePostEvents = () => {
-    const send = (event, data) => {
-        const iframeEl = document.getElementById(CONNECT_IFRAME_ID);
-        if (!iframeEl)
-            return;
-        iframeEl.contentWindow?.postMessage({ event, data });
-    };
-    return { send };
-};
-export default usePostEvents;

package/build/hooks/useStopScrolling.d.ts

@@ -1,2 +0,0 @@
-declare const useStopScrolling: () => void;
-export default useStopScrolling;

package/build/hooks/useStopScrolling.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-const useStopScrolling = () => {
-    const stopScrolling = () => {
-        document.body.style.overflow = 'hidden';
-    };
-    const startScrolling = () => {
-        document.body.style.overflow = 'auto';
-    };
-    React.useEffect(() => {
-        stopScrolling();
-        return () => {
-            startScrolling();
-        };
-    }, []);
-};
-export default useStopScrolling;

package/build/index.js

@@ -1,4 +0,0 @@
-import { ConnectMode, ConnectTheme, ConnectLanguage, ConnectScope, ConnectDialogTransition, ConnectDialogEdgeFormat, ConnectPasswordOperationType, } from './types';
-import { ConnectElement, renderConnectElement } from './connect';
-export { ConnectMode, ConnectTheme, ConnectLanguage, ConnectScope, ConnectDialogTransition, ConnectDialogEdgeFormat, ConnectPasswordOperationType, };
-export { ConnectElement, renderConnectElement };

package/build/main.d.ts

@@ -1 +0,0 @@
-export {};

package/build/main.js

@@ -1,4 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createRoot } from 'react-dom/client';
-import App from './App';
-createRoot(document.getElementById('root')).render(_jsx(App, {}));

package/build/types/app.d.ts

@@ -1,70 +0,0 @@
-import { ConnectDialogEdgeFormat, ConnectDialogTransition, ConnectLanguage, ConnectTheme } from './theme';
-export type CustomError = {
-    code: string;
-    message: string;
-};
-export type ConnectAppInfo = {
-    name: string;
-    identifier?: string;
-    version?: string;
-};
-export type ConnectPaymentProvider = {
-    technology_id: string;
-    settlement_by: string;
-};
-export type ConnectNotification = {
-    email: boolean;
-    mobile?: boolean;
-};
-export declare enum ConnectMode {
-    PAGE = "page",
-    POPUP = "popup",
-    CONTENT = "content"
-}
-export declare enum ConnectScope {
-    AUTH = "auth",
-    MERCHANT = "merchant"
-}
-export declare enum ConnectPasswordOperationType {
-    SET_PASSWORD = "set_password",
-    RESET_PASSWORD = "reset_password"
-}
-export type ConnectProps = {
-    onClose?: () => void;
-    onSuccess: (res: Record<string, string | number>) => void;
-    onError?: (error: CustomError) => void;
-    onReady?: () => void;
-    open: boolean;
-    theme?: ConnectTheme;
-    language?: ConnectLanguage;
-    publicKey: string;
-    merchantDomain: string;
-    appInfo: ConnectAppInfo;
-    businessCountryCode?: string;
-    scope: ConnectScope;
-    showBoard?: boolean;
-    leadId?: string;
-    platforms?: Array<string>;
-    paymentProvider?: ConnectPaymentProvider;
-    features?: {
-        poweredBy?: boolean;
-        merchantLogo?: boolean;
-        closeButton?: boolean;
-        dialogStartTransition?: ConnectDialogTransition;
-        dialogEndTransition?: ConnectDialogTransition;
-        dialogEdgeFormat?: ConnectDialogEdgeFormat;
-    };
-    postUrl?: string;
-    redirectUrl?: string;
-    data?: Array<string>;
-    mode?: ConnectMode;
-    notification?: ConnectNotification;
-    boardEditable?: boolean;
-    boardId?: string;
-    boardInfoId?: string;
-    userId?: string;
-    userType?: string;
-    operationType?: ConnectPasswordOperationType;
-    loginMode?: boolean;
-    region?: string;
-};

package/build/types/app.js

@@ -1,16 +0,0 @@
-export var ConnectMode;
-(function (ConnectMode) {
-    ConnectMode["PAGE"] = "page";
-    ConnectMode["POPUP"] = "popup";
-    ConnectMode["CONTENT"] = "content";
-})(ConnectMode || (ConnectMode = {}));
-export var ConnectScope;
-(function (ConnectScope) {
-    ConnectScope["AUTH"] = "auth";
-    ConnectScope["MERCHANT"] = "merchant";
-})(ConnectScope || (ConnectScope = {}));
-export var ConnectPasswordOperationType;
-(function (ConnectPasswordOperationType) {
-    ConnectPasswordOperationType["SET_PASSWORD"] = "set_password";
-    ConnectPasswordOperationType["RESET_PASSWORD"] = "reset_password";
-})(ConnectPasswordOperationType || (ConnectPasswordOperationType = {}));

package/build/types/events.d.ts

@@ -1,7 +0,0 @@
-export declare enum ConnectEvents {
-    ON_CLOSE = "connect:onClose",
-    ON_ERROR = "connect:onError",
-    ON_SUCCESS = "connect:onSuccess",
-    ON_READY = "connect:onReady",
-    ON_LOADED = "connect:onLoaded"
-}

package/build/types/events.js

@@ -1,8 +0,0 @@
-export var ConnectEvents;
-(function (ConnectEvents) {
-    ConnectEvents["ON_CLOSE"] = "connect:onClose";
-    ConnectEvents["ON_ERROR"] = "connect:onError";
-    ConnectEvents["ON_SUCCESS"] = "connect:onSuccess";
-    ConnectEvents["ON_READY"] = "connect:onReady";
-    ConnectEvents["ON_LOADED"] = "connect:onLoaded";
-})(ConnectEvents || (ConnectEvents = {}));

package/build/types/index.d.ts

@@ -1,4 +0,0 @@
-export * from './app';
-export * from './theme';
-export * from './events';
-export * from './searchParams';

package/build/types/index.js

@@ -1,4 +0,0 @@
-export * from './app';
-export * from './theme';
-export * from './events';
-export * from './searchParams';

package/build/types/searchParams.d.ts

@@ -1,5 +0,0 @@
-export declare enum SearchParams {
-    PROFILE_TOKEN = "profile_token",
-    THEME = "theme",
-    LANGUAGE = "lang"
-}

package/build/types/searchParams.js

@@ -1,6 +0,0 @@
-export var SearchParams;
-(function (SearchParams) {
-    SearchParams["PROFILE_TOKEN"] = "profile_token";
-    SearchParams["THEME"] = "theme";
-    SearchParams["LANGUAGE"] = "lang";
-})(SearchParams || (SearchParams = {}));

package/build/types/theme.d.ts

@@ -1,18 +0,0 @@
-export declare enum ConnectTheme {
-    DARK = "dark",
-    LIGHT = "light"
-}
-export declare enum ConnectLanguage {
-    AR = "ar",
-    EN = "en"
-}
-export declare enum ConnectDialogEdgeFormat {
-    STRAIGHT = "straight",
-    CURVED = "curved"
-}
-export declare enum ConnectDialogTransition {
-    LEFT = "left",
-    RIGHT = "right",
-    UP = "up",
-    DOWN = "down"
-}

package/build/types/theme.js

@@ -1,22 +0,0 @@
-export var ConnectTheme;
-(function (ConnectTheme) {
-    ConnectTheme["DARK"] = "dark";
-    ConnectTheme["LIGHT"] = "light";
-})(ConnectTheme || (ConnectTheme = {}));
-export var ConnectLanguage;
-(function (ConnectLanguage) {
-    ConnectLanguage["AR"] = "ar";
-    ConnectLanguage["EN"] = "en";
-})(ConnectLanguage || (ConnectLanguage = {}));
-export var ConnectDialogEdgeFormat;
-(function (ConnectDialogEdgeFormat) {
-    ConnectDialogEdgeFormat["STRAIGHT"] = "straight";
-    ConnectDialogEdgeFormat["CURVED"] = "curved";
-})(ConnectDialogEdgeFormat || (ConnectDialogEdgeFormat = {}));
-export var ConnectDialogTransition;
-(function (ConnectDialogTransition) {
-    ConnectDialogTransition["LEFT"] = "left";
-    ConnectDialogTransition["RIGHT"] = "right";
-    ConnectDialogTransition["UP"] = "up";
-    ConnectDialogTransition["DOWN"] = "down";
-})(ConnectDialogTransition || (ConnectDialogTransition = {}));

package/build/utils/dom.d.ts

@@ -1 +0,0 @@
-export declare const findOrCreateElementAndInject: (id?: string) => HTMLElement;

package/build/utils/dom.js

@@ -1,9 +0,0 @@
-export const findOrCreateElementAndInject = (id = 'tap-connect-sdk-element') => {
-    const elementExist = document.getElementById(id);
-    if (elementExist)
-        return elementExist;
-    const element = document.createElement('div');
-    element.setAttribute('id', id);
-    document.body.prepend(element);
-    return element;
-};

package/build/utils/index.d.ts

@@ -1,2 +0,0 @@
-export * from './dom';
-export * from './region';

package/build/utils/index.js

@@ -1,2 +0,0 @@
-export * from './dom';
-export * from './region';

package/build/utils/region.d.ts

@@ -1 +0,0 @@
-export declare const getBaseUrl: (region?: string | undefined) => string;

package/build/utils/region.js

@@ -1,16 +0,0 @@
-import { CONNECT_CONFIG_URL, CONNECT_CONFIG_URL_SA, CONNECT_CONFIG_URL_SA_DR } from '../constants';
-const isSA = (country) => {
-    if (!country)
-        return false;
-    return ['sa', 'sau'].includes(country.toLowerCase());
-};
-const isDisasterRecoveryEnv = (type) => type === 'dr';
-export const getBaseUrl = (region = '') => {
-    const [country, envType] = region.split('-');
-    if (isSA(country)) {
-        return isDisasterRecoveryEnv(envType) ? CONNECT_CONFIG_URL_SA_DR : CONNECT_CONFIG_URL_SA;
-    }
-    else {
-        return CONNECT_CONFIG_URL;
-    }
-};