@telia-ace/knowledge-widget-components-contact-list 1.1.1-rc.1 → 1.1.1-rc.3

package/contact-list-05301ab8.js

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("@emotion/styled"),q=require("@telia-ace/knowledge-widget-adapters"),e=require("@telia-ace/knowledge-widget-ui"),a=require("@telia-ace/widget-utilities"),D=require("@telia-ace/widget-types-grid"),k=require("react"),w=({className:n,guides:s,header:L,accordion:c,loading:g,route:S="guide",categoryTitle:x,...l})=>{const{name:p,params:{contactCategory:I=0,guide:C}}=e.useRouteData(),{name:r}=e.useComponentDescriptor(),$=e.useContainer(),f=e.useChildren(),b=e.useDispatch(),N=k.useCallback((o,i,y,u)=>{const{id:h,title:j}=o;return c&&C===h?t.jsx(e.AccordionListItem,{id:h,title:j,route:p,collapseUri:x&&a.formatUrl(x),children:f.map(d=>t.jsx(D.Component,{id:d.id,branch:"default",accordion:c},d.id))},h):u?u(o,i,y,u):null},[c,f,C]);return!s.length&&!g?e.createEmptyComponent($,{...l,className:a.appendClassNames(n,"humany-deflection-list")}):t.jsx(T,{...l,"data-loading":g,className:a.appendClassNames(n,"humany-deflection-list"),items:s,header:L,expandable:!!c,renderItem:N,dispatch:b,routing:{guide:S},paramMappers:{guide:({id:o,title:i})=>a.createParams({contactCategory:I,guide:o,accordion:c?r:void 0,uriName:a.formatUrl(i)})},children:t.jsx(e.Loader,{loading:g})})},T=m(e.GuideList)`
+  ${e.contentBox}
+  ${e.loadingOpacity}
+`,U=m(q.ContactList)`
+  ${e.loadingOpacity}
+  ${e.contentBox}
+`,B=m(e.ItemList)`
+  ${n=>e.loadingOpacity(n)}
+  ${e.contentBox}
+  ${q.contactItemList}
+
+  && {
+    i {
+      font-size: 25px;
+      width: 1.28571429em;
+      text-align: center;
+    }
+  }
+`,v=m(e.Link)`
+  &:focus-visible {
+    ${e.borderTabStyle};
+  }
+
+  ${q.contactLink}
+`,G=m.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${n=>{var s;return(s=n.theme.sizes)==null?void 0:s.normal}};
+`,O=m(e.StyledText)`
+  font-weight: bold;
+`,P=({className:n,...s})=>{const L=e.useDispatch(),c=e.useContainer(),g=e.useRouteData(),{deflectionHeader:S="",routes:x={},contactMethods:l=[],categories:p=[],guides:I=[],deflectionAccordion:C=!1,loading:r=!1}=e.useProperties(),{contactCategory:$,guide:f="guide"}=x;if(!p.length&&!l.length&&!r)return e.createEmptyComponent(c,{...s,className:a.appendClassNames(n,"humany-contact-category-list")});const{name:b,params:{contactCategory:N}}=g,o=a.findCategoryById(N,p);return l.length?t.jsxs(t.Fragment,{children:[t.jsx(w,{className:n,guides:I,categoryTitle:o&&o.title,header:S,route:f,accordion:C,loading:r}),t.jsx(U,{"data-loading":r,className:n,contactMethods:l,dispatch:L,children:t.jsx(e.Loader,{loading:r})})]}):t.jsx(B,{...s,"data-loading":r,className:a.appendClassNames(n,"humany-contact-category-list"),items:o&&o.items||p,renderItem:({id:i,title:y,symbol:u,matches:h,items:j,description:d})=>h||j&&j.length?t.jsx("li",{"data-contact-category":i,children:t.jsxs(v,{routeName:$||b,params:a.createParams({contactCategory:i,uriName:a.formatUrl(y)}),children:[u&&t.jsx(e.SymbolBadge,{symbol:u}),d!=null&&d.length?t.jsxs(G,{children:[t.jsx(O,{children:y}),t.jsx(e.StyledText,{children:d})]}):t.jsx(e.StyledText,{children:y})]})},i):null,children:t.jsx(e.Loader,{loading:r})})};exports.default=P;

package/contact-list-300090b9.mjs

@@ -0,0 +1,190 @@
+import { jsx as t, jsxs as D, Fragment as P } from "react/jsx-runtime";
+import d from "@emotion/styled";
+import { ContactList as T, contactItemList as U, contactLink as E } from "@telia-ace/knowledge-widget-adapters";
+import { GuideList as F, contentBox as G, loadingOpacity as j, useRouteData as w, useComponentDescriptor as O, useContainer as z, useChildren as R, useDispatch as A, AccordionListItem as q, createEmptyComponent as H, Loader as k, ItemList as J, Link as K, borderTabStyle as Q, StyledText as v, useProperties as V, SymbolBadge as W } from "@telia-ace/knowledge-widget-ui";
+import { formatUrl as B, appendClassNames as L, createParams as M, findCategoryById as X } from "@telia-ace/widget-utilities";
+import { Component as Y } from "@telia-ace/widget-types-grid";
+import { useCallback as Z } from "react";
+const _ = ({
+  className: e,
+  guides: o,
+  header: $,
+  accordion: r,
+  loading: m,
+  route: x = "guide",
+  categoryTitle: p,
+  ...s
+}) => {
+  const {
+    name: u,
+    params: { contactCategory: I = 0, guide: y }
+  } = w(), { name: a } = O(), b = z(), f = R(), S = A(), N = Z(
+    (n, c, g, l) => {
+      const { id: h, title: C } = n;
+      return r && y === h ? /* @__PURE__ */ t(
+        q,
+        {
+          id: h,
+          title: C,
+          route: u,
+          collapseUri: p && B(p),
+          children: f.map((i) => /* @__PURE__ */ t(
+            Y,
+            {
+              id: i.id,
+              branch: "default",
+              accordion: r
+            },
+            i.id
+          ))
+        },
+        h
+      ) : l ? l(n, c, g, l) : null;
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [r, f, y]
+  );
+  return !o.length && !m ? H(b, {
+    ...s,
+    className: L(e, "humany-deflection-list")
+  }) : /* @__PURE__ */ t(
+    tt,
+    {
+      ...s,
+      "data-loading": m,
+      className: L(e, "humany-deflection-list"),
+      items: o,
+      header: $,
+      expandable: !!r,
+      renderItem: N,
+      dispatch: S,
+      routing: {
+        guide: x
+      },
+      paramMappers: {
+        guide: ({ id: n, title: c }) => M({
+          contactCategory: I,
+          guide: n,
+          accordion: r ? a : void 0,
+          uriName: B(c)
+        })
+      },
+      children: /* @__PURE__ */ t(k, { loading: m })
+    }
+  );
+}, tt = d(F)`
+  ${G}
+  ${j}
+`, et = d(T)`
+  ${j}
+  ${G}
+`, nt = d(J)`
+  ${(e) => j(e)}
+  ${G}
+  ${U}
+
+  && {
+    i {
+      font-size: 25px;
+      width: 1.28571429em;
+      text-align: center;
+    }
+  }
+`, ot = d(K)`
+  &:focus-visible {
+    ${Q};
+  }
+
+  ${E}
+`, at = d.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${(e) => {
+  var o;
+  return (o = e.theme.sizes) == null ? void 0 : o.normal;
+}};
+`, rt = d(v)`
+  font-weight: bold;
+`, gt = ({ className: e, ...o }) => {
+  const $ = A(), r = z(), m = w(), {
+    deflectionHeader: x = "",
+    routes: p = {},
+    contactMethods: s = [],
+    categories: u = [],
+    guides: I = [],
+    deflectionAccordion: y = !1,
+    loading: a = !1
+  } = V(), { contactCategory: b, guide: f = "guide" } = p;
+  if (!u.length && !s.length && !a)
+    return H(r, {
+      ...o,
+      className: L(e, "humany-contact-category-list")
+    });
+  const {
+    name: S,
+    params: { contactCategory: N }
+  } = m, n = X(
+    N,
+    u
+  );
+  return s.length ? /* @__PURE__ */ D(P, { children: [
+    /* @__PURE__ */ t(
+      _,
+      {
+        className: e,
+        guides: I,
+        categoryTitle: n && n.title,
+        header: x,
+        route: f,
+        accordion: y,
+        loading: a
+      }
+    ),
+    /* @__PURE__ */ t(
+      et,
+      {
+        "data-loading": a,
+        className: e,
+        contactMethods: s,
+        dispatch: $,
+        children: /* @__PURE__ */ t(k, { loading: a })
+      }
+    )
+  ] }) : /* @__PURE__ */ t(
+    nt,
+    {
+      ...o,
+      "data-loading": a,
+      className: L(e, "humany-contact-category-list"),
+      items: n && n.items || u,
+      renderItem: ({
+        id: c,
+        title: g,
+        symbol: l,
+        matches: h,
+        items: C,
+        description: i
+      }) => h || C && C.length ? /* @__PURE__ */ t("li", { "data-contact-category": c, children: /* @__PURE__ */ D(
+        ot,
+        {
+          routeName: b || S,
+          params: M({
+            contactCategory: c,
+            uriName: B(g)
+          }),
+          children: [
+            l && /* @__PURE__ */ t(W, { symbol: l }),
+            i != null && i.length ? /* @__PURE__ */ D(at, { children: [
+              /* @__PURE__ */ t(rt, { children: g }),
+              /* @__PURE__ */ t(v, { children: i })
+            ] }) : /* @__PURE__ */ t(v, { children: g })
+          ]
+        }
+      ) }, c) : null,
+      children: /* @__PURE__ */ t(k, { loading: a })
+    }
+  );
+};
+export {
+  gt as default
+};

