contentoh-components-library 20.0.0 → 20.0.17

package/dist/components/atoms/ValidationPanel/ValidationPanel.stories.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ValidationPanelDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _ = require(".");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/atoms/ValidationPanel",
   component: _.ValidationPanel
@@ -20,7 +14,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ValidationPanel, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_.ValidationPanel, args);
 };
 
 var ValidationPanelDefault = Template.bind({});

package/dist/components/atoms/ValidationPanel/index.js

@@ -15,56 +15,43 @@ var _rejectIcon = _interopRequireDefault(require("../../../assets/images/general
 
 var _nullIcon = _interopRequireDefault(require("../../../assets/images/generalButton/nullIcon.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var ValidationPanel = function ValidationPanel(_ref) {
   var id = _ref.id,
       setOptionClicked = _ref.setOptionClicked,
-      setShowValidationPanel = _ref.setShowValidationPanel,
-      sendToFacilitator = _ref.sendToFacilitator;
+      setShowValidationPanel = _ref.setShowValidationPanel;
 
   var optionSelected = function optionSelected(option) {
     setOptionClicked("".concat(option, "-button"));
     setShowValidationPanel(false);
   };
 
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    id: id,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-      onClick: function onClick() {
-        sendToFacilitator("A");
-      },
-      className: "validation-option",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: _acceptIcon.default,
-        alt: "accept button"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: "Validado"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-      onClick: function onClick() {
-        sendToFacilitator("R");
-      },
-      className: "validation-option",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: _rejectIcon.default,
-        alt: "reject button"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: "Rechazado"
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-      onClick: function onClick() {
-        optionSelected("null");
-      },
-      className: "validation-option",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: _nullIcon.default,
-        alt: "null button"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-        children: "Null"
-      })]
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    id: id
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      optionSelected("accept");
+    },
+    className: "validation-option"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: _acceptIcon.default,
+    alt: "accept button"
+  }), /*#__PURE__*/React.createElement("p", null, "Validado")), /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      optionSelected("reject");
+    },
+    className: "validation-option"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: _rejectIcon.default,
+    alt: "reject button"
+  }), /*#__PURE__*/React.createElement("p", null, "Rechazado")), /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      optionSelected("null");
+    },
+    className: "validation-option"
+  }, /*#__PURE__*/React.createElement("img", {
+    src: _nullIcon.default,
+    alt: "null button"
+  }), /*#__PURE__*/React.createElement("p", null, "Null")));
 };
 
 exports.ValidationPanel = ValidationPanel;

package/dist/components/atoms/VerticalSideMenuMainPage/VerticalSideMenuMainPage.stories.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.VerticalSideMenuMainPageDefault = void 0;
+
+var _index = require("./index");
+
+var _default = {
+  title: "Components/atoms/VerticalSideMenuMainPage",
+  component: _index.VerticalSideMenuMainPage
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(_index.VerticalSideMenuMainPage, args);
+};
+
+var VerticalSideMenuMainPageDefault = Template.bind({});
+exports.VerticalSideMenuMainPageDefault = VerticalSideMenuMainPageDefault;
+VerticalSideMenuMainPageDefault.args = {};

package/dist/components/atoms/VerticalSideMenuMainPage/index.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VerticalSideMenuMainPage = void 0;
+
+var _styles = require("./styles");
+
+var _verticalSideMenuMainPageFAQS = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/verticalSideMenuMainPageFAQS.svg"));
+
+var _verticalSideMenuMainPageFocusProduct = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/verticalSideMenuMainPageFocusProduct.svg"));
+
+var _verticalSideMenuMainPageGroup = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/verticalSideMenuMainPageGroup.svg"));
+
+var _verticalSideMenuMainPageLogo = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/verticalSideMenuMainPageLogo.svg"));
+
+var _verticalSideMenuMainPageSpeedometer = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/verticalSideMenuMainPageSpeedometer.svg"));
+
+var _verticalSideMenuMainPageTask = _interopRequireDefault(require("../../../assets/images/verticalSideMenuMainPage/verticalSideMenuMainPageTask.svg"));
+
+var VerticalSideMenuMainPage = function VerticalSideMenuMainPage() {
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("img", {
+    src: _verticalSideMenuMainPageLogo.default,
+    alt: "Logo"
+  }), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("img", {
+    src: _verticalSideMenuMainPageSpeedometer.default,
+    alt: "Speed Meter"
+  }), /*#__PURE__*/React.createElement("img", {
+    src: _verticalSideMenuMainPageFocusProduct.default,
+    alt: "Focus Product"
+  }), /*#__PURE__*/React.createElement("img", {
+    src: _verticalSideMenuMainPageGroup.default,
+    alt: "Group"
+  }), /*#__PURE__*/React.createElement("img", {
+    src: _verticalSideMenuMainPageLogo.default,
+    alt: "Logo"
+  }), /*#__PURE__*/React.createElement("img", {
+    src: _verticalSideMenuMainPageTask.default,
+    alt: "Task"
+  })), /*#__PURE__*/React.createElement("img", {
+    src: _verticalSideMenuMainPageFAQS.default,
+    alt: "FAQS"
+  }));
+};
+
+exports.VerticalSideMenuMainPage = VerticalSideMenuMainPage;

