contentoh-components-library 21.0.75 → 21.0.79

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 (44) hide show
  1. package/dist/assets/images/editField/showPassword.png +0 -0
  2. package/dist/assets/images/sliderToolTip/infoIcon.svg +4 -0
  3. package/dist/assets/images/sliderToolTip/slide1.svg +5 -0
  4. package/dist/assets/images/sliderToolTip/slide2.svg +9 -0
  5. package/dist/assets/images/sliderToolTip/slide3.svg +9 -0
  6. package/dist/assets/images/sliderToolTip/slide4.svg +9 -0
  7. package/dist/assets/images/sliderToolTip/slide5.svg +40 -0
  8. package/dist/assets/images/verticalSideMenuMainPage/closeMenu.svg +4 -0
  9. package/dist/assets/images/verticalSideMenuMainPage/iconFAQS.svg +12 -0
  10. package/dist/assets/images/verticalSideMenuMainPage/iconGroup.svg +3 -0
  11. package/dist/assets/images/verticalSideMenuMainPage/iconLogo.svg +12 -0
  12. package/dist/assets/images/verticalSideMenuMainPage/iconLogoContentoh.svg +15 -0
  13. package/dist/assets/images/verticalSideMenuMainPage/iconProduct.svg +3 -0
  14. package/dist/assets/images/verticalSideMenuMainPage/iconSpeedometer.svg +12 -0
  15. package/dist/assets/images/verticalSideMenuMainPage/iconTask.svg +10 -0
  16. package/dist/assets/images/verticalSideMenuMainPage/openMenu.svg +4 -0
  17. package/dist/components/atoms/GeneralInput/index.js +3 -4
  18. package/dist/components/molecules/LoginPasswordStrength/index.js +2 -2
  19. package/dist/components/molecules/StatusAsignationInfo/index.js +3 -2
  20. package/dist/components/molecules/VerificationCodeResetPasswordLogin/index.js +1 -1
  21. package/dist/components/organisms/FullTabsMenu/index.js +4 -2
  22. package/dist/components/organisms/InputGroup/index.js +1 -0
  23. package/dist/components/pages/ProviderProductEdition/index.js +1 -0
  24. package/dist/components/pages/RetailerProductEdition/index.js +1 -0
  25. package/dist/components/pages/VerificationCodeResetPassword/index.js +1 -1
  26. package/package.json +4 -4
  27. package/src/components/atoms/GeneralInput/index.js +26 -4
  28. package/src/components/atoms/GeneralInput/styles.js +25 -0
  29. package/src/components/atoms/ScreenHeader/styles.js +5 -0
  30. package/src/components/atoms/VerticalSideMenuMainPage/index.js +0 -1
  31. package/src/components/molecules/LoginPasswordStrength/index.js +2 -2
  32. package/src/components/molecules/RegistrationSecondStep/index.js +0 -1
  33. package/src/components/molecules/StatusAsignationInfo/index.js +2 -1
  34. package/src/components/molecules/TagAndInput/index.js +8 -1
  35. package/src/components/molecules/TagAndInput/styles.js +28 -0
  36. package/src/components/molecules/VerificationCodeResetPasswordLogin/index.js +9 -9
  37. package/src/components/organisms/FullTabsMenu/index.js +2 -0
  38. package/src/components/organisms/InputGroup/index.js +3 -0
  39. package/src/components/organisms/InputGroup/styles.js +2 -2
  40. package/src/components/pages/ProviderProductEdition/index.js +1 -0
  41. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +34 -39
  42. package/src/components/pages/RetailerProductEdition/index.js +1 -0
  43. package/src/components/pages/VerificationCodeResetPassword/index.js +1 -1
  44. package/src/global-files/data.js +0 -1
@@ -38,11 +38,11 @@ export const VerificationCodeResetPasswordLogin = (props) => {
38
38
  }
39
39
  sessionStorage.setItem("confirmationCode", JSON.stringify(code));
40
40
  valid &&
41
- !sessionStorage.getItem("resetPasswordProcess") &&
42
- props.setPaso(6);
41
+ !sessionStorage.getItem("resetPasswordProcess") &&
42
+ props.setPaso(6);
43
43
  valid &&