package/index.js

@@ -1 +1 @@
-"use strict";const e=require("./index-0264775f.js");require("react/jsx-runtime");require("react");require("react-dom");module.exports=e.ContactListComponent;
+"use strict";const g=require("@telia-ace/knowledge-data-client"),n=require("@telia-ace/knowledge-widget-component-utilities"),w=require("@telia-ace/knowledge-widget-core"),M=require("@telia-ace/knowledge-widget-ui"),v=s=>{const{events:y}=s.get("$widget"),[m,P]=w.createEventSubscriber(y);return M.createReactComponent(s,"contact-list",Promise.resolve().then(()=>require("./contact-list-05301ab8.js")),e=>{const c=t=>{e.writeProperties({loading:!0,contactMethods:[],categories:[]}),e.actions.dispatch("fetch",{params:t})};e.actions.create("fetch",t=>{const{submitButtonLabel:r="Submit"}=e.properties(),a=(t.contactMethods||[]).map(o=>({...o,body:n.updateForm(o,{submit:r})}));return e.actions.dispatch("fetched",{...t,contactMethods:a,loading:!0})}),e.actions.create("fetched",t=>e.writeProperties({...t,guides:t.guides||[],loading:!1})),s.getAsync("router").then(t=>{const{params:r}=t.getRouteData();c(r)}),m("router:changed",(t,{current:r})=>{c(r.routeData.params)}),n.useForm(s,e),n.useExpand(e)}).then(()=>w.extendComponent(s,"contact-list",e=>{e.actions.watch("contact-list.fetch",(c,t)=>{const{deflection:r={},deflectionPageSize:a=5,deflectionAccordion:o}=e.properties(),{params:k={}}=c,{contactCategory:u,guide:h,accordion:D}=k;return g.DataClient.getInstance(s).then(d=>d.fetch(g.DataType.ContactMethodCategories,{contactMethodCategoryId:u}).then(({contactMethods:l,categories:f})=>{var p;const b=Object.keys(r),C=b.length===1&&!u?b[0]:u;return(p=r[C])!=null&&p.length?d.fetch(g.DataType.Guides,{categories:r[C],take:a}).then(i=>o&&h&&D===e.node.name?n.fetchAccordionGuideIfMissing(i,d,{guide:h}):new Promise(q=>q(i))).then(({guides:i})=>t({guides:i,contactMethods:l,categories:f})):t({contactMethods:l,categories:f})}))})})).then(()=>{P()})};module.exports=v;

