@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.35 → 0.0.1-alpha.39

package/lib/client/http.client.js

@@ -1,113 +1,130 @@
-import { HttpHelper } from '../helper/http.helper';
-import { MiddlewareHelper } from '../helper/middleware.helper';
-import { StoreHelper } from '../helper/store.helper';
-import ChatClient from './chat.client';
-import MiddlewareClient from './middleware.client';
-var HttpClient = /** @class */ (function () {
-    function HttpClient(endpoint, clientId, container) {
-        this.options = {
-            credentials: HttpHelper.getCredentials(),
-            clientId: clientId,
-        };
-        this.apiEndpoint = endpoint;
-        this.projectionPath = window.location.href;
-        this.endpointUrl = HttpHelper.combineUrl(this.projectionPath, 'conversations');
-        this.clientId = this.options.clientId;
-        this.middlewareClient = new MiddlewareClient(container);
-        this.chatClient = new ChatClient(container);
-    }
-    HttpClient.prototype.firstHit = function () {
-        var _this = this;
-        // On first hit if there are entries stored in the storage, use them
-        // Otherwise start a new session
-        MiddlewareHelper.getEntrySessionStorage().then(function (o) {
-            if (o && o.length > 0)
-                _this.chatClient.processMessageArrayAndStoreIt(o);
-            else {
-                var envelope = _this.constructFirstHitEnvelope();
-                _this.postAndHandleTheData(envelope);
-            }
-        });
-    };
-    // for updates, such as paging changes
-    HttpClient.prototype.handleUpdate = function (action) {
-        var envelope = this.constructInputEnvelope(action);
-        this.postAndHandleTheUpdateData(envelope, action);
-        // return this.postAndReturnTheData(envelope, action).then((o) => {
-        //     return o.entries;
-        // });
-    };
-    // for action clicks
-    HttpClient.prototype.handleInput = function (action) {
-        var envelope = this.constructInputEnvelope(action);
-        this.postAndHandleTheData(envelope, action);
-    };
-    // for text entries by user
-    HttpClient.prototype.handlePhrase = function (phrase) {
-        var envelope = this.constructPhraseEnvelope(phrase);
-        this.postAndHandleTheData(envelope);
-    };
-    HttpClient.prototype.postAndHandleTheData = function (envelope, action) {
-        var _this = this;
-        return fetch(this.apiEndpoint, this.getHttpOptions(envelope))
-            .then(function (response) {
-            if (response.ok)
-                return response.json();
-            throw response;
-        })
-            .then(function (data) {
-            _this.handleResponseData(data, action);
-        })
-            .catch(function (err) { return console.log(err); });
-    };
-    HttpClient.prototype.postAndHandleTheUpdateData = function (envelope, action) {
-        var _this = this;
-        return fetch(this.apiEndpoint, this.getHttpOptions(envelope))
-            .then(function (response) {
-            if (response.ok)
-                return response.json();
-            throw response;
-        })
-            .then(function (data) {
-            _this.handleUpdateResponseData(data, action);
-        })
-            .catch(function (err) { return console.log(err); });
-    };
-    HttpClient.prototype.getHttpOptions = function (envelope) {
-        return Object.assign({}, HttpHelper.fetchOptions, {
-            body: JSON.stringify(envelope),
-            credentials: this.options.credentials,
-        });
-    };
-    HttpClient.prototype.constructInputEnvelope = function (action) {
-        return {
-            action: StoreHelper.getAction(action),
-            localState: StoreHelper.getLocalState(action),
-            globalState: StoreHelper.getGlobalState(),
-            clientId: this.clientId,
-        };
-    };
-    HttpClient.prototype.constructPhraseEnvelope = function (phrase) {
-        return {
-            command: { phrase: phrase },
-            globalState: StoreHelper.getGlobalState(),
-            clientId: this.clientId,
-        };
-    };
-    HttpClient.prototype.constructFirstHitEnvelope = function () {
-        return {
-            command: { site: this.endpointUrl },
-            clientId: this.clientId,
-            globalState: {},
-        };
-    };
-    HttpClient.prototype.handleResponseData = function (envelope, action) {
-        StoreHelper.setGlobalState(envelope.globalState);
-        this.middlewareClient.handleEntries(envelope.entries, action);
-    };
-    HttpClient.prototype.handleUpdateResponseData = function (envelope, action) {
-        this.middlewareClient.handleUpdate(envelope.entries, action);
-    };
-    return HttpClient;
-}());
-export { HttpClient };
+import { HttpHelper } from '../helper/http.helper';
+import { MiddlewareHelper } from '../helper/middleware.helper';
+import { StoreHelper } from '../helper/store.helper';
+import ChatClient from './chat.client';
+import MiddlewareClient from './middleware.client';
+var HttpClient = /** @class */ (function () {
+    function HttpClient(endpoint, clientId, container) {
+        this.options = {
+            credentials: HttpHelper.getCredentials(),
+            clientId: clientId,
+        };
+        this.apiEndpoint = endpoint;
+        this.projectionPath = window.location.href;
+        this.endpointUrl = HttpHelper.combineUrl(this.projectionPath, 'conversations');
+        this.clientId = this.options.clientId;
+        this.middlewareClient = new MiddlewareClient(container);
+        this.chatClient = new ChatClient(container);
+    }
+    HttpClient.prototype.firstHit = function () {
+        var _this = this;
+        // On first hit if there are entries stored in the storage, use them
+        // Otherwise start a new session
+        MiddlewareHelper.getEntrySessionStorage().then(function (o) {
+            if (o && o.length > 0)
+                _this.chatClient.processMessageArrayAndStoreIt(o);
+            else {
+                var envelope = _this.constructFirstHitEnvelope();
+                _this.postAndHandleTheData(envelope);
+            }
+        });
+    };
+    // for updates, such as paging changes
+    HttpClient.prototype.handleUpdate = function (action) {
+        var envelope = this.constructInputEnvelope(action);
+        this.postAndHandleTheUpdateData(envelope, action);
+        // return this.postAndReturnTheData(envelope, action).then((o) => {
+        //     return o.entries;
+        // });
+    };
+    // for action clicks
+    HttpClient.prototype.handleInput = function (action) {
+        var envelope = this.constructInputEnvelope(action);
+        this.postAndHandleTheData(envelope, action);
+    };
+    // for category burger
+    HttpClient.prototype.handleCategories = function () {
+        var envelope = this.constructCategoriesEnvelope();
+        this.postAndHandleTheData(envelope);
+    };
+    // for text entries by user
+    HttpClient.prototype.handlePhrase = function (phrase) {
+        var envelope = this.constructPhraseEnvelope(phrase);
+        this.postAndHandleTheData(envelope);
+    };
+    HttpClient.prototype.postAndHandleTheData = function (envelope, action) {
+        var _this = this;
+        return fetch(this.apiEndpoint, this.getHttpOptions(envelope))
+            .then(function (response) {
+            if (response.ok)
+                return response.json();
+            throw response;
+        })
+            .then(function (data) {
+            _this.handleResponseData(data, action);
+        })
+            .catch(function (err) { return console.log(err); });
+    };
+    HttpClient.prototype.postAndHandleTheUpdateData = function (envelope, action) {
+        var _this = this;
+        return fetch(this.apiEndpoint, this.getHttpOptions(envelope))
+            .then(function (response) {
+            if (response.ok)
+                return response.json();
+            throw response;
+        })
+            .then(function (data) {
+            _this.handleUpdateResponseData(data, action);
+        })
+            .catch(function (err) { return console.log(err); });
+    };
+    HttpClient.prototype.getHttpOptions = function (envelope) {
+        return Object.assign({}, HttpHelper.fetchOptions, {
+            body: JSON.stringify(envelope),
+            credentials: this.options.credentials,
+        });
+    };
+    HttpClient.prototype.constructInputEnvelope = function (action) {
+        return {
+            action: StoreHelper.getAction(action),
+            localState: StoreHelper.getLocalState(action),
+            globalState: StoreHelper.getGlobalState(),
+            clientId: this.clientId,
+        };
+    };
+    HttpClient.prototype.constructCategoriesEnvelope = function () {
+        return {
+            action: {
+                content: {
+                    $type: 'Humany.Matching.Bots.Conversations.Actions.BrowseCategories, Humany.Matching',
+                },
+                key: 'browseCategories',
+            },
+            globalState: StoreHelper.getGlobalState(),
+            clientId: this.clientId,
+        };
+    };
+    HttpClient.prototype.constructPhraseEnvelope = function (phrase) {
+        return {
+            command: { phrase: phrase },
+            globalState: StoreHelper.getGlobalState(),
+            clientId: this.clientId,
+        };
+    };
+    HttpClient.prototype.constructFirstHitEnvelope = function () {
+        return {
+            command: { site: this.endpointUrl },
+            clientId: this.clientId,
+            globalState: {},
+        };
+    };
+    HttpClient.prototype.handleResponseData = function (envelope, action) {
+        StoreHelper.setGlobalState(envelope.globalState);
+        this.middlewareClient.handleEntries(envelope.entries, action);
+    };
+    HttpClient.prototype.handleUpdateResponseData = function (envelope, action) {
+        this.middlewareClient.handleUpdate(envelope.entries, action);
+    };
+    return HttpClient;
+}());
+export { HttpClient };

