diff --git a/app/dream/page.tsx b/app/dream/page.tsx index 310944ec..03531933 100644 --- a/app/dream/page.tsx +++ b/app/dream/page.tsx @@ -3,6 +3,8 @@ import { AnimatePresence, motion } from "framer-motion"; import Image from "next/image"; import { useState } from "react"; +import { UrlBuilder } from "@bytescale/sdk"; +import { UploadWidgetConfig } from "@bytescale/upload-widget"; import { UploadDropzone } from "@bytescale/upload-widget-react"; import { CompareSlider } from "../../components/CompareSlider"; import Footer from "../../components/Footer"; @@ -14,8 +16,6 @@ import appendNewToName from "../../utils/appendNewToName"; import downloadPhoto from "../../utils/downloadPhoto"; import DropDown from "../../components/DropDown"; import { roomType, rooms, themeType, themes } from "../../utils/dropdownTypes"; -import {UploadWidgetConfig} from "@bytescale/upload-widget"; -import {UrlBuilder} from "@bytescale/sdk"; const options: UploadWidgetConfig = { apiKey: !!process.env.NEXT_PUBLIC_UPLOAD_API_KEY @@ -55,12 +55,12 @@ export default function DreamPage() { const UploadDropZone = () => ( { - if (files.length !== 0) { - const image = files[0]; - const imageName = image.originalFile.originalFileName + onUpdate={({ uploadedFiles }) => { + if (uploadedFiles.length !== 0) { + const image = uploadedFiles[0]; + const imageName = image.originalFile.originalFileName; const imageUrl = UrlBuilder.url({ - accountId: image.originalFile.accountId, + accountId: image.accountId, filePath: image.filePath, options: { transformation: "preset", diff --git a/package-lock.json b/package-lock.json index 9915c7fc..ae947660 100644 --- a/package-lock.json +++ b/package-lock.json @@ -5,7 +5,7 @@ "packages": { "": { "dependencies": { - "@bytescale/upload-widget-react": "^4.1.0", + "@bytescale/upload-widget-react": "^4.9.0", "@headlessui/react": "^1.7.7", "@headlessui/tailwindcss": "^0.1.2", "@heroicons/react": "^2.0.16", @@ -346,14 +346,14 @@ } }, "node_modules/@bytescale/sdk": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@bytescale/sdk/-/sdk-3.2.0.tgz", - "integrity": "sha512-8FqAPp1NCffd05aAvKY72A/8/hoVfhTW7nEMccSfngxGCfCnYJBwoZTv4/Qp5jh5XUVAN08vjNKI1LXTt1G1Xw==" + "version": "3.4.4", + "resolved": "https://registry.npmjs.org/@bytescale/sdk/-/sdk-3.4.4.tgz", + "integrity": "sha512-spJojkzPGo8Ui6DZYNuVHZZ6O6bZo+U+7WYJ9nZNP+aby0x/G+KRdsh0HlkoB9smE1VK/7c83Xy7IrnStfVfdQ==" }, "node_modules/@bytescale/upload-widget": { - "version": "4.7.0", - "resolved": "https://registry.npmjs.org/@bytescale/upload-widget/-/upload-widget-4.7.0.tgz", - "integrity": "sha512-QiOYeDAlX4ZcweX0NXm3VSVYRumMdi5qjAEzrFXM4O7ps93Q4gzkT/8/Q9ybGxc+NVWQIew6OBQLweu83bfCOA==", + "version": "4.12.0", + "resolved": "https://registry.npmjs.org/@bytescale/upload-widget/-/upload-widget-4.12.0.tgz", + "integrity": "sha512-XHhUHuCSG1wG5JATyhx7XwL6cc8w2xeWis6xPmxohtsRvmOERlSmLLUlEnstn5MyVKOe866+vq5aabZi0HmzYQ==", "dependencies": { "@bytescale/sdk": "^3.2.0", "classnames": "^2.2.6", @@ -361,11 +361,11 @@ } }, "node_modules/@bytescale/upload-widget-react": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/@bytescale/upload-widget-react/-/upload-widget-react-4.1.0.tgz", - "integrity": "sha512-cpz1nVIDwhbbSMnPJyURtT2QqpO55i0kqtO5Bx60AlX9MCaReXOqjn21unIInPxQqs0TxvglBPVCmTqUv4GviA==", + "version": "4.9.0", + "resolved": "https://registry.npmjs.org/@bytescale/upload-widget-react/-/upload-widget-react-4.9.0.tgz", + "integrity": "sha512-+j1FhBTcXsKPnC2p0/e0h58HR7uoIoKADeM3LpNikquFq8FJlkOj9eivKR62fbqkI3jRJ2bhjMVyXgPMMPRgJw==", "dependencies": { - "@bytescale/upload-widget": "^4.6.0", + "@bytescale/upload-widget": "^4.12.0", "lodash.isequal": "^4.5.0" }, "peerDependencies": { @@ -2089,9 +2089,9 @@ "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" }, "node_modules/preact": { - "version": "10.13.0", - "resolved": "https://registry.npmjs.org/preact/-/preact-10.13.0.tgz", - "integrity": "sha512-ERdIdUpR6doqdaSIh80hvzebHB7O6JxycOhyzAeLEchqOq/4yueslQbfnPwXaNhAYacFTyCclhwkEbOumT0tHw==", + "version": "10.17.1", + "resolved": "https://registry.npmjs.org/preact/-/preact-10.17.1.tgz", + "integrity": "sha512-X9BODrvQ4Ekwv9GURm9AKAGaomqXmip7NQTZgY7gcNmr7XE83adOMJvd3N42id1tMFU7ojiynRsYnY6/BRFxLA==", "funding": { "type": "opencollective", "url": "https://opencollective.com/preact" @@ -2731,14 +2731,14 @@ } }, "@bytescale/sdk": { - "version": "3.2.0", - "resolved": "https://registry.npmjs.org/@bytescale/sdk/-/sdk-3.2.0.tgz", - "integrity": "sha512-8FqAPp1NCffd05aAvKY72A/8/hoVfhTW7nEMccSfngxGCfCnYJBwoZTv4/Qp5jh5XUVAN08vjNKI1LXTt1G1Xw==" + "version": "3.4.4", + "resolved": "https://registry.npmjs.org/@bytescale/sdk/-/sdk-3.4.4.tgz", + "integrity": "sha512-spJojkzPGo8Ui6DZYNuVHZZ6O6bZo+U+7WYJ9nZNP+aby0x/G+KRdsh0HlkoB9smE1VK/7c83Xy7IrnStfVfdQ==" }, "@bytescale/upload-widget": { - "version": "4.7.0", - "resolved": "https://registry.npmjs.org/@bytescale/upload-widget/-/upload-widget-4.7.0.tgz", - "integrity": "sha512-QiOYeDAlX4ZcweX0NXm3VSVYRumMdi5qjAEzrFXM4O7ps93Q4gzkT/8/Q9ybGxc+NVWQIew6OBQLweu83bfCOA==", + "version": "4.12.0", + "resolved": "https://registry.npmjs.org/@bytescale/upload-widget/-/upload-widget-4.12.0.tgz", + "integrity": "sha512-XHhUHuCSG1wG5JATyhx7XwL6cc8w2xeWis6xPmxohtsRvmOERlSmLLUlEnstn5MyVKOe866+vq5aabZi0HmzYQ==", "requires": { "@bytescale/sdk": "^3.2.0", "classnames": "^2.2.6", @@ -2746,11 +2746,11 @@ } }, "@bytescale/upload-widget-react": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/@bytescale/upload-widget-react/-/upload-widget-react-4.1.0.tgz", - "integrity": "sha512-cpz1nVIDwhbbSMnPJyURtT2QqpO55i0kqtO5Bx60AlX9MCaReXOqjn21unIInPxQqs0TxvglBPVCmTqUv4GviA==", + "version": "4.9.0", + "resolved": "https://registry.npmjs.org/@bytescale/upload-widget-react/-/upload-widget-react-4.9.0.tgz", + "integrity": "sha512-+j1FhBTcXsKPnC2p0/e0h58HR7uoIoKADeM3LpNikquFq8FJlkOj9eivKR62fbqkI3jRJ2bhjMVyXgPMMPRgJw==", "requires": { - "@bytescale/upload-widget": "^4.6.0", + "@bytescale/upload-widget": "^4.12.0", "lodash.isequal": "^4.5.0" } }, @@ -3835,9 +3835,9 @@ "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==" }, "preact": { - "version": "10.13.0", - "resolved": "https://registry.npmjs.org/preact/-/preact-10.13.0.tgz", - "integrity": "sha512-ERdIdUpR6doqdaSIh80hvzebHB7O6JxycOhyzAeLEchqOq/4yueslQbfnPwXaNhAYacFTyCclhwkEbOumT0tHw==" + "version": "10.17.1", + "resolved": "https://registry.npmjs.org/preact/-/preact-10.17.1.tgz", + "integrity": "sha512-X9BODrvQ4Ekwv9GURm9AKAGaomqXmip7NQTZgY7gcNmr7XE83adOMJvd3N42id1tMFU7ojiynRsYnY6/BRFxLA==" }, "queue-microtask": { "version": "1.2.3", diff --git a/package.json b/package.json index bf965eda..86cbb704 100644 --- a/package.json +++ b/package.json @@ -6,7 +6,7 @@ "start": "next start" }, "dependencies": { - "@bytescale/upload-widget-react": "^4.1.0", + "@bytescale/upload-widget-react": "^4.9.0", "@headlessui/react": "^1.7.7", "@headlessui/tailwindcss": "^0.1.2", "@heroicons/react": "^2.0.16",