contentoh-components-library 21.6.57 → 21.6.59

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 (49) hide show
  1. package/.claude/settings.local.json +7 -0
  2. package/dist/components/pages/CreatorsProductEdition/CreatorsProductEditionView.js +90 -135
  3. package/dist/components/pages/CreatorsProductEdition/hooks/useCreatorsProductEdition.js +148 -162
  4. package/dist/components/pages/CreatorsProductEdition/mocks/api.fixtures.js +16 -0
  5. package/dist/components/pages/CreatorsProductEdition/mocks/mockApi.js +1 -0
  6. package/dist/components/pages/CreatorsProductEdition/sections/ImageGallery.js +433 -0
  7. package/dist/components/pages/CreatorsProductEdition/sections/NoticeDialog.js +155 -0
  8. package/dist/components/pages/CreatorsProductEdition/sections/RejectDialog.js +201 -0
  9. package/dist/components/pages/CreatorsProductEdition/sections/VersionDrawer.js +615 -0
  10. package/dist/components/pages/CreatorsProductEdition/stories/CreatorsProductEdition.stories.js +3 -31
  11. package/dist/components/pages/CreatorsProductEdition/stories/CreatorsProductEditionAPI.stories.js +55 -30
  12. package/dist/components/pages/CreatorsProductEdition/stories/products.js +923 -0
  13. package/dist/components/pages/CreatorsProductEdition/styles.js +27 -7
  14. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +2 -1
  15. package/dist/components/pages/ProviderProductEdition/context/provider-product-edition.context.js +325 -10
  16. package/dist/components/pages/ProviderProductEdition/context/provider-product-edition.reducer.js +12 -2
  17. package/dist/components/pages/ProviderProductEdition/index.js +486 -231
  18. package/dist/index.js +13 -0
  19. package/package.json +1 -1
  20. package/src/components/pages/CreatorsProductEdition/CreatorsProductEditionView.jsx +777 -0
  21. package/src/components/pages/CreatorsProductEdition/constants.js +21 -0
  22. package/src/components/pages/CreatorsProductEdition/hooks/useCreatorsProductEdition.js +2238 -0
  23. package/src/components/pages/CreatorsProductEdition/index.js +19 -0
  24. package/src/components/pages/CreatorsProductEdition/mocks/api.fixtures.js +357 -0
  25. package/src/components/pages/CreatorsProductEdition/mocks/mockApi.js +144 -0
  26. package/src/components/pages/CreatorsProductEdition/sections/CommentBox.jsx +183 -0
  27. package/src/components/pages/CreatorsProductEdition/sections/ImageGallery.jsx +269 -0
  28. package/src/components/pages/CreatorsProductEdition/sections/ImagePanel.jsx +332 -0
  29. package/src/components/pages/CreatorsProductEdition/sections/ImagesSection.jsx +385 -0
  30. package/src/components/pages/CreatorsProductEdition/sections/NoticeDialog.jsx +111 -0
  31. package/src/components/pages/CreatorsProductEdition/sections/ProductHeader.jsx +305 -0
  32. package/src/components/pages/CreatorsProductEdition/sections/ProductMedia.jsx +101 -0
  33. package/src/components/pages/CreatorsProductEdition/sections/RejectDialog.jsx +125 -0
  34. package/src/components/pages/CreatorsProductEdition/sections/RetailerMenu.jsx +129 -0
  35. package/src/components/pages/CreatorsProductEdition/sections/ServiceActions.jsx +382 -0
  36. package/src/components/pages/CreatorsProductEdition/sections/StatusChip.jsx +37 -0
  37. package/src/components/pages/CreatorsProductEdition/sections/TabsBar.jsx +187 -0
  38. package/src/components/pages/CreatorsProductEdition/sections/VariantsPanel.jsx +311 -0
  39. package/src/components/pages/CreatorsProductEdition/sections/VersionDrawer.jsx +357 -0
  40. package/src/components/pages/CreatorsProductEdition/sections/tokens.js +63 -0
  41. package/src/components/pages/CreatorsProductEdition/stories/CreatorsProductEdition.stories.js +111 -0
  42. package/src/components/pages/CreatorsProductEdition/stories/CreatorsProductEditionAPI.stories.js +85 -0
  43. package/src/components/pages/CreatorsProductEdition/stories/products.js +966 -0
  44. package/src/components/pages/CreatorsProductEdition/styles.js +178 -0
  45. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +1 -0
  46. package/src/components/pages/ProviderProductEdition/context/provider-product-edition.context.jsx +201 -0
  47. package/src/components/pages/ProviderProductEdition/context/provider-product-edition.reducer.js +12 -0
  48. package/src/components/pages/ProviderProductEdition/index.js +228 -7
  49. package/src/index.js +1 -0
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.default = exports.Textos = exports.ImagenesTablet = exports.ImagenesCelular = exports.Imagenes = exports.AuditorQA = void 0;
8
+ exports.default = exports.YogurtDosCadenas = exports.Textos = exports.RelojCuatroCadenas = exports.MacetaAuditor = exports.Imagenes = exports.CamisaSoloImagenes = exports.AuditorQA = void 0;
9
9
 
10
10
  var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
11
11
 
@@ -19,12 +19,14 @@ var _Auditor = require("../../RetailerProductEdition/stories/Auditor.stories");
19
19
 
20
20
  var _TextEditor = require("../../RetailerProductEdition/stories/TextEditor.stories");
21
21
 
22
+ var _products = require("./products");
23
+
22
24
  var _jsxRuntime = require("react/jsx-runtime");
