@piu-company/react-toolkit 1.0.3 → 1.0.5
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/AppProvider.d.ts +16 -16
- package/dist/animations/QuadSpinner.d.ts +13 -13
- package/dist/animations/Ripple.d.ts +15 -15
- package/dist/animations/SvgAnimations.d.ts +11 -11
- package/dist/animations/index.d.ts +3 -3
- package/dist/authentication/AuthenticationProvider.d.ts +11 -11
- package/dist/authentication/context.d.ts +5 -5
- package/dist/authentication/duck.d.ts +36 -36
- package/dist/authentication/index.d.ts +4 -4
- package/dist/authentication/types.d.ts +1 -1
- package/dist/axios.d.ts +167 -167
- package/dist/breadCrumb/BreadCrumbProvider.d.ts +5 -5
- package/dist/breadCrumb/context.d.ts +8 -8
- package/dist/breadCrumb/index.d.ts +3 -3
- package/dist/breadCrumb/types.d.ts +4 -4
- package/dist/components/Consumers/NotificationConsumer.d.ts +1 -1
- package/dist/components/Consumers/SnackbarsConsumer.d.ts +1 -1
- package/dist/components/Consumers/ToolTipConsumer.d.ts +1 -1
- package/dist/components/Consumers/index.d.ts +3 -3
- package/dist/components/Firebase/FbImage.d.ts +7 -7
- package/dist/components/Firebase/index.d.ts +2 -2
- package/dist/components/Firebase/types.d.ts +14 -14
- package/dist/components/Forms/ChangePassword.d.ts +9 -9
- package/dist/components/Forms/index.d.ts +1 -1
- package/dist/components/GoogleCalendar/GoogleCalendarProvider.d.ts +6 -6
- package/dist/components/GoogleCalendar/context.d.ts +5 -5
- package/dist/components/GoogleCalendar/index.d.ts +2 -2
- package/dist/components/GoogleCalendar/types.d.ts +10 -10
- package/dist/components/GoogleMaps/GMap.d.ts +27 -27
- package/dist/components/GoogleMaps/GMapInput.d.ts +17 -15
- package/dist/components/GoogleMaps/GoogleMapsProvider.d.ts +6 -6
- package/dist/components/GoogleMaps/context.d.ts +5 -5
- package/dist/components/GoogleMaps/index.d.ts +4 -4
- package/dist/components/Layout/TitledRow.d.ts +14 -14
- package/dist/components/Layout/index.d.ts +1 -1
- package/dist/components/Level1/A.d.ts +6 -6
- package/dist/components/Level1/Button.d.ts +29 -29
- package/dist/components/Level1/Container.d.ts +57 -57
- package/dist/components/Level1/DropdownButton.d.ts +11 -11
- package/dist/components/Level1/FadeInOut.d.ts +7 -7
- package/dist/components/Level1/Hr.d.ts +13 -13
- package/dist/components/Level1/Icon.d.ts +18 -18
- package/dist/components/Level1/Slider.d.ts +19 -19
- package/dist/components/Level1/Spacer.d.ts +5 -5
- package/dist/components/Level1/Typography.d.ts +37 -37
- package/dist/components/Level1/index.d.ts +10 -10
- package/dist/components/Level2/Card.d.ts +9 -9
- package/dist/components/Level2/Checkbox.d.ts +29 -29
- package/dist/components/Level2/Cover.d.ts +10 -10
- package/dist/components/Level2/DatePicker/DatePicker.d.ts +17 -17
- package/dist/components/Level2/DatePicker/DayPicker.d.ts +43 -43
- package/dist/components/Level2/DatePicker/MonthPicker.d.ts +27 -27
- package/dist/components/Level2/DatePicker/index.d.ts +4 -4
- package/dist/components/Level2/DatePicker/types.d.ts +8 -8
- package/dist/components/Level2/FloatingDiv.d.ts +17 -17
- package/dist/components/Level2/IconButton.d.ts +23 -23
- package/dist/components/Level2/Linker.d.ts +7 -7
- package/dist/components/Level2/MultiButtonSelect.d.ts +24 -24
- package/dist/components/Level2/Overlay.d.ts +36 -36
- package/dist/components/Level2/PanelForm/PanelForm.d.ts +9 -9
- package/dist/components/Level2/PanelForm/PanelFormContent.d.ts +5 -5
- package/dist/components/Level2/PanelForm/PanelFormSaveSection.d.ts +10 -10
- package/dist/components/Level2/PanelForm/PanelFormSection.d.ts +6 -6
- package/dist/components/Level2/PanelForm/PanelFormTitleSection.d.ts +6 -6
- package/dist/components/Level2/PanelForm/index.d.ts +5 -5
- package/dist/components/Level2/PillContainer.d.ts +13 -13
- package/dist/components/Level2/RadioButton.d.ts +10 -10
- package/dist/components/Level2/SideMenu/SideMenu.d.ts +24 -24
- package/dist/components/Level2/SideMenu/SideMenuButton.d.ts +16 -16
- package/dist/components/Level2/SideMenu/SideMenuNav.d.ts +12 -12
- package/dist/components/Level2/SideMenu/index.d.ts +3 -3
- package/dist/components/Level2/SideMenu/types.d.ts +25 -25
- package/dist/components/Level2/SocialButtons/FacebookButton.d.ts +12 -12
- package/dist/components/Level2/SocialButtons/GoogleButton.d.ts +12 -12
- package/dist/components/Level2/SocialButtons/index.d.ts +2 -2
- package/dist/components/Level2/Switch.d.ts +11 -11
- package/dist/components/Level2/TargetCard.d.ts +43 -43
- package/dist/components/Level2/TextField/Masker.d.ts +13 -13
- package/dist/components/Level2/TextField/TextField.d.ts +16 -16
- package/dist/components/Level2/TextField/TextFieldContainer.d.ts +18 -18
- package/dist/components/Level2/TextField/index.d.ts +3 -3
- package/dist/components/Level2/ThemeToggle.d.ts +5 -5
- package/dist/components/Level2/Tooltip.d.ts +21 -21
- package/dist/components/Level2/Uploader/UploadPreview.d.ts +9 -9
- package/dist/components/Level2/Uploader/Uploader.d.ts +30 -30
- package/dist/components/Level2/Uploader/index.d.ts +3 -3
- package/dist/components/Level2/Uploader/types.d.ts +7 -7
- package/dist/components/Level2/index.d.ts +20 -20
- package/dist/components/Level3/AreaChart.d.ts +29 -29
- package/dist/components/Level3/BarChart.d.ts +26 -26
- package/dist/components/Level3/BreadCrumb.d.ts +5 -5
- package/dist/components/Level3/Chart.d.ts +22 -22
- package/dist/components/Level3/ColorPicker.d.ts +9 -9
- package/dist/components/Level3/DashboardCard.d.ts +18 -18
- package/dist/components/Level3/DashboardCardV2.d.ts +13 -13
- package/dist/components/Level3/DashboardSelector/DashboardSelector.d.ts +8 -8
- package/dist/components/Level3/DashboardSelector/index.d.ts +2 -2
- package/dist/components/Level3/DashboardSelector/types.d.ts +4 -4
- package/dist/components/Level3/DateField.d.ts +31 -31
- package/dist/components/Level3/FloatingIconButton.d.ts +19 -19
- package/dist/components/Level3/FloatingIconButtonList.d.ts +13 -13
- package/dist/components/Level3/FullScreenButton.d.ts +2 -2
- package/dist/components/Level3/ListEditor.d.ts +12 -12
- package/dist/components/Level3/MultiChart.d.ts +27 -27
- package/dist/components/Level3/OptionSelector/OptionSelector.d.ts +18 -18
- package/dist/components/Level3/OptionSelector/index.d.ts +2 -2
- package/dist/components/Level3/OptionSelector/types.d.ts +8 -8
- package/dist/components/Level3/OverlayTopBar.d.ts +32 -32
- package/dist/components/Level3/PasswordField.d.ts +17 -17
- package/dist/components/Level3/PhoneField/PhoneField.d.ts +12 -12
- package/dist/components/Level3/PhoneField/PhoneSelection.d.ts +15 -15
- package/dist/components/Level3/PhoneField/countryData.d.ts +7 -7
- package/dist/components/Level3/PhoneField/flags/index.d.ts +243 -243
- package/dist/components/Level3/PhoneField/functions.d.ts +4 -4
- package/dist/components/Level3/PhoneField/index.d.ts +6 -6
- package/dist/components/Level3/PhoneField/types.d.ts +5 -5
- package/dist/components/Level3/PieChart.d.ts +30 -30
- package/dist/components/Level3/Popup.d.ts +23 -23
- package/dist/components/Level3/ProfileBox.d.ts +27 -27
- package/dist/components/Level3/Snackbar.d.ts +16 -16
- package/dist/components/Level3/TimeField/TimeField.d.ts +23 -23
- package/dist/components/Level3/TimeField/TimePicker.d.ts +23 -23
- package/dist/components/Level3/TimeField/index.d.ts +2 -2
- package/dist/components/Level3/Topbar.d.ts +36 -36
- package/dist/components/Level3/index.d.ts +24 -24
- package/dist/components/Level4/ConfirmPopup.d.ts +14 -14
- package/dist/components/Level4/index.d.ts +1 -1
- package/dist/components/NextJS/NEXTGlobalStyle.d.ts +7 -7
- package/dist/components/NextJS/index.d.ts +2 -2
- package/dist/components/NextJS/utils.d.ts +1 -1
- package/dist/components/Stripe/CardCvc.d.ts +17 -17
- package/dist/components/Stripe/CardExpiry.d.ts +17 -17
- package/dist/components/Stripe/CardNumber.d.ts +17 -17
- package/dist/components/Stripe/StripeProvider.d.ts +9 -9
- package/dist/components/Stripe/context.d.ts +6 -6
- package/dist/components/Stripe/functions.d.ts +5 -5
- package/dist/components/Stripe/index.d.ts +6 -6
- package/dist/components/UseDataLayer/Autocomplete/Autocomplete.d.ts +10 -10
- package/dist/components/UseDataLayer/Autocomplete/AutocompleteUI.d.ts +21 -21
- package/dist/components/UseDataLayer/Autocomplete/OptionDiv.d.ts +12 -12
- package/dist/components/UseDataLayer/Autocomplete/Selection.d.ts +13 -13
- package/dist/components/UseDataLayer/Autocomplete/index.d.ts +5 -5
- package/dist/components/UseDataLayer/Autocomplete/types.d.ts +10 -10
- package/dist/components/UseDataLayer/CountrySelection.d.ts +11 -11
- package/dist/components/UseDataLayer/EntityList/EntityList.d.ts +10 -10
- package/dist/components/UseDataLayer/EntityList/EntityListUI.d.ts +12 -12
- package/dist/components/UseDataLayer/EntityList/index.d.ts +3 -3
- package/dist/components/UseDataLayer/EntityList/types.d.ts +1 -1
- package/dist/components/UseDataLayer/Table/Header.d.ts +24 -24
- package/dist/components/UseDataLayer/Table/PaginationControl.d.ts +8 -8
- package/dist/components/UseDataLayer/Table/Row.d.ts +22 -22
- package/dist/components/UseDataLayer/Table/ShowingControl.d.ts +18 -18
- package/dist/components/UseDataLayer/Table/ShowingFooter.d.ts +6 -6
- package/dist/components/UseDataLayer/Table/Table.d.ts +10 -10
- package/dist/components/UseDataLayer/Table/TableUI.d.ts +24 -24
- package/dist/components/UseDataLayer/Table/index.d.ts +8 -8
- package/dist/components/UseDataLayer/Table/types.d.ts +13 -13
- package/dist/components/UseDataLayer/TownSelection.d.ts +11 -11
- package/dist/components/UseDataLayer/index.d.ts +5 -5
- package/dist/components/UseRedux/Sidebar/Sidebar.d.ts +48 -48
- package/dist/components/UseRedux/Sidebar/SidebarButton.d.ts +25 -25
- package/dist/components/UseRedux/Sidebar/SidebarTitle.d.ts +14 -14
- package/dist/components/UseRedux/Sidebar/SidebarToggler.d.ts +16 -16
- package/dist/components/UseRedux/Sidebar/duck.d.ts +30 -30
- package/dist/components/UseRedux/Sidebar/index.d.ts +6 -6
- package/dist/components/UseRedux/Sidebar/types.d.ts +13 -13
- package/dist/components/UseRedux/index.d.ts +1 -1
- package/dist/components/index.d.ts +15 -15
- package/dist/components/pages/AuthPage/AuthPage.d.ts +18 -18
- package/dist/components/pages/AuthPage/index.d.ts +2 -2
- package/dist/components/pages/AuthPage/types.d.ts +14 -14
- package/dist/components/pages/AuthPageV2.d.ts +16 -16
- package/dist/components/pages/ErrorPage.d.ts +13 -13
- package/dist/components/pages/ForbiddenPage.d.ts +15 -15
- package/dist/components/pages/ForgotPasswordPage/ForgotPasswordForm.d.ts +5 -5
- package/dist/components/pages/ForgotPasswordPage/ForgotPasswordPage.d.ts +4 -4
- package/dist/components/pages/ForgotPasswordPage/index.d.ts +2 -2
- package/dist/components/pages/LoadingPage.d.ts +14 -14
- package/dist/components/pages/LoginPage/LoginForm.d.ts +20 -20
- package/dist/components/pages/LoginPage/LoginPage.d.ts +9 -9
- package/dist/components/pages/LoginPage/index.d.ts +2 -2
- package/dist/components/pages/LogoutPage.d.ts +5 -5
- package/dist/components/pages/NotFoundPage.d.ts +6 -6
- package/dist/components/pages/UnverifiedUserPage.d.ts +6 -6
- package/dist/components/pages/index.d.ts +10 -10
- package/dist/contextCheckers.d.ts +4 -4
- package/dist/dataEnums.d.ts +370 -370
- package/dist/dataLayer/DataContext.d.ts +11 -11
- package/dist/dataLayer/DataProvider.d.ts +53 -53
- package/dist/dataLayer/duck.d.ts +32 -32
- package/dist/dataLayer/index.d.ts +4 -4
- package/dist/dataLayer/types.d.ts +17 -17
- package/dist/generalTypes.d.ts +48 -48
- package/dist/geoUtils.d.ts +35 -35
- package/dist/hooks/index.d.ts +8 -8
- package/dist/hooks/types.d.ts +3 -3
- package/dist/hooks/useClickOutside.d.ts +3 -3
- package/dist/hooks/useCombinedRef.d.ts +1 -1
- package/dist/hooks/useEnterSubmit.d.ts +2 -2
- package/dist/hooks/useFBAuth.d.ts +2 -2
- package/dist/hooks/useInterval.d.ts +2 -2
- package/dist/hooks/useResize.d.ts +2 -2
- package/dist/hooks/useTimeout.d.ts +2 -2
- package/dist/index.cjs.js +456 -244
- package/dist/index.d.ts +22 -22
- package/dist/index.esm.js +456 -244
- package/dist/masker.d.ts +15 -15
- package/dist/navigation/NavProvider.d.ts +7 -7
- package/dist/navigation/context.d.ts +6 -6
- package/dist/navigation/index.d.ts +3 -3
- package/dist/navigation/types.d.ts +6 -6
- package/dist/notification/NotificationProvider.d.ts +21 -21
- package/dist/notification/context.d.ts +8 -8
- package/dist/notification/duck.d.ts +30 -30
- package/dist/notification/index.d.ts +3 -3
- package/dist/redux.d.ts +25 -25
- package/dist/size/SizeProvider.d.ts +6 -6
- package/dist/size/context.d.ts +5 -5
- package/dist/size/index.d.ts +3 -3
- package/dist/size/types.d.ts +5 -5
- package/dist/snackbar/SnackbarProvider.d.ts +5 -5
- package/dist/snackbar/context.d.ts +8 -8
- package/dist/snackbar/functions.d.ts +14 -14
- package/dist/snackbar/index.d.ts +4 -4
- package/dist/snackbar/types.d.ts +28 -28
- package/dist/styleEnums.d.ts +156 -156
- package/dist/theming/ThemeProvider.d.ts +26 -26
- package/dist/theming/context.d.ts +11 -11
- package/dist/theming/duck.d.ts +23 -23
- package/dist/theming/functions.d.ts +2 -2
- package/dist/theming/index.d.ts +5 -5
- package/dist/theming/types.d.ts +60 -60
- package/dist/tooltip/ToolTipProvider.d.ts +5 -5
- package/dist/tooltip/context.d.ts +10 -10
- package/dist/tooltip/index.d.ts +3 -3
- package/dist/tooltip/types.d.ts +8 -8
- package/dist/tsconfig.rollup.tsbuildinfo +1 -1
- package/dist/utils.d.ts +39 -39
- package/package.json +3 -3
- package/dist/tsconfig.tsbuildinfo +0 -1
package/dist/index.cjs.js
CHANGED
|
@@ -15421,7 +15421,7 @@ exports.TargetCardType = void 0;
|
|
|
15421
15421
|
TargetCardType["timepicker"] = "timepicker";
|
|
15422
15422
|
TargetCardType["profilebox"] = "profilebox";
|
|
15423
15423
|
})(exports.TargetCardType || (exports.TargetCardType = {}));
|
|
15424
|
-
const TargetCard = o.forwardRef(({ children, open, target, forceDirection, rightOffset, leftOffset, topOffset, bottomOffset, buttonHeight, buttonWidth, targetCardType, ...props }, ref) => {
|
|
15424
|
+
const TargetCard = o.forwardRef(({ children, open, target, forceDirection, forceHorizontal, rightOffset, leftOffset, topOffset, bottomOffset, buttonHeight, buttonWidth, targetCardType, ...props }, ref) => {
|
|
15425
15425
|
const { browser } = o.useContext(NavigationContext);
|
|
15426
15426
|
const [top, setTop] = o.useState();
|
|
15427
15427
|
const [bottom, setBottom] = o.useState();
|
|
@@ -15606,6 +15606,14 @@ const TargetCard = o.forwardRef(({ children, open, target, forceDirection, right
|
|
|
15606
15606
|
}
|
|
15607
15607
|
}
|
|
15608
15608
|
}
|
|
15609
|
+
if (size && forceHorizontal === 'right') {
|
|
15610
|
+
tempLeft = size.left;
|
|
15611
|
+
tempRight = null;
|
|
15612
|
+
}
|
|
15613
|
+
else if (size && forceHorizontal === 'left') {
|
|
15614
|
+
tempRight = window.innerWidth - size.right;
|
|
15615
|
+
tempLeft = null;
|
|
15616
|
+
}
|
|
15609
15617
|
if (topOffset && tempTop) {
|
|
15610
15618
|
tempTop = tempTop - topOffset;
|
|
15611
15619
|
}
|
|
@@ -15631,7 +15639,8 @@ const TargetCard = o.forwardRef(({ children, open, target, forceDirection, right
|
|
|
15631
15639
|
bottomOffset,
|
|
15632
15640
|
leftOffset,
|
|
15633
15641
|
rightOffset,
|
|
15634
|
-
forceDirection
|
|
15642
|
+
forceDirection,
|
|
15643
|
+
forceHorizontal
|
|
15635
15644
|
]);
|
|
15636
15645
|
useResize(updatePosition);
|
|
15637
15646
|
o.useEffect(() => {
|
|
@@ -34385,10 +34394,10 @@ function require_interop_require_default () {
|
|
|
34385
34394
|
if (hasRequired_interop_require_default) return _interop_require_default;
|
|
34386
34395
|
hasRequired_interop_require_default = 1;
|
|
34387
34396
|
|
|
34388
|
-
_interop_require_default._ = _interop_require_default._interop_require_default = _interop_require_default$1;
|
|
34389
34397
|
function _interop_require_default$1(obj) {
|
|
34390
34398
|
return obj && obj.__esModule ? obj : { default: obj };
|
|
34391
34399
|
}
|
|
34400
|
+
_interop_require_default._ = _interop_require_default$1;
|
|
34392
34401
|
return _interop_require_default;
|
|
34393
34402
|
}
|
|
34394
34403
|
|
|
@@ -34412,7 +34421,7 @@ function requireWarnOnce () {
|
|
|
34412
34421
|
}
|
|
34413
34422
|
});
|
|
34414
34423
|
let warnOnce = (_)=>{};
|
|
34415
|
-
if (process.env.NODE_ENV !==
|
|
34424
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
34416
34425
|
const warnings = new Set();
|
|
34417
34426
|
warnOnce = (msg)=>{
|
|
34418
34427
|
if (!warnings.has(msg)) {
|
|
@@ -34453,8 +34462,8 @@ function requireImageBlurSvg () {
|
|
|
34453
34462
|
const std = 20;
|
|
34454
34463
|
const svgWidth = blurWidth ? blurWidth * 40 : widthInt;
|
|
34455
34464
|
const svgHeight = blurHeight ? blurHeight * 40 : heightInt;
|
|
34456
|
-
const viewBox = svgWidth && svgHeight ? "viewBox='0 0 " + svgWidth + " " + svgHeight + "'" :
|
|
34457
|
-
const preserveAspectRatio = viewBox ?
|
|
34465
|
+
const viewBox = svgWidth && svgHeight ? "viewBox='0 0 " + svgWidth + " " + svgHeight + "'" : '';
|
|
34466
|
+
const preserveAspectRatio = viewBox ? 'none' : objectFit === 'contain' ? 'xMidYMid' : objectFit === 'cover' ? 'xMidYMid slice' : 'none';
|
|
34458
34467
|
return "%3Csvg xmlns='http://www.w3.org/2000/svg' " + viewBox + "%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='" + std + "'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='" + std + "'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='" + preserveAspectRatio + "' style='filter: url(%23b);' href='" + blurDataURL + "'/%3E%3C/svg%3E";
|
|
34459
34468
|
}
|
|
34460
34469
|
|
|
@@ -34489,11 +34498,11 @@ function requireImageConfig () {
|
|
|
34489
34498
|
}
|
|
34490
34499
|
});
|
|
34491
34500
|
const VALID_LOADERS = [
|
|
34492
|
-
|
|
34493
|
-
|
|
34494
|
-
|
|
34495
|
-
|
|
34496
|
-
|
|
34501
|
+
'default',
|
|
34502
|
+
'imgix',
|
|
34503
|
+
'cloudinary',
|
|
34504
|
+
'akamai',
|
|
34505
|
+
'custom'
|
|
34497
34506
|
];
|
|
34498
34507
|
const imageConfigDefault = {
|
|
34499
34508
|
deviceSizes: [
|
|
@@ -34516,18 +34525,20 @@ function requireImageConfig () {
|
|
|
34516
34525
|
256,
|
|
34517
34526
|
384
|
|
34518
34527
|
],
|
|
34519
|
-
path:
|
|
34520
|
-
loader:
|
|
34521
|
-
loaderFile:
|
|
34528
|
+
path: '/_next/image',
|
|
34529
|
+
loader: 'default',
|
|
34530
|
+
loaderFile: '',
|
|
34522
34531
|
domains: [],
|
|
34523
34532
|
disableStaticImages: false,
|
|
34524
34533
|
minimumCacheTTL: 60,
|
|
34525
34534
|
formats: [
|
|
34526
|
-
|
|
34535
|
+
'image/webp'
|
|
34527
34536
|
],
|
|
34537
|
+
maximumDiskCacheSize: undefined,
|
|
34538
|
+
maximumResponseBody: 50000000,
|
|
34528
34539
|
dangerouslyAllowSVG: false,
|
|
34529
34540
|
contentSecurityPolicy: "script-src 'none'; frame-src 'none'; sandbox;",
|
|
34530
|
-
contentDispositionType:
|
|
34541
|
+
contentDispositionType: 'attachment',
|
|
34531
34542
|
localPatterns: undefined,
|
|
34532
34543
|
remotePatterns: [],
|
|
34533
34544
|
qualities: undefined,
|
|
@@ -34558,8 +34569,16 @@ function requireGetImgProps () {
|
|
|
34558
34569
|
const _imageblursvg = requireImageBlurSvg();
|
|
34559
34570
|
const _imageconfig = requireImageConfig();
|
|
34560
34571
|
const VALID_LOADING_VALUES = [
|
|
34561
|
-
|
|
34562
|
-
|
|
34572
|
+
'lazy',
|
|
34573
|
+
'eager',
|
|
34574
|
+
undefined
|
|
34575
|
+
];
|
|
34576
|
+
// Object-fit values that are not valid background-size values
|
|
34577
|
+
const INVALID_BACKGROUND_SIZE_VALUES = [
|
|
34578
|
+
'-moz-initial',
|
|
34579
|
+
'fill',
|
|
34580
|
+
'none',
|
|
34581
|
+
'scale-down',
|
|
34563
34582
|
undefined
|
|
34564
34583
|
];
|
|
34565
34584
|
function isStaticRequire(src) {
|
|
@@ -34569,18 +34588,18 @@ function requireGetImgProps () {
|
|
|
34569
34588
|
return src.src !== undefined;
|
|
34570
34589
|
}
|
|
34571
34590
|
function isStaticImport(src) {
|
|
34572
|
-
return typeof src ===
|
|
34591
|
+
return !!src && typeof src === 'object' && (isStaticRequire(src) || isStaticImageData(src));
|
|
34573
34592
|
}
|
|
34574
34593
|
const allImgs = new Map();
|
|
34575
34594
|
let perfObserver;
|
|
34576
34595
|
function getInt(x) {
|
|
34577
|
-
if (typeof x ===
|
|
34596
|
+
if (typeof x === 'undefined') {
|
|
34578
34597
|
return x;
|
|
34579
34598
|
}
|
|
34580
|
-
if (typeof x ===
|
|
34599
|
+
if (typeof x === 'number') {
|
|
34581
34600
|
return Number.isFinite(x) ? x : NaN;
|
|
34582
34601
|
}
|
|
34583
|
-
if (typeof x ===
|
|
34602
|
+
if (typeof x === 'string' && /^[0-9]+$/.test(x)) {
|
|
34584
34603
|
return parseInt(x, 10);
|
|
34585
34604
|
}
|
|
34586
34605
|
return NaN;
|
|
@@ -34598,18 +34617,18 @@ function requireGetImgProps () {
|
|
|
34598
34617
|
const smallestRatio = Math.min(...percentSizes) * 0.01;
|
|
34599
34618
|
return {
|
|
34600
34619
|
widths: allSizes.filter((s)=>s >= deviceSizes[0] * smallestRatio),
|
|
34601
|
-
kind:
|
|
34620
|
+
kind: 'w'
|
|
34602
34621
|
};
|
|
34603
34622
|
}
|
|
34604
34623
|
return {
|
|
34605
34624
|
widths: allSizes,
|
|
34606
|
-
kind:
|
|
34625
|
+
kind: 'w'
|
|
34607
34626
|
};
|
|
34608
34627
|
}
|
|
34609
|
-
if (typeof width !==
|
|
34628
|
+
if (typeof width !== 'number') {
|
|
34610
34629
|
return {
|
|
34611
34630
|
widths: deviceSizes,
|
|
34612
|
-
kind:
|
|
34631
|
+
kind: 'w'
|
|
34613
34632
|
};
|
|
34614
34633
|
}
|
|
34615
34634
|
const widths = [
|
|
@@ -34628,7 +34647,7 @@ function requireGetImgProps () {
|
|
|
34628
34647
|
];
|
|
34629
34648
|
return {
|
|
34630
34649
|
widths,
|
|
34631
|
-
kind:
|
|
34650
|
+
kind: 'x'
|
|
34632
34651
|
};
|
|
34633
34652
|
}
|
|
34634
34653
|
function generateImgAttrs(param) {
|
|
@@ -34643,13 +34662,13 @@ function requireGetImgProps () {
|
|
|
34643
34662
|
const { widths, kind } = getWidths(config, width, sizes);
|
|
34644
34663
|
const last = widths.length - 1;
|
|
34645
34664
|
return {
|
|
34646
|
-
sizes: !sizes && kind ===
|
|
34665
|
+
sizes: !sizes && kind === 'w' ? '100vw' : sizes,
|
|
34647
34666
|
srcSet: widths.map((w, i)=>loader({
|
|
34648
34667
|
config,
|
|
34649
34668
|
src,
|
|
34650
34669
|
quality,
|
|
34651
34670
|
width: w
|
|
34652
|
-
}) + " " + (kind ===
|
|
34671
|
+
}) + " " + (kind === 'w' ? w : i + 1) + kind).join(', '),
|
|
34653
34672
|
// It's intended to keep `src` the last attribute because React updates
|
|
34654
34673
|
// attributes in order. If we keep `src` the first one, Safari will
|
|
34655
34674
|
// immediately start to fetch `src`, before `sizes` and `srcSet` are even
|
|
@@ -34665,11 +34684,11 @@ function requireGetImgProps () {
|
|
|
34665
34684
|
};
|
|
34666
34685
|
}
|
|
34667
34686
|
function getImgProps(param, _state) {
|
|
34668
|
-
let { src, sizes, unoptimized = false, priority = false, loading, className, quality, width, height, fill = false, style, overrideSrc, onLoad, onLoadingComplete, placeholder =
|
|
34687
|
+
let { src, sizes, unoptimized = false, priority = false, loading, className, quality, width, height, fill = false, style, overrideSrc, onLoad, onLoadingComplete, placeholder = 'empty', blurDataURL, fetchPriority, decoding = 'async', layout, objectFit, objectPosition, lazyBoundary, lazyRoot, ...rest } = param;
|
|
34669
34688
|
const { imgConf, showAltText, blurComplete, defaultLoader } = _state;
|
|
34670
34689
|
let config;
|
|
34671
34690
|
let c = imgConf || _imageconfig.imageConfigDefault;
|
|
34672
|
-
if (
|
|
34691
|
+
if ('allSizes' in c) {
|
|
34673
34692
|
config = c;
|
|
34674
34693
|
} else {
|
|
34675
34694
|
var _c_qualities;
|
|
@@ -34686,8 +34705,12 @@ function requireGetImgProps () {
|
|
|
34686
34705
|
qualities
|
|
34687
34706
|
};
|
|
34688
34707
|
}
|
|
34689
|
-
if (typeof defaultLoader ===
|
|
34690
|
-
throw new Error(
|
|
34708
|
+
if (typeof defaultLoader === 'undefined') {
|
|
34709
|
+
throw Object.defineProperty(new Error('images.loaderFile detected but the file is missing default export.\nRead more: https://nextjs.org/docs/messages/invalid-images-config'), "__NEXT_ERROR_CODE", {
|
|
34710
|
+
value: "E163",
|
|
34711
|
+
enumerable: false,
|
|
34712
|
+
configurable: true
|
|
34713
|
+
});
|
|
34691
34714
|
}
|
|
34692
34715
|
let loader = rest.loader || defaultLoader;
|
|
34693
34716
|
// Remove property so it's not spread on <img> element
|
|
@@ -34695,10 +34718,14 @@ function requireGetImgProps () {
|
|
|
34695
34718
|
delete rest.srcSet;
|
|
34696
34719
|
// This special value indicates that the user
|
|
34697
34720
|
// didn't define a "loader" prop or "loader" config.
|
|
34698
|
-
const isDefaultLoader =
|
|
34721
|
+
const isDefaultLoader = '__next_img_default' in loader;
|
|
34699
34722
|
if (isDefaultLoader) {
|
|
34700
|
-
if (config.loader ===
|
|
34701
|
-
throw new Error('Image with src "' + src + '" is missing "loader" prop.' + "\nRead more: https://nextjs.org/docs/messages/next-image-missing-loader")
|
|
34723
|
+
if (config.loader === 'custom') {
|
|
34724
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" is missing "loader" prop.' + "\nRead more: https://nextjs.org/docs/messages/next-image-missing-loader"), "__NEXT_ERROR_CODE", {
|
|
34725
|
+
value: "E252",
|
|
34726
|
+
enumerable: false,
|
|
34727
|
+
configurable: true
|
|
34728
|
+
});
|
|
34702
34729
|
}
|
|
34703
34730
|
} else {
|
|
34704
34731
|
// The user defined a "loader" prop or config.
|
|
@@ -34711,22 +34738,22 @@ function requireGetImgProps () {
|
|
|
34711
34738
|
};
|
|
34712
34739
|
}
|
|
34713
34740
|
if (layout) {
|
|
34714
|
-
if (layout ===
|
|
34741
|
+
if (layout === 'fill') {
|
|
34715
34742
|
fill = true;
|
|
34716
34743
|
}
|
|
34717
34744
|
const layoutToStyle = {
|
|
34718
34745
|
intrinsic: {
|
|
34719
|
-
maxWidth:
|
|
34720
|
-
height:
|
|
34746
|
+
maxWidth: '100%',
|
|
34747
|
+
height: 'auto'
|
|
34721
34748
|
},
|
|
34722
34749
|
responsive: {
|
|
34723
|
-
width:
|
|
34724
|
-
height:
|
|
34750
|
+
width: '100%',
|
|
34751
|
+
height: 'auto'
|
|
34725
34752
|
}
|
|
34726
34753
|
};
|
|
34727
34754
|
const layoutToSizes = {
|
|
34728
|
-
responsive:
|
|
34729
|
-
fill:
|
|
34755
|
+
responsive: '100vw',
|
|
34756
|
+
fill: '100vw'
|
|
34730
34757
|
};
|
|
34731
34758
|
const layoutStyle = layoutToStyle[layout];
|
|
34732
34759
|
if (layoutStyle) {
|
|
@@ -34740,7 +34767,7 @@ function requireGetImgProps () {
|
|
|
34740
34767
|
sizes = layoutSizes;
|
|
34741
34768
|
}
|
|
34742
34769
|
}
|
|
34743
|
-
let staticSrc =
|
|
34770
|
+
let staticSrc = '';
|
|
34744
34771
|
let widthInt = getInt(width);
|
|
34745
34772
|
let heightInt = getInt(height);
|
|
34746
34773
|
let blurWidth;
|
|
@@ -34748,10 +34775,18 @@ function requireGetImgProps () {
|
|
|
34748
34775
|
if (isStaticImport(src)) {
|
|
34749
34776
|
const staticImageData = isStaticRequire(src) ? src.default : src;
|
|
34750
34777
|
if (!staticImageData.src) {
|
|
34751
|
-
throw new Error("An object should only be passed to the image component src parameter if it comes from a static image import. It must include src. Received " + JSON.stringify(staticImageData))
|
|
34778
|
+
throw Object.defineProperty(new Error("An object should only be passed to the image component src parameter if it comes from a static image import. It must include src. Received " + JSON.stringify(staticImageData)), "__NEXT_ERROR_CODE", {
|
|
34779
|
+
value: "E460",
|
|
34780
|
+
enumerable: false,
|
|
34781
|
+
configurable: true
|
|
34782
|
+
});
|
|
34752
34783
|
}
|
|
34753
34784
|
if (!staticImageData.height || !staticImageData.width) {
|
|
34754
|
-
throw new Error("An object should only be passed to the image component src parameter if it comes from a static image import. It must include height and width. Received " + JSON.stringify(staticImageData))
|
|
34785
|
+
throw Object.defineProperty(new Error("An object should only be passed to the image component src parameter if it comes from a static image import. It must include height and width. Received " + JSON.stringify(staticImageData)), "__NEXT_ERROR_CODE", {
|
|
34786
|
+
value: "E48",
|
|
34787
|
+
enumerable: false,
|
|
34788
|
+
configurable: true
|
|
34789
|
+
});
|
|
34755
34790
|
}
|
|
34756
34791
|
blurWidth = staticImageData.blurWidth;
|
|
34757
34792
|
blurHeight = staticImageData.blurHeight;
|
|
@@ -34770,9 +34805,9 @@ function requireGetImgProps () {
|
|
|
34770
34805
|
}
|
|
34771
34806
|
}
|
|
34772
34807
|
}
|
|
34773
|
-
src = typeof src ===
|
|
34774
|
-
let isLazy = !priority && (loading ===
|
|
34775
|
-
if (!src || src.startsWith(
|
|
34808
|
+
src = typeof src === 'string' ? src : staticSrc;
|
|
34809
|
+
let isLazy = !priority && (loading === 'lazy' || typeof loading === 'undefined');
|
|
34810
|
+
if (!src || src.startsWith('data:') || src.startsWith('blob:')) {
|
|
34776
34811
|
// https://developer.mozilla.org/docs/Web/HTTP/Basics_of_HTTP/Data_URIs
|
|
34777
34812
|
unoptimized = true;
|
|
34778
34813
|
isLazy = false;
|
|
@@ -34780,18 +34815,20 @@ function requireGetImgProps () {
|
|
|
34780
34815
|
if (config.unoptimized) {
|
|
34781
34816
|
unoptimized = true;
|
|
34782
34817
|
}
|
|
34783
|
-
if (isDefaultLoader && src.endsWith(
|
|
34818
|
+
if (isDefaultLoader && !config.dangerouslyAllowSVG && src.split('?', 1)[0].endsWith('.svg')) {
|
|
34784
34819
|
// Special case to make svg serve as-is to avoid proxying
|
|
34785
34820
|
// through the built-in Image Optimization API.
|
|
34786
34821
|
unoptimized = true;
|
|
34787
34822
|
}
|
|
34788
|
-
if (priority) {
|
|
34789
|
-
fetchPriority = "high";
|
|
34790
|
-
}
|
|
34791
34823
|
const qualityInt = getInt(quality);
|
|
34792
|
-
if (process.env.NODE_ENV !==
|
|
34793
|
-
|
|
34794
|
-
|
|
34824
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
34825
|
+
var _config_localPatterns;
|
|
34826
|
+
if (config.output === 'export' && isDefaultLoader && !unoptimized) {
|
|
34827
|
+
throw Object.defineProperty(new Error("Image Optimization using the default loader is not compatible with `{ output: 'export' }`.\n Possible solutions:\n - Remove `{ output: 'export' }` and run \"next start\" to run server mode including the Image Optimization API.\n - Configure `{ images: { unoptimized: true } }` in `next.config.js` to disable the Image Optimization API.\n Read more: https://nextjs.org/docs/messages/export-image-api"), "__NEXT_ERROR_CODE", {
|
|
34828
|
+
value: "E500",
|
|
34829
|
+
enumerable: false,
|
|
34830
|
+
configurable: true
|
|
34831
|
+
});
|
|
34795
34832
|
}
|
|
34796
34833
|
if (!src) {
|
|
34797
34834
|
// React doesn't show the stack trace and there's
|
|
@@ -34801,58 +34838,132 @@ function requireGetImgProps () {
|
|
|
34801
34838
|
} else {
|
|
34802
34839
|
if (fill) {
|
|
34803
34840
|
if (width) {
|
|
34804
|
-
throw new Error('Image with src "' + src + '" has both "width" and "fill" properties. Only one should be used.')
|
|
34841
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" has both "width" and "fill" properties. Only one should be used.'), "__NEXT_ERROR_CODE", {
|
|
34842
|
+
value: "E96",
|
|
34843
|
+
enumerable: false,
|
|
34844
|
+
configurable: true
|
|
34845
|
+
});
|
|
34805
34846
|
}
|
|
34806
34847
|
if (height) {
|
|
34807
|
-
throw new Error('Image with src "' + src + '" has both "height" and "fill" properties. Only one should be used.')
|
|
34848
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" has both "height" and "fill" properties. Only one should be used.'), "__NEXT_ERROR_CODE", {
|
|
34849
|
+
value: "E115",
|
|
34850
|
+
enumerable: false,
|
|
34851
|
+
configurable: true
|
|
34852
|
+
});
|
|
34808
34853
|
}
|
|
34809
|
-
if ((style == null ? void 0 : style.position) && style.position !==
|
|
34810
|
-
throw new Error('Image with src "' + src + '" has both "fill" and "style.position" properties. Images with "fill" always use position absolute - it cannot be modified.')
|
|
34854
|
+
if ((style == null ? void 0 : style.position) && style.position !== 'absolute') {
|
|
34855
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" has both "fill" and "style.position" properties. Images with "fill" always use position absolute - it cannot be modified.'), "__NEXT_ERROR_CODE", {
|
|
34856
|
+
value: "E216",
|
|
34857
|
+
enumerable: false,
|
|
34858
|
+
configurable: true
|
|
34859
|
+
});
|
|
34811
34860
|
}
|
|
34812
|
-
if ((style == null ? void 0 : style.width) && style.width !==
|
|
34813
|
-
throw new Error('Image with src "' + src + '" has both "fill" and "style.width" properties. Images with "fill" always use width 100% - it cannot be modified.')
|
|
34861
|
+
if ((style == null ? void 0 : style.width) && style.width !== '100%') {
|
|
34862
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" has both "fill" and "style.width" properties. Images with "fill" always use width 100% - it cannot be modified.'), "__NEXT_ERROR_CODE", {
|
|
34863
|
+
value: "E73",
|
|
34864
|
+
enumerable: false,
|
|
34865
|
+
configurable: true
|
|
34866
|
+
});
|
|
34814
34867
|
}
|
|
34815
|
-
if ((style == null ? void 0 : style.height) && style.height !==
|
|
34816
|
-
throw new Error('Image with src "' + src + '" has both "fill" and "style.height" properties. Images with "fill" always use height 100% - it cannot be modified.')
|
|
34868
|
+
if ((style == null ? void 0 : style.height) && style.height !== '100%') {
|
|
34869
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" has both "fill" and "style.height" properties. Images with "fill" always use height 100% - it cannot be modified.'), "__NEXT_ERROR_CODE", {
|
|
34870
|
+
value: "E404",
|
|
34871
|
+
enumerable: false,
|
|
34872
|
+
configurable: true
|
|
34873
|
+
});
|
|
34817
34874
|
}
|
|
34818
34875
|
} else {
|
|
34819
|
-
if (typeof widthInt ===
|
|
34820
|
-
throw new Error('Image with src "' + src + '" is missing required "width" property.')
|
|
34876
|
+
if (typeof widthInt === 'undefined') {
|
|
34877
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" is missing required "width" property.'), "__NEXT_ERROR_CODE", {
|
|
34878
|
+
value: "E451",
|
|
34879
|
+
enumerable: false,
|
|
34880
|
+
configurable: true
|
|
34881
|
+
});
|
|
34821
34882
|
} else if (isNaN(widthInt)) {
|
|
34822
|
-
throw new Error('Image with src "' + src + '" has invalid "width" property. Expected a numeric value in pixels but received "' + width + '".')
|
|
34883
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" has invalid "width" property. Expected a numeric value in pixels but received "' + width + '".'), "__NEXT_ERROR_CODE", {
|
|
34884
|
+
value: "E66",
|
|
34885
|
+
enumerable: false,
|
|
34886
|
+
configurable: true
|
|
34887
|
+
});
|
|
34823
34888
|
}
|
|
34824
|
-
if (typeof heightInt ===
|
|
34825
|
-
throw new Error('Image with src "' + src + '" is missing required "height" property.')
|
|
34889
|
+
if (typeof heightInt === 'undefined') {
|
|
34890
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" is missing required "height" property.'), "__NEXT_ERROR_CODE", {
|
|
34891
|
+
value: "E397",
|
|
34892
|
+
enumerable: false,
|
|
34893
|
+
configurable: true
|
|
34894
|
+
});
|
|
34826
34895
|
} else if (isNaN(heightInt)) {
|
|
34827
|
-
throw new Error('Image with src "' + src + '" has invalid "height" property. Expected a numeric value in pixels but received "' + height + '".')
|
|
34896
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" has invalid "height" property. Expected a numeric value in pixels but received "' + height + '".'), "__NEXT_ERROR_CODE", {
|
|
34897
|
+
value: "E444",
|
|
34898
|
+
enumerable: false,
|
|
34899
|
+
configurable: true
|
|
34900
|
+
});
|
|
34901
|
+
}
|
|
34902
|
+
// eslint-disable-next-line no-control-regex
|
|
34903
|
+
if (/^[\x00-\x20]/.test(src)) {
|
|
34904
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" cannot start with a space or control character. Use src.trimStart() to remove it or encodeURIComponent(src) to keep it.'), "__NEXT_ERROR_CODE", {
|
|
34905
|
+
value: "E176",
|
|
34906
|
+
enumerable: false,
|
|
34907
|
+
configurable: true
|
|
34908
|
+
});
|
|
34909
|
+
}
|
|
34910
|
+
// eslint-disable-next-line no-control-regex
|
|
34911
|
+
if (/[\x00-\x20]$/.test(src)) {
|
|
34912
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" cannot end with a space or control character. Use src.trimEnd() to remove it or encodeURIComponent(src) to keep it.'), "__NEXT_ERROR_CODE", {
|
|
34913
|
+
value: "E21",
|
|
34914
|
+
enumerable: false,
|
|
34915
|
+
configurable: true
|
|
34916
|
+
});
|
|
34828
34917
|
}
|
|
34829
34918
|
}
|
|
34830
34919
|
}
|
|
34831
34920
|
if (!VALID_LOADING_VALUES.includes(loading)) {
|
|
34832
|
-
throw new Error('Image with src "' + src + '" has invalid "loading" property. Provided "' + loading + '" should be one of ' + VALID_LOADING_VALUES.map(String).join(
|
|
34921
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" has invalid "loading" property. Provided "' + loading + '" should be one of ' + VALID_LOADING_VALUES.map(String).join(',') + "."), "__NEXT_ERROR_CODE", {
|
|
34922
|
+
value: "E357",
|
|
34923
|
+
enumerable: false,
|
|
34924
|
+
configurable: true
|
|
34925
|
+
});
|
|
34833
34926
|
}
|
|
34834
|
-
if (priority && loading ===
|
|
34835
|
-
throw new Error('Image with src "' + src + '" has both "priority" and "loading=\'lazy\'" properties. Only one should be used.')
|
|
34927
|
+
if (priority && loading === 'lazy') {
|
|
34928
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" has both "priority" and "loading=\'lazy\'" properties. Only one should be used.'), "__NEXT_ERROR_CODE", {
|
|
34929
|
+
value: "E218",
|
|
34930
|
+
enumerable: false,
|
|
34931
|
+
configurable: true
|
|
34932
|
+
});
|
|
34836
34933
|
}
|
|
34837
|
-
if (placeholder !==
|
|
34838
|
-
throw new Error('Image with src "' + src + '" has invalid "placeholder" property "' + placeholder + '".')
|
|
34934
|
+
if (placeholder !== 'empty' && placeholder !== 'blur' && !placeholder.startsWith('data:image/')) {
|
|
34935
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" has invalid "placeholder" property "' + placeholder + '".'), "__NEXT_ERROR_CODE", {
|
|
34936
|
+
value: "E431",
|
|
34937
|
+
enumerable: false,
|
|
34938
|
+
configurable: true
|
|
34939
|
+
});
|
|
34839
34940
|
}
|
|
34840
|
-
if (placeholder !==
|
|
34941
|
+
if (placeholder !== 'empty') {
|
|
34841
34942
|
if (widthInt && heightInt && widthInt * heightInt < 1600) {
|
|
34842
34943
|
(0, _warnonce.warnOnce)('Image with src "' + src + '" is smaller than 40x40. Consider removing the "placeholder" property to improve performance.');
|
|
34843
34944
|
}
|
|
34844
34945
|
}
|
|
34845
|
-
if (
|
|
34946
|
+
if (qualityInt && qualityInt !== 75 && !config.qualities) {
|
|
34947
|
+
(0, _warnonce.warnOnce)('Image with src "' + src + '" is using quality "' + qualityInt + '" which is not configured in images.qualities. This config will be required starting in Next.js 16.' + "\nRead more: https://nextjs.org/docs/messages/next-image-unconfigured-qualities");
|
|
34948
|
+
}
|
|
34949
|
+
if (src.startsWith('/') && src.includes('?') && (!(config == null ? void 0 : (_config_localPatterns = config.localPatterns) == null ? void 0 : _config_localPatterns.length) || config.localPatterns.length === 1 && config.localPatterns[0].pathname === '/_next/static/media/**')) {
|
|
34950
|
+
(0, _warnonce.warnOnce)('Image with src "' + src + '" is using a query string which is not configured in images.localPatterns. This config will be required starting in Next.js 16.' + "\nRead more: https://nextjs.org/docs/messages/next-image-unconfigured-localpatterns");
|
|
34951
|
+
}
|
|
34952
|
+
if (placeholder === 'blur' && !blurDataURL) {
|
|
34846
34953
|
const VALID_BLUR_EXT = [
|
|
34847
|
-
|
|
34848
|
-
|
|
34849
|
-
|
|
34850
|
-
|
|
34954
|
+
'jpeg',
|
|
34955
|
+
'png',
|
|
34956
|
+
'webp',
|
|
34957
|
+
'avif'
|
|
34851
34958
|
] // should match next-image-loader
|
|
34852
34959
|
;
|
|
34853
|
-
throw new Error('Image with src "' + src + '" has "placeholder=\'blur\'" property but is missing the "blurDataURL" property.\n Possible solutions:\n - Add a "blurDataURL" property, the contents should be a small Data URL to represent the image\n - Change the "src" property to a static import with one of the supported file types: ' + VALID_BLUR_EXT.join(
|
|
34960
|
+
throw Object.defineProperty(new Error('Image with src "' + src + '" has "placeholder=\'blur\'" property but is missing the "blurDataURL" property.\n Possible solutions:\n - Add a "blurDataURL" property, the contents should be a small Data URL to represent the image\n - Change the "src" property to a static import with one of the supported file types: ' + VALID_BLUR_EXT.join(',') + ' (animated images not supported)\n - Remove the "placeholder" property, effectively no blur effect\n Read more: https://nextjs.org/docs/messages/placeholder-blur-data-url'), "__NEXT_ERROR_CODE", {
|
|
34961
|
+
value: "E371",
|
|
34962
|
+
enumerable: false,
|
|
34963
|
+
configurable: true
|
|
34964
|
+
});
|
|
34854
34965
|
}
|
|
34855
|
-
if (
|
|
34966
|
+
if ('ref' in rest) {
|
|
34856
34967
|
(0, _warnonce.warnOnce)('Image with src "' + src + '" is using unsupported "ref" property. Consider using the "onLoad" property instead.');
|
|
34857
34968
|
}
|
|
34858
34969
|
if (!unoptimized && !isDefaultLoader) {
|
|
@@ -34884,14 +34995,14 @@ function requireGetImgProps () {
|
|
|
34884
34995
|
(0, _warnonce.warnOnce)('Image with src "' + src + '" has legacy prop "' + legacyKey + '". Did you forget to run the codemod?' + "\nRead more: https://nextjs.org/docs/messages/next-image-upgrade-to-13");
|
|
34885
34996
|
}
|
|
34886
34997
|
}
|
|
34887
|
-
if (typeof window !==
|
|
34998
|
+
if (typeof window !== 'undefined' && !perfObserver && window.PerformanceObserver) {
|
|
34888
34999
|
perfObserver = new PerformanceObserver((entryList)=>{
|
|
34889
35000
|
for (const entry of entryList.getEntries()){
|
|
34890
35001
|
var _entry_element;
|
|
34891
35002
|
// @ts-ignore - missing "LargestContentfulPaint" class with "element" prop
|
|
34892
|
-
const imgSrc = (entry == null ? void 0 : (_entry_element = entry.element) == null ? void 0 : _entry_element.src) ||
|
|
35003
|
+
const imgSrc = (entry == null ? void 0 : (_entry_element = entry.element) == null ? void 0 : _entry_element.src) || '';
|
|
34893
35004
|
const lcpImage = allImgs.get(imgSrc);
|
|
34894
|
-
if (lcpImage && !lcpImage.priority && lcpImage.placeholder ===
|
|
35005
|
+
if (lcpImage && !lcpImage.priority && lcpImage.placeholder === 'empty' && !lcpImage.src.startsWith('data:') && !lcpImage.src.startsWith('blob:')) {
|
|
34895
35006
|
// https://web.dev/lcp/#measure-lcp-in-javascript
|
|
34896
35007
|
(0, _warnonce.warnOnce)('Image with src "' + lcpImage.src + '" was detected as the Largest Contentful Paint (LCP). Please add the "priority" property if this image is above the fold.' + "\nRead more: https://nextjs.org/docs/api-reference/next/image#priority");
|
|
34897
35008
|
}
|
|
@@ -34899,7 +35010,7 @@ function requireGetImgProps () {
|
|
|
34899
35010
|
});
|
|
34900
35011
|
try {
|
|
34901
35012
|
perfObserver.observe({
|
|
34902
|
-
type:
|
|
35013
|
+
type: 'largest-contentful-paint',
|
|
34903
35014
|
buffered: true
|
|
34904
35015
|
});
|
|
34905
35016
|
} catch (err) {
|
|
@@ -34909,9 +35020,9 @@ function requireGetImgProps () {
|
|
|
34909
35020
|
}
|
|
34910
35021
|
}
|
|
34911
35022
|
const imgStyle = Object.assign(fill ? {
|
|
34912
|
-
position:
|
|
34913
|
-
height:
|
|
34914
|
-
width:
|
|
35023
|
+
position: 'absolute',
|
|
35024
|
+
height: '100%',
|
|
35025
|
+
width: '100%',
|
|
34915
35026
|
left: 0,
|
|
34916
35027
|
top: 0,
|
|
34917
35028
|
right: 0,
|
|
@@ -34919,25 +35030,27 @@ function requireGetImgProps () {
|
|
|
34919
35030
|
objectFit,
|
|
34920
35031
|
objectPosition
|
|
34921
35032
|
} : {}, showAltText ? {} : {
|
|
34922
|
-
color:
|
|
35033
|
+
color: 'transparent'
|
|
34923
35034
|
}, style);
|
|
34924
|
-
const backgroundImage = !blurComplete && placeholder !==
|
|
35035
|
+
const backgroundImage = !blurComplete && placeholder !== 'empty' ? placeholder === 'blur' ? 'url("data:image/svg+xml;charset=utf-8,' + (0, _imageblursvg.getImageBlurSvg)({
|
|
34925
35036
|
widthInt,
|
|
34926
35037
|
heightInt,
|
|
34927
35038
|
blurWidth,
|
|
34928
35039
|
blurHeight,
|
|
34929
|
-
blurDataURL: blurDataURL ||
|
|
35040
|
+
blurDataURL: blurDataURL || '',
|
|
34930
35041
|
objectFit: imgStyle.objectFit
|
|
34931
35042
|
}) + '")' : 'url("' + placeholder + '")' // assume `data:image/`
|
|
34932
35043
|
: null;
|
|
35044
|
+
const backgroundSize = !INVALID_BACKGROUND_SIZE_VALUES.includes(imgStyle.objectFit) ? imgStyle.objectFit : imgStyle.objectFit === 'fill' ? '100% 100%' // the background-size equivalent of `fill`
|
|
35045
|
+
: 'cover';
|
|
34933
35046
|
let placeholderStyle = backgroundImage ? {
|
|
34934
|
-
backgroundSize
|
|
34935
|
-
backgroundPosition: imgStyle.objectPosition ||
|
|
34936
|
-
backgroundRepeat:
|
|
35047
|
+
backgroundSize,
|
|
35048
|
+
backgroundPosition: imgStyle.objectPosition || '50% 50%',
|
|
35049
|
+
backgroundRepeat: 'no-repeat',
|
|
34937
35050
|
backgroundImage
|
|
34938
35051
|
} : {};
|
|
34939
|
-
if (process.env.NODE_ENV ===
|
|
34940
|
-
if (placeholderStyle.backgroundImage && placeholder ===
|
|
35052
|
+
if (process.env.NODE_ENV === 'development') {
|
|
35053
|
+
if (placeholderStyle.backgroundImage && placeholder === 'blur' && (blurDataURL == null ? void 0 : blurDataURL.startsWith('/'))) {
|
|
34941
35054
|
// During `next dev`, we don't want to generate blur placeholders with webpack
|
|
34942
35055
|
// because it can delay starting the dev server. Instead, `next-image-loader.js`
|
|
34943
35056
|
// will inline a special url to lazily generate the blur placeholder at request time.
|
|
@@ -34953,8 +35066,8 @@ function requireGetImgProps () {
|
|
|
34953
35066
|
sizes,
|
|
34954
35067
|
loader
|
|
34955
35068
|
});
|
|
34956
|
-
if (process.env.NODE_ENV !==
|
|
34957
|
-
if (typeof window !==
|
|
35069
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
35070
|
+
if (typeof window !== 'undefined') {
|
|
34958
35071
|
let fullUrl;
|
|
34959
35072
|
try {
|
|
34960
35073
|
fullUrl = new URL(imgAttributes.src);
|
|
@@ -34970,7 +35083,7 @@ function requireGetImgProps () {
|
|
|
34970
35083
|
}
|
|
34971
35084
|
const props = {
|
|
34972
35085
|
...rest,
|
|
34973
|
-
loading: isLazy ?
|
|
35086
|
+
loading: isLazy ? 'lazy' : loading,
|
|
34974
35087
|
fetchPriority,
|
|
34975
35088
|
width: widthInt,
|
|
34976
35089
|
height: heightInt,
|
|
@@ -35021,7 +35134,6 @@ function require_interop_require_wildcard () {
|
|
|
35021
35134
|
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
35022
35135
|
})(nodeInterop);
|
|
35023
35136
|
}
|
|
35024
|
-
_interop_require_wildcard._ = _interop_require_wildcard._interop_require_wildcard = _interop_require_wildcard$1;
|
|
35025
35137
|
function _interop_require_wildcard$1(obj, nodeInterop) {
|
|
35026
35138
|
if (!nodeInterop && obj && obj.__esModule) return obj;
|
|
35027
35139
|
if (obj === null || typeof obj !== "object" && typeof obj !== "function") return { default: obj };
|
|
@@ -35047,6 +35159,7 @@ function require_interop_require_wildcard () {
|
|
|
35047
35159
|
|
|
35048
35160
|
return newObj;
|
|
35049
35161
|
}
|
|
35162
|
+
_interop_require_wildcard._ = _interop_require_wildcard$1;
|
|
35050
35163
|
return _interop_require_wildcard;
|
|
35051
35164
|
}
|
|
35052
35165
|
|
|
@@ -35070,7 +35183,7 @@ function requireSideEffect () {
|
|
|
35070
35183
|
}
|
|
35071
35184
|
});
|
|
35072
35185
|
const _react = o;
|
|
35073
|
-
const isServer = typeof window ===
|
|
35186
|
+
const isServer = typeof window === 'undefined';
|
|
35074
35187
|
const useClientOnlyLayoutEffect = isServer ? ()=>{} : _react.useLayoutEffect;
|
|
35075
35188
|
const useClientOnlyEffect = isServer ? ()=>{} : _react.useEffect;
|
|
35076
35189
|
function SideEffect(props) {
|
|
@@ -35149,8 +35262,8 @@ function requireAmpContext_sharedRuntime () {
|
|
|
35149
35262
|
const _interop_require_default = /*@__PURE__*/ require_interop_require_default();
|
|
35150
35263
|
const _react = /*#__PURE__*/ _interop_require_default._(o);
|
|
35151
35264
|
const AmpStateContext = _react.default.createContext({});
|
|
35152
|
-
if (process.env.NODE_ENV !==
|
|
35153
|
-
AmpStateContext.displayName =
|
|
35265
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
35266
|
+
AmpStateContext.displayName = 'AmpStateContext';
|
|
35154
35267
|
}
|
|
35155
35268
|
|
|
35156
35269
|
|
|
@@ -35178,8 +35291,8 @@ function requireHeadManagerContext_sharedRuntime () {
|
|
|
35178
35291
|
const _interop_require_default = /*@__PURE__*/ require_interop_require_default();
|
|
35179
35292
|
const _react = /*#__PURE__*/ _interop_require_default._(o);
|
|
35180
35293
|
const HeadManagerContext = _react.default.createContext({});
|
|
35181
|
-
if (process.env.NODE_ENV !==
|
|
35182
|
-
HeadManagerContext.displayName =
|
|
35294
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
35295
|
+
HeadManagerContext.displayName = 'HeadManagerContext';
|
|
35183
35296
|
}
|
|
35184
35297
|
|
|
35185
35298
|
|
|
@@ -35220,7 +35333,7 @@ function requireHead () {
|
|
|
35220
35333
|
if (hasRequiredHead) return head.exports;
|
|
35221
35334
|
hasRequiredHead = 1;
|
|
35222
35335
|
(function (module, exports$1) {
|
|
35223
|
-
|
|
35336
|
+
'use client';
|
|
35224
35337
|
Object.defineProperty(exports$1, "__esModule", {
|
|
35225
35338
|
value: true
|
|
35226
35339
|
});
|
|
@@ -35252,19 +35365,19 @@ function requireHead () {
|
|
|
35252
35365
|
const head = [
|
|
35253
35366
|
/*#__PURE__*/ (0, _jsxruntime.jsx)("meta", {
|
|
35254
35367
|
charSet: "utf-8"
|
|
35255
|
-
})
|
|
35368
|
+
}, "charset")
|
|
35256
35369
|
];
|
|
35257
35370
|
if (!inAmpMode) {
|
|
35258
35371
|
head.push(/*#__PURE__*/ (0, _jsxruntime.jsx)("meta", {
|
|
35259
35372
|
name: "viewport",
|
|
35260
35373
|
content: "width=device-width"
|
|
35261
|
-
}));
|
|
35374
|
+
}, "viewport"));
|
|
35262
35375
|
}
|
|
35263
35376
|
return head;
|
|
35264
35377
|
}
|
|
35265
35378
|
function onlyReactElement(list, child) {
|
|
35266
35379
|
// React children can be "string" or "number" in this case we ignore them for backwards compat
|
|
35267
|
-
if (typeof child ===
|
|
35380
|
+
if (typeof child === 'string' || typeof child === 'number') {
|
|
35268
35381
|
return list;
|
|
35269
35382
|
}
|
|
35270
35383
|
// Adds support for React.Fragment
|
|
@@ -35272,7 +35385,7 @@ function requireHead () {
|
|
|
35272
35385
|
return list.concat(// @ts-expect-error @types/react does not remove fragments but this could also return ReactPortal[]
|
|
35273
35386
|
_react.default.Children.toArray(child.props.children).reduce(// @ts-expect-error @types/react does not remove fragments but this could also return ReactPortal[]
|
|
35274
35387
|
(fragmentList, fragmentChild)=>{
|
|
35275
|
-
if (typeof fragmentChild ===
|
|
35388
|
+
if (typeof fragmentChild === 'string' || typeof fragmentChild === 'number') {
|
|
35276
35389
|
return fragmentList;
|
|
35277
35390
|
}
|
|
35278
35391
|
return fragmentList.concat(fragmentChild);
|
|
@@ -35281,10 +35394,10 @@ function requireHead () {
|
|
|
35281
35394
|
return list.concat(child);
|
|
35282
35395
|
}
|
|
35283
35396
|
const METATYPES = [
|
|
35284
|
-
|
|
35285
|
-
|
|
35286
|
-
|
|
35287
|
-
|
|
35397
|
+
'name',
|
|
35398
|
+
'httpEquiv',
|
|
35399
|
+
'charSet',
|
|
35400
|
+
'itemProp'
|
|
35288
35401
|
];
|
|
35289
35402
|
/*
|
|
35290
35403
|
returns a function for filtering head child elements
|
|
@@ -35298,9 +35411,9 @@ function requireHead () {
|
|
|
35298
35411
|
return (h)=>{
|
|
35299
35412
|
let isUnique = true;
|
|
35300
35413
|
let hasKey = false;
|
|
35301
|
-
if (h.key && typeof h.key !==
|
|
35414
|
+
if (h.key && typeof h.key !== 'number' && h.key.indexOf('$') > 0) {
|
|
35302
35415
|
hasKey = true;
|
|
35303
|
-
const key = h.key.slice(h.key.indexOf(
|
|
35416
|
+
const key = h.key.slice(h.key.indexOf('$') + 1);
|
|
35304
35417
|
if (keys.has(key)) {
|
|
35305
35418
|
isUnique = false;
|
|
35306
35419
|
} else {
|
|
@@ -35309,19 +35422,19 @@ function requireHead () {
|
|
|
35309
35422
|
}
|
|
35310
35423
|
// eslint-disable-next-line default-case
|
|
35311
35424
|
switch(h.type){
|
|
35312
|
-
case
|
|
35313
|
-
case
|
|
35425
|
+
case 'title':
|
|
35426
|
+
case 'base':
|
|
35314
35427
|
if (tags.has(h.type)) {
|
|
35315
35428
|
isUnique = false;
|
|
35316
35429
|
} else {
|
|
35317
35430
|
tags.add(h.type);
|
|
35318
35431
|
}
|
|
35319
35432
|
break;
|
|
35320
|
-
case
|
|
35433
|
+
case 'meta':
|
|
35321
35434
|
for(let i = 0, len = METATYPES.length; i < len; i++){
|
|
35322
35435
|
const metatype = METATYPES[i];
|
|
35323
35436
|
if (!h.props.hasOwnProperty(metatype)) continue;
|
|
35324
|
-
if (metatype ===
|
|
35437
|
+
if (metatype === 'charSet') {
|
|
35325
35438
|
if (metaTypes.has(metatype)) {
|
|
35326
35439
|
isUnique = false;
|
|
35327
35440
|
} else {
|
|
@@ -35330,7 +35443,7 @@ function requireHead () {
|
|
|
35330
35443
|
} else {
|
|
35331
35444
|
const category = h.props[metatype];
|
|
35332
35445
|
const categories = metaCategories[metatype] || new Set();
|
|
35333
|
-
if ((metatype !==
|
|
35446
|
+
if ((metatype !== 'name' || !hasKey) && categories.has(category)) {
|
|
35334
35447
|
isUnique = false;
|
|
35335
35448
|
} else {
|
|
35336
35449
|
categories.add(category);
|
|
@@ -35350,29 +35463,13 @@ function requireHead () {
|
|
|
35350
35463
|
const { inAmpMode } = props;
|
|
35351
35464
|
return headChildrenElements.reduce(onlyReactElement, []).reverse().concat(defaultHead(inAmpMode).reverse()).filter(unique()).reverse().map((c, i)=>{
|
|
35352
35465
|
const key = c.key || i;
|
|
35353
|
-
if (process.env.NODE_ENV
|
|
35354
|
-
if (c.type === "link" && c.props["href"] && // TODO(prateekbh@): Replace this with const from `constants` when the tree shaking works.
|
|
35355
|
-
[
|
|
35356
|
-
"https://fonts.googleapis.com/css",
|
|
35357
|
-
"https://use.typekit.net/"
|
|
35358
|
-
].some((url)=>c.props["href"].startsWith(url))) {
|
|
35359
|
-
const newProps = {
|
|
35360
|
-
...c.props || {}
|
|
35361
|
-
};
|
|
35362
|
-
newProps["data-href"] = newProps["href"];
|
|
35363
|
-
newProps["href"] = undefined;
|
|
35364
|
-
// Add this attribute to make it easy to identify optimized tags
|
|
35365
|
-
newProps["data-optimized-fonts"] = true;
|
|
35366
|
-
return /*#__PURE__*/ _react.default.cloneElement(c, newProps);
|
|
35367
|
-
}
|
|
35368
|
-
}
|
|
35369
|
-
if (process.env.NODE_ENV === "development") {
|
|
35466
|
+
if (process.env.NODE_ENV === 'development') {
|
|
35370
35467
|
// omit JSON-LD structured data snippets from the warning
|
|
35371
|
-
if (c.type ===
|
|
35372
|
-
const srcMessage = c.props[
|
|
35468
|
+
if (c.type === 'script' && c.props['type'] !== 'application/ld+json') {
|
|
35469
|
+
const srcMessage = c.props['src'] ? '<script> tag with src="' + c.props['src'] + '"' : "inline <script>";
|
|
35373
35470
|
(0, _warnonce.warnOnce)("Do not add <script> tags using next/head (see " + srcMessage + "). Use next/script instead. \nSee more info here: https://nextjs.org/docs/messages/no-script-tags-in-head-component");
|
|
35374
|
-
} else if (c.type ===
|
|
35375
|
-
(0, _warnonce.warnOnce)('Do not add stylesheets using next/head (see <link rel="stylesheet"> tag with href="' + c.props[
|
|
35471
|
+
} else if (c.type === 'link' && c.props['rel'] === 'stylesheet') {
|
|
35472
|
+
(0, _warnonce.warnOnce)('Do not add stylesheets using next/head (see <link rel="stylesheet"> tag with href="' + c.props['href'] + '"). Use Document instead. \nSee more info here: https://nextjs.org/docs/messages/no-stylesheets-in-head-component');
|
|
35376
35473
|
}
|
|
35377
35474
|
}
|
|
35378
35475
|
return /*#__PURE__*/ _react.default.cloneElement(c, {
|
|
@@ -35428,8 +35525,8 @@ function requireImageConfigContext_sharedRuntime () {
|
|
|
35428
35525
|
const _react = /*#__PURE__*/ _interop_require_default._(o);
|
|
35429
35526
|
const _imageconfig = requireImageConfig();
|
|
35430
35527
|
const ImageConfigContext = _react.default.createContext(_imageconfig.imageConfigDefault);
|
|
35431
|
-
if (process.env.NODE_ENV !==
|
|
35432
|
-
ImageConfigContext.displayName =
|
|
35528
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
35529
|
+
ImageConfigContext.displayName = 'ImageConfigContext';
|
|
35433
35530
|
}
|
|
35434
35531
|
|
|
35435
35532
|
|
|
@@ -35457,8 +35554,8 @@ function requireRouterContext_sharedRuntime () {
|
|
|
35457
35554
|
const _interop_require_default = /*@__PURE__*/ require_interop_require_default();
|
|
35458
35555
|
const _react = /*#__PURE__*/ _interop_require_default._(o);
|
|
35459
35556
|
const RouterContext = _react.default.createContext(null);
|
|
35460
|
-
if (process.env.NODE_ENV !==
|
|
35461
|
-
RouterContext.displayName =
|
|
35557
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
35558
|
+
RouterContext.displayName = 'RouterContext';
|
|
35462
35559
|
}
|
|
35463
35560
|
|
|
35464
35561
|
|
|
@@ -35512,7 +35609,7 @@ function requireMatchLocalPattern () {
|
|
|
35512
35609
|
}
|
|
35513
35610
|
}
|
|
35514
35611
|
var _pattern_pathname;
|
|
35515
|
-
if (!(0, _picomatch.makeRe)((_pattern_pathname = pattern.pathname) != null ? _pattern_pathname :
|
|
35612
|
+
if (!(0, _picomatch.makeRe)((_pattern_pathname = pattern.pathname) != null ? _pattern_pathname : '**', {
|
|
35516
35613
|
dot: true
|
|
35517
35614
|
}).test(url.pathname)) {
|
|
35518
35615
|
return false;
|
|
@@ -35524,7 +35621,7 @@ function requireMatchLocalPattern () {
|
|
|
35524
35621
|
// if the user didn't define "localPatterns", we allow all local images
|
|
35525
35622
|
return true;
|
|
35526
35623
|
}
|
|
35527
|
-
const url = new URL(urlPathAndQuery,
|
|
35624
|
+
const url = new URL(urlPathAndQuery, 'http://n');
|
|
35528
35625
|
return localPatterns.some((p)=>matchLocalPattern(p, url));
|
|
35529
35626
|
}
|
|
35530
35627
|
|
|
@@ -35561,8 +35658,7 @@ function requireMatchRemotePattern () {
|
|
|
35561
35658
|
const _picomatch = requirePicomatch();
|
|
35562
35659
|
function matchRemotePattern(pattern, url) {
|
|
35563
35660
|
if (pattern.protocol !== undefined) {
|
|
35564
|
-
|
|
35565
|
-
if (pattern.protocol !== actualProto) {
|
|
35661
|
+
if (pattern.protocol.replace(/:$/, '') !== url.protocol.replace(/:$/, '')) {
|
|
35566
35662
|
return false;
|
|
35567
35663
|
}
|
|
35568
35664
|
}
|
|
@@ -35572,7 +35668,11 @@ function requireMatchRemotePattern () {
|
|
|
35572
35668
|
}
|
|
35573
35669
|
}
|
|
35574
35670
|
if (pattern.hostname === undefined) {
|
|
35575
|
-
throw new Error("Pattern should define hostname but found\n" + JSON.stringify(pattern))
|
|
35671
|
+
throw Object.defineProperty(new Error("Pattern should define hostname but found\n" + JSON.stringify(pattern)), "__NEXT_ERROR_CODE", {
|
|
35672
|
+
value: "E410",
|
|
35673
|
+
enumerable: false,
|
|
35674
|
+
configurable: true
|
|
35675
|
+
});
|
|
35576
35676
|
} else {
|
|
35577
35677
|
if (!(0, _picomatch.makeRe)(pattern.hostname).test(url.hostname)) {
|
|
35578
35678
|
return false;
|
|
@@ -35585,7 +35685,7 @@ function requireMatchRemotePattern () {
|
|
|
35585
35685
|
}
|
|
35586
35686
|
var _pattern_pathname;
|
|
35587
35687
|
// Should be the same as writeImagesManifest()
|
|
35588
|
-
if (!(0, _picomatch.makeRe)((_pattern_pathname = pattern.pathname) != null ? _pattern_pathname :
|
|
35688
|
+
if (!(0, _picomatch.makeRe)((_pattern_pathname = pattern.pathname) != null ? _pattern_pathname : '**', {
|
|
35589
35689
|
dot: true
|
|
35590
35690
|
}).test(url.pathname)) {
|
|
35591
35691
|
return false;
|
|
@@ -35620,54 +35720,78 @@ function requireImageLoader () {
|
|
|
35620
35720
|
function defaultLoader(param) {
|
|
35621
35721
|
let { config, src, width, quality } = param;
|
|
35622
35722
|
var _config_qualities;
|
|
35623
|
-
if (process.env.NODE_ENV !==
|
|
35723
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
35624
35724
|
const missingValues = [];
|
|
35625
35725
|
// these should always be provided but make sure they are
|
|
35626
|
-
if (!src) missingValues.push(
|
|
35627
|
-
if (!width) missingValues.push(
|
|
35726
|
+
if (!src) missingValues.push('src');
|
|
35727
|
+
if (!width) missingValues.push('width');
|
|
35628
35728
|
if (missingValues.length > 0) {
|
|
35629
|
-
throw new Error("Next Image Optimization requires " + missingValues.join(
|
|
35729
|
+
throw Object.defineProperty(new Error("Next Image Optimization requires " + missingValues.join(', ') + " to be provided. Make sure you pass them as props to the `next/image` component. Received: " + JSON.stringify({
|
|
35630
35730
|
src,
|
|
35631
35731
|
width,
|
|
35632
35732
|
quality
|
|
35633
|
-
}))
|
|
35733
|
+
})), "__NEXT_ERROR_CODE", {
|
|
35734
|
+
value: "E188",
|
|
35735
|
+
enumerable: false,
|
|
35736
|
+
configurable: true
|
|
35737
|
+
});
|
|
35634
35738
|
}
|
|
35635
|
-
if (src.startsWith(
|
|
35636
|
-
throw new Error('Failed to parse src "' + src + '" on `next/image`, protocol-relative URL (//) must be changed to an absolute URL (http:// or https://)')
|
|
35739
|
+
if (src.startsWith('//')) {
|
|
35740
|
+
throw Object.defineProperty(new Error('Failed to parse src "' + src + '" on `next/image`, protocol-relative URL (//) must be changed to an absolute URL (http:// or https://)'), "__NEXT_ERROR_CODE", {
|
|
35741
|
+
value: "E360",
|
|
35742
|
+
enumerable: false,
|
|
35743
|
+
configurable: true
|
|
35744
|
+
});
|
|
35637
35745
|
}
|
|
35638
|
-
if (src.startsWith(
|
|
35639
|
-
if (process.env.NODE_ENV !==
|
|
35640
|
-
process.env.NEXT_RUNTIME !==
|
|
35746
|
+
if (src.startsWith('/') && config.localPatterns) {
|
|
35747
|
+
if (process.env.NODE_ENV !== 'test' && // micromatch isn't compatible with edge runtime
|
|
35748
|
+
process.env.NEXT_RUNTIME !== 'edge') {
|
|
35641
35749
|
// We use dynamic require because this should only error in development
|
|
35642
35750
|
const { hasLocalMatch } = requireMatchLocalPattern();
|
|
35643
35751
|
if (!hasLocalMatch(config.localPatterns, src)) {
|
|
35644
|
-
throw new Error("Invalid src prop (" + src + ") on `next/image` does not match `images.localPatterns` configured in your `next.config.js`\n" + "See more info: https://nextjs.org/docs/messages/next-image-unconfigured-localpatterns")
|
|
35752
|
+
throw Object.defineProperty(new Error("Invalid src prop (" + src + ") on `next/image` does not match `images.localPatterns` configured in your `next.config.js`\n" + "See more info: https://nextjs.org/docs/messages/next-image-unconfigured-localpatterns"), "__NEXT_ERROR_CODE", {
|
|
35753
|
+
value: "E426",
|
|
35754
|
+
enumerable: false,
|
|
35755
|
+
configurable: true
|
|
35756
|
+
});
|
|
35645
35757
|
}
|
|
35646
35758
|
}
|
|
35647
35759
|
}
|
|
35648
|
-
if (!src.startsWith(
|
|
35760
|
+
if (!src.startsWith('/') && (config.domains || config.remotePatterns)) {
|
|
35649
35761
|
let parsedSrc;
|
|
35650
35762
|
try {
|
|
35651
35763
|
parsedSrc = new URL(src);
|
|
35652
35764
|
} catch (err) {
|
|
35653
35765
|
console.error(err);
|
|
35654
|
-
throw new Error('Failed to parse src "' + src + '" on `next/image`, if using relative image it must start with a leading slash "/" or be an absolute URL (http:// or https://)')
|
|
35766
|
+
throw Object.defineProperty(new Error('Failed to parse src "' + src + '" on `next/image`, if using relative image it must start with a leading slash "/" or be an absolute URL (http:// or https://)'), "__NEXT_ERROR_CODE", {
|
|
35767
|
+
value: "E63",
|
|
35768
|
+
enumerable: false,
|
|
35769
|
+
configurable: true
|
|
35770
|
+
});
|
|
35655
35771
|
}
|
|
35656
|
-
if (process.env.NODE_ENV !==
|
|
35657
|
-
process.env.NEXT_RUNTIME !==
|
|
35772
|
+
if (process.env.NODE_ENV !== 'test' && // micromatch isn't compatible with edge runtime
|
|
35773
|
+
process.env.NEXT_RUNTIME !== 'edge') {
|
|
35658
35774
|
// We use dynamic require because this should only error in development
|
|
35659
35775
|
const { hasRemoteMatch } = requireMatchRemotePattern();
|
|
35660
35776
|
if (!hasRemoteMatch(config.domains, config.remotePatterns, parsedSrc)) {
|
|
35661
|
-
throw new Error("Invalid src prop (" + src + ') on `next/image`, hostname "' + parsedSrc.hostname + '" is not configured under images in your `next.config.js`\n' + "See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host")
|
|
35777
|
+
throw Object.defineProperty(new Error("Invalid src prop (" + src + ') on `next/image`, hostname "' + parsedSrc.hostname + '" is not configured under images in your `next.config.js`\n' + "See more info: https://nextjs.org/docs/messages/next-image-unconfigured-host"), "__NEXT_ERROR_CODE", {
|
|
35778
|
+
value: "E231",
|
|
35779
|
+
enumerable: false,
|
|
35780
|
+
configurable: true
|
|
35781
|
+
});
|
|
35662
35782
|
}
|
|
35663
35783
|
}
|
|
35664
35784
|
}
|
|
35665
35785
|
if (quality && config.qualities && !config.qualities.includes(quality)) {
|
|
35666
|
-
throw new Error("Invalid quality prop (" + quality + ") on `next/image` does not match `images.qualities` configured in your `next.config.js`\n" + "See more info: https://nextjs.org/docs/messages/next-image-unconfigured-qualities")
|
|
35786
|
+
throw Object.defineProperty(new Error("Invalid quality prop (" + quality + ") on `next/image` does not match `images.qualities` configured in your `next.config.js`\n" + "See more info: https://nextjs.org/docs/messages/next-image-unconfigured-qualities"), "__NEXT_ERROR_CODE", {
|
|
35787
|
+
value: "E623",
|
|
35788
|
+
enumerable: false,
|
|
35789
|
+
configurable: true
|
|
35790
|
+
});
|
|
35667
35791
|
}
|
|
35668
35792
|
}
|
|
35669
35793
|
const q = quality || ((_config_qualities = config.qualities) == null ? void 0 : _config_qualities.reduce((prev, cur)=>Math.abs(cur - DEFAULT_Q) < Math.abs(prev - DEFAULT_Q) ? cur : prev)) || DEFAULT_Q;
|
|
35670
|
-
return config.path + "?url=" + encodeURIComponent(src) + "&w=" + width + "&q=" + q + (process.env.NEXT_DEPLOYMENT_ID ? "&dpl=" + process.env.NEXT_DEPLOYMENT_ID :
|
|
35794
|
+
return config.path + "?url=" + encodeURIComponent(src) + "&w=" + width + "&q=" + q + (src.startsWith('/_next/static/media/') && process.env.NEXT_DEPLOYMENT_ID ? "&dpl=" + process.env.NEXT_DEPLOYMENT_ID : '');
|
|
35671
35795
|
}
|
|
35672
35796
|
// We use this to determine if the import is the default loader
|
|
35673
35797
|
// or a custom loader defined by the user in next.config.js
|
|
@@ -35679,13 +35803,93 @@ function requireImageLoader () {
|
|
|
35679
35803
|
return imageLoader;
|
|
35680
35804
|
}
|
|
35681
35805
|
|
|
35806
|
+
var useMergedRef = {exports: {}};
|
|
35807
|
+
|
|
35808
|
+
var hasRequiredUseMergedRef;
|
|
35809
|
+
|
|
35810
|
+
function requireUseMergedRef () {
|
|
35811
|
+
if (hasRequiredUseMergedRef) return useMergedRef.exports;
|
|
35812
|
+
hasRequiredUseMergedRef = 1;
|
|
35813
|
+
(function (module, exports$1) {
|
|
35814
|
+
Object.defineProperty(exports$1, "__esModule", {
|
|
35815
|
+
value: true
|
|
35816
|
+
});
|
|
35817
|
+
Object.defineProperty(exports$1, "useMergedRef", {
|
|
35818
|
+
enumerable: true,
|
|
35819
|
+
get: function() {
|
|
35820
|
+
return useMergedRef;
|
|
35821
|
+
}
|
|
35822
|
+
});
|
|
35823
|
+
const _react = o;
|
|
35824
|
+
function useMergedRef(refA, refB) {
|
|
35825
|
+
const cleanupA = (0, _react.useRef)(null);
|
|
35826
|
+
const cleanupB = (0, _react.useRef)(null);
|
|
35827
|
+
// NOTE: In theory, we could skip the wrapping if only one of the refs is non-null.
|
|
35828
|
+
// (this happens often if the user doesn't pass a ref to Link/Form/Image)
|
|
35829
|
+
// But this can cause us to leak a cleanup-ref into user code (e.g. via `<Link legacyBehavior>`),
|
|
35830
|
+
// and the user might pass that ref into ref-merging library that doesn't support cleanup refs
|
|
35831
|
+
// (because it hasn't been updated for React 19)
|
|
35832
|
+
// which can then cause things to blow up, because a cleanup-returning ref gets called with `null`.
|
|
35833
|
+
// So in practice, it's safer to be defensive and always wrap the ref, even on React 19.
|
|
35834
|
+
return (0, _react.useCallback)((current)=>{
|
|
35835
|
+
if (current === null) {
|
|
35836
|
+
const cleanupFnA = cleanupA.current;
|
|
35837
|
+
if (cleanupFnA) {
|
|
35838
|
+
cleanupA.current = null;
|
|
35839
|
+
cleanupFnA();
|
|
35840
|
+
}
|
|
35841
|
+
const cleanupFnB = cleanupB.current;
|
|
35842
|
+
if (cleanupFnB) {
|
|
35843
|
+
cleanupB.current = null;
|
|
35844
|
+
cleanupFnB();
|
|
35845
|
+
}
|
|
35846
|
+
} else {
|
|
35847
|
+
if (refA) {
|
|
35848
|
+
cleanupA.current = applyRef(refA, current);
|
|
35849
|
+
}
|
|
35850
|
+
if (refB) {
|
|
35851
|
+
cleanupB.current = applyRef(refB, current);
|
|
35852
|
+
}
|
|
35853
|
+
}
|
|
35854
|
+
}, [
|
|
35855
|
+
refA,
|
|
35856
|
+
refB
|
|
35857
|
+
]);
|
|
35858
|
+
}
|
|
35859
|
+
function applyRef(refA, current) {
|
|
35860
|
+
if (typeof refA === 'function') {
|
|
35861
|
+
const cleanup = refA(current);
|
|
35862
|
+
if (typeof cleanup === 'function') {
|
|
35863
|
+
return cleanup;
|
|
35864
|
+
} else {
|
|
35865
|
+
return ()=>refA(null);
|
|
35866
|
+
}
|
|
35867
|
+
} else {
|
|
35868
|
+
refA.current = current;
|
|
35869
|
+
return ()=>{
|
|
35870
|
+
refA.current = null;
|
|
35871
|
+
};
|
|
35872
|
+
}
|
|
35873
|
+
}
|
|
35874
|
+
|
|
35875
|
+
if ((typeof exports$1.default === 'function' || (typeof exports$1.default === 'object' && exports$1.default !== null)) && typeof exports$1.default.__esModule === 'undefined') {
|
|
35876
|
+
Object.defineProperty(exports$1.default, '__esModule', { value: true });
|
|
35877
|
+
Object.assign(exports$1.default, exports$1);
|
|
35878
|
+
module.exports = exports$1.default;
|
|
35879
|
+
}
|
|
35880
|
+
|
|
35881
|
+
|
|
35882
|
+
} (useMergedRef, useMergedRef.exports));
|
|
35883
|
+
return useMergedRef.exports;
|
|
35884
|
+
}
|
|
35885
|
+
|
|
35682
35886
|
var hasRequiredImageComponent;
|
|
35683
35887
|
|
|
35684
35888
|
function requireImageComponent () {
|
|
35685
35889
|
if (hasRequiredImageComponent) return imageComponent.exports;
|
|
35686
35890
|
hasRequiredImageComponent = 1;
|
|
35687
35891
|
(function (module, exports$1) {
|
|
35688
|
-
|
|
35892
|
+
'use client';
|
|
35689
35893
|
Object.defineProperty(exports$1, "__esModule", {
|
|
35690
35894
|
value: true
|
|
35691
35895
|
});
|
|
@@ -35707,20 +35911,21 @@ function requireImageComponent () {
|
|
|
35707
35911
|
const _warnonce = requireWarnOnce();
|
|
35708
35912
|
const _routercontextsharedruntime = requireRouterContext_sharedRuntime();
|
|
35709
35913
|
const _imageloader = /*#__PURE__*/ _interop_require_default._(requireImageLoader());
|
|
35914
|
+
const _usemergedref = requireUseMergedRef();
|
|
35710
35915
|
// This is replaced by webpack define plugin
|
|
35711
35916
|
const configEnv = process.env.__NEXT_IMAGE_OPTS;
|
|
35712
|
-
if (typeof window ===
|
|
35917
|
+
if (typeof window === 'undefined') {
|
|
35713
35918
|
globalThis.__NEXT_IMAGE_IMPORTED = true;
|
|
35714
35919
|
}
|
|
35715
35920
|
// See https://stackoverflow.com/q/39777833/266535 for why we use this ref
|
|
35716
35921
|
// handler instead of the img's onLoad attribute.
|
|
35717
35922
|
function handleLoading(img, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized, sizesInput) {
|
|
35718
35923
|
const src = img == null ? void 0 : img.src;
|
|
35719
|
-
if (!img || img[
|
|
35924
|
+
if (!img || img['data-loaded-src'] === src) {
|
|
35720
35925
|
return;
|
|
35721
35926
|
}
|
|
35722
|
-
img[
|
|
35723
|
-
const p =
|
|
35927
|
+
img['data-loaded-src'] = src;
|
|
35928
|
+
const p = 'decode' in img ? img.decode() : Promise.resolve();
|
|
35724
35929
|
p.catch(()=>{}).then(()=>{
|
|
35725
35930
|
if (!img.parentElement || !img.isConnected) {
|
|
35726
35931
|
// Exit early in case of race condition:
|
|
@@ -35730,15 +35935,15 @@ function requireImageComponent () {
|
|
|
35730
35935
|
// - decode() completes
|
|
35731
35936
|
return;
|
|
35732
35937
|
}
|
|
35733
|
-
if (placeholder !==
|
|
35938
|
+
if (placeholder !== 'empty') {
|
|
35734
35939
|
setBlurComplete(true);
|
|
35735
35940
|
}
|
|
35736
35941
|
if (onLoadRef == null ? void 0 : onLoadRef.current) {
|
|
35737
35942
|
// Since we don't have the SyntheticEvent here,
|
|
35738
35943
|
// we must create one with the same shape.
|
|
35739
35944
|
// See https://reactjs.org/docs/events.html
|
|
35740
|
-
const event = new Event(
|
|
35741
|
-
Object.defineProperty(event,
|
|
35945
|
+
const event = new Event('load');
|
|
35946
|
+
Object.defineProperty(event, 'target', {
|
|
35742
35947
|
writable: false,
|
|
35743
35948
|
value: img
|
|
35744
35949
|
});
|
|
@@ -35765,13 +35970,13 @@ function requireImageComponent () {
|
|
|
35765
35970
|
if (onLoadingCompleteRef == null ? void 0 : onLoadingCompleteRef.current) {
|
|
35766
35971
|
onLoadingCompleteRef.current(img);
|
|
35767
35972
|
}
|
|
35768
|
-
if (process.env.NODE_ENV !==
|
|
35769
|
-
const origSrc = new URL(src,
|
|
35770
|
-
if (img.getAttribute(
|
|
35771
|
-
if (!unoptimized && (!sizesInput || sizesInput ===
|
|
35973
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
35974
|
+
const origSrc = new URL(src, 'http://n').searchParams.get('url') || src;
|
|
35975
|
+
if (img.getAttribute('data-nimg') === 'fill') {
|
|
35976
|
+
if (!unoptimized && (!sizesInput || sizesInput === '100vw')) {
|
|
35772
35977
|
let widthViewportRatio = img.getBoundingClientRect().width / window.innerWidth;
|
|
35773
35978
|
if (widthViewportRatio < 0.6) {
|
|
35774
|
-
if (sizesInput ===
|
|
35979
|
+
if (sizesInput === '100vw') {
|
|
35775
35980
|
(0, _warnonce.warnOnce)('Image with src "' + origSrc + '" has "fill" prop and "sizes" prop of "100vw", but image is not rendered at full viewport width. Please adjust "sizes" to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes');
|
|
35776
35981
|
} else {
|
|
35777
35982
|
(0, _warnonce.warnOnce)('Image with src "' + origSrc + '" has "fill" but is missing "sizes" prop. Please add it to improve page performance. Read more: https://nextjs.org/docs/api-reference/next/image#sizes');
|
|
@@ -35781,20 +35986,20 @@ function requireImageComponent () {
|
|
|
35781
35986
|
if (img.parentElement) {
|
|
35782
35987
|
const { position } = window.getComputedStyle(img.parentElement);
|
|
35783
35988
|
const valid = [
|
|
35784
|
-
|
|
35785
|
-
|
|
35786
|
-
|
|
35989
|
+
'absolute',
|
|
35990
|
+
'fixed',
|
|
35991
|
+
'relative'
|
|
35787
35992
|
];
|
|
35788
35993
|
if (!valid.includes(position)) {
|
|
35789
|
-
(0, _warnonce.warnOnce)('Image with src "' + origSrc + '" has "fill" and parent element with invalid "position". Provided "' + position + '" should be one of ' + valid.map(String).join(
|
|
35994
|
+
(0, _warnonce.warnOnce)('Image with src "' + origSrc + '" has "fill" and parent element with invalid "position". Provided "' + position + '" should be one of ' + valid.map(String).join(',') + ".");
|
|
35790
35995
|
}
|
|
35791
35996
|
}
|
|
35792
35997
|
if (img.height === 0) {
|
|
35793
35998
|
(0, _warnonce.warnOnce)('Image with src "' + origSrc + '" has "fill" and a height value of 0. This is likely because the parent element of the image has not been styled to have a set height.');
|
|
35794
35999
|
}
|
|
35795
36000
|
}
|
|
35796
|
-
const heightModified = img.height.toString() !== img.getAttribute(
|
|
35797
|
-
const widthModified = img.width.toString() !== img.getAttribute(
|
|
36001
|
+
const heightModified = img.height.toString() !== img.getAttribute('height');
|
|
36002
|
+
const widthModified = img.width.toString() !== img.getAttribute('width');
|
|
35798
36003
|
if (heightModified && !widthModified || !heightModified && widthModified) {
|
|
35799
36004
|
(0, _warnonce.warnOnce)('Image with src "' + origSrc + '" has either width or height modified, but not the other. If you use CSS to change the size of your image, also include the styles \'width: "auto"\' or \'height: "auto"\' to maintain the aspect ratio.');
|
|
35800
36005
|
}
|
|
@@ -35818,6 +36023,39 @@ function requireImageComponent () {
|
|
|
35818
36023
|
}
|
|
35819
36024
|
const ImageElement = /*#__PURE__*/ (0, _react.forwardRef)((param, forwardedRef)=>{
|
|
35820
36025
|
let { src, srcSet, sizes, height, width, decoding, className, style, fetchPriority, placeholder, loading, unoptimized, fill, onLoadRef, onLoadingCompleteRef, setBlurComplete, setShowAltText, sizesInput, onLoad, onError, ...rest } = param;
|
|
36026
|
+
const ownRef = (0, _react.useCallback)((img)=>{
|
|
36027
|
+
if (!img) {
|
|
36028
|
+
return;
|
|
36029
|
+
}
|
|
36030
|
+
if (onError) {
|
|
36031
|
+
// If the image has an error before react hydrates, then the error is lost.
|
|
36032
|
+
// The workaround is to wait until the image is mounted which is after hydration,
|
|
36033
|
+
// then we set the src again to trigger the error handler (if there was an error).
|
|
36034
|
+
// eslint-disable-next-line no-self-assign
|
|
36035
|
+
img.src = img.src;
|
|
36036
|
+
}
|
|
36037
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
36038
|
+
if (!src) {
|
|
36039
|
+
console.error('Image is missing required "src" property:', img);
|
|
36040
|
+
}
|
|
36041
|
+
if (img.getAttribute('alt') === null) {
|
|
36042
|
+
console.error('Image is missing required "alt" property. Please add Alternative Text to describe the image for screen readers and search engines.');
|
|
36043
|
+
}
|
|
36044
|
+
}
|
|
36045
|
+
if (img.complete) {
|
|
36046
|
+
handleLoading(img, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized, sizesInput);
|
|
36047
|
+
}
|
|
36048
|
+
}, [
|
|
36049
|
+
src,
|
|
36050
|
+
placeholder,
|
|
36051
|
+
onLoadRef,
|
|
36052
|
+
onLoadingCompleteRef,
|
|
36053
|
+
setBlurComplete,
|
|
36054
|
+
onError,
|
|
36055
|
+
unoptimized,
|
|
36056
|
+
sizesInput
|
|
36057
|
+
]);
|
|
36058
|
+
const ref = (0, _usemergedref.useMergedRef)(forwardedRef, ownRef);
|
|
35821
36059
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)("img", {
|
|
35822
36060
|
...rest,
|
|
35823
36061
|
...getDynamicProps(fetchPriority),
|
|
@@ -35828,7 +36066,7 @@ function requireImageComponent () {
|
|
|
35828
36066
|
width: width,
|
|
35829
36067
|
height: height,
|
|
35830
36068
|
decoding: decoding,
|
|
35831
|
-
"data-nimg": fill ?
|
|
36069
|
+
"data-nimg": fill ? 'fill' : '1',
|
|
35832
36070
|
className: className,
|
|
35833
36071
|
style: style,
|
|
35834
36072
|
// It's intended to keep `src` the last attribute because React updates
|
|
@@ -35840,46 +36078,7 @@ function requireImageComponent () {
|
|
|
35840
36078
|
sizes: sizes,
|
|
35841
36079
|
srcSet: srcSet,
|
|
35842
36080
|
src: src,
|
|
35843
|
-
ref:
|
|
35844
|
-
if (forwardedRef) {
|
|
35845
|
-
if (typeof forwardedRef === "function") forwardedRef(img);
|
|
35846
|
-
else if (typeof forwardedRef === "object") {
|
|
35847
|
-
// @ts-ignore - .current is read only it's usually assigned by react internally
|
|
35848
|
-
forwardedRef.current = img;
|
|
35849
|
-
}
|
|
35850
|
-
}
|
|
35851
|
-
if (!img) {
|
|
35852
|
-
return;
|
|
35853
|
-
}
|
|
35854
|
-
if (onError) {
|
|
35855
|
-
// If the image has an error before react hydrates, then the error is lost.
|
|
35856
|
-
// The workaround is to wait until the image is mounted which is after hydration,
|
|
35857
|
-
// then we set the src again to trigger the error handler (if there was an error).
|
|
35858
|
-
// eslint-disable-next-line no-self-assign
|
|
35859
|
-
img.src = img.src;
|
|
35860
|
-
}
|
|
35861
|
-
if (process.env.NODE_ENV !== "production") {
|
|
35862
|
-
if (!src) {
|
|
35863
|
-
console.error('Image is missing required "src" property:', img);
|
|
35864
|
-
}
|
|
35865
|
-
if (img.getAttribute("alt") === null) {
|
|
35866
|
-
console.error('Image is missing required "alt" property. Please add Alternative Text to describe the image for screen readers and search engines.');
|
|
35867
|
-
}
|
|
35868
|
-
}
|
|
35869
|
-
if (img.complete) {
|
|
35870
|
-
handleLoading(img, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized, sizesInput);
|
|
35871
|
-
}
|
|
35872
|
-
}, [
|
|
35873
|
-
src,
|
|
35874
|
-
placeholder,
|
|
35875
|
-
onLoadRef,
|
|
35876
|
-
onLoadingCompleteRef,
|
|
35877
|
-
setBlurComplete,
|
|
35878
|
-
onError,
|
|
35879
|
-
unoptimized,
|
|
35880
|
-
sizesInput,
|
|
35881
|
-
forwardedRef
|
|
35882
|
-
]),
|
|
36081
|
+
ref: ref,
|
|
35883
36082
|
onLoad: (event)=>{
|
|
35884
36083
|
const img = event.currentTarget;
|
|
35885
36084
|
handleLoading(img, placeholder, onLoadRef, onLoadingCompleteRef, setBlurComplete, unoptimized, sizesInput);
|
|
@@ -35887,7 +36086,7 @@ function requireImageComponent () {
|
|
|
35887
36086
|
onError: (event)=>{
|
|
35888
36087
|
// if the real image fails to load, this will ensure "alt" is visible
|
|
35889
36088
|
setShowAltText(true);
|
|
35890
|
-
if (placeholder !==
|
|
36089
|
+
if (placeholder !== 'empty') {
|
|
35891
36090
|
// If the real image fails to load, this will still remove the placeholder.
|
|
35892
36091
|
setBlurComplete(true);
|
|
35893
36092
|
}
|
|
@@ -35900,7 +36099,7 @@ function requireImageComponent () {
|
|
|
35900
36099
|
function ImagePreload(param) {
|
|
35901
36100
|
let { isAppRouter, imgAttributes } = param;
|
|
35902
36101
|
const opts = {
|
|
35903
|
-
as:
|
|
36102
|
+
as: 'image',
|
|
35904
36103
|
imageSrcSet: imgAttributes.srcSet,
|
|
35905
36104
|
imageSizes: imgAttributes.sizes,
|
|
35906
36105
|
crossOrigin: imgAttributes.crossOrigin,
|
|
@@ -35908,9 +36107,7 @@ function requireImageComponent () {
|
|
|
35908
36107
|
...getDynamicProps(imgAttributes.fetchPriority)
|
|
35909
36108
|
};
|
|
35910
36109
|
if (isAppRouter && _reactdom.default.preload) {
|
|
35911
|
-
|
|
35912
|
-
_reactdom.default.preload(imgAttributes.src, // @ts-expect-error TODO: upgrade to `@types/react-dom@18.3.x`
|
|
35913
|
-
opts);
|
|
36110
|
+
_reactdom.default.preload(imgAttributes.src, opts);
|
|
35914
36111
|
return null;
|
|
35915
36112
|
}
|
|
35916
36113
|
return /*#__PURE__*/ (0, _jsxruntime.jsx)(_head.default, {
|
|
@@ -35923,7 +36120,7 @@ function requireImageComponent () {
|
|
|
35923
36120
|
// https://html.spec.whatwg.org/multipage/semantics.html#attr-link-imagesrcset
|
|
35924
36121
|
href: imgAttributes.srcSet ? undefined : imgAttributes.src,
|
|
35925
36122
|
...opts
|
|
35926
|
-
},
|
|
36123
|
+
}, '__nimg-' + imgAttributes.src + imgAttributes.srcSet + imgAttributes.sizes)
|
|
35927
36124
|
});
|
|
35928
36125
|
}
|
|
35929
36126
|
const Image = /*#__PURE__*/ (0, _react.forwardRef)((props, forwardedRef)=>{
|
|
@@ -52794,7 +52991,19 @@ const GMapInput = ({ setAddress, setMarkerPos, ...props }) => {
|
|
|
52794
52991
|
const googleContext = o.useContext(GoogleMapContext);
|
|
52795
52992
|
const [lat, setLat] = o.useState(props.markerPos?.lat?.toString() || '');
|
|
52796
52993
|
const [lng, setLng] = o.useState(props.markerPos?.lng?.toString() || '');
|
|
52994
|
+
const [defaultCenter, setDefaultCenter] = o.useState(undefined);
|
|
52797
52995
|
const ref = o.useRef(null);
|
|
52996
|
+
o.useEffect(() => {
|
|
52997
|
+
if (!props.markerPos && navigator.geolocation) {
|
|
52998
|
+
navigator.geolocation.getCurrentPosition((pos) => {
|
|
52999
|
+
setDefaultCenter({
|
|
53000
|
+
lat: pos.coords.latitude,
|
|
53001
|
+
lng: pos.coords.longitude
|
|
53002
|
+
});
|
|
53003
|
+
}, () => { } // permission denied or unavailable — fall back to GMap default center
|
|
53004
|
+
);
|
|
53005
|
+
}
|
|
53006
|
+
}, []);
|
|
52798
53007
|
const runGeoCode = o.useCallback(async (coords) => {
|
|
52799
53008
|
if (window.google) {
|
|
52800
53009
|
const service = new window.google.maps.Geocoder();
|
|
@@ -52900,10 +53109,13 @@ const GMapInput = ({ setAddress, setMarkerPos, ...props }) => {
|
|
|
52900
53109
|
if (window.google) {
|
|
52901
53110
|
const service = new window.google.maps.places.AutocompleteService();
|
|
52902
53111
|
if (service && value) {
|
|
52903
|
-
const
|
|
52904
|
-
input: value
|
|
52905
|
-
|
|
52906
|
-
|
|
53112
|
+
const request = {
|
|
53113
|
+
input: value
|
|
53114
|
+
};
|
|
53115
|
+
if (props.country) {
|
|
53116
|
+
request.componentRestrictions = { country: props.country };
|
|
53117
|
+
}
|
|
53118
|
+
const result = await service.getPlacePredictions(request);
|
|
52907
53119
|
return result.predictions;
|
|
52908
53120
|
}
|
|
52909
53121
|
else {
|
|
@@ -52913,7 +53125,7 @@ const GMapInput = ({ setAddress, setMarkerPos, ...props }) => {
|
|
|
52913
53125
|
else {
|
|
52914
53126
|
return [];
|
|
52915
53127
|
}
|
|
52916
|
-
}, []);
|
|
53128
|
+
}, [props.country]);
|
|
52917
53129
|
const autocompleteCall = o.useCallback(async (option) => {
|
|
52918
53130
|
if (option !== null) {
|
|
52919
53131
|
if (!Array.isArray(option)) {
|
|
@@ -52979,7 +53191,7 @@ const GMapInput = ({ setAddress, setMarkerPos, ...props }) => {
|
|
|
52979
53191
|
};
|
|
52980
53192
|
return option;
|
|
52981
53193
|
});
|
|
52982
|
-
}, label: "Address", footer: jsxRuntimeExports.jsx(Container, { padding: "5px", crossAxis: exports.Alignment.flexEnd, children: jsxRuntimeExports.jsx(Image, { src: img, width: 100, height: 30, alt: "googleMap", style: { objectFit: 'contain' } }) }), value: props.address, targetCardType: props.targetCardType })] })) : (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})), jsxRuntimeExports.jsx(Spacer, {}), props.error ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Typography, { variant: exports.TextVariants.small, color: exports.Colors.error, children: props.error }), jsxRuntimeExports.jsx(Spacer, {})] })) : (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})), jsxRuntimeExports.jsx(GMap, { ...props, setMarkerPos: changeMarkerPosition })] })) : (jsxRuntimeExports.jsx(QuadSpinner, {}));
|
|
53194
|
+
}, label: "Address", footer: jsxRuntimeExports.jsx(Container, { padding: "5px", crossAxis: exports.Alignment.flexEnd, children: jsxRuntimeExports.jsx(Image, { src: img, width: 100, height: 30, alt: "googleMap", style: { objectFit: 'contain' } }) }), value: props.address, targetCardType: props.targetCardType })] })) : (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})), jsxRuntimeExports.jsx(Spacer, {}), props.error ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Typography, { variant: exports.TextVariants.small, color: exports.Colors.error, children: props.error }), jsxRuntimeExports.jsx(Spacer, {})] })) : (jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, {})), jsxRuntimeExports.jsx(GMap, { ...props, center: defaultCenter || props.center, setMarkerPos: changeMarkerPosition })] })) : (jsxRuntimeExports.jsx(QuadSpinner, {}));
|
|
52983
53195
|
};
|
|
52984
53196
|
|
|
52985
53197
|
const GoogleMapProvider = (props) => {
|