contentoh-components-library 21.1.97 → 21.1.98

package/dist/components/pages/ProviderProductEdition/index.js

@@ -172,7 +172,7 @@ var reducerImages = function reducerImages(state, action) {
 
           var orderedImages = [];
           var imageIdArray = [];
-          if (!_inputsByRetailer[action.retailerId]) _inputsByRetailer[action.retailerId] = [];
+          if (action !== null && action !== void 0 && action.retailerId && !_inputsByRetailer[action.retailerId]) _inputsByRetailer[action.retailerId] = [];
           action.retailerId && ((_inputsByRetailer$act = _inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(function (input) {
             imageIdArray.push(input.id_image);
             valuesInitial.forEach(function (value) {
@@ -712,6 +712,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       retailerId: activeRetailer.id
     });
   }, [product, version]);
+  (0, _react.useEffect)(function () {
+    setImages({
+      action: "orderImages",
+      retailerId: activeRetailer.id
+    });
+  }, [activeRetailer]);
 
   var loadAssignations = function loadAssignations(currentProduct) {
     setAssig(product === null || product === void 0 ? void 0 : product.asignations);

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

@@ -140,24 +140,31 @@ var reducerImages = function reducerImages(state, action) {
 
     case "orderImages":
       {
-        var _inputsByRetailer$act;
-
         var _inputsByRetailer = state.inputsByRetailer,
             valuesInitial = state.valuesInitial,
             inputsInitial = state.inputsInitial,
             inputs = state.inputs;
-        var orderedImages = [];
-        var imageIdArray = [];
-        action.retailerId && ((_inputsByRetailer$act = _inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(function (input) {
-          imageIdArray.push(input.id_image);
-          valuesInitial.forEach(function (value) {
-            if (value.image_id === input.id_image) orderedImages.push(value);
+
+        try {
+          var _inputsByRetailer$act;
+
+          var orderedImages = [];
+          var imageIdArray = [];
+          if (action !== null && action !== void 0 && action.retailerId && !_inputsByRetailer[action.retailerId]) _inputsByRetailer[action.retailerId] = [];
+          action.retailerId && ((_inputsByRetailer$act = _inputsByRetailer[action.retailerId]) === null || _inputsByRetailer$act === void 0 ? void 0 : _inputsByRetailer$act.filter(function (input) {
+            imageIdArray.push(input.id_image);
+            valuesInitial.forEach(function (value) {
+              if (value.image_id === input.id_image) orderedImages.push(value);
+            });
+          }));
+          inputs = inputsInitial === null || inputsInitial === void 0 ? void 0 : inputsInitial.filter(function (input) {
+            return imageIdArray.includes(input.id);
           });
-        }));
-        inputs = inputsInitial === null || inputsInitial === void 0 ? void 0 : inputsInitial.filter(function (input) {
-          return imageIdArray.includes(input.id);
-        });
-        values = orderedImages.length > 0 ? orderedImages : [];
+          values = orderedImages.length > 0 ? orderedImages : [];
+        } catch (error) {
+          console.log(error);
+        }
+
         return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
           values: values,
           inputs: inputs

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.1.97",
+  "version": "21.1.98",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",

package/src/components/pages/ProviderProductEdition/index.js

@@ -86,7 +86,7 @@ const reducerImages = (state, action) => {
       try {
         const orderedImages = [];
         const imageIdArray = [];
-        if (!inputsByRetailer[action.retailerId])
+        if (action?.retailerId && !inputsByRetailer[action.retailerId])
           inputsByRetailer[action.retailerId] = [];
         action.retailerId &&
           inputsByRetailer[action.retailerId]?.filter((input) => {
@@ -358,6 +358,10 @@ export const ProviderProductEdition = ({
     setImages({ action: "orderImages", retailerId: activeRetailer.id });
   }, [product, version]);
 
+  useEffect(() => {
+    setImages({ action: "orderImages", retailerId: activeRetailer.id });
+  }, [activeRetailer]);
+
   const loadAssignations = (currentProduct) => {
     setAssig(product?.asignations);
   };

package/src/components/pages/RetailerProductEdition/index.js

@@ -73,21 +73,27 @@ const reducerImages = (state, action) => {
       return { ...state, values };
     case "orderImages": {
       let { inputsByRetailer, valuesInitial, inputsInitial, inputs } = state;
-      const orderedImages = [];
-      const imageIdArray = [];
-      action.retailerId &&
-        inputsByRetailer[action.retailerId]?.filter((input) => {
-          imageIdArray.push(input.id_image);
-          valuesInitial.forEach((value) => {
-            if (value.image_id === input.id_image) orderedImages.push(value);
+      try {
+        const orderedImages = [];
+        const imageIdArray = [];
+        if (action?.retailerId && !inputsByRetailer[action.retailerId])
+          inputsByRetailer[action.retailerId] = [];
+        action.retailerId &&
+          inputsByRetailer[action.retailerId]?.filter((input) => {
+            imageIdArray.push(input.id_image);
+            valuesInitial.forEach((value) => {
+              if (value.image_id === input.id_image) orderedImages.push(value);
+            });
           });
-        });
 
-      inputs = inputsInitial?.filter((input) =>
-        imageIdArray.includes(input.id)
-      );
+        inputs = inputsInitial?.filter((input) =>
+          imageIdArray.includes(input.id)
+        );
 
-      values = orderedImages.length > 0 ? orderedImages : [];
+        values = orderedImages.length > 0 ? orderedImages : [];
+      } catch (error) {
+        console.log(error);
+      }
       return { ...state, values, inputs };
     }
     default: