contentoh-components-library 21.4.122 → 21.4.124

package/dist/components/atoms/FeatureTagv2/FeatureTagv2.stories.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.FeatureTagDefault = 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/atoms/FeatureTagv2",
-  label: "Feature Tag",
-  component: _index.FeatureTagv2
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.FeatureTagv2, (0, _objectSpread2.default)({}, args));
-};
-
-var FeatureTagDefault = Template.bind({});
-exports.FeatureTagDefault = FeatureTagDefault;
-FeatureTagDefault.args = {
-  feature: "Feature",
-  value: "Value"
-};

package/dist/components/atoms/FeatureTagv2/index.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FeatureTagv2 = void 0;
-
-var _styles = require("./styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var FeatureTagv2 = function FeatureTagv2(_ref) {
-  var feature = _ref.feature,
-      value = _ref.value,
-      contClassName = _ref.contClassName,
-      tagClassName = _ref.tagClassName;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    className: "".concat(contClassName),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      className: "feature-name ".concat(tagClassName),
-      children: feature
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      className: "feature-value",
-      children: value
-    })]
-  });
-};
-
-exports.FeatureTagv2 = FeatureTagv2;

package/dist/components/atoms/FeatureTagv2/styles.js

@@ -1,22 +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"));
-
-require("../../../global-files/global-styles.css");
-
-var _variables = require("../../../global-files/variables");
-
-var _templateObject;
-
-var Container = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  border-radius: 3px;\n  display: flex;\n  width: fit-content;\n  height: 20px;\n  padding: 4px 5px;\n  align-items: center;\n\n  .feature-name {\n    font-size: 10px;\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 500;\n    font-size: 10px;\n    line-height: 12px;\n    color: ", ";\n\n    & + * {\n      margin-left: 5px;\n    }\n    &.bar-container {\n      background-color: #f0eef2;\n      border-radius: 3px;\n      height: 20px;\n      padding: 4px 5px;\n      min-width: 70px;\n      text-align: center;\n    }\n  }\n  .feature-value {\n    font-family: ", ";\n    font-style: normal;\n    font-weight: 400;\n    font-size: 12px;\n    line-height: 14px;\n    height: 12px;\n    letter-spacing: -0.015em;\n    color: ", ";\n  }\n\n  &:last-of-type {\n    p {\n      font-size: 10px;\n    }\n  }\n  &.bar-sku-cont {\n    background-color: ", ";\n    p{\n      color: ", ";\n    }\n  }\n"])), _variables.FontFamily.Raleway_500, _variables.GlobalColors.gray, _variables.FontFamily.AvenirNext, _variables.GlobalColors.gray, _variables.GlobalColors.purple, _variables.GlobalColors.white);
-
-exports.Container = Container;

package/dist/components/atoms/GeneralInputv2/GeneralInputv2.stories.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.TextArea = exports.Input = 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/atoms/GeneralInputv2",
-  component: _index.GeneralInputv2,
-  argTypes: {
-    inputType: {
-      options: ["text", "textarea"],
-      control: {
-        type: "select"
-      }
-    }
-  }
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.GeneralInputv2, (0, _objectSpread2.default)({}, args));
-};
-
-var Input = Template.bind({});
-exports.Input = Input;
-Input.args = {
-  inputId: "default-input",
-  inputType: "text",
-  inputPlaceholder: "placeholder text"
-};
-var TextArea = Template.bind({});
-exports.TextArea = TextArea;
-TextArea.args = {
-  inputType: "textarea",
-  inputId: "default-input",
-  inputCols: "50",
-  inputRows: "5",
-  inputName: "text-area-name",
-  inputPlaceholder: "textarea placeholder"
-};

package/dist/components/atoms/GeneralInputv2/index.js

