contentoh-components-library 21.4.16 → 21.4.17

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 (110) hide show
  1. package/.env.development +1 -5
  2. package/.env.production +1 -3
  3. package/dist/components/atoms/Avatar/index.js +2 -3
  4. package/dist/components/atoms/Card/index.js +5 -46
  5. package/dist/components/atoms/Card/styles.js +1 -3
  6. package/dist/components/atoms/CheckBox/index.js +2 -7
  7. package/dist/components/atoms/CheckBox/styles.js +1 -1
  8. package/dist/components/atoms/InputFormatter/styles.js +1 -1
  9. package/dist/components/molecules/CarouselImagesLogin/index.js +1 -1
  10. package/dist/components/molecules/HeaderTop/index.js +11 -68
  11. package/dist/components/molecules/TagAndInput/index.js +1 -1
  12. package/dist/components/organisms/Chat/Chat.stories.js +8 -27
  13. package/dist/components/organisms/Chat/ContainerItems/index.js +3 -19
  14. package/dist/components/organisms/Chat/ContainerItems/styles.js +1 -1
  15. package/dist/components/organisms/Chat/ContentChat/index.js +197 -350
  16. package/dist/components/organisms/Chat/Footer/index.js +39 -48
  17. package/dist/components/organisms/Chat/index.js +4 -49
  18. package/dist/components/organisms/FullProductNameHeader/index.js +2 -2
  19. package/dist/components/organisms/Modal/styles.js +1 -1
  20. package/dist/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +120 -88
  21. package/dist/components/pages/ProviderProductEdition/index.js +200 -216
  22. package/dist/components/pages/ProviderProductEdition/styles.js +1 -1
  23. package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +52 -56
  24. package/dist/components/pages/RetailerProductEdition/index.js +300 -318
  25. package/dist/components/pages/RetailerProductEdition/styles.js +1 -1
  26. package/dist/components/pages/RetailerProductEdition/utils.js +2 -61
  27. package/dist/index.js +52 -247
  28. package/package.json +1 -4
  29. package/src/components/atoms/Avatar/index.js +2 -8
  30. package/src/components/atoms/Card/index.js +2 -35
  31. package/src/components/atoms/Card/styles.js +5 -41
  32. package/src/components/atoms/CheckBox/index.js +1 -4
  33. package/src/components/atoms/CheckBox/styles.js +0 -2
  34. package/src/components/atoms/InputFormatter/styles.js +1 -2
  35. package/src/components/molecules/CarouselImagesLogin/index.js +1 -1
  36. package/src/components/molecules/HeaderTop/index.js +6 -52
  37. package/src/components/molecules/TagAndInput/index.js +8 -10
  38. package/src/components/organisms/Chat/Chat.stories.js +7 -27
  39. package/src/components/organisms/Chat/ContainerItems/index.js +2 -18
  40. package/src/components/organisms/Chat/ContainerItems/styles.js +2 -10
  41. package/src/components/organisms/Chat/ContentChat/index.js +12 -88
  42. package/src/components/organisms/Chat/Footer/index.js +0 -11
  43. package/src/components/organisms/Chat/index.js +4 -46
  44. package/src/components/organisms/FullProductNameHeader/index.js +1 -1
  45. package/src/components/organisms/Modal/styles.js +1 -4
  46. package/src/components/organisms/OrderDetail/utils/Table/utils.js +16 -6
  47. package/src/components/pages/ProviderProductEdition/ProviderProductEdition.stories.js +127 -95
  48. package/src/components/pages/ProviderProductEdition/index.js +129 -135
  49. package/src/components/pages/ProviderProductEdition/styles.js +1 -5
  50. package/src/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js +52 -55
  51. package/src/components/pages/RetailerProductEdition/index.js +136 -124
  52. package/src/components/pages/RetailerProductEdition/styles.js +0 -4
  53. package/src/components/pages/RetailerProductEdition/utils.js +0 -37
  54. package/src/index.js +0 -16
  55. package/src/components/atoms/ImageCarousel/ImgeSlider.stories.js +0 -76
  56. package/src/components/atoms/ImageCarousel/index.js +0 -103
  57. package/src/components/atoms/ImageCarousel/styles.js +0 -79
  58. package/src/components/atoms/PercentTag/PercentTag.stories.js +0 -7
  59. package/src/components/atoms/PercentTag/index.js +0 -9
  60. package/src/components/atoms/PercentTag/styles.js +0 -69
  61. package/src/components/atoms/RatingStars/RatingStars.stories.js +0 -10
  62. package/src/components/atoms/RatingStars/index.js +0 -31
  63. package/src/components/atoms/RatingStars/styles.js +0 -28
  64. package/src/components/atoms/RetailerCatalog/RetailerCatalog.stories.js +0 -36
  65. package/src/components/atoms/RetailerCatalog/index.js +0 -49
  66. package/src/components/atoms/RetailerCatalog/styles.js +0 -30
  67. package/src/components/atoms/RetailerOption/RetailerOption.stories.js +0 -15
  68. package/src/components/atoms/RetailerOption/index.js +0 -53
  69. package/src/components/atoms/RetailerOption/styles.js +0 -41
  70. package/src/components/atoms/RetailersList/RetailersList.stories.js +0 -33
  71. package/src/components/atoms/RetailersList/index.js +0 -20
  72. package/src/components/atoms/RetailersList/styles.js +0 -19
  73. package/src/components/atoms/UserCatalog/UserCatalog.stories.js +0 -67
  74. package/src/components/atoms/UserCatalog/index.js +0 -100
  75. package/src/components/atoms/UserCatalog/styles.js +0 -24
  76. package/src/components/atoms/UserOption/UserOption.stories.js +0 -25
  77. package/src/components/atoms/UserOption/index.js +0 -95
  78. package/src/components/atoms/UserOption/styles.js +0 -61
  79. package/src/components/atoms/UserSelector/UserSelector.stories.js +0 -25
  80. package/src/components/atoms/UserSelector/index.js +0 -86
  81. package/src/components/atoms/UserSelector/styles.js +0 -55
  82. package/src/components/molecules/GridItem/GridItem.stories.js +0 -126
  83. package/src/components/molecules/GridItem/index.js +0 -105
  84. package/src/components/molecules/GridItem/styles.js +0 -104
  85. package/src/components/molecules/HeaderItem/ColumnItem.js +0 -9
  86. package/src/components/molecules/HeaderItem/HeaderItem.stories.js +0 -24
  87. package/src/components/molecules/HeaderItem/index.js +0 -26
  88. package/src/components/molecules/HeaderItem/styles.js +0 -27
  89. package/src/components/molecules/RowItem/ColumnItem.js +0 -9
  90. package/src/components/molecules/RowItem/RowItem.stories.js +0 -5660
  91. package/src/components/molecules/RowItem/index.js +0 -45
  92. package/src/components/molecules/RowItem/styles.js +0 -40
  93. package/src/components/molecules/StripeCardForm/StripeCardForm.stories.js +0 -13
  94. package/src/components/molecules/StripeCardForm/index.js +0 -42
  95. package/src/components/molecules/StripeCardForm/paymentForm.js +0 -124
  96. package/src/components/molecules/StripeCardForm/styles.js +0 -73
  97. package/src/components/molecules/StripeCardSelector/CardSelector.stories.js +0 -12
  98. package/src/components/molecules/StripeCardSelector/index.js +0 -44
  99. package/src/components/molecules/StripeCardSelector/styles.js +0 -4
  100. package/src/components/molecules/StripeCardSelector/utils.js +0 -17
  101. package/src/components/organisms/GridProducts/GridProducts.stories.js +0 -5485
  102. package/src/components/organisms/GridProducts/index.js +0 -50
  103. package/src/components/organisms/GridProducts/styles.js +0 -14
  104. package/src/components/organisms/GridProducts/utils.js +0 -111
  105. package/src/components/organisms/PanelLayout/PanelLayout.stories.js +0 -63
  106. package/src/components/organisms/PanelLayout/index.js +0 -11
  107. package/src/components/organisms/PanelLayout/styles.js +0 -33
  108. package/src/components/organisms/SideModal/SideModal.stories.js +0 -23
  109. package/src/components/organisms/SideModal/index.js +0 -50
  110. package/src/components/organisms/SideModal/styles.js +0 -30
