@telia-ace/knowledge-widget-components-contact-link 1.1.5 → 1.1.6

package/contact-link-44666ccd.js

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),w=require("@telia-ace/widget-ui"),b=require("@emotion/react"),c=require("@emotion/styled"),i=require("@telia-ace/knowledge-widget-ui"),m=require("@telia-ace/widget-utilities"),j=({className:e,...t})=>{const{widget:o,route:s,mode:a="large",iconSize:y="large",symbol:g,descriptionLabel:l,label:r,textAlign:h}=i.useProperties(),$=w.useContainer(),{events:d}=$.get("$widget"),p=h||(a==="large"?"center":"right"),f=y==="large"?"64":"48",u={apiNotificationPriorityBy:"contacts"};if(a==="compact")return n.jsxs(L,{...t,className:m.appendClassNames(e,"humany-contact-link","humany-contact-link-compact"),onClick:()=>{d.dispatch("tracking:contact-link-clicked",{})},textAlign:p,children:[l&&n.jsx(i.Text,{children:l}),s?n.jsx(i.Link,{routeName:s,children:r}):n.jsx(i.WidgetLink,{"aria-haspopup":"dialog",role:"button",activationOptions:u,widgetName:o,children:r})]});const k=n.jsxs(n.Fragment,{children:[g?n.jsx(i.SymbolBadge,{symbol:g}):n.jsx(N,{width:f,viewBox:"0 0 63 37",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("path",{d:"M1 1H62M1 1L24.7579 15.6328M1 1V36M62 1V36M62 1L38.8842 15.5402M1 36H62M1 36L24.7579 15.6328M62 36L38.8842 15.5402M38.8842 15.5402L37.0898 16.6689C33.8642 18.6979 29.7658 18.7172 26.5212 16.7188L24.7579 15.6328",stroke:"#990AE3"})}),r&&n.jsx(M,{children:r}),l&&n.jsx(v,{children:l})]});return s?n.jsx(C,{...t,className:m.appendClassNames(e,"humany-contact-link","humany-contact-link-large"),onClick:()=>{d.dispatch("tracking:contact-link-clicked",{})},routeName:s,children:k}):n.jsx(z,{...t,"aria-haspopup":"dialog",role:"button",className:m.appendClassNames(e,"humany-contact-link","humany-contact-link-large"),onClick:()=>{d.dispatch("tracking:contact-link-clicked",{})},textAlign:p,widgetName:o,activationOptions:u,children:k})},L=c.div`
+  text-align: ${e=>e.textAlign};
+  font-weight: 300;
+
+  span,
+  a {
+    display: inline-block;
+    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+  }
+
+  span {
+    margin: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} 0 0;
+  }
+  a {
+    text-decoration: underline;
+    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+    &:focus-visible {
+      ${i.linkTabStyle}
+      padding: ${e=>{var t,o;return`calc(${(t=e.theme.sizes)==null?void 0:t.small} / 2) ${(o=e.theme.sizes)==null?void 0:o.small}`}};
+    }
+  }
+`,x=e=>{var t,o,s,a;return b.css`
+  ${i.contentBox(e)}
+  padding: ${(t=e.theme.sizes)==null?void 0:t.large};
+  text-align: center;
+  cursor: pointer;
+  text-decoration: none;
+  i {
+    font-size: ${(o=e.theme.fonts)==null?void 0:o.huge};
+    min-width: 1em;
+    min-height: 1em;
+    color: ${(s=e.theme.colors)==null?void 0:s.primary};
+  }
+  span {
+    color: ${(a=e.theme.colors)==null?void 0:a.text};
+  }
+  &:focus-visible {
+    ${i.borderTabStyle(e)};
+  }
+`},z=c(i.WidgetLink)`
+  ${x}
+  text-align: ${e=>e.textAlign};
+`,C=c(i.Link)`
+  ${x}
+`,v=c(i.Text)`
+  line-height: 1.6em;
+  font-weight: 300;
+  font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
+`,M=c(i.Text)`
+  display: block;
+  font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.medium}};
+  margin: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}} 0;
+`,N=c.svg`
+  align-self: center;
+
+  path {
+    vector-effect: non-scaling-stroke;
+    stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+  }
+`;exports.default=j;

