contentoh-components-library 21.3.40 → 21.3.41

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 (15) hide show
  1. package/dist/components/atoms/ButtonV2/styles.js +1 -1
  2. package/dist/components/atoms/Status/styles.js +1 -1
  3. package/dist/components/organisms/GlobalModal/styles.js +1 -1
  4. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +138 -52
  5. package/dist/components/pages/ProviderProductEdition/index.js +191 -202
  6. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +82 -118
  7. package/dist/components/pages/RetailerProductEdition/index.js +1 -1
  8. package/package.json +1 -1
  9. package/src/components/atoms/ButtonV2/styles.js +1 -1
  10. package/src/components/atoms/Status/styles.js +4 -0
  11. package/src/components/organisms/GlobalModal/styles.js +10 -0
  12. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +157 -58
  13. package/src/components/pages/ProviderProductEdition/index.js +119 -121
  14. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +87 -127
  15. package/src/components/pages/RetailerProductEdition/index.js +1 -1
package/dist/components/atoms/ButtonV2/styles.js CHANGED
@@ -15,7 +15,7 @@ var _variables = require("../../../global-files/variables");
15
15
 
16
16
  var _templateObject;
17
17
 
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: fit-content;\n padding: 0px;\n cursor: ", ";\n border-radius: ", ";\n border: none;\n\n .button {\n --size: ", "px;\n width: 100%;\n min-width: min-content;\n cursor: inherit;\n display: flex;\n flex-direction: ", ";\n gap: 7px;\n align-items: center;\n justify-content: center;\n padding: ", ";\n border-radius: inherit;\n border: ", ";\n font-family: ", ", sans-serif;\n font-size: var(--size);\n line-height: 1.2;\n text-transform: none;\n\n // tipos de botones fill\n &.fill {\n &.white {\n background-color: white;\n color: #e33aa9;\n border-color: #e33aa9;\n &:hover {\n background-color: #f4f4f4;\n }\n }\n &.whiteS2 {\n background-color: white;\n color: #7b7979;\n border-color: #f0f0f0;\n &:hover {\n background-color: #f4f4f4;\n }\n }\n &.whiteS3 {\n background-color: white;\n color: #262626;\n border-color: #f0f0f0;\n &:hover {\n background-color: #f4f4f4;\n }\n }\n &.whiteS4 {\n background-color: white;\n color: #8a6caa;\n border-color: #8a6caa;\n &:hover {\n background-color: #e0e0f1;\n }\n }\n &.pink {\n background-color: #e33aa9;\n color: white;\n border-color: #e33aa9;\n &:hover {\n background-color: #b42983;\n }\n }\n &.gray {\n background-color: #e8e5e5;\n color: #262626;\n border-color: #7b7979;\n .icon,\n .iconLoading {\n color: #7b7979;\n }\n &:hover {\n background-color: #d6d3d3;\n }\n }\n &.purple {\n background-color: #f7f7fc;\n color: #8a6caa;\n border-color: #8a6caa;\n &:hover {\n background-color: #e0e0f1;\n }\n }\n &.purpleS2 {\n background-color: #8a6caa;\n color: white;\n border-color: #8a6caa;\n &:hover {\n background-color: #61467e;\n }\n }\n }\n\n // tipos de botones transparent\n &.transparent {\n &:hover {\n background-color: transparent;\n }\n &.white {\n color: white;\n border-color: #e33aa9;\n &:hover {\n color: #d6d4d4;\n }\n }\n &.pink {\n color: #e33aa9;\n border-color: #e33aa9;\n &:hover {\n color: #b42983;\n }\n }\n &.gray {\n color: #262626;\n border-color: #7b7979;\n .icon,\n .iconLoading {\n color: #7b7979;\n transition: inherit;\n }\n &:hover {\n color: #7b7979;\n .icon,\n .iconLoading {\n color: #bdbbbb;\n }\n }\n }\n &.purple {\n color: #8a6caa;\n border-color: #8a6caa;\n &:hover {\n color: #714f95;\n }\n }\n &.black {\n color: #262626;\n border-color: #262626;\n &:hover {\n color: #7b7979;\n }\n }\n }\n\n .icon,\n .iconLoading {\n display: grid;\n place-items: center;\n color: inherit;\n font-size: ", ";\n }\n .iconLoading {\n font-size: ", ";\n }\n\n // mismo estilo desabilitado para cualquier tipo de boton\n &:disabled {\n background-color: #fcebf7 !important;\n color: #7b7979 !important;\n border-color: #7b7979 !important;\n\n .icon {\n color: #9e9c9c !important;\n }\n .iconLoading {\n color: #9e2674 !important;\n }\n\n &:hover {\n background-color: #fcebf7 !important;\n }\n }\n }\n"])), function (_ref) {
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: fit-content;\n padding: 0px;\n cursor: ", ";\n border-radius: ", ";\n border: none;\n\n .button {\n --size: ", "px;\n width: 100%;\n min-width: min-content;\n cursor: inherit;\n display: flex;\n flex-direction: ", ";\n gap: 7px;\n align-items: center;\n justify-content: center;\n padding: ", ";\n border-radius: inherit;\n border: ", ";\n font-family: ", ", sans-serif;\n font-size: var(--size);\n line-height: 1.2;\n text-transform: none;\n\n // tipos de botones fill\n &.fill {\n &.white {\n background-color: white;\n color: #e33aa9;\n border-color: #e33aa9;\n &:hover {\n background-color: #f4f4f4;\n }\n }\n &.whiteS2 {\n background-color: white;\n color: #7b7979;\n border-color: #f0f0f0;\n &:hover {\n background-color: #f4f4f4;\n }\n }\n &.whiteS3 {\n background-color: white;\n color: #262626;\n border-color: #f0f0f0;\n &:hover {\n background-color: #f4f4f4;\n }\n }\n &.whiteS4 {\n background-color: white;\n color: #8a6caa;\n border-color: #8a6caa;\n &:hover {\n background-color: #e0e0f1;\n }\n }\n &.pink {\n background-color: #e33aa9;\n color: red;\n border-color: #e33aa9;\n &:hover {\n background-color: #b42983;\n }\n }\n &.gray {\n background-color: #e8e5e5;\n color: #262626;\n border-color: #7b7979;\n .icon,\n .iconLoading {\n color: #7b7979;\n }\n &:hover {\n background-color: #d6d3d3;\n }\n }\n &.purple {\n background-color: #f7f7fc;\n color: #8a6caa;\n border-color: #8a6caa;\n &:hover {\n background-color: #e0e0f1;\n }\n }\n &.purpleS2 {\n background-color: #8a6caa;\n color: white;\n border-color: #8a6caa;\n &:hover {\n background-color: #61467e;\n }\n }\n }\n\n // tipos de botones transparent\n &.transparent {\n &:hover {\n background-color: transparent;\n }\n &.white {\n color: white;\n border-color: #e33aa9;\n &:hover {\n color: #d6d4d4;\n }\n }\n &.pink {\n color: #e33aa9;\n border-color: #e33aa9;\n &:hover {\n color: #b42983;\n }\n }\n &.gray {\n color: #262626;\n border-color: #7b7979;\n .icon,\n .iconLoading {\n color: #7b7979;\n transition: inherit;\n }\n &:hover {\n color: #7b7979;\n .icon,\n .iconLoading {\n color: #bdbbbb;\n }\n }\n }\n &.purple {\n color: #8a6caa;\n border-color: #8a6caa;\n &:hover {\n color: #714f95;\n }\n }\n &.black {\n color: #262626;\n border-color: #262626;\n &:hover {\n color: #7b7979;\n }\n }\n }\n\n .icon,\n .iconLoading {\n display: grid;\n place-items: center;\n color: inherit;\n font-size: ", ";\n }\n .iconLoading {\n font-size: ", ";\n }\n\n // mismo estilo desabilitado para cualquier tipo de boton\n &:disabled {\n background-color: #fcebf7 !important;\n color: #7b7979 !important;\n border-color: #7b7979 !important;\n\n .icon {\n color: #9e9c9c !important;\n }\n .iconLoading {\n color: #9e2674 !important;\n }\n\n &:hover {\n background-color: #fcebf7 !important;\n }\n }\n }\n"])), function (_ref) {
19
19
  var disabled = _ref.disabled,
20
20
  isLoading = _ref.isLoading;
21
21
  return disabled || isLoading ? "not-allowed" : "pointer";
package/dist/components/atoms/Status/styles.js CHANGED
@@ -15,6 +15,6 @@ var _variables = require("../../../global-files/variables");
15
15
 
16
16
  var _templateObject;
17
17
 
18
- var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: fit-content;\n padding: 0 10px;\n height: 20px;\n background-color: ", ";\n border-radius: 3px;\n\n p {\n text-align: center;\n color: ", ";\n font-family: ", ";\n font-size: 12px;\n line-height: 20px;\n }\n\n &.status-CA,\n &.status-IE {\n background-color: ", ";\n }\n\n &.status-R,\n &.status-AS,\n &.status-PA {\n background-color: ", ";\n }\n\n &.status-AA,\n &.status-AP,\n &.status-AC,\n &.status-ACA {\n background-color: ", ";\n }\n\n &.status-RA,\n &.status-RC,\n &.status-RP,\n &.status-RCA {\n background-color: ", ";\n }\n\n &.status-Dat,\n &.status-Dsc,\n &.status-Imgs {\n background-color: ", ";\n }\n\n &.status-Ex {\n background-color: ", ";\n }\n\n &.status-DDI {\n background-color: ", ";\n }\n\n &.status-GLD {\n background-color: ", ";\n }\n\n &.status-TAB {\n background-color: ", ";\n }\n\n &.status-Pt {\n background-color: ", ";\n color: ", ";\n }\n\n &.oval-form {\n border-radius: 10px;\n }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.FontFamily.Lato, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n width: fit-content;\n padding: 0 10px;\n height: 20px;\n background-color: ", ";\n border-radius: 3px;\n\n p {\n text-align: center;\n color: ", ";\n font-family: ", ";\n font-size: 12px;\n line-height: 20px;\n }\n\n &.status-CA,\n &.status-IE {\n background-color: ", ";\n }\n\n &.status-R,\n &.status-AS,\n &.status-SAC,\n &.status-PA {\n background-color: ", ";\n }\n\n &.status-AA,\n &.status-AP,\n &.status-AC,\n &.status-AAC,\n &.status-ACA {\n background-color: ", ";\n }\n\n &.status-RA,\n &.status-RC,\n &.status-RP,\n &.status-RAC,\n &.status-RCA {\n background-color: ", ";\n }\n\n &.status-Dat,\n &.status-Dsc,\n &.status-Imgs {\n background-color: ", ";\n }\n\n &.status-FAP,\n &.status-Ex {\n background-color: ", ";\n }\n\n &.status-DDI {\n background-color: ", ";\n }\n\n &.status-GLD {\n background-color: ", ";\n }\n\n &.status-TAB {\n background-color: ", ";\n }\n\n &.status-Pt {\n background-color: ", ";\n color: ", ";\n }\n\n &.oval-form {\n border-radius: 10px;\n }\n"])), _variables.GlobalColors.s3, _variables.GlobalColors.white, _variables.FontFamily.Lato, _variables.GlobalColors.in_progress, _variables.GlobalColors.reception, _variables.GlobalColors.finished, _variables.GlobalColors.rejected_status, _variables.GlobalColors.s4, _variables.GlobalColors.exported, _variables.GlobalColors.original_purpura, _variables.GlobalColors.in_progress, _variables.GlobalColors.deep_gray, _variables.GlobalColors.s2, _variables.GlobalColors.s4);
19
19
 
20
20
  exports.Container = Container;
package/dist/components/organisms/GlobalModal/styles.js CHANGED
@@ -21,7 +21,7 @@ var Header = _styledComponents.default.div(_templateObject2 || (_templateObject2
21
21
 
22
22
  exports.Header = Header;
23
23
 
24
- var MessageContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n padding: 40px 20px;\n box-sizing: border-box;\n width: 600px;\n min-height: ", ";\n background: #281f33;\n border-radius: 39px;\n"])), function (props) {
24
+ var MessageContainer = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n position: relative;\n padding: 40px 20px;\n box-sizing: border-box;\n width: 600px;\n min-height: ", ";\n background: #281f33;\n border-radius: 39px;\n & > .generic-text {\n width: 100%;\n font-family: Raleway;\n font-style: normal;\n font-weight: normal;\n font-size: 16px;\n text-align: center;\n color: #f7f7f7;\n margin: 20px 0px;\n }\n"])), function (props) {
25
25
  return props.height ? "300px" : "190px";
26
26
  });
27
27
 
package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js CHANGED
@@ -31,41 +31,109 @@ ProviderProductEditionDefault.args = {
31
31
  "Ficha técnica": false,
32
32
  Imágenes: false
33
33
  },
34
- token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJlZjViNDQzYi02ODc0LTQ2NGQtOWZiZS00Y2UwNWU4ZDQ3YTEiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MDAzODYyNiwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjgwMDQyMjI1LCJpYXQiOjE2ODAwMzg2MjYsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.rhufpJdUaJOpiKtXJgNoDq863ecFnLp63c9_6NeEbpYYNN19d_xac8aZADN-QMpkmz1oxtqfxf_-JN5jMJexi9gJCRb9O7-xL75v_G9UjdmE8sRA6qRNb_tFUCt1oee_ulgqm_2wTjb7qGMGvY1eb1J1IX2pBYKnBy64KM6J5xFfZ57ac_bGruYhCzUexPBWyZKc5ckoY2zJqK5m5Ok7ds0m1hC0t-eQSGX_8KMsGQKiHevQ07cZUQ9mxOGVweRuAqITNx8fVmpD9QTpoZJJ5STVVcKO2CS0ltyE_DNlyejO7mZqbKvGEeLYc4ga0nozK9aP8H2cN_topT0d4JZ5rA",
34
+ token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI1ODg0YWUzNC01OWQ2LTQ0NTQtYjk4ZS04MjE1MThiY2MzYTciLCJjb2duaXRvOmdyb3VwcyI6WyJ1c3VhcmlvX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjpmYWxzZSwiY29nbml0bzp1c2VybmFtZSI6IjU4ODRhZTM0LTU5ZDYtNDQ1NC1iOThlLTgyMTUxOGJjYzNhNyIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiJkMmY0ZTZmNC1jYmM4LTQ5NTItODMyYi0yYTNlNzBlOTM0ZjAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MjAyNDQ4OCwibmFtZSI6IkNhZGVuYSBJc21hZWwiLCJwaG9uZV9udW1iZXIiOiIrNTIzMTExMzY2MzM2IiwiZXhwIjoxNjgyMDI4MDg4LCJpYXQiOjE2ODIwMjQ0ODgsImVtYWlsIjoiY2FkZW5hLmlzbWFlbEBhbGxmcmVlbWFpbC5uZXQifQ.eTJuJXGjCEOcOzJreoJQ3GA_3a7-7IR5sojvBwyEp360Z_Nd7LNDAA605jkRTx2c39zk9o3hkgzEZsK6RYwFrB-jOqlFA7E3dvkCaDC0fh6V1tAY3nKWvFE13VHMj08WAPmQOtr2glpzv0vcCNilOmbw8-D7E7zb2K6R63YdVyC1mSVPvlqJaecBVmiWu5OoHDRFjfdkx-tnxQacm3YeuqYPHho4hy18xU4NG4SmeqXQmuBD8lGMZuZ5Kkr9tkjgEQzjaY5wUik6MWDc43xG5pMhXsuluUnwxPWo3V4tc7MKsml6T6solr31JlL5qsVc4trqWMkLG2bbtUzRRxUUXg",
35
35
  articleId: 238,
36
36
  category: 846,
37
37
  version: 2,
38
38
  productSelected: {
39
- category: "Iluminación|Lámparas de Interior|Pie y Pedestal",
40
- company_name: "Demo",
41
- company_id: 923,
42
- id_category: "2676",
43
- id_article: 17163,
44
- name: "Eglo 95055",
45
- upc: "165033",
46
- version: 1,
39
+ orderId: 15160,
40
+ article_status: "RAC",
41
+ datasheet_status: "AAC",
42
+ description_status: "RAC",
43
+ images_status: "AAC",
44
+ prio: "none",
45
+ version: 7,
46
+ brand: null,
47
+ article: {
48
+ category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
49
+ company_name: "Demo",
50
+ id_company: 924,
51
+ country: "México",
52
+ id_category: "2366",
53
+ id_article: 39290,
54
+ name: "MOLDURA MARCO MODER 11X4X244 CM",
55
+ upc: "100030"
56
+ },
57
+ retailers: [{
58
+ id: 58,
59
+ name: "The Home Depot Golden"
60
+ }, {
61
+ id: 68,
62
+ name: "The Home Depot Merchants"
63
+ }],
64
+ services: {
65
+ datasheets: 1,
66
+ descriptions: 1,
67
+ images: 1
68
+ },
69
+ statusByRetailer: {
70
+ 58: {
71
+ datasheet: "AAC",
72
+ description: "RAC",
73
+ images: "AAC"
74
+ }
75
+ },
76
+ retailersWithService: ["58"],
77
+ id_article: 39290,
47
78
  retailersAvailable: [{
79
+ id: 58,
80
+ name: "The Home Depot Golden"
81
+ }, {
48
82
  id: 68,
49
83
  name: "The Home Depot Merchants"
50
84
  }]
51
85
  },
52
86
  productToEdit: {
53
- idCategory: "2676",
54
- ArticleId: 17163,
55
- product: [{
56
- category: "Iluminación|Lámparas de Interior|Pie y Pedestal",
57
- company_name: "Demo",
58
- company_id: 923,
59
- id_category: "2676",
60
- id_article: 17163,
61
- name: "Eglo 95055",
62
- upc: "165033",
63
- version: 1,
87
+ ArticleId: 39290,
88
+ idCategory: "2366",
89
+ product: {
90
+ orderId: 15160,
91
+ article_status: "RAC",
92
+ datasheet_status: "AAC",
93
+ description_status: "RAC",
94
+ images_status: "AAC",
95
+ prio: "none",
96
+ version: 7,
97
+ brand: null,
98
+ article: {
99
+ category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
100
+ company_name: "Demo",
101
+ id_company: 924,
102
+ country: "México",
103
+ id_category: "2366",
104
+ id_article: 39290,
105
+ name: "MOLDURA MARCO MODER 11X4X244 CM",
106
+ upc: "100030"
107
+ },
108
+ retailers: [{
109
+ id: 58,
110
+ name: "The Home Depot Golden"
111
+ }, {
112
+ id: 68,
113
+ name: "The Home Depot Merchants"
114
+ }],
115
+ services: {
116
+ datasheets: 1,
117
+ descriptions: 1,
118
+ images: 1
119
+ },
120
+ statusByRetailer: {
121
+ 58: {
122
+ datasheet: "AAC",
123
+ description: "RAC",
124
+ images: "AAC"
125
+ }
126
+ },
127
+ retailersWithService: ["58"],
128
+ id_article: 39290,
64
129
  retailersAvailable: [{
130
+ id: 58,
131
+ name: "The Home Depot Golden"
132
+ }, {
65
133
  id: 68,
66
134
  name: "The Home Depot Merchants"
67
135
  }]
68
- }]
136
+ }
69
137
  },
70
138
  location: {
71
139
  pathname: "/EditProducts",
@@ -77,38 +145,52 @@ ProviderProductEditionDefault.args = {
77
145
  key: "24vwut"
78
146
  },
79
147
  user: {
80
- id_user: 59,
81
- name: "Cadena",
82
- last_name: "Comercial",
83
- email: "cadena.ismael@allfreemail.net",
84
- position: "Admin",
85
- telephone: "+523111366336",
86
- country: "México",
87
- id_company: 817,
88
- id_cognito: "5884ae34-59d6-4454-b98e-821518bcc3a7",
89
- birth_Date: null,
90
- about_me: "",
91
- zip_code: "",
92
- address: "",
93
- job: "",
94
- id_stripe: "",
95
- id_role: 0,
96
- active: 1,
97
- is_retailer: 1,
98
- email_notify: 0,
99
- is_user_tech: null,
100
- membership: {
101
- id: 47,
102
- start_date: "2022-05-25T14:31:12.000Z",
103
- end_date: "2023-05-25T14:31:12.000Z",
104
- planID: 5,
105
- plan: "prod_Ktl6B5Ou2gqTB2",
106
- name: "Plan Pro",
107
- user_limit: "5",
108
- products_limit: "500",
109
- type: "PyMES"
148
+ orderId: 15160,
149
+ article_status: "RAC",
150
+ datasheet_status: "AAC",
151
+ description_status: "RAC",
152
+ images_status: "AAC",
153
+ prio: "none",
154
+ version: 7,
155
+ brand: null,
156
+ article: {
157
+ category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
158
+ company_name: "Demo",
159
+ id_company: 924,
160
+ country: "México",
161
+ id_category: "2366",
162
+ id_article: 39290,
163
+ name: "MOLDURA MARCO MODER 11X4X244 CM",
164
+ upc: "100030"
165
+ },
166
+ retailers: [{
167
+ id: 58,
168
+ name: "The Home Depot Golden"
169
+ }, {
170
+ id: 68,
171
+ name: "The Home Depot Merchants"
172
+ }],
173
+ services: {
174
+ datasheets: 1,
175
+ descriptions: 1,
176
+ images: 1
110
177
  },
111
- src: "https://content-management-profile.s3.amazonaws.com/id-59/59.png?1680038627077"
178
+ statusByRetailer: {
179
+ 58: {
180
+ datasheet: "AAC",
181
+ description: "RAC",
182
+ images: "AAC"
183
+ }
184
+ },
185
+ retailersWithService: ["58"],
186
+ id_article: 39290,
187
+ retailersAvailable: [{
188
+ id: 58,
189
+ name: "The Home Depot Golden"
190
+ }, {
191
+ id: 68,
192
+ name: "The Home Depot Merchants"
193
+ }]
112
194
  },
113
195
  company: {
114
196
  id_company: 817,
@@ -146,6 +228,10 @@ ProviderProductEditionDefault.args = {
146
228
  id: 68,
147
229
  name: "The Home Depot Merchants",
148
230
  country: "México"
231
+ }, {
232
+ id: 58,
233
+ name: "The Home Depot Golden",
234
+ country: "México"
149
235
  }]
150
236
  },
151
237
  showSurvey: function showSurvey(v) {