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

package/dist/{preact-custom-element.esm-BGQkPkOv.js → incodeModule-Dv8Qllrv.js}

@@ -1,28 +1,28 @@
-import { l as m, d as S, y as w, _ as p, J as H, G as h, K as _, k as V } from "./vendor-preact-CK0WeTOR.js";
+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, r, c, o) {
+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: o };
+  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 F(e, n = {}) {
-  const { autoLoad: t = !0 } = n, [r] = S(e), [c, o] = S(
-    () => r.getState()
+function G(e, n = {}) {
+  const { autoLoad: t = !0 } = n, [o] = I(e), [c, r] = I(
+    () => o.getState()
   );
-  return w(() => (t && r.load && r.load(), r.subscribe(o)), [r, t]), [c, r];
+  return w(() => (t && o.load && o.load(), o.subscribe(r)), [o, t]), [c, o];
 }
-const f = (...e) => {
+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 [r, c] of Object.entries(t))
-          c && n.push(r);
+        for (const [o, c] of Object.entries(t))
+          c && n.push(o);
     }
   return n.join(" ");
 }, L = ({
@@ -36,7 +36,7 @@ const f = (...e) => {
     viewBox: "0 0 31 31",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: f("IncodeLoadingIconPrimaryIcon", n),
+    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" })
@@ -53,7 +53,7 @@ const f = (...e) => {
     viewBox: "0 0 31 31",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
-    class: f("IncodeLoadingIconSecondaryIcon", n),
+    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" })
@@ -66,16 +66,16 @@ const f = (...e) => {
 }) => /* @__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 }) })
-] }), O = {
+] }), E = {
   primary: "IncodeButtonPrimary",
   link: "IncodeButtonLink"
-}, Z = (e) => {
+}, J = (e) => {
   const {
     isLoading: n = !1,
     variant: t = "primary",
-    class: r,
+    class: o,
     type: c = "button",
-    children: o,
+    children: r,
     disabled: a,
     ...i
   } = e;
@@ -83,18 +83,18 @@ const f = (...e) => {
     "button",
     {
       ...i,
-      class: f(
+      class: h(
         "IncodeButton",
         n ? "IncodeButtonLoading" : "",
-        O[t],
-        r
+        E[t],
+        o
       ),
       disabled: a || n,
       type: c,
-      children: n ? /* @__PURE__ */ s(x, { size: 30 }) : o
+      children: n ? /* @__PURE__ */ s(x, { size: 30 }) : r
     }
   );
-}, j = /* @__PURE__ */ new Set([
+}, O = /* @__PURE__ */ new Set([
   0,
   2,
   4,
@@ -113,7 +113,7 @@ const f = (...e) => {
   120,
   160,
   200
-]), $ = (e, n) => n === "horizontal" ? {
+]), j = (e, n) => n === "horizontal" ? {
   0: "IncodeSpacerHorizontal0",
   2: "IncodeSpacerHorizontal2",
   4: "IncodeSpacerHorizontal4",
@@ -151,95 +151,104 @@ const f = (...e) => {
   120: "IncodeSpacerVertical120",
   160: "IncodeSpacerVertical160",
   200: "IncodeSpacerVertical200"
-}[e], G = ({
+}[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" && j.has(e) ? /* @__PURE__ */ s("div", { class: `${$(e, t)} ${n || ""}` }) : /* @__PURE__ */ s("div", { class: `${n || ""}` }) : /* @__PURE__ */ s("div", { class: `${n || ""}` });
+}) => 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 r in t) Object.prototype.hasOwnProperty.call(t, r) && (e[r] = t[r]);
+      for (var o in t) Object.prototype.hasOwnProperty.call(t, o) && (e[o] = t[o]);
     }
     return e;
   }, u.apply(this, arguments);
 }
