@telia-ace/widget-conversation 1.0.18 → 1.0.21

package/dist/components/conversation/ui/message-list-items/video-request.d.ts

@@ -0,0 +1,8 @@
+import { DispatchAction } from '@telia-ace/widget-ui';
+import { FC } from 'react';
+import { VideoRequestProperties } from '../../../../types';
+declare type Props = {
+    dispatch: DispatchAction;
+} & VideoRequestProperties;
+export declare const VideoRequest: FC<Props>;
+export {};

package/dist/conversation.js

@@ -31,7 +31,7 @@ var __objRest = (source, exclude) => {
 };
 import { Input, Button, borderTabStyle, SymbolBadge, useDispatch, useProperties, useScroll, Typography, invertedHoverButton, List, buttonCss, Html as Html$1, genericHtml, Lightbox, ItemList, itemList, useComponent, list, headingElement, usePrevious, useTransitionEnd, WidgetOverlayOutlet } from "@telia-ace/widget-ui";
 import { appendClassNames, uuid } from "@telia-ace/widget-utilities";
-import React, { useState, useEffect, Suspense, useCallback, useRef } from "react";
+import React, { useState, useEffect, Suspense, useMemo, useCallback, useRef } from "react";
 import styled, { css, keyframes } from "styled-components";
 import { FormComponent } from "@telia-ace/widget-forms";
 import { ConversationMessageListItemType, ConversationMessageType } from "./index.js";
