ordering-ui-admin-external 1.43.71 → 1.43.73
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_bundles/{ordering-ui-admin.62681e6424fac724af54.js → ordering-ui-admin.bdf07dd15b2ad6973a2d.js} +2 -2
- package/_modules/components/Home/HomePage/index.js +2 -13
- package/_modules/components/Home/HomePage/styles.js +71 -77
- package/_modules/components/Login/ForgotPasswordForm/styles.js +19 -16
- package/_modules/components/Login/LoginForm/styles.js +35 -32
- package/_modules/components/Login/ResetPassword/styles.js +17 -14
- package/_modules/components/SidebarMenu/styles.js +36 -30
- package/package.json +2 -2
- package/src/components/Home/HomePage/index.js +0 -21
- package/src/components/Home/HomePage/styles.js +2 -10
- package/src/components/Login/ForgotPasswordForm/styles.js +10 -4
- package/src/components/Login/LoginForm/styles.js +7 -1
- package/src/components/Login/ResetPassword/styles.js +8 -2
- package/src/components/SidebarMenu/styles.js +6 -2
- /package/_bundles/{ordering-ui-admin.62681e6424fac724af54.js.LICENSE.txt → ordering-ui-admin.bdf07dd15b2ad6973a2d.js.LICENSE.txt} +0 -0
|
@@ -40,7 +40,7 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
|
|
|
40
40
|
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
41
41
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
42
42
|
var HomeUI = function HomeUI(props) {
|
|
43
|
-
var _configs$white_label_, _projectStatus$projec, _sessionState$user, _projectStatus$projec2, _projectStatus$projec3, _project$projectStatu, _projectStatus$projec4, _projectStatus$projec5, _project$projectStatu2, _projectStatus$projec6, _projectStatus$projec7, _project$projectStatu3, _projectStatus$projec8, _project$projectStatu4, _projectStatus$projec9, _sessionState$user2
|
|
43
|
+
var _configs$white_label_, _projectStatus$projec, _sessionState$user, _projectStatus$projec2, _projectStatus$projec3, _project$projectStatu, _projectStatus$projec4, _projectStatus$projec5, _project$projectStatu2, _projectStatus$projec6, _projectStatus$projec7, _project$projectStatu3, _projectStatus$projec8, _project$projectStatu4, _projectStatus$projec9, _sessionState$user2;
|
|
44
44
|
var ordersList = props.ordersList,
|
|
45
45
|
todaySalelsList = props.todaySalelsList,
|
|
46
46
|
monthSalesList = props.monthSalesList,
|
|
@@ -108,9 +108,6 @@ var HomeUI = function HomeUI(props) {
|
|
|
108
108
|
if (location === 'tech') {
|
|
109
109
|
window.open('https://support.ordering.co', '_blank');
|
|
110
110
|
}
|
|
111
|
-
if (location === 'canny') {
|
|
112
|
-
window.open('https://feedback.ordering.co', '_blank');
|
|
113
|
-
}
|
|
114
111
|
if (location === 'onboarding') {
|
|
115
112
|
window.open("https://calendly.com/luisana/group-onboarding-conference?month=".concat((0, _moment.default)().format('YYYY-MM')), '_blank');
|
|
116
113
|
}
|
|
@@ -326,15 +323,7 @@ var HomeUI = function HomeUI(props) {
|
|
|
326
323
|
onClick: function onClick() {
|
|
327
324
|
return goToLink('onboarding');
|
|
328
325
|
}
|
|
329
|
-
}, t('SCHEDULE_TODAY', 'Schedule Today'))))
|
|
330
|
-
className: "center"
|
|
331
|
-
}, t('FEEDBACK_DESCRIPTION', 'Do you think our functionalities can be improved or do you want to see a new feature?')), /*#__PURE__*/_react.default.createElement("p", null, t('SHARE_US_YOUR_COMMENTS', 'Share us your comments')), /*#__PURE__*/_react.default.createElement(_styles.ButtonWrapper, null, /*#__PURE__*/_react.default.createElement(_Buttons.Button, {
|
|
332
|
-
outline: true,
|
|
333
|
-
color: "primary",
|
|
334
|
-
onClick: function onClick() {
|
|
335
|
-
return goToLink('canny');
|
|
336
|
-
}
|
|
337
|
-
}, t('REQUESTS', 'Requests')))))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
|
|
326
|
+
}, t('SCHEDULE_TODAY', 'Schedule Today'))))), /*#__PURE__*/_react.default.createElement(_Shared.Modal, {
|
|
338
327
|
width: "769px",
|
|
339
328
|
padding: "30px",
|
|
340
329
|
title: t('ORDERING', 'Ordering'),
|
|
@@ -7,145 +7,139 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.WidgeBlock = exports.WelcomeMsg = exports.VideoOnBoardingWrapper = exports.VideoOnBoardingContainer = exports.VideoAndReportsWrapper = exports.SalesGraphContainer = exports.Reports = exports.ProjectStatusWrapper = exports.ProjectStatusDescription = exports.ProjectStatusContainer = exports.ProjectInfoWrapper = exports.ProjectCurrentStatus = exports.ParagraphHeaders = exports.OrdersOrSalesContainer = exports.OrdersAndSalesWrapper = exports.OrderingHelpButton = exports.OrderingButtonWrapper = exports.OrderingButtonBlock = exports.OnboardingLessonsContainer = exports.IframeWrapper = exports.HubspotFormWrapper = exports.HomeContainer = exports.HideAndShowWrapper = exports.HeaderContainer = exports.GuideMsg = exports.GreetingText = exports.FirstStoreToSellWrapper = exports.FirstStoreToSellContent = exports.FeedbackWidgets = exports.FeedbackContainer = exports.DetailsContent = exports.CloseButtonWrapper = exports.ChartHeaderContainer = exports.ButtonWrapper = exports.Breadcrumb = exports.BoxIconContainer = exports.AssistanceWidgets = exports.AssistanceTitle = exports.AssistanceBody = void 0;
|
|
8
8
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
9
9
|
var _polished = require("polished");
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38, _templateObject39, _templateObject40, _templateObject41, _templateObject42, _templateObject43, _templateObject44, _templateObject45, _templateObject46, _templateObject47, _templateObject48, _templateObject49, _templateObject50, _templateObject51, _templateObject52, _templateObject53, _templateObject54, _templateObject55;
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
14
|
-
var HomeContainer = exports.HomeContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n flex: 1;\n padding: 20px;\n box-sizing: border-box;\n max-height: 100vh;\n overflow: auto;\n @media print {\n display: none;\n }\n @media (min-width: 768px) {\n padding: 20px 25px;\n }\n @media (min-width: 800px) {\n
|
|
15
|
-
|
|
16
|
-
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding-left: 100px;\n "]))) : (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding-right: 100px;\n "])));
|
|
17
|
-
}, function (props) {
|
|
18
|
-
var _props$theme2;
|
|
19
|
-
return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding-left: 180px;\n "]))) : (0, _styledComponents.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n padding-right: 180px;\n "])));
|
|
20
|
-
});
|
|
21
|
-
var Breadcrumb = exports.Breadcrumb = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n flex: 1;\n display: flex;\n align-items: center;\n margin: 10px 0 50px 0;\n h1 {\n font-weight: bold;\n font-size: 20px;\n margin: 0;\n color: ", ";\n }\n > button {\n ", "\n svg {\n width: 25px;\n height: 25px;\n }\n }\n"])), function (props) {
|
|
14
|
+
var HomeContainer = exports.HomeContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n flex: 1;\n padding: 20px;\n box-sizing: border-box;\n max-height: 100vh;\n overflow: auto;\n @media print {\n display: none;\n }\n @media (min-width: 768px) {\n padding: 20px 25px;\n }\n @media (min-width: 800px) {\n padding-right: 100px;\n }\n @media (min-width: 1440px) {\n padding-right: 180px;\n }\n"])));
|
|
15
|
+
var Breadcrumb = exports.Breadcrumb = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n flex: 1;\n display: flex;\n align-items: center;\n margin: 10px 0 50px 0;\n h1 {\n font-weight: bold;\n font-size: 20px;\n margin: 0;\n color: ", ";\n }\n > button {\n ", "\n svg {\n width: 25px;\n height: 25px;\n }\n }\n"])), function (props) {
|
|
22
16
|
return props.theme.colors.headingColor;
|
|
23
17
|
}, function (props) {
|
|
24
|
-
var _props$
|
|
25
|
-
return (_props$
|
|
18
|
+
var _props$theme;
|
|
19
|
+
return (_props$theme = props.theme) !== null && _props$theme !== void 0 && _props$theme.rtl ? (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-left: 8px;\n margin-right: -8px;\n "]))) : (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-right: 8px;\n margin-left: -8px;\n "])));
|
|
26
20
|
});
|
|
27
|
-
var HeaderContainer = exports.HeaderContainer = _styledComponents.default.div(
|
|
28
|
-
var WelcomeMsg = exports.WelcomeMsg = _styledComponents.default.h1(
|
|
21
|
+
var HeaderContainer = exports.HeaderContainer = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n margin-bottom: 25px;\n"])));
|
|
22
|
+
var WelcomeMsg = exports.WelcomeMsg = _styledComponents.default.h1(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-weight: bold;\n font-size: 28px;\n color: ", ";\n @media(min-width: 768px) {\n font-size: 32px;\n }\n"])), function (props) {
|
|
29
23
|
return props.theme.colors.headingColor;
|
|
30
24
|
});
|
|
31
|
-
var GuideMsg = exports.GuideMsg = _styledComponents.default.p(
|
|
25
|
+
var GuideMsg = exports.GuideMsg = _styledComponents.default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-size: 16px;\n color: ", ";\n"])), function (props) {
|
|
32
26
|
return props.theme.colors.headingColor;
|
|
33
27
|
});
|
|
34
|
-
var Reports = exports.Reports = _styledComponents.default.div(
|
|
35
|
-
var VideoAndReportsWrapper = exports.VideoAndReportsWrapper = _styledComponents.default.div(
|
|
28
|
+
var Reports = exports.Reports = _styledComponents.default.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n margin-top: 21px;\n margin-bottom: 5vw;\n @media(min-width: 800px) {\n flex-direction: row;\n justify-content: space-between;\n }\n @media(min-width: 1400px) {\n margin-bottom: 65px;\n }\n"])));
|
|
29
|
+
var VideoAndReportsWrapper = exports.VideoAndReportsWrapper = _styledComponents.default.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n @media(min-width: 800px) {\n flex-direction: ", "\n }\n"])), function (_ref) {
|
|
36
30
|
var isRowDirection = _ref.isRowDirection;
|
|
37
31
|
return isRowDirection ? 'row' : 'column';
|
|
38
32
|
});
|
|
39
|
-
var VideoOnBoardingWrapper = exports.VideoOnBoardingWrapper = _styledComponents.default.div(
|
|
40
|
-
var _props$
|
|
41
|
-
return ((_props$
|
|
33
|
+
var VideoOnBoardingWrapper = exports.VideoOnBoardingWrapper = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n margin-right: 24px;\n ", "\n width: 100%;\n @media (min-width: 800px) {\n width: 53%;\n height: inherit;\n }\n"])), function (props) {
|
|
34
|
+
var _props$theme2;
|
|
35
|
+
return ((_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.rtl) && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n margin-left: 24px;\n margin-right: 0;\n "])));
|
|
42
36
|
});
|
|
43
|
-
var HideAndShowWrapper = exports.HideAndShowWrapper = _styledComponents.default.div(
|
|
37
|
+
var HideAndShowWrapper = exports.HideAndShowWrapper = _styledComponents.default.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n color: ", ";\n span {\n font-weight: 600;\n font-size: 16px;\n margin-right: 12px;\n ", "\n }\n svg {\n font-size: 16px;\n cursor: pointer;\n }\n"])), function (props) {
|
|
44
38
|
return props.theme.colors.headingColor;
|
|
45
39
|
}, function (props) {
|
|
46
|
-
var _props$
|
|
47
|
-
return ((_props$
|
|
40
|
+
var _props$theme3;
|
|
41
|
+
return ((_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.rtl) && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n margin-left: 12px;\n margin-right: 0;\n "])));
|
|
48
42
|
});
|
|
49
|
-
var VideoOnBoardingContainer = exports.VideoOnBoardingContainer = _styledComponents.default.div(
|
|
50
|
-
var IframeWrapper = exports.IframeWrapper = _styledComponents.default.div(
|
|
51
|
-
var FirstStoreToSellWrapper = exports.FirstStoreToSellWrapper = _styledComponents.default.div(
|
|
52
|
-
var FirstStoreToSellContent = exports.FirstStoreToSellContent = _styledComponents.default.div(
|
|
43
|
+
var VideoOnBoardingContainer = exports.VideoOnBoardingContainer = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n margin-top: 35px;\n height: 300px;\n @media (min-width: 800px) {\n height: calc(100% - 54px);\n }\n"])));
|
|
44
|
+
var IframeWrapper = exports.IframeWrapper = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n iframe {\n width: 100%;\n height: 100%;\n }\n"])));
|
|
45
|
+
var FirstStoreToSellWrapper = exports.FirstStoreToSellWrapper = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n margin-top: 70px;\n .home-store-title {\n margin-bottom: 30px;\n }\n"])));
|
|
46
|
+
var FirstStoreToSellContent = exports.FirstStoreToSellContent = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: space-between;\n flex-wrap: wrap;\n transition: max-height 0.6s ease 0s;\n max-height: 0;\n overflow: hidden;\n ", "\n > div {\n width: 100%;\n }\n @media (min-width: 800px) {\n > div {\n width: 45%;\n }\n }\n"])), function (_ref2) {
|
|
53
47
|
var active = _ref2.active;
|
|
54
|
-
return active && (0, _styledComponents.css)(
|
|
48
|
+
return active && (0, _styledComponents.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n max-height: 1000px;\n "])));
|
|
49
|
+
});
|
|
50
|
+
var OrderingHelpButton = exports.OrderingHelpButton = _styledComponents.default.div(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n margin-bottom: 50px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n p {\n margin: 0;\n font-weight: 500;\n font-size: 12px;\n color: ", ";\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n button {\n white-space: nowrap;\n margin-left: 15px;\n width: 105px;\n min-width: 105px;\n height: 44px;\n ", "\n }\n"])), function (props) {
|
|
51
|
+
var _props$theme4;
|
|
52
|
+
return (_props$theme4 = props.theme) === null || _props$theme4 === void 0 ? void 0 : _props$theme4.colors.headingColor;
|
|
53
|
+
}, function (props) {
|
|
54
|
+
var _props$theme5;
|
|
55
|
+
return ((_props$theme5 = props.theme) === null || _props$theme5 === void 0 ? void 0 : _props$theme5.rtl) && (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n margin-right: 15px;\n margin-left: 0;\n "])));
|
|
55
56
|
});
|
|
56
|
-
var
|
|
57
|
+
var SalesGraphContainer = exports.SalesGraphContainer = _styledComponents.default.div(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 7.6px;\n padding: 10px;\n padding-top: 20px;\n padding-bottom: 6px;\n @media (min-width: 768px) {\n padding: 20px 20px 10px;\n }\n @media (min-width: 800px) {\n ", "\n }\n"])), function (_ref3) {
|
|
58
|
+
var isFullWidth = _ref3.isFullWidth;
|
|
59
|
+
return isFullWidth ? (0, _styledComponents.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n width: 100%;\n "]))) : (0, _styledComponents.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n width: 49%;\n "])));
|
|
60
|
+
});
|
|
61
|
+
var ChartHeaderContainer = exports.ChartHeaderContainer = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n p {\n text-transform: uppercase;\n margin: 0;\n font-size: 14px;\n color: ", ";\n margin-bottom: 15px;\n }\n h3 {\n margin: 0;\n font-weight: 500;\n font-size: 20px;\n color: ", ";\n margin-bottom: 15px;\n }\n"])), function (props) {
|
|
57
62
|
var _props$theme6;
|
|
58
63
|
return (_props$theme6 = props.theme) === null || _props$theme6 === void 0 ? void 0 : _props$theme6.colors.headingColor;
|
|
59
64
|
}, function (props) {
|
|
60
65
|
var _props$theme7;
|
|
61
|
-
return (
|
|
66
|
+
return (_props$theme7 = props.theme) === null || _props$theme7 === void 0 ? void 0 : _props$theme7.colors.headingColor;
|
|
62
67
|
});
|
|
63
|
-
var
|
|
64
|
-
var
|
|
65
|
-
return
|
|
68
|
+
var OrdersAndSalesWrapper = exports.OrdersAndSalesWrapper = _styledComponents.default.div(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px;\n > div {\n width: 100%;\n }\n @media (min-width: 800px) {\n margin-top: 0px;\n ", "\n }\n"])), function (_ref4) {
|
|
69
|
+
var isDirection = _ref4.isDirection;
|
|
70
|
+
return isDirection ? (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n flex-direction: row;\n > div {\n width: 48%;\n }\n "]))) : (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n width: 46%;\n flex-direction: column;\n > div {\n width: 100%;\n }\n "])));
|
|
66
71
|
});
|
|
67
|
-
var
|
|
72
|
+
var OrdersOrSalesContainer = exports.OrdersOrSalesContainer = _styledComponents.default.div(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n padding: 13px;\n display: flex;\n justify-content: space-between;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 7.6px;\n margin-bottom: 20px;\n @media (min-width: 800px) {\n margin-bottom: 0px;\n }\n\n @media (min-width: 1200px) {\n padding: 20px;\n }\n"])));
|
|
73
|
+
var DetailsContent = exports.DetailsContent = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n p {\n text-transform: uppercase;\n font-size: 14px;\n color: ", ";\n margin-bottom: 8px;\n }\n h2 {\n font-weight: 500;\n font-size: 24px;\n color: ", ";\n margin: 0;\n @media (min-width: 800px) {\n font-size: 28px;\n }\n }\n"])), function (props) {
|
|
68
74
|
var _props$theme8;
|
|
69
75
|
return (_props$theme8 = props.theme) === null || _props$theme8 === void 0 ? void 0 : _props$theme8.colors.headingColor;
|
|
70
76
|
}, function (props) {
|
|
71
77
|
var _props$theme9;
|
|
72
78
|
return (_props$theme9 = props.theme) === null || _props$theme9 === void 0 ? void 0 : _props$theme9.colors.headingColor;
|
|
73
79
|
});
|
|
74
|
-
var
|
|
75
|
-
var isDirection = _ref4.isDirection;
|
|
76
|
-
return isDirection ? (0, _styledComponents.css)(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n flex-direction: row;\n > div {\n width: 48%;\n }\n "]))) : (0, _styledComponents.css)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n width: 46%;\n flex-direction: column;\n > div {\n width: 100%;\n }\n "])));
|
|
77
|
-
});
|
|
78
|
-
var OrdersOrSalesContainer = exports.OrdersOrSalesContainer = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n padding: 13px;\n display: flex;\n justify-content: space-between;\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 7.6px;\n margin-bottom: 20px;\n @media (min-width: 800px) {\n margin-bottom: 0px;\n }\n\n @media (min-width: 1200px) {\n padding: 20px;\n }\n"])));
|
|
79
|
-
var DetailsContent = exports.DetailsContent = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n p {\n text-transform: uppercase;\n font-size: 14px;\n color: ", ";\n margin-bottom: 8px;\n }\n h2 {\n font-weight: 500;\n font-size: 24px;\n color: ", ";\n margin: 0;\n @media (min-width: 800px) {\n font-size: 28px;\n }\n }\n"])), function (props) {
|
|
80
|
+
var BoxIconContainer = exports.BoxIconContainer = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n width: 63px;\n height: 63px;\n background: #D4F2FF;\n border-radius: 7.6px;\n display: flex;\n justify-content: center;\n align-items: center;\n svg {\n font-size: 28px;\n color: ", ";\n }\n ", "\n\n @media (min-width: 1200px) {\n width: 5vw;\n height: 5vw;\n\n svg {\n font-size: 2vw;\n color: ", ";\n }\n }\n"])), function (props) {
|
|
80
81
|
var _props$theme10;
|
|
81
|
-
return (_props$theme10 = props.theme) === null || _props$theme10 === void 0 ? void 0 : _props$theme10.colors.
|
|
82
|
+
return (_props$theme10 = props.theme) === null || _props$theme10 === void 0 ? void 0 : _props$theme10.colors.primary;
|
|
83
|
+
}, function (_ref5) {
|
|
84
|
+
var isSales = _ref5.isSales;
|
|
85
|
+
return isSales && (0, _styledComponents.css)(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n background: #E3FEF3;\n svg {\n color: #00D27A;\n }\n "])));
|
|
82
86
|
}, function (props) {
|
|
83
87
|
var _props$theme11;
|
|
84
|
-
return (_props$theme11 = props.theme) === null || _props$theme11 === void 0 ? void 0 : _props$theme11.colors.
|
|
88
|
+
return (_props$theme11 = props.theme) === null || _props$theme11 === void 0 ? void 0 : _props$theme11.colors.primary;
|
|
85
89
|
});
|
|
86
|
-
var
|
|
90
|
+
var ParagraphHeaders = exports.ParagraphHeaders = _styledComponents.default.div(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n p {\n font-weight: 600;\n font-size: 16px;\n margin: 0;\n color: ", ";\n }\n button {\n border-radius: 7.6px;\n height: 44px;\n }\n"])), function (props) {
|
|
87
91
|
var _props$theme12;
|
|
88
|
-
return (_props$theme12 = props.theme) === null || _props$theme12 === void 0 ? void 0 : _props$theme12.colors.
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
}, function (props) {
|
|
92
|
+
return (_props$theme12 = props.theme) === null || _props$theme12 === void 0 ? void 0 : _props$theme12.colors.headingColor;
|
|
93
|
+
});
|
|
94
|
+
var AssistanceWidgets = exports.AssistanceWidgets = _styledComponents.default.div(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["\n width: 100%;\n position: relative;\n margin-top: 20px;\n"])));
|
|
95
|
+
var AssistanceTitle = exports.AssistanceTitle = _styledComponents.default.div(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["\n text-align: center;\n margin-bottom: 55px;\n h1 {\n font-size: 24px;\n span {\n color: ", ";\n }\n }\n @media (min-width: 800px) {\n h1 {\n font-size: 28px;\n }\n }\n"])), function (props) {
|
|
93
96
|
var _props$theme13;
|
|
94
97
|
return (_props$theme13 = props.theme) === null || _props$theme13 === void 0 ? void 0 : _props$theme13.colors.primary;
|
|
95
98
|
});
|
|
96
|
-
var
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
});
|
|
100
|
-
var AssistanceWidgets = exports.AssistanceWidgets = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n width: 100%;\n position: relative;\n margin-top: 20px;\n"])));
|
|
101
|
-
var AssistanceTitle = exports.AssistanceTitle = _styledComponents.default.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n text-align: center;\n margin-bottom: 55px;\n h1 {\n font-size: 24px;\n span {\n color: ", ";\n }\n }\n @media (min-width: 800px) {\n h1 {\n font-size: 28px;\n }\n }\n"])), function (props) {
|
|
102
|
-
var _props$theme15;
|
|
103
|
-
return (_props$theme15 = props.theme) === null || _props$theme15 === void 0 ? void 0 : _props$theme15.colors.primary;
|
|
104
|
-
});
|
|
105
|
-
var AssistanceBody = exports.AssistanceBody = _styledComponents.default.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n @media (min-width: 768px) {\n flex-direction: row;\n justify-content: space-around;\n }\n"])));
|
|
106
|
-
var WidgeBlock = exports.WidgeBlock = _styledComponents.default.div(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n text-align: center;\n margin-bottom: 20px;\n h3 {\n font-size: 20px;\n }\n p {\n font-size: 14px;\n }\n button {\n border-radius: 7.6px;\n width: 296px;\n padding: 10px;\n line-height: 20px;\n }\n\n @media (min-width: 1024px) {\n max-width:45%;\n }\n"])));
|
|
107
|
-
var FeedbackWidgets = exports.FeedbackWidgets = _styledComponents.default.div(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n margin-top: 20px;\n\n > a {\n margin-top: 20px;\n border-radius: 7.6px;\n color: ", ";\n transition: all 0.3s linear;\n\n &:hover {\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
99
|
+
var AssistanceBody = exports.AssistanceBody = _styledComponents.default.div(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n @media (min-width: 768px) {\n flex-direction: row;\n justify-content: space-around;\n }\n"])));
|
|
100
|
+
var WidgeBlock = exports.WidgeBlock = _styledComponents.default.div(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["\n text-align: center;\n margin-bottom: 20px;\n h3 {\n font-size: 20px;\n }\n p {\n font-size: 14px;\n }\n button {\n border-radius: 7.6px;\n width: 296px;\n padding: 10px;\n line-height: 20px;\n }\n\n @media (min-width: 1024px) {\n max-width:45%;\n }\n"])));
|
|
101
|
+
var FeedbackWidgets = exports.FeedbackWidgets = _styledComponents.default.div(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["\n margin-top: 20px;\n\n > a {\n margin-top: 20px;\n border-radius: 7.6px;\n color: ", ";\n transition: all 0.3s linear;\n\n &:hover {\n text-decoration: underline;\n }\n }\n"])), function (props) {
|
|
108
102
|
return props.theme.colors.primary;
|
|
109
103
|
});
|
|
110
|
-
var FeedbackContainer = exports.FeedbackContainer = _styledComponents.default.div(
|
|
111
|
-
var ButtonWrapper = exports.ButtonWrapper = _styledComponents.default.div(
|
|
112
|
-
var ProjectStatusContainer = exports.ProjectStatusContainer = _styledComponents.default.div(
|
|
113
|
-
var ProjectInfoWrapper = exports.ProjectInfoWrapper = _styledComponents.default.div(
|
|
114
|
-
var GreetingText = exports.GreetingText = _styledComponents.default.h1(
|
|
115
|
-
var ProjectStatusDescription = exports.ProjectStatusDescription = _styledComponents.default.p(
|
|
116
|
-
var ProjectCurrentStatus = exports.ProjectCurrentStatus = _styledComponents.default.div(
|
|
104
|
+
var FeedbackContainer = exports.FeedbackContainer = _styledComponents.default.div(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["\n margin: 20px auto 0px auto;\n margin-bottom: 30px;\n width: fit-content;\n h2 {\n font-size: 24px;\n text-align: center;\n }\n p {\n font-size: 14px;\n text-align: center;\n margin-bottom: 3px;\n }\n button {\n border-radius: 7.6px;\n height: 44px;\n margin: 0 auto;\n }\n @media (min-width: 800px) {\n h2 {\n font-size: 28px;\n }\n p {\n font-size: 16px;\n text-align: left;\n &.center {\n text-align: center;\n }\n }\n }\n"])));
|
|
105
|
+
var ButtonWrapper = exports.ButtonWrapper = _styledComponents.default.div(_templateObject39 || (_templateObject39 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n margin-top: 20px;\n"])));
|
|
106
|
+
var ProjectStatusContainer = exports.ProjectStatusContainer = _styledComponents.default.div(_templateObject40 || (_templateObject40 = _taggedTemplateLiteral(["\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 8px;\n display: flex;\n flex-direction: column;\n align-items: center;\n margin-bottom: 60px;\n\n > img {\n max-height: 250px;\n }\n\n @media (min-width: 768px) {\n flex-direction: row;\n justify-content: space-between;\n }\n"])));
|
|
107
|
+
var ProjectInfoWrapper = exports.ProjectInfoWrapper = _styledComponents.default.div(_templateObject41 || (_templateObject41 = _taggedTemplateLiteral(["\n padding: 20px 30px;\n"])));
|
|
108
|
+
var GreetingText = exports.GreetingText = _styledComponents.default.h1(_templateObject42 || (_templateObject42 = _taggedTemplateLiteral(["\n font-size: 32px;\n font-weight: 700;\n line-height: 48px;\n margin: 0;\n"])));
|
|
109
|
+
var ProjectStatusDescription = exports.ProjectStatusDescription = _styledComponents.default.p(_templateObject43 || (_templateObject43 = _taggedTemplateLiteral(["\n font-size: 16px;\n line-height: 24px;\n"])));
|
|
110
|
+
var ProjectCurrentStatus = exports.ProjectCurrentStatus = _styledComponents.default.div(_templateObject44 || (_templateObject44 = _taggedTemplateLiteral(["\n width: fit-content;\n /* margin-top: 15px; */\n padding: 10px 16px;\n border-radius: 8px;\n font-size: 14px;\n line-height: 24px;\n color: ", ";\n background-color: ", ";\n ", "\n"])), function (props) {
|
|
117
111
|
return props.theme.colors.warning;
|
|
118
112
|
}, function (props) {
|
|
119
113
|
return (0, _polished.lighten)(0.4, props.theme.colors.warning);
|
|
120
114
|
}, function (_ref6) {
|
|
121
115
|
var isActive = _ref6.isActive;
|
|
122
|
-
return isActive && (0, _styledComponents.css)(
|
|
116
|
+
return isActive && (0, _styledComponents.css)(_templateObject45 || (_templateObject45 = _taggedTemplateLiteral(["\n color: ", ";\n background-color: ", ";\n "])), function (props) {
|
|
123
117
|
return props.theme.colors.success;
|
|
124
118
|
}, function (props) {
|
|
125
119
|
return (0, _polished.lighten)(0.5, props.theme.colors.success);
|
|
126
120
|
});
|
|
127
121
|
});
|
|
128
|
-
var ProjectStatusWrapper = exports.ProjectStatusWrapper = _styledComponents.default.div(
|
|
129
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
122
|
+
var ProjectStatusWrapper = exports.ProjectStatusWrapper = _styledComponents.default.div(_templateObject46 || (_templateObject46 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n\n > button {\n height: 44px;\n margin-left: 15px;\n ", "\n }\n"])), function (props) {
|
|
123
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject47 || (_templateObject47 = _taggedTemplateLiteral(["\n margin-right: 15px;\n margin-left: 0px;\n "])));
|
|
130
124
|
});
|
|
131
|
-
var OrderingButtonWrapper = exports.OrderingButtonWrapper = _styledComponents.default.div(
|
|
125
|
+
var OrderingButtonWrapper = exports.OrderingButtonWrapper = _styledComponents.default.div(_templateObject48 || (_templateObject48 = _taggedTemplateLiteral(["\n position: absolute;\n width: calc(100% - 125px);\n top: 0;\n right: 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: ", ";\n padding: 14px 24px;\n border: 2px solid ", ";\n border-radius: 8px;\n margin-left: 30px;\n ", "\n\n span {\n color: ", ";\n font-weight: 700;\n font-size: 20px;\n }\n\n button {\n height: 44px;\n width: 180px;\n margin: 0;\n border-radius: 8px;\n }\n\n @media (min-width: 800px) {\n button {\n margin-right: 76px;\n ", "\n }\n }\n\n @media (min-width: 1200px) {\n width: calc(100% - 130px);\n button {\n width: 216px;\n }\n }\n\n @media (min-width: 1440px) {\n button {\n margin-right: 156px;\n ", "\n }\n }\n"])), function (props) {
|
|
132
126
|
return props.theme.colors.lightPrimary;
|
|
133
127
|
}, function (props) {
|
|
134
128
|
return props.theme.colors.primary;
|
|
135
129
|
}, function (props) {
|
|
136
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
130
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject49 || (_templateObject49 = _taggedTemplateLiteral(["\n left: 0;\n right: initial;\n "])));
|
|
137
131
|
}, function (props) {
|
|
138
132
|
return props.theme.colors.primary;
|
|
139
133
|
}, function (props) {
|
|
140
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
134
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject50 || (_templateObject50 = _taggedTemplateLiteral(["\n margin-right: 0;\n margin-left: 76px;\n "])));
|
|
141
135
|
}, function (props) {
|
|
142
|
-
return props.theme.rtl && (0, _styledComponents.css)(
|
|
136
|
+
return props.theme.rtl && (0, _styledComponents.css)(_templateObject51 || (_templateObject51 = _taggedTemplateLiteral(["\n margin-right: 0;\n margin-left: 156px;\n "])));
|
|
143
137
|
});
|
|
144
|
-
var OrderingButtonBlock = exports.OrderingButtonBlock = _styledComponents.default.div(
|
|
138
|
+
var OrderingButtonBlock = exports.OrderingButtonBlock = _styledComponents.default.div(_templateObject52 || (_templateObject52 = _taggedTemplateLiteral(["\n box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);\n border-radius: 7.6px;\n padding: 42px 20px;\n margin-bottom: 42px;\n display: flex;\n flex-direction: column;\n align-items: center;\n h2 {\n font-weight: 700;\n font-size: 24px;\n margin: 0;\n text-align: center;\n span {\n color: ", ";\n }\n }\n button {\n margin-top: 22px;\n width: 214px;\n height: 44px;\n border-radius: 8px;\n }\n"])), function (props) {
|
|
145
139
|
return props.theme.colors.primary;
|
|
146
140
|
});
|
|
147
|
-
var CloseButtonWrapper = exports.CloseButtonWrapper = _styledComponents.default.div(
|
|
148
|
-
var HubspotFormWrapper = exports.HubspotFormWrapper = _styledComponents.default.div(
|
|
149
|
-
var OnboardingLessonsContainer = exports.OnboardingLessonsContainer = _styledComponents.default.div(
|
|
141
|
+
var CloseButtonWrapper = exports.CloseButtonWrapper = _styledComponents.default.div(_templateObject53 || (_templateObject53 = _taggedTemplateLiteral(["\n position: sticky;\n top: 100%;\n display: flex;\n justify-content: center;\n margin-top: 20px;\n\n button {\n height: 44px;\n border-radius: 8px;\n width: 100%;\n }\n"])));
|
|
142
|
+
var HubspotFormWrapper = exports.HubspotFormWrapper = _styledComponents.default.div(_templateObject54 || (_templateObject54 = _taggedTemplateLiteral(["\n min-height: 445px;\n position: relative;\n"])));
|
|
143
|
+
var OnboardingLessonsContainer = exports.OnboardingLessonsContainer = _styledComponents.default.div(_templateObject55 || (_templateObject55 = _taggedTemplateLiteral(["\n background-color: ", ";\n padding: 50px 15px;\n margin: 20px 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n\n h1 {\n font-size: 24px;\n font-weight: 700;\n line-height: 36px;\n text-align: center;\n }\n p {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n text-align: center;\n margin: 8px 0 17px 0;\n }\n button {\n border-radius: 7.6px;\n padding: 10px;\n line-height: 20px;\n min-width: 216px;\n }\n"])), function (props) {
|
|
150
144
|
return props.theme.colors.lightPrimary;
|
|
151
145
|
});
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.TitleFormSide = exports.RedirectLink = exports.ReCAPTCHAWrapper = exports.InputWithIcon = exports.HeroSide = exports.HeroContainer = exports.FormSide = exports.FormInput = exports.ForgotPasswordContainer = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
10
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
|
10
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15;
|
|
11
11
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
12
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -29,29 +29,32 @@ var HeroContainer = exports.HeroContainer = function HeroContainer(props) {
|
|
|
29
29
|
style: style
|
|
30
30
|
}), props.children);
|
|
31
31
|
};
|
|
32
|
-
var TitleFormSide = exports.TitleFormSide = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n color: #fff;\n
|
|
33
|
-
var FormSide = exports.FormSide = (0, _styledComponents.default)(Side)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n flex-direction: column;\n justify-content: center;\n background-color: #1C202E;\n padding: 0 8%;\n box-sizing: border-box;\n height: 100vh;\n\n @media (min-width: 769px) {\n height: auto
|
|
34
|
-
var FormInput = exports.FormInput = _styledComponents.default.form(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: ", ";\n display: flex;\n flex-direction: column;\n\n * {\n padding: 8px 0px;\n }\n\n input:not(:last-child) {\n margin-top: 15px;\n margin-bottom: 15px;\n
|
|
32
|
+
var TitleFormSide = exports.TitleFormSide = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n color: #fff;\n\n h1 {\n text-transform: uppercase;\n font-size: 24px;\n margin: 0px;\n }\n\n p {\n font-size: 12px;\n margin-top: 0px;\n margin-bottom: 40px;\n }\n\n @media (min-width: 425px) {\n h1 {\n font-size: 24px;\n }\n p {\n font-size: 16px;\n }\n }\n\n @media (min-width: 769px) {\n h1 {\n font-size: 32px;\n }\n p {\n font-size: 16px;\n margin-bottom: 60px;\n }\n }\n"])));
|
|
33
|
+
var FormSide = exports.FormSide = (0, _styledComponents.default)(Side)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n flex-direction: column;\n justify-content: center;\n background-color: #1C202E;\n padding: 0 8%;\n box-sizing: border-box;\n height: 100vh;\n\n @media (min-width: 769px) {\n height: auto;\n }\n\n @media (min-width: 992px) {\n margin-left: -80px;\n border-radius: 54px 0px 0px 54px;\n width: calc(50% + 80px);\n }\n"])));
|
|
34
|
+
var FormInput = exports.FormInput = _styledComponents.default.form(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: ", ";\n display: flex;\n flex-direction: column;\n\n * {\n padding: 8px 0px;\n }\n\n input:not(:last-child) {\n margin-top: 15px;\n margin-bottom: 15px;\n ", "\n padding-top: 12px;\n padding-bottom: 12px;\n }\n\n button {\n position: relative;\n margin-top: 40px;\n padding: 9px 5px;\n\n svg {\n position: absolute;\n right: 35px;\n top: 8px;\n font-size: 24px;\n }\n }\n"])), function (_ref3) {
|
|
35
35
|
var isPopup = _ref3.isPopup;
|
|
36
36
|
return isPopup ? '90%' : '100%';
|
|
37
|
+
}, function (_ref4) {
|
|
38
|
+
var theme = _ref4.theme;
|
|
39
|
+
return theme.rtl ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n padding-right: 60px;\n "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n padding-left: 60px;\n "])));
|
|
37
40
|
});
|
|
38
|
-
var RedirectLink = exports.RedirectLink = _styledComponents.default.div(
|
|
41
|
+
var RedirectLink = exports.RedirectLink = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n padding: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n margin-top: 10px;\n font-size: 17px;\n\n span {\n color: #FFF;\n margin-right: 5px;\n\n ", "\n }\n\n a {\n color: ", ";\n text-decoration: none;\n }\n\n * {\n margin: 0px;\n padding: 0px;\n }\n\n ", "\n\n @media (min-width: 425px) {\n flex-direction: row;\n }\n\n @media (min-width: 768px) {\n font-size: 14px;\n }\n\n @media (min-width: 992px) {\n font-size: ", ";\n flex-direction: row;\n }\n\n @media (min-width: 1200px) {\n ", ";\n }\n"])), function (props) {
|
|
39
42
|
var _props$theme;
|
|
40
|
-
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(
|
|
43
|
+
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
41
44
|
}, function (props) {
|
|
42
45
|
return props.theme.colors.primary;
|
|
43
|
-
}, function (
|
|
44
|
-
var register =
|
|
45
|
-
return register && (0, _styledComponents.css)(
|
|
46
|
-
var isPopup =
|
|
46
|
+
}, function (_ref5) {
|
|
47
|
+
var register = _ref5.register;
|
|
48
|
+
return register && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: calc(90% - 20px);\n\n @media (min-width: 481px) {\n width: ", ";\n }\n "])), function (_ref6) {
|
|
49
|
+
var isPopup = _ref6.isPopup;
|
|
47
50
|
return isPopup ? 'calc(90% - 20px)' : 'calc(80% - 20px)';
|
|
48
51
|
});
|
|
49
|
-
}, function (_ref6) {
|
|
50
|
-
var isPopup = _ref6.isPopup;
|
|
51
|
-
return isPopup ? '13px' : '18px';
|
|
52
52
|
}, function (_ref7) {
|
|
53
53
|
var isPopup = _ref7.isPopup;
|
|
54
|
-
return isPopup
|
|
54
|
+
return isPopup ? '13px' : '18px';
|
|
55
|
+
}, function (_ref8) {
|
|
56
|
+
var isPopup = _ref8.isPopup;
|
|
57
|
+
return isPopup && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n font-size: 16px;\n "])));
|
|
55
58
|
});
|
|
56
|
-
var InputWithIcon = exports.InputWithIcon = _styledComponents.default.div(
|
|
57
|
-
var ReCAPTCHAWrapper = exports.ReCAPTCHAWrapper = _styledComponents.default.div(
|
|
59
|
+
var InputWithIcon = exports.InputWithIcon = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n\n input {\n width: 100%;\n }\n\n img {\n position: absolute;\n width: 20px;\n padding: 0px;\n margin: 0 20px;\n }\n\n svg {\n position: absolute;\n font-size: 24px;\n color: #707070;\n padding: 0px;\n margin: 0 20px;\n }\n"])));
|
|
60
|
+
var ReCAPTCHAWrapper = exports.ReCAPTCHAWrapper = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n\n * {\n padding: 0;\n }\n"])));
|
|
@@ -8,7 +8,7 @@ exports.WrapperPassword = exports.TogglePassword = exports.TitleFormSide = expor
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _styledComponents = _interopRequireWildcard(require("styled-components"));
|
|
10
10
|
var _polished = require("polished");
|
|
11
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29;
|
|
11
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31;
|
|
12
12
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
13
13
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -32,66 +32,69 @@ var LoginHeroContainer = exports.LoginHeroContainer = function LoginHeroContaine
|
|
|
32
32
|
};
|
|
33
33
|
var FormSide = exports.FormSide = (0, _styledComponents.default)(Side)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n flex-direction: column;\n justify-content: center;\n background-color: #1C202E;\n padding: 30px 8%;\n box-sizing: border-box;\n height: 100vh;\n\n button {\n padding: 9px 5px;\n }\n\n @media (min-width: 769px) {\n height: auto;\n }\n\n @media (min-width: 992px) {\n margin-left: -80px;\n border-radius: 54px 0px 0px 54px;\n width: calc(50% + 80px);\n }\n"])));
|
|
34
34
|
var LoginWith = exports.LoginWith = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n font-size: 14px;\n\n @media (min-width: 425px) {\n font-size: 18px;\n }\n\n @media (min-width: 768px) {\n font-size: 14px;\n }\n\n @media (min-width: 992px) {\n font-size: 18px;\n }\n"])));
|
|
35
|
-
var FormInput = exports.FormInput = _styledComponents.default.form(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: ", ";\n display: flex;\n flex-direction: column;\n\n * {\n padding: 8px 0px;\n }\n\n input:not(:last-child) {\n margin-top: 15px;\n margin-bottom: 15px;\n
|
|
35
|
+
var FormInput = exports.FormInput = _styledComponents.default.form(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n width: ", ";\n display: flex;\n flex-direction: column;\n\n * {\n padding: 8px 0px;\n }\n\n input:not(:last-child) {\n margin-top: 15px;\n margin-bottom: 15px;\n ", "\n padding-top: 12px;\n padding-bottom: 12px;\n }\n\n button {\n position: relative;\n margin-top: 40px;\n padding: 9px 5px;\n\n svg {\n position: absolute;\n right: 35px;\n top: 12px;\n font-size: 24px;\n padding: 0px;\n }\n }\n"])), function (_ref3) {
|
|
36
36
|
var isPopup = _ref3.isPopup;
|
|
37
37
|
return isPopup ? '90%' : '100%';
|
|
38
|
+
}, function (_ref4) {
|
|
39
|
+
var theme = _ref4.theme;
|
|
40
|
+
return theme.rtl ? (0, _styledComponents.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n padding-right: 60px;\n "]))) : (0, _styledComponents.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n padding-left: 60px;\n "])));
|
|
38
41
|
});
|
|
39
|
-
var RedirectLink = exports.RedirectLink = _styledComponents.default.div(
|
|
42
|
+
var RedirectLink = exports.RedirectLink = _styledComponents.default.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n padding: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n margin-top: 10px;\n font-size: 17px;\n\n span {\n color: #FFF;\n margin-right: 5px;\n\n ", "\n }\n\n a {\n color: ", ";\n text-decoration: none;\n }\n\n * {\n margin: 0px;\n padding: 0px;\n }\n\n ", "\n\n @media (min-width: 425px) {\n flex-direction: row;\n }\n\n @media (min-width: 768px) {\n font-size: 14px;\n }\n\n @media (min-width: 992px) {\n font-size: ", ";\n flex-direction: row;\n }\n\n @media (min-width: 1200px) {\n ", ";\n }\n"])), function (props) {
|
|
40
43
|
var _props$theme;
|
|
41
|
-
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(
|
|
44
|
+
return ((_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.rtl) && (0, _styledComponents.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n margin-left: 5px;\n margin-right: 0px;\n "])));
|
|
42
45
|
}, function (props) {
|
|
43
46
|
return props.theme.colors.primary;
|
|
44
|
-
}, function (
|
|
45
|
-
var register =
|
|
46
|
-
return register && (0, _styledComponents.css)(
|
|
47
|
-
var isPopup =
|
|
47
|
+
}, function (_ref5) {
|
|
48
|
+
var register = _ref5.register;
|
|
49
|
+
return register && (0, _styledComponents.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n width: calc(90% - 20px);\n\n @media (min-width: 481px) {\n width: ", ";\n }\n "])), function (_ref6) {
|
|
50
|
+
var isPopup = _ref6.isPopup;
|
|
48
51
|
return isPopup ? 'calc(90% - 20px)' : 'calc(80% - 20px)';
|
|
49
52
|
});
|
|
50
|
-
}, function (_ref6) {
|
|
51
|
-
var isPopup = _ref6.isPopup;
|
|
52
|
-
return isPopup ? '13px' : '18px';
|
|
53
53
|
}, function (_ref7) {
|
|
54
54
|
var isPopup = _ref7.isPopup;
|
|
55
|
-
return isPopup
|
|
55
|
+
return isPopup ? '13px' : '18px';
|
|
56
|
+
}, function (_ref8) {
|
|
57
|
+
var isPopup = _ref8.isPopup;
|
|
58
|
+
return isPopup && (0, _styledComponents.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n font-size: 16px;\n "])));
|
|
56
59
|
});
|
|
57
|
-
var SocialButtons = exports.SocialButtons = _styledComponents.default.div(
|
|
58
|
-
var TitleFormSide = exports.TitleFormSide = _styledComponents.default.div(
|
|
60
|
+
var SocialButtons = exports.SocialButtons = _styledComponents.default.div(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n width: calc(100% - 40px);\n margin-top: 5px;\n\n button {\n display: flex;\n justify-content: start;\n width: 100%;\n padding: 5px 30px;\n color: #000000;\n\n img {\n width: 30px;\n }\n\n div {\n font-size: 0.8em;\n }\n }\n"])));
|
|
61
|
+
var TitleFormSide = exports.TitleFormSide = _styledComponents.default.div(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n color: ", ";\n\n h1 {\n text-transform: uppercase;\n font-size: 24px;\n margin: 0px;\n }\n\n p {\n font-size: 16px;\n margin-top: 0px;\n margin-bottom: 60px;\n }\n\n @media (min-width: 425px) {\n h1 {\n font-size: 40px;\n }\n p {\n font-size: 20px;\n }\n }\n\n @media (min-width: 769px) {\n h1 {\n font-size: 50px;\n }\n p {\n font-size: 24px;\n margin-bottom: 80px;\n }\n }\n"])), function (props) {
|
|
59
62
|
return props.theme.colors.white;
|
|
60
63
|
});
|
|
61
|
-
var InputWithIcon = exports.InputWithIcon = _styledComponents.default.div(
|
|
62
|
-
var PhoneNumberWrapper = exports.PhoneNumberWrapper = _styledComponents.default.div(
|
|
64
|
+
var InputWithIcon = exports.InputWithIcon = _styledComponents.default.div(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n\n input {\n width: 100%;\n }\n\n img {\n position: absolute;\n width: 20px;\n padding: 0px;\n margin: 0 20px;\n }\n\n svg {\n position: absolute;\n font-size: 24px;\n color: #707070;\n padding: 0px;\n margin: 0 20px;\n }\n"])));
|
|
65
|
+
var PhoneNumberWrapper = exports.PhoneNumberWrapper = _styledComponents.default.div(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n margin-bottom: 20px;\n .PhoneInputInput {\n height: 47px;\n border-radius: 8px !important;\n }\n .PhoneInputCountry {\n padding: 8px;\n border-radius: 8px;\n background-color: ", ";\n * {\n padding: 0px;\n }\n }\n"])), function (props) {
|
|
63
66
|
return props.theme.colors.backgroundPage;
|
|
64
67
|
});
|
|
65
|
-
var WrapperPassword = exports.WrapperPassword = _styledComponents.default.div(
|
|
66
|
-
var TogglePassword = exports.TogglePassword = _styledComponents.default.span(
|
|
68
|
+
var WrapperPassword = exports.WrapperPassword = _styledComponents.default.div(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n margin-bottom: 20px;\n\n input {\n width: 100%;\n padding-left: 60px;\n padding-right: 60px;\n }\n\n > svg {\n position: absolute;\n font-size: 24px;\n color: #707070;\n padding: 0px;\n margin: 0 20px;\n }\n"])));
|
|
69
|
+
var TogglePassword = exports.TogglePassword = _styledComponents.default.span(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n position: absolute;\n font-weight: 300;\n color: #333;\n font-size: 24px;\n cursor: pointer;\n padding: 0;\n\n svg {\n padding: 0;\n color: #707070;\n }\n ", "\n"])), function (props) {
|
|
67
70
|
var _props$theme2;
|
|
68
|
-
return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(
|
|
71
|
+
return (_props$theme2 = props.theme) !== null && _props$theme2 !== void 0 && _props$theme2.rtl ? (0, _styledComponents.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n left: 15px;\n "]))) : (0, _styledComponents.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n right: 15px;\n "])));
|
|
69
72
|
});
|
|
70
|
-
var ReCAPTCHAWrapper = exports.ReCAPTCHAWrapper = _styledComponents.default.div(
|
|
71
|
-
var Tabs = exports.Tabs = _styledComponents.default.div(
|
|
72
|
-
var Tab = exports.Tab = _styledComponents.default.div(
|
|
73
|
+
var ReCAPTCHAWrapper = exports.ReCAPTCHAWrapper = _styledComponents.default.div(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n\n * {\n padding: 0;\n }\n"])));
|
|
74
|
+
var Tabs = exports.Tabs = _styledComponents.default.div(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n display: flex;\n"])));
|
|
75
|
+
var Tab = exports.Tab = _styledComponents.default.div(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["\n padding: 10px 0;\n cursor: pointer;\n ", "\n ", "\n\n ", "\n"])), function (props) {
|
|
73
76
|
var _props$theme3;
|
|
74
|
-
return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(
|
|
75
|
-
}, function (_ref8) {
|
|
76
|
-
var active = _ref8.active;
|
|
77
|
-
return active && (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n color: ", ";\n "])), function (props) {
|
|
78
|
-
return props.theme.colors.white;
|
|
79
|
-
});
|
|
77
|
+
return (_props$theme3 = props.theme) !== null && _props$theme3 !== void 0 && _props$theme3.rtl ? (0, _styledComponents.css)(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["\n margin-left: 15px;\n "]))) : (0, _styledComponents.css)(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["\n margin-right: 15px;\n "])));
|
|
80
78
|
}, function (_ref9) {
|
|
81
79
|
var active = _ref9.active;
|
|
82
|
-
return
|
|
80
|
+
return active && (0, _styledComponents.css)(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["\n color: ", ";\n "])), function (props) {
|
|
81
|
+
return props.theme.colors.white;
|
|
82
|
+
});
|
|
83
|
+
}, function (_ref10) {
|
|
84
|
+
var active = _ref10.active;
|
|
85
|
+
return !active && (0, _styledComponents.css)(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["\n color: ", ";\n "])), function (props) {
|
|
83
86
|
return props.theme.colors.lightGray;
|
|
84
87
|
});
|
|
85
88
|
});
|
|
86
|
-
var CountdownTimer = exports.CountdownTimer = _styledComponents.default.div(
|
|
89
|
+
var CountdownTimer = exports.CountdownTimer = _styledComponents.default.div(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["\n margin: 15px;\n display: flex;\n justify-content: center;\n\n span {\n font-size: 30px;\n font-weight: 700;\n color: ", ";\n }\n"])), function (props) {
|
|
87
90
|
return props.theme.colors.white;
|
|
88
91
|
});
|
|
89
|
-
var OtpWrapper = exports.OtpWrapper = _styledComponents.default.div(
|
|
92
|
+
var OtpWrapper = exports.OtpWrapper = _styledComponents.default.div(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["\n width: 100%;\n .otp-container{\n display: flex;\n justify-content: space-evenly;\n margin: 20px;\n\n .otp-input{\n width: 50px !important;\n height: 45px;\n border-radius: 8px;\n background-color: ", ";\n outline: none;\n border: none;\n font-size: 20px;\n font-weight: bold;\n\n &:focus{\n border-color: ", " !important;\n }\n\n &::placeholder,\n &::-webkit-input-placeholder {\n color: #DBDCDB;\n }\n &:-ms-input-placeholder {\n color: #DBDCDB;\n }\n }\n }\n"])), function (props) {
|
|
90
93
|
return props.theme.colors.backgroundPage;
|
|
91
94
|
}, function () {
|
|
92
95
|
return (0, _polished.darken)(0.07, '#CCC');
|
|
93
96
|
});
|
|
94
|
-
var ResendCode = exports.ResendCode = _styledComponents.default.span(
|
|
97
|
+
var ResendCode = exports.ResendCode = _styledComponents.default.span(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["\n color: ", ";\n font-size: 20px;\n align-self: center;\n margin-bottom: 10px;\n cursor: ", ";\n"])), function (props) {
|
|
95
98
|
return props.disabled ? props.theme.colors.disabled : props.theme.colors.primary;
|
|
96
99
|
}, function (props) {
|
|
97
100
|
return props.disabled ? 'not-allowed' : 'pointer';
|