@telia-ace/knowledge-widget-components-contact-list 1.2.8 → 1.2.9

package/contact-list-component.d.ts

@@ -4,6 +4,7 @@ import { FormComponentInstanceProperties } from '@telia-ace/widget-forms';
 import { Container } from '@webprovisions/platform';
 export type ContactListComponentProps = {
     deflectionHeader?: string;
+    deflectionHeaderTag?: string;
     deflection?: {
         [contactCategoryId: string]: string[];
     };

package/index.js

@@ -1 +1 @@
-"use strict";const g=require("@telia-ace/knowledge-data-client"),n=require("@telia-ace/knowledge-widget-component-utilities"),w=require("@telia-ace/knowledge-widget-core"),M=require("@telia-ace/knowledge-widget-ui"),v=s=>{const{events:y}=s.get("$widget"),[m,P]=w.createEventSubscriber(y);return M.createReactComponent(s,"contact-list",Promise.resolve().then(()=>require("./contact-list-05301ab8.js")),e=>{const c=t=>{e.writeProperties({loading:!0,contactMethods:[],categories:[]}),e.actions.dispatch("fetch",{params:t})};e.actions.create("fetch",t=>{const{submitButtonLabel:r="Submit"}=e.properties(),a=(t.contactMethods||[]).map(o=>({...o,body:n.updateForm(o,{submit:r})}));return e.actions.dispatch("fetched",{...t,contactMethods:a,loading:!0})}),e.actions.create("fetched",t=>e.writeProperties({...t,guides:t.guides||[],loading:!1})),s.getAsync("router").then(t=>{const{params:r}=t.getRouteData();c(r)}),m("router:changed",(t,{current:r})=>{c(r.routeData.params)}),n.useForm(s,e),n.useExpand(e)}).then(()=>w.extendComponent(s,"contact-list",e=>{e.actions.watch("contact-list.fetch",(c,t)=>{const{deflection:r={},deflectionPageSize:a=5,deflectionAccordion:o}=e.properties(),{params:k={}}=c,{contactCategory:u,guide:h,accordion:D}=k;return g.DataClient.getInstance(s).then(d=>d.fetch(g.DataType.ContactMethodCategories,{contactMethodCategoryId:u}).then(({contactMethods:l,categories:f})=>{var p;const b=Object.keys(r),C=b.length===1&&!u?b[0]:u;return(p=r[C])!=null&&p.length?d.fetch(g.DataType.Guides,{categories:r[C],take:a}).then(i=>o&&h&&D===e.node.name?n.fetchAccordionGuideIfMissing(i,d,{guide:h}):new Promise(q=>q(i))).then(({guides:i})=>t({guides:i,contactMethods:l,categories:f})):t({contactMethods:l,categories:f})}))})})).then(()=>{P()})};module.exports=v;
+"use strict";const h=require("@telia-ace/knowledge-data-client"),n=require("@telia-ace/knowledge-widget-component-utilities"),y=require("@telia-ace/knowledge-widget-core"),v=require("@telia-ace/knowledge-widget-ui"),M=s=>{const{events:m}=s.get("$widget"),[P,k]=y.createEventSubscriber(m);return v.createReactComponent(s,"contact-list",Promise.resolve().then(()=>require("./contact-list-05301ab8.js")),e=>{const o=t=>{e.writeProperties({loading:!0,contactMethods:[],categories:[]}),e.actions.dispatch("fetch",{params:t})};e.actions.create("fetch",t=>{const{submitButtonLabel:r="Submit",deflectionHeaderTag:a=void 0}=e.properties();window.humany.deflectionHeaderTag=a;const d=(t.contactMethods||[]).map(c=>({...c,body:n.updateForm(c,{submit:r})}));return e.actions.dispatch("fetched",{...t,contactMethods:d,loading:!0})}),e.actions.create("fetched",t=>e.writeProperties({...t,guides:t.guides||[],loading:!1})),s.getAsync("router").then(t=>{const{params:r}=t.getRouteData();o(r)}),P("router:changed",(t,{current:r})=>{o(r.routeData.params)}),n.useForm(s,e),n.useExpand(e)}).then(()=>y.extendComponent(s,"contact-list",e=>{e.actions.watch("contact-list.fetch",(o,t)=>{const{deflection:r={},deflectionPageSize:a=5,deflectionAccordion:d}=e.properties(),{params:c={}}=o,{contactCategory:u,guide:l,accordion:D}=c;return h.DataClient.getInstance(s).then(g=>g.fetch(h.DataType.ContactMethodCategories,{contactMethodCategoryId:u}).then(({contactMethods:f,categories:b})=>{var p;const w=Object.keys(r),C=w.length===1&&!u?w[0]:u;return(p=r[C])!=null&&p.length?g.fetch(h.DataType.Guides,{categories:r[C],take:a}).then(i=>d&&l&&D===e.node.name?n.fetchAccordionGuideIfMissing(i,g,{guide:l}):new Promise(q=>q(i))).then(({guides:i})=>t({guides:i,contactMethods:f,categories:b})):t({contactMethods:f,categories:b})}))})})).then(()=>{k()})};module.exports=M;

package/index.mjs

@@ -1,11 +1,11 @@
-import { DataClient as D, DataType as p } from "@telia-ace/knowledge-data-client";
-import { updateForm as v, useForm as A, useExpand as I, fetchAccordionGuideIfMissing as S } from "@telia-ace/knowledge-widget-component-utilities";
-import { createEventSubscriber as k, extendComponent as x } from "@telia-ace/knowledge-widget-core";
-import { createReactComponent as E } from "@telia-ace/knowledge-widget-ui";
-const j = (s) => {
-  const { events: b } = s.get("$widget"), [y, C] = k(b);
-  return E(
-    s,
+import { DataClient as v, DataType as b } from "@telia-ace/knowledge-data-client";
+import { updateForm as D, useForm as A, useExpand as I, fetchAccordionGuideIfMissing as S } from "@telia-ace/knowledge-widget-component-utilities";
+import { createEventSubscriber as T, extendComponent as k } from "@telia-ace/knowledge-widget-core";
+import { createReactComponent as x } from "@telia-ace/knowledge-widget-ui";
+const L = (o) => {
+  const { events: y } = o.get("$widget"), [C, w] = T(y);
+  return x(
+    o,
     "contact-list",
     import("./contact-list-300090b9.mjs"),
     (t) => {
@@ -17,62 +17,67 @@ const j = (s) => {
         }), t.actions.dispatch("fetch", { params: e });
       };
       t.actions.create("fetch", (e) => {
-        const { submitButtonLabel: r = "Submit" } = t.properties(), i = (e.contactMethods || []).map(
-          (o) => ({
-            ...o,
-            body: v(o, { submit: r })
+        const {
+          submitButtonLabel: r = "Submit",
+          deflectionHeaderTag: i = void 0
+        } = t.properties();
+        window.humany.deflectionHeaderTag = i;
+        const n = (e.contactMethods || []).map(
+          (s) => ({
+            ...s,
+            body: D(s, { submit: r })
           })
         );
         return t.actions.dispatch("fetched", {
           ...e,
-          contactMethods: i,
+          contactMethods: n,
           loading: !0
         });
       }), t.actions.create("fetched", (e) => t.writeProperties({
         ...e,
         guides: e.guides || [],
         loading: !1
-      })), s.getAsync("router").then((e) => {
+      })), o.getAsync("router").then((e) => {
         const { params: r } = e.getRouteData();
         c(r);
-      }), y("router:changed", (e, { current: r }) => {
+      }), C("router:changed", (e, { current: r }) => {
         c(r.routeData.params);
-      }), A(s, t), I(t);
+      }), A(o, t), I(t);
     }
-  ).then(() => x(s, "contact-list", (t) => {
+  ).then(() => k(o, "contact-list", (t) => {
     t.actions.watch("contact-list.fetch", (c, e) => {
       const {
         deflection: r = {},
         deflectionPageSize: i = 5,
-        deflectionAccordion: o
-      } = t.properties(), { params: P = {} } = c, {
-        contactCategory: n,
-        guide: d,
-        accordion: w
-      } = P;
-      return D.getInstance(s).then(
-        (u) => u.fetch(p.ContactMethodCategories, {
-          contactMethodCategoryId: n
-        }).then(({ contactMethods: h, categories: g }) => {
-          var m;
-          const f = Object.keys(r), l = f.length === 1 && !n ? f[0] : n;
-          return (m = r[l]) != null && m.length ? u.fetch(p.Guides, {
-            categories: r[l],
+        deflectionAccordion: n
+      } = t.properties(), { params: s = {} } = c, {
+        contactCategory: d,
+        guide: h,
+        accordion: P
+      } = s;
+      return v.getInstance(o).then(
+        (u) => u.fetch(b.ContactMethodCategories, {
+          contactMethodCategoryId: d
+        }).then(({ contactMethods: g, categories: f }) => {
+          var p;
+          const l = Object.keys(r), m = l.length === 1 && !d ? l[0] : d;
+          return (p = r[m]) != null && p.length ? u.fetch(b.Guides, {
+            categories: r[m],
             take: i
-          }).then((a) => o && d && w === t.node.name ? S(
+          }).then((a) => n && h && P === t.node.name ? S(
             a,
             u,
-            { guide: d }
+            { guide: h }
           ) : new Promise(
             (M) => M(a)
-          )).then(({ guides: a }) => e({ guides: a, contactMethods: h, categories: g })) : e({ contactMethods: h, categories: g });
+          )).then(({ guides: a }) => e({ guides: a, contactMethods: g, categories: f })) : e({ contactMethods: g, categories: f });
         })
       );
     });
   })).then(() => {
-    C();
+    w();
   });
 };
 export {
-  j as default
+  L as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-contact-list",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {