contentoh-components-library 21.4.136 → 21.4.138

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

@@ -0,0 +1,573 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Dashboard = 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 _MetricCard = require("../../atoms/MetricCard");
+
+var _DashboardMetric = require("../../organisms/DashboardMetric");
+
+var _react = require("react");
+
+var _Loading = require("../../atoms/Loading");
+
+var _CustomSelect = require("../../molecules/CustomSelect");
+
+var _dashboardUtils = require("./dashboardUtils");
+
+var _axios = _interopRequireDefault(require("axios"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var Dashboard = function Dashboard(_ref) {
+  var _company$financedReta, _metricsData$;
+
+  var jwt = _ref.jwt,
+      user = _ref.user,
+      company = _ref.company;
+
+  var _useState = (0, _react.useState)([]),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      metricsData = _useState2[0],
+      setMetricsData = _useState2[1];
+
+  var _useState3 = (0, _react.useState)({}),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      productsByStatus = _useState4[0],
+      setProductsByStatus = _useState4[1];
+
+  var _useState5 = (0, _react.useState)([]),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      requiredProducts = _useState6[0],
+      setRequiredProducts = _useState6[1];
+
+  var _useState7 = (0, _react.useState)({
+    retailerId: null,
+    startDate: null,
+    endDate: null
+  }),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      orderByStatus = _useState8[0],
+      setOrderByStatus = _useState8[1];
+
+  var _useState9 = (0, _react.useState)({
+    retailerId: null,
+    startDate: null,
+    endDate: null
+  }),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      orderByRequired = _useState10[0],
+      setOrderByRequired = _useState10[1];
+
+  var _useState11 = (0, _react.useState)([]),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      retailers = _useState12[0],
+      setRetailers = _useState12[1];
+
+  var _useState13 = (0, _react.useState)(true),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      loading = _useState14[0],
+      setLoading = _useState14[1];
+
+  var _useState15 = (0, _react.useState)([]),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      providers = _useState16[0],
+      setProviders = _useState16[1];
+
+  var _useState17 = (0, _react.useState)([]),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      categories = _useState18[0],
+      setCategories = _useState18[1];
+
+  var _useState19 = (0, _react.useState)([]),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      retailerId = _useState20[0],
+      setRetailerId = _useState20[1];
+
+  var _useState21 = (0, _react.useState)([]),
+      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+      categoryId = _useState22[0],
+      setCategoryId = _useState22[1];
+
+  var _useState23 = (0, _react.useState)([]),
+      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+      companyId = _useState24[0],
+      setCompanyId = _useState24[1];
+
+  var _useState25 = (0, _react.useState)({
+    startDate: (0, _dashboardUtils.formatDate)(new Date("1900-01-01")),
+    endDate: (0, _dashboardUtils.formatDate)(new Date())
+  }),
+      _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
+      datesRange = _useState26[0],
+      setDatesRange = _useState26[1];
+
+  var _useState27 = (0, _react.useState)([]),
+      _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
+      dateOptions = _useState28[0],
+      setDateOptions = _useState28[1];
+
+  var applicants = [{
+    id: "provider",
+    name: "Proveedor"
+  }, {
+    id: "retailer",
+    name: "Cadena"
+  }];
+
+  var _useState29 = (0, _react.useState)([]),
+      _useState30 = (0, _slicedToArray2.default)(_useState29, 2),
+      applicantsFilter = _useState30[0],
+      setApplicantsFilter = _useState30[1];
+
+  var _useState31 = (0, _react.useState)(0),
+      _useState32 = (0, _slicedToArray2.default)(_useState31, 2),
+      totalCount = _useState32[0],
+      setTotalCount = _useState32[1];
+
+  var _useState33 = (0, _react.useState)((company === null || company === void 0 ? void 0 : (_company$financedReta = company.financedRetailers) === null || _company$financedReta === void 0 ? void 0 : _company$financedReta.length) > 0),
+      _useState34 = (0, _slicedToArray2.default)(_useState33, 1),
+      isProviderFinanced = _useState34[0];
+
+  var _useState35 = (0, _react.useState)([]),
+      _useState36 = (0, _slicedToArray2.default)(_useState35, 2),
+      trades = _useState36[0],
+      setTrades = _useState36[1];
+
+  var _useState37 = (0, _react.useState)([]),
+      _useState38 = (0, _slicedToArray2.default)(_useState37, 2),
+      tradesSelected = _useState38[0],
+      setTradesSelected = _useState38[1];
+
+  var loadProductVersions = /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(queryObject) {
+      var keys, string, query, endpoint, response;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              keys = Object.keys(queryObject);
+              string = [];
+              keys.forEach(function (key) {
+                return string.push("".concat(key, "=").concat(queryObject[key]));
+              });
+              query = string.join("&");
+              endpoint = process.env.REACT_APP_READ_ORDERS_BY_STATUS;
+              _context.prev = 5;
+              _context.next = 8;
+              return _axios.default.get("".concat(endpoint, "?").concat(query), {
+                headers: {
+                  Authorization: jwt
+                }
+              });
+
+            case 8:
+              response = _context.sent;
+              return _context.abrupt("return", JSON.parse(response.data.body).data);
+
+            case 12:
+              _context.prev = 12;
+              _context.t0 = _context["catch"](5);
+              console.log(_context.t0);
+
+            case 15:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee, null, [[5, 12]]);
+    }));
+
+    return function loadProductVersions(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+
+  var getRetailers = /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var isRetailer, retailersResponse, parsed, retailers, retailersValid;
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              isRetailer = user.is_retailer && company.retailers;
+              _context2.next = 3;
+              return _axios.default.get("".concat(process.env.REACT_APP_RETAILER_ENDPOINT), {
+                headers: {
+                  Authorization: jwt
+                }
+              });
+
+            case 3:
+              retailersResponse = _context2.sent;
+              parsed = JSON.parse(retailersResponse.data.body).data;
+              retailers = Object.values(parsed);
+
+              if (isRetailer || isProviderFinanced) {
+                retailersValid = company.retailers.map(function (e) {
+                  return e.id;
+                });
+                retailers = retailers.filter(function (value) {
+                  return retailersValid.includes(value.id);
+                });
+              }
+
+              setRetailers(retailers);
+
+            case 8:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }));
+
+    return function getRetailers() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+
+  var loadProductsByStatus = /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(orderByStatus) {
+      var isRetailer, isProvider, isCollaborator, _ref5, ordersBydate, ordersByStatus, ordersByActive, companyTrades, _ordersByStatus$total, total, _ordersByStatus$R, R, _ordersByStatus$PA, PA, _ordersByStatus$Ex, Ex, _ordersByStatus$ACA, ACA, productsFinished, inProcess, registeredProducts, metricsArray;
+
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              isRetailer = user.is_retailer && company.retailers;
+              isProvider = !user.is_retailer && user.id_role === 0;
+              isCollaborator = user.id_role > 0;
+              _context3.next = 5;
+              return loadProductVersions(orderByStatus);
+
+            case 5:
+              _context3.t0 = _context3.sent;
+
+              if (_context3.t0) {
+                _context3.next = 8;
+                break;
+              }
+
+              _context3.t0 = {};
+
+            case 8:
+              _ref5 = _context3.t0;
+              ordersBydate = _ref5.ordersBydate;
+              ordersByStatus = _ref5.ordersByStatus;
+              ordersByActive = _ref5.ordersByActive;
+              companyTrades = _ref5.companyTrades;
+              if (trades.length === 0) setTrades(companyTrades);
+              _ordersByStatus$total = ordersByStatus.total, total = _ordersByStatus$total === void 0 ? 0 : _ordersByStatus$total, _ordersByStatus$R = ordersByStatus.R, R = _ordersByStatus$R === void 0 ? 0 : _ordersByStatus$R, _ordersByStatus$PA = ordersByStatus.PA, PA = _ordersByStatus$PA === void 0 ? 0 : _ordersByStatus$PA, _ordersByStatus$Ex = ordersByStatus.Ex, Ex = _ordersByStatus$Ex === void 0 ? 0 : _ordersByStatus$Ex, _ordersByStatus$ACA = ordersByStatus.ACA, ACA = _ordersByStatus$ACA === void 0 ? 0 : _ordersByStatus$ACA;
+              productsFinished = 0;
+              if (isRetailer) productsFinished = Ex;
+              if (isProvider) productsFinished = ACA;
+              if (isCollaborator) productsFinished = Ex + ACA;
+              inProcess = Object.keys(ordersByStatus).reduce(function (prev, curr) {
+                return !["total", "PA", "R", "Ex", "ACA"].includes(curr) ? prev + ordersByStatus[curr] : prev;
+              }, 0);
+              registeredProducts = ordersByActive.registered;
+              metricsArray = [metricsData[0] ? metricsData[0] : {
+                label: "Productos totales",
+                value: total
+              }];
+              metricsArray.push({
+                label: "Productos activos",
+                value: registeredProducts
+              }, {
+                label: "Productos filtrados",
+                value: total
+              }, {
+                label: "Productos sin asignar",
+                value: PA + R
+              }, {
+                label: "Productos en proceso",
+                value: inProcess
+              }, {
+                label: "Productos terminados",
+                value: productsFinished
+              });
+              setMetricsData(metricsArray);
+              setTotalCount(total);
+              delete ordersByStatus.total;
+              setRequiredProducts(ordersBydate);
+              setProductsByStatus(ordersByStatus);
+
+            case 28:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }));
+
+    return function loadProductsByStatus(_x2) {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+
+  var datesSelect = function datesSelect() {
+    var today = new Date();
+    setDateOptions([{
+      id: 0,
+      name: "Rango de fechas"
+    }, {
+      id: 1,
+      name: "Todo el tiempo",
+      function: function _function() {
+        return setDatesRange({
+          startDate: (0, _dashboardUtils.formatDate)(new Date("1900-01-01")),
+          endDate: (0, _dashboardUtils.formatDate)(new Date())
+        });
+      }
+    }, {
+      id: 2,
+      name: "Hoy",
+      function: function _function() {
+        return setDatesRange({
+          startDate: (0, _dashboardUtils.formatDate)(new Date()),
+          endDate: (0, _dashboardUtils.formatDate)(new Date())
+        });
+      }
+    }, {
+      id: 3,
+      name: "Ayer",
+      function: function _function() {
+        return setDatesRange({
+          startDate: (0, _dashboardUtils.formatDate)(new Date(today.setDate(today.getDate() - 1))),
+          endDate: (0, _dashboardUtils.formatDate)(new Date())
+        });
+      }
+    }, {
+      id: 4,
+      name: "Esta semana",
+      function: function _function() {
+        return setDatesRange({
+          startDate: (0, _dashboardUtils.formatDate)(new Date(today.setDate(today.getDate() - today.getDay()))),
+          endDate: (0, _dashboardUtils.formatDate)(new Date())
+        });
+      }
+    }, {
+      id: 5,
+      name: "La semana pasada",
+      function: function _function() {
+        return setDatesRange({
+          startDate: (0, _dashboardUtils.formatDate)(new Date(today.setDate(today.getDate() - today.getDay() - 7))),
+          endDate: (0, _dashboardUtils.formatDate)(new Date(today.setDate(today.getDate() - today.getDay() + 7)))
+        });
+      }
+    }, {
+      id: 6,
+      name: "Este mes",
+      function: function _function() {
+        return setDatesRange({
+          startDate: (0, _dashboardUtils.formatDate)(new Date("".concat(today.getFullYear(), "-").concat(today.getMonth() + 1, "-01"))),
+          endDate: (0, _dashboardUtils.formatDate)(today)
+        });
+      }
+    }, {
+      id: 7,
+      name: "El mes pasado",
+      function: function _function() {
+        return setDatesRange({
+          startDate: (0, _dashboardUtils.formatDate)(new Date("".concat(today.getFullYear(), "-").concat(today.getMonth(), "-01"))),
+          endDate: (0, _dashboardUtils.formatDate)(new Date("".concat(today.getFullYear(), "-").concat(today.getMonth() + 1, "-01")))
+        });
+      }
+    }]);
+  };
+
+  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
+    var today, startDate, endDate, queryObject;
+    return _regenerator.default.wrap(function _callee4$(_context4) {
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.t0 = setProviders;
+            _context4.next = 3;
+            return (0, _dashboardUtils.getProviders)(jwt, user);
+
+          case 3:
+            _context4.t1 = _context4.sent;
+            (0, _context4.t0)(_context4.t1);
+            _context4.t2 = setCategories;
+            _context4.next = 8;
+            return (0, _dashboardUtils.getCategories)(jwt, user, company);
+
+          case 8:
+            _context4.t3 = _context4.sent;
+            (0, _context4.t2)(_context4.t3);
+            _context4.next = 12;
+            return getRetailers();
+
+          case 12:
+            datesSelect();
+            today = new Date();
+            startDate = (0, _dashboardUtils.formatDate)("1900-01-01");
+            endDate = (0, _dashboardUtils.formatDate)(today);
+            queryObject = {
+              startDate: startDate,
+              endDate: endDate
+            };
+            setDatesRange({
+              startDate: startDate,
+              endDate: endDate
+            });
+            setOrderByStatus(queryObject);
+            setOrderByRequired(queryObject);
+            loadProductsByStatus(queryObject);
+
+          case 21:
+          case "end":
+            return _context4.stop();
+        }
+      }
+    }, _callee4);
+  })), []);
+  (0, _react.useEffect)(function () {
+    if (orderByRequired !== null && orderByRequired !== void 0 && orderByRequired.startDate && orderByStatus !== null && orderByStatus !== void 0 && orderByStatus.endDate && metricsData.length > 0) {
+      setLoading(false);
+    }
+  }, [orderByRequired, orderByStatus, metricsData]);
+  (0, _react.useEffect)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee5() {
+    var startDate, endDate, queryObject;
+    return _regenerator.default.wrap(function _callee5$(_context5) {
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            startDate = datesRange.startDate, endDate = datesRange.endDate;
+            queryObject = {
+              startDate: startDate,
+              endDate: endDate
+            };
+            if (companyId.length > 0) queryObject["companyId"] = companyId.join(",");
+            if (retailerId.length > 0) queryObject["retailerId"] = retailerId.join(",");
+            if (categoryId.length > 0) queryObject["categoryId"] = categoryId.join(",");
+            if (tradesSelected.length > 0) queryObject["trades"] = encodeURIComponent(tradesSelected.join(","));
+            applicantsFilter.length > 0 && (queryObject["requestedBy"] = applicantsFilter.join(","));
+            _context5.next = 9;
+            return loadProductsByStatus(queryObject, true);
+
+          case 9:
+          case "end":
+            return _context5.stop();
+        }
+      }
+    }, _callee5);
+  })), [companyId, retailerId, categoryId, datesRange, applicantsFilter, tradesSelected]);
+  return loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.Loading, {}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.Container, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "filters",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
+        showFilterString: true,
+        options: dateOptions,
+        selectLabel: "Todo el tiempo",
+        placeHolder: "Buscar fecha",
+        customSelectId: "dates-select",
+        parameterArray: datesRange,
+        setParameterArray: setDatesRange,
+        isSingleSelect: true
+      }), !isProviderFinanced && (providers === null || providers === void 0 ? void 0 : providers.length) > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
+        showFilterString: true,
+        showSearchBar: true,
+        options: providers,
+        selectLabel: "Todos los proveedores",
+        placeHolder: "Buscar proveedor",
+        customSelectId: "providers-select",
+        parameterArray: companyId,
+        setParameterArray: setCompanyId,
+        defaultOption: "Todos los proveedores"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
+        showFilterString: true,
+        showSearchBar: true,
+        options: categories,
+        selectLabel: "Todas las categor\xEDas",
+        placeHolder: "Buscar categor\xEDa",
+        customSelectId: "category-select",
+        parameterArray: categoryId,
+        setParameterArray: setCategoryId,
+        defaultOption: "Todas las categor\xEDas"
+      }), !isProviderFinanced && (retailers === null || retailers === void 0 ? void 0 : retailers.length) > 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
+        showFilterString: true,
+        showSearchBar: true,
+        options: retailers,
+        selectLabel: "Todas las cadenas",
+        placeHolder: "Buscar cadena",
+        customSelectId: "retailers-select",
+        parameterArray: retailerId,
+        setParameterArray: setRetailerId,
+        defaultOption: "Todas las cadenas"
+      }), user.is_retailer === 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
+        showFilterString: true,
+        options: applicants,
+        selectLabel: "Todos los solicitantes",
+        customSelectId: "applicants-select",
+        parameterArray: applicantsFilter,
+        setParameterArray: setApplicantsFilter,
+        defaultOption: "Todos los solicitantes"
+      }), user.id_role === 0 && (trades === null || trades === void 0 ? void 0 : trades.length) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CustomSelect.CustomSelect, {
+        showSearchBar: true,
+        options: trades,
+        selectLabel: "Todas las marcas",
+        placeHolder: "Buscar marca",
+        customSelectId: "trade-select",
+        parameterArray: tradesSelected,
+        setParameterArray: setTradesSelected
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "metric-cards",
+      children: metricsData.map(function (metric, index) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_MetricCard.MetricCard, {
+          label: metric.label,
+          number: metric.value
+        }, "".concat(index, "-").concat(metric.value));
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "metrics-main-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DashboardMetric.DashboardMetric, {
+        label: "Productos por estatus",
+        description: "Revisa el avance individual de cada estatus, utiliza los filtros para encontrar información precisa.",
+        dataObject: productsByStatus,
+        retailerSelected: orderByStatus.retailerId,
+        queryObject: orderByStatus,
+        setQueryObject: function setQueryObject(evt) {
+          loadProductsByStatus(evt);
+          setOrderByStatus(evt);
+        },
+        type: "doughnut",
+        displayLegend: true,
+        showPercent: true,
+        displayScale: false,
+        totalFiltered: totalCount,
+        total: (_metricsData$ = metricsData[0]) === null || _metricsData$ === void 0 ? void 0 : _metricsData$.value
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DashboardMetric.DashboardMetric, {
+        label: "Productos solicitados",
+        description: "Filtra los productos solicitados por fecha y alcance para revisar rápidamente el flujo de trabajo.",
+        dataObject: requiredProducts,
+        type: "line",
+        indexAxis: "x",
+        displayScale: true,
+        retailerSelected: orderByRequired.retailerId,
+        queryObject: orderByRequired,
+        setQueryObject: function setQueryObject(evt) {
+          setOrderByRequired(evt);
+        },
+        borderColor: "#3B1366"
+      })]
+    })]
+  });
+};
+
+exports.Dashboard = Dashboard;

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

