@telia-ace/knowledge-widget-components-guide 1.0.46-next.5 → 1.0.46-next.7

package/dist/{guide.cf075f8e.js → guide.5e89ba60.js}

@@ -1,15 +1,15 @@
-var ye = Object.defineProperty, pe = Object.defineProperties;
-var $e = Object.getOwnPropertyDescriptors;
+var pe = Object.defineProperty, $e = Object.defineProperties;
+var Ee = Object.getOwnPropertyDescriptors;
 var W = Object.getOwnPropertySymbols;
 var ee = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
-var _ = (e, t, n) => t in e ? ye(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, N = (e, t) => {
+var _ = (e, t, n) => t in e ? pe(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, C = (e, t) => {
   for (var n in t || (t = {}))
     ee.call(t, n) && _(e, n, t[n]);
   if (W)
     for (var n of W(t))
       te.call(t, n) && _(e, n, t[n]);
   return e;
-}, D = (e, t) => pe(e, $e(t));
+}, F = (e, t) => $e(e, Ee(t));
 var R = (e, t) => {
   var n = {};
   for (var o in e)
@@ -20,29 +20,29 @@ var R = (e, t) => {
   return n;
 };
 import { css as G } from "@emotion/react";
-import r from "@emotion/styled";
-import { ContactList as oe, contactLink as Ee } from "@telia-ace/knowledge-widget-adapters";
-import { useRouteData as q, List as ke, TextLink as le, paddedBorderTabStyle as re, Feedback as we, StyledHeaderText as xe, useDispatch as se, useProperties as J, useContainer as ie, Tooltip as Le, Text as K, SymbolBadge as O, StyledListButton as T, useFavorites as ze, StyledText as ne, FavoriteButton as Se, DrawerList as ce, DrawerAnimationType as me, DropdownList as de, useChildren as Be, Lightbox as Ne, DialogLink as Ce, embeddedLinkMapper as ve, createEmptyComponent as De, Loader as Fe, loadingOpacity as Re, Paragraph as Te, genericHtml as Oe, headingElement as Ie, DialogList as We, contentBox as He, Metadata as Pe, Button as Me, linkTabStyle as je } from "@telia-ace/knowledge-widget-ui";
-import { NotFound as Ae, Component as Ve } from "@telia-ace/widget-types-grid";
-import { appendClassNames as H, buildCategoryTrail as Ge, createParams as qe } from "@telia-ace/widget-utilities";
-import a, { useMemo as P, useState as ue, useEffect as he, useCallback as V, forwardRef as Je } from "react";
-import { PickerTypes as p } from "@telia-ace/knowledge-widget-core";
-const Ke = ({
+import s from "@emotion/styled";
+import { ContactList as oe, contactLink as ke } from "@telia-ace/knowledge-widget-adapters";
+import { useRouteData as q, List as we, TextLink as le, paddedBorderTabStyle as re, Feedback as xe, StyledHeaderText as Le, useDispatch as se, useProperties as J, useContainer as ie, Tooltip as ze, Text as K, SymbolBadge as O, StyledListButton as T, useFavorites as Se, StyledText as ne, FavoriteButton as Be, DrawerList as ce, DrawerAnimationType as me, DropdownList as de, useChildren as Ne, Lightbox as Ce, DialogLink as ve, embeddedLinkMapper as De, createEmptyComponent as Fe, Loader as Re, loadingOpacity as Te, Paragraph as Oe, genericHtml as Ie, headingElement as We, DialogList as He, contentBox as Pe, Metadata as Me, Button as je, linkTabStyle as Ae } from "@telia-ace/knowledge-widget-ui";
+import { NotFound as Ve, Component as Ge } from "@telia-ace/widget-types-grid";
+import { appendClassNames as H, buildCategoryTrail as qe, createParams as Je } from "@telia-ace/widget-utilities";
+import a, { useMemo as P, useState as ue, useEffect as he, useCallback as V, forwardRef as Ke } from "react";
+import { PickerTypes as y } from "@telia-ace/knowledge-widget-core";
+const Qe = ({
   className: e,
   defaultAnswerVersionLabel: t,
   guide: { perspective: n, perspectives: o },
   availablePerspectives: u = []
 }) => {
-  const { name: c, params: l } = q(), h = P(() => !o || !u.length ? [] : u.filter(({ name: m }) => !!o[m]).map(({ name: m, title: d }) => ({ label: d, connection: o[m] })), [o, u]);
+  const { name: c, params: r } = q(), h = P(() => !o || !u.length ? [] : u.filter(({ name: m }) => !!o[m]).map(({ name: m, title: d }) => ({ label: d, connection: o[m] })), [o, u]);
   return /* @__PURE__ */ a.createElement(
-    Ue,
+    Xe,
     {
       className: H(e, "humany-guide-answer-version-picker"),
       items: h,
       renderItem: (m) => {
-        const d = m.label === "Default" ? t : m.label, g = n === m.connection, f = g && (!l.connection || n === l.connection);
+        const d = m.label === "Default" ? t : m.label, g = n === m.connection, f = g && (!r.connection || n === r.connection);
         return /* @__PURE__ */ a.createElement("li", { key: m.connection, "data-version": m.connection }, /* @__PURE__ */ a.createElement(
-          Xe,
+          Ye,
           {
             key: m.connection,
             as: f ? "span" : void 0,
@@ -51,7 +51,7 @@ const Ke = ({
             selected: g,
             "aria-label": d,
             title: d,
-            params: D(N({}, l), {
+            params: F(C({}, r), {
               connection: m.connection
             })
           }
@@ -59,7 +59,7 @@ const Ke = ({
       }
     }
   );
-}, Qe = Ke, Ue = r(ke)`
+}, Ue = Qe, Xe = s(we)`
     display: flex;
     align-items: center;
     flex-wrap: wrap;
@@ -78,7 +78,7 @@ const Ke = ({
     li > span {
         cursor: default;
     }
-`, Xe = r(le)`
+`, Ye = s(le)`
     font-weight: 300;
     color: ${(e) => {
   var t;
@@ -94,15 +94,15 @@ const Ke = ({
     &:focus-visible {
         ${re};
     }
-`, Ye = r(oe)`
+`, Ze = s(oe)`
     border-top: ${(e) => e.theme.border};
     ${(e) => e.backButtonShown === "true" && `border-bottom: ${e.theme.border};`}
-`, Ze = r(we)`
+`, _e = s(xe)`
     ${(e) => {
   var t, n;
   return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.large} ${(n = e.theme.sizes) == null ? void 0 : n.large};`;
 }}
-`, _e = r(xe)`
+`, et = s(Le)`
     ${(e) => {
   var t, n;
   return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.large} ${(n = e.theme.sizes) == null ? void 0 : n.large};`;
@@ -114,62 +114,62 @@ const Ke = ({
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
     font-weight: bold;
-`, et = ({ backButtonShown: e = !1, accordion: t = !1 }) => {
+`, tt = ({ backButtonShown: e = !1, accordion: t = !1 }) => {
   const n = se(), {
     loading: o = !1,
     dialog: u = [],
     guide: c,
-    handoverContactMethods: l = [],
+    handoverContactMethods: r = [],
     contactHeader: h,
     showFeedback: m,
     feedbackDirection: d = "horizontal",
     feedbackRecognitionLabel: g,
     feedbackGiven: f,
-    feedbackHeader: $,
-    positiveFeedbackLabel: E,
+    feedbackHeader: p,
+    positiveFeedbackLabel: $,
     negativeFeedbackLabel: b,
-    contactFeedbackLabel: s
-  } = J(), [k, x] = ue(!1);
+    contactFeedbackLabel: i
+  } = J(), [E, x] = ue(!1);
   return he(() => {
     f || x(!1);
-  }, [f]), !m || !c || !c.allowFeedback || o && !f || u.length ? null : f && g && !l.length ? /* @__PURE__ */ a.createElement(
-    _e,
+  }, [f]), !m || !c || !c.allowFeedback || o && !f || u.length ? null : f && g && !r.length ? /* @__PURE__ */ a.createElement(
+    et,
     {
       accordion: t ? "true" : "false",
       tabindex: -1,
-      ref: (w) => {
-        !k && w && (x(!0), w.focus());
+      ref: (k) => {
+        !E && k && (x(!0), k.focus());
       }
     },
     g
-  ) : c.hasHandover && l.length ? /* @__PURE__ */ a.createElement(
-    Ye,
+  ) : c.hasHandover && r.length ? /* @__PURE__ */ a.createElement(
+    Ze,
     {
       backButtonShown: e ? "true" : "false",
       accordion: t ? "true" : "false",
       header: h,
-      contactMethods: l,
+      contactMethods: r,
       dispatch: n
     }
   ) : /* @__PURE__ */ a.createElement(
-    Ze,
+    _e,
     {
       accordion: t ? "true" : "false",
-      positive: E,
-      negative: c.hasHandover ? s : b,
-      header: $,
+      positive: $,
+      negative: c.hasHandover ? i : b,
+      header: p,
       selected: f,
-      onFeedback: (w) => n("feedback", w),
+      onFeedback: (k) => n("feedback", k),
       direction: d
     }
   );
-}, tt = et, nt = ({
+}, nt = tt, at = ({
   guide: { categories: e = [] },
-  toolbar: { picker: t = p.NONE }
+  toolbar: { picker: t = y.NONE }
 }) => {
   const [n, o] = ue([]), u = ie();
   return he(() => {
-    Ge(
+    qe(
       "index",
       e.map((c) => c.toString()),
       u
@@ -177,29 +177,29 @@ const Ke = ({
       o(c);
     });
   }, [e]), n.length ? /* @__PURE__ */ a.createElement(
-    Le,
+    ze,
     {
       className: "humany-guide-category-tooltip",
-      sticky: t === p.DRAWER,
+      sticky: t === y.DRAWER,
       content: /* @__PURE__ */ a.createElement(a.Fragment, null, n.map((c) => /* @__PURE__ */ a.createElement(
-        ot,
+        lt,
         {
           className: "humany-guide-category-trail",
-          key: c.map((l) => l.id).join(".")
+          key: c.map((r) => r.id).join(".")
         },
-        c.map((l, h) => /* @__PURE__ */ a.createElement(
+        c.map((r, h) => /* @__PURE__ */ a.createElement(
           K,
           {
             className: "humany-guide-category-trail-segment",
-            key: l.id
+            key: r.id
           },
-          l.symbol && h === 0 && /* @__PURE__ */ a.createElement(O, { size: 14, symbol: l.symbol }),
-          l.title,
-          h !== c.length - 1 && /* @__PURE__ */ a.createElement(lt, { className: "humany-category-separator" }, "/")
+          r.symbol && h === 0 && /* @__PURE__ */ a.createElement(O, { size: 14, symbol: r.symbol }),
+          r.title,
+          h !== c.length - 1 && /* @__PURE__ */ a.createElement(rt, { className: "humany-category-separator" }, "/")
         ))
       )))
     },
-    t === p.DRAWER ? /* @__PURE__ */ a.createElement(
+    t === y.DRAWER ? /* @__PURE__ */ a.createElement(
       T,
       {
         className: "humany-guide-category-tooltip-button",
@@ -215,7 +215,7 @@ const Ke = ({
       )
     ) : /* @__PURE__ */ a.createElement(ae, { size: 19, symbol: { type: "Svg", content: "information" } })
   ) : null;
-}, at = nt, ot = r.div`
+}, ot = at, lt = s.div`
     i,
     svg {
         margin: 0 ${(e) => {
@@ -230,42 +230,42 @@ const Ke = ({
   return (t = e.theme.sizes) == null ? void 0 : t.small;
 }};
     }
-`, lt = r(K)`
+`, rt = s(K)`
     margin: 0 ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
 }};
-`, ae = r(O)`
+`, ae = s(O)`
     display: block;
-`, rt = ({
+`, st = ({
   header: e,
   tooltip: t,
   printActionLabel: n,
   copyActionLabel: o,
   addFavoriteTooltip: u,
   removeFavoriteCancelLabel: c,
-  removeFavoriteConfirmLabel: l,
+  removeFavoriteConfirmLabel: r,
   removeFavoriteHeader: h,
   removeFavoriteLabel: m,
   removeFavoriteTooltip: d,
   toolbarFunctionsCloseButtonAriaLabel: g,
   allowCopy: f = !1,
-  allowPrint: $ = !1,
-  showFavoriteToggle: E = !1,
-  picker: b = p.NONE,
-  guide: s,
-  dispatch: k
+  allowPrint: p = !1,
+  showFavoriteToggle: $ = !1,
+  picker: b = y.NONE,
+  guide: i,
+  dispatch: E
 }) => {
-  const [x, w] = ze(), i = V(
-    (y) => {
-      s && k("copy", s);
+  const [x, k] = Se(), l = V(
+    (w) => {
+      i && E("copy", i);
     },
-    [s, k]
+    [i, E]
   ), S = V(() => {
-    s && k("print");
-  }, [s, k]), B = P(() => {
-    const { id: y, title: F } = s, v = [];
-    if (f && v.push({
+    i && E("print");
+  }, [i, E]), B = P(() => {
+    const { id: w, title: N } = i, D = [];
+    if (f && D.push({
       type: "copy",
       child: /* @__PURE__ */ a.createElement(
         T,
@@ -274,12 +274,12 @@ const Ke = ({
           "data-has-symbol": "true",
           title: o,
           "aria-label": n,
-          onClick: i
+          onClick: l
         },
         /* @__PURE__ */ a.createElement(A, { size: 16, symbol: { type: "Svg", content: "copy" } }),
         o && /* @__PURE__ */ a.createElement(ne, null, o)
       )
-    }), $ && v.push({
+    }), p && D.push({
       type: "print",
       child: /* @__PURE__ */ a.createElement(
         T,
@@ -293,48 +293,48 @@ const Ke = ({
         /* @__PURE__ */ a.createElement(A, { size: 16, symbol: { type: "Svg", content: "print" } }),
         n && /* @__PURE__ */ a.createElement(ne, null, n)
       )
-    }), E) {
-      const I = x.indexOf(y) > -1;
-      v.push({
+    }), $) {
+      const I = x.indexOf(w) > -1;
+      D.push({
         type: "favorite",
         child: /* @__PURE__ */ a.createElement(
-          Se,
+          Be,
           {
-            id: y,
-            guideTitle: F,
+            id: w,
+            guideTitle: N,
             isFavorite: I,
             buttonLabel: I ? d : u,
             addFavoriteTooltip: u,
             removeFavoriteCancelLabel: c,
-            removeFavoriteConfirmLabel: l,
+            removeFavoriteConfirmLabel: r,
             removeFavoriteHeader: h,
             removeFavoriteLabel: m,
             removeFavoriteTooltip: d,
-            actions: w
+            actions: k
           }
         )
       });
     }
-    return v;
+    return D;
   }, [
     x,
-    s,
+    i,
     f,
+    p,
     $,
-    E,
     n,
     o,
     u,
     c,
-    l,
+    r,
     h,
     m,
     d
   ]);
   if (!B.length)
     return null;
-  const L = /* @__PURE__ */ a.createElement(
-    ct,
+  const v = /* @__PURE__ */ a.createElement(
+    mt,
     {
       tabIndex: 0,
       title: t,
@@ -342,30 +342,30 @@ const Ke = ({
       "data-has-label": "false"
     },
     /* @__PURE__ */ a.createElement(A, { symbol: { type: "Svg", content: "options" }, size: 18 })
-  ), C = ({ type: y, child: F }) => /* @__PURE__ */ a.createElement("li", { key: y, "data-function-type": y }, F);
-  return b === p.DROPDOWN ? /* @__PURE__ */ a.createElement(
-    it,
+  ), L = ({ type: w, child: N }) => /* @__PURE__ */ a.createElement("li", { key: w, "data-function-type": w }, N);
+  return b === y.DROPDOWN ? /* @__PURE__ */ a.createElement(
+    ct,
     {
       className: "humany-guide-functions-dropdown-list",
       header: e,
       items: B,
-      trigger: L,
-      renderItem: C,
+      trigger: v,
+      renderItem: L,
       closeButtonAriaLabel: g
     }
-  ) : b === p.DRAWER ? /* @__PURE__ */ a.createElement(
+  ) : b === y.DRAWER ? /* @__PURE__ */ a.createElement(
     ce,
     {
       className: "humany-guide-functions-drawer-list",
       animation: { type: me.SlideInBottom },
       header: e,
       items: B,
-      trigger: L,
-      renderItem: C,
+      trigger: v,
+      renderItem: L,
       closeButtonAriaLabel: g
     }
   ) : null;
-}, st = rt, A = r(O)`
+}, it = st, A = s(O)`
     circle {
         fill: ${(e) => {
   var t;
@@ -381,74 +381,74 @@ const Ke = ({
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
     }
-`, it = r(de)`
+`, ct = s(de)`
     display: block;
     min-height: auto;
-`, ct = r(T)`
+`, mt = s(T)`
     padding: calc(${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
 }} * 2) 0;
-`, mt = (e, t) => {
+`, dt = (e, t) => {
   var n;
   return ((n = t.find((o) => o.id === e.id)) == null ? void 0 : n.label) || "";
-}, dt = (c) => {
-  var l = c, {
+}, ut = (c) => {
+  var r = c, {
     header: e,
     tooltip: t,
-    picker: n = p.NONE,
+    picker: n = y.NONE,
     guide: o
-  } = l, u = R(l, [
+  } = r, u = R(r, [
     "header",
     "tooltip",
     "picker",
     "guide"
   ]);
-  const { name: h, params: m } = q(), d = P(() => Object.keys(o.translations || {}).reduce((E, b) => {
-    const s = {};
-    return s.key = b, s.id = (o.translations || {})[b], s.label = u[`${b}LanguageLabel`], (s.id || s.label) && E.push(s), E;
+  const { name: h, params: m } = q(), d = P(() => Object.keys(o.translations || {}).reduce(($, b) => {
+    const i = {};
+    return i.key = b, i.id = (o.translations || {})[b], i.label = u[`${b}LanguageLabel`], (i.id || i.label) && $.push(i), $;
   }, []), [o, u]);
   if (!d.length)
     return null;
-  const g = mt(o, d), f = /* @__PURE__ */ a.createElement(
-    ht,
+  const g = dt(o, d), f = /* @__PURE__ */ a.createElement(
+    gt,
     {
       tabIndex: 0,
       title: t,
       "data-has-symbol": "true",
-      "data-has-label": n === p.DROPDOWN && g ? "true" : "false"
+      "data-has-label": n === y.DROPDOWN && g ? "true" : "false"
     },
-    n === p.DROPDOWN && /* @__PURE__ */ a.createElement(a.Fragment, null, g && /* @__PURE__ */ a.createElement(ft, null, g), /* @__PURE__ */ a.createElement(
-      bt,
+    n === y.DROPDOWN && /* @__PURE__ */ a.createElement(a.Fragment, null, g && /* @__PURE__ */ a.createElement(bt, null, g), /* @__PURE__ */ a.createElement(
+      yt,
       {
         symbol: { type: "Svg", content: "caret-down" },
         size: 11
       }
     )),
-    n === p.DRAWER && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(gt, { symbol: { type: "Svg", content: "language" }, size: 20 }))
-  ), $ = ({ label: E, key: b, id: s }) => /* @__PURE__ */ a.createElement("li", { key: b, "data-language": b }, /* @__PURE__ */ a.createElement(
-    pt,
+    n === y.DRAWER && /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(ft, { symbol: { type: "Svg", content: "language" }, size: 20 }))
+  ), p = ({ label: $, key: b, id: i }) => /* @__PURE__ */ a.createElement("li", { key: b, "data-language": b }, /* @__PURE__ */ a.createElement(
+    $t,
     {
       tabIndex: 0,
-      text: E,
+      text: $,
       routeName: h,
-      selected: o.id === s,
-      params: qe(D(N({}, m), {
+      selected: o.id === i,
+      params: Je(F(C({}, m), {
         connection: void 0,
-        guide: s
+        guide: i
       }))
     }
   ));
-  return n === p.DROPDOWN ? /* @__PURE__ */ a.createElement(
-    yt,
+  return n === y.DROPDOWN ? /* @__PURE__ */ a.createElement(
+    pt,
     {
       className: "humany-guide-languages-dropdown-list",
       header: e,
       items: d,
       trigger: f,
-      renderItem: $
+      renderItem: p
     }
-  ) : n === p.DRAWER ? /* @__PURE__ */ a.createElement(
+  ) : n === y.DRAWER ? /* @__PURE__ */ a.createElement(
     ce,
     {
       className: "humany-guide-languages-drawer-list",
@@ -456,17 +456,17 @@ const Ke = ({
       header: e,
       items: d,
       trigger: f,
-      renderItem: $
+      renderItem: p
     }
   ) : null;
-}, ut = dt, ht = r(T)`
+}, ht = ut, gt = s(T)`
     &&& {
         margin: 0 ${(e) => {
   var t;
   return `calc(${(t = e.theme.sizes) == null ? void 0 : t.small} * 2)`;
 }} 0 0;
     }
-`, gt = r(O)`
+`, ft = s(O)`
     circle {
         fill: ${(e) => {
   var t;
@@ -482,7 +482,7 @@ const Ke = ({
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
     }
-`, ft = r(K)`
+`, bt = s(K)`
     margin: 0 ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -491,7 +491,7 @@ const Ke = ({
   var t;
   return (t = e.theme.fonts) == null ? void 0 : t.normal;
 }};
-`, bt = r(O)`
+`, yt = s(O)`
     align-self: flex-end;
     stroke-width: 2px;
     stroke-linecap: round;
@@ -506,10 +506,10 @@ const Ke = ({
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
     }
-`, yt = r(de)`
+`, pt = s(de)`
     display: block;
     min-height: auto;
-`, pt = r(le)`
+`, $t = s(le)`
     color: ${(e) => {
   var t, n;
   return e.selected ? (t = e.theme.colors) == null ? void 0 : t.primary : (n = e.theme.colors) == null ? void 0 : n.text;
@@ -521,34 +521,34 @@ const Ke = ({
         ${re}
         text-decoration: underline;
     }
-`, $t = (e) => {
+`, Et = (e) => {
   const {
     allowCopy: t = !1,
     allowPrint: n = !1,
     guideCategories: o = !1,
     language: u = !1,
     showFavoriteToggle: c = !1,
-    picker: l = p.NONE
+    picker: r = y.NONE
   } = e;
-  return !t && !n && !u && !c && !o || l === p.NONE;
-}, Et = ({ className: e = "", dispatch: t }) => {
-  const y = J(), {
+  return !t && !n && !u && !c && !o || r === y.NONE;
+}, kt = ({ className: e = "", dispatch: t }) => {
+  const w = J(), {
     toolbarLanguageHeader: n,
     toolbarFunctionsHeader: o,
     toolbarLanguageTooltip: u,
     toolbarFunctionsTooltip: c,
-    toolbarFunctionsCloseButtonAriaLabel: l,
+    toolbarFunctionsCloseButtonAriaLabel: r,
     printActionLabel: h,
     copyActionLabel: m,
     addFavoriteTooltip: d,
     removeFavoriteCancelLabel: g,
     removeFavoriteConfirmLabel: f,
-    removeFavoriteHeader: $,
-    removeFavoriteLabel: E,
+    removeFavoriteHeader: p,
+    removeFavoriteLabel: $,
     removeFavoriteTooltip: b,
-    guide: s,
-    toolbar: k
-  } = y, x = R(y, [
+    guide: i,
+    toolbar: E
+  } = w, x = R(w, [
     "toolbarLanguageHeader",
     "toolbarFunctionsHeader",
     "toolbarLanguageTooltip",
@@ -565,21 +565,21 @@ const Ke = ({
     "guide",
     "toolbar"
   ]);
-  if (!s || !k || $t(k))
+  if (!i || !E || Et(E))
     return null;
-  const { language: w, guideCategories: i, allowCopy: S, allowPrint: B, showFavoriteToggle: L, picker: C } = k;
-  return /* @__PURE__ */ a.createElement(wt, { className: H("humany-guide-toolbar", e) }, w && Object.keys(s.translations || {}).length > 1 && /* @__PURE__ */ a.createElement(
-    ut,
-    N({
-      guide: s,
+  const { language: k, guideCategories: l, allowCopy: S, allowPrint: B, showFavoriteToggle: v, picker: L } = E;
+  return /* @__PURE__ */ a.createElement(xt, { className: H("humany-guide-toolbar", e) }, k && Object.keys(i.translations || {}).length > 1 && /* @__PURE__ */ a.createElement(
+    ht,
+    C({
+      guide: i,
       header: n,
       tooltip: u,
-      picker: C
+      picker: L
     }, x)
-  ), i && /* @__PURE__ */ a.createElement(at, { guide: s, toolbar: k }), (S || B || L) && /* @__PURE__ */ a.createElement(
-    st,
+  ), l && /* @__PURE__ */ a.createElement(ot, { guide: i, toolbar: E }), (S || B || v) && /* @__PURE__ */ a.createElement(
+    it,
     {
-      guide: s,
+      guide: i,
       header: o,
       tooltip: c,
       printActionLabel: h,
@@ -587,18 +587,18 @@ const Ke = ({
       addFavoriteTooltip: d,
       removeFavoriteCancelLabel: g,
       removeFavoriteConfirmLabel: f,
-      removeFavoriteHeader: $,
-      removeFavoriteLabel: E,
+      removeFavoriteHeader: p,
+      removeFavoriteLabel: $,
       removeFavoriteTooltip: b,
-      toolbarFunctionsCloseButtonAriaLabel: l,
+      toolbarFunctionsCloseButtonAriaLabel: r,
       allowCopy: S,
       allowPrint: B,
-      showFavoriteToggle: L,
-      picker: C,
+      showFavoriteToggle: v,
+      picker: L,
       dispatch: t
     }
   ));
-}, kt = Et, wt = r.div`
+}, wt = kt, xt = s.div`
     display: flex;
     align-items: center;
     justify-content: space-between;
@@ -610,100 +610,100 @@ const Ke = ({
   return (t = e.theme.sizes) == null ? void 0 : t.small;
 }} * 2) 0 0;
     }
-`, Gt = Je(
+`, qt = Ke(
   (u, o) => {
     var c = u, { className: e, accordion: t = !1 } = c, n = R(c, ["className", "accordion"]);
     const {
-      loading: l = !1,
+      loading: r = !1,
       dialog: h = [],
       contactMethods: m = [],
       showHeader: d = !0,
       showAnswerVersions: g = !1,
       defaultAnswerVersionLabel: f = "Default",
-      backButtonLabel: $,
-      metadataByLabel: E,
+      backButtonLabel: p,
+      metadataByLabel: $,
       metadataModifiedLabel: b,
-      metadataPublishedLabel: s,
-      availablePerspectives: k,
+      metadataPublishedLabel: i,
+      availablePerspectives: E,
       metadata: x,
-      toolbar: w,
-      guide: i,
+      toolbar: k,
+      guide: l,
       error: S
     } = J(), {
-      params: { connection: B }
-    } = q(), L = ie(), C = Be(), y = se(), F = P(() => ({
+      params: { connection: B, guide: v }
+    } = q(), L = ie(), w = Ne(), N = se(), D = P(() => ({
       transform: {
-        img: (z) => /* @__PURE__ */ a.createElement(Ne, { attrs: z, htmlBody: (i == null ? void 0 : i.body) || "" }),
+        img: (z) => /* @__PURE__ */ a.createElement(Ce, { attrs: z, htmlBody: (l == null ? void 0 : l.body) || "" }),
         a: (z) => {
-          const Y = z, { children: fe } = Y, X = R(Y, ["children"])["data-target"];
+          const Y = z, { children: be } = Y, X = R(Y, ["children"])["data-target"];
           if (X && h.length) {
             const Z = h.find(
-              ({ connection: be }) => be === X
+              ({ connection: ye }) => ye === X
             );
             if (Z)
-              return /* @__PURE__ */ a.createElement(Ce, N({}, Z), fe);
+              return /* @__PURE__ */ a.createElement(ve, C({}, Z), be);
           }
-          return ve(L)(z);
+          return De(L)(z);
         }
       }
-    }), [i, L, h]), v = V(() => {
-      y("back");
-    }, [y]);
-    if (!i && !S && !l)
-      return De(L, D(N({}, n), {
+    }), [l, L, h]), I = V(() => {
+      N("back");
+    }, [N]);
+    if (!l && !S && !r)
+      return Fe(L, F(C({}, n), {
         className: H(e, "humany-guide")
       }));
-    const { id: I = "", title: Q = "", body: M = "", translations: U = {} } = i || {};
+    const { id: ge = "", title: Q = "", body: M = "", translations: U = {} } = l || {};
     if (S && S.status === 404)
-      return /* @__PURE__ */ a.createElement(Ae, { showSearch: !1 });
-    const j = !!t && !!B, ge = Object.keys(U).find((z) => U[z] === `${I}`);
+      return /* @__PURE__ */ a.createElement(Ve, { showSearch: !1 });
+    const j = !!t && !!B, fe = Object.keys(U).find((z) => U[z] === `${ge}`);
     return /* @__PURE__ */ a.createElement(
-      xt,
-      D(N({
+      Lt,
+      F(C({
         ref: o
       }, n), {
-        "data-loading": l,
+        "data-loading": r,
         className: H(e, "humany-guide")
       }),
       /* @__PURE__ */ a.createElement(
-        Nt,
+        Ct,
         {
-          "data-loading": l,
+          "data-loading": r,
           accordion: t ? "true" : "false",
           className: "humany-guide-content"
         },
-        (g && i || !!w) && /* @__PURE__ */ a.createElement(Bt, { className: "humany-guide-top" }, g && i && /* @__PURE__ */ a.createElement(
-          Qe,
+        (g && l || !!k) && /* @__PURE__ */ a.createElement(Nt, { className: "humany-guide-top" }, g && l && /* @__PURE__ */ a.createElement(
+          Ue,
           {
             defaultAnswerVersionLabel: f,
-            availablePerspectives: k,
-            guide: i
+            availablePerspectives: E,
+            guide: l
           }
-        ), !!w && /* @__PURE__ */ a.createElement(kt, { dispatch: y })),
+        ), !!k && /* @__PURE__ */ a.createElement(wt, { dispatch: N })),
         !!(Q || M) && /* @__PURE__ */ a.createElement(
-          Lt,
+          zt,
           {
             className: "humany-guide-body",
             accordion: t ? "true" : "false",
             header: d && Q || void 0,
             html: M,
-            htmlParseInstruction: F,
-            lang: ge
+            htmlParseInstruction: D,
+            lang: fe
           }
         ),
-        h && M.indexOf("h-option-link") === -1 && /* @__PURE__ */ a.createElement(St, { dialog: h }),
+        h && M.indexOf("h-option-link") === -1 && /* @__PURE__ */ a.createElement(Bt, { dialog: h }),
         /* @__PURE__ */ a.createElement(
-          zt,
+          St,
           {
             backButtonShown: j ? "true" : "false",
             contactMethods: m,
-            dispatch: y,
-            guideId: i && i.id
+            dispatch: N,
+            guideId: l && l.id
           }
         ),
-        !m.length && /* @__PURE__ */ a.createElement(tt, { backButtonShown: j, accordion: t }),
-        j && /* @__PURE__ */ a.createElement(Dt, { "aria-label": $, onClick: v }, /* @__PURE__ */ a.createElement(
-          Ft,
+        !m.length && v === (l == null ? void 0 : l.id) && /* @__PURE__ */ a.createElement(nt, { backButtonShown: j, accordion: t }),
+        j && /* @__PURE__ */ a.createElement(Ft, { "aria-label": p, onClick: I }, /* @__PURE__ */ a.createElement(
+          Rt,
           {
             width: "7",
             height: "13",
@@ -713,21 +713,21 @@ const Ke = ({
           },
           /* @__PURE__ */ a.createElement("line", { x1: "6.64645", y1: "12.5513", x2: "0.648357", y2: "6.55319" }),
           /* @__PURE__ */ a.createElement("line", { x1: "0.646447", y1: "6.64455", x2: "6.64454", y2: "0.646465" })
-        ), $ && /* @__PURE__ */ a.createElement("span", null, $)),
+        ), p && /* @__PURE__ */ a.createElement("span", null, p)),
         x && /* @__PURE__ */ a.createElement(
-          Ct,
-          D(N({}, x), {
-            modified: i == null ? void 0 : i.modified,
-            published: i == null ? void 0 : i.published,
-            modifiedBy: i == null ? void 0 : i.modifiedBy,
-            publishedBy: i == null ? void 0 : i.publishedBy,
-            byLabel: E,
+          vt,
+          F(C({}, x), {
+            modified: l == null ? void 0 : l.modified,
+            published: l == null ? void 0 : l.published,
+            modifiedBy: l == null ? void 0 : l.modifiedBy,
+            publishedBy: l == null ? void 0 : l.publishedBy,
+            byLabel: $,
             modifiedLabel: b,
-            publishedLabel: s
+            publishedLabel: i
           })
         ),
-        C.map((z) => /* @__PURE__ */ a.createElement(
-          vt,
+        w.map((z) => /* @__PURE__ */ a.createElement(
+          Dt,
           {
             key: z.id,
             id: z.id,
@@ -736,14 +736,14 @@ const Ke = ({
           }
         ))
       ),
-      /* @__PURE__ */ a.createElement(Fe, { loading: l })
+      /* @__PURE__ */ a.createElement(Re, { loading: r })
     );
   }
-), xt = r.div`
-    ${Re}
+), Lt = s.div`
+    ${Te}
     min-width: 0;
-`, Lt = r(Te)`
-    ${Oe}
+`, zt = s(Oe)`
+    ${Ie}
     ${(e) => {
   var t;
   return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.large};`;
@@ -753,7 +753,7 @@ const Ke = ({
 
     ${(e) => {
   var t, n;
-  return Ie(e)(
+  return We(e)(
     "h1",
     G`
                 font-size: ${(t = e.theme.fonts) == null ? void 0 : t.large};
@@ -779,16 +779,16 @@ const Ke = ({
             display: inline;
         }
     }
-`, zt = r(oe)`
+`, St = s(oe)`
     border-top: ${(e) => e.theme.border};
     ${(e) => e.backButtonShown === "true" && `border-bottom: ${e.theme.border};`}
-`, St = r(We)`
+`, Bt = s(He)`
     ${(e) => {
   var t, n;
   return `padding: 0 ${(t = e.theme.sizes) == null ? void 0 : t.large} ${(n = e.theme.sizes) == null ? void 0 : n.large};`;
 }}
     display: block;
-`, Bt = r.div`
+`, Nt = s.div`
     ${(e) => {
   var t, n;
   return `padding: calc(${(t = e.theme.sizes) == null ? void 0 : t.normal}*2) ${(n = e.theme.sizes) == null ? void 0 : n.large};`;
@@ -799,11 +799,11 @@ const Ke = ({
     border-bottom: ${(e) => e.theme.border};
     border-radius: ${(e) => `${e.theme.borderRadius} ${e.theme.borderRadius}`} 0 0;
     background-color: #ffffff;
-`, Nt = r.div`
-    ${He}
+`, Ct = s.div`
+    ${Pe}
     display: block;
     > a {
-        ${Ee}
+        ${ke}
     }
 
     ${(e) => e.accordion === "true" && G`
@@ -811,7 +811,7 @@ const Ke = ({
             box-shadow: none;
             background-color: #fafafa;
         `}
-`, Ct = r(Pe)`
+`, vt = s(Me)`
     display: block;
     ${(e) => {
   var t, n;
@@ -827,9 +827,9 @@ const Ke = ({
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
     border-top: ${(e) => e.theme.border};
-`, vt = r(Ve)`
+`, Dt = s(Ge)`
     border-top: ${(e) => e.theme.border};
-`, Dt = r(Me)`
+`, Ft = s(je)`
     ${(e) => {
   var t, n;
   return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.normal} calc(${(n = e.theme.sizes) == null ? void 0 : n.normal} * 2);`;
@@ -847,13 +847,13 @@ const Ke = ({
         font-weight: 300;
     }
     &:focus-visible {
-        ${je}
+        ${Ae}
         padding: ${(e) => {
   var t, n;
   return `calc(${(t = e.theme.sizes) == null ? void 0 : t.small} / 2) ${(n = e.theme.sizes) == null ? void 0 : n.small}`;
 }};
     }
-`, Ft = r.svg`
+`, Rt = s.svg`
     margin-right: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.small;
@@ -866,6 +866,6 @@ const Ke = ({
     }
 `;
 export {
-  Gt as default
+  qt as default
 };
-//# sourceMappingURL=guide.cf075f8e.js.map
+//# sourceMappingURL=guide.5e89ba60.js.map