@mycause/ui 0.0.0-ce9baf4b → 0.0.0-cef1605b
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/dist/components/index.d.ts +1 -1
- package/dist/components/modal/index.d.ts +1 -0
- package/dist/components/modal/modal-image.d.ts +8 -0
- package/dist/components/modal/modal.stories.d.ts +6 -0
- package/dist/components/modal/modalImage.d.ts +8 -0
- package/dist/components/partner-toggle-button/index.d.ts +2 -0
- package/dist/components/partner-toggle-button/partner-toggle-button-block.d.ts +11 -0
- package/dist/components/partner-toggle-button/partner-toggle-button-block.stories.d.ts +12 -0
- package/dist/components/partner-toggle-button/partner-toggle-button.d.ts +8 -0
- package/dist/index.esm.js +291 -374
- package/dist/index.js +293 -375
- package/package.json +1 -2
package/dist/index.esm.js
CHANGED
|
@@ -28,7 +28,6 @@ import MDCRadio, { NativeRadioControl } from '@material/react-radio';
|
|
|
28
28
|
import MDCSwitch from '@material/react-switch';
|
|
29
29
|
import Dropzone from 'react-dropzone-uploader';
|
|
30
30
|
import { getDroppedOrSelectedFiles as getDroppedOrSelectedFiles$1 } from 'html5-file-selector';
|
|
31
|
-
import Chart from 'chart.js';
|
|
32
31
|
|
|
33
32
|
function _typeof(obj) {
|
|
34
33
|
if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
|
|
@@ -9001,6 +9000,42 @@ Modal.propTypes = {
|
|
|
9001
9000
|
disableAcceptButton: _pt.bool
|
|
9002
9001
|
};
|
|
9003
9002
|
|
|
9003
|
+
var css$3 = ".modal-module_modal__3BPw_ {\n display: none;\n position: fixed;\n z-index: 1;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow: auto;\n background-color: rgba(0, 0, 0, 0.5);\n /* Modal Content (image) */\n /* The Close Button */ }\n .modal-module_modal__3BPw_ .modal-module_modalContent__pnZ9y {\n display: flex;\n justify-content: center;\n align-items: center;\n height: calc(100% + 50px);\n animation-name: modal-module_zoom__7ZPHg;\n animation-duration: 0.6s; }\n .modal-module_modal__3BPw_ .modal-module_modalContent__pnZ9y img {\n max-width: calc(100vw - 37px);\n max-height: calc(100vh - 100px); }\n\n@keyframes modal-module_zoom__7ZPHg {\n from {\n transform: scale(0); }\n to {\n transform: scale(1); } }\n .modal-module_modal__3BPw_ .modal-module_close__1refL {\n color: white;\n font-size: 25px;\n font-weight: bold;\n transition: 0.3s;\n position: absolute;\n right: -27px;\n top: -27px; }\n .modal-module_modal__3BPw_ .modal-module_close__1refL:hover,\n .modal-module_modal__3BPw_ .modal-module_close__1refL:focus {\n color: #bbb;\n text-decoration: none;\n cursor: pointer; }\n\n/* 100% Image Width on Smaller Screens */\n@media only screen and (max-width: 700px) {\n .modal-module_modalContent__pnZ9y {\n width: 100%; } }\n";
|
|
9004
|
+
var cls$3 = {"modal":"modal-module_modal__3BPw_","modalContent":"modal-module_modalContent__pnZ9y","zoom":"modal-module_zoom__7ZPHg","close":"modal-module_close__1refL"};
|
|
9005
|
+
styleInject(css$3);
|
|
9006
|
+
|
|
9007
|
+
var ModalImage = function ModalImage(_ref) {
|
|
9008
|
+
var isOpen = _ref.isOpen,
|
|
9009
|
+
modalImageSrc = _ref.modalImageSrc,
|
|
9010
|
+
toggleModal = _ref.toggleModal;
|
|
9011
|
+
return React.createElement("div", null, isOpen && React.createElement("div", {
|
|
9012
|
+
className: cls$3.modal,
|
|
9013
|
+
style: {
|
|
9014
|
+
display: isOpen ? "block" : "none"
|
|
9015
|
+
}
|
|
9016
|
+
}, React.createElement("div", {
|
|
9017
|
+
className: cls$3.modalContent
|
|
9018
|
+
}, React.createElement("div", {
|
|
9019
|
+
style: {
|
|
9020
|
+
position: "relative"
|
|
9021
|
+
}
|
|
9022
|
+
}, React.createElement("img", {
|
|
9023
|
+
id: "img01",
|
|
9024
|
+
src: modalImageSrc
|
|
9025
|
+
}), " ", React.createElement("span", {
|
|
9026
|
+
className: cls$3.close,
|
|
9027
|
+
onClick: function onClick() {
|
|
9028
|
+
return toggleModal(false);
|
|
9029
|
+
}
|
|
9030
|
+
}, "\u2A02")))));
|
|
9031
|
+
};
|
|
9032
|
+
|
|
9033
|
+
ModalImage.propTypes = {
|
|
9034
|
+
isOpen: _pt.bool.isRequired,
|
|
9035
|
+
modalImageSrc: _pt.string.isRequired,
|
|
9036
|
+
toggleModal: _pt.func.isRequired
|
|
9037
|
+
};
|
|
9038
|
+
|
|
9004
9039
|
function NavigationList(_ref) {
|
|
9005
9040
|
var items = _ref.items,
|
|
9006
9041
|
onClickItem = _ref.onClickItem,
|
|
@@ -10066,9 +10101,9 @@ Uploader.propTypes = {
|
|
|
10066
10101
|
})
|
|
10067
10102
|
};
|
|
10068
10103
|
|
|
10069
|
-
var css$
|
|
10070
|
-
var cls$
|
|
10071
|
-
styleInject(css$
|
|
10104
|
+
var css$4 = ".campaign-card-module_wrapper__21wRg {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 20px;\n background-color: #13362e; }\n .campaign-card-module_wrapper__21wRg .campaign-card-module_image__2ZKXl {\n width: 100px;\n height: 100px;\n padding: 5px; }\n .campaign-card-module_wrapper__21wRg .campaign-card-module_title__2sx24 {\n padding: 5px;\n font-weight: 700;\n font-size: 20px;\n line-height: 27px;\n text-align: center;\n color: white; }\n .campaign-card-module_wrapper__21wRg .campaign-card-module_description__2yC7N {\n color: #b9c3c1;\n padding: 5px;\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: center; }\n";
|
|
10105
|
+
var cls$4 = {"wrapper":"campaign-card-module_wrapper__21wRg","image":"campaign-card-module_image__2ZKXl","title":"campaign-card-module_title__2sx24","description":"campaign-card-module_description__2yC7N"};
|
|
10106
|
+
styleInject(css$4);
|
|
10072
10107
|
|
|
10073
10108
|
var CampaignCard = function CampaignCard(_ref) {
|
|
10074
10109
|
var _ref$className = _ref.className,
|
|
@@ -10079,14 +10114,14 @@ var CampaignCard = function CampaignCard(_ref) {
|
|
|
10079
10114
|
_ref$description = _ref.description,
|
|
10080
10115
|
description = _ref$description === void 0 ? "" : _ref$description;
|
|
10081
10116
|
return React.createElement("div", {
|
|
10082
|
-
className: classnames(cls$
|
|
10117
|
+
className: classnames(cls$4.wrapper, className)
|
|
10083
10118
|
}, React.createElement("img", {
|
|
10084
|
-
className: cls$
|
|
10119
|
+
className: cls$4.image,
|
|
10085
10120
|
src: imageURL
|
|
10086
10121
|
}), React.createElement("div", {
|
|
10087
|
-
className: cls$
|
|
10122
|
+
className: cls$4.title
|
|
10088
10123
|
}, title), React.createElement("div", {
|
|
10089
|
-
className: cls$
|
|
10124
|
+
className: cls$4.description
|
|
10090
10125
|
}, description));
|
|
10091
10126
|
};
|
|
10092
10127
|
|
|
@@ -10097,9 +10132,9 @@ CampaignCard.propTypes = {
|
|
|
10097
10132
|
description: _pt.string
|
|
10098
10133
|
};
|
|
10099
10134
|
|
|
10100
|
-
var css$
|
|
10101
|
-
var cls$
|
|
10102
|
-
styleInject(css$
|
|
10135
|
+
var css$5 = ".campaign-of-month-module_wrapper__3VW1j {\n width: 100%;\n max-width: 1140px;\n height: 320px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 50%;\n height: 320px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 36px 38px 43px 46px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_title__2bUDz {\n font-weight: 500;\n font-size: 20px;\n line-height: 28px;\n text-align: left;\n color: black; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 15px;\n line-height: 24px;\n text-align: left;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 6;\n /* number of lines to show */\n line-clamp: 6;\n -webkit-box-orient: vertical;\n margin-bottom: 25px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo {\n width: 100%;\n height: 52px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item__2qUuG {\n display: flex;\n flex-direction: column;\n align-items: center; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item_value__2UldJ {\n font-weight: 600;\n font-size: 20px;\n line-height: 28px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_info__2W3vo .campaign-of-month-module_item_name__3ZCL8 {\n font-weight: 500;\n font-size: 14px;\n line-height: 22.4px;\n color: #6d6d6d; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 50%;\n height: 320px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n border-bottom-left-radius: 10px;\n border-top-left-radius: 10px; }\n\n@media all and (max-width: 992px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 719px;\n height: auto;\n flex-direction: column; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_leftSide__22wcl {\n width: 100%;\n height: auto;\n display: flex; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv {\n width: 100%;\n height: auto;\n padding: 27px 40px 36px;\n border-bottom-left-radius: 10px;\n border-bottom-right-radius: 10px; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_rightSide__FXQyv .campaign-of-month-module_description__6rZ2k {\n -webkit-line-clamp: initial;\n /* number of lines to show */\n line-clamp: initial; }\n .campaign-of-month-module_wrapper__3VW1j .campaign-of-month-module_image__2YMoT {\n width: 100%;\n max-width: 100%;\n max-height: 100%;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n border-bottom-left-radius: 0px;\n -o-object-fit: cover;\n object-fit: cover; } }\n\n@media all and (max-width: 768px) {\n .campaign-of-month-module_wrapper__3VW1j {\n width: 100%;\n max-width: 432px; } }\n";
|
|
10136
|
+
var cls$5 = {"wrapper":"campaign-of-month-module_wrapper__3VW1j","rightSide":"campaign-of-month-module_rightSide__FXQyv","title":"campaign-of-month-module_title__2bUDz","description":"campaign-of-month-module_description__6rZ2k","info":"campaign-of-month-module_info__2W3vo","item":"campaign-of-month-module_item__2qUuG","item_value":"campaign-of-month-module_item_value__2UldJ","item_name":"campaign-of-month-module_item_name__3ZCL8","leftSide":"campaign-of-month-module_leftSide__22wcl","image":"campaign-of-month-module_image__2YMoT"};
|
|
10137
|
+
styleInject(css$5);
|
|
10103
10138
|
|
|
10104
10139
|
var CampaignOfMonth = function CampaignOfMonth(_ref) {
|
|
10105
10140
|
var _ref$className = _ref.className,
|
|
@@ -10123,43 +10158,43 @@ var CampaignOfMonth = function CampaignOfMonth(_ref) {
|
|
|
10123
10158
|
idBtn = _ref.idBtn;
|
|
10124
10159
|
var isShowProgressBar = rised && donation && goal;
|
|
10125
10160
|
return React.createElement("div", {
|
|
10126
|
-
className: classnames(cls$
|
|
10161
|
+
className: classnames(cls$5.wrapper, className)
|
|
10127
10162
|
}, React.createElement("div", {
|
|
10128
|
-
className: cls$
|
|
10163
|
+
className: cls$5.leftSide
|
|
10129
10164
|
}, React.createElement("img", {
|
|
10130
10165
|
src: imageUrl,
|
|
10131
|
-
className: cls$
|
|
10166
|
+
className: cls$5.image
|
|
10132
10167
|
})), React.createElement("div", {
|
|
10133
|
-
className: cls$
|
|
10168
|
+
className: cls$5.rightSide
|
|
10134
10169
|
}, title && React.createElement("div", {
|
|
10135
|
-
className: cls$
|
|
10170
|
+
className: cls$5.title
|
|
10136
10171
|
}, title), React.createElement("div", {
|
|
10137
|
-
className: cls$
|
|
10172
|
+
className: cls$5.description,
|
|
10138
10173
|
dangerouslySetInnerHTML: {
|
|
10139
10174
|
__html: text
|
|
10140
10175
|
}
|
|
10141
10176
|
}), isShowProgressBar ? React.createElement(React.Fragment, null, React.createElement(ProgressBar, {
|
|
10142
10177
|
completed: rised / goal * 100
|
|
10143
10178
|
}), React.createElement("div", {
|
|
10144
|
-
className: cls$
|
|
10179
|
+
className: cls$5.info
|
|
10145
10180
|
}, React.createElement("div", {
|
|
10146
|
-
className: cls$
|
|
10181
|
+
className: cls$5.section
|
|
10147
10182
|
}, React.createElement("div", {
|
|
10148
|
-
className: cls$
|
|
10183
|
+
className: cls$5.item_value
|
|
10149
10184
|
}, "$", rised), React.createElement("div", {
|
|
10150
|
-
className: cls$
|
|
10185
|
+
className: cls$5.item_name
|
|
10151
10186
|
}, "Raised")), React.createElement("div", {
|
|
10152
|
-
className: cls$
|
|
10187
|
+
className: cls$5.section
|
|
10153
10188
|
}, React.createElement("div", {
|
|
10154
|
-
className: cls$
|
|
10189
|
+
className: cls$5.item_value
|
|
10155
10190
|
}, "$", donation), React.createElement("div", {
|
|
10156
|
-
className: cls$
|
|
10191
|
+
className: cls$5.item_name
|
|
10157
10192
|
}, "Donation")), React.createElement("div", {
|
|
10158
|
-
className: cls$
|
|
10193
|
+
className: cls$5.section
|
|
10159
10194
|
}, React.createElement("div", {
|
|
10160
|
-
className: cls$
|
|
10195
|
+
className: cls$5.item_value
|
|
10161
10196
|
}, "$", goal), React.createElement("div", {
|
|
10162
|
-
className: cls$
|
|
10197
|
+
className: cls$5.item_name
|
|
10163
10198
|
}, "Goal")))) : null, React.createElement(Button, {
|
|
10164
10199
|
raised: true,
|
|
10165
10200
|
display: true,
|
|
@@ -10187,9 +10222,9 @@ CampaignOfMonth.propTypes = {
|
|
|
10187
10222
|
idBtn: _pt.string
|
|
10188
10223
|
};
|
|
10189
10224
|
|
|
10190
|
-
var css$
|
|
10191
|
-
var cls$
|
|
10192
|
-
styleInject(css$
|
|
10225
|
+
var css$6 = ".charity-card-module_wrapper__2GNuk {\n width: 573px;\n height: 188px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end;\n padding: 29px 39px 38px 37px;\n background: linear-gradient(90deg, #e96a6d 0%, #e17221 100%), #2d8a75;\n border-radius: 10px; }\n .charity-card-module_wrapper__2GNuk .charity-card-module_title__3_xZV {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: white;\n width: 50%; }\n\n@media all and (max-width: 1200px) {\n .charity-card-module_wrapper__2GNuk {\n width: 456px;\n height: 188px;\n padding: 41px 35px 38px 39px; } }\n\n@media all and (max-width: 992px) {\n .charity-card-module_wrapper__2GNuk {\n width: 643px;\n height: 90px;\n align-items: center; }\n .charity-card-module_wrapper__2GNuk .charity-card-module_title__3_xZV {\n width: 100%;\n font-size: 26px;\n line-height: 36.4px; } }\n\n@media all and (max-width: 768px) {\n .charity-card-module_wrapper__2GNuk {\n width: 350px;\n height: 128px;\n padding: 40px 32px 38px 34px;\n align-items: flex-end; }\n .charity-card-module_wrapper__2GNuk .charity-card-module_title__3_xZV {\n width: 70%;\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px; } }\n";
|
|
10226
|
+
var cls$6 = {"wrapper":"charity-card-module_wrapper__2GNuk","title":"charity-card-module_title__3_xZV"};
|
|
10227
|
+
styleInject(css$6);
|
|
10193
10228
|
|
|
10194
10229
|
const img$7 = "data:image/svg+xml,%3csvg width='28' height='24' viewBox='0 0 28 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.495 2L25 12M25 12L14.495 22M25 12H0' stroke='white' stroke-width='3'/%3e%3c/svg%3e";
|
|
10195
10230
|
|
|
@@ -10199,9 +10234,9 @@ var CharityCard = function CharityCard(_ref) {
|
|
|
10199
10234
|
_ref$title = _ref.title,
|
|
10200
10235
|
title = _ref$title === void 0 ? "" : _ref$title;
|
|
10201
10236
|
return React.createElement("div", {
|
|
10202
|
-
className: classnames(cls$
|
|
10237
|
+
className: classnames(cls$6.wrapper, className)
|
|
10203
10238
|
}, React.createElement("div", {
|
|
10204
|
-
className: cls$
|
|
10239
|
+
className: cls$6.title
|
|
10205
10240
|
}, title), React.createElement("img", {
|
|
10206
10241
|
src: img$7,
|
|
10207
10242
|
alt: "",
|
|
@@ -10217,9 +10252,9 @@ CharityCard.propTypes = {
|
|
|
10217
10252
|
title: _pt.string
|
|
10218
10253
|
};
|
|
10219
10254
|
|
|
10220
|
-
var css$
|
|
10221
|
-
var cls$
|
|
10222
|
-
styleInject(css$
|
|
10255
|
+
var css$7 = ".donate-card-module_wrapper__ciBYC {\n width: 407px;\n height: 330px;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n padding: 29px 37px 36px 37px;\n background-color: #f8f8f7;\n border-radius: 10px; }\n .donate-card-module_wrapper__ciBYC .donate-card-module_title__2Pvi7 {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: black; }\n .donate-card-module_wrapper__ciBYC .donate-card-module_description__3X5cO {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left; }\n\n@media all and (max-width: 1200px) {\n .donate-card-module_wrapper__ciBYC {\n width: 456px;\n height: 330px;\n padding: 41px 42px 36px 42px; } }\n\n@media all and (max-width: 992px) {\n .donate-card-module_wrapper__ciBYC {\n width: 350px;\n height: 367px;\n padding: 36px 32px 36px 32px; } }\n\n@media all and (max-width: 768px) {\n .donate-card-module_wrapper__ciBYC {\n width: 430px;\n height: 289px;\n padding: 40px 42px 46px 42px; }\n .donate-card-module_wrapper__ciBYC .donate-card-module_title__2Pvi7 {\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px; }\n .donate-card-module_wrapper__ciBYC .donate-card-module_description__3X5cO {\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: left; } }\n";
|
|
10256
|
+
var cls$7 = {"wrapper":"donate-card-module_wrapper__ciBYC","title":"donate-card-module_title__2Pvi7","description":"donate-card-module_description__3X5cO"};
|
|
10257
|
+
styleInject(css$7);
|
|
10223
10258
|
|
|
10224
10259
|
var DonateCard = function DonateCard(_ref) {
|
|
10225
10260
|
var _ref$className = _ref.className,
|
|
@@ -10229,11 +10264,11 @@ var DonateCard = function DonateCard(_ref) {
|
|
|
10229
10264
|
_ref$description = _ref.description,
|
|
10230
10265
|
description = _ref$description === void 0 ? "" : _ref$description;
|
|
10231
10266
|
return React.createElement("div", {
|
|
10232
|
-
className: classnames(cls$
|
|
10267
|
+
className: classnames(cls$7.wrapper, className)
|
|
10233
10268
|
}, React.createElement("div", {
|
|
10234
|
-
className: cls$
|
|
10269
|
+
className: cls$7.title
|
|
10235
10270
|
}, title), React.createElement("div", {
|
|
10236
|
-
className: cls$
|
|
10271
|
+
className: cls$7.description
|
|
10237
10272
|
}, description), React.createElement(Button, {
|
|
10238
10273
|
raised: true,
|
|
10239
10274
|
display: true,
|
|
@@ -10249,9 +10284,9 @@ DonateCard.propTypes = {
|
|
|
10249
10284
|
description: _pt.string
|
|
10250
10285
|
};
|
|
10251
10286
|
|
|
10252
|
-
var css$
|
|
10253
|
-
var cls$
|
|
10254
|
-
styleInject(css$
|
|
10287
|
+
var css$8 = ".featured-campaign-card-module_wrapper__Lx4z3 {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-evenly;\n align-items: center;\n cursor: pointer; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_imageWrapper__1Znnd {\n height: 100%;\n display: flex;\n align-items: center; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_coverImage__HUvxd {\n border-radius: 8px;\n width: -webkit-fit-content;\n width: fit-content; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_image__ZtL5s {\n width: 100%;\n border-radius: 8px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_title__3rmNH {\n width: 100%;\n padding-top: 5px;\n padding-bottom: 10px;\n font-weight: 700;\n font-size: 15px;\n line-height: 21px;\n text-align: left;\n color: black;\n height: 50px;\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_description__NZDGW {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: 100%;\n color: black;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 700;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n border-radius: 10px;\n grid-gap: 20px;\n grid-gap: 20px;\n gap: 20px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_subtext__2eSW5 {\n width: 100%;\n color: #6d6d6d;\n padding-top: 5px;\n padding-bottom: 5px;\n font-weight: 500;\n font-size: 13px;\n line-height: 18.2px;\n text-align: left;\n margin-left: 3px;\n margin-right: 3px; }\n .featured-campaign-card-module_wrapper__Lx4z3 .featured-campaign-card-module_FRPText__1QVdV {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n color: #6d6d6d;\n line-height: 20px;\n font-size: 15px;\n margin: 0 0 10px 0; }\n";
|
|
10288
|
+
var cls$8 = {"wrapper":"featured-campaign-card-module_wrapper__Lx4z3","imageWrapper":"featured-campaign-card-module_imageWrapper__1Znnd","coverImage":"featured-campaign-card-module_coverImage__HUvxd","image":"featured-campaign-card-module_image__ZtL5s","title":"featured-campaign-card-module_title__3rmNH","description":"featured-campaign-card-module_description__NZDGW","subtext":"featured-campaign-card-module_subtext__2eSW5","FRPText":"featured-campaign-card-module_FRPText__1QVdV"};
|
|
10289
|
+
styleInject(css$8);
|
|
10255
10290
|
|
|
10256
10291
|
var FeaturedCampaignCard = function FeaturedCampaignCard(_ref) {
|
|
10257
10292
|
var _ref$className = _ref.className,
|
|
@@ -10273,32 +10308,32 @@ var FeaturedCampaignCard = function FeaturedCampaignCard(_ref) {
|
|
|
10273
10308
|
fundraisingText = _ref.fundraisingText,
|
|
10274
10309
|
handleImageError = _ref.handleImageError;
|
|
10275
10310
|
return React.createElement("div", {
|
|
10276
|
-
className: classnames(cls$
|
|
10311
|
+
className: classnames(cls$8.wrapper, className),
|
|
10277
10312
|
style: {
|
|
10278
10313
|
maxWidth: "".concat(maxWidth, "px")
|
|
10279
10314
|
},
|
|
10280
10315
|
onClick: onClick
|
|
10281
10316
|
}, React.createElement("div", null, React.createElement("div", {
|
|
10282
|
-
className: cls$
|
|
10317
|
+
className: cls$8.coverImage
|
|
10283
10318
|
}, React.createElement("img", {
|
|
10284
|
-
className: cls$
|
|
10319
|
+
className: cls$8.image,
|
|
10285
10320
|
src: imageURL,
|
|
10286
10321
|
onError: handleImageError
|
|
10287
10322
|
})), React.createElement("div", {
|
|
10288
|
-
className: cls$
|
|
10323
|
+
className: cls$8.title
|
|
10289
10324
|
}, title), React.createElement("p", {
|
|
10290
|
-
className: cls$
|
|
10325
|
+
className: cls$8.FRPText,
|
|
10291
10326
|
dangerouslySetInnerHTML: {
|
|
10292
10327
|
__html: fundraisingText
|
|
10293
10328
|
}
|
|
10294
10329
|
})), React.createElement(ProgressBar, {
|
|
10295
10330
|
completed: completed
|
|
10296
10331
|
}), React.createElement("div", {
|
|
10297
|
-
className: cls$
|
|
10332
|
+
className: cls$8.description
|
|
10298
10333
|
}, React.createElement("div", null, donation, " donations"), React.createElement("div", null, "$", raised, " ", React.createElement("span", {
|
|
10299
|
-
className: cls$
|
|
10334
|
+
className: cls$8.subtext
|
|
10300
10335
|
}, "Raised of"), "$", goal, React.createElement("span", {
|
|
10301
|
-
className: cls$
|
|
10336
|
+
className: cls$8.subtext
|
|
10302
10337
|
}, "Goal"))));
|
|
10303
10338
|
};
|
|
10304
10339
|
|
|
@@ -10317,9 +10352,9 @@ FeaturedCampaignCard.propTypes = {
|
|
|
10317
10352
|
handleImageError: _pt.func
|
|
10318
10353
|
};
|
|
10319
10354
|
|
|
10320
|
-
var css$
|
|
10321
|
-
var cls$
|
|
10322
|
-
styleInject(css$
|
|
10355
|
+
var css$9 = ".fundraising-section-module_wrapper__2vajR {\n width: 100%;\n height: auto;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n padding-right: 90px;\n padding-left: 90px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_leftSide__1zI_4 {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 50%;\n height: auto;\n padding-right: 36px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_image__1G7d9 {\n max-width: 100%;\n max-height: 100%;\n border-radius: 10px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu {\n width: 50%;\n height: auto;\n padding-left: 36px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu .fundraising-section-module_title__3qv_k {\n font-weight: 500;\n font-size: 24px;\n line-height: 32.4px;\n text-align: left;\n color: black;\n margin-bottom: 12.64px; }\n .fundraising-section-module_wrapper__2vajR .fundraising-section-module_rightSide__3XxNu .fundraising-section-module_description__1kteS {\n color: #6d6d6d;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left; }\n";
|
|
10356
|
+
var cls$9 = {"wrapper":"fundraising-section-module_wrapper__2vajR","leftSide":"fundraising-section-module_leftSide__1zI_4","image":"fundraising-section-module_image__1G7d9","rightSide":"fundraising-section-module_rightSide__3XxNu","title":"fundraising-section-module_title__3qv_k","description":"fundraising-section-module_description__1kteS"};
|
|
10357
|
+
styleInject(css$9);
|
|
10323
10358
|
|
|
10324
10359
|
var FundraisingSection = function FundraisingSection(_ref) {
|
|
10325
10360
|
var _ref$className = _ref.className,
|
|
@@ -10331,18 +10366,18 @@ var FundraisingSection = function FundraisingSection(_ref) {
|
|
|
10331
10366
|
_ref$imageUrl = _ref.imageUrl,
|
|
10332
10367
|
imageUrl = _ref$imageUrl === void 0 ? "" : _ref$imageUrl;
|
|
10333
10368
|
return React.createElement("div", {
|
|
10334
|
-
className: classnames(cls$
|
|
10369
|
+
className: classnames(cls$9.wrapper, className)
|
|
10335
10370
|
}, React.createElement("div", {
|
|
10336
|
-
className: cls$
|
|
10371
|
+
className: cls$9.leftSide
|
|
10337
10372
|
}, React.createElement("img", {
|
|
10338
10373
|
src: imageUrl,
|
|
10339
|
-
className: cls$
|
|
10374
|
+
className: cls$9.image
|
|
10340
10375
|
})), React.createElement("div", {
|
|
10341
|
-
className: cls$
|
|
10376
|
+
className: cls$9.rightSide
|
|
10342
10377
|
}, React.createElement("div", {
|
|
10343
|
-
className: cls$
|
|
10378
|
+
className: cls$9.title
|
|
10344
10379
|
}, title), React.createElement("div", {
|
|
10345
|
-
className: cls$
|
|
10380
|
+
className: cls$9.description
|
|
10346
10381
|
}, description)));
|
|
10347
10382
|
};
|
|
10348
10383
|
|
|
@@ -10353,9 +10388,9 @@ FundraisingSection.propTypes = {
|
|
|
10353
10388
|
imageUrl: _pt.string
|
|
10354
10389
|
};
|
|
10355
10390
|
|
|
10356
|
-
var css$
|
|
10357
|
-
var cls$
|
|
10358
|
-
styleInject(css$
|
|
10391
|
+
var css$a = ".hero-banner-module_wrapper__3tqb0 {\n width: 100%;\n height: 509.07px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n background-color: #13362e;\n border-bottom-right-radius: 10px; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_rightSide__2v-ZN {\n width: 35%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n padding: 29px 0px 36px 41px; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_rightSide__2v-ZN .hero-banner-module_title__3W1MB {\n font-weight: 700;\n font-size: 40px;\n line-height: 56px;\n text-align: left;\n color: white; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_rightSide__2v-ZN .hero-banner-module_description__t3Jsm {\n color: white;\n font-weight: 500;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n padding-top: 20px;\n padding-bottom: 30px; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_leftSide__2wEYK {\n width: 65%;\n height: 100%;\n border-bottom-right-radius: 10px; }\n .hero-banner-module_wrapper__3tqb0 .hero-banner-module_image__jUz8f {\n border-bottom-right-radius: 10px;\n height: 100%;\n width: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n mask-image: linear-gradient(to left, #2d8a75 0%, #2d8a75 50%, rgba(0, 0, 0, 0) 100%);\n -webkit-mask-image: linear-gradient(to left, #2d8a75 50%, #2d8a75 5%, rgba(0, 0, 0, 0) 100%); }\n";
|
|
10392
|
+
var cls$a = {"wrapper":"hero-banner-module_wrapper__3tqb0","rightSide":"hero-banner-module_rightSide__2v-ZN","title":"hero-banner-module_title__3W1MB","description":"hero-banner-module_description__t3Jsm","leftSide":"hero-banner-module_leftSide__2wEYK","image":"hero-banner-module_image__jUz8f"};
|
|
10393
|
+
styleInject(css$a);
|
|
10359
10394
|
|
|
10360
10395
|
var HeroBnner = function HeroBnner(_ref) {
|
|
10361
10396
|
var _ref$className = _ref.className,
|
|
@@ -10367,13 +10402,13 @@ var HeroBnner = function HeroBnner(_ref) {
|
|
|
10367
10402
|
_ref$imageUrl = _ref.imageUrl,
|
|
10368
10403
|
imageUrl = _ref$imageUrl === void 0 ? "" : _ref$imageUrl;
|
|
10369
10404
|
return React.createElement("div", {
|
|
10370
|
-
className: classnames(cls$
|
|
10405
|
+
className: classnames(cls$a.wrapper, className)
|
|
10371
10406
|
}, React.createElement("div", {
|
|
10372
|
-
className: cls$
|
|
10407
|
+
className: cls$a.rightSide
|
|
10373
10408
|
}, React.createElement("div", {
|
|
10374
|
-
className: cls$
|
|
10409
|
+
className: cls$a.title
|
|
10375
10410
|
}, title), React.createElement("div", {
|
|
10376
|
-
className: cls$
|
|
10411
|
+
className: cls$a.description
|
|
10377
10412
|
}, description), React.createElement(Button, {
|
|
10378
10413
|
raised: true,
|
|
10379
10414
|
display: true,
|
|
@@ -10382,10 +10417,10 @@ var HeroBnner = function HeroBnner(_ref) {
|
|
|
10382
10417
|
height: "48px"
|
|
10383
10418
|
}
|
|
10384
10419
|
}, "Start fundraising")), React.createElement("div", {
|
|
10385
|
-
className: cls$
|
|
10420
|
+
className: cls$a.leftSide
|
|
10386
10421
|
}, React.createElement("img", {
|
|
10387
10422
|
src: imageUrl,
|
|
10388
|
-
className: cls$
|
|
10423
|
+
className: cls$a.image,
|
|
10389
10424
|
alt: ""
|
|
10390
10425
|
})));
|
|
10391
10426
|
};
|
|
@@ -10397,9 +10432,9 @@ HeroBnner.propTypes = {
|
|
|
10397
10432
|
imageUrl: _pt.string
|
|
10398
10433
|
};
|
|
10399
10434
|
|
|
10400
|
-
var css$
|
|
10401
|
-
var cls$
|
|
10402
|
-
styleInject(css$
|
|
10435
|
+
var css$b = ".horizontalbar-module_wrapper__39Ym4 {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n margin: 5px; }\n .horizontalbar-module_wrapper__39Ym4 .horizontalbar-module_bar__1X0jE {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n background-color: #41ccad;\n border-radius: 999px;\n height: 50px; }\n .horizontalbar-module_wrapper__39Ym4 .horizontalbar-module_dot__1uJv_ {\n background-color: #2d8a75;\n display: flex;\n width: 20px;\n height: 20px;\n border-radius: 999px;\n margin-right: 17.5px; }\n";
|
|
10436
|
+
var cls$b = {"wrapper":"horizontalbar-module_wrapper__39Ym4","bar":"horizontalbar-module_bar__1X0jE","dot":"horizontalbar-module_dot__1uJv_"};
|
|
10437
|
+
styleInject(css$b);
|
|
10403
10438
|
|
|
10404
10439
|
var HorizontalBar = function HorizontalBar(_ref) {
|
|
10405
10440
|
var _ref$className = _ref.className,
|
|
@@ -10415,9 +10450,9 @@ var HorizontalBar = function HorizontalBar(_ref) {
|
|
|
10415
10450
|
_ref$marginLeft = _ref.marginLeft,
|
|
10416
10451
|
marginLeft = _ref$marginLeft === void 0 ? 0 : _ref$marginLeft;
|
|
10417
10452
|
return React.createElement("div", {
|
|
10418
|
-
className: classnames(cls$
|
|
10453
|
+
className: classnames(cls$b.wrapper, className)
|
|
10419
10454
|
}, React.createElement("div", {
|
|
10420
|
-
className: cls$
|
|
10455
|
+
className: cls$b.bar,
|
|
10421
10456
|
style: {
|
|
10422
10457
|
width: "".concat(width, "px"),
|
|
10423
10458
|
height: "".concat(height, "px"),
|
|
@@ -10425,7 +10460,7 @@ var HorizontalBar = function HorizontalBar(_ref) {
|
|
|
10425
10460
|
marginLeft: "".concat(marginLeft, "px")
|
|
10426
10461
|
}
|
|
10427
10462
|
}, React.createElement("span", {
|
|
10428
|
-
className: cls$
|
|
10463
|
+
className: cls$b.dot,
|
|
10429
10464
|
style: {
|
|
10430
10465
|
backgroundColor: "".concat(dotColor)
|
|
10431
10466
|
}
|
|
@@ -10441,9 +10476,9 @@ HorizontalBar.propTypes = {
|
|
|
10441
10476
|
marginLeft: _pt.number
|
|
10442
10477
|
};
|
|
10443
10478
|
|
|
10444
|
-
var css$
|
|
10445
|
-
var cls$
|
|
10446
|
-
styleInject(css$
|
|
10479
|
+
var css$c = ".start-campaign-card-module_wrapper__26J9X {\n width: 708px;\n height: 330px;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n border-radius: 10px;\n background-color: #2d8a75; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp {\n width: 326px;\n height: 330px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n padding: 29px 0px 36px 41px; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp .start-campaign-card-module_title__3S0AN {\n font-weight: 700;\n font-size: 32px;\n line-height: 44.8px;\n text-align: left;\n color: white; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp .start-campaign-card-module_description__2QHtW {\n color: white;\n font-weight: 500;\n font-size: 20px;\n line-height: 32px;\n text-align: left; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_leftSide__3yqbZ {\n width: 382px;\n height: 330px;\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n background: linear-gradient(to right, #2d8a75 0%, #2d8a75 15%, rgba(0, 0, 0, 0) 50%), url(./test-image.svg) no-repeat;\n background-size: cover; }\n\n@media all and (max-width: 1200px) {\n .start-campaign-card-module_wrapper__26J9X {\n width: 456px;\n height: 330px;\n padding: 42px 42px 36px 42px; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_leftSide__3yqbZ {\n display: none; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp {\n width: 100%;\n height: 100%;\n padding: 0; } }\n\n@media all and (max-width: 992px) {\n .start-campaign-card-module_wrapper__26J9X {\n width: 350px;\n height: 367px;\n padding: 36px 33px 36px 33px; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_leftSide__3yqbZ {\n display: none; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp {\n width: 100%;\n height: 100%;\n padding: 0; } }\n\n@media all and (max-width: 768px) {\n .start-campaign-card-module_wrapper__26J9X {\n width: 430px;\n height: 525px;\n display: flex;\n flex-direction: column-reverse;\n justify-content: space-between;\n align-items: center;\n padding: 0; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_leftSide__3yqbZ {\n display: block;\n width: 430px;\n height: 330px;\n border-top-right-radius: 10px;\n border-top-left-radius: 10px;\n background: linear-gradient(to top, #2d8a75 0%, #2d8a75 15%, rgba(0, 0, 0, 0) 50%), url(./test-image.svg) no-repeat;\n background-size: cover; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp {\n width: 430;\n height: 195px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n justify-content: space-around;\n padding: 0px 42px 51px 42px; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp .start-campaign-card-module_title__3S0AN {\n font-weight: 700;\n font-size: 26px;\n line-height: 36.4px;\n text-align: left;\n color: white; }\n .start-campaign-card-module_wrapper__26J9X .start-campaign-card-module_rightSide__2cTpp .start-campaign-card-module_description__2QHtW {\n color: white;\n font-weight: 500;\n font-size: 16px;\n line-height: 25.6px;\n text-align: left; } }\n";
|
|
10480
|
+
var cls$c = {"wrapper":"start-campaign-card-module_wrapper__26J9X","rightSide":"start-campaign-card-module_rightSide__2cTpp","title":"start-campaign-card-module_title__3S0AN","description":"start-campaign-card-module_description__2QHtW","leftSide":"start-campaign-card-module_leftSide__3yqbZ"};
|
|
10481
|
+
styleInject(css$c);
|
|
10447
10482
|
|
|
10448
10483
|
var StartCampaignCard = function StartCampaignCard(_ref) {
|
|
10449
10484
|
var _ref$className = _ref.className,
|
|
@@ -10453,13 +10488,13 @@ var StartCampaignCard = function StartCampaignCard(_ref) {
|
|
|
10453
10488
|
_ref$description = _ref.description,
|
|
10454
10489
|
description = _ref$description === void 0 ? "" : _ref$description;
|
|
10455
10490
|
return React.createElement("div", {
|
|
10456
|
-
className: classnames(cls$
|
|
10491
|
+
className: classnames(cls$c.wrapper, className)
|
|
10457
10492
|
}, React.createElement("div", {
|
|
10458
|
-
className: cls$
|
|
10493
|
+
className: cls$c.rightSide
|
|
10459
10494
|
}, React.createElement("div", {
|
|
10460
|
-
className: cls$
|
|
10495
|
+
className: cls$c.title
|
|
10461
10496
|
}, title), React.createElement("div", {
|
|
10462
|
-
className: cls$
|
|
10497
|
+
className: cls$c.description
|
|
10463
10498
|
}, description), React.createElement(Button, {
|
|
10464
10499
|
raised: true,
|
|
10465
10500
|
display: true,
|
|
@@ -10470,7 +10505,7 @@ var StartCampaignCard = function StartCampaignCard(_ref) {
|
|
|
10470
10505
|
height: "50px"
|
|
10471
10506
|
}
|
|
10472
10507
|
}, "Start a campaign")), React.createElement("div", {
|
|
10473
|
-
className: cls$
|
|
10508
|
+
className: cls$c.leftSide
|
|
10474
10509
|
}));
|
|
10475
10510
|
};
|
|
10476
10511
|
|
|
@@ -11313,9 +11348,9 @@ function useHover$1() {
|
|
|
11313
11348
|
return [isHovered, bind];
|
|
11314
11349
|
}
|
|
11315
11350
|
|
|
11316
|
-
var css$
|
|
11317
|
-
var cls$
|
|
11318
|
-
styleInject(css$
|
|
11351
|
+
var css$d = ".nav-module_tabBar__1jJhu {\n height: 75px; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab {\n height: 75px !important; }\n .nav-module_tabBar__1jJhu .mdc-tab-scroller .mdc-tab .mdc-tab__content .mdc-tab__text-label {\n font-size: 15px !important;\n font-weight: 500; }\n";
|
|
11352
|
+
var cls$d = {"tabBar":"nav-module_tabBar__1jJhu"};
|
|
11353
|
+
styleInject(css$d);
|
|
11319
11354
|
|
|
11320
11355
|
function Navigation$1(_ref) {
|
|
11321
11356
|
var logo = _ref.logo,
|
|
@@ -11418,7 +11453,7 @@ function Navigation$1(_ref) {
|
|
|
11418
11453
|
isMinWidth: true,
|
|
11419
11454
|
isMinWidthIndicator: true,
|
|
11420
11455
|
large: true,
|
|
11421
|
-
className: cls$
|
|
11456
|
+
className: cls$d.tabBar,
|
|
11422
11457
|
isDark: isDark
|
|
11423
11458
|
})), React.createElement(NavigationActions$1, null, search && React.createElement(NavigationSearchControl$1, {
|
|
11424
11459
|
onChangeSearchOpen: setSearchOpen,
|
|
@@ -11597,9 +11632,9 @@ function replace$3(arr, x, val) {
|
|
|
11597
11632
|
});
|
|
11598
11633
|
}
|
|
11599
11634
|
|
|
11600
|
-
var css$
|
|
11601
|
-
var cls$
|
|
11602
|
-
styleInject(css$
|
|
11635
|
+
var css$e = ".popup-module_wrapper__2a8HZ {\n width: 100%;\n height: 79px;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n background-color: #1f4e43; }\n .popup-module_wrapper__2a8HZ .popup-module_title__1amtD {\n padding: 5px;\n font-weight: 700;\n font-size: 16px;\n line-height: 22.4px;\n text-align: center;\n color: white;\n margin-left: 94px;\n margin-right: 24px; }\n .popup-module_wrapper__2a8HZ .popup-module_description__BetQs {\n position: relative;\n color: #b9c3c1;\n padding: 5px;\n font-weight: 500;\n font-size: 16px;\n line-height: 22.4px;\n text-align: center; }\n\n@media all and (max-width: 768px) {\n .popup-module_wrapper__2a8HZ {\n width: 100%;\n height: 119px;\n flex-direction: column;\n align-items: center;\n justify-content: center; }\n .popup-module_wrapper__2a8HZ .popup-module_title__1amtD {\n margin-left: 0px;\n margin-right: 0px; } }\n";
|
|
11636
|
+
var cls$e = {"wrapper":"popup-module_wrapper__2a8HZ","title":"popup-module_title__1amtD","description":"popup-module_description__BetQs"};
|
|
11637
|
+
styleInject(css$e);
|
|
11603
11638
|
|
|
11604
11639
|
var Popup = function Popup(_ref) {
|
|
11605
11640
|
var _ref$className = _ref.className,
|
|
@@ -11609,11 +11644,11 @@ var Popup = function Popup(_ref) {
|
|
|
11609
11644
|
_ref$description = _ref.description,
|
|
11610
11645
|
description = _ref$description === void 0 ? "" : _ref$description;
|
|
11611
11646
|
return React.createElement("div", {
|
|
11612
|
-
className: classnames(cls$
|
|
11647
|
+
className: classnames(cls$e.wrapper, className)
|
|
11613
11648
|
}, React.createElement("div", {
|
|
11614
|
-
className: cls$
|
|
11649
|
+
className: cls$e.title
|
|
11615
11650
|
}, title), React.createElement("div", {
|
|
11616
|
-
className: cls$
|
|
11651
|
+
className: cls$e.description
|
|
11617
11652
|
}, description));
|
|
11618
11653
|
};
|
|
11619
11654
|
|
|
@@ -28716,9 +28751,9 @@ var lodash = createCommonjsModule(function (module, exports) {
|
|
|
28716
28751
|
}.call(commonjsGlobal));
|
|
28717
28752
|
});
|
|
28718
28753
|
|
|
28719
|
-
var css$e = ".footerV2-module_wrapper__3uNWh {\n background-color: white;\n color: #404041;\n font-family: \"Montserrat\", sans-serif; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_container__1Y8dv {\n width: 100%;\n margin: 0 auto;\n border-top: 1px solid #e2e2e2;\n border-bottom: 1px solid #e2e2e2; }\n .footerV2-module_wrapper__3uNWh section {\n max-width: 80em;\n display: flex;\n padding: 55px 0px 35px 0px;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_social_links__item__2RVAO {\n display: block;\n width: 2.5rem;\n height: 2.5rem; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_social_links__item__2RVAO img {\n width: 100%;\n height: 100%;\n display: block;\n -o-object-fit: \"contain\";\n object-fit: \"contain\"; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_logo__1BTb6 {\n width: 20%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_logo__1BTb6 .footerV2-module_logo__3g-m- {\n width: 161px;\n height: 57px;\n margin-top: -5px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left_bottom__8raKl {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_follow__2a4nL {\n width: 33.33%;\n padding: 0 10px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_follow__2a4nL h2 {\n color: black;\n font-size: 14px;\n font-weight: 500; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_social_icons__35Jsa {\n display: flex;\n flex-direction: row;\n grid-gap: 21px;\n grid-gap: 21px;\n gap: 21px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_follow_mobile__7raQo {\n display: none; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left__2YuFf {\n display: flex;\n width: 60%;\n position: relative;\n min-height: 220px;\n flex-wrap: wrap; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left_mobile__SovNW {\n display: none; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 {\n width: 25%;\n display: flex;\n flex-direction: column;\n align-items: center; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics__DLKC3 .footerV2-module_container__1Y8dv {\n background-color: #f2f8f1;\n border-radius: 10px;\n width: 273px;\n height: 244px;\n text-align: center;\n padding: 5px 29px 27px 29px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 .footerV2-module_title__2Pfg4 {\n line-height: 16.8px;\n font-weight: 600;\n font-size: 14px;\n color: #0b1f05;\n text-align: left; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_number__1mbq9 {\n font-weight: 400;\n font-size: 14px;\n line-height: 19.6px;\n color: #13362e;\n text-align: left; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 > .footerV2-module_stack-column__13ufr > .footerV2-module_stack-row__3amp9 {\n flex-direction: column; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_item_container__2j6hR {\n display: flex;\n flex-direction: column; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics_item__2zP8I {\n display: flex;\n flex-direction: row;\n align-items: center;\n grid-gap: 16px;\n grid-gap: 16px;\n gap: 16px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_item__2zP8I:last-child img {\n transform: scaleX(-1); }\n .footerV2-module_wrapper__3uNWh .footerV2-module_item_link__2CV5i {\n flex-basis: 33.33%;\n padding: 0 10px;\n display: block; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_item_link__2CV5i h2 {\n color: black;\n font-size: 14px;\n text-transform: lowercase;\n font-weight: 500; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_item_link__2CV5i h2:first-letter {\n text-transform: capitalize; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_list_links__Twf5H {\n display: flex;\n flex-direction: column; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_list_links__Twf5H a {\n color: #6d6d6d;\n text-decoration: none;\n margin: 0.5rem 0;\n font-size: 14px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_list_links__Twf5H a:first-letter {\n text-transform: capitalize; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_container__9ZuJh {\n width: 100%;\n max-width: 80em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding-bottom: 25px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_section__HKRgY {\n flex-direction: column;\n padding: 1rem 10px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_section__HKRgY a {\n text-decoration: none;\n color: #404041;\n font-size: 13px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_section__HKRgY .footerV2-module_container__1Y8dv > div {\n align-items: center;\n justify-content: space-between; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card__1x1JR {\n width: 65%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end;\n padding: 20px;\n background: linear-gradient(90deg, #e96a6d 0%, #e17221 100%), #2d8a75;\n cursor: pointer;\n border-radius: 6px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card__1x1JR .footerV2-module_title__2Pfg4 {\n display: flex;\n flex-direction: column;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.5em;\n text-align: left;\n color: white; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card__1x1JR img {\n width: 16px;\n height: auto; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card_mobile__3j68- {\n display: none; }\n @media all and (max-width: 1200px) {\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M {\n flex-wrap: wrap;\n width: 80%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_logo__1BTb6 {\n flex-basis: 100%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left__2YuFf {\n width: 70%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 {\n width: 30%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_section__HKRgY {\n width: 80%; } }\n @media all and (max-width: 992px) {\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M {\n flex-direction: column;\n width: 80%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left__2YuFf {\n width: 100%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 {\n width: 100%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics__DLKC3 .footerV2-module_container__1Y8dv {\n background-color: #f2f8f1;\n border-radius: 10px;\n width: 100%;\n height: 174px;\n padding: 25px;\n margin-top: 25px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 .footerV2-module_title__2Pfg4 {\n text-align: center; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_item_container__2j6hR {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-evenly; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_item__2zP8I {\n flex-direction: column;\n grid-gap: 0px !important;\n grid-gap: 0px !important;\n gap: 0px !important; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_container__9ZuJh {\n flex-direction: column;\n grid-gap: 5px;\n grid-gap: 5px;\n gap: 5px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_number__1mbq9 {\n text-align: center;\n width: 70%; } }\n @media all and (max-width: 768px) {\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M {\n flex-direction: column;\n width: 432px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_follow_mobile__7raQo {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 8px 0;\n border-bottom: solid 1px #dadada; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_social_icons_mobile__2MuTY {\n display: flex;\n flex-direction: row;\n grid-gap: 21px;\n grid-gap: 21px;\n gap: 21px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_follow_mobile__7raQo h2 {\n color: black;\n font-size: 14px;\n font-weight: 500; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_item_link__2CV5i h2 {\n font-weight: 500; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left__2YuFf {\n display: none; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left_mobile__SovNW {\n display: block; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left_mobile__SovNW .footerV2-module_title_container__2J_BO {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left_mobile__SovNW .footerV2-module_item_link__2CV5i {\n border-bottom: solid 1px #dadada;\n padding: 8px 0; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left_mobile__SovNW .footerV2-module_list_links__Twf5H {\n margin-left: 22px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_active__1jXbw {\n display: flex !important; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_inactive__2Qwod {\n display: none !important; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_logo__1BTb6 {\n width: 100%;\n border-bottom: solid 1px #dadada; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics__DLKC3 .footerV2-module_container__1Y8dv {\n background-color: #f2f8f1;\n border-radius: 10px;\n width: 432px;\n height: 236px;\n padding: 25px;\n margin-top: 25px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_item_container__2j6hR {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-evenly; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_item__2zP8I {\n flex-direction: row;\n width: 100%;\n grid-gap: 16px !important;\n grid-gap: 16px !important;\n gap: 16px !important; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_number__1mbq9 {\n text-align: left;\n width: 70%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 .footerV2-module_title__2Pfg4 {\n text-align: left; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card__1x1JR {\n width: 432px;\n padding: 25px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card__1x1JR img {\n width: 12px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card_mobile__3j68- {\n display: flex;\n justify-content: center;\n padding: 15px 0 50px 0; } }\n @media all and (max-width: 480px) {\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M {\n flex-direction: column;\n width: 340px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics__DLKC3 .footerV2-module_container__1Y8dv {\n width: 340px;\n height: 236px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_container__9ZuJh {\n flex-direction: column-reverse; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_container__9ZuJh .footerV2-module_stack-row__3amp9:not(.footerV2-module_stack-reverse__20hel) > *:not(:last-child) {\n margin-right: 0.2rem !important; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card__1x1JR {\n width: 340px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_section__HKRgY {\n width: 90%; } }\n";
|
|
28720
|
-
var cls$
|
|
28721
|
-
styleInject(css$
|
|
28754
|
+
var css$f = ".footerV2-module_wrapper__3uNWh {\n background-color: white;\n color: #404041;\n font-family: \"Montserrat\", sans-serif; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_container__1Y8dv {\n width: 100%;\n margin: 0 auto;\n border-top: 1px solid #e2e2e2;\n border-bottom: 1px solid #e2e2e2; }\n .footerV2-module_wrapper__3uNWh section {\n max-width: 80em;\n display: flex;\n padding: 55px 0px 35px 0px;\n margin: 0 auto;\n flex-direction: row;\n justify-content: space-between; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_social_links__item__2RVAO {\n display: block;\n width: 2.5rem;\n height: 2.5rem; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_social_links__item__2RVAO img {\n width: 100%;\n height: 100%;\n display: block;\n -o-object-fit: \"contain\";\n object-fit: \"contain\"; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_logo__1BTb6 {\n width: 20%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_logo__1BTb6 .footerV2-module_logo__3g-m- {\n width: 161px;\n height: 57px;\n margin-top: -5px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left_bottom__8raKl {\n display: flex;\n justify-content: space-between;\n width: 100%;\n margin-top: 20px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_follow__2a4nL {\n width: 33.33%;\n padding: 0 10px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_follow__2a4nL h2 {\n color: black;\n font-size: 14px;\n font-weight: 500; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_social_icons__35Jsa {\n display: flex;\n flex-direction: row;\n grid-gap: 21px;\n grid-gap: 21px;\n gap: 21px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_follow_mobile__7raQo {\n display: none; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left__2YuFf {\n display: flex;\n width: 60%;\n position: relative;\n min-height: 220px;\n flex-wrap: wrap; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left_mobile__SovNW {\n display: none; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 {\n width: 25%;\n display: flex;\n flex-direction: column;\n align-items: center; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics__DLKC3 .footerV2-module_container__1Y8dv {\n background-color: #f2f8f1;\n border-radius: 10px;\n width: 273px;\n height: 244px;\n text-align: center;\n padding: 5px 29px 27px 29px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 .footerV2-module_title__2Pfg4 {\n line-height: 16.8px;\n font-weight: 600;\n font-size: 14px;\n color: #0b1f05;\n text-align: left; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_number__1mbq9 {\n font-weight: 400;\n font-size: 14px;\n line-height: 19.6px;\n color: #13362e;\n text-align: left; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 > .footerV2-module_stack-column__13ufr > .footerV2-module_stack-row__3amp9 {\n flex-direction: column; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_item_container__2j6hR {\n display: flex;\n flex-direction: column; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics_item__2zP8I {\n display: flex;\n flex-direction: row;\n align-items: center;\n grid-gap: 16px;\n grid-gap: 16px;\n gap: 16px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_item__2zP8I:last-child img {\n transform: scaleX(-1); }\n .footerV2-module_wrapper__3uNWh .footerV2-module_item_link__2CV5i {\n flex-basis: 33.33%;\n padding: 0 10px;\n display: block; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_item_link__2CV5i h2 {\n color: black;\n font-size: 14px;\n text-transform: lowercase;\n font-weight: 500; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_item_link__2CV5i h2:first-letter {\n text-transform: capitalize; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_list_links__Twf5H {\n display: flex;\n flex-direction: column; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_list_links__Twf5H a {\n color: #6d6d6d;\n text-decoration: none;\n margin: 0.5rem 0;\n font-size: 14px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_list_links__Twf5H a:first-letter {\n text-transform: capitalize; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_container__9ZuJh {\n width: 100%;\n max-width: 80em;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding-bottom: 25px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_section__HKRgY {\n flex-direction: column;\n padding: 1rem 10px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_section__HKRgY a {\n text-decoration: none;\n color: #404041;\n font-size: 13px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_section__HKRgY .footerV2-module_container__1Y8dv > div {\n align-items: center;\n justify-content: space-between; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card__1x1JR {\n width: 65%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end;\n padding: 20px;\n background: linear-gradient(90deg, #e96a6d 0%, #e17221 100%), #2d8a75;\n cursor: pointer;\n border-radius: 6px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card__1x1JR .footerV2-module_title__2Pfg4 {\n display: flex;\n flex-direction: column;\n font-weight: 500;\n font-size: 14px;\n line-height: 1.5em;\n text-align: left;\n color: white; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card__1x1JR img {\n width: 16px;\n height: auto; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card_mobile__3j68- {\n display: none; }\n @media all and (max-width: 1200px) {\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M {\n flex-wrap: wrap;\n width: 80%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_logo__1BTb6 {\n flex-basis: 100%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left__2YuFf {\n width: 70%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 {\n width: 30%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_section__HKRgY {\n width: 80%; } }\n @media all and (max-width: 992px) {\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M {\n flex-direction: column;\n width: 80%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left__2YuFf {\n width: 100%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 {\n width: 100%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics__DLKC3 .footerV2-module_container__1Y8dv {\n background-color: #f2f8f1;\n border-radius: 10px;\n width: 100%;\n height: 174px;\n padding: 25px;\n margin-top: 25px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 .footerV2-module_title__2Pfg4 {\n text-align: center; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_item_container__2j6hR {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-evenly; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_item__2zP8I {\n flex-direction: column;\n grid-gap: 0px !important;\n grid-gap: 0px !important;\n gap: 0px !important; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_container__9ZuJh {\n flex-direction: column;\n grid-gap: 5px;\n grid-gap: 5px;\n gap: 5px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_number__1mbq9 {\n text-align: center;\n width: 70%; } }\n @media all and (max-width: 768px) {\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M {\n flex-direction: column;\n width: 432px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_follow_mobile__7raQo {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 8px 0;\n border-bottom: solid 1px #dadada; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_social_icons_mobile__2MuTY {\n display: flex;\n flex-direction: row;\n grid-gap: 21px;\n grid-gap: 21px;\n gap: 21px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_follow_mobile__7raQo h2 {\n color: black;\n font-size: 14px;\n font-weight: 500; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_item_link__2CV5i h2 {\n font-weight: 500; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left__2YuFf {\n display: none; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left_mobile__SovNW {\n display: block; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left_mobile__SovNW .footerV2-module_title_container__2J_BO {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left_mobile__SovNW .footerV2-module_item_link__2CV5i {\n border-bottom: solid 1px #dadada;\n padding: 8px 0; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_left_mobile__SovNW .footerV2-module_list_links__Twf5H {\n margin-left: 22px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_active__1jXbw {\n display: flex !important; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_inactive__2Qwod {\n display: none !important; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_logo__1BTb6 {\n width: 100%;\n border-bottom: solid 1px #dadada; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics__DLKC3 .footerV2-module_container__1Y8dv {\n background-color: #f2f8f1;\n border-radius: 10px;\n width: 432px;\n height: 236px;\n padding: 25px;\n margin-top: 25px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_item_container__2j6hR {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-evenly; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_item__2zP8I {\n flex-direction: row;\n width: 100%;\n grid-gap: 16px !important;\n grid-gap: 16px !important;\n gap: 16px !important; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics_number__1mbq9 {\n text-align: left;\n width: 70%; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M .footerV2-module_statistics__DLKC3 .footerV2-module_title__2Pfg4 {\n text-align: left; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card__1x1JR {\n width: 432px;\n padding: 25px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card__1x1JR img {\n width: 12px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card_mobile__3j68- {\n display: flex;\n justify-content: center;\n padding: 15px 0 50px 0; } }\n @media all and (max-width: 480px) {\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block__IYG2M {\n flex-direction: column;\n width: 340px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_statistics__DLKC3 .footerV2-module_container__1Y8dv {\n width: 340px;\n height: 236px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_container__9ZuJh {\n flex-direction: column-reverse; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_container__9ZuJh .footerV2-module_stack-row__3amp9:not(.footerV2-module_stack-reverse__20hel) > *:not(:last-child) {\n margin-right: 0.2rem !important; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_main_block_card__1x1JR {\n width: 340px; }\n .footerV2-module_wrapper__3uNWh .footerV2-module_bottom_section__HKRgY {\n width: 90%; } }\n";
|
|
28755
|
+
var cls$f = {"wrapper":"footerV2-module_wrapper__3uNWh","container":"footerV2-module_container__1Y8dv","social_links__item":"footerV2-module_social_links__item__2RVAO","main_block_logo":"footerV2-module_main_block_logo__1BTb6","logo":"footerV2-module_logo__3g-m-","main_block_left_bottom":"footerV2-module_main_block_left_bottom__8raKl","main_block_follow":"footerV2-module_main_block_follow__2a4nL","social_icons":"footerV2-module_social_icons__35Jsa","main_block_follow_mobile":"footerV2-module_main_block_follow_mobile__7raQo","main_block_left":"footerV2-module_main_block_left__2YuFf","main_block_left_mobile":"footerV2-module_main_block_left_mobile__SovNW","main_block":"footerV2-module_main_block__IYG2M","statistics":"footerV2-module_statistics__DLKC3","title":"footerV2-module_title__2Pfg4","statistics_number":"footerV2-module_statistics_number__1mbq9","stack-column":"footerV2-module_stack-column__13ufr","stack-row":"footerV2-module_stack-row__3amp9","statistics_item_container":"footerV2-module_statistics_item_container__2j6hR","statistics_item":"footerV2-module_statistics_item__2zP8I","item_link":"footerV2-module_item_link__2CV5i","list_links":"footerV2-module_list_links__Twf5H","bottom_container":"footerV2-module_bottom_container__9ZuJh","bottom_section":"footerV2-module_bottom_section__HKRgY","main_block_card":"footerV2-module_main_block_card__1x1JR","main_block_card_mobile":"footerV2-module_main_block_card_mobile__3j68-","social_icons_mobile":"footerV2-module_social_icons_mobile__2MuTY","title_container":"footerV2-module_title_container__2J_BO","active":"footerV2-module_active__1jXbw","inactive":"footerV2-module_inactive__2Qwod","stack-reverse":"footerV2-module_stack-reverse__20hel"};
|
|
28756
|
+
styleInject(css$f);
|
|
28722
28757
|
|
|
28723
28758
|
const img$8 = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 617 179'%3e%3cdefs/%3e%3cpath fill='%2342ccae' d='M210.2 88.2v25.3h-9.9V66.7h9.9v8.5c1.4-2.9 3.5-5.1 6.4-6.8 2.8-1.6 5.9-2.5 9.2-2.5 7.4 0 12.4 3.1 15 9.1 4.6-6.1 10.4-9.1 17.3-9.1 5.3 0 9.5 1.6 12.8 4.8 3.3 3.2 4.9 7.9 4.9 14v28.7H266V87.9c0-8.6-3.6-12.9-10.7-12.9-3.3 0-6.3 1.1-8.8 3.2-2.5 2.1-3.8 5.3-3.9 9.4v26h-9.9V87.9c0-4.5-.8-7.7-2.4-9.8-1.6-2.1-4.1-3.1-7.5-3.1-3.4 0-6.4 1.1-8.9 3.4-2.4 2.2-3.7 5.5-3.7 9.8M303.7 123.2c8.7 0 13-5.5 13-16.5v-2.9c-3.9 4-8.9 6.1-15 6.1-12.1 0-18.2-6.7-18.2-20v-23h9.9v18.6c0 5.5.8 9.3 2.5 11.6 1.7 2.3 4.5 3.4 8.6 3.4s7.1-1 8.9-3.1c1.9-2.1 3-5.2 3.3-9.5V66.7h9.9v40.2c0 8.2-2.1 14.4-6.4 18.7-4.3 4.3-9.8 6.5-16.5 6.5-5.2 0-9.7-1.2-13.6-3.7-3.9-2.5-6.7-6-8.5-10.6l8.9-3.8c2.3 6.2 6.7 9.2 13.2 9.2'/%3e%3cpath fill='%233e3e3f' d='M358.3 114.3c-6.5 0-12.1-2.2-16.8-6.6-4.7-4.4-7-10.2-7-17.4 0-7.2 2.5-13 7.3-17.5 4.9-4.5 10.9-6.7 17.9-6.7 7 0 13 2.4 17.9 7.3l-5.8 7.1c-4-3.5-8.1-5.3-12.2-5.3s-7.7 1.4-10.7 4.1c-3 2.7-4.5 6.2-4.5 10.6 0 4.3 1.5 8 4.5 11s6.7 4.5 11 4.5c4.4 0 8.5-2 12.4-6l5.8 6.3c-5.8 5.7-12.4 8.6-19.8 8.6M388.3 107.6c-4.4-4.5-6.6-10.3-6.6-17.6 0-7.3 2.3-13.1 6.8-17.4 4.5-4.3 9.9-6.5 16-6.5 6.2 0 11.2 2.9 15.2 8.8v-8.1h9.9v46.8h-9.9v-7.7c-1.9 2.7-4.3 4.8-7.2 6.2-2.9 1.4-5.8 2.2-8.8 2.2-5.9 0-11-2.3-15.4-6.7m3.2-17.2c0 4.5 1.4 8.1 4.3 11 2.9 2.8 6.2 4.2 10.1 4.2 3.9 0 7.2-1.4 9.9-4.3 2.7-2.8 4.1-6.5 4.1-11s-1.4-8.2-4.1-11.2c-2.7-3-6-4.5-9.9-4.5-3.9 0-7.3 1.5-10.1 4.5-2.9 3-4.3 6.8-4.3 11.3M471.2 92.1V66.7h9.9v46.8h-9.9V105c-1.6 2.9-3.8 5.1-6.6 6.8-2.8 1.6-5.8 2.5-9 2.5-5.3 0-9.5-1.6-12.8-4.8-3.3-3.2-4.9-7.9-4.9-14V66.7h9.9v25.7c0 8.6 3.6 12.9 10.7 12.9 3.4 0 6.4-1.1 8.9-3.4 2.6-2.2 3.8-5.5 3.8-9.8M525.1 99.6c0 4.5-1.6 8-4.8 10.7-3.2 2.7-7.4 4-12.4 4-3.4 0-6.9-.6-10.6-1.8-3.7-1.2-6.9-3-9.7-5.2l4.8-7.7c5.5 4.1 10.7 6.2 15.8 6.2 2.2 0 4-.5 5.3-1.5 1.3-1 1.9-2.3 1.9-3.9 0-2.3-3.1-4.5-9.3-6.3-.5-.2-.8-.3-1.1-.4-9.7-2.6-14.6-7-14.6-13.2 0-4.3 1.7-7.8 5.1-10.4 3.4-2.6 7.8-3.9 13.2-3.9 5.4 0 10.5 1.6 15.3 4.8l-3.7 7.3c-3.8-2.5-7.9-3.8-12.4-3.8-2.3 0-4.3.4-5.7 1.3-1.5.9-2.2 2.1-2.2 3.8 0 1.5.8 2.6 2.3 3.3 1.1.5 2.5 1 4.4 1.5 1.9.5 3.6.9 5.1 1.4 1.5.5 2.9 1 4.3 1.6 1.4.6 2.9 1.4 4.4 2.5 3.1 1.9 4.6 5.2 4.6 9.7M552.3 66c6.4 0 11.7 1.8 15.9 5.3 4.2 3.6 6.4 8.2 6.4 13.9l.1.2-34.1 14.3c3 3.8 7.2 5.6 12.4 5.6s9.6-2.1 13-6.2l5.8 6.4c-5.6 5.7-12.1 8.6-19.7 8.6-6.6 0-12.3-2.2-17.1-6.6-4.7-4.4-7.1-10.2-7.1-17.4 0-5 1.2-9.4 3.7-13.2 2.5-3.8 5.5-6.6 9.2-8.4 3.6-1.6 7.5-2.5 11.5-2.5m-14.9 24.4c0 .8 0 1.3.1 1.7l26-11.2c-2-3.9-5.5-5.8-10.6-5.8-3.9 0-7.4 1.3-10.6 4-3.3 2.8-4.9 6.5-4.9 11.3'/%3e%3cpath fill='%2342ccae' d='M136.1 120.4c-1.2-1.2-1.2-3.1 0-4.3 1.2-1.2 3.1-1.2 4.3 0l22.3 22.3c1.3-1.4 2.5-2.9 3.6-4.5L144.4 112c-1.2-1.2-1.2-3.1 0-4.3 1.2-1.2 3.1-1.2 4.3 0l21 21c6.8-11.1 10.7-24.1 10.8-38.1.1-40.4-32.6-73.3-73-73.3-40.4-.1-73.3 32.6-73.3 73 0 13.8 3.8 26.8 10.4 37.8L89 83.7c4.1-4.1 4.1-10.7 0-14.8-4.1-4.1-10.7-4.1-14.8 0-2 2-3.1 4.6-3.1 7.4s1.1 5.4 3.1 7.4l3.4 3.4c1.2 1.2 1.2 3.1 0 4.3-1.2 1.2-3.1 1.2-4.3 0L69.9 88c-3.1-3.1-4.8-7.3-4.8-11.7 0-4.4 1.7-8.6 4.8-11.7 6.5-6.5 17-6.5 23.4 0 6.5 6.5 6.5 17 0 23.4L48 133.4c1.1 1.5 2.3 3 3.5 4.4L97.2 92c8.7-8.7 8.7-22.7 0-31.4-4.2-4.2-9.8-6.5-15.7-6.5-5.9 0-11.5 2.3-15.7 6.5-4.2 4.2-6.5 9.8-6.5 15.7 0 5.9 2.3 11.5 6.5 15.7l3.3 3.3c1.2 1.2 1.2 3.1 0 4.3-1.2 1.2-3.1 1.2-4.3 0l-3.3-3.3c-5.3-5.3-8.3-12.4-8.3-20s2.9-14.7 8.3-20c5.3-5.3 12.4-8.3 20-8.3s14.7 2.9 20 8.3c2.2 2.2 3.9 4.7 5.2 7.3 1.3-2.7 3.1-5.1 5.3-7.3 11-11 29-11 40 0 5.3 5.3 8.3 12.5 8.3 20 0 7.6-2.9 14.7-8.3 20l-42.5 42.5c-.2.2-.5.4-.7.5 0 0 0 .1-.1.1-.6.6-1.4.9-2.2.9-.8 0-1.6-.3-2.2-.9l-19-19c-1.2-1.2-1.2-3.1 0-4.3 1.2-1.2 3.1-1.2 4.3 0l16.9 16.9 41-41c4.2-4.2 6.5-9.8 6.5-15.7 0-5.9-2.3-11.5-6.5-15.7-8.7-8.7-22.7-8.7-31.4 0-4.2 4.2-6.5 9.8-6.5 15.7 0 5.9 2.3 11.5 6.5 15.7l3.3 3.3c1.2 1.2 1.2 3.1 0 4.3-1.2 1.2-3.1 1.2-4.3 0l-3.3-3.3c-2.2-2.2-3.9-4.6-5.3-7.3-1.3 2.6-3.1 5.1-5.2 7.3l-45.9 45.9c13.2 13.2 31.4 21.3 51.5 21.4 20 0 38.1-7.9 51.3-20.9l-22.1-22.3zm-42.2-12.7c1.2-1.2 3.1-1.2 4.3 0l8.7 8.7 32.7-32.7c4.1-4.1 4.1-10.7 0-14.8-2-2-4.6-3.1-7.4-3.1-2.8 0-5.4 1.1-7.4 3.1-4.1 4.1-4.1 10.7 0 14.8l3.4 3.4c1.2 1.2 1.2 3.1 0 4.3-1.2 1.2-3.1 1.2-4.3 0l-3.4-3.4c-6.5-6.5-6.5-17 0-23.4 3.1-3.1 7.3-4.8 11.7-4.8 4.4 0 8.6 1.7 11.7 4.8 6.5 6.5 6.5 17 0 23.4l-34.6 34.6c-.6.6-1.4.9-2.2.9h-.4c-.8 0-1.6-.3-2.2-.9L93.9 112c-1.2-1.1-1.2-3.1 0-4.3'/%3e%3c/svg%3e";
|
|
28724
28759
|
|
|
@@ -28761,19 +28796,19 @@ function FooterV2(_ref) {
|
|
|
28761
28796
|
setActiveState = _useState2[1];
|
|
28762
28797
|
|
|
28763
28798
|
return React.createElement("footer", {
|
|
28764
|
-
className: classnames(cls$
|
|
28799
|
+
className: classnames(cls$f.wrapper, className)
|
|
28765
28800
|
}, !bottomSectionOnly && React.createElement("div", {
|
|
28766
|
-
className: cls$
|
|
28801
|
+
className: cls$f.container
|
|
28767
28802
|
}, React.createElement("section", {
|
|
28768
|
-
className: cls$
|
|
28803
|
+
className: cls$f.main_block
|
|
28769
28804
|
}, React.createElement("div", {
|
|
28770
|
-
className: cls$
|
|
28805
|
+
className: cls$f.main_block_logo
|
|
28771
28806
|
}, React.createElement("img", {
|
|
28772
28807
|
src: img$8,
|
|
28773
|
-
className: cls$
|
|
28808
|
+
className: cls$f.logo,
|
|
28774
28809
|
alt: "mycause"
|
|
28775
28810
|
})), React.createElement("div", {
|
|
28776
|
-
className: cls$
|
|
28811
|
+
className: cls$f.main_block_left
|
|
28777
28812
|
}, body.map(function (_item) {
|
|
28778
28813
|
var _title = lodash.get(_item, "primary.text[0].text");
|
|
28779
28814
|
|
|
@@ -28781,9 +28816,9 @@ function FooterV2(_ref) {
|
|
|
28781
28816
|
|
|
28782
28817
|
return React.createElement("div", {
|
|
28783
28818
|
key: _item.id,
|
|
28784
|
-
className: cls$
|
|
28819
|
+
className: cls$f.item_link
|
|
28785
28820
|
}, React.createElement("h2", null, _title), React.createElement("div", {
|
|
28786
|
-
className: cls$
|
|
28821
|
+
className: cls$f.list_links
|
|
28787
28822
|
}, _items.map(function (__item) {
|
|
28788
28823
|
return React.createElement("a", {
|
|
28789
28824
|
id: __item.id_click,
|
|
@@ -28792,22 +28827,22 @@ function FooterV2(_ref) {
|
|
|
28792
28827
|
}, __item.call_to_action_text);
|
|
28793
28828
|
})));
|
|
28794
28829
|
}), React.createElement("div", {
|
|
28795
|
-
className: cls$
|
|
28830
|
+
className: cls$f.main_block_left_bottom
|
|
28796
28831
|
}, React.createElement("div", {
|
|
28797
28832
|
id: "GlobalFooterForYourCharityNFPCorporateEventOrSchool",
|
|
28798
|
-
className: cls$
|
|
28833
|
+
className: cls$f.main_block_card,
|
|
28799
28834
|
onClick: function onClick() {
|
|
28800
28835
|
window.open(OrangeCardUrl);
|
|
28801
28836
|
}
|
|
28802
28837
|
}, React.createElement("div", {
|
|
28803
|
-
className: cls$
|
|
28838
|
+
className: cls$f.title
|
|
28804
28839
|
}, React.createElement("div", null, OrangeCardFirstTitle), React.createElement("div", null, OrangeCardSecondTitle)), React.createElement("div", null, React.createElement("img", {
|
|
28805
28840
|
src: img$h,
|
|
28806
28841
|
alt: ""
|
|
28807
28842
|
}))), React.createElement("div", {
|
|
28808
|
-
className: cls$
|
|
28843
|
+
className: cls$f.main_block_follow
|
|
28809
28844
|
}, React.createElement("h2", null, "Follow"), React.createElement("div", {
|
|
28810
|
-
className: cls$
|
|
28845
|
+
className: cls$f.social_icons
|
|
28811
28846
|
}, React.createElement("a", {
|
|
28812
28847
|
id: "GlobalFooterFacebook",
|
|
28813
28848
|
href: "https://www.facebook.com/pages/mycausecomau/127752343910389",
|
|
@@ -28833,7 +28868,7 @@ function FooterV2(_ref) {
|
|
|
28833
28868
|
src: img$g,
|
|
28834
28869
|
alt: ""
|
|
28835
28870
|
})))))), React.createElement("div", {
|
|
28836
|
-
className: cls$
|
|
28871
|
+
className: cls$f.main_block_left_mobile
|
|
28837
28872
|
}, body.map(function (_item, index) {
|
|
28838
28873
|
var _title = lodash.get(_item, "primary.text[0].text");
|
|
28839
28874
|
|
|
@@ -28841,9 +28876,9 @@ function FooterV2(_ref) {
|
|
|
28841
28876
|
|
|
28842
28877
|
return React.createElement("div", {
|
|
28843
28878
|
key: _title,
|
|
28844
|
-
className: cls$
|
|
28879
|
+
className: cls$f.item_link
|
|
28845
28880
|
}, React.createElement("div", {
|
|
28846
|
-
className: cls$
|
|
28881
|
+
className: cls$f.title_container,
|
|
28847
28882
|
onClick: function onClick() {
|
|
28848
28883
|
return setActiveState(_objectSpread2({}, activeState, _defineProperty({}, index, !activeState[index])));
|
|
28849
28884
|
}
|
|
@@ -28851,7 +28886,7 @@ function FooterV2(_ref) {
|
|
|
28851
28886
|
src: activeState[index] ? img$d : img$c,
|
|
28852
28887
|
alt: ""
|
|
28853
28888
|
})), React.createElement("div", {
|
|
28854
|
-
className: classnames(cls$
|
|
28889
|
+
className: classnames(cls$f.list_links, "".concat(activeState[index] ? cls$f.active : cls$f.inactive))
|
|
28855
28890
|
}, _items.map(function (__item) {
|
|
28856
28891
|
return React.createElement("a", {
|
|
28857
28892
|
id: __item.id_click,
|
|
@@ -28860,9 +28895,9 @@ function FooterV2(_ref) {
|
|
|
28860
28895
|
}, __item.call_to_action_text);
|
|
28861
28896
|
})));
|
|
28862
28897
|
})), React.createElement("div", {
|
|
28863
|
-
className: cls$
|
|
28898
|
+
className: cls$f.main_block_follow_mobile
|
|
28864
28899
|
}, React.createElement("h2", null, "Follow"), React.createElement("div", {
|
|
28865
|
-
className: cls$
|
|
28900
|
+
className: cls$f.social_icons_mobile
|
|
28866
28901
|
}, React.createElement("a", {
|
|
28867
28902
|
id: "GlobalFooterFacebook",
|
|
28868
28903
|
href: "https://www.facebook.com/pages/mycausecomau/127752343910389",
|
|
@@ -28888,51 +28923,51 @@ function FooterV2(_ref) {
|
|
|
28888
28923
|
src: img$g,
|
|
28889
28924
|
alt: ""
|
|
28890
28925
|
})))), React.createElement("div", {
|
|
28891
|
-
className: cls$
|
|
28926
|
+
className: cls$f.statistics
|
|
28892
28927
|
}, React.createElement("div", {
|
|
28893
|
-
className: cls$
|
|
28928
|
+
className: cls$f.container
|
|
28894
28929
|
}, React.createElement("p", {
|
|
28895
|
-
className: cls$
|
|
28930
|
+
className: cls$f.title
|
|
28896
28931
|
}, "We support your cause"), React.createElement("div", {
|
|
28897
|
-
className: cls$
|
|
28932
|
+
className: cls$f.statistics_item_container
|
|
28898
28933
|
}, React.createElement("div", {
|
|
28899
|
-
className: cls$
|
|
28934
|
+
className: cls$f.statistics_item
|
|
28900
28935
|
}, React.createElement("img", {
|
|
28901
28936
|
src: img$b,
|
|
28902
28937
|
alt: "mycause"
|
|
28903
28938
|
}), React.createElement("p", {
|
|
28904
|
-
className: cls$
|
|
28939
|
+
className: cls$f.statistics_number
|
|
28905
28940
|
}, "100% Australian Owned", " ")), React.createElement("div", {
|
|
28906
|
-
className: cls$
|
|
28941
|
+
className: cls$f.statistics_item
|
|
28907
28942
|
}, React.createElement("img", {
|
|
28908
28943
|
src: img$a,
|
|
28909
28944
|
alt: "mycause"
|
|
28910
28945
|
}), React.createElement("p", {
|
|
28911
|
-
className: cls$
|
|
28946
|
+
className: cls$f.statistics_number
|
|
28912
28947
|
}, "Australia\u2019s largest crowdfunding platform", " ")), React.createElement("div", {
|
|
28913
|
-
className: cls$
|
|
28948
|
+
className: cls$f.statistics_item
|
|
28914
28949
|
}, React.createElement("img", {
|
|
28915
28950
|
src: img$9,
|
|
28916
28951
|
alt: "mycause"
|
|
28917
28952
|
}), React.createElement("p", {
|
|
28918
|
-
className: cls$
|
|
28953
|
+
className: cls$f.statistics_number
|
|
28919
28954
|
}, "Fundraise in five minutes", " ")))))), React.createElement("section", {
|
|
28920
|
-
className: cls$
|
|
28955
|
+
className: cls$f.main_block_card_mobile
|
|
28921
28956
|
}, React.createElement("div", {
|
|
28922
28957
|
id: "GlobalFooterForYourCharityNFPCorporateEventOrSchool",
|
|
28923
|
-
className: cls$
|
|
28958
|
+
className: cls$f.main_block_card,
|
|
28924
28959
|
onClick: function onClick() {
|
|
28925
28960
|
window.open(OrangeCardUrl);
|
|
28926
28961
|
}
|
|
28927
28962
|
}, React.createElement("div", {
|
|
28928
|
-
className: cls$
|
|
28963
|
+
className: cls$f.title
|
|
28929
28964
|
}, React.createElement("div", null, OrangeCardFirstTitle), React.createElement("div", null, OrangeCardSecondTitle)), React.createElement("div", null, React.createElement("img", {
|
|
28930
28965
|
src: img$h,
|
|
28931
28966
|
alt: ""
|
|
28932
28967
|
}))))), React.createElement("section", {
|
|
28933
|
-
className: cls$
|
|
28968
|
+
className: cls$f.bottom_section
|
|
28934
28969
|
}, React.createElement("div", {
|
|
28935
|
-
className: cls$
|
|
28970
|
+
className: cls$f.bottom_container
|
|
28936
28971
|
}, React.createElement(Stack, {
|
|
28937
28972
|
wrap: true
|
|
28938
28973
|
}, React.createElement("a", {
|
|
@@ -28949,224 +28984,32 @@ function FooterV2(_ref) {
|
|
|
28949
28984
|
}, "Copyright \xA9 ", new Date().getFullYear(), " all rights reserved"))));
|
|
28950
28985
|
}
|
|
28951
28986
|
|
|
28952
|
-
var css$
|
|
28953
|
-
var cls$
|
|
28954
|
-
styleInject(css$f);
|
|
28955
|
-
|
|
28956
|
-
var PartnerLineChart = function PartnerLineChart(props) {
|
|
28957
|
-
var chartData = props.chartData;
|
|
28958
|
-
var chartRef = useRef(null);
|
|
28959
|
-
var myLineChart = null;
|
|
28960
|
-
useEffect(function () {
|
|
28961
|
-
if (chartData && chartRef.current) {
|
|
28962
|
-
Chart.defaults.global = {
|
|
28963
|
-
// Boolean - Whether to animate the chart
|
|
28964
|
-
animation: true,
|
|
28965
|
-
// Number - Number of animation steps
|
|
28966
|
-
animationSteps: 60,
|
|
28967
|
-
// String - Animation easing effect
|
|
28968
|
-
// Possible effects are:
|
|
28969
|
-
// [easeInOutQuart, linear, easeOutBounce, easeInBack, easeInOutQuad,
|
|
28970
|
-
// easeOutQuart, easeOutQuad, easeInOutBounce, easeOutSine, easeInOutCubic,
|
|
28971
|
-
// easeInExpo, easeInOutBack, easeInCirc, easeInOutElastic, easeOutBack,
|
|
28972
|
-
// easeInQuad, easeInOutExpo, easeInQuart, easeOutQuint, easeInOutCirc,
|
|
28973
|
-
// easeInSine, easeOutExpo, easeOutCirc, easeOutCubic, easeInQuint,
|
|
28974
|
-
// easeInElastic, easeInOutSine, easeInOutQuint, easeInBounce,
|
|
28975
|
-
// easeOutElastic, easeInCubic]
|
|
28976
|
-
animationEasing: "easeOutQuart",
|
|
28977
|
-
// Boolean - If we should show the scale at all
|
|
28978
|
-
showScale: true,
|
|
28979
|
-
// Boolean - If we want to override with a hard coded scale
|
|
28980
|
-
scaleOverride: false,
|
|
28981
|
-
// ** Required if scaleOverride is true **
|
|
28982
|
-
// Number - The number of steps in a hard coded scale
|
|
28983
|
-
scaleSteps: null,
|
|
28984
|
-
// Number - The value jump in the hard coded scale
|
|
28985
|
-
scaleStepWidth: null,
|
|
28986
|
-
// Number - The scale starting value
|
|
28987
|
-
scaleStartValue: null,
|
|
28988
|
-
// String - Colour of the scale line
|
|
28989
|
-
scaleLineColor: "rgba(0,0,0,.1)",
|
|
28990
|
-
// Number - Pixel width of the scale line
|
|
28991
|
-
scaleLineWidth: 1,
|
|
28992
|
-
// Boolean - Whether to show labels on the scale
|
|
28993
|
-
scaleShowLabels: true,
|
|
28994
|
-
// Interpolated JS string - can access value
|
|
28995
|
-
scaleLabel: "<%='$' +parseFloat(value).toLocaleString() %>",
|
|
28996
|
-
// Boolean - Whether the scale should stick to integers, not floats even if drawing space is there
|
|
28997
|
-
scaleIntegersOnly: true,
|
|
28998
|
-
// Boolean - Whether the scale should start at zero, or an order of magnitude down from the lowest value
|
|
28999
|
-
scaleBeginAtZero: false,
|
|
29000
|
-
// String - Scale label font declaration for the scale label
|
|
29001
|
-
scaleFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
|
|
29002
|
-
// Number - Scale label font size in pixels
|
|
29003
|
-
scaleFontSize: 15,
|
|
29004
|
-
// String - Scale label font weight style
|
|
29005
|
-
scaleFontStyle: "normal",
|
|
29006
|
-
// String - Scale label font colour
|
|
29007
|
-
scaleFontColor: "#666",
|
|
29008
|
-
// Boolean - whether or not the chart should be responsive and resize when the browser does.
|
|
29009
|
-
responsive: true,
|
|
29010
|
-
// Boolean - whether to maintain the starting aspect ratio or not when responsive, if set to false, will take up entire container
|
|
29011
|
-
maintainAspectRatio: false,
|
|
29012
|
-
// Boolean - Determines whether to draw tooltips on the canvas or not
|
|
29013
|
-
showTooltips: true,
|
|
29014
|
-
// Function - Determines whether to execute the customTooltips function instead of drawing the built in tooltips (See [Advanced - External Tooltips](#advanced-usage-custom-tooltips))
|
|
29015
|
-
customTooltips: false,
|
|
29016
|
-
// Array - Array of string names to attach tooltip events
|
|
29017
|
-
tooltipEvents: ["mousemove", "touchstart", "touchmove"],
|
|
29018
|
-
// String - Tooltip background colour
|
|
29019
|
-
tooltipFillColor: "rgba(0,0,0,0.8)",
|
|
29020
|
-
// String - Tooltip label font declaration for the scale label
|
|
29021
|
-
tooltipFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
|
|
29022
|
-
// Number - Tooltip label font size in pixels
|
|
29023
|
-
tooltipFontSize: 14,
|
|
29024
|
-
// String - Tooltip font weight style
|
|
29025
|
-
tooltipFontStyle: "normal",
|
|
29026
|
-
// String - Tooltip label font colour
|
|
29027
|
-
tooltipFontColor: "#fff",
|
|
29028
|
-
// String - Tooltip title font declaration for the scale label
|
|
29029
|
-
tooltipTitleFontFamily: "'Helvetica Neue', 'Helvetica', 'Arial', sans-serif",
|
|
29030
|
-
// Number - Tooltip title font size in pixels
|
|
29031
|
-
tooltipTitleFontSize: 14,
|
|
29032
|
-
// String - Tooltip title font weight style
|
|
29033
|
-
tooltipTitleFontStyle: "bold",
|
|
29034
|
-
// String - Tooltip title font colour
|
|
29035
|
-
tooltipTitleFontColor: "#fff",
|
|
29036
|
-
// Number - pixel width of padding around tooltip text
|
|
29037
|
-
tooltipYPadding: 6,
|
|
29038
|
-
// Number - pixel width of padding around tooltip text
|
|
29039
|
-
tooltipXPadding: 6,
|
|
29040
|
-
// Number - Size of the caret on the tooltip
|
|
29041
|
-
tooltipCaretSize: 8,
|
|
29042
|
-
// Number - Pixel radius of the tooltip border
|
|
29043
|
-
tooltipCornerRadius: 6,
|
|
29044
|
-
// Number - Pixel offset from point x to tooltip edge
|
|
29045
|
-
tooltipXOffset: 10,
|
|
29046
|
-
// String - Template string for single tooltips
|
|
29047
|
-
tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= '$' +parseFloat(value).toLocaleString() %>",
|
|
29048
|
-
// String - Template string for multiple tooltips
|
|
29049
|
-
multiTooltipTemplate: "<%= '$' +parseFloat(value).toLocaleString() %>",
|
|
29050
|
-
// Function - Will fire on animation progression.
|
|
29051
|
-
onAnimationProgress: function onAnimationProgress() {},
|
|
29052
|
-
// Function - Will fire on animation completion.
|
|
29053
|
-
onAnimationComplete: function onAnimationComplete() {}
|
|
29054
|
-
};
|
|
29055
|
-
var ctx = chartRef.current.getContext("2d");
|
|
29056
|
-
var lineData = {
|
|
29057
|
-
labels: chartData.months_label,
|
|
29058
|
-
datasets: [{
|
|
29059
|
-
label: "My Second dataset",
|
|
29060
|
-
fillColor: "rgba(255,255,255,0)",
|
|
29061
|
-
strokeColor: "#FC595D",
|
|
29062
|
-
pointColor: "#FC595D",
|
|
29063
|
-
pointStrokeColor: "#FC595D",
|
|
29064
|
-
pointHighlightFill: "#d87805",
|
|
29065
|
-
pointHighlightStroke: "#d87805",
|
|
29066
|
-
data: chartData.current_year
|
|
29067
|
-
}]
|
|
29068
|
-
};
|
|
29069
|
-
myLineChart = new Chart(ctx).Line(lineData, {
|
|
29070
|
-
pointDotRadius: 0,
|
|
29071
|
-
bezierCurve: true,
|
|
29072
|
-
scaleShowVerticalLines: true,
|
|
29073
|
-
scaleShowHorizontalLines: false,
|
|
29074
|
-
scaleGridLineColor: "#CCCCCC"
|
|
29075
|
-
});
|
|
29076
|
-
}
|
|
29077
|
-
|
|
29078
|
-
return function () {
|
|
29079
|
-
if (myLineChart) {
|
|
29080
|
-
myLineChart.destroy();
|
|
29081
|
-
}
|
|
29082
|
-
};
|
|
29083
|
-
}, [chartData]); // Update the chart if the props change
|
|
29084
|
-
// useEffect(() => {
|
|
29085
|
-
// if (myLineChart && chartRef.current) {
|
|
29086
|
-
// const ctx = chartRef.current.getContext("2d");
|
|
29087
|
-
// let lineData = {
|
|
29088
|
-
// labels: chartData.monthsLabel,
|
|
29089
|
-
// datasets: [
|
|
29090
|
-
// {
|
|
29091
|
-
// label: "My Second dataset",
|
|
29092
|
-
// fillColor: "rgba(255,255,255,0)",
|
|
29093
|
-
// strokeColor: "#fba026",
|
|
29094
|
-
// pointColor: "#fba026",
|
|
29095
|
-
// pointStrokeColor: "#fba026",
|
|
29096
|
-
// pointHighlightFill: "#d87805",
|
|
29097
|
-
// pointHighlightStroke: "#d87805",
|
|
29098
|
-
// data: chartData.currentYear,
|
|
29099
|
-
// },
|
|
29100
|
-
// ],
|
|
29101
|
-
// };
|
|
29102
|
-
// new Chart(ctx).Line(lineData, {
|
|
29103
|
-
// pointDotRadius: 2,
|
|
29104
|
-
// bezierCurve: true,
|
|
29105
|
-
// scaleShowVerticalLines: true,
|
|
29106
|
-
// scaleShowHorizontalLines: false,
|
|
29107
|
-
// scaleGridLineColor: "#CCCCCC",
|
|
29108
|
-
// });
|
|
29109
|
-
// }
|
|
29110
|
-
// }, [myLineChart, chartData]);
|
|
29111
|
-
|
|
29112
|
-
return React.createElement("div", {
|
|
29113
|
-
className: cls$f.canvasContainer
|
|
29114
|
-
}, React.createElement("canvas", {
|
|
29115
|
-
ref: chartRef,
|
|
29116
|
-
width: "auto",
|
|
29117
|
-
height: "236"
|
|
29118
|
-
}));
|
|
29119
|
-
};
|
|
29120
|
-
|
|
29121
|
-
var css$g = ".partner-line-chart-block-module_partnerLineChartBlock__2qGsV .partner-line-chart-block-module_chartWrapper__2qobv {\n margin: 20px 0; }\n";
|
|
29122
|
-
var cls$g = {"partnerLineChartBlock":"partner-line-chart-block-module_partnerLineChartBlock__2qGsV","chartWrapper":"partner-line-chart-block-module_chartWrapper__2qobv"};
|
|
28987
|
+
var css$g = ".partner-monthly-donations-module_wrapper__1bToV {\n width: 100%;\n margin: 0 20px; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_title__2qI2n {\n font-size: 24px;\n font-weight: bold;\n line-height: 1.4;\n margin-bottom: 5px;\n font-family: \"Montserrat\", \"Roboto\", sans-serif; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX {\n display: flex;\n box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 29px;\n justify-content: space-around;\n border-radius: 10px;\n align-items: center;\n min-height: 152px; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_wrap__1lxLO {\n display: flex;\n align-items: center;\n justify-content: space-around;\n padding: 20px 0 20px 20px;\n width: 100%; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_text__1wLhB {\n font-size: 24px;\n line-height: 1.5;\n font-family: \"Montserrat\", \"Roboto\", sans-serif;\n font-weight: 500;\n color: #404041; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_item__hXu3n {\n margin: 0 20px;\n color: #fc595d;\n font-size: 36px;\n font-weight: bold;\n font-family: \"Arial\"; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_button_wrap__19gRb {\n padding-right: 20px; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_button_wrap__19gRb .partner-monthly-donations-module_month_donation_button__3F4P8 {\n width: 200px;\n border-radius: 60px;\n background: linear-gradient(to right, #fc595d, #ffa05a);\n padding: 8px;\n float: right;\n margin: 0 10px;\n align-items: center;\n display: flex;\n justify-content: center; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_button_wrap__19gRb .partner-monthly-donations-module_month_donation_button__3F4P8 a {\n color: white !important;\n font-family: \"Montserrat\", \"Roboto\", sans-serif;\n font-size: 14px;\n cursor: pointer;\n text-decoration: none;\n font-weight: 600; }\n\n@media (max-width: 920px) {\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX {\n flex-direction: column; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_text__1wLhB {\n font-size: 22px; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_wrap__1lxLO {\n flex-direction: column; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_wrap__1lxLO .partner-monthly-donations-module_month_donation_text__1wLhB {\n margin: 0; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_item__hXu3n {\n font-size: 30px; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_button_wrap__19gRb {\n padding-right: 0;\n padding-bottom: 20px; } }\n";
|
|
28988
|
+
var cls$g = {"wrapper":"partner-monthly-donations-module_wrapper__1bToV","title":"partner-monthly-donations-module_title__2qI2n","month_donation":"partner-monthly-donations-module_month_donation__2-0eX","month_donation_wrap":"partner-monthly-donations-module_month_donation_wrap__1lxLO","month_donation_text":"partner-monthly-donations-module_month_donation_text__1wLhB","month_donation_item":"partner-monthly-donations-module_month_donation_item__hXu3n","month_donation_button_wrap":"partner-monthly-donations-module_month_donation_button_wrap__19gRb","month_donation_button":"partner-monthly-donations-module_month_donation_button__3F4P8"};
|
|
29123
28989
|
styleInject(css$g);
|
|
29124
28990
|
|
|
29125
|
-
var PartnerLineChartBlock = function PartnerLineChartBlock(_ref) {
|
|
29126
|
-
var chartData = _ref.chartData;
|
|
29127
|
-
return React.createElement("div", {
|
|
29128
|
-
className: cls$g.partnerLineChartBlock
|
|
29129
|
-
}, React.createElement("div", {
|
|
29130
|
-
className: cls$g.chartWrapper
|
|
29131
|
-
}, React.createElement(PartnerLineChart, {
|
|
29132
|
-
chartData: chartData
|
|
29133
|
-
})));
|
|
29134
|
-
};
|
|
29135
|
-
|
|
29136
|
-
PartnerLineChartBlock.propTypes = {
|
|
29137
|
-
chartData: _pt.shape({
|
|
29138
|
-
current_year: _pt.any.isRequired,
|
|
29139
|
-
months_label: _pt.any.isRequired,
|
|
29140
|
-
requested_year: _pt.any.isRequired
|
|
29141
|
-
}).isRequired
|
|
29142
|
-
};
|
|
29143
|
-
|
|
29144
|
-
var css$h = ".partner-monthly-donations-module_wrapper__1bToV {\n width: 100%;\n margin: 0 20px; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_title__2qI2n {\n font-size: 24px;\n font-weight: bold;\n line-height: 1.4;\n margin-bottom: 5px;\n font-family: \"Montserrat\", \"Roboto\", sans-serif; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX {\n display: flex;\n box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 29px;\n justify-content: space-around;\n border-radius: 10px;\n align-items: center;\n min-height: 152px; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_wrap__1lxLO {\n display: flex;\n align-items: center;\n justify-content: space-around;\n padding: 20px 0 20px 20px;\n width: 100%; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_text__1wLhB {\n font-size: 24px;\n line-height: 1.5;\n font-family: \"Montserrat\", \"Roboto\", sans-serif;\n font-weight: 500;\n color: #404041; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_item__hXu3n {\n margin: 0 20px;\n color: #fc595d;\n font-size: 36px;\n font-weight: bold;\n font-family: \"Arial\"; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_button_wrap__19gRb {\n padding-right: 20px; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_button_wrap__19gRb .partner-monthly-donations-module_month_donation_button__3F4P8 {\n width: 200px;\n border-radius: 60px;\n background: linear-gradient(to right, #fc595d, #ffa05a);\n padding: 8px;\n float: right;\n margin: 0 10px;\n align-items: center;\n display: flex;\n justify-content: center; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_button_wrap__19gRb .partner-monthly-donations-module_month_donation_button__3F4P8 a {\n color: white !important;\n font-family: \"Montserrat\", \"Roboto\", sans-serif;\n font-size: 14px;\n cursor: pointer;\n text-decoration: none;\n font-weight: 600; }\n\n@media (max-width: 920px) {\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX {\n flex-direction: column; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_text__1wLhB {\n font-size: 22px; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_wrap__1lxLO {\n flex-direction: column; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_wrap__1lxLO .partner-monthly-donations-module_month_donation_text__1wLhB {\n margin: 0; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_item__hXu3n {\n font-size: 30px; }\n .partner-monthly-donations-module_wrapper__1bToV .partner-monthly-donations-module_month_donation__2-0eX .partner-monthly-donations-module_month_donation_button_wrap__19gRb {\n padding-right: 0;\n padding-bottom: 20px; } }\n";
|
|
29145
|
-
var cls$h = {"wrapper":"partner-monthly-donations-module_wrapper__1bToV","title":"partner-monthly-donations-module_title__2qI2n","month_donation":"partner-monthly-donations-module_month_donation__2-0eX","month_donation_wrap":"partner-monthly-donations-module_month_donation_wrap__1lxLO","month_donation_text":"partner-monthly-donations-module_month_donation_text__1wLhB","month_donation_item":"partner-monthly-donations-module_month_donation_item__hXu3n","month_donation_button_wrap":"partner-monthly-donations-module_month_donation_button_wrap__19gRb","month_donation_button":"partner-monthly-donations-module_month_donation_button__3F4P8"};
|
|
29146
|
-
styleInject(css$h);
|
|
29147
|
-
|
|
29148
28991
|
var PartnerMonthlyDonations = function PartnerMonthlyDonations(_ref) {
|
|
29149
28992
|
var totalAmount = _ref.totalAmount,
|
|
29150
28993
|
numberOfDonations = _ref.numberOfDonations,
|
|
29151
28994
|
donationsLink = _ref.donationsLink;
|
|
29152
28995
|
return React.createElement("div", {
|
|
29153
|
-
className: cls$
|
|
28996
|
+
className: cls$g.wrapper
|
|
29154
28997
|
}, React.createElement("div", {
|
|
29155
|
-
className: cls$
|
|
28998
|
+
className: cls$g.title
|
|
29156
28999
|
}, "This Month"), React.createElement("div", {
|
|
29157
|
-
className: cls$
|
|
29000
|
+
className: cls$g.month_donation
|
|
29158
29001
|
}, React.createElement("div", {
|
|
29159
|
-
className: cls$
|
|
29002
|
+
className: cls$g.month_donation_wrap
|
|
29160
29003
|
}, React.createElement("p", {
|
|
29161
|
-
className: cls$
|
|
29004
|
+
className: cls$g.month_donation_text
|
|
29162
29005
|
}, "Total donations this month"), React.createElement("span", {
|
|
29163
|
-
className: cls$
|
|
29006
|
+
className: cls$g.month_donation_item
|
|
29164
29007
|
}, "$", totalAmount || 0), React.createElement("span", {
|
|
29165
|
-
className: cls$
|
|
29008
|
+
className: cls$g.month_donation_item
|
|
29166
29009
|
}, numberOfDonations || 0)), React.createElement("div", {
|
|
29167
|
-
className: cls$
|
|
29010
|
+
className: cls$g.month_donation_button_wrap
|
|
29168
29011
|
}, React.createElement("div", {
|
|
29169
|
-
className: cls$
|
|
29012
|
+
className: cls$g.month_donation_button
|
|
29170
29013
|
}, React.createElement("a", {
|
|
29171
29014
|
href: donationsLink
|
|
29172
29015
|
}, "Go to Donations ", ">>")))));
|
|
@@ -29178,21 +29021,21 @@ PartnerMonthlyDonations.propTypes = {
|
|
|
29178
29021
|
donationsLink: _pt.string
|
|
29179
29022
|
};
|
|
29180
29023
|
|
|
29181
|
-
var css$
|
|
29182
|
-
var cls$
|
|
29183
|
-
styleInject(css$
|
|
29024
|
+
var css$h = ".partner-monthly-stats-module_wrapper__1M7HB {\n width: 100%;\n box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 29px;\n border-radius: 10px;\n padding: 20px;\n max-width: 420px;\n text-align: center;\n line-height: 1.5;\n min-width: 120px; }\n .partner-monthly-stats-module_wrapper__1M7HB .partner-monthly-stats-module_amount_raised__3DDen {\n min-height: 80px;\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center; }\n .partner-monthly-stats-module_wrapper__1M7HB .partner-monthly-stats-module_amount_raised__3DDen .partner-monthly-stats-module_numeric__39u6z {\n color: #FC595D;\n font-weight: bold; }\n .partner-monthly-stats-module_wrapper__1M7HB .partner-monthly-stats-module_amount_raised__3DDen .partner-monthly-stats-module_title__VRsZU {\n font-weight: bold;\n font-family: \"Arial\", Helvetica Neue, Helvetica, sans-serif;\n color: #404041; }\n";
|
|
29025
|
+
var cls$h = {"wrapper":"partner-monthly-stats-module_wrapper__1M7HB","amount_raised":"partner-monthly-stats-module_amount_raised__3DDen","numeric":"partner-monthly-stats-module_numeric__39u6z","title":"partner-monthly-stats-module_title__VRsZU"};
|
|
29026
|
+
styleInject(css$h);
|
|
29184
29027
|
|
|
29185
29028
|
var PartnerMonthlyStats = function PartnerMonthlyStats(_ref) {
|
|
29186
29029
|
var numeric = _ref.numeric,
|
|
29187
29030
|
title = _ref.title;
|
|
29188
29031
|
return React.createElement("div", {
|
|
29189
|
-
className: cls$
|
|
29032
|
+
className: cls$h.wrapper
|
|
29190
29033
|
}, React.createElement("div", {
|
|
29191
|
-
className: cls$
|
|
29034
|
+
className: cls$h.amount_raised
|
|
29192
29035
|
}, React.createElement("div", {
|
|
29193
|
-
className: cls$
|
|
29036
|
+
className: cls$h.numeric
|
|
29194
29037
|
}, numeric), React.createElement("div", {
|
|
29195
|
-
className: cls$
|
|
29038
|
+
className: cls$h.title
|
|
29196
29039
|
}, title)));
|
|
29197
29040
|
};
|
|
29198
29041
|
|
|
@@ -29201,9 +29044,9 @@ PartnerMonthlyStats.propTypes = {
|
|
|
29201
29044
|
title: _pt.string.isRequired
|
|
29202
29045
|
};
|
|
29203
29046
|
|
|
29204
|
-
var css$
|
|
29205
|
-
var cls$
|
|
29206
|
-
styleInject(css$
|
|
29047
|
+
var css$i = ".partner-monthly-table-module_wrapper__e92hP {\n width: 100%;\n margin: 20px; }\n .partner-monthly-table-module_wrapper__e92hP .partner-monthly-table-module_title__2Sfuk {\n font-size: 24px;\n font-weight: bold;\n line-height: 1.4;\n margin-bottom: 5px;\n font-family: \"Montserrat\", \"Roboto\", sans-serif; }\n .partner-monthly-table-module_wrapper__e92hP .partner-monthly-table-module_table_wrap__j98xk {\n box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 29px;\n border-radius: 10px;\n padding: 20px; }\n .partner-monthly-table-module_wrapper__e92hP .partner-monthly-table-module_table_wrap__j98xk .partner-monthly-table-module_title_wrap__3zZFW {\n display: flex;\n align-items: end; }\n .partner-monthly-table-module_wrapper__e92hP .partner-monthly-table-module_table_wrap__j98xk .partner-monthly-table-module_title_wrap__3zZFW .partner-monthly-table-module_tooltip__2P0Ji {\n position: relative;\n display: inline-block; }\n .partner-monthly-table-module_wrapper__e92hP .partner-monthly-table-module_table_wrap__j98xk .partner-monthly-table-module_title_wrap__3zZFW .partner-monthly-table-module_tooltip__2P0Ji img {\n margin-bottom: 7px;\n margin-left: 5px; }\n .partner-monthly-table-module_wrapper__e92hP .partner-monthly-table-module_table_wrap__j98xk .partner-monthly-table-module_title_wrap__3zZFW .partner-monthly-table-module_tooltip__2P0Ji img svg {\n background-color: #000; }\n .partner-monthly-table-module_wrapper__e92hP .partner-monthly-table-module_table_wrap__j98xk .partner-monthly-table-module_title_wrap__3zZFW .partner-monthly-table-module_tooltip__2P0Ji .partner-monthly-table-module_tooltiptext__1Q9pA {\n visibility: hidden;\n width: 320px;\n background-color: black;\n color: #fff;\n text-align: center;\n border-radius: 6px;\n padding: 8px 13px;\n position: absolute;\n z-index: 1;\n top: 105%;\n right: 50%;\n margin-right: -162px;\n border: 1px solid #fba026;\n opacity: 0;\n transition: opacity 0.5s;\n line-height: 1.2; }\n .partner-monthly-table-module_wrapper__e92hP .partner-monthly-table-module_table_wrap__j98xk .partner-monthly-table-module_title_wrap__3zZFW .partner-monthly-table-module_tooltip__2P0Ji .partner-monthly-table-module_tooltiptext__1Q9pA::after {\n content: \"\";\n position: absolute;\n bottom: 100%;\n left: 50%;\n margin-left: -5px;\n border-width: 5px;\n border-style: solid;\n border-color: transparent transparent #fba026 transparent; }\n .partner-monthly-table-module_wrapper__e92hP .partner-monthly-table-module_table_wrap__j98xk .partner-monthly-table-module_title_wrap__3zZFW .partner-monthly-table-module_tooltip__2P0Ji:hover .partner-monthly-table-module_tooltiptext__1Q9pA {\n visibility: visible;\n opacity: 1; }\n .partner-monthly-table-module_wrapper__e92hP .partner-monthly-table-module_table_wrap__j98xk table {\n border-collapse: collapse;\n margin-bottom: 50px; }\n .partner-monthly-table-module_wrapper__e92hP .partner-monthly-table-module_table_wrap__j98xk th,\n .partner-monthly-table-module_wrapper__e92hP .partner-monthly-table-module_table_wrap__j98xk td {\n border-bottom: 1px solid #d5d5d5;\n padding: 20px 5px; }\n .partner-monthly-table-module_wrapper__e92hP td {\n text-align: center; }\n";
|
|
29048
|
+
var cls$i = {"wrapper":"partner-monthly-table-module_wrapper__e92hP","title":"partner-monthly-table-module_title__2Sfuk","table_wrap":"partner-monthly-table-module_table_wrap__j98xk","title_wrap":"partner-monthly-table-module_title_wrap__3zZFW","tooltip":"partner-monthly-table-module_tooltip__2P0Ji","tooltiptext":"partner-monthly-table-module_tooltiptext__1Q9pA"};
|
|
29049
|
+
styleInject(css$i);
|
|
29207
29050
|
|
|
29208
29051
|
const img$i = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3c!-- Uploaded to: SVG Repo%2c www.svgrepo.com%2c Generator: SVG Repo Mixer Tools --%3e%3csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12C1 5.92487 5.92487 1 12 1C18.0751 1 23 5.92487 23 12C23 18.0751 18.0751 23 12 23C5.92487 23 1 18.0751 1 12ZM10.3027 13.3942C10.2316 13.7147 10.5038 14 10.8479 14H13.0406C13.2979 14 13.5151 13.8351 13.6064 13.6061C13.697 13.3789 14.0117 12.9674 14.254 12.7518C14.4827 12.5112 14.7213 12.2848 14.9563 12.0618C15.8824 11.183 16.754 10.356 16.754 8.91047C16.754 6.40301 14.582 5 12.2707 5C10.5038 5 8.06416 5.80604 7.58396 8.50363C7.48716 9.04737 7.94773 9.5 8.50002 9.5H9.91229C10.4388 9.5 10.8312 9.07642 11.0121 8.582C11.1863 8.10604 11.5379 7.7551 12.2707 7.7551C13.6066 7.7551 13.6064 9.22371 12.8346 10.1843C12.5434 10.5467 12.2023 10.8677 11.8648 11.1853C11.1798 11.8298 10.5098 12.4602 10.3027 13.3942ZM13.9999 17C13.9999 18.1046 13.1045 19 11.9999 19C10.8954 19 9.99994 18.1046 9.99994 17C9.99994 15.8954 10.8954 15 11.9999 15C13.1045 15 13.9999 15.8954 13.9999 17Z' fill='%23efefef'/%3e%3c/svg%3e";
|
|
29209
29052
|
|
|
@@ -29245,21 +29088,21 @@ var PartnerMonthlyTable = function PartnerMonthlyTable(_ref) {
|
|
|
29245
29088
|
};
|
|
29246
29089
|
|
|
29247
29090
|
return React.createElement("div", {
|
|
29248
|
-
className: cls$
|
|
29091
|
+
className: cls$i.wrapper
|
|
29249
29092
|
}, React.createElement("div", {
|
|
29250
|
-
className: cls$
|
|
29093
|
+
className: cls$i.table_wrap
|
|
29251
29094
|
}, title && React.createElement("div", {
|
|
29252
|
-
className: cls$
|
|
29095
|
+
className: cls$i.title_wrap
|
|
29253
29096
|
}, React.createElement("p", {
|
|
29254
|
-
className: cls$
|
|
29097
|
+
className: cls$i.title
|
|
29255
29098
|
}, title), React.createElement("div", {
|
|
29256
|
-
className: cls$
|
|
29099
|
+
className: cls$i.tooltip
|
|
29257
29100
|
}, React.createElement("img", {
|
|
29258
29101
|
src: img$i,
|
|
29259
29102
|
width: 22,
|
|
29260
29103
|
height: 22
|
|
29261
29104
|
}), React.createElement("span", {
|
|
29262
|
-
className: cls$
|
|
29105
|
+
className: cls$i.tooltiptext
|
|
29263
29106
|
}, tooltip))), React.createElement("table", {
|
|
29264
29107
|
style: {
|
|
29265
29108
|
width: "100%"
|
|
@@ -29276,9 +29119,9 @@ PartnerMonthlyTable.propTypes = {
|
|
|
29276
29119
|
tooltip: _pt.string
|
|
29277
29120
|
};
|
|
29278
29121
|
|
|
29279
|
-
var css$
|
|
29280
|
-
var cls$
|
|
29281
|
-
styleInject(css$
|
|
29122
|
+
var css$j = ".partner-chart-stats-module_wrapper__1nf17 {\n border-radius: 8px;\n background: #FFF;\n box-shadow: 0px 1px 8px 0px rgba(110, 110, 110, 0.25);\n max-width: 250px;\n display: flex;\n padding: 16px 24px;\n flex-direction: column;\n align-items: center;\n grid-gap: 8px;\n grid-gap: 8px;\n gap: 8px; }\n .partner-chart-stats-module_wrapper__1nf17 .partner-chart-stats-module_amount_raised__3YgU4 {\n min-height: 80px;\n display: flex;\n align-items: center;\n flex-direction: column;\n justify-content: center;\n font-family: \"Montserrat\", \"Roboto\", sans-serif; }\n .partner-chart-stats-module_wrapper__1nf17 .partner-chart-stats-module_amount_raised__3YgU4 .partner-chart-stats-module_numeric__2ehBR {\n color: #ACACAC;\n font-weight: bold;\n font-size: 24px;\n line-height: 32px; }\n .partner-chart-stats-module_wrapper__1nf17 .partner-chart-stats-module_amount_raised__3YgU4 .partner-chart-stats-module_title__3VP2i {\n margin-top: 10px;\n font-weight: 400;\n font-size: 14px;\n color: #ACACAC;\n text-align: center; }\n";
|
|
29123
|
+
var cls$j = {"wrapper":"partner-chart-stats-module_wrapper__1nf17","amount_raised":"partner-chart-stats-module_amount_raised__3YgU4","numeric":"partner-chart-stats-module_numeric__2ehBR","title":"partner-chart-stats-module_title__3VP2i"};
|
|
29124
|
+
styleInject(css$j);
|
|
29282
29125
|
|
|
29283
29126
|
var PartnerChartStats = function PartnerChartStats(_ref) {
|
|
29284
29127
|
var currentYearData = _ref.currentYearData,
|
|
@@ -29294,21 +29137,21 @@ var PartnerChartStats = function PartnerChartStats(_ref) {
|
|
|
29294
29137
|
minimumFractionDigits: 0
|
|
29295
29138
|
});
|
|
29296
29139
|
return React.createElement("div", {
|
|
29297
|
-
className: _JSXStyle.dynamic([["1595172171", [partnerColor, partnerColor]]]) + " " + (classnames(cls$
|
|
29140
|
+
className: _JSXStyle.dynamic([["1595172171", [partnerColor, partnerColor]]]) + " " + (classnames(cls$j.wrapper, className, {
|
|
29298
29141
|
active: active
|
|
29299
29142
|
}) || "")
|
|
29300
29143
|
}, React.createElement("div", {
|
|
29301
|
-
className: _JSXStyle.dynamic([["1595172171", [partnerColor, partnerColor]]]) + " " + (classnames(cls$
|
|
29144
|
+
className: _JSXStyle.dynamic([["1595172171", [partnerColor, partnerColor]]]) + " " + (classnames(cls$j.amount_raised, "chartCard") || "")
|
|
29302
29145
|
}, currentYearData && React.createElement("div", {
|
|
29303
|
-
className: _JSXStyle.dynamic([["1595172171", [partnerColor, partnerColor]]]) + " " + (classnames(cls$
|
|
29146
|
+
className: _JSXStyle.dynamic([["1595172171", [partnerColor, partnerColor]]]) + " " + (classnames(cls$j.numeric, "numeric") || "")
|
|
29304
29147
|
}, formatterMoney.format(currentYearData.reduce(function (a, b) {
|
|
29305
29148
|
return parseFloat(a) + parseFloat(b);
|
|
29306
29149
|
}, 0)).replace("$", "$ ")), totalDonation && React.createElement("div", {
|
|
29307
|
-
className: _JSXStyle.dynamic([["1595172171", [partnerColor, partnerColor]]]) + " " + (classnames(cls$
|
|
29150
|
+
className: _JSXStyle.dynamic([["1595172171", [partnerColor, partnerColor]]]) + " " + (classnames(cls$j.numeric, "numeric") || "")
|
|
29308
29151
|
}, "$ ", totalDonation), amount && React.createElement("div", {
|
|
29309
|
-
className: _JSXStyle.dynamic([["1595172171", [partnerColor, partnerColor]]]) + " " + (classnames(cls$
|
|
29152
|
+
className: _JSXStyle.dynamic([["1595172171", [partnerColor, partnerColor]]]) + " " + (classnames(cls$j.numeric, "numeric") || "")
|
|
29310
29153
|
}, "$ ", amount), React.createElement("div", {
|
|
29311
|
-
className: _JSXStyle.dynamic([["1595172171", [partnerColor, partnerColor]]]) + " " + (classnames(cls$
|
|
29154
|
+
className: _JSXStyle.dynamic([["1595172171", [partnerColor, partnerColor]]]) + " " + (classnames(cls$j.title, "title") || "")
|
|
29312
29155
|
}, title)), React.createElement(_JSXStyle, {
|
|
29313
29156
|
id: "1595172171",
|
|
29314
29157
|
dynamic: [partnerColor, partnerColor]
|
|
@@ -29324,9 +29167,9 @@ PartnerChartStats.propTypes = {
|
|
|
29324
29167
|
className: _pt.string
|
|
29325
29168
|
};
|
|
29326
29169
|
|
|
29327
|
-
var css$
|
|
29328
|
-
var cls$
|
|
29329
|
-
styleInject(css$
|
|
29170
|
+
var css$k = ".this-month-card-module_wrapper__2iVxF {\n border-radius: 16px;\n box-shadow: 0px 1px 8px 0px rgba(110, 110, 110, 0.25);\n background: #FFFFFF;\n display: flex;\n flex-direction: column;\n padding: 30px;\n min-width: 330px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy {\n font-family: \"Montserrat\", \"Roboto\", sans-serif; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh {\n display: flex;\n justify-content: space-between;\n font-weight: bold;\n padding: 5px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa {\n display: flex;\n flex-direction: column;\n text-align: center; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donation__stf8T {\n height: 100%;\n justify-content: space-between;\n display: flex;\n flex-direction: column; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donation__stf8T .this-month-card-module_donation_amount__3UdUG {\n font-size: 32px;\n color: #FF7658;\n padding: 15px 0; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_left__LmYEa .this-month-card-module_header_left_donation__stf8T .this-month-card-module_donation_text__22Bgj {\n font-size: 14px;\n color: #404041; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_header__3mqXh .this-month-card-module_header_right__1OEQJ img {\n height: 100%;\n width: auto; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr {\n padding: 5px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr .this-month-card-module_content_item__10Znq {\n padding: 8px 0;\n border-bottom: thin solid #D2CECE;\n display: flex; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr .this-month-card-module_content_item__10Znq .this-month-card-module_content_item_amount__2Z1_K {\n font-size: 16px;\n color: #FF7658;\n font-weight: 700;\n min-width: 54px;\n padding: 0 5px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr .this-month-card-module_content_item__10Znq .this-month-card-module_content_item_text__1tlOV {\n font-size: 14px;\n color: #404041; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_content__2buEr .this-month-card-module_content_item__10Znq:last-child {\n border-bottom: none; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_month_donation_button_wrap__3gxAJ {\n padding-top: 10px; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_month_donation_button_wrap__3gxAJ .this-month-card-module_month_donation_button__FTqnS {\n padding: 8px 16px;\n border-radius: 20px;\n background: linear-gradient(90deg, #F05C6A 1.8%, #FF995A 94.53%);\n float: left;\n align-items: center;\n display: flex;\n justify-content: center; }\n .this-month-card-module_wrapper__2iVxF .this-month-card-module_thisMonthCardWrap__1wEQy .this-month-card-module_month_donation_button_wrap__3gxAJ .this-month-card-module_month_donation_button__FTqnS a {\n color: white !important;\n font-size: 14px;\n cursor: pointer;\n text-decoration: none;\n font-weight: 700; }\n";
|
|
29171
|
+
var cls$k = {"wrapper":"this-month-card-module_wrapper__2iVxF","thisMonthCardWrap":"this-month-card-module_thisMonthCardWrap__1wEQy","header":"this-month-card-module_header__3mqXh","header_left":"this-month-card-module_header_left__LmYEa","header_left_donation":"this-month-card-module_header_left_donation__stf8T","donation_amount":"this-month-card-module_donation_amount__3UdUG","donation_text":"this-month-card-module_donation_text__22Bgj","header_right":"this-month-card-module_header_right__1OEQJ","content":"this-month-card-module_content__2buEr","content_item":"this-month-card-module_content_item__10Znq","content_item_amount":"this-month-card-module_content_item_amount__2Z1_K","content_item_text":"this-month-card-module_content_item_text__1tlOV","month_donation_button_wrap":"this-month-card-module_month_donation_button_wrap__3gxAJ","month_donation_button":"this-month-card-module_month_donation_button__FTqnS"};
|
|
29172
|
+
styleInject(css$k);
|
|
29330
29173
|
|
|
29331
29174
|
var ThisMonthCard = function ThisMonthCard(_ref) {
|
|
29332
29175
|
var totalDonations = _ref.totalDonations,
|
|
@@ -29341,39 +29184,39 @@ var ThisMonthCard = function ThisMonthCard(_ref) {
|
|
|
29341
29184
|
minimumFractionDigits: 0
|
|
29342
29185
|
});
|
|
29343
29186
|
return React.createElement("div", {
|
|
29344
|
-
className: classnames(cls$
|
|
29187
|
+
className: classnames(cls$k.wrapper, className)
|
|
29345
29188
|
}, React.createElement("div", {
|
|
29346
|
-
className: classnames(cls$
|
|
29189
|
+
className: classnames(cls$k.thisMonthCardWrap, "thisMonthCard")
|
|
29347
29190
|
}, React.createElement("div", {
|
|
29348
|
-
className: cls$
|
|
29191
|
+
className: cls$k.header
|
|
29349
29192
|
}, React.createElement("div", {
|
|
29350
|
-
className: cls$
|
|
29193
|
+
className: cls$k.header_left
|
|
29351
29194
|
}, React.createElement("div", {
|
|
29352
|
-
className: cls$
|
|
29195
|
+
className: cls$k.header_left_donation
|
|
29353
29196
|
}, React.createElement("div", {
|
|
29354
|
-
className: cls$
|
|
29197
|
+
className: cls$k.donation_amount
|
|
29355
29198
|
}, formatterMoney.format(totalDonations).replace("$", "$ ")), React.createElement("div", {
|
|
29356
|
-
className: cls$
|
|
29199
|
+
className: cls$k.donation_text
|
|
29357
29200
|
}, "Total donations"))), React.createElement("div", {
|
|
29358
|
-
className: cls$
|
|
29201
|
+
className: cls$k.header_right
|
|
29359
29202
|
}, React.createElement("img", {
|
|
29360
29203
|
src: imgLink,
|
|
29361
29204
|
alt: "this-month-icon"
|
|
29362
29205
|
}))), thisMonthData && React.createElement("div", {
|
|
29363
|
-
className: cls$
|
|
29206
|
+
className: cls$k.content
|
|
29364
29207
|
}, thisMonthData.map(function (item, index) {
|
|
29365
29208
|
return React.createElement("div", {
|
|
29366
|
-
className: cls$
|
|
29209
|
+
className: cls$k.content_item,
|
|
29367
29210
|
key: index
|
|
29368
29211
|
}, React.createElement("div", {
|
|
29369
|
-
className: cls$
|
|
29212
|
+
className: cls$k.content_item_amount
|
|
29370
29213
|
}, item.itemAmount), " ", React.createElement("div", {
|
|
29371
|
-
className: cls$
|
|
29214
|
+
className: cls$k.content_item_text
|
|
29372
29215
|
}, item.itemText));
|
|
29373
29216
|
})), React.createElement("div", {
|
|
29374
|
-
className: cls$
|
|
29217
|
+
className: cls$k.month_donation_button_wrap
|
|
29375
29218
|
}, React.createElement("div", {
|
|
29376
|
-
className: cls$
|
|
29219
|
+
className: cls$k.month_donation_button
|
|
29377
29220
|
}, React.createElement("a", {
|
|
29378
29221
|
href: buttonLink,
|
|
29379
29222
|
target: "_blank",
|
|
@@ -29390,4 +29233,78 @@ ThisMonthCard.propTypes = {
|
|
|
29390
29233
|
className: _pt.string
|
|
29391
29234
|
};
|
|
29392
29235
|
|
|
29393
|
-
|
|
29236
|
+
var css$l = ".partner-toggle-button-module_toggle_btn_item__1DdKM {\n font-family: \"Montserrat\", sans-serif;\n justify-content: center;\n align-items: center;\n display: flex;\n padding: 18px 24px;\n border: thin solid transparent;\n border-radius: 100px;\n font-weight: normal;\n font-size: 12px;\n cursor: pointer; }\n";
|
|
29237
|
+
var cls$l = {"toggle_btn_item":"partner-toggle-button-module_toggle_btn_item__1DdKM"};
|
|
29238
|
+
styleInject(css$l);
|
|
29239
|
+
|
|
29240
|
+
var PartnerToggleButton = function PartnerToggleButton(_ref) {
|
|
29241
|
+
var label = _ref.label,
|
|
29242
|
+
active = _ref.active,
|
|
29243
|
+
onClick = _ref.onClick;
|
|
29244
|
+
return React.createElement("div", {
|
|
29245
|
+
onClick: onClick,
|
|
29246
|
+
className: "jsx-90599560" + " " + (classnames(cls$l.toggle_btn_item, {
|
|
29247
|
+
active: active
|
|
29248
|
+
}) || "")
|
|
29249
|
+
}, label, React.createElement(_JSXStyle, {
|
|
29250
|
+
id: "90599560"
|
|
29251
|
+
}, ".active.jsx-90599560{background-image:linear-gradient(to right,#f05c6a,#ff995a);color:#fff;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhcnRuZXItdG9nZ2xlLWJ1dHRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJrQixBQUd3RSwyREFDbEQsV0FDYiIsImZpbGUiOiJwYXJ0bmVyLXRvZ2dsZS1idXR0b24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNuIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgY2xzIGZyb20gXCIuL3BhcnRuZXItdG9nZ2xlLWJ1dHRvbi5tb2R1bGUuc2Nzc1wiO1xuXG5pbnRlcmZhY2UgUGFydG5lclRvZ2dsZUJ1dHRvblByb3BzIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgYWN0aXZlOiBib29sZWFuO1xuICBvbkNsaWNrOiAoKSA9PiB2b2lkO1xufVxuXG5jb25zdCBQYXJ0bmVyVG9nZ2xlQnV0dG9uID0gKHtcbiAgbGFiZWwsXG4gIGFjdGl2ZSxcbiAgb25DbGljayxcbn06IFBhcnRuZXJUb2dnbGVCdXR0b25Qcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIG9uQ2xpY2s9e29uQ2xpY2t9XG4gICAgICBjbGFzc05hbWU9e2NuKGNscy50b2dnbGVfYnRuX2l0ZW0sIHsgYWN0aXZlOiBhY3RpdmUgfSl9XG4gICAgPlxuICAgICAge2xhYmVsfVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAuYWN0aXZlIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQodG8gcmlnaHQsICNmMDVjNmEsICNmZjk5NWEpO1xuICAgICAgICAgIGNvbG9yOiAjZmZmO1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQYXJ0bmVyVG9nZ2xlQnV0dG9uO1xuIl19 */\n/*@ sourceURL=partner-toggle-button.tsx */"));
|
|
29252
|
+
};
|
|
29253
|
+
|
|
29254
|
+
PartnerToggleButton.propTypes = {
|
|
29255
|
+
label: _pt.string.isRequired,
|
|
29256
|
+
active: _pt.bool.isRequired,
|
|
29257
|
+
onClick: _pt.func.isRequired
|
|
29258
|
+
};
|
|
29259
|
+
|
|
29260
|
+
var css$m = ".partner-toggle-button-block-module_wrapper__2vLDr {\n font-family: \"Montserrat\", sans-serif;\n display: flex;\n background: #FFF;\n width: -webkit-fit-content;\n width: fit-content;\n height: -webkit-fit-content;\n height: fit-content;\n color: #404041;\n font-weight: 400;\n font-size: 12px;\n margin: 0;\n padding: 1px;\n border-radius: 32px;\n cursor: pointer;\n background: linear-gradient(to right, #F05C6A, #FF995A); }\n .partner-toggle-button-block-module_wrapper__2vLDr .partner-toggle-button-block-module_toggle_btn_wrap__36HeL {\n padding: 1px;\n width: -webkit-fit-content;\n width: fit-content;\n border-radius: 100px;\n display: flex;\n background-color: #FFF; }\n";
|
|
29261
|
+
var cls$m = {"wrapper":"partner-toggle-button-block-module_wrapper__2vLDr","toggle_btn_wrap":"partner-toggle-button-block-module_toggle_btn_wrap__36HeL"};
|
|
29262
|
+
styleInject(css$m);
|
|
29263
|
+
|
|
29264
|
+
var PartnerToggleButtonBlock = function PartnerToggleButtonBlock(_ref) {
|
|
29265
|
+
var labelLeft = _ref.labelLeft,
|
|
29266
|
+
labelRight = _ref.labelRight,
|
|
29267
|
+
onClickLeft = _ref.onClickLeft,
|
|
29268
|
+
onClickRight = _ref.onClickRight,
|
|
29269
|
+
className = _ref.className,
|
|
29270
|
+
_ref$isActive = _ref.isActive,
|
|
29271
|
+
isActive = _ref$isActive === void 0 ? true : _ref$isActive;
|
|
29272
|
+
|
|
29273
|
+
var _useState = useState(isActive),
|
|
29274
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
29275
|
+
isLeftActive = _useState2[0],
|
|
29276
|
+
setIsLeftActive = _useState2[1];
|
|
29277
|
+
|
|
29278
|
+
return React.createElement("div", {
|
|
29279
|
+
className: "jsx-2609848555" + " " + (classnames(cls$m.wrapper, className) || "")
|
|
29280
|
+
}, React.createElement("div", {
|
|
29281
|
+
className: "jsx-2609848555" + " " + (classnames(cls$m.toggle_btn_wrap, "toggle-btn-wrap") || "")
|
|
29282
|
+
}, React.createElement(PartnerToggleButton, {
|
|
29283
|
+
label: labelLeft,
|
|
29284
|
+
active: isLeftActive,
|
|
29285
|
+
onClick: function onClick() {
|
|
29286
|
+
setIsLeftActive(true);
|
|
29287
|
+
onClickLeft();
|
|
29288
|
+
}
|
|
29289
|
+
}), React.createElement(PartnerToggleButton, {
|
|
29290
|
+
label: labelRight,
|
|
29291
|
+
active: !isLeftActive,
|
|
29292
|
+
onClick: function onClick() {
|
|
29293
|
+
setIsLeftActive(false);
|
|
29294
|
+
onClickRight();
|
|
29295
|
+
}
|
|
29296
|
+
})), React.createElement(_JSXStyle, {
|
|
29297
|
+
id: "2609848555"
|
|
29298
|
+
}, ".toggle-btn-wrap.jsx-2609848555:hover{box-shadow:0px 3px 20px 0px #fdd8d0 inset;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhcnRuZXItdG9nZ2xlLWJ1dHRvbi1ibG9jay50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNrQixBQUdxRCwwQ0FDNUMiLCJmaWxlIjoicGFydG5lci10b2dnbGUtYnV0dG9uLWJsb2NrLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNuIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgY2xzIGZyb20gXCIuL3BhcnRuZXItdG9nZ2xlLWJ1dHRvbi1ibG9jay5tb2R1bGUuc2Nzc1wiO1xuaW1wb3J0IFBhcnRuZXJUb2dnbGVCdXR0b24gZnJvbSBcIi4vcGFydG5lci10b2dnbGUtYnV0dG9uXCI7XG5cbmludGVyZmFjZSBQYXJ0bmVyVG9nZ2xlQnV0dG9uQmxvY2tQcm9wcyB7XG4gIGxhYmVsTGVmdDogc3RyaW5nO1xuICBsYWJlbFJpZ2h0OiBzdHJpbmc7XG4gIG9uQ2xpY2tMZWZ0OiAoKSA9PiB2b2lkO1xuICBvbkNsaWNrUmlnaHQ6ICgpID0+IHZvaWQ7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xufVxuXG5jb25zdCBQYXJ0bmVyVG9nZ2xlQnV0dG9uQmxvY2sgPSAoe1xuICBsYWJlbExlZnQsXG4gIGxhYmVsUmlnaHQsXG4gIG9uQ2xpY2tMZWZ0LFxuICBvbkNsaWNrUmlnaHQsXG4gIGNsYXNzTmFtZSxcbiAgaXNBY3RpdmUgPSB0cnVlLFxufTogUGFydG5lclRvZ2dsZUJ1dHRvbkJsb2NrUHJvcHMpID0+IHtcbiAgY29uc3QgW2lzTGVmdEFjdGl2ZSwgc2V0SXNMZWZ0QWN0aXZlXSA9IHVzZVN0YXRlKGlzQWN0aXZlKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y24oY2xzLndyYXBwZXIsIGNsYXNzTmFtZSl9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NuKGNscy50b2dnbGVfYnRuX3dyYXAsIFwidG9nZ2xlLWJ0bi13cmFwXCIpfT5cbiAgICAgICAgPFBhcnRuZXJUb2dnbGVCdXR0b25cbiAgICAgICAgICBsYWJlbD17bGFiZWxMZWZ0fVxuICAgICAgICAgIGFjdGl2ZT17aXNMZWZ0QWN0aXZlfVxuICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgIHNldElzTGVmdEFjdGl2ZSh0cnVlKTtcbiAgICAgICAgICAgIG9uQ2xpY2tMZWZ0KCk7XG4gICAgICAgICAgfX1cbiAgICAgICAgLz5cbiAgICAgICAgPFBhcnRuZXJUb2dnbGVCdXR0b25cbiAgICAgICAgICBsYWJlbD17bGFiZWxSaWdodH1cbiAgICAgICAgICBhY3RpdmU9eyFpc0xlZnRBY3RpdmV9XG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgc2V0SXNMZWZ0QWN0aXZlKGZhbHNlKTtcbiAgICAgICAgICAgIG9uQ2xpY2tSaWdodCgpO1xuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLnRvZ2dsZS1idG4td3JhcDpob3ZlciB7XG4gICAgICAgICAgYm94LXNoYWRvdzogMHB4IDNweCAyMHB4IDBweCAjZmRkOGQwIGluc2V0O1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBQYXJ0bmVyVG9nZ2xlQnV0dG9uQmxvY2s7XG4iXX0= */\n/*@ sourceURL=partner-toggle-button-block.tsx */"));
|
|
29299
|
+
};
|
|
29300
|
+
|
|
29301
|
+
PartnerToggleButtonBlock.propTypes = {
|
|
29302
|
+
labelLeft: _pt.string.isRequired,
|
|
29303
|
+
labelRight: _pt.string.isRequired,
|
|
29304
|
+
onClickLeft: _pt.func.isRequired,
|
|
29305
|
+
onClickRight: _pt.func.isRequired,
|
|
29306
|
+
className: _pt.string,
|
|
29307
|
+
isActive: _pt.bool
|
|
29308
|
+
};
|
|
29309
|
+
|
|
29310
|
+
export { Anchor, Avatar, BoldAnchor, Box, Button, ButtonSelect, CampaignCard, CampaignOfMonth, CharityCard, Checkbox, Chip, Chips, ComboField, ComboFieldExpander, CommentSection, CommentSectionV2, Cropper, DatePicker, DonateCard, DonationForm, DonationFormV2, Elevation, FeaturedCampaignCard, FieldHelperText, FieldLabel, Flex, FooterV2, FundraisingSection, Grid, HeartToggle, HeroBnner as HeroBanner, HorizontalBar, Icon, IconButton, IconButtonGroup, InputChips, List, Login, MENU_ANCHOR_CLASS, Menu, MenuList, ListDivider as MenuListDivider, MenuListItem, MenuListItemGraphic, ListItemMeta as MenuListItemMeta, MenuListItemText, MenuSurface, Modal, ModalImage, MyCauseTheme, Navigation$1 as Nav, Navigation, PartnerChartStats, PartnerMonthlyDonations, PartnerMonthlyStats, PartnerMonthlyTable, PartnerToggleButton, PartnerToggleButtonBlock, PhoneNumberInput, Popup, ProgressBar, Radio, RadioGroup, Select, SelectHelperText, CustomSingleDatePicker as SingleDatePicker, Spinner, Stack, StartCampaignCard, Statistics, Switch, Tabs, Text, TextField, HelperText as TextFieldHelperText, TextFieldSearch, ThemeContext, ThemeProvider, ThisMonthCard, Uploader, getColorToken, parseNationalPhoneNumber, useTheme };
|