@@ -146,7 +146,7 @@ const ConversationInput = ({ className }) => {
     "aria-label": inputPlaceholder,
     placeholder: inputPlaceholder,
     onFocusChange: setInputFocus
-  }), /* @__PURE__ */ React.createElement(StyledButton, {
+  }), /* @__PURE__ */ React.createElement(StyledButton$1, {
     disabled: inputDisabled,
     onClick: submit,
     title: sendButtonLabel,
@@ -205,7 +205,7 @@ const StyledInput = styled(Input)`
         font-style: italic;
     }
 `;
-const StyledButton = styled(Button)`
+const StyledButton$1 = styled(Button)`
     flex: 0 0 50px;
     align-self: stretch;
     background-color: transparent;
@@ -221,7 +221,7 @@ const StyledButton = styled(Button)`
 }};
     }
 `;
-const SecondaryActionButton = styled(StyledButton)`
+const SecondaryActionButton = styled(StyledButton$1)`
     border-right: ${(p) => p.theme.border};
     margin: ${(p) => {
   var _a;
@@ -877,6 +877,114 @@ const Text = ({ text }) => {
 const StyledTypography = styled(Typography)`
     ${messageContentPadding}
 `;
+const VideoRequest = ({
+  header = "Video call",
+  acceptLabel = "Accept",
+  declineLabel = "Decline",
+  dispatch
+}) => {
+  const actions = useMemo(() => {
+    return [
+      {
+        label: acceptLabel,
+        actionKey: "accept-video-call",
+        symbol: {
+          type: "Svg",
+          content: "video"
+        }
+      },
+      {
+        label: declineLabel,
+        actionKey: "decline-video-call",
+        symbol: {
+          type: "Svg",
+          content: "close"
+        }
+      }
+    ];
+  }, [acceptLabel, declineLabel]);
+  return /* @__PURE__ */ React.createElement(StyledItemList, {
+    header,
+    items: actions,
+    renderItem: (item) => {
+      const bgColor = item.actionKey === "accept-video-call" ? "#70c48e" : "#da5c85";
+      return /* @__PURE__ */ React.createElement("li", {
+        key: item.actionKey
+      }, /* @__PURE__ */ React.createElement(StyledButton, {
+        onClick: () => {
+          dispatch("action", item);
+        },
+        "aria-label": item.label,
+        title: item.label,
+        bgColor
+      }, /* @__PURE__ */ React.createElement(SymbolBadge, {
+        symbol: item.symbol,
+        size: 25
+      })));
+    }
+  });
+};
+const StyledItemList = styled(ItemList)`
+    ${itemList}
+    > ul {
+        display: flex;
+        flex-wrap: wrap;
+        gap: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.normal;
+}};
+        > li {
+            margin: 0;
+        }
+    }
+    ${messageContentPadding}
+`;
+const StyledButton = styled(Button)`
+    ${buttonCss};
+
+    background-color: ${(p) => p.bgColor};
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: #ffffff;
+    width: 46px;
+    height: 46px;
+    border-radius: 100%;
+
+    &:focus {
+        ${(p) => {
+  var _a;
+  return ((_a = p.theme.accessibility) == null ? void 0 : _a.isTabbing) && css`
+                ${borderTabStyle}
+                background-color: transparent;
+
+                i,
+                svg {
+                    color: ${(p2) => {
+    var _a2;
+    return (_a2 = p2.theme.colors) == null ? void 0 : _a2.primary;
+  }};
+
+                    path {
+                        stroke: ${(p2) => {
+    var _a2;
+    return (_a2 = p2.theme.colors) == null ? void 0 : _a2.primary;
+  }};
+                    }
+                }
+            `;
+}}
+    }
+
+    i,
+    svg {
+        color: #fff;
+
+        path {
+            stroke: #fff;
+        }
+    }
+`;
 const mapItem = ([type, content]) => {
   return { type, content, id: uuid() };
 };
@@ -907,6 +1015,11 @@ const MessageList = ({ items, dispatch }) => {
             dispatch
           }));
         }
+        case ConversationMessageListItemType.VideoRequest: {
+          return /* @__PURE__ */ React.createElement(VideoRequest, __spreadProps(__spreadValues({}, item.content), {
+            dispatch
+          }));
+        }
         default: {
           return /* @__PURE__ */ React.createElement(Custom, {
             type: item.type,
@@ -1167,7 +1280,7 @@ const OverlayOutlet = ({ dispatch }) => {
   const wrapperRef = useRef(null);
   useEffect(() => {
     if (wrapperRef.current && wrapperRef.current.parentNode) {
-      dispatch("overlay-outlet-mounted", wrapperRef.current);
+      dispatch("overlay-mounted", wrapperRef.current);
     }
   }, [wrapperRef]);
   return /* @__PURE__ */ React.createElement(WidgetOverlayOutlet, {

package/dist/conversation.js.map

@@ -1 +1 @@
-{"version":3,"file":"conversation.js","sources":["../src/components/conversation/ui/input.tsx","../src/components/conversation/ui/styles.tsx","../src/components/conversation/ui/loader.tsx","../src/components/conversation/ui/message-list-items/html.tsx","../src/components/conversation/ui/message-types/timestamp.tsx","../src/components/conversation/ui/message-types/agent.tsx","../src/components/conversation/ui/message-types/system.tsx","../src/components/conversation/ui/message-types/user.tsx","../src/utils/map-actions.ts","../src/components/conversation/ui/message-list-items/button-list.tsx","../src/components/conversation/ui/message-list-items/custom.tsx","../src/components/conversation/ui/message-list-items/link-list.tsx","../src/components/conversation/ui/message-list-items/separator.tsx","../src/components/conversation/ui/message-list-items/text.tsx","../src/components/conversation/ui/message-types/message-list.tsx","../src/components/conversation/ui/message.tsx","../src/components/conversation/ui/content.tsx","../src/components/conversation/ui/overlay-outlets.tsx","../src/components/conversation/conversation.tsx"],"sourcesContent":["import {\r\n    borderTabStyle,\r\n    Button,\r\n    Input,\r\n    SymbolBadge,\r\n    useDispatch,\r\n    useProperties,\r\n    useScroll,\r\n} from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React, { useEffect, useState } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { ConversationComponentProperties } from '../plugin';\r\n\r\ntype Props = {\r\n    className?: string;\r\n};\r\n\r\nconst ConversationInput: React.FC<Props> = ({ className }) => {\r\n    const [inputText, setInputText] = useState('');\r\n    const [inputFocus, setInputFocus] = useState(false);\r\n    const [calculatedLineHeight, setCalculatedLineHeight] = useState(0);\r\n    const [textareaMaxHeight, setTextareaMaxHeight] = useState(0);\r\n    const dispatch = useDispatch();\r\n    const {\r\n        inputPlaceholder = 'Type your message',\r\n        inputHidden = false,\r\n        inputDisabled = false,\r\n        sendButtonLabel = 'Send message',\r\n        inputMultiline: multiline = true,\r\n        secondaryAction,\r\n    } = useProperties<ConversationComponentProperties>();\r\n    const [scrollableCss, inputRef] = useScroll(true);\r\n\r\n    useEffect(() => {\r\n        if (inputRef.current) {\r\n            const { lineHeight, maxHeight } = getComputedStyle(inputRef.current);\r\n            if (lineHeight && lineHeight.indexOf('px') > -1) {\r\n                const lineHeightNumber = lineHeight.split('px');\r\n                const calcLH = parseInt(lineHeightNumber[0], 10);\r\n                setCalculatedLineHeight(calcLH);\r\n                const maxHeightNumber = maxHeight.split('px');\r\n                setTextareaMaxHeight(parseInt(maxHeightNumber[0], 10));\r\n            }\r\n        }\r\n    }, [inputRef.current]);\r\n\r\n    const submit = (e: any) => {\r\n        if (!e.shiftKey || !multiline) {\r\n            e.preventDefault();\r\n            if (inputText && inputText.length > 0) {\r\n                dispatch('user-submit', { text: inputText });\r\n                setInputText('');\r\n                onChange('');\r\n            }\r\n        } else if (inputText.length < 1) {\r\n            e.preventDefault();\r\n        }\r\n    };\r\n\r\n    const onSecondaryActionButtonClick = (e: any) => {\r\n        if (!secondaryAction) {\r\n            return;\r\n        }\r\n        e.preventDefault();\r\n        dispatch('action', {\r\n            actionKey: secondaryAction.action,\r\n            ...secondaryAction,\r\n        });\r\n    };\r\n\r\n    const calculateHeight = (value: string) => {\r\n        if (multiline && inputRef.current) {\r\n            const scrollHeight = inputRef.current.scrollHeight;\r\n            if (scrollHeight > calculatedLineHeight) {\r\n                inputRef.current.style.height = 'auto';\r\n                let areaHeight = scrollHeight;\r\n                if (value.length < 1) {\r\n                    areaHeight = calculatedLineHeight;\r\n                }\r\n                inputRef.current.style.height = `${areaHeight}px`;\r\n\r\n                if (areaHeight >= textareaMaxHeight) {\r\n                    inputRef.current.style.overflowY = 'scroll';\r\n                } else {\r\n                    inputRef.current.style.overflowY = 'hidden';\r\n                }\r\n            }\r\n        }\r\n    };\r\n\r\n    const onChange = (value: string) => {\r\n        calculateHeight(value);\r\n        setInputText(value);\r\n        if (value && value.length > 0) {\r\n            dispatch('user-typing', { textLength: value.length });\r\n        }\r\n    };\r\n\r\n    if (inputHidden) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Wrapper\r\n            grow={multiline}\r\n            className={appendClassNames('humany-conversation-input', className)}\r\n            data-has-focus={inputFocus}\r\n            scrollableCss={scrollableCss}\r\n        >\r\n            {secondaryAction && (\r\n                <SecondaryActionButton\r\n                    disabled={inputDisabled}\r\n                    onClick={onSecondaryActionButtonClick}\r\n                    title={secondaryAction.label}\r\n                    aria-label={secondaryAction.label}\r\n                >\r\n                    <SymbolBadge\r\n                        size={24}\r\n                        symbol={{ type: 'Svg', content: secondaryAction.icon || 'browse' }}\r\n                    />\r\n                </SecondaryActionButton>\r\n            )}\r\n            {multiline ? (\r\n                <StyledTextArea\r\n                    value={inputText}\r\n                    onChange={onChange}\r\n                    onEnter={submit}\r\n                    disabled={inputDisabled}\r\n                    aria-label={inputPlaceholder}\r\n                    placeholder={inputPlaceholder}\r\n                    onFocusChange={setInputFocus}\r\n                    type={'textarea'}\r\n                    rows={1}\r\n                    ref={inputRef}\r\n                />\r\n            ) : (\r\n                <StyledInput\r\n                    value={inputText}\r\n                    onChange={onChange}\r\n                    onEnter={submit}\r\n                    disabled={inputDisabled}\r\n                    aria-label={inputPlaceholder}\r\n                    placeholder={inputPlaceholder}\r\n                    onFocusChange={setInputFocus}\r\n                />\r\n            )}\r\n            <StyledButton\r\n                disabled={inputDisabled}\r\n                onClick={submit}\r\n                title={sendButtonLabel}\r\n                aria-label={sendButtonLabel}\r\n            >\r\n                <SendSymbol\r\n                    size={22}\r\n                    symbol={{ type: 'Svg', content: 'send' }}\r\n                    hasContent={inputText && inputText.length}\r\n                />\r\n            </StyledButton>\r\n        </Wrapper>\r\n    );\r\n};\r\n\r\nconst StyledTextArea = styled(Input)<any>`\r\n    resize: none;\r\n    flex: 1;\r\n    flex-shrink: 1;\r\n    min-height: 1.2em;\r\n    max-height: 148px;\r\n    line-height: 1.2em;\r\n    height: 1.2em;\r\n    padding: 0;\r\n    margin: calc(${(p) => p.theme.sizes?.small} * 2);\r\n    font-size: ${(p) => p.theme.fonts?.normal};\r\n    border: none;\r\n    transition: height 200ms linear;\r\n    outline: none;\r\n`;\r\n\r\nconst StyledInput = styled(Input)<any>`\r\n    flex: 1;\r\n    border: none;\r\n    background-color: transparent;\r\n    font-weight: 300;\r\n    font-size: ${(p) => p.theme.fonts?.normal};\r\n    line-height: 1.2em;\r\n    outline: none;\r\n    padding-left: ${(p) => p.theme.sizes?.large};\r\n    color: ${(p) => p.theme.colors?.text};\r\n    &::placeholder {\r\n        color: ${(p) => p.theme.colors?.textLight};\r\n        font-style: italic;\r\n    }\r\n`;\r\n\r\nconst StyledButton = styled(Button)<any>`\r\n    flex: 0 0 50px;\r\n    align-self: stretch;\r\n    background-color: transparent;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: none;\r\n    color: #a6a6a6;\r\n    &:focus {\r\n        ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n    }\r\n`;\r\n\r\nconst SecondaryActionButton = styled(StyledButton)`\r\n    border-right: ${(p) => p.theme.border};\r\n    margin: ${(p) => p.theme.sizes?.normal} 0;\r\n`;\r\n\r\nconst Wrapper = styled.div<{ 'data-has-focus': boolean } & any>`\r\n    ${(p) =>\r\n        p.grow\r\n            ? css`\r\n                  min-height: 50px;\r\n                  max-height: 150px;\r\n              `\r\n            : css`\r\n                  height: 50px;\r\n              `}\r\n    flex: 0 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    background-color: ${(p) => p.theme.colors?.accent};\r\n    border-top: ${(p) => p.theme.inputBorder};\r\n    ${(p) =>\r\n        p['data-has-focus'] &&\r\n        css`\r\n            ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n        `}\r\n    ${StyledTextArea} {\r\n        ${(p) => !!p.scrollableCss && p.scrollableCss}\r\n    }\r\n`;\r\n\r\nconst SendSymbol = styled(({ hasContent, ...other }) => <SymbolBadge {...other} />)`\r\n    line,\r\n    path {\r\n        stroke: ${(p) => (p.hasContent ? p.theme.colors?.primary : '#a6a6a6')};\r\n        fill: ${(p) => (p.hasContent ? p.theme.colors?.primary : '#a6a6a6')};\r\n    }\r\n`;\r\n\r\nexport default ConversationInput;\r\n","import { FormComponent } from '@telia-ace/widget-forms';\r\nimport {\r\n    borderTabStyle,\r\n    buttonCss,\r\n    invertedHoverButton,\r\n    List,\r\n    Typography,\r\n} from '@telia-ace/widget-ui';\r\nimport styled, { css, keyframes } from 'styled-components';\r\n\r\nexport const Avatar = styled.div<any>`\r\n    width: ${(p) => p.avatarSize || '32px'};\r\n    height: ${(p) => p.avatarSize || '32px'};\r\n    border-radius: 50%;\r\n    background-color: ${(p) => p.theme.colors?.accent};\r\n    border: ${(p) => p.theme.border};\r\n    grid-area: avatar;\r\n    align-self: flex-end;\r\n    justify-self: center;\r\n    overflow: hidden;\r\n    margin-right: ${(p) => p.theme.sizes?.normal};\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: ${(p) => p.theme.colors?.text};\r\n\r\n    > img {\r\n        height: 100%;\r\n        width: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    > svg {\r\n        width: 90%;\r\n        height: 90%;\r\n        padding: 10%;\r\n        color: ${(p) => p.theme.colors?.text};\r\n\r\n        line,\r\n        path,\r\n        circle,\r\n        fill {\r\n            stroke: ${(p) => p.theme.colors?.text};\r\n        }\r\n    }\r\n`;\r\n\r\nexport const LoaderAnimation = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  75% {\r\n    opacity: 1;\r\n  }\r\n  100% {\r\n    opacity: 0;\r\n  }\r\n`;\r\n\r\nexport const Loader = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    > div {\r\n        height: 10px;\r\n        width: 10px;\r\n        border-radius: 50%;\r\n        margin: 5px;\r\n        background-color: ${(p) => p.theme.colors?.text};\r\n        animation: ${LoaderAnimation} 1s infinite;\r\n    }\r\n    > div:nth-child(2) {\r\n        animation-delay: 100ms;\r\n    }\r\n    > div:nth-child(3) {\r\n        animation-delay: 200ms;\r\n    }\r\n`;\r\n\r\nexport const ContentBundle = styled.div`\r\n    grid-area: content;\r\n    max-width: 100%;\r\n`;\r\n\r\nexport const MessageTitle = styled(Typography)`\r\n    font-size: ${(p) => p.theme.fonts?.normal};\r\n    font-weight: normal;\r\n    margin: 0;\r\n`;\r\n\r\nexport const MessageContainer = styled.div<{ user?: boolean }>`\r\n    display: flex;\r\n    justify-content: ${(p) => (p.user ? 'end' : 'start')};\r\n`;\r\n\r\nexport type Stacked = 'first' | 'last' | 'middle';\r\n\r\nexport const MessageContent = styled.div<{\r\n    user?: boolean;\r\n    fullWidth?: boolean;\r\n    stacked?: Stacked;\r\n}>`\r\n    ${(p) => !p.user && p.stacked && nonUserMessageStyling(p.stacked, p.theme)}\r\n    ${(p) => p.user && p.stacked && userMessageStyling(p.stacked, p.theme)}\r\n\r\n    display: inline-block;\r\n    margin-top: ${(p) => p.theme.sizes?.normal};\r\n    && > * {\r\n        overflow-wrap: break-word;\r\n        word-wrap: break-word;\r\n        word-break: break-all;\r\n        word-break: break-word;\r\n        hyphens: auto;\r\n    }\r\n    max-width: 100%;\r\n    ${(p) => p.fullWidth && 'width: 100%;'}\r\n`;\r\n\r\nconst nonUserMessageStyling = (stacked: Stacked, theme: any) => {\r\n    const colors = css`\r\n        background-color: ${theme.colors?.accent};\r\n        color: ${theme.colors?.text};\r\n        ${theme.border && `border: ${theme.border};`};\r\n    `;\r\n\r\n    if (!theme.borderRadius) {\r\n        return colors;\r\n    }\r\n\r\n    return css`\r\n        ${colors}\r\n\r\n        border-top-right-radius: ${theme.borderRadius};\r\n        border-bottom-right-radius: ${theme.borderRadius};\r\n\r\n        ${stacked === 'first' &&\r\n        `\r\n            border-top-left-radius: ${theme.borderRadius};\r\n        `}\r\n\r\n        ${stacked === 'last' &&\r\n        `\r\n            border-bottom-left-radius: ${theme.borderRadius};\r\n        `}\r\n    `;\r\n};\r\n\r\nconst userMessageStyling = (stacked: Stacked, theme: any) => {\r\n    const colors = css`\r\n        background-color: ${theme.colors?.primary};\r\n        color: ${theme.colors?.accent};\r\n    `;\r\n\r\n    if (!theme.borderRadius) {\r\n        return colors;\r\n    }\r\n\r\n    return css`\r\n        ${colors}\r\n\r\n        border-top-left-radius: ${theme.borderRadius};\r\n        border-bottom-left-radius: ${theme.borderRadius};\r\n\r\n        ${stacked === 'first' &&\r\n        `\r\n            border-top-right-radius: ${theme.borderRadius};\r\n        `}\r\n\r\n        ${stacked === 'last' &&\r\n        `\r\n            border-bottom-right-radius: ${theme.borderRadius};\r\n        `}\r\n    `;\r\n};\r\n\r\nexport const MessageContentPart = styled.div`\r\n    margin-bottom: ${(p) => p.theme.sizes?.normal};\r\n    &:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n`;\r\n\r\nexport const messageContentPadding = css`\r\n    margin: ${(p) => p.theme.sizes?.normal} 0;\r\n    padding: 0 ${(p) => p.theme.sizes?.normal};\r\n`;\r\n\r\nexport const StyledForm = styled(FormComponent)`\r\n    margin: ${(p) => p.theme.sizes?.medium} 0;\r\n    padding: 0 ${(p) => p.theme.sizes?.medium};\r\n    & button.humany-form-component-button {\r\n        ${(p) =>\r\n            invertedHoverButton({\r\n                active: false,\r\n                primaryColor: p.theme.colors?.primary,\r\n                secondaryColor: p.theme.colors?.accent,\r\n            })};\r\n        display: block;\r\n        width: 100%;\r\n        margin-bottom: ${(p) => p.theme.sizes?.normal};\r\n    }\r\n    & button.humany-form-component-submit {\r\n        width: 100%;\r\n        margin: 0;\r\n        :not(:last-child) {\r\n            margin-bottom: ${(p) => p.theme.sizes?.normal};\r\n        }\r\n    }\r\n`;\r\n\r\nexport const StyledActionList = styled(List)`\r\n    padding: 0;\r\n    list-style: none;\r\n    button {\r\n        font-size: inherit;\r\n    }\r\n    margin: ${(p) => p.theme.sizes?.medium} 0;\r\n    padding: 0 ${(p) => p.theme.sizes?.medium};\r\n    display: flex;\r\n    gap: ${(p) => p.theme.sizes?.normal};\r\n`;\r\n\r\nexport const StyledActionButton = styled.button`\r\n    ${buttonCss};\r\n    display: block;\r\n    background-color: ${(p) => p.theme.colors?.primary};\r\n    width: 100%;\r\n    color: #fff;\r\n    margin: ${(p) => p.theme.sizes?.medium} 0;\r\n    padding: 0 ${(p) => p.theme.sizes?.medium};\r\n    font-family: Lato;\r\n    font-size: ${(p) => p.theme.fonts?.huge};\r\n    font-weight: 300;\r\n    &:focus {\r\n        ${(p) =>\r\n            p.theme.accessibility?.isTabbing &&\r\n            css`\r\n                ${borderTabStyle}\r\n                background-color: transparent;\r\n            `}\r\n    }\r\n`;\r\n","import React from 'react';\r\nimport { ConversationMessageSender } from '../../../types';\r\nimport { ContentBundle, Loader, MessageContainer, MessageContent } from './styles';\r\n\r\ntype Props = {\r\n    className?: string;\r\n    agentData?: ConversationMessageSender;\r\n};\r\n\r\nconst ConversationLoader: React.FC<Props> = ({ className, agentData }) => {\r\n    return (\r\n        <ContentBundle>\r\n            <MessageContainer>\r\n                <MessageContent>\r\n                    <Loader>\r\n                        <div />\r\n                        <div />\r\n                        <div />\r\n                    </Loader>\r\n                </MessageContent>\r\n            </MessageContainer>\r\n        </ContentBundle>\r\n    );\r\n};\r\n\r\nexport default ConversationLoader;\r\n","import { borderTabStyle, genericHtml, Html as UiHtml, Lightbox } from '@telia-ace/widget-ui';\r\nimport React, { FC } from 'react';\r\nimport styled from 'styled-components';\r\nimport { HtmlProperties } from '../../../../types';\r\nimport { messageContentPadding } from '../styles';\r\n\r\nconst imageLightboxRenderer = (\r\n    attrs: React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLImageElement>, HTMLImageElement>\r\n) => <Lightbox attrs={attrs} />;\r\n\r\nconst htmlParseInstructions = {\r\n    transform: {\r\n        img: imageLightboxRenderer,\r\n    },\r\n};\r\n\r\ntype Props = HtmlProperties;\r\n\r\nexport const Html: FC<Props> = ({ body }) => {\r\n    return <StyledHtml html={body} htmlParseInstruction={htmlParseInstructions} />;\r\n};\r\n\r\nconst StyledHtml = styled(UiHtml)<any>`\r\n    ${genericHtml}\r\n    color: inherit;\r\n    white-space: pre-wrap;\r\n    ${messageContentPadding}\r\n    a {\r\n        color: ${(p) => p.theme.colors.link};\r\n        &:focus {\r\n            ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n        }\r\n    }\r\n`;\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\ntype Props = {\r\n    className?: string;\r\n    name?: string;\r\n    timestamp?: number | null;\r\n};\r\n\r\nconst StyledTimestamp = styled.p`\r\n    && {\r\n        font-size: ${(p) => p.theme.fonts?.small};\r\n        font-weight: 300;\r\n    }\r\n    padding-top: ${(p) => p.theme.sizes?.small};\r\n    margin: 0;\r\n    line-height: 1.5em;\r\n    grid-area: info;\r\n    color: ${(p) => p.theme.colors?.text};\r\n`;\r\n\r\nconst getTimestamp = (raw: number) => {\r\n    return new Date(raw).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\r\n};\r\n\r\nconst Timestamp: React.FC<Props> = ({ className, name, timestamp }) => {\r\n    if (!name && !timestamp) {\r\n        return null;\r\n    }\r\n\r\n    let output = '';\r\n    if (name) {\r\n        if (timestamp) {\r\n            output = `${name}: ${getTimestamp(timestamp)}`;\r\n        } else {\r\n            output = name;\r\n        }\r\n    } else if (timestamp) {\r\n        output = getTimestamp(timestamp);\r\n    }\r\n\r\n    return <StyledTimestamp>{output}</StyledTimestamp>;\r\n};\r\n\r\nexport default Timestamp;\r\n","import { SymbolBadge, useProperties } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { ConversationMessageSender } from '../../../../types';\r\nimport { ConversationComponentProperties } from '../../plugin';\r\nimport { Avatar } from '../styles';\r\nimport Timestamp from './timestamp';\r\n\r\ntype Props = {\r\n    className?: string;\r\n    children: any;\r\n    sender: ConversationMessageSender;\r\n    timestamp: number | null;\r\n};\r\n\r\nconst AgentMessage: React.FC<Props> = ({ className, children, sender, timestamp }) => {\r\n    const { avatar, name } = sender;\r\n    const { avatarSize } = useProperties<ConversationComponentProperties>();\r\n\r\n    return (\r\n        <StyledAgentMessage\r\n            hasAvatar={!!avatar}\r\n            className={appendClassNames(className, 'humany-conversation-agent-message')}\r\n        >\r\n            {avatar && (\r\n                <Avatar avatarSize={avatarSize}>\r\n                    {typeof avatar === 'string' ? (\r\n                        <img src={avatar} />\r\n                    ) : (\r\n                        <SymbolBadge symbol={avatar} />\r\n                    )}\r\n                </Avatar>\r\n            )}\r\n            {children}\r\n            <Timestamp name={name} timestamp={timestamp}></Timestamp>\r\n        </StyledAgentMessage>\r\n    );\r\n};\r\n\r\nexport const StyledAgentMessage = styled.div<any>`\r\n    display: grid;\r\n    margin-right: 10%;\r\n    width: 90%;\r\n    ${(p) =>\r\n        p.hasAvatar\r\n            ? css`\r\n                  grid-template-columns: auto 1fr;\r\n                  grid-template-rows: 1fr auto;\r\n                  grid-template-areas:\r\n                      'avatar content'\r\n                      '. info';\r\n              `\r\n            : css`\r\n                  grid-template-columns: 1fr;\r\n                  grid-template-rows: 1fr auto;\r\n                  grid-template-areas:\r\n                      'content'\r\n                      'info';\r\n              `};\r\n`;\r\n\r\nexport default AgentMessage;\r\n","import { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport Timestamp from './timestamp';\r\n\r\nexport type Props = {\r\n    className?: string;\r\n    timestamp: number;\r\n    discrete?: boolean;\r\n    fullWidth?: boolean;\r\n    children: any;\r\n};\r\n\r\nconst SystemMessage: React.FC<Props> = ({\r\n    className,\r\n    children,\r\n    timestamp,\r\n    discrete,\r\n    fullWidth,\r\n}) => {\r\n    return (\r\n        <StyledSystemMessage\r\n            className={appendClassNames(className, 'humany-conversation-system-message')}\r\n            fullWidth={fullWidth}\r\n        >\r\n            {discrete ? (\r\n                <Discrete className=\"humany-conversation-discrete-message\">\r\n                    {children}\r\n                    <Timestamp timestamp={timestamp}></Timestamp>\r\n                </Discrete>\r\n            ) : (\r\n                <>\r\n                    {children}\r\n                    <Timestamp timestamp={timestamp}></Timestamp>\r\n                </>\r\n            )}\r\n        </StyledSystemMessage>\r\n    );\r\n};\r\n\r\nexport const StyledSystemMessage = styled.div<any>`\r\n    ${(p) => p.fullWidth && 'width: 100%'};\r\n    padding: 0 ${(p) => p.theme.sizes?.large};\r\n    overflow: auto;\r\n`;\r\n\r\nexport const Discrete = styled.div`\r\n    text-align: center;\r\n    word-wrap: break-word;\r\n    font-size: ${(p) => p.theme.fonts?.normal};\r\n    color: ${(p) => p.theme.colors?.text};\r\n    > p {\r\n        margin: 0;\r\n    }\r\n`;\r\n\r\nexport default SystemMessage;\r\n","import { useProperties } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { ConversationComponentProperties } from '../../plugin';\r\nimport Timestamp from './timestamp';\r\n\r\nexport type Props = {\r\n    className?: string;\r\n    timestamp: number;\r\n    children: any;\r\n};\r\n\r\nconst UserMessage: React.FC<Props> = ({ className, children, timestamp }) => {\r\n    const { userLabel = '' } = useProperties<ConversationComponentProperties>();\r\n    return (\r\n        <StyledUserMessage\r\n            className={appendClassNames(className, 'humany-conversation-user-message')}\r\n        >\r\n            {children}\r\n            <Timestamp name={userLabel} timestamp={timestamp}></Timestamp>\r\n        </StyledUserMessage>\r\n    );\r\n};\r\n\r\nconst StyledUserMessage = styled.div`\r\n    margin-left: 10%;\r\n    width: 90%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-end;\r\n`;\r\n\r\nexport default UserMessage;\r\n","export const mapActions = (actions: any) =>\r\n    Array.isArray(actions)\r\n        ? actions\r\n        : Object.keys(actions).map((i) => {\r\n              return {\r\n                  label: actions[i],\r\n                  actionKey: i,\r\n              };\r\n          });\r\n","import {\r\n    borderTabStyle,\r\n    Button,\r\n    buttonCss,\r\n    DispatchAction,\r\n    ItemList,\r\n    itemList,\r\n    SymbolBadge,\r\n} from '@telia-ace/widget-ui';\r\nimport React, { FC } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { ButtonListProperties } from '../../../../types';\r\nimport { mapActions } from '../../../../utils/map-actions';\r\nimport { messageContentPadding } from '../styles';\r\n\r\ntype Props = { dispatch: DispatchAction } & ButtonListProperties;\r\n\r\nexport const ButtonList: FC<Props> = ({ header, actions, dispatch }) => {\r\n    return (\r\n        <StyledButtonList\r\n            header={header}\r\n            items={mapActions(actions)}\r\n            renderItem={(item: any) => {\r\n                return (\r\n                    <li key={item.actionKey}>\r\n                        <StyledButtonListButton\r\n                            onClick={() => {\r\n                                dispatch('action', item);\r\n                            }}\r\n                            aria-label={item.label}\r\n                            title={item.label}\r\n                        >\r\n                            <SymbolBadge symbol={item.symbol} />\r\n                            {item.label}\r\n                        </StyledButtonListButton>\r\n                    </li>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nconst StyledButtonList = styled(ItemList)`\r\n    ${itemList}\r\n    > ul {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: ${(p) => p.theme.sizes?.normal};\r\n        > li {\r\n            margin: 0;\r\n        }\r\n    }\r\n    ${messageContentPadding}\r\n`;\r\n\r\nconst StyledButtonListButton = styled(Button)`\r\n    ${buttonCss};\r\n\r\n    display: block;\r\n    padding: ${(p) => p.theme.sizes?.normal};\r\n    background-color: ${(p) => p.theme.colors?.primary};\r\n    width: 100%;\r\n    color: #ffffff;\r\n    &:focus {\r\n        ${(p) =>\r\n            p.theme.accessibility?.isTabbing &&\r\n            css`\r\n                ${borderTabStyle}\r\n                background-color: transparent;\r\n            `}\r\n    }\r\n\r\n    i,\r\n    svg {\r\n        margin-right: ${(p) => p.theme.sizes?.small};\r\n    }\r\n`;\r\n","import { useComponent } from '@telia-ace/widget-ui';\r\nimport React, { Suspense } from 'react';\r\n\r\ntype Props = {\r\n    type: string;\r\n    content?: { [key: string]: any };\r\n};\r\nexport const Custom: React.FC<Props> = ({ type, content = {} }) => {\r\n    const Component = useComponent(type);\r\n\r\n    if (!Component || !type) {\r\n        return null;\r\n    }\r\n    return (\r\n        <Suspense fallback={null}>\r\n            <Component {...content} />\r\n        </Suspense>\r\n    );\r\n};\r\n","import {\r\n    borderTabStyle,\r\n    Button,\r\n    DispatchAction,\r\n    itemList,\r\n    ItemList,\r\n    SymbolBadge,\r\n} from '@telia-ace/widget-ui';\r\nimport React, { FC } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { LinkListProperties } from '../../../../types';\r\nimport { mapActions } from '../../../../utils/map-actions';\r\nimport { messageContentPadding } from '../styles';\r\n\r\ntype Props = { dispatch: DispatchAction } & LinkListProperties;\r\n\r\nexport const LinkList: FC<Props> = ({ header, actions, dispatch }) => {\r\n    return (\r\n        <StyledLinkList\r\n            header={header}\r\n            items={mapActions(actions)}\r\n            renderItem={(item: any) => {\r\n                return (\r\n                    <li key={item.actionKey}>\r\n                        <StyledLinkButton\r\n                            help={item.actionKey === 'help'}\r\n                            onClick={() => {\r\n                                dispatch('action', item);\r\n                            }}\r\n                            aria-label={item.label}\r\n                            title={item.label}\r\n                        >\r\n                            {item.label}\r\n                            {item.actionKey === 'help' && (\r\n                                <SymbolBadge\r\n                                    size={14}\r\n                                    symbol={{\r\n                                        type: 'Svg',\r\n                                        content: 'caret-down',\r\n                                    }}\r\n                                />\r\n                            )}\r\n                        </StyledLinkButton>\r\n                    </li>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};\r\nconst StyledLinkList = styled(ItemList)`\r\n    ${itemList}\r\n    ${messageContentPadding}\r\n    > ul {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: ${(p) => p.theme.sizes?.normal};\r\n        > li {\r\n            margin: 0;\r\n        }\r\n    }\r\n`;\r\n\r\nconst StyledLinkButton = styled(Button)<{ help: boolean }>`\r\n    display: block;\r\n    text-align: left;\r\n    font-weight: 300;\r\n    color: ${(p) => p.theme.colors?.primary};\r\n\r\n    ${(p) =>\r\n        p.help &&\r\n        css`\r\n            color: ${p.theme.colors?.text};\r\n            text-decoration: underline;\r\n\r\n            i,\r\n            svg {\r\n                margin-left: ${p.theme.sizes?.small};\r\n            }\r\n        `}\r\n\r\n    &:focus {\r\n        ${(p) =>\r\n            p.theme.accessibility?.isTabbing &&\r\n            css`\r\n                ${borderTabStyle}\r\n                span {\r\n                    color: ${p.theme.colors?.primary};\r\n                    text-decoration: underline;\r\n                }\r\n            `};\r\n    }\r\n`;\r\n","import React, { FC } from 'react';\r\nimport styled from 'styled-components';\r\n\r\nexport const Separator: FC = () => {\r\n    return <StyledSeparator />;\r\n};\r\n\r\nconst StyledSeparator = styled.div`\r\n    ${(p) => p.theme.border && `border-bottom: ${p.theme.border};`}\r\n    width: 100%;\r\n`;\r\n","import { Typography } from '@telia-ace/widget-ui';\r\nimport React, { FC } from 'react';\r\nimport styled from 'styled-components';\r\nimport { messageContentPadding } from '../styles';\r\n\r\ntype Props = { text: string };\r\n\r\nexport const Text: FC<Props> = ({ text }) => {\r\n    return <StyledTypography variant=\"span\">{text}</StyledTypography>;\r\n};\r\n\r\nconst StyledTypography = styled(Typography)`\r\n    ${messageContentPadding}\r\n`;\r\n","import React, { FC } from 'react';\r\n\r\nimport { DispatchAction, List, list } from '@telia-ace/widget-ui';\r\nimport { uuid } from '@telia-ace/widget-utilities';\r\nimport styled from 'styled-components';\r\nimport { ConversationMessageListItemType, ConverstationMessageItem } from '../../../../types';\r\nimport { ButtonList } from '../message-list-items/button-list';\r\nimport { Custom } from '../message-list-items/custom';\r\nimport { Html } from '../message-list-items/html';\r\nimport { LinkList } from '../message-list-items/link-list';\r\nimport { Separator } from '../message-list-items/separator';\r\nimport { Text } from '../message-list-items/text';\r\n\r\ntype Props = {\r\n    items: ConverstationMessageItem<any>[];\r\n    dispatch: DispatchAction;\r\n};\r\n\r\nconst mapItem = ([type, content]: ConverstationMessageItem<any>) => {\r\n    return { type, content, id: uuid() };\r\n};\r\n\r\nexport const MessageList: FC<Props> = ({ items, dispatch }) => {\r\n    return (\r\n        <StyledList\r\n            items={items.map(mapItem)}\r\n            renderLi\r\n            renderItem={(item: any) => {\r\n                switch (item.type) {\r\n                    case ConversationMessageListItemType.Text: {\r\n                        return <Text text={item.content} />;\r\n                    }\r\n                    case ConversationMessageListItemType.HTML: {\r\n                        return <Html {...item.content} />;\r\n                    }\r\n                    case ConversationMessageListItemType.Separator: {\r\n                        return <Separator {...item.content} />;\r\n                    }\r\n                    case ConversationMessageListItemType.LinkList: {\r\n                        return <LinkList {...item.content} dispatch={dispatch} />;\r\n                    }\r\n                    case ConversationMessageListItemType.ButtonList: {\r\n                        return <ButtonList {...item.content} dispatch={dispatch} />;\r\n                    }\r\n                    default: {\r\n                        return <Custom type={item.type} content={item.content} />;\r\n                    }\r\n                }\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nconst StyledList = styled(List)<any>`\r\n    ${list}\r\n\r\n    > li {\r\n        margin: 0;\r\n    }\r\n`;\r\n","import { useDispatch } from '@telia-ace/widget-ui';\r\nimport { uuid } from '@telia-ace/widget-utilities';\r\nimport React, { useCallback } from 'react';\r\nimport { ConversationMessageType } from '../../../conversation-controller';\r\nimport { ConversationMessageContent } from '../../../types';\r\nimport { BundledConversationMessage } from '../plugin';\r\nimport { Html } from './message-list-items/html';\r\nimport { AgentMessage, SystemMessage, UserMessage } from './message-types';\r\nimport { MessageList } from './message-types/message-list';\r\nimport {\r\n    ContentBundle,\r\n    MessageContainer,\r\n    MessageContent,\r\n    MessageContentPart,\r\n    MessageTitle,\r\n    Stacked,\r\n    StyledActionButton,\r\n    StyledActionList,\r\n    StyledForm,\r\n} from './styles';\r\n\r\ntype Props = {\r\n    className?: string;\r\n} & BundledConversationMessage;\r\n\r\nexport const ConversationMessage: React.FC<Props> = ({\r\n    className,\r\n    timestamp,\r\n    sender,\r\n    type,\r\n    content,\r\n}) => {\r\n    const getMessageStackPosition = useCallback(\r\n        (index: number): Stacked => {\r\n            let messageOrder: Stacked = 'first';\r\n            if (content.length > 1) {\r\n                messageOrder =\r\n                    index === 0 ? 'first' : index + 1 === content.length ? 'last' : 'middle';\r\n            }\r\n            return messageOrder;\r\n        },\r\n        [content]\r\n    );\r\n\r\n    const createSystemMessage = () => {\r\n        return (\r\n            <>\r\n                {content.map((item) => {\r\n                    const { key, body, title, form, actions } = item;\r\n                    const discrete = !!body && !title && !form && !actions;\r\n                    return (\r\n                        <SystemMessage\r\n                            className={className}\r\n                            key={key}\r\n                            discrete={discrete}\r\n                            timestamp={timestamp}\r\n                            fullWidth={!!form || !!actions}\r\n                        >\r\n                            {discrete && body ? (\r\n                                <Html body={body} />\r\n                            ) : (\r\n                                <Message content={item} isUser={false} />\r\n                            )}\r\n                        </SystemMessage>\r\n                    );\r\n                })}\r\n            </>\r\n        );\r\n    };\r\n\r\n    const createAgentMessage = () => {\r\n        return (\r\n            <AgentMessage sender={sender} timestamp={timestamp} className={className}>\r\n                <ContentBundle>\r\n                    {content.map((item, index) => {\r\n                        return (\r\n                            <MessageContainer key={item.key}>\r\n                                <Message\r\n                                    content={item}\r\n                                    isUser={false}\r\n                                    stacked={getMessageStackPosition(index)}\r\n                                />\r\n                            </MessageContainer>\r\n                        );\r\n                    })}\r\n                </ContentBundle>\r\n            </AgentMessage>\r\n        );\r\n    };\r\n\r\n    const createUserMessage = () => {\r\n        return (\r\n            <UserMessage timestamp={timestamp} className={className}>\r\n                <ContentBundle>\r\n                    {content.map((item, index) => {\r\n                        return (\r\n                            <MessageContainer user key={item.key}>\r\n                                <Message\r\n                                    content={item}\r\n                                    isUser={true}\r\n                                    stacked={getMessageStackPosition(index)}\r\n                                />\r\n                            </MessageContainer>\r\n                        );\r\n                    })}\r\n                </ContentBundle>\r\n            </UserMessage>\r\n        );\r\n    };\r\n\r\n    switch (type) {\r\n        case ConversationMessageType.System:\r\n            return createSystemMessage();\r\n        case ConversationMessageType.Agent:\r\n            return createAgentMessage();\r\n        case ConversationMessageType.User:\r\n            return createUserMessage();\r\n        default:\r\n            return null;\r\n    }\r\n};\r\n\r\ntype MessageContentProps = {\r\n    className?: string;\r\n    content: ConversationMessageContent;\r\n    isUser: boolean;\r\n    stacked?: Stacked;\r\n    CustomComponent?: any;\r\n};\r\n\r\nconst Message: React.FC<MessageContentProps> = ({ content, isUser, stacked }) => {\r\n    const dispatch = useDispatch();\r\n    const { title, body, actions, form, items } = content;\r\n\r\n    return (\r\n        <MessageContent user={isUser} stacked={stacked} fullWidth={!!form || !!actions}>\r\n            {title && (\r\n                <MessageContentPart>\r\n                    <MessageTitle variant=\"h2\">{title}</MessageTitle>\r\n                </MessageContentPart>\r\n            )}\r\n            {body && (\r\n                <MessageContentPart>\r\n                    <Html body={body} />\r\n                </MessageContentPart>\r\n            )}\r\n            {form && (\r\n                <MessageContentPart>\r\n                    <StyledForm\r\n                        {...form}\r\n                        onChange={(key: string, data: any) => {\r\n                            dispatch('form', {\r\n                                data,\r\n                                formKey: form.schema.id,\r\n                                actionKey: key,\r\n                            });\r\n                        }}\r\n                    />\r\n                </MessageContentPart>\r\n            )}\r\n            {actions && (\r\n                <MessageContentPart>\r\n                    <StyledActionList\r\n                        items={Object.keys(actions).map((i: any) => {\r\n                            return { label: actions[i], actionKey: i };\r\n                        })}\r\n                        renderItem={(item: any) => {\r\n                            return (\r\n                                <li key={item.actionKey}>\r\n                                    <StyledActionButton\r\n                                        onClick={() => {\r\n                                            dispatch('action', item.actionKey);\r\n                                        }}\r\n                                    >\r\n                                        {item.label}\r\n                                    </StyledActionButton>\r\n                                </li>\r\n                            );\r\n                        }}\r\n                    />\r\n                </MessageContentPart>\r\n            )}\r\n            {items && <MessageList key={uuid()} items={items} dispatch={dispatch} />}\r\n        </MessageContent>\r\n    );\r\n};\r\n","import {\r\n    borderTabStyle,\r\n    headingElement,\r\n    usePrevious,\r\n    useProperties,\r\n    useScroll,\r\n    useTransitionEnd,\r\n} from '@telia-ace/widget-ui';\r\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { ConversationMessageSender } from '../../../types';\r\nimport { BundledConversationMessage, ConversationComponentProperties } from '../plugin';\r\nimport ConversationInput from './input';\r\nimport ConversationLoader from './loader';\r\nimport { ConversationMessage } from './message';\r\nimport { AgentMessage } from './message-types';\r\n\r\nexport const ConversationContent: React.FC = () => {\r\n    const lastEntry = useRef(document.createElement('div'));\r\n    const [scrollableCss, viewElem] = useScroll(true);\r\n    const { messages, loading, typingActors } = useProperties<ConversationComponentProperties>();\r\n    const [canSmooth, setCanSmooth] = useState(false);\r\n    const previousMessages = usePrevious(messages);\r\n    const previousTypingActors = usePrevious(typingActors);\r\n    const scrollView = useCallback(\r\n        (lastEntry: any, smooth = true) => {\r\n            if (lastEntry !== null && lastEntry.current !== null) {\r\n                if (messages && messages.length === 1) {\r\n                    lastEntry.current.focus();\r\n                }\r\n                /**\r\n                 * Don't scroll on typing state if the user has scrolled up a bit.\r\n                 */\r\n                if (\r\n                    lastEntry.current.id.indexOf('typing_') !== -1 &&\r\n                    viewElem.current.scrollTopMax - viewElem.current.scrollTop >\r\n                        lastEntry.current.clientHeight + 100\r\n                ) {\r\n                    return;\r\n                }\r\n                setTimeout(() => {\r\n                    if (lastEntry.current) {\r\n                        lastEntry.current.scrollIntoView({\r\n                            block: 'end',\r\n                            behavior: smooth ? 'smooth' : 'auto',\r\n                        });\r\n                    }\r\n                }, 150);\r\n            }\r\n        },\r\n        [lastEntry]\r\n    );\r\n\r\n    useEffect(() => {\r\n        if (canSmooth) {\r\n            const messageCountChanged = messages.length !== previousMessages?.length;\r\n            const typingActorCountChanged = typingActors.length !== previousTypingActors?.length;\r\n            const messageContentCountChanged = messages.reduce<boolean>(\r\n                (changed, message, index) => {\r\n                    if (previousMessages?.[index]?.content.length !== message.content.length) {\r\n                        return true;\r\n                    }\r\n                    return changed;\r\n                },\r\n                false\r\n            );\r\n            // only scroll to the last message if there is\r\n            // any new content\r\n            if (messageCountChanged || messageContentCountChanged || typingActorCountChanged) {\r\n                scrollView(lastEntry);\r\n            }\r\n        }\r\n    }, [messages, typingActors]);\r\n\r\n    useTransitionEnd(() => {\r\n        setCanSmooth(true);\r\n        scrollView(lastEntry, false);\r\n    });\r\n\r\n    const renderTypingActors = () => {\r\n        if (typingActors && typingActors.length) {\r\n            return typingActors.map((actor: ConversationMessageSender, index) => {\r\n                return (\r\n                    <MessageEntry\r\n                        id={`typing_${actor.name}`}\r\n                        ref={typingActors.length ? lastEntry : null}\r\n                        key={`typing_${actor.name}`}\r\n                    >\r\n                        <AgentMessage timestamp={Date.now()} sender={actor}>\r\n                            <ConversationLoader></ConversationLoader>\r\n                        </AgentMessage>\r\n                    </MessageEntry>\r\n                );\r\n            });\r\n        }\r\n        return null;\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <Scrollable tabIndex={0} scrollableCss={scrollableCss} ref={viewElem}>\r\n                {messages && messages.length\r\n                    ? messages.map((message: BundledConversationMessage, index: any) => {\r\n                          const { type, timestamp, sender, content } = message;\r\n                          return (\r\n                              <MessageEntry\r\n                                  className={'humany-conversation-entry'}\r\n                                  tabIndex={-1}\r\n                                  key={`${type}_${sender?.name}_${timestamp}_${content[0].key}`}\r\n                                  ref={\r\n                                      index + 1 < messages.length\r\n                                          ? null\r\n                                          : typingActors.length\r\n                                          ? null\r\n                                          : lastEntry\r\n                                  }\r\n                              >\r\n                                  <ConversationMessage {...message} />\r\n                              </MessageEntry>\r\n                          );\r\n                      })\r\n                    : null}\r\n                {renderTypingActors()}\r\n                {loading && (\r\n                    <MessageEntry>\r\n                        <ConversationLoader />\r\n                    </MessageEntry>\r\n                )}\r\n            </Scrollable>\r\n            <ConversationInput />\r\n        </>\r\n    );\r\n};\r\n\r\nconst Scrollable = styled.div<{ scrolling: boolean } & any>`\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    flex: 0 1 100%;\r\n    padding: 0 ${(p) => p.theme.sizes?.normal};\r\n    ${(p) => !!p.scrollableCss && p.scrollableCss};\r\n    &:focus {\r\n        ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n    }\r\n`;\r\n\r\nconst MessageEntry = styled.div`\r\n    margin: 0;\r\n    margin-bottom: ${(p) => p.theme.sizes?.medium};\r\n\r\n    &:first-of-type {\r\n        margin-top: ${(p) => p.theme.sizes?.medium};\r\n    }\r\n\r\n    &:last-of-type {\r\n        padding-bottom: ${(p) => p.theme.sizes?.medium};\r\n    }\r\n\r\n    & span,\r\n    p,\r\n    a,\r\n    div {\r\n        font-weight: 300;\r\n    }\r\n\r\n    & b,\r\n    h1 {\r\n        font-weight: normal;\r\n    }\r\n\r\n    ${headingElement(\r\n        'h1',\r\n        css`\r\n            font-weight: normal;\r\n        `\r\n    )}\r\n`;\r\n","import {\r\n    borderTabStyle,\r\n    Button,\r\n    DispatchAction,\r\n    SymbolBadge,\r\n    Typography,\r\n    WidgetOverlayOutlet\r\n} from '@telia-ace/widget-ui';\r\nimport React, { FC, useEffect, useRef } from 'react';\r\nimport styled from 'styled-components';\r\nimport { ConversationContent } from './content';\r\n\r\ntype OverlayOutletProps = {\r\n    dispatch: DispatchAction;\r\n};\r\n\r\nexport const OverlayOutlet: FC<OverlayOutletProps> = ({ dispatch }) => {\r\n    const wrapperRef = useRef<HTMLDivElement>(null);\r\n\r\n    useEffect(() => {\r\n        if (wrapperRef.current && wrapperRef.current.parentNode) {\r\n            dispatch('overlay-outlet-mounted', wrapperRef.current);\r\n        }\r\n    }, [wrapperRef]);\r\n\r\n    return (\r\n        <WidgetOverlayOutlet\r\n            portalId=\"humany-conversation-overlay-portal\"\r\n            className=\"humany-conversation-overlay-outlet\"\r\n            ref={wrapperRef}\r\n        />\r\n    );\r\n};\r\n\r\ntype ConversationOverlayProps = {\r\n    dispatch: DispatchAction;\r\n    header?: string;\r\n    buttonLabel?: string;\r\n};\r\n\r\nexport const ConversationOverlayOutlet: FC<ConversationOverlayProps> = ({\r\n    dispatch,\r\n    header,\r\n    buttonLabel,\r\n}) => {\r\n    return (\r\n        <StyledWidgetOverlayOutlet\r\n            portalId=\"humany-conversation-portal\"\r\n            className=\"humany-conversation-outlet\"\r\n        >\r\n            <ConversationOverlayHead className=\"humany-conversation-outlet-head\">\r\n                <ConversationOverlayHeadButton\r\n                    className=\"humany-conversation-outlet-head-button\"\r\n                    aria-label={buttonLabel}\r\n                    title={buttonLabel}\r\n                    onClick={() => dispatch('hide-overlay-conversation')}\r\n                >\r\n                    <SymbolBadge\r\n                        symbol={{\r\n                            type: 'Svg',\r\n                            content: 'caret-down',\r\n                        }}\r\n                        size={20}\r\n                    />\r\n                </ConversationOverlayHeadButton>\r\n                {header && (\r\n                    <ConversationOverlayHeader\r\n                        className=\"humany-conversation-outlet-header\"\r\n                        variant=\"h1\"\r\n                    >\r\n                        {header}\r\n                    </ConversationOverlayHeader>\r\n                )}\r\n            </ConversationOverlayHead>\r\n            <ConversationContent />\r\n        </StyledWidgetOverlayOutlet>\r\n    );\r\n};\r\n\r\nconst StyledWidgetOverlayOutlet = styled(WidgetOverlayOutlet)`\r\n    z-index: 11;\r\n    top: auto;\r\n    height: 65%;\r\n    background-color: #ffffff;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border-top-right-radius: ${(p) => p.theme.sizes?.large};\r\n    border-top-left-radius: ${(p) => p.theme.sizes?.large};\r\n`;\r\n\r\nconst ConversationOverlayHead = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: ${(p) => p.theme.sizes?.normal};\r\n    padding: ${(p) => p.theme.sizes?.normal};\r\n    ${(p) => p.theme.border && `border-bottom: ${p.theme.border};`}\r\n`;\r\n\r\nconst ConversationOverlayHeader = styled(Typography)`\r\n    font-size: ${(p) => p.theme.fonts?.medium};\r\n    color: ${(p) => p.theme.colors?.text};\r\n    margin: 0;\r\n`;\r\n\r\nconst ConversationOverlayHeadButton = styled(Button)`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: ${(p) => p.theme.sizes?.small} ${(p) => p.theme.sizes?.medium};\r\n    ${(p) => p.theme.borderRadius && `border-radius: ${p.theme.borderRadius};`}\r\n\r\n    &:focus {\r\n        ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n    }\r\n\r\n    svg line {\r\n        stroke: ${(p) => p.theme.colors?.text};\r\n    }\r\n`;\r\n","import { useDispatch, useProperties } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { ConversationComponentProperties } from './plugin';\r\nimport { ConversationContent } from './ui/content';\r\nimport {\r\n    ConversationOverlayOutlet,\r\n    OverlayOutlet\r\n} from './ui/overlay-outlets';\r\n\r\ntype Props = {\r\n    className: string;\r\n};\r\n\r\nconst Conversation: React.FC<Props> = ({ className }) => {\r\n    const { \r\n        overlay, \r\n        overlayConversationHeader, \r\n        overlayConversationCloseLabel,\r\n     } = useProperties<ConversationComponentProperties>();\r\n    const dispatch = useDispatch();\r\n    return (\r\n        <>\r\n            <Wrapper className={appendClassNames(className, 'humany-conversation-component')}>\r\n                <ConversationContent />\r\n            </Wrapper>\r\n            {overlay && (\r\n                <>\r\n                    <OverlayOutlet dispatch={dispatch} />\r\n                    {overlay.conversation && (\r\n                        <ConversationOverlayOutlet\r\n                            dispatch={dispatch}\r\n                            header={overlayConversationHeader}\r\n                            buttonLabel={overlayConversationCloseLabel}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        </>\r\n    );\r\n};\r\n\r\nconst Wrapper = styled.div`\r\n    position: absolute;\r\n    right: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    top: 0;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n`;\r\n\r\nexport default Conversation;\r\n"],"names":["Wrapper","UiHtml"],"mappings":"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"}
+{"version":3,"file":"conversation.js","sources":["../src/components/conversation/ui/input.tsx","../src/components/conversation/ui/styles.tsx","../src/components/conversation/ui/loader.tsx","../src/components/conversation/ui/message-list-items/html.tsx","../src/components/conversation/ui/message-types/timestamp.tsx","../src/components/conversation/ui/message-types/agent.tsx","../src/components/conversation/ui/message-types/system.tsx","../src/components/conversation/ui/message-types/user.tsx","../src/utils/map-actions.ts","../src/components/conversation/ui/message-list-items/button-list.tsx","../src/components/conversation/ui/message-list-items/custom.tsx","../src/components/conversation/ui/message-list-items/link-list.tsx","../src/components/conversation/ui/message-list-items/separator.tsx","../src/components/conversation/ui/message-list-items/text.tsx","../src/components/conversation/ui/message-list-items/video-request.tsx","../src/components/conversation/ui/message-types/message-list.tsx","../src/components/conversation/ui/message.tsx","../src/components/conversation/ui/content.tsx","../src/components/conversation/ui/overlay-outlets.tsx","../src/components/conversation/conversation.tsx"],"sourcesContent":["import {\r\n    borderTabStyle,\r\n    Button,\r\n    Input,\r\n    SymbolBadge,\r\n    useDispatch,\r\n    useProperties,\r\n    useScroll,\r\n} from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React, { useEffect, useState } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { ConversationComponentProperties } from '../plugin';\r\n\r\ntype Props = {\r\n    className?: string;\r\n};\r\n\r\nconst ConversationInput: React.FC<Props> = ({ className }) => {\r\n    const [inputText, setInputText] = useState('');\r\n    const [inputFocus, setInputFocus] = useState(false);\r\n    const [calculatedLineHeight, setCalculatedLineHeight] = useState(0);\r\n    const [textareaMaxHeight, setTextareaMaxHeight] = useState(0);\r\n    const dispatch = useDispatch();\r\n    const {\r\n        inputPlaceholder = 'Type your message',\r\n        inputHidden = false,\r\n        inputDisabled = false,\r\n        sendButtonLabel = 'Send message',\r\n        inputMultiline: multiline = true,\r\n        secondaryAction,\r\n    } = useProperties<ConversationComponentProperties>();\r\n    const [scrollableCss, inputRef] = useScroll(true);\r\n\r\n    useEffect(() => {\r\n        if (inputRef.current) {\r\n            const { lineHeight, maxHeight } = getComputedStyle(inputRef.current);\r\n            if (lineHeight && lineHeight.indexOf('px') > -1) {\r\n                const lineHeightNumber = lineHeight.split('px');\r\n                const calcLH = parseInt(lineHeightNumber[0], 10);\r\n                setCalculatedLineHeight(calcLH);\r\n                const maxHeightNumber = maxHeight.split('px');\r\n                setTextareaMaxHeight(parseInt(maxHeightNumber[0], 10));\r\n            }\r\n        }\r\n    }, [inputRef.current]);\r\n\r\n    const submit = (e: any) => {\r\n        if (!e.shiftKey || !multiline) {\r\n            e.preventDefault();\r\n            if (inputText && inputText.length > 0) {\r\n                dispatch('user-submit', { text: inputText });\r\n                setInputText('');\r\n                onChange('');\r\n            }\r\n        } else if (inputText.length < 1) {\r\n            e.preventDefault();\r\n        }\r\n    };\r\n\r\n    const onSecondaryActionButtonClick = (e: any) => {\r\n        if (!secondaryAction) {\r\n            return;\r\n        }\r\n        e.preventDefault();\r\n        dispatch('action', {\r\n            actionKey: secondaryAction.action,\r\n            ...secondaryAction,\r\n        });\r\n    };\r\n\r\n    const calculateHeight = (value: string) => {\r\n        if (multiline && inputRef.current) {\r\n            const scrollHeight = inputRef.current.scrollHeight;\r\n            if (scrollHeight > calculatedLineHeight) {\r\n                inputRef.current.style.height = 'auto';\r\n                let areaHeight = scrollHeight;\r\n                if (value.length < 1) {\r\n                    areaHeight = calculatedLineHeight;\r\n                }\r\n                inputRef.current.style.height = `${areaHeight}px`;\r\n\r\n                if (areaHeight >= textareaMaxHeight) {\r\n                    inputRef.current.style.overflowY = 'scroll';\r\n                } else {\r\n                    inputRef.current.style.overflowY = 'hidden';\r\n                }\r\n            }\r\n        }\r\n    };\r\n\r\n    const onChange = (value: string) => {\r\n        calculateHeight(value);\r\n        setInputText(value);\r\n        if (value && value.length > 0) {\r\n            dispatch('user-typing', { textLength: value.length });\r\n        }\r\n    };\r\n\r\n    if (inputHidden) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <Wrapper\r\n            grow={multiline}\r\n            className={appendClassNames('humany-conversation-input', className)}\r\n            data-has-focus={inputFocus}\r\n            scrollableCss={scrollableCss}\r\n        >\r\n            {secondaryAction && (\r\n                <SecondaryActionButton\r\n                    disabled={inputDisabled}\r\n                    onClick={onSecondaryActionButtonClick}\r\n                    title={secondaryAction.label}\r\n                    aria-label={secondaryAction.label}\r\n                >\r\n                    <SymbolBadge\r\n                        size={24}\r\n                        symbol={{ type: 'Svg', content: secondaryAction.icon || 'browse' }}\r\n                    />\r\n                </SecondaryActionButton>\r\n            )}\r\n            {multiline ? (\r\n                <StyledTextArea\r\n                    value={inputText}\r\n                    onChange={onChange}\r\n                    onEnter={submit}\r\n                    disabled={inputDisabled}\r\n                    aria-label={inputPlaceholder}\r\n                    placeholder={inputPlaceholder}\r\n                    onFocusChange={setInputFocus}\r\n                    type={'textarea'}\r\n                    rows={1}\r\n                    ref={inputRef}\r\n                />\r\n            ) : (\r\n                <StyledInput\r\n                    value={inputText}\r\n                    onChange={onChange}\r\n                    onEnter={submit}\r\n                    disabled={inputDisabled}\r\n                    aria-label={inputPlaceholder}\r\n                    placeholder={inputPlaceholder}\r\n                    onFocusChange={setInputFocus}\r\n                />\r\n            )}\r\n            <StyledButton\r\n                disabled={inputDisabled}\r\n                onClick={submit}\r\n                title={sendButtonLabel}\r\n                aria-label={sendButtonLabel}\r\n            >\r\n                <SendSymbol\r\n                    size={22}\r\n                    symbol={{ type: 'Svg', content: 'send' }}\r\n                    hasContent={inputText && inputText.length}\r\n                />\r\n            </StyledButton>\r\n        </Wrapper>\r\n    );\r\n};\r\n\r\nconst StyledTextArea = styled(Input)<any>`\r\n    resize: none;\r\n    flex: 1;\r\n    flex-shrink: 1;\r\n    min-height: 1.2em;\r\n    max-height: 148px;\r\n    line-height: 1.2em;\r\n    height: 1.2em;\r\n    padding: 0;\r\n    margin: calc(${(p) => p.theme.sizes?.small} * 2);\r\n    font-size: ${(p) => p.theme.fonts?.normal};\r\n    border: none;\r\n    transition: height 200ms linear;\r\n    outline: none;\r\n`;\r\n\r\nconst StyledInput = styled(Input)<any>`\r\n    flex: 1;\r\n    border: none;\r\n    background-color: transparent;\r\n    font-weight: 300;\r\n    font-size: ${(p) => p.theme.fonts?.normal};\r\n    line-height: 1.2em;\r\n    outline: none;\r\n    padding-left: ${(p) => p.theme.sizes?.large};\r\n    color: ${(p) => p.theme.colors?.text};\r\n    &::placeholder {\r\n        color: ${(p) => p.theme.colors?.textLight};\r\n        font-style: italic;\r\n    }\r\n`;\r\n\r\nconst StyledButton = styled(Button)<any>`\r\n    flex: 0 0 50px;\r\n    align-self: stretch;\r\n    background-color: transparent;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border: none;\r\n    color: #a6a6a6;\r\n    &:focus {\r\n        ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n    }\r\n`;\r\n\r\nconst SecondaryActionButton = styled(StyledButton)`\r\n    border-right: ${(p) => p.theme.border};\r\n    margin: ${(p) => p.theme.sizes?.normal} 0;\r\n`;\r\n\r\nconst Wrapper = styled.div<{ 'data-has-focus': boolean } & any>`\r\n    ${(p) =>\r\n        p.grow\r\n            ? css`\r\n                  min-height: 50px;\r\n                  max-height: 150px;\r\n              `\r\n            : css`\r\n                  height: 50px;\r\n              `}\r\n    flex: 0 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    background-color: ${(p) => p.theme.colors?.accent};\r\n    border-top: ${(p) => p.theme.inputBorder};\r\n    ${(p) =>\r\n        p['data-has-focus'] &&\r\n        css`\r\n            ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n        `}\r\n    ${StyledTextArea} {\r\n        ${(p) => !!p.scrollableCss && p.scrollableCss}\r\n    }\r\n`;\r\n\r\nconst SendSymbol = styled(({ hasContent, ...other }) => <SymbolBadge {...other} />)`\r\n    line,\r\n    path {\r\n        stroke: ${(p) => (p.hasContent ? p.theme.colors?.primary : '#a6a6a6')};\r\n        fill: ${(p) => (p.hasContent ? p.theme.colors?.primary : '#a6a6a6')};\r\n    }\r\n`;\r\n\r\nexport default ConversationInput;\r\n","import { FormComponent } from '@telia-ace/widget-forms';\r\nimport {\r\n    borderTabStyle,\r\n    buttonCss,\r\n    invertedHoverButton,\r\n    List,\r\n    Typography,\r\n} from '@telia-ace/widget-ui';\r\nimport styled, { css, keyframes } from 'styled-components';\r\n\r\nexport const Avatar = styled.div<any>`\r\n    width: ${(p) => p.avatarSize || '32px'};\r\n    height: ${(p) => p.avatarSize || '32px'};\r\n    border-radius: 50%;\r\n    background-color: ${(p) => p.theme.colors?.accent};\r\n    border: ${(p) => p.theme.border};\r\n    grid-area: avatar;\r\n    align-self: flex-end;\r\n    justify-self: center;\r\n    overflow: hidden;\r\n    margin-right: ${(p) => p.theme.sizes?.normal};\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: ${(p) => p.theme.colors?.text};\r\n\r\n    > img {\r\n        height: 100%;\r\n        width: 100%;\r\n        object-fit: cover;\r\n    }\r\n\r\n    > svg {\r\n        width: 90%;\r\n        height: 90%;\r\n        padding: 10%;\r\n        color: ${(p) => p.theme.colors?.text};\r\n\r\n        line,\r\n        path,\r\n        circle,\r\n        fill {\r\n            stroke: ${(p) => p.theme.colors?.text};\r\n        }\r\n    }\r\n`;\r\n\r\nexport const LoaderAnimation = keyframes`\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  75% {\r\n    opacity: 1;\r\n  }\r\n  100% {\r\n    opacity: 0;\r\n  }\r\n`;\r\n\r\nexport const Loader = styled.div`\r\n    display: flex;\r\n    justify-content: center;\r\n    > div {\r\n        height: 10px;\r\n        width: 10px;\r\n        border-radius: 50%;\r\n        margin: 5px;\r\n        background-color: ${(p) => p.theme.colors?.text};\r\n        animation: ${LoaderAnimation} 1s infinite;\r\n    }\r\n    > div:nth-child(2) {\r\n        animation-delay: 100ms;\r\n    }\r\n    > div:nth-child(3) {\r\n        animation-delay: 200ms;\r\n    }\r\n`;\r\n\r\nexport const ContentBundle = styled.div`\r\n    grid-area: content;\r\n    max-width: 100%;\r\n`;\r\n\r\nexport const MessageTitle = styled(Typography)`\r\n    font-size: ${(p) => p.theme.fonts?.normal};\r\n    font-weight: normal;\r\n    margin: 0;\r\n`;\r\n\r\nexport const MessageContainer = styled.div<{ user?: boolean }>`\r\n    display: flex;\r\n    justify-content: ${(p) => (p.user ? 'end' : 'start')};\r\n`;\r\n\r\nexport type Stacked = 'first' | 'last' | 'middle';\r\n\r\nexport const MessageContent = styled.div<{\r\n    user?: boolean;\r\n    fullWidth?: boolean;\r\n    stacked?: Stacked;\r\n}>`\r\n    ${(p) => !p.user && p.stacked && nonUserMessageStyling(p.stacked, p.theme)}\r\n    ${(p) => p.user && p.stacked && userMessageStyling(p.stacked, p.theme)}\r\n\r\n    display: inline-block;\r\n    margin-top: ${(p) => p.theme.sizes?.normal};\r\n    && > * {\r\n        overflow-wrap: break-word;\r\n        word-wrap: break-word;\r\n        word-break: break-all;\r\n        word-break: break-word;\r\n        hyphens: auto;\r\n    }\r\n    max-width: 100%;\r\n    ${(p) => p.fullWidth && 'width: 100%;'}\r\n`;\r\n\r\nconst nonUserMessageStyling = (stacked: Stacked, theme: any) => {\r\n    const colors = css`\r\n        background-color: ${theme.colors?.accent};\r\n        color: ${theme.colors?.text};\r\n        ${theme.border && `border: ${theme.border};`};\r\n    `;\r\n\r\n    if (!theme.borderRadius) {\r\n        return colors;\r\n    }\r\n\r\n    return css`\r\n        ${colors}\r\n\r\n        border-top-right-radius: ${theme.borderRadius};\r\n        border-bottom-right-radius: ${theme.borderRadius};\r\n\r\n        ${stacked === 'first' &&\r\n        `\r\n            border-top-left-radius: ${theme.borderRadius};\r\n        `}\r\n\r\n        ${stacked === 'last' &&\r\n        `\r\n            border-bottom-left-radius: ${theme.borderRadius};\r\n        `}\r\n    `;\r\n};\r\n\r\nconst userMessageStyling = (stacked: Stacked, theme: any) => {\r\n    const colors = css`\r\n        background-color: ${theme.colors?.primary};\r\n        color: ${theme.colors?.accent};\r\n    `;\r\n\r\n    if (!theme.borderRadius) {\r\n        return colors;\r\n    }\r\n\r\n    return css`\r\n        ${colors}\r\n\r\n        border-top-left-radius: ${theme.borderRadius};\r\n        border-bottom-left-radius: ${theme.borderRadius};\r\n\r\n        ${stacked === 'first' &&\r\n        `\r\n            border-top-right-radius: ${theme.borderRadius};\r\n        `}\r\n\r\n        ${stacked === 'last' &&\r\n        `\r\n            border-bottom-right-radius: ${theme.borderRadius};\r\n        `}\r\n    `;\r\n};\r\n\r\nexport const MessageContentPart = styled.div`\r\n    margin-bottom: ${(p) => p.theme.sizes?.normal};\r\n    &:last-child {\r\n        margin-bottom: 0;\r\n    }\r\n`;\r\n\r\nexport const messageContentPadding = css`\r\n    margin: ${(p) => p.theme.sizes?.normal} 0;\r\n    padding: 0 ${(p) => p.theme.sizes?.normal};\r\n`;\r\n\r\nexport const StyledForm = styled(FormComponent)`\r\n    margin: ${(p) => p.theme.sizes?.medium} 0;\r\n    padding: 0 ${(p) => p.theme.sizes?.medium};\r\n    & button.humany-form-component-button {\r\n        ${(p) =>\r\n            invertedHoverButton({\r\n                active: false,\r\n                primaryColor: p.theme.colors?.primary,\r\n                secondaryColor: p.theme.colors?.accent,\r\n            })};\r\n        display: block;\r\n        width: 100%;\r\n        margin-bottom: ${(p) => p.theme.sizes?.normal};\r\n    }\r\n    & button.humany-form-component-submit {\r\n        width: 100%;\r\n        margin: 0;\r\n        :not(:last-child) {\r\n            margin-bottom: ${(p) => p.theme.sizes?.normal};\r\n        }\r\n    }\r\n`;\r\n\r\nexport const StyledActionList = styled(List)`\r\n    padding: 0;\r\n    list-style: none;\r\n    button {\r\n        font-size: inherit;\r\n    }\r\n    margin: ${(p) => p.theme.sizes?.medium} 0;\r\n    padding: 0 ${(p) => p.theme.sizes?.medium};\r\n    display: flex;\r\n    gap: ${(p) => p.theme.sizes?.normal};\r\n`;\r\n\r\nexport const StyledActionButton = styled.button`\r\n    ${buttonCss};\r\n    display: block;\r\n    background-color: ${(p) => p.theme.colors?.primary};\r\n    width: 100%;\r\n    color: #fff;\r\n    margin: ${(p) => p.theme.sizes?.medium} 0;\r\n    padding: 0 ${(p) => p.theme.sizes?.medium};\r\n    font-family: Lato;\r\n    font-size: ${(p) => p.theme.fonts?.huge};\r\n    font-weight: 300;\r\n    &:focus {\r\n        ${(p) =>\r\n            p.theme.accessibility?.isTabbing &&\r\n            css`\r\n                ${borderTabStyle}\r\n                background-color: transparent;\r\n            `}\r\n    }\r\n`;\r\n","import React from 'react';\r\nimport { ConversationMessageSender } from '../../../types';\r\nimport { ContentBundle, Loader, MessageContainer, MessageContent } from './styles';\r\n\r\ntype Props = {\r\n    className?: string;\r\n    agentData?: ConversationMessageSender;\r\n};\r\n\r\nconst ConversationLoader: React.FC<Props> = ({ className, agentData }) => {\r\n    return (\r\n        <ContentBundle>\r\n            <MessageContainer>\r\n                <MessageContent>\r\n                    <Loader>\r\n                        <div />\r\n                        <div />\r\n                        <div />\r\n                    </Loader>\r\n                </MessageContent>\r\n            </MessageContainer>\r\n        </ContentBundle>\r\n    );\r\n};\r\n\r\nexport default ConversationLoader;\r\n","import { borderTabStyle, genericHtml, Html as UiHtml, Lightbox } from '@telia-ace/widget-ui';\r\nimport React, { FC } from 'react';\r\nimport styled from 'styled-components';\r\nimport { HtmlProperties } from '../../../../types';\r\nimport { messageContentPadding } from '../styles';\r\n\r\nconst imageLightboxRenderer = (\r\n    attrs: React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLImageElement>, HTMLImageElement>\r\n) => <Lightbox attrs={attrs} />;\r\n\r\nconst htmlParseInstructions = {\r\n    transform: {\r\n        img: imageLightboxRenderer,\r\n    },\r\n};\r\n\r\ntype Props = HtmlProperties;\r\n\r\nexport const Html: FC<Props> = ({ body }) => {\r\n    return <StyledHtml html={body} htmlParseInstruction={htmlParseInstructions} />;\r\n};\r\n\r\nconst StyledHtml = styled(UiHtml)<any>`\r\n    ${genericHtml}\r\n    color: inherit;\r\n    white-space: pre-wrap;\r\n    ${messageContentPadding}\r\n    a {\r\n        color: ${(p) => p.theme.colors.link};\r\n        &:focus {\r\n            ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n        }\r\n    }\r\n`;\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\n\r\ntype Props = {\r\n    className?: string;\r\n    name?: string;\r\n    timestamp?: number | null;\r\n};\r\n\r\nconst StyledTimestamp = styled.p`\r\n    && {\r\n        font-size: ${(p) => p.theme.fonts?.small};\r\n        font-weight: 300;\r\n    }\r\n    padding-top: ${(p) => p.theme.sizes?.small};\r\n    margin: 0;\r\n    line-height: 1.5em;\r\n    grid-area: info;\r\n    color: ${(p) => p.theme.colors?.text};\r\n`;\r\n\r\nconst getTimestamp = (raw: number) => {\r\n    return new Date(raw).toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });\r\n};\r\n\r\nconst Timestamp: React.FC<Props> = ({ className, name, timestamp }) => {\r\n    if (!name && !timestamp) {\r\n        return null;\r\n    }\r\n\r\n    let output = '';\r\n    if (name) {\r\n        if (timestamp) {\r\n            output = `${name}: ${getTimestamp(timestamp)}`;\r\n        } else {\r\n            output = name;\r\n        }\r\n    } else if (timestamp) {\r\n        output = getTimestamp(timestamp);\r\n    }\r\n\r\n    return <StyledTimestamp>{output}</StyledTimestamp>;\r\n};\r\n\r\nexport default Timestamp;\r\n","import { SymbolBadge, useProperties } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { ConversationMessageSender } from '../../../../types';\r\nimport { ConversationComponentProperties } from '../../plugin';\r\nimport { Avatar } from '../styles';\r\nimport Timestamp from './timestamp';\r\n\r\ntype Props = {\r\n    className?: string;\r\n    children: any;\r\n    sender: ConversationMessageSender;\r\n    timestamp: number | null;\r\n};\r\n\r\nconst AgentMessage: React.FC<Props> = ({ className, children, sender, timestamp }) => {\r\n    const { avatar, name } = sender;\r\n    const { avatarSize } = useProperties<ConversationComponentProperties>();\r\n\r\n    return (\r\n        <StyledAgentMessage\r\n            hasAvatar={!!avatar}\r\n            className={appendClassNames(className, 'humany-conversation-agent-message')}\r\n        >\r\n            {avatar && (\r\n                <Avatar avatarSize={avatarSize}>\r\n                    {typeof avatar === 'string' ? (\r\n                        <img src={avatar} />\r\n                    ) : (\r\n                        <SymbolBadge symbol={avatar} />\r\n                    )}\r\n                </Avatar>\r\n            )}\r\n            {children}\r\n            <Timestamp name={name} timestamp={timestamp}></Timestamp>\r\n        </StyledAgentMessage>\r\n    );\r\n};\r\n\r\nexport const StyledAgentMessage = styled.div<any>`\r\n    display: grid;\r\n    margin-right: 10%;\r\n    width: 90%;\r\n    ${(p) =>\r\n        p.hasAvatar\r\n            ? css`\r\n                  grid-template-columns: auto 1fr;\r\n                  grid-template-rows: 1fr auto;\r\n                  grid-template-areas:\r\n                      'avatar content'\r\n                      '. info';\r\n              `\r\n            : css`\r\n                  grid-template-columns: 1fr;\r\n                  grid-template-rows: 1fr auto;\r\n                  grid-template-areas:\r\n                      'content'\r\n                      'info';\r\n              `};\r\n`;\r\n\r\nexport default AgentMessage;\r\n","import { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport Timestamp from './timestamp';\r\n\r\nexport type Props = {\r\n    className?: string;\r\n    timestamp: number;\r\n    discrete?: boolean;\r\n    fullWidth?: boolean;\r\n    children: any;\r\n};\r\n\r\nconst SystemMessage: React.FC<Props> = ({\r\n    className,\r\n    children,\r\n    timestamp,\r\n    discrete,\r\n    fullWidth,\r\n}) => {\r\n    return (\r\n        <StyledSystemMessage\r\n            className={appendClassNames(className, 'humany-conversation-system-message')}\r\n            fullWidth={fullWidth}\r\n        >\r\n            {discrete ? (\r\n                <Discrete className=\"humany-conversation-discrete-message\">\r\n                    {children}\r\n                    <Timestamp timestamp={timestamp}></Timestamp>\r\n                </Discrete>\r\n            ) : (\r\n                <>\r\n                    {children}\r\n                    <Timestamp timestamp={timestamp}></Timestamp>\r\n                </>\r\n            )}\r\n        </StyledSystemMessage>\r\n    );\r\n};\r\n\r\nexport const StyledSystemMessage = styled.div<any>`\r\n    ${(p) => p.fullWidth && 'width: 100%'};\r\n    padding: 0 ${(p) => p.theme.sizes?.large};\r\n    overflow: auto;\r\n`;\r\n\r\nexport const Discrete = styled.div`\r\n    text-align: center;\r\n    word-wrap: break-word;\r\n    font-size: ${(p) => p.theme.fonts?.normal};\r\n    color: ${(p) => p.theme.colors?.text};\r\n    > p {\r\n        margin: 0;\r\n    }\r\n`;\r\n\r\nexport default SystemMessage;\r\n","import { useProperties } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { ConversationComponentProperties } from '../../plugin';\r\nimport Timestamp from './timestamp';\r\n\r\nexport type Props = {\r\n    className?: string;\r\n    timestamp: number;\r\n    children: any;\r\n};\r\n\r\nconst UserMessage: React.FC<Props> = ({ className, children, timestamp }) => {\r\n    const { userLabel = '' } = useProperties<ConversationComponentProperties>();\r\n    return (\r\n        <StyledUserMessage\r\n            className={appendClassNames(className, 'humany-conversation-user-message')}\r\n        >\r\n            {children}\r\n            <Timestamp name={userLabel} timestamp={timestamp}></Timestamp>\r\n        </StyledUserMessage>\r\n    );\r\n};\r\n\r\nconst StyledUserMessage = styled.div`\r\n    margin-left: 10%;\r\n    width: 90%;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: flex-end;\r\n`;\r\n\r\nexport default UserMessage;\r\n","export const mapActions = (actions: any) =>\r\n    Array.isArray(actions)\r\n        ? actions\r\n        : Object.keys(actions).map((i) => {\r\n              return {\r\n                  label: actions[i],\r\n                  actionKey: i,\r\n              };\r\n          });\r\n","import {\r\n    borderTabStyle,\r\n    Button,\r\n    buttonCss,\r\n    DispatchAction,\r\n    ItemList,\r\n    itemList,\r\n    SymbolBadge,\r\n} from '@telia-ace/widget-ui';\r\nimport React, { FC } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { ButtonListProperties } from '../../../../types';\r\nimport { mapActions } from '../../../../utils/map-actions';\r\nimport { messageContentPadding } from '../styles';\r\n\r\ntype Props = { dispatch: DispatchAction } & ButtonListProperties;\r\n\r\nexport const ButtonList: FC<Props> = ({ header, actions, dispatch }) => {\r\n    return (\r\n        <StyledButtonList\r\n            header={header}\r\n            items={mapActions(actions)}\r\n            renderItem={(item: any) => {\r\n                return (\r\n                    <li key={item.actionKey}>\r\n                        <StyledButtonListButton\r\n                            onClick={() => {\r\n                                dispatch('action', item);\r\n                            }}\r\n                            aria-label={item.label}\r\n                            title={item.label}\r\n                        >\r\n                            <SymbolBadge symbol={item.symbol} />\r\n                            {item.label}\r\n                        </StyledButtonListButton>\r\n                    </li>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nconst StyledButtonList = styled(ItemList)`\r\n    ${itemList}\r\n    > ul {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: ${(p) => p.theme.sizes?.normal};\r\n        > li {\r\n            margin: 0;\r\n        }\r\n    }\r\n    ${messageContentPadding}\r\n`;\r\n\r\nconst StyledButtonListButton = styled(Button)`\r\n    ${buttonCss};\r\n\r\n    display: block;\r\n    padding: ${(p) => p.theme.sizes?.normal};\r\n    background-color: ${(p) => p.theme.colors?.primary};\r\n    width: 100%;\r\n    color: #ffffff;\r\n    &:focus {\r\n        ${(p) =>\r\n            p.theme.accessibility?.isTabbing &&\r\n            css`\r\n                ${borderTabStyle}\r\n                background-color: transparent;\r\n            `}\r\n    }\r\n\r\n    i,\r\n    svg {\r\n        margin-right: ${(p) => p.theme.sizes?.small};\r\n    }\r\n`;\r\n","import { useComponent } from '@telia-ace/widget-ui';\r\nimport React, { Suspense } from 'react';\r\n\r\ntype Props = {\r\n    type: string;\r\n    content?: { [key: string]: any };\r\n};\r\nexport const Custom: React.FC<Props> = ({ type, content = {} }) => {\r\n    const Component = useComponent(type);\r\n\r\n    if (!Component || !type) {\r\n        return null;\r\n    }\r\n    return (\r\n        <Suspense fallback={null}>\r\n            <Component {...content} />\r\n        </Suspense>\r\n    );\r\n};\r\n","import {\r\n    borderTabStyle,\r\n    Button,\r\n    DispatchAction,\r\n    itemList,\r\n    ItemList,\r\n    SymbolBadge,\r\n} from '@telia-ace/widget-ui';\r\nimport React, { FC } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { LinkListProperties } from '../../../../types';\r\nimport { mapActions } from '../../../../utils/map-actions';\r\nimport { messageContentPadding } from '../styles';\r\n\r\ntype Props = { dispatch: DispatchAction } & LinkListProperties;\r\n\r\nexport const LinkList: FC<Props> = ({ header, actions, dispatch }) => {\r\n    return (\r\n        <StyledLinkList\r\n            header={header}\r\n            items={mapActions(actions)}\r\n            renderItem={(item: any) => {\r\n                return (\r\n                    <li key={item.actionKey}>\r\n                        <StyledLinkButton\r\n                            help={item.actionKey === 'help'}\r\n                            onClick={() => {\r\n                                dispatch('action', item);\r\n                            }}\r\n                            aria-label={item.label}\r\n                            title={item.label}\r\n                        >\r\n                            {item.label}\r\n                            {item.actionKey === 'help' && (\r\n                                <SymbolBadge\r\n                                    size={14}\r\n                                    symbol={{\r\n                                        type: 'Svg',\r\n                                        content: 'caret-down',\r\n                                    }}\r\n                                />\r\n                            )}\r\n                        </StyledLinkButton>\r\n                    </li>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};\r\nconst StyledLinkList = styled(ItemList)`\r\n    ${itemList}\r\n    ${messageContentPadding}\r\n    > ul {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: ${(p) => p.theme.sizes?.normal};\r\n        > li {\r\n            margin: 0;\r\n        }\r\n    }\r\n`;\r\n\r\nconst StyledLinkButton = styled(Button)<{ help: boolean }>`\r\n    display: block;\r\n    text-align: left;\r\n    font-weight: 300;\r\n    color: ${(p) => p.theme.colors?.primary};\r\n\r\n    ${(p) =>\r\n        p.help &&\r\n        css`\r\n            color: ${p.theme.colors?.text};\r\n            text-decoration: underline;\r\n\r\n            i,\r\n            svg {\r\n                margin-left: ${p.theme.sizes?.small};\r\n            }\r\n        `}\r\n\r\n    &:focus {\r\n        ${(p) =>\r\n            p.theme.accessibility?.isTabbing &&\r\n            css`\r\n                ${borderTabStyle}\r\n                span {\r\n                    color: ${p.theme.colors?.primary};\r\n                    text-decoration: underline;\r\n                }\r\n            `};\r\n    }\r\n`;\r\n","import React, { FC } from 'react';\r\nimport styled from 'styled-components';\r\n\r\nexport const Separator: FC = () => {\r\n    return <StyledSeparator />;\r\n};\r\n\r\nconst StyledSeparator = styled.div`\r\n    ${(p) => p.theme.border && `border-bottom: ${p.theme.border};`}\r\n    width: 100%;\r\n`;\r\n","import { Typography } from '@telia-ace/widget-ui';\r\nimport React, { FC } from 'react';\r\nimport styled from 'styled-components';\r\nimport { messageContentPadding } from '../styles';\r\n\r\ntype Props = { text: string };\r\n\r\nexport const Text: FC<Props> = ({ text }) => {\r\n    return <StyledTypography variant=\"span\">{text}</StyledTypography>;\r\n};\r\n\r\nconst StyledTypography = styled(Typography)`\r\n    ${messageContentPadding}\r\n`;\r\n","import {\r\n    borderTabStyle,\r\n    Button,\r\n    buttonCss,\r\n    DispatchAction,\r\n    ItemList,\r\n    itemList,\r\n    SymbolBadge,\r\n} from '@telia-ace/widget-ui';\r\nimport React, { FC, useMemo } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { VideoRequestProperties } from '../../../../types';\r\nimport { messageContentPadding } from '../styles';\r\n\r\ntype Props = { dispatch: DispatchAction } & VideoRequestProperties;\r\n\r\nexport const VideoRequest: FC<Props> = ({\r\n    header = 'Video call',\r\n    acceptLabel = 'Accept',\r\n    declineLabel = 'Decline',\r\n    dispatch,\r\n}) => {\r\n    const actions = useMemo(() => {\r\n        return [\r\n            {\r\n                label: acceptLabel,\r\n                actionKey: 'accept-video-call',\r\n                symbol: {\r\n                    type: 'Svg',\r\n                    content: 'video',\r\n                },\r\n            },\r\n            {\r\n                label: declineLabel,\r\n                actionKey: 'decline-video-call',\r\n                symbol: {\r\n                    type: 'Svg',\r\n                    content: 'close',\r\n                },\r\n            },\r\n        ];\r\n    }, [acceptLabel, declineLabel]);\r\n    return (\r\n        <StyledItemList\r\n            header={header}\r\n            items={actions}\r\n            renderItem={(item: any) => {\r\n                const bgColor = item.actionKey === 'accept-video-call' ? '#70c48e' : '#da5c85';\r\n                return (\r\n                    <li key={item.actionKey}>\r\n                        <StyledButton\r\n                            onClick={() => {\r\n                                dispatch('action', item);\r\n                            }}\r\n                            aria-label={item.label}\r\n                            title={item.label}\r\n                            bgColor={bgColor}\r\n                        >\r\n                            <SymbolBadge symbol={item.symbol} size={25} />\r\n                        </StyledButton>\r\n                    </li>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nconst StyledItemList = styled(ItemList)`\r\n    ${itemList}\r\n    > ul {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        gap: ${(p) => p.theme.sizes?.normal};\r\n        > li {\r\n            margin: 0;\r\n        }\r\n    }\r\n    ${messageContentPadding}\r\n`;\r\n\r\nconst StyledButton = styled(Button)<{ bgColor: string }>`\r\n    ${buttonCss};\r\n\r\n    background-color: ${(p) => p.bgColor};\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    color: #ffffff;\r\n    width: 46px;\r\n    height: 46px;\r\n    border-radius: 100%;\r\n\r\n    &:focus {\r\n        ${(p) =>\r\n            p.theme.accessibility?.isTabbing &&\r\n            css`\r\n                ${borderTabStyle}\r\n                background-color: transparent;\r\n\r\n                i,\r\n                svg {\r\n                    color: ${(p) => p.theme.colors?.primary};\r\n\r\n                    path {\r\n                        stroke: ${(p) => p.theme.colors?.primary};\r\n                    }\r\n                }\r\n            `}\r\n    }\r\n\r\n    i,\r\n    svg {\r\n        color: #fff;\r\n\r\n        path {\r\n            stroke: #fff;\r\n        }\r\n    }\r\n`;\r\n","import React, { FC } from 'react';\r\n\r\nimport { DispatchAction, List, list } from '@telia-ace/widget-ui';\r\nimport { uuid } from '@telia-ace/widget-utilities';\r\nimport styled from 'styled-components';\r\nimport { ConversationMessageListItemType, ConverstationMessageItem } from '../../../../types';\r\nimport { ButtonList } from '../message-list-items/button-list';\r\nimport { Custom } from '../message-list-items/custom';\r\nimport { Html } from '../message-list-items/html';\r\nimport { LinkList } from '../message-list-items/link-list';\r\nimport { Separator } from '../message-list-items/separator';\r\nimport { Text } from '../message-list-items/text';\r\nimport { VideoRequest } from '../message-list-items/video-request';\r\n\r\ntype Props = {\r\n    items: ConverstationMessageItem<any>[];\r\n    dispatch: DispatchAction;\r\n};\r\n\r\nconst mapItem = ([type, content]: ConverstationMessageItem<any>) => {\r\n    return { type, content, id: uuid() };\r\n};\r\n\r\nexport const MessageList: FC<Props> = ({ items, dispatch }) => {\r\n    return (\r\n        <StyledList\r\n            items={items.map(mapItem)}\r\n            renderLi\r\n            renderItem={(item: any) => {\r\n                switch (item.type) {\r\n                    case ConversationMessageListItemType.Text: {\r\n                        return <Text text={item.content} />;\r\n                    }\r\n                    case ConversationMessageListItemType.HTML: {\r\n                        return <Html {...item.content} />;\r\n                    }\r\n                    case ConversationMessageListItemType.Separator: {\r\n                        return <Separator {...item.content} />;\r\n                    }\r\n                    case ConversationMessageListItemType.LinkList: {\r\n                        return <LinkList {...item.content} dispatch={dispatch} />;\r\n                    }\r\n                    case ConversationMessageListItemType.ButtonList: {\r\n                        return <ButtonList {...item.content} dispatch={dispatch} />;\r\n                    }\r\n                    case ConversationMessageListItemType.VideoRequest: {\r\n                        return <VideoRequest {...item.content} dispatch={dispatch} />;\r\n                    }\r\n                    default: {\r\n                        return <Custom type={item.type} content={item.content} />;\r\n                    }\r\n                }\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nconst StyledList = styled(List)<any>`\r\n    ${list}\r\n\r\n    > li {\r\n        margin: 0;\r\n    }\r\n`;\r\n","import { useDispatch } from '@telia-ace/widget-ui';\r\nimport { uuid } from '@telia-ace/widget-utilities';\r\nimport React, { useCallback } from 'react';\r\nimport { ConversationMessageType } from '../../../conversation-controller';\r\nimport { ConversationMessageContent } from '../../../types';\r\nimport { BundledConversationMessage } from '../plugin';\r\nimport { Html } from './message-list-items/html';\r\nimport { AgentMessage, SystemMessage, UserMessage } from './message-types';\r\nimport { MessageList } from './message-types/message-list';\r\nimport {\r\n    ContentBundle,\r\n    MessageContainer,\r\n    MessageContent,\r\n    MessageContentPart,\r\n    MessageTitle,\r\n    Stacked,\r\n    StyledActionButton,\r\n    StyledActionList,\r\n    StyledForm,\r\n} from './styles';\r\n\r\ntype Props = {\r\n    className?: string;\r\n} & BundledConversationMessage;\r\n\r\nexport const ConversationMessage: React.FC<Props> = ({\r\n    className,\r\n    timestamp,\r\n    sender,\r\n    type,\r\n    content,\r\n}) => {\r\n    const getMessageStackPosition = useCallback(\r\n        (index: number): Stacked => {\r\n            let messageOrder: Stacked = 'first';\r\n            if (content.length > 1) {\r\n                messageOrder =\r\n                    index === 0 ? 'first' : index + 1 === content.length ? 'last' : 'middle';\r\n            }\r\n            return messageOrder;\r\n        },\r\n        [content]\r\n    );\r\n\r\n    const createSystemMessage = () => {\r\n        return (\r\n            <>\r\n                {content.map((item) => {\r\n                    const { key, body, title, form, actions } = item;\r\n                    const discrete = !!body && !title && !form && !actions;\r\n                    return (\r\n                        <SystemMessage\r\n                            className={className}\r\n                            key={key}\r\n                            discrete={discrete}\r\n                            timestamp={timestamp}\r\n                            fullWidth={!!form || !!actions}\r\n                        >\r\n                            {discrete && body ? (\r\n                                <Html body={body} />\r\n                            ) : (\r\n                                <Message content={item} isUser={false} />\r\n                            )}\r\n                        </SystemMessage>\r\n                    );\r\n                })}\r\n            </>\r\n        );\r\n    };\r\n\r\n    const createAgentMessage = () => {\r\n        return (\r\n            <AgentMessage sender={sender} timestamp={timestamp} className={className}>\r\n                <ContentBundle>\r\n                    {content.map((item, index) => {\r\n                        return (\r\n                            <MessageContainer key={item.key}>\r\n                                <Message\r\n                                    content={item}\r\n                                    isUser={false}\r\n                                    stacked={getMessageStackPosition(index)}\r\n                                />\r\n                            </MessageContainer>\r\n                        );\r\n                    })}\r\n                </ContentBundle>\r\n            </AgentMessage>\r\n        );\r\n    };\r\n\r\n    const createUserMessage = () => {\r\n        return (\r\n            <UserMessage timestamp={timestamp} className={className}>\r\n                <ContentBundle>\r\n                    {content.map((item, index) => {\r\n                        return (\r\n                            <MessageContainer user key={item.key}>\r\n                                <Message\r\n                                    content={item}\r\n                                    isUser={true}\r\n                                    stacked={getMessageStackPosition(index)}\r\n                                />\r\n                            </MessageContainer>\r\n                        );\r\n                    })}\r\n                </ContentBundle>\r\n            </UserMessage>\r\n        );\r\n    };\r\n\r\n    switch (type) {\r\n        case ConversationMessageType.System:\r\n            return createSystemMessage();\r\n        case ConversationMessageType.Agent:\r\n            return createAgentMessage();\r\n        case ConversationMessageType.User:\r\n            return createUserMessage();\r\n        default:\r\n            return null;\r\n    }\r\n};\r\n\r\ntype MessageContentProps = {\r\n    className?: string;\r\n    content: ConversationMessageContent;\r\n    isUser: boolean;\r\n    stacked?: Stacked;\r\n    CustomComponent?: any;\r\n};\r\n\r\nconst Message: React.FC<MessageContentProps> = ({ content, isUser, stacked }) => {\r\n    const dispatch = useDispatch();\r\n    const { title, body, actions, form, items } = content;\r\n\r\n    return (\r\n        <MessageContent user={isUser} stacked={stacked} fullWidth={!!form || !!actions}>\r\n            {title && (\r\n                <MessageContentPart>\r\n                    <MessageTitle variant=\"h2\">{title}</MessageTitle>\r\n                </MessageContentPart>\r\n            )}\r\n            {body && (\r\n                <MessageContentPart>\r\n                    <Html body={body} />\r\n                </MessageContentPart>\r\n            )}\r\n            {form && (\r\n                <MessageContentPart>\r\n                    <StyledForm\r\n                        {...form}\r\n                        onChange={(key: string, data: any) => {\r\n                            dispatch('form', {\r\n                                data,\r\n                                formKey: form.schema.id,\r\n                                actionKey: key,\r\n                            });\r\n                        }}\r\n                    />\r\n                </MessageContentPart>\r\n            )}\r\n            {actions && (\r\n                <MessageContentPart>\r\n                    <StyledActionList\r\n                        items={Object.keys(actions).map((i: any) => {\r\n                            return { label: actions[i], actionKey: i };\r\n                        })}\r\n                        renderItem={(item: any) => {\r\n                            return (\r\n                                <li key={item.actionKey}>\r\n                                    <StyledActionButton\r\n                                        onClick={() => {\r\n                                            dispatch('action', item.actionKey);\r\n                                        }}\r\n                                    >\r\n                                        {item.label}\r\n                                    </StyledActionButton>\r\n                                </li>\r\n                            );\r\n                        }}\r\n                    />\r\n                </MessageContentPart>\r\n            )}\r\n            {items && <MessageList key={uuid()} items={items} dispatch={dispatch} />}\r\n        </MessageContent>\r\n    );\r\n};\r\n","import {\r\n    borderTabStyle,\r\n    headingElement,\r\n    usePrevious,\r\n    useProperties,\r\n    useScroll,\r\n    useTransitionEnd,\r\n} from '@telia-ace/widget-ui';\r\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport { ConversationMessageSender } from '../../../types';\r\nimport { BundledConversationMessage, ConversationComponentProperties } from '../plugin';\r\nimport ConversationInput from './input';\r\nimport ConversationLoader from './loader';\r\nimport { ConversationMessage } from './message';\r\nimport { AgentMessage } from './message-types';\r\n\r\nexport const ConversationContent: React.FC = () => {\r\n    const lastEntry = useRef(document.createElement('div'));\r\n    const [scrollableCss, viewElem] = useScroll(true);\r\n    const { messages, loading, typingActors } = useProperties<ConversationComponentProperties>();\r\n    const [canSmooth, setCanSmooth] = useState(false);\r\n    const previousMessages = usePrevious(messages);\r\n    const previousTypingActors = usePrevious(typingActors);\r\n    const scrollView = useCallback(\r\n        (lastEntry: any, smooth = true) => {\r\n            if (lastEntry !== null && lastEntry.current !== null) {\r\n                if (messages && messages.length === 1) {\r\n                    lastEntry.current.focus();\r\n                }\r\n                /**\r\n                 * Don't scroll on typing state if the user has scrolled up a bit.\r\n                 */\r\n                if (\r\n                    lastEntry.current.id.indexOf('typing_') !== -1 &&\r\n                    viewElem.current.scrollTopMax - viewElem.current.scrollTop >\r\n                        lastEntry.current.clientHeight + 100\r\n                ) {\r\n                    return;\r\n                }\r\n                setTimeout(() => {\r\n                    if (lastEntry.current) {\r\n                        lastEntry.current.scrollIntoView({\r\n                            block: 'end',\r\n                            behavior: smooth ? 'smooth' : 'auto',\r\n                        });\r\n                    }\r\n                }, 150);\r\n            }\r\n        },\r\n        [lastEntry]\r\n    );\r\n\r\n    useEffect(() => {\r\n        if (canSmooth) {\r\n            const messageCountChanged = messages.length !== previousMessages?.length;\r\n            const typingActorCountChanged = typingActors.length !== previousTypingActors?.length;\r\n            const messageContentCountChanged = messages.reduce<boolean>(\r\n                (changed, message, index) => {\r\n                    if (previousMessages?.[index]?.content.length !== message.content.length) {\r\n                        return true;\r\n                    }\r\n                    return changed;\r\n                },\r\n                false\r\n            );\r\n            // only scroll to the last message if there is\r\n            // any new content\r\n            if (messageCountChanged || messageContentCountChanged || typingActorCountChanged) {\r\n                scrollView(lastEntry);\r\n            }\r\n        }\r\n    }, [messages, typingActors]);\r\n\r\n    useTransitionEnd(() => {\r\n        setCanSmooth(true);\r\n        scrollView(lastEntry, false);\r\n    });\r\n\r\n    const renderTypingActors = () => {\r\n        if (typingActors && typingActors.length) {\r\n            return typingActors.map((actor: ConversationMessageSender, index) => {\r\n                return (\r\n                    <MessageEntry\r\n                        id={`typing_${actor.name}`}\r\n                        ref={typingActors.length ? lastEntry : null}\r\n                        key={`typing_${actor.name}`}\r\n                    >\r\n                        <AgentMessage timestamp={Date.now()} sender={actor}>\r\n                            <ConversationLoader></ConversationLoader>\r\n                        </AgentMessage>\r\n                    </MessageEntry>\r\n                );\r\n            });\r\n        }\r\n        return null;\r\n    };\r\n\r\n    return (\r\n        <>\r\n            <Scrollable tabIndex={0} scrollableCss={scrollableCss} ref={viewElem}>\r\n                {messages && messages.length\r\n                    ? messages.map((message: BundledConversationMessage, index: any) => {\r\n                          const { type, timestamp, sender, content } = message;\r\n                          return (\r\n                              <MessageEntry\r\n                                  className={'humany-conversation-entry'}\r\n                                  tabIndex={-1}\r\n                                  key={`${type}_${sender?.name}_${timestamp}_${content[0].key}`}\r\n                                  ref={\r\n                                      index + 1 < messages.length\r\n                                          ? null\r\n                                          : typingActors.length\r\n                                          ? null\r\n                                          : lastEntry\r\n                                  }\r\n                              >\r\n                                  <ConversationMessage {...message} />\r\n                              </MessageEntry>\r\n                          );\r\n                      })\r\n                    : null}\r\n                {renderTypingActors()}\r\n                {loading && (\r\n                    <MessageEntry>\r\n                        <ConversationLoader />\r\n                    </MessageEntry>\r\n                )}\r\n            </Scrollable>\r\n            <ConversationInput />\r\n        </>\r\n    );\r\n};\r\n\r\nconst Scrollable = styled.div<{ scrolling: boolean } & any>`\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    flex: 0 1 100%;\r\n    padding: 0 ${(p) => p.theme.sizes?.normal};\r\n    ${(p) => !!p.scrollableCss && p.scrollableCss};\r\n    &:focus {\r\n        ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n    }\r\n`;\r\n\r\nconst MessageEntry = styled.div`\r\n    margin: 0;\r\n    margin-bottom: ${(p) => p.theme.sizes?.medium};\r\n\r\n    &:first-of-type {\r\n        margin-top: ${(p) => p.theme.sizes?.medium};\r\n    }\r\n\r\n    &:last-of-type {\r\n        padding-bottom: ${(p) => p.theme.sizes?.medium};\r\n    }\r\n\r\n    & span,\r\n    p,\r\n    a,\r\n    div {\r\n        font-weight: 300;\r\n    }\r\n\r\n    & b,\r\n    h1 {\r\n        font-weight: normal;\r\n    }\r\n\r\n    ${headingElement(\r\n        'h1',\r\n        css`\r\n            font-weight: normal;\r\n        `\r\n    )}\r\n`;\r\n","import {\r\n    borderTabStyle,\r\n    Button,\r\n    DispatchAction,\r\n    SymbolBadge,\r\n    Typography,\r\n    WidgetOverlayOutlet,\r\n} from '@telia-ace/widget-ui';\r\nimport React, { FC, useEffect, useRef } from 'react';\r\nimport styled from 'styled-components';\r\nimport { ConversationContent } from './content';\r\n\r\ntype OverlayOutletProps = {\r\n    dispatch: DispatchAction;\r\n};\r\n\r\nexport const OverlayOutlet: FC<OverlayOutletProps> = ({ dispatch }) => {\r\n    const wrapperRef = useRef<HTMLDivElement>(null);\r\n\r\n    useEffect(() => {\r\n        if (wrapperRef.current && wrapperRef.current.parentNode) {\r\n            dispatch('overlay-mounted', wrapperRef.current);\r\n        }\r\n    }, [wrapperRef]);\r\n\r\n    return (\r\n        <WidgetOverlayOutlet\r\n            portalId=\"humany-conversation-overlay-portal\"\r\n            className=\"humany-conversation-overlay-outlet\"\r\n            ref={wrapperRef}\r\n        />\r\n    );\r\n};\r\n\r\ntype ConversationOverlayProps = {\r\n    dispatch: DispatchAction;\r\n    header?: string;\r\n    buttonLabel?: string;\r\n};\r\n\r\nexport const ConversationOverlayOutlet: FC<ConversationOverlayProps> = ({\r\n    dispatch,\r\n    header,\r\n    buttonLabel,\r\n}) => {\r\n    return (\r\n        <StyledWidgetOverlayOutlet\r\n            portalId=\"humany-conversation-portal\"\r\n            className=\"humany-conversation-outlet\"\r\n        >\r\n            <ConversationOverlayHead className=\"humany-conversation-outlet-head\">\r\n                <ConversationOverlayHeadButton\r\n                    className=\"humany-conversation-outlet-head-button\"\r\n                    aria-label={buttonLabel}\r\n                    title={buttonLabel}\r\n                    onClick={() => dispatch('hide-overlay-conversation')}\r\n                >\r\n                    <SymbolBadge\r\n                        symbol={{\r\n                            type: 'Svg',\r\n                            content: 'caret-down',\r\n                        }}\r\n                        size={20}\r\n                    />\r\n                </ConversationOverlayHeadButton>\r\n                {header && (\r\n                    <ConversationOverlayHeader\r\n                        className=\"humany-conversation-outlet-header\"\r\n                        variant=\"h1\"\r\n                    >\r\n                        {header}\r\n                    </ConversationOverlayHeader>\r\n                )}\r\n            </ConversationOverlayHead>\r\n            <ConversationContent />\r\n        </StyledWidgetOverlayOutlet>\r\n    );\r\n};\r\n\r\nconst StyledWidgetOverlayOutlet = styled(WidgetOverlayOutlet)`\r\n    z-index: 11;\r\n    top: auto;\r\n    height: 65%;\r\n    background-color: #ffffff;\r\n    display: flex;\r\n    flex-direction: column;\r\n    border-top-right-radius: ${(p) => p.theme.sizes?.large};\r\n    border-top-left-radius: ${(p) => p.theme.sizes?.large};\r\n`;\r\n\r\nconst ConversationOverlayHead = styled.div`\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    gap: ${(p) => p.theme.sizes?.normal};\r\n    padding: ${(p) => p.theme.sizes?.normal};\r\n    ${(p) => p.theme.border && `border-bottom: ${p.theme.border};`}\r\n`;\r\n\r\nconst ConversationOverlayHeader = styled(Typography)`\r\n    font-size: ${(p) => p.theme.fonts?.medium};\r\n    color: ${(p) => p.theme.colors?.text};\r\n    margin: 0;\r\n`;\r\n\r\nconst ConversationOverlayHeadButton = styled(Button)`\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: ${(p) => p.theme.sizes?.small} ${(p) => p.theme.sizes?.medium};\r\n    ${(p) => p.theme.borderRadius && `border-radius: ${p.theme.borderRadius};`}\r\n\r\n    &:focus {\r\n        ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n    }\r\n\r\n    svg line {\r\n        stroke: ${(p) => p.theme.colors?.text};\r\n    }\r\n`;\r\n","import { useDispatch, useProperties } from '@telia-ace/widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { ConversationComponentProperties } from './plugin';\r\nimport { ConversationContent } from './ui/content';\r\nimport {\r\n    ConversationOverlayOutlet,\r\n    OverlayOutlet\r\n} from './ui/overlay-outlets';\r\n\r\ntype Props = {\r\n    className: string;\r\n};\r\n\r\nconst Conversation: React.FC<Props> = ({ className }) => {\r\n    const { \r\n        overlay, \r\n        overlayConversationHeader, \r\n        overlayConversationCloseLabel,\r\n     } = useProperties<ConversationComponentProperties>();\r\n    const dispatch = useDispatch();\r\n    return (\r\n        <>\r\n            <Wrapper className={appendClassNames(className, 'humany-conversation-component')}>\r\n                <ConversationContent />\r\n            </Wrapper>\r\n            {overlay && (\r\n                <>\r\n                    <OverlayOutlet dispatch={dispatch} />\r\n                    {overlay.conversation && (\r\n                        <ConversationOverlayOutlet\r\n                            dispatch={dispatch}\r\n                            header={overlayConversationHeader}\r\n                            buttonLabel={overlayConversationCloseLabel}\r\n                        />\r\n                    )}\r\n                </>\r\n            )}\r\n        </>\r\n    );\r\n};\r\n\r\nconst Wrapper = styled.div`\r\n    position: absolute;\r\n    right: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    top: 0;\r\n    overflow: hidden;\r\n    display: flex;\r\n    flex-direction: column;\r\n`;\r\n\r\nexport default Conversation;\r\n"],"names":["Wrapper","StyledButton","UiHtml"],"mappings":"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"}

package/dist/index.js

@@ -874,6 +874,7 @@ var ConversationMessageListItemType = /* @__PURE__ */ ((ConversationMessageListI
   ConversationMessageListItemType2["ButtonList"] = "button-list";
   ConversationMessageListItemType2["Text"] = "text";
   ConversationMessageListItemType2["HTML"] = "html";
+  ConversationMessageListItemType2["VideoRequest"] = "video-request";
   return ConversationMessageListItemType2;
 })(ConversationMessageListItemType || {});
 const registerCustomMessageComponent = (container, type, component) => {

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/agent.ts","../src/conversation-provider.ts","../src/user.ts","../src/conversation-controller.ts","../src/utils/open-chat-widget.ts","../src/conversation-platform.ts","../src/components/conversation/plugin.ts","../src/components/return-button/plugin.ts","../src/types.ts","../src/utils/custom-message.ts"],"sourcesContent":["import { Symbol } from '@telia-ace/widget-ui';\r\nimport {\r\n    ConversationEntry,\r\n    ConversationMessageType,\r\n    getNormalizedMessageSettings,\r\n} from './conversation-controller';\r\nimport { ConversationProvider } from './conversation-provider';\r\nimport {\r\n    ConversationMessageSender,\r\n    ConversationMessageSettings,\r\n    ConverstationMessageItem,\r\n} from './types';\r\n\r\nexport type AgentSettings = {\r\n    name?: string;\r\n    avatar?: string | Symbol;\r\n};\r\n\r\nexport class Agent {\r\n    name?: string;\r\n    avatar?: string | Symbol;\r\n\r\n    constructor(private provider: ConversationProvider, settings: AgentSettings) {\r\n        this.name = settings.name;\r\n        this.avatar = settings.avatar;\r\n    }\r\n\r\n    print = (\r\n        settings:\r\n            | string\r\n            | ConversationMessageSettings\r\n            | ConverstationMessageItem<any>\r\n            | ConverstationMessageItem<any>[]\r\n    ): ConversationEntry | undefined => {\r\n        const sender: ConversationMessageSender = { name: this.name, avatar: this.avatar };\r\n        const normalized = getNormalizedMessageSettings(settings);\r\n\r\n        return this.provider.createEntry(\r\n            normalized.key,\r\n            normalized.content,\r\n            ConversationMessageType.Agent,\r\n            sender,\r\n            normalized.timestamp\r\n        );\r\n    };\r\n    typing = () => {\r\n        return this.provider.setTypingState({ name: this.name, avatar: this.avatar });\r\n    };\r\n\r\n    update(settings: AgentSettings): void {\r\n        const { name, avatar } = settings;\r\n        if (avatar === null) {\r\n            this.avatar = undefined;\r\n        } else if (avatar) {\r\n            this.avatar = avatar;\r\n        }\r\n\r\n        if (name === null) {\r\n            this.name = undefined;\r\n        } else if (name) {\r\n            this.name = name;\r\n        }\r\n    }\r\n}\r\n","import {\r\n    Container,\r\n    EventListener,\r\n    EventObject,\r\n    EventSubscriptionCancellation,\r\n} from '@webprovisions/platform';\r\nimport { Agent, AgentSettings } from './agent';\r\nimport {\r\n    CancelLoaderDelegate,\r\n    ConversationController,\r\n    ConversationEntry,\r\n    ConversationMessageType,\r\n} from './conversation-controller';\r\nimport {\r\n    ConversationMessageContent,\r\n    ConversationMessageSender,\r\n    ConversationMessageSettings,\r\n} from './types';\r\n\r\nexport class ConversationProvider {\r\n    private subscriptions: EventSubscriptionCancellation[] = [];\r\n    public user: any;\r\n\r\n    private constructor(\r\n        public name: string,\r\n        private container: Container,\r\n        public controller: ConversationController | null\r\n    ) {\r\n        this.user = controller?.user;\r\n    }\r\n\r\n    static create(name: string, container: Container, controller: ConversationController) {\r\n        return new ConversationProvider(name, container, controller);\r\n    }\r\n\r\n    createAgent(settings: AgentSettings = {}): Agent | undefined {\r\n        if (this.controller) {\r\n            return new Agent(this, settings);\r\n        }\r\n    }\r\n\r\n    print(settings: string | ConversationMessageSettings): ConversationEntry | undefined {\r\n        return this.controller?.print(settings);\r\n    }\r\n\r\n    setTypingState(sender: ConversationMessageSender, type?: ConversationMessageType) {\r\n        return this.controller?.setTypingState(sender, type);\r\n    }\r\n\r\n    loading(): CancelLoaderDelegate {\r\n        if (!this.controller) {\r\n            return () => () => {};\r\n        }\r\n        return this.controller.loader();\r\n    }\r\n\r\n    createEntry(\r\n        key: string,\r\n        content: ConversationMessageContent,\r\n        type: ConversationMessageType,\r\n        sender?: ConversationMessageSender,\r\n        timestamp?: number | null\r\n    ) {\r\n        return this.controller?.createEntry(key, content, type, sender, timestamp);\r\n    }\r\n\r\n    dispose() {\r\n        if (process.env.NODE_ENV !== 'production') {\r\n            console.log(`conversation-provider: dispose (${this.name})`);\r\n        }\r\n        this.controller?.disposeProvider(this);\r\n        this.controller = null;\r\n        this.subscriptions.forEach((unsub) => unsub());\r\n    }\r\n\r\n    onUnreadMessage(fn: EventListener): EventSubscriptionCancellation | void {\r\n        if (this.controller) {\r\n            const unsubscribe = this.controller?.onUnreadMessage(fn);\r\n            this.subscriptions.push(unsubscribe);\r\n            return () => {\r\n                unsubscribe();\r\n            };\r\n        }\r\n    }\r\n\r\n    onMounted(fn: EventListener): EventSubscriptionCancellation | void {\r\n        if (this.controller) {\r\n            const unsubscribe = this.controller?.events.subscribe(\r\n                'conversation:component-mount-changed',\r\n                fn\r\n            );\r\n            this.subscriptions.push(unsubscribe);\r\n            fn({} as EventObject, this.controller.getComponentMountedState());\r\n            return () => {\r\n                unsubscribe();\r\n            };\r\n        }\r\n    }\r\n}\r\n\r\nexport default ConversationProvider;\r\n","import {\r\n    ConversationController,\r\n    ConversationEntry,\r\n    ConversationMessageType,\r\n    getNormalizedMessageSettings,\r\n} from './conversation-controller';\r\nimport { ConversationMessageSettings } from './types';\r\n\r\nexport class User {\r\n    constructor(private controller: ConversationController) {}\r\n\r\n    print = (settings: string | ConversationMessageSettings): ConversationEntry => {\r\n        const normalized = getNormalizedMessageSettings(settings);\r\n        return this.controller.createEntry(\r\n            normalized.key,\r\n            normalized.content,\r\n            ConversationMessageType.User,\r\n            undefined,\r\n            normalized.timestamp\r\n        );\r\n    };\r\n}\r\n","import { FormBuilder } from '@telia-ace/widget-forms';\r\nimport { uuid } from '@telia-ace/widget-utilities';\r\nimport { Container, EventListener, EventManager, Widget } from '@webprovisions/platform';\r\nimport { ConversationProvider } from './conversation-provider';\r\nimport {\r\n    ConversationMessageContent,\r\n    ConversationMessageSender,\r\n    ConversationMessageSettings,\r\n    ConversationMessageUpdateSettings,\r\n    ConverstationMessageItem,\r\n    NormalizedMessageSettings,\r\n} from './types';\r\nimport { User } from './user';\r\nexport type ValidateHandler = (formValues: { [key: string]: any }) => Promise<any>;\r\n\r\nexport type SubmitHandler = (formValues: { [key: string]: any }) => Promise<any>;\r\n\r\nexport type Print = (content: string | ConversationMessageContent) => ConversationEntry;\r\n\r\nexport type FormHandlers = { [key: string]: FormHandler };\r\nexport type FormHandler = { validate?: ValidateHandler; submit: SubmitHandler };\r\n\r\nexport type CancelLoaderDelegate = () => void;\r\n\r\nexport class ConversationEntry {\r\n    constructor(private writer: EntryWriter) {}\r\n\r\n    update(\r\n        content:\r\n            | string\r\n            | ConversationMessageUpdateSettings\r\n            | ConverstationMessageItem<any>\r\n            | ConverstationMessageItem<any>[]\r\n    ) {\r\n        const normalized = this.getNormalizedSettings(content);\r\n        // const normalized = typeof content === 'string' ? { body: content } : content;\r\n        this.writer(<ConversationMessageUpdateSettings>normalized);\r\n    }\r\n\r\n    remove() {\r\n        this.writer(null);\r\n    }\r\n\r\n    private getNormalizedSettings(\r\n        content:\r\n            | string\r\n            | ConversationMessageUpdateSettings\r\n            | ConverstationMessageItem<any>\r\n            | ConverstationMessageItem<any>[]\r\n    ) {\r\n        if (typeof content === 'string') return { body: content };\r\n        else if (content.length > -1 && typeof content === 'object') return { items: content };\r\n        else return content;\r\n    }\r\n}\r\n\r\nexport enum ConversationMessageType {\r\n    User = 'user',\r\n    Agent = 'agent',\r\n    System = 'system',\r\n}\r\n\r\nexport type ConversationMessage = {\r\n    key: string;\r\n    timestamp: number | null;\r\n    content: ConversationMessageContent | null;\r\n    sender: ConversationMessageSender | null;\r\n    type: ConversationMessageType;\r\n};\r\n\r\nexport type EntryWriter = (content: ConversationMessageUpdateSettings | null) => void;\r\n\r\nexport const getNormalizedMessageSettings = (\r\n    settings:\r\n        | string\r\n        | ConversationMessageSettings\r\n        | ConverstationMessageItem<any>\r\n        | ConverstationMessageItem<any>[]\r\n): NormalizedMessageSettings => {\r\n    let content: ConversationMessageContent;\r\n    let key = uuid();\r\n    let timestamp: number | null = Date.now();\r\n\r\n    if (Array.isArray(settings) && settings.length > -1) {\r\n        if (typeof settings[0] === 'string') {\r\n            content = { items: [<ConverstationMessageItem<any>>settings] };\r\n        } else {\r\n            content = { items: <ConverstationMessageItem<any>[]>settings };\r\n        }\r\n    } else if (typeof settings === 'string') {\r\n        content = { body: settings };\r\n    } else {\r\n        settings = <ConversationMessageSettings>settings || {};\r\n\r\n        if (settings.type) {\r\n            content = {\r\n                ...(<any>settings),\r\n            };\r\n        } else {\r\n            content = {\r\n                body: settings.body,\r\n                actions: settings.actions,\r\n                title: settings.title,\r\n            };\r\n            if (settings.key) {\r\n                key = settings.key;\r\n            }\r\n            if (settings.timestamp) {\r\n                timestamp = settings.timestamp;\r\n            }\r\n            if (settings.form) {\r\n                const builder = FormBuilder.create(key);\r\n                settings.form(builder);\r\n                const builtForm = builder.get();\r\n                content.form = builtForm;\r\n            }\r\n            if (settings.timestamp === null) {\r\n                timestamp = null;\r\n            }\r\n        }\r\n    }\r\n    return { content, key, timestamp };\r\n};\r\n\r\nconst removeTypingState = (\r\n    typingActors: ConversationMessageSender[],\r\n    sender?: ConversationMessageSender\r\n) => {\r\n    if (!sender) {\r\n        return;\r\n    }\r\n    const senderString = JSON.stringify(sender);\r\n    const indexToRemove = typingActors.findIndex((item) => {\r\n        return senderString === JSON.stringify(item);\r\n    });\r\n    if (indexToRemove > -1) {\r\n        return typingActors.splice(indexToRemove, 1);\r\n    }\r\n};\r\n\r\n/**\r\n * Manages the stream of messages inside a `ConversationComponent` and provides external read-write\r\n * access to it as well as exposing emitted actions.\r\n */\r\nexport class ConversationController {\r\n    formHandlers: FormHandlers = {};\r\n\r\n    /**\r\n     * Represents the current end user.\r\n     */\r\n    user: User = new User(this);\r\n\r\n    events: EventManager;\r\n\r\n    providers: string[] = [];\r\n\r\n    active: boolean = false;\r\n\r\n    private registeredProviders: ConversationProvider[] = [];\r\n\r\n    private loaders: number = 0;\r\n    private componentMounted: boolean = false;\r\n\r\n    messages: ConversationMessage[] = [];\r\n    private typingActors: ConversationMessageSender[] = [];\r\n\r\n    constructor(public container: Container, public id: string) {\r\n        const widget: Widget = container.get('$widget');\r\n        this.events = widget.events.createChild(this);\r\n    }\r\n\r\n    setProviders(providers: string[]) {\r\n        const removed: string[] = [];\r\n        const added: string[] = [];\r\n\r\n        // remove\r\n        this.providers\r\n            .reduce<string[]>((acc, provider) => {\r\n                if (providers.indexOf(provider) === -1) {\r\n                    acc.push(provider);\r\n                }\r\n                return acc;\r\n            }, [])\r\n            .forEach((providerToRemove) => {\r\n                const indexToRemove = this.providers.indexOf(providerToRemove);\r\n                if (indexToRemove > -1) {\r\n                    removed.push(providerToRemove);\r\n                    this.providers.splice(indexToRemove, 1);\r\n                }\r\n            });\r\n\r\n        // add\r\n        providers.forEach((provider) => {\r\n            if (this.providers.indexOf(provider) === -1) {\r\n                added.push(provider);\r\n                this.providers.push(provider);\r\n            }\r\n        });\r\n\r\n        if (added.length || removed.length) {\r\n            this.events.dispatch('conversation:providers-changed', { added, removed });\r\n        }\r\n    }\r\n\r\n    createProvider(name: string): ConversationProvider {\r\n        const index = this.providerIndex(name);\r\n        if (index > -1) {\r\n            return this.registeredProviders[index];\r\n        }\r\n        const provider = ConversationProvider.create(name, this.container, this);\r\n        this.registeredProviders.push(provider);\r\n        return provider;\r\n    }\r\n\r\n    providerIndex(name: string) {\r\n        return this.registeredProviders.findIndex((p) => p.name === name);\r\n    }\r\n\r\n    dispose() {\r\n        this.registeredProviders.forEach((provider) => provider.dispose());\r\n        this.messages = [];\r\n        this.events.dispatch('conversation:controller-disposed', this);\r\n        this.active = false;\r\n    }\r\n\r\n    onDispose(fn: EventListener) {\r\n        return this.events.subscribe('conversation:controller-disposed', fn);\r\n    }\r\n\r\n    onStarted(fn: EventListener) {\r\n        return this.events.subscribe('conversation:started', fn);\r\n    }\r\n\r\n    disposeProvider(target: ConversationProvider) {\r\n        const index = this.providerIndex(target.name);\r\n        index > -1 && this.registeredProviders.splice(index, 1);\r\n        this.events.dispatch('conversation:providers-changed', { removed: [target.name] });\r\n        if (!this.registeredProviders.length) {\r\n            this.dispose();\r\n        }\r\n    }\r\n\r\n    onProvidersChange(fn: EventListener) {\r\n        return this.events.subscribe('conversation:providers-changed', fn);\r\n    }\r\n\r\n    setComponentMountedState(mounted: boolean) {\r\n        if (this.componentMounted === mounted) {\r\n            return;\r\n        }\r\n        this.componentMounted = mounted;\r\n        if (mounted) {\r\n            this.events.dispatch('conversation:unread-message', false);\r\n            this.events.dispatch('conversation:started', true);\r\n            this.active = true;\r\n        }\r\n        this.events.dispatch('conversation:component-mount-changed', mounted);\r\n    }\r\n\r\n    getComponentMountedState() {\r\n        return this.componentMounted;\r\n    }\r\n\r\n    onUnreadMessage(fn: EventListener) {\r\n        return this.events.subscribe('conversation:unread-message', fn);\r\n    }\r\n\r\n    createEntry(\r\n        key: string,\r\n        content: ConversationMessageContent,\r\n        type: ConversationMessageType,\r\n        sender?: ConversationMessageSender,\r\n        timestamp?: number | null\r\n    ): ConversationEntry {\r\n        const message: ConversationMessage = {\r\n            key,\r\n            content,\r\n            type,\r\n            sender: sender || null,\r\n            timestamp: timestamp || timestamp === null ? timestamp : Date.now(),\r\n        };\r\n        this.messages.push(message);\r\n        message.type === ConversationMessageType.Agent &&\r\n            removeTypingState(this.typingActors, sender);\r\n        const entry = new ConversationEntry((updated) => {\r\n            if (updated !== null) {\r\n                const { timestamp: updatedTimestamp = undefined, ...content } = updated;\r\n                message.content = content;\r\n                if (updatedTimestamp) {\r\n                    message.timestamp = updatedTimestamp;\r\n                }\r\n            } else {\r\n                const indexToRemove = this.messages.indexOf(message);\r\n                message.content = null;\r\n                if (indexToRemove > -1) {\r\n                    this.messages.splice(indexToRemove, 1);\r\n                }\r\n            }\r\n            this.events.dispatch('conversation:message-updated', { message });\r\n            this.update();\r\n        });\r\n        this.events.dispatch('conversation:message-created', { message });\r\n        this.update();\r\n        if (!this.componentMounted) {\r\n            this.events.dispatch('conversation:unread-message', true);\r\n        }\r\n        return entry;\r\n    }\r\n\r\n    print = (settings: string | ConversationMessageSettings): ConversationEntry => {\r\n        const normalized = getNormalizedMessageSettings(settings);\r\n\r\n        return this.createEntry(\r\n            normalized.key,\r\n            normalized.content,\r\n            ConversationMessageType.System,\r\n            undefined,\r\n            normalized.timestamp\r\n        );\r\n    };\r\n\r\n    update() {\r\n        this.events.dispatch('conversation:updated', {\r\n            messages: this.messages,\r\n            loading: this.loaders > 0,\r\n            typingActors: this.typingActors,\r\n        });\r\n    }\r\n\r\n    getMessageStream() {\r\n        return {\r\n            messages: this.messages,\r\n            loading: this.loaders > 0,\r\n            typingActors: this.typingActors,\r\n        };\r\n    }\r\n\r\n    setTypingState(sender: ConversationMessageSender, type?: ConversationMessageType) {\r\n        if (this.typingActors.indexOf(sender) === -1) {\r\n            this.typingActors.push(sender);\r\n            this.update();\r\n        }\r\n\r\n        return () => {\r\n            removeTypingState(this.typingActors, sender);\r\n            this.update();\r\n        };\r\n    }\r\n\r\n    /**\r\n     * Displays a loader in the conversation.\r\n     */\r\n    loader(): CancelLoaderDelegate {\r\n        this.loaders = this.loaders + 1;\r\n        let dismissed = false;\r\n        if (this.loaders === 1) {\r\n            this.update();\r\n        }\r\n        return () => {\r\n            if (!dismissed) {\r\n                dismissed = true;\r\n                this.loaders = this.loaders - 1;\r\n                if (this.loaders === 0) {\r\n                    this.update();\r\n                }\r\n            }\r\n        };\r\n    }\r\n\r\n    submitForm(key: string, handler: SubmitHandler) {\r\n        this.formHandlers[key] = { ...this.formHandlers[key], submit: handler };\r\n    }\r\n\r\n    validateForm(key: string, handler: ValidateHandler) {\r\n        this.formHandlers[key] = { ...this.formHandlers[key], validate: handler };\r\n    }\r\n}\r\n","import { ComponentPlatform, WidgetSettings } from '@telia-ace/widget-core';\r\nimport { closeAllModals } from '@telia-ace/widget-plugins';\r\nimport {\r\n    createStorageWriter,\r\n    StorageCategory,\r\n    StorageMedium,\r\n    StorageScope,\r\n} from '@telia-ace/widget-services';\r\nimport { Container, Implementation, Widget } from '@webprovisions/platform';\r\nimport { ConversationEndedBehavior, ConversationPlatform } from '../';\r\n\r\nconst getParentWidget = (widgetName: string, implementation: Implementation) => {\r\n    const mainWidgetName = widgetName.split('_contact');\r\n    return implementation.widgets.get(mainWidgetName[0]);\r\n};\r\n\r\nconst getSeparateWidget = (container: Container) => {\r\n    const originWidget = container.get('$widget');\r\n    const { name, implementation }: Widget = container.get('$widget');\r\n\r\n    const mainWidget =\r\n        name.indexOf('_contact') > -1 ? getParentWidget(name, implementation) : originWidget;\r\n    const { data }: WidgetSettings = container.get('$settings');\r\n    const { trigger }: WidgetSettings = mainWidget.container.get('$settings');\r\n    const chatWidgetName = `${name\r\n        .replace('_contact-method', '')\r\n        .replace('_contact', '')}_contact-method`;\r\n\r\n    const chatWidget = implementation.widgets.get(chatWidgetName);\r\n    if (chatWidget && !trigger) {\r\n        return { chatWidget, mainWidget, data };\r\n    }\r\n    return { mainWidget, data };\r\n};\r\n\r\nexport const shouldPreventDefault = (container: Container) => {\r\n    const { chatWidget } = getSeparateWidget(container);\r\n    return !!chatWidget;\r\n};\r\n\r\nexport const openChatWidget = (\r\n    container: Container,\r\n    contactMethod: any /*ContactMethodType*/,\r\n    triggerDOMTarget?: HTMLElement\r\n) => {\r\n    const { mainWidget, data, chatWidget } = getSeparateWidget(container);\r\n\r\n    if (chatWidget) {\r\n        if (chatWidget.state === 'activated') {\r\n            return chatWidget.invoke('open').then(() => {\r\n                chatWidget.container.getAsync('conversation').then((conversation) => {\r\n                    conversation\r\n                        .navigateToConversationIfActive(contactMethod.id)\r\n                        .then(() => closeAllModals(container));\r\n                });\r\n            });\r\n        }\r\n        return chatWidget\r\n            .activate()\r\n            .then(() => {\r\n                const { trigger } = chatWidget.container.get('$settings');\r\n                trigger.action = 'hide'; // could be default in configuration\r\n                return chatWidget\r\n                    .invoke('setSettings', () => ({\r\n                        data,\r\n                        trigger,\r\n                        activate: true,\r\n                    }))\r\n                    .then(() => {\r\n                        return chatWidget.container\r\n                            .getAsync('components')\r\n                            .then((components: ComponentPlatform) => {\r\n                                /**\r\n                                 * Could cause issues if target widget is no longer as specific for this use case\r\n                                 */\r\n                                const contactMethodsQuery = components\r\n                                    .components()\r\n                                    .ofType('contact-method');\r\n                                components.write({\r\n                                    key: 'setContactMethodId',\r\n                                    attributes: {\r\n                                        properties: {\r\n                                            id: contactMethod.id,\r\n                                            guideId: contactMethod.guideId,\r\n                                        },\r\n                                    },\r\n                                    target: contactMethodsQuery,\r\n                                    provider: 'localStorage',\r\n                                });\r\n                                const conversationsQuery = components\r\n                                    .components()\r\n                                    .ofType('conversation');\r\n                                components.write({\r\n                                    key: 'setConversationProvider',\r\n                                    attributes: {\r\n                                        properties: { providers: [contactMethod.clientName] },\r\n                                    },\r\n                                    target: conversationsQuery,\r\n                                    provider: 'localStorage',\r\n                                });\r\n                            });\r\n                    });\r\n            })\r\n            .then(() => {\r\n                return chatWidget.invoke('attach', {\r\n                    key: 'contact-method',\r\n                    triggerDOMElement: triggerDOMTarget,\r\n                    withRenderState: 'open',\r\n                });\r\n            })\r\n            .then(() => {\r\n                createStorageWriter(\r\n                    chatWidget.container,\r\n                    'activeStickyWidget',\r\n                    StorageCategory.Necessary,\r\n                    {\r\n                        medium: StorageMedium.Local,\r\n                        scope: StorageScope.Implementation,\r\n                    }\r\n                ).then((write) => write(chatWidget.name));\r\n\r\n                return chatWidget.container\r\n                    .getAsync('conversation')\r\n                    .then((platform) => {\r\n                        platform.setConversationEndedBehavior(ConversationEndedBehavior.Deactivate);\r\n                    })\r\n                    .then(() => closeAllModals(container))\r\n                    .then(() => false);\r\n            });\r\n    }\r\n    mainWidget.container.getAsync('conversation').then((platform: ConversationPlatform) => {\r\n        return platform\r\n            .navigateToConversationIfActive(contactMethod.id)\r\n            .then(() => platform.setConversationEndedBehavior(ConversationEndedBehavior.Navigate));\r\n    });\r\n    return chatWidget ? false : true;\r\n};\r\n\r\nexport const navigateToConversation = (\r\n    container: Container,\r\n    contactMethod: any /*ContactMethodType*/,\r\n    routeName = 'conversation'\r\n) => {\r\n    const { mainWidget, chatWidget } = getSeparateWidget(container);\r\n    if (chatWidget) {\r\n        return chatWidget.container.getAsync('router').then((router: any) => {\r\n            router.navigate(routeName, { id: contactMethod.id });\r\n        });\r\n    }\r\n\r\n    return mainWidget.container.getAsync('conversation').then((platform: ConversationPlatform) => {\r\n        platform.setConversationEndedBehavior(ConversationEndedBehavior.Navigate)?.then(() => {\r\n            mainWidget.container.getAsync('router').then((router: any) => {\r\n                mainWidget.container\r\n                    .getAsync('components')\r\n                    .then((components: ComponentPlatform) => {\r\n                        const conversationQuery = components.components().ofType('conversation');\r\n                        components.write({\r\n                            key: 'setConversationProvider',\r\n                            attributes: { properties: { providers: [contactMethod.clientName] } },\r\n                            target: conversationQuery,\r\n                            provider: 'localStorage',\r\n                        });\r\n                    })\r\n                    .then(() => {\r\n                        router.navigate(routeName, { id: contactMethod.id });\r\n                    });\r\n            });\r\n        });\r\n    });\r\n};\r\n","import { ComponentNodeController, ComponentPlatform, ComponentQuery } from '@telia-ace/widget-core';\r\nimport { RouteData, RoutingService } from '@telia-ace/widget-routing';\r\nimport {\r\n    createStorageWriter,\r\n    readStorage,\r\n    StorageCategory,\r\n    StorageMedium,\r\n    StorageWriter,\r\n} from '@telia-ace/widget-services';\r\nimport { lock } from '@telia-ace/widget-utilities';\r\nimport {\r\n    Container,\r\n    EventManager,\r\n    EventSubscriptionCancellation,\r\n    Widget,\r\n} from '@webprovisions/platform';\r\nimport { ConversationController } from './conversation-controller';\r\nimport { ConversationProvider } from './conversation-provider';\r\nimport { navigateToConversation, openChatWidget, shouldPreventDefault } from './utils';\r\n\r\nconst STORAGE_KEY = 'conversations';\r\n\r\nexport type ConversationHandler = (\r\n    conversation: ConversationProvider,\r\n    component: ComponentNodeController\r\n) => void | (() => void);\r\n\r\nexport type UnregisterControllerDelegate = () => void;\r\n\r\nexport type ConversationProviderRegistration = {\r\n    name: string;\r\n    handler: ConversationHandler;\r\n};\r\n\r\nexport enum ConversationEndedBehavior {\r\n    Deactivate = 'deactivate',\r\n    Navigate = 'navigate',\r\n    None = 'none',\r\n}\r\n\r\nexport type SessionInfo = {\r\n    id?: string;\r\n    route?: RouteData;\r\n    conversationEndedBehavior?: ConversationEndedBehavior;\r\n};\r\n\r\nexport class ConversationPlatform {\r\n    events: EventManager;\r\n    private controllers: {\r\n        conversation: ConversationController;\r\n        component: ComponentNodeController;\r\n    }[] = [];\r\n    private providers: ConversationProviderRegistration[] = [];\r\n    private disposeProviders: { [providerKey: string]: (() => void)[] } = {};\r\n    private subscriptions: EventSubscriptionCancellation[] = [];\r\n    private storageWriter: StorageWriter | null = null;\r\n    private router: RoutingService | null = null;\r\n    private buttonQuery: ComponentQuery | null = null;\r\n    private sessionInfo: SessionInfo | null = null;\r\n\r\n    constructor(private container: Container, private components: ComponentPlatform) {\r\n        const widget: Widget = container.get('$widget');\r\n        this.events = widget.events.createChild(this);\r\n    }\r\n\r\n    initialize() {\r\n        createStorageWriter(this.container, STORAGE_KEY, StorageCategory.Necessary, {\r\n            medium: StorageMedium.Local,\r\n        }).then((writer) => (this.storageWriter = writer));\r\n\r\n        readStorage<SessionInfo>(this.container, STORAGE_KEY, StorageMedium.Local).then(\r\n            (storedSession) => {\r\n                this.buttonQuery = this.components\r\n                    .components()\r\n                    .ofType('conversation-return-button');\r\n                if (storedSession) {\r\n                    this.sessionInfo = storedSession;\r\n                    if (storedSession.id && storedSession.route) {\r\n                        this.writeToComponents({ active: true, alert: { show: false } });\r\n                    }\r\n                }\r\n            }\r\n        );\r\n        this.container.getAsync('router').then((router) => (this.router = router));\r\n        this.events.subscribe('conversation:ended', (event, data) => {\r\n            switch (this.sessionInfo?.conversationEndedBehavior) {\r\n                case ConversationEndedBehavior.Deactivate:\r\n                    const widget: Widget = this.container.get('$widget');\r\n                    widget.deactivate();\r\n                    break;\r\n                case ConversationEndedBehavior.Navigate:\r\n                    const initialRoute = this.router?.getInitialRoute();\r\n                    if (initialRoute) {\r\n                        this.router?.navigate(initialRoute.name);\r\n                    }\r\n                    break;\r\n                case ConversationEndedBehavior.None:\r\n                default:\r\n                    break;\r\n            }\r\n            this.writeToComponents({ active: false });\r\n            this.sessionInfo = null;\r\n            this.storageWriter && this.storageWriter();\r\n        });\r\n    }\r\n\r\n    addSubscription(sub: EventSubscriptionCancellation) {\r\n        this.subscriptions.push(sub);\r\n    }\r\n\r\n    static getInstance(\r\n        container: Container,\r\n        key: string = 'conversation'\r\n    ): Promise<ConversationPlatform> {\r\n        return lock(container)(() => {\r\n            return container.getAsync(key).then((value: ConversationPlatform) => {\r\n                let conversation = value;\r\n                if (!conversation) {\r\n                    return ComponentPlatform.getInstance(container).then((components) => {\r\n                        conversation = new ConversationPlatform(container, components);\r\n                        conversation.initialize();\r\n                        container.registerAsync(key, () => conversation);\r\n                        return conversation;\r\n                    });\r\n                }\r\n                return conversation;\r\n            });\r\n        });\r\n    }\r\n\r\n    navigateToConversationIfActive(id: string): Promise<void> {\r\n        return readStorage<SessionInfo>(this.container, STORAGE_KEY, StorageMedium.Local).then(\r\n            (storedSession) => {\r\n                if (storedSession && storedSession.id === id) {\r\n                    if (storedSession.route) {\r\n                        const { name, params } = storedSession.route;\r\n                        this.router?.navigate(name, params);\r\n                    }\r\n                }\r\n            }\r\n        );\r\n    }\r\n\r\n    setConversationEndedBehavior(behavior: ConversationEndedBehavior) {\r\n        return readStorage<SessionInfo>(this.container, STORAGE_KEY, StorageMedium.Local).then(\r\n            (stored) => {\r\n                let storedSession = stored;\r\n                if (storedSession) {\r\n                    storedSession.conversationEndedBehavior = behavior;\r\n                } else {\r\n                    storedSession = { conversationEndedBehavior: behavior };\r\n                }\r\n                this.sessionInfo = storedSession;\r\n                return (\r\n                    (this.storageWriter && this.storageWriter(this.sessionInfo)) ||\r\n                    Promise.resolve()\r\n                );\r\n            }\r\n        );\r\n    }\r\n\r\n    createController(id: string) {\r\n        const index = this.controllers.findIndex((c) => c.conversation.id === id);\r\n        if (index > -1) {\r\n            return this.controllers[index].conversation;\r\n        }\r\n        return new ConversationController(this.container, id);\r\n    }\r\n\r\n    registerProvider(name: string, handler: ConversationHandler): void {\r\n        const provider = {\r\n            name,\r\n            handler,\r\n        };\r\n        this.providers.push(provider);\r\n        // execute provider for all matching controllers\r\n        this.controllers\r\n            .filter((controller) => controller.conversation.providers.indexOf(name) > -1)\r\n            .forEach((controller) => {\r\n                this.invokeHandler(provider, controller);\r\n            });\r\n    }\r\n\r\n    registerController(\r\n        conversation: ConversationController,\r\n        component: ComponentNodeController\r\n    ): boolean {\r\n        const index = this.controllers.findIndex((c) => c.conversation.id === conversation.id);\r\n        let controller: any;\r\n        if (index < 0) {\r\n            controller = { conversation, component };\r\n            this.controllers.push(controller);\r\n            const invokeHandlers = (providers: string[]) => {\r\n                if (providers) {\r\n                    this.providers\r\n                        .filter((provider) => providers.indexOf(provider.name) > -1)\r\n                        .forEach((provider) => {\r\n                            this.invokeHandler(provider, controller);\r\n                        });\r\n                }\r\n            };\r\n\r\n            this.subscriptions.push(\r\n                conversation.onDispose((event, data) => {\r\n                    const index = this.controllers.findIndex((c) => c.conversation === data);\r\n                    index > -1 && this.controllers.splice(index, 1);\r\n                    this.components\r\n                        .components()\r\n                        .ofType('conversation-return-button')\r\n                        .select()\r\n                        .writeProperties({ active: false });\r\n\r\n                    this.events.dispatch('conversation:ended', {}, { bubbles: true });\r\n                })\r\n            );\r\n            this.subscriptions.push(\r\n                conversation.onProvidersChange((event, data) => {\r\n                    const { added, removed }: { added: string[]; removed: string[] } = data;\r\n                    removed.forEach((removedProvider) => {\r\n                        this.disposeProviders[removedProvider].forEach((dispose) => {\r\n                            dispose();\r\n                        });\r\n                    });\r\n                    invokeHandlers(added);\r\n                })\r\n            );\r\n\r\n            this.subscriptions.push(\r\n                conversation.onStarted((event, isActive) => {\r\n                    const session: SessionInfo = {\r\n                        id: conversation.id,\r\n                        route: this.router?.getRouteData(),\r\n                        conversationEndedBehavior: this.sessionInfo?.conversationEndedBehavior,\r\n                    };\r\n                    this.sessionInfo = session;\r\n                    this.storageWriter && this.storageWriter(session);\r\n\r\n                    this.writeToComponents({ active: isActive });\r\n                })\r\n            );\r\n\r\n            this.subscriptions.push(\r\n                conversation.onUnreadMessage((event, data) => {\r\n                    this.events.dispatch('conversation:unread-message', data);\r\n                    this.writeToComponents({ alert: { show: data } });\r\n                })\r\n            );\r\n\r\n            invokeHandlers(conversation.providers);\r\n            return true;\r\n        }\r\n        controller = this.controllers[index];\r\n        return false;\r\n    }\r\n\r\n    private writeToComponents(properties: any, key: string = 'conversationReturnButtonState') {\r\n        if (this.buttonQuery) {\r\n            this.components.write({\r\n                key: 'conversationReturnButtonState',\r\n                attributes: { properties },\r\n                target: this.buttonQuery,\r\n                provider: 'localStorage',\r\n            });\r\n        }\r\n    }\r\n\r\n    private invokeHandler(provider: ConversationProviderRegistration, controller: any) {\r\n        const dispose = provider.handler(\r\n            controller.conversation.createProvider(provider.name),\r\n            controller.component\r\n        );\r\n        if (dispose) {\r\n            if (!this.disposeProviders[provider.name]) {\r\n                this.disposeProviders[provider.name] = [];\r\n            }\r\n            this.disposeProviders[provider.name].push(dispose);\r\n        }\r\n    }\r\n\r\n    getComponentRoute() {\r\n        return readStorage<SessionInfo>(this.container, STORAGE_KEY, StorageMedium.Local).then(\r\n            (stored) => stored?.route\r\n        );\r\n    }\r\n\r\n    dispose() {\r\n        Object.keys(this.disposeProviders).forEach((key) => {\r\n            this.disposeProviders[key].forEach((dispose) => {\r\n                dispose();\r\n            });\r\n        });\r\n        this.subscriptions.forEach((unsubscribe) => {\r\n            unsubscribe();\r\n        });\r\n        this.controllers = [];\r\n        this.providers = [];\r\n    }\r\n\r\n    public static async handleContactMethodClick(\r\n        event: any,\r\n        container: Container,\r\n        contactMethod: any,\r\n        callback?: Function\r\n    ) {\r\n        if (shouldPreventDefault(container)) {\r\n            event.preventDefault();\r\n            let triggerEl = document.getElementById('humany-dynamic-anchor');\r\n            if (!triggerEl) {\r\n                triggerEl = document.createElement('a');\r\n                triggerEl.setAttribute('href', '#');\r\n                triggerEl.id = 'humany-dynamic-anchor';\r\n                document.body.appendChild(triggerEl);\r\n            }\r\n            openChatWidget(container, contactMethod, triggerEl);\r\n        }\r\n        openChatWidget(container, contactMethod);\r\n    }\r\n\r\n    public static async handleContactMethodSubmit(container: Container, contactMethod: any) {\r\n        return navigateToConversation(container, contactMethod);\r\n    }\r\n}\r\n","import { RoutingService } from '@telia-ace/widget-routing';\r\nimport { createReactComponent } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\nimport { ConversationMessage, ConversationMessageType } from '../../conversation-controller';\r\nimport { ConversationPlatform } from '../../conversation-platform';\r\nimport { ConversationMessageContent, ConversationMessageSender } from '../../types';\r\n\r\nexport type BundledConversationMessage = {\r\n    timestamp: number;\r\n    content: [BundledMessageContent];\r\n    sender: ConversationMessageSender;\r\n    type: ConversationMessageType;\r\n};\r\n\r\ntype BundledMessageContent = {\r\n    key: string;\r\n} & ConversationMessageContent;\r\n\r\nexport type ConversationContent = {\r\n    loading: boolean;\r\n    typingActors: ConversationMessageSender[];\r\n    messages: ConversationMessage[];\r\n};\r\n\r\n/**\r\n * Group items by sender, type and time. Current grouping threshold is 2000 ms.\r\n * Put this as a property on either the component or on the provider?\r\n * Could possibly be implemented directly in the createEntry method\r\n * of the conversation controller to avoid iterating over the entire array on\r\n * each update.\r\n */\r\nconst groupedMessages = (\r\n    messages: ConversationMessage[],\r\n    timeout?: number\r\n): BundledConversationMessage[] => {\r\n    return messages.reduce((acc: any[], current: any, index: number) => {\r\n        const newItem = {\r\n            ...current,\r\n            content: [{ ...current.content, key: current.key }],\r\n        };\r\n        if (acc.length > 0 && current.type !== ConversationMessageType.System) {\r\n            const previous = acc[acc.length - 1];\r\n            if (\r\n                (!timeout && timeout !== 0) ||\r\n                Math.abs(previous.timestamp - current.timestamp) < timeout\r\n            ) {\r\n                if (\r\n                    previous.sender?.name === current.sender?.name &&\r\n                    previous.type === current.type\r\n                ) {\r\n                    previous.timestamp = current.timestamp;\r\n                    previous.content.push({ ...current.content, key: current.key });\r\n                    return acc;\r\n                }\r\n            }\r\n        }\r\n        acc.push(newItem);\r\n        return acc;\r\n    }, []);\r\n};\r\n\r\nexport type ConversationComponentProperties = {\r\n    providers: string[];\r\n    messages: BundledConversationMessage[]; // internal\r\n    overlay?: { conversation: boolean; secondary: boolean }; // internal\r\n    overlayConversationHeader?: string;\r\n    overlayConversationCloseLabel?: string;\r\n    loading: boolean;\r\n    inputPlaceholder: string;\r\n    inputDisabled: boolean;\r\n    inputHidden: boolean;\r\n    inputMultiline: boolean;\r\n    userLabel: string;\r\n    avatarSize: string;\r\n    typingActors: any[]; // internal\r\n    sendButtonLabel: string;\r\n    secondaryAction?: { icon?: string; action: string; label: string };\r\n};\r\n\r\nexport const ConversationComponent = (container: Container) => {\r\n    return Promise.all([\r\n        ConversationPlatform.getInstance(container),\r\n        container.getAsync('router'),\r\n    ]).then(([platform, router]: [ConversationPlatform, RoutingService]) => {\r\n        return createReactComponent(\r\n            container,\r\n            'conversation',\r\n            import('./conversation'),\r\n            (component) => {\r\n                const routeData = router.getRouteData();\r\n                const name = routeData.params.id || component.node.name || 'component';\r\n                const conversation = platform.createController(name);\r\n                const isNewController = platform.registerController(conversation, component);\r\n\r\n                const messageGroupingTimeout = 3 * 60 * 1000;\r\n\r\n                const setProperties = (properties: ConversationComponentProperties) => {\r\n                    const { providers = [] } = properties;\r\n                    if (providers) {\r\n                        const providerKeys = Array.isArray(providers) ? providers : [providers];\r\n                        conversation.setProviders(providerKeys);\r\n                        return providerKeys;\r\n                    }\r\n                };\r\n                setProperties(component.properties<ConversationComponentProperties>(setProperties));\r\n\r\n                conversation.setComponentMountedState(true);\r\n\r\n                const writeMessages = (messageStream: any) => {\r\n                    const { loading, typingActors, messages } = messageStream;\r\n                    component.writeProperties({\r\n                        loading,\r\n                        typingActors,\r\n                        messages: groupedMessages(messages, messageGroupingTimeout),\r\n                    });\r\n                };\r\n\r\n                writeMessages(conversation.getMessageStream());\r\n\r\n                if (isNewController) {\r\n                    // todo: dont create actions here, there will be duplicates due to reuseController = true\r\n                    component.actions.create('user-submit', (data, options) => {\r\n                        if (options) {\r\n                            const { preventDefault, validationPromise } = options;\r\n                            if (preventDefault) {\r\n                                if (validationPromise) {\r\n                                    validationPromise().then((text: string) => {\r\n                                        if (text) {\r\n                                            conversation.user.print(text);\r\n                                        }\r\n                                    });\r\n                                }\r\n                                return;\r\n                            }\r\n                        }\r\n                        conversation.user.print(data.text);\r\n                    });\r\n\r\n                    component.actions.create('user-typing', (data, options) => {});\r\n\r\n                    component.actions.create('form', (data, options) => {});\r\n\r\n                    component.actions.create('action', (data, options) => {});\r\n\r\n                    component.actions.create('overlay-mounted', (data, options) => {});\r\n\r\n                    component.actions.create('show-overlay', (data, options) => {\r\n                        component.writeProperties({\r\n                            overlay: { conversation: false, secondary: false },\r\n                        });\r\n                    });\r\n\r\n                    component.actions.create('hide-overlay', (data, options) => {\r\n                        component.writeProperties({\r\n                            overlay: null,\r\n                        });\r\n                    });\r\n\r\n                    component.actions.create('show-overlay-conversation', (data, options) => {\r\n                        component.writeProperties({\r\n                            overlay: { conversation: true, secondary: false },\r\n                        });\r\n                    });\r\n\r\n                    component.actions.create('hide-overlay-conversation', (data, options) => {\r\n                        component.writeProperties({\r\n                            overlay: { conversation: false, secondary: false },\r\n                        });\r\n                    });\r\n                }\r\n\r\n                const unsubscribe = conversation.events.subscribe(\r\n                    'conversation:updated',\r\n                    (e: any, conversationData: ConversationContent) => {\r\n                        writeMessages(conversationData);\r\n                    }\r\n                );\r\n\r\n                return () => {\r\n                    conversation.setComponentMountedState(false);\r\n                    unsubscribe();\r\n                    if (!conversation.active) {\r\n                        // unregisterController();\r\n                        // todo: add possibility to dispose this through extendComponent()\r\n                        // component.dispose();\r\n                        writeMessages({ messages: [], typingActors: [], loading: false });\r\n                    }\r\n                };\r\n            },\r\n            { reuseController: true }\r\n        );\r\n    });\r\n};\r\n","import { ComponentPlatform } from '@telia-ace/widget-core';\r\nimport { RoutingService } from '@telia-ace/widget-routing';\r\nimport { createReactComponent, Symbol } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\nimport { ConversationPlatform } from '../..';\r\n\r\nexport enum ButtonMode {\r\n    flat = 'flat',\r\n    flashing = 'flashing',\r\n    flashingGradient = 'flashingGradient',\r\n}\r\n\r\nexport type ReturnButtonProps = {\r\n    label: string;\r\n    active: boolean;\r\n    mode: ButtonMode;\r\n    alert?: {\r\n        symbol?: Symbol;\r\n        show?: boolean;\r\n        label?: string;\r\n    };\r\n};\r\n\r\nexport const ConversationReturnButtonComponent = (container: Container) => {\r\n    return Promise.all([\r\n        ComponentPlatform.getInstance(container),\r\n        ConversationPlatform.getInstance(container),\r\n        container.getAsync('router'),\r\n    ]).then(\r\n        ([components, platform, router]: [\r\n            ComponentPlatform,\r\n            ConversationPlatform,\r\n            RoutingService\r\n        ]) => {\r\n            return createReactComponent(\r\n                container,\r\n                'conversation-return-button',\r\n                import('./return-button'),\r\n                (component) => {\r\n                    component.actions.create('toggle', (options = {}) => {\r\n                        platform.getComponentRoute()?.then((route) => {\r\n                            route && router.navigate(route.name, route.params);\r\n                        });\r\n                    });\r\n                }\r\n            );\r\n        }\r\n    );\r\n};\r\n","import { Form, FormBuilder } from '@telia-ace/widget-forms';\r\nimport { Symbol } from '@telia-ace/widget-ui';\r\n\r\nexport type ConversationMessageSettings = {\r\n    key?: string;\r\n    timestamp?: number;\r\n    title?: string;\r\n    body?: string;\r\n    actions?: { [actionKey: string]: any };\r\n    form?: (builder: FormBuilder) => void;\r\n    type?: string;\r\n    items?: ConversationMessageList[];\r\n    [key: string]: any;\r\n};\r\n\r\nexport type NormalizedMessageSettings = {\r\n    content: ConversationMessageContent;\r\n    key: string;\r\n    timestamp: number | null;\r\n};\r\n\r\nexport type ConversationMessageList = {\r\n    header?: string;\r\n    itemKey: string;\r\n    type?: ConversationMessageListType;\r\n    items: ConversationMessageListItem[];\r\n};\r\n\r\nexport type ConversationMessageListItem = {\r\n    icon?: string;\r\n    type?: ConversationMessageListItemType;\r\n    actions?: { [actionKey: string]: any };\r\n    form?: Form;\r\n    body?: string;\r\n    key: string;\r\n    [key: string]: any;\r\n};\r\n\r\nexport type ConversationMessageContent = {\r\n    title?: string;\r\n    body?: string;\r\n    actions?: { [actionKey: string]: any };\r\n    items?: ConverstationMessageItem<any>[];\r\n    form?: Form;\r\n    [key: string]: any;\r\n};\r\n\r\nexport type ConverstationMessageItem<T, R = ItemPayload> = R extends [T, any] ? R : never;\r\n\r\nexport type ConversationMessageUpdateSettings = ConversationMessageContent & {\r\n    timestamp?: number;\r\n};\r\n\r\nexport type ConversationMessageSender = {\r\n    name?: string;\r\n    avatar?: string | Symbol;\r\n};\r\n\r\nexport enum ConversationMessageListType {\r\n    Ordinary = 'ordinary',\r\n    Seperator = 'seperator',\r\n}\r\n\r\nexport enum ConversationMessageListItemType {\r\n    LinkList = 'link-list',\r\n    Separator = 'separator',\r\n    ButtonList = 'button-list',\r\n    Text = 'text',\r\n    HTML = 'html',\r\n}\r\n\r\nexport type LinkListProperties = {\r\n    header?: string;\r\n    actions: { [key: string]: string } | { label: string; actionKey: string; data: any }[];\r\n};\r\n\r\ntype LinkListItem = [ConversationMessageListItemType.LinkList, LinkListProperties];\r\n\r\ntype TextItem = [ConversationMessageListItemType.Text, string];\r\ntype SeparatorItem = [ConversationMessageListItemType.Separator, undefined];\r\n\r\nexport type ButtonListProperties = {\r\n    header?: string;\r\n    actions: { [key: string]: string } | { label: string; actionKey: string; data: any }[];\r\n};\r\n\r\ntype ButtonListItem = [ConversationMessageListItemType.ButtonList, ButtonListProperties];\r\n\r\nexport type HtmlProperties = {\r\n    body: string;\r\n};\r\n\r\ntype HtmlItem = [ConversationMessageListItemType.HTML, HtmlProperties];\r\n\r\ntype ItemPayload = LinkListItem | TextItem | SeparatorItem | ButtonListItem | HtmlItem;\r\n","import { ComponentResolver, ReactComponent } from '@telia-ace/widget-core';\r\nimport { Container } from '@webprovisions/platform';\r\nimport { lazy } from 'react';\r\nimport { ConversationPlatform } from '..';\r\n\r\nexport const registerCustomMessageComponent = (\r\n    container: Container,\r\n    type: string,\r\n    component: ReactComponent\r\n) => {\r\n    return container.getAsync('componentResolver').then(async (o: ComponentResolver) => {\r\n        const platform = await ConversationPlatform.getInstance(container);\r\n        platform.addSubscription(\r\n            o.registerComponent(\r\n                type,\r\n                lazy(() => component)\r\n            )\r\n        );\r\n    });\r\n};\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/agent.ts","../src/conversation-provider.ts","../src/user.ts","../src/conversation-controller.ts","../src/utils/open-chat-widget.ts","../src/conversation-platform.ts","../src/components/conversation/plugin.ts","../src/components/return-button/plugin.ts","../src/types.ts","../src/utils/custom-message.ts"],"sourcesContent":["import { Symbol } from '@telia-ace/widget-ui';\r\nimport {\r\n    ConversationEntry,\r\n    ConversationMessageType,\r\n    getNormalizedMessageSettings,\r\n} from './conversation-controller';\r\nimport { ConversationProvider } from './conversation-provider';\r\nimport {\r\n    ConversationMessageSender,\r\n    ConversationMessageSettings,\r\n    ConverstationMessageItem,\r\n} from './types';\r\n\r\nexport type AgentSettings = {\r\n    name?: string;\r\n    avatar?: string | Symbol;\r\n};\r\n\r\nexport class Agent {\r\n    name?: string;\r\n    avatar?: string | Symbol;\r\n\r\n    constructor(private provider: ConversationProvider, settings: AgentSettings) {\r\n        this.name = settings.name;\r\n        this.avatar = settings.avatar;\r\n    }\r\n\r\n    print = (\r\n        settings:\r\n            | string\r\n            | ConversationMessageSettings\r\n            | ConverstationMessageItem<any>\r\n            | ConverstationMessageItem<any>[]\r\n    ): ConversationEntry | undefined => {\r\n        const sender: ConversationMessageSender = { name: this.name, avatar: this.avatar };\r\n        const normalized = getNormalizedMessageSettings(settings);\r\n\r\n        return this.provider.createEntry(\r\n            normalized.key,\r\n            normalized.content,\r\n            ConversationMessageType.Agent,\r\n            sender,\r\n            normalized.timestamp\r\n        );\r\n    };\r\n    typing = () => {\r\n        return this.provider.setTypingState({ name: this.name, avatar: this.avatar });\r\n    };\r\n\r\n    update(settings: AgentSettings): void {\r\n        const { name, avatar } = settings;\r\n        if (avatar === null) {\r\n            this.avatar = undefined;\r\n        } else if (avatar) {\r\n            this.avatar = avatar;\r\n        }\r\n\r\n        if (name === null) {\r\n            this.name = undefined;\r\n        } else if (name) {\r\n            this.name = name;\r\n        }\r\n    }\r\n}\r\n","import {\r\n    Container,\r\n    EventListener,\r\n    EventObject,\r\n    EventSubscriptionCancellation,\r\n} from '@webprovisions/platform';\r\nimport { Agent, AgentSettings } from './agent';\r\nimport {\r\n    CancelLoaderDelegate,\r\n    ConversationController,\r\n    ConversationEntry,\r\n    ConversationMessageType,\r\n} from './conversation-controller';\r\nimport {\r\n    ConversationMessageContent,\r\n    ConversationMessageSender,\r\n    ConversationMessageSettings,\r\n} from './types';\r\n\r\nexport class ConversationProvider {\r\n    private subscriptions: EventSubscriptionCancellation[] = [];\r\n    public user: any;\r\n\r\n    private constructor(\r\n        public name: string,\r\n        private container: Container,\r\n        public controller: ConversationController | null\r\n    ) {\r\n        this.user = controller?.user;\r\n    }\r\n\r\n    static create(name: string, container: Container, controller: ConversationController) {\r\n        return new ConversationProvider(name, container, controller);\r\n    }\r\n\r\n    createAgent(settings: AgentSettings = {}): Agent | undefined {\r\n        if (this.controller) {\r\n            return new Agent(this, settings);\r\n        }\r\n    }\r\n\r\n    print(settings: string | ConversationMessageSettings): ConversationEntry | undefined {\r\n        return this.controller?.print(settings);\r\n    }\r\n\r\n    setTypingState(sender: ConversationMessageSender, type?: ConversationMessageType) {\r\n        return this.controller?.setTypingState(sender, type);\r\n    }\r\n\r\n    loading(): CancelLoaderDelegate {\r\n        if (!this.controller) {\r\n            return () => () => {};\r\n        }\r\n        return this.controller.loader();\r\n    }\r\n\r\n    createEntry(\r\n        key: string,\r\n        content: ConversationMessageContent,\r\n        type: ConversationMessageType,\r\n        sender?: ConversationMessageSender,\r\n        timestamp?: number | null\r\n    ) {\r\n        return this.controller?.createEntry(key, content, type, sender, timestamp);\r\n    }\r\n\r\n    dispose() {\r\n        if (process.env.NODE_ENV !== 'production') {\r\n            console.log(`conversation-provider: dispose (${this.name})`);\r\n        }\r\n        this.controller?.disposeProvider(this);\r\n        this.controller = null;\r\n        this.subscriptions.forEach((unsub) => unsub());\r\n    }\r\n\r\n    onUnreadMessage(fn: EventListener): EventSubscriptionCancellation | void {\r\n        if (this.controller) {\r\n            const unsubscribe = this.controller?.onUnreadMessage(fn);\r\n            this.subscriptions.push(unsubscribe);\r\n            return () => {\r\n                unsubscribe();\r\n            };\r\n        }\r\n    }\r\n\r\n    onMounted(fn: EventListener): EventSubscriptionCancellation | void {\r\n        if (this.controller) {\r\n            const unsubscribe = this.controller?.events.subscribe(\r\n                'conversation:component-mount-changed',\r\n                fn\r\n            );\r\n            this.subscriptions.push(unsubscribe);\r\n            fn({} as EventObject, this.controller.getComponentMountedState());\r\n            return () => {\r\n                unsubscribe();\r\n            };\r\n        }\r\n    }\r\n}\r\n\r\nexport default ConversationProvider;\r\n","import {\r\n    ConversationController,\r\n    ConversationEntry,\r\n    ConversationMessageType,\r\n    getNormalizedMessageSettings,\r\n} from './conversation-controller';\r\nimport { ConversationMessageSettings } from './types';\r\n\r\nexport class User {\r\n    constructor(private controller: ConversationController) {}\r\n\r\n    print = (settings: string | ConversationMessageSettings): ConversationEntry => {\r\n        const normalized = getNormalizedMessageSettings(settings);\r\n        return this.controller.createEntry(\r\n            normalized.key,\r\n            normalized.content,\r\n            ConversationMessageType.User,\r\n            undefined,\r\n            normalized.timestamp\r\n        );\r\n    };\r\n}\r\n","import { FormBuilder } from '@telia-ace/widget-forms';\r\nimport { uuid } from '@telia-ace/widget-utilities';\r\nimport { Container, EventListener, EventManager, Widget } from '@webprovisions/platform';\r\nimport { ConversationProvider } from './conversation-provider';\r\nimport {\r\n    ConversationMessageContent,\r\n    ConversationMessageSender,\r\n    ConversationMessageSettings,\r\n    ConversationMessageUpdateSettings,\r\n    ConverstationMessageItem,\r\n    NormalizedMessageSettings,\r\n} from './types';\r\nimport { User } from './user';\r\nexport type ValidateHandler = (formValues: { [key: string]: any }) => Promise<any>;\r\n\r\nexport type SubmitHandler = (formValues: { [key: string]: any }) => Promise<any>;\r\n\r\nexport type Print = (content: string | ConversationMessageContent) => ConversationEntry;\r\n\r\nexport type FormHandlers = { [key: string]: FormHandler };\r\nexport type FormHandler = { validate?: ValidateHandler; submit: SubmitHandler };\r\n\r\nexport type CancelLoaderDelegate = () => void;\r\n\r\nexport class ConversationEntry {\r\n    constructor(private writer: EntryWriter) {}\r\n\r\n    update(\r\n        content:\r\n            | string\r\n            | ConversationMessageUpdateSettings\r\n            | ConverstationMessageItem<any>\r\n            | ConverstationMessageItem<any>[]\r\n    ) {\r\n        const normalized = this.getNormalizedSettings(content);\r\n        // const normalized = typeof content === 'string' ? { body: content } : content;\r\n        this.writer(<ConversationMessageUpdateSettings>normalized);\r\n    }\r\n\r\n    remove() {\r\n        this.writer(null);\r\n    }\r\n\r\n    private getNormalizedSettings(\r\n        content:\r\n            | string\r\n            | ConversationMessageUpdateSettings\r\n            | ConverstationMessageItem<any>\r\n            | ConverstationMessageItem<any>[]\r\n    ) {\r\n        if (typeof content === 'string') return { body: content };\r\n        else if (content.length > -1 && typeof content === 'object') return { items: content };\r\n        else return content;\r\n    }\r\n}\r\n\r\nexport enum ConversationMessageType {\r\n    User = 'user',\r\n    Agent = 'agent',\r\n    System = 'system',\r\n}\r\n\r\nexport type ConversationMessage = {\r\n    key: string;\r\n    timestamp: number | null;\r\n    content: ConversationMessageContent | null;\r\n    sender: ConversationMessageSender | null;\r\n    type: ConversationMessageType;\r\n};\r\n\r\nexport type EntryWriter = (content: ConversationMessageUpdateSettings | null) => void;\r\n\r\nexport const getNormalizedMessageSettings = (\r\n    settings:\r\n        | string\r\n        | ConversationMessageSettings\r\n        | ConverstationMessageItem<any>\r\n        | ConverstationMessageItem<any>[]\r\n): NormalizedMessageSettings => {\r\n    let content: ConversationMessageContent;\r\n    let key = uuid();\r\n    let timestamp: number | null = Date.now();\r\n\r\n    if (Array.isArray(settings) && settings.length > -1) {\r\n        if (typeof settings[0] === 'string') {\r\n            content = { items: [<ConverstationMessageItem<any>>settings] };\r\n        } else {\r\n            content = { items: <ConverstationMessageItem<any>[]>settings };\r\n        }\r\n    } else if (typeof settings === 'string') {\r\n        content = { body: settings };\r\n    } else {\r\n        settings = <ConversationMessageSettings>settings || {};\r\n\r\n        if (settings.type) {\r\n            content = {\r\n                ...(<any>settings),\r\n            };\r\n        } else {\r\n            content = {\r\n                body: settings.body,\r\n                actions: settings.actions,\r\n                title: settings.title,\r\n            };\r\n            if (settings.key) {\r\n                key = settings.key;\r\n            }\r\n            if (settings.timestamp) {\r\n                timestamp = settings.timestamp;\r\n            }\r\n            if (settings.form) {\r\n                const builder = FormBuilder.create(key);\r\n                settings.form(builder);\r\n                const builtForm = builder.get();\r\n                content.form = builtForm;\r\n            }\r\n            if (settings.timestamp === null) {\r\n                timestamp = null;\r\n            }\r\n        }\r\n    }\r\n    return { content, key, timestamp };\r\n};\r\n\r\nconst removeTypingState = (\r\n    typingActors: ConversationMessageSender[],\r\n    sender?: ConversationMessageSender\r\n) => {\r\n    if (!sender) {\r\n        return;\r\n    }\r\n    const senderString = JSON.stringify(sender);\r\n    const indexToRemove = typingActors.findIndex((item) => {\r\n        return senderString === JSON.stringify(item);\r\n    });\r\n    if (indexToRemove > -1) {\r\n        return typingActors.splice(indexToRemove, 1);\r\n    }\r\n};\r\n\r\n/**\r\n * Manages the stream of messages inside a `ConversationComponent` and provides external read-write\r\n * access to it as well as exposing emitted actions.\r\n */\r\nexport class ConversationController {\r\n    formHandlers: FormHandlers = {};\r\n\r\n    /**\r\n     * Represents the current end user.\r\n     */\r\n    user: User = new User(this);\r\n\r\n    events: EventManager;\r\n\r\n    providers: string[] = [];\r\n\r\n    active: boolean = false;\r\n\r\n    private registeredProviders: ConversationProvider[] = [];\r\n\r\n    private loaders: number = 0;\r\n    private componentMounted: boolean = false;\r\n\r\n    messages: ConversationMessage[] = [];\r\n    private typingActors: ConversationMessageSender[] = [];\r\n\r\n    constructor(public container: Container, public id: string) {\r\n        const widget: Widget = container.get('$widget');\r\n        this.events = widget.events.createChild(this);\r\n    }\r\n\r\n    setProviders(providers: string[]) {\r\n        const removed: string[] = [];\r\n        const added: string[] = [];\r\n\r\n        // remove\r\n        this.providers\r\n            .reduce<string[]>((acc, provider) => {\r\n                if (providers.indexOf(provider) === -1) {\r\n                    acc.push(provider);\r\n                }\r\n                return acc;\r\n            }, [])\r\n            .forEach((providerToRemove) => {\r\n                const indexToRemove = this.providers.indexOf(providerToRemove);\r\n                if (indexToRemove > -1) {\r\n                    removed.push(providerToRemove);\r\n                    this.providers.splice(indexToRemove, 1);\r\n                }\r\n            });\r\n\r\n        // add\r\n        providers.forEach((provider) => {\r\n            if (this.providers.indexOf(provider) === -1) {\r\n                added.push(provider);\r\n                this.providers.push(provider);\r\n            }\r\n        });\r\n\r\n        if (added.length || removed.length) {\r\n            this.events.dispatch('conversation:providers-changed', { added, removed });\r\n        }\r\n    }\r\n\r\n    createProvider(name: string): ConversationProvider {\r\n        const index = this.providerIndex(name);\r\n        if (index > -1) {\r\n            return this.registeredProviders[index];\r\n        }\r\n        const provider = ConversationProvider.create(name, this.container, this);\r\n        this.registeredProviders.push(provider);\r\n        return provider;\r\n    }\r\n\r\n    providerIndex(name: string) {\r\n        return this.registeredProviders.findIndex((p) => p.name === name);\r\n    }\r\n\r\n    dispose() {\r\n        this.registeredProviders.forEach((provider) => provider.dispose());\r\n        this.messages = [];\r\n        this.events.dispatch('conversation:controller-disposed', this);\r\n        this.active = false;\r\n    }\r\n\r\n    onDispose(fn: EventListener) {\r\n        return this.events.subscribe('conversation:controller-disposed', fn);\r\n    }\r\n\r\n    onStarted(fn: EventListener) {\r\n        return this.events.subscribe('conversation:started', fn);\r\n    }\r\n\r\n    disposeProvider(target: ConversationProvider) {\r\n        const index = this.providerIndex(target.name);\r\n        index > -1 && this.registeredProviders.splice(index, 1);\r\n        this.events.dispatch('conversation:providers-changed', { removed: [target.name] });\r\n        if (!this.registeredProviders.length) {\r\n            this.dispose();\r\n        }\r\n    }\r\n\r\n    onProvidersChange(fn: EventListener) {\r\n        return this.events.subscribe('conversation:providers-changed', fn);\r\n    }\r\n\r\n    setComponentMountedState(mounted: boolean) {\r\n        if (this.componentMounted === mounted) {\r\n            return;\r\n        }\r\n        this.componentMounted = mounted;\r\n        if (mounted) {\r\n            this.events.dispatch('conversation:unread-message', false);\r\n            this.events.dispatch('conversation:started', true);\r\n            this.active = true;\r\n        }\r\n        this.events.dispatch('conversation:component-mount-changed', mounted);\r\n    }\r\n\r\n    getComponentMountedState() {\r\n        return this.componentMounted;\r\n    }\r\n\r\n    onUnreadMessage(fn: EventListener) {\r\n        return this.events.subscribe('conversation:unread-message', fn);\r\n    }\r\n\r\n    createEntry(\r\n        key: string,\r\n        content: ConversationMessageContent,\r\n        type: ConversationMessageType,\r\n        sender?: ConversationMessageSender,\r\n        timestamp?: number | null\r\n    ): ConversationEntry {\r\n        const message: ConversationMessage = {\r\n            key,\r\n            content,\r\n            type,\r\n            sender: sender || null,\r\n            timestamp: timestamp || timestamp === null ? timestamp : Date.now(),\r\n        };\r\n        this.messages.push(message);\r\n        message.type === ConversationMessageType.Agent &&\r\n            removeTypingState(this.typingActors, sender);\r\n        const entry = new ConversationEntry((updated) => {\r\n            if (updated !== null) {\r\n                const { timestamp: updatedTimestamp = undefined, ...content } = updated;\r\n                message.content = content;\r\n                if (updatedTimestamp) {\r\n                    message.timestamp = updatedTimestamp;\r\n                }\r\n            } else {\r\n                const indexToRemove = this.messages.indexOf(message);\r\n                message.content = null;\r\n                if (indexToRemove > -1) {\r\n                    this.messages.splice(indexToRemove, 1);\r\n                }\r\n            }\r\n            this.events.dispatch('conversation:message-updated', { message });\r\n            this.update();\r\n        });\r\n        this.events.dispatch('conversation:message-created', { message });\r\n        this.update();\r\n        if (!this.componentMounted) {\r\n            this.events.dispatch('conversation:unread-message', true);\r\n        }\r\n        return entry;\r\n    }\r\n\r\n    print = (settings: string | ConversationMessageSettings): ConversationEntry => {\r\n        const normalized = getNormalizedMessageSettings(settings);\r\n\r\n        return this.createEntry(\r\n            normalized.key,\r\n            normalized.content,\r\n            ConversationMessageType.System,\r\n            undefined,\r\n            normalized.timestamp\r\n        );\r\n    };\r\n\r\n    update() {\r\n        this.events.dispatch('conversation:updated', {\r\n            messages: this.messages,\r\n            loading: this.loaders > 0,\r\n            typingActors: this.typingActors,\r\n        });\r\n    }\r\n\r\n    getMessageStream() {\r\n        return {\r\n            messages: this.messages,\r\n            loading: this.loaders > 0,\r\n            typingActors: this.typingActors,\r\n        };\r\n    }\r\n\r\n    setTypingState(sender: ConversationMessageSender, type?: ConversationMessageType) {\r\n        if (this.typingActors.indexOf(sender) === -1) {\r\n            this.typingActors.push(sender);\r\n            this.update();\r\n        }\r\n\r\n        return () => {\r\n            removeTypingState(this.typingActors, sender);\r\n            this.update();\r\n        };\r\n    }\r\n\r\n    /**\r\n     * Displays a loader in the conversation.\r\n     */\r\n    loader(): CancelLoaderDelegate {\r\n        this.loaders = this.loaders + 1;\r\n        let dismissed = false;\r\n        if (this.loaders === 1) {\r\n            this.update();\r\n        }\r\n        return () => {\r\n            if (!dismissed) {\r\n                dismissed = true;\r\n                this.loaders = this.loaders - 1;\r\n                if (this.loaders === 0) {\r\n                    this.update();\r\n                }\r\n            }\r\n        };\r\n    }\r\n\r\n    submitForm(key: string, handler: SubmitHandler) {\r\n        this.formHandlers[key] = { ...this.formHandlers[key], submit: handler };\r\n    }\r\n\r\n    validateForm(key: string, handler: ValidateHandler) {\r\n        this.formHandlers[key] = { ...this.formHandlers[key], validate: handler };\r\n    }\r\n}\r\n","import { ComponentPlatform, WidgetSettings } from '@telia-ace/widget-core';\r\nimport { closeAllModals } from '@telia-ace/widget-plugins';\r\nimport {\r\n    createStorageWriter,\r\n    StorageCategory,\r\n    StorageMedium,\r\n    StorageScope,\r\n} from '@telia-ace/widget-services';\r\nimport { Container, Implementation, Widget } from '@webprovisions/platform';\r\nimport { ConversationEndedBehavior, ConversationPlatform } from '../';\r\n\r\nconst getParentWidget = (widgetName: string, implementation: Implementation) => {\r\n    const mainWidgetName = widgetName.split('_contact');\r\n    return implementation.widgets.get(mainWidgetName[0]);\r\n};\r\n\r\nconst getSeparateWidget = (container: Container) => {\r\n    const originWidget = container.get('$widget');\r\n    const { name, implementation }: Widget = container.get('$widget');\r\n\r\n    const mainWidget =\r\n        name.indexOf('_contact') > -1 ? getParentWidget(name, implementation) : originWidget;\r\n    const { data }: WidgetSettings = container.get('$settings');\r\n    const { trigger }: WidgetSettings = mainWidget.container.get('$settings');\r\n    const chatWidgetName = `${name\r\n        .replace('_contact-method', '')\r\n        .replace('_contact', '')}_contact-method`;\r\n\r\n    const chatWidget = implementation.widgets.get(chatWidgetName);\r\n    if (chatWidget && !trigger) {\r\n        return { chatWidget, mainWidget, data };\r\n    }\r\n    return { mainWidget, data };\r\n};\r\n\r\nexport const shouldPreventDefault = (container: Container) => {\r\n    const { chatWidget } = getSeparateWidget(container);\r\n    return !!chatWidget;\r\n};\r\n\r\nexport const openChatWidget = (\r\n    container: Container,\r\n    contactMethod: any /*ContactMethodType*/,\r\n    triggerDOMTarget?: HTMLElement\r\n) => {\r\n    const { mainWidget, data, chatWidget } = getSeparateWidget(container);\r\n\r\n    if (chatWidget) {\r\n        if (chatWidget.state === 'activated') {\r\n            return chatWidget.invoke('open').then(() => {\r\n                chatWidget.container.getAsync('conversation').then((conversation) => {\r\n                    conversation\r\n                        .navigateToConversationIfActive(contactMethod.id)\r\n                        .then(() => closeAllModals(container));\r\n                });\r\n            });\r\n        }\r\n        return chatWidget\r\n            .activate()\r\n            .then(() => {\r\n                const { trigger } = chatWidget.container.get('$settings');\r\n                trigger.action = 'hide'; // could be default in configuration\r\n                return chatWidget\r\n                    .invoke('setSettings', () => ({\r\n                        data,\r\n                        trigger,\r\n                        activate: true,\r\n                    }))\r\n                    .then(() => {\r\n                        return chatWidget.container\r\n                            .getAsync('components')\r\n                            .then((components: ComponentPlatform) => {\r\n                                /**\r\n                                 * Could cause issues if target widget is no longer as specific for this use case\r\n                                 */\r\n                                const contactMethodsQuery = components\r\n                                    .components()\r\n                                    .ofType('contact-method');\r\n                                components.write({\r\n                                    key: 'setContactMethodId',\r\n                                    attributes: {\r\n                                        properties: {\r\n                                            id: contactMethod.id,\r\n                                            guideId: contactMethod.guideId,\r\n                                        },\r\n                                    },\r\n                                    target: contactMethodsQuery,\r\n                                    provider: 'localStorage',\r\n                                });\r\n                                const conversationsQuery = components\r\n                                    .components()\r\n                                    .ofType('conversation');\r\n                                components.write({\r\n                                    key: 'setConversationProvider',\r\n                                    attributes: {\r\n                                        properties: { providers: [contactMethod.clientName] },\r\n                                    },\r\n                                    target: conversationsQuery,\r\n                                    provider: 'localStorage',\r\n                                });\r\n                            });\r\n                    });\r\n            })\r\n            .then(() => {\r\n                return chatWidget.invoke('attach', {\r\n                    key: 'contact-method',\r\n                    triggerDOMElement: triggerDOMTarget,\r\n                    withRenderState: 'open',\r\n                });\r\n            })\r\n            .then(() => {\r\n                createStorageWriter(\r\n                    chatWidget.container,\r\n                    'activeStickyWidget',\r\n                    StorageCategory.Necessary,\r\n                    {\r\n                        medium: StorageMedium.Local,\r\n                        scope: StorageScope.Implementation,\r\n                    }\r\n                ).then((write) => write(chatWidget.name));\r\n\r\n                return chatWidget.container\r\n                    .getAsync('conversation')\r\n                    .then((platform) => {\r\n                        platform.setConversationEndedBehavior(ConversationEndedBehavior.Deactivate);\r\n                    })\r\n                    .then(() => closeAllModals(container))\r\n                    .then(() => false);\r\n            });\r\n    }\r\n    mainWidget.container.getAsync('conversation').then((platform: ConversationPlatform) => {\r\n        return platform\r\n            .navigateToConversationIfActive(contactMethod.id)\r\n            .then(() => platform.setConversationEndedBehavior(ConversationEndedBehavior.Navigate));\r\n    });\r\n    return chatWidget ? false : true;\r\n};\r\n\r\nexport const navigateToConversation = (\r\n    container: Container,\r\n    contactMethod: any /*ContactMethodType*/,\r\n    routeName = 'conversation'\r\n) => {\r\n    const { mainWidget, chatWidget } = getSeparateWidget(container);\r\n    if (chatWidget) {\r\n        return chatWidget.container.getAsync('router').then((router: any) => {\r\n            router.navigate(routeName, { id: contactMethod.id });\r\n        });\r\n    }\r\n\r\n    return mainWidget.container.getAsync('conversation').then((platform: ConversationPlatform) => {\r\n        platform.setConversationEndedBehavior(ConversationEndedBehavior.Navigate)?.then(() => {\r\n            mainWidget.container.getAsync('router').then((router: any) => {\r\n                mainWidget.container\r\n                    .getAsync('components')\r\n                    .then((components: ComponentPlatform) => {\r\n                        const conversationQuery = components.components().ofType('conversation');\r\n                        components.write({\r\n                            key: 'setConversationProvider',\r\n                            attributes: { properties: { providers: [contactMethod.clientName] } },\r\n                            target: conversationQuery,\r\n                            provider: 'localStorage',\r\n                        });\r\n                    })\r\n                    .then(() => {\r\n                        router.navigate(routeName, { id: contactMethod.id });\r\n                    });\r\n            });\r\n        });\r\n    });\r\n};\r\n","import { ComponentNodeController, ComponentPlatform, ComponentQuery } from '@telia-ace/widget-core';\r\nimport { RouteData, RoutingService } from '@telia-ace/widget-routing';\r\nimport {\r\n    createStorageWriter,\r\n    readStorage,\r\n    StorageCategory,\r\n    StorageMedium,\r\n    StorageWriter,\r\n} from '@telia-ace/widget-services';\r\nimport { lock } from '@telia-ace/widget-utilities';\r\nimport {\r\n    Container,\r\n    EventManager,\r\n    EventSubscriptionCancellation,\r\n    Widget,\r\n} from '@webprovisions/platform';\r\nimport { ConversationController } from './conversation-controller';\r\nimport { ConversationProvider } from './conversation-provider';\r\nimport { navigateToConversation, openChatWidget, shouldPreventDefault } from './utils';\r\n\r\nconst STORAGE_KEY = 'conversations';\r\n\r\nexport type ConversationHandler = (\r\n    conversation: ConversationProvider,\r\n    component: ComponentNodeController\r\n) => void | (() => void);\r\n\r\nexport type UnregisterControllerDelegate = () => void;\r\n\r\nexport type ConversationProviderRegistration = {\r\n    name: string;\r\n    handler: ConversationHandler;\r\n};\r\n\r\nexport enum ConversationEndedBehavior {\r\n    Deactivate = 'deactivate',\r\n    Navigate = 'navigate',\r\n    None = 'none',\r\n}\r\n\r\nexport type SessionInfo = {\r\n    id?: string;\r\n    route?: RouteData;\r\n    conversationEndedBehavior?: ConversationEndedBehavior;\r\n};\r\n\r\nexport class ConversationPlatform {\r\n    events: EventManager;\r\n    private controllers: {\r\n        conversation: ConversationController;\r\n        component: ComponentNodeController;\r\n    }[] = [];\r\n    private providers: ConversationProviderRegistration[] = [];\r\n    private disposeProviders: { [providerKey: string]: (() => void)[] } = {};\r\n    private subscriptions: EventSubscriptionCancellation[] = [];\r\n    private storageWriter: StorageWriter | null = null;\r\n    private router: RoutingService | null = null;\r\n    private buttonQuery: ComponentQuery | null = null;\r\n    private sessionInfo: SessionInfo | null = null;\r\n\r\n    constructor(private container: Container, private components: ComponentPlatform) {\r\n        const widget: Widget = container.get('$widget');\r\n        this.events = widget.events.createChild(this);\r\n    }\r\n\r\n    initialize() {\r\n        createStorageWriter(this.container, STORAGE_KEY, StorageCategory.Necessary, {\r\n            medium: StorageMedium.Local,\r\n        }).then((writer) => (this.storageWriter = writer));\r\n\r\n        readStorage<SessionInfo>(this.container, STORAGE_KEY, StorageMedium.Local).then(\r\n            (storedSession) => {\r\n                this.buttonQuery = this.components\r\n                    .components()\r\n                    .ofType('conversation-return-button');\r\n                if (storedSession) {\r\n                    this.sessionInfo = storedSession;\r\n                    if (storedSession.id && storedSession.route) {\r\n                        this.writeToComponents({ active: true, alert: { show: false } });\r\n                    }\r\n                }\r\n            }\r\n        );\r\n        this.container.getAsync('router').then((router) => (this.router = router));\r\n        this.events.subscribe('conversation:ended', (event, data) => {\r\n            switch (this.sessionInfo?.conversationEndedBehavior) {\r\n                case ConversationEndedBehavior.Deactivate:\r\n                    const widget: Widget = this.container.get('$widget');\r\n                    widget.deactivate();\r\n                    break;\r\n                case ConversationEndedBehavior.Navigate:\r\n                    const initialRoute = this.router?.getInitialRoute();\r\n                    if (initialRoute) {\r\n                        this.router?.navigate(initialRoute.name);\r\n                    }\r\n                    break;\r\n                case ConversationEndedBehavior.None:\r\n                default:\r\n                    break;\r\n            }\r\n            this.writeToComponents({ active: false });\r\n            this.sessionInfo = null;\r\n            this.storageWriter && this.storageWriter();\r\n        });\r\n    }\r\n\r\n    addSubscription(sub: EventSubscriptionCancellation) {\r\n        this.subscriptions.push(sub);\r\n    }\r\n\r\n    static getInstance(\r\n        container: Container,\r\n        key: string = 'conversation'\r\n    ): Promise<ConversationPlatform> {\r\n        return lock(container)(() => {\r\n            return container.getAsync(key).then((value: ConversationPlatform) => {\r\n                let conversation = value;\r\n                if (!conversation) {\r\n                    return ComponentPlatform.getInstance(container).then((components) => {\r\n                        conversation = new ConversationPlatform(container, components);\r\n                        conversation.initialize();\r\n                        container.registerAsync(key, () => conversation);\r\n                        return conversation;\r\n                    });\r\n                }\r\n                return conversation;\r\n            });\r\n        });\r\n    }\r\n\r\n    navigateToConversationIfActive(id: string): Promise<void> {\r\n        return readStorage<SessionInfo>(this.container, STORAGE_KEY, StorageMedium.Local).then(\r\n            (storedSession) => {\r\n                if (storedSession && storedSession.id === id) {\r\n                    if (storedSession.route) {\r\n                        const { name, params } = storedSession.route;\r\n                        this.router?.navigate(name, params);\r\n                    }\r\n                }\r\n            }\r\n        );\r\n    }\r\n\r\n    setConversationEndedBehavior(behavior: ConversationEndedBehavior) {\r\n        return readStorage<SessionInfo>(this.container, STORAGE_KEY, StorageMedium.Local).then(\r\n            (stored) => {\r\n                let storedSession = stored;\r\n                if (storedSession) {\r\n                    storedSession.conversationEndedBehavior = behavior;\r\n                } else {\r\n                    storedSession = { conversationEndedBehavior: behavior };\r\n                }\r\n                this.sessionInfo = storedSession;\r\n                return (\r\n                    (this.storageWriter && this.storageWriter(this.sessionInfo)) ||\r\n                    Promise.resolve()\r\n                );\r\n            }\r\n        );\r\n    }\r\n\r\n    createController(id: string) {\r\n        const index = this.controllers.findIndex((c) => c.conversation.id === id);\r\n        if (index > -1) {\r\n            return this.controllers[index].conversation;\r\n        }\r\n        return new ConversationController(this.container, id);\r\n    }\r\n\r\n    registerProvider(name: string, handler: ConversationHandler): void {\r\n        const provider = {\r\n            name,\r\n            handler,\r\n        };\r\n        this.providers.push(provider);\r\n        // execute provider for all matching controllers\r\n        this.controllers\r\n            .filter((controller) => controller.conversation.providers.indexOf(name) > -1)\r\n            .forEach((controller) => {\r\n                this.invokeHandler(provider, controller);\r\n            });\r\n    }\r\n\r\n    registerController(\r\n        conversation: ConversationController,\r\n        component: ComponentNodeController\r\n    ): boolean {\r\n        const index = this.controllers.findIndex((c) => c.conversation.id === conversation.id);\r\n        let controller: any;\r\n        if (index < 0) {\r\n            controller = { conversation, component };\r\n            this.controllers.push(controller);\r\n            const invokeHandlers = (providers: string[]) => {\r\n                if (providers) {\r\n                    this.providers\r\n                        .filter((provider) => providers.indexOf(provider.name) > -1)\r\n                        .forEach((provider) => {\r\n                            this.invokeHandler(provider, controller);\r\n                        });\r\n                }\r\n            };\r\n\r\n            this.subscriptions.push(\r\n                conversation.onDispose((event, data) => {\r\n                    const index = this.controllers.findIndex((c) => c.conversation === data);\r\n                    index > -1 && this.controllers.splice(index, 1);\r\n                    this.components\r\n                        .components()\r\n                        .ofType('conversation-return-button')\r\n                        .select()\r\n                        .writeProperties({ active: false });\r\n\r\n                    this.events.dispatch('conversation:ended', {}, { bubbles: true });\r\n                })\r\n            );\r\n            this.subscriptions.push(\r\n                conversation.onProvidersChange((event, data) => {\r\n                    const { added, removed }: { added: string[]; removed: string[] } = data;\r\n                    removed.forEach((removedProvider) => {\r\n                        this.disposeProviders[removedProvider].forEach((dispose) => {\r\n                            dispose();\r\n                        });\r\n                    });\r\n                    invokeHandlers(added);\r\n                })\r\n            );\r\n\r\n            this.subscriptions.push(\r\n                conversation.onStarted((event, isActive) => {\r\n                    const session: SessionInfo = {\r\n                        id: conversation.id,\r\n                        route: this.router?.getRouteData(),\r\n                        conversationEndedBehavior: this.sessionInfo?.conversationEndedBehavior,\r\n                    };\r\n                    this.sessionInfo = session;\r\n                    this.storageWriter && this.storageWriter(session);\r\n\r\n                    this.writeToComponents({ active: isActive });\r\n                })\r\n            );\r\n\r\n            this.subscriptions.push(\r\n                conversation.onUnreadMessage((event, data) => {\r\n                    this.events.dispatch('conversation:unread-message', data);\r\n                    this.writeToComponents({ alert: { show: data } });\r\n                })\r\n            );\r\n\r\n            invokeHandlers(conversation.providers);\r\n            return true;\r\n        }\r\n        controller = this.controllers[index];\r\n        return false;\r\n    }\r\n\r\n    private writeToComponents(properties: any, key: string = 'conversationReturnButtonState') {\r\n        if (this.buttonQuery) {\r\n            this.components.write({\r\n                key: 'conversationReturnButtonState',\r\n                attributes: { properties },\r\n                target: this.buttonQuery,\r\n                provider: 'localStorage',\r\n            });\r\n        }\r\n    }\r\n\r\n    private invokeHandler(provider: ConversationProviderRegistration, controller: any) {\r\n        const dispose = provider.handler(\r\n            controller.conversation.createProvider(provider.name),\r\n            controller.component\r\n        );\r\n        if (dispose) {\r\n            if (!this.disposeProviders[provider.name]) {\r\n                this.disposeProviders[provider.name] = [];\r\n            }\r\n            this.disposeProviders[provider.name].push(dispose);\r\n        }\r\n    }\r\n\r\n    getComponentRoute() {\r\n        return readStorage<SessionInfo>(this.container, STORAGE_KEY, StorageMedium.Local).then(\r\n            (stored) => stored?.route\r\n        );\r\n    }\r\n\r\n    dispose() {\r\n        Object.keys(this.disposeProviders).forEach((key) => {\r\n            this.disposeProviders[key].forEach((dispose) => {\r\n                dispose();\r\n            });\r\n        });\r\n        this.subscriptions.forEach((unsubscribe) => {\r\n            unsubscribe();\r\n        });\r\n        this.controllers = [];\r\n        this.providers = [];\r\n    }\r\n\r\n    public static async handleContactMethodClick(\r\n        event: any,\r\n        container: Container,\r\n        contactMethod: any,\r\n        callback?: Function\r\n    ) {\r\n        if (shouldPreventDefault(container)) {\r\n            event.preventDefault();\r\n            let triggerEl = document.getElementById('humany-dynamic-anchor');\r\n            if (!triggerEl) {\r\n                triggerEl = document.createElement('a');\r\n                triggerEl.setAttribute('href', '#');\r\n                triggerEl.id = 'humany-dynamic-anchor';\r\n                document.body.appendChild(triggerEl);\r\n            }\r\n            openChatWidget(container, contactMethod, triggerEl);\r\n        }\r\n        openChatWidget(container, contactMethod);\r\n    }\r\n\r\n    public static async handleContactMethodSubmit(container: Container, contactMethod: any) {\r\n        return navigateToConversation(container, contactMethod);\r\n    }\r\n}\r\n","import { RoutingService } from '@telia-ace/widget-routing';\r\nimport { createReactComponent } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\nimport { ConversationMessage, ConversationMessageType } from '../../conversation-controller';\r\nimport { ConversationPlatform } from '../../conversation-platform';\r\nimport { ConversationMessageContent, ConversationMessageSender } from '../../types';\r\n\r\nexport type BundledConversationMessage = {\r\n    timestamp: number;\r\n    content: [BundledMessageContent];\r\n    sender: ConversationMessageSender;\r\n    type: ConversationMessageType;\r\n};\r\n\r\ntype BundledMessageContent = {\r\n    key: string;\r\n} & ConversationMessageContent;\r\n\r\nexport type ConversationContent = {\r\n    loading: boolean;\r\n    typingActors: ConversationMessageSender[];\r\n    messages: ConversationMessage[];\r\n};\r\n\r\n/**\r\n * Group items by sender, type and time. Current grouping threshold is 2000 ms.\r\n * Put this as a property on either the component or on the provider?\r\n * Could possibly be implemented directly in the createEntry method\r\n * of the conversation controller to avoid iterating over the entire array on\r\n * each update.\r\n */\r\nconst groupedMessages = (\r\n    messages: ConversationMessage[],\r\n    timeout?: number\r\n): BundledConversationMessage[] => {\r\n    return messages.reduce((acc: any[], current: any, index: number) => {\r\n        const newItem = {\r\n            ...current,\r\n            content: [{ ...current.content, key: current.key }],\r\n        };\r\n        if (acc.length > 0 && current.type !== ConversationMessageType.System) {\r\n            const previous = acc[acc.length - 1];\r\n            if (\r\n                (!timeout && timeout !== 0) ||\r\n                Math.abs(previous.timestamp - current.timestamp) < timeout\r\n            ) {\r\n                if (\r\n                    previous.sender?.name === current.sender?.name &&\r\n                    previous.type === current.type\r\n                ) {\r\n                    previous.timestamp = current.timestamp;\r\n                    previous.content.push({ ...current.content, key: current.key });\r\n                    return acc;\r\n                }\r\n            }\r\n        }\r\n        acc.push(newItem);\r\n        return acc;\r\n    }, []);\r\n};\r\n\r\nexport type ConversationComponentProperties = {\r\n    providers: string[];\r\n    messages: BundledConversationMessage[]; // internal\r\n    overlay?: { conversation: boolean; secondary: boolean }; // internal\r\n    overlayConversationHeader?: string;\r\n    overlayConversationCloseLabel?: string;\r\n    loading: boolean;\r\n    inputPlaceholder: string;\r\n    inputDisabled: boolean;\r\n    inputHidden: boolean;\r\n    inputMultiline: boolean;\r\n    userLabel: string;\r\n    avatarSize: string;\r\n    typingActors: any[]; // internal\r\n    sendButtonLabel: string;\r\n    secondaryAction?: { icon?: string; action: string; label: string };\r\n};\r\n\r\nexport const ConversationComponent = (container: Container) => {\r\n    return Promise.all([\r\n        ConversationPlatform.getInstance(container),\r\n        container.getAsync('router'),\r\n    ]).then(([platform, router]: [ConversationPlatform, RoutingService]) => {\r\n        return createReactComponent(\r\n            container,\r\n            'conversation',\r\n            import('./conversation'),\r\n            (component) => {\r\n                const routeData = router.getRouteData();\r\n                const name = routeData.params.id || component.node.name || 'component';\r\n                const conversation = platform.createController(name);\r\n                const isNewController = platform.registerController(conversation, component);\r\n\r\n                const messageGroupingTimeout = 3 * 60 * 1000;\r\n\r\n                const setProperties = (properties: ConversationComponentProperties) => {\r\n                    const { providers = [] } = properties;\r\n                    if (providers) {\r\n                        const providerKeys = Array.isArray(providers) ? providers : [providers];\r\n                        conversation.setProviders(providerKeys);\r\n                        return providerKeys;\r\n                    }\r\n                };\r\n                setProperties(component.properties<ConversationComponentProperties>(setProperties));\r\n\r\n                conversation.setComponentMountedState(true);\r\n\r\n                const writeMessages = (messageStream: any) => {\r\n                    const { loading, typingActors, messages } = messageStream;\r\n                    component.writeProperties({\r\n                        loading,\r\n                        typingActors,\r\n                        messages: groupedMessages(messages, messageGroupingTimeout),\r\n                    });\r\n                };\r\n\r\n                writeMessages(conversation.getMessageStream());\r\n\r\n                if (isNewController) {\r\n                    // todo: dont create actions here, there will be duplicates due to reuseController = true\r\n                    component.actions.create('user-submit', (data, options) => {\r\n                        if (options) {\r\n                            const { preventDefault, validationPromise } = options;\r\n                            if (preventDefault) {\r\n                                if (validationPromise) {\r\n                                    validationPromise().then((text: string) => {\r\n                                        if (text) {\r\n                                            conversation.user.print(text);\r\n                                        }\r\n                                    });\r\n                                }\r\n                                return;\r\n                            }\r\n                        }\r\n                        conversation.user.print(data.text);\r\n                    });\r\n\r\n                    component.actions.create('user-typing', (data, options) => {});\r\n\r\n                    component.actions.create('form', (data, options) => {});\r\n\r\n                    component.actions.create('action', (data, options) => {});\r\n\r\n                    component.actions.create('overlay-mounted', (data, options) => {});\r\n\r\n                    component.actions.create('show-overlay', (data, options) => {\r\n                        component.writeProperties({\r\n                            overlay: { conversation: false, secondary: false },\r\n                        });\r\n                    });\r\n\r\n                    component.actions.create('hide-overlay', (data, options) => {\r\n                        component.writeProperties({\r\n                            overlay: null,\r\n                        });\r\n                    });\r\n\r\n                    component.actions.create('show-overlay-conversation', (data, options) => {\r\n                        component.writeProperties({\r\n                            overlay: { conversation: true, secondary: false },\r\n                        });\r\n                    });\r\n\r\n                    component.actions.create('hide-overlay-conversation', (data, options) => {\r\n                        component.writeProperties({\r\n                            overlay: { conversation: false, secondary: false },\r\n                        });\r\n                    });\r\n                }\r\n\r\n                const unsubscribe = conversation.events.subscribe(\r\n                    'conversation:updated',\r\n                    (e: any, conversationData: ConversationContent) => {\r\n                        writeMessages(conversationData);\r\n                    }\r\n                );\r\n\r\n                return () => {\r\n                    conversation.setComponentMountedState(false);\r\n                    unsubscribe();\r\n                    if (!conversation.active) {\r\n                        // unregisterController();\r\n                        // todo: add possibility to dispose this through extendComponent()\r\n                        // component.dispose();\r\n                        writeMessages({ messages: [], typingActors: [], loading: false });\r\n                    }\r\n                };\r\n            },\r\n            { reuseController: true }\r\n        );\r\n    });\r\n};\r\n","import { ComponentPlatform } from '@telia-ace/widget-core';\r\nimport { RoutingService } from '@telia-ace/widget-routing';\r\nimport { createReactComponent, Symbol } from '@telia-ace/widget-ui';\r\nimport { Container } from '@webprovisions/platform';\r\nimport { ConversationPlatform } from '../..';\r\n\r\nexport enum ButtonMode {\r\n    flat = 'flat',\r\n    flashing = 'flashing',\r\n    flashingGradient = 'flashingGradient',\r\n}\r\n\r\nexport type ReturnButtonProps = {\r\n    label: string;\r\n    active: boolean;\r\n    mode: ButtonMode;\r\n    alert?: {\r\n        symbol?: Symbol;\r\n        show?: boolean;\r\n        label?: string;\r\n    };\r\n};\r\n\r\nexport const ConversationReturnButtonComponent = (container: Container) => {\r\n    return Promise.all([\r\n        ComponentPlatform.getInstance(container),\r\n        ConversationPlatform.getInstance(container),\r\n        container.getAsync('router'),\r\n    ]).then(\r\n        ([components, platform, router]: [\r\n            ComponentPlatform,\r\n            ConversationPlatform,\r\n            RoutingService\r\n        ]) => {\r\n            return createReactComponent(\r\n                container,\r\n                'conversation-return-button',\r\n                import('./return-button'),\r\n                (component) => {\r\n                    component.actions.create('toggle', (options = {}) => {\r\n                        platform.getComponentRoute()?.then((route) => {\r\n                            route && router.navigate(route.name, route.params);\r\n                        });\r\n                    });\r\n                }\r\n            );\r\n        }\r\n    );\r\n};\r\n","import { Form, FormBuilder } from '@telia-ace/widget-forms';\r\nimport { Symbol } from '@telia-ace/widget-ui';\r\n\r\nexport type ConversationMessageSettings = {\r\n    key?: string;\r\n    timestamp?: number;\r\n    title?: string;\r\n    body?: string;\r\n    actions?: { [actionKey: string]: any };\r\n    form?: (builder: FormBuilder) => void;\r\n    type?: string;\r\n    items?: ConversationMessageList[];\r\n    [key: string]: any;\r\n};\r\n\r\nexport type NormalizedMessageSettings = {\r\n    content: ConversationMessageContent;\r\n    key: string;\r\n    timestamp: number | null;\r\n};\r\n\r\nexport type ConversationMessageList = {\r\n    header?: string;\r\n    itemKey: string;\r\n    type?: ConversationMessageListType;\r\n    items: ConversationMessageListItem[];\r\n};\r\n\r\nexport type ConversationMessageListItem = {\r\n    icon?: string;\r\n    type?: ConversationMessageListItemType;\r\n    actions?: { [actionKey: string]: any };\r\n    form?: Form;\r\n    body?: string;\r\n    key: string;\r\n    [key: string]: any;\r\n};\r\n\r\nexport type ConversationMessageContent = {\r\n    title?: string;\r\n    body?: string;\r\n    actions?: { [actionKey: string]: any };\r\n    items?: ConverstationMessageItem<any>[];\r\n    form?: Form;\r\n    [key: string]: any;\r\n};\r\n\r\nexport type ConverstationMessageItem<T, R = ItemPayload> = R extends [T, any] ? R : never;\r\n\r\nexport type ConversationMessageUpdateSettings = ConversationMessageContent & {\r\n    timestamp?: number;\r\n};\r\n\r\nexport type ConversationMessageSender = {\r\n    name?: string;\r\n    avatar?: string | Symbol;\r\n};\r\n\r\nexport enum ConversationMessageListType {\r\n    Ordinary = 'ordinary',\r\n    Seperator = 'seperator',\r\n}\r\n\r\nexport enum ConversationMessageListItemType {\r\n    LinkList = 'link-list',\r\n    Separator = 'separator',\r\n    ButtonList = 'button-list',\r\n    Text = 'text',\r\n    HTML = 'html',\r\n    VideoRequest = 'video-request',\r\n}\r\n\r\nexport type LinkListProperties = {\r\n    header?: string;\r\n    actions: { [key: string]: string } | { label: string; actionKey: string; data: any }[];\r\n};\r\n\r\ntype LinkListItem = [ConversationMessageListItemType.LinkList, LinkListProperties];\r\n\r\ntype TextItem = [ConversationMessageListItemType.Text, string];\r\ntype SeparatorItem = [ConversationMessageListItemType.Separator, undefined];\r\n\r\nexport type ButtonListProperties = {\r\n    header?: string;\r\n    actions: { [key: string]: string } | { label: string; actionKey: string; data: any }[];\r\n};\r\n\r\ntype ButtonListItem = [ConversationMessageListItemType.ButtonList, ButtonListProperties];\r\n\r\nexport type VideoRequestProperties = {\r\n    header?: string;\r\n    acceptLabel: string;\r\n    declineLabel: string;\r\n};\r\n\r\ntype VideoRequestItem = [ConversationMessageListItemType.VideoRequest, VideoRequestProperties];\r\n\r\nexport type HtmlProperties = {\r\n    body: string;\r\n};\r\n\r\ntype HtmlItem = [ConversationMessageListItemType.HTML, HtmlProperties];\r\n\r\ntype ItemPayload =\r\n    | LinkListItem\r\n    | TextItem\r\n    | SeparatorItem\r\n    | ButtonListItem\r\n    | HtmlItem\r\n    | VideoRequestItem;\r\n","import { ComponentResolver, ReactComponent } from '@telia-ace/widget-core';\r\nimport { Container } from '@webprovisions/platform';\r\nimport { lazy } from 'react';\r\nimport { ConversationPlatform } from '..';\r\n\r\nexport const registerCustomMessageComponent = (\r\n    container: Container,\r\n    type: string,\r\n    component: ReactComponent\r\n) => {\r\n    return container.getAsync('componentResolver').then(async (o: ComponentResolver) => {\r\n        const platform = await ConversationPlatform.getInstance(container);\r\n        platform.addSubscription(\r\n            o.registerComponent(\r\n                type,\r\n                lazy(() => component)\r\n            )\r\n        );\r\n    });\r\n};\r\n"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -62,7 +62,8 @@ export declare enum ConversationMessageListItemType {
     Separator = "separator",
     ButtonList = "button-list",
     Text = "text",
-    HTML = "html"
+    HTML = "html",
+    VideoRequest = "video-request"
 }
 export declare type LinkListProperties = {
     header?: string;
@@ -88,9 +89,15 @@ export declare type ButtonListProperties = {
     }[];
 };
 declare type ButtonListItem = [ConversationMessageListItemType.ButtonList, ButtonListProperties];
+export declare type VideoRequestProperties = {
+    header?: string;
+    acceptLabel: string;
+    declineLabel: string;
+};
+declare type VideoRequestItem = [ConversationMessageListItemType.VideoRequest, VideoRequestProperties];
 export declare type HtmlProperties = {
     body: string;
 };
 declare type HtmlItem = [ConversationMessageListItemType.HTML, HtmlProperties];
-declare type ItemPayload = LinkListItem | TextItem | SeparatorItem | ButtonListItem | HtmlItem;
+declare type ItemPayload = LinkListItem | TextItem | SeparatorItem | ButtonListItem | HtmlItem | VideoRequestItem;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/widget-conversation",
-    "version": "1.0.18",
+    "version": "1.0.21",
     "description": "ACE Widget Conversation Platform",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -25,11 +25,11 @@
     "sideEffects": false,
     "dependencies": {
         "@telia-ace/widget-core": "^1.0.9",
-        "@telia-ace/widget-forms": "^1.0.14",
+        "@telia-ace/widget-forms": "^1.0.16",
         "@telia-ace/widget-plugins": "^1.0.10",
         "@telia-ace/widget-routing": "^1.0.10",
         "@telia-ace/widget-services": "^1.0.9",
-        "@telia-ace/widget-ui": "^1.0.14",
+        "@telia-ace/widget-ui": "^1.0.16",
         "@telia-ace/widget-utilities": "^1.0.2",
         "@webprovisions/platform": "^1.1.2"
     },
@@ -40,5 +40,5 @@
     "devDependencies": {
         "@types/react": "^16.8.0"
     },
-    "gitHead": "9253c7f6321c6a73b96a0027e1d1a277f1ec4eb6"
+    "gitHead": "f535ca11d93792a77738d112ca5bcf79dabaad08"
 }