package/{contact-link-442e49a1.mjs → contact-link-bf35f02f.mjs}

@@ -1,52 +1,56 @@
-import { jsxs as u, jsx as n, Fragment as w } from "react/jsx-runtime";
-import { css as L } from "@emotion/react";
-import a from "@emotion/styled";
-import { useProperties as z, Text as m, Link as y, WidgetLink as $, SymbolBadge as M, linkTabStyle as v, contentBox as N, borderTabStyle as S } from "@telia-ace/knowledge-widget-ui";
-import { appendClassNames as c } from "@telia-ace/widget-utilities";
-const F = ({ className: t, ...e }) => {
+import { jsxs as u, jsx as n, Fragment as z } from "react/jsx-runtime";
+import { useContainer as v } from "@telia-ace/widget-ui";
+import { css as C } from "@emotion/react";
+import c from "@emotion/styled";
+import { useProperties as M, Text as d, Link as $, WidgetLink as y, SymbolBadge as N, linkTabStyle as S, contentBox as A, borderTabStyle as B } from "@telia-ace/knowledge-widget-ui";
+import { appendClassNames as m } from "@telia-ace/widget-utilities";
+const G = ({ className: t, ...e }) => {
   const {
     widget: i,
     route: o,
-    mode: l = "large",
-    iconSize: k = "large",
+    mode: a = "large",
+    iconSize: b = "large",
     symbol: g,
-    descriptionLabel: r,
-    label: s,
+    descriptionLabel: l,
+    label: r,
     textAlign: h
-  } = z(), d = h || (l === "large" ? "center" : "right"), b = k === "large" ? "64" : "48", p = {
+  } = M(), w = v(), { events: s } = w.get("$widget"), p = h || (a === "large" ? "center" : "right"), L = b === "large" ? "64" : "48", k = {
     apiNotificationPriorityBy: "contacts"
   };
-  if (l === "compact")
+  if (a === "compact")
     return /* @__PURE__ */ u(
-      A,
+      H,
       {
         ...e,
-        className: c(
+        className: m(
           t,
           "humany-contact-link",
           "humany-contact-link-compact"
         ),
-        textAlign: d,
+        onClick: () => {
+          s.dispatch("tracking:contact-link-clicked", {});
+        },
+        textAlign: p,
         children: [
-          r && /* @__PURE__ */ n(m, { children: r }),
-          o ? /* @__PURE__ */ n(y, { routeName: o, children: s }) : /* @__PURE__ */ n(
-            $,
+          l && /* @__PURE__ */ n(d, { children: l }),
+          o ? /* @__PURE__ */ n($, { routeName: o, children: r }) : /* @__PURE__ */ n(
+            y,
             {
               "aria-haspopup": "dialog",
               role: "button",
-              activationOptions: p,
+              activationOptions: k,
               widgetName: i,
-              children: s
+              children: r
             }
           )
         ]
       }
     );
-  const f = /* @__PURE__ */ u(w, { children: [
-    g ? /* @__PURE__ */ n(M, { symbol: g }) : /* @__PURE__ */ n(
-      T,
+  const f = /* @__PURE__ */ u(z, { children: [
+    g ? /* @__PURE__ */ n(N, { symbol: g }) : /* @__PURE__ */ n(
+      V,
       {
-        width: b,
+        width: L,
         viewBox: "0 0 63 37",
         fill: "none",
         xmlns: "http://www.w3.org/2000/svg",
@@ -59,39 +63,45 @@ const F = ({ className: t, ...e }) => {
         )
       }
     ),
-    s && /* @__PURE__ */ n(P, { children: s }),
-    r && /* @__PURE__ */ n(H, { children: r })
+    r && /* @__PURE__ */ n(j, { children: r }),
+    l && /* @__PURE__ */ n(W, { children: l })
   ] });
   return o ? /* @__PURE__ */ n(
-    B,
+    T,
     {
       ...e,
-      className: c(
+      className: m(
         t,
         "humany-contact-link",
         "humany-contact-link-large"
       ),
+      onClick: () => {
+        s.dispatch("tracking:contact-link-clicked", {});
+      },
       routeName: o,
       children: f
     }
   ) : /* @__PURE__ */ n(
-    C,
+    P,
     {
       ...e,
       "aria-haspopup": "dialog",
       role: "button",
-      className: c(
+      className: m(
         t,
         "humany-contact-link",
         "humany-contact-link-large"
       ),
-      textAlign: d,
+      onClick: () => {
+        s.dispatch("tracking:contact-link-clicked", {});
+      },
+      textAlign: p,
       widgetName: i,
-      activationOptions: p,
+      activationOptions: k,
       children: f
     }
   );
-}, A = a.div`
+}, H = c.div`
   text-align: ${(t) => t.textAlign};
   font-weight: 300;
 
@@ -117,7 +127,7 @@ const F = ({ className: t, ...e }) => {
   return (e = t.theme.colors) == null ? void 0 : e.primary;
 }};
     &:focus-visible {
-      ${v}
+      ${S}
       padding: ${(t) => {
   var e, i;
   return `calc(${(e = t.theme.sizes) == null ? void 0 : e.small} / 2) ${(i = t.theme.sizes) == null ? void 0 : i.small}`;
@@ -125,9 +135,9 @@ const F = ({ className: t, ...e }) => {
     }
   }
 `, x = (t) => {
-  var e, i, o, l;
-  return L`
-  ${N(t)}
+  var e, i, o, a;
+  return C`
+  ${A(t)}
   padding: ${(e = t.theme.sizes) == null ? void 0 : e.large};
   text-align: center;
   cursor: pointer;
@@ -139,25 +149,25 @@ const F = ({ className: t, ...e }) => {
     color: ${(o = t.theme.colors) == null ? void 0 : o.primary};
   }
   span {
-    color: ${(l = t.theme.colors) == null ? void 0 : l.text};
+    color: ${(a = t.theme.colors) == null ? void 0 : a.text};
   }
   &:focus-visible {
-    ${S(t)};
+    ${B(t)};
   }
 `;
-}, C = a($)`
+}, P = c(y)`
   ${x}
   text-align: ${(t) => t.textAlign};
-`, B = a(y)`
+`, T = c($)`
   ${x}
-`, H = a(m)`
+`, W = c(d)`
   line-height: 1.6em;
   font-weight: 300;
   font-size: ${(t) => {
   var e;
   return (e = t.theme.fonts) == null ? void 0 : e.normal;
 }};
-`, P = a(m)`
+`, j = c(d)`
   display: block;
   font-size: ${(t) => {
   var e;
@@ -167,7 +177,7 @@ const F = ({ className: t, ...e }) => {
   var e;
   return (e = t.theme.sizes) == null ? void 0 : e.normal;
 }} 0;
-`, T = a.svg`
+`, V = c.svg`
   align-self: center;
 
   path {
@@ -179,5 +189,5 @@ const F = ({ className: t, ...e }) => {
   }
 `;
 export {
-  F as default
+  G as default
 };

package/index.js

@@ -1 +1 @@
-"use strict";const t=require("@telia-ace/knowledge-widget-ui"),n=e=>t.createReactComponent(e,"contact-link",Promise.resolve().then(()=>require("./contact-link-af9e3354.js")));module.exports=n;
+"use strict";const t=require("@telia-ace/knowledge-widget-ui"),n=e=>t.createReactComponent(e,"contact-link",Promise.resolve().then(()=>require("./contact-link-44666ccd.js")));module.exports=n;

package/index.mjs

@@ -2,7 +2,7 @@ import { createReactComponent as o } from "@telia-ace/knowledge-widget-ui";
 const e = (t) => o(
   t,
   "contact-link",
-  import("./contact-link-442e49a1.mjs")
+  import("./contact-link-bf35f02f.mjs")
 );
 export {
   e as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@telia-ace/knowledge-widget-components-contact-link",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "main": "./index.js",
   "types": "./index.d.ts",
   "exports": {
@@ -10,10 +10,11 @@
     }
   },
   "dependencies": {
-    "@telia-ace/knowledge-widget-core": "^1.1.5",
-    "@telia-ace/knowledge-widget-ui": "^1.1.5",
-    "@telia-ace/widget-utilities": "^1.1.5",
-    "@webprovisions/platform": "^1.1.4"
+    "@telia-ace/knowledge-widget-core": "^1.1.6",
+    "@telia-ace/knowledge-widget-ui": "^1.1.6",
+    "@telia-ace/widget-utilities": "^1.1.6",
+    "@webprovisions/platform": "^1.1.4",
+    "@telia-ace/widget-ui": "^1.1.6"
   },
   "peerDependencies": {
     "@emotion/react": "11.11.1",

package/contact-link-af9e3354.js

@@ -1,60 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),f=require("@emotion/react"),a=require("@emotion/styled"),i=require("@telia-ace/knowledge-widget-ui"),m=require("@telia-ace/widget-utilities"),k=({className:e,...t})=>{const{widget:o,route:s,mode:l="large",iconSize:y="large",symbol:d,descriptionLabel:r,label:c,textAlign:g}=i.useProperties(),h=g||(l==="large"?"center":"right"),$=y==="large"?"64":"48",u={apiNotificationPriorityBy:"contacts"};if(l==="compact")return n.jsxs(b,{...t,className:m.appendClassNames(e,"humany-contact-link","humany-contact-link-compact"),textAlign:h,children:[r&&n.jsx(i.Text,{children:r}),s?n.jsx(i.Link,{routeName:s,children:c}):n.jsx(i.WidgetLink,{"aria-haspopup":"dialog",role:"button",activationOptions:u,widgetName:o,children:c})]});const p=n.jsxs(n.Fragment,{children:[d?n.jsx(i.SymbolBadge,{symbol:d}):n.jsx(M,{width:$,viewBox:"0 0 63 37",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("path",{d:"M1 1H62M1 1L24.7579 15.6328M1 1V36M62 1V36M62 1L38.8842 15.5402M1 36H62M1 36L24.7579 15.6328M62 36L38.8842 15.5402M38.8842 15.5402L37.0898 16.6689C33.8642 18.6979 29.7658 18.7172 26.5212 16.7188L24.7579 15.6328",stroke:"#990AE3"})}),c&&n.jsx(z,{children:c}),r&&n.jsx(L,{children:r})]});return s?n.jsx(w,{...t,className:m.appendClassNames(e,"humany-contact-link","humany-contact-link-large"),routeName:s,children:p}):n.jsx(j,{...t,"aria-haspopup":"dialog",role:"button",className:m.appendClassNames(e,"humany-contact-link","humany-contact-link-large"),textAlign:h,widgetName:o,activationOptions:u,children:p})},b=a.div`
-  text-align: ${e=>e.textAlign};
-  font-weight: 300;
-
-  span,
-  a {
-    display: inline-block;
-    font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
-  }
-
-  span {
-    margin: 0 ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.small}} 0 0;
-  }
-  a {
-    text-decoration: underline;
-    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
-    &:focus-visible {
-      ${i.linkTabStyle}
-      padding: ${e=>{var t,o;return`calc(${(t=e.theme.sizes)==null?void 0:t.small} / 2) ${(o=e.theme.sizes)==null?void 0:o.small}`}};
-    }
-  }
-`,x=e=>{var t,o,s,l;return f.css`
-  ${i.contentBox(e)}
-  padding: ${(t=e.theme.sizes)==null?void 0:t.large};
-  text-align: center;
-  cursor: pointer;
-  text-decoration: none;
-  i {
-    font-size: ${(o=e.theme.fonts)==null?void 0:o.huge};
-    min-width: 1em;
-    min-height: 1em;
-    color: ${(s=e.theme.colors)==null?void 0:s.primary};
-  }
-  span {
-    color: ${(l=e.theme.colors)==null?void 0:l.text};
-  }
-  &:focus-visible {
-    ${i.borderTabStyle(e)};
-  }
-`},j=a(i.WidgetLink)`
-  ${x}
-  text-align: ${e=>e.textAlign};
-`,w=a(i.Link)`
-  ${x}
-`,L=a(i.Text)`
-  line-height: 1.6em;
-  font-weight: 300;
-  font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.normal}};
-`,z=a(i.Text)`
-  display: block;
-  font-size: ${e=>{var t;return(t=e.theme.fonts)==null?void 0:t.medium}};
-  margin: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.normal}} 0;
-`,M=a.svg`
-  align-self: center;
-
-  path {
-    vector-effect: non-scaling-stroke;
-    stroke: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
-  }
-`;exports.default=k;