contentoh-components-library 15.0.0 → 16.0.0

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

@@ -34,26 +34,23 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
       status = _ref$status === void 0 ? "-" : _ref$status,
       imagesSection = _ref.imagesSection,
       setImageLayout = _ref.setImageLayout,
-      asignationsList = _ref.asignationsList,
       _ref$percent = _ref.percent,
       percent = _ref$percent === void 0 ? 0 : _ref$percent,
-      activeTab = _ref.activeTab,
-      deleteImages = _ref.deleteImages,
-      saveDatasheets = _ref.saveDatasheets,
-      saveDescriptions = _ref.saveDescriptions,
-      updateImages = _ref.updateImages,
       assignationsImages = _ref.assignationsImages,
       setAssignation = _ref.setAssignation,
       isRetailer = _ref.isRetailer,
+      downloadImages = _ref.downloadImages,
+      askToDeleteImages = _ref.askToDeleteImages,
       _ref$id = _ref.id,
-      id = _ref$id === void 0 ? "default-id" : _ref$id;
+      id = _ref$id === void 0 ? "default-id" : _ref$id,
+      onClickSave = _ref.onClickSave;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       showAsignationPanel = _useState2[0],
       setShowAsignationPanel = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(true),
+  var _useState3 = (0, _react.useState)(false),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       layout = _useState4[0],
       setLayout = _useState4[1];
@@ -79,30 +76,18 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
     id: id,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "circular-button save-button",
-      onClick: function onClick() {
-        switch (activeTab) {
-          case "Descripción":
-            saveDescriptions && saveDescriptions();
-            break;
-
-          case "Ficha técnica":
-            saveDatasheets && saveDatasheets();
-            break;
-
-          case "Imágenes":
-            updateImages && updateImages();
-            break;
-
-          default:
-            break;
-        }
-      }
+      onClick: onClickSave
     }), imagesSection && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "images-buttons",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
         buttonType: "circular-button delete-button",
         onClick: function onClick() {
-          deleteImages && deleteImages();
+          askToDeleteImages && askToDeleteImages();
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+        buttonType: "circular-button download-button",
+        onClick: function onClick() {
+          downloadImages();
         }
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
         buttonType: layout ? "grid-layout" : "row-layout",

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

@@ -20,7 +20,8 @@ var TableHeader = function TableHeader(_ref) {
       activeImage = _ref.activeImage,
       assignationsImages = _ref.assignationsImages,
       setAssignation = _ref.setAssignation,
-      isRetailer = _ref.isRetailer;
+      isRetailer = _ref.isRetailer,
+      onClickSave = _ref.onClickSave;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
       text: activeImage === null || activeImage === void 0 ? void 0 : activeImage.name,
@@ -30,7 +31,8 @@ var TableHeader = function TableHeader(_ref) {
       status: imagesStatus,
       assignationsImages: assignationsImages,
       setAssignation: setAssignation,
-      isRetailer: isRetailer
+      isRetailer: isRetailer,
+      onClickSave: onClickSave
     })]
   });
 };

package/dist/components/organisms/FullProductNameHeader/index.js

@@ -30,7 +30,7 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductNameHeader.ProductNameHeader, {
       productName: headerData === null || headerData === void 0 ? void 0 : (_headerData$article = headerData.article) === null || _headerData$article === void 0 ? void 0 : _headerData$article.name,
       statusType: headerData === null || headerData === void 0 ? void 0 : headerData.status,
-      percent: percent,
+      percent: percent === null || percent === void 0 ? void 0 : percent.toFixed(0),
       priority: headerData === null || headerData === void 0 ? void 0 : headerData.prio,
       date: new Date(headerData === null || headerData === void 0 ? void 0 : (_headerData$article2 = headerData.article) === null || _headerData$article2 === void 0 ? void 0 : _headerData$article2.timestamp).toLocaleDateString()
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/dist/components/organisms/FullTabsMenu/index.js

@@ -26,12 +26,12 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       activeTab = _ref.activeTab,
       setActiveTab = _ref.setActiveTab,
       setImageLayout = _ref.setImageLayout,
-      saveDatasheets = _ref.saveDatasheets,
-      saveDescriptions = _ref.saveDescriptions,
-      updateImages = _ref.updateImages,
       assig = _ref.assig,
       setAssignation = _ref.setAssignation,
-      isRetailer = _ref.isRetailer;
+      isRetailer = _ref.isRetailer,
+      downloadImages = _ref.downloadImages,
+      askToDeleteImages = _ref.askToDeleteImages,
+      onClickSave = _ref.onClickSave;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -48,12 +48,12 @@ var FullTabsMenu = function FullTabsMenu(_ref) {
       activeTab: activeTab,
       setImageLayout: setImageLayout,
       imagesSection: imagesSection,
-      saveDatasheets: saveDatasheets,
-      saveDescriptions: saveDescriptions,
-      updateImages: updateImages,
       assignationsImages: assig,
       setAssignation: setAssignation,
-      isRetailer: isRetailer
+      isRetailer: isRetailer,
+      downloadImages: downloadImages,
+      onClickSave: onClickSave,
+      askToDeleteImages: askToDeleteImages
     })]
   });
 };