@@ -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 display: flex;\n flex-direction: column;\n height: 100%;\n flex: 1;\n overflow: auto;\n\n .data-container {\n display: flex;\n flex: 0%;\n height: calc(100% - ", "px);\n .image-data-panel {\n width: 340px;\n\n & + * {\n margin-left: 10px;\n }\n }\n\n .product-information {\n width: 100%;\n display: flex;\n flex-direction: column;\n\n .services-information-container {\n height: 100%;\n overflow: auto;\n }\n\n .image-services {\n aside {\n display: grid;\n grid-template-columns: repeat(auto-fill, 179px);\n column-gap: 15px;\n row-gap: 15px;\n padding: 20px;\n }\n }\n\n .commentary-box {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n padding: 10px;\n padding-left: 0;\n\n .commentary {\n display: flex;\n align-items: flex-end;\n\n .input-container {\n width: 500px;\n\n .quill {\n height: 100px;\n }\n\n & + * {\n margin-left: 5px;\n }\n }\n\n .buttons-box {\n display: flex;\n width: 210px;\n flex-wrap: wrap;\n\n .general-transparent-button {\n & + * {\n margin-top: 5px;\n }\n }\n\n .general-transparent-button,\n .general-green-button,\n .general-button-disabled {\n width: fit-content;\n min-width: 201px;\n height: 40px;\n }\n }\n }\n }\n\n .feedback-box {\n display: flex;\n }\n\n .required-inputs-message {\n font-family: ", ";\n font-size: 13px;\n color: ", ";\n padding: 10px;\n display: flex;\n align-items: center;\n\n p + * {\n margin-top: 10px;\n }\n\n button {\n min-width: fit-content;\n }\n }\n }\n }\n #modal-message-box {\n width: 400px;\n height: 100px;\n }\n .container {\n width: 100%;\n height: 100%;\n .dropzone {\n height: 100%;\n width: 100%;\n }\n }\n"])), function (_ref) {
18
+ var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n display: flex;\n flex-direction: column;\n height: 100%;\n flex: 1;\n overflow: auto;\n\n .data-container {\n display: flex;\n flex: 0%;\n height: calc(100% - ", "px);\n .image-data-panel {\n width: 340px;\n\n & + * {\n margin-left: 10px;\n }\n }\n\n .product-information {\n width: 100%;\n display: flex;\n flex-direction: column;\n\n .services-information-container {\n height: 100%;\n overflow: auto;\n }\n\n .image-services {\n aside {\n display: grid;\n grid-template-columns: repeat(auto-fill, 179px);\n column-gap: 15px;\n row-gap: 15px;\n padding: 20px;\n }\n }\n\n .commentary-box {\n display: flex;\n justify-content: space-between;\n align-items: flex-end;\n padding: 10px;\n padding-left: 0;\n\n .commentary {\n display: flex;\n align-items: flex-end;\n\n .input-container {\n width: 500px;\n\n .quill {\n height: 100px;\n }\n\n & + * {\n margin-left: 5px;\n }\n }\n\n .buttons-box {\n display: flex;\n width: 210px;\n flex-wrap: wrap;\n\n .general-transparent-button {\n & + * {\n margin-top: 5px;\n }\n }\n\n .general-transparent-button,\n .general-green-button,\n .general-button-disabled {\n width: fit-content;\n min-width: 201px;\n height: 40px;\n }\n }\n }\n }\n\n .feedback-box {\n display: flex;\n }\n\n .required-inputs-message {\n font-family: ", ";\n font-size: 13px;\n color: ", ";\n padding: 10px;\n display: flex;\n align-items: center;\n\n p + * {\n margin-top: 10px;\n }\n\n button {\n min-width: fit-content;\n }\n }\n }\n }\n .container {\n width: 100%;\n height: 100%;\n .dropzone {\n height: 100%;\n width: 100%;\n }\n }\n"])), function (_ref) {
19
19
  var headerTop = _ref.headerTop;
20
20
  return headerTop;
21
21
  }, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s4);
@@ -31,87 +31,83 @@ RetailerProductEditionDefault.args = {
31
31
  "Ficha técnica": false,
32
32
  Imágenes: false
33
33
  },
34
- token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiI5YTIxMzEyOC02NDgyLTRjMTYtYTRiNi02ZTY0ZjIyNWIxYmQiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6IjlhMjEzMTI4LTY0ODItNGMxNi1hNGI2LTZlNjRmMjI1YjFiZCIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiI5OGE0NzYxMy04ZGIyLTRlZjUtYjA0Mi01ZDU3MWRkZjIwMWIiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4Mzg3NTIyNiwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY4Mzg3ODgyNiwiaWF0IjoxNjgzODc1MjI2LCJlbWFpbCI6ImlzbWFlbDk3bG9wZXpAZ21haWwuY29tIn0.EtgmT_THMx-Zy_zB5yZK4gz6TXNTVVJEKFt5X0JK2UkGVrp_q_92YCEuejS4n976fyTez0jkwOee6IkVHLV71uZWRBDFt-3Yw4ZxfsZYPNJWhoHXGNxhMU8MCkSntfu597esBTk-VsUpstT5R7L-WJfN8viE7R-qVo-42RlPTG0TFrWA9q0oTcqjv8vbxLpOBUjiEpjmqRhg4blJZwgkGNta6MOlw1vfmisOVbo9wMvqwnCZ9xx9KMKoH9U4uNObK_JomjbvPmTmkcUXsE-wGSD7XcoSwtuhBngLC7-jiu1u8MvL_ff5Z0Qp70sSpLdUglcSS8d1Xf7j_fcZuJ5jKA",
34
+ token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJhNmM0ZDNkNi0yNGE0LTQxZDQtYWQwZi1kMDg3NDM4YWI1YjYiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwiY29nbml0bzp1c2VybmFtZSI6ImE2YzRkM2Q2LTI0YTQtNDFkNC1hZDBmLWQwODc0MzhhYjViNiIsImNvZ25pdG86cm9sZXMiOlsiYXJuOmF3czppYW06Ojg5ODY3MDIzMjgwNzpyb2xlXC9jb250ZW50b2gtZGV2LXVzLWVhc3QtMS1sYW1iZGFSb2xlIl0sImF1ZCI6IjVhYzh0cGdzNmdic3ExM2ZydnJwaWVlcDQwIiwiZXZlbnRfaWQiOiIyYjU3MjZlMy04MjM2LTRmYzMtODBkMi05NWVmYmU4ODdjOTYiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY4MjAxNjI5MSwibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY4MjAxOTg5MSwiaWF0IjoxNjgyMDE2MjkxLCJlbWFpbCI6ImV0Y0Bjb250ZW50b2guY29tIn0.SCj_yp1NkGCED59JHoDSdFAOakIOvZVeC0yLwt9z0BtenDXlU0m5cUofQQonnWPM8Q70yMFEkyMGI9kQs_fz1gxrmrSc2FGefn3B_1Vymq3pQ_S1JrY_syYf88m_GtJKOywEnE6--Ef9lZhFBFKGtqRJ4H8JBa9Xb96uCjAKyEMCSURDlw37pk2RQdULlZPj17Zb6Xrqi2lwrhpI1ByptX3__UoTiZklnTXwIxM4JdU7yuhXLznaEH8NOSd2Jw-CV6FCUbYBHlnRYBQg7B5mwyVKtDQm6QpRgBTBPCvljJJpFjRKUcnon8WZiFXx1qVbkWPt2vCT1TZqqoSLdlP6lA",
35
35
  productSelected: {
36
+ orderId: 15160,
37
+ status: "SAC",
38
+ datasheet_status: "SAC",
39
+ prio: "none",
40
+ version: 7,
41
+ description_status: "SAC",
42
+ images_status: "SAC",
43
+ brand: null,
44
+ retailerOrder: 1,
45
+ missing: {
46
+ datasheet: null,
47
+ descriptions: null,
48
+ images: null
49
+ },
36
50
  services: {
37
51
  datasheets: 1,
38
52
  descriptions: 1,
39
53
  images: 1
40
54
  },
41
- orderId: 15275,
42
- status: "AC",
43
- datasheet_status: "AC",
44
- prio: "none",
45
- version: 3,
46
- description_status: "AC",
47
- images_status: "AC",
48
- statusByRetailer: {
49
- 34: {
50
- datasheet: "AC",
51
- description: "AC",
52
- images: "AC"
53
- }
54
- },
55
55
  article: {
56
- id_article: 39485,
57
- id_category: "11",
58
- name: "Mix de nueces",
59
- upc: "7543453453",
60
- timestamp: "2023-07-14T21:02:54.000Z",
61
- id_user: 28,
62
- status: "NULL",
63
- active: 1,
64
- company_id: 1,
65
- company_name: "GRUPO BRAHMA",
56
+ category: "Puertas y Ventanas|Molduras|Molduras Madera Blanda",
57
+ company_name: "Demo",
66
58
  country: "México",
67
- id_order: 15275,
68
- id_datasheet_especialist: 54,
69
- id_datasheet_facilitator: 52,
70
- id_description_especialist: 54,
71
- id_description_facilitator: 52,
72
- id_images_especialist: 55,
73
- id_images_facilitator: 53,
59
+ id_category: "2366",
60
+ id_datasheet_especialist: null,
61
+ id_datasheet_facilitator: null,
62
+ id_description_especialist: null,
63
+ id_description_facilitator: null,
64
+ id_images_especialist: null,
65
+ id_images_facilitator: null,
66
+ id_order: 15160,
67
+ id_article: 39290,
74
68
  id_auditor: 37,
75
- id_recepcionist: null,
76
- category: "Abarrotes|Abarrotes Secos|Frutos Secos",
77
- missingAttributes: 0,
78
- missingDescriptions: 0,
79
- missingImages: 0
69
+ name: "MOLDURA MARCO MODER 11X4X244 CM",
70
+ timestamp: "2023-04-19T21:36:02.000Z",
71
+ upc: "100030"
80
72
  },
81
73
  retailers: [{
82
- id: 34,
83
- name: "San Pablo"
74
+ id: 58,
75
+ name: "The Home Depot Golden"
76
+ }, {
77
+ id: 68,
78
+ name: "The Home Depot Merchants"
84
79
  }],
85
- country: "México",
86
- upc: "7543453453"
80
+ statusByRetailer: {
81
+ 58: {
82
+ datasheet: "SAC",
83
+ description: "SAC",
84
+ images: "SAC"
85
+ }
86
+ }
87
87
  },
