@telia-ace/widget-conversation 1.0.41 → 1.1.1-rc.0

package/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-1180f4a4.js");require("react/jsx-runtime");require("react");require("react-dom");exports.ConversationComponent=e.ConversationComponent;exports.ConversationController=e.ConversationController;exports.ConversationEndedBehavior=e.ConversationEndedBehavior;exports.ConversationEntry=e.ConversationEntry;exports.ConversationMessageListItemType=e.ConversationMessageListItemType;exports.ConversationMessageType=e.ConversationMessageType;exports.ConversationPlatform=e.ConversationPlatform;exports.ConversationReturnButtonComponent=e.ConversationReturnButtonComponent;exports.registerCustomMessageComponent=e.registerCustomMessageComponent;

package/index.mjs

@@ -0,0 +1,15 @@
+import { y as a, A as r, x as i, D as C, C as m, p, w as v, z as g, E as y } from "./index-bfc77c45.mjs";
+import "react/jsx-runtime";
+import "react";
+import "react-dom";
+export {
+  a as ConversationComponent,
+  r as ConversationController,
+  i as ConversationEndedBehavior,
+  C as ConversationEntry,
+  m as ConversationMessageListItemType,
+  p as ConversationMessageType,
+  v as ConversationPlatform,
+  g as ConversationReturnButtonComponent,
+  y as registerCustomMessageComponent
+};

package/package.json

@@ -1,49 +1,27 @@
 {
   "name": "@telia-ace/widget-conversation",
-  "version": "1.0.41",
-  "description": "ACE Widget Conversation Platform",
-  "license": "SEE LICENSE IN LICENSE.txt",
-  "author": "Telia Company AB",
-  "keywords": [
-    "telia"
-  ],
-  "main": "dist/index.js",
-  "sourceMain": "src/index.ts",
-  "type": "module",
-  "types": "dist/index.d.ts",
-  "files": [
-    "LICENSE.txt",
-    "README.md",
-    "dist/"
-  ],
-  "publishConfig": {
-    "access": "public"
+  "version": "1.1.1-rc.0",
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./index.mjs",
+      "require": "./index.js"
+    }
   },
-  "sideEffects": false,
   "dependencies": {
-    "@telia-ace/widget-core": "1.0.28",
-    "@telia-ace/widget-forms": "1.0.35",
-    "@telia-ace/widget-plugins": "1.0.29",
-    "@telia-ace/widget-routing": "1.0.29",
-    "@telia-ace/widget-services": "1.0.28",
-    "@telia-ace/widget-ui": "1.0.35",
-    "@telia-ace/widget-utilities": "1.0.17",
-    "@webprovisions/platform": "^1.1.3"
-  },
-  "devDependencies": {
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@telia-ace/widget-developer-tools": "1.0.23",
-    "@types/react": "^18.0.27",
-    "react": "^18.2.0"
+    "@telia-ace/widget-core": "^1.1.1-rc.0",
+    "@telia-ace/widget-forms": "^1.1.1-rc.0",
+    "@telia-ace/widget-plugins": "^1.1.1-rc.0",
+    "@telia-ace/widget-routing": "^1.1.1-rc.0",
+    "@telia-ace/widget-services": "^1.1.1-rc.0",
+    "@telia-ace/widget-ui": "^1.1.1-rc.0",
+    "@telia-ace/widget-utilities": "^1.1.1-rc.0",
+    "@webprovisions/platform": "^1.1.4"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "react": "^18.2.0"
-  },
-  "scripts": {
-    "clean": "rimraf ./dist",
-    "build": "rimraf ./dist && tsc -emitDeclarationOnly && vite build"
+    "@emotion/styled": "11.11.0",
+    "react": "18.2.0",
+    "@emotion/react": "11.11.1"
   }
 }

package/return-button-7560bd06.js

