contentoh-components-library 21.5.59 → 21.5.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/molecules/RetailerSelector/index.js +1 -1
- package/dist/components/organisms/FullProductNameHeader/index.js +15 -16
- package/dist/components/pages/ProviderProductEdition/index.js +32 -30
- package/package.json +1 -1
- package/src/components/molecules/RetailerSelector/index.js +2 -4
- package/src/components/organisms/FullProductNameHeader/index.js +18 -15
- package/src/components/pages/ProviderProductEdition/index.js +11 -5
|
@@ -110,7 +110,7 @@ var RetailerSelector = function RetailerSelector(_ref) {
|
|
|
110
110
|
services: retailer === null || retailer === void 0 ? void 0 : retailer.services,
|
|
111
111
|
onClick: function onClick() {
|
|
112
112
|
var status = getStatus(retailer === null || retailer === void 0 ? void 0 : retailer.services);
|
|
113
|
-
if (status ===
|
|
113
|
+
if (status === "NA") return;
|
|
114
114
|
setActiveRetailer(retailer);
|
|
115
115
|
document.removeEventListener("click", closeRetailersPanel, false);
|
|
116
116
|
setRetailersPanel(false);
|
|
@@ -9,8 +9,6 @@ exports.FullProductNameHeader = void 0;
|
|
|
9
9
|
|
|
10
10
|
var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
|
|
11
11
|
|
|
12
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
13
|
-
|
|
14
12
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
15
13
|
|
|
16
14
|
var _styles = require("./styles");
|
|
@@ -57,24 +55,25 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
|
|
|
57
55
|
(0, _react.useEffect)(function () {
|
|
58
56
|
var _headerData$article;
|
|
59
57
|
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
})
|
|
67
|
-
var ids = statusByRetailerArray.map(function (item) {
|
|
68
|
-
return item.retailer_id || item.id_retailer;
|
|
69
|
-
});
|
|
58
|
+
var retailers = (headerData === null || headerData === void 0 ? void 0 : headerData.statusByRetailer) || (headerData === null || headerData === void 0 ? void 0 : headerData.categoryRetailer);
|
|
59
|
+
console.log("servicesData", retailers);
|
|
60
|
+
var ids = (retailers === null || retailers === void 0 ? void 0 : retailers.map(function (retailer) {
|
|
61
|
+
var _retailer$id_retailer;
|
|
62
|
+
|
|
63
|
+
return (_retailer$id_retailer = retailer === null || retailer === void 0 ? void 0 : retailer.id_retailer) !== null && _retailer$id_retailer !== void 0 ? _retailer$id_retailer : retailer === null || retailer === void 0 ? void 0 : retailer.retailer_id;
|
|
64
|
+
})) || [];
|
|
70
65
|
var uniqueIds = (0, _toConsumableArray2.default)(new Set(ids));
|
|
71
|
-
var
|
|
72
|
-
|
|
66
|
+
var categoryRetailer = (headerData === null || headerData === void 0 ? void 0 : (_headerData$article = headerData.article) === null || _headerData$article === void 0 ? void 0 : _headerData$article.categoryRetailer) || (headerData === null || headerData === void 0 ? void 0 : headerData.categoryRetailer);
|
|
67
|
+
var categoriesRetailers = categoryRetailer.filter(function (retailer) {
|
|
68
|
+
return uniqueIds.includes(retailer === null || retailer === void 0 ? void 0 : retailer.id_retailer) || uniqueIds.includes(retailer === null || retailer === void 0 ? void 0 : retailer.retailer_id);
|
|
73
69
|
});
|
|
70
|
+
console.log("categoriesRetailers", categoriesRetailers);
|
|
74
71
|
var rtls = categoriesRetailers === null || categoriesRetailers === void 0 ? void 0 : categoriesRetailers.map(function (retailer) {
|
|
72
|
+
var _retailer$id_retailer2;
|
|
73
|
+
|
|
75
74
|
return {
|
|
76
|
-
id: retailer === null || retailer === void 0 ? void 0 : retailer.id_retailer,
|
|
77
|
-
name: (retailer === null || retailer === void 0 ? void 0 : retailer.retailer_name) || (retailer === null || retailer === void 0 ? void 0 : retailer.name)
|
|
75
|
+
id: (_retailer$id_retailer2 = retailer === null || retailer === void 0 ? void 0 : retailer.id_retailer) !== null && _retailer$id_retailer2 !== void 0 ? _retailer$id_retailer2 : retailer === null || retailer === void 0 ? void 0 : retailer.retailer_id,
|
|
76
|
+
name: (retailer === null || retailer === void 0 ? void 0 : retailer.retailer_name) || (retailer === null || retailer === void 0 ? void 0 : retailer.name) || retailer.retailerName
|
|
78
77
|
};
|
|
79
78
|
});
|
|
80
79
|
servicesData && (rtls === null || rtls === void 0 ? void 0 : rtls.forEach(function (rt) {
|
|
@@ -1108,9 +1108,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1108
1108
|
|
|
1109
1109
|
var getCart = /*#__PURE__*/function () {
|
|
1110
1110
|
var _ref11 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee10() {
|
|
1111
|
-
var
|
|
1112
|
-
|
|
1113
|
-
var res, arr;
|
|
1111
|
+
var res, articles, mappedArr, arr;
|
|
1114
1112
|
return _regenerator.default.wrap(function _callee10$(_context10) {
|
|
1115
1113
|
while (1) {
|
|
1116
1114
|
switch (_context10.prev = _context10.next) {
|
|
@@ -1124,14 +1122,16 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1124
1122
|
|
|
1125
1123
|
case 2:
|
|
1126
1124
|
res = _context10.sent;
|
|
1127
|
-
|
|
1125
|
+
articles = Object.values(JSON.parse(res.data.body).data)[0];
|
|
1126
|
+
mappedArr = Object.values(articles).map(function (e) {
|
|
1128
1127
|
return e.article_id;
|
|
1129
|
-
})
|
|
1128
|
+
});
|
|
1129
|
+
arr = mappedArr.filter(Boolean);
|
|
1130
1130
|
setInCart(arr.some(function (e) {
|
|
1131
1131
|
return e.articleId === product.id_article;
|
|
1132
1132
|
}));
|
|
1133
1133
|
|
|
1134
|
-
case
|
|
1134
|
+
case 7:
|
|
1135
1135
|
case "end":
|
|
1136
1136
|
return _context10.stop();
|
|
1137
1137
|
}
|
|
@@ -1421,7 +1421,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1421
1421
|
var updateImages = (0, _react.useCallback)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee13() {
|
|
1422
1422
|
var _images$values3, _data$articleData, _data$articleData2, _data$updateImages;
|
|
1423
1423
|
|
|
1424
|
-
var imagesList, imagesListTemp, duplicated, attrForImgs, data, valid, _data$updateImages2, _data$articleData3, _data$articleData4, _data$articleData5, promiseArray;
|
|
1424
|
+
var imagesList, imagesListTemp, duplicated, attrForImgs, articleData, updateImagesFiltered, data, valid, _data$updateImages2, _data$articleData3, _data$articleData4, _data$articleData5, promiseArray;
|
|
1425
1425
|
|
|
1426
1426
|
return _regenerator.default.wrap(function _callee13$(_context13) {
|
|
1427
1427
|
while (1) {
|
|
@@ -1437,6 +1437,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1437
1437
|
});
|
|
1438
1438
|
attrForImgs = Object.values(images === null || images === void 0 ? void 0 : images.attrForImgs);
|
|
1439
1439
|
attrForImgs.pop();
|
|
1440
|
+
articleData = imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(function (e) {
|
|
1441
|
+
return !e.id;
|
|
1442
|
+
});
|
|
1443
|
+
updateImagesFiltered = imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(function (e) {
|
|
1444
|
+
return e.id;
|
|
1445
|
+
});
|
|
1440
1446
|
data = {
|
|
1441
1447
|
articleId: product === null || product === void 0 ? void 0 : product.id_article,
|
|
1442
1448
|
attrReqImgs: attrForImgs === null || attrForImgs === void 0 ? void 0 : attrForImgs.map(function (e) {
|
|
@@ -1447,12 +1453,8 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1447
1453
|
value: (_e$0$value = (_e$2 = e[0]) === null || _e$2 === void 0 ? void 0 : _e$2.value) !== null && _e$0$value !== void 0 ? _e$0$value : ""
|
|
1448
1454
|
};
|
|
1449
1455
|
}),
|
|
1450
|
-
articleData:
|
|
1451
|
-
|
|
1452
|
-
}),
|
|
1453
|
-
updateImages: imagesList === null || imagesList === void 0 ? void 0 : imagesList.filter(function (e) {
|
|
1454
|
-
return e.id;
|
|
1455
|
-
})
|
|
1456
|
+
articleData: articleData,
|
|
1457
|
+
updateImages: updateImagesFiltered
|
|
1456
1458
|
};
|
|
1457
1459
|
if (product !== null && product !== void 0 && product.orderId) data["orderId"] = product === null || product === void 0 ? void 0 : product.orderId;
|
|
1458
1460
|
valid = (data === null || data === void 0 ? void 0 : (_data$articleData = data.articleData) === null || _data$articleData === void 0 ? void 0 : _data$articleData.length) === 0 ? true : data === null || data === void 0 ? void 0 : (_data$articleData2 = data.articleData) === null || _data$articleData2 === void 0 ? void 0 : _data$articleData2.every(function (e, i) {
|
|
@@ -1477,12 +1479,12 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1477
1479
|
|
|
1478
1480
|
|
|
1479
1481
|
if (!(valid && (duplicated === null || duplicated === void 0 ? void 0 : duplicated.length) === 0)) {
|
|
1480
|
-
_context13.next =
|
|
1482
|
+
_context13.next = 34;
|
|
1481
1483
|
break;
|
|
1482
1484
|
}
|
|
1483
1485
|
|
|
1484
1486
|
setLoading(true);
|
|
1485
|
-
_context13.prev =
|
|
1487
|
+
_context13.prev = 13;
|
|
1486
1488
|
data === null || data === void 0 ? void 0 : (_data$articleData3 = data.articleData) === null || _data$articleData3 === void 0 ? void 0 : _data$articleData3.forEach(function (e) {
|
|
1487
1489
|
e.uuid = (0, _uuid.v4)();
|
|
1488
1490
|
});
|
|
@@ -1502,7 +1504,7 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1502
1504
|
setDataImages(data);
|
|
1503
1505
|
|
|
1504
1506
|
if (!((data === null || data === void 0 ? void 0 : (_data$articleData4 = data.articleData) === null || _data$articleData4 === void 0 ? void 0 : _data$articleData4.length) > 0)) {
|
|
1505
|
-
_context13.next =
|
|
1507
|
+
_context13.next = 26;
|
|
1506
1508
|
break;
|
|
1507
1509
|
}
|
|
1508
1510
|
|
|
@@ -1518,40 +1520,40 @@ var ProviderProductEdition = function ProviderProductEdition(_ref) {
|
|
|
1518
1520
|
};
|
|
1519
1521
|
promiseArray.push(myBucket.putObject(params).promise());
|
|
1520
1522
|
});
|
|
1521
|
-
_context13.next =
|
|
1523
|
+
_context13.next = 23;
|
|
1522
1524
|
return Promise.all(promiseArray);
|
|
1523
1525
|
|
|
1524
|
-
case
|
|
1526
|
+
case 23:
|
|
1525
1527
|
setImagesUploaded(true);
|
|
1526
|
-
_context13.next =
|
|
1528
|
+
_context13.next = 27;
|
|
1527
1529
|
break;
|
|
1528
1530
|
|
|
1529
|
-
case
|
|
1531
|
+
case 26:
|
|
1530
1532
|
setImagesUploaded(true);
|
|
1531
1533
|
|
|
1532
|
-
case
|
|
1533
|
-
_context13.next =
|
|
1534
|
+
case 27:
|
|
1535
|
+
_context13.next = 32;
|
|
1534
1536
|
break;
|
|
1535
1537
|
|
|
1536
|
-
case
|
|
1537
|
-
_context13.prev =
|
|
1538
|
-
_context13.t0 = _context13["catch"](
|
|
1538
|
+
case 29:
|
|
1539
|
+
_context13.prev = 29;
|
|
1540
|
+
_context13.t0 = _context13["catch"](13);
|
|
1539
1541
|
console.log(_context13.t0); // setMainLoading(false);
|
|
1540
1542
|
|
|
1541
|
-
case
|
|
1542
|
-
_context13.next =
|
|
1543
|
+
case 32:
|
|
1544
|
+
_context13.next = 35;
|
|
1543
1545
|
break;
|
|
1544
1546
|
|
|
1545
|
-
case
|
|
1547
|
+
case 34:
|
|
1546
1548
|
// setMainLoading(false);
|
|
1547
1549
|
setMessage("Completa los campos que solicita cada una de la imágenes o hay imágenes con el mismo tipo de toma.\nRecuerda hay campos obligatorios y no podras avanzar si no estan completos.");
|
|
1548
1550
|
|
|
1549
|
-
case
|
|
1551
|
+
case 35:
|
|
1550
1552
|
case "end":
|
|
1551
1553
|
return _context13.stop();
|
|
1552
1554
|
}
|
|
1553
1555
|
}
|
|
1554
|
-
}, _callee13, null, [[
|
|
1556
|
+
}, _callee13, null, [[13, 29]]);
|
|
1555
1557
|
})), [approvedInputsImages, images, imagesUploaded]);
|
|
1556
1558
|
(0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee14() {
|
|
1557
1559
|
var res;
|
package/package.json
CHANGED
|
@@ -29,8 +29,7 @@ export const RetailerSelector = ({
|
|
|
29
29
|
};
|
|
30
30
|
|
|
31
31
|
const getStatus = (services) => {
|
|
32
|
-
|
|
33
|
-
if(!services) return;
|
|
32
|
+
if (!services) return;
|
|
34
33
|
|
|
35
34
|
let servCad = "";
|
|
36
35
|
services.forEach((srv) => (servCad += srv));
|
|
@@ -73,10 +72,9 @@ export const RetailerSelector = ({
|
|
|
73
72
|
team={retailer?.team}
|
|
74
73
|
services={retailer?.services}
|
|
75
74
|
onClick={() => {
|
|
76
|
-
|
|
77
75
|
const status = getStatus(retailer?.services);
|
|
78
76
|
|
|
79
|
-
if(status ===
|
|
77
|
+
if (status === "NA") return;
|
|
80
78
|
|
|
81
79
|
setActiveRetailer(retailer);
|
|
82
80
|
document.removeEventListener(
|
|
@@ -27,28 +27,31 @@ export const FullProductNameHeader = ({
|
|
|
27
27
|
const [retailerIndex, setRetailerIndex] = useState(null);
|
|
28
28
|
|
|
29
29
|
useEffect(() => {
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
: Object.keys(headerData.statusByRetailer).map((key) => ({
|
|
35
|
-
retailer_id: key,
|
|
36
|
-
id_retailer: key,
|
|
37
|
-
...headerData.statusByRetailer[key],
|
|
38
|
-
}))
|
|
39
|
-
: [];
|
|
30
|
+
const retailers =
|
|
31
|
+
headerData?.statusByRetailer || headerData?.categoryRetailer;
|
|
32
|
+
|
|
33
|
+
console.log("servicesData", retailers);
|
|
40
34
|
|
|
41
35
|
const ids =
|
|
42
|
-
|
|
36
|
+
retailers?.map(
|
|
37
|
+
(retailer) => retailer?.id_retailer ?? retailer?.retailer_id
|
|
38
|
+
) || [];
|
|
43
39
|
const uniqueIds = [...new Set(ids)];
|
|
44
40
|
|
|
45
|
-
const
|
|
46
|
-
|
|
41
|
+
const categoryRetailer =
|
|
42
|
+
headerData?.article?.categoryRetailer || headerData?.categoryRetailer;
|
|
43
|
+
|
|
44
|
+
const categoriesRetailers = categoryRetailer.filter(
|
|
45
|
+
(retailer) =>
|
|
46
|
+
uniqueIds.includes(retailer?.id_retailer) ||
|
|
47
|
+
uniqueIds.includes(retailer?.retailer_id)
|
|
47
48
|
);
|
|
48
49
|
|
|
50
|
+
console.log("categoriesRetailers", categoriesRetailers);
|
|
51
|
+
|
|
49
52
|
const rtls = categoriesRetailers?.map((retailer) => ({
|
|
50
|
-
id: retailer?.id_retailer,
|
|
51
|
-
name: retailer?.retailer_name || retailer?.name,
|
|
53
|
+
id: retailer?.id_retailer ?? retailer?.retailer_id,
|
|
54
|
+
name: retailer?.retailer_name || retailer?.name || retailer.retailerName,
|
|
52
55
|
}));
|
|
53
56
|
|
|
54
57
|
servicesData &&
|
|
@@ -673,9 +673,11 @@ export const ProviderProductEdition = ({
|
|
|
673
673
|
Authorization: token,
|
|
674
674
|
},
|
|
675
675
|
});
|
|
676
|
-
const
|
|
677
|
-
|
|
678
|
-
.
|
|
676
|
+
const articles = Object.values(JSON.parse(res.data.body).data)[0];
|
|
677
|
+
const mappedArr = Object.values(articles).map((e) => {
|
|
678
|
+
return e.article_id;
|
|
679
|
+
});
|
|
680
|
+
const arr = mappedArr.filter(Boolean);
|
|
679
681
|
setInCart(arr.some((e) => e.articleId === product.id_article));
|
|
680
682
|
};
|
|
681
683
|
|
|
@@ -890,14 +892,18 @@ export const ProviderProductEdition = ({
|
|
|
890
892
|
|
|
891
893
|
const attrForImgs = Object.values(images?.attrForImgs);
|
|
892
894
|
attrForImgs.pop();
|
|
895
|
+
const articleData = imagesList?.filter((e) => !e.id);
|
|
896
|
+
|
|
897
|
+
const updateImagesFiltered = imagesList?.filter((e) => e.id);
|
|
898
|
+
|
|
893
899
|
const data = {
|
|
894
900
|
articleId: product?.id_article,
|
|
895
901
|
attrReqImgs: attrForImgs?.map((e) => ({
|
|
896
902
|
attrId: e[0]?.id,
|
|
897
903
|
value: e[0]?.value ?? "",
|
|
898
904
|
})),
|
|
899
|
-
articleData:
|
|
900
|
-
updateImages:
|
|
905
|
+
articleData: articleData,
|
|
906
|
+
updateImages: updateImagesFiltered,
|
|
901
907
|
};
|
|
902
908
|
if (product?.orderId) data["orderId"] = product?.orderId;
|
|
903
909
|
let valid =
|