88
88
  location: {
89
89
  product: {
90
- articleId: 354,
91
- versionId: 3
92
- },
93
- state: {
94
- withChat: true,
95
- chatType: "product_status"
90
+ articleId: 39290,
91
+ versionId: 7
96
92
  }
97
93
  },
98
94
  user: {
99
- id_user: 37,
100
- name: "José",
101
- last_name: "Castañeda",
102
- email: "ismael97lopez@gmail.com",
103
- position: "Auditor",
95
+ id_user: 51,
96
+ name: "ADMIN PRUEBA",
97
+ last_name: "",
98
+ email: "etc@contentoh.com",
99
+ position: "",
104
100
  telephone: "",
105
- country: "México",
101
+ country: "",
106
102
  id_company: 2,
107
- id_cognito: "9a213128-6482-4c16-a4b6-6e64f225b1bd",
103
+ id_cognito: "a6c4d3d6-24a4-41d4-ad0f-d087438ab5b6",
108
104
  birth_Date: null,
109
105
  about_me: "",
110
106
  zip_code: "",
111
107
  address: "",
112
108
  job: "",
113
109
  id_stripe: "",
114
- id_role: 6,
110
+ id_role: 1,
115
111
  active: 1,
116
112
  is_retailer: 0,
117
113
  email_notify: 1,
@@ -127,6 +123,6 @@ RetailerProductEditionDefault.args = {
127
123
  products_limit: "3",
128
124
  type: "PyMES"
129
125
  },
130
- src: "https://content-management-profile.s3.amazonaws.com/id-37/37.png?1691175586149"
126
+ src: "https://content-management-profile.s3.amazonaws.com/id-51/51.png?1682016291518"
131
127
  }
132
128
  };