@redacto.io/consent-sdk-react-native 5.0.0 → 5.0.1-beta.0

package/dist/index.js

@@ -37,7 +37,7 @@ module.exports = __toCommonJS(src_exports);
 
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
 var import_react2 = require("react");
-var import_react_native5 = require("react-native");
+var import_react_native6 = require("react-native");
 var import_react_native_svg3 = __toESM(require("react-native-svg"));
 
 // src/RedactoNoticeConsent/api/index.ts
@@ -106,6 +106,8 @@ var sandboxQueryIdentity = (sandbox) => sandboxBodyIdentity(sandbox);
 
 // src/constants.ts
 var DEFAULT_CONSENT_API_BASE_URL = "https://api.redacto.io/consent";
+var REQUIRED_MARKER_GLYPH = " *";
+var REQUIRED_MARKER_COLOR = "red";
 
 // src/shared/languages.ts
 var languageOptions = [
@@ -599,11 +601,21 @@ var styles = import_react_native.StyleSheet.create({
   }
 });
 
+// src/RedactoNoticeConsent/components/RequiredMarker.tsx
+var import_react_native2 = require("react-native");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var RequiredMarker = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: styles2.marker, children: REQUIRED_MARKER_GLYPH });
+var styles2 = import_react_native2.StyleSheet.create({
+  marker: {
+    color: REQUIRED_MARKER_COLOR
+  }
+});
+
 // src/RedactoNoticeConsent/components/VerificationScreen.tsx
 var import_react = require("react");
