@telia-ace/knowledge-widget-components-guide 1.3.41-rc.0 → 1.3.41-rc.2

package/{guide-bea67580.mjs → guide-CZYBSJYj.mjs}

@@ -2,7 +2,7 @@ import { jsx as a, Fragment as X, jsxs as w } from "react/jsx-runtime";
 import { css as P } from "@emotion/react";
 import r from "@emotion/styled";
 import { ContactList as Y, contactLink as me } from "@telia-ace/knowledge-widget-adapters";
-import { List as he, TextLink as Z, paddedBorderTabStyle as _, useRouteData as A, Feedback as ue, StyledHeaderText as ge, useDispatch as ee, useProperties as V, Text as G, SymbolBadge as F, useContainer as te, Tooltip as fe, StyledListButton as T, DropdownList as ne, useFavorites as be, StyledText as Q, FavoriteButton as ye, DrawerList as ae, DrawerAnimationType as oe, useChildren as pe, Lightbox as $e, DialogLink as ke, embeddedLinkMapper as we, createEmptyComponent as xe, Loader as ze, loadingOpacity as Le, Paragraph as Se, genericHtml as Be, headingElement as Ne, DialogList as Ce, contentBox as ve, Metadata as De, Button as Re, linkTabStyle as Oe } from "@telia-ace/knowledge-widget-ui";
+import { useRouteData as A, List as he, paddedBorderTabStyle as Z, TextLink as _, useDispatch as ee, useProperties as V, StyledHeaderText as ue, Feedback as ge, useContainer as te, Tooltip as fe, StyledListButton as T, Text as G, SymbolBadge as F, useFavorites as be, StyledText as Q, FavoriteButton as ye, DrawerList as ne, DrawerAnimationType as ae, DropdownList as oe, useChildren as pe, DialogLink as $e, embeddedLinkMapper as ke, Lightbox as we, createEmptyComponent as xe, Loader as ze, loadingOpacity as Le, contentBox as Se, genericHtml as Be, headingElement as Ne, Paragraph as Ce, DialogList as ve, linkTabStyle as De, Button as Re, Metadata as Oe } from "@telia-ace/knowledge-widget-ui";
 import { NotFound as Te, Component as Fe } from "@telia-ace/widget-types-grid";
 import { appendClassNames as I, buildCategoryTrail as Ie, createParams as Ee } from "@telia-ace/widget-utilities";
 import { useMemo as E, useState as se, useEffect as le, useCallback as M, forwardRef as We } from "react";
