contentoh-components-library 21.4.102 → 21.4.104

package/dist/components/organisms/Chatv2/styles.js

@@ -1,18 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ContainerPopUp = exports.ContainerFixed = exports.ContainerBtnPopUpChat = 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, _templateObject2, _templateObject3, _templateObject4;
-// Container para chat fixed
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .boton-ch{\n    min-width: 34px;\n    min-height: 34px;\n    padding:0;\n  }\n"])));
 
 // Container para chat fixed
-const ContainerFixed = exports.ContainerFixed = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: auto;\n  max-width: 550px;\n  min-width: 325px;\n  height: 100%;\n  flex-grow: 2;\n  background-color: white;\n  border: 1px solid #f0f0f0;\n  z-index: 1000;\n  padding: 0px;\n  @media (max-width: 1024px) {\n    width: auto;\n    max-width: 100%;\n  }\n  @media (max-width: 600px) {\n    width: 90%;\n    min-width: 300px;\n  }\n"])));
-const ContainerBtnPopUpChat = exports.ContainerBtnPopUpChat = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 50%;\n  height: 34px;\n  width: 34px;\n  border:1px solid ", ";\n\n  .container-btn-popUpChat {\n    height: inherit;\n    width: inherit;\n    overflow: hidden;\n    min-width: 34px;\n  min-height:34px;\n  }\n  cursor: pointer;\n@font-face {\n  font-family: \"Material Symbols Outlined\";\n  font-style: normal;\n  font-weight: 100 700;\n  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v68/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2)\n    format(\"woff2\");\n}\n\n.iconos-out {\n  font-family: \"Material Symbols Outlined\";\n  font-size: 18px;\n  //line-height: 1;\n  margin-top: 10px;\n}\n.iconos-out {\n  font-variation-settings: \"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48;\n  color:  #B64545;\n}\n.iconos-grises {\n  font-variation-settings: \"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48;\n  color:  ", ";\n}\n"])), _variables.GlobalColors.gray_light, _variables.GlobalColors.gray);
-const ContainerPopUp = exports.ContainerPopUp = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  top: 20px;\n  right: 23px;\n  bottom: 20px;\n  box-shadow: 0px 2px 10px 0px #00000073;\n  z-index: 1000;\n  width: calc(100% - 50px);\n  max-width: 550px;\n  min-width: 325px;\n  border-radius: 10px;\n  background: white;\n  padding: 0px;\n"])));
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  .boton-ch{\n    min-width: 34px;\n    min-height: 34px;\n    padding:0;\n  }\n"]))); // Container para chat fixed
+
+
+exports.Container = Container;
+
+var ContainerFixed = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: auto;\n  max-width: 550px;\n  min-width: 325px;\n  height: 100%;\n  flex-grow: 2;\n  background-color: white;\n  border: 1px solid #f0f0f0;\n  z-index: 1000;\n  padding: 0px;\n  @media (max-width: 1024px) {\n    width: auto;\n    max-width: 100%;\n  }\n  @media (max-width: 600px) {\n    width: 90%;\n    min-width: 300px;\n  }\n"])));
+
+exports.ContainerFixed = ContainerFixed;
+
+var ContainerBtnPopUpChat = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 50%;\n  height: 34px;\n  width: 34px;\n  border:1px solid ", ";\n\n  .container-btn-popUpChat {\n    height: inherit;\n    width: inherit;\n    overflow: hidden;\n    min-width: 34px;\n  min-height:34px;\n  }\n  cursor: pointer;\n@font-face {\n  font-family: \"Material Symbols Outlined\";\n  font-style: normal;\n  font-weight: 100 700;\n  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v68/kJEhBvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oFsLjBuVY.woff2)\n    format(\"woff2\");\n}\n\n.iconos-out {\n  font-family: \"Material Symbols Outlined\";\n  font-size: 18px;\n  //line-height: 1;\n  margin-top: 10px;\n}\n.iconos-out {\n  font-variation-settings: \"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48;\n  color:  #B64545;\n}\n.iconos-grises {\n  font-variation-settings: \"FILL\" 0, \"wght\" 400, \"GRAD\" 0, \"opsz\" 48;\n  color:  ", ";\n}\n"])), _variables.GlobalColors.gray_light, _variables.GlobalColors.gray);
+
+exports.ContainerBtnPopUpChat = ContainerBtnPopUpChat;
+
+var ContainerPopUp = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  top: 20px;\n  right: 23px;\n  bottom: 20px;\n  box-shadow: 0px 2px 10px 0px #00000073;\n  z-index: 1000;\n  width: calc(100% - 50px);\n  max-width: 550px;\n  min-width: 325px;\n  border-radius: 10px;\n  background: white;\n  padding: 0px;\n"])));
+
+exports.ContainerPopUp = ContainerPopUp;

