contentoh-components-library 21.0.81 → 21.0.84

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

@@ -34,14 +34,15 @@ var GalleryElement = function GalleryElement(_ref) {
       _ref$id = _ref.id,
       id = _ref$id === void 0 ? "chk-default" : _ref$id,
       label = _ref.label,
-      index = _ref.index,
+      number = _ref.number,
       imageInputs = _ref.imageInputs,
       imageType = _ref.imageType,
       imagePackagingType = _ref.imagePackagingType,
       changeImage = _ref.changeImage,
       selectedImages = _ref.selectedImages,
       setSelectedImages = _ref.setSelectedImages,
-      setCheckAll = _ref.setCheckAll;
+      setCheckAll = _ref.setCheckAll,
+      setSocketType = _ref.setSocketType;
 
   var _useState = (0, _react.useState)(validation),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -110,14 +111,16 @@ var GalleryElement = function GalleryElement(_ref) {
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
             width: "100%",
             placeholder: "Tipo de toma",
-            options: imageInputs,
+            options: imageInputs === null || imageInputs === void 0 ? void 0 : imageInputs.filter(function (img) {
+              return img.value === image.image_id || !img.active;
+            }),
             valueSelected: image.image_id,
             onChange: function onChange(e) {
               changeImage({
                 action: "changeImageInfo",
                 attribute: "image_id",
                 value: +e.target.value,
-                index: index
+                index: number
               });
             }
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
@@ -130,7 +133,7 @@ var GalleryElement = function GalleryElement(_ref) {
                 action: "changeImageInfo",
                 attribute: "image_type",
                 value: +e.target.value,
-                index: index
+                index: number
               });
             }
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
@@ -143,7 +146,7 @@ var GalleryElement = function GalleryElement(_ref) {
                 action: "changeImageInfo",
                 attribute: "packing_type",
                 value: +e.target.value,
-                index: index
+                index: number
               });
             }
           })]

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

@@ -75,7 +75,10 @@ var StatusAsignationInfo = function StatusAsignationInfo(_ref) {
   }, [showAsignationPanel]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     id: id,
-    children: [showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
+    children: [status !== "-" && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.StatusTag, {
+      statusType: status,
+      ovalForm: true
+    }), showSaveButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
       buttonType: "circular-button save-button",
       onClick: onClickSave
     }), imagesSection && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

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

@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _templateObject;
 
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 5px;\n  border-bottom: 1px solid ", ";\n\n  .input-name-header {\n    overflow: auto;\n    max-width: 40%;\n    white-space: nowrap;\n  }\n  .status-asignation-info {\n    display: flex;\n    align-items: center;\n\n    * + * {\n      margin-left: 5px;\n    }\n  }\n\n  & + * {\n    margin-top: 4px;\n  }\n"])), _variables.GlobalColors.s2);
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: 5px;\n  border-bottom: 1px solid ", ";\n\n  .input-name-header {\n    overflow-x: auto;\n    max-width: 40%;\n    white-space: nowrap;\n    height: 23px;\n    line-height: 23px;\n    text-overflow: initial;\n  }\n  .status-asignation-info {\n    display: flex;\n    align-items: center;\n\n    * + * {\n      margin-left: 5px;\n    }\n  }\n\n  & + * {\n    margin-top: 4px;\n  }\n"])), _variables.GlobalColors.s2);
 
 exports.Container = Container;

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