@@ -1,188 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GeneralInputv2 = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _react = require("react");
-
-var _styles = require("./styles");
-
-var _CheckBox = require("../CheckBox");
-
-var _InputFormatterv = require("../InputFormatterv2");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var GeneralInputv2 = function GeneralInputv2(_ref) {
-  var inputType = _ref.inputType,
-      inputId = _ref.inputId,
-      inputName = _ref.inputName,
-      _ref$inputValue = _ref.inputValue,
-      inputValue = _ref$inputValue === void 0 ? "" : _ref$inputValue,
-      inputPlaceholder = _ref.inputPlaceholder,
-      validateInput = _ref.validateInput,
-      position = _ref.position,
-      inputsArray = _ref.inputsArray,
-      inputSize = _ref.inputSize,
-      articleId = _ref.articleId,
-      updatedDatasheets = _ref.updatedDatasheets,
-      setUpdatedDatasheets = _ref.setUpdatedDatasheets,
-      updatedDescriptions = _ref.updatedDescriptions,
-      setUpdatedDescriptions = _ref.setUpdatedDescriptions,
-      maxChar = _ref.maxChar,
-      isRequired = _ref.isRequired,
-      version = _ref.version,
-      _ref$optionList = _ref.optionList,
-      optionList = _ref$optionList === void 0 ? [] : _ref$optionList,
-      description = _ref.description,
-      inputOnChange = _ref.inputOnChange,
-      disabled = _ref.disabled,
-      onKeyDown = _ref.onKeyDown,
-      auditClass = _ref.auditClass;
-
-  var _useState = (0, _react.useState)({
-    value: inputValue
-  }),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      textValue = _useState2[0],
-      setTextValue = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      requiredEmpty = _useState4[0],
-      setRequiredEmpty = _useState4[1];
-
-  var onHandleChange = function onHandleChange(evt) {
-    if (validateInput) {
-      setTextValue({
-        value: validateInput(evt, position, inputsArray)
-      });
-    } else if (updatedDatasheets || updatedDescriptions || inputType === "textarea") {
-      var generalValue;
-
-      if ((optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0) {
-        var valueSelected = evt.target.value;
-        generalValue = valueSelected;
-        setTextValue({
-          value: generalValue
-        });
-      } else {
-        generalValue = inputType === "checkbox" ? evt.target.checked : evt.target.value;
-        setTextValue({
-          value: generalValue
-        });
-      }
-
-      var dataSave = updatedDatasheets === null || updatedDatasheets === void 0 ? void 0 : updatedDatasheets.slice();
-
-      if ((dataSave === null || dataSave === void 0 ? void 0 : dataSave.length) > 0) {
-        var index = dataSave.findIndex(function (e) {
-          return e.attributeId === inputId;
-        });
-
-        if (index !== -1) {
-          if (generalValue !== inputValue) dataSave[index].value = generalValue;else dataSave.splice(index, 1);
-        } else {
-          dataSave.push({
-            articleId: articleId,
-            attributeId: inputId,
-            value: generalValue
-          });
-        }
-      } else {
-        if (generalValue !== inputValue) {
-          dataSave.push({
-            articleId: articleId,
-            attributeId: inputId,
-            value: generalValue
-          });
-        }
-      }
-
-      setUpdatedDatasheets(dataSave);
-    } else {
-      setTextValue({
-        value: evt.target.value
-      });
-      inputOnChange && inputOnChange(evt);
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    var _textValue$value;
-
-    setRequiredEmpty(isRequired && (((_textValue$value = textValue.value) === null || _textValue$value === void 0 ? void 0 : _textValue$value.length) === 0 || textValue.value === undefined));
-  }, [textValue]);
-
-  var numberInputOnWheelPreventChange = function numberInputOnWheelPreventChange(e) {
-    // Prevent the input value change
-    e.target.blur(); // Prevent the page/container scrolling
-
-    e.stopPropagation(); // Refocus immediately, on the next tick (after the current function is done)
-
-    setTimeout(function () {
-      return e.target.focus();
-    }, 0);
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    isRequired: requiredEmpty,
-    className: auditClass,
-    children: (optionList === null || optionList === void 0 ? void 0 : optionList.length) > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
-      id: "dropdown".concat(inputId),
-      onChange: function onChange(e) {
-        return onHandleChange(e);
-      },
-      defaultValue: textValue.value,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "",
-        children: description
-      }), JSON.parse(optionList || "[]").map(function (element, index) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          value: element,
-          children: element
-        }, element + "-" + index);
-      })]
-    }, "dropdownK".concat(inputId)) : inputType === "checkbox" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckBox.CheckBox, {
-      id: inputId,
-      onChange: function onChange(e) {
-        return onHandleChange(e);
-      },
-      defaultChecked: textValue.value === "true" ? true : false
-    }) : inputType !== "textarea" ? /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
-      type: inputType,
-      disabled: disabled,
-      id: inputId,
-      size: inputSize,
-      className: "general-input",
-      placeholder: inputPlaceholder,
-      value: textValue.value,
-      onInput: function onInput(e) {
-        return onHandleChange(e);
-      },
-      maxLength: maxChar,
-      required: isRequired,
-      onKeyDown: onKeyDown,
-      onWheel: numberInputOnWheelPreventChange
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_InputFormatterv.InputFormatterv2, {
-      name: inputName,
-      inputId: inputId,
-      placeholder: inputPlaceholder,
-      mainValue: textValue.value,
-      onChange: onHandleChange,
-      articleId: articleId,
-      updatedDescriptions: updatedDescriptions,
-      setUpdatedDescriptions: setUpdatedDescriptions,
-      maxChar: maxChar,
-      isRequired: isRequired
-    })
-  });
-};
-
-exports.GeneralInputv2 = GeneralInputv2;