@@ -0,0 +1,93 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),o=require("./index-1180f4a4.js");require("react");require("react-dom");const g=require("./use-dispatch-7cf7db21.js"),u=({className:e,...t})=>{const{label:r,active:a,mode:i="flat",alert:l={}}=o.useProperties(),{symbol:n,label:c,show:d}=l,m=g.useDispatch();return a?s.jsxs(x,{className:e,mode:i,"aria-label":r,onClick:()=>{m("toggle")},children:[s.jsx(p,{children:r}),n&&s.jsx(y,{showAlert:d,children:s.jsx(o.SymbolBadge,{symbol:n,title:c,size:20})})]}):null},f=e=>{var t,r,a;return o.keyframes`
+  0% {
+    background-color: ${(t=e.theme.colors)==null?void 0:t.primary};
+  }
+  50% {
+    background-color: ${(r=e.theme.colors)==null?void 0:r.accent};
+  }
+  100 {
+    background-color: ${(a=e.theme.colors)==null?void 0:a.primary};
+  }
+`},h=o.keyframes`
+  0% {
+    background-position:0% 51%
+  }
+  50% {
+    background-position:100% 0%
+  }
+  100% {
+    background-position:0% 51%
+  }
+`,b=o.keyframes`
+  0% {
+    transform: rotate(0deg) scale(1.00);
+  }
+  50% {
+    transform:  rotate(0deg) scale(1.00);
+  }
+  55% {
+    transform:  rotate(-3deg) scale(0.80);
+  }
+  60% {
+    transform:  rotate(-3deg) scale(0.80);
+  }
+  65% {
+    transform:  rotate(3deg) scale(1.20);
+  }
+  70% {
+    transform:  rotate(-3deg) scale(1.20);
+  }
+  75% {
+    transform:  rotate(3deg) scale(1.20);
+  }
+  80% {
+    transform:  rotate(-3deg) scale(1.20);
+  }
+  85% {
+    transform:  rotate(3deg) scale(1.20);
+  }
+  90% {
+    transform:  rotate(-3deg) scale(1.20);
+  }
+  95% {
+    transform:  rotate(3deg) scale(1.20);
+  }
+  100% {
+    transform:  rotate(0deg) scale(1);
+  }
+`,y=o.newStyled.span`
+    flex-grow: 0;
+    transform: translateX(${e=>e.showAlert?"0px":"50px"});
+    opacity: ${e=>e.showAlert?1:0};
+    transition: transform 0.5s ease, opacity 0.3s ease;
+`,p=o.newStyled.span`
+    flex: 1;
+    font-weight: 300;
+`,$=e=>o.css`
+    animation: ${f(e)} 1s ease infinite;
+`,k=e=>{var t,r;return o.css`
+    background: linear-gradient(155deg, ${(t=e.theme.colors)==null?void 0:t.primary}, ${(r=e.theme.colors)==null?void 0:r.accent});
+    background-position: 0px 0px;
+    background-size: 200% 200%;
+    animation: ${h} 1.5s ease infinite;
+`},x=o.newStyled(o.Button)`
+    overflow: hidden;
+    padding: ${e=>{var t;return(t=e.theme.sizes)==null?void 0:t.large}};
+    border-radius: ${e=>e.theme.borderRadius};
+    color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+    ${e=>e.mode==="flashing"?$:e.mode==="flashingGradient"?k:""}
+    background-color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    i,
+    svg {
+        animation: ${b} 3s ease infinite;
+    }
+
+    &:focus-visible {
+        ${e=>o.borderTabStyle(e)}
+        background: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.text}};
+        color: ${e=>{var t;return(t=e.theme.colors)==null?void 0:t.primary}};
+    }
+`;exports.default=u;

package/{dist/return-button-17ecf4af.js → return-button-f3f52295.mjs}

