@telia-ace/knowledge-widget-adapters 1.1.5 → 1.1.6

package/{email-form-component-b8869d13.mjs → email-form-component-92d01580.mjs}

@@ -3,7 +3,7 @@ import { css as l } from "@emotion/react";
 import c from "@emotion/styled";
 import { Html as f, genericHtml as d, headingElement as h } from "@telia-ace/knowledge-widget-ui";
 import { appendClassNames as r } from "@telia-ace/widget-utilities";
-import { F as p } from "./index-d3757267.mjs";
+import { F as p } from "./index-2fbbe95d.mjs";
 import "react";
 import "@telia-ace/widget-forms";
 import "@telia-ace/knowledge-widget-core";

package/{email-form-component-2894c6fc.js → email-form-component-ea52694a.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("@emotion/react"),u=require("@emotion/styled"),n=require("@telia-ace/knowledge-widget-ui"),o=require("@telia-ace/widget-utilities"),d=require("./index-dd63627f.js");require("react");require("@telia-ace/widget-forms");require("@telia-ace/knowledge-widget-core");const h=u(n.Html)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),l=require("@emotion/react"),u=require("@emotion/styled"),n=require("@telia-ace/knowledge-widget-ui"),o=require("@telia-ace/widget-utilities"),d=require("./index-9359a2fb.js");require("react");require("@telia-ace/widget-forms");require("@telia-ace/knowledge-widget-core");const h=u(n.Html)`
   ${n.genericHtml}
 
   ${e=>{var t;return n.headingElement(e)("h1",l.css`

package/{free-text-component-35d4babb.mjs → free-text-component-89364f48.mjs}

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as r } from "react/jsx-runtime";
 import i from "@emotion/styled";
 import { Html as l, genericHtml as s } from "@telia-ace/knowledge-widget-ui";
 import { appendClassNames as n } from "@telia-ace/widget-utilities";
-import { D as a } from "./index-d3757267.mjs";
+import { D as a } from "./index-2fbbe95d.mjs";
 import "@telia-ace/widget-forms";
 import "react";
 import "@telia-ace/knowledge-widget-core";

