contentoh-components-library 21.5.42 → 21.5.44

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.
Files changed (20) hide show
  1. package/.env.test +53 -0
  2. package/dist/components/atoms/FeatureTag/styles.js +1 -1
  3. package/dist/components/atoms/ProgressBar/index.js +2 -2
  4. package/dist/components/molecules/ProductNameHeader/index.js +0 -8
  5. package/dist/components/organisms/FullProductNameHeader/index.js +9 -6
  6. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +92 -488
  7. package/dist/components/pages/ProviderProductEdition/index.js +97 -85
  8. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +39 -110
  9. package/dist/components/pages/RetailerProductEdition/index.js +131 -111
  10. package/dist/global-files/data.js +10 -7
  11. package/package.json +2 -1
  12. package/src/components/atoms/FeatureTag/styles.js +0 -6
  13. package/src/components/atoms/ProgressBar/index.js +9 -3
  14. package/src/components/molecules/ProductNameHeader/index.js +2 -2
  15. package/src/components/organisms/FullProductNameHeader/index.js +8 -4
  16. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +248 -664
  17. package/src/components/pages/ProviderProductEdition/index.js +55 -30
  18. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +69 -154
  19. package/src/components/pages/RetailerProductEdition/index.js +70 -43
  20. package/src/global-files/data.js +6 -3
package/.env.test ADDED
@@ -0,0 +1,53 @@
1
+ REACT_APP_ARTICLE_DATA_DATASHEET_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/articles-data/datasheets
2
+ # REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/articles-data/descriptions
3
+ # REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/articles-data/images
4
+
5
+ # CAMBIOS PARA TEST
6
+ REACT_APP_ARTICLE_DATA_DESCRIPTION_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/articles-data/descriptions
7
+ REACT_APP_ARTICLE_DATA_IMAGES_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/articles-data/images
8
+
9
+ REACT_APP_ARTICLE_DATA_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/articles-data
10
+ REACT_APP_VALID_EXPORT_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/valid-export
11
+ REACT_APP_SERVICES_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/services
12
+ REACT_APP_EVALUATION_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/evaluations
13
+ REACT_APP_SEND_EVAL=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/eval-status
14
+ REACT_APP_COMMENTS_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/comments
15
+ REACT_APP_USER_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/users
16
+ REACT_APP_ASSIGNATIONS_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/assignations
17
+ REACT_APP_TASKS_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/tasks
18
+ REACT_APP_USER_TASKS_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/user-tasks
19
+ REACT_APP_CART=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/cart
20
+ REACT_APP_RETAILER_REQUEST=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/retailers-request
21
+ REACT_APP_VERSIONS_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/versions
22
+ REACT_APP_RETAILER_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/retailers
23
+ REACT_APP_READ_ORDERS_BY_STATUS=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/read-orders-by-status
24
+ REACT_APP_CATEGORY_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/categories
25
+ REACT_APP_READ_PROVIDERS=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/providers
26
+ REACT_APP_PENDING_INVITATIONS=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/pending-invitations
27
+ REACT_APP_PRODUCTS_CHAT_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/products-chat
28
+ REACT_APP_TICKETS_CHAT_ENDPOINT=https://ocqbzaa4a2.execute-api.us-east-1.amazonaws.com/test/ticket-chat
29
+ REACT_APP_GET_AUDIT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/version-manager
30
+ REACT_APP_READ_MESSAGES=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/read-messages
31
+ REACT_APP_CREATE_MESSAGES=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/create-messages
32
+ REACT_APP_CARDS_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/cards
33
+ REACT_APP_UPDATE_OBSERVATION=https://rf3hwhpv21.execute-api.us-east-1.amazonaws.com/test/articles-observations/update-observations
34
+ REACT_APP_READ_OBSERVATION=https://rf3hwhpv21.execute-api.us-east-1.amazonaws.com/test/articles-observations/read-observation
35
+ REACT_APP_PAYMENTS=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/payments
36
+ REACT_APP_EVALUATION_REFACTOR=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/refactor-change-status
37
+ REACT_APP_CARDS_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/cards
38
+ REACT_APP_BASE_MULTIPLE_EDITION_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/multiple-edition
39
+ REACT_APP_BASE_UPDATE_IMAGES_ENDPOINT=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/update-images
40
+ REACT_APP_PHASES_ENDPOINT=https://m1mi6oqvia.execute-api.us-east-1.amazonaws.com/test/orquestrator-phases
41
+ REACT_APP_GROUPS_ENDPOINT=https://m1mi6oqvia.execute-api.us-east-1.amazonaws.com/test/orquestrator-groups
42
+ REACT_APP_USERS_ONBOARDING_ENDPOINT=https://m1mi6oqvia.execute-api.us-east-1.amazonaws.com/test/orquestrator-users
43
+
44
+ REACT_APP_IMAGES_ENDPOINT=https://content-management-images.s3.amazonaws.com
45
+ REACT_APP_IMAGES_BUCKET=content-management-images
46
+ REACT_APP_IMAGES_PROFILE_BUCKET=content-management-profile
47
+ REACT_APP_KUTS3=AKIA5CPHLQTTZ7OCQLXK
48
+ REACT_APP_AKUTS3=w/dIbyC2ghFiN4vgX6yG9/YXjnD8FHNZjkysaC5y
49
+ REACT_APP_USER_POOL_ID=us-east-1_XMZQdqkGj
50
+ REACT_APP_USER_POOL_WEB_CLIENT_ID=5ac8tpgs6gbsq13frvrpieep40
51
+ REACT_APP_KEY_STRIPE=pk_test_51J0bb0HCkqMP7wBlGPoEHU6bVLszHT5qHa1uPZp4ThgaMFYbvOAcKfI8q1fsWhbiO02Zn78lgYwuElcwfrA9rnaF00fA4q5zcs
52
+
53
+ REACT_APP_TEST_ARTICLE_PERCENTAGES=https://7o2hp8msfl.execute-api.us-east-1.amazonaws.com/test/percentages
package/dist/components/atoms/FeatureTag/styles.js CHANGED
@@ -17,6 +17,6 @@ var _variables = require("../../../global-files/variables");
17
17
 
