banner widget accepts dimensions prop

lib/model/widget/banner.ts

@@ -2,6 +2,7 @@ export interface BannerWidgetComponentProps {
     quizId: string;
     position: "topleft" | "topright" | "bottomleft" | "bottomright";
     onWidgetClose?: () => void;
+    dialogDimensions?: { width: string; height: string; };
     appealText?: string;
     quizHeaderText?: string;
     buttonTextColor?: string;

package.json

@@ -1,6 +1,6 @@
 {
     "name": "@frontend/squzanswerer",
-    "version": "1.0.42",
+    "version": "1.0.43",
     "type": "module",
     "main": "./dist-package/index.js",
     "module": "./dist-package/index.js",

src/widgets/banner/QuizBanner.tsx

@@ -29,6 +29,7 @@ export default function QuizBanner({
     bannerFullWidth = false,
     pulsation = false,
     autoShowWidgetTime = 0,
+    dialogDimensions,
 }: BannerWidgetComponentProps) {
     const isMobile = useMediaQuery("(max-width: 600px)");
     const [isQuizShown, setIsQuizShown] = useState<boolean>(false);
@@ -188,6 +189,10 @@ export default function QuizBanner({
                 quizId={quizId}
                 onClose={() => setIsQuizShown(false)}
                 disableScrollLock
+                paperSx={{
+                    width: dialogDimensions?.width,
+                    height: dialogDimensions?.height,
+                }}
             />
         </ThemeProvider>,
         document.body

src/widgets/button/OpenQuizButton.tsx

@@ -7,9 +7,6 @@ import RunningStripe from "../shared/RunningStripe";
 import { useQuizCompletionStatus } from "../shared/useQuizCompletionStatus";
 
 
-const WIDGET_DEFAULT_WIDTH = "600px";
-const WIDGET_DEFAULT_HEIGHT = "80%";
-
 export default function OpenQuizButton({
     quizId,
     fixedSide,
@@ -110,8 +107,8 @@ export default function OpenQuizButton({
                 quizId={quizId}
                 onClose={() => setIsQuizShown(false)}
                 paperSx={{
-                    width: dialogDimensions?.width ?? WIDGET_DEFAULT_WIDTH,
-                    height: dialogDimensions?.height ?? WIDGET_DEFAULT_HEIGHT,
+                    width: dialogDimensions?.width,
+                    height: dialogDimensions?.height,
                 }}
             />
         </ThemeProvider>