@telia-ace/knowledge-widget-bot-provider 0.0.24 → 1.1.1-rc.0

package/package.json

@@ -1,50 +1,28 @@
 {
   "name": "@telia-ace/knowledge-widget-bot-provider",
-  "version": "0.0.24",
-  "description": "Bot Provider Plugin ACE Knowledge Widgets.",
-  "license": "SEE LICENSE IN LICENSE.txt",
-  "author": "Telia Company AB",
-  "keywords": [
-    "telia"
-  ],
-  "main": "dist/index.js",
-  "sourceMain": "src/index.ts",
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "files": [
-    "LICENSE.txt",
-    "README.md",
-    "dist/"
-  ],
-  "publishConfig": {
-    "access": "public"
+  "version": "1.1.1-rc.0",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "sideEffects": false,
   "dependencies": {
-    "@telia-ace/knowledge-data-client": "1.0.10",
-    "@telia-ace/knowledge-widget-adapters": "1.0.53",
-    "@telia-ace/knowledge-widget-ui": "1.0.49",
-    "@telia-ace/widget-conversation": "^1.0.41",
-    "@telia-ace/widget-forms": "^1.0.35",
-    "@telia-ace/widget-services": "^1.0.28",
-    "@telia-ace/widget-utilities": "^1.0.17",
-    "@webprovisions/bootstrapping": "1.0.13"
-  },
-  "peerDependencies": {
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "react": "^18.2.0"
-  },
-  "devDependencies": {
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@telia-ace/knowledge-widget-core": "1.0.43",
-    "@types/react": "^18.2.22",
+    "@telia-ace/knowledge-data-client": "^1.1.1-rc.0",
+    "@telia-ace/knowledge-widget-adapters": "^1.1.1-rc.0",
+    "@telia-ace/knowledge-widget-ui": "^1.1.1-rc.0",
+    "@telia-ace/widget-conversation": "^1.1.1-rc.0",
+    "@telia-ace/widget-forms": "^1.1.1-rc.0",
+    "@telia-ace/widget-services": "^1.1.1-rc.0",
+    "@telia-ace/widget-utilities": "^1.1.1-rc.0",
     "@webprovisions/platform": "^1.1.4",
-    "react": "^18.2.0"
+    "@telia-ace/knowledge-widget-core": "^1.1.1-rc.0"
   },
-  "scripts": {
-    "clean": "rimraf ./dist",
-    "build": "rimraf ./dist && tsc -emitDeclarationOnly && vite build"
+  "peerDependencies": {
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0"
   }
 }

package/styles-15c941d4.js

@@ -0,0 +1,4 @@
+"use strict";const n=require("./index-07363705.js"),t=e=>{var s,i;return n.css`
+    margin: ${(s=e.theme.sizes)==null?void 0:s.medium} 0;
+    padding: 0 ${(i=e.theme.sizes)==null?void 0:i.medium};
+`};exports.messageContentPadding=t;

package/{dist/styles.a00306c5.js → styles-ad5c7069.mjs}

@@ -1,5 +1,5 @@
-import { css as i } from "@emotion/react";
-const d = (e) => {
+import { c as i } from "./index-cc31f772.mjs";
+const a = (e) => {
   var m, s;
   return i`
     margin: ${(m = e.theme.sizes) == null ? void 0 : m.medium} 0;
@@ -7,6 +7,5 @@ const d = (e) => {
 `;
 };
 export {
-  d as m
+  a as m
 };
-//# sourceMappingURL=styles.a00306c5.js.map

package/use-dispatch-951d7a5c.js

@@ -0,0 +1 @@
+"use strict";const r=require("./index-07363705.js"),i=require("react"),p=()=>i.useContext(r.ComponentNodeContext),l=()=>{const o=r.useComponentPlatform(),s=p(),[c,a]=i.useState([]),[d,h]=i.useState();return i.useEffect(()=>{if(o&&s){const u=new r.ComponentQuery(o).withId(s.id),t=o.actions(u,s.type||r.uuid());h(t),c!==null&&(c.forEach(e=>{t.dispatch(e.key,e.data).then(n=>e.resolve(n)).catch(n=>e.reject(n))}),a(null))}},[o,s.id]),(u,t)=>c!==null?new Promise((e,n)=>{c.push({key:u,data:t,resolve:e,reject:n})}):d.dispatch(u,t)};exports.useComponentDescriptor=p;exports.useDispatch=l;

package/use-dispatch-97d3af39.mjs

@@ -0,0 +1,24 @@
+import { s as f, t as m, v as d, w as h } from "./index-cc31f772.mjs";
+import { useContext as l, useState as u, useEffect as C } from "react";
+const w = () => l(f), y = () => {
+  const s = m(), n = w(), [c, a] = u([]), [i, p] = u();
+  return C(() => {
+    if (s && n) {
+      const r = new d(s).withId(n.id), o = s.actions(r, n.type || h());
+      p(o), c !== null && (c.forEach((t) => {
+        o.dispatch(t.key, t.data).then((e) => t.resolve(e)).catch((e) => t.reject(e));
+      }), a(null));
+    }
+  }, [s, n.id]), (r, o) => c !== null ? new Promise((t, e) => {
+    c.push({
+      key: r,
+      data: o,
+      resolve: t,
+      reject: e
+    });
+  }) : i.dispatch(r, o);
+};
+export {
+  w as a,
+  y as u
+};

package/{dist/utils.d.ts → utils.d.ts}

@@ -11,7 +11,7 @@ export declare const createGroup: ({ isUser, items, meta, }: {
 }) => MessageGroup;
 export declare const contactMethodFromLegacy: ({ id, title, defaultIcon, exits: [exit], exitType, confirmationText, expandFormAutomatically, form, description, }: any, options?: {
     validation?: any;
-    guideId?: string | undefined;
+    guideId?: string;
 }) => any;
 export declare const getListType: (entry: ServerEntry) => ConversationMessageListItemType.LinkList | ConversationMessageListItemType.ButtonList | ConversationMessageListItemType.ItemList | CustomMessageTypes.ContactList | CustomMessageTypes.FeedbackList;
 export declare const getKnowledgeBotEndpoint: (container: Container, component: any) => string;

package/LICENSE.txt

@@ -1,6 +0,0 @@
-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 +0,0 @@
-# `@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.4fcc98f1.js

@@ -1,128 +0,0 @@
-var k = Object.defineProperty, z = Object.defineProperties;
-var I = Object.getOwnPropertyDescriptors;
-var x = Object.getOwnPropertySymbols;
-var L = Object.prototype.hasOwnProperty, j = Object.prototype.propertyIsEnumerable;
-var M = (e, t, n) => t in e ? k(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, l = (e, t) => {
-  for (var n in t || (t = {}))
-    L.call(t, n) && M(e, n, t[n]);
-  if (x)
-    for (var n of x(t))
-      j.call(t, n) && M(e, n, t[n]);
-  return e;
-}, E = (e, t) => z(e, I(t));
-var $ = (e, t, n) => new Promise((p, r) => {
-  var m = (o) => {
-    try {
-      d(n.next(o));
-    } catch (i) {
-      r(i);
-    }
-  }, u = (o) => {
-    try {
-      d(n.throw(o));
-    } catch (i) {
-      r(i);
-    }
-  }, d = (o) => o.done ? p(o.value) : Promise.resolve(o.value).then(m, u);
-  d((n = n.apply(e, t)).next());
-});
-import y from "@emotion/styled";
-import { ContactList as v, ContactMethod as w } from "@telia-ace/knowledge-widget-adapters";
-import { useDispatch as A, useContainer as K } from "@telia-ace/knowledge-widget-ui";
-import h, { useState as b, useEffect as N } from "react";
-import P from "./contact-method.4e96a7d4.js";
-import "@telia-ace/knowledge-data-client";
-import "@telia-ace/widget-forms";
-import "@telia-ace/widget-utilities";
-import "./index.483ca2e8.js";
-import "@telia-ace/widget-conversation";
-import "@telia-ace/widget-services";
-const Y = ({ actions: e, entryId: t, groupId: n }) => {
-  const p = A(), r = K(), [m, u] = b([]), [d, o] = b([]);
-  return N(() => {
-    r.getAsync("contactMethods").then((i) => {
-      if (!i)
-        return;
-      const f = e.map((s) => $(void 0, null, function* () {
-        var g;
-        if (!((g = s.data) != null && g.clientName))
-          return null;
-        const c = yield i.handleAdapters(s.data);
-        return E(l(l({}, c), s.data), {
-          description: s.data.description ? s.data.description : c.description,
-          onClick: (C, a) => {
-            if (typeof c.onClick == "function" && c.onClick(C, a), !C.defaultPrevented)
-              if (a.inline && !a.expanded)
-                o([...d, a.id]);
-              else {
-                const { events: S } = r.get("$widget");
-                S.dispatch("provider:open-contact-method", {
-                  entryId: t,
-                  contactMethod: a,
-                  actionKey: s.actionKey
-                });
-              }
-          }
-        });
-      }));
-      Promise.all(f).then((s) => {
-        u(s.filter((c) => !!c));
-      });
-    });
-  }, [e, r, t, d]), m.length ? /* @__PURE__ */ h.createElement(
-    R,
-    {
-      className: "humany-bot-contact-list",
-      contactMethods: m,
-      dispatch: p,
-      itemRenderer: (i, f) => (d.includes(i.id) || i.expanded) && i.inline ? /* @__PURE__ */ h.createElement(
-        D,
-        {
-          contactMethodId: i.id,
-          groupId: n,
-          guideId: i.body.guideId
-        }
-      ) : /* @__PURE__ */ h.createElement(G, l(l({}, i), f))
-    }
-  ) : null;
-}, R = y(v)`
-    > ul > li {
-        a {
-            display: flex;
-            align-items: center;
-            outline-offset: -2px;
-        }
-
-        &:not(:last-child) {
-            ${(e) => e.theme.border && `border-bottom: ${e.theme.border};`}
-        }
-    }
-`, D = y(P)`
-    i {
-        margin: 0 ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.medium;
-}} 0 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-`, G = y(w)`
-    padding: ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.medium;
-}};
-    i {
-        margin: 0 ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.medium;
-}} 0 0;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-    }
-`;
-export {
-  Y as default
-};
-//# sourceMappingURL=contact-method-list.4fcc98f1.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"contact-method-list.4fcc98f1.js","sources":["../src/ui/contact-method-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n    ContactList,\n    ContactMethodType,\n    ContactMethod as GenericContactMethod,\n} from '@telia-ace/knowledge-widget-adapters';\nimport { useContainer, useDispatch } from '@telia-ace/knowledge-widget-ui';\nimport React, { useEffect, useState } from 'react';\nimport { ActionItem } from '../types';\nimport ContactMethod from './contact-method';\n\ntype Props = {\n    actions: ActionItem[];\n    contactMethodIds?: string[];\n    entryId: string;\n    groupId: string;\n};\nconst ContactMethodList: React.FC<Props> = ({ actions, entryId, groupId }) => {\n    const dispatch = useDispatch();\n    const container = useContainer();\n    const [items, setItems] = useState<any[]>([]);\n    const [expanded, setExpanded] = useState<string[]>([]);\n\n    useEffect(() => {\n        container.getAsync('contactMethods').then((platform: any) => {\n            if (!platform) {\n                return;\n            }\n            const promises = actions.map(async (action) => {\n                if (!action.data?.clientName) {\n                    return null;\n                }\n                const cm = await platform.handleAdapters(action.data);\n\n                return {\n                    ...cm,\n                    ...action.data,\n                    description: action.data.description ? action.data.description : cm.description,\n                    onClick: (event: React.MouseEvent, data: ContactMethodType) => {\n                        if (typeof cm.onClick === 'function') {\n                            cm.onClick(event, data);\n                        }\n\n                        if (event.defaultPrevented) {\n                            return;\n                        }\n                        if (data.inline && !data.expanded) {\n                            setExpanded([...expanded, data.id]);\n                        } else {\n                            const { events } = container.get('$widget');\n                            events.dispatch('provider:open-contact-method', {\n                                entryId,\n                                contactMethod: data,\n                                actionKey: action.actionKey,\n                            });\n                        }\n                    },\n                };\n            });\n\n            Promise.all(promises).then((result) => {\n                setItems(result.filter((i) => !!i));\n            });\n        });\n    }, [actions, container, entryId, expanded]);\n\n    if (!items.length) {\n        return null;\n    }\n\n    return (\n        <StyledContactList\n            className=\"humany-bot-contact-list\"\n            contactMethods={items}\n            dispatch={dispatch}\n            itemRenderer={(cm: any, props: any) => {\n                const isExpanded = expanded.includes(cm.id) || cm.expanded;\n                if (isExpanded && cm.inline) {\n                    return (\n                        <StyledContactMethod\n                            contactMethodId={cm.id}\n                            groupId={groupId}\n                            guideId={cm.body.guideId}\n                        />\n                    );\n                }\n                return <StyledGenericContactMethod {...cm} {...props} />;\n            }}\n        />\n    );\n};\n\nexport default ContactMethodList;\n\nconst StyledContactList = styled(ContactList)`\n    > ul > li {\n        a {\n            display: flex;\n            align-items: center;\n            outline-offset: -2px;\n        }\n\n        &:not(:last-child) {\n            ${(p) => p.theme.border && `border-bottom: ${p.theme.border};`}\n        }\n    }\n`;\n\nconst StyledContactMethod = styled(ContactMethod)`\n    i {\n        margin: 0 ${(p) => p.theme.sizes?.medium} 0 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n`;\nconst StyledGenericContactMethod = styled(GenericContactMethod)`\n    padding: ${(p) => p.theme.sizes?.medium};\n    i {\n        margin: 0 ${(p) => p.theme.sizes?.medium} 0 0;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n    }\n`;\n"],"names":["ContactMethodList","actions","entryId","groupId","dispatch","useDispatch","container","useContainer","items","setItems","useState","expanded","setExpanded","useEffect","platform","promises","action","__async","_a","cm","__spreadProps","__spreadValues","event","data","events","result","i","React","StyledContactList","props","StyledContactMethod","StyledGenericContactMethod","styled","ContactList","p","ContactMethod","GenericContactMethod"],"mappings":"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"}

package/dist/contact-method.4e96a7d4.js

@@ -1,136 +0,0 @@
-var N = Object.defineProperty, T = Object.defineProperties;
-var _ = Object.getOwnPropertyDescriptors;
-var R = Object.getOwnPropertySymbols;
-var k = Object.prototype.hasOwnProperty, G = Object.prototype.propertyIsEnumerable;
-var x = (e, t, r) => t in e ? N(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, a = (e, t) => {
-  for (var r in t || (t = {}))
-    k.call(t, r) && x(e, r, t[r]);
-  if (R)
-    for (var r of R(t))
-      G.call(t, r) && x(e, r, t[r]);
-  return e;
-}, s = (e, t) => T(e, _(t));
-var p = (e, t, r) => new Promise((h, o) => {
-  var i = (n) => {
-    try {
-      l(r.next(n));
-    } catch (u) {
-      o(u);
-    }
-  }, c = (n) => {
-    try {
-      l(r.throw(n));
-    } catch (u) {
-      o(u);
-    }
-  }, l = (n) => n.done ? h(n.value) : Promise.resolve(n.value).then(i, c);
-  l((r = r.apply(e, t)).next());
-});
-import I from "@emotion/styled";
-import { DataClient as V, DataType as j } from "@telia-ace/knowledge-data-client";
-import { ContactMethod as q } from "@telia-ace/knowledge-widget-adapters";
-import { useContainer as H, useDispatch as J, useConversation as K } from "@telia-ace/knowledge-widget-ui";
-import { FormBuilder as L } from "@telia-ace/widget-forms";
-import { appendClassNames as O } from "@telia-ace/widget-utilities";
-import P, { useState as Q, useRef as U, useEffect as z, useCallback as W } from "react";
-import { u as A } from "./index.483ca2e8.js";
-import "@telia-ace/widget-conversation";
-import "@telia-ace/widget-services";
-const ct = ({ contactMethodId: e, guideId: t, groupId: r, className: h }) => {
-  var g, E, S;
-  const [o, i] = Q(), c = H(), l = J(), n = U(!0), u = K();
-  z(() => {
-    const { events: y } = c.get("$widget"), $ = y.subscribe("bot-provider:form-submitted", (C, d) => p(void 0, null, function* () {
-      var D;
-      if (((D = d.form.meta) == null ? void 0 : D.groupId) !== r || d.id !== o.id)
-        return;
-      u && (d.form.meta || (d.form.meta = {}), d.form.meta.conversation = u);
-      const v = yield c.getAsync("contactMethods"), m = s(a({}, o), {
-        body: s(a({}, o.body), {
-          form: d.form
-        })
-      }), { errors: b, valid: M, errorTypes: Y } = yield v.validate(m);
-      if (!M) {
-        const F = new L(o.body.form);
-        i(void 0), F.setValidationErrors(b), m.body = s(a({}, m.body), {
-          form: F.get()
-        }), i(a({}, m));
-        return;
-      }
-      const B = yield v.submit(m);
-      m.confirmation = B, i(m);
-    })), f = y.subscribe("bot-provider:evaluate", (C, d) => p(void 0, null, function* () {
-      if (d.id != e)
-        return;
-      const m = yield (yield c.getAsync("contactMethods")).evaluate(o);
-      let b = s(a({}, o), {
-        body: s(a({}, o.body), {
-          form: m
-        })
-      });
-      const M = A(b, {
-        submit: "Submit",
-        errors: {},
-        meta: { groupId: r }
-      });
-      b = s(a({}, b), {
-        body: M
-      }), i(b);
-    }));
-    return () => {
-      $(), f();
-    };
-  }, [c, o, i, u]);
-  const w = W(
-    (y) => p(void 0, null, function* () {
-      const f = yield (yield V.getInstance(c)).fetch(
-        j.ContactMethod,
-        {
-          contactMethodId: y,
-          guideId: t
-        },
-        { noCache: !0 }
-      ), C = A(f, {
-        submit: "Submit",
-        errors: {},
-        meta: { groupId: r }
-      });
-      if (f.body = C, f.body.guideId = t, !n.current)
-        return null;
-      i(f);
-    }),
-    [n]
-  );
-  return z(() => (w(e), () => {
-    n.current = !1;
-  }), [e, w]), o ? /* @__PURE__ */ P.createElement(
-    X,
-    s(a({}, o), {
-      body: s(a({}, o.body), {
-        form: o.body.form ? s(a({}, o.body.form), {
-          data: (g = o.body.form) == null ? void 0 : g.data,
-          layout: a({}, o.body.form.layout),
-          meta: (E = o.body.form) == null ? void 0 : E.meta,
-          schema: (S = o.body.form) == null ? void 0 : S.schema
-        }) : void 0,
-        guideId: o.body.guideId
-      }),
-      inline: !0,
-      expanded: !0,
-      dispatch: l,
-      className: O("humany-bot-contact-method", h)
-    })
-  ) : null;
-}, X = I(q)`
-    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 {
-  ct as default
-};
-//# sourceMappingURL=contact-method.4e96a7d4.js.map

package/dist/contact-method.4e96a7d4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contact-method.4e96a7d4.js","sources":["../src/ui/contact-method.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport { DataClient, DataType } from '@telia-ace/knowledge-data-client';\nimport {\n    ContactMethodPlatform,\n    ContactMethod as GenericContactMethod,\n} from '@telia-ace/knowledge-widget-adapters';\nimport { useContainer, useConversation, useDispatch } from '@telia-ace/knowledge-widget-ui';\nimport { FormBuilder } from '@telia-ace/widget-forms';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport { Widget } from '@webprovisions/platform';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { updateForm } from '../utils';\n\ntype Props = {\n    contactMethodId: string;\n    groupId: string;\n    guideId?: string;\n    className?: string;\n};\nconst ContactMethod: React.FC<Props> = ({ contactMethodId, guideId, groupId, className }) => {\n    const [contactMethod, setContactMethod] = useState<any>();\n    const container = useContainer();\n    const dispatch = useDispatch();\n    const mountedRef = useRef<boolean>(true);\n    const currentConversation = useConversation();\n\n    useEffect(() => {\n        const { events } = container.get('$widget') as Widget;\n\n        const unsubscribe = events.subscribe('bot-provider:form-submitted', async (_, data) => {\n            // making sure that this is the form that is submitted\n            if (data.form.meta?.groupId !== groupId || data.id !== contactMethod.id) {\n                return;\n            }\n\n            if (currentConversation) {\n                if (!data.form.meta) {\n                    data.form.meta = {};\n                }\n\n                data.form.meta.conversation = currentConversation;\n            }\n\n            const platform = (await container.getAsync('contactMethods')) as ContactMethodPlatform;\n\n            const updatedMethod = {\n                ...contactMethod,\n                body: {\n                    ...contactMethod.body,\n                    form: data.form,\n                },\n            };\n\n            const { errors, valid, errorTypes } = await platform.validate(updatedMethod);\n\n            if (!valid) {\n                const builder = new FormBuilder(contactMethod.body.form);\n                setContactMethod(undefined);\n\n                builder.setValidationErrors(errors);\n\n                updatedMethod.body = {\n                    ...updatedMethod.body,\n                    form: builder.get(),\n                };\n\n                setContactMethod({ ...updatedMethod });\n                return;\n            }\n\n            const result = await platform.submit(updatedMethod);\n\n            updatedMethod.confirmation = result;\n            setContactMethod(updatedMethod);\n        });\n\n        const unsubscribeEvaluate = events.subscribe('bot-provider:evaluate', async (_, data) => {\n            if (data.id != contactMethodId) {\n                return;\n            }\n\n            const platform = (await container.getAsync('contactMethods')) as ContactMethodPlatform;\n\n            const updatedForm = await platform.evaluate(contactMethod);\n\n            let updatedMethod = {\n                ...contactMethod,\n                body: {\n                    ...contactMethod.body,\n                    form: updatedForm,\n                },\n            };\n\n            const updatedBody = updateForm(updatedMethod, {\n                submit: 'Submit',\n                errors: {},\n                meta: { groupId },\n            });\n\n            updatedMethod = {\n                ...updatedMethod,\n                body: updatedBody,\n            };\n\n            setContactMethod(updatedMethod);\n        });\n\n        return () => {\n            unsubscribe();\n            unsubscribeEvaluate();\n        };\n    }, [container, contactMethod, setContactMethod, currentConversation]);\n\n    const fetchContactMethod = useCallback(\n        async (id: string) => {\n            const dataClient = await DataClient.getInstance(container);\n\n            const cm = await dataClient.fetch(\n                DataType.ContactMethod,\n                {\n                    contactMethodId: id,\n                    guideId,\n                },\n                { noCache: true }\n            );\n\n            const body = updateForm(cm, {\n                submit: 'Submit',\n                errors: {},\n                meta: { groupId },\n            });\n            cm.body = body;\n            cm.body.guideId = guideId;\n\n            if (!mountedRef.current) {\n                return null;\n            }\n            setContactMethod(cm);\n        },\n        [mountedRef]\n    );\n\n    useEffect(() => {\n        fetchContactMethod(contactMethodId);\n        return () => {\n            mountedRef.current = false; // clean up\n        };\n    }, [contactMethodId, fetchContactMethod]);\n\n    if (!contactMethod) {\n        return null;\n    }\n    return (\n        <StyledGenericContactMethod\n            {...contactMethod}\n            body={{\n                ...contactMethod.body,\n                form: contactMethod.body.form\n                    ? {\n                          ...contactMethod.body.form,\n                          data: contactMethod.body.form?.data,\n                          layout: { ...contactMethod.body.form.layout },\n                          meta: contactMethod.body.form?.meta,\n                          schema: contactMethod.body.form?.schema,\n                      }\n                    : undefined,\n                guideId: contactMethod.body.guideId,\n            }}\n            inline={true}\n            expanded={true}\n            dispatch={dispatch}\n            className={appendClassNames('humany-bot-contact-method', className)}\n        />\n    );\n};\n\nexport default ContactMethod;\n\nconst StyledGenericContactMethod = styled(GenericContactMethod)`\n    padding: ${(p) => p.theme.sizes?.normal} ${(p) => p.theme.sizes?.medium};\n`;\n"],"names":["ContactMethod","contactMethodId","guideId","groupId","className","contactMethod","setContactMethod","useState","container","useContainer","dispatch","useDispatch","mountedRef","useRef","currentConversation","useConversation","useEffect","events","unsubscribe","_","data","__async","_a","platform","updatedMethod","__spreadProps","__spreadValues","errors","valid","errorTypes","builder","FormBuilder","result","unsubscribeEvaluate","updatedForm","updatedBody","updateForm","fetchContactMethod","useCallback","id","cm","DataClient","DataType","body","React","StyledGenericContactMethod","_b","_c","appendClassNames","styled","GenericContactMethod","p"],"mappings":"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"}

package/dist/feedback-list.ff7e22da.js

@@ -1,77 +0,0 @@
-import r from "@emotion/styled";
-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 { m as f } from "./styles.a00306c5.js";
-import "@emotion/react";
-const k = ({ actions: e }) => {
-  const t = n();
-  return /* @__PURE__ */ o.createElement(
-    p,
-    {
-      className: "humany-bot-feedback-list",
-      items: e,
-      "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: () => {
-            t("action", a.actionKey);
-          }
-        },
-        /* @__PURE__ */ o.createElement(s, { faIcon: a.actionKey == "yes" ? "smile-o" : "frown-o" }),
-        /* @__PURE__ */ o.createElement("span", null, a.label)
-      ))
-    }
-  );
-}, p = r(i)`
-    ${(e) => l(e)}
-    ${f}
-    display: flex;
-    gap: ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.normal;
-}};
-    flex-direction: ${(e) => e["data-direction"] === "horizontal" ? "row" : "column"};
-    > li {
-        flex: 1;
-        margin: 0;
-    }
-`, u = r(c)`
-    ${m}
-    font-size: ${(e) => {
-  var t;
-  return (t = e.theme.fonts) == null ? void 0 : t.normal;
-}};
-    border-color: ${(e) => {
-  var t;
-  return (t = e.theme.colors) == null ? void 0 : t.primary;
-}};
-    font-weight: 300;
-    display: block;
-    width: 100%;
-
-    ${(e) => {
-  var t;
-  return d({
-    primaryColor: `${(t = e.theme.colors) == null ? void 0 : t.primary}`,
-    secondaryColor: "#FFFFFF",
-    theme: e.theme
-  });
-}}
-    i {
-        margin: 0 ${(e) => {
-  var t;
-  return (t = e.theme.sizes) == null ? void 0 : t.small;
-}} 0 0;
-    }
-    span {
-    }
-`;
-export {
-  k as default
-};
-//# sourceMappingURL=feedback-list.ff7e22da.js.map

package/dist/feedback-list.ff7e22da.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"feedback-list.ff7e22da.js","sources":["../src/ui/feedback-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n    Button,\n    buttonCss,\n    Icon,\n    invertedHoverButton,\n    list,\n    List,\n    useDispatch,\n} from '@telia-ace/knowledge-widget-ui';\nimport React from 'react';\nimport { messageContentPadding } from './styles';\n\ntype Props = {\n    actions: { [key: string]: string }[];\n};\nconst FeedbackList: React.FC<Props> = ({ actions }) => {\n    const dispatch = useDispatch();\n    return (\n        <StyledButtonList\n            className=\"humany-bot-feedback-list\"\n            items={actions}\n            data-direction={'vertical'}\n            renderItem={(item: any) => {\n                return (\n                    <li key={item.actionKey}>\n                        <FeedbackButton\n                            className=\"humany-feedback-button\"\n                            disabled={false}\n                            aria-pressed={true}\n                            data-selected={true}\n                            onClick={() => {\n                                dispatch('action', item.actionKey);\n                            }}\n                        >\n                            <Icon faIcon={item.actionKey == 'yes' ? 'smile-o' : 'frown-o'} />\n                            <span>{item.label}</span>\n                        </FeedbackButton>\n                    </li>\n                );\n            }}\n        />\n    );\n};\n\nexport default FeedbackList;\n\nconst StyledButtonList = styled(List)<{ 'data-direction': 'horizontal' | 'vertical' } & any>`\n    ${(p) => list(p)}\n    ${messageContentPadding}\n    display: flex;\n    gap: ${(p) => p.theme.sizes?.normal};\n    flex-direction: ${(p) => (p['data-direction'] === 'horizontal' ? 'row' : 'column')};\n    > li {\n        flex: 1;\n        margin: 0;\n    }\n`;\n\nconst FeedbackButton = styled(Button)<{\n    'data-selected': boolean;\n}>`\n    ${buttonCss}\n    font-size: ${(p) => p.theme.fonts?.normal};\n    border-color: ${(p) => p.theme.colors?.primary};\n    font-weight: 300;\n    display: block;\n    width: 100%;\n\n    ${(p) =>\n        invertedHoverButton({\n            primaryColor: `${p.theme.colors?.primary}`,\n            secondaryColor: '#FFFFFF',\n            theme: p.theme,\n        })}\n    i {\n        margin: 0 ${(p) => p.theme.sizes?.small} 0 0;\n    }\n    span {\n    }\n`;\n"],"names":["FeedbackList","actions","dispatch","useDispatch","React","StyledButtonList","item","FeedbackButton","Icon","styled","List","p","list","messageContentPadding","_a","Button","buttonCss","invertedHoverButton"],"mappings":";;;;;AAgBA,MAAMA,IAAgC,CAAC,EAAE,SAAAC,QAAc;AACnD,QAAMC,IAAWC;AAEb,SAAA,gBAAAC,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,WAAU;AAAA,MACV,OAAOJ;AAAA,MACP,kBAAgB;AAAA,MAChB,YAAY,CAACK,MAEJ,gBAAAF,EAAA,cAAA,MAAA,EAAG,KAAKE,EAAK,aACV,gBAAAF,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,WAAU;AAAA,UACV,UAAU;AAAA,UACV,gBAAc;AAAA,UACd,iBAAe;AAAA,UACf,SAAS,MAAM;AACF,YAAAL,EAAA,UAAUI,EAAK,SAAS;AAAA,UACrC;AAAA,QAAA;AAAA,wCAECE,GAAK,EAAA,QAAQF,EAAK,aAAa,QAAQ,YAAY,WAAW;AAAA,QAC/D,gBAAAF,EAAA,cAAC,QAAM,MAAAE,EAAK,KAAM;AAAA,MAAA,CAE1B;AAAA,IAER;AAAA,EAAA;AAGZ,GAIMD,IAAmBI,EAAOC,CAAI;AAAA,MAC9B,CAACC,MAAMC,EAAKD,CAAC;AAAA,MACbE;AAAA;AAAA,WAEK,CAACF,MAAM;;AAAA,UAAAG,IAAAH,EAAE,MAAM,UAAR,gBAAAG,EAAe;AAAA;AAAA,sBACX,CAACH,MAAOA,EAAE,sBAAsB,eAAe,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAOvEJ,IAAiBE,EAAOM,CAAM;AAAA,MAG9BC;AAAA,iBACW,CAACL,MAAM;;AAAA,UAAAG,IAAAH,EAAE,MAAM,UAAR,gBAAAG,EAAe;AAAA;AAAA,oBACnB,CAACH,MAAM;;AAAA,UAAAG,IAAAH,EAAE,MAAM,WAAR,gBAAAG,EAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAKrC,CAACH;;AACC,SAAAM,EAAoB;AAAA,IAChB,cAAc,IAAGH,IAAAH,EAAE,MAAM,WAAR,gBAAAG,EAAgB;AAAA,IACjC,gBAAgB;AAAA,IAChB,OAAOH,EAAE;AAAA,EACb,CAAC;AAAA;AAAA;AAAA,oBAEW,CAACA,MAAM;;AAAA,UAAAG,IAAAH,EAAE,MAAM,UAAR,gBAAAG,EAAe;AAAA;AAAA;AAAA;AAAA;AAAA;"}