44
- sessionStorage.getItem("resetPasswordProcess") &&
45
- props.setPaso(8);
44
+ sessionStorage.getItem("resetPasswordProcess") &&
45
+ props.setPaso(8);
46
46
  }
47
47
  };
48
48
 
@@ -88,9 +88,9 @@ export const VerificationCodeResetPasswordLogin = (props) => {
88
88
  )}
89
89
  {!sessionStorage.getItem("email") && (
90
90
  <ScreenHeader
91
- text={`Ingrese código de verificación enviado a: ${
92
- JSON.parse(sessionStorage.getItem("nuevoRegistro")).email
93
- }`}
91
+ text={`Ingrese código de verificación enviado a: ${
92
+ JSON.parse(sessionStorage.getItem("nuevoRegistro")).email
93
+ }`}
94
94
  headerType={"input-name-header"}
95
95
  />
96
96
  )}
@@ -103,7 +103,7 @@ export const VerificationCodeResetPasswordLogin = (props) => {
103
103
  validateInput={validateInput}
104
104
  inputsArray={inputCodeVerificationAll}
105
105
  position={position}
106
- maxLength="1"
106
+ maxChar={1}
107
107
  />
108
108
  ))}
109
109
  </div>
@@ -156,7 +156,7 @@ export const VerificationCodeResetPasswordLogin = (props) => {
156
156
  />
157
157
  </div>,
158
158
  <div className="reset-password" key="6">
159
- <p onClick={() => props.setPaso(10)}>Regresar...</p>
159
+ <p onClick={() => props.setPaso(10)}>Regresar...</p>
160
160
  </div>,
161
161
  ];
