@incodetech/web 2.0.0-alpha.5 → 2.0.0-alpha.7

package/dist/incodeModule-Dv8Qllrv.js

@@ -0,0 +1,254 @@
+import { l as m, d as I, y as w, _ as p, J as H, G as f, K as _, k as V } from "./vendor-preact-CK0WeTOR.js";
+var z = 0;
+function s(e, n, t, o, c, r) {
+  n || (n = {});
+  var a, i, l = n;
+  if ("ref" in l) for (i in l = {}, n) i == "ref" ? a = n[i] : l[i] = n[i];
+  var d = { type: e, props: l, key: t, ref: a, __k: null, __: null, __b: 0, __e: null, __c: null, constructor: void 0, __v: --z, __i: -1, __u: 0, __source: c, __self: r };
+  if (typeof e == "function" && (a = e.defaultProps)) for (i in a) l[i] === void 0 && (l[i] = a[i]);
+  return m.vnode && m.vnode(d), d;
+}
+function G(e, n = {}) {
+  const { autoLoad: t = !0 } = n, [o] = I(e), [c, r] = I(
+    () => o.getState()
+  );
+  return w(() => (t && o.load && o.load(), o.subscribe(r)), [o, t]), [c, o];
+}
+const h = (...e) => {
+  const n = [];
+  for (const t of e)
+    if (t) {
+      if (typeof t == "string")
+        n.push(t);
+      else if (typeof t == "object")
+        for (const [o, c] of Object.entries(t))
+          c && n.push(o);
+    }
+  return n.join(" ");
+}, L = ({
+  size: e,
+  className: n
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 31 31",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: h("IncodeLoadingIconPrimaryIcon", n),
+    children: [
+      /* @__PURE__ */ s("title", { children: "Spinner Inner part" }),
+      /* @__PURE__ */ s("path", { d: "M28.1614 15.2837C29.453 15.2837 30.5186 14.2304 30.3181 12.9545C30.1344 11.7862 29.8129 10.6411 29.3582 9.54344C28.6044 7.72356 27.4995 6.06997 26.1066 4.67709C24.7137 3.28421 23.0601 2.17932 21.2403 1.4255C20.1426 0.970841 18.9974 0.649265 17.8292 0.46563C16.5533 0.265073 15.5 1.33073 15.5 2.62232C15.5 3.91391 16.5601 4.93461 17.8187 5.22473C18.3748 5.35291 18.9206 5.52729 19.4503 5.74672C20.7028 6.26548 21.8407 7.02585 22.7993 7.98441C23.7578 8.94296 24.5182 10.0809 25.037 11.3333C25.2564 11.8631 25.4308 12.4089 25.559 12.965C25.8491 14.2236 26.8698 15.2837 28.1614 15.2837Z" })
+    ]
+  }
+), k = ({
+  size: e,
+  className: n
+}) => /* @__PURE__ */ s(
+  "svg",
+  {
+    width: e,
+    height: e,
+    viewBox: "0 0 31 31",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    class: h("IncodeLoadingIconSecondaryIcon", n),
+    children: [
+      /* @__PURE__ */ s("title", { children: "Spinner Outer part" }),
+      /* @__PURE__ */ s("path", { d: "M30.5 15.2837C30.5 23.568 23.7843 30.2837 15.5 30.2837C7.21573 30.2837 0.5 23.568 0.5 15.2837C0.5 6.99942 7.21573 0.283691 15.5 0.283691C23.7843 0.283691 30.5 6.99942 30.5 15.2837ZM5.17725 15.2837C5.17725 20.9848 9.7989 25.6064 15.5 25.6064C21.2011 25.6064 25.8227 20.9848 25.8227 15.2837C25.8227 9.5826 21.2011 4.96095 15.5 4.96095C9.7989 4.96095 5.17725 9.5826 5.17725 15.2837Z" })
+    ]
+  }
+), x = ({
+  size: e = 30,
+  secondaryClass: n,
+  primaryClass: t
+}) => /* @__PURE__ */ s("div", { class: "IncodeLoadingIcon", children: [
+  /* @__PURE__ */ s(k, { size: e, className: n }),
+  /* @__PURE__ */ s("div", { class: "IncodeLoadingIconPrimary", children: /* @__PURE__ */ s(L, { size: e, className: t }) })
+] }), E = {
+  primary: "IncodeButtonPrimary",
+  link: "IncodeButtonLink"
+}, J = (e) => {
+  const {
+    isLoading: n = !1,
+    variant: t = "primary",
+    class: o,
+    type: c = "button",
+    children: r,
+    disabled: a,
+    ...i
+  } = e;
+  return /* @__PURE__ */ s(
+    "button",
+    {
+      ...i,
+      class: h(
+        "IncodeButton",
+        n ? "IncodeButtonLoading" : "",
+        E[t],
+        o
+      ),
+      disabled: a || n,
+      type: c,
+      children: n ? /* @__PURE__ */ s(x, { size: 30 }) : r
+    }
+  );
+}, O = /* @__PURE__ */ new Set([
+  0,
+  2,
+  4,
+  8,
+  12,
+  16,
+  20,
+  24,
+  32,
+  40,
+  48,
+  64,
+  80,
+  96,
+  104,
+  120,
+  160,
+  200
+]), j = (e, n) => n === "horizontal" ? {
+  0: "IncodeSpacerHorizontal0",
+  2: "IncodeSpacerHorizontal2",
+  4: "IncodeSpacerHorizontal4",
+  8: "IncodeSpacerHorizontal8",
+  12: "IncodeSpacerHorizontal12",
+  16: "IncodeSpacerHorizontal16",
+  20: "IncodeSpacerHorizontal20",
+  24: "IncodeSpacerHorizontal24",
+  32: "IncodeSpacerHorizontal32",
+  40: "IncodeSpacerHorizontal40",
+  48: "IncodeSpacerHorizontal48",
+  64: "IncodeSpacerHorizontal64",
+  80: "IncodeSpacerHorizontal80",
+  96: "IncodeSpacerHorizontal96",
+  104: "IncodeSpacerHorizontal104",
+  120: "IncodeSpacerHorizontal120",
+  160: "IncodeSpacerHorizontal160",
+  200: "IncodeSpacerHorizontal200"
+}[e] : {
+  0: "IncodeSpacerVertical0",
+  2: "IncodeSpacerVertical2",
+  4: "IncodeSpacerVertical4",
+  8: "IncodeSpacerVertical8",
+  12: "IncodeSpacerVertical12",
+  16: "IncodeSpacerVertical16",
+  20: "IncodeSpacerVertical20",
+  24: "IncodeSpacerVertical24",
+  32: "IncodeSpacerVertical32",
+  40: "IncodeSpacerVertical40",
+  48: "IncodeSpacerVertical48",
+  64: "IncodeSpacerVertical64",
+  80: "IncodeSpacerVertical80",
+  96: "IncodeSpacerVertical96",
+  104: "IncodeSpacerVertical104",
+  120: "IncodeSpacerVertical120",
+  160: "IncodeSpacerVertical160",
+  200: "IncodeSpacerVertical200"
+}[e], R = ({
+  size: e,
+  className: n,
+  direction: t = "vertical"
+}) => e === void 0 ? /* @__PURE__ */ s("div", { class: `IncodeSpacerFlex ${n || ""}` }) : (t === "horizontal" ? "w" : t === "vertical" ? "h" : void 0) ? typeof e == "number" && O.has(e) ? /* @__PURE__ */ s("div", { class: `${j(e, t)} ${n || ""}` }) : /* @__PURE__ */ s("div", { class: `${n || ""}` }) : /* @__PURE__ */ s("div", { class: `${n || ""}` });
+function u() {
+  return u = Object.assign ? Object.assign.bind() : function(e) {
+    for (var n = 1; n < arguments.length; n++) {
+      var t = arguments[n];
+      for (var o in t) Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
+    }
+    return e;
+  }, u.apply(this, arguments);
+}
+function g(e, n) {
+  if (e == null) return {};
+  var t, o, c = {}, r = Object.keys(e);
+  for (o = 0; o < r.length; o++) n.indexOf(t = r[o]) >= 0 || (c[t] = e[t]);
+  return c;
+}
+var M = ["context", "children"], P = ["useFragment"];
+function $(e, n, t, o) {
+  function c() {
+    var r, a = Reflect.construct(HTMLElement, [], c);
+    return a._vdomComponent = e, o && o.shadow ? (a._root = a.attachShadow({ mode: o.mode || "open", serializable: (r = o.serializable) != null && r }), o.adoptedStyleSheets && (a._root.adoptedStyleSheets = o.adoptedStyleSheets)) : a._root = a, a;
+  }
+  return (c.prototype = Object.create(HTMLElement.prototype)).constructor = c, c.prototype.connectedCallback = function() {
+    T.call(this, o);
+  }, c.prototype.attributeChangedCallback = A, c.prototype.disconnectedCallback = F, t = t || e.observedAttributes || Object.keys(e.propTypes || {}), c.observedAttributes = t, e.formAssociated && (c.formAssociated = !0), t.forEach(function(r) {
+    Object.defineProperty(c.prototype, r, { get: function() {
+      return this._vdom ? this._vdom.props[r] : this._props[r];
+    }, set: function(a) {
+      this._vdom ? this.attributeChangedCallback(r, null, a) : (this._props || (this._props = {}), this._props[r] = a);
+      var i = typeof a;
+      a != null && i !== "string" && i !== "boolean" && i !== "number" || this.setAttribute(r, a);
+    } });
+  }), customElements.define(n || e.tagName || e.displayName || e.name, c), c;
+}
+function B(e) {
+  this.getChildContext = function() {
+    return e.context;
+  };
+  var n = e.children, t = g(e, M);
+  return _(n, t);
+}
+function T(e) {
+  var n = new CustomEvent("_preact", { detail: {}, bubbles: !0, cancelable: !0 });
+  this.dispatchEvent(n), this._vdom = p(B, u({}, this._props, { context: n.detail.context }), y(this, this._vdomComponent, e)), (this.hasAttribute("hydrate") ? H : f)(this._vdom, this._root);
+}
+function b(e) {
+  return e.replace(/-(\w)/g, function(n, t) {
+    return t ? t.toUpperCase() : "";
+  });
+}
+function A(e, n, t) {
+  if (this._vdom) {
+    var o = {};
+    o[e] = t = t ?? void 0, o[b(e)] = t, this._vdom = _(this._vdom, o), f(this._vdom, this._root);
+  }
+}
+function F() {
+  f(this._vdom = null, this._root);
+}
+function S(e, n) {
+  var t = this, o = e.useFragment, c = g(e, P);
+  return p(o ? V : "slot", u({}, c, { ref: function(r) {
+    r ? (t.ref = r, t._listener || (t._listener = function(a) {
+      a.stopPropagation(), a.detail.context = n;
+    }, r.addEventListener("_preact", t._listener))) : t.ref.removeEventListener("_preact", t._listener);
+  } }));
+}
+function y(e, n, t) {
+  if (e.nodeType === 3) return e.data;
+  if (e.nodeType !== 1) return null;
+  var o = [], c = {}, r = 0, a = e.attributes, i = e.childNodes;
+  for (r = a.length; r--; ) a[r].name !== "slot" && (c[a[r].name] = a[r].value, c[b(a[r].name)] = a[r].value);
+  for (r = i.length; r--; ) {
+    var l = y(i[r], null, t), d = i[r].slot;
+    d ? c[d] = p(S, { name: d }, l) : o[r] = l;
+  }
+  var v = !(!t || !t.shadow), C = n ? p(S, { useFragment: !v }, o) : o;
+  return !v && n && (e.innerHTML = ""), p(n || e.nodeName.toLowerCase(), c, C);
+}
+function N(e, n, t) {
+  $(e, n, [...t], {
+    shadow: !1
+  });
+}
+const Z = ["config", "onFinish", "onError"];
+function U(e, n) {
+  N(e, n, Z);
+}
+export {
+  J as B,
+  x as L,
+  R as S,
+  G as a,
+  h as c,
+  U as r,
+  s as u
+};

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.5/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
 };