add widgets fullscreen param

package.json

@@ -7,7 +7,7 @@
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "@frontend/kitui": "^1.0.82",
-    "@frontend/squzanswerer": "^1.0.43",
+    "@frontend/squzanswerer": "^1.0.44",
     "@mui/icons-material": "^5.10.14",
     "@mui/material": "^5.10.14",
     "@mui/x-charts": "^6.19.5",

src/pages/InstallQuiz/QuizInstallationCard/WidgetSetupByType/BannerWidgetSetup/BannerWidgetSetup.tsx

@@ -57,6 +57,7 @@ export default function BannerWidgetSetup({ step, nextButton }: Props) {
   const [appealText, setAppealText] = useState<string>("");
   const [quizHeaderText, setQuizHeaderText] = useState<string>("");
   const [pulsation, setPulsation] = useState<boolean>(false);
+  const [fullScreen, setFullScreen] = useState<boolean>(false);
 
   if (!quiz) return null;
 
@@ -77,8 +78,9 @@ export default function BannerWidgetSetup({ step, nextButton }: Props) {
       appealText: appealText || undefined,
       quizHeaderText: quizHeaderText || undefined,
       pulsation: pulsation || undefined,
+      fullScreen: fullScreen || undefined,
       dialogDimensions:
-        widgetWidth || widgetHeight
+        !fullScreen && (widgetWidth || widgetHeight)
           ? {
               width: widgetWidth ? `${widgetWidth}px` : "100%",
               height: widgetHeight ? `${widgetHeight}px` : "100%",
@@ -234,6 +236,12 @@ export default function BannerWidgetSetup({ step, nextButton }: Props) {
           flex: "1 1 0",
         }}
       >
+        <CustomCheckbox
+          label="Квиз на весь экран"
+          checked={fullScreen}
+          handleChange={(e) => setFullScreen(e.target.checked)}
+        />
+        <Collapse in={!fullScreen}>
           <Box
             sx={{
               display: "flex",
@@ -277,6 +285,7 @@ export default function BannerWidgetSetup({ step, nextButton }: Props) {
               />
             </Box>
           </Box>
+        </Collapse>
         <Typography sx={{ color: theme.palette.grey2.main }}>
           Текст-призыв
         </Typography>

src/pages/InstallQuiz/QuizInstallationCard/WidgetSetupByType/ButtonWidgetSetup.tsx

@@ -57,14 +57,16 @@ export default function ButtonWidgetSetup({ step, nextButton }: Props) {
   const [fixedSide, setFixedSide] = useState<
     null | ButtonWidgetFixedParams["fixedSide"]
   >(null);
+  const [fullScreen, setFullScreen] = useState<boolean>(false);
 
   if (!quiz) return null;
 
   if (step === 3) {
     const genericParams = {
       quizId: quiz.qid,
+      fullScreen: fullScreen || undefined,
       dialogDimensions:
-        widgetWidth || widgetHeight
+        !fullScreen && (widgetWidth || widgetHeight)
           ? {
               width: widgetWidth ? `${widgetWidth}px` : "100%",
               height: widgetHeight ? `${widgetHeight}px` : "100%",
@@ -206,6 +208,12 @@ export default function ButtonWidgetSetup({ step, nextButton }: Props) {
         <Typography fontWeight={500} color="#4D4D4D">
           1. Задайте размеры окна квиза (опционально)
         </Typography>
+        <CustomCheckbox
+          label="Квиз на весь экран"
+          checked={fullScreen}
+          handleChange={(e) => setFullScreen(e.target.checked)}
+        />
+        <Collapse in={!fullScreen}>
           <Box sx={{ display: "flex", gap: "40px" }}>
             <Box sx={{ display: "flex", flexDirection: "column", gap: "20px" }}>
               <Typography sx={{ color: theme.palette.grey2.main }}>
@@ -232,6 +240,7 @@ export default function ButtonWidgetSetup({ step, nextButton }: Props) {
               />
             </Box>
           </Box>
+        </Collapse>
         <Box
           sx={{
             display: "flex",

src/pages/InstallQuiz/QuizInstallationCard/WidgetSetupByType/PopupWidgetSetup.tsx

@@ -1,4 +1,10 @@
-import { Box, Typography, useMediaQuery, useTheme } from "@mui/material";
+import {
+  Box,
+  Collapse,
+  Typography,
+  useMediaQuery,
+  useTheme,
+} from "@mui/material";
 import { useCurrentQuiz } from "@root/quizes/hooks";
 import CustomCheckbox from "@ui_kit/CustomCheckbox";
 import PenaTextField from "@ui_kit/PenaTextField";
@@ -21,6 +27,7 @@ export default function PopupWidgetSetup({ step, nextButton }: Props) {
   const [hideOnMobile, setHideOnMobile] = useState<boolean>(false);
   const [autoShowQuizTime, setAutoShowQuizTime] = useState<number>(10);
   const [openOnLeaveAttempt, setOpenOnLeaveAttempt] = useState<boolean>(false);
+  const [fullScreen, setFullScreen] = useState<boolean>(false);
 
   if (!quiz) return null;
 
@@ -30,8 +37,9 @@ export default function PopupWidgetSetup({ step, nextButton }: Props) {
       hideOnMobile: hideOnMobile || undefined,
       autoShowQuizTime: autoShowQuizTime,
       openOnLeaveAttempt: openOnLeaveAttempt || undefined,
+      fullScreen: fullScreen || undefined,
       dialogDimensions:
-        widgetWidth || widgetHeight
+        !fullScreen && (widgetWidth || widgetHeight)
           ? {
               width: widgetWidth ? `${widgetWidth}px` : "100%",
               height: widgetHeight ? `${widgetHeight}px` : "100%",
@@ -120,6 +128,12 @@ export default function PopupWidgetSetup({ step, nextButton }: Props) {
           flex: "1 1 0",
         }}
       >
+        <CustomCheckbox
+          label="Квиз на весь экран"
+          checked={fullScreen}
+          handleChange={(e) => setFullScreen(e.target.checked)}
+        />
+        <Collapse in={!fullScreen}>
           <Box
             sx={{
               display: "flex",
@@ -163,6 +177,7 @@ export default function PopupWidgetSetup({ step, nextButton }: Props) {
               />
             </Box>
           </Box>
+        </Collapse>
         <Box
           sx={{
             display: "flex",

yarn.lock

@@ -1527,10 +1527,10 @@
     immer "^10.0.2"
     reconnecting-eventsource "^1.6.2"
 
-"@frontend/squzanswerer@^1.0.43":
+"@frontend/squzanswerer@^1.0.44":
-  version "1.0.43"
+  version "1.0.44"
-  resolved "https://penahub.gitlab.yandexcloud.net/api/v4/projects/43/packages/npm/@frontend/squzanswerer/-/@frontend/squzanswerer-1.0.43.tgz#923c08113256570278babb23f3fdfb89e4ae35b7"
+  resolved "https://penahub.gitlab.yandexcloud.net/api/v4/projects/43/packages/npm/@frontend/squzanswerer/-/@frontend/squzanswerer-1.0.44.tgz#12c19b23a1e1eff4d0cbfeffbc9ed1160c49cde2"
-  integrity sha1-kjwIETJWVwJ4ursj8/37ieSuNbc=
+  integrity sha1-EsGbI6Hh7/TQy/7/vJ7RFgxJzeI=
   dependencies:
     bowser "1.9.4"
     country-flag-emoji-polyfill "^0.1.8"