162
162
  return (
@@ -15,6 +15,7 @@ export const FullTabsMenu = ({
15
15
  downloadImages,
16
16
  askToDeleteImages,
17
17
  onClickSave,
18
+ showSaveButton,
18
19
  }) => {
19
20
  const [imagesSection, setImagesSection] = useState(false);
20
21
 
@@ -36,6 +37,7 @@ export const FullTabsMenu = ({
36
37
  downloadImages={downloadImages}
37
38
  onClickSave={onClickSave}
38
39
  askToDeleteImages={askToDeleteImages}
40
+ showSaveButton={showSaveButton}
39
41
  />
40
42
  </Container>
41
43
  );
@@ -67,6 +67,8 @@ export const InputGroup = ({
67
67
  ? dataInputs[input]?.max_chars
68
68
  : 999
69
69
  }
70
+ optionList={dataInputs[input]?.option_list}
71
+ description={dataInputs[input]?.description}
70
72
  />
71
73
  ) : (
72
74
  <TagAndInput
@@ -84,6 +86,7 @@ export const InputGroup = ({
84
86
  articleId={articleId}
85
87
  version={version}
86
88
  dinamicHeight={dinamicHeight}
89
+ description={input?.description}
87
90
  />
88
91
  )
89
92
  )}
@@ -18,14 +18,14 @@ export const Container = styled.div`
18
18
  .inputs-container {
19
19
  display: flex;
20
20
  flex-wrap: wrap;
21
+ width: 100%;
22
+ gap: 5px;
21
23
 
22
24
  .input-container {
23
25
  flex: 1 1 20%;
24
- margin-right: 10px;
25
26
  min-width: 227px;
26
27
  display: flex;
27
28
  flex-direction: column;
28
- justify-content: space-between;
29
29
  }
30
30
  }
31
31
  }
@@ -1234,6 +1234,7 @@ export const ProviderProductEdition = ({
1234
1234
  assig={assig}
1235
1235
  setAssignation={setAssignation}
1236
1236
  isRetailer={isRetailer}
1237
+ showSaveButton={["AP", "AC", "RC"].includes(product.version_status)}
1237
1238
  onClickSave={() => {
1238
1239
  switch (activeTab) {
1239
1240
  case "Descripción":
@@ -21,55 +21,50 @@ RetailerProductEditionDefault.args = {
21
21
  category: 846,
22
22
  version: 2,
23
23
  productSelected: {
24
- services: {
25
- datasheets: 1,
26
- descriptions: 1,
27
- images: 1,
28
- },
29
- orderId: 152,
30
- status: "ASSIGNED",
31
- datasheet_status: "IN_PROGRESS",
24
+ orderId: 132,
25
+ id_category: "612",
26
+ status: "IN_PROGRESS",
27
+ datasheet_status: "QF",
32
28
  prio: "none",
33
- version: 3,
29
+ version: 2,
34
30
  description_status: "IN_PROGRESS",
35
31
  images_status: "IN_PROGRESS",
32
+ brand: null,
33
+ missing: {
34
+ datasheet: 0,
35
+ descriptions: 0,
36
+ images: 0,
37
+ },
36
38
  article: {
37
- id_article: 343,
38
- id_category: "2898",
39
- name: "Producto prueba dos ",
40
- upc: "2004202212",
41
- timestamp: "2022-04-20T17:01:17.000Z",
42
- id_user: 28,
43
- status: "NULL",
44
- active: 1,
45
- company_id: 1,
39
+ category: "ROPA, ACCESORIOS, FRAGANCIAS Y JOYERÍA|ACCESORIOS|COLLARES",
46
40
  company_name: "COMPANY DEV",
47
- country: "México",
48
- id_order: 152,
49
- id_datasheet_especialist: 54,
50
- id_datasheet_facilitator: 52,
51
- id_description_especialist: 54,
52
- id_description_facilitator: 52,
53
- id_images_especialist: 55,
54
- id_images_facilitator: 53,
55
- id_auditor: 30,
56
- id_recepcionist: null,
57
- category: "HALLOWEN|DECORACIÓN E INFLABLES|DECORACIÓN E INFLABLES",
58
- missingAttributes: null,
59
- missingDescriptions: null,
60
- missingImages: null,
41
+ id_category: "612",
42
+ id_article: 109490,
43
+ name: "Collar con dije letra ",
44
+ timestamp: "2022-05-05T16:45:49.000Z",
45
+ upc: "123434",
61
46
  },
62
47
  retailers: [
63
48
  {
64
- id: 58,
65
- name: "The Home Depot",
66
- country: "México",
67
- id_region: 1,
68
- active: 1,
49
+ id: 2,
50
+ name: "Walmart Mercancías Generales",
51
+ },
52
+ ],
53
+ services: {
54
+ datasheets: 1,
55
+ descriptions: 1,
56
+ images: 1,
57
+ },
58
+ checked: false,
59
+ retailersAvailable: [
60
+ {
61
+ id: 2,
62
+ name: "Walmart Mercancías Generales",
69
63
  },
70
64
  ],
71
- country: "México",
72
- upc: "2004202212",
65
+ id_article: 109490,
66
+ categoryName: "ROPA, ACCESORIOS, FRAGANCIAS Y JOYERÍA|ACCESORIOS|COLLARES",
67
+ version_status: "IN_PROGRESS",
73
68
  },
74
69
  location: {
75
70
  product: { articleId: 109485, versionId: 3 },
@@ -1123,6 +1123,7 @@ export const RetailerProductEdition = ({
1123
1123
  assig={assig[activeTab]}
1124
1124
  setAssignation={setAssignation}
1125
1125
  isRetailer={isRetailer}
1126
+ showSaveButton={true}
1126
1127
  onClickSave={() => {
1127
1128
  switch (activeTab) {
1128
1129
  case "Descripción":
@@ -47,7 +47,7 @@ export const VerificationCodeResetPassword = ({
47
47
  validateInput={validateInput}
48
48
  inputsArray={inputCodeVerificationAll}
49
49
  position={position}
50
- maxLength="1"
50
+ maxChar={1}
51
51
  />
52
52
  ))}
53
53
  </div>
@@ -183,7 +183,6 @@ export const fetchUsers = async (auth) => {
183
183
  export const getNewStatus = (statusArray) => {
184
184
  let lookupString = "";
185
185
  statusArray.forEach((element) => (lookupString += element + "/"));
186
- console.log(lookupString, "productTemp");
187
186
  if (lookupString.includes("RF")) return "RF";
188
187
  if (lookupString.includes("RA")) return "RA";
189
188
  if (lookupString.includes("RP")) return "RP";