@telia-ace/knowledge-widget-adapters 1.0.13 → 1.0.14

package/dist/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":["../src/contact-methods/email/email-plugin.ts","../src/contact-methods/chat-popup/chat-popup-plugin.ts","../src/contact-methods/free-text/free-text-plugin.ts","../src/contact-methods/link/link-plugin.tsx","../src/contact-methods/phone/phone-plugin.ts","../src/contact-methods/platform.ts","../src/contact-methods/ui/confirmation.tsx","../src/contact-methods/ui/description.tsx","../src/contact-methods/ui/contact-method.tsx","../src/contact-methods/ui/contact-list.tsx","../src/contact-methods/ui/form.tsx","../src/contact-methods/ui/use-contact-method.ts","../src/contact-methods/web-service/web-service-plugin.ts","../src/create-adapter.ts","../src/default-contact-methods-plugin.ts"],"sourcesContent":["import {\r\n    ContactMethodApiResponse,\r\n    ServiceClient,\r\n    SubmissionApiResult,\r\n} from '@telia-ace/knowledge-serviceclient';\r\nimport { FormBuilder, FormReader } from '@telia-ace/widget-forms';\r\nimport { RoutingService } from '@telia-ace/widget-routing';\r\nimport { Container } from '@webprovisions/platform';\r\nimport ContactMethodPlatform from '../platform';\r\nimport { ContactMethodType } from '../ui';\r\n\r\ntype Services = {\r\n    matchingClient: ServiceClient;\r\n    router: RoutingService;\r\n};\r\n\r\nconst post = (container: Container, contactMethod: ContactMethodType, validate = false) =>\r\n    container.getManyAsync('matchingClient', 'router').then((services) => {\r\n        const { formData } = new FormReader(contactMethod.body.form).export(validate);\r\n        const { router, matchingClient } = services as Services;\r\n        const { params } = router.getRouteData();\r\n\r\n        return matchingClient.customRequest(\r\n            `contactmethods/${contactMethod.id}${validate ? '/validatedwithpayload' : ''}`,\r\n            'POST',\r\n            {\r\n                body: formData,\r\n                configuration: {\r\n                    guideId: contactMethod.body.guideId || params.guideId,\r\n                },\r\n            }\r\n        );\r\n    });\r\n\r\nexport const submit = (\r\n    container: Container,\r\n    contactMethod: ContactMethodType,\r\n    transform?: (response: any) => SubmissionApiResult\r\n) =>\r\n    post(container, contactMethod)\r\n        .then((response) => (transform ? transform(response) : response))\r\n        .then(({ ConfirmationText }: SubmissionApiResult) => ConfirmationText);\r\n\r\nexport const validate = (container: Container, contactMethod: ContactMethodType) =>\r\n    post(container, contactMethod, true).then((result: ContactMethodApiResponse) => ({\r\n        valid: result.Validation.IsValid,\r\n        errors: result.Validation.Errors,\r\n        errorTypes: result.Validation.ErrorTypes,\r\n    }));\r\n\r\nexport const evaluate = (container: Container, contactMethod: ContactMethodType) =>\r\n    post(container, contactMethod, true).then((result: ContactMethodApiResponse) =>\r\n        FormBuilder.fromLegacyForm(contactMethod.id, result.ContactMethod.Form).get()\r\n    );\r\n\r\nexport const complete = (container: Container, contactMethod: ContactMethodType) =>\r\n    container.getAsync('matchingClient').then((matchingClient) => {\r\n        matchingClient.completeContactMethod(contactMethod.id);\r\n    });\r\n\r\nexport default function emailPlugin(container: Container) {\r\n    container.getAsync('contactMethods').then((platform: ContactMethodPlatform) => {\r\n        platform.create({\r\n            clientName: 'email.form',\r\n            render: import('./email-form-component'),\r\n            onEvaluate: (contactMethod) => evaluate(container, contactMethod),\r\n            onValidate: (contactMethod) => validate(container, contactMethod),\r\n            onSubmit: (contactMethod) => submit(container, contactMethod),\r\n            onComplete: (contactMethod) => complete(container, contactMethod),\r\n        });\r\n    });\r\n}\r\n","import { FormReader } from '@telia-ace/widget-forms';\r\nimport { Container } from '@webprovisions/platform';\r\nimport { ContactMethodPlatform, defaultValidate } from '..';\r\nimport { defaultComplete } from '../email';\r\n\r\nconst popup = (\r\n    title: string,\r\n    settings: { [key: string]: any },\r\n    formValues?: { [key: string]: any }\r\n) => {\r\n    const { url, width, height } = settings;\r\n\r\n    const queries: { [key: string]: any } = formValues ? formValues : {};\r\n\r\n    const link = document.createElement('a');\r\n    link.href = url;\r\n\r\n    link.search\r\n        .replace('?', '')\r\n        .split('&')\r\n        .forEach((part) => {\r\n            const [key, value] = part.split('=');\r\n            typeof value !== 'undefined' && (queries[key] = value);\r\n        });\r\n\r\n    link.search = Object.keys(queries)\r\n        .map((key) => `${key}=${queries[key]}`)\r\n        .join('&');\r\n\r\n    window.open(link.href, title, `width=${width},height=${height}`);\r\n    return '';\r\n};\r\n\r\nexport default function chatPopupPlugin(container: Container) {\r\n    container.getAsync('contactMethods').then((platform: ContactMethodPlatform) => {\r\n        platform.create({\r\n            clientName: 'chat.popup',\r\n            render: 'email.form',\r\n            handleClick: (contactMethod) => {\r\n                const { title, body } = contactMethod;\r\n                const { form, guideId, confirmationFallback, ...rest } = body;\r\n\r\n                if (!form) {\r\n                    return (e) => {\r\n                        e.preventDefault();\r\n                        popup(title, rest);\r\n                    };\r\n                }\r\n\r\n                return () => {};\r\n            },\r\n            onValidate: (contactMethod) => defaultValidate(container, contactMethod),\r\n            onComplete: (contactMethod) => defaultComplete(container, contactMethod),\r\n            onSubmit: (contactMethod) => {\r\n                const { title, body } = contactMethod;\r\n                const { form, guideId, confirmationFallback, ...rest } = body;\r\n\r\n                const formValues = new FormReader(form).export().values;\r\n\r\n                popup(title, rest, formValues);\r\n\r\n                return confirmationFallback;\r\n            },\r\n        });\r\n    });\r\n}\r\n","import { Container } from '@webprovisions/platform';\r\nimport ContactMethodPlatform from '../platform';\r\n\r\nexport default function freeTextPlugin(container: Container) {\r\n    container.getAsync('contactMethods').then((platform: ContactMethodPlatform) => {\r\n        platform.create({\r\n            clientName: 'custom.freetext',\r\n            render: import('./free-text-component'),\r\n        });\r\n    });\r\n}\r\n","import { Container } from '@webprovisions/platform';\r\nimport ContactMethodPlatform from '../platform';\r\n\r\nexport default function linkPlugin(container: Container) {\r\n    container.getAsync('contactMethods').then((platform: ContactMethodPlatform) => {\r\n        platform.create({\r\n            clientName: 'custom.link',\r\n            render: import('./link-component'),\r\n        });\r\n    });\r\n}\r\n","import { Container } from '@webprovisions/platform';\r\nimport ContactMethodPlatform from '../platform';\r\n\r\nexport default function phonePlugin(container: Container) {\r\n    container.getAsync('contactMethods').then((platform: ContactMethodPlatform) => {\r\n        platform.create({\r\n            clientName: 'phone.text',\r\n            render: import('./phone-component'),\r\n        });\r\n    });\r\n}\r\n","import { ComponentPlatform, ComponentResolver } from '@telia-ace/knowledge-widget-core';\r\nimport { Form } from '@telia-ace/widget-forms';\r\nimport { lock } from '@telia-ace/widget-utilities';\r\nimport { Container, EventSubscriptionCancellation, Widget } from '@webprovisions/platform';\r\nimport React, { lazy } from 'react';\r\nimport { defaultComplete, defaultEvaluate, defaultValidate } from './email';\r\nimport { ContactMethodProps } from './ui';\r\n\r\nexport type ReactComponentImport = Promise<{ default: React.FunctionComponent<any> }>;\r\n\r\nexport type Click = (e: React.MouseEvent, cm: ContactMethodProps) => void;\r\n\r\nexport type AdapterSettings = {\r\n    clientName: string;\r\n    render: string | ReactComponentImport;\r\n    handleDescription?: (cm: ContactMethodProps) => Promise<string> | string;\r\n    handleDisabled?: (cm: ContactMethodProps) => Promise<boolean> | boolean;\r\n    handleClick?: (cm: ContactMethodProps) => Promise<Click> | Click;\r\n    onEvaluate?: (cm: ContactMethodProps) => Promise<Form> | Form;\r\n    onValidate?: (cm: ContactMethodProps) => Promise<ValidationResult> | ValidationResult;\r\n    onSubmit?: (cm: ContactMethodProps) => Promise<string> | string;\r\n    onComplete?: (cm: ContactMethodProps) => Promise<void> | void;\r\n};\r\n\r\nexport type ValidationResult = {\r\n    errors?: { [key: string]: string };\r\n    errorTypes?: { [key: string]: string };\r\n    valid: boolean;\r\n};\r\n\r\nexport enum ContactMethodTrackTypes {\r\n    ContactMethodValidate = 'contact-method-validate',\r\n    ContactMethodComplete = 'contact-method-complete',\r\n}\r\n\r\nconst handleContactMethod = async (\r\n    adapters: Map<string, AdapterSettings>,\r\n    contactMethod: ContactMethodProps\r\n): Promise<ContactMethodProps> => {\r\n    const adapter = adapters.get(contactMethod.clientName);\r\n    let { description, disabled, onClick } = contactMethod;\r\n\r\n    if (adapter) {\r\n        const { handleClick, handleDescription, handleDisabled } = adapter;\r\n        if (typeof handleClick === 'function') {\r\n            onClick = await Promise.resolve(handleClick(contactMethod));\r\n        }\r\n\r\n        if (typeof handleDescription === 'function') {\r\n            description = await Promise.resolve(handleDescription(contactMethod));\r\n        }\r\n\r\n        if (typeof handleDisabled === 'function') {\r\n            disabled = await Promise.resolve(handleDisabled(contactMethod));\r\n        }\r\n    }\r\n\r\n    return Promise.resolve({\r\n        ...contactMethod,\r\n        description,\r\n        disabled,\r\n        onClick,\r\n    });\r\n};\r\n\r\nclass ContactMethodPlatform {\r\n    private adapters: Map<string, AdapterSettings> = new Map();\r\n    private subs: EventSubscriptionCancellation[] = [];\r\n\r\n    static create(container: Container): Promise<ContactMethodPlatform> {\r\n        return ComponentPlatform.getInstance(container).then((platform) => {\r\n            return new ContactMethodPlatform(container, platform);\r\n        });\r\n    }\r\n\r\n    constructor(private container: Container, private componentPlatform: ComponentPlatform) {\r\n        if (componentPlatform) {\r\n            const contactListComponent = componentPlatform\r\n                .components()\r\n                .ofType('contact-list')\r\n                .select();\r\n            contactListComponent.actions.watch('contact-list.fetched', async (input, next) => {\r\n                const { contactMethods } = input;\r\n\r\n                if (contactMethods) {\r\n                    const promises = Promise.all(\r\n                        contactMethods.map((cm: ContactMethodProps) =>\r\n                            handleContactMethod(this.adapters, cm)\r\n                        )\r\n                    );\r\n\r\n                    await Promise.resolve(promises).then((contactMethods) => {\r\n                        input.contactMethods = contactMethods;\r\n                    });\r\n                }\r\n\r\n                return next(input);\r\n            });\r\n\r\n            const guideComponent = componentPlatform.components().ofType('guide').select();\r\n            guideComponent.actions.watch('guide.fetched', async (input, next) => {\r\n                const { contactMethods } = input;\r\n\r\n                if (contactMethods) {\r\n                    const promises = Promise.all(\r\n                        contactMethods.map((cm: ContactMethodProps) =>\r\n                            handleContactMethod(this.adapters, cm)\r\n                        )\r\n                    );\r\n\r\n                    await Promise.resolve(promises).then((contactMethods) => {\r\n                        input.contactMethods = contactMethods;\r\n                    });\r\n                }\r\n\r\n                return next(input);\r\n            });\r\n            guideComponent.actions.watch('guide.handover', async (input, next) => {\r\n                const { handoverContactMethods } = input;\r\n\r\n                if (handoverContactMethods) {\r\n                    const promises = Promise.all(\r\n                        handoverContactMethods.map((cm: ContactMethodProps) =>\r\n                            handleContactMethod(this.adapters, cm)\r\n                        )\r\n                    );\r\n\r\n                    await Promise.resolve(promises).then((handoverContactMethods) => {\r\n                        input.handoverContactMethods = handoverContactMethods;\r\n                    });\r\n                }\r\n\r\n                return next(input);\r\n            });\r\n\r\n            const contactMethodComponent = componentPlatform\r\n                .components()\r\n                .ofType('contact-method')\r\n                .select();\r\n            contactMethodComponent.actions.watch('contact-method.fetched', async (input, next) => {\r\n                const { contactMethod } = input;\r\n\r\n                if (contactMethod) {\r\n                    return handleContactMethod(this.adapters, contactMethod).then(\r\n                        (contactMethod) => {\r\n                            return next({ ...input, contactMethod });\r\n                        }\r\n                    );\r\n                }\r\n\r\n                return next(input);\r\n            });\r\n        }\r\n    }\r\n\r\n    static getInstance(\r\n        container: Container,\r\n        key: string = 'contactMethods'\r\n    ): Promise<ContactMethodPlatform> {\r\n        return lock(container)(() => {\r\n            return container.getAsync(key).then((value: ContactMethodPlatform) => {\r\n                let contactMethodPlatform = value;\r\n                if (!contactMethodPlatform) {\r\n                    return ComponentPlatform.getInstance(container).then((components) => {\r\n                        contactMethodPlatform = new ContactMethodPlatform(container, components);\r\n                        container.registerAsync(key, () => contactMethodPlatform);\r\n                        return contactMethodPlatform;\r\n                    });\r\n                }\r\n                return contactMethodPlatform;\r\n            });\r\n        });\r\n    }\r\n\r\n    private track(data: any = {}, type: ContactMethodTrackTypes) {\r\n        const { events } = this.container.get('$widget');\r\n        events.dispatch('tracking:service-client-response', {\r\n            type,\r\n            data,\r\n        });\r\n    }\r\n\r\n    complete(contactMethod: ContactMethodProps) {\r\n        const { id, title, clientName, expanded, body } = contactMethod;\r\n        this.track(\r\n            { contactMethod: { id, title, expanded, type: clientName }, hasGuide: !!body.guideId },\r\n            ContactMethodTrackTypes.ContactMethodComplete\r\n        );\r\n\r\n        const adapter = this.adapters.get(clientName);\r\n        if (adapter && adapter.onComplete) {\r\n            return adapter.onComplete(contactMethod);\r\n        }\r\n    }\r\n\r\n    evaluate(contactMethod: ContactMethodProps): Promise<Form> {\r\n        const { clientName } = contactMethod;\r\n        const adapter = this.adapters.get(clientName);\r\n\r\n        if (adapter && adapter.onEvaluate) {\r\n            return Promise.resolve(adapter.onEvaluate(contactMethod));\r\n        }\r\n\r\n        return Promise.resolve(contactMethod.body.form);\r\n    }\r\n\r\n    validate(contactMethod: ContactMethodProps): Promise<ValidationResult> {\r\n        const { id, title, clientName } = contactMethod;\r\n        const adapter = this.adapters.get(clientName);\r\n\r\n        if (adapter && adapter.onValidate) {\r\n            return Promise.resolve(adapter.onValidate(contactMethod)).then((result) => {\r\n                this.track(\r\n                    { contactMethod: { id, title, type: clientName }, isValid: result.valid },\r\n                    ContactMethodTrackTypes.ContactMethodValidate\r\n                );\r\n                const { events } = this.container.get('$widget') as Widget;\r\n                events.dispatch('form:validated', { isValid: result.valid });\r\n                return result;\r\n            });\r\n        }\r\n\r\n        return Promise.resolve({ valid: true });\r\n    }\r\n\r\n    submit(contactMethod: ContactMethodProps): Promise<string> {\r\n        const { clientName } = contactMethod;\r\n        const adapter = this.adapters.get(clientName);\r\n\r\n        if (adapter && adapter.onSubmit) {\r\n            return Promise.resolve(adapter.onSubmit(contactMethod)).then((result) => {\r\n                this.complete(contactMethod);\r\n                return result;\r\n            });\r\n        }\r\n\r\n        return Promise.resolve('');\r\n    }\r\n\r\n    create(settings: AdapterSettings) {\r\n        const { clientName, render } = settings;\r\n        this.adapters.set(clientName, {\r\n            onValidate: (cm) => defaultValidate(this.container, cm),\r\n            onEvaluate: (cm) => defaultEvaluate(this.container, cm),\r\n            onComplete: (cm) => defaultComplete(this.container, cm),\r\n            ...settings,\r\n        });\r\n        return this.container.getAsync('componentResolver').then((resolver: ComponentResolver) => {\r\n            if (typeof render === 'string') {\r\n                this.subs.push(resolver.registerAlias(clientName, render));\r\n            } else {\r\n                this.subs.push(\r\n                    resolver.registerComponent(\r\n                        clientName,\r\n                        lazy(() => render)\r\n                    )\r\n                );\r\n            }\r\n        });\r\n    }\r\n\r\n    dispose() {\r\n        this.subs.forEach((s) => s());\r\n    }\r\n}\r\n\r\nexport default ContactMethodPlatform;\r\n","import { headingElement, Paragraph } from '@telia-ace/knowledge-widget-ui';\r\nimport * as React from 'react';\r\nimport styled, { css } from 'styled-components';\r\n\r\nexport type Props = { html: string };\r\n\r\nconst Confirmation: React.SFC<Props> = (props: Props) => (\r\n    <StyledParagraph {...props} className=\"humany-confirmation\" />\r\n);\r\n\r\nexport default Confirmation;\r\n\r\nconst StyledParagraph = styled(Paragraph)`\r\n    ${headingElement(\r\n        'h1',\r\n        css`\r\n            font-weight: normal;\r\n            font-size: ${(p) => p.theme.fonts?.medium};\r\n        `\r\n    )}\r\n`;\r\n","import { borderTabStyle, genericHtml, Html, linkTabStyle } from '@telia-ace/knowledge-widget-ui';\r\nimport styled from 'styled-components';\r\n\r\nexport default styled(Html)`\r\n    ${genericHtml}\r\n    font-weight: 300;\r\n    line-height: 1.5em;\r\n    button:focus {\r\n        ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n    }\r\n\r\n    a:focus {\r\n        ${(p) => p.theme.accessibility?.isTabbing && linkTabStyle};\r\n    }\r\n`;\r\n","import { Symbol } from '@telia-ace/knowledge-widget-core';\r\nimport {\r\n    borderTabStyle,\r\n    DispatchAction,\r\n    HtmlParseInstruction,\r\n    Link,\r\n    StyledText,\r\n    SymbolBadge,\r\n    Typography,\r\n    useComponent,\r\n    useRouteData,\r\n} from '@telia-ace/knowledge-widget-ui';\r\nimport { createParams, formatUrl } from '@telia-ace/widget-utilities';\r\nimport React, { Suspense } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport Description from './description';\r\n\r\nexport type ContactMethodType = {\r\n    id: string;\r\n    title: string;\r\n    symbol?: Symbol;\r\n    clientName: string;\r\n    expanded: boolean;\r\n    inline: boolean;\r\n    body: { [key: string]: any };\r\n    description?: string;\r\n    confirmation?: string;\r\n    disabled?: boolean;\r\n    guideId?: string;\r\n};\r\n\r\nexport type Props = Merge<\r\n    ContactMethodType,\r\n    {\r\n        className?: string;\r\n        onClick?: (event: React.MouseEvent, properties: Props) => void;\r\n        renderDefault?: (extraProps?: Partial<Props>) => any;\r\n        htmlParseInstruction?: HtmlParseInstruction;\r\n        href?: string;\r\n        target?: string;\r\n        disabled?: boolean;\r\n        action?: (action: string, value: any) => void;\r\n        dispatch?: DispatchAction;\r\n        symbol?: Symbol;\r\n        description?: string;\r\n        confirmation?: string;\r\n        guideId?: string;\r\n        autoFocus?: boolean;\r\n    }\r\n>;\r\n\r\nconst ContactMethod: React.FC<Props> = (props) => {\r\n    const ResolvedComponent = useComponent(props.clientName);\r\n    const {\r\n        params: { contactCategory, guideCategory, phrase },\r\n    } = useRouteData();\r\n\r\n    if (typeof ResolvedComponent === 'undefined') {\r\n        return null;\r\n    }\r\n\r\n    if (ResolvedComponent === null) {\r\n        if (process.env.NODE_ENV !== 'production') {\r\n            return (\r\n                <NonResolvedContactMethodWrapper\r\n                    title={`client-name: ${props.clientName}, id: ${props.id}`}\r\n                    className=\"humany-non-resolved-contact-method\"\r\n                >\r\n                    <Typography variant=\"h5\">Non resolved Contact Method type</Typography>\r\n                </NonResolvedContactMethodWrapper>\r\n            );\r\n        }\r\n        return null;\r\n    }\r\n\r\n    const renderLink = (extraProps: Partial<Props> = {}) => {\r\n        const enhancedProps = { ...props, ...extraProps };\r\n        const {\r\n            id,\r\n            title,\r\n            clientName,\r\n            symbol,\r\n            inline,\r\n            onClick = () => {},\r\n            description,\r\n            htmlParseInstruction,\r\n            className,\r\n            disabled,\r\n            guideId,\r\n            dispatch = () => {},\r\n            expanded,\r\n        } = enhancedProps;\r\n\r\n        const linkProps = inline\r\n            ? {\r\n                  onKeyDown: (event: React.KeyboardEvent) => {\r\n                      if (event.key && event.key === 'Enter') {\r\n                          onClick(event as any, enhancedProps);\r\n                          if (!event.defaultPrevented) {\r\n                              !expanded && dispatch('expand', id);\r\n                          }\r\n                      }\r\n                  },\r\n                  onClick: (event: React.MouseEvent) => {\r\n                      onClick(event, enhancedProps);\r\n                      if (!event.defaultPrevented) {\r\n                          !expanded && dispatch('expand', id);\r\n                      }\r\n                  },\r\n              }\r\n            : {\r\n                  onClick: (event: React.MouseEvent) => onClick(event, enhancedProps),\r\n                  routeName: 'contact-method',\r\n                  params: createParams({\r\n                      contactCategory,\r\n                      guideId,\r\n                      guideCategory,\r\n                      phrase,\r\n                      contactMethod: id,\r\n                      uriName: formatUrl(title),\r\n                  }),\r\n              };\r\n\r\n        return (\r\n            <StyledLink\r\n                title={title}\r\n                aria-label={title}\r\n                className={className}\r\n                disabled={disabled}\r\n                description={description}\r\n                data-client-name={clientName}\r\n                {...extraProps}\r\n                {...linkProps}\r\n            >\r\n                {symbol && <SymbolBadge symbol={symbol} />}\r\n                {description ? (\r\n                    <div className=\"humany-contact-link-rich-content\">\r\n                        {<StyledTitle>{title}</StyledTitle>}\r\n                        {\r\n                            <Description\r\n                                html={description}\r\n                                htmlParseInstruction={htmlParseInstruction}\r\n                            />\r\n                        }\r\n                    </div>\r\n                ) : (\r\n                    <StyledTitle>{title}</StyledTitle>\r\n                )}\r\n            </StyledLink>\r\n        );\r\n    };\r\n\r\n    return props.expanded ? (\r\n        <Suspense fallback={null}>\r\n            <ResolvedComponent {...props} renderDefault={renderLink} />\r\n        </Suspense>\r\n    ) : (\r\n        renderLink()\r\n    );\r\n};\r\n\r\nexport default ContactMethod;\r\n\r\nexport const contactLink = css<{ description?: string }>`\r\n    display: flex;\r\n    padding: ${(p) => p.theme.sizes?.large};\r\n    ${(p) => (!!p.description ? '' : 'align-items: center;')}\r\n    text-decoration: none;\r\n    span {\r\n        display: inline-block;\r\n        color: ${(p) => p.theme.colors?.text};\r\n    }\r\n    i {\r\n        font-size: ${(p) => p.theme.fonts?.large};\r\n        margin: 0 ${(p) => p.theme.sizes?.large} 0 0;\r\n        min-height: ${(p) => p.theme.fonts?.large};\r\n        min-width: ${(p) => p.theme.fonts?.large};\r\n        line-height: ${(p) => p.theme.fonts?.large};\r\n        display: inline-block;\r\n        vertical-align: bottom;\r\n        color: ${(p) => p.theme.colors?.text};\r\n    }\r\n`;\r\n\r\nconst StyledTitle = styled(StyledText)`\r\n    line-height: ${(p) => p.theme.fonts?.large};\r\n`;\r\n\r\nconst StyledLink = styled(Link)<any>`\r\n    ${contactLink}\r\n\r\n    &:focus {\r\n        ${(p) => p.theme.accessibility?.isTabbing && borderTabStyle};\r\n    }\r\n`;\r\n\r\nconst NonResolvedContactMethodWrapper = styled.div`\r\n    text-align: center;\r\n    display: block;\r\n    ${(p) => typeof p.theme.colors?.warning !== 'undefined' && `color: ${p.theme.colors?.warning};`}\r\n`;\r\n","import { DispatchAction, headingElement, ItemList, itemList } from '@telia-ace/knowledge-widget-ui';\r\nimport { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport React, { ReactNode } from 'react';\r\nimport styled, { css } from 'styled-components';\r\nimport ContactMethod, { ContactMethodType } from './contact-method';\r\n\r\nexport const contactItemList = css`\r\n    ${itemList}\r\n\r\n    > div {\r\n        padding: ${(p) => p.theme.sizes?.large};\r\n\r\n        ${headingElement(\r\n            'h1',\r\n            css`\r\n                margin: 0;\r\n            `\r\n        )}\r\n    }\r\n    > ul {\r\n        &:not(:first-child) {\r\n            border-top: ${(p) => p.theme.border};\r\n        }\r\n\r\n        > li {\r\n            margin: 0;\r\n            white-space: normal;\r\n\r\n            > a {\r\n                overflow: hidden;\r\n            }\r\n\r\n            &:first-child > a {\r\n                border-radius: ${(p) => `${p.theme.borderRadius} ${p.theme.borderRadius} 0 0`};\r\n            }\r\n\r\n            &:last-child:not(:first-child) > a {\r\n                border-radius: ${(p) => `0 0 ${p.theme.borderRadius} ${p.theme.borderRadius}`};\r\n            }\r\n\r\n            &:not(:last-child) {\r\n                border-bottom: ${(p) => p.theme.border};\r\n            }\r\n\r\n            > div {\r\n                padding: ${(p) => p.theme.sizes?.large};\r\n            }\r\n        }\r\n    }\r\n\r\n    @media (hover: hover) {\r\n        a:hover {\r\n            background-color: ${(p) => p.theme.colors?.accent};\r\n        }\r\n    }\r\n`;\r\n\r\nconst StyledItemList = styled(ItemList)<any>`\r\n    ${contactItemList}\r\n`;\r\n\r\ntype Props = {\r\n    contactMethods: ContactMethodType[];\r\n    header?: string;\r\n    className?: string;\r\n    action?: (action: string, value?: any) => void;\r\n    dispatch?: DispatchAction;\r\n    children?: ReactNode;\r\n    guideId?: string;\r\n};\r\n\r\nconst ContactList: React.SFC<Props> = ({\r\n    contactMethods,\r\n    children,\r\n    guideId,\r\n    dispatch,\r\n    className = '',\r\n    action = () => {},\r\n    header = '',\r\n}) => {\r\n    if (!contactMethods.length) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <StyledItemList\r\n            header={header}\r\n            className={appendClassNames(className, 'humany-contact-list')}\r\n            items={contactMethods}\r\n            renderItem={(cm: any) => (\r\n                <li key={cm.id} data-contact-method={cm.id}>\r\n                    <ContactMethod {...cm} action={action} dispatch={dispatch} guideId={guideId} />\r\n                </li>\r\n            )}\r\n        >\r\n            {children}\r\n        </StyledItemList>\r\n    );\r\n};\r\n\r\nexport default ContactList;\r\n","import { FormComponent } from '@telia-ace/widget-forms';\r\nimport React from 'react';\r\nimport { ContactMethodProps } from '.';\r\n\r\n/**\r\n * Recursively find form component in schema\r\n * @param node Form schema\r\n * @param id actionKey of component to find\r\n */\r\nconst lookupComponent = (node: any, id: string): any => {\r\n    if (node.actionKey === id) {\r\n        return node;\r\n    }\r\n\r\n    if (!node.properties) {\r\n        return null;\r\n    }\r\n\r\n    const keys = Object.keys(node.properties);\r\n\r\n    let result;\r\n    // tslint:disable-next-line:no-increment-decrement\r\n    for (let i = 0; i < keys.length; i++) {\r\n        result = lookupComponent(node.properties[keys[i]], id);\r\n\r\n        if (result) {\r\n            return result;\r\n        }\r\n    }\r\n\r\n    return false;\r\n};\r\n\r\nconst Form: React.SFC<ContactMethodProps> = ({\r\n    className,\r\n    body: { form },\r\n    id,\r\n    action,\r\n    dispatch,\r\n    disabled,\r\n    autoFocus,\r\n}) => {\r\n    if (form && !disabled) {\r\n        const { schema, layout, data } = form;\r\n        const trigger = dispatch || action || (() => {});\r\n        return (\r\n            <FormComponent\r\n                className={className}\r\n                schema={schema}\r\n                layout={layout}\r\n                data={data}\r\n                autoFocus={autoFocus}\r\n                onChange={(event: any, data: any) => {\r\n                    const form = { schema, layout, data };\r\n                    if (event.toString() === 'submit') {\r\n                        trigger('submit', { id, form });\r\n                    } else {\r\n                        const formComponent = lookupComponent(schema, event);\r\n                        if (formComponent.evaluate) {\r\n                            trigger('evaluate', { id, form });\r\n                        } else {\r\n                            trigger('validate', { id, form });\r\n                        }\r\n                    }\r\n                }}\r\n            />\r\n        );\r\n    }\r\n\r\n    return null;\r\n};\r\n\r\nexport default Form;\r\n","import { ComponentResolver } from '@telia-ace/knowledge-widget-core';\r\nimport { useContainer } from '@telia-ace/knowledge-widget-ui';\r\nimport { EventSubscriptionCancellation } from '@webprovisions/platform';\r\nimport { useEffect, useState } from 'react';\r\n\r\nconst useContactMethod = (clientName: string): any | null => {\r\n    const [component, setComponent] = useState<any | null>(null);\r\n    const container = useContainer();\r\n\r\n    useEffect(() => {\r\n        let unsubscribe: EventSubscriptionCancellation;\r\n        container.getAsync('componentResolver').then((resolver: ComponentResolver) => {\r\n            unsubscribe = resolver.registerResolver(clientName, (component) =>\r\n                setComponent(component)\r\n            );\r\n        });\r\n\r\n        return () => {\r\n            if (unsubscribe) {\r\n                unsubscribe();\r\n            }\r\n        };\r\n    }, [clientName]);\r\n\r\n    return component;\r\n};\r\n\r\nexport default useContactMethod;\r\n","import { Container } from '@webprovisions/platform';\r\nimport { ContactMethodPlatform, defaultComplete, defaultSubmit, defaultValidate } from '..';\r\n\r\nexport default function webServicePlugin(container: Container) {\r\n    container.getAsync('contactMethods').then((platform: ContactMethodPlatform) => {\r\n        platform.create({\r\n            clientName: 'custom.webservice',\r\n            render: 'email.form',\r\n            onValidate: (contactMethod) => defaultValidate(container, contactMethod),\r\n            onComplete: (contactMethod) => defaultComplete(container, contactMethod),\r\n            onSubmit: (contactMethod) =>\r\n                defaultSubmit(container, contactMethod, (response) => {\r\n                    return {\r\n                        ...response,\r\n                        ConfirmationText: response.ResponseHtml,\r\n                    };\r\n                }),\r\n        });\r\n    });\r\n}\r\n","import { FormReader } from '@telia-ace/widget-forms';\r\nimport { Container } from '@webprovisions/platform';\r\nimport { ContactMethodPlatform, defaultComplete, defaultValidate } from './contact-methods';\r\n\r\nexport type Callback = (\r\n    settings: {\r\n        [key: string]: any;\r\n    },\r\n    data?: {\r\n        [key: string]: any;\r\n    }\r\n) => Promise<string | void> | (string | void);\r\n\r\nexport const createSubmitAdapter = (\r\n    container: Container,\r\n    clientName: string,\r\n    fn: Callback\r\n): Promise<void> => {\r\n    return container.getAsync('contactMethods').then((platform: ContactMethodPlatform) => {\r\n        platform.create({\r\n            clientName,\r\n            render: 'email.form',\r\n            handleClick: () => {\r\n                return (e, cm) => {\r\n                    const {\r\n                        body: { form, guideId, confirmationFallback, ...rest },\r\n                    } = cm;\r\n                    if (!form) {\r\n                        e.preventDefault();\r\n                        fn(rest);\r\n                    }\r\n                };\r\n            },\r\n            onValidate: (cm) => defaultValidate(container, cm),\r\n            onComplete: (cm) => defaultComplete(container, cm),\r\n            onSubmit: (cm) => {\r\n                const {\r\n                    body: { form, guideId, confirmationFallback, ...rest },\r\n                } = cm;\r\n                const { values } = new FormReader(form).export();\r\n\r\n                return Promise.resolve(fn(rest, values)).then((confirmation) => {\r\n                    return confirmation || confirmationFallback;\r\n                });\r\n            },\r\n        });\r\n    });\r\n};\r\n","import { Plugin } from '@telia-ace/knowledge-widget-core';\r\nimport { Container } from '@webprovisions/platform';\r\nimport {\r\n    ChatPopupPlugin,\r\n    EmailFormPlugin,\r\n    FreeTextPlugin,\r\n    LinkPlugin,\r\n    PhonePlugin,\r\n    WebServicePlugin,\r\n} from '.';\r\n\r\n/**\r\n * Registers default Humany contact methods.\r\n */\r\nexport class DefaultContactMethodsPlugin extends Plugin {\r\n    constructor(container: Container, settings: any) {\r\n        super(container, settings);\r\n        const implementation = this.widget.implementation;\r\n        implementation.configure((config) => {\r\n            config\r\n                .plugin(EmailFormPlugin)\r\n                .plugin(ChatPopupPlugin)\r\n                .plugin(FreeTextPlugin)\r\n                .plugin(PhonePlugin)\r\n                .plugin(WebServicePlugin)\r\n                .plugin(LinkPlugin);\r\n        });\r\n    }\r\n}\r\n"],"names":["defaultValidate","defaultComplete","defaultEvaluate","React","defaultSubmit","EmailFormPlugin","ChatPopupPlugin","FreeTextPlugin","PhonePlugin","WebServicePlugin","LinkPlugin"],"mappings":"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"}

