@telia-ace/knowledge-widget-adapters 1.0.1

package/lib/contact-methods/ui/form.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var widget_forms_1 = require("@telia-ace/widget-forms");
+var react_1 = __importDefault(require("react"));
+/**
+ * Recursively find form component in schema
+ * @param node Form schema
+ * @param id actionKey of component to find
+ */
+var lookupComponent = function (node, id) {
+    if (node.actionKey === id) {
+        return node;
+    }
+    if (!node.properties) {
+        return null;
+    }
+    var keys = Object.keys(node.properties);
+    var result;
+    // tslint:disable-next-line:no-increment-decrement
+    for (var i = 0; i < keys.length; i++) {
+        result = lookupComponent(node.properties[keys[i]], id);
+        if (result) {
+            return result;
+        }
+    }
+    return false;
+};
+var Form = function (_a) {
+    var className = _a.className, form = _a.body.form, id = _a.id, action = _a.action, dispatch = _a.dispatch, disabled = _a.disabled, autoFocus = _a.autoFocus;
+    if (form && !disabled) {
+        var schema_1 = form.schema, layout_1 = form.layout, data = form.data;
+        var trigger_1 = dispatch || action || (function () { });
+        return (react_1.default.createElement(widget_forms_1.FormComponent, { className: className, schema: schema_1, layout: layout_1, data: data, autoFocus: autoFocus, onChange: function (event, data) {
+                var form = { schema: schema_1, layout: layout_1, data: data };
+                if (event.toString() === 'submit') {
+                    trigger_1('submit', { id: id, form: form });
+                }
+                else {
+                    var formComponent = lookupComponent(schema_1, event);
+                    if (formComponent.evaluate) {
+                        trigger_1('evaluate', { id: id, form: form });
+                    }
+                    else {
+                        trigger_1('validate', { id: id, form: form });
+                    }
+                }
+            } }));
+    }
+    return null;
+};
+exports.default = Form;

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

