diff --git a/package-lock.json b/package-lock.json index f5303b8b..f5f223df 100644 --- a/package-lock.json +++ b/package-lock.json @@ -68,7 +68,7 @@ "typescript": "^5.3.3" }, "peerDependencies": { - "next": "13.4.4 - 14", + "next": "^14.2.12", "next-cloudinary": "^5.20.0", "react": "^18.2.0", "react-dom": "^18.2.0", @@ -4916,18 +4916,20 @@ } }, "node_modules/@next/env": { - "version": "14.0.4", - "resolved": "https://registry.npmjs.org/@next/env/-/env-14.0.4.tgz", - "integrity": "sha512-irQnbMLbUNQpP1wcE5NstJtbuA/69kRfzBrpAD7Gsn8zm/CY6YQYc3HQBz8QPxwISG26tIm5afvvVbu508oBeQ==", + "version": "14.2.12", + "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.12.tgz", + "integrity": "sha512-3fP29GIetdwVIfIRyLKM7KrvJaqepv+6pVodEbx0P5CaMLYBtx+7eEg8JYO5L9sveJO87z9eCReceZLi0hxO1Q==", + "license": "MIT", "peer": true }, "node_modules/@next/swc-darwin-arm64": { - "version": "14.0.4", - "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.0.4.tgz", - "integrity": "sha512-mF05E/5uPthWzyYDyptcwHptucf/jj09i2SXBPwNzbgBNc+XnwzrL0U6BmPjQeOL+FiB+iG1gwBeq7mlDjSRPg==", + "version": "14.2.12", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.12.tgz", + "integrity": "sha512-crHJ9UoinXeFbHYNok6VZqjKnd8rTd7K3Z2zpyzF1ch7vVNKmhjv/V7EHxep3ILoN8JB9AdRn/EtVVyG9AkCXw==", "cpu": [ "arm64" ], + "license": "MIT", "optional": true, "os": [ "darwin" @@ -4938,12 +4940,13 @@ } }, "node_modules/@next/swc-darwin-x64": { - "version": "14.0.4", - "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.0.4.tgz", - "integrity": "sha512-IZQ3C7Bx0k2rYtrZZxKKiusMTM9WWcK5ajyhOZkYYTCc8xytmwSzR1skU7qLgVT/EY9xtXDG0WhY6fyujnI3rw==", + "version": "14.2.12", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.12.tgz", + "integrity": "sha512-JbEaGbWq18BuNBO+lCtKfxl563Uw9oy2TodnN2ioX00u7V1uzrsSUcg3Ep9ce+P0Z9es+JmsvL2/rLphz+Frcw==", "cpu": [ "x64" ], + "license": "MIT", "optional": true, "os": [ "darwin" @@ -4954,12 +4957,13 @@ } }, "node_modules/@next/swc-linux-arm64-gnu": { - "version": "14.0.4", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.0.4.tgz", - "integrity": "sha512-VwwZKrBQo/MGb1VOrxJ6LrKvbpo7UbROuyMRvQKTFKhNaXjUmKTu7wxVkIuCARAfiI8JpaWAnKR+D6tzpCcM4w==", + "version": "14.2.12", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.12.tgz", + "integrity": "sha512-qBy7OiXOqZrdp88QEl2H4fWalMGnSCrr1agT/AVDndlyw2YJQA89f3ttR/AkEIP9EkBXXeGl6cC72/EZT5r6rw==", "cpu": [ "arm64" ], + "license": "MIT", "optional": true, "os": [ "linux" @@ -4970,12 +4974,13 @@ } }, "node_modules/@next/swc-linux-arm64-musl": { - "version": "14.0.4", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.0.4.tgz", - "integrity": "sha512-8QftwPEW37XxXoAwsn+nXlodKWHfpMaSvt81W43Wh8dv0gkheD+30ezWMcFGHLI71KiWmHK5PSQbTQGUiidvLQ==", + "version": "14.2.12", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.12.tgz", + "integrity": "sha512-EfD9L7o9biaQxjwP1uWXnk3vYZi64NVcKUN83hpVkKocB7ogJfyH2r7o1pPnMtir6gHZiGCeHKagJ0yrNSLNHw==", "cpu": [ "arm64" ], + "license": "MIT", "optional": true, "os": [ "linux" @@ -4986,12 +4991,13 @@ } }, "node_modules/@next/swc-linux-x64-gnu": { - "version": "14.0.4", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.0.4.tgz", - "integrity": "sha512-/s/Pme3VKfZAfISlYVq2hzFS8AcAIOTnoKupc/j4WlvF6GQ0VouS2Q2KEgPuO1eMBwakWPB1aYFIA4VNVh667A==", + "version": "14.2.12", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.12.tgz", + "integrity": "sha512-iQ+n2pxklJew9IpE47hE/VgjmljlHqtcD5UhZVeHICTPbLyrgPehaKf2wLRNjYH75udroBNCgrSSVSVpAbNoYw==", "cpu": [ "x64" ], + "license": "MIT", "optional": true, "os": [ "linux" @@ -5002,12 +5008,13 @@ } }, "node_modules/@next/swc-linux-x64-musl": { - "version": "14.0.4", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.0.4.tgz", - "integrity": "sha512-m8z/6Fyal4L9Bnlxde5g2Mfa1Z7dasMQyhEhskDATpqr+Y0mjOBZcXQ7G5U+vgL22cI4T7MfvgtrM2jdopqWaw==", + "version": "14.2.12", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.12.tgz", + "integrity": "sha512-rFkUkNwcQ0ODn7cxvcVdpHlcOpYxMeyMfkJuzaT74xjAa5v4fxP4xDk5OoYmPi8QNLDs3UgZPMSBmpBuv9zKWA==", "cpu": [ "x64" ], + "license": "MIT", "optional": true, "os": [ "linux" @@ -5018,12 +5025,13 @@ } }, "node_modules/@next/swc-win32-arm64-msvc": { - "version": "14.0.4", - "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.0.4.tgz", - "integrity": "sha512-7Wv4PRiWIAWbm5XrGz3D8HUkCVDMMz9igffZG4NB1p4u1KoItwx9qjATHz88kwCEal/HXmbShucaslXCQXUM5w==", + "version": "14.2.12", + "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.12.tgz", + "integrity": "sha512-PQFYUvwtHs/u0K85SG4sAdDXYIPXpETf9mcEjWc0R4JmjgMKSDwIU/qfZdavtP6MPNiMjuKGXHCtyhR/M5zo8g==", "cpu": [ "arm64" ], + "license": "MIT", "optional": true, "os": [ "win32" @@ -5034,12 +5042,13 @@ } }, "node_modules/@next/swc-win32-ia32-msvc": { - "version": "14.0.4", - "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.0.4.tgz", - "integrity": "sha512-zLeNEAPULsl0phfGb4kdzF/cAVIfaC7hY+kt0/d+y9mzcZHsMS3hAS829WbJ31DkSlVKQeHEjZHIdhN+Pg7Gyg==", + "version": "14.2.12", + "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.12.tgz", + "integrity": "sha512-FAj2hMlcbeCV546eU2tEv41dcJb4NeqFlSXU/xL/0ehXywHnNpaYajOUvn3P8wru5WyQe6cTZ8fvckj/2XN4Vw==", "cpu": [ "ia32" ], + "license": "MIT", "optional": true, "os": [ "win32" @@ -5050,12 +5059,13 @@ } }, "node_modules/@next/swc-win32-x64-msvc": { - "version": "14.0.4", - "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.0.4.tgz", - "integrity": "sha512-yEh2+R8qDlDCjxVpzOTEpBLQTEFAcP2A8fUFLaWNap9GitYKkKv1//y2S6XY6zsR4rCOPRpU7plYDR+az2n30A==", + "version": "14.2.12", + "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.12.tgz", + "integrity": "sha512-yu8QvV53sBzoIVRHsxCHqeuS8jYq6Lrmdh0briivuh+Brsp6xjg80MAozUsBTAV9KNmY08KlX0KYTWz1lbPzEg==", "cpu": [ "x64" ], + "license": "MIT", "optional": true, "os": [ "win32" @@ -8646,12 +8656,21 @@ "url": "https://opencollective.com/storybook" } }, + "node_modules/@swc/counter": { + "version": "0.1.3", + "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz", + "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ==", + "license": "Apache-2.0", + "peer": true + }, "node_modules/@swc/helpers": { - "version": "0.5.2", - "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.2.tgz", - "integrity": "sha512-E4KcWTpoLHqwPHLxidpOqQbcrZVgi0rsmmZXUle1jXmJfuIf/UWpczUJ7MZZ5tlxytgJXyp0w4PGkkeLiuIdZw==", + "version": "0.5.5", + "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.5.tgz", + "integrity": "sha512-KGYxvIOXcceOAbEk4bi/dVLEK9z8sZ0uBB3Il5b1rhfClSpcX0yfRO0KmTkqR2cnQDymwLB+25ZyMzICg/cm/A==", + "license": "Apache-2.0", "peer": true, "dependencies": { + "@swc/counter": "^0.1.3", "tslib": "^2.4.0" } }, @@ -16257,7 +16276,8 @@ "node_modules/glob-to-regexp": { "version": "0.4.1", "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", - "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==" + "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", + "dev": true }, "node_modules/global": { "version": "4.4.0", @@ -22394,19 +22414,19 @@ "dev": true }, "node_modules/next": { - "version": "14.0.4", - "resolved": "https://registry.npmjs.org/next/-/next-14.0.4.tgz", - "integrity": "sha512-qbwypnM7327SadwFtxXnQdGiKpkuhaRLE2uq62/nRul9cj9KhQ5LhHmlziTNqUidZotw/Q1I9OjirBROdUJNgA==", + "version": "14.2.12", + "resolved": "https://registry.npmjs.org/next/-/next-14.2.12.tgz", + "integrity": "sha512-cDOtUSIeoOvt1skKNihdExWMTybx3exnvbFbb9ecZDIxlvIbREQzt9A5Km3Zn3PfU+IFjyYGsHS+lN9VInAGKA==", + "license": "MIT", "peer": true, "dependencies": { - "@next/env": "14.0.4", - "@swc/helpers": "0.5.2", + "@next/env": "14.2.12", + "@swc/helpers": "0.5.5", "busboy": "1.6.0", - "caniuse-lite": "^1.0.30001406", + "caniuse-lite": "^1.0.30001579", "graceful-fs": "^4.2.11", "postcss": "8.4.31", - "styled-jsx": "5.1.1", - "watchpack": "2.4.0" + "styled-jsx": "5.1.1" }, "bin": { "next": "dist/bin/next" @@ -22415,18 +22435,19 @@ "node": ">=18.17.0" }, "optionalDependencies": { - "@next/swc-darwin-arm64": "14.0.4", - "@next/swc-darwin-x64": "14.0.4", - "@next/swc-linux-arm64-gnu": "14.0.4", - "@next/swc-linux-arm64-musl": "14.0.4", - "@next/swc-linux-x64-gnu": "14.0.4", - "@next/swc-linux-x64-musl": "14.0.4", - "@next/swc-win32-arm64-msvc": "14.0.4", - "@next/swc-win32-ia32-msvc": "14.0.4", - "@next/swc-win32-x64-msvc": "14.0.4" + "@next/swc-darwin-arm64": "14.2.12", + "@next/swc-darwin-x64": "14.2.12", + "@next/swc-linux-arm64-gnu": "14.2.12", + "@next/swc-linux-arm64-musl": "14.2.12", + "@next/swc-linux-x64-gnu": "14.2.12", + "@next/swc-linux-x64-musl": "14.2.12", + "@next/swc-win32-arm64-msvc": "14.2.12", + "@next/swc-win32-ia32-msvc": "14.2.12", + "@next/swc-win32-x64-msvc": "14.2.12" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", + "@playwright/test": "^1.41.2", "react": "^18.2.0", "react-dom": "^18.2.0", "sass": "^1.3.0" @@ -22435,6 +22456,9 @@ "@opentelemetry/api": { "optional": true }, + "@playwright/test": { + "optional": true + }, "sass": { "optional": true } @@ -31735,6 +31759,7 @@ "version": "2.4.0", "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.0.tgz", "integrity": "sha512-Lcvm7MGST/4fup+ifyKi2hjyIAwcdI4HRgtvTpIUxBRhB+RFtUh8XtDOxUfctVCnhVi+QQj49i91OyvzkJl6cg==", + "dev": true, "dependencies": { "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.1.2" diff --git a/package.json b/package.json index 2099567c..26b4dae3 100644 --- a/package.json +++ b/package.json @@ -28,7 +28,7 @@ }, "author": "", "peerDependencies": { - "next": "13.4.4 - 14", + "next": "^14.2.12", "next-cloudinary": "^5.20.0", "react": "^18.2.0", "react-dom": "^18.2.0", diff --git a/src/components/atoms/OakCloudinaryImage/OakCloudinaryImage.test.tsx b/src/components/atoms/OakCloudinaryImage/OakCloudinaryImage.test.tsx index 99da1158..899a91c4 100644 --- a/src/components/atoms/OakCloudinaryImage/OakCloudinaryImage.test.tsx +++ b/src/components/atoms/OakCloudinaryImage/OakCloudinaryImage.test.tsx @@ -34,7 +34,7 @@ describe(OakCloudinaryImage, () => { ); expect(getByRole("img").getAttribute("src")).toMatch( - "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1608635688/image.jpg?_a=BAVAfVAO0", + "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1608635688/image.jpg?_a=BAVAfVDW0", ); }); @@ -47,7 +47,7 @@ describe(OakCloudinaryImage, () => { ); expect(getByRole("img").getAttribute("src")).toMatch( - "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1608635688/image.jpg?_a=BAVAfVAO0", + "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1608635688/image.jpg?_a=BAVAfVDW0", ); }); @@ -60,7 +60,7 @@ describe(OakCloudinaryImage, () => { ); expect(getByRole("img").getAttribute("src")).toMatch( - "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1608635688/image?_a=BAVAfVAO0", + "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1608635688/image?_a=BAVAfVDW0", ); }); @@ -73,7 +73,7 @@ describe(OakCloudinaryImage, () => { ); expect(getByRole("img").getAttribute("src")).toMatch( - "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1608635688/image?_a=BAVAfVAO0", + "https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/v1608635688/image?_a=BAVAfVDW0", ); }); @@ -98,7 +98,7 @@ describe(OakCloudinaryImage, () => { ); expect(getByRole("img").getAttribute("src")).toMatch( - "https://private-cloudinary-cloud-res.cloudinary.com/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1608635688/image.jpg?_a=BAVAfVAO0", + "https://private-cloudinary-cloud-res.cloudinary.com/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1608635688/image.jpg?_a=BAVAfVDW0", ); }); @@ -122,7 +122,7 @@ describe(OakCloudinaryImage, () => { ); expect(getByRole("img").getAttribute("src")).toMatch( - "https://private-cloudinary-cloud-res.cloudinary.com/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1608635688/image.jpg?_a=BAVAfVAO0", + "https://private-cloudinary-cloud-res.cloudinary.com/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1608635688/image.jpg?_a=BAVAfVDW0", ); }); }); diff --git a/src/components/atoms/OakCloudinaryImage/__snapshots__/OakCloudinaryImage.test.tsx.snap b/src/components/atoms/OakCloudinaryImage/__snapshots__/OakCloudinaryImage.test.tsx.snap index 7ae84d89..782b1b6d 100644 --- a/src/components/atoms/OakCloudinaryImage/__snapshots__/OakCloudinaryImage.test.tsx.snap +++ b/src/components/atoms/OakCloudinaryImage/__snapshots__/OakCloudinaryImage.test.tsx.snap @@ -23,8 +23,8 @@ exports[`OakCloudinaryImage matches snapshot 1`] = ` onError={[Function]} onLoad={[Function]} sizes="100vw" - src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVAO0" - srcSet="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_640/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVAO0 640w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_750/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVAO0 750w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_828/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVAO0 828w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_1080/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVAO0 1080w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_1200/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVAO0 1200w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_1920/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVAO0 1920w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_2048/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVAO0 2048w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVAO0 3840w" + src="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVDW0" + srcSet="https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_640/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVDW0 640w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_750/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVDW0 750w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_828/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVDW0 828w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_1080/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVDW0 1080w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_1200/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVDW0 1200w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_1920/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVDW0 1920w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_2048/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVDW0 2048w, https://res.cloudinary.com/mock-cloudinary-cloud/image/upload/c_limit,w_3840/fl_keep_attribution/f_auto/q_auto/v1688316547/xqvnpdqx9u2awiykyb8s.jpg?_a=BAVAfVDW0 3840w" style={ { "bottom": 0,