contentoh-components-library 20.0.0 → 20.0.17

package/dist/components/pages/RegistrationLoginThirdStep/styles.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Container = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/taggedTemplateLiteral"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _variables = require("../../../global-files/variables");
+
+var _templateObject;
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  width: 100%;\n  height: 100vh;\n  .user {\n    .input-name-header {\n      margin-top: 10px;\n    }\n  }\n  .button-end {\n    text-align: end;\n    .general-default-button {\n      width: 160px;\n    }\n    & + * {\n      margin-top: 10px;\n    }\n  }\n  .home-login-retailer,\n  .home-retailer {\n    width: 50%;\n  }\n  .progress-bar {\n    width: 100%;\n    height: 8px;\n    display: flex;\n    justify-content: space-between;\n    .progress-bar-step-check {\n      width: 66.66%;\n      background-color: ", ";\n    }\n    .progress-bar-registration {\n      background-color: rgb(196, 196, 196);\n      width: 33.33%;\n    }\n  }\n  .date-header {\n    margin-left: 66.66%;\n    .new-login {\n      & + * {\n        margin-top: 20px;\n      }\n    }\n  }\n"])), _variables.GlobalColors.exported);
+
+exports.Container = Container;

package/dist/components/pages/RetailerPlan/RetailerPlan.stories.js

@@ -1,14 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RetailerPlanDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
 var _ScreenHeader = require("../../atoms/ScreenHeader");
@@ -19,8 +15,6 @@ var _variables = require("../../../global-files/variables");
 
 var _Fullplan = require("../../organisms/Fullplan");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/pages/RetailerPlan",
   Component: _index.RetailerPlan
@@ -28,23 +22,25 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RetailerPlan, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.RetailerPlan, args);
 };
 
 var RetailerPlanDefault = Template.bind({});
 exports.RetailerPlanDefault = RetailerPlanDefault;
 RetailerPlanDefault.args = {
   retailerLeft: {
-    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
+    componentsArray: [/*#__PURE__*/React.createElement(_ScreenHeader.ScreenHeader, {
+      key: "1",
       fontFamily: _variables.FontFamily.Raleway_600,
       color: _variables.GlobalColors.white,
       text: "Benficios de crear productos"
-    }, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)(_AtomList.AtomList, {
+    }), /*#__PURE__*/React.createElement(_AtomList.AtomList, {
+      key: "2",
       content: ["Crea productos", "Solicita actualización", "Revisa, valida o rechaza productos", "Comparte con colaboradores"]
-    }, "2")]
+    })]
   },
   planRetailerData: {
-    componentsArray: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Fullplan.FullPlan, {
+    componentsArray: [/*#__PURE__*/React.createElement(_Fullplan.FullPlan, {
       title: "Elige el n\xFAmero de proveedores",
       textGeneral: "Bienvido a nuestra plataforma de cadena, para continuar elige el n\xFAmero de proveedores que tiene tu cadena",
       containerData: [{
@@ -56,7 +52,8 @@ RetailerPlanDefault.args = {
       }, {
         number: "+3000",
         name: "Proveedores"
-      }]
-    }, "1")]
+      }],
+      key: "1"
+    })]
   }
 };

package/dist/components/pages/RetailerPlan/index.js

@@ -11,27 +11,21 @@ var _GradientPanel = require("../../atoms/GradientPanel");
 
 var _Fullplan = require("../../organisms/Fullplan");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var RetailerPlan = function RetailerPlan(_ref) {
   var retailerLeft = _ref.retailerLeft,
       planRetailerData = _ref.planRetailerData;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "left-retailer",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
-        componentsArray: retailerLeft.componentsArray,
-        panelType: "home-panel"
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "righ-retailer",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
-        panelColor: true,
-        componentsArray: planRetailerData.componentsArray,
-        panelType: "home-plan"
-      })
-    })]
-  });
+  return /*#__PURE__*/React.createElement(_styles.Container, null, /*#__PURE__*/React.createElement("div", {
+    className: "left-retailer"
+  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
+    componentsArray: retailerLeft.componentsArray,
+    panelType: "home-panel"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "righ-retailer"
+  }, /*#__PURE__*/React.createElement(_GradientPanel.GradientPanel, {
+    panelColor: true,
+    componentsArray: planRetailerData.componentsArray,
+    panelType: "home-plan"
+  })));
 };
 
 exports.RetailerPlan = RetailerPlan;

package/dist/components/pages/RetailerProductEdition/RetailerProductEdition.stories.js

@@ -1,18 +1,12 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RetailerProductEditionDefault = void 0;
 
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
 var _index = require("./index");
 
-var _jsxRuntime = require("react/jsx-runtime");
-
 var _default = {
   title: "Components/pages/RetailerProductEdition",
   component: _index.RetailerProductEdition
@@ -20,7 +14,7 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.RetailerProductEdition, (0, _objectSpread2.default)({}, args));
+  return /*#__PURE__*/React.createElement(_index.RetailerProductEdition, args);
 };
 
 var RetailerProductEditionDefault = Template.bind({});
