webmotors-cockpit-structure
Advanced tools
Comparing version 1.0.8 to 1.0.9
@@ -1,1 +0,15 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.cockpitFetchDefault=void 0;var _CockpitUtils=require('../CockpitUtils'),reducerKeyword='COCKPIT_MENU',cockpitFetchDefault=function(a,b){return(0,_CockpitUtils.dispatchGet)(reducerKeyword,b,a,'GET')};exports.cockpitFetchDefault=cockpitFetchDefault,exports.default=cockpitFetchDefault; | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.cockpitFetchDefault = undefined; | ||
var _CockpitUtils = require('../CockpitUtils'); | ||
var reducerKeyword = 'COCKPIT_MENU'; | ||
var cockpitFetchDefault = function cockpitFetchDefault(data, url) { | ||
return (0, _CockpitUtils.dispatchGet)(reducerKeyword, url, data, 'GET'); | ||
}; | ||
exports.cockpitFetchDefault = cockpitFetchDefault; | ||
exports.default = cockpitFetchDefault; |
@@ -1,1 +0,15 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.cockpitFetchDefault=void 0;var _CockpitUtils=require('../CockpitUtils'),reducerKeyword='COCKPIT_GROUP_DATA_STORE',cockpitFetchDefault=function(a,b){return(0,_CockpitUtils.dispatchGet)(reducerKeyword,b,a,'GET')};exports.cockpitFetchDefault=cockpitFetchDefault,exports.default=cockpitFetchDefault; | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.cockpitFetchDefault = undefined; | ||
var _CockpitUtils = require('../CockpitUtils'); | ||
var reducerKeyword = 'COCKPIT_GROUP_DATA_STORE'; | ||
var cockpitFetchDefault = function cockpitFetchDefault(data, url) { | ||
return (0, _CockpitUtils.dispatchGet)(reducerKeyword, url, data, 'GET'); | ||
}; | ||
exports.cockpitFetchDefault = cockpitFetchDefault; | ||
exports.default = cockpitFetchDefault; |
@@ -1,1 +0,15 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.cockpitFetchDefault=void 0;var _CockpitUtils=require('../CockpitUtils'),reducerKeyword='COCKPIT_GROUP_LIST',cockpitFetchDefault=function(a,b){return(0,_CockpitUtils.dispatchGet)(reducerKeyword,b,a,'GET')};exports.cockpitFetchDefault=cockpitFetchDefault,exports.default=cockpitFetchDefault; | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.cockpitFetchDefault = undefined; | ||
var _CockpitUtils = require('../CockpitUtils'); | ||
var reducerKeyword = 'COCKPIT_GROUP_LIST'; | ||
var cockpitFetchDefault = function cockpitFetchDefault(data, url) { | ||
return (0, _CockpitUtils.dispatchGet)(reducerKeyword, url, data, 'GET'); | ||
}; | ||
exports.cockpitFetchDefault = cockpitFetchDefault; | ||
exports.default = cockpitFetchDefault; |
@@ -1,1 +0,15 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.cockpitFetchDefault=void 0;var _CockpitUtils=require('../CockpitUtils'),reducerKeyword='COCKPIT_STORE_DATA',cockpitFetchDefault=function(a,b){return(0,_CockpitUtils.dispatchGet)(reducerKeyword,b,a,'GET')};exports.cockpitFetchDefault=cockpitFetchDefault,exports.default=cockpitFetchDefault; | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.cockpitFetchDefault = undefined; | ||
var _CockpitUtils = require('../CockpitUtils'); | ||
var reducerKeyword = 'COCKPIT_STORE_DATA'; | ||
var cockpitFetchDefault = function cockpitFetchDefault(data, url) { | ||
return (0, _CockpitUtils.dispatchGet)(reducerKeyword, url, data, 'GET'); | ||
}; | ||
exports.cockpitFetchDefault = cockpitFetchDefault; | ||
exports.default = cockpitFetchDefault; |
@@ -1,1 +0,64 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var _createClass=function(){function a(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,'value'in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),_react=require('react'),_react2=_interopRequireDefault(_react),_webmotorsSvg=require('webmotors-svg'),_webmotorsSvg2=_interopRequireDefault(_webmotorsSvg),_CockpitUtils=require('./CockpitUtils');function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError('Cannot call a class as a function')}function _possibleConstructorReturn(a,b){if(!a)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return b&&('object'==typeof b||'function'==typeof b)?b:a}function _inherits(a,b){if('function'!=typeof b&&null!==b)throw new TypeError('Super expression must either be null or a function, not '+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}var CockpitFooter=function(a){function b(){return _classCallCheck(this,b),_possibleConstructorReturn(this,(b.__proto__||Object.getPrototypeOf(b)).apply(this,arguments))}return _inherits(b,a),_createClass(b,[{key:'render',value:function a(){return _react2.default.createElement('footer',{className:'cockpit-footer'},_react2.default.createElement('div',{style:{maxWidth:(this.props.logged?_CockpitUtils.WINDOW&&window.innerWidth:1220)+'px'},className:'cockpit-footer__container'},_react2.default.createElement('div',{className:'cockpit-footer__copyright'},'\xA9 1995-'+new Date().getFullYear()+' Webmotors S.A. Todos direitos reservados.'),_react2.default.createElement('div',{className:'cockpit-footer__sign'},_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-footer__logo-webmotors',src:this.props.UrlCockpit+'/public/assets/img/brands/webmotors-2.svg'}),_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-footer__logo-santander',src:this.props.UrlCockpit+'/public/assets/img/brands/santander-financiamento.svg'}))))}}]),b}(_react.Component);exports.default=CockpitFooter; | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); | ||
var _react = require('react'); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _webmotorsSvg = require('webmotors-svg'); | ||
var _webmotorsSvg2 = _interopRequireDefault(_webmotorsSvg); | ||
var _CockpitUtils = require('./CockpitUtils'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | ||
var CockpitFooter = function (_Component) { | ||
_inherits(CockpitFooter, _Component); | ||
function CockpitFooter() { | ||
_classCallCheck(this, CockpitFooter); | ||
return _possibleConstructorReturn(this, (CockpitFooter.__proto__ || Object.getPrototypeOf(CockpitFooter)).apply(this, arguments)); | ||
} | ||
_createClass(CockpitFooter, [{ | ||
key: 'render', | ||
value: function render() { | ||
return _react2.default.createElement( | ||
'footer', | ||
{ className: 'cockpit-footer' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ style: { maxWidth: (this.props.logged ? _CockpitUtils.WINDOW && window.innerWidth : 1220) + 'px' }, className: 'cockpit-footer__container' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-footer__copyright' }, | ||
'\xA9 1995-' + new Date().getFullYear() + ' Webmotors S.A. Todos direitos reservados.' | ||
), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-footer__sign' }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-footer__logo-webmotors', src: this.props.UrlCockpit + '/public/assets/img/brands/webmotors-2.svg' }), | ||
_react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-footer__logo-santander', src: this.props.UrlCockpit + '/public/assets/img/brands/santander-financiamento.svg' }) | ||
) | ||
) | ||
); | ||
} | ||
}]); | ||
return CockpitFooter; | ||
}(_react.Component); | ||
exports.default = CockpitFooter; |
@@ -1,2 +0,410 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var _createClass=function(){function a(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,'value'in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),_react=require('react'),_react2=_interopRequireDefault(_react),_reactRouterDom=require('react-router-dom'),_webmotorsSvg=require('webmotors-svg'),_webmotorsSvg2=_interopRequireDefault(_webmotorsSvg),_CockpitModalStore=require('./CockpitModalStore'),_CockpitModalStore2=_interopRequireDefault(_CockpitModalStore),_CockpitUtils=require('./CockpitUtils'),_CockpitSass=require('./scss/CockpitSass');function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError('Cannot call a class as a function')}function _possibleConstructorReturn(a,b){if(!a)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return b&&('object'==typeof b||'function'==typeof b)?b:a}function _inherits(a,b){if('function'!=typeof b&&null!==b)throw new TypeError('Super expression must either be null or a function, not '+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}var CockpitHeader=function(a){function b(a){_classCallCheck(this,b);var c=_possibleConstructorReturn(this,(b.__proto__||Object.getPrototypeOf(b)).call(this,a));return c.state={boxOpen:!1,boxEnter:!1,modalGroupHeader:!1,userIsGroup:(0,_CockpitUtils.jwtGet)().idGrupo&&(0,_CockpitUtils.jwtGet)().role&&-1!==(0,_CockpitUtils.jwtGet)().role.indexOf('1')},c.box=(0,_react.createRef)(),c.ismounted=!1,c}return _inherits(b,a),_createClass(b,[{key:'componentDidMount',value:function a(){this.ismounted=!0,this.handlerClick(),this.handleAfterLoad()}},{key:'componentWillUnmount',value:function a(){this.ismounted=!1}},{key:'handleAfterLoad',value:function k(){var a=arguments;if(_CockpitUtils.WINDOW){var b=(0,_CockpitUtils.jwtGet)(),c=b&&b.email,e=b&&b.nameid,f=b&&b.sid,g=window,h=g.Intercom;if(g.intercomSettings={app_id:'skfddf3u',name:e,email:c,user_id:f,custom_launcher_selector:'.cockpit-header__notify',alignment:'right',created_at:Date.now(),horizontal_padding:0,vertical_padding:0},'function'==typeof h)h('reattach_activator'),h('update',g.intercomSettings);else{var j=document,d=function(){return d.c(a)},i=function(){var a=j.createElement('script');a.type='text/javascript',a.async=!0,a.src='https://widget.intercom.io/widget/skfddf3u';var b=j.getElementsByTagName('script')[0];b.parentNode.insertBefore(a,b)};// eslint-disable-next-line prefer-rest-params | ||
d.q=[],d.c=function(a){return d.q.push(a)},g.Intercom=d,'complete'===document.readyState?i():g.attachEvent?g.attachEvent('onload',i):g.addEventListener('load',i,!1)}g.Intercom('boot',{app_id:'skfddf3u',email:c,user_id:f,created_at:Date.now()}),g.intercomTimeout=g.setTimeout(function(){return g.clearInterval(g.intercomInterval)},3e4),g.intercomInterval=g.setInterval(function(){!!g.Intercom&&g.Intercom.booted&&(clearInterval(g.intercomInterval),clearTimeout(g.intercomTimeout),g.Intercom('onUnreadCountChange',function(a){var b=9>=a?a:'9+';b&&(g.document.querySelector('.cockpit-header__notifynumber').innerText=b)}))},100)}}},{key:'handlerClick',value:function b(){var a=this;_CockpitUtils.WINDOW&&window.addEventListener('click',function(){!a.state.boxEnter&&a.ismounted&&a.setState({boxOpen:!1})})}},{key:'handlerUserEnter',value:function a(){this.setState({boxEnter:!0})}},{key:'handlerUserLeave',value:function a(){this.setState({boxEnter:!1})}},{key:'handlerNavToggle',value:function b(){var a=this.state.boxOpen;this.setState({boxOpen:!a})}},{key:'handlerMobileClick',value:function b(){var a=this.state.navOpen;this.setState({navOpen:!a})}},{key:'handleGroupOpen',value:function a(){this.setState({modalGroupHeader:!0})}},{key:'handleGroupClose',value:function a(){this.setState({modalGroupHeader:!1})}},{key:'renderLogged',value:function e(){var a=this,b=(0,_CockpitUtils.jwtGet)(),c='0'!==b.idGrupo,d=b.nameid;return _react2.default.createElement('div',{style:{maxWidth:(_CockpitUtils.WINDOW&&window.innerWidth)+'px'},className:'cockpit-header cockpit-header--logged '+(this.state.navOpen?'cockpit-header--nav-open':'')},_react2.default.createElement('div',{className:'cockpit-header__home'},_react2.default.createElement('a',{href:''+this.props.UrlCockpit},_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-header__logo',src:this.props.UrlCockpit+'/public/assets/img/brands/cockpit.svg'}))),_react2.default.createElement('button',{type:'button',className:'cockpit-header__button-nav bg-transparent',"aria-hidden":'true',onClick:function b(){return a.handlerMobileClick()}},_react2.default.createElement('i',{className:'cockpit-header__button-line',"aria-hidden":'true'})),_react2.default.createElement('div',{className:'cockpit-header__tools'},_react2.default.createElement('div',{className:'cockpit-header__search'}),_react2.default.createElement('div',{className:'cockpit-header__settings'},_react2.default.createElement('button',{type:'button',className:'cockpit-header__notify bg-transparent'},_react2.default.createElement('span',{className:'cockpit-header__notifynumber'},this.state.intercomNotify),_react2.default.createElement(_webmotorsSvg2.default,{src:this.props.UrlCockpit+'/public/assets/img/icons/bell.svg'})),this.renderGroupButton(),_react2.default.createElement('div',{className:'cockpit-header__user',onMouseEnter:function b(){return a.handlerUserEnter()},onMouseLeave:function b(){return a.handlerUserLeave()}},_react2.default.createElement('button',{type:'button',className:'cockpit-header__navthumb bg-transparent',onClick:function b(){return a.handlerNavToggle()}},_react2.default.createElement('div',{className:'cockpit-header__navimage'},d&&d[0])),_react2.default.createElement('div',{className:'cockpit-header__box '+(this.state.boxOpen?'cockpit-header__box--open':''),ref:this.box},_react2.default.createElement('div',{className:'cockpit-header__person'},_react2.default.createElement('div',{className:'cockpit-header__image'},_react2.default.createElement('div',{className:'cockpit-header__navimage cockpit-header__navimage--64'},d&&d[0])),_react2.default.createElement('div',{className:'cockpit-header__info'},_react2.default.createElement('div',{className:'cockpit-header__name'},d),_react2.default.createElement('div',{className:'cockpit-header__email'},b.email))),_react2.default.createElement('nav',{className:'cockpit-header__nav'},_react2.default.createElement('ul',{className:'cockpit-header__navlist'},_react2.default.createElement('li',{className:'cockpit-header__navitem'},_react2.default.createElement(_reactRouterDom.Link,{className:'cockpit-header__navlink',to:'/usuario?id='+b.sid,onClick:function b(){return a.handlerNavToggle()}},_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-header__navicon',src:this.props.UrlCockpit+'/public/assets/img/icons/name-tag.svg'}),'Meu perfil')),c&&'0'!==(0,_CockpitUtils.jwtGet)().unique_name&&_react2.default.createElement('li',{className:'cockpit-header__navitem'},_react2.default.createElement('a',{className:'cockpit-header__navlink',href:this.props.UrlEstoque+'/perfil/dados-revenda',onClick:function b(){return a.handlerNavToggle()},target:'_blank',rel:'noopener noreferrer'},_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-header__navicon',src:this.props.UrlCockpit+'/public/assets/img/icons/marketshare.svg'}),'Dados Cadastrais')),_react2.default.createElement('li',{className:'cockpit-header__navitem'},_react2.default.createElement('a',{className:'cockpit-header__navlink',href:this.props.UrlCockpit+'/logout',onClick:function b(){return a.handlerNavToggle()}},_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-header__navicon',src:this.props.UrlCockpit+'/public/assets/img/icons/exit.svg'}),'Sair')))))))))}},{key:'renderStoreName',value:function d(){var a=(0,_CockpitUtils.jwtGet)(),b=a.nomeGrupo,c=(0,_CockpitUtils.cookieGet)('CockpitStoreName');return _react2.default.createElement('div',{className:'cockpit-header__group-align'},_react2.default.createElement('div',{className:'cockpit-header__group-name',dangerouslySetInnerHTML:{__html:b}}),_react2.default.createElement('div',{className:'cockpit-header__group-store'},c||'Todas as lojas'))}},{key:'renderGroupButton',value:function c(){var a=this,b=this.state.userIsGroup;return b&&_react2.default.createElement(_react.Fragment,null,_react2.default.createElement('button',{className:'cockpit-header__group bg-transparent',type:'button',onClick:function b(){return a.handleGroupOpen()}},_react2.default.createElement(_webmotorsSvg2.default,{src:this.props.UrlCockpit+'/public/assets/img/icons/pin-map.svg'}),_react2.default.createElement('div',{className:'cockpit-header__groupinfo'},_react2.default.createElement('div',{className:'cockpit-header__groupstore'},this.renderStoreName())),_react2.default.createElement('i',{className:'cockpit-header__icon-toggle',"aria-hidden":'true'})),this.state.modalGroupHeader&&_react2.default.createElement(_CockpitModalStore2.default,{ApiCockpit:this.props.ApiCockpit,classZIndex:'.cockpit-header',onClose:function b(){return a.handleGroupClose()}}))}},{key:'render',value:function a(){return _react2.default.createElement(_react.Fragment,null,_react2.default.createElement('style',null,_CockpitSass.CockpitStyle),this.props.logged?this.renderLogged():_react2.default.createElement('div',{className:'cockpit-header container'},_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-header__logo',src:this.props.UrlCockpit+'/public/assets/img/brands/cockpit.svg'}),_react2.default.createElement('div',{className:'cockpit-header__phrase'},'Voc\xEA no comando do seu neg\xF3cio')))}}]),b}(_react.Component);exports.default=CockpitHeader; | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); | ||
var _react = require('react'); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _reactRouterDom = require('react-router-dom'); | ||
var _webmotorsSvg = require('webmotors-svg'); | ||
var _webmotorsSvg2 = _interopRequireDefault(_webmotorsSvg); | ||
var _CockpitModalStore = require('./CockpitModalStore'); | ||
var _CockpitModalStore2 = _interopRequireDefault(_CockpitModalStore); | ||
var _CockpitUtils = require('./CockpitUtils'); | ||
var _CockpitSass = require('./scss/CockpitSass'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | ||
var CockpitHeader = function (_Component) { | ||
_inherits(CockpitHeader, _Component); | ||
function CockpitHeader(props) { | ||
_classCallCheck(this, CockpitHeader); | ||
var _this = _possibleConstructorReturn(this, (CockpitHeader.__proto__ || Object.getPrototypeOf(CockpitHeader)).call(this, props)); | ||
_this.state = { | ||
boxOpen: false, | ||
boxEnter: false, | ||
modalGroupHeader: false, | ||
userIsGroup: (0, _CockpitUtils.jwtGet)().idGrupo && (0, _CockpitUtils.jwtGet)().role && (0, _CockpitUtils.jwtGet)().role.indexOf('1') !== -1 | ||
}; | ||
_this.box = (0, _react.createRef)(); | ||
_this.ismounted = false; | ||
return _this; | ||
} | ||
_createClass(CockpitHeader, [{ | ||
key: 'componentDidMount', | ||
value: function componentDidMount() { | ||
this.ismounted = true; | ||
this.handlerClick(); | ||
this.handleAfterLoad(); | ||
} | ||
}, { | ||
key: 'componentWillUnmount', | ||
value: function componentWillUnmount() { | ||
this.ismounted = false; | ||
} | ||
}, { | ||
key: 'handleAfterLoad', | ||
value: function handleAfterLoad() { | ||
var _arguments = arguments, | ||
_this2 = this; | ||
if (_CockpitUtils.WINDOW) { | ||
var user = (0, _CockpitUtils.jwtGet)(); | ||
var appId = 'skfddf3u'; | ||
var userEmail = user && user.email; | ||
var userName = user && user.nameid; | ||
var userId = user && user.sid; | ||
var w = window; | ||
var ic = w.Intercom; | ||
w.intercomSettings = { | ||
app_id: appId, | ||
name: userName, | ||
email: userEmail, | ||
user_id: userId, | ||
custom_launcher_selector: '.cockpit-header__notify', | ||
alignment: 'right', | ||
created_at: Date.now(), | ||
horizontal_padding: 0, | ||
vertical_padding: 0 | ||
}; | ||
if (typeof ic === 'function') { | ||
ic('reattach_activator'); | ||
ic('update', w.intercomSettings); | ||
} else { | ||
var d = document; | ||
// eslint-disable-next-line prefer-rest-params | ||
var i = function i() { | ||
return i.c(_arguments); | ||
}; | ||
var l = function l() { | ||
var s = d.createElement('script'); | ||
s.type = 'text/javascript'; | ||
s.async = true; | ||
s.src = 'https://widget.intercom.io/widget/' + appId; | ||
var x = d.getElementsByTagName('script')[0]; | ||
x.parentNode.insertBefore(s, x); | ||
}; | ||
i.q = []; | ||
i.c = function (args) { | ||
return i.q.push(args); | ||
}; | ||
w.Intercom = i; | ||
if (document.readyState === 'complete') { | ||
l(); | ||
} else if (w.attachEvent) { | ||
w.attachEvent('onload', l); | ||
} else { | ||
w.addEventListener('load', l, false); | ||
} | ||
} | ||
w.Intercom('boot', { | ||
app_id: appId, | ||
email: userEmail, | ||
user_id: userId, | ||
created_at: Date.now() | ||
}); | ||
w.intercomTimeout = w.setTimeout(function () { | ||
return w.clearInterval(w.intercomInterval); | ||
}, 30000); | ||
w.intercomInterval = w.setInterval(function () { | ||
if (!!w.Intercom && w.Intercom.booted && _this2.props.logged) { | ||
clearInterval(w.intercomInterval); | ||
clearTimeout(w.intercomTimeout); | ||
w.Intercom('onUnreadCountChange', function (unreadCount) { | ||
var count = unreadCount <= 9 ? unreadCount : '9+'; | ||
if (count) { | ||
w.document.querySelector('.cockpit-header__notifynumber').innerText = count; | ||
} | ||
}); | ||
} | ||
}, 100); | ||
} | ||
} | ||
}, { | ||
key: 'handlerClick', | ||
value: function handlerClick() { | ||
var _this3 = this; | ||
if (_CockpitUtils.WINDOW) { | ||
window.addEventListener('click', function () { | ||
if (!_this3.state.boxEnter && _this3.ismounted) { | ||
_this3.setState({ boxOpen: false }); | ||
} | ||
}); | ||
} | ||
} | ||
}, { | ||
key: 'handlerUserEnter', | ||
value: function handlerUserEnter() { | ||
this.setState({ boxEnter: true }); | ||
} | ||
}, { | ||
key: 'handlerUserLeave', | ||
value: function handlerUserLeave() { | ||
this.setState({ boxEnter: false }); | ||
} | ||
}, { | ||
key: 'handlerNavToggle', | ||
value: function handlerNavToggle() { | ||
var open = this.state.boxOpen; | ||
this.setState({ boxOpen: !open }); | ||
} | ||
}, { | ||
key: 'handlerMobileClick', | ||
value: function handlerMobileClick() { | ||
var navOpen = this.state.navOpen; | ||
this.setState({ navOpen: !navOpen }); | ||
} | ||
}, { | ||
key: 'handleGroupOpen', | ||
value: function handleGroupOpen() { | ||
this.setState({ modalGroupHeader: true }); | ||
} | ||
}, { | ||
key: 'handleGroupClose', | ||
value: function handleGroupClose() { | ||
this.setState({ modalGroupHeader: false }); | ||
} | ||
}, { | ||
key: 'renderLogged', | ||
value: function renderLogged() { | ||
var _this4 = this; | ||
var user = (0, _CockpitUtils.jwtGet)(); | ||
var groupUserStore = user.idGrupo !== '0'; | ||
var name = user.nameid; | ||
return _react2.default.createElement( | ||
'div', | ||
{ style: { maxWidth: (_CockpitUtils.WINDOW && window.innerWidth) + 'px' }, className: 'cockpit-header cockpit-header--logged ' + (this.state.navOpen ? 'cockpit-header--nav-open' : '') }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__home' }, | ||
_react2.default.createElement( | ||
'a', | ||
{ href: '' + this.props.UrlCockpit }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-header__logo', src: this.props.UrlCockpit + '/public/assets/img/brands/cockpit.svg' }) | ||
) | ||
), | ||
_react2.default.createElement( | ||
'button', | ||
{ type: 'button', className: 'cockpit-header__button-nav bg-transparent', 'aria-hidden': 'true', onClick: function onClick() { | ||
return _this4.handlerMobileClick(); | ||
} }, | ||
_react2.default.createElement('i', { className: 'cockpit-header__button-line', 'aria-hidden': 'true' }) | ||
), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__tools' }, | ||
_react2.default.createElement('div', { className: 'cockpit-header__search' }), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__settings' }, | ||
_react2.default.createElement( | ||
'button', | ||
{ type: 'button', className: 'cockpit-header__notify bg-transparent' }, | ||
_react2.default.createElement( | ||
'span', | ||
{ className: 'cockpit-header__notifynumber' }, | ||
this.state.intercomNotify | ||
), | ||
_react2.default.createElement(_webmotorsSvg2.default, { src: this.props.UrlCockpit + '/public/assets/img/icons/bell.svg' }) | ||
), | ||
this.renderGroupButton(), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__user', onMouseEnter: function onMouseEnter() { | ||
return _this4.handlerUserEnter(); | ||
}, onMouseLeave: function onMouseLeave() { | ||
return _this4.handlerUserLeave(); | ||
} }, | ||
_react2.default.createElement( | ||
'button', | ||
{ type: 'button', className: 'cockpit-header__navthumb bg-transparent', onClick: function onClick() { | ||
return _this4.handlerNavToggle(); | ||
} }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__navimage' }, | ||
name && name[0] | ||
) | ||
), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__box ' + (this.state.boxOpen ? 'cockpit-header__box--open' : ''), ref: this.box }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__person' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__image' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__navimage cockpit-header__navimage--64' }, | ||
name && name[0] | ||
) | ||
), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__info' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__name' }, | ||
name | ||
), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__email' }, | ||
user.email | ||
) | ||
) | ||
), | ||
_react2.default.createElement( | ||
'nav', | ||
{ className: 'cockpit-header__nav' }, | ||
_react2.default.createElement( | ||
'ul', | ||
{ className: 'cockpit-header__navlist' }, | ||
_react2.default.createElement( | ||
'li', | ||
{ className: 'cockpit-header__navitem' }, | ||
_react2.default.createElement( | ||
_reactRouterDom.Link, | ||
{ className: 'cockpit-header__navlink', to: '/usuario?id=' + user.sid, onClick: function onClick() { | ||
return _this4.handlerNavToggle(); | ||
} }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-header__navicon', src: this.props.UrlCockpit + '/public/assets/img/icons/name-tag.svg' }), | ||
'Meu perfil' | ||
) | ||
), | ||
groupUserStore && (0, _CockpitUtils.jwtGet)().unique_name !== '0' && _react2.default.createElement( | ||
'li', | ||
{ className: 'cockpit-header__navitem' }, | ||
_react2.default.createElement( | ||
'a', | ||
{ className: 'cockpit-header__navlink', href: this.props.UrlEstoque + '/perfil/dados-revenda', onClick: function onClick() { | ||
return _this4.handlerNavToggle(); | ||
}, target: '_blank', rel: 'noopener noreferrer' }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-header__navicon', src: this.props.UrlCockpit + '/public/assets/img/icons/marketshare.svg' }), | ||
'Dados Cadastrais' | ||
) | ||
), | ||
_react2.default.createElement( | ||
'li', | ||
{ className: 'cockpit-header__navitem' }, | ||
_react2.default.createElement( | ||
'a', | ||
{ className: 'cockpit-header__navlink', href: this.props.UrlCockpit + '/logout', onClick: function onClick() { | ||
return _this4.handlerNavToggle(); | ||
} }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-header__navicon', src: this.props.UrlCockpit + '/public/assets/img/icons/exit.svg' }), | ||
'Sair' | ||
) | ||
) | ||
) | ||
) | ||
) | ||
) | ||
) | ||
) | ||
); | ||
} | ||
}, { | ||
key: 'renderStoreName', | ||
value: function renderStoreName() { | ||
var user = (0, _CockpitUtils.jwtGet)(); | ||
var group = user.nomeGrupo; | ||
var name = (0, _CockpitUtils.cookieGet)('CockpitStoreName'); | ||
return _react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__group-align' }, | ||
_react2.default.createElement('div', { className: 'cockpit-header__group-name', dangerouslySetInnerHTML: { __html: group } }), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__group-store' }, | ||
name || 'Todas as lojas' | ||
) | ||
); | ||
} | ||
}, { | ||
key: 'renderGroupButton', | ||
value: function renderGroupButton() { | ||
var _this5 = this; | ||
var userIsGroup = this.state.userIsGroup; | ||
return userIsGroup && _react2.default.createElement( | ||
_react.Fragment, | ||
null, | ||
_react2.default.createElement( | ||
'button', | ||
{ className: 'cockpit-header__group bg-transparent', type: 'button', onClick: function onClick() { | ||
return _this5.handleGroupOpen(); | ||
} }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { src: this.props.UrlCockpit + '/public/assets/img/icons/pin-map.svg' }), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__groupinfo' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__groupstore' }, | ||
this.renderStoreName() | ||
) | ||
), | ||
_react2.default.createElement('i', { className: 'cockpit-header__icon-toggle', 'aria-hidden': 'true' }) | ||
), | ||
this.state.modalGroupHeader && _react2.default.createElement(_CockpitModalStore2.default, { ApiCockpit: this.props.ApiCockpit, classZIndex: '.cockpit-header', onClose: function onClose() { | ||
return _this5.handleGroupClose(); | ||
} }) | ||
); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
return _react2.default.createElement( | ||
_react.Fragment, | ||
null, | ||
_react2.default.createElement( | ||
'style', | ||
null, | ||
_CockpitSass.CockpitStyle | ||
), | ||
this.props.logged ? this.renderLogged() : _react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header container' }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-header__logo', src: this.props.UrlCockpit + '/public/assets/img/brands/cockpit.svg' }), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__phrase' }, | ||
'Voc\xEA no comando do seu neg\xF3cio' | ||
) | ||
) | ||
); | ||
} | ||
}]); | ||
return CockpitHeader; | ||
}(_react.Component); | ||
exports.default = CockpitHeader; |
@@ -1,1 +0,56 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var _createClass=function(){function a(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,'value'in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),_react=require('react'),_react2=_interopRequireDefault(_react),_webmotorsSvg=require('webmotors-svg'),_webmotorsSvg2=_interopRequireDefault(_webmotorsSvg);function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError('Cannot call a class as a function')}function _possibleConstructorReturn(a,b){if(!a)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return b&&('object'==typeof b||'function'==typeof b)?b:a}function _inherits(a,b){if('function'!=typeof b&&null!==b)throw new TypeError('Super expression must either be null or a function, not '+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}var CockpitLoad=function(a){function b(a){_classCallCheck(this,b);var c=_possibleConstructorReturn(this,(b.__proto__||Object.getPrototypeOf(b)).call(this,a));return c.state={},c}return _inherits(b,a),_createClass(b,[{key:'render',value:function a(){return _react2.default.createElement('div',{className:'cockpit-load'},_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-load__icon',src:this.props.UrlCockpit+'/public/assets/img/brands/webmotors-2-icon.svg'}),_react2.default.createElement('div',{className:'cockpit-load__text'},this.props.text||'Carregando...'))}}]),b}(_react.Component);exports.default=CockpitLoad; | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); | ||
var _react = require('react'); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _webmotorsSvg = require('webmotors-svg'); | ||
var _webmotorsSvg2 = _interopRequireDefault(_webmotorsSvg); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | ||
var CockpitLoad = function (_Component) { | ||
_inherits(CockpitLoad, _Component); | ||
function CockpitLoad(props) { | ||
_classCallCheck(this, CockpitLoad); | ||
var _this = _possibleConstructorReturn(this, (CockpitLoad.__proto__ || Object.getPrototypeOf(CockpitLoad)).call(this, props)); | ||
_this.state = {}; | ||
return _this; | ||
} | ||
_createClass(CockpitLoad, [{ | ||
key: 'render', | ||
value: function render() { | ||
return _react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-load' }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-load__icon', src: this.props.UrlCockpit + '/public/assets/img/brands/webmotors-2-icon.svg' }), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-load__text' }, | ||
this.props.text || 'Carregando...' | ||
) | ||
); | ||
} | ||
}]); | ||
return CockpitLoad; | ||
}(_react.Component); | ||
exports.default = CockpitLoad; |
@@ -1,1 +0,368 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var _createClass=function(){function a(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,'value'in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),_react=require('react'),_react2=_interopRequireDefault(_react),_reactRouterDom=require('react-router-dom'),_webmotorsSvg=require('webmotors-svg'),_webmotorsSvg2=_interopRequireDefault(_webmotorsSvg),_AppMenu=require('./api/AppMenu'),_CockpitUtils=require('./CockpitUtils'),_CockpitModalStore=require('./CockpitModalStore'),_CockpitModalStore2=_interopRequireDefault(_CockpitModalStore);function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _toConsumableArray(a){if(Array.isArray(a)){for(var b=0,c=Array(a.length);b<a.length;b++)c[b]=a[b];return c}return Array.from(a)}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError('Cannot call a class as a function')}function _possibleConstructorReturn(a,b){if(!a)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return b&&('object'==typeof b||'function'==typeof b)?b:a}function _inherits(a,b){if('function'!=typeof b&&null!==b)throw new TypeError('Super expression must either be null or a function, not '+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}var CockpitMenu=function(a){function b(a){_classCallCheck(this,b);var c=_possibleConstructorReturn(this,(b.__proto__||Object.getPrototypeOf(b)).call(this,a));return c.dash=(0,_react.createRef)(),c.state={},c}return _inherits(b,a),_createClass(b,[{key:'componentDidMount',value:function a(){this.getMenuList()}},{key:'getMenuList',value:function c(){var a=this,b=(0,_CockpitUtils.cookieGet)('CockpitMenu');b?this.setState({dataCockpitMenu:JSON.parse(b)},function(){a.renderLinebar()}):this.props.dispatch((0,_AppMenu.cockpitFetchDefault)({},this.props.ApiCockpit+'/Menu')).then(function(b){var c=b.payload,d=c.data;d&&(d.unshift({menu:'In\xEDcio',url:a.props.UrlCockpit,icone:a.props.UrlCockpit+'/public/assets/img/icons/product-inicio.svg',tagueamento:null,subMenu:[]}),d.push({menu:'Cockpit',url:a.props.UrlCockpit,icone:a.props.UrlCockpit+'/public/assets/img/icons/product-cockpit.svg',tagueamento:null,subMenu:[{menu:'Fatura',url:a.props.UrlCockpit+'/meu-plano/fatura',icone:'',tagueamento:null,subMenu:[]},{menu:'Meu plano',url:a.props.UrlCockpit+'/manage',icone:'',tagueamento:null,subMenu:[{menu:'Extrato de leads',url:a.props.UrlEstoque+'/meu-plano/extrato-leads?status=0&origem=0&id_fatura=0&tipo=resumo',icone:'',tagueamento:null,subMenu:[]}]},{menu:'Termos de ades\xE3o',url:a.props.UrlEstoque+'/meu-plano/alterar-plano',icone:'',tagueamento:null,subMenu:[]},{menu:'Usu\xE1rios',url:a.props.UrlCockpit+'/usuario/listagem/ativo',icone:'',tagueamento:null,subMenu:[]},{menu:'Ajuda',url:'https://intercom.help/cockpit',icone:'',tagueamento:null,subMenu:[]}]})),a.setState({dataCockpitMenu:c},function(){c.success&&((0,_CockpitUtils.cookieSet)('CockpitMenu',JSON.stringify(c)),a.renderLinebar())})})}},{key:'handlerMouseEnter',value:function b(a){this.handleResizeLinebar(a.target)}},{key:'handlerMouseLeave',value:function b(){var a=document.querySelector('.cockpit-menu__link--active');if(a){var c=a.getBoundingClientRect();this.dash.current.style.transform='translateY('+a.offsetTop+'px)',this.dash.current.style.height=c.height+'px'}}},{key:'handleClick',value:function f(a){var b=void 0,c=a.target,d=c.nextElementSibling;if(!d)c.classList.add('cockpit-menu__link--active');else if(c.classList.add('cockpit-menu__link--active'),b=d.classList.contains('cockpit-menu__sublist--active'),[].concat(_toConsumableArray(document.querySelectorAll('.cockpit-menu__sublist--active'))).forEach(function(a){var b=a;b.classList.remove('cockpit-menu__sublist--active'),b.style.height='0px'}),!b){[].concat(_toConsumableArray(document.querySelectorAll('.cockpit-menu__link--active'))).forEach(function(a){return a.classList.remove('cockpit-menu__link--active')}),d.style.height='auto';var e=d.clientHeight;d.style.height='0px',setTimeout(function(){d.style.height=e+16+'px',d.classList.add('cockpit-menu__sublist--active')},10)}else d.style.height='0px'}},{key:'handleModalOpen',value:function b(a){this.setState({modalGroupMenu:!0,webModalRedirect:a.url})}},{key:'handleModalClose',value:function a(){this.setState({modalGroupMenu:!1})}},{key:'handleResizeLinebar',value:function b(a){this.dash.current.style.transform='translateY('+a.offsetTop+'px)',this.dash.current.style.height=a.clientHeight+'px'}},{key:'renderLinebar',value:function b(){var a=this;_CockpitUtils.WINDOW&&[].concat(_toConsumableArray(document.querySelectorAll('.cockpit-menu__link'))).forEach(function(b){if(b.href===''+window.location.origin+window.location.pathname){var d=b.closest('.cockpit-menu__sublist');if(d){d.classList.add('cockpit-menu__sublist--active'),d.style.height='auto';var c=d.clientHeight;d.style.height=c+16+'px'}a.handleResizeLinebar(b),b.classList.add('cockpit-menu__link--active')}})}},{key:'renderMenuSubmenu',value:function c(a){var b=this;return _react2.default.createElement(_react.Fragment,null,this.renderMenuLink(a),_react2.default.createElement('ul',{className:'cockpit-menu__sublist'},a.subMenu.map(function(c){return _react2.default.createElement('li',{key:a.menu+'_'+c.menu,className:'cockpit-menu__subitem',role:'menuitem'},b.renderMenuLink(c))})))}},{key:'renderMenuList',value:function c(a){var b=this;return a.map(function(a){var c=a.subMenu.length?'#':a.url;return /autoguru\.webmotors/.test(c)&&(c=''+c+(0,_CockpitUtils.jwtGet)().v2),/gb\.webmotors/.test(c)&&(c=''+c+(0,_CockpitUtils.cookieGet)('CockpitLogged')),_react2.default.createElement('li',{key:a.menu+'_'+c,className:'cockpit-menu__item',role:'menuitem'},a.subMenu.length?b.renderMenuSubmenu(a):b.renderMenuLink(a))})}},{key:'renderMenuLink',value:function g(a){var b=this,c=(0,_CockpitUtils.jwtGet)(),d=_CockpitUtils.WINDOW&&new RegExp('^'+this.props.UrlCockpit).test(a.url)&&new RegExp(''+this.props.UrlCockpit).test(window.location.origin),e='0'===c.unique_name&&'0'!==c.idGrupo&&d&&!/intercom\.help/.test(a.url)&&this.props.UrlCockpit!==a.url,f=a.subMenu.length;if(f)return e?this.renderMenuModal(a):_react2.default.createElement('a',{className:'cockpit-menu__link',href:a.url,onMouseEnter:function c(a){return b.handlerMouseEnter(a)},onClick:function c(a){a.preventDefault(),b.handleClick(a)}},a.icone&&_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-menu__icon',src:a.icone}),a.menu);if(d){var h=a.url.replace(this.props.UrlCockpit,'');return e?this.renderMenuModal(a):_react2.default.createElement(_reactRouterDom.Link,{className:'cockpit-menu__link',to:h,onMouseEnter:function c(a){return b.handlerMouseEnter(a)},onClick:function c(a){return b.handleClick(a)}},a.icone&&_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-menu__icon',src:a.icone}),a.menu)}return e?this.renderMenuModal(a):_react2.default.createElement('a',{className:'cockpit-menu__link',href:a.url,onMouseEnter:function c(a){return b.handlerMouseEnter(a)},target:/(estoque|autoguru|gb)\.webmotors|intercom\.help|\/universidade$/.test(a.url)?'_blank':'_self',rel:'noopener noreferrer',onClick:function c(a){return b.handleClick(a)}},a.icone&&_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-menu__icon',src:a.icone}),a.menu)}},{key:'renderMenuModal',value:function c(a){var b=this;return _react2.default.createElement('a',{className:'cockpit-menu__link',href:a.url,onMouseEnter:function c(a){return b.handlerMouseEnter(a)},onClick:function d(c){c.preventDefault(),b.handleClick(c),b.handleModalOpen(a)}},a.menu)}},{key:'renderMenu',value:function d(){var a=this.state.dataCockpitMenu;if(a){if(a.errors)return _react2.default.createElement('div',{className:'cockpit-menu__error'},_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-menu__error-icon',src:this.props.UrlCockpit+'/public/assets/img/icons/barrier.svg'}),a.errors);var b=a.data.filter(function(a){return!/^cockpit$/i.test(a.menu)}),c=a.data.filter(function(a){return /^cockpit$/i.test(a.menu)});return _react2.default.createElement(_react.Fragment,null,!!b.length&&_react2.default.createElement('ul',{className:'cockpit-menu__list'},this.renderMenuList(b)),!!(c[0]&&c[0].subMenu.length)&&_react2.default.createElement('ul',{className:'cockpit-menu__list'},this.renderMenuList(c[0].subMenu)))}return _react2.default.createElement('div',{className:'load'})}},{key:'render',value:function b(){var a=this;return _react2.default.createElement('nav',{className:'cockpit-menu',onMouseLeave:function b(){return a.handlerMouseLeave()}},_react2.default.createElement('div',{className:'cockpit-menu__menu'},_react2.default.createElement('span',{className:'cockpit-menu__dash',"aria-hidden":'true',ref:this.dash}),this.renderMenu(),this.state.modalGroupMenu&&_react2.default.createElement(_CockpitModalStore2.default,{ApiCockpit:this.props.ApiCockpit,urlRedirect:this.state.webModalRedirect,stateToggle:'modalGroupMenu',onClose:function b(){return a.handleModalClose()}})))}}]),b}(_react.Component);exports.default=CockpitMenu; | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); | ||
var _react = require('react'); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _reactRedux = require('react-redux'); | ||
var _reactRouterDom = require('react-router-dom'); | ||
var _webmotorsSvg = require('webmotors-svg'); | ||
var _webmotorsSvg2 = _interopRequireDefault(_webmotorsSvg); | ||
var _AppMenu = require('./api/AppMenu'); | ||
var _CockpitUtils = require('./CockpitUtils'); | ||
var _CockpitModalStore = require('./CockpitModalStore'); | ||
var _CockpitModalStore2 = _interopRequireDefault(_CockpitModalStore); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | ||
var CockpitMenu = function (_Component) { | ||
_inherits(CockpitMenu, _Component); | ||
function CockpitMenu(props) { | ||
_classCallCheck(this, CockpitMenu); | ||
var _this = _possibleConstructorReturn(this, (CockpitMenu.__proto__ || Object.getPrototypeOf(CockpitMenu)).call(this, props)); | ||
_this.dash = (0, _react.createRef)(); | ||
_this.state = {}; | ||
return _this; | ||
} | ||
_createClass(CockpitMenu, [{ | ||
key: 'componentDidMount', | ||
value: function componentDidMount() { | ||
this.getMenuList(); | ||
} | ||
}, { | ||
key: 'getMenuList', | ||
value: function getMenuList() { | ||
var _this2 = this; | ||
var menuCookie = (0, _CockpitUtils.cookieGet)('CockpitMenu'); | ||
if (menuCookie) { | ||
this.setState({ dataCockpitMenu: JSON.parse(menuCookie) }, function () { | ||
_this2.renderLinebar(); | ||
}); | ||
} else { | ||
this.props.dispatch((0, _AppMenu.cockpitFetchDefault)({}, this.props.ApiCockpit + '/Menu')).then(function (e) { | ||
var payload = e.payload; | ||
var data = payload.data; | ||
if (data) { | ||
data.unshift({ menu: 'Início', url: _this2.props.UrlCockpit, icone: _this2.props.UrlCockpit + '/public/assets/img/icons/product-inicio.svg', tagueamento: null, subMenu: [] }); | ||
data.push({ menu: 'Cockpit', url: _this2.props.UrlCockpit, icone: _this2.props.UrlCockpit + '/public/assets/img/icons/product-cockpit.svg', tagueamento: null, subMenu: [{ menu: 'Fatura', url: _this2.props.UrlCockpit + '/meu-plano/fatura', icone: '', tagueamento: null, subMenu: [] }, { menu: 'Meu plano', url: _this2.props.UrlCockpit + '/manage', icone: '', tagueamento: null, subMenu: [{ menu: 'Extrato de leads', url: _this2.props.UrlEstoque + '/meu-plano/extrato-leads?status=0&origem=0&id_fatura=0&tipo=resumo', icone: '', tagueamento: null, subMenu: [] }] }, { menu: 'Termos de adesão', url: _this2.props.UrlEstoque + '/meu-plano/alterar-plano', icone: '', tagueamento: null, subMenu: [] }, { menu: 'Usuários', url: _this2.props.UrlCockpit + '/usuario/listagem/ativo', icone: '', tagueamento: null, subMenu: [] }, { menu: 'Ajuda', url: 'https://intercom.help/cockpit', icone: '', tagueamento: null, subMenu: [] }] }); | ||
} | ||
_this2.setState({ dataCockpitMenu: payload }, function () { | ||
if (payload.success) { | ||
(0, _CockpitUtils.cookieSet)('CockpitMenu', JSON.stringify(payload)); | ||
_this2.renderLinebar(); | ||
} | ||
}); | ||
}); | ||
} | ||
} | ||
}, { | ||
key: 'handlerMouseEnter', | ||
value: function handlerMouseEnter(e) { | ||
this.handleResizeLinebar(e.target); | ||
} | ||
}, { | ||
key: 'handlerMouseLeave', | ||
value: function handlerMouseLeave() { | ||
var target = document.querySelector('.cockpit-menu__link--active'); | ||
if (target) { | ||
var rect = target.getBoundingClientRect(); | ||
this.dash.current.style.transform = 'translateY(' + target.offsetTop + 'px)'; | ||
this.dash.current.style.height = rect.height + 'px'; | ||
} | ||
} | ||
}, { | ||
key: 'handleClick', | ||
value: function handleClick(e) { | ||
var hasActive = void 0; | ||
var target = e.target; | ||
var submenu = target.nextElementSibling; | ||
if (submenu) { | ||
target.classList.add('cockpit-menu__link--active'); | ||
hasActive = submenu.classList.contains('cockpit-menu__sublist--active'); | ||
[].concat(_toConsumableArray(document.querySelectorAll('.cockpit-menu__sublist--active'))).forEach(function (item) { | ||
var itemSubmenu = item; | ||
itemSubmenu.classList.remove('cockpit-menu__sublist--active'); | ||
itemSubmenu.style.height = '0px'; | ||
}); | ||
if (!hasActive) { | ||
[].concat(_toConsumableArray(document.querySelectorAll('.cockpit-menu__link--active'))).forEach(function (item) { | ||
return item.classList.remove('cockpit-menu__link--active'); | ||
}); | ||
submenu.style.height = 'auto'; | ||
var clientHeight = submenu.clientHeight; | ||
submenu.style.height = '0px'; | ||
setTimeout(function () { | ||
submenu.style.height = clientHeight + 16 + 'px'; | ||
submenu.classList.add('cockpit-menu__sublist--active'); | ||
}, 10); | ||
} else { | ||
submenu.style.height = '0px'; | ||
} | ||
} else { | ||
target.classList.add('cockpit-menu__link--active'); | ||
} | ||
} | ||
}, { | ||
key: 'handleModalOpen', | ||
value: function handleModalOpen(item) { | ||
this.setState({ | ||
modalGroupMenu: true, | ||
webModalRedirect: item.url | ||
}); | ||
} | ||
}, { | ||
key: 'handleModalClose', | ||
value: function handleModalClose() { | ||
this.setState({ modalGroupMenu: false }); | ||
} | ||
}, { | ||
key: 'handleResizeLinebar', | ||
value: function handleResizeLinebar(item) { | ||
this.dash.current.style.transform = 'translateY(' + item.offsetTop + 'px)'; | ||
this.dash.current.style.height = item.clientHeight + 'px'; | ||
} | ||
}, { | ||
key: 'renderLinebar', | ||
value: function renderLinebar() { | ||
var _this3 = this; | ||
if (_CockpitUtils.WINDOW) { | ||
[].concat(_toConsumableArray(document.querySelectorAll('.cockpit-menu__link'))).forEach(function (item) { | ||
if (item.href === '' + window.location.origin + window.location.pathname) { | ||
var linkSubmenu = item.closest('.cockpit-menu__sublist'); | ||
if (linkSubmenu) { | ||
linkSubmenu.classList.add('cockpit-menu__sublist--active'); | ||
linkSubmenu.style.height = 'auto'; | ||
var clientHeight = linkSubmenu.clientHeight; | ||
linkSubmenu.style.height = clientHeight + 16 + 'px'; | ||
} | ||
_this3.handleResizeLinebar(item); | ||
item.classList.add('cockpit-menu__link--active'); | ||
} | ||
}); | ||
} | ||
} | ||
}, { | ||
key: 'renderMenuSubmenu', | ||
value: function renderMenuSubmenu(item) { | ||
var _this4 = this; | ||
return _react2.default.createElement( | ||
_react.Fragment, | ||
null, | ||
this.renderMenuLink(item), | ||
_react2.default.createElement( | ||
'ul', | ||
{ className: 'cockpit-menu__sublist' }, | ||
item.subMenu.map(function (submenu) { | ||
return _react2.default.createElement( | ||
'li', | ||
{ key: item.menu + '_' + submenu.menu, className: 'cockpit-menu__subitem', role: 'menuitem' }, | ||
_this4.renderMenuLink(submenu) | ||
); | ||
}) | ||
) | ||
); | ||
} | ||
}, { | ||
key: 'renderMenuList', | ||
value: function renderMenuList(obj) { | ||
var _this5 = this; | ||
return obj.map(function (item) { | ||
var url = item.subMenu.length ? '#' : item.url; | ||
if (/autoguru\.webmotors/.test(url)) { | ||
url = '' + url + (0, _CockpitUtils.jwtGet)().v2; | ||
} | ||
if (/gb\.webmotors/.test(url)) { | ||
url = '' + url + (0, _CockpitUtils.cookieGet)('CockpitLogged'); | ||
} | ||
return _react2.default.createElement( | ||
'li', | ||
{ key: item.menu + '_' + url, className: 'cockpit-menu__item', role: 'menuitem' }, | ||
item.subMenu.length ? _this5.renderMenuSubmenu(item) : _this5.renderMenuLink(item) | ||
); | ||
}); | ||
} | ||
}, { | ||
key: 'renderMenuLink', | ||
value: function renderMenuLink(item) { | ||
var _this6 = this; | ||
var jwt = (0, _CockpitUtils.jwtGet)(); | ||
var linkIsCockpit = _CockpitUtils.WINDOW && new RegExp('^' + this.props.UrlCockpit).test(item.url) && new RegExp('' + this.props.UrlCockpit).test(window.location.origin); | ||
var groupUser = jwt.unique_name === '0' && jwt.idGrupo !== '0' && linkIsCockpit && !/intercom\.help/.test(item.url) && this.props.UrlCockpit !== item.url; | ||
var menuHasSubmenu = item.subMenu.length; | ||
if (menuHasSubmenu) { | ||
return groupUser ? this.renderMenuModal(item) : _react2.default.createElement( | ||
'a', | ||
{ | ||
className: 'cockpit-menu__link', | ||
href: item.url, | ||
onMouseEnter: function onMouseEnter(e) { | ||
return _this6.handlerMouseEnter(e); | ||
}, | ||
onClick: function onClick(e) { | ||
e.preventDefault(); | ||
_this6.handleClick(e); | ||
} | ||
}, | ||
item.icone && _react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-menu__icon', src: item.icone }), | ||
item.menu | ||
); | ||
} | ||
if (linkIsCockpit) { | ||
var urlReplace = item.url.replace(this.props.UrlCockpit, ''); | ||
return groupUser ? this.renderMenuModal(item) : _react2.default.createElement( | ||
_reactRouterDom.Link, | ||
{ | ||
className: 'cockpit-menu__link', | ||
to: urlReplace, | ||
onMouseEnter: function onMouseEnter(e) { | ||
return _this6.handlerMouseEnter(e); | ||
}, | ||
onClick: function onClick(e) { | ||
return _this6.handleClick(e); | ||
} | ||
}, | ||
item.icone && _react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-menu__icon', src: item.icone }), | ||
item.menu | ||
); | ||
} | ||
return groupUser ? this.renderMenuModal(item) : _react2.default.createElement( | ||
'a', | ||
{ | ||
className: 'cockpit-menu__link', | ||
href: item.url, | ||
onMouseEnter: function onMouseEnter(e) { | ||
return _this6.handlerMouseEnter(e); | ||
}, | ||
target: /(estoque|autoguru|gb)\.webmotors|intercom\.help|\/universidade$/.test(item.url) ? '_blank' : '_self', | ||
rel: 'noopener noreferrer', | ||
onClick: function onClick(e) { | ||
return _this6.handleClick(e); | ||
} | ||
}, | ||
item.icone && _react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-menu__icon', src: item.icone }), | ||
item.menu | ||
); | ||
} | ||
}, { | ||
key: 'renderMenuModal', | ||
value: function renderMenuModal(item) { | ||
var _this7 = this; | ||
return _react2.default.createElement( | ||
'a', | ||
{ | ||
className: 'cockpit-menu__link', | ||
href: item.url, | ||
onMouseEnter: function onMouseEnter(e) { | ||
return _this7.handlerMouseEnter(e); | ||
}, | ||
onClick: function onClick(e) { | ||
e.preventDefault(); | ||
_this7.handleClick(e); | ||
_this7.handleModalOpen(item); | ||
} | ||
}, | ||
item.menu | ||
); | ||
} | ||
}, { | ||
key: 'renderMenu', | ||
value: function renderMenu() { | ||
var dataCockpitMenu = this.state.dataCockpitMenu; | ||
if (dataCockpitMenu) { | ||
if (dataCockpitMenu.errors) { | ||
return _react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-menu__error' }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-menu__error-icon', src: this.props.UrlCockpit + '/public/assets/img/icons/barrier.svg' }), | ||
dataCockpitMenu.errors | ||
); | ||
} | ||
var menuProducts = dataCockpitMenu.data.filter(function (item) { | ||
return !/^cockpit$/i.test(item.menu); | ||
}); | ||
var menuCockpit = dataCockpitMenu.data.filter(function (item) { | ||
return (/^cockpit$/i.test(item.menu) | ||
); | ||
}); | ||
return _react2.default.createElement( | ||
_react.Fragment, | ||
null, | ||
menuProducts.length ? _react2.default.createElement( | ||
'ul', | ||
{ className: 'cockpit-menu__list' }, | ||
this.renderMenuList(menuProducts) | ||
) : false, | ||
menuCockpit[0] && menuCockpit[0].subMenu.length ? _react2.default.createElement( | ||
'ul', | ||
{ className: 'cockpit-menu__list' }, | ||
this.renderMenuList(menuCockpit[0].subMenu) | ||
) : false | ||
); | ||
} | ||
return _react2.default.createElement('div', { className: 'load' }); | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
var _this8 = this; | ||
return _react2.default.createElement( | ||
'nav', | ||
{ className: 'cockpit-menu', onMouseLeave: function onMouseLeave() { | ||
return _this8.handlerMouseLeave(); | ||
} }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-menu__menu' }, | ||
_react2.default.createElement('span', { className: 'cockpit-menu__dash', 'aria-hidden': 'true', ref: this.dash }), | ||
this.renderMenu(), | ||
this.state.modalGroupMenu && _react2.default.createElement(_CockpitModalStore2.default, { ApiCockpit: this.props.ApiCockpit, urlRedirect: this.state.webModalRedirect, stateToggle: 'modalGroupMenu', onClose: function onClose() { | ||
return _this8.handleModalClose(); | ||
} }) | ||
) | ||
); | ||
} | ||
}]); | ||
return CockpitMenu; | ||
}(_react.Component); | ||
exports.default = (0, _reactRedux.connect)(function () { | ||
return {}; | ||
})(CockpitMenu); |
@@ -1,1 +0,362 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var _createClass=function(){function a(a,b){for(var c,d=0;d<b.length;d++)c=b[d],c.enumerable=c.enumerable||!1,c.configurable=!0,'value'in c&&(c.writable=!0),Object.defineProperty(a,c.key,c)}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),_react=require('react'),_react2=_interopRequireDefault(_react),_reactRedux=require('react-redux'),_webmotorsSvg=require('webmotors-svg'),_webmotorsSvg2=_interopRequireDefault(_webmotorsSvg),_GroupList=require('./api/GroupList'),_GroupDataStore=require('./api/GroupDataStore'),_CockpitUtils=require('./CockpitUtils');function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _toConsumableArray(a){if(Array.isArray(a)){for(var b=0,c=Array(a.length);b<a.length;b++)c[b]=a[b];return c}return Array.from(a)}function _classCallCheck(a,b){if(!(a instanceof b))throw new TypeError('Cannot call a class as a function')}function _possibleConstructorReturn(a,b){if(!a)throw new ReferenceError('this hasn\'t been initialised - super() hasn\'t been called');return b&&('object'==typeof b||'function'==typeof b)?b:a}function _inherits(a,b){if('function'!=typeof b&&null!==b)throw new TypeError('Super expression must either be null or a function, not '+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}var WebModalStore=function(a){function b(a){_classCallCheck(this,b);var c=_possibleConstructorReturn(this,(b.__proto__||Object.getPrototypeOf(b)).call(this,a));return c.state={},c.wrap=(0,_react.createRef)(),c.search=(0,_react.createRef)(),c.searchInput=(0,_react.createRef)(),c.ismounted=!1,c}return _inherits(b,a),_createClass(b,[{key:'componentDidMount',value:function a(){this.ismounted=!0,this.handleZIndex(),this.getGroupList()}},{key:'componentWillUnmount',value:function a(){this.ismounted=!1}},{key:'getGroupList',value:function b(){var a=this;this.props.dispatch((0,_GroupList.cockpitFetchDefault)({},this.props.ApiCockpit+'/Grupo/Listarlojas')).then(function(b){var c=b.payload;a.setState({loaded:!0,data:c.data,success:c.success,errors:c.errors})})}},{key:'setGroupDataStore',value:function d(a,b){var c=this;[].concat(_toConsumableArray(document.querySelectorAll('.cockpit-webmodal .btn'))).forEach(function(a){a.disabled='disabled'}),this.props.dispatch((0,_GroupDataStore.cockpitFetchDefault)({idCliente:a},this.props.ApiCockpit+'/Grupo/RetornarLoja')).then(function(a){var d=a.payload;if(!d.success)console.error(a);else if((0,_CockpitUtils.cookieSet)('CockpitLogged',d.data),(0,_CockpitUtils.cookieSet)('CockpitStoreName',b),_CockpitUtils.WINDOW){var e=function(){return window.location.reload()};setTimeout(function(){c.props.urlRedirect?c.props.urlRedirect===window.location.href?e():window.location.href=c.props.urlRedirect:e()},100)}})}},{key:'handleZIndex',value:function a(){this.props.classZIndex&&document.querySelector(this.props.classZIndex).classList[this.state.close?'remove':'add']('cockpit-webmodal__zindex')}},{key:'handlerSearchFocus',value:function a(){this.search.current.classList.add('cockpit-header__search--active')}},{key:'handlerSearchBlur',value:function a(){this.search.current.classList.remove('cockpit-header__search--active')}},{key:'handlerSearchInput',value:function b(){var a=this.searchInput.current.value;[].concat(_toConsumableArray(document.querySelectorAll('.cockpit-webmodal__list-wrap--lojas .cockpit-webmodal__list-name'))).forEach(function(b){var c=function(a){return a.replace(/(â|ã|á|à|ä)/gi,'a').replace(/(ê|é|è|ë)/gi,'e').replace(/(î|í|ì|ï)/gi,'i').replace(/(ô|õ|ó|ò|ö)/gi,'o').replace(/(û|ú|ù|ü)/gi,'u').replace(/(ç)/gi,'c')},d=c(b.textContent),e=c(a),f=new RegExp(e,'gi'),g=b.closest('.cockpit-webmodal__list-row');g.classList[f.test(d)?'remove':'add']('cockpit-webmodal__list-row--hide')})}},{key:'handleClose',value:function b(){var a=this;this.setState({close:!0},function(){return a.wrap.current.addEventListener('animationend',function(){setTimeout(function(){a.props.onClose&&a.props.onClose(),a.handleZIndex()},100)})})}},{key:'renderGroupList',value:function g(){var a=this,b=this.state,c=b.data,d=b.success,e=b.errors,f=(0,_CockpitUtils.jwtGet)();return d&&c?_react2.default.createElement(_react.Fragment,null,_react2.default.createElement('div',{className:'cockpit-webmodal__list-search'},_react2.default.createElement('div',{className:'cockpit-header__search',ref:this.search},_react2.default.createElement(_webmotorsSvg2.default,{src:this.props.UrlCockpit+'/public/assets/img/icons/search.svg'}),_react2.default.createElement('div',{className:'cockpit-header__inputwrap'},_react2.default.createElement('input',{className:'cockpit-header__input',ref:this.searchInput,placeholder:'Buscar por loja',onFocus:function b(){return a.handlerSearchFocus()},onInput:function b(){return a.handlerSearchInput()},onBlur:function b(){return a.handlerSearchBlur()}})))),_react2.default.createElement('div',{className:'cockpit-webmodal__list-wrap'},_react2.default.createElement('div',{className:'cockpit-webmodal__list-item'},_react2.default.createElement('ul',null,'0'!==f.unique_name&&_react2.default.createElement('li',{className:'cockpit-webmodal__list-row'},_react2.default.createElement('div',{className:'cockpit-webmodal__list-map'},_react2.default.createElement(_webmotorsSvg2.default,{src:this.props.UrlCockpit+'/public/assets/img/icons/pin-map.svg'}),_react2.default.createElement('div',{className:'cockpit-webmodal__list-name'},'Todas as lojas')),_react2.default.createElement('div',{className:'cockpit-webmodal__list-right'},_react2.default.createElement('button',{className:'btn btn--green btn--outline',type:'button',onClick:function b(){return a.setGroupDataStore(0,'Todas as lojas')}},'Selecionar')))))),_react2.default.createElement('div',{className:'cockpit-webmodal__list-wrap cockpit-webmodal__list-wrap--lojas'},c.map(function(b){return _react2.default.createElement('div',{key:'state_'+b.estado,className:'cockpit-webmodal__list-item'},_react2.default.createElement('h3',{className:'cockpit-webmodal__list-title'},b.estado),_react2.default.createElement('ul',null,b.lojas&&b.lojas.map(function(b){return _react2.default.createElement('li',{key:b.idLoja,className:'cockpit-webmodal__list-row'},_react2.default.createElement('div',{className:'cockpit-webmodal__list-map'},_react2.default.createElement(_webmotorsSvg2.default,{src:a.props.UrlCockpit+'/public/assets/img/icons/pin-map.svg'}),_react2.default.createElement('div',{className:'cockpit-webmodal__list-name'},b.nomeFantasia)),_react2.default.createElement('div',{className:'cockpit-webmodal__list-right'},_react2.default.createElement('button',{className:'btn btn--green btn--outline',type:'button',onClick:function c(){return a.setGroupDataStore(b.idLoja,b.nomeFantasia)}},'Selecionar')))})))}))):e?_react2.default.createElement('div',{className:'cockpit-webmodal__error'},_react2.default.createElement(_webmotorsSvg2.default,{className:'cockpit-webmodal__error-icon',src:this.props.UrlCockpit+'/public/assets/img/icons/barrier.svg'})):_react2.default.createElement('div',{className:'load load--dark'})}},{key:'renderTitle',value:function d(){var a=this.state,b=a.success,c=a.errors;return b?'Selecionar loja':c}},{key:'render',value:function e(){var a=this,b=this.state,c=b.loaded,d=b.close;return _react2.default.createElement('div',{ref:this.wrap,className:'cockpit-webmodal '+(d?'cockpit-webmodal--close':'')},_react2.default.createElement('div',{"aria-hidden":'true',className:'cockpit-webmodal__bg',onClick:function b(){return a.handleClose()}}),_react2.default.createElement('div',{className:'cockpit-webmodal__box'},_react2.default.createElement('div',{"aria-hidden":'true',className:'cockpit-webmodal__close',onClick:function b(){return a.handleClose()}},_react2.default.createElement(_webmotorsSvg2.default,{src:this.props.UrlCockpit+'/public/assets/img/icons/times.svg'})),_react2.default.createElement('div',{className:'cockpit-webmodal__wrap'},_react2.default.createElement('div',{className:'cockpit-webmodal__header'},_react2.default.createElement('div',{className:'cockpit-webmodal__icon'},_react2.default.createElement(_webmotorsSvg2.default,{src:this.props.UrlCockpit+'/public/assets/img/icons/pin-map.svg'})),_react2.default.createElement('h2',{className:'cockpit-webmodal__bigtitle'},c?this.renderTitle():'Carregando')),_react2.default.createElement('div',{className:'cockpit-webmodal__content cockpit-webmodal__list cockpit-webmodal__list--group'},this.renderGroupList()))))}}]),b}(_react.Component);exports.default=(0,_reactRedux.connect)(function(){return{}})(WebModalStore); | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }(); | ||
var _react = require('react'); | ||
var _react2 = _interopRequireDefault(_react); | ||
var _reactRedux = require('react-redux'); | ||
var _webmotorsSvg = require('webmotors-svg'); | ||
var _webmotorsSvg2 = _interopRequireDefault(_webmotorsSvg); | ||
var _GroupList = require('./api/GroupList'); | ||
var _GroupDataStore = require('./api/GroupDataStore'); | ||
var _CockpitUtils = require('./CockpitUtils'); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } | ||
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } | ||
function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; } | ||
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } | ||
var WebModalStore = function (_Component) { | ||
_inherits(WebModalStore, _Component); | ||
function WebModalStore(props) { | ||
_classCallCheck(this, WebModalStore); | ||
var _this = _possibleConstructorReturn(this, (WebModalStore.__proto__ || Object.getPrototypeOf(WebModalStore)).call(this, props)); | ||
_this.state = {}; | ||
_this.wrap = (0, _react.createRef)(); | ||
_this.search = (0, _react.createRef)(); | ||
_this.searchInput = (0, _react.createRef)(); | ||
_this.ismounted = false; | ||
return _this; | ||
} | ||
_createClass(WebModalStore, [{ | ||
key: 'componentDidMount', | ||
value: function componentDidMount() { | ||
this.ismounted = true; | ||
this.handleZIndex(); | ||
this.getGroupList(); | ||
} | ||
}, { | ||
key: 'componentWillUnmount', | ||
value: function componentWillUnmount() { | ||
this.ismounted = false; | ||
} | ||
}, { | ||
key: 'getGroupList', | ||
value: function getGroupList() { | ||
var _this2 = this; | ||
this.props.dispatch((0, _GroupList.cockpitFetchDefault)({}, this.props.ApiCockpit + '/Grupo/Listarlojas')).then(function (e) { | ||
var payload = e.payload; | ||
_this2.setState({ | ||
loaded: true, | ||
data: payload.data, | ||
success: payload.success, | ||
errors: payload.errors | ||
}); | ||
}); | ||
} | ||
}, { | ||
key: 'setGroupDataStore', | ||
value: function setGroupDataStore(id, name) { | ||
var _this3 = this; | ||
[].concat(_toConsumableArray(document.querySelectorAll('.cockpit-webmodal .btn'))).forEach(function (btn) { | ||
var item = btn; | ||
item.disabled = 'disabled'; | ||
}); | ||
this.props.dispatch((0, _GroupDataStore.cockpitFetchDefault)({ idCliente: id }, this.props.ApiCockpit + '/Grupo/RetornarLoja')).then(function (e) { | ||
var payload = e.payload; | ||
if (payload.success) { | ||
(0, _CockpitUtils.cookieSet)('CockpitLogged', payload.data); | ||
(0, _CockpitUtils.cookieSet)('CockpitStoreName', name); | ||
if (_CockpitUtils.WINDOW) { | ||
var reload = function reload() { | ||
return window.location.reload(); | ||
}; | ||
setTimeout(function () { | ||
if (_this3.props.urlRedirect) { | ||
if (_this3.props.urlRedirect !== window.location.href) { | ||
window.location.href = _this3.props.urlRedirect; | ||
} else { | ||
reload(); | ||
} | ||
} else { | ||
reload(); | ||
} | ||
}, 100); | ||
} | ||
} else { | ||
console.error(e); | ||
} | ||
}); | ||
} | ||
}, { | ||
key: 'handleZIndex', | ||
value: function handleZIndex() { | ||
if (this.props.classZIndex) { | ||
document.querySelector(this.props.classZIndex).classList[this.state.close ? 'remove' : 'add']('cockpit-webmodal__zindex'); | ||
} | ||
} | ||
}, { | ||
key: 'handlerSearchFocus', | ||
value: function handlerSearchFocus() { | ||
this.search.current.classList.add('cockpit-header__search--active'); | ||
} | ||
}, { | ||
key: 'handlerSearchBlur', | ||
value: function handlerSearchBlur() { | ||
this.search.current.classList.remove('cockpit-header__search--active'); | ||
} | ||
}, { | ||
key: 'handlerSearchInput', | ||
value: function handlerSearchInput() { | ||
var value = this.searchInput.current.value; | ||
[].concat(_toConsumableArray(document.querySelectorAll('.cockpit-webmodal__list-wrap--lojas .cockpit-webmodal__list-name'))).forEach(function (key) { | ||
var wordClear = function wordClear(word) { | ||
return word.replace(/(â|ã|á|à|ä)/gi, 'a').replace(/(ê|é|è|ë)/gi, 'e').replace(/(î|í|ì|ï)/gi, 'i').replace(/(ô|õ|ó|ò|ö)/gi, 'o').replace(/(û|ú|ù|ü)/gi, 'u').replace(/(ç)/gi, 'c'); | ||
}; | ||
var storeName = wordClear(key.textContent); | ||
var searchValue = wordClear(value); | ||
var regex = new RegExp(searchValue, 'gi'); | ||
var closest = key.closest('.cockpit-webmodal__list-row'); | ||
closest.classList[regex.test(storeName) ? 'remove' : 'add']('cockpit-webmodal__list-row--hide'); | ||
}); | ||
} | ||
}, { | ||
key: 'handleClose', | ||
value: function handleClose() { | ||
var _this4 = this; | ||
this.setState({ | ||
close: true | ||
}, function () { | ||
return _this4.wrap.current.addEventListener('animationend', function () { | ||
setTimeout(function () { | ||
if (_this4.props.onClose) { | ||
_this4.props.onClose(); | ||
} | ||
_this4.handleZIndex(); | ||
}, 100); | ||
}); | ||
}); | ||
} | ||
}, { | ||
key: 'renderGroupList', | ||
value: function renderGroupList() { | ||
var _this5 = this; | ||
var _state = this.state, | ||
data = _state.data, | ||
success = _state.success, | ||
errors = _state.errors; | ||
var jwt = (0, _CockpitUtils.jwtGet)(); | ||
if (success && data) { | ||
return _react2.default.createElement( | ||
_react.Fragment, | ||
null, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__list-search' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__search', ref: this.search }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { src: this.props.UrlCockpit + '/public/assets/img/icons/search.svg' }), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-header__inputwrap' }, | ||
_react2.default.createElement('input', { className: 'cockpit-header__input', ref: this.searchInput, placeholder: 'Buscar por loja', onFocus: function onFocus() { | ||
return _this5.handlerSearchFocus(); | ||
}, onInput: function onInput() { | ||
return _this5.handlerSearchInput(); | ||
}, onBlur: function onBlur() { | ||
return _this5.handlerSearchBlur(); | ||
} }) | ||
) | ||
) | ||
), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__list-wrap' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__list-item' }, | ||
_react2.default.createElement( | ||
'ul', | ||
null, | ||
jwt.unique_name !== '0' && _react2.default.createElement( | ||
'li', | ||
{ className: 'cockpit-webmodal__list-row' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__list-map' }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { src: this.props.UrlCockpit + '/public/assets/img/icons/pin-map.svg' }), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__list-name' }, | ||
'Todas as lojas' | ||
) | ||
), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__list-right' }, | ||
_react2.default.createElement( | ||
'button', | ||
{ className: 'btn btn--green btn--outline', type: 'button', onClick: function onClick() { | ||
return _this5.setGroupDataStore(0, 'Todas as lojas'); | ||
} }, | ||
'Selecionar' | ||
) | ||
) | ||
) | ||
) | ||
) | ||
), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__list-wrap cockpit-webmodal__list-wrap--lojas' }, | ||
data.map(function (storeGroup) { | ||
return _react2.default.createElement( | ||
'div', | ||
{ key: 'state_' + storeGroup.estado, className: 'cockpit-webmodal__list-item' }, | ||
_react2.default.createElement( | ||
'h3', | ||
{ className: 'cockpit-webmodal__list-title' }, | ||
storeGroup.estado | ||
), | ||
_react2.default.createElement( | ||
'ul', | ||
null, | ||
storeGroup.lojas && storeGroup.lojas.map(function (store) { | ||
return _react2.default.createElement( | ||
'li', | ||
{ key: store.idLoja, className: 'cockpit-webmodal__list-row' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__list-map' }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { src: _this5.props.UrlCockpit + '/public/assets/img/icons/pin-map.svg' }), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__list-name' }, | ||
store.nomeFantasia | ||
) | ||
), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__list-right' }, | ||
_react2.default.createElement( | ||
'button', | ||
{ className: 'btn btn--green btn--outline', type: 'button', onClick: function onClick() { | ||
return _this5.setGroupDataStore(store.idLoja, store.nomeFantasia); | ||
} }, | ||
'Selecionar' | ||
) | ||
) | ||
); | ||
}) | ||
) | ||
); | ||
}) | ||
) | ||
); | ||
} | ||
if (errors) { | ||
return _react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__error' }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { className: 'cockpit-webmodal__error-icon', src: this.props.UrlCockpit + '/public/assets/img/icons/barrier.svg' }) | ||
); | ||
} | ||
return _react2.default.createElement('div', { className: 'load load--dark' }); | ||
} | ||
}, { | ||
key: 'renderTitle', | ||
value: function renderTitle() { | ||
var _state2 = this.state, | ||
success = _state2.success, | ||
errors = _state2.errors; | ||
return success ? 'Selecionar loja' : errors; | ||
} | ||
}, { | ||
key: 'render', | ||
value: function render() { | ||
var _this6 = this; | ||
var _state3 = this.state, | ||
loaded = _state3.loaded, | ||
close = _state3.close; | ||
return _react2.default.createElement( | ||
'div', | ||
{ ref: this.wrap, className: 'cockpit-webmodal ' + (close ? 'cockpit-webmodal--close' : '') }, | ||
_react2.default.createElement('div', { 'aria-hidden': 'true', className: 'cockpit-webmodal__bg', onClick: function onClick() { | ||
return _this6.handleClose(); | ||
} }), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__box' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ 'aria-hidden': 'true', className: 'cockpit-webmodal__close', onClick: function onClick() { | ||
return _this6.handleClose(); | ||
} }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { src: this.props.UrlCockpit + '/public/assets/img/icons/times.svg' }) | ||
), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__wrap' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__header' }, | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__icon' }, | ||
_react2.default.createElement(_webmotorsSvg2.default, { src: this.props.UrlCockpit + '/public/assets/img/icons/pin-map.svg' }) | ||
), | ||
_react2.default.createElement( | ||
'h2', | ||
{ className: 'cockpit-webmodal__bigtitle' }, | ||
loaded ? this.renderTitle() : 'Carregando' | ||
) | ||
), | ||
_react2.default.createElement( | ||
'div', | ||
{ className: 'cockpit-webmodal__content cockpit-webmodal__list cockpit-webmodal__list--group' }, | ||
this.renderGroupList() | ||
) | ||
) | ||
) | ||
); | ||
} | ||
}]); | ||
return WebModalStore; | ||
}(_react.Component); | ||
exports.default = (0, _reactRedux.connect)(function () { | ||
return {}; | ||
})(WebModalStore); |
@@ -1,1 +0,7 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var CockpitStyle='body{margin:0}.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{font-size:10px;font-family:\'Poppins\', sans-serif;min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center;box-sizing:border-box;color:#8B8C99;background-color:#fff}.cockpit-header *{box-sizing:border-box}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4em;font-size:1.6em;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6em;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:2.4em}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4em;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.1em;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:0.9em;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlist{padding:0}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0em;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4em;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6em;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}.cockpit-header button{background-color:transparent;font-family:\'Poppins\', sans-serif;border-style:none;font-size:inherit;outline-style:none}.cockpit-header a{text-decoration:none}.cockpit-header ul{list-style-type:none}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{font-size:10px;font-family:\'Poppins\', sans-serif;background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2;box-sizing:border-box}.cockpit-menu *{box-sizing:border-box}.cockpit-menu__list{padding:0 0 32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2em;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4em;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-align:left;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4em;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}.cockpit-menu button{font-family:\'Poppins\', sans-serif;background-color:transparent;border-style:none;font-size:inherit;outline-style:none}.cockpit-menu a{text-decoration:none}.cockpit-menu ul{list-style-type:none}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{font-size:14px;font-family:\'Poppins\', sans-serif;border-top:1px solid #C5C6D0;padding:16px 32px;position:relative;box-sizing:border-box;background-color:#fff}.cockpit-footer *{box-sizing:border-box}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2em}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{font-size:10px;font-family:\'Poppins\', sans-serif;padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1;box-sizing:border-box}.cockpit-load *{box-sizing:border-box}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6em;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4em;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{font-size:10px;font-family:\'Poppins\', sans-serif;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cockpit-webmodal *{box-sizing:border-box}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4em;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6em;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4em;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__error{text-align:center}.cockpit-webmodal__error-text{display:block;font-size:1.6em}.cockpit-webmodal__error-icon{width:100px;height:100px;fill:#4D4C59}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}';exports.CockpitStyle='body{margin:0}.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{font-size:10px;font-family:\'Poppins\', sans-serif;min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center;box-sizing:border-box;color:#8B8C99;background-color:#fff}.cockpit-header *{box-sizing:border-box}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4em;font-size:1.6em;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6em;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:2.4em}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4em;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.1em;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:0.9em;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlist{padding:0}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0em;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4em;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6em;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}.cockpit-header button{background-color:transparent;font-family:\'Poppins\', sans-serif;border-style:none;font-size:inherit;outline-style:none}.cockpit-header a{text-decoration:none}.cockpit-header ul{list-style-type:none}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{font-size:10px;font-family:\'Poppins\', sans-serif;background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2;box-sizing:border-box}.cockpit-menu *{box-sizing:border-box}.cockpit-menu__list{padding:0 0 32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2em;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4em;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-align:left;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4em;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}.cockpit-menu button{font-family:\'Poppins\', sans-serif;background-color:transparent;border-style:none;font-size:inherit;outline-style:none}.cockpit-menu a{text-decoration:none}.cockpit-menu ul{list-style-type:none}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{font-size:14px;font-family:\'Poppins\', sans-serif;border-top:1px solid #C5C6D0;padding:16px 32px;position:relative;box-sizing:border-box;background-color:#fff}.cockpit-footer *{box-sizing:border-box}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2em}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{font-size:10px;font-family:\'Poppins\', sans-serif;padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1;box-sizing:border-box}.cockpit-load *{box-sizing:border-box}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6em;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4em;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{font-size:10px;font-family:\'Poppins\', sans-serif;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cockpit-webmodal *{box-sizing:border-box}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4em;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6em;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4em;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__error{text-align:center}.cockpit-webmodal__error-text{display:block;font-size:1.6em}.cockpit-webmodal__error-icon{width:100px;height:100px;fill:#4D4C59}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}',exports.default='body{margin:0}.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{font-size:10px;font-family:\'Poppins\', sans-serif;min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center;box-sizing:border-box;color:#8B8C99;background-color:#fff}.cockpit-header *{box-sizing:border-box}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4em;font-size:1.6em;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6em;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:2.4em}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4em;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.1em;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:0.9em;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlist{padding:0}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0em;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4em;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6em;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}.cockpit-header button{background-color:transparent;font-family:\'Poppins\', sans-serif;border-style:none;font-size:inherit;outline-style:none}.cockpit-header a{text-decoration:none}.cockpit-header ul{list-style-type:none}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{font-size:10px;font-family:\'Poppins\', sans-serif;background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2;box-sizing:border-box}.cockpit-menu *{box-sizing:border-box}.cockpit-menu__list{padding:0 0 32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2em;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4em;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-align:left;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4em;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}.cockpit-menu button{font-family:\'Poppins\', sans-serif;background-color:transparent;border-style:none;font-size:inherit;outline-style:none}.cockpit-menu a{text-decoration:none}.cockpit-menu ul{list-style-type:none}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{font-size:14px;font-family:\'Poppins\', sans-serif;border-top:1px solid #C5C6D0;padding:16px 32px;position:relative;box-sizing:border-box;background-color:#fff}.cockpit-footer *{box-sizing:border-box}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2em}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{font-size:10px;font-family:\'Poppins\', sans-serif;padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1;box-sizing:border-box}.cockpit-load *{box-sizing:border-box}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6em;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4em;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{font-size:10px;font-family:\'Poppins\', sans-serif;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cockpit-webmodal *{box-sizing:border-box}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4em;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6em;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4em;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__error{text-align:center}.cockpit-webmodal__error-text{display:block;font-size:1.6em}.cockpit-webmodal__error-icon{width:100px;height:100px;fill:#4D4C59}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}'; | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var CockpitStyle = 'body{margin:0}.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{font-size:10px;font-family:\'Poppins\', sans-serif;min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center;box-sizing:border-box;color:#8B8C99;background-color:#fff}.cockpit-header *{box-sizing:border-box}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4em;font-size:1.6em;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6em;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:2.4em}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4em;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.1em;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:0.9em;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlist{padding:0}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0em;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4em;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6em;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}.cockpit-header button{background-color:transparent;font-family:\'Poppins\', sans-serif;border-style:none;font-size:inherit;outline-style:none}.cockpit-header a{text-decoration:none}.cockpit-header ul{list-style-type:none}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{font-size:10px;font-family:\'Poppins\', sans-serif;background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2;box-sizing:border-box}.cockpit-menu *{box-sizing:border-box}.cockpit-menu__list{padding:0 0 32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2em;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4em;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-align:left;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4em;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}.cockpit-menu button{font-family:\'Poppins\', sans-serif;background-color:transparent;border-style:none;font-size:inherit;outline-style:none}.cockpit-menu a{text-decoration:none}.cockpit-menu ul{list-style-type:none}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{font-size:14px;font-family:\'Poppins\', sans-serif;border-top:1px solid #C5C6D0;padding:16px 32px;position:relative;box-sizing:border-box;background-color:#fff}.cockpit-footer *{box-sizing:border-box}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2em}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{font-size:10px;font-family:\'Poppins\', sans-serif;padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1;box-sizing:border-box}.cockpit-load *{box-sizing:border-box}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6em;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4em;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{font-size:10px;font-family:\'Poppins\', sans-serif;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cockpit-webmodal *{box-sizing:border-box}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4em;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6em;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4em;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__error{text-align:center}.cockpit-webmodal__error-text{display:block;font-size:1.6em}.cockpit-webmodal__error-icon{width:100px;height:100px;fill:#4D4C59}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}';exports.CockpitStyle = CockpitStyle; | ||
exports.default = CockpitStyle; |
@@ -1,1 +0,263 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0}),exports.listboxItemAnimation=exports.formatMoney=exports.formatDate=exports.jwtGet=exports.accordionAnimate=exports.scrollSmooth=exports.cookieRemove=exports.cookieGet=exports.cookieSet=exports.paramURL=exports.dispatchGet=exports.reducerCreate=exports.WINDOW=void 0;var _immutee=require('immutee'),_immutee2=_interopRequireDefault(_immutee),_axios=require('axios'),_axios2=_interopRequireDefault(_axios);function _interopRequireDefault(a){return a&&a.__esModule?a:{default:a}}function _toConsumableArray(a){if(Array.isArray(a)){for(var b=0,c=Array(a.length);b<a.length;b++)c[b]=a[b];return c}return Array.from(a)}var WINDOW='undefined'!=typeof window&&window,reducerCreate=function(a,b,c){var d=(0,_immutee2.default)(a);switch(b.type){case''+c:return d.set('result',b.payload).set('fetched',!0).done();case c+'_FAILURE':return d.set('result',[]).set('fetched',!0).set('error',b.payload).done();default:return a;}},scrollSmooth=function(a){var b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:300;if(WINDOW){if(clearTimeout(window.scrollSmoothTimerCache),0>=b)return;var c=a-window.scrollY-100,d=10*(c/b);window.scrollSmoothTimerCache=setTimeout(function(){var c=Number.isNaN;c(parseInt(d,10))||(window.scrollTo(0,window.scrollY+d),scrollSmooth(a,b-10))},10)}},accordionAnimate=function(a,b){var c=b,d=function(a){return parseFloat(getComputedStyle(c)[a])};if(c.classList.add('accordion--transition'),a){c.style.height='auto';var e=c.clientHeight,f=e+d('paddingTop')+d('paddingBottom');c.style.height='0px',setTimeout(function(){c.style.height=f+'px'},1)}else c.style.height='0px',c.addEventListener('transitionEnd',function(){return c.classList.remove('accordion--transition')})},paramURL=function(a){if(WINDOW){var b=new RegExp(a+'=.+&|'+a+'=.+$','g'),c=new RegExp('&|^'+a+'=','g'),d=b.exec(window.location.search);if(d&&d[0])return d[0].replace(c,'')}return!1},cookieSet=function(a,b){WINDOW&&(window.document.cookie=a+'='+b+';domain=.webmotors.com.br;path=/')},cookieGet=function(a){if(WINDOW){var b=void 0,c='; '+window.document.cookie,d=c.split('; '+a+'=');return 2===d.length&&(b=d.pop().split(';').shift()),b}return''},cookieRemove=function(a){if(WINDOW&&a)for(var b=document.cookie.split(';'),c=0;c<b.length;c++)window.document.cookie=a+'=;expires=Thu, 01 Jan 1970 00:00:00 GMT;domain=.webmotors.com.br';return''},jwtGet=function(){var a=cookieGet('CockpitLogged')||cookieGet('AppLogged');if(a){var b=a.replace(/_/g,'/').replace(/-/g,'+'),c=JSON.parse(decodeURIComponent(escape(atob(b.split('.')[1]))));return c}return{}},dispatchGet=function(a,b,c){var d=3<arguments.length&&arguments[3]!==void 0?arguments[3]:'POST';return function(e){return(0,_axios2.default)({method:d,headers:{"Content-Type":'application/json',Authorization:'Bearer '+cookieGet('CockpitLogged')},url:b,data:c,params:'POST'===d?'':c}).then(function(b){var c=b&&(b.data.data||b.data.Result),d=b&&b.status;return e({type:a,payload:{success:!0,data:c,status:d}})}).catch(function(b){var c=void 0,d=void 0,f={400:'Dados inv\xE1lidos',401:'Usu\xE1rio n\xE3o autorizado para esta a\xE7\xE3o',403:'Usu\xE1rio n\xE3o autorizado para esta a\xE7\xE3o. Verifique com o administrador da loja',500:'Erro interno da aplica\xE7\xE3o, tente novamente mais tarde',503:'Servidor fora do ar, tente novamente mais tarde'};if(console.error(b),b&&b.response){var g=b.response.data;d=b.status||b.response.status,c=g.errors||g.Messages&&g.Messages[0]||g||function(){return c=f[d],c||(c='Erro n\xE3o parametrizado pelo servidor'),c}(d)}else d=!!/(\d+|\d+\n)/.exec(b)&&/(\d+|\d+\n)/.exec(b)[0].trim(),c=f[d],c||(c='Erro n\xE3o parametrizado pelo servidor');return e({type:a+'_FAILURE',payload:{success:!1,errors:c,status:+d}})})}},listboxItemAnimation=function(){setTimeout(function(){return[].concat(_toConsumableArray(document.querySelectorAll('.listbox__item'))).forEach(function(a,b){return setTimeout(function(){return a.classList.add('listbox__item--active')},Math.min(60*b,2e3))})},10)},formatDate=function(a){return new Date(a).toLocaleDateString('pt-BR',{year:'numeric',month:'2-digit',day:'2-digit'})},formatMoney=function(a){return(+a).toLocaleString('pt-br',{style:'currency',currency:'BRL'})};WINDOW&&function(a){var b=a;'function'!=typeof a.matches&&(b.matches=a.msMatchesSelector||a.mozMatchesSelector||a.webkitMatchesSelector||function(a){for(var b=this,c=(b.document||b.ownerDocument).querySelectorAll(a),d=0;c[d]&&c[d]!==b;)++d;return!!c[d]}),'function'!=typeof a.closest&&(b.closest=function(a){for(var b=this;b&&1===b.nodeType;){if(b.matches(a))return b;b=b.parentNode}return null})}(window.Element.prototype),exports.WINDOW=WINDOW,exports.reducerCreate=reducerCreate,exports.dispatchGet=dispatchGet,exports.paramURL=paramURL,exports.cookieSet=cookieSet,exports.cookieGet=cookieGet,exports.cookieRemove=cookieRemove,exports.scrollSmooth=scrollSmooth,exports.accordionAnimate=accordionAnimate,exports.jwtGet=jwtGet,exports.formatDate=formatDate,exports.formatMoney=formatMoney,exports.listboxItemAnimation=listboxItemAnimation,exports.default=WINDOW; | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
exports.listboxItemAnimation = exports.formatMoney = exports.formatDate = exports.jwtGet = exports.accordionAnimate = exports.scrollSmooth = exports.cookieRemove = exports.cookieGet = exports.cookieSet = exports.paramURL = exports.dispatchGet = exports.reducerCreate = exports.WINDOW = undefined; | ||
var _immutee = require('immutee'); | ||
var _immutee2 = _interopRequireDefault(_immutee); | ||
var _axios = require('axios'); | ||
var _axios2 = _interopRequireDefault(_axios); | ||
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } | ||
function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } } | ||
var WINDOW = typeof window !== 'undefined' && window; | ||
var reducerCreate = function reducerCreate(state, action, name) { | ||
var success = '' + name; | ||
var failure = name + '_FAILURE'; | ||
var immutable = (0, _immutee2.default)(state); | ||
switch (action.type) { | ||
case success: | ||
{ | ||
return immutable.set('result', action.payload).set('fetched', true).done(); | ||
} | ||
case failure: | ||
{ | ||
return immutable.set('result', []).set('fetched', true).set('error', action.payload).done(); | ||
} | ||
default: | ||
{ | ||
return state; | ||
} | ||
} | ||
}; | ||
var scrollSmooth = function scrollSmooth(to) { | ||
var duration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300; | ||
if (WINDOW) { | ||
clearTimeout(window.scrollSmoothTimerCache); | ||
if (duration <= 0) { | ||
return; | ||
} | ||
var difference = to - window.scrollY - 100; | ||
var perTick = difference / duration * 10; | ||
window.scrollSmoothTimerCache = setTimeout(function () { | ||
if (!Number.isNaN(parseInt(perTick, 10))) { | ||
window.scrollTo(0, window.scrollY + perTick); | ||
scrollSmooth(to, duration - 10); | ||
} | ||
}, 10); | ||
} | ||
}; | ||
var accordionAnimate = function accordionAnimate(testOpen, item) { | ||
var tag = item; | ||
var getPadding = function getPadding(padding) { | ||
return parseFloat(getComputedStyle(tag)[padding]); | ||
}; | ||
tag.classList.add('accordion--transition'); | ||
if (testOpen) { | ||
tag.style.height = 'auto'; | ||
var clientHeight = tag.clientHeight; | ||
var height = clientHeight + getPadding('paddingTop') + getPadding('paddingBottom'); | ||
tag.style.height = '0px'; | ||
setTimeout(function () { | ||
tag.style.height = height + 'px'; | ||
}, 1); | ||
} else { | ||
tag.style.height = '0px'; | ||
tag.addEventListener('transitionEnd', function () { | ||
return tag.classList.remove('accordion--transition'); | ||
}); | ||
} | ||
}; | ||
var paramURL = function paramURL(e) { | ||
if (WINDOW) { | ||
var query = new RegExp(e + '=.+&|' + e + '=.+$', 'g'); | ||
var replaceQuery = new RegExp('&|^' + e + '=', 'g'); | ||
var params = query.exec(window.location.search); | ||
if (params && params[0]) { | ||
return params[0].replace(replaceQuery, ''); | ||
} | ||
} | ||
return false; | ||
}; | ||
var cookieSet = function cookieSet(key, value) { | ||
if (WINDOW) { | ||
window.document.cookie = key + '=' + value + ';domain=.webmotors.com.br;path=/'; | ||
} | ||
}; | ||
var cookieGet = function cookieGet(key) { | ||
if (WINDOW) { | ||
var cookie = void 0; | ||
var value = '; ' + window.document.cookie; | ||
var parts = value.split('; ' + key + '='); | ||
if (parts.length === 2) { | ||
cookie = parts.pop().split(';').shift(); | ||
} | ||
return cookie; | ||
} | ||
return ''; | ||
}; | ||
var cookieRemove = function cookieRemove(key) { | ||
if (WINDOW && key) { | ||
var cookies = document.cookie.split(';'); | ||
for (var i = 0; i < cookies.length; i++) { | ||
window.document.cookie = key + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT;domain=.webmotors.com.br'; | ||
} | ||
} | ||
return ''; | ||
}; | ||
var jwtGet = function jwtGet() { | ||
var jwt = cookieGet('CockpitLogged') || cookieGet('AppLogged'); | ||
if (jwt) { | ||
var jwtPayload = jwt.replace(/_/g, '/').replace(/-/g, '+'); | ||
var result = JSON.parse(decodeURIComponent(escape(atob(jwtPayload.split('.')[1])))); | ||
return result; | ||
} | ||
return {}; | ||
}; | ||
var dispatchGet = function dispatchGet(keyword, url, data) { | ||
var method = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'POST'; | ||
return function (dispatch) { | ||
return (0, _axios2.default)({ | ||
method: method, | ||
headers: { | ||
'Content-Type': 'application/json', | ||
Authorization: 'Bearer ' + cookieGet('CockpitLogged') | ||
}, | ||
url: url, | ||
data: data, | ||
params: method === 'POST' ? '' : data | ||
}).then(function (res) { | ||
var resData = res && (res.data.data || res.data.Result); | ||
var resStatus = res && res.status; | ||
return dispatch({ | ||
type: keyword, | ||
payload: { | ||
success: true, | ||
data: resData, | ||
status: resStatus | ||
} | ||
}); | ||
}).catch(function (rej) { | ||
var resData = void 0; | ||
var resStatus = void 0; | ||
var resErrorText = { | ||
400: 'Dados inválidos', | ||
401: 'Usuário não autorizado para esta ação', | ||
403: 'Usuário não autorizado para esta ação. Verifique com o administrador da loja', | ||
500: 'Erro interno da aplicação, tente novamente mais tarde', | ||
503: 'Servidor fora do ar, tente novamente mais tarde' | ||
}; | ||
var resErrorTextUndefined = 'Erro não parametrizado pelo servidor'; | ||
console.error(rej); | ||
if (rej && rej.response) { | ||
var errorData = rej.response.data; | ||
resStatus = rej.status || rej.response.status; | ||
resData = errorData.errors || errorData.Messages && errorData.Messages[0] || errorData || function () { | ||
resData = resErrorText[resStatus]; | ||
if (!resData) { | ||
resData = resErrorTextUndefined; | ||
} | ||
return resData; | ||
}(resStatus); | ||
} else { | ||
resStatus = /(\d+|\d+\n)/.exec(rej) ? /(\d+|\d+\n)/.exec(rej)[0].trim() : false; | ||
resData = resErrorText[resStatus]; | ||
if (!resData) { | ||
resData = resErrorTextUndefined; | ||
} | ||
} | ||
return dispatch({ | ||
type: keyword + '_FAILURE', | ||
payload: { | ||
success: false, | ||
errors: resData, | ||
status: Number(resStatus) | ||
} | ||
}); | ||
}); | ||
}; | ||
}; | ||
var listboxItemAnimation = function listboxItemAnimation() { | ||
setTimeout(function () { | ||
return [].concat(_toConsumableArray(document.querySelectorAll('.listbox__item'))).forEach(function (item, i) { | ||
return setTimeout(function () { | ||
return item.classList.add('listbox__item--active'); | ||
}, Math.min(i * 60, 2000)); | ||
}); | ||
}, 10); | ||
}; | ||
var formatDate = function formatDate(dateString) { | ||
return new Date(dateString).toLocaleDateString('pt-BR', { | ||
year: 'numeric', | ||
month: '2-digit', | ||
day: '2-digit' | ||
}); | ||
}; | ||
var formatMoney = function formatMoney(number) { | ||
return Number(number).toLocaleString('pt-br', { style: 'currency', currency: 'BRL' }); | ||
}; | ||
if (WINDOW) { | ||
(function (ElementProto) { | ||
var item = ElementProto; | ||
if (typeof ElementProto.matches !== 'function') { | ||
item.matches = ElementProto.msMatchesSelector || ElementProto.mozMatchesSelector || ElementProto.webkitMatchesSelector || function matches(selector) { | ||
var element = this; | ||
var elements = (element.document || element.ownerDocument).querySelectorAll(selector); | ||
var index = 0; | ||
while (elements[index] && elements[index] !== element) { | ||
++index; | ||
} | ||
return Boolean(elements[index]); | ||
}; | ||
} | ||
if (typeof ElementProto.closest !== 'function') { | ||
item.closest = function closest(selector) { | ||
var element = this; | ||
while (element && element.nodeType === 1) { | ||
if (element.matches(selector)) { | ||
return element; | ||
} | ||
element = element.parentNode; | ||
} | ||
return null; | ||
}; | ||
} | ||
})(window.Element.prototype); | ||
} | ||
exports.WINDOW = WINDOW; | ||
exports.reducerCreate = reducerCreate; | ||
exports.dispatchGet = dispatchGet; | ||
exports.paramURL = paramURL; | ||
exports.cookieSet = cookieSet; | ||
exports.cookieGet = cookieGet; | ||
exports.cookieRemove = cookieRemove; | ||
exports.scrollSmooth = scrollSmooth; | ||
exports.accordionAnimate = accordionAnimate; | ||
exports.jwtGet = jwtGet; | ||
exports.formatDate = formatDate; | ||
exports.formatMoney = formatMoney; | ||
exports.listboxItemAnimation = listboxItemAnimation; | ||
exports.default = WINDOW; |
{ | ||
"name": "webmotors-cockpit-structure", | ||
"version": "1.0.8", | ||
"version": "1.0.9", | ||
"description": "Webmotors Cockpit Structure", | ||
@@ -24,3 +24,2 @@ "dependencies": { | ||
"presets": [ | ||
"minify", | ||
"react", | ||
@@ -27,0 +26,0 @@ "es2015", |
@@ -1,1 +0,7 @@ | ||
'use strict';Object.defineProperty(exports,'__esModule',{value:!0});var CockpitStyle='body{margin:0}.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{font-size:10px;font-family:\'Poppins\', sans-serif;min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center;box-sizing:border-box;color:#8B8C99}.cockpit-header *{box-sizing:border-box}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4em;font-size:1.6em;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6em;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:2.4em}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4em;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.1em;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:0.9em;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlist{padding:0}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0em;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4em;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6em;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}.cockpit-header button{background-color:transparent;font-family:\'Poppins\', sans-serif;border-style:none;font-size:inherit;outline-style:none}.cockpit-header a{text-decoration:none}.cockpit-header ul{list-style-type:none}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{font-size:10px;font-family:\'Poppins\', sans-serif;background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2;box-sizing:border-box}.cockpit-menu *{box-sizing:border-box}.cockpit-menu__list{padding:0 0 32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2em;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4em;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-align:left;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4em;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}.cockpit-menu button{font-family:\'Poppins\', sans-serif;background-color:transparent;border-style:none;font-size:inherit;outline-style:none}.cockpit-menu a{text-decoration:none}.cockpit-menu ul{list-style-type:none}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{font-size:14px;font-family:\'Poppins\', sans-serif;border-top:1px solid #C5C6D0;padding:16px 32px;position:relative;box-sizing:border-box}.cockpit-footer *{box-sizing:border-box}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2em}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{font-size:10px;font-family:\'Poppins\', sans-serif;padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1;box-sizing:border-box}.cockpit-load *{box-sizing:border-box}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6em;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4em;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{font-size:10px;font-family:\'Poppins\', sans-serif;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cockpit-webmodal *{box-sizing:border-box}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4em;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6em;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4em;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__error{text-align:center}.cockpit-webmodal__error-text{display:block;font-size:1.6em}.cockpit-webmodal__error-icon{width:100px;height:100px;fill:#4D4C59}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}';exports.CockpitStyle='body{margin:0}.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{font-size:10px;font-family:\'Poppins\', sans-serif;min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center;box-sizing:border-box;color:#8B8C99}.cockpit-header *{box-sizing:border-box}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4em;font-size:1.6em;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6em;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:2.4em}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4em;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.1em;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:0.9em;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlist{padding:0}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0em;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4em;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6em;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}.cockpit-header button{background-color:transparent;font-family:\'Poppins\', sans-serif;border-style:none;font-size:inherit;outline-style:none}.cockpit-header a{text-decoration:none}.cockpit-header ul{list-style-type:none}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{font-size:10px;font-family:\'Poppins\', sans-serif;background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2;box-sizing:border-box}.cockpit-menu *{box-sizing:border-box}.cockpit-menu__list{padding:0 0 32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2em;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4em;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-align:left;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4em;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}.cockpit-menu button{font-family:\'Poppins\', sans-serif;background-color:transparent;border-style:none;font-size:inherit;outline-style:none}.cockpit-menu a{text-decoration:none}.cockpit-menu ul{list-style-type:none}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{font-size:14px;font-family:\'Poppins\', sans-serif;border-top:1px solid #C5C6D0;padding:16px 32px;position:relative;box-sizing:border-box}.cockpit-footer *{box-sizing:border-box}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2em}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{font-size:10px;font-family:\'Poppins\', sans-serif;padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1;box-sizing:border-box}.cockpit-load *{box-sizing:border-box}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6em;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4em;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{font-size:10px;font-family:\'Poppins\', sans-serif;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cockpit-webmodal *{box-sizing:border-box}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4em;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6em;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4em;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__error{text-align:center}.cockpit-webmodal__error-text{display:block;font-size:1.6em}.cockpit-webmodal__error-icon{width:100px;height:100px;fill:#4D4C59}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}',exports.default='body{margin:0}.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{font-size:10px;font-family:\'Poppins\', sans-serif;min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center;box-sizing:border-box;color:#8B8C99}.cockpit-header *{box-sizing:border-box}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4em;font-size:1.6em;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6em;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:2.4em}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4em;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.1em;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:0.9em;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlist{padding:0}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0em;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4em;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6em;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}.cockpit-header button{background-color:transparent;font-family:\'Poppins\', sans-serif;border-style:none;font-size:inherit;outline-style:none}.cockpit-header a{text-decoration:none}.cockpit-header ul{list-style-type:none}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{font-size:10px;font-family:\'Poppins\', sans-serif;background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2;box-sizing:border-box}.cockpit-menu *{box-sizing:border-box}.cockpit-menu__list{padding:0 0 32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2em;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4em;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-align:left;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4em;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}.cockpit-menu button{font-family:\'Poppins\', sans-serif;background-color:transparent;border-style:none;font-size:inherit;outline-style:none}.cockpit-menu a{text-decoration:none}.cockpit-menu ul{list-style-type:none}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{font-size:14px;font-family:\'Poppins\', sans-serif;border-top:1px solid #C5C6D0;padding:16px 32px;position:relative;box-sizing:border-box}.cockpit-footer *{box-sizing:border-box}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2em}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{font-size:10px;font-family:\'Poppins\', sans-serif;padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1;box-sizing:border-box}.cockpit-load *{box-sizing:border-box}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6em;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4em;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{font-size:10px;font-family:\'Poppins\', sans-serif;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cockpit-webmodal *{box-sizing:border-box}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4em;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6em;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4em;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__error{text-align:center}.cockpit-webmodal__error-text{display:block;font-size:1.6em}.cockpit-webmodal__error-icon{width:100px;height:100px;fill:#4D4C59}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}'; | ||
'use strict'; | ||
Object.defineProperty(exports, "__esModule", { | ||
value: true | ||
}); | ||
var CockpitStyle = 'body{margin:0}.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{font-size:10px;font-family:\'Poppins\', sans-serif;min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center;box-sizing:border-box;color:#8B8C99}.cockpit-header *{box-sizing:border-box}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4em;font-size:1.6em;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6em;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:2.4em}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4em;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.1em;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:0.9em;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlist{padding:0}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0em;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4em;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6em;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}.cockpit-header button{background-color:transparent;font-family:\'Poppins\', sans-serif;border-style:none;font-size:inherit;outline-style:none}.cockpit-header a{text-decoration:none}.cockpit-header ul{list-style-type:none}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{font-size:10px;font-family:\'Poppins\', sans-serif;background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2;box-sizing:border-box}.cockpit-menu *{box-sizing:border-box}.cockpit-menu__list{padding:0 0 32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2em;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4em;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-align:left;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4em;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}.cockpit-menu button{font-family:\'Poppins\', sans-serif;background-color:transparent;border-style:none;font-size:inherit;outline-style:none}.cockpit-menu a{text-decoration:none}.cockpit-menu ul{list-style-type:none}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{font-size:14px;font-family:\'Poppins\', sans-serif;border-top:1px solid #C5C6D0;padding:16px 32px;position:relative;box-sizing:border-box}.cockpit-footer *{box-sizing:border-box}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2em}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{font-size:10px;font-family:\'Poppins\', sans-serif;padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1;box-sizing:border-box}.cockpit-load *{box-sizing:border-box}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6em;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4em;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{font-size:10px;font-family:\'Poppins\', sans-serif;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cockpit-webmodal *{box-sizing:border-box}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4em;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6em;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4em;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__error{text-align:center}.cockpit-webmodal__error-text{display:block;font-size:1.6em}.cockpit-webmodal__error-icon{width:100px;height:100px;fill:#4D4C59}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}';exports.CockpitStyle = CockpitStyle; | ||
exports.default = CockpitStyle; |
@@ -85,3 +85,3 @@ import React, { Component, Fragment, createRef } from 'react'; | ||
w.intercomInterval = w.setInterval(() => { | ||
if (!!w.Intercom && w.Intercom.booted) { | ||
if (!!w.Intercom && w.Intercom.booted && this.props.logged) { | ||
clearInterval(w.intercomInterval); | ||
@@ -88,0 +88,0 @@ clearTimeout(w.intercomTimeout); |
import React, { Component, createRef, Fragment } from 'react'; | ||
import { connect } from 'react-redux'; | ||
import { Link } from 'react-router-dom'; | ||
@@ -297,2 +298,2 @@ import SVG from 'webmotors-svg'; | ||
export default CockpitMenu; | ||
export default connect(() => ({}))(CockpitMenu); |
const CockpitStyle = 'body{margin:0}.cockpit__main{display:flex}.cockpit__content{flex:1}.elCentralClient{position:absolute !important;left:-16px;bottom:59px !important;transform:scale(0.7)}@keyframes cockpit-header__logo{0%{stroke-dashoffset:100px}80%{stroke-dashoffset:0px}81%{fill-opacity:0}100%{fill-opacity:1}}.cockpit-header{font-size:10px;font-family:\'Poppins\', sans-serif;min-height:56px;transition:max-width 0.3s linear;width:100%;max-width:1120px;margin-left:auto;margin-right:auto;display:flex;align-items:center;box-sizing:border-box;color:#8B8C99}.cockpit-header *{box-sizing:border-box}.cockpit-header--logged{box-shadow:0 0 10px #C5C6D0;z-index:1}.cockpit-header--logged .cockpit-header__logo{height:80px;width:250px;padding:8px 32px;margin-top:0}.cockpit-header__home{width:250px;box-shadow:0 0px 8px 0 rgba(0,0,0,0.1)}.cockpit-header__home .svg{width:100%}.cockpit-header__logo{height:40px;margin-top:8px;padding:0px;transition:padding 0.3s, filter 0.3s;fill:transparent;stroke:#8B8C99;stroke-width:1px;stroke-dashoffset:100px;stroke-dasharray:100px;animation:cockpit-header__logo 1s forwards;fill-opacity:0}.cockpit-header__logo *{transition:fill 0.3s}.cockpit-header__logo .st0{fill:#2F2F2F}.cockpit-header__logo .st1{fill:#FC324D}.cockpit-header__tools{flex:1;display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.cockpit-header__search{display:flex;align-items:center;flex:1;padding:11px 0px;width:80%;margin:0 auto}.cockpit-header__search .svg{height:20px;width:20px;margin-right:8px}.cockpit-header__search .svg svg{width:100%;height:100%;fill:#4D4C59}.cockpit-header__search--active .cockpit-header__inputwrap:before{transform:translate(-28px, -1px) rotateY(0deg)}.cockpit-header__inputwrap{width:100%;position:relative}.cockpit-header__inputwrap:before{content:\'\';position:absolute;width:100%;width:calc(100% + 28px);left:0;top:100%;border-bottom:2px solid #43BCCD;transform:translate(-28px, -1px) rotateY(90deg);transition:transform 0.3s}.cockpit-header__input{width:100%;border-style:none;border-bottom:1px solid #ECEDF2;padding:0 4px;line-height:2.4em;font-size:1.6em;outline-style:none}.cockpit-header__settings{display:flex;align-items:center}.cockpit-header__user{position:relative}.cockpit-header__navimage{width:32px;height:32px;line-height:30px;border-radius:32px;text-align:center;text-transform:uppercase;color:#FFFFFF;background-color:#4D4C59;border:2px solid transparent;box-shadow:0 0 1px 1px #FFFFFF inset;background-size:cover;background-position:center;font-size:1.6em;font-weight:500}.cockpit-header__navimage--64{width:64px;height:64px;line-height:62px;font-size:2.4em}.cockpit-header__notify{margin-right:32px;position:relative}.cockpit-header__notify svg{width:24px;height:24px;fill:#4D4C59}.cockpit-header__notifynumber{position:absolute;right:-10px;top:-10px;width:26px;height:26px;border-radius:26px;line-height:19px;color:#FFFFFF;background-color:#F3123C;border:3px solid #FFFFFF;transform:scale(1);transition:transform 0.3s}.cockpit-header__notifynumber:empty{transform:scale(0)}.cockpit-header__box{position:absolute;top:100%;right:-16px;background-color:#FFFFFF;padding:16px 24px;box-shadow:0 0 12px 0 rgba(0,0,0,0.2),0 6px 8px 0 rgba(0,0,0,0.2);border-radius:4px;width:280px;font-size:1.4em;transform:translateY(-64px);opacity:0;transition:transform 0.3s, opacity 0.3s;will-change:transform, opacity;margin-top:4px;pointer-events:none;z-index:7}.cockpit-header__box--open{transform:translateY(0px);opacity:1;pointer-events:all}.cockpit-header__box:after,.cockpit-header__box:before{content:\'\';position:absolute;top:0px;background-color:#FFFFFF;transform:rotate(45deg);transform-origin:12px 0px}.cockpit-header__box:before{width:12px;height:12px;right:24px;box-shadow:0 0 10px #8B8C99}.cockpit-header__box:after{width:24px;height:24px;right:12px;background-color:#FFFFFF}.cockpit-header__person{display:flex;align-items:center;padding-bottom:16px;border-bottom:1px solid #ECEDF2;margin-bottom:8px}.cockpit-header__info{padding-left:12px;flex:1;overflow:hidden;text-overflow:ellipsis}.cockpit-header__name{font-size:1.1em;color:#4D4C59;overflow:hidden;text-overflow:ellipsis}.cockpit-header__email{font-size:0.9em;overflow:hidden;text-overflow:ellipsis}.cockpit-header__navlist{padding:0}.cockpit-header__navlink{display:flex;align-items:center;fill:#4D4C59;color:#4D4C59;padding:4px 0;opacity:0.7;transition:opacity 0.3s}.cockpit-header__navlink:hover{opacity:1}.cockpit-header__navicon{width:22px;height:22px;margin-right:12px}.cockpit-header__group{padding:8px 32px 7px 28px;border-right:1px solid #ECEDF2;display:flex;cursor:pointer;margin-right:32px;transition:fill 0.3s}.cockpit-header__group .svg{width:26px;height:26px;margin-right:12px;transform:translate(0, 4px)}.cockpit-header__group svg{width:100%}.cockpit-header__group:hover{fill:#43BCCD}.cockpit-header__group:hover .cockpit-header__groupname,.cockpit-header__group:hover .cockpit-header__groupstore{color:#43BCCD}.cockpit-header__group:hover .cockpit-header__icon-toggle{border-color:#43BCCD}.cockpit-header__groupname{font-size:1.0em;color:#8B8C99}.cockpit-header__groupstore{font-size:1.4em;color:#4D4C59}.cockpit-header__groupname,.cockpit-header__groupstore{line-height:1.4em;transition:color 0.3s}.cockpit-header__group-align{text-align:left}.cockpit-header__icon-toggle{width:10px;height:10px;border-style:solid;border-color:#3f3f3f;border-width:0 1px 1px 0;transform-origin:center;transition:transform 0.4s, border-color 0.4s;display:inline-block;margin-left:32px;transform:rotate(45deg) translate(0px, 14px)}.cockpit-header__phrase{margin-left:32px;padding-left:32px;font-size:1.6em;position:relative}.cockpit-header__phrase:before{content:\'\';position:absolute;top:50%;left:0;height:32px;transform:translateY(-50%);border-left:1px solid #e5e6ea}@media (max-width: 1024px){.cockpit-header--logged{display:flex;flex-wrap:wrap;z-index:2;position:relative}.cockpit-header--logged .cockpit-header__logo{height:40px;margin:0;display:inline-block}.cockpit-header--logged .cockpit-header__button-nav{width:56px;padding:0 15px;background-color:#2E2D37}.cockpit-header--logged .cockpit-header__button-line{height:3px;background-color:#FFFFFF;display:block;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before,.cockpit-header--logged .cockpit-header__button-line:after{content:\'\';height:3px;background-color:#FFFFFF;display:block;transform-origin:right center;transition:transform 0.3s}.cockpit-header--logged .cockpit-header__button-line:before{transform:rotate(0deg) translate(0px, 8px)}.cockpit-header--logged .cockpit-header__button-line:after{transform:rotate(0deg) translate(0px, -11px)}.cockpit-header--nav-open{box-shadow:none;overflow:hidden;min-height:40px;height:40px}.cockpit-header--nav-open .cockpit-header__home,.cockpit-header--nav-open .cockpit-header__tools{visibility:hidden}.cockpit-header--nav-open .cockpit-header__button-line{background-color:transparent}.cockpit-header--nav-open .cockpit-header__button-line:before{transform:rotate(45deg) translate(5px, 8px)}.cockpit-header--nav-open .cockpit-header__button-line:after{transform:rotate(-45deg) translate(7px, -11px)}.cockpit-header--nav-open+.wrapper .cockpit-menu{z-index:1;transform:translateX(0px)}.cockpit-header--nav-open+.wrapper .content{position:relative;z-index:-1}.cockpit-header__home{display:block;width:calc(100% - 56px)}.cockpit-header__home .svg{width:auto;display:block;line-height:50%}.cockpit-header__tools{padding:12px;justify-content:flex-end;flex-direction:column;position:relative}.cockpit-header__user{position:static}.cockpit-header__box{width:calc(100% - 8px);right:4px}.cockpit-header__box:before{right:238px}.cockpit-header__box:after{right:226px}}.cockpit-header button{background-color:transparent;font-family:\'Poppins\', sans-serif;border-style:none;font-size:inherit;outline-style:none}.cockpit-header a{text-decoration:none}.cockpit-header ul{list-style-type:none}@media (max-width: 768px){.cockpit-header__logo{margin:8px auto}.cockpit-header__logo .svg{width:100%}}_:-ms-input-placeholder,:root .cockpit-header__logo{fill-opacity:1}.cockpit-menu{font-size:10px;font-family:\'Poppins\', sans-serif;background-color:#2E2D37;color:#FFFFFF;max-width:250px;flex-grow:1;padding:24px 0 64px;position:relative;z-index:2;box-sizing:border-box}.cockpit-menu *{box-sizing:border-box}.cockpit-menu__list{padding:0 0 32px}.cockpit-menu__list+.cockpit-menu__list{padding-top:32px}.cockpit-menu__list+.cockpit-menu__list:before{content:\'\';display:block;border-top:1px solid #4D4C59;margin:0 32px;transform:translateY(-32px)}.cockpit-menu__menu{font-size:1.2em;text-transform:uppercase}.cockpit-menu__menu .cockpit-menu__menu{font-size:1.4em;background-color:#4D4C59;text-transform:none;display:none;transition:height 0.3s}.cockpit-menu__item{color:#FFFFFF}.cockpit-menu__item--active>.cockpit-menu__link{opacity:1}.cockpit-menu__item--active .cockpit-menu__menu{display:block}.cockpit-menu__link{line-height:40px;padding:0 32px;display:block;width:100%;background-color:transparent;color:#FFFFFF;fill:#FFFFFF;opacity:0.7;transition:opacity 0.3s;text-align:left;text-transform:uppercase}.cockpit-menu__link:hover{opacity:1}.cockpit-menu__dash{position:absolute;left:0;top:0;width:9px;background-color:#F3123C;transition:transform 0.2s}.cockpit-menu__link .svg{vertical-align:middle;margin-right:12px}.cockpit-menu__icon{width:20px;height:20px;transform:translateY(4px)}.cockpit-menu__sublist{background-color:#4D4C59;overflow:hidden;height:0;transition:height 0.3s, padding 0.3s}.cockpit-menu__sublist--active{padding:8px 0}.cockpit-menu__sublink{padding:8px 0 8px 32px;display:block;text-transform:none;font-size:1.4em;font-weight:100;color:#ccc;transition:color 0.3s}.cockpit-menu__sublink:hover{color:#fff}.cockpit-menu__webmotors{width:100px;margin:48px 32px;opacity:0.3}.cockpit-menu__webmotors .st0,.cockpit-menu__webmotors .st1,.cockpit-menu__webmotors .st2{fill:#FFFFFF}.cockpit-menu__error{padding:0 32px;display:flex;align-items:center}.cockpit-menu__error-icon{width:16px;height:16px;margin-right:12px;fill:#ffffff}.cockpit-menu button{font-family:\'Poppins\', sans-serif;background-color:transparent;border-style:none;font-size:inherit;outline-style:none}.cockpit-menu a{text-decoration:none}.cockpit-menu ul{list-style-type:none}@media (max-width: 1024px){.cockpit-menu{position:absolute;left:0;top:0;max-width:100vw;width:100%;height:100vh;padding-top:48px;transform:translateX(100%);transition:transform 0.3s}.cockpit-menu--open{display:block}}.cockpit-footer{font-size:14px;font-family:\'Poppins\', sans-serif;border-top:1px solid #C5C6D0;padding:16px 32px;position:relative;box-sizing:border-box}.cockpit-footer *{box-sizing:border-box}.cockpit-footer__container{display:flex;justify-content:space-between;align-items:center;max-width:1120px;margin-left:auto;margin-right:auto}.cockpit-footer__sign{display:flex;align-items:center}.cockpit-footer__logo-webmotors{height:32px;transform:translateY(4px)}.cockpit-footer__logo-webmotors .st0{fill:#ef181f}.cockpit-footer__logo-webmotors .st1{fill:#171717}.cockpit-footer__logo-santander{height:25px;margin-left:16px}.cockpit-footer__logo-santander .st0{fill:#ef1200}@media (max-width: 768px){.cockpit-footer{padding:4px 0 8px}.cockpit-footer__container{flex-direction:column;text-align:center}.cockpit-footer__copyright{margin-bottom:8px;font-size:1.2em}.cockpit-footer__sign{justify-content:center}}@keyframes cockpit-load-icon-gear{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#fff;stroke-opacity:0;opacity:1;transform:rotate(0deg);transform-origin:50% 50%}90%{opacity:0;transform-origin:50% 50%;transform:rotate(90deg)}95%{stroke-dashoffset:260px}}@keyframes cockpit-load-icon-circle{0%{stroke-dashoffset:260px;fill:transparent}10%{stroke-dashoffset:0px;fill:transparent;stroke-opacity:1}30%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0}70%{stroke-dashoffset:-260px;fill:#ec0928;stroke-opacity:0;opacity:1}90%{opacity:0}95%{stroke-dashoffset:260px}}.cockpit-load{font-size:10px;font-family:\'Poppins\', sans-serif;padding:32px 32px;height:100%;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;flex:1;box-sizing:border-box}.cockpit-load *{box-sizing:border-box}.cockpit-load--error{min-height:calc(100vh - 214px)}.cockpit-load--error .cockpit-load__icon{width:164px;height:164px}.cockpit-load .svg{display:block;margin-bottom:16px}.cockpit-load__icon{width:128px;height:128px;display:inline-block;stroke:#C5C6D0;stroke-width:1px;stroke-dashoffset:260px;stroke-dasharray:260px}.cockpit-load__icon .st0{animation:cockpit-load-icon-circle 5s infinite}.cockpit-load__icon .st1{animation:cockpit-load-icon-gear 5s infinite}.cockpit-load__icon *{fill:transparent}.cockpit-load__title{font-size:3.6em;font-weight:900;padding-bottom:24px;text-transform:uppercase}.cockpit-load__text{font-size:2.4em;color:#8B8C99;display:inline;position:relative}@keyframes modalBgOpen{0%{background-color:rgba(0,0,0,0)}100%{background-color:rgba(0,0,0,0.7)}}@keyframes modalBoxOpen{0%{transform:translateY(-100px)}100%{transform:translateY(0px)}}@keyframes modalBgClose{0%{background-color:rgba(0,0,0,0.7)}100%{background-color:rgba(0,0,0,0)}}@keyframes modalBoxClose{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-100px);opacity:0}}.cockpit-webmodal{font-size:10px;font-family:\'Poppins\', sans-serif;position:fixed;left:0;top:0;width:100vw;height:100vh;z-index:7;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.cockpit-webmodal *{box-sizing:border-box}.cockpit-webmodal a,.cockpit-webmodal .cockpit-webmodal__link{color:#43BCCD;text-decoration:none;cursor:pointer;background-color:transparent}.cockpit-webmodal--close{pointer-events:none}.cockpit-webmodal--close .cockpit-webmodal__bg{animation:modalBgClose 0.4s forwards}.cockpit-webmodal--close .cockpit-webmodal__box{animation:modalBoxClose 0.2s forwards}.cockpit-webmodal__bg{position:absolute;left:0;top:0;width:100%;height:150vh;animation:modalBgOpen 0.4s forwards}.cockpit-webmodal__box{animation:modalBoxOpen 0.4s forwards;transition:height 0.3s;max-width:664px;width:100%;background-color:#FFFFFF;color:#4D4C59;border-radius:4px;position:relative;z-index:1}.cockpit-webmodal__box-1 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-1.svg)}.cockpit-webmodal__box-2 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-2.svg)}.cockpit-webmodal__box-3 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-3.svg)}.cockpit-webmodal__box-4 .cockpit-webmodal__icon{background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__close,.cockpit-webmodal__prev{position:absolute;top:32px;width:16px;height:16px;background-size:cover;cursor:pointer}.cockpit-webmodal__close:hover,.cockpit-webmodal__prev:hover{opacity:0.8}.cockpit-webmodal__close{right:32px}.cockpit-webmodal__prev{left:32px}.cockpit-webmodal__icon{width:64px;height:64px;margin:0 auto 16px;background-size:cover}.cockpit-webmodal__icon__platinum{width:64px;height:64px;margin:0 auto 16px;background-size:cover;background-image:url(/images/categories/icon-category-4.svg)}.cockpit-webmodal__icon__container{display:flex}.cockpit-webmodal__header .cockpit-webmodal__icon{fill:#F3123C;width:44px;height:44px;margin-bottom:24px}.cockpit-webmodal__wrap{max-height:95vh;padding:32px 48px 32px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.cockpit-webmodal__wrap-hide{display:none}.cockpit-webmodal__bigtitle{font-size:2.4em;text-align:center;font-weight:600;margin-bottom:16px}.cockpit-webmodal__list-title{color:#4D4C59;font-size:1.6em;font-weight:600;padding:32px 0 12px 16px}.cockpit-webmodal__list-row{border-top:1px solid #ECEDF2;padding:8px 16px;font-size:1.4em;height:56px;transition:padding 0.3s, height 0.3s;display:flex;align-items:center;justify-content:space-between}.cockpit-webmodal__list-row:last-child{border-bottom:1px solid #ECEDF2}.cockpit-webmodal__list-row--hide{padding:0px;height:0px;font-size:0px;border-top-style:none}.cockpit-webmodal__list-row--hide .cockpit-webmodal__list-right{display:none}.cockpit-webmodal__list-row--hide .svg{display:none}.cockpit-webmodal__list-name{color:#43bccd}.cockpit-webmodal__list-map{display:flex;align-items:center}.cockpit-webmodal__list--group .cockpit-webmodal__list-row .svg{width:16px;height:16px;fill:#4D4C59;margin-right:8px}.cockpit-webmodal__content{flex:1;overflow-y:scroll;padding-right:8px}.cockpit-webmodal__content::-webkit-scrollbar{background:transparent;width:8px;transition:width 0.3s}.cockpit-webmodal__content::-webkit-scrollbar-track{border-radius:16px}.cockpit-webmodal__content::-webkit-scrollbar-thumb{background-color:#8B8C99;border-radius:16px;border:2px solid #FFFFFF}.cockpit-webmodal__content:hover{padding-right:0px}.cockpit-webmodal__content:hover::-webkit-scrollbar{width:16px}.cockpit-webmodal__content:hover::-webkit-scrollbar-track{background-color:#F3F5F8}.cockpit-webmodal__content:hover::-webkit-scrollbar-thumb{border:2px solid #F3F5F8}.cockpit-webmodal__error{text-align:center}.cockpit-webmodal__error-text{display:block;font-size:1.6em}.cockpit-webmodal__error-icon{width:100px;height:100px;fill:#4D4C59}.cockpit-webmodal__zindex{z-index:10}@media (max-width: 768px){.cockpit-webmodal__box{padding:16px;width:90%;max-height:90vh}.cockpit-webmodal__content{max-height:80vh;padding:16px}.cockpit-webmodal__bigtitle{line-height:1.2em}.cockpit-webmodal__header .cockpit-webmodal__icon{margin-bottom:8px}}_:-ms-fullscreen,:root .cockpit-webmodal__textplain{min-height:470px}@-moz-document url-prefix(){}';export { CockpitStyle };export default CockpitStyle; |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Minified code
QualityThis package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.
Found 2 instances in 1 package
2763
1
0
223136