contentoh-components-library 21.4.63 → 21.4.65

package/dist/index.js

@@ -446,7 +446,7 @@ Object.keys(_index34).forEach(function (key) {
   });
 });
 
-var _index35 = require("./components/molecules/AvatarAndValidation/index");
+var _index35 = require("./components/atoms/UserOption/index");
 
 Object.keys(_index35).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -459,20 +459,7 @@ Object.keys(_index35).forEach(function (key) {
   });
 });
 
-var _CarouselImagesLogin = require("./components/molecules/CarouselImagesLogin");
-
-Object.keys(_CarouselImagesLogin).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _CarouselImagesLogin[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _CarouselImagesLogin[key];
-    }
-  });
-});
-
-var _index36 = require("./components/molecules/EditionActiveImage/index");
+var _index36 = require("./components/atoms/UserCatalog/index");
 
 Object.keys(_index36).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -485,7 +472,7 @@ Object.keys(_index36).forEach(function (key) {
   });
 });
 
-var _index37 = require("./components/molecules/EmailResetPasswordLogin/index");
+var _index37 = require("./components/atoms/UserSelector/index");
 
 Object.keys(_index37).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -498,7 +485,7 @@ Object.keys(_index37).forEach(function (key) {
   });
 });
 
-var _index38 = require("./components/molecules/FeaturesBar/index");
+var _index38 = require("./components/atoms/ImageCarousel/index");
 
 Object.keys(_index38).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -511,7 +498,7 @@ Object.keys(_index38).forEach(function (key) {
   });
 });
 
-var _index39 = require("./components/molecules/GalleryElement/index");
+var _index39 = require("./components/atoms/RetailersList/index");
 
 Object.keys(_index39).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -524,7 +511,7 @@ Object.keys(_index39).forEach(function (key) {
   });
 });
 
-var _index40 = require("./components/molecules/HeaderTop/index");
+var _index40 = require("./components/atoms/RetailerOption/index");
 
 Object.keys(_index40).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -537,7 +524,7 @@ Object.keys(_index40).forEach(function (key) {
   });
 });
 
-var _index41 = require("./components/molecules/ImageSelector/index");
+var _index41 = require("./components/atoms/RetailerCatalog/index");
 
 Object.keys(_index41).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -550,7 +537,7 @@ Object.keys(_index41).forEach(function (key) {
   });
 });
 
-var _index42 = require("./components/molecules/LoginPasswordStrength/index");
+var _index42 = require("./components/molecules/AvatarAndValidation/index");
 
 Object.keys(_index42).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -563,7 +550,20 @@ Object.keys(_index42).forEach(function (key) {
   });
 });
 
-var _index43 = require("./components/molecules/LogoLoading/index");
+var _CarouselImagesLogin = require("./components/molecules/CarouselImagesLogin");
+
+Object.keys(_CarouselImagesLogin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CarouselImagesLogin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CarouselImagesLogin[key];
+    }
+  });
+});
+
+var _index43 = require("./components/molecules/EditionActiveImage/index");
 
 Object.keys(_index43).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -576,7 +576,7 @@ Object.keys(_index43).forEach(function (key) {
   });
 });
 
-var _index44 = require("./components/molecules/PlanSelection/index");
+var _index44 = require("./components/molecules/EmailResetPasswordLogin/index");
 
 Object.keys(_index44).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -589,7 +589,7 @@ Object.keys(_index44).forEach(function (key) {
   });
 });
 
-var _index45 = require("./components/molecules/ProductNameHeader/index");
+var _index45 = require("./components/molecules/FeaturesBar/index");
 
 Object.keys(_index45).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -602,7 +602,7 @@ Object.keys(_index45).forEach(function (key) {
   });
 });
 
-var _index46 = require("./components/molecules/RegistrationFirstStep/index");
+var _index46 = require("./components/molecules/GalleryElement/index");
 
 Object.keys(_index46).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -615,7 +615,7 @@ Object.keys(_index46).forEach(function (key) {
   });
 });
 