package/lib/client/middleware.client.d.ts

@@ -1,14 +1,14 @@
-import { Container } from '@webprovisions/platform';
-import { ServerEntry } from '../contract/model/http/server-entry.model';
-export default class MiddlewareClient {
-    private paging;
-    private processor;
-    private entryInterface;
-    private chatClient;
-    constructor(container: Container);
-    static initialize(container: any, widget: any): void;
-    handleEntries(entries: ServerEntry[], action?: string): Promise<void>;
-    handleUpdate(entries: ServerEntry[], action?: string): Promise<void>;
-    checkForUpdate(input: string): boolean;
-    private executeMiddlewares;
-}
+import { Container } from '@webprovisions/platform';
+import { ServerEntry } from '../contract/model/http/server-entry.model';
+export default class MiddlewareClient {
+    private paging;
+    private processor;
+    private entryInterface;
+    private chatClient;
+    constructor(container: Container);
+    static initialize(container: any, widget: any): void;
+    handleEntries(entries: ServerEntry[], action?: string): Promise<void>;
+    handleUpdate(entries: ServerEntry[], action?: string): Promise<void>;
+    checkForUpdate(input: string): boolean;
+    private executeMiddlewares;
+}

package/lib/client/middleware.client.js

@@ -1,118 +1,115 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { ChatHelper } from '../helper/chat.helper';
-import { MiddlewareHelper } from '../helper/middleware.helper';
-import { StoreHelper } from '../helper/store.helper';
-import EntryInterface from '../interface/entry.interface';
-import PagingInterface from '../interface/middleware/paging.interface';
-import ProcessorInterface from '../interface/middleware/processor.interface';
-import ChatClient from './chat.client';
-var MiddlewareClient = /** @class */ (function () {
-    function MiddlewareClient(container) {
-        this.paging = new PagingInterface();
-        this.processor = new ProcessorInterface();
-        this.entryInterface = new EntryInterface(container);
-        this.chatClient = new ChatClient(container);
-    }
-    MiddlewareClient.initialize = function (container, widget) {
-        MiddlewareHelper.setContainer(container);
-        MiddlewareHelper.setWidget(widget);
-    };
-    // called on all standard scenarios like actions and user messages
-    MiddlewareClient.prototype.handleEntries = function (entries, action) {
-        return __awaiter(this, void 0, void 0, function () {
-            var widgetEntry, agent, o, messageArray;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        widgetEntry = (entries || []).find(function (e) { return e.type === 'Widget'; });
-                        console.log('widgetentry', widgetEntry);
-                        if (widgetEntry) {
-                            agent = ChatHelper.getAgent();
-                            console.log('current agent', agent);
-                            if (agent) {
-                                agent.update({
-                                    name: 'RockstarBot',
-                                    avatar: '',
-                                });
-                                console.log('asdf', ChatHelper.getAgent());
-                            }
-                        }
-                        o = this.executeMiddlewares(entries, false, action);
-                        return [4 /*yield*/, this.entryInterface.transformArray(o)];
-                    case 1:
-                        messageArray = _a.sent();
-                        this.chatClient.processMessageArrayAndStoreIt(messageArray);
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    // called on situations such as paging changes
-    // when no new entries will be printed
-    MiddlewareClient.prototype.handleUpdate = function (entries, action) {
-        return __awaiter(this, void 0, void 0, function () {
-            var o, messageArray;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        o = this.executeMiddlewares(entries, true, action);
-                        return [4 /*yield*/, this.entryInterface.transformArray(o)];
-                    case 1:
-                        messageArray = _a.sent();
-                        this.chatClient.updateMessageArrayAndStoreIt(messageArray);
-                        return [2 /*return*/];
-                }
-            });
-        });
-    };
-    // checks whether the action was of an update type
-    MiddlewareClient.prototype.checkForUpdate = function (input) {
-        return input === 'next';
-    };
-    MiddlewareClient.prototype.executeMiddlewares = function (entries, isUpdate, action) {
-        if (isUpdate && action)
-            entries = this.processor.processUpdate(StoreHelper.getEntry(action), entries);
-        else {
-            entries = this.processor.process(entries);
-        }
-        entries = this.paging.process(entries);
-        return entries;
-    };
-    return MiddlewareClient;
-}());
-export default MiddlewareClient;
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { ChatHelper } from '../helper/chat.helper';
+import { MiddlewareHelper } from '../helper/middleware.helper';
+import { StoreHelper } from '../helper/store.helper';
+import EntryInterface from '../interface/entry.interface';
+import PagingInterface from '../interface/middleware/paging.interface';
+import ProcessorInterface from '../interface/middleware/processor.interface';
+import ChatClient from './chat.client';
+var MiddlewareClient = /** @class */ (function () {
+    function MiddlewareClient(container) {
+        this.paging = new PagingInterface();
+        this.processor = new ProcessorInterface();
+        this.entryInterface = new EntryInterface(container);
+        this.chatClient = new ChatClient(container);
+    }
+    MiddlewareClient.initialize = function (container, widget) {
+        MiddlewareHelper.setContainer(container);
+        MiddlewareHelper.setWidget(widget);
+    };
+    // called on all standard scenarios like actions and user messages
+    MiddlewareClient.prototype.handleEntries = function (entries, action) {
+        return __awaiter(this, void 0, void 0, function () {
+            var widgetEntry, agent, o, messageArray;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        widgetEntry = (entries || []).find(function (e) { return e.type === 'Widget'; });
+                        if (widgetEntry) {
+                            agent = ChatHelper.getAgent();
+                            if (agent) {
+                                agent.update({
+                                    name: widgetEntry.content.agent.name,
+                                    avatar: widgetEntry.content.agent.avatar,
+                                });
+                            }
+                        }
+                        o = this.executeMiddlewares(entries, false, action);
+                        return [4 /*yield*/, this.entryInterface.transformArray(o)];
+                    case 1:
+                        messageArray = _a.sent();
+                        this.chatClient.processMessageArrayAndStoreIt(messageArray);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    // called on situations such as paging changes
+    // when no new entries will be printed
+    MiddlewareClient.prototype.handleUpdate = function (entries, action) {
+        return __awaiter(this, void 0, void 0, function () {
+            var o, messageArray;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        o = this.executeMiddlewares(entries, true, action);
+                        return [4 /*yield*/, this.entryInterface.transformArray(o)];
+                    case 1:
+                        messageArray = _a.sent();
+                        this.chatClient.updateMessageArrayAndStoreIt(messageArray);
+                        return [2 /*return*/];
+                }
+            });
+        });
+    };
+    // checks whether the action was of an update type
+    MiddlewareClient.prototype.checkForUpdate = function (input) {
+        return input === 'next';
+    };
+    MiddlewareClient.prototype.executeMiddlewares = function (entries, isUpdate, action) {
+        if (isUpdate && action)
+            entries = this.processor.processUpdate(StoreHelper.getEntry(action), entries);
+        else {
+            entries = this.processor.process(entries);
+        }
+        entries = this.paging.process(entries);
+        return entries;
+    };
+    return MiddlewareClient;
+}());
+export default MiddlewareClient;

