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

package/index.js

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

package/index.mjs

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

package/notification-row-4b11636a.js

@@ -0,0 +1,114 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("./index-19df0eec.js"),c=require("react");require("react-dom");const j=(e,t)=>e.get("seoConfiguration")?o.jsx(a.Empty,{...t}):null,T=()=>c.useContext(a.ComponentPropertyContext),S="closed-notifications",q={transform:{a:({children:e,...t})=>o.jsx("a",{...t,tabIndex:-1,children:e})}},H=({className:e,...t})=>{const{types:l=[],allowPaging:m=!0,notifications:E=[],expandable:p=!1,closeAriaLabel:P="",pageNextAriaLabel:N="",pagePreviousAriaLabel:O="",expandAriaLabel:B=""}=T(),[u,A]=c.useState(!1),[g,$]=c.useState([]),[i,h]=c.useState(0),s=a.useContainer(),[y,R]=c.useState();c.useEffect(()=>{s&&(a.readStorage(s,S,a.StorageMedium.Session).then((n=[])=>$(n)),a.createStorageWriter(s,S,a.StorageCategory.Functional).then(n=>R(()=>n)))},[s]),c.useEffect(()=>{s&&a.readStorage(s,S,a.StorageMedium.Session).then((n=[])=>{g.forEach(r=>n.indexOf(r)===-1&&n.push(r)),y&&y(n)})},[g,s,y]);const d=E.filter(({id:n})=>g.indexOf(n)===-1),{length:f}=d;if(!d.length)return j(s,{...t,className:a.appendClassNames(e,"humany-notification-row")});if(m){const n=d[i]||d[i+1]||d[i-1];if(!n)return j(s,{...t,className:a.appendClassNames(e,"humany-notification-row")});const{id:r,body:b}=n||{},v=()=>A(!u);return o.jsxs(C,{...t,"aria-expanded":p?u:!0,"aria-label":B,tabIndex:p?0:-1,className:a.appendClassNames(e,"humany-notification-row"),"data-pageable":f>1,"data-types":l,"data-allow-paging":m,"data-expandable":p,onKeyDown:x=>{x.key==="Enter"&&v()},onClick:v,children:[o.jsx(L,{"aria-label":P,onClick:()=>{h(d.indexOf(n)),$([...g,r])},children:o.jsx(a.SymbolBadge,{symbol:{type:"Svg",content:"close"}})}),o.jsx(k,{htmlParseInstruction:!p||u?void 0:q,"data-pageable":f>1,"data-notification":r,"data-expandable":p,"data-expanded":u,html:b}),f>1&&o.jsxs(I,{children:[o.jsx(w,{"aria-label":O,"data-disabled":i===0,onClick:x=>{x.stopPropagation(),i>0&&h(i-1)},children:o.jsx(z,{size:10,symbol:{type:"Svg",content:"caret-left"}})}),o.jsxs("span",{children:[i+1,"/",f]}),o.jsx(w,{"aria-label":N,"data-disabled":i+1>=f,onClick:x=>{x.stopPropagation(),i<f-1&&h(i+1)},children:o.jsx(z,{size:10,symbol:{type:"Svg",content:"caret-right"}})})]})]})}return o.jsx(C,{...t,className:a.appendClassNames(e,"humany-notification-row"),"data-pageable":!1,"data-types":l,"data-allow-paging":!1,children:d.map(n=>{if(!n)return null;const{id:r,body:b}=n;return o.jsx(k,{"data-pageable":!1,"data-expandable":p,"data-expanded":u,"data-notification":r,html:b},r)})})},C=a.newStyled.div`
+    ${a.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,m;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:(m=e.theme.colors)==null?void 0:m.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 {
+            ${a.linkTabStyle}
+        }
+    }
+
+    ${e=>{var t;return!e["data-allow-paging"]&&a.css`
+            flex-wrap: wrap;
+
+            > div {
+                min-width: 100%;
+                margin: ${((t=e.theme.sizes)==null?void 0:t.cardinal)*2}px;
+            }
+        `}};
+
+    ${e=>a.css`
+            &:focus-visible {
+                .humany-html {
+                    ${a.borderTabStyle(e)}
+                }
+            }
+        `}
+`,k=a.newStyled(a.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"]&&a.css`
+            max-width: 100%;
+
+            p {
+                display: none;
+                &:first-child {
+                    display: block;
+                    margin-bottom: 0;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+            }
+        `}
+`,I=a.newStyled.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;
+    }
+`,w=a.newStyled(a.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 {
+        ${a.borderTabStyle}
+    }
+
+    ${e=>e["data-disabled"]?a.css`
+                  opacity: 0.8;
+              `:a.css`
+                  @media (hover) {
+                      &:hover {
+                          opacity: 0.5;
+                      }
+                  }
+              `}
+`,L=a.newStyled(w)`
+    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}};
+        }
+    }
+`,z=a.newStyled(a.SymbolBadge)`
+    line {
+        stroke: #ffffff;
+    }
+`;a.newStyled.div`
+    display: none;
+`;exports.default=H;

package/notification-row-ce337619.mjs

@@ -0,0 +1,311 @@
+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 = {
+  transform: {
+    a: ({ children: e, ...t }) => /* @__PURE__ */ n("a", { ...t, tabIndex: -1, children: e })
+  }
+}, le = ({ className: e, ...t }) => {
+  const {
+    types: s = [],
+    allowPaging: f = !0,
+    notifications: j = [],
+    expandable: c = !1,
+    closeAriaLabel: R = "",
+    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(
+      (a) => F(() => a)
+    ));
+  }, [i]), B(() => {
+    i && E(i, S, P.Session).then(
+      (a = []) => {
+        u.forEach(
+          (l) => a.indexOf(l) === -1 && a.push(l)
+        ), 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, {
+      ...t,
+      className: b(e, "humany-notification-row")
+    });
+  if (f) {
+    const a = r[o] || r[o + 1] || r[o - 1];
+    if (!a)
+      return O(i, {
+        ...t,
+        className: b(e, "humany-notification-row")
+      });
+    const { id: l, body: $ } = a || {}, z = () => D(!m);
+    return /* @__PURE__ */ v(
+      A,
+      {
+        ...t,
+        "aria-expanded": c ? m : !0,
+        "aria-label": K,
+        tabIndex: c ? 0 : -1,
+        className: b(e, "humany-notification-row"),
+        "data-pageable": p > 1,
+        "data-types": s,
+        "data-allow-paging": f,
+        "data-expandable": c,
+        onKeyDown: (g) => {
+          g.key === "Enter" && z();
+        },
+        onClick: z,
+        children: [
+          /* @__PURE__ */ n(
+            ae,
+            {
+              "aria-label": R,
+              onClick: () => {
+                y(r.indexOf(a)), C([...u, l]);
+              },
+              children: /* @__PURE__ */ n(L, { symbol: { type: "Svg", content: "close" } })
+            }
+          ),
+          /* @__PURE__ */ n(
+            H,
+            {
+              htmlParseInstruction: !c || m ? void 0 : ee,
+              "data-pageable": p > 1,
+              "data-notification": l,
+              "data-expandable": c,
+              "data-expanded": m,
+              html: $
+            }
+          ),
+          p > 1 && /* @__PURE__ */ v(te, { children: [
+            /* @__PURE__ */ n(
+              k,
+              {
+                "aria-label": W,
+                "data-disabled": o === 0,
+                onClick: (g) => {
+                  g.stopPropagation(), o > 0 && y(o - 1);
+                },
+                children: /* @__PURE__ */ n(
+                  I,
+                  {
+                    size: 10,
+                    symbol: { type: "Svg", content: "caret-left" }
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ v("span", { children: [
+              o + 1,
+              "/",
+              p
+            ] }),
+            /* @__PURE__ */ n(
+              k,
+              {
+                "aria-label": T,
+                "data-disabled": o + 1 >= p,
+                onClick: (g) => {
+                  g.stopPropagation(), o < p - 1 && y(o + 1);
+                },
+                children: /* @__PURE__ */ n(
+                  I,
+                  {
+                    size: 10,
+                    symbol: { type: "Svg", content: "caret-right" }
+                  }
+                )
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ n(
+    A,
+    {
+      ...t,
+      className: b(e, "humany-notification-row"),
+      "data-pageable": !1,
+      "data-types": s,
+      "data-allow-paging": !1,
+      children: r.map((a) => {
+        if (!a)
+          return null;
+        const { id: l, body: $ } = a;
+        return /* @__PURE__ */ n(
+          H,
+          {
+            "data-pageable": !1,
+            "data-expandable": c,
+            "data-expanded": m,
+            "data-notification": l,
+            html: $
+          },
+          l
+        );
+      })
+    }
+  );
+}, A = d.div`
+    ${J}
+    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, 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;
+}};
+    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 {
+            ${Q}
+        }
+    }
+
+    ${(e) => {
+  var t;
+  return !e["data-allow-paging"] && h`
+            flex-wrap: wrap;
+
+            > div {
+                min-width: 100%;
+                margin: ${((t = e.theme.sizes) == null ? void 0 : t.cardinal) * 2}px;
+            }
+        `;
+}};
+
+    ${(e) => h`
+            &:focus-visible {
+                .humany-html {
+                    ${N(e)}
+                }
+            }
+        `}
+`, H = d(U)`
+    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"] && h`
+            max-width: 100%;
+
+            p {
+                display: none;
+                &:first-child {
+                    display: block;
+                    margin-bottom: 0;
+                    white-space: nowrap;
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+            }
+        `}
+`, te = d.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 = d(V)`
+    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 {
+        ${N}
+    }
+
+    ${(e) => e["data-disabled"] ? h`
+                  opacity: 0.8;
+              ` : h`
+                  @media (hover) {
+                      &:hover {
+                          opacity: 0.5;
+                      }
+                  }
+              `}
+`, ae = 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}`;
+}};
+    svg {
+        vertical-align: middle;
+        line,
+        path {
+            stroke: ${(e) => {
+  var t;
+  return (t = e.theme.colors) == null ? void 0 : t.text;
+}};
+        }
+    }
+`, I = d(L)`
+    line {
+        stroke: #ffffff;
+    }
+`;
+d.div`
+    display: none;
+`;
+export {
+  le as default
+};

package/package.json

@@ -1,49 +1,25 @@
 {
   "name": "@telia-ace/knowledge-widget-components-notification-row",
-  "version": "1.0.47-next.0",
-  "description": "Notification row 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-next.0",
-    "@telia-ace/knowledge-widget-core": "1.0.43-next.0",
-    "@telia-ace/knowledge-widget-ui": "1.0.49-next.0",
-    "@telia-ace/widget-services": "^1.0.28-next.0",
-    "@telia-ace/widget-utilities": "^1.0.17-next.0",
+    "@telia-ace/knowledge-widget-core": "^1.1.1-rc.0",
+    "@telia-ace/knowledge-widget-ui": "^1.1.1-rc.0",
+    "@telia-ace/widget-services": "^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-row`
-
-Notification row component for ACE Knowledge Widgets.

package/dist/index.js

@@ -1,80 +0,0 @@
-var m = Object.defineProperty, b = Object.defineProperties;
-var C = Object.getOwnPropertyDescriptors;
-var g = Object.getOwnPropertySymbols;
-var y = Object.prototype.hasOwnProperty, R = Object.prototype.propertyIsEnumerable;
-var p = (t, e, i) => e in t ? m(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, h = (t, e) => {
-  for (var i in e || (e = {}))
-    y.call(e, i) && p(t, i, e[i]);
-  if (g)
-    for (var i of g(e))
-      R.call(e, i) && p(t, i, e[i]);
-  return t;
-}, d = (t, e) => b(t, C(e));
-import { DataClient as v, DataType as x } from "@telia-ace/knowledge-data-client";
-import { createEventSubscriber as D, extendComponent as N } from "@telia-ace/knowledge-widget-core";
-import { createReactComponent as O } from "@telia-ace/knowledge-widget-ui";
-const P = (t) => {
-  const { events: e } = t.get("$widget"), [i, u] = D(e);
-  return O(
-    t,
-    "notification-row",
-    import("./notification-row.5162cdbf.js"),
-    (r) => {
-      const s = (a) => {
-        r.writeProperties(d(h({}, r.properties()), {
-          loading: !0,
-          error: void 0,
-          notifications: []
-        })), r.actions.dispatch("fetch", { params: a });
-      };
-      return r.actions.create(
-        "fetch",
-        ({
-          error: a,
-          topNotifications: o,
-          bottomNotifications: f,
-          middleNotifications: l
-        }) => {
-          if (a)
-            return r.actions.dispatch("fetched", {
-              error: a,
-              loading: !0,
-              notifications: []
-            });
-          let n = [];
-          const { notifications: w, types: c = [] } = r.properties();
-          return c.length ? (c.indexOf("top") > -1 && (n = n.concat(o)), c.indexOf("middle") > -1 && (n = n.concat(l)), c.indexOf("bottom") > -1 && (n = n.concat(f))) : n = o, r.actions.dispatch("fetched", {
-            notifications: n.length ? n : w,
-            loading: !1
-          });
-        }
-      ), r.actions.create("fetched", (a) => r.writeProperties(d(h({}, a), { loading: !1 }))), t.getAsync("router").then((a) => {
-        const { params: o } = a.getRouteData();
-        s(o);
-      }), i("router:changed", (a, { current: o }) => {
-        s(o.routeData.params);
-      }), () => {
-        u();
-      };
-    }
-  ).then(() => N(t, "notification-row", (r) => {
-    r.actions.watch("notification-row.fetch", (s, a) => v.getInstance(t).then(
-      (o) => o.fetch(x.RowNotifications, {
-        categories: [
-          s.params.guideCategory,
-          s.params.contactCategory
-        ].filter((f) => !!f),
-        searchPhrase: s.params.phrase
-      })
-    ).then(a).catch((o) => {
-      if (o)
-        return a(o);
-    }));
-  })).then(() => {
-    u();
-  });
-}, S = P;
-export {
-  S as default
-};
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../src/notification-row-component.ts"],"sourcesContent":["import { DataClient, DataType, NotificationResults } from '@telia-ace/knowledge-data-client';\nimport {\n    createEventSubscriber,\n    extendComponent,\n    Notification,\n} from '@telia-ace/knowledge-widget-core';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { Container, Widget } from '@webprovisions/platform';\n\ntype NotificationType = 'top' | 'middle' | 'bottom';\nexport type NotificationRowComponentProps = {\n    types: NotificationType[];\n    allowPaging?: boolean;\n    notifications?: Notification[]; // internal\n    expandable?: boolean;\n    pageNextAriaLabel?: string;\n    pagePreviousAriaLabel?: string;\n    closeAriaLabel?: string;\n    expandAriaLabel?: string;\n};\n\ntype FetchResults = NotificationResults & { error: any };\n\nexport const NotificationRowComponent = (container: Container) => {\n    const { events }: Widget = container.get('$widget');\n    const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n    return createReactComponent(\n        container,\n        'notification-row',\n        import('./notification-row'),\n        (component) => {\n            const fetch = (params: { [key: string]: any }) => {\n                component.writeProperties({\n                    ...component.properties<NotificationRowComponentProps>(),\n                    loading: true,\n                    error: undefined,\n                    notifications: [],\n                });\n                component.actions.dispatch('fetch', { params });\n            };\n\n            component.actions.create(\n                'fetch',\n                ({\n                    error,\n                    topNotifications,\n                    bottomNotifications,\n                    middleNotifications,\n                }: FetchResults) => {\n                    if (error) {\n                        return component.actions.dispatch('fetched', {\n                            error,\n                            loading: true,\n                            notifications: [],\n                        });\n                    }\n\n                    let newNotifications: Notification[] = [];\n                    const { notifications, types = [] } =\n                        component.properties<NotificationRowComponentProps>();\n                    if (types.length) {\n                        if (types.indexOf('top') > -1) {\n                            newNotifications = newNotifications.concat(topNotifications);\n                        }\n                        if (types.indexOf('middle') > -1) {\n                            newNotifications = newNotifications.concat(middleNotifications);\n                        }\n                        if (types.indexOf('bottom') > -1) {\n                            newNotifications = newNotifications.concat(bottomNotifications);\n                        }\n                    } else {\n                        newNotifications = topNotifications;\n                    }\n\n                    return component.actions.dispatch('fetched', {\n                        notifications: newNotifications.length ? newNotifications : notifications,\n                        loading: false,\n                    });\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            return () => {\n                unsubscribe();\n            };\n        }\n    )\n        .then(() => {\n            return extendComponent(container, 'notification-row', (component) => {\n                component.actions.watch('notification-row.fetch', (input, next) => {\n                    return DataClient.getInstance(container)\n                        .then((dataClient: DataClient) =>\n                            dataClient.fetch(DataType.RowNotifications, {\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 NotificationRowComponent;\n"],"names":["NotificationRowComponent","container","events","subscribe","unsubscribe","createEventSubscriber","createReactComponent","component","fetch","params","__spreadProps","__spreadValues","error","topNotifications","bottomNotifications","middleNotifications","newNotifications","notifications","types","input","router","event","current","extendComponent","next","DataClient","dataClient","DataType","c","NotificationRowComponent$1"],"mappings":";;;;;;;;;;;;;;;AAuBa,MAAAA,IAA2B,CAACC,MAAyB;AAC9D,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,WAA0C,IADjC;AAAA,UAEtB,SAAS;AAAA,UACT,OAAO;AAAA,UACP,eAAe,CAAC;AAAA,QAAA,EACnB,GACDA,EAAU,QAAQ,SAAS,SAAS,EAAE,QAAAE,EAAQ,CAAA;AAAA,MAAA;AAGlD,aAAAF,EAAU,QAAQ;AAAA,QACd;AAAA,QACA,CAAC;AAAA,UACG,OAAAK;AAAA,UACA,kBAAAC;AAAA,UACA,qBAAAC;AAAA,UACA,qBAAAC;AAAA,QAAA,MACgB;AAChB,cAAIH;AACO,mBAAAL,EAAU,QAAQ,SAAS,WAAW;AAAA,cACzC,OAAAK;AAAA,cACA,SAAS;AAAA,cACT,eAAe,CAAC;AAAA,YAAA,CACnB;AAGL,cAAII,IAAmC,CAAA;AACvC,gBAAM,EAAE,eAAAC,GAAe,OAAAC,IAAQ,CAAG,EAAA,IAC9BX,EAAU;AACd,iBAAIW,EAAM,UACFA,EAAM,QAAQ,KAAK,IAAI,OACJF,IAAAA,EAAiB,OAAOH,CAAgB,IAE3DK,EAAM,QAAQ,QAAQ,IAAI,OACPF,IAAAA,EAAiB,OAAOD,CAAmB,IAE9DG,EAAM,QAAQ,QAAQ,IAAI,OACPF,IAAAA,EAAiB,OAAOF,CAAmB,MAG/CE,IAAAH,GAGhBN,EAAU,QAAQ,SAAS,WAAW;AAAA,YACzC,eAAeS,EAAiB,SAASA,IAAmBC;AAAA,YAC5D,SAAS;AAAA,UAAA,CACZ;AAAA,QACL;AAAA,MAAA,GAGJV,EAAU,QAAQ,OAAO,WAAW,CAACY,MAC1BZ,EAAU,gBAAgBG,EAAAC,EAAA,IAAKQ,IAAL,EAAY,SAAS,KAAO,CAChE,GAEDlB,EAAU,SAAS,QAAQ,EAAE,KAAK,CAACmB,MAAW;AAC1C,cAAM,EAAE,QAAAX,EAAA,IAAWW,EAAO,aAAa;AACvC,QAAAZ,EAAMC,CAAM;AAAA,MAAA,CACf,GAEDN,EAAU,kBAAkB,CAACkB,GAAY,EAAE,SAAAC,QAAmB;AACpD,QAAAd,EAAAc,EAAQ,UAAU,MAAM;AAAA,MAAA,CACjC,GAEM,MAAM;AACG,QAAAlB;MAAA;AAAA,IAEpB;AAAA,EACJ,EACK,KAAK,MACKmB,EAAgBtB,GAAW,oBAAoB,CAACM,MAAc;AACjE,IAAAA,EAAU,QAAQ,MAAM,0BAA0B,CAACY,GAAOK,MAC/CC,EAAW,YAAYxB,CAAS,EAClC;AAAA,MAAK,CAACyB,MACHA,EAAW,MAAMC,EAAS,kBAAkB;AAAA,QACxC,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,CAACZ,MAAU;AACd,UAAIA;AACA,eAAOY,EAAKZ,CAAK;AAAA,IACrB,CACH,CACR;AAAA,EAAA,CACJ,CACJ,EACA,KAAK,MAAM;AACI,IAAAR;EAAA,CACf;AACT,GAEAyB,IAAe7B;"}