package/{free-text-component-4177eff1.js → free-text-component-c7208b8d.js}

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@emotion/styled"),n=require("@telia-ace/knowledge-widget-ui"),u=require("@telia-ace/widget-utilities"),o=require("./index-dd63627f.js");require("@telia-ace/widget-forms");require("react");require("@telia-ace/knowledge-widget-core");require("@emotion/react");const c=({className:s,description:t,body:{freetext:r},htmlParseInstruction:i})=>r?e.jsxs("div",{className:u.appendClassNames(s,"humany-contact-method-free-text"),children:[e.jsx(d,{html:r,htmlParseInstruction:i}),t&&e.jsx(o.Description,{html:t,htmlParseInstruction:i})]}):null,d=l(n.Html)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("@emotion/styled"),n=require("@telia-ace/knowledge-widget-ui"),u=require("@telia-ace/widget-utilities"),o=require("./index-9359a2fb.js");require("@telia-ace/widget-forms");require("react");require("@telia-ace/knowledge-widget-core");require("@emotion/react");const c=({className:s,description:t,body:{freetext:r},htmlParseInstruction:i})=>r?e.jsxs("div",{className:u.appendClassNames(s,"humany-contact-method-free-text"),children:[e.jsx(d,{html:r,htmlParseInstruction:i}),t&&e.jsx(o.Description,{html:t,htmlParseInstruction:i})]}):null,d=l(n.Html)`
   ${n.genericHtml};
 `;exports.default=c;

package/{index-d3757267.mjs → index-2fbbe95d.mjs}

@@ -1,36 +1,36 @@
-var H = Object.defineProperty;
-var q = (t, e, n) => e in t ? H(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var $ = (t, e, n) => (q(t, typeof e != "symbol" ? e + "" : e, n), n);
-import { FormBuilder as B, FormReader as w, FormComponent as K } from "@telia-ace/widget-forms";
-import { ComponentPlatform as S, Plugin as G } from "@telia-ace/knowledge-widget-core";
-import { lock as U, createParams as W, formatUrl as J, appendClassNames as Q } from "@telia-ace/widget-utilities";
-import { lazy as X, Suspense as Y, useState as Z, useEffect as _ } from "react";
+var q = Object.defineProperty;
+var B = (t, e, n) => e in t ? q(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var $ = (t, e, n) => (B(t, typeof e != "symbol" ? e + "" : e, n), n);
+import { FormBuilder as K, FormReader as w, FormComponent as G } from "@telia-ace/widget-forms";
+import { ComponentPlatform as S, Plugin as U } from "@telia-ace/knowledge-widget-core";
+import { lock as W, createParams as J, formatUrl as Q, appendClassNames as X } from "@telia-ace/widget-utilities";
+import { lazy as Y, Suspense as Z, useState as _, useEffect as ee } from "react";
 import { jsx as m, jsxs as I } from "react/jsx-runtime";
 import { css as C } from "@emotion/react";
 import f from "@emotion/styled";
-import { Paragraph as ee, headingElement as V, Html as te, genericHtml as ne, borderTabStyle as D, linkTabStyle as oe, StyledText as re, Link as ie, useComponent as ae, useRouteData as se, Typography as ce, SymbolBadge as le, ItemList as de, itemList as me, useContainer as he } from "@telia-ace/knowledge-widget-ui";
-const P = (t, e, n = !1) => t.getManyAsync("matchingClient", "router").then((r) => {
+import { Paragraph as te, headingElement as V, Html as ne, genericHtml as oe, borderTabStyle as D, linkTabStyle as ie, StyledText as re, Link as se, useComponent as ae, useRouteData as ce, Typography as le, SymbolBadge as de, ItemList as me, itemList as he, useContainer as R } from "@telia-ace/knowledge-widget-ui";
+const P = (t, e, n = !1) => t.getManyAsync("matchingClient", "router").then((i) => {
   const { formData: o } = new w(e.body.form).export(
     n
-  ), { router: c, matchingClient: i } = r, { params: a } = c.getRouteData();
-  return i.customRequest(
+  ), { router: c, matchingClient: r } = i, { params: s } = c.getRouteData();
+  return r.customRequest(
     `contactmethods/${e.id}${n ? "/validatedwithpayload" : ""}`,
     "POST",
     {
       body: o,
       configuration: {
-        guideId: e.body.guideId || a.guideId
+        guideId: e.body.guideId || s.guideId
       }
     }
   );
-}), R = (t, e, n) => P(t, e).then((r) => n ? n(r) : r).then(({ ConfirmationText: r }) => r), y = (t, e) => P(t, e, !0).then(
+}), T = (t, e, n) => P(t, e).then((i) => n ? n(i) : i).then(({ ConfirmationText: i }) => i), y = (t, e) => P(t, e, !0).then(
   (n) => ({
     valid: n.Validation.IsValid,
     errors: n.Validation.Errors,
     errorTypes: n.Validation.ErrorTypes
   })
-), T = (t, e) => P(t, e, !0).then(
-  (n) => B.fromLegacyForm(
+), L = (t, e) => P(t, e, !0).then(
+  (n) => K.fromLegacyForm(
     e.id,
     n.ContactMethod.Form
   ).get()
@@ -41,20 +41,20 @@ function ue(t) {
   t.getAsync("contactMethods").then((e) => {
     e.create({
       clientName: "email.form",
-      render: import("./email-form-component-b8869d13.mjs"),
-      onEvaluate: (n) => T(t, n),
+      render: import("./email-form-component-92d01580.mjs"),
+      onEvaluate: (n) => L(t, n),
       onValidate: (n) => y(t, n),
-      onSubmit: (n) => R(t, n),
+      onSubmit: (n) => T(t, n),
       onComplete: (n) => b(t, n)
     });
   });
 }
 const E = (t, e, n) => {
-  const { url: r, width: o, height: c } = e, i = n || {}, a = document.createElement("a");
-  return a.href = r, a.search.replace("?", "").split("&").forEach((s) => {
-    const [l, d] = s.split("=");
-    typeof d < "u" && (i[l] = d);
-  }), a.search = Object.keys(i).map((s) => `${s}=${i[s]}`).join("&"), window.open(a.href, t, `width=${o},height=${c}`), "";
+  const { url: i, width: o, height: c } = e, r = n || {}, s = document.createElement("a");
+  return s.href = i, s.search.replace("?", "").split("&").forEach((a) => {
+    const [d, l] = a.split("=");
+    typeof l < "u" && (r[d] = l);
+  }), s.search = Object.keys(r).map((a) => `${a}=${r[a]}`).join("&"), window.open(s.href, t, `width=${o},height=${c}`), "";
 };
 function pe(t) {
   t.getAsync("contactMethods").then((e) => {
@@ -62,17 +62,17 @@ function pe(t) {
       clientName: "chat.popup",
       render: "email.form",
       handleClick: (n) => {
-        const { title: r, body: o } = n, { form: c, guideId: i, confirmationFallback: a, ...s } = o;
+        const { title: i, body: o } = n, { form: c, guideId: r, confirmationFallback: s, ...a } = o;
         return c ? () => {
-        } : (l) => {
-          l.preventDefault(), E(r, s);
+        } : (d) => {
+          d.preventDefault(), E(i, a);
         };
       },
       onValidate: (n) => y(t, n),
       onComplete: (n) => b(t, n),
       onSubmit: (n) => {
-        const { title: r, body: o } = n, { form: c, guideId: i, confirmationFallback: a, ...s } = o, l = new w(c).export().values;
-        return E(r, s, l), a;
+        const { title: i, body: o } = n, { form: c, guideId: r, confirmationFallback: s, ...a } = o, d = new w(c).export().values;
+        return E(i, a, d), s;
       }
     });
   });
@@ -81,7 +81,7 @@ function fe(t) {
   t.getAsync("contactMethods").then((e) => {
     e.create({
       clientName: "custom.freetext",
-      render: import("./free-text-component-35d4babb.mjs")
+      render: import("./free-text-component-89364f48.mjs")
     });
   });
 }
@@ -103,14 +103,14 @@ function ye(t) {
 }
 const be = async (t, e) => {
   const n = t.get(e.clientName);
-  let { description: r, disabled: o, onClick: c } = e;
+  let { description: i, disabled: o, onClick: c } = e;
   if (n) {
-    const { handleClick: i, handleDescription: a, handleDisabled: s } = n;
-    typeof i == "function" && (c = await Promise.resolve(i(e))), typeof a == "function" && (r = await Promise.resolve(a(e))), typeof s == "function" && (o = await Promise.resolve(s(e)));
+    const { handleClick: r, handleDescription: s, handleDisabled: a } = n;
+    typeof r == "function" && (c = await Promise.resolve(r(e))), typeof s == "function" && (i = await Promise.resolve(s(e))), typeof a == "function" && (o = await Promise.resolve(a(e)));
   }
   return Promise.resolve({
     ...e,
-    description: r,
+    description: i,
     disabled: o,
     onClick: c
   });
@@ -122,53 +122,53 @@ class k {
     if (this.container = e, this.componentPlatform = n, n) {
       n.components().ofType("contact-list").select().actions.watch(
         "contact-list.fetched",
-        async (i, a) => {
-          const { contactMethods: s } = i;
-          if (s) {
-            const l = Promise.all(
-              s.map(
-                (d) => this.handleAdapters(d)
+        async (r, s) => {
+          const { contactMethods: a } = r;
+          if (a) {
+            const d = Promise.all(
+              a.map(
+                (l) => this.handleAdapters(l)
               )
             );
-            await Promise.resolve(l).then((d) => {
-              i.contactMethods = d;
+            await Promise.resolve(d).then((l) => {
+              r.contactMethods = l;
             });
           }
-          return a(i);
+          return s(r);
         }
       );
       const o = n.components().ofType("guide").select();
-      o.actions.watch("guide.fetched", async (i, a) => {
-        const { contactMethods: s } = i;
-        if (s) {
-          const l = Promise.all(
-            s.map(
-              (d) => this.handleAdapters(d)
+      o.actions.watch("guide.fetched", async (r, s) => {
+        const { contactMethods: a } = r;
+        if (a) {
+          const d = Promise.all(
+            a.map(
+              (l) => this.handleAdapters(l)
             )
           );
-          await Promise.resolve(l).then((d) => {
-            i.contactMethods = d;
+          await Promise.resolve(d).then((l) => {
+            r.contactMethods = l;
           });
         }
-        return a(i);
-      }), o.actions.watch("guide.handover", async (i, a) => {
-        const { handoverContactMethods: s } = i;
-        if (s) {
-          const l = Promise.all(
-            s.map(
-              (d) => this.handleAdapters(d)
+        return s(r);
+      }), o.actions.watch("guide.handover", async (r, s) => {
+        const { handoverContactMethods: a } = r;
+        if (a) {
+          const d = Promise.all(
+            a.map(
+              (l) => this.handleAdapters(l)
             )
           );
-          await Promise.resolve(l).then((d) => {
-            i.handoverContactMethods = d;
+          await Promise.resolve(d).then((l) => {
+            r.handoverContactMethods = l;
           });
         }
-        return a(i);
+        return s(r);
       }), n.components().ofType("contact-method").select().actions.watch(
         "contact-method.fetched",
-        async (i, a) => {
-          const { contactMethod: s } = i;
-          return s ? this.handleAdapters(s).then((l) => a({ ...i, contactMethod: l })) : a(i);
+        async (r, s) => {
+          const { contactMethod: a } = r;
+          return a ? this.handleAdapters(a).then((d) => s({ ...r, contactMethod: d })) : s(r);
         }
       );
     }
@@ -180,8 +180,8 @@ class k {
     return be(this.adapters, e);
   }
   static getInstance(e, n = "contactMethods") {
-    return U(e)(() => e.getAsync(n).then((r) => {
-      let o = r;
+    return W(e)(() => e.getAsync(n).then((i) => {
+      let o = i;
       return o || S.getInstance(e).then((c) => (o = new k(
         e,
         c
@@ -189,63 +189,63 @@ class k {
     }));
   }
   track(e = {}, n) {
-    const { events: r } = this.container.get("$widget");
-    r.dispatch("tracking:service-client-response", {
+    const { events: i } = this.container.get("$widget");
+    i.dispatch("tracking:service-client-response", {
       type: n,
       data: e
     });
   }
   complete(e) {
-    const { id: n, title: r, clientName: o, expanded: c, body: i } = e;
+    const { id: n, title: i, clientName: o, expanded: c, body: r } = e;
     this.track(
       {
-        contactMethod: { id: n, title: r, expanded: c, type: o },
-        hasGuide: !!i.guideId
+        contactMethod: { id: n, title: i, expanded: c, type: o },
+        hasGuide: !!r.guideId
       },
       "contact-method-complete"
       /* ContactMethodComplete */
     );
-    const a = this.adapters.get(o);
-    if (a && a.onComplete)
-      return a.onComplete(e);
+    const s = this.adapters.get(o);
+    if (s && s.onComplete)
+      return s.onComplete(e);
   }
   evaluate(e) {
-    const { clientName: n } = e, r = this.adapters.get(n);
-    return r && r.onEvaluate ? Promise.resolve(r.onEvaluate(e)) : Promise.resolve(e.body.form);
+    const { clientName: n } = e, i = this.adapters.get(n);
+    return i && i.onEvaluate ? Promise.resolve(i.onEvaluate(e)) : Promise.resolve(e.body.form);
   }
   validate(e) {
-    const { id: n, title: r, clientName: o } = e, c = this.adapters.get(o);
+    const { id: n, title: i, clientName: o } = e, c = this.adapters.get(o);
     return c && c.onValidate ? Promise.resolve(c.onValidate(e)).then(
-      (i) => {
+      (r) => {
         this.track(
           {
-            contactMethod: { id: n, title: r, type: o },
-            isValid: i.valid
+            contactMethod: { id: n, title: i, type: o },
+            isValid: r.valid
           },
           "contact-method-validate"
           /* ContactMethodValidate */
         );
-        const { events: a } = this.container.get("$widget");
-        return a.dispatch("form:validated", { isValid: i.valid }), i;
+        const { events: s } = this.container.get("$widget");
+        return s.dispatch("form:validated", { isValid: r.valid }), r;
       }
     ) : Promise.resolve({ valid: !0 });
   }
   submit(e) {
-    const { clientName: n } = e, r = this.adapters.get(n);
-    return r && r.onSubmit ? Promise.resolve(r.onSubmit(e)).then((o) => (this.complete(e), o)) : Promise.resolve("");
+    const { clientName: n } = e, i = this.adapters.get(n);
+    return i && i.onSubmit ? Promise.resolve(i.onSubmit(e)).then((o) => (this.complete(e), o)) : Promise.resolve("");
   }
   create(e) {
-    const { clientName: n, render: r } = e;
+    const { clientName: n, render: i } = e;
     return this.adapters.set(n, {
       onValidate: (o) => y(this.container, o),
-      onEvaluate: (o) => T(this.container, o),
+      onEvaluate: (o) => L(this.container, o),
       onComplete: (o) => b(this.container, o),
       ...e
     }), this.container.getAsync("componentResolver").then((o) => {
-      typeof r == "string" ? this.subs.push(o.registerAlias(n, r)) : this.subs.push(
+      typeof i == "string" ? this.subs.push(o.registerAlias(n, i)) : this.subs.push(
         o.registerComponent(
           n,
-          X(() => r)
+          Y(() => i)
         )
       );
     });
@@ -254,7 +254,7 @@ class k {
     this.subs.forEach((e) => e());
   }
 }
-f(ee)`
+f(te)`
   ${(t) => {
   var e;
   return V(t)(
@@ -266,8 +266,8 @@ f(ee)`
   );
 }}
 `;
-const ve = f(te)`
-  ${ne}
+const ve = f(ne)`
+  ${oe}
   font-weight: 300;
   line-height: 1.5em;
   button:focus-visible {
@@ -275,12 +275,12 @@ const ve = f(te)`
   }
 
   a:focus-visible {
-    ${oe};
+    ${ie};
   }
 `, Ce = (t) => {
   const e = ae(t.clientName), {
-    params: { contactCategory: n, guideCategory: r, phrase: o }
-  } = se();
+    params: { contactCategory: n, guideCategory: i, phrase: o }
+  } = ce();
   if (typeof e > "u")
     return null;
   if (e === null)
@@ -289,60 +289,60 @@ const ve = f(te)`
       {
         title: `client-name: ${t.clientName}, id: ${t.id}`,
         className: "humany-non-resolved-contact-method",
-        children: /* @__PURE__ */ m(ce, { variant: "h5", children: "Non resolved Contact Method type" })
+        children: /* @__PURE__ */ m(le, { variant: "h5", children: "Non resolved Contact Method type" })
       }
     ) : null;
