@secondstaxorg/sscomp 1.7.43 → 1.7.45
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 +4 -4
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +96 -76
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +4 -4
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/DatePicker/type.d.ts +2 -0
- package/types/components/PhoneInput/type.d.ts +4 -0
package/dist/index.js
CHANGED
|
@@ -17236,7 +17236,7 @@ const CalendarContainer$1 = styled.div`
|
|
|
17236
17236
|
background: ${theme.colors["neutral-50"]};
|
|
17237
17237
|
}
|
|
17238
17238
|
}
|
|
17239
|
-
.previous-month-day,.next-month-day,.past-day,.future-day{
|
|
17239
|
+
.previous-month-day,.next-month-day,.past-day,.future-day,.min-year{
|
|
17240
17240
|
color: ${theme.colors["neutral-200"]};
|
|
17241
17241
|
cursor: default;
|
|
17242
17242
|
&:hover{
|
|
@@ -17293,7 +17293,7 @@ const _jsxFileName$R = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
17293
17293
|
* Component for picking date
|
|
17294
17294
|
*/
|
|
17295
17295
|
const DatePicker = (props) => {
|
|
17296
|
-
const { onChange, label, subtext,disablePastDays,disableFutureDays ,placeholder,width,required} = props;
|
|
17296
|
+
const { onChange, label, subtext,disablePastDays,disableFutureDays ,placeholder,width,required,value,minYear} = props;
|
|
17297
17297
|
const [selectedDate, setSelectedDate] = React$1.useState(null);
|
|
17298
17298
|
const [isCalendarOpen, setIsCalendarOpen] = React$1.useState(false);
|
|
17299
17299
|
const [validationStatus,setValidationStatus] = React$1.useState('');
|
|
@@ -17368,7 +17368,7 @@ const DatePicker = (props) => {
|
|
|
17368
17368
|
, React$1.createElement(Calendar, { onChange: (e)=>{
|
|
17369
17369
|
handleDateChange(e);
|
|
17370
17370
|
setValidationStatus('success');
|
|
17371
|
-
}, selected: selectedDate, disablePastDaysProp: !!disablePastDays, disableFutureDaysProp: !!disableFutureDays, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 82}})
|
|
17371
|
+
}, selected: selectedDate, disablePastDaysProp: !!disablePastDays, disableFutureDaysProp: !!disableFutureDays, minYear: minYear, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 82}})
|
|
17372
17372
|
)
|
|
17373
17373
|
)
|
|
17374
17374
|
, required && validationStatus === 'error' &&
|
|
@@ -17392,7 +17392,8 @@ const DatePicker = (props) => {
|
|
|
17392
17392
|
|
|
17393
17393
|
|
|
17394
17394
|
|
|
17395
|
-
|
|
17395
|
+
|
|
17396
|
+
const Calendar = ({ onChange, selected,disablePastDaysProp,disableFutureDaysProp,minYear}) => {
|
|
17396
17397
|
const [currentDate, setCurrentDate] = React$1.useState(selected || new Date());
|
|
17397
17398
|
const [currentYear,setCurrentYear] = React$1.useState(new Date().getFullYear());
|
|
17398
17399
|
const [calendarView,setCalendarView] = React$1.useState(true);
|
|
@@ -17415,6 +17416,13 @@ const Calendar = ({ onChange, selected,disablePastDaysProp,disableFutureDaysProp
|
|
|
17415
17416
|
setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1));
|
|
17416
17417
|
};
|
|
17417
17418
|
|
|
17419
|
+
React$1.useEffect(()=>{
|
|
17420
|
+
if (minYear){
|
|
17421
|
+
setCurrentYear(currentYear - minYear - 1 );
|
|
17422
|
+
setCurrentDate(new Date(currentYear - minYear - 1, 0, 1));
|
|
17423
|
+
}
|
|
17424
|
+
},[minYear]);
|
|
17425
|
+
|
|
17418
17426
|
const handlePreviousYear = () => {
|
|
17419
17427
|
setCurrentYear(currentYear - 20);
|
|
17420
17428
|
};
|
|
@@ -17450,7 +17458,7 @@ const Calendar = ({ onChange, selected,disablePastDaysProp,disableFutureDaysProp
|
|
|
17450
17458
|
for (let i = firstDay - 1; i >= 0; i--) {
|
|
17451
17459
|
const day = daysInPreviousMonth - i;
|
|
17452
17460
|
days.push(
|
|
17453
|
-
React$1.createElement('div', { key: `previous-day-${day}`, className: "calendar-day previous-month-day" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17461
|
+
React$1.createElement('div', { key: `previous-day-${day}`, className: "calendar-day previous-month-day" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 175}}
|
|
17454
17462
|
, day
|
|
17455
17463
|
)
|
|
17456
17464
|
);
|
|
@@ -17473,6 +17481,7 @@ const Calendar = ({ onChange, selected,disablePastDaysProp,disableFutureDaysProp
|
|
|
17473
17481
|
(year < td.getFullYear() ||
|
|
17474
17482
|
(year === td.getFullYear() && month < td.getMonth()) ||
|
|
17475
17483
|
(year === td.getFullYear() && month === td.getMonth() && day < today));
|
|
17484
|
+
const isMinYear = minYear && td.getFullYear() - minYear <= year;
|
|
17476
17485
|
const isFutureDay =
|
|
17477
17486
|
disableFutureDaysProp &&
|
|
17478
17487
|
(year > td.getFullYear() ||
|
|
@@ -17480,21 +17489,23 @@ const Calendar = ({ onChange, selected,disablePastDaysProp,disableFutureDaysProp
|
|
|
17480
17489
|
(year === td.getFullYear() && month === td.getMonth() && day > today));
|
|
17481
17490
|
const dayClassName = isSelected
|
|
17482
17491
|
? 'selected-day'
|
|
17483
|
-
: isCurrentDay
|
|
17492
|
+
: isCurrentDay && !isMinYear
|
|
17484
17493
|
? 'current-day'
|
|
17485
17494
|
: isPastDay
|
|
17486
17495
|
? 'past-day'
|
|
17487
17496
|
: isFutureDay
|
|
17488
17497
|
? 'future-day'
|
|
17489
|
-
:
|
|
17498
|
+
: isMinYear
|
|
17499
|
+
? 'min-year'
|
|
17500
|
+
: '';
|
|
17490
17501
|
|
|
17491
|
-
const handleClick = (isPastDay || isFutureDay) ? () => {} : () => handleDateClick(day);
|
|
17502
|
+
const handleClick = (isPastDay || isFutureDay || isMinYear) ? () => {} : () => handleDateClick(day);
|
|
17492
17503
|
|
|
17493
17504
|
days.push(
|
|
17494
17505
|
React$1.createElement('div', {
|
|
17495
17506
|
key: `current-day-${day}`,
|
|
17496
17507
|
className: `calendar-day ${dayClassName}`,
|
|
17497
|
-
onClick: handleClick, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17508
|
+
onClick: handleClick, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 219}}
|
|
17498
17509
|
|
|
17499
17510
|
, day
|
|
17500
17511
|
)
|
|
@@ -17506,7 +17517,7 @@ const Calendar = ({ onChange, selected,disablePastDaysProp,disableFutureDaysProp
|
|
|
17506
17517
|
const remainingDays = (7 - (days.length % 7)) % 7;
|
|
17507
17518
|
for (let day = 1; day <= remainingDays; day++) {
|
|
17508
17519
|
days.push(
|
|
17509
|
-
React$1.createElement('div', { key: `next-day-${day}`, className: "calendar-day next-month-day" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17520
|
+
React$1.createElement('div', { key: `next-day-${day}`, className: "calendar-day next-month-day" , __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 234}}
|
|
17510
17521
|
, day
|
|
17511
17522
|
)
|
|
17512
17523
|
);
|
|
@@ -17519,75 +17530,76 @@ const Calendar = ({ onChange, selected,disablePastDaysProp,disableFutureDaysProp
|
|
|
17519
17530
|
for (let year = currentYear - 10; year <= currentYear + 10; year++) {
|
|
17520
17531
|
const selectedClass = year===currentDate.getFullYear()?'selected-year':'';
|
|
17521
17532
|
years.push(
|
|
17522
|
-
React$1.createElement('div', { key: year, onClick: () => handleSelectYear(year), className: `year-option ${selectedClass}`, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17533
|
+
React$1.createElement('div', { key: year, onClick: () => handleSelectYear(year), className: `year-option ${selectedClass}`, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 247}}
|
|
17523
17534
|
, year
|
|
17524
17535
|
)
|
|
17525
17536
|
);
|
|
17526
17537
|
}
|
|
17527
17538
|
|
|
17528
17539
|
return (
|
|
17529
|
-
React$1.createElement('div', { className: "year-picker", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17530
|
-
, React$1.createElement('div', { className: "year-options", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17540
|
+
React$1.createElement('div', { className: "year-picker", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 254}}
|
|
17541
|
+
, React$1.createElement('div', { className: "year-options", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 255}}, years)
|
|
17531
17542
|
)
|
|
17532
17543
|
)
|
|
17533
17544
|
};
|
|
17534
17545
|
|
|
17535
17546
|
return (
|
|
17536
|
-
React$1.createElement(CalendarContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17537
|
-
, React$1.createElement('div', { className: "header", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17547
|
+
React$1.createElement(CalendarContainer$1, {__self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 261}}
|
|
17548
|
+
, React$1.createElement('div', { className: "header", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 262}}
|
|
17538
17549
|
, !calendarView &&
|
|
17539
|
-
React$1.createElement('button', { type: "button", onClick: handlePreviousYear, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17550
|
+
React$1.createElement('button', { type: "button", onClick: handlePreviousYear, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 264}}
|
|
17540
17551
|
/*circle arrow left*/
|
|
17541
|
-
, React$1.createElement('svg', { width: "20", height: "20", viewBox: "0 0 20 20" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17542
|
-
, React$1.createElement('path', { d: "M6.29 9.29C6.19896 9.3851 6.12759 9.49725 6.08 9.62C5.97998 9.86346 5.97998 10.1365 6.08 10.38C6.12759 10.5028 6.19896 10.6149 6.29 10.71L9.29 13.71C9.4783 13.8983 9.7337 14.0041 10 14.0041C10.2663 14.0041 10.5217 13.8983 10.71 13.71C10.8983 13.5217 11.0041 13.2663 11.0041 13C11.0041 12.7337 10.8983 12.4783 10.71 12.29L9.41 11H13C13.2652 11 13.5196 10.8946 13.7071 10.7071C13.8946 10.5196 14 10.2652 14 10C14 9.73478 13.8946 9.48043 13.7071 9.29289C13.5196 9.10536 13.2652 9 13 9H9.41L10.71 7.71C10.8037 7.61704 10.8781 7.50644 10.9289 7.38458C10.9797 7.26272 11.0058 7.13201 11.0058 7C11.0058 6.86799 10.9797 6.73728 10.9289 6.61542C10.8781 6.49356 10.8037 6.38296 10.71 6.29C10.617 6.19627 10.5064 6.12188 10.3846 6.07111C10.2627 6.02034 10.132 5.9942 10 5.9942C9.86799 5.9942 9.73728 6.02034 9.61542 6.07111C9.49356 6.12188 9.38296 6.19627 9.29 6.29L6.29 9.29ZM0 10C0 11.9778 0.58649 13.9112 1.6853 15.5557C2.78412 17.2002 4.3459 18.4819 6.17317 19.2388C8.00043 19.9957 10.0111 20.1937 11.9509 19.8079C13.8907 19.422 15.6725 18.4696 17.0711 17.0711C18.4696 15.6725 19.422 13.8907 19.8079 11.9509C20.1937 10.0111 19.9957 8.00043 19.2388 6.17317C18.4819 4.3459 17.2002 2.78412 15.5557 1.6853C13.9112 0.58649 11.9778 0 10 0C8.68678 0 7.38642 0.258658 6.17317 0.761205C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10ZM18 10C18 11.5823 17.5308 13.129 16.6518 14.4446C15.7727 15.7602 14.5233 16.7855 13.0615 17.391C11.5997 17.9965 9.99113 18.155 8.43928 17.8463C6.88743 17.5376 5.46197 16.7757 4.34315 15.6569C3.22433 14.538 2.4624 13.1126 2.15372 11.5607C1.84504 10.0089 2.00346 8.40034 2.60896 6.93853C3.21447 5.47672 4.23984 4.22729 5.55544 3.34824C6.87103 2.46919 8.41775 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17552
|
+
, React$1.createElement('svg', { width: "20", height: "20", viewBox: "0 0 20 20" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 266}}
|
|
17553
|
+
, React$1.createElement('path', { d: "M6.29 9.29C6.19896 9.3851 6.12759 9.49725 6.08 9.62C5.97998 9.86346 5.97998 10.1365 6.08 10.38C6.12759 10.5028 6.19896 10.6149 6.29 10.71L9.29 13.71C9.4783 13.8983 9.7337 14.0041 10 14.0041C10.2663 14.0041 10.5217 13.8983 10.71 13.71C10.8983 13.5217 11.0041 13.2663 11.0041 13C11.0041 12.7337 10.8983 12.4783 10.71 12.29L9.41 11H13C13.2652 11 13.5196 10.8946 13.7071 10.7071C13.8946 10.5196 14 10.2652 14 10C14 9.73478 13.8946 9.48043 13.7071 9.29289C13.5196 9.10536 13.2652 9 13 9H9.41L10.71 7.71C10.8037 7.61704 10.8781 7.50644 10.9289 7.38458C10.9797 7.26272 11.0058 7.13201 11.0058 7C11.0058 6.86799 10.9797 6.73728 10.9289 6.61542C10.8781 6.49356 10.8037 6.38296 10.71 6.29C10.617 6.19627 10.5064 6.12188 10.3846 6.07111C10.2627 6.02034 10.132 5.9942 10 5.9942C9.86799 5.9942 9.73728 6.02034 9.61542 6.07111C9.49356 6.12188 9.38296 6.19627 9.29 6.29L6.29 9.29ZM0 10C0 11.9778 0.58649 13.9112 1.6853 15.5557C2.78412 17.2002 4.3459 18.4819 6.17317 19.2388C8.00043 19.9957 10.0111 20.1937 11.9509 19.8079C13.8907 19.422 15.6725 18.4696 17.0711 17.0711C18.4696 15.6725 19.422 13.8907 19.8079 11.9509C20.1937 10.0111 19.9957 8.00043 19.2388 6.17317C18.4819 4.3459 17.2002 2.78412 15.5557 1.6853C13.9112 0.58649 11.9778 0 10 0C8.68678 0 7.38642 0.258658 6.17317 0.761205C4.95991 1.26375 3.85752 2.00035 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10ZM18 10C18 11.5823 17.5308 13.129 16.6518 14.4446C15.7727 15.7602 14.5233 16.7855 13.0615 17.391C11.5997 17.9965 9.99113 18.155 8.43928 17.8463C6.88743 17.5376 5.46197 16.7757 4.34315 15.6569C3.22433 14.538 2.4624 13.1126 2.15372 11.5607C1.84504 10.0089 2.00346 8.40034 2.60896 6.93853C3.21447 5.47672 4.23984 4.22729 5.55544 3.34824C6.87103 2.46919 8.41775 2 10 2C12.1217 2 14.1566 2.84285 15.6569 4.34315C17.1571 5.84344 18 7.87827 18 10Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 267}})
|
|
17543
17554
|
)
|
|
17544
17555
|
)
|
|
17545
17556
|
|
|
17546
17557
|
, calendarView &&
|
|
17547
|
-
React$1.createElement('button', { type: "button", onClick: handlePreviousMonth, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17558
|
+
React$1.createElement('button', { type: "button", onClick: handlePreviousMonth, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 272}}
|
|
17548
17559
|
/*left angle*/
|
|
17549
|
-
, React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17550
|
-
, React$1.createElement('path', { d: "M3.28982 5.99995L6.82982 2.45995C7.01607 2.27259 7.12061 2.01913 7.12061 1.75495C7.12061 1.49076 7.01607 1.23731 6.82982 1.04995C6.73686 0.95622 6.62626 0.881826 6.5044 0.831057C6.38254 0.780288 6.25183 0.75415 6.11982 0.75415C5.98781 0.75415 5.8571 0.780288 5.73524 0.831057C5.61339 0.881826 5.50278 0.95622 5.40982 1.04995L1.16982 5.28995C1.07609 5.38291 1.0017 5.49351 0.950931 5.61537C0.900162 5.73723 0.874023 5.86794 0.874023 5.99995C0.874023 6.13196 0.900162 6.26267 0.950931 6.38453C1.0017 6.50638 1.07609 6.61699 1.16982 6.70995L5.40982 10.9999C5.50326 11.0926 5.61408 11.166 5.73592 11.2157C5.85775 11.2655 5.98821 11.2907 6.11982 11.2899C6.25143 11.2907 6.38189 11.2655 6.50373 11.2157C6.62557 11.166 6.73638 11.0926 6.82982 10.9999C7.01607 10.8126 7.12061 10.5591 7.12061 10.2949C7.12061 10.0308 7.01607 9.77731 6.82982 9.58995L3.28982 5.99995Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17560
|
+
, React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 274}}
|
|
17561
|
+
, React$1.createElement('path', { d: "M3.28982 5.99995L6.82982 2.45995C7.01607 2.27259 7.12061 2.01913 7.12061 1.75495C7.12061 1.49076 7.01607 1.23731 6.82982 1.04995C6.73686 0.95622 6.62626 0.881826 6.5044 0.831057C6.38254 0.780288 6.25183 0.75415 6.11982 0.75415C5.98781 0.75415 5.8571 0.780288 5.73524 0.831057C5.61339 0.881826 5.50278 0.95622 5.40982 1.04995L1.16982 5.28995C1.07609 5.38291 1.0017 5.49351 0.950931 5.61537C0.900162 5.73723 0.874023 5.86794 0.874023 5.99995C0.874023 6.13196 0.900162 6.26267 0.950931 6.38453C1.0017 6.50638 1.07609 6.61699 1.16982 6.70995L5.40982 10.9999C5.50326 11.0926 5.61408 11.166 5.73592 11.2157C5.85775 11.2655 5.98821 11.2907 6.11982 11.2899C6.25143 11.2907 6.38189 11.2655 6.50373 11.2157C6.62557 11.166 6.73638 11.0926 6.82982 10.9999C7.01607 10.8126 7.12061 10.5591 7.12061 10.2949C7.12061 10.0308 7.01607 9.77731 6.82982 9.58995L3.28982 5.99995Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 275}})
|
|
17551
17562
|
)
|
|
17552
17563
|
)
|
|
17553
17564
|
|
|
17554
|
-
, React$1.createElement('button', { type: "button", className: "month-year", onClick: toggleYearPicker, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17565
|
+
, React$1.createElement('button', { type: "button", className: "month-year", onClick: toggleYearPicker, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 279}}
|
|
17555
17566
|
, currentDate.toLocaleString('en-us', { month: 'long', year: 'numeric' })
|
|
17556
|
-
|
|
17557
|
-
|
|
17567
|
+
/*{currentYear}*/
|
|
17568
|
+
, React$1.createElement('svg', { className: calendarView ? 'year-view' : '', width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 282}}
|
|
17569
|
+
, React$1.createElement('path', { d: "M11 1.17C10.8126 0.983753 10.5592 0.879211 10.295 0.879211C10.0308 0.879211 9.77737 0.983753 9.59001 1.17L6.00001 4.71L2.46001 1.17C2.27265 0.983753 2.0192 0.879211 1.75501 0.879211C1.49082 0.879211 1.23737 0.983753 1.05001 1.17C0.956281 1.26297 0.881887 1.37357 0.831118 1.49543C0.780349 1.61729 0.754211 1.74799 0.754211 1.88C0.754211 2.01202 0.780349 2.14272 0.831118 2.26458C0.881887 2.38644 0.956281 2.49704 1.05001 2.59L5.29001 6.83C5.38297 6.92373 5.49357 6.99813 5.61543 7.04889C5.73729 7.09966 5.868 7.1258 6.00001 7.1258C6.13202 7.1258 6.26273 7.09966 6.38459 7.04889C6.50645 6.99813 6.61705 6.92373 6.71001 6.83L11 2.59C11.0937 2.49704 11.1681 2.38644 11.2189 2.26458C11.2697 2.14272 11.2958 2.01202 11.2958 1.88C11.2958 1.74799 11.2697 1.61729 11.2189 1.49543C11.1681 1.37357 11.0937 1.26297 11 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 283}})
|
|
17558
17570
|
)
|
|
17559
17571
|
)
|
|
17560
17572
|
, calendarView &&
|
|
17561
|
-
React$1.createElement('button', { type: "button", onClick: handleNextMonth, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17573
|
+
React$1.createElement('button', { type: "button", onClick: handleNextMonth, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 287}}
|
|
17562
17574
|
/*right angle*/
|
|
17563
|
-
, React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17564
|
-
, React$1.createElement('path', { d: "M6.83019 5.28995L2.59019 1.04995C2.49722 0.95622 2.38662 0.881826 2.26476 0.831057C2.1429 0.780288 2.0122 0.75415 1.88019 0.75415C1.74818 0.75415 1.61747 0.780288 1.49561 0.831057C1.37375 0.881826 1.26315 0.95622 1.17019 1.04995C0.983936 1.23731 0.879395 1.49076 0.879395 1.75495C0.879395 2.01913 0.983936 2.27259 1.17019 2.45995L4.71019 5.99995L1.17019 9.53995C0.983936 9.72731 0.879395 9.98076 0.879395 10.2449C0.879395 10.5091 0.983936 10.7626 1.17019 10.9499C1.26363 11.0426 1.37444 11.116 1.49628 11.1657C1.61812 11.2155 1.74858 11.2407 1.88019 11.2399C2.01179 11.2407 2.14226 11.2155 2.26409 11.1657C2.38593 11.116 2.49675 11.0426 2.59019 10.9499L6.83019 6.70995C6.92392 6.61699 6.99831 6.50638 7.04908 6.38453C7.09985 6.26267 7.12599 6.13196 7.12599 5.99995C7.12599 5.86794 7.09985 5.73723 7.04908 5.61537C6.99831 5.49351 6.92392 5.38291 6.83019 5.28995Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17575
|
+
, React$1.createElement('svg', { width: "8", height: "12", viewBox: "0 0 8 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 289}}
|
|
17576
|
+
, React$1.createElement('path', { d: "M6.83019 5.28995L2.59019 1.04995C2.49722 0.95622 2.38662 0.881826 2.26476 0.831057C2.1429 0.780288 2.0122 0.75415 1.88019 0.75415C1.74818 0.75415 1.61747 0.780288 1.49561 0.831057C1.37375 0.881826 1.26315 0.95622 1.17019 1.04995C0.983936 1.23731 0.879395 1.49076 0.879395 1.75495C0.879395 2.01913 0.983936 2.27259 1.17019 2.45995L4.71019 5.99995L1.17019 9.53995C0.983936 9.72731 0.879395 9.98076 0.879395 10.2449C0.879395 10.5091 0.983936 10.7626 1.17019 10.9499C1.26363 11.0426 1.37444 11.116 1.49628 11.1657C1.61812 11.2155 1.74858 11.2407 1.88019 11.2399C2.01179 11.2407 2.14226 11.2155 2.26409 11.1657C2.38593 11.116 2.49675 11.0426 2.59019 10.9499L6.83019 6.70995C6.92392 6.61699 6.99831 6.50638 7.04908 6.38453C7.09985 6.26267 7.12599 6.13196 7.12599 5.99995C7.12599 5.86794 7.09985 5.73723 7.04908 5.61537C6.99831 5.49351 6.92392 5.38291 6.83019 5.28995Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 290}})
|
|
17565
17577
|
)
|
|
17566
17578
|
)
|
|
17567
17579
|
|
|
17568
17580
|
, !calendarView &&
|
|
17569
|
-
React$1.createElement('button', { type: "button", onClick: handleNextYear, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17581
|
+
React$1.createElement('button', { type: "button", onClick: handleNextYear, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 295}}
|
|
17570
17582
|
/*circle arrow right*/
|
|
17571
|
-
, React$1.createElement('svg', { width: "20", height: "20", viewBox: "0 0 20 20" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17572
|
-
, React$1.createElement('path', { d: "M13.71 10.71C13.801 10.6149 13.8724 10.5028 13.92 10.38C14.02 10.1365 14.02 9.86347 13.92 9.62C13.8724 9.49725 13.801 9.38511 13.71 9.29L10.71 6.29C10.5217 6.1017 10.2663 5.99591 10 5.99591C9.7337 5.99591 9.47831 6.1017 9.29 6.29C9.1017 6.47831 8.99591 6.7337 8.99591 7C8.99591 7.26631 9.1017 7.5217 9.29 7.71L10.59 9H7C6.73479 9 6.48043 9.10536 6.2929 9.2929C6.10536 9.48043 6 9.73479 6 10C6 10.2652 6.10536 10.5196 6.2929 10.7071C6.48043 10.8946 6.73479 11 7 11H10.59L9.29 12.29C9.19628 12.383 9.12188 12.4936 9.07111 12.6154C9.02034 12.7373 8.99421 12.868 8.99421 13C8.99421 13.132 9.02034 13.2627 9.07111 13.3846C9.12188 13.5064 9.19628 13.617 9.29 13.71C9.38297 13.8037 9.49357 13.8781 9.61543 13.9289C9.73729 13.9797 9.86799 14.0058 10 14.0058C10.132 14.0058 10.2627 13.9797 10.3846 13.9289C10.5064 13.8781 10.617 13.8037 10.71 13.71L13.71 10.71ZM20 10C20 8.02219 19.4135 6.08879 18.3147 4.4443C17.2159 2.79981 15.6541 1.51809 13.8268 0.761209C11.9996 0.00433284 9.98891 -0.193701 8.0491 0.192152C6.10929 0.578004 4.32746 1.53041 2.92894 2.92894C1.53041 4.32746 0.578004 6.10929 0.192152 8.0491C-0.193701 9.98891 0.00433284 11.9996 0.761209 13.8268C1.51809 15.6541 2.79981 17.2159 4.4443 18.3147C6.08879 19.4135 8.02219 20 10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10ZM2 10C2 8.41775 2.4692 6.87104 3.34825 5.55544C4.2273 4.23985 5.47673 3.21447 6.93854 2.60897C8.40035 2.00347 10.0089 1.84504 11.5607 2.15372C13.1126 2.4624 14.538 3.22433 15.6569 4.34315C16.7757 5.46197 17.5376 6.88743 17.8463 8.43928C18.155 9.99113 17.9965 11.5997 17.391 13.0615C16.7855 14.5233 15.7602 15.7727 14.4446 16.6518C13.129 17.5308 11.5823 18 10 18C7.87827 18 5.84344 17.1572 4.34315 15.6569C2.84286 14.1566 2 12.1217 2 10Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17583
|
+
, React$1.createElement('svg', { width: "20", height: "20", viewBox: "0 0 20 20" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 297}}
|
|
17584
|
+
, React$1.createElement('path', { d: "M13.71 10.71C13.801 10.6149 13.8724 10.5028 13.92 10.38C14.02 10.1365 14.02 9.86347 13.92 9.62C13.8724 9.49725 13.801 9.38511 13.71 9.29L10.71 6.29C10.5217 6.1017 10.2663 5.99591 10 5.99591C9.7337 5.99591 9.47831 6.1017 9.29 6.29C9.1017 6.47831 8.99591 6.7337 8.99591 7C8.99591 7.26631 9.1017 7.5217 9.29 7.71L10.59 9H7C6.73479 9 6.48043 9.10536 6.2929 9.2929C6.10536 9.48043 6 9.73479 6 10C6 10.2652 6.10536 10.5196 6.2929 10.7071C6.48043 10.8946 6.73479 11 7 11H10.59L9.29 12.29C9.19628 12.383 9.12188 12.4936 9.07111 12.6154C9.02034 12.7373 8.99421 12.868 8.99421 13C8.99421 13.132 9.02034 13.2627 9.07111 13.3846C9.12188 13.5064 9.19628 13.617 9.29 13.71C9.38297 13.8037 9.49357 13.8781 9.61543 13.9289C9.73729 13.9797 9.86799 14.0058 10 14.0058C10.132 14.0058 10.2627 13.9797 10.3846 13.9289C10.5064 13.8781 10.617 13.8037 10.71 13.71L13.71 10.71ZM20 10C20 8.02219 19.4135 6.08879 18.3147 4.4443C17.2159 2.79981 15.6541 1.51809 13.8268 0.761209C11.9996 0.00433284 9.98891 -0.193701 8.0491 0.192152C6.10929 0.578004 4.32746 1.53041 2.92894 2.92894C1.53041 4.32746 0.578004 6.10929 0.192152 8.0491C-0.193701 9.98891 0.00433284 11.9996 0.761209 13.8268C1.51809 15.6541 2.79981 17.2159 4.4443 18.3147C6.08879 19.4135 8.02219 20 10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10ZM2 10C2 8.41775 2.4692 6.87104 3.34825 5.55544C4.2273 4.23985 5.47673 3.21447 6.93854 2.60897C8.40035 2.00347 10.0089 1.84504 11.5607 2.15372C13.1126 2.4624 14.538 3.22433 15.6569 4.34315C16.7757 5.46197 17.5376 6.88743 17.8463 8.43928C18.155 9.99113 17.9965 11.5997 17.391 13.0615C16.7855 14.5233 15.7602 15.7727 14.4446 16.6518C13.129 17.5308 11.5823 18 10 18C7.87827 18 5.84344 17.1572 4.34315 15.6569C2.84286 14.1566 2 12.1217 2 10Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 298}})
|
|
17573
17585
|
)
|
|
17574
17586
|
)
|
|
17575
17587
|
|
|
17576
17588
|
)
|
|
17577
17589
|
/*calendar view*/
|
|
17578
|
-
, React$1.createElement('div', { style: {display: calendarView ? 'block ' : 'none'}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17579
|
-
, React$1.createElement('div', { className: "weekdays", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17590
|
+
, React$1.createElement('div', { style: {display: calendarView ? 'block ' : 'none'}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 304}}
|
|
17591
|
+
, React$1.createElement('div', { className: "weekdays", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 305}}
|
|
17580
17592
|
, daysOfWeek.map((day) => (
|
|
17581
|
-
React$1.createElement('div', { key: day, className: "weekday", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17593
|
+
React$1.createElement('div', { key: day, className: "weekday", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 307}}
|
|
17582
17594
|
, day
|
|
17583
17595
|
)
|
|
17584
17596
|
))
|
|
17585
17597
|
)
|
|
17586
|
-
, React$1.createElement('div', { className: "days", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17598
|
+
, React$1.createElement('div', { className: "days", __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 312}}, renderCalendar())
|
|
17587
17599
|
)
|
|
17588
17600
|
|
|
17589
17601
|
/*year picker*/
|
|
17590
|
-
, React$1.createElement('div', { style: {display: !calendarView ? 'block' : 'none'}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber:
|
|
17602
|
+
, React$1.createElement('div', { style: {display: !calendarView ? 'block' : 'none'}, __self: undefined, __source: {fileName: _jsxFileName$R, lineNumber: 316}}
|
|
17591
17603
|
, renderYearPicker(currentYear)
|
|
17592
17604
|
)
|
|
17593
17605
|
)
|
|
@@ -25535,7 +25547,7 @@ const DropdownField = styled.div`
|
|
|
25535
25547
|
justify-content: center;
|
|
25536
25548
|
align-items: center;
|
|
25537
25549
|
gap: 5px;
|
|
25538
|
-
padding-
|
|
25550
|
+
padding-inline: 6px !important;
|
|
25539
25551
|
}
|
|
25540
25552
|
.search-field{
|
|
25541
25553
|
position: relative;
|
|
@@ -26896,7 +26908,7 @@ const _jsxFileName$4 = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\compon
|
|
|
26896
26908
|
* Dropdown component for selecting from a list of options
|
|
26897
26909
|
*/
|
|
26898
26910
|
const PhoneInput = (props) => {
|
|
26899
|
-
let {selectedCountryCode,initialCountryCode,disabled,label,placeholder,width,required,inputName,onChange} = props;
|
|
26911
|
+
let {selectedCountryCode,initialCountryCode,initialPhoneNumber,disabled,label,placeholder,width,required,inputName,onChange} = props;
|
|
26900
26912
|
const [opened,setOpened] = React$1.useState(false);
|
|
26901
26913
|
const [passedOption,setPassedOption] = React$1.useState({});
|
|
26902
26914
|
const [err,setErr] = React$1.useState(false);
|
|
@@ -26930,45 +26942,51 @@ const PhoneInput = (props) => {
|
|
|
26930
26942
|
setCountryCodesRec(countryCodesArr);
|
|
26931
26943
|
},[countryCodesArr]);
|
|
26932
26944
|
|
|
26933
|
-
|
|
26945
|
+
/*useEffect(() => {
|
|
26934
26946
|
if (countryCode){
|
|
26935
26947
|
setTimeout(()=>{
|
|
26936
|
-
(document.querySelector('.input-field') ).focus()
|
|
26937
|
-
},300)
|
|
26948
|
+
(document.querySelector('.input-field') as HTMLElement).focus()
|
|
26949
|
+
},300)
|
|
26938
26950
|
}
|
|
26939
|
-
}, [countryCode])
|
|
26951
|
+
}, [countryCode]);*/
|
|
26940
26952
|
|
|
26941
26953
|
React$1.useEffect(() => {
|
|
26942
26954
|
onChange({
|
|
26943
26955
|
countryCode:countryCode,
|
|
26944
26956
|
phoneNumber:Number(srVal)
|
|
26945
26957
|
});
|
|
26946
|
-
|
|
26947
26958
|
}, [countryCode,srVal]);
|
|
26948
26959
|
|
|
26960
|
+
React$1.useEffect(()=>{
|
|
26961
|
+
if (initialPhoneNumber && initialCountryCode){
|
|
26962
|
+
setSrVal(initialPhoneNumber.toString());
|
|
26963
|
+
setCntryCd(initialCountryCode);
|
|
26964
|
+
}
|
|
26965
|
+
},[initialCountryCode,initialPhoneNumber]);
|
|
26966
|
+
|
|
26949
26967
|
function filterList(qry){
|
|
26950
26968
|
setQryStr(qry);
|
|
26951
26969
|
setCountryCodesRec(countryCodes.filter((option)=>option.country.toLowerCase().includes(qry.toLowerCase())));
|
|
26952
26970
|
}
|
|
26953
26971
|
|
|
26954
26972
|
return (
|
|
26955
|
-
React$1.createElement(FieldContainer, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26973
|
+
React$1.createElement(FieldContainer, { style: {width:width ? width : '100%'}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 83}}
|
|
26956
26974
|
, !disabled &&
|
|
26957
26975
|
React$1.createElement(React$1.Fragment, null
|
|
26958
26976
|
, label &&
|
|
26959
|
-
React$1.createElement(InputLabel$1, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26960
|
-
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26977
|
+
React$1.createElement(InputLabel$1, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 87}}
|
|
26978
|
+
, React$1.createElement('label', { className: "paragraph2Medium", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 88}}, label)
|
|
26961
26979
|
)
|
|
26962
26980
|
|
|
26963
|
-
, React$1.createElement(DropdownField, { className: selStatus, style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26981
|
+
, React$1.createElement(DropdownField, { className: selStatus, style: {borderColor:passedOption.value ? theme.colors["success-500"] : theme.colors["neutral-200"]}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 91}}
|
|
26964
26982
|
, React$1.createElement('input', { className: "sr-only", value: cntryCd, required: required, onChange: ()=>{}, onInvalid: (e)=>{
|
|
26965
26983
|
setSelStatus('error');
|
|
26966
26984
|
setErrMsg('Select a country code');
|
|
26967
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26985
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 92}})
|
|
26968
26986
|
, React$1.createElement('input', { className: "sr-only", value: srVal, required: required, onChange: ()=>{}, onInvalid: (e)=>{
|
|
26969
26987
|
setSelStatus('error');
|
|
26970
26988
|
setErrMsg('This field is required');
|
|
26971
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26989
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 96}})
|
|
26972
26990
|
, React$1.createElement('button', { ref: buttonRef, type: "button", className: `dropdown-field ${err ? 'error' : ''}`, onBlur: ()=>{
|
|
26973
26991
|
if (required) {
|
|
26974
26992
|
if (!opened){
|
|
@@ -26985,17 +27003,17 @@ const PhoneInput = (props) => {
|
|
|
26985
27003
|
}else {
|
|
26986
27004
|
setOpened(true);
|
|
26987
27005
|
}
|
|
26988
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26989
|
-
, countryCode ? countryCode : React$1.createElement('img', { src: img, alt: "globe icon" , __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27006
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 100}}
|
|
27007
|
+
, countryCode ? countryCode : React$1.createElement('img', { src: img, alt: "globe icon" , __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 117}})
|
|
26990
27008
|
|
|
26991
27009
|
, React$1.createElement(DropdownIcon, { className: `dropdown-icon ${opened ? 'expanded' : 'collapsed'}`, onMouseUp: ()=>{
|
|
26992
27010
|
if (!opened){
|
|
26993
27011
|
buttonRef.current.focus();
|
|
26994
27012
|
setOpened(true);
|
|
26995
27013
|
}
|
|
26996
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26997
|
-
, React$1.createElement('svg', { width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
26998
|
-
, React$1.createElement('path', { d: "M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27014
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 119}}
|
|
27015
|
+
, React$1.createElement('svg', { width: "12", height: "8", viewBox: "0 0 12 8" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 125}}
|
|
27016
|
+
, React$1.createElement('path', { d: "M10.9999 1.17C10.8126 0.983753 10.5591 0.879211 10.2949 0.879211C10.0308 0.879211 9.77731 0.983753 9.58995 1.17L5.99995 4.71L2.45995 1.17C2.27259 0.983753 2.01913 0.879211 1.75495 0.879211C1.49076 0.879211 1.23731 0.983753 1.04995 1.17C0.95622 1.26297 0.881826 1.37357 0.831057 1.49543C0.780288 1.61729 0.75415 1.74799 0.75415 1.88C0.75415 2.01202 0.780288 2.14272 0.831057 2.26458C0.881826 2.38644 0.95622 2.49704 1.04995 2.59L5.28995 6.83C5.38291 6.92373 5.49351 6.99813 5.61537 7.04889C5.73723 7.09966 5.86794 7.1258 5.99995 7.1258C6.13196 7.1258 6.26267 7.09966 6.38453 7.04889C6.50638 6.99813 6.61699 6.92373 6.70995 6.83L10.9999 2.59C11.0937 2.49704 11.1681 2.38644 11.2188 2.26458C11.2696 2.14272 11.2957 2.01202 11.2957 1.88C11.2957 1.74799 11.2696 1.61729 11.2188 1.49543C11.1681 1.37357 11.0937 1.26297 10.9999 1.17Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 126}})
|
|
26999
27017
|
)
|
|
27000
27018
|
)
|
|
27001
27019
|
)
|
|
@@ -27011,19 +27029,19 @@ const PhoneInput = (props) => {
|
|
|
27011
27029
|
}else {
|
|
27012
27030
|
setSelStatus(srVal ? 'success' : '');
|
|
27013
27031
|
}
|
|
27014
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27032
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 130}})
|
|
27015
27033
|
, opened &&
|
|
27016
27034
|
React$1.createElement(React$1.Fragment, null
|
|
27017
27035
|
, countryCodes && countryCodes.length > 0 &&
|
|
27018
|
-
React$1.createElement(OptionsList, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27019
|
-
, React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27020
|
-
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27021
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27022
|
-
, React$1.createElement('path', { d: "M14.4733 13.5267L12 11.0733C12.9601 9.87627 13.425 8.35686 13.2992 6.82753C13.1734 5.2982 12.4664 3.87519 11.3237 2.85109C10.1809 1.827 8.6892 1.27967 7.15528 1.32164C5.62136 1.36362 4.16181 1.99171 3.07676 3.07676C1.99171 4.16181 1.36362 5.62136 1.32164 7.15528C1.27967 8.6892 1.827 10.1809 2.85109 11.3237C3.87519 12.4664 5.2982 13.1734 6.82753 13.2992C8.35686 13.425 9.87627 12.9601 11.0733 12L13.5267 14.4533C13.5886 14.5158 13.6624 14.5654 13.7436 14.5993C13.8249 14.6331 13.912 14.6505 14 14.6505C14.088 14.6505 14.1751 14.6331 14.2564 14.5993C14.3376 14.5654 14.4114 14.5158 14.4733 14.4533C14.5935 14.329 14.6607 14.1629 14.6607 13.99C14.6607 13.8171 14.5935 13.651 14.4733 13.5267ZM7.33333 12C6.41035 12 5.5081 11.7263 4.74067 11.2135C3.97324 10.7007 3.3751 9.97191 3.02189 9.11919C2.66868 8.26646 2.57627 7.32815 2.75633 6.42291C2.9364 5.51766 3.38085 4.68614 4.0335 4.0335C4.68614 3.38085 5.51766 2.9364 6.42291 2.75633C7.32815 2.57627 8.26646 2.66868 9.11919 3.02189C9.97191 3.3751 10.7007 3.97324 11.2135 4.74067C11.7263 5.5081 12 6.41035 12 7.33333C12 8.57101 11.5083 9.75799 10.6332 10.6332C9.75799 11.5083 8.57101 12 7.33333 12Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27036
|
+
React$1.createElement(OptionsList, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 146}}
|
|
27037
|
+
, React$1.createElement('div', { className: "search-field", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 147}}
|
|
27038
|
+
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 148}}
|
|
27039
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_2834_8051)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 149}}
|
|
27040
|
+
, React$1.createElement('path', { d: "M14.4733 13.5267L12 11.0733C12.9601 9.87627 13.425 8.35686 13.2992 6.82753C13.1734 5.2982 12.4664 3.87519 11.3237 2.85109C10.1809 1.827 8.6892 1.27967 7.15528 1.32164C5.62136 1.36362 4.16181 1.99171 3.07676 3.07676C1.99171 4.16181 1.36362 5.62136 1.32164 7.15528C1.27967 8.6892 1.827 10.1809 2.85109 11.3237C3.87519 12.4664 5.2982 13.1734 6.82753 13.2992C8.35686 13.425 9.87627 12.9601 11.0733 12L13.5267 14.4533C13.5886 14.5158 13.6624 14.5654 13.7436 14.5993C13.8249 14.6331 13.912 14.6505 14 14.6505C14.088 14.6505 14.1751 14.6331 14.2564 14.5993C14.3376 14.5654 14.4114 14.5158 14.4733 14.4533C14.5935 14.329 14.6607 14.1629 14.6607 13.99C14.6607 13.8171 14.5935 13.651 14.4733 13.5267ZM7.33333 12C6.41035 12 5.5081 11.7263 4.74067 11.2135C3.97324 10.7007 3.3751 9.97191 3.02189 9.11919C2.66868 8.26646 2.57627 7.32815 2.75633 6.42291C2.9364 5.51766 3.38085 4.68614 4.0335 4.0335C4.68614 3.38085 5.51766 2.9364 6.42291 2.75633C7.32815 2.57627 8.26646 2.66868 9.11919 3.02189C9.97191 3.3751 10.7007 3.97324 11.2135 4.74067C11.7263 5.5081 12 6.41035 12 7.33333C12 8.57101 11.5083 9.75799 10.6332 10.6332C9.75799 11.5083 8.57101 12 7.33333 12Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 150}})
|
|
27023
27041
|
)
|
|
27024
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27025
|
-
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27026
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27042
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 152}}
|
|
27043
|
+
, React$1.createElement('clipPath', { id: "clip0_2834_8051", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 153}}
|
|
27044
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 154}})
|
|
27027
27045
|
)
|
|
27028
27046
|
)
|
|
27029
27047
|
)
|
|
@@ -27031,7 +27049,7 @@ const PhoneInput = (props) => {
|
|
|
27031
27049
|
setTimeout(()=>{
|
|
27032
27050
|
setOpened(false);
|
|
27033
27051
|
},200);
|
|
27034
|
-
}, placeholder: "Search by country" , autoFocus: true, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27052
|
+
}, placeholder: "Search by country" , autoFocus: true, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 158}})
|
|
27035
27053
|
)
|
|
27036
27054
|
, countryCodesRec.map((option, index) => (
|
|
27037
27055
|
React$1.createElement(DropdownOption, { key: index, onClick: ()=>{
|
|
@@ -27045,8 +27063,10 @@ const PhoneInput = (props) => {
|
|
|
27045
27063
|
selectedCountryCode(option);
|
|
27046
27064
|
}
|
|
27047
27065
|
setCntryCd(option.dial_code);
|
|
27066
|
+
(document.querySelector('.input-field') ).focus();
|
|
27067
|
+
|
|
27048
27068
|
},200);
|
|
27049
|
-
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27069
|
+
}, __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 165}}, React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 179}}, "(", option.dial_code, ") " , option.country))
|
|
27050
27070
|
))
|
|
27051
27071
|
)
|
|
27052
27072
|
|
|
@@ -27054,27 +27074,27 @@ const PhoneInput = (props) => {
|
|
|
27054
27074
|
|
|
27055
27075
|
)
|
|
27056
27076
|
, selStatus === 'error' && errMsg &&
|
|
27057
|
-
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27058
|
-
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27059
|
-
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27060
|
-
, React$1.createElement('path', { d: "M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27077
|
+
React$1.createElement('div', { className: "err-msg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 187}}
|
|
27078
|
+
, React$1.createElement('svg', { width: "16", height: "16", viewBox: "0 0 16 16" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 188}}
|
|
27079
|
+
, React$1.createElement('g', { clipPath: "url(#clip0_299_2778)", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 189}}
|
|
27080
|
+
, React$1.createElement('path', { d: "M8.00006 10.6667C7.86821 10.6667 7.73931 10.7058 7.62968 10.779C7.52005 10.8523 7.4346 10.9564 7.38414 11.0782C7.33368 11.2 7.32048 11.3341 7.3462 11.4634C7.37193 11.5927 7.43542 11.7115 7.52866 11.8048C7.62189 11.898 7.74068 11.9615 7.87 11.9872C7.99932 12.0129 8.13336 11.9997 8.25518 11.9493C8.377 11.8988 8.48112 11.8134 8.55437 11.7037C8.62763 11.5941 8.66673 11.4652 8.66673 11.3334C8.66673 11.1565 8.59649 10.987 8.47146 10.8619C8.34644 10.7369 8.17687 10.6667 8.00006 10.6667ZM15.1134 11.6467L9.74673 2.31335C9.57326 2.00236 9.31992 1.74332 9.01285 1.563C8.70579 1.38267 8.35615 1.2876 8.00006 1.2876C7.64396 1.2876 7.29433 1.38267 6.98726 1.563C6.6802 1.74332 6.42686 2.00236 6.25339 2.31335L0.92006 11.6467C0.74059 11.9494 0.644155 12.294 0.640489 12.6459C0.636824 12.9978 0.726058 13.3444 0.899184 13.6507C1.07231 13.9571 1.3232 14.2123 1.62652 14.3907C1.92984 14.5691 2.27485 14.6643 2.62673 14.6667H13.3734C13.7281 14.6702 14.0773 14.5793 14.3853 14.4033C14.6933 14.2273 14.949 13.9726 15.126 13.6652C15.3031 13.3579 15.3953 13.009 15.3931 12.6542C15.3908 12.2995 15.2943 11.9518 15.1134 11.6467ZM13.9601 12.98C13.9016 13.084 13.8164 13.1704 13.7132 13.2302C13.61 13.29 13.4927 13.321 13.3734 13.32H2.62673C2.50747 13.321 2.39013 13.29 2.28694 13.2302C2.18375 13.1704 2.0985 13.084 2.04006 12.98C1.98155 12.8787 1.95074 12.7637 1.95074 12.6467C1.95074 12.5297 1.98155 12.4147 2.04006 12.3134L7.37339 2.98002C7.42934 2.87082 7.51433 2.77917 7.61902 2.71518C7.72371 2.65119 7.84403 2.61733 7.96673 2.61733C8.08942 2.61733 8.20974 2.65119 8.31443 2.71518C8.41912 2.77917 8.50411 2.87082 8.56006 2.98002L13.9267 12.3134C13.9929 12.4132 14.0309 12.5291 14.0367 12.6488C14.0426 12.7684 14.0161 12.8875 13.9601 12.9934V12.98ZM8.00006 5.33335C7.82325 5.33335 7.65368 5.40359 7.52866 5.52861C7.40363 5.65364 7.33339 5.82321 7.33339 6.00002V8.66669C7.33339 8.8435 7.40363 9.01307 7.52866 9.13809C7.65368 9.26311 7.82325 9.33335 8.00006 9.33335C8.17687 9.33335 8.34644 9.26311 8.47146 9.13809C8.59649 9.01307 8.66673 8.8435 8.66673 8.66669V6.00002C8.66673 5.82321 8.59649 5.65364 8.47146 5.52861C8.34644 5.40359 8.17687 5.33335 8.00006 5.33335Z" , fill: "#F80000", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 190}})
|
|
27061
27081
|
)
|
|
27062
|
-
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27063
|
-
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27064
|
-
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27082
|
+
, React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 192}}
|
|
27083
|
+
, React$1.createElement('clipPath', { id: "clip0_299_2778", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 193}}
|
|
27084
|
+
, React$1.createElement('rect', { width: "16", height: "16", fill: "white", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 194}})
|
|
27065
27085
|
)
|
|
27066
27086
|
)
|
|
27067
27087
|
)
|
|
27068
|
-
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27088
|
+
, React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 198}}, errMsg)
|
|
27069
27089
|
)
|
|
27070
27090
|
|
|
27071
27091
|
)
|
|
27072
27092
|
|
|
27073
27093
|
, disabled &&
|
|
27074
|
-
React$1.createElement(DisabledContainer, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27075
|
-
, React$1.createElement('img', { src: img, alt: "globe icon" , __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27076
|
-
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27077
|
-
, React$1.createElement('path', { d: "M16.9999 9.16994C16.8126 8.98369 16.5591 8.87915 16.2949 8.87915C16.0308 8.87915 15.7773 8.98369 15.5899 9.16994L11.9999 12.7099L8.45995 9.16994C8.27259 8.98369 8.01913 8.87915 7.75495 8.87915C7.49076 8.87915 7.23731 8.98369 7.04995 9.16994C6.95622 9.26291 6.88183 9.37351 6.83106 9.49537C6.78029 9.61723 6.75415 9.74793 6.75415 9.87994C6.75415 10.012 6.78029 10.1427 6.83106 10.2645C6.88183 10.3864 6.95622 10.497 7.04995 10.5899L11.2899 14.8299C11.3829 14.9237 11.4935 14.9981 11.6154 15.0488C11.7372 15.0996 11.8679 15.1257 11.9999 15.1257C12.132 15.1257 12.2627 15.0996 12.3845 15.0488C12.5064 14.9981 12.617 14.9237 12.7099 14.8299L16.9999 10.5899C17.0937 10.497 17.1681 10.3864 17.2188 10.2645C17.2696 10.1427 17.2957 10.012 17.2957 9.87994C17.2957 9.74793 17.2696 9.61723 17.2188 9.49537C17.1681 9.37351 17.0937 9.26291 16.9999 9.16994Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber:
|
|
27094
|
+
React$1.createElement(DisabledContainer, {__self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 204}}
|
|
27095
|
+
, React$1.createElement('img', { src: img, alt: "globe icon" , __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 205}})
|
|
27096
|
+
, React$1.createElement('svg', { width: "24", height: "24", viewBox: "0 0 24 24" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 206}}
|
|
27097
|
+
, React$1.createElement('path', { d: "M16.9999 9.16994C16.8126 8.98369 16.5591 8.87915 16.2949 8.87915C16.0308 8.87915 15.7773 8.98369 15.5899 9.16994L11.9999 12.7099L8.45995 9.16994C8.27259 8.98369 8.01913 8.87915 7.75495 8.87915C7.49076 8.87915 7.23731 8.98369 7.04995 9.16994C6.95622 9.26291 6.88183 9.37351 6.83106 9.49537C6.78029 9.61723 6.75415 9.74793 6.75415 9.87994C6.75415 10.012 6.78029 10.1427 6.83106 10.2645C6.88183 10.3864 6.95622 10.497 7.04995 10.5899L11.2899 14.8299C11.3829 14.9237 11.4935 14.9981 11.6154 15.0488C11.7372 15.0996 11.8679 15.1257 11.9999 15.1257C12.132 15.1257 12.2627 15.0996 12.3845 15.0488C12.5064 14.9981 12.617 14.9237 12.7099 14.8299L16.9999 10.5899C17.0937 10.497 17.1681 10.3864 17.2188 10.2645C17.2696 10.1427 17.2957 10.012 17.2957 9.87994C17.2957 9.74793 17.2696 9.61723 17.2188 9.49537C17.1681 9.37351 17.0937 9.26291 16.9999 9.16994Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$4, lineNumber: 207}})
|
|
27078
27098
|
)
|
|
27079
27099
|
)
|
|
27080
27100
|
|