contentoh-components-library 21.4.134 → 21.4.136

package/dist/components/molecules/EmailResetPasswordLogin/index.js

@@ -1,153 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EmailResetPasswordLogin = void 0;
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _GradientPanel = require("../../atoms/GradientPanel");
-
-var _react = require("react");
-
-var _LogoImage = require("../../atoms/LogoImage");
-
-var _ScreenHeader = require("../../atoms/ScreenHeader");
-
-var _variables = require("../../../global-files/variables");
-
-var _TagAndInput = require("../../molecules/TagAndInput");
-
-var _GeneralButton = require("../../atoms/GeneralButton");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var EmailResetPasswordLogin = function EmailResetPasswordLogin(props) {
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      emptyEmail = _useState2[0],
-      setEmptyEmail = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      invalidEmail = _useState4[0],
-      setInvalidEmail = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      showErrors = _useState6[0],
-      setShowErrors = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(""),
-      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-      awsError = _useState8[0],
-      setAwsError = _useState8[1];
-
-  var validate = /*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
-      var valid, email;
-      return _regenerator.default.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              valid = true;
-              setShowErrors(true);
-              e.preventDefault();
-              email = document.querySelector("#emailInput").value.trim();
-              email === "" ? setEmptyEmail(true) : setEmptyEmail(false);
-              !/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/.test(email) ? setInvalidEmail(true) : setInvalidEmail(false);
-              emptyEmail && (valid = false);
-              invalidEmail && (valid = false);
-
-              if (!valid) {
-                _context.next = 20;
-                break;
-              }
-
-              _context.prev = 9;
-              _context.next = 12;
-              return props.Auth.forgotPassword(email);
-
-            case 12:
-              sessionStorage.setItem("email", JSON.stringify(email));
-              sessionStorage.setItem("resetPasswordProcess", JSON.stringify("true"));
-              props.setPaso(5);
-              _context.next = 20;
-              break;
-
-            case 17:
-              _context.prev = 17;
-              _context.t0 = _context["catch"](9);
-              setAwsError(_context.t0.code);
-
-            case 20:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee, null, [[9, 17]]);
-    }));
-
-    return function validate(_x) {
-      return _ref.apply(this, arguments);
-    };
-  }();
-
-  var loginRight = [/*#__PURE__*/(0, _jsxRuntime.jsx)(_LogoImage.LogoImage, {}, "1"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "credenciales",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ScreenHeader.ScreenHeader, {
-      fontFamily: _variables.FontFamily.AvenirNext,
-      color: _variables.GlobalColors.s5,
-      text: "Ingresa tus credenciales"
-    })
-  }, "2"), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "user",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_TagAndInput.TagAndInput, {
-      inputType: "text",
-      inputId: "emailInput",
-      label: "Nombre de usuario",
-      inputPlaceHolder: "username@contentoh.com"
-    }), showErrors && emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese su correo"
-    }), showErrors && invalidEmail && !emptyEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Ingrese un correo valido"
-    }), showErrors && awsError === "LimitExceededException" && /*#__PURE__*/(0, _jsxRuntime.jsx)("label", {
-      children: "Has cambiado la contrase\xF1a recientemente, intenta despues"
-    })]
-  }, "3"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "button-center",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeneralButton.Button, {
-      buttonType: "general-default-button",
-      label: "Enviar",
-      onClick: function onClick(e) {
-        return validate(e);
-      }
-    })
-  }, "4"), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "back-login",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      onClick: function onClick() {
-        return props.setPaso(7);
-      },
-      children: "Regresar..."
-    })
-  }, "5")];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GradientPanel.GradientPanel, {
-      componentsArray: loginRight,
-      panelType: "home-login",
-      panelColor: _variables.GlobalColors.white
-    })
-  });
-};
-
-exports.EmailResetPasswordLogin = EmailResetPasswordLogin;

package/dist/components/molecules/EmailResetPasswordLogin/styles.js

@@ -1,20 +0,0 @@
-"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: 50%;\n  height: 100vh;\n    .button-center {\n      text-align: center;\n      .general-default-button {\n        width: 160px;\n      }\n    }\n    .back-login {\n      text-align: center;\n      margin: 15px !important;\n      color: ", ";\n      cursor: pointer;\n      font-weight: bold;\n      font-family: ", ";\n      font-size: 13px;\n    }\n"])), _variables.GlobalColors.secondary_magenta, _variables.FontFamily.Raleway);
-
-exports.Container = Container;

