@telia-ace/knowledge-widget-bot-provider 0.0.24 → 1.1.1-rc.0

package/notification-list-876b3f3d.js

@@ -0,0 +1,546 @@
+"use strict";const r=require("react/jsx-runtime"),o=require("./index-07363705.js"),y=require("react");require("react-dom");function C(e={}){const{phrase:t="",category:i,guideCategory:s,contactCategory:n,take:l,connectionKey:m,accordion:f,id:c,uriName:u,sorting:h,tag:d,tagId:g,tagTitle:x,...v}=e,a={};return Object.keys(v).forEach($=>{typeof e[$]=="string"&&(a[$]=e[$])}),typeof t=="string"&&t.length&&(a.phrase=t),t===null&&(a.phrase=t),typeof s=="string"&&s!=="0"&&(a.guideCategory=s),typeof s=="number"&&s!==0&&(a.guideCategory=s),typeof s=="object"&&s!==null&&(typeof s.id=="string"&&s.id!=="0"&&(a.guideCategory=s.id),typeof s.id=="number"&&s.id!==0&&(a.guideCategory=s.id)),typeof n=="string"&&n!=="0"&&(a.contactCategory=n),typeof n=="number"&&n!==0&&(a.contactCategory=n),typeof n=="object"&&n!==null&&(typeof n.id=="string"&&n.id!=="0"&&(a.contactCategory=n.id),typeof n.id=="number"&&n.id!==0&&(a.contactCategory=n.id)),typeof i=="string"&&i!=="0"&&(a.category=i),typeof i=="number"&&i!==0&&(a.category=i),typeof i=="object"&&i!==null&&(typeof i.id=="string"&&i.id!=="0"&&(a.category=i.id),typeof i.id=="number"&&i.id!==0&&(a.category=i.id)),c&&(a.id=c),u&&(+a.category||+a.guideCategory||+a.guide||+a.contactCategory||+a.contactMethod)&&(a.uriName=u),m&&(a.connectionKey=m),l&&(a.take=l),h&&(a.sorting=h),typeof f=="string"&&f.length>0&&(a.accordion=f),typeof d=="string"&&d!=="0"&&(a.tag=d),typeof d=="number"&&d!==0&&(a.tag=d),Array.isArray(d)&&d.length&&(a.tag=d),(typeof g=="string"||typeof g=="number")&&(a.tagId=g),typeof x=="string"&&(a.tagTitle=x),typeof a.tag=="string"&&(a.tag=a.tag.split(",")),a}const M=e=>{if(!e)return"";const t=[{from:/[äæǽ]+/gi,to:"ae"},{from:/[öœ]+/gi,to:"oe"},{from:/[ü]+/gi,to:"ue"},{from:/[Ä]+/gi,to:"Ae"},{from:/[Ü]+/gi,to:"Ue"},{from:/[Ö]+/gi,to:"Oe"},{from:/[ÀÁÂÃÄÅǺĀĂĄǍΑΆẢẠẦẪẨẬẰẮẴẲẶА]+/gi,to:"A"},{from:/[àáâãåǻāăąǎªαάảạầấẫẩậằắẵẳặа]+/gi,to:"a"},{from:/[Б]+/gi,to:"B"},{from:/[б]+/gi,to:"b"},{from:/[ÇĆĈĊČ]+/gi,to:"C"},{from:/[çćĉċč]+/gi,to:"c"},{from:/[Д]+/gi,to:"D"},{from:/[д]+/gi,to:"d"},{from:/[ÐĎĐΔ]+/gi,to:"Dj"},{from:/[ðďđδ]+/gi,to:"dj"},{from:/[ÈÉÊËĒĔĖĘĚΕΈẼẺẸỀẾỄỂỆЕЭ]+/gi,to:"E"},{from:/[èéêëēĕėęěέεẽẻẹềếễểệеэ]+/gi,to:"e"},{from:/[Ф]+/gi,to:"F"},{from:/[ф]+/gi,to:"f"},{from:/[ĜĞĠĢΓГҐ]+/gi,to:"G"},{from:/[ĝğġģγгґ]+/gi,to:"g"},{from:/[ĤĦ]+/gi,to:"H"},{from:/[ĥħ]+/gi,to:"h"},{from:/[ÌÍÎÏĨĪĬǏĮİΗΉΊΙΪỈỊИЫ]+/gi,to:"I"},{from:/[ìíîïĩīĭǐįıηήίιϊỉịиыї]+/gi,to:"i"},{from:/[Ĵ]+/gi,to:"J"},{from:/[ĵ]+/gi,to:"j"},{from:/[ĶΚК]+/gi,to:"K"},{from:/[ķκк]+/gi,to:"k"},{from:/[ĹĻĽĿŁΛЛ]+/gi,to:"L"},{from:/[ĺļľŀłλл]+/gi,to:"l"},{from:/[М]+/gi,to:"M"},{from:/[м]+/gi,to:"m"},{from:/[ÑŃŅŇΝН]+/gi,to:"N"},{from:/[ñńņňʼnνн]+/gi,to:"n"},{from:/[ÒÓÔÕŌŎǑŐƠØǾΟΌΩΏỎỌỒỐỖỔỘỜỚỠỞỢО]+/gi,to:"O"},{from:/[òóôõōŏǒőơøǿºοόωώỏọồốỗổộờớỡởợо]+/gi,to:"o"},{from:/[П]+/gi,to:"P"},{from:/[п]+/gi,to:"p"},{from:/[ŔŖŘΡР]+/gi,to:"R"},{from:/[ŕŗřρр]+/gi,to:"r"},{from:/[ŚŜŞȘŠΣС]+/gi,to:"S"},{from:/[śŝşșšſσςс]+/gi,to:"s"},{from:/[ȚŢŤŦτТ]+/gi,to:"T"},{from:/[țţťŧт]+/gi,to:"t"},{from:/[ÙÚÛŨŪŬŮŰŲƯǓǕǗǙǛŨỦỤỪỨỮỬỰУ]+/gi,to:"U"},{from:/[ùúûũūŭůűųưǔǖǘǚǜυύϋủụừứữửựу]+/gi,to:"u"},{from:/[ÝŸŶΥΎΫỲỸỶỴЙ]+/gi,to:"Y"},{from:/[ýÿŷỳỹỷỵй]+/gi,to:"y"},{from:/[В]+/gi,to:"V"},{from:/[в]+/gi,to:"v"},{from:/[Ŵ]+/gi,to:"W"},{from:/[ŵ]+/gi,to:"w"},{from:/[ŹŻŽΖЗ]+/gi,to:"Z"},{from:/[źżžζз]+/gi,to:"z"},{from:/[ÆǼ]+/gi,to:"AE"},{from:/[ß]+/gi,to:"ss"},{from:/[IJ]+/gi,to:"IJ"},{from:/[ij]+/gi,to:"ij"},{from:/[Œ]+/gi,to:"OE"},{from:/[ƒ]+/gi,to:"f"},{from:/[ξ]+/gi,to:"ks"},{from:/[π]+/gi,to:"p"},{from:/[β]+/gi,to:"v"},{from:/[μ]+/gi,to:"m"},{from:/[ψ]+/gi,to:"ps"},{from:/[Ё]+/gi,to:"Yo"},{from:/[ё]+/gi,to:"yo"},{from:/[Є]+/gi,to:"Ye"},{from:/[є]+/gi,to:"ye"},{from:/[Ї]+/gi,to:"Yi"},{from:/[Ж]+/gi,to:"Zh"},{from:/[ж]+/gi,to:"zh"},{from:/[Х]+/gi,to:"Kh"},{from:/[х]+/gi,to:"kh"},{from:/[Ц]+/gi,to:"Ts"},{from:/[ц]+/gi,to:"ts"},{from:/[Ч]+/gi,to:"Ch"},{from:/[ч]+/gi,to:"ch"},{from:/[Ш]+/gi,to:"Sh"},{from:/[ш]+/gi,to:"sh"},{from:/[Щ]+/gi,to:"Shch"},{from:/[щ]+/gi,to:"shch"},{from:/[ЪъЬь]+/gi,to:""},{from:/[Ю]+/gi,to:"Yu"},{from:/[ю]+/gi,to:"yu"},{from:/[Я]+/gi,to:"Ya"},{from:/[я]+/gi,to:"ya"}],i=/[^a-zA-Z0-9]+/g,s=/[-]$/;let n=e;for(const l in t)t.hasOwnProperty(l)&&t[l].from.test(e)&&(n=n.replace(t[l].from,t[l].to));return n=n.replace(i,"-"),n=n.replace(s,""),n=n.toLowerCase(),n||"humany"},le=(e,t)=>{if(!e||!t)return!0;let i=t.parentNode,s=!1;for(;i!==null;)i===e&&(s=!0),i=i.parentNode;return s},L=(e={})=>(Object.keys(e).forEach(t=>{(e[t]===null||typeof e[t]>"u")&&delete e[t]}),e),me=()=>{const[e,t]=y.useState(!1);return y.useEffect(()=>{const i=()=>{t(!1)},s=n=>{n.keyCode===9&&t(!0)};return window.addEventListener("keydown",s),window.addEventListener("click",i),()=>{window.removeEventListener("keydown",s),window.removeEventListener("click",i)}},[]),e},Y=e=>{const t=o.useContainer(),i=o.useRouter(),[s,n]=y.useState({name:"",params:{}}),l=o.useIsMounted();return y.useEffect(()=>{const m=(e||t).get("$widget");if(!m)return;const{events:f}=m;return f.subscribe("router:change",(u,{next:{routeData:h}})=>{if(l.current){const{name:d,params:g}=h;L(g),n({name:d,params:g})}})},[l,e,t]),y.useEffect(()=>{if(i&&i.history&&l.current){const m=i.getRouteData(),{name:f,params:c}=m;L(c),n({name:f,params:c})}},[i,l]),s};var B=(e=>(e.HH_MM="hh:mm",e.YYYY_MM_DD="yyyy-mm-dd",e.YYYY_MM_DD_HH_MM="yyyy-mm-dd hh:mm",e))(B||{});const q=({className:e="",format:t="hh:mm",timestamp:i})=>r.jsx("span",{className:o.appendClassNames(e,"humany-timestamp"),children:de(i,t)}),R=e=>`0${e}`.slice(-2);function de(e,t){const i=new Date(e),s=i.toTimeString().split(" ")[0].split(":"),n=s.length>1?`${s[0]}:${s[1]}`:s[0],l=i.getFullYear(),m=i.getMonth()+1,f=i.getDate(),c=`${l}-${R(m)}-${R(f)}`;return t==="yyyy-mm-dd"?c:t==="hh:mm"?n:`${c} ${n}`}const ce=({title:e="",className:t,id:i,parent:s,connection:n,type:l,target:m,href:f,children:c,connectionKey:u})=>{const h={},{name:d,params:g}=Y();switch(l){case"default":case"guide":const{id:x,title:v}=s;let a=u||n;x!==i&&!u&&(a=void 0),h.routeName=d,h.params=C({...g,guide:i,connection:a,uriName:M(i===x?v:e)});break;case"link":h.href=f,h.target=m;break}return r.jsx(o.Link,{className:o.appendClassNames(t,"humany-dialog-link"),...h,children:c||r.jsxs(r.Fragment,{children:[l==="link"&&r.jsx(o.Icon,{faIcon:"link"}),r.jsx("span",{children:e})]})})};y.forwardRef(({className:e,dialog:t,...i},s)=>t.length?r.jsx(fe,{className:o.appendClassNames(e,"humany-dialog"),items:t,renderItem:n=>r.jsx("li",{"data-dialog":n.connection,children:r.jsx(ce,{...n})},n.connection),...i,ref:s}):null);const fe=o.newStyled(o.List)`
+  ${o.list}
+  a {
+    min-width: 150px;
+    max-width: 400px;
+    display: block;
+    white-space: normal;
+    ${e=>{var t,i;return((t=e.theme.colors)==null?void 0:t.primary)&&o.invertedHoverButton({primaryColor:(i=e.theme.colors)==null?void 0:i.primary,secondaryColor:"#FFFFFF",theme:e.theme})}}
+  }
+
+  i {
+    margin: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} 0 0;
+  }
+`;o.newStyled(o.ItemList)`
+    ${o.itemList}
+    font-family: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.type}};
+    padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
+    > ul > li {
+        overflow: visible;
+        font-weight: 300;
+        font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+    }
+`;o.newStyled.div`
+    background: #fff;
+    border: #ccc 1px solid;
+    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
+    font-family: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.type}};
+    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+`;o.newStyled.div`
+    padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
+    padding-bottom: 0;
+    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+    font-weight: normal;
+    white-space: nowrap;
+    display: flex;
+    align-items: center;
+
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+        margin: 0;
+        font-weight: normal;
+        padding-bottom: 0;
+    }
+
+    svg,
+    i {
+        margin-right: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}};
+    }
+`;o.newStyled(o.List)`
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} 0;
+
+    li {
+        background: #fff;
+
+        a {
+            display: block;
+            font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.small}};
+            padding: ${e=>{var t,i;return`${(t=e.theme.sizes)==null?void 0:t.small} ${(i=e.theme.sizes)==null?void 0:i.normal}`}};
+            cursor: pointer;
+            color: #555;
+            text-decoration: none;
+
+            &:hover {
+                background: #f9f9f9;
+                color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+            }
+        }
+    }
+`;o.newStyled(o.ItemList)`
+    ${o.itemList}
+    font-family: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.type}};
+    > div {
+        ${e=>{var t;return o.headingElement(e)("> h1",o.css`
+                    font-size: ${(t=e.theme.fonts)==null?void 0:t.normal};
+                    line-height: 1.2em;
+                `)}}
+    }
+    > ul > li {
+        overflow: visible;
+        font-weight: 300;
+        font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+
+        a {
+            display: inline-block;
+
+            @media (hover: hover) {
+                &:hover {
+                    text-decoration: underline;
+                }
+            }
+        }
+    }
+`;const ge=e=>o.css`
+    ${e["data-loading"]&&"position: relative;"};
+    ${e["data-loading"]&&"min-height: 150px;"}
+    > * {
+        transition: 200ms ease-out opacity;
+        opacity: ${e["data-loading"]?"0.5":"1"};
+    }
+    .humany-loader {
+        opacity: ${e["data-loading"]?"1":"0"};
+    }
+`;o.newStyled(o.Icon)`
+    && {
+        font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.small}};
+    }
+    width: 1.2em;
+`;o.newStyled(o.Text)`
+    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.medium}};
+    font-weight: normal;
+    line-height: 1.2em;
+    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+`;const he=o.newStyled(o.Button)`
+    display: flex;
+    align-items: center;
+
+    ${e=>{var t;return e["data-has-label"]==="true"&&e["data-has-symbol"]==="true"&&`
+        svg, i    {
+            margin: 0 ${(t=e.theme.sizes)==null?void 0:t.small} 0 0;
+        }
+    `}}
+
+    &:focus-visible {
+        ${e=>e["data-has-label"]==="true"&&o.paddedBorderTabStyle}
+
+        svg, i {
+            ${e=>e["data-has-label"]==="false"&&e["data-has-symbol"]==="true"&&o.css`
+                    ${o.paddedBorderTabStyle(e)}
+                    box-sizing: content-box;
+                `}
+        }
+    }
+
+    span {
+        flex: 1;
+        font-weight: 300;
+    }
+`,ue=({addFavoriteTooltip:e,removeFavoriteCancelLabel:t,removeFavoriteConfirmLabel:i,removeFavoriteHeader:s,removeFavoriteLabel:n,removeFavoriteTooltip:l,id:m,isFavorite:f,guideTitle:c,buttonLabel:u="",actions:{addFavorite:h,removeFavorite:d}})=>{const g=y.useCallback(()=>{d(m)},[m,d]),x=y.useCallback(()=>{h(m)},[m,h]),v=`${f?l:e}${c?`: "${c}"`:""}`;return f?r.jsx(o.Confirm,{trigger:r.jsxs(P,{className:"humany-favorite-button",title:v,"aria-label":v,"data-favorite":"true","data-has-label":u?"true":"false","data-has-symbol":"true",children:[r.jsx(o.SymbolBadge,{size:16,symbol:{type:"Svg",content:"star-empty"}}),u&&r.jsx(o.StyledText,{children:u})]}),onConfirm:g,cancelLabel:t,confirmLabel:i,header:s,text:n}):r.jsxs(P,{className:"humany-favorite-button",title:v,"aria-label":v,onClick:x,"data-favorite":"false","data-has-label":u?"true":"false","data-has-symbol":"true",children:[r.jsx(o.SymbolBadge,{size:16,symbol:{type:"Svg",content:"star-empty"}}),u&&r.jsx(o.StyledText,{children:u})]})},P=o.newStyled(he)`
+  grid-area: favorite;
+
+  &:focus-visible {
+    svg {
+      ${e=>{var t,i;return e["data-favorite"]==="true"?`
+          fill: transparent;
+
+          path {
+            fill: transparent;
+          }
+        `:`
+          fill: ${(t=e.theme.colors)==null?void 0:t.text};
+
+          path {
+            fill: ${(i=e.theme.colors)==null?void 0:i.text};
+          }
+        `}}
+    }
+  }
+
+  ${e=>{var t,i,s,n,l,m,f;return((t=e.theme.colors)==null?void 0:t.text)&&o.css`
+      svg {
+        stroke: ${(i=e.theme.colors)==null?void 0:i.text};
+
+        path {
+          stroke: ${(s=e.theme.colors)==null?void 0:s.text};
+        }
+
+        ${e["data-favorite"]==="true"&&`
+          fill: ${(n=e.theme.colors)==null?void 0:n.text};
+
+          path {
+            fill: ${(l=e.theme.colors)==null?void 0:l.text};
+          }
+        `};
+      }
+
+      &:hover {
+        svg {
+          ${e["data-favorite"]==="true"?`
+          fill: transparent;
+
+          path {
+            fill: transparent;
+          }
+        `:`
+          fill: ${(m=e.theme.colors)==null?void 0:m.text};
+
+          path {
+            fill: ${(f=e.theme.colors)==null?void 0:f.text};
+          }
+        `};
+        }
+      }
+    `}}
+`;y.forwardRef(({onFeedback:e=()=>{},direction:t="horizontal",className:i,header:s,positive:n,negative:l,selected:m,...f},c)=>r.jsxs(pe,{className:o.appendClassNames(i,"humany-feedback"),"data-direction":t,...o.convertToStringAttributes(f),ref:c,children:[!!s&&r.jsx(ye,{children:s}),r.jsxs(O,{className:"humany-feedback-button",disabled:!!m,"data-selected":m==="positive","data-direction":t,onClick:()=>e("positive"),children:[r.jsx(o.Icon,{faIcon:"smile-o"}),r.jsx("span",{children:n})]}),r.jsxs(O,{className:"humany-feedback-button",disabled:!!m,"data-selected":m==="negative","data-direction":t,onClick:()=>e("negative"),children:[r.jsx(o.Icon,{faIcon:"frown-o"}),r.jsx("span",{children:l})]})]}));const ye=o.newStyled(o.StyledText)`
+    font-weight: normal;
+    margin: 0 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
+    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+    display: block;
+`,O=o.newStyled(o.Button)`
+    display: inline-block;
+    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+    font-weight: 300;
+    && {
+        margin-right: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.large}};
+    }
+
+    ${e=>{var t,i;return e["data-direction"]==="horizontal"&&o.css`
+            width: 225px;
+            max-width: calc(50% - ${(t=e.theme.sizes)==null?void 0:t.large} - ${(i=e.theme.sizes)==null?void 0:i.small});
+        `}}
+
+    ${e=>e["data-direction"]==="vertical"&&o.css`
+            min-width: 190px;
+        `}
+
+  ${e=>{var t,i;return((t=e.theme.colors)==null?void 0:t.primary)&&o.invertedHoverButton({active:e["data-selected"],primaryColor:(i=e.theme.colors)==null?void 0:i.primary,secondaryColor:"#FFFFFF",theme:e.theme})}}
+
+  i {
+        margin: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} 0 0;
+    }
+`,pe=o.newStyled.div`
+    ${e=>{var t;return e["data-direction"]==="vertical"&&o.css`
+            > button {
+                width: 100%;
+                &:not(:last-child) {
+                    margin-bottom: ${(t=e.theme.sizes)==null?void 0:t.normal};
+                }
+            }
+        `}}
+`,xe=()=>{const e=o.useContainer(),[t,i]=y.useState([]),s=e.get("favorites");y.useEffect(()=>{if(s){i(s.get());const{events:c}=e.get("$widget");return c.subscribe("widget:favorites-updated",(h,{updated:d})=>{i([...d])})}},[]);const n=c=>s?s.add(c):Promise.resolve([]),l=c=>s?s.remove(c):Promise.resolve([]),m=()=>s?s.clear():Promise.resolve([]),f=y.useCallback(c=>t.indexOf(c)>-1?l(c):n(c),[t]);return[t,y.useMemo(()=>({addFavorite:n,removeFavorite:l,clearFavorites:m,toggleFavorite:f}),[t])]},ve=({format:e=B.YYYY_MM_DD_HH_MM,className:t="",byLabel:i="",modifiedLabel:s="",publishedLabel:n="",modifiedBy:l="",publishedBy:m="",showModified:f=!1,showPublished:c=!1,modified:u,published:h})=>{const d=c&&h?r.jsx(_,{format:e,timestamp:h}):null,g=f&&u?r.jsx(_,{format:e,timestamp:u}):null;return!d&&!g?null:r.jsxs(E,{className:o.appendClassNames(t,"humany-metadata"),children:[d&&r.jsxs(E,{className:"humany-published",children:[n,d,i&&m&&` ${i.replace("{{editor}}",m)}`]}),g&&r.jsxs(E,{className:"humany-modified",children:[d&&", ",s,g,i&&l&&` ${i.replace("{{editor}}",l)}`]})]})},_=o.newStyled(q)`
+    &:not(:first-child) {
+        margin-left: 4px;
+    }
+    &:not(:last-child) {
+        margin-right: 4px;
+    }
+`,E=o.newStyled(o.Text)`
+    font-style: italic;
+`,$e=({tags:e})=>e.filter(t=>t.symbol).length?r.jsx(Se,{className:"humany-guide-list-tags",items:e,renderItem:({id:t,symbol:i,title:s})=>i&&r.jsx("li",{"data-tag":t,children:r.jsx(ke,{size:18,symbol:i,title:s})},t)}):null;y.forwardRef(({title:e,id:t,route:i,symbolSize:s,collapseUri:n,children:l},m)=>{const{params:f}=Y();return r.jsxs(be,{ref:m,"data-guide":t,children:[r.jsx(o.TextLink,{title:e,"aria-label":e,routeName:i,params:C({...f,uriName:n||void 0,id:void 0,guide:void 0,accordion:void 0}),text:e,children:r.jsx(o.SymbolBadge,{size:s,symbol:{type:"Svg",content:"caret-up"}})}),l]})});const be=o.newStyled.li`
+  > a {
+    grid-column: 1/-1;
+    font-weight: bold;
+    margin: 0 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}} 0;
+  }
+
+  > div {
+    grid-column: 1/-1;
+  }
+`;y.forwardRef(({expandable:e=!1,routing:t={},paramMappers:i={},symbolSize:s=11,pageRole:n="link",pageCaret:l="down",showTags:m=!1,showFavoriteToggle:f=!1,localPaging:c=!1,onItemClick:u=()=>{},dispatch:h=()=>{},metadata:d={},pageLabel:g,className:x,children:v,items:a,renderItem:$,addFavoriteTooltip:U,removeFavoriteCancelLabel:V,removeFavoriteConfirmLabel:K,removeFavoriteHeader:W,removeFavoriteLabel:Z,removeFavoriteTooltip:G,...J},Q)=>{const F=me(),k=y.useRef(),j=o.usePrevious(a),{guide:X="guide",page:ee="index"}=t,{guide:te=({id:p})=>C({guide:p}),page:A=()=>C()}=i,[oe,ie]=xe();y.useImperativeHandle(Q,()=>k.current);const I=p=>{const{id:w,title:b,tags:S,published:N,modified:z,publishedBy:T,modifiedBy:D}=p;return r.jsxs("li",{"data-guide":w,"has-metadata":(!!(d!=null&&d.showPublished)&&!!N||!!(d!=null&&d.showModified)&&!!z).toString(),children:[r.jsx(o.TextLink,{className:"humany-guide-link",title:b,"aria-label":b,routeName:X,onClick:ae=>u(ae,p),params:te(p),text:b,children:r.jsx(o.SymbolBadge,{size:s,symbol:{type:"Svg",content:e?"caret-down":"caret-right"}})}),f&&r.jsx(ue,{guideTitle:b,addFavoriteTooltip:U,removeFavoriteCancelLabel:V,removeFavoriteConfirmLabel:K,removeFavoriteHeader:W,removeFavoriteLabel:Z,removeFavoriteTooltip:G,isFavorite:oe.indexOf(w)>-1,actions:ie,id:w}),m&&r.jsx($e,{tags:S}),r.jsx(je,{...d,indent:e?void 0:s,modified:z,published:N,publishedBy:T,modifiedBy:D})]},w)},se=y.useCallback((p,w,b)=>$?$(p,w,b,I):I(p),[$,I]),re=y.useCallback(p=>{c&&(p.preventDefault(),h("page",A()))},[h,c]);y.useEffect(()=>{if(j&&j.length<a.length&&k.current){const p=k.current.querySelectorAll(".humany-guide-list > ul > li"),w=p[j.length];if(p.length===a.length&&j.length){const b=p[j.length];if(b){const S=b.querySelector(".humany-guide-link");S&&S.focus()}}else w&&new MutationObserver((S,N)=>{S.forEach(z=>{if(z.addedNodes){const T=Array.from(z.addedNodes).find(D=>D.tagName==="A");T&&le(k.current,document.activeElement)&&(F&&T.focus(),N.disconnect())}})}).observe(w,{attributes:!1,characterData:!1,childList:!0,subtree:!0,attributeOldValue:!1,characterDataOldValue:!1})}});const ne=!!Object.keys(d).filter(p=>typeof d[p]<"u").length;return r.jsxs(we,{className:o.appendClassNames(x,"humany-guide-list"),"data-item-count":a.length,items:a,renderItem:se,isTabbing:F,expandable:e?"true":"false","grid-items":m||f||ne?"true":"false",...o.convertToStringAttributes(J),ref:k,children:[g?r.jsx(o.TextLink,{text:g,title:g,"aria-label":g,routeName:ee,role:n,params:A(),onClick:re,children:r.jsx(o.SymbolBadge,{size:s,symbol:{type:"Svg",content:`caret-${l}`}})}):null,v]})});const we=o.newStyled(o.ItemList)`
+  ${o.itemList}
+  padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.large}};
+  overflow: auto;
+  justify-content: flex-start;
+  white-space: nowrap;
+  font-weight: 300;
+  text-decoration: none;
+
+  > div {
+    ${e=>o.headingElement(e)("> h1",o.css`
+          white-space: pre-wrap;
+        `)}
+  }
+
+  > ul > li {
+    ${e=>{var t,i;return e["grid-items"]==="true"&&o.css`
+        display: grid;
+        grid-template-columns: auto 1fr 1fr;
+        gap: 0px 0px;
+        grid-template-areas: '. favorite tags';
+        align-items: center;
+
+        > button {
+          margin: 0 0 0 ${(t=e.theme.sizes)==null?void 0:t.small};
+
+          &[data-favorite='false'] {
+            ${e.isTabbing?"opacity: 0;":"display: none;"};
+            &:focus {
+              opacity: 1;
+            }
+          }
+        }
+
+        > span {
+          font-size: ${(i=e.theme.fonts)==null?void 0:i.small};
+        }
+
+        &:hover {
+          button[data-favorite='false'] {
+            display: flex;
+            justify-self: flex-start;
+          }
+        }
+
+        &[has-metadata='true'] {
+          grid-template-rows: 1fr 1fr;
+          grid-template-areas:
+            '. favorite tags'
+            'metadata metadata metadata';
+        }
+      `}}
+    > a {
+      color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+      overflow: hidden;
+      text-overflow: ellipsis;
+      max-width: 100%;
+      display: inline-block;
+
+      svg {
+        margin: 0 calc(${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}}*2) 0 0;
+        line {
+          stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+        }
+      }
+
+      ${e=>{var t;return e.expandable==="true"&&o.css`
+          display: flex;
+          flex-direction: row-reverse;
+          justify-content: flex-end;
+          align-items: center;
+
+          span {
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+
+          svg {
+            margin: 0 0 0 ${(t=e.theme.sizes)==null?void 0:t.small};
+          }
+        `}}
+
+      &:focus-visible {
+        ${o.borderTabStyle}
+        text-decoration: underline;
+      }
+
+      @media (hover: hover) {
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+  }
+
+  > a {
+    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+    margin: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}} 0 0;
+    align-self: flex-start;
+    align-items: center;
+    display: flex;
+
+    span {
+      text-decoration: underline;
+    }
+
+    svg {
+      margin: 0 calc(${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}}*2) 0 0;
+      line {
+        stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+      }
+    }
+
+    &:focus-visible {
+      ${o.borderTabStyle}
+      text-decoration: underline;
+    }
+  }
+`,Se=o.newStyled(o.List)`
+  ${o.list}
+  display: flex;
+  margin: 0 0 0 auto;
+  grid-area: tags;
+
+  li,
+  li:last-child {
+    margin: 0 0 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}};
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+  }
+`,ke=o.newStyled(o.SymbolBadge)`
+  display: block;
+  color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+  ${e=>{if(e.symbol.type==="Uri")return`
+        width: ${e.size}px;
+        height: ${e.size}px;
+      `;if(e.symbol.type==="FontAwesome")return`
+        font-size: ${e.size}px;
+      `}}
+`,je=o.newStyled(ve)`
+  grid-area: metadata;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.small}};
+  ${e=>{var t;return typeof e.indent=="number"&&`text-indent: calc(${(t=e.theme.sizes)==null?void 0:t.small} * 2 + ${e.indent}px);`}}
+`,ze=o.keyframes`
+  100% {
+    transform: rotate(360deg);
+  }
+`,Ce=o.keyframes`
+  0% {
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -35px;
+  }
+  100% {
+    stroke-dasharray: 89, 200;
+    stroke-dashoffset: -124px;
+  }
+`,Ne=o.newStyled.svg`
+    animation: ${ze} 2s linear infinite;
+    height: 100%;
+    transform-origin: center center;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    margin: auto;
+    transition: 200ms ease-out opacity;
+`,Te=o.newStyled.div`
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    height: 100%;
+    width: 100%;
+    pointer-events: ${e=>e["data-loading"]?"all":"none"};
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    transition: 200ms ease-out opacity;
+    box-sizing: border-box;
+    overflow: hidden;
+
+    .humany-spinner-svg {
+        opacity: ${e=>e["data-loading"]?"1":"0"};
+    }
+`,Ie=o.newStyled.div`
+    position: relative;
+    margin: 0 auto;
+    width: 100px;
+    &:before {
+        content: '';
+        display: block;
+        padding-top: 100%;
+    }
+`,De=o.newStyled.circle`
+    stroke-dasharray: 1, 200;
+    stroke-dashoffset: 0;
+    animation: ${Ce} 1.5s ease-in-out infinite;
+    stroke-linecap: round;
+    stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+    stroke-width: 2px;
+`,Ee=({loading:e=!1})=>r.jsx(Te,{className:"humany-loader","data-loading":e,children:r.jsx(Ie,{className:"humany-spinner",children:r.jsx(Ne,{className:"humany-spinner-svg",viewBox:"25 25 50 50",children:r.jsx(De,{cx:"50",cy:"50",r:"20",fill:"none","stroke-width":"2","stroke-miterlimit":"10"})})})}),Me=({className:e,showHeader:t,notificationList:i,loading:s,...n})=>{const[l,m]=y.useState(null),{id:f,title:c,symbol:u,notifications:h=[],defaultHeaderOptions:d={visible:!0}}=i||{};return!h.length&&!s?null:r.jsx(Ye,{...n,"data-loading":s,"data-show-header":typeof t=="boolean"?t:d.visible,className:o.appendClassNames(e,"humany-notification-list"),"data-notification-category":f,header:c,symbol:u,items:h,renderItem:({id:g,title:x,body:v,modified:a,expandable:$})=>r.jsx(Be,{"data-notification":g,"data-expanded":$?l===g:!0,children:$?r.jsxs(r.Fragment,{children:[r.jsxs(Le,{title:x,"aria-label":x,"aria-expanded":l===g,onClick:()=>m(l===g?null:g),children:[r.jsx("span",{children:x}),r.jsx(Fe,{size:11,symbol:{type:"Svg",content:`caret-${l===g?"up":"down"}`}})]}),r.jsx(H,{html:v}),a&&r.jsx(Ae,{format:B.YYYY_MM_DD,timestamp:a})]}):r.jsx(H,{html:v})},g),children:r.jsx(Ee,{loading:s})})},Le=o.newStyled(o.Button)`
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
+    text-align: left;
+    svg,
+    i {
+        color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+    }
+    span {
+        color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+        font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+        overflow: hidden;
+        text-overflow: ellipsis;
+        flex: 1;
+        white-space: nowrap;
+    }
+    &:focus-visible {
+        ${o.borderTabStyle}
+        span {
+            color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+            text-decoration: underline;
+        }
+    }
+`,Ye=o.newStyled(o.ItemList)`
+    ${ge}
+    ${o.itemList}
+  overflow: hidden;
+    justify-content: flex-start;
+    padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.large}};
+    ${e=>!e["data-show-header"]&&o.css`
+            > div {
+                ${o.headingElement(e)("h1",o.css`
+                        display: none;
+                    `)}
+            }
+        `}
+
+    @media (hover: hover) {
+        button:hover {
+            text-decoration: underline;
+        }
+    }
+`,H=o.newStyled(o.Paragraph)`
+    ${o.genericHtml}
+    font-weight: 300;
+
+    p {
+        white-space: normal;
+    }
+`,Be=o.newStyled.li`
+    .humany-paragraph {
+        display: none;
+        &:not(:only-child) {
+            ${e=>{var t,i,s;return((t=e.theme.sizes)==null?void 0:t.cardinal)&&((i=e.theme.sizes)==null?void 0:i.normal)&&o.css`
+                    margin: ${(s=e.theme.sizes)==null?void 0:s.normal} 0;
+                `}}
+        }
+    }
+
+    ${e=>e["data-expanded"]&&o.css`
+            .humany-paragraph {
+                display: block;
+            }
+        `}
+
+    > span {
+        display: block;
+        font-weight: 300;
+        color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.accent}};
+    }
+`,Fe=o.newStyled(o.SymbolBadge)`
+    margin: 0 0 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}};
+    line {
+        stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+    }
+`,Ae=o.newStyled(q)`
+    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.small}};
+    font-weight: 300;
+`;exports.NotificationList=Me;exports.createParams=C;exports.formatUrl=M;exports.removeNullAndUndefinedValues=L;exports.useRouteData=Y;

package/notification-list-9fca63ae.mjs

@@ -0,0 +1,53 @@
+import { jsx as d } from "react/jsx-runtime";
+import { e as l, n as m } from "./index-cc31f772.mjs";
+import { useMemo as f } from "react";
+import "react-dom";
+import { N as p } from "./notification-list-291a2001.mjs";
+import { m as c } from "./styles-ad5c7069.mjs";
+const h = ({
+  id: o,
+  header: t,
+  items: e,
+  symbol: s,
+  className: a,
+  ...r
+}) => {
+  const n = f(() => ({
+    id: o,
+    title: t,
+    symbol: s,
+    defaultHeaderOptions: {
+      visible: !0
+    },
+    notifications: e.map((i) => ({
+      id: i.id.toString(),
+      title: i.title,
+      body: i.body,
+      modified: i.modified,
+      expandable: !0
+    }))
+  }), [t, e]);
+  return n ? /* @__PURE__ */ d(
+    u,
+    {
+      className: l("humany-bot-notification-list", a),
+      showHeader: !0,
+      notificationList: n,
+      loading: !1,
+      ...r
+    }
+  ) : null;
+}, u = m(p)`
+  ${c}
+  min-width: 10em;
+
+  span {
+    color: ${(o) => {
+  var t;
+  return (t = o.theme.colors) == null ? void 0 : t.text;
+}};
+  }
+`;
+export {
+  h as default
+};

package/notification-list-f9c4cafe.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("./index-07363705.js"),c=require("react");require("react-dom");const u=require("./notification-list-876b3f3d.js"),f=require("./styles-15c941d4.js"),m=({id:e,header:t,items:o,symbol:r,className:a,...l})=>{const n=c.useMemo(()=>({id:e,title:t,symbol:r,defaultHeaderOptions:{visible:!0},notifications:o.map(i=>({id:i.id.toString(),title:i.title,body:i.body,modified:i.modified,expandable:!0}))}),[t,o]);return n?d.jsx(y,{className:s.appendClassNames("humany-bot-notification-list",a),showHeader:!0,notificationList:n,loading:!1,...l}):null},y=s.newStyled(u.NotificationList)`
+  ${f.messageContentPadding}
+  min-width: 10em;
+
+  span {
+    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+  }
+`;exports.default=m;