package/dist/components/organisms/CompleteServices/CompleteServices.stories.js

@@ -1,19 +1,30 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CompleteServicesDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/organisms/CompleteServices",
   component: _index.CompleteServices
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CompleteServices, {
-  ...args
-});
-const CompleteServicesDefault = exports.CompleteServicesDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CompleteServices, (0, _objectSpread2.default)({}, args));
+};
+
+var CompleteServicesDefault = Template.bind({});
+exports.CompleteServicesDefault = CompleteServicesDefault;
 CompleteServicesDefault.args = {
   activeRetailer: {
     id: 34,

package/dist/components/organisms/CompleteServices/index.js

@@ -4,28 +4,35 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CompleteServices = void 0;
+
 var _styles = require("./styles");
+
 var _variables = require("../../../global-files/variables");
+
 var _react = require("react");
+
 var _ServiceDataValidator = require("../../molecules/ServiceDataValidator");
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const CompleteServices = _ref => {
-  let {
-    headerData,
-    activeRetailer,
-    setActiveRetailer,
-    showValidationButtons,
-    showApproveRejectAll,
-    approveAll,
-    rejectAll,
-    approve,
-    reject,
-    complete = false,
-    missingData = 1,
-    onClick
-  } = _ref;
-  const headerTop = (0, _react.useRef)();
+
+var CompleteServices = function CompleteServices(_ref) {
+  var headerData = _ref.headerData,
+      activeRetailer = _ref.activeRetailer,
+      setActiveRetailer = _ref.setActiveRetailer,
+      showValidationButtons = _ref.showValidationButtons,
+      showApproveRejectAll = _ref.showApproveRejectAll,
+      approveAll = _ref.approveAll,
+      rejectAll = _ref.rejectAll,
+      approve = _ref.approve,
+      reject = _ref.reject,
+      _ref$complete = _ref.complete,
+      complete = _ref$complete === void 0 ? false : _ref$complete,
+      _ref$missingData = _ref.missingData,
+      missingData = _ref$missingData === void 0 ? 1 : _ref$missingData,
+      onClick = _ref.onClick;
+  var headerTop = (0, _react.useRef)();
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
     fontFamily: _variables.FontFamily.Raleway,
     color: _variables.GlobalColors.original_magenta,
@@ -82,4 +89,5 @@ const CompleteServices = _ref => {
     })]
   });
 };
+
 exports.CompleteServices = CompleteServices;

package/dist/components/organisms/CompleteServices/styles.js

@@ -1,12 +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;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\ndisplay:flex;\npadding: 15px 15px;\nborder:0.6px solid ", ";\nwidth: 100%;\nalign-items: center;\njustify-content: space-between;\n\n  * + * {\n    margin-left: 10px;\n  }\n\n  .btn-gral{\n    min-width: 34px;\n    min-height:34px;\n  }\n  .images-buttons{\n    display:flex;\n  }\n  .service-cont{\n    display:flex;\n  }\n  .service-text{\n    font-family:", ", sans-serif;\n    font-size:12px;\n    font-weight: 500;\n    color:", ";\n  }\n  .service-complete {\n    color:", "!important;\n  }\n"])), _variables.GlobalColors.gray_light, _variables.FontFamily.RobotoMedium, _variables.GlobalColors.gray, _variables.GlobalColors.black);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\ndisplay:flex;\npadding: 15px 15px;\nborder:0.6px solid ", ";\nwidth: 100%;\nalign-items: center;\njustify-content: space-between;\n\n  * + * {\n    margin-left: 10px;\n  }\n\n  .btn-gral{\n    min-width: 34px;\n    min-height:34px;\n  }\n  .images-buttons{\n    display:flex;\n  }\n  .service-cont{\n    display:flex;\n  }\n  .service-text{\n    font-family:", ", sans-serif;\n    font-size:12px;\n    font-weight: 500;\n    color:", ";\n  }\n  .service-complete {\n    color:", "!important;\n  }\n"])), _variables.GlobalColors.gray_light, _variables.FontFamily.RobotoMedium, _variables.GlobalColors.gray, _variables.GlobalColors.black);
+
+exports.Container = Container;

