contentoh-components-library 21.2.11 → 21.2.14

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

@@ -31,65 +31,55 @@ RetailerProductEditionDefault.args = {
     "Ficha técnica": false,
     Imágenes: false
   },
-  token: "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYjY2YTRhOS03NzkwLTQwMzQtYTMwYS1jMDA4MDg5NjI4NjciLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjBiNjZhNGE5LTc3OTAtNDAzNC1hMzBhLWMwMDgwODk2Mjg2NyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzNmIxMmUwMy0xOWJhLTRiMDktYWJiYS1kZjk3ZTFkNThjZTQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDE4MjgzNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MDE4NjQzNywiaWF0IjoxNjYwMTgyODM3LCJlbWFpbCI6ImJheWFkaTE1MzhAbW5xbG0uY29tIn0.MM9nIHkrRIS2o8_s4BR6VTLgyw3ryvPrr-mf6RtnQ4smng2Q3fmtK07zInNcvcrv8EXO5J9z47_NZ5MOJDo1Pz1CV2cOYM7PT5tEn3F-W4SitqDbBw3KxfkqSMxdZUIHLWECGL-u2ATCYU2J4KRVQi8XSP1qbfv1hu9dh-vID8Fq641ccQwEqUDC13pshDPlR08legg7AAPJqoilV7wuvxqTYAK6fGqMS5jcdW2iDmU0ti9gkydXkYRIC-jg446VOmRCpwzKsk4UAPwlrGeodQ0LV1bfWn_-KVspWCRQd6U5WbFxHn0umYe3CvvPpyVmHzD3F_EMxaVyqV5aW5IoIQ",
+  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI3MTNhNzQ1Ny1mOTQzLTRiYzktOGViMC04NmI0MWY1YmQ0ZjgiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjcxM2E3NDU3LWY5NDMtNGJjOS04ZWIwLTg2YjQxZjViZDRmOCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlM2ExZmQ2OC02OTAwLTRjNWYtYjM5MC1jNjY0MDZhZjkyMGYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MTU0ODI4NSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MTU1MTg4NSwiaWF0IjoxNjYxNTQ4Mjg1LCJlbWFpbCI6ImhjYXJyaWxsb0Bjb250ZW50b2guY29tIn0.GUmPbOrd8-llRODdaidjReKHBwrVbGV5LP37aD_o14BQ67VSmH2pxLvrZRBNsZhvP0vZuetXt19pyiFgCr1-SF5CMHD3dcnPq2Ka0PUEf8raNEoseCPGaDUugu-waz1qPadZN1OrlhQTm9mOWoGj4u0gQv5FGAbC6xMcRernAo4QX41-Pfjvp2u7p62BYkp6rafzTjazUHZiG-ueqPI9QQQ-2zkbTo46l7TFYz6ATNSiZEvezc52L1nzWDhI5Q8xbNA546WC-leLr30SV9vrXBTGdvLdCKeqEYPrVG1L3nXXZ9CvtHJjdkb60irWZjXT1LbpulfL3IqO2_PKHTUpHQ",
   productSelected: {
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1
     },
-    orderId: 2611,
-    status: "CA",
-    datasheet_status: "CA",
+    orderId: 127,
+    status: "AS",
+    datasheet_status: "AS",
     prio: "none",
     version: 2,
