contentoh-components-library 21.4.102 → 21.4.104

package/dist/components/molecules/HeaderTop/index.js

@@ -1,36 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HeaderTop = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _index = require("../../atoms/ScreenHeader/index");
+
 var _index2 = require("../../atoms/GeneralButton/index");
+
 var _react = require("react");
+
 var _Chat = require("../../organisms/Chat");
+
 var _IconoAB = _interopRequireDefault(require("../../../../src/assets/images/generalButton/Icono AB.svg"));
+
 var _react2 = require("@testing-library/react");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const HeaderTop = _ref => {
-  let {
-    setHeaderTop,
-    withChat,
-    chatType,
-    productSelected,
-    token,
-    auditableVersion,
-    setCompare,
-    isAuditor,
-    activeRetailer
-  } = _ref;
-  const headerTop = (0, _react.useRef)();
-  const [chat, setChat] = (0, _react.useState)(null);
-  const [chatData, setChatData] = (0, _react.useState)(null);
-  (0, _react.useEffect)(() => {
+
+var HeaderTop = function HeaderTop(_ref) {
+  var setHeaderTop = _ref.setHeaderTop,
+      withChat = _ref.withChat,
+      chatType = _ref.chatType,
+      productSelected = _ref.productSelected,
+      token = _ref.token,
+      auditableVersion = _ref.auditableVersion,
+      setCompare = _ref.setCompare,
+      isAuditor = _ref.isAuditor,
+      activeRetailer = _ref.activeRetailer;
+  var headerTop = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      chat = _useState2[0],
+      setChat = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      chatData = _useState4[0],
+      setChatData = _useState4[1];
+
+  (0, _react.useEffect)(function () {
     if (activeRetailer.id && productSelected && token.length) {
       var _productSelected$arti;
+
       setChatData({
         id: (productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$arti = productSelected.article) === null || _productSelected$arti === void 0 ? void 0 : _productSelected$arti.id_article) || (productSelected === null || productSelected === void 0 ? void 0 : productSelected.id_article),
         version: productSelected === null || productSelected === void 0 ? void 0 : productSelected.version,
@@ -40,13 +60,14 @@ const HeaderTop = _ref => {
       });
     }
   }, [activeRetailer, productSelected, token]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (chatType) renderChat(chatType);
   }, [chatData, chatType]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setHeaderTop && setHeaderTop(headerTop.current.clientHeight);
   }, []);
-  const renderChat = chatType => {
+
+  var renderChat = function renderChat(chatType) {
     switch (chatType) {
       case "product_status":
         chatData && setChat( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chat.Chat, {
@@ -63,6 +84,7 @@ const HeaderTop = _ref => {
           activeRetailer: activeRetailer
         }));
         break;
+
       default:
         setChat( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chat.Chat, {
           chatType: "merchant_product",
@@ -78,6 +100,7 @@ const HeaderTop = _ref => {
         break;
     }
   };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     ref: headerTop,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
@@ -86,17 +109,20 @@ const HeaderTop = _ref => {
       className: "buttons-container",
       children: [withChat && chat, isAuditor && auditableVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
         buttonType: "general-white-button circular-button",
-        onClick: () => {
-          setCompare(current => !current);
+        onClick: function onClick() {
+          setCompare(function (current) {
+            return !current;
+          });
         },
         image: _IconoAB.default
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
         buttonType: "general-white-button close-button",
-        onClick: () => {
+        onClick: function onClick() {
           window.location.href = "/products";
         }
       })]
     })]
   });
 };
+
 exports.HeaderTop = HeaderTop;

package/dist/components/molecules/HeaderTop/styles.js

@@ -1,11 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  .buttons-top {\n    display: flex;\n    align-items: center;\n    padding-top: 10px;\n  }\n\n  .buttons-container {\n    display: flex;\n\n    button {\n      width: 30px;\n      height: 30px;\n      border: 1px solid #f0f0f0;\n      background-size: 20px;\n      padding: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      img {\n        height: 15px;\n      }\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  .buttons-top {\n    display: flex;\n    align-items: center;\n    padding-top: 10px;\n  }\n\n  .buttons-container {\n    display: flex;\n\n    button {\n      width: 30px;\n      height: 30px;\n      border: 1px solid #f0f0f0;\n      background-size: 20px;\n      padding: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      img {\n        height: 15px;\n      }\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/molecules/HeaderTopv2/HeaderTopv2.stories.js

@@ -1,16 +1,27 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ButtonChatDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/molecules/HeaderTopv2",
   component: _index.HeaderTopv2
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.HeaderTopv2, {
-  ...args
-});
-const ButtonChatDefault = exports.ButtonChatDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.HeaderTopv2, (0, _objectSpread2.default)({}, args));
+};
+
+var ButtonChatDefault = Template.bind({});
+exports.ButtonChatDefault = ButtonChatDefault;