package/dist/components/atoms/{Commentary → VerticalSideMenuMainPage}/styles.js

@@ -11,13 +11,8 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 
-var _variables = require("../../../global-files/variables");
-
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 500px;\n  height: 80px;\n  border: 1px solid ", ";\n  padding: 10px;\n  p {\n    font-family: ", ";\n    font-size: 12px;\n    line-height: 15px;\n    color: ", ";\n    text-decoration: ", ";\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4, function (_ref) {
-  var reviewed = _ref.reviewed;
-  return reviewed ? "line-through" : "none";
-});
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 60px;\n  height: 700px;\n  background: linear-gradient(180deg, #e33aa9 0%, #3b1366 100%);\n  border-radius: 50px;\n  padding: 30px 10px 20px 10px;\n  text-align: center;\n  img {\n    cursor: pointer;\n  }\n  img + div {\n    margin-top: 100px;\n  }\n  div {\n    img + * {\n      margin-top: 20px;\n    }\n    & + * {\n      margin-top: 250px;\n    }\n  }\n"])));
 
 exports.Container = Container;

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

@@ -7,14 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.AddProvidersAndProductsDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
 var _bags = _interopRequireDefault(require("../../../assets/images/generalImage/bags.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/molecules/AddProvidersAndProducts",
   component: _index.AddProvidersAndProducts
@@ -22,7 +18,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AddProvidersAndProducts, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.AddProvidersAndProducts, args);
 };
 
 var AddProvidersAndProductsDefault = Template.bind({});

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

@@ -13,30 +13,24 @@ var _ScreenHeader = require("../../atoms/ScreenHeader");
 
 var _bags = _interopRequireDefault(require("../../../assets/images/generalImage/bags.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var AddProvidersAndProducts = function AddProvidersAndProducts(_ref) {
   var image = _ref.image,
       altText = _ref.altText,
       onClick = _ref.onClick,
       className = _ref.className;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+  return /*#__PURE__*/React.createElement(_styles.Container, {
     className: className,
-    onClick: onClick,
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "add-bags",
-      children: image && /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: image,
-        alt: altText
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-        headerType: "header-and-paragraph",
-        text: "Comienza agregando Proveedores",
-        Paragraph: "O tambien puedes comenzar agregando tu productos"
-      })
-    })]
-  });
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "add-bags"
+  }, image && /*#__PURE__*/React.createElement("img", {
+    src: image,
+    alt: altText
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    headerType: "header-and-paragraph",
+    text: "Comienza agregando Proveedores",
+    Paragraph: "O tambien puedes comenzar agregando tu productos"
+  })));
 };
 
 exports.AddProvidersAndProducts = AddProvidersAndProducts;

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

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ApproveRejetPanelDefault = void 0;
+
+var _index = require("./index");
+
+var _default = {
+  title: "Components/molecules/ApproveRejetPanel",
+  component: _index.ApproveRejetPanel
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(_index.ApproveRejetPanel, args);
+};
+
+var ApproveRejetPanelDefault = Template.bind({});
+exports.ApproveRejetPanelDefault = ApproveRejetPanelDefault;
+ApproveRejetPanelDefault.args = {
+  text: "113 productos",
+  check: false
+};

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

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ApproveRejetPanel = void 0;
+
+var _ScreenHeader = require("../../atoms/ScreenHeader");
+
+var _Avatar = require("../../atoms/Avatar");
+
+var _styles = require("./styles");
+
+var _approveRejetPanelDelete = _interopRequireDefault(require("../../../assets/images/approveRejetPanel/approveRejetPanelDelete.svg"));
+
+var _approveRejetPanelCancel = _interopRequireDefault(require("../../../assets/images/approveRejetPanel/approveRejetPanelCancel.svg"));
+
+var _approveRejetPanelSave = _interopRequireDefault(require("../../../assets/images/approveRejetPanel/approveRejetPanelSave.svg"));
+
+var _approveRejetPanelExclude = _interopRequireDefault(require("../../../assets/images/approveRejetPanel/approveRejetPanelExclude.svg"));
+
+var _variables = require("../../../global-files/variables");
+
+var ApproveRejetPanel = function ApproveRejetPanel(_ref) {
+  var text = _ref.text,
+      check = _ref.check;
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+    fontFamily: _variables.FontFamily.AvenirNext,
+    headerType: "date-header",
+    color: _variables.GlobalColors.s4,
+    text: text
+  }), /*#__PURE__*/React.createElement(_Avatar.Avatar, {
+    image: _approveRejetPanelDelete.default,
+    imageType: "big-image",
+    altText: "delete button"
+  }), /*#__PURE__*/React.createElement(_Avatar.Avatar, {
+    image: check ? _approveRejetPanelCancel.default : _approveRejetPanelExclude.default,
+    imageType: "big-image",
+    altText: check ? "cancel button" : "exclude button"
+  }), /*#__PURE__*/React.createElement(_Avatar.Avatar, {
+    image: check ? _approveRejetPanelSave.default : _approveRejetPanelExclude.default,
+    imageType: "big-image",
+    altText: check ? "save button" : "exclude button"
+  }));
+};
+
+exports.ApproveRejetPanel = ApproveRejetPanel;

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

