@telia-ace/knowledge-widget-adapters 1.0.44-experimental.8 → 1.0.44

package/dist/index.c1d1bd5b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.c1d1bd5b.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/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 styled from '@emotion/styled';\nimport { borderTabStyle, genericHtml, Html, linkTabStyle } from '@telia-ace/knowledge-widget-ui';\n\nexport default styled(Html as any)`\n    ${genericHtml}\n    font-weight: 300;\n    line-height: 1.5em;\n    button:focus-visible {\n        ${borderTabStyle};\n    }\n\n    a:focus-visible {\n        ${linkTabStyle};\n    }\n`;\n","import { css, Theme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { 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 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 = (p: { theme: Theme; description?: string }) => css`\n    display: flex;\n    padding: ${p.theme.sizes?.large};\n    ${!!p.description ? '' : 'align-items: center;'}\n    text-decoration: none;\n    span {\n        display: inline-block;\n        color: ${p.theme.colors?.text};\n    }\n    i {\n        font-size: ${p.theme.fonts?.large};\n        margin: 0 ${p.theme.sizes?.large} 0 0;\n        min-height: ${p.theme.fonts?.large};\n        min-width: ${p.theme.fonts?.large};\n        line-height: ${p.theme.fonts?.large};\n        display: inline-block;\n        vertical-align: bottom;\n        color: ${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)`\n    ${(p) => contactLink(p)}\n\n    &:focus-visible {\n        ${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 { css, Theme } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport { DispatchAction, headingElement, ItemList, itemList } from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React, { ReactNode } from 'react';\nimport ContactMethod, { ContactMethodType } from './contact-method';\n\nexport const contactItemList = (p: { theme: Theme }) => css`\n    ${itemList(p)}\n\n    > div {\n        padding: ${p.theme.sizes?.large};\n\n        ${headingElement(p)(\n            'h1',\n            css`\n                margin: 0;\n            `\n        )}\n    }\n\n    > ul {\n        &:not(:first-child) {\n            border-top: ${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.theme.borderRadius} ${p.theme.borderRadius} 0 0`};\n            }\n\n            &:last-child:not(:first-child) > a {\n                border-radius: ${`0 0 ${p.theme.borderRadius} ${p.theme.borderRadius}`};\n            }\n\n            &:not(:last-child) {\n                border-bottom: ${p.theme.border};\n            }\n\n            > div {\n                padding: ${p.theme.sizes?.large};\n            }\n        }\n    }\n\n    @media (hover: hover) {\n        a:hover {\n            background-color: ${p.theme.colors?.accent};\n        }\n    }\n`;\n\nconst StyledItemList = styled(ItemList)`\n    ${(p) => contactItemList(p)}\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    itemRenderer?: (cm: any, props: any) => JSX.Element;\n    guideId?: string;\n};\n\nconst ContactList: React.FC<Props> = ({\n    contactMethods,\n    children,\n    guideId,\n    dispatch,\n    className = '',\n    itemRenderer,\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={\n                itemRenderer\n                    ? (cm: any) => (\n                          <li key={cm.id} data-contact-method={cm.id}>\n                              {itemRenderer(cm, { action, dispatch, guideId })}\n                          </li>\n                      )\n                    : (cm: any) => (\n                          <li key={cm.id} data-contact-method={cm.id}>\n                              <ContactMethod\n                                  {...cm}\n                                  action={action}\n                                  dispatch={dispatch}\n                                  guideId={guideId}\n                              />\n                          </li>\n                      )\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.FC<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, meta } = 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, meta };\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":["post","container","contactMethod","validate","services","formData","FormReader","router","matchingClient","params","submit","transform","response","ConfirmationText","result","evaluate","FormBuilder","complete","emailPlugin","platform","popup","title","settings","formValues","url","width","height","queries","link","part","key","value","chatPopupPlugin","body","_a","form","guideId","confirmationFallback","rest","__objRest","e","defaultValidate","defaultComplete","freeTextPlugin","linkPlugin","phonePlugin","handleContactMethod","adapters","__async","adapter","description","disabled","onClick","handleClick","handleDescription","handleDisabled","__spreadProps","__spreadValues","ContactMethodPlatform","componentPlatform","__publicField","input","next","contactMethods","promises","cm","guideComponent","handoverContactMethods","ComponentPlatform","lock","contactMethodPlatform","components","data","type","events","id","clientName","expanded","render","defaultEvaluate","resolver","lazy","s","ContactMethodPlatform$1","Description","styled","Html","genericHtml","borderTabStyle","linkTabStyle","ContactMethod","props","ResolvedComponent","useComponent","contactCategory","guideCategory","phrase","useRouteData","React","NonResolvedContactMethodWrapper","Typography","renderLink","extraProps","enhancedProps","symbol","inline","htmlParseInstruction","className","dispatch","linkProps","event","createParams","formatUrl","StyledLink","SymbolBadge","StyledTitle","Suspense","ContactMethod$1","contactLink","p","css","_b","_c","_d","_e","_f","_g","_h","StyledText","Link","contactItemList","itemList","headingElement","StyledItemList","ItemList","ContactList","children","itemRenderer","action","header","appendClassNames","ContactList$1","lookupComponent","node","keys","i","Form","autoFocus","schema","layout","meta","trigger","FormComponent","Form$1","useContactMethod","component","setComponent","useState","useContainer","useEffect","unsubscribe","useContactMethod$1","webServicePlugin","defaultSubmit","createSubmitAdapter","fn","values","confirmation","DefaultContactMethodsPlugin","Plugin","config","EmailFormPlugin","ChatPopupPlugin","FreeTextPlugin","PhonePlugin","WebServicePlugin","LinkPlugin"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-export { ChatPopupPlugin, ContactMethodPlatform, defaultComplete, defaultEvaluate, DefaultForm, defaultSubmit, defaultValidate, EmailPlugin as EmailFormPlugin, FreeTextPlugin, LinkPlugin, PhonePlugin, useContactMethod, WebServicePlugin, } from './contact-methods';
-export type { ContactMethodClick, ReactComponentImport, } from './contact-methods';
+export { ChatPopupPlugin, contactItemList, contactLink, ContactList, ContactMethod, ContactMethodPlatform, defaultComplete, defaultEvaluate, DefaultForm, defaultSubmit, defaultValidate, EmailPlugin as EmailFormPlugin, FreeTextPlugin, LinkPlugin, PhonePlugin, useContactMethod, WebServicePlugin, } from './contact-methods';
+export type { ContactMethodClick, ContactMethodType, ReactComponentImport, } from './contact-methods';
 export { createSubmitAdapter } from './create-adapter';
 export type { Callback } from './create-adapter';
 export { DefaultContactMethodsPlugin } from './default-contact-methods-plugin';

package/dist/index.js

@@ -1,353 +1,30 @@
-var T = Object.defineProperty, D = Object.defineProperties;
-var R = Object.getOwnPropertyDescriptors;
-var v = Object.getOwnPropertySymbols;
-var F = Object.prototype.hasOwnProperty, V = Object.prototype.propertyIsEnumerable;
-var A = (n, e, t) => e in n ? T(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t, h = (n, e) => {
-  for (var t in e || (e = {}))
-    F.call(e, t) && A(n, t, e[t]);
-  if (v)
-    for (var t of v(e))
-      V.call(e, t) && A(n, t, e[t]);
-  return n;
-}, C = (n, e) => D(n, R(e));
-var p = (n, e) => {
-  var t = {};
-  for (var o in n)
-    F.call(n, o) && e.indexOf(o) < 0 && (t[o] = n[o]);
-  if (n != null && v)
-    for (var o of v(n))
-      e.indexOf(o) < 0 && V.call(n, o) && (t[o] = n[o]);
-  return t;
-};
-var d = (n, e, t) => new Promise((o, s) => {
-  var c = (i) => {
-    try {
-      r(t.next(i));
-    } catch (m) {
-      s(m);
-    }
-  }, a = (i) => {
-    try {
-      r(t.throw(i));
-    } catch (m) {
-      s(m);
-    }
-  }, r = (i) => i.done ? o(i.value) : Promise.resolve(i.value).then(c, a);
-  r((t = t.apply(n, e)).next());
-});
-import { FormBuilder as L, FormReader as k, FormComponent as j } from "@telia-ace/widget-forms";
-import { ComponentPlatform as N, Plugin as O } from "@telia-ace/knowledge-widget-core";
-import { lock as q } from "@telia-ace/widget-utilities";
-import z, { lazy as B } from "react";
-const M = (n, e, t = !1) => n.getManyAsync("matchingClient", "router").then((o) => {
-  const { formData: s } = new k(e.body.form).export(t), { router: c, matchingClient: a } = o, { params: r } = c.getRouteData();
-  return a.customRequest(
-    `contactmethods/${e.id}${t ? "/validatedwithpayload" : ""}`,
-    "POST",
-    {
-      body: s,
-      configuration: {
-        guideId: e.body.guideId || r.guideId
-      }
-    }
-  );
-}), I = (n, e, t) => M(n, e).then((o) => t ? t(o) : o).then(({ ConfirmationText: o }) => o), f = (n, e) => M(n, e, !0).then((t) => ({
-  valid: t.Validation.IsValid,
-  errors: t.Validation.Errors,
-  errorTypes: t.Validation.ErrorTypes
-})), S = (n, e) => M(n, e, !0).then(
-  (t) => L.fromLegacyForm(e.id, t.ContactMethod.Form).get()
-), g = (n, e) => n.getAsync("matchingClient").then((t) => {
-  t.completeContactMethod(e.id);
-});
-function G(n) {
-  n.getAsync("contactMethods").then((e) => {
-    e.create({
-      clientName: "email.form",
-      render: import("./email-form-component.26ca3985.js"),
-      onEvaluate: (t) => S(n, t),
-      onValidate: (t) => f(n, t),
-      onSubmit: (t) => I(n, t),
-      onComplete: (t) => g(n, t)
-    });
-  });
-}
-const E = (n, e, t) => {
-  const { url: o, width: s, height: c } = e, a = t || {}, r = document.createElement("a");
-  return r.href = o, r.search.replace("?", "").split("&").forEach((i) => {
-    const [m, l] = i.split("=");
-    typeof l != "undefined" && (a[m] = l);
-  }), r.search = Object.keys(a).map((i) => `${i}=${a[i]}`).join("&"), window.open(r.href, n, `width=${s},height=${c}`), "";
-};
-function H(n) {
-  n.getAsync("contactMethods").then((e) => {
-    e.create({
-      clientName: "chat.popup",
-      render: "email.form",
-      handleClick: (t) => {
-        const { title: o, body: s } = t, m = s, { form: c, guideId: a, confirmationFallback: r } = m, i = p(m, ["form", "guideId", "confirmationFallback"]);
-        return c ? () => {
-        } : (l) => {
-          l.preventDefault(), E(o, i);
-        };
-      },
-      onValidate: (t) => f(n, t),
-      onComplete: (t) => g(n, t),
-      onSubmit: (t) => {
-        const { title: o, body: s } = t, l = s, { form: c, guideId: a, confirmationFallback: r } = l, i = p(l, ["form", "guideId", "confirmationFallback"]), m = new k(c).export().values;
-        return E(o, i, m), r;
-      }
-    });
-  });
-}
-function K(n) {
-  n.getAsync("contactMethods").then((e) => {
-    e.create({
-      clientName: "custom.freetext",
-      render: import("./free-text-component.037b4db9.js")
-    });
-  });
-}
-function W(n) {
-  n.getAsync("contactMethods").then((e) => {
-    e.create({
-      clientName: "custom.link",
-      render: import("./link-component.484bbcf2.js")
-    });
-  });
-}
-function J(n) {
-  n.getAsync("contactMethods").then((e) => {
-    e.create({
-      clientName: "phone.text",
-      render: import("./phone-component.0c878514.js")
-    });
-  });
-}
-const b = (n, e) => d(void 0, null, function* () {
-  const t = n.get(e.clientName);
-  let { description: o, disabled: s, onClick: c } = e;
-  if (t) {
-    const { handleClick: a, handleDescription: r, handleDisabled: i } = t;
-    typeof a == "function" && (c = yield Promise.resolve(a(e))), typeof r == "function" && (o = yield Promise.resolve(r(e))), typeof i == "function" && (s = yield Promise.resolve(i(e)));
-  }
-  return Promise.resolve(C(h({}, e), {
-    description: o,
-    disabled: s,
-    onClick: c
-  }));
-});
-class P {
-  constructor(e, t) {
-    if (this.container = e, this.componentPlatform = t, this.adapters = /* @__PURE__ */ new Map(), this.subs = [], t) {
-      t.components().ofType("contact-list").select().actions.watch("contact-list.fetched", (a, r) => d(this, null, function* () {
-        const { contactMethods: i } = a;
-        if (i) {
-          const m = Promise.all(
-            i.map(
-              (l) => b(this.adapters, l)
-            )
-          );
-          yield Promise.resolve(m).then((l) => {
-            a.contactMethods = l;
-          });
-        }
-        return r(a);
-      }));
-      const s = t.components().ofType("guide").select();
-      s.actions.watch("guide.fetched", (a, r) => d(this, null, function* () {
-        const { contactMethods: i } = a;
-        if (i) {
-          const m = Promise.all(
-            i.map(
-              (l) => b(this.adapters, l)
-            )
-          );
-          yield Promise.resolve(m).then((l) => {
-            a.contactMethods = l;
-          });
-        }
-        return r(a);
-      })), s.actions.watch("guide.handover", (a, r) => d(this, null, function* () {
-        const { handoverContactMethods: i } = a;
-        if (i) {
-          const m = Promise.all(
-            i.map(
-              (l) => b(this.adapters, l)
-            )
-          );
-          yield Promise.resolve(m).then((l) => {
-            a.handoverContactMethods = l;
-          });
-        }
-        return r(a);
-      })), t.components().ofType("contact-method").select().actions.watch("contact-method.fetched", (a, r) => d(this, null, function* () {
-        const { contactMethod: i } = a;
-        return i ? b(this.adapters, i).then(
-          (m) => r(C(h({}, a), { contactMethod: m }))
-        ) : r(a);
-      }));
-    }
-  }
-  static create(e) {
-    return N.getInstance(e).then((t) => new P(e, t));
-  }
-  static getInstance(e, t = "contactMethods") {
-    return q(e)(() => e.getAsync(t).then((o) => {
-      let s = o;
-      return s || N.getInstance(e).then((c) => (s = new P(e, c), e.registerAsync(t, () => s), s));
-    }));
-  }
-  track(e = {}, t) {
-    const { events: o } = this.container.get("$widget");
-    o.dispatch("tracking:service-client-response", {
-      type: t,
-      data: e
-    });
-  }
-  complete(e) {
-    const { id: t, title: o, clientName: s, expanded: c, body: a } = e;
-    this.track(
-      { contactMethod: { id: t, title: o, expanded: c, type: s }, hasGuide: !!a.guideId },
-      "contact-method-complete"
-    );
-    const r = this.adapters.get(s);
-    if (r && r.onComplete)
-      return r.onComplete(e);
-  }
-  evaluate(e) {
-    const { clientName: t } = e, o = this.adapters.get(t);
-    return o && o.onEvaluate ? Promise.resolve(o.onEvaluate(e)) : Promise.resolve(e.body.form);
-  }
-  validate(e) {
-    const { id: t, title: o, clientName: s } = e, c = this.adapters.get(s);
-    return c && c.onValidate ? Promise.resolve(c.onValidate(e)).then((a) => {
-      this.track(
-        { contactMethod: { id: t, title: o, type: s }, isValid: a.valid },
-        "contact-method-validate"
-      );
-      const { events: r } = this.container.get("$widget");
-      return r.dispatch("form:validated", { isValid: a.valid }), a;
-    }) : Promise.resolve({ valid: !0 });
-  }
-  submit(e) {
-    const { clientName: t } = e, o = this.adapters.get(t);
-    return o && o.onSubmit ? Promise.resolve(o.onSubmit(e)).then((s) => (this.complete(e), s)) : Promise.resolve("");
-  }
-  create(e) {
-    const { clientName: t, render: o } = e;
-    return this.adapters.set(t, h({
-      onValidate: (s) => f(this.container, s),
-      onEvaluate: (s) => S(this.container, s),
-      onComplete: (s) => g(this.container, s)
-    }, e)), this.container.getAsync("componentResolver").then((s) => {
-      typeof o == "string" ? this.subs.push(s.registerAlias(t, o)) : this.subs.push(
-        s.registerComponent(
-          t,
-          B(() => o)
-        )
-      );
-    });
-  }
-  dispose() {
-    this.subs.forEach((e) => e());
-  }
-}
-const ot = P, $ = (n, e) => {
-  if (n.actionKey === e)
-    return n;
-  if (!n.properties)
-    return null;
-  const t = Object.keys(n.properties);
-  let o;
-  for (let s = 0; s < t.length; s++)
-    if (o = $(n.properties[t[s]], e), o)
-      return o;
-  return !1;
-}, Q = ({
-  className: n,
-  body: { form: e },
-  id: t,
-  action: o,
-  dispatch: s,
-  disabled: c,
-  autoFocus: a
-}) => {
-  if (e && !c) {
-    const { schema: r, layout: i, data: m, meta: l } = e, u = s || o || (() => {
-    });
-    return /* @__PURE__ */ z.createElement(
-      j,
-      {
-        className: n,
-        schema: r,
-        layout: i,
-        data: m,
-        autoFocus: a,
-        onChange: (y, x) => {
-          const w = { schema: r, layout: i, data: x, meta: l };
-          y.toString() === "submit" ? u("submit", { id: t, form: w }) : $(r, y).evaluate ? u("evaluate", { id: t, form: w }) : u("validate", { id: t, form: w });
-        }
-      }
-    );
-  }
-  return null;
-}, st = Q, U = (n) => null, at = U;
-function X(n) {
-  n.getAsync("contactMethods").then((e) => {
-    e.create({
-      clientName: "custom.webservice",
-      render: "email.form",
-      onValidate: (t) => f(n, t),
-      onComplete: (t) => g(n, t),
-      onSubmit: (t) => I(n, t, (o) => C(h({}, o), {
-        ConfirmationText: o.ResponseHtml
-      }))
-    });
-  });
-}
-const rt = (n, e, t) => n.getAsync("contactMethods").then((o) => {
-  o.create({
-    clientName: e,
-    render: "email.form",
-    handleClick: () => (s, c) => {
-      const {
-        body: l
-      } = c, u = l, { form: a, guideId: r, confirmationFallback: i } = u, m = p(u, ["form", "guideId", "confirmationFallback"]);
-      a || (s.preventDefault(), t(m));
-    },
-    onValidate: (s) => f(n, s),
-    onComplete: (s) => g(n, s),
-    onSubmit: (s) => {
-      const {
-        body: l
-      } = s, u = l, { form: c, guideId: a, confirmationFallback: r } = u, i = p(u, ["form", "guideId", "confirmationFallback"]), { values: m } = new k(c).export();
-      return Promise.resolve(t(i, m)).then((y) => y || r);
-    }
-  });
-});
-class it extends O {
-  constructor(e, t) {
-    super(e, t), this.widget.implementation.configure((s) => {
-      s.plugin(G).plugin(H).plugin(K).plugin(J).plugin(X).plugin(W);
-    });
-  }
-}
+import { c as m, C as r, d as p, e as c, k as d, F as P, h as f, i as g, l as C, p as h, w as b, a as F, b as L, j as M, f as k, g as v, s as S, v as x, u as D } from "./index.c1d1bd5b.js";
+import "@telia-ace/widget-forms";
+import "@telia-ace/knowledge-widget-core";
+import "@emotion/react";
+import "@emotion/styled";
+import "@telia-ace/knowledge-widget-ui";
+import "@telia-ace/widget-utilities";
+import "react";
 export {
-  H as ChatPopupPlugin,
-  ot as ContactMethodPlatform,
-  it as DefaultContactMethodsPlugin,
-  st as DefaultForm,
-  G as EmailFormPlugin,
-  K as FreeTextPlugin,
-  W as LinkPlugin,
-  J as PhonePlugin,
-  X as WebServicePlugin,
-  rt as createSubmitAdapter,
-  g as defaultComplete,
-  S as defaultEvaluate,
-  I as defaultSubmit,
-  f as defaultValidate,
-  at as useContactMethod
+  m as ChatPopupPlugin,
+  r as ContactList,
+  p as ContactMethod,
+  c as ContactMethodPlatform,
+  d as DefaultContactMethodsPlugin,
+  P as DefaultForm,
+  f as EmailFormPlugin,
+  g as FreeTextPlugin,
+  C as LinkPlugin,
+  h as PhonePlugin,
+  b as WebServicePlugin,
+  F as contactItemList,
+  L as contactLink,
+  M as createSubmitAdapter,
+  k as defaultComplete,
+  v as defaultEvaluate,
+  S as defaultSubmit,
+  x as defaultValidate,
+  D as useContactMethod
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.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/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';\n// import { ContactMethodType } from '../ui';\n\ntype ContactMethodType = any;\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';\n// import { ContactMethodProps } from './ui';\n\ntype ContactMethodProps = any;\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 { FormComponent } from '@telia-ace/widget-forms';\nimport React from 'react';\n// import { 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.FC<any> = ({\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, meta } = 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, meta };\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';\n// import { useContainer } from '@telia-ace/knowledge-widget-ui';\n// import { EventSubscriptionCancellation } from '@webprovisions/platform';\n// import { 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    return null;\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":["post","container","contactMethod","validate","services","formData","FormReader","router","matchingClient","params","submit","transform","response","ConfirmationText","result","evaluate","FormBuilder","complete","emailPlugin","platform","popup","title","settings","formValues","url","width","height","queries","link","part","key","value","chatPopupPlugin","body","_a","form","guideId","confirmationFallback","rest","__objRest","e","defaultValidate","defaultComplete","freeTextPlugin","linkPlugin","phonePlugin","handleContactMethod","adapters","__async","adapter","description","disabled","onClick","handleClick","handleDescription","handleDisabled","__spreadProps","__spreadValues","ContactMethodPlatform","componentPlatform","input","next","contactMethods","promises","cm","guideComponent","handoverContactMethods","ComponentPlatform","lock","contactMethodPlatform","components","data","type","events","id","clientName","expanded","render","defaultEvaluate","resolver","lazy","s","ContactMethodPlatform$1","lookupComponent","node","keys","i","Form","className","action","dispatch","autoFocus","schema","layout","meta","trigger","React","FormComponent","event","Form$1","useContactMethod","useContactMethod$1","webServicePlugin","defaultSubmit","createSubmitAdapter","fn","_b","values","confirmation","DefaultContactMethodsPlugin","Plugin","config","EmailFormPlugin","ChatPopupPlugin","FreeTextPlugin","PhonePlugin","WebServicePlugin","LinkPlugin"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/link-component.484bbcf2.js.map

@@ -1 +1 @@
-{"version":3,"file":"link-component.484bbcf2.js","sources":["../src/contact-methods/link/link-component.tsx"],"sourcesContent":["import { appendClassNames } from '@telia-ace/widget-utilities';\nimport * as React from 'react';\n// import { ContactMethodProps } from '../ui';\n\ntype ContactMethodProps = any;\nconst LinkComponent: React.FC<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":["LinkComponent","className","body","renderDefault","uri","target","protocol","appendClassNames"],"mappings":";AAKA,MAAMA,IAA8C,CAAC;AAAA,EACjD,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC,IAAgB,MAAM;AAAA,EAAC;AAC3B,MAAM;AACF,QAAM,EAAE,KAAAC,GAAK,QAAAC,GAAQ,UAAAC,EAAA,IAAaJ;AAElC,SAAOC,EAAc;AAAA,IACjB,QAAAE;AAAA,IACA,WAAWE,EAAiBN,GAAW,4BAA4B;AAAA,IACnE,MAAM,GAAGK,IAAWF;AAAA,EAAA,CACvB;AACL;"}
+{"version":3,"file":"link-component.484bbcf2.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.FC<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":["LinkComponent","className","body","renderDefault","uri","target","protocol","appendClassNames"],"mappings":";AAIA,MAAMA,IAA8C,CAAC;AAAA,EACjD,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC,IAAgB,MAAM;AAAA,EAAC;AAC3B,MAAM;AACF,QAAM,EAAE,KAAAC,GAAK,QAAAC,GAAQ,UAAAC,EAAA,IAAaJ;AAElC,SAAOC,EAAc;AAAA,IACjB,QAAAE;AAAA,IACA,WAAWE,EAAiBN,GAAW,4BAA4B;AAAA,IACnE,MAAM,GAAGK,IAAWF;AAAA,EAAA,CACvB;AACL;"}

package/dist/phone-component.0c878514.js.map

@@ -1 +1 @@
-{"version":3,"file":"phone-component.0c878514.js","sources":["../src/contact-methods/phone/phone-component.tsx"],"sourcesContent":["import { appendClassNames } from '@telia-ace/widget-utilities';\nimport * as React from 'react';\n// import { ContactMethodProps } from '../ui';\ntype ContactMethodProps = any;\nconst PhoneComponent: React.FC<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":["PhoneComponent","className","phoneNumber","renderDefault","appendClassNames"],"mappings":";AAIA,MAAMA,IAA+C,CAAC;AAAA,EAClD,WAAAC;AAAA,EACA,MAAM,EAAE,aAAAC,EAAY;AAAA,EACpB,eAAAC,IAAgB,MAAM;AAAA,EAAC;AAC3B,MACWA,EAAc;AAAA,EACjB,OAAOD;AAAA,EACP,WAAWE,EAAiBH,GAAW,6BAA6B;AAAA,EACpE,MAAM,QAAQC;AAAA,CACjB;"}
+{"version":3,"file":"phone-component.0c878514.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.FC<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":["PhoneComponent","className","phoneNumber","renderDefault","appendClassNames"],"mappings":";AAIA,MAAMA,IAA+C,CAAC;AAAA,EAClD,WAAAC;AAAA,EACA,MAAM,EAAE,aAAAC,EAAY;AAAA,EACpB,eAAAC,IAAgB,MAAM;AAAA,EAAC;AAC3B,MACWA,EAAc;AAAA,EACjB,OAAOD;AAAA,EACP,WAAWE,EAAiBH,GAAW,6BAA6B;AAAA,EACpE,MAAM,QAAQC;AAAA,CACjB;"}