@telia-ace/knowledge-widget-bot-provider 1.3.0-rc.1 → 1.3.0-rc.10

package/{contact-method-b5669c64.mjs → contact-method-305e4145.mjs}

@@ -6,7 +6,7 @@ import { useContainer as N, useDispatch as R, useConversation as T } from "@teli
 import { FormBuilder as _ } from "@telia-ace/widget-forms";
 import { appendClassNames as j } from "@telia-ace/widget-utilities";
 import { useState as G, useRef as I, useEffect as k, useCallback as V } from "react";
-import { u as S } from "./index-cc087f12.mjs";
+import { u as S } from "./index-6df3a564.mjs";
 import "@telia-ace/widget-conversation";
 import "@telia-ace/widget-services";
 const tt = ({

package/{contact-method-d88ce2cc.js → contact-method-7295c9e6.js}

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),A=require("@emotion/styled"),S=require("@telia-ace/knowledge-data-client"),R=require("@telia-ace/knowledge-widget-adapters"),p=require("@telia-ace/knowledge-widget-ui"),T=require("@telia-ace/widget-forms"),$=require("@telia-ace/widget-utilities"),c=require("react"),F=require("./index-cb940de4.js");require("@telia-ace/widget-conversation");require("@telia-ace/widget-services");const z=({contactMethodId:n,guideId:o,groupId:m,className:x})=>{var C,v,w;const[e,s]=c.useState(),d=p.useContainer(),D=p.useDispatch(),l=c.useRef(!0),b=p.useConversation();c.useEffect(()=>{const{events:u}=d.get("$widget"),q=u.subscribe("bot-provider:form-submitted",async(f,r)=>{var M;if(((M=r.form.meta)==null?void 0:M.groupId)!==m||r.id!==e.id)return;b&&(r.form.meta||(r.form.meta={}),r.form.meta.conversation=b);const y=await d.getAsync("contactMethods"),t={...e,body:{...e.body,form:r.form}},{errors:i,valid:h,errorTypes:N}=await y.validate(t);if(!h){const k=new T.FormBuilder(e.body.form);s(void 0),k.setValidationErrors(i),t.body={...t.body,form:k.get()},s({...t});return}const E=await y.submit(t);t.confirmation=E,s(t)}),a=u.subscribe("bot-provider:evaluate",async(f,r)=>{if(r.id!==n)return;const t=await(await d.getAsync("contactMethods")).evaluate(e);let i={...e,body:{...e.body,form:t}};const h=F.updateForm(i,{submit:"Skicka",errors:{},meta:{groupId:m}});i={...i,body:h},s(i)});return()=>{q(),a()}},[d,e,s,b]);const g=c.useCallback(async u=>{const a=await(await S.DataClient.getInstance(d)).fetch(S.DataType.ContactMethod,{contactMethodId:u,guideId:o},{noCache:!0}),f=F.updateForm(a,{submit:"Skicka",errors:{},meta:{groupId:m}});if(a.body=f,a.body.guideId=o,!l.current)return null;s(a)},[l]);return c.useEffect(()=>(g(n),()=>{l.current=!1}),[n,g]),e?j.jsx(B,{...e,body:{...e.body,form:e.body.form?{...e.body.form,data:(C=e.body.form)==null?void 0:C.data,layout:{...e.body.form.layout},meta:(v=e.body.form)==null?void 0:v.meta,schema:(w=e.body.form)==null?void 0:w.schema}:void 0,guideId:e.body.guideId},inline:!0,expanded:!0,dispatch:D,className:$.appendClassNames("humany-bot-contact-method",x)}):null},B=A(R.ContactMethod)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),A=require("@emotion/styled"),S=require("@telia-ace/knowledge-data-client"),R=require("@telia-ace/knowledge-widget-adapters"),p=require("@telia-ace/knowledge-widget-ui"),T=require("@telia-ace/widget-forms"),$=require("@telia-ace/widget-utilities"),c=require("react"),F=require("./index-e9872899.js");require("@telia-ace/widget-conversation");require("@telia-ace/widget-services");const z=({contactMethodId:n,guideId:o,groupId:m,className:x})=>{var C,v,w;const[e,s]=c.useState(),d=p.useContainer(),D=p.useDispatch(),l=c.useRef(!0),b=p.useConversation();c.useEffect(()=>{const{events:u}=d.get("$widget"),q=u.subscribe("bot-provider:form-submitted",async(f,r)=>{var M;if(((M=r.form.meta)==null?void 0:M.groupId)!==m||r.id!==e.id)return;b&&(r.form.meta||(r.form.meta={}),r.form.meta.conversation=b);const y=await d.getAsync("contactMethods"),t={...e,body:{...e.body,form:r.form}},{errors:i,valid:h,errorTypes:N}=await y.validate(t);if(!h){const k=new T.FormBuilder(e.body.form);s(void 0),k.setValidationErrors(i),t.body={...t.body,form:k.get()},s({...t});return}const E=await y.submit(t);t.confirmation=E,s(t)}),a=u.subscribe("bot-provider:evaluate",async(f,r)=>{if(r.id!==n)return;const t=await(await d.getAsync("contactMethods")).evaluate(e);let i={...e,body:{...e.body,form:t}};const h=F.updateForm(i,{submit:"Skicka",errors:{},meta:{groupId:m}});i={...i,body:h},s(i)});return()=>{q(),a()}},[d,e,s,b]);const g=c.useCallback(async u=>{const a=await(await S.DataClient.getInstance(d)).fetch(S.DataType.ContactMethod,{contactMethodId:u,guideId:o},{noCache:!0}),f=F.updateForm(a,{submit:"Skicka",errors:{},meta:{groupId:m}});if(a.body=f,a.body.guideId=o,!l.current)return null;s(a)},[l]);return c.useEffect(()=>(g(n),()=>{l.current=!1}),[n,g]),e?j.jsx(B,{...e,body:{...e.body,form:e.body.form?{...e.body.form,data:(C=e.body.form)==null?void 0:C.data,layout:{...e.body.form.layout},meta:(v=e.body.form)==null?void 0:v.meta,schema:(w=e.body.form)==null?void 0:w.schema}:void 0,guideId:e.body.guideId},inline:!0,expanded:!0,dispatch:D,className:$.appendClassNames("humany-bot-contact-method",x)}):null},B=A(R.ContactMethod)`
   padding: ${n=>{var o;return(o=n.theme.sizes)==null?void 0:o.normal}} ${n=>{var o;return(o=n.theme.sizes)==null?void 0:o.medium}};
 `;exports.default=z;