package/dist/components/organisms/CreateVersion/CreateVersion.stories.js

@@ -1,19 +1,30 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CreateVersionDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/organisms/CreateVersion",
   component: _index.CreateVersion
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CreateVersion, {
-  ...args
-});
-const CreateVersionDefault = exports.CreateVersionDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.CreateVersion, (0, _objectSpread2.default)({}, args));
+};
+
+var CreateVersionDefault = Template.bind({});
+exports.CreateVersionDefault = CreateVersionDefault;
 CreateVersionDefault.args = {
   idArticle: 76201,
   version: 2

package/dist/components/organisms/CreateVersion/RenderChilds.js

@@ -1,19 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Children = void 0;
+
 var _variables = require("../../../global-files/variables");
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _ScreenHeader = require("../../atoms/ScreenHeader");
+
 var _styles = require("./styles");
+
 var _createVersion = _interopRequireDefault(require("../../../assets/images/versionSelector/createVersion.svg"));
+
 var _genericModalWarning = _interopRequireDefault(require("../../../assets/images/genericModal/genericModalWarning.svg"));
+
 var _VersionSelect = require("../../atoms/Select/VersionSelect");
+
 var _jsxRuntime = require("react/jsx-runtime");
-const Children = (step, setStep, versions, selectedVersions, onChange, createVersion) => {
+
+var Children = function Children(step, setStep, versions, selectedVersions, _onChange, createVersion) {
   switch (step) {
     case "version-options":
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.VersionOptions, {
@@ -35,14 +45,19 @@ const Children = (step, setStep, versions, selectedVersions, onChange, createVer
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
             label: "Versi\xF3n desde cero",
             buttonType: "general-transparent-button",
-            onClick: () => setStep("empty-version")
+            onClick: function onClick() {
+              return setStep("empty-version");
+            }
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
             label: "Versi\xF3n personalizada",
             buttonType: "general-default-button",
-            onClick: () => setStep("create-version")
+            onClick: function onClick() {
+              return setStep("create-version");
+            }
           })]
         })]
       });
+
     case "empty-version":
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.EmptyVersion, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
@@ -63,14 +78,19 @@ const Children = (step, setStep, versions, selectedVersions, onChange, createVer
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
             label: "Atr\xE1s",
             buttonType: "general-transparent-button",
-            onClick: () => setStep("version-options")
+            onClick: function onClick() {
+              return setStep("version-options");
+            }
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
             label: "Continuar",
             buttonType: "general-default-button",
-            onClick: () => createVersion(true)
+            onClick: function onClick() {
+              return createVersion(true);
+            }
           })]
         })]
       });
+
     case "create-version":
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.CreateVersion, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
@@ -87,7 +107,9 @@ const Children = (step, setStep, versions, selectedVersions, onChange, createVer
               label: "Ficha t\xE9cnica",
               id: "datasheet",
               selectedVersions: selectedVersions,
-              onChange: e => onChange(e)
+              onChange: function onChange(e) {
+                return _onChange(e);
+              }
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "selector",
@@ -96,7 +118,9 @@ const Children = (step, setStep, versions, selectedVersions, onChange, createVer
               label: "Descripci\xF3n",
               id: "description",
               selectedVersions: selectedVersions,
-              onChange: e => onChange(e)
+              onChange: function onChange(e) {
+                return _onChange(e);
+              }
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "selector",
@@ -105,7 +129,9 @@ const Children = (step, setStep, versions, selectedVersions, onChange, createVer
               label: "Im\xE1genes",
               id: "image",
               selectedVersions: selectedVersions,
-              onChange: e => onChange(e)
+              onChange: function onChange(e) {
+                return _onChange(e);
+              }
             })
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -113,14 +139,19 @@ const Children = (step, setStep, versions, selectedVersions, onChange, createVer
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
             label: "Atr\xE1s",
             buttonType: "general-transparent-button",
-            onClick: () => setStep("version-options")
+            onClick: function onClick() {
+              return setStep("version-options");
+            }
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
             label: "Continuar",
             buttonType: "general-default-button",
-            onClick: () => createVersion()
+            onClick: function onClick() {
+              return createVersion();
+            }
           })]
         })]
       });
   }
 };
