@telia-ace/widget-conversation 1.1.2-rc.0 → 1.1.2-rc.2

package/{conversation-cba1688c.js → conversation-eb4d6944.js}

@@ -64,40 +64,40 @@
     fill: ${e=>{var t;return e.hasContent?(t=e.theme.colors)==null?void 0:t.primary:"#a6a6a6"}};
   }
 `,se=a.div`
-    width: ${e=>e.avatarSize||"32px"};
-    height: ${e=>e.avatarSize||"32px"};
-    border-radius: 50%;
-    background-color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.accent}};
-    border: ${e=>e.theme.border};
-    grid-area: avatar;
-    align-self: flex-end;
-    justify-self: center;
-    overflow: hidden;
-    margin-right: 10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+  width: ${e=>e.avatarSize||"32px"};
+  height: ${e=>e.avatarSize||"32px"};
+  border-radius: 50%;
+  background-color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.accent}};
+  border: ${e=>e.theme.border};
+  grid-area: avatar;
+  align-self: flex-end;
+  justify-self: center;
+  overflow: hidden;
+  margin-right: 10px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
 
-    > img {
-        height: 100%;
-        width: 100%;
-        object-fit: cover;
-    }
+  > img {
+    height: 100%;
+    width: 100%;
+    object-fit: cover;
+  }
+
+  > svg {
+    width: 90%;
+    height: 90%;
+    padding: 10%;
+    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
 
-    > svg {
-        width: 90%;
-        height: 90%;
-        padding: 10%;
-        color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
-
-        line,
-        path,
-        circle,
-        fill {
-            stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
-        }
+    line,
+    path,
+    circle,
+    fill {
+      stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
     }
+  }
 `,ne=y.keyframes`
   0% {
     opacity: 0;
@@ -109,140 +109,140 @@
     opacity: 0;
   }
 `,re=a.div`
-    display: flex;
-    justify-content: center;
-    > div {
-        height: 10px;
-        width: 10px;
-        border-radius: 50%;
-        margin: 5px;
-        background-color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
-        animation: ${ne} 1s infinite;
-    }
-    > div:nth-of-type(2) {
-        animation-delay: 100ms;
-    }
-    > div:nth-of-type(3) {
-        animation-delay: 200ms;
-    }
+  display: flex;
+  justify-content: center;
+  > div {
+    height: 10px;
+    width: 10px;
+    border-radius: 50%;
+    margin: 5px;
+    background-color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+    animation: ${ne} 1s infinite;
+  }
+  > div:nth-of-type(2) {
+    animation-delay: 100ms;
+  }
+  > div:nth-of-type(3) {
+    animation-delay: 200ms;
+  }
 `,R=a.div`
-    grid-area: content;
-    max-width: 100%;
-    overflow: hidden;
+  grid-area: content;
+  max-width: 100%;
+  overflow: hidden;
 `,oe=a(r.Typography)`
-    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
-    font-weight: normal;
-    margin: 0;
+  font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+  font-weight: normal;
+  margin: 0;
 `,A=a.div`
-    display: flex;
-    ${e=>e.left&&"justify-content: start;"};
-    ${e=>e.center&&"justify-content: center;"};
-    ${e=>e.right&&"justify-content: end;"};
+  display: flex;
+  ${e=>e.left&&"justify-content: start;"};
+  ${e=>e.center&&"justify-content: center;"};
+  ${e=>e.right&&"justify-content: end;"};
 `,O=a.div`
-    ${e=>{var t;return e.padded&&`padding: ${(t=e.theme.sizes)==null?void 0:t.medium};`}}
-    ${e=>!e.user&&e.stacked&&ae(e.stacked,e.theme)}
+  ${e=>{var t;return e.padded&&`padding: ${(t=e.theme.sizes)==null?void 0:t.medium};`}}
+  ${e=>!e.user&&e.stacked&&ae(e.stacked,e.theme)}
     ${e=>e.user&&e.stacked&&ie(e.stacked,e.theme)}
 
     display: inline-block;
-    margin-top: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-    && > * {
-        overflow-wrap: break-word;
-        word-wrap: break-word;
-        word-break: break-all;
-        word-break: break-word;
-        hyphens: auto;
-    }
-    max-width: 100%;
-    ${e=>e.fullWidth&&"width: 100%;"}
+  margin-top: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
+  && > * {
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    word-break: break-all;
+    word-break: break-word;
+    hyphens: auto;
+  }
+  max-width: 100%;
+  ${e=>e.fullWidth&&"width: 100%;"}
 `,ae=(e,t)=>{var n,i;const o=y.css`
-        background-color: ${(n=t.colors)==null?void 0:n.accent};
-        color: ${(i=t.colors)==null?void 0:i.text};
-        ${t.border&&`border: ${t.border};`};
-    `;return t.borderRadius?y.css`
-        ${o}
+    background-color: ${(n=t.colors)==null?void 0:n.accent};
+    color: ${(i=t.colors)==null?void 0:i.text};
+    ${t.border&&`border: ${t.border};`};
+  `;return t.borderRadius?y.css`
+    ${o}
 
-        border-top-right-radius: ${t.borderRadius};
-        border-bottom-right-radius: ${t.borderRadius};
+    border-top-right-radius: ${t.borderRadius};
+    border-bottom-right-radius: ${t.borderRadius};
 
-        ${e==="first"&&`
+    ${e==="first"&&`
             border-top-left-radius: ${t.borderRadius};
         `}
 
-        ${e==="last"&&`
+    ${e==="last"&&`
             border-bottom-left-radius: ${t.borderRadius};
         `}
-    `:o},ie=(e,t)=>{var n,i;const o=y.css`
-        background-color: ${(n=t.colors)==null?void 0:n.primary};
-        color: ${(i=t.colors)==null?void 0:i.accent};
-    `;return t.borderRadius?y.css`
-        ${o}
+  `:o},ie=(e,t)=>{var n,i;const o=y.css`
+    background-color: ${(n=t.colors)==null?void 0:n.primary};
+    color: ${(i=t.colors)==null?void 0:i.accent};
+  `;return t.borderRadius?y.css`
+    ${o}
 
-        border-top-left-radius: ${t.borderRadius};
-        border-bottom-left-radius: ${t.borderRadius};
+    border-top-left-radius: ${t.borderRadius};
+    border-bottom-left-radius: ${t.borderRadius};
 
-        ${e==="first"&&`
+    ${e==="first"&&`
             border-top-right-radius: ${t.borderRadius};
         `}
 
-        ${e==="last"&&`
+    ${e==="last"&&`
             border-bottom-right-radius: ${t.borderRadius};
         `}
-    `:o},T=a.div`
-    margin-bottom: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-    &:last-child {
-        margin-bottom: 0;
-    }
+  `:o},T=a.div`
+  margin-bottom: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
+  &:last-child {
+    margin-bottom: 0;
+  }
 `,S=e=>{var t,o;return y.css`
-    margin: ${(t=e.theme.sizes)==null?void 0:t.medium} 0;
-    padding: 0 ${(o=e.theme.sizes)==null?void 0:o.medium};
+  margin: ${(t=e.theme.sizes)==null?void 0:t.medium} 0;
+  padding: 0 ${(o=e.theme.sizes)==null?void 0:o.medium};
 `},le=a(G.FormComponent)`
-    & button.humany-form-component-button {
-        ${e=>{var t,o,n,i;return((t=e.theme.colors)==null?void 0:t.primary)&&((o=e.theme.colors)==null?void 0:o.accent)&&r.invertedHoverButton({active:!1,primaryColor:(n=e.theme.colors)==null?void 0:n.primary,secondaryColor:(i=e.theme.colors)==null?void 0:i.accent,theme:e.theme})}};
-        display: block;
-        width: 100%;
-        margin-bottom: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-    }
-    & button.humany-form-component-submit {
-        width: 100%;
-        margin: 0;
-        :not(:last-child) {
-            margin-bottom: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-        }
+  & button.humany-form-component-button {
+    ${e=>{var t,o,n,i;return((t=e.theme.colors)==null?void 0:t.primary)&&((o=e.theme.colors)==null?void 0:o.accent)&&r.invertedHoverButton({active:!1,primaryColor:(n=e.theme.colors)==null?void 0:n.primary,secondaryColor:(i=e.theme.colors)==null?void 0:i.accent,theme:e.theme})}};
+    display: block;
+    width: 100%;
+    margin-bottom: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
+  }
+  & button.humany-form-component-submit {
+    width: 100%;
+    margin: 0;
+    :not(:last-child) {
+      margin-bottom: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
     }
+  }
 `,ce=a(r.Html)`
-    white-space: pre-wrap;
-    a {
-        color: ${e=>e.theme.colors.link};
-        &:focus {
-            ${e=>{var t;return((t=e.theme.accessibility)==null?void 0:t.isTabbing)&&r.borderTabStyle}};
-        }
+  white-space: pre-wrap;
+  a {
+    color: ${e=>e.theme.colors.link};
+    &:focus {
+      ${e=>{var t;return((t=e.theme.accessibility)==null?void 0:t.isTabbing)&&r.borderTabStyle}};
     }
+  }
 `,de=a(r.List)`
-    padding: 0;
-    list-style: none;
-    margin: 0 -${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-    > li {
-        margin: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-    }
+  padding: 0;
+  list-style: none;
+  margin: 0 -${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
+  > li {
+    margin: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
+  }
 `,me=a.button`
-    ${e=>r.buttonCss(e)};
-    display: block;
-    background-color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
-    width: 100%;
-    color: #fff;
-    &:focus-visible {
-        ${r.borderTabStyle}
-        background-color: transparent;
-    }
+  ${e=>r.buttonCss(e)};
+  display: block;
+  background-color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+  width: 100%;
+  color: #fff;
+  &:focus-visible {
+    ${r.borderTabStyle}
+    background-color: transparent;
+  }
 `,q=g.forwardRef(({boxed:e,className:t,agentData:o},n)=>s.jsx(R,{ref:n,children:s.jsx(A,{left:e,center:!e,children:s.jsx(O,{padded:!!e,stacked:e?"first":void 0,children:s.jsxs(re,{children:[s.jsx("div",{}),s.jsx("div",{}),s.jsx("div",{})]})})})})),ue=a.p`
-    && {
-        font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.small}};
-        font-weight: 300;
-    }
-    margin: 0;
-    line-height: 1.5em;
-    grid-area: info;
-    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.small}};
+    font-weight: 300;
+  }
+  margin: 0;
+  line-height: 1.5em;
+  grid-area: info;
+  color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
 `,D=e=>new Date(e).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}),I=({className:e,name:t,timestamp:o})=>{if(!t&&!o)return null;let n="";return t?o?n=`${t}: ${D(o)}`:n=t:o&&(n=D(o)),s.jsx(ue,{children:n})},P=({className:e,children:t,sender:o,timestamp:n})=>{const{avatar:i,name:l}=o,{avatarSize:h}=r.useProperties();return s.jsxs(he,{hasAvatar:!!i,className:L.appendClassNames(e,"humany-conversation-agent-message"),children:[i&&s.jsx(se,{avatarSize:h,children:typeof i=="string"?s.jsx("img",{src:i}):s.jsx(r.SymbolBadge,{symbol:i})}),t,s.jsx(I,{name:l,timestamp:n})]})},he=a.div`
   display: grid;
   margin-right: 10%;
@@ -261,23 +261,23 @@
             'info';
         `};
 `,ge=g.forwardRef(({className:e,children:t,timestamp:o,discrete:n,fullWidth:i},l)=>s.jsx(ye,{ref:l,className:L.appendClassNames(e,"humany-conversation-system-message"),fullWidth:i,children:n?s.jsxs(pe,{className:"humany-conversation-discrete-message",children:[t,s.jsx(I,{timestamp:o})]}):s.jsxs(s.Fragment,{children:[t,s.jsx(I,{timestamp:o})]})})),ye=a.div`
-    ${e=>e.fullWidth&&"width: 100%"};
-    padding: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.large}};
-    overflow: auto;
+  ${e=>e.fullWidth&&"width: 100%"};
+  padding: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.large}};
+  overflow: auto;
 `,pe=a.div`
-    text-align: center;
-    word-wrap: break-word;
-    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
-    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
-    > p {
-        margin: 0;
-    }
+  text-align: center;
+  word-wrap: break-word;
+  font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+  color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+  > p {
+    margin: 0;
+  }
 `,be=({className:e,children:t,timestamp:o})=>{const{userLabel:n=""}=r.useProperties();return s.jsxs(fe,{className:L.appendClassNames(e,"humany-conversation-user-message"),children:[t,s.jsx(I,{name:n,timestamp:o})]})},fe=a.div`
-    margin-left: 10%;
-    width: 90%;
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
+  margin-left: 10%;
+  width: 90%;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
 `,K=e=>Array.isArray(e)?e:Object.keys(e).map(t=>({label:e[t],actionKey:t})),xe=({header:e,actions:t,dispatch:o})=>s.jsx($e,{className:"humany-conversation-button-list",header:e,items:K(t),renderItem:n=>{var l;const i=!!((l=n==null?void 0:n.data)!=null&&l.href);return s.jsx("li",{children:i?s.jsxs(ve,{onClick:()=>{o("action",n)},href:n.data.href,target:n.data.target,"aria-label":n.label,title:n.label,children:[s.jsx(r.SymbolBadge,{symbol:n.symbol}),n.label]}):s.jsxs(je,{onClick:()=>{o("action",n)},"aria-label":n.label,title:n.label,children:[s.jsx(r.SymbolBadge,{symbol:n.symbol}),n.label]})},n.actionKey)}}),$e=a(r.ItemList)`
   ${r.itemList}
   > ul {
@@ -328,219 +328,219 @@
     margin-right: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}};
   }
 `,Se=({type:e,content:t={}})=>{const o=r.useComponent(e);return!o||!e?null:s.jsx(g.Suspense,{fallback:null,children:s.jsx(o,{...t})})},we=({body:e})=>s.jsx(Ce,{html:e}),Ce=a(r.Html)`
-    ${r.genericHtml}
-    color: inherit;
-    white-space: pre-wrap;
-    ${S}
-    a {
-        color: ${e=>e.theme.colors.link};
-        &:focus-visible {
-            ${r.borderTabStyle};
-        }
+  ${r.genericHtml}
+  color: inherit;
+  white-space: pre-wrap;
+  ${S}
+  a {
+    color: ${e=>e.theme.colors.link};
+    &:focus-visible {
+      ${r.borderTabStyle};
     }
+  }
 `,ke=({header:e,actions:t,dispatch:o})=>s.jsx(Le,{className:"humany-conversation-item-list",header:e,items:K(t),renderItem:n=>{var i;return s.jsx("li",{children:s.jsxs(ze,{children:[((i=n.symbol)==null?void 0:i.content)&&s.jsx("div",{className:"item-icon",children:s.jsx(r.SymbolBadge,{size:22,symbol:{type:n.symbol.type,content:n.symbol.content}})}),s.jsxs("div",{className:"item-body",children:[s.jsx(r.Button,{onClick:()=>{o("action",n)},"aria-label":n.label,title:n.label,children:n.label}),n.description&&s.jsx("p",{children:n.description})]})]})},n.actionKey)}}),Le=a(r.ItemList)`
-    ${r.itemList}
+  ${r.itemList}
 
-    > .humany-paragraph {
-        ${S}
-        margin-bottom: 0;
+  > .humany-paragraph {
+    ${S}
+    margin-bottom: 0;
 
-        h1 {
-            margin: 0;
-        }
+    h1 {
+      margin: 0;
     }
+  }
 
-    ${e=>r.headingElement(e)("h1",y.css`
-                white-space: normal;
-            `)}
+  ${e=>r.headingElement(e)("h1",y.css`
+        white-space: normal;
+      `)}
 
-    > ul {
-        display: flex;
-        flex-direction: column;
-        gap: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-        > li {
-            margin: 0;
-        }
+  > ul {
+    display: flex;
+    flex-direction: column;
+    gap: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
+    > li {
+      margin: 0;
     }
+  }
 
-    li {
-        border-bottom: ${e=>e.theme.border};
+  li {
+    border-bottom: ${e=>e.theme.border};
 
-        &:last-of-type {
-            border-bottom: none;
-        }
+    &:last-of-type {
+      border-bottom: none;
     }
+  }
 `,ze=a.div`
-    display: flex;
-    gap: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
-    ${S}
+  display: flex;
+  gap: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
+  ${S}
 
-    .item-icon {
-    }
+  .item-icon {
+  }
 
-    .item-body {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        gap: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
+  .item-body {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
 
-        p {
-            margin: 0;
-            white-space: normal;
-        }
+    p {
+      margin: 0;
+      white-space: normal;
     }
+  }
 
-    button {
-        background: transparent;
-        border: none;
-        font-family: inherit;
-        font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
-        cursor: pointer;
-        padding: 0;
-        margin: 0;
-
-        &:focus-visible {
-            ${r.borderTabStyle}
-            span {
-                color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
-                text-decoration: underline;
-            }
-        }
+  button {
+    background: transparent;
+    border: none;
+    font-family: inherit;
+    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+    cursor: pointer;
+    padding: 0;
+    margin: 0;
+
+    &:focus-visible {
+      ${r.borderTabStyle}
+      span {
+        color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+        text-decoration: underline;
+      }
     }
+  }
 `,Te=({header:e,actions:t,dispatch:o})=>s.jsx(Ie,{className:"humany-conversation-link-list",header:e,items:K(t),renderItem:n=>s.jsx("li",{children:s.jsxs(Me,{help:n.actionKey==="help",onClick:()=>{o("action",n)},"aria-label":n.label,title:n.label,children:[n.label,n.actionKey==="help"&&s.jsx(r.SymbolBadge,{size:14,symbol:{type:"Svg",content:"caret-down"}})]})},n.actionKey)}),Ie=a(r.ItemList)`
-    ${r.itemList}
-    ${S}
+  ${r.itemList}
+  ${S}
 
     ${e=>r.headingElement(e)("h1",y.css`
-                white-space: normal;
-            `)}
+        white-space: normal;
+      `)}
 
     > ul {
-        display: flex;
-        flex-direction: column;
-        gap: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-        > li {
-            margin: 0;
-        }
+    display: flex;
+    flex-direction: column;
+    gap: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
+    > li {
+      margin: 0;
     }
+  }
 `,Me=a(r.Button)`