@@ -0,0 +1,7 @@
+export { default as Confirmation } from './confirmation';
+export { contactItemList, default as ContactList } from './contact-list';
+export { contactLink, default as ContactMethod } from './contact-method';
+export type { ContactMethodType, Props as ContactMethodProps } from './contact-method';
+export { default as Description } from './description';
+export { default as Form } from './form';
+export { default as useContactMethod } from './use-contact-method';

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

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useContactMethod = exports.Form = exports.Description = exports.ContactMethod = exports.contactLink = exports.ContactList = exports.contactItemList = exports.Confirmation = void 0;
+var confirmation_1 = require("./confirmation");
+Object.defineProperty(exports, "Confirmation", { enumerable: true, get: function () { return __importDefault(confirmation_1).default; } });
+var contact_list_1 = require("./contact-list");
+Object.defineProperty(exports, "contactItemList", { enumerable: true, get: function () { return contact_list_1.contactItemList; } });
+Object.defineProperty(exports, "ContactList", { enumerable: true, get: function () { return __importDefault(contact_list_1).default; } });
+var contact_method_1 = require("./contact-method");
+Object.defineProperty(exports, "contactLink", { enumerable: true, get: function () { return contact_method_1.contactLink; } });
+Object.defineProperty(exports, "ContactMethod", { enumerable: true, get: function () { return __importDefault(contact_method_1).default; } });
+var description_1 = require("./description");
+Object.defineProperty(exports, "Description", { enumerable: true, get: function () { return __importDefault(description_1).default; } });
+var form_1 = require("./form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return __importDefault(form_1).default; } });
+var use_contact_method_1 = require("./use-contact-method");
+Object.defineProperty(exports, "useContactMethod", { enumerable: true, get: function () { return __importDefault(use_contact_method_1).default; } });

package/lib/contact-methods/ui/use-contact-method.d.ts

@@ -0,0 +1,2 @@
+declare const useContactMethod: (clientName: string) => any | null;
+export default useContactMethod;

package/lib/contact-methods/ui/use-contact-method.js

@@ -0,0 +1,39 @@
+"use strict";
+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 knowledge_widget_ui_1 = require("@telia-ace/knowledge-widget-ui");
+var react_1 = require("react");
+var useContactMethod = function (clientName) {
+    var _a = __read((0, react_1.useState)(null), 2), component = _a[0], setComponent = _a[1];
+    var container = (0, knowledge_widget_ui_1.useContainer)();
+    (0, react_1.useEffect)(function () {
+        var unsubscribe;
+        container.getAsync('componentResolver').then(function (resolver) {
+            unsubscribe = resolver.registerResolver(clientName, function (component) {
+                return setComponent(component);
+            });
+        });
+        return function () {
+            if (unsubscribe) {
+                unsubscribe();
+            }
+        };
+    }, [clientName]);
+    return component;
+};
+exports.default = useContactMethod;

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

@@ -0,0 +1 @@
+export { default as WebServicePlugin } from './web-service-plugin';

package/lib/contact-methods/web-service/index.js

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

package/lib/contact-methods/web-service/web-service-plugin.d.ts

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

package/lib/contact-methods/web-service/web-service-plugin.js

@@ -0,0 +1,30 @@
+"use strict";
+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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var __1 = require("..");
+function webServicePlugin(container) {
+    container.getAsync('contactMethods').then(function (platform) {
+        platform.create({
+            clientName: 'custom.webservice',
+            render: 'email.form',
+            onValidate: function (contactMethod) { return (0, __1.defaultValidate)(container, contactMethod); },
+            onComplete: function (contactMethod) { return (0, __1.defaultComplete)(container, contactMethod); },
+            onSubmit: function (contactMethod) {
+                return (0, __1.defaultSubmit)(container, contactMethod, function (response) {
+                    return __assign(__assign({}, response), { ConfirmationText: response.ResponseHtml });
+                });
+            },
+        });
+    });
+}
+exports.default = webServicePlugin;

package/lib/create-adapter.d.ts

@@ -0,0 +1,7 @@
+import { Container } from '@webprovisions/platform';
+export declare type Callback = (settings: {
+    [key: string]: any;
+}, data?: {
+    [key: string]: any;
+}) => Promise<string | void> | (string | void);
+export declare const createSubmitAdapter: (container: Container, clientName: string, fn: Callback) => Promise<void>;

package/lib/create-adapter.js

@@ -0,0 +1,43 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSubmitAdapter = void 0;
+var widget_forms_1 = require("@telia-ace/widget-forms");
+var contact_methods_1 = require("./contact-methods");
+var createSubmitAdapter = function (container, clientName, fn) {
+    return container.getAsync('contactMethods').then(function (platform) {
+        platform.create({
+            clientName: clientName,
+            render: 'email.form',
+            handleClick: function () {
+                return function (e, cm) {
+                    var _a = cm.body, form = _a.form, guideId = _a.guideId, confirmationFallback = _a.confirmationFallback, rest = __rest(_a, ["form", "guideId", "confirmationFallback"]);
+                    if (!form) {
+                        e.preventDefault();
+                        fn(rest);
+                    }
+                };
+            },
+            onValidate: function (cm) { return (0, contact_methods_1.defaultValidate)(container, cm); },
+            onComplete: function (cm) { return (0, contact_methods_1.defaultComplete)(container, cm); },
+            onSubmit: function (cm) {
+                var _a = cm.body, form = _a.form, guideId = _a.guideId, confirmationFallback = _a.confirmationFallback, rest = __rest(_a, ["form", "guideId", "confirmationFallback"]);
+                var values = new widget_forms_1.FormReader(form).export().values;
+                return Promise.resolve(fn(rest, values)).then(function (confirmation) {
+                    return confirmation || confirmationFallback;
+                });
+            },
+        });
+    });
+};
+exports.createSubmitAdapter = createSubmitAdapter;

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

@@ -0,0 +1,8 @@
+import { Plugin } from '@telia-ace/knowledge-widget-core';
+import { Container } from '@webprovisions/platform';
+/**
+ * Registers default Humany contact methods.
+ */
+export declare class DefaultContactMethodsPlugin extends Plugin {
+    constructor(container: Container, settings: any);
+}

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

@@ -0,0 +1,42 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultContactMethodsPlugin = void 0;
+var knowledge_widget_core_1 = require("@telia-ace/knowledge-widget-core");
+var _1 = require(".");
+/**
+ * Registers default Humany contact methods.
+ */
+var DefaultContactMethodsPlugin = /** @class */ (function (_super) {
+    __extends(DefaultContactMethodsPlugin, _super);
+    function DefaultContactMethodsPlugin(container, settings) {
+        var _this = _super.call(this, container, settings) || this;
+        var implementation = _this.widget.implementation;
+        implementation.configure(function (config) {
+            config
+                .plugin(_1.EmailFormPlugin)
+                .plugin(_1.ChatPopupPlugin)
+                .plugin(_1.FreeTextPlugin)
+                .plugin(_1.PhonePlugin)
+                .plugin(_1.WebServicePlugin)
+                .plugin(_1.LinkPlugin);
+        });
+        return _this;
+    }
+    return DefaultContactMethodsPlugin;
+}(knowledge_widget_core_1.Plugin));
+exports.DefaultContactMethodsPlugin = DefaultContactMethodsPlugin;

package/lib/index.d.ts

@@ -0,0 +1,5 @@
+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/lib/index.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DefaultContactMethodsPlugin = exports.createSubmitAdapter = exports.WebServicePlugin = exports.useContactMethod = exports.PhonePlugin = exports.LinkPlugin = exports.FreeTextPlugin = exports.EmailFormPlugin = exports.defaultValidate = exports.defaultSubmit = exports.DefaultForm = exports.defaultEvaluate = exports.defaultComplete = exports.ContactMethodPlatform = exports.ContactMethod = exports.ContactList = exports.contactLink = exports.contactItemList = exports.ChatPopupPlugin = void 0;
+var contact_methods_1 = require("./contact-methods");
+Object.defineProperty(exports, "ChatPopupPlugin", { enumerable: true, get: function () { return contact_methods_1.ChatPopupPlugin; } });
+Object.defineProperty(exports, "contactItemList", { enumerable: true, get: function () { return contact_methods_1.contactItemList; } });
+Object.defineProperty(exports, "contactLink", { enumerable: true, get: function () { return contact_methods_1.contactLink; } });
+Object.defineProperty(exports, "ContactList", { enumerable: true, get: function () { return contact_methods_1.ContactList; } });
+Object.defineProperty(exports, "ContactMethod", { enumerable: true, get: function () { return contact_methods_1.ContactMethod; } });
+Object.defineProperty(exports, "ContactMethodPlatform", { enumerable: true, get: function () { return contact_methods_1.ContactMethodPlatform; } });
+Object.defineProperty(exports, "defaultComplete", { enumerable: true, get: function () { return contact_methods_1.defaultComplete; } });
+Object.defineProperty(exports, "defaultEvaluate", { enumerable: true, get: function () { return contact_methods_1.defaultEvaluate; } });
+Object.defineProperty(exports, "DefaultForm", { enumerable: true, get: function () { return contact_methods_1.DefaultForm; } });
+Object.defineProperty(exports, "defaultSubmit", { enumerable: true, get: function () { return contact_methods_1.defaultSubmit; } });
+Object.defineProperty(exports, "defaultValidate", { enumerable: true, get: function () { return contact_methods_1.defaultValidate; } });
+Object.defineProperty(exports, "EmailFormPlugin", { enumerable: true, get: function () { return contact_methods_1.EmailPlugin; } });
+Object.defineProperty(exports, "FreeTextPlugin", { enumerable: true, get: function () { return contact_methods_1.FreeTextPlugin; } });
+Object.defineProperty(exports, "LinkPlugin", { enumerable: true, get: function () { return contact_methods_1.LinkPlugin; } });
+Object.defineProperty(exports, "PhonePlugin", { enumerable: true, get: function () { return contact_methods_1.PhonePlugin; } });
+Object.defineProperty(exports, "useContactMethod", { enumerable: true, get: function () { return contact_methods_1.useContactMethod; } });
+Object.defineProperty(exports, "WebServicePlugin", { enumerable: true, get: function () { return contact_methods_1.WebServicePlugin; } });
+var create_adapter_1 = require("./create-adapter");
+Object.defineProperty(exports, "createSubmitAdapter", { enumerable: true, get: function () { return create_adapter_1.createSubmitAdapter; } });
+var default_contact_methods_plugin_1 = require("./default-contact-methods-plugin");
+Object.defineProperty(exports, "DefaultContactMethodsPlugin", { enumerable: true, get: function () { return default_contact_methods_plugin_1.DefaultContactMethodsPlugin; } });

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

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

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

@@ -0,0 +1,76 @@
+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;
+};
+import { FormReader } from '@telia-ace/widget-forms';
+import { defaultValidate } from '..';
+import { defaultComplete } from '../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 '';
+};
+export default 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 defaultValidate(container, contactMethod); },
+            onComplete: function (contactMethod) { return 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 FormReader(form).export().values;
+                popup(title, rest, formValues);
+                return confirmationFallback;
+            },
+        });
+    });
+}

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

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

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

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

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

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

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

