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

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

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.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.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.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.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.js

@@ -1,31 +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.WebServicePlugin = exports.useContactMethod = exports.DefaultForm = exports.ContactMethod = exports.ContactList = exports.contactLink = exports.contactItemList = exports.ContactMethodPlatform = exports.PhonePlugin = exports.LinkPlugin = exports.FreeTextPlugin = exports.EmailPlugin = exports.defaultValidate = exports.defaultSubmit = exports.defaultEvaluate = exports.defaultComplete = exports.ChatPopupPlugin = void 0;
-var chat_popup_1 = require("./chat-popup");
-Object.defineProperty(exports, "ChatPopupPlugin", { enumerable: true, get: function () { return chat_popup_1.ChatPopupPlugin; } });
-var email_1 = require("./email");
-Object.defineProperty(exports, "defaultComplete", { enumerable: true, get: function () { return email_1.defaultComplete; } });
-Object.defineProperty(exports, "defaultEvaluate", { enumerable: true, get: function () { return email_1.defaultEvaluate; } });
-Object.defineProperty(exports, "defaultSubmit", { enumerable: true, get: function () { return email_1.defaultSubmit; } });
-Object.defineProperty(exports, "defaultValidate", { enumerable: true, get: function () { return email_1.defaultValidate; } });
-Object.defineProperty(exports, "EmailPlugin", { enumerable: true, get: function () { return email_1.EmailPlugin; } });
-var free_text_1 = require("./free-text");
-Object.defineProperty(exports, "FreeTextPlugin", { enumerable: true, get: function () { return free_text_1.FreeTextPlugin; } });
-var link_1 = require("./link");
-Object.defineProperty(exports, "LinkPlugin", { enumerable: true, get: function () { return link_1.LinkPlugin; } });
-var phone_1 = require("./phone");
-Object.defineProperty(exports, "PhonePlugin", { enumerable: true, get: function () { return phone_1.PhonePlugin; } });
-var platform_1 = require("./platform");
-Object.defineProperty(exports, "ContactMethodPlatform", { enumerable: true, get: function () { return __importDefault(platform_1).default; } });
-var ui_1 = require("./ui");
-Object.defineProperty(exports, "contactItemList", { enumerable: true, get: function () { return ui_1.contactItemList; } });
-Object.defineProperty(exports, "contactLink", { enumerable: true, get: function () { return ui_1.contactLink; } });
-Object.defineProperty(exports, "ContactList", { enumerable: true, get: function () { return ui_1.ContactList; } });
-Object.defineProperty(exports, "ContactMethod", { enumerable: true, get: function () { return ui_1.ContactMethod; } });
-Object.defineProperty(exports, "DefaultForm", { enumerable: true, get: function () { return ui_1.Form; } });
-Object.defineProperty(exports, "useContactMethod", { enumerable: true, get: function () { return ui_1.useContactMethod; } });
-var web_service_1 = require("./web-service");
-Object.defineProperty(exports, "WebServicePlugin", { enumerable: true, get: function () { return web_service_1.WebServicePlugin; } });

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

@@ -1 +0,0 @@
-export { default as LinkPlugin } from './link-plugin';