+
 exports.Children = Children;

package/dist/components/organisms/CreateVersion/index.js

@@ -1,56 +1,106 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.CreateVersion = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+
 var _GeneralButton = require("../../atoms/GeneralButton");
+
 var _styles = require("./styles");
+
 var _closeVersionSelector = _interopRequireDefault(require("../../../assets/images/versionSelector/closeVersionSelector.svg"));
+
 var _react = require("react");
+
 var _RenderChilds = require("./RenderChilds");
+
 var _axios = _interopRequireDefault(require("axios"));
+
 var _jsxRuntime = require("react/jsx-runtime");
-const CreateVersion = _ref => {
-  let {
-    articleId,
-    version,
-    setShowCreateVersion,
-    versionsList,
-    realoadVersion,
-    jwt
-  } = _ref;
-  const [step, setStep] = (0, _react.useState)("version-options");
-  const [selectedVersions, setSelectedVersions] = (0, _react.useState)({
+
+var CreateVersion = function CreateVersion(_ref) {
+  var articleId = _ref.articleId,
+      version = _ref.version,
+      setShowCreateVersion = _ref.setShowCreateVersion,
+      versionsList = _ref.versionsList,
+      realoadVersion = _ref.realoadVersion,
+      jwt = _ref.jwt;
+
+  var _useState = (0, _react.useState)("version-options"),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      step = _useState2[0],
+      setStep = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({
     datasheet: version,
     description: version,
     image: version
-  });
-  const createVersion = async isEmpty => {
-    try {
-      let data = {
-        articleId,
-        isEmpty
-      };
-      if (!isEmpty) data["version"] = selectedVersions;
-      await _axios.default.post(process.env.REACT_APP_VERSIONS_ENDPOINT, data, {
-        headers: {
-          Authorization: jwt
+  }),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      selectedVersions = _useState4[0],
+      setSelectedVersions = _useState4[1];
+
+  var createVersion = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(isEmpty) {
+      var data;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              data = {
+                articleId: articleId,
+                isEmpty: isEmpty
+              };
+              if (!isEmpty) data["version"] = selectedVersions;
+              _context.next = 5;
+              return _axios.default.post(process.env.REACT_APP_VERSIONS_ENDPOINT, data, {
+                headers: {
+                  Authorization: jwt
+                }
+              });
+
+            case 5:
+              setShowCreateVersion(false);
+              realoadVersion && realoadVersion();
+              _context.next = 12;
+              break;
+
+            case 9:
+              _context.prev = 9;
+              _context.t0 = _context["catch"](0);
+              console.log(_context.t0);
+
+            case 12:
+            case "end":
+              return _context.stop();
+          }
         }
-      });
-      setShowCreateVersion(false);
-      realoadVersion && realoadVersion();
-    } catch (error) {
-      console.log(error);
-    }
-  };
-  const onChange = e => {
-    setSelectedVersions({
-      ...selectedVersions,
-      [e.target.name]: parseInt(e.target.value)
-    });
+      }, _callee, null, [[0, 9]]);
+    }));
+
+    return function createVersion(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var onChange = function onChange(e) {
+    setSelectedVersions((0, _objectSpread3.default)((0, _objectSpread3.default)({}, selectedVersions), {}, (0, _defineProperty2.default)({}, e.target.name, parseInt(e.target.value))));
   };
+
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       id: "create-version",
@@ -61,10 +111,13 @@ const CreateVersion = _ref => {
           image: _closeVersionSelector.default,
           buttonType: "circular-button",
           id: "close-modal-button",
-          onClick: () => setShowCreateVersion(false)
+          onClick: function onClick() {
+            return setShowCreateVersion(false);
+          }
         })
       }), (0, _RenderChilds.Children)(step, setStep, versionsList, selectedVersions, onChange, createVersion)]
     })
   });
 };
+
 exports.CreateVersion = CreateVersion;

package/dist/components/organisms/CreateVersion/styles.js