package/dist/components/molecules/HeaderTopv2/index.js

@@ -1,36 +1,56 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.HeaderTopv2 = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _styles = require("./styles");
+
 var _index = require("../../atoms/GeneralButton/index");
+
 var _react = require("react");
+
 var _Chat = require("../../organisms/Chat");
+
 var _IconoAB = _interopRequireDefault(require("../../../../src/assets/images/generalButton/Icono AB.svg"));
+
 var _react2 = require("@testing-library/react");
+
 var _ScreenHeaderv = require("../../atoms/ScreenHeaderv2");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const HeaderTopv2 = _ref => {
-  let {
-    setHeaderTop,
-    withChat,
-    chatType,
-    productSelected,
-    token,
-    auditableVersion,
-    setCompare,
-    isAuditor,
-    activeRetailer
-  } = _ref;
-  const HeaderTopv2 = (0, _react.useRef)();
-  const [chat, setChat] = (0, _react.useState)(null);
-  const [chatData, setChatData] = (0, _react.useState)(null);
-  (0, _react.useEffect)(() => {
+
+var HeaderTopv2 = function HeaderTopv2(_ref) {
+  var setHeaderTop = _ref.setHeaderTop,
+      withChat = _ref.withChat,
+      chatType = _ref.chatType,
+      productSelected = _ref.productSelected,
+      token = _ref.token,
+      auditableVersion = _ref.auditableVersion,
+      setCompare = _ref.setCompare,
+      isAuditor = _ref.isAuditor,
+      activeRetailer = _ref.activeRetailer;
+  var HeaderTopv2 = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      chat = _useState2[0],
+      setChat = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(null),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      chatData = _useState4[0],
+      setChatData = _useState4[1];
+
+  (0, _react.useEffect)(function () {
     if (activeRetailer.id && productSelected && token.length) {
       var _productSelected$arti;
+
       setChatData({
         id: (productSelected === null || productSelected === void 0 ? void 0 : (_productSelected$arti = productSelected.article) === null || _productSelected$arti === void 0 ? void 0 : _productSelected$arti.id_article) || (productSelected === null || productSelected === void 0 ? void 0 : productSelected.id_article),
         version: productSelected === null || productSelected === void 0 ? void 0 : productSelected.version,
@@ -40,13 +60,14 @@ const HeaderTopv2 = _ref => {
       });
     }
   }, [activeRetailer, productSelected, token]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (chatType) renderChat(chatType);
   }, [chatData, chatType]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setHeaderTop && setHeaderTop(HeaderTopv2.current.clientHeight);
   }, []);
-  const renderChat = chatType => {
+
+  var renderChat = function renderChat(chatType) {
     switch (chatType) {
       case "product_status":
         chatData && setChat( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chat.Chat, {
@@ -63,6 +84,7 @@ const HeaderTopv2 = _ref => {
           activeRetailer: activeRetailer
         }));
         break;
+
       default:
         setChat( /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chat.Chat, {
           chatType: "merchant_product",
@@ -78,6 +100,7 @@ const HeaderTopv2 = _ref => {
         break;
     }
   };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     ref: HeaderTopv2,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeaderv.ScreenHeaderv2, {
@@ -86,12 +109,15 @@ const HeaderTopv2 = _ref => {
       className: "buttons-container",
       children: [withChat && chat, isAuditor && auditableVersion && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Button, {
         buttonType: "general-white-button circular-button",
-        onClick: () => {
-          setCompare(current => !current);
+        onClick: function onClick() {
+          setCompare(function (current) {
+            return !current;
+          });
         },
         image: _IconoAB.default
       })]
     })]
   });
 };
+
 exports.HeaderTopv2 = HeaderTopv2;

package/dist/components/molecules/HeaderTopv2/styles.js

@@ -1,11 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  .buttons-top {\n    display: flex;\n    align-items: center;\n    padding-top: 10px;\n  }\n\n  .buttons-container {\n    display: flex;\n\n    button {\n      width: 30px;\n      height: 30px;\n      border: 1px solid #f0f0f0;\n      background-size: 20px;\n      padding: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      img {\n        height: 15px;\n      }\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  .buttons-top {\n    display: flex;\n    align-items: center;\n    padding-top: 10px;\n  }\n\n  .buttons-container {\n    display: flex;\n\n    button {\n      width: 30px;\n      height: 30px;\n      border: 1px solid #f0f0f0;\n      background-size: 20px;\n      padding: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      img {\n        height: 15px;\n      }\n\n      & + * {\n        margin-left: 10px;\n      }\n    }\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/molecules/ImageSelector/ImageSelector.stories.js

@@ -1,12 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ImageSelectorlDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/molecules/ImageSelectorl",
   component: _index.ImageSelector,
   images: {},
@@ -17,10 +24,14 @@ var _default = exports.default = {
     }
   }
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageSelector, {
-  ...args
-});
-const ImageSelectorlDefault = exports.ImageSelectorlDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageSelector, (0, _objectSpread2.default)({}, args));
+};
+
+var ImageSelectorlDefault = Template.bind({});
+exports.ImageSelectorlDefault = ImageSelectorlDefault;
 ImageSelectorlDefault.args = {
   images: [{
     img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",

package/dist/components/molecules/ImageSelector/index.js

@@ -4,24 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageSelector = void 0;
+
 var _styles = require("./styles");
+
 var _index = require("../../atoms/ProductImage/index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const ImageSelector = _ref => {
+
+var ImageSelector = function ImageSelector(_ref) {
   var _images$values;
-  let {
-    images = [],
-    setActiveImage,
-    modalSelector
-  } = _ref;
+
+  var _ref$images = _ref.images,
+      images = _ref$images === void 0 ? [] : _ref$images,
+      setActiveImage = _ref.setActiveImage,
+      modalSelector = _ref.modalSelector;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     className: modalSelector && "modal-image-selector",
-    children: images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map((image, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductImage, {
-      img: image.src,
-      altText: image.altText,
-      imageType: modalSelector ? "catalogue-modal-image" : "carousel-image",
-      onClick: () => setActiveImage(index)
-    }, index))
+    children: images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map(function (image, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ProductImage, {
+        img: image.src,
+        altText: image.altText,
+        imageType: modalSelector ? "catalogue-modal-image" : "carousel-image",
+        onClick: function onClick() {
+          return setActiveImage(index);
+        }
+      }, index);
+    })
   });
 };
+
 exports.ImageSelector = ImageSelector;

package/dist/components/molecules/ImageSelector/styles.js

@@ -1,11 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 340px;\n  display: flex;\n  overflow: auto;\n\n  &.modal-image-selector {\n    width: 345px;\n    height: 218px;\n    flex-wrap: wrap;\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 340px;\n  display: flex;\n  overflow: auto;\n\n  &.modal-image-selector {\n    width: 345px;\n    height: 218px;\n    flex-wrap: wrap;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/molecules/ImageSelectorv2/ImageSelectorv2.stories.js

@@ -1,12 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ImageSelectorv2Default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/molecules/ImageSelectorv2",
   component: _index.ImageSelectorv2,
   images: {},
@@ -17,10 +24,14 @@ var _default = exports.default = {
     }
   }
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageSelectorv2, {
-  ...args
-});
-const ImageSelectorv2Default = exports.ImageSelectorv2Default = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageSelectorv2, (0, _objectSpread2.default)({}, args));
+};
+
+var ImageSelectorv2Default = Template.bind({});
+exports.ImageSelectorv2Default = ImageSelectorv2Default;
 ImageSelectorv2Default.args = {
   images: [{
     img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",

package/dist/components/molecules/ImageSelectorv2/index.js

@@ -4,24 +4,33 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ImageSelectorv2 = void 0;
+
 var _styles = require("./styles");
+
 var _ProductImagev = require("../../atoms/ProductImagev2");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const ImageSelectorv2 = _ref => {
+
+var ImageSelectorv2 = function ImageSelectorv2(_ref) {
   var _images$values;
-  let {
-    images = [],
-    setActiveImage,
-    modalSelector
-  } = _ref;
+
+  var _ref$images = _ref.images,
+      images = _ref$images === void 0 ? [] : _ref$images,
+      setActiveImage = _ref.setActiveImage,
+      modalSelector = _ref.modalSelector;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     className: modalSelector && "modal-image-selector",
-    children: images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map((image, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImagev.ProductImagev2, {
-      img: image.src,
-      altText: image.altText,
-      imageType: modalSelector ? "catalogue-modal-image" : "carousel-image",
-      onClick: () => setActiveImage(index)
-    }, index))
+    children: images === null || images === void 0 ? void 0 : (_images$values = images.values) === null || _images$values === void 0 ? void 0 : _images$values.map(function (image, index) {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImagev.ProductImagev2, {
+        img: image.src,
+        altText: image.altText,
+        imageType: modalSelector ? "catalogue-modal-image" : "carousel-image",
+        onClick: function onClick() {
+          return setActiveImage(index);
+        }
+      }, index);
+    })
   });
 };
+
 exports.ImageSelectorv2 = ImageSelectorv2;

package/dist/components/molecules/ImageSelectorv2/styles.js

@@ -1,11 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Container = void 0;
+
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _templateObject;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 340px;\n  display: flex;\n  overflow: auto;\n  gap: 10px;\n\n  &.modal-image-selector {\n    width: 377px;\n    height: auto;\n    background: #ffff;\n    border-radius: 10px;\n  }\n"])));
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 340px;\n  display: flex;\n  overflow: auto;\n  gap: 10px;\n\n  &.modal-image-selector {\n    width: 377px;\n    height: auto;\n    background: #ffff;\n    border-radius: 10px;\n  }\n"])));
+
+exports.Container = Container;

package/dist/components/molecules/ImageTooltip/ImageTooltip.stories.js

@@ -1,12 +1,19 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ImageTooltipTest = exports.ImageTooltipOK = exports.ImageTooltipERROR = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/molecules/ImageTooltip",
   component: _index.ImageTooltip,
   argTypes: {
@@ -18,12 +25,16 @@ var _default = exports.default = {
     }
   }
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageTooltip, {
-  ...args
-});
-const keyS3_test = "84300/1/chat/playa-213f791b-d890-48e1-be19-28bf5a95d517.jpeg";
-const srcTest = "https://content-management-images.s3.amazonaws.com/".concat(keyS3_test);
-const ImageTooltipTest = exports.ImageTooltipTest = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ImageTooltip, (0, _objectSpread2.default)({}, args));
+};
+
+var keyS3_test = "84300/1/chat/playa-213f791b-d890-48e1-be19-28bf5a95d517.jpeg";
+var srcTest = "https://content-management-images.s3.amazonaws.com/".concat(keyS3_test);
+var ImageTooltipTest = Template.bind({});
+exports.ImageTooltipTest = ImageTooltipTest;
 ImageTooltipTest.args = {
   width: "200px",
   sizeLoading: "50",
@@ -37,9 +48,10 @@ ImageTooltipTest.args = {
   }),
   position: undefined
 };