@@ -0,0 +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;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: end;\n  align-items: center;\n  .date-header + * {\n    margin-left: 30px;\n  }\n  .big-image + * {\n    margin-left: 10px;\n  }\n"])));
+
+exports.Container = Container;

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

@@ -7,16 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.AssignedWorkDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
 var _assignedImage = _interopRequireDefault(require("../../../assets/images/componentAssigned/assignedImage1.svg"));
 
 var _assignedImage2 = _interopRequireDefault(require("../../../assets/images/componentAssigned/assignedImage2.svg"));
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var status = ["-", "Pr", "Rc", "As", "P", "QF", "AF", "AA", "AP", "AC", "RA", "RF", "RP", "RC", "Ex"];
 var _default = {
   title: "Components/molecules/AssignedWork",
@@ -33,7 +29,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AssignedWork, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.AssignedWork, args);
 };
 
 var AssignedWorkDefault = Template.bind({});

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

@@ -17,45 +17,39 @@ var _flag = _interopRequireDefault(require("../../../assets/images/componentAssi
 
 var _index2 = require("../../atoms/Avatar/index");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var AssignedWork = function AssignedWork(_ref) {
   var statusType = _ref.statusType,
       assignedImage = _ref.assignedImage;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    className: "status-".concat(statusType),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "header-flag",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-        headerType: "header-and-paragraph",
-        text: "Producto recibido",
-        Paragraph: "Actualizar producto 23441, descripci\xF3n e im\xE1genes"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        className: "flag",
-        src: _flag.default
-      })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "clock-assigned",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "clock-header",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-          className: "clock",
-          src: _clock.default
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
-          headerType: "date-header",
-          text: "12/04/2021"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "assigned",
-        children: assignedImage.reverse().map(function (assigned, index) {
-          return index < 2 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Avatar, {
-            image: assigned.image,
-            imageType: "big-image"
-          }, index);
-        })
-      })]
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, {
+    className: "status-".concat(statusType)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "header-flag"
+  }, /*#__PURE__*/React.createElement(_index.ScreenHeader, {
+    headerType: "header-and-paragraph",
+    text: "Producto recibido",
+    Paragraph: "Actualizar producto 23441, descripci\xF3n e im\xE1genes"
+  }), /*#__PURE__*/React.createElement("img", {
+    className: "flag",
+    src: _flag.default
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "clock-assigned"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "clock-header"
+  }, /*#__PURE__*/React.createElement("img", {
+    className: "clock",
+    src: _clock.default
+  }), /*#__PURE__*/React.createElement(_index.ScreenHeader, {
+    headerType: "date-header",
+    text: "12/04/2021"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "assigned"
+  }, assignedImage.reverse().map(function (assigned, index) {
+    return index < 2 && /*#__PURE__*/React.createElement(_index2.Avatar, {
+      key: index,
+      image: assigned.image,
+      imageType: "big-image"
+    });
+  }))));
 };
 
 exports.AssignedWork = AssignedWork;

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

