@welshare/questionnaire 0.2.0 → 0.2.2

package/README.md

@@ -11,16 +11,16 @@ npm install @welshare/questionnaire
 ## Quick Start
 
 ```tsx
-import { useState, useEffect } from 'react';
+import { useState, useEffect } from "react";
 import {
   QuestionnaireProvider,
   useQuestionnaire,
   QuestionRenderer,
   getVisiblePages,
   type Questionnaire,
-} from '@welshare/questionnaire';
-import '@welshare/questionnaire/tokens.css';
-import '@welshare/questionnaire/styles.css';
+} from "@welshare/questionnaire";
+import "@welshare/questionnaire/tokens.css";
+import "@welshare/questionnaire/styles.css";
 
 function QuestionnairePage() {
   const { questionnaire, isPageValid } = useQuestionnaire();
@@ -45,11 +45,13 @@ function QuestionnairePage() {
 }
 
 function App() {
-  const [questionnaire, setQuestionnaire] = useState<Questionnaire | null>(null);
+  const [questionnaire, setQuestionnaire] = useState<Questionnaire | null>(
+    null
+  );
 
   useEffect(() => {
-    fetch('/api/questionnaire/your-id')
-      .then(res => res.json())
+    fetch("/api/questionnaire/your-id")
+      .then((res) => res.json())
       .then(setQuestionnaire);
   }, []);
 
@@ -68,6 +70,7 @@ function App() {
 ### QuestionnaireProvider
 
 **Props:**
+
 - `questionnaire: Questionnaire` - FHIR Questionnaire object
 - `questionnaireId?: string` - Optional ID override (defaults to `questionnaire.id`)
 - `useNestedStructure?: boolean` - Nested or flat response structure (default: `true`)
@@ -76,18 +79,27 @@ function App() {
 
 ```tsx
 const {
-  questionnaire, response,
-  updateAnswer, updateMultipleAnswers,
-  getAnswer, getAnswers,
-  isPageValid, getRequiredQuestions, getUnansweredRequiredQuestions,
-  markValidationErrors, clearValidationErrors, hasValidationError,
-  debugMode, toggleDebugMode,
+  questionnaire,
+  response,
+  updateAnswer,
+  updateMultipleAnswers,
+  getAnswer,
+  getAnswers,
+  isPageValid,
+  getRequiredQuestions,
+  getUnansweredRequiredQuestions,
+  markValidationErrors,
+  clearValidationErrors,
+  hasValidationError,
+  debugMode,
+  toggleDebugMode,
 } = useQuestionnaire();
 ```
 
 ### QuestionRenderer
 
 **Props:**
+
 - `item: QuestionnaireItem` - Questionnaire item to render
 - `className?: string` - Container CSS classes
 - `inputClassName?: string` - Input CSS classes
@@ -102,6 +114,7 @@ const {
 A controlled component for collecting height, weight, and calculating BMI. The component acts as an input helper that manages BMI calculation internally and reports changes to the parent via callbacks. Unit system (metric/imperial) is managed internally and automatically clears all fields when switched.
 
 **Props:**
+
 - `height: number` - Current height value (0 when empty)
 - `weight: number` - Current weight value (0 when empty)
 - `bmi: number` - Current BMI value (calculated and set by the component, 0 when not calculated)
@@ -111,6 +124,7 @@ A controlled component for collecting height, weight, and calculating BMI. The c
 - `className?: string` - Optional CSS classes
 
 **Features:**
+
 - Controlled numeric values (height, weight, bmi) managed by parent
 - BMI calculation handled internally by the component
 - Unit system managed internally (defaults to metric)
@@ -121,10 +135,10 @@ A controlled component for collecting height, weight, and calculating BMI. The c
 **Example:**
 
 ```tsx