-    description_status: "CA",
-    images_status: "IE",
+    description_status: "AS",
+    images_status: "AS",
     article: {
-      id_article: 79722,
-      id_category: "165",
-      name: "FS SUAVITEL Utra 8L CLB",
-      upc: "7509546684116",
-      timestamp: "2022-08-22T18:59:35.000Z",
-      id_user: 1258,
+      id_article: 76186,
+      id_category: "399",
+      name: "Croquetas Dog Chow",
+      upc: "4535354",
+      timestamp: "2022-07-21T15:20:25.000Z",
+      id_user: 28,
       status: "NULL",
       active: 1,
-      company_id: 226,
-      SKU: null,
-      Descripcion: null,
-      Proveedor: null,
-      id_proveedor: 0,
-      company_name: "COLGATE PALMOLIVE S.A. DE C.V.",
-      country: null,
-      id_order: 2611,
-      id_datasheet_especialist: 334,
-      id_datasheet_facilitator: 158,
-      id_description_especialist: 334,
-      id_description_facilitator: 158,
-      id_images_especialist: 366,
-      id_images_facilitator: 160,
-      id_auditor: 9,
+      company_id: 1,
+      company_name: "COMPANY DEV",
+      country: "México",
+      id_order: 127,
+      id_datasheet_especialist: 54,
+      id_datasheet_facilitator: 52,
+      id_description_especialist: 54,
+      id_description_facilitator: 52,
+      id_images_especialist: 55,
+      id_images_facilitator: 53,
+      id_auditor: 30,
       id_recepcionist: null,
-      category: "Consumibles|Productos de Limpieza y Lavandería|Suavizantes",
-      missingAttributes: -44,
-      missingDescriptions: 0,
-      missingImages: 8
+      category: "Mascotas|Alimentos y Premios|Alimento para Perros",
+      missingAttributes: null,
+      missingDescriptions: null,
+      missingImages: null
     },
     retailers: [{
-      id: 3,
-      name: "Sam´s Club",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 43,
-      name: "City Club",
+      id: 2,
+      name: "Walmart Mercancías Generales",
       country: "México",
       id_region: 1,
       active: 1
     }],
-    country: null,
-    upc: "7509546684116"
+    country: "México",
+    upc: "4535354"
   },
   location: {
     product: {
@@ -98,36 +88,36 @@ RetailerProductEditionDefault.args = {
     }
   },
   user: {
-    id_user: 334,
-    name: "Facilitador Textos",
-    last_name: " ",
-    email: "bayadi1538@mnqlm.com",
-    position: "Tester",
+    id_user: 65,
+    name: "Oscar",
+    last_name: "Arenas",
+    email: "oarenas@contentoh.com",
+    position: null,
     telephone: null,
     country: null,
-    id_company: 254,
-    id_cognito: "0b66a4a9-7790-4034-a30a-c00808962867",
+    id_company: 2,
+    id_cognito: "73cc8d40-c841-422a-a2f2-e69d7fe26ebf",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
     id_stripe: null,
-    id_role: 7,
+    id_role: 1,
     active: 1,
     is_retailer: 0,
-    email_notify: null,
+    email_notify: 0,
     membership: {
-      id: 750,
-      start_date: "2022-01-07T21:32:54.000Z",
-      end_date: "2023-01-07T21:32:54.000Z",
-      planID: 6,
-      plan: "prod_KvGd6YSTJyR3AP",
-      name: "Plan Small",
-      user_limit: "10",
-      products_limit: "1000",
-      type: "Enterprise"
+      id: 2,
+      start_date: "2021-11-05T02:35:12.000Z",
+      end_date: "2022-11-05T02:34:49.000Z",
+      planID: 1,
+      plan: "prod_KtkvuFFLpOdP6e",
+      name: "Plan Free",
+      user_limit: "1",
+      products_limit: "3",
+      type: "PyMES"
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-423/423.png?1660182839373"
+    src: "https://content-management-profile.s3.amazonaws.com/id-65/65.png?1661554813155"
   }
 };

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

@@ -116,6 +116,12 @@ var reducerImages = function reducerImages(state, action) {
         values: values
       });
 
