@incodetech/web 2.0.0-alpha.4 → 2.0.0-alpha.6

package/dist/{incodeModule-Ct9jp5k6.js → incodeModule-BuCBWati.js}

@@ -1,18 +1,22 @@
-import { d as f, u as C, S as s, c as p } from "./button-DeMZ_34N.js";
+import { u as C, S as s, c as f } from "./preact-custom-element.esm-BGQkPkOv.js";
+import { u as p } from "./uiConfig-CQ1W9cUD.js";
 import { k as u } from "./vendor-preact-CK0WeTOR.js";
-const H = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.4/assets/incode-logo-ed68c8e9.svg";
+function F({ children: e }) {
+  return /* @__PURE__ */ C("div", { class: "IncodeComponent", children: e });
+}
+const H = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.6/assets/incode-logo-ed68c8e9.svg";
 function d(e) {
-  for (const n of e)
-    if (n !== void 0) return n;
+  for (const o of e)
+    if (o !== void 0) return o;
 }
 function L(e) {
   if (!e) return;
   if (/^\d+$/.test(e)) return Number(e);
-  const n = e.match(/^(\d+)px$/);
-  if (n) return Number(n[1]);
+  const o = e.match(/^(\d+)px$/);
+  if (o) return Number(o[1]);
 }
 function V(e) {
-  const n = d([
+  const o = d([
     e.logo?.height,
     e.uiConfig.logoHeight
   ]);
@@ -23,33 +27,33 @@ function V(e) {
       e.uiConfig.hideFooterBranding
     ]) ?? !1,
     logoSrc: d([e.logo?.src, e.uiConfig.logoSrc]) ?? e.defaultLogoSrc,
-    logoHeightPx: L(n) ?? 80
+    logoHeightPx: L(o) ?? 80
   };
 }
 function m(e) {
-  const n = f();
-  return V({ ...e, uiConfig: n });
+  const o = p();
+  return V({ ...e, uiConfig: o });
 }
 const M = (e) => {
-  let n = e.replace("#", "");
-  n.length === 3 && (n = n.split("").map((t) => t + t).join(""));
-  const o = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(n);
-  return o?.[1] && o?.[2] && o?.[3] ? {
-    r: Number.parseInt(o[1], 16) / 255,
-    g: Number.parseInt(o[2], 16) / 255,
-    b: Number.parseInt(o[3], 16) / 255
+  let o = e.replace("#", "");
+  o.length === 3 && (o = o.split("").map((t) => t + t).join(""));
+  const n = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(o);
+  return n?.[1] && n?.[2] && n?.[3] ? {
+    r: Number.parseInt(n[1], 16) / 255,
+    g: Number.parseInt(n[2], 16) / 255,
+    b: Number.parseInt(n[3], 16) / 255
   } : null;
-}, I = (e, n, o) => {
+}, I = (e, o, n) => {
   const t = (r) => {
     const i = Math.round(r * 255).toString(16);
     return i.length === 1 ? `0${i}` : i;
   };
-  return `#${t(e)}${t(n)}${t(o)}`;
+  return `#${t(e)}${t(o)}${t(n)}`;
 };
-function Z(e, n) {
-  const o = typeof document < "u" ? document.documentElement : null;
-  if (!o) return null;
-  const t = getComputedStyle(o).getPropertyValue(e).trim();
+function Z(e, o) {
+  const n = typeof document < "u" ? document.documentElement : null;
+  if (!n) return null;
+  const t = getComputedStyle(n).getPropertyValue(e).trim();
   if (!t) return null;
   if (t.startsWith("#"))
     return t;
@@ -62,12 +66,12 @@ function Z(e, n) {
   }
   return null;
 }
-function w(e, n) {
-  const o = M(n);
-  if (!o) return e;
-  const t = [o.r, o.g, o.b, 1];
+function N(e, o) {
+  const n = M(o);
+  if (!n) return e;
+  const t = [n.r, n.g, n.b, 1];
   return JSON.parse(
-    JSON.stringify(e).replace(/"replaceColorWithYours"/g, t.join(", ")).replace(/"replaceR"/g, o.r.toString()).replace(/"replaceG"/g, o.g.toString()).replace(/"replaceB"/g, o.b.toString())
+    JSON.stringify(e).replace(/"replaceColorWithYours"/g, t.join(", ")).replace(/"replaceR"/g, n.r.toString()).replace(/"replaceG"/g, n.g.toString()).replace(/"replaceB"/g, n.b.toString())
   );
 }
 const b = () => {
@@ -173,10 +177,10 @@ const b = () => {
       ]
     }
   );
-}, F = ({
+}, y = ({
   title: e,
-  subtitle: n,
-  className: o,
+  subtitle: o,
+  className: n,
   logo: t,
   children: r,
   hideHeader: i,
@@ -189,33 +193,30 @@ const b = () => {
     hideFooterBranding: c,
     logo: t,
     defaultLogoSrc: H
-  }), h = e || n;
+  }), h = e || o;
   return /* @__PURE__ */ C(
     "div",
     {
-      class: `IncodePageContainer ${o ?? ""}`,
+      class: `IncodePageContainer ${n ?? ""}`,
       "data-testid": a,
       "data-permission-status": g,
       children: /* @__PURE__ */ C("div", { class: "IncodePageInner", children: [
-        !l.hideHeader && /* @__PURE__ */ C("header", { class: "IncodePageHeader", children: [
-          "hola",
-          /* @__PURE__ */ C(
-            "img",
-            {
-              src: l.logoSrc,
-              height: l.logoHeightPx,
-              alt: "Logo",
-              class: "IncodePageLogo"
-            }
-          )
-        ] }),
+        !l.hideHeader && /* @__PURE__ */ C("header", { class: "IncodePageHeader", children: /* @__PURE__ */ C(
+          "img",
+          {
+            src: l.logoSrc,
+            height: l.logoHeightPx,
+            alt: "Logo",
+            class: "IncodePageLogo"
+          }
+        ) }),
         h ? /* @__PURE__ */ C(u, { children: [
           /* @__PURE__ */ C(s, { size: l.hideHeader ? 40 : 24 }),
           /* @__PURE__ */ C("div", { class: "IncodePageTitleContainer", children: [
             e ? /* @__PURE__ */ C("h2", { class: "IncodePageTitle", children: e }) : null,
-            n ? /* @__PURE__ */ C(u, { children: [
+            o ? /* @__PURE__ */ C(u, { children: [
               /* @__PURE__ */ C(s, { size: 12 }),
-              /* @__PURE__ */ C("p", { class: "IncodePageSubtitle", children: n })
+              /* @__PURE__ */ C("p", { class: "IncodePageSubtitle", children: o })
             ] }) : null
           ] })
         ] }) : null,
@@ -225,22 +226,19 @@ const b = () => {
     }
   );
 };
-function N({ children: e }) {
-  return /* @__PURE__ */ C("div", { class: "IncodeComponent", children: e });
-}
-function v(e, n, o) {
-  p(e, n, [...o], {
+function v(e, o, n) {
+  f(e, o, [...n], {
     shadow: !1
   });
 }
 const P = ["config", "onFinish", "onError"];
-function y(e, n) {
-  v(e, n, P);
+function $(e, o) {
+  v(e, o, P);
 }
 export {
-  N as I,
-  F as P,
-  y as a,
+  F as I,
+  y as P,
+  N as a,
   Z as g,
-  w as r
+  $ as r
 };

package/dist/index.es.js

@@ -1,101 +1,6 @@
-import { I as T, p as x, s as B } from "./flow-ZK6OBsa3.js";
-import { c as h, u as s, B as g } from "./button-DeMZ_34N.js";
-import { s as M, a as $ } from "./button-DeMZ_34N.js";
-import { y as f } from "./vendor-preact-CK0WeTOR.js";
-import { u as m } from "./title-ng7q7YDh.js";
-const S = (a) => new Promise((e) => setTimeout(e, a)), F = (a, e, t) => {
-  try {
-    const o = new URL(a);
-    return e && o.searchParams.set("flowId", e), t && window.location.origin !== o.origin && o.searchParams.set("interviewId", t), o.toString();
-  } catch {
-    const n = new URLSearchParams();
-    e && n.set("flowId", e), t && n.set("interviewId", t);
-    const r = n.toString();
-    return r ? `${a}?${r}` : a;
-  }
-}, y = ({
-  title: a,
-  message: e,
-  redirectionUrl: t,
-  redirectDelay: o = 3e3,
-  disableRedirect: n = !1,
-  redirectOriginOnly: r = !1,
-  flowId: c,
-  interviewId: i
-}) => {
-  const { t: l } = m(), d = a || l("verificationComplete.title"), p = e || l("verificationComplete.message");
-  return f(() => {
-    (async () => {
-      if (n || !t) return;
-      const u = new URLSearchParams(window.location.search);
-      if (r && u.get("isRedirect") === "true")
-        return;
-      await S(o);
-      const w = F(
-        t,
-        c,
-        i
-      );
-      window.location.href = w;
-    })();
-  }, [
-    t,
-    o,
-    n,
-    r,
-    c,
-    i
-  ]), /* @__PURE__ */ s("section", { class: "IncodeFlowCompleted", "aria-live": "assertive", children: [
-    d ? /* @__PURE__ */ s("h1", { class: "IncodeFlowCompletedTitle", children: d }) : null,
-    p ? /* @__PURE__ */ s("p", { class: "IncodeFlowCompletedSubtitle", children: p }) : null
-  ] });
-};
-h(
-  y,
-  "incode-flow-completed",
-  [
-    "title",
-    "message",
-    "redirectionUrl",
-    "action",
-    "scoreStatus",
-    "redirectDelay",
-    "disableRedirect",
-    "redirectOriginOnly",
-    "flowId",
-    "interviewId"
-  ],
-  { shadow: !1 }
-);
-const C = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.4/assets/incode-logo-00b4a3b0.svg", P = ({
-  logoUrl: a,
-  subtitle: e,
-  onStart: t
-}) => {
-  const { t: o } = m();
-  return /* @__PURE__ */ s("section", { class: "IncodeFlowStart", "aria-live": "polite", children: /* @__PURE__ */ s("div", { class: "IncodeFlowStartContent", children: [
-    /* @__PURE__ */ s("div", { class: "IncodeFlowStartCenterSection", children: [
-      /* @__PURE__ */ s("div", { class: "IncodeFlowStartLogoContainer", children: /* @__PURE__ */ s("img", { src: a || C, alt: "Logo", class: "IncodeFlowStartLogo" }) }),
-      /* @__PURE__ */ s("h2", { class: "IncodeFlowStartSubtitle", children: e || "Demo App" })
-    ] }),
-    /* @__PURE__ */ s(
-      g,
-      {
-        onClick: t,
-        class: "IncodeFlowStartButton",
-        "data-testid": "flow-start-button",
-        children: o("home.start")
-      }
-    )
-  ] }) });
-};
+import { s as e } from "./setup-wNL83jmW.js";
+import { s as t } from "./uiConfig-CQ1W9cUD.js";
 export {
-  y as FlowCompleted,
-  P as FlowStart,
-  T as IncodeFlow,
-  x as preloadIncodeFlow,
-  M as setUiConfig,
-  B as setup,
-  $ as useManager,
-  m as useTranslation
+  t as setUiConfig,
+  e as setup
 };