@@ -69,7 +69,7 @@ const He = ({
   li > span {
     cursor: default;
   }
-`, Me = r(Z)`
+`, Me = r(_)`
   font-weight: 300;
   color: ${(e) => {
   var t;
@@ -83,17 +83,17 @@ const He = ({
     `}
 
   &:focus-visible {
-    ${_};
+    ${Z};
   }
 `, Pe = r(Y)`
   border-top: ${(e) => e.theme.border};
   ${(e) => e.backButtonShown === "true" && `border-bottom: ${e.theme.border};`}
-`, Ae = r(ue)`
+`, Ae = r(ge)`
   ${(e) => {
   var t, n;
   return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.large} ${(n = e.theme.sizes) == null ? void 0 : n.large};`;
 }}
-`, Ve = r(ge)`
+`, Ve = r(ue)`
   ${(e) => {
   var t, n;
   return `padding: ${(t = e.theme.sizes) == null ? void 0 : t.large} ${(n = e.theme.sizes) == null ? void 0 : n.large};`;
@@ -378,10 +378,10 @@ const He = ({
       closeButtonAriaLabel: b
     }
   ) : S === $.DRAWER ? /* @__PURE__ */ a(
-    ae,
+    ne,
     {
       className: "humany-guide-functions-drawer-list",
-      animation: { type: oe.SlideInBottom },
+      animation: { type: ae.SlideInBottom },
       header: e,
       items: x,
       trigger: N,
@@ -405,7 +405,7 @@ const He = ({
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
   }
-`, Ue = r(ne)`
+`, Ue = r(oe)`
   display: block;
   min-height: auto;
 `, Xe = r(T)`
@@ -483,10 +483,10 @@ const He = ({
       renderItem: b
     }
   ) : n === $.DRAWER ? /* @__PURE__ */ a(
-    ae,
+    ne,
     {
       className: "humany-guide-languages-drawer-list",
-      animation: { type: oe.SlideInBottom },
+      animation: { type: ae.SlideInBottom },
       header: e,
       items: h,
       trigger: u,
@@ -540,10 +540,10 @@ const He = ({
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
   }
-`, at = r(ne)`
+`, at = r(oe)`
   display: block;
   min-height: auto;
-`, ot = r(Z)`
+`, ot = r(_)`
   color: ${(e) => {
   var t, n;
   return e.selected ? (t = e.theme.colors) == null ? void 0 : t.primary : (n = e.theme.colors) == null ? void 0 : n.text;
@@ -552,7 +552,7 @@ const He = ({
 
   outline: none;
   &:focus-visible {
-    ${_}
+    ${Z}
     text-decoration: underline;
   }
 `, st = (e) => {
@@ -663,7 +663,7 @@ const He = ({
       params: { connection: D, guide: C }
     } = A(), x = te(), N = pe(), z = ee(), B = E(() => ({
       transform: {
-        img: (L) => /* @__PURE__ */ a($e, { attrs: L, htmlBody: (o == null ? void 0 : o.body) || "" }),
+        img: (L) => /* @__PURE__ */ a(we, { attrs: L, htmlBody: (o == null ? void 0 : o.body) || "" }),
         a: (L) => {
           const { children: ie, ...ce } = L, J = ce["data-target"];
           if (J && l.length) {
@@ -671,9 +671,9 @@ const He = ({
               ({ connection: de }) => de === J
             );
             if (K)
-              return /* @__PURE__ */ a(ke, { ...K, children: ie });
+              return /* @__PURE__ */ a($e, { ...K, children: ie });
           }
-          return we(x)(L);
+          return ke(x)(L);
         }
       }
     }), [o, x, l]), R = M(() => {
@@ -795,7 +795,7 @@ const He = ({
 ), it = r.div`
   ${Le}
   min-width: 0;
-`, ct = r(Se)`
+`, ct = r(Ce)`
   ${Be}
   ${(e) => {
   var t;
@@ -835,7 +835,7 @@ const He = ({
 `, dt = r(Y)`
   border-top: ${(e) => e.theme.border};
   ${(e) => e.backButtonShown === "true" && `border-bottom: ${e.theme.border};`}
-`, mt = r(Ce)`
+`, mt = r(ve)`
   ${(e) => {
   var t, n;
   return `padding: 0 ${(t = e.theme.sizes) == null ? void 0 : t.large} ${(n = e.theme.sizes) == null ? void 0 : n.large};`;
@@ -853,7 +853,7 @@ const He = ({
   border-radius: ${(e) => `${e.theme.borderRadius} ${e.theme.borderRadius}`} 0 0;
   background-color: #ffffff;
 `, ut = r.div`
-  ${ve}
+  ${Se}
   display: block;
   > a {
     ${me}
@@ -864,7 +864,7 @@ const He = ({
       box-shadow: none;
       background-color: #fafafa;
     `}
-`, gt = r(De)`
+`, gt = r(Oe)`
   display: block;
   ${(e) => {
   var t, n;
@@ -900,7 +900,7 @@ const He = ({
     font-weight: 300;
   }
   &:focus-visible {
-    ${Oe}
+    ${De}
     padding: ${(e) => {
   var t, n;
   return `calc(${(t = e.theme.sizes) == null ? void 0 : t.small} / 2) ${(n = e.theme.sizes) == null ? void 0 : n.small}`;

package/index.js

@@ -1,2 +1,2 @@
 "use strict";const u=require("@telia-ace/knowledge-data-client"),l=require("@telia-ace/knowledge-widget-component-utilities"),b=require("@telia-ace/knowledge-widget-core"),v=require("@telia-ace/knowledge-widget-ui"),k=require("clipboard-polyfill");function w(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return r.default=e,Object.freeze(r)}const m=w(k),y=(e,r)=>{r.actions.create("feedback",a=>{const s=a==="negative"?u.FeedbackType.Negative:u.FeedbackType.Positive,{guide:i,submitButtonLabel:c="Submit"}=r.properties();if(i){const{connection:t,id:n,hasHandover:o}=i;r.writeProperties({feedbackGiven:a,loading:o&&s===u.FeedbackType.Negative});const{events:d}=e.get("$widget");return d.dispatch("tracking:feedback-given",{guide:i,categories:i.categories,feedbackType:s.toLowerCase()}),u.DataClient.getInstance(e).then(h=>h.feedback(n,t,s).then(()=>{if(o&&s===u.FeedbackType.Negative)return h.fetch(u.DataType.ContactMethods,{guideId:n}).then(({contactMethods:p})=>r.actions.dispatch("handover",{handoverContactMethods:p.map(g=>({...g,body:l.updateForm(g,{submit:c})})),loading:!1}))}))}}),r.actions.create("handover",a=>r.writeProperties({...a,loading:!1}))},T=({title:e,body:r})=>{let a="";e&&e.length&&(a=e.trim()),r&&r.length&&(a=`${a.trim()}
-${r.trim()}`);const s=document.createElement("div");s.innerHTML=a;const i=Array.from(s.getElementsByTagName("a"));let c=s.innerText;return i.forEach(t=>{c=c.replace(t.innerText,`[${t.href}] (${t.innerText})`)}),c},C=({title:e,body:r})=>{let a="";return e&&e.length&&(a=`<h2>${e.trim()}</h2>`),r&&r.length&&(a=`${a.trim()}${r.trim()}`),a.trim()},x=e=>{const{events:r}=e.get("$widget"),[a,s]=b.createEventSubscriber(r);return v.createReactComponent(e,"guide",Promise.resolve().then(()=>require("./guide-9d79906b.js")),i=>{const c=t=>{i.writeProperties({loading:!0,error:void 0,guide:void 0,dialog:void 0,contactMethods:void 0,feedbackGiven:void 0}),i.actions.dispatch("fetch",{params:t})};i.actions.create("copy",t=>{const n=new m.ClipboardItem({"text/html":new Blob([C(t)],{type:"text/html"}),"text/plain":new Blob([T(t)],{type:"text/plain"})});return m.write([n]).then(()=>{r.dispatch("widget:menu-toggled",null)})}),i.actions.create("print",()=>{const t=document.querySelector(".humany-guide .humany-paragraph"),n=window.open("","","height=500, width=500");r.dispatch("widget:menu-toggled",null),t&&n&&(n.document.write(`<html><body>${t.innerHTML}</body></html>`),n.document.close(),n.print())}),i.actions.create("back",(t,n)=>{if(!n.preventDefault)return e.getAsync("router").then(o=>{o.goBack()})}),i.actions.create("fetch",({contactMethods:t=[],dialog:n=[],guide:o,error:d})=>{if(d)return i.actions.dispatch("fetched",{error:d,guide:void 0,contactMethods:[],feedbackGiven:void 0,handoverContactMethods:[],showFeedback:!1,loading:!0});const{showFeedback:h=!0,submitButtonLabel:p="Submit"}=i.properties(),g={showFeedback:h,dialog:n,guide:o,feedbackGiven:void 0,handoverContactMethods:[],contactMethods:t.map(f=>({...f,body:l.updateForm(f,{submit:p})}))};return i.actions.dispatch("fetched",{...g,loading:!0})}),i.actions.create("fetched",t=>i.writeProperties({...t,feedbackGiven:void 0,loading:!1})),e.getAsync("router").then(t=>{const{params:n}=t.getRouteData();c(n)}),a("router:changed",(t,{current:n})=>{c(n.routeData.params)}),y(e,i),l.useForm(e,i),l.useExpand(i)}).then(()=>b.extendComponent(e,"guide",i=>{i.actions.watch("guide.fetch",(c,t)=>{const{params:{guide:n,connection:o}}=c;return n?u.DataClient.getInstance(e).then(d=>d.fetch(u.DataType.Guide,{connection:o,guideId:n})).then(t).catch(d=>{if(d)return t(d)}):t(c)})})).then(()=>{s()})};module.exports=x;
+${r.trim()}`);const s=document.createElement("div");s.innerHTML=a;const i=Array.from(s.getElementsByTagName("a"));let c=s.innerText;return i.forEach(t=>{c=c.replace(t.innerText,`[${t.href}] (${t.innerText})`)}),c},C=({title:e,body:r})=>{let a="";return e&&e.length&&(a=`<h2>${e.trim()}</h2>`),r&&r.length&&(a=`${a.trim()}${r.trim()}`),a.trim()},x=e=>{const{events:r}=e.get("$widget"),[a,s]=b.createEventSubscriber(r);return v.createReactComponent(e,"guide",Promise.resolve().then(()=>require("./guide-BU3mplft.js")),i=>{const c=t=>{i.writeProperties({loading:!0,error:void 0,guide:void 0,dialog:void 0,contactMethods:void 0,feedbackGiven:void 0}),i.actions.dispatch("fetch",{params:t})};i.actions.create("copy",t=>{const n=new m.ClipboardItem({"text/html":new Blob([C(t)],{type:"text/html"}),"text/plain":new Blob([T(t)],{type:"text/plain"})});return m.write([n]).then(()=>{r.dispatch("widget:menu-toggled",null)})}),i.actions.create("print",()=>{const t=document.querySelector(".humany-guide .humany-paragraph"),n=window.open("","","height=500, width=500");r.dispatch("widget:menu-toggled",null),t&&n&&(n.document.write(`<html><body>${t.innerHTML}</body></html>`),n.document.close(),n.print())}),i.actions.create("back",(t,n)=>{if(!n.preventDefault)return e.getAsync("router").then(o=>{o.goBack()})}),i.actions.create("fetch",({contactMethods:t=[],dialog:n=[],guide:o,error:d})=>{if(d)return i.actions.dispatch("fetched",{error:d,guide:void 0,contactMethods:[],feedbackGiven:void 0,handoverContactMethods:[],showFeedback:!1,loading:!0});const{showFeedback:h=!0,submitButtonLabel:p="Submit"}=i.properties(),g={showFeedback:h,dialog:n,guide:o,feedbackGiven:void 0,handoverContactMethods:[],contactMethods:t.map(f=>({...f,body:l.updateForm(f,{submit:p})}))};return i.actions.dispatch("fetched",{...g,loading:!0})}),i.actions.create("fetched",t=>i.writeProperties({...t,feedbackGiven:void 0,loading:!1})),e.getAsync("router").then(t=>{const{params:n}=t.getRouteData();c(n)}),a("router:changed",(t,{current:n})=>{c(n.routeData.params)}),y(e,i),l.useForm(e,i),l.useExpand(i)}).then(()=>b.extendComponent(e,"guide",i=>{i.actions.watch("guide.fetch",(c,t)=>{const{params:{guide:n,connection:o}}=c;return n?u.DataClient.getInstance(e).then(d=>d.fetch(u.DataType.Guide,{connection:o,guideId:n})).then(t).catch(d=>{if(d)return t(d)}):t(c)})})).then(()=>{s()})};module.exports=x;

package/index.mjs

@@ -50,7 +50,7 @@ ${r.trim()}`);
   return x(
     a,
     "guide",
-    import("./guide-bea67580.mjs"),
+    import("./guide-CZYBSJYj.mjs"),
     (t) => {
       const s = (e) => {
         t.writeProperties({

package/languages.d.ts

@@ -0,0 +1,18 @@
+import { LanguageProperties } from '../../utilities/src/index.ts';
+import { PickerTypes } from '../../../knowledge/core/src/index.ts';
+import { default as React } from 'react';
+import { GuideProps } from './guide-component';
+
+export type LanguageListItem = {
+    id: string;
+    key: string;
+    label: string;
+};
+type Props = Merge<{
+    header?: string;
+    tooltip?: string;
+    guide: GuideProps;
+    picker?: PickerTypes;
+}, LanguageProperties>;
+declare const Languages: React.FC<Props>;
+export default Languages;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-guide",
-  "version": "1.3.41-rc.0",
+  "version": "1.3.41-rc.2",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,15 +10,15 @@
     }
   },
   "dependencies": {
-    "@telia-ace/knowledge-widget-ui": "^1.3.41-rc.0",
-    "@telia-ace/widget-utilities": "^1.3.41-rc.0",
-    "@telia-ace/knowledge-widget-core": "^1.3.41-rc.0",
-    "@telia-ace/knowledge-widget-adapters": "^1.3.41-rc.0",
-    "@telia-ace/knowledge-widget-component-utilities": "^1.3.41-rc.0",
-    "@telia-ace/widget-forms": "^1.3.41-rc.0",
-    "@telia-ace/widget-routing": "^1.3.41-rc.0",
-    "@telia-ace/widget-types-grid": "^1.3.41-rc.0",
-    "@telia-ace/knowledge-data-client": "^1.3.41-rc.0",
+    "@telia-ace/knowledge-widget-ui": "^1.3.41-rc.2",
+    "@telia-ace/widget-utilities": "^1.3.41-rc.2",
+    "@telia-ace/knowledge-widget-core": "^1.3.41-rc.2",
+    "@telia-ace/knowledge-widget-adapters": "^1.3.41-rc.2",
+    "@telia-ace/knowledge-widget-component-utilities": "^1.3.41-rc.2",
+    "@telia-ace/widget-forms": "^1.3.41-rc.2",
+    "@telia-ace/widget-routing": "^1.3.41-rc.2",
+    "@telia-ace/widget-types-grid": "^1.3.41-rc.2",
+    "@telia-ace/knowledge-data-client": "^1.3.41-rc.2",
     "@webprovisions/platform": "^1.1.4",
     "clipboard-polyfill": "4.0.0-rc1"
   },