package/dist/components/molecules/FeaturesBar/FeaturesBar.stories.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FeaturesBarDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _ = require(".");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/molecules/FeaturesBar",
-  component: _.FeaturesBar
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FeaturesBar, (0, _objectSpread2.default)({}, args));
-};
-
-var FeaturesBarDefault = Template.bind({});
-exports.FeaturesBarDefault = FeaturesBarDefault;
-FeaturesBarDefault.args = {
-  features: [{
-    feature: "Prov",
-    value: "Unilever"
-  }, {
-    feature: "Vendor",
-    value: "1234567890"
-  }, {
-    feature: "SKU",
-    value: "1234567890"
-  }, {
-    feature: "UPC",
-    value: "1234567890"
-  }, {
-    feature: "Categoría",
-    value: "Desodorantes Caballero y Dama"
-  }]
-};

package/dist/components/molecules/FeaturesBar/index.js

@@ -1,44 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FeaturesBar = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _index = require("../../atoms/FeatureTag/index");
-
-var _react = require("react");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var FeaturesBar = function FeaturesBar(_ref) {
-  var features = _ref.features;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isIE = _useState2[0],
-      setIsIE = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var _window$navigator$use, _window$navigator$use2;
-
-    setIsIE(((_window$navigator$use = window.navigator.userAgentString) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.indexOf("MSIE")) > -1 || ((_window$navigator$use2 = window.navigator.userAgentString) === null || _window$navigator$use2 === void 0 ? void 0 : _window$navigator$use2.indexOf("rv:")) > -1);
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: isIE ? "IEClass" : "gapClass",
-    children: features !== undefined && features.map(function (feature, index) {
-      return feature.value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FeatureTag, {
-        feature: feature.feature,
-        value: feature.value
-      }, index);
-    })
-  });
-};
-
-exports.FeaturesBar = FeaturesBar;

package/dist/components/molecules/FeaturesBar/styles.js

@@ -1,18 +0,0 @@
-"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 _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-wrap: wrap;\n\n  &.gapClass {\n    gap: 8px;\n  }\n\n  &.IEClass {\n    * + * {\n      margin-left: 8px;\n    }\n  }\n"])));
-
-exports.Container = Container;

package/dist/components/molecules/FeaturesBarv2/FeaturesBarv2.stories.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FeaturesBarv2Default = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _ = require(".");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/molecules/FeaturesBarv2",
-  component: _.FeaturesBarv2
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.FeaturesBarv2, (0, _objectSpread2.default)({}, args));
-};
-
-var FeaturesBarv2Default = Template.bind({});
-exports.FeaturesBarv2Default = FeaturesBarv2Default;
-FeaturesBarv2Default.args = {
-  features: [{
-    feature: "Prov",
-    value: "Unilever"
-  }, {
-    feature: "Vendor",
-    value: "1234567890"
-  }, {
-    feature: "SKU",
-    value: "1234567890"
-  }, {
-    feature: "UPC",
-    value: "1234567890"
-  }, {
-    feature: "Categoría",
-    value: "Desodorantes Caballero y Dama"
-  }]
-};

package/dist/components/molecules/FeaturesBarv2/index.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FeaturesBarv2 = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _react = require("react");
-
-var _FeatureTagv = require("../../atoms/FeatureTagv2");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var FeaturesBarv2 = function FeaturesBarv2(_ref) {
-  var features = _ref.features,
-      contClassName = _ref.contClassName,
-      containerClassName = _ref.containerClassName;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isIE = _useState2[0],
-      setIsIE = _useState2[1];
-
-  (0, _react.useEffect)(function () {
-    var _window$navigator$use, _window$navigator$use2;
-
-    setIsIE(((_window$navigator$use = window.navigator.userAgentString) === null || _window$navigator$use === void 0 ? void 0 : _window$navigator$use.indexOf("MSIE")) > -1 || ((_window$navigator$use2 = window.navigator.userAgentString) === null || _window$navigator$use2 === void 0 ? void 0 : _window$navigator$use2.indexOf("rv:")) > -1);
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    containerClassName: containerClassName,
-    className: isIE ? "IEClass" : "gapClass",
-    children: features !== undefined && features.map(function (feature, index) {
-      return feature.value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_FeatureTagv.FeatureTagv2, {
-        feature: feature.feature,
-        value: feature.value,
-        contClassName: contClassName,
-        tagClassName: containerClassName
-      }, index);
-    })
-  });
-};
-
-exports.FeaturesBarv2 = FeaturesBarv2;

package/dist/components/molecules/FeaturesBarv2/styles.js

@@ -1,18 +0,0 @@
-"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 _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex-direction:column;\n  flex-wrap: wrap;\n\n  &.gapClass {\n    gap: 8px;\n  }\n\n  &.IEClass {\n    * + * {\n      margin-left: 8px;\n    }\n  }\n"])));
-
-exports.Container = Container;