-var _index47 = require("./components/molecules/RegistrationSecondStep/index");
+var _index47 = require("./components/molecules/HeaderTop/index");
 
 Object.keys(_index47).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -628,7 +628,7 @@ Object.keys(_index47).forEach(function (key) {
   });
 });
 
-var _index48 = require("./components/molecules/RegistrationThirdStep/index");
+var _index48 = require("./components/molecules/ImageSelector/index");
 
 Object.keys(_index48).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -641,7 +641,7 @@ Object.keys(_index48).forEach(function (key) {
   });
 });
 
-var _index49 = require("./components/molecules/SignInLogin/index");
+var _index49 = require("./components/molecules/LoginPasswordStrength/index");
 
 Object.keys(_index49).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -654,7 +654,7 @@ Object.keys(_index49).forEach(function (key) {
   });
 });
 
-var _index50 = require("./components/molecules/StatusAsignationInfo/index");
+var _index50 = require("./components/molecules/LogoLoading/index");
 
 Object.keys(_index50).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -667,7 +667,7 @@ Object.keys(_index50).forEach(function (key) {
   });
 });
 
-var _index51 = require("./components/molecules/TableHeader/index");
+var _index51 = require("./components/molecules/PlanSelection/index");
 
 Object.keys(_index51).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -680,7 +680,7 @@ Object.keys(_index51).forEach(function (key) {
   });
 });
 
-var _index52 = require("./components/molecules/TableRow/index");
+var _index52 = require("./components/molecules/ProductNameHeader/index");
 
 Object.keys(_index52).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -693,7 +693,7 @@ Object.keys(_index52).forEach(function (key) {
   });
 });
 
-var _index53 = require("./components/molecules/TabsMenu/index");
+var _index53 = require("./components/molecules/RegistrationFirstStep/index");
 
 Object.keys(_index53).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -706,7 +706,7 @@ Object.keys(_index53).forEach(function (key) {
   });
 });
 
-var _index54 = require("./components/molecules/TagAndInput/index");
+var _index54 = require("./components/molecules/RegistrationSecondStep/index");
 
 Object.keys(_index54).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -719,7 +719,7 @@ Object.keys(_index54).forEach(function (key) {
   });
 });
 
-var _index55 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
+var _index55 = require("./components/molecules/RegistrationThirdStep/index");
 
 Object.keys(_index55).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -732,7 +732,7 @@ Object.keys(_index55).forEach(function (key) {
   });
 });
 
-var _index56 = require("./components/molecules/RetailerSelector/index");
+var _index56 = require("./components/molecules/SignInLogin/index");
 
 Object.keys(_index56).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -745,7 +745,7 @@ Object.keys(_index56).forEach(function (key) {
   });
 });
 
-var _index57 = require("./components/molecules/CustomSelect/index");
+var _index57 = require("./components/molecules/StatusAsignationInfo/index");
 
 Object.keys(_index57).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -758,7 +758,7 @@ Object.keys(_index57).forEach(function (key) {
   });
 });
 
-var _index58 = require("./components/molecules/ButtonDownloadFile/index");
+var _index58 = require("./components/molecules/TableHeader/index");
 
 Object.keys(_index58).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -771,7 +771,7 @@ Object.keys(_index58).forEach(function (key) {
   });
 });
 
-var _index59 = require("./components/molecules/ImageTooltip/index");
+var _index59 = require("./components/molecules/TableRow/index");
 
 Object.keys(_index59).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -784,7 +784,7 @@ Object.keys(_index59).forEach(function (key) {
   });
 });
 
-var _index60 = require("./components/molecules/SelectV2/index");
+var _index60 = require("./components/molecules/TabsMenu/index");
 
 Object.keys(_index60).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -797,7 +797,7 @@ Object.keys(_index60).forEach(function (key) {
   });
 });
 
-var _index61 = require("./components/molecules/Dropdown/index");
+var _index61 = require("./components/molecules/TagAndInput/index");
 
 Object.keys(_index61).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -810,7 +810,7 @@ Object.keys(_index61).forEach(function (key) {
   });
 });
 
