@telia-ace/knowledge-widget-components-notification-row 1.1.1-rc.1 → 1.1.1-rc.3

package/index.js

@@ -1 +1 @@
-"use strict";const e=require("./index-19df0eec.js");require("react/jsx-runtime");require("react");require("react-dom");module.exports=e.NotificationRowComponent;
+"use strict";const f=require("@telia-ace/knowledge-data-client"),d=require("@telia-ace/knowledge-widget-core"),w=require("@telia-ace/knowledge-widget-ui"),p=s=>{const{events:h}=s.get("$widget"),[u,c]=d.createEventSubscriber(h);return w.createReactComponent(s,"notification-row",Promise.resolve().then(()=>require("./notification-row-cc822106.js")),t=>{const a=e=>{t.writeProperties({...t.properties(),loading:!0,error:void 0,notifications:[]}),t.actions.dispatch("fetch",{params:e})};return t.actions.create("fetch",({error:e,topNotifications:i,bottomNotifications:o,middleNotifications:g})=>{if(e)return t.actions.dispatch("fetched",{error:e,loading:!0,notifications:[]});let r=[];const{notifications:l,types:n=[]}=t.properties();return n.length?(n.indexOf("top")>-1&&(r=r.concat(i)),n.indexOf("middle")>-1&&(r=r.concat(g)),n.indexOf("bottom")>-1&&(r=r.concat(o))):r=i,t.actions.dispatch("fetched",{notifications:r.length?r:l,loading:!1})}),t.actions.create("fetched",e=>t.writeProperties({...e,loading:!1})),s.getAsync("router").then(e=>{const{params:i}=e.getRouteData();a(i)}),u("router:changed",(e,{current:i})=>{a(i.routeData.params)}),()=>{c()}}).then(()=>d.extendComponent(s,"notification-row",t=>{t.actions.watch("notification-row.fetch",(a,e)=>f.DataClient.getInstance(s).then(i=>i.fetch(f.DataType.RowNotifications,{categories:[a.params.guideCategory,a.params.contactCategory].filter(o=>!!o),searchPhrase:a.params.phrase})).then(e).catch(i=>{if(i)return e(i)}))})).then(()=>{c()})};module.exports=p;

package/index.mjs

@@ -1,7 +1,68 @@
-import { N as i } from "./index-750561ea.mjs";
-import "react/jsx-runtime";
-import "react";
-import "react-dom";
+import { DataClient as g, DataType as p } from "@telia-ace/knowledge-data-client";
+import { createEventSubscriber as l, extendComponent as w } from "@telia-ace/knowledge-widget-core";
+import { createReactComponent as m } from "@telia-ace/knowledge-widget-ui";
+const v = (o) => {
+  const { events: f } = o.get("$widget"), [h, n] = l(f);
+  return m(
+    o,
+    "notification-row",
+    import("./notification-row-03145cb0.mjs"),
+    (e) => {
+      const r = (t) => {
+        e.writeProperties({
+          ...e.properties(),
+          loading: !0,
+          error: void 0,
+          notifications: []
+        }), e.actions.dispatch("fetch", { params: t });
+      };
+      return e.actions.create(
+        "fetch",
+        ({
+          error: t,
+          topNotifications: i,
+          bottomNotifications: c,
+          middleNotifications: d
+        }) => {
+          if (t)
+            return e.actions.dispatch("fetched", {
+              error: t,
+              loading: !0,
+              notifications: []
+            });
+          let a = [];
+          const { notifications: u, types: s = [] } = e.properties();
+          return s.length ? (s.indexOf("top") > -1 && (a = a.concat(i)), s.indexOf("middle") > -1 && (a = a.concat(d)), s.indexOf("bottom") > -1 && (a = a.concat(c))) : a = i, e.actions.dispatch("fetched", {
+            notifications: a.length ? a : u,
+            loading: !1
+          });
+        }
+      ), e.actions.create("fetched", (t) => e.writeProperties({ ...t, loading: !1 })), o.getAsync("router").then((t) => {
+        const { params: i } = t.getRouteData();
+        r(i);
+      }), h("router:changed", (t, { current: i }) => {
+        r(i.routeData.params);
+      }), () => {
+        n();
+      };
+    }
+  ).then(() => w(o, "notification-row", (e) => {
+    e.actions.watch("notification-row.fetch", (r, t) => g.getInstance(o).then(
+      (i) => i.fetch(p.RowNotifications, {
+        categories: [
+          r.params.guideCategory,
+          r.params.contactCategory
+        ].filter((c) => !!c),
+        searchPhrase: r.params.phrase
+      })
+    ).then(t).catch((i) => {
+      if (i)
+        return t(i);
+    }));
+  })).then(() => {
+    n();
+  });
+};
 export {
-  i as default
+  v as default
 };