package/lib/contract/custom-component/contact-method-item.d.ts

@@ -1,8 +1,8 @@
-import React from 'react';
-interface PropsType {
-    contactMethod: any;
-    type: any;
-    className?: any;
-}
-declare const ContactMethodItem: React.FC<PropsType>;
-export default ContactMethodItem;
+import React from 'react';
+interface PropsType {
+    contactMethod: any;
+    type: any;
+    className?: any;
+}
+declare const ContactMethodItem: React.FC<PropsType>;
+export default ContactMethodItem;

package/lib/contract/custom-component/contact-method-item.js

@@ -1,54 +1,54 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __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 { ContactMethod as GenericContactMethod } from '@humany/widget-adapters';
-import { useContainer, useDispatch } from '@humany/widget-ui';
-import React, { useEffect, useState } from 'react';
-var ContactMethodItem = function (props) {
-    var dispatch = useDispatch();
-    var container = useContainer();
-    var _a = __read(useState(props.contactMethod.body), 2), body = _a[0], setBody = _a[1];
-    useEffect(function () {
-        if (!container || !container.get('$widget')) {
-            return;
-        }
-        var events = container.get('$widget').events;
-        events.subscribe('form:validated', function (_event, _data) {
-            // TODO: this is a due to props not being updated when props.contactMethod.body changes
-            // perhaps there is a cleaner way of doing this
-            setBody(props.contactMethod.body);
-        });
-    }, [container]);
-    return (React.createElement(GenericContactMethod, __assign({ className: props.className, onClick: function () {
-            dispatch('action', props.contactMethod.id + "/" + props.type.toString() + "/" + props.contactMethod.title);
-            // dispatch(
-            //   "expand",
-            //   `${props.contactMethod.id}/${props.type.toString()}`
-            // );
-        }, dispatch: dispatch }, props.contactMethod, { body: body, expanded: props.contactMethod.expanded })));
-};
-export default ContactMethodItem;
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __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 { ContactMethod as GenericContactMethod } from '@telia-ace/knowledge-widget-adapters';
+import { useContainer, useDispatch } from '@telia-ace/knowledge-widget-ui';
+import React, { useEffect, useState } from 'react';
+var ContactMethodItem = function (props) {
+    var dispatch = useDispatch();
+    var container = useContainer();
+    var _a = __read(useState(props.contactMethod.body), 2), body = _a[0], setBody = _a[1];
+    useEffect(function () {
+        if (!container || !container.get('$widget')) {
+            return;
+        }
+        var events = container.get('$widget').events;
+        events.subscribe('form:validated', function (_event, _data) {
+            // TODO: this is a due to props not being updated when props.contactMethod.body changes
+            // perhaps there is a cleaner way of doing this
+            setBody(props.contactMethod.body);
+        });
+    }, [container]);
+    return (React.createElement(GenericContactMethod, __assign({ className: props.className, onClick: function () {
+            dispatch('action', "".concat(props.contactMethod.id, "/").concat(props.type.toString(), "/").concat(props.contactMethod.title));
+            // dispatch(
+            //   "expand",
+            //   `${props.contactMethod.id}/${props.type.toString()}`
+            // );
+        }, dispatch: dispatch }, props.contactMethod, { body: body, expanded: props.contactMethod.expanded })));
+};
+export default ContactMethodItem;