@@ -1,48 +1,39 @@
-var c = Object.getOwnPropertySymbols;
-var y = Object.prototype.hasOwnProperty, $ = Object.prototype.propertyIsEnumerable;
-var m = (e, t) => {
-  var r = {};
-  for (var o in e)
-    y.call(e, o) && t.indexOf(o) < 0 && (r[o] = e[o]);
-  if (e != null && c)
-    for (var o of c(e))
-      t.indexOf(o) < 0 && $.call(e, o) && (r[o] = e[o]);
-  return r;
-};
-import { keyframes as n, css as d } from "@emotion/react";
-import s from "@emotion/styled";
-import { useProperties as k, useDispatch as x, SymbolBadge as S, Button as w, borderTabStyle as A } from "@telia-ace/widget-ui";
-import a from "react";
-const F = (r) => {
-  var o = r, { className: e } = o, t = m(o, ["className"]);
-  const { label: l, active: g, mode: f = "flat", alert: h = {} } = k(), { symbol: i, label: u, show: b } = h, p = x();
-  return g ? /* @__PURE__ */ a.createElement(
-    H,
+import { jsxs as h, jsx as a } from "react/jsx-runtime";
+import { d as u, S as b, k as s, n, B as p, b as y, c as l } from "./index-bfc77c45.mjs";
+import "react";
+import "react-dom";
+import { a as $ } from "./use-dispatch-86019505.mjs";
+const L = ({ className: e, ...t }) => {
+  const { label: o, active: r, mode: c = "flat", alert: d = {} } = u(), { symbol: i, label: m, show: g } = d, f = $();
+  return r ? /* @__PURE__ */ h(
+    j,
     {
       className: e,
-      mode: f,
-      "aria-label": l,
+      mode: c,
+      "aria-label": o,
       onClick: () => {
-        p("toggle");
-      }
-    },
-    /* @__PURE__ */ a.createElement(G, null, l),
-    i && /* @__PURE__ */ a.createElement(z, { showAlert: b }, /* @__PURE__ */ a.createElement(S, { symbol: i, title: u, size: 20 }))
+        f("toggle");
+      },
+      children: [
+        /* @__PURE__ */ a(A, { children: o }),
+        i && /* @__PURE__ */ a(w, { showAlert: g, children: /* @__PURE__ */ a(b, { symbol: i, title: m, size: 20 }) })
+      ]
+    }
   ) : null;
-}, v = (e) => {
-  var t, r, o;
-  return n`
+}, k = (e) => {
+  var t, o, r;
+  return s`
   0% {
     background-color: ${(t = e.theme.colors) == null ? void 0 : t.primary};
   }
   50% {
-    background-color: ${(r = e.theme.colors) == null ? void 0 : r.accent};
+    background-color: ${(o = e.theme.colors) == null ? void 0 : o.accent};
   }
   100 {
-    background-color: ${(o = e.theme.colors) == null ? void 0 : o.primary};
+    background-color: ${(r = e.theme.colors) == null ? void 0 : r.primary};
   }
 `;
-}, B = n`
+}, x = s`
   0% {
     background-position:0% 51%
   }
@@ -52,7 +43,7 @@ const F = (r) => {
   100% {
     background-position:0% 51%
   }
-`, E = n`
+`, S = s`
   0% {
     transform: rotate(0deg) scale(1.00);
   }
@@ -89,25 +80,25 @@ const F = (r) => {
   100% {
     transform:  rotate(0deg) scale(1);
   }
-`, z = s.span`
+`, w = n.span`
     flex-grow: 0;
     transform: translateX(${(e) => e.showAlert ? "0px" : "50px"});
     opacity: ${(e) => e.showAlert ? 1 : 0};
     transition: transform 0.5s ease, opacity 0.3s ease;
-`, G = s.span`
+`, A = n.span`
     flex: 1;
     font-weight: 300;
-`, R = (e) => d`
-    animation: ${v(e)} 1s ease infinite;
-`, C = (e) => {
-  var t, r;
-  return d`
-    background: linear-gradient(155deg, ${(t = e.theme.colors) == null ? void 0 : t.primary}, ${(r = e.theme.colors) == null ? void 0 : r.accent});
+`, B = (e) => l`
+    animation: ${k(e)} 1s ease infinite;
+`, v = (e) => {
+  var t, o;
+  return l`
+    background: linear-gradient(155deg, ${(t = e.theme.colors) == null ? void 0 : t.primary}, ${(o = e.theme.colors) == null ? void 0 : o.accent});
     background-position: 0px 0px;
     background-size: 200% 200%;
-    animation: ${B} 1.5s ease infinite;
+    animation: ${x} 1.5s ease infinite;
 `;
-}, H = s(w)`
+}, j = n(p)`
     overflow: hidden;
     padding: ${(e) => {
   var t;
@@ -118,7 +109,7 @@ const F = (r) => {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
 }};
-    ${(e) => e.mode === "flashing" ? R : e.mode === "flashingGradient" ? C : ""}
+    ${(e) => e.mode === "flashing" ? B : e.mode === "flashingGradient" ? v : ""}
     background-color: ${(e) => {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.primary;
@@ -128,11 +119,11 @@ const F = (r) => {
     justify-content: center;
     i,
     svg {
-        animation: ${E} 3s ease infinite;
+        animation: ${S} 3s ease infinite;
     }
 
     &:focus-visible {
-        ${(e) => A(e)}
+        ${(e) => y(e)}
         background: ${(e) => {
   var t;
   return (t = e.theme.colors) == null ? void 0 : t.text;
@@ -144,6 +135,5 @@ const F = (r) => {
     }
 `;
 export {
-  F as default
+  L as default
 };
-//# sourceMappingURL=return-button-17ecf4af.js.map

package/use-dispatch-7cf7db21.js

@@ -0,0 +1 @@
+"use strict";const r=require("./index-1180f4a4.js"),i=require("react"),p=()=>i.useContext(r.ComponentNodeContext),l=()=>{const o=r.useComponentPlatform(),s=p(),[c,a]=i.useState([]),[d,h]=i.useState();return i.useEffect(()=>{if(o&&s){const u=new r.ComponentQuery(o).withId(s.id),t=o.actions(u,s.type||r.uuid());h(t),c!==null&&(c.forEach(e=>{t.dispatch(e.key,e.data).then(n=>e.resolve(n)).catch(n=>e.reject(n))}),a(null))}},[o,s.id]),(u,t)=>c!==null?new Promise((e,n)=>{c.push({key:u,data:t,resolve:e,reject:n})}):d.dispatch(u,t)};exports.useComponentDescriptor=p;exports.useDispatch=l;

package/use-dispatch-86019505.mjs

@@ -0,0 +1,24 @@
+import { r as f, s as m, t as d, v as h } from "./index-bfc77c45.mjs";
+import { useContext as l, useState as u, useEffect as C } from "react";
+const w = () => l(f), y = () => {
+  const s = m(), n = w(), [c, a] = u([]), [i, p] = u();
+  return C(() => {
+    if (s && n) {
+      const r = new d(s).withId(n.id), o = s.actions(r, n.type || h());
+      p(o), c !== null && (c.forEach((t) => {
+        o.dispatch(t.key, t.data).then((e) => t.resolve(e)).catch((e) => t.reject(e));
+      }), a(null));
+    }
+  }, [s, n.id]), (r, o) => c !== null ? new Promise((t, e) => {
+    c.push({
+      key: r,
+      data: o,
+      resolve: t,
+      reject: e
+    });
+  }) : i.dispatch(r, o);
+};
+export {
+  y as a,
+  w as u
+};

package/LICENSE.txt

@@ -1,6 +0,0 @@
-Copyright © 2021, Telia Company AB. All rights reserved.
-
-THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
-THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
-AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
-http://www.humany.com/legal