-var import_react_native2 = require("react-native");
+var import_react_native3 = require("react-native");
 var import_react_native_svg2 = __toESM(require("react-native-svg"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 var VerificationScreen = ({
   status,
   errorMessage,
@@ -623,32 +635,32 @@ var VerificationScreen = ({
   const declineBg = ((_f = (_e = settings == null ? void 0 : settings.button) == null ? void 0 : _e.decline) == null ? void 0 : _f.backgroundColor) || "#ffffff";
   const declineText = ((_h = (_g = settings == null ? void 0 : settings.button) == null ? void 0 : _g.decline) == null ? void 0 : _h.textColor) || "#000000";
   const borderColor = (settings == null ? void 0 : settings.borderColor) || "#d0d5dd";
-  const scaleAnim = (0, import_react.useRef)(new import_react_native2.Animated.Value(0.3)).current;
-  const contentAnim = (0, import_react.useRef)(new import_react_native2.Animated.Value(0)).current;
-  const pulseAnim = (0, import_react.useRef)(new import_react_native2.Animated.Value(0.6)).current;
+  const scaleAnim = (0, import_react.useRef)(new import_react_native3.Animated.Value(0.3)).current;
+  const contentAnim = (0, import_react.useRef)(new import_react_native3.Animated.Value(0)).current;
+  const pulseAnim = (0, import_react.useRef)(new import_react_native3.Animated.Value(0.6)).current;
   (0, import_react.useEffect)(() => {
-    import_react_native2.Animated.spring(scaleAnim, {
+    import_react_native3.Animated.spring(scaleAnim, {
       toValue: 1,
       friction: 5,
       tension: 40,
       delay: 100,
       useNativeDriver: true
     }).start();
-    import_react_native2.Animated.timing(contentAnim, {
+    import_react_native3.Animated.timing(contentAnim, {
       toValue: 1,
       duration: 400,
       delay: 250,
       useNativeDriver: true
     }).start();
     if (status === "verified") {
-      import_react_native2.Animated.loop(
-        import_react_native2.Animated.sequence([
-          import_react_native2.Animated.timing(pulseAnim, {
+      import_react_native3.Animated.loop(
+        import_react_native3.Animated.sequence([
+          import_react_native3.Animated.timing(pulseAnim, {
             toValue: 0,
             duration: 1200,
             useNativeDriver: true
           }),
-          import_react_native2.Animated.timing(pulseAnim, {
+          import_react_native3.Animated.timing(pulseAnim, {
             toValue: 0.6,
             duration: 0,
             useNativeDriver: true
@@ -671,20 +683,20 @@ var VerificationScreen = ({
         return errorMessage || "An error occurred during verification. Please try again.";
     }
   };
-  const renderPendingContent = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.centerContent, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.ActivityIndicator, { size: "large", color: acceptBg, style: s.pendingSpinner }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.infoBanner, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native_svg2.default, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", style: s.infoBannerIcon, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.Circle, { cx: "12", cy: "12", r: "10", stroke: "#059669", strokeWidth: 2 }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.Path, { d: "M12 16v-4M12 8h.01", stroke: "#059669", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })
+  const renderPendingContent = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.centerContent, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.ActivityIndicator, { size: "large", color: acceptBg, style: s.pendingSpinner }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.infoBanner, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native_svg2.default, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", style: s.infoBannerIcon, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg2.Circle, { cx: "12", cy: "12", r: "10", stroke: "#059669", strokeWidth: 2 }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg2.Path, { d: "M12 16v-4M12 8h.01", stroke: "#059669", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: s.infoBannerText, children: "Please complete the verification in Safari. This screen will update automatically when verification is complete." })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.infoBannerText, children: "Please complete the verification in Safari. This screen will update automatically when verification is complete." })
     ] })
   ] });
-  const renderSuccessContent = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.centerContent, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.iconWrapper, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react_native2.Animated.View,
+  const renderSuccessContent = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.centerContent, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.iconWrapper, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.Animated.View,
         {
           style: [
             s.pulseRing,
@@ -700,7 +712,7 @@ var VerificationScreen = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Animated.View, { style: [s.successCircle, { transform: [{ scale: scaleAnim }] }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.default, { width: 30, height: 30, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Animated.View, { style: [s.successCircle, { transform: [{ scale: scaleAnim }] }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg2.default, { width: 30, height: 30, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         import_react_native_svg2.Path,
         {
           d: "M5 13L9 17L19 7",
@@ -711,8 +723,8 @@ var VerificationScreen = ({
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_native2.Animated.Text,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_native3.Animated.Text,
       {
         style: [
           s.statusTitle,
@@ -721,8 +733,8 @@ var VerificationScreen = ({
         children: "Verification Completed"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_native2.Animated.Text,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_native3.Animated.Text,
       {
         style: [
           s.statusSubtext,
@@ -732,8 +744,8 @@ var VerificationScreen = ({
       }
     )
   ] });
-  const renderErrorContent = () => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.centerContent, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: s.iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Animated.View, { style: [s.errorCircle, { transform: [{ scale: scaleAnim }] }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.default, { width: 30, height: 30, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  const renderErrorContent = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.centerContent, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.iconWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Animated.View, { style: [s.errorCircle, { transform: [{ scale: scaleAnim }] }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg2.default, { width: 30, height: 30, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       import_react_native_svg2.Path,
       {
         d: "M18 6L6 18M6 6L18 18",
@@ -743,8 +755,8 @@ var VerificationScreen = ({
         strokeLinejoin: "round"
       }
     ) }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-      import_react_native2.Animated.Text,
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      import_react_native3.Animated.Text,
       {
         style: [
           s.statusTitle,
@@ -756,8 +768,8 @@ var VerificationScreen = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.Animated.View, { style: [s.errorBanner, { opacity: contentAnim }], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.default, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", style: s.infoBannerIcon, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.Animated.View, { style: [s.errorBanner, { opacity: contentAnim }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg2.default, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", style: s.infoBannerIcon, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         import_react_native_svg2.Path,
         {
           d: "M12 9v4M12 17h.01M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z",
@@ -767,69 +779,69 @@ var VerificationScreen = ({
           strokeLinejoin: "round"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: s.errorBannerText, children: getErrorGuidance() })
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: s.errorBannerText, children: getErrorGuidance() })
     ] })
   ] });
   const renderBottomButtons = () => {
     if (status === "verified") {
       if (!onContinue) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [s.bottomSection, { borderTopColor: borderColor }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        import_react_native2.TouchableOpacity,
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.bottomSection, { borderTopColor: borderColor }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_react_native3.TouchableOpacity,
         {
           style: [s.primaryButton, { backgroundColor: acceptBg }],
           onPress: onContinue,
           activeOpacity: 0.8,
-          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.primaryButtonText, { color: acceptText }], children: "Continue" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.primaryButtonText, { color: acceptText }], children: "Continue" })
         }
       ) });
     }
     if (status === "failed" || status === "expired") {
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: [s.bottomSection, { borderTopColor: borderColor }], children: [
-        errorCode === "GUARDIAN_UNDER_18" && onChangeGuardian ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_react_native2.TouchableOpacity,
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: [s.bottomSection, { borderTopColor: borderColor }], children: [
+        errorCode === "GUARDIAN_UNDER_18" && onChangeGuardian ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_native3.TouchableOpacity,
           {
             style: [s.primaryButton, { backgroundColor: acceptBg }],
             onPress: onChangeGuardian,
             activeOpacity: 0.8,
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.primaryButtonText, { color: acceptText }], children: "Change Guardian" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.primaryButtonText, { color: acceptText }], children: "Change Guardian" })
           }
-        ) : canRetry !== false ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_react_native2.TouchableOpacity,
+        ) : canRetry !== false ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_native3.TouchableOpacity,
           {
             style: [s.primaryButton, { backgroundColor: acceptBg }],
             onPress: onRetry,
             activeOpacity: 0.8,
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.primaryButtonText, { color: acceptText }], children: "Try Again" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.primaryButtonText, { color: acceptText }], children: "Try Again" })
           }
         ) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          import_react_native2.TouchableOpacity,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_native3.TouchableOpacity,
           {
             style: [s.outlineButton, { backgroundColor: declineBg, borderColor }],
             onPress: onBack,
             activeOpacity: 0.8,
-            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.outlineButtonText, { color: declineText }], children: "Go Back" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.outlineButtonText, { color: declineText }], children: "Go Back" })
           }
         )
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [s.bottomSection, { borderTopColor: borderColor }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      import_react_native2.TouchableOpacity,
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.bottomSection, { borderTopColor: borderColor }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_react_native3.TouchableOpacity,
       {
         style: [s.outlineButton, { backgroundColor: declineBg, borderColor }],
         onPress: onBack,
         activeOpacity: 0.8,
-        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.outlineButtonText, { color: declineText }], children: "Cancel" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.outlineButtonText, { color: declineText }], children: "Cancel" })
       }
     ) });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native2.View, { style: s.root, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: [s.topSection, { borderBottomColor: borderColor }], children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.Text, { style: [s.topTitle, { color: headingColor }], children: "Guardian Verification" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native2.View, { style: s.centerArea, children: status === "verified" ? renderSuccessContent() : status === "failed" || status === "expired" ? renderErrorContent() : renderPendingContent() }),
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native3.View, { style: s.root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: [s.topSection, { borderBottomColor: borderColor }], children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.Text, { style: [s.topTitle, { color: headingColor }], children: "Guardian Verification" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native3.View, { style: s.centerArea, children: status === "verified" ? renderSuccessContent() : status === "failed" || status === "expired" ? renderErrorContent() : renderPendingContent() }),
     renderBottomButtons()
   ] });
 };
-var s = import_react_native2.StyleSheet.create({
+var s = import_react_native3.StyleSheet.create({
   root: {
     flex: 1
   },
@@ -839,7 +851,7 @@ var s = import_react_native2.StyleSheet.create({
     alignItems: "center",
     paddingHorizontal: 20,
     paddingVertical: 16,
-    borderBottomWidth: import_react_native2.StyleSheet.hairlineWidth,
+    borderBottomWidth: import_react_native3.StyleSheet.hairlineWidth,
     borderBottomColor: "#E5E7EB"
   },
   topTitle: {
@@ -947,7 +959,7 @@ var s = import_react_native2.StyleSheet.create({
   bottomSection: {
     padding: 20,
     gap: 8,
-    borderTopWidth: import_react_native2.StyleSheet.hairlineWidth,
+    borderTopWidth: import_react_native3.StyleSheet.hairlineWidth,
     borderTopColor: "#E5E7EB"
   },
   primaryButton: {
@@ -982,10 +994,13 @@ var DPO_AUDIO_ELEMENT_MAP = [
   { audioKey: "dpo_text_audio_url", elementId: "dpo-dpo-text" },
   { audioKey: "dpo_anchor_text_audio_url", elementId: "dpo-dpo-link" }
 ];
+var DEFAULT_ACCEPT_ALL_BUTTON_TEXT = "Accept All";
+var DEFAULT_ACCEPT_SELECTED_BUTTON_TEXT = "Accept Selected";
+var DEFAULT_DECLINE_BUTTON_TEXT = "Decline";
 
 // src/RedactoNoticeConsent/styles.ts
-var import_react_native3 = require("react-native");
-var styles2 = import_react_native3.StyleSheet.create({
+var import_react_native4 = require("react-native");
+var styles3 = import_react_native4.StyleSheet.create({
   overlay: {
     flex: 1,
     backgroundColor: "rgba(0, 0, 0, 0.5)",
@@ -999,7 +1014,7 @@ var styles2 = import_react_native3.StyleSheet.create({
     height: "90%",
     borderRadius: 8,
     backgroundColor: "#ffffff",
-    ...import_react_native3.Platform.select({
+    ...import_react_native4.Platform.select({
       ios: {
         shadowColor: "#000",
         shadowOffset: { width: 0, height: 2 },
@@ -1147,6 +1162,29 @@ var styles2 = import_react_native3.StyleSheet.create({
     backgroundColor: "#ffffff",
     flexShrink: 0
   },
+  /**
+   * The main notice footer. Wide: one row with decline pushed left and the
+   * accepts grouped right (see `declineSpacer`). Narrow: a full-width stack.
+   * The guardian-verification and age-gate sub-flows still use
+   * `bottomSection` — they have their own two-button layout.
+   */
+  actionButtonRow: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    paddingTop: 15,
+    paddingBottom: 16,
+    backgroundColor: "#ffffff",
+    flexShrink: 0
+  },
+  actionButtonStack: {
+    flexDirection: "column",
+    gap: 10,
+    paddingTop: 15,
+    paddingBottom: 16,
+    backgroundColor: "#ffffff",
+    flexShrink: 0
+  },
   button: {
     borderRadius: 8,
     paddingVertical: 9,
@@ -1154,6 +1192,24 @@ var styles2 = import_react_native3.StyleSheet.create({
     alignItems: "center",
     justifyContent: "center"
   },
+  /**
+   * In the wide row each button shrinks to its own label so the left/right
+   * split survives; `flexShrink` lets a long translated label wrap rather than
+   * overflow the modal.
+   */
+  rowButton: {
+    flexShrink: 1,
+    paddingHorizontal: 16
+  },
+  /** In the narrow stack every button spans the full width. */
+  stackButton: {
+    alignSelf: "stretch",
+    paddingHorizontal: 16
+  },
+  /** Pushes everything after decline to the right edge of the wide row. */
+  declineSpacer: {
+    marginRight: "auto"
+  },
   buttonText: {
     fontWeight: "400",
     fontSize: 16,
@@ -1166,6 +1222,19 @@ var styles2 = import_react_native3.StyleSheet.create({
   acceptButtonText: {
     color: "#ffffff"
   },
+  /**
+   * The accept-all shortcut. Outlined rather than filled so the primary
+   * "accept selected" action stays dominant, but tinted with the accent colour
+   * so it still reads as an accept next to the neutral decline button.
+   */
+  acceptSecondaryButton: {
+    borderWidth: 1,
+    borderColor: "#4f87ff",
+    backgroundColor: "#ffffff"
+  },
+  acceptSecondaryButtonText: {
+    color: "#4f87ff"
+  },
   cancelButton: {
     borderWidth: 1,
     borderColor: "#d0d5dd",
@@ -1189,7 +1258,7 @@ var styles2 = import_react_native3.StyleSheet.create({
     minWidth: 120,
     maxHeight: 200,
     marginTop: 4,
-    ...import_react_native3.Platform.select({
+    ...import_react_native4.Platform.select({
       ios: {
         shadowColor: "#000",
         shadowOffset: { width: 0, height: 2 },
@@ -1245,9 +1314,6 @@ var styles2 = import_react_native3.StyleSheet.create({
     fontSize: 14,
     flex: 1
   },
-  requiredAsterisk: {
-    color: "red"
-  },
   divider: {
     height: 1,
     backgroundColor: "#e5e7eb",
@@ -1312,10 +1378,28 @@ var styles2 = import_react_native3.StyleSheet.create({
   }
 });
 
+// src/RedactoNoticeConsent/utils/consentSelection.ts
+var dataElementKey = (purposeUuid, elementUuid) => `${purposeUuid}-${elementUuid}`;
+var buildSelectionForMode = (purposes, mode, current) => {
+  if (mode === "selected") {
+    return current;
+  }
+  const selectedPurposes = {};
+  const selectedDataElements = {};
+  purposes.forEach((purpose) => {
+    selectedPurposes[purpose.uuid] = true;
+    purpose.data_elements.forEach((element) => {
+      selectedDataElements[dataElementKey(purpose.uuid, element.uuid)] = element.enabled;
+    });
+  });
+  return { selectedPurposes, selectedDataElements };
+};
+var hasRequiredDataElement = (purpose) => purpose.data_elements.some((element) => element.required);
+
 // src/RedactoNoticeConsent/useResponsive.ts
-var import_react_native4 = require("react-native");
+var import_react_native5 = require("react-native");
 var useResponsive = () => {
-  const { width, height } = (0, import_react_native4.useWindowDimensions)();
+  const { width, height } = (0, import_react_native5.useWindowDimensions)();
   return {
     isMobile: width < 768,
     width,
@@ -1324,13 +1408,13 @@ var useResponsive = () => {
 };
 
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function RemoteLogo({ uri }) {
   const isSvg = uri.toLowerCase().endsWith(".svg") || uri.toLowerCase().includes("image/svg");
   if (isSvg && import_react_native_svg3.SvgUri) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg3.SvgUri, { uri, width: 32, height: 32 });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg3.SvgUri, { uri, width: 32, height: 32 });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Image, { style: styles2.logo, source: { uri } });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Image, { style: styles3.logo, source: { uri } });
 }
 function stripHtml(html) {
   return html.replace(/<[^>]*>/g, "").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&quot;/g, '"').replace(/&#39;/g, "'").replace(/&nbsp;/g, " ").trim();
@@ -1382,17 +1466,17 @@ var PurposeItem = ({
 }) => {
   const headingColor = (settings == null ? void 0 : settings.headingColor) || "#323B4B";
   const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.optionItem, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-        import_react_native5.TouchableOpacity,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.optionItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        import_react_native6.TouchableOpacity,
         {
-          style: styles2.optionLeft,
+          style: styles3.optionLeft,
           onPress: () => onPurposeCollapse(purpose.uuid),
           accessibilityRole: "button",
           accessibilityLabel: `${collapsedPurposes[purpose.uuid] ? "Expand" : "Collapse"} ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)} details`,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.purposeChevron, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg3.default, { width: 7, height: 12, viewBox: "0 0 7 12", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.purposeChevron, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg3.default, { width: 7, height: 12, viewBox: "0 0 7 12", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               import_react_native_svg3.Path,
               {
                 d: "M1 1L6 6L1 11",
@@ -1403,25 +1487,28 @@ var PurposeItem = ({
                 transform: !collapsedPurposes[purpose.uuid] ? "rotate(90 3.5 6)" : void 0
               }
             ) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.optionTextContainer, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                import_react_native5.Text,
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.optionTextContainer, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                import_react_native6.Text,
                 {
                   style: [
-                    styles2.optionTitle,
+                    styles3.optionTitle,
                     { color: headingColor },
-                    activeTTSSegmentKey === `purpose_name_${purpose.uuid}` ? styles2.ttsHighlight : null
+                    activeTTSSegmentKey === `purpose_name_${purpose.uuid}` ? styles3.ttsHighlight : null
                   ],
-                  children: getTranslatedText("purposes.name", purpose.name, purpose.uuid)
+                  children: [
+                    getTranslatedText("purposes.name", purpose.name, purpose.uuid),
+                    hasRequiredDataElement(purpose) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RequiredMarker, {})
+                  ]
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                import_react_native5.Text,
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                import_react_native6.Text,
                 {
                   style: [
-                    styles2.optionDescription,
+                    styles3.optionDescription,
                     { color: textColor },
-                    activeTTSSegmentKey === `purpose_desc_${purpose.uuid}` ? styles2.ttsHighlight : null
+                    activeTTSSegmentKey === `purpose_desc_${purpose.uuid}` ? styles3.ttsHighlight : null
                   ],
                   children: getTranslatedText("purposes.description", purpose.description, purpose.uuid)
                 }
@@ -1430,7 +1517,7 @@ var PurposeItem = ({
           ]
         }
       ),
-      !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         Checkbox,
         {
           checked: selectedPurposes[purpose.uuid] || false,
@@ -1440,7 +1527,7 @@ var PurposeItem = ({
           accessibilityLabel: `Select all data elements for ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)}`
         }
       ),
-      isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.consentedCheckmark, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg3.default, { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.consentedCheckmark, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg3.default, { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         import_react_native_svg3.Path,
         {
           d: "M4 6L5.5 7.5L8.5 4.5",
@@ -1451,22 +1538,22 @@ var PurposeItem = ({
         }
       ) }) })
     ] }),
-    !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.dataElementsContainer, children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.dataElementItem, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-        import_react_native5.Text,
+    !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.dataElementsContainer, children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.dataElementItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        import_react_native6.Text,
         {
           style: [
-            styles2.dataElementText,
+            styles3.dataElementText,
             { color: textColor },
-            activeTTSSegmentKey === `element_${dataElement.uuid}` ? styles2.ttsHighlight : null
+            activeTTSSegmentKey === `element_${dataElement.uuid}` ? styles3.ttsHighlight : null
           ],
           children: [
             getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid),
-            dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: styles2.requiredAsterisk, children: " *" })
+            dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RequiredMarker, {})
           ]
         }
       ),
-      !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         Checkbox,
         {
           checked: selectedDataElements[`${purpose.uuid}-${dataElement.uuid}`] || false,
@@ -1478,7 +1565,7 @@ var PurposeItem = ({
       ),
       isAlreadyConsented && (() => {
         const wasSelected = initialDataElementSelections[`${purpose.uuid}-${dataElement.uuid}`] || false;
-        return wasSelected ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.consentedCheckmarkSmall, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg3.default, { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        return wasSelected ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.consentedCheckmarkSmall, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg3.default, { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
           import_react_native_svg3.Path,
           {
             d: "M3 5L4.5 6.5L7.5 3.5",
@@ -1487,7 +1574,7 @@ var PurposeItem = ({
             strokeLinecap: "round",
             strokeLinejoin: "round"
           }
-        ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.notConsentedCircle });
+        ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.notConsentedCircle });
       })()
     ] }, dataElement.uuid)) })
   ] });
@@ -1498,48 +1585,48 @@ var GuardianForm = ({ formData, errors, isSubmitting, onChange, onNext, onDeclin
   const borderColor = (settings == null ? void 0 : settings.borderColor) || "#d0d5dd";
   const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
   const [showRelationshipDropdown, setShowRelationshipDropdown] = (0, import_react2.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.topSection, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.topLeft, children: [
-      logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RemoteLogo, { uri: logoUrl, style: { height: 32, width: 80 } }) : null,
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: [styles2.title, { color: (settings == null ? void 0 : settings.headingColor) || "#323B4B" }], children: "Guardian Verification" })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.topSection, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.topLeft, children: [
+      logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RemoteLogo, { uri: logoUrl, style: { height: 32, width: 80 } }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: [styles3.title, { color: (settings == null ? void 0 : settings.headingColor) || "#323B4B" }], children: "Guardian Verification" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.divider }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.ScrollView, { style: styles2.middleSection, showsVerticalScrollIndicator: false, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: [styles2.privacyText, { color: textColor, fontSize: 13, lineHeight: 20 }], children: "Since you are under the age of consent, a legal guardian must verify their identity via DigiLocker before consent can be provided on your behalf." }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: guardianStyles.infoBanner, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: guardianStyles.infoBannerText, children: "Please ensure the name and phone number entered below match the guardian's official Aadhaar-linked records for successful verification." }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: { marginTop: 16, gap: 12 }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.inputContainer, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.Text, { style: [styles2.inputLabel, { color: textColor }], children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.divider }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.ScrollView, { style: styles3.middleSection, showsVerticalScrollIndicator: false, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: [styles3.privacyText, { color: textColor, fontSize: 13, lineHeight: 20 }], children: "Since you are under the age of consent, a legal guardian must verify their identity via DigiLocker before consent can be provided on your behalf." }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: guardianStyles.infoBanner, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: guardianStyles.infoBannerText, children: "Please ensure the name and phone number entered below match the guardian's official Aadhaar-linked records for successful verification." }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: { marginTop: 16, gap: 12 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.inputContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.Text, { style: [styles3.inputLabel, { color: textColor }], children: [
             "Guardian's Full Name ",
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: { color: "red" }, children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: { color: "red" }, children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_react_native5.TextInput,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_react_native6.TextInput,
             {
               value: formData.guardianName,
               onChangeText: (v) => onChange("guardianName", v),
               style: [
-                styles2.textInput,
+                styles3.textInput,
                 { borderColor: errors.guardianName ? "#DC2626" : borderColor, color: textColor }
               ],
               placeholder: "e.g. Rajesh Kumar",
               placeholderTextColor: "#9CA3AF"
             }
           ),
-          errors.guardianName ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: styles2.inputError, children: errors.guardianName }) : null
+          errors.guardianName ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: styles3.inputError, children: errors.guardianName }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.inputContainer, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.Text, { style: [styles2.inputLabel, { color: textColor }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.inputContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.Text, { style: [styles3.inputLabel, { color: textColor }], children: [
             "Guardian's Phone Number ",
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: { color: "red" }, children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: { color: "red" }, children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_react_native5.TextInput,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_react_native6.TextInput,
             {
               value: formData.guardianContact,
               onChangeText: (v) => onChange("guardianContact", v),
               style: [
-                styles2.textInput,
+                styles3.textInput,
                 { borderColor: errors.guardianContact ? "#DC2626" : borderColor, color: textColor }
               ],
               placeholder: "e.g. 9876543210",
@@ -1547,20 +1634,20 @@ var GuardianForm = ({ formData, errors, isSubmitting, onChange, onNext, onDeclin
               keyboardType: "phone-pad"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: { fontSize: 11, color: "#667085", marginTop: 4 }, children: "Mobile number linked to guardian's Aadhaar" }),
-          errors.guardianContact ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: styles2.inputError, children: errors.guardianContact }) : null
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: { fontSize: 11, color: "#667085", marginTop: 4 }, children: "Mobile number linked to guardian's Aadhaar" }),
+          errors.guardianContact ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: styles3.inputError, children: errors.guardianContact }) : null
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.inputContainer, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.Text, { style: [styles2.inputLabel, { color: textColor }], children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.inputContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.Text, { style: [styles3.inputLabel, { color: textColor }], children: [
             "Relationship ",
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: { color: "red" }, children: "*" })
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: { color: "red" }, children: "*" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: { position: "relative" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-              import_react_native5.TouchableOpacity,
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: { position: "relative" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              import_react_native6.TouchableOpacity,
               {
                 style: [
-                  styles2.textInput,
+                  styles3.textInput,
                   {
                     borderColor: errors.guardianRelationship ? "#DC2626" : borderColor,
                     flexDirection: "row",
@@ -1570,8 +1657,8 @@ var GuardianForm = ({ formData, errors, isSubmitting, onChange, onNext, onDeclin
                 ],
                 onPress: () => setShowRelationshipDropdown((v) => !v),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: { color: formData.guardianRelationship ? textColor : "#9CA3AF", fontSize: 13 }, children: formData.guardianRelationship || "Select relationship" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg3.default, { width: 12, height: 12, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: { color: formData.guardianRelationship ? textColor : "#9CA3AF", fontSize: 13 }, children: formData.guardianRelationship || "Select relationship" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg3.default, { width: 12, height: 12, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     import_react_native_svg3.Path,
                     {
                       d: "M4 6L8 10L12 6",
@@ -1584,8 +1671,8 @@ var GuardianForm = ({ formData, errors, isSubmitting, onChange, onNext, onDeclin
                 ]
               }
             ),
-            showRelationshipDropdown && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: guardianStyles.relationshipDropdown, children: RELATIONSHIP_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              import_react_native5.TouchableOpacity,
+            showRelationshipDropdown && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: guardianStyles.relationshipDropdown, children: RELATIONSHIP_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              import_react_native6.TouchableOpacity,
               {
                 style: [
                   guardianStyles.relationshipItem,
@@ -1595,41 +1682,41 @@ var GuardianForm = ({ formData, errors, isSubmitting, onChange, onNext, onDeclin
                   onChange("guardianRelationship", option);
                   setShowRelationshipDropdown(false);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: [guardianStyles.relationshipItemText, { color: textColor }], children: option })
+                children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: [guardianStyles.relationshipItemText, { color: textColor }], children: option })
               },
               option
             )) })
           ] }),
-          errors.guardianRelationship ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: styles2.inputError, children: errors.guardianRelationship }) : null
+          errors.guardianRelationship ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: styles3.inputError, children: errors.guardianRelationship }) : null
         ] }),
-        errors.general ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.errorContainer, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: styles2.errorText, children: errors.general }) }) : null
+        errors.general ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.errorContainer, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: styles3.errorText, children: errors.general }) }) : null
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.bottomSection, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native5.TouchableOpacity,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.bottomSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_react_native6.TouchableOpacity,
         {
           style: [
-            styles2.button,
-            styles2.acceptButton,
+            styles3.button,
+            styles3.acceptButton,
             ((_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.accept) ? { backgroundColor: settings.button.accept.backgroundColor } : null
           ],
           onPress: onNext,
           disabled: isSubmitting,
           accessibilityLabel: "Submit guardian information and proceed",
-          children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.ActivityIndicator, { size: "small", color: ((_c = (_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.accept) == null ? void 0 : _c.textColor) || "#ffffff" }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: [
-            styles2.buttonText,
-            styles2.acceptButtonText,
+          children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.ActivityIndicator, { size: "small", color: ((_c = (_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.accept) == null ? void 0 : _c.textColor) || "#ffffff" }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: [
+            styles3.buttonText,
+            styles3.acceptButtonText,
             ((_d = settings == null ? void 0 : settings.button) == null ? void 0 : _d.accept) ? { color: settings.button.accept.textColor } : null
           ], children: "Verify via DigiLocker" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native5.TouchableOpacity,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_react_native6.TouchableOpacity,
         {
           style: [
-            styles2.button,
-            styles2.cancelButton,
+            styles3.button,
+            styles3.cancelButton,
             ((_e = settings == null ? void 0 : settings.button) == null ? void 0 : _e.decline) ? {
               backgroundColor: settings.button.decline.backgroundColor,
               borderColor: (settings == null ? void 0 : settings.borderColor) || "#d0d5dd"
@@ -1638,9 +1725,9 @@ var GuardianForm = ({ formData, errors, isSubmitting, onChange, onNext, onDeclin
           onPress: onDecline,
           disabled: isSubmitting,
           accessibilityLabel: "Cancel guardian information form",
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: [
-            styles2.buttonText,
-            styles2.cancelButtonText,
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: [
+            styles3.buttonText,
+            styles3.cancelButtonText,
             ((_f = settings == null ? void 0 : settings.button) == null ? void 0 : _f.decline) ? { color: settings.button.decline.textColor } : null
           ], children: "Cancel" })
         }
@@ -1648,7 +1735,7 @@ var GuardianForm = ({ formData, errors, isSubmitting, onChange, onNext, onDeclin
     ] })
   ] });
 };
-var guardianStyles = import_react_native5.StyleSheet.create({
+var guardianStyles = import_react_native6.StyleSheet.create({
   infoBanner: {
     backgroundColor: "#EFF6FF",
     borderWidth: 1,
@@ -1690,43 +1777,43 @@ var guardianStyles = import_react_native5.StyleSheet.create({
 });
 var AgeVerification = ({ onYes, onNo, onClose, settings, logoUrl }) => {
   var _a, _b, _c, _d;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.topSection, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.topLeft, children: [
-        logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RemoteLogo, { uri: logoUrl, style: { height: 32, width: 80 } }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: [styles2.title, { color: (settings == null ? void 0 : settings.headingColor) || "#323B4B" }], children: "Age Verification Required" })
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.topSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.topLeft, children: [
+        logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RemoteLogo, { uri: logoUrl, style: { height: 32, width: 80 } }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: [styles3.title, { color: (settings == null ? void 0 : settings.headingColor) || "#323B4B" }], children: "Age Verification Required" })
       ] }),
-      onClose ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.TouchableOpacity, { onPress: onClose, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg3.default, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg3.Path, { d: "M18 6L6 18M6 6l12 12", stroke: "#9CA3AF", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) }) : null
+      onClose ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.TouchableOpacity, { onPress: onClose, hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg3.default, { width: 18, height: 18, viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg3.Path, { d: "M18 6L6 18M6 6l12 12", stroke: "#9CA3AF", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) }) : null
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.divider }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.ScrollView, { style: styles2.middleSection, showsVerticalScrollIndicator: false, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: [styles2.privacyText, { color: (settings == null ? void 0 : settings.textColor) || "#344054" }], children: "To proceed with this consent form, we need to verify your age." }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: [styles2.privacyText, { color: (settings == null ? void 0 : settings.textColor) || "#344054", marginTop: 12, fontWeight: "600" }], children: "Are you 18 years of age or older?" })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.divider }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.ScrollView, { style: styles3.middleSection, showsVerticalScrollIndicator: false, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: [styles3.privacyText, { color: (settings == null ? void 0 : settings.textColor) || "#344054" }], children: "To proceed with this consent form, we need to verify your age." }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: [styles3.privacyText, { color: (settings == null ? void 0 : settings.textColor) || "#344054", marginTop: 12, fontWeight: "600" }], children: "Are you 18 years of age or older?" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.bottomSection, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native5.TouchableOpacity,
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.bottomSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_react_native6.TouchableOpacity,
         {
           style: [
-            styles2.button,
-            styles2.acceptButton,
+            styles3.button,
+            styles3.acceptButton,
             ((_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.accept) ? { backgroundColor: settings.button.accept.backgroundColor } : null
           ],
           onPress: onYes,
           accessibilityLabel: "Yes, I am 18 or older",
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: [
-            styles2.buttonText,
-            styles2.acceptButtonText,
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: [
+            styles3.buttonText,
+            styles3.acceptButtonText,
             ((_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.accept) ? { color: settings.button.accept.textColor } : null
           ], children: "Yes, I am 18 or older" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native5.TouchableOpacity,
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_react_native6.TouchableOpacity,
         {
           style: [
-            styles2.button,
-            styles2.cancelButton,
+            styles3.button,
+            styles3.cancelButton,
             ((_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.decline) ? {
               backgroundColor: settings.button.decline.backgroundColor,
               borderColor: (settings == null ? void 0 : settings.borderColor) || "#d0d5dd"
@@ -1734,9 +1821,9 @@ var AgeVerification = ({ onYes, onNo, onClose, settings, logoUrl }) => {
           ],
           onPress: onNo,
           accessibilityLabel: "No, I am under 18",
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: [
-            styles2.buttonText,
-            styles2.cancelButtonText,
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: [
+            styles3.buttonText,
+            styles3.cancelButtonText,
             ((_d = settings == null ? void 0 : settings.button) == null ? void 0 : _d.decline) ? { color: settings.button.decline.textColor } : null
           ], children: "No, I am under 18" })
         }
@@ -1767,7 +1854,7 @@ var RedactoNoticeConsent = ({
   includeFullyConsentedData = false,
   reviewModeButtonText
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
   const { isMobile } = useResponsive();
   const sandboxParams = (0, import_react2.useMemo)(
     () => ({
@@ -1945,6 +2032,9 @@ var RedactoNoticeConsent = ({
         confirm_button_text: data.detail.confirm_button_text_audio_url,
         decline_button_text: data.detail.decline_button_text_audio_url
       };
+      if (data.detail.accept_all_button_text_audio_url) {
+        urls.accept_all_button_text = data.detail.accept_all_button_text_audio_url;
+      }
       if (data.detail.privacy_center_anchor_text_audio_url) {
         urls.privacy_center_anchor_text = data.detail.privacy_center_anchor_text_audio_url;
       }
@@ -2154,6 +2244,7 @@ var RedactoNoticeConsent = ({
     DPO_AUDIO_ELEMENT_MAP.forEach(({ elementId }) => {
       pushSegment(elementId, ttsAudioUrls[elementId]);
     });
+    pushSegment("accept_all_button_text", ttsAudioUrls.accept_all_button_text);
     pushSegment("confirm_button_text", ttsAudioUrls.confirm_button_text);
     pushSegment("decline_button_text", ttsAudioUrls.decline_button_text);
     if (queue.length === 0) {
@@ -2194,7 +2285,7 @@ var RedactoNoticeConsent = ({
     };
   }, [stopAudio]);
   (0, import_react2.useEffect)(() => {
-    const subscription = import_react_native5.AppState.addEventListener("change", (nextAppState) => {
+    const subscription = import_react_native6.AppState.addEventListener("change", (nextAppState) => {
       isAppActiveRef.current = nextAppState === "active";
     });
     return () => subscription.remove();
@@ -2305,12 +2396,20 @@ var RedactoNoticeConsent = ({
       return newState;
     });
   }, [content]);
-  const handleAccept = (0, import_react2.useCallback)(async () => {
+  const handleAccept = (0, import_react2.useCallback)(async (mode = "selected") => {
     if (!content) return;
     try {
       setIsSubmitting(true);
       setErrorMessage(null);
       const activeConfig2 = content.detail.active_config;
+      const selection = buildSelectionForMode(activeConfig2.purposes, mode, {
+        selectedPurposes,
+        selectedDataElements
+      });
+      if (mode !== "selected") {
+        setSelectedPurposes(selection.selectedPurposes);
+        setSelectedDataElements(selection.selectedDataElements);
+      }
       await submitConsentEvent({
         accessToken,
         baseUrl,
@@ -2318,10 +2417,10 @@ var RedactoNoticeConsent = ({
         noticeUuid: activeConfig2.notice_uuid,
         purposes: activeConfig2.purposes.map((purpose) => ({
           ...purpose,
-          selected: selectedPurposes[purpose.uuid] || false,
+          selected: selection.selectedPurposes[purpose.uuid] || false,
           data_elements: purpose.data_elements.map((el) => ({
             ...el,
-            selected: selectedDataElements[`${purpose.uuid}-${el.uuid}`] || false
+            selected: selection.selectedDataElements[`${purpose.uuid}-${el.uuid}`] || false
           }))
         })),
         declined: false,
@@ -2386,9 +2485,9 @@ var RedactoNoticeConsent = ({
         setShowVerificationScreen(true);
         pollingCountRef.current = 0;
         try {
-          const canOpen = await import_react_native5.Linking.canOpenURL(result.digilockerRedirectUrl);
+          const canOpen = await import_react_native6.Linking.canOpenURL(result.digilockerRedirectUrl);
           if (canOpen) {
-            await import_react_native5.Linking.openURL(result.digilockerRedirectUrl);
+            await import_react_native6.Linking.openURL(result.digilockerRedirectUrl);
           }
         } catch {
         }
@@ -2450,41 +2549,71 @@ var RedactoNoticeConsent = ({
   }, [activeConfig, selectedDataElements]);
   const acceptButtonStyle = { backgroundColor: acceptBackgroundColor };
   const acceptButtonTextStyle = { color: acceptTextColor };
+  const acceptAllButtonStyle = {
+    backgroundColor: ((_j = (_i = settings == null ? void 0 : settings.button) == null ? void 0 : _i.acceptAll) == null ? void 0 : _j.backgroundColor) || acceptBackgroundColor
+  };
+  const acceptAllButtonTextStyle = {
+    color: ((_l = (_k = settings == null ? void 0 : settings.button) == null ? void 0 : _k.acceptAll) == null ? void 0 : _l.textColor) || acceptTextColor
+  };
+  const acceptSelectedButtonStyle = {
+    backgroundColor: "#ffffff",
+    borderColor: accentColor
+  };
+  const acceptSelectedButtonTextStyle = { color: accentColor };
   const declineButtonStyle = { backgroundColor: declineBackgroundColor, borderColor };
   const declineButtonTextStyle = { color: declineTextColor };
+  const acceptAllLabel = getTranslatedText(
+    "accept_all_button_text",
+    (activeConfig == null ? void 0 : activeConfig.accept_all_button_text) || DEFAULT_ACCEPT_ALL_BUTTON_TEXT
+  );
+  const acceptSelectedLabel = getTranslatedText(
+    "confirm_button_text",
+    (activeConfig == null ? void 0 : activeConfig.confirm_button_text) || DEFAULT_ACCEPT_SELECTED_BUTTON_TEXT
+  );
+  const declineLabel = getTranslatedText(
+    "decline_button_text",
+    (activeConfig == null ? void 0 : activeConfig.decline_button_text) || DEFAULT_DECLINE_BUTTON_TEXT
+  );
+  const footerButtonOrder = isMobile ? ["acceptAll", "acceptSelected", "decline"] : ["decline", "acceptSelected", "acceptAll"];
+  const widthStyle = isMobile ? styles3.stackButton : styles3.rowButton;
+  const handleAcceptAll = (0, import_react2.useCallback)(() => handleAccept("all"), [handleAccept]);
+  const handleAcceptSelected = (0, import_react2.useCallback)(
+    () => handleAccept("selected"),
+    [handleAccept]
+  );
   const modalBg = (settings == null ? void 0 : settings.backgroundColor) ? { backgroundColor: settings.backgroundColor } : {};
   const translatedNoticeText = activeConfig ? stripHtml(getTranslatedText("notice_text", activeConfig.notice_text || "")) : "";
   const translatedAdditionalText = activeConfig ? stripHtml(getTranslatedText("additional_text", activeConfig.additional_text || "")) : "";
   if (!isVisible && !isLoading) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_react_native5.Modal,
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_react_native6.Modal,
     {
       visible: isVisible || isLoading,
       transparent: true,
       animationType: "fade",
       onRequestClose: blockUI ? void 0 : handleDecline,
       accessibilityViewIsModal: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.overlay, children: [
-        isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_react_native5.Pressable,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.overlay, children: [
+        isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_react_native6.Pressable,
           {
-            style: [import_react_native5.StyleSheet.absoluteFillObject, { zIndex: 1 }],
+            style: [import_react_native6.StyleSheet.absoluteFillObject, { zIndex: 1 }],
             onPress: () => setIsLanguageDropdownOpen(false)
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          import_react_native5.View,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          import_react_native6.View,
           {
             style: [
-              styles2.modal,
+              styles3.modal,
               modalBg,
               { zIndex: 2 },
               (settings == null ? void 0 : settings.borderRadius) ? { borderRadius: parseInt(settings.borderRadius, 10) } : null
             ],
-            children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.loadingContainer, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.ActivityIndicator, { size: "large", color: acceptBackgroundColor }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: styles2.loadingText, children: "Loading..." })
-            ] }) : showVerificationScreen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.content, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.loadingContainer, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.ActivityIndicator, { size: "large", color: acceptBackgroundColor }),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: styles3.loadingText, children: "Loading..." })
+            ] }) : showVerificationScreen ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.content, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               VerificationScreen,
               {
                 status: verificationStatus,
@@ -2521,7 +2650,7 @@ var RedactoNoticeConsent = ({
                   }
                 }
               }
-            ) }) : showGuardianForm ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.content, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            ) }) : showGuardianForm ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.content, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               GuardianForm,
               {
                 formData: guardianFormData,
@@ -2548,7 +2677,7 @@ var RedactoNoticeConsent = ({
                 },
                 logoUrl
               }
-            ) }) : showAgeVerification ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.content, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            ) }) : showAgeVerification ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.content, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
               AgeVerification,
               {
                 onYes: () => {
@@ -2576,22 +2705,22 @@ var RedactoNoticeConsent = ({
                 },
                 logoUrl
               }
-            ) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.content, children: [
-              errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.errorContainer, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: styles2.errorText, children: errorMessage }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.TouchableOpacity, { onPress: () => setErrorMessage(null), hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg3.default, { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg3.Path, { d: "M12 4L4 12M4 4L12 12", stroke: "#DC2626", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+            ) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.content, children: [
+              errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.errorContainer, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: styles3.errorText, children: errorMessage }),
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.TouchableOpacity, { onPress: () => setErrorMessage(null), hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg3.default, { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg3.Path, { d: "M12 4L4 12M4 4L12 12", stroke: "#DC2626", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) })
               ] }) : null,
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.topSection, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.topLeft, children: [
-                  logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RemoteLogo, { uri: logoUrl, style: { height: 32, width: 80 } }) : null,
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                    import_react_native5.Text,
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.topSection, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.topLeft, children: [
+                  logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RemoteLogo, { uri: logoUrl, style: { height: 32, width: 80 } }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    import_react_native6.Text,
                     {
                       style: [
-                        styles2.title,
+                        styles3.title,
                         { color: headingColor },
                         isMobile ? { fontSize: 16 } : null,
-                        activeTTSSegmentKey === "notice_banner_heading" ? styles2.ttsHighlight : null
+                        activeTTSSegmentKey === "notice_banner_heading" ? styles3.ttsHighlight : null
                       ],
                       numberOfLines: 2,
                       children: getTranslatedText(
@@ -2601,32 +2730,32 @@ var RedactoNoticeConsent = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: { flexDirection: "row", gap: 8, alignItems: "center" }, children: [
-                  isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                    import_react_native5.TouchableOpacity,
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: { flexDirection: "row", gap: 8, alignItems: "center" }, children: [
+                  isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    import_react_native6.TouchableOpacity,
                     {
-                      style: [styles2.topRight, ((_i = settings == null ? void 0 : settings.button) == null ? void 0 : _i.language) ? { backgroundColor: settings.button.language.backgroundColor, borderColor: settings.button.language.backgroundColor } : null],
+                      style: [styles3.topRight, ((_m = settings == null ? void 0 : settings.button) == null ? void 0 : _m.language) ? { backgroundColor: settings.button.language.backgroundColor, borderColor: settings.button.language.backgroundColor } : null],
                       onPress: toggleAudio,
                       accessibilityLabel: isPlaying && !isPaused ? "Pause audio" : isPaused ? "Resume audio" : "Start audio",
-                      children: isPlaying && !isPaused ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native_svg3.default, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg3.Rect, { x: "6", y: "4", width: "4", height: "16", fill: ((_k = (_j = settings == null ? void 0 : settings.button) == null ? void 0 : _j.language) == null ? void 0 : _k.textColor) || "#344054" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg3.Rect, { x: "14", y: "4", width: "4", height: "16", fill: ((_m = (_l = settings == null ? void 0 : settings.button) == null ? void 0 : _l.language) == null ? void 0 : _m.textColor) || "#344054" })
-                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native_svg3.default, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      children: isPlaying && !isPaused ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native_svg3.default, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg3.Rect, { x: "6", y: "4", width: "4", height: "16", fill: ((_o = (_n = settings == null ? void 0 : settings.button) == null ? void 0 : _n.language) == null ? void 0 : _o.textColor) || "#344054" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg3.Rect, { x: "14", y: "4", width: "4", height: "16", fill: ((_q = (_p = settings == null ? void 0 : settings.button) == null ? void 0 : _p.language) == null ? void 0 : _q.textColor) || "#344054" })
+                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native_svg3.default, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                           import_react_native_svg3.Path,
                           {
                             d: "M11 5L6 9H2V15H6L11 19V5Z",
-                            stroke: ((_o = (_n = settings == null ? void 0 : settings.button) == null ? void 0 : _n.language) == null ? void 0 : _o.textColor) || "#344054",
+                            stroke: ((_s = (_r = settings == null ? void 0 : settings.button) == null ? void 0 : _r.language) == null ? void 0 : _s.textColor) || "#344054",
                             strokeWidth: 2,
                             strokeLinecap: "round",
                             strokeLinejoin: "round"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                           import_react_native_svg3.Path,
                           {
                             d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07",
-                            stroke: ((_q = (_p = settings == null ? void 0 : settings.button) == null ? void 0 : _p.language) == null ? void 0 : _q.textColor) || "#344054",
+                            stroke: ((_u = (_t = settings == null ? void 0 : settings.button) == null ? void 0 : _t.language) == null ? void 0 : _u.textColor) || "#344054",
                             strokeWidth: 2,
                             strokeLinecap: "round",
                             strokeLinejoin: "round"
@@ -2635,23 +2764,23 @@ var RedactoNoticeConsent = ({
                       ] })
                     }
                   ),
-                  supportedLanguages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.View, { style: styles2.languageSelectorContainer, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-                      import_react_native5.TouchableOpacity,
+                  supportedLanguages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.View, { style: styles3.languageSelectorContainer, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                      import_react_native6.TouchableOpacity,
                       {
                         style: [
-                          styles2.topRight,
-                          ((_r = settings == null ? void 0 : settings.button) == null ? void 0 : _r.language) ? { backgroundColor: settings.button.language.backgroundColor, borderColor: settings.button.language.backgroundColor } : null
+                          styles3.topRight,
+                          ((_v = settings == null ? void 0 : settings.button) == null ? void 0 : _v.language) ? { backgroundColor: settings.button.language.backgroundColor, borderColor: settings.button.language.backgroundColor } : null
                         ],
                         onPress: () => setIsLanguageDropdownOpen((v) => !v),
                         accessibilityLabel: `Select language. Current: ${selectedLanguage}`,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: [styles2.topRightText, ((_s = settings == null ? void 0 : settings.button) == null ? void 0 : _s.language) ? { color: settings.button.language.textColor } : null], children: selectedLanguage }),
-                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native_svg3.default, { width: 12, height: 12, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: [styles3.topRightText, ((_w = settings == null ? void 0 : settings.button) == null ? void 0 : _w.language) ? { color: settings.button.language.textColor } : null], children: selectedLanguage }),
+                          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg3.default, { width: 12, height: 12, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                             import_react_native_svg3.Path,
                             {
                               d: "M4 6L8 10L12 6",
-                              stroke: ((_u = (_t = settings == null ? void 0 : settings.button) == null ? void 0 : _t.language) == null ? void 0 : _u.textColor) || "#344054",
+                              stroke: ((_y = (_x = settings == null ? void 0 : settings.button) == null ? void 0 : _x.language) == null ? void 0 : _y.textColor) || "#344054",
                               strokeWidth: 2,
                               strokeLinecap: "round",
                               strokeLinejoin: "round"
@@ -2660,23 +2789,23 @@ var RedactoNoticeConsent = ({
                         ]
                       }
                     ),
-                    isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.languageDropdown, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.ScrollView, { children: supportedLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                      import_react_native5.TouchableOpacity,
+                    isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.languageDropdown, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.ScrollView, { children: supportedLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      import_react_native6.TouchableOpacity,
                       {
                         style: [
-                          styles2.languageItem,
-                          lang === selectedLanguage ? styles2.selectedLanguageItem : null
+                          styles3.languageItem,
+                          lang === selectedLanguage ? styles3.selectedLanguageItem : null
                         ],
                         onPress: () => {
                           setSelectedLanguage(lang);
                           setIsLanguageDropdownOpen(false);
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                          import_react_native5.Text,
+                        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          import_react_native6.Text,
                           {
                             style: [
-                              styles2.languageItemText,
-                              lang === selectedLanguage ? styles2.selectedLanguageItemText : null
+                              styles3.languageItemText,
+                              lang === selectedLanguage ? styles3.selectedLanguageItemText : null
                             ],
                             children: lang
                           }
@@ -2687,63 +2816,63 @@ var RedactoNoticeConsent = ({
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.ScrollView, { style: styles2.middleSection, showsVerticalScrollIndicator: false, children: [
-                translatedNoticeText ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_react_native5.Text,
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.ScrollView, { style: styles3.middleSection, showsVerticalScrollIndicator: false, children: [
+                translatedNoticeText ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  import_react_native6.Text,
                   {
                     style: [
-                      styles2.privacyText,
+                      styles3.privacyText,
                       { color: textColor },
-                      activeTTSSegmentKey === "notice_text" ? styles2.ttsHighlight : null
+                      activeTTSSegmentKey === "notice_text" ? styles3.ttsHighlight : null
                     ],
                     children: translatedNoticeText
                   }
                 ) : null,
-                (activeConfig == null ? void 0 : activeConfig.privacy_policy_url) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
-                  import_react_native5.Text,
+                (activeConfig == null ? void 0 : activeConfig.privacy_policy_url) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  import_react_native6.Text,
                   {
                     style: [
-                      styles2.privacyText,
+                      styles3.privacyText,
                       { marginTop: 8 },
                       { color: textColor }
                     ],
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.Text, { style: activeTTSSegmentKey === "privacy_policy_prefix_text" ? styles2.ttsHighlight : null, children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.Text, { style: activeTTSSegmentKey === "privacy_policy_prefix_text" ? styles3.ttsHighlight : null, children: [
                         getTranslatedText("privacy_policy_prefix_text", activeConfig.privacy_policy_prefix_text || ""),
                         " "
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                        import_react_native5.Text,
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        import_react_native6.Text,
                         {
                           style: [
-                            styles2.link,
+                            styles3.link,
                             { color: linkColor },
-                            activeTTSSegmentKey === "privacy_policy_anchor_text" ? styles2.ttsHighlight : null
+                            activeTTSSegmentKey === "privacy_policy_anchor_text" ? styles3.ttsHighlight : null
                           ],
-                          onPress: () => import_react_native5.Linking.openURL(activeConfig.privacy_policy_url),
+                          onPress: () => import_react_native6.Linking.openURL(activeConfig.privacy_policy_url),
                           children: getTranslatedText("privacy_policy_anchor_text", activeConfig.privacy_policy_anchor_text || "Privacy Policy")
                         }
                       )
                     ]
                   }
                 ) : null,
-                (activeConfig == null ? void 0 : activeConfig.purposes) && activeConfig.purposes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_react_native5.Text,
+                (activeConfig == null ? void 0 : activeConfig.purposes) && activeConfig.purposes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  import_react_native6.Text,
                   {
                     style: [
-                      styles2.subTitle,
+                      styles3.subTitle,
                       { marginTop: 16, marginBottom: 8 },
                       { color: headingColor },
-                      activeTTSSegmentKey === "purpose_section_heading" ? styles2.ttsHighlight : null
+                      activeTTSSegmentKey === "purpose_section_heading" ? styles3.ttsHighlight : null
                     ],
                     children: getTranslatedText("purpose_section_heading", activeConfig.purpose_section_heading || "Data Purposes")
                   }
                 ) : null,
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.optionsContainer, children: activeConfig == null ? void 0 : activeConfig.purposes.map((purpose) => {
+                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: styles3.optionsContainer, children: activeConfig == null ? void 0 : activeConfig.purposes.map((purpose) => {
                   var _a2;
                   const purposeSelection = (_a2 = content == null ? void 0 : content.detail.purpose_selections) == null ? void 0 : _a2[purpose.uuid];
                   const isAlreadyConsented = !isReconsentMode && ((purposeSelection == null ? void 0 : purposeSelection.selected) || false) && !(purposeSelection == null ? void 0 : purposeSelection.needs_reconsent);
-                  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                     PurposeItem,
                     {
                       purpose,
@@ -2776,95 +2905,95 @@ var RedactoNoticeConsent = ({
                     }
                     return fallback;
                   };
-                  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: { marginTop: 8, paddingTop: 8, borderTopWidth: 1, borderTopColor: "rgba(152, 162, 179, 0.3)", opacity: 0.6 }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.Text, { style: [styles2.privacyText, { fontSize: 14, color: dpoTextColor }], children: [
-                    translatedAdditionalText ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.Text, { style: activeTTSSegmentKey === "additional_text" ? styles2.ttsHighlight : null, children: [
+                  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.View, { style: { marginTop: 8, paddingTop: 8, borderTopWidth: 1, borderTopColor: "rgba(152, 162, 179, 0.3)", opacity: 0.6 }, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.Text, { style: [styles3.privacyText, { fontSize: 14, color: dpoTextColor }], children: [
+                    translatedAdditionalText ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.Text, { style: activeTTSSegmentKey === "additional_text" ? styles3.ttsHighlight : null, children: [
                       translatedAdditionalText,
                       " "
                     ] }) : null,
-                    (activeConfig == null ? void 0 : activeConfig.privacy_center_url) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                        import_react_native5.Text,
+                    (activeConfig == null ? void 0 : activeConfig.privacy_center_url) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        import_react_native6.Text,
                         {
                           style: [
-                            styles2.link,
+                            styles3.link,
                             { color: linkColor },
-                            activeTTSSegmentKey === "privacy_center_anchor_text" ? styles2.ttsHighlight : null
+                            activeTTSSegmentKey === "privacy_center_anchor_text" ? styles3.ttsHighlight : null
                           ],
-                          onPress: () => import_react_native5.Linking.openURL(activeConfig.privacy_center_url),
+                          onPress: () => import_react_native6.Linking.openURL(activeConfig.privacy_center_url),
                           children: getTranslatedText("privacy_center_anchor_text", activeConfig.privacy_center_anchor_text || "Privacy Center")
                         }
                       ),
                       ".\n"
                     ] }) : null,
-                    (dpo == null ? void 0 : dpo.grievance_text) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.Text, { style: activeTTSSegmentKey === "dpo-grievance-text" ? styles2.ttsHighlight : null, children: [
+                    (dpo == null ? void 0 : dpo.grievance_text) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.Text, { style: activeTTSSegmentKey === "dpo-grievance-text" ? styles3.ttsHighlight : null, children: [
                         getT("grievance_text", dpo.grievance_text),
                         " "
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                        import_react_native5.Text,
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        import_react_native6.Text,
                         {
                           style: [
-                            styles2.link,
+                            styles3.link,
                             { color: linkColor },
-                            activeTTSSegmentKey === "dpo-grievance-link" ? styles2.ttsHighlight : null
+                            activeTTSSegmentKey === "dpo-grievance-link" ? styles3.ttsHighlight : null
                           ],
-                          onPress: () => import_react_native5.Linking.openURL(dpo.grievance_url),
+                          onPress: () => import_react_native6.Linking.openURL(dpo.grievance_url),
                           children: getT("grievance_anchor_text", dpo.grievance_anchor_text)
                         }
                       ),
-                      dpo.grievance_email ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                      dpo.grievance_email ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
                         " ",
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: activeTTSSegmentKey === "dpo-grievance-email-connector" ? styles2.ttsHighlight : null, children: getT("grievance_email_connector_text", dpo.grievance_email_connector_text || "or email to") }),
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: activeTTSSegmentKey === "dpo-grievance-email-connector" ? styles3.ttsHighlight : null, children: getT("grievance_email_connector_text", dpo.grievance_email_connector_text || "or email to") }),
                         " ",
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                          import_react_native5.Text,
+                        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          import_react_native6.Text,
                           {
                             style: [
-                              styles2.link,
+                              styles3.link,
                               { color: linkColor },
-                              activeTTSSegmentKey === "dpo-grievance-email" ? styles2.ttsHighlight : null
+                              activeTTSSegmentKey === "dpo-grievance-email" ? styles3.ttsHighlight : null
                             ],
-                            onPress: () => import_react_native5.Linking.openURL(`mailto:${dpo.grievance_email}`),
+                            onPress: () => import_react_native6.Linking.openURL(`mailto:${dpo.grievance_email}`),
                             children: dpo.grievance_email
                           }
                         )
                       ] }) : null,
                       "\n"
                     ] }) : null,
-                    (dpo == null ? void 0 : dpo.dp_board_text) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.Text, { style: activeTTSSegmentKey === "dpo-dp-board-text" ? styles2.ttsHighlight : null, children: [
+                    (dpo == null ? void 0 : dpo.dp_board_text) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.Text, { style: activeTTSSegmentKey === "dpo-dp-board-text" ? styles3.ttsHighlight : null, children: [
                         getT("dp_board_text", dpo.dp_board_text),
                         " "
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                        import_react_native5.Text,
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        import_react_native6.Text,
                         {
                           style: [
-                            styles2.link,
+                            styles3.link,
                             { color: linkColor },
-                            activeTTSSegmentKey === "dpo-dp-board-link" ? styles2.ttsHighlight : null
+                            activeTTSSegmentKey === "dpo-dp-board-link" ? styles3.ttsHighlight : null
                           ],
-                          onPress: () => import_react_native5.Linking.openURL(dpo.dp_board_url),
+                          onPress: () => import_react_native6.Linking.openURL(dpo.dp_board_url),
                           children: getT("dp_board_anchor_text", dpo.dp_board_anchor_text)
                         }
                       ),
                       "\n"
                     ] }) : null,
-                    (dpo == null ? void 0 : dpo.dpo_text) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native5.Text, { style: activeTTSSegmentKey === "dpo-dpo-text" ? styles2.ttsHighlight : null, children: [
+                    (dpo == null ? void 0 : dpo.dpo_text) ? /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_jsx_runtime4.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native6.Text, { style: activeTTSSegmentKey === "dpo-dpo-text" ? styles3.ttsHighlight : null, children: [
                         getT("dpo_text", dpo.dpo_text),
                         " "
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                        import_react_native5.Text,
+                      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        import_react_native6.Text,
                         {
                           style: [
-                            styles2.link,
+                            styles3.link,
                             { color: linkColor },
-                            activeTTSSegmentKey === "dpo-dpo-link" ? styles2.ttsHighlight : null
+                            activeTTSSegmentKey === "dpo-dpo-link" ? styles3.ttsHighlight : null
                           ],
-                          onPress: () => import_react_native5.Linking.openURL(dpo.dpo_url),
+                          onPress: () => import_react_native6.Linking.openURL(dpo.dpo_url),
                           children: getT("dpo_anchor_text", dpo.dpo_anchor_text)
                         }
                       )
@@ -2872,62 +3001,114 @@ var RedactoNoticeConsent = ({
                   ] }) });
                 })() : null
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.View, { style: styles2.bottomSection, children: isReviewMode ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                import_react_native5.TouchableOpacity,
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                import_react_native6.View,
                 {
-                  style: [styles2.button, styles2.acceptButton, acceptButtonStyle],
-                  onPress: () => setIsReviewMode(false),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.Text, { style: [styles2.buttonText, styles2.acceptButtonText, acceptButtonTextStyle], children: reviewModeButtonText || "Update Consent" })
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_react_native5.TouchableOpacity,
-                  {
-                    style: [
-                      styles2.button,
-                      styles2.acceptButton,
-                      acceptButtonStyle,
-                      isSubmitting || !areAllRequiredElementsChecked ? { opacity: 0.5 } : null
-                    ],
-                    onPress: handleAccept,
-                    disabled: isSubmitting || !areAllRequiredElementsChecked,
-                    accessibilityLabel: isSubmitting ? "Submitting consent" : getTranslatedText("confirm_button_text", (activeConfig == null ? void 0 : activeConfig.confirm_button_text) || "Accept"),
-                    children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native5.ActivityIndicator, { size: "small", color: acceptTextColor }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                      import_react_native5.Text,
-                      {
-                        style: [
-                          styles2.buttonText,
-                          styles2.acceptButtonText,
-                          acceptButtonTextStyle,
-                          activeTTSSegmentKey === "confirm_button_text" ? styles2.ttsHighlight : null
-                        ],
-                        children: getTranslatedText("confirm_button_text", (activeConfig == null ? void 0 : activeConfig.confirm_button_text) || "Accept")
+                  style: isReviewMode ? styles3.bottomSection : isMobile ? styles3.actionButtonStack : styles3.actionButtonRow,
+                  children: isReviewMode ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    import_react_native6.TouchableOpacity,
+                    {
+                      style: [styles3.button, styles3.acceptButton, acceptButtonStyle],
+                      onPress: () => setIsReviewMode(false),
+                      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.Text, { style: [styles3.buttonText, styles3.acceptButtonText, acceptButtonTextStyle], children: reviewModeButtonText || "Update Consent" })
+                    }
+                  ) : (
+                    /* Rendered in a different order per breakpoint rather than
+                       reordered with styles, so focus order follows visual order. */
+                    footerButtonOrder.map((slot) => {
+                      if (slot === "acceptAll") {
+                        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          import_react_native6.TouchableOpacity,
+                          {
+                            style: [
+                              styles3.button,
+                              widthStyle,
+                              styles3.acceptButton,
+                              acceptAllButtonStyle,
+                              isSubmitting ? { opacity: 0.5 } : null
+                            ],
+                            onPress: handleAcceptAll,
+                            disabled: isSubmitting,
+                            accessibilityLabel: acceptAllLabel,
+                            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              import_react_native6.Text,
+                              {
+                                style: [
+                                  styles3.buttonText,
+                                  styles3.acceptButtonText,
+                                  acceptAllButtonTextStyle,
+                                  activeTTSSegmentKey === "accept_all_button_text" ? styles3.ttsHighlight : null
+                                ],
+                                children: acceptAllLabel
+                              }
+                            )
+                          },
+                          slot
+                        );
                       }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_react_native5.TouchableOpacity,
-                  {
-                    style: [styles2.button, styles2.cancelButton, declineButtonStyle, isSubmitting ? { opacity: 0.5 } : null],
-                    onPress: handleDecline,
-                    disabled: isSubmitting,
-                    accessibilityLabel: getTranslatedText("decline_button_text", (activeConfig == null ? void 0 : activeConfig.decline_button_text) || "Decline"),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                      import_react_native5.Text,
-                      {
-                        style: [
-                          styles2.buttonText,
-                          styles2.cancelButtonText,
-                          declineButtonTextStyle,
-                          activeTTSSegmentKey === "decline_button_text" ? styles2.ttsHighlight : null
-                        ],
-                        children: getTranslatedText("decline_button_text", (activeConfig == null ? void 0 : activeConfig.decline_button_text) || "Decline")
+                      if (slot === "acceptSelected") {
+                        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                          import_react_native6.TouchableOpacity,
+                          {
+                            style: [
+                              styles3.button,
+                              widthStyle,
+                              styles3.acceptSecondaryButton,
+                              acceptSelectedButtonStyle,
+                              isSubmitting || !areAllRequiredElementsChecked ? { opacity: 0.5 } : null
+                            ],
+                            onPress: handleAcceptSelected,
+                            disabled: isSubmitting || !areAllRequiredElementsChecked,
+                            accessibilityLabel: isSubmitting ? "Submitting consent" : acceptSelectedLabel,
+                            children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native6.ActivityIndicator, { size: "small", color: accentColor }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                              import_react_native6.Text,
+                              {
+                                style: [
+                                  styles3.buttonText,
+                                  styles3.acceptSecondaryButtonText,
+                                  acceptSelectedButtonTextStyle,
+                                  activeTTSSegmentKey === "confirm_button_text" ? styles3.ttsHighlight : null
+                                ],
+                                children: acceptSelectedLabel
+                              }
+                            )
+                          },
+                          slot
+                        );
                       }
-                    )
-                  }
-                )
-              ] }) })
+                      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                        import_react_native6.TouchableOpacity,
+                        {
+                          style: [
+                            styles3.button,
+                            widthStyle,
+                            styles3.cancelButton,
+                            declineButtonStyle,
+                            isMobile ? null : styles3.declineSpacer,
+                            isSubmitting ? { opacity: 0.5 } : null
+                          ],
+                          onPress: handleDecline,
+                          disabled: isSubmitting,
+                          accessibilityLabel: declineLabel,
+                          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                            import_react_native6.Text,
+                            {
+                              style: [
+                                styles3.buttonText,
+                                styles3.cancelButtonText,
+                                declineButtonTextStyle,
+                                activeTTSSegmentKey === "decline_button_text" ? styles3.ttsHighlight : null
+                              ],
+                              children: declineLabel
+                            }
+                          )
+                        },
+                        slot
+                      );
+                    })
+                  )
+                }
+              )
             ] })
           }
         )
@@ -2938,7 +3119,7 @@ var RedactoNoticeConsent = ({
 
 // src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx
 var import_react3 = require("react");
-var import_react_native7 = require("react-native");
+var import_react_native8 = require("react-native");
 var import_react_native_svg4 = __toESM(require("react-native-svg"));
 
 // src/RedactoNoticeConsentInline/api/index.ts
@@ -3104,15 +3285,15 @@ var fetchNoticeConsentStatusForScope = async ({
 var isNoticeFullyConsented = (status) => status.consented && status.all_mandatory_active;
 
 // src/RedactoNoticeConsentInline/styles.ts
-var import_react_native6 = require("react-native");
-var styles3 = import_react_native6.StyleSheet.create({
+var import_react_native7 = require("react-native");
+var styles4 = import_react_native7.StyleSheet.create({
   container: {
     width: "100%",
     borderRadius: 8,
     backgroundColor: "#ffffff",
     borderWidth: 1,
     borderColor: "#e5e7eb",
-    ...import_react_native6.Platform.select({
+    ...import_react_native7.Platform.select({
       ios: {
         shadowColor: "#000",
         shadowOffset: { width: 0, height: 1 },
@@ -3305,9 +3486,6 @@ var styles3 = import_react_native6.StyleSheet.create({
     color: "#DC2626",
     fontSize: 14
   },
-  requiredAsterisk: {
-    color: "red"
-  },
   purposeChevron: {
     marginLeft: 5,
     alignItems: "center",
@@ -3328,7 +3506,7 @@ var styles3 = import_react_native6.StyleSheet.create({
     minWidth: 120,
     maxHeight: 200,
     marginTop: 4,
-    ...import_react_native6.Platform.select({
+    ...import_react_native7.Platform.select({
       ios: {
         shadowColor: "#000",
         shadowOffset: { width: 0, height: 2 },
@@ -3359,7 +3537,7 @@ var styles3 = import_react_native6.StyleSheet.create({
 });
 
 // src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var RedactoConsentInlineComponent = ({
   org_uuid,
   workspace_uuid,
@@ -3670,28 +3848,28 @@ var RedactoConsentInlineComponent = ({
   );
   if (hasAlreadyConsented || fetchError) return null;
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native7.View, { style: styles3.loadingContainer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.ActivityIndicator, { size: "large", color: "#4f87ff" }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.Text, { style: [styles3.loadingText, { color: textColor }], children: "Loading..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native8.View, { style: styles4.loadingContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.ActivityIndicator, { size: "large", color: "#4f87ff" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.Text, { style: [styles4.loadingText, { color: textColor }], children: "Loading..." })
     ] });
   }
   if (!content) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native7.View, { style: { gap: 16 }, children: [
-    errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.View, { style: styles3.errorContainer, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.Text, { style: styles3.errorText, children: errorMessage }) }) : null,
-    supportedLanguages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native7.View, { style: [styles3.topSection, { borderBottomWidth: 0, paddingBottom: 0 }], children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.View, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native7.View, { style: styles3.languageSelectorContainer, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-          import_react_native7.TouchableOpacity,
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native8.View, { style: { gap: 16 }, children: [
+    errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.View, { style: styles4.errorContainer, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.Text, { style: styles4.errorText, children: errorMessage }) }) : null,
+    supportedLanguages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native8.View, { style: [styles4.topSection, { borderBottomWidth: 0, paddingBottom: 0 }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.View, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native8.View, { style: styles4.languageSelectorContainer, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          import_react_native8.TouchableOpacity,
           {
             style: [
-              styles3.topRight,
+              styles4.topRight,
               ((_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.language) ? { backgroundColor: settings.button.language.backgroundColor, borderColor: settings.button.language.backgroundColor } : null
             ],
             onPress: () => setIsLanguageDropdownOpen((v) => !v),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.Text, { style: [styles3.topRightText, ((_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.language) ? { color: settings.button.language.textColor } : null], children: selectedLanguage }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg4.default, { width: 12, height: 12, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.Text, { style: [styles4.topRightText, ((_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.language) ? { color: settings.button.language.textColor } : null], children: selectedLanguage }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native_svg4.default, { width: 12, height: 12, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 import_react_native_svg4.Path,
                 {
                   d: "M4 6L8 10L12 6",
@@ -3704,34 +3882,34 @@ var RedactoConsentInlineComponent = ({
             ]
           }
         ),
-        isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.View, { style: styles3.languageDropdown, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.ScrollView, { children: supportedLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_react_native7.TouchableOpacity,
+        isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.View, { style: styles4.languageDropdown, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.ScrollView, { children: supportedLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          import_react_native8.TouchableOpacity,
           {
             style: [
-              styles3.languageItem,
-              lang === selectedLanguage ? styles3.selectedLanguageItem : null
+              styles4.languageItem,
+              lang === selectedLanguage ? styles4.selectedLanguageItem : null
             ],
             onPress: () => {
               setSelectedLanguage(lang);
               setIsLanguageDropdownOpen(false);
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.Text, { style: [styles3.languageItemText, lang === selectedLanguage ? styles3.selectedLanguageItemText : null], children: lang })
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.Text, { style: [styles4.languageItemText, lang === selectedLanguage ? styles4.selectedLanguageItemText : null], children: lang })
           },
           lang
         )) }) })
       ] })
     ] }),
-    content.purposes.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native7.View, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native7.View, { style: styles3.optionItem, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-          import_react_native7.TouchableOpacity,
+    content.purposes.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native8.View, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native8.View, { style: styles4.optionItem, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          import_react_native8.TouchableOpacity,
           {
-            style: styles3.optionLeft,
+            style: styles4.optionLeft,
             onPress: () => togglePurposeCollapse(purpose.uuid),
             accessibilityRole: "button",
             accessibilityLabel: `${collapsedPurposes[purpose.uuid] ? "Expand" : "Collapse"} ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.View, { style: styles3.purposeChevron, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native_svg4.default, { width: 7, height: 12, viewBox: "0 0 7 12", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.View, { style: styles4.purposeChevron, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native_svg4.default, { width: 7, height: 12, viewBox: "0 0 7 12", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 import_react_native_svg4.Path,
                 {
                   d: "M1 1L6 6L1 11",
@@ -3742,14 +3920,17 @@ var RedactoConsentInlineComponent = ({
                   transform: !collapsedPurposes[purpose.uuid] ? "rotate(90 3.5 6)" : void 0
                 }
               ) }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native7.View, { style: styles3.optionTextContainer, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.Text, { style: [styles3.optionTitle, { color: headingColor }, isMobile ? { fontSize: 14 } : null], children: getTranslatedText("purposes.name", purpose.name, purpose.uuid) }),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.Text, { style: [styles3.optionDescription, { color: textColor }, isMobile ? { fontSize: 11 } : null], children: getTranslatedText("purposes.description", purpose.description, purpose.uuid) })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native8.View, { style: styles4.optionTextContainer, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native8.Text, { style: [styles4.optionTitle, { color: headingColor }, isMobile ? { fontSize: 14 } : null], children: [
+                  getTranslatedText("purposes.name", purpose.name, purpose.uuid),
+                  hasRequiredDataElement(purpose) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RequiredMarker, {})
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.Text, { style: [styles4.optionDescription, { color: textColor }, isMobile ? { fontSize: 11 } : null], children: getTranslatedText("purposes.description", purpose.description, purpose.uuid) })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           Checkbox,
           {
             checked: selectedPurposes[purpose.uuid] || false,
@@ -3760,12 +3941,12 @@ var RedactoConsentInlineComponent = ({
           }
         )
       ] }),
-      !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.View, { style: styles3.dataElementsContainer, children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native7.View, { style: styles3.dataElementItem, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react_native7.Text, { style: [styles3.dataElementText, { color: textColor }, isMobile ? { fontSize: 12 } : null], children: [
+      !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native8.View, { style: styles4.dataElementsContainer, children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native8.View, { style: styles4.dataElementItem, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react_native8.Text, { style: [styles4.dataElementText, { color: textColor }, isMobile ? { fontSize: 12 } : null], children: [
           getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid),
-          dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_native7.Text, { style: styles3.requiredAsterisk, children: " *" })
+          dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RequiredMarker, {})
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           Checkbox,
           {
             checked: selectedDataElements[`${purpose.uuid}-${dataElement.uuid}`] || false,