@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.5 → 0.0.1-alpha.52

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

@@ -0,0 +1,154 @@
+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));
+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 { 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 { 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();
+  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()
+        });
+        setContactMethod(__spreadValues({}, updatedMethod));
+        return;
+      }
+      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(StyledGenericContactMethod, __spreadProps(__spreadValues({}, contactMethod), {
+    body: contactMethod.body,
+    inline: true,
+    expanded: true,
+    dispatch,
+    className
+  }));
+};
+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;
+}};
+`;
+export { ContactMethod as default };
+//# sourceMappingURL=contact-method.js.map

package/dist/contact-method.js.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,72 @@
+import { useDispatch, Icon, List, list, Button, buttonCss, invertedHoverButton } from "@telia-ace/knowledge-widget-ui";
+import React from "react";
+import styled from "styled-components";
+import { m as messageContentPadding } from "./styles.js";
+const FeedbackList = ({ actions }) => {
+  const dispatch = useDispatch();
+  return /* @__PURE__ */ React.createElement(StyledButtonList, {
+    items: actions,
+    "data-direction": "vertical",
+    renderItem: (item) => {
+      return /* @__PURE__ */ React.createElement("li", {
+        key: item.actionKey
+      }, /* @__PURE__ */ React.createElement(FeedbackButton, {
+        className: "humany-feedback-button",
+        disabled: false,
+        "aria-pressed": true,
+        "data-selected": true,
+        onClick: () => {
+          dispatch("action", item.actionKey);
+        }
+      }, /* @__PURE__ */ React.createElement(Icon, {
+        faIcon: item.actionKey == "yes" ? "smile-o" : "frown-o"
+      }), /* @__PURE__ */ React.createElement("span", null, item.label)));
+    }
+  });
+};
+const StyledButtonList = styled(List)`
+    ${list}
+    ${messageContentPadding}
+    display: flex;
+    gap: ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.normal;
+}};
+    flex-direction: ${(p) => p["data-direction"] === "horizontal" ? "row" : "column"};
+    > li {
+        flex: 1;
+        margin: 0;
+    }
+`;
+const FeedbackButton = styled(Button)`
+    ${buttonCss}
+    font-size: ${(p) => {
+  var _a;
+  return (_a = p.theme.fonts) == null ? void 0 : _a.normal;
+}};
+    border-color: ${(p) => {
+  var _a;
+  return (_a = p.theme.colors) == null ? void 0 : _a.primary;
+}};
+    font-weight: 300;
+    display: block;
+    width: 100%;
+
+    ${(p) => {
+  var _a;
+  return invertedHoverButton({
+    primaryColor: `${(_a = p.theme.colors) == null ? void 0 : _a.primary}`,
+    secondaryColor: "#FFFFFF"
+  });
+}}
+    i {
+        margin: 0 ${(p) => {
+  var _a;
+  return (_a = p.theme.sizes) == null ? void 0 : _a.small;
+}} 0 0;
+    }
+    span {
+    }
+`;
+export { FeedbackList as default };
+//# sourceMappingURL=feedback-list.js.map

package/dist/feedback-list.js.map

@@ -0,0 +1 @@
+{"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;

package/dist/index.js

@@ -0,0 +1,6 @@
+export { K as ConversationPlugin } from "./index2.js";
+import "@telia-ace/widget-conversation";
+import "@telia-ace/widget-services";
+import "@telia-ace/widget-utilities";
+import "@telia-ace/widget-forms";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}