@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.50 → 0.0.1-alpha.53

package/dist/contact-method-list.js

@@ -0,0 +1,111 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { ContactList, ContactMethod as ContactMethod$1 } from "@telia-ace/knowledge-widget-adapters";
+import { useDispatch, useContainer } from "@telia-ace/knowledge-widget-ui";
+import React, { useState, useMemo } from "react";
+import styled from "styled-components";
+import ContactMethod from "./contact-method.js";
+import "@telia-ace/knowledge-widget-types-grid";
+import "@telia-ace/widget-forms";
+import "./index2.js";
+import "@telia-ace/widget-conversation";
+import "@telia-ace/widget-services";
+import "@telia-ace/widget-utilities";
+const ContactMethodList = ({ actions, entryId, groupId }) => {
+  const dispatch = useDispatch();
+  const container = useContainer();
+  const [expanded, setExpanded] = useState([]);
+  const items = useMemo(() => {
+    return actions.map((action) => {
+      return __spreadProps(__spreadValues({}, action.data), {
+        onClick: (_event, data) => {
+          if (data.inline && !data.expanded) {
+            setExpanded([...expanded, data.id]);
+          } else {
+            const { events } = container.get("$widget");
+            events.dispatch("provider:open-contact-method", {
+              entryId,
+              contactMethod: data,
+              actionKey: action.actionKey
+            });
+          }
+        }
+      });
+    });
+  }, [actions, container, entryId, expanded]);
+  if (!items.length) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement(StyledContactList, {
+    contactMethods: items,
+    dispatch,
+    itemRenderer: (cm, props) => {
+      const isExpanded = expanded.includes(cm.id) || cm.expanded;
+      if (isExpanded && cm.inline) {
+        return /* @__PURE__ */ React.createElement(StyledContactMethod, {
+          contactMethodId: cm.id,
+          groupId,
+          guideId: cm.body.guideId
+        });
+      }
+      return /* @__PURE__ */ React.createElement(StyledGenericContactMethod, __spreadValues(__spreadValues({}, cm), props));
+    }
+  });
+};
+const StyledContactList = styled(ContactList)`
+    > ul > li {
+        a {
+            display: flex;
+            align-items: center;
+        }
+
+        &:not(:last-child) {
+            ${(p) => p.theme.border && `border-bottom: ${p.theme.border};`}
+        }
+    }
+`;
+const StyledContactMethod = styled(ContactMethod)`
+    i {
+        margin: 0 ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.medium;
+}} 0 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+`;
+const StyledGenericContactMethod = styled(ContactMethod$1)`
+    padding: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.medium;
+}};
+    i {
+        margin: 0 ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.medium;
+}} 0 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+`;
+export { ContactMethodList as default };
+//# sourceMappingURL=contact-method-list.js.map

