npm - @telia-ace/knowledge-widget-components-guide - Versions diffs - 1.0.39-next.3 → 1.0.39-next.5 - Mend

@telia-ace/knowledge-widget-components-guide 1.0.39-next.3 → 1.0.39-next.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.js CHANGED Viewed

@@ -1,5 +1,5 @@
-var C = Object.defineProperty, T = Object.defineProperties;
-var $ = Object.getOwnPropertyDescriptors;
+var C = Object.defineProperty, $ = Object.defineProperties;
+var T = Object.getOwnPropertyDescriptors;
 var b = Object.getOwnPropertySymbols;
 var x = Object.prototype.hasOwnProperty, M = Object.prototype.propertyIsEnumerable;
 var v = (t, e, i) => e in t ? C(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i, u = (t, e) => {
@@ -9,31 +9,32 @@ var v = (t, e, i) => e in t ? C(t, e, { enumerable: !0, configurable: !0, writab
     for (var i of b(e))
       M.call(e, i) && v(t, i, e[i]);
   return t;
-}, h = (t, e) => T(t, $(e));
-import { updateForm as y, useForm as B, useExpand as F } from "@telia-ace/knowledge-widget-component-utilities";
-import { createEventSubscriber as G, extendComponent as H } from "@telia-ace/knowledge-widget-core";
-import { FeedbackType as f, DataType as k } from "@telia-ace/knowledge-widget-types-grid";
+}, h = (t, e) => $(t, T(e));
+import { updateForm as k, useForm as D, useExpand as B } from "@telia-ace/knowledge-widget-component-utilities";
+import { createEventSubscriber as F, extendComponent as G } from "@telia-ace/knowledge-widget-core";
+import { FeedbackType as f, DataType as y, DataClient as H } from "@telia-ace/knowledge-widget-types-grid";
 import { createReactComponent as P } from "@telia-ace/knowledge-widget-ui";
 import * as w from "clipboard-polyfill";
-const A = (t, e) => {
+import { DataClient as E } from "@telia-ace/knowledge-data-client";
+const I = (t, e) => {
   e.actions.create("feedback", (i) => {
-    const d = i === "negative" ? f.Negative : f.Positive, { guide: a, submitButtonLabel: s = "Submit" } = e.properties();
+    const o = i === "negative" ? f.Negative : f.Positive, { guide: a, submitButtonLabel: s = "Submit" } = e.properties();
     if (a) {
       const { connection: r, id: n, hasHandover: c } = a;
       e.writeProperties({
         feedbackGiven: i,
-        loading: c && d === f.Negative
+        loading: c && o === f.Negative
       });
-      const { events: o } = t.get("$widget");
-      return o.dispatch("tracking:feedback-given", {
+      const { events: d } = t.get("$widget");
+      return d.dispatch("tracking:feedback-given", {
         guide: a,
         categories: a.categories,
-        feedbackType: d.toLowerCase()
-      }), t.getAsync("dataClient").then((g) => g.feedback(n, r, d).then(() => {
-        if (c && d === f.Negative)
-          return g.fetch(k.ContactMethods, { guideId: n }).then(({ contactMethods: p }) => e.actions.dispatch("handover", {
+        feedbackType: o.toLowerCase()
+      }), E.getInstance(t).then((g) => g.feedback(n, r, o).then(() => {
+        if (c && o === f.Negative)
+          return g.fetch(y.ContactMethods, { guideId: n }).then(({ contactMethods: p }) => e.actions.dispatch("handover", {
             handoverContactMethods: p.map((m) => h(u({}, m), {
-              body: y(m, {
+              body: k(m, {
                 submit: s
               })
             })),
@@ -42,22 +43,22 @@ const A = (t, e) => {
       }));
     }
   }), e.actions.create("handover", (i) => e.writeProperties(h(u({}, i), { loading: !1 })));
-}, E = ({ title: t, body: e }) => {
+}, L = ({ title: t, body: e }) => {
   let i = "";
   t && t.length && (i = t.trim()), e && e.length && (i = `${i.trim()}
 ${e.trim()}`);
-  const d = document.createElement("div");
-  d.innerHTML = i;
-  const a = Array.from(d.getElementsByTagName("a"));
-  let s = d.innerText;
+  const o = document.createElement("div");
+  o.innerHTML = i;
+  const a = Array.from(o.getElementsByTagName("a"));
+  let s = o.innerText;
   return a.forEach((r) => {
     s = s.replace(r.innerText, `[${r.href}] (${r.innerText})`);
   }), s;
-}, L = ({ title: t, body: e }) => {
+}, N = ({ title: t, body: e }) => {
   let i = "";
   return t && t.length && (i = `<h2>${t.trim()}</h2>`), e && e.length && (i = `${i.trim()}${e.trim()}`), i.trim();
-}, D = (t) => {
-  const { events: e } = t.get("$widget"), [i, d] = G(e);
+}, S = (t) => {
+  const { events: e } = t.get("$widget"), [i, o] = F(e);
   return P(t, "guide", import("./guide.35a46def.js"), (a) => {
     const s = (r) => {
       a.writeProperties({
@@ -68,8 +69,8 @@ ${e.trim()}`);
     };
     a.actions.create("copy", (r) => {
       const n = new w.ClipboardItem({
-        "text/html": new Blob([L(r)], { type: "text/html" }),
-        "text/plain": new Blob([E(r)], { type: "text/plain" })
+        "text/html": new Blob([N(r)], { type: "text/html" }),
+        "text/plain": new Blob([L(r)], { type: "text/plain" })
       });
       return w.write([n]).then(() => {
         e.dispatch("widget:menu-toggled", null);
@@ -84,10 +85,10 @@ ${e.trim()}`);
         });
     }), a.actions.create(
       "fetch",
-      ({ contactMethods: r = [], dialog: n = [], guide: c, error: o }) => {
-        if (o)
+      ({ contactMethods: r = [], dialog: n = [], guide: c, error: d }) => {
+        if (d)
           return a.actions.dispatch("fetched", {
-            error: o,
+            error: d,
             guide: void 0,
             contactMethods: [],
             feedbackGiven: void 0,
@@ -102,7 +103,7 @@ ${e.trim()}`);
           feedbackGiven: void 0,
           handoverContactMethods: [],
           contactMethods: r.map((l) => h(u({}, l), {
-            body: y(l, { submit: p })
+            body: k(l, { submit: p })
           }))
         };
         return a.actions.dispatch("fetched", h(u({}, m), {
@@ -114,24 +115,24 @@ ${e.trim()}`);
       s(n);
     }), i("router:changed", (r, { current: n }) => {
       s(n.routeData.params);
-    }), A(t, a), B(t, a), F(a);
-  }).then(() => H(t, "guide", (a) => {
+    }), I(t, a), D(t, a), B(a);
+  }).then(() => G(t, "guide", (a) => {
     a.actions.watch("guide.fetch", (s, r) => {
       const {
         params: { guide: n, connection: c }
       } = s;
-      return n ? t.getAsync("dataClient").then(
-        (o) => o.fetch(k.Guide, { connection: c, guideId: n })
-      ).then(r).catch((o) => {
-        if (o)
-          return r(o);
+      return n ? H.getInstance(t).then(
+        (d) => d.fetch(y.Guide, { connection: c, guideId: n })
+      ).then(r).catch((d) => {
+        if (d)
+          return r(d);
       }) : r(s);
     });
   })).then(() => {
-    d();
+    o();
   });
-}, j = D;
+}, K = S;
 export {
-  j as default
+  K as default
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../src/use-feedback.ts","../src/guide-component.ts"],"sourcesContent":["import { updateForm } from '@telia-ace/knowledge-widget-component-utilities';\nimport { ComponentNodeController } from '@telia-ace/knowledge-widget-core';\nimport {\n ContactsResult,\n DataClient,\n DataType,\n FeedbackType,\n} from '@telia-ace/knowledge-widget-types-grid';\nimport { Container } from '@webprovisions/platform';\nimport { GuideComponentProps } from './guide-component';\n\nexport default (container: Container, controller: ComponentNodeController) => {\n controller.actions.create('feedback', (input: 'negative' \| 'positive') => {\n const type = input === 'negative' ? FeedbackType.Negative : FeedbackType.Positive;\n const { guide, submitButtonLabel = 'Submit' } =\n controller.properties<GuideComponentProps>();\n if (guide) {\n const { connection, id, hasHandover } = guide;\n controller.writeProperties({\n feedbackGiven: input,\n loading: hasHandover && type === FeedbackType.Negative,\n });\n\n const { events } = container.get('$widget');\n events.dispatch('tracking:feedback-given', {\n guide,\n categories: guide.categories,\n feedbackType: type.toLowerCase(),\n });\n\n return container.getAsync('dataClient').then((dataClient: DataClient) => {\n return dataClient.feedback(id, connection, type).then(() => {\n if (hasHandover && type === FeedbackType.Negative) {\n return dataClient\n .fetch(DataType.ContactMethods, { guideId: id })\n .then(({ contactMethods }: ContactsResult) => {\n return controller.actions.dispatch('handover', {\n handoverContactMethods: contactMethods.map((cm) => ({\n ...cm,\n body: updateForm(cm, {\n submit: submitButtonLabel,\n }),\n })),\n loading: false,\n });\n });\n }\n });\n });\n }\n });\n\n controller.actions.create('handover', (input) => {\n return controller.writeProperties({ ...input, loading: false });\n });\n};\n","import { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';\nimport {\n FavoriteProperties,\n LanguageProperties,\n MetaDataProperties,\n updateForm,\n useExpand,\n useForm,\n} from '@telia-ace/knowledge-widget-component-utilities';\nimport {\n createEventSubscriber,\n DialogItem,\n extendComponent,\n PickerTypes,\n} from '@telia-ace/knowledge-widget-core';\nimport {\n DataClient,\n DataError,\n DataType,\n GuideResult,\n} from '@telia-ace/knowledge-widget-types-grid';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { FormComponentInstanceProperties } from '@telia-ace/widget-forms';\nimport { RoutingService } from '@telia-ace/widget-routing';\nimport { Container, EventManager } from '@webprovisions/platform';\nimport * as clipboard from 'clipboard-polyfill';\nimport useFeedback from './use-feedback';\n\nexport type GuideProps = {\n id: string;\n title: string;\n body: string;\n connection: string;\n categories: number[];\n hasHandover: boolean;\n allowFeedback: boolean;\n perspectives: { [key: string]: string };\n translations?: { [key: string]: string };\n modified?: string;\n published?: string;\n publishedBy?: string \| null;\n modifiedBy?: string \| null;\n perspective: string \| null;\n};\n\nexport type AvailablePerspectives = {\n name: string;\n title: string;\n};\n\nexport type GuideComponentProps = {\n showHeader?: boolean;\n showFeedback?: boolean;\n feedbackDirection?: 'horizontal' \| 'vertical';\n feedbackGiven?: 'positive' \| 'negative'; // internal\n contactMethods?: ContactMethodType[]; // internal\n handoverContactMethods?: ContactMethodType[]; // internal\n showAnswerVersions?: boolean;\n feedbackHeader?: string;\n contactHeader?: string;\n toolbarFunctionsHeader?: string;\n toolbarLanguageHeader?: string;\n positiveFeedbackLabel?: string;\n negativeFeedbackLabel?: string;\n contactFeedbackLabel?: string;\n feedbackRecognitionLabel?: string;\n defaultAnswerVersionLabel?: string;\n backButtonLabel?: string;\n toolbarFunctionsTooltip?: string;\n toolbarFunctionsCloseButtonAriaLabel?: string;\n copyActionLabel?: string;\n printActionLabel?: string;\n toolbarLanguageTooltip?: string;\n toolbar?: ToolbarProps;\n guide?: GuideProps; // internal\n dialog?: DialogItem[]; // internal\n error?: DataError; // internal\n availablePerspectives?: AvailablePerspectives[]; // internal\n} & FormComponentInstanceProperties &\n FavoriteProperties &\n MetaDataProperties &\n LanguageProperties;\n\nexport type ToolbarProps = {\n language?: boolean;\n guideCategories?: boolean;\n allowCopy?: boolean;\n allowPrint?: boolean;\n showFavoriteToggle?: boolean;\n picker?: PickerTypes;\n};\n\nconst buildPlainText = ({ title, body }: GuideProps): string => {\n let processedHtml = '';\n\n if (title && title.length) {\n processedHtml = title.trim();\n }\n\n if (body && body.length) {\n processedHtml = `${processedHtml.trim()}\\n${body.trim()}`;\n }\n\n const div = document.createElement('div');\n div.innerHTML = processedHtml;\n const links: HTMLAnchorElement[] = Array.from(div.getElementsByTagName('a'));\n\n let plainText = div.innerText;\n\n links.forEach((a) => {\n plainText = plainText.replace(a.innerText, `[${a.href}] (${a.innerText})`);\n });\n\n return plainText;\n};\n\nconst buildHtml = ({ title, body }: GuideProps): string => {\n let processedHtml = '';\n\n if (title && title.length) {\n processedHtml = `<h2>${title.trim()}</h2>`;\n }\n\n if (body && body.length) {\n processedHtml = `${processedHtml.trim()}${body.trim()}`;\n }\n\n return processedHtml.trim();\n};\n\nexport const GuideComponent = (container: Container) => {\n const { events }: { events: EventManager } = container.get('$widget');\n const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n return createReactComponent(container, 'guide', import('./guide'), (component) => {\n const fetch = (params: { [key: string]: any }) => {\n component.writeProperties({\n loading: true,\n error: undefined,\n guide: undefined,\n });\n component.actions.dispatch('fetch', { params });\n };\n\n component.actions.create('copy', (guide: GuideProps) => {\n const item = new clipboard.ClipboardItem({\n 'text/html': new Blob([buildHtml(guide)], { type: 'text/html' }),\n 'text/plain': new Blob([buildPlainText(guide)], { type: 'text/plain' }),\n });\n\n return clipboard.write([item]).then(() => {\n events.dispatch('widget:menu-toggled', null);\n });\n });\n\n component.actions.create('print', () => {\n const elem = document.querySelector('.humany-guide .humany-paragraph');\n const a = window.open('', '', 'height=500, width=500');\n\n events.dispatch('widget:menu-toggled', null);\n if (elem && a) {\n a.document.write(`<html><body>${elem.innerHTML}</body></html>`);\n a.document.close();\n a.print();\n }\n });\n\n component.actions.create('back', (data, options) => {\n if (options.preventDefault) {\n return;\n }\n\n return container.getAsync('router').then((router: RoutingService) => {\n router.goBack();\n });\n });\n\n component.actions.create(\n 'fetch',\n ({ contactMethods = [], dialog = [], guide, error }: GuideResult) => {\n if (error) {\n return component.actions.dispatch('fetched', {\n error,\n guide: undefined,\n contactMethods: [],\n feedbackGiven: undefined,\n handoverContactMethods: [],\n showFeedback: false,\n loading: true,\n });\n }\n const { showFeedback = true, submitButtonLabel = 'Submit' } =\n component.properties<GuideComponentProps>();\n\n const properties: GuideComponentProps = {\n showFeedback,\n dialog,\n guide,\n feedbackGiven: undefined,\n handoverContactMethods: [],\n contactMethods: contactMethods.map((cm) => ({\n ...cm,\n body: updateForm(cm, { submit: submitButtonLabel }),\n })),\n };\n\n return component.actions.dispatch('fetched', {\n ...properties,\n loading: true,\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 useFeedback(container, component);\n useForm(container, component);\n useExpand(component);\n })\n .then(() => {\n return extendComponent(container, 'guide', (component) => {\n component.actions.watch('guide.fetch', (input, next) => {\n const {\n params: { guide, connection },\n } = input;\n\n if (guide) {\n return container\n .getAsync('dataClient')\n .then((dataClient: DataClient) =>\n dataClient.fetch(DataType.Guide, { connection, guideId: guide })\n )\n .then(next)\n .catch((error) => {\n if (error) {\n return next(error);\n }\n });\n }\n\n return next(input);\n });\n });\n })\n .then(() => {\n unsubscribe();\n });\n};\n\nexport default GuideComponent;\n"],"names":["useFeedback","container","controller","input","type","FeedbackType","guide","submitButtonLabel","connection","id","hasHandover","events","dataClient","DataType","contactMethods","cm","__spreadProps","__spreadValues","updateForm","buildPlainText","title","body","processedHtml","div","links","plainText","a","buildHtml","GuideComponent","subscribe","unsubscribe","createEventSubscriber","createReactComponent","component","fetch","params","item","clipboard","elem","data","options","router","dialog","error","showFeedback","properties","event","current","useForm","useExpand","extendComponent","next","GuideComponent$1"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","sources":["../src/use-feedback.ts","../src/guide-component.ts"],"sourcesContent":["import { DataClient } from '@telia-ace/knowledge-data-client';\nimport { updateForm } from '@telia-ace/knowledge-widget-component-utilities';\nimport { ComponentNodeController } from '@telia-ace/knowledge-widget-core';\nimport { ContactsResult, DataType, FeedbackType } from '@telia-ace/knowledge-widget-types-grid';\nimport { Container } from '@webprovisions/platform';\nimport { GuideComponentProps } from './guide-component';\n\nexport default (container: Container, controller: ComponentNodeController) => {\n controller.actions.create('feedback', (input: 'negative' \| 'positive') => {\n const type = input === 'negative' ? FeedbackType.Negative : FeedbackType.Positive;\n const { guide, submitButtonLabel = 'Submit' } =\n controller.properties<GuideComponentProps>();\n if (guide) {\n const { connection, id, hasHandover } = guide;\n controller.writeProperties({\n feedbackGiven: input,\n loading: hasHandover && type === FeedbackType.Negative,\n });\n\n const { events } = container.get('$widget');\n events.dispatch('tracking:feedback-given', {\n guide,\n categories: guide.categories,\n feedbackType: type.toLowerCase(),\n });\n\n return DataClient.getInstance(container).then((dataClient) => {\n return dataClient.feedback(id, connection, type).then(() => {\n if (hasHandover && type === FeedbackType.Negative) {\n return dataClient\n .fetch(DataType.ContactMethods, { guideId: id })\n .then(({ contactMethods }: ContactsResult) => {\n return controller.actions.dispatch('handover', {\n handoverContactMethods: contactMethods.map((cm) => ({\n ...cm,\n body: updateForm(cm, {\n submit: submitButtonLabel,\n }),\n })),\n loading: false,\n });\n });\n }\n });\n });\n }\n });\n\n controller.actions.create('handover', (input) => {\n return controller.writeProperties({ ...input, loading: false });\n });\n};\n","import { ContactMethodType } from '@telia-ace/knowledge-widget-adapters';\nimport {\n FavoriteProperties,\n LanguageProperties,\n MetaDataProperties,\n updateForm,\n useExpand,\n useForm,\n} from '@telia-ace/knowledge-widget-component-utilities';\nimport {\n createEventSubscriber,\n DialogItem,\n extendComponent,\n PickerTypes,\n} from '@telia-ace/knowledge-widget-core';\nimport {\n DataClient,\n DataError,\n DataType,\n GuideResult,\n} from '@telia-ace/knowledge-widget-types-grid';\nimport { createReactComponent } from '@telia-ace/knowledge-widget-ui';\nimport { FormComponentInstanceProperties } from '@telia-ace/widget-forms';\nimport { RoutingService } from '@telia-ace/widget-routing';\nimport { Container, EventManager } from '@webprovisions/platform';\nimport * as clipboard from 'clipboard-polyfill';\nimport useFeedback from './use-feedback';\n\nexport type GuideProps = {\n id: string;\n title: string;\n body: string;\n connection: string;\n categories: number[];\n hasHandover: boolean;\n allowFeedback: boolean;\n perspectives: { [key: string]: string };\n translations?: { [key: string]: string };\n modified?: string;\n published?: string;\n publishedBy?: string \| null;\n modifiedBy?: string \| null;\n perspective: string \| null;\n};\n\nexport type AvailablePerspectives = {\n name: string;\n title: string;\n};\n\nexport type GuideComponentProps = {\n showHeader?: boolean;\n showFeedback?: boolean;\n feedbackDirection?: 'horizontal' \| 'vertical';\n feedbackGiven?: 'positive' \| 'negative'; // internal\n contactMethods?: ContactMethodType[]; // internal\n handoverContactMethods?: ContactMethodType[]; // internal\n showAnswerVersions?: boolean;\n feedbackHeader?: string;\n contactHeader?: string;\n toolbarFunctionsHeader?: string;\n toolbarLanguageHeader?: string;\n positiveFeedbackLabel?: string;\n negativeFeedbackLabel?: string;\n contactFeedbackLabel?: string;\n feedbackRecognitionLabel?: string;\n defaultAnswerVersionLabel?: string;\n backButtonLabel?: string;\n toolbarFunctionsTooltip?: string;\n toolbarFunctionsCloseButtonAriaLabel?: string;\n copyActionLabel?: string;\n printActionLabel?: string;\n toolbarLanguageTooltip?: string;\n toolbar?: ToolbarProps;\n guide?: GuideProps; // internal\n dialog?: DialogItem[]; // internal\n error?: DataError; // internal\n availablePerspectives?: AvailablePerspectives[]; // internal\n} & FormComponentInstanceProperties &\n FavoriteProperties &\n MetaDataProperties &\n LanguageProperties;\n\nexport type ToolbarProps = {\n language?: boolean;\n guideCategories?: boolean;\n allowCopy?: boolean;\n allowPrint?: boolean;\n showFavoriteToggle?: boolean;\n picker?: PickerTypes;\n};\n\nconst buildPlainText = ({ title, body }: GuideProps): string => {\n let processedHtml = '';\n\n if (title && title.length) {\n processedHtml = title.trim();\n }\n\n if (body && body.length) {\n processedHtml = `${processedHtml.trim()}\\n${body.trim()}`;\n }\n\n const div = document.createElement('div');\n div.innerHTML = processedHtml;\n const links: HTMLAnchorElement[] = Array.from(div.getElementsByTagName('a'));\n\n let plainText = div.innerText;\n\n links.forEach((a) => {\n plainText = plainText.replace(a.innerText, `[${a.href}] (${a.innerText})`);\n });\n\n return plainText;\n};\n\nconst buildHtml = ({ title, body }: GuideProps): string => {\n let processedHtml = '';\n\n if (title && title.length) {\n processedHtml = `<h2>${title.trim()}</h2>`;\n }\n\n if (body && body.length) {\n processedHtml = `${processedHtml.trim()}${body.trim()}`;\n }\n\n return processedHtml.trim();\n};\n\nexport const GuideComponent = (container: Container) => {\n const { events }: { events: EventManager } = container.get('$widget');\n const [subscribe, unsubscribe] = createEventSubscriber(events);\n\n return createReactComponent(container, 'guide', import('./guide'), (component) => {\n const fetch = (params: { [key: string]: any }) => {\n component.writeProperties({\n loading: true,\n error: undefined,\n guide: undefined,\n });\n component.actions.dispatch('fetch', { params });\n };\n\n component.actions.create('copy', (guide: GuideProps) => {\n const item = new clipboard.ClipboardItem({\n 'text/html': new Blob([buildHtml(guide)], { type: 'text/html' }),\n 'text/plain': new Blob([buildPlainText(guide)], { type: 'text/plain' }),\n });\n\n return clipboard.write([item]).then(() => {\n events.dispatch('widget:menu-toggled', null);\n });\n });\n\n component.actions.create('print', () => {\n const elem = document.querySelector('.humany-guide .humany-paragraph');\n const a = window.open('', '', 'height=500, width=500');\n\n events.dispatch('widget:menu-toggled', null);\n if (elem && a) {\n a.document.write(`<html><body>${elem.innerHTML}</body></html>`);\n a.document.close();\n a.print();\n }\n });\n\n component.actions.create('back', (data, options) => {\n if (options.preventDefault) {\n return;\n }\n\n return container.getAsync('router').then((router: RoutingService) => {\n router.goBack();\n });\n });\n\n component.actions.create(\n 'fetch',\n ({ contactMethods = [], dialog = [], guide, error }: GuideResult) => {\n if (error) {\n return component.actions.dispatch('fetched', {\n error,\n guide: undefined,\n contactMethods: [],\n feedbackGiven: undefined,\n handoverContactMethods: [],\n showFeedback: false,\n loading: true,\n });\n }\n const { showFeedback = true, submitButtonLabel = 'Submit' } =\n component.properties<GuideComponentProps>();\n\n const properties: GuideComponentProps = {\n showFeedback,\n dialog,\n guide,\n feedbackGiven: undefined,\n handoverContactMethods: [],\n contactMethods: contactMethods.map((cm) => ({\n ...cm,\n body: updateForm(cm, { submit: submitButtonLabel }),\n })),\n };\n\n return component.actions.dispatch('fetched', {\n ...properties,\n loading: true,\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 useFeedback(container, component);\n useForm(container, component);\n useExpand(component);\n })\n .then(() => {\n return extendComponent(container, 'guide', (component) => {\n component.actions.watch('guide.fetch', (input, next) => {\n const {\n params: { guide, connection },\n } = input;\n\n if (guide) {\n return DataClient.getInstance(container)\n .then((dataClient) =>\n dataClient.fetch(DataType.Guide, { connection, guideId: guide })\n )\n .then(next)\n .catch((error) => {\n if (error) {\n return next(error);\n }\n });\n }\n\n return next(input);\n });\n });\n })\n .then(() => {\n unsubscribe();\n });\n};\n\nexport default GuideComponent;\n"],"names":["useFeedback","container","controller","input","type","FeedbackType","guide","submitButtonLabel","connection","id","hasHandover","events","DataClient","dataClient","DataType","contactMethods","cm","__spreadProps","__spreadValues","updateForm","buildPlainText","title","body","processedHtml","div","links","plainText","a","buildHtml","GuideComponent","subscribe","unsubscribe","createEventSubscriber","createReactComponent","component","fetch","params","item","clipboard","elem","data","options","router","dialog","error","showFeedback","properties","event","current","useForm","useExpand","extendComponent","next","GuideComponent$1"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-guide",
-  "version": "1.0.39-next.3",
+  "version": "1.0.39-next.5",
   "description": "Guide component for ACE Knowledge Widgets.",
   "license": "SEE LICENSE IN LICENSE.txt",
   "author": "Telia Company AB",
@@ -21,11 +21,12 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@telia-ace/knowledge-widget-adapters": "1.0.45-next.3",
-    "@telia-ace/knowledge-widget-component-utilities": "1.0.39-next.3",
-    "@telia-ace/knowledge-widget-core": "1.0.35-next.3",
-    "@telia-ace/knowledge-widget-types-grid": "1.0.46-next.3",
-    "@telia-ace/knowledge-widget-ui": "1.0.41-next.3",
+    "@telia-ace/knowledge-data-client": "1.0.2-next.1",
+    "@telia-ace/knowledge-widget-adapters": "1.0.45-next.5",
+    "@telia-ace/knowledge-widget-component-utilities": "1.0.39-next.5",
+    "@telia-ace/knowledge-widget-core": "1.0.35-next.5",
+    "@telia-ace/knowledge-widget-types-grid": "1.0.46-next.5",
+    "@telia-ace/knowledge-widget-ui": "1.0.41-next.5",
     "@telia-ace/widget-forms": "^1.0.28-next.0",
     "@telia-ace/widget-routing": "^1.0.22-next.0",
     "@telia-ace/widget-utilities": "^1.0.10-next.0",