@telia-ace/knowledge-widget-components-guide 1.0.28-next.0 → 1.0.34-next.0

package/dist/answer-version-picker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { AvailablePerspectives, GuideProps } from './guide-component';
-declare type Props = {
+type Props = {
     className?: string;
     defaultAnswerVersionLabel: string;
     availablePerspectives?: AvailablePerspectives[];

package/dist/categories.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { GuideProps, ToolbarProps } from './guide-component';
-declare type Props = {
+type Props = {
     guide: GuideProps;
     toolbar: ToolbarProps;
 };

package/dist/feedback.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     backButtonShown?: boolean;
     accordion?: boolean;
 };

package/dist/functions.d.ts

@@ -2,11 +2,11 @@ import { PickerTypes } from '@telia-ace/knowledge-widget-core';
 import { DispatchAction } from '@telia-ace/knowledge-widget-ui';
 import React from 'react';
 import { GuideProps } from './guide-component';
-export declare type FunctionListItem = {
+export type FunctionListItem = {
     type: string;
     child: React.ReactNode;
 };
-declare type Props = {
+type Props = {
     header?: string;
     tooltip?: string;
     printActionLabel?: string;

package/dist/guide-component.d.ts

@@ -4,7 +4,7 @@ import { DialogItem, PickerTypes } from '@telia-ace/knowledge-widget-core';
 import { DataError } from '@telia-ace/knowledge-widget-types-grid';
 import { FormComponentInstanceProperties } from '@telia-ace/widget-forms';
 import { Container } from '@webprovisions/platform';
-export declare type GuideProps = {
+export type GuideProps = {
     id: string;
     title: string;
     body: string;
@@ -24,11 +24,11 @@ export declare type GuideProps = {
     modifiedBy?: string | null;
     perspective: string | null;
 };
-export declare type AvailablePerspectives = {
+export type AvailablePerspectives = {
     name: string;
     title: string;
 };
-export declare type GuideComponentProps = {
+export type GuideComponentProps = {
     showHeader?: boolean;
     showFeedback?: boolean;
     feedbackDirection?: 'horizontal' | 'vertical';
@@ -57,7 +57,7 @@ export declare type GuideComponentProps = {
     error?: DataError;
     availablePerspectives?: AvailablePerspectives[];
 } & FormComponentInstanceProperties & FavoriteProperties & MetaDataProperties & LanguageProperties;
-export declare type ToolbarProps = {
+export type ToolbarProps = {
     language?: boolean;
     guideCategories?: boolean;
     allowCopy?: boolean;

package/dist/{guide.e602b80c.js → guide.35a46def.js}

@@ -34,28 +34,31 @@ const Ke = ({
   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]);
-  return /* @__PURE__ */ a.createElement(Ue, {
-    className: H(e, "humany-guide-answer-version-picker"),
-    items: h,
-    renderItem: (m) => {
-      const d = m.label === "Default" ? t : m.label, g = n === m.connection, b = g && (!l.connection || n === l.connection);
-      return /* @__PURE__ */ a.createElement("li", {
-        key: m.connection,
-        "data-version": m.connection
-      }, /* @__PURE__ */ a.createElement(Xe, {
-        key: m.connection,
-        as: b ? "span" : void 0,
-        text: d,
-        routeName: c,
-        selected: g,
-        "aria-label": d,
-        title: d,
-        params: D(S({}, l), {
-          connection: m.connection
-        })
-      }));
+  return /* @__PURE__ */ a.createElement(
+    Ue,
+    {
+      className: H(e, "humany-guide-answer-version-picker"),
+      items: h,
+      renderItem: (m) => {
+        const d = m.label === "Default" ? t : m.label, g = n === m.connection, b = g && (!l.connection || n === l.connection);
+        return /* @__PURE__ */ a.createElement("li", { key: m.connection, "data-version": m.connection }, /* @__PURE__ */ a.createElement(
+          Xe,
+          {
+            key: m.connection,
+            as: b ? "span" : void 0,
+            text: d,
+            routeName: c,
+            selected: g,
+            "aria-label": d,
+            title: d,
+            params: D(S({}, l), {
+              connection: m.connection
+            })
+          }
+        ));
+      }
     }
-  });
+  );
 }, Qe = Ke, Ue = r(ke)`
     display: flex;
     align-items: center;
@@ -127,23 +130,27 @@ const Ke = ({
     negativeFeedbackLabel: f,
     contactFeedbackLabel: s
   } = J();
-  return !m || !c || !c.allowFeedback || o && !b || u.length ? null : b && g && !l.length ? /* @__PURE__ */ a.createElement(_e, {
-    accordion: t ? "true" : "false"
-  }, g) : c.hasHandover && l.length ? /* @__PURE__ */ a.createElement(Ye, {
-    backButtonShown: e ? "true" : "false",
-    accordion: t ? "true" : "false",
-    header: h,
-    contactMethods: l,
-    dispatch: n
-  }) : /* @__PURE__ */ a.createElement(Ze, {
-    accordion: t ? "true" : "false",
-    positive: E,
-    negative: c.hasHandover ? s : f,
-    header: $,
-    selected: b,
-    onFeedback: (k) => n("feedback", k),
-    direction: d
-  });
+  return !m || !c || !c.allowFeedback || o && !b || u.length ? null : b && g && !l.length ? /* @__PURE__ */ a.createElement(_e, { accordion: t ? "true" : "false" }, g) : c.hasHandover && l.length ? /* @__PURE__ */ a.createElement(
+    Ye,
+    {
+      backButtonShown: e ? "true" : "false",
+      accordion: t ? "true" : "false",
+      header: h,
+      contactMethods: l,
+      dispatch: n
+    }
+  ) : /* @__PURE__ */ a.createElement(
+    Ze,
+    {
+      accordion: t ? "true" : "false",
+      positive: E,
+      negative: c.hasHandover ? s : f,
+      header: $,
+      selected: b,
+      onFeedback: (k) => n("feedback", k),
+      direction: d
+    }
+  );
 }, tt = et, nt = ({
   guide: { categories: e = [] },
   toolbar: { picker: t = p.NONE }
@@ -157,32 +164,45 @@ const Ke = ({
     ).then((c) => {
       o(c);
     });
-  }, [e]), n.length ? /* @__PURE__ */ a.createElement(Le, {
-    className: "humany-guide-category-tooltip",
-    sticky: t === p.DRAWER,
-    content: /* @__PURE__ */ a.createElement(a.Fragment, null, n.map((c) => /* @__PURE__ */ a.createElement(ot, {
-      className: "humany-guide-category-trail",
-      key: c.map((l) => l.id).join(".")
-    }, c.map((l, h) => /* @__PURE__ */ a.createElement(K, {
-      className: "humany-guide-category-trail-segment",
-      key: l.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"
-    }, "/"))))))
-  }, t === p.DRAWER ? /* @__PURE__ */ a.createElement(T, {
-    className: "humany-guide-category-tooltip-button",
-    "data-has-label": "false",
-    "data-has-symbol": "true"
-  }, /* @__PURE__ */ a.createElement(ae, {
-    size: 19,
-    symbol: { type: "Svg", content: "information" }
-  })) : /* @__PURE__ */ a.createElement(ae, {
-    size: 19,
-    symbol: { type: "Svg", content: "information" }
-  })) : null;
+  }, [e]), n.length ? /* @__PURE__ */ a.createElement(
+    Le,
+    {
+      className: "humany-guide-category-tooltip",
+      sticky: t === p.DRAWER,
+      content: /* @__PURE__ */ a.createElement(a.Fragment, null, n.map((c) => /* @__PURE__ */ a.createElement(
+        ot,
+        {
+          className: "humany-guide-category-trail",
+          key: c.map((l) => l.id).join(".")
+        },
+        c.map((l, h) => /* @__PURE__ */ a.createElement(
+          K,
+          {
+            className: "humany-guide-category-trail-segment",
+            key: l.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" }, "/")
+        ))
+      )))
+    },
+    t === p.DRAWER ? /* @__PURE__ */ a.createElement(
+      T,
+      {
+        className: "humany-guide-category-tooltip-button",
+        "data-has-label": "false",
+        "data-has-symbol": "true"
+      },
+      /* @__PURE__ */ a.createElement(
+        ae,
+        {
+          size: 19,
+          symbol: { type: "Svg", content: "information" }
+        }
+      )
+    ) : /* @__PURE__ */ a.createElement(ae, { size: 19, symbol: { type: "Svg", content: "information" } })
+  ) : null;
 }, at = nt, ot = r.div`
     i,
     svg {
@@ -235,45 +255,52 @@ const Ke = ({
     const { id: y, title: R } = s, v = [];
     if (b && v.push({
       type: "copy",
-      child: /* @__PURE__ */ a.createElement(T, {
-        "data-has-label": o ? "true" : "false",
-        "data-has-symbol": "true",
-        title: o,
-        "aria-label": n,
-        onClick: i
-      }, /* @__PURE__ */ a.createElement(A, {
-        size: 16,
-        symbol: { type: "Svg", content: "copy" }
-      }), o && /* @__PURE__ */ a.createElement(ne, null, o))
+      child: /* @__PURE__ */ a.createElement(
+        T,
+        {
+          "data-has-label": o ? "true" : "false",
+          "data-has-symbol": "true",
+          title: o,
+          "aria-label": n,
+          onClick: i
+        },
+        /* @__PURE__ */ a.createElement(A, { size: 16, symbol: { type: "Svg", content: "copy" } }),
+        o && /* @__PURE__ */ a.createElement(ne, null, o)
+      )
     }), $ && v.push({
       type: "print",
-      child: /* @__PURE__ */ a.createElement(T, {
-        "data-has-label": n ? "true" : "false",
-        "data-has-symbol": "true",
-        title: n,
-        "aria-label": n,
-        onClick: L
-      }, /* @__PURE__ */ a.createElement(A, {
-        size: 16,
-        symbol: { type: "Svg", content: "print" }
-      }), n && /* @__PURE__ */ a.createElement(ne, null, n))
+      child: /* @__PURE__ */ a.createElement(
+        T,
+        {
+          "data-has-label": n ? "true" : "false",
+          "data-has-symbol": "true",
+          title: n,
+          "aria-label": n,
+          onClick: L
+        },
+        /* @__PURE__ */ a.createElement(A, { size: 16, symbol: { type: "Svg", content: "print" } }),
+        n && /* @__PURE__ */ a.createElement(ne, null, n)
+      )
     }), E) {
       const I = B.indexOf(y) > -1;
       v.push({
         type: "favorite",
-        child: /* @__PURE__ */ a.createElement(Se, {
-          id: y,
-          guideTitle: R,
-          isFavorite: I,
-          buttonLabel: I ? d : u,
-          addFavoriteTooltip: u,
-          removeFavoriteCancelLabel: c,
-          removeFavoriteConfirmLabel: l,
-          removeFavoriteHeader: h,
-          removeFavoriteLabel: m,
-          removeFavoriteTooltip: d,
-          actions: C
-        })
+        child: /* @__PURE__ */ a.createElement(
+          Se,
+          {
+            id: y,
+            guideTitle: R,
+            isFavorite: I,
+            buttonLabel: I ? d : u,
+            addFavoriteTooltip: u,
+            removeFavoriteCancelLabel: c,
+            removeFavoriteConfirmLabel: l,
+            removeFavoriteHeader: h,
+            removeFavoriteLabel: m,
+            removeFavoriteTooltip: d,
+            actions: C
+          }
+        )
       });
     }
     return v;
@@ -294,34 +321,38 @@ const Ke = ({
   ]);
   if (!z.length)
     return null;
-  const w = /* @__PURE__ */ a.createElement(ct, {
-    tabIndex: 0,
-    title: t,
-    "data-has-symbol": "true",
-    "data-has-label": "false"
-  }, /* @__PURE__ */ a.createElement(A, {
-    symbol: { type: "Svg", content: "options" },
-    size: 18
-  })), N = ({ type: y, child: R }) => /* @__PURE__ */ a.createElement("li", {
-    key: y,
-    "data-function-type": y
-  }, R);
-  return f === p.DROPDOWN ? /* @__PURE__ */ a.createElement(it, {
-    className: "humany-guide-functions-dropdown-list",
-    header: e,
-    items: z,
-    trigger: w,
-    renderItem: N,
-    closeButtonAriaLabel: g
-  }) : f === p.DRAWER ? /* @__PURE__ */ a.createElement(ce, {
-    className: "humany-guide-functions-drawer-list",
-    animation: { type: me.SlideInBottom },
-    header: e,
-    items: z,
-    trigger: w,
-    renderItem: N,
-    closeButtonAriaLabel: g
-  }) : null;
+  const w = /* @__PURE__ */ a.createElement(
+    ct,
+    {
+      tabIndex: 0,
+      title: t,
+      "data-has-symbol": "true",
+      "data-has-label": "false"
+    },
+    /* @__PURE__ */ a.createElement(A, { symbol: { type: "Svg", content: "options" }, size: 18 })
+  ), N = ({ type: y, child: R }) => /* @__PURE__ */ a.createElement("li", { key: y, "data-function-type": y }, R);
+  return f === p.DROPDOWN ? /* @__PURE__ */ a.createElement(
+    it,
+    {
+      className: "humany-guide-functions-dropdown-list",
+      header: e,
+      items: z,
+      trigger: w,
+      renderItem: N,
+      closeButtonAriaLabel: g
+    }
+  ) : f === p.DRAWER ? /* @__PURE__ */ a.createElement(
+    ce,
+    {
+      className: "humany-guide-functions-drawer-list",
+      animation: { type: me.SlideInBottom },
+      header: e,
+      items: z,
+      trigger: w,
+      renderItem: N,
+      closeButtonAriaLabel: g
+    }
+  ) : null;
 }, st = rt, A = r(O)`
     circle {
         fill: ${(e) => {
@@ -367,44 +398,55 @@ const Ke = ({
   }, []), [o, u]);
   if (!d.length)
     return null;
-  const g = mt(o, d), b = /* @__PURE__ */ a.createElement(ht, {
-    tabIndex: 0,
-    title: t,
-    "data-has-symbol": "true",
-    "data-has-label": n === p.DROPDOWN && g ? "true" : "false"
-  }, n === p.DROPDOWN && /* @__PURE__ */ a.createElement(a.Fragment, null, g && /* @__PURE__ */ a.createElement(bt, null, g), /* @__PURE__ */ a.createElement(ft, {
-    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: f, id: s }) => /* @__PURE__ */ a.createElement("li", {
-    key: f,
-    "data-language": f
-  }, /* @__PURE__ */ a.createElement(pt, {
-    tabIndex: 0,
-    text: E,
-    routeName: h,
-    selected: o.id === s,
-    params: Ve(D(S({}, m), {
-      connection: void 0,
-      guide: s
-    }))
-  }));
-  return n === p.DROPDOWN ? /* @__PURE__ */ a.createElement(yt, {
-    className: "humany-guide-languages-dropdown-list",
-    header: e,
-    items: d,
-    trigger: b,
-    renderItem: $
-  }) : n === p.DRAWER ? /* @__PURE__ */ a.createElement(ce, {
-    className: "humany-guide-languages-drawer-list",
-    animation: { type: me.SlideInBottom },
-    header: e,
-    items: d,
-    trigger: b,
-    renderItem: $
-  }) : null;
+  const g = mt(o, d), b = /* @__PURE__ */ a.createElement(
+    ht,
+    {
+      tabIndex: 0,
+      title: t,
+      "data-has-symbol": "true",
+      "data-has-label": n === p.DROPDOWN && g ? "true" : "false"
+    },
+    n === p.DROPDOWN && /* @__PURE__ */ a.createElement(a.Fragment, null, g && /* @__PURE__ */ a.createElement(bt, null, g), /* @__PURE__ */ a.createElement(
+      ft,
+      {
+        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: f, id: s }) => /* @__PURE__ */ a.createElement("li", { key: f, "data-language": f }, /* @__PURE__ */ a.createElement(
+    pt,
+    {
+      tabIndex: 0,
+      text: E,
+      routeName: h,
+      selected: o.id === s,
+      params: Ve(D(S({}, m), {
+        connection: void 0,
+        guide: s
+      }))
+    }
+  ));
+  return n === p.DROPDOWN ? /* @__PURE__ */ a.createElement(
+    yt,
+    {
+      className: "humany-guide-languages-dropdown-list",
+      header: e,
+      items: d,
+      trigger: b,
+      renderItem: $
+    }
+  ) : n === p.DRAWER ? /* @__PURE__ */ a.createElement(
+    ce,
+    {
+      className: "humany-guide-languages-drawer-list",
+      animation: { type: me.SlideInBottom },
+      header: e,
+      items: d,
+      trigger: b,
+      renderItem: $
+    }
+  ) : null;
 }, ut = dt, ht = r(T)`
     &&& {
         margin: 0 ${(e) => {
@@ -514,35 +556,36 @@ const Ke = ({
   if (!s || !k || $t(k))
     return null;
   const { language: C, guideCategories: i, allowCopy: L, allowPrint: z, showFavoriteToggle: w, picker: N } = k;
-  return /* @__PURE__ */ a.createElement(wt, {
-    className: H("humany-guide-toolbar", e)
-  }, C && Object.keys(s.translations || {}).length > 1 && /* @__PURE__ */ a.createElement(ut, S({
-    guide: s,
-    header: n,
-    tooltip: u,
-    picker: N
-  }, B)), i && /* @__PURE__ */ a.createElement(at, {
-    guide: s,
-    toolbar: k
-  }), (L || z || w) && /* @__PURE__ */ a.createElement(st, {
-    guide: s,
-    header: o,
-    tooltip: c,
-    printActionLabel: h,
-    copyActionLabel: m,
-    addFavoriteTooltip: d,
-    removeFavoriteCancelLabel: g,
-    removeFavoriteConfirmLabel: b,
-    removeFavoriteHeader: $,
-    removeFavoriteLabel: E,
-    removeFavoriteTooltip: f,
-    toolbarFunctionsCloseButtonAriaLabel: l,
-    allowCopy: L,
-    allowPrint: z,
-    showFavoriteToggle: w,
-    picker: N,
-    dispatch: t
-  }));
+  return /* @__PURE__ */ a.createElement(wt, { className: H("humany-guide-toolbar", e) }, C && Object.keys(s.translations || {}).length > 1 && /* @__PURE__ */ a.createElement(
+    ut,
+    S({
+      guide: s,
+      header: n,
+      tooltip: u,
+      picker: N
+    }, B)
+  ), i && /* @__PURE__ */ a.createElement(at, { guide: s, toolbar: k }), (L || z || w) && /* @__PURE__ */ a.createElement(
+    st,
+    {
+      guide: s,
+      header: o,
+      tooltip: c,
+      printActionLabel: h,
+      copyActionLabel: m,
+      addFavoriteTooltip: d,
+      removeFavoriteCancelLabel: g,
+      removeFavoriteConfirmLabel: b,
+      removeFavoriteHeader: $,
+      removeFavoriteLabel: E,
+      removeFavoriteTooltip: f,
+      toolbarFunctionsCloseButtonAriaLabel: l,
+      allowCopy: L,
+      allowPrint: z,
+      showFavoriteToggle: w,
+      picker: N,
+      dispatch: t
+    }
+  ));
 }, kt = Et, wt = r.div`
     display: flex;
     align-items: center;
@@ -578,10 +621,7 @@ const Ke = ({
       params: { connection: z }
     } = q(), w = ie(), N = Be(), y = se(), R = P(() => ({
       transform: {
-        img: (x) => /* @__PURE__ */ a.createElement(Ne, {
-          attrs: x,
-          htmlBody: (i == null ? void 0 : i.body) || ""
-        }),
+        img: (x) => /* @__PURE__ */ a.createElement(Ne, { attrs: x, htmlBody: (i == null ? void 0 : i.body) || "" }),
         a: (x) => {
           const Y = x, { children: he } = Y, X = F(Y, ["children"])["data-target"];
           if (X && h.length) {
@@ -603,79 +643,89 @@ const Ke = ({
       }));
     const { id: I = "", title: Q = "", body: M = "", translations: U = {} } = i || {};
     if (L && L.status === 404)
-      return /* @__PURE__ */ a.createElement($e, {
-        showSearch: !1
-      });
+      return /* @__PURE__ */ a.createElement($e, { showSearch: !1 });
     const j = !!t && !!z, ue = Object.keys(U).find((x) => U[x] === `${I}`);
-    return /* @__PURE__ */ a.createElement(xt, D(S({
-      ref: o
-    }, n), {
-      "data-loading": l,
-      className: H(e, "humany-guide")
-    }), /* @__PURE__ */ a.createElement(Nt, {
-      "data-loading": l,
-      accordion: t ? "true" : "false",
-      className: "humany-guide-content"
-    }, (g && i || !!C) && /* @__PURE__ */ a.createElement(Bt, {
-      className: "humany-guide-top"
-    }, g && i && /* @__PURE__ */ a.createElement(Qe, {
-      defaultAnswerVersionLabel: b,
-      availablePerspectives: k,
-      guide: i
-    }), !!C && /* @__PURE__ */ a.createElement(kt, {
-      dispatch: y
-    })), !!(Q || M) && /* @__PURE__ */ a.createElement(Lt, {
-      className: "humany-guide-body",
-      accordion: t ? "true" : "false",
-      header: d && Q || void 0,
-      html: M,
-      htmlParseInstruction: R,
-      lang: ue
-    }), h && M.indexOf("h-option-link") === -1 && /* @__PURE__ */ a.createElement(St, {
-      dialog: h
-    }), /* @__PURE__ */ a.createElement(zt, {
-      backButtonShown: j ? "true" : "false",
-      contactMethods: m,
-      dispatch: y,
-      guideId: i && i.id
-    }), !m.length && /* @__PURE__ */ a.createElement(tt, {
-      backButtonShown: j,
-      accordion: t
-    }), j && /* @__PURE__ */ a.createElement(Dt, {
-      "aria-label": $,
-      onClick: v
-    }, /* @__PURE__ */ a.createElement(Rt, {
-      width: "7",
-      height: "13",
-      viewBox: "0 0 7 13",
-      fill: "none",
-      xmlns: "http://www.w3.org/2000/svg"
-    }, /* @__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, $)), B && /* @__PURE__ */ a.createElement(Ct, D(S({}, B), {
-      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,
-      modifiedLabel: f,
-      publishedLabel: s
-    })), N.map((x) => /* @__PURE__ */ a.createElement(vt, {
-      key: x.id,
-      id: x.id,
-      branch: "default",
-      embedded: !0
-    }))), /* @__PURE__ */ a.createElement(Re, {
-      loading: l
-    }));
+    return /* @__PURE__ */ a.createElement(
+      xt,
+      D(S({
+        ref: o
+      }, n), {
+        "data-loading": l,
+        className: H(e, "humany-guide")
+      }),
+      /* @__PURE__ */ a.createElement(
+        Nt,
+        {
+          "data-loading": l,
+          accordion: t ? "true" : "false",
+          className: "humany-guide-content"
+        },
+        (g && i || !!C) && /* @__PURE__ */ a.createElement(Bt, { className: "humany-guide-top" }, g && i && /* @__PURE__ */ a.createElement(
+          Qe,
+          {
+            defaultAnswerVersionLabel: b,
+            availablePerspectives: k,
+            guide: i
+          }
+        ), !!C && /* @__PURE__ */ a.createElement(kt, { dispatch: y })),
+        !!(Q || M) && /* @__PURE__ */ a.createElement(
+          Lt,
+          {
+            className: "humany-guide-body",
+            accordion: t ? "true" : "false",
+            header: d && Q || void 0,
+            html: M,
+            htmlParseInstruction: R,
+            lang: ue
+          }
+        ),
+        h && M.indexOf("h-option-link") === -1 && /* @__PURE__ */ a.createElement(St, { dialog: h }),
+        /* @__PURE__ */ a.createElement(
+          zt,
+          {
+            backButtonShown: j ? "true" : "false",
+            contactMethods: m,
+            dispatch: y,
+            guideId: i && i.id
+          }
+        ),
+        !m.length && /* @__PURE__ */ a.createElement(tt, { backButtonShown: j, accordion: t }),
+        j && /* @__PURE__ */ a.createElement(Dt, { "aria-label": $, onClick: v }, /* @__PURE__ */ a.createElement(
+          Rt,
+          {
+            width: "7",
+            height: "13",
+            viewBox: "0 0 7 13",
+            fill: "none",
+            xmlns: "http://www.w3.org/2000/svg"
+          },
+          /* @__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, $)),
+        B && /* @__PURE__ */ a.createElement(
+          Ct,
+          D(S({}, B), {
+            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,
+            modifiedLabel: f,
+            publishedLabel: s
+          })
+        ),
+        N.map((x) => /* @__PURE__ */ a.createElement(
+          vt,
+          {
+            key: x.id,
+            id: x.id,
+            branch: "default",
+            embedded: !0
+          }
+        ))
+      ),
+      /* @__PURE__ */ a.createElement(Re, { loading: l })
+    );
   }
 ), xt = r.div`
     ${Fe}
@@ -806,4 +856,4 @@ const Ke = ({
 export {
   Gt as default
 };
-//# sourceMappingURL=guide.e602b80c.js.map
+//# sourceMappingURL=guide.35a46def.js.map

package/dist/{guide.e602b80c.js.map → guide.35a46def.js.map}

@@ -1 +1 @@
-{"version":3,"file":"guide.e602b80c.js","sources":["../src/answer-version-picker.tsx","../src/feedback.tsx","../src/categories.tsx","../src/functions.tsx","../src/languages.tsx","../src/toolbar.tsx","../src/guide.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { List, paddedBorderTabStyle, TextLink, useRouteData } from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React, { useMemo } from 'react';\nimport { AvailablePerspectives, GuideProps } from './guide-component';\n\ntype Props = {\n    className?: string;\n    defaultAnswerVersionLabel: string;\n    availablePerspectives?: AvailablePerspectives[];\n    guide: GuideProps;\n};\n\ntype Perspective = { label: string; connection: string };\n\nconst AnswerVersionPicker: React.FC<Props> = ({\n    className,\n    defaultAnswerVersionLabel,\n    guide: { perspective: selectedPerspective, perspectives: guidePerspectives },\n    availablePerspectives = [],\n}) => {\n    const { name, params } = useRouteData();\n\n    const perspectives: Perspective[] = useMemo(() => {\n        if (!guidePerspectives || !availablePerspectives.length) {\n            return [];\n        }\n\n        return availablePerspectives\n            .filter(({ name }) => !!guidePerspectives[name])\n            .map(({ name, title }) => {\n                return { label: title, connection: guidePerspectives[name] };\n            });\n    }, [guidePerspectives, availablePerspectives]);\n\n    return (\n        <StyledList\n            className={appendClassNames(className, 'humany-guide-answer-version-picker')}\n            items={perspectives}\n            renderItem={(perspective: Perspective) => {\n                const label =\n                    perspective.label === 'Default' ? defaultAnswerVersionLabel : perspective.label;\n                const selected = selectedPerspective === perspective.connection;\n                const isRoot =\n                    selected && (!params.connection || selectedPerspective === params.connection);\n\n                return (\n                    <li key={perspective.connection} data-version={perspective.connection}>\n                        <VersionLink\n                            key={perspective.connection}\n                            as={isRoot ? 'span' : undefined}\n                            text={label}\n                            routeName={name}\n                            selected={selected}\n                            aria-label={label}\n                            title={label}\n                            params={{\n                                ...params,\n                                connection: perspective.connection,\n                            }}\n                        />\n                    </li>\n                );\n            }}\n        />\n    );\n};\n\nexport default AnswerVersionPicker;\n\nconst StyledList = styled(List)`\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    li:not(:last-child) {\n        margin: 0 calc(${(p) => p.theme.sizes?.small} * 2) 0 0;\n    }\n\n    li > span {\n        cursor: default;\n    }\n`;\n\nconst VersionLink = styled(TextLink)<{ selected: boolean }>`\n    font-weight: 300;\n    color: ${(p) => p.theme.colors?.text};\n    text-decoration: none;\n\n    ${(p) =>\n        p.selected &&\n        css`\n            font-weight: bold;\n            text-decoration: underline;\n        `}\n\n    &:focus-visible {\n        ${paddedBorderTabStyle};\n    }\n`;\n","import styled from '@emotion/styled';\nimport { ContactList } from '@telia-ace/knowledge-widget-adapters';\nimport {\n    Feedback as FeedbackUi,\n    StyledHeaderText,\n    useDispatch,\n    useProperties,\n} from '@telia-ace/knowledge-widget-ui';\nimport React from 'react';\nimport { GuideComponentProps } from './guide-component';\n\ntype Props = { backButtonShown?: boolean; accordion?: boolean };\n\nconst StyledContactList = styled(ContactList)<{\n    accordion: 'true' | 'false';\n    backButtonShown: 'true' | 'false';\n}>`\n    border-top: ${(p) => p.theme.border};\n    ${(p) => p.backButtonShown === 'true' && `border-bottom: ${p.theme.border};`}\n`;\n\nconst StyledFeedback = styled(FeedbackUi)<{ accordion: 'true' | 'false' }>`\n    ${(p) => `padding: ${p.theme.sizes?.large} ${p.theme.sizes?.large};`}\n`;\n\nconst Recognition = styled(StyledHeaderText)<{ accordion: 'true' | 'false' }>`\n    ${(p) => `padding: ${p.theme.sizes?.large} ${p.theme.sizes?.large};`}\n\n    display: block;\n    font-size: ${(p) => p.theme.fonts?.normal};\n    font-weight: bold;\n`;\n\nconst Feedback: React.FC<Props> = ({ backButtonShown = false, accordion = false }) => {\n    const dispatch = useDispatch();\n    const {\n        loading = false,\n        dialog = [],\n        guide,\n\n        handoverContactMethods = [],\n        contactHeader,\n\n        showFeedback,\n        feedbackDirection = 'horizontal',\n        feedbackRecognitionLabel,\n        feedbackGiven,\n        feedbackHeader,\n        positiveFeedbackLabel,\n        negativeFeedbackLabel,\n        contactFeedbackLabel,\n    } = useProperties<GuideComponentProps>();\n\n    if (\n        !showFeedback ||\n        !guide ||\n        !guide.allowFeedback ||\n        (loading && !feedbackGiven) ||\n        dialog.length\n    ) {\n        return null;\n    }\n\n    if (feedbackGiven && feedbackRecognitionLabel && !handoverContactMethods.length) {\n        return (\n            <Recognition accordion={accordion ? 'true' : 'false'}>\n                {feedbackRecognitionLabel}\n            </Recognition>\n        );\n    }\n\n    return guide.hasHandover && handoverContactMethods.length ? (\n        <StyledContactList\n            backButtonShown={backButtonShown ? 'true' : 'false'}\n            accordion={accordion ? 'true' : 'false'}\n            header={contactHeader}\n            contactMethods={handoverContactMethods}\n            dispatch={dispatch}\n        />\n    ) : (\n        <StyledFeedback\n            accordion={accordion ? 'true' : 'false'}\n            positive={positiveFeedbackLabel}\n            negative={guide.hasHandover ? contactFeedbackLabel : negativeFeedbackLabel}\n            header={feedbackHeader}\n            selected={feedbackGiven}\n            onFeedback={(feedback: any) => dispatch('feedback', feedback)}\n            direction={feedbackDirection}\n        />\n    );\n};\n\nexport default Feedback;\n","import styled from '@emotion/styled';\nimport { Category, PickerTypes } from '@telia-ace/knowledge-widget-core';\nimport {\n    StyledListButton,\n    SymbolBadge,\n    Text,\n    Tooltip,\n    useContainer,\n} from '@telia-ace/knowledge-widget-ui';\nimport { buildCategoryTrail } from '@telia-ace/widget-utilities';\nimport React, { useEffect, useState } from 'react';\nimport { GuideProps, ToolbarProps } from './guide-component';\n\ntype Props = {\n    guide: GuideProps;\n    toolbar: ToolbarProps;\n};\n\nconst Categories: React.FC<Props> = ({\n    guide: { categories = [] },\n    toolbar: { picker = PickerTypes.NONE },\n}) => {\n    const [trail, setTrail] = useState<Category[][]>([]);\n    const container = useContainer();\n\n    useEffect(() => {\n        buildCategoryTrail(\n            'index',\n            categories.map((id) => id.toString()),\n            container\n        ).then((result) => {\n            setTrail(result);\n        });\n    }, [categories]);\n\n    if (!trail.length) {\n        return null;\n    }\n\n    return (\n        <Tooltip\n            className=\"humany-guide-category-tooltip\"\n            sticky={picker === PickerTypes.DRAWER}\n            content={\n                <>\n                    {trail.map((segments) => {\n                        return (\n                            <CategoryTrail\n                                className=\"humany-guide-category-trail\"\n                                key={segments.map((c) => c.id).join('.')}\n                            >\n                                {segments.map((category, index: number) => {\n                                    return (\n                                        <Text\n                                            className=\"humany-guide-category-trail-segment\"\n                                            key={category.id}\n                                        >\n                                            {category.symbol && index === 0 && (\n                                                <SymbolBadge size={14} symbol={category.symbol} />\n                                            )}\n                                            {category.title}\n                                            {index !== segments.length - 1 && (\n                                                <CategorySeparator className=\"humany-category-separator\">\n                                                    /\n                                                </CategorySeparator>\n                                            )}\n                                        </Text>\n                                    );\n                                })}\n                            </CategoryTrail>\n                        );\n                    })}\n                </>\n            }\n        >\n            {picker === PickerTypes.DRAWER ? (\n                <StyledListButton\n                    className=\"humany-guide-category-tooltip-button\"\n                    data-has-label=\"false\"\n                    data-has-symbol=\"true\"\n                >\n                    <CategoriesSymbolBadge\n                        size={19}\n                        symbol={{ type: 'Svg', content: 'information' }}\n                    />\n                </StyledListButton>\n            ) : (\n                <CategoriesSymbolBadge size={19} symbol={{ type: 'Svg', content: 'information' }} />\n            )}\n        </Tooltip>\n    );\n};\n\nexport default Categories;\n\nconst CategoryTrail = styled.div`\n    i,\n    svg {\n        margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    }\n\n    &:not(:last-child) {\n        margin: 0 0 ${(p) => p.theme.sizes?.small};\n    }\n`;\n\nconst CategorySeparator = styled(Text)`\n    margin: 0 ${(p) => p.theme.sizes?.small};\n`;\n\nconst CategoriesSymbolBadge = styled(SymbolBadge)`\n    display: block;\n`;\n","import styled from '@emotion/styled';\nimport { PickerTypes } from '@telia-ace/knowledge-widget-core';\nimport {\n    DispatchAction,\n    DrawerAnimationType,\n    DrawerList,\n    DropdownList,\n    FavoriteButton,\n    StyledListButton,\n    StyledText,\n    SymbolBadge,\n    useFavorites,\n} from '@telia-ace/knowledge-widget-ui';\nimport React, { useCallback, useMemo } from 'react';\nimport { GuideProps } from './guide-component';\n\nexport type FunctionListItem = {\n    type: string;\n    child: React.ReactNode;\n};\n\ntype Props = {\n    header?: string;\n    tooltip?: string;\n    printActionLabel?: string;\n    copyActionLabel?: string;\n    addFavoriteTooltip?: string;\n    removeFavoriteCancelLabel?: string;\n    removeFavoriteConfirmLabel?: string;\n    removeFavoriteHeader?: string;\n    removeFavoriteLabel?: string;\n    removeFavoriteTooltip?: string;\n    toolbarFunctionsCloseButtonAriaLabel?: string;\n    guide: GuideProps;\n    allowCopy?: boolean;\n    allowPrint?: boolean;\n    showFavoriteToggle?: boolean;\n    picker?: PickerTypes;\n    dispatch: DispatchAction;\n};\n\nconst Functions: React.FC<Props> = ({\n    header,\n    tooltip,\n    printActionLabel,\n    copyActionLabel,\n    addFavoriteTooltip,\n    removeFavoriteCancelLabel,\n    removeFavoriteConfirmLabel,\n    removeFavoriteHeader,\n    removeFavoriteLabel,\n    removeFavoriteTooltip,\n    toolbarFunctionsCloseButtonAriaLabel,\n    allowCopy = false,\n    allowPrint = false,\n    showFavoriteToggle = false,\n    picker = PickerTypes.NONE,\n    guide,\n    dispatch,\n}) => {\n    const [favorites, actions] = useFavorites();\n\n    const handleCopy = useCallback(\n        (event: any) => {\n            if (guide) {\n                dispatch('copy', guide);\n            }\n        },\n        [guide, dispatch]\n    );\n\n    const handlePrint = useCallback(() => {\n        if (guide) {\n            dispatch('print');\n        }\n    }, [guide, dispatch]);\n\n    const items = useMemo(() => {\n        const { id, title } = guide;\n\n        const items: FunctionListItem[] = [];\n\n        if (allowCopy) {\n            items.push({\n                type: 'copy',\n                child: (\n                    <StyledListButton\n                        data-has-label={copyActionLabel ? 'true' : 'false'}\n                        data-has-symbol=\"true\"\n                        title={copyActionLabel}\n                        aria-label={printActionLabel}\n                        onClick={handleCopy}\n                    >\n                        <ColoredSymbolBadge size={16} symbol={{ type: 'Svg', content: 'copy' }} />\n                        {copyActionLabel && <StyledText>{copyActionLabel}</StyledText>}\n                    </StyledListButton>\n                ),\n            });\n        }\n\n        if (allowPrint) {\n            items.push({\n                type: 'print',\n                child: (\n                    <StyledListButton\n                        data-has-label={printActionLabel ? 'true' : 'false'}\n                        data-has-symbol=\"true\"\n                        title={printActionLabel}\n                        aria-label={printActionLabel}\n                        onClick={handlePrint}\n                    >\n                        <ColoredSymbolBadge size={16} symbol={{ type: 'Svg', content: 'print' }} />\n                        {printActionLabel && <StyledText>{printActionLabel}</StyledText>}\n                    </StyledListButton>\n                ),\n            });\n        }\n\n        if (showFavoriteToggle) {\n            const isFavorite = favorites.indexOf(id) > -1;\n            items.push({\n                type: 'favorite',\n                child: (\n                    <FavoriteButton\n                        id={id}\n                        guideTitle={title}\n                        isFavorite={isFavorite}\n                        buttonLabel={isFavorite ? removeFavoriteTooltip : addFavoriteTooltip}\n                        addFavoriteTooltip={addFavoriteTooltip}\n                        removeFavoriteCancelLabel={removeFavoriteCancelLabel}\n                        removeFavoriteConfirmLabel={removeFavoriteConfirmLabel}\n                        removeFavoriteHeader={removeFavoriteHeader}\n                        removeFavoriteLabel={removeFavoriteLabel}\n                        removeFavoriteTooltip={removeFavoriteTooltip}\n                        actions={actions}\n                    />\n                ),\n            });\n        }\n\n        return items;\n    }, [\n        favorites,\n        guide,\n        allowCopy,\n        allowPrint,\n        showFavoriteToggle,\n        printActionLabel,\n        copyActionLabel,\n        addFavoriteTooltip,\n        removeFavoriteCancelLabel,\n        removeFavoriteConfirmLabel,\n        removeFavoriteHeader,\n        removeFavoriteLabel,\n        removeFavoriteTooltip,\n    ]);\n\n    if (!items.length) {\n        return null;\n    }\n\n    const trigger = (\n        <StyledTriggerButton\n            tabIndex={0}\n            title={tooltip}\n            data-has-symbol=\"true\"\n            data-has-label=\"false\"\n        >\n            <ColoredSymbolBadge symbol={{ type: 'Svg', content: 'options' }} size={18} />\n        </StyledTriggerButton>\n    );\n\n    const renderListItem = ({ type, child }: FunctionListItem) => {\n        return (\n            <li key={type} data-function-type={type}>\n                {child}\n            </li>\n        );\n    };\n\n    if (picker === PickerTypes.DROPDOWN) {\n        return (\n            <StyledDropdownList\n                className=\"humany-guide-functions-dropdown-list\"\n                header={header}\n                items={items}\n                trigger={trigger}\n                renderItem={renderListItem}\n                closeButtonAriaLabel={toolbarFunctionsCloseButtonAriaLabel}\n            />\n        );\n    }\n\n    if (picker === PickerTypes.DRAWER) {\n        return (\n            <DrawerList\n                className=\"humany-guide-functions-drawer-list\"\n                animation={{ type: DrawerAnimationType.SlideInBottom }}\n                header={header}\n                items={items}\n                trigger={trigger}\n                renderItem={renderListItem}\n                closeButtonAriaLabel={toolbarFunctionsCloseButtonAriaLabel}\n            />\n        );\n    }\n\n    return null;\n};\n\nexport default Functions;\n\nconst ColoredSymbolBadge = styled(SymbolBadge)`\n    circle {\n        fill: ${(p) => p.theme.colors?.text};\n    }\n\n    line,\n    path,\n    rect {\n        stroke: ${(p) => p.theme.colors?.text};\n    }\n`;\n\nconst StyledDropdownList = styled(DropdownList)`\n    display: block;\n    min-height: auto;\n`;\n\nconst StyledTriggerButton = styled(StyledListButton)<any>`\n    padding: calc(${(p) => p.theme.sizes?.small} * 2) 0;\n`;\n","import styled from '@emotion/styled';\nimport { LanguageProperties } from '@telia-ace/knowledge-widget-component-utilities';\nimport { PickerTypes } from '@telia-ace/knowledge-widget-core';\nimport {\n    DrawerAnimationType,\n    DrawerList,\n    DropdownList,\n    paddedBorderTabStyle,\n    StyledListButton,\n    SymbolBadge,\n    Text,\n    TextLink,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { createParams } from '@telia-ace/widget-utilities';\nimport React, { useMemo } from 'react';\nimport { GuideProps } from './guide-component';\n\nexport type LanguageListItem = {\n    id: string;\n    key: string;\n    label: string;\n};\n\ntype Props = Merge<\n    {\n        header?: string;\n        tooltip?: string;\n        guide: GuideProps;\n        picker?: PickerTypes;\n    },\n    LanguageProperties\n>;\n\nconst getCurrentLanguageLabel = (guide: GuideProps, languages: LanguageListItem[]) => {\n    return languages.find((l) => l.id === guide.id)?.label || '';\n};\n\nconst Languages: React.FC<Props> = ({\n    header,\n    tooltip,\n    picker = PickerTypes.NONE,\n    guide,\n    ...other\n}) => {\n    const { name, params } = useRouteData();\n\n    const items = useMemo(() => {\n        return Object.keys(guide.translations || {}).reduce((acc: LanguageListItem[], key) => {\n            const item: Partial<LanguageListItem> = {};\n            item.key = key;\n            item.id = (guide.translations || {})[key];\n            item.label = (other as { [key: string]: string })[`${key}LanguageLabel`];\n\n            if (item.id || item.label) {\n                acc.push(item as LanguageListItem);\n            }\n\n            return acc;\n        }, []);\n    }, [guide, other]);\n\n    if (!items.length) {\n        return null;\n    }\n\n    const currentLanguage = getCurrentLanguageLabel(guide, items);\n\n    const trigger = (\n        <Trigger\n            tabIndex={0}\n            title={tooltip}\n            data-has-symbol=\"true\"\n            data-has-label={picker === PickerTypes.DROPDOWN && currentLanguage ? 'true' : 'false'}\n        >\n            {picker === PickerTypes.DROPDOWN && (\n                <>\n                    {currentLanguage && <LanguageButtonText>{currentLanguage}</LanguageButtonText>}\n                    <LanguageCaretSymbolBadge\n                        symbol={{ type: 'Svg', content: 'caret-down' }}\n                        size={11}\n                    />\n                </>\n            )}\n            {picker === PickerTypes.DRAWER && (\n                <>\n                    <ColoredSymbolBadge symbol={{ type: 'Svg', content: 'language' }} size={20} />\n                </>\n            )}\n        </Trigger>\n    );\n\n    const renderListItem = ({ label, key, id }: LanguageListItem) => {\n        return (\n            <li key={key} data-language={key}>\n                <LanguageLink\n                    tabIndex={0}\n                    text={label}\n                    routeName={name}\n                    selected={guide.id === id}\n                    params={createParams({\n                        ...params,\n                        connection: undefined,\n                        guide: id,\n                    })}\n                />\n            </li>\n        );\n    };\n\n    if (picker === PickerTypes.DROPDOWN) {\n        return (\n            <StyledDropdownList\n                className=\"humany-guide-languages-dropdown-list\"\n                header={header}\n                items={items}\n                trigger={trigger}\n                renderItem={renderListItem}\n            />\n        );\n    }\n\n    if (picker === PickerTypes.DRAWER) {\n        return (\n            <DrawerList\n                className=\"humany-guide-languages-drawer-list\"\n                animation={{ type: DrawerAnimationType.SlideInBottom }}\n                header={header}\n                items={items}\n                trigger={trigger}\n                renderItem={renderListItem}\n            />\n        );\n    }\n\n    return null;\n};\n\nexport default Languages;\n\nconst Trigger = styled(StyledListButton)`\n    &&& {\n        margin: 0 ${(p) => `calc(${p.theme.sizes?.small} * 2)`} 0 0;\n    }\n`;\n\nconst ColoredSymbolBadge = styled(SymbolBadge)`\n    circle {\n        fill: ${(p) => p.theme.colors?.text};\n    }\n\n    line,\n    path,\n    rect {\n        stroke: ${(p) => p.theme.colors?.text};\n    }\n`;\n\nconst LanguageButtonText = styled(Text)`\n    margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    font-size: ${(p) => p.theme.fonts?.normal};\n`;\n\nconst LanguageCaretSymbolBadge = styled(SymbolBadge)`\n    align-self: flex-end;\n    stroke-width: 2px;\n    stroke-linecap: round;\n\n    && {\n        width: 0.6em;\n        height: 1em;\n    }\n    line {\n        stroke: ${(p) => p.theme.colors?.text};\n    }\n`;\n\nconst StyledDropdownList = styled(DropdownList)`\n    display: block;\n    min-height: auto;\n`;\n\nconst LanguageLink = styled(TextLink)<any>`\n    color: ${(p) => (p.selected ? p.theme.colors?.primary : p.theme.colors?.text)};\n    ${(p) => p.selected && 'font-weight: bold;'}\n\n    outline: none;\n    &:focus-visible {\n        ${paddedBorderTabStyle}\n        text-decoration: underline;\n    }\n`;\n","import styled from '@emotion/styled';\nimport { PickerTypes } from '@telia-ace/knowledge-widget-core';\nimport { DispatchAction, useProperties } from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport Categories from './categories';\nimport Functions from './functions';\nimport { GuideComponentProps, ToolbarProps } from './guide-component';\nimport Languages from './languages';\n\ntype Props = {\n    className?: string;\n    dispatch: DispatchAction;\n};\n\nconst isEmpty = (toolbar: ToolbarProps) => {\n    const {\n        allowCopy = false,\n        allowPrint = false,\n        guideCategories = false,\n        language = false,\n        showFavoriteToggle = false,\n        picker = PickerTypes.NONE,\n    } = toolbar;\n\n    if (\n        (!allowCopy && !allowPrint && !language && !showFavoriteToggle && !guideCategories) ||\n        picker === PickerTypes.NONE\n    ) {\n        return true;\n    }\n\n    return false;\n};\n\nconst Toolbar: React.FC<Props> = ({ className = '', dispatch }) => {\n    const {\n        toolbarLanguageHeader,\n        toolbarFunctionsHeader,\n        toolbarLanguageTooltip,\n        toolbarFunctionsTooltip,\n        toolbarFunctionsCloseButtonAriaLabel,\n        printActionLabel,\n        copyActionLabel,\n        addFavoriteTooltip,\n        removeFavoriteCancelLabel,\n        removeFavoriteConfirmLabel,\n        removeFavoriteHeader,\n        removeFavoriteLabel,\n        removeFavoriteTooltip,\n        guide,\n        toolbar,\n        ...other\n    } = useProperties<GuideComponentProps>();\n\n    if (!guide || !toolbar || isEmpty(toolbar)) {\n        return null;\n    }\n\n    const { language, guideCategories, allowCopy, allowPrint, showFavoriteToggle, picker } =\n        toolbar;\n\n    return (\n        <Wrapper className={appendClassNames('humany-guide-toolbar', className)}>\n            {language && Object.keys(guide.translations || {}).length > 1 && (\n                <Languages\n                    guide={guide}\n                    header={toolbarLanguageHeader}\n                    tooltip={toolbarLanguageTooltip}\n                    picker={picker}\n                    {...other}\n                />\n            )}\n            {guideCategories && <Categories guide={guide} toolbar={toolbar} />}\n            {(allowCopy || allowPrint || showFavoriteToggle) && (\n                <Functions\n                    guide={guide}\n                    header={toolbarFunctionsHeader}\n                    tooltip={toolbarFunctionsTooltip}\n                    printActionLabel={printActionLabel}\n                    copyActionLabel={copyActionLabel}\n                    addFavoriteTooltip={addFavoriteTooltip}\n                    removeFavoriteCancelLabel={removeFavoriteCancelLabel}\n                    removeFavoriteConfirmLabel={removeFavoriteConfirmLabel}\n                    removeFavoriteHeader={removeFavoriteHeader}\n                    removeFavoriteLabel={removeFavoriteLabel}\n                    removeFavoriteTooltip={removeFavoriteTooltip}\n                    toolbarFunctionsCloseButtonAriaLabel={toolbarFunctionsCloseButtonAriaLabel}\n                    allowCopy={allowCopy}\n                    allowPrint={allowPrint}\n                    showFavoriteToggle={showFavoriteToggle}\n                    picker={picker}\n                    dispatch={dispatch}\n                />\n            )}\n        </Wrapper>\n    );\n};\n\nexport default Toolbar;\n\nconst Wrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 0 0 0 auto;\n\n    > :not(:last-child) {\n        margin: 0 calc(${(p) => p.theme.sizes?.small} * 2) 0 0;\n    }\n`;\n","import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { contactLink, ContactList } from '@telia-ace/knowledge-widget-adapters';\nimport { Component, NotFound } from '@telia-ace/knowledge-widget-types-grid';\nimport {\n    Button,\n    contentBox,\n    createEmptyComponent,\n    DialogLink,\n    DialogList,\n    embeddedLinkMapper,\n    genericHtml,\n    headingElement,\n    Lightbox,\n    linkTabStyle,\n    Loader,\n    loadingOpacity,\n    Metadata,\n    Paragraph,\n    useChildren,\n    useContainer,\n    useDispatch,\n    useProperties,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\nimport AnswerVersionPicker from './answer-version-picker';\nimport Feedback from './feedback';\nimport { GuideComponentProps } from './guide-component';\nimport Toolbar from './toolbar';\n\ntype Props = { className: string; accordion?: boolean };\n\nconst Guide = forwardRef<HTMLDivElement, Props>(\n    ({ className, accordion = false, ...other }, ref) => {\n        const {\n            loading = false,\n            dialog = [],\n            contactMethods = [],\n            showHeader = true,\n            showAnswerVersions = false,\n            defaultAnswerVersionLabel = 'Default',\n            backButtonLabel,\n            metadataByLabel,\n            metadataModifiedLabel,\n            metadataPublishedLabel,\n            availablePerspectives,\n            metadata,\n            toolbar,\n            guide,\n            error,\n        } = useProperties<GuideComponentProps>();\n        const {\n            params: { connection },\n        } = useRouteData();\n        const container = useContainer();\n        const children = useChildren();\n        const dispatch = useDispatch();\n\n        const transform = useMemo(() => {\n            return {\n                transform: {\n                    img: (attrs: any) => (\n                        <Lightbox attrs={attrs} htmlBody={guide?.body || ''}></Lightbox>\n                    ),\n                    a: (attr: any) => {\n                        const { children, ...otherAttr } = attr;\n                        const connectionId = otherAttr['data-target'];\n                        if (connectionId && dialog.length) {\n                            const item = dialog.find(\n                                ({ connection }: any) => connection === connectionId\n                            );\n                            if (item) {\n                                return <DialogLink {...item}>{children}</DialogLink>;\n                            }\n                        }\n\n                        const defaultInstructions = embeddedLinkMapper(container);\n\n                        return defaultInstructions(attr);\n                    },\n                },\n            };\n        }, [guide, container, dialog]);\n\n        const handleBackButtonClick = useCallback(() => {\n            dispatch('back');\n        }, [dispatch]);\n\n        if (!guide && !error && !loading) {\n            return createEmptyComponent(container, {\n                ...other,\n                className: appendClassNames(className, 'humany-guide'),\n            });\n        }\n\n        const { id = '', title = '', body = '', translations = {} } = guide || {};\n\n        if (error && error.status === 404) {\n            return <NotFound showSearch={false} />;\n        }\n\n        const showBackButton = !!accordion && !!connection;\n        const language = Object.keys(translations).find((key) => translations[key] === `${id}`);\n\n        return (\n            <Wrapper\n                ref={ref}\n                {...other}\n                data-loading={loading}\n                className={appendClassNames(className, 'humany-guide')}\n            >\n                <Content\n                    data-loading={loading}\n                    accordion={accordion ? 'true' : 'false'}\n                    className=\"humany-guide-content\"\n                >\n                    {((showAnswerVersions && guide) || !!toolbar) && (\n                        <Top className=\"humany-guide-top\">\n                            {showAnswerVersions && guide && (\n                                <AnswerVersionPicker\n                                    defaultAnswerVersionLabel={defaultAnswerVersionLabel}\n                                    availablePerspectives={availablePerspectives}\n                                    guide={guide}\n                                />\n                            )}\n                            {!!toolbar && <Toolbar dispatch={dispatch} />}\n                        </Top>\n                    )}\n                    {!!(title || body) && (\n                        <Body\n                            className=\"humany-guide-body\"\n                            accordion={accordion ? 'true' : 'false'}\n                            header={(showHeader && title) || undefined}\n                            html={body}\n                            htmlParseInstruction={transform}\n                            lang={language}\n                        />\n                    )}\n                    {dialog && body.indexOf('h-option-link') === -1 && (\n                        <StyledDialogList dialog={dialog} />\n                    )}\n                    <StyledContactList\n                        backButtonShown={showBackButton ? 'true' : 'false'}\n                        contactMethods={contactMethods}\n                        dispatch={dispatch}\n                        guideId={guide && guide.id}\n                    />\n                    {!contactMethods.length && (\n                        <Feedback backButtonShown={showBackButton} accordion={accordion} />\n                    )}\n                    {showBackButton && (\n                        <BackButton aria-label={backButtonLabel} onClick={handleBackButtonClick}>\n                            <Caret\n                                width=\"7\"\n                                height=\"13\"\n                                viewBox=\"0 0 7 13\"\n                                fill=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                                <line x1=\"6.64645\" y1=\"12.5513\" x2=\"0.648357\" y2=\"6.55319\" />\n                                <line x1=\"0.646447\" y1=\"6.64455\" x2=\"6.64454\" y2=\"0.646465\" />\n                            </Caret>\n                            {backButtonLabel && <span>{backButtonLabel}</span>}\n                        </BackButton>\n                    )}\n                    {metadata && (\n                        <StyledMetadata\n                            {...metadata}\n                            modified={guide?.modified}\n                            published={guide?.published}\n                            modifiedBy={guide?.modifiedBy}\n                            publishedBy={guide?.publishedBy}\n                            byLabel={metadataByLabel}\n                            modifiedLabel={metadataModifiedLabel}\n                            publishedLabel={metadataPublishedLabel}\n                        />\n                    )}\n                    {children.map((child) => (\n                        <StyledComponents\n                            key={child.id}\n                            id={child.id}\n                            branch=\"default\"\n                            {...{ embedded: true }}\n                        />\n                    ))}\n                </Content>\n\n                <Loader loading={loading} />\n            </Wrapper>\n        );\n    }\n);\n\nexport default Guide;\n\nconst Wrapper = styled.div<{ 'data-loading': boolean }>`\n    ${loadingOpacity}\n    min-width: 0;\n`;\n\nconst Body = styled(Paragraph)<{ accordion: 'true' | 'false' }>`\n    ${genericHtml}\n    ${(p) => `padding: ${p.theme.sizes?.large};`}\n  display: block;\n    line-height: 1.6em;\n\n    ${(p) =>\n        headingElement(p)(\n            'h1',\n            css`\n                font-size: ${p.theme.fonts?.large};\n                font-weight: normal;\n                line-height: 1.6em;\n                line-height: 1.6em;\n                margin: 0 0 ${p.theme.sizes?.small};\n            `\n        )}\n\n    p {\n        font-weight: 300;\n        font-size: ${(p) => p.theme.fonts?.normal};\n        color: ${(p) => p.theme.colors?.text};\n        a {\n            display: inline;\n        }\n    }\n`;\n\nconst StyledContactList = styled(ContactList)<{ backButtonShown: 'true' | 'false' }>`\n    border-top: ${(p) => p.theme.border};\n    ${(p) => p.backButtonShown === 'true' && `border-bottom: ${p.theme.border};`}\n`;\n\nconst StyledDialogList = styled(DialogList)`\n    ${(p) => `padding: 0 ${p.theme.sizes?.large} ${p.theme.sizes?.large};`}\n    display: block;\n`;\n\nconst Top = styled.div`\n    ${(p) => `padding: calc(${p.theme.sizes?.normal}*2) ${p.theme.sizes?.large};`}\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: ${(p) => p.theme.border};\n    border-radius: ${(p) => `${p.theme.borderRadius} ${p.theme.borderRadius}`} 0 0;\n    background-color: #ffffff;\n`;\n\nconst Content = styled.div<{ 'data-loading': boolean; accordion: 'true' | 'false' } & any>`\n    ${contentBox}\n    display: block;\n    > a {\n        ${contactLink}\n    }\n\n    ${(p) =>\n        p.accordion === 'true' &&\n        css`\n            white-space: normal;\n            box-shadow: none;\n            background-color: #fafafa;\n        `}\n`;\n\nconst StyledMetadata = styled(Metadata)`\n    display: block;\n    ${(p) => `padding: calc(${p.theme.sizes?.normal}*2) ${p.theme.sizes?.large};`}\n    font-weight: 300;\n    font-size: ${(p) => p.theme.fonts?.normal};\n    color: ${(p) => p.theme.colors?.text};\n    border-top: ${(p) => p.theme.border};\n`;\n\nconst StyledComponents = styled(Component)`\n    border-top: ${(p) => p.theme.border};\n`;\n\nconst BackButton = styled(Button)`\n    ${(p) => `padding: ${p.theme.sizes?.normal} calc(${p.theme.sizes?.normal} * 2);`}\n    color: ${(p) => p.theme.colors?.primary};\n    text-decoration: underline;\n    font-size: ${(p) => p.theme.fonts?.normal};\n    span {\n        font-weight: 300;\n    }\n    &:focus-visible {\n        ${linkTabStyle}\n        padding: ${(p) => `calc(${p.theme.sizes?.small} / 2) ${p.theme.sizes?.small}`};\n    }\n`;\n\nconst Caret = styled.svg`\n    margin-right: ${(p) => p.theme.sizes?.small};\n    line {\n        stroke: ${(p) => p.theme.colors?.primary};\n    }\n`;\n"],"names":["AnswerVersionPicker","className","defaultAnswerVersionLabel","selectedPerspective","guidePerspectives","availablePerspectives","name","params","useRouteData","perspectives","useMemo","title","React","StyledList","appendClassNames","perspective","label","selected","isRoot","VersionLink","__spreadProps","__spreadValues","AnswerVersionPicker$1","styled","List","p","_a","TextLink","css","paddedBorderTabStyle","StyledContactList","ContactList","StyledFeedback","FeedbackUi","_b","Recognition","StyledHeaderText","Feedback","backButtonShown","accordion","dispatch","useDispatch","loading","dialog","guide","handoverContactMethods","contactHeader","showFeedback","feedbackDirection","feedbackRecognitionLabel","feedbackGiven","feedbackHeader","positiveFeedbackLabel","negativeFeedbackLabel","contactFeedbackLabel","useProperties","feedback","Feedback$1","Categories","categories","picker","PickerTypes","trail","setTrail","useState","container","useContainer","useEffect","buildCategoryTrail","id","result","Tooltip","segments","CategoryTrail","c","category","index","Text","SymbolBadge","CategorySeparator","StyledListButton","CategoriesSymbolBadge","Categories$1","Functions","header","tooltip","printActionLabel","copyActionLabel","addFavoriteTooltip","removeFavoriteCancelLabel","removeFavoriteConfirmLabel","removeFavoriteHeader","removeFavoriteLabel","removeFavoriteTooltip","toolbarFunctionsCloseButtonAriaLabel","allowCopy","allowPrint","showFavoriteToggle","favorites","actions","useFavorites","handleCopy","useCallback","event","handlePrint","items","ColoredSymbolBadge","StyledText","isFavorite","FavoriteButton","trigger","StyledTriggerButton","renderListItem","type","child","StyledDropdownList","DrawerList","DrawerAnimationType","Functions$1","DropdownList","getCurrentLanguageLabel","languages","l","Languages","other","__objRest","acc","key","item","currentLanguage","Trigger","LanguageButtonText","LanguageCaretSymbolBadge","LanguageLink","createParams","Languages$1","isEmpty","toolbar","guideCategories","language","Toolbar","toolbarLanguageHeader","toolbarFunctionsHeader","toolbarLanguageTooltip","toolbarFunctionsTooltip","Wrapper","Toolbar$1","Guide","forwardRef","ref","contactMethods","showHeader","showAnswerVersions","backButtonLabel","metadataByLabel","metadataModifiedLabel","metadataPublishedLabel","metadata","error","connection","children","useChildren","transform","attrs","Lightbox","attr","connectionId","DialogLink","embeddedLinkMapper","handleBackButtonClick","createEmptyComponent","body","translations","NotFound","showBackButton","Content","Top","Body","StyledDialogList","BackButton","Caret","StyledMetadata","StyledComponents","Loader","loadingOpacity","Paragraph","genericHtml","headingElement","DialogList","contentBox","contactLink","Metadata","Component","Button","linkTabStyle"],"mappings":"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"}
+{"version":3,"file":"guide.35a46def.js","sources":["../src/answer-version-picker.tsx","../src/feedback.tsx","../src/categories.tsx","../src/functions.tsx","../src/languages.tsx","../src/toolbar.tsx","../src/guide.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { List, paddedBorderTabStyle, TextLink, useRouteData } from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React, { useMemo } from 'react';\nimport { AvailablePerspectives, GuideProps } from './guide-component';\n\ntype Props = {\n    className?: string;\n    defaultAnswerVersionLabel: string;\n    availablePerspectives?: AvailablePerspectives[];\n    guide: GuideProps;\n};\n\ntype Perspective = { label: string; connection: string };\n\nconst AnswerVersionPicker: React.FC<Props> = ({\n    className,\n    defaultAnswerVersionLabel,\n    guide: { perspective: selectedPerspective, perspectives: guidePerspectives },\n    availablePerspectives = [],\n}) => {\n    const { name, params } = useRouteData();\n\n    const perspectives: Perspective[] = useMemo(() => {\n        if (!guidePerspectives || !availablePerspectives.length) {\n            return [];\n        }\n\n        return availablePerspectives\n            .filter(({ name }) => !!guidePerspectives[name])\n            .map(({ name, title }) => {\n                return { label: title, connection: guidePerspectives[name] };\n            });\n    }, [guidePerspectives, availablePerspectives]);\n\n    return (\n        <StyledList\n            className={appendClassNames(className, 'humany-guide-answer-version-picker')}\n            items={perspectives}\n            renderItem={(perspective: Perspective) => {\n                const label =\n                    perspective.label === 'Default' ? defaultAnswerVersionLabel : perspective.label;\n                const selected = selectedPerspective === perspective.connection;\n                const isRoot =\n                    selected && (!params.connection || selectedPerspective === params.connection);\n\n                return (\n                    <li key={perspective.connection} data-version={perspective.connection}>\n                        <VersionLink\n                            key={perspective.connection}\n                            as={isRoot ? 'span' : undefined}\n                            text={label}\n                            routeName={name}\n                            selected={selected}\n                            aria-label={label}\n                            title={label}\n                            params={{\n                                ...params,\n                                connection: perspective.connection,\n                            }}\n                        />\n                    </li>\n                );\n            }}\n        />\n    );\n};\n\nexport default AnswerVersionPicker;\n\nconst StyledList = styled(List)`\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    list-style: none;\n    padding: 0;\n    margin: 0;\n\n    li:not(:last-child) {\n        margin: 0 calc(${(p) => p.theme.sizes?.small} * 2) 0 0;\n    }\n\n    li > span {\n        cursor: default;\n    }\n`;\n\nconst VersionLink = styled(TextLink)<{ selected: boolean }>`\n    font-weight: 300;\n    color: ${(p) => p.theme.colors?.text};\n    text-decoration: none;\n\n    ${(p) =>\n        p.selected &&\n        css`\n            font-weight: bold;\n            text-decoration: underline;\n        `}\n\n    &:focus-visible {\n        ${paddedBorderTabStyle};\n    }\n`;\n","import styled from '@emotion/styled';\nimport { ContactList } from '@telia-ace/knowledge-widget-adapters';\nimport {\n    Feedback as FeedbackUi,\n    StyledHeaderText,\n    useDispatch,\n    useProperties,\n} from '@telia-ace/knowledge-widget-ui';\nimport React from 'react';\nimport { GuideComponentProps } from './guide-component';\n\ntype Props = { backButtonShown?: boolean; accordion?: boolean };\n\nconst StyledContactList = styled(ContactList)<{\n    accordion: 'true' | 'false';\n    backButtonShown: 'true' | 'false';\n}>`\n    border-top: ${(p) => p.theme.border};\n    ${(p) => p.backButtonShown === 'true' && `border-bottom: ${p.theme.border};`}\n`;\n\nconst StyledFeedback = styled(FeedbackUi)<{ accordion: 'true' | 'false' }>`\n    ${(p) => `padding: ${p.theme.sizes?.large} ${p.theme.sizes?.large};`}\n`;\n\nconst Recognition = styled(StyledHeaderText)<{ accordion: 'true' | 'false' }>`\n    ${(p) => `padding: ${p.theme.sizes?.large} ${p.theme.sizes?.large};`}\n\n    display: block;\n    font-size: ${(p) => p.theme.fonts?.normal};\n    font-weight: bold;\n`;\n\nconst Feedback: React.FC<Props> = ({ backButtonShown = false, accordion = false }) => {\n    const dispatch = useDispatch();\n    const {\n        loading = false,\n        dialog = [],\n        guide,\n\n        handoverContactMethods = [],\n        contactHeader,\n\n        showFeedback,\n        feedbackDirection = 'horizontal',\n        feedbackRecognitionLabel,\n        feedbackGiven,\n        feedbackHeader,\n        positiveFeedbackLabel,\n        negativeFeedbackLabel,\n        contactFeedbackLabel,\n    } = useProperties<GuideComponentProps>();\n\n    if (\n        !showFeedback ||\n        !guide ||\n        !guide.allowFeedback ||\n        (loading && !feedbackGiven) ||\n        dialog.length\n    ) {\n        return null;\n    }\n\n    if (feedbackGiven && feedbackRecognitionLabel && !handoverContactMethods.length) {\n        return (\n            <Recognition accordion={accordion ? 'true' : 'false'}>\n                {feedbackRecognitionLabel}\n            </Recognition>\n        );\n    }\n\n    return guide.hasHandover && handoverContactMethods.length ? (\n        <StyledContactList\n            backButtonShown={backButtonShown ? 'true' : 'false'}\n            accordion={accordion ? 'true' : 'false'}\n            header={contactHeader}\n            contactMethods={handoverContactMethods}\n            dispatch={dispatch}\n        />\n    ) : (\n        <StyledFeedback\n            accordion={accordion ? 'true' : 'false'}\n            positive={positiveFeedbackLabel}\n            negative={guide.hasHandover ? contactFeedbackLabel : negativeFeedbackLabel}\n            header={feedbackHeader}\n            selected={feedbackGiven}\n            onFeedback={(feedback: any) => dispatch('feedback', feedback)}\n            direction={feedbackDirection}\n        />\n    );\n};\n\nexport default Feedback;\n","import styled from '@emotion/styled';\nimport { Category, PickerTypes } from '@telia-ace/knowledge-widget-core';\nimport {\n    StyledListButton,\n    SymbolBadge,\n    Text,\n    Tooltip,\n    useContainer,\n} from '@telia-ace/knowledge-widget-ui';\nimport { buildCategoryTrail } from '@telia-ace/widget-utilities';\nimport React, { useEffect, useState } from 'react';\nimport { GuideProps, ToolbarProps } from './guide-component';\n\ntype Props = {\n    guide: GuideProps;\n    toolbar: ToolbarProps;\n};\n\nconst Categories: React.FC<Props> = ({\n    guide: { categories = [] },\n    toolbar: { picker = PickerTypes.NONE },\n}) => {\n    const [trail, setTrail] = useState<Category[][]>([]);\n    const container = useContainer();\n\n    useEffect(() => {\n        buildCategoryTrail(\n            'index',\n            categories.map((id) => id.toString()),\n            container\n        ).then((result) => {\n            setTrail(result);\n        });\n    }, [categories]);\n\n    if (!trail.length) {\n        return null;\n    }\n\n    return (\n        <Tooltip\n            className=\"humany-guide-category-tooltip\"\n            sticky={picker === PickerTypes.DRAWER}\n            content={\n                <>\n                    {trail.map((segments) => {\n                        return (\n                            <CategoryTrail\n                                className=\"humany-guide-category-trail\"\n                                key={segments.map((c) => c.id).join('.')}\n                            >\n                                {segments.map((category, index: number) => {\n                                    return (\n                                        <Text\n                                            className=\"humany-guide-category-trail-segment\"\n                                            key={category.id}\n                                        >\n                                            {category.symbol && index === 0 && (\n                                                <SymbolBadge size={14} symbol={category.symbol} />\n                                            )}\n                                            {category.title}\n                                            {index !== segments.length - 1 && (\n                                                <CategorySeparator className=\"humany-category-separator\">\n                                                    /\n                                                </CategorySeparator>\n                                            )}\n                                        </Text>\n                                    );\n                                })}\n                            </CategoryTrail>\n                        );\n                    })}\n                </>\n            }\n        >\n            {picker === PickerTypes.DRAWER ? (\n                <StyledListButton\n                    className=\"humany-guide-category-tooltip-button\"\n                    data-has-label=\"false\"\n                    data-has-symbol=\"true\"\n                >\n                    <CategoriesSymbolBadge\n                        size={19}\n                        symbol={{ type: 'Svg', content: 'information' }}\n                    />\n                </StyledListButton>\n            ) : (\n                <CategoriesSymbolBadge size={19} symbol={{ type: 'Svg', content: 'information' }} />\n            )}\n        </Tooltip>\n    );\n};\n\nexport default Categories;\n\nconst CategoryTrail = styled.div`\n    i,\n    svg {\n        margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    }\n\n    &:not(:last-child) {\n        margin: 0 0 ${(p) => p.theme.sizes?.small};\n    }\n`;\n\nconst CategorySeparator = styled(Text)`\n    margin: 0 ${(p) => p.theme.sizes?.small};\n`;\n\nconst CategoriesSymbolBadge = styled(SymbolBadge)`\n    display: block;\n`;\n","import styled from '@emotion/styled';\nimport { PickerTypes } from '@telia-ace/knowledge-widget-core';\nimport {\n    DispatchAction,\n    DrawerAnimationType,\n    DrawerList,\n    DropdownList,\n    FavoriteButton,\n    StyledListButton,\n    StyledText,\n    SymbolBadge,\n    useFavorites,\n} from '@telia-ace/knowledge-widget-ui';\nimport React, { useCallback, useMemo } from 'react';\nimport { GuideProps } from './guide-component';\n\nexport type FunctionListItem = {\n    type: string;\n    child: React.ReactNode;\n};\n\ntype Props = {\n    header?: string;\n    tooltip?: string;\n    printActionLabel?: string;\n    copyActionLabel?: string;\n    addFavoriteTooltip?: string;\n    removeFavoriteCancelLabel?: string;\n    removeFavoriteConfirmLabel?: string;\n    removeFavoriteHeader?: string;\n    removeFavoriteLabel?: string;\n    removeFavoriteTooltip?: string;\n    toolbarFunctionsCloseButtonAriaLabel?: string;\n    guide: GuideProps;\n    allowCopy?: boolean;\n    allowPrint?: boolean;\n    showFavoriteToggle?: boolean;\n    picker?: PickerTypes;\n    dispatch: DispatchAction;\n};\n\nconst Functions: React.FC<Props> = ({\n    header,\n    tooltip,\n    printActionLabel,\n    copyActionLabel,\n    addFavoriteTooltip,\n    removeFavoriteCancelLabel,\n    removeFavoriteConfirmLabel,\n    removeFavoriteHeader,\n    removeFavoriteLabel,\n    removeFavoriteTooltip,\n    toolbarFunctionsCloseButtonAriaLabel,\n    allowCopy = false,\n    allowPrint = false,\n    showFavoriteToggle = false,\n    picker = PickerTypes.NONE,\n    guide,\n    dispatch,\n}) => {\n    const [favorites, actions] = useFavorites();\n\n    const handleCopy = useCallback(\n        (event: any) => {\n            if (guide) {\n                dispatch('copy', guide);\n            }\n        },\n        [guide, dispatch]\n    );\n\n    const handlePrint = useCallback(() => {\n        if (guide) {\n            dispatch('print');\n        }\n    }, [guide, dispatch]);\n\n    const items = useMemo(() => {\n        const { id, title } = guide;\n\n        const items: FunctionListItem[] = [];\n\n        if (allowCopy) {\n            items.push({\n                type: 'copy',\n                child: (\n                    <StyledListButton\n                        data-has-label={copyActionLabel ? 'true' : 'false'}\n                        data-has-symbol=\"true\"\n                        title={copyActionLabel}\n                        aria-label={printActionLabel}\n                        onClick={handleCopy}\n                    >\n                        <ColoredSymbolBadge size={16} symbol={{ type: 'Svg', content: 'copy' }} />\n                        {copyActionLabel && <StyledText>{copyActionLabel}</StyledText>}\n                    </StyledListButton>\n                ),\n            });\n        }\n\n        if (allowPrint) {\n            items.push({\n                type: 'print',\n                child: (\n                    <StyledListButton\n                        data-has-label={printActionLabel ? 'true' : 'false'}\n                        data-has-symbol=\"true\"\n                        title={printActionLabel}\n                        aria-label={printActionLabel}\n                        onClick={handlePrint}\n                    >\n                        <ColoredSymbolBadge size={16} symbol={{ type: 'Svg', content: 'print' }} />\n                        {printActionLabel && <StyledText>{printActionLabel}</StyledText>}\n                    </StyledListButton>\n                ),\n            });\n        }\n\n        if (showFavoriteToggle) {\n            const isFavorite = favorites.indexOf(id) > -1;\n            items.push({\n                type: 'favorite',\n                child: (\n                    <FavoriteButton\n                        id={id}\n                        guideTitle={title}\n                        isFavorite={isFavorite}\n                        buttonLabel={isFavorite ? removeFavoriteTooltip : addFavoriteTooltip}\n                        addFavoriteTooltip={addFavoriteTooltip}\n                        removeFavoriteCancelLabel={removeFavoriteCancelLabel}\n                        removeFavoriteConfirmLabel={removeFavoriteConfirmLabel}\n                        removeFavoriteHeader={removeFavoriteHeader}\n                        removeFavoriteLabel={removeFavoriteLabel}\n                        removeFavoriteTooltip={removeFavoriteTooltip}\n                        actions={actions}\n                    />\n                ),\n            });\n        }\n\n        return items;\n    }, [\n        favorites,\n        guide,\n        allowCopy,\n        allowPrint,\n        showFavoriteToggle,\n        printActionLabel,\n        copyActionLabel,\n        addFavoriteTooltip,\n        removeFavoriteCancelLabel,\n        removeFavoriteConfirmLabel,\n        removeFavoriteHeader,\n        removeFavoriteLabel,\n        removeFavoriteTooltip,\n    ]);\n\n    if (!items.length) {\n        return null;\n    }\n\n    const trigger = (\n        <StyledTriggerButton\n            tabIndex={0}\n            title={tooltip}\n            data-has-symbol=\"true\"\n            data-has-label=\"false\"\n        >\n            <ColoredSymbolBadge symbol={{ type: 'Svg', content: 'options' }} size={18} />\n        </StyledTriggerButton>\n    );\n\n    const renderListItem = ({ type, child }: FunctionListItem) => {\n        return (\n            <li key={type} data-function-type={type}>\n                {child}\n            </li>\n        );\n    };\n\n    if (picker === PickerTypes.DROPDOWN) {\n        return (\n            <StyledDropdownList\n                className=\"humany-guide-functions-dropdown-list\"\n                header={header}\n                items={items}\n                trigger={trigger}\n                renderItem={renderListItem}\n                closeButtonAriaLabel={toolbarFunctionsCloseButtonAriaLabel}\n            />\n        );\n    }\n\n    if (picker === PickerTypes.DRAWER) {\n        return (\n            <DrawerList\n                className=\"humany-guide-functions-drawer-list\"\n                animation={{ type: DrawerAnimationType.SlideInBottom }}\n                header={header}\n                items={items}\n                trigger={trigger}\n                renderItem={renderListItem}\n                closeButtonAriaLabel={toolbarFunctionsCloseButtonAriaLabel}\n            />\n        );\n    }\n\n    return null;\n};\n\nexport default Functions;\n\nconst ColoredSymbolBadge = styled(SymbolBadge)`\n    circle {\n        fill: ${(p) => p.theme.colors?.text};\n    }\n\n    line,\n    path,\n    rect {\n        stroke: ${(p) => p.theme.colors?.text};\n    }\n`;\n\nconst StyledDropdownList = styled(DropdownList)`\n    display: block;\n    min-height: auto;\n`;\n\nconst StyledTriggerButton = styled(StyledListButton)<any>`\n    padding: calc(${(p) => p.theme.sizes?.small} * 2) 0;\n`;\n","import styled from '@emotion/styled';\nimport { LanguageProperties } from '@telia-ace/knowledge-widget-component-utilities';\nimport { PickerTypes } from '@telia-ace/knowledge-widget-core';\nimport {\n    DrawerAnimationType,\n    DrawerList,\n    DropdownList,\n    paddedBorderTabStyle,\n    StyledListButton,\n    SymbolBadge,\n    Text,\n    TextLink,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { createParams } from '@telia-ace/widget-utilities';\nimport React, { useMemo } from 'react';\nimport { GuideProps } from './guide-component';\n\nexport type LanguageListItem = {\n    id: string;\n    key: string;\n    label: string;\n};\n\ntype Props = Merge<\n    {\n        header?: string;\n        tooltip?: string;\n        guide: GuideProps;\n        picker?: PickerTypes;\n    },\n    LanguageProperties\n>;\n\nconst getCurrentLanguageLabel = (guide: GuideProps, languages: LanguageListItem[]) => {\n    return languages.find((l) => l.id === guide.id)?.label || '';\n};\n\nconst Languages: React.FC<Props> = ({\n    header,\n    tooltip,\n    picker = PickerTypes.NONE,\n    guide,\n    ...other\n}) => {\n    const { name, params } = useRouteData();\n\n    const items = useMemo(() => {\n        return Object.keys(guide.translations || {}).reduce((acc: LanguageListItem[], key) => {\n            const item: Partial<LanguageListItem> = {};\n            item.key = key;\n            item.id = (guide.translations || {})[key];\n            item.label = (other as { [key: string]: string })[`${key}LanguageLabel`];\n\n            if (item.id || item.label) {\n                acc.push(item as LanguageListItem);\n            }\n\n            return acc;\n        }, []);\n    }, [guide, other]);\n\n    if (!items.length) {\n        return null;\n    }\n\n    const currentLanguage = getCurrentLanguageLabel(guide, items);\n\n    const trigger = (\n        <Trigger\n            tabIndex={0}\n            title={tooltip}\n            data-has-symbol=\"true\"\n            data-has-label={picker === PickerTypes.DROPDOWN && currentLanguage ? 'true' : 'false'}\n        >\n            {picker === PickerTypes.DROPDOWN && (\n                <>\n                    {currentLanguage && <LanguageButtonText>{currentLanguage}</LanguageButtonText>}\n                    <LanguageCaretSymbolBadge\n                        symbol={{ type: 'Svg', content: 'caret-down' }}\n                        size={11}\n                    />\n                </>\n            )}\n            {picker === PickerTypes.DRAWER && (\n                <>\n                    <ColoredSymbolBadge symbol={{ type: 'Svg', content: 'language' }} size={20} />\n                </>\n            )}\n        </Trigger>\n    );\n\n    const renderListItem = ({ label, key, id }: LanguageListItem) => {\n        return (\n            <li key={key} data-language={key}>\n                <LanguageLink\n                    tabIndex={0}\n                    text={label}\n                    routeName={name}\n                    selected={guide.id === id}\n                    params={createParams({\n                        ...params,\n                        connection: undefined,\n                        guide: id,\n                    })}\n                />\n            </li>\n        );\n    };\n\n    if (picker === PickerTypes.DROPDOWN) {\n        return (\n            <StyledDropdownList\n                className=\"humany-guide-languages-dropdown-list\"\n                header={header}\n                items={items}\n                trigger={trigger}\n                renderItem={renderListItem}\n            />\n        );\n    }\n\n    if (picker === PickerTypes.DRAWER) {\n        return (\n            <DrawerList\n                className=\"humany-guide-languages-drawer-list\"\n                animation={{ type: DrawerAnimationType.SlideInBottom }}\n                header={header}\n                items={items}\n                trigger={trigger}\n                renderItem={renderListItem}\n            />\n        );\n    }\n\n    return null;\n};\n\nexport default Languages;\n\nconst Trigger = styled(StyledListButton)`\n    &&& {\n        margin: 0 ${(p) => `calc(${p.theme.sizes?.small} * 2)`} 0 0;\n    }\n`;\n\nconst ColoredSymbolBadge = styled(SymbolBadge)`\n    circle {\n        fill: ${(p) => p.theme.colors?.text};\n    }\n\n    line,\n    path,\n    rect {\n        stroke: ${(p) => p.theme.colors?.text};\n    }\n`;\n\nconst LanguageButtonText = styled(Text)`\n    margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    font-size: ${(p) => p.theme.fonts?.normal};\n`;\n\nconst LanguageCaretSymbolBadge = styled(SymbolBadge)`\n    align-self: flex-end;\n    stroke-width: 2px;\n    stroke-linecap: round;\n\n    && {\n        width: 0.6em;\n        height: 1em;\n    }\n    line {\n        stroke: ${(p) => p.theme.colors?.text};\n    }\n`;\n\nconst StyledDropdownList = styled(DropdownList)`\n    display: block;\n    min-height: auto;\n`;\n\nconst LanguageLink = styled(TextLink)<any>`\n    color: ${(p) => (p.selected ? p.theme.colors?.primary : p.theme.colors?.text)};\n    ${(p) => p.selected && 'font-weight: bold;'}\n\n    outline: none;\n    &:focus-visible {\n        ${paddedBorderTabStyle}\n        text-decoration: underline;\n    }\n`;\n","import styled from '@emotion/styled';\nimport { PickerTypes } from '@telia-ace/knowledge-widget-core';\nimport { DispatchAction, useProperties } from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport Categories from './categories';\nimport Functions from './functions';\nimport { GuideComponentProps, ToolbarProps } from './guide-component';\nimport Languages from './languages';\n\ntype Props = {\n    className?: string;\n    dispatch: DispatchAction;\n};\n\nconst isEmpty = (toolbar: ToolbarProps) => {\n    const {\n        allowCopy = false,\n        allowPrint = false,\n        guideCategories = false,\n        language = false,\n        showFavoriteToggle = false,\n        picker = PickerTypes.NONE,\n    } = toolbar;\n\n    if (\n        (!allowCopy && !allowPrint && !language && !showFavoriteToggle && !guideCategories) ||\n        picker === PickerTypes.NONE\n    ) {\n        return true;\n    }\n\n    return false;\n};\n\nconst Toolbar: React.FC<Props> = ({ className = '', dispatch }) => {\n    const {\n        toolbarLanguageHeader,\n        toolbarFunctionsHeader,\n        toolbarLanguageTooltip,\n        toolbarFunctionsTooltip,\n        toolbarFunctionsCloseButtonAriaLabel,\n        printActionLabel,\n        copyActionLabel,\n        addFavoriteTooltip,\n        removeFavoriteCancelLabel,\n        removeFavoriteConfirmLabel,\n        removeFavoriteHeader,\n        removeFavoriteLabel,\n        removeFavoriteTooltip,\n        guide,\n        toolbar,\n        ...other\n    } = useProperties<GuideComponentProps>();\n\n    if (!guide || !toolbar || isEmpty(toolbar)) {\n        return null;\n    }\n\n    const { language, guideCategories, allowCopy, allowPrint, showFavoriteToggle, picker } =\n        toolbar;\n\n    return (\n        <Wrapper className={appendClassNames('humany-guide-toolbar', className)}>\n            {language && Object.keys(guide.translations || {}).length > 1 && (\n                <Languages\n                    guide={guide}\n                    header={toolbarLanguageHeader}\n                    tooltip={toolbarLanguageTooltip}\n                    picker={picker}\n                    {...other}\n                />\n            )}\n            {guideCategories && <Categories guide={guide} toolbar={toolbar} />}\n            {(allowCopy || allowPrint || showFavoriteToggle) && (\n                <Functions\n                    guide={guide}\n                    header={toolbarFunctionsHeader}\n                    tooltip={toolbarFunctionsTooltip}\n                    printActionLabel={printActionLabel}\n                    copyActionLabel={copyActionLabel}\n                    addFavoriteTooltip={addFavoriteTooltip}\n                    removeFavoriteCancelLabel={removeFavoriteCancelLabel}\n                    removeFavoriteConfirmLabel={removeFavoriteConfirmLabel}\n                    removeFavoriteHeader={removeFavoriteHeader}\n                    removeFavoriteLabel={removeFavoriteLabel}\n                    removeFavoriteTooltip={removeFavoriteTooltip}\n                    toolbarFunctionsCloseButtonAriaLabel={toolbarFunctionsCloseButtonAriaLabel}\n                    allowCopy={allowCopy}\n                    allowPrint={allowPrint}\n                    showFavoriteToggle={showFavoriteToggle}\n                    picker={picker}\n                    dispatch={dispatch}\n                />\n            )}\n        </Wrapper>\n    );\n};\n\nexport default Toolbar;\n\nconst Wrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin: 0 0 0 auto;\n\n    > :not(:last-child) {\n        margin: 0 calc(${(p) => p.theme.sizes?.small} * 2) 0 0;\n    }\n`;\n","import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { contactLink, ContactList } from '@telia-ace/knowledge-widget-adapters';\nimport { Component, NotFound } from '@telia-ace/knowledge-widget-types-grid';\nimport {\n    Button,\n    contentBox,\n    createEmptyComponent,\n    DialogLink,\n    DialogList,\n    embeddedLinkMapper,\n    genericHtml,\n    headingElement,\n    Lightbox,\n    linkTabStyle,\n    Loader,\n    loadingOpacity,\n    Metadata,\n    Paragraph,\n    useChildren,\n    useContainer,\n    useDispatch,\n    useProperties,\n    useRouteData,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React, { forwardRef, useCallback, useMemo } from 'react';\nimport AnswerVersionPicker from './answer-version-picker';\nimport Feedback from './feedback';\nimport { GuideComponentProps } from './guide-component';\nimport Toolbar from './toolbar';\n\ntype Props = { className: string; accordion?: boolean };\n\nconst Guide = forwardRef<HTMLDivElement, Props>(\n    ({ className, accordion = false, ...other }, ref) => {\n        const {\n            loading = false,\n            dialog = [],\n            contactMethods = [],\n            showHeader = true,\n            showAnswerVersions = false,\n            defaultAnswerVersionLabel = 'Default',\n            backButtonLabel,\n            metadataByLabel,\n            metadataModifiedLabel,\n            metadataPublishedLabel,\n            availablePerspectives,\n            metadata,\n            toolbar,\n            guide,\n            error,\n        } = useProperties<GuideComponentProps>();\n        const {\n            params: { connection },\n        } = useRouteData();\n        const container = useContainer();\n        const children = useChildren();\n        const dispatch = useDispatch();\n\n        const transform = useMemo(() => {\n            return {\n                transform: {\n                    img: (attrs: any) => (\n                        <Lightbox attrs={attrs} htmlBody={guide?.body || ''}></Lightbox>\n                    ),\n                    a: (attr: any) => {\n                        const { children, ...otherAttr } = attr;\n                        const connectionId = otherAttr['data-target'];\n                        if (connectionId && dialog.length) {\n                            const item = dialog.find(\n                                ({ connection }: any) => connection === connectionId\n                            );\n                            if (item) {\n                                return <DialogLink {...item}>{children}</DialogLink>;\n                            }\n                        }\n\n                        const defaultInstructions = embeddedLinkMapper(container);\n\n                        return defaultInstructions(attr);\n                    },\n                },\n            };\n        }, [guide, container, dialog]);\n\n        const handleBackButtonClick = useCallback(() => {\n            dispatch('back');\n        }, [dispatch]);\n\n        if (!guide && !error && !loading) {\n            return createEmptyComponent(container, {\n                ...other,\n                className: appendClassNames(className, 'humany-guide'),\n            });\n        }\n\n        const { id = '', title = '', body = '', translations = {} } = guide || {};\n\n        if (error && error.status === 404) {\n            return <NotFound showSearch={false} />;\n        }\n\n        const showBackButton = !!accordion && !!connection;\n        const language = Object.keys(translations).find((key) => translations[key] === `${id}`);\n\n        return (\n            <Wrapper\n                ref={ref}\n                {...other}\n                data-loading={loading}\n                className={appendClassNames(className, 'humany-guide')}\n            >\n                <Content\n                    data-loading={loading}\n                    accordion={accordion ? 'true' : 'false'}\n                    className=\"humany-guide-content\"\n                >\n                    {((showAnswerVersions && guide) || !!toolbar) && (\n                        <Top className=\"humany-guide-top\">\n                            {showAnswerVersions && guide && (\n                                <AnswerVersionPicker\n                                    defaultAnswerVersionLabel={defaultAnswerVersionLabel}\n                                    availablePerspectives={availablePerspectives}\n                                    guide={guide}\n                                />\n                            )}\n                            {!!toolbar && <Toolbar dispatch={dispatch} />}\n                        </Top>\n                    )}\n                    {!!(title || body) && (\n                        <Body\n                            className=\"humany-guide-body\"\n                            accordion={accordion ? 'true' : 'false'}\n                            header={(showHeader && title) || undefined}\n                            html={body}\n                            htmlParseInstruction={transform}\n                            lang={language}\n                        />\n                    )}\n                    {dialog && body.indexOf('h-option-link') === -1 && (\n                        <StyledDialogList dialog={dialog} />\n                    )}\n                    <StyledContactList\n                        backButtonShown={showBackButton ? 'true' : 'false'}\n                        contactMethods={contactMethods}\n                        dispatch={dispatch}\n                        guideId={guide && guide.id}\n                    />\n                    {!contactMethods.length && (\n                        <Feedback backButtonShown={showBackButton} accordion={accordion} />\n                    )}\n                    {showBackButton && (\n                        <BackButton aria-label={backButtonLabel} onClick={handleBackButtonClick}>\n                            <Caret\n                                width=\"7\"\n                                height=\"13\"\n                                viewBox=\"0 0 7 13\"\n                                fill=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                                <line x1=\"6.64645\" y1=\"12.5513\" x2=\"0.648357\" y2=\"6.55319\" />\n                                <line x1=\"0.646447\" y1=\"6.64455\" x2=\"6.64454\" y2=\"0.646465\" />\n                            </Caret>\n                            {backButtonLabel && <span>{backButtonLabel}</span>}\n                        </BackButton>\n                    )}\n                    {metadata && (\n                        <StyledMetadata\n                            {...metadata}\n                            modified={guide?.modified}\n                            published={guide?.published}\n                            modifiedBy={guide?.modifiedBy}\n                            publishedBy={guide?.publishedBy}\n                            byLabel={metadataByLabel}\n                            modifiedLabel={metadataModifiedLabel}\n                            publishedLabel={metadataPublishedLabel}\n                        />\n                    )}\n                    {children.map((child) => (\n                        <StyledComponents\n                            key={child.id}\n                            id={child.id}\n                            branch=\"default\"\n                            {...{ embedded: true }}\n                        />\n                    ))}\n                </Content>\n\n                <Loader loading={loading} />\n            </Wrapper>\n        );\n    }\n);\n\nexport default Guide;\n\nconst Wrapper = styled.div<{ 'data-loading': boolean }>`\n    ${loadingOpacity}\n    min-width: 0;\n`;\n\nconst Body = styled(Paragraph)<{ accordion: 'true' | 'false' }>`\n    ${genericHtml}\n    ${(p) => `padding: ${p.theme.sizes?.large};`}\n  display: block;\n    line-height: 1.6em;\n\n    ${(p) =>\n        headingElement(p)(\n            'h1',\n            css`\n                font-size: ${p.theme.fonts?.large};\n                font-weight: normal;\n                line-height: 1.6em;\n                line-height: 1.6em;\n                margin: 0 0 ${p.theme.sizes?.small};\n            `\n        )}\n\n    p {\n        font-weight: 300;\n        font-size: ${(p) => p.theme.fonts?.normal};\n        color: ${(p) => p.theme.colors?.text};\n        a {\n            display: inline;\n        }\n    }\n`;\n\nconst StyledContactList = styled(ContactList)<{ backButtonShown: 'true' | 'false' }>`\n    border-top: ${(p) => p.theme.border};\n    ${(p) => p.backButtonShown === 'true' && `border-bottom: ${p.theme.border};`}\n`;\n\nconst StyledDialogList = styled(DialogList)`\n    ${(p) => `padding: 0 ${p.theme.sizes?.large} ${p.theme.sizes?.large};`}\n    display: block;\n`;\n\nconst Top = styled.div`\n    ${(p) => `padding: calc(${p.theme.sizes?.normal}*2) ${p.theme.sizes?.large};`}\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    border-bottom: ${(p) => p.theme.border};\n    border-radius: ${(p) => `${p.theme.borderRadius} ${p.theme.borderRadius}`} 0 0;\n    background-color: #ffffff;\n`;\n\nconst Content = styled.div<{ 'data-loading': boolean; accordion: 'true' | 'false' } & any>`\n    ${contentBox}\n    display: block;\n    > a {\n        ${contactLink}\n    }\n\n    ${(p) =>\n        p.accordion === 'true' &&\n        css`\n            white-space: normal;\n            box-shadow: none;\n            background-color: #fafafa;\n        `}\n`;\n\nconst StyledMetadata = styled(Metadata)`\n    display: block;\n    ${(p) => `padding: calc(${p.theme.sizes?.normal}*2) ${p.theme.sizes?.large};`}\n    font-weight: 300;\n    font-size: ${(p) => p.theme.fonts?.normal};\n    color: ${(p) => p.theme.colors?.text};\n    border-top: ${(p) => p.theme.border};\n`;\n\nconst StyledComponents = styled(Component)`\n    border-top: ${(p) => p.theme.border};\n`;\n\nconst BackButton = styled(Button)`\n    ${(p) => `padding: ${p.theme.sizes?.normal} calc(${p.theme.sizes?.normal} * 2);`}\n    color: ${(p) => p.theme.colors?.primary};\n    text-decoration: underline;\n    font-size: ${(p) => p.theme.fonts?.normal};\n    span {\n        font-weight: 300;\n    }\n    &:focus-visible {\n        ${linkTabStyle}\n        padding: ${(p) => `calc(${p.theme.sizes?.small} / 2) ${p.theme.sizes?.small}`};\n    }\n`;\n\nconst Caret = styled.svg`\n    margin-right: ${(p) => p.theme.sizes?.small};\n    line {\n        stroke: ${(p) => p.theme.colors?.primary};\n    }\n`;\n"],"names":["AnswerVersionPicker","className","defaultAnswerVersionLabel","selectedPerspective","guidePerspectives","availablePerspectives","name","params","useRouteData","perspectives","useMemo","title","React","StyledList","appendClassNames","perspective","label","selected","isRoot","VersionLink","__spreadProps","__spreadValues","AnswerVersionPicker$1","styled","List","p","_a","TextLink","css","paddedBorderTabStyle","StyledContactList","ContactList","StyledFeedback","FeedbackUi","_b","Recognition","StyledHeaderText","Feedback","backButtonShown","accordion","dispatch","useDispatch","loading","dialog","guide","handoverContactMethods","contactHeader","showFeedback","feedbackDirection","feedbackRecognitionLabel","feedbackGiven","feedbackHeader","positiveFeedbackLabel","negativeFeedbackLabel","contactFeedbackLabel","useProperties","feedback","Feedback$1","Categories","categories","picker","PickerTypes","trail","setTrail","useState","container","useContainer","useEffect","buildCategoryTrail","id","result","Tooltip","segments","CategoryTrail","c","category","index","Text","SymbolBadge","CategorySeparator","StyledListButton","CategoriesSymbolBadge","Categories$1","Functions","header","tooltip","printActionLabel","copyActionLabel","addFavoriteTooltip","removeFavoriteCancelLabel","removeFavoriteConfirmLabel","removeFavoriteHeader","removeFavoriteLabel","removeFavoriteTooltip","toolbarFunctionsCloseButtonAriaLabel","allowCopy","allowPrint","showFavoriteToggle","favorites","actions","useFavorites","handleCopy","useCallback","event","handlePrint","items","ColoredSymbolBadge","StyledText","isFavorite","FavoriteButton","trigger","StyledTriggerButton","renderListItem","type","child","StyledDropdownList","DrawerList","DrawerAnimationType","Functions$1","DropdownList","getCurrentLanguageLabel","languages","l","Languages","other","__objRest","acc","key","item","currentLanguage","Trigger","LanguageButtonText","LanguageCaretSymbolBadge","LanguageLink","createParams","Languages$1","isEmpty","toolbar","guideCategories","language","Toolbar","toolbarLanguageHeader","toolbarFunctionsHeader","toolbarLanguageTooltip","toolbarFunctionsTooltip","Wrapper","Toolbar$1","Guide","forwardRef","ref","contactMethods","showHeader","showAnswerVersions","backButtonLabel","metadataByLabel","metadataModifiedLabel","metadataPublishedLabel","metadata","error","connection","children","useChildren","transform","attrs","Lightbox","attr","connectionId","DialogLink","embeddedLinkMapper","handleBackButtonClick","createEmptyComponent","body","translations","NotFound","showBackButton","Content","Top","Body","StyledDialogList","BackButton","Caret","StyledMetadata","StyledComponents","Loader","loadingOpacity","Paragraph","genericHtml","headingElement","DialogList","contentBox","contactLink","Metadata","Component","Button","linkTabStyle"],"mappings":"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"}

package/dist/guide.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type Props = {
+type Props = {
     className: string;
     accordion?: boolean;
 };

package/dist/index.js

@@ -58,7 +58,7 @@ ${e.trim()}`);
   return t && t.length && (i = `<h2>${t.trim()}</h2>`), e && e.length && (i = `${i.trim()}${e.trim()}`), i.trim();
 }, D = (t) => {
   const { events: e } = t.get("$widget"), [i, d] = G(e);
-  return P(t, "guide", import("./guide.e602b80c.js"), (a) => {
+  return P(t, "guide", import("./guide.35a46def.js"), (a) => {
     const s = (r) => {
       a.writeProperties({
         loading: !0,

package/dist/languages.d.ts

@@ -2,12 +2,12 @@ import { LanguageProperties } from '@telia-ace/knowledge-widget-component-utilit
 import { PickerTypes } from '@telia-ace/knowledge-widget-core';
 import React from 'react';
 import { GuideProps } from './guide-component';
-export declare type LanguageListItem = {
+export type LanguageListItem = {
     id: string;
     key: string;
     label: string;
 };
-declare type Props = Merge<{
+type Props = Merge<{
     header?: string;
     tooltip?: string;
     guide: GuideProps;

package/dist/toolbar.d.ts

@@ -1,6 +1,6 @@
 import { DispatchAction } from '@telia-ace/knowledge-widget-ui';
 import React from 'react';
-declare type Props = {
+type Props = {
     className?: string;
     dispatch: DispatchAction;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-guide",
-  "version": "1.0.28-next.0",
+  "version": "1.0.34-next.0",
   "description": "Guide component for ACE Knowledge Widgets.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -21,14 +21,14 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@telia-ace/knowledge-widget-adapters": "^1.0.34-next.0",
-    "@telia-ace/knowledge-widget-component-utilities": "^1.0.28-next.0",
-    "@telia-ace/knowledge-widget-core": "^1.0.24-next.0",
-    "@telia-ace/knowledge-widget-types-grid": "^1.0.35-next.0",
-    "@telia-ace/knowledge-widget-ui": "^1.0.30-next.0",
-    "@telia-ace/widget-forms": "^1.0.24",
-    "@telia-ace/widget-routing": "^1.0.18",
-    "@telia-ace/widget-utilities": "^1.0.6",
+    "@telia-ace/knowledge-widget-adapters": "^1.0.40-next.0",
+    "@telia-ace/knowledge-widget-component-utilities": "^1.0.34-next.0",
+    "@telia-ace/knowledge-widget-core": "^1.0.30-next.0",
+    "@telia-ace/knowledge-widget-types-grid": "^1.0.41-next.0",
+    "@telia-ace/knowledge-widget-ui": "^1.0.36-next.0",
+    "@telia-ace/widget-forms": "^1.0.25-next.7",
+    "@telia-ace/widget-routing": "^1.0.19-next.7",
+    "@telia-ace/widget-utilities": "^1.0.7-next.7",
     "@webprovisions/platform": "^1.1.2",
     "clipboard-polyfill": "4.0.0-rc1"
   },
@@ -42,7 +42,7 @@
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@types/react": "^18.0.25",
-    "@types/react-dom": "^18.0.8",
+    "@types/react-dom": "^18.0.9",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },