@telia-ace/knowledge-widget-components-notification-list 1.0.47 → 1.1.1-rc.0

package/index.js

@@ -0,0 +1 @@
+"use strict";const e=require("./index-adea5bd2.js");require("react/jsx-runtime");require("react");require("react-dom");module.exports=e.NotificationListComponent;

package/index.mjs

@@ -0,0 +1,7 @@
+import { b as i } from "./index-f1223b2b.mjs";
+import "react/jsx-runtime";
+import "react";
+import "react-dom";
+export {
+  i as default
+};

package/notification-list-069c05d2.mjs

@@ -0,0 +1,29 @@
+import { jsx as s } from "react/jsx-runtime";
+import { E as a, C as p, u as c, a as m, n as u, N as f, c as l } from "./index-f1223b2b.mjs";
+import { useContext as C } from "react";
+import "react-dom";
+const d = (t, o) => t.get("seoConfiguration") ? /* @__PURE__ */ s(a, { ...o }) : null, y = () => C(p), w = ({ className: t, ...o }) => {
+  const r = c(), {
+    showHeader: i,
+    notificationList: n,
+    loading: e = !1
+  } = y();
+  return !(n != null && n.notifications.length) && !e ? d(r, {
+    ...o,
+    className: m(t, "humany-notification-list")
+  }) : /* @__PURE__ */ s(
+    x,
+    {
+      ...o,
+      className: t,
+      notificationList: n,
+      loading: e,
+      showHeader: i
+    }
+  );
+}, x = u(f)`
+    ${(t) => l(t)}
+`;
+export {
+  w as default
+};

package/notification-list-7f2f8b6c.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./index-adea5bd2.js"),u=require("react");require("react-dom");const a=(t,n)=>t.get("seoConfiguration")?r.jsx(e.Empty,{...n}):null,l=()=>u.useContext(e.ComponentPropertyContext),p=({className:t,...n})=>{const s=e.useContainer(),{showHeader:c,notificationList:o,loading:i=!1}=l();return!(o!=null&&o.notifications.length)&&!i?a(s,{...n,className:e.appendClassNames(t,"humany-notification-list")}):r.jsx(f,{...n,className:t,notificationList:o,loading:i,showHeader:c})},f=e.newStyled(e.NotificationList)`
+    ${t=>e.contentBox(t)}
+`;exports.default=p;

package/package.json

@@ -1,48 +1,24 @@
 {
   "name": "@telia-ace/knowledge-widget-components-notification-list",
-  "version": "1.0.47",
-  "description": "Notification list component for ACE Knowledge Widgets.",
-  "license": "SEE LICENSE IN LICENSE.txt",
-  "author": "Telia Company AB",
-  "keywords": [
-    "telia"
-  ],
-  "main": "dist/index.js",
-  "sourceMain": "src/index.ts",
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "files": [
-    "LICENSE.txt",
-    "README.md",
-    "dist/"
-  ],
-  "publishConfig": {
-    "access": "public"
+  "version": "1.1.1-rc.0",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "sideEffects": false,
   "dependencies": {
-    "@telia-ace/knowledge-data-client": "1.0.10",
-    "@telia-ace/knowledge-widget-core": "1.0.43",
-    "@telia-ace/knowledge-widget-ui": "1.0.49",
-    "@telia-ace/widget-utilities": "^1.0.17",
+    "@telia-ace/knowledge-widget-core": "^1.1.1-rc.0",
+    "@telia-ace/knowledge-widget-ui": "^1.1.1-rc.0",
+    "@telia-ace/widget-utilities": "^1.1.1-rc.0",
+    "@telia-ace/knowledge-data-client": "^1.1.1-rc.0",
     "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@emotion/react": "^11.11.1",
-    "@emotion/styled": "^11.11.0",
-    "@types/react": "^18.2.22",
-    "@types/react-dom": "^18.2.7",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "scripts": {
-    "clean": "rimraf ./dist",
-    "build": "rimraf ./dist && tsc -emitDeclarationOnly && vite build"
+    "@emotion/react": "11.11.1",
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0"
   }
 }

package/LICENSE.txt

@@ -1,6 +0,0 @@
-Copyright © 2021, Telia Company AB. All rights reserved.
-
-THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
-THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
-AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
-http://www.humany.com/legal

package/README.md

@@ -1,3 +0,0 @@
-# `@telia-ace/knowledge-widget-components-notification-list`
-
-Notification list component for ACE Knowledge Widgets.

package/dist/index.js

@@ -1,70 +0,0 @@
-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, 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 = {}))
-    b.call(e, i) && d(t, i, e[i]);
-  if (h)
-    for (var i of h(e))
-      v.call(e, i) && d(t, i, e[i]);
-  return t;
-}, n = (t, e) => C(t, L(e));
-import { DataClient as y, DataType as w } from "@telia-ace/knowledge-data-client";
-import { createEventSubscriber as D, extendComponent as N } from "@telia-ace/knowledge-widget-core";
-import { createReactComponent as P } from "@telia-ace/knowledge-widget-ui";
-const R = (t) => {
-  const { events: e } = t.get("$widget"), [i, u] = D(e);
-  return P(
-    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);
-      }), i("router:changed", (a, { current: s }) => {
-        o(s.routeData.params);
-      });
-    }
-  ).then(() => N(t, "notification-list", (r) => {
-    r.actions.watch("notification-list.fetch", (o, a) => y.getInstance(t).then(
-      (s) => s.fetch(w.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();
-  });
-}, I = R;
-export {
-  I as default
-};
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/notification-list-component.ts"],"sourcesContent":["import { DataClient, DataType, NotificationResults } from '@telia-ace/knowledge-data-client';\nimport {\n    createEventSubscriber,\n    extendComponent,\n    NotificationList,\n} from '@telia-ace/knowledge-widget-core';\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 DataClient.getInstance(container)\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","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,MAChDC,EAAW,YAAYvB,CAAS,EAClC;AAAA,MAAK,CAACwB,MACHA,EAAW,MAAMC,EAAS,mBAAmB;AAAA,QACzC,YAAY;AAAA,UACRR,EAAM,OAAO;AAAA,UACbA,EAAM,OAAO;AAAA,UACf,OAAO,CAACS,MAAM,CAAC,CAACA,CAAC;AAAA,QACnB,cAAcT,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,GAEAwB,IAAe5B;"}

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

@@ -1,50 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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;"}