package/dist/components/atoms/GeneralInputv2/styles.js

@@ -1,29 +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  width: 100%;\n  > div {\n    label {\n      &:before {\n        outline: 1px solid ", ";\n      }\n    }\n  }\n\n  input,\n  textarea {\n    width: 100%;\n    border: 1px solid\n      ", ";\n\n    font-family: ", ";\n    color: ", ";\n    font-weight: normal;\n    font-size: 12px;\n    line-height: 15px;\n    padding: 10px;\n    outline: none;\n    border-radius: 5px;\n    resize: none;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  select {\n    background: #fafafa;\n    outline: none;\n    border: 1px solid\n      ", ";\n    width: 100%;\n    cursor: pointer;\n    font-family: ", ";\n    color: ", ";\n    font-size: 12px;\n    line-height: 21px;\n    padding: 10px;\n    border-right: 2px solid #e33aa9;\n\n    &:focus {\n      border: 1px solid ", ";\n    }\n  }\n\n  p {\n    font-family: ", ";\n    font-size: 12px;\n    color: ", ";\n  }\n\n  &.audit-class {\n    input,\n    .quill {\n      border: 1px solid #8a6caa;\n      background-color: #ededfc;\n    }\n  }\n"])), function (_ref) {
-  var isRequired = _ref.isRequired;
-  return isRequired ? "red" : "none";
-}, function (_ref2) {
-  var isRequired = _ref2.isRequired;
-  return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
-}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.purple, function (_ref3) {
-  var isRequired = _ref3.isRequired;
-  return isRequired ? "red" : "".concat(_variables.GlobalColors.s2);
-}, _variables.FontFamily.AvenirNext, _variables.GlobalColors.deep_gray, _variables.GlobalColors.magenta_s2, _variables.FontFamily.Raleway, _variables.GlobalColors.deep_gray);
-
-exports.Container = Container;

package/dist/components/atoms/ImageCarousel/ImgeSlider.stories.js