package/dist/components/organisms/ImageDataTable/index.js

@@ -30,7 +30,8 @@ var ImageDataTable = function ImageDataTable(_ref) {
       assignationsImages = _ref.assignationsImages,
       imagesStatus = _ref.imagesStatus,
       setAssignation = _ref.setAssignation,
-      isRetailer = _ref.isRetailer;
+      isRetailer = _ref.isRetailer,
+      onClickSave = _ref.onClickSave;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     darkMode: darkMode,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TableHeader.TableHeader, {
@@ -38,7 +39,8 @@ var ImageDataTable = function ImageDataTable(_ref) {
       activeImage: activeImage,
       assignationsImages: assignationsImages,
       setAssignation: setAssignation,
-      isRetailer: isRetailer
+      isRetailer: isRetailer,
+      onClickSave: onClickSave
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles2.Container, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
         headerType: "table-row-text",

package/dist/components/organisms/ProductImageModal/index.js

@@ -23,8 +23,6 @@ var _ValidationPanel = require("../../atoms/ValidationPanel");
 
 var _GeneralButton = require("../../atoms/GeneralButton");
 
-var _data = require("../../../global-files/data");
-
 var _jsxRuntime = require("react/jsx-runtime");
 
 var ProductImageModal = function ProductImageModal(_ref) {
@@ -60,6 +58,7 @@ var ProductImageModal = function ProductImageModal(_ref) {
     }
   };
 
+  console.log(images === null || images === void 0 ? void 0 : images.values[activeImage]);
   (0, _react.useEffect)(function () {
     if (showValidationPanel) {
       document.addEventListener("click", closeValidationPanel, false);
@@ -71,7 +70,7 @@ var ProductImageModal = function ProductImageModal(_ref) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "modal-image-container",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImage.ProductImage, {
-          img: images === null || images === void 0 ? void 0 : (_images$values$active = images.values[activeImage]) === null || _images$values$active === void 0 ? void 0 : _images$values$active.src,
+          img: "https://" + process.env.REACT_APP_IMAGES_BUCKET + ".s3.amazonaws.com/" + (images === null || images === void 0 ? void 0 : (_images$values$active = images.values[activeImage]) === null || _images$values$active === void 0 ? void 0 : _images$values$active.srcDB),
           altText: images === null || images === void 0 ? void 0 : (_images$values$active2 = images.values[activeImage]) === null || _images$values$active2 === void 0 ? void 0 : _images$values$active2.name,
           imageType: "expanded-modal-image"
         })

package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js

@@ -98,9 +98,9 @@ RetailerProductEditionDefault.args = {
       company_name: "COMPANY DEV",
       country: "Colombia",
       id_order: 101,
-      id_datasheet_especialist: 54,
+      id_datasheet_especialist: 36,
       id_datasheet_facilitator: 52,
-      id_description_especialist: 54,
+      id_description_especialist: 36,
       id_description_facilitator: 52,
       id_images_especialist: 55,
       id_images_facilitator: 53,
@@ -125,17 +125,7 @@ RetailerProductEditionDefault.args = {
       active: 1
     }],
     country: "Colombia",
-    modal: false,
-    modalCadenas: false,
-    totalCadenas: false,
-    modalAsig1: false,
-    modalFD: false,
-    modalAsig2: false,
-    modalAsig3: false,
-    modalAsig4: false,
-    modalAsig5: false,
-    modalFI: false,
-    modalQA: false
+    upc: "7491989462"
   },
   user: {
     id_user: 30,
@@ -167,6 +157,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "3",
       type: "PyMES"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1647395550234"
+    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1649434410216"
   }
 };