package/index.mjs

@@ -1,7 +1,78 @@
-import { X as i } from "./index-6a1b7325.mjs";
-import "react/jsx-runtime";
-import "react";
-import "react-dom";
+import { DataClient as D, DataType as p } from "@telia-ace/knowledge-data-client";
+import { updateForm as v, useForm as A, useExpand as I, fetchAccordionGuideIfMissing as S } from "@telia-ace/knowledge-widget-component-utilities";
+import { createEventSubscriber as k, extendComponent as x } from "@telia-ace/knowledge-widget-core";
+import { createReactComponent as E } from "@telia-ace/knowledge-widget-ui";
+const j = (s) => {
+  const { events: b } = s.get("$widget"), [y, C] = k(b);
+  return E(
+    s,
+    "contact-list",
+    import("./contact-list-300090b9.mjs"),
+    (t) => {
+      const c = (e) => {
+        t.writeProperties({
+          loading: !0,
+          contactMethods: [],
+          categories: []
+        }), t.actions.dispatch("fetch", { params: e });
+      };
+      t.actions.create("fetch", (e) => {
+        const { submitButtonLabel: r = "Submit" } = t.properties(), i = (e.contactMethods || []).map(
+          (o) => ({
+            ...o,
+            body: v(o, { submit: r })
+          })
+        );
+        return t.actions.dispatch("fetched", {
+          ...e,
+          contactMethods: i,
+          loading: !0
+        });
+      }), t.actions.create("fetched", (e) => t.writeProperties({
+        ...e,
+        guides: e.guides || [],
+        loading: !1
+      })), s.getAsync("router").then((e) => {
+        const { params: r } = e.getRouteData();
+        c(r);
+      }), y("router:changed", (e, { current: r }) => {
+        c(r.routeData.params);
+      }), A(s, t), I(t);
+    }
+  ).then(() => x(s, "contact-list", (t) => {
+    t.actions.watch("contact-list.fetch", (c, e) => {
+      const {
+        deflection: r = {},
+        deflectionPageSize: i = 5,
+        deflectionAccordion: o
+      } = t.properties(), { params: P = {} } = c, {
+        contactCategory: n,
+        guide: d,
+        accordion: w
+      } = P;
+      return D.getInstance(s).then(
+        (u) => u.fetch(p.ContactMethodCategories, {
+          contactMethodCategoryId: n
+        }).then(({ contactMethods: h, categories: g }) => {
+          var m;
+          const f = Object.keys(r), l = f.length === 1 && !n ? f[0] : n;
+          return (m = r[l]) != null && m.length ? u.fetch(p.Guides, {
+            categories: r[l],
+            take: i
+          }).then((a) => o && d && w === t.node.name ? S(
+            a,
+            u,
+            { guide: d }
+          ) : new Promise(
+            (M) => M(a)
+          )).then(({ guides: a }) => e({ guides: a, contactMethods: h, categories: g })) : e({ contactMethods: h, categories: g });
+        })
+      );
+    });
+  })).then(() => {
+    C();
+  });
+};
 export {
-  i as default
+  j as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-contact-list",
-  "version": "1.1.1-rc.1",
+  "version": "1.1.1-rc.3",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,14 +10,14 @@
     }
   },
   "dependencies": {
-    "@telia-ace/knowledge-widget-adapters": "^1.1.1-rc.1",
-    "@telia-ace/knowledge-widget-component-utilities": "^1.1.1-rc.1",
-    "@telia-ace/knowledge-widget-core": "^1.1.1-rc.1",
-    "@telia-ace/knowledge-widget-ui": "^1.1.1-rc.1",
-    "@telia-ace/widget-forms": "^1.1.1-rc.1",
-    "@telia-ace/widget-utilities": "^1.1.1-rc.1",
-    "@telia-ace/widget-types-grid": "^1.1.1-rc.1",
-    "@telia-ace/knowledge-data-client": "^1.1.1-rc.1",
+    "@telia-ace/knowledge-widget-adapters": "^1.1.1-rc.3",
+    "@telia-ace/knowledge-widget-component-utilities": "^1.1.1-rc.3",
+    "@telia-ace/knowledge-widget-core": "^1.1.1-rc.3",
+    "@telia-ace/knowledge-widget-ui": "^1.1.1-rc.3",
+    "@telia-ace/widget-forms": "^1.1.1-rc.3",
+    "@telia-ace/widget-utilities": "^1.1.1-rc.3",
+    "@telia-ace/widget-types-grid": "^1.1.1-rc.3",
+    "@telia-ace/knowledge-data-client": "^1.1.1-rc.3",
     "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {

package/contact-list-ab646287.js

@@ -1,188 +0,0 @@
-"use strict";const d=require("react/jsx-runtime"),t=require("./index-0264775f.js"),m=require("react");require("react-dom");function*B(e){if(e)for(let n=0;n<e.length;n++){const o=e[n];yield o,o.items&&(yield*B(o.items))}}const Y=(e,n)=>{const o=B(n);let s=o.next(),r=null;for(;!s.done;)s.value.id===e&&(r=s.value),s=o.next();return r},k=(e,n)=>({id:e.id,type:e.type,name:e.name,branch:n||"default"}),Q=e=>e==="entering"||e==="entered",J=e=>e==="exiting"||e==="exited",T={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);"}},Z=["slide-up","slide-down","slide-left","slide-right","scale"],O={compose:(e="exited",n)=>{const{enter:o,exit:s}=n,r=o.transitionKeys.split(" "),i=Z.indexOf(r[0])>-1?"transform":"opacity";if(Q(e))return r&&r.length>0?t.css`
-                    ${r&&r.length>0&&r.map(l=>T[l]?T[l].in:"")}
-                    transition: ${i} ${o.duration}ms ${o.easing};
-                `:"";const a=r&&r.length>0&&t.css`
-                ${r.map(l=>T[l]?T[l].out:"")}
-            `;if(J(e)){const l=s.transitionKeys.split(" ");return l&&l.length>0&&e==="exiting"?t.css`
-                    ${a};
-                    ${l.map(c=>T[c]?T[c].out:"")}
-                    transition: ${i} ${s.duration}ms ${s.easing};
-                `:a}},composeViewTransition:(e,n,o)=>{if(n==="slide")return O.compose(e,{enter:{transitionKeys:o==="forth"?"slide-right":"slide-left",duration:500},exit:{transitionKeys:o==="forth"?"slide-left":"slide-right",duration:500}});if(n==="fade")return O.compose(e,{enter:{transitionKeys:"fade",duration:500},exit:{transitionKeys:"fade",duration:500}})},get:e=>T[e]},U=(e,n)=>e.get("seoConfiguration")?d.jsx(t.Empty,{...n}):null;function ee(e){if(e===void 0)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function F(e,n){var o=function(i){return n&&m.isValidElement(i)?n(i):i},s=Object.create(null);return e&&m.Children.map(e,function(r){return r}).forEach(function(r){s[r.key]=o(r)}),s}function te(e,n){e=e||{},n=n||{};function o(f){return f in n?n[f]:e[f]}var s=Object.create(null),r=[];for(var i in e)i in n?r.length&&(s[i]=r,r=[]):r.push(i);var a,l={};for(var c in n){if(s[c])for(a=0;a<s[c].length;a++){var u=s[c][a];l[s[c][a]]=o(u)}l[c]=o(c)}for(a=0;a<r.length;a++)l[r[a]]=o(r[a]);return l}function L(e,n,o){return o[n]!=null?o[n]:e.props[n]}function ne(e,n){return F(e.children,function(o){return m.cloneElement(o,{onExited:n.bind(null,o),in:!0,appear:L(o,"appear",e),enter:L(o,"enter",e),exit:L(o,"exit",e)})})}function oe(e,n,o){var s=F(e.children),r=te(n,s);return Object.keys(r).forEach(function(i){var a=r[i];if(m.isValidElement(a)){var l=i in n,c=i in s,u=n[i],f=m.isValidElement(u)&&!u.props.in;c&&(!l||f)?r[i]=m.cloneElement(a,{onExited:o.bind(null,a),in:!0,exit:L(a,"exit",e),enter:L(a,"enter",e)}):!c&&l&&!f?r[i]=m.cloneElement(a,{in:!1}):c&&l&&m.isValidElement(u)&&(r[i]=m.cloneElement(a,{onExited:o.bind(null,a),in:u.props.in,exit:L(a,"exit",e),enter:L(a,"enter",e)}))}}),r}var re=Object.values||function(e){return Object.keys(e).map(function(n){return e[n]})},se={component:"div",childFactory:function(n){return n}},_=function(e){t._inheritsLoose(n,e);function n(s,r){var i;i=e.call(this,s,r)||this;var a=i.handleExited.bind(ee(i));return i.state={contextValue:{isMounting:!0},handleExited:a,firstRender:!0},i}var o=n.prototype;return o.componentDidMount=function(){this.mounted=!0,this.setState({contextValue:{isMounting:!1}})},o.componentWillUnmount=function(){this.mounted=!1},n.getDerivedStateFromProps=function(r,i){var a=i.children,l=i.handleExited,c=i.firstRender;return{children:c?ne(r,l):oe(r,a,l),firstRender:!1}},o.handleExited=function(r,i){var a=F(this.props.children);r.key in a||(r.props.onExited&&r.props.onExited(i),this.mounted&&this.setState(function(l){var c=t._extends({},l.children);return delete c[r.key],{children:c}}))},o.render=function(){var r=this.props,i=r.component,a=r.childFactory,l=t._objectWithoutPropertiesLoose(r,["component","childFactory"]),c=this.state.contextValue,u=re(this.state.children).map(a);return delete l.appear,delete l.enter,delete l.exit,i===null?m.createElement(t.TransitionGroupContext.Provider,{value:c},u):m.createElement(t.TransitionGroupContext.Provider,{value:c},m.createElement(i,l,u))},n}(m.Component);_.propTypes=process.env.NODE_ENV!=="production"?{component:t.PropTypes.any,children:t.PropTypes.node,appear:t.PropTypes.bool,enter:t.PropTypes.bool,exit:t.PropTypes.bool,childFactory:t.PropTypes.func}:{};_.defaultProps=se;const ie=_,D=()=>m.useContext(t.ComponentNodeContext),ae=()=>{const e=t.useComponentNode(),n=t.useComponentPlatform(),[o,s]=m.useState([]),r=t.useIsMounted(),i=m.useCallback(a=>{if(n&&r.current&&a){const l=n.getBranch(a),c=a.getChildren(l).map(u=>k(u));s(c)}},[r,n,s,e]);return m.useEffect(()=>{e&&i(e)},[e,n]),m.useEffect(()=>{if(n){const[a,l]=t.createEventSubscriber(n.events);return a("components:set-layout",(c,u)=>{(e===u.node.parent||u.node.parent===n.nodes.root)&&i(u.node.parent)}),a("components:node-appended",(c,u)=>{(e===u.node.parent||u.node.parent===n.nodes.root)&&i(u.node.parent)}),a("components:node-removed",(c,{parentNode:u})=>{(u===e||u===n.nodes.root)&&i(u)}),()=>{l()}}},[e,n,i]),o},ce=()=>m.useContext(t.ColumnContext),q=(e,n)=>{const o=D(),s=t.useContainer(),[r,i]=m.useState(void 0),a=t.useIsMounted(),l=e||o.type||"";return m.useEffect(()=>{if(l){let c;return(n||s).getAsync("componentResolver").then(u=>{if(a.current){const f=u.getComponent(l);i(f)}c=u.registerResolver(l,f=>{a.current&&i(f)})}),()=>{c&&c()}}},[a,l,n,s]),r},H=()=>{const e=t.useComponentPlatform(),n=D(),[o,s]=m.useState([]),[r,i]=m.useState();return m.useEffect(()=>{if(e&&n){const a=new t.ComponentQuery(e).withId(n.id),l=e.actions(a,n.type||t.uuid());i(l),o!==null&&(o.forEach(c=>{l.dispatch(c.key,c.data).then(u=>c.resolve(u)).catch(u=>c.reject(u))}),s(null))}},[e,n.id]),(a,l)=>o!==null?new Promise((c,u)=>{o.push({key:a,data:l,resolve:c,reject:u})}):r.dispatch(a,l)},le=e=>{const n=t.useComponentNode(e),o=t.useComponentPlatform(),[s,r]=m.useState({}),i=t.useIsMounted();return m.useEffect(()=>{n&&i.current&&r(n.attributes.layout)},[n,i]),m.useEffect(()=>{if(o){const a=o.events.subscribe("components:layout-changed",(l,c)=>{n===c.node&&i.current&&r(c.node.attributes.layout)});return()=>{a()}}},[o,i,n]),s},G=()=>m.useContext(t.ComponentPropertyContext);t.newStyled(t.Paragraph)`
-    ${e=>{var n;return t.headingElement(e)("h1",t.css`
-                font-weight: normal;
-                font-size: ${(n=e.theme.fonts)==null?void 0:n.medium};
-            `)}}
-`;const de=t.newStyled(t.Html)`
-    ${t.genericHtml}
-    font-weight: 300;
-    line-height: 1.5em;
-    button:focus-visible {
-        ${t.borderTabStyle};
-    }
-
-    a:focus-visible {
-        ${t.linkTabStyle};
-    }
-`,ue=e=>{const n=q(e.clientName),{params:{contactCategory:o,guideCategory:s,phrase:r}}=t.useRouteData();if(typeof n>"u")return null;if(n===null)return process.env.NODE_ENV!=="production"?d.jsx(fe,{title:`client-name: ${e.clientName}, id: ${e.id}`,className:"humany-non-resolved-contact-method",children:d.jsx(t.Typography,{variant:"h5",children:"Non resolved Contact Method type"})}):null;const i=(a={})=>{const l={...e,...a},{id:c,title:u,clientName:f,symbol:p,inline:E,onClick:v=()=>{},description:b,htmlParseInstruction:g,className:x,disabled:S,guideId:j,dispatch:w=()=>{},expanded:y}=l,C=E?{onKeyDown:h=>{h.key&&h.key==="Enter"&&(v(h,l),h.defaultPrevented||!y&&w("expand",c))},onClick:h=>{v(h,l),h.defaultPrevented||!y&&w("expand",c)}}:{onClick:h=>v(h,l),routeName:"contact-method",params:t.createParams({contactCategory:o,guideId:j,guideCategory:s,phrase:r,contactMethod:c,uriName:t.formatUrl(u)})};return d.jsxs(me,{title:u,"aria-label":u,className:x,disabled:S,description:b,"data-client-name":f,...a,...C,children:[p&&d.jsx(t.SymbolBadge,{symbol:p}),b?d.jsxs("div",{className:"humany-contact-link-rich-content",children:[d.jsx(A,{children:u}),d.jsx(de,{html:b,htmlParseInstruction:g})]}):d.jsx(A,{children:u})]})};return e.expanded?d.jsx(m.Suspense,{fallback:null,children:d.jsx(n,{...e,renderDefault:i})}):i()},K=e=>{var n,o,s,r,i,a,l,c;return t.css`
-  display: flex;
-  padding: ${(n=e.theme.sizes)==null?void 0:n.large};
-  ${e.description?"":"align-items: center;"}
-  text-decoration: none;
-  span {
-    display: inline-block;
-    color: ${(o=e.theme.colors)==null?void 0:o.text};
-  }
-  i {
-    font-size: ${(s=e.theme.fonts)==null?void 0:s.large};
-    margin: 0 ${(r=e.theme.sizes)==null?void 0:r.large} 0 0;
-    min-height: ${(i=e.theme.fonts)==null?void 0:i.large};
-    min-width: ${(a=e.theme.fonts)==null?void 0:a.large};
-    line-height: ${(l=e.theme.fonts)==null?void 0:l.large};
-    display: inline-block;
-    vertical-align: bottom;
-    color: ${(c=e.theme.colors)==null?void 0:c.text};
-  }
-`},A=t.newStyled(t.StyledText)`
-  line-height: ${e=>{var n;return(n=e.theme.fonts)==null?void 0:n.large}};
-`,me=t.newStyled(t.Link)`
-  ${e=>K(e)}
-
-  &:focus-visible {
-    ${t.borderTabStyle};
-  }
-`,fe=t.newStyled.div`
-  text-align: center;
-  display: block;
-  ${e=>{var n,o;return typeof((n=e.theme.colors)==null?void 0:n.warning)<"u"&&`color: ${(o=e.theme.colors)==null?void 0:o.warning};`}}
-`,W=e=>{var n,o,s;return t.css`
-    ${t.itemList(e)}
-
-    > div {
-        padding: ${(n=e.theme.sizes)==null?void 0:n.large};
-
-        ${t.headingElement(e)("h1",t.css`
-                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: ${(o=e.theme.sizes)==null?void 0:o.large};
-            }
-        }
-    }
-
-    @media (hover: hover) {
-        a:hover {
-            background-color: ${(s=e.theme.colors)==null?void 0:s.accent};
-        }
-    }
-`},pe=t.newStyled(t.ItemList)`
-    ${e=>W(e)}
-`,he=({contactMethods:e,children:n,guideId:o,dispatch:s,className:r="",itemRenderer:i,action:a=()=>{},header:l=""})=>e.length?d.jsx(pe,{header:l,className:t.appendClassNames(r,"humany-contact-list"),items:e,renderItem:i?c=>d.jsx("li",{"data-contact-method":c.id,children:i(c,{action:a,dispatch:s,guideId:o})},c.id):c=>d.jsx("li",{"data-contact-method":c.id,children:d.jsx(ue,{...c,action:a,dispatch:s,guideId:o})},c.id),children:n}):null;var z=(e=>(e.back="back",e.forth="forth",e))(z||{});const ye=(e,n,o)=>typeof o[e]=="number"&&typeof o[n]=="number"&&o[e]>o[n]?"back":"forth",X=({views:e,location:n,render:o})=>d.jsx(t.Switch,{location:n&&{...n,pathname:n.pathname.split("?")[0]},children:[...Object.keys(e).filter(s=>!!e[s].path),...Object.keys(e).filter(s=>!e[s].path)].map(s=>{const{path:r}=e[s];return r?Array.isArray(r)?r.map(i=>d.jsx(t.Route,{exact:!0,path:i,render:()=>o(s)},s)):d.jsx(t.Route,{exact:!0,path:r,render:()=>o(s)},s):d.jsx(t.Route,{render:()=>o(s)},s)})}),ge=t.newStyled.div`
-  position: relative;
-  width: 100%;
-  flex: 1;
-`,xe=t.newStyled(t.Grid)`
-  position: absolute;
-  left: 0;
-  right: 0;
-  ${e=>!!e.animationCss&&e.animationCss}
-  ${e=>!!e.scrollableCss&&e.scrollableCss}
-`,be={index:1,search:2,browse:3,guide:4,contact:5,"contact-method":6,conversation:7},Ce=({className:e="",...n})=>{const[o,s]=m.useState("index"),[r,i]=m.useState(z.forth),a=t.useRouteData(),l=t.useRouter(),c=G(),u=t.useContext(),f=t.useContainer(),p=t.useComponentNode(),{gap:E="0"}=u,{columns:v=1,animation:b="none",scrollable:g=!1,...x}=c,[S,j]=t.useScroll(g);if(!p||!l)return null;const{location:w}=l;a.name!==o&&a.name!==""&&b&&(i(ye(o,a.name,be)),s(a.name));const{views:y}=f.get("$settings");if(!Object.keys(y).length)return null;const C=($,P,R)=>{const N=h(P,R),M=p.getChildren($)[0];return d.jsx(xe,{...n,...x,scrollableCss:S,ref:j,columns:v,gap:E,...N,className:t.appendClassNames(e,"humany-view"),children:d.jsx(I,{id:M.id,branch:"default"})})},h=($,P)=>{if(b==="slide"||b==="fade")return{animationCss:O.composeViewTransition($,b,P),"data-state":$}};return d.jsx(ge,{className:"humany-animated-view",children:d.jsx(ie,{component:null,childFactory:$=>m.cloneElement($,{direction:r}),children:d.jsx(t.Transition,{timeout:{enter:500,exit:500},onEnter:$=>$==null?void 0:$.clientHeight,unmountOnExit:!0,direction:z.forth,children:($,{direction:P})=>d.jsx(X,{views:y,location:w,render:R=>C(R,$,P)})},o)})})},ve=t.newStyled(t.Grid)`
-    ${e=>!!e.scrollableCss&&e.scrollableCss}
-`,$e=({className:e="",...n})=>{const o=G(),s=t.useContext(),r=t.useContainer(),i=t.useComponentNode(),{views:a}=r.get("$settings"),{gap:l="0"}=s,{columns:c=1,animation:u="none",scrollable:f=!1,...p}=o,[E,v]=t.useScroll(f);return i?d.jsx(ve,{...n,...p,scrollableCss:E,ref:v,columns:c,gap:l,className:t.appendClassNames(e,"humany-view"),children:d.jsx(X,{views:a,render:b=>{const g=i.getChildren(b)[0];return d.jsx(I,{id:g.id,node:g,branch:"default"})}})}):null},V=e=>{var n,o;return t.css`
-    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"]}`};
-
-    ${((n=e.theme.fonts)==null?void 0:n.type)&&`
-    font-family: ${e.theme.fonts.type};
-
-    input, textarea {
-      font-family: ${e.theme.fonts.type};
-    }
-  `}
-
-    ${((o=e.theme.fonts)==null?void 0:o.base)&&`
-    font-size: ${e.theme.fonts.base};
-  `}
-
-  &:focus-visible {
-        ${t.paddedBorderTabStyle(e)};
-    }
-`},Se=t.newStyled($e)`
-    ${e=>V(e)}
-`,je=t.newStyled(Ce)`
-    ${e=>V(e)}
-`,we=t.newStyled.div`
-    text-align: center;
-    ${e=>{var n,o,s;return typeof((n=e.theme.colors)==null?void 0:n.warning)<"u"&&t.css`
-            color: ${(o=e.theme.colors)==null?void 0:o.warning};
-            border: 2px dashed ${(s=e.theme.colors)==null?void 0:s.warning};
-        `}}
-    ${e=>typeof e.theme.borderRadius<"u"&&`border-radius: ${e.theme.borderRadius};`}
-  ${e=>V(e)}
-`,Ee=m.forwardRef(({className:e="",children:n,...o},s)=>{const r=q(),{name:i,type:a,id:l}=D(),c=m.useMemo(()=>r?t.newStyled(r)`
-                    ${V}
-                    ${t.filterCssPropsStyle}
-                `:null,[r]);return typeof r>"u"?null:r===null||c===null?process.env.NODE_ENV!=="production"?d.jsx(we,{...o,title:`type: ${a}, definition-id: ${i}, instance-id: ${l}`,className:t.appendClassNames(e,"humany-non-resolved-component"),children:d.jsx(t.Typography,{variant:"h5",children:"Non Resolved Component Type"})}):null:d.jsx(m.Suspense,{fallback:null,children:d.jsx(c,{ref:s,...o,className:t.appendClassNames(e,"humany-component",`humany-component-${i}`),children:n})})}),Ne=e=>{const n=t.useComponentNode(e),o=t.useComponentPlatform(),[s,r]=m.useState({}),i=t.useIsMounted();return m.useEffect(()=>{n&&i.current&&r(n.attributes.properties)},[n,e,i]),m.useEffect(()=>{if(o){const a=o.events.subscribe("components:properties-changed",(l,c)=>{n===c.node&&i.current&&r(c.node.attributes.properties)});return()=>{a()}}},[o,i,e,n]),s},Pe=(e,n)=>n?!0:typeof e=="string"?e==="full":e>0,I=m.forwardRef(({className:e="",id:n,branch:o,node:s,ariaLabel:r,tabIndex:i,context:a,...l},c)=>{const u=t.useComponentPlatform(),f=t.useContainer(),[p,E]=m.useState(),v=ce(),b=t.useContext(n),g=Ne(n),{size:x="none",indent:S=0}=le(n),j=Pe(x,s);if(m.useEffect(()=>{if(u){if(n&&!s){const N=u.nodes.get(n);if(N&&(E(k(N,o)),j)){const M=N.mount(f);return()=>{M()}}}else if(s){E(k(s,o));const N=s.mount(f);return()=>{N()}}}},[u,n,s,j]),!p||!j)return null;const w={...b,...a||{}},{cardinal:y,fonts:C={},accessibility:h={},...$}=w,P={type:C.type,base:C.base||"16px",small:C.small||"0.8em",normal:C.normal||"1em",medium:C.medium||"1.2em",large:C.large||"1.6em",huge:C.huge||"2.5em"},R={...$,fonts:P,accessibility:{...h}};return typeof y=="number"&&(R.sizes={cardinal:y,small:`${y}px`,normal:`${y*3}px`,medium:`${y*5}px`,large:`${y*8}px`}),d.jsx(t.ThemeProvider,{theme:R,children:d.jsx(t.ComponentNodeContext.Provider,{value:p,children:d.jsx(t.ComponentPropertyContext.Provider,{value:g,children:(()=>{const N={"data-width":x==="full"?v:Math.min(x,v),"data-indent":S,"data-name":p.name,"data-node-id":p.id,"data-component-type":p.type,"aria-label":r,tabIndex:i,id:p.id,role:g&&g.role,...l};switch(p.type){case"view":return typeof g.animation=="string"&&g.animation!=="none"?d.jsx(je,{...N,className:e}):d.jsx(Se,{...N,className:e});default:{const M=t.filterCssProps(g);return d.jsx(Ee,{ref:c,...N,...M,className:e})}}})()})})})});m.lazy(()=>Promise.resolve().then(()=>require("./detached-component-61ba6bf4.js")));const Te=({className:e,guides:n,header:o,accordion:s,loading:r,route:i="guide",categoryTitle:a,...l})=>{const{name:c,params:{contactCategory:u=0,guide:f}}=t.useRouteData(),{name:p}=D(),E=t.useContainer(),v=ae(),b=H(),g=m.useCallback((x,S,j,w)=>{const{id:y,title:C}=x;return s&&f===y?d.jsx(t.AccordionListItem,{id:y,title:C,route:c,collapseUri:a&&t.formatUrl(a),children:v.map(h=>d.jsx(I,{id:h.id,branch:"default",accordion:s},h.id))},y):w?w(x,S,j,w):null},[s,v,f]);return!n.length&&!r?U(E,{...l,className:t.appendClassNames(e,"humany-deflection-list")}):d.jsx(Le,{...l,"data-loading":r,className:t.appendClassNames(e,"humany-deflection-list"),items:n,header:o,expandable:!!s,renderItem:g,dispatch:b,routing:{guide:i},paramMappers:{guide:({id:x,title:S})=>t.createParams({contactCategory:u,guide:x,accordion:s?p:void 0,uriName:t.formatUrl(S)})},children:d.jsx(t.Loader,{loading:r})})},Le=t.newStyled(t.GuideList)`
-  ${t.contentBox}
-  ${t.loadingOpacity}
-`,Re=t.newStyled(he)`
-  ${t.loadingOpacity}
-  ${t.contentBox}
-`,Me=t.newStyled(t.ItemList)`
-  ${e=>t.loadingOpacity(e)}
-  ${t.contentBox}
-  ${W}
-
-  && {
-    i {
-      font-size: 25px;
-      width: 1.28571429em;
-      text-align: center;
-    }
-  }
-`,De=t.newStyled(t.Link)`
-  &:focus-visible {
-    ${t.borderTabStyle};
-  }
-
-  ${K}
-`,Ve=t.newStyled.div`
-  display: flex;
-  flex-direction: column;
-  gap: ${e=>{var n;return(n=e.theme.sizes)==null?void 0:n.normal}};
-`,Ie=t.newStyled(t.StyledText)`
-  font-weight: bold;
-`,ke=({className:e,...n})=>{const o=H(),s=t.useContainer(),r=t.useRouteData(),{deflectionHeader:i="",routes:a={},contactMethods:l=[],categories:c=[],guides:u=[],deflectionAccordion:f=!1,loading:p=!1}=G(),{contactCategory:E,guide:v="guide"}=a;if(!c.length&&!l.length&&!p)return U(s,{...n,className:t.appendClassNames(e,"humany-contact-category-list")});const{name:b,params:{contactCategory:g}}=r,x=Y(g,c);return l.length?d.jsxs(d.Fragment,{children:[d.jsx(Te,{className:e,guides:u,categoryTitle:x&&x.title,header:i,route:v,accordion:f,loading:p}),d.jsx(Re,{"data-loading":p,className:e,contactMethods:l,dispatch:o,children:d.jsx(t.Loader,{loading:p})})]}):d.jsx(Me,{...n,"data-loading":p,className:t.appendClassNames(e,"humany-contact-category-list"),items:x&&x.items||c,renderItem:({id:S,title:j,symbol:w,matches:y,items:C,description:h})=>y||C&&C.length?d.jsx("li",{"data-contact-category":S,children:d.jsxs(De,{routeName:E||b,params:t.createParams({contactCategory:S,uriName:t.formatUrl(j)}),children:[w&&d.jsx(t.SymbolBadge,{symbol:w}),h!=null&&h.length?d.jsxs(Ve,{children:[d.jsx(Ie,{children:j}),d.jsx(t.StyledText,{children:h})]}):d.jsx(t.StyledText,{children:j})]})},S):null,children:d.jsx(t.Loader,{loading:p})})},Oe=Object.freeze(Object.defineProperty({__proto__:null,default:ke},Symbol.toStringTag,{value:"Module"}));exports.Component=I;exports.contactList=Oe;