package/dist/link-component.js

@@ -0,0 +1,16 @@
+import { appendClassNames } from "@telia-ace/widget-utilities";
+const LinkComponent = ({
+  className,
+  body,
+  renderDefault = () => {
+  }
+}) => {
+  const { uri, target, protocol } = body;
+  return renderDefault({
+    target,
+    className: appendClassNames(className, "humany-contact-method-link"),
+    href: `${protocol}${uri}`
+  });
+};
+export { LinkComponent as default };
+//# sourceMappingURL=link-component.js.map

package/dist/link-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link-component.js","sources":["../src/contact-methods/link/link-component.tsx"],"sourcesContent":["import { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport * as React from 'react';\r\nimport { ContactMethodProps } from '../ui';\r\n\r\nconst LinkComponent: React.SFC<ContactMethodProps> = ({\r\n    className,\r\n    body,\r\n    renderDefault = () => {},\r\n}) => {\r\n    const { uri, target, protocol } = body;\r\n\r\n    return renderDefault({\r\n        target,\r\n        className: appendClassNames(className, 'humany-contact-method-link'),\r\n        href: `${protocol}${uri}`,\r\n    });\r\n};\r\n\r\nexport default LinkComponent;\r\n"],"names":[],"mappings":";AAIA,MAAM,gBAA+C,CAAC;AAAA,EAClD;AAAA,EACA;AAAA,EACA,gBAAgB,MAAM;AAAA,EAAC;AAAA,MACrB;AACI,QAAA,EAAE,KAAK,QAAQ,aAAa;AAElC,SAAO,cAAc;AAAA,IACjB;AAAA,IACA,WAAW,iBAAiB,WAAW,4BAA4B;AAAA,IACnE,MAAM,GAAG,WAAW;AAAA,EAAA,CACvB;AACL;;"}

package/dist/phone-component.js

@@ -0,0 +1,15 @@
+import { appendClassNames } from "@telia-ace/widget-utilities";
+const PhoneComponent = ({
+  className,
+  body: { phoneNumber },
+  renderDefault = () => {
+  }
+}) => {
+  return renderDefault({
+    title: phoneNumber,
+    className: appendClassNames(className, "humany-contact-method-phone"),
+    href: `tel: ${phoneNumber}`
+  });
+};
+export { PhoneComponent as default };
+//# sourceMappingURL=phone-component.js.map

package/dist/phone-component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phone-component.js","sources":["../src/contact-methods/phone/phone-component.tsx"],"sourcesContent":["import { appendClassNames } from '@telia-ace/widget-utilities';\r\nimport * as React from 'react';\r\nimport { ContactMethodProps } from '../ui';\r\n\r\nconst PhoneComponent: React.SFC<ContactMethodProps> = ({\r\n    className,\r\n    body: { phoneNumber },\r\n    renderDefault = () => {},\r\n}) => {\r\n    return renderDefault({\r\n        title: phoneNumber,\r\n        className: appendClassNames(className, 'humany-contact-method-phone'),\r\n        href: `tel: ${phoneNumber}`,\r\n    });\r\n};\r\n\r\nexport default PhoneComponent;\r\n"],"names":[],"mappings":";AAIA,MAAM,iBAAgD,CAAC;AAAA,EACnD;AAAA,EACA,MAAM,EAAE;AAAA,EACR,gBAAgB,MAAM;AAAA,EAAC;AAAA,MACrB;AACF,SAAO,cAAc;AAAA,IACjB,OAAO;AAAA,IACP,WAAW,iBAAiB,WAAW,6BAA6B;AAAA,IACpE,MAAM,QAAQ;AAAA,EAAA,CACjB;AACL;;"}

package/package.json

@@ -1,35 +1,34 @@
 {
     "name": "@telia-ace/knowledge-widget-adapters",
-    "version": "1.0.13",
+    "version": "1.0.14",
     "description": "ACE knowledge adapters for ACE widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
     "keywords": [
         "telia"
     ],
-    "main": "lib/index.js",
-    "module": "lib-esm/index.js",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
     "files": [
         "LICENSE.txt",
         "README.md",
-        "lib/",
-        "lib-esm/"
+        "dist/"
     ],
     "publishConfig": {
         "access": "public"
     },
     "scripts": {
-        "clean": "cleandir lib && cleandir lib-esm",
-        "compile": "tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json"
+        "clean": "rimraf ./dist",
+        "precompile": "tsc -emitDeclarationOnly",
+        "compile": "vite build"
     },
     "sideEffects": false,
-    "typings": "lib/index.d.ts",
     "dependencies": {
         "@telia-ace/knowledge-serviceclient": "^1.0.3",
-        "@telia-ace/knowledge-widget-core": "^1.0.6",
-        "@telia-ace/knowledge-widget-ui": "^1.0.10",
-        "@telia-ace/widget-forms": "^1.0.8",
-        "@telia-ace/widget-routing": "^1.0.5",
+        "@telia-ace/knowledge-widget-core": "^1.0.7",
+        "@telia-ace/knowledge-widget-ui": "^1.0.11",
+        "@telia-ace/widget-forms": "^1.0.9",
+        "@telia-ace/widget-routing": "^1.0.6",
         "@telia-ace/widget-utilities": "^1.0.1",
         "@webprovisions/platform": "^1.1.2"
     },
@@ -41,5 +40,5 @@
         "@types/react": "^16.8.0",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "753397b5908ad6653fff863de21e741d50b238d5"
+    "gitHead": "97a688fe894038d305e52cde3d2ca25b0eae8651"
 }

package/lib/contact-methods/chat-popup/chat-popup-plugin.d.ts

@@ -1,2 +0,0 @@
-import { Container } from '@webprovisions/platform';
-export default function chatPopupPlugin(container: Container): void;

package/lib/contact-methods/chat-popup/chat-popup-plugin.js

@@ -1,79 +0,0 @@
-"use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var widget_forms_1 = require("@telia-ace/widget-forms");
-var __1 = require("..");
-var email_1 = require("../email");
-var popup = function (title, settings, formValues) {
-    var url = settings.url, width = settings.width, height = settings.height;
-    var queries = formValues ? formValues : {};
-    var link = document.createElement('a');
-    link.href = url;
-    link.search
-        .replace('?', '')
-        .split('&')
-        .forEach(function (part) {
-        var _a = __read(part.split('='), 2), key = _a[0], value = _a[1];
-        typeof value !== 'undefined' && (queries[key] = value);
-    });
-    link.search = Object.keys(queries)
-        .map(function (key) { return "".concat(key, "=").concat(queries[key]); })
-        .join('&');
-    window.open(link.href, title, "width=".concat(width, ",height=").concat(height));
-    return '';
-};
-function chatPopupPlugin(container) {
-    container.getAsync('contactMethods').then(function (platform) {
-        platform.create({
-            clientName: 'chat.popup',
-            render: 'email.form',
-            handleClick: function (contactMethod) {
-                var title = contactMethod.title, body = contactMethod.body;
-                var form = body.form, guideId = body.guideId, confirmationFallback = body.confirmationFallback, rest = __rest(body, ["form", "guideId", "confirmationFallback"]);
-                if (!form) {
-                    return function (e) {
-                        e.preventDefault();
-                        popup(title, rest);
-                    };
-                }
-                return function () { };
-            },
-            onValidate: function (contactMethod) { return (0, __1.defaultValidate)(container, contactMethod); },
-            onComplete: function (contactMethod) { return (0, email_1.defaultComplete)(container, contactMethod); },
-            onSubmit: function (contactMethod) {
-                var title = contactMethod.title, body = contactMethod.body;
-                var form = body.form, guideId = body.guideId, confirmationFallback = body.confirmationFallback, rest = __rest(body, ["form", "guideId", "confirmationFallback"]);
-                var formValues = new widget_forms_1.FormReader(form).export().values;
-                popup(title, rest, formValues);
-                return confirmationFallback;
-            },
-        });
-    });
-}
-exports.default = chatPopupPlugin;

package/lib/contact-methods/chat-popup/index.d.ts

@@ -1 +0,0 @@
-export { default as ChatPopupPlugin } from './chat-popup-plugin';

package/lib/contact-methods/chat-popup/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ChatPopupPlugin = void 0;
-var chat_popup_plugin_1 = require("./chat-popup-plugin");
-Object.defineProperty(exports, "ChatPopupPlugin", { enumerable: true, get: function () { return __importDefault(chat_popup_plugin_1).default; } });

package/lib/contact-methods/email/email-form-component.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { ContactMethodProps } from '../ui';
-declare const EmailFormComponent: React.FC<ContactMethodProps>;
-export default EmailFormComponent;

package/lib/contact-methods/email/email-form-component.js

@@ -1,58 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var React = __importStar(require("react"));
-var styled_components_1 = __importStar(require("styled-components"));
-var ui_1 = require("../ui");
-var StyledHtml = (0, styled_components_1.default)(knowledge_widget_ui_1.Html)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n\n    ", "\n"], ["\n    ", "\n\n    ", "\n"])), knowledge_widget_ui_1.genericHtml, (0, knowledge_widget_ui_1.headingElement)('h1', (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n            font-weight: normal;\n            font-size: ", ";\n        "], ["\n            font-weight: normal;\n            font-size: ", ";\n        "])), function (p) { var _a; return (_a = p.theme.fonts) === null || _a === void 0 ? void 0 : _a.medium; })));
-var EmailFormComponent = function (props) {
-    var className = props.className, _a = props.renderDefault, renderDefault = _a === void 0 ? function () { } : _a, form = props.body.form, confirmation = props.confirmation, htmlParseInstruction = props.htmlParseInstruction, disabled = props.disabled;
-    if (confirmation) {
-        return (React.createElement(StyledHtml, { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-contact-method-confirmation', 'humany-contact-method-email'), html: confirmation, htmlParseInstruction: htmlParseInstruction }));
-    }
-    if (form && !disabled) {
-        return (React.createElement(ui_1.Form, __assign({}, props, { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-contact-method-email') })));
-    }
-    return renderDefault();
-};
-exports.default = EmailFormComponent;
-var templateObject_1, templateObject_2;

package/lib/contact-methods/email/email-plugin.d.ts

@@ -1,16 +0,0 @@
-import { SubmissionApiResult } from '@telia-ace/knowledge-serviceclient';
-import { Container } from '@webprovisions/platform';
-import { ContactMethodType } from '../ui';
-export declare const submit: (container: Container, contactMethod: ContactMethodType, transform?: ((response: any) => SubmissionApiResult) | undefined) => Promise<string>;
-export declare const validate: (container: Container, contactMethod: ContactMethodType) => Promise<{
-    valid: boolean;
-    errors: {
-        [key: string]: string;
-    };
-    errorTypes: {
-        [key: string]: string;
-    };
-}>;
-export declare const evaluate: (container: Container, contactMethod: ContactMethodType) => Promise<import("@telia-ace/widget-forms").Form>;
-export declare const complete: (container: Container, contactMethod: ContactMethodType) => Promise<void>;
-export default function emailPlugin(container: Container): void;

package/lib/contact-methods/email/email-plugin.js

@@ -1,83 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.complete = exports.evaluate = exports.validate = exports.submit = void 0;
-var widget_forms_1 = require("@telia-ace/widget-forms");
-var post = function (container, contactMethod, validate) {
-    if (validate === void 0) { validate = false; }
-    return container.getManyAsync('matchingClient', 'router').then(function (services) {
-        var formData = new widget_forms_1.FormReader(contactMethod.body.form).export(validate).formData;
-        var _a = services, router = _a.router, matchingClient = _a.matchingClient;
-        var params = router.getRouteData().params;
-        return matchingClient.customRequest("contactmethods/".concat(contactMethod.id).concat(validate ? '/validatedwithpayload' : ''), 'POST', {
-            body: formData,
-            configuration: {
-                guideId: contactMethod.body.guideId || params.guideId,
-            },
-        });
-    });
-};
-var submit = function (container, contactMethod, transform) {
-    return post(container, contactMethod)
-        .then(function (response) { return (transform ? transform(response) : response); })
-        .then(function (_a) {
-        var ConfirmationText = _a.ConfirmationText;
-        return ConfirmationText;
-    });
-};
-exports.submit = submit;
-var validate = function (container, contactMethod) {
-    return post(container, contactMethod, true).then(function (result) { return ({
-        valid: result.Validation.IsValid,
-        errors: result.Validation.Errors,
-        errorTypes: result.Validation.ErrorTypes,
-    }); });
-};
-exports.validate = validate;
-var evaluate = function (container, contactMethod) {
-    return post(container, contactMethod, true).then(function (result) {
-        return widget_forms_1.FormBuilder.fromLegacyForm(contactMethod.id, result.ContactMethod.Form).get();
-    });
-};
-exports.evaluate = evaluate;
-var complete = function (container, contactMethod) {
-    return container.getAsync('matchingClient').then(function (matchingClient) {
-        matchingClient.completeContactMethod(contactMethod.id);
-    });
-};
-exports.complete = complete;
-function emailPlugin(container) {
-    container.getAsync('contactMethods').then(function (platform) {
-        platform.create({
-            clientName: 'email.form',
-            render: Promise.resolve().then(function () { return __importStar(require('./email-form-component')); }),
-            onEvaluate: function (contactMethod) { return (0, exports.evaluate)(container, contactMethod); },
-            onValidate: function (contactMethod) { return (0, exports.validate)(container, contactMethod); },
-            onSubmit: function (contactMethod) { return (0, exports.submit)(container, contactMethod); },
-            onComplete: function (contactMethod) { return (0, exports.complete)(container, contactMethod); },
-        });
-    });
-}
-exports.default = emailPlugin;

package/lib/contact-methods/email/index.d.ts

@@ -1 +0,0 @@
-export { complete as defaultComplete, default as EmailPlugin, evaluate as defaultEvaluate, submit as defaultSubmit, validate as defaultValidate, } from './email-plugin';

package/lib/contact-methods/email/index.js

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defaultValidate = exports.defaultSubmit = exports.defaultEvaluate = exports.EmailPlugin = exports.defaultComplete = void 0;
-var email_plugin_1 = require("./email-plugin");
-Object.defineProperty(exports, "defaultComplete", { enumerable: true, get: function () { return email_plugin_1.complete; } });
-Object.defineProperty(exports, "EmailPlugin", { enumerable: true, get: function () { return __importDefault(email_plugin_1).default; } });
-Object.defineProperty(exports, "defaultEvaluate", { enumerable: true, get: function () { return email_plugin_1.evaluate; } });
-Object.defineProperty(exports, "defaultSubmit", { enumerable: true, get: function () { return email_plugin_1.submit; } });
-Object.defineProperty(exports, "defaultValidate", { enumerable: true, get: function () { return email_plugin_1.validate; } });

package/lib/contact-methods/free-text/free-text-component.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import { ContactMethodProps } from '../ui';
-declare const FreeTextComponent: React.SFC<ContactMethodProps>;
-export default FreeTextComponent;

package/lib/contact-methods/free-text/free-text-component.js

@@ -1,49 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var React = __importStar(require("react"));
-var styled_components_1 = __importDefault(require("styled-components"));
-var ui_1 = require("../ui");
-var FreeTextComponent = function (_a) {
-    var className = _a.className, description = _a.description, freetext = _a.body.freetext, htmlParseInstruction = _a.htmlParseInstruction;
-    if (!freetext) {
-        return null;
-    }
-    return (React.createElement("div", { className: (0, widget_utilities_1.appendClassNames)(className, 'humany-contact-method-free-text') },
-        React.createElement(StyledHtml, { html: freetext, htmlParseInstruction: htmlParseInstruction }),
-        description && (React.createElement(ui_1.Description, { html: description, htmlParseInstruction: htmlParseInstruction }))));
-};
-exports.default = FreeTextComponent;
-var StyledHtml = (0, styled_components_1.default)(knowledge_widget_ui_1.Html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", ";\n"], ["\n    ", ";\n"])), knowledge_widget_ui_1.genericHtml);
-var templateObject_1;

package/lib/contact-methods/free-text/free-text-plugin.d.ts

@@ -1,2 +0,0 @@
-import { Container } from '@webprovisions/platform';
-export default function freeTextPlugin(container: Container): void;

package/lib/contact-methods/free-text/free-text-plugin.js

@@ -1,34 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-function freeTextPlugin(container) {
-    container.getAsync('contactMethods').then(function (platform) {
-        platform.create({
-            clientName: 'custom.freetext',
-            render: Promise.resolve().then(function () { return __importStar(require('./free-text-component')); }),
-        });
-    });
-}
-exports.default = freeTextPlugin;

package/lib/contact-methods/free-text/index.d.ts

@@ -1 +0,0 @@
-export { default as FreeTextPlugin } from './free-text-plugin';

package/lib/contact-methods/free-text/index.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FreeTextPlugin = void 0;
-var free_text_plugin_1 = require("./free-text-plugin");
-Object.defineProperty(exports, "FreeTextPlugin", { enumerable: true, get: function () { return __importDefault(free_text_plugin_1).default; } });

package/lib/contact-methods/index.d.ts

@@ -1,10 +0,0 @@
-export { ChatPopupPlugin } from './chat-popup';
-export { defaultComplete, defaultEvaluate, defaultSubmit, defaultValidate, EmailPlugin, } from './email';
-export { FreeTextPlugin } from './free-text';
-export { LinkPlugin } from './link';
-export { PhonePlugin } from './phone';
-export { default as ContactMethodPlatform } from './platform';
-export type { Click as ContactMethodClick, ReactComponentImport } from './platform';
-export { contactItemList, contactLink, ContactList, ContactMethod, Form as DefaultForm, useContactMethod, } from './ui';
-export type { ContactMethodType } from './ui';
-export { WebServicePlugin } from './web-service';