package/dist/components/molecules/GalleryElement/GalleryElement.stories.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.GalleryElementDefault = 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/molecules/GalleryElement",
-  component: _index.GalleryElement,
-  argTypes: {
-    gridLayout: {
-      options: [true, false],
-      type: "boolean"
-    }
-  }
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GalleryElement, (0, _objectSpread2.default)({}, args));
-};
-
-var GalleryElementDefault = Template.bind({});
-exports.GalleryElementDefault = GalleryElementDefault;
-GalleryElementDefault.args = {
-  data: {
-    image: "https://image.shutterstock.com/image-illustration/3d-render-generic-drug-pills-260nw-709112806.jpg",
-    altText: "testing image",
-    name: "Hero.jpg",
-    size: "1000x1000",
-    format: "JPG",
-    resolution: "300ppi",
-    imageType: "Tipo de imagen",
-    identificator: "F26"
-  }
-};

package/dist/components/molecules/GalleryElement/index.js

@@ -1,172 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GalleryElement = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _ProductImage = require("../../atoms/ProductImage");
-
-var _CheckBox = require("../../atoms/CheckBox");
-
-var _GeneralButton = require("../../atoms/GeneralButton");
-
-var _ValidationPanel = require("../../atoms/ValidationPanel");
-
-var _react = require("react");
-
-var _Select = _interopRequireDefault(require("../../atoms/Select"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var GalleryElement = function GalleryElement(_ref) {
-  var _auditImages$values$n, _auditImages$values$n2;
-
-  var image = _ref.image,
-      _ref$gridLayout = _ref.gridLayout,
-      gridLayout = _ref$gridLayout === void 0 ? false : _ref$gridLayout,
-      _ref$id = _ref.id,
-      id = _ref$id === void 0 ? "chk-default" : _ref$id,
-      label = _ref.label,
-      number = _ref.number,
-      imageInputs = _ref.imageInputs,
-      imageType = _ref.imageType,
-      imagePackagingType = _ref.imagePackagingType,
-      changeImage = _ref.changeImage,
-      selectedImages = _ref.selectedImages,
-      setSelectedImages = _ref.setSelectedImages,
-      setCheckAll = _ref.setCheckAll,
-      auditImages = _ref.auditImages,
-      compare = _ref.compare;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      showValidationPanel = _useState2[0],
-      setShowValidationPanel = _useState2[1];
-
-  var closeValidationPanel = function closeValidationPanel(e) {
-    if (!e.target.closest("#validation-panel") || e.target.closest(".validation-option") && showValidationPanel) {
-      document.removeEventListener("click", closeValidationPanel, false);
-      setShowValidationPanel(false);
-    }
-  };
-
-  var checkOnChange = function checkOnChange(e) {
-    var chkGlobal = document.getElementById("check-all-images");
-    var checkboxList = document.querySelectorAll("[id^='gallery-element-']");
-    var temp = selectedImages.slice();
-    e.target.checked ? temp.push(image) : temp = temp.filter(function (img) {
-      return image.id !== img.id;
-    });
-    var counter = 0;
-    checkboxList === null || checkboxList === void 0 ? void 0 : checkboxList.forEach(function (chk) {
-      return chk.checked && counter++;
-    });
-    chkGlobal.checked = checkboxList.length === counter;
-    setCheckAll(checkboxList.length === counter);
-    setSelectedImages(temp);
-  };
-
-  (0, _react.useEffect)(function () {
-    if (showValidationPanel) {
-      document.addEventListener("click", closeValidationPanel, false);
-    }
-  }, [showValidationPanel]);
-
-  var isEquals = function isEquals(value, auditValue) {
-    return value === auditValue;
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    className: "".concat(gridLayout ? "grid-gallery" : "row-gallery", " ").concat(compare && !isEquals(image === null || image === void 0 ? void 0 : image.uuid, auditImages === null || auditImages === void 0 ? void 0 : (_auditImages$values$n = auditImages.values[number]) === null || _auditImages$values$n === void 0 ? void 0 : _auditImages$values$n.uuid) ? "audit-class" : ""),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "buttons-container",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
-        id: id,
-        label: label,
-        onChange: function onChange(e) {
-          return checkOnChange(e);
-        }
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "image-container",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ProductImage.ProductImage, {
-        img: compare ? auditImages === null || auditImages === void 0 ? void 0 : (_auditImages$values$n2 = auditImages.values[number]) === null || _auditImages$values$n2 === void 0 ? void 0 : _auditImages$values$n2.src : image === null || image === void 0 ? void 0 : image.src,
-        altText: image === null || image === void 0 ? void 0 : image.altText,
-        imageType: "catalogue-image-".concat(gridLayout ? "big" : "small", "-size")
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "information-container",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-          children: image === null || image === void 0 ? void 0 : image.name
-        }), !gridLayout && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-            children: [image.width, "x", image.height]
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-            children: image.ext
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
-            className: "center",
-            id: "has-description-".concat(image.id),
-            defaultChecked: image.has_leyend,
-            onChange: function onChange(e) {
-              changeImage({
-                action: "changeImageInfo",
-                attribute: "has_leyend",
-                value: e.target.checked,
-                index: number
-              });
-            }
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
-            width: "100%",
-            placeholder: "Tipo de toma",
-            options: imageInputs === null || imageInputs === void 0 ? void 0 : imageInputs.filter(function (img) {
-              return img.value === image.image_id || !img.active;
-            }),
-            valueSelected: image.image_id,
-            onChange: function onChange(e) {
-              changeImage({
-                action: "changeImageInfo",
-                attribute: "image_id",
-                value: +e.target.value,
-                index: number
-              });
-            }
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
-            width: "100%",
-            placeholder: "Tipo de imagen",
-            options: imageType,
-            valueSelected: image.image_type,
-            onChange: function onChange(e) {
-              changeImage({
-                action: "changeImageInfo",
-                attribute: "image_type",
-                value: +e.target.value,
-                index: number
-              });
-            }
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Select.default, {
-            width: "100%",
-            placeholder: "Tipo de empaque",
-            options: imagePackagingType,
-            valueSelected: image.packing_type,
-            onChange: function onChange(e) {
-              changeImage({
-                action: "changeImageInfo",
-                attribute: "packing_type",
-                value: +e.target.value,
-                index: number
-              });
-            }
-          })]
-        })]
-      })]
-    })]
-  });
-};
-
-exports.GalleryElement = GalleryElement;