-    display: block;
-    text-align: left;
-    font-weight: 300;
-    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
-    max-width: 100%;
-    text-overflow: ellipsis;
-    overflow: hidden;
+  display: block;
+  text-align: left;
+  font-weight: 300;
+  color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+  max-width: 100%;
+  text-overflow: ellipsis;
+  overflow: hidden;
 
-    ${e=>{var t,o;return e.help&&y.css`
-            color: ${(t=e.theme.colors)==null?void 0:t.text};
-            text-decoration: underline;
+  ${e=>{var t,o;return e.help&&y.css`
+      color: ${(t=e.theme.colors)==null?void 0:t.text};
+      text-decoration: underline;
 
-            i,
-            svg {
-                margin-left: ${(o=e.theme.sizes)==null?void 0:o.small};
-            }
-        `}}
+      i,
+      svg {
+        margin-left: ${(o=e.theme.sizes)==null?void 0:o.small};
+      }
+    `}}
 
-    &:focus-visible {
-        ${r.borderTabStyle}
-        span {
-            color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
-            text-decoration: underline;
-        }
+  &:focus-visible {
+    ${r.borderTabStyle}
+    span {
+      color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+      text-decoration: underline;
     }
+  }
 `,Ne=()=>s.jsx(Be,{className:"humany-conversation-separator"}),Be=a.div`
-    ${e=>e.theme.border&&`border-bottom: ${e.theme.border};`}
-    width: 100%;
+  ${e=>e.theme.border&&`border-bottom: ${e.theme.border};`}
+  width: 100%;
 `,He=({text:e})=>s.jsx(Re,{className:"humany-conversation-text",variant:"span",children:e}),Re=a(r.Typography)`
-    ${S}
+  ${S}
 `,Ae=({header:e="Video call",acceptLabel:t="Accept",declineLabel:o="Decline",dispatch:n})=>{const i=g.useMemo(()=>[{label:t,actionKey:"accept-video-call",symbol:{type:"Svg",content:"video"}},{label:o,actionKey:"decline-video-call",symbol:{type:"Svg",content:"close"}}],[t,o]);return s.jsx(Oe,{className:"humany-conversation-video-request",header:e,items:i,renderItem:l=>{const h=l.actionKey==="accept-video-call"?"#70c48e":"#da5c85";return s.jsx("li",{children:s.jsx(Ke,{onClick:()=>{n("action",l)},"aria-label":l.label,title:l.label,bgColor:h,children:s.jsx(r.SymbolBadge,{symbol:l.symbol,size:25})})},l.actionKey)}})},Oe=a(r.ItemList)`
-    ${e=>r.itemList(e)}
-    > ul {
-        display: flex;
-        flex-wrap: wrap;
-        gap: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-        > li {
-            margin: 0;
-        }
+  ${e=>r.itemList(e)}
+  > ul {
+    display: flex;
+    flex-wrap: wrap;
+    gap: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
+    > li {
+      margin: 0;
     }
-    ${e=>S(e)}
+  }
+  ${e=>S(e)}
 `,Ke=a(r.Button)`
-    ${r.buttonCss};
+  ${r.buttonCss};
 
-    background-color: ${e=>e.bgColor};
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: #ffffff;
-    width: 46px;
-    height: 46px;
-    border-radius: 100%;
+  background-color: ${e=>e.bgColor};
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: #ffffff;
+  width: 46px;
+  height: 46px;
+  border-radius: 100%;
 
-    &:focus-visible {
-        ${r.borderTabStyle}
-        background-color: transparent;
+  &:focus-visible {
+    ${r.borderTabStyle}
+    background-color: transparent;
 
-        i,
-        svg {
-            color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+    i,
+    svg {
+      color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
 
-            path {
-                stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
-            }
-        }
+      path {
+        stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+      }
     }
+  }
 
-    i,
-    svg {
-        color: #fff;
+  i,
+  svg {
+    color: #fff;
 
-        path {
-            stroke: #fff;
-        }
+    path {
+      stroke: #fff;
     }
+  }
 `,qe=([e,t])=>({type:e,content:t}),De=({items:e,dispatch:t})=>s.jsx(Fe,{className:"humany-message-list",items:e.map(qe),renderLi:!0,renderItem:o=>{switch(o.type){case x.ConversationMessageListItemType.Text:return s.jsx(He,{text:o.content});case x.ConversationMessageListItemType.HTML:return s.jsx(we,{...o.content});case x.ConversationMessageListItemType.Separator:return s.jsx(Ne,{...o.content});case x.ConversationMessageListItemType.ItemList:return s.jsx(ke,{...o.content,dispatch:t});case x.ConversationMessageListItemType.LinkList:return s.jsx(Te,{...o.content,dispatch:t});case x.ConversationMessageListItemType.ButtonList:return s.jsx(xe,{...o.content,dispatch:t});case x.ConversationMessageListItemType.VideoRequest:return s.jsx(Ae,{...o.content,dispatch:t});default:return s.jsx(Se,{type:o.type,content:o.content})}}}),Fe=a(r.List)`
-    ${r.list}
+  ${r.list}
 
-    > li {
-        margin: 0;
-    }
+  > li {
+    margin: 0;
+  }
 `,Pe=g.forwardRef(({className:e,timestamp:t,sender:o,type:n,content:i},l)=>{const h=g.useCallback(m=>{let c="first";return i.length>1&&(c=m===0?"first":m+1===i.length?"last":"middle"),c},[i]),d=()=>s.jsx(s.Fragment,{children:i.map(m=>{const{key:c,body:$,title:w,form:C,actions:j}=m,b=!!$&&!w&&!C&&!j;return s.jsx(ge,{className:e,discrete:b,ref:l,timestamp:t,fullWidth:!!C||!!j,children:b&&$?s.jsx(r.Html,{html:$}):s.jsx(B,{isSystem:!0,content:m})},c)})}),p=()=>s.jsx(P,{sender:o,timestamp:t,className:e,children:s.jsx(R,{className:"humany-message-content-bundle",children:i.map((m,c)=>s.jsx(A,{className:"humany-message-container",left:!0,ref:l,children:s.jsx(B,{content:m,stacked:h(c)})},m.key))})}),v=()=>s.jsx(be,{timestamp:t,className:e,children:s.jsx(R,{className:"humany-message-content-bundle",children:i.map((m,c)=>s.jsx(A,{className:"humany-message-container",right:!0,ref:l,children:s.jsx(B,{isUser:!0,content:m,stacked:h(c)})},m.key))})});switch(n){case x.ConversationMessageType.System:return d();case x.ConversationMessageType.Agent:return p();case x.ConversationMessageType.User:return v();default:return null}}),B=({content:e,isUser:t,isSystem:o,stacked:n})=>{const i=r.useDispatch(),{title:l,body:h,actions:d,form:p,items:v}=e;return v?s.jsx(O,{className:"humany-message-content",user:!!t,stacked:n,children:s.jsx(De,{items:v,dispatch:i})}):s.jsxs(O,{className:"humany-message-content",padded:!o,user:!!t,stacked:n,fullWidth:!!p||!!d,children:[l&&s.jsx(T,{children:s.jsx(oe,{variant:"h2",children:l})}),h&&s.jsx(T,{children:s.jsx(ce,{html:h})}),p&&s.jsx(T,{children:s.jsx(le,{...p,onChange:(c,$)=>{i("form",{data:$,formKey:p.schema.id,actionKey:c})}})}),d&&s.jsx(T,{children:s.jsx(de,{items:Object.keys(d).map(c=>({label:d[c],actionKey:c})),renderItem:c=>s.jsx("li",{children:s.jsx(me,{onClick:()=>{i("action",c.actionKey)},children:c.label})},c.actionKey)})})]})},E=()=>{const e=g.useCallback(d=>{d&&setTimeout(()=>{d.scrollIntoView({block:"start",behavior:"smooth"})},250)},[]),[t,o]=r.useScroll(!0),{messages:n,loading:i,typingActors:l=[]}=r.useProperties(),h=()=>l&&l.length?l.map((d,p)=>s.jsx(H,{id:`typing_${d.name}`,children:s.jsx(P,{timestamp:Date.now(),sender:d,children:s.jsx(q,{boxed:!0,ref:e})})},`typing_${d.name}`)):null;return s.jsxs(s.Fragment,{children:[s.jsxs(Ee,{tabIndex:0,scrollableCss:t,ref:o,children:[n&&n.length?n.map((d,p)=>{const{type:v,timestamp:m,sender:c,content:$}=d;return s.jsx(H,{className:"humany-conversation-entry",tabIndex:-1,children:s.jsx(Pe,{...d,ref:e})},`${v}_${c==null?void 0:c.name}_${m}_${$[0].key}`)}):null,h(),i&&s.jsx(H,{children:s.jsx(q,{ref:e})})]}),s.jsx(J,{})]})},Ee=a.div`
-    display: flex;
-    flex-direction: column;
-    align-items: stretch;
-    flex: 0 1 100%;
-    padding: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
-    ${e=>!!e.scrollableCss&&e.scrollableCss};
-    &:focus-visible {
-        ${e=>r.borderTabStyle(e)};
-    }
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  flex: 0 1 100%;
+  padding: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
+  ${e=>!!e.scrollableCss&&e.scrollableCss};
+  &:focus-visible {
+    ${e=>r.borderTabStyle(e)};
+  }
 `,H=a.div`
-    margin: 0;
-    margin-bottom: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
+  margin: 0;
+  margin-bottom: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
 
-    &:first-of-type {
-        margin-top: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
-    }
+  &:first-of-type {
+    margin-top: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
+  }
 
-    &:last-of-type {
-        padding-bottom: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
-    }
+  &:last-of-type {
+    padding-bottom: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
+  }
 
-    & span,
-    p,
-    a,
-    div {
-        font-weight: 300;
-    }
+  & span,
+  p,
+  a,
+  div {
+    font-weight: 300;
+  }
 
-    & b,
-    h1 {
+  & b,
+  h1 {
+    font-weight: normal;
+  }
+  ${e=>r.headingElement(e)("h1",y.css`
         font-weight: normal;
-    }
-    ${e=>r.headingElement(e)("h1",y.css`
-                font-weight: normal;
-            `)}
+      `)}
 `,We=({dispatch:e})=>{const t=g.useRef(null);return g.useEffect(()=>{t.current&&t.current.parentNode&&e("overlay-mounted",t.current)},[t]),s.jsx(r.WidgetOverlayOutlet,{portalId:"humany-conversation-overlay-portal",className:"humany-conversation-overlay-outlet",ref:t})},Ue=({dispatch:e,header:t,buttonLabel:o})=>s.jsxs(_e,{portalId:"humany-conversation-portal",className:"humany-conversation-outlet",children:[s.jsxs(Ve,{className:"humany-conversation-outlet-head",children:[s.jsx(Ge,{className:"humany-conversation-outlet-head-button","aria-label":o,title:o,onClick:()=>e("hide-overlay-conversation"),children:s.jsx(r.SymbolBadge,{symbol:{type:"Svg",content:"caret-down"},size:20})}),t&&s.jsx(Ye,{className:"humany-conversation-outlet-header",variant:"h1",children:t})]}),s.jsx(E,{})]}),_e=a(r.WidgetOverlayOutlet)`
   z-index: 11;
   top: auto;
@@ -577,12 +577,12 @@
     stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
   }
 `,Je=({className:e,...t})=>{const{overlay:o,overlayConversationHeader:n,overlayConversationCloseLabel:i,conversationControllerId:l}=r.useProperties(),h=r.useDispatch();return s.jsxs(r.ConversationContext.Provider,{value:l?{id:l}:null,children:[s.jsx(Qe,{...t,className:L.appendClassNames(e,"humany-conversation-component"),children:s.jsx(E,{})}),o&&s.jsxs(s.Fragment,{children:[s.jsx(We,{dispatch:h}),o.conversation&&s.jsx(Ue,{dispatch:h,header:n,buttonLabel:i})]})]})},Qe=a.div`
-    position: absolute;
-    right: 0;
-    left: 0;
-    bottom: 0;
-    top: 0;
-    overflow: hidden;
-    display: flex;
-    flex-direction: column;
+  position: absolute;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  top: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
 `;exports.default=Je;