@telia-ace/knowledge-widget-components-notification-list 0.0.1

package/index.d.ts

@@ -0,0 +1,3 @@
+import { default as NotificationListComponent } from './notification-list-component';
+
+export default NotificationListComponent;

package/index.js

@@ -0,0 +1 @@
+"use strict";const o=require("@telia-ace/knowledge-data-client"),c=require("@telia-ace/knowledge-widget-core"),l=require("@telia-ace/knowledge-widget-ui"),p=s=>{const{events:n}=s.get("$widget"),[d,h]=c.createEventSubscriber(n);return l.createReactComponent(s,"notification-list",Promise.resolve().then(()=>require("./notification-list-e52d1994.js")),e=>{const r=t=>{e.writeProperties({...e.properties(),loading:!0,error:void 0,notificationList:void 0}),e.actions.dispatch("fetch",{params:t})};e.actions.create("fetch",({error:t,notificationLists:i})=>{if(t)return e.actions.dispatch("fetched",{error:t,loading:!0,notificationList:void 0});const{category:a,notificationList:f}=e.properties(),u={notificationList:i.find(g=>g.id===a)||f};return e.actions.dispatch("fetched",{...u,loading:!0})}),e.actions.create("fetched",t=>e.writeProperties({...t,loading:!1})),s.getAsync("router").then(t=>{const{params:i}=t.getRouteData();r(i)}),d("router:changed",(t,{current:i})=>{r(i.routeData.params)})}).then(()=>c.extendComponent(s,"notification-list",e=>{e.actions.watch("notification-list.fetch",(r,t)=>o.DataClient.getInstance(s).then(i=>i.fetch(o.DataType.NotificationLists,{categories:[r.params.guideCategory,r.params.contactCategory].filter(a=>!!a),searchPhrase:r.params.phrase})).then(t).catch(i=>{if(i)return t(i)}))})).then(()=>{h()})};module.exports=p;

package/index.mjs

@@ -0,0 +1,62 @@
+import { DataClient as u, DataType as p } from "@telia-ace/knowledge-data-client";
+import { createEventSubscriber as g, extendComponent as l } from "@telia-ace/knowledge-widget-core";
+import { createReactComponent as m } from "@telia-ace/knowledge-widget-ui";
+const L = (r) => {
+  const { events: o } = r.get("$widget"), [c, n] = g(o);
+  return m(
+    r,
+    "notification-list",
+    import("./notification-list-43e7cd19.mjs"),
+    (e) => {
+      const a = (t) => {
+        e.writeProperties({
+          ...e.properties(),
+          loading: !0,
+          error: void 0,
+          notificationList: void 0
+        }), e.actions.dispatch("fetch", { params: t });
+      };
+      e.actions.create(
+        "fetch",
+        ({ error: t, notificationLists: i }) => {
+          if (t)
+            return e.actions.dispatch("fetched", {
+              error: t,
+              loading: !0,
+              notificationList: void 0
+            });
+          const { category: s, notificationList: f } = e.properties(), h = {
+            notificationList: i.find((d) => d.id === s) || f
+          };
+          return e.actions.dispatch("fetched", {
+            ...h,
+            loading: !0
+          });
+        }
+      ), e.actions.create("fetched", (t) => e.writeProperties({ ...t, loading: !1 })), r.getAsync("router").then((t) => {
+        const { params: i } = t.getRouteData();
+        a(i);
+      }), c("router:changed", (t, { current: i }) => {
+        a(i.routeData.params);
+      });
+    }
+  ).then(() => l(r, "notification-list", (e) => {
+    e.actions.watch("notification-list.fetch", (a, t) => u.getInstance(r).then(
+      (i) => i.fetch(p.NotificationLists, {
+        categories: [
+          a.params.guideCategory,
+          a.params.contactCategory
+        ].filter((s) => !!s),
+        searchPhrase: a.params.phrase
+      })
+    ).then(t).catch((i) => {
+      if (i)
+        return t(i);
+    }));
+  })).then(() => {
+    n();
+  });
+};
+export {
+  L as default
+};

package/notification-list-43e7cd19.mjs

@@ -0,0 +1,29 @@
+import { jsx as a } from "react/jsx-runtime";
+import r from "@emotion/styled";
+import { useContainer as c, useProperties as f, createEmptyComponent as m, NotificationList as p, contentBox as l } from "@telia-ace/knowledge-widget-ui";
+import { appendClassNames as d } from "@telia-ace/widget-utilities";
+const L = ({ className: t, ...i }) => {
+  const e = c(), {
+    showHeader: s,
+    notificationList: o,
+    loading: n = !1
+  } = f();
+  return !(o != null && o.notifications.length) && !n ? m(e, {
+    ...i,
+    className: d(t, "humany-notification-list")
+  }) : /* @__PURE__ */ a(
+    u,
+    {
+      ...i,
+      className: t,
+      notificationList: o,
+      loading: n,
+      showHeader: s
+    }
+  );
+}, u = r(p)`
+  ${(t) => l(t)}
+`;
+export {
+  L as default
+};

package/notification-list-component.d.ts

@@ -0,0 +1,10 @@
+import { NotificationList } from '../../../knowledge/core/src/index.ts';
+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/notification-list-e52d1994.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),c=require("@emotion/styled"),t=require("@telia-ace/knowledge-widget-ui"),u=require("@telia-ace/widget-utilities"),l=({className:e,...n})=>{const s=t.useContainer(),{showHeader:r,notificationList:i,loading:o=!1}=t.useProperties();return!(i!=null&&i.notifications.length)&&!o?t.createEmptyComponent(s,{...n,className:u.appendClassNames(e,"humany-notification-list")}):a.jsx(d,{...n,className:e,notificationList:i,loading:o,showHeader:r})},d=c(t.NotificationList)`
+  ${e=>t.contentBox(e)}
+`;exports.default=l;

package/notification-list.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+
+type Props = {
+    className: string;
+};
+declare const NotificationList: React.FC<Props>;
+export default NotificationList;

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "@telia-ace/knowledge-widget-components-notification-list",
+  "version": "0.0.1",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
+  },
+  "dependencies": {
+    "@telia-ace/knowledge-widget-core": "*",
+    "@telia-ace/knowledge-widget-ui": "*",
+    "@telia-ace/widget-utilities": "*",
+    "@telia-ace/knowledge-data-client": "*",
+    "@webprovisions/platform": "^1.1.4"
+  },
+  "peerDependencies": {
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0"
+  }
+}