@telia-ace/knowledge-widget-bot-provider 1.1.1-rc.1 → 1.1.1-rc.2

package/{contact-method-a18f6436.mjs → contact-method-20fd0394.mjs}

@@ -2,11 +2,14 @@ var oe = Object.defineProperty;
 var re = (n, e, t) => e in n ? oe(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
 var q = (n, e, t) => (re(n, typeof e != "symbol" ? e + "" : e, t), t);
 import { jsx as v, jsxs as V } from "react/jsx-runtime";
-import { u as Y, a as ae, C as ce, n as L, P as de, h as Z, c as j, H as le, g as ue, b as ee, l as he, S as ge, L as fe, T as me, d as be, I as ye, i as pe, e as te, F as H, W as K, f as Ce, j as ve, k as W } from "./index-cc31f772.mjs";
-import { u as we, c as ke, f as Me, r as Ne } from "./notification-list-291a2001.mjs";
+import L from "@emotion/styled";
+import { u as Y, a as ae, C as ce, P as de, h as Z, H as le, g as ue, b as ee, l as he, S as ge, L as me, T as fe, c as be, I as ye, i as pe, d as te, F as H, W as K, e as Ce, f as ve, j as W } from "./index-66306883.mjs";
+import { u as we, c as Me, f as ke, r as Ne } from "./notification-list-16d93d9e.mjs";
+import { css as j } from "@emotion/react";
 import { useState as ne, useEffect as Q, useContext as xe, Suspense as Se, useRef as $e, useCallback as Re } from "react";
 import "react-dom";
-import { a as Ae, u as Le } from "./use-dispatch-97d3af39.mjs";
+import "react-transition-group";
+import { a as Ae, u as Le } from "./use-dispatch-a4fd0411.mjs";
 const G = (n, e) => {
   let t = !0;
   return Object.keys(n).length !== Object.keys(e).length || Object.keys(n).some((i) => !Object.keys(e).some((c) => i === c)) ? !1 : (Object.keys(n).forEach((i) => {
@@ -70,7 +73,7 @@ const Oe = L(le)`
       {
         title: `client-name: ${n.clientName}, id: ${n.id}`,
         className: "humany-non-resolved-contact-method",
-        children: /* @__PURE__ */ v(me, { variant: "h5", children: "Non resolved Contact Method type" })
+        children: /* @__PURE__ */ v(fe, { variant: "h5", children: "Non resolved Contact Method type" })
       }
     ) : null;
   const o = (c = {}) => {
@@ -79,34 +82,34 @@ const Oe = L(le)`
       title: l,
       clientName: h,
       symbol: g,
-      inline: m,
+      inline: f,
       onClick: w = () => {
       },
       description: u,
       htmlParseInstruction: b,
       className: d,
-      disabled: f,
+      disabled: m,
       guideId: C,
-      dispatch: k = () => {
+      dispatch: M = () => {
       },
       expanded: y
-    } = r, M = m ? {
+    } = r, k = f ? {
       onKeyDown: (p) => {
-        p.key && p.key === "Enter" && (w(p, r), p.defaultPrevented || !y && k("expand", a));
+        p.key && p.key === "Enter" && (w(p, r), p.defaultPrevented || !y && M("expand", a));
       },
       onClick: (p) => {
-        w(p, r), p.defaultPrevented || !y && k("expand", a);
+        w(p, r), p.defaultPrevented || !y && M("expand", a);
       }
     } : {
       onClick: (p) => w(p, r),
       routeName: "contact-method",
-      params: ke({
+      params: Me({
         contactCategory: t,
         guideId: C,
         guideCategory: s,
         phrase: i,
         contactMethod: a,
-        uriName: Me(l)
+        uriName: ke(l)
       })
     };
     return /* @__PURE__ */ V(
@@ -115,11 +118,11 @@ const Oe = L(le)`
         title: l,
         "aria-label": l,
         className: d,
-        disabled: f,
+        disabled: m,
         description: u,
         "data-client-name": h,
         ...c,
-        ...M,
+        ...k,
         children: [
           g && /* @__PURE__ */ v(be, { symbol: g }),
           u ? /* @__PURE__ */ V("div", { className: "humany-contact-link-rich-content", children: [
@@ -164,7 +167,7 @@ const Oe = L(le)`
   var e;
   return (e = n.theme.fonts) == null ? void 0 : e.large;
 }};
-`, Ee = L(fe)`
+`, Ee = L(me)`
   ${(n) => Te(n)}
 
   &:focus-visible {
@@ -232,7 +235,7 @@ const Oe = L(le)`
 `;
 }, je = L(ye)`
     ${(n) => Be(n)}
-`, Xe = ({
+`, et = ({
   contactMethods: n,
   children: e,
   guideId: t,
@@ -271,8 +274,8 @@ const Oe = L(le)`
     null,
     n
   );
-  return o.subscribe("widget:settings-updated", (g, { data: m }) => {
-    m && m.projection !== c && h.proxy.setBaseUrl(m.projection);
+  return o.subscribe("widget:settings-updated", (g, { data: f }) => {
+    f && f.projection !== c && h.proxy.setBaseUrl(f.projection);
   }), h;
 })), Ue = (n, e) => () => {
   const t = (i) => {
@@ -326,7 +329,7 @@ const Oe = L(le)`
   Form: r,
   Description: a
 }, l) => {
-  const { Adapter: h } = s || { Adapter: {} }, { ClientName: g = "", Settings: m = {}, CustomClientName: w = "" } = h, u = {
+  const { Adapter: h } = s || { Adapter: {} }, { ClientName: g = "", Settings: f = {}, CustomClientName: w = "" } = h, u = {
     id: n.toString(),
     title: e,
     description: a,
@@ -337,10 +340,10 @@ const Oe = L(le)`
     body: {}
   };
   if (g.indexOf("phone") > -1 || g.indexOf("freetext") > -1) {
-    const { displayTextBeforeClick: b, textBeforeClick: d } = m;
-    b === "true" && (u.expanded = !1, u.title = d), g.indexOf("phone.text") > -1 ? u.body.phoneNumber = m.phoneNumber : u.body.freetext = m.freetext;
+    const { displayTextBeforeClick: b, textBeforeClick: d } = f;
+    b === "true" && (u.expanded = !1, u.title = d), g.indexOf("phone.text") > -1 ? u.body.phoneNumber = f.phoneNumber : u.body.freetext = f.freetext;
   }
-  return (g.indexOf("chat.popup") > -1 || g.indexOf("link") > -1 || g === "custom.adapter" && i === "custom") && (u.body = m, u.body.confirmationFallback = o), g.indexOf("ace") > -1 && (u.body = m), r && r.HasValueComponents && (l ? u.body.form = H.fromLegacyForm(n.toString(), r, l).get() : u.body.form = H.fromLegacyForm(n.toString(), r).get(), c || (u.expanded = u.inline = !1)), u;
+  return (g.indexOf("chat.popup") > -1 || g.indexOf("link") > -1 || g === "custom.adapter" && i === "custom") && (u.body = f, u.body.confirmationFallback = o), g.indexOf("ace") > -1 && (u.body = f), r && r.HasValueComponents && (l ? u.body.form = H.fromLegacyForm(n.toString(), r, l).get() : u.body.form = H.fromLegacyForm(n.toString(), r).get(), c || (u.expanded = u.inline = !1)), u;
 }, O = (n = []) => n.map(({ Id: e, Title: t, TotalMatches: s, Symbol: i, DefaultIcon: o, ActiveIcon: c }) => ({
   id: e.toString(),
   title: t,
@@ -400,22 +403,22 @@ const Oe = L(le)`
         EnableFeedback: l,
         HandoverExists: h,
         FirstPublishedDate: g,
-        Modified: m,
+        Modified: f,
         ModifiedByDisplayName: w,
         FirstPublishedByDisplayName: u,
         Categories: b,
         Tags: d,
-        SeoMetaDescription: f,
+        SeoMetaDescription: m,
         SeoAllowIndex: C,
-        Perspectives: k,
+        Perspectives: M,
         PerspectiveKey: y,
-        Translations: M
-      } = e, p = y || Object.values(k).find((N) => N === r) || k.Default || null, U = {
+        Translations: k
+      } = e, p = y || Object.values(M).find((N) => N === r) || M.Default || null, U = {
         guide: {
           id: t.toString(),
           title: s,
           body: i,
-          modified: m,
+          modified: f,
           published: g,
           modifiedBy: w,
           publishedBy: u,
@@ -423,11 +426,11 @@ const Oe = L(le)`
           categories: b,
           hasHandover: h,
           allowFeedback: l,
-          seoMetaDescription: f,
+          seoMetaDescription: m,
           seoAllowIndex: C,
-          perspectives: k,
+          perspectives: M,
           perspective: p,
-          translations: Object.keys(M || {}).reduce((N, R) => (N[R] = M[R].toString(), N), {})
+          translations: Object.keys(k || {}).reduce((N, R) => (N[R] = k[R].toString(), N), {})
         },
         related: F(o || []),
         dialog: [],
@@ -611,7 +614,7 @@ class T {
       connection: l = "",
       guideId: h,
       expandCategories: g = "descendants",
-      currentCategory: m,
+      currentCategory: f,
       sorting: w = "popularity-descending",
       guideIds: u = []
     } = t, b = s.toString().trim();
@@ -619,8 +622,8 @@ class T {
       return Promise.resolve();
     switch (e) {
       case "match": {
-        const d = (f) => {
-          const [C, k] = f.split("-");
+        const d = (m) => {
+          const [C, M] = m.split("-");
           return {
             type: (/* @__PURE__ */ new Map([
               ["popularity", "popularity"],
@@ -628,13 +631,13 @@ class T {
               ["modified", "lastModified"],
               ["published", "firstPublished"]
             ])).get(C),
-            direction: k
+            direction: M
           };
         };
         return u.length ? this.matchingClient.customRequest("guides", "POST", {
           configuration: { ids: u, take: +a }
         }).then(
-          (f) => f && this.handleResponse(f, e, t)
+          (m) => m && this.handleResponse(m, e, t)
         ) : this.matchingClient.match(b, {
           categories: i === "0" ? [] : Array.isArray(i) ? i : [+i],
           take: +a,
@@ -642,7 +645,7 @@ class T {
           sorting: d(w),
           ids: u
         }).then(
-          (f) => f && this.handleResponse(f, e, t)
+          (m) => m && this.handleResponse(m, e, t)
         );
       }
       case "match-by-category":
@@ -658,11 +661,11 @@ class T {
         return this.matchingClient.getGuide(h, { connectionId: l }).then((d) => {
           d && this.handleResponse(d, e, t);
         }).catch((d) => {
-          const f = {
+          const m = {
             message: "Something went wrong.",
             status: d.status || 400
           };
-          f.status === 404 && (f.message = "The guide could not be found."), this.handleResponse({}, e, t, f);
+          m.status === 404 && (m.message = "The guide could not be found."), this.handleResponse({}, e, t, m);
         });
       case "categories":
         return this.matchingClient.getCategories({
@@ -679,7 +682,7 @@ class T {
           (d) => d && this.handleResponse(d, e, t)
         );
       case "contact-method":
-        return this.matchingClient.getContactMethod(+c, { guideId: h, currentCategory: m }).then(
+        return this.matchingClient.getContactMethod(+c, { guideId: h, currentCategory: f }).then(
           (d) => d && this.handleResponse(d, e, t)
         );
       case "tags":
@@ -770,17 +773,17 @@ const Fe = ({
   groupId: t,
   className: s
 }) => {
-  var g, m, w;
+  var g, f, w;
   const [i, o] = ne(), c = Y(), r = Le(), a = $e(!0), l = qe();
   Q(() => {
     const { events: u } = c.get("$widget"), b = u.subscribe(
       "bot-provider:form-submitted",
-      async (f, C) => {
+      async (m, C) => {
         var R;
         if (((R = C.form.meta) == null ? void 0 : R.groupId) !== t || C.id !== i.id)
           return;
         l && (C.form.meta || (C.form.meta = {}), C.form.meta.conversation = l);
-        const k = await c.getAsync(
+        const M = await c.getAsync(
           "contactMethods"
         ), y = {
           ...i,
@@ -788,44 +791,44 @@ const Fe = ({
             ...i.body,
             form: C.form
           }
-        }, { errors: M, valid: p, errorTypes: U } = await k.validate(
+        }, { errors: k, valid: p, errorTypes: U } = await M.validate(
           y
         );
         if (!p) {
           const E = new H(i.body.form);
-          o(void 0), E.setValidationErrors(M), y.body = {
+          o(void 0), E.setValidationErrors(k), y.body = {
             ...y.body,
             form: E.get()
           }, o({ ...y });
           return;
         }
-        const N = await k.submit(y);
+        const N = await M.submit(y);
         y.confirmation = N, o(y);
       }
     ), d = u.subscribe(
       "bot-provider:evaluate",
-      async (f, C) => {
+      async (m, C) => {
         if (C.id !== n)
           return;
         const y = await (await c.getAsync(
           "contactMethods"
         )).evaluate(i);
-        let M = {
+        let k = {
           ...i,
           body: {
             ...i.body,
             form: y
           }
         };
-        const p = W(M, {
+        const p = W(k, {
           submit: "Submit",
           errors: {},
           meta: { groupId: t }
         });
-        M = {
-          ...M,
+        k = {
+          ...k,
           body: p
-        }, o(M);
+        }, o(k);
       }
     );
     return () => {
@@ -841,12 +844,12 @@ const Fe = ({
           guideId: e
         },
         { noCache: !0 }
-      ), f = W(d, {
+      ), m = W(d, {
         submit: "Submit",
         errors: {},
         meta: { groupId: t }
       });
-      if (d.body = f, d.body.guideId = e, !a.current)
+      if (d.body = m, d.body.guideId = e, !a.current)
         return null;
       o(d);
     },
@@ -865,7 +868,7 @@ const Fe = ({
           ...i.body.form,
           data: (g = i.body.form) == null ? void 0 : g.data,
           layout: { ...i.body.form.layout },
-          meta: (m = i.body.form) == null ? void 0 : m.meta,
+          meta: (f = i.body.form) == null ? void 0 : f.meta,
           schema: (w = i.body.form) == null ? void 0 : w.schema
         } : void 0,
         guideId: i.body.guideId
@@ -884,13 +887,13 @@ const Fe = ({
   var e;
   return (e = n.theme.sizes) == null ? void 0 : e.medium;
 }};
-`, Ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+`, tt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Fe
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Xe as C,
+  et as C,
   Fe as a,
   ie as b,
-  Ye as c
+  tt as c
 };

package/contact-method-63fbd19d.js

@@ -0,0 +1,99 @@
+"use strict";var ee=Object.defineProperty;var te=(n,e,t)=>e in n?ee(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var O=(n,e,t)=>(te(n,typeof e!="symbol"?e+"":e,t),t);const v=require("react/jsx-runtime"),j=require("@emotion/styled"),u=require("./index-01541f60.js"),U=require("./notification-list-6c9ed67a.js"),P=require("@emotion/react"),q=require("react");require("react-dom");require("react-transition-group");const X=require("./use-dispatch-21581b7b.js"),B=(n,e)=>{let t=!0;return Object.keys(n).length!==Object.keys(e).length||Object.keys(n).some(i=>!Object.keys(e).some(c=>i===c))?!1:(Object.keys(n).forEach(i=>{if(t){const o=typeof n[i]>"u"?"":n[i],c=typeof e[i]>"u"?"":e[i];t=o.toString()===c.toString()}}),t)},ne=(n,e)=>{const t=X.useComponentDescriptor(),s=u.useContainer(),[i,o]=q.useState(void 0),c=u.useIsMounted(),r=n||t.type||"";return q.useEffect(()=>{if(r){let a;return(e||s).getAsync("componentResolver").then(l=>{if(c.current){const g=l.getComponent(r);o(g)}a=l.registerResolver(r,g=>{c.current&&o(g)})}),()=>{a&&a()}}},[c,r,e,s]),i},ie=()=>q.useContext(u.ConversationContext);var F=(n=>(n.guide="guide",n.link="link",n.default="default",n))(F||{});j(u.Paragraph)`
+    ${n=>{var e;return u.headingElement(n)("h1",P.css`
+                font-weight: normal;
+                font-size: ${(e=n.theme.fonts)==null?void 0:e.medium};
+            `)}}
+`;const se=j(u.Html)`
+    ${u.genericHtml}
+    font-weight: 300;
+    line-height: 1.5em;
+    button:focus-visible {
+        ${u.borderTabStyle};
+    }
+
+    a:focus-visible {
+        ${u.linkTabStyle};
+    }
+`,V=n=>{const e=ne(n.clientName),{params:{contactCategory:t,guideCategory:s,phrase:i}}=U.useRouteData();if(typeof e>"u")return null;if(e===null)return process.env.NODE_ENV!=="production"?v.jsx(ae,{title:`client-name: ${n.clientName}, id: ${n.id}`,className:"humany-non-resolved-contact-method",children:v.jsx(u.Typography,{variant:"h5",children:"Non resolved Contact Method type"})}):null;const o=(c={})=>{const r={...n,...c},{id:a,title:l,clientName:g,symbol:f,inline:b,onClick:x=()=>{},description:h,htmlParseInstruction:y,className:d,disabled:m,guideId:w,dispatch:M=()=>{},expanded:p}=r,k=b?{onKeyDown:C=>{C.key&&C.key==="Enter"&&(x(C,r),C.defaultPrevented||!p&&M("expand",a))},onClick:C=>{x(C,r),C.defaultPrevented||!p&&M("expand",a)}}:{onClick:C=>x(C,r),routeName:"contact-method",params:U.createParams({contactCategory:t,guideId:w,guideCategory:s,phrase:i,contactMethod:a,uriName:U.formatUrl(l)})};return v.jsxs(re,{title:l,"aria-label":l,className:d,disabled:m,description:h,"data-client-name":g,...c,...k,children:[f&&v.jsx(u.SymbolBadge,{symbol:f}),h?v.jsxs("div",{className:"humany-contact-link-rich-content",children:[v.jsx(W,{children:l}),v.jsx(se,{html:h,htmlParseInstruction:y})]}):v.jsx(W,{children:l})]})};return n.expanded?v.jsx(q.Suspense,{fallback:null,children:v.jsx(e,{...n,renderDefault:o})}):o()},oe=n=>{var e,t,s,i,o,c,r,a;return P.css`
+  display: flex;
+  padding: ${(e=n.theme.sizes)==null?void 0:e.large};
+  ${n.description?"":"align-items: center;"}
+  text-decoration: none;
+  span {
+    display: inline-block;
+    color: ${(t=n.theme.colors)==null?void 0:t.text};
+  }
+  i {
+    font-size: ${(s=n.theme.fonts)==null?void 0:s.large};
+    margin: 0 ${(i=n.theme.sizes)==null?void 0:i.large} 0 0;
+    min-height: ${(o=n.theme.fonts)==null?void 0:o.large};
+    min-width: ${(c=n.theme.fonts)==null?void 0:c.large};
+    line-height: ${(r=n.theme.fonts)==null?void 0:r.large};
+    display: inline-block;
+    vertical-align: bottom;
+    color: ${(a=n.theme.colors)==null?void 0:a.text};
+  }
+`},W=j(u.StyledText)`
+  line-height: ${n=>{var e;return(e=n.theme.fonts)==null?void 0:e.large}};
+`,re=j(u.Link)`
+  ${n=>oe(n)}
+
+  &:focus-visible {
+    ${u.borderTabStyle};
+  }
+`,ae=j.div`
+  text-align: center;
+  display: block;
+  ${n=>{var e,t;return typeof((e=n.theme.colors)==null?void 0:e.warning)<"u"&&`color: ${(t=n.theme.colors)==null?void 0:t.warning};`}}
+`,ce=n=>{var e,t,s;return P.css`
+    ${u.itemList(n)}
+
+    > div {
+        padding: ${(e=n.theme.sizes)==null?void 0:e.large};
+
+        ${u.headingElement(n)("h1",P.css`
+                margin: 0;
+            `)}
+    }
+
+    > ul {
+        &:not(:first-child) {
+            border-top: ${n.theme.border};
+        }
+
+        > li {
+            margin: 0;
+            white-space: normal;
+
+            > a {
+                overflow: hidden;
+            }
+
+            &:first-child > a {
+                border-radius: ${`${n.theme.borderRadius} ${n.theme.borderRadius} 0 0`};
+            }
+
+            &:last-child:not(:first-child) > a {
+                border-radius: ${`0 0 ${n.theme.borderRadius} ${n.theme.borderRadius}`};
+            }
+
+            &:not(:last-child) {
+                border-bottom: ${n.theme.border};
+            }
+
+            > div {
+                padding: ${(t=n.theme.sizes)==null?void 0:t.large};
+            }
+        }
+    }
+
+    @media (hover: hover) {
+        a:hover {
+            background-color: ${(s=n.theme.colors)==null?void 0:s.accent};
+        }
+    }
+`},de=j(u.ItemList)`
+    ${n=>ce(n)}
+`,le=({contactMethods:n,children:e,guideId:t,dispatch:s,className:i="",itemRenderer:o,action:c=()=>{},header:r=""})=>n.length?v.jsx(de,{header:r,className:u.appendClassNames(i,"humany-contact-list"),items:n,renderItem:o?a=>v.jsx("li",{"data-contact-method":a.id,children:o(a,{action:c,dispatch:s,guideId:t})},a.id):a=>v.jsx("li",{"data-contact-method":a.id,children:v.jsx(V,{...a,action:c,dispatch:s,guideId:t})},a.id),children:e}):null,D=n=>Promise.resolve().then(()=>require("./index-373df3a5.js")).then(({ServiceClient:e,ServiceProxy:t})=>n.get("settings").then(s=>{const{name:i,events:o}=n.get("$widget"),{data:{projection:c="",site:r="current",forceHttps:a=!1}}=s,l=new t(c,{credentials:"same-origin"}),g=new e(l,{funnel:i.replace("_contact-method","").replace("_contact",""),site:ue(r,a)},null,n);return o.subscribe("widget:settings-updated",(f,{data:b})=>{b&&b.projection!==c&&g.proxy.setBaseUrl(b.projection)}),g})),ue=(n,e)=>()=>{const t=i=>{const o=document.createElement("a");return o.href=i,o};let s=window.location;return n==="referrer"&&document.referrer&&(s=t(document.referrer)),[e?"https:":"","//",s.host,s.pathname].join("")},L=n=>{if(n){const{Type:e,Content:t}=n;if(e&&t)return{type:e,content:t}}},_=n=>n.map(e=>{const t={id:e.Id.toString(),title:e.Name,symbol:L(e.DefaultIcon),activeSymbol:e.ActiveIcon&&L(e.ActiveIcon),description:e.Description||e.Attributes&&e.Attributes.description||"",matches:e.GuidesCount};return e.Children&&e.Children.length&&(t.items=_(e.Children)),t}),R=(n,e)=>n.filter(({Type:t})=>t===e).map(({Id:t,Title:s,Body:i})=>({id:t.toString(),title:s,body:i})),H=n=>n.map(({Id:e,Title:t,DefaultIcon:s,ListNotices:i,Notices:o})=>({id:e.toString(),title:t,symbol:L(s),defaultHeaderOptions:{visible:!!i.length},notifications:(i||[]).concat(o||[]).map(({Id:c,Title:r,Body:a,Type:l,Modified:g})=>({id:c.toString(),title:r,body:a,modified:g,expandable:l==="listNotice"}))})),K=({Id:n,Title:e,DefaultIcon:t,Exits:[s],ExitType:i,ConfirmationText:o,ExpandFormAutomatically:c,Form:r,Description:a},l)=>{const{Adapter:g}=s||{Adapter:{}},{ClientName:f="",Settings:b={},CustomClientName:x=""}=g,h={id:n.toString(),title:e,description:a,symbol:L(t),clientName:f==="custom.adapter"?x:f,expanded:!0,inline:!0,body:{}};if(f.indexOf("phone")>-1||f.indexOf("freetext")>-1){const{displayTextBeforeClick:y,textBeforeClick:d}=b;y==="true"&&(h.expanded=!1,h.title=d),f.indexOf("phone.text")>-1?h.body.phoneNumber=b.phoneNumber:h.body.freetext=b.freetext}return(f.indexOf("chat.popup")>-1||f.indexOf("link")>-1||f==="custom.adapter"&&i==="custom")&&(h.body=b,h.body.confirmationFallback=o),f.indexOf("ace")>-1&&(h.body=b),r&&r.HasValueComponents&&(l?h.body.form=u.FormBuilder.fromLegacyForm(n.toString(),r,l).get():h.body.form=u.FormBuilder.fromLegacyForm(n.toString(),r).get(),c||(h.expanded=h.inline=!1)),h},T=(n=[])=>n.map(({Id:e,Title:t,TotalMatches:s,Symbol:i,DefaultIcon:o,ActiveIcon:c})=>({id:e.toString(),title:t,matches:s,symbol:L(o||i),defaultIcon:L(o),activeIcon:L(c)})),Q=n=>n.map(({Id:e,Title:t,Tags:s,FirstPublishedDate:i,Modified:o})=>({id:e.toString(),title:t,tags:T(s),published:i,modified:o})),he=(n,e)=>{switch(n){case $.MatchByCategory:case $.Match:{const t={guides:[],matches:0,topNotifications:[],middleNotifications:[],bottomNotifications:[],notificationLists:[],tags:[],byCategory:[]},{Matches:s,TotalMatches:i,Notices:o,NoticeLists:c,Tags:r,ByCategory:a}=e;return t.guides=Q(s),t.matches=i,t.byCategory=(a||[]).map(({Id:l,Matches:g,TotalMatches:f})=>({id:l,guides:Q(g),matches:f})),t.tags=T(r),t.notificationLists=H(c||[]),t.topNotifications=R(o||[],"noticeRowTop"),t.middleNotifications=R(o||[],"noticeRowMiddle"),t.bottomNotifications=R(o||[],"footerNotice"),t}case $.Categories:{const{Children:t,GuidesCountTotal:s}=e;return{categories:_(t||[]),matches:s}}case $.Guide:{const{Id:t,Title:s,Body:i,Related:o,Options:c,ConnectionId:r,ContactMethods:a,EnableFeedback:l,HandoverExists:g,FirstPublishedDate:f,Modified:b,ModifiedByDisplayName:x,FirstPublishedByDisplayName:h,Categories:y,Tags:d,SeoMetaDescription:m,SeoAllowIndex:w,Perspectives:M,PerspectiveKey:p,Translations:k}=e,C=p||Object.values(M).find(N=>N===r)||M.Default||null,z={guide:{id:t.toString(),title:s,body:i,modified:b,published:f,modifiedBy:x,publishedBy:h,connection:r,categories:y,hasHandover:g,allowFeedback:l,seoMetaDescription:m,seoAllowIndex:w,perspectives:M,perspective:C,translations:Object.keys(k||{}).reduce((N,A)=>(N[A]=k[A].toString(),N),{})},related:Q(o||[]),dialog:[],contactMethods:(a||[]).map(N=>K(N)),tags:T(d)};return(c||[]).forEach(({CanAccess:N,Description:A,ConnectionId:G,Properties:S})=>{if(!N)return;const I={id:t.toString(),title:A,connection:G,connectionKey:S.ConnectionKey,type:F.default,parent:{id:t.toString(),title:s,tags:T(d)}};if(S.Type==="Guide"||S.Type==="Link")switch(S.Id&&(I.id=S.Id.toString()),S.Uri&&(I.href=S.Uri),S.Target&&(I.target=S.Target),S.Type){case"Guide":I.type=F.guide;break;case"Link":I.type=F.link;break}z.dialog.push(I)}),z}case $.Contacts:{const{Children:t,Matches:s,Notices:i,NoticeLists:o}=e;return{contactMethods:(s||[]).map(r=>K(r)),categories:_(t||[]),topNotifications:R(i||[],"noticeRowTop"),middleNotifications:R(i||[],"noticeRowMiddle"),bottomNotifications:R(i||[],"footerNotice"),notificationLists:H(o||[])}}case $.ContactMethod:{const{ContactMethod:t}=e;return K(t||{})}case $.Tags:case $.TagsOnGuides:return T(e||[]);case $.Notifications:{const{Notices:t,NoticeLists:s}=e;return{topNotifications:R(t||[],"noticeRowTop"),middleNotifications:R(t||[],"noticeRowMiddle"),bottomNotifications:R(t||[],"footerNotice"),notificationLists:H(s||[])}}default:return{}}};var Y=(n=>(n.Guide="guide",n.Guides="guides",n.GuidesByCategory="guides-by-category",n.RowNotifications="row-notices",n.NotificationLists="notification-lists",n.GuideCategories="guide-categories",n.ContactMethodCategories="contact-method-categories",n.ContactMethod="contact-method",n.ContactMethods="contact-methods",n.Tags="tags",n.TagsOnGuides="tagsonguides",n))(Y||{}),$=(n=>(n.Match="match",n.Categories="categories",n.Guide="guide",n.Contacts="contacts",n.ContactMethod="contact-method",n.MatchByCategory="match-by-category",n.Tags="tags",n.TagsOnGuides="tagsonguides",n.Notifications="notifications",n))($||{});const J=n=>{switch(n){case"guides":return"match";case"guides-by-category":return"match-by-category";case"guide":return"guide";case"guide-categories":return"categories";case"contact-method-categories":case"contact-methods":return"contacts";case"contact-method":return"contact-method";case"tags":return"tags";case"tagsonguides":return"tagsonguides";case"notification-lists":case"row-notices":return"notifications";default:throw"error"}},ge=async n=>{const{invoke:e}=n.get("$widget");return await e("renderState")===u.WidgetRenderState.hidden};class E{constructor(e,t){O(this,"queries",new Map);O(this,"lastTake",0);O(this,"events");O(this,"getUnresolvedQueries",()=>{let e=0;return this.queries.forEach((t,s)=>{t.some(o=>!o.resolved)&&(e=1)}),e});this.container=e,this.matchingClient=t,this.events=e.get("$widget").events,this.events.subscribe("widget:settings-updated",()=>this.queries=new Map),this.events.subscribe("widget:render-state-changed",(s,{next:i,previous:o})=>{o===u.WidgetRenderState.hidden&&i===u.WidgetRenderState.open&&this.fetchAllUnresolvedQueries()})}static getInstance(e,t="dataClient"){return u.lock(this)(()=>e.getAsync(t).then(async s=>{let i=await e.getAsync("matchingClient");i||(i=await D(e),e.registerAsync("matchingClient",()=>i));let o=s;return o||(o=new E(e,i),e.registerAsync(t,()=>o)),o}))}fetch(e,t,s){return new Promise((i,o)=>{t.take&&(this.lastTake=+(t.take||0)),U.removeNullAndUndefinedValues(t);const c=J(e);let r=this.queries.get(c)||[],a=r.find(l=>B(l.params,t))||null;if(a&&(s!=null&&s.noCache)){const l=r.findIndex(g=>B(g.params,t));r=[...r.slice(0,l),...r.slice(l+1)],a=null}if(a){const l=r.indexOf(a);if(a.resolved?(this.events.dispatch("data-client:fetched",{params:t,type:c,response:a.data,unresolvedQueries:this.getUnresolvedQueries()}),this.track(a.data,c,a.error),a.data&&a.error?o({error:a.error}):i(a.data)):a.resolvers.push({resolve:i,reject:o}),r.splice(l,1),r.push(a),this.queries.set(c,r),!a.loading&&!a.resolved)return this.runQuery(c,t)}else return r.push({params:t,resolved:!1,loading:!0,data:{},resolvers:[{resolve:i,reject:o}]}),this.queries.set(c,r),this.runQuery(c,t)}).then(i=>u.deepClone(i))}read(e,t){const{select:s}=t,i=J(e);return(this.queries.get(i)||[]).reduce((r,a)=>{if(typeof s=="function"){const l=s(a.data);l&&r.push(l)}else r.push(a.data);return r},[])}feedback(e,t,s){return this.matchingClient.giveFeedback(e,t,s)}setLoadingStatus(e,t,s){const i=this.queries.get(e)||[],o=i.find(c=>B(c.params,t));o&&(o.loading=s),this.queries.set(e,i)}async runQuery(e,t){const{searchPhrase:s="",categories:i="0",contactMethodCategoryId:o="0",contactMethodId:c="0",tagId:r=void 0,take:a=5,connection:l="",guideId:g,expandCategories:f="descendants",currentCategory:b,sorting:x="popularity-descending",guideIds:h=[]}=t,y=s.toString().trim();if(await ge(this.container))return Promise.resolve();switch(e){case"match":{const d=m=>{const[w,M]=m.split("-");return{type:new Map([["popularity","popularity"],["alphabetic","title"],["modified","lastModified"],["published","firstPublished"]]).get(w),direction:M}};return h.length?this.matchingClient.customRequest("guides","POST",{configuration:{ids:h,take:+a}}).then(m=>m&&this.handleResponse(m,e,t)):this.matchingClient.match(y,{categories:i==="0"?[]:Array.isArray(i)?i:[+i],take:+a,tags:r,sorting:d(x),ids:h}).then(m=>m&&this.handleResponse(m,e,t))}case"match-by-category":return this.matchingClient.match(y,{groupByCategory:!0,categories:i==="0"?[]:Array.isArray(i)?i:[+i],take:+a,tags:r}).then(d=>d&&this.handleResponse(d,e,t));case"guide":return this.matchingClient.getGuide(g,{connectionId:l}).then(d=>{d&&this.handleResponse(d,e,t)}).catch(d=>{const m={message:"Something went wrong.",status:d.status||400};m.status===404&&(m.message="The guide could not be found."),this.handleResponse({},e,t,m)});case"categories":return this.matchingClient.getCategories({phrase:y,expand:f,tags:r}).then(d=>d&&this.handleResponse(d,e,t));case"contacts":return g?this.matchingClient.contactMethods(+g,{phrase:y}).then(d=>d&&this.handleResponse(d,e,t)):this.matchingClient.contacts(+o,{phrase:y}).then(d=>d&&this.handleResponse(d,e,t));case"contact-method":return this.matchingClient.getContactMethod(+c,{guideId:g,currentCategory:b}).then(d=>d&&this.handleResponse(d,e,t));case"tags":return this.matchingClient.customRequest("tags","GET",{configuration:{take:999999,phrase:y,categories:i==="0"?[]:Array.isArray(i)?i:[+i]}}).then(d=>d&&this.handleResponse(d,e,t));case"tagsonguides":return this.matchingClient.customRequest("tagsonguides","GET",{configuration:{take:999999,phrase:y,categories:i==="0"?[]:Array.isArray(i)?i:[+i],tags:r}}).then(d=>d&&this.handleResponse(d,e,t));case"notifications":return this.matchingClient.customRequest("notices","GET",{configuration:{phrase:y,categories:i==="0"?[]:Array.isArray(i)?i:[+i]}}).then(d=>d&&this.handleResponse(d,e,t))}}handleResponse(e={},t,s,i){const o=this.queries.get(t)||[],c=o.find(r=>B(r.params,s));if(c){const r=i||he(t,e);this.track(r,t,i),c.resolvers.forEach(l=>{i?l.reject({error:r}):l.resolve(r)});const a=o.indexOf(c);a>-1&&o.splice(a,1),o.push({...c,error:i,resolvers:[],data:r,resolved:!0}),this.setLoadingStatus(t,s,!1),this.queries.set(t,o),i||this.events.dispatch("data-client:fetched",{type:t,params:s,response:r,unresolvedQueries:this.getUnresolvedQueries()})}}fetchAllUnresolvedQueries(){for(const[e,t]of this.queries)t.filter(s=>!s.resolved).forEach(s=>{this.runQuery(e,s.params)})}track(e={},t,s){const i=this.container.get("$widget");i&&!s?i.events.dispatch("tracking:service-client-response",{type:t,data:e}):i&&i.events.dispatch("tracking:service-client-error",{type:t,error:s})}static create(e){return e.getAsync("matchingClient").then(async t=>{if(t)return new E(e,t);const s=await D(e);return e.registerAsync("matchingClient",()=>s),new E(e,s)})}getClient(){return this.matchingClient}}const Z=({contactMethodId:n,guideId:e,groupId:t,className:s})=>{var f,b,x;const[i,o]=q.useState(),c=u.useContainer(),r=X.useDispatch(),a=q.useRef(!0),l=ie();q.useEffect(()=>{const{events:h}=c.get("$widget"),y=h.subscribe("bot-provider:form-submitted",async(m,w)=>{var A;if(((A=w.form.meta)==null?void 0:A.groupId)!==t||w.id!==i.id)return;l&&(w.form.meta||(w.form.meta={}),w.form.meta.conversation=l);const M=await c.getAsync("contactMethods"),p={...i,body:{...i.body,form:w.form}},{errors:k,valid:C,errorTypes:z}=await M.validate(p);if(!C){const G=new u.FormBuilder(i.body.form);o(void 0),G.setValidationErrors(k),p.body={...p.body,form:G.get()},o({...p});return}const N=await M.submit(p);p.confirmation=N,o(p)}),d=h.subscribe("bot-provider:evaluate",async(m,w)=>{if(w.id!==n)return;const p=await(await c.getAsync("contactMethods")).evaluate(i);let k={...i,body:{...i.body,form:p}};const C=u.updateForm(k,{submit:"Submit",errors:{},meta:{groupId:t}});k={...k,body:C},o(k)});return()=>{y(),d()}},[c,i,o,l]);const g=q.useCallback(async h=>{const d=await(await E.getInstance(c)).fetch(Y.ContactMethod,{contactMethodId:h,guideId:e},{noCache:!0}),m=u.updateForm(d,{submit:"Submit",errors:{},meta:{groupId:t}});if(d.body=m,d.body.guideId=e,!a.current)return null;o(d)},[a]);return q.useEffect(()=>(g(n),()=>{a.current=!1}),[n,g]),i?v.jsx(fe,{...i,body:{...i.body,form:i.body.form?{...i.body.form,data:(f=i.body.form)==null?void 0:f.data,layout:{...i.body.form.layout},meta:(b=i.body.form)==null?void 0:b.meta,schema:(x=i.body.form)==null?void 0:x.schema}:void 0,guideId:i.body.guideId},inline:!0,expanded:!0,dispatch:r,className:u.appendClassNames("humany-bot-contact-method",s)}):null},fe=j(V)`
+  padding: ${n=>{var e;return(e=n.theme.sizes)==null?void 0:e.normal}} ${n=>{var e;return(e=n.theme.sizes)==null?void 0:e.medium}};
+`,me=Object.freeze(Object.defineProperty({__proto__:null,default:Z},Symbol.toStringTag,{value:"Module"}));exports.ContactList=le;exports.ContactMethod=Z;exports.ContactMethod$1=V;exports.contactMethod=me;

package/contact-method-list-43c65663.js

@@ -0,0 +1,28 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("@emotion/styled"),M=require("./index-01541f60.js");require("@emotion/react");const u=require("react");require("react-dom");require("react-transition-group");const b=require("./use-dispatch-21581b7b.js"),h=require("./contact-method-63fbd19d.js");require("./notification-list-6c9ed67a.js");require("react-router-dom");const j=({actions:e,entryId:t,groupId:y})=>{const x=b.useDispatch(),r=M.useContainer(),[m,g]=u.useState([]),[d,q]=u.useState([]);return u.useEffect(()=>{r.getAsync("contactMethods").then(n=>{if(!n)return;const c=e.map(async i=>{var p;if(!((p=i.data)!=null&&p.clientName))return null;const s=await n.handleAdapters(i.data);return{...s,...i.data,description:i.data.description?i.data.description:s.description,onClick:(f,o)=>{if(typeof s.onClick=="function"&&s.onClick(f,o),!f.defaultPrevented)if(o.inline&&!o.expanded)q([...d,o.id]);else{const{events:C}=r.get("$widget");C.dispatch("provider:open-contact-method",{entryId:t,contactMethod:o,actionKey:i.actionKey})}}}});Promise.all(c).then(i=>{g(i.filter(s=>!!s))})})},[e,r,t,d]),m.length?a.jsx(S,{className:"humany-bot-contact-list",contactMethods:m,dispatch:x,itemRenderer:(n,c)=>(d.includes(n.id)||n.expanded)&&n.inline?a.jsx($,{contactMethodId:n.id,groupId:y,guideId:n.body.guideId}):a.jsx(E,{...n,...c})}):null},S=l(h.ContactList)`
+    > ul > li {
+        a {
+            display: flex;
+            align-items: center;
+            outline-offset: -2px;
+        }
+
+        &:not(:last-child) {
+            ${e=>e.theme.border&&`border-bottom: ${e.theme.border};`}
+        }
+    }
+`,$=l(h.ContactMethod)`
+    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;
+    }
+`,E=l(h.ContactMethod$1)`
+    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;
+    }
+`;exports.default=j;

package/{contact-method-list-814eb03f.mjs → contact-method-list-97120c25.mjs}

@@ -1,12 +1,16 @@
 import { jsx as c } from "react/jsx-runtime";
-import { u as M, n as l } from "./index-cc31f772.mjs";
+import m from "@emotion/styled";
+import { u as M } from "./index-66306883.mjs";
+import "@emotion/react";
 import { useState as f, useEffect as b } from "react";
 import "react-dom";
-import { u as $ } from "./use-dispatch-97d3af39.mjs";
-import { C as S, a as E, b as j } from "./contact-method-a18f6436.mjs";
-import "./notification-list-291a2001.mjs";
-const D = ({ actions: t, entryId: e, groupId: h }) => {
-  const y = $(), d = M(), [m, g] = f([]), [r, x] = f([]);
+import "react-transition-group";
+import { u as $ } from "./use-dispatch-a4fd0411.mjs";
+import { C as E, a as S, b as j } from "./contact-method-20fd0394.mjs";
+import "./notification-list-16d93d9e.mjs";
+import "react-router-dom";
+const B = ({ actions: t, entryId: e, groupId: h }) => {
+  const y = $(), d = M(), [l, g] = f([]), [r, x] = f([]);
   return b(() => {
     d.getAsync("contactMethods").then((n) => {
       if (!n)
@@ -39,23 +43,23 @@ const D = ({ actions: t, entryId: e, groupId: h }) => {
         g(i.filter((o) => !!o));
       });
     });
-  }, [t, d, e, r]), m.length ? /* @__PURE__ */ c(
+  }, [t, d, e, r]), l.length ? /* @__PURE__ */ c(
     k,
     {
       className: "humany-bot-contact-list",
-      contactMethods: m,
+      contactMethods: l,
       dispatch: y,
       itemRenderer: (n, a) => (r.includes(n.id) || n.expanded) && n.inline ? /* @__PURE__ */ c(
-        w,
+        z,
         {
           contactMethodId: n.id,
           groupId: h,
           guideId: n.body.guideId
         }
-      ) : /* @__PURE__ */ c(z, { ...n, ...a })
+      ) : /* @__PURE__ */ c(I, { ...n, ...a })
     }
   ) : null;
-}, k = l(S)`
+}, k = m(E)`
     > ul > li {
         a {
             display: flex;
@@ -67,7 +71,7 @@ const D = ({ actions: t, entryId: e, groupId: h }) => {
             ${(t) => t.theme.border && `border-bottom: ${t.theme.border};`}
         }
     }
-`, w = l(E)`
+`, z = m(S)`
     i {
         margin: 0 ${(t) => {
   var e;
@@ -77,7 +81,7 @@ const D = ({ actions: t, entryId: e, groupId: h }) => {
         justify-content: center;
         align-items: center;
     }
-`, z = l(j)`
+`, I = m(j)`
     padding: ${(t) => {
   var e;
   return (e = t.theme.sizes) == null ? void 0 : e.medium;
@@ -93,5 +97,5 @@ const D = ({ actions: t, entryId: e, groupId: h }) => {
     }
 `;
 export {
-  D as default
+  B as default
 };