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

package/conversation-eb4d6944.js

@@ -1,588 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("@emotion/styled"),r=require("@telia-ace/widget-ui"),L=require("@telia-ace/widget-utilities"),y=require("@emotion/react"),g=require("react"),G=require("@telia-ace/widget-forms"),x=require("./index.js");require("@telia-ace/widget-core");require("@telia-ace/widget-services");require("@telia-ace/widget-plugins");const J=({className:e})=>{const[t,o]=g.useState(""),[n,i]=g.useState(!1),[l,h]=g.useState(0),[d,p]=g.useState(0),v=r.useIsTabbing(),m=r.useDispatch(),{inputPlaceholder:c="Type your message",inputHidden:$=!1,inputDisabled:w=!1,sendButtonLabel:C="Send message",inputMultiline:j=!0,secondaryAction:b}=r.useProperties(),[W,f]=r.useScroll(!0);g.useEffect(()=>{if(f.current){const{lineHeight:u,maxHeight:z}=getComputedStyle(f.current);if(u&&u.indexOf("px")>-1){const k=u.split("px"),V=parseInt(k[0],10);h(V);const Y=z.split("px");p(parseInt(Y[0],10))}}},[f.current]);const M=u=>{!u.shiftKey||!j?(u.preventDefault(),t&&t.length>0&&(m("user-submit",{text:t}),o(""),N(""))):t.length<1&&u.preventDefault()},U=u=>{b&&(u.preventDefault(),m("action",{actionKey:b.action,...b}))},_=u=>{if(j&&f.current){const z=f.current.scrollHeight;if(z>l){f.current.style.height="auto";let k=z;u.length<1&&(k=l),f.current.style.height=`${k}px`,k>=d?f.current.style.overflowY="scroll":f.current.style.overflowY="hidden"}}},N=u=>{_(u),o(u),u&&u.length>0&&m("user-typing",{textLength:u.length})};return $?null:s.jsxs(ee,{grow:j,className:L.appendClassNames("humany-conversation-input",e),"data-has-focus":n,scrollableCss:W,isTabbing:v,children:[b&&s.jsx(Z,{disabled:w,onClick:U,title:b.label,"aria-label":b.label,children:s.jsx(r.SymbolBadge,{size:24,symbol:{type:"Svg",content:b.icon||"browse"}})}),j?s.jsx(Q,{value:t,onChange:N,onEnter:M,disabled:w,"aria-label":c,placeholder:c,onFocusChange:i,type:"textarea",rows:1,ref:f}):s.jsx(X,{value:t,onChange:N,onEnter:M,disabled:w,"aria-label":c,placeholder:c,onFocusChange:i}),s.jsx(F,{disabled:w,onClick:M,title:C,"aria-label":C,children:s.jsx(te,{size:22,symbol:{type:"Svg",content:"send"},hasContent:!!t&&!!t.length})})]})},Q=a(r.Input)`
-  resize: none;
-  flex: 1;
-  flex-shrink: 1;
-  min-height: 1.2em;
-  max-height: 148px;
-  line-height: 1.2em;
-  height: 1.2em;
-  padding: 0;
-  margin: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
-  font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
-  border: none;
-  transition: height 200ms linear;
-  outline: none;
-`,X=a(r.Input)`
-  flex: 1;
-  border: none;
-  background-color: transparent;
-  font-weight: 300;
-  font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
-  line-height: 1.2em;
-  outline: none;
-  padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
-  color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
-  &::placeholder {
-    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.textLight}};
-    font-style: italic;
-  }
-`,F=a(r.Button)`
-  flex: 0 0 50px;
-  align-self: stretch;
-  background-color: transparent;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  color: #a6a6a6;
-  &:focus-visible {
-    ${r.borderTabStyle};
-  }
-`,Z=a(F)`
-  border-right: ${e=>e.theme.border};
-  margin: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}} 0;
-`,ee=a.div`
-  ${e=>e.grow?y.css`
-          min-height: 50px;
-          max-height: 150px;
-        `:y.css`
-          height: 50px;
-        `}
-  flex: 0 0 auto;
-  display: flex;
-  align-items: center;
-  background-color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.accent}};
-  border-top: ${e=>e.theme.inputBorder};
-  ${e=>e["data-has-focus"]&&e.isTabbing&&r.borderTabStyle}
-  textarea {
-    ${e=>!!e.scrollableCss&&e.scrollableCss}
-  }
-`,te=a(({hasContent:e,...t})=>s.jsx(r.SymbolBadge,{...t}))`
-  line,
-  path {
-    stroke: ${e=>{var t;return e.hasContent?(t=e.theme.colors)==null?void 0:t.primary:"#a6a6a6"}};
-    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}};
-
-  > 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}};
-
-    line,
-    path,
-    circle,
-    fill {
-      stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
-    }
-  }
-`,ne=y.keyframes`
-  0% {
-    opacity: 0;
-  }
-  75% {
-    opacity: 1;
-  }
-  100% {
-    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;
-  }
-`,R=a.div`
-  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;
-`,A=a.div`
-  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=>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%;"}
-`,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}
-
-    border-top-right-radius: ${t.borderRadius};
-    border-bottom-right-radius: ${t.borderRadius};
-
-    ${e==="first"&&`
-            border-top-left-radius: ${t.borderRadius};
-        `}
-
-    ${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}
-
-    border-top-left-radius: ${t.borderRadius};
-    border-bottom-left-radius: ${t.borderRadius};
-
-    ${e==="first"&&`
-            border-top-right-radius: ${t.borderRadius};
-        `}
-
-    ${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;
-  }
-`,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};
-`},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}};
-    }
-  }
-`,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}};
-    }
-  }
-`,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}};
-  }
-`,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;
-  }
-`,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}};
-`,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%;
-  width: 90%;
-  ${e=>e.hasAvatar?y.css`
-          grid-template-columns: auto 1fr;
-          grid-template-rows: 1fr auto;
-          grid-template-areas:
-            'avatar content'
-            '. info';
-        `:y.css`
-          grid-template-columns: 1fr;
-          grid-template-rows: 1fr auto;
-          grid-template-areas:
-            'content'
-            '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;
-`,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;
-  }
-`,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;
-`,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 {
-    display: flex;
-    flex-wrap: wrap;
-    gap: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-    > li {
-      margin: 0;
-    }
-  }
-  ${S}
-`,ve=a(r.Link)`
-  ${r.buttonCss};
-
-  display: block;
-  padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-  background-color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
-  width: 100%;
-  color: #ffffff;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  &:focus-visible {
-    ${r.borderTabStyle}
-    background-color: transparent;
-  }
-
-  i,
-  svg {
-    margin-right: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}};
-  }
-`,je=a(r.Button)`
-  ${r.buttonCss};
-
-  display: block;
-  padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-  background-color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
-  width: 100%;
-  color: #ffffff;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  &:focus-visible {
-    ${r.borderTabStyle}
-    background-color: transparent;
-  }
-
-  i,
-  svg {
-    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};
-    }
-  }
-`,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}
-
-  > .humany-paragraph {
-    ${S}
-    margin-bottom: 0;
-
-    h1 {
-      margin: 0;
-    }
-  }
-
-  ${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;
-    }
-  }
-
-  li {
-    border-bottom: ${e=>e.theme.border};
-
-    &: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}
-
-  .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}};
-
-    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;
-      }
-    }
-  }
-`,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}
-
-    ${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;
-    }
-  }
-`,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;
-
-  ${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};
-      }
-    `}}
-
-  &: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%;
-`,He=({text:e})=>s.jsx(Re,{className:"humany-conversation-text",variant:"span",children:e}),Re=a(r.Typography)`
-  ${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=>S(e)}
-`,Ke=a(r.Button)`
-  ${r.buttonCss};
-
-  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;
-
-    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}};
-      }
-    }
-  }
-
-  i,
-  svg {
-    color: #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}
-
-  > 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)};
-  }
-`,H=a.div`
-  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}};
-  }
-
-  &: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;
-  }
-
-  & b,
-  h1 {
-    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;
-  height: 65%;
-  background-color: #ffffff;
-  display: flex;
-  flex-direction: column;
-  border-top-right-radius: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.large}};
-  border-top-left-radius: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.large}};
-`,Ve=a.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  gap: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-  padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}};
-  ${e=>e.theme.border&&`border-bottom: ${e.theme.border};`}
-`,Ye=a(r.Typography)`
-  font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.medium}};
-  color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
-  margin: 0;
-`,Ge=a(r.Button)`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.medium}};
-  ${e=>e.theme.borderRadius&&`border-radius: ${e.theme.borderRadius};`}
-
-  &:focus-visible {
-    ${r.borderTabStyle};
-  }
-
-  svg line {
-    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;
-`;exports.default=Je;