Refactor the `TermsSheet` component to achieve better parity with Flutter's
`DraggableScrollableSheet`. This includes implementing a snapping mechanism
between two resting states (0.75 and 1.0) and updating the CSS to handle
safe area insets and dynamic height calculations.
- Add `.flutter-draggable-sheet` class to `globals.css` for height scaling
against available screen space below the status bar.
- Implement `snapTo` logic in `TermsSheet` to handle transitions between
initial and expanded states.
- Add `restingStateRef` to track the current snapped position.
- Update `TermsSheet` touch event handlers to support snapping based on
drag distance and current size.
- Add unit tests to verify snapping behavior for pulling up, pulling down,
and reaching the minimum size threshold.
Adjust the global section overlay transition duration and easing for a
snappier feel. Update the viewport coordinator to use a more responsive
keyboard threshold and provide a fallback default height to ensure
consistent lifting behavior when the last known height is insufficient.
Enhance the user experience by allowing the browser's back button to
close active question sheets instead of navigating away from the page.
- Update `useSheetScrollLock` to manage history state using `pushState`
- Implement `popstate` event listener to trigger `onBack` callback
- Add support for an optional `onBack` option in the scroll lock hook
- Clean up redundant CSS rules related to `question-sheet-open`
- Add integration tests to verify sheet closure on `popstate` events
Refactor the marriage profile and assessment flow to use a new overview
endpoint, reducing the need to fetch full question schemas for the
initial list view.
- Implement `getFormOverview` and `useFormOverviewQuery` to fetch
high-level section metadata.
- Update `QuestionDetailClient` and `QuestionsListPage` to utilize
the overview data for rendering progress and section lists.
- Refactor `schema-adapter` to support mapping overview sections to
frontend `QuestionListItem` objects.
- Optimize proxy performance by adding TTFB metrics and improving
encoding support.
- Improve UI/UX with better overscroll behavior and viewport settings.
- Add unit and integration tests for the new schema adapter and
required steps component.
Refactor the application initialization and data fetching strategy to improve performance, reliability, and user experience, especially within the Flutter webview context.
Key changes:
- **Bootstrap & Initialization**: Implemented a `beforeInteractive` bootstrap script to handle locale correction and safe-area insets before the app becomes visible, reducing layout shift and flickering.
- **Locale Routing**: Enhanced the middleware proxy to prioritize authoritative cookie-based locales and improved `Accept-Language` header parsing to support complex device headers.
- **Assessment Progress**: Introduced a local assessment progress tracking mechanism that merges server-side completion data with local `localStorage` drafts, ensuring users don't lose progress during transitions.
- **Data Fetching**: Optimized React Query configurations by increasing `staleTime` and disabling aggressive refetching on window focus/mount to reduce unnecessary network overhead.
- **UI/UX Improvements**:
- Replaced `next/image` icon loading with an inline `UiIcon` component to eliminate per-icon network requests and ensure icons are available in the initial HTML.
- Implemented a Flutter-style skeleton shimmer animation using CSS transforms for smoother performance in the webview.
- Updated CSS variables to use `env(safe-area-inset-*)` for better mobile compatibility.
- **Refactoring**:
- Consolidated marriage-related data fetching into a unified `useFormSchemaQuery` pattern.
- Simplified component logic by removing redundant `silent-reloader` calls and manual cache-busting headers.
- Improved type safety for the Flutter bridge and window global objects.
- Implemented `useMarriageProfileQuery` and `getMarriageProfile` for fetching main marriage profile data.
- Created `useMarriageSectionDataQuery` and `updateMarriageSectionData` for managing section data with query and mutation hooks.
- Added `useMarriageSectionsQuery` for retrieving available marriage sections.
feat: add temporary media upload hook
- Introduced `useUploadTmpMediaMutation` and `uploadTmpMedia` for handling temporary media uploads.
feat: implement internationalization support
- Added localization configuration and dictionaries for English and Persian languages.
- Created `I18nProvider` for managing locale and dictionary context.
- Implemented utility functions for locale management and path localization.
feat: define API communication layer
- Established an HTTP client using Axios with proxy path handling for API requests.
- Implemented `QuestionDetailPage` to display individual questions based on slug.
- Created `QuestionsListPage` to list all questions with navigation.
- Added various question components: `QuestionButton`, `QuestionDate`, `QuestionDropdown`, `QuestionFile`, `QuestionNumber`, `QuestionRadio`, `QuestionSlider`, and `QuestionText`.
- Introduced `BookingTermsCard` for displaying terms and conditions.
- Added SVG icon for play action.
- Integrated `InformationSheet` component for user guidance.
- Created mock data for questions and structured data handling in `question-data.ts`.
- Developed a utility to add data locators for easier debugging in development.
- Created `Intro` component for the initial user interface with navigation buttons and introductory content.
- Implemented `SliderPage` component to handle slide transitions and user interactions.
- Developed multiple slide components (`SliderSlideOne`, `SliderSlideTwo`, `SliderSlideThree`, `SliderSlideFour`) to guide users through the registration process.
- Added `Button` component with countdown functionality and various styles.
- Introduced `InfoProgressCard` for displaying user progress in the registration process.
- Created `NavigationButton` for navigation actions within the app.
- Implemented `PageBackground` utility for dynamic background images based on user actions.
- Implemented QuestionsPage component for user input with a multi-slide format.
- Created RulesPage component with a countdown timer and terms for marriage.
- Developed VideoPage and VideoPageTwo components for video playback and progress tracking.
- Added DevClickToComponent for IDE integration via data-locator attributes.
- Introduced detailed questions structure and utility functions for managing user responses.
- Enhanced user experience with responsive design and accessibility features.