@@ -61,102 +55,321 @@ RetailerProductEditionDefault.args = {
     status: "AA",
     image: {
       src: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg"
+    },
+    services: {
+      Descripción: [{
+        inputGroup: {
+          name: "Información básica del producto",
+          inputs: [{
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }]
+        }
+      }],
+      "Ficha técnica": [{
+        inputGroup: {
+          name: "Información básica del producto",
+          inputs: [{
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }]
+        }
+      }, {
+        inputGroup: {
+          name: "Información básica del producto",
+          inputs: [{
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }]
+        }
+      }, {
+        inputGroup: {
+          name: "Información básica del producto",
+          inputs: [{
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }]
+        }
+      }, {
+        inputGroup: {
+          name: "Información básica del producto",
+          inputs: [{
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }, {
+            label: "Item",
+            value: "1234567890",
+            placeholder: "Ingresar valor"
+          }]
+        }
+      }],
+      Imágenes: [{
+        img: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
+        alt: "img",
+        name: "Hero",
+        data: [{
+          feature: "Tamaño de imagen",
+          value: "1000x10000"
+        }, {
+          feature: "Formato",
+          value: "jpg"
+        }, {
+          feature: "Resolución",
+          value: "300dpi"
+        }, {
+          feature: "Tipo de imagen",
+          value: "Tipo de imagen"
+        }, {
+          feature: "Identificador",
+          value: "F261"
+        }]
+      }, {
+        img: "https://www.muycomputer.com/wp-content/uploads/2020/12/google.png",
+        alt: "img",
+        name: "Hero2",
+        data: [{
+          feature: "Tamaño de imagen",
+          value: "1000x10000"
+        }, {
+          feature: "Formato",
+          value: "jpg"
+        }, {
+          feature: "Resolución",
+          value: "300dpi"
+        }, {
+          feature: "Tipo de imagen",
+          value: "Tipo de imagen"
+        }, {
+          feature: "Identificador",
+          value: "F261"
+        }]
+      }, {
+        img: "https://www.ionos.es/digitalguide/fileadmin/DigitalGuide/Teaser/bildergalerie-online-t.jpg",
+        alt: "img",
+        name: "Hero3",
+        data: [{
+          feature: "Tamaño de imagen",
+          value: "1000x10000"
+        }, {
+          feature: "Formato",
+          value: "jpg"
+        }, {
+          feature: "Resolución",
+          value: "300dpi"
+        }, {
+          feature: "Tipo de imagen",
+          value: "Tipo de imagen"
+        }, {
+          feature: "Identificador",
+          value: "F261"
+        }]
+      }, {
+        img: "https://i.pinimg.com/originals/d0/b9/28/d0b928df15d3a3bf1905865a8fedb257.jpg",
+        alt: "img",
+        name: "Hero4",
+        data: [{
+          feature: "Tamaño de imagen",
+          value: "1000x10000"
+        }, {
+          feature: "Formato",
+          value: "jpg"
+        }, {
+          feature: "Resolución",
+          value: "300dpi"
+        }, {
+          feature: "Tipo de imagen",
+          value: "Tipo de imagen"
+        }, {
+          feature: "Identificador",
+          value: "F261"
+        }]
+      }, {
+        img: "https://memegenerator.net/img/images/72798198.jpg",
+        alt: "img",
+        name: "Hero5",
+        data: [{
+          feature: "Tamaño de imagen",
+          value: "1000x10000"
+        }, {
+          feature: "Formato",
+          value: "jpg"
+        }, {
+          feature: "Resolución",
+          value: "300dpi"
+        }, {
+          feature: "Tipo de imagen",
+          value: "Tipo de imagen"
+        }, {
+          feature: "Identificador",
+          value: "F261"
+        }]
+      }, {
+        img: "http://www.dumpaday.com/wp-content/uploads/2016/02/funny-pictures-621.jpg",
+        alt: "img",
+        name: "Hero6",
+        data: [{
+          feature: "Tamaño de imagen",
+          value: "1000x10000"
+        }, {
+          feature: "Formato",
+          value: "jpg"
+        }, {
+          feature: "Resolución",
+          value: "300dpi"
+        }, {
+          feature: "Tipo de imagen",
+          value: "Tipo de imagen"
+        }, {
+          feature: "Identificador",
+          value: "F261"
+        }]
+      }]
     }
   },
   tabsSections: {
     Descripción: true,
     "Ficha técnica": false,
     Imágenes: false
-  },
-  token: "eyJraWQiOiJkQWJkZCtlclwvTlwveVRQUWNvUlVyOCtrNUd2M1hMM2N1MWUzQ09zWExVRnc9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiJjOTRhNzMwNS05MzY1LTQ2ZmYtYTQyMy00YjRiYzNiOGIxODAiLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfWE1aUWRxa0dqIiwicGhvbmVfbnVtYmVyX3ZlcmlmaWVkIjp0cnVlLCJjb2duaXRvOnVzZXJuYW1lIjoiYzk0YTczMDUtOTM2NS00NmZmLWE0MjMtNGI0YmMzYjhiMTgwIiwiY29nbml0bzpyb2xlcyI6WyJhcm46YXdzOmlhbTo6ODk4NjcwMjMyODA3OnJvbGVcL2NvbnRlbnRvaC1kZXYtdXMtZWFzdC0xLWxhbWJkYVJvbGUiXSwiYXVkIjoiNWFjOHRwZ3M2Z2JzcTEzZnJ2cnBpZWVwNDAiLCJldmVudF9pZCI6IjU2M2I0NTFlLTVhZDQtNGMzNy1iNjIzLTc3NjMwM2Y3YjJiNSIsInRva2VuX3VzZSI6ImlkIiwiYXV0aF90aW1lIjoxNjQ4NzYwODcwLCJuYW1lIjoiQ29sYWJvcmFkb3IiLCJwaG9uZV9udW1iZXIiOiIrNTIxMTExIiwiZXhwIjoxNjQ4NzY0NDcwLCJpYXQiOjE2NDg3NjA4NzAsImVtYWlsIjoic2FsbWVyb24uNUBob3RtYWlsLmNvbSJ9.Y2gmN-9KDeYyvvSJOzKJUP-WL8O4AmZhdLnfHxSB_9lAXQFns6uJUbX1nzE75cuqeQ3NeiNZy4hu8y5Y7hckPuQFy01nY3OoY3SfD06W0SciNz0txNSR7oN6KH_c_9FOwQiQ0mnOs9udo9nDM4faFFUuu9UD6RMVfeLW1gfZmtyc3lfmy6YO6feJcS3opSSQpXH4Mgh415fXFjbyz344ssd5nl7Onyh8jq5i-LAex3OPXhKzjrBnDRpGg3BQPIfpsquGZNKBiWqyos--CuohFBeyevMLGoKOcU-Ga-zIdEfonTtDVRe6CQLgOZJ2xTPdswlzRPby1gFoZjNebeeRVw",
-  articleId: 238,
-  category: 846,
-  version: 2,
-  productSelected: {
-    services: {
-      datasheets: 1,
-      descriptions: 1,
-      images: 1
-    },
-    orderId: 101,
-    status: "RP",
-    datasheet_status: "AP",
-    prio: "none",
-    version: 2,
-    description_status: "RP",
-    images_status: "AP",
-    article: {
-      id_article: 292,
-      id_category: "697",
-      name: "SHAMPOO ANTIFRIZ",
-      upc: "7491989462",
-      timestamp: "2022-03-09T19:35:51.000Z",
-      id_user: 28,
-      status: "NULL",
-      active: 1,
-      company_id: 1,
-      company_name: "COMPANY DEV",
-      country: "Colombia",
-      id_order: 101,
-      id_datasheet_especialist: 36,
-      id_datasheet_facilitator: 52,
-      id_description_especialist: 36,
-      id_description_facilitator: 52,
-      id_images_especialist: 55,
-      id_images_facilitator: 53,
-      id_auditor: 30,
-      id_recepcionist: null,
-      category: "SALUD Y BELLEZA|CUIDADO DEL CABELLO|SHAMPOOS Y ACONDICIONADORES",
-      missingAttributes: null,
-      missingDescriptions: null,
-      missingImages: null
-    },
-    retailers: [{
-      id: 4,
-      name: "Walmart Super y Superama",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }, {
-      id: 6,
-      name: "HEB",
-      country: "México",
-      id_region: 1,
-      active: 1
-    }],
-    country: "Colombia",
-    upc: "7491989462"
-  },
-  user: {
-    id_user: 30,
-    name: "Admin",
-    last_name: "Ulises",
-    email: "salmeron.5@hotmail.com",
-    position: "Admin",
-    telephone: null,
-    country: "México",
-    id_company: 2,
-    id_cognito: "c94a7305-9365-46ff-a423-4b4bc3b8b180",
-    birth_Date: null,
-    about_me: null,
-    zip_code: null,
-    address: null,
-    job: null,
-    id_stripe: null,
-    id_role: 6,
-    active: 1,
-    is_retailer: 0,
-    membership: {
-      id: 2,
-      start_date: "2021-11-05T02:35:12.000Z",
-      end_date: "2022-11-05T02:34:49.000Z",
-      planID: 1,
-      plan: "prod_KtkvuFFLpOdP6e",
-      name: "Plan Free",
-      user_limit: "1",
-      products_limit: "3",
-      type: "PyMES"
-    },
-    src: "https://content-management-profile.s3.amazonaws.com/id-30/30.png?1649434410216"
   }
 };