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

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