@@ -36,60 +36,108 @@ ProviderProductEditionDefault.args = {
   category: 846,
   version: 2,
   productSelected: {
-    id_article: 32,
-    id_category: "781",
-    name: "PRODUCTO 10",
-    upc: "PRUEBA10",
-    timestamp: "2021-11-09T23:22:36.000Z",
-    status: "NULL",
-    categoryName: "TECNOLOGÍA Y ELECTRÓNICA|VIDEO|DVD Y BLU-RAY",
-    asignations: [],
+    orderId: 2,
+    status: "AA",
+    datasheet_status: "AA",
+    prio: "none",
     version: 2,
-    version_status: "AC",
-    retailersAvailable: [{
-      id: 2,
-      name: "Walmart Mercancías Generales",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 3,
-      name: "Sam´s Club",
+    description_status: "AP",
+    images_status: "AA",
+    brand: null,
+    retailerOrder: 0,
+    missing: {
+      datasheet: 0,
+      descriptions: 0,
+      images: -1
+    },
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1
+    },
+    article: {
+      category: "ILUMINACIÓN|FOCOS|LEDS",
+      company_name: "COMPANY DEV",
       country: "México",
-      id_region: 1,
-      active: 1
+      id_category: "2146",
+      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_order: 2,
+      id_article: 35319,
+      id_auditor: 30,
+      name: "FOCO LED A19 (60W) LUZ AMARILLA",
+      upc: "120873"
+    },
+    retailers: [{
+      id: 58,
+      name: "The Home Depot Golden"
+    }],
+    retailersAvailable: [{
+      id: 58,
+      name: "The Home Depot Golden"
     }],
-    missing: {}
+    categoryName: "ILUMINACIÓN|FOCOS|LEDS",
+    upc: "120873",
+    id_article: 35319,
+    id_order: 2
   },
   productToEdit: {
-    idCategory: "781",
-    ArticleId: 32,
-    product: [{
-      id_article: 32,
-      id_category: "781",
-      name: "PRODUCTO 10",
-      upc: "PRUEBA10",
-      timestamp: "2021-11-09T23:22:36.000Z",
-      status: "NULL",
-      categoryName: "TECNOLOGÍA Y ELECTRÓNICA|VIDEO|DVD Y BLU-RAY",
-      asignations: [],
+    ArticleId: 35319,
+    idCategory: "2146",
+    product: {
+      orderId: 2,
+      status: "AA",
+      datasheet_status: "AA",
+      prio: "none",
       version: 2,
-      version_status: "AC",
-      retailersAvailable: [{
-        id: 2,
-        name: "Walmart Mercancías Generales",
-        country: "México",
-        id_region: 1,
-        active: 1
-      }, {
-        id: 3,
-        name: "Sam´s Club",
+      description_status: "AP",
+      images_status: "AA",
+      brand: null,
+      retailerOrder: 0,
+      missing: {
+        datasheet: 0,
+        descriptions: 0,
+        images: -1
+      },
+      services: {
+        datasheets: 1,
+        descriptions: 1,
+        images: 1
+      },
+      article: {
+        category: "ILUMINACIÓN|FOCOS|LEDS",
+        company_name: "COMPANY DEV",
         country: "México",
-        id_region: 1,
-        active: 1
+        id_category: "2146",
+        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_order: 2,
+        id_article: 35319,
+        id_auditor: 30,
+        name: "FOCO LED A19 (60W) LUZ AMARILLA",
+        upc: "120873"
+      },
+      retailers: [{
+        id: 58,
+        name: "The Home Depot Golden"
       }],
-      missing: {}
-    }]
+      retailersAvailable: [{
+        id: 58,
+        name: "The Home Depot Golden"
+      }],
+      categoryName: "ILUMINACIÓN|FOCOS|LEDS",
+      upc: "120873",
+      id_article: 35319,
+      id_order: 2
+    }
   },
   location: {
     product: {
@@ -130,6 +178,6 @@ ProviderProductEditionDefault.args = {
       products_limit: "5000",
       type: "Enterprise"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1653957474326"
+    src: "https://content-management-profile.s3.amazonaws.com/id-28/28.png?1655246340910"
   }
 };

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

@@ -439,6 +439,11 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
       modalViewTextArea = _useState78[0],
       setModalViewTextArea = _useState78[1];
 
+  var _useState79 = (0, _react.useState)(null),
+      _useState80 = (0, _slicedToArray2.default)(_useState79, 2),
+      socketType = _useState80[0],
+      setSocketType = _useState80[1];
+
   (0, _react.useEffect)(function () {
     checkAll && setSelectedImages(images.values);
   }, [checkAll]);
@@ -462,7 +467,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
               setImages({
                 action: "init",
-                init: services[2]
+                init: JSON.parse(sessionStorage.getItem("imagesList")) || services[2]
               });
               if (((_services$ = services[2]) === null || _services$ === void 0 ? void 0 : (_services$$values = _services$.values) === null || _services$$values === void 0 ? void 0 : _services$$values.length) > 0) setActiveImage(0);
               setActiveRetailer(product.retailers ? product.retailers[0] : product.retailersAvailable[0]);
@@ -538,9 +543,10 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
   var isRevision = function isRevision() {
     if (productEdit) {
-      var concept = getConcept(activeTab);
+      var _concept = getConcept(activeTab);
+
       var _isRetailer = user.is_retailer;
-      var currentService = productEdit === null || productEdit === void 0 ? void 0 : productEdit.product["".concat(concept, "_status")];
+      var currentService = productEdit === null || productEdit === void 0 ? void 0 : productEdit.product["".concat(_concept, "_status")];
       var orgn = origin[activeTab];
 
       var _revision = ["RequestWithContentoh", "RequestWithoutContentoh", "Contentoh"].includes(orgn);
@@ -684,15 +690,9 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   }, [activeRetailer, services]);
 
   var thumbs = function thumbs() {
-    var _images$inputs, _images$imageType, _images$imagePackagin, _images$values;
+    var _images$imageType, _images$imagePackagin, _images$values;
 
-    var imageInputs = images === null || images === void 0 ? void 0 : (_images$inputs = images.inputs) === null || _images$inputs === void 0 ? void 0 : _images$inputs.map(function (e) {
-      return {
-        value: e === null || e === void 0 ? void 0 : e.id,
-        name: e === null || e === void 0 ? void 0 : e.name,
-        required: e === null || e === void 0 ? void 0 : e.required
-      };
-    });
+    var imageInputs = 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) {
       return {
         value: e === null || e === void 0 ? void 0 : e.id,
@@ -711,7 +711,8 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
         image: image,
         gridLayout: imageLayout,
         id: "gallery-element-" + index,
-        index: index,
+        index: index + "-" + image.name,
+        number: index,
         imageType: imageType,
         imagePackagingType: imagePackagingType,
         imageInputs: imageInputs,
@@ -722,6 +723,22 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
     });
   };
 
+  (0, _react.useEffect)(function () {
+    var _images$inputs;
+
+    var imageInputs = images === null || images === void 0 ? void 0 : (_images$inputs = images.inputs) === null || _images$inputs === void 0 ? void 0 : _images$inputs.map(function (e) {
+      return {
+        value: e === null || e === void 0 ? void 0 : e.id,
+        name: e === null || e === void 0 ? void 0 : e.name,
+        required: e === null || e === void 0 ? void 0 : e.required,
+        active: images === null || images === void 0 ? void 0 : images.values.some(function (value) {
+          return (value === null || value === void 0 ? void 0 : value.image_id) === (e === null || e === void 0 ? void 0 : e.id);
+        })
+      };
+    });
+    setSocketType(imageInputs);
+  }, [images]);
+
   var saveDescriptions = /*#__PURE__*/function () {
     var _ref7 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee6() {
       var productTemp, dataObject;
@@ -950,7 +967,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
         switch (_context9.prev = _context9.next) {
           case 0:
             if (!imagesUploaded) {
-              _context9.next = 13;
+              _context9.next = 14;
               break;
             }
 
@@ -973,21 +990,22 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
           case 6:
             setMessage("Imágenes guardadas con éxito");
+            sessionStorage.removeItem("imagesList");
             loadData();
-            _context9.next = 13;
+            _context9.next = 14;
             break;
 
-          case 10:
-            _context9.prev = 10;
+          case 11:
+            _context9.prev = 11;
             _context9.t0 = _context9["catch"](3);
             console.log(_context9.t0);
 
-          case 13:
+          case 14:
           case "end":
             return _context9.stop();
         }
       }
-    }, _callee9, null, [[3, 10]]);
+    }, _callee9, null, [[3, 11]]);
   })), [dataImages, imagesUploaded]);
 
   var evaluationFinished = function evaluationFinished(userId, tab, statusArray) {// const srv = servicesData.filter((serv) => serv.service === getConcept(tab));
@@ -1422,24 +1440,39 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
   };
 
   var deleteImages = function deleteImages() {
-    var data = {
-      articleId: product.id_article,
-      deleteImages: selectedImages
-    };
+    setLoading(true);
+    var imagesTemp = images;
+    var values = images.values;
+    var imgsInBack = [];
+    selectedImages.forEach(function (selectedImg) {
+      if (selectedImg.id) imgsInBack.push(selectedImg);
+    });
+    var imgsLeft = values.filter(function (value) {
+      return selectedImages.indexOf(value) === -1;
+    });
+    imagesTemp.values = imgsLeft;
 
-    try {
-      _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), data, {
-        headers: {
-          Authorization: token
-        }
-      });
+    if (imgsInBack.length > 0) {
+      var data = {
+        articleId: product.article.id_article,
+        deleteImages: selectedImages
+      };
 
-      loadData();
-    } catch (err) {
-      console.log(err);
+      try {
+        _axios.default.put("".concat(process.env.REACT_APP_ARTICLE_DATA_ENDPOINT, "?image=true&version=").concat(version), data, {
+          headers: {
+            Authorization: token
+          }
+        });
+      } catch (err) {
+        console.log(err);
+      }
     }
 