23
25
 
24
26
  /*
25
- Historias contra la API real de dev, con los MISMOS datos que las de
26
- RetailerProductEdition (se importan de allá para no duplicar el token ni el
27
- producto). Sirven para comparar las dos vistas lado a lado con datos reales.
27
+ Historias contra la API real de dev. El token y los usuarios se importan de
28
+ las historias de RetailerProductEdition para no duplicarlos; los productos
29
+ reales están en `products.js`.
28
30
 
29
31
  Dependen de que el token siga sirviendo y el producto exista en dev: si una
30
32
  falla al cargar, revisar primero eso. Las historias con datos locales, que no
@@ -40,35 +42,58 @@ exports.default = _default;
40
42
 
41
43
  var Template = function Template(args) {
42
44
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CreatorsProductEdition, (0, _objectSpread2.default)({}, args));
43
- };
45
+ }; // Una historia por producto y rol. Para verla en tablet o celular, usar el
46
+ // selector de viewport de la barra de Storybook.
47
+
48
+ /*
49
+ Producto por omisión: el ventilador de The Home Depot Golden. El token es el
50
+ de las historias de RetailerProductEdition; los usuarios también, así que no
51
+ son los asignados a este producto y la pantalla puede mostrar menos botones
52
+ de los que vería el especialista o el auditor real.
53
+ */
44
54
 
55
+
56
+ var base = {
57
+ token: _ImageEditor.ImageEditor.args.token,
58
+ productSelected: _products.VENTILADOR_THD
59
+ };
45
60
  var Imagenes = Template.bind({});
46
61
  exports.Imagenes = Imagenes;
47
- Imagenes.args = (0, _objectSpread2.default)({}, _ImageEditor.ImageEditor.args);
48
- var ImagenesTablet = Template.bind({});
49
- exports.ImagenesTablet = ImagenesTablet;
50
- ImagenesTablet.args = (0, _objectSpread2.default)({}, _ImageEditor.ImageEditor.args);
51
- ImagenesTablet.parameters = {
52
- viewport: {
53
- defaultViewport: "tablet"
54
- }
55
- };
56
- var ImagenesCelular = Template.bind({});
57
- exports.ImagenesCelular = ImagenesCelular;
58
- ImagenesCelular.args = (0, _objectSpread2.default)({}, _ImageEditor.ImageEditor.args);
59
- ImagenesCelular.parameters = {
60
- viewport: {
61
- defaultViewport: "mobile2"
62
- }
63
- };
62
+ Imagenes.args = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, base), {}, {
63
+ tabsSections: _ImageEditor.ImageEditor.args.tabsSections,
64
+ user: _ImageEditor.ImageEditor.args.user
65
+ });
66
+ var Textos = Template.bind({});
67
+ exports.Textos = Textos;
68
+ Textos.args = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, base), {}, {
69
+ tabsSections: _TextEditor.TextEditor.args.tabsSections,
70
+ user: _TextEditor.TextEditor.args.user
71
+ });
64
72
  var AuditorQA = Template.bind({});
65
73
  exports.AuditorQA = AuditorQA;
66
- AuditorQA.args = (0, _objectSpread2.default)({}, _Auditor.Auditor.args); // El usuario de textos (rol 7) con el producto de la historia de imágenes: el
67
- // de TextEditor (150504) no existe en dev y la pantalla no puede cargar.
74
+ AuditorQA.args = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, base), {}, {
75
+ tabsSections: _Auditor.Auditor.args.tabsSections,
76
+ user: _Auditor.Auditor.args.user
77
+ }); // --- Otros productos --------------------------------------------------------
78
+ // Camisa de Walmart MG: solo imágenes; ficha técnica y descripciones "NS".
68
79
 
69
- var Textos = Template.bind({});
70
- exports.Textos = Textos;
71
- Textos.args = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _TextEditor.TextEditor.args), {}, {
72
- token: _ImageEditor.ImageEditor.args.token,
73
- productSelected: _ImageEditor.ImageEditor.args.productSelected
74
- });
80
+ var CamisaSoloImagenes = Template.bind({});
81
+ exports.CamisaSoloImagenes = CamisaSoloImagenes;
82
+ CamisaSoloImagenes.args = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, Imagenes.args), {}, {
83
+ productSelected: _products.CAMISA_WALMART_MG
84
+ }); // Reloj con cuatro cadenas en el artículo, pero su orden solo trae Sanborns:
85
+ // el selector muestra únicamente las cadenas de la orden.
86
+
87
+ var RelojCuatroCadenas = Template.bind({});
88
+ exports.RelojCuatroCadenas = RelojCuatroCadenas;
89
+ RelojCuatroCadenas.args = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, Imagenes.args), {}, {
90
+ productSelected: _products.RELOJ_CUATRO_CADENAS
91
+ }); // Yogurt de Del Sol y Oxxo (dos cadenas), el producto de ImageEditor.
92
+
93
+ var YogurtDosCadenas = Template.bind({});
94
+ exports.YogurtDosCadenas = YogurtDosCadenas;
95
+ YogurtDosCadenas.args = (0, _objectSpread2.default)({}, _ImageEditor.ImageEditor.args); // Maceta de The Home Depot Golden con el auditor, como en Auditor.stories.
96
+
97
+ var MacetaAuditor = Template.bind({});
98
+ exports.MacetaAuditor = MacetaAuditor;
99
+ MacetaAuditor.args = (0, _objectSpread2.default)({}, _Auditor.Auditor.args);