pcm-shared-components 0.0.216 → 0.0.218
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/Platform/PlatformPaymentPlans/components/PriceToggleButton/index.js +22 -0
- package/dist/components/Platform/PlatformPaymentPlans/components/PriceToggleButton/style.css +77 -0
- package/dist/components/Platform/PlatformPaymentPlans/index.js +268 -0
- package/dist/index.js +2 -1
- package/dist/languages/en/translations.json +52 -1
- package/dist/languages/es/translations.json +52 -1
- package/dist/languages/fr/translations.json +52 -1
- package/dist/styles/tailwind.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import './style.css';
|
|
3
|
+
import i18next from 'i18next';
|
|
4
|
+
|
|
5
|
+
const PriceToggleButton = props => {
|
|
6
|
+
const {
|
|
7
|
+
onCheck = () => {}
|
|
8
|
+
} = props;
|
|
9
|
+
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
|
|
10
|
+
type: "checkbox",
|
|
11
|
+
id: "toggle",
|
|
12
|
+
className: "toggleCheckbox",
|
|
13
|
+
onChange: evt => {
|
|
14
|
+
onCheck(evt.target.checked);
|
|
15
|
+
}
|
|
16
|
+
}), /*#__PURE__*/React.createElement("label", {
|
|
17
|
+
htmlFor: "toggle",
|
|
18
|
+
className: "toggleContainer"
|
|
19
|
+
}, /*#__PURE__*/React.createElement("div", null, i18next.t('platform_plan_feature.monthly_plans')), /*#__PURE__*/React.createElement("div", null, i18next.t('platform_plan_feature.yearly_plans'))));
|
|
20
|
+
};
|
|
21
|
+
|
|
22
|
+
export default PriceToggleButton;
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
.toggleContainer {
|
|
2
|
+
position: relative;
|
|
3
|
+
display: grid;
|
|
4
|
+
padding-top: 5px;
|
|
5
|
+
padding-bottom: 5px;
|
|
6
|
+
min-width: 350px;
|
|
7
|
+
grid-template-columns: repeat(2, 1fr);
|
|
8
|
+
width: fit-content;
|
|
9
|
+
border: 1px solid #9f9f9f;
|
|
10
|
+
border-radius: 25px;
|
|
11
|
+
background: -moz-linear-gradient(90deg, rgb(156, 203, 105) 0%, rgba(106, 153, 55, 0.8) 45%,rgba(255, 130, 84, 0.8) 60%, rgb(241, 100, 47)100%);
|
|
12
|
+
background: -webkit-linear-gradient(90deg, rgb(156, 203, 105) 0%, rgba(106, 153, 55, 0.8) 45%,rgba(255, 130, 84, 0.8) 60%, rgb(241, 100, 47)100%);
|
|
13
|
+
background: -ms-linear-gradient(90deg, rgb(156, 203, 105) 0%, rgba(106, 153, 55, 0.8) 45%,rgba(255, 130, 84, 0.8) 60%, rgb(241, 100, 47)100%);
|
|
14
|
+
background: linear-gradient(90deg, rgb(106, 153, 55) 0%, rgba(156, 203, 105, 0.8) 45%,rgba(255, 130, 84, 0.8) 60%, rgb(241, 100, 47)100%);
|
|
15
|
+
|
|
16
|
+
font-weight: bold;
|
|
17
|
+
color: #343434;
|
|
18
|
+
cursor: pointer;
|
|
19
|
+
|
|
20
|
+
}
|
|
21
|
+
.toggleContainer::before {
|
|
22
|
+
content: '';
|
|
23
|
+
position: absolute;
|
|
24
|
+
width: 50%;
|
|
25
|
+
height: 100%;
|
|
26
|
+
left: calc(0% + -1px);
|
|
27
|
+
border-radius:25px;
|
|
28
|
+
border: 1px solid #b2b2b2;
|
|
29
|
+
top: -2px;
|
|
30
|
+
padding-top: 1px;
|
|
31
|
+
padding-bottom: 1px;
|
|
32
|
+
box-shadow: 0 1px 1px rgba(0,0,0,0.12),
|
|
33
|
+
0 2px 2px rgba(0,0,0,0.12),
|
|
34
|
+
0 4px 4px rgba(0,0,0,0.12),
|
|
35
|
+
0 8px 8px rgba(0,0,0,0.12),
|
|
36
|
+
0 16px 16px rgba(0,0,0,0.12);
|
|
37
|
+
background: rgb(106, 153, 55);
|
|
38
|
+
|
|
39
|
+
transition: all 0.2s;
|
|
40
|
+
}
|
|
41
|
+
.toggleCheckbox:checked + .toggleContainer {
|
|
42
|
+
transition: all 0.2s;
|
|
43
|
+
}
|
|
44
|
+
.toggleCheckbox:checked + .toggleContainer::before {
|
|
45
|
+
left: 50%;
|
|
46
|
+
background: rgb(218, 97, 53);
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
}
|
|
50
|
+
.toggleContainer div {
|
|
51
|
+
padding: 6px;
|
|
52
|
+
text-align: center;
|
|
53
|
+
z-index: 1;
|
|
54
|
+
}
|
|
55
|
+
.toggleCheckbox {
|
|
56
|
+
display: none;
|
|
57
|
+
}
|
|
58
|
+
.toggleCheckbox:checked + .toggleContainer div:first-child{
|
|
59
|
+
color: #343434;
|
|
60
|
+
transition: color 0.3s;
|
|
61
|
+
}
|
|
62
|
+
.toggleCheckbox:checked + .toggleContainer div:last-child{
|
|
63
|
+
color: white;
|
|
64
|
+
text-shadow: rgba(255, 255, 255,0.9) 0px 0px 12px;
|
|
65
|
+
transition: color 0.3s;
|
|
66
|
+
}
|
|
67
|
+
.toggleCheckbox + .toggleContainer div:first-child{
|
|
68
|
+
color: white;
|
|
69
|
+
text-shadow: rgba(255, 255, 255,0.9) 0px 0px 12px;
|
|
70
|
+
transition: color 0.3s;
|
|
71
|
+
}
|
|
72
|
+
.toggleCheckbox + .toggleContainer div:last-child{
|
|
73
|
+
color: #343434;
|
|
74
|
+
transition: color 0.3s;
|
|
75
|
+
|
|
76
|
+
}
|
|
77
|
+
|
|
@@ -0,0 +1,268 @@
|
|
|
1
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
+
|
|
3
|
+
import React, { useState, useEffect } from 'react';
|
|
4
|
+
import PropTypes from 'prop-types';
|
|
5
|
+
import { ThemeProvider } from '@mui/system';
|
|
6
|
+
import { createTheme, useTheme } from '@mui/material/styles';
|
|
7
|
+
import Divider from '@mui/material/Divider';
|
|
8
|
+
import CheckCircleIcon from '@mui/icons-material/CheckCircle';
|
|
9
|
+
import FiberNewIcon from '@mui/icons-material/FiberNew';
|
|
10
|
+
import PriceToggleButton from './components/PriceToggleButton';
|
|
11
|
+
import Icon from '@mdi/react';
|
|
12
|
+
import { mdiRocket, mdiShimmer, mdiFire, mdiTorch } from '@mdi/js';
|
|
13
|
+
import { Button } from '@mui/material';
|
|
14
|
+
import i18next from 'i18next';
|
|
15
|
+
const platformPricingIcons = [mdiShimmer, mdiFire, mdiTorch];
|
|
16
|
+
/**
|
|
17
|
+
* ## Importing the component in your project
|
|
18
|
+
*
|
|
19
|
+
```js
|
|
20
|
+
|
|
21
|
+
import {PlatformPaymentPlans} from 'pcm-shared-components';
|
|
22
|
+
|
|
23
|
+
```
|
|
24
|
+
*
|
|
25
|
+
*/
|
|
26
|
+
|
|
27
|
+
export const PlatformPaymentPlans = props => {
|
|
28
|
+
const {
|
|
29
|
+
platformPlanFeatures,
|
|
30
|
+
platformPricingModel,
|
|
31
|
+
onClickPlanSelection,
|
|
32
|
+
theme
|
|
33
|
+
} = props;
|
|
34
|
+
const planTypeDescriptions = [i18next.t('platform_plan_feature.plan_type_descriptions.free'), i18next.t('platform_plan_feature.plan_type_descriptions.standard'), i18next.t('platform_plan_feature.plan_type_descriptions.premium')];
|
|
35
|
+
const compTheme = theme ? theme : useTheme();
|
|
36
|
+
const defaultTheme = createTheme(compTheme); //---------------------------------------------------
|
|
37
|
+
// Hooks
|
|
38
|
+
//---------------------------------------------------
|
|
39
|
+
|
|
40
|
+
const [selectedBillingPeriod, setSelectedBillingPeriod] = useState();
|
|
41
|
+
const [hasMonthlyAndYearlyBillingPeriod, setHasMonthlyAndYearlyBillingPeriod] = useState(false);
|
|
42
|
+
const [showMoreInfo, setShowMoreInfo] = useState(false); //---------------------------------------------------
|
|
43
|
+
// Use Effect
|
|
44
|
+
//---------------------------------------------------
|
|
45
|
+
|
|
46
|
+
useEffect(() => {
|
|
47
|
+
getUniqueBillingPeriodIds();
|
|
48
|
+
}, []); //---------------------------------------------------
|
|
49
|
+
// Local Functions
|
|
50
|
+
//---------------------------------------------------
|
|
51
|
+
|
|
52
|
+
const getUniqueBillingPeriodIds = () => {
|
|
53
|
+
//Returns an array with the unique ids that we have for the billing_period_id.
|
|
54
|
+
//This will allow us to determine if we need to display the monthly/yearly toggle button and which billing period id to use as the default
|
|
55
|
+
try {
|
|
56
|
+
const billingPeriodIds = [...new Set(platformPricingModel.map(item => item.billing_period_id))].sort((a, b) => a - b);
|
|
57
|
+
setSelectedBillingPeriod(Number(billingPeriodIds[0]));
|
|
58
|
+
setHasMonthlyAndYearlyBillingPeriod(billingPeriodIds.length > 1);
|
|
59
|
+
} catch (error) {
|
|
60
|
+
console.error(error);
|
|
61
|
+
}
|
|
62
|
+
}; //---------------------------------------------------
|
|
63
|
+
// Local Component
|
|
64
|
+
//---------------------------------------------------
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
const PlatformFeatureIcon = ({
|
|
68
|
+
active = true
|
|
69
|
+
}) => {
|
|
70
|
+
return /*#__PURE__*/React.createElement(CheckCircleIcon, {
|
|
71
|
+
fontSize: "small",
|
|
72
|
+
className: `flex-shrink-0 ${active ? 'text-green-600 dark:text-green-500' : 'text-gray-600 dark:text-gray-500'} my-auto`
|
|
73
|
+
});
|
|
74
|
+
};
|
|
75
|
+
|
|
76
|
+
const NewPlatformFeatureIcon = ({
|
|
77
|
+
active = true
|
|
78
|
+
}) => {
|
|
79
|
+
return /*#__PURE__*/React.createElement(FiberNewIcon, {
|
|
80
|
+
className: `flex-shrink-0 ${active ? 'text-orange-600 dark:text-orange-500' : 'text-gray-600 dark:text-gray-500'} my-auto`,
|
|
81
|
+
style: {
|
|
82
|
+
transform: 'rotate(-0.05turn)'
|
|
83
|
+
}
|
|
84
|
+
});
|
|
85
|
+
};
|
|
86
|
+
|
|
87
|
+
const PlatformFeatureText = ({
|
|
88
|
+
text = ''
|
|
89
|
+
}) => {
|
|
90
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
91
|
+
className: "text-12 font-normal leading-tight text-gray-500 whitespace-pre-line truncate",
|
|
92
|
+
style: {
|
|
93
|
+
maxWidth: 200
|
|
94
|
+
}
|
|
95
|
+
}, text);
|
|
96
|
+
};
|
|
97
|
+
|
|
98
|
+
const PlatformListItem = ({
|
|
99
|
+
active = true,
|
|
100
|
+
text = '',
|
|
101
|
+
show_as_new_in_pricing_table = 0,
|
|
102
|
+
key_item = ''
|
|
103
|
+
}) => {
|
|
104
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
105
|
+
key: key_item,
|
|
106
|
+
className: `flex justify-center md:justify-start space-x-10 ${active ? '' : 'line-through decoration-gray-500'} `
|
|
107
|
+
}, Number(show_as_new_in_pricing_table) === 0 ? /*#__PURE__*/React.createElement(PlatformFeatureIcon, {
|
|
108
|
+
active: active
|
|
109
|
+
}) : /*#__PURE__*/React.createElement(NewPlatformFeatureIcon, {
|
|
110
|
+
active: active
|
|
111
|
+
}), /*#__PURE__*/React.createElement(PlatformFeatureText, {
|
|
112
|
+
text: text
|
|
113
|
+
}));
|
|
114
|
+
};
|
|
115
|
+
|
|
116
|
+
const PriceDescription = props => {
|
|
117
|
+
const {
|
|
118
|
+
color,
|
|
119
|
+
price = 0,
|
|
120
|
+
description = '',
|
|
121
|
+
expected_price = 0
|
|
122
|
+
} = props;
|
|
123
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
124
|
+
className: "flex flex-row items-baseline mx-4 md:mx-auto text-center w-fit"
|
|
125
|
+
}, Number(expected_price) > 0 && parseFloat(price) > 0 && parseFloat(expected_price) > parseFloat(price) && /*#__PURE__*/React.createElement("div", {
|
|
126
|
+
className: "mx-4"
|
|
127
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
128
|
+
className: "leading-none text-base font-200 line-through decoration-gray-500 text-gray-500"
|
|
129
|
+
}, "$"), /*#__PURE__*/React.createElement("span", {
|
|
130
|
+
className: "leading-none text-base font-300 tracking-tight line-through decoration-gray-500 text-gray-500"
|
|
131
|
+
}, expected_price)), /*#__PURE__*/React.createElement("span", {
|
|
132
|
+
className: "leading-none text-base font-semibold ",
|
|
133
|
+
style: {
|
|
134
|
+
color: color
|
|
135
|
+
}
|
|
136
|
+
}, "$"), /*#__PURE__*/React.createElement("span", {
|
|
137
|
+
className: "leading-none text-xl font-extrabold tracking-tight"
|
|
138
|
+
}, parseFloat(price).toLocaleString()), /*#__PURE__*/React.createElement("span", {
|
|
139
|
+
className: "leading-none ml-1 text-xs font-normal "
|
|
140
|
+
}, "/", description));
|
|
141
|
+
};
|
|
142
|
+
|
|
143
|
+
const PriceCard = props => {
|
|
144
|
+
const {
|
|
145
|
+
color = 'gray',
|
|
146
|
+
monthly_fee = 0,
|
|
147
|
+
per_reservation_fee = 0,
|
|
148
|
+
expected_monthly_fee = 0,
|
|
149
|
+
expected_per_reservation_fee = 0,
|
|
150
|
+
name = '',
|
|
151
|
+
sub_name = '',
|
|
152
|
+
platform_plan_type_id = 1,
|
|
153
|
+
billing_period_id = 1,
|
|
154
|
+
description
|
|
155
|
+
} = props;
|
|
156
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
157
|
+
className: "m-0 p-4 w-full max-w-full md:max-w-max bg-white rounded-lg drop-shadow sm:p-8 border-t-8 ",
|
|
158
|
+
style: {
|
|
159
|
+
boxShadow: `0px 4px 6px -2px ${color}`,
|
|
160
|
+
minWidth: 250,
|
|
161
|
+
borderTop: `6px solid ${color}`,
|
|
162
|
+
marginTop: Number(platform_plan_type_id) !== 2 ? 15 : 0,
|
|
163
|
+
zIndex: Number(platform_plan_type_id) === 2 ? 500 : 100
|
|
164
|
+
}
|
|
165
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
166
|
+
className: "flex m-4 ",
|
|
167
|
+
style: {
|
|
168
|
+
marginTop: Number(platform_plan_type_id) === 2 ? 21 : 6
|
|
169
|
+
}
|
|
170
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
|
171
|
+
path: platformPricingIcons[platform_plan_type_id - 1],
|
|
172
|
+
size: 1,
|
|
173
|
+
className: "m-auto shadow-1 rounded-full p-6",
|
|
174
|
+
style: {
|
|
175
|
+
color: color
|
|
176
|
+
}
|
|
177
|
+
})), /*#__PURE__*/React.createElement("h5", {
|
|
178
|
+
className: "leading-none font-serif antialiased mb-0 text-3xl font-medium mt-4 text-center",
|
|
179
|
+
style: {
|
|
180
|
+
color: color,
|
|
181
|
+
textShadow: `${color} 0px -10px 50px`
|
|
182
|
+
}
|
|
183
|
+
}, name), /*#__PURE__*/React.createElement("h3", {
|
|
184
|
+
className: "leading-none font-serif antialiased mb-12 mt-0 text-sm font-medium text-gray-500 text-center"
|
|
185
|
+
}, sub_name), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
|
|
186
|
+
className: "flex flex-wrap md:flex-col justify-center my-12 ",
|
|
187
|
+
style: {
|
|
188
|
+
color: color
|
|
189
|
+
}
|
|
190
|
+
}, /*#__PURE__*/React.createElement(PriceDescription, {
|
|
191
|
+
color: color,
|
|
192
|
+
price: monthly_fee,
|
|
193
|
+
description: Number(billing_period_id) === 1 ? i18next.t('common.app.monthly_abbreviation') : i18next.t('common.app.yearly_abbreviation'),
|
|
194
|
+
expected_price: expected_monthly_fee
|
|
195
|
+
}), /*#__PURE__*/React.createElement(PriceDescription, {
|
|
196
|
+
color: color,
|
|
197
|
+
price: per_reservation_fee,
|
|
198
|
+
description: 'reservation',
|
|
199
|
+
expected_price: expected_per_reservation_fee
|
|
200
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
201
|
+
className: "w-full text-center my-12"
|
|
202
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
203
|
+
className: "max-w-min whitespace-nowrap m-auto font-900",
|
|
204
|
+
variant: "outlined",
|
|
205
|
+
style: {
|
|
206
|
+
color: color
|
|
207
|
+
},
|
|
208
|
+
onClick: () => {
|
|
209
|
+
onClickPlanSelection(platform_plan_type_id);
|
|
210
|
+
}
|
|
211
|
+
}, "Start Today")), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("div", {
|
|
212
|
+
className: "flex flex-col my-8 w-full max-w-fill md:max-w-192 text-center md:min-h-128 "
|
|
213
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
214
|
+
className: "my-auto text-gray-600 text-11 whitespace-pre-line "
|
|
215
|
+
}, planTypeDescriptions[platform_plan_type_id - 1]), /*#__PURE__*/React.createElement("div", {
|
|
216
|
+
className: "h-full w-full mt-auto"
|
|
217
|
+
}, /*#__PURE__*/React.createElement(Button, {
|
|
218
|
+
className: "",
|
|
219
|
+
onClick: () => {
|
|
220
|
+
setShowMoreInfo(!showMoreInfo);
|
|
221
|
+
}
|
|
222
|
+
}, showMoreInfo ? i18next.t('common.app.less_information') : i18next.t('common.app.more_information')))), showMoreInfo && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement("ul", {
|
|
223
|
+
className: "my-12 space-y-10 list-none hover:list-disc"
|
|
224
|
+
}, (platformPlanFeatures || []).filter(feature => Number(feature.show_in_pricing_table) === 1).sort((a, b) => a.platform_plan_type_id - b.platform_plan_type_id).map(plan => /*#__PURE__*/React.createElement(PlatformListItem, {
|
|
225
|
+
active: Number(platform_plan_type_id) >= Number(plan.platform_plan_type_id),
|
|
226
|
+
text: i18next.t(`platform_plan_feature.feature_names.${plan.feature_key}`),
|
|
227
|
+
show_as_new_in_pricing_table: plan.show_as_new_in_pricing_table,
|
|
228
|
+
key_item: `list_items_${billing_period_id}_${plan.platform_plan_type_id}_${plan.feature_key}`,
|
|
229
|
+
key: `list_item_${billing_period_id}_${plan.platform_plan_type_id}_${plan.feature_key}`
|
|
230
|
+
})))));
|
|
231
|
+
};
|
|
232
|
+
|
|
233
|
+
return /*#__PURE__*/React.createElement(ThemeProvider, {
|
|
234
|
+
theme: defaultTheme
|
|
235
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
236
|
+
className: "flex flex-col w-full"
|
|
237
|
+
}, hasMonthlyAndYearlyBillingPeriod && /*#__PURE__*/React.createElement("div", {
|
|
238
|
+
className: "m-auto p-24"
|
|
239
|
+
}, /*#__PURE__*/React.createElement(PriceToggleButton, {
|
|
240
|
+
onCheck: checked => {
|
|
241
|
+
setSelectedBillingPeriod(checked ? 2 : 1);
|
|
242
|
+
}
|
|
243
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
244
|
+
className: "flex flex-wrap justify-center max-w-max mx-auto"
|
|
245
|
+
}, platformPricingModel.filter(price => Number(price.billing_period_id) === selectedBillingPeriod).map((model, idx) => /*#__PURE__*/React.createElement(PriceCard, _extends({
|
|
246
|
+
key: `price_card_${idx}`
|
|
247
|
+
}, model))))));
|
|
248
|
+
};
|
|
249
|
+
export default PlatformPaymentPlans;
|
|
250
|
+
PlatformPaymentPlans.defaultProps = {
|
|
251
|
+
platformPlanFeatures: [],
|
|
252
|
+
platformPricingModel: [],
|
|
253
|
+
onClickPlanSelection: () => {},
|
|
254
|
+
theme: undefined
|
|
255
|
+
};
|
|
256
|
+
PlatformPaymentPlans.propTypes = {
|
|
257
|
+
/** This is the platform features that are activated for each pricing model tier */
|
|
258
|
+
platformPlanFeatures: PropTypes.array,
|
|
259
|
+
|
|
260
|
+
/** This is the individual pricing models that are offered to our clients*/
|
|
261
|
+
platformPricingModel: PropTypes.array,
|
|
262
|
+
|
|
263
|
+
/** Callback when a plan is selected. Returns the platform pricing model id.*/
|
|
264
|
+
onClickPlanSelection: PropTypes.func,
|
|
265
|
+
|
|
266
|
+
/** Theme object to use on this component, if none provided then the MUI5 theme provider theme is used*/
|
|
267
|
+
theme: PropTypes.object
|
|
268
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -22,4 +22,5 @@ import DateRangeCalendar from './components/Date/DateRangeCalendar';
|
|
|
22
22
|
import SimpleLabel from './components/Labels/SimpleLabel';
|
|
23
23
|
import CurrencyTextInput from './components/TextBoxes/CurrencyTextInput';
|
|
24
24
|
import ImageStack from './components/Images/ImageStack';
|
|
25
|
-
|
|
25
|
+
import PlatformPaymentPlans from './components/Platform/PlatformPaymentPlans';
|
|
26
|
+
export { TestButton, CodeHighlight, CustomFab, HelpButton, GenericDialogWindow, PcSharedComponentThemeInheritor, ImageCanvasDraw, PCMScrollbar, TwoColumnDisplay, SimpleTab, HrefLink, GenericAppBar, ReusablePopupMenu, SearchBar, TillButton, DropdownButton, translationResources, coreLocals, currencySymbol, DateRangeCalendar, SimpleLabel, CurrencyTextInput, ImageStack, PlatformPaymentPlans };
|
|
@@ -368,6 +368,7 @@
|
|
|
368
368
|
"last_500": "Show Last 500",
|
|
369
369
|
"layout": "Layout",
|
|
370
370
|
"left": "left",
|
|
371
|
+
"less_information": "Less Information",
|
|
371
372
|
"line_item": "Line Item",
|
|
372
373
|
"line_price": "Line Price",
|
|
373
374
|
"line_price_sub_total": "Line Price Sub Total",
|
|
@@ -383,6 +384,7 @@
|
|
|
383
384
|
"model": "Model",
|
|
384
385
|
"month": "Month",
|
|
385
386
|
"monthly": "Monthly",
|
|
387
|
+
"monthly_abbreviation": "mo",
|
|
386
388
|
"monthly_price": "Monthly Price",
|
|
387
389
|
"months": {
|
|
388
390
|
"april": "April",
|
|
@@ -398,6 +400,7 @@
|
|
|
398
400
|
"october": "October",
|
|
399
401
|
"september": "September"
|
|
400
402
|
},
|
|
403
|
+
"more_information": "More Information",
|
|
401
404
|
"more_settings": "More Settings",
|
|
402
405
|
"move_down": "Move Down",
|
|
403
406
|
"move_up": "Move Up",
|
|
@@ -518,6 +521,8 @@
|
|
|
518
521
|
},
|
|
519
522
|
"show_all": "Show All",
|
|
520
523
|
"show_audit_logs": "Show Audit Logs",
|
|
524
|
+
"show_less": "Show Less",
|
|
525
|
+
"show_more": "Show More",
|
|
521
526
|
"show_reports": "Show Report",
|
|
522
527
|
"site_details": "Site Information",
|
|
523
528
|
"small": "small",
|
|
@@ -582,6 +587,7 @@
|
|
|
582
587
|
"third": "Third"
|
|
583
588
|
},
|
|
584
589
|
"yearly": "Yearly",
|
|
590
|
+
"yearly_abbreviation": "yr",
|
|
585
591
|
"yes": "Yes"
|
|
586
592
|
},
|
|
587
593
|
"msg": {
|
|
@@ -1431,6 +1437,50 @@
|
|
|
1431
1437
|
"payment_card_intent_title": "Enter Card Information",
|
|
1432
1438
|
"section_title": "Online Stripe Payment Cards"
|
|
1433
1439
|
},
|
|
1440
|
+
"platform_plan_feature": {
|
|
1441
|
+
"feature_names": {
|
|
1442
|
+
"campgrounda_settings_menu": "Online Reservations",
|
|
1443
|
+
"client_menu": "Client Management",
|
|
1444
|
+
"date_brownout_menu": "Date Brownouts Management",
|
|
1445
|
+
"email_menu": "Automated Emails / Email Templates Management",
|
|
1446
|
+
"gate_access_control_menu": "",
|
|
1447
|
+
"gate_access_grid_menu": "Gate Access Management",
|
|
1448
|
+
"gate_access_guard_post_menu": "",
|
|
1449
|
+
"import_waivers": "Import and Upload Waivers",
|
|
1450
|
+
"kiosk_menu": "Kiosk",
|
|
1451
|
+
"lot_driving_direction": "Lot Driving Directions",
|
|
1452
|
+
"lot_images": "Upload Lot Images",
|
|
1453
|
+
"lot_menu": "Lot Management",
|
|
1454
|
+
"lot_popup_notification": "Lot Maintenance Notifications",
|
|
1455
|
+
"lot_type_customization": "Custom Lot Types",
|
|
1456
|
+
"map_editor_menu": "Map Editor",
|
|
1457
|
+
"occupants_vehicles_pricing_menu": "Occupants & Vehicles Management",
|
|
1458
|
+
"pos_menu": "POS",
|
|
1459
|
+
"product_inventory_menu": "Product Inventory",
|
|
1460
|
+
"rates_menu": "Rates Management",
|
|
1461
|
+
"receipt_disclaimer_menu": "Reservation Disclaimers on Invoice",
|
|
1462
|
+
"report_menu": "Financial Reports",
|
|
1463
|
+
"report_seasonal_revenue_menu": "Seasonal Report",
|
|
1464
|
+
"reservation_addons": "Reservation Add-ons",
|
|
1465
|
+
"reservation_fees_menu": "Create Custom Fees",
|
|
1466
|
+
"reservation_menu": "Reservations",
|
|
1467
|
+
"reservation_tags": "Add Custom Tags on Reservations",
|
|
1468
|
+
"send_manual_email": "Send Manual & Bulk Emails",
|
|
1469
|
+
"send_manual_waivers": "Send Waivers",
|
|
1470
|
+
"taxes_menu": "Taxes Management",
|
|
1471
|
+
"till_management": "Cash Till Reconciliation",
|
|
1472
|
+
"user_account_menu": "Multiple Users",
|
|
1473
|
+
"waiver_menu": "Waivers / Digital Signatures Management"
|
|
1474
|
+
},
|
|
1475
|
+
"monthly_plans": "Monthly Plans",
|
|
1476
|
+
"no_access": "Your current plan doesn't include this feature. ",
|
|
1477
|
+
"plan_type_descriptions": {
|
|
1478
|
+
"free": "Everything you need to start taking reservation from your front office and online. PitchCamp allows you to pass on the fee to your client so you don't need to pay anything.",
|
|
1479
|
+
"premium": "The premium plan allows you to take full control of your campground by unlocking all of the functionality that PitchCamp has to offer.",
|
|
1480
|
+
"standard": "Bring your campground to the next level by accessing key features such as the POS, Reservations Add-ons, Automated Emails and many more."
|
|
1481
|
+
},
|
|
1482
|
+
"yearly_plans": "Yearly Plans"
|
|
1483
|
+
},
|
|
1434
1484
|
"pos": {
|
|
1435
1485
|
"msg": {
|
|
1436
1486
|
"out_of_stock": "This product cannot be added because it's out of stock."
|
|
@@ -1970,7 +2020,8 @@
|
|
|
1970
2020
|
"step_6": "Reservation review"
|
|
1971
2021
|
},
|
|
1972
2022
|
"title": {
|
|
1973
|
-
"new_reservation": "New Reservation"
|
|
2023
|
+
"new_reservation": "New Reservation",
|
|
2024
|
+
"reservation_productservices_addons": "Product Services / Reservation Add-ons"
|
|
1974
2025
|
},
|
|
1975
2026
|
"tooltip": {
|
|
1976
2027
|
"add_new_reservation": "Add new reservation",
|
|
@@ -368,6 +368,7 @@
|
|
|
368
368
|
"last_500": "Mostrar últimos 500",
|
|
369
369
|
"layout": "Disposición",
|
|
370
370
|
"left": "izquierda",
|
|
371
|
+
"less_information": "Menos información",
|
|
371
372
|
"line_item": "Producto Linea",
|
|
372
373
|
"line_price": "Precio de línea",
|
|
373
374
|
"line_price_sub_total": "Precio de línea sub total",
|
|
@@ -383,6 +384,7 @@
|
|
|
383
384
|
"model": "Modelo",
|
|
384
385
|
"month": "Mes",
|
|
385
386
|
"monthly": "Mensual",
|
|
387
|
+
"monthly_abbreviation": "mo",
|
|
386
388
|
"monthly_price": "Precio mensual",
|
|
387
389
|
"months": {
|
|
388
390
|
"april": "abril",
|
|
@@ -398,6 +400,7 @@
|
|
|
398
400
|
"october": "octubre",
|
|
399
401
|
"september": "septiembre"
|
|
400
402
|
},
|
|
403
|
+
"more_information": "Más información",
|
|
401
404
|
"more_settings": "Más ajustes",
|
|
402
405
|
"move_down": "Mover hacia abajo",
|
|
403
406
|
"move_up": "Ascender",
|
|
@@ -518,6 +521,8 @@
|
|
|
518
521
|
},
|
|
519
522
|
"show_all": "Mostrar todo",
|
|
520
523
|
"show_audit_logs": "Mostrar registros de auditoría",
|
|
524
|
+
"show_less": "Mostrar menos",
|
|
525
|
+
"show_more": "Mostrar más",
|
|
521
526
|
"show_reports": "Mostrar reporte",
|
|
522
527
|
"site_details": "Información del sitio",
|
|
523
528
|
"small": "pequeña",
|
|
@@ -582,6 +587,7 @@
|
|
|
582
587
|
"third": "Tercero"
|
|
583
588
|
},
|
|
584
589
|
"yearly": "Anual",
|
|
590
|
+
"yearly_abbreviation": "yr",
|
|
585
591
|
"yes": "sí"
|
|
586
592
|
},
|
|
587
593
|
"msg": {
|
|
@@ -1431,6 +1437,50 @@
|
|
|
1431
1437
|
"payment_card_intent_title": "Ingrese la información de la tarjeta",
|
|
1432
1438
|
"section_title": "Tarjetas de pago en línea Stripe"
|
|
1433
1439
|
},
|
|
1440
|
+
"platform_plan_feature": {
|
|
1441
|
+
"feature_names": {
|
|
1442
|
+
"campgrounda_settings_menu": "Reservas en línea",
|
|
1443
|
+
"client_menu": "Gestión de clientes",
|
|
1444
|
+
"date_brownout_menu": "Gestión de apagones de fechas",
|
|
1445
|
+
"email_menu": "Gestión automatizada de correos electrónicos / plantillas de correo electrónico",
|
|
1446
|
+
"gate_access_control_menu": "",
|
|
1447
|
+
"gate_access_grid_menu": "Gestión de acceso a puertas",
|
|
1448
|
+
"gate_access_guard_post_menu": "",
|
|
1449
|
+
"import_waivers": "Exenciones de importación y carga",
|
|
1450
|
+
"kiosk_menu": "Kiosco",
|
|
1451
|
+
"lot_driving_direction": "Indicaciones para llegar al lote",
|
|
1452
|
+
"lot_images": "Subir imágenes del lote",
|
|
1453
|
+
"lot_menu": "Gestión de lotes",
|
|
1454
|
+
"lot_popup_notification": "Notificaciones de mantenimiento de lotes",
|
|
1455
|
+
"lot_type_customization": "Tipos de lotes personalizados",
|
|
1456
|
+
"map_editor_menu": "Editor de mapas",
|
|
1457
|
+
"occupants_vehicles_pricing_menu": "Gestión de ocupantes y vehículos",
|
|
1458
|
+
"pos_menu": "POS",
|
|
1459
|
+
"product_inventory_menu": "Inventario de productos",
|
|
1460
|
+
"rates_menu": "Gestión de Tarifas",
|
|
1461
|
+
"receipt_disclaimer_menu": "Descargos de responsabilidad de reserva en la factura",
|
|
1462
|
+
"report_menu": "Reportes financieros",
|
|
1463
|
+
"report_seasonal_revenue_menu": "Informe estacional",
|
|
1464
|
+
"reservation_addons": "Complementos de reserva",
|
|
1465
|
+
"reservation_fees_menu": "Crear tarifas personalizadas",
|
|
1466
|
+
"reservation_menu": "Reservas",
|
|
1467
|
+
"reservation_tags": "Agregar etiquetas personalizadas en las reservas",
|
|
1468
|
+
"send_manual_email": "Enviar correos electrónicos manuales y masivos",
|
|
1469
|
+
"send_manual_waivers": "Enviar exenciones",
|
|
1470
|
+
"taxes_menu": "Gestión de impuestos",
|
|
1471
|
+
"till_management": "Conciliación de caja registradora",
|
|
1472
|
+
"user_account_menu": "Múltiples usuarios",
|
|
1473
|
+
"waiver_menu": "Gestión de Exenciones / Firmas Digitales"
|
|
1474
|
+
},
|
|
1475
|
+
"monthly_plans": "Planes mensuales",
|
|
1476
|
+
"no_access": "Su plan actual no incluye esta función.",
|
|
1477
|
+
"plan_type_descriptions": {
|
|
1478
|
+
"free": "Todo lo que necesita para comenzar a tomar reservas desde su oficina principal y en línea. PitchCamp te permite pasar la tarifa a tu cliente para que no tengas que pagar nada.",
|
|
1479
|
+
"premium": "El plan premium le permite tomar el control total de su campamento desbloqueando toda la funcionalidad que PitchCamp tiene para ofrecer.",
|
|
1480
|
+
"standard": "Lleve su campamento al siguiente nivel accediendo a funciones clave como POS, complementos de reservas, correos electrónicos automatizados y muchos más."
|
|
1481
|
+
},
|
|
1482
|
+
"yearly_plans": "Planes anuales"
|
|
1483
|
+
},
|
|
1434
1484
|
"pos": {
|
|
1435
1485
|
"msg": {
|
|
1436
1486
|
"out_of_stock": "Este producto no se puede agregar porque está agotado."
|
|
@@ -1970,7 +2020,8 @@
|
|
|
1970
2020
|
"step_6": "revisión de la reserva"
|
|
1971
2021
|
},
|
|
1972
2022
|
"title": {
|
|
1973
|
-
"new_reservation": "Nueva reserva"
|
|
2023
|
+
"new_reservation": "Nueva reserva",
|
|
2024
|
+
"reservation_productservices_addons": "Servicios de productos / Complementos de reserva"
|
|
1974
2025
|
},
|
|
1975
2026
|
"tooltip": {
|
|
1976
2027
|
"add_new_reservation": "Agregar nueva reserva",
|
|
@@ -368,6 +368,7 @@
|
|
|
368
368
|
"last_500": "Afficher les 500 derniers",
|
|
369
369
|
"layout": "Mise en page",
|
|
370
370
|
"left": "gauche",
|
|
371
|
+
"less_information": "Moins d’informations",
|
|
371
372
|
"line_item": "Ligne du Produit",
|
|
372
373
|
"line_price": "Prix de la ligne",
|
|
373
374
|
"line_price_sub_total": "Prix de la ligne Sous-total",
|
|
@@ -383,6 +384,7 @@
|
|
|
383
384
|
"model": "Modèle",
|
|
384
385
|
"month": "Mois",
|
|
385
386
|
"monthly": "Mensuelle",
|
|
387
|
+
"monthly_abbreviation": "mo",
|
|
386
388
|
"monthly_price": "Prix mensuel",
|
|
387
389
|
"months": {
|
|
388
390
|
"april": "avril",
|
|
@@ -398,6 +400,7 @@
|
|
|
398
400
|
"october": "octobre",
|
|
399
401
|
"september": "septembre"
|
|
400
402
|
},
|
|
403
|
+
"more_information": "Plus d'informations",
|
|
401
404
|
"more_settings": "Plus de réglages",
|
|
402
405
|
"move_down": "Déplacez-le vers le bas",
|
|
403
406
|
"move_up": "Déplacer vers le haut",
|
|
@@ -518,6 +521,8 @@
|
|
|
518
521
|
},
|
|
519
522
|
"show_all": "Afficher tout",
|
|
520
523
|
"show_audit_logs": "Afficher les journaux d'audit",
|
|
524
|
+
"show_less": "Afficher Moins",
|
|
525
|
+
"show_more": "Afficher Plus",
|
|
521
526
|
"show_reports": "Afficher le rapport",
|
|
522
527
|
"site_details": "Informations sur le site",
|
|
523
528
|
"small": "petit",
|
|
@@ -582,6 +587,7 @@
|
|
|
582
587
|
"third": "Troisième"
|
|
583
588
|
},
|
|
584
589
|
"yearly": "Annuelle",
|
|
590
|
+
"yearly_abbreviation": "an",
|
|
585
591
|
"yes": "Oui"
|
|
586
592
|
},
|
|
587
593
|
"msg": {
|
|
@@ -1431,6 +1437,50 @@
|
|
|
1431
1437
|
"payment_card_intent_title": "Entrez les informations de la carte",
|
|
1432
1438
|
"section_title": "Carte de paiement Stripe En ligne"
|
|
1433
1439
|
},
|
|
1440
|
+
"platform_plan_feature": {
|
|
1441
|
+
"feature_names": {
|
|
1442
|
+
"campgrounda_settings_menu": "Réservations en ligne",
|
|
1443
|
+
"client_menu": "Gestion des clients",
|
|
1444
|
+
"date_brownout_menu": "Gestion des blocage de dates",
|
|
1445
|
+
"email_menu": "Gestion automatisée des courriels / modèles d’e-mails",
|
|
1446
|
+
"gate_access_control_menu": "",
|
|
1447
|
+
"gate_access_grid_menu": "Gestion des accès aux portes",
|
|
1448
|
+
"gate_access_guard_post_menu": "",
|
|
1449
|
+
"import_waivers": "Importer et télécharger des renonciations",
|
|
1450
|
+
"kiosk_menu": "Kiosque",
|
|
1451
|
+
"lot_driving_direction": "Directions du lot",
|
|
1452
|
+
"lot_images": "Télécharger les images du lot",
|
|
1453
|
+
"lot_menu": "Gestion des lots",
|
|
1454
|
+
"lot_popup_notification": "Notifications d'entretien des lots",
|
|
1455
|
+
"lot_type_customization": "Types de lots personnalisés",
|
|
1456
|
+
"map_editor_menu": "Éditeur de carte",
|
|
1457
|
+
"occupants_vehicles_pricing_menu": "Gestion des occupants et des véhicules",
|
|
1458
|
+
"pos_menu": "POS",
|
|
1459
|
+
"product_inventory_menu": "Inventaire de produits",
|
|
1460
|
+
"rates_menu": "Gestion des tarifs",
|
|
1461
|
+
"receipt_disclaimer_menu": "Avis de non-responsabilité de réservation sur facture",
|
|
1462
|
+
"report_menu": "Rapports financiers",
|
|
1463
|
+
"report_seasonal_revenue_menu": "Rapport saisonnier",
|
|
1464
|
+
"reservation_addons": "Vente supplémentaire sur les réservation",
|
|
1465
|
+
"reservation_fees_menu": "Créer des frais personnalisés",
|
|
1466
|
+
"reservation_menu": "Réservations",
|
|
1467
|
+
"reservation_tags": "Ajouter des balises personnalisées sur les réservations",
|
|
1468
|
+
"send_manual_email": "Envoyer des courriels manuels et en masse",
|
|
1469
|
+
"send_manual_waivers": "Envoyer des renonciations",
|
|
1470
|
+
"taxes_menu": "Gestion des taxes",
|
|
1471
|
+
"till_management": "Rapprochement de caisse",
|
|
1472
|
+
"user_account_menu": "Plusieurs utilisateurs",
|
|
1473
|
+
"waiver_menu": "Renonciations / Gestion des signatures numériques"
|
|
1474
|
+
},
|
|
1475
|
+
"monthly_plans": "Prix Mensuel",
|
|
1476
|
+
"no_access": "Votre forfait actuel n'inclut pas cette fonctionnalité.",
|
|
1477
|
+
"plan_type_descriptions": {
|
|
1478
|
+
"free": "Tout ce dont vous avez besoin pour commencer à prendre des réservations à partir de votre réception et en ligne. PitchCamp vous permet de répercuter les frais afin que vous n’ayez rien à payer.",
|
|
1479
|
+
"premium": "Le plan premium vous permet de prendre le contrôle total de votre terrain de camping en débloquant toutes les fonctionnalités que PitchCamp a à offrir.",
|
|
1480
|
+
"standard": "Apporter votre camping au niveau supérieur en déverrouillant des fonctions clés telles que la caisse, les modules complémentaires de réservation, les courriels automatisés et bien d'autres."
|
|
1481
|
+
},
|
|
1482
|
+
"yearly_plans": "Prix Annuels"
|
|
1483
|
+
},
|
|
1434
1484
|
"pos": {
|
|
1435
1485
|
"msg": {
|
|
1436
1486
|
"out_of_stock": "Ce produit ne peut pas être ajouté car il est en rupture de stock."
|
|
@@ -1970,7 +2020,8 @@
|
|
|
1970
2020
|
"step_6": "Vérification"
|
|
1971
2021
|
},
|
|
1972
2022
|
"title": {
|
|
1973
|
-
"new_reservation": "Nouvelle réservation"
|
|
2023
|
+
"new_reservation": "Nouvelle réservation",
|
|
2024
|
+
"reservation_productservices_addons": "Services produits / Modules complémentaires de réservation"
|
|
1974
2025
|
},
|
|
1975
2026
|
"tooltip": {
|
|
1976
2027
|
"add_new_reservation": "Ajouter une nouvelle réservation",
|
package/dist/styles/tailwind.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.static{position:static}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.m-auto{margin:auto}.m-12{margin:1.2rem}.mx-6{margin-left:.6rem;margin-right:.6rem}.my-auto{margin-top:auto;margin-bottom:auto}.my-4{margin-top:.4rem;margin-bottom:.4rem}.mx-2{margin-left:.2rem;margin-right:.2rem}.my-12{margin-top:1.2rem;margin-bottom:1.2rem}.my-6{margin-top:.6rem;margin-bottom:.6rem}.mx-8{margin-left:.8rem;margin-right:.8rem}.ml-0{margin-left:0}.mr-0{margin-right:0}.ml-4{margin-left:.4rem}.mt-12{margin-top:1.2rem}.mt-6{margin-top:.6rem}.mb-2{margin-bottom:.2rem}.ml-6{margin-left:.6rem}.mb-6{margin-bottom:.6rem}.ml-12{margin-left:1.2rem}.mb-24{margin-bottom:2.4rem}.mr-12{margin-right:1.2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-2\/5{width:40%}.grow{flex-grow:1}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overscroll-none{overscroll-behavior:none}.rounded{border-radius:.4rem}.rounded-md{border-radius:.6rem}.border{border-width:1px}.border-2{border-width:2px}.border-transparent{border-color:#0000}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(67 160 71/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(34 41 47/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(238 238 238/var(--tw-bg-opacity))}.bg-yellow-100\/50{background-color:#fff9c480}.p-6{padding:.6rem}.px-4{padding-left:.4rem;padding-right:.4rem}.py-2{padding-top:.2rem;padding-bottom:.2rem}.px-2{padding-left:.2rem;padding-right:.2rem}.pt-12{padding-top:1.2rem}.pt-4{padding-top:.4rem}.pl-0{padding-left:0}.pr-0{padding-right:0}.pb-4{padding-bottom:.4rem}.text-center{text-align:center}.font-sans{font-family:Muli,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-sm{font-size:1.4rem;line-height:2rem}.text-xl{font-size:2rem;line-height:2.8rem}.text-2xl{line-height:3.2rem}.text-24,.text-2xl{font-size:2.4rem}.font-medium{font-weight:500}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(158 158 158/var(--tw-text-opacity))}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.drop-shadow-none{--tw-drop-shadow:drop-shadow(0 0 #0000)}.drop-shadow-none,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(56 142 60/var(--tw-bg-opacity))}.hover\:bg-gray-100\/75:hover{background-color:#f5f5f5bf}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(76 175 80/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}@media (min-width:960px){.md\:pt-0{padding-top:0}}
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2196f380;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.static{position:static}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.m-auto{margin:auto}.m-0{margin:0}.m-4{margin:.4rem}.m-12{margin:1.2rem}.mx-6{margin-left:.6rem;margin-right:.6rem}.my-auto{margin-top:auto;margin-bottom:auto}.my-4{margin-top:.4rem;margin-bottom:.4rem}.mx-4{margin-left:.4rem;margin-right:.4rem}.my-12{margin-top:1.2rem;margin-bottom:1.2rem}.my-8{margin-top:.8rem;margin-bottom:.8rem}.mx-auto{margin-left:auto;margin-right:auto}.mx-2{margin-left:.2rem;margin-right:.2rem}.my-6{margin-top:.6rem;margin-bottom:.6rem}.mx-8{margin-left:.8rem;margin-right:.8rem}.ml-0{margin-left:0}.mr-0{margin-right:0}.ml-4{margin-left:.4rem}.mt-12{margin-top:1.2rem}.ml-1{margin-left:.1rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.mb-12{margin-bottom:1.2rem}.mt-0{margin-top:0}.mt-auto{margin-top:auto}.mt-6{margin-top:.6rem}.mb-2{margin-bottom:.2rem}.ml-6{margin-left:.6rem}.mb-6{margin-bottom:.6rem}.ml-12{margin-left:1.2rem}.mb-24{margin-bottom:2.4rem}.mr-12{margin-right:1.2rem}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-2\/5{width:40%}.max-w-full{max-width:100%}.max-w-min{max-width:-webkit-min-content;max-width:-moz-min-content;max-width:min-content}.max-w-max{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-10>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overscroll-none{overscroll-behavior:none}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.rounded{border-radius:.4rem}.rounded-md{border-radius:.6rem}.rounded-lg{border-radius:.8rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-t-8{border-top-width:8px}.border-transparent{border-color:#0000}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(67 160 71/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(34 41 47/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(238 238 238/var(--tw-bg-opacity))}.bg-yellow-100\/50{background-color:#fff9c480}.p-6{padding:.6rem}.p-4{padding:.4rem}.p-24{padding:2.4rem}.px-4{padding-left:.4rem;padding-right:.4rem}.py-2{padding-top:.2rem;padding-bottom:.2rem}.px-2{padding-left:.2rem;padding-right:.2rem}.pt-12{padding-top:1.2rem}.pt-4{padding-top:.4rem}.pl-0{padding-left:0}.pr-0{padding-right:0}.pb-4{padding-bottom:.4rem}.text-center{text-align:center}.font-sans{font-family:Muli,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-serif{font-family:Georgia,Cambria,Times New Roman,Times,serif}.text-sm{font-size:1.4rem;line-height:2rem}.text-12{font-size:1.2rem}.text-base{font-size:1.6rem;line-height:2.4rem}.text-xl{font-size:2rem;line-height:2.8rem}.text-xs{font-size:1.2rem;line-height:1.6rem}.text-3xl{font-size:3rem;line-height:3.6rem}.text-11{font-size:1.1rem}.text-2xl{line-height:3.2rem}.text-24,.text-2xl{font-size:2.4rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-200{font-weight:200}.font-300{font-weight:300}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.font-900{font-weight:900}.leading-tight{line-height:1.25}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(117 117 117/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(67 160 71/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(251 140 0/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(158 158 158/var(--tw-text-opacity))}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.no-underline{-webkit-text-decoration-line:none;text-decoration-line:none}.decoration-gray-500{-webkit-text-decoration-color:#9e9e9e;text-decoration-color:#9e9e9e}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px 0 var(--tw-shadow-color)}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-1{--tw-shadow:0px 2px 1px -1px #0003,0px 1px 1px 0px #00000024,0px 1px 3px 0px #0000001f;--tw-shadow-colored:0px 2px 1px -1px var(--tw-shadow-color),0px 1px 1px 0px var(--tw-shadow-color),0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.drop-shadow,.drop-shadow-none{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-none{--tw-drop-shadow:drop-shadow(0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\:list-disc:hover{list-style-type:disc}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(56 142 60/var(--tw-bg-opacity))}.hover\:bg-gray-100\/75:hover{background-color:#f5f5f5bf}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(97 97 97/var(--tw-text-opacity))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(76 175 80/var(--tw-ring-opacity))}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}@media (prefers-color-scheme:dark){.dark\:text-green-500{--tw-text-opacity:1;color:rgb(76 175 80/var(--tw-text-opacity))}.dark\:text-gray-500{--tw-text-opacity:1;color:rgb(158 158 158/var(--tw-text-opacity))}.dark\:text-orange-500{--tw-text-opacity:1;color:rgb(255 152 0/var(--tw-text-opacity))}}@media (min-width:600px){.sm\:p-8{padding:.8rem}}@media (min-width:960px){.md\:mx-auto{margin-left:auto;margin-right:auto}.md\:min-h-128{min-height:12.8rem}.md\:max-w-max{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.md\:max-w-192{max-width:19.2rem}.md\:flex-col{flex-direction:column}.md\:justify-start{justify-content:flex-start}.md\:pt-0{padding-top:0}}
|