@@ -0,0 +1,33 @@
+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);
+};
+import { genericHtml, headingElement, Html } from '@telia-ace/knowledge-widget-ui';
+import { appendClassNames } from '@telia-ace/widget-utilities';
+import * as React from 'react';
+import styled, { css } from 'styled-components';
+import { Form } from '../ui';
+var StyledHtml = styled(Html)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n\n    ", "\n"], ["\n    ", "\n\n    ", "\n"])), genericHtml, headingElement('h1', 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: appendClassNames(className, 'humany-contact-method-confirmation', 'humany-contact-method-email'), html: confirmation, htmlParseInstruction: htmlParseInstruction }));
+    }
+    if (form && !disabled) {
+        return (React.createElement(Form, __assign({}, props, { className: appendClassNames(className, 'humany-contact-method-email') })));
+    }
+    return renderDefault();
+};
+export default EmailFormComponent;
+var templateObject_1, templateObject_2;

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

@@ -0,0 +1,16 @@
+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-esm/contact-methods/email/email-plugin.js

@@ -0,0 +1,52 @@
+import { FormBuilder, FormReader } from '@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 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,
+            },
+        });
+    });
+};
+export 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;
+    });
+};
+export 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,
+    }); });
+};
+export var evaluate = function (container, contactMethod) {
+    return post(container, contactMethod, true).then(function (result) {
+        return FormBuilder.fromLegacyForm(contactMethod.id, result.ContactMethod.Form).get();
+    });
+};
+export var complete = function (container, contactMethod) {
+    return container.getAsync('matchingClient').then(function (matchingClient) {
+        matchingClient.completeContactMethod(contactMethod.id);
+    });
+};
+export default function emailPlugin(container) {
+    container.getAsync('contactMethods').then(function (platform) {
+        platform.create({
+            clientName: 'email.form',
+            render: import('./email-form-component'),
+            onEvaluate: function (contactMethod) { return evaluate(container, contactMethod); },
+            onValidate: function (contactMethod) { return validate(container, contactMethod); },
+            onSubmit: function (contactMethod) { return submit(container, contactMethod); },
+            onComplete: function (contactMethod) { return complete(container, contactMethod); },
+        });
+    });
+}

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { genericHtml, Html } from '@telia-ace/knowledge-widget-ui';
+import { appendClassNames } from '@telia-ace/widget-utilities';
+import * as React from 'react';
+import styled from 'styled-components';
+import { Description } from '../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: appendClassNames(className, 'humany-contact-method-free-text') },
+        React.createElement(StyledHtml, { html: freetext, htmlParseInstruction: htmlParseInstruction }),
+        description && (React.createElement(Description, { html: description, htmlParseInstruction: htmlParseInstruction }))));
+};
+export default FreeTextComponent;
+var StyledHtml = styled(Html)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    ", ";\n"], ["\n    ", ";\n"])), genericHtml);
+var templateObject_1;

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

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

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