-var _index62 = require("./components/molecules/StripeCardForm/index");
+var _index62 = require("./components/molecules/VerificationCodeResetPasswordLogin/index");
 
 Object.keys(_index62).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -823,7 +823,7 @@ Object.keys(_index62).forEach(function (key) {
   });
 });
 
-var _index63 = require("./components/molecules/StripeCardSelector/index");
+var _index63 = require("./components/molecules/RetailerSelector/index");
 
 Object.keys(_index63).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -836,7 +836,7 @@ Object.keys(_index63).forEach(function (key) {
   });
 });
 
-var _index64 = require("./components/organisms/ChangePassword/index");
+var _index64 = require("./components/molecules/CustomSelect/index");
 
 Object.keys(_index64).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -849,7 +849,7 @@ Object.keys(_index64).forEach(function (key) {
   });
 });
 
-var _index65 = require("./components/organisms/Fullplan/index");
+var _index65 = require("./components/molecules/ButtonDownloadFile/index");
 
 Object.keys(_index65).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -862,7 +862,7 @@ Object.keys(_index65).forEach(function (key) {
   });
 });
 
-var _index66 = require("./components/organisms/FullProductNameHeader/index");
+var _index66 = require("./components/molecules/ImageTooltip/index");
 
 Object.keys(_index66).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -875,7 +875,7 @@ Object.keys(_index66).forEach(function (key) {
   });
 });
 
-var _index67 = require("./components/organisms/FullTabsMenu/index");
+var _index67 = require("./components/molecules/SelectV2/index");
 
 Object.keys(_index67).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -888,7 +888,7 @@ Object.keys(_index67).forEach(function (key) {
   });
 });
 
-var _index68 = require("./components/organisms/ImageDataTable/index");
+var _index68 = require("./components/molecules/Dropdown/index");
 
 Object.keys(_index68).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -901,7 +901,7 @@ Object.keys(_index68).forEach(function (key) {
   });
 });
 
-var _index69 = require("./components/organisms/ImagePreviewer/index");
+var _index69 = require("./components/molecules/StripeCardForm/index");
 
 Object.keys(_index69).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -914,7 +914,7 @@ Object.keys(_index69).forEach(function (key) {
   });
 });
 
-var _index70 = require("./components/organisms/ImagesGroup/index");
+var _index70 = require("./components/molecules/StripeCardSelector/index");
 
 Object.keys(_index70).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -927,7 +927,7 @@ Object.keys(_index70).forEach(function (key) {
   });
 });
 
-var _index71 = require("./components/organisms/InputGroup/index");
+var _index71 = require("./components/molecules/GridItem/index");
 
 Object.keys(_index71).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -940,7 +940,7 @@ Object.keys(_index71).forEach(function (key) {
   });
 });
 
-var _index72 = require("./components/organisms/ProductImageModal/index");
+var _index72 = require("./components/molecules/HeaderItem/index");
 
 Object.keys(_index72).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -953,7 +953,7 @@ Object.keys(_index72).forEach(function (key) {
   });
 });
 
-var _index73 = require("./components/organisms/Chat/index");
+var _index73 = require("./components/molecules/RowItem/index");
 
 Object.keys(_index73).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -966,7 +966,7 @@ Object.keys(_index73).forEach(function (key) {
   });
 });
 
-var _index74 = require("./components/organisms/Modal/index");
+var _index74 = require("./components/organisms/ChangePassword/index");
 
 Object.keys(_index74).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -979,7 +979,7 @@ Object.keys(_index74).forEach(function (key) {
   });
 });
 
-var _index75 = require("./components/organisms/OrderDetail/index");
+var _index75 = require("./components/organisms/Fullplan/index");
 
 Object.keys(_index75).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -992,6 +992,136 @@ Object.keys(_index75).forEach(function (key) {
   });
 });
 
