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

package/build/index.cjs.js

@@ -0,0 +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;

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,345 @@
+import { jsx as o, jsxs as p, Fragment as v } from "react/jsx-runtime";
+import * as l 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(
+  "div",
+  {
+    style: {
+      position: "absolute",
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      width: "100%",
+      height: "100%"
+    },
+    children: /* @__PURE__ */ o(
+      "div",
+      {
+        style: {
+          position: "relative",
+          width: "60px",
+          height: "60px"
+        },
+        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"
+                      }
+                    )
+                  ] })
+                }
+              )
+            ]
+          }
+        )
+      }
+    )
+  }
+), 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);
+  }, i = () => {
+    n(!1);
+  };
+  return /* @__PURE__ */ o(y.Provider, { value: { ...r, onLoadingHandler: a, loading: t, 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(
+      "iframe",
+      {
+        id: j,
+        title: "connect",
+        src: e,
+        style: {
+          width: "100%",
+          height: "100%",
+          border: "none",
+          position: "absolute",
+          top: 0,
+          left: 0
+        }
+      }
+    )
+  ] });
+};
+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;
+}, F = 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"
+    };
+  }
+}, B = 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"
+    };
+  }
+}, Y = 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
+    }), 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;
+    } 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 r = document.getElementById(e);
+  if (r) return r;
+  const t = document.createElement("div");
+  return t.setAttribute("id", e), document.body.prepend(t), t;
+}, 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;
+}, Q = () => {
+  const [e, r] = l.useState(""), { onError: t, onLoadingHandler: n, loginMode: a, region: i, ...s } = N(), f = async () => {
+    n(!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 d = await c.json();
+      if (!d.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()}`;
+      }
+      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);
+    }
+  };
+  return l.useEffect(() => {
+    f();
+  }, []), { connectLink: e };
+}, X = () => {
+  const { onSuccess: e, onClose: r, onError: t, onReady: n, onLoaded: a } = N(), i = l.useCallback(
+    async (s) => {
+      if (s.origin !== E) return;
+      const { data: f, event: c } = s.data;
+      switch (c) {
+        case u.ON_CLOSE:
+          r == null || r();
+          break;
+        case u.ON_ERROR:
+          t == null || t(f);
+          break;
+        case u.ON_SUCCESS:
+          e(f);
+          break;
+        case u.ON_LOADED:
+          a();
+          break;
+        case u.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(), /* @__PURE__ */ o(
+    "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__ */ o(D, { 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() };
+};
+export {
+  A as ConnectDialogEdgeFormat,
+  T as ConnectDialogTransition,
+  te as ConnectElement,
+  S as ConnectLanguage,
+  O as ConnectMode,
+  R as ConnectPasswordOperationType,
+  w as ConnectScope,
+  L as ConnectTheme,
+  se as renderConnectElement
+};

package/package.json

@@ -1,23 +1,32 @@
 {
   "name": "@tap-payments/connect-v2",
   "private": false,
-  "version": "0.0.23-test",
+  "version": "0.0.25-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,69 +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;
-    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;
-    }
-};