+    sessionStorage.setItem("imagesList", JSON.stringify(imagesTemp));
+    loadData();
     setMessage("");
+    setComponentsArray([]);
   };
 
   var askToDeleteImages = function askToDeleteImages() {
@@ -1459,7 +1492,8 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
         buttonType: "general-button-default",
         label: "Aceptar",
         onClick: function onClick() {
-          return deleteImages();
+          setMessage("");
+          deleteImages();
         }
       }, "3")]);
     }
@@ -1517,7 +1551,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
 
   var sendEvaluation = /*#__PURE__*/function () {
     var _ref14 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13(result) {
-      var data, retailerId, _product$id_order2, _product$id_order3, concept, _productTemp;
+      var data, retailerId, productTemp, _product$id_order2, _product$id_order3, _concept2;
 
       return _regenerator.default.wrap(function _callee13$(_context13) {
         while (1) {
@@ -1525,9 +1559,10 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
             case 0:
               data = {};
               retailerId = activeRetailer === null || activeRetailer === void 0 ? void 0 : activeRetailer.id;
+              productTemp = product;
 
               if (!result) {
-                _context13.next = 8;
+                _context13.next = 10;
                 break;
               }
 
@@ -1538,25 +1573,25 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                 result: result,
                 retailerId: retailerId
               };
-              _context13.next = 6;
+              productTemp["".concat(concept, "_status")] = "".concat(result, "P");
+              _context13.next = 8;
               return _axios.default.put("".concat(process.env.REACT_APP_EVALUATION_ENDPOINT), data, {
                 headers: {
                   Authorization: token
                 }
               });
 
-            case 6:
-              _context13.next = 17;
+            case 8:
+              _context13.next = 18;
               break;
 
-            case 8:
-              concept = getConcept(activeTab);
-              _productTemp = product;
-              _productTemp["".concat(concept, "_status")] = "Evaluated";
+            case 10:
+              _concept2 = getConcept(activeTab);
+              productTemp["".concat(_concept2, "_status")] = "Evaluated";
               data = {
                 articleId: product.id_article,
                 orderId: (_product$id_order3 = product.id_order) !== null && _product$id_order3 !== void 0 ? _product$id_order3 : product.orderId,
-                concept: concept,
+                concept: _concept2,
                 retailerId: retailerId
               };
 
@@ -1566,26 +1601,26 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
                 }
               });
 
-              setProduct(_productTemp);
+              setProduct(productTemp);
               setProductEdit({
-                ArticleId: _productTemp.id_article,
-                idCategory: _productTemp.article.id_category,
-                product: _productTemp
+                ArticleId: productTemp.id_article,
+                idCategory: productTemp.article.id_category,
+                product: productTemp
               });
               sessionStorage.setItem("productEdit", JSON.stringify({
-                ArticleId: _productTemp.id_article,
-                idCategory: _productTemp.article.id_category,
-                product: _productTemp
+                ArticleId: productTemp.id_article,
+                idCategory: productTemp.article.id_category,
+                product: productTemp
               }));
               setOrigin(function (prev) {
-                return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, concept, "Evaluated"));
+                return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, prev), {}, (0, _defineProperty2.default)({}, _concept2, "Evaluated"));
               });
 