@@ -0,0 +1,8 @@
+export default function freeTextPlugin(container) {
+    container.getAsync('contactMethods').then(function (platform) {
+        platform.create({
+            clientName: 'custom.freetext',
+            render: import('./free-text-component'),
+        });
+    });
+}

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

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

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

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

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

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

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

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

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

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

package/lib-esm/contact-methods/link/index.js

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

package/lib-esm/contact-methods/link/link-component.d.ts

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

package/lib-esm/contact-methods/link/link-component.js

@@ -0,0 +1,11 @@
+import { appendClassNames } from '@telia-ace/widget-utilities';
+var LinkComponent = function (_a) {
+    var className = _a.className, body = _a.body, _b = _a.renderDefault, renderDefault = _b === void 0 ? function () { } : _b;
+    var uri = body.uri, target = body.target, protocol = body.protocol;
+    return renderDefault({
+        target: target,
+        className: appendClassNames(className, 'humany-contact-method-link'),
+        href: "".concat(protocol).concat(uri),
+    });
+};
+export default LinkComponent;

package/lib-esm/contact-methods/link/link-plugin.d.ts

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

package/lib-esm/contact-methods/link/link-plugin.js

@@ -0,0 +1,8 @@
+export default function linkPlugin(container) {
+    container.getAsync('contactMethods').then(function (platform) {
+        platform.create({
+            clientName: 'custom.link',
+            render: import('./link-component'),
+        });
+    });
+}