contentoh-components-library 21.2.4 → 21.2.7

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

@@ -16,288 +16,75 @@ RetailerProductEditionDefault.args = {
     Imágenes: false,
   },
   token:
-    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYjY2YTRhOS03NzkwLTQwMzQtYTMwYS1jMDA4MDg5NjI4NjciLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjBiNjZhNGE5LTc3OTAtNDAzNC1hMzBhLWMwMDgwODk2Mjg2NyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiIzNmIxMmUwMy0xOWJhLTRiMDktYWJiYS1kZjk3ZTFkNThjZTQiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDE4MjgzNywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MDE4NjQzNywiaWF0IjoxNjYwMTgyODM3LCJlbWFpbCI6ImJheWFkaTE1MzhAbW5xbG0uY29tIn0.MM9nIHkrRIS2o8_s4BR6VTLgyw3ryvPrr-mf6RtnQ4smng2Q3fmtK07zInNcvcrv8EXO5J9z47_NZ5MOJDo1Pz1CV2cOYM7PT5tEn3F-W4SitqDbBw3KxfkqSMxdZUIHLWECGL-u2ATCYU2J4KRVQi8XSP1qbfv1hu9dh-vID8Fq641ccQwEqUDC13pshDPlR08legg7AAPJqoilV7wuvxqTYAK6fGqMS5jcdW2iDmU0ti9gkydXkYRIC-jg446VOmRCpwzKsk4UAPwlrGeodQ0LV1bfWn_-KVspWCRQd6U5WbFxHn0umYe3CvvPpyVmHzD3F_EMxaVyqV5aW5IoIQ",
+    "eyJraWQiOiJEV3owZnNieXg2MXNFcVduN3RCXC81bVhod3ZNbFZIOTgwUnZcL3RjT0lKdEk9IiwiYWxnIjoiUlMyNTYifQ.eyJzdWIiOiIwYjY2YTRhOS03NzkwLTQwMzQtYTMwYS1jMDA4MDg5NjI4NjciLCJjb2duaXRvOmdyb3VwcyI6WyJjb2xhYm9yYWRvcmVzX2NvbnRlbnRvaCJdLCJlbWFpbF92ZXJpZmllZCI6dHJ1ZSwiaXNzIjoiaHR0cHM6XC9cL2NvZ25pdG8taWRwLnVzLWVhc3QtMS5hbWF6b25hd3MuY29tXC91cy1lYXN0LTFfbFN6UVo0WjdSIiwiY29nbml0bzp1c2VybmFtZSI6IjBiNjZhNGE5LTc3OTAtNDAzNC1hMzBhLWMwMDgwODk2Mjg2NyIsImF1ZCI6IjUyZDlza2tkY2c4cWpwODhvb2sxdXNlNm1rIiwiZXZlbnRfaWQiOiI4ZjA2YmU0NC04ZWEzLTQ5OWMtOGFjZC0xMDlmMDZiZWI1MjAiLCJ0b2tlbl91c2UiOiJpZCIsImF1dGhfdGltZSI6MTY2MDA3NjQ5MywibmFtZSI6IkNvbGFib3JhZG9yIiwicGhvbmVfbnVtYmVyIjoiKzUyMTExMSIsImV4cCI6MTY2MDA4MDA5MywiaWF0IjoxNjYwMDc2NDkzLCJlbWFpbCI6ImJheWFkaTE1MzhAbW5xbG0uY29tIn0.aw_x1A8WR2MCp_Kz-T2Jcg0ZtuKwyzQ23yT_OoKr-aGJmEjSPihmksWgLZr9hJXyfvU0JndaVMM_3DRly1TdtJ264zwH4dZ7Cp9gF4TSXG16HQxIIPUA4NnwdpOnlBdE9E27mCXs4XYnCZ7dRMXnkjpRL4PVbrGji9qbEEJR6TxCJafR-zes1o4HC1KfQ5QF4s5I_LYQYbD-Ot0A1zDiJg34HR9tTILu5f4uc_2Nj8bqqYJsEdKg982WWO9ac2uKRPXQqNL6CsdltnSeQQcnS6Wj5DJTRRoc-lRdE6ekpAvDGPo0Dyj1Q8GYH3uxvM-pVu8J1Z_JOtO5j5mPN9krpA",
   productSelected: {
     services: {
-      datasheets: 1,
-      descriptions: 1,
+      datasheets: 0,
+      descriptions: 0,
       images: 1,
     },
-    orderId: 2296,
-    status: "AP",
-    datasheet_status: "AP",
+    orderId: 1789,
+    status: "ACA",
+    datasheet_status: "NS",
     prio: "none",
-    version: 8,
-    description_status: "ACA",
-    images_status: "AP",
+    version: 2,
+    description_status: "NS",
+    images_status: "ACA",
     article: {
-      id_article: 14701,
-      id_category: "684",
-      name: "Pasta Dental Colgate Total 12 Clean Mint de 100 ml",
-      upc: "7501035911369",
-      timestamp: "2021-10-09T16:33:17.000Z",
-      id_user: 203,
-      status: "Ex",
-      active: 1,
-      company_id: 226,
+      id_article: 68865,
+      id_category: "2999",
+      name: "RESIZE",
+      upc: "169955",
+      timestamp: "2022-06-21T16:03:10.000Z",
+      id_user: 1238,
+      status: "NULL",
+      active: 0,
+      company_id: 819,
       SKU: null,
       Descripcion: null,
       Proveedor: null,
       id_proveedor: 0,
-      company_name: "Prueba Test S.A de C.V.",
-      country: "null",
-      id_order: 2296,
-      id_datasheet_especialist: 405,
-      id_datasheet_facilitator: 158,
-      id_description_especialist: 405,
-      id_description_facilitator: 158,
-      id_images_especialist: 366,
-      id_images_facilitator: 160,
-      id_auditor: 9,
+      company_name: "The Home Depot Resize",
+      country: "México",
+      id_order: 1789,
+      id_datasheet_especialist: null,
+      id_datasheet_facilitator: null,
+      id_description_especialist: null,
+      id_description_facilitator: null,
+      id_images_especialist: 1250,
+      id_images_facilitator: 424,
+      id_auditor: null,
       id_recepcionist: null,
-      category: "Salud y Belleza|Cuidado Bucal|Pastas Dentales y Aseo Bucal",
-      missingAttributes: -1,
-      missingDescriptions: 3,
-      missingImages: -9,
+      category: "Resizing|Resizing|Resizing",
+      missingAttributes: null,
+      missingDescriptions: null,
+      missingImages: null,
     },
     retailers: [
       {
-        id: 4,
-        name: "Walmart Super y Superama",
+        id: 60,
+        name: "The Home Depot Resizing",
         country: "México",
         id_region: 1,
         active: 1,
-        percentage: 97.61904761904763,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/4.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 5,
-        name: "Chedraui",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 100,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/5.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 6,
-        name: "HEB",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 100,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/6.png",
-        services: ["AP", "ACA", "AP"],
-      },
-      {
-        id: 7,
-        name: "Mega",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 100,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/7.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 8,
-        name: "Fragua",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: null,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/8.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 9,
-        name: "Amazon",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 85.18518518518518,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/9.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 12,
-        name: "La Comer",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 100,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/12.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 13,
-        name: "Soriana",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 100,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/13.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 16,
-        name: "Rappi",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 93.33333333333333,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/16.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 17,
-        name: "Genérico",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 100,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/17.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 18,
-        name: "Google",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 96.66666666666667,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/18.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 20,
-        name: "Cornershop",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 91.66666666666667,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/20.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 24,
-        name: "Alsuper",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 95.83333333333333,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/24.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 27,
-        name: "IMPIRA México",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 100,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/27.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 29,
-        name: "Farmacias del Ahorro",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 81.48148148148148,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/29.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 33,
-        name: "Merza",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 66.66666666666667,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/33.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 34,
-        name: "San Pablo",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 95.16666666666667,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/34.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 38,
-        name: "Del Sol",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 100,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/38.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 39,
-        name: "Justo",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 94.73684210526316,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/39.png",
-        services: ["NA", "NA", "NA"],
-      },
-      {
-        id: 62,
-        name: "Sanborns Café",
-        country: "México",
-        id_region: 1,
-        active: 1,
-        percentage: 100,
-        image:
-          "https://content-management-images.s3.amazonaws.com/retailers/62.png",
-        services: ["NA", "NA", "NA"],
       },
     ],
-    country: "null",
-    upc: "7501035911369",
+    country: "México",
+    upc: "169955",
   },
   location: {
     product: { articleId: 109485, versionId: 3 },
   },
   user: {
-    id_user: 423,
-    name: "Facilitador Textos",
+    id_user: 425,
+    name: "Auditor QA",
     last_name: " ",
-    email: "bayadi1538@mnqlm.com",
+    email: "ladiboh785@mi166.com",
     position: "Tester",
     telephone: null,
     country: null,
     id_company: 254,
-    id_cognito: "0b66a4a9-7790-4034-a30a-c00808962867",
+    id_cognito: "23a3f496-4e38-4e12-9bf5-7f90b77a2f35",
     birth_Date: null,
     about_me: null,
     zip_code: null,
@@ -319,6 +106,6 @@ RetailerProductEditionDefault.args = {
       products_limit: "1000",
       type: "Enterprise",
     },
-    src: "https://content-management-profile-prod.s3.amazonaws.com/id-423/423.png?1660182839373",
+    src: "https://content-management-profile-prod.s3.amazonaws.com/id-425/425.png?1659649029658",
   },
 };

package/src/components/pages/RetailerProductEdition/index.js

@@ -60,7 +60,7 @@ const reducerImages = (state, action) => {
       values[action.index][action.attribute] = action.value;
       return { ...state, values };
     case "changeAttrValue":
-      const index = attrForImgs.general.findIndex((f) => f.id === action.id);
+      const index = attrForImgs.general.findIndex((f) => (f.id = action.id));
       if (index !== -1) {
         attrForImgs.general[index].value = action.value;
       }

package/src/index.js

@@ -63,7 +63,6 @@ export * from "./components/organisms/ProductImageModal/index";
 export * from "./components/pages/ChangePasswordLogin";
 export * from "./components/pages/CustomerLogin";
 export * from "./components/pages/CustomerType";
-export * from "./components/pages/Dashboard";
 export * from "./components/pages/EmailResetPassword";
 export * from "./components/pages/OnboardPlan";
 export * from "./components/pages/RegistrationLoginSecondStep";

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

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MetricCardDefault = 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/MetricCard",
-  component: _index.MetricCard
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.MetricCard, (0, _objectSpread2.default)({}, args));
-};
-
-var MetricCardDefault = Template.bind({});
-exports.MetricCardDefault = MetricCardDefault;
-MetricCardDefault.args = {
-  label: "Productos Totales",
-  number: 2367
-};

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

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MetricCard = void 0;
-
-var _styles = require("./styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var MetricCard = function MetricCard(_ref) {
-  var label = _ref.label,
-      number = _ref.number;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: label
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
-      children: number
-    })]
-  });
-};
-
-exports.MetricCard = MetricCard;

package/dist/components/atoms/MetricCard/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  padding: 10px 20px;\n  border: 1px solid ", ";\n  width: fit-content;\n  text-align: center;\n  border-radius: 10px;\n\n  p {\n    color: #000;\n    font-size: 25px;\n    font-family: ", ";\n    font-size: 25px;\n    font-feature-settings: \"pnum\", \"lnum\";\n\n    &:first-of-type {\n      color: ", ";\n      font-family: ", ";\n      font-weight: 500;\n      font-size: 13px;\n      line-height: 13px;\n    }\n\n    & + * {\n      margin-top: 3px;\n    }\n  }\n"])), _variables.GlobalColors.s3, _variables.FontFamily.Raleway_600, _variables.GlobalColors.s3, _variables.FontFamily.Raleway);
-
-exports.Container = Container;

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

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MetricSelectDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
-
-var _react = require("react");
-
-var _ = require(".");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/atoms/MetricSelect",
-  component: _.MetricSelect
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)("Semana actual"),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      optionSelected = _useState2[0],
-      setSelectedOption = _useState2[1];
-
-  var onChange = function onChange(e) {
-    setSelectedOption(e.target.value);
-  };
-
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.MetricSelect, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, args), {}, {
-    optionSelected: optionSelected,
-    onChange: onChange
-  }));
-};
-
-var MetricSelectDefault = Template.bind({});
-exports.MetricSelectDefault = MetricSelectDefault;
-MetricSelectDefault.args = {
-  options: ["12/12/12", "12/12/13", "12/12/14", "12/12/15", "12/12/16", "12/12/17", "12/12/18", "12/12/19", "12/12/20", "12/12/21", "12/12/22"]
-};

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

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MetricSelect = void 0;
-
-var _styles = require("./styles");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var MetricSelect = function MetricSelect(_ref) {
-  var options = _ref.options,
-      optionSelected = _ref.optionSelected,
-      onChange = _ref.onChange,
-      label = _ref.label,
-      className = _ref.className;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    className: className,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("select", {
-      value: optionSelected,
-      onChange: onChange,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-        value: "",
-        children: label
-      }), options === null || options === void 0 ? void 0 : options.map(function (option) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
-          value: option.id,
-          children: option.name
-        }, option.name);
-      })]
-    })
-  });
-};
-
-exports.MetricSelect = MetricSelect;

package/dist/components/atoms/MetricSelect/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  background-color: ", ";\n  width: fit-content;\n  display: block;\n  padding-right: 10px;\n  border-radius: 5px;\n\n  select {\n    color: ", ";\n    outline: none;\n    padding: 10px;\n    background-color: transparent;\n    border: none;\n    option:first-of-type {\n    }\n  }\n"])), _variables.GlobalColors.s2, _variables.GlobalColors.s4);
-
-exports.Container = Container;

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

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.CalendarDefault = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-
-var _ = require(".");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var _default = {
-  title: "Components/organisms/Calendar",
-  component: _.Calendar
-};
-exports.default = _default;
-
-var Template = function Template(args) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Calendar, (0, _objectSpread2.default)({}, args));
-};
-
-var CalendarDefault = Template.bind({});
-exports.CalendarDefault = CalendarDefault;
-CalendarDefault.args = {};

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

@@ -1,33 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Calendar = void 0;
-
-var _styles = require("./styles");
-
-var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
-
-var _react = require("react");
-
-var _jsxRuntime = require("react/jsx-runtime");
-
-var Calendar = function Calendar(_ref) {
-  var onChange = _ref.onChange,
-      startDate = _ref.startDate,
-      endDate = _ref.endDate;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Container, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactDatepicker.default, {
-      selected: startDate,
-      onChange: onChange,
-      startDate: startDate,
-      endDate: endDate,
-      selectsRange: true
-    })
-  });
-};
-
-exports.Calendar = Calendar;