-  const c = (i = {}) => {
-    const a = { ...t, ...i }, {
-      id: s,
-      title: l,
-      clientName: d,
+  const c = (r = {}) => {
+    const s = { ...t, ...r }, {
+      id: a,
+      title: d,
+      clientName: l,
       symbol: p,
       inline: v,
       onClick: g = () => {
       },
       description: u,
       htmlParseInstruction: N,
-      className: F,
-      disabled: z,
-      guideId: j,
+      className: z,
+      disabled: j,
+      guideId: O,
       dispatch: x = () => {
       },
       expanded: A
-    } = a, O = v ? {
+    } = s, H = v ? {
       onKeyDown: (h) => {
-        h.key && h.key === "Enter" && (g(h, a), h.defaultPrevented || !A && x("expand", s));
+        h.key && h.key === "Enter" && (g(h, s), h.defaultPrevented || !A && x("expand", a));
       },
       onClick: (h) => {
-        g(h, a), h.defaultPrevented || !A && x("expand", s);
+        g(h, s), h.defaultPrevented || !A && x("expand", a);
       }
     } : {
-      onClick: (h) => g(h, a),
+      onClick: (h) => g(h, s),
       routeName: "contact-method",
-      params: W({
+      params: J({
         contactCategory: n,
-        guideId: j,
-        guideCategory: r,
+        guideId: O,
+        guideCategory: i,
         phrase: o,
-        contactMethod: s,
-        uriName: J(l)
+        contactMethod: a,
+        uriName: Q(d)
       })
     };
     return /* @__PURE__ */ I(
       ke,
       {
-        title: l,
-        "aria-label": l,
-        className: F,
-        disabled: z,
+        title: d,
+        "aria-label": d,
+        className: z,
+        disabled: j,
         description: u,
-        "data-client-name": d,
-        ...i,
-        ...O,
+        "data-client-name": l,
+        ...r,
+        ...H,
         children: [
-          p && /* @__PURE__ */ m(le, { symbol: p }),
+          p && /* @__PURE__ */ m(de, { symbol: p }),
           u ? /* @__PURE__ */ I("div", { className: "humany-contact-link-rich-content", children: [
-            /* @__PURE__ */ m(M, { children: l }),
+            /* @__PURE__ */ m(M, { children: d }),
             /* @__PURE__ */ m(
               ve,
               {
@@ -350,14 +350,14 @@ const ve = f(te)`
                 htmlParseInstruction: N
               }
             )
-          ] }) : /* @__PURE__ */ m(M, { children: l })
+          ] }) : /* @__PURE__ */ m(M, { children: d })
         ]
       }
     );
   };
-  return t.expanded ? /* @__PURE__ */ m(Y, { fallback: null, children: /* @__PURE__ */ m(e, { ...t, renderDefault: c }) }) : c();
+  return t.expanded ? /* @__PURE__ */ m(Z, { fallback: null, children: /* @__PURE__ */ m(e, { ...t, renderDefault: c }) }) : c();
 }, $e = (t) => {
-  var e, n, r, o, c, i, a, s;
+  var e, n, i, o, c, r, s, a;
   return C`
   display: flex;
   padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};
@@ -368,14 +368,14 @@ const ve = f(te)`
     color: ${(n = t.theme.colors) == null ? void 0 : n.text};
   }
   i {
-    font-size: ${(r = t.theme.fonts) == null ? void 0 : r.large};
+    font-size: ${(i = t.theme.fonts) == null ? void 0 : i.large};
     margin: 0 ${(o = t.theme.sizes) == null ? void 0 : o.large} 0 0;
     min-height: ${(c = t.theme.fonts) == null ? void 0 : c.large};
-    min-width: ${(i = t.theme.fonts) == null ? void 0 : i.large};
-    line-height: ${(a = t.theme.fonts) == null ? void 0 : a.large};
+    min-width: ${(r = t.theme.fonts) == null ? void 0 : r.large};
+    line-height: ${(s = t.theme.fonts) == null ? void 0 : s.large};
     display: inline-block;
     vertical-align: bottom;
-    color: ${(s = t.theme.colors) == null ? void 0 : s.text};
+    color: ${(a = t.theme.colors) == null ? void 0 : a.text};
   }
 `;
 }, M = f(re)`
@@ -383,7 +383,7 @@ const ve = f(te)`
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.large;
 }};
-`, ke = f(ie)`
+`, ke = f(se)`
   ${(t) => $e(t)}
 
   &:focus-visible {
@@ -397,9 +397,9 @@ const ve = f(te)`
   return typeof ((e = t.theme.colors) == null ? void 0 : e.warning) < "u" && `color: ${(n = t.theme.colors) == null ? void 0 : n.warning};`;
 }}
 `, Pe = (t) => {
-  var e, n, r;
+  var e, n, i;
   return C`
-  ${me(t)}
+  ${he(t)}
 
   > div {
     padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};
@@ -445,102 +445,108 @@ const ve = f(te)`
 
   @media (hover: hover) {
     a:hover {
-      background-color: ${(r = t.theme.colors) == null ? void 0 : r.accent};
+      background-color: ${(i = t.theme.colors) == null ? void 0 : i.accent};
     }
   }
 `;
-}, Ne = f(de)`
+}, Ne = f(me)`
   ${(t) => Pe(t)}
 `, Le = ({
   contactMethods: t,
   children: e,
   guideId: n,
-  dispatch: r,
+  dispatch: i,
   className: o = "",
   itemRenderer: c,
-  action: i = () => {
+  action: r = () => {
   },
-  header: a = ""
-}) => t.length ? /* @__PURE__ */ m(
-  Ne,
-  {
-    header: a,
-    className: Q(o, "humany-contact-list"),
-    items: t,
-    renderItem: c ? (s) => /* @__PURE__ */ m(
-      "li",
-      {
-        role: t.length === 1 ? "none" : void 0,
-        "data-contact-method": s.id,
-        children: c(s, { action: i, dispatch: r, guideId: n })
-      },
-      s.id
-    ) : (s) => /* @__PURE__ */ m(
-      "li",
-      {
-        role: t.length === 1 ? "none" : void 0,
-        "data-contact-method": s.id,
-        children: /* @__PURE__ */ m(
-          Ce,
-          {
-            ...s,
-            action: i,
-            dispatch: r,
-            guideId: n
-          }
-        )
-      },
-      s.id
-    ),
-    children: e
-  }
-) : null, L = (t, e) => {
+  header: s = ""
+}) => {
+  const a = R(), { events: d } = a.get("$widget");
+  return t.length ? /* @__PURE__ */ m(
+    Ne,
+    {
+      header: s,
+      className: X(o, "humany-contact-list"),
+      items: t,
+      renderItem: c ? (l) => /* @__PURE__ */ m(
+        "li",
+        {
+          role: t.length === 1 ? "none" : void 0,
+          "data-contact-method": l.id,
+          children: c(l, { action: r, dispatch: i, guideId: n })
+        },
+        l.id
+      ) : (l) => /* @__PURE__ */ m(
+        "li",
+        {
+          role: t.length === 1 ? "none" : void 0,
+          "data-contact-method": l.id,
+          onClick: () => {
+            d.dispatch("tracking:contact-list-item-clicked", l);
+          },
+          children: /* @__PURE__ */ m(
+            Ce,
+            {
+              ...l,
+              action: r,
+              dispatch: i,
+              guideId: n
+            }
+          )
+        },
+        l.id
+      ),
+      children: e
+    }
+  ) : null;
+}, F = (t, e) => {
   if (t.actionKey === e)
     return t;
   if (!t.properties)
     return null;
   const n = Object.keys(t.properties);
-  let r;
+  let i;
   for (let o = 0; o < n.length; o++)
-    if (r = L(t.properties[n[o]], e), r)
-      return r;
+    if (i = F(t.properties[n[o]], e), i)
+      return i;
   return !1;
 }, Fe = ({
   className: t,
   body: { form: e },
   id: n,
-  action: r,
+  action: i,
   dispatch: o,
   disabled: c,
-  autoFocus: i
+  autoFocus: r
 }) => {
   if (e && !c) {
-    const { schema: a, layout: s, data: l, meta: d } = e, p = o || r || (() => {
+    const { schema: s, layout: a, data: d, meta: l } = e, p = o || i || (() => {
     });
     return /* @__PURE__ */ m(
-      K,
+      G,
       {
         className: t,
-        schema: a,
-        layout: s,
-        data: l,
-        autoFocus: i,
+        schema: s,
+        layout: a,
+        data: d,
+        autoFocus: r,
         onChange: (v, g) => {
-          const u = { schema: a, layout: s, data: g, meta: d };
-          v.toString() === "submit" ? p("submit", { id: n, form: u }) : L(a, v).evaluate ? p("evaluate", { id: n, form: u }) : p("validate", { id: n, form: u });
+          const u = { schema: s, layout: a, data: g, meta: l };
+          v.toString() === "submit" ? p("submit", { id: n, form: u }) : F(s, v).evaluate ? p("evaluate", { id: n, form: u }) : p("validate", { id: n, form: u });
         }
       }
     );
   }
   return null;
 }, ze = (t) => {
-  const [e, n] = Z(null), r = he();
-  return _(() => {
+  const [e, n] = _(null), i = R();
+  return ee(() => {
     let o;
-    return r.getAsync("componentResolver").then((c) => {
+    return i.getAsync("componentResolver").then((c) => {
       o = c.registerResolver(
         t,
-        (i) => n(i)
+        (r) => n(r)
       );
     }), () => {
       o && o();
@@ -554,34 +560,34 @@ function xe(t) {
       render: "email.form",
       onValidate: (n) => y(t, n),
       onComplete: (n) => b(t, n),
-      onSubmit: (n) => R(t, n, (r) => ({
-        ...r,
-        ConfirmationText: r.ResponseHtml
+      onSubmit: (n) => T(t, n, (i) => ({
+        ...i,
+        ConfirmationText: i.ResponseHtml
       }))
     });
   });
 }
-const je = (t, e, n) => t.getAsync("contactMethods").then((r) => {
-  r.create({
+const je = (t, e, n) => t.getAsync("contactMethods").then((i) => {
+  i.create({
     clientName: e,
     render: "email.form",
     handleClick: () => (o, c) => {
       const {
-        body: { form: i, guideId: a, confirmationFallback: s, ...l }
+        body: { form: r, guideId: s, confirmationFallback: a, ...d }
       } = c;
-      i || (o.preventDefault(), n(l));
+      r || (o.preventDefault(), n(d));
     },
     onValidate: (o) => y(t, o),
     onComplete: (o) => b(t, o),
     onSubmit: (o) => {
       const {
-        body: { form: c, guideId: i, confirmationFallback: a, ...s }
-      } = o, { values: l } = new w(c).export();
-      return Promise.resolve(n(s, l)).then((d) => d || a);
+        body: { form: c, guideId: r, confirmationFallback: s, ...a }
+      } = o, { values: d } = new w(c).export();
+      return Promise.resolve(n(a, d)).then((l) => l || s);
     }
   });
 });
-class Oe extends G {
+class Oe extends U {
   constructor(e, n) {
     super(e, n), this.widget.implementation.configure((o) => {
       o.plugin(ue).plugin(pe).plugin(fe).plugin(ye).plugin(xe).plugin(ge);
@@ -598,14 +604,14 @@ export {
   Ce as d,
   k as e,
   b as f,
-  T as g,
+  L as g,
   ue as h,
   fe as i,
   je as j,
   Oe as k,
   ge as l,
   ye as p,
-  R as s,
+  T as s,
   ze as u,
   y as v,
   xe as w

package/index-9359a2fb.js

@@ -0,0 +1,97 @@
+"use strict";var Y=Object.defineProperty;var Z=(t,e,n)=>e in t?Y(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var N=(t,e,n)=>(Z(t,typeof e!="symbol"?e+"":e,n),n);const C=require("@telia-ace/widget-forms"),S=require("@telia-ace/knowledge-widget-core"),$=require("@telia-ace/widget-utilities"),k=require("react"),u=require("react/jsx-runtime"),w=require("@emotion/react"),p=require("@emotion/styled"),m=require("@telia-ace/knowledge-widget-ui"),A=(t,e,n=!1)=>t.getManyAsync("matchingClient","router").then(i=>{const{formData:o}=new C.FormReader(e.body.form).export(n),{router:c,matchingClient:r}=i,{params:s}=c.getRouteData();return r.customRequest(`contactmethods/${e.id}${n?"/validatedwithpayload":""}`,"POST",{body:o,configuration:{guideId:e.body.guideId||s.guideId}})}),j=(t,e,n)=>A(t,e).then(i=>n?n(i):i).then(({ConfirmationText:i})=>i),y=(t,e)=>A(t,e,!0).then(n=>({valid:n.Validation.IsValid,errors:n.Validation.Errors,errorTypes:n.Validation.ErrorTypes})),I=(t,e)=>A(t,e,!0).then(n=>C.FormBuilder.fromLegacyForm(e.id,n.ContactMethod.Form).get()),v=(t,e)=>t.getAsync("matchingClient").then(n=>{n.completeContactMethod(e.id)});function q(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"email.form",render:Promise.resolve().then(()=>require("./email-form-component-ea52694a.js")),onEvaluate:n=>I(t,n),onValidate:n=>y(t,n),onSubmit:n=>j(t,n),onComplete:n=>v(t,n)})})}const L=(t,e,n)=>{const{url:i,width:o,height:c}=e,r=n||{},s=document.createElement("a");return s.href=i,s.search.replace("?","").split("&").forEach(a=>{const[d,l]=a.split("=");typeof l<"u"&&(r[d]=l)}),s.search=Object.keys(r).map(a=>`${a}=${r[a]}`).join("&"),window.open(s.href,t,`width=${o},height=${c}`),""};function D(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"chat.popup",render:"email.form",handleClick:n=>{const{title:i,body:o}=n,{form:c,guideId:r,confirmationFallback:s,...a}=o;return c?()=>{}:d=>{d.preventDefault(),L(i,a)}},onValidate:n=>y(t,n),onComplete:n=>v(t,n),onSubmit:n=>{const{title:i,body:o}=n,{form:c,guideId:r,confirmationFallback:s,...a}=o,d=new C.FormReader(c).export().values;return L(i,a,d),s}})})}function F(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"custom.freetext",render:Promise.resolve().then(()=>require("./free-text-component-c7208b8d.js"))})})}function V(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"custom.link",render:Promise.resolve().then(()=>require("./link-component-6fbdc8fb.js"))})})}function z(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"phone.text",render:Promise.resolve().then(()=>require("./phone-component-ebf50e0d.js"))})})}const _=async(t,e)=>{const n=t.get(e.clientName);let{description:i,disabled:o,onClick:c}=e;if(n){const{handleClick:r,handleDescription:s,handleDisabled:a}=n;typeof r=="function"&&(c=await Promise.resolve(r(e))),typeof s=="function"&&(i=await Promise.resolve(s(e))),typeof a=="function"&&(o=await Promise.resolve(a(e)))}return Promise.resolve({...e,description:i,disabled:o,onClick:c})};class x{constructor(e,n){N(this,"adapters",new Map);N(this,"subs",[]);if(this.container=e,this.componentPlatform=n,n){n.components().ofType("contact-list").select().actions.watch("contact-list.fetched",async(r,s)=>{const{contactMethods:a}=r;if(a){const d=Promise.all(a.map(l=>this.handleAdapters(l)));await Promise.resolve(d).then(l=>{r.contactMethods=l})}return s(r)});const o=n.components().ofType("guide").select();o.actions.watch("guide.fetched",async(r,s)=>{const{contactMethods:a}=r;if(a){const d=Promise.all(a.map(l=>this.handleAdapters(l)));await Promise.resolve(d).then(l=>{r.contactMethods=l})}return s(r)}),o.actions.watch("guide.handover",async(r,s)=>{const{handoverContactMethods:a}=r;if(a){const d=Promise.all(a.map(l=>this.handleAdapters(l)));await Promise.resolve(d).then(l=>{r.handoverContactMethods=l})}return s(r)}),n.components().ofType("contact-method").select().actions.watch("contact-method.fetched",async(r,s)=>{const{contactMethod:a}=r;return a?this.handleAdapters(a).then(d=>s({...r,contactMethod:d})):s(r)})}}static create(e){return S.ComponentPlatform.getInstance(e).then(n=>new x(e,n))}handleAdapters(e){return _(this.adapters,e)}static getInstance(e,n="contactMethods"){return $.lock(e)(()=>e.getAsync(n).then(i=>{let o=i;return o||S.ComponentPlatform.getInstance(e).then(c=>(o=new x(e,c),e.registerAsync(n,()=>o),o))}))}track(e={},n){const{events:i}=this.container.get("$widget");i.dispatch("tracking:service-client-response",{type:n,data:e})}complete(e){const{id:n,title:i,clientName:o,expanded:c,body:r}=e;this.track({contactMethod:{id:n,title:i,expanded:c,type:o},hasGuide:!!r.guideId},"contact-method-complete");const s=this.adapters.get(o);if(s&&s.onComplete)return s.onComplete(e)}evaluate(e){const{clientName:n}=e,i=this.adapters.get(n);return i&&i.onEvaluate?Promise.resolve(i.onEvaluate(e)):Promise.resolve(e.body.form)}validate(e){const{id:n,title:i,clientName:o}=e,c=this.adapters.get(o);return c&&c.onValidate?Promise.resolve(c.onValidate(e)).then(r=>{this.track({contactMethod:{id:n,title:i,type:o},isValid:r.valid},"contact-method-validate");const{events:s}=this.container.get("$widget");return s.dispatch("form:validated",{isValid:r.valid}),r}):Promise.resolve({valid:!0})}submit(e){const{clientName:n}=e,i=this.adapters.get(n);return i&&i.onSubmit?Promise.resolve(i.onSubmit(e)).then(o=>(this.complete(e),o)):Promise.resolve("")}create(e){const{clientName:n,render:i}=e;return this.adapters.set(n,{onValidate:o=>y(this.container,o),onEvaluate:o=>I(this.container,o),onComplete:o=>v(this.container,o),...e}),this.container.getAsync("componentResolver").then(o=>{typeof i=="string"?this.subs.push(o.registerAlias(n,i)):this.subs.push(o.registerComponent(n,k.lazy(()=>i)))})}dispose(){this.subs.forEach(e=>e())}}p(m.Paragraph)`
+  ${t=>{var e;return m.headingElement(t)("h1",w.css`
+        font-weight: normal;
+        font-size: ${(e=t.theme.fonts)==null?void 0:e.medium};
+      `)}}
+`;const O=p(m.Html)`
+  ${m.genericHtml}
+  font-weight: 300;
+  line-height: 1.5em;
+  button:focus-visible {
+    ${m.borderTabStyle};
+  }
+
+  a:focus-visible {
+    ${m.linkTabStyle};
+  }
+`,H=t=>{const e=m.useComponent(t.clientName),{params:{contactCategory:n,guideCategory:i,phrase:o}}=m.useRouteData();if(typeof e>"u")return null;if(e===null)return process.env.NODE_ENV!=="production"?u.jsx(te,{title:`client-name: ${t.clientName}, id: ${t.id}`,className:"humany-non-resolved-contact-method",children:u.jsx(m.Typography,{variant:"h5",children:"Non resolved Contact Method type"})}):null;const c=(r={})=>{const s={...t,...r},{id:a,title:d,clientName:l,symbol:f,inline:P,onClick:b=()=>{},description:g,htmlParseInstruction:M,className:G,disabled:J,guideId:Q,dispatch:R=()=>{},expanded:E}=s,X=P?{onKeyDown:h=>{h.key&&h.key==="Enter"&&(b(h,s),h.defaultPrevented||!E&&R("expand",a))},onClick:h=>{b(h,s),h.defaultPrevented||!E&&R("expand",a)}}:{onClick:h=>b(h,s),routeName:"contact-method",params:$.createParams({contactCategory:n,guideId:Q,guideCategory:i,phrase:o,contactMethod:a,uriName:$.formatUrl(d)})};return u.jsxs(ee,{title:d,"aria-label":d,className:G,disabled:J,description:g,"data-client-name":l,...r,...X,children:[f&&u.jsx(m.SymbolBadge,{symbol:f}),g?u.jsxs("div",{className:"humany-contact-link-rich-content",children:[u.jsx(T,{children:d}),u.jsx(O,{html:g,htmlParseInstruction:M})]}):u.jsx(T,{children:d})]})};return t.expanded?u.jsx(k.Suspense,{fallback:null,children:u.jsx(e,{...t,renderDefault:c})}):c()},U=t=>{var e,n,i,o,c,r,s,a;return w.css`
+  display: flex;
+  padding: ${(e=t.theme.sizes)==null?void 0:e.large};
+  ${t.description?"":"align-items: center;"}
+  text-decoration: none;
+  span {
+    display: inline-block;
+    color: ${(n=t.theme.colors)==null?void 0:n.text};
+  }
+  i {
+    font-size: ${(i=t.theme.fonts)==null?void 0:i.large};
+    margin: 0 ${(o=t.theme.sizes)==null?void 0:o.large} 0 0;
+    min-height: ${(c=t.theme.fonts)==null?void 0:c.large};
+    min-width: ${(r=t.theme.fonts)==null?void 0:r.large};
+    line-height: ${(s=t.theme.fonts)==null?void 0:s.large};
+    display: inline-block;
+    vertical-align: bottom;
+    color: ${(a=t.theme.colors)==null?void 0:a.text};
+  }
+`},T=p(m.StyledText)`
+  line-height: ${t=>{var e;return(e=t.theme.fonts)==null?void 0:e.large}};
+`,ee=p(m.Link)`
+  ${t=>U(t)}
+
+  &:focus-visible {
+    ${m.borderTabStyle};
+  }
+`,te=p.div`
+  text-align: center;
+  display: block;
+  ${t=>{var e,n;return typeof((e=t.theme.colors)==null?void 0:e.warning)<"u"&&`color: ${(n=t.theme.colors)==null?void 0:n.warning};`}}
+`,W=t=>{var e,n,i;return w.css`
+  ${m.itemList(t)}
+
+  > div {
+    padding: ${(e=t.theme.sizes)==null?void 0:e.large};
+
+    ${m.headingElement(t)("h1",w.css`
+        margin: 0;
+      `)}
+  }
+
+  > ul {
+    &:not(:first-child) {
+      border-top: ${t.theme.border};
+    }
+
+    > li {
+      margin: 0;
+      white-space: normal;
+
+      > a {
+        overflow: hidden;
+      }
+
+      &:first-child > a {
+        border-radius: ${`${t.theme.borderRadius} ${t.theme.borderRadius} 0 0`};
+      }
+
+      &:last-child:not(:first-child) > a {
+        border-radius: ${`0 0 ${t.theme.borderRadius} ${t.theme.borderRadius}`};
+      }
+
+      &:not(:last-child) {
+        border-bottom: ${t.theme.border};
+      }
+
+      > div {
+        padding: ${(n=t.theme.sizes)==null?void 0:n.large};
+      }
+    }
+  }
+
+  @media (hover: hover) {
+    a:hover {
+      background-color: ${(i=t.theme.colors)==null?void 0:i.accent};
+    }
+  }
+`},ne=p(m.ItemList)`
+  ${t=>W(t)}
+`,oe=({contactMethods:t,children:e,guideId:n,dispatch:i,className:o="",itemRenderer:c,action:r=()=>{},header:s=""})=>{const a=m.useContainer(),{events:d}=a.get("$widget");return t.length?u.jsx(ne,{header:s,className:$.appendClassNames(o,"humany-contact-list"),items:t,renderItem:c?l=>u.jsx("li",{role:t.length===1?"none":void 0,"data-contact-method":l.id,children:c(l,{action:r,dispatch:i,guideId:n})},l.id):l=>u.jsx("li",{role:t.length===1?"none":void 0,"data-contact-method":l.id,onClick:()=>{d.dispatch("tracking:contact-list-item-clicked",l)},children:u.jsx(H,{...l,action:r,dispatch:i,guideId:n})},l.id),children:e}):null},B=(t,e)=>{if(t.actionKey===e)return t;if(!t.properties)return null;const n=Object.keys(t.properties);let i;for(let o=0;o<n.length;o++)if(i=B(t.properties[n[o]],e),i)return i;return!1},ie=({className:t,body:{form:e},id:n,action:i,dispatch:o,disabled:c,autoFocus:r})=>{if(e&&!c){const{schema:s,layout:a,data:d,meta:l}=e,f=o||i||(()=>{});return u.jsx(C.FormComponent,{className:t,schema:s,layout:a,data:d,autoFocus:r,onChange:(P,b)=>{const g={schema:s,layout:a,data:b,meta:l};P.toString()==="submit"?f("submit",{id:n,form:g}):B(s,P).evaluate?f("evaluate",{id:n,form:g}):f("validate",{id:n,form:g})}})}return null},re=t=>{const[e,n]=k.useState(null),i=m.useContainer();return k.useEffect(()=>{let o;return i.getAsync("componentResolver").then(c=>{o=c.registerResolver(t,r=>n(r))}),()=>{o&&o()}},[t]),e};function K(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"custom.webservice",render:"email.form",onValidate:n=>y(t,n),onComplete:n=>v(t,n),onSubmit:n=>j(t,n,i=>({...i,ConfirmationText:i.ResponseHtml}))})})}const se=(t,e,n)=>t.getAsync("contactMethods").then(i=>{i.create({clientName:e,render:"email.form",handleClick:()=>(o,c)=>{const{body:{form:r,guideId:s,confirmationFallback:a,...d}}=c;r||(o.preventDefault(),n(d))},onValidate:o=>y(t,o),onComplete:o=>v(t,o),onSubmit:o=>{const{body:{form:c,guideId:r,confirmationFallback:s,...a}}=o,{values:d}=new C.FormReader(c).export();return Promise.resolve(n(a,d)).then(l=>l||s)}})});class ae extends S.Plugin{constructor(e,n){super(e,n),this.widget.implementation.configure(o=>{o.plugin(q).plugin(D).plugin(F).plugin(z).plugin(K).plugin(V)})}}exports.ContactList=oe;exports.ContactMethod=H;exports.ContactMethodPlatform=x;exports.DefaultContactMethodsPlugin=ae;exports.Description=O;exports.Form=ie;exports.chatPopupPlugin=D;exports.complete=v;exports.contactItemList=W;exports.contactLink=U;exports.createSubmitAdapter=se;exports.emailPlugin=q;exports.evaluate=I;exports.freeTextPlugin=F;exports.linkPlugin=V;exports.phonePlugin=z;exports.submit=j;exports.useContactMethod=re;exports.validate=y;exports.webServicePlugin=K;

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-dd63627f.js");require("@telia-ace/widget-forms");require("@telia-ace/knowledge-widget-core");require("@telia-ace/widget-utilities");require("react");require("react/jsx-runtime");require("@emotion/react");require("@emotion/styled");require("@telia-ace/knowledge-widget-ui");exports.ChatPopupPlugin=t.chatPopupPlugin;exports.ContactList=t.ContactList;exports.ContactMethod=t.ContactMethod;exports.ContactMethodPlatform=t.ContactMethodPlatform;exports.DefaultContactMethodsPlugin=t.DefaultContactMethodsPlugin;exports.DefaultForm=t.Form;exports.EmailFormPlugin=t.emailPlugin;exports.FreeTextPlugin=t.freeTextPlugin;exports.LinkPlugin=t.linkPlugin;exports.PhonePlugin=t.phonePlugin;exports.WebServicePlugin=t.webServicePlugin;exports.contactItemList=t.contactItemList;exports.contactLink=t.contactLink;exports.createSubmitAdapter=t.createSubmitAdapter;exports.defaultComplete=t.complete;exports.defaultEvaluate=t.evaluate;exports.defaultSubmit=t.submit;exports.defaultValidate=t.validate;exports.useContactMethod=t.useContactMethod;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-9359a2fb.js");require("@telia-ace/widget-forms");require("@telia-ace/knowledge-widget-core");require("@telia-ace/widget-utilities");require("react");require("react/jsx-runtime");require("@emotion/react");require("@emotion/styled");require("@telia-ace/knowledge-widget-ui");exports.ChatPopupPlugin=t.chatPopupPlugin;exports.ContactList=t.ContactList;exports.ContactMethod=t.ContactMethod;exports.ContactMethodPlatform=t.ContactMethodPlatform;exports.DefaultContactMethodsPlugin=t.DefaultContactMethodsPlugin;exports.DefaultForm=t.Form;exports.EmailFormPlugin=t.emailPlugin;exports.FreeTextPlugin=t.freeTextPlugin;exports.LinkPlugin=t.linkPlugin;exports.PhonePlugin=t.phonePlugin;exports.WebServicePlugin=t.webServicePlugin;exports.contactItemList=t.contactItemList;exports.contactLink=t.contactLink;exports.createSubmitAdapter=t.createSubmitAdapter;exports.defaultComplete=t.complete;exports.defaultEvaluate=t.evaluate;exports.defaultSubmit=t.submit;exports.defaultValidate=t.validate;exports.useContactMethod=t.useContactMethod;

package/index.mjs

@@ -1,4 +1,4 @@
-import { c as r, C as p, d as c, e as d, k as P, F as f, h as g, i as C, l as h, p as b, w as F, a as L, b as M, j as k, f as v, g as S, s as x, v as D, u as E } from "./index-d3757267.mjs";
+import { c as r, C as p, d as c, e as d, k as P, F as f, h as g, i as C, l as h, p as b, w as F, a as L, b as M, j as k, f as v, g as S, s as x, v as D, u as E } from "./index-2fbbe95d.mjs";
 import "@telia-ace/widget-forms";
 import "@telia-ace/knowledge-widget-core";
 import "@telia-ace/widget-utilities";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-adapters",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -11,11 +11,11 @@
   },
   "dependencies": {
     "@telia-ace/knowledge-serviceclient": "^1.0.31",
-    "@telia-ace/knowledge-widget-core": "^1.1.5",
-    "@telia-ace/knowledge-widget-ui": "^1.1.5",
-    "@telia-ace/widget-forms": "^1.1.5",
-    "@telia-ace/widget-routing": "^1.1.5",
-    "@telia-ace/widget-utilities": "^1.1.5",
+    "@telia-ace/knowledge-widget-core": "^1.1.6",
+    "@telia-ace/knowledge-widget-ui": "^1.1.6",
+    "@telia-ace/widget-forms": "^1.1.6",
+    "@telia-ace/widget-routing": "^1.1.6",
+    "@telia-ace/widget-utilities": "^1.1.6",
     "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {

package/index-dd63627f.js

@@ -1,97 +0,0 @@
-"use strict";var Y=Object.defineProperty;var Z=(t,e,n)=>e in t?Y(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n;var N=(t,e,n)=>(Z(t,typeof e!="symbol"?e+"":e,n),n);const C=require("@telia-ace/widget-forms"),S=require("@telia-ace/knowledge-widget-core"),$=require("@telia-ace/widget-utilities"),k=require("react"),u=require("react/jsx-runtime"),w=require("@emotion/react"),p=require("@emotion/styled"),m=require("@telia-ace/knowledge-widget-ui"),A=(t,e,n=!1)=>t.getManyAsync("matchingClient","router").then(r=>{const{formData:o}=new C.FormReader(e.body.form).export(n),{router:c,matchingClient:i}=r,{params:s}=c.getRouteData();return i.customRequest(`contactmethods/${e.id}${n?"/validatedwithpayload":""}`,"POST",{body:o,configuration:{guideId:e.body.guideId||s.guideId}})}),j=(t,e,n)=>A(t,e).then(r=>n?n(r):r).then(({ConfirmationText:r})=>r),y=(t,e)=>A(t,e,!0).then(n=>({valid:n.Validation.IsValid,errors:n.Validation.Errors,errorTypes:n.Validation.ErrorTypes})),I=(t,e)=>A(t,e,!0).then(n=>C.FormBuilder.fromLegacyForm(e.id,n.ContactMethod.Form).get()),b=(t,e)=>t.getAsync("matchingClient").then(n=>{n.completeContactMethod(e.id)});function q(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"email.form",render:Promise.resolve().then(()=>require("./email-form-component-2894c6fc.js")),onEvaluate:n=>I(t,n),onValidate:n=>y(t,n),onSubmit:n=>j(t,n),onComplete:n=>b(t,n)})})}const L=(t,e,n)=>{const{url:r,width:o,height:c}=e,i=n||{},s=document.createElement("a");return s.href=r,s.search.replace("?","").split("&").forEach(a=>{const[l,d]=a.split("=");typeof d<"u"&&(i[l]=d)}),s.search=Object.keys(i).map(a=>`${a}=${i[a]}`).join("&"),window.open(s.href,t,`width=${o},height=${c}`),""};function D(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"chat.popup",render:"email.form",handleClick:n=>{const{title:r,body:o}=n,{form:c,guideId:i,confirmationFallback:s,...a}=o;return c?()=>{}:l=>{l.preventDefault(),L(r,a)}},onValidate:n=>y(t,n),onComplete:n=>b(t,n),onSubmit:n=>{const{title:r,body:o}=n,{form:c,guideId:i,confirmationFallback:s,...a}=o,l=new C.FormReader(c).export().values;return L(r,a,l),s}})})}function F(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"custom.freetext",render:Promise.resolve().then(()=>require("./free-text-component-4177eff1.js"))})})}function V(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"custom.link",render:Promise.resolve().then(()=>require("./link-component-6fbdc8fb.js"))})})}function z(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"phone.text",render:Promise.resolve().then(()=>require("./phone-component-ebf50e0d.js"))})})}const _=async(t,e)=>{const n=t.get(e.clientName);let{description:r,disabled:o,onClick:c}=e;if(n){const{handleClick:i,handleDescription:s,handleDisabled:a}=n;typeof i=="function"&&(c=await Promise.resolve(i(e))),typeof s=="function"&&(r=await Promise.resolve(s(e))),typeof a=="function"&&(o=await Promise.resolve(a(e)))}return Promise.resolve({...e,description:r,disabled:o,onClick:c})};class x{constructor(e,n){N(this,"adapters",new Map);N(this,"subs",[]);if(this.container=e,this.componentPlatform=n,n){n.components().ofType("contact-list").select().actions.watch("contact-list.fetched",async(i,s)=>{const{contactMethods:a}=i;if(a){const l=Promise.all(a.map(d=>this.handleAdapters(d)));await Promise.resolve(l).then(d=>{i.contactMethods=d})}return s(i)});const o=n.components().ofType("guide").select();o.actions.watch("guide.fetched",async(i,s)=>{const{contactMethods:a}=i;if(a){const l=Promise.all(a.map(d=>this.handleAdapters(d)));await Promise.resolve(l).then(d=>{i.contactMethods=d})}return s(i)}),o.actions.watch("guide.handover",async(i,s)=>{const{handoverContactMethods:a}=i;if(a){const l=Promise.all(a.map(d=>this.handleAdapters(d)));await Promise.resolve(l).then(d=>{i.handoverContactMethods=d})}return s(i)}),n.components().ofType("contact-method").select().actions.watch("contact-method.fetched",async(i,s)=>{const{contactMethod:a}=i;return a?this.handleAdapters(a).then(l=>s({...i,contactMethod:l})):s(i)})}}static create(e){return S.ComponentPlatform.getInstance(e).then(n=>new x(e,n))}handleAdapters(e){return _(this.adapters,e)}static getInstance(e,n="contactMethods"){return $.lock(e)(()=>e.getAsync(n).then(r=>{let o=r;return o||S.ComponentPlatform.getInstance(e).then(c=>(o=new x(e,c),e.registerAsync(n,()=>o),o))}))}track(e={},n){const{events:r}=this.container.get("$widget");r.dispatch("tracking:service-client-response",{type:n,data:e})}complete(e){const{id:n,title:r,clientName:o,expanded:c,body:i}=e;this.track({contactMethod:{id:n,title:r,expanded:c,type:o},hasGuide:!!i.guideId},"contact-method-complete");const s=this.adapters.get(o);if(s&&s.onComplete)return s.onComplete(e)}evaluate(e){const{clientName:n}=e,r=this.adapters.get(n);return r&&r.onEvaluate?Promise.resolve(r.onEvaluate(e)):Promise.resolve(e.body.form)}validate(e){const{id:n,title:r,clientName:o}=e,c=this.adapters.get(o);return c&&c.onValidate?Promise.resolve(c.onValidate(e)).then(i=>{this.track({contactMethod:{id:n,title:r,type:o},isValid:i.valid},"contact-method-validate");const{events:s}=this.container.get("$widget");return s.dispatch("form:validated",{isValid:i.valid}),i}):Promise.resolve({valid:!0})}submit(e){const{clientName:n}=e,r=this.adapters.get(n);return r&&r.onSubmit?Promise.resolve(r.onSubmit(e)).then(o=>(this.complete(e),o)):Promise.resolve("")}create(e){const{clientName:n,render:r}=e;return this.adapters.set(n,{onValidate:o=>y(this.container,o),onEvaluate:o=>I(this.container,o),onComplete:o=>b(this.container,o),...e}),this.container.getAsync("componentResolver").then(o=>{typeof r=="string"?this.subs.push(o.registerAlias(n,r)):this.subs.push(o.registerComponent(n,k.lazy(()=>r)))})}dispose(){this.subs.forEach(e=>e())}}p(m.Paragraph)`
-  ${t=>{var e;return m.headingElement(t)("h1",w.css`
-        font-weight: normal;
-        font-size: ${(e=t.theme.fonts)==null?void 0:e.medium};
-      `)}}
-`;const O=p(m.Html)`
-  ${m.genericHtml}
-  font-weight: 300;
-  line-height: 1.5em;
-  button:focus-visible {
-    ${m.borderTabStyle};
-  }
-
-  a:focus-visible {
-    ${m.linkTabStyle};
-  }
-`,H=t=>{const e=m.useComponent(t.clientName),{params:{contactCategory:n,guideCategory:r,phrase:o}}=m.useRouteData();if(typeof e>"u")return null;if(e===null)return process.env.NODE_ENV!=="production"?u.jsx(te,{title:`client-name: ${t.clientName}, id: ${t.id}`,className:"humany-non-resolved-contact-method",children:u.jsx(m.Typography,{variant:"h5",children:"Non resolved Contact Method type"})}):null;const c=(i={})=>{const s={...t,...i},{id:a,title:l,clientName:d,symbol:f,inline:P,onClick:v=()=>{},description:g,htmlParseInstruction:M,className:G,disabled:J,guideId:Q,dispatch:R=()=>{},expanded:E}=s,X=P?{onKeyDown:h=>{h.key&&h.key==="Enter"&&(v(h,s),h.defaultPrevented||!E&&R("expand",a))},onClick:h=>{v(h,s),h.defaultPrevented||!E&&R("expand",a)}}:{onClick:h=>v(h,s),routeName:"contact-method",params:$.createParams({contactCategory:n,guideId:Q,guideCategory:r,phrase:o,contactMethod:a,uriName:$.formatUrl(l)})};return u.jsxs(ee,{title:l,"aria-label":l,className:G,disabled:J,description:g,"data-client-name":d,...i,...X,children:[f&&u.jsx(m.SymbolBadge,{symbol:f}),g?u.jsxs("div",{className:"humany-contact-link-rich-content",children:[u.jsx(T,{children:l}),u.jsx(O,{html:g,htmlParseInstruction:M})]}):u.jsx(T,{children:l})]})};return t.expanded?u.jsx(k.Suspense,{fallback:null,children:u.jsx(e,{...t,renderDefault:c})}):c()},U=t=>{var e,n,r,o,c,i,s,a;return w.css`
-  display: flex;
-  padding: ${(e=t.theme.sizes)==null?void 0:e.large};
-  ${t.description?"":"align-items: center;"}
-  text-decoration: none;
-  span {
-    display: inline-block;
-    color: ${(n=t.theme.colors)==null?void 0:n.text};
-  }
-  i {
-    font-size: ${(r=t.theme.fonts)==null?void 0:r.large};
-    margin: 0 ${(o=t.theme.sizes)==null?void 0:o.large} 0 0;
-    min-height: ${(c=t.theme.fonts)==null?void 0:c.large};
-    min-width: ${(i=t.theme.fonts)==null?void 0:i.large};
-    line-height: ${(s=t.theme.fonts)==null?void 0:s.large};
-    display: inline-block;
-    vertical-align: bottom;
-    color: ${(a=t.theme.colors)==null?void 0:a.text};
-  }
-`},T=p(m.StyledText)`
-  line-height: ${t=>{var e;return(e=t.theme.fonts)==null?void 0:e.large}};
-`,ee=p(m.Link)`
-  ${t=>U(t)}
-
-  &:focus-visible {
-    ${m.borderTabStyle};
-  }
-`,te=p.div`
-  text-align: center;
-  display: block;
-  ${t=>{var e,n;return typeof((e=t.theme.colors)==null?void 0:e.warning)<"u"&&`color: ${(n=t.theme.colors)==null?void 0:n.warning};`}}
-`,W=t=>{var e,n,r;return w.css`
-  ${m.itemList(t)}
-
-  > div {
-    padding: ${(e=t.theme.sizes)==null?void 0:e.large};
-
-    ${m.headingElement(t)("h1",w.css`
-        margin: 0;
-      `)}
-  }
-
-  > ul {
-    &:not(:first-child) {
-      border-top: ${t.theme.border};
-    }
-
-    > li {
-      margin: 0;
-      white-space: normal;
-
-      > a {
-        overflow: hidden;
-      }
-
-      &:first-child > a {
-        border-radius: ${`${t.theme.borderRadius} ${t.theme.borderRadius} 0 0`};
-      }
-
-      &:last-child:not(:first-child) > a {
-        border-radius: ${`0 0 ${t.theme.borderRadius} ${t.theme.borderRadius}`};
-      }
-
-      &:not(:last-child) {
-        border-bottom: ${t.theme.border};
-      }
-
-      > div {
-        padding: ${(n=t.theme.sizes)==null?void 0:n.large};
-      }
-    }
-  }
-
-  @media (hover: hover) {
-    a:hover {
-      background-color: ${(r=t.theme.colors)==null?void 0:r.accent};
-    }
-  }
-`},ne=p(m.ItemList)`
-  ${t=>W(t)}
-`,oe=({contactMethods:t,children:e,guideId:n,dispatch:r,className:o="",itemRenderer:c,action:i=()=>{},header:s=""})=>t.length?u.jsx(ne,{header:s,className:$.appendClassNames(o,"humany-contact-list"),items:t,renderItem:c?a=>u.jsx("li",{role:t.length===1?"none":void 0,"data-contact-method":a.id,children:c(a,{action:i,dispatch:r,guideId:n})},a.id):a=>u.jsx("li",{role:t.length===1?"none":void 0,"data-contact-method":a.id,children:u.jsx(H,{...a,action:i,dispatch:r,guideId:n})},a.id),children:e}):null,B=(t,e)=>{if(t.actionKey===e)return t;if(!t.properties)return null;const n=Object.keys(t.properties);let r;for(let o=0;o<n.length;o++)if(r=B(t.properties[n[o]],e),r)return r;return!1},re=({className:t,body:{form:e},id:n,action:r,dispatch:o,disabled:c,autoFocus:i})=>{if(e&&!c){const{schema:s,layout:a,data:l,meta:d}=e,f=o||r||(()=>{});return u.jsx(C.FormComponent,{className:t,schema:s,layout:a,data:l,autoFocus:i,onChange:(P,v)=>{const g={schema:s,layout:a,data:v,meta:d};P.toString()==="submit"?f("submit",{id:n,form:g}):B(s,P).evaluate?f("evaluate",{id:n,form:g}):f("validate",{id:n,form:g})}})}return null},ie=t=>{const[e,n]=k.useState(null),r=m.useContainer();return k.useEffect(()=>{let o;return r.getAsync("componentResolver").then(c=>{o=c.registerResolver(t,i=>n(i))}),()=>{o&&o()}},[t]),e};function K(t){t.getAsync("contactMethods").then(e=>{e.create({clientName:"custom.webservice",render:"email.form",onValidate:n=>y(t,n),onComplete:n=>b(t,n),onSubmit:n=>j(t,n,r=>({...r,ConfirmationText:r.ResponseHtml}))})})}const se=(t,e,n)=>t.getAsync("contactMethods").then(r=>{r.create({clientName:e,render:"email.form",handleClick:()=>(o,c)=>{const{body:{form:i,guideId:s,confirmationFallback:a,...l}}=c;i||(o.preventDefault(),n(l))},onValidate:o=>y(t,o),onComplete:o=>b(t,o),onSubmit:o=>{const{body:{form:c,guideId:i,confirmationFallback:s,...a}}=o,{values:l}=new C.FormReader(c).export();return Promise.resolve(n(a,l)).then(d=>d||s)}})});class ae extends S.Plugin{constructor(e,n){super(e,n),this.widget.implementation.configure(o=>{o.plugin(q).plugin(D).plugin(F).plugin(z).plugin(K).plugin(V)})}}exports.ContactList=oe;exports.ContactMethod=H;exports.ContactMethodPlatform=x;exports.DefaultContactMethodsPlugin=ae;exports.Description=O;exports.Form=re;exports.chatPopupPlugin=D;exports.complete=b;exports.contactItemList=W;exports.contactLink=U;exports.createSubmitAdapter=se;exports.emailPlugin=q;exports.evaluate=I;exports.freeTextPlugin=F;exports.linkPlugin=V;exports.phonePlugin=z;exports.submit=j;exports.useContactMethod=ie;exports.validate=y;exports.webServicePlugin=K;