@telia-ace/knowledge-widget-components-notification-list 1.0.38-experimental.8 → 1.0.38

package/dist/index.js

@@ -1,12 +1,70 @@
-import { createWebComponent as o } from "@telia-ace/widget-ui";
-const n = (t) => o(
-  t,
-  "notification-list",
-  import("./notification-list-wrapper.ddc0e46b.js"),
-  (i) => {
-  }
-), c = n;
+var m = Object.defineProperty, C = Object.defineProperties;
+var L = Object.getOwnPropertyDescriptors;
+var h = Object.getOwnPropertySymbols;
+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 e of h(i))
+      v.call(i, e) && d(t, e, i[e]);
+  return t;
+}, 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 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.4eb10bb7.js"),
+    (r) => {
+      const o = (a) => {
+        r.writeProperties(n(c({}, r.properties()), {
+          loading: !0,
+          error: void 0,
+          notificationList: void 0
+        })), r.actions.dispatch("fetch", { params: a });
+      };
+      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 } = r.properties(), g = {
+          notificationList: s.find((l) => l.id === f) || p
+        };
+        return r.actions.dispatch("fetched", n(c({}, g), {
+          loading: !0
+        }));
+      }), r.actions.create("fetched", (a) => r.writeProperties(n(c({}, a), { loading: !1 }))), t.getAsync("router").then((a) => {
+        const { params: s } = a.getRouteData();
+        o(s);
+      }), e("router:changed", (a, { current: s }) => {
+        o(s.routeData.params);
+      });
+    }
+  ).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,
+          o.params.contactCategory
+        ].filter((f) => !!f),
+        searchPhrase: o.params.phrase
+      })
+    ).then(a).catch((s) => {
+      if (s)
+        return a(s);
+    }));
+  })).then(() => {
+    u();
+  });
+}, E = P;
 export {
-  c as default
+  E as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/notification-list-component.ts"],"sourcesContent":["import { createWebComponent } from '@telia-ace/widget-ui';\nimport { Container } from '@webprovisions/platform';\n\nexport const NotificationListComponent = (container: Container) => {\n    return createWebComponent(\n        container,\n        'notification-list',\n        import('./notification-list-wrapper'),\n        (component) => {}\n    );\n};\n\nexport default NotificationListComponent;\n\n// import {\n//     createEventSubscriber,\n//     extendComponent,\n//     NotificationList,\n// } from '@telia-ace/knowledge-widget-core';\n// import { DataClient, DataType, NotificationResults } from '@telia-ace/knowledge-widget-types-grid';\n// import { createReactComponent } from '@telia-ace/knowledge-widget-ui';\n// import { Container, Widget } from '@webprovisions/platform';\n\n// export type NotificationListComponentProps = {\n//     category?: string;\n//     showHeader?: boolean;\n//     notificationList?: NotificationList; // internal\n// };\n\n// type FetchResults = NotificationResults & { error: any };\n\n// export 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\n// export default NotificationListComponent;\n"],"names":["NotificationListComponent","container","createWebComponent","component","NotificationListComponent$1"],"mappings":";AAGa,MAAAA,IAA4B,CAACC,MAC/BC;AAAA,EACHD;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP,CAACE,MAAc;AAAA,EAAC;AAAA,GAIxBC,IAAeJ;"}
+{"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-component.d.ts

@@ -1,3 +1,9 @@
+import { NotificationList } from '@telia-ace/knowledge-widget-core';
 import { Container } from '@webprovisions/platform';
+export type NotificationListComponentProps = {
+    category?: string;
+    showHeader?: boolean;
+    notificationList?: NotificationList;
+};
 export declare const NotificationListComponent: (container: Container) => Promise<void>;
 export default NotificationListComponent;

package/dist/notification-list.4eb10bb7.js

@@ -0,0 +1,50 @@
+var N = Object.defineProperty, y = Object.defineProperties;
+var C = Object.getOwnPropertyDescriptors;
+var a = Object.getOwnPropertySymbols;
+var f = Object.prototype.hasOwnProperty, p = Object.prototype.propertyIsEnumerable;
+var m = (t, o, i) => o in t ? N(t, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[o] = i, s = (t, o) => {
+  for (var i in o || (o = {}))
+    f.call(o, i) && m(t, i, o[i]);
+  if (a)
+    for (var i of a(o))
+      p.call(o, i) && m(t, i, o[i]);
+  return t;
+}, r = (t, o) => y(t, C(o));
+var l = (t, o) => {
+  var i = {};
+  for (var e in t)
+    f.call(t, e) && o.indexOf(e) < 0 && (i[e] = t[e]);
+  if (t != null && a)
+    for (var e of a(t))
+      o.indexOf(e) < 0 && p.call(t, e) && (i[e] = t[e]);
+  return i;
+};
+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 = g(), {
+    showHeader: u,
+    notificationList: n,
+    loading: c = !1
+  } = 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 = L(E)`
+    ${(t) => $(t)}
+`;
+export {
+  k as default
+};
+//# sourceMappingURL=notification-list.4eb10bb7.js.map

package/dist/notification-list.4eb10bb7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notification-list.4eb10bb7.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,IAID,gBAAAa,EAAA;AAAA,IAACC;AAAA,IAAAJ,EAAAC,EAAA,IACOV,IADP;AAAA,MAEG,WAAAD;AAAA,MACA,kBAAAM;AAAA,MACA,SAAAC;AAAA,MACA,YAAAF;AAAA,IAAA;AAAA,EAAA;AAGZ,GAEMS,IAAyBC,EAAOC,CAAkB;AAAA,MAClD,CAACC,MAAMC,EAAWD,CAAC;AAAA;"}

package/dist/notification-list.d.ts

@@ -1,9 +1,6 @@
-import { LitElement, nothing } from 'lit';
-export default class NotificationList extends LitElement {
-    static styles: import("lit").CSSResult[];
-    _items: any[];
-    _notificationList: any;
-    expanded: string | null;
-    private _onExpand;
-    render(): typeof nothing | import("lit").TemplateResult<1>;
-}
+import React from 'react';
+type Props = {
+    className: string;
+};
+declare const NotificationList: React.FC<Props>;
+export default NotificationList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-notification-list",
-  "version": "1.0.38-experimental.8",
+  "version": "1.0.38",
   "description": "Notification list component for ACE Knowledge Widgets.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -21,17 +21,15 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@telia-ace/knowledge-widget-core": "1.0.34-experimental.8",
-    "@telia-ace/knowledge-widget-types-grid": "1.0.45-experimental.8",
-    "@telia-ace/knowledge-widget-ui": "1.0.40-experimental.8",
-    "@telia-ace/widget-ui": "^1.0.28-experimental.18",
-    "@telia-ace/widget-utilities": "^1.0.10-experimental.18",
+    "@telia-ace/knowledge-widget-core": "^1.0.34",
+    "@telia-ace/knowledge-widget-types-grid": "^1.0.45",
+    "@telia-ace/knowledge-widget-ui": "^1.0.40",
+    "@telia-ace/widget-utilities": "^1.0.9",
     "@webprovisions/platform": "^1.1.2"
   },
   "peerDependencies": {
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "lit": "^2.6.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
@@ -40,7 +38,6 @@
     "@emotion/styled": "^11.10.5",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.10",
-    "lit": "^2.6.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },

package/dist/notification-list-data-provider.d.ts

@@ -1,9 +0,0 @@
-import { DataProvider } from '@telia-ace/widget-ui';
-import { ReactiveControllerHost } from 'lit';
-export declare class NotificationListDataProvider extends DataProvider {
-    host: ReactiveControllerHost;
-    constructor(host: ReactiveControllerHost);
-    hostConnected(): void;
-    initialize(): Promise<void>;
-    _fetch(): Promise<void>;
-}

package/dist/notification-list-wrapper.d.ts

@@ -1,10 +0,0 @@
-import { NodeConnector } from '@telia-ace/widget-ui';
-import NotificationList from './notification-list';
-import { NotificationListDataProvider } from './notification-list-data-provider';
-declare const NotificationListWrapper_base: import("@telia-ace/widget-ui").WidgetComponentConstructor<import("@telia-ace/widget-ui/dist/mixins/widget-component").WidgetComponentInterface> & typeof NotificationList;
-export default class NotificationListWrapper extends NotificationListWrapper_base {
-    connector: NodeConnector;
-    dataProvider: NotificationListDataProvider;
-    constructor();
-}
-export {};

package/dist/notification-list-wrapper.ddc0e46b.js

@@ -1,166 +0,0 @@
-var w = Object.defineProperty, $ = Object.defineProperties;
-var _ = Object.getOwnPropertyDescriptors;
-var f = Object.getOwnPropertySymbols, z = Object.getPrototypeOf, C = Object.prototype.hasOwnProperty, L = Object.prototype.propertyIsEnumerable, O = Reflect.get;
-var m = (i, a, t) => a in i ? w(i, a, { enumerable: !0, configurable: !0, writable: !0, value: t }) : i[a] = t, b = (i, a) => {
-  for (var t in a || (a = {}))
-    C.call(a, t) && m(i, t, a[t]);
-  if (f)
-    for (var t of f(a))
-      L.call(a, t) && m(i, t, a[t]);
-  return i;
-}, y = (i, a) => $(i, _(a));
-var x = (i, a, t) => O(z(i), t, a);
-var d = (i, a, t) => new Promise((n, r) => {
-  var s = (p) => {
-    try {
-      e(t.next(p));
-    } catch (h) {
-      r(h);
-    }
-  }, o = (p) => {
-    try {
-      e(t.throw(p));
-    } catch (h) {
-      r(h);
-    }
-  }, e = (p) => p.done ? n(p.value) : Promise.resolve(p.value).then(s, o);
-  e((t = t.apply(i, a)).next());
-});
-import { DataProvider as P, WidgetComponentMixin as D, NodeConnector as S } from "@telia-ace/widget-ui";
-import { LitElement as j, nothing as k, html as l, unsafeCSS as Y } from "lit";
-import { property as v, state as E } from "lit/decorators.js";
-import { when as M } from "lit/directives/when.js";
-const T = `*{box-sizing:border-box}ui-item-list::part(container){display:flex;justify-content:center;flex-direction:column;background:#ffffff;border-radius:var(--borderRadius);border:var(--border);box-shadow:var(--boxShadow, none);overflow:hidden;justify-content:flex-start;padding:var(--size-large)}ul.list{padding:0;margin:0;list-style:none}ul.list>li{margin:0 0 var(--size-normal);white-space:nowrap;text-overflow:ellipsis;min-width:0}ul.list>li:focus{outline-offset:-2px}ul.list>li>a{text-decoration:none}ul.list>li:last-child{margin:0}ui-button{--hover-text-decoration: underline}li[data-expanded=true] ui-paragraph::part(html){display:block}li ui-paragraph::part(html){display:none}li>span{display:block;font-weight:300;color:var(--colors-accent)}ui-paragraph::part(container){font-size:var(--fonts-normal);font-weight:300;line-height:1.5em;color:var(--colors-text)}ui-paragraph::part(container) h1,ui-paragraph::part(container) h2,ui-paragraph::part(container) h3,ui-paragraph::part(container) h4,ui-paragraph::part(container) h5,ui-paragraph::part(container) h6{word-break:break-word}ui-paragraph::part(container) h1:first-child,ui-paragraph::part(container) h2:first-child,ui-paragraph::part(container) h3:first-child,ui-paragraph::part(container) h4:first-child,ui-paragraph::part(container) h5:first-child,ui-paragraph::part(container) h6:first-child{margin-top:0}ui-paragraph::part(container) h1:only-child,ui-paragraph::part(container) h2:only-child,ui-paragraph::part(container) h3:only-child,ui-paragraph::part(container) h4:only-child,ui-paragraph::part(container) h5:only-child,ui-paragraph::part(container) h6:only-child{margin:0}ui-paragraph::part(container) h1:last-child,ui-paragraph::part(container) h2:last-child,ui-paragraph::part(container) h3:last-child,ui-paragraph::part(container) h4:last-child,ui-paragraph::part(container) h5:last-child,ui-paragraph::part(container) h6:last-child{margin-bottom:0}ui-paragraph::part(container) a{color:var(--colors-link)}ui-paragraph::part(container) a:focus-visible{outline:var(--accessibility-border);color:var(--accessibility-colors-inactiveText);border-color:transparent;text-decoration:underline}ui-paragraph::part(container) img{max-width:100%!important;height:auto!important}ui-paragraph::part(container) p{word-break:break-word;margin:var(--size-normal) 0}ui-paragraph::part(container) p:first-child{margin:0 0 var(--size-normal)}ui-paragraph::part(container) p:last-child{margin:var(--size-normal) 0 0}ui-paragraph::part(container) p:only-child{margin:0}
-`;
-var A = Object.defineProperty, N = Object.getOwnPropertyDescriptor, u = (i, a, t, n) => {
-  for (var r = n > 1 ? void 0 : n ? N(a, t) : a, s = i.length - 1, o; s >= 0; s--)
-    (o = i[s]) && (r = (n ? o(a, t, r) : o(r)) || r);
-  return n && r && A(a, t, r), r;
-};
-class c extends j {
-  constructor() {
-    super(...arguments), this._items = [], this.expanded = null;
-  }
-  _onExpand(a) {
-    this.expanded = this.expanded === a ? null : a;
-  }
-  render() {
-    var o;
-    if ((((o = this._notificationList) == null ? void 0 : o.notifications) || []).length === 0)
-      return k;
-    const {
-      id: a,
-      title: t,
-      symbol: n,
-      notifications: r = [],
-      defaultHeaderOptions: s = { visible: !0 }
-    } = this._notificationList || {};
-    return l` <ui-item-list
-            header=${t}
-            data-notification-category=${a}
-            exportparts="container: item-list-container"
-        >
-            <ul part="ul-list" class="list">
-                ${r.map((e) => l`
-                        <li
-                            class="notification-list-item"
-                            data-expanded=${this.expanded === e.id}
-                        >
-                            ${M(
-      e.expandable,
-      () => l`
-                                    <ui-button
-                                        title=${e.title}
-                                        aria-label=${e.title}
-                                        aria-expanded=${this.expanded === a}
-                                        @click=${() => this._onExpand(e.id)}
-                                    >
-                                        <span class="button-label">${e.title}</span>
-
-                                        ${this.expanded === e.id ? l`<ui-symbol-badge
-                                                  .symbol=${{
-        type: "Svg",
-        content: "caret-up"
-      }}
-                                                  .size=${11}
-                                                  class="caret"
-                                              />` : l` <ui-symbol-badge
-                                                  .symbol=${{
-        type: "Svg",
-        content: "caret-down"
-      }}
-                                                  .size=${11}
-                                                  class="caret"
-                                              />`}
-                                    </ui-button>
-                                    <ui-paragraph html=${e.body} />
-                                    <!-- {modified && ( TODO: missing
-                            <StyledTimestamp
-                                format={DateFormats.YYYY_MM_DD}
-                                timestamp={modified}
-                            />
-                        )} -->
-                                `,
-      () => l` <ui-paragraph html=${e.body} />`
-    )}
-                        </li>
-                    `)}
-            </ul>
-        </ui-item-list>`;
-  }
-}
-c.styles = [Y(T)];
-u([
-  v({ type: Array })
-], c.prototype, "_items", 2);
-u([
-  v({ type: Object })
-], c.prototype, "_notificationList", 2);
-u([
-  E()
-], c.prototype, "expanded", 2);
-class g extends P {
-  constructor(a) {
-    super(a), (this.host = a).addController(this);
-  }
-  hostConnected() {
-    this.initialize();
-  }
-  initialize() {
-    return d(this, null, function* () {
-      yield x(g.prototype, this, "initialize").call(this), this._fetch();
-    });
-  }
-  _fetch() {
-    return d(this, null, function* () {
-      var n;
-      if (!this.node)
-        return;
-      this.node.writeProperties(y(b({}, this.node.attributes.properties), {
-        loading: !0,
-        error: void 0,
-        notificationList: void 0
-      }));
-      const a = yield (n = this.container) == null ? void 0 : n.getAsync("dataClient");
-      if (!a)
-        return;
-      const t = yield a.fetch("notification-lists", {
-        categories: [].filter((r) => !!r)
-      }).then(({ notificationLists: r }) => {
-        var e;
-        const { category: s, notificationList: o } = ((e = this.node) == null ? void 0 : e.attributes.properties) || {};
-        return r.find((p) => p.id === s) || o;
-      });
-      this.node.writeProperties({ loading: !1, notificationList: t });
-    });
-  }
-}
-class B extends D(c) {
-  constructor() {
-    super(), this.connector = new S(this), this.dataProvider = new g(this);
-  }
-}
-export {
-  B as default
-};
-//# sourceMappingURL=notification-list-wrapper.ddc0e46b.js.map

package/dist/notification-list-wrapper.ddc0e46b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notification-list-wrapper.ddc0e46b.js","sources":["../src/notification-list.ts","../src/notification-list-data-provider.ts","../src/notification-list-wrapper.ts"],"sourcesContent":["import { html, LitElement, nothing, unsafeCSS } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { when } from 'lit/directives/when.js';\nimport styles from './notification-list.scss?inline';\n\nexport default class NotificationList extends LitElement {\n    static styles = [unsafeCSS(styles)];\n\n    @property({ type: Array }) _items: any[] = [];\n    @property({ type: Object }) _notificationList: any;\n\n    @state() expanded: string | null = null;\n\n    private _onExpand(id: string) {\n        this.expanded = this.expanded === id ? null : id;\n    }\n\n    render() {\n        if ((this._notificationList?.notifications || []).length === 0) {\n            return nothing;\n        }\n\n        const {\n            id,\n            title,\n            symbol,\n            notifications = [],\n            defaultHeaderOptions = { visible: true },\n        } = this._notificationList || {};\n\n        return html` <ui-item-list\n            header=${title}\n            data-notification-category=${id}\n            exportparts=\"container: item-list-container\"\n        >\n            <ul part=\"ul-list\" class=\"list\">\n                ${notifications.map((item: any) => {\n                    return html`\n                        <li\n                            class=\"notification-list-item\"\n                            data-expanded=${this.expanded === item.id}\n                        >\n                            ${when(\n                                item.expandable,\n                                () => html`\n                                    <ui-button\n                                        title=${item.title}\n                                        aria-label=${item.title}\n                                        aria-expanded=${this.expanded === id}\n                                        @click=${() => this._onExpand(item.id)}\n                                    >\n                                        <span class=\"button-label\">${item.title}</span>\n\n                                        ${this.expanded === item.id\n                                            ? html`<ui-symbol-badge\n                                                  .symbol=${{\n                                                      type: 'Svg',\n                                                      content: 'caret-up',\n                                                  }}\n                                                  .size=${11}\n                                                  class=\"caret\"\n                                              />`\n                                            : html` <ui-symbol-badge\n                                                  .symbol=${{\n                                                      type: 'Svg',\n                                                      content: 'caret-down',\n                                                  }}\n                                                  .size=${11}\n                                                  class=\"caret\"\n                                              />`}\n                                    </ui-button>\n                                    <ui-paragraph html=${item.body} />\n                                    <!-- {modified && ( TODO: missing\n                            <StyledTimestamp\n                                format={DateFormats.YYYY_MM_DD}\n                                timestamp={modified}\n                            />\n                        )} -->\n                                `,\n                                () => html` <ui-paragraph html=${item.body} />`\n                            )}\n                        </li>\n                    `;\n                })}\n            </ul>\n        </ui-item-list>`;\n    }\n}\n","import { DataProvider } from '@telia-ace/widget-ui';\nimport { ReactiveControllerHost } from 'lit';\n\nexport class NotificationListDataProvider extends DataProvider {\n    host;\n\n    constructor(host: ReactiveControllerHost) {\n        super(host as any);\n        (this.host = host).addController(this);\n    }\n\n    hostConnected() {\n        this.initialize();\n    }\n\n    async initialize() {\n        await super.initialize();\n\n        this._fetch();\n    }\n\n    async _fetch() {\n        if (!this.node) {\n            return;\n        }\n\n        this.node.writeProperties({\n            ...this.node.attributes.properties,\n            loading: true,\n            error: undefined,\n            notificationList: undefined,\n        });\n\n        const dataClient = await this.container?.getAsync('dataClient');\n\n        if (!dataClient) {\n            return;\n        }\n\n        const result = await dataClient\n            .fetch('notification-lists' /*DataType.NotificationLists*/, {\n                categories: [\n                    // input.params.guideCategory, // TODO: missing\n                    // input.params.contactCategory,\n                ].filter((c) => !!c),\n                // searchPhrase: input.params.phrase,\n            })\n            .then(({ notificationLists }: any) => {\n                const { category, notificationList } = this.node?.attributes.properties || {};\n\n                return notificationLists.find((n: any) => n.id === category) || notificationList;\n            });\n\n        this.node.writeProperties({ loading: false, notificationList: result });\n    }\n}\n","import { NodeConnector, WidgetComponentMixin } from '@telia-ace/widget-ui';\nimport NotificationList from './notification-list';\nimport { NotificationListDataProvider } from './notification-list-data-provider';\n\nexport default class NotificationListWrapper extends WidgetComponentMixin(NotificationList) {\n    connector = new NodeConnector(this);\n    dataProvider = new NotificationListDataProvider(this);\n\n    constructor() {\n        super();\n    }\n}\n"],"names":["NotificationList","LitElement","id","_a","nothing","title","symbol","notifications","defaultHeaderOptions","html","item","when","unsafeCSS","styles","__decorateClass","property","state","NotificationListDataProvider","DataProvider","host","__async","__superGet","__spreadProps","__spreadValues","dataClient","result","c","notificationLists","category","notificationList","n","NotificationListWrapper","WidgetComponentMixin","NodeConnector"],"mappings":"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"}