@@ -1,90 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ImageCarouselDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _ = require(".");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/atoms/ImageCarousel",
-  component: _.ImageCarousel
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.ImageCarousel, (0, _objectSpread2.default)({}, args));
-};
-
-var ImageCarouselDefault = Template.bind({});
-exports.ImageCarouselDefault = ImageCarouselDefault;
-ImageCarouselDefault.args = {
-  imageArray: [{
-    id: 35596,
-    status: null,
-    image_id: 1,
-    packing_type: "3",
-    image_type: "1",
-    article_id: "38443",
-    src: "https://d24s337exbt5zr.cloudfront.net/eyJidWNrZXQiOiJjb250ZW50LW1hbmFnZW1lbnQtaW1hZ2VzIiwia2V5IjoiaWQtMzg0NDMvMTUvMS1kNDQ2ZjIwNy0wYTkzLTQyNzgtYWZjNi01MTY2ZjIyY2EzNDMucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxMDAwLCJoZWlnaHQiOjEwMDAsImZpdCI6ImNvbnRhaW4iLCJiYWNrZ3JvdW5kIjp7InIiOjI1NSwiZyI6MjU1LCJiIjoyNTUsImFscGhhIjoxfX19fQ==",
-    timestamp: "2023-05-30T03:01:12.000Z",
-    id_version: 15,
-    width: null,
-    height: null,
-    scene_type: null,
-    image_shot_type: null,
-    last_modified: "2023-06-05T23:49:49.000Z",
-    name: "Central (Frente Comercial)",
-    version: 15,
-    ext: "png",
-    uuid: "d446f207-0a93-4278-afc6-5166f22ca343",
-    srcDB: "id-38443/15/1-d446f207-0a93-4278-afc6-5166f22ca343.png"
-  }, {
-    id: 35597,
-    status: null,
-    image_id: 3,
-    packing_type: "3",
-    image_type: "1",
-    article_id: "38443",
-    src: "https://d24s337exbt5zr.cloudfront.net/eyJidWNrZXQiOiJjb250ZW50LW1hbmFnZW1lbnQtaW1hZ2VzIiwia2V5IjoiaWQtMzg0NDMvMTUvMy0yOTZkMzU3ZC00OTUzLTRiMzktYjFjMy04YWZmZDI2NDgwMWIucG5nIiwiZWRpdHMiOnsicmVzaXplIjp7IndpZHRoIjoxMDAwLCJoZWlnaHQiOjEwMDAsImZpdCI6ImNvbnRhaW4iLCJiYWNrZ3JvdW5kIjp7InIiOjI1NSwiZyI6MjU1LCJiIjoyNTUsImFscGhhIjoxfX19fQ==",
-    timestamp: "2023-05-30T03:01:12.000Z",
-    id_version: 15,
-    width: null,
-    height: null,
-    scene_type: null,
-    image_shot_type: null,
-    last_modified: "2023-06-05T23:49:49.000Z",
-    name: "Trasera (Back)",
-    version: 15,
-    ext: "png",
-    uuid: "296d357d-4953-4b39-b1c3-8affd264801b",
-    srcDB: "id-38443/15/3-296d357d-4953-4b39-b1c3-8affd264801b.png"
-  }, {
-    id: 35598,
-    status: null,
-    image_id: 16,
-    packing_type: "3",
-    image_type: "1",
-    article_id: "38443",
-    src: "https://d24s337exbt5zr.cloudfront.net/eyJidWNrZXQiOiJjb250ZW50LW1hbmFnZW1lbnQtaW1hZ2VzIiwia2V5IjoiaWQtMzg0NDMvMTUvMTYtOGMzNDIzM2YtZTRiMC00MjU0LWFlYzUtZjEyN2ZiYjhkYmVkLnBuZyIsImVkaXRzIjp7InJlc2l6ZSI6eyJ3aWR0aCI6MTAwMCwiaGVpZ2h0IjoxMDAwLCJmaXQiOiJjb250YWluIiwiYmFja2dyb3VuZCI6eyJyIjoyNTUsImciOjI1NSwiYiI6MjU1LCJhbHBoYSI6MX19fX0=",
-    timestamp: "2023-05-30T03:01:12.000Z",
-    id_version: 15,
-    width: null,
-    height: null,
-    scene_type: null,
-    image_shot_type: null,
-    last_modified: "2023-06-05T23:49:49.000Z",
-    name: "Detalle / Características 1",
-    version: 15,
-    ext: "png",
-    uuid: "8c34233f-e4b0-4254-aec5-f127fbb8dbed",
-    srcDB: "id-38443/15/16-8c34233f-e4b0-4254-aec5-f127fbb8dbed.png"
-  }]
-};

package/dist/components/atoms/ImageCarousel/index.js

