@telia-ace/knowledge-widget-ui 1.0.30-next.0 → 1.0.36-next.0

package/dist/index.js

@@ -51,23 +51,19 @@ const at = ({
       u.href = c, u.target = r;
       break;
   }
-  return /* @__PURE__ */ n.createElement(Ye, y({
-    className: z(e, "humany-dialog-link")
-  }, u), m || /* @__PURE__ */ n.createElement(n.Fragment, null, i === "link" && /* @__PURE__ */ n.createElement(H, {
-    faIcon: "link"
-  }), /* @__PURE__ */ n.createElement("span", null, t)));
+  return /* @__PURE__ */ n.createElement(Ye, y({ className: z(e, "humany-dialog-link") }, u), m || /* @__PURE__ */ n.createElement(n.Fragment, null, i === "link" && /* @__PURE__ */ n.createElement(H, { faIcon: "link" }), /* @__PURE__ */ n.createElement("span", null, t)));
 }, ke = at, ta = _((s, o) => {
   var i = s, { className: t, dialog: e } = i, a = w(i, ["className", "dialog"]);
-  return e.length ? /* @__PURE__ */ n.createElement(nt, E(y({
-    className: z(t, "humany-dialog"),
-    items: e,
-    renderItem: (r) => /* @__PURE__ */ n.createElement("li", {
-      key: r.connection,
-      "data-dialog": r.connection
-    }, /* @__PURE__ */ n.createElement(ke, y({}, r)))
-  }, a), {
-    ref: o
-  })) : null;
+  return e.length ? /* @__PURE__ */ n.createElement(
+    nt,
+    E(y({
+      className: z(t, "humany-dialog"),
+      items: e,
+      renderItem: (r) => /* @__PURE__ */ n.createElement("li", { key: r.connection, "data-dialog": r.connection }, /* @__PURE__ */ n.createElement(ke, y({}, r)))
+    }, a), {
+      ref: o
+    })
+  ) : null;
 }), nt = d(Z)`
     ${pe}
     a {
@@ -113,15 +109,19 @@ const at = ({
     "ref",
     "closeButtonAriaLabel"
   ]);
-  return /* @__PURE__ */ n.createElement(_e, {
-    className: z(a, "humany-drawer-list"),
-    trigger: t,
-    header: e,
-    animation: o,
-    fullScreen: s,
-    onToggle: i,
-    closeButtonAriaLabel: m
-  }, /* @__PURE__ */ n.createElement(rt, y({}, u), r));
+  return /* @__PURE__ */ n.createElement(
+    _e,
+    {
+      className: z(a, "humany-drawer-list"),
+      trigger: t,
+      header: e,
+      animation: o,
+      fullScreen: s,
+      onToggle: i,
+      closeButtonAriaLabel: m
+    },
+    /* @__PURE__ */ n.createElement(rt, y({}, u), r)
+  );
 }, aa = ot, rt = d(O)`
     ${Y}
     font-family: ${(t) => {
@@ -140,13 +140,7 @@ const at = ({
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
     }
-`, st = ({ items: t, renderItem: e, trigger: a, header: o, children: s }) => /* @__PURE__ */ n.createElement($e, {
-  className: "humany-dropdown-actions",
-  trigger: a
-}, /* @__PURE__ */ n.createElement(it, null, !!o && /* @__PURE__ */ n.createElement(lt, null, o), t && e && /* @__PURE__ */ n.createElement(ct, {
-  items: t,
-  renderItem: e
-}), s)), na = st, it = d.div`
+`, st = ({ items: t, renderItem: e, trigger: a, header: o, children: s }) => /* @__PURE__ */ n.createElement($e, { className: "humany-dropdown-actions", trigger: a }, /* @__PURE__ */ n.createElement(it, null, !!o && /* @__PURE__ */ n.createElement(lt, null, o), t && e && /* @__PURE__ */ n.createElement(ct, { items: t, renderItem: e }), s)), na = st, it = d.div`
     background: #fff;
     border: #ccc 1px solid;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
@@ -238,11 +232,15 @@ const at = ({
     "children",
     "closeButtonAriaLabel"
   ]);
-  return /* @__PURE__ */ n.createElement($e, {
-    className: z(e, "humany-dropdown-list"),
-    closeButtonAriaLabel: o,
-    trigger: t
-  }, /* @__PURE__ */ n.createElement(dt, y({}, s), a));
+  return /* @__PURE__ */ n.createElement(
+    $e,
+    {
+      className: z(e, "humany-dropdown-list"),
+      closeButtonAriaLabel: o,
+      trigger: t
+    },
+    /* @__PURE__ */ n.createElement(dt, y({}, s), a)
+  );
 }, oa = mt, dt = d(O)`
     ${Y}
     font-family: ${(t) => {
@@ -354,35 +352,48 @@ const at = ({
   }, [r, l]), S = k(() => {
     f(r);
   }, [r, f]), p = `${c ? i : t}${m ? `: "${m}"` : ""}`;
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, c ? /* @__PURE__ */ n.createElement(Ke, {
-    trigger: /* @__PURE__ */ n.createElement(me, {
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, c ? /* @__PURE__ */ n.createElement(
+    Ke,
+    {
+      trigger: /* @__PURE__ */ n.createElement(
+        me,
+        {
+          className: "humany-favorite-button",
+          title: p,
+          "aria-label": p,
+          "data-favorite": "true",
+          "data-has-label": u ? "true" : "false",
+          "data-has-symbol": "true"
+        },
+        /* @__PURE__ */ n.createElement(
+          N,
+          {
+            size: 16,
+            symbol: { type: "Svg", content: "star-empty" }
+          }
+        ),
+        u && /* @__PURE__ */ n.createElement(J, null, u)
+      ),
+      onConfirm: h,
+      cancelLabel: e,
+      confirmLabel: a,
+      header: o,
+      text: s
+    }
+  ) : /* @__PURE__ */ n.createElement(
+    me,
+    {
       className: "humany-favorite-button",
       title: p,
       "aria-label": p,
-      "data-favorite": "true",
+      onClick: S,
+      "data-favorite": "false",
       "data-has-label": u ? "true" : "false",
       "data-has-symbol": "true"
-    }, /* @__PURE__ */ n.createElement(N, {
-      size: 16,
-      symbol: { type: "Svg", content: "star-empty" }
-    }), u && /* @__PURE__ */ n.createElement(J, null, u)),
-    onConfirm: h,
-    cancelLabel: e,
-    confirmLabel: a,
-    header: o,
-    text: s
-  }) : /* @__PURE__ */ n.createElement(me, {
-    className: "humany-favorite-button",
-    title: p,
-    "aria-label": p,
-    onClick: S,
-    "data-favorite": "false",
-    "data-has-label": u ? "true" : "false",
-    "data-has-symbol": "true"
-  }, /* @__PURE__ */ n.createElement(N, {
-    size: 16,
-    symbol: { type: "Svg", content: "star-empty" }
-  }), u && /* @__PURE__ */ n.createElement(J, null, u)));
+    },
+    /* @__PURE__ */ n.createElement(N, { size: 16, symbol: { type: "Svg", content: "star-empty" } }),
+    u && /* @__PURE__ */ n.createElement(J, null, u)
+  ));
 }, gt = ht, me = d(ft)`
     grid-area: favorite;
 
@@ -465,30 +476,42 @@ const at = ({
       "negative",
       "selected"
     ]);
-    return /* @__PURE__ */ n.createElement(yt, E(y({
-      className: z(a, "humany-feedback"),
-      "data-direction": e
-    }, xe(c)), {
-      ref: m
-    }), !!o && /* @__PURE__ */ n.createElement(pt, null, o), /* @__PURE__ */ n.createElement(de, {
-      className: "humany-feedback-button",
-      disabled: !!r,
-      "aria-pressed": r === "positive",
-      "data-selected": r === "positive",
-      "data-direction": e,
-      onClick: () => t("positive")
-    }, /* @__PURE__ */ n.createElement(H, {
-      faIcon: "smile-o"
-    }), /* @__PURE__ */ n.createElement("span", null, s)), /* @__PURE__ */ n.createElement(de, {
-      className: "humany-feedback-button",
-      disabled: !!r,
-      "aria-pressed": r === "negative",
-      "data-selected": r === "negative",
-      "data-direction": e,
-      onClick: () => t("negative")
-    }, /* @__PURE__ */ n.createElement(H, {
-      faIcon: "frown-o"
-    }), /* @__PURE__ */ n.createElement("span", null, i)));
+    return /* @__PURE__ */ n.createElement(
+      yt,
+      E(y({
+        className: z(a, "humany-feedback"),
+        "data-direction": e
+      }, xe(c)), {
+        ref: m
+      }),
+      !!o && /* @__PURE__ */ n.createElement(pt, null, o),
+      /* @__PURE__ */ n.createElement(
+        de,
+        {
+          className: "humany-feedback-button",
+          disabled: !!r,
+          "aria-pressed": r === "positive",
+          "data-selected": r === "positive",
+          "data-direction": e,
+          onClick: () => t("positive")
+        },
+        /* @__PURE__ */ n.createElement(H, { faIcon: "smile-o" }),
+        /* @__PURE__ */ n.createElement("span", null, s)
+      ),
+      /* @__PURE__ */ n.createElement(
+        de,
+        {
+          className: "humany-feedback-button",
+          disabled: !!r,
+          "aria-pressed": r === "negative",
+          "data-selected": r === "negative",
+          "data-direction": e,
+          onClick: () => t("negative")
+        },
+        /* @__PURE__ */ n.createElement(H, { faIcon: "frown-o" }),
+        /* @__PURE__ */ n.createElement("span", null, i)
+      )
+    );
   }
 ), pt = d(J)`
     font-weight: normal;
@@ -616,20 +639,8 @@ const at = ({
   modified: u,
   published: f
 }) => {
-  const l = m && f ? /* @__PURE__ */ n.createElement(ue, {
-    format: t,
-    timestamp: f
-  }) : null, h = c && u ? /* @__PURE__ */ n.createElement(ue, {
-    format: t,
-    timestamp: u
-  }) : null;
-  return !l && !h ? null : /* @__PURE__ */ n.createElement(U, {
-    className: z(e, "humany-metadata")
-  }, l && /* @__PURE__ */ n.createElement(U, {
-    className: "humany-published"
-  }, s, l, a && r && ` ${a.replace("{{editor}}", r)}`), h && /* @__PURE__ */ n.createElement(U, {
-    className: "humany-modified"
-  }, l && ", ", o, h, a && i && ` ${a.replace("{{editor}}", i)}`));
+  const l = m && f ? /* @__PURE__ */ n.createElement(ue, { format: t, timestamp: f }) : null, h = c && u ? /* @__PURE__ */ n.createElement(ue, { format: t, timestamp: u }) : null;
+  return !l && !h ? null : /* @__PURE__ */ n.createElement(U, { className: z(e, "humany-metadata") }, l && /* @__PURE__ */ n.createElement(U, { className: "humany-published" }, s, l, a && r && ` ${a.replace("{{editor}}", r)}`), h && /* @__PURE__ */ n.createElement(U, { className: "humany-modified" }, l && ", ", o, h, a && i && ` ${a.replace("{{editor}}", i)}`));
 }, Et = wt, ue = d(we)`
     &:not(:first-child) {
         margin-left: 4px;
@@ -639,37 +650,31 @@ const at = ({
     }
 `, U = d(ve)`
     font-style: italic;
-`, kt = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ n.createElement(Nt, {
-  className: "humany-guide-list-tags",
-  items: t,
-  renderItem: ({ id: e, symbol: a, title: o }) => a && /* @__PURE__ */ n.createElement("li", {
-    key: e,
-    "data-tag": e
-  }, /* @__PURE__ */ n.createElement(Lt, {
-    size: 18,
-    symbol: a,
-    title: o
-  }))
-}) : null, da = _(({ title: t, id: e, route: a, symbolSize: o, collapseUri: s, children: i }, r) => {
+`, kt = ({ tags: t }) => t.filter((e) => e.symbol).length ? /* @__PURE__ */ n.createElement(
+  Nt,
+  {
+    className: "humany-guide-list-tags",
+    items: t,
+    renderItem: ({ id: e, symbol: a, title: o }) => a && /* @__PURE__ */ n.createElement("li", { key: e, "data-tag": e }, /* @__PURE__ */ n.createElement(Lt, { size: 18, symbol: a, title: o }))
+  }
+) : null, da = _(({ title: t, id: e, route: a, symbolSize: o, collapseUri: s, children: i }, r) => {
   const { params: c } = ge();
-  return /* @__PURE__ */ n.createElement(zt, {
-    ref: r,
-    "data-guide": e
-  }, /* @__PURE__ */ n.createElement(Q, {
-    title: t,
-    "aria-label": t,
-    routeName: a,
-    params: j(E(y({}, c), {
-      uriName: s || void 0,
-      id: void 0,
-      guide: void 0,
-      accordion: void 0
-    })),
-    text: t
-  }, /* @__PURE__ */ n.createElement(N, {
-    size: o,
-    symbol: { type: "Svg", content: "caret-up" }
-  })), i);
+  return /* @__PURE__ */ n.createElement(zt, { ref: r, "data-guide": e }, /* @__PURE__ */ n.createElement(
+    Q,
+    {
+      title: t,
+      "aria-label": t,
+      routeName: a,
+      params: j(E(y({}, c), {
+        uriName: s || void 0,
+        id: void 0,
+        guide: void 0,
+        accordion: void 0
+      })),
+      text: t
+    },
+    /* @__PURE__ */ n.createElement(N, { size: o, symbol: { type: "Svg", content: "caret-up" } })
+  ), i);
 }), zt = d.li`
     > a {
         grid-column: 1/-1;
@@ -743,44 +748,62 @@ const at = ({
     et(Fe, () => F.current);
     const q = (g) => {
       const { id: b, title: v, tags: D, published: P, modified: A, publishedBy: B, modifiedBy: G } = g;
-      return /* @__PURE__ */ n.createElement("li", {
-        key: b,
-        "data-guide": b,
-        "has-metadata": (!!(l != null && l.showPublished) && !!P || !!(l != null && l.showModified) && !!A).toString()
-      }, /* @__PURE__ */ n.createElement(Q, {
-        className: "humany-guide-link",
-        title: v,
-        "aria-label": v,
-        routeName: Ie,
-        onClick: (We) => u(We, g),
-        params: Te(g),
-        text: v
-      }, /* @__PURE__ */ n.createElement(N, {
-        size: o,
-        symbol: {
-          type: "Svg",
-          content: t ? "caret-down" : "caret-right"
-        }
-      })), c && /* @__PURE__ */ n.createElement(gt, {
-        guideTitle: v,
-        addFavoriteTooltip: C,
-        removeFavoriteCancelLabel: M,
-        removeFavoriteConfirmLabel: ze,
-        removeFavoriteHeader: Se,
-        removeFavoriteLabel: Ne,
-        removeFavoriteTooltip: Le,
-        isFavorite: Ce.indexOf(b) > -1,
-        actions: Me,
-        id: b
-      }), r && /* @__PURE__ */ n.createElement(kt, {
-        tags: D
-      }), /* @__PURE__ */ n.createElement(Dt, E(y({}, l), {
-        indent: t ? void 0 : o,
-        modified: A,
-        published: P,
-        publishedBy: B,
-        modifiedBy: G
-      })));
+      return /* @__PURE__ */ n.createElement(
+        "li",
+        {
+          key: b,
+          "data-guide": b,
+          "has-metadata": (!!(l != null && l.showPublished) && !!P || !!(l != null && l.showModified) && !!A).toString()
+        },
+        /* @__PURE__ */ n.createElement(
+          Q,
+          {
+            className: "humany-guide-link",
+            title: v,
+            "aria-label": v,
+            routeName: Ie,
+            onClick: (We) => u(We, g),
+            params: Te(g),
+            text: v
+          },
+          /* @__PURE__ */ n.createElement(
+            N,
+            {
+              size: o,
+              symbol: {
+                type: "Svg",
+                content: t ? "caret-down" : "caret-right"
+              }
+            }
+          )
+        ),
+        c && /* @__PURE__ */ n.createElement(
+          gt,
+          {
+            guideTitle: v,
+            addFavoriteTooltip: C,
+            removeFavoriteCancelLabel: M,
+            removeFavoriteConfirmLabel: ze,
+            removeFavoriteHeader: Se,
+            removeFavoriteLabel: Ne,
+            removeFavoriteTooltip: Le,
+            isFavorite: Ce.indexOf(b) > -1,
+            actions: Me,
+            id: b
+          }
+        ),
+        r && /* @__PURE__ */ n.createElement(kt, { tags: D }),
+        /* @__PURE__ */ n.createElement(
+          Dt,
+          E(y({}, l), {
+            indent: t ? void 0 : o,
+            modified: A,
+            published: P,
+            publishedBy: B,
+            modifiedBy: G
+          })
+        )
+      );
     }, Pe = k(
       (g, b, v) => L ? L(g, b, v, q) : q(g),
       [L, q]
@@ -824,28 +847,40 @@ const at = ({
     const Re = !!Object.keys(l).filter(
       (g) => typeof l[g] != "undefined"
     ).length;
-    return /* @__PURE__ */ n.createElement(St, E(y({
-      className: z(S, "humany-guide-list"),
-      "data-item-count": x.length,
-      items: x,
-      renderItem: Pe,
-      isTabbing: V,
-      expandable: t ? "true" : "false",
-      "grid-items": r || c || Re ? "true" : "false"
-    }, xe(De)), {
-      ref: F
-    }), h ? /* @__PURE__ */ n.createElement(Q, {
-      text: h,
-      title: h,
-      "aria-label": h,
-      routeName: Ae,
-      role: s,
-      params: ne(),
-      onClick: Be
-    }, /* @__PURE__ */ n.createElement(N, {
-      size: o,
-      symbol: { type: "Svg", content: `caret-${i}` }
-    })) : null, p);
+    return /* @__PURE__ */ n.createElement(
+      St,
+      E(y({
+        className: z(S, "humany-guide-list"),
+        "data-item-count": x.length,
+        items: x,
+        renderItem: Pe,
+        isTabbing: V,
+        expandable: t ? "true" : "false",
+        "grid-items": r || c || Re ? "true" : "false"
+      }, xe(De)), {
+        ref: F
+      }),
+      h ? /* @__PURE__ */ n.createElement(
+        Q,
+        {
+          text: h,
+          title: h,
+          "aria-label": h,
+          routeName: Ae,
+          role: s,
+          params: ne(),
+          onClick: Be
+        },
+        /* @__PURE__ */ n.createElement(
+          N,
+          {
+            size: o,
+            symbol: { type: "Svg", content: `caret-${i}` }
+          }
+        )
+      ) : null,
+      p
+    );
   }
 ), St = d(O)`
     ${Y}
@@ -1110,22 +1145,17 @@ const at = ({
   return (e = t.theme.colors) == null ? void 0 : e.primary;
 }};
     stroke-width: 2px;
-`, Pt = ({ loading: t = !1 }) => /* @__PURE__ */ n.createElement(Tt, {
-  className: "humany-loader",
-  "data-loading": t
-}, /* @__PURE__ */ n.createElement(Ct, {
-  className: "humany-spinner"
-}, /* @__PURE__ */ n.createElement(At, {
-  className: "humany-spinner-svg",
-  viewBox: "25 25 50 50"
-}, /* @__PURE__ */ n.createElement(Mt, {
-  cx: "50",
-  cy: "50",
-  r: "20",
-  fill: "none",
-  "stroke-width": "2",
-  "stroke-miterlimit": "10"
-})))), Bt = Pt, Rt = (i) => {
+`, Pt = ({ loading: t = !1 }) => /* @__PURE__ */ n.createElement(Tt, { className: "humany-loader", "data-loading": t }, /* @__PURE__ */ n.createElement(Ct, { className: "humany-spinner" }, /* @__PURE__ */ n.createElement(At, { className: "humany-spinner-svg", viewBox: "25 25 50 50" }, /* @__PURE__ */ n.createElement(
+  Mt,
+  {
+    cx: "50",
+    cy: "50",
+    r: "20",
+    fill: "none",
+    "stroke-width": "2",
+    "stroke-miterlimit": "10"
+  }
+)))), Bt = Pt, Rt = (i) => {
   var r = i, {
     className: t,
     showHeader: e,
@@ -1144,40 +1174,53 @@ const at = ({
     notifications: h = [],
     defaultHeaderOptions: S = { visible: !0 }
   } = a || {};
-  return !h.length && !o ? null : /* @__PURE__ */ n.createElement(Ht, E(y({}, s), {
-    "data-loading": o,
-    "data-show-header": typeof e == "boolean" ? e : S.visible,
-    className: z(t, "humany-notification-list"),
-    "data-notification-category": u,
-    header: f,
-    symbol: l,
-    items: h,
-    renderItem: ({ id: p, title: x, body: L, modified: C, expandable: M }) => /* @__PURE__ */ n.createElement(jt, {
-      key: p,
-      "data-notification": p,
-      "data-expanded": M ? c === p : !0
-    }, M ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(Wt, {
-      title: x,
-      "aria-label": x,
-      "aria-expanded": c === p,
-      onClick: () => m(c === p ? null : p)
-    }, /* @__PURE__ */ n.createElement("span", null, x), /* @__PURE__ */ n.createElement(Ot, {
-      size: 11,
-      symbol: {
-        type: "Svg",
-        content: `caret-${c === p ? "up" : "down"}`
-      }
-    })), /* @__PURE__ */ n.createElement(fe, {
-      html: L
-    }), C && /* @__PURE__ */ n.createElement(Yt, {
-      format: be.YYYY_MM_DD,
-      timestamp: C
-    })) : /* @__PURE__ */ n.createElement(fe, {
-      html: L
-    }))
-  }), /* @__PURE__ */ n.createElement(Bt, {
-    loading: o
-  }));
+  return !h.length && !o ? null : /* @__PURE__ */ n.createElement(
+    Ht,
+    E(y({}, s), {
+      "data-loading": o,
+      "data-show-header": typeof e == "boolean" ? e : S.visible,
+      className: z(t, "humany-notification-list"),
+      "data-notification-category": u,
+      header: f,
+      symbol: l,
+      items: h,
+      renderItem: ({ id: p, title: x, body: L, modified: C, expandable: M }) => /* @__PURE__ */ n.createElement(
+        jt,
+        {
+          key: p,
+          "data-notification": p,
+          "data-expanded": M ? c === p : !0
+        },
+        M ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
+          Wt,
+          {
+            title: x,
+            "aria-label": x,
+            "aria-expanded": c === p,
+            onClick: () => m(c === p ? null : p)
+          },
+          /* @__PURE__ */ n.createElement("span", null, x),
+          /* @__PURE__ */ n.createElement(
+            Ot,
+            {
+              size: 11,
+              symbol: {
+                type: "Svg",
+                content: `caret-${c === p ? "up" : "down"}`
+              }
+            }
+          )
+        ), /* @__PURE__ */ n.createElement(fe, { html: L }), C && /* @__PURE__ */ n.createElement(
+          Yt,
+          {
+            format: be.YYYY_MM_DD,
+            timestamp: C
+          }
+        )) : /* @__PURE__ */ n.createElement(fe, { html: L })
+      )
+    }),
+    /* @__PURE__ */ n.createElement(Bt, { loading: o })
+  );
 }, Wt = d(te)`
     display: flex;
     justify-content: space-between;
@@ -1298,17 +1341,12 @@ const at = ({
     name: r
   } = t.get("$widget"), { href: c = "" } = a;
   if (_t(c))
-    return /* @__PURE__ */ n.createElement(Qe, {
-      smooth: !0,
-      to: c
-    }, e);
+    return /* @__PURE__ */ n.createElement(Qe, { smooth: !0, to: c }, e);
   const m = i.bindings.map((l) => l.replace(/\./g, "\\.")).join("|"), f = new RegExp(`^((http[s]?:)?//)?(${m})/([^\\s]+)`).exec(c);
   if (f && f.length >= 4) {
     const l = f[4];
     if (i.widgets.get(l) && !l.startsWith("blob?") && !l.startsWith(r))
-      return /* @__PURE__ */ n.createElement(Xe, {
-        widgetName: l
-      }, e);
+      return /* @__PURE__ */ n.createElement(Xe, { widgetName: l }, e);
   }
   return /* @__PURE__ */ n.createElement("a", y({}, a), e);
 }, Vt = Kt, qt = (t, e = []) => ({