@codementor/ui-kit
Version:
166 lines (135 loc) • 12.9 kB
JavaScript
'use strict';
Object.defineProperty(exports, "__esModule", {
value: true
});
var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
var _createClass2 = require('babel-runtime/helpers/createClass');
var _createClass3 = _interopRequireDefault(_createClass2);
var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
var _inherits2 = require('babel-runtime/helpers/inherits');
var _inherits3 = _interopRequireDefault(_inherits2);
var _style = require('styled-jsx/style');
var _style2 = _interopRequireDefault(_style);
var _react = require('react');
var _react2 = _interopRequireDefault(_react);
var _propTypes = require('prop-types');
var _propTypes2 = _interopRequireDefault(_propTypes);
var _Button = require('./Button');
var _Button2 = _interopRequireDefault(_Button);
var _Close = require('./Icons/Close');
var _Close2 = _interopRequireDefault(_Close);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var BackgroundImage = function BackgroundImage(props) {
return _react2.default.createElement(
'svg',
props,
_react2.default.createElement('path', {
d: 'M87.725 143.445c-.432 1.019-2.194 1.285-2.947.444a94.205 94.205 0 0 1-3.396-4.79c-2.092-.091-4.17-.324-6.217-.488-1.15-.155-1.688-1.385-.812-2.266a84.907 84.907 0 0 0 3.964-4.489 198.224 198.224 0 0 1-1.264-5.905c-.238-1.142.774-2.03 1.631-1.438 1.492.855 3.022 1.411 4.642 2.127.657-.561 1.3-1.081 1.91-1.667l1.757-1.855c.643-.703 1.907-.152 2.033.896.29 1.978.55 3.967.777 5.96 1.672 1.067 3.442 2.122 5.237 2.948 1.002.533 1.02 1.866.01 2.443-1.84.938-3.798 1.592-5.729 2.399-.458 1.92-.983 3.854-1.596 5.68zM60.115 1.114C60.546.092 62.306-.172 63.059.67a94.273 94.273 0 0 1 3.399 4.79c2.09.088 4.17.323 6.217.488 1.146.154 1.685 1.385.809 2.263a88.253 88.253 0 0 0-3.962 4.49c.453 1.967.873 3.934 1.264 5.907.239 1.142-.776 2.03-1.63 1.435-1.496-.852-3.022-1.409-4.646-2.127-.653.564-1.296 1.084-1.91 1.67l-1.754 1.852c-.643.706-1.907.152-2.033-.894-.29-1.978-.549-3.966-.78-5.962-1.668-1.064-3.439-2.122-5.233-2.945-1.002-.536-1.02-1.866-.011-2.446 1.838-.936 3.796-1.589 5.73-2.396.455-1.923.98-3.855 1.596-5.681zm86.754 57.698c1.047.42 1.318 2.138.455 2.872a93.927 93.927 0 0 1-4.91 3.316c-.09 2.038-.332 4.068-.5 6.062-.158 1.121-1.417 1.646-2.32.792a89.235 89.235 0 0 0-4.602-3.865c-2.017.442-4.036.852-6.056 1.23-1.17.236-2.079-.754-1.473-1.588.876-1.458 1.446-2.947 2.183-4.53-.579-.638-1.11-1.268-1.712-1.861l-1.902-1.714c-.717-.628-.152-1.86.922-1.984 2.028-.282 4.063-.535 6.107-.757 1.093-1.631 2.178-3.36 3.021-5.109.547-.977 1.913-.996 2.508-.01.958 1.792 1.628 3.702 2.458 5.589 1.97.444 3.949.956 5.821 1.557zm-2.888 37.371c.7.878.086 2.511-1.028 2.73a68.248 68.248 0 0 1-5.992.463c-1.179 1.701-2.264 3.423-3.501 5.033-.78.857-2.175.677-2.462-.473-.48-1.868-1.264-3.794-1.982-5.579a205.976 205.976 0 0 1-5.858-1.879c-1.128-.365-1.438-1.674-.504-2.11.718-.43 1.487-.858 2.189-1.333l2.044-1.513c-.394-1.68-.657-3.246-1.283-4.85-.322-.896.776-1.696 1.775-1.28 1.908.744 3.807 1.518 5.7 2.32 1.728-.894 3.563-1.86 5.27-2.948.945-.588 2.19.07 2.16 1.207l-.709 6.047c1.454 1.338 2.81 2.712 4.181 4.165zm-21.635 30.971c.193 1.142-1.168 2.26-2.288 1.853a99.832 99.832 0 0 1-5.456-2.548c-.924.48-1.803 1.011-2.75 1.432l-2.861 1.21c-1.09.4-2.197-.413-1.878-1.581.477-1.96.881-3.854 1.181-5.73a210.748 210.748 0 0 1-4.138-4.508c-.79-.87-.343-2.09.64-2.082a119.49 119.49 0 0 0 5.161-.374c.501-1.678.949-3.303 1.35-4.876.255-.865 1.549-1.09 2.21-.23a215.42 215.42 0 0 1 3.77 4.818 88.9 88.9 0 0 0 5.991-.057c1.165-.008 1.848 1.126 1.24 2.093-1.154 1.672-2.322 3.368-3.712 4.881a94.202 94.202 0 0 1 1.54 5.7zm-72.93 13.471c-.9.685-2.574.084-2.799-1a64.368 64.368 0 0 1-.476-5.846c-1.742-1.152-3.507-2.21-5.16-3.418-.875-.76-.693-2.12.488-2.401 1.915-.465 3.89-1.231 5.716-1.934a202.062 202.062 0 0 1 1.926-5.712c.378-1.1 1.72-1.406 2.167-.494.44.7.879 1.453 1.366 2.138l1.548 1.99c1.725-.38 3.33-.64 4.972-1.248.921-.314 1.74.757 1.312 1.73a194.2 194.2 0 0 1-2.376 5.563c.914 1.682 1.907 3.475 3.022 5.137.6.925-.075 2.137-1.238 2.111l-6.2-.695c-1.37 1.419-2.778 2.741-4.268 4.079zm-31.75-21.103c-1.17.185-2.315-1.142-1.9-2.232a96.044 96.044 0 0 1 2.612-5.325c-.49-.899-1.036-1.756-1.468-2.684l-1.24-2.788c-.41-1.066.426-2.145 1.623-1.832 2.01.463 3.949.86 5.875 1.153a199.199 199.199 0 0 1 4.62-4.037c.892-.774 2.143-.337 2.135.622.09 1.617.206 3.305.383 5.037 1.72.49 3.386.925 4.995 1.315.89.25 1.117 1.513.236 2.156a206.283 206.283 0 0 1-4.936 3.676 82.609 82.609 0 0 0 .058 5.848c.006 1.134-1.157 1.8-2.145 1.207-1.714-1.126-3.453-2.265-5.006-3.619-1.902.552-3.85 1.05-5.842 1.503zM.969 85.746c-1.045-.42-1.318-2.137-.455-2.874a95.524 95.524 0 0 1 4.91-3.313c.093-2.039.332-4.069.5-6.065.158-1.119 1.42-1.644 2.32-.79a89.235 89.235 0 0 0 4.602 3.865c2.017-.441 4.037-.852 6.056-1.233 1.17-.233 2.079.755 1.473 1.591-.876 1.458-1.446 2.948-2.183 4.529.579.64 1.11 1.267 1.712 1.863l1.902 1.714c.72.627.152 1.858-.919 1.98-2.03.285-4.066.536-6.11.761-1.093 1.63-2.178 3.358-3.021 5.108-.547.975-1.913.996-2.507.01-.96-1.794-1.629-3.704-2.457-5.588-1.968-.445-3.95-.96-5.823-1.558zm2.89-37.37c-.702-.878-.086-2.514 1.025-2.731a69.246 69.246 0 0 1 5.995-.465c1.179-1.699 2.263-3.42 3.5-5.03.78-.857 2.176-.677 2.463.473.479 1.868 1.261 3.791 1.982 5.578 1.966.596 3.918 1.226 5.855 1.88 1.128.365 1.438 1.674.506 2.108-.718.431-1.489.86-2.19 1.335l-2.042 1.51c.394 1.683.656 3.249 1.28 4.853.322.896-.776 1.696-1.773 1.28a204.623 204.623 0 0 1-5.7-2.323c-1.727.894-3.565 1.86-5.268 2.95-.946.586-2.192-.073-2.165-1.207l.713-6.049c-1.457-1.335-2.81-2.71-4.182-4.162zm21.633-30.974c-.193-1.142 1.168-2.258 2.288-1.853a99.85 99.85 0 0 1 5.456 2.55c.924-.48 1.803-1.01 2.75-1.431l2.862-1.21c1.092-.4 2.196.413 1.877 1.58-.474 1.96-.881 3.855-1.181 5.731a192.206 192.206 0 0 1 4.138 4.508c.79.87.343 2.09-.64 2.082a119.49 119.49 0 0 0-5.161.374 127.36 127.36 0 0 0-1.35 4.873c-.255.868-1.549 1.09-2.21.23a204.077 204.077 0 0 1-3.769-4.818 90.715 90.715 0 0 0-5.992.06c-1.162.005-1.848-1.126-1.24-2.093 1.157-1.675 2.322-3.368 3.712-4.881a94.812 94.812 0 0 1-1.54-5.702zm72.931-13.47c.9-.683 2.574-.082 2.8 1.002.238 1.94.412 3.85.474 5.846 1.743 1.152 3.508 2.208 5.158 3.418.879.76.694 2.119-.484 2.401-1.918.465-3.89 1.23-5.72 1.934a196.48 196.48 0 0 1-1.925 5.712c-.375 1.1-1.717 1.403-2.164.494-.442-.703-.879-1.456-1.37-2.138l-1.547-1.994c-1.723.385-3.33.643-4.972 1.25-.918.313-1.74-.756-1.312-1.73.763-1.86 1.556-3.713 2.378-5.56-.913-1.686-1.907-3.476-3.024-5.14-.6-.923.075-2.138 1.238-2.11l6.203.693c1.37-1.419 2.778-2.738 4.267-4.079zm31.75 21.105c1.17-.188 2.314 1.142 1.899 2.231a95.288 95.288 0 0 1-2.612 5.323c.49.902 1.037 1.759 1.468 2.686l1.24 2.788c.41 1.066-.426 2.146-1.623 1.832-2.01-.462-3.948-.86-5.874-1.152a193.686 193.686 0 0 1-4.62 4.034c-.893.774-2.144.34-2.136-.622a110.737 110.737 0 0 0-.383-5.035c-1.72-.489-3.385-.925-4.995-1.317-.89-.248-1.117-1.51-.236-2.153a206.378 206.378 0 0 1 4.937-3.68 82.55 82.55 0 0 0-.06-5.845c-.005-1.134 1.158-1.803 2.146-1.21 1.717 1.127 3.453 2.269 5.006 3.622a99.94 99.94 0 0 1 5.842-1.502zM90.34 64.365c4.973 1.633 8.59 6.174 8.59 11.573v14.021c0 6.76-5.64 12.258-12.569 12.258H61.477c-6.929 0-12.567-5.498-12.567-12.258V75.938c0-5.399 3.616-9.94 8.59-11.573v-6.008c0-8.832 7.366-16.018 16.42-16.018 9.053 0 16.42 7.186 16.42 16.018v6.008zm3.232 25.594V75.938c0-3.88-3.236-7.037-7.21-7.037H61.477c-3.978 0-7.211 3.156-7.211 7.037v14.021c0 3.878 3.233 7.032 7.21 7.032H86.36c3.975 0 7.211-3.154 7.211-7.032zM73.92 47.565c-6.099 0-11.062 4.842-11.062 10.792v5.318h22.125v-5.318c0-5.95-4.963-10.792-11.063-10.792zm4.7 33.614c0 1.829-1.104 3.394-2.69 4.128v6.499h-4.017v-6.499c-1.589-.734-2.692-2.302-2.692-4.128 0-2.532 2.103-4.586 4.7-4.586 2.594 0 4.699 2.054 4.699 4.586z',
fill: '#E6E6E6',
opacity: '.5'
})
);
};
BackgroundImage.defaultProps = {
xmlns: 'http://www.w3.org/2000/svg',
width: '148',
height: '145',
viewBox: '0 0 148 145'
};
var CookieConsent = function (_PureComponent) {
(0, _inherits3.default)(CookieConsent, _PureComponent);
function CookieConsent() {
(0, _classCallCheck3.default)(this, CookieConsent);
return (0, _possibleConstructorReturn3.default)(this, (CookieConsent.__proto__ || (0, _getPrototypeOf2.default)(CookieConsent)).apply(this, arguments));
}
(0, _createClass3.default)(CookieConsent, [{
key: 'render',
value: function render() {
var _props = this.props,
onAccept = _props.onAccept,
onClose = _props.onClose,
codementorHost = _props.codementorHost;
var cookiesLink = codementorHost + '/cookies';
return _react2.default.createElement(
'div',
{
className: 'jsx-4029569899' + ' ' + 'consent'
},
_react2.default.createElement(_Close2.default, {
color: '#999',
onClick: onClose,
className: 'consent__close' }),
_react2.default.createElement(
'h3',
{
className: 'jsx-4029569899'
},
'Please accept our cookies! \uD83C\uDF6A'
),
_react2.default.createElement(
'p',
{
className: 'jsx-4029569899'
},
'Codementor and its third-party tools use cookies to gather statistics and offer you personalized content and experience. Read about how we use cookies and how to withdraw your consent in our Cookie Policy. If you continue to use this site, you consent to our use of cookies.'
),
_react2.default.createElement(
'p',
{
className: 'jsx-4029569899' + ' ' + 'mini'
},
'Please accept our cookies! Read',
_react2.default.createElement(
'a',
{ href: cookiesLink, target: '_blank', className: 'jsx-4029569899'
},
'Cookie Policy'
),
' \uD83C\uDF6A'
),
_react2.default.createElement(
'div',
{
className: 'jsx-4029569899' + ' ' + 'actions'
},
_react2.default.createElement(
'a',
{ href: cookiesLink, target: '_blank', className: 'jsx-4029569899'
},
'Cookie Policy'
),
_react2.default.createElement(
_Button2.default,
{ type: 'red', onClick: onAccept },
'accept cookies'
)
),
_react2.default.createElement(
'div',
{
className: 'jsx-4029569899' + ' ' + 'bg'
},
_react2.default.createElement(BackgroundImage, null)
),
_react2.default.createElement(_style2.default, {
styleId: '4029569899',
css: '.consent.jsx-4029569899{position:fixed;bottom:32px;left:32px;width:300px;border-radius:6px;box-shadow:0 4px 20px 0 rgba(0,0,0,0.4);background-color:#ffffff;border:solid 1px #e6e6e6;color:#003648;padding:22px;overflow:hidden;}h3.jsx-4029569899{font-size:14px;margin:0 0 8px;}a.jsx-4029569899{color:#003648;font-size:12px;font-weight:600;-webkit-text-decoration:underline;text-decoration:underline;}p.jsx-4029569899{font-size:12px;line-height:18px;margin-top:0;}p.mini.jsx-4029569899{display:none;}p.mini.jsx-4029569899 a.jsx-4029569899{margin-left:4px;}.actions.jsx-4029569899{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.consent.jsx-4029569899 .consent__close{position:absolute;top:10px;right:10px;cursor:pointer;}.bg.jsx-4029569899{position:absolute;bottom:-40px;right:-40px;z-index:-1;}@media all and (max-width:480px){.consent.jsx-4029569899{padding:20px 16px;left:8px;bottom:8px;width:calc(100% - 16px);text-align:center;}h3.jsx-4029569899,p.jsx-4029569899,.bg.jsx-4029569899,.actions.jsx-4029569899 a.jsx-4029569899{display:none;}.actions.jsx-4029569899{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}p.mini.jsx-4029569899{display:block;font-size:14px;}}'
})
);
}
}]);
return CookieConsent;
}(_react.PureComponent);
CookieConsent.propTypes = {
onAccept: _propTypes2.default.func.isRequired,
onClose: _propTypes2.default.func.isRequired,
codementorHost: _propTypes2.default.string.isRequired
};
CookieConsent.defaultProps = {
codementorHost: 'https://www.codementor.io'
};
exports.default = CookieConsent;