@telia-ace/conversational-hub-bot-provider 0.0.8 → 0.0.9

package/{contact-method-93e1c90e.mjs → contact-method-45c0a464.mjs}

@@ -1,9 +1,9 @@
 var it = Object.defineProperty;
 var nt = (t, e, o) => e in t ? it(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o;
 var _ = (t, e, o) => (nt(t, typeof e != "symbol" ? e + "" : e, o), o);
-import { jsx as u, jsxs as z, Fragment as st } from "react/jsx-runtime";
-import { C as rt, u as ve, a as Ee, b as at, c as ct, d as lt, e as dt, f as mt, g as G, F as he, W as ue, l as ft, h as ht, L as Oe, I as ne, n as p, i as $e, j as Le, k as qe, m as Z, o as J, p as X, q as $, T as je, B as we, r as ke, s as ut, S as j, t as se, v as Fe, w as ge, x as gt, y as V, z as Be, P as De, A as Ge, H as yt, D as pt, E as bt, G as Ne } from "./index-f697afbd.mjs";
-import { useContext as Pe, useState as D, useEffect as q, forwardRef as re, useCallback as H, useMemo as vt, useRef as He, useImperativeHandle as $t, Suspense as wt } from "react";
+import { jsx as u, jsxs as R, Fragment as st } from "react/jsx-runtime";
+import { C as rt, u as ve, a as Ee, b as at, c as ct, d as lt, e as dt, f as mt, g as G, F as he, W as ue, l as ft, h as ht, L as Oe, I as ne, n as y, i as $e, j as Le, k as qe, m as Z, o as J, p as X, q as x, T as je, B as we, r as ke, s as ut, S as j, t as se, v as Fe, w as ge, x as gt, y as V, z as Be, P as De, A as Ge, H as yt, D as pt, E as bt, G as Ne } from "./index-fb4b566f.mjs";
+import { useContext as Pe, useState as D, useEffect as q, forwardRef as re, useCallback as Y, useMemo as vt, useRef as He, useImperativeHandle as $t, Suspense as wt } from "react";
 import "react-dom";
 function W(t = {}) {
   const {
@@ -19,12 +19,12 @@ function W(t = {}) {
     sorting: h,
     tag: m,
     tagId: g,
-    tagTitle: b,
-    ...y
+    tagTitle: v,
+    ...p
   } = t, d = {};
-  return Object.keys(y).forEach((f) => {
+  return Object.keys(p).forEach((f) => {
     typeof t[f] == "string" && (d[f] = t[f]);
-  }), typeof e == "string" && e.length && (d.phrase = e), e === null && (d.phrase = e), typeof n == "string" && n !== "0" && (d.guideCategory = n), typeof n == "number" && n !== 0 && (d.guideCategory = n), typeof n == "object" && n !== null && (typeof n.id == "string" && n.id !== "0" && (d.guideCategory = n.id), typeof n.id == "number" && n.id !== 0 && (d.guideCategory = n.id)), typeof i == "string" && i !== "0" && (d.contactCategory = i), typeof i == "number" && i !== 0 && (d.contactCategory = i), typeof i == "object" && i !== null && (typeof i.id == "string" && i.id !== "0" && (d.contactCategory = i.id), typeof i.id == "number" && i.id !== 0 && (d.contactCategory = i.id)), typeof o == "string" && o !== "0" && (d.category = o), typeof o == "number" && o !== 0 && (d.category = o), typeof o == "object" && o !== null && (typeof o.id == "string" && o.id !== "0" && (d.category = o.id), typeof o.id == "number" && o.id !== 0 && (d.category = o.id)), c && (d.id = c), l && (+d.category || +d.guideCategory || +d.guide || +d.contactCategory || +d.contactMethod) && (d.uriName = l), a && (d.connectionKey = a), s && (d.take = s), h && (d.sorting = h), typeof r == "string" && r.length > 0 && (d.accordion = r), typeof m == "string" && m !== "0" && (d.tag = m), typeof m == "number" && m !== 0 && (d.tag = m), Array.isArray(m) && m.length && (d.tag = m), (typeof g == "string" || typeof g == "number") && (d.tagId = g), typeof b == "string" && (d.tagTitle = b), typeof d.tag == "string" && (d.tag = d.tag.split(",")), d;
+  }), typeof e == "string" && e.length && (d.phrase = e), e === null && (d.phrase = e), typeof n == "string" && n !== "0" && (d.guideCategory = n), typeof n == "number" && n !== 0 && (d.guideCategory = n), typeof n == "object" && n !== null && (typeof n.id == "string" && n.id !== "0" && (d.guideCategory = n.id), typeof n.id == "number" && n.id !== 0 && (d.guideCategory = n.id)), typeof i == "string" && i !== "0" && (d.contactCategory = i), typeof i == "number" && i !== 0 && (d.contactCategory = i), typeof i == "object" && i !== null && (typeof i.id == "string" && i.id !== "0" && (d.contactCategory = i.id), typeof i.id == "number" && i.id !== 0 && (d.contactCategory = i.id)), typeof o == "string" && o !== "0" && (d.category = o), typeof o == "number" && o !== 0 && (d.category = o), typeof o == "object" && o !== null && (typeof o.id == "string" && o.id !== "0" && (d.category = o.id), typeof o.id == "number" && o.id !== 0 && (d.category = o.id)), c && (d.id = c), l && (+d.category || +d.guideCategory || +d.guide || +d.contactCategory || +d.contactMethod) && (d.uriName = l), a && (d.connectionKey = a), s && (d.take = s), h && (d.sorting = h), typeof r == "string" && r.length > 0 && (d.accordion = r), typeof m == "string" && m !== "0" && (d.tag = m), typeof m == "number" && m !== 0 && (d.tag = m), Array.isArray(m) && m.length && (d.tag = m), (typeof g == "string" || typeof g == "number") && (d.tagId = g), typeof v == "string" && (d.tagTitle = v), typeof d.tag == "string" && (d.tag = d.tag.split(",")), d;
 }
 const ye = (t) => {
   if (!t)
@@ -306,28 +306,28 @@ const ze = (t) => import("./index-5c9c2abf.mjs").then(
   Form: r,
   Description: c
 }, l) => {
-  const { Adapter: h } = n || { Adapter: {} }, { ClientName: m = "", Settings: g = {}, CustomClientName: b = "" } = h, y = {
+  const { Adapter: h } = n || { Adapter: {} }, { ClientName: m = "", Settings: g = {}, CustomClientName: v = "" } = h, p = {
     id: t.toString(),
     title: e,
     description: c,
     symbol: B(o),
-    clientName: m === "custom.adapter" ? b : m,
+    clientName: m === "custom.adapter" ? v : m,
     expanded: !0,
     inline: !0,
     body: {}
   };
   if (m.indexOf("phone") > -1 || m.indexOf("freetext") > -1) {
     const { displayTextBeforeClick: d, textBeforeClick: f } = g;
-    d === "true" && (y.expanded = !1, y.title = f), m.indexOf("phone.text") > -1 ? y.body.phoneNumber = g.phoneNumber : y.body.freetext = g.freetext;
+    d === "true" && (p.expanded = !1, p.title = f), m.indexOf("phone.text") > -1 ? p.body.phoneNumber = g.phoneNumber : p.body.freetext = g.freetext;
   }
-  return (m.indexOf("chat.popup") > -1 || m.indexOf("link") > -1 || m === "custom.adapter" && i === "custom") && (y.body = g, y.body.confirmationFallback = s), m.indexOf("ace") > -1 && (y.body = g), r && r.HasValueComponents && (l ? y.body.form = he.fromLegacyForm(
+  return (m.indexOf("chat.popup") > -1 || m.indexOf("link") > -1 || m === "custom.adapter" && i === "custom") && (p.body = g, p.body.confirmationFallback = s), m.indexOf("ace") > -1 && (p.body = g), r && r.HasValueComponents && (l ? p.body.form = he.fromLegacyForm(
     t.toString(),
     r,
     l
-  ).get() : y.body.form = he.fromLegacyForm(
+  ).get() : p.body.form = he.fromLegacyForm(
     t.toString(),
     r
-  ).get(), a || (y.expanded = y.inline = !1)), y;
+  ).get(), a || (p.expanded = p.inline = !1)), p;
 }, K = (t = []) => t.map(
   ({ Id: e, Title: o, TotalMatches: n, Symbol: i, DefaultIcon: s, ActiveIcon: a }) => ({
     id: e.toString(),
@@ -345,8 +345,8 @@ const ze = (t) => import("./index-5c9c2abf.mjs").then(
   modified: s
 })), Rt = (t, e) => {
   switch (t) {
-    case I.MatchByCategory:
-    case I.Match: {
+    case E.MatchByCategory:
+    case E.Match: {
       const o = {
         guides: [],
         matches: 0,
@@ -372,14 +372,14 @@ const ze = (t) => import("./index-5c9c2abf.mjs").then(
         })
       ), o.tags = K(r), o.notificationLists = le(a || []), o.topNotifications = L(s || [], "noticeRowTop"), o.middleNotifications = L(s || [], "noticeRowMiddle"), o.bottomNotifications = L(s || [], "footerNotice"), o;
     }
-    case I.Categories: {
+    case E.Categories: {
       const { Children: o, GuidesCountTotal: n } = e;
       return {
         categories: be(o || []),
         matches: n
       };
     }
-    case I.Guide: {
+    case E.Guide: {
       const {
         Id: o,
         Title: n,
@@ -392,52 +392,52 @@ const ze = (t) => import("./index-5c9c2abf.mjs").then(
         HandoverExists: h,
         FirstPublishedDate: m,
         Modified: g,
-        ModifiedByDisplayName: b,
-        FirstPublishedByDisplayName: y,
+        ModifiedByDisplayName: v,
+        FirstPublishedByDisplayName: p,
         Categories: d,
         Tags: f,
-        SeoMetaDescription: v,
-        SeoAllowIndex: C,
-        Perspectives: M,
-        PerspectiveKey: w,
-        Translations: S
-      } = e, x = w || Object.values(M).find(
-        (R) => R === r
-      ) || M.Default || null, Y = {
+        SeoMetaDescription: $,
+        SeoAllowIndex: z,
+        Perspectives: S,
+        PerspectiveKey: C,
+        Translations: A
+      } = e, b = C || Object.values(S).find(
+        (N) => N === r
+      ) || S.Default || null, T = {
         guide: {
           id: o.toString(),
           title: n,
           body: i,
           modified: g,
           published: m,
-          modifiedBy: b,
-          publishedBy: y,
+          modifiedBy: v,
+          publishedBy: p,
           connection: r,
           categories: d,
           hasHandover: h,
           allowFeedback: l,
-          seoMetaDescription: v,
-          seoAllowIndex: C,
-          perspectives: M,
-          perspective: x,
-          translations: Object.keys(S || {}).reduce((R, E) => (R[E] = S[E].toString(), R), {})
+          seoMetaDescription: $,
+          seoAllowIndex: z,
+          perspectives: S,
+          perspective: b,
+          translations: Object.keys(A || {}).reduce((N, F) => (N[F] = A[F].toString(), N), {})
         },
         related: me(s || []),
         dialog: [],
         contactMethods: (c || []).map(
-          (R) => de(R)
+          (N) => de(N)
         ),
         tags: K(f)
       };
       return (a || []).forEach(
-        ({ CanAccess: R, Description: E, ConnectionId: F, Properties: k }) => {
-          if (!R)
+        ({ CanAccess: N, Description: F, ConnectionId: P, Properties: w }) => {
+          if (!N)
             return;
-          const T = {
+          const M = {
             id: o.toString(),
-            title: E,
-            connection: F,
-            connectionKey: k.ConnectionKey,
+            title: F,
+            connection: P,
+            connectionKey: w.ConnectionKey,
             type: ie.default,
             parent: {
               id: o.toString(),
@@ -445,20 +445,20 @@ const ze = (t) => import("./index-5c9c2abf.mjs").then(
               tags: K(f)
             }
           };
-          if (k.Type === "Guide" || k.Type === "Link")
-            switch (k.Id && (T.id = k.Id.toString()), k.Uri && (T.href = k.Uri), k.Target && (T.target = k.Target), k.Type) {
+          if (w.Type === "Guide" || w.Type === "Link")
+            switch (w.Id && (M.id = w.Id.toString()), w.Uri && (M.href = w.Uri), w.Target && (M.target = w.Target), w.Type) {
               case "Guide":
-                T.type = ie.guide;
+                M.type = ie.guide;
                 break;
               case "Link":
-                T.type = ie.link;
+                M.type = ie.link;
                 break;
             }
-          Y.dialog.push(T);
+          T.dialog.push(M);
         }
-      ), Y;
+      ), T;
     }
-    case I.Contacts: {
+    case E.Contacts: {
       const {
         Children: o,
         Matches: n,
@@ -476,14 +476,14 @@ const ze = (t) => import("./index-5c9c2abf.mjs").then(
         notificationLists: le(s || [])
       };
     }
-    case I.ContactMethod: {
+    case E.ContactMethod: {
       const { ContactMethod: o } = e;
       return de(o || {});
     }
-    case I.Tags:
-    case I.TagsOnGuides:
+    case E.Tags:
+    case E.TagsOnGuides:
       return K(e || []);
-    case I.Notifications: {
+    case E.Notifications: {
       const { Notices: o, NoticeLists: n } = e;
       return {
         topNotifications: L(o || [], "noticeRowTop"),
@@ -496,7 +496,7 @@ const ze = (t) => import("./index-5c9c2abf.mjs").then(
       return {};
   }
 };
-var Ke = /* @__PURE__ */ ((t) => (t.Guide = "guide", t.Guides = "guides", t.GuidesByCategory = "guides-by-category", t.RowNotifications = "row-notices", t.NotificationLists = "notification-lists", t.GuideCategories = "guide-categories", t.ContactMethodCategories = "contact-method-categories", t.ContactMethod = "contact-method", t.ContactMethods = "contact-methods", t.Tags = "tags", t.TagsOnGuides = "tagsonguides", t))(Ke || {}), I = /* @__PURE__ */ ((t) => (t.Match = "match", t.Categories = "categories", t.Guide = "guide", t.Contacts = "contacts", t.ContactMethod = "contact-method", t.MatchByCategory = "match-by-category", t.Tags = "tags", t.TagsOnGuides = "tagsonguides", t.Notifications = "notifications", t))(I || {});
+var Ke = /* @__PURE__ */ ((t) => (t.Guide = "guide", t.Guides = "guides", t.GuidesByCategory = "guides-by-category", t.RowNotifications = "row-notices", t.NotificationLists = "notification-lists", t.GuideCategories = "guide-categories", t.ContactMethodCategories = "contact-method-categories", t.ContactMethod = "contact-method", t.ContactMethods = "contact-methods", t.Tags = "tags", t.TagsOnGuides = "tagsonguides", t))(Ke || {}), E = /* @__PURE__ */ ((t) => (t.Match = "match", t.Categories = "categories", t.Guide = "guide", t.Contacts = "contacts", t.ContactMethod = "contact-method", t.MatchByCategory = "match-by-category", t.Tags = "tags", t.TagsOnGuides = "tagsonguides", t.Notifications = "notifications", t))(E || {});
 const Se = (t) => {
   switch (t) {
     case "guides":
@@ -616,37 +616,37 @@ class Q {
       guideId: h,
       expandCategories: m = "descendants",
       currentCategory: g,
-      sorting: b = "popularity-descending",
-      guideIds: y = []
+      sorting: v = "popularity-descending",
+      guideIds: p = []
     } = o, d = n.toString().trim();
     if (await Tt(this.container))
       return Promise.resolve();
     switch (e) {
       case "match": {
-        const f = (v) => {
-          const [C, M] = v.split("-");
+        const f = ($) => {
+          const [z, S] = $.split("-");
           return {
             type: (/* @__PURE__ */ new Map([
               ["popularity", "popularity"],
               ["alphabetic", "title"],
               ["modified", "lastModified"],
               ["published", "firstPublished"]
-            ])).get(C),
-            direction: M
+            ])).get(z),
+            direction: S
           };
         };
-        return y.length ? this.matchingClient.customRequest("guides", "POST", {
-          configuration: { ids: y, take: +c }
+        return p.length ? this.matchingClient.customRequest("guides", "POST", {
+          configuration: { ids: p, take: +c }
         }).then(
-          (v) => v && this.handleResponse(v, e, o)
+          ($) => $ && this.handleResponse($, e, o)
         ) : this.matchingClient.match(d, {
           categories: i === "0" ? [] : Array.isArray(i) ? i : [+i],
           take: +c,
           tags: r,
-          sorting: f(b),
-          ids: y
+          sorting: f(v),
+          ids: p
         }).then(
-          (v) => v && this.handleResponse(v, e, o)
+          ($) => $ && this.handleResponse($, e, o)
         );
       }
       case "match-by-category":
@@ -662,11 +662,11 @@ class Q {
         return this.matchingClient.getGuide(h, { connectionId: l }).then((f) => {
           f && this.handleResponse(f, e, o);
         }).catch((f) => {
-          const v = {
+          const $ = {
             message: "Something went wrong.",
             status: f.status || 400
           };
-          v.status === 404 && (v.message = "The guide could not be found."), this.handleResponse({}, e, o, v);
+          $.status === 404 && ($.message = "The guide could not be found."), this.handleResponse({}, e, o, $);
         });
       case "categories":
         return this.matchingClient.getCategories({
@@ -784,13 +784,13 @@ const At = ({
   switch (s) {
     case "default":
     case "guide":
-      const { id: b, title: y } = n;
+      const { id: v, title: p } = n;
       let d = l || i;
-      b !== o && !l && (d = void 0), h.routeName = m, h.params = W({
+      v !== o && !l && (d = void 0), h.routeName = m, h.params = W({
         ...g,
         guide: o,
         connection: d,
-        uriName: ye(o === b ? y : t)
+        uriName: ye(o === v ? p : t)
       });
       break;
     case "link":
@@ -802,7 +802,7 @@ const At = ({
     {
       className: G(e, "humany-dialog-link"),
       ...h,
-      children: c || /* @__PURE__ */ z(st, { children: [
+      children: c || /* @__PURE__ */ R(st, { children: [
         s === "link" && /* @__PURE__ */ u(ne, { faIcon: "link" }),
         /* @__PURE__ */ u("span", { children: t })
       ] })
@@ -821,7 +821,7 @@ re(
     }
   ) : null
 );
-const It = p($e)`
+const It = y($e)`
   ${Le}
   a {
     min-width: 150px;
@@ -845,7 +845,7 @@ const It = p($e)`
 }} 0 0;
   }
 `;
-p(Z)`
+y(Z)`
   ${J}
   font-family: ${(t) => {
   var e;
@@ -864,7 +864,7 @@ p(Z)`
 }};
   }
 `;
-p.div`
+y.div`
   background: #fff;
   border: #ccc 1px solid;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
@@ -877,7 +877,7 @@ p.div`
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
 `;
-p.div`
+y.div`
   padding: ${(t) => {
   var e;
   return (e = t.theme.sizes) == null ? void 0 : e.normal;
@@ -911,7 +911,7 @@ p.div`
 }};
   }
 `;
-p($e)`
+y($e)`
   list-style: none;
   padding: 0;
   margin: 0;
@@ -947,7 +947,7 @@ p($e)`
     }
   }
 `;
-p(Z)`
+y(Z)`
   ${J}
   font-family: ${(t) => {
   var e;
@@ -958,7 +958,7 @@ p(Z)`
   var e;
   return X(t)(
     "> h1",
-    $`
+    x`
           font-size: ${(e = t.theme.fonts) == null ? void 0 : e.normal};
           line-height: 1.2em;
         `
@@ -984,7 +984,7 @@ p(Z)`
     }
   }
 `;
-const Et = (t) => $`
+const Et = (t) => x`
   ${t["data-loading"] && "position: relative;"};
   ${t["data-loading"] && "min-height: 150px;"}
   > * {
@@ -995,7 +995,7 @@ const Et = (t) => $`
     opacity: ${t["data-loading"] ? "1" : "0"};
   }
 `;
-p(ne)`
+y(ne)`
   && {
     font-size: ${(t) => {
   var e;
@@ -1004,7 +1004,7 @@ p(ne)`
   }
   width: 1.2em;
 `;
-p(je)`
+y(je)`
   font-size: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.medium;
@@ -1016,7 +1016,7 @@ p(je)`
   return (e = t.theme.colors) == null ? void 0 : e.text;
 }};
 `;
-const Ot = p(we)`
+const Ot = y(we)`
   display: flex;
   align-items: center;
 
@@ -1033,7 +1033,7 @@ const Ot = p(we)`
     ${(t) => t["data-has-label"] === "true" && ke}
 
     svg, i {
-      ${(t) => t["data-has-label"] === "false" && t["data-has-symbol"] === "true" && $`
+      ${(t) => t["data-has-label"] === "false" && t["data-has-symbol"] === "true" && x`
           ${ke(t)}
           box-sizing: content-box;
         `}
@@ -1057,20 +1057,20 @@ const Ot = p(we)`
   buttonLabel: l = "",
   actions: { addFavorite: h, removeFavorite: m }
 }) => {
-  const g = H(() => {
+  const g = Y(() => {
     m(a);
-  }, [a, m]), b = H(() => {
+  }, [a, m]), v = Y(() => {
     h(a);
-  }, [a, h]), y = `${r ? s : t}${c ? `: "${c}"` : ""}`;
+  }, [a, h]), p = `${r ? s : t}${c ? `: "${c}"` : ""}`;
   return r ? /* @__PURE__ */ u(
     ut,
     {
-      trigger: /* @__PURE__ */ z(
+      trigger: /* @__PURE__ */ R(
         Re,
         {
           className: "humany-favorite-button",
-          title: y,
-          "aria-label": y,
+          title: p,
+          "aria-label": p,
           "data-favorite": "true",
           "data-has-label": l ? "true" : "false",
           "data-has-symbol": "true",
@@ -1092,13 +1092,13 @@ const Ot = p(we)`
       header: n,
       text: i
     }
-  ) : /* @__PURE__ */ z(
+  ) : /* @__PURE__ */ R(
     Re,
     {
       className: "humany-favorite-button",
-      title: y,
-      "aria-label": y,
-      onClick: b,
+      title: p,
+      "aria-label": p,
+      onClick: v,
       "data-favorite": "false",
       "data-has-label": l ? "true" : "false",
       "data-has-symbol": "true",
@@ -1108,7 +1108,7 @@ const Ot = p(we)`
       ]
     }
   );
-}, Re = p(Ot)`
+}, Re = y(Ot)`
   grid-area: favorite;
 
   &:focus-visible {
@@ -1134,7 +1134,7 @@ const Ot = p(we)`
 
   ${(t) => {
   var e, o, n, i, s, a, r;
-  return ((e = t.theme.colors) == null ? void 0 : e.text) && $`
+  return ((e = t.theme.colors) == null ? void 0 : e.text) && x`
       svg {
         stroke: ${(o = t.theme.colors) == null ? void 0 : o.text};
 
@@ -1182,7 +1182,7 @@ re(
     negative: s,
     selected: a,
     ...r
-  }, c) => /* @__PURE__ */ z(
+  }, c) => /* @__PURE__ */ R(
     jt,
     {
       className: G(o, "humany-feedback"),
@@ -1191,7 +1191,7 @@ re(
       ref: c,
       children: [
         !!n && /* @__PURE__ */ u(qt, { children: n }),
-        /* @__PURE__ */ z(
+        /* @__PURE__ */ R(
           Te,
           {
             className: "humany-feedback-button",
@@ -1205,7 +1205,7 @@ re(
             ]
           }
         ),
-        /* @__PURE__ */ z(
+        /* @__PURE__ */ R(
           Te,
           {
             className: "humany-feedback-button",
@@ -1223,7 +1223,7 @@ re(
     }
   )
 );
-const qt = p(se)`
+const qt = y(se)`
   font-weight: normal;
   margin: 0 0 ${(t) => {
   var e;
@@ -1234,7 +1234,7 @@ const qt = p(se)`
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
   display: block;
-`, Te = p(we)`
+`, Te = y(we)`
   display: inline-block;
   font-size: ${(t) => {
   var e;
@@ -1250,13 +1250,13 @@ const qt = p(se)`
 
   ${(t) => {
   var e, o;
-  return t["data-direction"] === "horizontal" && $`
+  return t["data-direction"] === "horizontal" && x`
       width: 225px;
       max-width: calc(50% - ${(e = t.theme.sizes) == null ? void 0 : e.large} - ${(o = t.theme.sizes) == null ? void 0 : o.small});
     `;
 }}
 
-  ${(t) => t["data-direction"] === "vertical" && $`
+  ${(t) => t["data-direction"] === "vertical" && x`
       min-width: 190px;
     `}
 
@@ -1276,10 +1276,10 @@ const qt = p(se)`
   return (e = t.theme.sizes) == null ? void 0 : e.small;
 }} 0 0;
   }
-`, jt = p.div`
+`, jt = y.div`
   ${(t) => {
   var e;
-  return t["data-direction"] === "vertical" && $`
+  return t["data-direction"] === "vertical" && x`
       > button {
         width: 100%;
         &:not(:last-child) {
@@ -1302,7 +1302,7 @@ const qt = p(se)`
       );
     }
   }, []);
-  const i = (c) => n ? n.add(c) : Promise.resolve([]), s = (c) => n ? n.remove(c) : Promise.resolve([]), a = () => n ? n.clear() : Promise.resolve([]), r = H(
+  const i = (c) => n ? n.add(c) : Promise.resolve([]), s = (c) => n ? n.remove(c) : Promise.resolve([]), a = () => n ? n.clear() : Promise.resolve([]), r = Y(
     (c) => e.indexOf(c) > -1 ? s(c) : i(c),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e]
@@ -1334,27 +1334,27 @@ const qt = p(se)`
   published: h
 }) => {
   const m = c && h ? /* @__PURE__ */ u(Ae, { format: t, timestamp: h }) : null, g = r && l ? /* @__PURE__ */ u(Ae, { format: t, timestamp: l }) : null;
-  return !m && !g ? null : /* @__PURE__ */ z(fe, { className: G(e, "humany-metadata"), children: [
-    m && /* @__PURE__ */ z(fe, { className: "humany-published", children: [
+  return !m && !g ? null : /* @__PURE__ */ R(fe, { className: G(e, "humany-metadata"), children: [
+    m && /* @__PURE__ */ R(fe, { className: "humany-published", children: [
       i,
       m,
       o && a && ` ${o.replace("{{editor}}", a)}`
     ] }),
-    g && /* @__PURE__ */ z(fe, { className: "humany-modified", children: [
+    g && /* @__PURE__ */ R(fe, { className: "humany-modified", children: [
       m && ", ",
       n,
       g,
       o && s && ` ${o.replace("{{editor}}", s)}`
     ] })
   ] });
-}, Ae = p(_e)`
+}, Ae = y(_e)`
   &:not(:first-child) {
     margin-left: 4px;
   }
   &:not(:last-child) {
     margin-right: 4px;
   }
-`, fe = p(je)`
+`, fe = y(je)`
   font-style: italic;
 `, Dt = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ u(
   Ht,
@@ -1366,7 +1366,7 @@ const qt = p(se)`
 ) : null;
 re(({ title: t, id: e, route: o, symbolSize: n, collapseUri: i, children: s }, a) => {
   const { params: r } = xe();
-  return /* @__PURE__ */ z(Gt, { ref: a, "data-guide": e, children: [
+  return /* @__PURE__ */ R(Gt, { ref: a, "data-guide": e, children: [
     /* @__PURE__ */ u(
       ge,
       {
@@ -1393,7 +1393,7 @@ re(({ title: t, id: e, route: o, symbolSize: n, collapseUri: i, children: s }, a
     s
   ] });
 });
-const Gt = p.li`
+const Gt = y.li`
   > a {
     grid-column: 1/-1;
     font-weight: bold;
@@ -1424,27 +1424,27 @@ re(
     },
     metadata: m = {},
     pageLabel: g,
-    className: b,
-    children: y,
+    className: v,
+    children: p,
     items: d,
     renderItem: f,
-    addFavoriteTooltip: v,
-    removeFavoriteCancelLabel: C,
-    removeFavoriteConfirmLabel: M,
-    removeFavoriteHeader: w,
-    removeFavoriteLabel: S,
-    removeFavoriteTooltip: x,
-    searchResultsEmptyLabel: Y,
-    ...R
-  }, E) => {
-    const F = Mt(), k = He(), T = gt(d), { guide: Qe = "guide", page: Ve = "index" } = e, {
-      guide: We = ({ id: N }) => W({ guide: N }),
+    addFavoriteTooltip: $,
+    removeFavoriteCancelLabel: z,
+    removeFavoriteConfirmLabel: S,
+    removeFavoriteHeader: C,
+    removeFavoriteLabel: A,
+    removeFavoriteTooltip: b,
+    searchResultsEmptyLabel: T,
+    ...N
+  }, F) => {
+    const P = Mt(), w = He(), M = gt(d), { guide: Qe = "guide", page: Ve = "index" } = e, {
+      guide: We = ({ id: k }) => W({ guide: k }),
       page: Ce = () => W()
     } = o, [Ze, Je] = Ft();
-    $t(E, () => k.current);
-    const ae = (N) => {
-      const { id: O, title: A, tags: P, published: ee, modified: U, publishedBy: te, modifiedBy: ce } = N;
-      return /* @__PURE__ */ z(
+    $t(F, () => w.current);
+    const ae = (k) => {
+      const { id: O, title: I, tags: H, published: ee, modified: U, publishedBy: te, modifiedBy: ce } = k;
+      return /* @__PURE__ */ R(
         "li",
         {
           "data-guide": O,
@@ -1454,12 +1454,12 @@ re(
               ge,
               {
                 className: "humany-guide-link",
-                title: A,
-                "aria-label": A,
+                title: I,
+                "aria-label": I,
                 routeName: Qe,
-                onClick: (ot) => l(ot, N),
-                params: We(N),
-                text: A,
+                onClick: (ot) => l(ot, k),
+                params: We(k),
+                text: I,
                 children: /* @__PURE__ */ u(
                   j,
                   {
@@ -1475,19 +1475,19 @@ re(
             r && /* @__PURE__ */ u(
               Lt,
               {
-                guideTitle: A,
-                addFavoriteTooltip: v,
-                removeFavoriteCancelLabel: C,
-                removeFavoriteConfirmLabel: M,
-                removeFavoriteHeader: w,
-                removeFavoriteLabel: S,
-                removeFavoriteTooltip: x,
+                guideTitle: I,
+                addFavoriteTooltip: $,
+                removeFavoriteCancelLabel: z,
+                removeFavoriteConfirmLabel: S,
+                removeFavoriteHeader: C,
+                removeFavoriteLabel: A,
+                removeFavoriteTooltip: b,
                 isFavorite: Ze.indexOf(O) > -1,
                 actions: Je,
                 id: O
               }
             ),
-            a && /* @__PURE__ */ u(Dt, { tags: P }),
+            a && /* @__PURE__ */ u(Dt, { tags: H }),
             /* @__PURE__ */ u(
               Ut,
               {
@@ -1503,36 +1503,36 @@ re(
         },
         O
       );
-    }, Xe = H(
-      (N, O, A) => f ? f(N, O, A, ae) : ae(N),
+    }, Xe = Y(
+      (k, O, I) => f ? f(k, O, I, ae) : ae(k),
       [f, ae]
-    ), et = H(
-      (N) => {
-        c && (N.preventDefault(), h("page", Ce()));
+    ), et = Y(
+      (k) => {
+        c && (k.preventDefault(), h("page", Ce()));
       },
       [h, c]
     );
     q(() => {
-      if (T && T.length < d.length && k.current) {
-        const N = k.current.querySelectorAll(
+      if (M && M.length < d.length && w.current) {
+        const k = w.current.querySelectorAll(
           ".humany-guide-list > ul > li"
-        ), O = N[T.length];
-        if (N.length === d.length && T.length) {
-          const A = N[T.length];
-          if (A) {
-            const P = A.querySelector(
+        ), O = k[M.length];
+        if (k.length === d.length && M.length) {
+          const I = k[M.length];
+          if (I) {
+            const H = I.querySelector(
               ".humany-guide-link"
             );
-            P && P.focus();
+            H && H.focus();
           }
         } else
-          O && new MutationObserver((P, ee) => {
-            P.forEach((U) => {
+          O && new MutationObserver((H, ee) => {
+            H.forEach((U) => {
               if (U.addedNodes) {
                 const te = Array.from(
                   U.addedNodes
                 ).find((ce) => ce.tagName === "A");
-                te && xt(k.current, document.activeElement) && (F && te.focus(), ee.disconnect());
+                te && xt(w.current, document.activeElement) && (P && te.focus(), ee.disconnect());
               }
             });
           }).observe(O, {
@@ -1546,20 +1546,20 @@ re(
       }
     });
     const tt = !!Object.keys(m).filter(
-      (N) => typeof m[N] < "u"
+      (k) => typeof m[k] < "u"
     ).length;
-    return /* @__PURE__ */ z(
+    return /* @__PURE__ */ R(
       Pt,
       {
-        className: G(b, "humany-guide-list"),
+        className: G(v, "humany-guide-list"),
         "data-item-count": d.length,
         items: d,
         renderItem: Xe,
-        isTabbing: F,
+        isTabbing: P,
         expandable: t ? "true" : "false",
         "grid-items": a || r || tt ? "true" : "false",
-        ...Fe(R),
-        ref: k,
+        ...Fe(N),
+        ref: w,
         children: [
           g ? /* @__PURE__ */ u(
             ge,
@@ -1580,14 +1580,14 @@ re(
               )
             }
           ) : null,
-          y,
-          !R["data-loading"] && d.length === 0 && /* @__PURE__ */ u("p", { children: Y })
+          p,
+          !N["data-loading"] && d.length === 0 && /* @__PURE__ */ u("p", { children: T })
         ]
       }
     );
   }
 );
-const Pt = p(Z)`
+const Pt = y(Z)`
   ${J}
   padding: ${(t) => {
   var e;
@@ -1602,7 +1602,7 @@ const Pt = p(Z)`
   > div {
     ${(t) => X(t)(
   "> h1",
-  $`
+  x`
           white-space: pre-wrap;
         `
 )}
@@ -1611,7 +1611,7 @@ const Pt = p(Z)`
   > ul > li {
     ${(t) => {
   var e, o;
-  return t["grid-items"] === "true" && $`
+  return t["grid-items"] === "true" && x`
         display: grid;
         grid-template-columns: auto 1fr 1fr;
         gap: 0px 0px;
@@ -1673,7 +1673,7 @@ const Pt = p(Z)`
 
       ${(t) => {
   var e;
-  return t.expandable === "true" && $`
+  return t.expandable === "true" && x`
           display: flex;
           flex-direction: row-reverse;
           justify-content: flex-end;
@@ -1738,7 +1738,7 @@ const Pt = p(Z)`
       text-decoration: underline;
     }
   }
-`, Ht = p($e)`
+`, Ht = y($e)`
   ${Le}
   display: flex;
   margin: 0 0 0 auto;
@@ -1754,7 +1754,7 @@ const Pt = p(Z)`
     align-items: center;
     justify-content: space-between;
   }
-`, Yt = p(j)`
+`, Yt = y(j)`
   display: block;
   color: ${(t) => {
   var e;
@@ -1771,7 +1771,7 @@ const Pt = p(Z)`
         font-size: ${t.size}px;
       `;
 }}
-`, Ut = p(Bt)`
+`, Ut = y(Bt)`
   grid-area: metadata;
   text-overflow: ellipsis;
   overflow: hidden;
@@ -1801,7 +1801,7 @@ const Pt = p(Z)`
     stroke-dashoffset: -124px;
   }
 `;
-p.svg`
+y.svg`
   animation: ${_t} 2s linear infinite;
   height: 100%;
   transform-origin: center center;
@@ -1814,7 +1814,7 @@ p.svg`
   margin: auto;
   transition: 200ms ease-out opacity;
 `;
-p.div`
+y.div`
   position: absolute;
   top: 0;
   bottom: 0;
@@ -1834,7 +1834,7 @@ p.div`
     opacity: ${(t) => t["data-loading"] ? "1" : "0"};
   }
 `;
-p.div`
+y.div`
   position: relative;
   margin: 0 auto;
   width: 100px;
@@ -1844,7 +1844,7 @@ p.div`
     padding-top: 100%;
   }
 `;
-p.circle`
+y.circle`
   stroke-dasharray: 1, 200;
   stroke-dashoffset: 0;
   animation: ${Kt} 1.5s ease-in-out infinite;
@@ -1855,7 +1855,7 @@ p.circle`
 }};
   stroke-width: 2px;
 `;
-p(we)`
+y(we)`
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1893,7 +1893,7 @@ p(we)`
     }
   }
 `;
-p(Z)`
+y(Z)`
   ${Et}
   ${J}
   overflow: hidden;
@@ -1902,11 +1902,11 @@ p(Z)`
   var e;
   return (e = t.theme.sizes) == null ? void 0 : e.large;
 }};
-  ${(t) => !t["data-show-header"] && $`
+  ${(t) => !t["data-show-header"] && x`
       > div {
         ${X(t)(
   "h1",
-  $`
+  x`
             display: none;
           `
 )}
@@ -1919,7 +1919,7 @@ p(Z)`
     }
   }
 `;
-p(De)`
+y(De)`
   ${Ge}
   font-weight: 300;
 
@@ -1927,20 +1927,20 @@ p(De)`
     white-space: normal;
   }
 `;
-p.li`
+y.li`
   .humany-paragraph {
     display: none;
     &:not(:only-child) {
       ${(t) => {
   var e, o, n;
-  return ((e = t.theme.sizes) == null ? void 0 : e.cardinal) && ((o = t.theme.sizes) == null ? void 0 : o.normal) && $`
+  return ((e = t.theme.sizes) == null ? void 0 : e.cardinal) && ((o = t.theme.sizes) == null ? void 0 : o.normal) && x`
           margin: ${(n = t.theme.sizes) == null ? void 0 : n.normal} 0;
         `;
 }}
     }
   }
 
-  ${(t) => t["data-expanded"] && $`
+  ${(t) => t["data-expanded"] && x`
       .humany-paragraph {
         display: block;
       }
@@ -1955,7 +1955,7 @@ p.li`
 }};
   }
 `;
-p(j)`
+y(j)`
   margin: 0 0 0 ${(t) => {
   var e;
   return (e = t.theme.sizes) == null ? void 0 : e.small;
@@ -1967,26 +1967,26 @@ p(j)`
 }};
   }
 `;
-p(_e)`
+y(_e)`
   font-size: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.small;
 }};
   font-weight: 300;
 `;
-p(De)`
+y(De)`
   ${(t) => {
   var e;
   return X(t)(
     "h1",
-    $`
+    x`
         font-weight: normal;
         font-size: ${(e = t.theme.fonts) == null ? void 0 : e.medium};
       `
   );
 }}
 `;
-const Qt = p(yt)`
+const Qt = y(yt)`
   ${Ge}
   font-weight: 300;
   line-height: 1.5em;
@@ -2019,54 +2019,54 @@ const Qt = p(yt)`
       clientName: h,
       symbol: m,
       inline: g,
-      onClick: b = () => {
+      onClick: v = () => {
       },
-      description: y,
+      description: p,
       htmlParseInstruction: d,
       className: f,
-      disabled: v,
-      guideId: C,
-      dispatch: M = () => {
+      disabled: $,
+      guideId: z,
+      dispatch: S = () => {
       },
-      expanded: w
-    } = r, S = g ? {
-      onKeyDown: (x) => {
-        x.key && x.key === "Enter" && (b(x, r), x.defaultPrevented || !w && M("expand", c));
+      expanded: C
+    } = r, A = g ? {
+      onKeyDown: (b) => {
+        b.key && b.key === "Enter" && (v(b, r), b.defaultPrevented || !C && S("expand", c));
       },
-      onClick: (x) => {
-        b(x, r), x.defaultPrevented || !w && M("expand", c);
+      onClick: (b) => {
+        v(b, r), b.defaultPrevented || !C && S("expand", c);
       }
     } : {
-      onClick: (x) => b(x, r),
+      onClick: (b) => v(b, r),
       routeName: "contact-method",
       params: W({
         contactCategory: o,
-        guideId: C,
+        guideId: z,
         guideCategory: n,
         phrase: i,
         contactMethod: c,
         uriName: ye(l)
       })
     };
-    return /* @__PURE__ */ z(
+    return /* @__PURE__ */ R(
       Zt,
       {
         title: l,
         "aria-label": l,
         className: f,
-        disabled: v,
-        description: y,
+        disabled: $,
+        description: p,
         "data-client-name": h,
         ...a,
-        ...S,
+        ...A,
         children: [
           m && /* @__PURE__ */ u(j, { symbol: m }),
-          y ? /* @__PURE__ */ z("div", { className: "humany-contact-link-rich-content", children: [
+          p ? /* @__PURE__ */ R("div", { className: "humany-contact-link-rich-content", children: [
             /* @__PURE__ */ u(Ie, { children: l }),
             /* @__PURE__ */ u(
               Qt,
               {
-                html: y,
+                html: p,
                 htmlParseInstruction: d
               }
             )
@@ -2078,7 +2078,7 @@ const Qt = p(yt)`
   return t.expanded ? /* @__PURE__ */ u(wt, { fallback: null, children: /* @__PURE__ */ u(e, { ...t, renderDefault: s }) }) : s();
 }, Wt = (t) => {
   var e, o, n, i, s, a, r, c;
-  return $`
+  return x`
   display: flex;
   padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};
   ${t.description ? "" : "align-items: center;"}
@@ -2098,18 +2098,18 @@ const Qt = p(yt)`
     color: ${(c = t.theme.colors) == null ? void 0 : c.text};
   }
 `;
-}, Ie = p(se)`
+}, Ie = y(se)`
   line-height: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.large;
 }};
-`, Zt = p(Oe)`
+`, Zt = y(Oe)`
   ${(t) => Wt(t)}
 
   &:focus-visible {
     ${V};
   }
-`, Jt = p.div`
+`, Jt = y.div`
   text-align: center;
   display: block;
   ${(t) => {
@@ -2118,7 +2118,7 @@ const Qt = p(yt)`
 }}
 `, Xt = (t) => {
   var e, o, n;
-  return $`
+  return x`
   ${J(t)}
 
   > div {
@@ -2126,7 +2126,7 @@ const Qt = p(yt)`
 
     ${X(t)(
     "h1",
-    $`
+    x`
         margin: 0;
       `
   )}
@@ -2170,7 +2170,7 @@ const Qt = p(yt)`
   }
 `;
 };
-p(Z)`
+y(Z)`
   ${(t) => Xt(t)}
 `;
 const ro = ({
@@ -2178,94 +2178,95 @@ const ro = ({
   guideId: e,
   groupId: o,
   className: n,
-  container: i
+  widgetName: i
 }) => {
-  var m, g, b;
-  const [s, a] = D(), r = Nt(), c = He(!0), l = kt();
-  console.log("¤¤¤Container", i), q(() => {
-    const { events: y } = i == null ? void 0 : i.get("$widget"), d = y.subscribe(
+  var v, p, d;
+  const [s, a] = D(), r = Nt(), c = He(!0), l = kt(), h = window.humany.widgets.find(i), m = h.container;
+  q(() => {
+    console.log("¤¤¤Widget", h);
+    const { events: f } = h, $ = f.subscribe(
       "conversational-hub-provider:form-submitted",
-      async (v, C) => {
-        var E;
-        if (((E = C.form.meta) == null ? void 0 : E.groupId) !== o || C.id !== (s == null ? void 0 : s.id))
+      async (S, C) => {
+        var w;
+        if (((w = C.form.meta) == null ? void 0 : w.groupId) !== o || C.id !== (s == null ? void 0 : s.id))
           return;
         l && (C.form.meta || (C.form.meta = {}), C.form.meta.conversation = l);
-        const M = await (i == null ? void 0 : i.getAsync(
+        const A = await (m == null ? void 0 : m.getAsync(
           "contactMethods"
-        )), w = {
+        )), b = {
           ...s,
           body: {
             ...s.body,
             form: C.form
           }
-        }, { errors: S, valid: x, errorTypes: Y } = await M.validate(
-          w
+        }, { errors: T, valid: N, errorTypes: F } = await A.validate(
+          b
         );
-        if (!x) {
-          const F = new he(s.body.form);
-          a(void 0), F.setValidationErrors(S), w.body = {
-            ...w.body,
-            form: F.get()
-          }, a({ ...w });
+        if (!N) {
+          const M = new he(s.body.form);
+          a(void 0), M.setValidationErrors(T), b.body = {
+            ...b.body,
+            form: M.get()
+          }, a({ ...b });
           return;
         }
-        const R = await M.submit(w);
-        w.confirmation = R, a(w);
+        const P = await A.submit(b);
+        b.confirmation = P, a(b);
       }
-    ), f = y.subscribe(
+    ), z = f.subscribe(
       "bot-provider:evaluate",
-      async (v, C) => {
+      async (S, C) => {
         if (C.id !== t)
           return;
-        const w = await (await (i == null ? void 0 : i.getAsync(
+        const b = await (await (m == null ? void 0 : m.getAsync(
           "contactMethods"
         ))).evaluate(s);
-        let S = {
+        let T = {
           ...s,
           body: {
             ...s.body,
-            form: w
+            form: b
           }
         };
-        const x = Ne(S, {
+        const N = Ne(T, {
           submit: "Submit",
           errors: {},
           meta: { groupId: o }
         });
-        S = {
-          ...S,
-          body: x
-        }, a(S);
+        T = {
+          ...T,
+          body: N
+        }, a(T);
       }
     );
     return () => {
-      d(), f();
+      $(), z();
     };
-  }, [i, s, a, l]);
-  const h = H(
-    async (y) => {
-      const f = await (await Q.getInstance(i)).fetch(
+  }, [m, s, a, l]);
+  const g = Y(
+    async (f) => {
+      const z = await (await Q.getInstance(m)).fetch(
         Ke.ContactMethod,
         {
-          contactMethodId: y,
+          contactMethodId: f,
           guideId: e
         },
         { noCache: !0 }
-      ), v = Ne(f, {
+      ), S = Ne(z, {
         submit: "Submit",
         errors: {},
         meta: { groupId: o }
       });
-      if (f.body = v, f.body.guideId = e, !c.current)
+      if (z.body = S, z.body.guideId = e, !c.current)
         return null;
-      a(f);
+      a(z);
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [c]
   );
-  return q(() => (h(t), () => {
+  return q(() => (g(t), () => {
     c.current = !1;
-  }), [t, h]), s ? /* @__PURE__ */ u(
+  }), [t, g]), s ? /* @__PURE__ */ u(
     eo,
     {
       ...s,
@@ -2273,10 +2274,10 @@ const ro = ({
         ...s.body,
         form: s.body.form ? {
           ...s.body.form,
-          data: (m = s.body.form) == null ? void 0 : m.data,
+          data: (v = s.body.form) == null ? void 0 : v.data,
           layout: { ...s.body.form.layout },
-          meta: (g = s.body.form) == null ? void 0 : g.meta,
-          schema: (b = s.body.form) == null ? void 0 : b.schema
+          meta: (p = s.body.form) == null ? void 0 : p.meta,
+          schema: (d = s.body.form) == null ? void 0 : d.schema
         } : void 0,
         guideId: s.body.guideId
       },
@@ -2286,7 +2287,7 @@ const ro = ({
       className: G("humany-bot-contact-method", n)
     }
   ) : null;
-}, eo = p(Vt)`
+}, eo = y(Vt)`
   padding: ${(t) => {
   var e;
   return (e = t.theme.sizes) == null ? void 0 : e.normal;