-const keyS3_OK = "84300/1/chat/f6579ed5-16e5-48d8-ace5-6be8e8e68f53-38896acf-9179-4686-9088-9784df624ab8.png";
-const srcOK = "https://content-management-images.s3.amazonaws.com/".concat(keyS3_OK);
-const ImageTooltipOK = exports.ImageTooltipOK = Template.bind({});
+var keyS3_OK = "84300/1/chat/f6579ed5-16e5-48d8-ace5-6be8e8e68f53-38896acf-9179-4686-9088-9784df624ab8.png";
+var srcOK = "https://content-management-images.s3.amazonaws.com/".concat(keyS3_OK);
+var ImageTooltipOK = Template.bind({});
+exports.ImageTooltipOK = ImageTooltipOK;
 ImageTooltipOK.args = {
   width: "250px",
   sizeLoading: "40",
@@ -52,9 +64,10 @@ ImageTooltipOK.args = {
   }),
   position: undefined
 };
-const keyS3_ERROR = "84300/1/chat/21dba1da-3c60-42c4-97bd-033664808256-fb19ff57-b91c-4ef2-ba2a-d857b55fb33b.svg";
-const srcERROR = "https://content-management-images.s3.amazonaws.com/".concat(keyS3_ERROR);
-const ImageTooltipERROR = exports.ImageTooltipERROR = Template.bind({});
+var keyS3_ERROR = "84300/1/chat/21dba1da-3c60-42c4-97bd-033664808256-fb19ff57-b91c-4ef2-ba2a-d857b55fb33b.svg";
+var srcERROR = "https://content-management-images.s3.amazonaws.com/".concat(keyS3_ERROR);
+var ImageTooltipERROR = Template.bind({});
+exports.ImageTooltipERROR = ImageTooltipERROR;
 ImageTooltipERROR.args = {
   width: "300px",
   sizeLoading: "60",