-import { useState } from 'react';
-import { BmiForm, getBmiCategory } from '@welshare/questionnaire';
-import '@welshare/questionnaire/tokens.css';
-import '@welshare/questionnaire/styles.css';
+import { useState } from "react";
+import { BmiForm, getBmiCategory } from "@welshare/questionnaire";
+import "@welshare/questionnaire/tokens.css";
+import "@welshare/questionnaire/styles.css";
 
 function MyComponent() {
   const [height, setHeight] = useState(0);
@@ -133,7 +147,7 @@ function MyComponent() {
 
   const handleBmiChange = (value: number) => {
     setBmi(value);
-    
+
     // Optional: Get BMI category
     if (value) {
       const category = getBmiCategory(value);
@@ -154,14 +168,134 @@ function MyComponent() {
 }
 ```
 
+### LegalConsentForm
+
+A self-contained form component for collecting user consent before data submission. This component handles:
+
+1. **Terms & Conditions and Privacy Policy** (required) - User must accept to proceed
+2. **Study invitation notifications** (optional) - User can opt in to receive study invitations
+
+**Usage Pattern:**
+This component provides the content for a consent dialog. Applications should wrap this component in their own Dialog/Modal component (e.g., from shadcn/ui, Radix UI, MUI, etc.), similar to how BmiForm is used with input helpers.
+
+**Props:**
+
+- `initialValues?: Partial<LegalConsentResult>` - Initial consent state (for restoring previous preferences)
+- `documentLinks?: LegalDocumentLinks` - Custom URLs for Terms & Privacy documents
+- `onConfirm?: (result: LegalConsentResult) => void` - Called when user confirms (only if terms accepted)
+- `onCancel?: () => void` - Called when user cancels/declines
+- `onChange?: (result: LegalConsentResult) => void` - Called on any checkbox change (real-time updates)
+- `renderCheckbox?: (props: LegalCheckboxProps) => ReactNode` - Custom checkbox component renderer
+- `confirmButtonLabel?: string` - Custom confirm button text (default: "Confirm & Continue")
+- `cancelButtonLabel?: string` - Custom cancel button text (default: "Cancel")
+- `className?: string` - Additional CSS classes
+
+**Result Object:**
+
+```typescript
+interface LegalConsentResult {
+  termsAccepted: boolean; // Required - T&Cs and Privacy Policy
+  studyConsentAccepted: boolean; // Optional - Study invitations
+}
+```
+
+**Example with Dialog:**
+
+```tsx
+import { useState } from "react";
+import {
+  LegalConsentForm,
+  type LegalConsentResult,
+} from "@welshare/questionnaire";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Checkbox } from "@/components/ui/checkbox";
+import "@welshare/questionnaire/tokens.css";
+import "@welshare/questionnaire/styles.css";
+
+function DataSubmissionFlow() {
+  const [showConsent, setShowConsent] = useState(false);
+
+  const handleSubmitData = () => {
+    // Show consent dialog before submitting data
+    setShowConsent(true);
+  };
+
+  const handleConsent = (result: LegalConsentResult) => {
+    console.log("Terms accepted:", result.termsAccepted);
+    console.log("Study consent:", result.studyConsentAccepted);
+
+    // Proceed with data submission
+    submitDataToServer(result);
+    setShowConsent(false);
+  };
+
+  return (
+    <>
+      <button onClick={handleSubmitData}>Submit My Data</button>
+
+      <Dialog open={showConsent} onOpenChange={setShowConsent}>
+        <DialogContent>
+          <DialogHeader>
+            <DialogTitle>Health Data Storage Consent</DialogTitle>
+          </DialogHeader>
+          <LegalConsentForm
+            renderCheckbox={({ id, checked, onCheckedChange, className }) => (
+              <Checkbox
+                id={id}
+                checked={checked}
+                onCheckedChange={onCheckedChange}
+                className={className}
+              />
+            )}
+            onConfirm={handleConsent}
+            onCancel={() => setShowConsent(false)}
+          />
+        </DialogContent>
+      </Dialog>
+    </>
+  );
+}
+```
+
+**Custom Document Links:**
+
+```tsx
+<LegalConsentForm
+  documentLinks={{
+    termsUrl: "https://myapp.com/terms",
+    privacyUrl: "https://myapp.com/privacy",
+  }}
+  onConfirm={handleConsent}
+  onCancel={handleCancel}
+/>
+```
+
+**CSS Classes for Styling:**
+
+- `.wq-legal-consent-form` - Main form container
+- `.wq-legal-consent-section` - Individual consent section
+- `.wq-legal-consent-heading` - Section headings
+- `.wq-legal-consent-checkbox-row` - Checkbox + label row
+- `.wq-legal-consent-link` - Links to legal documents
+- `.wq-legal-consent-info-box` - Information box (study consent details)
+- `.wq-legal-consent-actions` - Button container
+- `.wq-button`, `.wq-button-primary`, `.wq-button-outline` - Button styles
+
 ### Utilities
 
 **Questionnaire Utilities:**
+
 - `getVisiblePages(questionnaire)` - Get visible page groups
 - `calculateProgress(currentIndex, total)` - Calculate progress percentage
 - `getAllQuestionsFromPage(pageItem)` - Get all questions from a page
 
 **BMI Helper Functions:**
+
 - `calculateBmi(height, weight, unitSystem)` - Calculate BMI from height and weight
 - `getBmiCategory(bmi)` - Get WHO BMI category (Underweight, Normal weight, Overweight, Obese)
 
@@ -196,37 +330,139 @@ Override CSS custom properties:
 ## FHIR Extensions
 
 ### Hidden Questions
+
+```json
+{
+  "extension": [
+    {
+      "url": "http://hl7.org/fhir/StructureDefinition/questionnaire-hidden",
+      "valueBoolean": true
+    }
+  ]
+}
+```
+
+### Media Attachments (Images)
+
+Display images or other media content with question items using the FHIR SDC (Structured Data Capture) extensions.
+
+**Item Media (images on questions):**
+
 ```json
 {
-  "extension": [{
-    "url": "http://hl7.org/fhir/StructureDefinition/questionnaire-hidden",
-    "valueBoolean": true
-  }]
+  "linkId": "body-diagram",
+  "text": "Where is the pain located?",
+  "type": "choice",
+  "extension": [
+    {
+      "url": "http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-itemMedia",
+      "valueAttachment": {
+        "contentType": "image/png",
+        "url": "https://example.com/images/body-diagram.png",
+        "title": "Body diagram"
+      }
+    }
+  ]
+}
+```
+
+**Answer Option Media (images on answer options):**
+
+```json
+{
+  "linkId": "skin-condition",
+  "text": "Which image best matches your condition?",
+  "type": "choice",
+  "answerOption": [
+    {
+      "valueCoding": {
+        "code": "mild",
+        "display": "Mild"
+      },
+      "extension": [
+        {
+          "url": "http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-itemAnswerMedia",
+          "valueAttachment": {
+            "contentType": "image/jpeg",
+            "url": "https://example.com/images/mild.jpg",
+            "title": "Mild condition"
+          }
+        }
+      ]
+    },
+    {
+      "valueCoding": {
+        "code": "severe",
+        "display": "Severe"
+      },
+      "extension": [
+        {
+          "url": "http://hl7.org/fhir/uv/sdc/StructureDefinition/sdc-questionnaire-itemAnswerMedia",
+          "valueAttachment": {
+            "contentType": "image/jpeg",
+            "url": "https://example.com/images/severe.jpg",
+            "title": "Severe condition"
+          }
+        }
+      ]
+    }
+  ]
+}
+```
+
+**CSS Classes for Styling:**
+
+- `.wq-question-media` - Container for question-level images
+- `.wq-question-image` - Individual question image
+- `.wq-choice-option-wrapper` - Wrapper around answer option with image
+- `.wq-choice-option-image` - Individual answer option image
+
+**Example Styling:**
+
+```css
+.wq-question-image {
+  max-width: 100%;
+  height: auto;
+  margin-bottom: 1rem;
+  border-radius: 0.5rem;
+}
+
+.wq-choice-option-image {
+  max-width: 200px;
+  height: auto;
+  margin-bottom: 0.5rem;
+  border-radius: 0.25rem;
 }
 ```
 
 ### Slider Controls
+
 ```json
 {
-  "extension": [{
-    "url": "http://codes.welshare.app/StructureDefinition/questionnaire-slider-control",
-    "extension": [
-      { "url": "minValue", "valueInteger": 0 },
-      { "url": "maxValue", "valueInteger": 100 },
-      { "url": "step", "valueInteger": 1 },
-      { "url": "unit", "valueString": "minutes" }
-    ]
-  }]
+  "extension": [
+    {
+      "url": "http://codes.welshare.app/StructureDefinition/questionnaire-slider-control",
+      "extension": [
+        { "url": "minValue", "valueInteger": 0 },
+        { "url": "maxValue", "valueInteger": 100 },
+        { "url": "step", "valueInteger": 1 },
+        { "url": "unit", "valueString": "minutes" }
+      ]
+    }
+  ]
 }
 ```
 
 ### Exclusive Options
+
 ```json
 {
-  "extension": [{
-    "url": "http://codes.welshare.app/StructureDefinition/questionnaire-exclusive-option",
-    "valueString": "none-of-the-above-code"
-  }]
+  "extension": [
+    {
+      "url": "http://codes.welshare.app/StructureDefinition/questionnaire-exclusive-option",
+      "valueString": "none-of-the-above-code"
+    }
+  ]
 }
 ```
 
@@ -235,37 +471,51 @@ Override CSS custom properties:
 Input helpers allow you to provide auxiliary UI (like calculators or lookup dialogs) to assist users in filling out form fields. The library detects the extension and calls your `renderHelperTrigger` function, but you control the dialog/modal implementation.
 
 **FHIR Extension:**
+
 ```json
 {
   "linkId": "bmi",
   "text": "Body Mass Index",
   "type": "decimal",
-  "extension": [{
-    "url": "http://codes.welshare.app/StructureDefinition/questionnaire-inputHelper",
-    "valueCodeableConcept": {
-      "coding": [{
-        "system": "http://codes.welshare.app/input-helper-type",
-        "code": "bmi-calculator",
-        "display": "BMI Calculator"
-      }],
-      "text": "Calculate BMI from height and weight"
+  "extension": [
+    {
+      "url": "http://codes.welshare.app/StructureDefinition/questionnaire-inputHelper",
+      "valueCodeableConcept": {
+        "coding": [
+          {
+            "system": "http://codes.welshare.app/input-helper-type",
+            "code": "bmi-calculator",
+            "display": "BMI Calculator"
+          }
+        ],
+        "text": "Calculate BMI from height and weight"
+      }
     }
-  }]
+  ]
 }
 ```
 
 **Implementation:**
 
 ```tsx
-import { useState } from 'react';
-import { QuestionRenderer, BmiForm, type HelperTriggerProps } from '@welshare/questionnaire';
+import { useState } from "react";
+import {
+  QuestionRenderer,
+  BmiForm,
+  type HelperTriggerProps,
+} from "@welshare/questionnaire";
 
 function MyQuestionnaireRenderer({ item }) {
   const [showBmiDialog, setShowBmiDialog] = useState(false);
-  const [helperCallback, setHelperCallback] = useState<((v: string | number) => void) | null>(null);
-
-  const handleHelperTrigger = ({ helper, onValueSelected }: HelperTriggerProps) => {
-    if (helper.type === 'bmi-calculator') {
+  const [helperCallback, setHelperCallback] = useState<
+    ((v: string | number) => void) | null
+  >(null);
+
+  const handleHelperTrigger = ({
+    helper,
+    onValueSelected,
+  }: HelperTriggerProps) => {
+    if (helper.type === "bmi-calculator") {
       return (
         <button
           type="button"
@@ -274,7 +524,7 @@ function MyQuestionnaireRenderer({ item }) {
             setShowBmiDialog(true);
           }}
         >
-          {helper.display || 'Calculate'}
+          {helper.display || "Calculate"}
         </button>
       );
     }
@@ -283,11 +533,8 @@ function MyQuestionnaireRenderer({ item }) {
 
   return (
     <>
-      <QuestionRenderer
-        item={item}
-        renderHelperTrigger={handleHelperTrigger}
-      />
-      
+      <QuestionRenderer item={item} renderHelperTrigger={handleHelperTrigger} />
+
       {showBmiDialog && (
         <Dialog onClose={() => setShowBmiDialog(false)}>
           <BmiForm
@@ -304,6 +551,7 @@ function MyQuestionnaireRenderer({ item }) {
 ```
 
 **Helper Trigger Props:**
+
 - `helper: InputHelperConfig` - Configuration from the extension
   - `type: string` - Helper identifier (e.g., "bmi-calculator")
   - `display?: string` - Display name from the extension
@@ -316,9 +564,6 @@ function MyQuestionnaireRenderer({ item }) {
 
 **Note:** The library only renders the trigger element you provide. You are responsible for implementing the dialog/modal UI, as this allows you to use your preferred dialog system (e.g., shadcn/ui, Radix UI, MUI, etc.).
 
-
-
-
 ## License
 
 MIT © Welshare UG (haftungsbeschränkt)

package/dist/esm/components/bmi-form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bmi-form.d.ts","sourceRoot":"","sources":["../../../src/components/bmi-form.tsx"],"names":[],"mappings":"AASA;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC;IAEjC;;;;OAIG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAEvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,GAAI,mEAMrB,YAAY,4CAmSd,CAAC"}
+{"version":3,"file":"bmi-form.d.ts","sourceRoot":"","sources":["../../../src/components/bmi-form.tsx"],"names":[],"mappings":"AASA;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,4BAA4B;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,0BAA0B;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,6BAA6B;IAC7B,GAAG,EAAE,MAAM,CAAC;CACb;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,aAAa,CAAC,EAAE,gBAAgB,CAAC;IAEjC;;;;OAIG;IACH,cAAc,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IAEvC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAEjD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO,GAAI,mEAMrB,YAAY,4CA8Sd,CAAC"}

package/dist/esm/components/legal-consent-form.d.ts

@@ -0,0 +1,123 @@
+import { ReactNode } from "react";
+/**
+ * Configuration for legal document links
+ */
+export interface LegalDocumentLinks {
+    /** URL to Terms & Conditions document */
+    termsUrl?: string;
+    /** URL to Privacy Policy document */
+    privacyUrl?: string;
+}
+/**
+ * Result object returned on submission
+ */
+export interface LegalConsentResult {
+    /** Whether user accepted terms & conditions and privacy policy */
+    termsAccepted: boolean;
+    /** Whether user opted in to receive study invitations */
+    studyConsentAccepted: boolean;
+}
+/**
+ * Props for rendering a checkbox in the legal consent form
+ */
+export interface LegalCheckboxProps {
+    /** Unique identifier for the checkbox */
+    id: string;
+    /** Whether the checkbox is checked */
+    checked: boolean;
+    /** Callback when the checkbox value changes */
+    onCheckedChange: (checked: boolean) => void;
+    /** Additional CSS class name */
+    className?: string;
+}
+export interface LegalConsentFormProps {
+    /**
+     * Initial consent values.
+     * Useful for restoring previous consent state.
+     */
+    initialValues?: Partial<LegalConsentResult>;
+    /**
+     * Custom URLs for legal documents.
+     * Defaults to Welshare's standard T&Cs and Privacy Policy.
+     */
+    documentLinks?: LegalDocumentLinks;
+    /**
+     * Callback fired when user confirms the consent.
+     * Only fires if required consents are accepted.
+     */
+    onConfirm?: (result: LegalConsentResult) => void;
+    /**
+     * Callback fired when user cancels/declines.
+     */
+    onCancel?: () => void;
+    /**
+     * Callback fired whenever any consent value changes.
+     * Use this for real-time updates without requiring explicit submission.
+     */
+    onChange?: (result: LegalConsentResult) => void;
+    /**
+     * Custom checkbox renderer.
+     * Applications *can* optionally provide their own checkbox component renderer
+     * If not provided, uses native HTML checkboxes.
+     */
+    renderCheckbox?: (props: LegalCheckboxProps) => ReactNode;
+    /**
+     * Label for the confirm button.
+     * Defaults to "Confirm & Continue".
+     */
+    confirmButtonLabel?: string;
+    /**
+     * Label for the cancel button.
+     * Defaults to "Cancel".
+     */
+    cancelButtonLabel?: string;
+    /**
+     * Additional CSS class names
+     */
+    className?: string;
+}
+/**
+ * Legal Consent Form Component
+ *
+ * A self-contained form component for collecting user consent for:
+ * 1. Terms & Conditions and Privacy Policy (required)
+ * 2. Study invitation notifications (optional)
+ *
+ * **Usage Pattern:**
+ * This component provides the content for a consent dialog. Applications
+ * should wrap this component in their own Dialog/Modal component, similar
+ * to how BmiForm is used.
+ *
+ * **Customization:**
+ * - Provide custom checkbox renderer via `renderCheckbox` prop
+ * - Customize document URLs via `documentLinks` prop
+ * - Style with CSS classes using `className` prop
+ *
+ * @example
+ * ```tsx
+ * <Dialog open={showConsent} onOpenChange={setShowConsent}>
+ *   <DialogContent>
+ *     <DialogHeader>
+ *       <DialogTitle>Health Data Storage Consent</DialogTitle>
+ *     </DialogHeader>
+ *     <LegalConsentForm
+ *       renderCheckbox={({ id, checked, onCheckedChange, className }) => (
+ *         <Checkbox
+ *           id={id}
+ *           checked={checked}
+ *           onCheckedChange={onCheckedChange}
+ *           className={className}
+ *         />
+ *       )}
+ *       onConfirm={(result) => {
+ *         handleConsent(result);
+ *         setShowConsent(false);
+ *       }}
+ *       onCancel={() => setShowConsent(false)}
+ *     />
+ *   </DialogContent>
+ * </Dialog>
+ * ```
+ */
+export declare const LegalConsentForm: ({ initialValues, documentLinks, onConfirm, onCancel, onChange, renderCheckbox, confirmButtonLabel, cancelButtonLabel, className, }: LegalConsentFormProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=legal-consent-form.d.ts.map

package/dist/esm/components/legal-consent-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legal-consent-form.d.ts","sourceRoot":"","sources":["../../../src/components/legal-consent-form.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,kEAAkE;IAClE,aAAa,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,oBAAoB,EAAE,OAAO,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,EAAE,EAAE,MAAM,CAAC;IACX,sCAAsC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,+CAA+C;IAC/C,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAE5C;;;OAGG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC;IAEnC;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAEhD;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC;IAE1D;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAE5B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAKD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,eAAO,MAAM,gBAAgB,GAAI,oIAU9B,qBAAqB,4CAmLvB,CAAC"}