18
18
  var _templateObject;
19
19
 
20
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: #f0eef2;\n border-radius: 3px;\n display: flex;\n width: fit-content;\n height: 26px;\n padding: 5px;\n align-items: center;\n\n .feature-name {\n font-size: 14px;\n font-family: ", ";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 18px;\n color: ", ";\n\n & + * {\n margin-left: 5px;\n }\n }\n .feature-value {\n font-family: ", ";\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 16px;\n height: 12px;\n letter-spacing: -0.015em;\n color: ", ";\n }\n\n &:last-of-type {\n p {\n font-size: 24px;\n }\n }\n"])), _variables.FontFamily.Raleway_500, _variables.GlobalColors.original_magenta, _variables.FontFamily.AvenirNext, _variables.GlobalColors.color_gray);
20
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n background-color: #f0eef2;\n border-radius: 3px;\n display: flex;\n width: fit-content;\n height: 26px;\n padding: 5px;\n align-items: center;\n\n .feature-name {\n font-size: 14px;\n font-family: ", ";\n font-style: normal;\n font-weight: 500;\n font-size: 14px;\n line-height: 18px;\n color: ", ";\n\n & + * {\n margin-left: 5px;\n }\n }\n .feature-value {\n font-family: ", ";\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 16px;\n height: 12px;\n letter-spacing: -0.015em;\n color: ", ";\n }\n"])), _variables.FontFamily.Raleway_500, _variables.GlobalColors.original_magenta, _variables.FontFamily.AvenirNext, _variables.GlobalColors.color_gray);
21
21
 
22
22
  exports.Container = Container;
package/dist/components/atoms/ProgressBar/index.js CHANGED
@@ -47,10 +47,10 @@ var ProgressBar = function ProgressBar(_ref) {
47
47
  children: "Este porcentaje indica la completitud de los atributos requeridos para todos los servicios."
48
48
  })]
49
49
  }),
50
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
50
+ children: !percent && percent != 0 ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
51
51
  className: "status-".concat(progressBarType),
52
52
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
53
- children: [percent, "%"]
53
+ children: [Number.isSafeInteger(percent) ? Math.round(percent) : '', "%"]
54
54
  })
55
55
  }),
56
56
  classNameTooltip: "container-tooltip"