+var _index76 = require("./components/organisms/FullProductNameHeader/index");
+
+Object.keys(_index76).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index76[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index76[key];
+    }
+  });
+});
+
+var _index77 = require("./components/organisms/FullTabsMenu/index");
+
+Object.keys(_index77).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index77[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index77[key];
+    }
+  });
+});
+
+var _index78 = require("./components/organisms/ImageDataTable/index");
+
+Object.keys(_index78).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index78[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index78[key];
+    }
+  });
+});
+
+var _index79 = require("./components/organisms/ImagePreviewer/index");
+
+Object.keys(_index79).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index79[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index79[key];
+    }
+  });
+});
+
+var _index80 = require("./components/organisms/ImagesGroup/index");
+
+Object.keys(_index80).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index80[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index80[key];
+    }
+  });
+});
+
+var _index81 = require("./components/organisms/InputGroup/index");
+
+Object.keys(_index81).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index81[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index81[key];
+    }
+  });
+});
+
+var _index82 = require("./components/organisms/ProductImageModal/index");
+
+Object.keys(_index82).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index82[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index82[key];
+    }
+  });
+});
+
+var _index83 = require("./components/organisms/Chat/index");
+
+Object.keys(_index83).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index83[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index83[key];
+    }
+  });
+});
+
+var _index84 = require("./components/organisms/Modal/index");
+
+Object.keys(_index84).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index84[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index84[key];
+    }
+  });
+});
+
+var _index85 = require("./components/organisms/OrderDetail/index");
+
+Object.keys(_index85).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index85[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index85[key];
+    }
+  });
+});
+
 var _RangeCalendar = require("./components/organisms/RangeCalendar");
 
 Object.keys(_RangeCalendar).forEach(function (key) {
@@ -1018,15 +1148,28 @@ Object.keys(_TableResizable).forEach(function (key) {
   });
 });
 
-var _index76 = require("./components/organisms/SideModal/index");
+var _index86 = require("./components/organisms/SideModal/index");
 