-function b(e, n) {
+function g(e, n) {
   if (e == null) return {};
-  var t, r, c = {}, o = Object.keys(e);
-  for (r = 0; r < o.length; r++) n.indexOf(t = o[r]) >= 0 || (c[t] = e[t]);
+  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 B = ["context", "children"], E = ["useFragment"];
-function J(e, n, t, r) {
+var M = ["context", "children"], P = ["useFragment"];
+function $(e, n, t, o) {
   function c() {
-    var o, a = Reflect.construct(HTMLElement, [], c);
-    return a._vdomComponent = e, r && r.shadow ? (a._root = a.attachShadow({ mode: r.mode || "open", serializable: (o = r.serializable) != null && o }), r.adoptedStyleSheets && (a._root.adoptedStyleSheets = r.adoptedStyleSheets)) : a._root = a, a;
+    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, r);
-  }, c.prototype.attributeChangedCallback = M, c.prototype.disconnectedCallback = A, t = t || e.observedAttributes || Object.keys(e.propTypes || {}), c.observedAttributes = t, e.formAssociated && (c.formAssociated = !0), t.forEach(function(o) {
-    Object.defineProperty(c.prototype, o, { get: function() {
-      return this._vdom ? this._vdom.props[o] : this._props[o];
+    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(o, null, a) : (this._props || (this._props = {}), this._props[o] = 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(o, 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 P(e) {
+function B(e) {
   this.getChildContext = function() {
     return e.context;
   };
-  var n = e.children, t = b(e, B);
+  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(P, u({}, this._props, { context: n.detail.context }), y(this, this._vdomComponent, e)), (this.hasAttribute("hydrate") ? H : h)(this._vdom, this._root);
+  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 g(e) {
+function b(e) {
   return e.replace(/-(\w)/g, function(n, t) {
     return t ? t.toUpperCase() : "";
   });
 }
-function M(e, n, t) {
+function A(e, n, t) {
   if (this._vdom) {
-    var r = {};
-    r[e] = t = t ?? void 0, r[g(e)] = t, this._vdom = _(this._vdom, r), h(this._vdom, this._root);
+    var o = {};
+    o[e] = t = t ?? void 0, o[b(e)] = t, this._vdom = _(this._vdom, o), f(this._vdom, this._root);
   }
 }
-function A() {
-  h(this._vdom = null, this._root);
+function F() {
+  f(this._vdom = null, this._root);
 }
-function I(e, n) {
-  var t = this, r = e.useFragment, c = b(e, E);
-  return p(r ? V : "slot", u({}, c, { ref: function(o) {
-    o ? (t.ref = o, t._listener || (t._listener = function(a) {
+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;
-    }, o.addEventListener("_preact", t._listener))) : t.ref.removeEventListener("_preact", t._listener);
+    }, 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 r = [], c = {}, o = 0, a = e.attributes, i = e.childNodes;
-  for (o = a.length; o--; ) a[o].name !== "slot" && (c[a[o].name] = a[o].value, c[g(a[o].name)] = a[o].value);
-  for (o = i.length; o--; ) {
-    var l = y(i[o], null, t), d = i[o].slot;
-    d ? c[d] = p(I, { name: d }, l) : r[o] = l;
+  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(I, { useFragment: !v }, r) : r;
+  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 {
-  Z as B,
+  J as B,
   x as L,
-  G as S,
-  F as a,
-  f as b,
-  J as c,
+  R as S,
+  G as a,
+  h as c,
+  U as r,
   s as u
 };

package/dist/{otpInput-cq1THeRd.js → otpInput-BtoZe0Wz.js}

@@ -1,4 +1,4 @@
-import { u as n, S as h, B as T } from "./preact-custom-element.esm-BGQkPkOv.js";
+import { u as n, S as h, B as T } from "./incodeModule-Dv8Qllrv.js";
 import { d as $, A as K, y as I, k as R } from "./vendor-preact-CK0WeTOR.js";
 const c = 6, S = ({
   resendTimer: g,

package/dist/{incodeModule-BuCBWati.js → page-D9ijzlSn.js}

@@ -1,22 +1,22 @@
-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 { u as C, S as s } from "./incodeModule-Dv8Qllrv.js";
+import { u as f } from "./uiConfig-CQ1W9cUD.js";
 import { k as u } from "./vendor-preact-CK0WeTOR.js";
-function F({ children: e }) {
+function x({ 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";
+const p = "https://assets.incode.com/@incodetech/web/2.0.0-alpha.8/assets/incode-logo-ed68c8e9.svg";
 function d(e) {
-  for (const o of e)
-    if (o !== void 0) return o;
+  for (const t of e)
+    if (t !== void 0) return t;
 }
-function L(e) {
+function H(e) {
   if (!e) return;
   if (/^\d+$/.test(e)) return Number(e);
-  const o = e.match(/^(\d+)px$/);
-  if (o) return Number(o[1]);
+  const t = e.match(/^(\d+)px$/);
+  if (t) return Number(t[1]);
 }
-function V(e) {
-  const o = d([
+function L(e) {
+  const t = d([
     e.logo?.height,
     e.uiConfig.logoHeight
   ]);
@@ -27,54 +27,54 @@ function V(e) {
       e.uiConfig.hideFooterBranding
     ]) ?? !1,
     logoSrc: d([e.logo?.src, e.uiConfig.logoSrc]) ?? e.defaultLogoSrc,
-    logoHeightPx: L(o) ?? 80
+    logoHeightPx: H(t) ?? 80
   };
 }
-function m(e) {
-  const o = p();
-  return V({ ...e, uiConfig: o });
+function V(e) {
+  const t = f();
+  return L({ ...e, uiConfig: t });
 }
-const M = (e) => {
-  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
+const m = (e) => {
+  let t = e.replace("#", "");
+  t.length === 3 && (t = t.split("").map((n) => n + n).join(""));
+  const o = /^([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
+  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
   } : null;
-}, I = (e, o, n) => {
-  const t = (r) => {
+}, M = (e, t, o) => {
+  const n = (r) => {
     const i = Math.round(r * 255).toString(16);
     return i.length === 1 ? `0${i}` : i;
   };
-  return `#${t(e)}${t(o)}${t(n)}`;
+  return `#${n(e)}${n(t)}${n(o)}`;
 };
-function Z(e, o) {
-  const n = typeof document < "u" ? document.documentElement : null;
+function Z(e, t) {
+  const o = typeof document < "u" ? document.documentElement : null;
+  if (!o) return null;
+  const n = getComputedStyle(o).getPropertyValue(e).trim();
   if (!n) return null;
-  const t = getComputedStyle(n).getPropertyValue(e).trim();
-  if (!t) return null;
-  if (t.startsWith("#"))
-    return t;
-  if (t.startsWith("rgb")) {
-    const r = t.match(/\d+/g);
+  if (n.startsWith("#"))
+    return n;
+  if (n.startsWith("rgb")) {
+    const r = n.match(/\d+/g);
     if (r && r.length >= 3) {
       const i = Number.parseInt(r[0], 10) / 255, c = Number.parseInt(r[1], 10) / 255, a = Number.parseInt(r[2], 10) / 255;
-      return I(i, c, a);
+      return M(i, c, a);
     }
   }
   return null;
 }
-function N(e, o) {
-  const n = M(o);
-  if (!n) return e;
-  const t = [n.r, n.g, n.b, 1];
+function S(e, t) {
+  const o = m(t);
+  if (!o) return e;
+  const n = [o.r, o.g, o.b, 1];
   return JSON.parse(
-    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())
+    JSON.stringify(e).replace(/"replaceColorWithYours"/g, n.join(", ")).replace(/"replaceR"/g, o.r.toString()).replace(/"replaceG"/g, o.g.toString()).replace(/"replaceB"/g, o.b.toString())
   );
 }
-const b = () => {
+const I = () => {
   const e = Z("--text-body-secondary") ?? "#60667c";
   return /* @__PURE__ */ C(
     "svg",
@@ -177,27 +177,27 @@ const b = () => {
       ]
     }
   );
-}, y = ({
+}, w = ({
   title: e,
-  subtitle: o,
-  className: n,
-  logo: t,
+  subtitle: t,
+  className: o,
+  logo: n,
   children: r,
   hideHeader: i,
   hideFooterBranding: c,
   "data-testid": a,
   "data-permission-status": g
 }) => {
-  const l = m({
+  const l = V({
     hideHeader: i,
     hideFooterBranding: c,
-    logo: t,
-    defaultLogoSrc: H
-  }), h = e || o;
+    logo: n,
+    defaultLogoSrc: p
+  }), h = e || t;
   return /* @__PURE__ */ C(
     "div",
     {
-      class: `IncodePageContainer ${n ?? ""}`,
+      class: `IncodePageContainer ${o ?? ""}`,
       "data-testid": a,
       "data-permission-status": g,
       children: /* @__PURE__ */ C("div", { class: "IncodePageInner", children: [
@@ -214,31 +214,21 @@ const b = () => {
           /* @__PURE__ */ C(s, { size: l.hideHeader ? 40 : 24 }),
           /* @__PURE__ */ C("div", { class: "IncodePageTitleContainer", children: [
             e ? /* @__PURE__ */ C("h2", { class: "IncodePageTitle", children: e }) : null,
-            o ? /* @__PURE__ */ C(u, { children: [
+            t ? /* @__PURE__ */ C(u, { children: [
               /* @__PURE__ */ C(s, { size: 12 }),
-              /* @__PURE__ */ C("p", { class: "IncodePageSubtitle", children: o })
+              /* @__PURE__ */ C("p", { class: "IncodePageSubtitle", children: t })
             ] }) : null
           ] })
         ] }) : null,
         /* @__PURE__ */ C("div", { class: "IncodePageContent", children: r }),
-        l.hideFooterBranding ? null : /* @__PURE__ */ C("div", { class: "IncodePageFooter", children: /* @__PURE__ */ C("div", { class: "IncodePageFooterInner", children: /* @__PURE__ */ C(b, {}) }) })
+        l.hideFooterBranding ? null : /* @__PURE__ */ C("div", { class: "IncodePageFooter", children: /* @__PURE__ */ C("div", { class: "IncodePageFooterInner", children: /* @__PURE__ */ C(I, {}) }) })
       ] })
     }
   );
 };
-function v(e, o, n) {
-  f(e, o, [...n], {
-    shadow: !1
-  });
-}
-const P = ["config", "onFinish", "onError"];
-function $(e, o) {
-  v(e, o, P);
-}
 export {
-  F as I,
-  y as P,
-  N as a,
+  x as I,
+  w as P,
   Z as g,
-  $ as r
+  S as r
 };