@telia-ace/knowledge-widget-components-notification-list 1.0.24-next.2 → 1.0.24-next.3

package/dist/index.js

@@ -1,54 +1,54 @@
-var m = Object.defineProperty, b = Object.defineProperties;
-var v = Object.getOwnPropertyDescriptors;
+var m = Object.defineProperty, C = Object.defineProperties;
+var L = Object.getOwnPropertyDescriptors;
 var h = Object.getOwnPropertySymbols;
-var y = Object.prototype.hasOwnProperty, C = Object.prototype.propertyIsEnumerable;
-var d = (t, e, i) => e in t ? m(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, c = (t, e) => {
-  for (var i in e || (e = {}))
-    y.call(e, i) && d(t, i, e[i]);
+var b = Object.prototype.hasOwnProperty, v = Object.prototype.propertyIsEnumerable;
+var d = (t, i, e) => i in t ? m(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e, c = (t, i) => {
+  for (var e in i || (i = {}))
+    b.call(i, e) && d(t, e, i[e]);
   if (h)
-    for (var i of h(e))
-      C.call(e, i) && d(t, i, e[i]);
+    for (var e of h(i))
+      v.call(i, e) && d(t, e, i[e]);
   return t;
-}, n = (t, e) => b(t, v(e));
-import { createEventSubscriber as L, extendComponent as w } from "@telia-ace/knowledge-widget-core";
+}, n = (t, i) => C(t, L(i));
+import { createEventSubscriber as y, extendComponent as w } from "@telia-ace/knowledge-widget-core";
 import { DataType as D } from "@telia-ace/knowledge-widget-types-grid";
-import { createReactComponent as P } from "@telia-ace/knowledge-widget-ui";
-const E = (t) => {
-  const { events: e } = t.get("$widget"), [i, u] = L(e);
-  return P(
+import { createReactComponent as N } from "@telia-ace/knowledge-widget-ui";
+const P = (t) => {
+  const { events: i } = t.get("$widget"), [e, u] = y(i);
+  return N(
     t,
     "notification-list",
-    import("./notification-list.ba190f64.js"),
-    (a) => {
-      const o = (r) => {
-        a.writeProperties(n(c({}, a.properties()), {
+    import("./notification-list.1a27b09d.js"),
+    (r) => {
+      const o = (a) => {
+        r.writeProperties(n(c({}, r.properties()), {
           loading: !0,
           error: void 0,
           notificationList: void 0
-        })), a.actions.dispatch("fetch", { params: r });
+        })), r.actions.dispatch("fetch", { params: a });
       };
-      a.actions.create("fetch", ({ error: r, notificationLists: s }) => {
-        if (r)
-          return a.actions.dispatch("fetched", {
-            error: r,
+      r.actions.create("fetch", ({ error: a, notificationLists: s }) => {
+        if (a)
+          return r.actions.dispatch("fetched", {
+            error: a,
             loading: !0,
             notificationList: void 0
           });
-        const { category: f, notificationList: p } = a.properties(), g = {
+        const { category: f, notificationList: p } = r.properties(), g = {
           notificationList: s.find((l) => l.id === f) || p
         };
-        return a.actions.dispatch("fetched", n(c({}, g), {
+        return r.actions.dispatch("fetched", n(c({}, g), {
           loading: !0
         }));
-      }), a.actions.create("fetched", (r) => a.writeProperties(n(c({}, r), { loading: !1 }))), t.getAsync("router").then((r) => {
-        const { params: s } = r.getRouteData();
+      }), r.actions.create("fetched", (a) => r.writeProperties(n(c({}, a), { loading: !1 }))), t.getAsync("router").then((a) => {
+        const { params: s } = a.getRouteData();
         o(s);
-      }), i("router:changed", (r, { current: s }) => {
+      }), e("router:changed", (a, { current: s }) => {
         o(s.routeData.params);
       });
     }
-  ).then(() => w(t, "notification-list", (a) => {
-    a.actions.watch("notification-list.fetch", (o, r) => t.getAsync("dataClient").then(
+  ).then(() => w(t, "notification-list", (r) => {
+    r.actions.watch("notification-list.fetch", (o, a) => t.getAsync("dataClient").then(
       (s) => s.fetch(D.NotificationLists, {
         categories: [
           o.params.guideCategory,
@@ -56,14 +56,14 @@ const E = (t) => {
         ].filter((f) => !!f),
         searchPhrase: o.params.phrase
       })
-    ).then(r).catch((s) => {
+    ).then(a).catch((s) => {
       if (s)
-        return r(s);
+        return a(s);
     }));
   })).then(() => {
     u();
   });
-};
+}, E = P;
 export {
   E as default
 };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/notification-list-component.ts"],"sourcesContent":["import {\n    createEventSubscriber,\n    extendComponent,\n    NotificationList,\n} from '@telia-ace/knowledge-widget-core';\nimport { DataClient, DataType, NotificationResults } from '@telia-ace/knowledge-widget-types-grid';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { Container, Widget } from '@webprovisions/platform';\n\nexport type NotificationListComponentProps = {\n    category?: string;\n    showHeader?: boolean;\n    notificationList?: NotificationList; // internal\n};\n\ntype FetchResults = NotificationResults & { error: any };\n\nexport const NotificationListComponent = (container: Container) => {\n    const { events }: Widget = container.get('$widget');\n    const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n    return createReactComponent(\n        container,\n        'notification-list',\n        import('./notification-list'),\n        (component) => {\n            const fetch = (params: { [key: string]: any }) => {\n                component.writeProperties({\n                    ...component.properties<NotificationListComponentProps>(),\n                    loading: true,\n                    error: undefined,\n                    notificationList: undefined,\n                });\n                component.actions.dispatch('fetch', { params });\n            };\n\n            component.actions.create('fetch', ({ error, notificationLists }: FetchResults) => {\n                if (error) {\n                    return component.actions.dispatch('fetched', {\n                        error,\n                        loading: true,\n                        notificationList: undefined,\n                    });\n                }\n\n                const { category, notificationList } =\n                    component.properties<NotificationListComponentProps>();\n\n                const properties = {\n                    notificationList:\n                        notificationLists.find((n) => n.id === category) || notificationList,\n                };\n\n                return component.actions.dispatch('fetched', {\n                    ...properties,\n                    loading: true,\n                });\n            });\n\n            component.actions.create('fetched', (input) => {\n                return component.writeProperties({ ...input, loading: false });\n            });\n\n            container.getAsync('router').then((router) => {\n                const { params } = router.getRouteData();\n                fetch(params);\n            });\n\n            subscribe('router:changed', (event: any, { current }: any) => {\n                fetch(current.routeData.params);\n            });\n        }\n    )\n        .then(() => {\n            return extendComponent(container, 'notification-list', (component) => {\n                component.actions.watch('notification-list.fetch', (input, next) => {\n                    return container\n                        .getAsync('dataClient')\n                        .then((dataClient: DataClient) =>\n                            dataClient.fetch(DataType.NotificationLists, {\n                                categories: [\n                                    input.params.guideCategory,\n                                    input.params.contactCategory,\n                                ].filter((c) => !!c),\n                                searchPhrase: input.params.phrase,\n                            })\n                        )\n                        .then(next)\n                        .catch((error) => {\n                            if (error) {\n                                return next(error);\n                            }\n                        });\n                });\n            });\n        })\n        .then(() => {\n            unsubscribe();\n        });\n};\n\nexport default NotificationListComponent;\n"],"names":["NotificationListComponent","container","events","subscribe","unsubscribe","createEventSubscriber","createReactComponent","component","fetch","params","__spreadProps","__spreadValues","error","notificationLists","category","notificationList","properties","n","input","router","event","current","extendComponent","next","dataClient","DataType","c"],"mappings":";;;;;;;;;;;;;;;AAiBa,MAAAA,IAA4B,CAACC,MAAyB;AAC/D,QAAM,EAAE,QAAAC,EAAmB,IAAAD,EAAU,IAAI,SAAS,GAC5C,CAACE,GAAWC,CAAW,IAAIC,EAAsBH,CAAM;AAEtD,SAAAI;AAAA,IACHL;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,CAACM,MAAc;AACL,YAAAC,IAAQ,CAACC,MAAmC;AAC9C,QAAAF,EAAU,gBAAgBG,EAAAC,EAAA,IACnBJ,EAAU,WAA2C,IADlC;AAAA,UAEtB,SAAS;AAAA,UACT,OAAO;AAAA,UACP,kBAAkB;AAAA,QAAA,EACrB,GACDA,EAAU,QAAQ,SAAS,SAAS,EAAE,QAAAE,EAAQ,CAAA;AAAA,MAAA;AAGlD,MAAAF,EAAU,QAAQ,OAAO,SAAS,CAAC,EAAE,OAAAK,GAAO,mBAAAC,QAAsC;AAC9E,YAAID;AACO,iBAAAL,EAAU,QAAQ,SAAS,WAAW;AAAA,YACzC,OAAAK;AAAA,YACA,SAAS;AAAA,YACT,kBAAkB;AAAA,UAAA,CACrB;AAGL,cAAM,EAAE,UAAAE,GAAU,kBAAAC,EAAiB,IAC/BR,EAAU,WAA2C,GAEnDS,IAAa;AAAA,UACf,kBACIH,EAAkB,KAAK,CAACI,MAAMA,EAAE,OAAOH,CAAQ,KAAKC;AAAA,QAAA;AAGrD,eAAAR,EAAU,QAAQ,SAAS,WAAWG,EAAAC,EAAA,IACtCK,IADsC;AAAA,UAEzC,SAAS;AAAA,QAAA,EACZ;AAAA,MAAA,CACJ,GAEDT,EAAU,QAAQ,OAAO,WAAW,CAACW,MAC1BX,EAAU,gBAAgBG,EAAAC,EAAA,IAAKO,IAAL,EAAY,SAAS,KAAO,CAChE,GAEDjB,EAAU,SAAS,QAAQ,EAAE,KAAK,CAACkB,MAAW;AAC1C,cAAM,EAAE,QAAAV,EAAA,IAAWU,EAAO,aAAa;AACvC,QAAAX,EAAMC,CAAM;AAAA,MAAA,CACf,GAEDN,EAAU,kBAAkB,CAACiB,GAAY,EAAE,SAAAC,QAAmB;AACpD,QAAAb,EAAAa,EAAQ,UAAU,MAAM;AAAA,MAAA,CACjC;AAAA,IACL;AAAA,EACJ,EACK,KAAK,MACKC,EAAgBrB,GAAW,qBAAqB,CAACM,MAAc;AAClE,IAAAA,EAAU,QAAQ,MAAM,2BAA2B,CAACW,GAAOK,MAChDtB,EACF,SAAS,YAAY,EACrB;AAAA,MAAK,CAACuB,MACHA,EAAW,MAAMC,EAAS,mBAAmB;AAAA,QACzC,YAAY;AAAA,UACRP,EAAM,OAAO;AAAA,UACbA,EAAM,OAAO;AAAA,UACf,OAAO,CAACQ,MAAM,CAAC,CAACA,CAAC;AAAA,QACnB,cAAcR,EAAM,OAAO;AAAA,MAAA,CAC9B;AAAA,MAEJ,KAAKK,CAAI,EACT,MAAM,CAACX,MAAU;AACd,UAAIA;AACA,eAAOW,EAAKX,CAAK;AAAA,IACrB,CACH,CACR;AAAA,EAAA,CACJ,CACJ,EACA,KAAK,MAAM;AACI,IAAAR;EAAA,CACf;AACT;"}
+{"version":3,"file":"index.js","sources":["../src/notification-list-component.ts"],"sourcesContent":["import {\n    createEventSubscriber,\n    extendComponent,\n    NotificationList,\n} from '@telia-ace/knowledge-widget-core';\nimport { DataClient, DataType, NotificationResults } from '@telia-ace/knowledge-widget-types-grid';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { Container, Widget } from '@webprovisions/platform';\n\nexport type NotificationListComponentProps = {\n    category?: string;\n    showHeader?: boolean;\n    notificationList?: NotificationList; // internal\n};\n\ntype FetchResults = NotificationResults & { error: any };\n\nexport const NotificationListComponent = (container: Container) => {\n    const { events }: Widget = container.get('$widget');\n    const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n    return createReactComponent(\n        container,\n        'notification-list',\n        import('./notification-list'),\n        (component) => {\n            const fetch = (params: { [key: string]: any }) => {\n                component.writeProperties({\n                    ...component.properties<NotificationListComponentProps>(),\n                    loading: true,\n                    error: undefined,\n                    notificationList: undefined,\n                });\n                component.actions.dispatch('fetch', { params });\n            };\n\n            component.actions.create('fetch', ({ error, notificationLists }: FetchResults) => {\n                if (error) {\n                    return component.actions.dispatch('fetched', {\n                        error,\n                        loading: true,\n                        notificationList: undefined,\n                    });\n                }\n\n                const { category, notificationList } =\n                    component.properties<NotificationListComponentProps>();\n\n                const properties = {\n                    notificationList:\n                        notificationLists.find((n) => n.id === category) || notificationList,\n                };\n\n                return component.actions.dispatch('fetched', {\n                    ...properties,\n                    loading: true,\n                });\n            });\n\n            component.actions.create('fetched', (input) => {\n                return component.writeProperties({ ...input, loading: false });\n            });\n\n            container.getAsync('router').then((router) => {\n                const { params } = router.getRouteData();\n                fetch(params);\n            });\n\n            subscribe('router:changed', (event: any, { current }: any) => {\n                fetch(current.routeData.params);\n            });\n        }\n    )\n        .then(() => {\n            return extendComponent(container, 'notification-list', (component) => {\n                component.actions.watch('notification-list.fetch', (input, next) => {\n                    return container\n                        .getAsync('dataClient')\n                        .then((dataClient: DataClient) =>\n                            dataClient.fetch(DataType.NotificationLists, {\n                                categories: [\n                                    input.params.guideCategory,\n                                    input.params.contactCategory,\n                                ].filter((c) => !!c),\n                                searchPhrase: input.params.phrase,\n                            })\n                        )\n                        .then(next)\n                        .catch((error) => {\n                            if (error) {\n                                return next(error);\n                            }\n                        });\n                });\n            });\n        })\n        .then(() => {\n            unsubscribe();\n        });\n};\n\nexport default NotificationListComponent;\n"],"names":["NotificationListComponent","container","events","subscribe","unsubscribe","createEventSubscriber","createReactComponent","component","fetch","params","__spreadProps","__spreadValues","error","notificationLists","category","notificationList","properties","n","input","router","event","current","extendComponent","next","dataClient","DataType","c","NotificationListComponent$1"],"mappings":";;;;;;;;;;;;;;;AAiBa,MAAAA,IAA4B,CAACC,MAAyB;AAC/D,QAAM,EAAE,QAAAC,EAAmB,IAAAD,EAAU,IAAI,SAAS,GAC5C,CAACE,GAAWC,CAAW,IAAIC,EAAsBH,CAAM;AAEtD,SAAAI;AAAA,IACHL;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP,CAACM,MAAc;AACL,YAAAC,IAAQ,CAACC,MAAmC;AAC9C,QAAAF,EAAU,gBAAgBG,EAAAC,EAAA,IACnBJ,EAAU,WAA2C,IADlC;AAAA,UAEtB,SAAS;AAAA,UACT,OAAO;AAAA,UACP,kBAAkB;AAAA,QAAA,EACrB,GACDA,EAAU,QAAQ,SAAS,SAAS,EAAE,QAAAE,EAAQ,CAAA;AAAA,MAAA;AAGlD,MAAAF,EAAU,QAAQ,OAAO,SAAS,CAAC,EAAE,OAAAK,GAAO,mBAAAC,QAAsC;AAC9E,YAAID;AACO,iBAAAL,EAAU,QAAQ,SAAS,WAAW;AAAA,YACzC,OAAAK;AAAA,YACA,SAAS;AAAA,YACT,kBAAkB;AAAA,UAAA,CACrB;AAGL,cAAM,EAAE,UAAAE,GAAU,kBAAAC,EAAiB,IAC/BR,EAAU,WAA2C,GAEnDS,IAAa;AAAA,UACf,kBACIH,EAAkB,KAAK,CAACI,MAAMA,EAAE,OAAOH,CAAQ,KAAKC;AAAA,QAAA;AAGrD,eAAAR,EAAU,QAAQ,SAAS,WAAWG,EAAAC,EAAA,IACtCK,IADsC;AAAA,UAEzC,SAAS;AAAA,QAAA,EACZ;AAAA,MAAA,CACJ,GAEDT,EAAU,QAAQ,OAAO,WAAW,CAACW,MAC1BX,EAAU,gBAAgBG,EAAAC,EAAA,IAAKO,IAAL,EAAY,SAAS,KAAO,CAChE,GAEDjB,EAAU,SAAS,QAAQ,EAAE,KAAK,CAACkB,MAAW;AAC1C,cAAM,EAAE,QAAAV,EAAA,IAAWU,EAAO,aAAa;AACvC,QAAAX,EAAMC,CAAM;AAAA,MAAA,CACf,GAEDN,EAAU,kBAAkB,CAACiB,GAAY,EAAE,SAAAC,QAAmB;AACpD,QAAAb,EAAAa,EAAQ,UAAU,MAAM;AAAA,MAAA,CACjC;AAAA,IACL;AAAA,EACJ,EACK,KAAK,MACKC,EAAgBrB,GAAW,qBAAqB,CAACM,MAAc;AAClE,IAAAA,EAAU,QAAQ,MAAM,2BAA2B,CAACW,GAAOK,MAChDtB,EACF,SAAS,YAAY,EACrB;AAAA,MAAK,CAACuB,MACHA,EAAW,MAAMC,EAAS,mBAAmB;AAAA,QACzC,YAAY;AAAA,UACRP,EAAM,OAAO;AAAA,UACbA,EAAM,OAAO;AAAA,UACf,OAAO,CAACQ,MAAM,CAAC,CAACA,CAAC;AAAA,QACnB,cAAcR,EAAM,OAAO;AAAA,MAAA,CAC9B;AAAA,MAEJ,KAAKK,CAAI,EACT,MAAM,CAACX,MAAU;AACd,UAAIA;AACA,eAAOW,EAAKX,CAAK;AAAA,IACrB,CACH,CACR;AAAA,EAAA,CACJ,CACJ,EACA,KAAK,MAAM;AACI,IAAAR;EAAA,CACf;AACT,GAEAuB,IAAe3B;"}

package/dist/{notification-list.ba190f64.js → notification-list.1a27b09d.js}

@@ -19,29 +19,29 @@ var l = (t, o) => {
       o.indexOf(e) < 0 && p.call(t, e) && (i[e] = t[e]);
   return i;
 };
-import { useContainer as L, useProperties as g, createEmptyComponent as h, NotificationList as x, contentBox as E } from "@telia-ace/knowledge-widget-ui";
-import { appendClassNames as $ } from "@telia-ace/widget-utilities";
-import w from "react";
-import B from "styled-components";
+import L from "@emotion/styled";
+import { useContainer as g, useProperties as h, createEmptyComponent as x, NotificationList as E, contentBox as $ } from "@telia-ace/knowledge-widget-ui";
+import { appendClassNames as w } from "@telia-ace/widget-utilities";
+import B from "react";
 const k = (i) => {
   var e = i, { className: t } = e, o = l(e, ["className"]);
-  const d = L(), {
+  const d = g(), {
     showHeader: u,
     notificationList: n,
     loading: c = !1
-  } = g();
-  return !(n != null && n.notifications.length) && !c ? h(d, r(s({}, o), {
-    className: $(t, "humany-notification-list")
-  })) : /* @__PURE__ */ w.createElement(H, r(s({}, o), {
+  } = h();
+  return !(n != null && n.notifications.length) && !c ? x(d, r(s({}, o), {
+    className: w(t, "humany-notification-list")
+  })) : /* @__PURE__ */ B.createElement(H, r(s({}, o), {
     className: t,
     notificationList: n,
     loading: c,
     showHeader: u
   }));
-}, H = B(x)`
-    ${E}
+}, H = L(E)`
+    ${(t) => $(t)}
 `;
 export {
   k as default
 };
-//# sourceMappingURL=notification-list.ba190f64.js.map
+//# sourceMappingURL=notification-list.1a27b09d.js.map

package/dist/notification-list.1a27b09d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-list.1a27b09d.js","sources":["../src/notification-list.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport {\n    contentBox,\n    createEmptyComponent,\n    NotificationList as NotificationListUi,\n    useContainer,\n    useProperties,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport { NotificationListComponentProps } from './notification-list-component';\n\ntype Props = {\n    className: string;\n};\n\nconst NotificationList: React.FC<Props> = ({ className, ...other }) => {\n    const container = useContainer();\n    const {\n        showHeader,\n        notificationList,\n        loading = false,\n    } = useProperties<NotificationListComponentProps>();\n\n    if (!notificationList?.notifications.length && !loading) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-notification-list'),\n        });\n    }\n\n    return (\n        <StyledNotificationList\n            {...other}\n            className={className}\n            notificationList={notificationList}\n            loading={loading}\n            showHeader={showHeader}\n        />\n    );\n};\n\nconst StyledNotificationList = styled(NotificationListUi)`\n    ${(p) => contentBox(p)}\n`;\n\nexport default NotificationList;\n"],"names":["NotificationList","_a","_b","className","other","__objRest","container","useContainer","showHeader","notificationList","loading","useProperties","createEmptyComponent","__spreadProps","__spreadValues","appendClassNames","React","StyledNotificationList","styled","NotificationListUi","p","contentBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAAoC,CAACC,MAA4B;AAA5B,MAAAC,IAAAD,GAAE,aAAAE,MAAFD,GAAgBE,IAAAC,EAAhBH,GAAgB,CAAd;AACzC,QAAMI,IAAYC,KACZ;AAAA,IACF,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,MACVC,EAA8C;AAElD,SAAI,EAACF,KAAA,QAAAA,EAAkB,cAAc,WAAU,CAACC,IACrCE,EAAqBN,GAAWO,EAAAC,EAAA,IAChCV,IADgC;AAAA,IAEnC,WAAWW,EAAiBZ,GAAW,0BAA0B;AAAA,EAAA,EACpE,IAIA,gBAAAa,EAAA,cAAAC,GAAAJ,EAAAC,EAAA,IACOV,IADP;AAAA,IAEG,WAAAD;AAAA,IACA,kBAAAM;AAAA,IACA,SAAAC;AAAA,IACA,YAAAF;AAAA,EAAA,EACJ;AAER,GAEMS,IAAyBC,EAAOC,CAAkB;AAAA,MAClD,CAACC,MAAMC,EAAWD,CAAC;AAAA;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/knowledge-widget-components-notification-list",
-    "version": "1.0.24-next.2",
+    "version": "1.0.24-next.3",
     "description": "Notification list component for ACE Knowledge Widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -33,17 +33,18 @@
         "@webprovisions/platform": "^1.1.2"
     },
     "peerDependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "styled-components": "^5.3.6"
+        "react-dom": "^18.2.0"
     },
     "devDependencies": {
+        "@emotion/react": "^11.10.4",
+        "@emotion/styled": "^11.10.4",
         "@types/react": "^18.0.21",
         "@types/react-dom": "^18.0.6",
-        "@types/styled-components": "^5.1.26",
         "react": "^18.2.0",
-        "react-dom": "^18.2.0",
-        "styled-components": "^5.3.6"
+        "react-dom": "^18.2.0"
     },
-    "gitHead": "3040596277958342d31410cb8766141e15b985cf"
+    "gitHead": "035b7b89fbf7c736993d70e6dc4e420b8218a3a4"
 }

package/dist/notification-list.ba190f64.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-list.ba190f64.js","sources":["../src/notification-list.tsx"],"sourcesContent":["import {\n    contentBox,\n    createEmptyComponent,\n    NotificationList as NotificationListUi,\n    useContainer,\n    useProperties,\n} from '@telia-ace/knowledge-widget-ui';\nimport { appendClassNames } from '@telia-ace/widget-utilities';\nimport React from 'react';\nimport styled from 'styled-components';\nimport { NotificationListComponentProps } from './notification-list-component';\n\ntype Props = {\n    className: string;\n};\n\nconst NotificationList: React.FC<Props> = ({ className, ...other }) => {\n    const container = useContainer();\n    const {\n        showHeader,\n        notificationList,\n        loading = false,\n    } = useProperties<NotificationListComponentProps>();\n\n    if (!notificationList?.notifications.length && !loading) {\n        return createEmptyComponent(container, {\n            ...other,\n            className: appendClassNames(className, 'humany-notification-list'),\n        });\n    }\n\n    return (\n        <StyledNotificationList\n            {...other}\n            className={className}\n            notificationList={notificationList}\n            loading={loading}\n            showHeader={showHeader}\n        />\n    );\n};\n\nconst StyledNotificationList = styled(NotificationListUi)`\n    ${contentBox}\n`;\n\nexport default NotificationList;\n"],"names":["NotificationList","_a","_b","className","other","__objRest","container","useContainer","showHeader","notificationList","loading","useProperties","createEmptyComponent","__spreadProps","__spreadValues","appendClassNames","React","StyledNotificationList","styled","NotificationListUi","contentBox"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAAoC,CAACC,MAA4B;AAA5B,MAAAC,IAAAD,GAAE,aAAAE,MAAFD,GAAgBE,IAAAC,EAAhBH,GAAgB,CAAd;AACzC,QAAMI,IAAYC,KACZ;AAAA,IACF,YAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,SAAAC,IAAU;AAAA,MACVC,EAA8C;AAElD,SAAI,EAACF,KAAA,QAAAA,EAAkB,cAAc,WAAU,CAACC,IACrCE,EAAqBN,GAAWO,EAAAC,EAAA,IAChCV,IADgC;AAAA,IAEnC,WAAWW,EAAiBZ,GAAW,0BAA0B;AAAA,EAAA,EACpE,IAIA,gBAAAa,EAAA,cAAAC,GAAAJ,EAAAC,EAAA,IACOV,IADP;AAAA,IAEG,WAAAD;AAAA,IACA,kBAAAM;AAAA,IACA,SAAAC;AAAA,IACA,YAAAF;AAAA,EAAA,EACJ;AAER,GAEMS,IAAyBC,EAAOC,CAAkB;AAAA,MAClDC;AAAA;"}