package/{notification-row-ce337619.mjs → notification-row-03145cb0.mjs}

@@ -1,14 +1,17 @@
-import { jsx as n, jsxs as v } from "react/jsx-runtime";
-import { E as G, C as M, u as Y, r as E, S as P, c as _, a as q, b, d as L, n as d, g as J, l as Q, e as h, f as N, H as U, B as V } from "./index-750561ea.mjs";
-import { useContext as X, useState as x, useEffect as B } from "react";
-import "react-dom";
-const O = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ n(G, { ...t }) : null, Z = () => X(M), S = "closed-notifications", ee = {
+import { jsxs as v, jsx as i } from "react/jsx-runtime";
+import { css as g } from "@emotion/react";
+import d from "@emotion/styled";
+import { useProperties as G, useContainer as M, createEmptyComponent as E, SymbolBadge as L, genericHtml as Y, linkTabStyle as _, borderTabStyle as N, Html as q, Button as J } from "@telia-ace/knowledge-widget-ui";
+import { readStorage as P, StorageMedium as O, createStorageWriter as Q, StorageCategory as U } from "@telia-ace/widget-services";
+import { appendClassNames as u } from "@telia-ace/widget-utilities";
+import { useState as x, useEffect as A } from "react";
+const S = "closed-notifications", V = {
   transform: {
-    a: ({ children: e, ...t }) => /* @__PURE__ */ n("a", { ...t, tabIndex: -1, children: e })
+    a: ({ children: e, ...t }) => /* @__PURE__ */ i("a", { ...t, tabIndex: -1, children: e })
   }
-}, le = ({ className: e, ...t }) => {
+}, re = ({ className: e, ...t }) => {
   const {
-    types: s = [],
+    types: l = [],
     allowPaging: f = !0,
     notifications: j = [],
     expandable: c = !1,
@@ -16,84 +19,84 @@ const O = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ n(G, { ...t }) :
     pageNextAriaLabel: T = "",
     pagePreviousAriaLabel: W = "",
     expandAriaLabel: K = ""
-  } = Z(), [m, D] = x(!1), [u, C] = x([]), [o, y] = x(0), i = Y(), [w, F] = x();
-  B(() => {
-    i && (E(i, S, P.Session).then(
-      (a = []) => C(a)
-    ), _(i, S, q.Functional).then(
+  } = G(), [m, D] = x(!1), [b, z] = x([]), [n, y] = x(0), o = M(), [w, F] = x();
+  A(() => {
+    o && (P(o, S, O.Session).then(
+      (a = []) => z(a)
+    ), Q(o, S, U.Functional).then(
       (a) => F(() => a)
     ));
-  }, [i]), B(() => {
-    i && E(i, S, P.Session).then(
+  }, [o]), A(() => {
+    o && P(o, S, O.Session).then(
       (a = []) => {
-        u.forEach(
-          (l) => a.indexOf(l) === -1 && a.push(l)
+        b.forEach(
+          (r) => a.indexOf(r) === -1 && a.push(r)
         ), w && w(a);
       }
     );
-  }, [u, i, w]);
-  const r = j.filter(({ id: a }) => u.indexOf(a) === -1), { length: p } = r;
-  if (!r.length)
-    return O(i, {
+  }, [b, o, w]);
+  const s = j.filter(({ id: a }) => b.indexOf(a) === -1), { length: p } = s;
+  if (!s.length)
+    return E(o, {
       ...t,
-      className: b(e, "humany-notification-row")
+      className: u(e, "humany-notification-row")
     });
   if (f) {
-    const a = r[o] || r[o + 1] || r[o - 1];
+    const a = s[n] || s[n + 1] || s[n - 1];
     if (!a)
-      return O(i, {
+      return E(o, {
         ...t,
-        className: b(e, "humany-notification-row")
+        className: u(e, "humany-notification-row")
       });
-    const { id: l, body: $ } = a || {}, z = () => D(!m);
+    const { id: r, body: $ } = a || {}, C = () => D(!m);
     return /* @__PURE__ */ v(
-      A,
+      B,
       {
         ...t,
         "aria-expanded": c ? m : !0,
         "aria-label": K,
         tabIndex: c ? 0 : -1,
-        className: b(e, "humany-notification-row"),
+        className: u(e, "humany-notification-row"),
         "data-pageable": p > 1,
-        "data-types": s,
+        "data-types": l,
         "data-allow-paging": f,
         "data-expandable": c,
-        onKeyDown: (g) => {
-          g.key === "Enter" && z();
+        onKeyDown: (h) => {
+          h.key === "Enter" && C();
         },
-        onClick: z,
+        onClick: C,
         children: [
-          /* @__PURE__ */ n(
-            ae,
+          /* @__PURE__ */ i(
+            Z,
             {
               "aria-label": R,
               onClick: () => {
-                y(r.indexOf(a)), C([...u, l]);
+                y(s.indexOf(a)), z([...b, r]);
               },
-              children: /* @__PURE__ */ n(L, { symbol: { type: "Svg", content: "close" } })
+              children: /* @__PURE__ */ i(L, { symbol: { type: "Svg", content: "close" } })
             }
           ),
-          /* @__PURE__ */ n(
+          /* @__PURE__ */ i(
             H,
             {
-              htmlParseInstruction: !c || m ? void 0 : ee,
+              htmlParseInstruction: !c || m ? void 0 : V,
               "data-pageable": p > 1,
-              "data-notification": l,
+              "data-notification": r,
               "data-expandable": c,
               "data-expanded": m,
               html: $
             }
           ),
-          p > 1 && /* @__PURE__ */ v(te, { children: [
-            /* @__PURE__ */ n(
+          p > 1 && /* @__PURE__ */ v(X, { children: [
+            /* @__PURE__ */ i(
               k,
               {
                 "aria-label": W,
-                "data-disabled": o === 0,
-                onClick: (g) => {
-                  g.stopPropagation(), o > 0 && y(o - 1);
+                "data-disabled": n === 0,
+                onClick: (h) => {
+                  h.stopPropagation(), n > 0 && y(n - 1);
                 },
-                children: /* @__PURE__ */ n(
+                children: /* @__PURE__ */ i(
                   I,
                   {
                     size: 10,
@@ -103,19 +106,19 @@ const O = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ n(G, { ...t }) :
               }
             ),
             /* @__PURE__ */ v("span", { children: [
-              o + 1,
+              n + 1,
               "/",
               p
             ] }),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ i(
               k,
               {
                 "aria-label": T,
-                "data-disabled": o + 1 >= p,
-                onClick: (g) => {
-                  g.stopPropagation(), o < p - 1 && y(o + 1);
+                "data-disabled": n + 1 >= p,
+                onClick: (h) => {
+                  h.stopPropagation(), n < p - 1 && y(n + 1);
                 },
-                children: /* @__PURE__ */ n(
+                children: /* @__PURE__ */ i(
                   I,
                   {
                     size: 10,
@@ -129,34 +132,34 @@ const O = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ n(G, { ...t }) :
       }
     );
   }
-  return /* @__PURE__ */ n(
-    A,
+  return /* @__PURE__ */ i(
+    B,
     {
       ...t,
-      className: b(e, "humany-notification-row"),
+      className: u(e, "humany-notification-row"),
       "data-pageable": !1,
-      "data-types": s,
+      "data-types": l,
       "data-allow-paging": !1,
-      children: r.map((a) => {
+      children: s.map((a) => {
         if (!a)
           return null;
-        const { id: l, body: $ } = a;
-        return /* @__PURE__ */ n(
+        const { id: r, body: $ } = a;
+        return /* @__PURE__ */ i(
           H,
           {
             "data-pageable": !1,
             "data-expandable": c,
             "data-expanded": m,
-            "data-notification": l,
+            "data-notification": r,
             html: $
           },
-          l
+          r
         );
       })
     }
   );
-}, A = d.div`
-    ${J}
+}, B = d.div`
+    ${Y}
     padding: ${(e) => {
   var t;
   return (t = e.theme.sizes) == null ? void 0 : t.normal;
@@ -165,8 +168,8 @@ const O = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ n(G, { ...t }) :
   return ((t = e.theme.sizes) == null ? void 0 : t.cardinal) * 12;
 }}px;
     background-color: ${(e) => {
-  var t, s, f;
-  return e["data-types"].length ? e["data-types"].indexOf("top") > -1 ? (t = e.theme.colors) == null ? void 0 : t.warning : e["data-types"].indexOf("bottom") > -1 ? "transparent" : (s = e.theme.colors) == null ? void 0 : s.primary : (f = e.theme.colors) == null ? void 0 : f.warning;
+  var t, l, f;
+  return e["data-types"].length ? e["data-types"].indexOf("top") > -1 ? (t = e.theme.colors) == null ? void 0 : t.warning : e["data-types"].indexOf("bottom") > -1 ? "transparent" : (l = e.theme.colors) == null ? void 0 : l.primary : (f = e.theme.colors) == null ? void 0 : f.warning;
 }};
     color: ${(e) => {
   var t;
@@ -193,13 +196,13 @@ const O = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ n(G, { ...t }) :
   return (t = e.theme.colors) == null ? void 0 : t.link;
 }};
         &:focus-visible {
-            ${Q}
+            ${_}
         }
     }
 
     ${(e) => {
   var t;
-  return !e["data-allow-paging"] && h`
+  return !e["data-allow-paging"] && g`
             flex-wrap: wrap;
 
             > div {
@@ -209,14 +212,14 @@ const O = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ n(G, { ...t }) :
         `;
 }};
 
-    ${(e) => h`
+    ${(e) => g`
             &:focus-visible {
                 .humany-html {
                     ${N(e)}
                 }
             }
         `}
-`, H = d(U)`
+`, H = d(q)`
     flex: 1;
     font-size: ${(e) => {
   var t;
@@ -225,7 +228,7 @@ const O = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ n(G, { ...t }) :
     line-height: 1.6em;
     font-weight: 300;
 
-    ${(e) => e["data-expandable"] && !e["data-expanded"] && h`
+    ${(e) => e["data-expandable"] && !e["data-expanded"] && g`
             max-width: 100%;
 
             p {
@@ -239,7 +242,7 @@ const O = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ n(G, { ...t }) :
                 }
             }
         `}
-`, te = d.div`
+`, X = d.div`
     text-align: center;
     width: 100%;
     span {
@@ -251,7 +254,7 @@ const O = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ n(G, { ...t }) :
         width: 30px;
         text-align: center;
     }
-`, k = d(V)`
+`, k = d(J)`
     background-color: transparent;
     border: none;
     cursor: pointer;
@@ -269,24 +272,24 @@ const O = (e, t) => e.get("seoConfiguration") ? /* @__PURE__ */ n(G, { ...t }) :
         ${N}
     }
 
-    ${(e) => e["data-disabled"] ? h`
+    ${(e) => e["data-disabled"] ? g`
                   opacity: 0.8;
-              ` : h`
+              ` : g`
                   @media (hover) {
                       &:hover {
                           opacity: 0.5;
                       }
                   }
               `}
-`, ae = d(k)`
+`, Z = d(k)`
     position: absolute;
     top: 7.5px;
     right: 7.5px;
     width: 25px;
     height: auto;
     padding: ${(e) => {
-  var t, s;
-  return `calc(${(t = e.theme.sizes) == null ? void 0 : t.small}/2) ${(s = e.theme.sizes) == null ? void 0 : s.small}`;
+  var t, l;
+  return `calc(${(t = e.theme.sizes) == null ? void 0 : t.small}/2) ${(l = e.theme.sizes) == null ? void 0 : l.small}`;
 }};
     svg {
         vertical-align: middle;
@@ -307,5 +310,5 @@ d.div`
     display: none;
 `;
 export {
-  le as default
+  re as default
 };

package/notification-row-cc822106.js

@@ -0,0 +1,114 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("@emotion/react"),c=require("@emotion/styled"),i=require("@telia-ace/knowledge-widget-ui"),m=require("@telia-ace/widget-services"),w=require("@telia-ace/widget-utilities"),g=require("react"),j="closed-notifications",L={transform:{a:({children:e,...t})=>n.jsx("a",{...t,tabIndex:-1,children:e})}},R=({className:e,...t})=>{const{types:l=[],allowPaging:u=!0,notifications:N=[],expandable:p=!1,closeAriaLabel:O="",pageNextAriaLabel:B="",pagePreviousAriaLabel:A="",expandAriaLabel:T=""}=i.useProperties(),[x,H]=g.useState(!1),[y,C]=g.useState([]),[o,S]=g.useState(0),s=i.useContainer(),[$,I]=g.useState();g.useEffect(()=>{s&&(m.readStorage(s,j,m.StorageMedium.Session).then((a=[])=>C(a)),m.createStorageWriter(s,j,m.StorageCategory.Functional).then(a=>I(()=>a)))},[s]),g.useEffect(()=>{s&&m.readStorage(s,j,m.StorageMedium.Session).then((a=[])=>{y.forEach(r=>a.indexOf(r)===-1&&a.push(r)),$&&$(a)})},[y,s,$]);const d=N.filter(({id:a})=>y.indexOf(a)===-1),{length:f}=d;if(!d.length)return i.createEmptyComponent(s,{...t,className:w.appendClassNames(e,"humany-notification-row")});if(u){const a=d[o]||d[o+1]||d[o-1];if(!a)return i.createEmptyComponent(s,{...t,className:w.appendClassNames(e,"humany-notification-row")});const{id:r,body:v}=a||{},z=()=>H(!x);return n.jsxs(E,{...t,"aria-expanded":p?x:!0,"aria-label":T,tabIndex:p?0:-1,className:w.appendClassNames(e,"humany-notification-row"),"data-pageable":f>1,"data-types":l,"data-allow-paging":u,"data-expandable":p,onKeyDown:h=>{h.key==="Enter"&&z()},onClick:z,children:[n.jsx(M,{"aria-label":O,onClick:()=>{S(d.indexOf(a)),C([...y,r])},children:n.jsx(i.SymbolBadge,{symbol:{type:"Svg",content:"close"}})}),n.jsx(P,{htmlParseInstruction:!p||x?void 0:L,"data-pageable":f>1,"data-notification":r,"data-expandable":p,"data-expanded":x,html:v}),f>1&&n.jsxs(W,{children:[n.jsx(k,{"aria-label":A,"data-disabled":o===0,onClick:h=>{h.stopPropagation(),o>0&&S(o-1)},children:n.jsx(q,{size:10,symbol:{type:"Svg",content:"caret-left"}})}),n.jsxs("span",{children:[o+1,"/",f]}),n.jsx(k,{"aria-label":B,"data-disabled":o+1>=f,onClick:h=>{h.stopPropagation(),o<f-1&&S(o+1)},children:n.jsx(q,{size:10,symbol:{type:"Svg",content:"caret-right"}})})]})]})}return n.jsx(E,{...t,className:w.appendClassNames(e,"humany-notification-row"),"data-pageable":!1,"data-types":l,"data-allow-paging":!1,children:d.map(a=>{if(!a)return null;const{id:r,body:v}=a;return n.jsx(P,{"data-pageable":!1,"data-expandable":p,"data-expanded":x,"data-notification":r,html:v},r)})})},E=c.div`
+    ${i.genericHtml}
+    padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}} ${e=>{var t;return((t=e.theme.sizes)==null?void 0:t.cardinal)*12}}px;
+    background-color: ${e=>{var t,l,u;return e["data-types"].length?e["data-types"].indexOf("top")>-1?(t=e.theme.colors)==null?void 0:t.warning:e["data-types"].indexOf("bottom")>-1?"transparent":(l=e.theme.colors)==null?void 0:l.primary:(u=e.theme.colors)==null?void 0:u.warning}};
+    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+    border-radius: ${e=>e.theme.borderRadius};
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    cursor: ${e=>e["data-expandable"]?"pointer":"default"};
+    overflow: hidden;
+
+    i {
+        color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+    }
+
+    a {
+        color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.link}};
+        &:focus-visible {
+            ${i.linkTabStyle}
+        }
+    }
+
+    ${e=>{var t;return!e["data-allow-paging"]&&b.css`
+            flex-wrap: wrap;
+
+            > div {
+                min-width: 100%;
+                margin: ${((t=e.theme.sizes)==null?void 0:t.cardinal)*2}px;
+            }
+        `}};
+
+    ${e=>b.css`
+            &:focus-visible {
+                .humany-html {
+                    ${i.borderTabStyle(e)}
+                }
+            }
+        `}
+`,P=c(i.Html)`
+    flex: 1;
+    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+    line-height: 1.6em;
+    font-weight: 300;
+
+    ${e=>e["data-expandable"]&&!e["data-expanded"]&&b.css`
+            max-width: 100%;
+
+            p {
+                display: none;
+                &:first-child {
+                    display: block;
+                    margin-bottom: 0;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+            }
+        `}
+`,W=c.div`
+    text-align: center;
+    width: 100%;
+    span {
+        font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.small}};
+        display: inline-block;
+        width: 30px;
+        text-align: center;
+    }
+`,k=c(i.Button)`
+    background-color: transparent;
+    border: none;
+    cursor: pointer;
+    transition: opacity 200ms ease-out;
+    justify-self: flex-end;
+    align-self: flex-start;
+    padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} svg {
+        display: block;
+    }
+
+    &:focus-visible {
+        ${i.borderTabStyle}
+    }
+
+    ${e=>e["data-disabled"]?b.css`
+                  opacity: 0.8;
+              `:b.css`
+                  @media (hover) {
+                      &:hover {
+                          opacity: 0.5;
+                      }
+                  }
+              `}
+`,M=c(k)`
+    position: absolute;
+    top: 7.5px;
+    right: 7.5px;
+    width: 25px;
+    height: auto;
+    padding: ${e=>{var t,l;return`calc(${(t=e.theme.sizes)==null?void 0:t.small}/2) ${(l=e.theme.sizes)==null?void 0:l.small}`}};
+    svg {
+        vertical-align: middle;
+        line,
+        path {
+            stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+        }
+    }
+`,q=c(i.SymbolBadge)`
+    line {
+        stroke: #ffffff;
+    }
+`;c.div`
+    display: none;
+`;exports.default=R;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-notification-row",
-  "version": "1.1.1-rc.1",
+  "version": "1.1.1-rc.3",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,11 +10,11 @@
     }
   },
   "dependencies": {
-    "@telia-ace/knowledge-widget-core": "^1.1.1-rc.1",
-    "@telia-ace/knowledge-widget-ui": "^1.1.1-rc.1",
-    "@telia-ace/widget-services": "^1.1.1-rc.1",
-    "@telia-ace/widget-utilities": "^1.1.1-rc.1",
-    "@telia-ace/knowledge-data-client": "^1.1.1-rc.1",
+    "@telia-ace/knowledge-widget-core": "^1.1.1-rc.3",
+    "@telia-ace/knowledge-widget-ui": "^1.1.1-rc.3",
+    "@telia-ace/widget-services": "^1.1.1-rc.3",
+    "@telia-ace/widget-utilities": "^1.1.1-rc.3",
+    "@telia-ace/knowledge-data-client": "^1.1.1-rc.3",
     "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {