@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.3 → 0.0.1-alpha.30

package/lib/client/http.client.js

@@ -1,115 +1,115 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.HttpClient = void 0;
-var http_helper_1 = require("../helper/http.helper");
-var middleware_helper_1 = require("../helper/middleware.helper");
-var store_helper_1 = require("../helper/store.helper");
-var chat_client_1 = __importDefault(require("./chat.client"));
-var middleware_client_1 = __importDefault(require("./middleware.client"));
-var HttpClient = /** @class */ (function () {
-    function HttpClient(endpoint) {
-        this.options = {
-            credentials: http_helper_1.HttpHelper.getCredentials(),
-            clientId: '84d96a63-b8ba-33ec-22d5-515255f866f8',
-        };
-        console.log(endpoint);
-        this.apiEndpoint = endpoint;
-        this.projectionPath = window.location.href;
-        this.endpointUrl = http_helper_1.HttpHelper.combineUrl(this.projectionPath, 'conversations');
-        this.clientId = this.options.clientId;
-        this.middlewareClient = new middleware_client_1.default();
-        this.chatClient = new chat_client_1.default();
-    }
-    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
-        middleware_helper_1.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);
-        return this.postAndReturnTheData(envelope, action).then(function (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.postAndReturnTheData = function (envelope, action) {
-        return fetch(this.apiEndpoint, this.getHttpOptions(envelope))
-            .then(function (response) {
-            if (response.ok)
-                return response.json();
-            throw response;
-        })
-            .then(function (data) {
-            return data;
-        })
-            .catch(function (err) { return console.log(err); });
-    };
-    HttpClient.prototype.getHttpOptions = function (envelope) {
-        return Object.assign({}, http_helper_1.HttpHelper.fetchOptions, {
-            body: JSON.stringify(envelope),
-            credentials: this.options.credentials,
-        });
-    };
-    HttpClient.prototype.constructInputEnvelope = function (action) {
-        return {
-            action: store_helper_1.StoreHelper.getAction(action),
-            localState: store_helper_1.StoreHelper.getLocalState(action),
-            globalState: store_helper_1.StoreHelper.getGlobalState(),
-            clientId: this.clientId,
-        };
-    };
-    HttpClient.prototype.constructPhraseEnvelope = function (phrase) {
-        return {
-            command: { phrase: phrase },
-            globalState: store_helper_1.StoreHelper.getGlobalState(),
-            clientId: this.clientId,
-        };
-    };
-    HttpClient.prototype.constructFirstHitEnvelope = function () {
-        return {
-            command: { site: this.endpointUrl },
-            clientId: this.clientId,
-            globalState: {},
-        };
-    };
-    HttpClient.prototype.handleResponseData = function (envelope, action) {
-        store_helper_1.StoreHelper.setGlobalState(envelope.globalState);
-        this.middlewareClient.handleEntries(envelope.entries, action);
-    };
-    return HttpClient;
-}());
-exports.HttpClient = 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();
+                var response = _this.postAndHandleTheData(envelope);
+                console.log('response from first hit', response);
+            }
+        });
+    };
+    // 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);
+            return data;
+        })
+            .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 };

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

@@ -1,13 +1,14 @@
-import { ServerEntry } from '../contract/model/http/server-entry.model';
-export default class MiddlewareClient {
-    private paging;
-    private processor;
-    private entryInterface;
-    private chatClient;
-    constructor();
-    static initialize(container: any, widget: any): void;
-    handleEntries(entries: ServerEntry[], action?: string): void;
-    handleUpdate(input: string, endpoint: string): 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,60 +1,104 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var middleware_helper_1 = require("../helper/middleware.helper");
-var store_helper_1 = require("../helper/store.helper");
-var entry_interface_1 = __importDefault(require("../interface/entry.interface"));
-// import ContactExpandedInterface from "../interface/middleware/contact-expanded.interface";
-// import ContactInterface from "../interface/middleware/legacy-contact-methods.interface";
-var paging_interface_1 = __importDefault(require("../interface/middleware/paging.interface"));
-var processor_interface_1 = __importDefault(require("../interface/middleware/processor.interface"));
-var chat_client_1 = __importDefault(require("./chat.client"));
-var http_client_1 = require("./http.client");
-var MiddlewareClient = /** @class */ (function () {
-    function MiddlewareClient() {
-        // this.contactExpanded = new ContactExpandedInterface();
-        // this.legacyContact = new ContactInterface();
-        this.paging = new paging_interface_1.default();
-        this.processor = new processor_interface_1.default();
-        this.entryInterface = new entry_interface_1.default();
-        this.chatClient = new chat_client_1.default();
-    }
-    MiddlewareClient.initialize = function (container, widget) {
-        middleware_helper_1.MiddlewareHelper.setContainer(container);
-        middleware_helper_1.MiddlewareHelper.setWidget(widget);
-    };
-    // called on all standart scenarios like actions and user messages
-    MiddlewareClient.prototype.handleEntries = function (entries, action) {
-        var o = this.executeMiddlewares(entries, false, action);
-        var messageArray = this.entryInterface.transformArray(o);
-        this.chatClient.processMessageArrayAndStoreIt(messageArray);
-    };
-    // called on situations such as paging changes
-    // when no new entries will be printed
-    MiddlewareClient.prototype.handleUpdate = function (input, endpoint) {
-        var _this = this;
-        var httpClient = new http_client_1.HttpClient(endpoint);
-        httpClient.handleUpdate(input).then(function (entries) {
-            var o = _this.executeMiddlewares(entries, true, input);
-            var messageArray = _this.entryInterface.transformArray(o);
-            _this.chatClient.updateMessageArrayAndStoreIt(messageArray);
-        });
-    };
-    // 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(store_helper_1.StoreHelper.getEntry(action), entries);
-        else {
-            entries = this.processor.process(entries);
-        }
-        entries = this.paging.process(entries);
-        return entries;
-    };
-    return MiddlewareClient;
-}());
-exports.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 { 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 standart scenarios like actions and user messages
+    MiddlewareClient.prototype.handleEntries = 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, 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,76 +1,54 @@
-"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);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __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_adapters_1 = require("@telia-ace/knowledge-widget-adapters");
-var widget_ui_1 = require("@telia-ace/widget-ui");
-var react_1 = __importStar(require("react"));
-var ContactMethodItem = function (props) {
-    var dispatch = (0, widget_ui_1.useDispatch)();
-    var container = (0, widget_ui_1.useContainer)();
-    var _a = __read((0, react_1.useState)(props.contactMethod.body), 2), body = _a[0], setBody = _a[1];
-    (0, react_1.useEffect)(function () {
-        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_1.default.createElement(knowledge_widget_adapters_1.ContactMethod, __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 })));
-};
-exports.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 '@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;

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

@@ -1,7 +1,7 @@
-import React from 'react';
-interface PropsType {
-    contactMethodList: any;
-    type: any;
-}
-declare const ContactMethodList: React.FC<PropsType>;
-export default ContactMethodList;
+import React from 'react';
+interface PropsType {
+    contactMethodList: any;
+    type: any;
+}
+declare const ContactMethodList: React.FC<PropsType>;
+export default ContactMethodList;