@secondstaxorg/sscomp 1.1.7 → 1.1.9
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/index.es.js +512 -512
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +552 -552
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +471 -471
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2,6 +2,440 @@
|
|
|
2
2
|
|
|
3
3
|
var styled = require('styled-components');
|
|
4
4
|
|
|
5
|
+
const theme = {
|
|
6
|
+
colors: {
|
|
7
|
+
'white':'#FFFFFF',
|
|
8
|
+
'black':'#000000',
|
|
9
|
+
'black-100':'#09101D',
|
|
10
|
+
|
|
11
|
+
//neutral
|
|
12
|
+
'neutral-50':'#F7F9FC',
|
|
13
|
+
'neutral-100':'#E8EEF7',
|
|
14
|
+
'neutral-200':'#D2DDEE',
|
|
15
|
+
'neutral-300':'#BBCCE6',
|
|
16
|
+
'neutral-400':'#A4BBDD',
|
|
17
|
+
'neutral-500':'#365B91',
|
|
18
|
+
'neutral-600':'#29446D',
|
|
19
|
+
'neutral-700':'#1B2D49',
|
|
20
|
+
'neutral-800':'#0E1724',
|
|
21
|
+
'neutral-900':'#070B12',
|
|
22
|
+
|
|
23
|
+
//primary
|
|
24
|
+
'primary-50':'#F5F5FE',
|
|
25
|
+
'primary-100':'#E2E2FD',
|
|
26
|
+
'primary-200':'#C6C6FB',
|
|
27
|
+
'primary-300':'#A9A9F9',
|
|
28
|
+
'primary-400':'#8C8CF7',
|
|
29
|
+
'primary-500':'#4040F2',
|
|
30
|
+
'primary-600':'#0F0FD7',
|
|
31
|
+
'primary-700':'#0A0A8F',
|
|
32
|
+
'primary-800':'#050548',
|
|
33
|
+
'primary-900':'#020224',
|
|
34
|
+
|
|
35
|
+
//success
|
|
36
|
+
'success-50':'#F0FFF7',
|
|
37
|
+
'success-100':'#D1FEE8',
|
|
38
|
+
'success-200':'#A3FCD1',
|
|
39
|
+
'success-300':'#74FBBA',
|
|
40
|
+
'success-400':'#46F9A3',
|
|
41
|
+
'success-500':'#06BA63',
|
|
42
|
+
'success-600':'#058B4A',
|
|
43
|
+
'success-700':'#035D32',
|
|
44
|
+
'success-800':'#022F19',
|
|
45
|
+
'success-900':'#01170C',
|
|
46
|
+
|
|
47
|
+
//warning
|
|
48
|
+
'warning-50':'#FFFAF2',
|
|
49
|
+
'warning-100':'#FFEFD8',
|
|
50
|
+
'warning-200':'#FFE0B0',
|
|
51
|
+
'warning-300':'#FFD089',
|
|
52
|
+
'warning-400':'#FFC062',
|
|
53
|
+
'warning-500':'#F89500',
|
|
54
|
+
'warning-600':'#BA7000',
|
|
55
|
+
'warning-700':'#7C4A00',
|
|
56
|
+
'warning-800':'#3E2500',
|
|
57
|
+
'warning-900':'#1F1300',
|
|
58
|
+
|
|
59
|
+
//error
|
|
60
|
+
'error-50':'#FFF2F2',
|
|
61
|
+
'error-100':'#FFD8D8',
|
|
62
|
+
'error-200':'#FFB0B0',
|
|
63
|
+
'error-300':'#FF8989',
|
|
64
|
+
'error-400':'#FF6262',
|
|
65
|
+
'error-500':'#F80000',
|
|
66
|
+
'error-600':'#BA0000',
|
|
67
|
+
'error-700':'#7C0000',
|
|
68
|
+
'error-800':'#3E0000',
|
|
69
|
+
'error-900':'#1F0000',
|
|
70
|
+
},
|
|
71
|
+
};
|
|
72
|
+
|
|
73
|
+
const ButtonComp = styled.button`
|
|
74
|
+
background: none;
|
|
75
|
+
color:${theme.colors["neutral-900"]};
|
|
76
|
+
border-radius: 8px;
|
|
77
|
+
border: none;
|
|
78
|
+
width: 100%;
|
|
79
|
+
cursor: pointer;
|
|
80
|
+
display: flex;
|
|
81
|
+
justify-content: center;
|
|
82
|
+
align-items: center;
|
|
83
|
+
gap: 10px;
|
|
84
|
+
text-transform: capitalize;
|
|
85
|
+
&:disabled{
|
|
86
|
+
cursor: not-allowed;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
//sizes
|
|
90
|
+
&.sm{
|
|
91
|
+
padding: 8px 16px;
|
|
92
|
+
font-size: 14px;
|
|
93
|
+
height: 33px;
|
|
94
|
+
line-height: 17px;
|
|
95
|
+
font-family: 'Circular Book Medium', sans-serif;
|
|
96
|
+
font-weight: 500;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
&.md{
|
|
100
|
+
padding: 12px 18px;
|
|
101
|
+
font-size: 16px;
|
|
102
|
+
height: 43px;
|
|
103
|
+
line-height: 19px;
|
|
104
|
+
font-family: 'Circular Book Medium', sans-serif;
|
|
105
|
+
font-weight: 500;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
&.lg{
|
|
109
|
+
padding: 14px 20px;
|
|
110
|
+
font-size: 18px;
|
|
111
|
+
height: 50px;
|
|
112
|
+
line-height: 21.6px;
|
|
113
|
+
font-family: 'Circular Book Medium', sans-serif;
|
|
114
|
+
font-weight: 500;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
//colors
|
|
118
|
+
&.primary{
|
|
119
|
+
background: ${theme.colors["primary-500"]};
|
|
120
|
+
color: ${theme.colors.white};
|
|
121
|
+
}
|
|
122
|
+
&.primary:hover{
|
|
123
|
+
background: ${theme.colors["primary-400"]};
|
|
124
|
+
}
|
|
125
|
+
&.primary:active{
|
|
126
|
+
background: ${theme.colors["primary-600"]};
|
|
127
|
+
}
|
|
128
|
+
&.primary:focus,.primary:focus-within{
|
|
129
|
+
outline: 2px solid ${theme.colors["primary-200"]};
|
|
130
|
+
}
|
|
131
|
+
&.primary:disabled{
|
|
132
|
+
background: ${theme.colors["neutral-100"]};
|
|
133
|
+
cursor: not-allowed;
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
&.error{
|
|
137
|
+
background: ${theme.colors["error-500"]};
|
|
138
|
+
color: ${theme.colors.white};
|
|
139
|
+
}
|
|
140
|
+
&.error:hover{
|
|
141
|
+
background: ${theme.colors["error-400"]};
|
|
142
|
+
}
|
|
143
|
+
&.error:active{
|
|
144
|
+
background: ${theme.colors["error-600"]};
|
|
145
|
+
}
|
|
146
|
+
&.error:focus,.error:focus-within{
|
|
147
|
+
outline: 2px solid ${theme.colors["error-200"]};
|
|
148
|
+
}
|
|
149
|
+
&.error:disabled{
|
|
150
|
+
background: ${theme.colors["error-100"]};
|
|
151
|
+
cursor: not-allowed;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
&.success{
|
|
155
|
+
background: ${theme.colors["success-500"]};
|
|
156
|
+
color: ${theme.colors.white};
|
|
157
|
+
}
|
|
158
|
+
&.success:hover{
|
|
159
|
+
background: ${theme.colors["success-400"]};
|
|
160
|
+
}
|
|
161
|
+
&.success:active{
|
|
162
|
+
background: ${theme.colors["success-600"]};
|
|
163
|
+
}
|
|
164
|
+
&.success:focus,.success:focus-within{
|
|
165
|
+
outline: 2px solid ${theme.colors["success-200"]};
|
|
166
|
+
}
|
|
167
|
+
&.success:disabled{
|
|
168
|
+
background: ${theme.colors["success-100"]};
|
|
169
|
+
cursor: not-allowed;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
&.warning{
|
|
173
|
+
background: ${theme.colors["warning-500"]};
|
|
174
|
+
color: ${theme.colors.white};
|
|
175
|
+
}
|
|
176
|
+
&.warning:hover{
|
|
177
|
+
background: ${theme.colors["warning-400"]};
|
|
178
|
+
}
|
|
179
|
+
&.warning:active{
|
|
180
|
+
background: ${theme.colors["warning-600"]};
|
|
181
|
+
}
|
|
182
|
+
&.warning:focus,.warning:focus-within{
|
|
183
|
+
outline: 2px solid ${theme.colors["warning-200"]};
|
|
184
|
+
}
|
|
185
|
+
&.warning:disabled{
|
|
186
|
+
background: ${theme.colors["warning-100"]};
|
|
187
|
+
cursor: not-allowed;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
//outline colors
|
|
191
|
+
&.outline-primary{
|
|
192
|
+
outline: 1px solid ${theme.colors["primary-500"]};
|
|
193
|
+
color: ${theme.colors["primary-500"]};
|
|
194
|
+
background: none;
|
|
195
|
+
}
|
|
196
|
+
`;
|
|
197
|
+
|
|
198
|
+
const _jsxFileName$Z = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\Button\\Button.tsx";
|
|
199
|
+
|
|
200
|
+
const Button$1 = (props) => {
|
|
201
|
+
const {variant, size, disabled,children} = props;
|
|
202
|
+
return React.createElement(ButtonComp, { className: `${variant} ${size}`, disabled: disabled, ...props, __self: undefined, __source: {fileName: _jsxFileName$Z, lineNumber: 6}}, children)
|
|
203
|
+
};
|
|
204
|
+
|
|
205
|
+
const Container$b = styled.div`
|
|
206
|
+
display: flex;
|
|
207
|
+
flex-direction: column;
|
|
208
|
+
justify-content: center;
|
|
209
|
+
align-items: center;
|
|
210
|
+
gap: 8px;
|
|
211
|
+
width: 308px;
|
|
212
|
+
.mb8{
|
|
213
|
+
margin-bottom: 8px;
|
|
214
|
+
}
|
|
215
|
+
svg{
|
|
216
|
+
animation:rtte 0.4s ease-out;
|
|
217
|
+
-webkit-animation:rtte 0.4s ease-out;
|
|
218
|
+
@keyframes rtte {
|
|
219
|
+
from{
|
|
220
|
+
-ms-transform: rotate(-45deg);
|
|
221
|
+
transform: rotate(-45deg);
|
|
222
|
+
-webkit-transform: rotate(-45deg);
|
|
223
|
+
}
|
|
224
|
+
to{
|
|
225
|
+
-ms-transform: rotate(0deg);
|
|
226
|
+
transform: rotate(0deg);
|
|
227
|
+
-webkit-transform: rotate(0deg);
|
|
228
|
+
}
|
|
229
|
+
}
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
.svg-checkmark{
|
|
233
|
+
animation:cm 0.3s ease-out;
|
|
234
|
+
}
|
|
235
|
+
@keyframes cm {
|
|
236
|
+
from{
|
|
237
|
+
-webkit-transform: scale(0.5);
|
|
238
|
+
-ms-transform: scale(0.5);
|
|
239
|
+
transform: scale(0.5);
|
|
240
|
+
}
|
|
241
|
+
to{
|
|
242
|
+
-webkit-transform: scale(1);
|
|
243
|
+
-ms-transform: scale(1);
|
|
244
|
+
transform: scale(1);
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
`;
|
|
248
|
+
|
|
249
|
+
const TextArea$5 = styled.div`
|
|
250
|
+
color: ${theme.colors["neutral-900"]};
|
|
251
|
+
text-align: center;
|
|
252
|
+
.heading-text{
|
|
253
|
+
font-size: 19px;
|
|
254
|
+
font-weight: 500;
|
|
255
|
+
margin: 0;
|
|
256
|
+
font-family: Circular Book Medium, sans-serif;
|
|
257
|
+
-webkit-animation:brr 0.6s ease-out;
|
|
258
|
+
animation:brr 0.6s ease-out;
|
|
259
|
+
}
|
|
260
|
+
.sub-text{
|
|
261
|
+
font-size: 16px;
|
|
262
|
+
margin: 0;
|
|
263
|
+
-webkit-animation:brr 0.6s ease-out;
|
|
264
|
+
animation:brr 0.6s ease-out;
|
|
265
|
+
}
|
|
266
|
+
@keyframes brr {
|
|
267
|
+
from{
|
|
268
|
+
-webkit-transform: translateY(10px);
|
|
269
|
+
-ms-transform: translateY(10px);
|
|
270
|
+
transform: translateY(10px);
|
|
271
|
+
opacity: 0;
|
|
272
|
+
}
|
|
273
|
+
to{
|
|
274
|
+
-webkit-transform: translateY(0);
|
|
275
|
+
-ms-transform: translateY(0);
|
|
276
|
+
transform: translateY(0);
|
|
277
|
+
opacity: 1;
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
`;
|
|
281
|
+
|
|
282
|
+
const _jsxFileName$Y = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionFailed\\ActionFailed.tsx";
|
|
283
|
+
|
|
284
|
+
const ActionFailed = (props) => {
|
|
285
|
+
const {subText,headingText} = props;
|
|
286
|
+
|
|
287
|
+
return (
|
|
288
|
+
React.createElement(Container$b, {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 8}}
|
|
289
|
+
, React.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 9}}
|
|
290
|
+
, React.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 10}}
|
|
291
|
+
, React.createElement('g', { clipPath: "url(#clip0_453_10020)", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 11}}
|
|
292
|
+
, React.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
293
|
+
d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" ,
|
|
294
|
+
fill: "#FFD8D8", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 12}})
|
|
295
|
+
, React.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
296
|
+
d: "M22.0992 24.9293L39.0697 41.8998C39.8504 42.6805 41.1181 42.6805 41.8987 41.8998C42.6794 41.1192 42.6794 39.8515 41.8987 39.0709L24.9282 22.1003C24.1475 21.3196 22.8798 21.3196 22.0992 22.1003C21.3185 22.8809 21.3185 24.1486 22.0992 24.9293Z" ,
|
|
297
|
+
fill: "#F80000", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 15}})
|
|
298
|
+
, React.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
299
|
+
d: "M39.069 22.1006L22.0984 39.0712C21.3178 39.8519 21.3178 41.1195 22.0985 41.9002C22.8791 42.6808 24.1468 42.6808 24.9274 41.9002L41.898 24.9296C42.6786 24.149 42.6786 22.8813 41.898 22.1006C41.1174 21.32 39.8497 21.32 39.069 22.1006Z" ,
|
|
300
|
+
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 18}})
|
|
301
|
+
, React.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
302
|
+
d: "M47.5567 47.5561C38.9713 56.1415 25.0299 56.1415 16.4445 47.5561C7.85911 38.9707 7.85912 25.0294 16.4445 16.444C25.0299 7.85855 38.9713 7.85853 47.5567 16.4439C54.3245 23.2118 55.7585 33.3076 51.8562 41.4848C51.3801 42.4819 51.8035 43.6758 52.7988 44.1518C53.795 44.627 54.9906 44.2035 55.4658 43.2074C60.0767 33.5443 58.3839 21.6132 50.3856 13.615C40.2389 3.46826 23.7622 3.46825 13.6155 13.6149C3.46882 23.7616 3.46883 40.2384 13.6155 50.3851C23.7622 60.5318 40.2389 60.5318 50.3856 50.3851C51.1663 49.6044 51.1663 48.3367 50.3856 47.5561C49.605 46.7754 48.3373 46.7754 47.5567 47.5561Z" ,
|
|
303
|
+
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 21}})
|
|
304
|
+
)
|
|
305
|
+
, React.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 25}}
|
|
306
|
+
, React.createElement('clipPath', { id: "clip0_453_10020", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 26}}
|
|
307
|
+
, React.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 27}})
|
|
308
|
+
)
|
|
309
|
+
)
|
|
310
|
+
)
|
|
311
|
+
)
|
|
312
|
+
, React.createElement(TextArea$5, {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 32}}
|
|
313
|
+
, headingText &&
|
|
314
|
+
React.createElement('h3', { className: "heading-text", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 34}}, headingText)
|
|
315
|
+
|
|
316
|
+
, subText &&
|
|
317
|
+
React.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 37}}, subText)
|
|
318
|
+
|
|
319
|
+
)
|
|
320
|
+
)
|
|
321
|
+
)
|
|
322
|
+
};
|
|
323
|
+
|
|
324
|
+
const Container$a = styled.div`
|
|
325
|
+
display: flex;
|
|
326
|
+
flex-direction: column;
|
|
327
|
+
justify-content: center;
|
|
328
|
+
align-items: center;
|
|
329
|
+
gap: 8px;
|
|
330
|
+
width: 308px;
|
|
331
|
+
.mb8{
|
|
332
|
+
margin-bottom: 8px;
|
|
333
|
+
}
|
|
334
|
+
svg{
|
|
335
|
+
animation:rtte 0.4s ease-out;
|
|
336
|
+
-webkit-animation:rtte 0.4s ease-out;
|
|
337
|
+
@keyframes rtte {
|
|
338
|
+
from{
|
|
339
|
+
-ms-transform: rotate(-45deg);
|
|
340
|
+
transform: rotate(-45deg);
|
|
341
|
+
-webkit-transform: rotate(-45deg);
|
|
342
|
+
}
|
|
343
|
+
to{
|
|
344
|
+
-ms-transform: rotate(0deg);
|
|
345
|
+
transform: rotate(0deg);
|
|
346
|
+
-webkit-transform: rotate(0deg);
|
|
347
|
+
}
|
|
348
|
+
}
|
|
349
|
+
}
|
|
350
|
+
|
|
351
|
+
.svg-checkmark{
|
|
352
|
+
-webkit-animation:cm 0.3s ease-out;
|
|
353
|
+
animation:cm 0.3s ease-out;
|
|
354
|
+
}
|
|
355
|
+
@keyframes cm {
|
|
356
|
+
from{
|
|
357
|
+
-webkit-transform: scale(0.5);
|
|
358
|
+
-ms-transform: scale(0.5);
|
|
359
|
+
transform: scale(0.5);
|
|
360
|
+
}
|
|
361
|
+
to{
|
|
362
|
+
-webkit-transform: scale(1);
|
|
363
|
+
-ms-transform: scale(1);
|
|
364
|
+
transform: scale(1);
|
|
365
|
+
}
|
|
366
|
+
}
|
|
367
|
+
`;
|
|
368
|
+
|
|
369
|
+
const TextArea$4 = styled.div`
|
|
370
|
+
color: ${theme.colors["neutral-900"]};
|
|
371
|
+
text-align: center;
|
|
372
|
+
.heading-text{
|
|
373
|
+
font-size: 19px;
|
|
374
|
+
font-weight: 500;
|
|
375
|
+
margin: 0;
|
|
376
|
+
font-family: Circular Book Medium, sans-serif;
|
|
377
|
+
-webkit-animation:brr 0.6s ease-out;
|
|
378
|
+
animation:brr 0.6s ease-out;
|
|
379
|
+
}
|
|
380
|
+
.sub-text{
|
|
381
|
+
font-size: 16px;
|
|
382
|
+
margin: 0;
|
|
383
|
+
-webkit-animation:brr 0.6s ease-out;
|
|
384
|
+
animation:brr 0.6s ease-out;
|
|
385
|
+
}
|
|
386
|
+
@keyframes brr {
|
|
387
|
+
from{
|
|
388
|
+
-webkit-transform: translateY(10px);
|
|
389
|
+
-ms-transform: translateY(10px);
|
|
390
|
+
transform: translateY(10px);
|
|
391
|
+
opacity: 0;
|
|
392
|
+
}
|
|
393
|
+
to{
|
|
394
|
+
-webkit-transform: translateY(0);
|
|
395
|
+
-ms-transform: translateY(0);
|
|
396
|
+
transform: translateY(0);
|
|
397
|
+
opacity: 1;
|
|
398
|
+
}
|
|
399
|
+
}
|
|
400
|
+
`;
|
|
401
|
+
|
|
402
|
+
const _jsxFileName$X = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\ActionSuccess\\ActionSuccess.tsx";
|
|
403
|
+
|
|
404
|
+
const ActionSuccess = (props) => {
|
|
405
|
+
const {subText,headingText} = props;
|
|
406
|
+
return (
|
|
407
|
+
React.createElement(Container$a, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 7}}
|
|
408
|
+
, React.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 8}}
|
|
409
|
+
, React.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "bug-report-svg-circle", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 9}}
|
|
410
|
+
, React.createElement('g', { clipPath: "url(#clip0_400_1996)", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 10}}
|
|
411
|
+
, React.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" , fill: "#D1FEE8", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 11}})
|
|
412
|
+
, React.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M47.5564 47.5561C38.971 56.1415 25.0297 56.1415 16.4443 47.5561C7.85886 38.9707 7.85888 25.0294 16.4443 16.444C25.0297 7.85854 38.971 7.85853 47.5564 16.4439C54.3243 23.2118 55.7583 33.3076 51.8559 41.4848C51.3799 42.4819 51.8033 43.6758 52.7986 44.1518C53.7948 44.627 54.9904 44.2035 55.4656 43.2074C60.0765 33.5443 58.3836 21.6132 50.3854 13.615C40.2387 3.46826 23.762 3.46825 13.6153 13.6149C3.46858 23.7616 3.46859 40.2384 13.6153 50.3851C23.762 60.5318 40.2387 60.5318 50.3854 50.3851C51.166 49.6044 51.166 48.3367 50.3854 47.5561C49.6048 46.7754 48.3371 46.7754 47.5564 47.5561Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 12}})
|
|
413
|
+
, React.createElement('g', { clipPath: "url(#clip1_400_1996)", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 13}}
|
|
414
|
+
, React.createElement('path', { d: "M38.7099 27.2099C38.617 27.1161 38.5064 27.0417 38.3845 26.991C38.2627 26.9402 38.132 26.9141 37.9999 26.9141C37.8679 26.9141 37.7372 26.9402 37.6154 26.991C37.4935 27.0417 37.3829 27.1161 37.29 27.2099L29.84 34.6699L26.7099 31.5299C26.6134 31.4366 26.4995 31.3633 26.3746 31.3141C26.2498 31.2649 26.1165 31.2408 25.9823 31.2431C25.8481 31.2454 25.7157 31.2741 25.5926 31.3276C25.4695 31.3811 25.3582 31.4583 25.2649 31.5549C25.1717 31.6514 25.0984 31.7653 25.0492 31.8902C25 32.015 24.9759 32.1484 24.9782 32.2825C24.9805 32.4167 25.0092 32.5491 25.0627 32.6722C25.1162 32.7953 25.1934 32.9066 25.2899 32.9999L29.13 36.8399C29.2229 36.9336 29.3335 37.008 29.4554 37.0588C29.5772 37.1095 29.7079 37.1357 29.84 37.1357C29.972 37.1357 30.1027 37.1095 30.2245 37.0588C30.3464 37.008 30.457 36.9336 30.55 36.8399L38.7099 28.6799C38.8115 28.5862 38.8925 28.4726 38.9479 28.3461C39.0033 28.2196 39.0319 28.083 39.0319 27.9449C39.0319 27.8068 39.0033 27.6702 38.9479 27.5437C38.8925 27.4172 38.8115 27.3035 38.7099 27.2099V27.2099Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 14}})
|
|
415
|
+
)
|
|
416
|
+
)
|
|
417
|
+
, React.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 17}}
|
|
418
|
+
, React.createElement('clipPath', { id: "clip0_400_1996", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 18}}
|
|
419
|
+
, React.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 19}})
|
|
420
|
+
)
|
|
421
|
+
, React.createElement('clipPath', { id: "clip1_400_1996", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 21}}
|
|
422
|
+
, React.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(20 20)" , __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 22}})
|
|
423
|
+
)
|
|
424
|
+
)
|
|
425
|
+
)
|
|
426
|
+
)
|
|
427
|
+
, React.createElement(TextArea$4, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 27}}
|
|
428
|
+
, headingText &&
|
|
429
|
+
React.createElement('h3', { className: "heading-text", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 29}}, headingText)
|
|
430
|
+
|
|
431
|
+
, subText &&
|
|
432
|
+
React.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 32}}, subText)
|
|
433
|
+
|
|
434
|
+
)
|
|
435
|
+
)
|
|
436
|
+
)
|
|
437
|
+
};
|
|
438
|
+
|
|
5
439
|
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
6
440
|
|
|
7
441
|
function getDefaultExportFromCjs (x) {
|
|
@@ -2695,557 +3129,124 @@ function requireReact_development () {
|
|
|
2695
3129
|
flushActQueue(queue);
|
|
2696
3130
|
enqueueTask(function () {
|
|
2697
3131
|
if (queue.length === 0) {
|
|
2698
|
-
// No additional work was scheduled. Finish.
|
|
2699
|
-
ReactCurrentActQueue.current = null;
|
|
2700
|
-
resolve(returnValue);
|
|
2701
|
-
} else {
|
|
2702
|
-
// Keep flushing work until there's none left.
|
|
2703
|
-
recursivelyFlushAsyncActWork(returnValue, resolve, reject);
|
|
2704
|
-
}
|
|
2705
|
-
});
|
|
2706
|
-
} catch (error) {
|
|
2707
|
-
reject(error);
|
|
2708
|
-
}
|
|
2709
|
-
} else {
|
|
2710
|
-
resolve(returnValue);
|
|
2711
|
-
}
|
|
2712
|
-
}
|
|
2713
|
-
}
|
|
2714
|
-
|
|
2715
|
-
var isFlushing = false;
|
|
2716
|
-
|
|
2717
|
-
function flushActQueue(queue) {
|
|
2718
|
-
{
|
|
2719
|
-
if (!isFlushing) {
|
|
2720
|
-
// Prevent re-entrance.
|
|
2721
|
-
isFlushing = true;
|
|
2722
|
-
var i = 0;
|
|
2723
|
-
|
|
2724
|
-
try {
|
|
2725
|
-
for (; i < queue.length; i++) {
|
|
2726
|
-
var callback = queue[i];
|
|
2727
|
-
|
|
2728
|
-
do {
|
|
2729
|
-
callback = callback(true);
|
|
2730
|
-
} while (callback !== null);
|
|
2731
|
-
}
|
|
2732
|
-
|
|
2733
|
-
queue.length = 0;
|
|
2734
|
-
} catch (error) {
|
|
2735
|
-
// If something throws, leave the remaining callbacks on the queue.
|
|
2736
|
-
queue = queue.slice(i + 1);
|
|
2737
|
-
throw error;
|
|
2738
|
-
} finally {
|
|
2739
|
-
isFlushing = false;
|
|
2740
|
-
}
|
|
2741
|
-
}
|
|
2742
|
-
}
|
|
2743
|
-
}
|
|
2744
|
-
|
|
2745
|
-
var createElement$1 = createElementWithValidation ;
|
|
2746
|
-
var cloneElement$1 = cloneElementWithValidation ;
|
|
2747
|
-
var createFactory = createFactoryWithValidation ;
|
|
2748
|
-
var Children = {
|
|
2749
|
-
map: mapChildren,
|
|
2750
|
-
forEach: forEachChildren,
|
|
2751
|
-
count: countChildren,
|
|
2752
|
-
toArray: toArray,
|
|
2753
|
-
only: onlyChild
|
|
2754
|
-
};
|
|
2755
|
-
|
|
2756
|
-
exports.Children = Children;
|
|
2757
|
-
exports.Component = Component;
|
|
2758
|
-
exports.Fragment = REACT_FRAGMENT_TYPE;
|
|
2759
|
-
exports.Profiler = REACT_PROFILER_TYPE;
|
|
2760
|
-
exports.PureComponent = PureComponent;
|
|
2761
|
-
exports.StrictMode = REACT_STRICT_MODE_TYPE;
|
|
2762
|
-
exports.Suspense = REACT_SUSPENSE_TYPE;
|
|
2763
|
-
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
|
|
2764
|
-
exports.cloneElement = cloneElement$1;
|
|
2765
|
-
exports.createContext = createContext;
|
|
2766
|
-
exports.createElement = createElement$1;
|
|
2767
|
-
exports.createFactory = createFactory;
|
|
2768
|
-
exports.createRef = createRef;
|
|
2769
|
-
exports.forwardRef = forwardRef;
|
|
2770
|
-
exports.isValidElement = isValidElement;
|
|
2771
|
-
exports.lazy = lazy;
|
|
2772
|
-
exports.memo = memo;
|
|
2773
|
-
exports.startTransition = startTransition;
|
|
2774
|
-
exports.unstable_act = act;
|
|
2775
|
-
exports.useCallback = useCallback;
|
|
2776
|
-
exports.useContext = useContext;
|
|
2777
|
-
exports.useDebugValue = useDebugValue;
|
|
2778
|
-
exports.useDeferredValue = useDeferredValue;
|
|
2779
|
-
exports.useEffect = useEffect;
|
|
2780
|
-
exports.useId = useId;
|
|
2781
|
-
exports.useImperativeHandle = useImperativeHandle;
|
|
2782
|
-
exports.useInsertionEffect = useInsertionEffect;
|
|
2783
|
-
exports.useLayoutEffect = useLayoutEffect;
|
|
2784
|
-
exports.useMemo = useMemo;
|
|
2785
|
-
exports.useReducer = useReducer;
|
|
2786
|
-
exports.useRef = useRef;
|
|
2787
|
-
exports.useState = useState;
|
|
2788
|
-
exports.useSyncExternalStore = useSyncExternalStore;
|
|
2789
|
-
exports.useTransition = useTransition;
|
|
2790
|
-
exports.version = ReactVersion;
|
|
2791
|
-
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
|
|
2792
|
-
if (
|
|
2793
|
-
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
|
|
2794
|
-
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
|
|
2795
|
-
'function'
|
|
2796
|
-
) {
|
|
2797
|
-
__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
|
|
2798
|
-
}
|
|
2799
|
-
|
|
2800
|
-
})();
|
|
3132
|
+
// No additional work was scheduled. Finish.
|
|
3133
|
+
ReactCurrentActQueue.current = null;
|
|
3134
|
+
resolve(returnValue);
|
|
3135
|
+
} else {
|
|
3136
|
+
// Keep flushing work until there's none left.
|
|
3137
|
+
recursivelyFlushAsyncActWork(returnValue, resolve, reject);
|
|
3138
|
+
}
|
|
3139
|
+
});
|
|
3140
|
+
} catch (error) {
|
|
3141
|
+
reject(error);
|
|
3142
|
+
}
|
|
3143
|
+
} else {
|
|
3144
|
+
resolve(returnValue);
|
|
3145
|
+
}
|
|
3146
|
+
}
|
|
2801
3147
|
}
|
|
2802
|
-
} (react_development, react_developmentExports));
|
|
2803
|
-
return react_developmentExports;
|
|
2804
|
-
}
|
|
2805
3148
|
|
|
2806
|
-
|
|
3149
|
+
var isFlushing = false;
|
|
2807
3150
|
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
3151
|
+
function flushActQueue(queue) {
|
|
3152
|
+
{
|
|
3153
|
+
if (!isFlushing) {
|
|
3154
|
+
// Prevent re-entrance.
|
|
3155
|
+
isFlushing = true;
|
|
3156
|
+
var i = 0;
|
|
2814
3157
|
|
|
2815
|
-
|
|
3158
|
+
try {
|
|
3159
|
+
for (; i < queue.length; i++) {
|
|
3160
|
+
var callback = queue[i];
|
|
2816
3161
|
|
|
2817
|
-
|
|
2818
|
-
|
|
2819
|
-
|
|
2820
|
-
|
|
2821
|
-
'black-100':'#09101D',
|
|
2822
|
-
|
|
2823
|
-
//neutral
|
|
2824
|
-
'neutral-50':'#F7F9FC',
|
|
2825
|
-
'neutral-100':'#E8EEF7',
|
|
2826
|
-
'neutral-200':'#D2DDEE',
|
|
2827
|
-
'neutral-300':'#BBCCE6',
|
|
2828
|
-
'neutral-400':'#A4BBDD',
|
|
2829
|
-
'neutral-500':'#365B91',
|
|
2830
|
-
'neutral-600':'#29446D',
|
|
2831
|
-
'neutral-700':'#1B2D49',
|
|
2832
|
-
'neutral-800':'#0E1724',
|
|
2833
|
-
'neutral-900':'#070B12',
|
|
2834
|
-
|
|
2835
|
-
//primary
|
|
2836
|
-
'primary-50':'#F5F5FE',
|
|
2837
|
-
'primary-100':'#E2E2FD',
|
|
2838
|
-
'primary-200':'#C6C6FB',
|
|
2839
|
-
'primary-300':'#A9A9F9',
|
|
2840
|
-
'primary-400':'#8C8CF7',
|
|
2841
|
-
'primary-500':'#4040F2',
|
|
2842
|
-
'primary-600':'#0F0FD7',
|
|
2843
|
-
'primary-700':'#0A0A8F',
|
|
2844
|
-
'primary-800':'#050548',
|
|
2845
|
-
'primary-900':'#020224',
|
|
2846
|
-
|
|
2847
|
-
//success
|
|
2848
|
-
'success-50':'#F0FFF7',
|
|
2849
|
-
'success-100':'#D1FEE8',
|
|
2850
|
-
'success-200':'#A3FCD1',
|
|
2851
|
-
'success-300':'#74FBBA',
|
|
2852
|
-
'success-400':'#46F9A3',
|
|
2853
|
-
'success-500':'#06BA63',
|
|
2854
|
-
'success-600':'#058B4A',
|
|
2855
|
-
'success-700':'#035D32',
|
|
2856
|
-
'success-800':'#022F19',
|
|
2857
|
-
'success-900':'#01170C',
|
|
2858
|
-
|
|
2859
|
-
//warning
|
|
2860
|
-
'warning-50':'#FFFAF2',
|
|
2861
|
-
'warning-100':'#FFEFD8',
|
|
2862
|
-
'warning-200':'#FFE0B0',
|
|
2863
|
-
'warning-300':'#FFD089',
|
|
2864
|
-
'warning-400':'#FFC062',
|
|
2865
|
-
'warning-500':'#F89500',
|
|
2866
|
-
'warning-600':'#BA7000',
|
|
2867
|
-
'warning-700':'#7C4A00',
|
|
2868
|
-
'warning-800':'#3E2500',
|
|
2869
|
-
'warning-900':'#1F1300',
|
|
2870
|
-
|
|
2871
|
-
//error
|
|
2872
|
-
'error-50':'#FFF2F2',
|
|
2873
|
-
'error-100':'#FFD8D8',
|
|
2874
|
-
'error-200':'#FFB0B0',
|
|
2875
|
-
'error-300':'#FF8989',
|
|
2876
|
-
'error-400':'#FF6262',
|
|
2877
|
-
'error-500':'#F80000',
|
|
2878
|
-
'error-600':'#BA0000',
|
|
2879
|
-
'error-700':'#7C0000',
|
|
2880
|
-
'error-800':'#3E0000',
|
|
2881
|
-
'error-900':'#1F0000',
|
|
2882
|
-
},
|
|
2883
|
-
};
|
|
3162
|
+
do {
|
|
3163
|
+
callback = callback(true);
|
|
3164
|
+
} while (callback !== null);
|
|
3165
|
+
}
|
|
2884
3166
|
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
2891
|
-
|
|
2892
|
-
|
|
2893
|
-
|
|
2894
|
-
|
|
2895
|
-
|
|
2896
|
-
text-transform: capitalize;
|
|
2897
|
-
&:disabled{
|
|
2898
|
-
cursor: not-allowed;
|
|
2899
|
-
}
|
|
2900
|
-
|
|
2901
|
-
//sizes
|
|
2902
|
-
&.sm{
|
|
2903
|
-
padding: 8px 16px;
|
|
2904
|
-
font-size: 14px;
|
|
2905
|
-
height: 33px;
|
|
2906
|
-
line-height: 17px;
|
|
2907
|
-
font-family: 'Circular Book Medium', sans-serif;
|
|
2908
|
-
font-weight: 500;
|
|
2909
|
-
}
|
|
2910
|
-
|
|
2911
|
-
&.md{
|
|
2912
|
-
padding: 12px 18px;
|
|
2913
|
-
font-size: 16px;
|
|
2914
|
-
height: 43px;
|
|
2915
|
-
line-height: 19px;
|
|
2916
|
-
font-family: 'Circular Book Medium', sans-serif;
|
|
2917
|
-
font-weight: 500;
|
|
2918
|
-
}
|
|
2919
|
-
|
|
2920
|
-
&.lg{
|
|
2921
|
-
padding: 14px 20px;
|
|
2922
|
-
font-size: 18px;
|
|
2923
|
-
height: 50px;
|
|
2924
|
-
line-height: 21.6px;
|
|
2925
|
-
font-family: 'Circular Book Medium', sans-serif;
|
|
2926
|
-
font-weight: 500;
|
|
2927
|
-
}
|
|
2928
|
-
|
|
2929
|
-
//colors
|
|
2930
|
-
&.primary{
|
|
2931
|
-
background: ${theme.colors["primary-500"]};
|
|
2932
|
-
color: ${theme.colors.white};
|
|
2933
|
-
}
|
|
2934
|
-
&.primary:hover{
|
|
2935
|
-
background: ${theme.colors["primary-400"]};
|
|
2936
|
-
}
|
|
2937
|
-
&.primary:active{
|
|
2938
|
-
background: ${theme.colors["primary-600"]};
|
|
2939
|
-
}
|
|
2940
|
-
&.primary:focus,.primary:focus-within{
|
|
2941
|
-
outline: 2px solid ${theme.colors["primary-200"]};
|
|
2942
|
-
}
|
|
2943
|
-
&.primary:disabled{
|
|
2944
|
-
background: ${theme.colors["neutral-100"]};
|
|
2945
|
-
cursor: not-allowed;
|
|
2946
|
-
}
|
|
2947
|
-
|
|
2948
|
-
&.error{
|
|
2949
|
-
background: ${theme.colors["error-500"]};
|
|
2950
|
-
color: ${theme.colors.white};
|
|
2951
|
-
}
|
|
2952
|
-
&.error:hover{
|
|
2953
|
-
background: ${theme.colors["error-400"]};
|
|
2954
|
-
}
|
|
2955
|
-
&.error:active{
|
|
2956
|
-
background: ${theme.colors["error-600"]};
|
|
2957
|
-
}
|
|
2958
|
-
&.error:focus,.error:focus-within{
|
|
2959
|
-
outline: 2px solid ${theme.colors["error-200"]};
|
|
2960
|
-
}
|
|
2961
|
-
&.error:disabled{
|
|
2962
|
-
background: ${theme.colors["error-100"]};
|
|
2963
|
-
cursor: not-allowed;
|
|
2964
|
-
}
|
|
2965
|
-
|
|
2966
|
-
&.success{
|
|
2967
|
-
background: ${theme.colors["success-500"]};
|
|
2968
|
-
color: ${theme.colors.white};
|
|
2969
|
-
}
|
|
2970
|
-
&.success:hover{
|
|
2971
|
-
background: ${theme.colors["success-400"]};
|
|
2972
|
-
}
|
|
2973
|
-
&.success:active{
|
|
2974
|
-
background: ${theme.colors["success-600"]};
|
|
2975
|
-
}
|
|
2976
|
-
&.success:focus,.success:focus-within{
|
|
2977
|
-
outline: 2px solid ${theme.colors["success-200"]};
|
|
2978
|
-
}
|
|
2979
|
-
&.success:disabled{
|
|
2980
|
-
background: ${theme.colors["success-100"]};
|
|
2981
|
-
cursor: not-allowed;
|
|
2982
|
-
}
|
|
2983
|
-
|
|
2984
|
-
&.warning{
|
|
2985
|
-
background: ${theme.colors["warning-500"]};
|
|
2986
|
-
color: ${theme.colors.white};
|
|
2987
|
-
}
|
|
2988
|
-
&.warning:hover{
|
|
2989
|
-
background: ${theme.colors["warning-400"]};
|
|
2990
|
-
}
|
|
2991
|
-
&.warning:active{
|
|
2992
|
-
background: ${theme.colors["warning-600"]};
|
|
2993
|
-
}
|
|
2994
|
-
&.warning:focus,.warning:focus-within{
|
|
2995
|
-
outline: 2px solid ${theme.colors["warning-200"]};
|
|
2996
|
-
}
|
|
2997
|
-
&.warning:disabled{
|
|
2998
|
-
background: ${theme.colors["warning-100"]};
|
|
2999
|
-
cursor: not-allowed;
|
|
3000
|
-
}
|
|
3001
|
-
|
|
3002
|
-
//outline colors
|
|
3003
|
-
&.outline-primary{
|
|
3004
|
-
outline: 1px solid ${theme.colors["primary-500"]};
|
|
3005
|
-
color: ${theme.colors["primary-500"]};
|
|
3006
|
-
background: none;
|
|
3007
|
-
}
|
|
3008
|
-
`;
|
|
3167
|
+
queue.length = 0;
|
|
3168
|
+
} catch (error) {
|
|
3169
|
+
// If something throws, leave the remaining callbacks on the queue.
|
|
3170
|
+
queue = queue.slice(i + 1);
|
|
3171
|
+
throw error;
|
|
3172
|
+
} finally {
|
|
3173
|
+
isFlushing = false;
|
|
3174
|
+
}
|
|
3175
|
+
}
|
|
3176
|
+
}
|
|
3177
|
+
}
|
|
3009
3178
|
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
3013
|
-
|
|
3014
|
-
|
|
3179
|
+
var createElement$1 = createElementWithValidation ;
|
|
3180
|
+
var cloneElement$1 = cloneElementWithValidation ;
|
|
3181
|
+
var createFactory = createFactoryWithValidation ;
|
|
3182
|
+
var Children = {
|
|
3183
|
+
map: mapChildren,
|
|
3184
|
+
forEach: forEachChildren,
|
|
3185
|
+
count: countChildren,
|
|
3186
|
+
toArray: toArray,
|
|
3187
|
+
only: onlyChild
|
|
3188
|
+
};
|
|
3015
3189
|
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
|
|
3032
|
-
|
|
3033
|
-
|
|
3034
|
-
|
|
3035
|
-
|
|
3036
|
-
|
|
3037
|
-
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
|
|
3041
|
-
|
|
3042
|
-
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
|
|
3046
|
-
|
|
3047
|
-
|
|
3048
|
-
|
|
3049
|
-
|
|
3050
|
-
|
|
3051
|
-
|
|
3052
|
-
|
|
3053
|
-
|
|
3054
|
-
|
|
3055
|
-
|
|
3056
|
-
|
|
3057
|
-
|
|
3058
|
-
|
|
3059
|
-
|
|
3060
|
-
|
|
3061
|
-
|
|
3062
|
-
|
|
3063
|
-
|
|
3064
|
-
|
|
3065
|
-
font-weight: 500;
|
|
3066
|
-
margin: 0;
|
|
3067
|
-
font-family: Circular Book Medium, sans-serif;
|
|
3068
|
-
-webkit-animation:brr 0.6s ease-out;
|
|
3069
|
-
animation:brr 0.6s ease-out;
|
|
3070
|
-
}
|
|
3071
|
-
.sub-text{
|
|
3072
|
-
font-size: 16px;
|
|
3073
|
-
margin: 0;
|
|
3074
|
-
-webkit-animation:brr 0.6s ease-out;
|
|
3075
|
-
animation:brr 0.6s ease-out;
|
|
3076
|
-
}
|
|
3077
|
-
@keyframes brr {
|
|
3078
|
-
from{
|
|
3079
|
-
-webkit-transform: translateY(10px);
|
|
3080
|
-
-ms-transform: translateY(10px);
|
|
3081
|
-
transform: translateY(10px);
|
|
3082
|
-
opacity: 0;
|
|
3083
|
-
}
|
|
3084
|
-
to{
|
|
3085
|
-
-webkit-transform: translateY(0);
|
|
3086
|
-
-ms-transform: translateY(0);
|
|
3087
|
-
transform: translateY(0);
|
|
3088
|
-
opacity: 1;
|
|
3089
|
-
}
|
|
3090
|
-
}
|
|
3091
|
-
`;
|
|
3190
|
+
exports.Children = Children;
|
|
3191
|
+
exports.Component = Component;
|
|
3192
|
+
exports.Fragment = REACT_FRAGMENT_TYPE;
|
|
3193
|
+
exports.Profiler = REACT_PROFILER_TYPE;
|
|
3194
|
+
exports.PureComponent = PureComponent;
|
|
3195
|
+
exports.StrictMode = REACT_STRICT_MODE_TYPE;
|
|
3196
|
+
exports.Suspense = REACT_SUSPENSE_TYPE;
|
|
3197
|
+
exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
|
|
3198
|
+
exports.cloneElement = cloneElement$1;
|
|
3199
|
+
exports.createContext = createContext;
|
|
3200
|
+
exports.createElement = createElement$1;
|
|
3201
|
+
exports.createFactory = createFactory;
|
|
3202
|
+
exports.createRef = createRef;
|
|
3203
|
+
exports.forwardRef = forwardRef;
|
|
3204
|
+
exports.isValidElement = isValidElement;
|
|
3205
|
+
exports.lazy = lazy;
|
|
3206
|
+
exports.memo = memo;
|
|
3207
|
+
exports.startTransition = startTransition;
|
|
3208
|
+
exports.unstable_act = act;
|
|
3209
|
+
exports.useCallback = useCallback;
|
|
3210
|
+
exports.useContext = useContext;
|
|
3211
|
+
exports.useDebugValue = useDebugValue;
|
|
3212
|
+
exports.useDeferredValue = useDeferredValue;
|
|
3213
|
+
exports.useEffect = useEffect;
|
|
3214
|
+
exports.useId = useId;
|
|
3215
|
+
exports.useImperativeHandle = useImperativeHandle;
|
|
3216
|
+
exports.useInsertionEffect = useInsertionEffect;
|
|
3217
|
+
exports.useLayoutEffect = useLayoutEffect;
|
|
3218
|
+
exports.useMemo = useMemo;
|
|
3219
|
+
exports.useReducer = useReducer;
|
|
3220
|
+
exports.useRef = useRef;
|
|
3221
|
+
exports.useState = useState;
|
|
3222
|
+
exports.useSyncExternalStore = useSyncExternalStore;
|
|
3223
|
+
exports.useTransition = useTransition;
|
|
3224
|
+
exports.version = ReactVersion;
|
|
3225
|
+
/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
|
|
3226
|
+
if (
|
|
3227
|
+
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
|
|
3228
|
+
typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
|
|
3229
|
+
'function'
|
|
3230
|
+
) {
|
|
3231
|
+
__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
|
|
3232
|
+
}
|
|
3233
|
+
|
|
3234
|
+
})();
|
|
3235
|
+
}
|
|
3236
|
+
} (react_development, react_developmentExports));
|
|
3237
|
+
return react_developmentExports;
|
|
3238
|
+
}
|
|
3092
3239
|
|
|
3093
|
-
|
|
3094
|
-
|
|
3095
|
-
const ActionFailed = (props) => {
|
|
3096
|
-
const {subText,headingText} = props;
|
|
3097
|
-
|
|
3098
|
-
return (
|
|
3099
|
-
React$2.createElement(Container$b, {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 9}}
|
|
3100
|
-
, React$2.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 10}}
|
|
3101
|
-
, React$2.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 11}}
|
|
3102
|
-
, React$2.createElement('g', { clipPath: "url(#clip0_453_10020)", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 12}}
|
|
3103
|
-
, React$2.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
3104
|
-
d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" ,
|
|
3105
|
-
fill: "#FFD8D8", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 13}})
|
|
3106
|
-
, React$2.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
3107
|
-
d: "M22.0992 24.9293L39.0697 41.8998C39.8504 42.6805 41.1181 42.6805 41.8987 41.8998C42.6794 41.1192 42.6794 39.8515 41.8987 39.0709L24.9282 22.1003C24.1475 21.3196 22.8798 21.3196 22.0992 22.1003C21.3185 22.8809 21.3185 24.1486 22.0992 24.9293Z" ,
|
|
3108
|
-
fill: "#F80000", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 16}})
|
|
3109
|
-
, React$2.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
3110
|
-
d: "M39.069 22.1006L22.0984 39.0712C21.3178 39.8519 21.3178 41.1195 22.0985 41.9002C22.8791 42.6808 24.1468 42.6808 24.9274 41.9002L41.898 24.9296C42.6786 24.149 42.6786 22.8813 41.898 22.1006C41.1174 21.32 39.8497 21.32 39.069 22.1006Z" ,
|
|
3111
|
-
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 19}})
|
|
3112
|
-
, React$2.createElement('path', { fillRule: "evenodd", clipRule: "evenodd",
|
|
3113
|
-
d: "M47.5567 47.5561C38.9713 56.1415 25.0299 56.1415 16.4445 47.5561C7.85911 38.9707 7.85912 25.0294 16.4445 16.444C25.0299 7.85855 38.9713 7.85853 47.5567 16.4439C54.3245 23.2118 55.7585 33.3076 51.8562 41.4848C51.3801 42.4819 51.8035 43.6758 52.7988 44.1518C53.795 44.627 54.9906 44.2035 55.4658 43.2074C60.0767 33.5443 58.3839 21.6132 50.3856 13.615C40.2389 3.46826 23.7622 3.46825 13.6155 13.6149C3.46882 23.7616 3.46883 40.2384 13.6155 50.3851C23.7622 60.5318 40.2389 60.5318 50.3856 50.3851C51.1663 49.6044 51.1663 48.3367 50.3856 47.5561C49.605 46.7754 48.3373 46.7754 47.5567 47.5561Z" ,
|
|
3114
|
-
fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 22}})
|
|
3115
|
-
)
|
|
3116
|
-
, React$2.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 26}}
|
|
3117
|
-
, React$2.createElement('clipPath', { id: "clip0_453_10020", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 27}}
|
|
3118
|
-
, React$2.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 28}})
|
|
3119
|
-
)
|
|
3120
|
-
)
|
|
3121
|
-
)
|
|
3122
|
-
)
|
|
3123
|
-
, React$2.createElement(TextArea$5, {__self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 33}}
|
|
3124
|
-
, headingText &&
|
|
3125
|
-
React$2.createElement('h3', { className: "heading-text", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 35}}, headingText)
|
|
3126
|
-
|
|
3127
|
-
, subText &&
|
|
3128
|
-
React$2.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$Y, lineNumber: 38}}, subText)
|
|
3129
|
-
|
|
3130
|
-
)
|
|
3131
|
-
)
|
|
3132
|
-
)
|
|
3133
|
-
};
|
|
3240
|
+
(function (module) {
|
|
3134
3241
|
|
|
3135
|
-
|
|
3136
|
-
|
|
3137
|
-
|
|
3138
|
-
|
|
3139
|
-
|
|
3140
|
-
|
|
3141
|
-
width: 308px;
|
|
3142
|
-
.mb8{
|
|
3143
|
-
margin-bottom: 8px;
|
|
3144
|
-
}
|
|
3145
|
-
svg{
|
|
3146
|
-
animation:rtte 0.4s ease-out;
|
|
3147
|
-
-webkit-animation:rtte 0.4s ease-out;
|
|
3148
|
-
@keyframes rtte {
|
|
3149
|
-
from{
|
|
3150
|
-
-ms-transform: rotate(-45deg);
|
|
3151
|
-
transform: rotate(-45deg);
|
|
3152
|
-
-webkit-transform: rotate(-45deg);
|
|
3153
|
-
}
|
|
3154
|
-
to{
|
|
3155
|
-
-ms-transform: rotate(0deg);
|
|
3156
|
-
transform: rotate(0deg);
|
|
3157
|
-
-webkit-transform: rotate(0deg);
|
|
3158
|
-
}
|
|
3159
|
-
}
|
|
3160
|
-
}
|
|
3161
|
-
|
|
3162
|
-
.svg-checkmark{
|
|
3163
|
-
-webkit-animation:cm 0.3s ease-out;
|
|
3164
|
-
animation:cm 0.3s ease-out;
|
|
3165
|
-
}
|
|
3166
|
-
@keyframes cm {
|
|
3167
|
-
from{
|
|
3168
|
-
-webkit-transform: scale(0.5);
|
|
3169
|
-
-ms-transform: scale(0.5);
|
|
3170
|
-
transform: scale(0.5);
|
|
3171
|
-
}
|
|
3172
|
-
to{
|
|
3173
|
-
-webkit-transform: scale(1);
|
|
3174
|
-
-ms-transform: scale(1);
|
|
3175
|
-
transform: scale(1);
|
|
3176
|
-
}
|
|
3177
|
-
}
|
|
3178
|
-
`;
|
|
3179
|
-
|
|
3180
|
-
const TextArea$4 = styled.div`
|
|
3181
|
-
color: ${theme.colors["neutral-900"]};
|
|
3182
|
-
text-align: center;
|
|
3183
|
-
.heading-text{
|
|
3184
|
-
font-size: 19px;
|
|
3185
|
-
font-weight: 500;
|
|
3186
|
-
margin: 0;
|
|
3187
|
-
font-family: Circular Book Medium, sans-serif;
|
|
3188
|
-
-webkit-animation:brr 0.6s ease-out;
|
|
3189
|
-
animation:brr 0.6s ease-out;
|
|
3190
|
-
}
|
|
3191
|
-
.sub-text{
|
|
3192
|
-
font-size: 16px;
|
|
3193
|
-
margin: 0;
|
|
3194
|
-
-webkit-animation:brr 0.6s ease-out;
|
|
3195
|
-
animation:brr 0.6s ease-out;
|
|
3196
|
-
}
|
|
3197
|
-
@keyframes brr {
|
|
3198
|
-
from{
|
|
3199
|
-
-webkit-transform: translateY(10px);
|
|
3200
|
-
-ms-transform: translateY(10px);
|
|
3201
|
-
transform: translateY(10px);
|
|
3202
|
-
opacity: 0;
|
|
3203
|
-
}
|
|
3204
|
-
to{
|
|
3205
|
-
-webkit-transform: translateY(0);
|
|
3206
|
-
-ms-transform: translateY(0);
|
|
3207
|
-
transform: translateY(0);
|
|
3208
|
-
opacity: 1;
|
|
3209
|
-
}
|
|
3210
|
-
}
|
|
3211
|
-
`;
|
|
3242
|
+
if (process.env.NODE_ENV === 'production') {
|
|
3243
|
+
module.exports = requireReact_production_min();
|
|
3244
|
+
} else {
|
|
3245
|
+
module.exports = requireReact_development();
|
|
3246
|
+
}
|
|
3247
|
+
} (react));
|
|
3212
3248
|
|
|
3213
|
-
|
|
3214
|
-
|
|
3215
|
-
const ActionSuccess = (props) => {
|
|
3216
|
-
const {subText,headingText} = props;
|
|
3217
|
-
return (
|
|
3218
|
-
React$2.createElement(Container$a, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 8}}
|
|
3219
|
-
, React$2.createElement('span', { className: "mb8", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 9}}
|
|
3220
|
-
, React$2.createElement('svg', { width: "64", height: "64", viewBox: "0 0 64 64" , fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "bug-report-svg-circle", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 10}}
|
|
3221
|
-
, React$2.createElement('g', { clipPath: "url(#clip0_400_1996)", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 11}}
|
|
3222
|
-
, React$2.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M30.181 8.068C30.781 8.023 31.388 8 32 8C45.246 8 56 18.754 56 32C56 45.246 45.246 56 32 56C18.754 56 8 45.246 8 32C8 31.388 8.02299 30.781 8.06799 30.181C8.92399 40.71 17.751 49 28.5 49C39.814 49 49 39.814 49 28.5C49 17.751 40.71 8.924 30.181 8.068Z" , fill: "#D1FEE8", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 12}})
|
|
3223
|
-
, React$2.createElement('path', { fillRule: "evenodd", clipRule: "evenodd", d: "M47.5564 47.5561C38.971 56.1415 25.0297 56.1415 16.4443 47.5561C7.85886 38.9707 7.85888 25.0294 16.4443 16.444C25.0297 7.85854 38.971 7.85853 47.5564 16.4439C54.3243 23.2118 55.7583 33.3076 51.8559 41.4848C51.3799 42.4819 51.8033 43.6758 52.7986 44.1518C53.7948 44.627 54.9904 44.2035 55.4656 43.2074C60.0765 33.5443 58.3836 21.6132 50.3854 13.615C40.2387 3.46826 23.762 3.46825 13.6153 13.6149C3.46858 23.7616 3.46859 40.2384 13.6153 50.3851C23.762 60.5318 40.2387 60.5318 50.3854 50.3851C51.166 49.6044 51.166 48.3367 50.3854 47.5561C49.6048 46.7754 48.3371 46.7754 47.5564 47.5561Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 13}})
|
|
3224
|
-
, React$2.createElement('g', { clipPath: "url(#clip1_400_1996)", className: "svg-checkmark", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 14}}
|
|
3225
|
-
, React$2.createElement('path', { d: "M38.7099 27.2099C38.617 27.1161 38.5064 27.0417 38.3845 26.991C38.2627 26.9402 38.132 26.9141 37.9999 26.9141C37.8679 26.9141 37.7372 26.9402 37.6154 26.991C37.4935 27.0417 37.3829 27.1161 37.29 27.2099L29.84 34.6699L26.7099 31.5299C26.6134 31.4366 26.4995 31.3633 26.3746 31.3141C26.2498 31.2649 26.1165 31.2408 25.9823 31.2431C25.8481 31.2454 25.7157 31.2741 25.5926 31.3276C25.4695 31.3811 25.3582 31.4583 25.2649 31.5549C25.1717 31.6514 25.0984 31.7653 25.0492 31.8902C25 32.015 24.9759 32.1484 24.9782 32.2825C24.9805 32.4167 25.0092 32.5491 25.0627 32.6722C25.1162 32.7953 25.1934 32.9066 25.2899 32.9999L29.13 36.8399C29.2229 36.9336 29.3335 37.008 29.4554 37.0588C29.5772 37.1095 29.7079 37.1357 29.84 37.1357C29.972 37.1357 30.1027 37.1095 30.2245 37.0588C30.3464 37.008 30.457 36.9336 30.55 36.8399L38.7099 28.6799C38.8115 28.5862 38.8925 28.4726 38.9479 28.3461C39.0033 28.2196 39.0319 28.083 39.0319 27.9449C39.0319 27.8068 39.0033 27.6702 38.9479 27.5437C38.8925 27.4172 38.8115 27.3035 38.7099 27.2099V27.2099Z" , fill: "#06BA63", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 15}})
|
|
3226
|
-
)
|
|
3227
|
-
)
|
|
3228
|
-
, React$2.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 18}}
|
|
3229
|
-
, React$2.createElement('clipPath', { id: "clip0_400_1996", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 19}}
|
|
3230
|
-
, React$2.createElement('rect', { width: "64", height: "64", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 20}})
|
|
3231
|
-
)
|
|
3232
|
-
, React$2.createElement('clipPath', { id: "clip1_400_1996", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 22}}
|
|
3233
|
-
, React$2.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(20 20)" , __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 23}})
|
|
3234
|
-
)
|
|
3235
|
-
)
|
|
3236
|
-
)
|
|
3237
|
-
)
|
|
3238
|
-
, React$2.createElement(TextArea$4, {__self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 28}}
|
|
3239
|
-
, headingText &&
|
|
3240
|
-
React$2.createElement('h3', { className: "heading-text", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 30}}, headingText)
|
|
3241
|
-
|
|
3242
|
-
, subText &&
|
|
3243
|
-
React$2.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$X, lineNumber: 33}}, subText)
|
|
3244
|
-
|
|
3245
|
-
)
|
|
3246
|
-
)
|
|
3247
|
-
)
|
|
3248
|
-
};
|
|
3249
|
+
var React$2 = /*@__PURE__*/getDefaultExportFromCjs(reactExports);
|
|
3249
3250
|
|
|
3250
3251
|
const TableContainer$a = styled.div`
|
|
3251
3252
|
overflow-x: auto;
|
|
@@ -23967,9 +23968,8 @@ const _jsxFileName$h = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
23967
23968
|
const TextField = (props) => {
|
|
23968
23969
|
let {label,subtext,errMsg,disabled,required,value} = props;
|
|
23969
23970
|
|
|
23970
|
-
|
|
23971
|
-
const [
|
|
23972
|
-
const [err,setErr] = reactExports.useState(false);
|
|
23971
|
+
const [borderColor,setBorderColor] = React$2.useState('');
|
|
23972
|
+
const [err,setErr] = React$2.useState(false);
|
|
23973
23973
|
const textFieldRef = reactExports.useRef();
|
|
23974
23974
|
|
|
23975
23975
|
function validate(){
|
|
@@ -23991,21 +23991,21 @@ const TextField = (props) => {
|
|
|
23991
23991
|
};
|
|
23992
23992
|
|
|
23993
23993
|
return (
|
|
23994
|
-
React$2.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$h, lineNumber:
|
|
23994
|
+
React$2.createElement('div', { style: style, __self: undefined, __source: {fileName: _jsxFileName$h, lineNumber: 31}}
|
|
23995
23995
|
, label &&
|
|
23996
|
-
React$2.createElement(InputLabel$1, {__self: undefined, __source: {fileName: _jsxFileName$h, lineNumber:
|
|
23997
|
-
, React$2.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$h, lineNumber:
|
|
23998
|
-
, subtext && React$2.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$h, lineNumber:
|
|
23996
|
+
React$2.createElement(InputLabel$1, {__self: undefined, __source: {fileName: _jsxFileName$h, lineNumber: 33}}
|
|
23997
|
+
, React$2.createElement('label', {__self: undefined, __source: {fileName: _jsxFileName$h, lineNumber: 34}}, label)
|
|
23998
|
+
, subtext && React$2.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$h, lineNumber: 35}}, subtext)
|
|
23999
23999
|
)
|
|
24000
24000
|
|
|
24001
|
-
, React$2.createElement(InputContainer$1, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$h, lineNumber:
|
|
24002
|
-
, React$2.createElement(InputField, { ref: textFieldRef, onBlur: ()=>{validate();}, ...props, __self: undefined, __source: {fileName: _jsxFileName$h, lineNumber:
|
|
24001
|
+
, React$2.createElement(InputContainer$1, { className: `${borderColor} ${disabled ? 'disabled' : ''}`, __self: undefined, __source: {fileName: _jsxFileName$h, lineNumber: 38}}
|
|
24002
|
+
, React$2.createElement(InputField, { ref: textFieldRef, onBlur: ()=>{validate();}, ...props, __self: undefined, __source: {fileName: _jsxFileName$h, lineNumber: 39}})
|
|
24003
24003
|
)
|
|
24004
24004
|
, !value && required && err &&
|
|
24005
|
-
React$2.createElement(ErrorMessage$1, {__self: undefined, __source: {fileName: _jsxFileName$h, lineNumber:
|
|
24005
|
+
React$2.createElement(ErrorMessage$1, {__self: undefined, __source: {fileName: _jsxFileName$h, lineNumber: 42}}
|
|
24006
24006
|
/*exclamation-triangle*/
|
|
24007
|
-
, React$2.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$h, lineNumber:
|
|
24008
|
-
, React$2.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$h, lineNumber:
|
|
24007
|
+
, React$2.createElement('svg', { width: "16", height: "14", viewBox: "0 0 16 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$h, lineNumber: 44}}
|
|
24008
|
+
, React$2.createElement('path', { d: "M8.00006 9.66669C7.86821 9.66669 7.73931 9.70578 7.62968 9.77904C7.52005 9.85229 7.4346 9.95641 7.38414 10.0782C7.33368 10.2 7.32048 10.3341 7.3462 10.4634C7.37193 10.5927 7.43542 10.7115 7.52866 10.8048C7.62189 10.898 7.74068 10.9615 7.87 10.9872C7.99932 11.0129 8.13336 10.9997 8.25518 10.9493C8.377 10.8988 8.48112 10.8134 8.55437 10.7037C8.62763 10.5941 8.66673 10.4652 8.66673 10.3334C8.66673 10.1565 8.59649 9.98697 8.47146 9.86195C8.34644 9.73692 8.17687 9.66669 8.00006 9.66669ZM15.1134 10.6467L9.74673 1.31335C9.57326 1.00236 9.31992 0.743323 9.01285 0.562997C8.70579 0.382672 8.35615 0.287598 8.00006 0.287598C7.64396 0.287598 7.29433 0.382672 6.98726 0.562997C6.6802 0.743323 6.42686 1.00236 6.25339 1.31335L0.92006 10.6467C0.74059 10.9494 0.644155 11.294 0.640489 11.6459C0.636824 11.9978 0.726058 12.3444 0.899184 12.6507C1.07231 12.9571 1.3232 13.2123 1.62652 13.3907C1.92984 13.5691 2.27485 13.6643 2.62673 13.6667H13.3734C13.7281 13.6702 14.0773 13.5793 14.3853 13.4033C14.6933 13.2273 14.949 12.9726 15.126 12.6652C15.3031 12.3579 15.3953 12.009 15.3931 11.6542C15.3908 11.2995 15.2943 10.9518 15.1134 10.6467ZM13.9601 11.98C13.9016 12.084 13.8164 12.1704 13.7132 12.2302C13.61 12.29 13.4927 12.321 13.3734 12.32H2.62673C2.50747 12.321 2.39013 12.29 2.28694 12.2302C2.18375 12.1704 2.0985 12.084 2.04006 11.98C1.98155 11.8787 1.95074 11.7637 1.95074 11.6467C1.95074 11.5297 1.98155 11.4147 2.04006 11.3134L7.37339 1.98002C7.42934 1.87082 7.51433 1.77917 7.61902 1.71518C7.72371 1.65119 7.84403 1.61733 7.96673 1.61733C8.08942 1.61733 8.20974 1.65119 8.31443 1.71518C8.41912 1.77917 8.50411 1.87082 8.56006 1.98002L13.9267 11.3134C13.9929 11.4132 14.0309 11.5291 14.0367 11.6488C14.0426 11.7684 14.0161 11.8875 13.9601 11.9934V11.98ZM8.00006 4.33335C7.82325 4.33335 7.65368 4.40359 7.52866 4.52861C7.40363 4.65364 7.33339 4.82321 7.33339 5.00002V7.66669C7.33339 7.8435 7.40363 8.01307 7.52866 8.13809C7.65368 8.26311 7.82325 8.33335 8.00006 8.33335C8.17687 8.33335 8.34644 8.26311 8.47146 8.13809C8.59649 8.01307 8.66673 7.8435 8.66673 7.66669V5.00002C8.66673 4.82321 8.59649 4.65364 8.47146 4.52861C8.34644 4.40359 8.17687 4.33335 8.00006 4.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$h, lineNumber: 45}})
|
|
24009
24009
|
)
|
|
24010
24010
|
, errMsg ? errMsg : 'This field is required'
|
|
24011
24011
|
)
|