@botonic/react 0.56.0-alpha.0 → 0.57.0-rslib-esm.0

package/lib/esm/webchat/custom-messages/rating/icons/face-smile.js

@@ -1,9 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FaceSmileSvg = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const FaceSmileSvg = ({ color, selected }) => {
-    return selected ? ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 512 512', color: color, children: (0, jsx_runtime_1.jsx)("path", { d: 'M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z', fill: 'currentColor' }) })) : ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 512 512', color: color, children: (0, jsx_runtime_1.jsx)("path", { d: 'M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm177.6 62.1C192.8 334.5 218.8 352 256 352s63.2-17.5 78.4-33.9c9-9.7 24.2-10.4 33.9-1.4s10.4 24.2 1.4 33.9c-22 23.8-60 49.4-113.6 49.4s-91.7-25.5-113.6-49.4c-9-9.7-8.4-24.9 1.4-33.9s24.9-8.4 33.9 1.4zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z', fill: 'currentColor' }) }));
+import { jsx } from "react/jsx-runtime";
+
+
+/** biome-ignore-all lint/a11y/noSvgWithoutTitle: This is a SVG icon */ 
+const FaceSmileSvg = ({ color, selected })=>{
+    return selected ? /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 512 512",
+        color: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z",
+            fill: "currentColor"
+        })
+    }) : /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 512 512",
+        color: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm177.6 62.1C192.8 334.5 218.8 352 256 352s63.2-17.5 78.4-33.9c9-9.7 24.2-10.4 33.9-1.4s10.4 24.2 1.4 33.9c-22 23.8-60 49.4-113.6 49.4s-91.7-25.5-113.6-49.4c-9-9.7-8.4-24.9 1.4-33.9s24.9-8.4 33.9 1.4zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z",
+            fill: "currentColor"
+        })
+    });
 };
-exports.FaceSmileSvg = FaceSmileSvg;
+
+export { FaceSmileSvg };
+
 //# sourceMappingURL=face-smile.js.map

package/lib/esm/webchat/custom-messages/rating/icons/face-smile.js.map

@@ -1 +1 @@
-{"version":3,"file":"face-smile.js","sourceRoot":"","sources":["../../../../../../src/webchat/custom-messages/rating/icons/face-smile.tsx"],"names":[],"mappings":";;;;AAGO,MAAM,YAAY,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAmB,EAAE,EAAE;IACnE,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,YACxE,iCACE,CAAC,EAAC,mVAAmV,EACrV,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAC,CAAC,CAAC,CACF,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,YACxE,iCACE,CAAC,EAAC,kYAAkY,EACpY,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,YAAY,gBAgBxB"}
+{"version":3,"file":"webchat/custom-messages/rating/icons/face-smile.js","sources":["../../../../../../src/webchat/custom-messages/rating/icons/face-smile.tsx"],"sourcesContent":["/** biome-ignore-all lint/a11y/noSvgWithoutTitle: This is a SVG icon */\nimport type { RatingIconProps } from '../types'\n\nexport const FaceSmileSvg = ({ color, selected }: RatingIconProps) => {\n  return selected ? (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' color={color}>\n      <path\n        d='M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM164.1 325.5C182 346.2 212.6 368 256 368s74-21.8 91.9-42.5c5.8-6.7 15.9-7.4 22.6-1.6s7.4 15.9 1.6 22.6C349.8 372.1 311.1 400 256 400s-93.8-27.9-116.1-53.5c-5.8-6.7-5.1-16.8 1.6-22.6s16.8-5.1 22.6 1.6zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'\n        fill='currentColor'\n      />\n    </svg>\n  ) : (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' color={color}>\n      <path\n        d='M464 256A208 208 0 1 0 48 256a208 208 0 1 0 416 0zM0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm177.6 62.1C192.8 334.5 218.8 352 256 352s63.2-17.5 78.4-33.9c9-9.7 24.2-10.4 33.9-1.4s10.4 24.2 1.4 33.9c-22 23.8-60 49.4-113.6 49.4s-91.7-25.5-113.6-49.4c-9-9.7-8.4-24.9 1.4-33.9s24.9-8.4 33.9 1.4zM144.4 208a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm192-32a32 32 0 1 1 0 64 32 32 0 1 1 0-64z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["FaceSmileSvg","color","selected"],"mappings":";;;AAAA,qEAAqE;AAG9D,MAAMA,YAAYA,GAAG,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAmB;IAC/D,OAAOA,yBACL,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,OAAOD;kBACnE,kBAAC;YACC,GAAE;YACF,MAAK;;uBAIT,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,OAAOA;kBACnE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

package/lib/esm/webchat/custom-messages/rating/icons/index.d.ts

@@ -1,6 +1,6 @@
-export * from './face-angry';
-export * from './face-frown';
-export * from './face-grin-beam';
-export * from './face-meh';
-export * from './face-smile';
-export * from './star';
+export * from './face-angry.js';
+export * from './face-frown.js';
+export * from './face-grin-beam.js';
+export * from './face-meh.js';
+export * from './face-smile.js';
+export * from './star.js';

package/lib/esm/webchat/custom-messages/rating/icons/index.js

@@ -1,10 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./face-angry"), exports);
-tslib_1.__exportStar(require("./face-frown"), exports);
-tslib_1.__exportStar(require("./face-grin-beam"), exports);
-tslib_1.__exportStar(require("./face-meh"), exports);
-tslib_1.__exportStar(require("./face-smile"), exports);
-tslib_1.__exportStar(require("./star"), exports);
+export * from "./face-angry.js";
+export * from "./face-frown.js";
+export * from "./face-grin-beam.js";
+export * from "./face-meh.js";
+export * from "./face-smile.js";
+export * from "./star.js";
+
+
+
+
+
+
+
+
 //# sourceMappingURL=index.js.map

package/lib/esm/webchat/custom-messages/rating/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/webchat/custom-messages/rating/icons/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,uDAA4B;AAC5B,2DAAgC;AAChC,qDAA0B;AAC1B,uDAA4B;AAC5B,iDAAsB"}
+{"version":3,"file":"webchat/custom-messages/rating/icons/index.js","sources":["../../../../../../src/webchat/custom-messages/rating/icons/index.ts"],"sourcesContent":["export * from './face-angry'\nexport * from './face-frown'\nexport * from './face-grin-beam'\nexport * from './face-meh'\nexport * from './face-smile'\nexport * from './star'\n"],"names":[],"mappings":";;;;;;AAA4B;AACA;AACI;AACN;AACE;AACN"}

package/lib/esm/webchat/custom-messages/rating/icons/star.d.ts

@@ -1,3 +1,3 @@
 /** biome-ignore-all lint/a11y/noSvgWithoutTitle: This is a SVG icon */
-import type { RatingIconProps } from '../types';
+import type { RatingIconProps } from '../types.js';
 export declare const StarSvg: ({ color, selected }: RatingIconProps) => import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/custom-messages/rating/icons/star.js

@@ -1,9 +1,27 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StarSvg = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const StarSvg = ({ color, selected }) => {
-    return selected ? ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 576 512', color: color, children: (0, jsx_runtime_1.jsx)("path", { d: 'M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z', fill: 'currentColor' }) })) : ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', viewBox: '0 0 576 512', color: color, children: (0, jsx_runtime_1.jsx)("path", { d: 'M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z', fill: 'currentColor' }) }));
+import { jsx } from "react/jsx-runtime";
+
+
+/** biome-ignore-all lint/a11y/noSvgWithoutTitle: This is a SVG icon */ 
+const StarSvg = ({ color, selected })=>{
+    return selected ? /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 576 512",
+        color: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z",
+            fill: "currentColor"
+        })
+    }) : /*#__PURE__*/ jsx("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 576 512",
+        color: color,
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z",
+            fill: "currentColor"
+        })
+    });
 };
