{extraPrefix}
\r\n )}\r\n {extraSuffix}
\r\n )}\r\n \r\n );\r\n } else {\r\n return (\r\n \r\n \r\n {isLanguageLoaded ? t(\"__home_subscribe_footer\") : \"\"}\r\n \r\n
\r\n \r\n {\r\n setSubscribeInfo(restrictToOnlyLettersForEmail(e));\r\n }}\r\n />\r\n
\r\n \r\n {\r\n // if (\r\n // subscribeInfo.length > 0 &&\r\n // regexIsEmailAddressValid(subscribeInfo)\r\n // ) {\r\n // dispatch(requestNewsletterEvaluation(subscribeInfo));\r\n // }\r\n dispatch(requestNewsletterEvaluation(subscribeInfo));\r\n }}\r\n >\r\n {subscribeInfo.length <= 0 ||\r\n !regexIsEmailAddressValid(subscribeInfo) ? (\r\n
\r\n\r\n {/* \r\n \r\n setSubscribeInfo(restrictToOnlyLettersForEmail(e))\r\n }\r\n />\r\n
\r\n \r\n {\r\n if (\r\n subscribeInfo.length > 0 &&\r\n regexIsEmailAddressValid(subscribeInfo)\r\n ) {\r\n dispatch(requestNewsletterEvaluation(subscribeInfo));\r\n }\r\n }}\r\n handleActionSecondary={() => {}}\r\n valueCount=\"\"\r\n iconClass=\"envelopeIcon\"\r\n textButton=\"\"\r\n leftAling={false}\r\n />\r\n
*/}\r\n \r\n \r\n {subscribeInfo.length === 0\r\n ? isLanguageLoaded\r\n ? t(\"__forms_empty_field_error_message\")\r\n : \"\"\r\n : !regexIsEmailAddressValid(subscribeInfo)\r\n ? isLanguageLoaded\r\n ? t(\"__message_email_invalid_label\")\r\n : \"\"\r\n : \"\"}\r\n \r\n
\r\n {!isWebpage && (\r\n \r\n \r\n {\" \"}\r\n {\" \"}\r\n \r\n \r\n {\" \"}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n \r\n )}\r\n \r\n \r\n
\r\n )\r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\" \"}\r\n {isLanguageLoaded ? (\r\n t(\"__customer_support_card_information_schedule1_label\")\r\n ) : (\r\n
\r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__customer_support_card_information_schedule2_label\")\r\n ) : (\r\n
\r\n \r\n
\r\n);\r\n\r\nexport default ScrollComponent;\r\n","import React from \"react\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\nimport { useTranslation } from \"react-i18next\";\r\n//MUI\r\nimport { IconButton, Skeleton } from \"@mui/material\";\r\nimport { Close } from \"@mui/icons-material\";\r\n//Components\r\nimport NewProductCard from \"../../base/components/NewProductCard\";\r\n//Assets\r\nimport { ReactComponent as HeartBlackOutlineIcon } from \"./../../../../assets/media/images/icons/heartBlackOutlineIcon.svg\";\r\n\r\nconst FloatingFavorites = ({\r\n open,\r\n setIsOpenFloatingFavorites,\r\n clientFavorites,\r\n isLanguageLoaded,\r\n enqueueSnackbar,\r\n}) => {\r\n //Translation\r\n const { t } = useTranslation();\r\n\r\n return (\r\n \r\n \r\n {clientFavorites.map((item, index) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default FloatingFavorites;\r\n","import {REQUEST_FOOTER_MODULE_INFO} from './../../Constants'\r\n\r\n\r\n\r\nexport const requestFooterModuleInfo = () => {\r\n return {\r\n type: REQUEST_FOOTER_MODULE_INFO,\r\n payload: {}\r\n }\r\n}","import {REQUEST_NAVBAR_MODULE_INFO} from './../../Constants'\r\n\r\n\r\n\r\nexport const requestNavbarModuleInfo = () => {\r\n return {\r\n type: REQUEST_NAVBAR_MODULE_INFO,\r\n payload: {}\r\n }\r\n}","import {\r\n REQUEST_INSTAGRAM_POSTS\r\n} from './../../Constants'\r\n\r\nexport const requestInstagramPosts = () => {\r\n return {\r\n type: REQUEST_INSTAGRAM_POSTS,\r\n payload: \"\"\r\n }\r\n}","import graphql from './graphqlXmlRequest';\r\n\r\nclass GraphqlHandler {\r\n\r\n static graphConfiguration = uri => {\r\n const headers = {'Content-Type': 'application/json'};\r\n // if (localStorage.getItem('ZUsa.User')) {\r\n // headers.Authorization = `${localStorage.getItem('ZUsa.User')}`;\r\n // }\r\n // headers.SessionAuth = JSON.parse(localStorage.getItem('ZUsa.UserInfo'))?.sessionId ? JSON.parse(localStorage.getItem('ZUsa.UserInfo')).sessionId : 0 ;\r\n return graphql(uri, {\r\n method: 'POST',\r\n headers,\r\n asJSON: true,\r\n });\r\n };\r\n\r\n static openRequestGraphQlQuery(\r\n uri,\r\n queryString,\r\n autodeclare = false,\r\n params = {}\r\n ) {\r\n if (autodeclare) {\r\n const autoDeclareInstruction = this.graphConfiguration(uri).query(queryString);\r\n return autoDeclareInstruction(params); //graphql().query(queryString)(params)\r\n } else \r\n return this.graphConfiguration(uri).query(queryString)(); //graphql().query(queryString)()\r\n };\r\n\r\n static openRequestGraphQlMutation(\r\n uri,\r\n mutationString,\r\n autodeclare = false,\r\n params = {}\r\n ) {\r\n if (autodeclare) {\r\n const autoDeclareInstruction = this.graphConfiguration(uri).mutate(mutationString);//graphql().mutate(mutationString)(params)\r\n return autoDeclareInstruction(params);\r\n } else \r\n return this.graphConfiguration(uri).mutate(mutationString)();//graphql().mutate(mutationString)()\r\n };\r\n\r\n}\r\n\r\nexport default GraphqlHandler;","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgUserLoginIconAlt(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 47.215,\n height: 46.641,\n viewBox: \"0 0 47.215 46.641\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Grupo_1263\",\n \"data-name\": \"Grupo 1263\",\n transform: \"translate(-6970.798 13661.15)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n id: \"Rect\\\\xE1ngulo_1914\",\n \"data-name\": \"Rect\\\\xE1ngulo 1914\",\n width: 47.215,\n height: 46.641,\n rx: 23.321,\n transform: \"translate(6970.798 -13661.15)\",\n fill: \"#ff0043\"\n }), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_19\",\n \"data-name\": \"Layer 19\",\n transform: \"translate(6982.479 -13652.74)\"\n }, /*#__PURE__*/React.createElement(\"circle\", {\n r: 6,\n cx: 12,\n cy: 8,\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Trazado_3370\",\n \"data-name\": \"Trazado 3370\",\n d: \"M15.952,16.9A7.952,7.952,0,1,1,23.9,8.952,7.952,7.952,0,0,1,15.952,16.9Zm0-13.916a5.964,5.964,0,1,0,5.964,5.964A5.964,5.964,0,0,0,15.952,2.988Z\",\n transform: \"translate(-4.024 -1)\",\n fill: \"#fff\",\n stroke: \"#fff\",\n strokeWidth: 1\n }), /*#__PURE__*/React.createElement(\"circle\", {\n r: 8,\n cx: 12,\n cy: 22,\n fill: \"#fff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Trazado_3371\",\n \"data-name\": \"Trazado 3371\",\n d: \"M22.885,30.921H8.97A4.97,4.97,0,0,1,4,25.951V21.976a.994.994,0,0,1,.487-.855l4.97-2.982a.994.994,0,0,1,.994,1.71L5.988,22.542v3.409A2.982,2.982,0,0,0,8.97,28.933H22.885a2.982,2.982,0,0,0,2.982-2.982V22.542l-4.483-2.694a.994.994,0,1,1,.994-1.71l4.97,2.982a.994.994,0,0,1,.507.855v3.976A4.97,4.97,0,0,1,22.885,30.921Z\",\n transform: \"translate(-4 -1.102)\",\n fill: \"#fff\",\n stroke: \"#fff\",\n strokeWidth: 1\n }), /*#__PURE__*/React.createElement(\"rect\", {\n width: 24,\n height: 12,\n x: 0,\n y: 18,\n rx: 10,\n ry: 10,\n fill: \"#fff\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgUserLoginIconAlt);\nexport default __webpack_public_path__ + \"static/media/userLoginIconAlt.8c9790e8.svg\";\nexport { ForwardRef as ReactComponent };","export default __webpack_public_path__ + \"static/media/webpageAvatar.d5eacc2c.png\";","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgFacebookIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 15.418,\n height: 29.725,\n viewBox: \"0 0 15.418 29.725\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Grupo_70\",\n \"data-name\": \"Grupo 70\",\n transform: \"translate(0 0)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Trazado_3240\",\n \"data-name\": \"Trazado 3240\",\n d: \"M14.257,23.922a2.362,2.362,0,0,1,1.826-.638,10.649,10.649,0,0,1,2.763.377l.792-4.241a14.882,14.882,0,0,0-5.014-.734,8.37,8.37,0,0,0-4.183.889A4.723,4.723,0,0,0,8.2,21.893a10.78,10.78,0,0,0-.628,4.27v1.671H4.22v4.859H7.572V47.948a20.342,20.342,0,0,0,4.386.464,9.348,9.348,0,0,0,1.72-.106V32.694h4.444V27.835H13.678V26.27A3.28,3.28,0,0,1,14.257,23.922Z\",\n transform: \"translate(-4.22 -18.686)\",\n fill: \"#b9b6b7\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFacebookIcon);\nexport default __webpack_public_path__ + \"static/media/facebookIcon.a3abc73c.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgInstagramIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 28.152,\n height: 28.152,\n viewBox: \"0 0 28.152 28.152\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Grupo_257\",\n \"data-name\": \"Grupo 257\",\n transform: \"translate(0 0)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Trazado_3337\",\n \"data-name\": \"Trazado 3337\",\n d: \"M19.766,0H8.387A8.4,8.4,0,0,0,0,8.387V19.766a8.4,8.4,0,0,0,8.387,8.387H19.766a8.4,8.4,0,0,0,8.387-8.387V8.387A8.4,8.4,0,0,0,19.766,0ZM25.32,19.766a5.555,5.555,0,0,1-5.555,5.555H8.387a5.555,5.555,0,0,1-5.555-5.555V8.387A5.555,5.555,0,0,1,8.387,2.832H19.766A5.555,5.555,0,0,1,25.32,8.387V19.766Z\",\n transform: \"translate(0 0)\",\n fill: \"#b9b6b7\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Trazado_3338\",\n \"data-name\": \"Trazado 3338\",\n d: \"M140.281,133a7.281,7.281,0,1,0,7.281,7.281A7.29,7.29,0,0,0,140.281,133Zm0,11.73a4.449,4.449,0,1,1,4.449-4.449A4.449,4.449,0,0,1,140.281,144.73Z\",\n transform: \"translate(-126.205 -126.205)\",\n fill: \"#b9b6b7\"\n }), /*#__PURE__*/React.createElement(\"ellipse\", {\n id: \"Elipse_89\",\n \"data-name\": \"Elipse 89\",\n cx: 1.745,\n cy: 1.745,\n rx: 1.745,\n ry: 1.745,\n transform: \"translate(19.627 5.105)\",\n fill: \"#b9b6b7\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgInstagramIcon);\nexport default __webpack_public_path__ + \"static/media/instagramIcon.86c40ec5.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgYoutubeIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 34.338,\n height: 24.193,\n viewBox: \"0 0 34.338 24.193\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Trazado_3336\",\n \"data-name\": \"Trazado 3336\",\n d: \"M41.621,37.778a4.314,4.314,0,0,0-3.036-3.056C35.907,34,25.169,34,25.169,34s-10.738,0-13.416.722a4.314,4.314,0,0,0-3.036,3.056A45.257,45.257,0,0,0,8,46.1a45.257,45.257,0,0,0,.718,8.319,4.314,4.314,0,0,0,3.036,3.056c2.678.722,13.416.722,13.416.722s10.738,0,13.416-.722a4.314,4.314,0,0,0,3.036-3.056,45.257,45.257,0,0,0,.718-8.319A45.257,45.257,0,0,0,41.621,37.778ZM21.657,51.2V40.991L30.632,46.1Z\",\n transform: \"translate(-8 -34)\",\n fill: \"#b9b6b7\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgYoutubeIcon);\nexport default __webpack_public_path__ + \"static/media/youtubeIcon.3c9e9e52.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgPinterestIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 25.873,\n height: 30.658,\n viewBox: \"0 0 25.873 30.658\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Sustracci\\\\xF3n_1\",\n \"data-name\": \"Sustracci\\\\xF3n 1\",\n d: \"M7.485,29.569h0a17.627,17.627,0,0,1-2.426-.924,15.292,15.292,0,0,1,.336-3.732c.353-1.488,2.355-9.972,2.375-10.056a7.217,7.217,0,0,1-.59-2.919A5.684,5.684,0,0,1,8.219,8.523a3.157,3.157,0,0,1,2.52-1.363,2.326,2.326,0,0,1,1.874.819,3.035,3.035,0,0,1,.615,1.951,15.434,15.434,0,0,1-.9,3.981c-.261.847-.531,1.721-.732,2.569a2.811,2.811,0,0,0,.5,2.442,3.034,3.034,0,0,0,2.411,1.113c1.655,0,3.16-1.034,4.237-2.911a14.123,14.123,0,0,0,1.615-6.9,6.842,6.842,0,0,0-1.981-5.053,7.971,7.971,0,0,0-5.7-2.02A8.983,8.983,0,0,0,6.042,5.82,8.811,8.811,0,0,0,3.6,11.987a5.368,5.368,0,0,0,1.216,3.621.892.892,0,0,1,.265,1.028c-.042.164-.112.439-.182.717-.075.3-.151.6-.194.765a.626.626,0,0,1-.61.528.833.833,0,0,1-.315-.066A5.5,5.5,0,0,1,.923,15.849,9.66,9.66,0,0,1,0,11.529,11.156,11.156,0,0,1,3.307,3.8,13.4,13.4,0,0,1,13.19,0a12.127,12.127,0,0,1,8.484,3.233,10.262,10.262,0,0,1,3.2,7.339,14.789,14.789,0,0,1-2.754,9.039,9.39,9.39,0,0,1-3.145,2.651,8.818,8.818,0,0,1-4.059.958,5.261,5.261,0,0,1-4.508-2.3c0,.01-.067.27-.166.662-.313,1.233-.963,3.8-1.133,4.411a14.525,14.525,0,0,1-1.623,3.575Z\",\n transform: \"translate(0.5 0.5)\",\n fill: \"#b9b6b7\",\n stroke: \"rgba(0,0,0,0)\",\n strokeMiterlimit: 10,\n strokeWidth: 1\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgPinterestIcon);\nexport default __webpack_public_path__ + \"static/media/pinterestIcon.a4ccde04.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgWhatsappIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 28.038,\n height: 28.037,\n viewBox: \"0 0 28.038 28.037\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Grupo_258\",\n \"data-name\": \"Grupo 258\",\n transform: \"translate(0 0)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Trazado_3339\",\n \"data-name\": \"Trazado 3339\",\n d: \"M94.273,88.508c-.055-.026-2.1-1.033-2.462-1.163a1.414,1.414,0,0,0-.476-.105.81.81,0,0,0-.688.408c-.2.3-.822,1.026-1.013,1.242-.025.028-.059.063-.079.063s-.335-.13-.43-.172a10.756,10.756,0,0,1-4.085-3.629A.226.226,0,0,1,85,85.07a.659.659,0,0,1,.12-.141c.111-.11.232-.255.349-.4.055-.067.111-.133.165-.2a2.2,2.2,0,0,0,.332-.527l.046-.092a.953.953,0,0,0-.028-.9c-.048-.1-.911-2.18-1-2.4-.221-.528-.512-.774-.917-.774-.038,0,0,0-.158.007a4.9,4.9,0,0,0-1.7.437,3.558,3.558,0,0,0-1.319,3.027A6.524,6.524,0,0,0,82.3,86.71c.011.014.03.043.058.084a13.315,13.315,0,0,0,5.711,4.958,9.288,9.288,0,0,0,3.45.882h0a5.391,5.391,0,0,0,.561-.033l.1-.01A3.626,3.626,0,0,0,94.713,90.8a2.828,2.828,0,0,0,.161-1.862A1.29,1.29,0,0,0,94.273,88.508Z\",\n transform: \"translate(-73.527 -72.398)\",\n fill: \"#b9b6b7\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Trazado_3340\",\n \"data-name\": \"Trazado 3340\",\n d: \"M14.268,0A13.735,13.735,0,0,0,.5,13.667a13.567,13.567,0,0,0,1.888,6.912L.02,27.556a.364.364,0,0,0,.455.464L7.75,25.708A13.793,13.793,0,0,0,28.037,13.667,13.734,13.734,0,0,0,14.268,0Zm0,24.486a10.91,10.91,0,0,1-6-1.789.364.364,0,0,0-.31-.043L4.311,23.813l1.176-3.471a.364.364,0,0,0-.051-.332A10.672,10.672,0,0,1,3.36,13.667,10.907,10.907,0,1,1,14.268,24.486Z\",\n transform: \"translate(0 0)\",\n fill: \"#b9b6b7\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgWhatsappIcon);\nexport default __webpack_public_path__ + \"static/media/whatsappIcon.c958ad26.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgBagActiveIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 39.53,\n height: 42.635,\n viewBox: \"0 0 39.53 42.635\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Grupo_1100\",\n \"data-name\": \"Grupo 1100\",\n transform: \"translate(-5933.897 264.05)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"finished\",\n transform: \"translate(5934 -263.95)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"finished-2\",\n \"data-name\": \"finished\",\n d: \"M32.407,34.994,30.581,11.115a2.922,2.922,0,0,0-2.855-2.744H24.119V8.2A8.067,8.067,0,0,0,16.213,0,8.067,8.067,0,0,0,8.308,8.2v.168H4.7a2.921,2.921,0,0,0-2.854,2.74L.019,35a7.091,7.091,0,0,0,1.754,5.224,6.57,6.57,0,0,0,4.885,2.214H25.768a6.57,6.57,0,0,0,4.886-2.214A7.093,7.093,0,0,0,32.407,34.994ZM10.7,8.2a5.623,5.623,0,0,1,5.51-5.717A5.623,5.623,0,0,1,21.723,8.2v.168H10.7ZM28.9,38.532a4.151,4.151,0,0,1-3.128,1.418H6.659a4.151,4.151,0,0,1-3.128-1.418A4.477,4.477,0,0,1,2.408,35.19L4.234,11.3a.477.477,0,0,1,.466-.448H8.308v3.061a1.2,1.2,0,1,0,2.4,0V10.857h11.02v3.061a1.2,1.2,0,1,0,2.4,0V10.857h3.607a.478.478,0,0,1,.466.451l1.826,23.879A4.48,4.48,0,0,1,28.9,38.532Z\",\n transform: \"translate(0)\",\n fill: \"#080808\",\n stroke: \"#567282\",\n strokeWidth: 0.2\n })), /*#__PURE__*/React.createElement(\"circle\", {\n id: \"Elipse_3806\",\n \"data-name\": \"Elipse 3806\",\n cx: 6.5,\n cy: 6.5,\n r: 6.5,\n transform: \"translate(5960.427 -264)\",\n fill: \"#ff0043\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgBagActiveIcon);\nexport default __webpack_public_path__ + \"static/media/bagActiveIcon.8902c23a.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgSearchIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 29.364,\n height: 32.929,\n viewBox: \"0 0 29.364 32.929\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Grupo_1101\",\n \"data-name\": \"Grupo 1101\",\n transform: \"translate(29.364) rotate(90)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Elipse_16\",\n \"data-name\": \"Elipse 16\",\n fill: \"none\",\n stroke: \"#0a0a0a\",\n strokeWidth: 3\n }, /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 12.645,\n cy: 12.645,\n rx: 12.645,\n ry: 12.645,\n stroke: \"none\"\n }), /*#__PURE__*/React.createElement(\"ellipse\", {\n cx: 12.645,\n cy: 12.645,\n rx: 11.145,\n ry: 11.145,\n fill: \"none\"\n })), /*#__PURE__*/React.createElement(\"line\", {\n id: \"L\\\\xEDnea_9\",\n \"data-name\": \"L\\\\xEDnea 9\",\n x2: 9.056,\n y2: 7.659,\n transform: \"translate(21.759 19.591)\",\n fill: \"none\",\n stroke: \"#0a0a0a\",\n strokeLinecap: \"round\",\n strokeWidth: 3\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgSearchIcon);\nexport default __webpack_public_path__ + \"static/media/searchIcon.f6694bea.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgHamburguerMenuIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 25.048,\n height: 17.404,\n viewBox: \"0 0 25.048 17.404\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Component_40_542\",\n \"data-name\": \"Component 40 \\\\u2013 542\",\n transform: \"translate(0.75 0.75)\"\n }, /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_10\",\n \"data-name\": \"Line 10\",\n x2: 23.548,\n fill: \"none\",\n stroke: \"#080808\",\n strokeLinecap: \"round\",\n strokeWidth: 1.5\n }), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_11\",\n \"data-name\": \"Line 11\",\n x2: 23.548,\n transform: \"translate(0 7.952)\",\n fill: \"none\",\n stroke: \"#080808\",\n strokeLinecap: \"round\",\n strokeWidth: 1.5\n }), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_12\",\n \"data-name\": \"Line 12\",\n x2: 23.548,\n transform: \"translate(0 15.904)\",\n fill: \"none\",\n stroke: \"#080808\",\n strokeLinecap: \"round\",\n strokeWidth: 1.5\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgHamburguerMenuIcon);\nexport default __webpack_public_path__ + \"static/media/hamburguerMenuIcon.bc2ebc11.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useEffect } from \"react\";\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport { Navigation } from \"swiper\";\r\nimport { isDesktop, isMobile, isTablet } from \"react-device-detect\";\r\nimport { useSnackbar } from \"notistack\";\r\n//MUI\r\nimport {\r\n IconButton,\r\n ListItem,\r\n Button,\r\n ClickAwayListener,\r\n InputAdornment,\r\n Skeleton,\r\n} from \"@mui/material\";\r\nimport {\r\n ArrowDropDown,\r\n Clear,\r\n Close,\r\n CloseTwoTone,\r\n Done,\r\n PhonelinkRingOutlined,\r\n} from \"@mui/icons-material\";\r\n//Utils\r\nimport {\r\n restrictToOnlyNumbers,\r\n truncateText,\r\n restrictToOnlyLetters,\r\n convertNameToInitials,\r\n} from \"../../../../Libraries/Utils/utils\";\r\n//Actions\r\nimport {\r\n requestClientLogOut,\r\n requestRegisterWebPageContact,\r\n cleanReducerWebPageContactReducer,\r\n} from \"./../../../ReduxSaga/Actions/Client\";\r\nimport { requestLoggUserActivity } from \"./../../../ReduxSaga/Actions/General\";\r\nimport {\r\n requestTwilioCellPhoneValidation,\r\n cleanTwilioCellValidationReducer,\r\n requestTwilioCellPhoneCodeValidation,\r\n cleanTwilioCellCodeValidationReducer,\r\n} from \"./../../../ReduxSaga/Actions/Twilio\";\r\n//Assets\r\nimport AvatarPlaceholder from \"./../../../../assets/media/images/avatarPlaceholder.jpg\";\r\nimport WebpageAvatar from \"./../../../../assets/media/images/webpageAvatar.png\";\r\nimport { ReactComponent as ZermatLogoBlack } from \"./../../../../assets/media/images/zermatLogoBlack.svg\";\r\nimport { ReactComponent as LoginUserIcon } from \"./../../../../assets/media/images/icons/userLoginIconAlt.svg\";\r\n//Assets Social Media\r\nimport { ReactComponent as Facebook } from \"./../../../../assets/media/images/icons/facebookIcon.svg\";\r\nimport { ReactComponent as Instagram } from \"./../../../../assets/media/images/icons/instagramIcon.svg\";\r\nimport { ReactComponent as Youtube } from \"./../../../../assets/media/images/icons/youtubeIcon.svg\";\r\nimport { ReactComponent as Pinterest } from \"./../../../../assets/media/images/icons/pinterestIcon.svg\";\r\nimport { ReactComponent as Whatsapp } from \"./../../../../assets/media/images/icons/whatsappIcon.svg\";\r\nimport { ReactComponent as BagIcon } from \"./../../../../assets/media/images/icons/bagIcon.svg\";\r\nimport { ReactComponent as BagActiveIcon } from \"./../../../../assets/media/images/icons/bagActiveIcon.svg\";\r\nimport { ReactComponent as HeartBlackOutlineIcon } from \"./../../../../assets/media/images/icons/heartBlackOutlineIcon.svg\";\r\nimport { ReactComponent as SearchIcon } from \"./../../../../assets/media/images/icons/searchIcon.svg\";\r\nimport { ReactComponent as SearchWhiteIcon } from \"./../../../../assets/media/images/icons/searchIconAlt.svg\";\r\nimport { ReactComponent as PrevArrowLanguageSwitcher } from \"./../../../../assets/media/images/icons/prevArrowLanguageSwitcher.svg\";\r\nimport { ReactComponent as NextArrowLanguageSwitcher } from \"./../../../../assets/media/images/icons/nextArrowLanguageSwitcher.svg\";\r\nimport { ReactComponent as GoBackArrow } from \"./../../../../assets/media/images/icons/goBackArrow.svg\";\r\nimport { ReactComponent as HamburguerMenuIcon } from \"./../../../../assets/media/images/icons/hamburguerMenuIcon.svg\";\r\nimport { ReactComponent as EnvelopeIcon } from \"./../../../../assets/media/images/icons/envelopeIcon.svg\";\r\nimport { ReactComponent as EnvelopeGrayIcon } from \"./../../../../assets/media/images/icons/envelopeGrayIcon.svg\";\r\nimport { resolve } from \"@sentry/utils\";\r\nimport { width } from \"@mui/system\";\r\n\r\n//Constants and variables for timers\r\nconst minutesToWait = 1;\r\nconst secondsToWait = minutesToWait * 60;\r\n//Timer for cellPhone\r\nlet intervalCellphone;\r\nlet cellphoneTimerSecondsCount = secondsToWait;\r\n\r\nconst Navbar = ({\r\n menuApp,\r\n infoCartOrder,\r\n handleGAEvent,\r\n setIsOpenFloatingCheckout,\r\n setIsOpenFloatingFavorites,\r\n isWebpage,\r\n handleResetInfoClient,\r\n setFloatingCheckoutIconIsClicked,\r\n isOpenEntrepreneurContactForm,\r\n setIsOpenEntrepreneurContactForm,\r\n isActiveSearch,\r\n setIsActiveSearch,\r\n isLanguageLoaded,\r\n isProfileImageLoaded,\r\n imageProfileUrl,\r\n}) => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n //React Router\r\n const history = useHistory();\r\n const location = useLocation();\r\n //Translation\r\n const { t, i18n } = useTranslation();\r\n\r\n //Redux\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.products = useSelector((state) => state.products);\r\n appReducers.cart = useSelector((state) => state.cart);\r\n appReducers.home = useSelector((state) => state.home);\r\n appReducers.client = useSelector((state) => state.client);\r\n appReducers.twilio = useSelector((state) => state.twilio);\r\n appReducers.general = useSelector((state) => state.general);\r\n\r\n //State\r\n const [searchValue, setSearchValue] = useState(\"\");\r\n // const [isActiveSearch, setIsActiveSearch] = useState(false);\r\n const [isSearchbarExpanded, setIsSearchbarExpanded] = useState(false);\r\n const [isOpenMobileMenu, setIsOpenMobileMenu] = useState(false);\r\n const [categories, setCategories] = useState([]);\r\n const [isUserLogin, setIsUserLogin] = useState(false);\r\n const [productsInCart, setProductsInCart] = useState(0);\r\n const [userLogedInfo, setUserLogedInfo] = useState({});\r\n const [userId, setUserId] = useState(0);\r\n // const [isOpenEntrepreneurContactForm, setIsOpenEntrepreneurContactForm] =\r\n // useState(false);\r\n\r\n //const [isWebpage, setIsWebpage] = useState(true);\r\n\r\n const [webpageInfo, setWebpageInfo] = useState({});\r\n const [isOpenProfileMenu, setIsOpenProfileMenu] = useState(false);\r\n const [products, setProducts] = useState([]);\r\n const [promotions, setPromotions] = useState([]);\r\n const [filterProducts, setFilterProducts] = useState([]);\r\n const [name, setName] = useState(\"\");\r\n const [cellPhone, setCellPhone] = useState(\"\");\r\n const [isValidCellPhone, setIsValidCellPhone] = useState(undefined);\r\n const [cellPhoneCode, setCellPhoneCode] = useState(\"\");\r\n const [isValidCellPhoneCode, setIsValidCellPhoneCode] = useState(undefined);\r\n const [comment, setComment] = useState(\"\");\r\n const [isContactRegistered, setIsContactRegistered] = useState(false);\r\n const [menuAdministration, setMenuAdministration] = useState([]);\r\n const [cellphoneTimerSeconds, setCellphoneTimerSeconds] = useState(\r\n cellphoneTimerSecondsCount\r\n );\r\n const [showProfileImage, setShowProfileImage] = useState(false);\r\n\r\n const [paddingLeftForSectionsSwiper, setPaddingLeftForSectionsSwiper] =\r\n useState(0);\r\n const [paddingLeftForCategoriesSwiper, setPaddingLeftForCategoriesSwiper] =\r\n useState(0);\r\n\r\n // useEffect(() => {\r\n // console.log(\"products\", products);\r\n // }, [products]);\r\n\r\n useEffect(() => {\r\n //console.log(\"CAMBIO EL IDIOMA\", i18n.resolvedLanguage);\r\n handleCalculateSectionsSizes();\r\n }, [i18n.resolvedLanguage]);\r\n\r\n useEffect(() => {\r\n if (menuApp?.length > 0 && isDesktop) {\r\n //console.log(\"menuApp changes\")\r\n handleCalculateSectionsSizes();\r\n }\r\n }, [menuApp]);\r\n\r\n useEffect(() => {\r\n if (categories?.length > 0 && isDesktop) {\r\n //console.log(\"categories changes\")\r\n handleCalculateSectionsSizes();\r\n }\r\n }, [categories]);\r\n\r\n //Effects\r\n useEffect(() => {\r\n // console.log(\"isMobile\", isMobile);\r\n // console.log(\"isTablet\", isTablet);\r\n }, []);\r\n useEffect(() => {\r\n if (!appReducers?.products?.errorLoadAllCategories) {\r\n if (i18n.language === \"en\")\r\n setCategories(appReducers.products.categoriesEn);\r\n if (i18n.language === \"es\")\r\n setCategories(appReducers.products.categoriesEs);\r\n } else {\r\n //manejar pantalla de error\r\n }\r\n }, [\r\n appReducers?.products?.errorLoadAllCategories,\r\n i18n.language,\r\n appReducers.products.categoriesEs,\r\n appReducers.products.categoriesEn,\r\n ]);\r\n useEffect(() => {\r\n if (appReducers?.products?.errorLoadAllProducts !== undefined) {\r\n if (!appReducers.products.errorLoadAllProducts) {\r\n //debugger;\r\n if (i18n.language === \"en\") {\r\n setProducts(appReducers.products.productsEn);\r\n setPromotions(appReducers.products.promotionsEn);\r\n }\r\n\r\n if (i18n.language === \"es\") {\r\n setProducts(appReducers.products.productsEs);\r\n setPromotions(appReducers.products.promotionsEs);\r\n }\r\n }\r\n } else {\r\n //manejar pantalla de error\r\n }\r\n }, [\r\n appReducers?.products.errorLoadAllProducts,\r\n i18n.language,\r\n appReducers.products.productsEs,\r\n appReducers.products.productsEn,\r\n appReducers.products.promotionsEs,\r\n appReducers.products.promotionsEn,\r\n ]);\r\n useEffect(() => {\r\n if (\r\n appReducers?.general?.firstChargeModel &&\r\n appReducers?.general?.firstChargeModel?.hasOwnProperty(\"idLang\")\r\n ) {\r\n setIsUserLogin(!appReducers?.general?.firstChargeModel.isGuestUser);\r\n setUserId(appReducers?.general?.firstChargeModel.idUser);\r\n setUserLogedInfo(appReducers?.general?.firstChargeModel);\r\n if (!appReducers?.general?.firstChargeModel.isGuestUser) {\r\n // downloadProfileImageValidation(\r\n // appReducers?.general?.firstChargeModel.idUser\r\n // ).then(\r\n // (r) => {\r\n // setShowProfileImage(true);\r\n // },\r\n // (rj) => {\r\n // setShowProfileImage(false);\r\n // }\r\n // );\r\n }\r\n }\r\n }, [\r\n appReducers?.general.errorLoadFirstCharge,\r\n appReducers?.general.firstChargeModel,\r\n ]);\r\n useEffect(() => {\r\n if (infoCartOrder.hasOwnProperty(\"code\") && infoCartOrder.code === 100) {\r\n const order = infoCartOrder;\r\n setProductsInCart(order.lines.length);\r\n }\r\n }, [infoCartOrder]);\r\n useEffect(() => {\r\n if (appReducers?.home?.entrepenourPageInfo) {\r\n //setIsWebpage(true)\r\n setWebpageInfo(appReducers.home.entrepenourPageInfo);\r\n } else {\r\n //setIsWebpage(false)\r\n setWebpageInfo({});\r\n }\r\n }, [appReducers?.home.entrepenourPageInfo]);\r\n useEffect(() => {\r\n if (typeof appReducers?.twilio?.errorTwilioCellValidation !== \"undefined\") {\r\n if (appReducers?.twilio?.errorTwilioCellValidation) {\r\n setIsValidCellPhone(false);\r\n } else {\r\n setIsValidCellPhone(true);\r\n }\r\n if (isOpenEntrepreneurContactForm)\r\n dispatch(cleanTwilioCellValidationReducer());\r\n }\r\n }, [appReducers?.twilio.errorTwilioCellValidation]);\r\n useEffect(() => {\r\n //console.log(\"Validación de código TWILIO\", appReducers?.twilio);\r\n if (\r\n typeof appReducers?.twilio?.errorTwilioCellCodeValidation !== \"undefined\"\r\n ) {\r\n if (!appReducers?.twilio?.errorTwilioCellCodeValidation) {\r\n setIsValidCellPhoneCode(true);\r\n } else {\r\n setIsValidCellPhoneCode(false);\r\n }\r\n if (isOpenEntrepreneurContactForm)\r\n dispatch(cleanTwilioCellCodeValidationReducer());\r\n }\r\n }, [appReducers?.twilio?.errorTwilioCellCodeValidation]);\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.client?.errorWebPageContactRegister !== \"undefined\"\r\n ) {\r\n if (appReducers?.client?.errorWebPageContactRegister) {\r\n setIsContactRegistered(false);\r\n //validar el mesnaje de error\r\n setIsOpenEntrepreneurContactForm(false);\r\n enqueueSnackbar(t(\"__message_navbar_error_try_again_later_label\"), {\r\n variant: \"error\",\r\n });\r\n } else {\r\n setIsContactRegistered(true);\r\n setIsOpenEntrepreneurContactForm(false);\r\n enqueueSnackbar(t(\"__message_navbar_send_message_sponsor_label\"), {\r\n variant: \"success\",\r\n });\r\n }\r\n handleCleanState();\r\n dispatch(cleanReducerWebPageContactReducer());\r\n }\r\n }, [appReducers?.client?.errorWebPageContactRegister]);\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.client?.errorGetClientAdministrationMenu !==\r\n \"undefined\"\r\n ) {\r\n ///////////////////////////////////////////////////////////////////////////\r\n\r\n if (appReducers?.client?.errorGetClientAdministrationMenu) {\r\n //error\r\n //console.log(\"Error al cargar el menu de navegacion\");\r\n } else {\r\n //TEMPORAL: COUPONS - DELETE THIS IN PRODUCTION\r\n const fakeArray = [\r\n {\r\n anchorResources: \"/profile/my-coupons\",\r\n descriptionModConten: \"Ver mis cupones\",\r\n idLang: 1,\r\n idMod: 4,\r\n idModContent: 27,\r\n idModContentRes: 51,\r\n idModContentResType: 2,\r\n idModContentType: 6,\r\n nameModConten: \"Mis cupones\",\r\n orderRender: 2.5,\r\n image: \"profile__container__content__icons__person\",\r\n },\r\n {\r\n anchorResources: \"/profile/my-coupons\",\r\n descriptionModConten: \"View my coupons\",\r\n idLang: 2,\r\n idMod: 4,\r\n idModContent: 27,\r\n idModContentRes: 51,\r\n idModContentResType: 2.5,\r\n idModContentType: 6,\r\n nameModConten: \"My coupons\",\r\n orderRender: 2,\r\n image: \"profile__container__content__icons__person\",\r\n },\r\n ];\r\n let menu = appReducers.client.clientAdministrationMenu;\r\n menu = menu.concat(fakeArray);\r\n console.log(\"menu\", menu);\r\n //////////////////////////////////////////////////////////////////////////////\r\n\r\n //console.log(\"test\", appReducers.client.clientAdministrationMenu);\r\n if (i18n.language === \"en\")\r\n setMenuAdministration(\r\n // appReducers.client.clientAdministrationMenu.filter(\r\n // (item) => item.idLang === 2\r\n // )\r\n menu.filter((item) => item.idLang === 2)\r\n );\r\n if (i18n.language === \"es\")\r\n setMenuAdministration(\r\n // appReducers.client.clientAdministrationMenu.filter(\r\n // (item) => item.idLang === 1\r\n // )\r\n menu.filter((item) => item.idLang === 1)\r\n );\r\n }\r\n }\r\n }, [i18n.language, appReducers?.client?.errorGetClientAdministrationMenu]);\r\n\r\n useEffect(() => {\r\n if (cellphoneTimerSeconds === 0) {\r\n handleSwitchToTimerOrResend(\"resend\");\r\n }\r\n }, [cellphoneTimerSeconds]);\r\n useEffect(() => {\r\n if (cellPhone.length < 10) {\r\n setIsValidCellPhone(undefined);\r\n setIsValidCellPhoneCode(undefined);\r\n setCellPhoneCode(\"\");\r\n }\r\n }, [cellPhone]);\r\n\r\n useEffect(() => {\r\n if (!isSearchbarExpanded) {\r\n const searchbarInput = document.getElementById(\"searchbarInput\");\r\n if (searchbarInput) {\r\n searchbarInput.blur();\r\n }\r\n }\r\n }, [isSearchbarExpanded]);\r\n\r\n useEffect(() => {\r\n handleSearch(searchValue);\r\n }, [searchValue]);\r\n\r\n //Log Effects\r\n // useEffect(() => {\r\n // console.log(\"menuApp\", menuApp);\r\n // }, [menuApp]);\r\n // useEffect(() => {\r\n // console.log(\"categories\", categories);\r\n // }, [categories]);\r\n\r\n //Handlers\r\n // const downloadProfileImageValidation = (uId) => {\r\n // const url =\r\n // process?.env?.REACT_APP_STAGE === \"dev\"\r\n // ? `http://10.10.1.16:8082/imageProfile/image_profile${uId}.jpg?V=${Math.floor(\r\n // Math.random() * 100\r\n // )}`\r\n // : `https://www.zermatusa.com/imageProfile/image_profile${uId}.jpg?V=${Math.floor(\r\n // Math.random() * 100\r\n // )}`;\r\n // return new Promise((resolve, reject) => {\r\n // var download = new Image();\r\n // download.src = url;\r\n // download.onload = () => {\r\n // resolve(download);\r\n // };\r\n // download.onerror = function (err, msg) {\r\n // reject(\"name\");\r\n // };\r\n // });\r\n // };\r\n const handleSearch = (value) => {\r\n if (value.length > 0 || searchValue.length > 0) {\r\n //Scroll to top the Result Wrapper\r\n const searchResultWrapper = document.querySelector(\r\n \".navbar__header__searchbar__inner__wrapper__search__results\"\r\n );\r\n if (searchResultWrapper) {\r\n searchResultWrapper.scrollTo({\r\n top: 0,\r\n left: 0,\r\n behavior: \"smooth\",\r\n });\r\n }\r\n\r\n let filteredProduct = products.filter((items) => {\r\n let result =\r\n items.itemCode.toLowerCase().includes(searchValue.toLowerCase()) ||\r\n items.nameArticle.toLowerCase().includes(searchValue.toLowerCase()) ||\r\n items.descArticle.toLowerCase().includes(searchValue.toLowerCase()) ||\r\n items.ingArticle.toLowerCase().includes(searchValue.toLowerCase()) ||\r\n items.modeArticle.toLowerCase().includes(searchValue.toLowerCase()) ||\r\n items.keyWords.toLowerCase().includes(searchValue.toLowerCase());\r\n return result;\r\n });\r\n\r\n let filteredPromo = promotions.filter((items) => {\r\n let result =\r\n items.itemCode.toLowerCase().includes(searchValue.toLowerCase()) ||\r\n items.nameArticle.toLowerCase().includes(searchValue.toLowerCase()) ||\r\n items.descArticle.toLowerCase().includes(searchValue.toLowerCase()) ||\r\n items.ingArticle.toLowerCase().includes(searchValue.toLowerCase()) ||\r\n items.modeArticle.toLowerCase().includes(searchValue.toLowerCase()) ||\r\n items.keyWords.toLowerCase().includes(searchValue.toLowerCase());\r\n return result;\r\n });\r\n\r\n var ids = new Set(filteredProduct.map((d) => d.itemCode));\r\n let filteredData = [\r\n ...filteredProduct,\r\n ...filteredPromo.filter((d) => !ids.has(d.itemCode)),\r\n ];\r\n\r\n if (filteredData.length > 0) {\r\n setFilterProducts(filteredData);\r\n setIsActiveSearch(true);\r\n setIsSearchbarExpanded(true);\r\n } else {\r\n setFilterProducts([]);\r\n setIsActiveSearch(false);\r\n }\r\n } else {\r\n //console.log(\"vacio\");\r\n setIsActiveSearch(false);\r\n // if (isMobile || isTablet) {\r\n // setIsSearchbarExpanded(false);\r\n // }\r\n }\r\n\r\n // //console.log(\"handleSearch\");\r\n // if (isMobile || isTablet) {\r\n // if (!isSearchbarExpanded) {\r\n // setIsSearchbarExpanded(true);\r\n // }\r\n // } else {\r\n // if (isSearchbarExpanded) {\r\n // setIsSearchbarExpanded(false);\r\n // }\r\n // }\r\n };\r\n const handleValidateCellPhoneContact = (cellPhone) => {\r\n dispatch(requestTwilioCellPhoneValidation(cellPhone, false));\r\n };\r\n const handleValidateCellPhoneCodeContact = (cellPhone, code) => {\r\n dispatch(requestTwilioCellPhoneCodeValidation(cellPhone, code));\r\n };\r\n const handleWebpageContactFormSubmit = () => {\r\n dispatch(requestRegisterWebPageContact(name, cellPhone, comment));\r\n };\r\n const handleCleanState = () => {\r\n setComment(\"\");\r\n setCellPhone(\"\");\r\n setName(\"\");\r\n };\r\n const renderTimerInClockTime = (seconds) => {\r\n let min = Math.floor(seconds / 60);\r\n let sec = Math.ceil((seconds % (60 * 60)) % 60);\r\n if (min.toString().length === 1) min = `0${min}`;\r\n if (sec.toString().length === 1) sec = `0${sec}`;\r\n return `${min}:${sec}`;\r\n };\r\n const clearCellphoneTimer = () => {\r\n clearInterval(intervalCellphone);\r\n cellphoneTimerSecondsCount = secondsToWait;\r\n setCellphoneTimerSeconds(cellphoneTimerSecondsCount);\r\n };\r\n const startCellphoneTimer = () => {\r\n cellphoneTimerSecondsCount -= 1;\r\n setCellphoneTimerSeconds(cellphoneTimerSecondsCount);\r\n if (cellphoneTimerSecondsCount === 0) {\r\n clearCellphoneTimer();\r\n }\r\n };\r\n const handleSwitchToTimerOrResend = (targetNameToShow) => {\r\n const timerWrapper = document.getElementById(\r\n \"webpageFormCellphoneTimerWrapper\"\r\n );\r\n const resendWrapper = document.getElementById(\r\n \"webpageFormCellphoneResendWrapper\"\r\n );\r\n setIsValidCellPhoneCode(undefined);\r\n if (timerWrapper && resendWrapper) {\r\n if (targetNameToShow === \"timer\") {\r\n timerWrapper.classList.add(\"active\");\r\n resendWrapper.classList.remove(\"active\");\r\n } else if (targetNameToShow === \"resend\") {\r\n timerWrapper.classList.remove(\"active\");\r\n resendWrapper.classList.add(\"active\");\r\n }\r\n }\r\n };\r\n const handleCalculateSectionsSizes = () => {\r\n //console.log(\"handleCalculateSectionsSizes\")\r\n //Calculation for \"sections\" Swiper\r\n const swiperNavbarSections = document.getElementById(\r\n \"swiperNavbarSections\"\r\n );\r\n const swiperWrapper = swiperNavbarSections.querySelector(\".swiper-wrapper\");\r\n //console.log(\"swiperWrapper\", swiperWrapper);\r\n const slides = swiperWrapper.querySelectorAll(\".swiper-slide\");\r\n //console.log(\"slides\", slides);\r\n\r\n let slidesWidthSum = 0;\r\n slides.forEach((slide) => {\r\n const slideWidth = slide.getBoundingClientRect().width + 30;\r\n //console.log(\"slideWidth\", slideWidth);\r\n slidesWidthSum += slideWidth;\r\n });\r\n slidesWidthSum -= 30;\r\n\r\n const sectionsWidth = swiperNavbarSections.getBoundingClientRect().width;\r\n // console.log(\"sectionsWidth\", sectionsWidth);\r\n // console.log(\"slidesWidthSum\", slidesWidthSum);\r\n\r\n const freeSpace = sectionsWidth - slidesWidthSum;\r\n // console.log(\"freeSpace\", freeSpace);\r\n const marginCalculation = freeSpace / 2 - 195.8 / 2;\r\n //console.log(\"marginCalculation\", marginCalculation);\r\n setPaddingLeftForSectionsSwiper(\r\n marginCalculation >= 0 ? marginCalculation : 0\r\n );\r\n\r\n //Calculation for \"categories\" Swiper\r\n const categoriesSwiper = document.getElementById(\"categoriesSwiper\");\r\n const swiperWrapperCategories =\r\n categoriesSwiper.querySelector(\".swiper-wrapper\");\r\n const slidesCategories =\r\n swiperWrapperCategories.querySelectorAll(\".swiper-slide\");\r\n\r\n let slidesCategoriesWidthSum = 0;\r\n slidesCategories.forEach((slide) => {\r\n const slideWidth = slide.getBoundingClientRect().width;\r\n //console.log(\"slide\", slide, slideWidth);\r\n slidesCategoriesWidthSum += slideWidth + 30;\r\n });\r\n slidesCategoriesWidthSum -= 30;\r\n\r\n const categoriesWidth = categoriesSwiper.getBoundingClientRect().width;\r\n // console.log(\"categoriesWidth\", categoriesWidth);\r\n // console.log(\"slidesCategoriesWidthSum\", slidesCategoriesWidthSum);\r\n const categoriesFreeSpace = categoriesWidth - slidesCategoriesWidthSum;\r\n // console.log(\"categoriesFreeSpace\", categoriesFreeSpace);\r\n const categoriesPaddingLeftCalculation = categoriesFreeSpace / 2;\r\n\r\n setPaddingLeftForCategoriesSwiper(\r\n categoriesPaddingLeftCalculation >= 0\r\n ? categoriesPaddingLeftCalculation\r\n : 0\r\n );\r\n };\r\n\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {\r\n setIsOpenFloatingFavorites(false);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n {/* END MOBILE MENU */}\r\n\r\n \r\n
\r\n \r\n {\r\n setIsOpenMobileMenu(false);\r\n }}\r\n >\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n window.open(\"https://www.facebook.com/zermatusa/\", \"_blank\");\r\n }}\r\n />\r\n {\r\n window.open(\r\n \"https://www.instagram.com/zermatus/?hl=en\",\r\n \"_blank\"\r\n );\r\n }}\r\n />\r\n {\r\n window.open(\r\n \"https://www.youtube.com/channel/UCNC80gWIoSGS8tO4oU_TkCg\",\r\n \"_blank\"\r\n );\r\n }}\r\n />\r\n {\r\n window.open(\r\n \"https://www.pinterest.com.mx/zermatusa/\",\r\n \"_blank\"\r\n );\r\n }}\r\n />\r\n {\r\n window.open(\r\n \"https://api.whatsapp.com/send?phone=13468439702&text=Hola%20me%20interesa%20uno%20de%20sus%20productos\",\r\n \"_blank\"\r\n );\r\n }}\r\n />\r\n
\r\n \r\n {menuApp.length > 0 && isLanguageLoaded\r\n ? menuApp\r\n .filter((m) => m.idParent === 0)\r\n .sort((a, b) => a.orderRender - b.orderRender)\r\n .map((item, index) => {\r\n return (\r\n {\r\n let target = \"\";\r\n if (item.idModule === 2 || item.idModule === 3) {\r\n target = localStorage.getItem(\"ZUsaUrlPage\")\r\n ? `${item.anchor}/${localStorage.getItem(\r\n \"ZUsaUrlPage\"\r\n )}`\r\n : item.anchor;\r\n } else {\r\n target = item.anchor;\r\n }\r\n\r\n if (target.length > 0) {\r\n setIsOpenMobileMenu(false);\r\n history.push(target);\r\n }\r\n }}\r\n >\r\n {t(item.reference)}\r\n \r\n );\r\n })\r\n : [0, 1, 2, 3, 4, 5, 6].map((item) => {\r\n return (\r\n
\r\n \r\n {!window.location.pathname.includes(\"/home\") &&\r\n !window.location.pathname.includes(\"/mypage\") ? (\r\n {\r\n dispatch(\r\n requestLoggUserActivity(\r\n 15,\r\n 0,\r\n 0,\r\n \"\",\r\n \"Click en Regresar (Navegacion)\"\r\n )\r\n );\r\n\r\n history.goBack();\r\n }}\r\n >\r\n
\r\n ) : (\r\n \r\n )}\r\n\r\n \r\n {\r\n //console.log(\"onSlideChange => index:\", swiper.realIndex);\r\n // if (swiper.realIndex === 0) {\r\n // if (i18n.language !== \"es\") {\r\n // //console.log(\"Cambiar idioma a español\");\r\n // i18n.changeLanguage(\"es\");\r\n // }\r\n // } else {\r\n // if (i18n.language !== \"en\") {\r\n // //console.log(\"Cambiar idioma a inglés\");\r\n // i18n.changeLanguage(\"en\");\r\n // }\r\n // }\r\n if (swiper.realIndex === 0) {\r\n i18n.changeLanguage(\"en\");\r\n } else if (swiper.realIndex === 1) {\r\n i18n.changeLanguage(\"es\");\r\n }\r\n }}\r\n modules={[Navigation]}\r\n >\r\n \r\n \r\n {!isLanguageLoaded ? (\r\n \r\n \r\n \r\n {\" \"}\r\n {!isLanguageLoaded ? (\r\n \r\n \r\n\r\n
\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {(isMobile || isTablet) && (\r\n {\r\n if (isActiveSearch) {\r\n setIsActiveSearch(false);\r\n }\r\n }}\r\n >\r\n
\r\n {/* END SEARCH RESULTS WRAPPER */}\r\n \r\n \r\n \r\n\r\n \r\n {\r\n setIsOpenMobileMenu(true);\r\n }}\r\n />\r\n
\r\n )}\r\n\r\n \r\n \r\n {\r\n if (e.key === \"Enter\") {\r\n if (isMobile || isTablet) {\r\n const searchbarInput =\r\n document.getElementById(\"searchbarInput\");\r\n if (searchbarInput) {\r\n searchbarInput.blur();\r\n }\r\n }\r\n }\r\n }}\r\n onChange={(e) => {\r\n setSearchValue(e.target.value);\r\n //handleSearch(e.target.value);\r\n }}\r\n onFocus={() => {\r\n if (filterProducts.length > 0 && !isActiveSearch) {\r\n setIsActiveSearch(true);\r\n }\r\n }}\r\n />\r\n 0 && isActiveSearch ? \"active\" : \"\"\r\n }`}\r\n >\r\n 0 && isActiveSearch ? \"active\" : \"\"\r\n // }`}\r\n className=\"list\"\r\n >\r\n {filterProducts.length > 0\r\n ? filterProducts.map((item, index) => (\r\n {\r\n const url = localStorage.getItem(\"ZUsaUrlPage\")\r\n ? `/product-detail/${localStorage.getItem(\r\n \"ZUsaUrlPage\"\r\n )}/${item.itemCode}/${item.typeLine}`\r\n : `/product-detail/${item.itemCode}/${item.typeLine}`;\r\n setIsActiveSearch(false);\r\n history.push(url);\r\n }}\r\n >\r\n
\r\n \r\n {\r\n if (isMobile || isTablet) {\r\n if (products.length > 0 || promotions.length > 0) {\r\n const searchbarInput =\r\n document.getElementById(\"searchbarInput\");\r\n if (searchbarInput) {\r\n searchbarInput.focus();\r\n }\r\n if (isSearchbarExpanded) {\r\n setIsActiveSearch(false);\r\n }\r\n setIsSearchbarExpanded(!isSearchbarExpanded);\r\n }\r\n }\r\n }}\r\n style={{\r\n cursor: isDesktop ? \"auto\" : \"pointer\",\r\n }}\r\n >\r\n {isSearchbarExpanded && (isMobile || isTablet) ? (\r\n
\r\n\r\n {/* SEARCH RESULTS WRAPPER */}\r\n \r\n
\r\n \r\n {truncateText(item.nameArticle)}\r\n \r\n $\r\n {item.promotionPrice > 0\r\n ? item.promotionPrice\r\n : item.regularPrice}\r\n \r\n
\r\n \r\n ))\r\n : [0, 1, 2].map((item) => {\r\n return (\r\n \r\n \r\n {isUserLogin ? (\r\n isLanguageLoaded ? (\r\n userLogedInfo?.nameClient.toLowerCase()\r\n ) : (\r\n
\r\n\r\n {isUserLogin ? (\r\n \r\n
\r\n )}\r\n\r\n {/* USER OPTIONS ciclo */}\r\n \r\n \r\n */}\r\n \r\n handleValidateCellPhoneCodeContact(\r\n cellPhone,\r\n cellPhoneCode\r\n )\r\n }\r\n >\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n setIsOpenEntrepreneurContactForm(\r\n !isOpenEntrepreneurContactForm\r\n );\r\n }}\r\n />\r\n
\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src = AvatarPlaceholder;\r\n }}\r\n />\r\n
\r\n \r\n {t(\"__webpage__floating__form__title\")}\r\n {webpageInfo.nameClient}\r\n
\r\n \r\n {webpageInfo.facebook && webpageInfo.facebook.length > 0 && (\r\n {\r\n window.open(webpageInfo.facebook, \"_blank\");\r\n }}\r\n />\r\n )}\r\n {webpageInfo.instagram &&\r\n webpageInfo.instagram.length > 0 && (\r\n {\r\n window.open(webpageInfo.instagram, \"_blank\");\r\n }}\r\n />\r\n )}\r\n {webpageInfo.youTube && webpageInfo.youTube.length > 0 && (\r\n {\r\n window.open(webpageInfo.youTube, \"_blank\");\r\n }}\r\n />\r\n )}\r\n {webpageInfo.pinterest &&\r\n webpageInfo.pinterest.length > 0 && (\r\n {\r\n window.open(webpageInfo.pinterest, \"_blank\");\r\n }}\r\n />\r\n )}\r\n {webpageInfo.cellPhone &&\r\n webpageInfo.cellPhone.length > 0 && (\r\n {\r\n window.open(\r\n `https://api.whatsapp.com/send?phone=1${webpageInfo.cellPhone}&text=Hola%20quiero%20recibir%20información`,\r\n \"_blank\"\r\n );\r\n }}\r\n />\r\n )}\r\n
\r\n \r\n \r\n {t(\"__general__my__dream\")}\r\n \r\n \r\n {webpageInfo.testimonial}\r\n \r\n
\r\n {/* SE COMENTA POR QUE REFRECA EL SITIO CADA QUE MANDA LA PETICION\r\n \r\n \r\n {\r\n handleValidateCellPhoneContact(cellPhone);\r\n handleSwitchToTimerOrResend(\"timer\");\r\n }}\r\n >\r\n {t(\"__general__resend__me__the__code\")}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {\r\n setName(restrictToOnlyLetters(e));\r\n }}\r\n value={name}\r\n />\r\n
\r\n \r\n \r\n\r\n {\r\n //console.log(\"cellPhone\", cellPhone, cellPhone.length)\r\n if (cellPhone.length === 10) {\r\n handleValidateCellPhoneContact(cellPhone);\r\n }\r\n }}\r\n >\r\n
\r\n\r\n {cellPhone.length >= 10 &&\r\n isValidCellPhone &&\r\n !isValidCellPhoneCode && (\r\n \r\n {\r\n setCellPhone(restrictToOnlyNumbers(e).toString());\r\n }}\r\n maxLength={10}\r\n />\r\n\r\n {isValidCellPhone !== undefined ? (\r\n \r\n {isValidCellPhone === true ?
\r\n ) : (\r\n \r\n \r\n {t(\"__general__enter__the__code__you__receive\")}\r\n \r\n {\r\n setCellPhoneCode(e.target.value);\r\n }}\r\n maxLength={6}\r\n />\r\n\r\n {isValidCellPhoneCode === false && (\r\n \r\n {t(\"__general__code__expires__in\")}:\r\n \r\n {renderTimerInClockTime(cellphoneTimerSeconds)}\r\n \r\n
\r\n \r\n {t(\"__general__not__valid__code\")}\r\n
\r\n )}\r\n\r\n \r\n
\r\n \r\n {t(\"__new_members_kits_form_validate_code_label\")}\r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n setComment(e.target.value)}\r\n >\r\n
\r\n \r\n {name.length <= 0 ||\r\n cellPhone.length <= 0 ||\r\n comment.length <= 0 ||\r\n !isValidCellPhone ||\r\n !setIsValidCellPhoneCode ? (\r\n
\r\n \r\n {t(\"__general__send__message\")}\r\n \r\n \r\n \r\n {/* */}\r\n \r\n \r\n \r\n )}\r\n\r\n \r\n {\r\n window.open(\"https://www.facebook.com/zermatusa/\", \"_blank\");\r\n }}\r\n />\r\n {\r\n window.open(\r\n \"https://www.instagram.com/zermatus/?hl=en\",\r\n \"_blank\"\r\n );\r\n }}\r\n />\r\n {\r\n window.open(\r\n \"https://www.youtube.com/channel/UCNC80gWIoSGS8tO4oU_TkCg\",\r\n \"_blank\"\r\n );\r\n }}\r\n />\r\n {\r\n window.open(\"https://www.pinterest.com.mx/zermatusa/\", \"_blank\");\r\n }}\r\n />\r\n {\r\n window.open(\r\n \"https://api.whatsapp.com/send?phone=13468439702&text=Hola%20me%20interesa%20uno%20de%20sus%20productos\",\r\n \"_blank\"\r\n );\r\n }}\r\n />\r\n
\r\n \r\n 0 ? false : true\r\n }\r\n onResize={() => {\r\n if (isDesktop) {\r\n //console.log(\"onResize\")\r\n handleCalculateSectionsSizes();\r\n }\r\n }}\r\n style={{\r\n paddingLeft: paddingLeftForSectionsSwiper,\r\n }}\r\n >\r\n {menuApp.length > 0 && isLanguageLoaded\r\n ? menuApp\r\n .filter(\r\n (m) =>\r\n m.idParent === 0 &&\r\n (isWebpage\r\n ? m.reference !== \"__navBar_MenuApp_Text_Contact_Us\"\r\n : true)\r\n )\r\n .sort((a, b) => a.orderRender - b.orderRender)\r\n .map((item, index) => {\r\n //console.log(\"item\", item)\r\n return (\r\n {\r\n let target = \"\";\r\n if (item.idModule === 2 || item.idModule === 3) {\r\n target = localStorage.getItem(\"ZUsaUrlPage\")\r\n ? `${item.anchor}/${localStorage.getItem(\r\n \"ZUsaUrlPage\"\r\n )}`\r\n : item.anchor;\r\n } else {\r\n target = item.anchor;\r\n }\r\n\r\n if (target.length > 0) {\r\n history.push(target);\r\n }\r\n }}\r\n >\r\n \r\n {t(item.reference)}\r\n \r\n \r\n );\r\n })\r\n : [0, 1, 2, 3, 4, 5].map((item) => {\r\n return (\r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n \r\n {/* END SOCIAL MEDIA AND SECTIONS */}\r\n\r\n {/* CATEGORIES */}\r\n \r\n 0 ? false : true\r\n }\r\n style={{\r\n paddingLeft: paddingLeftForCategoriesSwiper,\r\n }}\r\n >\r\n {categories?.length > 0\r\n ? categories.map((item, index) => {\r\n return (\r\n \r\n {\r\n if (item.idCategories) {\r\n let target = `/categories/products/${item.idCategories}`;\r\n history.push(target);\r\n }\r\n }}\r\n >\r\n {item.nameCategories}\r\n \r\n \r\n );\r\n })\r\n : [0, 1, 2, 3, 4, 5].map((navItem) => {\r\n return (\r\n \r\n \r\n );\r\n })}\r\n \r\n
\r\n {/* END CATEGORIES */}\r\n \r\n );\r\n};\r\n\r\nexport default Navbar;\r\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgExtrasIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 30.526,\n height: 30.526,\n viewBox: \"0 0 30.526 30.526\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"More_Details__x28_3_x29_\",\n d: \"M15.263,0A15.263,15.263,0,1,0,30.526,15.263,15.256,15.256,0,0,0,15.263,0Zm0,28.919A13.656,13.656,0,1,1,28.919,15.263,13.645,13.645,0,0,1,15.263,28.919Zm0-16.468a2.812,2.812,0,1,0,2.812,2.812A2.794,2.794,0,0,0,15.263,12.451Zm0,4.017a1.208,1.208,0,0,1-1.2-1.2,1.2,1.2,0,1,1,2.41,0A1.208,1.208,0,0,1,15.263,16.468ZM23.3,12.451a2.812,2.812,0,1,0,2.812,2.812A2.794,2.794,0,0,0,23.3,12.451Zm0,4.017a1.208,1.208,0,0,1-1.2-1.2,1.2,1.2,0,1,1,2.41,0A1.208,1.208,0,0,1,23.3,16.468ZM7.23,12.451a2.812,2.812,0,1,0,2.812,2.812A2.794,2.794,0,0,0,7.23,12.451Zm0,4.017a1.208,1.208,0,0,1-1.2-1.2,1.2,1.2,0,1,1,2.41,0A1.208,1.208,0,0,1,7.23,16.468Z\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgExtrasIcon);\nexport default __webpack_public_path__ + \"static/media/extrasIcon.397372ea.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgExclamationOrangeIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 31.589,\n height: 32.247,\n viewBox: \"0 0 31.589 32.247\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1275\",\n \"data-name\": \"Group 1275\",\n transform: \"translate(-1816.096 -439.645)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n id: \"Rectangle_1719\",\n \"data-name\": \"Rectangle 1719\",\n width: 31.589,\n height: 32.247,\n rx: 15.794,\n transform: \"translate(1816.096 439.645)\",\n fill: \"#ffdbae\"\n }), /*#__PURE__*/React.createElement(\"g\", {\n id: \"Layer_58\",\n \"data-name\": \"Layer 58\",\n transform: \"translate(1820.882 444.663)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9384\",\n \"data-name\": \"Path 9384\",\n d: \"M15.451,24.9A1.451,1.451,0,1,1,16.9,23.451,1.451,1.451,0,0,1,15.451,24.9ZM15.451,23.451Z\",\n transform: \"translate(-4.569 -7.488)\",\n fill: \"#ff8f00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9385\",\n \"data-name\": \"Path 9385\",\n d: \"M15.725,17.255A.725.725,0,0,1,15,16.529v-5.8a.725.725,0,1,1,1.451,0v5.8A.725.725,0,0,1,15.725,17.255Z\",\n transform: \"translate(-4.843 -4.194)\",\n fill: \"#ff8f00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9386\",\n \"data-name\": \"Path 9386\",\n d: \"M20.428,22.313H3.336a2.314,2.314,0,0,1-2.01-1.139A2.271,2.271,0,0,1,1.283,18.9L9.829,3.211a2.343,2.343,0,0,1,4.106,0L22.481,18.9a2.271,2.271,0,0,1-.044,2.271A2.314,2.314,0,0,1,20.428,22.313ZM11.882,3.45a.856.856,0,0,0-.776.457L2.56,19.592a.813.813,0,0,0,0,.842.863.863,0,0,0,.725.428H20.428a.863.863,0,0,0,.725-.428.813.813,0,0,0,0-.842l-8.5-15.685a.856.856,0,0,0-.776-.457Z\",\n transform: \"translate(-1 -1.997)\",\n fill: \"#ff8f00\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgExclamationOrangeIcon);\nexport default __webpack_public_path__ + \"static/media/exclamationOrangeIcon.90809081.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgCheckGreenIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 31.589,\n height: 32.247,\n viewBox: \"0 0 31.589 32.247\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1276\",\n \"data-name\": \"Group 1276\",\n transform: \"translate(-1818.11 -676.839)\"\n }, /*#__PURE__*/React.createElement(\"rect\", {\n id: \"Rectangle_1928\",\n \"data-name\": \"Rectangle 1928\",\n width: 31.589,\n height: 32.247,\n rx: 15.794,\n transform: \"translate(1818.11 676.839)\",\n fill: \"#d6ffe4\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_awesome-check\",\n \"data-name\": \"Icon awesome-check\",\n d: \"M5.7,17.182l-5.45-5.6a.879.879,0,0,1,0-1.219L1.431,9.14a.822.822,0,0,1,1.186,0l3.671,3.775L14.152,4.83a.822.822,0,0,1,1.186,0l1.186,1.219a.879.879,0,0,1,0,1.219L6.881,17.182A.822.822,0,0,1,5.7,17.182Z\",\n transform: \"translate(1825.52 681.957)\",\n fill: \"#007a45\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCheckGreenIcon);\nexport default __webpack_public_path__ + \"static/media/checkGreenIcon.9c68f05c.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { isIOS, isMobile, isTablet } from \"react-device-detect\";\r\nimport { useTranslation } from \"react-i18next\";\r\n//MUI\r\nimport { Button, ClickAwayListener, IconButton } from \"@mui/material\";\r\nimport { Close, Edit } from \"@mui/icons-material\";\r\n//Components\r\nimport Counter from \"../../base/components/Counter\";\r\nimport CenteredModal from \"../../base/components/CenteredModal\";\r\nimport { useSnackbar } from \"notistack\";\r\n///ACTIONS\r\nimport {\r\n requestCarCurrentOrder,\r\n requestGetCartOrder,\r\n cleanCartOrderOperations,\r\n requestGetCartCouponList,\r\n requestCartCancelOrder,\r\n requestCleanCartReducerCancelOrder,\r\n} from \"./../../../ReduxSaga/Actions/Cart\";\r\nimport { requestLoggUserActivity } from \"./../../../ReduxSaga/Actions/General\";\r\nimport {\r\n requestDeleteRedeemCoupon,\r\n requestRedeemCoupon,\r\n} from \"./../../../ReduxSaga/Actions/Coupons\";\r\n//Assets\r\nimport { ReactComponent as BagIcon } from \"./../../../../assets/media/images/icons/bagIcon.svg\";\r\nimport { ReactComponent as BagWhiteIcon } from \"./../../../../assets/media/images/icons/bagIconWhiteAlt.svg\";\r\nimport { ReactComponent as BagActiveIcon } from \"./../../../../assets/media/images/icons/bagActiveWhiteIcon.svg\";\r\nimport { ReactComponent as ExtrasIcon } from \"./../../../../assets/media/images/icons/extrasIcon.svg\";\r\nimport { ReactComponent as TrashIcon } from \"./../../../../assets/media/images/icons/trashIcon.svg\";\r\nimport { ReactComponent as DiscountIcon } from \"./../../../../assets/media/images/icons/discountIcon.svg\";\r\nimport { ReactComponent as ExclamationIcon } from \"./../../../../assets/media/images/icons/exclamationOrangeIcon.svg\";\r\nimport { ReactComponent as CheckSucessIcon } from \"./../../../../assets/media/images/icons/checkGreenIcon.svg\";\r\nimport { capitalizeText, formatPrice } from \"../../../../Libraries/Utils/utils\";\r\n\r\nimport Tooltip from \"@mui/material/Tooltip\";\r\n\r\nconst fakeProducts = [\r\n {\r\n id: 1,\r\n name: \"XPREXION MAN COLLECTION\",\r\n imageUrl: \"https://www.websizusa.net/imgprod/fullsize/82437.jpg\",\r\n oldPrice: 56,\r\n newPrice: 43.1,\r\n isPreferredClientPrice: true,\r\n type: \"\",\r\n configurationNumber: 0,\r\n },\r\n {\r\n id: 2,\r\n name: \"PLAYER INTENSE COLLECTION\",\r\n imageUrl: \"https://www.websizusa.net/imgprod/fullsize/220908.jpg\",\r\n oldPrice: 35,\r\n newPrice: 32,\r\n isPreferredClientPrice: true,\r\n type: \"kit\",\r\n configurationNumber: 1,\r\n },\r\n {\r\n id: 3,\r\n name: \"PLAYER INTENSE COLLECTION\",\r\n imageUrl: \"https://www.websizusa.net/imgprod/fullsize/220908.jpg\",\r\n oldPrice: 35,\r\n newPrice: 32,\r\n isPreferredClientPrice: true,\r\n type: \"kit\",\r\n configurationNumber: 2,\r\n },\r\n {\r\n id: 4,\r\n name: \"PERSONALIZED FRAGRANCE FOR GIRL 1.69 FL. \",\r\n imageUrl: \"https://www.websizusa.net/imgprod/fullsize/42913.jpg\",\r\n oldPrice: 0,\r\n newPrice: 34,\r\n isPreferredClientPrice: true,\r\n type: \"personalizedFragrance\",\r\n configurationNumber: 0,\r\n },\r\n {\r\n id: 5,\r\n name: \"VIZAZE VIVALDI EDT 2 FL. OZ\",\r\n imageUrl: \"https://www.websizusa.net/imgprod/fullsize/82168.jpg\",\r\n oldPrice: 33,\r\n newPrice: 25.9,\r\n isPreferredClientPrice: true,\r\n type: \"\",\r\n configurationNumber: 0,\r\n },\r\n {\r\n id: 6,\r\n name: \"Membresía Cliente preferido + Experience Box\",\r\n imageUrl: \"https://www.websizusa.net/imgprod/fullsize/02110.jpg\",\r\n oldPrice: 0,\r\n newPrice: 10,\r\n isPreferredClientPrice: false,\r\n type: \"membership\",\r\n configurationNumber: 0,\r\n },\r\n];\r\n\r\nconst FloatingCheckout = ({\r\n open,\r\n setIsOpenFloatingCheckout,\r\n infoCartOrder,\r\n admissionKits,\r\n cpMemberships,\r\n benefitType,\r\n setBenefitType,\r\n handleGAEvent,\r\n isOpenGiftSelectModal,\r\n countGiftSelect,\r\n floatingCheckoutIconIsClicked,\r\n setFloatingCheckoutIconIsClicked,\r\n clientInfoToCloseOrder,\r\n handleResetInfoClient,\r\n handleResetInfoGuestForm,\r\n isLanguageLoaded,\r\n}) => {\r\n ///INITIAL STATES\r\n const initialNotifyData = {\r\n notify: false,\r\n message: \"\",\r\n type: \"\",\r\n };\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n //React Router\r\n const history = useHistory();\r\n //Translation\r\n const { t, i18n } = useTranslation();\r\n ///REDUX\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.cart = useSelector((state) => state.cart);\r\n appReducers.general = useSelector((state) => state.general);\r\n //Hooks\r\n const [selectedMembership, setSelectedMembership] = useState(\"\");\r\n const [\r\n isOpenRemoveMembershipCPModalConfirmation,\r\n setIsOpenRemoveMembershipCPModalConfirmation,\r\n ] = useState(false);\r\n const [\r\n isOpenRemoveMembershipEntrepreneurModalConfirmation,\r\n setIsOpenRemoveMembershipEntrepreneurModalConfirmation,\r\n ] = useState(false);\r\n const [isOpenGiftsAvailableModal, setIsOpenGiftsAvailableModal] =\r\n useState(false);\r\n const [linesOrder, setLinesOrder] = useState([]);\r\n const [order, setOrder] = useState({});\r\n const [notifyData, setNotifyData] = useState(initialNotifyData);\r\n const [isGuest, setIsGuest] = useState(true);\r\n const [\r\n isOpenPersonalizedFragrancesIncrementWarningModal,\r\n setIsOpenPersonalizedFragrancesIncrementWarningModal,\r\n ] = useState(false);\r\n const [\r\n personalizedFragranceToIncrementCode,\r\n setPersonalizedFragranceToIncrement,\r\n ] = useState();\r\n const [personalizedFragranceTypeLine, setPersonalizedFragranceTypeLine] =\r\n useState(\"\");\r\n const [sets, setSets] = useState([]);\r\n const [blockPayButton, setblockPayButton] = useState(false);\r\n\r\n const orderId = useSelector((state) => state.cart.cartOrder?.order?.orderId);\r\n const idClient = JSON.parse(localStorage.getItem(\"ZUsaUInfo\"))?.idClient;\r\n const redemptionDetails = useSelector(\r\n (state) => state.coupons.redemptionDetails\r\n );\r\n\r\n useEffect(() => {\r\n console.log(\"reviza orderId:\", orderId); // Verificar si orderId está correctamente definido\r\n console.log(\"reviza idClient:\", idClient);\r\n // Despachar la acción solo si redemptionDetails está vacío y orderId está disponible\r\n if (!redemptionDetails && idClient && orderId) {\r\n console.log(\"Despachando requestRedeemCoupon con:\", {\r\n idClient,\r\n orderId,\r\n });\r\n dispatch(requestRedeemCoupon(idClient, orderId)); // Despacha la acción solo si no se han redimido cupones\r\n }\r\n }, [redemptionDetails, idClient, orderId, dispatch]);\r\n useEffect(() => {\r\n console.log(\"Cupones redimidos:\", redemptionDetails);\r\n }, [redemptionDetails]);\r\n\r\n //Effects\r\n useEffect(() => {\r\n if (linesOrder.length === 0) {\r\n setIsOpenFloatingCheckout(false);\r\n setblockPayButton(true);\r\n } else {\r\n //console.log(\"orden lineas\", linesOrder);\r\n evaluateBlockPayButtonByMinAmount();\r\n const sets = linesOrder.filter(\r\n (item) =>\r\n item.line.tipolinea === \"K\" ||\r\n item.line.tipolinea === \"P\" ||\r\n item.line.tipolinea === \"FV\" ||\r\n item.line.tipolinea === \"VF\" ||\r\n item.line.tipolinea === \"VV\"\r\n );\r\n //console.log(\"sets\", sets);\r\n setSets(sets);\r\n }\r\n }, [linesOrder]);\r\n useEffect(() => {\r\n if (infoCartOrder?.hasOwnProperty(\"code\") && infoCartOrder?.code === 100) {\r\n if (infoCartOrder?.order && infoCartOrder?.order !== null) {\r\n setOrder(infoCartOrder?.order);\r\n setLinesOrder(infoCartOrder?.lines);\r\n }\r\n }\r\n }, [infoCartOrder]);\r\n\r\n useEffect(() => {\r\n if (notifyData?.notify) {\r\n enqueueSnackbar(notifyData.message, {\r\n variant: notifyData.type,\r\n });\r\n setNotifyData(initialNotifyData);\r\n }\r\n }, [notifyData.notify]);\r\n\r\n useEffect(() => {\r\n if (open && typeof appReducers?.cart?.cartCurrentOrder !== \"undefined\") {\r\n switch (appReducers?.cart?.cartCurrentOrder?.code) {\r\n case 100:\r\n const typeOp = appReducers?.cart?.cartOpType;\r\n switch (typeOp) {\r\n case \"add\":\r\n setNotifyData({\r\n message: t(\"__message_success_product_add_cart_label\"),\r\n notify: true,\r\n type: \"success\",\r\n });\r\n break;\r\n case \"addClientCoupon\":\r\n enqueueSnackbar(\r\n t(\"__message_success_client_coupon_add_cart_label\"),\r\n {\r\n variant: \"success\",\r\n }\r\n );\r\n dispatch(requestGetCartCouponList());\r\n break;\r\n case \"delClientCoupon\":\r\n enqueueSnackbar(\r\n t(\"__message_success_client_coupon_deleted_cart_label\"),\r\n {\r\n variant: \"success\",\r\n }\r\n );\r\n dispatch(requestGetCartCouponList());\r\n break;\r\n case \"modify\":\r\n setNotifyData({\r\n message: t(\"__message_success_product_modified_cart_label\"),\r\n notify: true,\r\n type: \"success\",\r\n });\r\n break;\r\n case \"delete\":\r\n setNotifyData({\r\n message: t(\"__message_success_product_deleted_cart_label\"),\r\n notify: true,\r\n type: \"warning\",\r\n });\r\n break;\r\n }\r\n // if (notifyData.message.length > 0)\r\n // setNotifyData({ ...notifyData, notify: true, type: \"success\" });\r\n // else\r\n // setNotifyData({\r\n // ...notifyData,\r\n // notify: true,\r\n // type: \"success\",\r\n // message: t(\"__message_success_product_add_cart_label\"),\r\n // });\r\n dispatch(requestGetCartOrder());\r\n dispatch(cleanCartOrderOperations());\r\n break;\r\n case 110:\r\n setNotifyData({\r\n notify: true,\r\n type: \"warning\",\r\n message: t(\"__message_beauty_boxes_exeded_product_label\"),\r\n });\r\n break;\r\n case -100:\r\n setNotifyData({\r\n notify: true,\r\n type: \"error\",\r\n message: appReducers?.cart?.cartCurrentOrder?.message,\r\n });\r\n break;\r\n default:\r\n }\r\n }\r\n }, [\r\n appReducers.cart.cartCurrentOrder,\r\n appReducers.cart.cartOrder,\r\n appReducers.cart.errorCartOrder,\r\n open,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (typeof appReducers?.general?.errorLoadFirstCharge !== \"undefined\") {\r\n if (\r\n !appReducers.general.errorLoadFirstCharge &&\r\n typeof appReducers?.general?.firstChargeModel !== \"undefined\"\r\n ) {\r\n const { isGuestUser } = appReducers.general.firstChargeModel;\r\n setIsGuest(isGuestUser);\r\n }\r\n }\r\n }, [\r\n appReducers?.general?.errorLoadFirstCharge,\r\n appReducers?.general?.firstChargeModel,\r\n ]);\r\n\r\n ///EFFECT ON ORDER CANCELATION\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.cart?.errorCartCancelOrder !== \"undefined\" &&\r\n open\r\n ) {\r\n enqueueSnackbar(t(\"shopping__payment__error_cancel_order_message\"), {\r\n variant: \"error\",\r\n });\r\n dispatch(requestCleanCartReducerCancelOrder());\r\n } else {\r\n if (appReducers?.cart?.cartCancelOrder) {\r\n const response = appReducers?.cart?.cartCancelOrder;\r\n if (response.code === 100) {\r\n enqueueSnackbar(t(\"__message_order_cancel_label\"), {\r\n variant: \"success\",\r\n });\r\n dispatch(requestGetCartOrder());\r\n dispatch(requestLoggUserActivity(7, 0, 0, \"\", \"Se cancelo la orden\"));\r\n handleGAEvent(\"CartOrder\", \"Usuario Cancela Orden\");\r\n history.replace(\"/categories\");\r\n if (!clientInfoToCloseOrder.allReadyRegister) {\r\n handleResetInfoClient();\r\n } else {\r\n handleResetInfoGuestForm();\r\n }\r\n }\r\n }\r\n dispatch(requestCleanCartReducerCancelOrder());\r\n }\r\n setIsOpenFloatingCheckout(false);\r\n }, [\r\n appReducers?.cart.cartCancelOrder,\r\n appReducers?.cart.errorCartCancelOrder,\r\n ]);\r\n //HANDLER\r\n const handleOpsOnOrder = (type, product, qty) => {\r\n if (\r\n (product.tipolinea === \"P\" ||\r\n product.tipolinea === \"N\" ||\r\n product.tipolinea === \"PD\" ||\r\n product.tipolinea === \"FV\" ||\r\n product.tipolinea === \"VV\" ||\r\n product.tipolinea === \"FV\") &&\r\n product.isCustomLabel &&\r\n type === \"add\"\r\n ) {\r\n // alert(\r\n // \"para agregar otro productos debes ir al configurador de gragancias personalizadas; deseas hacerlo ahora?\"\r\n // );\r\n // history.push(`/personalized-fragance/it/${product.codart}`);\r\n setPersonalizedFragranceToIncrement(product.codart);\r\n setPersonalizedFragranceTypeLine(product.tipolinea);\r\n setIsOpenPersonalizedFragrancesIncrementWarningModal(true);\r\n } else {\r\n const parameters = {\r\n idPedidoDet: product.idpedidodet,\r\n idpromo: 0,\r\n itemCode: product.codart,\r\n opc: -1,\r\n pedidosD: [],\r\n quantity: qty,\r\n type: product.tipolinea,\r\n withAssign: 0,\r\n };\r\n switch (type) {\r\n case \"delete\":\r\n parameters.opc = 4;\r\n dispatch(requestCarCurrentOrder(parameters, type));\r\n dispatch(\r\n requestLoggUserActivity(\r\n 8,\r\n 0,\r\n 0,\r\n product.codart,\r\n \"Se elimino producto de la orden\"\r\n )\r\n );\r\n handleGAEvent(\r\n \"CartOrder\",\r\n \"Usuario Edito La Orden, Elimino El Articulo: \" + product.codart\r\n );\r\n if (redemptionDetails && redemptionDetails.length > 0) {\r\n redemptionDetails.forEach((coupon) => {\r\n dispatch(\r\n requestDeleteRedeemCoupon(\r\n idClient,\r\n orderId,\r\n coupon.idCouponRedemption\r\n )\r\n );\r\n });\r\n }\r\n break;\r\n case \"delClientCoupon\":\r\n parameters.opc = 4;\r\n dispatch(requestCarCurrentOrder(parameters, type));\r\n dispatch(\r\n requestLoggUserActivity(\r\n 8,\r\n 0,\r\n 0,\r\n product.codart,\r\n \"Se elimino producto de la orden\"\r\n )\r\n );\r\n handleGAEvent(\r\n \"CartOrder\",\r\n \"Usuario Edito La Orden, Elimino El Articulo: \" + product.codart\r\n );\r\n if (redemptionDetails && redemptionDetails.length > 0) {\r\n redemptionDetails.forEach((coupon) => {\r\n dispatch(\r\n requestDeleteRedeemCoupon(\r\n idClient,\r\n orderId,\r\n coupon.idCouponRedemption\r\n )\r\n );\r\n });\r\n }\r\n break;\r\n case \"add\":\r\n parameters.opc = 5;\r\n dispatch(requestCarCurrentOrder(parameters, type));\r\n dispatch(\r\n requestLoggUserActivity(\r\n 9,\r\n 0,\r\n 0,\r\n product.codart,\r\n `Se incremento la cantidad en 1 del producto: ${product.codart}`\r\n )\r\n );\r\n handleGAEvent(\r\n \"CartOrder\",\r\n `Usuario Edito La Orden, Incrementó La Cantidad De: ${product.codart}`\r\n );\r\n if (redemptionDetails && redemptionDetails.length > 0) {\r\n redemptionDetails.forEach((coupon) => {\r\n dispatch(\r\n requestDeleteRedeemCoupon(\r\n idClient,\r\n orderId,\r\n coupon.idCouponRedemption\r\n )\r\n );\r\n });\r\n }\r\n break;\r\n case \"minus\":\r\n parameters.opc = 5;\r\n dispatch(requestCarCurrentOrder(parameters, \"delete\"));\r\n dispatch(\r\n requestLoggUserActivity(\r\n 10,\r\n 0,\r\n 0,\r\n product.codart,\r\n `Se decremento la cantidad en 1 del producto: ${product.codart}`\r\n )\r\n );\r\n handleGAEvent(\r\n \"CartOrder\",\r\n `Usuario Edito La Orden, Decrementó La Cantidad De: ${product.codart}`\r\n );\r\n if (redemptionDetails && redemptionDetails.length > 0) {\r\n redemptionDetails.forEach((coupon) => {\r\n dispatch(\r\n requestDeleteRedeemCoupon(\r\n idClient,\r\n orderId,\r\n coupon.idCouponRedemption\r\n )\r\n );\r\n });\r\n }\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n };\r\n //RENDER\r\n const evaluateBlockPayButtonByMinAmount = () => {\r\n if (linesOrder.length > 0) {\r\n let blockButton = false;\r\n linesOrder.forEach((item) => {\r\n if (item.line.amountMin > 0 && blockButton === false) {\r\n const sumAic = linesOrder\r\n .filter(\r\n (lo) =>\r\n lo.line.codart !== item.line.codart &&\r\n lo.line.comisionable === 1\r\n )\r\n .reduce((acum, current) => acum + current.line.montolinai2, 0);\r\n if (item.line.amountMin > sumAic) blockButton = true;\r\n }\r\n });\r\n setblockPayButton(blockButton);\r\n } else setblockPayButton(false);\r\n };\r\n return (\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n {\r\n setIsOpenFloatingCheckout(false);\r\n }}\r\n >\r\n
\r\n \r\n {/* PRODUCTS */}\r\n
\r\n\r\n {benefitType !== 5 ? (\r\n order?.importeii !== order?.importeii2 ? (\r\n \r\n \r\n \r\n\r\n \r\n )}\r\n {/* Aqui termina lo nuevo requerimiento */}\r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n \r\n {t(\"__floating__checkout__products__section__title\")}\r\n \r\n \r\n {`(${linesOrder.length} ${t(\r\n \"__floating__checkout__products__section__product\"\r\n )}${linesOrder.length > 1 ? \"s\" : \"\"})`}\r\n \r\n
\r\n\r\n \r\n {\r\n dispatch(requestCartCancelOrder());\r\n }}\r\n >\r\n
\r\n \r\n {linesOrder.map((item, index) => {\r\n //console.log(\"item FC\", item)\r\n return (\r\n \r\n
\r\n {/* Aqui comienza lo nuevo requerimiento */}\r\n {item.line.amountMin > 0 && (\r\n \r\n
\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n\r\n \r\n
\r\n \r\n {benefitType === 2 && (\r\n \r\n {t(\r\n \"__floating__checkout__products__section__special__shopper__price\"\r\n )}\r\n \r\n )}\r\n {benefitType === 1 && (\r\n \r\n {t(\r\n \"__floating__checkout__price__entrepreneur\"\r\n )}\r\n \r\n )}\r\n {(item.line.tipolinea === \"K\" ||\r\n item.line.tipolinea === \"P\" ||\r\n item.line.tipolinea === \"FV\" ||\r\n item.line.tipolinea === \"VF\" ||\r\n item.line.tipolinea === \"VV\") && (\r\n
\r\n \r\n {(item.line.tipolinea === \"K\" ||\r\n item.line.tipolinea === \"P\" ||\r\n item.line.tipolinea === \"FV\" ||\r\n item.line.tipolinea === \"VF\" ||\r\n item.line.tipolinea === \"VV\") && (\r\n // {`Set ${index + 1}`}\r\n {`Set ${\r\n sets.findIndex(\r\n (set) =>\r\n set.line.codart === item.line.codart\r\n ) + 1\r\n }`}\r\n )}\r\n {/* {1 === 0 && ( /// aqui la evaluación. ESE EDIT LLEVA UN PUSH A LA CONFIGURACION DE FRAGANCIA PERSONALIZADA\r\n {\r\n //\r\n }}\r\n >\r\n
\r\n )}\r\n \r\n \r\n {i18n.language === \"es\"\r\n ? capitalizeText(item.line.descripcionEs)\r\n : capitalizeText(item.line.descripcionEn)}\r\n \r\n\r\n \r\n {item.line.montolinai !==\r\n item.line.montolinai2 && (\r\n \r\n {formatPrice(item.line.montolinai2)}\r\n \r\n )}\r\n {item.line.montolinai !==\r\n item.line.montolinai2 && (\r\n
\r\n \r\n {`- ${Math.floor(\r\n 100 -\r\n (item.line.montolinai * 100) /\r\n item.line.montolinai2\r\n )}`}\r\n
\r\n )}\r\n \r\n \r\n {item.line.tipolinea === \"R\"\r\n ? t(\"__general__gift\")\r\n : formatPrice(item.line.montolinai)}\r\n \r\n\r\n \r\n {\r\n ////regla de cantidad Maxima de Sets\r\n // let a = item?.line;\r\n // let b = infoCartOrder?.lines.reduce((accumulator, object) => object.line.codart === item.line.codart ? accumulator + object.line.qtyped : accumulator ,0) + 1;\r\n\r\n if (\r\n item.line.cantMax > 0 &&\r\n infoCartOrder.lines &&\r\n infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === item.line.codart\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) +\r\n 1 >\r\n item.line.cantMax\r\n ) {\r\n //notificar\r\n enqueueSnackbar(\r\n t(\r\n \"__general_warning_information_cant_max\"\r\n ),\r\n {\r\n variant: \"warning\",\r\n }\r\n );\r\n } else {\r\n const message =\r\n t(\"_Zusa_Item_Detail_was\") +\r\n t(\"_Zusa_Item_Detail_modified\") +\r\n t(\"_Zusa_Item_Detail_correclty\");\r\n setNotifyData({ ...notifyData, message });\r\n handleOpsOnOrder(\"add\", item.line, 1);\r\n }\r\n }}\r\n handleQtyMinus={() => {\r\n const message =\r\n t(\"_Zusa_Item_Detail_was\") +\r\n t(\"_Zusa_Item_Detail_modified\") +\r\n t(\"_Zusa_Item_Detail_correclty\");\r\n setNotifyData({ ...notifyData, message });\r\n handleOpsOnOrder(\"minus\", item.line, -1);\r\n }}\r\n handleRemove={() => {\r\n const message =\r\n t(\"_Zusa_Item_Detail_was\") +\r\n t(\"_Zusa_Item_Detail_canceled\") +\r\n t(\"_Zusa_Item_Detail_correclty\");\r\n setNotifyData({ ...notifyData, message });\r\n handleOpsOnOrder(\r\n item.line.montolinai > 0\r\n ? \"delete\"\r\n : \"delClientCoupon\",\r\n item.line,\r\n 0\r\n );\r\n }}\r\n // item.line.isCustomLabel\r\n isPersonalizedFragrance={false}\r\n />\r\n
\r\n \r\n \r\n lo.line.codart !== item.line.codart &&\r\n lo.line.comisionable === 1\r\n )\r\n .reduce(\r\n (acum, current) =>\r\n acum + current.line.montolinai2,\r\n 0\r\n )\r\n ? \"text__success\"\r\n : \"text__warning\"\r\n }`}\r\n >\r\n {t(\r\n \"__floating__checkout__set__minAmount__claimed_msg\"\r\n )}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n {`${t(\r\n \"__floating__checkout__set__minAmount__required\"\r\n )}$${item.line.amountMin.toFixed(2)}`}\r\n {item.line.amountMin >\r\n linesOrder\r\n .filter(\r\n (lo) =>\r\n lo.line.codart !== item.line.codart &&\r\n lo.line.comisionable === 1\r\n )\r\n .reduce(\r\n (acum, current) =>\r\n acum + current.line.montolinai2,\r\n 0\r\n ) && (\r\n \r\n {t(\r\n \"__floating__checkout__set__minAmount__left\"\r\n )}\r\n \r\n lo.line.codart !==\r\n item.line.codart &&\r\n lo.line.comisionable === 1\r\n )\r\n .reduce(\r\n (acum, current) =>\r\n acum + current.line.montolinai2,\r\n 0\r\n )\r\n ? \"text__success\"\r\n : \"text__warning\"\r\n }`}\r\n >\r\n $\r\n {(\r\n item.line.amountMin -\r\n linesOrder\r\n .filter(\r\n (lo) =>\r\n lo.line.codart !==\r\n item.line.codart &&\r\n lo.line.comisionable === 1\r\n )\r\n .reduce(\r\n (acum, current) =>\r\n acum + current.line.montolinai2,\r\n 0\r\n )\r\n ).toFixed(2)}\r\n \r\n \r\n )}\r\n
\r\n\r\n {item.line.amountMin <\r\n linesOrder\r\n .filter(\r\n (lo) =>\r\n lo.line.codart !== item.line.codart &&\r\n lo.line.comisionable === 1\r\n )\r\n .reduce(\r\n (acum, current) =>\r\n acum + current.line.montolinai2,\r\n 0\r\n ) ? (\r\n \r\n \r\n {benefitType === 2\r\n ? `${t(\"__general__subtotal__with__membership\")}:`\r\n : benefitType === 1\r\n ? `${t(\"__general__subtotal__with__kit\")}:`\r\n : \"\"}\r\n \r\n\r\n \r\n {formatPrice(order?.importeaic + order?.importeainc)}\r\n \r\n
\r\n \r\n \r\n SUBTOTAL:\r\n \r\n\r\n \r\n {formatPrice(order?.subtotal)}\r\n \r\n
\r\n )\r\n ) : (\r\n \r\n \r\n SUBTOTAL:\r\n \r\n\r\n \r\n {formatPrice(order?.subtotal)}\r\n \r\n
\r\n )}\r\n \r\n {/* END PRODUCTS */}\r\n\r\n {/* EXTRAS */}\r\n\r\n {benefitType !== 1 && (\r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n {/* END EXTRAS */}\r\n \r\n\r\n \r\n
\r\n \r\n
\r\n \r\n {benefitType === 5 && (\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n {t(\r\n \"__floating__checkout__scpecial__shopper__membership\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n {i18n.language === \"en\" ? (\r\n
\r\n \r\n
\r\n \r\n \r\n {t(\r\n \"__floating__checkout__special__shopper__legend\"\r\n )}\r\n \r\n
\r\n \r\n \r\n {formatPrice(10)}\r\n \r\n {\r\n setIsOpenFloatingCheckout(false);\r\n const url = localStorage.getItem(\r\n \"ZUsaUrlPage\"\r\n )\r\n ? `/favoriteCustomer/${localStorage.getItem(\r\n \"ZUsaUrlPage\"\r\n )}`\r\n : \"/favoriteCustomer\";\r\n history.push(url);\r\n // if (selectedMembership === \"CP\") {\r\n // //setSelectedMembership(\"\");\r\n // setIsOpenRemoveMembershipCPModalConfirmation(\r\n // true\r\n // );\r\n // } else {\r\n // setSelectedMembership(\"CP\");\r\n // }\r\n }}\r\n >\r\n
\r\n \r\n {selectedMembership === \"CP\" ? (\r\n
\r\n\r\n {selectedMembership === \"CP\" ? (\r\n isMobile || isTablet ? (\r\n \r\n \r\n {t(\"__floating__checkout__entrepreneur__membership\")}\r\n \r\n
\r\n \r\n
\r\n \r\n {i18n.language === \"en\" ? (\r\n
\r\n \r\n
\r\n \r\n \r\n {t(\"__floating__checkout__entrepreneur__legend\")}\r\n \r\n
\r\n \r\n \r\n {/* {formatPrice(19.95)}-{formatPrice(49.95)} */}\r\n {formatPrice(0.01)}\r\n \r\n {\r\n // if (selectedMembership === \"Entrepreneur\") {\r\n // //setSelectedMembership(\"\");\r\n // setIsOpenRemoveMembershipEntrepreneurModalConfirmation(\r\n // true\r\n // );\r\n // } else {\r\n // setSelectedMembership(\"Entrepreneur\");\r\n // }\r\n setIsOpenFloatingCheckout(false);\r\n const url = localStorage.getItem(\"ZUsaUrlPage\")\r\n ? `/enterprising/${localStorage.getItem(\r\n \"ZUsaUrlPage\"\r\n )}`\r\n : \"/enterprising\";\r\n history.push(url);\r\n }}\r\n >\r\n
\r\n \r\n {selectedMembership === \"Entrepreneur\" ? (\r\n
\r\n\r\n {selectedMembership === \"Entrepreneur\" ? (\r\n isMobile || isTablet ? (\r\n \r\n {\r\n if (!isOpenGiftSelectModal) {\r\n setIsOpenFloatingCheckout(false);\r\n history.push(\"/checkout\");\r\n // if (!isGuest && benefitType > 1) {\r\n // setIsOpenFloatingCheckout(false);\r\n // history.push(\"/checkout\");\r\n // } else {\r\n // setIsOpenFloatingCheckout(false);\r\n // history.push(\"/checkout\");\r\n // }\r\n } else {\r\n setIsOpenGiftsAvailableModal(true);\r\n\r\n dispatch(\r\n requestLoggUserActivity(\r\n 83,\r\n 0,\r\n 0,\r\n \"\",\r\n \"Se Abre modal para la seleccion de regalos.\"\r\n )\r\n );\r\n }\r\n }}\r\n >\r\n
\r\n \r\n \r\n )}\r\n\r\n \r\n
\r\n \r\n {t(\"btn_cart_text_pay2\")}\r\n \r\n \r\n \r\n \r\n Loading\r\n
\r\n );\r\n};\r\n\r\nexport default Loading;\r\n","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport {\r\n deviceDetect,\r\n isMobile,\r\n isTablet,\r\n isDesktop,\r\n deviceType,\r\n isMobileOnly,\r\n} from \"react-device-detect\";\r\nimport { withRouter, useHistory, useLocation } from \"react-router-dom\";\r\nimport { isIOS } from \"react-device-detect\";\r\nimport ReactGA from \"react-ga\";\r\nimport moment from \"moment\";\r\nimport { formatDistanceWithOptions } from \"date-fns/fp\";\r\nimport { CONSOLE_LEVELS } from \"@sentry/utils\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport VCard from \"vcard-creator\";\r\n//Utils\r\nimport { handleScrollToTop } from \"../../../../Libraries/Utils/utils\";\r\n//Components\r\nimport Navbar from \"./../../navigation/components/Navbar\";\r\nimport Footer from \"./../../navigation/components/Footer\";\r\nimport ScrollComponent from \"../components/ScrollComponent\";\r\nimport FloatingCheckout from \"../../navigation/components/FloatingCheckout\";\r\nimport FloatingFavorites from \"../../navigation/components/FloatingFavorites\";\r\nimport Loading from \"../components/Loading\";\r\n\r\nimport { isEqual } from \"lodash\";\r\n//Translation\r\nimport GeneralService from \"./../../../../Libraries/General\";\r\n//Actions\r\nimport { requestFooterModuleInfo } from \"./../../../ReduxSaga/Actions/Footer\";\r\nimport { requestNavbarModuleInfo } from \"./../../../ReduxSaga/Actions/NavBar\";\r\nimport {\r\n requestFirstChargeSite,\r\n requestLoggUserActivity,\r\n} from \"./../../../ReduxSaga/Actions/General\";\r\nimport {\r\n requestGetCartOrder,\r\n cleanCartOrderOperations,\r\n requestCartGetGiftList,\r\n cleanCartGetGiftList,\r\n requestGetCartCouponList,\r\n} from \"./../../../ReduxSaga/Actions/Cart\";\r\nimport {\r\n requestAllProducts,\r\n requestTrPrEx,\r\n requestAllProductsByLang,\r\n requestAllProductsAsync,\r\n requestAllCaregoriesAsync,\r\n requestAllProductFamiliesAsync,\r\n requestFavorites,\r\n requestGetAdmissionKits,\r\n cleanSetFavoritesReducer,\r\n} from \"./../../../ReduxSaga/Actions/Products\";\r\nimport {\r\n requestHomeModuleInfo,\r\n requestEntrepenourHomeModuleInfo,\r\n} from \"./../../../ReduxSaga/Actions/Home\";\r\nimport {\r\n requestClientAdministrationMenu,\r\n requestClientInformation,\r\n requestClientLogOut,\r\n} from \"./../../../ReduxSaga/Actions/Client\";\r\nimport { requestInstagramPosts } from \"./../../../ReduxSaga/Actions/Facebook\";\r\nimport { Language } from \"@mui/icons-material\";\r\n\r\nReactGA.initialize(\"UA-104837043-2\");\r\n\r\nconst exclusiveRoutesForCartOrderListening = [\r\n \"/personalized-fragance\",\r\n \"/product-detail\",\r\n \"/kit-config\",\r\n];\r\n\r\nconst BaseContainer = (props) => {\r\n //INITIALS STATES\r\n const initialGuestInfo = {\r\n name: \"\",\r\n lastName: \"\",\r\n email: \"\",\r\n stateS: \"\",\r\n cityS: \"\",\r\n streetS: \"\",\r\n zipS: \"\",\r\n suiteS: \"\",\r\n stateF: \"\",\r\n cityF: \"\",\r\n streetF: \"\",\r\n zipF: \"\",\r\n suiteF: \"\",\r\n phone: \"\",\r\n idClient: 0,\r\n isExists: false,\r\n };\r\n\r\n const maxDate = moment().subtract(18, \"years\").add(1, \"days\");\r\n const initialClientInfo = {\r\n orderId: 1,\r\n userId: 0,\r\n clientId: 0,\r\n sponsor: 0,\r\n name: \"\",\r\n lastName: \"\",\r\n email: \"\",\r\n cellPhone: \"\",\r\n password: \"\",\r\n benefitType: 5,\r\n birthdate: maxDate.format(\"YYYY-MM-DD\"),\r\n gender: \"\",\r\n lng: \"en\",\r\n //Address\r\n shippStreet: \"\",\r\n shippSuite: \"\",\r\n shippCity: \"\",\r\n shippState: \"\",\r\n shippZip: \"\",\r\n fiscalStreet: \"\",\r\n fiscalSuite: \"\",\r\n fiscalCity: \"\",\r\n fiscalState: \"\",\r\n fiscalZip: \"\",\r\n identificationType: \"\",\r\n identification: \"\",\r\n withFiscalAddress: false,\r\n withShippmentAddress: false,\r\n withNoInfo: undefined,\r\n allReadyRegister: false,\r\n };\r\n //ERROR DEMO\r\n const error = () => {\r\n throw new Error(\"ya bailó\");\r\n };\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n //Tranlation\r\n const { t, i18n } = useTranslation();\r\n\r\n ///ROUTER\r\n const history = useHistory();\r\n const location = useLocation();\r\n\r\n //React Redux\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.navBar = useSelector((state) => state.navBar);\r\n appReducers.footer = useSelector((state) => state.footer);\r\n appReducers.general = useSelector((state) => state.general);\r\n appReducers.products = useSelector((state) => state.products);\r\n appReducers.cart = useSelector((state) => state.cart);\r\n appReducers.client = useSelector((state) => state.client);\r\n appReducers.home = useSelector((state) => state.home);\r\n\r\n //State\r\n const [menuApp, setMenuApp] = useState([]);\r\n const [footerDataApp, setFooterDataApp] = useState([]);\r\n const [infoCartOrder, setInfoCartOrder] = useState({});\r\n const [isOpenFloatingCheckout, setIsOpenFloatingCheckout] = useState(false);\r\n const [isOpenFloatingFavorites, setIsOpenFloatingFavorites] = useState(false);\r\n const [footerIsLoadingEnable, setFooterIsLoadingEnable] = useState(true);\r\n const [clientFavorites, setClientFavorites] = useState([]);\r\n const [admissionKits, setAdmissionKits] = useState([]);\r\n const [cpMemberships, setCpMemberships] = useState([]);\r\n const [isWebpage, setIsWebpage] = useState(false);\r\n const [benefitType, setBenefitType] = useState(5);\r\n const [guestInfoToCloseOrder, setGuestInfoToCloseOrder] =\r\n useState(initialGuestInfo);\r\n const [clientInfoToCloseOrder, setClientInfoToCloseOrder] =\r\n useState(initialClientInfo);\r\n\r\n const [isOpenGiftSelectModal, setIsOpenGiftSelectModal] = useState(false);\r\n const [countGiftSelect, setCountGiftSelect] = useState(0);\r\n\r\n const [itemGiftResponseReducer, setItemGiftResponseReducer] = useState({});\r\n\r\n const [floatingCheckoutIconIsClicked, setFloatingCheckoutIconIsClicked] =\r\n useState(false);\r\n const [isOpenEntrepreneurContactForm, setIsOpenEntrepreneurContactForm] =\r\n useState(false);\r\n const [isActiveSearch, setIsActiveSearch] = useState(false);\r\n //\r\n const [typePlan, setTypePlan] = useState(\"regular\");\r\n\r\n const [isLanguageLoaded, setIsLanguageLoaded] = useState(false);\r\n const [vCardWebPageEntreprenourData, setVCardWebPageEntreprenourData] =\r\n useState(\"\");\r\n const [vCardSponsorSelection, setVCardSponsorSelection] = useState(\"\");\r\n const [sponsorSelectionData, setSponsorSelectionData] = useState({});\r\n const [isProfileImageLoaded, setIsProfileImageLoaded] = useState(false);\r\n const [imageProfileUrl, setImageProfileUrl] = useState(\"\");\r\n\r\n //Effects\r\n //didMount\r\n\r\n useEffect(() => {\r\n /////////////////////////////////////////////////////////////\r\n\r\n //console.log(\"isMobile: \" + isMobile);\r\n //alert(\"isTablet: \" + isTablet);\r\n //console.log(\"isTablet: \" + isTablet);\r\n //console.log(\"deviceType\", deviceType);\r\n //alert(\"isMobileOnly: \" + isMobileOnly)\r\n //GetLanguages();\r\n const handleUnload = () => {\r\n dispatch(requestLoggUserActivity(74, 0, 0, \"\", \"Salio del sitio\"));\r\n };\r\n\r\n window.addEventListener(\"beforeunload\", handleUnload);\r\n dispatch(requestNavbarModuleInfo());\r\n dispatch(requestFooterModuleInfo());\r\n const deviceDetector = deviceDetect();\r\n let modelFirstCharge = {};\r\n let urlPage = \"\";\r\n if (props?.match?.params?.hasOwnProperty(\"webPage\")) {\r\n urlPage = props.match.params.webPage;\r\n }\r\n if (urlPage.length <= 0 && localStorage.getItem(\"ZUsaUrlPage\")) {\r\n urlPage = localStorage.getItem(\"ZUsaUrlPage\");\r\n }\r\n modelFirstCharge = {\r\n urlPage,\r\n browser:\r\n deviceDetector?.browserName === undefined\r\n ? \"\"\r\n : deviceDetector?.browserName,\r\n browserVersion:\r\n deviceDetector?.browserFullVersion === undefined\r\n ? \"\"\r\n : deviceDetector?.browserFullVersion,\r\n iP: \"\",\r\n os: deviceDetector?.osName === undefined ? \"\" : deviceDetector?.osName,\r\n osVersion:\r\n deviceDetector?.osVersion === undefined\r\n ? \"\"\r\n : deviceDetector?.osVersion,\r\n device:\r\n deviceDetector?.osName === undefined ? \"\" : deviceDetector?.osName,\r\n isDesktop,\r\n isMobile,\r\n isTablet,\r\n userAgent:\r\n deviceDetector?.userAgent === undefined\r\n ? \"\"\r\n : deviceDetector?.userAgent,\r\n email: \"\",\r\n };\r\n handleGAEvent(\r\n \"Navigation\",\r\n urlPage.length > 0\r\n ? \"Carga inicial del sitio bajo página web de emprendedora: \" + urlPage\r\n : \"Carga inicial del sitio\"\r\n );\r\n //home\r\n // if (urlPage.length = 0) {\r\n // dispatch(requestHomeModuleInfo());\r\n // }\r\n //primera carga\r\n dispatch(requestFirstChargeSite(modelFirstCharge));\r\n //sendPetitionFACEBOOK\r\n dispatch(requestInstagramPosts());\r\n //familia\r\n dispatch(requestAllProductFamiliesAsync());\r\n //logg\r\n dispatch(\r\n requestLoggUserActivity(\r\n 68,\r\n 0,\r\n 0,\r\n \"\",\r\n urlPage.length > 0\r\n ? \"Carga inicial del sitio bajo página web de emprendedora: \" +\r\n urlPage\r\n : \"Carga inicial del sitio\"\r\n )\r\n );\r\n }, []);\r\n\r\n //NAVBAR\r\n useEffect(() => {\r\n if (appReducers?.navBar?.errorLoadNavBarModule === false) {\r\n setMenuApp(appReducers?.navBar?.navigationBar?.items);\r\n }\r\n }, [\r\n appReducers?.navBar?.errorLoadNavBarModule,\r\n appReducers?.navBar?.navigationBar?.items,\r\n ]);\r\n //FOOTER\r\n useEffect(() => {\r\n if (appReducers?.footer?.errorLoadFooterModule === false) {\r\n setFooterIsLoadingEnable(false);\r\n if (i18n.language === \"en\")\r\n setFooterDataApp(appReducers?.footer?.footerModuleEn);\r\n if (i18n.language === \"es\")\r\n setFooterDataApp(appReducers?.footer?.footerModuleEs);\r\n }\r\n }, [\r\n appReducers?.footer?.errorLoadFooterModule,\r\n i18n.language,\r\n appReducers?.footer?.footerModuleEs,\r\n appReducers?.footer?.footerModuleEn,\r\n ]);\r\n //FIRST CHARGE SITE\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.general?.errorLoadFirstCharge !== \"undefined\" &&\r\n appReducers.general.errorLoadFirstCharge === false &&\r\n typeof appReducers?.general?.firstChargeModel !== \"undefined\" &&\r\n appReducers.products.promotionsEs &&\r\n appReducers.products.promotionsEn &&\r\n appReducers.products.newsEs &&\r\n appReducers.products.newsEn\r\n ) {\r\n //; //revisar esto //agregar la ruta al reducer de home //entrepenourPageInfo\r\n //if (props?.match?.params?.hasOwnProperty(\"webPage\") || ) {\r\n //}\r\n const { isGuestUser } = appReducers.general.firstChargeModel;\r\n\r\n if (isGuestUser && benefitType !== 5) {\r\n setBenefitType(5);\r\n setClientInfoToCloseOrder({\r\n ...clientInfoToCloseOrder,\r\n benefitType: 5,\r\n });\r\n }\r\n\r\n if (!isGuestUser) dispatch(requestClientInformation());\r\n\r\n if (appReducers?.general?.firstChargeModel?.idPage === 0) {\r\n setIsWebpage(false);\r\n\r\n dispatch(requestHomeModuleInfo());\r\n }\r\n\r\n if (appReducers?.general?.firstChargeModel?.idPage > 0) {\r\n setIsWebpage(true);\r\n\r\n if (props?.location?.pathname === \"/home\") {\r\n history.replace(`/mypage/${localStorage.getItem(\"ZUsaUrlPage\")}`);\r\n }\r\n dispatch(requestEntrepenourHomeModuleInfo());\r\n }\r\n\r\n const language =\r\n appReducers?.general?.firstChargeModel?.idLang === 1 ? \"es\" : \"en\";\r\n //i18n.changeLanguage(language);\r\n const languageSwiper = document.getElementById(\"languageSwiper\");\r\n if (languageSwiper) {\r\n languageSwiper.swiper.slideToLoop(language === \"en\" ? 0 : 1);\r\n }\r\n\r\n // dispatch(\r\n // requestAllProductsByLang(appReducers?.general?.firstChargeModel?.idLang)\r\n // );\r\n dispatch(requestAllCaregoriesAsync());\r\n dispatch(requestAllProductsAsync());\r\n dispatch(requestGetCartOrder());\r\n dispatch(requestClientAdministrationMenu());\r\n }\r\n }, [\r\n appReducers?.general?.errorLoadFirstCharge,\r\n appReducers?.general?.firstChargeModel,\r\n appReducers?.products?.promotionsEs,\r\n appReducers?.products?.promotionsEn,\r\n appReducers?.products?.newsEs,\r\n appReducers?.products?.newsEn,\r\n i18n,\r\n ]);\r\n\r\n // //ALL PRODUCTS\r\n // useEffect(() => {\r\n // if (\r\n // !appReducers?.products?.errorLoadAllCategories &&\r\n // appReducers?.products &&\r\n // appReducers?.products?.categoriesEs &&\r\n // appReducers?.products?.productsEs &&\r\n // appReducers?.products?.categoriesEn &&\r\n // appReducers?.products?.productsEn\r\n // ) {\r\n // //;\r\n // if (\r\n // appReducers?.products?.categoriesEs.length === 0 &&\r\n // appReducers?.products?.productsEs.length === 0 &&\r\n // appReducers?.products?.categoriesEn.length > 0 &&\r\n // appReducers?.products?.productsEn.length > 0\r\n // ) {\r\n // //;\r\n // dispatch(requestAllProductsByLang(1));\r\n // } else if (\r\n // appReducers?.products?.categoriesEs.length > 0 &&\r\n // appReducers?.products?.productsEs.length > 0 &&\r\n // appReducers?.products?.categoriesEn.length === 0 &&\r\n // appReducers?.products?.productsEn.length === 0\r\n // ) {\r\n // dispatch(requestAllProductsByLang(2));\r\n // }\r\n\r\n // //dispatch(requestAllProducts());\r\n // }\r\n // // else{\r\n // // if(i18n.language === \"en\")\r\n // // alert(\"prod en ingles\")\r\n // // if(i18n.language === \"es\")\r\n // // alert(\"prod en español\")\r\n // // }\r\n // }, [\r\n // //i18n.language,\r\n\r\n // appReducers?.products?.errorLoadAllCategories,\r\n // appReducers?.products?.categoriesEs,\r\n // appReducers?.products?.categoriesEn,\r\n // appReducers?.products?.productsEs,\r\n // appReducers?.products?.productsEn,\r\n\r\n // // appReducers?.products?.subCategoriesEsL1,\r\n // // appReducers?.products?.subCategoriesEsL2,\r\n // // appReducers?.products?.subCategoriesEsL3,\r\n\r\n // // appReducers?.products?.subCategoriesEnL1,\r\n // // appReducers?.products?.subCategoriesEnL2,\r\n // // appReducers?.products?.subCategoriesEnL3,\r\n // ]);\r\n\r\n //PRODUCTS LOAD\r\n useEffect(() => {\r\n if (\r\n !appReducers?.products?.errorLoadTrPrExProducts &&\r\n !appReducers?.products?.promotionsEn &&\r\n !appReducers?.products?.newsEn &&\r\n appReducers.products.familyEs &&\r\n appReducers.products.familyEn\r\n ) {\r\n dispatch(requestTrPrEx());\r\n }\r\n }, [\r\n appReducers?.products?.errorLoadTrPrExProducts,\r\n appReducers?.products?.promotionsEs,\r\n appReducers?.products?.promotionsEn,\r\n appReducers?.products?.newsEs,\r\n appReducers?.products?.newsEn,\r\n appReducers?.products?.familyEs,\r\n appReducers?.products?.familyEn,\r\n ]);\r\n\r\n //ADMISSION KITS\r\n useEffect(() => {\r\n if (appReducers?.products?.admissionKitList) {\r\n const kits = appReducers.products.admissionKitList;\r\n setAdmissionKits(\r\n kits.admissionKitList.filter(\r\n (f) =>\r\n f.typePlan === 1 && f.idLang == (i18n.language === \"es\" ? 1 : 2)\r\n )\r\n );\r\n setCpMemberships(\r\n kits.admissionKitList.filter(\r\n (f) =>\r\n f.typePlan === 2 && f.idLang == (i18n.language === \"es\" ? 1 : 2)\r\n )\r\n );\r\n } else {\r\n dispatch(requestGetAdmissionKits());\r\n }\r\n }, [appReducers?.products?.admissionKitList, i18n.language]);\r\n\r\n useEffect(() => {\r\n if (typeof appReducers?.cart?.errorCartOrder !== \"undefined\") {\r\n if (\r\n appReducers?.cart?.cartOrder &&\r\n !appReducers?.cart?.errorCartOrdererrorCartOrder\r\n ) {\r\n const order = appReducers.cart.cartOrder;\r\n setInfoCartOrder(order);\r\n\r\n //si escucha cambios en la orden validar los regalos\r\n dispatch(requestCartGetGiftList());\r\n }\r\n }\r\n // else {\r\n // ;\r\n // console.log(\"Hola\")\r\n // //dispatch(requestGetCartOrder());\r\n // }\r\n }, [appReducers?.cart?.cartOrder, appReducers?.cart?.errorCartOrder]);\r\n\r\n useEffect(() => {\r\n if (location) {\r\n //console.log(\"el path\", props.match.path);\r\n //console.log(\"location desde el BaseContainer\", location);\r\n //alert(location);\r\n if (!location.pathname.includes(\"contactUs\")) {\r\n //alert(\"si entre\");\r\n handleScrollToTop();\r\n }\r\n if (\r\n !location.pathname.includes(\"summary\") &&\r\n appReducers.general?.firstChargeModel?.typeUser === \"1\"\r\n ) {\r\n //console.log(\"desloguear\");\r\n dispatch(requestClientLogOut());\r\n }\r\n }\r\n }, [location]);\r\n\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.products?.errorLoadfavorites !== \"undefined\" &&\r\n typeof appReducers?.general?.errorLoadFirstCharge !== \"undefined\"\r\n ) {\r\n if (\r\n !appReducers?.products?.errorLoadfavorites &&\r\n appReducers?.products?.favoritesEn &&\r\n appReducers?.products?.favoritesEs\r\n ) {\r\n if (\r\n i18n.language === \"en\" &&\r\n appReducers?.products?.favoritesEn.length >= 0\r\n ) {\r\n setClientFavorites(appReducers?.products?.favoritesEn);\r\n }\r\n if (\r\n i18n.language === \"es\" &&\r\n appReducers?.products?.favoritesEs.length >= 0\r\n ) {\r\n setClientFavorites(appReducers?.products?.favoritesEs);\r\n }\r\n }\r\n } else {\r\n if (typeof appReducers?.general?.errorLoadFirstCharge !== \"undefined\") {\r\n if (!appReducers.general.errorLoadFirstCharge) {\r\n const { isGuestUser } = appReducers.general.firstChargeModel;\r\n if (isGuestUser === false) dispatch(requestFavorites());\r\n }\r\n }\r\n }\r\n }, [\r\n appReducers?.products?.errorLoadfavorites,\r\n appReducers?.products?.favoritesEn,\r\n appReducers?.products?.favoritesEs,\r\n appReducers?.general?.errorLoadFirstCharge,\r\n appReducers?.general?.firstChargeModel,\r\n i18n.language,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.products?.errorSetProductOnFavorites !== \"undefined\"\r\n ) {\r\n if (!appReducers.products.errorSetProductOnFavorites) {\r\n if (appReducers.products.isFavorite)\r\n enqueueSnackbar(\r\n t(\r\n \"__product_Detail_Module_Transaction_IsOnFavorites_Success_Message\"\r\n ),\r\n {\r\n variant: \"success\",\r\n }\r\n );\r\n else\r\n enqueueSnackbar(\r\n t(\r\n \"__product_Detail_Module_Transaction_IsNotOnFavorites_Success_Message\"\r\n ),\r\n {\r\n variant: \"success\",\r\n }\r\n );\r\n dispatch(requestFavorites());\r\n } else {\r\n enqueueSnackbar(\r\n t(\"__product_Detail_Module_Transaction_IsOnFavorites_Error_Message\"),\r\n {\r\n variant: \"error\",\r\n }\r\n );\r\n }\r\n dispatch(cleanSetFavoritesReducer());\r\n }\r\n }, [appReducers?.products?.errorSetProductOnFavorites]);\r\n\r\n //ORDER EFFECT\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.cart?.cartCurrentOrder !== \"undefined\" &&\r\n !isOpenFloatingCheckout &&\r\n !exclusiveRoutesForCartOrderListening.find((r) =>\r\n location.pathname.includes(r)\r\n )\r\n ) {\r\n switch (appReducers?.cart?.cartCurrentOrder?.code) {\r\n case 100:\r\n const typeOp = appReducers?.cart?.cartOpType;\r\n switch (typeOp) {\r\n case \"add\":\r\n handleOpenFloatingCheckoutOnProductAdd();\r\n enqueueSnackbar(t(\"__message_success_product_add_cart_label\"), {\r\n variant: \"success\",\r\n });\r\n break;\r\n case \"addClientCoupon\":\r\n enqueueSnackbar(\r\n t(\"__message_success_client_coupon_add_cart_label\"),\r\n {\r\n variant: \"success\",\r\n }\r\n );\r\n dispatch(requestGetCartCouponList());\r\n break;\r\n case \"delClientCoupon\":\r\n enqueueSnackbar(\r\n t(\"__message_success_client_coupon_deleted_cart_label\"),\r\n {\r\n variant: \"success\",\r\n }\r\n );\r\n dispatch(requestGetCartCouponList());\r\n break;\r\n case \"modify\":\r\n enqueueSnackbar(\r\n t(\"__message_success_product_modified_cart_label\"),\r\n {\r\n variant: \"success\",\r\n }\r\n );\r\n break;\r\n case \"delete\":\r\n enqueueSnackbar(\r\n t(\"__message_success_product_deleted_cart_label\"),\r\n {\r\n variant: \"warning\",\r\n }\r\n );\r\n break;\r\n default:\r\n }\r\n // enqueueSnackbar(t(\"__message_success_product_add_cart_label\"), {\r\n // variant: \"success\",\r\n // });\r\n dispatch(requestGetCartOrder());\r\n dispatch(cleanCartOrderOperations());\r\n break;\r\n case 110:\r\n enqueueSnackbar(t(\"__message_beauty_boxes_exeded_product_label\"), {\r\n variant: \"warning\",\r\n });\r\n break;\r\n case -100:\r\n enqueueSnackbar(appReducers?.cart?.cartCurrentOrder?.message, {\r\n variant: \"error\",\r\n });\r\n break;\r\n default:\r\n }\r\n }\r\n }, [\r\n appReducers?.cart?.cartCurrentOrder,\r\n appReducers?.cart?.cartOrder,\r\n appReducers?.cart?.errorCartOrder,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (\r\n appReducers?.home?.entrepenourPageInfo &&\r\n appReducers?.general?.firstChargeModel?.idPage > 0\r\n ) {\r\n setClientInfoToCloseOrder({\r\n ...clientInfoToCloseOrder,\r\n sponsor: appReducers?.home?.entrepenourPageInfo.idClient,\r\n });\r\n }\r\n }, [\r\n appReducers?.home.entrepenourPageInfo,\r\n appReducers?.general.firstChargeModel,\r\n ]);\r\n\r\n ////EFFECT MEJORADO USER INFO\r\n useEffect(() => {\r\n if (typeof appReducers?.general?.errorLoadFirstCharge !== \"undefined\") {\r\n const { isGuestUser } = appReducers.general.firstChargeModel;\r\n if (\r\n typeof appReducers?.client?.errorLoadClientLogedInformation !==\r\n \"undefined\"\r\n ) {\r\n if (!appReducers.general.errorLoadFirstCharge) {\r\n if (!appReducers.client.errorLoadClientLogedInformation) {\r\n //debugger\r\n const {\r\n addFiscalExists,\r\n name,\r\n lastName,\r\n email,\r\n password,\r\n telcell,\r\n typeUser,\r\n birthday,\r\n identificationType,\r\n identification,\r\n gender,\r\n address,\r\n suite,\r\n city,\r\n state,\r\n zip,\r\n } = appReducers.client.clientLogedinInformation;\r\n\r\n const { idUser, sponsorId, idClient } =\r\n appReducers.general.firstChargeModel;\r\n\r\n downloadProfileImageValidation(idUser);\r\n\r\n console.log(\r\n \"TESTING OK, SI ENTRO!!!\",\r\n parseInt(typeUser) < benefitType\r\n ? parseInt(typeUser)\r\n : benefitType\r\n );\r\n\r\n if (parseInt(typeUser) < benefitType) {\r\n setBenefitType(parseInt(typeUser));\r\n }\r\n\r\n setClientInfoToCloseOrder({\r\n ...clientInfoToCloseOrder,\r\n userId: idUser,\r\n clientId: idClient,\r\n sponsor: sponsorId,\r\n name,\r\n lastName,\r\n email,\r\n cellPhone: telcell,\r\n password: password,\r\n birthdate: birthday,\r\n gender,\r\n lng: i18n.language,\r\n shippStreet: address,\r\n shippSuite: suite,\r\n shippCity: city,\r\n shippState: state,\r\n shippZip: zip,\r\n fiscalStreet: address,\r\n fiscalSuite: suite,\r\n fiscalCity: city,\r\n fiscalState: state,\r\n fiscalZip: zip,\r\n withFiscalAddress: addFiscalExists,\r\n withShippmentAddress: address.length > 0,\r\n withNoInfo: false,\r\n allReadyRegister: true,\r\n benefitType:\r\n parseInt(typeUser) < benefitType\r\n ? parseInt(typeUser)\r\n : benefitType,\r\n });\r\n } else {\r\n //solo la orden\r\n }\r\n }\r\n } else {\r\n //\r\n }\r\n }\r\n }, [\r\n appReducers?.general.errorLoadFirstCharge,\r\n appReducers?.general.firstChargeModel,\r\n appReducers?.client.errorLoadClientLogedInformation,\r\n appReducers?.client.clientLogedinInformation,\r\n i18n?.language,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (infoCartOrder?.hasOwnProperty(\"code\") && infoCartOrder?.code === 100) {\r\n if (infoCartOrder?.order && infoCartOrder?.order !== null) {\r\n // const { orderId } = infoCartOrder?.order;\r\n if (infoCartOrder?.lines.length > 0) {\r\n if (\r\n infoCartOrder?.lines.find((l) =>\r\n admissionKits.find((kits) => kits.itemCode === l.line.codart)\r\n )\r\n ) {\r\n setBenefitType(1);\r\n // setClientInfoToCloseOrder({\r\n // ...clientInfoToCloseOrder,\r\n // benefitType: 1,\r\n // orderId,\r\n // //withNoInfo: clientInfoToCloseOrder.name.length === 0,\r\n // });\r\n } else if (\r\n infoCartOrder?.lines.find((l) =>\r\n cpMemberships.find((kits) => kits.itemCode === l.line.codart)\r\n )\r\n ) {\r\n setBenefitType(2);\r\n // setClientInfoToCloseOrder({\r\n // ...clientInfoToCloseOrder,\r\n // benefitType: 2,\r\n // orderId,\r\n // //withNoInfo: clientInfoToCloseOrder.name.length === 0,\r\n // });\r\n } else {\r\n setBenefitType(clientInfoToCloseOrder.benefitType);\r\n // setClientInfoToCloseOrder({\r\n // ...clientInfoToCloseOrder,\r\n // benefitType: 5,\r\n // orderId,\r\n // //withNoInfo: clientInfoToCloseOrder.name.length === 0,\r\n // });\r\n }\r\n } else {\r\n setBenefitType(clientInfoToCloseOrder.benefitType);\r\n // setClientInfoToCloseOrder({\r\n // ...clientInfoToCloseOrder,\r\n // benefitType: 5,\r\n // orderId,\r\n // //withNoInfo: clientInfoToCloseOrder.name.length === 0,\r\n // });\r\n }\r\n } else {\r\n setBenefitType(clientInfoToCloseOrder.benefitType);\r\n }\r\n }\r\n }, [\r\n infoCartOrder,\r\n admissionKits,\r\n cpMemberships,\r\n clientInfoToCloseOrder.benefitType,\r\n ]);\r\n\r\n ///EFECT SESSION USER INFO\r\n // useEffect(() => {\r\n // if (\r\n // typeof appReducers?.client?.errorLoadClientLogedInformation !==\r\n // \"undefined\" &&\r\n // typeof appReducers?.general?.errorLoadFirstCharge !== \"undefined\"\r\n // ) {\r\n\r\n // if (!appReducers.general.errorLoadFirstCharge) {\r\n // if (!appReducers.client.errorLoadClientLogedInformation) {\r\n // //debugger\r\n\r\n // const {\r\n // addFiscalExists,\r\n // name,\r\n // lastName,\r\n // email,\r\n // password,\r\n // telcell,\r\n // typeUser,\r\n // birthday,\r\n // identificationType,\r\n // identification,\r\n // gender,\r\n // address,\r\n // suite,\r\n // city,\r\n // state,\r\n // zip,\r\n // } = appReducers.client.clientLogedinInformation;\r\n // const { idUser, sponsorId, idClient } =\r\n // appReducers.general.firstChargeModel;\r\n // setClientInfoToCloseOrder({\r\n // ...clientInfoToCloseOrder,\r\n // userId: idUser,\r\n // clientId: idClient,\r\n // sponsor: sponsorId,\r\n // name,\r\n // lastName,\r\n // email,\r\n // cellPhone: telcell,\r\n // password: password,\r\n // benefitType: parseInt(typeUser),\r\n // birthdate: birthday,\r\n // gender,\r\n // lng: i18n.language,\r\n // shippStreet: address,\r\n // shippSuite: suite,\r\n // shippCity: city,\r\n // shippState: state,\r\n // shippZip: zip,\r\n // fiscalStreet: address,\r\n // fiscalSuite: suite,\r\n // fiscalCity: city,\r\n // fiscalState: state,\r\n // fiscalZip: zip,\r\n // withFiscalAddress: addFiscalExists,\r\n // withShippmentAddress: address.length > 0,\r\n // withNoInfo: false,\r\n // allReadyRegister: true,\r\n // });\r\n // setBenefitType(parseInt(typeUser));\r\n // } else {\r\n // setClientInfoToCloseOrder({\r\n // ...clientInfoToCloseOrder,\r\n // withNoInfo: true,\r\n // });\r\n // }\r\n // }\r\n\r\n // }\r\n // }, [\r\n // appReducers?.general.errorLoadFirstCharge,\r\n // appReducers?.general.firstChargeModel,\r\n // appReducers?.client.errorLoadClientLogedInformation,\r\n // appReducers?.client.clientLogedinInformation,\r\n // i18n?.language,\r\n // infoCartOrder,\r\n // admissionKits,\r\n // cpMemberships,\r\n // ]);\r\n\r\n // useEffect(() => {\r\n // if (infoCartOrder?.hasOwnProperty(\"code\") && infoCartOrder?.code === 100) {\r\n // if (infoCartOrder?.order && infoCartOrder?.order !== null) {\r\n // const { orderId } = infoCartOrder?.order;\r\n // if (infoCartOrder?.lines.length > 0)\r\n // {\r\n // let typeUsr = 5\r\n // if (appReducers?.client.clientLogedinInformation)\r\n // {\r\n // typeUsr = parseInt(appReducers?.client.clientLogedinInformation.typeUser)\r\n // }\r\n\r\n // if (\r\n // infoCartOrder?.lines.find((l) =>\r\n // admissionKits.find((kits) => kits.itemCode === l.line.codart)\r\n // )\r\n // ) {\r\n // setBenefitType(typeUsr > 1 ? 1 : typeUsr);\r\n // setClientInfoToCloseOrder({\r\n // ...clientInfoToCloseOrder,\r\n // benefitType: typeUsr > 1 ? 1 : typeUsr,\r\n // orderId,\r\n // });\r\n // } else if (\r\n // infoCartOrder?.lines.find((l) =>\r\n // cpMemberships.find((kits) => kits.itemCode === l.line.codart)\r\n // )\r\n // ) {\r\n\r\n // setBenefitType(typeUsr > 2 ? 2 : typeUsr);\r\n // setClientInfoToCloseOrder({\r\n // ...clientInfoToCloseOrder,\r\n // benefitType: typeUsr > 2 ? 2 : typeUsr,\r\n // orderId,\r\n // });\r\n // } else {\r\n // setBenefitType(typeUsr);\r\n // setClientInfoToCloseOrder({\r\n // ...clientInfoToCloseOrder,\r\n // benefitType: typeUsr,\r\n // orderId,\r\n // });\r\n // }\r\n // } else {\r\n // if (appReducers?.client.clientLogedinInformation)\r\n // setBenefitType(\r\n // parseInt(appReducers?.client.clientLogedinInformation.typeUser)\r\n // );\r\n // else{\r\n // setBenefitType(5);\r\n // setClientInfoToCloseOrder({\r\n // ...clientInfoToCloseOrder,\r\n // benefitType: 5,\r\n // orderId,\r\n // });\r\n // }\r\n // }\r\n // } else {\r\n // if (appReducers?.client.clientLogedinInformation){\r\n // setBenefitType(\r\n // parseInt(appReducers?.client.clientLogedinInformation.typeUser)\r\n // );\r\n // setClientInfoToCloseOrder({\r\n // ...clientInfoToCloseOrder,\r\n // benefitType: parseInt(appReducers?.client.clientLogedinInformation.typeUser),\r\n // });\r\n // }else{\r\n // setBenefitType(5);\r\n // setClientInfoToCloseOrder({\r\n // ...clientInfoToCloseOrder,\r\n // benefitType: 5,\r\n // });\r\n // }\r\n // }\r\n // }\r\n // }, [\r\n // infoCartOrder,\r\n // admissionKits,\r\n // cpMemberships,\r\n // appReducers?.client.clientLogedinInformation,\r\n // ]);\r\n\r\n //Lista de regalos\r\n useEffect(() => {\r\n if (appReducers?.cart?.cartGetGiftList) {\r\n let giftList = appReducers?.cart?.cartGetGiftList;\r\n if (giftList.code === 100) {\r\n if (giftList.giftSelectable.length > 0) {\r\n let { giftSelectable } = giftList;\r\n\r\n let arrayOnlyKey = [];\r\n giftSelectable.map((item) => {\r\n item.selected = false;\r\n\r\n let key = {};\r\n\r\n key.idRegalo = item.idRegalo;\r\n key.idx = item.idx;\r\n\r\n arrayOnlyKey.push(key);\r\n });\r\n //eliminar duplicados\r\n let arrayOnlyKeyUnique = arrayOnlyKey.reduce((acc, current) => {\r\n const x = acc.find(\r\n (item) =>\r\n item.idx === current.idx && item.idRegalo === current.idRegalo\r\n );\r\n if (!x) {\r\n return acc.concat([current]);\r\n } else {\r\n return acc;\r\n }\r\n }, []);\r\n //agruparlos en un estado por el tipo\r\n let arrayFinal = [];\r\n arrayOnlyKeyUnique.map((key) => {\r\n let arrayKeyEquals = [];\r\n arrayKeyEquals = giftSelectable.filter(\r\n (item) => item.idx === key.idx && item.idRegalo === key.idRegalo\r\n );\r\n arrayFinal.push(arrayKeyEquals);\r\n });\r\n\r\n setIsOpenGiftSelectModal(true);\r\n setCountGiftSelect(arrayFinal.length);\r\n } else {\r\n setIsOpenGiftSelectModal(false);\r\n setCountGiftSelect(0);\r\n }\r\n //dispatch(cleanCartGetGiftList());\r\n //validar un estado con el objeto que va llegando\r\n if (\r\n !isEqual(appReducers.cart.cartGetGiftList, itemGiftResponseReducer)\r\n ) {\r\n dispatch(requestGetCartOrder());\r\n setItemGiftResponseReducer(appReducers?.cart.cartGetGiftList);\r\n //cerrar el mini checout\r\n }\r\n }\r\n }\r\n }, [appReducers?.cart.cartGetGiftList]);\r\n\r\n //On i18n resolved language\r\n useEffect(() => {\r\n if (i18n.resolvedLanguage) {\r\n //Ya cargo el idioma\r\n // console.log(\"i18n.resolvedLanguage\", i18n.resolvedLanguage);\r\n setIsLanguageLoaded(true);\r\n }\r\n }, [i18n.resolvedLanguage]);\r\n\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.home?.errorLoadEntrepenourHomeModule !== \"undefined\"\r\n ) {\r\n if (\r\n !appReducers?.home?.errorLoadEntrepenourHomeModule &&\r\n appReducers?.home?.homeEntrepenourModuleEn\r\n ) {\r\n //debugger;\r\n buildVCardEntreprenourWebPageOwner(\r\n appReducers?.home?.entrepenourPageInfo\r\n );\r\n }\r\n } else {\r\n setVCardWebPageEntreprenourData(\"\");\r\n }\r\n }, [\r\n appReducers?.home.errorLoadEntrepenourHomeModule,\r\n appReducers?.home.homeEntrepenourModuleEs,\r\n appReducers?.home.homeEntrepenourModuleEn,\r\n ]);\r\n\r\n\r\n ///Effect registro de cliente final\r\n useEffect(() => {\r\n if (typeof appReducers?.client?.newRegistrationCheckoutData !== \"undefined\") {\r\n if ( appReducers?.client?.newRegistrationCheckoutData && appReducers?.client?.newRegistrationCheckoutData.response.code === 100 ) {\r\n if (\r\n typeof appReducers.client.modelNewRegistration !== \"undefined\"\r\n ) {\r\n \r\n setGuestInfoToCloseOrder({\r\n ...guestInfoToCloseOrder,\r\n name: appReducers.client.modelNewRegistration.name,\r\n lastName: appReducers.client.modelNewRegistration.lastname,\r\n email: appReducers.client.modelNewRegistration.email,\r\n stateS: appReducers.client.modelNewRegistration.stateS,\r\n cityS: appReducers.client.modelNewRegistration.cityS,\r\n streetS: appReducers.client.modelNewRegistration.streetS,\r\n zipS: appReducers.client.modelNewRegistration.zipS,\r\n suiteS: appReducers.client.modelNewRegistration.suiteS,\r\n stateF: appReducers.client.modelNewRegistration.stateF,\r\n cityF: appReducers.client.modelNewRegistration.cityF,\r\n streetF: appReducers.client.modelNewRegistration.streetF,\r\n zipF: appReducers.client.modelNewRegistration.zipF,\r\n suiteF: appReducers.client.modelNewRegistration.suiteF,\r\n phone: appReducers.client.modelNewRegistration.cellPhone,\r\n idClient: 0,\r\n isExists: false,\r\n });\r\n\r\n } else {\r\n \r\n setGuestInfoToCloseOrder(initialGuestInfo);\r\n\r\n }\r\n }\r\n }\r\n }, [\r\n appReducers?.client.newRegistrationCheckoutData,\r\n appReducers?.client.modelNewRegistration,\r\n ]);\r\n\r\n // const handleUnload = () => {\r\n // dispatch(requestLoggUserActivity(74, 0, 0, \"\", \"Salio del sitio\"));\r\n // };\r\n\r\n // useEffect(() => {\r\n // window.addEventListener(\"beforeunload\", handleUnload);\r\n\r\n // return () => window.removeEventListener(\"beforeunload\", handleUnload);\r\n // }, [handleUnload]);\r\n\r\n ///HANDLERS\r\n\r\n // const GetLanguages = async () => {\r\n // const resultLngEn = await GeneralService.GeyEnTranslation();\r\n // const resultLnges = await GeneralService.GeyEsTranslation();\r\n // console.log(\"traducción ingles\", resultLngEn)\r\n // console.log(\"traducción español\", resultLnges)\r\n // };\r\n\r\n const downloadProfileImageValidation = (uId = 0) => {\r\n if (uId === 0) uId = appReducers.general.firstChargeModel.idUser;\r\n\r\n const url =\r\n process?.env?.REACT_APP_STAGE === \"dev\"\r\n ? `http://10.10.1.16:8082/imageProfile/image_profile${uId}.jpg?V=${Math.floor(\r\n Math.random() * 100\r\n )}`\r\n : `https://www.zermatusa.com/imageProfile/image_profile${uId}.jpg?V=${Math.floor(\r\n Math.random() * 100\r\n )}`;\r\n var download = new Image();\r\n download.src = url;\r\n download.onload = () => {\r\n //resolve(download);\r\n setImageProfileUrl(url);\r\n setIsProfileImageLoaded(true);\r\n };\r\n download.onerror = function (err, msg) {\r\n //reject(\"name\");\r\n setImageProfileUrl(\"\");\r\n setIsProfileImageLoaded(false);\r\n };\r\n // return new Promise((resolve, reject) => {\r\n\r\n // });\r\n };\r\n\r\n const buildVCardEntreprenourWebPageOwner = (entreprenourInfo) => {\r\n let firstname = \"\";\r\n let lastname = \"\";\r\n const nameArray = entreprenourInfo.nameClient.split(\" \");\r\n nameArray.forEach((n, index) => {\r\n if (index === 0) {\r\n firstname = n;\r\n } else if (index == 1) {\r\n lastname = n;\r\n }\r\n });\r\n const additional = `EntreprenourID: ${entreprenourInfo.idClient}`;\r\n // const prefix = ''\r\n // const suffix = ''\r\n const myVCard = new VCard();\r\n myVCard\r\n // Add personal data\r\n .addName(lastname, firstname, \"\", \"\", \"\")\r\n // Add work data\r\n .addCompany(\"Zermat USA\")\r\n .addJobtitle(\"Zermat Entreprenour\")\r\n .addRole(additional)\r\n .addEmail(entreprenourInfo.email)\r\n .addPhoneNumber(entreprenourInfo.cellPhone, \"PREF;WORK\")\r\n // .addPhoneNumber(123456789, 'WORK')\r\n //.addAddress(null, null, 'street', 'worktown', null, 'workpostcode', 'Belgium')\r\n .addURL(\r\n `https://www.zermatusa.com/${localStorage.getItem(\"ZUsaUrlPage\")}`\r\n );\r\n setVCardWebPageEntreprenourData(myVCard.toString());\r\n };\r\n\r\n const buildVCardSponsorSelection = (entreprenourInfo) => {\r\n const additional = `EntreprenourID: ${entreprenourInfo.entreprenourId}`;\r\n // const prefix = ''\r\n // const suffix = ''\r\n const myVCard = new VCard();\r\n myVCard\r\n // Add personal data\r\n .addName(entreprenourInfo.lastName, entreprenourInfo.name, \"\", \"\", \"\")\r\n // Add work data\r\n .addCompany(\"Zermat USA\")\r\n .addJobtitle(\"Zermat Entreprenour\")\r\n .addRole(additional)\r\n .addEmail(entreprenourInfo.email)\r\n .addPhoneNumber(entreprenourInfo.cellPhone, \"PREF;WORK\");\r\n // .addPhoneNumber(123456789, 'WORK')\r\n //.addAddress(null, null, 'street', 'worktown', null, 'workpostcode', 'Belgium')\r\n setVCardSponsorSelection(myVCard.toString());\r\n setSponsorSelectionData(entreprenourInfo);\r\n };\r\n\r\n const cleanVCardSponsorSelection = () => {\r\n setVCardSponsorSelection(\"\");\r\n setSponsorSelectionData({});\r\n };\r\n\r\n const handleGAEvent = (category, action) => {\r\n //DEFAULT CATEGORIES\r\n //Navigation\r\n //User\r\n //CartOrder\r\n ReactGA.event({\r\n category: category,\r\n action: action,\r\n nonInteraction: false,\r\n });\r\n };\r\n\r\n const handleResetInfoClient = () => {\r\n //debugger\r\n setClientInfoToCloseOrder(initialClientInfo);\r\n setGuestInfoToCloseOrder(initialGuestInfo);\r\n };\r\n const handleResetInfoRegisterForm = () => {\r\n //debugger\r\n setClientInfoToCloseOrder(initialClientInfo);\r\n };\r\n const handleResetInfoGuestForm = () => {\r\n //debugger\r\n setGuestInfoToCloseOrder(initialGuestInfo);\r\n };\r\n\r\n const handleOpenFloatingCheckoutOnProductAdd = () => {\r\n console.log(\"handleOpenFloatingCheckoutOnProductAdd\");\r\n //Close all floating windows (SearchResults, Favorites, Webpage Form)\r\n //SearchResults\r\n if (isActiveSearch) {\r\n setIsActiveSearch(false);\r\n }\r\n //Favorites\r\n if (isOpenFloatingFavorites) {\r\n setIsOpenFloatingFavorites(false);\r\n }\r\n //Webpage Form\r\n if (isOpenEntrepreneurContactForm) {\r\n setIsOpenEntrepreneurContactForm(false);\r\n }\r\n //Open Floating Checkout\r\n if (!isOpenFloatingCheckout) {\r\n setIsOpenFloatingCheckout(true);\r\n }\r\n };\r\n\r\n return (\r\n {title}
\r\n \r\n ) : (\r\n\r\n
\r\n )}\r\n {title}
\r\n\r\n {ListProducts?.length > 4 ? (\r\n 4 ? 6 : 70}\r\n slidesPerGroup={4}\r\n loop={ListProducts?.length > 4 ? true : false}\r\n //loopFillGroupWithBlank={false}\r\n pagination={{\r\n clickable: true,\r\n }}\r\n navigation={true}\r\n // autoplay={{\r\n // delay: 7000,\r\n // disableOnInteraction: false,\r\n // }}\r\n autoplay={\r\n ListProducts?.length > 4\r\n ? { delay: 7000, disableOnInteraction: false }\r\n : false\r\n }\r\n breakpoints={{\r\n 320: {\r\n slidesPerGroup: 1,\r\n slidesPerView: 1,\r\n spaceBetween: 10,\r\n },\r\n 375: {\r\n slidesPerGroup: 1,\r\n slidesPerView: 1,\r\n spaceBetween: 10,\r\n },\r\n 768: {\r\n slidesPerView: 2,\r\n spaceBetween: 10,\r\n },\r\n 1024: {\r\n slidesPerView: 3,\r\n },\r\n 1025: {\r\n slidesPerView: 4,\r\n },\r\n }}\r\n modules={[Autoplay, Pagination, Navigation, EffectCoverflow]}\r\n >\r\n {ListProducts &&\r\n ListProducts.filter(\r\n (p) => typeof p !== \"undefined\" && p !== null\r\n ).map((product, index) => {\r\n return (\r\n \r\n \r\n dispatch(\r\n requestLoggUserActivity(\r\n 14,\r\n product?.subCat3 > 0\r\n ? product?.subCat3\r\n : product?.subCat2 > 0\r\n ? product?.subCat2\r\n : product?.subCat1 > 0\r\n ? product?.subCat1\r\n : product?.idCatProductsCategoriesType,\r\n product?.idCatProductsCategoriesType,\r\n product?.itemCode,\r\n \"Click en el Articulo: \" + product?.nameArticle\r\n )\r\n )\r\n }\r\n >\r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n \r\n {product.nameArticle}\r\n \r\n \r\n {product.typeLine === \"PD\" ? (\r\n //||\r\n // product.typeLine === \"P\" ||\r\n // product.typeLine === \"FV\" ||\r\n // product.typeLine === \"VV\" ||\r\n // product.typeLine === \"VF\"\r\n \r\n \r\n ${formatNumberWithCommas(product.regularPrice)}\r\n \r\n \r\n $\r\n {formatNumberWithCommas(product.promotionPrice)}\r\n \r\n \r\n ) : (\r\n \r\n \r\n ${formatNumberWithCommas(product.regularPrice)}\r\n \r\n \r\n )}\r\n \r\n
\r\n \r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n {\"\"}\r\n )}\r\n \r\n \r\n {product.isLabelConfig && (\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {t(\"__product_Detail_Module_Soldout_Text\")}\r\n \r\n
\r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__ads_title\")\r\n ) : (\r\n
\r\n\r\n \r\n {index === 0\r\n ? t(\"__ads_subtitle\")\r\n : t(\"__ads_subtitle2\")}\r\n
*/}\r\n {item.valueResources}
\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n )}\r\n\r\n {isMobile && !isTablet && !isDesktop && (\r\n \r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__ads_title\")\r\n ) : (\r\n
\r\n\r\n \r\n {index === 0\r\n ? t(\"__ads_subtitle\")\r\n : t(\"__ads_subtitle2\")}\r\n
*/}\r\n {item.valueResources}
\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__ads_title\")\r\n ) : (\r\n
\r\n\r\n \r\n {index === 0\r\n ? t(\"__ads_subtitle\")\r\n : t(\"__ads_subtitle2\")}\r\n
*/}\r\n {item.valueResources}
\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n )}\r\n\r\n {isMobile && !isTablet && !isDesktop && (\r\n \r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__ads_title\")\r\n ) : (\r\n
\r\n\r\n \r\n {index === 0\r\n ? t(\"__ads_subtitle\")\r\n : t(\"__ads_subtitle2\")}\r\n
*/}\r\n {item.valueResources}
\r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n )}\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__customer_support_card_information_title\")\r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__customer_support_card_information_subtitle\")\r\n ) : (\r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n {isLoadingEnable ? (\r\n
\r\n )}\r\n\r\n {/* \r\n
\r\n ) : (\r\n \r\n {titleSection}\r\n\r\n {withExtraButton && (\r\n \r\n {!isShowMore\r\n ? t(\"__home_section_product_see_more\")\r\n : t(\"__home_section_product_see_less\")}{\" \"}\r\n
\r\n )}\r\n \r\n
\r\n \r\n \r\n {isLoadingEnable ? (\r\n
\r\n */}\r\n\r\n {isLoadingEnable ? (\r\n \r\n
\r\n \r\n )}\r\n \r\n
\r\n ) : (\r\n \r\n {isMobile && !isTablet ? (\r\n
\r\n \r\n \r\n {t(\"__home_section_product_see_more_products\")}\r\n
\r\n \r\n )}\r\n \r\n {/* {console.log(\"homeModuleData\", homeModuleData.filter(\r\n (f) => f.idModContent === 1 || f.idModContent === 19\r\n ))} */}\r\n f.idModContent === 1 || f.idModContent === 19\r\n )}\r\n />\r\n
\r\n\r\n {homeModuleData.filter((f) => f.idModContentResType === 4).length > 0 &&\r\n homeModuleData\r\n .filter(\r\n (f) =>\r\n f.idModContentResType === 4 &&\r\n (f.idModContent === 3 || f.idModContent === 21)\r\n )\r\n .map((item, index) => (\r\n \r\n {homeModuleData.filter((f) => f.idModContentResType === 4).length > 0 &&\r\n homeModuleData\r\n .filter((f) => f.idModContentResType === 4)\r\n .sort((a, b) => a.orderRender - b.orderRender)\r\n .map((item, index) => (\r\n
*/}\r\n \r\n {\r\n dispatch(\r\n requestLoggUserActivity(\r\n 14,\r\n props?.item?.subCat3 > 0\r\n ? props?.item?.subCat3\r\n : props?.item?.subCat2 > 0\r\n ? props?.item?.subCat2\r\n : props?.item?.subCat1 > 0\r\n ? props?.item?.subCat1\r\n : props?.item?.idCatProductsCategoriesType,\r\n props?.item?.idCatProductsCategoriesType,\r\n props.item.itemCode,\r\n \"Click en el Articulo: \" + props.item.nameArticle\r\n )\r\n );\r\n // props?.handleGAEvent(\r\n // \"Navigation\",\r\n // \"Usuario Navega Al Detalle Del Articulo \" + props.item.itemCode\r\n // );\r\n }}\r\n >\r\n
\r\n \r\n {/* {!isOnlyCF && (\r\n \r\n {isOnlyCP ? (\r\n \r\n \r\n \r\n ) : (\r\n \r\n \r\n \r\n )}\r\n \r\n )} */}\r\n {/* {parseInt(props.item.typePlan) < 2 && (\r\n \r\n \r\n \r\n )} */}\r\n {parseInt(props.item.typePlan) > 1 &&\r\n parseInt(props.item.typePlan) !== 5 && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n {/* {console.log(\"stock\", props.item.stock)} */}\r\n {!props.item.available && {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {props.item.nameArticle}\r\n
\r\n\r\n \r\n {props.item.typeLine === \"PD\" ? (\r\n // ||\r\n // props.item.typeLine === \"P\" ||\r\n // props.item.typeLine === \"FV\" ||\r\n // props.item.typeLine === \"VV\" ||\r\n // props.item.typeLine === \"VF\"\r\n \r\n \r\n {formatPrice(props.item.regularPrice)}\r\n \r\n {formatPrice(props.item.promotionPrice)}\r\n \r\n ) : (\r\n \r\n \r\n {formatPrice(props.item.regularPrice)}\r\n \r\n \r\n )}\r\n
\r\n \r\n {!enableSearch ? (\r\n \r\n \r\n )}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default SearchComponent;\r\n","export default __webpack_public_path__ + \"static/media/ZCluchaMovil.7d9c828c.jpg\";","export default __webpack_public_path__ + \"static/media/ZCreforestarMovil.dac78f03.jpg\";","export default __webpack_public_path__ + \"static/media/ZCfoodMovil.8a3d61aa.jpg\";","export default __webpack_public_path__ + \"static/media/ZCtoyMovil.8ef1a3c3.jpg\";","export default __webpack_public_path__ + \"static/media/ZClatinasPC.e51d8d2e.jpg\";","export default __webpack_public_path__ + \"static/media/ZCforestPC.4cb20124.jpg\";","export default __webpack_public_path__ + \"static/media/ZCfoodBankPC.d1db2f8d.jpg\";","export default __webpack_public_path__ + \"static/media/ZCtoyPC.f02a2e44.jpg\";","import React, { Fragment, useState } from \"react\";\r\nimport { Typography } from \"@mui/material\";\r\nimport { isDesktop, isMobile, isTablet } from \"react-device-detect\";\r\nimport {\r\n Timeline,\r\n TimelineItem,\r\n TimelineSeparator,\r\n TimelineConnector,\r\n TimelineContent,\r\n TimelineDot,\r\n Skeleton,\r\n} from \"@mui/lab\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport latinasImage from \"../../../../assets/media/images/zcare/ZCluchaMovil.jpg\";\r\nimport reforestacion from \"../../../../assets/media/images/zcare/ZCreforestarMovil.jpg\";\r\nimport foodbank from \"../../../../assets/media/images/zcare/ZCfoodMovil.jpg\";\r\nimport toyZcare from \"../../../../assets/media/images/zcare/ZCtoyMovil.jpg\";\r\n//PC\r\nimport latinasImagePC from \"../../../../assets/media/images/zcare/ZClatinasPC.jpg\";\r\nimport reforestacionPC from \"../../../../assets/media/images/zcare/ZCforestPC.jpg\";\r\nimport foodbankPC from \"../../../../assets/media/images/zcare/ZCfoodBankPC.jpg\";\r\nimport toyZcarePC from \"../../../../assets/media/images/zcare/ZCtoyPC.jpg\";\r\n\r\nconst ZcareTimeline = ({ isLanguageLoaded }) => {\r\n const [anchorEl, setAnchorEl] = useState(null);\r\n const handleClick = (event) => {\r\n setAnchorEl(event.currentTarget);\r\n };\r\n /// TRANSLATION\r\n const { t } = useTranslation();\r\n const open = Boolean(anchorEl);\r\n const id = open ? \"simple-popover\" : undefined;\r\n\r\n return (\r\n \r\n
\r\n ) : (\r\n \r\n {\r\n setValueToSearch(e.target.value.toUpperCase());\r\n }}\r\n startAdornment={\r\n \r\n \r\n }\r\n />\r\n
\r\n {productsSearchedResult.length > 0 ? (\r\n \r\n
\r\n )}\r\n {t(\"__search_nothing_label\")}
\r\n{t(\"__search_try_label\")}
\r\n\r\n \r\n \r\n {\" \"}\r\n {isLanguageLoaded ? (\r\n t(\"__zcare_year_present\")\r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__zcare_timeline_present_description\")\r\n ) : (\r\n
\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n {isLanguageLoaded ? (\r\n t(\"__zcare_year_2020\")\r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__zcare_timeline_subtitle4_description\")\r\n ) : (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__zcare_year_2019\")\r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__zcare_timeline_subtitle3_description\")\r\n ) : (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__zcare_year_2018\")\r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__zcare_timeline_subtitle2_description\")\r\n ) : (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n {isLanguageLoaded ? (\r\n t(\"__zcare_year_2017\")\r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__zcare_timeline_subtitle1_description\")\r\n ) : (\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n setIsOpenModalCampaign(false);\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n {/*
\r\n \r\n \r\n {t(\"__zcare_modal_title\")}\r\n
\r\n \r\n
\r\n \r\n {!isLoadingEnabled ? (\r\n \r\n “Latinas contra el Cáncer”\r\n \r\n ) : (\r\n
\r\n \r\n {!isLoadingEnabled ? (\r\n \r\n En solidaridad a las mujeres Latinas y con el propósito de\r\n ser un instrumento de apoyo para la noble causa de mujeres\r\n que luchan una batalla contra el cáncer, Z Cares unió\r\n fuerzas para realizar una donación.\r\n \r\n ) : (\r\n
\r\n {prodZcare && (\r\n \r\n
\r\n )}\r\n \r\n {prodZcare.image ? (\r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n ) : (\r\n
\r\n \r\n {prodZcare.nameArticle ? (\r\n \r\n {capitalizeText(prodZcare.nameArticle)}\r\n \r\n ) : (\r\n \r\n ${parseFloat(prodZcare.regularPrice).toFixed(2)}\r\n \r\n ) : (\r\n
\r\n {/* \r\n
*/}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {t(\"__zcare_btn_add\")}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {t(\"__zcare_btn_pay\")}\r\n \r\n \r\n \r\n {/* */}\r\n {resourcesZCModule &&\r\n resourcesZCModule.length > 0 &&\r\n resourcesZCModule.map((item) => {\r\n if (item.idMod === 10 && item.idModContent === 42) {\r\n if (!isMobile) {\r\n {\r\n return item.content.map((res, idx) => {\r\n if (res.idModuleContentResourcesDetailType === 3) {\r\n return 
;\r\n }\r\n });\r\n }\r\n } else {\r\n return item.content.map((res, idx) => {\r\n if (res.idModuleContentResourcesDetailType === 1) {\r\n return ;\r\n }\r\n });\r\n }\r\n }\r\n })}\r\n
\r\n {/* \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__zcare_name_organization_description_one\")\r\n ) : (\r\n
\r\n \r\n
*/}\r\n \r\n
\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__zcare_name_organization_description_two\")\r\n ) : (\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__zcare_name_organization_description_three\")\r\n ) : (\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__zcare_name_organization_description_four\")\r\n ) : (\r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n {isLanguageLoaded ? t(\"__zcare_btn_help_us\") : \"\"}\r\n \r\n {/* */}\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__faq_title_Txt\")}\r\n \r\n ) : (\r\n
\r\n\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__faq_gral_title_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n \r\n {t(\"__faq_gral_question1_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_gral_anwswer1_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_gral_question2_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_gral_anwswer2_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_gral_question3_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_gral_anwswer3_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_gral_question4_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__faq_gral_anwswer4_Txt\") + \" \"}\r\n \r\n \r\n {t(\"__faq_gral_shipping_page1_Txt\")}\r\n \r\n \r\n {\" \" + t(\"__faq_gral_anwswer4_1Txt\")}\r\n \r\n \r\n {t(\"__faq_gral_shipping_page2_Txt\")}\r\n \r\n \r\n {t(\"__faq_gral_anwswer4_2Txt\")}\r\n \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_enterprising_question5_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_enterprising_anwswer5_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_enterprising_question6_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_enterprising_anwswer6_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_enterprising_question7_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_enterprising_anwswer7_Txt\")} \r\n ) : (\r\n \r\n \r\n
\r\n\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__faq_enterprising_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n \r\n {t(\"__faq_enterprising_question1_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__faq_enterprising_anwswer1_Txt\")}
\r\n {t(\"__faq_enterprising_anwswer1_1_Txt\")}\r\n \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_enterprising_question2_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_enterprising_anwswer2_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_enterprising_question3_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_enterprising_anwswer3_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_enterprising_question4_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__faq_enterprising_anwswer4_Txt\")}\r\n \r\n \r\n {t(\"__faq_enterprising_page_Txt\")}\r\n \r\n \r\n {t(\"__faq_enterprising_anwswer4_1_Txt\")}\r\n \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_enterprising_question5_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_enterprising_anwswer5_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_enterprising_question6_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_enterprising_anwswer6_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_enterprising_question7_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_enterprising_anwswer7_Txt\")} \r\n ) : (\r\n \r\n \r\n
\r\n \r\n {t(\"__faq_enterprising_anwswer1_1_Txt\")}\r\n
\r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__faq_CP_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n \r\n {t(\"__faq_CP_question1_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__faq_CP_anwswer1_Txt\")}
{\" \"}\r\n {t(\"__faq_CP_anwswer1_1_Txt\")}
{\" \"}\r\n {t(\"__faq_CP_anwswer1_2_Txt\")}\r\n \r\n ) : (\r\n \r\n \r\n\r\n \r\n {t(\"__faq_CP_question2_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_CP_anwswer2_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_CP_question3_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_CP_anwswer3_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_CP_question4_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_CP_anwswer4_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_CP_question5_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_CP_anwswer5_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_CP_question6_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_CP_anwswer6_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {t(\"__faq_CP_question7_Txt\")} \r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__faq_CP_anwswer7_Txt\")} \r\n ) : (\r\n \r\n \r\n \r\n {\"\"} \r\n \r\n \r\n {\"\"} \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default FAQ;\r\n","import React, { useEffect } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Skeleton } from \"@mui/material\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\nconst SalesSpot = ({ isLanguageLoaded }) => {\r\n /// TRANSLATION\r\n const { t } = useTranslation();\r\n //EEFECT\r\n useEffect(() => {\r\n document.title = \"Zermat USA :: Sales Spot\";\r\n }, []);\r\n return (\r\n {\" \"}\r\n {t(\"__faq_CP_anwswer1_1_Txt\")}
{\" \"}\r\n {t(\"__faq_CP_anwswer1_2_Txt\")}\r\n
\r\n {isLanguageLoaded ? (\r\n t(\"__sales_spot_title\")\r\n ) : (\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default SalesSpot;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Button, Skeleton } from \"@mui/material\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { isDesktop, isMobile, isTablet } from \"react-device-detect\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { requestLoggUserActivity } from \"./../../ReduxSaga/Actions/General\";\r\nimport { requestRemoveSetCategoriesReducer } from \"./../../ReduxSaga/Actions/Products\";\r\n// import { ArrowDropDown, ArrowDropUp, ArrowRight } from \"@material-ui/icons\";\r\n// import BreadcrumbsNavigationComponet from \"../navigation/components/BreadcrumbsNavigationComponet\";\r\n\r\nconst ProductsContainer = (props) => {\r\n /// TRANSLATION\r\n const { i18n } = useTranslation();\r\n /// REDUX\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.products = useSelector((state) => state.products);\r\n\r\n ///HOOKS\r\n const [categories, setCategories] = useState([]);\r\n\r\n ///EFECTS\r\n useEffect(() => {\r\n document.title = \"Zermat USA :: Product Categories\";\r\n //console.log(props);\r\n if (\r\n appReducers?.products?.isModulePromotions &&\r\n appReducers?.products?.categoriesEs &&\r\n appReducers?.products?.categoriesEn &&\r\n appReducers?.products?.categoriesEs.length > 0 &&\r\n appReducers?.products?.categoriesEn.length > 0\r\n ) {\r\n dispatch(requestRemoveSetCategoriesReducer());\r\n }\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!appReducers?.products?.errorLoadAllCategories) {\r\n if (i18n.language === \"en\")\r\n setCategories(appReducers.products.categoriesEn);\r\n if (i18n.language === \"es\")\r\n setCategories(appReducers.products.categoriesEs);\r\n } else {\r\n //manejar pantalla de error\r\n }\r\n }, [\r\n appReducers?.products?.errorLoadAllCategories,\r\n i18n.language,\r\n appReducers.products.categoriesEs,\r\n appReducers.products.categoriesEn,\r\n ]);\r\n ///HANDLERS\r\n\r\n return (\r\n \r\n {/* \r\n {categories?.length > 0\r\n ? categories.map((item, index) => {\r\n return (\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n })\r\n : [0, 1, 2, 3, 4, 5, 6, 7, 8].map((item) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__aboutUs_main_title\")\r\n ) : (\r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__aboutUs_main_history_text1\")\r\n ) : (\r\n \r\n
\r\n \r\n \r\n
\r\n\r\n {isMobile && (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__aboutUs_main_attributes_success_title\")\r\n ) : (\r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__aboutUs_main_attributes_success_description\")\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n \r\n {\" \"}\r\n {isLanguageLoaded ? (\r\n t(\"__aboutUs_main_attributes_modern_title\")\r\n ) : (\r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__aboutUs_main_attributes_modern_description\")\r\n ) : (\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {\" \"}\r\n {isLanguageLoaded ? (\r\n t(\"__aboutUs_main_attributes_versatile_title\")\r\n ) : (\r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__aboutUs_main_attributes_versatile_description\")\r\n ) : (\r\n \r\n
\r\n \r\n \r\n 
\r\n
\r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__aboutUs_main_mision_title\")}{\" \"}\r\n {t(\"__aboutUs_main_mision_description\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__aboutUs_main_vision_title\")}{\" \"}\r\n {t(\"__aboutUs_main_vision_description\")}\r\n \r\n ) : (\r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n {isLanguageLoaded ? (\r\n <>\r\n \r\n {t(\"__aboutUs_main_acknowledgment_title\")}\r\n \r\n \r\n {t(\"__aboutUs_main_acknowledgment1\")}\r\n \r\n \r\n {t(\"__aboutUs_main_acknowledgment2\")}\r\n \r\n \r\n {t(\"__aboutUs_main_acknowledgment3\")}\r\n \r\n \r\n {t(\"__aboutUs_main_acknowledgment4\")}\r\n \r\n \r\n {t(\"__aboutUs_main_acknowledgment5\")}\r\n \r\n \r\n ) : (\r\n [0, 1, 2, 3, 4].map((item) => {\r\n return (\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AboutsUsContainter;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Typography, Link as LinkOverride } from \"@mui/material\";\r\nimport { Link } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { requestClientAdministrationMenu } from \"./../../ReduxSaga/Actions/Client\";\r\nimport { requestLoggUserActivity } from \"./../../ReduxSaga/Actions/General\";\r\nimport { requestClientLogOut } from \"./../../ReduxSaga/Actions/Client\";\r\n\r\nconst ProfileContainer = (props) => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n /// HISTORY\r\n const history = useHistory();\r\n /// TRANSLATION\r\n const { t, i18n } = useTranslation();\r\n /// REDUX\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.client = useSelector((state) => state.client);\r\n\r\n ///HOOKS\r\n // const [dataNotification, setDataNotification] = useState({\r\n // isOpen: false,\r\n // type: \"\",\r\n // message: \"\",\r\n // icon: \"\",\r\n // });\r\n const [userLogedInfo, setUserLogedInfo] = useState({});\r\n const [clientAministrationMenu, setClientAministrationMenu] = useState([]);\r\n\r\n ///EFFECTS\r\n useEffect(() => {\r\n if (localStorage.getItem(\"ZUsaUInfo\")) {\r\n setUserLogedInfo(JSON.parse(localStorage.getItem(\"ZUsaUInfo\")));\r\n }\r\n }, [localStorage.getItem(\"ZUsaUInfo\")]);\r\n\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.client?.errorGetClientAdministrationMenu ===\r\n \"undefined\"\r\n ) {\r\n //EJECUTAR ESTE CUANDO SE LOGGE\r\n dispatch(requestClientAdministrationMenu());\r\n } else {\r\n if (!appReducers?.client?.errorGetClientAdministrationMenu) {\r\n if (i18n.language === \"en\")\r\n setClientAministrationMenu(\r\n appReducers?.client?.clientAdministrationMenu\r\n .filter((m) => m.idLang === 2)\r\n .sort((a, b) => a.orderRender - b.orderRender)\r\n );\r\n\r\n if (i18n.language === \"es\")\r\n setClientAministrationMenu(\r\n appReducers?.client?.clientAdministrationMenu\r\n .filter((m) => m.idLang === 1)\r\n .sort((a, b) => a.orderRender - b.orderRender)\r\n );\r\n } else {\r\n //error no se cargó el menú debido a una falla en el servicio que lo obtiene\r\n enqueueSnackbar(t(\"__myAccount_Load_Client_Menu_Error_Message\"), {\r\n variant: \"error\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\"__myAccount_Load_Client_Menu_Error_Message\"),\r\n // });\r\n }\r\n }\r\n }, [\r\n appReducers?.client?.errorGetClientAdministrationMenu,\r\n appReducers?.client?.clientAdministrationMenu,\r\n i18n.language,\r\n ]);\r\n\r\n return (\r\n \r\n {/*
\r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default ProfileContainer;\r\n","import { useCallback, useEffect, useState } from \"react\";\r\nimport { useHistory } from \"react-router\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport CenteredModal from \"./../../React/Modules/base/components/CenteredModal\";\r\n\r\nexport function RouterPrompt(props) {\r\n const { onBlock, onOK, onCancel, title, message, okText, cancelText } = props;\r\n\r\n ///HISTORY\r\n const history = useHistory();\r\n ///TRANSLATION\r\n const { t } = useTranslation();\r\n\r\n const [showPrompt, setShowPrompt] = useState(false);\r\n const [currentPath, setCurrentPath] = useState(\"\");\r\n\r\n useEffect(() => {\r\n if (onBlock) {\r\n history.block((prompt) => {\r\n setCurrentPath(prompt.pathname);\r\n setShowPrompt(true);\r\n return \"\";\r\n });\r\n } else {\r\n history.block(() => {});\r\n }\r\n\r\n return () => {\r\n history.block(() => {});\r\n };\r\n }, [history, onBlock]);\r\n\r\n const handleOK = useCallback(async () => {\r\n if (onOK) {\r\n const canRoute = await Promise.resolve(onOK());\r\n if (canRoute) {\r\n history.block(() => {});\r\n history.push(currentPath);\r\n }\r\n }\r\n }, [currentPath, history, onOK]);\r\n\r\n const handleCancel = useCallback(async () => {\r\n if (onCancel) {\r\n const canRoute = await Promise.resolve(onCancel());\r\n if (canRoute) {\r\n history.block(() => {});\r\n history.push(currentPath);\r\n }\r\n }\r\n setShowPrompt(false);\r\n }, [currentPath, history, onCancel]);\r\n\r\n return showPrompt ? (\r\n // \r\n
\r\n \r\n \r\n {t(\"__myAccount_Module_Title\")}\r\n \r\n \r\n {`${t(\"__myAccount_Favorites_Module_SubTitle\")} ${\r\n userLogedInfo.nameClient\r\n }`}\r\n \r\n
\r\n\r\n \r\n {clientAministrationMenu?.length > 0 &&\r\n clientAministrationMenu.map((menu, index) => (\r\n \r\n {menu.idModContent === 31 ? (\r\n {\r\n e.preventDefault();\r\n dispatch(requestClientLogOut());\r\n dispatch(\r\n requestLoggUserActivity(\r\n 25,\r\n 0,\r\n 0,\r\n \"\",\r\n \"Click en Cerrar Session\"\r\n )\r\n );\r\n //history.replace(\"/\");\r\n if (localStorage.getItem(\"ZUsaUrlPage\")) {\r\n history.replace(\r\n `/mypage/${localStorage.getItem(\"ZUsaUrlPage\")}`\r\n );\r\n } else {\r\n history.replace(\"/home\");\r\n }\r\n }}\r\n >\r\n {\r\n dispatch(\r\n requestLoggUserActivity(\r\n menu.idModContent === 27\r\n ? 51 //actualizar informacion\r\n : menu.idModContent === 28\r\n ? 48 //listado de pedidos\r\n : menu.idModContent === 29\r\n ? 49 //listados de favoritos\r\n : menu.idModContent === 30\r\n ? 50 //listado de referidos\r\n : 0,\r\n 0,\r\n 0,\r\n \"\",\r\n \"Click en: \" +\r\n (menu.idModContent === 27\r\n ? \"Mis Datos\" //actualizar informacion\r\n : menu.idModContent === 28\r\n ? \"My shopping\" //listado de pedidos\r\n : menu.idModContent === 29\r\n ? \"My favorites\" //listados de favoritos\r\n : menu.idModContent === 30\r\n ? \"Referidos registrados\" //listado de referidos\r\n : \"\")\r\n )\r\n );\r\n\r\n props?.handleGAEvent(\r\n \"User\",\r\n \"Usuario Navega A \" + menu.nameModConten\r\n );\r\n }}\r\n >\r\n
\r\n ))}\r\n\r\n {/* \r\n \r\n
\r\n \r\n \r\n {menu.nameModConten}\r\n \r\n \r\n {menu.descriptionModConten}\r\n \r\n
\r\n \r\n ) : (\r\n \r\n \r\n
\r\n \r\n \r\n {menu.nameModConten}\r\n \r\n \r\n {menu.descriptionModConten}\r\n \r\n
\r\n \r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n MIS COMPRAS\r\n \r\n \r\n Consulta tus compras y haz seguimiento de tus pedidos.\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n MIS FAVORITOS\r\n \r\n \r\n \r\n Consulta los productos que más has amado.\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n AMIGOS REGISTRADOS\r\n \r\n \r\n Consulta y comparte tus experiencias en Zermat.\r\n \r\n
\r\n \r\n \r\n \r\n
*/}\r\n \r\n \r\n
\r\n \r\n \r\n CERRAR SESIÓN\r\n \r\n
\r\n \r\n \r\n \r\n //
\r\n {title}
\r\n //\r\n // {message}\r\n //
\r\n //\r\n // \r\n // \r\n //
\r\n //\r\n
\r\n \r\n \r\n {t(\"__modal_validation_address_title\")}\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n - \r\n {addressListSugestion &&\r\n addressListSugestion.map((item, index) => (\r\n
\r\n
\r\n \r\n {/* PREVIEW */}\r\n \r\n {isProfileImageLoaded ? (\r\n {\r\n e.target.onerror = null;\r\n e.target.src = AvatarPlaceholder;\r\n }}\r\n />\r\n ) : (\r\n {convertNameToInitials(name)}\r\n )}\r\n
\r\n \r\n {!isActivedEdit && (\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n {/* INPUT FILE FOR SELECT IMAGE */}\r\n \r\n
\r\n\r\n \r\n {image.src && (\r\n \r\n
\r\n \r\n {isActivedEdit && (\r\n \r\n \r\n {\r\n setImage(initialImageState);\r\n imageFileInput.current.value = \"\";\r\n setIsActivedEdit(false);\r\n }}\r\n className=\"button__with__icon bg__dark__pink no__left__margin user__profile__wrapper__buttons__restore\"\r\n >\r\n \r\n )}\r\n
\r\n \r\n
\r\n {t(\"btn_text_save\")}\r\n \r\n \r\n
\r\n {t(\"btn_text_refresh\")}\r\n \r\n \r\n
\r\n \r\n \r\n {t(\r\n \"__myAccount_Profile_Information_My_Coupons_Modal_Title_Label\"\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n setPaypalEmail(e.target.value)}\r\n />\r\n \r\n {t(\"__modals__my__cupons__email__error__label\")}\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n {t(\r\n \"__myAccount_Profile_Information_My_Coupons_Modal_Total_Label\"\r\n )}\r\n \r\n\r\n \r\n {t(\r\n \"__myAccount_Profile_Information_My_Coupons_Modal_Money_Label\"\r\n ) + getTotalCuponsAmount().toFixed(2)}{\" \"}\r\n \r\n
\r\n \r\n {getTotalCuponsAmount() >= 50 && !isEmailTextFieldActive && (\r\n \r\n 
\r\n
\r\n )}\r\n {isEmailTextFieldActive && (\r\n \r\n {\r\n const amount = getTotalCuponsAmount();\r\n handleRequestImmediateGains(paypalEmail, amount);\r\n }}\r\n >\r\n {t(\"__modals__my__cupons__email__pay__label\")}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n {couponList?.map((coupon, index) => {\r\n return (\r\n
\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default TextFieldAndButtonComponent;\r\n","import React, { Fragment, useState, useEffect } from \"react\";\r\nimport {\r\n Button,\r\n FormControl,\r\n FormHelperText,\r\n MenuItem,\r\n Tooltip,\r\n Typography,\r\n Select,\r\n Fab,\r\n Skeleton,\r\n} from \"@mui/material\";\r\nimport { withStyles } from \"@mui/styles\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\n//import useUnsavedChangesWarning from \"./../../../Libraries/Utils/UnsavedChangesWarning\"\r\nimport { RouterPrompt } from \"./../../../Libraries/Utils/UnsavedChangesWarningP\";\r\nimport { requestClientInformation } from \"./../../ReduxSaga/Actions/Client\";\r\nimport { ConfirmationNumber, Save } from \"@mui/icons-material\";\r\nimport { isTablet, isMobile } from \"react-device-detect\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport {\r\n regexIsEmailAddressValid,\r\n regexIsCellphoneValid,\r\n restrictToOnlyLetters,\r\n restrictToOnlyLettersAndNumbers,\r\n restrictToOnlyLettersForEmail,\r\n restrictToOnlyNumbers,\r\n restrictToOnlyNumbersTwo,\r\n} from \"./../../../Libraries/Utils/regex\";\r\nimport {\r\n requestTwilioCellPhoneValidation,\r\n requestTwilioCellPhoneCodeValidation,\r\n} from \"./../../ReduxSaga/Actions/Twilio\";\r\nimport { requestAddressValidation } from \"./../../ReduxSaga/Actions/Address\";\r\nimport {\r\n requestClientUpdateInformation,\r\n cleanReducerClientUpdateInformation,\r\n requestCleanUploadImageReducer,\r\n requestUploadProfileImage,\r\n requestImmediateGains,\r\n requestCleanClientImmediateGainsReducer,\r\n} from \"./../../ReduxSaga/Actions/Client\";\r\nimport { requestGetCartCouponList } from \"./../../ReduxSaga/Actions/Cart\";\r\nimport {\r\n requestStatesAndCities,\r\n requestLoggUserActivity,\r\n} from \"./../../ReduxSaga/Actions/General\";\r\nimport ModalValidationAdress from \"../base/components/ModalValidationAdress\";\r\nimport ImageProfile from \"./ImageProfile\";\r\nimport Timer from \"../base/components/Timer\";\r\nimport ModalCoupons from \"./components/ModalCoupons\";\r\nimport TextFieldComponent from \"../base/components/TextFieldComponent\";\r\nimport TextFieldAndButtonComponent from \"../base/components/TextFieldAndButtonComponent\";\r\nimport ButtonComponent from \"../base/components/ButtonComponent\";\r\n\r\nconst StyledTooltip = withStyles((theme) => ({\r\n tooltip: {\r\n backgroundColor: \"#D39F46\",\r\n color: \"#fff\",\r\n maxWidth: 350,\r\n fontSize: \"12px\",\r\n border: \"1px solid #dadde9\",\r\n },\r\n}))(Tooltip);\r\n\r\nconst StyledFabTooltip = withStyles((theme) => ({\r\n tooltip: {\r\n backgroundColor: \"#4d6a7b\",\r\n },\r\n}))(Tooltip);\r\n\r\nconst UserProfileContainer = (props) => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n /// TRANSLATION\r\n const { t } = useTranslation();\r\n /// REDUX\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.twilio = useSelector((state) => state.twilio);\r\n appReducers.address = useSelector((state) => state.address);\r\n appReducers.client = useSelector((state) => state.client);\r\n appReducers.general = useSelector((state) => state.general);\r\n appReducers.cart = useSelector((state) => state.cart);\r\n\r\n ///WARNING\r\n //const usess = useUnsavedChangesWarning()\r\n\r\n /// HOOKS\r\n const [clientLogedinInformation, setClientLogedinInformation] = useState({});\r\n // const [dataNotification, setDataNotification] = useState({\r\n // isOpen: false,\r\n // type: \"\",\r\n // message: \"\",\r\n // icon: \"\",\r\n // });\r\n\r\n const [openAddressSugestion, setOpenAddressSugestion] = useState(false);\r\n const [addressListSugestion, setAddressListSugestion] = useState([]);\r\n const [shippAddressVerified, setShippAddressVerified] = useState(false);\r\n const [isCellphoneValidateFinal, setIsCellphoneValidateFinal] =\r\n useState(false);\r\n const [name, setName] = useState({\r\n emptyField: true,\r\n value: \"\",\r\n error: true,\r\n });\r\n const [lastName, setLastName] = useState({\r\n emptyField: true,\r\n value: \"\",\r\n error: true,\r\n });\r\n const [email, setEmail] = useState({\r\n emptyField: true,\r\n value: \"\",\r\n error: true,\r\n });\r\n const [cellPhone, setCellPhone] = useState({\r\n emptyField: false,\r\n value: \"\",\r\n error: false,\r\n });\r\n const [isCellPhoneValidated, setIsCellPhoneValidated] = useState({\r\n flag: false,\r\n message: \"\",\r\n });\r\n const [password, setPassword] = useState({\r\n emptyField: true,\r\n value: \"\",\r\n error: true,\r\n });\r\n const [passwordConfirmed, setPasswordConfirmed] = useState({\r\n emptyField: true,\r\n value: \"\",\r\n error: true,\r\n });\r\n const [shippStreet, setShippStreet] = useState({\r\n emptyField: true,\r\n value: \"\",\r\n error: true,\r\n });\r\n const [shippSuite, setShippSuite] = useState({\r\n emptyField: false,\r\n value: \"\",\r\n error: false,\r\n });\r\n const [shippState, setShippState] = useState({\r\n emptyField: true,\r\n value: \"\",\r\n error: true,\r\n });\r\n const [shippCity, setShippCity] = useState({\r\n emptyField: true,\r\n value: \"\",\r\n error: true,\r\n });\r\n const [shippZipCode, setShippZipCode] = useState({\r\n emptyField: true,\r\n value: \"\",\r\n error: true,\r\n });\r\n const [verificationCode, setVerificationCode] = useState(\"\");\r\n const [isCellPhoneCodeValidated, setIsCellPhoneCodeValidated] =\r\n useState(false);\r\n const [states, setStates] = useState([]);\r\n const [cities, setCities] = useState([]);\r\n const [isReturnActive, setIsReturnActive] = useState(false);\r\n const [isStartCountDown, setIsStartCountDown] = useState(false);\r\n const [isCountDown, setIsCountDown] = useState(0);\r\n const [isOpenCouponsModal, setIsOpenCouponsModal] = useState(false);\r\n const [couponList, setCouponList] = useState([]);\r\n const openTooltip = true;\r\n const [showPassword, setShowPassword] = useState(false);\r\n const [showConfirmPassword, setShowConfirmPassword] = useState(false);\r\n\r\n const [isCellPhoneEdit, setIsCellPhoneEdit] = useState(false);\r\n const [isPasswordEdit, setIsPasswordEdit] = useState(false);\r\n const [isAddressEdit, setIsAddressEdit] = useState(false);\r\n\r\n /// EFFECTS\r\n\r\n useEffect(() => {\r\n if (cellPhone.value.length > 0) {\r\n setIsCellphoneValidateFinal(true);\r\n } else {\r\n setIsCellphoneValidateFinal(false);\r\n }\r\n\r\n if (\r\n cellPhone.value.length >= 10 &&\r\n cellPhone.value !== clientLogedinInformation.telcell\r\n ) {\r\n setIsCellPhoneEdit(true);\r\n setIsCellPhoneCodeValidated(false);\r\n } else {\r\n setIsCellPhoneEdit(false);\r\n setIsCellPhoneCodeValidated(true);\r\n }\r\n }, [cellPhone.value.length]);\r\n\r\n useEffect(() => {\r\n if (\r\n shippStreet.value !== clientLogedinInformation.address ||\r\n shippSuite.value !== clientLogedinInformation.suite ||\r\n shippState.value !== clientLogedinInformation.state ||\r\n shippCity.value !== clientLogedinInformation.city ||\r\n shippZipCode.value !== clientLogedinInformation.zip\r\n ) {\r\n setIsAddressEdit(true);\r\n setShippAddressVerified(false);\r\n } else {\r\n setIsAddressEdit(false);\r\n setShippAddressVerified(true);\r\n }\r\n }, [\r\n shippZipCode.value?.length,\r\n shippCity.value?.length,\r\n shippState.value?.length,\r\n shippSuite.value?.length,\r\n shippStreet.value?.length,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (\r\n password.value.length >= 8 &&\r\n password.value !== clientLogedinInformation.password\r\n ) {\r\n setIsPasswordEdit(true);\r\n } else {\r\n setIsPasswordEdit(false);\r\n }\r\n }, [password.value.length]);\r\n\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.client?.errorLoadClientLogedInformation !==\r\n \"undefined\"\r\n ) {\r\n if (!appReducers?.client?.errorLoadClientLogedInformation) {\r\n const clientInfo = appReducers?.client?.clientLogedinInformation;\r\n setClientLogedinInformation(clientInfo);\r\n setName({\r\n emptyField: clientInfo.name.length <= 0,\r\n error: clientInfo.name.length <= 0,\r\n value: clientInfo.name,\r\n });\r\n setLastName({\r\n emptyField: clientInfo.lastName.length <= 0,\r\n error: clientInfo.lastName.length <= 0,\r\n value: clientInfo.lastName,\r\n });\r\n setEmail({\r\n emptyField: clientInfo.email.length <= 0,\r\n error: clientInfo.email.length <= 0,\r\n value: clientInfo.email,\r\n });\r\n setCellPhone({\r\n emptyField: clientInfo.telcell.length <= 0,\r\n error: clientInfo.telcell.length <= 0,\r\n value: clientInfo.telcell,\r\n });\r\n setPassword({\r\n emptyField: clientInfo.password.length <= 0,\r\n error: clientInfo.password.length <= 0,\r\n value: clientInfo.password,\r\n });\r\n setShippStreet({\r\n emptyField: clientInfo.address.length <= 0,\r\n error: clientInfo.address.length <= 0,\r\n value: clientInfo.address.toUpperCase(),\r\n });\r\n setShippSuite({\r\n emptyField: false,\r\n error: false,\r\n value: clientInfo.suite.toUpperCase(),\r\n });\r\n setShippState({\r\n emptyField: clientInfo.state.length <= 0,\r\n error: clientInfo.state.length <= 0,\r\n value: clientInfo.state.toUpperCase(),\r\n });\r\n setShippCity({\r\n emptyField: clientInfo.city.length <= 0,\r\n error: clientInfo.city.length <= 0,\r\n value: clientInfo.city.toUpperCase(),\r\n });\r\n setShippZipCode({\r\n emptyField: clientInfo.zip.length <= 0,\r\n error: clientInfo.zip.length <= 0,\r\n value: clientInfo.zip,\r\n });\r\n setIsCellPhoneEdit(false);\r\n setIsCellPhoneCodeValidated(clientInfo.telcell.length > 0);\r\n setIsPasswordEdit(false);\r\n\r\n setShippAddressVerified(true);\r\n setIsAddressEdit(false);\r\n } else\r\n enqueueSnackbar(\r\n t(\"__myAccount_Profile_Information_GettingInfo_Error_Message\"),\r\n {\r\n variant: \"error\",\r\n }\r\n );\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\r\n // \"__myAccount_Profile_Information_GettingInfo_Error_Message\"\r\n // ),\r\n // });\r\n } else {\r\n dispatch(requestClientInformation());\r\n }\r\n }, [\r\n appReducers?.client.errorLoadClientLogedInformation,\r\n appReducers?.client.clientLogedinInformation,\r\n ]);\r\n\r\n //Effect on Twilio CellPhone Validation\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.twilio?.errorTwilioCellValidation !== \"undefined\" ||\r\n typeof appReducers?.twilio?.code !== \"undefined\"\r\n )\r\n if (!appReducers?.twilio?.errorTwilioCellValidation) {\r\n // if(cellPhone.value !== clientLogedinInformation.telcell){\r\n // setIsCellPhoneCodeValidated(false);\r\n // }\r\n setIsCellPhoneValidated({\r\n flag: true,\r\n message: t(\"__forms_twilio_cell_validation_success_message\"),\r\n });\r\n enqueueSnackbar(t(\"__forms_twilio_cell_validation_success_message\"), {\r\n variant: \"success\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"success\",\r\n // message: t(\"__forms_twilio_cell_validation_success_message\"),\r\n // });\r\n } else {\r\n switch (appReducers?.twilio?.code) {\r\n case -100: //error de ejecucion\r\n setIsCellPhoneValidated({\r\n flag: false,\r\n message: t(\"__forms_twilio_cell_validation_gen_error\"),\r\n });\r\n enqueueSnackbar(t(\"__forms_twilio_cell_validation_gen_error\"), {\r\n variant: \"error\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\"__forms_twilio_cell_validation_gen_error\"),\r\n // });\r\n break;\r\n case -200: //error celular en bd\r\n setIsCellPhoneValidated({\r\n flag: false,\r\n message: t(\"__forms_twilio_cell_validation_db_error\"),\r\n });\r\n enqueueSnackbar(t(\"__forms_twilio_cell_validation_db_error\"), {\r\n variant: \"error\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\"__forms_twilio_cell_validation_db_error\"),\r\n // });\r\n break;\r\n case -300: //error celular no es un numero valido\r\n setIsCellPhoneValidated({\r\n flag: false,\r\n message: t(\"__forms_twilio_cell_validation_type_error\"),\r\n });\r\n enqueueSnackbar(t(\"__forms_twilio_cell_validation_type_error\"), {\r\n variant: \"error\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\"__forms_twilio_cell_validation_type_error\"),\r\n // });\r\n break;\r\n default:\r\n setIsCellPhoneValidated({\r\n flag: false,\r\n message: t(\"__forms_twilio_cell_validation_type_error\"),\r\n });\r\n enqueueSnackbar(t(\"__forms_twilio_cell_validation_type_error\"), {\r\n variant: \"error\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\"__forms_twilio_cell_validation_type_error\"),\r\n // });\r\n break;\r\n }\r\n }\r\n }, [appReducers?.twilio.errorTwilioCellValidation, appReducers?.twilio.code]);\r\n //Effect on Twilio CellPhone Code Send Validation\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.twilio?.errorTwilioCellCodeValidation !== \"undefined\"\r\n )\r\n if (appReducers?.twilio?.errorTwilioCellCodeValidation) {\r\n setIsCellPhoneCodeValidated(false);\r\n enqueueSnackbar(t(\"__forms_twilio_cell_val_code_error_message\"), {\r\n variant: \"error\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\"__forms_twilio_cell_val_code_error_message\"),\r\n // });\r\n } else {\r\n setIsCellPhoneCodeValidated(true);\r\n enqueueSnackbar(t(\"__forms_twilio_cell_val_code_success_message\"), {\r\n variant: \"success\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"success\",\r\n // message: t(\"__forms_twilio_cell_val_code_success_message\"),\r\n // });\r\n }\r\n }, [appReducers?.twilio.errorTwilioCellCodeValidation]);\r\n //Effect on Address Validation\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.address?.errorClientAddressValidation !== \"undefined\"\r\n )\r\n if (appReducers?.address?.errorClientAddressValidation) {\r\n if (\r\n appReducers?.address?.addressSugestion &&\r\n appReducers?.address?.addressSugestion.length > 0\r\n ) {\r\n setOpenAddressSugestion(true);\r\n setAddressListSugestion(appReducers?.address?.addressSugestion);\r\n } else {\r\n enqueueSnackbar(\r\n t(\"__forms_address_verification_error_noData_message\"),\r\n {\r\n variant: \"error\",\r\n }\r\n );\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\"__forms_address_verification_error_noData_message\"),\r\n // });\r\n setShippAddressVerified(false);\r\n setOpenAddressSugestion(false);\r\n setAddressListSugestion([]);\r\n }\r\n } else {\r\n enqueueSnackbar(t(\"__forms_address_verification_success_message\"), {\r\n variant: \"success\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"success\",\r\n // message: t(\"__forms_address_verification_success_message\"),\r\n // });\r\n setOpenAddressSugestion(false);\r\n setAddressListSugestion([]);\r\n setShippAddressVerified(true);\r\n }\r\n }, [\r\n appReducers.address.errorClientAddressValidation,\r\n appReducers.address.addressSugestion,\r\n ]);\r\n // Effect on Loading States and Cities List\r\n useEffect(() => {\r\n if (typeof appReducers?.general?.errorLoadStatesAndCities !== \"undefined\") {\r\n if (!appReducers?.general?.errorLoadStatesAndCities) {\r\n if (\r\n appReducers?.general?.statesAndCities &&\r\n appReducers?.general?.statesAndCities.length > 0\r\n )\r\n setStates(appReducers?.general?.statesAndCities);\r\n } else {\r\n enqueueSnackbar(t(\"__forms_states_cities_error_code_behind\"), {\r\n variant: \"error\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\"__forms_states_cities_error_code_behind\"),\r\n // });\r\n }\r\n } else dispatch(requestStatesAndCities());\r\n }, [\r\n appReducers?.general.errorLoadStatesAndCities,\r\n appReducers?.general.statesAndCities,\r\n ]);\r\n //Effect set cities selecting a state\r\n useEffect(() => {\r\n if (typeof states.length && states.length > 0)\r\n if (shippState?.value) {\r\n const stateSelected = states?.find((s) => s.state === shippState.value);\r\n if (stateSelected !== undefined) {\r\n setCities(stateSelected.cities);\r\n }\r\n }\r\n }, [states, shippState?.value]);\r\n //Effect on client information update\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.client?.errorClientUpdateInformation !== \"undefined\"\r\n ) {\r\n if (appReducers?.client?.errorClientUpdateInformation) {\r\n //error\r\n enqueueSnackbar(\r\n t(\"__myAccount_Profile_Information_Error_Update_Message\"),\r\n {\r\n variant: \"error\",\r\n }\r\n );\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\"__myAccount_Profile_Information_Error_Update_Message\"),\r\n // });\r\n dispatch(\r\n requestLoggUserActivity(\r\n 6,\r\n 0,\r\n 0,\r\n \"\",\r\n \"Se realizo Cambio en la Informacion Personal\"\r\n )\r\n );\r\n props?.handleGAEvent(\r\n \"User\",\r\n \"Usuario Realizo Cambio En Su Informacion Personal\"\r\n );\r\n } else {\r\n enqueueSnackbar(\r\n t(\"__myAccount_Profile_Information_Success_Update_Message\"),\r\n {\r\n variant: \"success\",\r\n }\r\n );\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"success\",\r\n // message: t(\"__myAccount_Profile_Information_Success_Update_Message\"),\r\n // });\r\n dispatch(cleanReducerClientUpdateInformation());\r\n dispatch(requestClientInformation());\r\n }\r\n }\r\n }, [appReducers?.client.errorClientUpdateInformation]);\r\n //Effect on Upload Image\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.client?.uploadProfileImageResponse !== \"undefined\"\r\n ) {\r\n if (appReducers.client.uploadProfileImageResponse.code === 100) {\r\n props.downloadProfileImageValidation();\r\n enqueueSnackbar(t(\"__message_image_update_profile_label\"), {\r\n variant: \"success\",\r\n });\r\n dispatch(\r\n requestLoggUserActivity(4, 0, 0, \"\", \"Se realizo Cambio de imagen\")\r\n );\r\n props?.handleGAEvent(\r\n \"User\",\r\n \"Usuario Realizo Cambio En Su Imagen De Perfil\"\r\n );\r\n } else {\r\n enqueueSnackbar(t(\"__message_error_avatar_profile_label\"), {\r\n variant: \"error\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\"__message_error_avatar_profile_label\"),\r\n // });\r\n }\r\n dispatch(requestCleanUploadImageReducer());\r\n }\r\n }, [appReducers?.client.uploadProfileImageResponse]);\r\n //effect on cupons\r\n useEffect(() => {\r\n if (typeof appReducers.cart?.cartCouponList !== \"undefined\") {\r\n const clist = appReducers?.cart?.cartCouponList;\r\n if (clist.code === 100) {\r\n setCouponList(clist.couponList);\r\n }\r\n } else {\r\n dispatch(requestGetCartCouponList());\r\n }\r\n }, [appReducers?.cart.cartCouponList]);\r\n\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.client?.requestImmediateGainsResponse !== \"undefined\"\r\n ) {\r\n if (appReducers.client.requestImmediateGainsResponse.code === 100) {\r\n enqueueSnackbar(t(\"__myAccount_Profile_Message_Confirm_Label\"), {\r\n variant: \"success\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"success\",\r\n // message: t(t(\"__myAccount_Profile_Message_Confirm_Label\")),\r\n // });\r\n } else {\r\n enqueueSnackbar(t(\"__myAccount_Profile_Message_error_Label\"), {\r\n variant: \"error\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\"__myAccount_Profile_Message_error_Label\"),\r\n // });\r\n }\r\n setIsOpenCouponsModal(false);\r\n dispatch(requestCleanClientImmediateGainsReducer());\r\n dispatch(requestGetCartCouponList());\r\n }\r\n }, [appReducers?.client.requestImmediateGainsResponse]);\r\n\r\n /// HANDLERS\r\n\r\n const handleCodeSenderVerdication = () => {\r\n dispatch(\r\n requestTwilioCellPhoneCodeValidation(cellPhone.value, verificationCode)\r\n );\r\n };\r\n const handleResendSmsCode = (event) => {\r\n setIsStartCountDown(true);\r\n setIsCountDown(60 * 5);\r\n setIsReturnActive(false);\r\n event.preventDefault();\r\n dispatch(requestTwilioCellPhoneValidation(cellPhone.value, true));\r\n };\r\n const handleValidateCellPhoneClient = () => {\r\n if (cellPhone.value.length === 10)\r\n dispatch(requestTwilioCellPhoneValidation(cellPhone.value, true));\r\n setIsStartCountDown(true);\r\n };\r\n const handleSendAddressToVerify = () => {\r\n dispatch(\r\n requestAddressValidation(\r\n shippStreet.value,\r\n shippSuite.value,\r\n shippState.value,\r\n shippCity.value,\r\n shippZipCode.value,\r\n \"e\",\r\n false\r\n )\r\n );\r\n };\r\n const handlerSelectAddressFromSugestion = (\r\n street,\r\n suite,\r\n state,\r\n city,\r\n zipCode\r\n ) => {\r\n setShippStreet({\r\n emptyField: street.length <= 0,\r\n error: street.length <= 0,\r\n value: street.toUpperCase(),\r\n });\r\n setShippSuite({\r\n emptyField: false,\r\n error: false,\r\n value: suite.toUpperCase(),\r\n });\r\n setShippState({\r\n emptyField: state.length <= 0,\r\n error: state.length <= 0,\r\n value: state.toUpperCase(),\r\n });\r\n setShippCity({\r\n emptyField: city.length <= 0,\r\n error: city.length <= 0,\r\n value: city.toUpperCase(),\r\n });\r\n setShippZipCode({\r\n emptyField: zipCode.length <= 0,\r\n error: zipCode.length <= 0,\r\n value: zipCode,\r\n });\r\n enqueueSnackbar(t(\"__forms_address_verification_success_message\"), {\r\n variant: \"success\",\r\n });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"success\",\r\n // message: t(\"__forms_address_verification_success_message\"),\r\n // });\r\n setOpenAddressSugestion(false);\r\n setShippAddressVerified(true);\r\n };\r\n const handleUpdatePersonalInformation = () => {\r\n dispatch(\r\n requestClientUpdateInformation(\r\n name.value,\r\n lastName.value,\r\n email.value,\r\n cellPhone.value,\r\n password.value,\r\n shippStreet.value,\r\n shippSuite.value,\r\n shippState.value,\r\n shippCity.value,\r\n shippZipCode.value\r\n )\r\n );\r\n };\r\n const handleUploadImage = (data, fileName) => {\r\n dispatch(requestUploadProfileImage(data, fileName));\r\n };\r\n\r\n const handleOpenCouponsModal = () => {\r\n setIsOpenCouponsModal(true);\r\n };\r\n const handleCloseCouponsModal = () => {\r\n setIsOpenCouponsModal(false);\r\n };\r\n const handleRequestImmediateGains = (paypalEmail, amount) => {\r\n dispatch(requestImmediateGains(amount, paypalEmail));\r\n };\r\n\r\n const handleClickShowPassword = () => {\r\n setShowPassword(!showPassword);\r\n };\r\n const handleClickShowConfirmPassword = () => {\r\n setShowConfirmPassword(!showConfirmPassword);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {clientLogedinInformation?.hasOwnProperty(\"name\") && (\r\n \r\n \r\n \r\n \r\n {\r\n restrictToOnlyNumbers(e);\r\n setCellPhone({ ...cellPhone, value: e.target.value });\r\n }}\r\n iconClass={\r\n cellPhone.value.length < 10 ||\r\n isCellPhoneValidated.flag ||\r\n cellPhone.value === clientLogedinInformation.telcell\r\n ? \"cellphoneGrayNewIcon \"\r\n : \"cellphoneOutlineRed \"\r\n }\r\n disabledButton={\r\n cellPhone.value.length < 10 ||\r\n isCellPhoneValidated.flag ||\r\n cellPhone.value === clientLogedinInformation.telcell\r\n ? true\r\n : false\r\n }\r\n onInput={(e) => {\r\n restrictToOnlyNumbers(e);\r\n setCellPhone({ ...cellPhone, value: e.target.value });\r\n }}\r\n onBlur={(e) => {\r\n if (!regexIsCellphoneValid(e.target.value)) {\r\n setCellPhone({\r\n ...cellPhone,\r\n error: true,\r\n value: e.target.value,\r\n });\r\n }\r\n }}\r\n handleEventButton={() => {\r\n if (cellPhone.value.length === 10) {\r\n handleValidateCellPhoneClient();\r\n }\r\n }}\r\n />\r\n 0 && \"\"\r\n : \"\"\r\n }\r\n isActiveHelp={password.value.length < 0}\r\n valueInput={password.value}\r\n typeInput={showPassword ? \"text\" : \"password\"}\r\n setValue={(e) => {\r\n setPassword({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length < 8,\r\n value: e.target.value,\r\n });\r\n }}\r\n iconClass={\"eyeRedOnlyIcon\"}\r\n handleEventButton={() => {\r\n handleClickShowPassword();\r\n }}\r\n onInput={(e) => {\r\n setPassword({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length < 8,\r\n value: e.target.value,\r\n });\r\n }}\r\n />\r\n {isPasswordEdit && (\r\n {\r\n setPasswordConfirmed({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length <= 8,\r\n value: e.target.value,\r\n });\r\n }}\r\n iconClass={\"eyeRedOnlyIcon\"}\r\n handleEventButton={() => {\r\n handleClickShowConfirmPassword();\r\n }}\r\n onInput={(e) => {\r\n setPasswordConfirmed({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length <= 8,\r\n value: e.target.value,\r\n });\r\n }}\r\n />\r\n )}\r\n\r\n {isCellPhoneValidated.flag && !isCellPhoneCodeValidated && (\r\n
\r\n \r\n \r\n \r\n {props.isLanguageLoaded ? (\r\n \r\n {t(\"__myAccount_Profile_Information_Data_Title\")}\r\n \r\n ) : (\r\n
\r\n\r\n \r\n
\r\n\r\n \r\n {\r\n restrictToOnlyLetters(e);\r\n setName({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length <= 0,\r\n value: e.target.value.toUpperCase(),\r\n });\r\n }}\r\n onInput={(e) => {\r\n restrictToOnlyLetters(e);\r\n setName({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length <= 0,\r\n value: e.target.value.toUpperCase(),\r\n });\r\n }}\r\n />\r\n {\r\n restrictToOnlyLetters(e);\r\n setLastName({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length <= 0,\r\n value: e.target.value.toUpperCase(),\r\n });\r\n }}\r\n onInput={(e) => {\r\n restrictToOnlyLetters(e);\r\n setLastName({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length <= 0,\r\n value: e.target.value.toUpperCase(),\r\n });\r\n }}\r\n />\r\n\r\n {\r\n if (!regexIsEmailAddressValid(e.target.value)) {\r\n setEmail({\r\n error: true,\r\n emptyField: e.target.value.length <= 0,\r\n value: e.target.value,\r\n });\r\n }\r\n }}\r\n onInput={(e) => {\r\n restrictToOnlyLettersForEmail(e);\r\n setEmail({\r\n error: e.target.value.length <= 0,\r\n emptyField: e.target.value.length <= 0,\r\n value: e.target.value,\r\n });\r\n }}\r\n onBlur={(e) => {\r\n if (!regexIsEmailAddressValid(e.target.value)) {\r\n setEmail({\r\n error: true,\r\n emptyField: e.target.value.length <= 0,\r\n value: e.target.value,\r\n });\r\n }\r\n }}\r\n />\r\n
\r\n\r\n \r\n
\r\n )}\r\n \r\n
\r\n \r\n {\r\n restrictToOnlyNumbersTwo(e, 6);\r\n setVerificationCode(e.target.value);\r\n }}\r\n onInput={(e) => {\r\n restrictToOnlyNumbersTwo(e, 6);\r\n setVerificationCode(e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n {isCellPhoneValidated.flag && (\r\n
\r\n \r\n {!isReturnActive ? (\r\n
\r\n \r\n \r\n {\r\n handleCodeSenderVerdication();\r\n }}\r\n handleActionSecondary={() => {}}\r\n valueCount=\"\"\r\n iconClass={\r\n verificationCode.length < 6\r\n ? \"cellphone__disabled\"\r\n : \"cellphone__enabled\"\r\n }\r\n textButton={\r\n props.isLanguageLoaded\r\n ? t(\r\n \"__new_members_kits_form_validate_code_label\"\r\n )\r\n : \"\"\r\n }\r\n leftAling={true}\r\n />\r\n \r\n
\r\n ) : (\r\n \r\n {isReturnActive && !isStartCountDown && (\r\n {\r\n handleResendSmsCode();\r\n }}\r\n handleActionSecondary={() => {}}\r\n valueCount=\"\"\r\n iconClass={\"cellphone__enabled\"}\r\n textButton={\r\n props.isLanguageLoaded\r\n ? t(\"__timer_btn_code_is_forwarded\")\r\n : \"\"\r\n }\r\n leftAling={true}\r\n />\r\n )}\r\n
\r\n )}\r\n \r\n \r\n {props.isLanguageLoaded ? (\r\n t(\"__myAccount_Profile_Information_Fiscal_Address_Title\")\r\n ) : (\r\n \r\n
\r\n {/* direccion */}\r\n \r\n {\r\n restrictToOnlyLettersAndNumbers(e);\r\n setShippStreet({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length <= 0,\r\n value: e.target.value.toUpperCase(),\r\n });\r\n }}\r\n onInput={(e) => {\r\n restrictToOnlyLettersAndNumbers(e);\r\n setShippStreet({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length <= 0,\r\n value: e.target.value.toUpperCase(),\r\n });\r\n }}\r\n />\r\n {\r\n restrictToOnlyLettersAndNumbers(e);\r\n setShippSuite({\r\n emptyField: false,\r\n error: false,\r\n value: e.target.value.toUpperCase(),\r\n });\r\n }}\r\n onInput={(e) => {\r\n restrictToOnlyLettersAndNumbers(e);\r\n setShippSuite({\r\n emptyField: false,\r\n error: false,\r\n value: e.target.value.toUpperCase(),\r\n });\r\n }}\r\n />\r\n
\r\n\r\n \r\n \r\n \r\n {/* \r\n {props.isLanguageLoaded\r\n ? t(\r\n \"__login_Create_Account_Txt_ShippAddress_State_Label\"\r\n )\r\n : \"\"}\r\n */}\r\n {\r\n setShippState({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length <= 0,\r\n value: e.target.value.toUpperCase(),\r\n });\r\n }}\r\n >\r\n {states.map((item, index) => (\r\n \r\n ))}\r\n \r\n \r\n {shippState.emptyField\r\n ? props.isLanguageLoaded\r\n ? t(\"__forms_empty_field_error_message\")\r\n : \"\"\r\n : \"\"}\r\n \r\n \r\n
\r\n \r\n {\r\n setShippCity({\r\n emptyField: false,\r\n error: false,\r\n value: restrictToOnlyLetters(e).toUpperCase(),\r\n });\r\n }}\r\n onInput={(e) => {\r\n setShippCity({\r\n emptyField: false,\r\n error: false,\r\n value: restrictToOnlyLetters(e).toUpperCase(),\r\n });\r\n }}\r\n />\r\n {\r\n restrictToOnlyNumbers(e);\r\n setShippZipCode({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length <= 0,\r\n value: e.target.value,\r\n });\r\n }}\r\n onInput={(e) => {\r\n restrictToOnlyNumbers(e);\r\n setShippZipCode({\r\n emptyField: e.target.value.length <= 0,\r\n error: e.target.value.length <= 0,\r\n value: e.target.value,\r\n });\r\n }}\r\n />\r\n \r\n handleSendAddressToVerify()}\r\n disabled={\r\n shippStreet.value.length <= 0 ||\r\n shippState.value.length <= 0 ||\r\n shippCity.value.length <= 0 ||\r\n shippZipCode.value.length !== 5 ||\r\n (shippStreet.value ===\r\n clientLogedinInformation.address &&\r\n shippSuite.value === clientLogedinInformation.suite &&\r\n shippState.value === clientLogedinInformation.state &&\r\n shippCity.value === clientLogedinInformation.city &&\r\n shippZipCode.value === clientLogedinInformation.zip)\r\n }\r\n className={\r\n shippStreet.value.length <= 0 ||\r\n shippState.value.length <= 0 ||\r\n shippCity.value.length <= 0 ||\r\n shippZipCode.value.length !== 5 ||\r\n (shippStreet.value ===\r\n clientLogedinInformation.address &&\r\n shippSuite.value === clientLogedinInformation.suite &&\r\n shippState.value === clientLogedinInformation.state &&\r\n shippCity.value === clientLogedinInformation.city &&\r\n shippZipCode.value === clientLogedinInformation.zip &&\r\n shippAddressVerified)\r\n ? \"button__with__icon bg__dark__pink no__left__margin\"\r\n : \"button__with__icon bg__dark__pink no__left__margin button__click__me\"\r\n }\r\n >\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n {props.isLanguageLoaded\r\n ? t(\r\n \"__checkout_order_steps_pay_register_shipping_Address\"\r\n )\r\n : \"\"}\r\n \r\n \r\n \r\n handleUpdatePersonalInformation()}\r\n disabled={\r\n //true //bloqueado\r\n //false //desbloqueado\r\n name?.value.length === 0 ||\r\n lastName?.value.length === 0 ||\r\n email?.value.length === 0 ||\r\n cellPhone?.value.length === 0 ||\r\n (isCellPhoneEdit\r\n ? isCellPhoneCodeValidated\r\n ? false\r\n : true\r\n : cellPhone?.value.length >= 10\r\n ? false\r\n : true) ||\r\n password?.value.length === 0 ||\r\n shippStreet?.value.length === 0 ||\r\n shippZipCode.value.length === 0 ||\r\n shippState.value.length === 0 ||\r\n shippCity.value.length === 0 ||\r\n (isPasswordEdit\r\n ? passwordConfirmed.value === password.value\r\n ? false\r\n : true\r\n : false) ||\r\n (name.value === clientLogedinInformation.name &&\r\n lastName.value === clientLogedinInformation.lastName &&\r\n email.value === clientLogedinInformation.email &&\r\n cellPhone.value === clientLogedinInformation.telcell &&\r\n password.value === clientLogedinInformation.password &&\r\n (isAddressEdit\r\n ? shippAddressVerified\r\n ? false\r\n : true\r\n : true))\r\n\r\n /*\r\n (name.value === clientLogedinInformation.name &&\r\n lastName.value === clientLogedinInformation.lastName &&\r\n email.value === clientLogedinInformation.email &&\r\n password.value === clientLogedinInformation.password &&\r\n passwordConfirmed.error) ||\r\n (passwordConfirmed.value !== password.value &&\r\n isCellphoneValidateFinal &&\r\n !shippAddressVerified)\r\n */\r\n }\r\n className=\"button__with__icon bg__dark__pink no__left__margin\"\r\n >\r\n
\r\n \r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default UserProfileContainer;\r\n","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport {\r\n Checkbox,\r\n FormControlLabel,\r\n List,\r\n ListItem,\r\n Typography,\r\n Tooltip,\r\n Breadcrumbs,\r\n Link,\r\n} from \"@mui/material\";\r\nimport { withStyles } from \"@mui/styles\";\r\nimport { Favorite, FavoriteBorder } from \"@mui/icons-material\";\r\nimport { NotificationsActive, Notifications } from \"@mui/icons-material\";\r\nimport ProductsCarousel from \"../products/components/ProductsCarousel\";\r\nimport {\r\n requestFavorites,\r\n requestSetProductOnFavorite,\r\n cleanSetFavoritesReducer,\r\n} from \"./../../ReduxSaga/Actions/Products\";\r\nimport { requestLoggUserActivity } from \"./../../ReduxSaga/Actions/General\";\r\nimport { formatNumberWithCommas } from \"./../../../Libraries/Utils/utils\";\r\nimport nothingHere from \"./../../../assets/media/images/nothingHere.png\";\r\nimport NotificationSnackbar from \"../base/components/NotificationSnackbar\";\r\n\r\nconst StyledTooltip = withStyles((theme) => ({\r\n tooltip: {\r\n backgroundColor: \"#D39F46\",\r\n color: \"#fff\",\r\n maxWidth: 350,\r\n fontSize: \"12px\",\r\n border: \"1px solid #dadde9\",\r\n },\r\n}))(Tooltip);\r\n\r\nconst FavoritesContainer = () => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n /// NAVIGATION\r\n const history = useHistory();\r\n /// TRANSLATION\r\n const { t, i18n } = useTranslation();\r\n /// REDUX\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.products = useSelector((state) => state.products);\r\n\r\n /// HOOKS\r\n const [dataNotification, setDataNotification] = useState({\r\n isOpen: false,\r\n type: \"\",\r\n message: \"\",\r\n icon: \"\",\r\n });\r\n const [userLogedInfo, setUserLogedInfo] = useState({});\r\n const [clientFavorites, setClientFavorites] = useState([]);\r\n const [promotionsData, setPromotionsData] = useState([]);\r\n\r\n /// EFFECTS\r\n useEffect(() => {\r\n if (\r\n !appReducers?.products?.errorLoadfavorites &&\r\n !appReducers?.products?.favoritesEn\r\n ) {\r\n dispatch(requestFavorites());\r\n } else {\r\n if (!appReducers?.products?.errorLoadfavorites) {\r\n if (i18n.language === \"en\") {\r\n setClientFavorites(appReducers?.products?.favoritesEn);\r\n }\r\n if (i18n.language === \"es\") {\r\n setClientFavorites(appReducers?.products?.favoritesEs);\r\n }\r\n }\r\n }\r\n }, [\r\n appReducers?.products?.errorLoadfavorites,\r\n i18n.language,\r\n appReducers?.products?.favoritesEn,\r\n appReducers?.products?.favoritesEs,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (\r\n !appReducers?.products?.errorLoadTrPrExProducts &&\r\n appReducers?.products?.promotionsEn\r\n ) {\r\n if (i18n.language === \"en\") {\r\n setPromotionsData(appReducers?.products?.promotionsEn);\r\n }\r\n if (i18n.language === \"es\") {\r\n setPromotionsData(appReducers?.products?.promotionsEs);\r\n }\r\n }\r\n }, [\r\n appReducers?.products?.errorLoadTrPrExProducts,\r\n i18n.language,\r\n appReducers?.products?.promotionsEs,\r\n appReducers?.products?.promotionsEn,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (localStorage.getItem(\"ZUsaUInfo\")) {\r\n setUserLogedInfo(JSON.parse(localStorage.getItem(\"ZUsaUInfo\")));\r\n }\r\n }, [localStorage.getItem(\"ZUsaUInfo\")]);\r\n\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.products?.errorSetProductOnFavorites !== \"undefined\"\r\n ) {\r\n if (!appReducers.products.errorSetProductOnFavorites) {\r\n enqueueSnackbar(\r\n t(\r\n \"__product_Detail_Module_Transaction_IsNotOnFavorites_Success_Message\"\r\n ),\r\n {\r\n variant: \"success\",\r\n }\r\n );\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"success\",\r\n // message: t(\r\n // \"__product_Detail_Module_Transaction_IsNotOnFavorites_Success_Message\"\r\n // ),\r\n // });\r\n dispatch(requestFavorites());\r\n } else {\r\n enqueueSnackbar(\r\n t(\"__product_Detail_Module_Transaction_IsOnFavorites_Error_Message\"),\r\n {\r\n variant: \"error\",\r\n }\r\n );\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"error\",\r\n // message: t(\r\n // \"__product_Detail_Module_Transaction_IsOnFavorites_Error_Message\"\r\n // ),\r\n // });\r\n }\r\n dispatch(cleanSetFavoritesReducer());\r\n }\r\n }, [appReducers?.products?.errorSetProductOnFavorites]);\r\n\r\n //HANDLERS\r\n //const handleChange = (e, item) => {\r\n // setState({ ...state, [event.target.name]: event.target.checked });\r\n // dispatch(requestSetProductOnFavorite(item.itemCode, item.typeLine, true, e.target.checked))\r\n //};\r\n\r\n const handleChangeFavorite = (e, item) => {\r\n dispatch(\r\n requestSetProductOnFavorite(\r\n item.itemCode,\r\n item.typeLine,\r\n e.target.checked,\r\n false\r\n )\r\n );\r\n\r\n dispatch(\r\n requestLoggUserActivity(\r\n 39,\r\n 0,\r\n 0,\r\n \"\",\r\n \"Click en Quitar de Favoritos: \" + String(item.itemCode)\r\n )\r\n );\r\n };\r\n\r\n return (\r\n \r\n = 10\r\n ? false\r\n : true) ||\r\n password?.value.length === 0 ||\r\n shippStreet?.value.length === 0 ||\r\n shippZipCode.value.length === 0 ||\r\n shippState.value.length === 0 ||\r\n shippCity.value.length === 0 ||\r\n (isPasswordEdit\r\n ? passwordConfirmed.value === password.value\r\n ? false\r\n : true\r\n : false) ||\r\n (name.value === clientLogedinInformation.name &&\r\n lastName.value === clientLogedinInformation.lastName &&\r\n email.value === clientLogedinInformation.email &&\r\n cellPhone.value === clientLogedinInformation.telcell &&\r\n password.value === clientLogedinInformation.password &&\r\n (isAddressEdit\r\n ? shippAddressVerified\r\n ? false\r\n : true\r\n : true))\r\n ? \"text__gray\"\r\n : \"text__white\"\r\n }\r\n />\r\n
\r\n \r\n {props.isLanguageLoaded\r\n ? t(\"btn_text_update_data_profile\").toUpperCase()\r\n : \"\"}\r\n \r\n \r\n \r\n {userLogedInfo.hasOwnProperty(\"idClient\") && (\r\n \r\n \r\n )}\r\n
\r\n \r\n\r\n \r\n \r\n {t(\"__myAccount_Favorites_Module_Title\")}\r\n \r\n \r\n {`${t(\"__myAccount_Favorites_Module_SubTitle\")} ${\r\n userLogedInfo.nameClient\r\n }`}\r\n \r\n
\r\n )}\r\n \r\n {clientFavorites?.length > 0 ? (\r\n
\r\n ))}\r\n \r\n ) : (\r\n - \r\n {clientFavorites?.map((product, index) => (\r\n
\r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n\r\n \r\n \r\n {product.nameArticle}\r\n \r\n {product.typeLine === \"PD\" ||\r\n product.typeLine === \"P\" ||\r\n product.typeLine === \"FV\" ||\r\n product.typeLine === \"VV\" ||\r\n product.typeLine === \"VF\" ? (\r\n \r\n \r\n ${formatNumberWithCommas(product.regularPrice)}\r\n \r\n \r\n ${formatNumberWithCommas(product.promotionPrice)}\r\n \r\n \r\n ) : (\r\n \r\n ${formatNumberWithCommas(product.regularPrice)}\r\n \r\n )}\r\n
\r\n \r\n \r\n {t(\"__profile_favorites_notification\")}\r\n \r\n ) : (\r\n \r\n {t(\"__profile_favorites_delete_notification\")}\r\n \r\n )\r\n }\r\n aria-label=\"add\"\r\n placement=\"top\"\r\n >\r\n handleChange(e, product)}\r\n icon={\r\n \r\n }\r\n checkedIcon={\r\n \r\n }\r\n />\r\n \r\n }\r\n />\r\n
\r\n \r\n \r\n handleChangeFavorite(e, product)}\r\n icon={\r\n \r\n }\r\n checkedIcon={\r\n \r\n }\r\n />\r\n \r\n }\r\n />\r\n
\r\n \r\n
\r\n {t(\"__myAccount_Favorites_Information_Nothing_Title\")}
\r\n\r\n {promotionsData.length > 0 && (\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default FavoritesContainer;\r\n","import React, { Fragment, useState, useEffect } from \"react\";\r\nimport {\r\n Drawer,\r\n Button,\r\n Chip,\r\n CircularProgress,\r\n Paper,\r\n TextField,\r\n Typography,\r\n Radio,\r\n RadioGroup,\r\n FormControlLabel,\r\n} from \"@mui/material\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport {\r\n regexIsCellphoneValid,\r\n regexIsEmailAddressValid,\r\n restrictToOnlyLettersForEmail,\r\n restrictToOnlyNumbers,\r\n} from \"./../../../../Libraries/Utils/regex\";\r\n\r\nconst SlideReferredFriends = ({\r\n isOpenSlideModal,\r\n setIsOpenSlideModal,\r\n referrerCode,\r\n dispatch,\r\n requestReferrerCodeSendedLog,\r\n cleanReferrerCodeSendedLogReducer,\r\n appReducers,\r\n requestLoggUserActivity,\r\n}) => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n /// TRANSLATION\r\n const { t } = useTranslation();\r\n\r\n const [value, setValue] = useState(\"\");\r\n const [loading, setLoading] = useState(false);\r\n // const [messageNotification, setMessageNotification] = useState(\"\");\r\n // const [isOpenNotification, setIsOpenNotification] = useState(true);\r\n const [email, setEmail] = useState(\"\");\r\n const [cellPhone, setCellPhone] = useState(\"\");\r\n\r\n useEffect(() => {\r\n if (typeof appReducers?.referrer?.responseReferrerCodeLog !== \"undefined\") {\r\n setLoading(false);\r\n if (appReducers.referrer.responseReferrerCodeLog.code === 100) {\r\n enqueueSnackbar(t(\"__message_send_code_referred_label\"), {\r\n variant: \"success\",\r\n });\r\n // setIsOpenNotification(true);\r\n // setMessageNotification();\r\n dispatch(cleanReferrerCodeSendedLogReducer());\r\n //looggg del referido\r\n dispatch(\r\n requestLoggUserActivity(\r\n 55,\r\n 0,\r\n 0,\r\n \"\",\r\n \"Se registro Referido de Manera Correcta. Via: \" +\r\n value +\r\n \". Contacto: \" +\r\n (value === \"email\" ? email : cellPhone)\r\n )\r\n );\r\n } else {\r\n switch (appReducers.referrer.responseReferrerCodeLog.code) {\r\n case -100:\r\n enqueueSnackbar(t(\"__message_something_bad_label\"), {\r\n variant: \"error\",\r\n });\r\n //setMessageNotification(t(\"__message_something_bad_label\"));\r\n break;\r\n case -200:\r\n enqueueSnackbar(t(\"__message_phone_provider_not_number_label\"), {\r\n variant: \"error\",\r\n });\r\n // setMessageNotification(\r\n // t(\"__message_phone_provider_not_number_label\")\r\n // );\r\n break;\r\n case -300:\r\n enqueueSnackbar(t(\"__message_something_bad_label\"), {\r\n variant: \"error\",\r\n });\r\n // setMessageNotification(t(\"__message_something_bad_label\"));\r\n break;\r\n case -400:\r\n enqueueSnackbar(t(\"__message_something_bad_label\"), {\r\n variant: \"error\",\r\n });\r\n //setMessageNotification(t(\"__message_something_bad_label\"));\r\n break;\r\n case -500:\r\n enqueueSnackbar(t(\"__message_invalid_email_provider_label\"), {\r\n variant: \"error\",\r\n });\r\n // setMessageNotification(t(\"__message_invalid_email_provider_label\"));\r\n break;\r\n case -600:\r\n enqueueSnackbar(t(\"__message_something_bad_label\"), {\r\n variant: \"error\",\r\n });\r\n //setMessageNotification(t(\"__message_something_bad_label\"));\r\n break;\r\n default:\r\n break;\r\n }\r\n // setIsOpenNotification(true);\r\n }\r\n setEmail(\"\");\r\n setCellPhone(\"\");\r\n }\r\n }, [appReducers?.referrer?.responseReferrerCodeLog]);\r\n\r\n const handleButtonClick = () => {\r\n setLoading(true);\r\n dispatch(requestReferrerCodeSendedLog(referrerCode, email, cellPhone));\r\n };\r\n const handleChange = (event) => {\r\n setValue(event.target.value);\r\n if (event.target.value === \"email\") setCellPhone(\"\");\r\n else setEmail(\"\");\r\n };\r\n const handleCloseSlideModal = () => {\r\n setIsOpenSlideModal(false);\r\n //limpiar los estados\r\n setValue(\"\");\r\n };\r\n\r\n return (\r\n \r\n
\r\n {/* \r\n \r\n \r\n {t(\"__profile_Friends_Referred_title\")}\r\n \r\n \r\n {t(\"__profile_Friends_Referred_select_contact\")}\r\n \r\n \r\n {t(\"btn_text_send\")}\r\n \r\n {loading &&
\r\n \r\n \r\n
\r\n \r\n {value && value === \"email\" && (\r\n {\r\n setEmail(restrictToOnlyLettersForEmail(e));\r\n }}\r\n value={email}\r\n label={t(\r\n \"__profile_Friends_Referred_select_contact_form_email\"\r\n )}\r\n type=\"email\"\r\n />\r\n )}\r\n {value && value === \"sms\" && (\r\n {\r\n setCellPhone(restrictToOnlyNumbers(e));\r\n }}\r\n inputProps={{\r\n maxLength: 10,\r\n }}\r\n value={cellPhone}\r\n label={t(\r\n \"__profile_Friends_Referred_select_contact_form_sms\"\r\n )}\r\n type=\"tel\"\r\n />\r\n )}\r\n
\r\n \r\n {/*
\r\n {referrerCode.length > 0 && (\r\n \r\n \r\n {t(\"__myAccount_Profile_Referrals_Title\")}\r\n \r\n
*/}\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__myAccount_Profile_Referrals_Subtitle\")}\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {item.name}\r\n \r\n \r\n {item.dateAudit}\r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__message_referred_pending coupon_label\")\r\n ) : (\r\n \r\n
\r\n ))}\r\n \r\n \r\n
\r\n {referrersList\r\n .filter((r) => !r.isRegistered)\r\n .map((item, index) => (\r\n \r\n \r\n \r\n {item.name}\r\n \r\n \r\n {item.dateAudit}\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__message_referred_registered_label\")}\r\n \r\n ) : (\r\n
\r\n ))}\r\n \r\n \r\n
\r\n {referrersList\r\n .filter((r) => r.isRegistered)\r\n .map((item, index) => (\r\n \r\n
\r\n )}\r\n \r\n {isOpenNotification && (\r\n \r\n \r\n \r\n copyToClipBoard(\r\n process.env.REACT_APP_STAGE === \"dev\"\r\n ? `http://10.10.1.16:8082/referred/${referrerCode}`\r\n : `https://www.zermatusa.com/referred/${referrerCode}`\r\n )\r\n }\r\n aria-label=\"shared\"\r\n >\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n ) : (\r\n \r\n {confirmedOrders &&\r\n confirmedOrders.map((order, index) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n );\r\n })}\r\n \r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default ShoppingContainer;\r\n","import React from \"react\";\r\nimport { Button, Typography, Skeleton } from \"@mui/material\";\r\n//import NotificationSnackbar from \"../../base/components/NotificationSnackbar\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { capitalizeText } from \"../../../../Libraries/Utils/utils\";\r\n// import { requestCancelOrderComplete } from \"../../../ReduxSaga/Actions/Repayment\";\r\n// import { useDispatch, useSelector } from \"react-redux\";\r\n\r\nconst ShoppingCancel = ({ setStatusOpc, order, handleClickCancellation }) => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n //state\r\n // const [isOpenNotification, setIsOpenNotification] = useState(false);\r\n // const [isLoadingEnabled, setIsLoadingEnabled] = useState(true);\r\n // const [isObjectFakeReducer, setIsObjectFakeReducer] = useState({});\r\n\r\n /// TRANSLATION\r\n const { t, i18n } = useTranslation();\r\n\r\n // /////Reducer\r\n // const dispatch = useDispatch();\r\n\r\n // const appReducers = {};\r\n // appReducers.repayment = useSelector((state) => state.repayment);\r\n // /////hooks\r\n // const handleClickCancellation = () => {\r\n // dispatch(requestCancelOrderComplete());\r\n // };\r\n\r\n // useEffect(() => {\r\n // if (appReducers?.repayment?.objectFake) {\r\n // setIsObjectFakeReducer(appReducers.repayment);\r\n // console.log(\"ÿa estamos de regreso\");\r\n // }\r\n // }, [appReducers?.repayment?.objectFake]);\r\n\r\n // useEffect(() => {\r\n // if (isObjectFakeReducer) {\r\n // console.log(\"este es el objeto fake\", isObjectFakeReducer);\r\n // }\r\n // }, [isObjectFakeReducer]);\r\n return (\r\n \r\n {isLanguageLoaded ? (\r\n <>\r\n {\" \"}\r\n \r\n {t(\"__myAccount_Profile_Orders_Title\")}\r\n \r\n \r\n {t(\"__myAccount_Profile_Orders_Subtitle\")}\r\n \r\n \r\n ) : (\r\n
\r\n {confirmedOrders && confirmedOrders.length === 0 ? (\r\n \r\n
\r\n \r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__myAccount_Profile_Nothing_Orders_Title\")}\r\n \r\n ) : (\r\n
\r\n \r\n \r\n
- \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {moment(order.fecPedido).format(\"DD-MM-YYYY\")}\r\n \r\n \r\n ${parseFloat(order.totalAmount).toFixed(2)}\r\n \r\n
\r\n \r\n \r\n dispatch(\r\n requestLoggUserActivity(\r\n 34,\r\n 0,\r\n 0,\r\n \"\",\r\n \"Click en Ver Detalles Orden: \" +\r\n String(order.idPedido)\r\n )\r\n )\r\n }\r\n >\r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__proucts_see_detail_label\")}\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n \r\n {/* \r\n */}\r\n
\r\n \r\n \r\n {t(\"__profile_shopping_cancel_title\")}\r\n \r\n
\r\n \r\n \r\n {t(\"__profile_shopping_cancel_list_products\")}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {order?.detail ? (\r\n <>\r\n {\" \"}\r\n {order.detail.map((item, index) => {\r\n return (\r\n item.typeLine !== \"C\" && (\r\n \r\n
\r\n )\r\n );\r\n })}\r\n \r\n ) : (\r\n <>\r\n {[0, 1, 2].map((itemX) => {\r\n return (\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n \r\n {i18n.language === \"es\"\r\n ? capitalizeText(item.descEs)\r\n : capitalizeText(item.descEn)}\r\n \r\n \r\n ${parseFloat(item.price).toFixed(2)}\r\n \r\n
\r\n \r\n \r\n {item.cant} pz\r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"__checkout_order_subtotal\")}\r\n
\r\n \r\n ${parseFloat(order.totalAmount).toFixed(2)}\r\n
\r\n \r\n
\r\n \r\n {t(\"__checkout_order_charges\")}\r\n
\r\n \r\n ${parseFloat(order.charges).toFixed(2)}\r\n
\r\n \r\n
\r\n \r\n {t(\"__checkout_order_taxes\")}\r\n
\r\n \r\n ${parseFloat(order.importeimp).toFixed(2)}\r\n
\r\n \r\n
\r\n \r\n {t(\"__checkout_order_credit\")}\r\n
\r\n \r\n ${parseFloat(order.coupon).toFixed(2)}\r\n
\r\n \r\n
\r\n \r\n \r\n {t(\"__checkout_order_total\")}\r\n
\r\n \r\n {parseFloat(\r\n order.totalAmount + order.charges - order.coupon\r\n ).toFixed(2)}\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ShoppingCancel;\r\n","export default __webpack_public_path__ + \"static/media/fedexLogo.b03e4580.png\";","import React, { Fragment, useEffect } from \"react\";\r\nimport { Drawer, Chip, Paper, Typography } from \"@mui/material\";\r\nimport {\r\n Timeline,\r\n TimelineItem,\r\n TimelineSeparator,\r\n TimelineConnector,\r\n TimelineContent,\r\n TimelineDot,\r\n TimelineOppositeContent,\r\n} from \"@mui/lab\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport Fedex from \"../../../../assets/media/images/fedexLogo.png\";\r\nimport moment from \"moment\";\r\n\r\nconst ModalHistoryTracking = ({\r\n isOpenSlideModal,\r\n setIsOpenSlideModal,\r\n trackingDetails,\r\n handleUpdateDeliveredStatus,\r\n}) => {\r\n /// TRANSLATION\r\n const { t } = useTranslation();\r\n\r\n //Hooks\r\n\r\n const handleCloseSlideModal = () => {\r\n setIsOpenSlideModal(false);\r\n };\r\n\r\n useEffect(() => {\r\n if (\r\n trackingDetails.estimatedDeliveryDate &&\r\n trackingDetails.estimatedDeliveryDate === \"DELIVERED\"\r\n ) {\r\n handleUpdateDeliveredStatus();\r\n }\r\n }, []);\r\n\r\n return (\r\n \r\n {\r\n setStatusOpc(1);\r\n }}\r\n variant=\"outlined\"\r\n >\r\n {t(\"__kit_configuration_btn_back_Label\")}\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n )}\r\n
\r\n \r\n 
\r\n
\r\n {trackingDetails.estimatedDeliveryDate &&\r\n trackingDetails.estimatedDeliveryDate === \"DELIVERED\" && (\r\n \r\n {\" \"}\r\n {t(\r\n \"__profile_favorites_modal_history_tracking_pack_delivery\"\r\n )}\r\n
\r\n )}\r\n {trackingDetails.estimatedDeliveryDate &&\r\n trackingDetails.estimatedDeliveryDate !== \"DELIVERED\" && (\r\n \r\n {t(\"__profile_favorites_modal_history_tracking\")}\r\n
\r\n \r\n
\r\n\r\n {t(\"__profile_favorites_modal_history_tracking_delivery\")}\r\n \r\n\r\n \r\n {moment(trackingDetails.estimatedDeliveryDate).format(\r\n \"dddd, MMMM Do YYYY\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n {trackingDetails.events.map((item, index) => {\r\n return (\r\n \r\n \r\n \r\n );\r\n })}\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n {moment(item.date).format(\r\n \"YYYY-MM-DD hh:mm a\"\r\n )}\r\n
\r\n {item.event}\r\n \r\n \r\n \r\n \r\n \r\n \r\n {item.place}\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n {item.event}\r\n
\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n );\r\n case 2:\r\n return (\r\n \r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n );\r\n case 3:\r\n return (\r\n \r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n );\r\n case 4:\r\n return (\r\n \r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n );\r\n }\r\n };\r\n const getShoppingInformationStatus = (stepActive) => {\r\n switch (stepActive) {\r\n case 1:\r\n return (\r\n \r\n \r\n {t(\"__profile_Detail_shopping_container_label\")}\r\n \r\n {orderSelected.itOnTime &&\r\n orderSelected.orderCancellationStatus === 0 ? ( //que no tenga ningun proceso de cancelacion previo\r\n \r\n {t(\"__profile_Detail_shopping_cancel_request_label\")}\r\n \r\n ) : // ya se esta procesando tu solucitud de cancelacion uno de nuestros\r\n orderSelected.itOnTime &&\r\n orderSelected.orderCancellationStatus === 1 ? ( //PENDIENTE\r\n \r\n {t(\"__message_cancel_request_label\")}\r\n \r\n ) : (\r\n !orderSelected.itOnTime &&\r\n orderSelected.orderCancellationStatus > 0 && ( //que no tenga ningun proceso de cancelacion previo dentro de la hora\r\n \r\n {t(\"__message_cancel_request_label\")}\r\n \r\n )\r\n )}\r\n
\r\n );\r\n case 2:\r\n return (\r\n \r\n \r\n {t(\"__profile_Detail_shopping_order_text\")}\r\n \r\n
\r\n );\r\n case 3:\r\n return (\r\n \r\n \r\n {t(\"__profile_Detail_shopping_tracking_text\")}\r\n \r\n \r\n {t(\"__profile_Detail_shopping_order_tracking_text\")}\r\n \r\n
\r\n );\r\n case 4:\r\n return (\r\n \r\n \r\n {t(\"__profile_Detail_shopping_returns_request_text\")}\r\n \r\n \r\n {orderSelected.orderCancellationStatus === 0 ? ( //SE [UEDE SOLICITAR PROCESO DE DEVOLUCION\r\n \r\n dispatch(\r\n requestLoggUserActivity(\r\n 54,\r\n 0,\r\n 0,\r\n \"\",\r\n \"Click en: SOLICITAR UNA DEVOLUCION, Pedido: \" +\r\n String(orderId)\r\n )\r\n )\r\n }\r\n >\r\n {t(\"__profile_Detail_shopping_returns_request_label\")}\r\n \r\n ) : orderSelected.orderCancellationStatus === 1 ? ( //YA SE SOLICITO UN PROCESO DE DEVOLUCION (PERO SE ENCUENTRA PENDIENTE)\r\n t(\"__message_cancel_request_label\")\r\n ) : orderSelected.orderCancellationStatus === 2 ? ( //YA SE SOLICITO UN PROCESO DE DEVOLUCION Y SE DIO UN RESOLUCION POSITIVA\r\n t(\"__message_return_favor_label\")\r\n ) : (\r\n //YA SE SOLICITO UN PROCESO DE DEVOLUCION Y SE DIO UN RESOLUCION NEGATIVA\r\n t(\"__message_return_request_not_return_label\")\r\n )}\r\n \r\n
\r\n );\r\n case 5:\r\n return (\r\n \r\n \r\n
\r\n \r\n {orderDetails.length > 0 ? (\r\n <>\r\n {orderDetails.map((det, index) => {\r\n return (\r\n det.typeLine !== \"C\" && (\r\n \r\n
\r\n )\r\n );\r\n })}\r\n \r\n ) : (\r\n <>\r\n {[0, 1, 2].map((itemX) => {\r\n return (\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n \r\n {i18n.language === \"es\"\r\n ? capitalizeText(det.descEs)\r\n : capitalizeText(det.descEn)}\r\n \r\n \r\n ${parseFloat(det.price).toFixed(2)}\r\n \r\n
\r\n \r\n \r\n {det.cant} Pz\r\n \r\n
\r\n \r\n
\r\n \r\n {orderSelected.totalAmount ? (\r\n t(\"__checkout_order_subtotal\")\r\n ) : (\r\n
\r\n \r\n {orderSelected.totalAmount ? (\r\n <>${parseFloat(orderSelected.totalAmount).toFixed(2)}\r\n ) : (\r\n
\r\n \r\n
\r\n {orderSelected.importeimp && (\r\n \r\n {orderSelected.charges >= 0 ? (\r\n t(\"__checkout_order_charges\")\r\n ) : (\r\n
\r\n \r\n {orderSelected.charges >= 0 ? (\r\n <>${parseFloat(orderSelected.charges).toFixed(2)}\r\n ) : (\r\n
\r\n \r\n
\r\n )}\r\n\r\n \r\n {orderSelected.importeimp >= 0 ? (\r\n t(\"__checkout_order_taxes\")\r\n ) : (\r\n
\r\n \r\n {orderSelected.importeimp >= 0 ? (\r\n <>${parseFloat(orderSelected.importeimp).toFixed(2)}\r\n ) : (\r\n
\r\n \r\n
\r\n \r\n {orderSelected.coupon >= 0 ? (\r\n t(\"__checkout_order_credit\")\r\n ) : (\r\n
\r\n \r\n {orderSelected.coupon >= 0 ? (\r\n <>${parseFloat(orderSelected.coupon).toFixed(2)}\r\n ) : (\r\n
\r\n \r\n
\r\n \r\n \r\n {orderSelected.totalAmount ? (\r\n t(\"__checkout_order_total\")\r\n ) : (\r\n
\r\n \r\n {orderSelected.totalAmount ? (\r\n <>\r\n {\" \"}\r\n $\r\n {parseFloat(\r\n orderSelected.totalAmount +\r\n orderSelected.charges -\r\n orderSelected.coupon\r\n ).toFixed(2)}\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n \r\n \r\n )}\r\n {statusOpc === 5 && (\r\n \r\n \r\n {t(\"__checkout_order_label\")} {orderSelected.idPedido}\r\n \r\n \r\n {t(\"__checkout_order_name_label\")} {orderSelected.name}\r\n \r\n \r\n {t(\"__checkout_order_address_label\")} {orderSelected.address},{\" \"}\r\n {orderSelected.city}, {orderSelected.state}{\" \"}\r\n {orderSelected.zip}, {orderSelected.country}\r\n \r\n {statusOpc === 3 && (\r\n \r\n {t(\"__profile_Detail_shopping_tracking_number\")}{\" \"}\r\n {orderSelected.tracking}\r\n \r\n )}\r\n
\r\n {getShoppingInformationStatus(statusOpc)}\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ConfettiSVG;\r\n","import React, { Fragment } from \"react\";\r\nimport { Link, useHistory } from \"react-router-dom\";\r\nimport { Button, IconButton, Typography, Paper } from \"@mui/material\";\r\nimport { Close } from \"@mui/icons-material\";\r\nimport ConfettiSVG from \"./ConfettiSVG\";\r\n\r\nconst ModalCongratulations = ({\r\n isOpenCongratulations,\r\n setIsOpenCongratulations,\r\n title,\r\n message,\r\n isButtonActive,\r\n textButton,\r\n navigationRoute,\r\n image,\r\n navigationClose,\r\n requestLoggUserActivity,\r\n dispatch,\r\n}) => {\r\n const history = useHistory();\r\n\r\n const handleCloseCongratulationsModal = () => {\r\n setIsOpenCongratulations(false);\r\n };\r\n return (\r\n \r\n {isOpenCongratulations && \r\n
\r\n \r\n {navigationClose ? (\r\n {\r\n //debugger;\r\n //// V1 ////\r\n ////history.replace(navigationClose);\r\n\r\n //// V2 ////\r\n if (localStorage.getItem(\"ZUsaUrlPage\")) {\r\n history.replace(\r\n `/mypage/${localStorage.getItem(\"ZUsaUrlPage\")}`\r\n );\r\n } else {\r\n history.replace(\"/home\");\r\n }\r\n }}\r\n />\r\n ) : (\r\n \r\n
\r\n \r\n
\r\n \r\n {image && 
}
\r\n \r\n \r\n {title}\r\n \r\n \r\n {message}\r\n \r\n
\r\n \r\n {isButtonActive && (\r\n {\r\n //// V1 ////\r\n // if (navigationRoute) {\r\n // history.replace(navigationRoute);\r\n // } else {\r\n // history.replace(\"/\");\r\n // }\r\n\r\n //// V2 ////\r\n if (localStorage.getItem(\"ZUsaUrlPage\")) {\r\n history.replace(\r\n `/mypage/${localStorage.getItem(\"ZUsaUrlPage\")}`\r\n );\r\n } else {\r\n history.replace(\"/home\");\r\n }\r\n\r\n //dispatch(requestLoggUserActivity(3,0,0,\"\",\"Usuario registrado de forma Exitosa\"));\r\n }}\r\n >\r\n {textButton}\r\n \r\n )}\r\n
\r\n \r\n
\r\n {t(\"btn_text_cancel\")}\r\n \r\n\r\n \r\n \r\n
\r\n {t(\"__profile_favorites_modal_accept_repayment\")}\r\n \r\n \r\n {finalArrayReturnRender ? (\r\n
\r\n ) : (\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default ItemReturnRepayment;\r\n","import React from \"react\";\r\nimport { Typography, Button } from \"@mui/material\";\r\nimport { SettingsBackupRestore } from \"@mui/icons-material\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport ModalConfirmRepayment from \"../components/ModalConfirmRepayment\";\r\nimport ItemReturnRepayment from \"./ItemReturnRepayment\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\n\r\nconst ListRepayment = ({\r\n isAllOrder,\r\n setContenShow,\r\n finalArrayReturnRender,\r\n orderSelected,\r\n\r\n isOpenNotification,\r\n setIsOpenNotification,\r\n isOpenModalConfirm,\r\n setIsOpenModalConfirm,\r\n\r\n sendPetitionRefund,\r\n\r\n setFullCancellationType,\r\n setReasonCompleteCancellation,\r\n}) => {\r\n /// TRANSLATION\r\n const { t } = useTranslation();\r\n ///// hooks\r\n const handleModalConfirm = () => {\r\n setIsOpenModalConfirm(true);\r\n };\r\n\r\n return (\r\n \r\n {finalArrayReturnRender.map((prod, index) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n \r\n {i18n.language === \"es\" ? prod.descEs : prod.descEn}\r\n \r\n \r\n ${parseFloat(prod.amount).toFixed(2)}\r\n \r\n
\r\n \r\n \r\n {prod.quantity} pz\r\n \r\n
\r\n \r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {t(\"__profile_Detail_shopping_list_return_title\")}\r\n \r\n
\r\n\r\n \r\n
\r\n {finalArrayReturnRender && (\r\n \r\n \r\n {t(\"__profile_Detail_list_number_order_text\")}\r\n {orderSelected.idPedido}\r\n \r\n \r\n {t(\"__profile_Detail_list_date_order_text\")}\r\n {orderSelected.fecPedido}\r\n \r\n \r\n {t(\"__profile_Detail_list_paymethod_order_text\")} VISA\r\n \r\n
\r\n \r\n {/* EN ESTE PUNTO AUN NO SE GENERA FOLIO \r\n \r\n {t(\"__profile_Detail_list_return_order_text\")} XXXXXX\r\n \r\n */}\r\n \r\n {t(\"__profile_repayment_quantity_label\")}\r\n {finalArrayReturnRender\r\n .filter((item) => item.cancellationType === 2)\r\n .reduce((e, i) => e + i.quantity, 0)}{\" \"}\r\n pz\r\n \r\n \r\n {t(\"__profile_Detail_list_amount_order_text\")}$\r\n {finalArrayReturnRender\r\n .filter((item) => item.cancellationType === 1)\r\n .reduce((e, i) => e + i.amount, 0)\r\n .toFixed(2)}\r\n \r\n
\r\n \r\n \r\n {t(\"__profile_repayment_repayment_label\")}\r\n \r\n
\r\n \r\n item.cancellationType === 1\r\n )}\r\n />\r\n
\r\n \r\n \r\n {t(\"__profile_repayment_replacement_label\")}\r\n \r\n
\r\n \r\n item.cancellationType === 2\r\n )}\r\n />\r\n
\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default ListRepayment;\r\n","export default __webpack_public_path__ + \"static/media/lote.67365e62.svg\";","import React, { Fragment } from \"react\";\r\nimport {\r\n Dialog,\r\n DialogContent,\r\n DialogContentText,\r\n DialogTitle,\r\n IconButton,\r\n Typography,\r\n} from \"@mui/material\";\r\nimport CloseIcon from \"@mui/icons-material/Close\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nexport const ModalProductBanch = ({\r\n isOpenProductBatch,\r\n setIsOpenProductBatch,\r\n}) => {\r\n /// TRANSLATION\r\n const { t } = useTranslation();\r\n //// hOOKS\r\n const handleCloseModalProductBatch = () => {\r\n setIsOpenProductBatch(false);\r\n };\r\n\r\n return (\r\n \r\n {\r\n setContenShow(\"\");\r\n setReasonCompleteCancellation(0);\r\n setFullCancellationType(0);\r\n }}\r\n className=\"button__with__icon bg__pink no__left__margin\"\r\n >\r\n
\r\n \r\n
\r\n \r\n {t(\"__kit_configuration_btn_back_Label\")}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n {t(\"btn_text_send\")}\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ) : (\r\n \r\n {kitsArray.map((kit, i) => {\r\n return (\r\n \r\n {kit.typeLine === \"N\" || kit.typeLine === \"PD\" ? (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n handleChangeComment(i, e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleSaveComment(i);\r\n }}\r\n >\r\n \r\n {\r\n handleRemoveComment(i);\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n handleSelectedReturnItem(i, e.target.checked);\r\n }}\r\n />\r\n }\r\n />\r\n
\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n {\r\n handleChangeProductBatch(i, e.target.value);\r\n }}\r\n value={kit.productBatch}\r\n />\r\n \r\n
\r\n \r\n \r\n {kit.cant}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {i18n.language === \"es\"\r\n ? kit.descEs\r\n : kit.descEn}\r\n
${kit.price.toFixed(2)}\r\n \r\n
\r\n ${kit.price.toFixed(2)}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleSelectOpc(e.target.value, i);\r\n }}\r\n className=\"shopping__repayment__container__wrapper__select\"\r\n disabled={!kit.selectedReturn}\r\n >\r\n \r\n {reasonsReturnList.map((item, indx) => {\r\n return (\r\n item.isPartialRefund && (\r\n \r\n {t(item.value)}\r\n \r\n )\r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {t(\"__profile_repayment_batch_product_label\")}\r\n \r\n {\r\n setIsOpenProductBatch(true);\r\n }}\r\n edge=\"end\"\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n handleSelectReturnRepayment(\r\n i,\r\n parseInt(e.target.value)\r\n );\r\n }}\r\n >\r\n {exchangeRateList.map((item, indx) => {\r\n return (\r\n
\r\n \r\n
\r\n \r\n {\r\n handleRemoveElement(kit);\r\n }}\r\n disabled={\r\n !kit.selectedReturn ||\r\n kit.cant < kit.piecesR ||\r\n kit.piecesR === 0\r\n }\r\n >\r\n
\r\n \r\n \r\n {kit.piecesR}\r\n pz\r\n \r\n
\r\n \r\n {\r\n handleAddElement(kit);\r\n }}\r\n disabled={\r\n kit.exchangeType <= 0 ||\r\n kit.reasonsReturn <= 0 ||\r\n kit.piecesR >= kit.cant\r\n }\r\n >\r\n
\r\n \r\n \r\n {\r\n handleChangeKit(\"panel\" + i, event, false);\r\n }}\r\n />\r\n ) : (\r\n {\r\n handleChangeKit(\"panel\" + i, event, true);\r\n }}\r\n />\r\n )\r\n }\r\n aria-controls=\"panel1a-content\"\r\n id=\"panel1a-header\"\r\n >\r\n {kit.typeLine !== \"N\" && kit.typeLine !== \"PD\" && (\r\n
\r\n \r\n )}\r\n \r\n\r\n {kit.child.length > 0 && (\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n handleChangeComment(i, e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleSaveComment(i);\r\n }}\r\n >\r\n \r\n {\r\n handleRemoveComment(i);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n handleSelectedReturnItem(\r\n i,\r\n e.target.checked\r\n );\r\n }}\r\n />\r\n }\r\n />\r\n
\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n {\r\n handleChangeProductBatch(\r\n i,\r\n e.target.value\r\n );\r\n }}\r\n value={kit.productBatch}\r\n />\r\n \r\n
\r\n \r\n \r\n {kit.cant}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {i18n.language === \"es\"\r\n ? kit.descEs\r\n : kit.descEn}\r\n
${kit.price.toFixed(2)}\r\n \r\n
\r\n ${kit.price.toFixed(2)}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleSelectOpc(\r\n e.target.value,\r\n i\r\n );\r\n }}\r\n className=\"shopping__repayment__container__wrapper__select\"\r\n disabled={!kit.selectedReturn}\r\n >\r\n \r\n\r\n {reasonsReturnList.map(\r\n (item, indx) => {\r\n return (\r\n item.isPartialRefund && (\r\n \r\n {t(item.value)}\r\n \r\n )\r\n );\r\n }\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {t(\r\n \"__profile_repayment_batch_product_label\"\r\n )}\r\n \r\n {\r\n setIsOpenProductBatch(true);\r\n }}\r\n edge=\"end\"\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n handleSelectReturnRepayment(\r\n i,\r\n parseInt(e.target.value)\r\n );\r\n }}\r\n >\r\n {exchangeRateList.map((item, indx) => {\r\n return (\r\n
\r\n \r\n
\r\n \r\n {\r\n handleRemoveElement(kit);\r\n }}\r\n disabled={\r\n !kit.selectedReturn ||\r\n kit.cant < kit.piecesR ||\r\n kit.piecesR === 0\r\n }\r\n >\r\n
\r\n \r\n {\" \"}\r\n \r\n {kit.piecesR}\r\n pz\r\n \r\n
\r\n \r\n {\r\n handleAddElement(kit);\r\n }}\r\n disabled={\r\n kit.exchangeType <= 0 ||\r\n kit.reasonsReturn <= 0 ||\r\n kit.piecesR >= kit.cant\r\n }\r\n >\r\n
\r\n \r\n \r\n \r\n {kit.child.map((KitItem, index) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n \r\n )}\r\n \r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n handleChangeCommentChild(\r\n i,\r\n index,\r\n e.target.value\r\n );\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleSaveCommentItem(\r\n i,\r\n index\r\n );\r\n }}\r\n >\r\n \r\n {\r\n handleRemoveCommentItem(\r\n i,\r\n index\r\n );\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n {\r\n handleSelectedReturnItemChild(\r\n index,\r\n i,\r\n e.target.checked\r\n );\r\n }}\r\n />\r\n }\r\n />\r\n
\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {KitItem.cant}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {i18n.language === \"es\"\r\n ? KitItem.descEs\r\n : KitItem.descEn}{\" \"}\r\n
$\r\n {KitItem.price.toFixed(2)}\r\n \r\n
\r\n $\r\n {KitItem.price.toFixed(2)}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleSelectOpcItem(\r\n e.target.value,\r\n i,\r\n index\r\n );\r\n }}\r\n className=\"shopping__repayment__container__wrapper__select\"\r\n disabled={\r\n !KitItem.selectedReturn\r\n }\r\n >\r\n \r\n \r\n {t(\r\n \"__profile_repayment_container_select_label\"\r\n )}\r\n \r\n \r\n {reasonsReturnList.map(\r\n (item, indx) => {\r\n return (\r\n item.isPartialRefund && (\r\n \r\n {t(\r\n item.value\r\n )}\r\n \r\n )\r\n );\r\n }\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {t(\r\n \"__profile_repayment_batch_product_label\"\r\n )}\r\n \r\n {\r\n setIsOpenProductBatch(\r\n true\r\n );\r\n }}\r\n edge=\"end\"\r\n >\r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n handleSelectChildsReturnRepayment(\r\n index,\r\n i,\r\n parseInt(e.target.value)\r\n );\r\n }}\r\n >\r\n {exchangeRateList.map(\r\n (item, indx) => {\r\n return (\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {\r\n handleRemoveElementChild(\r\n index,\r\n i,\r\n KitItem\r\n );\r\n }}\r\n disabled={\r\n !KitItem.selectedReturn ||\r\n KitItem.cant <\r\n KitItem.piecesR ||\r\n KitItem.piecesR === 0\r\n }\r\n >\r\n
\r\n \r\n \r\n {KitItem.piecesR}\r\n pz\r\n \r\n
\r\n \r\n {\r\n handleAddElementChild(\r\n index,\r\n i,\r\n KitItem\r\n );\r\n }}\r\n disabled={\r\n KitItem.exchangeType <= 0 ||\r\n KitItem.reasonsReturn <=\r\n 0 ||\r\n KitItem.piecesR >= kit.cant\r\n }\r\n >\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n {t(\"__profile_repayment_container_title\")}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {t(\"__profile_repayment_container_subtitle\")}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n setReasonCompleteCancellation(\r\n parseInt(event.target.value)\r\n );\r\n setFullCancellationComment(\r\n t(\r\n reasonsReturnList.find(\r\n (e) => e.id === parseInt(event.target.value)\r\n ).value\r\n )\r\n );\r\n }}\r\n className=\"shopping__repayment__container__wrapper__select\"\r\n >\r\n \r\n {reasonsReturnList.map((item, indx) => {\r\n return (\r\n item.isFullRefund && (\r\n \r\n )\r\n );\r\n })}\r\n \r\n \r\n
\r\n\r\n {reasonCompleteCancellation > 0 && (\r\n \r\n
\r\n )}\r\n \r\n \r\n {\r\n setFullCancellationType(\r\n parseInt(event.target.value)\r\n );\r\n }}\r\n >\r\n {exchangeRateList.map((item, indx) => {\r\n return (\r\n \r\n
\r\n \r\n \r\n {t(\"__profile_repayment_container_finish_warning_label\")}\r\n \r\n
\r\n \r\n {\r\n //handleCloseSlideModal();\r\n\r\n handleClickShippingAllProducts();\r\n\r\n //setContenShow(\"listAll\");\r\n }}\r\n variant=\"contained\"\r\n >\r\n {t(\"btn_text_send\")}\r\n \r\n
\r\n \r\n \r\n {kitsArray.map((kit, i) => {\r\n return (\r\n \r\n {kit.typeLine === \"N\" || kit.typeLine === \"PD\" ? (\r\n \r\n \r\n \r\n \r\n {\r\n handleChangeComment(i, e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleSaveComment(i);\r\n }}\r\n >\r\n \r\n {\r\n handleRemoveComment(i);\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n ) : (\r\n \r\n
\r\n \r\n {\r\n handleSelectedReturnItem(\r\n i,\r\n e.target.checked\r\n );\r\n }}\r\n />\r\n }\r\n />\r\n
\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {i18n.language === \"es\"\r\n ? kit.descEs\r\n : kit.descEn}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ${kit.price.toFixed(2)}\r\n \r\n
\r\n\r\n \r\n \r\n {kit.cant} pz\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n handleRemoveElement(kit);\r\n }}\r\n disabled={\r\n !kit.selectedReturn ||\r\n kit.cant < kit.piecesR ||\r\n kit.piecesR === 0\r\n }\r\n >\r\n
\r\n \r\n \r\n {kit.piecesR}\r\n \r\n
\r\n \r\n {\r\n handleAddElement(kit);\r\n }}\r\n disabled={\r\n kit.exchangeType <= 0 ||\r\n kit.reasonsReturn <= 0 ||\r\n kit.piecesR >= kit.cant\r\n }\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n handleSelectReturnRepayment(\r\n i,\r\n parseInt(e.target.value)\r\n );\r\n }}\r\n >\r\n {exchangeRateList.map((item, indx) => {\r\n return (\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleSelectOpc(e.target.value, i);\r\n }}\r\n color=\"error\"\r\n className={`shopping__repayment__container__wrapper__select ${\r\n isMobile ? \"mobile\" : \"\"\r\n }`}\r\n disabled={!kit.selectedReturn}\r\n >\r\n \r\n\r\n {reasonsReturnList.map((item, indx) => {\r\n return (\r\n item.isPartialRefund && (\r\n \r\n )\r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n {\r\n handleChangeProductBatch(i, e.target.value);\r\n }}\r\n value={kit.productBatch}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {t(\r\n \"__profile_repayment_batch_product_label\"\r\n )}\r\n \r\n {\r\n setIsOpenProductBatch(true);\r\n }}\r\n edge=\"end\"\r\n >\r\n
\r\n \r\n \r\n {\r\n handleChangeKit(\"panel\" + i, event, false);\r\n }}\r\n />\r\n ) : (\r\n {\r\n handleChangeKit(\"panel\" + i, event, true);\r\n }}\r\n />\r\n )\r\n }\r\n aria-controls=\"panel1a-content\"\r\n id=\"panel1a-header\"\r\n >\r\n {kit.typeLine !== \"N\" && kit.typeLine !== \"PD\" && (\r\n \r\n \r\n \r\n \r\n {\r\n handleChangeComment(i, e.target.value);\r\n }}\r\n />\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleSaveComment(i);\r\n }}\r\n >\r\n \r\n {\r\n handleRemoveComment(i);\r\n }}\r\n >\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n )}\r\n \r\n\r\n {kit.child.length > 0 && (\r\n \r\n
\r\n \r\n {\r\n handleSelectedReturnItem(\r\n i,\r\n e.target.checked\r\n );\r\n }}\r\n />\r\n }\r\n />\r\n
\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {i18n.language === \"es\"\r\n ? kit.descEs\r\n : kit.descEn}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ${kit.price.toFixed(2)}\r\n \r\n
\r\n\r\n \r\n \r\n {kit.cant} pz\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n handleRemoveElement(kit);\r\n }}\r\n disabled={\r\n !kit.selectedReturn ||\r\n kit.cant < kit.piecesR ||\r\n kit.piecesR === 0\r\n }\r\n >\r\n
\r\n \r\n \r\n {kit.piecesR}\r\n \r\n
\r\n \r\n {\r\n handleAddElement(kit);\r\n }}\r\n disabled={\r\n kit.exchangeType <= 0 ||\r\n kit.reasonsReturn <= 0 ||\r\n kit.piecesR >= kit.cant\r\n }\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n handleSelectReturnRepayment(\r\n i,\r\n parseInt(e.target.value)\r\n );\r\n }}\r\n >\r\n {exchangeRateList.map((item, indx) => {\r\n return (\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleSelectOpc(e.target.value, i);\r\n }}\r\n className={`shopping__repayment__container__wrapper__select ${\r\n isMobile ? \"mobile\" : \"\"\r\n }`}\r\n disabled={!kit.selectedReturn}\r\n >\r\n \r\n\r\n {reasonsReturnList.map((item, indx) => {\r\n return (\r\n item.isPartialRefund && (\r\n \r\n {t(item.value)}\r\n \r\n )\r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n {\r\n handleChangeProductBatch(\r\n i,\r\n e.target.value\r\n );\r\n }}\r\n value={kit.productBatch}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {t(\r\n \"__profile_repayment_batch_product_label\"\r\n )}\r\n \r\n {\r\n setIsOpenProductBatch(true);\r\n }}\r\n edge=\"end\"\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleSaveCommentItem(i, index);\r\n }}\r\n >\r\n \r\n {\r\n handleRemoveCommentItem(\r\n i,\r\n index\r\n );\r\n }}\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n );\r\n })}\r\n \r\n \r\n
\r\n \r\n {\r\n handleSelectedReturnItemChild(\r\n index,\r\n i,\r\n e.target.checked\r\n );\r\n }}\r\n />\r\n }\r\n />\r\n
\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {i18n.language === \"es\"\r\n ? KitItem.descEs\r\n : KitItem.descEn}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ${KitItem.price.toFixed(2)}\r\n \r\n
\r\n\r\n \r\n \r\n {KitItem.cant} pz\r\n \r\n
\r\n \r\n
\r\n \r\n {\r\n handleRemoveElementChild(\r\n index,\r\n i,\r\n KitItem\r\n );\r\n }}\r\n disabled={\r\n !KitItem.selectedReturn ||\r\n KitItem.cant <\r\n KitItem.piecesR ||\r\n KitItem.piecesR === 0\r\n }\r\n >\r\n
\r\n \r\n \r\n {KitItem.piecesR}\r\n \r\n
\r\n \r\n {\r\n handleAddElementChild(\r\n index,\r\n i,\r\n KitItem\r\n );\r\n }}\r\n disabled={\r\n KitItem.exchangeType <= 0 ||\r\n KitItem.reasonsReturn <=\r\n 0 ||\r\n KitItem.piecesR >= kit.cant\r\n }\r\n >\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {\r\n handleSelectChildsReturnRepayment(\r\n index,\r\n i,\r\n parseInt(\r\n e.target.value\r\n )\r\n );\r\n }}\r\n >\r\n {exchangeRateList.map(\r\n (item, indx) => {\r\n return (\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {\r\n handleSelectOpcItem(\r\n e.target.value,\r\n i,\r\n index\r\n );\r\n }}\r\n color=\"error\"\r\n className={`shopping__repayment__container__wrapper__select ${\r\n isMobile ? \"mobile\" : \"\"\r\n }`}\r\n disabled={\r\n !KitItem.selectedReturn\r\n }\r\n >\r\n \r\n \r\n {t(\r\n \"__profile_repayment_container_select_label\"\r\n )}\r\n \r\n \r\n {reasonsReturnList.map(\r\n (item, indx) => {\r\n return (\r\n item.isPartialRefund && (\r\n \r\n {t(item.value)}\r\n \r\n )\r\n );\r\n }\r\n )}\r\n \r\n \r\n
\r\n \r\n {\r\n handleChangeProductBatch(\r\n i,\r\n e.target.value\r\n );\r\n }}\r\n value={KitItem.productBatch}\r\n />\r\n \r\n
\r\n \r\n \r\n \r\n \r\n {t(\r\n \"__profile_repayment_batch_product_label\"\r\n )}\r\n \r\n {\r\n setIsOpenProductBatch(\r\n true\r\n );\r\n }}\r\n edge=\"end\"\r\n >\r\n
\r\n \r\n
\r\n );\r\n case \"list\":\r\n return \r\n
\r\n \r\n \r\n {t(\"__profile_repayment_container_title\")}\r\n \r\n
\r\n \r\n \r\n {t(\"__profile_repayment_container_subtitle\")}\r\n \r\n
\r\n \r\n \r\n \r\n ))}\r\n {returnOpc === 7 && (\r\n {\r\n setContenShow(\"\");\r\n }}\r\n variant=\"contained\"\r\n >\r\n {t(\"__profile_repayment_container_return_products_label\")}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n {returnOpc !== \"\" && (\r\n \r\n \r\n \r\n \r\n
\r\n )}\r\n {returnOpc === 1 ||\r\n returnOpc === 2 ||\r\n (returnOpc === 3 && (\r\n \r\n \r\n {t(\r\n \"__profile_repayment_container_modal_locate_lote_label\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n
\r\n );\r\n default:\r\n return (\r\n \r\n
\r\n \r\n \r\n {t(\"__profile_repayment_container_request_received_label\")}\r\n \r\n
\r\n \r\n \r\n {t(\"__profile_repayment_container_request_received_text1\")}\r\n \r\n \r\n {t(\"__profile_repayment_container_request_received_text2\")}\r\n \r\n \r\n {t(\"__profile_repayment_container_request_received_text3\")}\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n \r\n {t(\"__profile_repayment_container_returns_label\")}\r\n \r\n
\r\n \r\n \r\n {t(\"__profile_repayment_container_returns_text\")}\r\n \r\n \r\n {t(\r\n \"__profile_repayment_container_returns_select_product_text\"\r\n )}\r\n \r\n
\r\n {isDesktop ? (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {t(\"__profile_repayment_container_returns_product_label\")}\r\n \r\n \r\n \r\n {/* opc=list => va la lista de productos que se necesitar pedirnuevamente */}\r\n {/* opc=cash => cuando el reembolso es un dinero */}\r\n {/*
\r\n );\r\n};\r\n\r\nexport default ShoppingRepaymentContainer;\r\n","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgFilterWhiteIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 14,\n viewBox: \"0 0 28.616 26.22\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_679\",\n \"data-name\": \"Group 679\",\n transform: \"translate(0 0)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_674\",\n \"data-name\": \"Group 674\",\n transform: \"translate(0 0)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_4258\",\n \"data-name\": \"Path 4258\",\n d: \"M120.87,665.3H103.823a3.438,3.438,0,0,0-4.451-2.512,3.784,3.784,0,0,0-2.216,2.512H94.494a1.28,1.28,0,0,0,0,2.54h2.66a3.439,3.439,0,0,0,4.451,2.512,3.784,3.784,0,0,0,2.216-2.512H120.87a1.28,1.28,0,0,0,0-2.54Zm-20.382,2.719a1.461,1.461,0,1,1,1.278-1.449A1.372,1.372,0,0,1,100.489,668.023Z\",\n transform: \"translate(-93.374 -662.584)\",\n fill: \"#ffffff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_4259\",\n \"data-name\": \"Path 4259\",\n d: \"M120.87,674.186h-2.661a3.44,3.44,0,0,0-4.451-2.513,3.784,3.784,0,0,0-2.215,2.513H94.494a1.279,1.279,0,0,0,0,2.539h17.049a3.438,3.438,0,0,0,4.451,2.512,3.78,3.78,0,0,0,2.215-2.512h2.661a1.279,1.279,0,0,0,0-2.539Zm-6,2.719a1.461,1.461,0,1,1,1.279-1.451,1.373,1.373,0,0,1-1.279,1.451Z\",\n transform: \"translate(-93.374 -662.341)\",\n fill: \"#ffffff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_4260\",\n \"data-name\": \"Path 4260\",\n d: \"M120.87,683.06H108.618a3.439,3.439,0,0,0-4.451-2.513,3.784,3.784,0,0,0-2.215,2.513H94.494a1.279,1.279,0,0,0,0,2.539h7.456a3.438,3.438,0,0,0,4.451,2.512,3.78,3.78,0,0,0,2.215-2.512h12.252a1.279,1.279,0,0,0,0-2.539Zm-15.587,2.719a1.461,1.461,0,1,1,1.279-1.449,1.372,1.372,0,0,1-1.279,1.449Z\",\n transform: \"translate(-93.374 -662.099)\",\n fill: \"#ffffff\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFilterWhiteIcon);\nexport default __webpack_public_path__ + \"static/media/filterWhiteIcon.7da5be4e.svg\";\nexport { ForwardRef as ReactComponent };","import React from \"react\";\r\nimport { Skeleton } from \"@mui/material\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { ReactComponent as ErrorPlaceholder } from \"./../../../../assets/media/images/errorPlaceholder.svg\";\r\n\r\nconst NotFoundComponent = ({ isLanguageLoaded }) => {\r\n //Translation\r\n const { t } = useTranslation();\r\n return (\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default NotFoundComponent;\r\n","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgOrderFilterWhiteIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 20,\n height: 14,\n viewBox: \"0 0 25.232 25.679\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"ordenar-por-opcion-de-boton-de-interfaz-de-atributos\",\n transform: \"translate(-4.457)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_678\",\n \"data-name\": \"Group 678\",\n transform: \"translate(4.457)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_3360\",\n \"data-name\": \"Path 3360\",\n d: \"M251.818,149.849h6.42a.442.442,0,0,0,.459-.459V146.64a.442.442,0,0,0-.459-.459h-6.42a.441.441,0,0,0-.458.459v2.751a.441.441,0,0,0,.458.459Z\",\n transform: \"translate(-238.967 -138.844)\",\n fill: \"#ffffff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_3361\",\n \"data-name\": \"Path 3361\",\n d: \"M251.821,3.668h3.668a.441.441,0,0,0,.458-.458V.459A.441.441,0,0,0,255.489,0h-3.668a.441.441,0,0,0-.458.458V3.21a.441.441,0,0,0,.458.459Z\",\n transform: \"translate(-238.97)\",\n fill: \"#ffffff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_3362\",\n \"data-name\": \"Path 3362\",\n d: \"M14.1,20.176H11.346V.459A.441.441,0,0,0,10.888,0H8.136a.441.441,0,0,0-.458.458V20.176H4.927a.425.425,0,0,0-.43.286.436.436,0,0,0,.1.5L9.182,25.55a.515.515,0,0,0,.33.129.479.479,0,0,0,.33-.129l4.571-4.571a.538.538,0,0,0,.143-.344.441.441,0,0,0-.459-.459Z\",\n transform: \"translate(-4.457)\",\n fill: \"#ffffff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_3363\",\n \"data-name\": \"Path 3363\",\n d: \"M264.072,438.665a.446.446,0,0,0-.33-.129H251.821a.442.442,0,0,0-.458.459v2.751a.441.441,0,0,0,.458.459h11.922a.441.441,0,0,0,.458-.459v-2.751A.446.446,0,0,0,264.072,438.665Z\",\n transform: \"translate(-238.97 -416.526)\",\n fill: \"#ffffff\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_3364\",\n \"data-name\": \"Path 3364\",\n d: \"M251.818,296.032h9.171a.441.441,0,0,0,.458-.458v-2.752a.441.441,0,0,0-.458-.458h-9.171a.441.441,0,0,0-.458.458v2.752a.441.441,0,0,0,.458.458Z\",\n transform: \"translate(-238.967 -277.69)\",\n fill: \"#ffffff\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgOrderFilterWhiteIcon);\nexport default __webpack_public_path__ + \"static/media/orderFilterWhiteIcon.bc206845.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgCollapseTriangleOrangeIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 11,\n height: 5,\n viewBox: \"0 0 11 5\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Polygon_3\",\n \"data-name\": \"Polygon 3\",\n d: \"M5.5,0,11,5H0Z\",\n fill: \"#ff8f00\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgCollapseTriangleOrangeIcon);\nexport default __webpack_public_path__ + \"static/media/collapseTriangleOrangeIcon.2dc1f850.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgFiltersCheckboxActive(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 21,\n height: 20,\n viewBox: \"0 0 21 20\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Rectangle_1532\",\n \"data-name\": \"Rectangle 1532\",\n fill: \"#ff0043\",\n stroke: \"#ff0043\",\n strokeWidth: 1\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 21,\n height: 20,\n rx: 5,\n stroke: \"none\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.5,\n y: 0.5,\n width: 20,\n height: 19,\n rx: 4.5,\n fill: \"none\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFiltersCheckboxActive);\nexport default __webpack_public_path__ + \"static/media/filtersCheckboxActive.a3516880.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgFiltersCheckboxUnactive(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 21,\n height: 20,\n viewBox: \"0 0 21 20\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Rectangle_1534\",\n \"data-name\": \"Rectangle 1534\",\n fill: \"none\",\n stroke: \"#ff0043\",\n strokeWidth: 1\n }, /*#__PURE__*/React.createElement(\"rect\", {\n width: 21,\n height: 20,\n rx: 5,\n stroke: \"none\"\n }), /*#__PURE__*/React.createElement(\"rect\", {\n x: 0.5,\n y: 0.5,\n width: 20,\n height: 19,\n rx: 4.5,\n fill: \"none\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFiltersCheckboxUnactive);\nexport default __webpack_public_path__ + \"static/media/filtersCheckboxUnactive.48caaae3.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgFiltersClearWhiteIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 34.72,\n height: 30.312,\n viewBox: \"0 0 34.72 30.312\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"regreso_2_\",\n \"data-name\": \"regreso (2)\",\n transform: \"translate(0 -32.502)\"\n }, /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1102\",\n \"data-name\": \"Group 1102\",\n transform: \"translate(0 32.502)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9381\",\n \"data-name\": \"Path 9381\",\n d: \"M19.564,32.5A15.179,15.179,0,0,0,4.7,44.7L1.821,41.1,0,42.558l4.663,5.829A1.168,1.168,0,0,0,6.1,48.7l7-3.5-1.043-2.086-5.14,2.57A12.818,12.818,0,1,1,19.564,60.483v2.332a15.156,15.156,0,0,0,0-30.312Z\",\n transform: \"translate(0 -32.502)\",\n fill: \"#ffffff\"\n })))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgFiltersClearWhiteIcon);\nexport default __webpack_public_path__ + \"static/media/filtersClearWhiteIcon.e408a2c3.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgTripleArrowLeftIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 29.556,\n height: 12.224,\n viewBox: \"0 0 29.556 12.224\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1162\",\n \"data-name\": \"Group 1162\",\n transform: \"translate(-71.444 -2132.991)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Polygon_26\",\n \"data-name\": \"Polygon 26\",\n d: \"M6.112,0l6.112,5.556H0Z\",\n transform: \"translate(95.444 2145.215) rotate(-90)\",\n fill: \"#ff8f00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Polygon_27\",\n \"data-name\": \"Polygon 27\",\n d: \"M6.112,0l6.112,5.556H0Z\",\n transform: \"translate(83.444 2145.215) rotate(-90)\",\n fill: \"#ff8f00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Polygon_28\",\n \"data-name\": \"Polygon 28\",\n d: \"M6.112,0l6.112,5.556H0Z\",\n transform: \"translate(71.444 2145.215) rotate(-90)\",\n fill: \"#ff8f00\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgTripleArrowLeftIcon);\nexport default __webpack_public_path__ + \"static/media/tripleArrowLeftIcon.f7c514f4.svg\";\nexport { ForwardRef as ReactComponent };","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgTripleArrowRightIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 29.556,\n height: 12.224,\n viewBox: \"0 0 29.556 12.224\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"Group_1161\",\n \"data-name\": \"Group 1161\",\n transform: \"translate(-1799.444 -2132.991)\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n id: \"Polygon_26\",\n \"data-name\": \"Polygon 26\",\n d: \"M6.112,0l6.112,5.556H0Z\",\n transform: \"translate(1805 2132.991) rotate(90)\",\n fill: \"#ff8f00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Polygon_27\",\n \"data-name\": \"Polygon 27\",\n d: \"M6.112,0l6.112,5.556H0Z\",\n transform: \"translate(1817 2132.991) rotate(90)\",\n fill: \"#ff8f00\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Polygon_28\",\n \"data-name\": \"Polygon 28\",\n d: \"M6.112,0l6.112,5.556H0Z\",\n transform: \"translate(1829 2132.991) rotate(90)\",\n fill: \"#ff8f00\"\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgTripleArrowRightIcon);\nexport default __webpack_public_path__ + \"static/media/tripleArrowRightIcon.e7b2c115.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState, Fragment } from \"react\";\r\nimport { useLocation, useParams } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useSelector } from \"react-redux\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { isMobile, isTablet, isMobileOnly } from \"react-device-detect\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\n//MUI\r\nimport {\r\n Button,\r\n Checkbox,\r\n Collapse,\r\n IconButton,\r\n ListItem,\r\n Skeleton,\r\n} from \"@mui/material\";\r\nimport { Close } from \"@mui/icons-material\";\r\n//Components\r\n// import ButtonComponent from \"../../base/components/ButtonComponent\";\r\n// import BreadcrumbsComponet from \"../../base/components/BreadcrumbsComponet\";\r\n// import ItemProduct from \"./ItemProduct\";\r\nimport NewProductCard from \"../../base/components/NewProductCard\";\r\nimport NotFoundComponent from \"./../../base/components/NotFoundComponent\";\r\n//import BreadcrumbsNavigationComponet from \"../../navigation/components/BreadcrumbsNavigationComponet\";\r\nimport {\r\n handleScrollToTop,\r\n enumCategories,\r\n capitalizeText,\r\n} from \"./../../../../Libraries/Utils/utils\";\r\nimport Enumerable from \"linq\";\r\n//Actions\r\nimport { requestLoggUserActivity } from \"./../../../ReduxSaga/Actions/General\";\r\n//Assets\r\nimport { ReactComponent as FilterWhiteIcon } from \"./../../../../assets/media/images/icons/filterWhiteIcon.svg\";\r\nimport { ReactComponent as OrderIcon } from \"./../../../../assets/media/images/icons/orderFilterWhiteIcon.svg\";\r\nimport { ReactComponent as CollapseTriangleOrangeIcon } from \"./../../../../assets/media/images/icons/collapseTriangleOrangeIcon.svg\";\r\nimport { ReactComponent as SearchWhiteIcon } from \"./../../../../assets/media/images/icons/searchIconAlt.svg\";\r\n\r\nimport { ReactComponent as FiltersCheckboxActive } from \"./../../../../assets/media/images/icons/filtersCheckboxActive.svg\";\r\nimport { ReactComponent as FiltersCheckboxUnactive } from \"./../../../../assets/media/images/icons/filtersCheckboxUnactive.svg\";\r\nimport { ReactComponent as FiltersClearIcon } from \"./../../../../assets/media/images/icons/filtersClearWhiteIcon.svg\";\r\nimport { ReactComponent as TripleArrowLeftIcon } from \"./../../../../assets/media/images/icons/tripleArrowLeftIcon.svg\";\r\nimport { ReactComponent as TripleArrowRightIcon } from \"./../../../../assets/media/images/icons/tripleArrowRightIcon.svg\";\r\n\r\nconst ListProductsContainer = (props) => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n /// Navigation\r\n let params = useParams();\r\n /// TRANSLATION\r\n const { t, i18n } = useTranslation();\r\n /// REDUX\r\n const appReducers = {};\r\n appReducers.general = useSelector((state) => state.general);\r\n appReducers.products = useSelector((state) => state.products);\r\n appReducers.cart = useSelector((state) => state.cart);\r\n\r\n ///HOOKS\r\n\r\n const [collapseFilter, setCollapseFilter] = useState(false);\r\n const [filteredProducts, setFilteredProducts] = useState([]);\r\n const [productsData, setProductsData] = useState([]);\r\n const [categoriesData, setCategoriesData] = useState([]);\r\n const [categoryTitle, setCategoryTitle] = useState(\"\");\r\n const [categoryTypeId, setcategoryTypeId] = useState(0);\r\n const [categoryTree, setCategoryTree] = useState(\"\");\r\n const [subCategoriesL1Data, setSubCategoriesL1Data] = useState([]);\r\n const [subCategoriesL2Data, setSubCategoriesL2Data] = useState([]);\r\n const [subCategoriesL3Data, setSubCategoriesL3Data] = useState([]);\r\n const [subCategoriesL4Data, setSubCategoriesL4Data] = useState([]);\r\n //New\r\n const [isOpenFilterMenu, setIsOpenFilterMenu] = useState(false);\r\n const [filterOptions, setFilterOptions] = useState([]);\r\n const [isVisibleOrderMenuOptions, setIsVisibleOrderMenuOptions] =\r\n useState(false);\r\n //Pagination\r\n const [itemsPerPage, setItemsPerPAge] = useState(12);\r\n const [currentPage, setCurrentPage] = useState(0);\r\n const [numberOfPages, setNumberOfPages] = useState(0);\r\n //Order\r\n const [currentOrderOption, setCurrentOrderOption] = useState(undefined);\r\n ///\r\n const [isBannerPromo, setIsBannerPromo] = useState(true);\r\n const [categorySelected, setCategorySelected] = useState({});\r\n const [filterOptionsGrouped, setFilterOptionsGrouped] = useState([]);\r\n const [showNoResultFilter, setShowNoResultFilter] = useState(false);\r\n\r\n const handleCollapse = () => {\r\n setCollapseFilter(!collapseFilter);\r\n };\r\n\r\n //scrollTop\r\n\r\n useEffect(() => {\r\n document.title = \"Zermat USA :: Product Categories\"; \r\n\r\n //Set filters\r\n // const filtersFromServer = fakeFiltersOptions;\r\n // let filterOptionsResult = [];\r\n // filtersFromServer.forEach((a) => {\r\n // let itemsClone = [];\r\n // a.items.forEach((b) => {\r\n // itemsClone.push({ ...b, isActive: false });\r\n // });\r\n // filterOptionsResult.push({\r\n // ...a,\r\n // isExpanded: true,\r\n // items: itemsClone,\r\n // });\r\n // });\r\n // setFilterOptions(filterOptionsResult);\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (!isOpenFilterMenu) {\r\n const cloneFilterOptions = [...filterOptions];\r\n cloneFilterOptions.forEach((item) => {\r\n item.isExpanded = false;\r\n });\r\n //console.log(\"cloneFilterOptions\", cloneFilterOptions);\r\n setFilterOptions(cloneFilterOptions);\r\n }\r\n }, [isOpenFilterMenu]);\r\n\r\n useEffect(() => {\r\n //document.getElementById(\"products__list\").scrollIntoView();\r\n //console.log(\"filter products\", filteredProducts);\r\n if (filteredProducts.length > 0) {\r\n handleScrollToTop();\r\n const totalPages = Math.ceil(filteredProducts.length / itemsPerPage);\r\n //console.log(\"totalPages\", totalPages);\r\n setNumberOfPages(totalPages);\r\n setCurrentPage(0);\r\n //setIsOpenFilterMenu(false); PIDE JM NO SE OCULTE EL DIV DE FILTROS CUANDO SE FILTRA POR CATEGORÍA\r\n }\r\n }, [filteredProducts, itemsPerPage]);\r\n\r\n useEffect(() => {\r\n handleScrollToTop();\r\n const swiperProductsListPagination = document.getElementById(\r\n \"swiperProductsListPagination\"\r\n );\r\n if (swiperProductsListPagination) {\r\n //console.log(\"swiperProductsListPagination\", swiperProductsListPagination);\r\n swiperProductsListPagination.swiper.slideTo(currentPage);\r\n }\r\n }, [currentPage]);\r\n\r\n useEffect(() => {\r\n //console.log(\"filterOptions\", filterOptions);\r\n }, [filterOptions]);\r\n\r\n //PRODUCTS LOAD\r\n useEffect(() => {\r\n ///props?.hasOwnProperty(\"match\") &&\r\n if (params && params?.hasOwnProperty(\"categoryId\")) {\r\n const categoryId = parseInt(params?.categoryId);\r\n let catTitle = \"\";\r\n let categoryTypeId = 0;\r\n if (\r\n !appReducers?.products?.errorLoadTrPrExProducts &&\r\n appReducers?.products?.productsEn &&\r\n appReducers?.products?.categoriesEn &&\r\n appReducers?.products?.subCategoriesEnL1\r\n ) {\r\n setCategoryTree(\"\");\r\n if (i18n.language === \"en\") {\r\n if (categoryId > 0) {\r\n const catSelected = enumCategories.find((i) => i.id === categoryId);\r\n setCategorySelected(catSelected);\r\n categoryTypeId = appReducers?.products?.categoriesEn?.find(\r\n (c) => c.idCategories === categoryId\r\n )?.idCategoriesType;\r\n catTitle = appReducers?.products?.categoriesEn?.find(\r\n (c) => c.idCategoriesType === categoryTypeId\r\n )?.nameCategories;\r\n //setCategoryTitle(catTitle);\r\n setCategoryTitle(t(catSelected.name));\r\n setcategoryTypeId(categoryTypeId);\r\n setProductsData(appReducers?.products?.productsEn);\r\n setCategoriesData(appReducers?.products?.categoriesEn);\r\n\r\n const subCatL1 = appReducers?.products?.subCategoriesEnL1?.filter(\r\n (s1) => s1.idCategoriesType === categoryTypeId\r\n );\r\n setSubCategoriesL1Data(subCatL1);\r\n const subCatL1IdList = appReducers?.products?.subCategoriesEnL1\r\n .filter((s1) => s1.idCategoriesType === categoryTypeId)\r\n .map((i) => i.idSubCategories);\r\n const subCatL2 = appReducers?.products?.subCategoriesEnL2?.filter(\r\n (s2) => subCatL1IdList.includes(s2.isSubCategoryLevel1)\r\n );\r\n setSubCategoriesL2Data(subCatL2);\r\n const subCatL2IdList = subCatL2.map((i) => i.idSubCategories);\r\n const subCatL3 = appReducers?.products?.subCategoriesEnL3?.filter(\r\n (s3) => subCatL2IdList.includes(s3.isSubCategoryLevel2)\r\n );\r\n setSubCategoriesL3Data(subCatL3);\r\n const subCatL4 = appReducers?.products?.subCategoriesEnL4?.filter(\r\n (l4) => l4.idCategoriesType === categoryTypeId\r\n );\r\n setSubCategoriesL4Data(subCatL4);\r\n handleSetFilters(\r\n appReducers?.products?.categoriesEn,\r\n appReducers?.products?.productsEn,\r\n catSelected,\r\n subCatL1,\r\n subCatL2,\r\n subCatL3,\r\n subCatL4\r\n );\r\n handleSetFiltersGrouped(\r\n appReducers?.products?.categoriesEn,\r\n appReducers?.products?.productsEn,\r\n catSelected,\r\n subCatL1,\r\n subCatL2,\r\n subCatL3,\r\n subCatL4\r\n );\r\n } else {\r\n setProductsData(appReducers?.products?.productsEn);\r\n setCategoriesData(appReducers?.products?.categoriesEn);\r\n setSubCategoriesL1Data(appReducers?.products?.subCategoriesEnL1);\r\n setSubCategoriesL2Data(appReducers?.products?.subCategoriesEnL2);\r\n setSubCategoriesL3Data(appReducers?.products?.subCategoriesEnL3);\r\n setSubCategoriesL4Data(appReducers?.products?.subCategoriesEnL4);\r\n handleSetFilters(\r\n appReducers?.products?.categoriesEn,\r\n appReducers?.products?.productsEn,\r\n {},\r\n appReducers?.products?.subCategoriesEnL1,\r\n appReducers?.products?.subCategoriesEnL2,\r\n appReducers?.products?.subCategoriesEnL3,\r\n appReducers?.products?.subCategoriesEnL4,\r\n true\r\n );\r\n handleSetFiltersGrouped(\r\n appReducers?.products?.categoriesEn,\r\n appReducers?.products?.productsEn,\r\n {},\r\n appReducers?.products?.subCategoriesEnL1,\r\n appReducers?.products?.subCategoriesEnL2,\r\n appReducers?.products?.subCategoriesEnL3,\r\n appReducers?.products?.subCategoriesEnL4,\r\n true\r\n );\r\n }\r\n }\r\n if (i18n.language === \"es\") {\r\n if (categoryId > 0) {\r\n const catSelected = enumCategories.find((i) => i.id === categoryId);\r\n setCategorySelected(catSelected);\r\n // categoryTypeId = categoryId\r\n categoryTypeId = appReducers?.products?.categoriesEs?.find(\r\n (c) => c.idCategories === categoryId\r\n )?.idCategoriesType;\r\n catTitle = appReducers?.products?.categoriesEs?.find(\r\n (c) => c.idCategoriesType === categoryTypeId\r\n )?.nameCategories;\r\n setCategoryTitle(t(catSelected.name));\r\n //setCategoryTitle(catTitle);\r\n setcategoryTypeId(categoryTypeId);\r\n setProductsData(appReducers?.products?.productsEs);\r\n setCategoriesData(appReducers?.products?.categoriesEs);\r\n const subCatL1 = appReducers?.products?.subCategoriesEsL1?.filter(\r\n (s1) => s1.idCategoriesType === categoryTypeId\r\n );\r\n setSubCategoriesL1Data(subCatL1);\r\n const subCatL1IdList = appReducers?.products?.subCategoriesEsL1\r\n .filter((s1) => s1.idCategoriesType === categoryTypeId)\r\n .map((i) => i.idSubCategories);\r\n const subCatL2 = appReducers?.products?.subCategoriesEsL2?.filter(\r\n (s2) => subCatL1IdList.includes(s2.isSubCategoryLevel1)\r\n );\r\n setSubCategoriesL2Data(subCatL2);\r\n const subCatL2IdList = subCatL2.map((i) => i.idSubCategories);\r\n const subCatL3 = appReducers?.products?.subCategoriesEsL3?.filter(\r\n (s3) => subCatL2IdList.includes(s3.isSubCategoryLevel2)\r\n );\r\n setSubCategoriesL3Data(subCatL3);\r\n const subCatL4 = appReducers?.products?.subCategoriesEsL4?.filter(\r\n (l4) => l4.idCategoriesType === categoryTypeId\r\n );\r\n setSubCategoriesL4Data(subCatL4);\r\n handleSetFilters(\r\n appReducers?.products?.categoriesEs,\r\n appReducers?.products?.productsEs,\r\n catSelected,\r\n subCatL1,\r\n subCatL2,\r\n subCatL3,\r\n subCatL4\r\n );\r\n handleSetFiltersGrouped(\r\n appReducers?.products?.categoriesEs,\r\n appReducers?.products?.productsEs,\r\n catSelected,\r\n subCatL1,\r\n subCatL2,\r\n subCatL3,\r\n subCatL4\r\n );\r\n } else {\r\n setProductsData(appReducers?.products?.productsEs);\r\n setCategoriesData(appReducers?.products?.categoriesEs);\r\n setSubCategoriesL1Data(appReducers?.products?.subCategoriesEsL1);\r\n setSubCategoriesL2Data(appReducers?.products?.subCategoriesEsL2);\r\n setSubCategoriesL3Data(appReducers?.products?.subCategoriesEsL3);\r\n setSubCategoriesL4Data(appReducers?.products?.subCategoriesEsL4);\r\n handleSetFilters(\r\n appReducers?.products?.categoriesEs,\r\n appReducers?.products?.productsEs,\r\n {},\r\n appReducers?.products?.subCategoriesEsL1,\r\n appReducers?.products?.subCategoriesEsL2,\r\n appReducers?.products?.subCategoriesEsL3,\r\n appReducers?.products?.subCategoriesEsL4,\r\n true\r\n );\r\n handleSetFiltersGrouped(\r\n appReducers?.products?.categoriesEs,\r\n appReducers?.products?.productsEs,\r\n {},\r\n appReducers?.products?.subCategoriesEsL1,\r\n appReducers?.products?.subCategoriesEsL2,\r\n appReducers?.products?.subCategoriesEsL3,\r\n appReducers?.products?.subCategoriesEsL4,\r\n true\r\n );\r\n }\r\n }\r\n } else {\r\n //error no cargo los productos\r\n }\r\n } else {\r\n //error espera parametro\r\n }\r\n }, [\r\n params?.categoryId,\r\n appReducers?.products?.errorLoadTrPrExProducts,\r\n i18n.language,\r\n appReducers?.products?.productsEs,\r\n appReducers?.products?.productsEn,\r\n appReducers?.products?.subCategoriesEnL1,\r\n appReducers?.products?.subCategoriesEnL2,\r\n appReducers?.products?.subCategoriesEnL3,\r\n appReducers?.products?.subCategoriesEsL1,\r\n appReducers?.products?.subCategoriesEsL2,\r\n appReducers?.products?.subCategoriesEsL3,\r\n appReducers?.products?.categoriesEs,\r\n appReducers?.products?.categoriesEn,\r\n ]);\r\n\r\n //Log\r\n useEffect(() => {\r\n //console.log(\"productsData\", productsData);\r\n if (productsData.length > 0) {\r\n //debugger;\r\n if (categoryTypeId > 0) {\r\n // console.log(\"categoryTypeId\", categoryTypeId);\r\n // console.log(\"props.benefitType\", props.benefitType);\r\n //debugger\r\n if (props.benefitType === 2 || props.benefitType === 1) {\r\n const productsResult = productsData.filter(\r\n (p) =>\r\n p.idFamily <= 0 &&\r\n p.idCatProductsCategoriesType === categoryTypeId\r\n );\r\n const withFamilyProducts = [];\r\n const prodEvaWithFamily = productsData.filter(\r\n (p) =>\r\n p.idFamily > 0 &&\r\n p.available &&\r\n p.idCatProductsCategoriesType === categoryTypeId\r\n );\r\n\r\n prodEvaWithFamily.forEach((item) => {\r\n if (\r\n !withFamilyProducts.find(\r\n (elemnt) => elemnt.idFamily === item.idFamily\r\n )\r\n ) {\r\n prodEvaWithFamily.sort((a, b) => a.orderRender - b.orderRender);\r\n\r\n const articleFinal = prodEvaWithFamily.find(\r\n (a) => a.itemCode === item.itemCode\r\n );\r\n withFamilyProducts.push(articleFinal);\r\n productsResult.push(articleFinal);\r\n }\r\n });\r\n\r\n setFilteredProducts(productsResult);\r\n } else {\r\n const productsResult = productsData.filter(\r\n (p) =>\r\n p.idFamily <= 0 &&\r\n p.idCatProductsCategoriesType === categoryTypeId &&\r\n p.typePlan === props.benefitType\r\n );\r\n const withFamilyProducts = [];\r\n const prodEvaWithFamily = productsData.filter(\r\n (p) =>\r\n p.idFamily > 0 &&\r\n p.available &&\r\n p.idCatProductsCategoriesType === categoryTypeId &&\r\n p.typePlan === props.benefitType\r\n );\r\n\r\n prodEvaWithFamily.forEach((item) => {\r\n if (\r\n !withFamilyProducts.find(\r\n (elemnt) => elemnt.idFamily === item.idFamily\r\n )\r\n ) {\r\n prodEvaWithFamily.sort((a, b) => a.orderRender - b.orderRender);\r\n\r\n const articleFinal = prodEvaWithFamily.find(\r\n (a) => a.itemCode === item.itemCode\r\n );\r\n withFamilyProducts.push(articleFinal);\r\n productsResult.push(articleFinal);\r\n }\r\n });\r\n setFilteredProducts(productsResult);\r\n }\r\n } else {\r\n if (props.benefitType === 2 || props.benefitType === 1) {\r\n const productsResult = productsData.filter((p) => p.idFamily <= 0);\r\n const withFamilyProducts = [];\r\n const prodEvaWithFamily = productsData.filter(\r\n (p) => p.idFamily > 0 && p.available\r\n );\r\n\r\n prodEvaWithFamily.forEach((item) => {\r\n if (\r\n !withFamilyProducts.find(\r\n (elemnt) => elemnt.idFamily === item.idFamily\r\n )\r\n ) {\r\n prodEvaWithFamily.sort((a, b) => a.orderRender - b.orderRender);\r\n\r\n const articleFinal = prodEvaWithFamily.find(\r\n (a) => a.itemCode === item.itemCode\r\n );\r\n withFamilyProducts.push(articleFinal);\r\n productsResult.push(articleFinal);\r\n }\r\n });\r\n setFilteredProducts(productsResult);\r\n } else {\r\n const productsResult = productsData.filter(\r\n (p) => p.idFamily <= 0 && p.typePlan === props.benefitType\r\n );\r\n const withFamilyProducts = [];\r\n const prodEvaWithFamily = productsData.filter(\r\n (p) =>\r\n p.idFamily > 0 && p.available && p.typePlan === props.benefitType\r\n );\r\n\r\n prodEvaWithFamily.forEach((item) => {\r\n if (\r\n !withFamilyProducts.find(\r\n (elemnt) => elemnt.idFamily === item.idFamily\r\n )\r\n ) {\r\n prodEvaWithFamily.sort((a, b) => a.orderRender - b.orderRender);\r\n\r\n const articleFinal = prodEvaWithFamily.find(\r\n (a) => a.itemCode === item.itemCode\r\n );\r\n withFamilyProducts.push(articleFinal);\r\n productsResult.push(articleFinal);\r\n }\r\n });\r\n setFilteredProducts(productsResult);\r\n }\r\n }\r\n }\r\n }, [productsData, categoryTypeId, props.benefitType]);\r\n\r\n useEffect(() => {\r\n if (parseInt(params?.categoryId) === 7) {\r\n setIsBannerPromo(true);\r\n } else {\r\n setIsBannerPromo(false);\r\n }\r\n }, [params]);\r\n\r\n //Handlers\r\n const handleSetFilters = (\r\n categories,\r\n products,\r\n categoriesEnum,\r\n subCategoriesL1 = [],\r\n subCategoriesL2 = [],\r\n subCategoriesL3 = [],\r\n subCategoriesL4 = [],\r\n withCategories = false,\r\n catIdParam = 0,\r\n subCatLevel1Param = 0,\r\n subCatLevel2Param = 0,\r\n subCatLevel3Param = 0,\r\n subCatLevel4Param = 0\r\n ) => {\r\n const filters = [];\r\n let level1Name = \"SubNivel1\";\r\n let level2Name = \"SubNivel2\";\r\n let level3Name = \"SubNivel3\";\r\n let level4Name = \"SubNivel4\";\r\n if (\r\n typeof categoriesEnum !== \"undefined\" &&\r\n categoriesEnum.hasOwnProperty(\"id\")\r\n ) {\r\n categoriesEnum.levels.forEach((item) => {\r\n switch (item.level) {\r\n case 1:\r\n level1Name = t(item.name);\r\n break;\r\n case 2:\r\n level2Name = t(item.name);\r\n break;\r\n case 3:\r\n level3Name = t(item.name);\r\n break;\r\n case 4:\r\n level4Name = t(item.name);\r\n break;\r\n }\r\n });\r\n }\r\n\r\n const categoriesItems = categories\r\n .filter(\r\n (cat) =>\r\n products.filter(\r\n (p) => p.idCatProductsCategoriesType === cat.idCategoriesType\r\n ).length > 0\r\n )\r\n .map((cat, index) => ({\r\n idCatProductsCategories: cat.idCategoriesType,\r\n isCat: true,\r\n islevel1: false,\r\n isLevel2: false,\r\n isLevel3: false,\r\n isLevel4: false,\r\n isActive: cat.idCategoriesType === catIdParam,\r\n name: cat.nameCategories,\r\n count: products.filter(\r\n (p) => p.idCatProductsCategoriesType === cat.idCategoriesType\r\n ).length,\r\n index,\r\n }));\r\n const subCatL1Items = subCategoriesL1\r\n .filter(\r\n (l1) =>\r\n products.filter(\r\n (p) =>\r\n p.idCatProductsCategoriesType === l1.idCategoriesType &&\r\n p.subCat1 === l1.idSubCategories\r\n ).length > 0\r\n )\r\n .map((l1, index) => ({\r\n idCatProductsCategories: l1.idSubCategories,\r\n isCat: false,\r\n idCategoriesType: l1.idCategoriesType,\r\n islevel1: true,\r\n islevel2: false,\r\n islevel3: false,\r\n islevel4: false,\r\n isActive: l1.idSubCategories === subCatLevel1Param,\r\n name: l1.nameSubCategories,\r\n count: products.filter(\r\n (p) =>\r\n p.idCatProductsCategoriesType === l1.idCategoriesType &&\r\n p.subCat1 === l1.idSubCategories\r\n ).length,\r\n index,\r\n }));\r\n const subCatL2Items = subCategoriesL2\r\n .filter(\r\n (l2) =>\r\n products.filter(\r\n (p) =>\r\n p.subCat1 === l2.isSubCategoryLevel1 &&\r\n p.subCat2 === l2.idSubCategories\r\n ).length > 0\r\n )\r\n .map((l2, index) => ({\r\n idCatProductsCategories: l2.idSubCategories,\r\n isCat: false,\r\n islevel1: false,\r\n idSubCatL1: l2.isSubCategoryLevel1,\r\n islevel2: true,\r\n islevel3: false,\r\n islevel4: false,\r\n isActive: l2.idSubCategories === subCatLevel2Param,\r\n name: l2.nameSubCategories,\r\n count: products.filter(\r\n (p) =>\r\n p.subCat1 === l2.isSubCategoryLevel1 &&\r\n p.subCat2 === l2.idSubCategories\r\n ).length,\r\n index,\r\n }));\r\n const subCatL3Items = subCategoriesL3\r\n .filter(\r\n (l3) =>\r\n products.filter(\r\n (p) =>\r\n p.subCat1 === l3.idSubCategoryLevel1 &&\r\n p.subCat2 === l3.isSubCategoryLevel2 &&\r\n p.subCat3 === l3.idSubCategories\r\n ).length > 0\r\n )\r\n .map((l3, index) => ({\r\n idCatProductsCategories: l3.idSubCategories,\r\n isCat: false,\r\n islevel1: false,\r\n islevel2: false,\r\n idSubCatL1: l3.idSubCategoryLevel1,\r\n idSubCatL2: l3.isSubCategoryLevel2,\r\n islevel3: true,\r\n islevel4: false,\r\n isActive: l3.idSubCategories === subCatLevel3Param,\r\n name: l3.nameSubCategories,\r\n count: products.filter(\r\n (p) =>\r\n p.subCat1 === l3.idSubCategoryLevel1 &&\r\n p.subCat2 === l3.isSubCategoryLevel2 &&\r\n p.subCat3 === l3.idSubCategories\r\n ).length,\r\n index,\r\n }));\r\n const subCatL4Items = subCategoriesL4\r\n .filter(\r\n (l4) =>\r\n products.filter(\r\n (p) =>\r\n p.idCatProductsCategoriesType === l4.idCategoriesType &&\r\n p.subCat4 === l4.idSubCategories\r\n ).length > 0\r\n )\r\n .map((l4, index) => ({\r\n idCatProductsCategories: l4.idSubCategories,\r\n isCat: false,\r\n islevel1: false,\r\n islevel2: false,\r\n islevel3: false,\r\n idCategoriesType: l4.idCategoriesType,\r\n islevel4: true,\r\n isActive: l4.idSubCategories === subCatLevel4Param,\r\n name: l4.nameSubCategories,\r\n count: products.filter(\r\n (p) =>\r\n p.idCatProductsCategoriesType === l4.idCategoriesType &&\r\n p.subCat4 === l4.idSubCategories\r\n ).length,\r\n index,\r\n }));\r\n const objCategories = {\r\n title: i18n.language === \"es\" ? \"Catégorias\" : \"Categories\",\r\n isExpanded: true,\r\n items: categoriesItems,\r\n };\r\n const objSubCategoriesLevel1 = {\r\n title: level1Name,\r\n isExpanded: false,\r\n items: subCatL1Items,\r\n };\r\n const objSubCategoriesLevel2 = {\r\n title: level2Name,\r\n isExpanded: false,\r\n items: subCatL2Items,\r\n };\r\n const objSubCategoriesLevel3 = {\r\n title: level3Name,\r\n isExpanded: false,\r\n items: subCatL3Items,\r\n };\r\n const objSubCategoriesLevel4 = {\r\n title: level4Name,\r\n isExpanded: false,\r\n items: subCatL4Items,\r\n };\r\n if (withCategories) filters.push(objCategories);\r\n filters.push(objSubCategoriesLevel1);\r\n filters.push(objSubCategoriesLevel2);\r\n filters.push(objSubCategoriesLevel3);\r\n filters.push(objSubCategoriesLevel4);\r\n setFilterOptions(filters);\r\n };\r\n const handleSetFiltersGrouped = (\r\n categories,\r\n products,\r\n categoriesEnum,\r\n subCategoriesL1 = [],\r\n subCategoriesL2 = [],\r\n subCategoriesL3 = [],\r\n subCategoriesL4 = [],\r\n withCategories = false,\r\n catIdParam = 0,\r\n subCatLevel1Param = 0,\r\n subCatLevel2Param = 0,\r\n subCatLevel3Param = 0,\r\n subCatLevel4Param = 0\r\n ) => {\r\n //nombre de subcategorias por nivel\r\n const filters = [];\r\n let level1Name = \"SubNivel1\";\r\n let level2Name = \"SubNivel2\";\r\n let level3Name = \"SubNivel3\";\r\n let level4Name = \"SubNivel4\";\r\n if (\r\n typeof categoriesEnum !== \"undefined\" &&\r\n categoriesEnum.hasOwnProperty(\"id\")\r\n ) {\r\n categoriesEnum.levels.forEach((item) => {\r\n switch (item.level) {\r\n case 1:\r\n level1Name = t(item.name);\r\n break;\r\n case 2:\r\n level2Name = t(item.name);\r\n break;\r\n case 3:\r\n level3Name = t(item.name);\r\n break;\r\n case 4:\r\n level4Name = t(item.name);\r\n break;\r\n }\r\n });\r\n }\r\n //nombre de subcategorias por nivel\r\n\r\n const categoriesItems = categories\r\n .filter(\r\n (cat) =>\r\n products.filter(\r\n (p) => p.idCatProductsCategoriesType === cat.idCategoriesType\r\n ).length > 0\r\n )\r\n .map((cat, index) => ({\r\n idCatProductsCategories: cat.idCategoriesType,\r\n isCat: true,\r\n islevel1: false,\r\n isLevel2: false,\r\n isLevel3: false,\r\n isLevel4: false,\r\n isActive: cat.idCategoriesType === catIdParam,\r\n name: cat.nameCategories,\r\n count: products.filter(\r\n (p) => p.idCatProductsCategoriesType === cat.idCategoriesType\r\n ).length,\r\n index,\r\n }));\r\n\r\n const groupCategories = Enumerable.from(categoriesItems)\r\n .groupBy(\"item => item.name\", null, function (key, group) {\r\n const count = group.sum(\"$.count\");\r\n const category = { ...group.toArray()[0] };\r\n delete category.idCatProductsCategories;\r\n delete category.idSubCatL1;\r\n category.count = count;\r\n return {\r\n category,\r\n index: category.index,\r\n isActive: false,\r\n catUpGrouped: group.toArray(),\r\n };\r\n })\r\n .toArray();\r\n\r\n const subCatL1Items = subCategoriesL1\r\n .filter(\r\n (l1) =>\r\n products.filter(\r\n (p) =>\r\n p.idCatProductsCategoriesType === l1.idCategoriesType &&\r\n p.subCat1 === l1.idSubCategories\r\n ).length > 0\r\n )\r\n .map((l1, index) => ({\r\n idCatProductsCategories: l1.idSubCategories,\r\n isCat: false,\r\n idCategoriesType: l1.idCategoriesType,\r\n islevel1: true,\r\n islevel2: false,\r\n islevel3: false,\r\n islevel4: false,\r\n isActive: l1.idSubCategories === subCatLevel1Param,\r\n name: l1.nameSubCategories,\r\n count: products.filter(\r\n (p) =>\r\n p.idCatProductsCategoriesType === l1.idCategoriesType &&\r\n p.subCat1 === l1.idSubCategories\r\n ).length,\r\n index,\r\n }));\r\n\r\n const groupCatL1 = Enumerable.from(subCatL1Items)\r\n .groupBy(\"item => item.name\", null, function (key, group) {\r\n const count = group.sum(\"$.count\");\r\n const category = { ...group.toArray()[0] };\r\n delete category.idCatProductsCategories;\r\n delete category.idSubCatL1;\r\n category.count = count;\r\n return {\r\n category,\r\n index: category.index,\r\n isActive: false,\r\n catUpGrouped: group.toArray(),\r\n };\r\n })\r\n .toArray();\r\n\r\n const subCatL2Items = subCategoriesL2\r\n .filter(\r\n (l2) =>\r\n products.filter(\r\n (p) =>\r\n p.subCat1 === l2.isSubCategoryLevel1 &&\r\n p.subCat2 === l2.idSubCategories\r\n ).length > 0\r\n )\r\n .map((l2, index) => ({\r\n idCatProductsCategories: l2.idSubCategories,\r\n isCat: false,\r\n islevel1: false,\r\n idSubCatL1: l2.isSubCategoryLevel1,\r\n islevel2: true,\r\n islevel3: false,\r\n islevel4: false,\r\n isActive: l2.idSubCategories === subCatLevel2Param,\r\n name: l2.nameSubCategories,\r\n count: products.filter(\r\n (p) =>\r\n p.subCat1 === l2.isSubCategoryLevel1 &&\r\n p.subCat2 === l2.idSubCategories\r\n ).length,\r\n index,\r\n }));\r\n\r\n const groupCatL2 = Enumerable.from(subCatL2Items)\r\n .groupBy(\"item => item.name\", null, function (key, group) {\r\n const count = group.sum(\"$.count\");\r\n const category = { ...group.toArray()[0] };\r\n delete category.idCatProductsCategories;\r\n delete category.idSubCatL1;\r\n category.count = count;\r\n return {\r\n category,\r\n index: category.index,\r\n isActive: false,\r\n catUpGrouped: group.toArray(),\r\n };\r\n })\r\n .toArray();\r\n\r\n const subCatL3Items = subCategoriesL3\r\n .filter(\r\n (l3) =>\r\n products.filter(\r\n (p) =>\r\n p.subCat1 === l3.idSubCategoryLevel1 &&\r\n p.subCat2 === l3.isSubCategoryLevel2 &&\r\n p.subCat3 === l3.idSubCategories\r\n ).length > 0\r\n )\r\n .map((l3, index) => ({\r\n idCatProductsCategories: l3.idSubCategories,\r\n isCat: false,\r\n islevel1: false,\r\n islevel2: false,\r\n idSubCatL1: l3.idSubCategoryLevel1,\r\n idSubCatL2: l3.isSubCategoryLevel2,\r\n islevel3: true,\r\n islevel4: false,\r\n isActive: l3.idSubCategories === subCatLevel3Param,\r\n name: l3.nameSubCategories,\r\n count: products.filter(\r\n (p) =>\r\n p.subCat1 === l3.idSubCategoryLevel1 &&\r\n p.subCat2 === l3.isSubCategoryLevel2 &&\r\n p.subCat3 === l3.idSubCategories\r\n ).length,\r\n index,\r\n }));\r\n\r\n const groupCatL3 = Enumerable.from(subCatL3Items)\r\n .groupBy(\"item => item.name\", null, function (key, group) {\r\n const count = group.sum(\"$.count\");\r\n const category = { ...group.toArray()[0] };\r\n delete category.idCatProductsCategories;\r\n delete category.idSubCatL1;\r\n category.count = count;\r\n return {\r\n category,\r\n index: category.index,\r\n isActive: false,\r\n catUpGrouped: group.toArray(),\r\n };\r\n })\r\n .toArray();\r\n\r\n const subCatL4Items = subCategoriesL4\r\n .filter(\r\n (l4) =>\r\n products.filter(\r\n (p) =>\r\n p.idCatProductsCategoriesType === l4.idCategoriesType &&\r\n p.subCat4 === l4.idSubCategories\r\n ).length > 0\r\n )\r\n .map((l4, index) => ({\r\n idCatProductsCategories: l4.idSubCategories,\r\n isCat: false,\r\n islevel1: false,\r\n islevel2: false,\r\n islevel3: false,\r\n idCategoriesType: l4.idCategoriesType,\r\n islevel4: true,\r\n isActive: l4.idSubCategories === subCatLevel4Param,\r\n name: l4.nameSubCategories,\r\n count: products.filter(\r\n (p) =>\r\n p.idCatProductsCategoriesType === l4.idCategoriesType &&\r\n p.subCat4 === l4.idSubCategories\r\n ).length,\r\n index,\r\n }));\r\n\r\n const groupCatL4 = Enumerable.from(subCatL4Items)\r\n .groupBy(\"item => item.name\", null, function (key, group) {\r\n const count = group.sum(\"$.count\");\r\n const category = { ...group.toArray()[0] };\r\n delete category.idCatProductsCategories;\r\n delete category.idSubCatL1;\r\n category.count = count;\r\n return {\r\n category,\r\n index: category.index,\r\n isActive: false,\r\n catUpGrouped: group.toArray(),\r\n };\r\n })\r\n .toArray();\r\n\r\n const objCategories = {\r\n title: i18n.language === \"es\" ? \"Catégorias\" : \"Categories\",\r\n isExpanded: true,\r\n items: groupCategories,\r\n };\r\n const objSubCategoriesLevel1 = {\r\n title: level1Name,\r\n isExpanded: false,\r\n items: groupCatL1,\r\n };\r\n const objSubCategoriesLevel2 = {\r\n title: level2Name,\r\n isExpanded: false,\r\n items: groupCatL2,\r\n };\r\n const objSubCategoriesLevel3 = {\r\n title: level3Name,\r\n isExpanded: false,\r\n items: groupCatL3,\r\n };\r\n const objSubCategoriesLevel4 = {\r\n title: level4Name,\r\n isExpanded: false,\r\n items: groupCatL4,\r\n };\r\n if (withCategories) filters.push(objCategories);\r\n filters.push(objSubCategoriesLevel1);\r\n filters.push(objSubCategoriesLevel2);\r\n filters.push(objSubCategoriesLevel3);\r\n filters.push(objSubCategoriesLevel4);\r\n\r\n setFilterOptionsGrouped(filters);\r\n };\r\n const handleClearAllFilters = () => {\r\n let filterOptionsResult = [];\r\n //const clone = [...filterOptions];\r\n const clone = [...filterOptionsGrouped];\r\n clone.forEach((a) => {\r\n let itemsClone = [];\r\n a.items.forEach((b) => {\r\n itemsClone.push({ ...b, isActive: false });\r\n });\r\n filterOptionsResult.push({\r\n ...a,\r\n items: itemsClone,\r\n });\r\n });\r\n //setFilterOptions(filterOptionsResult);\r\n setFilterOptionsGrouped(filterOptionsResult);\r\n setCategoryTree(\"\");\r\n if (showNoResultFilter) setShowNoResultFilter(false);\r\n // if (categoryTypeId > 0) {\r\n // if (props.benefitType === 2 || props.benefitType === 1)\r\n // setFilteredProducts(\r\n // productsData.filter(\r\n // (p) => p.idCatProductsCategoriesType === categoryTypeId\r\n // )\r\n // );\r\n // else\r\n // setFilteredProducts(\r\n // productsData.filter(\r\n // (p) =>\r\n // p.idCatProductsCategoriesType === categoryTypeId &&\r\n // p.typePlan === props.benefitType\r\n // )\r\n // );\r\n // } else {\r\n // if (props.benefitType === 2 || props.benefitType === 1)\r\n // setFilteredProducts(productsData);\r\n // else\r\n // setFilteredProducts(\r\n // productsData.filter((p) => p.typePlan === props.benefitType)\r\n // );\r\n // }\r\n if (categoryTypeId > 0) {\r\n // console.log(\"categoryTypeId\", categoryTypeId);\r\n // console.log(\"props.benefitType\", props.benefitType);\r\n //debugger\r\n if (props.benefitType === 2 || props.benefitType === 1) {\r\n const productsResult = productsData.filter(\r\n (p) =>\r\n p.idFamily <= 0 && p.idCatProductsCategoriesType === categoryTypeId\r\n );\r\n const withFamilyProducts = [];\r\n const prodEvaWithFamily = productsData.filter(\r\n (p) =>\r\n p.idFamily > 0 &&\r\n p.available &&\r\n p.idCatProductsCategoriesType === categoryTypeId\r\n );\r\n\r\n prodEvaWithFamily.forEach((item) => {\r\n if (\r\n !withFamilyProducts.find(\r\n (elemnt) => elemnt.idFamily === item.idFamily\r\n )\r\n ) {\r\n prodEvaWithFamily.sort((a, b) => a.orderRender - b.orderRender);\r\n\r\n const articleFinal = prodEvaWithFamily.find(\r\n (a) => a.itemCode === item.itemCode\r\n );\r\n withFamilyProducts.push(articleFinal);\r\n productsResult.push(articleFinal);\r\n }\r\n });\r\n\r\n setFilteredProducts(productsResult);\r\n } else {\r\n const productsResult = productsData.filter(\r\n (p) =>\r\n p.idFamily <= 0 &&\r\n p.idCatProductsCategoriesType === categoryTypeId &&\r\n p.typePlan === props.benefitType\r\n );\r\n const withFamilyProducts = [];\r\n const prodEvaWithFamily = productsData.filter(\r\n (p) =>\r\n p.idFamily > 0 &&\r\n p.available &&\r\n p.idCatProductsCategoriesType === categoryTypeId &&\r\n p.typePlan === props.benefitType\r\n );\r\n\r\n prodEvaWithFamily.forEach((item) => {\r\n if (\r\n !withFamilyProducts.find(\r\n (elemnt) => elemnt.idFamily === item.idFamily\r\n )\r\n ) {\r\n prodEvaWithFamily.sort((a, b) => a.orderRender - b.orderRender);\r\n\r\n const articleFinal = prodEvaWithFamily.find(\r\n (a) => a.itemCode === item.itemCode\r\n );\r\n withFamilyProducts.push(articleFinal);\r\n productsResult.push(articleFinal);\r\n }\r\n });\r\n setFilteredProducts(productsResult);\r\n }\r\n } else {\r\n if (props.benefitType === 2 || props.benefitType === 1) {\r\n const productsResult = productsData.filter((p) => p.idFamily <= 0);\r\n const withFamilyProducts = [];\r\n const prodEvaWithFamily = productsData.filter(\r\n (p) => p.idFamily > 0 && p.available\r\n );\r\n\r\n prodEvaWithFamily.forEach((item) => {\r\n if (\r\n !withFamilyProducts.find(\r\n (elemnt) => elemnt.idFamily === item.idFamily\r\n )\r\n ) {\r\n prodEvaWithFamily.sort((a, b) => a.orderRender - b.orderRender);\r\n\r\n const articleFinal = prodEvaWithFamily.find(\r\n (a) => a.itemCode === item.itemCode\r\n );\r\n withFamilyProducts.push(articleFinal);\r\n productsResult.push(articleFinal);\r\n }\r\n });\r\n setFilteredProducts(productsResult);\r\n } else {\r\n const productsResult = productsData.filter(\r\n (p) => p.idFamily <= 0 && p.typePlan === props.benefitType\r\n );\r\n const withFamilyProducts = [];\r\n const prodEvaWithFamily = productsData.filter(\r\n (p) =>\r\n p.idFamily > 0 && p.available && p.typePlan === props.benefitType\r\n );\r\n\r\n prodEvaWithFamily.forEach((item) => {\r\n if (\r\n !withFamilyProducts.find(\r\n (elemnt) => elemnt.idFamily === item.idFamily\r\n )\r\n ) {\r\n prodEvaWithFamily.sort((a, b) => a.orderRender - b.orderRender);\r\n\r\n const articleFinal = prodEvaWithFamily.find(\r\n (a) => a.itemCode === item.itemCode\r\n );\r\n withFamilyProducts.push(articleFinal);\r\n productsResult.push(articleFinal);\r\n }\r\n });\r\n setFilteredProducts(productsResult);\r\n }\r\n }\r\n //handleScrollToTop();\r\n setCurrentPage(0);\r\n };\r\n\r\n return (\r\n \r\n \r\n \r\n {props.isLanguageLoaded ? (\r\n t(\"__general__filters\")\r\n ) : (\r\n
\r\n \r\n {\r\n setIsOpenFilterMenu(false);\r\n }}\r\n >\r\n
\r\n \r\n\r\n \r\n {/* filterOptions */}\r\n {filterOptionsGrouped //filterOptions\r\n .filter((fo) => fo?.items?.length > 0)\r\n .map((item, index) => {\r\n //console.log(\"item\", item);\r\n return (\r\n \r\n {\r\n const foundIndex = filterOptionsGrouped.findIndex(\r\n (element) => element.title === item.title\r\n );\r\n //console.log(\"foundIndex\", foundIndex);\r\n const clone = [...filterOptionsGrouped];\r\n clone[foundIndex] = {\r\n ...clone[foundIndex],\r\n isExpanded: !clone[foundIndex].isExpanded,\r\n };\r\n //console.log(\"clone\", clone);\r\n //setFilterOptions(clone)\r\n setFilterOptionsGrouped(clone);\r\n }}\r\n >\r\n {item.title}\r\n {\r\n // const foundIndex = filterOptions.findIndex(\r\n // (element) => element.title === item.title\r\n // );\r\n // //console.log(\"foundIndex\", foundIndex);\r\n // const clone = [...filterOptions];\r\n // clone[foundIndex] = {\r\n // ...clone[foundIndex],\r\n // isExpanded: !clone[foundIndex].isExpanded,\r\n // };\r\n // //console.log(\"clone\", clone);\r\n // setFilterOptions(clone);\r\n // }}\r\n />\r\n
\r\n \r\n {item.items.map((itemElement, indexElement) => {\r\n return (\r\n \r\n {/* {`${capitalizeText(itemElement.name)} (${itemElement.count} productos)`} */}\r\n {`${capitalizeText(\r\n itemElement.category.name\r\n )} (${\r\n itemElement.category.count\r\n } productos)`}\r\n
\r\n );\r\n })}\r\n \r\n \r\n {\r\n //Clear all checkboxes\r\n handleClearAllFilters();\r\n }}\r\n >\r\n {\r\n let resultsArray = [];\r\n let arrayCatTree = [];\r\n // filterOptions.forEach((filterOption) => {\r\n // const isActive = filterOption.items.filter(\r\n // (filterOptionItem) => filterOptionItem.isActive\r\n // );\r\n\r\n // isActive.forEach((activeItem) => {\r\n // if (activeItem?.idCatProductsCategories) {\r\n // resultsArray.push(activeItem.idCatProductsCategories);\r\n // arrayCatTree.push(activeItem);\r\n // }\r\n // });\r\n // });\r\n filterOptionsGrouped.forEach((filterOptionGrouped) => {\r\n const isActive = filterOptionGrouped.items.filter(\r\n (filterOptionGroupedItem) =>\r\n filterOptionGroupedItem.isActive\r\n );\r\n\r\n isActive.forEach((activeItem) => {\r\n if (activeItem?.hasOwnProperty(\"category\")) {\r\n resultsArray.push.apply(\r\n resultsArray,\r\n activeItem.catUpGrouped\r\n );\r\n arrayCatTree.push(activeItem.category);\r\n }\r\n });\r\n });\r\n if (arrayCatTree.length > 0) {\r\n let catTree = \"\";\r\n const lengthIsCat =\r\n arrayCatTree.filter((i) => i.isCat).length - 1;\r\n const lengthIsLevel1 =\r\n arrayCatTree.filter((i) => i.islevel1).length - 1;\r\n const lengthIsLevel2 =\r\n arrayCatTree.filter((i) => i.islevel2).length - 1;\r\n const lengthIsLevel3 =\r\n arrayCatTree.filter((i) => i.islevel3).length - 1;\r\n const lengthIsLevel4 =\r\n arrayCatTree.filter((i) => i.islevel4).length - 1;\r\n arrayCatTree\r\n .filter((i) => i.isCat)\r\n .forEach((i, index) => {\r\n catTree +=\r\n lengthIsCat > index ? `${i.name} -` : ` ${i.name} >`;\r\n });\r\n arrayCatTree\r\n .filter((i) => i.islevel1)\r\n .forEach((i, index) => {\r\n catTree +=\r\n lengthIsLevel1 > index ? `${i.name} -` : ` ${i.name} >`;\r\n });\r\n arrayCatTree\r\n .filter((i) => i.islevel2)\r\n .forEach((i, index) => {\r\n catTree +=\r\n lengthIsLevel2 > index\r\n ? ` ${i.name} -`\r\n : ` ${i.name} >`;\r\n });\r\n arrayCatTree\r\n .filter((i) => i.islevel3)\r\n .forEach((i, index) => {\r\n catTree +=\r\n lengthIsLevel3 > index\r\n ? ` ${i.name} -`\r\n : ` ${i.name} >`;\r\n });\r\n arrayCatTree\r\n .filter((i) => i.islevel4)\r\n .forEach((i, index) => {\r\n catTree +=\r\n lengthIsLevel4 > index\r\n ? ` ${i.name} -`\r\n : ` ${i.name} >`;\r\n });\r\n\r\n setCategoryTree(catTree.substring(0, catTree.length - 1));\r\n //idCategoriesType\r\n //idSubCatL1\r\n //idSubCatL2\r\n //idSubCatL3\r\n\r\n const productsPrefiltered = productsData.filter(\r\n (p) => p.idFamily <= 0\r\n );\r\n const withFamilyProducts = [];\r\n const prodEvaWithFamily = productsData.filter(\r\n (p) => p.idFamily > 0 && p.available\r\n );\r\n\r\n prodEvaWithFamily.forEach((item) => {\r\n if (\r\n !withFamilyProducts.find(\r\n (elemnt) => elemnt.idFamily === item.idFamily\r\n )\r\n ) {\r\n prodEvaWithFamily.sort(\r\n (a, b) => a.orderRender - b.orderRender\r\n );\r\n\r\n const articleFinal = prodEvaWithFamily.find(\r\n (a) => a.itemCode === item.itemCode\r\n );\r\n withFamilyProducts.push(articleFinal);\r\n productsPrefiltered.push(articleFinal);\r\n }\r\n });\r\n\r\n // const filteredProductsResult = productsPrefiltered.filter(\r\n // (p) =>\r\n // arrayCatTree.find(\r\n // (a) =>\r\n // a.isCat &&\r\n // a.idCatProductsCategories ===\r\n // p.idCatProductsCategoriesType\r\n // ) ||\r\n // arrayCatTree.find(\r\n // (a) =>\r\n // a.islevel1 &&\r\n // a.idCategoriesType ===\r\n // p.idCatProductsCategoriesType &&\r\n // a.idCatProductsCategories === p.subCat1\r\n // ) ||\r\n // arrayCatTree.find(\r\n // (a) =>\r\n // a.islevel2 &&\r\n // a.idSubCatL1 === p.subCat1 &&\r\n // a.idCatProductsCategories === p.subCat2\r\n // ) ||\r\n // arrayCatTree.find(\r\n // (a) =>\r\n // a.islevel3 &&\r\n // a.idSubCatL1 === p.subCat1 &&\r\n // a.idSubCatL2 === p.subCat2 &&\r\n // a.idCatProductsCategories === p.subCat3\r\n // ) ||\r\n // arrayCatTree.find(\r\n // (a) =>\r\n // a.islevel4 &&\r\n // a.idCategoriesType ===\r\n // p.idCatProductsCategoriesType &&\r\n // a.idCatProductsCategories === p.subCat4\r\n // )\r\n // );\r\n\r\n const filteredProductsResult = productsPrefiltered.filter(\r\n (p) => {\r\n const lengthCat = resultsArray.filter(\r\n (a) => a.isCat\r\n ).length;\r\n const lengthCatL1 = resultsArray.filter(\r\n (a) => a.islevel1\r\n ).length;\r\n const lengthCatL2 = resultsArray.filter(\r\n (a) => a.islevel2\r\n ).length;\r\n const lengthCatL3 = resultsArray.filter(\r\n (a) => a.islevel3\r\n ).length;\r\n const lengthCatL4 = resultsArray.filter(\r\n (a) => a.islevel4\r\n ).length;\r\n\r\n if (lengthCat > 0) {\r\n if (lengthCatL1 > 0) {\r\n //include L1\r\n if (lengthCatL2 > 0) {\r\n if (lengthCatL3 > 0) {\r\n if (lengthCatL4 > 0) {\r\n //cat, l1, l2, l3, l4\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n );\r\n } else {\r\n //cat, l1, l2, l3\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n );\r\n }\r\n } else if (lengthCatL4 > 0) {\r\n //cat, l1, l2, l4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //cat, l1, l2\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.filter(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n )\r\n );\r\n }\r\n } else if (lengthCatL3 > 0) {\r\n if (lengthCatL4 > 0) {\r\n //cat, l1, l3, l4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //cat, l1, l3\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n )\r\n );\r\n }\r\n } else if (lengthCatL4 > 0) {\r\n //cat, l1, l4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //cat, l1\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n )\r\n );\r\n }\r\n } else if (lengthCatL2 > 0) {\r\n if (lengthCatL3 > 0) {\r\n if (lengthCatL4 > 0) {\r\n //cat, l2, l3, l4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //cat, l2, l3\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n )\r\n );\r\n }\r\n } else if (lengthCatL4 > 0) {\r\n //cat, l2, l4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //cat, l2\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n )\r\n );\r\n }\r\n } else if (lengthCatL3 > 0) {\r\n if (lengthCatL4 > 0) {\r\n //cat, l3, l4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //cat, l3\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n )\r\n );\r\n }\r\n } else if (lengthCatL4 > 0) {\r\n //cat, l4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //cat\r\n return resultsArray.find(\r\n (a) =>\r\n a.isCat &&\r\n a.idCatProductsCategories ===\r\n p.idCatProductsCategoriesType\r\n );\r\n }\r\n } else if (lengthCatL1 > 0) {\r\n if (lengthCatL2 > 0) {\r\n if (lengthCatL3 > 0) {\r\n //l1, l2, l3\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n )\r\n );\r\n } else if (lengthCatL4 > 0) {\r\n //l1, l2, l4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //l1, l2\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n )\r\n );\r\n }\r\n } else if (lengthCatL3 > 0) {\r\n if (lengthCatL4 > 0) {\r\n //l1, l3, l4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //l1, l3\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n )\r\n );\r\n }\r\n } else if (lengthCatL4 > 0) {\r\n //L1, L4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //L1\r\n return resultsArray.find(\r\n (a) =>\r\n a.islevel1 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat1\r\n );\r\n }\r\n } else if (lengthCatL2 > 0) {\r\n if (lengthCatL3 > 0) {\r\n if (lengthCatL4 > 0) {\r\n //l2, l3, l4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //l2, l3\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n )\r\n );\r\n }\r\n } else if (lengthCatL4 > 0) {\r\n //l2, l4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //l2\r\n return resultsArray.find(\r\n (a) =>\r\n a.islevel2 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idCatProductsCategories === p.subCat2\r\n );\r\n }\r\n } else if (lengthCatL3 > 0) {\r\n if (lengthCatL4 > 0) {\r\n //l3, l4\r\n return (\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n ) &&\r\n resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n )\r\n );\r\n } else {\r\n //l3\r\n return resultsArray.find(\r\n (a) =>\r\n a.islevel3 &&\r\n a.idSubCatL1 === p.subCat1 &&\r\n a.idSubCatL2 === p.subCat2 &&\r\n a.idCatProductsCategories === p.subCat3\r\n );\r\n }\r\n } else if (lengthCatL4 > 0) {\r\n //l4\r\n return resultsArray.find(\r\n (a) =>\r\n a.islevel4 &&\r\n a.idCategoriesType ===\r\n p.idCatProductsCategoriesType &&\r\n a.idCatProductsCategories === p.subCat4\r\n );\r\n }\r\n }\r\n );\r\n\r\n if (props.benefitType === 2 || props.benefitType === 1)\r\n setFilteredProducts(filteredProductsResult);\r\n else\r\n setFilteredProducts(\r\n filteredProductsResult.filter(\r\n (p) => p.typePlan === props.benefitType\r\n )\r\n );\r\n if (filteredProductsResult.length <= 0) {\r\n setShowNoResultFilter(true);\r\n } else {\r\n setShowNoResultFilter(false);\r\n }\r\n //handleScrollToTop();\r\n setCurrentPage(0);\r\n }\r\n }}\r\n >\r\n
\r\n \r\n\r\n {/* \r\n
\r\n \r\n {props.isLanguageLoaded ? (\r\n t(\"__general__remove__filters\")\r\n ) : (\r\n \r\n
\r\n \r\n {\" \"}\r\n {props.isLanguageLoaded ? (\r\n t(\"__general__apply__filters\")\r\n ) : (\r\n \r\n {!isOpenFilterMenu && (\r\n {\r\n setIsOpenFilterMenu(true);\r\n }}\r\n >\r\n
\r\n )}\r\n \r\n
\r\n\r\n \r\n {filteredProducts.length > 0 ? (\r\n \r\n {`${filteredProducts.length} ${t(\"__general__product\")}${\r\n filteredProducts.length > 1 ? \"s\" : \"\"\r\n }`}\r\n \r\n ) : !showNoResultFilter ? (\r\n
\r\n {!showNoResultFilter && (\r\n \r\n {categoryTree}\r\n
\r\n )}\r\n \r\n {\r\n if (!isMobile && !isTablet) {\r\n //console.log(\"mouse enter!!!\");\r\n setIsVisibleOrderMenuOptions(true);\r\n }\r\n }}\r\n onMouseLeave={() => {\r\n if (!isMobile && !isTablet) {\r\n //console.log(\"mouse leave!!\");\r\n setIsVisibleOrderMenuOptions(false);\r\n }\r\n }}\r\n onClick={() => {\r\n if (isMobile || isTablet) {\r\n setIsVisibleOrderMenuOptions(!isVisibleOrderMenuOptions);\r\n }\r\n }}\r\n >\r\n {!showNoResultFilter && (\r\n
\r\n \r\n \r\n\r\n {(isMobile || isTablet) && (\r\n <>\r\n {showNoResultFilter && (\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n {\r\n setCurrentOrderOption(\"A-Z\");\r\n const clone = [...filteredProducts];\r\n const result = clone.sort((a, b) => {\r\n if (a.nameArticle < b.nameArticle) {\r\n return -1;\r\n }\r\n if (a.nameArticle > b.nameArticle) {\r\n return 1;\r\n }\r\n return 0;\r\n });\r\n setFilteredProducts(result);\r\n }}\r\n >\r\n A-Z\r\n \r\n {\r\n setCurrentOrderOption(\"Z-A\");\r\n const clone = [...filteredProducts];\r\n const result = clone.sort((a, b) => {\r\n if (a.nameArticle > b.nameArticle) {\r\n return -1;\r\n }\r\n if (a.nameArticle < b.nameArticle) {\r\n return 1;\r\n }\r\n return 0;\r\n });\r\n setFilteredProducts(result);\r\n }}\r\n >\r\n Z-A\r\n \r\n {\r\n setCurrentOrderOption(\"Menor precio\");\r\n //regularPrice\r\n //promotionPrice\r\n const clone = [...filteredProducts];\r\n const result = clone.sort((a, b) => {\r\n if (a.promotionPrice > 0) {\r\n return a.promotionPrice - b.promotionPrice;\r\n } else {\r\n return a.regularPrice - b.regularPrice;\r\n }\r\n });\r\n setFilteredProducts(result);\r\n }}\r\n >\r\n \r\n {\" \"}\r\n {props.isLanguageLoaded ? (\r\n t(\"__general__lower__price\")\r\n ) : (\r\n {\r\n setCurrentOrderOption(\"Mayor precio\");\r\n //regularPrice\r\n //promotionPrice\r\n const clone = [...filteredProducts];\r\n const result = clone.sort((a, b) => {\r\n if (a.promotionPrice > 0) {\r\n return b.promotionPrice - a.promotionPrice;\r\n } else {\r\n return b.regularPrice - a.regularPrice;\r\n }\r\n });\r\n setFilteredProducts(result);\r\n }}\r\n >\r\n \r\n {props.isLanguageLoaded ? (\r\n t(\"__general__higher__price\")\r\n ) : (\r\n
\r\n \r\n {categoryTree}\r\n
\r\n )}\r\n \r\n )}\r\n\r\n {/* \r\n \r\n {t(\"__products_Module_Products_Title\")}\r\n \r\n
*/}\r\n {/* \r\n {currentPage !== 0 && (\r\n {\r\n if (currentPage > 0) {\r\n //console.log(\"pagina anterior\");\r\n setCurrentPage(currentPage - 1);\r\n }\r\n }}\r\n >\r\n \r\n {[...Array(numberOfPages)].map((item, index) => {\r\n return (\r\n {\r\n setCurrentPage(index);\r\n }}\r\n >\r\n {index + 1}\r\n \r\n );\r\n })}\r\n \r\n\r\n {currentPage < numberOfPages - 1 && (\r\n {\r\n if (currentPage < numberOfPages - 1) {\r\n //console.log(\"siguiente pagina\");\r\n setCurrentPage(currentPage + 1);\r\n }\r\n }}\r\n >\r\n \r\n {props.isLanguageLoaded ? (\r\n t(\"__general__next__page\")\r\n ) : (\r\n
\r\n )}\r\n {/* FIN PAGINACIÓN */}\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n {truncateText(item.valueDescription)}
\r\n \r\n );\r\n })}\r\n \r\n ) : isSkuVariant ? (\r\n <>\r\n {arrayFake.map((item, index) => {\r\n //console.log(\"item NORMAL VARIANT\", item);\r\n return (\r\n \r\n {\" \"}\r\n \r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n \r\n {truncateText(item.valueDescription)}
\r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n <>\r\n {arrayFake.map((item, index) => {\r\n //console.log(\"item NORMAL VARIANT\", item);\r\n return (\r\n \r\n {\" \"}\r\n \r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n \r\n {truncateText(item.nameProduct)}
\r\n \r\n );\r\n })}\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default VariantDetailComponent;\r\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgHeartFillIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 38.244,\n height: 33.629,\n viewBox: \"0 0 38.244 33.629\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n id: \"Icon_awesome-heart\",\n \"data-name\": \"Icon awesome-heart\",\n d: \"M34.531,4.547A10.178,10.178,0,0,0,20.593,5.568L19.121,7.092,17.65,5.568A10.178,10.178,0,0,0,3.712,4.547a10.815,10.815,0,0,0-.739,15.606l14.453,15a2.334,2.334,0,0,0,3.384,0l14.453-15a10.808,10.808,0,0,0-.732-15.606Z\",\n transform: \"translate(0.001 -2.248)\",\n fill: \"#ff1443\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgHeartFillIcon);\nexport default __webpack_public_path__ + \"static/media/heartFillIcon.a2223349.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport {\r\n FormControlLabel,\r\n Checkbox,\r\n Link,\r\n Skeleton,\r\n Rating,\r\n} from \"@mui/material\";\r\nimport { StarBorder } from \"@mui/icons-material\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { withRouter } from \"react-router-dom\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\nimport ReactImageMagnify from \"react-image-magnify\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { Navigation, Pagination, EffectCoverflow } from \"swiper\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport \"swiper/swiper-bundle.css\";\r\n//Actions\r\nimport {\r\n requestSetProductOnFavorite,\r\n requestFavorites,\r\n //cleanSetFavoritesReducer,\r\n requestGetAdmissionKits,\r\n} from \"../../ReduxSaga/Actions/Products\";\r\nimport {\r\n requestCarCurrentOrder,\r\n requestGetCartOrder,\r\n requestCartOrderAddMembership,\r\n requestCleanCartReducerAddMembership,\r\n cleanCartOrderOperations,\r\n} from \"../../ReduxSaga/Actions/Cart\";\r\nimport { requestLoggUserActivity } from \"../../ReduxSaga/Actions/General\";\r\nimport {\r\n requestDeleteRedeemCoupon,\r\n requestRedeemCoupon,\r\n} from \"../../ReduxSaga/Actions/Coupons\";\r\n//Components\r\nimport NotificationSnackbar from \"../base/components/NotificationSnackbar\";\r\nimport NoticeInStockModal from \"./components/NoticeInStockModal\";\r\nimport {\r\n capitalizeText,\r\n formatPrice,\r\n truncateText,\r\n percentageUtility,\r\n} from \"../../../Libraries/Utils/utils\";\r\nimport CustomerBadge from \"../base/components/CustomerBadge\";\r\nimport BlockProduct from \"../base/components/BlockProduct\";\r\nimport VariantDetailComponent from \"./components/VariantDetailComponent\";\r\nimport ProductsSections from \"../base/components/ProductsSections\";\r\nimport ButtonComponent from \"../base/components/ButtonComponent\";\r\n//Assets\r\nimport { ReactComponent as HeartOutlineIcon } from \"./../../../assets/media/images/icons/heartOutlineIcon.svg\";\r\nimport { ReactComponent as HeartFillIcon } from \"./../../../assets/media/images/icons/heartFillIcon.svg\";\r\nimport { ReactComponent as DiscountIcon } from \"./../../../assets/media/images/icons/discountIcon.svg\";\r\n\r\nconst ultraFakeTags = [\r\n {\r\n id: 1,\r\n tagName: \"3 X 2\",\r\n color: \"#e56\",\r\n },\r\n {\r\n id: 2,\r\n tagName: \"MOM SET\",\r\n color: \"#fa5\",\r\n },\r\n {\r\n id: 2,\r\n tagName: \"MOM SET\",\r\n color: \"#fdd\",\r\n },\r\n {\r\n id: 2,\r\n tagName: \"MOM SET\",\r\n color: \"#a3e\",\r\n },\r\n {\r\n id: 2,\r\n tagName: \"MOM SET\",\r\n color: \"#c3d\",\r\n },\r\n];\r\n\r\n// SwiperCore.use([Navigation, Pagination, Autoplay, EffectCoverflow]);\r\n\r\nconst DetailProductContainer = (props) => {\r\n //NAVIGATION\r\n const history = useHistory();\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n /// TRANSLATION\r\n const { t, i18n } = useTranslation();\r\n /// REDUX\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.products = useSelector((state) => state.products);\r\n appReducers.cart = useSelector((state) => state.cart);\r\n appReducers.general = useSelector((state) => state.general);\r\n ///HOOKS\r\n const [dataNotification, setDataNotification] = useState({\r\n isOpen: false,\r\n type: \"\",\r\n message: \"\",\r\n icon: \"\",\r\n });\r\n const [value, setValue] = useState(0);\r\n //const [isSharedActive, setIsSharedActive] = useState(false);\r\n const [isOpenNotification, setIsOpenNotification] = useState(false);\r\n const [isProductInStock, setIsProductInStock] = useState(false);\r\n const [showBtnFavorites, setShowBtnFavorites] = useState(false);\r\n const [isOnFavorites, setIsOnFavorites] = useState(false);\r\n const [itemCode, setItemCode] = useState(\"\");\r\n const [typeLine, setTypeLine] = useState(\"\");\r\n const [product, setProductDetail] = useState({});\r\n const [pendNotification, setPendNotification] = useState(false);\r\n const [goToCheckOut, setGoToCheckOut] = useState(false);\r\n const [isUserLogedIn, setIsUserLogedIn] = useState(false);\r\n //const [isAddFavorite, setIsAddFavorite] = useState(false);\r\n\r\n //const [isColorArrayEnabled, setIsColorArrayEnabled] = useState(true);\r\n\r\n //const [isActiveFragance, setIsActiveFragance] = useState(false);\r\n const [isLoadingEnable, setIsLoadingEnable] = useState(true);\r\n\r\n const [ratingProduct, setRatingProduct] = useState(0);\r\n const [showFavoriteIcon, setShowFavoriteIcon] = useState(false);\r\n\r\n //const [typePlan, setTypePlan] = useState(\"regular\");\r\n const [typeUser, setTypeUser] = useState(\"\");\r\n\r\n ///Membresia\r\n const [cpMemberships, setCpMemberships] = useState([]);\r\n const [infoCartOrder, setInfoCartOrder] = useState({});\r\n const [lineInOrderMembership, setLineInOrderMembership] = useState({});\r\n\r\n ///Producto\r\n const [isAddBag, setIsAddBag] = useState(false);\r\n const [numberProduct, setNumberProduct] = useState(0);\r\n const [orderDetailId, setOrderDetailId] = useState(0);\r\n const [lineTypeOrderDetail, setLineTypeOrderDetail] = useState(\"\");\r\n\r\n const [typeModifyOrderNotification, setTypeModifyOrderNotification] =\r\n useState(\"\");\r\n\r\n const [imageSwiperActive, setImageSwiperActive] = useState({});\r\n\r\n const [typeMessage, setTypeMessage] = useState(0);\r\n const [valueMessage, setValueMessage] = useState(\"\");\r\n\r\n const orderId = useSelector((state) => state.cart.cartOrder?.order?.orderId);\r\n const idClient = JSON.parse(localStorage.getItem(\"ZUsaUInfo\"))?.idClient;\r\n const redemptionDetails = useSelector(\r\n (state) => state.coupons.redemptionDetails\r\n );\r\n\r\n useEffect(() => {\r\n console.log(\"reviza orderId:\", orderId); // Verificar si orderId está correctamente definido\r\n console.log(\"reviza idClient:\", idClient);\r\n // Despachar la acción solo si redemptionDetails está vacío y orderId está disponible\r\n if (!redemptionDetails && idClient && orderId) {\r\n console.log(\"Despachando requestRedeemCoupon con:\", {\r\n idClient,\r\n orderId,\r\n });\r\n dispatch(requestRedeemCoupon(idClient, orderId)); // Despacha la acción solo si no se han redimido cupones\r\n }\r\n }, [redemptionDetails, idClient, orderId, dispatch]);\r\n useEffect(() => {\r\n console.log(\"Cupones redimidos:\", redemptionDetails);\r\n }, [redemptionDetails]);\r\n\r\n //const colorDuos = \"#120E17\";\r\n // const fakeImages = [\r\n // {\r\n // id: 1,\r\n // urlPath: \"https://www.websizusa.net/imgprod/fullsize/83234.jpg\",\r\n // nameProduct: \"Name 1\",\r\n // },\r\n // {\r\n // id: 2,\r\n // urlPath: \"https://www.websizusa.net/imgprod/fullsize/82556.jpg\",\r\n // nameProduct: \"Name 2\",\r\n // },\r\n // {\r\n // id: 3,\r\n // urlPath: \"https://www.websizusa.net/imgprod/fullsize/83234.jpg\",\r\n // nameProduct: \"Name 3\",\r\n // },\r\n // {\r\n // id: 4,\r\n // urlPath: \"https://www.websizusa.net/imgprod/fullsize/82556.jpg\",\r\n // nameProduct: \"Name 4\",\r\n // },\r\n // ];\r\n\r\n // const colorArticleModels = [\r\n // {\r\n // anchorArticle: \"31125/N\",\r\n // codeColor: \"#620E17\",\r\n // nameColor: \"Jerez\",\r\n // },\r\n // {\r\n // anchorArticle: \"31128/N\",\r\n // codeColor: \"#6E2F2F\",\r\n // nameColor: \"Chocolate\",\r\n // },\r\n // {\r\n // anchorArticle: \"31152/N\",\r\n // codeColor: \"#8C3F37\",\r\n // nameColor: \"Bronce\",\r\n // },\r\n // {\r\n // anchorArticle: \"31153/N\",\r\n // codeColor: \"#98293D\",\r\n // nameColor: \"Suspiro\",\r\n // },\r\n // {\r\n // anchorArticle: \"31159/N\",\r\n // codeColor: \"#652D34\",\r\n // nameColor: \"Borgona\",\r\n // },\r\n // {\r\n // anchorArticle: \"31215/N\",\r\n // codeColor: \"#D55189\",\r\n // nameColor: \"Zambala\",\r\n // },\r\n // {\r\n // anchorArticle: \"31267/N\",\r\n // codeColor: \"#63224A\",\r\n // nameColor: \"Tinto\",\r\n // },\r\n // ];\r\n // const [test, settest] = useState(undefined);\r\n\r\n ///EFFECTS\r\n useEffect(() => {\r\n document.getElementById(\"detail__product\").scrollIntoView();\r\n }, []);\r\n\r\n //Effect on Params React Routing\r\n useEffect(() => {\r\n if (\r\n props?.match?.hasOwnProperty(\"params\") &&\r\n props?.match?.params?.hasOwnProperty(\"itemCode\") &&\r\n props?.match?.params?.hasOwnProperty(\"typeLine\")\r\n ) {\r\n // if (props?.match?.params?.hasOwnProperty(\"webPage\"))\r\n // alert(\"trae pagina web\");\r\n const itemCode = props?.match.params.itemCode;\r\n const typeLine = props?.match.params.typeLine;\r\n setItemCode(itemCode);\r\n setTypeLine(typeLine);\r\n }\r\n }, [props?.match]);\r\n\r\n //Effect on all Products\r\n useEffect(() => {\r\n if (\r\n !appReducers?.products?.errorLoadAllProducts &&\r\n !appReducers?.products?.errorLoadTrPrExProducts &&\r\n itemCode.length > 0 &&\r\n typeLine.length > 0\r\n ) {\r\n if (i18n.language === \"en\") {\r\n if (typeLine === \"N\") {\r\n if (\r\n appReducers?.products?.productsEn?.find(\r\n (p) => p.itemCode === itemCode && p.typeLine === typeLine\r\n )\r\n ) {\r\n setProductDetail(\r\n appReducers?.products?.productsEn?.find(\r\n (p) => p.itemCode === itemCode && p.typeLine === typeLine\r\n )\r\n );\r\n\r\n setIsLoadingEnable(false);\r\n }\r\n } else {\r\n if (\r\n appReducers?.products?.promotionsEn?.find(\r\n (p) => p.itemCode === itemCode && p.typeLine === typeLine\r\n )\r\n )\r\n setProductDetail(\r\n appReducers?.products?.promotionsEn?.find(\r\n (p) => p.itemCode === itemCode && p.typeLine === typeLine\r\n )\r\n );\r\n\r\n setIsLoadingEnable(false);\r\n }\r\n } else if (i18n.language === \"es\") {\r\n if (typeLine === \"N\") {\r\n if (\r\n appReducers?.products?.productsEs?.find(\r\n (p) => p.itemCode === itemCode && p.typeLine === typeLine\r\n )\r\n )\r\n setProductDetail(\r\n appReducers?.products?.productsEs?.find(\r\n (p) => p.itemCode === itemCode && p.typeLine === typeLine\r\n )\r\n );\r\n\r\n setIsLoadingEnable(false);\r\n } else {\r\n if (\r\n appReducers?.products?.promotionsEs?.find(\r\n (p) => p.itemCode === itemCode && p.typeLine === typeLine\r\n )\r\n )\r\n setProductDetail(\r\n appReducers?.products?.promotionsEs?.find(\r\n (p) => p.itemCode === itemCode && p.typeLine === typeLine\r\n )\r\n );\r\n\r\n setIsLoadingEnable(false);\r\n }\r\n }\r\n }\r\n }, [\r\n appReducers?.products?.errorLoadAllProducts,\r\n i18n.language,\r\n itemCode,\r\n typeLine,\r\n appReducers.products.productsEs,\r\n appReducers.products.productsEn,\r\n appReducers.products.promotionsEs,\r\n appReducers.products.promotionsEn,\r\n ]);\r\n\r\n //Effect on load Favorites\r\n useEffect(() => {\r\n if (\r\n localStorage.getItem(\"ZUsaUInfo\") &&\r\n !JSON.parse(localStorage.getItem(\"ZUsaUInfo\")).isGuestUser &&\r\n itemCode.length > 0 &&\r\n typeLine.length > 0\r\n ) {\r\n //debugger;\r\n if (typeLine === \"N\") {\r\n setShowBtnFavorites(true);\r\n }\r\n if (\r\n !appReducers?.products?.errorLoadfavorites &&\r\n !appReducers?.products?.favoritesEn\r\n ) {\r\n dispatch(requestFavorites());\r\n } else {\r\n if (!appReducers?.products?.errorLoadfavorites) {\r\n if (i18n.language === \"en\") {\r\n if (\r\n appReducers?.products?.favoritesEn.find(\r\n (f) => f.itemCode === itemCode && f.typeLine === typeLine\r\n )\r\n )\r\n setIsOnFavorites(true);\r\n else setIsOnFavorites(false);\r\n }\r\n if (i18n.language === \"es\") {\r\n if (\r\n appReducers?.products?.favoritesEs.find(\r\n (f) => f.itemCode === itemCode && f.typeLine === typeLine\r\n )\r\n )\r\n setIsOnFavorites(true);\r\n else setIsOnFavorites(false);\r\n }\r\n }\r\n }\r\n }\r\n if (JSON.parse(localStorage.getItem(\"ZUsaUInfo\"))?.isGuestUser) {\r\n setIsUserLogedIn(false);\r\n } else {\r\n setIsUserLogedIn(true);\r\n }\r\n }, [\r\n itemCode,\r\n typeLine,\r\n i18n.language,\r\n appReducers.products.errorLoadfavorites,\r\n appReducers.products.favoritesEn,\r\n appReducers.products.favoritesEs,\r\n localStorage.getItem(\"ZUsaUInfo\"),\r\n ]);\r\n\r\n useEffect(() => {\r\n if (\r\n appReducers?.cart?.cartCurrentOrder?.code &&\r\n appReducers?.cart?.cartCurrentOrder?.code === 100\r\n //&& pendNotification\r\n ) {\r\n if (typeUser !== \"2\") {\r\n const { lines } = appReducers.cart.cartOrder;\r\n let isAddMembership = lines.some(\r\n (item) => item.line.codart === cpMemberships[0].itemCode\r\n );\r\n if (props.typePlan === \"desc\" && !isAddMembership) {\r\n //si no tiene membresia en la orden debe agregarla\r\n if (cpMemberships.length > 0) {\r\n dispatch(\r\n requestCartOrderAddMembership(\r\n -1,\r\n 0,\r\n 2,\r\n 0,\r\n cpMemberships[0].itemCode\r\n )\r\n );\r\n } else {\r\n dispatch(requestCartOrderAddMembership(-1, 0, 2, 0, \"02110\"));\r\n }\r\n }\r\n }\r\n\r\n dispatch(requestGetCartOrder());\r\n dispatch(cleanCartOrderOperations());\r\n\r\n props.handleOpenFloatingCheckoutOnProductAdd();\r\n const typeOp = appReducers?.cart?.cartOpType;\r\n switch (typeOp) {\r\n case \"add\": \r\n enqueueSnackbar(t(\"__message_success_product_add_cart_label\"), {\r\n variant: \"success\",\r\n });\r\n break;\r\n case \"modify\":\r\n enqueueSnackbar(t(\"__message_success_product_modified_cart_label\"), {\r\n variant: \"success\",\r\n });\r\n break;\r\n case \"delete\":\r\n enqueueSnackbar(t(\"__message_success_product_deleted_cart_label\"), {\r\n variant: \"warning\",\r\n });\r\n break;\r\n }\r\n\r\n // switch(typeModifyOrderNotification){\r\n // case \"BAG\":\r\n // enqueueSnackbar(\r\n // t(\"__message_success_product_add_cart_label\"),\r\n // {\r\n // variant: \"success\",\r\n // }\r\n // );\r\n // break;\r\n // case \"ADD\":\r\n // enqueueSnackbar(\r\n // \"Agregaste un producto a tu orden\",\r\n // {\r\n // variant: \"success\",\r\n // }\r\n // );\r\n // break;\r\n // case \"REM\":\r\n // enqueueSnackbar(\r\n // \"Eliminaste un producto de tu orden\",\r\n // {\r\n // variant: \"success\",\r\n // }\r\n // );\r\n // break;\r\n // default:\r\n // enqueueSnackbar(\r\n // t(\"_Zusa_Item_Detail_was\") + \" \"+ t(\"_Zusa_Item_Detail_modified\") + \" \"+ t(\"_Zusa_Item_Detail_correclty\"),\r\n // {\r\n // variant: \"success\",\r\n // }\r\n // );\r\n // break;\r\n // }\r\n\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"success\",\r\n // message: t(\r\n // \"__product_Detail_Module_Transaction_IsOnFavorites_Success_Message\"\r\n // ),\r\n // });\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"success\",\r\n // message: t(\"__message_success_product_add_cart_label\"),\r\n // });\r\n //setPendNotification(false);\r\n // setGoToCheckOut(false);\r\n // if (goToCheckOut) {\r\n // setTimeout(() => {\r\n // history.push(\"../../../checkout\");\r\n // }, 500);\r\n // //accion de que se envio el articulo y te mando al checkout\r\n // dispatch(\r\n // requestLoggUserActivity(\r\n // 14,\r\n // 0,\r\n // 0,\r\n // product?.itemCode,\r\n // \"Click en Comprar Ahora\"\r\n // )\r\n // );\r\n // } else {\r\n //accion de que se envio el articulo\r\n //}\r\n dispatch(\r\n requestLoggUserActivity(\r\n 14,\r\n 0,\r\n 0,\r\n product?.itemCode,\r\n \"Click en Agregar al Carrito\"\r\n )\r\n );\r\n\r\n props?.handleGAEvent(\r\n \"Navigation\",\r\n \"Usuario Añade Un Producto... a Su Carrito Sku: \" + product?.itemCode\r\n );\r\n } else if (\r\n appReducers?.cart?.cartCurrentOrder?.code &&\r\n appReducers?.cart?.cartCurrentOrder?.code === 110 &&\r\n pendNotification\r\n ) {\r\n //debugger;\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"warning\",\r\n // message: t(\"__message_beauty_boxes_exeded_product_label\"),\r\n // });\r\n //setPendNotification(false);\r\n }\r\n }, [appReducers?.cart.cartCurrentOrder]);\r\n\r\n useEffect(() => {\r\n if (product) {\r\n if (product?.comentsAndRating && product?.comentsAndRating.length > 0) {\r\n let sumRating = 0;\r\n let promRating = 0;\r\n product?.comentsAndRating.forEach((x) => {\r\n sumRating += x.rating;\r\n });\r\n\r\n promRating = sumRating / product.comentsAndRating.length;\r\n\r\n if (promRating < 3) {\r\n setRatingProduct(3.5);\r\n } else {\r\n setRatingProduct(promRating);\r\n }\r\n } else {\r\n setRatingProduct(4.5);\r\n }\r\n\r\n //console.log(\"product\", product);\r\n if (product.relatedProducts) {\r\n setIsLoadingEnable(false);\r\n }\r\n\r\n if (product.alsoBought) {\r\n setIsLoadingEnable(false);\r\n }\r\n\r\n if (product.imagesArticle && product.imagesArticle.length > 0) {\r\n setImageSwiperActive(product.imagesArticle[0]);\r\n }\r\n }\r\n }, [product]);\r\n\r\n useEffect(() => {\r\n if (typeof appReducers?.general?.errorLoadFirstCharge !== \"undefined\") {\r\n if (!appReducers.general.errorLoadFirstCharge) {\r\n //debugger;\r\n const { isGuestUser } = appReducers.general.firstChargeModel;\r\n if (isGuestUser === false) setShowFavoriteIcon(true);\r\n //debugger;\r\n //userLogeado\r\n const { typeUser } = appReducers.general.firstChargeModel;\r\n\r\n if (typeUser === \"2\") {\r\n props.setTypePlan(\"desc\");\r\n } else {\r\n props.setTypePlan(\"regular\");\r\n }\r\n setTypeUser(typeUser);\r\n }\r\n }\r\n }, [\r\n appReducers?.general.errorLoadFirstCharge,\r\n appReducers?.general.firstChargeModel,\r\n ]);\r\n\r\n //ADMISSION KITS\r\n useEffect(() => {\r\n if (appReducers?.products?.admissionKitList) {\r\n const kits = appReducers.products.admissionKitList;\r\n setCpMemberships(\r\n kits.admissionKitList.filter(\r\n (f) =>\r\n f.typePlan === 2 && f.idLang === (i18n.language === \"es\" ? 1 : 2)\r\n )\r\n );\r\n } else {\r\n dispatch(requestGetAdmissionKits());\r\n }\r\n }, [appReducers?.products.admissionKitList, i18n.language]);\r\n\r\n //use efeects\r\n useEffect(() => {\r\n if (appReducers?.cart?.cartAddMembership) {\r\n const respAddMemship = appReducers.cart?.cartAddMembership;\r\n if (respAddMemship.code === 100) {\r\n //limpiar el reducer\r\n dispatch(requestCleanCartReducerAddMembership());\r\n\r\n //notificacion de que se agrego la membresia\r\n dispatch(requestGetCartOrder());\r\n }\r\n }\r\n }, [appReducers?.cart.cartAddMembership]);\r\n\r\n useEffect(() => {\r\n if (typeof appReducers?.cart?.errorCartOrder !== \"undefined\") {\r\n if (\r\n appReducers?.cart?.cartOrder &&\r\n !appReducers?.cart?.errorCartOrdererrorCartOrder &&\r\n cpMemberships.length > 0\r\n ) {\r\n //debugger;\r\n const order = appReducers.cart.cartOrder;\r\n const { lines } = order;\r\n\r\n ///*** BUSQUEDA DEL PRODUCTO EN LA ORDEN ***///\r\n if (order?.lines.find((d) => d.line.codart === product.itemCode)) {\r\n setIsAddBag(true);\r\n setNumberProduct(\r\n order?.lines.find((d) => d.line.codart === product.itemCode).line\r\n .qtyped\r\n );\r\n setOrderDetailId(\r\n order?.lines.find((d) => d.line.codart === product.itemCode).line\r\n .idpedidodet\r\n );\r\n setLineTypeOrderDetail(\r\n order?.lines.find((d) => d.line.codart === product.itemCode).line\r\n .tipolinea\r\n );\r\n } else {\r\n setIsAddBag(false);\r\n setNumberProduct(1);\r\n }\r\n ///*** BUSQUEDA DEL PRODUCTO EN LA ORDEN ***///\r\n\r\n ///*** BUSQUEDA DE MEMBRESIA EN LA ORDEN ***///\r\n let isAddMembership = lines.some(\r\n (item) => item.line.codart === cpMemberships[0].itemCode\r\n );\r\n if (typeUser !== \"2\") {\r\n if (isAddMembership) {\r\n props.setTypePlan(\"desc\");\r\n\r\n let lineInOrderMembership = lines.find(\r\n (item) => item.line.codart === cpMemberships[0].itemCode\r\n ).line;\r\n\r\n setLineInOrderMembership(lineInOrderMembership);\r\n } else {\r\n props.setTypePlan(\"regular\");\r\n\r\n setLineInOrderMembership({});\r\n }\r\n }\r\n\r\n ///*** BUSQUEDA DE MEMBRESIA EN LA ORDEN ***///\r\n setInfoCartOrder(order);\r\n } else {\r\n if (\r\n appReducers?.cart?.cartOrder &&\r\n !appReducers?.cart?.errorCartOrdererrorCartOrder\r\n ) {\r\n const order = appReducers.cart.cartOrder;\r\n ///*** BUSQUEDA DEL PRODUCTO EN LA ORDEN ***///\r\n if (order?.lines.find((d) => d.line.codart === product.itemCode)) {\r\n setIsAddBag(true);\r\n setNumberProduct(\r\n order?.lines.find((d) => d.line.codart === product.itemCode).line\r\n .qtyped\r\n );\r\n } else {\r\n setIsAddBag(false);\r\n setNumberProduct(1);\r\n }\r\n }\r\n }\r\n }\r\n }, [appReducers?.cart.cartOrder, appReducers?.cart.errorCartOrder, product]);\r\n\r\n useEffect(() => {\r\n if (typeof appReducers?.cart?.errorCartOrder !== \"undefined\") {\r\n //debugger;\r\n if (\r\n appReducers?.cart?.cartOrder &&\r\n !appReducers?.cart?.errorCartOrdererrorCartOrder &&\r\n product\r\n ) {\r\n ////evaluar el monto que ya viene en la orden\r\n //// prioridad\r\n //// 1) monto min\r\n //// 2) sets maximo\r\n const orderCurrent = appReducers?.cart?.cartOrder;\r\n if (product.minAmount > 0) {\r\n if (\r\n !orderCurrent.lines ||\r\n orderCurrent.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart !== product.itemCode\r\n ? accumulator + object.line.montolinai\r\n : accumulator,\r\n 0\r\n ) < product.minAmount\r\n ) {\r\n setTypeMessage(1);\r\n //\r\n setValueMessage(product.minAmount);\r\n } else if (product.maxSets > 0) {\r\n if (\r\n orderCurrent.lines &&\r\n orderCurrent.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === product.itemCode\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) >= product.maxSets\r\n ) {\r\n setTypeMessage(2);\r\n //\r\n setValueMessage(product.maxSets);\r\n } else {\r\n setTypeMessage(0);\r\n //\r\n setValueMessage(\"\");\r\n }\r\n } else {\r\n setTypeMessage(0);\r\n //\r\n setValueMessage(\"\");\r\n }\r\n } else if (product.maxSets > 0) {\r\n if (\r\n orderCurrent.lines &&\r\n orderCurrent.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === product.itemCode\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) >= product.maxSets\r\n ) {\r\n setTypeMessage(2);\r\n //\r\n setValueMessage(product.maxSets);\r\n } else {\r\n setTypeMessage(0);\r\n //\r\n setValueMessage(\"\");\r\n }\r\n } else {\r\n setTypeMessage(0);\r\n //\r\n setValueMessage(\"\");\r\n }\r\n }\r\n }\r\n }, [\r\n appReducers?.cart?.cartOrder,\r\n appReducers?.cart?.errorCartOrder,\r\n product,\r\n ]);\r\n\r\n // useEffect(() => {\r\n // //debugger;\r\n // if(product) {\r\n // settest(product.isLabelConfig)\r\n // }\r\n // },[ product ])\r\n\r\n ///HANDLERS\r\n // const handleCopyLink = () => {\r\n // try {\r\n // const el = document.createElement(\"input\");\r\n // el.value = window.location.href;\r\n // document.body.appendChild(el);\r\n // el.select();\r\n // document.execCommand(\"copy\");\r\n // document.body.removeChild(el);\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"success\",\r\n // message: t(\r\n // \"__product_Detail_Module_Transaction_IsOnFavorites_Success_Message\"\r\n // ),\r\n // });\r\n // enqueueSnackbar(t(\"__message_success_product_add_cart_label\"), {\r\n // variant: \"success\",\r\n // });\r\n // // setDataNotification({\r\n // // isOpen: true,\r\n // // type: \"success\",\r\n // // message: t(\"__message_link_copy_label\"),\r\n // // });\r\n // } catch (err) {\r\n // setDataNotification({\r\n // isOpen: true,\r\n // type: \"success\",\r\n // message: t(\r\n // \"__product_Detail_Module_Transaction_IsOnFavorites_Success_Message\"\r\n // ),\r\n // });\r\n // // setDataNotification({\r\n // // isOpen: true,\r\n // // type: \"error\",\r\n // // message: t(\"__message_failed_label\"),\r\n // // });\r\n // }\r\n // };\r\n // const handleChange = (event, newValue) => {\r\n // switch (newValue) {\r\n // case 0:\r\n // dispatch(\r\n // requestLoggUserActivity(\r\n // 14,\r\n // 0,\r\n // 0,\r\n // product?.itemCode,\r\n // \"Click en Descripcion\"\r\n // )\r\n // );\r\n // break;\r\n // case 1:\r\n // dispatch(\r\n // requestLoggUserActivity(\r\n // 14,\r\n // 0,\r\n // 0,\r\n // product?.itemCode,\r\n // \"Click en Modo de Uso\"\r\n // )\r\n // );\r\n // break;\r\n // case 2:\r\n // dispatch(\r\n // requestLoggUserActivity(\r\n // 14,\r\n // 0,\r\n // 0,\r\n // product?.itemCode,\r\n // \"Click en Ingredientes\"\r\n // )\r\n // );\r\n // break;\r\n // default:\r\n // dispatch(\r\n // requestLoggUserActivity(\r\n // 14,\r\n // 0,\r\n // 0,\r\n // product?.itemCode,\r\n // \"Click en Descripcion\"\r\n // )\r\n // );\r\n // break;\r\n // }\r\n\r\n // setValue(newValue);\r\n // };\r\n // const handleButtonClick = () => {\r\n // const parameters = {\r\n // idPedidoDet: 1,\r\n // idpromo: 1,\r\n // itemCode: product?.itemCode,\r\n // opc: 0,\r\n // pedidosD: [],\r\n // quantity: 1,\r\n // type: product.typeLine,\r\n // withAssign: 0,\r\n // };\r\n // dispatch(requestCarCurrentOrder(parameters));\r\n // setIsOpenNotification(true);\r\n // setPendNotification(true);\r\n // setGoToCheckOut(false);\r\n // };\r\n // const handleBuyNowClick = () => {\r\n // const parameters = {\r\n // idPedidoDet: 1,\r\n // idpromo: 1,\r\n // itemCode: product?.itemCode,\r\n // opc: 0,\r\n // pedidosD: [],\r\n // quantity: 1,\r\n // type: product.typeLine,\r\n // withAssign: 0,\r\n // };\r\n // dispatch(requestCarCurrentOrder(parameters));\r\n // setGoToCheckOut(true);\r\n // setPendNotification(true);\r\n // };\r\n // const handleNoticeInStock = () => {\r\n // //setIsProductInStock(true);\r\n // setIsOnFavorites(true);\r\n // dispatch(requestSetProductOnFavorite(itemCode, typeLine, true, true));\r\n // };\r\n // const handleSetProductOnFavorite = (e) => {\r\n // setIsOnFavorites(e.target.checked);\r\n // dispatch(\r\n // requestSetProductOnFavorite(itemCode, typeLine, e.target.checked, false)\r\n // );\r\n // };\r\n\r\n const handleChangeFavorite = (e) => {\r\n if (product.hasOwnProperty(\"itemCode\")) {\r\n dispatch(\r\n requestSetProductOnFavorite(\r\n product.itemCode,\r\n product.typeLine,\r\n e.target.checked,\r\n false\r\n )\r\n );\r\n dispatch(\r\n requestLoggUserActivity(\r\n 39,\r\n 0,\r\n 0,\r\n \"\",\r\n `Click ${\r\n e.target.checked ? \"agrega a favoritos\" : \"quita de favoritos\"\r\n } (NewProductCard) ${product.itemCode}`\r\n )\r\n );\r\n }\r\n };\r\n\r\n const handleChangeTypePlan = (event) => {\r\n // //si es desc\r\n // if (event.target.value === \"desc\" && typeUser === \"5\") {\r\n // //agregar membresia\r\n // debugger;\r\n // if (cpMemberships.length > 0) {\r\n // dispatch(\r\n // requestCartOrderAddMembership(-1, 0, 2, 0, cpMemberships[0].itemCode)\r\n // );\r\n // } else {\r\n // dispatch(requestCartOrderAddMembership(-1, 0, 2, 0, \"02110\"));\r\n // }\r\n // } else {\r\n // //quitar la membresia\r\n // //debugger;\r\n // const parameters = {\r\n // idPedidoDet: lineInOrderMembership.idpedidodet,\r\n // idpromo: 0,\r\n // itemCode: lineInOrderMembership.codart,\r\n // opc: 4,\r\n // pedidosD: [],\r\n // quantity: 0,\r\n // type: lineInOrderMembership.tipolinea,\r\n // withAssign: 0,\r\n // };\r\n // dispatch(requestCarCurrentOrder(parameters));\r\n // }\r\n props.setTypePlan(event.target.value);\r\n };\r\n\r\n const handleAddProduct = () => {\r\n //revisar qsi ya es Cliente prefrido o no\r\n //revisar si escojio el suscribe\r\n //revisar si no lleva membresia\r\n //agregar membresia mas el articulo\r\n // debugger;\r\n // if ( typeUser !== \"2\" ) {\r\n\r\n // const { lines } = appReducers.cart.cartOrder;\r\n\r\n // let isAddMembership = lines.some(\r\n // (item) => item.line.codart === cpMemberships[0].itemCode\r\n // );\r\n\r\n // if(typePlan === \"desc\" && !isAddMembership) {\r\n // //si no tiene membresia en la orden debe agregarla\r\n // if (cpMemberships.length > 0) {\r\n // dispatch(\r\n // requestCartOrderAddMembership(-1, 0, 2, 0, cpMemberships[0].itemCode)\r\n // );\r\n // } else {\r\n // dispatch(requestCartOrderAddMembership(-1, 0, 2, 0, \"02110\"));\r\n // }\r\n // }\r\n // }\r\n // debugger;\r\n\r\n if (product.hasOwnProperty(\"itemCode\")) {\r\n const parameters = {\r\n idPedidoDet: 1,\r\n idpromo: 1,\r\n itemCode: product?.itemCode,\r\n opc: 0,\r\n pedidosD: [],\r\n quantity: numberProduct,\r\n type: product.typeLine,\r\n withAssign: 0,\r\n };\r\n dispatch(requestCarCurrentOrder(parameters, \"add\"));\r\n dispatch(\r\n requestLoggUserActivity(\r\n 14,\r\n 0,\r\n 0,\r\n product?.itemCode,\r\n \"Click en Agregar al Carrito\"\r\n )\r\n );\r\n if (redemptionDetails && redemptionDetails.length > 0) {\r\n redemptionDetails.forEach((coupon) => {\r\n dispatch(\r\n requestDeleteRedeemCoupon(\r\n idClient,\r\n orderId,\r\n coupon.idCouponRedemption\r\n )\r\n );\r\n });\r\n }\r\n setTypeModifyOrderNotification(\"BAG\");\r\n }\r\n };\r\n\r\n const handleQtyMinus = () => {\r\n if (product.hasOwnProperty(\"itemCode\")) {\r\n const parameters = {\r\n idPedidoDet: orderDetailId,\r\n idpromo: 0,\r\n itemCode: product?.itemCode,\r\n opc: 5,\r\n pedidosD: [],\r\n quantity: -1,\r\n type: lineTypeOrderDetail,\r\n withAssign: 0,\r\n };\r\n dispatch(requestCarCurrentOrder(parameters, \"delete\"));\r\n dispatch(\r\n requestLoggUserActivity(\r\n 10,\r\n 0,\r\n 0,\r\n product?.itemCode,\r\n \"Se decremento la cantidad en 1 del producto\"\r\n )\r\n );\r\n if (redemptionDetails && redemptionDetails.length > 0) {\r\n redemptionDetails.forEach((coupon) => {\r\n dispatch(\r\n requestDeleteRedeemCoupon(\r\n idClient,\r\n orderId,\r\n coupon.idCouponRedemption\r\n )\r\n );\r\n });\r\n }\r\n setTypeModifyOrderNotification(\"REM\");\r\n }\r\n };\r\n\r\n const handleQtyAdd = () => {\r\n if (product.hasOwnProperty(\"itemCode\")) {\r\n const parameters = {\r\n idPedidoDet: orderDetailId,\r\n idpromo: 0,\r\n itemCode: product?.itemCode,\r\n opc: 5,\r\n pedidosD: [],\r\n quantity: 1,\r\n type: lineTypeOrderDetail,\r\n withAssign: 0,\r\n };\r\n dispatch(requestCarCurrentOrder(parameters, \"add\"));\r\n dispatch(\r\n requestLoggUserActivity(\r\n 9,\r\n 0,\r\n 0,\r\n product?.itemCode,\r\n \"Se incrementó la cantidad en 1 del producto\"\r\n )\r\n );\r\n if (redemptionDetails && redemptionDetails.length > 0) {\r\n redemptionDetails.forEach((coupon) => {\r\n dispatch(\r\n requestDeleteRedeemCoupon(\r\n idClient,\r\n orderId,\r\n coupon.idCouponRedemption\r\n )\r\n );\r\n });\r\n }\r\n setTypeModifyOrderNotification(\"ADD\");\r\n }\r\n };\r\n\r\n const handlePreferiCustomer = () => {\r\n const url = localStorage.getItem(\"ZUsaUrlPage\")\r\n ? `/favoriteCustomer/${localStorage.getItem(\"ZUsaUrlPage\")}`\r\n : \"/favoriteCustomer\";\r\n history.push(url);\r\n };\r\n // const handleRemoveProduct = () => {\r\n // //debugger;\r\n // setNumberProduct(numberProduct - 1);\r\n // };\r\n\r\n // const handleGoPErsonalizated = (itemCode) => {\r\n // history.push(`/personalized-fragance/it/${itemCode}`);\r\n // };\r\n\r\n // const handleClickImageSwiper = (item) => {\r\n // setImageSwiperActive(item);\r\n // };\r\n\r\n return (\r\n \r\n {product.imagesArticle && product.imagesArticle.length > 0 && (\r\n <>\r\n {!isLoadingEnable && props.isLanguageLoaded ? (\r\n \r\n {product?.tagsOffer && product.tagsOffer.length > 0 && (\r\n
\r\n )}\r\n\r\n {product.stock < 0 && \r\n \r\n {/* {product.nameArticle} */}\r\n {!isLoadingEnable ? (\r\n product.imagesArticle.map((item, index) => {\r\n return (\r\n \r\n {\r\n //handleClickImageSwiper(item);\r\n setImageSwiperActive(item);\r\n }}\r\n onError={(e) => {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n \r\n );\r\n })\r\n ) : (\r\n \r\n \r\n )}\r\n \r\n
\r\n ) : (\r\n \r\n {product.tagsOffer.map((item, index) => {\r\n return (\r\n \r\n {item.nameTag}\r\n
\r\n );\r\n })}\r\n \r\n \r\n {formatPrice(product?.regularPrice)}\r\n \r\n {/* \r\n {formatPrice(product?.promotionPrice)}\r\n */}\r\n
\r\n \r\n {` ${percentageUtility(\r\n Math.floor(\r\n 100 -\r\n (product.promotionPrice * 100) /\r\n product.regularPrice\r\n )\r\n )}`}\r\n
\r\n \r\n {showFavoriteIcon && (\r\n
\r\n \r\n\r\n \r\n {!isLoadingEnable && props.isLanguageLoaded ? (\r\n
\r\n )}\r\n {/* \r\n {!isLoadingEnable ? (\r\n <>\r\n {\" \"}\r\n
*/}\r\n \r\n {!isLoadingEnable && props.isLanguageLoaded && (\r\n \r\n {(product?.typeLine === \"PD\" ||\r\n product?.typeLine === \"P\" ||\r\n product?.typeLine === \"FV\" ||\r\n product?.typeLine === \"VV\" ||\r\n product?.typeLine === \"VF\" ||\r\n product?.typeLine === \"3x2\") && (\r\n \r\n {formatPrice(product?.promotionPrice)}\r\n \r\n )}\r\n \r\n )}\r\n\r\n
\r\n\r\n {product?.idFamily > 0 && (\r\n \r\n {!isLoadingEnable && props.isLanguageLoaded ? (\r\n <>\r\n
\r\n \r\n {!isLoadingEnable && props.isLanguageLoaded ? (\r\n
\r\n )}\r\n\r\n \r\n {!isLoadingEnable && props.isLanguageLoaded ? (\r\n \r\n
\r\n \r\n ) : (\r\n \r\n \r\n
\r\n\r\n \r\n {\r\n if (typeUser !== \"2\") {\r\n handleChangeTypePlan(event);\r\n }\r\n }}\r\n value=\"regular\"\r\n id=\"regular\"\r\n />\r\n \r\n
\r\n \r\n
\r\n \r\n {!isLoadingEnable && props.isLanguageLoaded ? (\r\n <>\r\n {props.typePlan === \"desc\" &&\r\n !isLoadingEnable &&\r\n props.isLanguageLoaded ? (\r\n <>\r\n
\r\n \r\n\r\n {/* AQUI ESTABA EL BOTON */}\r\n \r\n \r\n \r\n {t(\"__product_Detail_Special_Tab_One_label__text\")}{\" \"}\r\n \r\n \r\n {t(\r\n \"__product_Detail_Special_Tab_Two_label__text\"\r\n )}\r\n \r\n \r\n {t(\r\n \"__product_Detail_Special_Tab_Three_label__text\"\r\n )}\r\n
\r\n
\r\n {/* \r\n
\r\n {/* mensaje dinamico */}\r\n {/* Obten este kit por $50 compra minima para\r\n Configurar */}\r\n {typeMessage === 1 &&\r\n t(\r\n \"__message_products_minimum_amount_valid_label_p1\"\r\n ) +\r\n valueMessage +\r\n t(\r\n \"__message_products_minimum_amount_valid_label_p2\"\r\n )}\r\n {\r\n history.push(\"/categories\");\r\n }}\r\n className=\"text__with__pointer\"\r\n >\r\n Lo quiero...\r\n \r\n
\r\n */}\r\n {/* \r\n {formatPrice(\r\n product.regularPrice -\r\n (product.regularPrice * 20) / 100\r\n )}\r\n */}\r\n\r\n {/*
*/}\r\n \r\n ) : (\r\n <>\r\n \r\n {product.typeLine === \"FV\" ||\r\n product.typeLine === \"VV\" ||\r\n (product.typeLine === \"VF\" && (\r\n {}}\r\n handleActionSecondary={() => {}}\r\n valueCount=\"\"\r\n iconClass=\"bagWhiteIcon\"\r\n textButton={t(\"btn_cart_set_up_new\")}\r\n leftAling={true}\r\n />\r\n ))}\r\n {product.isLabelConfig &&\r\n product.typeLine === \"N\" && (\r\n {\r\n handleGoPErsonalizated(product.itemCode)\r\n }}\r\n handleActionSecondary={() => {}}\r\n valueCount={numberProduct}\r\n iconClass=\"bagWhiteIcon\"\r\n textButton={t(\"btn_customer_new\")}\r\n leftAling={true}\r\n ///Personalizar\r\n />\r\n )}\r\n\r\n {product.typeLine === \"PD\" ||\r\n product.typeLine === \"N\" ||\r\n (product.typeLine === \"P\" && (\r\n
*/}\r\n {/* \r\n {t(\"__product_Detail_Regular_Tab__label__text\")}\r\n
{/* mensaje dinamico */}\r\n
\r\n {/* {/* mensaje dinamico */}\r\n
\r\n {\r\n typeMessage === 1 &&\r\n //t(\"__message_products_minimum_amount_valid_label_p1\")\r\n \"OBTENLO POR $\" +\r\n valueMessage +\r\n \" DE COMPRA MINIMA EN CUALQUIERA DE NUESTROS PRODUCTOS. \"\r\n //t(\"__message_products_minimum_amount_valid_label_p2\")\r\n }\r\n {\r\n typeMessage === 2 &&\r\n //t(\"__message_products_maximum_quantity_valid_label_p1\")\r\n \"LO SENTIMOS. SOLO PUEDES ADQUIRIR \" +\r\n valueMessage +\r\n \" PIEZAS DE ESTE ARTICULO. \"\r\n //t(\"__message_products_maximum_quantity_valid_label_p2\")\r\n }\r\n {\r\n history.push(\"/categories\");\r\n }}\r\n className=\"text__with__pointer\"\r\n >\r\n {typeMessage > 0 && (\r\n IR A PRODUCTOS...\r\n )}\r\n \r\n
\r\n \r\n \r\n {formatPrice(product.regularPrice)}\r\n \r\n
*/}\r\n \r\n )}\r\n\r\n {/* MODIFICADO */}\r\n \r\n \r\n {!isLoadingEnable &&\r\n props.isLanguageLoaded &&\r\n props.typePlan === \"desc\"\r\n ? formatPrice(\r\n product?.typeLine !== \"PD\" &&\r\n product?.typeLine !== \"3x2\"\r\n ? product.regularPrice -\r\n (product.regularPrice * 20) / 100\r\n : product.promotionPrice -\r\n (product.promotionPrice * 20) / 100\r\n )\r\n : formatPrice(\r\n product?.typeLine !== \"PD\" &&\r\n product?.typeLine !== \"3x2\"\r\n ? product.regularPrice\r\n : product.promotionPrice\r\n )}\r\n \r\n {product.typeLine !== \"P\" &&\r\n product.typeLine !== \"PD\" &&\r\n product.typeLine !== \"N\" &&\r\n !product.isLabelConfig &&\r\n product.stock > 0 && (\r\n {\r\n ////regla de cantidad Maxima de Sets\r\n if (\r\n product.maxSets > 0 &&\r\n infoCartOrder.lines &&\r\n infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === product.itemCode\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) >= product.maxSets\r\n ) {\r\n //notificar\r\n dispatch(\r\n requestLoggUserActivity(\r\n 14,\r\n product?.subCat3 > 0\r\n ? product?.subCat3\r\n : product?.subCat2 > 0\r\n ? product?.subCat2\r\n : product?.subCat1 > 0\r\n ? product?.subCat1\r\n : product?.idCatProductsCategoriesType,\r\n product?.idCatProductsCategoriesType,\r\n product?.itemCode,\r\n \"Click en Agregar al Carrito. Se reedirecciona a categorias por regla de Monto cantidad Maxima de Sets \"\r\n )\r\n );\r\n enqueueSnackbar(\r\n t(\"__general_warning_information_cant_max\"),\r\n {\r\n variant: \"warning\",\r\n }\r\n );\r\n } else {\r\n history.push(\r\n `/kit-config/${product.itemCode}/${product.typeLine}`\r\n );\r\n }\r\n }}\r\n handleActionSecondary={() => {}}\r\n valueCount=\"\"\r\n iconClass=\"bagWhiteIcon\"\r\n textButton={t(\"btn_cart_set_up_new\")}\r\n leftAling={true}\r\n />\r\n )}\r\n\r\n {!isAddBag &&\r\n (product.typeLine === \"N\" ||\r\n product.typeLine === \"PD\" ||\r\n product.typeLine === \"P\") &&\r\n product.stock > 0 &&\r\n !product.isLabelConfig ? (\r\n <>\r\n {\r\n ////regla de cantidad Maxima de Sets\r\n if (\r\n product.maxSets > 0 &&\r\n infoCartOrder.lines &&\r\n infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === product.itemCode\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) >= product.maxSets\r\n ) {\r\n //notificar\r\n dispatch(\r\n requestLoggUserActivity(\r\n 14,\r\n product?.subCat3 > 0\r\n ? product?.subCat3\r\n : product?.subCat2 > 0\r\n ? product?.subCat2\r\n : product?.subCat1 > 0\r\n ? product?.subCat1\r\n : product?.idCatProductsCategoriesType,\r\n product?.idCatProductsCategoriesType,\r\n product?.itemCode,\r\n \"Click en Agregar al Carrito. Se reedirecciona a categorias por regla de Monto cantidad Maxima de Sets \"\r\n )\r\n );\r\n enqueueSnackbar(\r\n t(\"__general_warning_information_cant_max\"),\r\n {\r\n variant: \"warning\",\r\n }\r\n );\r\n } else {\r\n handleAddProduct();\r\n }\r\n }}\r\n valueCount=\"\"\r\n iconClass=\"bagWhiteIcon\"\r\n textButton={t(\"btn_cart_add_new\")}\r\n leftAling={true}\r\n />\r\n \r\n ) : (\r\n !isAddBag &&\r\n product.isLabelConfig &&\r\n product.stock > 0 &&\r\n (product.typeLine === \"N\" ||\r\n product.typeLine === \"PD\" ||\r\n product.typeLine === \"P\") && (\r\n <>\r\n {\r\n ////regla de cantidad Maxima de Sets\r\n if (\r\n product.maxSets > 0 &&\r\n infoCartOrder.lines &&\r\n infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === product.itemCode\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) >= product.maxSets\r\n ) {\r\n //notificar\r\n dispatch(\r\n requestLoggUserActivity(\r\n 14,\r\n product?.subCat3 > 0\r\n ? product?.subCat3\r\n : product?.subCat2 > 0\r\n ? product?.subCat2\r\n : product?.subCat1 > 0\r\n ? product?.subCat1\r\n : product?.idCatProductsCategoriesType,\r\n product?.idCatProductsCategoriesType,\r\n product?.itemCode,\r\n \"Click en Agregar al Carrito. Se reedirecciona a categorias por regla de Monto cantidad Maxima de Sets \"\r\n )\r\n );\r\n enqueueSnackbar(\r\n t(\r\n \"__general_warning_information_cant_max\"\r\n ),\r\n {\r\n variant: \"warning\",\r\n }\r\n );\r\n } else {\r\n history.push(\r\n `/personalized-fragance/it/${product.itemCode}`\r\n );\r\n }\r\n }}\r\n valueCount=\"\"\r\n iconClass=\"bagWhiteIcon\"\r\n textButton={t(\"btn_customer_new\")}\r\n leftAling={true}\r\n ///Personalizar\r\n />\r\n \r\n )\r\n )}\r\n\r\n {isAddBag &&\r\n (product.typeLine === \"N\" ||\r\n product.typeLine === \"PD\" ||\r\n product.typeLine === \"P\") &&\r\n product.stock > 0 &&\r\n !product.isLabelConfig ? (\r\n <>\r\n {\r\n ////regla de cantidad Maxima de Sets\r\n if (\r\n product.maxSets > 0 &&\r\n infoCartOrder.lines &&\r\n infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === product.itemCode\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) >= product.maxSets\r\n ) {\r\n //notificar\r\n dispatch(\r\n requestLoggUserActivity(\r\n 14,\r\n product?.subCat3 > 0\r\n ? product?.subCat3\r\n : product?.subCat2 > 0\r\n ? product?.subCat2\r\n : product?.subCat1 > 0\r\n ? product?.subCat1\r\n : product?.idCatProductsCategoriesType,\r\n product?.idCatProductsCategoriesType,\r\n product?.itemCode,\r\n \"Click en Agregar al Carrito. Se reedirecciona a categorias por regla de Monto cantidad Maxima de Sets \"\r\n )\r\n );\r\n enqueueSnackbar(\r\n t(\"__general_warning_information_cant_max\"),\r\n {\r\n variant: \"warning\",\r\n }\r\n );\r\n } else {\r\n handleQtyAdd();\r\n }\r\n }}\r\n valueCount={numberProduct}\r\n iconClass=\"bagWhiteIcon\"\r\n textButton=\"\"\r\n leftAling={true}\r\n />\r\n \r\n ) : (\r\n isAddBag &&\r\n product.isLabelConfig &&\r\n product.stock > 0 &&\r\n (product.typeLine === \"N\" ||\r\n product.typeLine === \"PD\" ||\r\n product.typeLine === \"P\") && (\r\n <>\r\n {\r\n ////regla de cantidad Maxima de Sets\r\n if (\r\n product.maxSets > 0 &&\r\n infoCartOrder.lines &&\r\n infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === product.itemCode\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) >= product.maxSets\r\n ) {\r\n //notificar\r\n dispatch(\r\n requestLoggUserActivity(\r\n 14,\r\n product?.subCat3 > 0\r\n ? product?.subCat3\r\n : product?.subCat2 > 0\r\n ? product?.subCat2\r\n : product?.subCat1 > 0\r\n ? product?.subCat1\r\n : product?.idCatProductsCategoriesType,\r\n product?.idCatProductsCategoriesType,\r\n product?.itemCode,\r\n \"Click en Agregar al Carrito. Se reedirecciona a categorias por regla de Monto cantidad Maxima de Sets \"\r\n )\r\n );\r\n enqueueSnackbar(\r\n t(\r\n \"__general_warning_information_cant_max\"\r\n ),\r\n {\r\n variant: \"warning\",\r\n }\r\n );\r\n } else {\r\n history.push(\r\n `/personalized-fragance/it/${product.itemCode}`\r\n );\r\n }\r\n }}\r\n handleActionSecondary={() => {}}\r\n valueCount=\"\"\r\n iconClass=\"bagWhiteIcon\"\r\n textButton={t(\"btn_customer_new\")}\r\n leftAling={true}\r\n ///Personalizar\r\n />\r\n \r\n )\r\n )}\r\n
\r\n\r\n {/* END MODIFICADO */}\r\n \r\n ) : (\r\n \r\n
\r\n \r\n \r\n {/* product?.descArticle */}\r\n {!isLoadingEnable && props.isLanguageLoaded ? (\r\n t(\"__product_Detail_Module_Tabs_Description\")\r\n ) : (\r\n
\r\n {/* product?.modeArticle ? */}\r\n \r\n {!isLoadingEnable && props.isLanguageLoaded ? (\r\n product?.descArticle\r\n ) : (\r\n
\r\n \r\n \r\n {!isLoadingEnable && props.isLanguageLoaded ? (\r\n t(\"__product_Detail_Module_Tabs_Use\")\r\n ) : (\r\n
\r\n {/* product?.ingArticle */}\r\n \r\n {!isLoadingEnable && props.isLanguageLoaded ? (\r\n product?.modeArticle\r\n ) : (\r\n
\r\n \r\n \r\n {!isLoadingEnable && props.isLanguageLoaded ? (\r\n t(\"__product_Detail_Module_Tabs_Ingredients\")\r\n ) : (\r\n
\r\n \r\n {!isLoadingEnable && props.isLanguageLoaded ? (\r\n product?.ingArticle\r\n ) : (\r\n
\r\n \r\n {product?.relatedProducts?.length > 0 &&\r\n !isLoadingEnable &&\r\n props.isLanguageLoaded ? (\r\n
\r\n \r\n \r\n \r\n \r\n {isLanguageLoaded ? (\r\n !isFromLogin && benefitType === 5\r\n ? t(\"__login_Create_Account_Client_Info_Title\")\r\n : t(\"__login_Create_Account_Title\")\r\n ) : (\r\n
\r\n \r\n \r\n\r\n {/* fin de cabecero de formulario */}\r\n\r\n {/* incio del formulario informacion personal */}\r\n \r\n {formData.cellphone.isSendedSMS &&\r\n !formData.cellphone.isValidSMSCode && (\r\n //true && (\r\n \r\n {\r\n setCellPhoneCodeOne(restrictToOnlyNumbersTwo(e));\r\n document.getElementById(\"number2\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number1\").focus();\r\n }\r\n }}\r\n value={cellPhoneCodeOne}\r\n />\r\n {\r\n setCellPhoneCodeTwo(restrictToOnlyNumbersTwo(e));\r\n document.getElementById(\"number3\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number1\").focus();\r\n }\r\n }}\r\n value={cellPhoneCodeTwo}\r\n />\r\n {\r\n setCellPhoneCodeThree(restrictToOnlyNumbersTwo(e));\r\n document.getElementById(\"number4\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number2\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setCellPhoneCodeFour(restrictToOnlyNumbersTwo(e));\r\n document.getElementById(\"number5\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number3\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setCellPhoneCodeFive(restrictToOnlyNumbersTwo(e));\r\n document.getElementById(\"number6\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number4\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setCellPhoneCodeSix(restrictToOnlyNumbersTwo(e));\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number5\").focus();\r\n }\r\n }}\r\n />\r\n\r\n
\r\n )}\r\n\r\n {isLanguageLoaded ? (\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n {t(\"__termsAndConditions_paragraph1_Txt\")}
\r\n \r\n
{t(\"__termsAndConditions_paragraph2_Txt\")}
\r\n \r\n
{t(\"__termsAndConditions_paragraph3_Txt\")}
\r\n \r\n
\r\n \r\n {t(\"__termsAndConditions_Rights_title_Txt\")}\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n \r\n }\r\n // aqui se activa el skeleton\r\n //isConfirmDisabled={true}\r\n handleClose={() => {\r\n setTermsConditons(false);\r\n }}\r\n isConfirmDisabled={false}\r\n />\r\n \r\n );\r\n};\r\n\r\nexport default NewRecord;\r\n","import React, { Fragment } from \"react\";\r\nimport {\r\n Typography,\r\n Paper,\r\n List,\r\n ListItem,\r\n ListItemIcon,\r\n ListItemText,\r\n Divider,\r\n IconButton,\r\n} from \"@mui/material\";\r\nimport { Room, Error, Close } from \"@mui/icons-material\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\n\r\nconst AddressValidation = ({\r\n setIsOpenValidationModal,\r\n addressListSugestion,\r\n handlerSelectAddressFromSugestion,\r\n open,\r\n type,\r\n}) => {\r\n /// TRANSLATION\r\n const { t } = useTranslation();\r\n\r\n const handleCloseValidationModal = (o, reason) => {\r\n if (reason !== \"backdropClick\") setIsOpenValidationModal(false);\r\n };\r\n return (\r\n {t(\"__termsAndConditions__Rights_paragraph1_Txt\")}
\r\n \r\n
{t(\"__termsAndConditions_Rights_paragraph2_Txt\")}
\r\n \r\n
{t(\"__termsAndConditions_Rights_paragraph3_Txt\")}
\r\n \r\n
\r\n \r\n {t(\"__modal_validation_address_title\")}\r\n \r\n
\r\n \r\n {\r\n setIsOpenValidationModal(false);\r\n }}\r\n >\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default AddressValidation;\r\n","var _g;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgDoorOpenBlackIcon(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n width: 33.439,\n height: 30.218,\n viewBox: \"0 0 33.439 30.218\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n id: \"door-delivery\",\n transform: \"translate(-1.641 -7.25)\"\n }, /*#__PURE__*/React.createElement(\"circle\", {\n id: \"Ellipse_3830\",\n \"data-name\": \"Ellipse 3830\",\n cx: 0.614,\n cy: 0.614,\n r: 0.614,\n transform: \"translate(17.563 21.13)\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9399\",\n \"data-name\": \"Path 9399\",\n d: \"M22.843,28.509V8H6.761V34.995H2.391\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 1.5\n }), /*#__PURE__*/React.createElement(\"path\", {\n id: \"Path_9400\",\n \"data-name\": \"Path 9400\",\n d: \"M24.264,36.272H13V11H25.636V29.817\",\n transform: \"translate(-4.516 -1.277)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 1.5\n }), /*#__PURE__*/React.createElement(\"rect\", {\n id: \"Rectangle_1909\",\n \"data-name\": \"Rectangle 1909\",\n width: 8.615,\n height: 8.041,\n transform: \"translate(19.971 28.677)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 1.5\n }), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_50\",\n \"data-name\": \"Line 50\",\n y1: 6.318,\n transform: \"translate(23.418 30.4)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 1.5\n }), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_51\",\n \"data-name\": \"Line 51\",\n x1: 1.723,\n transform: \"translate(23.418 36.718)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 1.5\n }), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_52\",\n \"data-name\": \"Line 52\",\n y2: 6.318,\n transform: \"translate(25.141 30.4)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 1.5\n }), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_53\",\n \"data-name\": \"Line 53\",\n x2: 1.723,\n transform: \"translate(23.418 30.4)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 1.5\n }), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_54\",\n \"data-name\": \"Line 54\",\n x1: 8.615,\n transform: \"translate(25.715 36.718)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 1.5\n }), /*#__PURE__*/React.createElement(\"line\", {\n id: \"Line_55\",\n \"data-name\": \"Line 55\",\n x2: 8.615,\n transform: \"translate(19.971 30.4)\",\n fill: \"none\",\n stroke: \"#000\",\n strokeLinejoin: \"round\",\n strokeWidth: 1.5\n }))));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgDoorOpenBlackIcon);\nexport default __webpack_public_path__ + \"static/media/doorOpenBlackIcon.b4bad860.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useEffect } from \"react\";\r\nimport {\r\n Box,\r\n Button,\r\n FormControl,\r\n Select,\r\n MenuItem,\r\n FormControlLabel,\r\n Checkbox,\r\n OutlinedInput,\r\n InputAdornment,\r\n FormHelperText,\r\n Skeleton,\r\n} from \"@mui/material\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\nimport { Check, Clear } from \"@mui/icons-material\";\r\nimport ErrorIcon from \"@mui/icons-material/Error\";\r\n///components\r\nimport TextFieldComponent from \"./TextFieldComponent\";\r\nimport AddressValidation from \"./AddressValidation\";\r\n//Actions\r\nimport { requestAddressValidation } from \"./../../../ReduxSaga/Actions/Address\";\r\nimport { requestStatesAndCities } from \"./../../../ReduxSaga/Actions/General\";\r\n\r\n//Assets\r\nimport { ReactComponent as DoorIcon } from \"./../../../../assets/media/images/icons/doorOpenBlackIcon.svg\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { requestCleanAddressReducer } from \"../../../ReduxSaga/Actions/Client\";\r\n\r\nimport { restrictToOnlyNumbersString } from \"../../../../Libraries/Utils/utils\";\r\n\r\nconst AddressSection = ({\r\n isLanguageLoaded,\r\n t,\r\n isFromLogin,\r\n enqueueSnackbar,\r\n formData,\r\n setFormData,\r\n addressControl,\r\n setAddressControl,\r\n benefitType,\r\n clientInfoToCloseOrder,\r\n setClientInfoToCloseOrder,\r\n hanldeTaxCalculationOnOrder,\r\n}) => {\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.general = useSelector((state) => state.general);\r\n appReducers.address = useSelector((state) => state.address);\r\n\r\n ////states\r\n const [snackActive, setSnackActive] = useState(false);\r\n const [isAddresShippingVerify, setIsAddresShippingVerify] = useState(true);\r\n const [isOpenAddressValidationModal, setIsOpenAddressValidationModal] =\r\n useState(false);\r\n const [\r\n isOpenFiscalAddressValidationModal,\r\n setIsOpenFiscalAddressValidationModal,\r\n ] = useState(false);\r\n const [addressListSugestion, setAddressListSugestion] = useState([]);\r\n const [addressTypeToValidate, setAddressTypeToValidate] = useState(\"\");\r\n const [statesResult, setstatesResult] = useState([]);\r\n\r\n //// useEffect\r\n useEffect(() => {\r\n dispatch(requestStatesAndCities());\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (typeof appReducers?.general?.errorLoadStatesAndCities !== \"undefined\") {\r\n if (!appReducers?.general?.errorLoadStatesAndCities) {\r\n if (\r\n appReducers?.general?.statesAndCities &&\r\n appReducers?.general?.statesAndCities.length > 0\r\n ) {\r\n setstatesResult(appReducers?.general?.statesAndCities);\r\n }\r\n }\r\n }\r\n return () => {\r\n if (statesResult?.length > 0) setstatesResult([]);\r\n };\r\n }, [\r\n appReducers?.general?.errorLoadStatesAndCities,\r\n appReducers?.general?.statesAndCities,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (snackActive) {\r\n enqueueSnackbar(t(\"__forms_email_validation_error_execution_message\"), {\r\n variant: \"error\",\r\n });\r\n }\r\n }, [snackActive]);\r\n ///EFFECT ON ADDRESS VALIDATION\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.address?.errorClientAddressValidation !== \"undefined\"\r\n ) {\r\n const { typeAddress } = appReducers?.address;\r\n setAddressTypeToValidate(typeAddress);\r\n if (appReducers?.address?.errorClientAddressValidation) {\r\n if (\r\n appReducers?.address?.addressSugestion &&\r\n appReducers?.address?.addressSugestion.length > 0\r\n ) {\r\n setAddressListSugestion(appReducers?.address?.addressSugestion);\r\n if (typeAddress === \"e\") {\r\n setIsOpenAddressValidationModal(true);\r\n } else {\r\n setIsOpenFiscalAddressValidationModal(true);\r\n }\r\n } else {\r\n enqueueSnackbar(\r\n t(\"__forms_address_verification_error_noData_message\"),\r\n {\r\n variant: \"error\",\r\n }\r\n );\r\n if (typeAddress === \"e\") {\r\n setAddressControl({\r\n ...addressControl,\r\n isShippValidAddress: false,\r\n });\r\n setIsOpenAddressValidationModal(false);\r\n } else {\r\n setAddressControl({\r\n ...addressControl,\r\n isFiscalValidAddress: false,\r\n });\r\n setIsOpenFiscalAddressValidationModal(false);\r\n }\r\n setAddressListSugestion([]);\r\n dispatch(requestCleanAddressReducer());\r\n }\r\n } else {\r\n enqueueSnackbar(t(\"__forms_address_verification_success_message\"), {\r\n variant: \"success\",\r\n });\r\n setAddressListSugestion([]);\r\n\r\n if (typeAddress === \"e\") {\r\n setIsOpenAddressValidationModal(false);\r\n\r\n if (addressControl.isSameAddress) {\r\n setFormData({\r\n ...formData,\r\n fiscalStreet: {\r\n error: formData.shippStreet.value.length === 0,\r\n isEmpty: formData.shippStreet.value.length === 0,\r\n value: formData.shippStreet.value,\r\n },\r\n fiscalSuite: {\r\n error: false,\r\n isEmpty: false,\r\n value: formData.shippSuite.value,\r\n },\r\n fiscalCity: {\r\n error: formData.shippCity.value.length === 0,\r\n isEmpty: formData.shippCity.value.length === 0,\r\n value: formData.shippCity.value,\r\n },\r\n fiscalState: {\r\n error: formData.shippState.value.length === 0,\r\n isEmpty: formData.shippState.value.length === 0,\r\n value: formData.shippState.value,\r\n },\r\n fiscalZipCode: {\r\n error:\r\n formData.shippZipCode.value.length > 0 &&\r\n formData.shippZipCode.value.length < 5,\r\n isEmpty: formData.shippZipCode.value.length === 0,\r\n value: formData.shippZipCode.value,\r\n },\r\n });\r\n setAddressControl({\r\n ...addressControl,\r\n isShippValidAddress: true,\r\n isFiscalValidAddress: true,\r\n });\r\n } else {\r\n setAddressControl({\r\n ...addressControl,\r\n isShippValidAddress: true,\r\n });\r\n }\r\n\r\n if (!isFromLogin) {\r\n hanldeTaxCalculationOnOrder(formData.shippZipCode.value);\r\n }\r\n } else {\r\n setIsOpenFiscalAddressValidationModal(false);\r\n setAddressControl({\r\n ...addressControl,\r\n isFiscalValidAddress: true,\r\n });\r\n }\r\n\r\n dispatch(requestCleanAddressReducer());\r\n }\r\n }\r\n }, [\r\n appReducers?.address.errorClientAddressValidation,\r\n appReducers?.address.addressSugestion,\r\n //addressControl.isSameAddress,\r\n ]);\r\n\r\n //HANDLERS\r\n const handleAddressOpenValidation = (type) => {\r\n setAddressControl({\r\n ...addressControl,\r\n selectedAddressInModalAddressSuggestion: {},\r\n });\r\n if (type === \"e\") {\r\n dispatch(\r\n requestAddressValidation(\r\n formData.shippStreet.value,\r\n formData.shippSuite.value,\r\n formData.shippState.value,\r\n formData.shippCity.value,\r\n formData.shippZipCode.value,\r\n type,\r\n false\r\n )\r\n );\r\n } else {\r\n dispatch(\r\n requestAddressValidation(\r\n formData.fiscalStreet.value,\r\n formData.fiscalSuite.value,\r\n formData.fiscalCity.value,\r\n formData.fiscalState.value,\r\n formData.fiscalZipCode.value,\r\n type,\r\n false\r\n )\r\n );\r\n }\r\n };\r\n\r\n const handlerSelectAddressFromSugestion = (\r\n address,\r\n suite,\r\n state,\r\n city,\r\n zip,\r\n type\r\n ) => {\r\n console.log(\"handlerSelectAddressFromSugestion\", type);\r\n if (type === \"e\") {\r\n setIsOpenAddressValidationModal(false);\r\n\r\n if (addressControl.isSameAddress) {\r\n setFormData({\r\n ...formData,\r\n shippStreet: {\r\n error: false,\r\n isEmpty: false,\r\n value: address,\r\n },\r\n shippSuite: {\r\n error: false,\r\n isEmpty: false,\r\n value: suite.trim(),\r\n },\r\n shippCity: {\r\n error: false,\r\n isEmpty: false,\r\n value: city,\r\n },\r\n shippState: {\r\n error: false,\r\n isEmpty: false,\r\n value: state,\r\n },\r\n shippZipCode: {\r\n error: false,\r\n isEmpty: false,\r\n value: zip,\r\n },\r\n fiscalStreet: {\r\n error: false,\r\n isEmpty: false,\r\n value: address,\r\n },\r\n fiscalSuite: {\r\n error: false,\r\n isEmpty: false,\r\n value: suite.trim(),\r\n },\r\n fiscalCity: {\r\n error: false,\r\n isEmpty: false,\r\n value: city,\r\n },\r\n fiscalState: {\r\n error: false,\r\n isEmpty: false,\r\n value: state,\r\n },\r\n fiscalZipCode: {\r\n error: false,\r\n isEmpty: false,\r\n value: zip,\r\n },\r\n });\r\n setAddressControl({\r\n ...addressControl,\r\n isShippValidAddress: true,\r\n isFiscalValidAddress: true,\r\n });\r\n } else {\r\n setFormData({\r\n ...formData,\r\n shippStreet: {\r\n error: false,\r\n isEmpty: false,\r\n value: address,\r\n },\r\n shippSuite: {\r\n error: false,\r\n isEmpty: false,\r\n value: suite.trim(),\r\n },\r\n shippCity: {\r\n error: false,\r\n isEmpty: false,\r\n value: city,\r\n },\r\n shippState: {\r\n error: false,\r\n isEmpty: false,\r\n value: state,\r\n },\r\n shippZipCode: {\r\n error: false,\r\n isEmpty: false,\r\n value: zip,\r\n },\r\n });\r\n setAddressControl({\r\n ...addressControl,\r\n isShippValidAddress: true,\r\n });\r\n }\r\n } else {\r\n setIsOpenFiscalAddressValidationModal(false);\r\n setFormData({\r\n ...formData,\r\n fiscalStreet: {\r\n error: false,\r\n isEmpty: false,\r\n value: address,\r\n },\r\n fiscalSuite: {\r\n error: false,\r\n isEmpty: false,\r\n value: suite.trim(),\r\n },\r\n fiscalCity: {\r\n error: false,\r\n isEmpty: false,\r\n value: city,\r\n },\r\n fiscalState: {\r\n error: false,\r\n isEmpty: false,\r\n value: state,\r\n },\r\n fiscalZipCode: {\r\n error: false,\r\n isEmpty: false,\r\n value: zip,\r\n },\r\n });\r\n setAddressControl({\r\n ...addressControl,\r\n isFiscalValidAddress: true,\r\n });\r\n }\r\n dispatch(requestCleanAddressReducer());\r\n };\r\n\r\n return (\r\n - \r\n {addressListSugestion &&\r\n addressListSugestion.map((item, index) => (\r\n
\r\n {isLanguageLoaded ? (\r\n t(\"shopping__payment__headers__ship\")\r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__general__shipment\")\r\n ) : (\r\n
\r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"shopping__payment__title__fiscal__label\")\r\n ) : (\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n {renderCardIcon()}\r\n
\r\n\r\n \r\n {\r\n if (e.key === \"Backspace\") {\r\n setErrorCreditCardDate(true);\r\n if (setCreditCardData) {\r\n setCreditCardData({\r\n ...creditCardData,\r\n cardExpirationDate: \"\",\r\n });\r\n } else {\r\n setCreditCardDate(\"\");\r\n }\r\n document.getElementById(\"card__date\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setErrorType(\"cardcvc\");\r\n }}\r\n onBlur={() => {\r\n setErrorType(undefined);\r\n }}\r\n onChange={handleCarCvcChange}\r\n value={creditCardData ? creditCardData.cardCvc : creditCardCvc}\r\n />\r\n
\r\n \r\n \r\n {labelCheckbox}\r\n \r\n
\r\n );\r\n};\r\n\r\nexport default CheckboxComponent;\r\n","import React from \"react\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\n//Assets\r\nimport { ReactComponent as DiscountIcon } from \"./../../../../assets/media/images/icons/discountIcon.svg\";\r\nimport {\r\n capitalizeText,\r\n percentageUtility,\r\n} from \"../../../../Libraries/Utils/utils\";\r\n\r\nconst SummaryCheckout = ({ orderLines, showPrice }) => {\r\n /// TRANSLATION\r\n const { i18n } = useTranslation();\r\n\r\n ///// hooks\r\n\r\n return (\r\n \r\n {orderLines.map((line, index) => {\r\n const prod = line.line;\r\n const details = line.details ? line.details : [];\r\n return (\r\n \r\n
\r\n )}\r\n \r\n \r\n );\r\n })}\r\n \r\n );\r\n};\r\n\r\nexport default SummaryCheckout;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useLocation } from \"react-router\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Link, Skeleton } from \"@mui/material\";\r\nimport TextFieldComponent from \"../../../base/components/TextFieldComponent\";\r\nimport ButtonComponent from \"../../../base/components/ButtonComponent\";\r\n//UTILS\r\nimport {\r\n requestClientLogin,\r\n requestCleanClientLoginReducer,\r\n requestClientInformation,\r\n} from \"./../../../../ReduxSaga/Actions/Client\";\r\nimport { requestLoggUserActivity } from \"./../../../../ReduxSaga/Actions/General\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst NewLoginContainer = ({\r\n // t,\r\n // i18n,\r\n //history,\r\n handleGAEvent,\r\n // withOrder,\r\n // benefitType,\r\n // setBenefitType,\r\n // clientInfoToCloseOrder,\r\n // setClientInfoToCloseOrder,\r\n enqueueSnackbar,\r\n isLanguageLoaded,\r\n isFromCheckout,\r\n setIsOpenLoginModal,\r\n}) => {\r\n const dispatch = useDispatch();\r\n const location = useLocation();\r\n\r\n //Translation\r\n const { t, i18n } = useTranslation();\r\n\r\n const history = useHistory();\r\n\r\n /// REDUX\r\n const appReducers = {};\r\n appReducers.client = useSelector((state) => state.client);\r\n appReducers.general = useSelector((state) => state.general);\r\n\r\n ///HOOKS\r\n const [password, setPassword] = useState(\"\");\r\n const [email, setEmail] = useState(\"\");\r\n\r\n ///EFFECST\r\n useEffect(() => {\r\n document.title = \"Zermat USA :: Login\";\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (\r\n appReducers?.client?.hasOwnProperty(\"errorClientLogin\") ||\r\n appReducers?.client?.hasOwnProperty(\"errorMultinivelLogin\")\r\n )\r\n if (\r\n !appReducers?.client?.errorClientLogin &&\r\n !appReducers?.client?.errorMultinivelLogin\r\n ) {\r\n const language =\r\n appReducers?.client?.clientLogin?.idLang === 1 ? \"es\" : \"en\";\r\n i18n.changeLanguage(language);\r\n //debugger;\r\n dispatch(requestClientInformation());\r\n\r\n dispatch(\r\n requestLoggUserActivity(2, 0, 0, \"\", \"Inicio de sesion: \" + email)\r\n );\r\n handleGAEvent(\"User\", \"Usuario Inicia Session\");\r\n // if (withOrder) {\r\n // if (benefitType === 1) history.replace(\"/precheckout\");\r\n // else history.replace(\"/checkout\");\r\n // } else history.replace(\"/home\");\r\n\r\n console.log(\"CONDICIONAR EL REDIRECT\", isFromCheckout);\r\n\r\n if (isFromCheckout) {\r\n //Close login modal\r\n setIsOpenLoginModal(false);\r\n } else {\r\n history.replace(\"/home\");\r\n }\r\n } else if (appReducers?.client?.errorMultinivelLogin) {\r\n enqueueSnackbar(t(\"__login_sorry_invalid_sign_in_Login_Message\"), {\r\n variant: \"warning\",\r\n });\r\n dispatch(requestCleanClientLoginReducer());\r\n } else {\r\n enqueueSnackbar(t(\"__login_Error_Login_Message\"), {\r\n variant: \"error\",\r\n });\r\n dispatch(requestCleanClientLoginReducer());\r\n }\r\n }, [\r\n appReducers?.client?.errorClientLogin,\r\n appReducers?.client?.clientLogin,\r\n appReducers?.client?.errorMultinivelLogin,\r\n ]);\r\n\r\n // ///Effect login user\r\n // useEffect(() => {\r\n // if (\r\n // typeof appReducers?.client?.errorLoadClientLogedInformation !==\r\n // \"undefined\" &&\r\n // typeof appReducers?.general?.errorLoadFirstCharge !== \"undefined\"\r\n // ) {\r\n // debugger\r\n // if (!appReducers.general.errorLoadFirstCharge) {\r\n // if (!appReducers.client.errorLoadClientLogedInformation) {\r\n // debugger\r\n\r\n // // if (withOrder) {\r\n // // if (benefitType === 1) history.replace(\"/precheckout\");\r\n // // else history.replace(\"/checkout\");\r\n // // } else history.replace(\"/home\");\r\n // }\r\n // }\r\n // }\r\n // }, [\r\n // appReducers?.general.errorLoadFirstCharge,\r\n // appReducers?.general.firstChargeModel,\r\n // appReducers?.client.errorLoadClientLogedInformation,\r\n // appReducers?.client.clientLogedinInformation,\r\n // i18n?.language,\r\n // ]);\r\n\r\n const handleGoRecovery = () => {\r\n history.replace(\"/recovery\");\r\n };\r\n\r\n return (\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n\r\n \r\n \r\n \r\n {`- ${percentageUtility(\r\n Math.floor(\r\n 100 - (prod.montolinai * 100) / prod.montolinai2\r\n )\r\n )}`}\r\n
\r\n\r\n \r\n ${parseFloat(prod.montolinai).toFixed(2)}\r\n \r\n \r\n \r\n {i18n.language === \"es\"\r\n ? capitalizeText(prod.descripcionEs)\r\n : capitalizeText(prod.descripcionEn)}\r\n \r\n\r\n \r\n {prod.qtyped} pz\r\n \r\n\r\n {showPrice ? (\r\n \r\n ${parseFloat(prod.montolinai2).toFixed(2)}\r\n \r\n ) : (\r\n \r\n $0.00\r\n \r\n )}\r\n
\r\n\r\n {showPrice && prod.montolinai !== prod.montolinai2 && (\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__ZUsa_NavBar_OptionCart_LogIn\")\r\n ) : (\r\n
\r\n {!isFromCheckout && (\r\n \r\n {isLanguageLoaded ? (\r\n t(\"_log_in_subtitle\")\r\n ) : (\r\n
\r\n )}\r\n \r\n
\r\n \r\n {\" \"}\r\n setEmail(e.target.value)} //restrictToOnlyLettersForEmail(e)\r\n />\r\n
\r\n \r\n 0 ? false : true}\r\n textareaEnabled={false}\r\n setValue={(e) => {\r\n setPassword(e.target.value);\r\n }}\r\n />\r\n
\r\n {!isFromCheckout && (\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__login_Btn_Fogot_Pass_Label\")}\r\n \r\n ) : (\r\n
\r\n )}\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default NewLoginContainer;\r\n","import React, { useState, useEffect } from \"react\";\r\n//Libraries\r\nimport { convertNameToInitials } from \"./../../../Libraries/Utils/utils\";\r\n//Assets\r\nimport AvatarPlaceholder from \"./../../../assets/media/images/avatarPlaceholder.jpg\";\r\n\r\nconst ImageProfile = ({ route, name }) => {\r\n //State\r\n const [showImage, setShowImage] = useState(false);\r\n\r\n ///Effects\r\n ///EFFECT ON ROUTE CHANGE\r\n useEffect(() => {\r\n // wrap your async call here\r\n const loadData = async () => {\r\n if (route.length > 0) {\r\n const result = await downloadProfileImageValidationSponsor(route);\r\n setShowImage(result);\r\n } else {\r\n setShowImage(false);\r\n }\r\n };\r\n\r\n // then call it here\r\n loadData();\r\n }, [route]);\r\n\r\n //Handlers\r\n const downloadProfileImageValidationSponsor = async (route) => {\r\n return new Promise((resolve, reject) => {\r\n var download = new Image();\r\n download.id = \"emprendedor\";\r\n download.src = route;\r\n download.onload = () => {\r\n resolve(true);\r\n };\r\n download.onerror = function (err, msg) {\r\n resolve(false);\r\n };\r\n });\r\n };\r\n\r\n return (\r\n \r\n {\r\n dispatch(requestClientLogin(email, password));\r\n }}\r\n handleActionSecondary={() => {}}\r\n valueCount=\"\"\r\n iconClass={\r\n password.length <= 0 || email.length <= 0\r\n ? \"userGrayLoginAltSmallIcon\"\r\n : \"userOutlineWhiteIcon\"\r\n }\r\n textButton={isLanguageLoaded ? t(\"btn_log_in\") : \"\"}\r\n leftAling={true}\r\n />\r\n
\r\n \r\n
\r\n \r\n \r\n {/* escoje al patrocinador */}\r\n \r\n \r\n \r\n {t(\"__checkout_order_slide_enterprising_modal_find_zermat\")}\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n {t(\"__checkout_order_slide_enterprising_modal_find_enter\")}\r\n \r\n
\r\n \r\n {\" \"}\r\n {t(\"_Zusa_NewMembers_Your_Sponsor\")}\r\n
\r\n \r\n\r\n {sponsorOption === \"automatic\" ? (\r\n
\r\n {finishSponsorProcess ? (\r\n \r\n \r\n \r\n \r\n {t(\"__checkout_order_slide_enterprising_modal_find_zermat\")}\r\n \r\n
\r\n \r\n
\r\n ) : (\r\n \r\n \r\n \r\n {t(\r\n \"__checkout_order_slide_enterprising_modal_find_congrats\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {sponsorInformation.name}\r\n \r\n {sponsorInformation.city} {sponsorInformation.state}\r\n \r\n
\r\n \r\n
\r\n \r\n )}\r\n \r\n ) : (\r\n sponsorOption === \"select\" && (\r\n <>\r\n {/* BUSQUEDA DE PATROCINADOR*/}\r\n \r\n \r\n {t(\r\n \"__checkout_order_slide_enterprising_modal_find_zermat_subtitle\"\r\n )}\r\n \r\n
\r\n\r\n \r\n handleFinishSponsor()}\r\n className=\"button__with__icon no__left__margin bg__gray\"\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n {t(\r\n \"__checkout_order_slide_enterprising_modal_find_searh\"\r\n )}\r\n \r\n \r\n \r\n \r\n \r\n {\r\n if (searchSponsor.length > 0) {\r\n if (searchSponsor === \"states\") {\r\n dispatch(\r\n requestGetDataSponsorByCity(\r\n sponsorStateSearch,\r\n sponsorCitySearch\r\n )\r\n );\r\n }\r\n if (searchSponsor === \"names\") {\r\n if (sponsorName.length > 0) {\r\n dispatch(\r\n requestGetDataSponsorByName(\r\n sponsorName,\r\n sponsorLastName\r\n )\r\n );\r\n } else if (sponsorId > 0) {\r\n dispatch(requestGetDataSponsorById(sponsorId));\r\n }\r\n }\r\n }\r\n }}\r\n >\r\n
\r\n \r\n \r\n {\" \"}\r\n \r\n {t(\r\n \"__checkout_order_slide_enterprising_modal_find_title\"\r\n )}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {t(\r\n \"__checkout_order_slide_enterprising_modal_find_enter\"\r\n )}\r\n \r\n \r\n \r\n
\r\n \r\n )\r\n )}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default AssignEntrepreneur;\r\n","import React, { useRef, useEffect, Fragment } from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport scriptLoader from \"react-async-script-loader\";\r\nconst client = {\r\n production:\r\n \"AeRcF0cFJBLxRBJR_eSu9egByLf3UmnkmXDdyA7GVaF_AzL_gf5WdzFu85bvLzPnwSVorqQUnDIU5r3B\",\r\n //sandbox: \"AcG7PKq54CVKNt8zliS6_GJpNBWx_vCLh3bUqkAJyYQjkQ6Sl0STgjR10W8DaiHncnWm-yCbvutJ2kDm\"\r\n sandbox:\r\n \"AcG7PKq54CVKNt8zliS6_GJpNBWx_vCLh3bUqkAJyYQjkQ6Sl0STgjR10W8DaiHncnWm-yCbvutJ2kDm\",\r\n};\r\nconst clientId =\r\n !process.env.NODE_ENV ||\r\n process.env.NODE_ENV === \"development\" ||\r\n (process.env.NODE_ENV === \"production\" &&\r\n (process.env.REACT_APP_STAGE === \"dev\" ||\r\n process.env.REACT_APP_STAGE === \"qa\"))\r\n ? client.sandbox\r\n : client.production;\r\n//let ButtonPaypal = null;\r\nfunction PayPalButton({\r\n mode,\r\n createOrder,\r\n onApprove,\r\n onCancel,\r\n onError,\r\n isScriptLoaded,\r\n isScriptLoadSucceed,\r\n userFormData,\r\n paypalStatusPay,\r\n}) {\r\n // clientId = mode === 'sandbox' ? client.sandbox : client.production;\r\n const paypalRef = useRef(null);\r\n\r\n useEffect(() => {\r\n window.React = React;\r\n window.ReactDOM = ReactDOM;\r\n }, []);\r\n useEffect(() => {\r\n if (\r\n isScriptLoaded &&\r\n isScriptLoadSucceed &&\r\n paypalStatusPay !== \"COMPLETED\"\r\n ) {\r\n // PayPalButton = window.paypal.Buttons.driver(\"react\", { React, ReactDOM });\r\n //console.log(\"useDataPay\", process.env.REACT_APP_STAGE);\r\n //debugger\r\n paypalRef.current.innerHTML = \"\";\r\n window.paypal\r\n .Buttons({\r\n createOrder,\r\n onApprove,\r\n onCancel,\r\n onError,\r\n })\r\n .render(paypalRef.current);\r\n }\r\n }, [isScriptLoaded, isScriptLoadSucceed, userFormData]);\r\n\r\n return (\r\n \r\n {/* rESULTADOS DE LA BUSQUEDA*/}\r\n {!finishSponsorProcess && (\r\n
\r\n \r\n {sponsorResult.map((item, index) => {\r\n return (\r\n
\r\n )}\r\n\r\n {/* no se encontraron */}\r\n\r\n {sponsorResult.length === 0 && (\r\n \r\n
\r\n );\r\n })}\r\n \r\n
\r\n \r\n
\r\n \r\n {\" \"}\r\n
\r\n \r\n {item.name + \" \" + item.lastName}\r\n {item.state + \", \" + item.city}\r\n
\r\n \r\n handleFinishSponsor(item)}\r\n className=\"button__with__icon bg__dark__pink no__left__margin\"\r\n >\r\n
\r\n \r\n \r\n
\r\n \r\n {t(\r\n \"__checkout_order_slide_enterprising_modal_find_select\"\r\n )}\r\n \r\n \r\n \r\n
\r\n )}\r\n {/* mostrar emprendedor asignado*/}\r\n\r\n {finishSponsorProcess && (\r\n \r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n {t(\r\n \"__checkout_order_slide_enterprising_modal_find_congrats\"\r\n )}\r\n \r\n
\r\n \r\n
\r\n\r\n {/* \r\n
\r\n \r\n {sponsorInformation.name}\r\n \r\n {sponsorInformation.city} {sponsorInformation.state}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {t(\r\n \"__checkout_order_slide_enterprising_modal_find_my_dream\"\r\n )}\r\n \r\n \r\n Lorem ipsum dolor sit amet, consectetur adipiscing\r\n elit, sed do eiusmod tempor incididunt ut labore et\r\n dolore magna aliqua. Ut enim ad minim veniam, quis\r\n nostrud exercitation ullamco laboris nisi ut aliquip\r\n ex ea commodo consequat.\r\n \r\n
*/}\r\n \r\n {/*
\r\n )}\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__breadcrumbs_navigation_/checkout\")\r\n ) : (\r\n
\r\n {clientInfoToCloseOrder?.name && (\r\n \r\n {orderCloseType !== \"\" && (\r\n <>\r\n {\" \"}\r\n \r\n {`${clientInfoToCloseOrder.name} ${clientInfoToCloseOrder.lastName}`}\r\n \r\n \r\n {orderCloseType === \"finalClient\"\r\n ? t(\"__checkout_customer_final_label\")\r\n : orderCloseType === \"preferredClient\"\r\n ? t(\"__checkout_favorite_customer_label\")\r\n : t(\"__checkout_entrepreneur_label\")}\r\n \r\n \r\n )}\r\n
\r\n \r\n \r\n \r\n )}\r\n \r\n {/* seccion general de tarjetas */}\r\n \r\n {\r\n if (benefitType !== 5) {\r\n setIsOpenLoginModal(true);\r\n } else {\r\n history.push(\"/login/registration\");\r\n }\r\n }}\r\n >\r\n {isLanguageLoaded ? (\r\n t(\"btn_log_in\")\r\n ) : (\r\n
\r\n \r\n
o
\r\n
\r\n o
\r\n
\r\n
\r\n \r\n \r\n )}\r\n\r\n {/* direccion */}\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"shopping__payment__headers__security\")\r\n ) : (\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* */}\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"shopping__payment__headers__products\")}\r\n \r\n ) : (\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* */}\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"shopping__payment__headers__my__gifts\")}\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n )}\r\n \r\n {\" \"}\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n \r\n {t(\r\n \"shopping__payment__extra__shipping_pass__subtitle\"\r\n )}\r\n \r\n $ 14.99\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n \r\n\r\n \r\n\r\n {/* COUPONS CONTAINER */}\r\n \r\n {\" \"}\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n \r\n {t(\r\n \"shopping__payment__extra__secury_pass__subtitle\"\r\n )}\r\n \r\n $ 2.00\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n\r\n {formData.shippState.value === \"TX\" &&\r\n addressControl.isShippValidAddress && (\r\n \r\n {t(\"shopping__payment__headers_coupons_title\")}\r\n
\r\n \r\n \r\n {t(\"shopping__payment__headers_coupons_subtitle\")}\r\n \r\n
\r\n \r\n \r\n \r\n {t(\r\n \"shopping__payment__headers_coupons_input_placeholder\"\r\n )}\r\n \r\n setCouponCode(e.target.value)}\r\n placeholder={t(\r\n \"shopping__payment__headers_coupons_input_placeholder\"\r\n )}\r\n />\r\n \r\n\r\n \r\n \r\n {t(\"shopping__payment__headers_coupons_button_text\")}\r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n {t(\"shopping__payment__headers_coupons_table_title\")}\r\n \r\n
\r\n \r\n {t(\r\n \"__checkout_order_steps_pay_summary__taxes__subtitle\"\r\n )}\r\n
\r\n <>\r\n {orderCloseType.length > 0 ? (\r\n\r\n {t(\r\n \"__checkout_order_steps_pay_summary__ref__txt\"\r\n )}\r\n
\r\n ) : (\r\n \r\n <>\r\n {orderCloseType.length > 0 ? (\r\n
\r\n {t(\r\n \"__policesShipping_subtitle_Re-delivery_charge__texas_Txt\"\r\n )}\r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n <>\r\n {\" \"}\r\n ${parseFloat(order.importeii2).toFixed(2)}\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n\r\n {/* {console.log(\"ORDER CHECKOUT\", order)} */}\r\n\r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n t(\"__checkout_order_subtotal\")\r\n ) : (\r\n
\r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n <> ${parseFloat(order.subtotal).toFixed(2)}\r\n ) : (\r\n
\r\n \r\n
\r\n\r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n t(\"__checkout_order_charges\")\r\n ) : (\r\n
\r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n <> ${parseFloat(order.cargos).toFixed(2)}\r\n ) : (\r\n
\r\n \r\n
\r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n t(\"__checkout_order_taxes\")\r\n ) : (\r\n
\r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n <>${parseFloat(order.importeimp).toFixed(2)}\r\n ) : (\r\n
\r\n \r\n
\r\n\r\n {benefitType !== 5 &&\r\n order.importeii !== order.importeii2 && (\r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n t(\"__checkout_order_credit\")\r\n ) : (\r\n
\r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n <>${parseFloat(order.abonos).toFixed(2)}\r\n ) : (\r\n
\r\n \r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n benefitType === 2 ? (\r\n isLanguageLoaded ? (\r\n t(\"__general__total__with__membership\")\r\n ) : (\r\n \"\"\r\n )\r\n ) : benefitType === 1 ? (\r\n isLanguageLoaded ? (\r\n t(\"__general__total__with__kit\")\r\n ) : (\r\n \"\"\r\n )\r\n ) : (\r\n \"\"\r\n )\r\n ) : (\r\n
\r\n \r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n t(\"__general__yout__saved\")\r\n ) : (\r\n
\r\n \r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n t(\"__checkout_order_total\")\r\n ) : (\r\n
\r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n <> ${parseFloat(order.importeii).toFixed(2)}\r\n ) : (\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n {/* bottones de pago */}\r\n \r\n 0 &&\r\n creditCardData.cardExpirationDate.length > 0 &&\r\n creditCardData.cardCvc.length > 0\r\n ? \"bagWhiteIcon\"\r\n : \"bagGrayIcon\"\r\n }`}\r\n />\r\n
\r\n {isLanguageLoaded ? t(\"btn_cart_text_pay2\") : \"\"}\r\n \r\n )}\r\n \r\n ) : (\r\n \r\n \r\n
\r\n \r\n {isLanguageLoaded ? t(\"btn_completed_later\") : \"\"}\r\n \r\n \r\n )}\r\n \r\n ) : (\r\n \r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__privacyPolices_name_company_2_Txt\")} {\" \"}\r\n {t(\"__privacyPolices_paragraph4_Txt\")}{\" \"}\r\n {t(\"__privacyPolices_paragraph4_1_Txt\")}\r\n {t(\"__privacyPolices_paragraph4_2_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__privacyPolices_title_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__privacyPolices_paragraph1_Txt\")}{\" \"}\r\n \r\n \r\n {t(\"__privacyPolices_page_Txt\")}\r\n \r\n \r\n {t(\"__privacyPolices_paragraph1_2_Txt\")}{\" \"}\r\n {t(\"__privacyPolices_paragraph1_3_Txt\")}{\" \"}\r\n {t(\"__privacyPolices_paragraph1_4_Txt\")}\r\n \r\n ) : (\r\n
\r\n
\r\n {isLanguageLoaded ? (\r\n\r\n {t(\"__privacyPolices_paragraph2_Txt\")}\r\n \r\n ) : (\r\n
\r\n
\r\n {isLanguageLoaded ? (\r\n\r\n {t(\"__privacyPolices_paragraph3_Txt\")}{\" \"}\r\n {t(\"__privacyPolices_name_company_Txt\")}\r\n {t(\"__privacyPolices_paragraph3_1_Txt\")}{\" \"}\r\n {t(\"__privacyPolices_name_company_Txt\")}\r\n {t(\"__privacyPolices_paragraph3_2_Txt\")}{\" \"}\r\n {t(\"__privacyPolices_name_company_Txt\")}\r\n {t(\"__privacyPolices_paragraph3_3_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n {isLanguageLoaded ? (\r\n
\r\n
\r\n {isLanguageLoaded ? (\r\n
\r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__privacyPolices_paragraph5_Txt\")} {\" \"}\r\n {t(\"__privacyPolices_paragraph5_1_Txt\")}\r\n \r\n ) : (\r\n
\r\n - \r\n
- \r\n {t(\"__privacyPolices_paragraph5_1_1_Txt\")} \r\n
{t(\"__privacyPolices_paragraph5_1_2_Txt\")}\r\n \r\n - \r\n {t(\"__privacyPolices_paragraph5_2_1_Txt\")}\r\n
{t(\"__privacyPolices_paragraph5_2_2_Txt\")}\r\n \r\n
\r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__privacyPolices_paragraph6_Txt\")} {\" \"}\r\n {t(\"__privacyPolices_paragraph6_1_Txt\")}\r\n \r\n ) : (\r\n
\r\n - \r\n
- \r\n {t(\"__privacyPolices_paragraph6_1_1_Txt\")} \r\n {t(\"__privacyPolices_paragraph6_1_2_Txt\")}\r\n \r\n
\r\n {isLanguageLoaded ? (\r\n <>\r\n \r\n {t(\"__privacyPolices_paragraph7_title_Txt\")}\r\n \r\n \r\n {t(\"__privacyPolices_paragraph7\")}\r\n \r\n \r\n ) : (\r\n
\r\n\r\n \r\n {isLanguageLoaded ? (\r\n <>\r\n {\" \"}\r\n \r\n {t(\"__privacyPolices_paragraph8_title_Txt\")}\r\n \r\n \r\n {t(\"__privacyPolices_paragraph8\")}\r\n \r\n \r\n ) : (\r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default PrivacyPolicesConatiner;\r\n","import React, { useEffect } from \"react\";\r\nimport { Typography } from \"@mui/material\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst TermsAndConditionsContainer = () => {\r\n /// TRANSLATION\r\n const { t } = useTranslation();\r\n\r\n useEffect(() => {\r\n document.title = \"Zermat USA :: Terms and Conditions\";\r\n }, []);\r\n\r\n return (\r\n \r\n
\r\n \r\n );\r\n};\r\n\r\nexport default TermsAndConditionsContainer;\r\n","import React, { useEffect } from \"react\";\r\nimport { Typography, Skeleton } from \"@mui/material\";\r\nimport { isMobile } from \"react-device-detect\";\r\nimport { useTranslation } from \"react-i18next\";\r\n\r\nconst PolicesShippingContainer = ({ isLanguageLoaded }) => {\r\n /// TRANSLATION\r\n const { t } = useTranslation();\r\n\r\n useEffect(() => {\r\n document.title = \"Zermat USA :: Shipping Polices\";\r\n }, []);\r\n\r\n return (\r\n \r\n \r\n {t(\"__termsAndConditions_title_Txt\")}\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n {t(\"__termsAndConditions_paragraph1_Txt\")}
\r\n \r\n
{t(\"__termsAndConditions_paragraph2_Txt\")}
\r\n \r\n
{t(\"__termsAndConditions_paragraph3_Txt\")}
\r\n \r\n
\r\n \r\n {t(\"__termsAndConditions_Rights_title_Txt\")}\r\n \r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n
\r\n {t(\"__termsAndConditions__Rights_paragraph1_Txt\")}
\r\n \r\n
{t(\"__termsAndConditions_Rights_paragraph2_Txt\")}
\r\n \r\n
{t(\"__termsAndConditions_Rights_paragraph3_Txt\")}
\r\n \r\n
\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default PolicesShippingContainer;\r\n","import React, { Fragment, useState, useEffect } from \"react\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport {\r\n Button,\r\n TextField,\r\n Typography,\r\n InputAdornment,\r\n IconButton,\r\n} from \"@mui/material\";\r\n//import NotificationSnackbar from \"../base/components/NotificationSnackbar\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport SendIcon from \"@mui/icons-material/Send\";\r\nimport { useParams, useHistory } from \"react-router-dom\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport {\r\n regexIsEmailAddressValid,\r\n regexIsCellphoneValid,\r\n restrictToOnlyLetters,\r\n restrictToOnlyLettersForEmail,\r\n restrictToOnlyNumbers,\r\n} from \"./../../../Libraries/Utils/regex\";\r\n///ACTIONS\r\nimport {\r\n requestReferrerCellPhoneValidation,\r\n requestReferrerEmailValidation,\r\n requestReferrerNewRegistration,\r\n cleanReferrerReducer,\r\n} from \"./../../ReduxSaga/Actions/Referrer\";\r\nimport TextFieldComponent from \"../base/components/TextFieldComponent\";\r\nimport TextFieldAndButtonComponent from \"../base/components/TextFieldAndButtonComponent\";\r\n\r\nconst ReferredContainer = () => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n ///param\r\n const { referredCode } = useParams();\r\n let history = useHistory();\r\n ///REDUX\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.referrer = useSelector((state) => state.referrer);\r\n ///INITIALSTATE\r\n const initialFormData = {\r\n referrerCode: \"\",\r\n name: \"\",\r\n lastName: \"\",\r\n email: \"\",\r\n cellPhone: \"\",\r\n password: \"\",\r\n passwordConfirmation: \"\",\r\n };\r\n\r\n // const [isOpenNotification, setIsOpenNotification] = useState(false);\r\n // const [messageNotification, setmessageNotification] = useState(\"\");\r\n const [activeStep, setActiveStep] = useState(0);\r\n const [isRegisterActive, setIsRegisterActive] = useState(false);\r\n const [isSharedActive, setIsSharedActive] = useState(false);\r\n const [formData, setformData] = useState(initialFormData);\r\n const [isCellPhoneValidated, setIsCellPhoneValidated] = useState(false);\r\n const [isEmailValidated, setIsEmailValidated] = useState(false);\r\n /// TRANSLATION\r\n const { t, i18n } = useTranslation();\r\n\r\n const handleNext = () => {\r\n setActiveStep((prevActiveStep) => prevActiveStep + 1);\r\n };\r\n /// useEffect\r\n\r\n useEffect(() => {\r\n switch (activeStep) {\r\n case 0:\r\n setIsRegisterActive(true);\r\n setIsSharedActive(false);\r\n break;\r\n case 1:\r\n setIsRegisterActive(false);\r\n setIsSharedActive(true);\r\n break;\r\n default:\r\n setActiveStep(0);\r\n break;\r\n }\r\n }, [activeStep]);\r\n\r\n useEffect(() => {\r\n if (referredCode) {\r\n setformData({ ...formData, referrerCode: referredCode });\r\n }\r\n }, [referredCode]);\r\n\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.referrer?.responseReferrerCellPhoneValidation !==\r\n \"undefined\"\r\n ) {\r\n if (\r\n appReducers.referrer.responseReferrerCellPhoneValidation.code === 100\r\n ) {\r\n setIsCellPhoneValidated(true);\r\n enqueueSnackbar(t(\"__message_valid_phone_label\"), {\r\n variant: \"success\",\r\n });\r\n // setIsOpenNotification(true);\r\n // setmessageNotification(t(\"__message_valid_phone_label\"));\r\n } else {\r\n setIsCellPhoneValidated(false);\r\n // setIsOpenNotification(true);\r\n switch (appReducers.referrer.responseReferrerCellPhoneValidation.code) {\r\n case -100:\r\n enqueueSnackbar(t(\"__message_valid_register_already_phone_label\"), {\r\n variant: \"error\",\r\n });\r\n // setmessageNotification(\r\n // t(\"__message_valid_register_already_phone_label\")\r\n // );\r\n break;\r\n case -500:\r\n enqueueSnackbar(t(\"__message_error_valid_register_phone_label\"), {\r\n variant: \"error\",\r\n });\r\n // setmessageNotification(\r\n // t(\"__message_error_valid_register_phone_label\")\r\n // );\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n }\r\n }, [appReducers?.referrer?.responseReferrerCellPhoneValidation]);\r\n\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.referrer?.responseReferrerEmailValidation !==\r\n \"undefined\"\r\n ) {\r\n if (appReducers.referrer.responseReferrerEmailValidation.code === 100) {\r\n setIsEmailValidated(true);\r\n enqueueSnackbar(t(\"__message_valid_email_label\"), {\r\n variant: \"success\",\r\n });\r\n // setIsOpenNotification(true);\r\n // setmessageNotification(t(\"__message_valid_email_label\"));\r\n } else {\r\n setIsEmailValidated(false);\r\n //setIsOpenNotification(true);\r\n switch (appReducers.referrer.responseReferrerEmailValidation.code) {\r\n case -100:\r\n enqueueSnackbar(t(\"__message_valid_register_already_email_label\"), {\r\n variant: \"error\",\r\n });\r\n // setmessageNotification(\r\n // t(\"__message_valid_register_already_email_label\")\r\n // );\r\n break;\r\n case -200:\r\n enqueueSnackbar(t(\"__message_invalid_email_label\"), {\r\n variant: \"error\",\r\n });\r\n // setmessageNotification(t(\"__message_invalid_email_label\"));\r\n break;\r\n case -500:\r\n enqueueSnackbar(t(\"__message_error_valid_register_email_label\"), {\r\n variant: \"error\",\r\n });\r\n // setmessageNotification(\r\n // t(\"__message_error_valid_register_email_label\")\r\n // );\r\n break;\r\n default:\r\n break;\r\n }\r\n }\r\n }\r\n }, [appReducers?.referrer?.responseReferrerEmailValidation]);\r\n\r\n useEffect(() => {\r\n if (typeof appReducers?.referrer?.responseNewRegister !== \"undefined\") {\r\n if (appReducers.referrer.responseNewRegister.code === 100) {\r\n enqueueSnackbar(t(\"__message_successfully_register_label\"), {\r\n variant: \"success\",\r\n });\r\n // setmessageNotification(t(\"__message_successfully_register_label\"));\r\n // setIsOpenNotification(true);\r\n dispatch(cleanReferrerReducer());\r\n setActiveStep(0);\r\n setformData({\r\n referrerCode: \"\",\r\n name: \"\",\r\n lastName: \"\",\r\n email: \"\",\r\n cellPhone: \"\",\r\n password: \"\",\r\n passwordConfirmation: \"\",\r\n });\r\n //history.push(\"/\");\r\n if (localStorage.getItem(\"ZUsaUrlPage\")) {\r\n history.push(`/mypage/${localStorage.getItem(\"ZUsaUrlPage\")}`);\r\n } else {\r\n history.push(\"/home\");\r\n }\r\n } else {\r\n enqueueSnackbar(t(\"__message_error_when_try_register_label\"), {\r\n variant: \"success\",\r\n });\r\n // setmessageNotification(t(\"__message_error_when_try_register_label\"));\r\n // setIsOpenNotification(true);\r\n }\r\n }\r\n }, [appReducers?.referrer?.responseNewRegister]);\r\n\r\n ///HANDLERS\r\n const GetCellPhoneValidation = () => {\r\n dispatch(requestReferrerCellPhoneValidation(formData.cellPhone));\r\n };\r\n const GetEmailPhoneValidation = () => {\r\n dispatch(requestReferrerEmailValidation(formData.email));\r\n };\r\n const requestNewRegistration = () => {\r\n dispatch(requestReferrerNewRegistration(formData));\r\n };\r\n ///RENDERS\r\n\r\n function getHeaderStepContent(stepIndex) {\r\n switch (stepIndex) {\r\n case 0:\r\n return (\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_title_Txt\")}\r\n \r\n ) : (\r\n
\r\n\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_subtitle_Re-delivery_under_Money_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping__Re-delivery_under_Money_paragraph1_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_subtitle_Re-delivery_under_Credit_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping__Re-delivery_under_Credit_paragraph1_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_subtitle_Cancellations\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Cancellations_paragraph1_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Cancellations_paragraph2_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Cancellations_paragraph3_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Cancellations_paragraph4_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_subtitle_Lost_packages\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Lost_packages_paragraph1_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Lost_packages_paragraph2_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Lost_packages_paragraph3_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_subtitle_Address_Changes_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Address_Changes_paragraph1_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Address_fee_title_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Address_fee_paragraph1_Txt\")}{\" \"}\r\n {t(\"__policesShipping_Address_fee_paragraph2_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Address_fee_paragraph3_Txt\")}\r\n
\r\n *{t(\"__policesShipping_Address_fee_paragraph4_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n *{t(\"__policesShipping_Address_fee_paragraph4_Txt\")}\r\n
\r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Address_fee_paragraph5_Txt\")}\r\n
\r\n *{t(\"__policesShipping_Address_fee_paragraph6_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n *{t(\"__policesShipping_Address_fee_paragraph6_Txt\")}\r\n
\r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_Address_fee_paragraph7_Txt\")}\r\n
\r\n {t(\"__policesShipping_Address_fee_paragraph8_Txt\")}\r\n {t(\"__policesShipping_Address_fee_paragraph9_Txt\")}\r\n {t(\"__policesShipping_Address_fee_paragraph10_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {t(\"__policesShipping_Address_fee_paragraph8_Txt\")}\r\n {t(\"__policesShipping_Address_fee_paragraph9_Txt\")}\r\n {t(\"__policesShipping_Address_fee_paragraph10_Txt\")}\r\n
\r\n {isLanguageLoaded ? (\r\n \r\n {t(\r\n \"__policesShipping__Re-delivery_charge__texas_Money_paragraph1_Subitle\"\r\n )}\r\n \r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"__policesShipping_subtitle_Re-delivery_charge__texas_Txt\")}\r\n \r\n ) : (\r\n
\r\n \r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}{\" \"}\r\n
\r\n \r\n {i18n.language === \"es\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n \r\n {\r\n setformData({ ...formData, name: restrictToOnlyLetters(e) });\r\n }}\r\n onInput={(e) =>\r\n setformData({ ...formData, name: restrictToOnlyLetters(e) })\r\n }\r\n />\r\n {\r\n setformData({\r\n ...formData,\r\n lastName: restrictToOnlyLetters(e),\r\n });\r\n }}\r\n onInput={(e) =>\r\n setformData({\r\n ...formData,\r\n lastName: restrictToOnlyLetters(e),\r\n })\r\n }\r\n />\r\n {\r\n setformData({\r\n ...formData,\r\n cellPhone: restrictToOnlyNumbers(e),\r\n });\r\n }}\r\n iconClass={\r\n formData.cellPhone.length !== 10\r\n ? \"cellphoneWhiteIcon \"\r\n : \"cellphoneOutlineRed \"\r\n }\r\n disabledButton={formData.cellPhone.length !== 10}\r\n onInput={(e) =>\r\n setformData({\r\n ...formData,\r\n cellPhone: restrictToOnlyNumbers(e),\r\n })\r\n }\r\n handleEventButton={() => {\r\n if (regexIsCellphoneValid(formData.cellPhone)) {\r\n GetCellPhoneValidation();\r\n } else {\r\n setIsCellPhoneValidated(false);\r\n }\r\n }}\r\n />\r\n\r\n {\r\n setformData({\r\n ...formData,\r\n email: restrictToOnlyLettersForEmail(e),\r\n });\r\n }}\r\n onInput={(e) =>\r\n setformData({\r\n ...formData,\r\n email: restrictToOnlyLettersForEmail(e),\r\n })\r\n }\r\n onBlur={() => {\r\n if (regexIsEmailAddressValid(formData.email)) {\r\n GetEmailPhoneValidation();\r\n } else {\r\n setIsEmailValidated(false);\r\n }\r\n }}\r\n />\r\n {\r\n setformData({ ...formData, password: e.target.value.trim() });\r\n }}\r\n onInput={(e) =>\r\n setformData({ ...formData, password: e.target.value.trim() })\r\n }\r\n />\r\n {\r\n setformData({\r\n ...formData,\r\n passwordConfirmation: e.target.value.trim(),\r\n });\r\n }}\r\n onInput={(e) =>\r\n setformData({\r\n ...formData,\r\n passwordConfirmation: e.target.value.trim(),\r\n })\r\n }\r\n />\r\n
\r\n\r\n \r\n handleNext()}\r\n disabled={\r\n formData.name.length === 0 ||\r\n formData.lastName.length === 0 ||\r\n formData.cellPhone.length === 0 ||\r\n !isCellPhoneValidated ||\r\n formData.email.length === 0 ||\r\n !isEmailValidated ||\r\n formData.password.length === 0 ||\r\n formData.passwordConfirmation.length === 0 ||\r\n formData.password.trim() !==\r\n formData.passwordConfirmation.trim()\r\n }\r\n className=\"button__with__icon bg__dark__pink no__left__margin\"\r\n >\r\n
\r\n \r\n
\r\n \r\n {t(\"__login_Create_Account_Btn_Next_Text\").toUpperCase()}\r\n \r\n \r\n \r\n \r\n {t(\"__slider_refer_friend\")}\r\n \r\n
\r\n \r\n \r\n {t(\"__slider_refer_friend_share\")}\r\n {t(\"__slider_refer_friend_pages\")} \r\n \r\n
\r\n \r\n \r\n {t(\"__slider_refer_friend_share1\")}\r\n \r\n
\r\n \r\n \r\n {t(\"__slider_refer_friend_share2\")}\r\n \r\n
\r\n {/* \r\n \r\n \r\n \r\n \r\n
*/}\r\n\r\n \r\n requestNewRegistration()}\r\n className=\"button__with__icon bg__dark__pink no__left__margin\"\r\n >\r\n
\r\n \r\n
\r\n \r\n {t(\"__login_Create_Account_Btn_Next_Text\").toUpperCase()}\r\n \r\n \r\n \r\n
\r\n );\r\n};\r\n\r\nexport default ReferredContainer;\r\n","import React from \"react\";\r\nimport {\r\n Button,\r\n IconButton,\r\n Dialog,\r\n DialogActions,\r\n DialogContent,\r\n DialogContentText,\r\n DialogTitle,\r\n Typography,\r\n List,\r\n ListItem,\r\n ListItemText,\r\n} from \"@mui/material\";\r\nimport { Close } from \"@mui/icons-material\";\r\n\r\nconst ModalWarning = ({\r\n isOpenModalWarning,\r\n handleOpenWarning,\r\n iconMain,\r\n title,\r\n subtitle,\r\n text,\r\n isButtonActive,\r\n isButtonText,\r\n navigationURL,\r\n isActiveStyleInSubtitle,\r\n listActive,\r\n listItems,\r\n}) => {\r\n return (\r\n \r\n {getStepContent(activeStep)} \r\n \r\n {/* \r\n
\r\n \r\n \r\n {t(\"__slider_refer_friend_share3\")}\r\n \r\n
\r\n\r\n \r\n {getHeaderStepContent(activeStep)}\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n - \r\n {listItems.map((item, index) => {\r\n return (\r\n
\r\n {isButtonActive && (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n
\r\n \r\n \r\n {item?.label}\r\n
\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n alt=\"imagen del producto\"\r\n />\r\n \r\n {item?.label}\r\n
\r\n \r\n
\r\n \r\n {\r\n //setMessage(e.target.value);\r\n\r\n const updatedText = e.target.value.replace(\r\n /[^a-zA-Z0-9!¡¿?áéíóúÁÉÍÓÚñÑ ]/gm,\r\n \"\"\r\n );\r\n\r\n // setProductOnEdition({\r\n // ...productOnEdition,\r\n // label: updatedText,\r\n // });\r\n\r\n let cloneConfigurableArray = [...configurableArray];\r\n //console.log(\"foundIndex\", foundIndex);\r\n let cloneElement = cloneConfigurableArray[indexElement];\r\n\r\n cloneElement.item.label = updatedText;\r\n cloneElement.item.template = \"\";\r\n cloneElement.item.isSaved = false;\r\n\r\n setConfigurableArray(cloneConfigurableArray);\r\n\r\n // const clone = [...listFragancesCustomer];\r\n // clone[foundIndex] = {\r\n // ...clone[foundIndex],\r\n // label: updatedText,\r\n // template: \"\",\r\n // isSaved: false,\r\n // };\r\n\r\n //setCustomLabelList(clone);\r\n\r\n ////setMessageFirstLevel(updatedText);\r\n }}\r\n onKeyDown={(e) => {\r\n //console.log(\"key\", e.key);\r\n\r\n if (e.key === \"Tab\") {\r\n e.preventDefault();\r\n }\r\n }}\r\n inputprops={{ maxLength: 30 }}\r\n value={item.label}\r\n aria-describedby=\"my-helper-text\"\r\n />\r\n
\r\n \r\n \r\n {\r\n handleSetB64();\r\n }}\r\n >\r\n
\r\n\r\n \r\n
\r\n \r\n {t(\"btn_text_save\")}\r\n \r\n \r\n \r\n
\r\n );\r\n\r\n case \"3x2\":\r\n return (\r\n \r\n {isChooseActive ? (\r\n
\r\n\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n {isDetailActive ? (\r\n
\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n\r\n case \"VF\":\r\n return (\r\n \r\n {isChooseActive ? (\r\n
\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n {isDetailActive ? (\r\n
\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n\r\n case \"FV\":\r\n return (\r\n \r\n {isChooseActive ? (\r\n
\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n {isDetailActive ? (\r\n
\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n default:\r\n return (\r\n \r\n {isChooseActive ? (\r\n
\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n {isDetailActive ? (\r\n
\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n
\r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n {isGiftActive ? (\r\n
\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n {isDetailActive ? (\r\n
\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n ) : (\r\n \r\n {i18n.language === \"en\" ? (\r\n \r\n ) : (\r\n \r\n )}\r\n
\r\n )}\r\n \r\n \r\n
\r\n {/* \r\n {isLanguageLoaded ? (\r\n {t(\"configurables__set__configuration\")}\r\n ) : (\r\n {\r\n setIsSwiperLocked(false);\r\n\r\n // setConfiguredSets([\r\n // ...configuredSets,\r\n // {\r\n // isSaved: false,\r\n // name: \"COLECCIÓN PLAYER INTENSE\",\r\n // image:\r\n // \"https://www.websizusa.net/imgprod/fullsize/83260.jpg\",\r\n // price: 14,\r\n // contents: [],\r\n // personalizedFragrances: [],\r\n // },\r\n // ]);\r\n }}\r\n >\r\n
\r\n \r\n
\r\n \r\n {t(\"configurables__configure__another__set\")}\r\n \r\n \r\n )\r\n } */}\r\n \r\n {\r\n //console.log(\"onBeforeSlideChangeStart\", swiper);\r\n const prevArrow = document.querySelector(\r\n \".kit__configuration__container__inner__wrapper__set__configuration__wrapper__content__wrapper__arrow__prev\"\r\n );\r\n const nextArrow = document.querySelector(\r\n \".kit__configuration__container__inner__wrapper__set__configuration__wrapper__content__wrapper__arrow__next\"\r\n );\r\n if (swiper.activeIndex === 0) {\r\n prevArrow?.classList.remove(\"active\");\r\n nextArrow?.classList.add(\"active\");\r\n } else if (swiper.activeIndex === swiper.slides.length - 1) {\r\n prevArrow?.classList.add(\"active\");\r\n nextArrow?.classList.remove(\"active\");\r\n } else {\r\n prevArrow.classList.add(\"active\");\r\n nextArrow.classList.add(\"active\");\r\n }\r\n }}\r\n onSlideChange={(swiper) => {\r\n //console.log(\"onSlideChange\", swiper);\r\n const prevArrow = document.querySelector(\r\n \".kit__configuration__container__inner__wrapper__set__configuration__wrapper__content__wrapper__arrow__prev\"\r\n );\r\n const nextArrow = document.querySelector(\r\n \".kit__configuration__container__inner__wrapper__set__configuration__wrapper__content__wrapper__arrow__next\"\r\n );\r\n if (swiper.activeIndex === 0) {\r\n prevArrow?.classList.remove(\"active\");\r\n nextArrow?.classList.add(\"active\");\r\n } else if (swiper.activeIndex === swiper.slides.length - 1) {\r\n prevArrow?.classList.add(\"active\");\r\n nextArrow?.classList.remove(\"active\");\r\n } else {\r\n prevArrow.classList.add(\"active\");\r\n nextArrow.classList.add(\"active\");\r\n }\r\n }}\r\n modules={[Pagination, Navigation, EffectCoverflow]}\r\n >\r\n {configurableArray.map((configurable, index) => {\r\n if (configurable.type === \"personalizedFragrance\") {\r\n return (\r\n \r\n {isSwiperLocked && (\r\n \r\n )}\r\n \r\n
\r\n \r\n );\r\n }\r\n })}\r\n\r\n {/* SUMMARY SLIDE */}\r\n \r\n
\r\n \r\n
\r\n\r\n \r\n {isLanguageLoaded ? (\r\n {`${t(\"__general__step\")} ${\r\n index + 1\r\n }`}\r\n ) : (\r\n
\r\n\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\r\n \"configurables__personalized__fragrance__title\"\r\n )}\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n \r\n );\r\n } else if (configurable.type === \"list\") {\r\n return (\r\n \r\n {isLanguageLoaded ? (\r\n {`${t(\"__general__step\")} ${\r\n index + 1\r\n }`}\r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {`${t(\"_Zusa_Configurables_Stepper_Select\")} ${\r\n configurable.selectables\r\n } ${t(\"__general__product\")}${\r\n configurable.selectables.length > 1 ? \"s\" : \"\"\r\n } ${t(\r\n \"configurables__from__the__folowing__list\"\r\n )}:`}\r\n \r\n ) : (\r\n
\r\n \r\n
\r\n \r\n {configurable.items.map((product) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n \r\n {capitalizeText(product.descripcion)}\r\n \r\n {/* \r\n {`$${product.precioai.toFixed(2)}`}\r\n */}\r\n
\r\n \r\n \r\n product.isHeader\r\n ? handleModifyKitHeader(product, -1)\r\n : handleModifyKitDetails(product, -1)\r\n }\r\n disableMinus={\r\n product.isHeader\r\n ? handleGetCountSettedHeaders(\r\n product.codart\r\n ) < 1\r\n : handleGetCountSettedDetails(\r\n product.codart\r\n ) < 1\r\n }\r\n handleQtyAdd={() =>\r\n product.isHeader\r\n ? handleModifyKitHeader(product, 1)\r\n : handleModifyKitDetails(product, 1)\r\n }\r\n disableAdd={\r\n (product.isHeader\r\n ? totalHeader >=\r\n promoConfiguration.cant_HVariable\r\n : totalDetail >=\r\n promoConfiguration.cant_DVariable) ||\r\n (isKitIngreso\r\n ? configuredSets.filter(\r\n (x) => x.isSaved\r\n ).length === 1\r\n : false) ||\r\n (infoCartOrder &&\r\n infoCartOrder.lines &&\r\n configuredSets &&\r\n promoConfiguration &&\r\n promoConfiguration.cantMaxSets > 0 &&\r\n infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart ===\r\n promoConfiguration.codigo\r\n ? accumulator +\r\n object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) +\r\n configuredSets.reduce(\r\n (accumulator, object) =>\r\n object.itemCode ===\r\n promoConfiguration.codigo\r\n ? accumulator +\r\n object.numberConfig\r\n : accumulator,\r\n 0\r\n ) +\r\n 1 >\r\n promoConfiguration.cantMaxSets)\r\n }\r\n />\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n {`${t(\"__general__step\")} ${\r\n configurableArray.length + 1\r\n }`}\r\n ) : (\r\n
\r\n \r\n {isLanguageLoaded ? (\r\n {t(\"configurables__summary__title\")}\r\n ) : (\r\n
\r\n\r\n {/* AQUI PEGAR */}\r\n \r\n \r\n 0 ||\r\n promoConfiguration.cant_DVariable - totalDetail > 0\r\n : typeLine === \"VF\" || typeLine === \"3x2\"\r\n ? promoConfiguration.cant_HVariable - totalHeader > 0\r\n : typeLine === \"FV\"\r\n ? promoConfiguration.cant_DVariable - totalDetail > 0\r\n : true) ||\r\n (configurableArray.filter(\r\n (f) => f.type === \"personalizedFragrance\"\r\n ).length > 0 &&\r\n configurableArray.filter(\r\n (f) =>\r\n f.type === \"personalizedFragrance\" &&\r\n !f.item.isSaved\r\n ).length > 0) ||\r\n // Bloquear cantidad maxima de Sets\r\n (infoCartOrder &&\r\n infoCartOrder.lines &&\r\n configuredSets &&\r\n promoConfiguration &&\r\n promoConfiguration.cantMaxSets > 0 &&\r\n infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === promoConfiguration.codigo\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) +\r\n configuredSets.reduce(\r\n (accumulator, object) =>\r\n object.itemCode === promoConfiguration.codigo\r\n ? accumulator + object.numberConfig\r\n : accumulator,\r\n 0\r\n ) +\r\n 1 >\r\n promoConfiguration.cantMaxSets)\r\n }\r\n onClick={() => handlePushToArrayFinalSetsConfig()}\r\n >\r\n
\r\n\r\n {((typeLine === \"VV\"\r\n ? promoConfiguration.cant_HVariable - totalHeader > 0 ||\r\n promoConfiguration.cant_DVariable - totalDetail > 0\r\n : typeLine === \"VF\" || typeLine === \"3x2\"\r\n ? promoConfiguration.cant_HVariable - totalHeader > 0\r\n : typeLine === \"FV\"\r\n ? promoConfiguration.cant_DVariable - totalDetail > 0\r\n : true) ||\r\n (configurableArray.filter(\r\n (f) => f.type === \"personalizedFragrance\"\r\n ).length > 0 &&\r\n configurableArray.filter(\r\n (f) =>\r\n f.type === \"personalizedFragrance\" && !f.item.isSaved\r\n ).length > 0)) && (\r\n \r\n {t(\"configurables__label_missing_config\")}\r\n \r\n )}\r\n {/* AQUI PEGAR */}\r\n\r\n \r\n
\r\n {isLanguageLoaded ? (\r\n \r\n {t(\"configurables__save__selection\")}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n \r\n \r\n
\r\n \r\n {finalArray\r\n .filter((x) => x.tipoLinea === \"C\")\r\n .map((item, index) => {\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n \r\n {capitalizeText(item.descripcion)}\r\n \r\n {/* \r\n {`$${parseInt(item.precioai).toFixed(2)}`}\r\n */}\r\n
\r\n \r\n \r\n {item.qty}\r\n \r\n\r\n {item.isConfig && (\r\n {\r\n const configurablesSwiper =\r\n document.getElementById(\r\n \"configurablesSwiper\"\r\n );\r\n if (configurablesSwiper) {\r\n configurablesSwiper.swiper.slideTo(\r\n item.pageOrigin\r\n );\r\n }\r\n }}\r\n />\r\n )}\r\n
\r\n \r\n {\r\n // enqueueSnackbar(\"CONFIGURASTE EL SET 1 CON EXITO\", {\r\n // variant: \"success\",\r\n // });\r\n // setIsSwiperLocked(true);\r\n // setConfiguredSets([\r\n // {\r\n // isSaved: true,\r\n // name: \"COLECCIÓN PLAYER INTENSE\",\r\n // image:\r\n // \"https://www.websizusa.net/imgprod/fullsize/83260.jpg\",\r\n // price: 14,\r\n // contents: [\r\n // {\r\n // type: \"gift\",\r\n // name: \"1 gorra del mejor padre\",\r\n // },\r\n // {\r\n // type: \"included\",\r\n // name: \"1 player intense for him 120 ml 15 ml\",\r\n // },\r\n // {\r\n // type: \"included\",\r\n // name: \"2 player intense for her 120 mls 15 mls\",\r\n // },\r\n // {\r\n // type: \"included\",\r\n // name: \"1 player intense on deodorant 85g\",\r\n // },\r\n // {\r\n // type: \"included\",\r\n // name: \"2 fragancias personalizadas\",\r\n // },\r\n // ],\r\n // personalizedFragrances: [\r\n // {\r\n // id: 1,\r\n // name: \"PERSONALIZED FRAGRANCE FOR BOY 1.69 FL. OZ\",\r\n // message: \"Feliz cumpleaños!!! Te quiero\",\r\n // },\r\n // {\r\n // id: 2,\r\n // name: \"PERSONALIZED FRAGRANCE FOR GIRL 1.69 FL. OZ\",\r\n // message: \"La niña más divertida\",\r\n // },\r\n // ],\r\n // },\r\n // ]);\r\n // }}\r\n disabled={\r\n //configurableArray VALIDAR PARA BLOQUEAR\r\n typeLine === \"VV\"\r\n ? promoConfiguration.cant_HVariable - totalHeader >\r\n 0 ||\r\n promoConfiguration.cant_DVariable - totalDetail > 0\r\n : typeLine === \"VF\" || typeLine === \"3x2\"\r\n ? promoConfiguration.cant_HVariable - totalHeader > 0\r\n : typeLine === \"FV\"\r\n ? promoConfiguration.cant_DVariable - totalDetail > 0\r\n : true\r\n }\r\n onClick={() => handlePushToArrayFinalSetsConfig()}\r\n >\r\n
*/}\r\n \r\n {/* END SUMMARY SLIDE */}\r\n \r\n \r\n \r\n\r\n \r\n
\r\n \r\n {t(\"configurables__save__selection\")}\r\n \r\n \r\n \r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"configurables__my__sets\")}\r\n {infoCartOrder &&\r\n infoCartOrder.lines &&\r\n configuredSets &&\r\n promoConfiguration &&\r\n promoConfiguration.cantMaxSets > 0 &&\r\n infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === promoConfiguration.codigo\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) +\r\n configuredSets.reduce(\r\n (accumulator, object) =>\r\n object.itemCode === promoConfiguration.codigo\r\n ? accumulator + object.numberConfig\r\n : accumulator,\r\n 0\r\n ) +\r\n 1 >\r\n promoConfiguration.cantMaxSets && (\r\n \r\n \r\n ) : (\r\n
\r\n\r\n \r\n {configuredSets && configuredSets.length > 0 ? (\r\n
\r\n \r\n );\r\n })}\r\n \r\n ) : (\r\n \r\n {configuredSets.map((item, index) => {\r\n return (\r\n \r\n
\r\n \r\n {`${t(\"configurables__set__configuration\")} ${\r\n index + 1\r\n }`}\r\n
\r\n \r\n
\r\n )}\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n {!item.isSaved && (\r\n
\r\n\r\n {item.personalizedFragrances.length > 0 && (\r\n \r\n
\r\n )}\r\n\r\n \r\n \r\n {t(\"configurables__incomplete__selection\")}\r\n \r\n
\r\n \r\n 0 &&\r\n infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart ===\r\n promoConfiguration.codigo\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) +\r\n configuredSets.reduce(\r\n (accumulator, object) =>\r\n object.itemCode ===\r\n promoConfiguration.codigo\r\n ? accumulator +\r\n object.numberConfig\r\n : accumulator,\r\n 0\r\n ) +\r\n 1 >\r\n promoConfiguration.cantMaxSets)\r\n }\r\n handleQtyAdd={() => {\r\n // // HANDLE ADD MISMO SET \\\\ \\\\\r\n if (\r\n item.personalizedFragrances.length > 0\r\n ) {\r\n setIsOpenDuplicateSetPersonalizedFragrancesWarningModal(\r\n true\r\n );\r\n setIndexDuplicate(index);\r\n } else {\r\n handleAddSameSet(1, index);\r\n }\r\n // modal en caso de encontrar fragancias personalizadas \\\\\r\n //setIsOpenDuplicateSetPersonalizedFragrancesWarningModal(true); \\\\ \\\\\r\n }}\r\n disableMinus={isKitIngreso}\r\n handleQtyMinus={() => {\r\n // // HANDLE DELETE MISMO SET \\\\ \\\\\r\n handleDeleteSameSet(1, index);\r\n }}\r\n handleRemove={() => {\r\n // // HANDLE REMOVE ELEMENT \\\\ \\\\\r\n handleRemoveSet(index);\r\n }}\r\n />\r\n )}\r\n
\r\n\r\n \r\n \r\n {capitalizeText(item.name)}\r\n \r\n {typeLine !== \"3x2\" && (\r\n \r\n {/* {`$${item.price.toFixed(2)}`} */}\r\n {formatPrice(item.price)}\r\n \r\n )}\r\n
\r\n {item.isSaved && (\r\n \r\n {item.contents\r\n .filter(\r\n (x) =>\r\n x.tipoLinea === \"R\" || x.tipoLinea === \"C\"\r\n )\r\n .map((listItem, listItemIndex) => {\r\n return (\r\n \r\n {listItem.tipoLinea === \"R\" ? (\r\n
\r\n );\r\n })}\r\n \r\n \r\n
\r\n );\r\n }\r\n )}\r\n \r\n \r\n {t(\r\n \"configurables__message__personalized__fragrances\"\r\n )}\r\n \r\n
\r\n {item.personalizedFragrances.map(\r\n (pf, pfIndex) => {\r\n return (\r\n \r\n
\r\n \r\n x.isSaved).length === 0}\r\n onClick={() => {\r\n //funcion para validar que todo este seleccionado\r\n //aquk validar\r\n\r\n let CountInOrder = infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === promoConfiguration.codigo\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n );\r\n let CountConfig = configuredSets.reduce(\r\n (accumulator, object) =>\r\n object.itemCode === promoConfiguration.codigo\r\n ? accumulator + object.numberConfig\r\n : accumulator,\r\n 0\r\n );\r\n\r\n ////regla de cantidad Maxima de Sets\r\n if (\r\n promoConfiguration.cantMaxSets > 0 &&\r\n CountInOrder + CountConfig > promoConfiguration.cantMaxSets\r\n ) {\r\n //let e = promoConfiguration.cantMaxSets - (CountInOrder)\r\n enqueueSnackbar(t(\"__general_warning_information_cant_max\"), {\r\n variant: \"warning\",\r\n });\r\n } else {\r\n handlePushToOrderV2();\r\n }\r\n }}\r\n >\r\n
\r\n\r\n {/* END VERSION NUEVA */}\r\n \r\n\r\n \r\n {configuredSets.filter((x) => x.isSaved).length === 0 ? (\r\n
\r\n \r\n {t(\"btn_text_continue_shop\")}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n {item?.label}\r\n
\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n alt=\"imagen del producto\"\r\n />\r\n \r\n {item?.label}\r\n
\r\n \r\n
\r\n \r\n {\r\n //setMessage(e.target.value);\r\n const updatedText = e.target.value.replace(\r\n /[^a-zA-Z0-9!¡¿?áéíóúÁÉÍÓÚñÑ ]/gm,\r\n \"\"\r\n );\r\n // setProductOnEdition({\r\n // ...productOnEdition,\r\n // label: updatedText,\r\n // });\r\n const foundIndex = listFragancesCustomer.findIndex(\r\n (element) => element.id === item.id\r\n );\r\n //console.log(\"foundIndex\", foundIndex);\r\n const clone = [...listFragancesCustomer];\r\n clone[foundIndex] = {\r\n ...clone[foundIndex],\r\n label: updatedText,\r\n template: \"\",\r\n isSaved: false,\r\n };\r\n setCustomLabelList(clone);\r\n //setMessageFirstLevel(updatedText);\r\n }}\r\n inputprops={{ maxLength: 30 }}\r\n value={item.label}\r\n aria-describedby=\"my-helper-text\"\r\n />\r\n
\r\n \r\n \r\n {\r\n handleSetB64();\r\n }}\r\n >\r\n
\r\n\r\n \r\n
\r\n \r\n {t(\"btn_text_save\")}\r\n \r\n \r\n \r\n \r\n {t(\"__personalized__fragances_title\")}\r\n \r\n
\r\n \r\n )}\r\n {isLoadingEnabled ? (\r\n - \r\n
- \r\n {t(\"__personalized__fragances_list_item_one\")}\r\n \r\n
- \r\n {t(\"__personalized__fragances_list_item_two\")}\r\n \r\n
- \r\n {\" \"}\r\n {t(\"__personalized__fragances_list_item_three\")}\r\n \r\n
- \r\n {\" \"}\r\n {t(\"__personalized__fragances_list_item_warning\")}\r\n \r\n
\r\n \r\n {product?.nameArticle ? (\r\n {capitalizeText(product.nameArticle)}\r\n ) : (\r\n \r\n \r\n ) : (\r\n \r\n \r\n {formatPrice(product?.regularPrice)}\r\n \r\n \r\n )}\r\n \r\n ) : (\r\n
\r\n \r\n \r\n )}\r\n \r\n \r\n {product.nameArticle ? (\r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n ) : (\r\n
\r\n \r\n \r\n {formatPrice(product?.regularPrice)}\r\n \r\n
\r\n \r\n {formatPrice(product?.promotionPrice)}\r\n \r\n \r\n {`- ${percentageUtility(\r\n Math.floor(\r\n 100 -\r\n (product.promotionPrice * 100) /\r\n product.regularPrice\r\n )\r\n )}`}\r\n
\r\n \r\n
\r\n\r\n \r\n \r\n {t(\"__personalized__fragances_subtitle\")}\r\n {props?.infoCartOrder &&\r\n props?.infoCartOrder.lines &&\r\n numberProduct &&\r\n product &&\r\n product.maxSets > 0 &&\r\n props?.infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === product.itemCode\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) +\r\n numberProduct +\r\n 1 >\r\n product.maxSets && (\r\n \r\n
\r\n \r\n {modifyNumberProductPermited ? (\r\n 0 &&\r\n props?.infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === product.itemCode\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n ) +\r\n numberProduct +\r\n 1 >\r\n product.maxSets\r\n }\r\n valueCount={numberProduct}\r\n iconClass={\r\n numberProduct > 0 ? \"bagSmallActiveIcon\" : \"bagIcon\"\r\n }\r\n textButton=\"\"\r\n leftAling={true}\r\n ///Personalizar\r\n />\r\n ) : (\r\n
\r\n \r\n
\r\n )}\r\n \r\n \r\n )}\r\n \r\n \r\n 
\r\n
\r\n {t(\"__personalized__fragances_nothing\")}
\r\n \r\n {isLoadingEnabled ? (\r\n !a.isSaved).length > 0\r\n }\r\n handleActionPrimary={() => {\r\n //debugger;\r\n let infoCartOrder = props?.infoCartOrder;\r\n\r\n let CountInOrder = infoCartOrder.lines.reduce(\r\n (accumulator, object) =>\r\n object.line.codart === product.itemCode\r\n ? accumulator + object.line.qtyped\r\n : accumulator,\r\n 0\r\n );\r\n let CountConfig = numberProduct;\r\n\r\n if (\r\n product.maxSets &&\r\n CountInOrder + CountConfig > product.maxSets\r\n ) {\r\n let e = product.maxSets - CountInOrder;\r\n enqueueSnackbar(t(\"__general_warning_information_cant_max\"), {\r\n variant: \"warning\",\r\n });\r\n } else {\r\n if (modifyNumberProductPermited) {\r\n handleAddToOrder();\r\n } else {\r\n handleModifyLabelList();\r\n }\r\n }\r\n }}\r\n iconClass={\r\n arrayFragances.filter((a) => !a.isSaved).length > 0\r\n ? \"bagGrayIcon\"\r\n : \"bagWhiteIcon\"\r\n }\r\n textButton={t(\"btn_text_continue_shop\")}\r\n leftAling={true}\r\n ///Personalizar\r\n />\r\n )}\r\n
\r\n \r\n );\r\n};\r\n\r\nexport default withRouter(PersonalizedFragrances);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { Skeleton, Button } from \"@mui/material\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\nimport { useHistory } from \"react-router-dom\";\r\n////components\r\nimport NewLoginContainer from \"../../../login/components/NewRecord/NewLoginContainer\";\r\nimport NewRecord from \"../../../login/NewRecord\";\r\nimport AddressSection from \"../../../base/components/AddressSection\";\r\nimport CenteredModal from \"../../../base/components/CenteredModal\";\r\nimport moment from \"moment\";\r\nimport {\r\n requestCleanUserDataValidation,\r\n requestRegisterFromCheckoutReducer,\r\n requestRegistrationLoginData,\r\n requestUserDataValidation,\r\n} from \"../../../../ReduxSaga/Actions/Client\";\r\nimport { requestFirstChargeSiteReload } from \"../../../../ReduxSaga/Actions/General\";\r\n\r\nconst NewLoginStep = (props) => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n /// TRANSLATION\r\n const { t, i18n } = useTranslation();\r\n const [isLoadingEnable, setIsLoadingEnable] = useState(false);\r\n\r\n ///REDUX\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.general = useSelector((state) => state.general);\r\n appReducers.client = useSelector((state) => state.client);\r\n appReducers.cart = useSelector((state) => state.cart);\r\n appReducers.home = useSelector((state) => state.home);\r\n\r\n //React Router\r\n const history = useHistory();\r\n\r\n ////State\r\n const [tab, setTab] = useState(\"\");\r\n const [withOrder, setWithOrder] = useState(false);\r\n const [isFromLogin, setIsFromLogin] = useState(true);\r\n const [isOpenCongraModal, setIsOpenCongraModal] = useState(false);\r\n //Generales\r\n const [formData, setFormData] = useState({\r\n name: {\r\n error: false,\r\n isEmpty: true,\r\n value: \"\",\r\n },\r\n lastname: {\r\n error: false,\r\n isEmpty: true,\r\n value: \"\",\r\n },\r\n birthdate: {\r\n error: false,\r\n isEmpty: false,\r\n value: moment().subtract(18, \"years\"),\r\n },\r\n email: {\r\n error: false,\r\n isEmpty: true,\r\n value: \"\",\r\n isValid: false,\r\n },\r\n cellphone: {\r\n error: false,\r\n isEmpty: true,\r\n value: \"\",\r\n isValid: false,\r\n isSendedSMS: false,\r\n isValidSMSCode: false,\r\n smsCodeTyped: \"\",\r\n },\r\n isShipmentAddressVerified: false,\r\n isFiscalAddressVerified: false,\r\n shippStreet: {\r\n error: false,\r\n isEmpty: true,\r\n value: \"\",\r\n },\r\n shippSuite: {\r\n error: false,\r\n isEmpty: true,\r\n value: \"\",\r\n },\r\n shippCity: {\r\n error: false,\r\n isEmpty: true,\r\n value: \"\",\r\n },\r\n shippState: {\r\n error: false,\r\n isEmpty: true,\r\n value: \"\",\r\n },\r\n shippZipCode: {\r\n error: false,\r\n isEmpty: true,\r\n value: \"\",\r\n },\r\n });\r\n const [addressControl, setAddressControl] = useState({\r\n isSameAddress: true,\r\n isShippValidAddress: false,\r\n isFiscalValidAddress: false,\r\n addressSugestions: [],\r\n isOpenModalAddressSuggestion: false,\r\n selectedAddressInModalAddressSuggestion: {},\r\n });\r\n\r\n const [gender, setGender] = useState(\"F\");\r\n //// modal validation userData\r\n const [isOpenValidationDataModal, setIsOpenValidationDataModal] =\r\n useState(false);\r\n const [userDataValidationErrors, setUserDataValidationErrors] = useState([]);\r\n\r\n //Effects\r\n useEffect(() => {\r\n if (props.targetRoute === \"registration\") {\r\n setTab(\"registration\");\r\n }\r\n }, [props.targetRoute]);\r\n //USER DATA VALIDATION REQUEST EFFECT\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.client?.userDataValidationResponse !== \"undefined\"\r\n ) {\r\n if (appReducers.client.userDataValidationResponse.code === 100) {\r\n if (\r\n appReducers.client.userDataValidationResponse.validationList.length <=\r\n 0\r\n ) {\r\n //setIsOpenCongraModal(true);\r\n setIsOpenValidationDataModal(false);\r\n setUserDataValidationErrors([]);\r\n handleRegistrationLoginData();\r\n } else {\r\n setIsOpenValidationDataModal(true);\r\n setUserDataValidationErrors(\r\n appReducers.client.userDataValidationResponse.validationList\r\n );\r\n }\r\n } else {\r\n setIsOpenValidationDataModal(false);\r\n setUserDataValidationErrors([]);\r\n enqueueSnackbar(\r\n t(\"Error al validar los datos proporcionados; intenta de nuevo :)\"),\r\n { variant: \"error\" }\r\n );\r\n }\r\n dispatch(requestCleanUserDataValidation());\r\n }\r\n }, [appReducers?.client?.userDataValidationResponse]);\r\n useEffect(() => {\r\n if (typeof appReducers?.client?.newRegistrationLoginData !== \"undefined\") {\r\n const response = appReducers?.client?.newRegistrationLoginData?.response;\r\n if (response.code === 100) {\r\n console.log(\r\n \"newRegistrationLoginData\",\r\n appReducers?.client?.newRegistrationLoginData\r\n );\r\n setIsOpenCongraModal(true);\r\n\r\n ///AQUI\r\n dispatch(\r\n requestFirstChargeSiteReload(\r\n appReducers.client.newRegistrationLoginData.userData\r\n )\r\n );\r\n\r\n enqueueSnackbar(t(\"__login_New_Account_Success_Registration\"), {\r\n variant: \"success\",\r\n });\r\n // setIsOpenCongraModal(false);\r\n // history.replace(\"/home\");\r\n } else {\r\n enqueueSnackbar(response?.message, { variant: \"error\" });\r\n }\r\n dispatch(requestRegisterFromCheckoutReducer());\r\n } else {\r\n //TODO:\r\n\r\n if (\r\n typeof appReducers?.client?.errorRegistrationLoginDataResponse !==\r\n \"undefined\"\r\n ) {\r\n if (appReducers?.client?.errorRegistrationLoginDataResponse === true) {\r\n enqueueSnackbar(\r\n appReducers?.client?.newRegistrationLoginData?.response?.message,\r\n { variant: \"error\" }\r\n );\r\n }\r\n }\r\n }\r\n }, [appReducers?.client?.newRegistrationLoginData]);\r\n\r\n /// contenido\r\n function getContentOpc(tab) {\r\n switch (tab) {\r\n case \"registration\":\r\n return (\r\n \r\n {\r\n handleGetCreateRecruitmentValidation();\r\n }}\r\n >\r\n
\r\n \r\n );\r\n\r\n default:\r\n return (\r\n \r\n
\r\n \r\n {props.isLanguageLoaded ? t(\"btn_finish_register\") : \"\"}\r\n \r\n \r\n \r\n \r\n {getContentOpc(tab)}\r\n
\r\n \r\n\r\n {/* MODALS */}\r\n \r\n {displayErrorOnWebPage ? (\r\n \r\n \r\n ) : (\r\n \r\n \r\n {isLanguageLoaded ? (\r\n {\r\n document\r\n .getElementById(\"expired__session__overlay\")\r\n .classList.remove(\"active\");\r\n setIsResetSession(true);\r\n }}\r\n className=\"button--regular button--color--gold--outlined text--capitalize color--cookies border--cookies\"\r\n >\r\n {isLanguageLoaded ? t(\"__ZUsa_NavBar_OptionCart_Continue\") : \"\"}\r\n \r\n
\r\n \r\n )}\r\n \r\n );\r\n};\r\n\r\nexport default NewMembersContainer;\r\n","var _path;\nvar _excluded = [\"title\", \"titleId\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport * as React from \"react\";\nfunction SvgArrowRedLeft(_ref, svgRef) {\n var title = _ref.title,\n titleId = _ref.titleId,\n props = _objectWithoutProperties(_ref, _excluded);\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 24,\n height: 24,\n viewBox: \"0 0 24 24\",\n fill: \"none\",\n xmlns: \"http://www.w3.org/2000/svg\",\n ref: svgRef,\n \"aria-labelledby\": titleId\n }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n id: titleId\n }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M13.9999 17.6538L8.34619 12L13.9999 6.34625L15.0537 7.4L10.4537 12L15.0537 16.6L13.9999 17.6538Z\",\n fill: \"#FF0043\"\n })));\n}\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgArrowRedLeft);\nexport default __webpack_public_path__ + \"static/media/arrow_red_left.5f7e80e2.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useState, useEffect } from \"react\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\n//MUI\r\nimport { Button, Skeleton } from \"@mui/material\";\r\n//Components\r\nimport Counter from \"../../base/components/Counter\";\r\n//Actions\r\nimport {\r\n cleanCartGetGiftList,\r\n requestCartAddConfigurableGift,\r\n requestCartGetGiftList,\r\n cleanCartAddConfigurableGift,\r\n requestGetCartOrder,\r\n} from \"../../../ReduxSaga/Actions/Cart\";\r\nimport { requestGetAdmissionKits } from \"../../../ReduxSaga/Actions/Products\";\r\nimport { requestLoggUserActivity } from \"../../../ReduxSaga/Actions/General\";\r\n//Assets\r\nimport { ReactComponent as BagIcon } from \"./../../../../assets/media/images/icons/bagIconWhiteAlt.svg\";\r\nimport {\r\n capitalizeText,\r\n handleScrollToTop,\r\n} from \"../../../../Libraries/Utils/utils\";\r\n\r\nconst Gifts = ({ countGiftSelect, isLanguageLoaded }) => {\r\n //Translations\r\n const { t, i18n } = useTranslation();\r\n\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n //React Router\r\n const history = useHistory();\r\n\r\n //React Redux\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.cart = useSelector((state) => state.cart);\r\n appReducers.general = useSelector((state) => state.general);\r\n appReducers.products = useSelector((state) => state.products);\r\n\r\n //State\r\n const [giftsSelectableCount, setGiftsSelectableCount] = useState(1);\r\n const [newListSelect, setNewListSelect] = useState([]);\r\n const [countSelectTotal, setCountSelectTotal] = useState(0);\r\n const [countUnSelectTotal, setCountUnSelectTotal] = useState(0);\r\n const [currentListSelect, setCurrentListSelect] = useState([]);\r\n const [isOpenSummary, setIsOpenSummary] = useState(false);\r\n const [summaryListSelect, setSummaryListSelect] = useState([]);\r\n const [isGuest, setIsGuest] = useState(true);\r\n const [benefitType, setBenefitType] = useState(5);\r\n const [infoCartOrder, setInfoCartOrder] = useState({});\r\n const [admissionKits, setAdmissionKits] = useState([]);\r\n const [cpMemberships, setCpMemberships] = useState([]);\r\n const [selectedsCount, setSelectedsCount] = useState(0);\r\n\r\n //Effects\r\n useEffect(() => {\r\n //console.log(\"newListSelect\", newListSelect);\r\n let selecteds = [];\r\n newListSelect.forEach((item) => {\r\n item.forEach((item2) => {\r\n if (item2.selected) {\r\n selecteds.push(item2);\r\n }\r\n });\r\n });\r\n //console.log(\"selecteds\", selecteds);\r\n setSelectedsCount(selecteds.length);\r\n }, [newListSelect]);\r\n\r\n //Lista de regalos\r\n useEffect(() => {\r\n dispatch(requestCartGetGiftList());\r\n }, []);\r\n //primera carga\r\n useEffect(() => {\r\n if (typeof appReducers?.general?.errorLoadFirstCharge !== \"undefined\") {\r\n if (\r\n !appReducers.general.errorLoadFirstCharge &&\r\n typeof appReducers?.general?.firstChargeModel !== \"undefined\"\r\n ) {\r\n const { isGuestUser } = appReducers.general.firstChargeModel;\r\n setIsGuest(isGuestUser);\r\n }\r\n }\r\n }, [\r\n appReducers?.general?.errorLoadFirstCharge,\r\n appReducers?.general?.firstChargeModel,\r\n ]);\r\n //ADMISSION KITS\r\n useEffect(() => {\r\n if (appReducers?.products?.admissionKitList) {\r\n const kits = appReducers.products.admissionKitList;\r\n setAdmissionKits(\r\n kits.admissionKitList.filter(\r\n (f) =>\r\n f.typePlan === 1 && f.idLang == (i18n.language === \"es\" ? 1 : 2)\r\n )\r\n );\r\n setCpMemberships(\r\n kits.admissionKitList.filter(\r\n (f) =>\r\n f.typePlan === 2 && f.idLang == (i18n.language === \"es\" ? 1 : 2)\r\n )\r\n );\r\n } else {\r\n dispatch(requestGetAdmissionKits());\r\n }\r\n }, [appReducers?.products?.admissionKitList, i18n.language]);\r\n //orden\r\n useEffect(() => {\r\n if (typeof appReducers?.cart?.errorCartOrder !== \"undefined\") {\r\n if (\r\n appReducers?.cart?.cartOrder &&\r\n !appReducers?.cart?.errorCartOrdererrorCartOrder\r\n ) {\r\n const order = appReducers.cart.cartOrder;\r\n setInfoCartOrder(order);\r\n }\r\n }\r\n }, [appReducers?.cart?.cartOrder, appReducers?.cart?.errorCartOrder]);\r\n //Benefit type\r\n useEffect(() => {\r\n if (infoCartOrder?.hasOwnProperty(\"code\") && infoCartOrder?.code === 100) {\r\n if (infoCartOrder?.order && infoCartOrder?.order !== null) {\r\n if (infoCartOrder?.lines.length > 0 && admissionKits.length > 0) {\r\n if (\r\n infoCartOrder?.lines.find((l) =>\r\n admissionKits.find((kits) => kits.itemCode === l.line.codart)\r\n )\r\n )\r\n setBenefitType(1);\r\n else setBenefitType(5);\r\n } else if (\r\n infoCartOrder?.lines.length > 0 &&\r\n admissionKits.length > 0\r\n ) {\r\n if (\r\n infoCartOrder?.lines.find((l) =>\r\n cpMemberships.find((kits) => kits.itemCode === l.line.codart)\r\n )\r\n )\r\n setBenefitType(2);\r\n else setBenefitType(5);\r\n }\r\n }\r\n }\r\n }, [infoCartOrder, admissionKits, cpMemberships]);\r\n //lista de regalos\r\n useEffect(() => {\r\n if (\r\n appReducers?.cart?.cartGetGiftList &&\r\n !appReducers?.cart?.errorCartGetGiftList\r\n ) {\r\n //debugger;\r\n let giftList = appReducers?.cart?.cartGetGiftList;\r\n if (giftList.code === 100) {\r\n if (giftList.giftSelectable.length > 0) {\r\n let { giftSelectable } = giftList;\r\n\r\n let arrayOnlyKey = [];\r\n giftSelectable.map((item) => {\r\n item.selected = false;\r\n\r\n let key = {};\r\n\r\n key.idRegalo = item.idRegalo;\r\n key.idx = item.idx;\r\n\r\n arrayOnlyKey.push(key);\r\n });\r\n //eliminar duplicados\r\n let arrayOnlyKeyUnique = arrayOnlyKey.reduce((acc, current) => {\r\n const x = acc.find(\r\n (item) =>\r\n item.idx === current.idx && item.idRegalo === current.idRegalo\r\n );\r\n if (!x) {\r\n return acc.concat([current]);\r\n } else {\r\n return acc;\r\n }\r\n }, []);\r\n //agruparlos en un estado por el tipo\r\n let arrayFinal = [];\r\n arrayOnlyKeyUnique.map((key) => {\r\n let arrayKeyEquals = [];\r\n arrayKeyEquals = giftSelectable.filter(\r\n (item) => item.idx === key.idx && item.idRegalo === key.idRegalo\r\n );\r\n arrayFinal.push(arrayKeyEquals);\r\n });\r\n //debugger;\r\n //ordernar Array\r\n arrayFinal\r\n .map((list) => list.filter((item) => item.selected === true).length)\r\n .reduce((a, b) => a + b, 0);\r\n //debugger;\r\n //agregar el idice al array\r\n let newArr = [...arrayFinal];\r\n newArr.map((elemt, idx) => {\r\n elemt.map((item) => {\r\n item.idxNewListSelect = idx;\r\n });\r\n });\r\n //debugger;\r\n //agregar el primer array del que no se haya escojido nada\r\n let isSelected = newArr.map((elemt) =>\r\n elemt.some((x) => x.selected === true)\r\n );\r\n let idxSelected = isSelected.findIndex((x) => x === false);\r\n //debugger;\r\n setNewListSelect(newArr);\r\n //debugger;\r\n setCurrentListSelect(newArr[idxSelected]);\r\n } else {\r\n setNewListSelect([]);\r\n setCurrentListSelect({});\r\n }\r\n dispatch(cleanCartGetGiftList());\r\n //dispatch(requestGetCartOrder());\r\n }\r\n }\r\n }, [appReducers?.cart.cartGetGiftList]);\r\n useEffect(() => {\r\n if (\r\n appReducers?.cart?.cartAddConfigurableGift &&\r\n !appReducers?.cart?.errorCartAddConfigurableGift\r\n ) {\r\n // debugger;\r\n let addConfigGift = appReducers?.cart?.cartAddConfigurableGift;\r\n if (addConfigGift.code === 100) {\r\n //accion que limpie el reducer\r\n dispatch(cleanCartAddConfigurableGift());\r\n dispatch(requestGetCartOrder());\r\n if (!isGuest && benefitType > 1) {\r\n history.replace(\"/checkout\");\r\n } else {\r\n history.replace(\"/precheckout\");\r\n }\r\n\r\n enqueueSnackbar(\r\n t(\"__gifts__message__gift__configured__success_label\"),\r\n {\r\n variant: \"success\",\r\n }\r\n );\r\n }\r\n }\r\n }, [appReducers?.cart.cartAddConfigurableGift]);\r\n\r\n //Handlers\r\n const handlePostiveChange = (idx, itemCode) => {\r\n let newArr = [...newListSelect]; // copying the old datas array\r\n\r\n let newArrChilds = newArr[idx];\r\n\r\n newArrChilds.map((item) => {\r\n if (item.itemCodeGift === itemCode) {\r\n item.selected = true;\r\n } else {\r\n item.selected = false;\r\n }\r\n });\r\n setNewListSelect(newArr);\r\n\r\n //click en el (+)\r\n };\r\n const handleNegativeChange = (idx, itemCode) => {\r\n let newArr = [...newListSelect]; // copying the old datas array\r\n\r\n let newArrChilds = newArr[idx];\r\n\r\n newArrChilds.map((item) => {\r\n if (item.itemCodeGift === itemCode) {\r\n if (item.selected === true) {\r\n item.selected = false;\r\n }\r\n } else {\r\n item.selected = false;\r\n }\r\n });\r\n setNewListSelect(newArr);\r\n\r\n //click en el (-)\r\n };\r\n const handleClickAddGift = () => {\r\n //agregar el idice al array\r\n let newArr = [...newListSelect];\r\n\r\n //agregar el primer array del que no se haya escojido nada\r\n let isSelected = newArr.map((elemt) =>\r\n elemt.some((x) => x.selected === true)\r\n );\r\n let idxSelected = isSelected.findIndex((x) => x === false);\r\n //debugger;\r\n if (idxSelected >= 0) {\r\n setSummaryListSelect([]);\r\n setCurrentListSelect(newArr[idxSelected]);\r\n setIsOpenSummary(false);\r\n } else {\r\n let arrayFinalGift = [];\r\n newArr.map((listGift, idx) => {\r\n let itemSelect = listGift.find((gift) => gift.selected);\r\n arrayFinalGift.push(itemSelect);\r\n\r\n dispatch(\r\n requestLoggUserActivity(\r\n 84,\r\n 0,\r\n 0,\r\n itemSelect.itemCodeGift,\r\n \"Se Seleccino el Articulo para el Listado de regalos seleccinados. Posicion Array: \" +\r\n idx\r\n )\r\n );\r\n });\r\n setSummaryListSelect(arrayFinalGift);\r\n setCurrentListSelect([]);\r\n setIsOpenSummary(true);\r\n }\r\n //se agrego regalo correctamente\r\n enqueueSnackbar(t(\"__gifts__message__add__gift__success_label\"), {\r\n variant: \"success\",\r\n });\r\n\r\n setTimeout(() => {\r\n handleScrollToTop();\r\n }, 100);\r\n };\r\n const handleSendGiftSelected = (parameters) => {\r\n let arrayFinalGift = [];\r\n parameters.map((listGift) => {\r\n let newObjGift = {};\r\n\r\n let itemSelect = listGift.find((gift) => gift.selected);\r\n\r\n newObjGift.idx = itemSelect.idx;\r\n newObjGift.idRegalo = itemSelect.idRegalo;\r\n newObjGift.itemCode = itemSelect.itemCodeGift;\r\n\r\n arrayFinalGift.push(newObjGift);\r\n });\r\n let resp = {\r\n cartGiftDetailsParameters: arrayFinalGift,\r\n };\r\n dispatch(requestCartAddConfigurableGift(resp));\r\n\r\n dispatch(\r\n requestLoggUserActivity(\r\n 85,\r\n 0,\r\n 0,\r\n \"\",\r\n \"Se Guarda la seleccion de regalos en el servidor\"\r\n )\r\n );\r\n };\r\n\r\n return (\r\n \r\n 
\r\n {isLanguageLoaded ? (\r\n \r\n {t(\"_Zusa_NewMembers_Error_Webpage_Title\")}\r\n \r\n ) : (\r\n
\r\n \r\n {props?.match?.params?.targetRoute === \"resume\" && (\r\n
\r\n\r\n {/* SNACKBAR */}\r\n {/* \r\n 
\r\n
\r\n )}\r\n\r\n \r\n {!isPayShow ? (\r\n \r\n {\" \"}\r\n \r\n ) : (\r\n
\r\n {t(\"_Zusa_Session_Time_Experied_NewMember\")}
\r\n ) : (\r\n\r\n
\r\n ) : isOpenSummary && currentListSelect.length === 0 ? (\r\n summaryListSelect.map((item, index) => {\r\n //debugger;\r\n return (\r\n \r\n \r\n
\r\n );\r\n })}\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {`${t(\"__gifts__you__have__selected\")} ${selectedsCount} ${t(\r\n \"__gifts__of\"\r\n )} ${newListSelect.length} ${t(\"__general__gift\")}${\r\n newListSelect.length > 1 ? \"s\" : \"\"\r\n }`}\r\n \r\n ) : (\r\n
\r\n\r\n \r\n \r\n {isLanguageLoaded ? (\r\n t(\"__general__congratulations\")\r\n ) : (\r\n
\r\n\r\n {!isOpenSummary &&\r\n currentListSelect &&\r\n currentListSelect.length > 0 && (\r\n \r\n {currentListSelect[0].motiveGift === 2 ? (\r\n
\r\n )}\r\n\r\n \r\n
\r\n ) : (\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n\r\n \r\n \r\n {i18n.language === \"es\"\r\n ? currentListSelect[0].nameEs\r\n : currentListSelect[0].nameEn}\r\n \r\n
\r\n {/* \r\n \r\n 1 pz\r\n
\r\n */}\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {`$${currentListSelect[0].motiveGiftDesc} ${t(\r\n \"__gifts__amount__item__text\"\r\n )}`}\r\n \r\n ) : (\r\n
\r\n )}\r\n \r\n {!isOpenSummary &&\r\n currentListSelect &&\r\n currentListSelect.length > 0 ? (\r\n
\r\n )\r\n })\r\n */}\r\n\r\n {currentListSelect.map((item, index) => {\r\n return (\r\n \r\n \r\n {groupProduct.map((item) => {\r\n\r\n return (\r\n \r\n
\r\n );\r\n })}\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {/* Selecciona 1 producto del siguiente listado: */}\r\n {`${t(\r\n \"__gifts__list__title__part1\"\r\n )} ${giftsSelectableCount} ${t(\"__general__product\")}${\r\n giftsSelectableCount > 1 ? \"s\" : \"\"\r\n } ${t(\"__gifts__list__title__part2\")}:`}\r\n \r\n ) : (\r\n
\r\n\r\n {/*\r\n newListSelect.map((groupProduct, index) => {\r\n return (\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n {i18n.language === \"es\"\r\n ? item.nameGiftEs\r\n : item.nameGiftEn}\r\n $7.00\r\n
\r\n \r\n
\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n\r\n \r\n \r\n {i18n.language === \"es\"\r\n ? capitalizeText(item.nameGiftEs)\r\n : capitalizeText(item.nameGiftEn)}\r\n \r\n
\r\n\r\n \r\n \r\n handleNegativeChange(\r\n item.idxNewListSelect,\r\n item.itemCodeGift\r\n )\r\n }\r\n handleQtyAdd={() =>\r\n handlePostiveChange(\r\n item.idxNewListSelect,\r\n item.itemCodeGift\r\n )\r\n }\r\n />\r\n
\r\n \r\n
\r\n \r\n );\r\n })\r\n ) : (\r\n \r\n {isLanguageLoaded ? (\r\n t(\"__general__wait__while__info__loads\")\r\n ) : (\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n\r\n \r\n \r\n {i18n.language === \"es\"\r\n ? capitalizeText(item.nameGiftEs)\r\n : capitalizeText(item.nameGiftEn)}\r\n \r\n
\r\n\r\n \r\n 1 pz\r\n
\r\n \r\n
\r\n\r\n }) \r\n ) : (\r\n Espera en lo que carga la informacion Detail \r\n )\r\n } */}\r\n \r\n\r\n \r\n
\r\n \r\n {\r\n e.target.onerror = null;\r\n e.target.src =\r\n \"https://www.websizusa.net/imgprod/fullsize/sinproducto.jpg\";\r\n }}\r\n />\r\n
\r\n \r\n \r\n \r\n {\r\n i18n.language === \"es\"\r\n ? item.nameGiftEs\r\n : item.nameGiftEn\r\n }\r\n \r\n
\r\n \r\n \r\n 1 pz\r\n
\r\n \r\n {(currentListSelect.length > 0 || summaryListSelect.length > 0) && (\r\n x.selected === true)\r\n }\r\n onClick={() => {\r\n if (!isOpenSummary) {\r\n handleClickAddGift();\r\n } else {\r\n handleSendGiftSelected(newListSelect);\r\n }\r\n }}\r\n >\r\n
\r\n \r\n\r\n {/* \r\n
\r\n \r\n {!isOpenSummary\r\n ? isLanguageLoaded\r\n ? t(\"__gifts__footer__button__text\")\r\n : \"\"\r\n : isLanguageLoaded\r\n ? t(\"__gifts__footer__complete__button__text\")\r\n : \"\"}\r\n \r\n \r\n )}\r\n \r\n {(currentListSelect.length > 0 || summaryListSelect.length > 0) && (\r\n x.selected === true)\r\n }\r\n onClick={() => {\r\n if (!isOpenSummary) {\r\n handleClickAddGift();\r\n } else {\r\n handleSendGiftSelected(newListSelect);\r\n }\r\n }}\r\n >\r\n
*/}\r\n \r\n \r\n );\r\n};\r\n\r\nexport default Gifts;\r\n","import React, { useState, useEffect, Fragment } from \"react\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useHistory, withRouter } from \"react-router-dom\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\n//MUI\r\nimport { Button, Box, Typography, Skeleton } from \"@mui/material\";\r\nimport QRCode from \"react-qr-code\";\r\n//COMPONENTS\r\nimport SummaryCheckout from \"./../checkout/Components/SumaryCheckout\";\r\n///ACTIONS\r\nimport {\r\n requestGetCartClosedOrder,\r\n requestCleanCartReducer,\r\n requestGetCartOrder,\r\n cleanCartClosedOrder,\r\n} from \"./../../ReduxSaga/Actions/Cart\";\r\nimport {\r\n requestCleanAddressReducer,\r\n requestClientInformation,\r\n requestClientLogOut,\r\n requestRegisterFromCheckoutFiscalAddressReducer,\r\n requestRegisterFromCheckoutReducer,\r\n} from \"./../../ReduxSaga/Actions/Client\";\r\nimport { requestCleanPaymentReducer } from \"../../ReduxSaga/Actions/Payment\";\r\n\r\n///UTILS\r\nimport { convertNameToInitials } from \"./../../../Libraries/Utils/utils\";\r\nimport { RouterPrompt } from \"./../../../Libraries/Utils/UnsavedChangesWarningP\";\r\n////Assets\r\nimport AvatarPlaceholder from \"./../../../assets/media/images/avatarPlaceholder.jpg\";\r\nimport { ReactComponent as BoxOpenIcon } from \"./../../../assets/media/images/icons/boxOpenIcon.svg\";\r\nimport { ReactComponent as SurpriseIcon } from \"./../../../assets/media/images/icons/surpriseIcon.svg\";\r\n\r\nconst NewSummaryShoppingContainer = ({\r\n match,\r\n benefitType,\r\n guestInfoToCloseOrder,\r\n clientInfoToCloseOrder,\r\n admissionKits,\r\n cpMemberships,\r\n handleResetInfoClient,\r\n vCardWebPageEntreprenourData,\r\n isProfileImageLoaded,\r\n imageProfileUrl,\r\n isLanguageLoaded,\r\n vCardSponsorSelection,\r\n cleanVCardSponsorSelection,\r\n sponsorSelectionData,\r\n}) => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n ///REDUX\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.cart = useSelector((state) => state.cart);\r\n appReducers.general = useSelector((state) => state.general);\r\n appReducers.client = useSelector((state) => state.client);\r\n appReducers.home = useSelector((state) => state.home);\r\n /// TRANSLATION\r\n const { t, i18n } = useTranslation();\r\n const history = useHistory();\r\n\r\n /// HOOKS\r\n const [isLoadingEnabled, setIsLoadingEnabled] = useState(true);\r\n //ORDER HOOKS\r\n const [orderLines, setOrderLines] = useState([]);\r\n const [order, setOrder] = useState({});\r\n const [orderCloseType, setOrderCloseType] = useState(\"\");\r\n const [showProfileImage, setShowProfileImage] = useState(false);\r\n const [userId, setUserId] = useState(0);\r\n const [clientType, setClientType] = useState(0);\r\n const [isGuest, setIsGuest] = useState(false);\r\n const [isClickContinue, setIsClickContinue] = useState(false);\r\n const [entreprenourWebPageData, setEntreprenourWebPageData] = useState({});\r\n\r\n ///EFFECT\r\n ///EFFECT ON MATCH PARAMS FROM REACT ROUTER\r\n useEffect(() => {\r\n document.title = \"Zermat USA :: Summary\";\r\n }, []);\r\n\r\n useEffect(() => {\r\n //sessionId, benefitId\r\n\r\n if (\r\n match?.hasOwnProperty(\"params\") &&\r\n match?.params?.hasOwnProperty(\"sessionId\") &&\r\n match?.params?.hasOwnProperty(\"orderCloseType\") &&\r\n typeof appReducers?.cart?.cartClosedOrder === \"undefined\"\r\n ) {\r\n const sessionIdParam = parseInt(match.params.sessionId);\r\n setOrderCloseType(match.params.orderCloseType);\r\n dispatch(requestGetCartClosedOrder(sessionIdParam));\r\n } else {\r\n setOrderCloseType(match.params.orderCloseType);\r\n }\r\n }, [match, appReducers?.cart.cartClosedOrder]);\r\n\r\n //Effect para obtener la orden cerrada\r\n useEffect(() => {\r\n if (typeof appReducers?.cart?.errorCartClosedOrder !== \"undefined\") {\r\n enqueueSnackbar(\"\", { variant: \"error\" });\r\n } else {\r\n if (typeof appReducers?.cart?.cartClosedOrder !== \"undefined\") {\r\n const closed = appReducers.cart.cartClosedOrder;\r\n if (closed.code === 100) {\r\n setOrderLines(closed.lines);\r\n setOrder(closed.order);\r\n }\r\n }\r\n }\r\n }, [\r\n appReducers?.cart.cartClosedOrder,\r\n appReducers?.cart.errorCartClosedOrder,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (typeof appReducers?.general?.errorLoadFirstCharge !== \"undefined\") {\r\n if (!appReducers.general.errorLoadFirstCharge) {\r\n const { idUser, isGuestUser } = appReducers.general.firstChargeModel;\r\n setUserId(idUser);\r\n setIsGuest(isGuestUser);\r\n // downloadProfileImageValidation(idUser).then(\r\n // (r) => {\r\n // setShowProfileImage(true);\r\n // },\r\n // (rj) => {\r\n // setShowProfileImage(false);\r\n // }\r\n // );\r\n }\r\n }\r\n }, [\r\n appReducers.general.errorLoadFirstCharge,\r\n appReducers.general.firstChargeModel,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (order.hasOwnProperty(\"orderId\") && orderLines.length > 0) {\r\n setIsLoadingEnabled(false);\r\n }\r\n }, [order, orderLines]);\r\n\r\n ///Effect login user\r\n useEffect(() => {\r\n if (typeof appReducers?.general?.errorLoadFirstCharge !== \"undefined\") {\r\n if (!appReducers.general.errorLoadFirstCharge) {\r\n if (\r\n typeof appReducers?.client?.errorLoadClientLogedInformation !==\r\n \"undefined\" &&\r\n !appReducers.client.errorLoadClientLogedInformation\r\n ) {\r\n setClientType(\r\n parseInt(appReducers.client.clientLogedinInformation.typeUser)\r\n );\r\n } else {\r\n if (orderLines.length > 0) {\r\n if (\r\n orderLines?.find((l) =>\r\n admissionKits.find((kits) => kits.itemCode === l.line.codart)\r\n )\r\n ) {\r\n setClientType(1);\r\n } else if (\r\n orderLines?.find((l) =>\r\n cpMemberships.find((kits) => kits.itemCode === l.line.codart)\r\n )\r\n ) {\r\n setClientType(2);\r\n } else {\r\n setClientType(5);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }, [\r\n appReducers?.general.errorLoadFirstCharge,\r\n appReducers?.general.firstChargeModel,\r\n appReducers?.client.errorLoadClientLogedInformation,\r\n appReducers?.client.clientLogedinInformation,\r\n orderLines,\r\n ]);\r\n\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.home?.errorLoadEntrepenourHomeModule !== \"undefined\"\r\n ) {\r\n if (\r\n !appReducers?.home?.errorLoadEntrepenourHomeModule &&\r\n appReducers?.home?.homeEntrepenourModuleEn\r\n ) {\r\n //debugger;\r\n setEntreprenourWebPageData(appReducers?.home?.entrepenourPageInfo);\r\n }\r\n }\r\n }, [\r\n appReducers?.home.errorLoadEntrepenourHomeModule,\r\n appReducers?.home.homeEntrepenourModuleEs,\r\n appReducers?.home.homeEntrepenourModuleEn,\r\n ]);\r\n\r\n // const orderCloseType = \"guest\";\r\n // const guestInfoToCloseOrder = {\r\n // name: \"Roberta\",\r\n // lastName: \"Martinez\",\r\n // };\r\n // const clientInfoToCloseOrder = {\r\n // name: \"Roberta\",\r\n // lastName: \"Martinez\",\r\n // };\r\n\r\n ///HANDLERS\r\n // const downloadProfileImageValidation = (uId) => {\r\n // const url =\r\n // process?.env?.REACT_APP_STAGE === \"dev\"\r\n // ? `http://10.10.1.16:8082/imageProfile/image_profile${uId}.jpg?V=${Math.floor(\r\n // Math.random() * 100\r\n // )}`\r\n // : `https://www.zermatusa.com/imageProfile/image_profile${uId}.jpg?V=${Math.floor(\r\n // Math.random() * 100\r\n // )}`;\r\n // return new Promise((resolve, reject) => {\r\n // var download = new Image();\r\n // download.src = url;\r\n // download.onload = () => {\r\n // resolve(download);\r\n // };\r\n // download.onerror = function (err, msg) {\r\n // reject(\"name\");\r\n // };\r\n // });\r\n // };\r\n\r\n const handleFinishBuy = () => {\r\n dispatch(requestCleanCartReducer());\r\n dispatch(requestRegisterFromCheckoutReducer());\r\n dispatch(requestRegisterFromCheckoutFiscalAddressReducer());\r\n dispatch(requestCleanPaymentReducer());\r\n dispatch(requestCleanAddressReducer());\r\n\r\n //console.log(\"SI ENTRE, ES OTRA COSA\");\r\n //dispatch(cleanCartClosedOrder());\r\n\r\n if (clientType > 0) {\r\n if (clientType === 1) {\r\n dispatch(requestClientLogOut());\r\n if (localStorage.getItem(\"ZUsaUrlPage\")) {\r\n history.replace(`/mypage/${localStorage.getItem(\"ZUsaUrlPage\")}`);\r\n } else {\r\n history.replace(\"/home\");\r\n }\r\n cleanVCardSponsorSelection();\r\n //dispatch(requestClientLogOut());\r\n } else {\r\n if (!isGuest) dispatch(requestClientInformation());\r\n\r\n history.push(\"/categories\");\r\n }\r\n } else {\r\n dispatch(requestGetCartOrder());\r\n }\r\n if (isGuest || clientType === 1) handleResetInfoClient();\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n {!isOpenSummary\r\n ? t(\"__gifts__footer__button__text\")\r\n : t(\"__gifts__footer__complete__button__text\")}\r\n \r\n \r\n )}\r\n \r\n
\r\n {/* */}\r\n\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"shopping__payment__headers__products\")}\r\n \r\n ) : (\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n {/* */}\r\n \r\n {isLanguageLoaded ? (\r\n \r\n {t(\"shopping__payment__headers__my__gifts\")}\r\n \r\n ) : (\r\n
\r\n \r\n \r\n \r\n {isLanguageLoaded ? (\r\n {t(\"__checkout_order_new_summary_info_label\")}\r\n ) : (\r\n
\r\n \r\n \r\n \r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n <>\r\n {\" \"}\r\n ${parseFloat(order.importeii2).toFixed(2)}\r\n \r\n ) : (\r\n
\r\n \r\n \r\n {!isLoadingEnabled && isLanguageLoaded ? (\r\n
\r\n\r\n \r\n {t(\"__checkout_order_subtotal\")}\r\n
\r\n ) : (\r\n \r\n $\r\n {parseFloat(order.subtotal.toString()).toFixed(2)}\r\n
\r\n ) : (\r\n \r\n {!isLoadingEnabled && isLanguageLoaded ? (\r\n
\r\n\r\n \r\n {t(\"__checkout_order_charges\")}\r\n
\r\n ) : (\r\n \r\n ${parseFloat(order.cargos.toString()).toFixed(2)}\r\n
\r\n ) : (\r\n \r\n {!isLoadingEnabled && isLanguageLoaded ? (\r\n
\r\n \r\n {t(\"__checkout_order_taxes\")}\r\n
\r\n ) : (\r\n \r\n $\r\n {parseFloat(order.importeimp.toString()).toFixed(\r\n 2\r\n )}\r\n
\r\n ) : (\r\n \r\n {!isLoadingEnabled && isLanguageLoaded ? (\r\n
\r\n\r\n {order.importeii !== order.importeii2 &&\r\n isLanguageLoaded && (\r\n \r\n {t(\"__checkout_order_credit\")}\r\n
\r\n ) : (\r\n \r\n ${parseFloat(order.abonos.toString()).toFixed(2)}\r\n
\r\n ) : (\r\n \r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n t(\"__general__total__with__membership\")\r\n ) : (\r\n
\r\n \r\n \r\n {order.hasOwnProperty(\"orderId\") &&\r\n isLanguageLoaded ? (\r\n t(\"__general__yout__saved\")\r\n ) : (\r\n
\r\n \r\n {!isLoadingEnabled && isLanguageLoaded ? (\r\n
\r\n \r\n \r\n \r\n\r\n \r\n {t(\"__checkout_order_total\")}\r\n
\r\n ) : (\r\n \r\n $\r\n {parseFloat(order.importeii.toString()).toFixed(\r\n 2\r\n )}\r\n
\r\n ) : (\r\n \r\n \r\n
\r\n {console.log(\r\n \"entreprenourWebPageData\",\r\n entreprenourWebPageData\r\n )}\r\n \r\n {t(\"__summary__vcard__main__title\")}\r\n
\r\n\r\n \r\n
\r\n\r\n {/* \r\n {\r\n e.target.onerror = null;\r\n e.target.src = AvatarPlaceholder;\r\n }}\r\n />\r\n
\r\n \r\n {`${t(\r\n \"__summary__vcard__title__hi\"\r\n )} ${entreprenourWebPageData?.nameClient}`}\r\n \r\n {t(\"__summary__vcard__text__pt1\")}{\" \"}\r\n {orderCloseType === \"guest\"\r\n ? `${guestInfoToCloseOrder.name}`\r\n : `${clientInfoToCloseOrder.name}`}{\" \"}\r\n {t(\"__summary__vcard__text__pt2\")}\r\n \r\n {t(\"__summary__vcard__text__pt3\")}\r\n \r\n {t(\"__summary__vcard__text__pt4\")}\r\n \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n \r\n )}\r\n {vCardSponsorSelection.length > 0 &&\r\n sponsorSelectionData.hasOwnProperty(\"name\") &&\r\n isLanguageLoaded && (\r\n {entreprenourWebPageData.nameClient}
\r\nAqui el texto shingon de soy la mera mera XD.
\r\n\r\n \r\n
\r\n {console.log(\r\n \"entreprenourWebPageData\",\r\n entreprenourWebPageData\r\n )}\r\n \r\n {t(\"__summary__vcard__main__title\")}\r\n
\r\n\r\n \r\n
\r\n\r\n {/* \r\n {\r\n e.target.onerror = null;\r\n e.target.src = AvatarPlaceholder;\r\n }}\r\n />\r\n
\r\n \r\n {`${t(\r\n \"__summary__vcard__title__hi\"\r\n )} ${sponsorSelectionData?.name} ${\r\n sponsorSelectionData?.lastName\r\n }`}\r\n \r\n {t(\"__summary__vcard__text__pt1\")}{\" \"}\r\n {orderCloseType === \"guest\"\r\n ? `${guestInfoToCloseOrder.name}`\r\n : `${clientInfoToCloseOrder.name}`}{\" \"}\r\n {t(\"__summary__vcard__text__pt2\")}\r\n \r\n {t(\"__summary__vcard__text__pt3\")}\r\n \r\n {t(\"__summary__vcard__text__pt4\")}\r\n \r\n
\r\n \r\n
\r\n \r\n
*/}\r\n \r\n )}\r\n \r\n\r\n {vCardSponsorSelection.length > 0 &&\r\n sponsorSelectionData.hasOwnProperty(\"name\") &&\r\n isLanguageLoaded && (\r\n {entreprenourWebPageData.nameClient}
\r\nAqui el texto shingon de soy la mera mera XD.
\r\n\r\n \r\n {t(\"__summary__instructions__title\")}\r\n \r\n {t(\"__summary__instructions__step1\")}\r\n {t(\"__summary__instructions__step2\")}\r\n \r\n {t(\"__summary__instructions__step3\")}\r\n \r\n www.zermatbusiness.com\r\n \r\n \r\n {t(\"__summary__instructions__step4\")}\r\n
\r\n )}\r\n \r\n \r\n \r\n \r\n
\r\n {isLanguageLoaded ? t(\"btn_text_continue_shop\") : \"\"}\r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default withRouter(NewSummaryShoppingContainer);\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { Button, Link, Skeleton } from \"@mui/material\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport TextFieldComponent from \"../../base/components/TextFieldComponent\";\r\nimport Timer from \"../../base/components/Timer\";\r\n///ACTIONS\r\nimport {\r\n requestPasswordRecovery,\r\n requestValidationPasswordRecoveryCode,\r\n requestCleanPasswordRecoveryReducer,\r\n} from \"./../../../ReduxSaga/Actions/Client\";\r\nimport { requestLoggUserActivity } from \"./../../../ReduxSaga/Actions/General\";\r\n//UTILS\r\nimport {\r\n restrictToOnlyNumbers,\r\n restrictToOnlyLettersAndNumbers,\r\n regexIsEmailAddressValid,\r\n restrictToOnlyLettersForEmail,\r\n restrictToOnlyNumbersTwo,\r\n regexIsCellphoneValid,\r\n} from \"../../../../Libraries/Utils/regex\";\r\nimport { Code } from \"@mui/icons-material\";\r\n\r\nconst RecoveryPassword = ({ handleGAEvent, isLanguageLoaded }) => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n ///REDUX\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.general = useSelector((state) => state.general);\r\n appReducers.client = useSelector((state) => state.client);\r\n //// history\r\n const history = useHistory();\r\n /// traduccion\r\n const { t, i18n } = useTranslation();\r\n /// HOOKS\r\n\r\n const [stepRecoveryActive, setStepRecoveryActive] = useState(0);\r\n const [isLoadingEnable, setIsLoadingEnable] = useState(false);\r\n const [email, setEmail] = useState(\"\");\r\n const [phone, setPhone] = useState(\"\");\r\n const [isReturnActive, setIsReturnActive] = useState(false);\r\n const [sendPhone, setSendPhone] = useState(false);\r\n const [isStartCountDown, setIsStartCountDown] = useState(false);\r\n const [isCountDown, setIsCountDown] = useState(0);\r\n const [isEmailSend, setIsEmailSend] = useState(false);\r\n const [verificationCode, setVerificationCode] = useState({\r\n one: \"\",\r\n two: \"\",\r\n three: \"\",\r\n four: \"\",\r\n five: \"\",\r\n six: \"\",\r\n });\r\n const [emailCodeRequestSend, setEmailCodeRequestSend] = useState(false);\r\n const [cellPhoneCodeRequestSend, setCellPhoneCodeRequestSend] =\r\n useState(false);\r\n\r\n ///EFFECTS\r\n useEffect(() => {\r\n document.title = \"Zermat USA :: Recover Password\";\r\n }, []);\r\n //EFFECT ON REQUEST EMAIL OR CELLPHONE EVALUATION TO RECOVER PASSWORD\r\n\r\n //EFFECT ON RECOVERY PASSWORD REQUEST\r\n useEffect(() => {\r\n if (typeof appReducers?.client?.responsePasswordRecovery !== \"undefined\") {\r\n const recoveryResponse = appReducers.client.responsePasswordRecovery;\r\n if (recoveryResponse.code === 100) {\r\n if (emailCodeRequestSend) {\r\n setEmailCodeRequestSend(false);\r\n setIsEmailSend(true);\r\n setIsReturnActive(true);\r\n setIsStartCountDown(true);\r\n }\r\n if (cellPhoneCodeRequestSend) {\r\n setCellPhoneCodeRequestSend(false);\r\n setSendPhone(true);\r\n setIsReturnActive(true);\r\n setIsStartCountDown(true);\r\n }\r\n dispatch(\r\n requestLoggUserActivity(\r\n 33,\r\n 0,\r\n 0,\r\n \"\",\r\n \"Envio de Codigo Correcto. Medio: \" + emailCodeRequestSend\r\n ? \"Email\"\r\n : \"Celular\" +\r\n \" .Contacto: \" +\r\n (emailCodeRequestSend ? email : phone)\r\n )\r\n );\r\n handleGAEvent(\"User\", \"Se Envio Codigo De Recuperacion Al Usuario\");\r\n } else {\r\n const type = stepRecoveryActive === 0 ? \"Email\" : \"Numero Celular\";\r\n\r\n if (type === \"Email\") {\r\n if (recoveryResponse.code === -200) {\r\n enqueueSnackbar(t(\"__message_email_already_exists_label\"), {\r\n variant: \"warning\",\r\n });\r\n } else {\r\n enqueueSnackbar(t(\"__message_email_any_account_label\"), {\r\n variant: \"error\",\r\n });\r\n }\r\n }\r\n // else\r\n // enqueueSnackbar(t(\"__message_phone_any_account_label\"), {\r\n // variant: \"error\",\r\n // });\r\n\r\n if (type === \"Numero Celular\") {\r\n if (recoveryResponse.code === -200) {\r\n enqueueSnackbar(t(\"__message_cellphone_already_exists_label\"), {\r\n variant: \"warning\",\r\n });\r\n } else {\r\n enqueueSnackbar(t(\"__message_phone_any_account_label\"), {\r\n variant: \"error\",\r\n });\r\n }\r\n }\r\n // else\r\n // enqueueSnackbar(t(\"__message_email_any_account_label\"), {\r\n // variant: \"error\",\r\n // });\r\n }\r\n //// \\\\\\\\\r\n dispatch(requestCleanPasswordRecoveryReducer());\r\n }\r\n }, [\r\n appReducers?.client?.responsePasswordRecovery,\r\n i18n?.language,\r\n cellPhoneCodeRequestSend,\r\n emailCodeRequestSend,\r\n ]);\r\n\r\n ///EFFECT ON CODE VALIDATION REQUEST PASSWORD RECOVERY\r\n useEffect(() => {\r\n if (appReducers?.client?.userRecoveryCodeValidation) {\r\n const recoveryCodeResponse =\r\n appReducers.client.userRecoveryCodeValidation;\r\n if (recoveryCodeResponse.code == 100) {\r\n dispatch(\r\n requestLoggUserActivity(\r\n 33,\r\n 0,\r\n 0,\r\n \"\",\r\n \"Codigo de Recuperacion Correcto\"\r\n )\r\n );\r\n handleGAEvent(\r\n \"User\",\r\n \"Usuario Ingresa Codigo de Recuperacion Correcto\"\r\n );\r\n history.push(\"/reset\");\r\n } else {\r\n if (i18n.language === \"es\") {\r\n enqueueSnackbar(t(\"__message_code_invalid_label\"), {\r\n variant: \"error\",\r\n });\r\n } else {\r\n enqueueSnackbar(t(\"__message_code_invalid_label\"), {\r\n variant: \"error\",\r\n });\r\n }\r\n }\r\n }\r\n }, [appReducers?.client?.userRecoveryCodeValidation, i18n?.language]);\r\n\r\n function getContentOpc(stepRecoveryActive) {\r\n switch (stepRecoveryActive) {\r\n case 0:\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"__recovery_password_form_email\")}\r\n
\r\n \r\n {t(\"__recovery_password_subtitle_form_email\")}\r\n
\r\n \r\n
\r\n\r\n \r\n {!isEmailSend ? (\r\n setEmail(restrictToOnlyLettersForEmail(e))}\r\n />\r\n ) : (\r\n <>\r\n {\" \"}\r\n \r\n {\r\n setVerificationCode({\r\n ...verificationCode,\r\n one: restrictToOnlyLettersAndNumbers(e),\r\n });\r\n document.getElementById(\"number2\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number1\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setVerificationCode({\r\n ...verificationCode,\r\n two: restrictToOnlyLettersAndNumbers(e),\r\n });\r\n document.getElementById(\"number3\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number1\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setVerificationCode({\r\n ...verificationCode,\r\n three: restrictToOnlyLettersAndNumbers(e),\r\n });\r\n document.getElementById(\"number4\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number2\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setVerificationCode({\r\n ...verificationCode,\r\n four: restrictToOnlyLettersAndNumbers(e),\r\n });\r\n document.getElementById(\"number5\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number3\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setVerificationCode({\r\n ...verificationCode,\r\n five: restrictToOnlyLettersAndNumbers(e),\r\n });\r\n document.getElementById(\"number6\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number4\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setVerificationCode({\r\n ...verificationCode,\r\n six: restrictToOnlyLettersAndNumbers(e),\r\n });\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number5\").focus();\r\n }\r\n }}\r\n />\r\n\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n {isReturnActive && !isStartCountDown && (\r\n {\r\n setEmailCodeRequestSend(true);\r\n dispatch(requestPasswordRecovery(1, phone, email));\r\n }}\r\n >\r\n {t(\"__timer_btn_code_is_forwarded\")}\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n case 1:\r\n return (\r\n \r\n {\r\n if (isEmailSend) {\r\n const { one, two, three, four, five, six } =\r\n verificationCode;\r\n const code = `${one}${two}${three}${four}${five}${six}`;\r\n if (code.length === 6)\r\n dispatch(\r\n requestValidationPasswordRecoveryCode(\r\n code.toUpperCase()\r\n )\r\n );\r\n else {\r\n enqueueSnackbar(\r\n t(\"__message_please_write_code_complete_label\"),\r\n {\r\n variant: \"warning\",\r\n }\r\n );\r\n }\r\n } else {\r\n //value.recoveryType === \"email\" ? 1 : 2,\r\n setEmailCodeRequestSend(true);\r\n dispatch(requestPasswordRecovery(1, phone, email));\r\n }\r\n }}\r\n className=\"button__with__icon bg__dark__pink no__left__margin\"\r\n >\r\n
\r\n \r\n
\r\n \r\n {!isEmailSend\r\n ? t(\"btn_send_link\")\r\n : t(\"__message_valid_code_label\")}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"__recovery_password_form_sms\")}\r\n
\r\n \r\n {t(\"__recovery_password_subtitle_form_sms\")}\r\n
\r\n \r\n
\r\n\r\n \r\n {!sendPhone ? (\r\n 0 && !regexIsCellphoneValid(phone)\r\n ? t(\"__message_phone_invalid_code_label\")\r\n : \"\"\r\n }\r\n isActiveHelp={\r\n phone.length <= 0 || !regexIsCellphoneValid(phone)\r\n }\r\n placeholderInput=\"\"\r\n textareaEnabled={false}\r\n setValue={(e) => setPhone(restrictToOnlyNumbersTwo(e))}\r\n />\r\n ) : (\r\n <>\r\n {\" \"}\r\n \r\n {\r\n setVerificationCode({\r\n ...verificationCode,\r\n one: restrictToOnlyLettersAndNumbers(e),\r\n });\r\n document.getElementById(\"number2\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number1\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setVerificationCode({\r\n ...verificationCode,\r\n two: restrictToOnlyLettersAndNumbers(e),\r\n });\r\n document.getElementById(\"number3\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number1\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setVerificationCode({\r\n ...verificationCode,\r\n three: restrictToOnlyLettersAndNumbers(e),\r\n });\r\n document.getElementById(\"number4\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number2\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setVerificationCode({\r\n ...verificationCode,\r\n four: restrictToOnlyLettersAndNumbers(e),\r\n });\r\n document.getElementById(\"number5\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number3\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setVerificationCode({\r\n ...verificationCode,\r\n five: restrictToOnlyLettersAndNumbers(e),\r\n });\r\n document.getElementById(\"number6\").focus();\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number4\").focus();\r\n }\r\n }}\r\n />\r\n {\r\n setVerificationCode({\r\n ...verificationCode,\r\n six: restrictToOnlyLettersAndNumbers(e),\r\n });\r\n }}\r\n onKeyUp={(e) => {\r\n if (e.key === \"Backspace\") {\r\n document.getElementById(\"number5\").focus();\r\n }\r\n }}\r\n />\r\n\r\n
\r\n \r\n )}\r\n \r\n
\r\n \r\n {isReturnActive && !isStartCountDown && (\r\n {\r\n setCellPhoneCodeRequestSend(true);\r\n dispatch(requestPasswordRecovery(2, phone, email));\r\n }}\r\n >\r\n {t(\"__timer_btn_code_is_forwarded\")}\r\n \r\n )}\r\n
\r\n \r\n \r\n
\r\n \r\n );\r\n }\r\n }\r\n\r\n return (\r\n \r\n {\r\n if (sendPhone) {\r\n const { one, two, three, four, five, six } =\r\n verificationCode;\r\n const code = `${one}${two}${three}${four}${five}${six}`;\r\n if (code.length === 6)\r\n dispatch(\r\n requestValidationPasswordRecoveryCode(\r\n code.toUpperCase()\r\n )\r\n );\r\n else {\r\n enqueueSnackbar(\r\n t(\"__message_please_write_code_complete_label\"),\r\n {\r\n variant: \"warning\",\r\n }\r\n );\r\n }\r\n } else {\r\n setCellPhoneCodeRequestSend(true);\r\n dispatch(requestPasswordRecovery(2, phone, email));\r\n }\r\n }}\r\n className=\"button__with__icon bg__dark__pink no__left__margin\"\r\n >\r\n
\r\n \r\n \r\n
\r\n {t(\"btn_send_link\")}\r\n \r\n \r\n \r\n {isLanguageLoaded ? (\r\n getContentOpc(stepRecoveryActive)\r\n ) : (\r\n \r\n
\r\n )}\r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default RecoveryPassword;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useHistory } from \"react-router-dom\";\r\nimport { Button } from \"@mui/material\";\r\nimport TextFieldAndButtonComponent from \"../../base/components/TextFieldAndButtonComponent\";\r\n///UTILS\r\nimport {\r\n isStrongPassword,\r\n restrictToOnlyLettersAndNumbers,\r\n} from \"./../../../../Libraries/Utils/regex\";\r\n///ACTIONS\r\nimport { requestLoggUserActivity } from \"./../../../ReduxSaga/Actions/General\";\r\nimport {\r\n requestCleanRecoveryPasswordStates,\r\n requestResetUserPassword,\r\n} from \"./../../../ReduxSaga/Actions/Client\";\r\nconst NewResetPassword = ({ handleGAEvent }) => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n //// history\r\n const history = useHistory();\r\n ///REDUX\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.general = useSelector((state) => state.general);\r\n appReducers.client = useSelector((state) => state.client);\r\n /// traduccion\r\n const { t, i18n } = useTranslation();\r\n ///HOOKS\r\n const [clientId, setClientId] = useState(0);\r\n const [passwordFirst, setPasswordFirst] = useState(\"\");\r\n const [typeInputPassword, setTypeInputPassword] = useState(\"password\");\r\n const [passwordSecond, setPasswordSecond] = useState(\"\");\r\n const [typeInputConfirmPassword, setTypeInputConfirmPassword] =\r\n useState(\"password\");\r\n\r\n ///EFFECTS\r\n\r\n useEffect(() => {\r\n if (\r\n typeof appReducers?.client?.userRecoveryCodeValidation !== \"undefined\"\r\n ) {\r\n const recoveryCodeResponse =\r\n appReducers.client.userRecoveryCodeValidation;\r\n setClientId(recoveryCodeResponse.idClient);\r\n } else {\r\n history.replace(\"/login\");\r\n }\r\n }, [appReducers?.client?.userRecoveryCodeValidation]);\r\n\r\n ///EFFECT ON REQUEST UPDATED PASSWROD\r\n useEffect(() => {\r\n //debugger;\r\n if (appReducers?.client?.resetUserPassword) {\r\n const resetUserPassword = appReducers.client.resetUserPassword;\r\n if (resetUserPassword.code === 100) {\r\n dispatch(requestCleanRecoveryPasswordStates());\r\n dispatch(\r\n requestLoggUserActivity(33, 0, 0, \"\", \"Cambio de Passowrd Correcto\")\r\n );\r\n handleGAEvent(\"User\", \"Reseteo de password correcto\");\r\n enqueueSnackbar(t(\"__reset_password_success_message_reset\"), {\r\n variant: \"success\",\r\n });\r\n history.push(\"/login\");\r\n } else {\r\n enqueueSnackbar(t(\"__message_error_try_recovery_pass_label\"), {\r\n variant: \"error\",\r\n });\r\n }\r\n }\r\n }, [appReducers?.client?.resetUserPassword]);\r\n\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\n\r\nexport default NewResetPassword;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useSnackbar } from \"notistack\";\r\nimport { Button, Link, Skeleton, Rating } from \"@mui/material\";\r\nimport { StarBorder } from \"@mui/icons-material\";\r\nimport VariantDetailComponent from \"../products/components/VariantDetailComponent\";\r\nimport { requestGetBeautyBoxes } from \"./../../ReduxSaga/Actions/Products\";\r\nimport { useTranslation } from \"react-i18next\";\r\nimport { useDispatch, useSelector } from \"react-redux\";\r\nimport { isMobile, isTablet } from \"react-device-detect\";\r\nimport {\r\n requestCartOrderAddMembership,\r\n requestGetCartOrder,\r\n requestCleanCartReducerAddMembership,\r\n} from \"./../../ReduxSaga/Actions/Cart\";\r\nimport { requestCarCurrentOrder } from \"../../ReduxSaga/Actions/Cart\";\r\nimport {\r\n requestEntrepenourHomeModuleInfo,\r\n requestHomeModuleInfo,\r\n} from \"./../../ReduxSaga/Actions/Home\";\r\n// import {\r\n// Navigation,\r\n// Pagination,\r\n// Autoplay,\r\n// EffectCoverflow,\r\n// } from \"swiper\";\r\n// import \"swiper/swiper-bundle.css\";\r\nimport { capitalizeText, formatPrice } from \"../../../Libraries/Utils/utils\";\r\n// import LockProduct from \"../base/components/LockProduct\";\r\n\r\n// SwiperCore.use([Navigation, Pagination, Autoplay, EffectCoverflow]);\r\n// SwiperCore.use([Navigation, Pagination, Autoplay, EffectCoverflow]);\r\n\r\nconst NewFavoriteCustomerContainer = ({\r\n cpMemberships,\r\n infoCartOrder,\r\n benefitType,\r\n isLanguageLoaded,\r\n handleOpenFloatingCheckoutOnProductAdd\r\n}) => {\r\n //Notistack\r\n const { enqueueSnackbar } = useSnackbar();\r\n\r\n /// TRANSLATION\r\n const { t, i18n } = useTranslation();\r\n // REDUX\r\n const dispatch = useDispatch();\r\n const appReducers = {};\r\n appReducers.products = useSelector((state) => state.products);\r\n appReducers.home = useSelector((state) => state.home);\r\n appReducers.general = useSelector((state) => state.general);\r\n appReducers.cart = useSelector((state) => state.cart);\r\n\r\n ///HOOKS\r\n const [resourcesCPModule, setResourcesCPModule] = useState([]);\r\n const [isLoadingEnable, setIsLoadingEnable] = useState(true);\r\n // show las variantes\r\n const [showVariant, setShowVariant] = useState(false);\r\n ////// modal slide\r\n const [beautyBoxList, setBeautyBoxList] = useState([]);\r\n const [dataNotification, setDataNotification] = useState({\r\n isOpen: false,\r\n type: \"\",\r\n message: \"\",\r\n icon: \"\",\r\n });\r\n\r\n const [membershipSelected, setMembershipSelected] = useState({});\r\n\r\n //USEEFFECTS\r\n\r\n useEffect(() => {\r\n document.title = \"Zermat USA :: Preferred Client\";\r\n document.getElementById(\"firstWrapperInBaseContainer\").scrollIntoView();\r\n }, []);\r\n\r\n useEffect(() => {\r\n if (cpMemberships.length) {\r\n setIsLoadingEnable(false);\r\n if (!membershipSelected.hasOwnProperty(\"itemCode\")) {\r\n const membership = cpMemberships[0];\r\n membership.IsMembership = true;\r\n setMembershipSelected(membership);\r\n }\r\n } else {\r\n setIsLoadingEnable(true);\r\n }\r\n }, [cpMemberships, membershipSelected]);\r\n\r\n useEffect(() => {\r\n if (!showVariant && cpMemberships.length > 0) {\r\n const membership = cpMemberships[0];\r\n membership.IsMembership = true;\r\n setMembershipSelected(membership);\r\n }\r\n }, [showVariant, cpMemberships]);\r\n\r\n //EFFECT ON ORDER LINES\r\n useEffect(() => {\r\n if (infoCartOrder?.hasOwnProperty(\"code\") && infoCartOrder?.code === 100) {\r\n if (infoCartOrder?.order && infoCartOrder?.order !== null) {\r\n if (infoCartOrder?.lines.length > 0)\r\n if (\r\n infoCartOrder?.lines.filter((l) =>\r\n cpMemberships.find((cp) => cp.itemCode === l.line.codart)\r\n ).length > 0\r\n )\r\n setShowVariant(true);\r\n else setShowVariant(false);\r\n else {\r\n if (benefitType === 2) setShowVariant(true);\r\n else setShowVariant(false);\r\n }\r\n } else {\r\n if (benefitType === 2) setShowVariant(true);\r\n else setShowVariant(false);\r\n }\r\n } else {\r\n if (benefitType === 2) setShowVariant(true);\r\n else setShowVariant(false);\r\n }\r\n }, [infoCartOrder, benefitType]);\r\n\r\n useEffect(() => {\r\n if (appReducers?.products?.beautyBoxes) {\r\n const beautyBoxes = appReducers.products.beautyBoxes;\r\n setBeautyBoxList(\r\n beautyBoxes.admissionKitList.filter(\r\n (f) => f.idLang == (i18n.language === \"es\" ? 1 : 2)\r\n )\r\n );\r\n } else {\r\n dispatch(requestGetBeautyBoxes());\r\n }\r\n }, [appReducers?.products?.beautyBoxes, i18n.language]);\r\n useEffect(() => {\r\n if (appReducers?.cart?.cartAddMembership) {\r\n const respAddMemship = appReducers.cart?.cartAddMembership;\r\n if (respAddMemship.code === 100) {\r\n handleOpenFloatingCheckoutOnProductAdd();\r\n enqueueSnackbar(t(\"__message_success_product_add_cart_label\"), {\r\n variant: \"success\",\r\n });\r\n dispatch(requestGetCartOrder());\r\n } else {\r\n enqueueSnackbar(respAddMemship.message, {\r\n variant: \"error\",\r\n });\r\n }\r\n dispatch(requestCleanCartReducerAddMembership());\r\n }\r\n }, [appReducers?.cart?.cartAddMembership]);\r\n\r\n useEffect(() => {\r\n if (\r\n appReducers?.home?.preferredCustomerModuleEs &&\r\n appReducers?.home?.preferredCustomerModuleEn\r\n ) {\r\n if (i18n.language === \"es\") {\r\n //espanol\r\n setResourcesCPModule(appReducers.home.preferredCustomerModuleEs);\r\n } else {\r\n //ingles\r\n setResourcesCPModule(appReducers.home.preferredCustomerModuleEn);\r\n }\r\n } else {\r\n if (typeof appReducers?.general?.errorLoadFirstCharge !== \"undefined\") {\r\n if (!appReducers.general.errorLoadFirstCharge) {\r\n const { idPage } = appReducers.general.firstChargeModel;\r\n if (idPage > 0) {\r\n dispatch(requestEntrepenourHomeModuleInfo());\r\n } else {\r\n dispatch(requestHomeModuleInfo());\r\n }\r\n }\r\n }\r\n }\r\n }, [\r\n appReducers?.home?.preferredCustomerModuleEs,\r\n appReducers?.home?.preferredCustomerModuleEn,\r\n appReducers.general.errorLoadFirstCharge,\r\n appReducers.general.firstChargeModel,\r\n i18n.language,\r\n ]);\r\n\r\n /// HANDLERS\r\n\r\n const handleAddBeautyBox = () => {\r\n const parameters = {\r\n idPedidoDet: 1,\r\n idpromo: 1,\r\n itemCode: membershipSelected?.itemCode,\r\n opc: 0,\r\n pedidosD: [],\r\n quantity: 1,\r\n type: membershipSelected.typeLine,\r\n withAssign: 0,\r\n };\r\n dispatch(requestCarCurrentOrder(parameters));\r\n };\r\n const handleAddMembership = () => {\r\n if (benefitType !== 2)\r\n dispatch(\r\n requestCartOrderAddMembership(-1, 0, 2, 0, membershipSelected.itemCode)\r\n );\r\n else\r\n enqueueSnackbar(t(\"__message_already_membership_label\"), {\r\n variant: \"warning\",\r\n });\r\n };\r\n\r\n return (\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n {t(\"__reset_password_content_title\")}\r\n
\r\n \r\n {t(\"__reset_password_content_subtitle\")}\r\n
\r\n \r\n
\r\n \r\n = 0 &&\r\n !isStrongPassword(passwordFirst) &&\r\n t(\"__ZUsa_NavBar_OptionCart_Password_Error\")\r\n }\r\n isActiveHelp={\r\n passwordFirst.length >= 0 && !isStrongPassword(passwordFirst)\r\n }\r\n valueInput={passwordFirst}\r\n typeInput={typeInputPassword}\r\n setValue={(e) => {\r\n setPasswordFirst(restrictToOnlyLettersAndNumbers(e));\r\n }}\r\n iconClass=\"eyeRedIcon\"\r\n handleEventButton={() => {\r\n if (typeInputPassword === \"password\")\r\n setTypeInputPassword(\"text\");\r\n else setTypeInputPassword(\"password\");\r\n }}\r\n disabledButton={false}\r\n />\r\n
\r\n \r\n = 0 &&\r\n !isStrongPassword(passwordSecond)\r\n ? t(\"__ZUsa_NavBar_OptionCart_Password_Error\")\r\n : passwordFirst !== passwordSecond\r\n ? t(\r\n \"__forms_field_passwordConfirmed_NotEqual_validation_js_error_message\"\r\n )\r\n : \"\"\r\n }\r\n isActiveHelp={\r\n (passwordSecond.length >= 0 &&\r\n !isStrongPassword(passwordSecond)) ||\r\n passwordFirst !== passwordSecond\r\n }\r\n valueInput={passwordSecond}\r\n typeInput={typeInputConfirmPassword}\r\n setValue={(e) => {\r\n setPasswordSecond(restrictToOnlyLettersAndNumbers(e));\r\n }}\r\n iconClass=\"eyeRedIcon\"\r\n handleEventButton={() => {\r\n if (typeInputConfirmPassword === \"password\")\r\n setTypeInputConfirmPassword(\"text\");\r\n else setTypeInputConfirmPassword(\"password\");\r\n }}\r\n disabledButton={false}\r\n />\r\n
\r\n \r\n
\r\n \r\n {\r\n if (clientId > 0 && passwordFirst.length >= 8)\r\n dispatch(requestResetUserPassword(clientId, passwordFirst));\r\n }}\r\n className=\"button__with__icon bg__dark__pink no__left__margin\"\r\n >\r\n
\r\n \r\n \r\n
\r\n {t(\"__reset_password_btn_reset\")}\r\n \r\n - \r\n
- {t(\"__favorite_customer_item_one_header_benefit\")} \r\n
- {t(\"__favorite_customer_item_two_header_benefit\")} \r\n
- {t(\"__favorite_customer_item_three_header_benefit\")} \r\n
- {t(\"__favorite_customer_item_four_header_benefit\")} \r\n
- {t(\"__favorite_customer_item_five_header_benefit\")} \r\n
- \r\n {[0, 1, 2, 3, 4].map((item) => {\r\n return (\r\n
- \r\n {\" \"}\r\n
\r\n {isLanguageLoaded ? (\r\n t(\"__favorite_customer_program\")\r\n ) : (\r\n
\r\n - \r\n
- {t(\"__favorite_customer_program_list_one\")} \r\n
- {t(\"__favorite_customer_program_list_two\")} \r\n
- {t(\"__favorite_customer_program_list_three\")} \r\n
- \r\n {[0, 1, 2].map((item) => {\r\n return (\r\n
- \r\n {\" \"}\r\n