-Object.keys(_index76).forEach(function (key) {
+Object.keys(_index86).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _index76[key]) return;
+  if (key in exports && exports[key] === _index86[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function get() {
-      return _index76[key];
+      return _index86[key];
+    }
+  });
+});
+
+var _index87 = require("./components/organisms/GridProducts/index");
+
+Object.keys(_index87).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _index87[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _index87[key];
     }
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "contentoh-components-library",
-  "version": "21.4.63",
+  "version": "21.4.65",
   "dependencies": {
     "@aws-amplify/auth": "^4.5.3",
     "@aws-amplify/datastore": "^3.11.0",
@@ -30,6 +30,7 @@
     "contentoh-components-library": "^21.0.18",
     "draft-js": "^0.11.7",
     "file-saver": "^2.0.5",
+    "infinite-react-carousel": "^1.2.11",
     "js-base64": "^3.7.2",
     "moment": "^2.29.4",
     "prop-types": "^15.7.2",

package/src/components/atoms/Avatar/index.js

@@ -2,12 +2,18 @@ import { Container } from "./styles";
 import ReactImageFallback from "react-image-fallback";
 import defaultProfile from "../../../assets/images/defaultImages/defaultProfileImage.svg";
 
-export const Avatar = ({ image, altText, imageType, onClick }) => {
+export const Avatar = ({
+  image,
+  altText,
+  imageType,
+  onClick,
+  fallbackImage,
+}) => {
   return (
     <Container className={imageType}>
       <ReactImageFallback
         src={image}
-        fallbackImage={defaultProfile}
+        fallbackImage={fallbackImage || defaultProfile}
         alt={altText}
         onClick={onClick}
       />

package/src/components/atoms/CheckBox/styles.js

@@ -46,6 +46,8 @@ export const Container = styled.div`
       top: 50%;
       transform: translateY(-50%);
       background-image: url(${unchecked});
+      z-index: 5;
+      cursor: pointer;
     }
   }
 `;

package/src/components/atoms/ImageCarousel/ImgeSlider.stories.js

@@ -0,0 +1,76 @@
+import { ImageCarousel } from ".";
+
+export default {
+  title: "Components/atoms/ImageCarousel",
+  component: ImageCarousel,
+};
+
+const Template = (args) => <ImageCarousel {...args} />;
+export const ImageCarouselDefault = Template.bind({});
+ImageCarouselDefault.args = {
+  imageArray: [
+    {
+      id: 35596,
+      status: null,
+      image_id: 1,
+      packing_type: "3",
+      image_type: "1",
+      article_id: "38443",
+      src: "https://d24s337exbt5zr.cloudfront.net/eyJidWNrZXQiOiJjb250ZW50LW1hbmFnZW1lbnQtaW1hZ2VzIiwia2V5IjoiaWQtMzg0NDMvMTUvMS1kNDQ2ZjIwNy0wYTkzLTQyNzgtYWZjNi01MTY2ZjIyY2EzNDMucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxMDAwLCJoZWlnaHQiOjEwMDAsImZpdCI6ImNvbnRhaW4iLCJiYWNrZ3JvdW5kIjp7InIiOjI1NSwiZyI6MjU1LCJiIjoyNTUsImFscGhhIjoxfX19fQ==",
+      timestamp: "2023-05-30T03:01:12.000Z",
+      id_version: 15,
+      width: null,
+      height: null,
+      scene_type: null,
+      image_shot_type: null,
+      last_modified: "2023-06-05T23:49:49.000Z",
+      name: "Central (Frente Comercial)",
+      version: 15,
+      ext: "png",
+      uuid: "d446f207-0a93-4278-afc6-5166f22ca343",
+      srcDB: "id-38443/15/1-d446f207-0a93-4278-afc6-5166f22ca343.png",
+    },
+    {
+      id: 35597,
+      status: null,
+      image_id: 3,
+      packing_type: "3",
+      image_type: "1",
+      article_id: "38443",
+      src: "https://d24s337exbt5zr.cloudfront.net/eyJidWNrZXQiOiJjb250ZW50LW1hbmFnZW1lbnQtaW1hZ2VzIiwia2V5IjoiaWQtMzg0NDMvMTUvMy0yOTZkMzU3ZC00OTUzLTRiMzktYjFjMy04YWZmZDI2NDgwMWIucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxMDAwLCJoZWlnaHQiOjEwMDAsImZpdCI6ImNvbnRhaW4iLCJiYWNrZ3JvdW5kIjp7InIiOjI1NSwiZyI6MjU1LCJiIjoyNTUsImFscGhhIjoxfX19fQ==",
+      timestamp: "2023-05-30T03:01:12.000Z",
+      id_version: 15,
+      width: null,
+      height: null,
+      scene_type: null,
+      image_shot_type: null,
+      last_modified: "2023-06-05T23:49:49.000Z",
+      name: "Trasera (Back)",
+      version: 15,
+      ext: "png",
+      uuid: "296d357d-4953-4b39-b1c3-8affd264801b",
+      srcDB: "id-38443/15/3-296d357d-4953-4b39-b1c3-8affd264801b.png",
+    },
+    {
+      id: 35598,
+      status: null,
+      image_id: 16,
+      packing_type: "3",
+      image_type: "1",
+      article_id: "38443",
+      src: "https://d24s337exbt5zr.cloudfront.net/eyJidWNrZXQiOiJjb250ZW50LW1hbmFnZW1lbnQtaW1hZ2VzIiwia2V5IjoiaWQtMzg0NDMvMTUvMTYtOGMzNDIzM2YtZTRiMC00MjU0LWFlYzUtZjEyN2ZiYjhkYmVkLnBuZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6MTAwMCwiaGVpZ2h0IjoxMDAwLCJmaXQiOiJjb250YWluIiwiYmFja2dyb3VuZCI6eyJyIjoyNTUsImciOjI1NSwiYiI6MjU1LCJhbHBoYSI6MX19fX0=",
+      timestamp: "2023-05-30T03:01:12.000Z",
+      id_version: 15,
+      width: null,
+      height: null,
+      scene_type: null,
+      image_shot_type: null,
+      last_modified: "2023-06-05T23:49:49.000Z",
+      name: "Detalle / Características 1",
+      version: 15,
+      ext: "png",
+      uuid: "8c34233f-e4b0-4254-aec5-f127fbb8dbed",
+      srcDB: "id-38443/15/16-8c34233f-e4b0-4254-aec5-f127fbb8dbed.png",
+    },
+  ],
+};