touchstudy-core 0.1.145 → 0.1.146

package/dist/components/Inputs/SearchInput.d.ts

@@ -1,9 +1,12 @@
+import { SxProps, Theme } from "@mui/material";
 import { ChangeEvent, FC, RefObject } from "react";
 interface Props {
     textSearchRef: RefObject<HTMLInputElement>;
     onChange: (e: ChangeEvent<HTMLInputElement>) => void;
     placeholder: string;
     fit?: boolean;
+    sx?: SxProps<Theme>;
+    searchSx?: SxProps<Theme>;
 }
 declare const SearchInput: FC<Props>;
 export default SearchInput;

package/dist/components/List/configs/interfaces.d.ts

@@ -6,7 +6,7 @@ export interface VirtualListViewProps<T> {
     containerProps?: BoxProps;
     listHeight?: number;
     overscanRowCount?: number;
-    renderItem: (item: T, index: number) => ReactElement;
+    renderItem: (item: T, index: number, measure: () => void) => ReactElement;
     onLoadMore?: () => void;
     emptyElement?: ReactElement;
     loadingElement?: ReactElement;

package/dist/components/List/partials/VirtualListItem.d.ts

@@ -3,7 +3,7 @@ import { ListRowProps } from "react-virtualized";
 interface VirtualListItemProps<T> extends ListRowProps {
     isLoading?: boolean;
     rowData?: T;
-    renderItem: (item: T, index: number) => ReactElement;
+    renderItem: (item: T, index: number, measure: () => void) => ReactElement;
     loadingElement?: ReactElement;
 }
 declare const VirtualListItem: FC<VirtualListItemProps<any>>;

package/dist/components/Selects/CustomSelect.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
-declare const CustomSelect: ({ isDefault, defaultValue, options, isDisabled, scrollBottom, value, isMulti, optionValue, ...rest }: any) => React.JSX.Element;
+declare const CustomSelect: ({ isDefault, defaultValue, options, isDisabled, scrollBottom, value, isMulti, optionValue, styles, ...rest }: any) => React.JSX.Element;
 export default CustomSelect;

package/dist/components/Tables/VirtualTableRowItem.d.ts

@@ -1,9 +1,10 @@
-import { FC, ReactElement } from "react";
-import { GridCellProps } from "react-virtualized";
+import React, { ReactElement } from "react";
+import { CellMeasurerCache, GridCellProps } from "react-virtualized";
 interface VirtualTableRowItemProps extends GridCellProps {
     isLoading?: boolean;
-    renderItem: (rowIndex: number, columnIndex: number) => ReactElement;
+    renderItem: (rowIndex: number, columnIndex: number, measure: () => void) => ReactElement;
     loadingElement?: ReactElement;
+    cellMeasurerCache: CellMeasurerCache;
 }
-declare const VirtualTableRowItem: FC<VirtualTableRowItemProps>;
-export default VirtualTableRowItem;
+declare const _default: React.NamedExoticComponent<VirtualTableRowItemProps>;
+export default _default;

package/dist/components/Tables/VirtualTableView.d.ts

@@ -1,4 +1,4 @@
 import { FC } from "react";
 import { VirtualTableViewProps } from "./configs/interfaces";
-declare const VirtualTableView: FC<VirtualTableViewProps<any>>;
+declare const VirtualTableView: FC<VirtualTableViewProps>;
 export default VirtualTableView;

package/dist/components/Tables/configs/interfaces.d.ts

@@ -1,14 +1,21 @@
 import { BoxProps } from "@mui/material";
-import { CSSProperties, ReactElement } from "react";
-export interface VirtualTableViewProps<T> {
-    data: T[];
+import { CSSProperties, ReactElement, RefObject } from "react";
+import { CellMeasurerCache, Index, MultiGrid } from "react-virtualized";
+export interface VirtualTableViewProps {
     loading: boolean;
+    hasHeader?: boolean;
     containerProps?: BoxProps;
     columnCount: number;
     listHeight?: number;
     listWidth?: number;
+    containerRef?: RefObject<HTMLDivElement>;
+    multiGridRef?: RefObject<MultiGrid>;
     overscanRowCount?: number;
-    renderItem: (item: T, index: number) => ReactElement;
+    overscanColumnCount?: number;
+    itemsCount: number;
+    cellCache?: CellMeasurerCache;
+    columnWidth?: number | ((params: Index, cache: CellMeasurerCache) => number);
+    renderItem: (rowIndex: number, columnIndex: number, measure: () => void) => ReactElement;
     onLoadMore?: () => void;
     emptyElement?: ReactElement;
     loadingElement?: ReactElement;

package/dist/containers/Login/hooks/useLoginPhoneNumber.d.ts

@@ -7,6 +7,10 @@ declare const useLoginPhoneNumber: (props: LoginPhoneNumberProps) => {
     tokenReCaptcha: string;
     phoneNumber: string;
     password: string;
+    passwordRef: import("react").RefObject<HTMLInputElement>;
+    submitBtnRef: import("react").RefObject<HTMLButtonElement>;
+    handlePasswordKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    handlePhoneKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     handleChangePassword: (e: ChangeEvent<HTMLInputElement>) => void;
     handlePhoneNumberChange: (e: ChangeEvent<HTMLInputElement>) => void;
     handleLoginPhoneNumber: () => Promise<void>;

package/dist/containers/Notes/components/NoteItem.d.ts

@@ -7,6 +7,7 @@ interface NoteItemProps extends TooltipProps<NoteResponse> {
     openTooltip: boolean;
     placement?: string;
     actions: Action<NoteResponse>[];
+    onLoad?: () => void;
 }
 declare const NoteItem: FC<NoteItemProps>;
 export default NoteItem;

package/dist/containers/Notes/configs/enums.d.ts

@@ -3,3 +3,7 @@ export declare enum NoteSortColumn {
     CreatedAt = "CreatedAt",
     Question = "Question"
 }
+export declare enum NoteType {
+    Default = 0,
+    StudentReadable = 1
+}

package/dist/containers/Notes/configs/interfaces.d.ts

@@ -23,6 +23,7 @@ export interface ExamNoteDialogProps {
 }
 export interface ClassNoteDialogProps {
     open: boolean;
+    tip?: string;
     studentName?: string;
     selectedNote?: NoteResponse;
     onClose: () => void;

package/dist/containers/Notes/configs/types.d.ts

@@ -1,9 +1,9 @@
 import { BaseSearchQuery } from "../../../utils";
-import { NoteSortColumn } from "./enums";
+import { NoteSortColumn, NoteType } from "./enums";
 export declare type NoteSearchQuery = BaseSearchQuery<NoteSortColumn> & {
     examCode?: string;
     studentId?: number;
-    courseId?: number;
     examSessionId?: number;
     IsOwned?: boolean;
+    type?: NoteType;
 };

package/dist/containers/PreparedExam/configs/types.d.ts

@@ -174,6 +174,12 @@ export declare type ChapterResponse = {
     accuracyRate?: number;
     completedChapterQuestions?: number;
     subChapters?: ChapterResponse[];
+    questionGroups?: QuestionGroupResponse[];
+};
+export declare type QuestionGroupResponse = {
+    id: number;
+    pageFrom?: number;
+    pageTo?: number;
 };
 export declare type ArticleResponse = {
     id?: number;

package/dist/containers/PreparedTextbook/apiClients/textbookService.d.ts

@@ -4,5 +4,5 @@ export declare const getTextbookDetailApi: (id: string, isAdmin?: boolean | unde
 export declare const getTextbookListApi: (query: TextbookQuery, isAdmin?: boolean | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const createTextbookApi: (values: any, isAdmin?: boolean | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const updateTextbookApi: (values: any, id: number, isAdmin?: boolean | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
-export declare const getAcademyByTeacher: (email: string, isAdmin?: boolean | undefined) => Promise<import("axios").AxiosResponse<any, any>>;
+export declare const getCourseByTeacherAcademy: (email: string, academyId: number) => Promise<import("axios").AxiosResponse<any, any>>;
 export declare const deleteTextbookApi: (textbookId: number, isAdmin?: boolean | undefined) => Promise<import("axios").AxiosResponse<any, any>>;

package/dist/containers/PreparedTextbook/components/AcademySelector.d.ts

@@ -8,10 +8,10 @@ interface Props {
     isClearable?: boolean;
     disabled?: boolean;
     isLoading?: boolean;
-    valueById?: number;
     email: string;
     minimumTextSearchLength?: number;
     options: any;
+    defaultValue: any;
 }
 declare const AcademySelector: FC<Props>;
 export default AcademySelector;

package/dist/containers/PreparedTextbook/components/ArticleBlock.d.ts

@@ -8,6 +8,7 @@ interface Props extends PropsWithChildren, FormikProps<TextbookRequest> {
     categories: any[];
     isLoadingCategories: boolean;
     optionKey: string;
+    disabled?: boolean;
     onDuplicate: (data: ArticleRequest) => void;
     onDelete: (text: string, confirmText: string, path: string, index: number) => void;
     onOpenSubCategoryMenu: (path: string, id?: number) => void;

package/dist/containers/PreparedTextbook/components/ChapterBlock.d.ts

@@ -13,6 +13,7 @@ interface Props extends FormikProps<TextbookRequest> {
     categories: any[];
     isLoadingQuestionTypes: boolean;
     questionTypes: any[];
+    disabled?: boolean;
     onToggle: (index: number) => void;
     onDelete: (text: string, confirmText: string, path: string, index: number) => void;
     onCopiedPrevQuestionGroup: (path: string, paths: number[]) => QuestionGroupRequest | undefined;

package/dist/containers/PreparedTextbook/components/ChapterBlockBody.d.ts

@@ -12,6 +12,7 @@ interface Props extends FormikProps<TextbookRequest> {
     categories: any[];
     isLoadingQuestionTypes: boolean;
     questionTypes: any[];
+    disabled?: boolean;
     onDelete: (text: string, confirmText: string, path: string, index: number) => void;
     onCopiedPrevQuestionGroup: (path: string, paths: number[]) => QuestionGroupRequest | undefined;
     onOpenSubCategoryMenu: (path: string, id?: number) => void;

package/dist/containers/PreparedTextbook/components/CourseSelector.d.ts

@@ -12,7 +12,7 @@ interface Props {
     defaultValue?: any;
     options: any;
     isLoading?: boolean;
-    valueById?: number;
+    isDisabled?: boolean;
 }
 declare const CourseSelector: FC<Props>;
 export default CourseSelector;

package/dist/containers/PreparedTextbook/components/OwnerSelector.d.ts

@@ -3,8 +3,9 @@ declare type Props = {
     values: any;
     errors: any;
     index: number;
-    academyId?: number;
+    email: string;
     onChangeFieldValue: any;
+    disabled?: boolean;
 };
-declare const OwnerSelector: ({ values, errors, index, academyId, onChangeFieldValue }: Props) => React.JSX.Element;
+declare const OwnerSelector: ({ values, errors, index, email, onChangeFieldValue, disabled }: Props) => React.JSX.Element;
 export default OwnerSelector;

package/dist/containers/PreparedTextbook/components/PreparedTextbookForm.d.ts

@@ -2,10 +2,15 @@ import { FormikProps } from "formik";
 import React, { FC } from "react";
 import { TextbookRequest } from "../configs/types";
 interface Props extends FormikProps<TextbookRequest> {
+    isCreatedByAdmin?: boolean;
+    isSuperAdminUser: boolean;
+    isSuperAdmin?: boolean;
     isAdmin?: boolean;
     textbookId?: string;
     selected: number;
     coverImage?: string;
+    disabled?: boolean;
+    ownersDisabled?: boolean;
     onUploadImage: (event: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
     onChangeTab: (_: React.SyntheticEvent, newValue: number) => void;
 }

package/dist/containers/PreparedTextbook/components/QuestionBlock.d.ts

@@ -7,7 +7,7 @@ interface Props extends PropsWithChildren, FormikProps<TextbookRequest> {
     answerCount: number;
     path: string;
     isMath: boolean;
-    isDisabled?: boolean;
+    disabled?: boolean;
     questionTitleStyle?: SxProps<Theme>;
     optionKey: string;
     isLoadingQuestionTypes: boolean;

package/dist/containers/PreparedTextbook/components/QuestionGroupBlock.d.ts

@@ -13,7 +13,7 @@ interface Props extends FormikProps<TextbookRequest> {
     isLoadingQuestionTypes: boolean;
     questionTypes: any[];
     optionKey: string;
-    isDisabled?: boolean;
+    disabled?: boolean;
     onToggle: (index: number) => void;
     onQuestionCountChange: (count: number, index: number) => void;
     onDelete: (text: string, confirmText: string, path: string, index: number) => void;

package/dist/containers/PreparedTextbook/components/QuestionGroupBlockBody.d.ts

@@ -11,6 +11,8 @@ interface Props extends FormikProps<TextbookRequest> {
     categories: any[];
     isLoadingQuestionTypes: boolean;
     questionTypes: any[];
+    disabled?: boolean;
+    onQuestioStartOrderChange: (order: number) => void;
     onDelete: (text: string, confirmText: string, path: string, index: number) => void;
     onOpenSubCategoryMenu: (path: string, id?: number) => void;
     onOpenCategoryMenu: (path: string) => void;

package/dist/containers/PreparedTextbook/components/TextbookContentsTab.d.ts

@@ -2,6 +2,7 @@ import { FC } from "react";
 import { FormikProps } from "formik";
 import { TextbookRequest } from "../configs/types";
 interface Props extends FormikProps<TextbookRequest> {
+    disabled?: boolean;
 }
 declare const TextbookContentsTab: FC<Props>;
 export default TextbookContentsTab;

package/dist/containers/PreparedTextbook/components/TextbookInfoTab.d.ts

@@ -2,9 +2,11 @@ import React, { FC } from "react";
 import { FormikProps } from "formik";
 import { TextbookRequest } from "../configs/types";
 interface Props extends FormikProps<TextbookRequest> {
+    isCreatedByAdmin?: boolean;
     coverImage?: string;
-    isAdmin?: boolean;
+    isSuperAdminUser?: boolean;
     textbookId?: string;
+    disabled?: boolean;
     handleUploadImage: (event: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
 }
 declare const TextbookInfoTab: FC<Props>;

package/dist/containers/PreparedTextbook/components/TextbookOwnersTab.d.ts

@@ -2,6 +2,7 @@ import React from "react";
 import { FormikProps } from "formik";
 import { TextbookRequest } from "../configs/types";
 interface Props extends FormikProps<TextbookRequest> {
+    disabled?: boolean;
 }
-declare const TextbookOwnersTab: ({ errors, values, setFieldValue }: Props) => React.JSX.Element;
+declare const TextbookOwnersTab: ({ errors, values, disabled, setFieldValue }: Props) => React.JSX.Element;
 export default TextbookOwnersTab;

package/dist/containers/PreparedTextbook/configs/constants.d.ts

@@ -68,6 +68,7 @@ export declare const preparedTextbookSchema: (t: any) => yup.ObjectSchema<{
     isbn: string;
     grade: number;
     type: number | undefined;
+    textbookOwners: {}[] | undefined;
     chapters: {
         questionGroups: any;
         subChapters: any;
@@ -81,6 +82,7 @@ export declare const preparedTextbookSchema: (t: any) => yup.ObjectSchema<{
     isbn: undefined;
     grade: undefined;
     type: undefined;
+    textbookOwners: "";
     chapters: "";
 }, "">;
 export declare const DEFAULT_TEXTBOOK_REQUEST: TextbookRequest;

package/dist/containers/PreparedTextbook/configs/enums.d.ts

@@ -14,3 +14,8 @@ export declare enum HighSchoolGrade {
     ProbabilityAndStatistics = 6,
     Geometry = 7
 }
+export declare enum TextbookEditorType {
+    Default = 0,
+    Korea = 1,
+    Math = 2
+}

package/dist/containers/PreparedTextbook/configs/functions.d.ts

@@ -1,4 +1,5 @@
-import { TextbookDetailResponse } from "./types";
+import { QuestionGroupRequest, TextbookDetailResponse } from "./types";
+import { QuestionAnswerType } from "../../../utils";
 export declare const reduceToMathArticles: (textbook: any, isMath?: number | undefined) => any;
 export declare const resetAllCategoriesAndQuestionTypesBySubject: (textbook: any, subject?: any) => any;
 export declare const convertResponseToRequest: (selectedTextbook?: TextbookDetailResponse | undefined) => import("./types").TextbookRequest | {
@@ -14,7 +15,19 @@ export declare const convertResponseToRequest: (selectedTextbook?: TextbookDetai
     publisher: string;
     isbn: string;
     coverImage: string;
-    textbookOwners: import("./types").TextbookOwner[];
+    textbookOwners: {
+        academy: {
+            label: any;
+            value: any;
+        } | null;
+        course: {
+            label: any;
+            value: any;
+        } | null;
+        email: string;
+        academyId: number;
+        courseId: number;
+    }[];
     isPublic: boolean;
     isShared: boolean;
     isPrepared: boolean;
@@ -27,6 +40,8 @@ export declare const convertResponseToRequest: (selectedTextbook?: TextbookDetai
         questionGroups: {
             id: number;
             chapterId: number;
+            pageFrom: number | undefined;
+            pageTo: number | undefined;
             questions: {
                 questionTypeId: any;
                 questionType: {
@@ -39,7 +54,7 @@ export declare const convertResponseToRequest: (selectedTextbook?: TextbookDetai
                 score: number;
                 questionOrder: number;
                 textualAnswer: string;
-                questionAnswerType: import("../../..").QuestionAnswerType;
+                questionAnswerType: QuestionAnswerType;
                 questionTypeName?: string | undefined;
             }[];
             articles: {
@@ -65,6 +80,8 @@ export declare const convertResponseToRequest: (selectedTextbook?: TextbookDetai
             questionGroups: {
                 id: number;
                 chapterId: number;
+                pageFrom: number | undefined;
+                pageTo: number | undefined;
                 questions: {
                     questionTypeId: any;
                     questionType: {
@@ -77,7 +94,7 @@ export declare const convertResponseToRequest: (selectedTextbook?: TextbookDetai
                     score: number;
                     questionOrder: number;
                     textualAnswer: string;
-                    questionAnswerType: import("../../..").QuestionAnswerType;
+                    questionAnswerType: QuestionAnswerType;
                     questionTypeName?: string | undefined;
                 }[];
                 articles: {
@@ -99,3 +116,5 @@ export declare const convertResponseToRequest: (selectedTextbook?: TextbookDetai
         }[];
     }[];
 };
+export declare const handleKeyDown: (e: any) => void;
+export declare const isSequentialQuestionGroups: (questionGroups: QuestionGroupRequest[]) => boolean;

package/dist/containers/PreparedTextbook/configs/interfaces.d.ts

@@ -1,6 +1,8 @@
 import { ReactElement } from "react";
+import { Role } from "../../../utils";
 export interface PreparedTextbookDetailProps {
     textbookId?: string;
     onBackToList: () => void;
     notFoundView: ReactElement;
+    role: Role;
 }

package/dist/containers/PreparedTextbook/configs/types.d.ts

@@ -60,6 +60,8 @@ export declare type ChapterRequest = {
 };
 export declare type QuestionGroupRequest = {
     id?: number;
+    pageFrom?: number;
+    pageTo?: number;
     answerCount: number;
     questionCount: number;
     questions: QuestionRequest[];
@@ -102,21 +104,23 @@ export declare type TextbookDetailResponse = {
     textbookOwners: TextbookOwner[];
     isPrepared?: boolean;
     type: number;
+    createdBy?: any;
+    isCreatedByAdmin?: boolean;
 };
 export declare type Academy = {
     id: number;
     name: string;
-    courses: Course[];
 };
 export declare type Course = {
-    id: 1;
+    id: number;
     name: string;
-    teacherEmails: string[];
 };
 export declare type TextbookOwner = {
     email: string;
     academyId: number;
     courseId: number;
+    academy: any;
+    course: any;
 };
 export declare type TextbookResponse = {
     id: number;
@@ -143,6 +147,8 @@ export declare type ArticleResponse = {
 };
 export declare type QuestionGroupResponse = {
     id: number;
+    pageFrom?: number;
+    pageTo?: number;
     chapterId?: number;
     questions: Question[];
     articles: ArticleResponse[];

package/dist/containers/PreparedTextbook/hooks/useSelect.d.ts

@@ -1,18 +1,16 @@
 declare type Props = {
-    academyId?: number;
-    handleChangeEmail: any;
+    email: string;
 };
-declare const useSelect: ({ academyId, handleChangeEmail }: Props) => {
+declare const useSelect: ({ email }: Props) => {
     t: any;
-    loadData: any;
     isLoading: boolean;
-    academyOptions: {
-        label: string;
-        value: number;
+    academies: {
+        label: any;
+        value: any;
     }[];
-    courseOptions: {
+    courses: {
         label: string;
-        value: 1;
-    }[] | undefined;
+        value: any;
+    }[];
 };
 export default useSelect;

package/dist/containers/PreparedTextbook/hooks/useTextbookManagement.d.ts

@@ -1,16 +1,23 @@
 import { ChapterResponse, TextbookRequest, TextbookDetailResponse } from "../configs/types";
+import { Role } from "../../../utils";
 import { FormikHelpers } from "formik";
 declare type Props = {
+    role: Role;
     textbookId?: string;
     onNavigateList: () => void;
 };
-declare const useTextbookManagement: ({ textbookId, onNavigateList }: Props) => {
+declare const useTextbookManagement: ({ textbookId, role, onNavigateList }: Props) => {
     t: any;
+    isAdminSite: boolean;
+    disabledTextbookOwners: boolean;
+    isReadonly: boolean;
+    isEditable: any;
     isAdmin: any;
     theme: import("@mui/material").Theme;
     history: History;
     coverImage: string | undefined;
     isSuperAdmin: boolean;
+    isSuperAdminUser: any;
     openDialog: boolean;
     handleSubmit: (values: TextbookRequest, _formikHelpers: FormikHelpers<TextbookRequest>) => Promise<void>;
     selectedTextbook: TextbookDetailResponse | undefined;

package/dist/containers/Textbooks/configs/types.d.ts

@@ -28,6 +28,8 @@ export declare type TextbookResponse = {
     sharedUsers: string[];
     createdBy: CreatedBy;
     isShared: boolean;
+    isPublic: boolean;
+    textbookOwners?: any;
 };
 export declare type TeacherSimpleResponse = {
     id: number;

package/dist/containers/Textbooks/hooks/useTextbookList.d.ts

@@ -2,10 +2,13 @@
 import { TextbookResponse } from "../configs/types";
 import { TextbookListProps } from "../views/TextbookList";
 declare const useTextbookList: (props: TextbookListProps) => {
-    filter: import("../../..").SearchQuery;
+    user: any;
+    isTeacherSite: boolean;
+    isTeacher: boolean;
+    filter: import("../../../utils").SearchQuery;
     textSearchRef: import("react").RefObject<HTMLInputElement>;
     getData: (isLoading?: boolean) => Promise<void>;
-    paging: import("../../..").PagingResponse;
+    paging: import("../../../utils").PagingResponse;
     textbooks: TextbookResponse[];
     selectedTextbook: TextbookResponse | undefined;
     handleSort: (sortColumnName: string) => void;

package/dist/containers/Textbooks/hooks/useTextbookShare.d.ts

@@ -30,8 +30,6 @@ declare const useTextbookShare: (props: TextbookShareProps) => {
     isUpdate: boolean;
     handleUpdateSharedTextbook: (teacherIds: number[], textbookId: number) => Promise<void>;
     currentModel: TextbookResponse | undefined;
-    enabledSave: (textbook: TextbookResponse) => any;
-    enabledShare: (textbook: TextbookResponse) => any;
     isAdmin: any;
     isAdminSite: boolean;
 };

package/dist/index.css

@@ -1409,7 +1409,7 @@
 
 ._11aYm {
   width: 70vw;
-  height: calc(100vh - 78px);
+  height: calc(100dvh - 78px);
   position: fixed;
   right: -100%;
   bottom: 0;
@@ -1582,7 +1582,7 @@
 @charset "UTF-8";
 ._1k4kj {
   width: 70vw;
-  height: calc(100vh - 78px);
+  height: calc(100dvh - 78px);
   position: fixed;
   right: -100%;
   bottom: 0;
@@ -1593,7 +1593,7 @@
 
 ._xnHGE {
   width: 100vw;
-  height: 100vh;
+  height: 100dvh;
   background-color: rgba(0, 0, 0, 0);
   position: fixed;
   right: 0;