@@ -1,15 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VersionOptions = exports.EmptyVersion = exports.CreateVersion = 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, _templateObject2, _templateObject3;
-const Container = exports.Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1000;\n  background-color: #281f3366;\n  height: 100vh;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .modal-container {\n    position: relative;\n    padding: 40px 20px;\n    background: #281f33;\n    border-radius: 39px;\n\n    .button-container {\n      display: flex;\n      justify-content: flex-end;\n      padding-right: 15px;\n    }\n  }\n"])));
-const VersionOptions = exports.VersionOptions = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  max-width: 560px;\n  text-align: center;\n\n  & > * + * {\n    margin-top: 20px;\n  }\n\n  img + * {\n    margin-top: 0;\n  }\n\n  .buttons-container {\n    display: flex;\n    justify-content: space-evenly;\n\n    button {\n      flex: 0.3 0 30%;\n    }\n\n    .general-transparent-button {\n      color: ", ";\n      border: 1px solid ", ";\n    }\n  }\n"])), _variables.GlobalColors.white, _variables.GlobalColors.white);
-const EmptyVersion = exports.EmptyVersion = VersionOptions;
-const CreateVersion = exports.CreateVersion = (0, _styledComponents.default)(VersionOptions)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  .retailer-name-header {\n    margin: 30px 0;\n  }\n  .version-selector {\n    display: flex;\n    justify-content: space-evenly;\n\n    .selector {\n      flex: 0.1 1 20%;\n      font-family: ", ";\n      color: ", ";\n      font-size: 11px;\n      font-weight: normal;\n    }\n\n    & + * {\n      margin-top: 50px;\n    }\n  }\n"])), _variables.FontFamily.Lato, _variables.GlobalColors.white);
+
+var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 1000;\n  background-color: #281f3366;\n  height: 100vh;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .modal-container {\n    position: relative;\n    padding: 40px 20px;\n    background: #281f33;\n    border-radius: 39px;\n\n    .button-container {\n      display: flex;\n      justify-content: flex-end;\n      padding-right: 15px;\n    }\n  }\n"])));
+
+exports.Container = Container;
+
+var VersionOptions = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  max-width: 560px;\n  text-align: center;\n\n  & > * + * {\n    margin-top: 20px;\n  }\n\n  img + * {\n    margin-top: 0;\n  }\n\n  .buttons-container {\n    display: flex;\n    justify-content: space-evenly;\n\n    button {\n      flex: 0.3 0 30%;\n    }\n\n    .general-transparent-button {\n      color: ", ";\n      border: 1px solid ", ";\n    }\n  }\n"])), _variables.GlobalColors.white, _variables.GlobalColors.white);
+
+exports.VersionOptions = VersionOptions;
+var EmptyVersion = VersionOptions;
+exports.EmptyVersion = EmptyVersion;
+var CreateVersion = (0, _styledComponents.default)(VersionOptions)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  .retailer-name-header {\n    margin: 30px 0;\n  }\n  .version-selector {\n    display: flex;\n    justify-content: space-evenly;\n\n    .selector {\n      flex: 0.1 1 20%;\n      font-family: ", ";\n      color: ", ";\n      font-size: 11px;\n      font-weight: normal;\n    }\n\n    & + * {\n      margin-top: 50px;\n    }\n  }\n"])), _variables.FontFamily.Lato, _variables.GlobalColors.white);
+exports.CreateVersion = CreateVersion;

package/dist/components/organisms/DashboardMetric/DashboardMetric.stories.js

@@ -1,19 +1,30 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.DashboardMetricDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _index = require("./index");
+
 var _jsxRuntime = require("react/jsx-runtime");
-var _default = exports.default = {
+
+var _default = {
   title: "Components/organisms/DashboardMetric",
   component: _index.DashboardMetric
 };
-const Template = args => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DashboardMetric, {
-  ...args
-});
-const DashboardMetricDefault = exports.DashboardMetricDefault = Template.bind({});
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.DashboardMetric, (0, _objectSpread2.default)({}, args));
+};
+
+var DashboardMetricDefault = Template.bind({});
+exports.DashboardMetricDefault = DashboardMetricDefault;
 DashboardMetricDefault.args = {
   label: "Productos por estatus",
   description: "Revisa el avance individual de cada estatus, utiliza los filtros para encontrar información precisa.",