@@ -0,0 +1,18 @@
+"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  padding: 30px;\n\n  .filters {\n    display: flex;\n    & > * {\n      & + * {\n        margin-left: 10px;\n      }\n    }\n    & + * {\n      margin-top: 20px;\n    }\n  }\n\n  .metric-cards {\n    display: flex;\n\n    > * + * {\n      margin-left: 10px;\n    }\n\n    & + * {\n      margin-top: 10px;\n    }\n  }\n\n  .metrics-main-container {\n    display: flex;\n\n    > * + * {\n      margin-left: 10px;\n    }\n  }\n"])));
+
+exports.Container = Container;

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

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.EmailResetPasswordDefault = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _index = require("./index");
+
+var _loginImage = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/loginImage.svg"));
+
+var _login = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login2.svg"));
+
+var _login2 = _interopRequireDefault(require("../../../assets/images/carouselImagesLogin/login3.svg"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+var _default = {
+  title: "Components/pages/EmailResetPassword",
+  component: _index.EmailResetPassword
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.EmailResetPassword, (0, _objectSpread2.default)({}, args));
+};
+
+var EmailResetPasswordDefault = Template.bind({});
+exports.EmailResetPasswordDefault = EmailResetPasswordDefault;
+EmailResetPasswordDefault.args = {
+  imageArrayCarousel: [_loginImage.default, _login.default, _login2.default],
+  textCarousel: "Elige la plataforma que conecta proovedores y retailers"
+};