@@ -1,120 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ImageCarousel = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _styles = require("./styles");
-
-var _react = require("react");
-
-var _reactImageFallback = _interopRequireDefault(require("react-image-fallback"));
-
-var _Spinner = _interopRequireDefault(require("../../../assets/images/Icons/Spinner.gif"));
-
-var _ArrowBackIos = _interopRequireDefault(require("@mui/icons-material/ArrowBackIos"));
-
-var _defaultProductImage = _interopRequireDefault(require("../../../assets/images/defaultImages/defaultProductImage.png"));
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var ImageCarousel = function ImageCarousel(_ref) {
-  var _ref$imageArray = _ref.imageArray,
-      imageArray = _ref$imageArray === void 0 ? [] : _ref$imageArray;
-
-  var _useState = (0, _react.useState)(0),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      currentIndex = _useState2[0],
-      setCurrentIndex = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      transitioning = _useState4[0],
-      setTransitioning = _useState4[1];
-
-  var _useState5 = (0, _react.useState)(false),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      isHover = _useState6[0],
-      setIsHover = _useState6[1];
-
-  var goToNextSlide = function goToNextSlide() {
-    if (!transitioning) {
-      setTransitioning(true);
-      setCurrentIndex(function (prevIndex) {
-        return (prevIndex + 1) % imageArray.length;
-      });
-      setTimeout(function () {
-        setTransitioning(false);
-      }, 500); // Adjust the transition duration to match your CSS
-    }
-  };
-
-  var goToPrevSlide = function goToPrevSlide() {
-    if (!transitioning) {
-      setTransitioning(true);
-      setCurrentIndex(function (prevIndex) {
-        return (prevIndex - 1 + imageArray.length) % imageArray.length;
-      });
-      setTimeout(function () {
-        setTransitioning(false);
-      }, 500); // Adjust the transition duration to match your CSS
-    }
-  }; // useEffect(() => {
-  //   const delay = 0;
-  //   let repeat;
-  //   setTimeout(() => {
-  //     repeat = setInterval(() => {
-  //       if (!isHover && imageArray.length > 1) goToNextSlide();
-  //     }, 10000);
-  //   }, delay);
-  //   return () => {
-  //     clearInterval(repeat);
-  //   };
-  // }, [isHover]);
-
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container // onMouseEnter={() => setIsHover(true)}
-  // onMouseLeave={() => setIsHover(false)}
-  , {
-    children: [imageArray.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      className: "prev",
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        goToPrevSlide();
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowBackIos.default, {})
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "slide-container",
-      children: imageArray.length ? imageArray.map(function (img, index) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "image-container slide ".concat(index === currentIndex ? "active" : ""),
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageFallback.default, {
-            src: "https://".concat(process.env.REACT_APP_IMAGES_BUCKET, ".s3.amazonaws.com/").concat(img.src),
-            fallbackImage: _Spinner.default,
-            alt: img === null || img === void 0 ? void 0 : img.name,
-            style: {
-              transform: "translateX(-".concat(currentIndex * 100, "%)")
-            }
-          }, index)
-        }, index);
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-        src: _defaultProductImage.default,
-        alt: "not image"
-      })
-    }), imageArray.length > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      className: "next",
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        goToNextSlide();
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ArrowBackIos.default, {})
-    })]
-  });
-};
-
-exports.ImageCarousel = ImageCarousel;

package/dist/components/atoms/ImageCarousel/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  width: 174px;\n  height: 175px;\n  border-radius: 5px 5px 0px 0px;\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  background-color: #f0f0f0;\n\n  .slide-container {\n    display: flex;\n    width: 100%;\n\n    .image-container {\n      width: 100%;\n      height: 100%;\n\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: fill;\n      }\n\n      &.slide {\n        flex: 0 0 100%;\n        opacity: 0;\n        transition: opacity 0.5s ease-in-out;\n\n        &.active {\n          opacity: 1;\n        }\n      }\n    }\n\n    & > img {\n      width: 100%;\n    }\n  }\n\n  button {\n    position: absolute;\n    top: 0;\n    border: none;\n    cursor: pointer;\n    background-color: transparent;\n    color: white;\n    z-index: 1;\n    height: 100%;\n    width: 30px;\n\n    svg {\n      font-size: 24px;\n    }\n\n    &.prev {\n      left: 0;\n\n      &:hover {\n        background: linear-gradient(90deg, darkgray, transparent);\n      }\n    }\n    &.next {\n      right: 0;\n\n      svg {\n        transform: rotate(180deg);\n      }\n      &:hover {\n        background: linear-gradient(-90deg, darkgray, transparent);\n      }\n    }\n  }\n\n  button:focus {\n    outline: none;\n  }\n"])));
-
-exports.Container = Container;

package/dist/components/atoms/InputFormatterv2/Wysiwyg.stories.js

@@ -1,30 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.DefaultInputFormatterv2 = 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/atoms/InputFormatterv2",
-  component: _index.InputFormatterv2
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.InputFormatterv2, (0, _objectSpread2.default)({}, args));
-};
-
-var DefaultInputFormatterv2 = Template.bind({});
-exports.DefaultInputFormatterv2 = DefaultInputFormatterv2;
-DefaultInputFormatterv2.args = {
-  text: "hola mundo"
-};