+    case "changeShotType":
+      values[action.index][action.attribute] = action.value;
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), {}, {
+        values: values
+      });
+
     case "changeAttrValue":
       var index = attrForImgs.general.findIndex(function (f) {
         return f.id === action.id;
@@ -445,6 +451,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
       showVersionSelector = _useCloseModal2[0],
       setShowVersionSelector = _useCloseModal2[1];
 
+  var shotThd = [58, 59, 60, 61].includes(activeRetailer.id);
   (0, _react.useEffect)(function () {
     checkAll && setSelectedImages(images.values);
   }, [checkAll]);
@@ -719,7 +726,7 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
   }, [activeRetailer, services]);
 
   var thumbs = function thumbs() {
-    var _images$imageType, _images$imagePackagin, _images$values;
+    var _images$imageType, _images$imagePackagin, _images$imageShotType, _images$values;
 
     var imageInputs = socketType === null || socketType === void 0 ? void 0 : socketType.slice();
     var imageType = images === null || images === void 0 ? void 0 : (_images$imageType = images.imageType) === null || _images$imageType === void 0 ? void 0 : _images$imageType.map(function (e) {
@@ -734,6 +741,12 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         name: e === null || e === void 0 ? void 0 : e.name
       };
     });
+    var imageShotType = images === null || images === void 0 ? void 0 : (_images$imageShotType = images.imageShotType) === null || _images$imageShotType === void 0 ? void 0 : _images$imageShotType.map(function (e) {
+      return {
+        value: e === null || e === void 0 ? void 0 : e.id,
+        name: e === null || e === void 0 ? void 0 : e.type_shot
+      };
+    });
     return 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)(_GalleryElement.GalleryElement, {
         setCheckAll: setCheckAll,
@@ -745,10 +758,12 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
         imageType: imageType,
         imagePackagingType: imagePackagingType,
         imageInputs: imageInputs,
+        imageShotType: imageShotType,
         setSocketType: setSocketType,
         changeImage: setImages,
         selectedImages: selectedImages,
-        setSelectedImages: setSelectedImages
+        setSelectedImages: setSelectedImages,
+        shotThd: shotThd
       }, index + "-" + imageType.name);
     });
   };
@@ -1752,7 +1767,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
           },
           showSaveButton: auditorAssigned() || userAssigned(),
           setShowVersionSelector: setShowVersionSelector,