package/dist/contact-method-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-method-list.js","sources":["../src/ui/contact-method-list.tsx"],"sourcesContent":["import {\r\n    ContactList,\r\n    ContactMethod as GenericContactMethod,\r\n} from '@telia-ace/knowledge-widget-adapters';\r\nimport { useContainer, useDispatch } from '@telia-ace/knowledge-widget-ui';\r\nimport React, { useMemo, useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport { ActionItem } from '../types';\r\nimport ContactMethod from './contact-method';\r\n\r\ntype Props = {\r\n    actions: ActionItem[];\r\n    contactMethodIds?: string[];\r\n    entryId: string;\r\n    groupId: string;\r\n};\r\nconst ContactMethodList: React.FC<Props> = ({ actions, entryId, groupId }) => {\r\n    const dispatch = useDispatch();\r\n    const container = useContainer();\r\n    const [expanded, setExpanded] = useState<string[]>([]);\r\n\r\n    const items = useMemo<any[]>(() => {\r\n        return actions.map((action) => {\r\n            return {\r\n                ...action.data,\r\n                onClick: (_event: any, data: any) => {\r\n                    if (data.inline && !data.expanded) {\r\n                        setExpanded([...expanded, data.id]);\r\n                    } else {\r\n                        const { events } = container.get('$widget');\r\n                        events.dispatch('provider:open-contact-method', {\r\n                            entryId,\r\n                            contactMethod: data,\r\n                            actionKey: action.actionKey,\r\n                        });\r\n                    }\r\n                },\r\n            };\r\n        });\r\n    }, [actions, container, entryId, expanded]);\r\n\r\n    if (!items.length) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <StyledContactList\r\n            contactMethods={items}\r\n            dispatch={dispatch}\r\n            itemRenderer={(cm: any, props: any) => {\r\n                const isExpanded = expanded.includes(cm.id) || cm.expanded;\r\n                if (isExpanded && cm.inline) {\r\n                    return (\r\n                        <StyledContactMethod\r\n                            contactMethodId={cm.id}\r\n                            groupId={groupId}\r\n                            guideId={cm.body.guideId}\r\n                        />\r\n                    );\r\n                }\r\n                return <StyledGenericContactMethod {...cm} {...props} />;\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nexport default ContactMethodList;\r\n\r\nconst StyledContactList = styled(ContactList)`\r\n    > ul > li {\r\n        a {\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        &:not(:last-child) {\r\n            ${(p) => p.theme.border && `border-bottom: ${p.theme.border};`}\r\n        }\r\n    }\r\n`;\r\n\r\nconst StyledContactMethod = styled(ContactMethod)`\r\n    i {\r\n        margin: 0 ${(p) => p.theme.sizes?.medium} 0 0;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n`;\r\nconst StyledGenericContactMethod = styled(GenericContactMethod)`\r\n    padding: ${(p) => p.theme.sizes?.medium};\r\n    i {\r\n        margin: 0 ${(p) => p.theme.sizes?.medium} 0 0;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n`;\r\n"],"names":["GenericContactMethod"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,oBAAqC,CAAC,EAAE,SAAS,SAAS,cAAc;AAC1E,QAAM,WAAW;AACjB,QAAM,YAAY;AAClB,QAAM,CAAC,UAAU,eAAe,SAAmB,CAAE,CAAA;AAE/C,QAAA,QAAQ,QAAe,MAAM;AACxB,WAAA,QAAQ,IAAI,CAAC,WAAW;AACpB,aAAA,iCACA,OAAO,OADP;AAAA,QAEH,SAAS,CAAC,QAAa,SAAc;AACjC,cAAI,KAAK,UAAU,CAAC,KAAK,UAAU;AAC/B,wBAAY,CAAC,GAAG,UAAU,KAAK,EAAE,CAAC;AAAA,UAAA,OAC/B;AACH,kBAAM,EAAE,WAAW,UAAU,IAAI,SAAS;AAC1C,mBAAO,SAAS,gCAAgC;AAAA,cAC5C;AAAA,cACA,eAAe;AAAA,cACf,WAAW,OAAO;AAAA,YAAA,CACrB;AAAA,UACL;AAAA,QACJ;AAAA,MAAA;AAAA,IACJ,CACH;AAAA,KACF,CAAC,SAAS,WAAW,SAAS,QAAQ,CAAC;AAEtC,MAAA,CAAC,MAAM,QAAQ;AACR,WAAA;AAAA,EACX;AAEA,SACK,sBAAA,cAAA,mBAAA;AAAA,IACG,gBAAgB;AAAA,IAChB;AAAA,IACA,cAAc,CAAC,IAAS,UAAe;AACnC,YAAM,aAAa,SAAS,SAAS,GAAG,EAAE,KAAK,GAAG;AAC9C,UAAA,cAAc,GAAG,QAAQ;AACzB,eACK,sBAAA,cAAA,qBAAA;AAAA,UACG,iBAAiB,GAAG;AAAA,UACpB;AAAA,UACA,SAAS,GAAG,KAAK;AAAA,QAAA,CACrB;AAAA,MAER;AACA,aAAQ,sBAAA,cAAA,4BAAA,kCAA+B,KAAQ,MAAO;AAAA,IAC1D;AAAA,EAAA,CACJ;AAER;AAIA,MAAM,oBAAoB,OAAO,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAQ9B,CAAC,MAAM,EAAE,MAAM,UAAU,kBAAkB,EAAE,MAAM;AAAA;AAAA;AAAA;AAKjE,MAAM,sBAAsB,OAAO,aAAa;AAAA;AAAA,oBAE5B,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAM1C,MAAM,6BAA6B,OAAOA,eAAoB;AAAA,eAC/C,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA,oBAEjB,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;"}

package/dist/contact-method.js

@@ -17,94 +17,136 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { ContactMethod as ContactMethod$1 } from "@telia-ace/knowledge-widget-adapters";
 import { DataType } from "@telia-ace/knowledge-widget-types-grid";
-import React, { createContext, useContext, Fragment } from "react";
+import { useContainer, useDispatch } from "@telia-ace/knowledge-widget-ui";
+import { FormBuilder } from "@telia-ace/widget-forms";
+import React, { useState, useRef, useEffect, useCallback } from "react";
 import styled from "styled-components";
-import { ContactMethod as ContactMethod$1 } from "@telia-ace/knowledge-widget-adapters";
-import { useDispatch } from "@telia-ace/knowledge-widget-ui";
-const EntryContext = createContext({
-  entryId: null
-});
-const ContactMethodItem = ({ contactMethod, className, entry, embeded }) => {
-  console.log(embeded, !embeded && contactMethod.inline);
+import { u as updateForm } from "./index2.js";
+import "@telia-ace/widget-conversation";
+import "@telia-ace/widget-services";
+import "@telia-ace/widget-utilities";
+const ContactMethod = ({ contactMethodId, guideId, groupId, className }) => {
+  const [contactMethod, setContactMethod] = useState();
+  const container = useContainer();
   const dispatch = useDispatch();
-  let entryId;
-  if (!!entry) {
-    entryId = entry.entryId;
-  } else {
-    entryId = useContext(EntryContext).entryId;
-  }
-  return /* @__PURE__ */ React.createElement(ContactMethod$1, __spreadProps(__spreadValues({
-    className,
-    onClick: (event) => {
-      if (embeded || contactMethod.inline) {
-        event.preventDefault();
-        dispatch("expand", {
-          entryId,
-          contactMethodId: contactMethod.id
+  const mountedRef = useRef(true);
+  useEffect(() => {
+    const { events } = container.get("$widget");
+    const unsubscribe = events.subscribe("bot-provider:form-submitted", (_, data) => __async(this, null, function* () {
+      var _a;
+      if (((_a = data.form.meta) == null ? void 0 : _a.groupId) !== groupId) {
+        return;
+      }
+      const platform = yield container.getAsync("contactMethods");
+      const updatedMethod = __spreadProps(__spreadValues({}, contactMethod), {
+        body: __spreadProps(__spreadValues({}, contactMethod.body), {
+          form: data.form
+        })
+      });
+      const { errors, valid, errorTypes } = yield platform.validate(updatedMethod);
+      if (!valid) {
+        const builder = new FormBuilder(contactMethod.body.form);
+        setContactMethod(void 0);
+        builder.setValidationErrors(errors);
+        updatedMethod.body = __spreadProps(__spreadValues({}, updatedMethod.body), {
+          form: builder.get()
         });
-      } else {
-        dispatch("action", `${contactMethod.id}/contact-methods/${contactMethod.title}`);
+        setContactMethod(__spreadValues({}, updatedMethod));
+        return;
       }
-    },
-    dispatch
-  }, contactMethod), {
-    inline: true
-  }));
-};
-const ContactMethodList = (props) => {
-  return /* @__PURE__ */ React.createElement(Fragment, null, props.contactMethodList.map((contactMethod) => /* @__PURE__ */ React.createElement(StyledContactMethod, {
-    embeded: props.embeded,
-    key: contactMethod.id,
-    type: props.type,
-    contactMethod,
-    expanded: !!contactMethod.executeImmediately || void 0
-  })));
-};
-const StyledContactMethod = styled(ContactMethodItem)`
-    border-bottom: 1px solid rgb(239, 239, 239);
-    padding: ${(p) => {
-  var _a;
-  return (_a = p.theme.sizes) == null ? void 0 : _a.medium;
-}};
-
-    &:last-child {
-        border-bottom: none;
-    }
-`;
-const ContactMethod = (props) => {
-  var _a, _b;
-  let type;
-  let methodList;
-  if (props.contactMethods && ((_a = props.contactMethods.contactMethods) == null ? void 0 : _a.length) > 0) {
-    type = DataType.ContactMethods;
-    methodList = props.contactMethods.contactMethods;
-  } else if (props.contactMethods.categories && ((_b = props.contactMethods.categories) == null ? void 0 : _b.length) > 0) {
-    type = DataType.ContactMethodCategories;
-    methodList = props.contactMethods.categories.filter((o) => o.matches > 0);
-  } else {
-    type = DataType.ContactMethod;
-    methodList = props.contactMethods;
-  }
-  if (!methodList.length) {
-    return /* @__PURE__ */ React.createElement(StyledContactMethodItem, {
-      embeded: !!props.guideId,
-      type,
-      contactMethod: methodList,
-      entry: props.entry
+      const result = yield platform.submit(updatedMethod);
+      updatedMethod.confirmation = result;
+      setContactMethod(updatedMethod);
+    }));
+    const unsubscribeEvaluate = events.subscribe("bot-provider:evaluate", (_, data) => __async(this, null, function* () {
+      if (data.id != contactMethodId) {
+        return;
+      }
+      const platform = yield container.getAsync("contactMethods");
+      const updatedForm = yield platform.evaluate(contactMethod);
+      let updatedMethod = __spreadProps(__spreadValues({}, contactMethod), {
+        body: __spreadProps(__spreadValues({}, contactMethod.body), {
+          form: updatedForm
+        })
+      });
+      const updatedBody = updateForm(updatedMethod, {
+        submit: "Submit",
+        errors: {},
+        meta: { groupId }
+      });
+      updatedMethod = __spreadProps(__spreadValues({}, updatedMethod), {
+        body: updatedBody
+      });
+      setContactMethod(updatedMethod);
+    }));
+    return () => {
+      unsubscribe();
+      unsubscribeEvaluate();
+    };
+  }, [container, contactMethod, setContactMethod]);
+  const fetchContactMethod = useCallback((id) => __async(this, null, function* () {
+    const dataClient = yield container.getAsync("dataClient");
+    const cm = yield dataClient.fetch(DataType.ContactMethod, {
+      contactMethodId: id,
+      guideId
+    });
+    const body = updateForm(cm, {
+      submit: "Submit",
+      errors: {},
+      meta: { groupId }
     });
+    cm.body = body;
+    cm.body.guideId = guideId;
+    if (!mountedRef.current) {
+      return null;
+    }
+    setContactMethod(cm);
+  }), [mountedRef]);
+  useEffect(() => {
+    fetchContactMethod(contactMethodId);
+    return () => {
+      mountedRef.current = false;
+    };
+  }, [contactMethodId, fetchContactMethod]);
+  if (!contactMethod) {
+    return null;
   }
-  return /* @__PURE__ */ React.createElement(EntryContext.Provider, {
-    value: props.entry
-  }, /* @__PURE__ */ React.createElement(ContactMethodList, {
-    embeded: !!props.guideId,
-    type,
-    contactMethodList: methodList
+  return /* @__PURE__ */ React.createElement(StyledGenericContactMethod, __spreadProps(__spreadValues({}, contactMethod), {
+    body: contactMethod.body,
+    inline: true,
+    expanded: true,
+    dispatch,
+    className
   }));
 };
-const StyledContactMethodItem = styled(ContactMethodItem)`
+const StyledGenericContactMethod = styled(ContactMethod$1)`
     padding: ${(p) => {
   var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.normal;
+}} ${(p) => {
+  var _a;
   return (_a = p.theme.sizes) == null ? void 0 : _a.medium;
 }};
 `;

package/dist/contact-method.js.map

@@ -1 +1 @@
-{"version":3,"file":"contact-method.js","sources":["../src/contract/custom-component/entry-context.tsx","../src/contract/custom-component/contact-method-item.tsx","../src/contract/custom-component/contact-method-list.tsx","../src/contract/custom-component/contact-method.tsx"],"sourcesContent":["import { createContext } from 'react';\r\n\r\nexport type IEntryContext = {\r\n    entryId: string | null;\r\n};\r\n\r\nexport const EntryContext = createContext<IEntryContext>({\r\n    entryId: null,\r\n});\r\n","import { ContactMethod as GenericContactMethod } from '@telia-ace/knowledge-widget-adapters';\r\nimport { useDispatch } from '@telia-ace/knowledge-widget-ui';\r\nimport React, { useContext } from 'react';\r\nimport { EntryContext } from './entry-context';\r\n\r\ninterface PropsType {\r\n    contactMethod: any;\r\n    type: any;\r\n    expanded?: boolean;\r\n    className?: any;\r\n    entry?: any;\r\n    embeded: boolean;\r\n}\r\n\r\nconst ContactMethodItem: React.FC<PropsType> = ({ contactMethod, className, entry, embeded }) => {\r\n    console.log(embeded, !embeded && contactMethod.inline);\r\n    const dispatch = useDispatch();\r\n    let entryId: string | null;\r\n    if (!!entry) {\r\n        entryId = entry.entryId;\r\n    } else {\r\n        entryId = useContext(EntryContext).entryId;\r\n    }\r\n\r\n    return (\r\n        <GenericContactMethod\r\n            className={className}\r\n            onClick={(event: React.MouseEvent) => {\r\n                if (embeded || contactMethod.inline) {\r\n                    // preventing default to use a custom expand action\r\n                    event.preventDefault();\r\n                    dispatch('expand', {\r\n                        entryId,\r\n                        contactMethodId: contactMethod.id,\r\n                    });\r\n                } else {\r\n                    dispatch(\r\n                        'action',\r\n                        `${contactMethod.id}/contact-methods/${contactMethod.title}`\r\n                    );\r\n                }\r\n            }}\r\n            dispatch={dispatch}\r\n            {...contactMethod}\r\n            inline={true}\r\n        />\r\n    );\r\n};\r\n\r\nexport default ContactMethodItem;\r\n","import React, { Fragment } from 'react';\r\nimport styled from 'styled-components';\r\nimport ContactMethodItem from './contact-method-item';\r\n\r\ninterface PropsType {\r\n    embeded: boolean;\r\n    contactMethodList: any;\r\n    type: any;\r\n}\r\n\r\nconst ContactMethodList: React.FC<PropsType> = (props: PropsType) => {\r\n    return (\r\n        <Fragment>\r\n            {props.contactMethodList.map((contactMethod: any) => (\r\n                <StyledContactMethod\r\n                    embeded={props.embeded}\r\n                    key={contactMethod.id}\r\n                    type={props.type}\r\n                    contactMethod={contactMethod}\r\n                    expanded={!!contactMethod.executeImmediately || undefined}\r\n                />\r\n            ))}\r\n        </Fragment>\r\n    );\r\n};\r\n\r\nconst StyledContactMethod = styled(ContactMethodItem)`\r\n    border-bottom: 1px solid rgb(239, 239, 239);\r\n    padding: ${(p) => p.theme.sizes?.medium};\r\n\r\n    &:last-child {\r\n        border-bottom: none;\r\n    }\r\n`;\r\n\r\nexport default ContactMethodList;\r\n","import { DataType } from '@telia-ace/knowledge-widget-types-grid';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport ContactMethodItem from './contact-method-item';\r\nimport ContactMethodList from './contact-method-list';\r\nimport { EntryContext } from './entry-context';\r\nconst ContactMethod: React.FC = (props: any) => {\r\n    let type;\r\n    let methodList;\r\n\r\n    if (props.contactMethods && props.contactMethods.contactMethods?.length > 0) {\r\n        type = DataType.ContactMethods;\r\n        methodList = props.contactMethods.contactMethods;\r\n    } else if (props.contactMethods.categories && props.contactMethods.categories?.length > 0) {\r\n        type = DataType.ContactMethodCategories;\r\n        methodList = props.contactMethods.categories.filter((o: any) => o.matches > 0);\r\n    } else {\r\n        type = DataType.ContactMethod;\r\n        methodList = props.contactMethods;\r\n    }\r\n\r\n    if (!methodList.length) {\r\n        return (\r\n            <StyledContactMethodItem\r\n                embeded={!!props.guideId}\r\n                type={type}\r\n                contactMethod={methodList}\r\n                entry={props.entry}\r\n            />\r\n        );\r\n    }\r\n\r\n    return (\r\n        <EntryContext.Provider value={props.entry}>\r\n            <ContactMethodList\r\n                embeded={!!props.guideId}\r\n                type={type}\r\n                contactMethodList={methodList}\r\n            />\r\n        </EntryContext.Provider>\r\n    );\r\n};\r\n\r\nconst StyledContactMethodItem = styled(ContactMethodItem)`\r\n    padding: ${(p) => p.theme.sizes?.medium};\r\n`;\r\n\r\nexport default ContactMethod;\r\n"],"names":["GenericContactMethod"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMO,MAAM,eAAe,cAA6B;AAAA,EACrD,SAAS;AACb,CAAC;ACMD,MAAM,oBAAyC,CAAC,EAAE,eAAe,WAAW,OAAO,cAAc;AAC7F,UAAQ,IAAI,SAAS,CAAC,WAAW,cAAc,MAAM;AACrD,QAAM,WAAW;AACb,MAAA;AACA,MAAA,CAAC,CAAC,OAAO;AACT,cAAU,MAAM;AAAA,EAAA,OACb;AACO,cAAA,WAAW,YAAY,EAAE;AAAA,EACvC;AAEA,SACK,sBAAA,cAAAA,iBAAA;AAAA,IACG;AAAA,IACA,SAAS,CAAC,UAA4B;AAC9B,UAAA,WAAW,cAAc,QAAQ;AAEjC,cAAM,eAAe;AACrB,iBAAS,UAAU;AAAA,UACf;AAAA,UACA,iBAAiB,cAAc;AAAA,QAAA,CAClC;AAAA,MAAA,OACE;AACH,iBACI,UACA,GAAG,cAAc,sBAAsB,cAAc,OACzD;AAAA,MACJ;AAAA,IACJ;AAAA,IACA;AAAA,KACI,gBAlBP;AAAA,IAmBG,QAAQ;AAAA,EAAA,EACZ;AAER;ACrCA,MAAM,oBAAyC,CAAC,UAAqB;AACjE,6CACK,UACI,MAAA,MAAM,kBAAkB,IAAI,CAAC,kBACzB,sBAAA,cAAA,qBAAA;AAAA,IACG,SAAS,MAAM;AAAA,IACf,KAAK,cAAc;AAAA,IACnB,MAAM,MAAM;AAAA,IACZ;AAAA,IACA,UAAU,CAAC,CAAC,cAAc,sBAAsB;AAAA,EACpD,CAAA,CACH,CACL;AAER;AAEA,MAAM,sBAAsB,OAAO,iBAAiB;AAAA;AAAA,eAErC,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACtB/B,MAAA,gBAA0B,CAAC,UAAe;;AACxC,MAAA;AACA,MAAA;AAEJ,MAAI,MAAM,kBAAkB,aAAM,eAAe,mBAArB,mBAAqC,UAAS,GAAG;AACzE,WAAO,SAAS;AAChB,iBAAa,MAAM,eAAe;AAAA,EAAA,WAC3B,MAAM,eAAe,cAAc,aAAM,eAAe,eAArB,mBAAiC,UAAS,GAAG;AACvF,WAAO,SAAS;AACH,iBAAA,MAAM,eAAe,WAAW,OAAO,CAAC,MAAW,EAAE,UAAU,CAAC;AAAA,EAAA,OAC1E;AACH,WAAO,SAAS;AAChB,iBAAa,MAAM;AAAA,EACvB;AAEI,MAAA,CAAC,WAAW,QAAQ;AACpB,WACK,sBAAA,cAAA,yBAAA;AAAA,MACG,SAAS,CAAC,CAAC,MAAM;AAAA,MACjB;AAAA,MACA,eAAe;AAAA,MACf,OAAO,MAAM;AAAA,IAAA,CACjB;AAAA,EAER;AAGI,SAAA,sBAAA,cAAC,aAAa,UAAb;AAAA,IAAsB,OAAO,MAAM;AAAA,EAAA,GAC/B,sBAAA,cAAA,mBAAA;AAAA,IACG,SAAS,CAAC,CAAC,MAAM;AAAA,IACjB;AAAA,IACA,mBAAmB;AAAA,EACvB,CAAA,CACJ;AAER;AAEA,MAAM,0BAA0B,OAAO,iBAAiB;AAAA,eACzC,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;;"}
+{"version":3,"file":"contact-method.js","sources":["../src/ui/contact-method.tsx"],"sourcesContent":["import {\r\n    ContactMethod as GenericContactMethod,\r\n    ContactMethodPlatform,\r\n} from '@telia-ace/knowledge-widget-adapters';\r\nimport { DataType } from '@telia-ace/knowledge-widget-types-grid';\r\nimport { useContainer, useDispatch } from '@telia-ace/knowledge-widget-ui';\r\nimport { FormBuilder } from '@telia-ace/widget-forms';\r\nimport { Widget } from '@webprovisions/platform';\r\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\r\nimport styled from 'styled-components';\r\nimport { updateForm } from '../utils';\r\n\r\ntype Props = {\r\n    contactMethodId: string;\r\n    groupId: string;\r\n    guideId?: string;\r\n    className?: string;\r\n};\r\nconst ContactMethod: React.FC<Props> = ({ contactMethodId, guideId, groupId, className }) => {\r\n    const [contactMethod, setContactMethod] = useState<any>();\r\n    const container = useContainer();\r\n    const dispatch = useDispatch();\r\n    const mountedRef = useRef<boolean>(true);\r\n\r\n    useEffect(() => {\r\n        const { events } = container.get('$widget') as Widget;\r\n\r\n        const unsubscribe = events.subscribe('bot-provider:form-submitted', async (_, data) => {\r\n            // making sure that this is the form that is submitted\r\n            if (data.form.meta?.groupId !== groupId) {\r\n                return;\r\n            }\r\n\r\n            const platform = (await container.getAsync('contactMethods')) as ContactMethodPlatform;\r\n\r\n            const updatedMethod = {\r\n                ...contactMethod,\r\n                body: {\r\n                    ...contactMethod.body,\r\n                    form: data.form,\r\n                },\r\n            };\r\n\r\n            const { errors, valid, errorTypes } = await platform.validate(updatedMethod);\r\n\r\n            if (!valid) {\r\n                const builder = new FormBuilder(contactMethod.body.form);\r\n                setContactMethod(undefined);\r\n\r\n                builder.setValidationErrors(errors);\r\n\r\n                updatedMethod.body = {\r\n                    ...updatedMethod.body,\r\n                    form: builder.get(),\r\n                };\r\n\r\n                setContactMethod({ ...updatedMethod });\r\n                return;\r\n            }\r\n\r\n            const result = await platform.submit(updatedMethod);\r\n\r\n            updatedMethod.confirmation = result;\r\n            setContactMethod(updatedMethod);\r\n        });\r\n\r\n        const unsubscribeEvaluate = events.subscribe('bot-provider:evaluate', async (_, data) => {\r\n            if (data.id != contactMethodId) {\r\n                return;\r\n            }\r\n\r\n            const platform = (await container.getAsync('contactMethods')) as ContactMethodPlatform;\r\n\r\n            const updatedForm = await platform.evaluate(contactMethod);\r\n\r\n            let updatedMethod = {\r\n                ...contactMethod,\r\n                body: {\r\n                    ...contactMethod.body,\r\n                    form: updatedForm,\r\n                },\r\n            };\r\n\r\n            const updatedBody = updateForm(updatedMethod, {\r\n                submit: 'Submit',\r\n                errors: {},\r\n                meta: { groupId },\r\n            });\r\n\r\n            updatedMethod = {\r\n                ...updatedMethod,\r\n                body: updatedBody,\r\n            };\r\n\r\n            setContactMethod(updatedMethod);\r\n        });\r\n\r\n        return () => {\r\n            unsubscribe();\r\n            unsubscribeEvaluate();\r\n        };\r\n    }, [container, contactMethod, setContactMethod]);\r\n\r\n    const fetchContactMethod = useCallback(\r\n        async (id: string) => {\r\n            const dataClient = await container.getAsync('dataClient');\r\n\r\n            const cm = await dataClient.fetch(DataType.ContactMethod, {\r\n                contactMethodId: id,\r\n                guideId,\r\n            });\r\n\r\n            const body = updateForm(cm, {\r\n                submit: 'Submit',\r\n                errors: {},\r\n                meta: { groupId },\r\n            });\r\n            cm.body = body;\r\n            cm.body.guideId = guideId;\r\n\r\n            if (!mountedRef.current) {\r\n                return null;\r\n            }\r\n            setContactMethod(cm);\r\n        },\r\n        [mountedRef]\r\n    );\r\n\r\n    useEffect(() => {\r\n        fetchContactMethod(contactMethodId);\r\n        return () => {\r\n            mountedRef.current = false; // clean up\r\n        };\r\n    }, [contactMethodId, fetchContactMethod]);\r\n\r\n    if (!contactMethod) {\r\n        return null;\r\n    }\r\n    return (\r\n        <StyledGenericContactMethod\r\n            {...contactMethod}\r\n            body={contactMethod.body}\r\n            inline={true}\r\n            expanded={true}\r\n            dispatch={dispatch}\r\n            className={className}\r\n        />\r\n    );\r\n};\r\n\r\nexport default ContactMethod;\r\n\r\nconst StyledGenericContactMethod = styled(GenericContactMethod)`\r\n    padding: ${(p) => p.theme.sizes?.normal} ${(p) => p.theme.sizes?.medium};\r\n`;\r\n"],"names":["GenericContactMethod"],"mappings":"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"}

package/dist/entry-handler.d.ts

@@ -0,0 +1,2 @@
+import { MessageGroup, ServerEntry } from './types';
+export declare const processEntries: (entries: ServerEntry[], prevGroup?: MessageGroup | undefined) => Promise<MessageGroup[]>;

package/dist/feedback-list.js

@@ -1,24 +1,20 @@
-import { useDispatch, Icon, List, invertedHoverButton } from "@telia-ace/knowledge-widget-ui";
+import { useDispatch, Icon, List, list, Button, buttonCss, invertedHoverButton } from "@telia-ace/knowledge-widget-ui";
 import React from "react";
-import styled, { css } from "styled-components";
+import styled from "styled-components";
+import { m as messageContentPadding } from "./styles.js";
 const FeedbackList = ({ actions }) => {
   const dispatch = useDispatch();
   return /* @__PURE__ */ React.createElement(StyledButtonList, {
-    items: Object.keys(actions).map((i) => {
-      return {
-        label: actions[i],
-        actionKey: i
-      };
-    }),
+    items: actions,
+    "data-direction": "vertical",
     renderItem: (item) => {
-      return /* @__PURE__ */ React.createElement(FeedbackItem, {
+      return /* @__PURE__ */ React.createElement("li", {
         key: item.actionKey
       }, /* @__PURE__ */ React.createElement(FeedbackButton, {
         className: "humany-feedback-button",
         disabled: false,
         "aria-pressed": true,
         "data-selected": true,
-        "data-direction": "vertical",
         onClick: () => {
           dispatch("action", item.actionKey);
         }
@@ -29,39 +25,21 @@ const FeedbackList = ({ actions }) => {
   });
 };
 const StyledButtonList = styled(List)`
-    padding: 0 ${(p) => {
-  var _a;
-  return (_a = p.theme.sizes) == null ? void 0 : _a.medium;
-}};
-    list-style: none;
-    > li {
-        margin: ${(p) => {
-  var _a;
-  return (_a = p.theme.sizes) == null ? void 0 : _a.small;
-}} ${(p) => {
+    ${list}
+    ${messageContentPadding}
+    display: flex;
+    gap: ${(p) => {
   var _a;
   return (_a = p.theme.sizes) == null ? void 0 : _a.normal;
 }};
-        margin-left: 0;
-        display: inline-block;
-    }
-`;
-const FeedbackItem = styled.li`
-    @media (min-width: 768px) {
-        display: list-item !important;
-        margin-right: 0 !important;
-        margin-top: ${(p) => {
-  var _a;
-  return (_a = p.theme.sizes) == null ? void 0 : _a.normal;
-}} !important;
+    flex-direction: ${(p) => p["data-direction"] === "horizontal" ? "row" : "column"};
+    > li {
+        flex: 1;
+        margin: 0;
     }
 `;
-const FeedbackButton = styled.button`
-    @media (min-width: 768px) {
-        min-width: 100%;
-        margin-right: 0;
-    }
-    display: inline-block;
+const FeedbackButton = styled(Button)`
+    ${buttonCss}
     font-size: ${(p) => {
   var _a;
   return (_a = p.theme.fonts) == null ? void 0 : _a.normal;
@@ -69,25 +47,12 @@ const FeedbackButton = styled.button`
     border-color: ${(p) => {
   var _a;
   return (_a = p.theme.colors) == null ? void 0 : _a.primary;
-}} !important;
-    font-weight: 300;
-    && {
-        margin-right: ${(p) => {
-  var _a;
-  return (_a = p.theme.sizes) == null ? void 0 : _a.small;
 }};
-    }
+    font-weight: 300;
+    display: block;
+    width: 100%;
+
     ${(p) => {
-  var _a, _b;
-  return p["data-direction"] === "horizontal" && css`
-            width: 225px;
-            max-width: calc(50% - ${(_a = p.theme.sizes) == null ? void 0 : _a.large} - ${(_b = p.theme.sizes) == null ? void 0 : _b.small});
-        `;
-}}
-    ${(p) => p["data-direction"] === "vertical" && css`
-            min-width: 150px;
-        `}
-  ${(p) => {
   var _a;
   return invertedHoverButton({
     primaryColor: `${(_a = p.theme.colors) == null ? void 0 : _a.primary}`,

package/dist/feedback-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"feedback-list.js","sources":["../src/ui/feedback-list.tsx"],"sourcesContent":["import { Icon, invertedHoverButton, List, useDispatch } from '@telia-ace/knowledge-widget-ui';\r\nimport React from 'react';\r\nimport styled, { css } from 'styled-components';\r\n\r\ntype Props = {\r\n    actions: { [key: string]: string };\r\n};\r\nconst FeedbackList: React.FC<Props> = ({ actions }) => {\r\n    const dispatch = useDispatch();\r\n    return (\r\n        <StyledButtonList\r\n            items={Object.keys(actions).map((i: any) => {\r\n                return {\r\n                    label: actions[i],\r\n                    actionKey: i,\r\n                };\r\n            })}\r\n            renderItem={(item: any) => {\r\n                return (\r\n                    <FeedbackItem key={item.actionKey}>\r\n                        <FeedbackButton\r\n                            className=\"humany-feedback-button\"\r\n                            disabled={false}\r\n                            aria-pressed={true}\r\n                            data-selected={true}\r\n                            data-direction={'vertical'}\r\n                            onClick={() => {\r\n                                dispatch('action', item.actionKey);\r\n                            }}\r\n                        >\r\n                            <Icon faIcon={item.actionKey == 'yes' ? 'smile-o' : 'frown-o'} />\r\n                            <span>{item.label}</span>\r\n                        </FeedbackButton>\r\n                    </FeedbackItem>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nexport default FeedbackList;\r\n\r\nconst StyledButtonList = styled(List as any)`\r\n    padding: 0 ${(p) => p.theme.sizes?.medium};\r\n    list-style: none;\r\n    > li {\r\n        margin: ${(p) => p.theme.sizes?.small} ${(p) => p.theme.sizes?.normal};\r\n        margin-left: 0;\r\n        display: inline-block;\r\n    }\r\n`;\r\n\r\nconst FeedbackItem = styled.li`\r\n    @media (min-width: 768px) {\r\n        display: list-item !important;\r\n        margin-right: 0 !important;\r\n        margin-top: ${(p) => p.theme.sizes?.normal} !important;\r\n    }\r\n`;\r\n\r\nconst FeedbackButton = styled.button<{\r\n    'data-selected': boolean;\r\n    'data-direction': 'horizontal' | 'vertical';\r\n}>`\r\n    @media (min-width: 768px) {\r\n        min-width: 100%;\r\n        margin-right: 0;\r\n    }\r\n    display: inline-block;\r\n    font-size: ${(p) => p.theme.fonts?.normal};\r\n    border-color: ${(p) => p.theme.colors?.primary} !important;\r\n    font-weight: 300;\r\n    && {\r\n        margin-right: ${(p) => p.theme.sizes?.small};\r\n    }\r\n    ${(p) =>\r\n        p['data-direction'] === 'horizontal' &&\r\n        css`\r\n            width: 225px;\r\n            max-width: calc(50% - ${p.theme.sizes?.large} - ${p.theme.sizes?.small});\r\n        `}\r\n    ${(p) =>\r\n        p['data-direction'] === 'vertical' &&\r\n        css`\r\n            min-width: 150px;\r\n        `}\r\n  ${(p) =>\r\n        invertedHoverButton({\r\n            primaryColor: `${p.theme.colors?.primary}`,\r\n            secondaryColor: '#FFFFFF',\r\n        })}\r\n    i {\r\n        margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\r\n    }\r\n    span {\r\n    }\r\n`;\r\n"],"names":[],"mappings":";;;AAOM,MAAA,eAAgC,CAAC,EAAE,cAAc;AACnD,QAAM,WAAW;AACjB,SACK,sBAAA,cAAA,kBAAA;AAAA,IACG,OAAO,OAAO,KAAK,OAAO,EAAE,IAAI,CAAC,MAAW;AACjC,aAAA;AAAA,QACH,OAAO,QAAQ;AAAA,QACf,WAAW;AAAA,MAAA;AAAA,IACf,CACH;AAAA,IACD,YAAY,CAAC,SAAc;AACvB,aACK,sBAAA,cAAA,cAAA;AAAA,QAAa,KAAK,KAAK;AAAA,MAAA,GACnB,sBAAA,cAAA,gBAAA;AAAA,QACG,WAAU;AAAA,QACV,UAAU;AAAA,QACV,gBAAc;AAAA,QACd,iBAAe;AAAA,QACf,kBAAgB;AAAA,QAChB,SAAS,MAAM;AACF,mBAAA,UAAU,KAAK,SAAS;AAAA,QACrC;AAAA,MAAA,GAEC,sBAAA,cAAA,MAAA;AAAA,QAAK,QAAQ,KAAK,aAAa,QAAQ,YAAY;AAAA,MAAA,CAAW,GAC9D,sBAAA,cAAA,QAAA,MAAM,KAAK,KAAM,CACtB,CACJ;AAAA,IAER;AAAA,EAAA,CACJ;AAER;AAIA,MAAM,mBAAmB,OAAO,IAAW;AAAA,iBAC1B,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA,kBAGrB,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA,KAAS,CAAC,MAAA;;AAAM,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAMvE,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIN,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAI5C,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBASb,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA,oBACnB,CAAC,MAAM;;AAAA,iBAAE,MAAM,WAAR,mBAAgB;AAAA;AAAA;AAAA;AAAA,wBAGnB,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA,MAExC,CAAC,MAAA;;AACC,WAAE,sBAAsB,gBACxB;AAAA;AAAA,oCAE4B,QAAE,MAAM,UAAR,mBAAe,WAAW,QAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA,MAEvE,CAAC,MACC,EAAE,sBAAsB,cACxB;AAAA;AAAA;AAAA,IAGJ,CAAC;;AACG,6BAAoB;AAAA,IAChB,cAAc,GAAG,QAAE,MAAM,WAAR,mBAAgB;AAAA,IACjC,gBAAgB;AAAA,EACpB,CAAC;AAAA;AAAA;AAAA,oBAEW,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;;"}
+{"version":3,"file":"feedback-list.js","sources":["../src/ui/feedback-list.tsx"],"sourcesContent":["import {\r\n    Button,\r\n    buttonCss,\r\n    Icon,\r\n    invertedHoverButton,\r\n    list,\r\n    List,\r\n    useDispatch,\r\n} from '@telia-ace/knowledge-widget-ui';\r\nimport React from 'react';\r\nimport styled from 'styled-components';\r\nimport { messageContentPadding } from './styles';\r\n\r\ntype Props = {\r\n    actions: { [key: string]: string }[];\r\n};\r\nconst FeedbackList: React.FC<Props> = ({ actions }) => {\r\n    const dispatch = useDispatch();\r\n    return (\r\n        <StyledButtonList\r\n            items={actions}\r\n            data-direction={'vertical'}\r\n            renderItem={(item: any) => {\r\n                return (\r\n                    <li key={item.actionKey}>\r\n                        <FeedbackButton\r\n                            className=\"humany-feedback-button\"\r\n                            disabled={false}\r\n                            aria-pressed={true}\r\n                            data-selected={true}\r\n                            onClick={() => {\r\n                                dispatch('action', item.actionKey);\r\n                            }}\r\n                        >\r\n                            <Icon faIcon={item.actionKey == 'yes' ? 'smile-o' : 'frown-o'} />\r\n                            <span>{item.label}</span>\r\n                        </FeedbackButton>\r\n                    </li>\r\n                );\r\n            }}\r\n        />\r\n    );\r\n};\r\n\r\nexport default FeedbackList;\r\n\r\nconst StyledButtonList = styled(List)<{ 'data-direction': 'horizontal' | 'vertical' } & any>`\r\n    ${list}\r\n    ${messageContentPadding}\r\n    display: flex;\r\n    gap: ${(p) => p.theme.sizes?.normal};\r\n    flex-direction: ${(p) => (p['data-direction'] === 'horizontal' ? 'row' : 'column')};\r\n    > li {\r\n        flex: 1;\r\n        margin: 0;\r\n    }\r\n`;\r\n\r\nconst FeedbackButton = styled(Button)<{\r\n    'data-selected': boolean;\r\n}>`\r\n    ${buttonCss}\r\n    font-size: ${(p) => p.theme.fonts?.normal};\r\n    border-color: ${(p) => p.theme.colors?.primary};\r\n    font-weight: 300;\r\n    display: block;\r\n    width: 100%;\r\n\r\n    ${(p) =>\r\n        invertedHoverButton({\r\n            primaryColor: `${p.theme.colors?.primary}`,\r\n            secondaryColor: '#FFFFFF',\r\n        })}\r\n    i {\r\n        margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\r\n    }\r\n    span {\r\n    }\r\n`;\r\n"],"names":[],"mappings":";;;;AAgBM,MAAA,eAAgC,CAAC,EAAE,cAAc;AACnD,QAAM,WAAW;AACjB,SACK,sBAAA,cAAA,kBAAA;AAAA,IACG,OAAO;AAAA,IACP,kBAAgB;AAAA,IAChB,YAAY,CAAC,SAAc;AACvB,aACK,sBAAA,cAAA,MAAA;AAAA,QAAG,KAAK,KAAK;AAAA,MAAA,GACT,sBAAA,cAAA,gBAAA;AAAA,QACG,WAAU;AAAA,QACV,UAAU;AAAA,QACV,gBAAc;AAAA,QACd,iBAAe;AAAA,QACf,SAAS,MAAM;AACF,mBAAA,UAAU,KAAK,SAAS;AAAA,QACrC;AAAA,MAAA,GAEC,sBAAA,cAAA,MAAA;AAAA,QAAK,QAAQ,KAAK,aAAa,QAAQ,YAAY;AAAA,MAAA,CAAW,GAC9D,sBAAA,cAAA,QAAA,MAAM,KAAK,KAAM,CACtB,CACJ;AAAA,IAER;AAAA,EAAA,CACJ;AAER;AAIA,MAAM,mBAAmB,OAAO,IAAI;AAAA,MAC9B;AAAA,MACA;AAAA;AAAA,WAEK,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA,sBACX,CAAC,MAAO,EAAE,sBAAsB,eAAe,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAO7E,MAAM,iBAAiB,OAAO,MAAM;AAAA,MAG9B;AAAA,iBACW,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA,oBACnB,CAAC,MAAM;;AAAA,iBAAE,MAAM,WAAR,mBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAKrC,CAAC;;AACC,6BAAoB;AAAA,IAChB,cAAc,GAAG,QAAE,MAAM,WAAR,mBAAgB;AAAA,IACjC,gBAAgB;AAAA,EACpB,CAAC;AAAA;AAAA;AAAA,oBAEW,CAAC,MAAM;;AAAA,iBAAE,MAAM,UAAR,mBAAe;AAAA;AAAA;AAAA;AAAA;AAAA;;"}

package/dist/http-client.d.ts

@@ -0,0 +1,42 @@
+import { Container, EventManager } from '@webprovisions/platform';
+import Store from './store';
+import { MessageGroup } from './types';
+declare class HttpClient {
+    private endpoint;
+    private events;
+    private store;
+    private container;
+    private globalState;
+    private clientId;
+    private entries;
+    constructor(endpoint: string, events: EventManager, store: Store, container: Container);
+    start(): Promise<MessageGroup[]>;
+    sendMessage(message: string): Promise<MessageGroup[]>;
+    helpAction(): Promise<MessageGroup[]>;
+    nextAction(group: MessageGroup): Promise<{
+        meta: {
+            [x: string]: any;
+        };
+        items: {
+            message: any[];
+            id: string;
+            groupId: string;
+            isUser: boolean;
+        }[];
+        id: string;
+        isUser: boolean;
+        writer?: any;
+    } | undefined>;
+    showContactMethodAction(data: {
+        contactMethod: any;
+        actionKey: string;
+        entryId: string;
+    }): Promise<MessageGroup[] | undefined>;
+    defaultAction(action: string): Promise<MessageGroup[] | undefined>;
+    private createInitialEnvelope;
+    private postEnvelope;
+    private handleResponse;
+    private getHttpOptions;
+    private getEntryOfAction;
+}
+export default HttpClient;