@telia-ace/knowledge-widget-bot-provider 0.0.1-alpha.61 → 0.0.1-alpha.63

package/LICENSE.txt

@@ -1,6 +1,6 @@
-Copyright © 2021, Telia Company AB. All rights reserved.
-
-THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
-THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
-AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
+Copyright © 2021, Telia Company AB. All rights reserved.
+
+THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
+THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
+AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
 http://www.humany.com/legal

package/README.md

@@ -1,12 +1,12 @@
-# `@telia-ace/knowledge-widget-bot-provider`
-
-Provider for the ACE Knowledge chat bot.
-
-For this provider to work, the "chat.bot" provider must be registered in the widget config file.
-
-In addition, these plugins are also required:
-WidgetHeaderComponent
-AreaComponent
-ConversationComponent
-DefaultContactMethodsPlugin
-ConversationPlugin
+# `@telia-ace/knowledge-widget-bot-provider`
+
+Provider for the ACE Knowledge chat bot.
+
+For this provider to work, the "chat.bot" provider must be registered in the widget config file.
+
+In addition, these plugins are also required:
+WidgetHeaderComponent
+AreaComponent
+ConversationComponent
+DefaultContactMethodsPlugin
+ConversationPlugin

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

@@ -0,0 +1,88 @@
+var y = Object.defineProperty, C = Object.defineProperties;
+var M = Object.getOwnPropertyDescriptors;
+var p = Object.getOwnPropertySymbols;
+var $ = Object.prototype.hasOwnProperty, E = Object.prototype.propertyIsEnumerable;
+var u = (t, e, n) => e in t ? y(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, d = (t, e) => {
+  for (var n in e || (e = {}))
+    $.call(e, n) && u(t, n, e[n]);
+  if (p)
+    for (var n of p(e))
+      E.call(e, n) && u(t, n, e[n]);
+  return t;
+}, h = (t, e) => C(t, M(e));
+import { ContactList as b, ContactMethod as S } from "@telia-ace/knowledge-widget-adapters";
+import { useDispatch as v, useContainer as z } from "@telia-ace/knowledge-widget-ui";
+import s, { useState as L, useMemo as j } from "react";
+import c from "styled-components";
+import I from "./contact-method.fb45a5e2.js";
+import "@telia-ace/knowledge-widget-types-grid";
+import "@telia-ace/widget-forms";
+import "./index.76a36f22.js";
+import "@telia-ace/widget-conversation";
+import "@telia-ace/widget-services";
+import "@telia-ace/widget-utilities";
+const P = ({ actions: t, entryId: e, groupId: n }) => {
+  const f = v(), a = z(), [r, g] = L([]), m = j(() => t.map((o) => h(d({}, o.data), {
+    onClick: (l, i) => {
+      if (i.inline && !i.expanded)
+        g([...r, i.id]);
+      else {
+        const { events: x } = a.get("$widget");
+        x.dispatch("provider:open-contact-method", {
+          entryId: e,
+          contactMethod: i,
+          actionKey: o.actionKey
+        });
+      }
+    }
+  })), [t, a, e, r]);
+  return m.length ? /* @__PURE__ */ s.createElement(K, {
+    contactMethods: m,
+    dispatch: f,
+    itemRenderer: (o, l) => (r.includes(o.id) || o.expanded) && o.inline ? /* @__PURE__ */ s.createElement(R, {
+      contactMethodId: o.id,
+      groupId: n,
+      guideId: o.body.guideId
+    }) : /* @__PURE__ */ s.createElement(k, d(d({}, o), l))
+  }) : null;
+}, K = c(b)`
+    > ul > li {
+        a {
+            display: flex;
+            align-items: center;
+            outline-offset: -2px;
+        }
+
+        &:not(:last-child) {
+            ${(t) => t.theme.border && `border-bottom: ${t.theme.border};`}
+        }
+    }
+`, R = c(I)`
+    i {
+        margin: 0 ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.medium;
+}} 0 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+`, k = c(S)`
+    padding: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.medium;
+}};
+    i {
+        margin: 0 ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.medium;
+}} 0 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+`;
+export {
+  P as default
+};
+//# sourceMappingURL=contact-method-list.d45b8f36.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contact-method-list.d45b8f36.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            outline-offset: -2px;\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":["ContactMethodList","actions","entryId","groupId","dispatch","useDispatch","container","useContainer","expanded","setExpanded","useState","items","useMemo","action","__spreadProps","__spreadValues","_event","data","events","React","StyledContactList","cm","props","StyledContactMethod","StyledGenericContactMethod","styled","ContactList","p","ContactMethod","_a","GenericContactMethod"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAAqC,CAAC,EAAE,SAAAC,GAAS,SAAAC,GAAS,SAAAC,QAAc;AAC1E,QAAMC,IAAWC,KACXC,IAAYC,KACZ,CAACC,GAAUC,CAAW,IAAIC,EAAmB,CAAE,CAAA,GAE/CC,IAAQC,EAAe,MAClBX,EAAQ,IAAI,CAACY,MACTC,EAAAC,EAAA,IACAF,EAAO,OADP;AAAA,IAEH,SAAS,CAACG,GAAaC,MAAc;AACjC,UAAIA,EAAK,UAAU,CAACA,EAAK;AACrB,QAAAR,EAAY,CAAC,GAAGD,GAAUS,EAAK,EAAE,CAAC;AAAA,WAC/B;AACH,cAAM,EAAE,QAAAC,EAAW,IAAAZ,EAAU,IAAI,SAAS;AAC1C,QAAAY,EAAO,SAAS,gCAAgC;AAAA,UAC5C,SAAAhB;AAAA,UACA,eAAee;AAAA,UACf,WAAWJ,EAAO;AAAA,QAAA,CACrB;AAAA,MACL;AAAA,IACJ;AAAA,EAAA,EAEP,GACF,CAACZ,GAASK,GAAWJ,GAASM,CAAQ,CAAC;AAEtC,SAACG,EAAM,SAKN,gBAAAQ,EAAA,cAAAC,GAAA;AAAA,IACG,gBAAgBT;AAAA,IAChB,UAAAP;AAAA,IACA,cAAc,CAACiB,GAASC,OACDd,EAAS,SAASa,EAAG,EAAE,KAAKA,EAAG,aAChCA,EAAG,SAEZ,gBAAAF,EAAA,cAAAI,GAAA;AAAA,MACG,iBAAiBF,EAAG;AAAA,MACpB,SAAAlB;AAAA,MACA,SAASkB,EAAG,KAAK;AAAA,IAAA,CACrB,IAGA,gBAAAF,EAAA,cAAAK,GAAAT,IAAA,IAA+BM,IAAQC,EAAO;AAAA,EAC1D,CACJ,IApBO;AAsBf,GAIMF,IAAoBK,EAAOC,CAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAS9B,CAACC,MAAMA,EAAE,MAAM,UAAU,kBAAkBA,EAAE,MAAM;AAAA;AAAA;AAAA,GAK3DJ,IAAsBE,EAAOG,CAAa;AAAA;AAAA,oBAE5B,CAACD,MAAM;;AAAA,UAAAE,IAAAF,EAAE,MAAM,UAAR,gBAAAE,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAMpCL,IAA6BC,EAAOK,CAAoB;AAAA,eAC/C,CAACH,MAAM;;AAAA,UAAAE,IAAAF,EAAE,MAAM,UAAR,gBAAAE,EAAe;AAAA;AAAA;AAAA,oBAEjB,CAACF,MAAM;;AAAA,UAAAE,IAAAF,EAAE,MAAM,UAAR,gBAAAE,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/contact-method.fb45a5e2.js

@@ -0,0 +1,119 @@
+var x = Object.defineProperty, z = Object.defineProperties;
+var B = Object.getOwnPropertyDescriptors;
+var S = Object.getOwnPropertySymbols;
+var D = Object.prototype.hasOwnProperty, T = Object.prototype.propertyIsEnumerable;
+var $ = (e, t, o) => t in e ? x(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, s = (e, t) => {
+  for (var o in t || (t = {}))
+    D.call(t, o) && $(e, o, t[o]);
+  if (S)
+    for (var o of S(t))
+      T.call(t, o) && $(e, o, t[o]);
+  return e;
+}, c = (e, t) => z(e, B(t));
+var y = (e, t, o) => new Promise((h, r) => {
+  var i = (a) => {
+    try {
+      f(o.next(a));
+    } catch (m) {
+      r(m);
+    }
+  }, d = (a) => {
+    try {
+      f(o.throw(a));
+    } catch (m) {
+      r(m);
+    }
+  }, f = (a) => a.done ? h(a.value) : Promise.resolve(a.value).then(i, d);
+  f((o = o.apply(e, t)).next());
+});
+import { ContactMethod as _ } from "@telia-ace/knowledge-widget-adapters";
+import { DataType as k } from "@telia-ace/knowledge-widget-types-grid";
+import { useContainer as G, useDispatch as V } from "@telia-ace/knowledge-widget-ui";
+import { FormBuilder as j } from "@telia-ace/widget-forms";
+import q, { useState as H, useRef as J, useEffect as A, useCallback as K } from "react";
+import L from "styled-components";
+import { u as F } from "./index.76a36f22.js";
+import "@telia-ace/widget-conversation";
+import "@telia-ace/widget-services";
+import "@telia-ace/widget-utilities";
+const rt = ({ contactMethodId: e, guideId: t, groupId: o, className: h }) => {
+  const [r, i] = H(), d = G(), f = V(), a = J(!0);
+  A(() => {
+    const { events: p } = d.get("$widget"), w = p.subscribe("bot-provider:form-submitted", (C, l) => y(void 0, null, function* () {
+      var g;
+      if (((g = l.form.meta) == null ? void 0 : g.groupId) !== o || l.id !== r.id)
+        return;
+      const M = yield d.getAsync("contactMethods"), n = c(s({}, r), {
+        body: c(s({}, r.body), {
+          form: l.form
+        })
+      }), { errors: b, valid: v, errorTypes: O } = yield M.validate(n);
+      if (!v) {
+        const E = new j(r.body.form);
+        i(void 0), E.setValidationErrors(b), n.body = c(s({}, n.body), {
+          form: E.get()
+        }), i(s({}, n));
+        return;
+      }
+      const R = yield M.submit(n);
+      n.confirmation = R, i(n);
+    })), u = p.subscribe("bot-provider:evaluate", (C, l) => y(void 0, null, function* () {
+      if (l.id != e)
+        return;
+      const n = yield (yield d.getAsync("contactMethods")).evaluate(r);
+      let b = c(s({}, r), {
+        body: c(s({}, r.body), {
+          form: n
+        })
+      });
+      const v = F(b, {
+        submit: "Submit",
+        errors: {},
+        meta: { groupId: o }
+      });
+      b = c(s({}, b), {
+        body: v
+      }), i(b);
+    }));
+    return () => {
+      w(), u();
+    };
+  }, [d, r, i]);
+  const m = K(
+    (p) => y(void 0, null, function* () {
+      const u = yield (yield d.getAsync("dataClient")).fetch(k.ContactMethod, {
+        contactMethodId: p,
+        guideId: t
+      }), C = F(u, {
+        submit: "Submit",
+        errors: {},
+        meta: { groupId: o }
+      });
+      if (u.body = C, u.body.guideId = t, !a.current)
+        return null;
+      i(u);
+    }),
+    [a]
+  );
+  return A(() => (m(e), () => {
+    a.current = !1;
+  }), [e, m]), r ? /* @__PURE__ */ q.createElement(N, c(s({}, r), {
+    body: r.body,
+    inline: !0,
+    expanded: !0,
+    dispatch: f,
+    className: h
+  })) : null;
+}, N = L(_)`
+    padding: ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.normal;
+}} ${(e) => {
+  var t;
+  return (t = e.theme.sizes) == null ? void 0 : t.medium;
+}};
+`;
+export {
+  rt as default
+};
+//# sourceMappingURL=contact-method.fb45a5e2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contact-method.fb45a5e2.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 || data.id !== contactMethod.id) {\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":["ContactMethod","contactMethodId","guideId","groupId","className","contactMethod","setContactMethod","useState","container","useContainer","dispatch","useDispatch","mountedRef","useRef","useEffect","events","unsubscribe","_","data","__async","_a","platform","updatedMethod","__spreadProps","__spreadValues","errors","valid","errorTypes","builder","FormBuilder","result","unsubscribeEvaluate","updatedForm","updatedBody","updateForm","fetchContactMethod","useCallback","id","cm","DataType","body","React","StyledGenericContactMethod","styled","GenericContactMethod","p"],"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) => Promise<MessageGroup[]>;

package/dist/feedback-list.29c075b4.js

@@ -0,0 +1,70 @@
+import { useDispatch as n, Icon as s, List as i, list as l, Button as c, buttonCss as m, invertedHoverButton as d } from "@telia-ace/knowledge-widget-ui";
+import o from "react";
+import r from "styled-components";
+import { m as p } from "./styles.6c010dfc.js";
+const F = ({ actions: t }) => {
+  const e = n();
+  return /* @__PURE__ */ o.createElement(f, {
+    items: t,
+    "data-direction": "vertical",
+    renderItem: (a) => /* @__PURE__ */ o.createElement("li", {
+      key: a.actionKey
+    }, /* @__PURE__ */ o.createElement(u, {
+      className: "humany-feedback-button",
+      disabled: !1,
+      "aria-pressed": !0,
+      "data-selected": !0,
+      onClick: () => {
+        e("action", a.actionKey);
+      }
+    }, /* @__PURE__ */ o.createElement(s, {
+      faIcon: a.actionKey == "yes" ? "smile-o" : "frown-o"
+    }), /* @__PURE__ */ o.createElement("span", null, a.label)))
+  });
+}, f = r(i)`
+    ${l}
+    ${p}
+    display: flex;
+    gap: ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.normal;
+}};
+    flex-direction: ${(t) => t["data-direction"] === "horizontal" ? "row" : "column"};
+    > li {
+        flex: 1;
+        margin: 0;
+    }
+`, u = r(c)`
+    ${m}
+    font-size: ${(t) => {
+  var e;
+  return (e = t.theme.fonts) == null ? void 0 : e.normal;
+}};
+    border-color: ${(t) => {
+  var e;
+  return (e = t.theme.colors) == null ? void 0 : e.primary;
+}};
+    font-weight: 300;
+    display: block;
+    width: 100%;
+
+    ${(t) => {
+  var e;
+  return d({
+    primaryColor: `${(e = t.theme.colors) == null ? void 0 : e.primary}`,
+    secondaryColor: "#FFFFFF"
+  });
+}}
+    i {
+        margin: 0 ${(t) => {
+  var e;
+  return (e = t.theme.sizes) == null ? void 0 : e.small;
+}} 0 0;
+    }
+    span {
+    }
+`;
+export {
+  F as default
+};
+//# sourceMappingURL=feedback-list.29c075b4.js.map

package/dist/feedback-list.29c075b4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"feedback-list.29c075b4.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":["FeedbackList","actions","dispatch","useDispatch","React","StyledButtonList","item","FeedbackButton","Icon","styled","List","list","messageContentPadding","p","_a","Button","buttonCss","invertedHoverButton"],"mappings":";;;;AAgBA,MAAMA,IAAgC,CAAC,EAAE,SAAAC,QAAc;AACnD,QAAMC,IAAWC;AACjB,SACK,gBAAAC,EAAA,cAAAC,GAAA;AAAA,IACG,OAAOJ;AAAA,IACP,kBAAgB;AAAA,IAChB,YAAY,CAACK,MAEJ,gBAAAF,EAAA,cAAA,MAAA;AAAA,MAAG,KAAKE,EAAK;AAAA,IAAA,GACT,gBAAAF,EAAA,cAAAG,GAAA;AAAA,MACG,WAAU;AAAA,MACV,UAAU;AAAA,MACV,gBAAc;AAAA,MACd,iBAAe;AAAA,MACf,SAAS,MAAM;AACF,QAAAL,EAAA,UAAUI,EAAK,SAAS;AAAA,MACrC;AAAA,IAAA,GAEC,gBAAAF,EAAA,cAAAI,GAAA;AAAA,MAAK,QAAQF,EAAK,aAAa,QAAQ,YAAY;AAAA,IAAA,CAAW,GAC9D,gBAAAF,EAAA,cAAA,QAAA,MAAME,EAAK,KAAM,CACtB,CACJ;AAAA,EAER,CACJ;AAER,GAIMD,IAAmBI,EAAOC,CAAI;AAAA,MAC9BC;AAAA,MACAC;AAAA;AAAA,WAEK,CAACC,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,UAAR,gBAAAC,EAAe;AAAA;AAAA,sBACX,CAACD,MAAOA,EAAE,sBAAsB,eAAe,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvEN,IAAiBE,EAAOM,CAAM;AAAA,MAG9BC;AAAA,iBACW,CAACH,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,UAAR,gBAAAC,EAAe;AAAA;AAAA,oBACnB,CAACD,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,WAAR,gBAAAC,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAKrC,CAACD;;AACC,SAAAI,EAAoB;AAAA,IAChB,cAAc,IAAGH,IAAAD,EAAE,MAAM,WAAR,gBAAAC,EAAgB;AAAA,IACjC,gBAAgB;AAAA,EACpB,CAAC;AAAA;AAAA;AAAA,oBAEW,CAACD,MAAM;;AAAA,UAAAC,IAAAD,EAAE,MAAM,UAAR,gBAAAC,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/http-client.d.ts

@@ -0,0 +1,43 @@
+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 localState;
+    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;