-          version: version
+          version: version,
+          shotThd: shotThd
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "product-information",
@@ -1858,7 +1874,8 @@ var RetailerProductEdition = function RetailerProductEdition(_ref) {
             children: [!imageLayout && activeTab === "Imágenes" && (product === null || product === void 0 ? void 0 : (_product$services2 = product.services) === null || _product$services2 === void 0 ? void 0 : _product$services2.images) === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GalleryHeader.GalleryHeader, {
               setSelectedImages: setSelectedImages,
               checkAll: checkAll,
-              setCheckAll: setCheckAll
+              setCheckAll: setCheckAll,
+              shotThd: shotThd
             }), activeTab === "Ficha técnica" && ((product === null || product === void 0 ? void 0 : product.datasheet_status) !== "NS" ? (_datasheets$ = datasheets[0]) === null || _datasheets$ === void 0 ? void 0 : (_datasheets$$data = _datasheets$.data) === null || _datasheets$$data === void 0 ? void 0 : _datasheets$$data.map(function (dataGroup, index) {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputGroup.InputGroup, {
                 articleId: product.article.id_article,

package/package.json

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

package/src/components/molecules/GalleryElement/index.js

@@ -16,11 +16,13 @@ export const GalleryElement = ({
   imageInputs,
   imageType,
   imagePackagingType,
+  imageShotType,
   changeImage,
   selectedImages,
   setSelectedImages,
   setCheckAll,
   setSocketType,
+  shotThd,
 }) => {
   const [statusValidation, setStatusValidation] = useState(validation);
   const [showValidationPanel, setShowValidationPanel] = useState(false);
@@ -118,6 +120,22 @@ export const GalleryElement = ({
                   });
                 }}
               />
+              {shotThd && (
+                <Select
+                  width="100%"
+                  placeholder="Tipo de imagen THD"
+                  options={imageShotType}
+                  valueSelected={image.image_shot_type}
+                  onChange={(e) => {
+                    changeImage({
+                      action: "changeShotType",
+                      attribute: "image_shot_type",
+                      value: +e.target.value,
+                      index: number,
+                    });
+                  }}
+                />
+              )}
             </>
           )}
         </div>

package/src/components/molecules/GalleryHeader/index.js

@@ -1,7 +1,7 @@
 import { Container } from "./styles";
 import { CheckBox } from "../../atoms/CheckBox";
 
-export const GalleryHeader = ({ setCheckAll, setSelectedImages }) => {
+export const GalleryHeader = ({ setCheckAll, setSelectedImages, shotThd }) => {
   const checkAll = (e) => {
     const checkboxList = document.querySelectorAll("[id^='gallery-element-']");
     checkboxList.forEach((chk) => (chk.checked = e.target.checked));
@@ -20,6 +20,7 @@ export const GalleryHeader = ({ setCheckAll, setSelectedImages }) => {
       <p className="">Tipo de toma</p>
       <p className="">Tipo de imagen</p>
       <p className="">Tipo de empaque</p>
+      {shotThd && <p className="">Tipo de imagen THD</p>}
     </Container>
   );
 };

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

@@ -18,6 +18,7 @@ export const ImageDataTable = ({
   showSaveButton,
   version,
   setShowVersionSelector,
+  shotThd,
 }) => {
   return (
     <Container darkMode={darkMode}>
@@ -63,6 +64,22 @@ export const ImageDataTable = ({
           }
         />
       </Row>
+      {shotThd && (
+        <Row>
+          <ScreenHeader
+            headerType={"table-row-text"}
+            text="Tipo de imagen THD"
+          />
+          <ScreenHeader
+            headerType={"table-row-text gray-table-row"}
+            text={
+              lists?.imageShotType?.find(
+                (f) => f.id === +activeImage?.image_shot_type
+              )?.type_shot || "-"
+            }
+          />
+        </Row>
+      )}
       <Row>
         <ScreenHeader headerType={"table-row-text"} text="Formato" />
         <ScreenHeader

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

@@ -16,103 +16,92 @@ RetailerProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYjY2YTRhOS03NzkwLTQwMzQtYTMwYS1jMDA4MDg5NjI4NjciLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjBiNjZhNGE5LTc3OTAtNDAzNC1hMzBhLWMwMDgwODk2Mjg2NyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzNmIxMmUwMy0xOWJhLTRiMDktYWJiYS1kZjk3ZTFkNThjZTQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDE4MjgzNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MDE4NjQzNywiaWF0IjoxNjYwMTgyODM3LCJlbWFpbCI6ImJheWFkaTE1MzhAbW5xbG0uY29tIn0.MM9nIHkrRIS2o8_s4BR6VTLgyw3ryvPrr-mf6RtnQ4smng2Q3fmtK07zInNcvcrv8EXO5J9z47_NZ5MOJDo1Pz1CV2cOYM7PT5tEn3F-W4SitqDbBw3KxfkqSMxdZUIHLWECGL-u2ATCYU2J4KRVQi8XSP1qbfv1hu9dh-vID8Fq641ccQwEqUDC13pshDPlR08legg7AAPJqoilV7wuvxqTYAK6fGqMS5jcdW2iDmU0ti9gkydXkYRIC-jg446VOmRCpwzKsk4UAPwlrGeodQ0LV1bfWn_-KVspWCRQd6U5WbFxHn0umYe3CvvPpyVmHzD3F_EMxaVyqV5aW5IoIQ",
+    "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI3MTNhNzQ1Ny1mOTQzLTRiYzktOGViMC04NmI0MWY1YmQ0ZjgiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjcxM2E3NDU3LWY5NDMtNGJjOS04ZWIwLTg2YjQxZjViZDRmOCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlM2ExZmQ2OC02OTAwLTRjNWYtYjM5MC1jNjY0MDZhZjkyMGYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MTU0ODI4NSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MTU1MTg4NSwiaWF0IjoxNjYxNTQ4Mjg1LCJlbWFpbCI6ImhjYXJyaWxsb0Bjb250ZW50b2guY29tIn0.GUmPbOrd8-llRODdaidjReKHBwrVbGV5LP37aD_o14BQ67VSmH2pxLvrZRBNsZhvP0vZuetXt19pyiFgCr1-SF5CMHD3dcnPq2Ka0PUEf8raNEoseCPGaDUugu-waz1qPadZN1OrlhQTm9mOWoGj4u0gQv5FGAbC6xMcRernAo4QX41-Pfjvp2u7p62BYkp6rafzTjazUHZiG-ueqPI9QQQ-2zkbTo46l7TFYz6ATNSiZEvezc52L1nzWDhI5Q8xbNA546WC-leLr30SV9vrXBTGdvLdCKeqEYPrVG1L3nXXZ9CvtHJjdkb60irWZjXT1LbpulfL3IqO2_PKHTUpHQ",
   productSelected: {
     services: {
       datasheets: 1,
       descriptions: 1,
       images: 1,
     },
-    orderId: 2611,
-    status: "CA",
-    datasheet_status: "CA",
+    orderId: 127,
+    status: "AS",
+    datasheet_status: "AS",
     prio: "none",
     version: 2,
-    description_status: "CA",
-    images_status: "IE",
+    description_status: "AS",
+    images_status: "AS",
     article: {
-      id_article: 79722,
-      id_category: "165",
-      name: "FS SUAVITEL Utra 8L CLB",
-      upc: "7509546684116",
-      timestamp: "2022-08-22T18:59:35.000Z",
-      id_user: 1258,
+      id_article: 76186,
+      id_category: "399",
+      name: "Croquetas Dog Chow",
+      upc: "4535354",
+      timestamp: "2022-07-21T15:20:25.000Z",
+      id_user: 28,
       status: "NULL",
       active: 1,
-      company_id: 226,
-      SKU: null,
-      Descripcion: null,
-      Proveedor: null,
-      id_proveedor: 0,
-      company_name: "COLGATE PALMOLIVE S.A. DE C.V.",
-      country: null,
-      id_order: 2611,
-      id_datasheet_especialist: 334,
-      id_datasheet_facilitator: 158,
-      id_description_especialist: 334,
-      id_description_facilitator: 158,
-      id_images_especialist: 366,
-      id_images_facilitator: 160,
-      id_auditor: 9,
+      company_id: 1,
+      company_name: "COMPANY DEV",
+      country: "México",
+      id_order: 127,
+      id_datasheet_especialist: 54,
+      id_datasheet_facilitator: 52,
+      id_description_especialist: 54,
+      id_description_facilitator: 52,
+      id_images_especialist: 55,
+      id_images_facilitator: 53,
+      id_auditor: 30,
       id_recepcionist: null,
-      category: "Consumibles|Productos de Limpieza y Lavandería|Suavizantes",
-      missingAttributes: -44,
-      missingDescriptions: 0,
-      missingImages: 8,
+      category: "Mascotas|Alimentos y Premios|Alimento para Perros",
+      missingAttributes: null,
+      missingDescriptions: null,
+      missingImages: null,
     },
     retailers: [
       {
-        id: 3,
-        name: "Sam´s Club",
-        country: "México",
-        id_region: 1,
-        active: 1,
-      },
-      {
-        id: 43,
-        name: "City Club",
+        id: 2,
+        name: "Walmart Mercancías Generales",
         country: "México",
         id_region: 1,
         active: 1,
       },
     ],
-    country: null,
-    upc: "7509546684116",
+    country: "México",
+    upc: "4535354",
   },
   location: {
     product: { articleId: 109485, versionId: 3 },
   },
   user: {
-    id_user: 334,
-    name: "Facilitador Textos",
-    last_name: " ",
-    email: "bayadi1538@mnqlm.com",
-    position: "Tester",
+    id_user: 65,
+    name: "Oscar",
+    last_name: "Arenas",
+    email: "oarenas@contentoh.com",
+    position: null,
     telephone: null,
     country: null,
-    id_company: 254,
-    id_cognito: "0b66a4a9-7790-4034-a30a-c00808962867",
+    id_company: 2,
+    id_cognito: "73cc8d40-c841-422a-a2f2-e69d7fe26ebf",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
     id_stripe: null,
-    id_role: 7,
+    id_role: 1,
     active: 1,
     is_retailer: 0,
-    email_notify: null,
+    email_notify: 0,
     membership: {
-      id: 750,
-      start_date: "2022-01-07T21:32:54.000Z",
-      end_date: "2023-01-07T21:32:54.000Z",
-      planID: 6,
-      plan: "prod_KvGd6YSTJyR3AP",
-      name: "Plan Small",
-      user_limit: "10",
-      products_limit: "1000",
-      type: "Enterprise",
+      id: 2,
+      start_date: "2021-11-05T02:35:12.000Z",
+      end_date: "2022-11-05T02:34:49.000Z",
+      planID: 1,
+      plan: "prod_KtkvuFFLpOdP6e",
+      name: "Plan Free",
+      user_limit: "1",
+      products_limit: "3",
+      type: "PyMES",
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-423/423.png?1660182839373",
+    src: "https://content-management-profile.s3.amazonaws.com/id-65/65.png?1661554813155",
   },
 };

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

@@ -59,6 +59,10 @@ const reducerImages = (state, action) => {
     case "changeImageInfo":
       values[action.index][action.attribute] = action.value;
       return { ...state, values };
+    case "changeShotType":
+      values[action.index][action.attribute] = action.value;
+      return { ...state, values };
+
     case "changeAttrValue":
       const index = attrForImgs.general.findIndex((f) => f.id === action.id);
       if (index !== -1) {
@@ -209,6 +213,7 @@ export const RetailerProductEdition = ({
   const [showCreateVersion, setShowCreateVersion] = useState(false);
   const [showVersionSelector, setShowVersionSelector] =
     useCloseModal("version-selector");
+  const shotThd = [58, 59, 60, 61].includes(activeRetailer.id);
 
   useEffect(() => {
     checkAll && setSelectedImages(images.values);
@@ -409,6 +414,10 @@ export const RetailerProductEdition = ({
       value: e?.id,
       name: e?.name,
     }));
+    const imageShotType = images?.imageShotType?.map((e) => ({
+      value: e?.id,
+      name: e?.type_shot,
+    }));
     return images?.values?.map((image, index) => (
       <GalleryElement
         setCheckAll={setCheckAll}
@@ -421,10 +430,12 @@ export const RetailerProductEdition = ({
         imageType={imageType}
         imagePackagingType={imagePackagingType}
         imageInputs={imageInputs}
+        imageShotType={imageShotType}
         setSocketType={setSocketType}
         changeImage={setImages}
         selectedImages={selectedImages}
         setSelectedImages={setSelectedImages}
+        shotThd={shotThd}
       />
     ));
   };
@@ -1187,6 +1198,7 @@ export const RetailerProductEdition = ({
             showSaveButton={auditorAssigned() || userAssigned()}
             setShowVersionSelector={setShowVersionSelector}
             version={version}
+            shotThd={shotThd}
           />
         </div>
         <div className="product-information">
@@ -1330,6 +1342,7 @@ export const RetailerProductEdition = ({
                       setSelectedImages={setSelectedImages}
                       checkAll={checkAll}
                       setCheckAll={setCheckAll}
+                      shotThd={shotThd}
                     />
                   )}
                 {activeTab === "Ficha técnica" &&