package/dist/components/molecules/GalleryElement/styles.js

@@ -1,20 +0,0 @@
-"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  &.grid-gallery {\n    position: relative;\n    width: 179px;\n    border-radius: 3px;\n    overflow: hidden;\n\n    .buttons-container {\n      position: absolute;\n      top: 5px;\n      left: 5px;\n      width: 100%;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .image-container {\n      border: 1px solid #f0eef2;\n\n      .information-container {\n        background-color: ", ";\n        display: flex;\n        justify-content: space-between;\n        padding: 0 2px;\n\n        p {\n          font-family: ", ";\n          color: ", ";\n          font-size: 11px;\n          line-height: 17px;\n        }\n      }\n    }\n  }\n\n  &.row-gallery {\n    display: flex;\n    align-items: center;\n    padding-right: 10px;\n\n    .buttons-container {\n      position: relative;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n\n    .image-container {\n      display: flex;\n      align-items: center;\n      flex: 1;\n      .information-container {\n        display: flex;\n        flex: 1;\n\n        .center {\n          max-width: 120px;\n          display: flex;\n          justify-content: center;\n          align-items: center;\n        }\n\n        p {\n          font-family: ", ";\n          color: ", ";\n          font-size: 14px;\n          line-height: 17px;\n          text-align: center;\n\n          &.highlighted-data {\n            font-family: ", ";\n            color: ", ";\n            background-color: ", ";\n            border-radius: 3px;\n            font-weight: 600;\n            font-size: 11px;\n            line-height: 18px;\n            padding: 0 10px;\n          }\n\n          &:nth-child(1) {\n            //min-width: calc(20% - 76px);\n            //flex: 1 0 20%;\n            min-width: 22%;\n          }\n\n          &:nth-child(2),\n          &:nth-child(3) {\n            text-align: center;\n          }\n          &:nth-child(2) {\n            max-width: 90px;\n            min-width: 90px;\n          }\n          &:nth-child(3) {\n            max-width: 60px;\n            min-width: 60px;\n          }\n          /* &:nth-child(4) {\n            max-width: 90px;\n            min-width: 90px;\n          }\n          &:nth-child(5) {\n            max-width: 80px;\n            min-width: 80px;\n          } */\n        }\n\n        & > * {\n          flex: 1;\n          padding: 5px;\n        }\n      }\n    }\n  }\n\n  &.audit-class{\n    border: 1px solid #8a6caa;\n    background-color: #ededfc;\n  }\n"])), _variables.GlobalColors.s2, _variables.FontFamily.Lato, _variables.GlobalColors.s4, _variables.FontFamily.Lato, _variables.GlobalColors.s4, _variables.FontFamily.AvenirNext, _variables.GlobalColors.s5, _variables.GlobalColors.s2);
-
-exports.Container = Container;