-            case 17:
+            case 18:
               loadData();
               showSurvey && showSurvey(confirmStatusComplete());
 
-            case 19:
+            case 20:
             case "end":
               return _context13.stop();
           }
@@ -1756,7 +1791,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
           }
         }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FullTabsMenu.FullTabsMenu, {
           tabsSections: tabsSections,
-          status: product === null || product === void 0 ? void 0 : product.version_status,
+          status: product["".concat(getConcept(activeTab), "_status")] || (product === null || product === void 0 ? void 0 : product.version_status),
           activeTab: activeTab,
           setActiveTab: setActiveTab,
           setImageLayout: setImageLayout,

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

@@ -36,46 +36,61 @@ RetailerProductEditionDefault.args = {
   category: 846,
   version: 2,
   productSelected: {
-    orderId: 132,
-    id_category: "612",
-    status: "IN_PROGRESS",
+    services: {
+      datasheets: 1,
+      descriptions: 1,
+      images: 1
+    },
+    orderId: 233,
+    status: "QF",
     datasheet_status: "QF",
     prio: "none",
     version: 2,
-    description_status: "IN_PROGRESS",
-    images_status: "IN_PROGRESS",
-    brand: null,
-    missing: {
-      datasheet: 0,
-      descriptions: 0,
-      images: 0
-    },
+    description_status: "QF",
+    images_status: "QF",
     article: {
-      category: "ROPA, ACCESORIOS, FRAGANCIAS Y JOYERÍA|ACCESORIOS|COLLARES",
+      id_article: 190965,
+      id_category: "697",
+      name: "Shampoo hidratante",
+      upc: "6545345",
+      timestamp: "2022-06-10T15:05:56.000Z",
+      id_user: 28,
+      status: "NULL",
+      active: 1,
+      company_id: 1,
       company_name: "COMPANY DEV",
-      id_category: "612",
-      id_article: 109490,
-      name: "Collar con dije letra ",
-      timestamp: "2022-05-05T16:45:49.000Z",
-      upc: "123434"
+      country: "México",
+      id_order: 233,
+      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: "SALUD Y BELLEZA|CUIDADO DEL CABELLO|SHAMPOOS Y ACONDICIONADORES",
+      missingAttributes: null,
+      missingDescriptions: null,
+      missingImages: null
     },
     retailers: [{
-      id: 2,
-      name: "Walmart Mercancías Generales"
-    }],
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1
-    },
-    checked: false,
-    retailersAvailable: [{
-      id: 2,
-      name: "Walmart Mercancías Generales"
+      id: 4,
+      name: "Walmart Super y Superama",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 100
+    }, {
+      id: 26,
+      name: "Mercado Libre",
+      country: "México",
+      id_region: 1,
+      active: 1,
+      percentage: 100
     }],
-    id_article: 109490,
-    categoryName: "ROPA, ACCESORIOS, FRAGANCIAS Y JOYERÍA|ACCESORIOS|COLLARES",
-    version_status: "IN_PROGRESS"
+    country: "México",
+    upc: "6545345"
   },
   location: {
     product: {
@@ -84,22 +99,22 @@ RetailerProductEditionDefault.args = {
     }
   },
   user: {
-    id_user: 54,
-    name: "ESPECIALISTA TXTS PRUEBA",
+    id_user: 53,
+    name: "FACILITADOR ED PRUEBA",
     last_name: "",
-    email: "rlegorreta@contentoh.com",
+    email: "arojas@contentoh.com",
     position: null,
     telephone: null,
     country: null,
     id_company: 2,
-    id_cognito: "ca1d24ab-e992-4c19-b4e1-2fe6f720c16b",
+    id_cognito: "c106e141-e221-49e8-a382-ce99385c6d88",
     birth_Date: null,
     about_me: null,
     zip_code: null,
     address: null,
     job: null,
     id_stripe: null,
-    id_role: 7,
+    id_role: 5,
     active: 1,
     is_retailer: 0,
     membership: {
@@ -113,6 +128,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "3",
       type: "PyMES"
     },
-    src: "https://content-management-profile.s3.amazonaws.com/id-54/54.png?1653425316222"
+    src: "https://content-management-profile.s3.amazonaws.com/id-53/53.png?1655161876316"
   }
 };