package/dist/components/molecules/ProductNameHeader/index.js CHANGED
@@ -41,14 +41,6 @@ var ProductNameHeader = function ProductNameHeader(_ref) {
41
41
  percent: percentRequired,
42
42
  progressBarType: statusType,
43
43
  percentRequired: percentRequired
44
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.ObservationFlag, {
45
- observation: typeFlag,
46
- contentObservation: productObservation,
47
- dataProduct: dataProduct,
48
- isObservationVisible: isObservationVisible,
49
- toggleObservation: toggleObservation // handleClickOutside = {handleClickOutside}
50
- ,
51
- hideObservation: hideObservation
52
44
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.ScreenHeader, {
53
45
  headerType: "date-header",
54
46
  text: date
package/dist/components/organisms/FullProductNameHeader/index.js CHANGED
@@ -22,7 +22,7 @@ var _react = require("react");
22
22
  var _jsxRuntime = require("react/jsx-runtime");
23
23
 
24
24
  var FullProductNameHeader = function FullProductNameHeader(_ref) {
25
- var _headerData$article2, _headerData$article3, _headerData$article4, _headerData$article4$, _headerData$article4$2, _headerData$categoryR2, _headerData$categoryR3, _headerData$article5, _headerData$article6;
25
+ var _headerData$article2, _headerData$article3, _headerData$article4, _headerData$article5, _headerData$article6, _headerData$article6$, _headerData$article6$2, _headerData$categoryR2, _headerData$categoryR3, _headerData$article7;
26
26
 
27
27
  var headerData = _ref.headerData,
28
28
  percent = _ref.percent,
@@ -98,14 +98,17 @@ var FullProductNameHeader = function FullProductNameHeader(_ref) {
98
98
  className: "features-bar-container",
99
99
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_FeaturesBar.FeaturesBar, {
100
100
  features: [{
101
+ feature: "UPC",
102
+ value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article4 = headerData.article) === null || _headerData$article4 === void 0 ? void 0 : _headerData$article4.upc) || (headerData === null || headerData === void 0 ? void 0 : headerData.upc)
103
+ }, {
104
+ feature: "SKU",
105
+ value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article5 = headerData.article) === null || _headerData$article5 === void 0 ? void 0 : _headerData$article5.sku) || (headerData === null || headerData === void 0 ? void 0 : headerData.sku)
106
+ }, {
101
107
  feature: "Categoría",
102
- value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article4 = headerData.article) === null || _headerData$article4 === void 0 ? void 0 : (_headerData$article4$ = _headerData$article4.categoryRetailer) === null || _headerData$article4$ === void 0 ? void 0 : (_headerData$article4$2 = _headerData$article4$[retailerIndex]) === null || _headerData$article4$2 === void 0 ? void 0 : _headerData$article4$2.category_name) || (headerData === null || headerData === void 0 ? void 0 : (_headerData$categoryR2 = headerData.categoryRetailer) === null || _headerData$categoryR2 === void 0 ? void 0 : (_headerData$categoryR3 = _headerData$categoryR2[retailerIndex]) === null || _headerData$categoryR3 === void 0 ? void 0 : _headerData$categoryR3.categoryName) || headerData.categoryName
108
+ value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article6 = headerData.article) === null || _headerData$article6 === void 0 ? void 0 : (_headerData$article6$ = _headerData$article6.categoryRetailer) === null || _headerData$article6$ === void 0 ? void 0 : (_headerData$article6$2 = _headerData$article6$[retailerIndex]) === null || _headerData$article6$2 === void 0 ? void 0 : _headerData$article6$2.category_name) || (headerData === null || headerData === void 0 ? void 0 : (_headerData$categoryR2 = headerData.categoryRetailer) === null || _headerData$categoryR2 === void 0 ? void 0 : (_headerData$categoryR3 = _headerData$categoryR2[retailerIndex]) === null || _headerData$categoryR3 === void 0 ? void 0 : _headerData$categoryR3.categoryName) || headerData.categoryName
103
109
  }, {
104
110
  feature: "Prov",
105
- value: headerData === null || headerData === void 0 ? void 0 : (_headerData$article5 = headerData.article) === null || _headerData$article5 === void 0 ? void 0 : _headerData$article5.company_name
106
- }, {
107
- feature: "SKU",
108
- value: (headerData === null || headerData === void 0 ? void 0 : (_headerData$article6 = headerData.article) === null || _headerData$article6 === void 0 ? void 0 : _headerData$article6.upc) || (headerData === null || headerData === void 0 ? void 0 : headerData.upc)
111
+ value: headerData === null || headerData === void 0 ? void 0 : (_headerData$article7 = headerData.article) === null || _headerData$article7 === void 0 ? void 0 : _headerData$article7.company_name
109
112
  }]
110
113
  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AvatarAndValidation.AvatarAndValidation, {
111
114
  retailers: retailers,