@telia-ace/knowledge-widget-components-contact-list 1.0.47 → 1.1.1-rc.0

package/contact-list-fc4972a6.mjs

@@ -0,0 +1,1074 @@
+import { jsx as l, jsxs as _, Fragment as Re } from "react/jsx-runtime";
+import { c as P, E as Ve, _ as ke, a as Ie, b as Oe, T as ue, P as I, C as he, u as F, d as A, e as W, f as ze, g as je, h as z, i as _e, j as Fe, k as fe, n as f, l as Ae, m as pe, H as Ge, o as Be, p as te, q as He, S as H, L as ge, r as U, s as ye, t as ne, v as K, w as be, I as $e, x as Ke, y as L, z as We, R as Q, G as ve, A as Ue, B as oe, D as Ce, F as Xe, J as Ye, K as Qe, M as qe, N as Je, O as Ze, Q as re, U as ie, V as et, W as q } from "./index-6a1b7325.mjs";
+import O, { Children as tt, isValidElement as G, cloneElement as B, useContext as se, useState as M, useCallback as xe, useEffect as T, Suspense as we, forwardRef as Ee, useMemo as nt } from "react";
+import "react-dom";
+function* Se(e) {
+  if (e)
+    for (let t = 0; t < e.length; t++) {
+      const n = e[t];
+      yield n, n.items && (yield* Se(n.items));
+    }
+}
+const ot = (e, t) => {
+  const n = Se(t);
+  let r = n.next(), o = null;
+  for (; !r.done; )
+    r.value.id === e && (o = r.value), r = n.next();
+  return o;
+}, J = (e, t) => ({
+  id: e.id,
+  type: e.type,
+  name: e.name,
+  branch: t || "default"
+}), rt = (e) => e === "entering" || e === "entered", it = (e) => e === "exiting" || e === "exited", R = {
+  fade: {
+    in: "opacity: 1;",
+    out: "opacity: 0;"
+  },
+  "slide-left": {
+    in: "transform: translateX(0);",
+    out: "transform: translateX(-100%);"
+  },
+  "slide-right": {
+    in: "transform: translateX(0);",
+    out: "transform: translateX(100%);"
+  },
+  "slide-up": {
+    in: "transform: translateY(0);",
+    out: "transform: translateY(100%);"
+  },
+  "slide-down": {
+    in: "transform: translateY(0);",
+    out: "transform: translateY(-100%);"
+  },
+  scale: {
+    in: "transform: scale(1);",
+    out: "transform: scale(0);"
+  }
+}, st = ["slide-up", "slide-down", "slide-left", "slide-right", "scale"], Z = {
+  compose: (e = "exited", t) => {
+    const { enter: n, exit: r } = t, o = n.transitionKeys.split(" "), i = st.indexOf(o[0]) > -1 ? "transform" : "opacity";
+    if (rt(e))
+      return o && o.length > 0 ? P`
+                    ${o && o.length > 0 && o.map((c) => R[c] ? R[c].in : "")}
+                    transition: ${i} ${n.duration}ms ${n.easing};
+                ` : "";
+    const s = o && o.length > 0 && P`
+                ${o.map((c) => R[c] ? R[c].out : "")}
+            `;
+    if (it(e)) {
+      const c = r.transitionKeys.split(" ");
+      return c && c.length > 0 && e === "exiting" ? P`
+                    ${s};
+                    ${c.map((a) => R[a] ? R[a].out : "")}
+                    transition: ${i} ${r.duration}ms ${r.easing};
+                ` : s;
+    }
+  },
+  composeViewTransition: (e, t, n) => {
+    if (t === "slide")
+      return Z.compose(e, {
+        enter: {
+          transitionKeys: n === "forth" ? "slide-right" : "slide-left",
+          duration: 500
+        },
+        exit: {
+          transitionKeys: n === "forth" ? "slide-left" : "slide-right",
+          duration: 500
+        }
+      });
+    if (t === "fade")
+      return Z.compose(e, {
+        enter: {
+          transitionKeys: "fade",
+          duration: 500
+        },
+        exit: {
+          transitionKeys: "fade",
+          duration: 500
+        }
+      });
+  },
+  get: (e) => R[e]
+}, Ne = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ l(Ve, { ...t }) : null;
+function at(e) {
+  if (e === void 0)
+    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+function ae(e, t) {
+  var n = function(i) {
+    return t && G(i) ? t(i) : i;
+  }, r = /* @__PURE__ */ Object.create(null);
+  return e && tt.map(e, function(o) {
+    return o;
+  }).forEach(function(o) {
+    r[o.key] = n(o);
+  }), r;
+}
+function ct(e, t) {
+  e = e || {}, t = t || {};
+  function n(u) {
+    return u in t ? t[u] : e[u];
+  }
+  var r = /* @__PURE__ */ Object.create(null), o = [];
+  for (var i in e)
+    i in t ? o.length && (r[i] = o, o = []) : o.push(i);
+  var s, c = {};
+  for (var a in t) {
+    if (r[a])
+      for (s = 0; s < r[a].length; s++) {
+        var d = r[a][s];
+        c[r[a][s]] = n(d);
+      }
+    c[a] = n(a);
+  }
+  for (s = 0; s < o.length; s++)
+    c[o[s]] = n(o[s]);
+  return c;
+}
+function V(e, t, n) {
+  return n[t] != null ? n[t] : e.props[t];
+}
+function lt(e, t) {
+  return ae(e.children, function(n) {
+    return B(n, {
+      onExited: t.bind(null, n),
+      in: !0,
+      appear: V(n, "appear", e),
+      enter: V(n, "enter", e),
+      exit: V(n, "exit", e)
+    });
+  });
+}
+function dt(e, t, n) {
+  var r = ae(e.children), o = ct(t, r);
+  return Object.keys(o).forEach(function(i) {
+    var s = o[i];
+    if (G(s)) {
+      var c = i in t, a = i in r, d = t[i], u = G(d) && !d.props.in;
+      a && (!c || u) ? o[i] = B(s, {
+        onExited: n.bind(null, s),
+        in: !0,
+        exit: V(s, "exit", e),
+        enter: V(s, "enter", e)
+      }) : !a && c && !u ? o[i] = B(s, {
+        in: !1
+      }) : a && c && G(d) && (o[i] = B(s, {
+        onExited: n.bind(null, s),
+        in: d.props.in,
+        exit: V(s, "exit", e),
+        enter: V(s, "enter", e)
+      }));
+    }
+  }), o;
+}
+var ut = Object.values || function(e) {
+  return Object.keys(e).map(function(t) {
+    return e[t];
+  });
+}, mt = {
+  component: "div",
+  childFactory: function(t) {
+    return t;
+  }
+}, ce = /* @__PURE__ */ function(e) {
+  ke(t, e);
+  function t(r, o) {
+    var i;
+    i = e.call(this, r, o) || this;
+    var s = i.handleExited.bind(at(i));
+    return i.state = {
+      contextValue: {
+        isMounting: !0
+      },
+      handleExited: s,
+      firstRender: !0
+    }, i;
+  }
+  var n = t.prototype;
+  return n.componentDidMount = function() {
+    this.mounted = !0, this.setState({
+      contextValue: {
+        isMounting: !1
+      }
+    });
+  }, n.componentWillUnmount = function() {
+    this.mounted = !1;
+  }, t.getDerivedStateFromProps = function(o, i) {
+    var s = i.children, c = i.handleExited, a = i.firstRender;
+    return {
+      children: a ? lt(o, c) : dt(o, s, c),
+      firstRender: !1
+    };
+  }, n.handleExited = function(o, i) {
+    var s = ae(this.props.children);
+    o.key in s || (o.props.onExited && o.props.onExited(i), this.mounted && this.setState(function(c) {
+      var a = Ie({}, c.children);
+      return delete a[o.key], {
+        children: a
+      };
+    }));
+  }, n.render = function() {
+    var o = this.props, i = o.component, s = o.childFactory, c = Oe(o, ["component", "childFactory"]), a = this.state.contextValue, d = ut(this.state.children).map(s);
+    return delete c.appear, delete c.enter, delete c.exit, i === null ? /* @__PURE__ */ O.createElement(ue.Provider, {
+      value: a
+    }, d) : /* @__PURE__ */ O.createElement(ue.Provider, {
+      value: a
+    }, /* @__PURE__ */ O.createElement(i, c, d));
+  }, t;
+}(O.Component);
+ce.propTypes = process.env.NODE_ENV !== "production" ? {
+  /**
+   * `<TransitionGroup>` renders a `<div>` by default. You can change this
+   * behavior by providing a `component` prop.
+   * If you use React v16+ and would like to avoid a wrapping `<div>` element
+   * you can pass in `component={null}`. This is useful if the wrapping div
+   * borks your css styles.
+   */
+  component: I.any,
+  /**
+   * A set of `<Transition>` components, that are toggled `in` and out as they
+   * leave. the `<TransitionGroup>` will inject specific transition props, so
+   * remember to spread them through if you are wrapping the `<Transition>` as
+   * with our `<Fade>` example.
+   *
+   * While this component is meant for multiple `Transition` or `CSSTransition`
+   * children, sometimes you may want to have a single transition child with
+   * content that you want to be transitioned out and in when you change it
+   * (e.g. routes, images etc.) In that case you can change the `key` prop of
+   * the transition child as you change its content, this will cause
+   * `TransitionGroup` to transition the child out and back in.
+   */
+  children: I.node,
+  /**
+   * A convenience prop that enables or disables appear animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  appear: I.bool,
+  /**
+   * A convenience prop that enables or disables enter animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  enter: I.bool,
+  /**
+   * A convenience prop that enables or disables exit animations
+   * for all children. Note that specifying this will override any defaults set
+   * on individual children Transitions.
+   */
+  exit: I.bool,
+  /**
+   * You may need to apply reactive updates to a child as it is exiting.
+   * This is generally done by using `cloneElement` however in the case of an exiting
+   * child the element has already been removed and not accessible to the consumer.
+   *
+   * If you do need to update a child as it leaves you can provide a `childFactory`
+   * to wrap every child, even the ones that are leaving.
+   *
+   * @type Function(child: ReactElement) -> ReactElement
+   */
+  childFactory: I.func
+} : {};
+ce.defaultProps = mt;
+const ht = ce, X = () => se(he), ft = () => {
+  const e = F(), t = A(), [n, r] = M([]), o = W(), i = xe(
+    (s) => {
+      if (t && o.current && s) {
+        const c = t.getBranch(s), a = s.getChildren(c).map((d) => J(d));
+        r(a);
+      }
+    },
+    [o, t, r, e]
+  );
+  return T(() => {
+    e && i(e);
+  }, [e, t]), T(() => {
+    if (t) {
+      const [s, c] = ze(t.events);
+      return s("components:set-layout", (a, d) => {
+        (e === d.node.parent || d.node.parent === t.nodes.root) && i(d.node.parent);
+      }), s("components:node-appended", (a, d) => {
+        (e === d.node.parent || d.node.parent === t.nodes.root) && i(d.node.parent);
+      }), s("components:node-removed", (a, { parentNode: d }) => {
+        (d === e || d === t.nodes.root) && i(d);
+      }), () => {
+        c();
+      };
+    }
+  }, [e, t, i]), n;
+}, pt = () => se(je), Pe = (e, t) => {
+  const n = X(), r = z(), [o, i] = M(void 0), s = W(), c = e || n.type || "";
+  return T(() => {
+    if (c) {
+      let a;
+      return (t || r).getAsync("componentResolver").then((d) => {
+        if (s.current) {
+          const u = d.getComponent(c);
+          i(u);
+        }
+        a = d.registerResolver(c, (u) => {
+          s.current && i(u);
+        });
+      }), () => {
+        a && a();
+      };
+    }
+  }, [s, c, t, r]), o;
+}, Le = () => {
+  const e = A(), t = X(), [n, r] = M([]), [o, i] = M();
+  return T(() => {
+    if (e && t) {
+      const s = new _e(e).withId(t.id), c = e.actions(s, t.type || Fe());
+      i(c), n !== null && (n.forEach((a) => {
+        c.dispatch(a.key, a.data).then((d) => a.resolve(d)).catch((d) => a.reject(d));
+      }), r(null));
+    }
+  }, [e, t.id]), (s, c) => n !== null ? new Promise((a, d) => {
+    n.push({
+      key: s,
+      data: c,
+      resolve: a,
+      reject: d
+    });
+  }) : o.dispatch(s, c);
+}, gt = (e) => {
+  const t = F(e), n = A(), [r, o] = M({}), i = W();
+  return T(() => {
+    t && i.current && o(t.attributes.layout);
+  }, [t, i]), T(() => {
+    if (n) {
+      const s = n.events.subscribe(
+        "components:layout-changed",
+        (c, a) => {
+          t === a.node && i.current && o(a.node.attributes.layout);
+        }
+      );
+      return () => {
+        s();
+      };
+    }
+  }, [n, i, t]), r;
+}, le = () => se(fe);
+f(Ae)`
+    ${(e) => {
+  var t;
+  return pe(e)(
+    "h1",
+    P`
+                font-weight: normal;
+                font-size: ${(t = e.theme.fonts) == null ? void 0 : t.medium};
+            `
+  );
+}}
+`;
+const yt = f(Ge)`
+    ${Be}
+    font-weight: 300;
+    line-height: 1.5em;
+    button:focus-visible {
+        ${te};
+    }
+
+    a:focus-visible {
+        ${He};
+    }
+`, bt = (e) => {
+  const t = Pe(e.clientName), {
+    params: { contactCategory: n, guideCategory: r, phrase: o }
+  } = U();
+  if (typeof t > "u")
+    return null;
+  if (t === null)
+    return process.env.NODE_ENV !== "production" ? /* @__PURE__ */ l(
+      vt,
+      {
+        title: `client-name: ${e.clientName}, id: ${e.id}`,
+        className: "humany-non-resolved-contact-method",
+        children: /* @__PURE__ */ l(ye, { variant: "h5", children: "Non resolved Contact Method type" })
+      }
+    ) : null;
+  const i = (s = {}) => {
+    const c = { ...e, ...s }, {
+      id: a,
+      title: d,
+      clientName: u,
+      symbol: m,
+      inline: S,
+      onClick: v = () => {
+      },
+      description: b,
+      htmlParseInstruction: g,
+      className: y,
+      disabled: x,
+      guideId: w,
+      dispatch: E = () => {
+      },
+      expanded: p
+    } = c, $ = S ? {
+      onKeyDown: (h) => {
+        h.key && h.key === "Enter" && (v(h, c), h.defaultPrevented || !p && E("expand", a));
+      },
+      onClick: (h) => {
+        v(h, c), h.defaultPrevented || !p && E("expand", a);
+      }
+    } : {
+      onClick: (h) => v(h, c),
+      routeName: "contact-method",
+      params: ne({
+        contactCategory: n,
+        guideId: w,
+        guideCategory: r,
+        phrase: o,
+        contactMethod: a,
+        uriName: K(d)
+      })
+    };
+    return /* @__PURE__ */ _(
+      $t,
+      {
+        title: d,
+        "aria-label": d,
+        className: y,
+        disabled: x,
+        description: b,
+        "data-client-name": u,
+        ...s,
+        ...$,
+        children: [
+          m && /* @__PURE__ */ l(be, { symbol: m }),
+          b ? /* @__PURE__ */ _("div", { className: "humany-contact-link-rich-content", children: [
+            /* @__PURE__ */ l(me, { children: d }),
+            /* @__PURE__ */ l(
+              yt,
+              {
+                html: b,
+                htmlParseInstruction: g
+              }
+            )
+          ] }) : /* @__PURE__ */ l(me, { children: d })
+        ]
+      }
+    );
+  };
+  return e.expanded ? /* @__PURE__ */ l(we, { fallback: null, children: /* @__PURE__ */ l(t, { ...e, renderDefault: i }) }) : i();
+}, Me = (e) => {
+  var t, n, r, o, i, s, c, a;
+  return P`
+  display: flex;
+  padding: ${(t = e.theme.sizes) == null ? void 0 : t.large};
+  ${e.description ? "" : "align-items: center;"}
+  text-decoration: none;
+  span {
+    display: inline-block;
+    color: ${(n = e.theme.colors) == null ? void 0 : n.text};
+  }
+  i {
+    font-size: ${(r = e.theme.fonts) == null ? void 0 : r.large};
+    margin: 0 ${(o = e.theme.sizes) == null ? void 0 : o.large} 0 0;
+    min-height: ${(i = e.theme.fonts) == null ? void 0 : i.large};
+    min-width: ${(s = e.theme.fonts) == null ? void 0 : s.large};
+    line-height: ${(c = e.theme.fonts) == null ? void 0 : c.large};
+    display: inline-block;
+    vertical-align: bottom;
+    color: ${(a = e.theme.colors) == null ? void 0 : a.text};
+  }
+`;
+}, me = f(H)`
+  line-height: ${(e) => {
+  var t;
+  return (t = e.theme.fonts) == null ? void 0 : t.large;
+}};
+`, $t = f(ge)`
+  ${(e) => Me(e)}
+
+  &:focus-visible {
+    ${te};
+  }
+`, vt = f.div`
+  text-align: center;
+  display: block;
+  ${(e) => {
+  var t, n;
+  return typeof ((t = e.theme.colors) == null ? void 0 : t.warning) < "u" && `color: ${(n = e.theme.colors) == null ? void 0 : n.warning};`;
+}}
+`, Te = (e) => {
+  var t, n, r;
+  return P`
+    ${Ke(e)}
+
+    > div {
+        padding: ${(t = e.theme.sizes) == null ? void 0 : t.large};
+
+        ${pe(e)(
+    "h1",
+    P`
+                margin: 0;
+            `
+  )}
+    }
+
+    > ul {
+        &:not(:first-child) {
+            border-top: ${e.theme.border};
+        }
+
+        > li {
+            margin: 0;
+            white-space: normal;
+
+            > a {
+                overflow: hidden;
+            }
+
+            &:first-child > a {
+                border-radius: ${`${e.theme.borderRadius} ${e.theme.borderRadius} 0 0`};
+            }
+
+            &:last-child:not(:first-child) > a {
+                border-radius: ${`0 0 ${e.theme.borderRadius} ${e.theme.borderRadius}`};
+            }
+
+            &:not(:last-child) {
+                border-bottom: ${e.theme.border};
+            }
+
+            > div {
+                padding: ${(n = e.theme.sizes) == null ? void 0 : n.large};
+            }
+        }
+    }
+
+    @media (hover: hover) {
+        a:hover {
+            background-color: ${(r = e.theme.colors) == null ? void 0 : r.accent};
+        }
+    }
+`;
+}, Ct = f($e)`
+    ${(e) => Te(e)}
+`, xt = ({
+  contactMethods: e,
+  children: t,
+  guideId: n,
+  dispatch: r,
+  className: o = "",
+  itemRenderer: i,
+  action: s = () => {
+  },
+  header: c = ""
+}) => e.length ? /* @__PURE__ */ l(
+  Ct,
+  {
+    header: c,
+    className: L(o, "humany-contact-list"),
+    items: e,
+    renderItem: i ? (a) => /* @__PURE__ */ l("li", { "data-contact-method": a.id, children: i(a, { action: s, dispatch: r, guideId: n }) }, a.id) : (a) => /* @__PURE__ */ l("li", { "data-contact-method": a.id, children: /* @__PURE__ */ l(
+      bt,
+      {
+        ...a,
+        action: s,
+        dispatch: r,
+        guideId: n
+      }
+    ) }, a.id),
+    children: t
+  }
+) : null;
+var ee = /* @__PURE__ */ ((e) => (e.back = "back", e.forth = "forth", e))(ee || {});
+const wt = (e, t, n) => typeof n[e] == "number" && typeof n[t] == "number" && n[e] > n[t] ? "back" : "forth", De = ({ views: e, location: t, render: n }) => /* @__PURE__ */ l(
+  We,
+  {
+    location: t && {
+      ...t,
+      pathname: t.pathname.split("?")[0]
+    },
+    children: [
+      ...Object.keys(e).filter((r) => !!e[r].path),
+      ...Object.keys(e).filter((r) => !e[r].path)
+    ].map((r) => {
+      const { path: o } = e[r];
+      return o ? Array.isArray(o) ? o.map((i) => /* @__PURE__ */ l(Q, { exact: !0, path: i, render: () => n(r) }, r)) : /* @__PURE__ */ l(Q, { exact: !0, path: o, render: () => n(r) }, r) : /* @__PURE__ */ l(Q, { render: () => n(r) }, r);
+    })
+  }
+), Et = f.div`
+  position: relative;
+  width: 100%;
+  flex: 1;
+`, St = f(ve)`
+  position: absolute;
+  left: 0;
+  right: 0;
+  ${(e) => !!e.animationCss && e.animationCss}
+  ${(e) => !!e.scrollableCss && e.scrollableCss}
+`, Nt = {
+  index: 1,
+  search: 2,
+  browse: 3,
+  guide: 4,
+  contact: 5,
+  "contact-method": 6,
+  conversation: 7
+}, Pt = ({ className: e = "", ...t }) => {
+  const [n, r] = M("index"), [o, i] = M(
+    ee.forth
+  ), s = U(), c = Ue(), a = le(), d = oe(), u = z(), m = F(), { gap: S = "0" } = d, {
+    columns: v = 1,
+    animation: b = "none",
+    scrollable: g = !1,
+    ...y
+  } = a, [x, w] = Ce(g);
+  if (!m || !c)
+    return null;
+  const { location: E } = c;
+  s.name !== n && s.name !== "" && b && (i(
+    wt(n, s.name, Nt)
+  ), r(s.name));
+  const { views: p } = u.get("$settings");
+  if (!Object.keys(p).length)
+    return null;
+  const $ = (C, D, k) => {
+    const N = h(D, k), j = m.getChildren(C)[0];
+    return /* @__PURE__ */ l(
+      St,
+      {
+        ...t,
+        ...y,
+        scrollableCss: x,
+        ref: w,
+        columns: v,
+        gap: S,
+        ...N,
+        className: L(e, "humany-view"),
+        children: /* @__PURE__ */ l(de, { id: j.id, branch: "default" })
+      }
+    );
+  }, h = (C, D) => {
+    if (b === "slide" || b === "fade")
+      return {
+        animationCss: Z.composeViewTransition(
+          C,
+          b,
+          D
+        ),
+        "data-state": C
+      };
+  };
+  return /* @__PURE__ */ l(Et, { className: "humany-animated-view", children: /* @__PURE__ */ l(
+    ht,
+    {
+      component: null,
+      childFactory: (C) => O.cloneElement(C, { direction: o }),
+      children: /* @__PURE__ */ l(
+        Xe,
+        {
+          timeout: { enter: 500, exit: 500 },
+          onEnter: (C) => C == null ? void 0 : C.clientHeight,
+          unmountOnExit: !0,
+          direction: ee.forth,
+          children: (C, { direction: D }) => /* @__PURE__ */ l(
+            De,
+            {
+              views: p,
+              location: E,
+              render: (k) => $(k, C, D)
+            }
+          )
+        },
+        n
+      )
+    }
+  ) });
+}, Lt = f(ve)`
+    ${(e) => !!e.scrollableCss && e.scrollableCss}
+`, Mt = ({ className: e = "", ...t }) => {
+  const n = le(), r = oe(), o = z(), i = F(), { views: s } = o.get("$settings"), { gap: c = "0" } = r, { columns: a = 1, animation: d = "none", scrollable: u = !1, ...m } = n, [S, v] = Ce(u);
+  return i ? /* @__PURE__ */ l(
+    Lt,
+    {
+      ...t,
+      ...m,
+      scrollableCss: S,
+      ref: v,
+      columns: a,
+      gap: c,
+      className: L(e, "humany-view"),
+      children: /* @__PURE__ */ l(
+        De,
+        {
+          views: s,
+          render: (b) => {
+            const g = i.getChildren(b)[0];
+            return /* @__PURE__ */ l(de, { id: g.id, node: g, branch: "default" });
+          }
+        }
+      )
+    }
+  ) : null;
+}, Y = (e) => {
+  var t, n;
+  return P`
+    outline: none;
+    box-sizing: border-box;
+    * {
+        box-sizing: border-box;
+        outline: none;
+    }
+
+    grid-column: ${e["data-indent"] ? `${e["data-indent"] + 1} / ${e["data-indent"] + (e["data-width"] || 0) + 1}` : `span ${e["data-width"]}`};
+
+    ${((t = e.theme.fonts) == null ? void 0 : t.type) && `
+    font-family: ${e.theme.fonts.type};
+
+    input, textarea {
+      font-family: ${e.theme.fonts.type};
+    }
+  `}
+
+    ${((n = e.theme.fonts) == null ? void 0 : n.base) && `
+    font-size: ${e.theme.fonts.base};
+  `}
+
+  &:focus-visible {
+        ${Ye(e)};
+    }
+`;
+}, Tt = f(Mt)`
+    ${(e) => Y(e)}
+`, Dt = f(Pt)`
+    ${(e) => Y(e)}
+`, Rt = f.div`
+    text-align: center;
+    ${(e) => {
+  var t, n, r;
+  return typeof ((t = e.theme.colors) == null ? void 0 : t.warning) < "u" && P`
+            color: ${(n = e.theme.colors) == null ? void 0 : n.warning};
+            border: 2px dashed ${(r = e.theme.colors) == null ? void 0 : r.warning};
+        `;
+}}
+    ${(e) => typeof e.theme.borderRadius < "u" && `border-radius: ${e.theme.borderRadius};`}
+  ${(e) => Y(e)}
+`, Vt = Ee(
+  ({ className: e = "", children: t, ...n }, r) => {
+    const o = Pe(), { name: i, type: s, id: c } = X(), a = nt(() => o ? f(o)`
+                    ${Y}
+                    ${Qe}
+                ` : null, [o]);
+    return typeof o > "u" ? null : o === null || a === null ? process.env.NODE_ENV !== "production" ? /* @__PURE__ */ l(
+      Rt,
+      {
+        ...n,
+        title: `type: ${s}, definition-id: ${i}, instance-id: ${c}`,
+        className: L(e, "humany-non-resolved-component"),
+        children: /* @__PURE__ */ l(ye, { variant: "h5", children: "Non Resolved Component Type" })
+      }
+    ) : null : /* @__PURE__ */ l(we, { fallback: null, children: /* @__PURE__ */ l(
+      a,
+      {
+        ref: r,
+        ...n,
+        className: L(
+          e,
+          "humany-component",
+          `humany-component-${i}`
+        ),
+        children: t
+      }
+    ) });
+  }
+), kt = (e) => {
+  const t = F(e), n = A(), [r, o] = M({}), i = W();
+  return T(() => {
+    t && i.current && o(t.attributes.properties);
+  }, [t, e, i]), T(() => {
+    if (n) {
+      const s = n.events.subscribe(
+        "components:properties-changed",
+        (c, a) => {
+          t === a.node && i.current && o(a.node.attributes.properties);
+        }
+      );
+      return () => {
+        s();
+      };
+    }
+  }, [n, i, e, t]), r;
+}, It = (e, t) => t ? !0 : typeof e == "string" ? e === "full" : e > 0, de = Ee(
+  ({
+    className: e = "",
+    id: t,
+    branch: n,
+    node: r,
+    ariaLabel: o,
+    tabIndex: i,
+    context: s,
+    ...c
+  }, a) => {
+    const d = A(), u = z(), [m, S] = M(), v = pt(), b = oe(t), g = kt(t), { size: y = "none", indent: x = 0 } = gt(t), w = It(y, r);
+    if (T(() => {
+      if (d) {
+        if (t && !r) {
+          const N = d.nodes.get(t);
+          if (N && (S(J(N, n)), w)) {
+            const j = N.mount(u);
+            return () => {
+              j();
+            };
+          }
+        } else if (r) {
+          S(J(r, n));
+          const N = r.mount(u);
+          return () => {
+            N();
+          };
+        }
+      }
+    }, [d, t, r, w]), !m || !w)
+      return null;
+    const E = { ...b, ...s || {} }, {
+      cardinal: p,
+      fonts: $ = {},
+      accessibility: h = {},
+      ...C
+    } = E, D = {
+      type: $.type,
+      base: $.base || "16px",
+      small: $.small || "0.8em",
+      normal: $.normal || "1em",
+      medium: $.medium || "1.2em",
+      large: $.large || "1.6em",
+      huge: $.huge || "2.5em"
+    }, k = {
+      ...C,
+      fonts: D,
+      accessibility: {
+        ...h
+      }
+    };
+    return typeof p == "number" && (k.sizes = {
+      cardinal: p,
+      small: `${p}px`,
+      normal: `${p * 3}px`,
+      medium: `${p * 5}px`,
+      large: `${p * 8}px`
+    }), /* @__PURE__ */ l(qe, { theme: k, children: /* @__PURE__ */ l(he.Provider, { value: m, children: /* @__PURE__ */ l(fe.Provider, { value: g, children: (() => {
+      const N = {
+        "data-width": y === "full" ? v : Math.min(y, v),
+        "data-indent": x,
+        "data-name": m.name,
+        "data-node-id": m.id,
+        "data-component-type": m.type,
+        "aria-label": o,
+        tabIndex: i,
+        id: m.id,
+        role: g && g.role,
+        ...c
+      };
+      switch (m.type) {
+        case "view":
+          return typeof g.animation == "string" && g.animation !== "none" ? /* @__PURE__ */ l(Dt, { ...N, className: e }) : /* @__PURE__ */ l(Tt, { ...N, className: e });
+        default: {
+          const j = Je(g);
+          return /* @__PURE__ */ l(
+            Vt,
+            {
+              ref: a,
+              ...N,
+              ...j,
+              className: e
+            }
+          );
+        }
+      }
+    })() }) }) });
+  }
+);
+O.lazy(() => import("./detached-component-f0fff886.mjs"));
+const Ot = ({
+  className: e,
+  guides: t,
+  header: n,
+  accordion: r,
+  loading: o,
+  route: i = "guide",
+  categoryTitle: s,
+  ...c
+}) => {
+  const {
+    name: a,
+    params: { contactCategory: d = 0, guide: u }
+  } = U(), { name: m } = X(), S = z(), v = ft(), b = Le(), g = xe(
+    (y, x, w, E) => {
+      const { id: p, title: $ } = y;
+      return r && u === p ? /* @__PURE__ */ l(
+        et,
+        {
+          id: p,
+          title: $,
+          route: a,
+          collapseUri: s && K(s),
+          children: v.map((h) => /* @__PURE__ */ l(
+            de,
+            {
+              id: h.id,
+              branch: "default",
+              accordion: r
+            },
+            h.id
+          ))
+        },
+        p
+      ) : E ? E(y, x, w, E) : null;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [r, v, u]
+  );
+  return !t.length && !o ? Ne(S, {
+    ...c,
+    className: L(e, "humany-deflection-list")
+  }) : /* @__PURE__ */ l(
+    zt,
+    {
+      ...c,
+      "data-loading": o,
+      className: L(e, "humany-deflection-list"),
+      items: t,
+      header: n,
+      expandable: !!r,
+      renderItem: g,
+      dispatch: b,
+      routing: {
+        guide: i
+      },
+      paramMappers: {
+        guide: ({ id: y, title: x }) => ne({
+          contactCategory: d,
+          guide: y,
+          accordion: r ? m : void 0,
+          uriName: K(x)
+        })
+      },
+      children: /* @__PURE__ */ l(q, { loading: o })
+    }
+  );
+}, zt = f(Ze)`
+  ${re}
+  ${ie}
+`, jt = f(xt)`
+  ${ie}
+  ${re}
+`, _t = f($e)`
+  ${(e) => ie(e)}
+  ${re}
+  ${Te}
+
+  && {
+    i {
+      font-size: 25px;
+      width: 1.28571429em;
+      text-align: center;
+    }
+  }
+`, Ft = f(ge)`
+  &:focus-visible {
+    ${te};
+  }
+
+  ${Me}
+`, At = f.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}};
+`, Gt = f(H)`
+  font-weight: bold;
+`, Bt = ({ className: e, ...t }) => {
+  const n = Le(), r = z(), o = U(), {
+    deflectionHeader: i = "",
+    routes: s = {},
+    contactMethods: c = [],
+    categories: a = [],
+    guides: d = [],
+    deflectionAccordion: u = !1,
+    loading: m = !1
+  } = le(), { contactCategory: S, guide: v = "guide" } = s;
+  if (!a.length && !c.length && !m)
+    return Ne(r, {
+      ...t,
+      className: L(e, "humany-contact-category-list")
+    });
+  const {
+    name: b,
+    params: { contactCategory: g }
+  } = o, y = ot(
+    g,
+    a
+  );
+  return c.length ? /* @__PURE__ */ _(Re, { children: [
+    /* @__PURE__ */ l(
+      Ot,
+      {
+        className: e,
+        guides: d,
+        categoryTitle: y && y.title,
+        header: i,
+        route: v,
+        accordion: u,
+        loading: m
+      }
+    ),
+    /* @__PURE__ */ l(
+      jt,
+      {
+        "data-loading": m,
+        className: e,
+        contactMethods: c,
+        dispatch: n,
+        children: /* @__PURE__ */ l(q, { loading: m })
+      }
+    )
+  ] }) : /* @__PURE__ */ l(
+    _t,
+    {
+      ...t,
+      "data-loading": m,
+      className: L(e, "humany-contact-category-list"),
+      items: y && y.items || a,
+      renderItem: ({
+        id: x,
+        title: w,
+        symbol: E,
+        matches: p,
+        items: $,
+        description: h
+      }) => p || $ && $.length ? /* @__PURE__ */ l("li", { "data-contact-category": x, children: /* @__PURE__ */ _(
+        Ft,
+        {
+          routeName: S || b,
+          params: ne({
+            contactCategory: x,
+            uriName: K(w)
+          }),
+          children: [
+            E && /* @__PURE__ */ l(be, { symbol: E }),
+            h != null && h.length ? /* @__PURE__ */ _(At, { children: [
+              /* @__PURE__ */ l(Gt, { children: w }),
+              /* @__PURE__ */ l(H, { children: h })
+            ] }) : /* @__PURE__ */ l(H, { children: w })
+          ]
+        }
+      ) }, x) : null,
+      children: /* @__PURE__ */ l(q, { loading: m })
+    }
+  );
+}, Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: Bt
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  de as C,
+  Xt as c
+};