-exports.StarSvg = StarSvg;
+
+export { StarSvg };
+
 //# sourceMappingURL=star.js.map

package/lib/esm/webchat/custom-messages/rating/icons/star.js.map

@@ -1 +1 @@
-{"version":3,"file":"star.js","sourceRoot":"","sources":["../../../../../../src/webchat/custom-messages/rating/icons/star.tsx"],"names":[],"mappings":";;;;AAGO,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAmB,EAAE,EAAE;IAC9D,OAAO,QAAQ,CAAC,CAAC,CAAC,CAChB,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,YACxE,iCACE,CAAC,EAAC,gVAAgV,EAClV,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAC,CAAC,CAAC,CACF,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,YACxE,iCACE,CAAC,EAAC,glBAAglB,EACllB,IAAI,EAAC,cAAc,GACnB,GACE,CACP,CAAA;AACH,CAAC,CAAA;AAhBY,QAAA,OAAO,WAgBnB"}
+{"version":3,"file":"webchat/custom-messages/rating/icons/star.js","sources":["../../../../../../src/webchat/custom-messages/rating/icons/star.tsx"],"sourcesContent":["/** biome-ignore-all lint/a11y/noSvgWithoutTitle: This is a SVG icon */\nimport type { RatingIconProps } from '../types'\n\nexport const StarSvg = ({ color, selected }: RatingIconProps) => {\n  return selected ? (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' color={color}>\n      <path\n        d='M316.9 18C311.6 7 300.4 0 288.1 0s-23.4 7-28.8 18L195 150.3 51.4 171.5c-12 1.8-22 10.2-25.7 21.7s-.7 24.2 7.9 32.7L137.8 329 113.2 474.7c-2 12 3 24.2 12.9 31.3s23 8 33.8 2.3l128.3-68.5 128.3 68.5c10.8 5.7 23.9 4.9 33.8-2.3s14.9-19.3 12.9-31.3L438.5 329 542.7 225.9c8.6-8.5 11.7-21.2 7.9-32.7s-13.7-19.9-25.7-21.7L381.2 150.3 316.9 18z'\n        fill='currentColor'\n      />\n    </svg>\n  ) : (\n    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' color={color}>\n      <path\n        d='M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0zm0 79L235.4 187.2c-3.5 7.1-10.2 12.1-18.1 13.3L99 217.9 184.9 303c5.5 5.5 8.1 13.3 6.8 21L171.4 443.7l105.2-56.2c7.1-3.8 15.6-3.8 22.6 0l105.2 56.2L384.2 324.1c-1.3-7.7 1.2-15.5 6.8-21l85.9-85.1L358.6 200.5c-7.8-1.2-14.6-6.1-18.1-13.3L287.9 79z'\n        fill='currentColor'\n      />\n    </svg>\n  )\n}\n"],"names":["StarSvg","color","selected"],"mappings":";;;AAAA,qEAAqE;AAG9D,MAAMA,OAAOA,GAAG,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAmB;IAC1D,OAAOA,yBACL,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,OAAOD;kBACnE,kBAAC;YACC,GAAE;YACF,MAAK;;uBAIT,IAAC;QAAI,OAAM;QAA6B,SAAQ;QAAc,OAAOA;kBACnE,kBAAC;YACC,GAAE;YACF,MAAK;;;AAIb,EAAC"}