package/{contact-method-list-6b716469.js → contact-method-list-07ac8bf8.js}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("@emotion/styled"),y=require("@telia-ace/knowledge-widget-adapters"),g=require("@telia-ace/knowledge-widget-ui"),l=require("react"),b=require("./contact-method-d88ce2cc.js");require("@telia-ace/knowledge-data-client");require("@telia-ace/widget-forms");require("@telia-ace/widget-utilities");require("./index-cb940de4.js");require("@telia-ace/widget-conversation");require("@telia-ace/widget-services");const j=({actions:e,entryId:t,groupId:x})=>{const q=g.useDispatch(),d=g.useContainer(),[h,C]=l.useState([]),[o,M]=l.useState([]);return l.useEffect(()=>{d.getAsync("contactMethods").then(n=>{if(!n)return;const c=e.map(async i=>{var m;if(!((m=i.data)!=null&&m.clientName))return null;const s=await n.handleAdapters(i.data);return{...s,...i.data,description:i.data.description?i.data.description:s.description,onClick:(p,r)=>{if(typeof s.onClick=="function"&&s.onClick(p,r),!p.defaultPrevented)if(r.inline&&!r.expanded)M([...o,r.id]);else{const{events:f}=d.get("$widget");f.dispatch("provider:open-contact-method",{entryId:t,contactMethod:r,actionKey:i.actionKey}),f.dispatch("tracking:contact-method-list-item-clicked",r)}}}});Promise.all(c).then(i=>{C(i.filter(s=>!!s))})})},[e,d,t,o]),h.length?a.jsx(k,{className:"humany-bot-contact-list",contactMethods:h,dispatch:q,itemRenderer:(n,c)=>(o.includes(n.id)||n.expanded)&&n.inline?a.jsx(S,{contactMethodId:n.id,groupId:x,guideId:n.body.guideId}):a.jsx($,{...n,...c})}):null},k=u(y.ContactList)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("@emotion/styled"),y=require("@telia-ace/knowledge-widget-adapters"),g=require("@telia-ace/knowledge-widget-ui"),l=require("react"),b=require("./contact-method-7295c9e6.js");require("@telia-ace/knowledge-data-client");require("@telia-ace/widget-forms");require("@telia-ace/widget-utilities");require("./index-e9872899.js");require("@telia-ace/widget-conversation");require("@telia-ace/widget-services");const k=({actions:e,entryId:t,groupId:x})=>{const q=g.useDispatch(),d=g.useContainer(),[m,C]=l.useState([]),[o,M]=l.useState([]);return l.useEffect(()=>{d.getAsync("contactMethods").then(n=>{if(!n)return;const c=e.map(async i=>{var h;if(!((h=i.data)!=null&&h.clientName))return null;const s=await n.handleAdapters(i.data);return{...s,...i.data,description:i.data.description?i.data.description:s.description,onClick:(p,r)=>{if(typeof s.onClick=="function"&&s.onClick(p,r),!p.defaultPrevented)if(r.inline&&!r.expanded)M([...o,r.id]);else{const{events:f}=d.get("$widget");f.dispatch("provider:open-contact-method",{entryId:t,contactMethod:r,actionKey:i.actionKey}),f.dispatch("tracking:contact-method-list-item-clicked",r)}}}});Promise.all(c).then(i=>{C(i.filter(s=>!!s))})})},[e,d,t,o]),m.length?a.jsx(j,{className:"humany-bot-contact-list",contactMethods:m,dispatch:q,itemRenderer:(n,c)=>(o.includes(n.id)||n.expanded)&&n.inline||n.clientName==="custom.link"?a.jsx(S,{contactMethodId:n.id,groupId:x,guideId:n.body.guideId}):a.jsx($,{...n,...c})}):null},j=u(y.ContactList)`
   > ul > li {
     a {
       display: flex;
@@ -25,4 +25,4 @@
     justify-content: center;
     align-items: center;
   }
-`;exports.default=j;
+`;exports.default=k;

package/{contact-method-list-dae09f9d.mjs → contact-method-list-127be59a.mjs}

@@ -3,11 +3,11 @@ import m from "@emotion/styled";
 import { ContactList as M, ContactMethod as $ } from "@telia-ace/knowledge-widget-adapters";
 import { useDispatch as b, useContainer as k } from "@telia-ace/knowledge-widget-ui";
 import { useState as f, useEffect as E } from "react";
-import S from "./contact-method-b5669c64.mjs";
+import S from "./contact-method-305e4145.mjs";
 import "@telia-ace/knowledge-data-client";
 import "@telia-ace/widget-forms";
 import "@telia-ace/widget-utilities";
-import "./index-cc087f12.mjs";
+import "./index-6df3a564.mjs";
 import "@telia-ace/widget-conversation";
 import "@telia-ace/widget-services";
 const F = ({ actions: t, entryId: e, groupId: y }) => {
@@ -53,7 +53,7 @@ const F = ({ actions: t, entryId: e, groupId: y }) => {
       className: "humany-bot-contact-list",
       contactMethods: l,
       dispatch: g,
-      itemRenderer: (i, c) => (r.includes(i.id) || i.expanded) && i.inline ? /* @__PURE__ */ a(
+      itemRenderer: (i, c) => (r.includes(i.id) || i.expanded) && i.inline || i.clientName === "custom.link" ? /* @__PURE__ */ a(
         z,
         {
           contactMethodId: i.id,

package/feedback-list-cef0ad94.mjs

@@ -0,0 +1,90 @@
+import { jsxs as a, Fragment as m, jsx as n } from "react/jsx-runtime";
+import i from "@emotion/styled";
+import { useContainer as h, useDispatch as p, Icon as f, List as u, list as b, Button as y, buttonCss as g, invertedHoverButton as $ } from "@telia-ace/knowledge-widget-ui";
+import { m as k } from "./styles-5f6d3622.mjs";
+import "@emotion/react";
+const K = ({ title: e, messageId: t, actions: s }) => {
+  const c = h(), { events: l } = c.get("$widget"), d = p(), r = document.createElement("div");
+  return r.innerHTML = e, e = r.innerText, /* @__PURE__ */ a(m, { children: [
+    /* @__PURE__ */ n("p", { id: t, children: e }),
+    /* @__PURE__ */ n(
+      F,
+      {
+        className: "humany-bot-feedback-list",
+        role: "group",
+        "aria-labelledby": t,
+        items: s,
+        "data-direction": "vertical",
+        renderItem: (o) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ a(
+          x,
+          {
+            className: "humany-feedback-button",
+            disabled: !1,
+            "aria-pressed": !0,
+            "data-selected": !0,
+            onClick: () => {
+              d("action", o.actionKey), l.dispatch("tracking:feedback-given-bot", {
+                feedbackResponse: o.actionKey
+              });
+            },
+            children: [
+              /* @__PURE__ */ n(
+                f,
+                {
+                  faIcon: o.actionKey === "yes" ? "smile-o" : "frown-o"
+                }
+              ),
+              /* @__PURE__ */ n("span", { children: o.label })
+            ]
+          }
+        ) }, o.actionKey)
+      }
+    )
+  ] });
+}, F = i(u)`
+  ${(e) => b(e)}
+  ${k}
+    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;
+  }
+`, x = i(y)`
+  ${g}
+  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 $({
+    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
+};

package/feedback-list-f6cb760a.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("@emotion/styled"),o=require("@telia-ace/knowledge-widget-ui"),u=require("./styles-66aa2377.js");require("@emotion/react");const m=({title:e,messageId:t,actions:a})=>{const c=o.useContainer(),{events:l}=c.get("$widget"),d=o.useDispatch(),r=document.createElement("div");return r.innerHTML=e,e=r.innerText,n.jsxs(n.Fragment,{children:[n.jsx("p",{id:t,children:e}),n.jsx(h,{className:"humany-bot-feedback-list",role:"group","aria-labelledby":t,items:a,"data-direction":"vertical",renderItem:s=>n.jsx("li",{children:n.jsxs(y,{className:"humany-feedback-button",disabled:!1,"aria-pressed":!0,"data-selected":!0,onClick:()=>{d("action",s.actionKey),l.dispatch("tracking:feedback-given-bot",{feedbackResponse:s.actionKey})},children:[n.jsx(o.Icon,{faIcon:s.actionKey==="yes"?"smile-o":"frown-o"}),n.jsx("span",{children:s.label})]})},s.actionKey)})]})},h=i(o.List)`
+  ${e=>o.list(e)}
+  ${u.messageContentPadding}
+    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;
+  }
+`,y=i(o.Button)`
+  ${o.buttonCss}
+  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 o.invertedHoverButton({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 {
+  }
+`;exports.default=m;

package/{index-cc087f12.mjs → index-6df3a564.mjs}

@@ -1,7 +1,7 @@
 var F = Object.defineProperty;
-var T = (s, t, e) => t in s ? F(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var f = (s, t, e) => (T(s, typeof t != "symbol" ? t + "" : t, e), e);
-import { ConversationMessageListItemType as v, ConversationPlatform as G, registerCustomMessageComponent as N } from "@telia-ace/widget-conversation";
+var G = (s, t, e) => t in s ? F(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var f = (s, t, e) => (G(s, typeof t != "symbol" ? t + "" : t, e), e);
+import { ConversationMessageListItemType as v, ConversationPlatform as T, registerCustomMessageComponent as N } from "@telia-ace/widget-conversation";
 import { readStorage as U, createStorageWriter as P, StorageCategory as B } from "@telia-ace/widget-services";
 import { uuid as K } from "@telia-ace/widget-utilities";
 import { FormBuilder as A, submitButton as V } from "@telia-ace/widget-forms";
@@ -12,7 +12,7 @@ const j = (s) => {
     if (t && e)
       return { type: t, content: e };
   }
-}, H = ({
+}, R = ({
   isUser: s,
   items: t = [],
   meta: e = {}
@@ -55,8 +55,8 @@ const j = (s) => {
     body: {}
   };
   if (o.indexOf("phone") > -1 || o.indexOf("freetext") > -1) {
-    const { displayTextBeforeClick: k, textBeforeClick: u } = h;
-    k === "true" && (d.expanded = !1, d.title = u), o.indexOf("phone.text") > -1 ? d.body.phoneNumber = h.phoneNumber : d.body.freetext = h.freetext;
+    const { displayTextBeforeClick: L, textBeforeClick: u } = h;
+    L === "true" && (d.expanded = !1, d.title = u), o.indexOf("phone.text") > -1 ? d.body.phoneNumber = h.phoneNumber : d.body.freetext = h.freetext;
   }
   return (o.indexOf("chat.popup") > -1 || o.indexOf("link") > -1 || o === "custom.adapter" && i === "custom") && (d.body = h, d.body.confirmationFallback = a), o.indexOf("ace") > -1 && (d.body = h), g && g.hasValueComponents && (l ? d.body.form = A.fromLegacyForm(
     s.toString(),
@@ -91,7 +91,7 @@ const j = (s) => {
     };
   }
   return (s == null ? void 0 : s.body) || {};
-}, R = async (s, t, e) => {
+}, H = async (s, t, e) => {
   (await (await s.getAsync("dataClient")).getClient()).parameters.set(t, e);
 }, b = ({
   messageId: s,
@@ -111,7 +111,7 @@ const j = (s) => {
     const l = [];
     return y.actions = o.content.items.map((d) => {
       var u;
-      const k = {
+      const L = {
         label: d.title,
         actionKey: d.actionKey,
         symbol: d.symbol ? d.symbol : void 0,
@@ -119,34 +119,34 @@ const j = (s) => {
       };
       if (d.data) {
         const S = o.actions[d.actionKey];
-        c === m.ContactList ? (l.push(d.data.id), k.data = z(d.data, {
+        c === m.ContactList ? (l.push(d.data.id), L.data = z(d.data, {
           guideId: (u = S == null ? void 0 : S.guideId) == null ? void 0 : u.toString()
-        })) : k.data = d.data;
+        })) : L.data = d.data;
       }
-      return k;
+      return L;
     }), c === m.ContactList && (y.contactMethodIds = l), y;
   }, i = async (c, o, h = [], y) => {
-    var d, k;
+    var d, L;
     const l = K();
-    switch (c.type !== "List" && c.tags.includes("guide") && ((k = (d = c.content.hints) == null ? void 0 : d[0]) != null && k.id) && await R(
+    switch (c.type !== "List" && c.tags.includes("guide") && ((L = (d = c.content.hints) == null ? void 0 : d[0]) != null && L.id) && await H(
       s,
       "LastGuideId",
       c.content.hints[0].id
     ), c.type) {
       case "List": {
-        const { header: u, items: S, html: x } = c.content, I = [];
-        let L = {
+        const { header: u, items: S, html: x } = c.content, k = [];
+        let I = {
           actions: [],
           entryId: c.id,
           groupId: o.id
         };
-        if (L.tags = c.tags || null, u && (L.header = u), (S == null ? void 0 : S.length) > 0) {
+        if (I.tags = c.tags || null, u && (I.header = u), (S == null ? void 0 : S.length) > 0) {
           const p = W(c);
-          if (L = n(
+          if (I = n(
             p,
             c,
             o.id,
-            L
+            I
           ), h.length) {
             const C = h.find(
               (E) => E.tags.includes("paging")
@@ -158,7 +158,7 @@ const j = (s) => {
               items: C.content.items,
               localState: C.localState
             }, C.content.items.forEach((E) => {
-              L.actions.push({
+              I.actions.push({
                 label: E.title,
                 actionKey: E.actionKey,
                 data: {
@@ -169,7 +169,7 @@ const j = (s) => {
               const E = O.content.items.find(
                 ($) => $.actionKey === "help"
               );
-              E && (I.push(
+              E && (k.push(
                 b({
                   messageId: l,
                   message: [
@@ -178,7 +178,7 @@ const j = (s) => {
                   ],
                   group: o
                 })
-              ), I.push(
+              ), k.push(
                 b({
                   messageId: l,
                   message: [
@@ -190,21 +190,21 @@ const j = (s) => {
               ));
             }
           }
-          I.unshift(
+          k.unshift(
             b({
               messageId: l,
-              message: [p, L],
+              message: [p, I],
               group: o
             })
           );
         }
-        return x && I.unshift(
+        return x && k.unshift(
           b({
             messageId: l,
             message: [v.HTML, { body: x }],
             group: o
           })
-        ), I;
+        ), k;
       }
       case "Text": {
         const u = [];
@@ -225,20 +225,20 @@ const j = (s) => {
             }
           ), x = h.find(
             (p) => p.tags.includes("dialog")
-          ), I = h.find(
+          ), k = h.find(
             (p) => p.tags.includes("feedback")
-          ), L = h.find(
+          ), I = h.find(
             (p) => p.tags.includes("contact") && p.type === "Contact"
           );
-          if (L && u.push(
+          if (I && u.push(
             b({
               messageId: l,
               message: [
                 m.ContactMethod,
                 {
-                  contactMethodId: L.content.id,
+                  contactMethodId: I.content.id,
                   groupId: o.id,
-                  guideId: L.content.guideId
+                  guideId: I.content.guideId
                 }
               ],
               group: o
@@ -281,32 +281,23 @@ const j = (s) => {
               })
             );
           }
-          I && (I.content.html && u.push(
-            b({
-              messageId: l,
-              group: o,
-              message: [
-                v.HTML,
-                {
-                  body: I.content.html
-                }
-              ]
-            })
-          ), u.push(
+          k && u.push(
             b({
               messageId: l,
               group: o,
               message: [
                 m.FeedbackList,
                 {
-                  actions: I.content.items.map((p) => ({
+                  title: k.content.html,
+                  messageId: l,
+                  actions: k.content.items.map((p) => ({
                     actionKey: p.actionKey,
                     label: p.title
                   }))
                 }
               ]
             })
-          ));
+          );
         }
         return u;
       }
@@ -407,7 +398,7 @@ const j = (s) => {
   for (const c of M) {
     const o = t.filter(
       (l) => l.relation === c.id && !w(l)
-    ), h = H({ isUser: !1 });
+    ), h = R({ isUser: !1 });
     (await i(c, h, o, e)).forEach((l) => {
       h.items.push(l);
     }), h.items.length && g.push(h);
@@ -718,7 +709,7 @@ class X {
     }
   }
   printUserMessage(t) {
-    const e = H({
+    const e = R({
       isUser: !0,
       items: [
         {
@@ -732,7 +723,7 @@ class X {
   }
   async onMessageSend(t) {
     const e = this.conversation.loading(), n = await this.httpClient.sendMessage(t);
-    await R(this.container, "phrase", t), this.printUserMessage(t), n && this.onMessagesReceived(n), e();
+    await H(this.container, "phrase", t), this.printUserMessage(t), n && this.onMessagesReceived(n), e();
   }
   async onWidgetEntryReceived(t) {
     var c, o, h, y, l;
@@ -765,15 +756,15 @@ class X {
   }
 }
 const it = async (s) => {
-  const t = await G.getInstance(s);
+  const t = await T.getInstance(s);
   N(
     s,
     m.ContactList,
-    import("./contact-method-list-dae09f9d.mjs")
+    import("./contact-method-list-127be59a.mjs")
   ), N(
     s,
     m.ContactMethod,
-    import("./contact-method-b5669c64.mjs")
+    import("./contact-method-305e4145.mjs")
   ), N(
     s,
     m.NotificationList,
@@ -785,7 +776,7 @@ const it = async (s) => {
   ), N(
     s,
     m.FeedbackList,
-    import("./feedback-list-0cf5a7d8.mjs")
+    import("./feedback-list-cef0ad94.mjs")
   ), t.registerProvider("ace-knowledge-bot", (e, n) => {
     const i = new X(
       s,

package/index-e9872899.js

@@ -0,0 +1 @@
+"use strict";var R=Object.defineProperty;var H=(n,t,e)=>t in n?R(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var y=(n,t,e)=>(H(n,typeof t!="symbol"?t+"":t,e),e);const p=require("@telia-ace/widget-conversation"),N=require("@telia-ace/widget-services"),K=require("@telia-ace/widget-utilities"),P=require("@telia-ace/widget-forms");var f=(n=>(n.ContactMethod="ace-knowledge-bot-contact-method",n.ContactList="ace-knowledge-bot-contact-list",n.FeedbackList="ace-knowledge-bot-feedback-list",n.NotificationList="ace-knowledge-bot-notification-list",n.NoGoodAlternative="ace-knowledge-bot-no-good-alternative",n))(f||{});const $=n=>{if(n){const{type:t,content:e}=n;if(t&&e)return{type:t,content:e}}},A=({isUser:n,items:t=[],meta:e={}})=>{const s=K.uuid();return{id:s,isUser:n,items:t.map(a=>({id:a.id||K.uuid(),isUser:n,groupId:s,message:a.message||[]})),meta:e}},U=({id:n,title:t,defaultIcon:e,exits:[s],exitType:i,confirmationText:a,expandFormAutomatically:c,form:h,description:E},S={})=>{const{adapter:r}=s||{Adapter:{}},{clientName:o="",settings:g={},customClientName:v=""}=r,{validation:l}=S,d={id:n.toString(),title:t,description:E,symbol:$(e),clientName:o==="custom.adapter"?v:o,expanded:!0,inline:!0,body:{}};if(o.indexOf("phone")>-1||o.indexOf("freetext")>-1){const{displayTextBeforeClick:L,textBeforeClick:m}=g;L==="true"&&(d.expanded=!1,d.title=m),o.indexOf("phone.text")>-1?d.body.phoneNumber=g.phoneNumber:d.body.freetext=g.freetext}return(o.indexOf("chat.popup")>-1||o.indexOf("link")>-1||o==="custom.adapter"&&i==="custom")&&(d.body=g,d.body.confirmationFallback=a),o.indexOf("ace")>-1&&(d.body=g),h&&h.hasValueComponents&&(l?d.body.form=P.FormBuilder.fromLegacyForm(n.toString(),h,l).get():d.body.form=P.FormBuilder.fromLegacyForm(n.toString(),h).get(),c||(d.expanded=d.inline=!1),d.body=B(d,{submit:"Submit"})),S.guideId&&(d.body.guideId=S.guideId),d},G=n=>{const{localState:t}=n;return n.tags.includes("category")&&n.tags.includes("contact")?p.ConversationMessageListItemType.ItemList:n.tags.includes("suggestion")||(t==null?void 0:t.$type)==="Humany.Matching.Bots.Conversations.GuideListState, Humany.Matching"?p.ConversationMessageListItemType.LinkList:(t==null?void 0:t.$type)==="Humany.Matching.Bots.Conversations.States.GuideFeedbackState, Humany.Matching"?f.FeedbackList:(t==null?void 0:t.$type)==="Humany.Matching.Bots.Conversations.States.ContactState, Humany.Matching"?f.ContactList:p.ConversationMessageListItemType.ButtonList},q=(n,t)=>{const{knowledgeBotEndpoint:e}=t.properties();if(e)return`${e}/conversations`;const{data:s}=n.get("$settings");if(!s||!s.projection)throw new Error("Missing Knowledge Bot endpoint");return`${s.projection}/conversations`},B=(n,{submit:t,errors:e,meta:s})=>{var i;if((i=n==null?void 0:n.body)!=null&&i.form){const{body:a}=n,c=new P.FormBuilder(a.form);return a.form.layout.submit||c.createComponent(P.submitButton(t,"submit")),e&&c.setValidationErrors(e),s&&c.setMeta(s),{...a,form:c.get()}}return(n==null?void 0:n.body)||{}},O=async(n,t,e)=>{(await(await n.getAsync("dataClient")).getClient()).parameters.set(t,e)},b=({messageId:n,message:t,group:e})=>({id:n,message:t,groupId:e.id,isUser:e.isUser}),V=async(n,t,e)=>{const s=(r,o,g,v={actions:[],entryId:o.id,groupId:g})=>{const l=[];return v.actions=o.content.items.map(d=>{var m;const L={label:d.title,actionKey:d.actionKey,symbol:d.symbol?d.symbol:void 0,description:d.description||void 0};if(d.data){const w=o.actions[d.actionKey];r===f.ContactList?(l.push(d.data.id),L.data=U(d.data,{guideId:(m=w==null?void 0:w.guideId)==null?void 0:m.toString()})):L.data=d.data}return L}),r===f.ContactList&&(v.contactMethodIds=l),v},i=async(r,o,g=[],v)=>{var d,L;const l=K.uuid();switch(r.type!=="List"&&r.tags.includes("guide")&&((L=(d=r.content.hints)==null?void 0:d[0])!=null&&L.id)&&await O(n,"LastGuideId",r.content.hints[0].id),r.type){case"List":{const{header:m,items:w,html:x}=r.content,M=[];let C={actions:[],entryId:r.id,groupId:o.id};if(C.tags=r.tags||null,m&&(C.header=m),(w==null?void 0:w.length)>0){const u=G(r);if(C=s(u,r,o.id,C),g.length){const I=g.find(k=>k.tags.includes("paging")),T=g.find(k=>k.tags.includes("fallback"));if(I!=null&&I.content&&(o.meta.paging={actions:I.actions,items:I.content.items,localState:I.localState},I.content.items.forEach(k=>{C.actions.push({label:k.title,actionKey:k.actionKey,data:{groupId:v?v.id:o.id}})})),T){const k=T.content.items.find(F=>F.actionKey==="help");k&&(M.push(b({messageId:l,message:[p.ConversationMessageListItemType.Separator,void 0],group:o})),M.push(b({messageId:l,message:[f.NoGoodAlternative,{body:k.title}],group:o})))}}M.unshift(b({messageId:l,message:[u,C],group:o}))}return x&&M.unshift(b({messageId:l,message:[p.ConversationMessageListItemType.HTML,{body:x}],group:o})),M}case"Text":{const m=[];if(m.push(b({messageId:l,message:[p.ConversationMessageListItemType.HTML,{body:r.content.html}],group:o})),g.length){const w=g.find(u=>{var I;return u.type==="List"&&((I=u.localState)==null?void 0:I.$type)==="Humany.Matching.Bots.Conversations.States.ContactState, Humany.Matching"}),x=g.find(u=>u.tags.includes("dialog")),M=g.find(u=>u.tags.includes("feedback")),C=g.find(u=>u.tags.includes("contact")&&u.type==="Contact");if(C&&m.push(b({messageId:l,message:[f.ContactMethod,{contactMethodId:C.content.id,groupId:o.id,guideId:C.content.guideId}],group:o})),x&&m.push(b({messageId:l,message:[p.ConversationMessageListItemType.ButtonList,{actions:x.content.items.map(u=>({label:u.title,actionKey:u.actionKey,data:u.data}))}],group:o})),w){const u=s(f.ContactList,w,o.id);m.push(b({messageId:l,message:[p.ConversationMessageListItemType.Separator,void 0],group:o})),m.push(b({messageId:l,message:[f.ContactList,u],group:o}))}M&&m.push(b({messageId:l,group:o,message:[f.FeedbackList,{title:M.content.html,messageId:l,actions:M.content.items.map(u=>({actionKey:u.actionKey,label:u.title}))}]}))}return m}case"Contact":return[b({messageId:l,message:[f.ContactMethod,{contactMethodId:r.content.id,groupId:o.id,guideId:r.content.guideId}],group:o})];case"CategorizedNoticeList":{const m=[b({messageId:l,message:[f.NotificationList,{id:r.content.item.id.toString(),header:r.content.item.title,items:r.content.item.listNotices,symbol:r.content.item.defaultIcon}],group:o})];return(r.content.notices||[]).forEach(w=>{m.push(b({messageId:l,message:[p.ConversationMessageListItemType.HTML,{body:w.body}],group:o}))}),m}case"footerNotice":return[b({messageId:l,message:[p.ConversationMessageListItemType.HTML,{body:r.content.item.body}],group:o})];case"Error":return[b({messageId:l,message:[p.ConversationMessageListItemType.HTML,{body:r.content.message||"Something went wrong."}],group:o})];default:return[]}},a=r=>["CategorizedNoticeList","NoticeList"].includes(r.type)?(r.content.items||[]).reduce((o,g)=>(r.content.isInitialNotices&&o.push({...r,id:K.uuid(),type:g.type||r.type,content:{$type:r.content.$type,isInitialNotices:r.content.isInitialNotices,notices:g.notices,item:g}}),o),[]):r,c=new Map([["Text",1],["List",2],["Contact",3],["CategorizedNoticeList",10]]),h=[],E=t.sort((r,o)=>{const v=c.get(r.type)||20,l=c.get(o.type)||20;return v-l}).filter(r=>!r.relation).reduce((r,o)=>r.concat(a(o)),[]),S=r=>typeof r.actions.selector<"u";for(const r of E){const o=t.filter(l=>l.relation===r.id&&!S(l)),g=A({isUser:!1});(await i(r,g,o,e)).forEach(l=>{g.items.push(l)}),g.items.length&&h.push(g)}return h};class j{constructor(t,e,s,i){y(this,"globalState");y(this,"localState");y(this,"clientId");y(this,"entries");this.endpoint=t,this.events=e,this.store=s,this.container=i,this.clientId=K.uuid(),this.entries=[]}async start({silent:t}){const e=await this.store.read("globalState"),s=await this.store.read("localState"),i=await this.store.read("entries");if(this.globalState=e||this.globalState,this.localState=s||this.localState,this.entries=i||this.entries,t)return;const a=this.createInitialEnvelope();return await this.postEnvelope(a)}async sendMessage(t){const e={command:{phrase:t},globalState:this.globalState,clientId:this.clientId};return await this.postEnvelope(e)}async helpAction(){return this.postEnvelope({action:{key:"help",content:{$type:"Humany.Matching.Bots.Conversations.Actions.Help, Humany.Matching"}},globalState:this.globalState,clientId:this.clientId})}async nextAction(t){var s;const{paging:e}=t.meta;if((s=e.actions)!=null&&s.next)return this.postEnvelope({action:{key:"next",content:e.actions.next},localState:e.localState,globalState:this.globalState,clientId:this.clientId},t).then(i=>{const a=t.items.findIndex(c=>c.message[0]==="link-list");return a===-1||!i?t:{...t,meta:{...t.meta,...i[0].meta},items:[...t.items.slice(0,a),{...t.items[a],message:[i[0].items[0].message[0],{...t.items[a].message[1],...i[0].items[0].message[1]}]},...t.items.slice(a+1)]}})}async showContactMethodAction(t){const e=this.entries.find(i=>i.id===t.entryId),s=e==null?void 0:e.actions[t.actionKey];if(s)return this.postEnvelope({action:{key:t.actionKey,content:s},localState:e.localState,globalState:this.globalState,clientId:this.clientId})}async defaultAction(t){const e=this.getEntryOfAction(t);if(e)return this.postEnvelope({action:{key:t,content:e.actions[t]},localState:e.localState,globalState:this.globalState,clientId:this.clientId})}createInitialEnvelope(){return{command:{site:this.endpoint},clientId:this.clientId,globalState:{},funnel:this.container.get("$widget").name}}async postEnvelope(t,e){try{const s=await fetch(this.endpoint,this.getHttpOptions(t));if(!s.ok)throw s;const i=await s.json();return this.handleResponse(i,e)}catch(s){process.env.NODE_ENV!=="production"&&console.warn("Something went wrong when posting the envelope.");let i="Something went wrong";return(s.message==="Failed to fetch"||s.message==="NetworkError when attempting to fetch resource.")&&(i="Lost connection... Please try again."),this.events.dispatch("tracking:http-client-error",{message:i,error:s}),this.handleResponse({entries:[{id:K.uuid(),type:"Error",timestamp:new Date().toISOString(),content:{message:i},actions:{},tags:[]}]})}}async handleResponse(t,e){this.entries=this.entries.concat(t.entries),this.store.write(this.entries,"entries");const s=t.entries.find(a=>a.type==="Widget");return s&&this.events.dispatch("provider:widget-entry",s.content),t.globalState&&(this.globalState=t.globalState,this.store.write(t.globalState,"globalState")),this.localState=t.entries.reduce((a,c)=>c.localState?c.localState:a,void 0),this.store.write(this.localState,"localState"),await V(this.container,t.entries,e)}getHttpOptions(t){const e={method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"}};return t.funnel=this.container.get("$widget").name,t.localState=t.localState||this.localState,Object.assign({},e,{body:JSON.stringify(t),credentials:"same-origin"})}getEntryOfAction(t){return this.entries.find(e=>!!e.actions[t])}}class z{constructor(t){y(this,"enabled",!0);y(this,"botProviderGlobalStateKey","bot-provider-global-state");y(this,"botProviderLocalStateKey","bot-provider-local-state");y(this,"botProviderEntriesKey","bot-provider-entries");y(this,"botProviderMetaStateKey","bot-provider-conversation-meta");this.container=t}getKey(t){let e;switch(t){case"localState":e=this.botProviderLocalStateKey;break;case"globalState":e=this.botProviderGlobalStateKey;break;case"entries":e=this.botProviderEntriesKey;break;case"meta":e=this.botProviderMetaStateKey;break}return e}async read(t){const e=this.getKey(t);if(!(!this.enabled||!e))return N.readStorage(this.container,e)}async write(t,e){const s=this.getKey(e);if(!this.enabled||!s)return;(await N.createStorageWriter(this.container,s,N.StorageCategory.Necessary))(t)}}class W{constructor(t,e,s){y(this,"agent");y(this,"user");y(this,"httpClient");y(this,"events");y(this,"groups",[]);y(this,"store");this.container=t,this.conversation=e;const{events:i}=this.container.get("$widget");this.events=i,this.store=new z(t),this.agent=e.createAgent({id:"knowledge-bot-agent",name:"",avatar:void 0}),this.user=e.user;const a=q(t,s);this.httpClient=new j(a,i,this.store,this.container),this.events.subscribe("provider:widget-entry",(c,h)=>{this.onWidgetEntryReceived(h)}),this.events.subscribe("provider:open-contact-method",async(c,h)=>{const E=await this.httpClient.showContactMethodAction(h);E&&(h.contactMethod.title&&this.printUserMessage(h.contactMethod.title),this.onMessagesReceived(E))})}async initialize(){var a;const t=this.conversation.loading(),e=await this.store.read("meta");e!=null&&e.agent&&this.agent.update({name:e.agent.name,avatar:e.agent.avatar});const s=await this.conversation.isRehydrated(),i=await this.httpClient.start({silent:((a=this.conversation.options)==null?void 0:a.silent)||s});i&&this.onMessagesReceived(i),t()}async onMessagesReceived(t){this.groups=this.groups.concat(t),t.forEach(e=>{const s=e.items.map(i=>i.message);e.isUser?e.writer=this.user.print(s):e.writer=this.agent.print(s)})}async onInput(t){const e=typeof t=="string"?t:t.actionKey;switch(e){case"next":{if(typeof t=="string")return;const s=this.groups.find(i=>{var a;return i.id===((a=t.data)==null?void 0:a.groupId)});if(s){const i=await this.httpClient.nextAction(s);if(i){const a=i.items.map(c=>c.message);s.meta.paging=i==null?void 0:i.meta.paging,s.writer.update(a)}}}break;case"help":{const s=this.conversation.loading(),i=await this.httpClient.helpAction();s(),i&&this.onMessagesReceived(i)}break;default:{typeof t!="string"&&t.label&&this.printUserMessage(t.label);const s=this.conversation.loading(),i=await this.httpClient.defaultAction(e);i&&this.onMessagesReceived(i),s()}break}}printUserMessage(t){const e=A({isUser:!0,items:[{id:K.uuid(),isUser:!0,message:[p.ConversationMessageListItemType.HTML,{body:t}]}]});return this.onMessagesReceived([e]),e}async onMessageSend(t){const e=this.conversation.loading(),s=await this.httpClient.sendMessage(t);await O(this.container,"phrase",t),this.printUserMessage(t),s&&this.onMessagesReceived(s),e()}async onWidgetEntryReceived(t){var r,o,g,v,l;if(t.agent){const d={name:t.agent.name,avatar:t.agent.avatar};this.agent.update(d),(await N.createStorageWriter(this.container,"bot-provider-conversation-meta",N.StorageCategory.Necessary))({agent:d})}const s=(await this.container.getAsync("components")).components().ofType("widget-header").select();if(!s)return;const i=await this.container.get("settings"),a=i==null?void 0:i.components["widget-header"],c=(o=(r=a==null?void 0:a.properties)==null?void 0:r.actions)==null?void 0:o.avatar,h=(g=a==null?void 0:a.properties)==null?void 0:g.header,E=(v=a==null?void 0:a.properties)==null?void 0:v.tagline,S={};!h&&(t!=null&&t.heading)&&(S.header=t.heading),!E&&(t!=null&&t.tagline)&&(S.tagline=t.tagline),!c&&((l=t==null?void 0:t.agent)!=null&&l.avatar)&&(S.actions={avatar:{position:"left",symbol:{type:"Uri",content:t.agent.avatar}}}),Object.keys(S).length>0&&s.writeProperties(S)}}const _=async n=>{const t=await p.ConversationPlatform.getInstance(n);p.registerCustomMessageComponent(n,f.ContactList,Promise.resolve().then(()=>require("./contact-method-list-07ac8bf8.js"))),p.registerCustomMessageComponent(n,f.ContactMethod,Promise.resolve().then(()=>require("./contact-method-7295c9e6.js"))),p.registerCustomMessageComponent(n,f.NotificationList,Promise.resolve().then(()=>require("./notification-list-d4d9695d.js"))),p.registerCustomMessageComponent(n,f.NoGoodAlternative,Promise.resolve().then(()=>require("./no-good-alternative-0ced8ab9.js"))),p.registerCustomMessageComponent(n,f.FeedbackList,Promise.resolve().then(()=>require("./feedback-list-f6cb760a.js"))),t.registerProvider("ace-knowledge-bot",(e,s)=>{const i=new W(n,e,s);i.initialize();const a=[];return a.push(s.actions.watch("conversation.user-submit",(c,h)=>{i.onMessageSend(c.text)})),a.push(s.actions.watch("conversation.action",(c,h)=>(i.onInput(c),h(c)))),a.push(s.actions.create("evaluate",c=>{const{events:h}=n.get("$widget");h.dispatch("bot-provider:evaluate",c)})),a.push(s.actions.create("submit",c=>{const{events:h}=n.get("$widget");h.dispatch("bot-provider:form-submitted",c)})),()=>{a.forEach(c=>{c()})}})};exports.KnowledgeBotProviderPlugin=_;exports.updateForm=B;

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-cb940de4.js");require("@telia-ace/widget-conversation");require("@telia-ace/widget-services");require("@telia-ace/widget-utilities");require("@telia-ace/widget-forms");exports.ConversationPlugin=e.KnowledgeBotProviderPlugin;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-e9872899.js");require("@telia-ace/widget-conversation");require("@telia-ace/widget-services");require("@telia-ace/widget-utilities");require("@telia-ace/widget-forms");exports.ConversationPlugin=e.KnowledgeBotProviderPlugin;

package/index.mjs

@@ -1,4 +1,4 @@
-import { K as n } from "./index-cc087f12.mjs";
+import { K as n } from "./index-6df3a564.mjs";
 import "@telia-ace/widget-conversation";
 import "@telia-ace/widget-services";
 import "@telia-ace/widget-utilities";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-bot-provider",
-  "version": "1.3.0-rc.1",
+  "version": "1.3.0-rc.10",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,15 +10,15 @@
     }
   },
   "dependencies": {
-    "@telia-ace/knowledge-data-client": "^1.3.0-rc.1",
-    "@telia-ace/knowledge-widget-adapters": "^1.3.0-rc.1",
-    "@telia-ace/knowledge-widget-ui": "^1.3.0-rc.1",
-    "@telia-ace/widget-conversation": "^1.3.0-rc.1",
-    "@telia-ace/widget-forms": "^1.3.0-rc.1",
-    "@telia-ace/widget-services": "^1.3.0-rc.1",
-    "@telia-ace/widget-utilities": "^1.3.0-rc.1",
+    "@telia-ace/knowledge-data-client": "^1.3.0-rc.10",
+    "@telia-ace/knowledge-widget-adapters": "^1.3.0-rc.10",
+    "@telia-ace/knowledge-widget-ui": "^1.3.0-rc.10",
+    "@telia-ace/widget-conversation": "^1.3.0-rc.10",
+    "@telia-ace/widget-forms": "^1.3.0-rc.10",
+    "@telia-ace/widget-services": "^1.3.0-rc.10",
+    "@telia-ace/widget-utilities": "^1.3.0-rc.10",
     "@webprovisions/platform": "^1.1.4",
-    "@telia-ace/knowledge-widget-core": "^1.3.0-rc.1"
+    "@telia-ace/knowledge-widget-core": "^1.3.0-rc.10"
   },
   "peerDependencies": {
     "@emotion/react": "11.11.1",

package/ui/feedback-list.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
 type Props = {
+    title: string;
+    messageId: string;
     actions: {
         [key: string]: string;
     }[];

package/feedback-list-0cf5a7d8.mjs

@@ -1,80 +0,0 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import n from "@emotion/styled";
-import { useContainer as c, useDispatch as l, Icon as d, List as m, list as f, Button as h, buttonCss as p, invertedHoverButton as u } from "@telia-ace/knowledge-widget-ui";
-import { m as y } from "./styles-5f6d3622.mjs";
-import "@emotion/react";
-const v = ({ actions: e }) => {
-  const t = c(), { events: s } = t.get("$widget"), r = l();
-  return /* @__PURE__ */ a(
-    b,
-    {
-      className: "humany-bot-feedback-list",
-      items: e,
-      "data-direction": "vertical",
-      renderItem: (o) => /* @__PURE__ */ a("li", { children: /* @__PURE__ */ i(
-        $,
-        {
-          className: "humany-feedback-button",
-          disabled: !1,
-          "aria-pressed": !0,
-          "data-selected": !0,
-          onClick: () => {
-            r("action", o.actionKey), s.dispatch("tracking:feedback-given-bot", {
-              feedbackResponse: o.actionKey
-            });
-          },
-          children: [
-            /* @__PURE__ */ a(d, { faIcon: o.actionKey === "yes" ? "smile-o" : "frown-o" }),
-            /* @__PURE__ */ a("span", { children: o.label })
-          ]
-        }
-      ) }, o.actionKey)
-    }
-  );
-}, b = n(m)`
-  ${(e) => f(e)}
-  ${y}
-    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;
-  }
-`, $ = n(h)`
-  ${p}
-  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 u({
-    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 {
-  v as default
-};

package/feedback-list-48c7bffb.js

@@ -1,25 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("@emotion/styled"),s=require("@telia-ace/knowledge-widget-ui"),c=require("./styles-66aa2377.js");require("@emotion/react");const l=({actions:e})=>{const t=s.useContainer(),{events:r}=t.get("$widget"),a=s.useDispatch();return o.jsx(d,{className:"humany-bot-feedback-list",items:e,"data-direction":"vertical",renderItem:n=>o.jsx("li",{children:o.jsxs(u,{className:"humany-feedback-button",disabled:!1,"aria-pressed":!0,"data-selected":!0,onClick:()=>{a("action",n.actionKey),r.dispatch("tracking:feedback-given-bot",{feedbackResponse:n.actionKey})},children:[o.jsx(s.Icon,{faIcon:n.actionKey==="yes"?"smile-o":"frown-o"}),o.jsx("span",{children:n.label})]})},n.actionKey)})},d=i(s.List)`
-  ${e=>s.list(e)}
-  ${c.messageContentPadding}
-    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=i(s.Button)`
-  ${s.buttonCss}
-  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 s.invertedHoverButton({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 {
-  }
-`;exports.default=l;

package/index-cb940de4.js

@@ -1 +0,0 @@
-"use strict";var H=Object.defineProperty;var R=(n,t,e)=>t in n?H(n,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[t]=e;var y=(n,t,e)=>(R(n,typeof t!="symbol"?t+"":t,e),e);const m=require("@telia-ace/widget-conversation"),N=require("@telia-ace/widget-services"),K=require("@telia-ace/widget-utilities"),P=require("@telia-ace/widget-forms");var f=(n=>(n.ContactMethod="ace-knowledge-bot-contact-method",n.ContactList="ace-knowledge-bot-contact-list",n.FeedbackList="ace-knowledge-bot-feedback-list",n.NotificationList="ace-knowledge-bot-notification-list",n.NoGoodAlternative="ace-knowledge-bot-no-good-alternative",n))(f||{});const $=n=>{if(n){const{type:t,content:e}=n;if(t&&e)return{type:t,content:e}}},A=({isUser:n,items:t=[],meta:e={}})=>{const s=K.uuid();return{id:s,isUser:n,items:t.map(a=>({id:a.id||K.uuid(),isUser:n,groupId:s,message:a.message||[]})),meta:e}},U=({id:n,title:t,defaultIcon:e,exits:[s],exitType:i,confirmationText:a,expandFormAutomatically:c,form:g,description:E},S={})=>{const{adapter:r}=s||{Adapter:{}},{clientName:o="",settings:h={},customClientName:v=""}=r,{validation:l}=S,d={id:n.toString(),title:t,description:E,symbol:$(e),clientName:o==="custom.adapter"?v:o,expanded:!0,inline:!0,body:{}};if(o.indexOf("phone")>-1||o.indexOf("freetext")>-1){const{displayTextBeforeClick:M,textBeforeClick:p}=h;M==="true"&&(d.expanded=!1,d.title=p),o.indexOf("phone.text")>-1?d.body.phoneNumber=h.phoneNumber:d.body.freetext=h.freetext}return(o.indexOf("chat.popup")>-1||o.indexOf("link")>-1||o==="custom.adapter"&&i==="custom")&&(d.body=h,d.body.confirmationFallback=a),o.indexOf("ace")>-1&&(d.body=h),g&&g.hasValueComponents&&(l?d.body.form=P.FormBuilder.fromLegacyForm(n.toString(),g,l).get():d.body.form=P.FormBuilder.fromLegacyForm(n.toString(),g).get(),c||(d.expanded=d.inline=!1),d.body=B(d,{submit:"Submit"})),S.guideId&&(d.body.guideId=S.guideId),d},G=n=>{const{localState:t}=n;return n.tags.includes("category")&&n.tags.includes("contact")?m.ConversationMessageListItemType.ItemList:n.tags.includes("suggestion")||(t==null?void 0:t.$type)==="Humany.Matching.Bots.Conversations.GuideListState, Humany.Matching"?m.ConversationMessageListItemType.LinkList:(t==null?void 0:t.$type)==="Humany.Matching.Bots.Conversations.States.GuideFeedbackState, Humany.Matching"?f.FeedbackList:(t==null?void 0:t.$type)==="Humany.Matching.Bots.Conversations.States.ContactState, Humany.Matching"?f.ContactList:m.ConversationMessageListItemType.ButtonList},q=(n,t)=>{const{knowledgeBotEndpoint:e}=t.properties();if(e)return`${e}/conversations`;const{data:s}=n.get("$settings");if(!s||!s.projection)throw new Error("Missing Knowledge Bot endpoint");return`${s.projection}/conversations`},B=(n,{submit:t,errors:e,meta:s})=>{var i;if((i=n==null?void 0:n.body)!=null&&i.form){const{body:a}=n,c=new P.FormBuilder(a.form);return a.form.layout.submit||c.createComponent(P.submitButton(t,"submit")),e&&c.setValidationErrors(e),s&&c.setMeta(s),{...a,form:c.get()}}return(n==null?void 0:n.body)||{}},O=async(n,t,e)=>{(await(await n.getAsync("dataClient")).getClient()).parameters.set(t,e)},b=({messageId:n,message:t,group:e})=>({id:n,message:t,groupId:e.id,isUser:e.isUser}),V=async(n,t,e)=>{const s=(r,o,h,v={actions:[],entryId:o.id,groupId:h})=>{const l=[];return v.actions=o.content.items.map(d=>{var p;const M={label:d.title,actionKey:d.actionKey,symbol:d.symbol?d.symbol:void 0,description:d.description||void 0};if(d.data){const w=o.actions[d.actionKey];r===f.ContactList?(l.push(d.data.id),M.data=U(d.data,{guideId:(p=w==null?void 0:w.guideId)==null?void 0:p.toString()})):M.data=d.data}return M}),r===f.ContactList&&(v.contactMethodIds=l),v},i=async(r,o,h=[],v)=>{var d,M;const l=K.uuid();switch(r.type!=="List"&&r.tags.includes("guide")&&((M=(d=r.content.hints)==null?void 0:d[0])!=null&&M.id)&&await O(n,"LastGuideId",r.content.hints[0].id),r.type){case"List":{const{header:p,items:w,html:x}=r.content,C=[];let I={actions:[],entryId:r.id,groupId:o.id};if(I.tags=r.tags||null,p&&(I.header=p),(w==null?void 0:w.length)>0){const u=G(r);if(I=s(u,r,o.id,I),h.length){const L=h.find(k=>k.tags.includes("paging")),T=h.find(k=>k.tags.includes("fallback"));if(L!=null&&L.content&&(o.meta.paging={actions:L.actions,items:L.content.items,localState:L.localState},L.content.items.forEach(k=>{I.actions.push({label:k.title,actionKey:k.actionKey,data:{groupId:v?v.id:o.id}})})),T){const k=T.content.items.find(F=>F.actionKey==="help");k&&(C.push(b({messageId:l,message:[m.ConversationMessageListItemType.Separator,void 0],group:o})),C.push(b({messageId:l,message:[f.NoGoodAlternative,{body:k.title}],group:o})))}}C.unshift(b({messageId:l,message:[u,I],group:o}))}return x&&C.unshift(b({messageId:l,message:[m.ConversationMessageListItemType.HTML,{body:x}],group:o})),C}case"Text":{const p=[];if(p.push(b({messageId:l,message:[m.ConversationMessageListItemType.HTML,{body:r.content.html}],group:o})),h.length){const w=h.find(u=>{var L;return u.type==="List"&&((L=u.localState)==null?void 0:L.$type)==="Humany.Matching.Bots.Conversations.States.ContactState, Humany.Matching"}),x=h.find(u=>u.tags.includes("dialog")),C=h.find(u=>u.tags.includes("feedback")),I=h.find(u=>u.tags.includes("contact")&&u.type==="Contact");if(I&&p.push(b({messageId:l,message:[f.ContactMethod,{contactMethodId:I.content.id,groupId:o.id,guideId:I.content.guideId}],group:o})),x&&p.push(b({messageId:l,message:[m.ConversationMessageListItemType.ButtonList,{actions:x.content.items.map(u=>({label:u.title,actionKey:u.actionKey,data:u.data}))}],group:o})),w){const u=s(f.ContactList,w,o.id);p.push(b({messageId:l,message:[m.ConversationMessageListItemType.Separator,void 0],group:o})),p.push(b({messageId:l,message:[f.ContactList,u],group:o}))}C&&(C.content.html&&p.push(b({messageId:l,group:o,message:[m.ConversationMessageListItemType.HTML,{body:C.content.html}]})),p.push(b({messageId:l,group:o,message:[f.FeedbackList,{actions:C.content.items.map(u=>({actionKey:u.actionKey,label:u.title}))}]})))}return p}case"Contact":return[b({messageId:l,message:[f.ContactMethod,{contactMethodId:r.content.id,groupId:o.id,guideId:r.content.guideId}],group:o})];case"CategorizedNoticeList":{const p=[b({messageId:l,message:[f.NotificationList,{id:r.content.item.id.toString(),header:r.content.item.title,items:r.content.item.listNotices,symbol:r.content.item.defaultIcon}],group:o})];return(r.content.notices||[]).forEach(w=>{p.push(b({messageId:l,message:[m.ConversationMessageListItemType.HTML,{body:w.body}],group:o}))}),p}case"footerNotice":return[b({messageId:l,message:[m.ConversationMessageListItemType.HTML,{body:r.content.item.body}],group:o})];case"Error":return[b({messageId:l,message:[m.ConversationMessageListItemType.HTML,{body:r.content.message||"Something went wrong."}],group:o})];default:return[]}},a=r=>["CategorizedNoticeList","NoticeList"].includes(r.type)?(r.content.items||[]).reduce((o,h)=>(r.content.isInitialNotices&&o.push({...r,id:K.uuid(),type:h.type||r.type,content:{$type:r.content.$type,isInitialNotices:r.content.isInitialNotices,notices:h.notices,item:h}}),o),[]):r,c=new Map([["Text",1],["List",2],["Contact",3],["CategorizedNoticeList",10]]),g=[],E=t.sort((r,o)=>{const v=c.get(r.type)||20,l=c.get(o.type)||20;return v-l}).filter(r=>!r.relation).reduce((r,o)=>r.concat(a(o)),[]),S=r=>typeof r.actions.selector<"u";for(const r of E){const o=t.filter(l=>l.relation===r.id&&!S(l)),h=A({isUser:!1});(await i(r,h,o,e)).forEach(l=>{h.items.push(l)}),h.items.length&&g.push(h)}return g};class j{constructor(t,e,s,i){y(this,"globalState");y(this,"localState");y(this,"clientId");y(this,"entries");this.endpoint=t,this.events=e,this.store=s,this.container=i,this.clientId=K.uuid(),this.entries=[]}async start({silent:t}){const e=await this.store.read("globalState"),s=await this.store.read("localState"),i=await this.store.read("entries");if(this.globalState=e||this.globalState,this.localState=s||this.localState,this.entries=i||this.entries,t)return;const a=this.createInitialEnvelope();return await this.postEnvelope(a)}async sendMessage(t){const e={command:{phrase:t},globalState:this.globalState,clientId:this.clientId};return await this.postEnvelope(e)}async helpAction(){return this.postEnvelope({action:{key:"help",content:{$type:"Humany.Matching.Bots.Conversations.Actions.Help, Humany.Matching"}},globalState:this.globalState,clientId:this.clientId})}async nextAction(t){var s;const{paging:e}=t.meta;if((s=e.actions)!=null&&s.next)return this.postEnvelope({action:{key:"next",content:e.actions.next},localState:e.localState,globalState:this.globalState,clientId:this.clientId},t).then(i=>{const a=t.items.findIndex(c=>c.message[0]==="link-list");return a===-1||!i?t:{...t,meta:{...t.meta,...i[0].meta},items:[...t.items.slice(0,a),{...t.items[a],message:[i[0].items[0].message[0],{...t.items[a].message[1],...i[0].items[0].message[1]}]},...t.items.slice(a+1)]}})}async showContactMethodAction(t){const e=this.entries.find(i=>i.id===t.entryId),s=e==null?void 0:e.actions[t.actionKey];if(s)return this.postEnvelope({action:{key:t.actionKey,content:s},localState:e.localState,globalState:this.globalState,clientId:this.clientId})}async defaultAction(t){const e=this.getEntryOfAction(t);if(e)return this.postEnvelope({action:{key:t,content:e.actions[t]},localState:e.localState,globalState:this.globalState,clientId:this.clientId})}createInitialEnvelope(){return{command:{site:this.endpoint},clientId:this.clientId,globalState:{},funnel:this.container.get("$widget").name}}async postEnvelope(t,e){try{const s=await fetch(this.endpoint,this.getHttpOptions(t));if(!s.ok)throw s;const i=await s.json();return this.handleResponse(i,e)}catch(s){process.env.NODE_ENV!=="production"&&console.warn("Something went wrong when posting the envelope.");let i="Something went wrong";return(s.message==="Failed to fetch"||s.message==="NetworkError when attempting to fetch resource.")&&(i="Lost connection... Please try again."),this.events.dispatch("tracking:http-client-error",{message:i,error:s}),this.handleResponse({entries:[{id:K.uuid(),type:"Error",timestamp:new Date().toISOString(),content:{message:i},actions:{},tags:[]}]})}}async handleResponse(t,e){this.entries=this.entries.concat(t.entries),this.store.write(this.entries,"entries");const s=t.entries.find(a=>a.type==="Widget");return s&&this.events.dispatch("provider:widget-entry",s.content),t.globalState&&(this.globalState=t.globalState,this.store.write(t.globalState,"globalState")),this.localState=t.entries.reduce((a,c)=>c.localState?c.localState:a,void 0),this.store.write(this.localState,"localState"),await V(this.container,t.entries,e)}getHttpOptions(t){const e={method:"POST",headers:{Accept:"application/json","Content-Type":"application/json"}};return t.funnel=this.container.get("$widget").name,t.localState=t.localState||this.localState,Object.assign({},e,{body:JSON.stringify(t),credentials:"same-origin"})}getEntryOfAction(t){return this.entries.find(e=>!!e.actions[t])}}class z{constructor(t){y(this,"enabled",!0);y(this,"botProviderGlobalStateKey","bot-provider-global-state");y(this,"botProviderLocalStateKey","bot-provider-local-state");y(this,"botProviderEntriesKey","bot-provider-entries");y(this,"botProviderMetaStateKey","bot-provider-conversation-meta");this.container=t}getKey(t){let e;switch(t){case"localState":e=this.botProviderLocalStateKey;break;case"globalState":e=this.botProviderGlobalStateKey;break;case"entries":e=this.botProviderEntriesKey;break;case"meta":e=this.botProviderMetaStateKey;break}return e}async read(t){const e=this.getKey(t);if(!(!this.enabled||!e))return N.readStorage(this.container,e)}async write(t,e){const s=this.getKey(e);if(!this.enabled||!s)return;(await N.createStorageWriter(this.container,s,N.StorageCategory.Necessary))(t)}}class W{constructor(t,e,s){y(this,"agent");y(this,"user");y(this,"httpClient");y(this,"events");y(this,"groups",[]);y(this,"store");this.container=t,this.conversation=e;const{events:i}=this.container.get("$widget");this.events=i,this.store=new z(t),this.agent=e.createAgent({id:"knowledge-bot-agent",name:"",avatar:void 0}),this.user=e.user;const a=q(t,s);this.httpClient=new j(a,i,this.store,this.container),this.events.subscribe("provider:widget-entry",(c,g)=>{this.onWidgetEntryReceived(g)}),this.events.subscribe("provider:open-contact-method",async(c,g)=>{const E=await this.httpClient.showContactMethodAction(g);E&&(g.contactMethod.title&&this.printUserMessage(g.contactMethod.title),this.onMessagesReceived(E))})}async initialize(){var a;const t=this.conversation.loading(),e=await this.store.read("meta");e!=null&&e.agent&&this.agent.update({name:e.agent.name,avatar:e.agent.avatar});const s=await this.conversation.isRehydrated(),i=await this.httpClient.start({silent:((a=this.conversation.options)==null?void 0:a.silent)||s});i&&this.onMessagesReceived(i),t()}async onMessagesReceived(t){this.groups=this.groups.concat(t),t.forEach(e=>{const s=e.items.map(i=>i.message);e.isUser?e.writer=this.user.print(s):e.writer=this.agent.print(s)})}async onInput(t){const e=typeof t=="string"?t:t.actionKey;switch(e){case"next":{if(typeof t=="string")return;const s=this.groups.find(i=>{var a;return i.id===((a=t.data)==null?void 0:a.groupId)});if(s){const i=await this.httpClient.nextAction(s);if(i){const a=i.items.map(c=>c.message);s.meta.paging=i==null?void 0:i.meta.paging,s.writer.update(a)}}}break;case"help":{const s=this.conversation.loading(),i=await this.httpClient.helpAction();s(),i&&this.onMessagesReceived(i)}break;default:{typeof t!="string"&&t.label&&this.printUserMessage(t.label);const s=this.conversation.loading(),i=await this.httpClient.defaultAction(e);i&&this.onMessagesReceived(i),s()}break}}printUserMessage(t){const e=A({isUser:!0,items:[{id:K.uuid(),isUser:!0,message:[m.ConversationMessageListItemType.HTML,{body:t}]}]});return this.onMessagesReceived([e]),e}async onMessageSend(t){const e=this.conversation.loading(),s=await this.httpClient.sendMessage(t);await O(this.container,"phrase",t),this.printUserMessage(t),s&&this.onMessagesReceived(s),e()}async onWidgetEntryReceived(t){var r,o,h,v,l;if(t.agent){const d={name:t.agent.name,avatar:t.agent.avatar};this.agent.update(d),(await N.createStorageWriter(this.container,"bot-provider-conversation-meta",N.StorageCategory.Necessary))({agent:d})}const s=(await this.container.getAsync("components")).components().ofType("widget-header").select();if(!s)return;const i=await this.container.get("settings"),a=i==null?void 0:i.components["widget-header"],c=(o=(r=a==null?void 0:a.properties)==null?void 0:r.actions)==null?void 0:o.avatar,g=(h=a==null?void 0:a.properties)==null?void 0:h.header,E=(v=a==null?void 0:a.properties)==null?void 0:v.tagline,S={};!g&&(t!=null&&t.heading)&&(S.header=t.heading),!E&&(t!=null&&t.tagline)&&(S.tagline=t.tagline),!c&&((l=t==null?void 0:t.agent)!=null&&l.avatar)&&(S.actions={avatar:{position:"left",symbol:{type:"Uri",content:t.agent.avatar}}}),Object.keys(S).length>0&&s.writeProperties(S)}}const _=async n=>{const t=await m.ConversationPlatform.getInstance(n);m.registerCustomMessageComponent(n,f.ContactList,Promise.resolve().then(()=>require("./contact-method-list-6b716469.js"))),m.registerCustomMessageComponent(n,f.ContactMethod,Promise.resolve().then(()=>require("./contact-method-d88ce2cc.js"))),m.registerCustomMessageComponent(n,f.NotificationList,Promise.resolve().then(()=>require("./notification-list-d4d9695d.js"))),m.registerCustomMessageComponent(n,f.NoGoodAlternative,Promise.resolve().then(()=>require("./no-good-alternative-0ced8ab9.js"))),m.registerCustomMessageComponent(n,f.FeedbackList,Promise.resolve().then(()=>require("./feedback-list-48c7bffb.js"))),t.registerProvider("ace-knowledge-bot",(e,s)=>{const i=new W(n,e,s);i.initialize();const a=[];return a.push(s.actions.watch("conversation.user-submit",(c,g)=>{i.onMessageSend(c.text)})),a.push(s.actions.watch("conversation.action",(c,g)=>(i.onInput(c),g(c)))),a.push(s.actions.create("evaluate",c=>{const{events:g}=n.get("$widget");g.dispatch("bot-provider:evaluate",c)})),a.push(s.actions.create("submit",c=>{const{events:g}=n.get("$widget");g.dispatch("bot-provider:form-submitted",c)})),()=>{a.forEach(c=>{c()})}})};exports.KnowledgeBotProviderPlugin=_;exports.updateForm=B;