@@ -1,18 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.AvatarAndValidationDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/molecules/AvatarAndValidation",
   component: _index.AvatarAndValidation
@@ -20,7 +14,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.AvatarAndValidation, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.AvatarAndValidation, args);
 };
 
 var AvatarAndValidationDefault = Template.bind({});

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

@@ -21,20 +21,10 @@ var _GeneralButton = require("../../atoms/GeneralButton");
 
 var _ValidationPanel = require("../../atoms/ValidationPanel");
 
-var _RetailerSelector = require("../RetailerSelector");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
 //Components
 var AvatarAndValidation = function AvatarAndValidation(_ref) {
-  var retailers = _ref.retailers,
-      validation = _ref.validation,
-      activeRetailer = _ref.activeRetailer,
-      setActiveRetailer = _ref.setActiveRetailer,
-      approveRejectButtons = _ref.approveRejectButtons,
-      sendToFacilitator = _ref.sendToFacilitator,
-      auditorAssigned = _ref.auditorAssigned,
-      userAssigned = _ref.userAssigned;
+  var avatarData = _ref.avatarData,
+      validation = _ref.validation;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -58,26 +48,21 @@ var AvatarAndValidation = function AvatarAndValidation(_ref) {
       document.addEventListener("click", closeValidationPanel, false);
     }
   }, [showValidationPanel]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "buttons-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RetailerSelector.RetailerSelector, {
-        retailers: retailers,
-        activeRetailer: activeRetailer,
-        setActiveRetailer: setActiveRetailer
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropDownButton.DropDownButton, {}), approveRejectButtons() && (auditorAssigned() || userAssigned && userAssigned()) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-        buttonType: "circular-button ".concat(buttonType),
-        onClick: function onClick() {
-          return setShowValidationPanel(true);
-        }
-      })]
-    }), showValidationPanel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ValidationPanel.ValidationPanel, {
-      id: "validation-panel",
-      setOptionClicked: setButtonType,
-      setShowValidationPanel: setShowValidationPanel,
-      sendToFacilitator: sendToFacilitator
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
+    className: "buttons-container"
+  }, /*#__PURE__*/React.createElement(_Avatar.Avatar, {
+    image: avatarData === null || avatarData === void 0 ? void 0 : avatarData.image,
+    altText: avatarData === null || avatarData === void 0 ? void 0 : avatarData.altText
+  }), /*#__PURE__*/React.createElement(_DropDownButton.DropDownButton, null), /*#__PURE__*/React.createElement(_GeneralButton.Button, {
+    buttonType: "circular-button ".concat(buttonType),
+    onClick: function onClick() {
+      return setShowValidationPanel(true);
+    }
+  })), showValidationPanel && /*#__PURE__*/React.createElement(_ValidationPanel.ValidationPanel, {
+    id: "validation-panel",
+    setOptionClicked: setButtonType,
+    setShowValidationPanel: setShowValidationPanel
+  }));
 };
 
 exports.AvatarAndValidation = AvatarAndValidation;

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

@@ -13,6 +13,6 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  width: fit-content;\n\n  .buttons-container {\n    display: flex;\n    align-items: center;\n\n    > * + * {\n      margin-left: 3px;\n    }\n  }\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  width: fit-content;\n\n  .buttons-container {\n    display: flex;\n    align-items: center;\n\n    * + * {\n      margin-left: 3px;\n    }\n  }\n"])));
 
 exports.Container = Container;

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

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.CarouselImagesLoginDefault = void 0;
+
+var _index = require("./index");
+
+var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
+
+var _login = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login2.svg"));
+
+var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
+
+var _default = {
+  title: "Components/molecules/CarouselImagesLogin",
+  component: _index.CarouselImagesLogin
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/React.createElement(_index.CarouselImagesLogin, args);
+};
+
+var CarouselImagesLoginDefault = Template.bind({});
+exports.CarouselImagesLoginDefault = CarouselImagesLoginDefault;
+CarouselImagesLoginDefault.args = {
+  panelImg: [_loginImage.default, _login.default, _login2.default],
+  panelText: "Elige la plataforma que conecta proovedores y retailers"
+};