package/lib/esm/webchat/custom-messages/rating/index.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("../../../components").CustomMessageType;
+declare const _default: import("../../../index.js").CustomMessageType;
 export default _default;

package/lib/esm/webchat/custom-messages/rating/index.js

@@ -1,56 +1,105 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const core_1 = require("@botonic/core");
-const react_1 = require("react");
-const styled_components_1 = require("styled-components");
-const components_1 = require("../../../components");
-const context_1 = require("../../context");
-const rating_selector_1 = require("./rating-selector");
-const styles_1 = require("./styles");
-const types_1 = require("./types");
+import { jsx, jsxs } from "react/jsx-runtime";
+import { INPUT } from "@botonic/core";
+import { useContext, useState } from "react";
+import { ThemeContext } from "styled-components";
+import { Button, customMessage } from "../../../components/index.js";
+import { WebchatContext } from "../../context/index.js";
+import { RatingSelector } from "./rating-selector.js";
+import { MessageBubble } from "./styles.js";
+import { RatingType } from "./types.js";
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
 const ratingValues = {
-    [types_1.RatingType.Stars]: [
+    [RatingType.Stars]: [
         '⭐'.repeat(1),
         '⭐'.repeat(2),
         '⭐'.repeat(3),
         '⭐'.repeat(4),
-        '⭐'.repeat(5),
+        '⭐'.repeat(5)
     ],
-    [types_1.RatingType.Smileys]: ['😠', '🙁', '😐', '🙂', '😄'],
+    [RatingType.Smileys]: [
+        '😠',
+        '🙁',
+        '😐',
+        '🙂',
+        '😄'
+    ]
 };
-const CustomRatingMessage = props => {
+const CustomRatingMessage = (props)=>{
     const { payloads, messageText, buttonText, ratingType, id, valueSent } = props;
-    const { updateCustomMessageProps, sendInput } = (0, react_1.useContext)(context_1.WebchatContext);
-    const theme = (0, react_1.useContext)(styled_components_1.ThemeContext);
+    const { updateCustomMessageProps, sendInput } = useContext(WebchatContext);
+    const theme = useContext(ThemeContext);
     const color = theme?.brand?.color ?? '';
-    const [ratingValue, setRatingValue] = (0, react_1.useState)(valueSent ? valueSent : -1);
-    const [showRating, setShowRating] = (0, react_1.useState)(true);
-    const ratingChanged = (newRating) => {
+    const [ratingValue, setRatingValue] = useState(valueSent ? valueSent : -1);
+    const [showRating, setShowRating] = useState(true);
+    const ratingChanged = (newRating)=>{
         setRatingValue(newRating);
     };
-    const handleButtonSend = () => {
+    const handleButtonSend = ()=>{
         if (ratingValue === -1) {
             return;
         }
         const json = {
-            valueSent: ratingValue,
+            valueSent: ratingValue
         };
         updateCustomMessageProps(json, id);
         setShowRating(false);
         const payload = payloads[ratingValue - 1];
         const input = {
-            type: core_1.INPUT.POSTBACK,
+            type: INPUT.POSTBACK,
             payload,
-            referral: ratingValues[ratingType][ratingValue - 1],
+            referral: ratingValues[ratingType][ratingValue - 1]
         };
         void sendInput(input);
     };
     const disabled = ratingValue === -1;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: 'rating-message-container', children: [(0, jsx_runtime_1.jsxs)(styles_1.MessageBubble, { className: 'rating-message-bubble', children: [messageText, (0, jsx_runtime_1.jsx)(rating_selector_1.RatingSelector, { color: color, onRatingChange: ratingChanged, ratingValue: ratingValue, ratingType: ratingType, valueSent: valueSent })] }), !props?.valueSent && showRating && ((0, jsx_runtime_1.jsx)(components_1.Button, { autodisable: true, disabled: disabled, onClick: handleButtonSend, children: buttonText }))] }));
+    return /*#__PURE__*/ jsxs("div", {
+        className: "rating-message-container",
+        children: [
+            /*#__PURE__*/ jsxs(MessageBubble, {
+                className: "rating-message-bubble",
+                children: [
+                    messageText,
+                    /*#__PURE__*/ jsx(RatingSelector, {
+                        color: color,
+                        onRatingChange: ratingChanged,
+                        ratingValue: ratingValue,
+                        ratingType: ratingType,
+                        valueSent: valueSent
+                    })
+                ]
+            }),
+            !props?.valueSent && showRating && /*#__PURE__*/ jsx(Button, {
+                autodisable: true,
+                disabled: disabled,
+                onClick: handleButtonSend,
+                children: buttonText
+            })
+        ]
+    });
 };
-exports.default = (0, components_1.customMessage)({
+/* export default */ const rating = (customMessage({
     name: 'custom-rating',
-    component: CustomRatingMessage,
-});
+    component: CustomRatingMessage
+}));
+
+export default rating;
+
 //# sourceMappingURL=index.js.map

package/lib/esm/webchat/custom-messages/rating/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"webchat/custom-messages/rating/index.js","sources":["../../../../../src/webchat/custom-messages/rating/index.tsx"],"sourcesContent":["import { INPUT, type InputType } from '@botonic/core'\nimport type React from 'react'\nimport { useContext, useState } from 'react'\nimport { ThemeContext } from 'styled-components'\n\nimport { Button, customMessage } from '../../../components'\nimport { WebchatContext } from '../../context'\nimport { RatingSelector } from './rating-selector'\nimport { MessageBubble } from './styles'\nimport { RatingType } from './types'\n\ninterface CustomRatingMessageProps {\n  payloads: string[]\n  messageText: string\n  buttonText: string\n  ratingType: RatingType\n  id?: string // This id not exist in local development\n  valueSent?: number\n}\n\nconst ratingValues = {\n  [RatingType.Stars]: [\n    '⭐'.repeat(1),\n    '⭐'.repeat(2),\n    '⭐'.repeat(3),\n    '⭐'.repeat(4),\n    '⭐'.repeat(5),\n  ],\n  [RatingType.Smileys]: ['😠', '🙁', '😐', '🙂', '😄'],\n} as const\n\nconst CustomRatingMessage: React.FC<CustomRatingMessageProps> = props => {\n  const { payloads, messageText, buttonText, ratingType, id, valueSent } = props\n  const { updateCustomMessageProps, sendInput } = useContext(WebchatContext)\n\n  const theme = useContext(ThemeContext)\n  const color = theme?.brand?.color ?? ''\n\n  const [ratingValue, setRatingValue] = useState(valueSent ? valueSent : -1)\n  const [showRating, setShowRating] = useState(true)\n\n  const ratingChanged = (newRating: number) => {\n    setRatingValue(newRating)\n  }\n\n  const handleButtonSend = () => {\n    if (ratingValue === -1) {\n      return\n    }\n\n    const json = {\n      valueSent: ratingValue,\n    }\n    updateCustomMessageProps(json, id)\n\n    setShowRating(false)\n    const payload = payloads[ratingValue - 1]\n\n    const input = {\n      type: INPUT.POSTBACK as InputType,\n      payload,\n      referral: ratingValues[ratingType][ratingValue - 1],\n    }\n    void sendInput(input)\n  }\n\n  const disabled = ratingValue === -1\n\n  return (\n    <div className='rating-message-container'>\n      <MessageBubble className='rating-message-bubble'>\n        {messageText}\n        <RatingSelector\n          color={color}\n          onRatingChange={ratingChanged}\n          ratingValue={ratingValue}\n          ratingType={ratingType}\n          valueSent={valueSent}\n        />\n      </MessageBubble>\n      {!props?.valueSent && showRating && (\n        <Button\n          autodisable={true}\n          disabled={disabled}\n          onClick={handleButtonSend}\n        >\n          {buttonText}\n        </Button>\n      )}\n    </div>\n  )\n}\n\nexport default customMessage({\n  name: 'custom-rating',\n  component: CustomRatingMessage,\n})\n"],"names":["INPUT","useContext","useState","ThemeContext","Button","customMessage","WebchatContext","RatingSelector","MessageBubble","RatingType","ratingValues","CustomRatingMessage","props","payloads","messageText","buttonText","ratingType","id","valueSent","updateCustomMessageProps","sendInput","theme","color","ratingValue","setRatingValue","showRating","setShowRating","ratingChanged","newRating","handleButtonSend","json","payload","input","disabled"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAqD;AAET;AACI;AAEW;AACb;AACI;AACV;AACJ;AAWpC,MAAMU,YAAYA,GAAG;IACnB,CAACD,gBAAgB,CAAC,EAAE;QAClB,IAAI,MAAM,CAAC;QACX,IAAI,MAAM,CAAC;QACX,IAAI,MAAM,CAAC;QACX,IAAI,MAAM,CAAC;QACX,IAAI,MAAM,CAAC;KACZ;IACD,CAACA,kBAAkB,CAAC,EAAE;QAAC;QAAM;QAAM;QAAM;QAAM;KAAK;AACtD;AAEA,MAAME,mBAAmBA,GAAuCC,CAAAA;IAC9D,MAAM,EAAEC,QAAQ,EAAEC,WAAW,EAAEC,UAAU,EAAEC,UAAU,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAGN;IACzE,MAAM,EAAEO,wBAAwB,EAAEC,SAAS,EAAE,GAAGnB,UAAUA,CAACK,cAAcA;IAEzE,MAAMe,QAAQpB,UAAUA,CAACE,YAAYA;IACrC,MAAMmB,QAAQD,OAAO,OAAO,SAAS;IAErC,MAAM,CAACE,aAAaC,eAAe,GAAGtB,QAAQA,CAACgB,YAAYA,YAAY,CAAC;IACxE,MAAM,CAACO,YAAYC,cAAc,GAAGxB,QAAQA,CAAC;IAE7C,MAAMyB,gBAAgB,CAACC;QACrBJ,eAAeI;IACjB;IAEA,MAAMC,mBAAmB;QACvB,IAAIN,gBAAgB,CAAC,GAAG;YACtB;QACF;QAEA,MAAMO,OAAO;YACX,WAAWP;QACb;QACAJ,yBAAyBW,MAAMb;QAE/BS,cAAc;QACd,MAAMK,UAAUlB,QAAQ,CAACU,cAAc,EAAE;QAEzC,MAAMS,QAAQ;YACZ,MAAMhC,cAAc;YACpB+B;YACA,UAAUrB,YAAY,CAACM,WAAW,CAACO,cAAc,EAAE;QACrD;QACA,KAAKH,UAAUY;IACjB;IAEA,MAAMC,WAAWV,gBAAgB,CAAC;IAElC,qBACE,KAAC;QAAI,WAAU;;0BACb,KAACf,aAAaA;gBAAC,WAAU;;oBACtBM;kCACD,IAACP,cAAcA;wBACb,OAAOe;wBACP,gBAAgBK;wBAChB,aAAaJ;wBACb,YAAYP;wBACZ,WAAWE;;;;YAGd,CAACN,OAAO,aAAaa,4BACpB,IAACrB,MAAMA;gBACL,aAAa;gBACb,UAAU6B;gBACV,SAASJ;0BAERd;;;;AAKX;AAEA,qCAAeV,aAAaA,CAAC;IAC3B,MAAM;IACN,WAAWM,mBAAmBA;AAChC,EAAE"}

package/lib/esm/webchat/custom-messages/rating/rating-selector.d.ts

@@ -1,4 +1,4 @@
-import { RatingType } from './types';
+import { RatingType } from './types.js';
 interface RatingSelectorProps {
     color: string;
     isSent?: boolean;

package/lib/esm/webchat/custom-messages/rating/rating-selector.js

@@ -1,26 +1,57 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RatingSelector = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-/** biome-ignore-all lint/a11y/noStaticElementInteractions: we need to use static elements for the rating selector */
-/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the rating selector */
-const react_1 = require("react");
-const smileys_1 = require("./smileys");
-const stars_1 = require("./stars");
-const styles_1 = require("./styles");
-const types_1 = require("./types");
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Smileys } from "./smileys.js";
+import { Stars } from "./stars.js";
+import { RatingSelectorContainer } from "./styles.js";
+import { RatingType } from "./types.js";
+
+
+
+
+
+
+
+
+/** biome-ignore-all lint/a11y/noStaticElementInteractions: we need to use static elements for the rating selector */ /** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the rating selector */ 
+
+
+
+
 const NUMBER_OF_RATING_BUTTONS = 5;
-const RatingSelector = ({ color, isSent, onRatingChange, ratingValue, ratingType, valueSent, }) => {
-    const [hover, setHover] = (0, react_1.useState)(valueSent ? valueSent : -1);
-    const onHover = (ratingNumber) => {
+const RatingSelector = ({ color, isSent, onRatingChange, ratingValue, ratingType, valueSent })=>{
+    const [hover, setHover] = useState(valueSent ? valueSent : -1);
+    const onHover = (ratingNumber)=>{
         if (!valueSent) {
             setHover(ratingNumber);
         }
     };
-    return ((0, jsx_runtime_1.jsx)(styles_1.RatingSelectorContainer, { isSent: isSent, children: Array.from({ length: NUMBER_OF_RATING_BUTTONS }, (_star, i) => {
+    return /*#__PURE__*/ jsx(RatingSelectorContainer, {
+        isSent: isSent,
+        children: Array.from({
+            length: NUMBER_OF_RATING_BUTTONS
+        }, (_star, i)=>{
             const ratingNumber = i + 1;
-            return ((0, jsx_runtime_1.jsxs)("div", { onMouseEnter: () => onHover(ratingNumber), onMouseLeave: () => onHover(ratingValue), onClick: () => onRatingChange(ratingNumber), children: [ratingType === types_1.RatingType.Stars && ((0, jsx_runtime_1.jsx)(stars_1.Stars, { color: color, ratingNumber: ratingNumber, hover: hover })), ratingType === types_1.RatingType.Smileys && ((0, jsx_runtime_1.jsx)(smileys_1.Smileys, { color: color, ratingNumber: ratingNumber, hover: hover }))] }, ratingNumber));
-        }) }));
+            return /*#__PURE__*/ jsxs("div", {
+                onMouseEnter: ()=>onHover(ratingNumber),
+                onMouseLeave: ()=>onHover(ratingValue),
+                onClick: ()=>onRatingChange(ratingNumber),
+                children: [
+                    ratingType === RatingType.Stars && /*#__PURE__*/ jsx(Stars, {
+                        color: color,
+                        ratingNumber: ratingNumber,
+                        hover: hover
+                    }),
+                    ratingType === RatingType.Smileys && /*#__PURE__*/ jsx(Smileys, {
+                        color: color,
+                        ratingNumber: ratingNumber,
+                        hover: hover
+                    })
+                ]
+            }, ratingNumber);
+        })
+    });
 };
-exports.RatingSelector = RatingSelector;
+
+export { RatingSelector };
+
 //# sourceMappingURL=rating-selector.js.map

package/lib/esm/webchat/custom-messages/rating/rating-selector.js.map

@@ -1 +1 @@
-{"version":3,"file":"rating-selector.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/rating-selector.tsx"],"names":[],"mappings":";;;;AAAA,qHAAqH;AACrH,qHAAqH;AACrH,iCAAgC;AAEhC,uCAAmC;AACnC,mCAA+B;AAC/B,qCAAkD;AAClD,mCAAoC;AAEpC,MAAM,wBAAwB,GAAG,CAAC,CAAA;AAU3B,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,MAAM,EACN,cAAc,EACd,WAAW,EACX,UAAU,EACV,SAAS,GACW,EAAE,EAAE;IACxB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAEtE,MAAM,OAAO,GAAG,CAAC,YAAoB,EAAE,EAAE;QACvC,IAAI,CAAC,SAAS,EAAE,CAAC;YACf,QAAQ,CAAC,YAAY,CAAC,CAAA;QACxB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,gCAAuB,IAAC,MAAM,EAAE,MAAM,YACpC,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,wBAAwB,EAAE,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YAC7D,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,CAAA;YAE1B,OAAO,CACL,iCAEE,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,EACzC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,WAAW,CAAC,EACxC,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,YAAY,CAAC,aAE1C,UAAU,KAAK,kBAAU,CAAC,KAAK,IAAI,CAClC,uBAAC,aAAK,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,GAAI,CAClE,EACA,UAAU,KAAK,kBAAU,CAAC,OAAO,IAAI,CACpC,uBAAC,iBAAO,IACN,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,KAAK,GACZ,CACH,KAdI,YAAY,CAeb,CACP,CAAA;QACH,CAAC,CAAC,GACsB,CAC3B,CAAA;AACH,CAAC,CAAA;AA3CY,QAAA,cAAc,kBA2C1B"}
+{"version":3,"file":"webchat/custom-messages/rating/rating-selector.js","sources":["../../../../../src/webchat/custom-messages/rating/rating-selector.tsx"],"sourcesContent":["/** biome-ignore-all lint/a11y/noStaticElementInteractions: we need to use static elements for the rating selector */\n/** biome-ignore-all lint/a11y/useKeyWithClickEvents: we need to use key with click events for the rating selector */\nimport { useState } from 'react'\n\nimport { Smileys } from './smileys'\nimport { Stars } from './stars'\nimport { RatingSelectorContainer } from './styles'\nimport { RatingType } from './types'\n\nconst NUMBER_OF_RATING_BUTTONS = 5\ninterface RatingSelectorProps {\n  color: string\n  isSent?: boolean\n  onRatingChange: (newRating: number) => void\n  ratingValue: number\n  ratingType: RatingType\n  valueSent?: number\n}\n\nexport const RatingSelector = ({\n  color,\n  isSent,\n  onRatingChange,\n  ratingValue,\n  ratingType,\n  valueSent,\n}: RatingSelectorProps) => {\n  const [hover, setHover] = useState<number>(valueSent ? valueSent : -1)\n\n  const onHover = (ratingNumber: number) => {\n    if (!valueSent) {\n      setHover(ratingNumber)\n    }\n  }\n\n  return (\n    <RatingSelectorContainer isSent={isSent}>\n      {Array.from({ length: NUMBER_OF_RATING_BUTTONS }, (_star, i) => {\n        const ratingNumber = i + 1\n\n        return (\n          <div\n            key={ratingNumber}\n            onMouseEnter={() => onHover(ratingNumber)}\n            onMouseLeave={() => onHover(ratingValue)}\n            onClick={() => onRatingChange(ratingNumber)}\n          >\n            {ratingType === RatingType.Stars && (\n              <Stars color={color} ratingNumber={ratingNumber} hover={hover} />\n            )}\n            {ratingType === RatingType.Smileys && (\n              <Smileys\n                color={color}\n                ratingNumber={ratingNumber}\n                hover={hover}\n              />\n            )}\n          </div>\n        )\n      })}\n    </RatingSelectorContainer>\n  )\n}\n"],"names":["useState","Smileys","Stars","RatingSelectorContainer","RatingType","NUMBER_OF_RATING_BUTTONS","RatingSelector","color","isSent","onRatingChange","ratingValue","ratingType","valueSent","hover","setHover","onHover","ratingNumber","Array","_star","i"],"mappings":";;;;;;;;;;;;;;AAAA,mHAAmH,GACnH,mHAAmH,GACnF;AAEG;AACJ;AACmB;AACd;AAEpC,MAAMK,wBAAwBA,GAAG;AAU1B,MAAMC,cAAcA,GAAG,CAAC,EAC7BC,KAAK,EACLC,MAAM,EACNC,cAAc,EACdC,WAAW,EACXC,UAAU,EACVC,SAAS,EACW;IACpB,MAAM,CAACC,OAAOC,SAAS,GAAGd,QAAQA,CAASY,YAAYA,YAAY,CAAC;IAEpE,MAAMG,UAAU,CAACC;QACf,IAAI,CAACJ,WAAW;YACdE,SAASE;QACX;IACF;IAEA,qBACE,IAACb,uBAAuBA;QAAC,QAAQK;kBAC9BS,MAAM,IAAI,CAAC;YAAE,QAAQZ,wBAAwBA;QAAC,GAAG,CAACa,OAAOC;YACxD,MAAMH,eAAeG,IAAI;YAEzB,qBACE,KAAC;gBAEC,cAAc,IAAMJ,QAAQC;gBAC5B,cAAc,IAAMD,QAAQL;gBAC5B,SAAS,IAAMD,eAAeO;;oBAE7BL,eAAeP,gBAAgB,kBAC9B,IAACF,KAAKA;wBAAC,OAAOK;wBAAO,cAAcS;wBAAc,OAAOH;;oBAEzDF,eAAeP,kBAAkB,kBAChC,IAACH,OAAOA;wBACN,OAAOM;wBACP,cAAcS;wBACd,OAAOH;;;eAZNG;QAiBX;;AAGN,EAAC"}

package/lib/esm/webchat/custom-messages/rating/smileys.d.ts

@@ -1,2 +1,2 @@
-import type { RatingItemProps } from './types';
+import type { RatingItemProps } from './types.js';
 export declare const Smileys: ({ color, ratingNumber, hover }: RatingItemProps) => import("react/jsx-runtime").JSX.Element | null;

package/lib/esm/webchat/custom-messages/rating/smileys.js

@@ -1,19 +1,26 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Smileys = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("./icons");
+import { jsx } from "react/jsx-runtime";
+import { FaceAngrySvg, FaceFrownSvg, FaceGrinBeamSvg, FaceMehSvg, FaceSmileSvg } from "./icons/index.js";
+
+
+
+
+
 const SMILEY_MAP = {
-    1: icons_1.FaceAngrySvg,
-    2: icons_1.FaceFrownSvg,
-    3: icons_1.FaceMehSvg,
-    4: icons_1.FaceSmileSvg,
-    5: icons_1.FaceGrinBeamSvg,
+    1: FaceAngrySvg,
+    2: FaceFrownSvg,
+    3: FaceMehSvg,
+    4: FaceSmileSvg,
+    5: FaceGrinBeamSvg
 };
-const Smileys = ({ color, ratingNumber, hover }) => {
+const Smileys = ({ color, ratingNumber, hover })=>{
     const isSelected = hover === ratingNumber;
     const SmileyComponent = SMILEY_MAP[ratingNumber];
-    return SmileyComponent ? ((0, jsx_runtime_1.jsx)(SmileyComponent, { color: color, selected: isSelected })) : null;
+    return SmileyComponent ? /*#__PURE__*/ jsx(SmileyComponent, {
+        color: color,
+        selected: isSelected
+    }) : null;
 };
-exports.Smileys = Smileys;
+
+export { Smileys };
+
 //# sourceMappingURL=smileys.js.map

package/lib/esm/webchat/custom-messages/rating/smileys.js.map

@@ -1 +1 @@
-{"version":3,"file":"smileys.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/smileys.tsx"],"names":[],"mappings":";;;;AAAA,mCAMgB;AAGhB,MAAM,UAAU,GAAG;IACjB,CAAC,EAAE,oBAAY;IACf,CAAC,EAAE,oBAAY;IACf,CAAC,EAAE,kBAAU;IACb,CAAC,EAAE,oBAAY;IACf,CAAC,EAAE,uBAAe;CACV,CAAA;AAEH,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAmB,EAAE,EAAE;IACzE,MAAM,UAAU,GAAG,KAAK,KAAK,YAAY,CAAA;IACzC,MAAM,eAAe,GAAG,UAAU,CAAC,YAAuC,CAAC,CAAA;IAE3E,OAAO,eAAe,CAAC,CAAC,CAAC,CACvB,uBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,GAAI,CACxD,CAAC,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAPY,QAAA,OAAO,WAOnB"}
+{"version":3,"file":"webchat/custom-messages/rating/smileys.js","sources":["../../../../../src/webchat/custom-messages/rating/smileys.tsx"],"sourcesContent":["import {\n  FaceAngrySvg,\n  FaceFrownSvg,\n  FaceGrinBeamSvg,\n  FaceMehSvg,\n  FaceSmileSvg,\n} from './icons'\nimport type { RatingItemProps } from './types'\n\nconst SMILEY_MAP = {\n  1: FaceAngrySvg,\n  2: FaceFrownSvg,\n  3: FaceMehSvg,\n  4: FaceSmileSvg,\n  5: FaceGrinBeamSvg,\n} as const\n\nexport const Smileys = ({ color, ratingNumber, hover }: RatingItemProps) => {\n  const isSelected = hover === ratingNumber\n  const SmileyComponent = SMILEY_MAP[ratingNumber as keyof typeof SMILEY_MAP]\n\n  return SmileyComponent ? (\n    <SmileyComponent color={color} selected={isSelected} />\n  ) : null\n}\n"],"names":["FaceAngrySvg","FaceFrownSvg","FaceGrinBeamSvg","FaceMehSvg","FaceSmileSvg","SMILEY_MAP","Smileys","color","ratingNumber","hover","isSelected","SmileyComponent"],"mappings":";;;;;;AAMgB;AAGhB,MAAMK,UAAUA,GAAG;IACjB,GAAGL,YAAYA;IACf,GAAGC,YAAYA;IACf,GAAGE,UAAUA;IACb,GAAGC,YAAYA;IACf,GAAGF,eAAeA;AACpB;AAEO,MAAMI,OAAOA,GAAG,CAAC,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAmB;IACrE,MAAMC,aAAaD,UAAUD;IAC7B,MAAMG,kBAAkBN,UAAU,CAACG,aAAwC;IAE3E,OAAOG,gCACL,IAACA;QAAgB,OAAOJ;QAAO,UAAUG;SACvC;AACN,EAAC"}

package/lib/esm/webchat/custom-messages/rating/stars.d.ts

@@ -1,2 +1,2 @@
-import type { RatingItemProps } from './types';
+import type { RatingItemProps } from './types.js';
 export declare const Stars: ({ color, ratingNumber, hover }: RatingItemProps) => import("react/jsx-runtime").JSX.Element;

package/lib/esm/webchat/custom-messages/rating/stars.js

@@ -1,11 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Stars = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const index_1 = require("./icons/index");
-const Stars = ({ color, ratingNumber, hover }) => {
+import { jsx } from "react/jsx-runtime";
+import { StarSvg } from "./icons/index.js";
+
+
+
+
+
+const Stars = ({ color, ratingNumber, hover })=>{
     const isSelected = hover >= ratingNumber;
-    return (0, jsx_runtime_1.jsx)(index_1.StarSvg, { color: color, selected: isSelected });
+    return /*#__PURE__*/ jsx(StarSvg, {
+        color: color,
+        selected: isSelected
+    });
 };
-exports.Stars = Stars;
+
+export { Stars };
+
 //# sourceMappingURL=stars.js.map

package/lib/esm/webchat/custom-messages/rating/stars.js.map

@@ -1 +1 @@
-{"version":3,"file":"stars.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/stars.tsx"],"names":[],"mappings":";;;;AAAA,yCAAuC;AAGhC,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAmB,EAAE,EAAE;IACvE,MAAM,UAAU,GAAG,KAAK,IAAI,YAAY,CAAA;IACxC,OAAO,uBAAC,eAAO,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,GAAI,CAAA;AACxD,CAAC,CAAA;AAHY,QAAA,KAAK,SAGjB"}
+{"version":3,"file":"webchat/custom-messages/rating/stars.js","sources":["../../../../../src/webchat/custom-messages/rating/stars.tsx"],"sourcesContent":["import { StarSvg } from './icons/index'\nimport type { RatingItemProps } from './types'\n\nexport const Stars = ({ color, ratingNumber, hover }: RatingItemProps) => {\n  const isSelected = hover >= ratingNumber\n  return <StarSvg color={color} selected={isSelected} />\n}\n"],"names":["StarSvg","Stars","color","ratingNumber","hover","isSelected"],"mappings":";;;;;;AAAuC;AAGhC,MAAMC,KAAKA,GAAG,CAAC,EAAEC,KAAK,EAAEC,YAAY,EAAEC,KAAK,EAAmB;IACnE,MAAMC,aAAaD,SAASD;IAC5B,qBAAO,IAACH,OAAOA;QAAC,OAAOE;QAAO,UAAUG;;AAC1C,EAAC"}

package/lib/esm/webchat/custom-messages/rating/styles.js

@@ -1,20 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RatingSelectorContainer = exports.MessageBubble = void 0;
-const tslib_1 = require("tslib");
-const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+import styled_components from "styled-components";
+
+
+
 // TODO: Review how define all this styles
-exports.MessageBubble = styled_components_1.default.div `
+const MessageBubble = styled_components.div`
   margin: 0px 0px 5px 0px;
 `;
-exports.RatingSelectorContainer = styled_components_1.default.div `
+const RatingSelectorContainer = styled_components.div`
   display: flex;
   justify-content: center;
   gap: 8px;
   margin-top: 16px;
 
   & > div {
-    cursor: ${props => (props.isSent ? 'default' : 'pointer')};
+    cursor: ${(props)=>props.isSent ? 'default' : 'pointer'};
 
     svg {
       height: 27px;
@@ -22,4 +21,7 @@ exports.RatingSelectorContainer = styled_components_1.default.div `
     }
   }
 `;
+
+export { MessageBubble, RatingSelectorContainer };
+
 //# sourceMappingURL=styles.js.map

package/lib/esm/webchat/custom-messages/rating/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAsC;AAEtC,0CAA0C;AAC7B,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEtC,CAAA;AAMY,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAA8B;;;;;;;cAOjE,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;;;;;;;CAO5D,CAAA"}
+{"version":3,"file":"webchat/custom-messages/rating/styles.js","sources":["../../../../../src/webchat/custom-messages/rating/styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\n// TODO: Review how define all this styles\nexport const MessageBubble = styled.div`\n  margin: 0px 0px 5px 0px;\n`\n\ninterface RatingSelectorContainerProps {\n  isSent?: boolean\n}\n\nexport const RatingSelectorContainer = styled.div<RatingSelectorContainerProps>`\n  display: flex;\n  justify-content: center;\n  gap: 8px;\n  margin-top: 16px;\n\n  & > div {\n    cursor: ${props => (props.isSent ? 'default' : 'pointer')};\n\n    svg {\n      height: 27px;\n      width: 27px;\n    }\n  }\n`\n"],"names":["styled","MessageBubble","RatingSelectorContainer","props"],"mappings":";;;AAAsC;AAEtC,0CAA0C;AACnC,MAAMC,aAAaA,GAAGD,qBAAU,CAAC;;AAExC,CAAC;AAMM,MAAME,uBAAuBA,GAAGF,qBAAwC,CAAC;;;;;;;YAOpE,EAAEG,CAAAA,QAAUA,MAAM,MAAM,GAAG,YAAY,UAAW;;;;;;;AAO9D,CAAC"}

package/lib/esm/webchat/custom-messages/rating/types.js

@@ -1,9 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RatingType = void 0;
-var RatingType;
-(function (RatingType) {
+var types_RatingType = /*#__PURE__*/ function(RatingType) {
     RatingType["Stars"] = "stars";
     RatingType["Smileys"] = "smileys";
-})(RatingType || (exports.RatingType = RatingType = {}));
+    return RatingType;
+}({});
+
+export { types_RatingType as RatingType };
+
 //# sourceMappingURL=types.js.map

package/lib/esm/webchat/custom-messages/rating/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/webchat/custom-messages/rating/types.ts"],"names":[],"mappings":";;;AAAA,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,6BAAe,CAAA;IACf,iCAAmB,CAAA;AACrB,CAAC,EAHW,UAAU,0BAAV,UAAU,QAGrB"}
+{"version":3,"file":"webchat/custom-messages/rating/types.js","sources":["../../../../../src/webchat/custom-messages/rating/types.ts"],"sourcesContent":["export enum RatingType {\n  Stars = 'stars',\n  Smileys = 'smileys',\n}\n\nexport interface RatingItemProps {\n  color: string\n  ratingNumber: number\n  hover: number\n}\n\nexport interface RatingIconProps {\n  color: string\n  selected?: boolean\n}\n"],"names":["RatingType"],"mappings":"AAAO,IAAKA,gBAAUA,0BAAVA;;;WAAAA;MAGX"}