@redacto.io/consent-sdk-react-native 1.0.0

package/dist/index.js

@@ -0,0 +1,2428 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  RedactoNoticeConsent: () => RedactoNoticeConsent,
+  RedactoNoticeConsentInline: () => RedactoConsentInline
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
+var import_react = require("react");
+var import_react_native4 = require("react-native");
+var import_react_native_svg2 = __toESM(require("react-native-svg"));
+
+// src/RedactoNoticeConsent/api/index.ts
+var import_jwt_decode = require("jwt-decode");
+
+// src/constants.ts
+var DEFAULT_CONSENT_API_BASE_URL = "https://api.redacto.io/consent";
+
+// src/RedactoNoticeConsent/api/index.ts
+var apiCache = /* @__PURE__ */ new Map();
+var CACHE_TTL = 5 * 60 * 1e3;
+function getCachedData(key) {
+  const cached = apiCache.get(key);
+  if (cached && Date.now() - cached.timestamp < cached.ttl) {
+    return cached.data;
+  }
+  if (cached) {
+    apiCache.delete(key);
+  }
+  return null;
+}
+function setCachedData(key, data, ttl = CACHE_TTL) {
+  apiCache.set(key, { data, timestamp: Date.now(), ttl });
+}
+function decodeTokenSafely(token) {
+  try {
+    return (0, import_jwt_decode.jwtDecode)(token);
+  } catch (error) {
+    console.warn("Failed to decode JWT token:", error);
+    return null;
+  }
+}
+var clearApiCache = () => {
+  apiCache.clear();
+};
+var fetchConsentContent = async ({
+  noticeId,
+  accessToken,
+  baseUrl,
+  language = "en",
+  specific_uuid,
+  validate_against = "all",
+  include_fully_consented_data = false,
+  signal
+}) => {
+  if (!noticeId || !accessToken || !validate_against) {
+    throw new Error("noticeId and accessToken are required");
+  }
+  const decodedToken = decodeTokenSafely(accessToken);
+  if (!decodedToken) {
+    throw new Error("Invalid access token");
+  }
+  const { organisation_uuid: ORGANISATION_UUID, workspace_uuid: WORKSPACE_UUID } = decodedToken;
+  if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
+    throw new Error("Invalid token: missing organization or workspace UUID");
+  }
+  const apiBaseUrl = baseUrl || DEFAULT_CONSENT_API_BASE_URL;
+  const cacheKey = `${accessToken}-${noticeId}-${validate_against}-${language}-${specific_uuid || ""}-${include_fully_consented_data}`;
+  if (validate_against === "all" && !specific_uuid) {
+    const cachedData = getCachedData(cacheKey);
+    if (cachedData) {
+      return cachedData;
+    }
+  }
+  const url = new URL(
+    `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/notices/${noticeId}`
+  );
+  if (specific_uuid) {
+    url.searchParams.append("specific_uuid", specific_uuid);
+  }
+  url.searchParams.append("validate_against", validate_against);
+  if (include_fully_consented_data) {
+    url.searchParams.append("include_fully_consented_data", "true");
+  }
+  const response = await fetch(url.toString(), {
+    method: "GET",
+    headers: {
+      Authorization: `Bearer ${accessToken}`,
+      "Accept-Language": language,
+      "Content-Type": "application/json"
+    },
+    signal
+  });
+  if (!response.ok) {
+    let errorMessage = `Failed to fetch consent content: ${response.status} ${response.statusText}`;
+    if (response.status === 401) {
+      errorMessage = "Unauthorized: Invalid or expired token";
+    } else if (response.status === 403) {
+      errorMessage = "Forbidden: Access denied";
+    } else if (response.status === 404) {
+      errorMessage = "Notice not found";
+    } else if (response.status === 409) {
+      errorMessage = "User has already provided consent";
+    } else if (response.status >= 500) {
+      errorMessage = "Server error: Please try again later";
+    }
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    throw error;
+  }
+  const data = await response.json();
+  if (validate_against === "all" && !specific_uuid) {
+    setCachedData(cacheKey, data);
+  }
+  return data;
+};
+var submitConsentEvent = async ({
+  accessToken,
+  baseUrl,
+  noticeUuid,
+  purposes,
+  declined,
+  meta_data,
+  signal
+}) => {
+  if (!noticeUuid || !accessToken || !Array.isArray(purposes)) {
+    throw new Error("noticeUuid, accessToken, and purposes array are required");
+  }
+  const decodedToken = decodeTokenSafely(accessToken);
+  if (!decodedToken) {
+    throw new Error("Invalid access token");
+  }
+  const { organisation_uuid: ORGANISATION_UUID, workspace_uuid: WORKSPACE_UUID } = decodedToken;
+  if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
+    throw new Error("Invalid token: missing organization or workspace UUID");
+  }
+  const apiBaseUrl = baseUrl || DEFAULT_CONSENT_API_BASE_URL;
+  const validatedPurposes = purposes.map((purpose) => {
+    if (!purpose.uuid) {
+      throw new Error("Invalid purpose data: missing uuid");
+    }
+    const dataElements = (purpose.data_elements || []).filter((element) => element.enabled).map((element) => ({
+      uuid: element.uuid,
+      selected: element.required ? true : Boolean(element.selected)
+    }));
+    return {
+      purpose_uuid: purpose.uuid,
+      selected: Boolean(purpose.selected),
+      data_elements: dataElements.length > 0 ? dataElements : void 0
+    };
+  });
+  const payload = {
+    notice_uuid: noticeUuid,
+    purposes: validatedPurposes,
+    select_all_mandatory: false,
+    source: "MOBILE",
+    declined: Boolean(declined),
+    meta_data: meta_data ? { specific_uuid: meta_data.specific_uuid } : void 0
+  };
+  const response = await fetch(
+    `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/submit-consent`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(payload),
+      signal
+    }
+  );
+  if (!response.ok) {
+    let errorMessage = `Failed to submit consent: ${response.status} ${response.statusText}`;
+    if (response.status === 400) {
+      errorMessage = "Invalid request data";
+    } else if (response.status === 401) {
+      errorMessage = "Unauthorized: Invalid or expired token";
+    } else if (response.status === 403) {
+      errorMessage = "Forbidden: Access denied";
+    } else if (response.status === 404) {
+      errorMessage = "Notice not found";
+    } else if (response.status >= 500) {
+      errorMessage = "Server error: Please try again later";
+    }
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    throw error;
+  }
+  apiCache.clear();
+};
+var submitGuardianInfo = async ({
+  accessToken,
+  baseUrl,
+  guardianName,
+  guardianContact,
+  guardianRelationship,
+  signal
+}) => {
+  if (!accessToken) {
+    throw new Error("accessToken is required");
+  }
+  if (!(guardianName == null ? void 0 : guardianName.trim())) {
+    throw new Error("guardianName is required and cannot be empty");
+  }
+  if (!(guardianContact == null ? void 0 : guardianContact.trim())) {
+    throw new Error("guardianContact is required and cannot be empty");
+  }
+  if (!(guardianRelationship == null ? void 0 : guardianRelationship.trim())) {
+    throw new Error("guardianRelationship is required and cannot be empty");
+  }
+  const decodedToken = decodeTokenSafely(accessToken);
+  if (!decodedToken) {
+    throw new Error("Invalid access token");
+  }
+  const { organisation_uuid: ORGANISATION_UUID, workspace_uuid: WORKSPACE_UUID } = decodedToken;
+  if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
+    throw new Error("Invalid token: missing organization or workspace UUID");
+  }
+  const payload = {
+    guardian_name: guardianName.trim(),
+    guardian_contact: guardianContact.trim(),
+    guardian_relationship: guardianRelationship.trim()
+  };
+  const apiBaseUrl = baseUrl || DEFAULT_CONSENT_API_BASE_URL;
+  const response = await fetch(
+    `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/guardian-info`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(payload),
+      signal
+    }
+  );
+  if (!response.ok) {
+    let errorMessage = `Failed to submit guardian info: ${response.status} ${response.statusText}`;
+    if (response.status === 400) {
+      errorMessage = "Invalid request data";
+    } else if (response.status === 401) {
+      errorMessage = "Unauthorized: Invalid or expired token";
+    } else if (response.status === 403) {
+      errorMessage = "Forbidden: Access denied";
+    } else if (response.status === 404) {
+      errorMessage = "Organization or workspace not found";
+    } else if (response.status === 422) {
+      try {
+        const errorData = await response.json();
+        errorMessage = errorData.message || "Validation error";
+      } catch {
+        errorMessage = "Validation error: Please check your input";
+      }
+    } else if (response.status >= 500) {
+      errorMessage = "Server error: Please try again later";
+    }
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    throw error;
+  }
+};
+var fetchTTSAudioUrls = async ({
+  accessToken,
+  baseUrl,
+  noticeUuid,
+  language,
+  signal
+}) => {
+  if (!accessToken || !noticeUuid || !language) {
+    throw new Error("accessToken, noticeUuid, and language are required");
+  }
+  const decodedToken = decodeTokenSafely(accessToken);
+  if (!decodedToken) {
+    throw new Error("Invalid access token");
+  }
+  const { organisation_uuid: ORGANISATION_UUID, workspace_uuid: WORKSPACE_UUID } = decodedToken;
+  if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
+    throw new Error("Invalid token: missing organization or workspace UUID");
+  }
+  const apiBaseUrl = baseUrl || DEFAULT_CONSENT_API_BASE_URL;
+  const url = `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/notices/${noticeUuid}/audio/${language}`;
+  const response = await fetch(url, {
+    method: "GET",
+    headers: {
+      Authorization: `Bearer ${accessToken}`,
+      Accept: "application/json",
+      "Content-Type": "application/json"
+    },
+    signal
+  });
+  if (!response.ok) {
+    let errorMessage = `Failed to fetch TTS audio URLs: ${response.status} ${response.statusText}`;
+    if (response.status === 401) {
+      errorMessage = "Unauthorized: Invalid or expired token";
+    } else if (response.status === 403) {
+      errorMessage = "Forbidden: Access denied";
+    } else if (response.status === 404) {
+      errorMessage = "Notice or audio not found";
+    } else if (response.status >= 500) {
+      errorMessage = "Server error: Please try again later";
+    }
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    throw error;
+  }
+  return response.json();
+};
+
+// src/RedactoNoticeConsent/components/Checkbox.tsx
+var import_react_native = require("react-native");
+var import_react_native_svg = __toESM(require("react-native-svg"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var Checkbox = ({
+  checked,
+  onChange,
+  size = "large",
+  disabled = false,
+  accessibilityLabel
+}) => {
+  const isLarge = size === "large";
+  const boxSize = isLarge ? 20 : 16;
+  const iconSize = isLarge ? 10 : 8;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_react_native.TouchableOpacity,
+    {
+      onPress: onChange,
+      disabled,
+      accessibilityRole: "checkbox",
+      accessibilityState: { checked, disabled },
+      accessibilityLabel,
+      hitSlop: { top: 6, bottom: 6, left: 6, right: 6 },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_react_native.View,
+        {
+          style: [
+            styles.box,
+            { width: boxSize, height: boxSize, borderRadius: 5 },
+            checked ? styles.checked : styles.unchecked,
+            disabled && styles.disabled
+          ],
+          children: checked && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_react_native_svg.default,
+            {
+              width: iconSize,
+              height: iconSize,
+              viewBox: "0 0 10 10",
+              fill: "none",
+              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_react_native_svg.Path,
+                {
+                  d: "M1.5 5L4 7.5L8.5 2.5",
+                  stroke: "white",
+                  strokeWidth: 1.8,
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+};
+var styles = import_react_native.StyleSheet.create({
+  box: {
+    alignItems: "center",
+    justifyContent: "center",
+    borderWidth: 2
+  },
+  checked: {
+    backgroundColor: "#4f87ff",
+    borderColor: "#4f87ff"
+  },
+  unchecked: {
+    backgroundColor: "transparent",
+    borderColor: "#d0d5dd"
+  },
+  disabled: {
+    opacity: 0.5
+  }
+});
+
+// src/RedactoNoticeConsent/styles.ts
+var import_react_native2 = require("react-native");
+var styles2 = import_react_native2.StyleSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: "rgba(0, 0, 0, 0.5)",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 16
+  },
+  modal: {
+    width: "100%",
+    maxWidth: 700,
+    height: "90%",
+    borderRadius: 8,
+    backgroundColor: "#ffffff",
+    ...import_react_native2.Platform.select({
+      ios: {
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.25,
+        shadowRadius: 4
+      },
+      android: {
+        elevation: 5
+      }
+    }),
+    maxHeight: "90%",
+    minHeight: 320
+  },
+  content: {
+    padding: 22,
+    flex: 1,
+    minHeight: 0
+  },
+  topSection: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    paddingBottom: 15,
+    backgroundColor: "#ffffff",
+    flexShrink: 0
+  },
+  topLeft: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    flex: 1
+  },
+  logo: {
+    height: 32,
+    width: 80,
+    resizeMode: "contain"
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: "700",
+    lineHeight: 27,
+    letterSpacing: 0.2,
+    color: "#101828",
+    flexShrink: 1
+  },
+  topRight: {
+    borderRadius: 8,
+    paddingVertical: 3,
+    paddingHorizontal: 9,
+    borderWidth: 1,
+    borderColor: "#d0d5dd",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#ffffff",
+    gap: 5
+  },
+  topRightText: {
+    fontWeight: "400",
+    fontSize: 12,
+    color: "#344054"
+  },
+  middleSection: {
+    flex: 1,
+    gap: 12,
+    minHeight: 0
+  },
+  privacyText: {
+    fontSize: 16,
+    fontWeight: "400",
+    lineHeight: 24,
+    color: "#344054"
+  },
+  link: {
+    color: "#4f87ff",
+    textDecorationLine: "underline"
+  },
+  subTitle: {
+    fontWeight: "600",
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.2,
+    color: "#101828"
+  },
+  optionsContainer: {
+    gap: 10
+  },
+  optionItem: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  optionLeft: {
+    flexDirection: "row",
+    gap: 12,
+    alignItems: "center",
+    flex: 1
+  },
+  optionTextContainer: {
+    flex: 1
+  },
+  optionTitle: {
+    fontWeight: "500",
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.2,
+    color: "#101828"
+  },
+  optionDescription: {
+    fontWeight: "400",
+    fontSize: 12,
+    lineHeight: 18,
+    letterSpacing: 0.2,
+    color: "#475467"
+  },
+  dataElementsContainer: {
+    paddingLeft: 22
+  },
+  dataElementItem: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    justifyContent: "space-between",
+    minHeight: 24,
+    paddingVertical: 2
+  },
+  dataElementText: {
+    fontWeight: "400",
+    fontSize: 14,
+    lineHeight: 21,
+    letterSpacing: 0.2,
+    color: "#344054",
+    flex: 1
+  },
+  bottomSection: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    gap: 12,
+    paddingTop: 15,
+    backgroundColor: "#ffffff",
+    flexShrink: 0
+  },
+  button: {
+    flex: 1,
+    borderRadius: 8,
+    paddingVertical: 12,
+    paddingHorizontal: 20,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  buttonText: {
+    fontWeight: "400",
+    fontSize: 16,
+    lineHeight: 24,
+    textAlign: "center"
+  },
+  acceptButton: {
+    backgroundColor: "#4f87ff"
+  },
+  acceptButtonText: {
+    color: "#ffffff"
+  },
+  cancelButton: {
+    borderWidth: 1,
+    borderColor: "#d0d5dd",
+    backgroundColor: "#ffffff"
+  },
+  cancelButtonText: {
+    color: "#000000"
+  },
+  languageSelectorContainer: {
+    position: "relative"
+  },
+  languageDropdown: {
+    position: "absolute",
+    top: "100%",
+    right: 0,
+    backgroundColor: "#ffffff",
+    borderWidth: 1,
+    borderColor: "#d0d5dd",
+    borderRadius: 4,
+    zIndex: 10,
+    minWidth: 120,
+    maxHeight: 200,
+    marginTop: 4,
+    ...import_react_native2.Platform.select({
+      ios: {
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 4
+      },
+      android: {
+        elevation: 4
+      }
+    })
+  },
+  languageItem: {
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: "#e5e7eb"
+  },
+  languageItemText: {
+    fontSize: 12,
+    color: "#344054"
+  },
+  selectedLanguageItem: {
+    backgroundColor: "#f3f4f6"
+  },
+  selectedLanguageItemText: {
+    fontWeight: "600"
+  },
+  loadingContainer: {
+    flex: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 32,
+    minHeight: 200
+  },
+  loadingText: {
+    marginTop: 16,
+    fontSize: 16,
+    color: "#344054"
+  },
+  errorContainer: {
+    backgroundColor: "#FEE2E2",
+    borderRadius: 6,
+    padding: 12,
+    marginBottom: 16,
+    borderWidth: 1,
+    borderColor: "#FCA5A5",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  errorText: {
+    color: "#DC2626",
+    fontSize: 14,
+    flex: 1
+  },
+  requiredAsterisk: {
+    color: "red"
+  },
+  divider: {
+    height: 1,
+    backgroundColor: "#e5e7eb",
+    marginVertical: 8
+  },
+  inputContainer: {
+    marginBottom: 12
+  },
+  inputLabel: {
+    fontSize: 13,
+    fontWeight: "500",
+    color: "#344054",
+    marginBottom: 6
+  },
+  textInput: {
+    borderWidth: 1,
+    borderColor: "#d0d5dd",
+    borderRadius: 8,
+    paddingVertical: 10,
+    paddingHorizontal: 12,
+    fontSize: 13,
+    color: "#344054",
+    backgroundColor: "#ffffff"
+  },
+  textInputError: {
+    borderColor: "#DC2626"
+  },
+  inputError: {
+    color: "#DC2626",
+    fontSize: 12,
+    marginTop: 4
+  },
+  consentedCheckmark: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    backgroundColor: "#10B981",
+    alignItems: "center",
+    justifyContent: "center",
+    marginLeft: 12
+  },
+  consentedCheckmarkSmall: {
+    width: 16,
+    height: 16,
+    borderRadius: 8,
+    backgroundColor: "#10B981",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  notConsentedCircle: {
+    width: 16,
+    height: 16,
+    borderRadius: 8,
+    borderWidth: 2,
+    borderColor: "#d0d5dd",
+    backgroundColor: "transparent"
+  },
+  purposeChevron: {
+    marginLeft: 5,
+    alignItems: "center",
+    justifyContent: "center"
+  }
+});
+
+// src/RedactoNoticeConsent/useResponsive.ts
+var import_react_native3 = require("react-native");
+var useResponsive = () => {
+  const { width, height } = (0, import_react_native3.useWindowDimensions)();
+  return {
+    isMobile: width < 768,
+    width,
+    height
+  };
+};
+
+// src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+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();
+}
+var expoAv = null;
+try {
+  expoAv = require("expo-av");
+} catch {
+}
+var PurposeItem = ({
+  purpose,
+  selectedPurposes,
+  collapsedPurposes,
+  selectedDataElements,
+  settings,
+  onPurposeToggle,
+  onPurposeCollapse,
+  onDataElementToggle,
+  getTranslatedText,
+  isAlreadyConsented,
+  initialDataElementSelections = {}
+}) => {
+  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#101828";
+  const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.optionItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        import_react_native4.TouchableOpacity,
+        {
+          style: styles2.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_runtime2.jsx)(import_react_native4.View, { style: styles2.purposeChevron, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.default, { width: 7, height: 12, viewBox: "0 0 7 12", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              import_react_native_svg2.Path,
+              {
+                d: "M1 1L6 6L1 11",
+                stroke: (settings == null ? void 0 : settings.headingColor) || "#323B4B",
+                strokeWidth: 2,
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                transform: !collapsedPurposes[purpose.uuid] ? "rotate(90 3.5 6)" : void 0
+              }
+            ) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.optionTextContainer, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.optionTitle, { color: headingColor }], children: getTranslatedText("purposes.name", purpose.name, purpose.uuid) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.optionDescription, { color: textColor }], children: getTranslatedText("purposes.description", purpose.description, purpose.uuid) })
+            ] })
+          ]
+        }
+      ),
+      !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        Checkbox,
+        {
+          checked: selectedPurposes[purpose.uuid] || false,
+          onChange: () => onPurposeToggle(purpose.uuid),
+          size: "large",
+          accessibilityLabel: `Select all data elements for ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)}`
+        }
+      ),
+      isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: styles2.consentedCheckmark, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.default, { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native_svg2.Path,
+        {
+          d: "M4 6L5.5 7.5L8.5 4.5",
+          stroke: "white",
+          strokeWidth: 2,
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      ) }) })
+    ] }),
+    !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: styles2.dataElementsContainer, children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.dataElementItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.Text, { style: [styles2.dataElementText, { color: textColor }], children: [
+        getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid),
+        dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: styles2.requiredAsterisk, children: " *" })
+      ] }),
+      !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        Checkbox,
+        {
+          checked: selectedDataElements[`${purpose.uuid}-${dataElement.uuid}`] || false,
+          onChange: () => onDataElementToggle(dataElement.uuid, purpose.uuid),
+          size: "small",
+          accessibilityLabel: `Select ${getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid)}${dataElement.required ? " (required)" : ""}`
+        }
+      ),
+      isAlreadyConsented && (() => {
+        const wasSelected = initialDataElementSelections[`${purpose.uuid}-${dataElement.uuid}`] || false;
+        return wasSelected ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: styles2.consentedCheckmarkSmall, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.default, { width: 10, height: 10, viewBox: "0 0 10 10", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_native_svg2.Path,
+          {
+            d: "M3 5L4.5 6.5L7.5 3.5",
+            stroke: "white",
+            strokeWidth: 1.5,
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ) }) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: styles2.notConsentedCircle });
+      })()
+    ] }, dataElement.uuid)) })
+  ] });
+};
+var GuardianForm = ({ formData, errors, isSubmitting, onChange, onNext, onDecline, settings, logoUrl }) => {
+  var _a, _b, _c, _d;
+  const borderColor = (settings == null ? void 0 : settings.borderColor) || "#d0d5dd";
+  const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: styles2.topSection, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.topLeft, children: [
+      logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Image, { style: styles2.logo, source: { uri: logoUrl } }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.title, { color: (settings == null ? void 0 : settings.headingColor) || "#101828" }], children: "Guardian Information Required" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.ScrollView, { style: styles2.middleSection, showsVerticalScrollIndicator: false, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.privacyText, { color: textColor, fontSize: 14, lineHeight: 20 }], children: "As you are under the age of consent, we need to collect information about your legal guardian to proceed." }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: { marginTop: 16, gap: 12 }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.inputContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.inputLabel, { color: textColor }], children: "Name of Guardian *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_react_native4.TextInput,
+            {
+              value: formData.guardianName,
+              onChangeText: (v) => onChange("guardianName", v),
+              style: [
+                styles2.textInput,
+                { borderColor: errors.guardianName ? "#DC2626" : borderColor, color: textColor }
+              ],
+              placeholder: "Enter guardian's full name",
+              placeholderTextColor: "#9CA3AF"
+            }
+          ),
+          errors.guardianName ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: styles2.inputError, children: errors.guardianName }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.inputContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.inputLabel, { color: textColor }], children: "Contact of Guardian *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_react_native4.TextInput,
+            {
+              value: formData.guardianContact,
+              onChangeText: (v) => onChange("guardianContact", v),
+              style: [
+                styles2.textInput,
+                { borderColor: errors.guardianContact ? "#DC2626" : borderColor, color: textColor }
+              ],
+              placeholder: "Enter guardian's email or phone number",
+              placeholderTextColor: "#9CA3AF",
+              keyboardType: "email-address",
+              autoCapitalize: "none"
+            }
+          ),
+          errors.guardianContact ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: styles2.inputError, children: errors.guardianContact }) : null
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.inputContainer, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.inputLabel, { color: textColor }], children: "Relationship to Guardian *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            import_react_native4.TextInput,
+            {
+              value: formData.guardianRelationship,
+              onChangeText: (v) => onChange("guardianRelationship", v),
+              style: [
+                styles2.textInput,
+                { borderColor: errors.guardianRelationship ? "#DC2626" : borderColor, color: textColor }
+              ],
+              placeholder: "e.g., Parent, Legal Guardian, etc.",
+              placeholderTextColor: "#9CA3AF"
+            }
+          ),
+          errors.guardianRelationship ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: styles2.inputError, children: errors.guardianRelationship }) : null
+        ] }),
+        errors.general ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: styles2.errorContainer, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: styles2.errorText, children: errors.general }) }) : null
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.bottomSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native4.TouchableOpacity,
+        {
+          style: [
+            styles2.button,
+            styles2.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: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [
+            styles2.buttonText,
+            styles2.acceptButtonText,
+            ((_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.accept) ? { color: settings.button.accept.textColor } : null
+          ], children: isSubmitting ? "Submitting..." : "Next" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native4.TouchableOpacity,
+        {
+          style: [
+            styles2.button,
+            styles2.cancelButton,
+            ((_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.decline) ? { backgroundColor: settings.button.decline.backgroundColor, borderColor: settings.button.decline.backgroundColor } : null
+          ],
+          onPress: onDecline,
+          accessibilityLabel: "Cancel guardian information form",
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [
+            styles2.buttonText,
+            styles2.cancelButtonText,
+            ((_d = settings == null ? void 0 : settings.button) == null ? void 0 : _d.decline) ? { color: settings.button.decline.textColor } : null
+          ], children: "Cancel" })
+        }
+      )
+    ] })
+  ] });
+};
+var AgeVerification = ({ onYes, onNo, settings, logoUrl }) => {
+  var _a, _b, _c, _d;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: styles2.topSection, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.topLeft, children: [
+      logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Image, { style: styles2.logo, source: { uri: logoUrl } }) : null,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.title, { color: (settings == null ? void 0 : settings.headingColor) || "#101828" }], children: "Age Verification" })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.ScrollView, { style: styles2.middleSection, showsVerticalScrollIndicator: false, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.privacyText, { color: (settings == null ? void 0 : settings.textColor) || "#344054" }], children: "To proceed, we need to verify your age." }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.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_runtime2.jsxs)(import_react_native4.View, { style: styles2.bottomSection, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native4.TouchableOpacity,
+        {
+          style: [
+            styles2.button,
+            styles2.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_runtime2.jsx)(import_react_native4.Text, { style: [
+            styles2.buttonText,
+            styles2.acceptButtonText,
+            ((_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.accept) ? { color: settings.button.accept.textColor } : null
+          ], children: "Yes" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        import_react_native4.TouchableOpacity,
+        {
+          style: [
+            styles2.button,
+            styles2.cancelButton,
+            ((_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.decline) ? { backgroundColor: settings.button.decline.backgroundColor, borderColor: settings.button.decline.backgroundColor } : null
+          ],
+          onPress: onNo,
+          accessibilityLabel: "No, I am under 18",
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [
+            styles2.buttonText,
+            styles2.cancelButtonText,
+            ((_d = settings == null ? void 0 : settings.button) == null ? void 0 : _d.decline) ? { color: settings.button.decline.textColor } : null
+          ], children: "No" })
+        }
+      )
+    ] })
+  ] });
+};
+var RedactoNoticeConsent = ({
+  noticeId,
+  accessToken,
+  refreshToken: _refreshToken,
+  baseUrl,
+  settings,
+  language = "en",
+  blockUI = false,
+  onAccept,
+  onDecline,
+  onError,
+  applicationId,
+  validateAgainst = "all",
+  includeFullyConsentedData = false,
+  reviewModeButtonText
+}) => {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s;
+  const { isMobile } = useResponsive();
+  const [content, setContent] = (0, import_react.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react.useState)(true);
+  const [isSubmitting, setIsSubmitting] = (0, import_react.useState)(false);
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react.useState)(language);
+  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react.useState)({});
+  const [selectedPurposes, setSelectedPurposes] = (0, import_react.useState)({});
+  const [selectedDataElements, setSelectedDataElements] = (0, import_react.useState)({});
+  const [initialDataElementSelections, setInitialDataElementSelections] = (0, import_react.useState)({});
+  const [errorMessage, setErrorMessage] = (0, import_react.useState)(null);
+  const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = (0, import_react.useState)(false);
+  const [isVisible, setIsVisible] = (0, import_react.useState)(false);
+  const [isReconsentMode, setIsReconsentMode] = (0, import_react.useState)(false);
+  const [isReviewMode, setIsReviewMode] = (0, import_react.useState)(false);
+  const [showAgeVerification, setShowAgeVerification] = (0, import_react.useState)(false);
+  const [showGuardianForm, setShowGuardianForm] = (0, import_react.useState)(false);
+  const [isMinor, setIsMinor] = (0, import_react.useState)(false);
+  const [guardianFormData, setGuardianFormData] = (0, import_react.useState)({ guardianName: "", guardianContact: "", guardianRelationship: "" });
+  const [guardianFormErrors, setGuardianFormErrors] = (0, import_react.useState)({});
+  const [isSubmittingGuardian, setIsSubmittingGuardian] = (0, import_react.useState)(false);
+  const [isTTSAvailable, setIsTTSAvailable] = (0, import_react.useState)(false);
+  const [ttsAudioUrls, setTtsAudioUrls] = (0, import_react.useState)({});
+  const [isPlaying, setIsPlaying] = (0, import_react.useState)(false);
+  const [isPaused, setIsPaused] = (0, import_react.useState)(false);
+  const soundRef = (0, import_react.useRef)(null);
+  const ttsQueueRef = (0, import_react.useRef)([]);
+  const ttsIndexRef = (0, import_react.useRef)(0);
+  const abortControllerRef = (0, import_react.useRef)(null);
+  const hasBootstrappedLanguageRef = (0, import_react.useRef)(false);
+  const fetchContent = (0, import_react.useCallback)(async () => {
+    if (abortControllerRef.current) {
+      abortControllerRef.current.abort();
+    }
+    abortControllerRef.current = new AbortController();
+    setIsLoading(true);
+    setErrorMessage(null);
+    try {
+      const data = await fetchConsentContent({
+        noticeId,
+        accessToken,
+        baseUrl,
+        language: selectedLanguage,
+        validate_against: validateAgainst,
+        include_fully_consented_data: includeFullyConsentedData,
+        specific_uuid: applicationId,
+        signal: abortControllerRef.current.signal
+      });
+      const activeConfig2 = data.detail.active_config;
+      const purposeSelections = data.detail.purpose_selections;
+      const reconsentRequired = data.detail.reconsent_required || false;
+      const noticeIsMinor = data.detail.is_minor || false;
+      setIsMinor(noticeIsMinor);
+      const initialCollapsed = {};
+      const initialPurposeState = {};
+      const initialDataElementState = {};
+      const initialDataElementSelectionsMap = {};
+      activeConfig2.purposes.forEach((purpose) => {
+        initialCollapsed[purpose.uuid] = true;
+        const sel = purposeSelections == null ? void 0 : purposeSelections[purpose.uuid];
+        const purposeSelected = sel ? sel.selected : false;
+        initialPurposeState[purpose.uuid] = purposeSelected;
+        purpose.data_elements.forEach((el) => {
+          var _a2, _b2, _c2;
+          const combinedId = `${purpose.uuid}-${el.uuid}`;
+          const elementSel = (_c2 = (_b2 = (_a2 = sel == null ? void 0 : sel.data_elements) == null ? void 0 : _a2[el.uuid]) == null ? void 0 : _b2.selected) != null ? _c2 : false;
+          initialDataElementState[combinedId] = elementSel;
+          initialDataElementSelectionsMap[combinedId] = elementSel;
+        });
+      });
+      setCollapsedPurposes(initialCollapsed);
+      setSelectedPurposes(initialPurposeState);
+      setSelectedDataElements(initialDataElementState);
+      setInitialDataElementSelections(initialDataElementSelectionsMap);
+      if (!hasBootstrappedLanguageRef.current) {
+        hasBootstrappedLanguageRef.current = true;
+        if (activeConfig2.default_language && activeConfig2.default_language !== selectedLanguage) {
+          setSelectedLanguage(activeConfig2.default_language);
+        }
+      }
+      setContent(data);
+      setIsReconsentMode(reconsentRequired);
+      if (noticeIsMinor) {
+        setShowAgeVerification(true);
+      }
+      setIsVisible(true);
+    } catch (err) {
+      const error = err;
+      if (error.name === "AbortError") return;
+      if (error.status === 409) {
+        onAccept();
+        return;
+      }
+      if (error.status === 401) {
+        setErrorMessage("Unauthorized: Invalid or expired token");
+      } else {
+        setErrorMessage(error.message || "Failed to load consent content");
+      }
+      onError == null ? void 0 : onError(error);
+    } finally {
+      setIsLoading(false);
+    }
+  }, [noticeId, accessToken, baseUrl, selectedLanguage, validateAgainst, includeFullyConsentedData, applicationId, onAccept, onError]);
+  (0, import_react.useEffect)(() => {
+    hasBootstrappedLanguageRef.current = false;
+  }, [noticeId, accessToken]);
+  (0, import_react.useEffect)(() => {
+    fetchContent();
+    return () => {
+      var _a2;
+      (_a2 = abortControllerRef.current) == null ? void 0 : _a2.abort();
+    };
+  }, [fetchContent]);
+  const fetchTTS = (0, import_react.useCallback)(async () => {
+    if (!expoAv || !content) return;
+    try {
+      const data = await fetchTTSAudioUrls({
+        accessToken,
+        baseUrl,
+        noticeUuid: content.detail.active_config.notice_uuid,
+        language: selectedLanguage
+      });
+      const urls = {
+        notice_text: data.detail.notice_text_audio_url,
+        additional_text: data.detail.additional_text_audio_url,
+        notice_banner_heading: data.detail.notice_banner_heading_audio_url,
+        purpose_section_heading: data.detail.purpose_section_heading_audio_url
+      };
+      content.detail.active_config.purposes.forEach((p) => {
+        var _a2;
+        const pa = (_a2 = data.detail.purposes_audio) == null ? void 0 : _a2[p.uuid];
+        if (pa) {
+          urls[`purpose_name_${p.uuid}`] = pa.name_audio_url;
+          urls[`purpose_desc_${p.uuid}`] = pa.description_audio_url;
+        }
+        p.data_elements.forEach((el) => {
+          var _a3;
+          const ea = (_a3 = data.detail.data_elements_audio) == null ? void 0 : _a3[el.uuid];
+          if (ea) urls[`element_${el.uuid}`] = ea.name_audio_url;
+        });
+      });
+      setTtsAudioUrls(urls);
+      setIsTTSAvailable(true);
+    } catch {
+      setIsTTSAvailable(false);
+    }
+  }, [content, accessToken, baseUrl, selectedLanguage]);
+  (0, import_react.useEffect)(() => {
+    if (content && expoAv) {
+      fetchTTS();
+    }
+  }, [content, fetchTTS]);
+  const stopAudio = (0, import_react.useCallback)(async () => {
+    if (soundRef.current) {
+      await soundRef.current.stopAsync();
+      await soundRef.current.unloadAsync();
+      soundRef.current = null;
+    }
+    setIsPlaying(false);
+    setIsPaused(false);
+    ttsIndexRef.current = 0;
+  }, []);
+  const playNextInQueue = (0, import_react.useCallback)(async () => {
+    if (!expoAv) return;
+    const queue = ttsQueueRef.current;
+    if (ttsIndexRef.current >= queue.length) {
+      await stopAudio();
+      return;
+    }
+    const url = queue[ttsIndexRef.current];
+    ttsIndexRef.current += 1;
+    try {
+      const { sound } = await expoAv.Audio.Sound.createAsync(
+        { uri: url },
+        { shouldPlay: true },
+        (status) => {
+          if (status.isLoaded && status.didJustFinish) {
+            playNextInQueue();
+          }
+        }
+      );
+      soundRef.current = sound;
+    } catch {
+      playNextInQueue();
+    }
+  }, [stopAudio]);
+  const startAudio = (0, import_react.useCallback)(async () => {
+    if (!expoAv || !content) return;
+    const ac = content.detail.active_config;
+    const queue = [];
+    if (ttsAudioUrls.notice_banner_heading) queue.push(ttsAudioUrls.notice_banner_heading);
+    if (ttsAudioUrls.notice_text) queue.push(ttsAudioUrls.notice_text);
+    if (ttsAudioUrls.additional_text) queue.push(ttsAudioUrls.additional_text);
+    if (ttsAudioUrls.purpose_section_heading) queue.push(ttsAudioUrls.purpose_section_heading);
+    ac.purposes.forEach((p) => {
+      if (ttsAudioUrls[`purpose_name_${p.uuid}`]) queue.push(ttsAudioUrls[`purpose_name_${p.uuid}`]);
+      if (ttsAudioUrls[`purpose_desc_${p.uuid}`]) queue.push(ttsAudioUrls[`purpose_desc_${p.uuid}`]);
+      p.data_elements.forEach((el) => {
+        if (ttsAudioUrls[`element_${el.uuid}`]) queue.push(ttsAudioUrls[`element_${el.uuid}`]);
+      });
+    });
+    ttsQueueRef.current = queue;
+    ttsIndexRef.current = 0;
+    setIsPlaying(true);
+    setIsPaused(false);
+    await playNextInQueue();
+  }, [content, ttsAudioUrls, playNextInQueue]);
+  const toggleAudio = (0, import_react.useCallback)(async () => {
+    var _a2, _b2;
+    if (isPlaying && !isPaused) {
+      await ((_a2 = soundRef.current) == null ? void 0 : _a2.pauseAsync());
+      setIsPaused(true);
+    } else if (isPaused) {
+      await ((_b2 = soundRef.current) == null ? void 0 : _b2.playAsync());
+      setIsPaused(false);
+    } else {
+      await startAudio();
+    }
+  }, [isPlaying, isPaused, startAudio]);
+  (0, import_react.useEffect)(() => {
+    return () => {
+      stopAudio();
+    };
+  }, [stopAudio]);
+  const getTranslatedText = (0, import_react.useCallback)(
+    (key, defaultText, itemId) => {
+      var _a2, _b2, _c2;
+      if (!content) return defaultText;
+      const activeConfig2 = content.detail.active_config;
+      const translationMap = (_a2 = activeConfig2.supported_languages_and_translations) == null ? void 0 : _a2[selectedLanguage];
+      if (!translationMap) return defaultText;
+      if (itemId) {
+        if (key === "purposes.name" || key === "purposes.description") {
+          const purposeData = (_b2 = translationMap.purposes) == null ? void 0 : _b2[itemId];
+          if (purposeData) {
+            if (typeof purposeData === "string") {
+              return key === "purposes.name" ? purposeData : defaultText;
+            }
+            return key === "purposes.name" ? purposeData.name || defaultText : purposeData.description || defaultText;
+          }
+          return defaultText;
+        }
+        if (key.startsWith("data_elements.")) {
+          return ((_c2 = translationMap.data_elements) == null ? void 0 : _c2[itemId]) || defaultText;
+        }
+      }
+      const value = translationMap[key];
+      if (typeof value === "string" && value) return value;
+      return defaultText;
+    },
+    [content, selectedLanguage]
+  );
+  const handlePurposeToggle = (0, import_react.useCallback)((purposeUuid) => {
+    setSelectedPurposes((prev) => {
+      const newState = !prev[purposeUuid];
+      setSelectedDataElements((prevEl) => {
+        var _a2;
+        const updated = { ...prevEl };
+        (_a2 = content == null ? void 0 : content.detail.active_config.purposes.find((p) => p.uuid === purposeUuid)) == null ? void 0 : _a2.data_elements.forEach((el) => {
+          updated[`${purposeUuid}-${el.uuid}`] = newState;
+        });
+        return updated;
+      });
+      return { ...prev, [purposeUuid]: newState };
+    });
+  }, [content]);
+  const handlePurposeCollapse = (0, import_react.useCallback)((purposeUuid) => {
+    setCollapsedPurposes((prev) => ({ ...prev, [purposeUuid]: !prev[purposeUuid] }));
+  }, []);
+  const handleDataElementToggle = (0, import_react.useCallback)((elementUuid, purposeUuid) => {
+    if (!content) return;
+    const purpose = content.detail.active_config.purposes.find((p) => p.uuid === purposeUuid);
+    if (!purpose) return;
+    const combinedId = `${purposeUuid}-${elementUuid}`;
+    setSelectedDataElements((prev) => {
+      const newState = { ...prev, [combinedId]: !prev[combinedId] };
+      const requiredElements = purpose.data_elements.filter((el) => el.required);
+      const shouldCheckPurpose = requiredElements.length > 0 ? requiredElements.every((el) => newState[`${purposeUuid}-${el.uuid}`]) : purpose.data_elements.some((el) => newState[`${purposeUuid}-${el.uuid}`]);
+      setSelectedPurposes((prev2) => ({ ...prev2, [purposeUuid]: shouldCheckPurpose }));
+      return newState;
+    });
+  }, [content]);
+  const handleAccept = (0, import_react.useCallback)(async () => {
+    if (!content) return;
+    try {
+      setIsSubmitting(true);
+      setErrorMessage(null);
+      const activeConfig2 = content.detail.active_config;
+      await submitConsentEvent({
+        accessToken,
+        baseUrl,
+        noticeUuid: activeConfig2.notice_uuid,
+        purposes: activeConfig2.purposes.map((purpose) => ({
+          ...purpose,
+          selected: selectedPurposes[purpose.uuid] || false,
+          data_elements: purpose.data_elements.map((el) => ({
+            ...el,
+            selected: selectedDataElements[`${purpose.uuid}-${el.uuid}`] || false
+          }))
+        })),
+        declined: false,
+        meta_data: applicationId ? { specific_uuid: applicationId } : void 0
+      });
+      await stopAudio();
+      clearApiCache();
+      setIsVisible(false);
+      onAccept();
+    } catch (err) {
+      const error = err;
+      setErrorMessage(
+        error.status === 500 ? "An error occurred. Please try again later." : error.message || "Failed to submit consent."
+      );
+      onError == null ? void 0 : onError(error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [content, accessToken, baseUrl, applicationId, selectedPurposes, selectedDataElements, stopAudio, onAccept, onError]);
+  const handleDecline = (0, import_react.useCallback)(async () => {
+    if (!content) return;
+    if (blockUI) return;
+    try {
+      setIsSubmitting(true);
+      const activeConfig2 = content.detail.active_config;
+      await submitConsentEvent({
+        accessToken,
+        baseUrl,
+        noticeUuid: activeConfig2.notice_uuid,
+        purposes: activeConfig2.purposes.map((purpose) => ({
+          ...purpose,
+          selected: false,
+          data_elements: purpose.data_elements.map((el) => ({ ...el, selected: false }))
+        })),
+        declined: true
+      });
+      await stopAudio();
+      clearApiCache();
+      setIsVisible(false);
+      onDecline();
+    } catch (err) {
+      const error = err;
+      setErrorMessage(error.message || "Failed to decline consent.");
+      onError == null ? void 0 : onError(error);
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [content, accessToken, baseUrl, blockUI, stopAudio, onDecline, onError]);
+  const handleGuardianFormChange = (0, import_react.useCallback)((field, value) => {
+    setGuardianFormData((prev) => ({ ...prev, [field]: value }));
+    setGuardianFormErrors((prev) => ({ ...prev, [field]: "" }));
+  }, []);
+  const handleGuardianFormNext = (0, import_react.useCallback)(async () => {
+    const errors = {};
+    if (!guardianFormData.guardianName.trim()) errors.guardianName = "Guardian name is required";
+    if (!guardianFormData.guardianContact.trim()) errors.guardianContact = "Guardian contact is required";
+    if (!guardianFormData.guardianRelationship.trim()) errors.guardianRelationship = "Relationship is required";
+    if (Object.keys(errors).length > 0) {
+      setGuardianFormErrors(errors);
+      return;
+    }
+    try {
+      setIsSubmittingGuardian(true);
+      await submitGuardianInfo({
+        accessToken,
+        baseUrl,
+        guardianName: guardianFormData.guardianName,
+        guardianContact: guardianFormData.guardianContact,
+        guardianRelationship: guardianFormData.guardianRelationship
+      });
+      setShowGuardianForm(false);
+    } catch (err) {
+      const error = err;
+      setGuardianFormErrors({ general: error.message || "Failed to submit guardian info." });
+    } finally {
+      setIsSubmittingGuardian(false);
+    }
+  }, [guardianFormData, accessToken, baseUrl]);
+  const activeConfig = content == null ? void 0 : content.detail.active_config;
+  const logoUrl = activeConfig == null ? void 0 : activeConfig.logo_url;
+  const supportedLanguages = (0, import_react.useMemo)(
+    () => Object.keys((activeConfig == null ? void 0 : activeConfig.supported_languages_and_translations) || {}),
+    [activeConfig]
+  );
+  const acceptButtonStyle = ((_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.accept) ? { backgroundColor: settings.button.accept.backgroundColor } : {};
+  const acceptButtonTextStyle = ((_b = settings == null ? void 0 : settings.button) == null ? void 0 : _b.accept) ? { color: settings.button.accept.textColor } : {};
+  const declineButtonStyle = ((_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.decline) ? { backgroundColor: settings.button.decline.backgroundColor, borderColor: settings.button.decline.backgroundColor } : {};
+  const declineButtonTextStyle = ((_d = settings == null ? void 0 : settings.button) == null ? void 0 : _d.decline) ? { color: settings.button.decline.textColor } : {};
+  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_runtime2.jsx)(
+    import_react_native4.Modal,
+    {
+      visible: isVisible || isLoading,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: blockUI ? void 0 : handleDecline,
+      accessibilityViewIsModal: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.overlay, children: [
+        isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_native4.Pressable,
+          {
+            style: [import_react_native4.StyleSheet.absoluteFillObject, { zIndex: 1 }],
+            onPress: () => setIsLanguageDropdownOpen(false)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          import_react_native4.View,
+          {
+            style: [
+              styles2.modal,
+              modalBg,
+              { zIndex: 2 },
+              (settings == null ? void 0 : settings.borderRadius) ? { borderRadius: parseInt(settings.borderRadius, 10) } : null
+            ],
+            children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.loadingContainer, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.ActivityIndicator, { size: "large", color: "#4f87ff" }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: styles2.loadingText, children: "Loading..." })
+            ] }) : showGuardianForm ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: styles2.content, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              GuardianForm,
+              {
+                formData: guardianFormData,
+                errors: guardianFormErrors,
+                isSubmitting: isSubmittingGuardian,
+                onChange: handleGuardianFormChange,
+                onNext: handleGuardianFormNext,
+                onDecline: handleDecline,
+                settings,
+                logoUrl
+              }
+            ) }) : showAgeVerification ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: styles2.content, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              AgeVerification,
+              {
+                onYes: () => {
+                  setShowAgeVerification(false);
+                },
+                onNo: () => {
+                  setShowAgeVerification(false);
+                  if (isMinor) setShowGuardianForm(true);
+                },
+                settings,
+                logoUrl
+              }
+            ) }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.content, children: [
+              errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.errorContainer, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: styles2.errorText, children: errorMessage }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.TouchableOpacity, { onPress: () => setErrorMessage(null), hitSlop: { top: 8, bottom: 8, left: 8, right: 8 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.default, { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.Path, { d: "M12 4L4 12M4 4L12 12", stroke: "#DC2626", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) })
+              ] }) : null,
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.topSection, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.topLeft, children: [
+                  logoUrl ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Image, { style: styles2.logo, source: { uri: logoUrl } }) : null,
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    import_react_native4.Text,
+                    {
+                      style: [
+                        styles2.title,
+                        { color: (settings == null ? void 0 : settings.headingColor) || "#101828" },
+                        isMobile ? { fontSize: 16 } : null
+                      ],
+                      numberOfLines: 2,
+                      children: getTranslatedText(
+                        "notice_banner_heading",
+                        (activeConfig == null ? void 0 : activeConfig.notice_banner_heading) || "Privacy Notice"
+                      )
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: { flexDirection: "row", gap: 8, alignItems: "center" }, children: [
+                  isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    import_react_native4.TouchableOpacity,
+                    {
+                      style: [styles2.topRight, ((_e = settings == null ? void 0 : settings.button) == null ? void 0 : _e.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_runtime2.jsxs)(import_react_native_svg2.default, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.Rect, { x: "6", y: "4", width: "4", height: "16", fill: ((_g = (_f = settings == null ? void 0 : settings.button) == null ? void 0 : _f.language) == null ? void 0 : _g.textColor) || "#344054" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.Rect, { x: "14", y: "4", width: "4", height: "16", fill: ((_i = (_h = settings == null ? void 0 : settings.button) == null ? void 0 : _h.language) == null ? void 0 : _i.textColor) || "#344054" })
+                      ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native_svg2.default, { width: 16, height: 16, viewBox: "0 0 24 24", fill: "none", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          import_react_native_svg2.Path,
+                          {
+                            d: "M11 5L6 9H2V15H6L11 19V5Z",
+                            stroke: ((_k = (_j = settings == null ? void 0 : settings.button) == null ? void 0 : _j.language) == null ? void 0 : _k.textColor) || "#344054",
+                            strokeWidth: 2,
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          import_react_native_svg2.Path,
+                          {
+                            d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07",
+                            stroke: ((_m = (_l = settings == null ? void 0 : settings.button) == null ? void 0 : _l.language) == null ? void 0 : _m.textColor) || "#344054",
+                            strokeWidth: 2,
+                            strokeLinecap: "round",
+                            strokeLinejoin: "round"
+                          }
+                        )
+                      ] })
+                    }
+                  ),
+                  supportedLanguages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.View, { style: styles2.languageSelectorContainer, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                      import_react_native4.TouchableOpacity,
+                      {
+                        style: [
+                          styles2.topRight,
+                          ((_n = settings == null ? void 0 : settings.button) == null ? void 0 : _n.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_runtime2.jsx)(import_react_native4.Text, { style: [styles2.topRightText, ((_o = settings == null ? void 0 : settings.button) == null ? void 0 : _o.language) ? { color: settings.button.language.textColor } : null], children: selectedLanguage }),
+                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native_svg2.default, { width: 12, height: 12, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                            import_react_native_svg2.Path,
+                            {
+                              d: "M4 6L8 10L12 6",
+                              stroke: ((_q = (_p = settings == null ? void 0 : settings.button) == null ? void 0 : _p.language) == null ? void 0 : _q.textColor) || "#344054",
+                              strokeWidth: 2,
+                              strokeLinecap: "round",
+                              strokeLinejoin: "round"
+                            }
+                          ) })
+                        ]
+                      }
+                    ),
+                    isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: styles2.languageDropdown, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.ScrollView, { children: supportedLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                      import_react_native4.TouchableOpacity,
+                      {
+                        style: [
+                          styles2.languageItem,
+                          lang === selectedLanguage ? styles2.selectedLanguageItem : null
+                        ],
+                        onPress: () => {
+                          setSelectedLanguage(lang);
+                          setIsLanguageDropdownOpen(false);
+                        },
+                        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                          import_react_native4.Text,
+                          {
+                            style: [
+                              styles2.languageItemText,
+                              lang === selectedLanguage ? styles2.selectedLanguageItemText : null
+                            ],
+                            children: lang
+                          }
+                        )
+                      },
+                      lang
+                    )) }) })
+                  ] })
+                ] })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.ScrollView, { style: styles2.middleSection, showsVerticalScrollIndicator: false, children: [
+                translatedNoticeText ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.privacyText, (settings == null ? void 0 : settings.textColor) ? { color: settings.textColor } : null], children: translatedNoticeText }) : null,
+                translatedAdditionalText ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.privacyText, { marginTop: 8 }, (settings == null ? void 0 : settings.textColor) ? { color: settings.textColor } : null], children: translatedAdditionalText }) : null,
+                (activeConfig == null ? void 0 : activeConfig.privacy_policy_url) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  import_react_native4.TouchableOpacity,
+                  {
+                    onPress: () => import_react_native4.Linking.openURL(activeConfig.privacy_policy_url),
+                    style: { marginTop: 8 },
+                    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.Text, { style: styles2.link, children: [
+                      getTranslatedText("privacy_policy_prefix_text", activeConfig.privacy_policy_prefix_text || ""),
+                      " ",
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: styles2.link, 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_runtime2.jsx)(import_react_native4.Text, { style: [styles2.subTitle, { marginTop: 16, marginBottom: 8 }, (settings == null ? void 0 : settings.headingColor) ? { color: settings.headingColor } : null], children: getTranslatedText("purpose_section_heading", activeConfig.purpose_section_heading || "Data Purposes") }) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: styles2.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_runtime2.jsx)(
+                    PurposeItem,
+                    {
+                      purpose,
+                      selectedPurposes,
+                      collapsedPurposes,
+                      selectedDataElements,
+                      settings: { headingColor: settings == null ? void 0 : settings.headingColor, textColor: settings == null ? void 0 : settings.textColor, font: settings == null ? void 0 : settings.font },
+                      onPurposeToggle: handlePurposeToggle,
+                      onPurposeCollapse: handlePurposeCollapse,
+                      onDataElementToggle: handleDataElementToggle,
+                      getTranslatedText,
+                      isAlreadyConsented,
+                      initialDataElementSelections,
+                      selectedLanguage
+                    },
+                    purpose.uuid
+                  );
+                }) }),
+                (activeConfig == null ? void 0 : activeConfig.dpo_info) ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: { marginTop: 16, gap: 4 }, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react_native4.Text, { style: [styles2.privacyText, { fontSize: 13 }, (settings == null ? void 0 : settings.textColor) ? { color: settings.textColor } : null], children: [
+                  activeConfig.dpo_info.grievance_text,
+                  " ",
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    import_react_native4.Text,
+                    {
+                      style: styles2.link,
+                      onPress: () => import_react_native4.Linking.openURL(activeConfig.dpo_info.grievance_url),
+                      children: activeConfig.dpo_info.grievance_anchor_text
+                    }
+                  )
+                ] }) }) : null
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.View, { style: styles2.bottomSection, children: isReviewMode ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                import_react_native4.TouchableOpacity,
+                {
+                  style: [styles2.button, styles2.acceptButton, acceptButtonStyle],
+                  onPress: () => setIsReviewMode(false),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.buttonText, styles2.acceptButtonText, acceptButtonTextStyle], children: reviewModeButtonText || "Update Consent" })
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  import_react_native4.TouchableOpacity,
+                  {
+                    style: [
+                      styles2.button,
+                      styles2.acceptButton,
+                      acceptButtonStyle,
+                      isSubmitting ? { opacity: 0.6 } : null
+                    ],
+                    onPress: handleAccept,
+                    disabled: isSubmitting,
+                    accessibilityLabel: isSubmitting ? "Submitting consent" : getTranslatedText("confirm_button_text", (activeConfig == null ? void 0 : activeConfig.confirm_button_text) || "Accept"),
+                    children: isSubmitting ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.ActivityIndicator, { size: "small", color: ((_s = (_r = settings == null ? void 0 : settings.button) == null ? void 0 : _r.accept) == null ? void 0 : _s.textColor) || "#ffffff" }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.buttonText, styles2.acceptButtonText, acceptButtonTextStyle], children: getTranslatedText("confirm_button_text", (activeConfig == null ? void 0 : activeConfig.confirm_button_text) || "Accept") })
+                  }
+                ),
+                !blockUI && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  import_react_native4.TouchableOpacity,
+                  {
+                    style: [styles2.button, styles2.cancelButton, declineButtonStyle],
+                    onPress: handleDecline,
+                    disabled: isSubmitting,
+                    accessibilityLabel: getTranslatedText("decline_button_text", (activeConfig == null ? void 0 : activeConfig.decline_button_text) || "Decline"),
+                    children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_native4.Text, { style: [styles2.buttonText, styles2.cancelButtonText, declineButtonTextStyle], children: getTranslatedText("decline_button_text", (activeConfig == null ? void 0 : activeConfig.decline_button_text) || "Decline") })
+                  }
+                )
+              ] }) })
+            ] })
+          }
+        )
+      ] })
+    }
+  );
+};
+
+// src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx
+var import_react2 = require("react");
+var import_react_native6 = require("react-native");
+var import_react_native_svg3 = __toESM(require("react-native-svg"));
+
+// src/RedactoNoticeConsentInline/api/index.ts
+var fetchConsentContent2 = async ({
+  org_uuid,
+  workspace_uuid,
+  notice_uuid,
+  baseUrl,
+  language = "en",
+  specific_uuid,
+  signal
+}) => {
+  const apiBaseUrl = baseUrl || DEFAULT_CONSENT_API_BASE_URL;
+  const url = new URL(
+    `${apiBaseUrl}/public/organisations/${org_uuid}/workspaces/${workspace_uuid}/notices/get-notice/${notice_uuid}`
+  );
+  if (specific_uuid) {
+    url.searchParams.append("specific_uuid", specific_uuid);
+  }
+  const response = await fetch(url.toString(), {
+    method: "GET",
+    headers: {
+      "Content-Type": "application/json",
+      "Accept-Language": language
+    },
+    signal
+  });
+  if (!response.ok) {
+    let errorMessage = `Failed to fetch consent content: ${response.status} ${response.statusText}`;
+    if (response.status === 400) {
+      errorMessage = "Invalid request data";
+    } else if (response.status === 401) {
+      errorMessage = "Unauthorized: Invalid or expired token";
+    } else if (response.status === 403) {
+      errorMessage = "Forbidden: Access denied";
+    } else if (response.status === 404) {
+      errorMessage = "Notice not found";
+    } else if (response.status === 409) {
+      errorMessage = "User has already provided consent";
+    } else if (response.status >= 500) {
+      errorMessage = "Server error: Please try again later";
+    }
+    const error = new Error(errorMessage);
+    error.status = response.status;
+    throw error;
+  }
+  return response.json();
+};
+var submitConsentEvent2 = async ({
+  org_uuid,
+  workspace_uuid,
+  accessToken,
+  baseUrl,
+  noticeUuid,
+  purposes,
+  declined,
+  meta_data
+}) => {
+  var _a, _b;
+  const apiBaseUrl = baseUrl || DEFAULT_CONSENT_API_BASE_URL;
+  const payload = {
+    notice_uuid: noticeUuid,
+    purposes: purposes.map((purpose) => {
+      if (!purpose.uuid) {
+        throw new Error("Invalid purpose data: missing uuid");
+      }
+      const dataElements = purpose.data_elements.filter((element) => element.enabled).map((element) => ({
+        uuid: element.uuid,
+        selected: element.required ? true : Boolean(element.selected)
+      }));
+      return {
+        purpose_uuid: purpose.uuid,
+        selected: Boolean(purpose.selected),
+        data_elements: dataElements.length > 0 ? dataElements : void 0
+      };
+    }),
+    select_all_mandatory: false,
+    source: "MOBILE",
+    declined,
+    meta_data
+  };
+  const response = await fetch(
+    `${apiBaseUrl}/public/organisations/${org_uuid}/workspaces/${workspace_uuid}/submit-consent`,
+    {
+      method: "POST",
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+        "Content-Type": "application/json"
+      },
+      body: JSON.stringify(payload)
+    }
+  );
+  if (!response.ok) {
+    let errorData;
+    try {
+      errorData = await response.json();
+    } catch {
+      errorData = { message: response.statusText };
+    }
+    if (response.status === 409) {
+      const error2 = new Error(
+        ((_a = errorData.detail) == null ? void 0 : _a.message) || errorData.message || "User has already provided consent"
+      );
+      error2.status = 409;
+      error2.code = errorData.code || 409;
+      error2.detail = errorData.detail;
+      throw error2;
+    }
+    const error = new Error(
+      ((_b = errorData.detail) == null ? void 0 : _b.message) || errorData.message || `Failed to submit consent event: ${response.statusText}`
+    );
+    error.status = response.status;
+    error.code = errorData.code;
+    error.detail = errorData.detail;
+    throw error;
+  }
+};
+
+// src/RedactoNoticeConsentInline/styles.ts
+var import_react_native5 = require("react-native");
+var styles3 = import_react_native5.StyleSheet.create({
+  container: {
+    width: "100%",
+    borderRadius: 8,
+    backgroundColor: "#ffffff",
+    borderWidth: 1,
+    borderColor: "#e5e7eb",
+    ...import_react_native5.Platform.select({
+      ios: {
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: 1 },
+        shadowOpacity: 0.1,
+        shadowRadius: 3
+      },
+      android: {
+        elevation: 2
+      }
+    })
+  },
+  content: {
+    padding: 22
+  },
+  topSection: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center",
+    paddingBottom: 15,
+    borderBottomWidth: 1,
+    borderBottomColor: "#e5e7eb",
+    backgroundColor: "#ffffff"
+  },
+  topLeft: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    flex: 1
+  },
+  logo: {
+    height: 32,
+    width: 80,
+    resizeMode: "contain"
+  },
+  title: {
+    fontSize: 18,
+    fontWeight: "700",
+    lineHeight: 27,
+    letterSpacing: 0.2,
+    color: "#101828",
+    flexShrink: 1
+  },
+  topRight: {
+    borderRadius: 8,
+    paddingVertical: 3,
+    paddingHorizontal: 9,
+    borderWidth: 1,
+    borderColor: "#d0d5dd",
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    backgroundColor: "#ffffff"
+  },
+  topRightText: {
+    fontWeight: "400",
+    fontSize: 12,
+    color: "#344054"
+  },
+  middleSection: {
+    marginTop: 20,
+    gap: 12
+  },
+  privacyText: {
+    fontSize: 16,
+    fontWeight: "400",
+    lineHeight: 24,
+    letterSpacing: 0.2,
+    color: "#344054"
+  },
+  link: {
+    color: "#4f87ff",
+    textDecorationLine: "underline"
+  },
+  subTitle: {
+    fontWeight: "600",
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.2,
+    color: "#101828"
+  },
+  optionsContainer: {
+    gap: 14
+  },
+  optionItem: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    alignItems: "center"
+  },
+  optionLeft: {
+    flexDirection: "row",
+    gap: 12,
+    alignItems: "center",
+    flex: 1
+  },
+  optionTextContainer: {
+    flex: 1
+  },
+  optionTitle: {
+    fontWeight: "500",
+    fontSize: 16,
+    lineHeight: 24,
+    letterSpacing: 0.2,
+    color: "#101828"
+  },
+  optionDescription: {
+    fontWeight: "400",
+    fontSize: 12,
+    lineHeight: 18,
+    letterSpacing: 0.2,
+    color: "#475467"
+  },
+  dataElementsContainer: {
+    paddingLeft: 22,
+    marginTop: 4
+  },
+  dataElementItem: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10,
+    justifyContent: "space-between",
+    minHeight: 24,
+    paddingVertical: 2
+  },
+  dataElementText: {
+    fontWeight: "400",
+    fontSize: 14,
+    lineHeight: 21,
+    letterSpacing: 0.2,
+    color: "#344054",
+    flex: 1
+  },
+  bottomSection: {
+    flexDirection: "row",
+    justifyContent: "space-between",
+    gap: 12,
+    paddingTop: 15,
+    marginTop: 16,
+    borderTopWidth: 1,
+    borderTopColor: "#e5e7eb",
+    backgroundColor: "#ffffff"
+  },
+  button: {
+    flex: 1,
+    borderRadius: 8,
+    paddingVertical: 12,
+    paddingHorizontal: 20,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  buttonText: {
+    fontWeight: "400",
+    fontSize: 16,
+    lineHeight: 24,
+    textAlign: "center"
+  },
+  acceptButton: {
+    backgroundColor: "#4f87ff"
+  },
+  acceptButtonText: {
+    color: "#ffffff"
+  },
+  cancelButton: {
+    borderWidth: 1,
+    borderColor: "#d0d5dd",
+    backgroundColor: "#ffffff"
+  },
+  cancelButtonText: {
+    color: "#000000"
+  },
+  loadingContainer: {
+    alignItems: "center",
+    justifyContent: "center",
+    padding: 32,
+    minHeight: 200
+  },
+  loadingText: {
+    marginTop: 16,
+    fontSize: 16,
+    color: "#344054"
+  },
+  errorContainer: {
+    backgroundColor: "#FEE2E2",
+    borderRadius: 6,
+    padding: 12,
+    marginBottom: 12,
+    borderWidth: 1,
+    borderColor: "#FCA5A5"
+  },
+  errorText: {
+    color: "#DC2626",
+    fontSize: 14
+  },
+  requiredAsterisk: {
+    color: "red"
+  },
+  purposeChevron: {
+    marginLeft: 5,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  languageSelectorContainer: {
+    position: "relative"
+  },
+  languageDropdown: {
+    position: "absolute",
+    top: "100%",
+    right: 0,
+    backgroundColor: "#ffffff",
+    borderWidth: 1,
+    borderColor: "#d0d5dd",
+    borderRadius: 4,
+    zIndex: 10,
+    minWidth: 120,
+    maxHeight: 200,
+    marginTop: 4,
+    ...import_react_native5.Platform.select({
+      ios: {
+        shadowColor: "#000",
+        shadowOffset: { width: 0, height: 2 },
+        shadowOpacity: 0.1,
+        shadowRadius: 4
+      },
+      android: {
+        elevation: 4
+      }
+    })
+  },
+  languageItem: {
+    paddingVertical: 8,
+    paddingHorizontal: 12,
+    borderBottomWidth: 1,
+    borderBottomColor: "#e5e7eb"
+  },
+  languageItemText: {
+    fontSize: 12,
+    color: "#344054"
+  },
+  selectedLanguageItem: {
+    backgroundColor: "#f3f4f6"
+  },
+  selectedLanguageItemText: {
+    fontWeight: "600"
+  }
+});
+
+// src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var RedactoConsentInlineComponent = ({
+  org_uuid,
+  workspace_uuid,
+  notice_uuid,
+  accessToken,
+  baseUrl,
+  language = "en",
+  onAccept,
+  onDecline: _onDecline,
+  onError,
+  onValidationChange,
+  settings,
+  applicationId
+}) => {
+  var _a, _b, _c, _d;
+  const { isMobile } = useResponsive();
+  const [content, setContent] = (0, import_react2.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
+  const [isSubmitting, setIsSubmitting] = (0, import_react2.useState)(false);
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react2.useState)(language);
+  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react2.useState)({});
+  const [selectedPurposes, setSelectedPurposes] = (0, import_react2.useState)({});
+  const [selectedDataElements, setSelectedDataElements] = (0, import_react2.useState)({});
+  const [hasAlreadyConsented, setHasAlreadyConsented] = (0, import_react2.useState)(false);
+  const [fetchError, setFetchError] = (0, import_react2.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react2.useState)(null);
+  const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = (0, import_react2.useState)(false);
+  const hasSubmittedRef = (0, import_react2.useRef)(false);
+  const getTranslatedText = (0, import_react2.useCallback)(
+    (key, defaultText, itemId) => {
+      var _a2, _b2, _c2;
+      if (!content) return defaultText;
+      if (["en", "EN", "English"].includes(selectedLanguage)) {
+        if (key === "privacy_policy_anchor_text" && content.privacy_policy_anchor_text) {
+          return content.privacy_policy_anchor_text;
+        }
+        return defaultText;
+      }
+      const translationMap = (_a2 = content.supported_languages_and_translations) == null ? void 0 : _a2[selectedLanguage];
+      if (!translationMap) return defaultText;
+      if (itemId) {
+        if (key === "purposes.name" || key === "purposes.description") {
+          const purposeData = (_b2 = translationMap.purposes) == null ? void 0 : _b2[itemId];
+          if (purposeData) {
+            if (typeof purposeData === "string") {
+              return key === "purposes.name" ? purposeData : defaultText;
+            }
+            return key === "purposes.name" ? purposeData.name || defaultText : purposeData.description || defaultText;
+          }
+          return defaultText;
+        }
+        if (key.startsWith("data_elements.")) {
+          return ((_c2 = translationMap.data_elements) == null ? void 0 : _c2[itemId]) || defaultText;
+        }
+      }
+      const value = translationMap[key];
+      if (typeof value === "string" && value) return value;
+      return defaultText;
+    },
+    [content, selectedLanguage]
+  );
+  const areAllRequiredElementsChecked = (0, import_react2.useMemo)(() => {
+    if (!content) return false;
+    return content.purposes.every((purpose) => {
+      const requiredElements = purpose.data_elements.filter((el) => el.required);
+      return requiredElements.every(
+        (el) => selectedDataElements[`${purpose.uuid}-${el.uuid}`]
+      );
+    });
+  }, [content, selectedDataElements]);
+  (0, import_react2.useEffect)(() => {
+    onValidationChange == null ? void 0 : onValidationChange(areAllRequiredElementsChecked);
+  }, [areAllRequiredElementsChecked, onValidationChange]);
+  const acceptDisabled = isSubmitting || !areAllRequiredElementsChecked || !accessToken;
+  (0, import_react2.useEffect)(() => {
+    if (hasAlreadyConsented) {
+      onAccept == null ? void 0 : onAccept();
+    }
+  }, [hasAlreadyConsented, onAccept]);
+  const fetchNotice = (0, import_react2.useCallback)(async (signal) => {
+    setIsLoading(true);
+    setFetchError(null);
+    try {
+      const consentContentData = await fetchConsentContent2({
+        org_uuid,
+        workspace_uuid,
+        notice_uuid,
+        baseUrl,
+        language,
+        specific_uuid: applicationId,
+        signal
+      });
+      if (signal == null ? void 0 : signal.aborted) {
+        return;
+      }
+      const activeConfig = consentContentData.detail.active_config;
+      setContent(activeConfig);
+      if (activeConfig.default_language) {
+        setSelectedLanguage(activeConfig.default_language);
+      }
+      const initialCollapsedState = activeConfig.purposes.reduce(
+        (acc, purpose) => ({ ...acc, [purpose.uuid]: true }),
+        {}
+      );
+      setCollapsedPurposes(initialCollapsedState);
+      const initialDataElementState = activeConfig.purposes.reduce(
+        (acc, purpose) => {
+          purpose.data_elements.forEach((el) => {
+            acc[`${purpose.uuid}-${el.uuid}`] = false;
+          });
+          return acc;
+        },
+        {}
+      );
+      setSelectedDataElements(initialDataElementState);
+      const initialPurposeState = activeConfig.purposes.reduce(
+        (acc, purpose) => ({ ...acc, [purpose.uuid]: false }),
+        {}
+      );
+      setSelectedPurposes(initialPurposeState);
+    } catch (err) {
+      if ((signal == null ? void 0 : signal.aborted) || err instanceof Error && err.name === "AbortError") {
+        return;
+      }
+      const error = err;
+      setFetchError(error);
+      if (error.status === 409) {
+        setHasAlreadyConsented(true);
+      } else {
+        onError == null ? void 0 : onError(error);
+      }
+    } finally {
+      if (!(signal == null ? void 0 : signal.aborted)) {
+        setIsLoading(false);
+      }
+    }
+  }, [org_uuid, workspace_uuid, notice_uuid, baseUrl, language, applicationId, onError]);
+  (0, import_react2.useEffect)(() => {
+    const controller = new AbortController();
+    void fetchNotice(controller.signal);
+    return () => {
+      controller.abort();
+    };
+  }, [fetchNotice]);
+  const togglePurposeCollapse = (0, import_react2.useCallback)((purposeUuid) => {
+    setCollapsedPurposes((prev) => ({ ...prev, [purposeUuid]: !prev[purposeUuid] }));
+  }, []);
+  const handlePurposeCheckboxChange = (0, import_react2.useCallback)(
+    (purposeUuid) => {
+      if (!content) return;
+      const purpose = content.purposes.find((p) => p.uuid === purposeUuid);
+      if (!purpose) return;
+      const newPurposeState = !selectedPurposes[purposeUuid];
+      setSelectedPurposes((prev) => ({ ...prev, [purposeUuid]: newPurposeState }));
+      setSelectedDataElements((prev) => {
+        const updated = { ...prev };
+        purpose.data_elements.forEach((el) => {
+          updated[`${purposeUuid}-${el.uuid}`] = newPurposeState;
+        });
+        return updated;
+      });
+    },
+    [content, selectedPurposes]
+  );
+  const handleDataElementCheckboxChange = (0, import_react2.useCallback)(
+    (elementUuid, purposeUuid) => {
+      if (!content) return;
+      const purpose = content.purposes.find((p) => p.uuid === purposeUuid);
+      if (!purpose) return;
+      const combinedId = `${purposeUuid}-${elementUuid}`;
+      setSelectedDataElements((prev) => {
+        const newState = { ...prev, [combinedId]: !prev[combinedId] };
+        const requiredElements = purpose.data_elements.filter((el) => el.required);
+        const shouldCheckPurpose = requiredElements.length > 0 ? requiredElements.every((el) => newState[`${purposeUuid}-${el.uuid}`]) : purpose.data_elements.some((el) => newState[`${purposeUuid}-${el.uuid}`]);
+        setSelectedPurposes((prev2) => ({ ...prev2, [purposeUuid]: shouldCheckPurpose }));
+        return newState;
+      });
+    },
+    [content]
+  );
+  const handleAcceptWithToken = (0, import_react2.useCallback)(
+    async (tokenToUse) => {
+      if (!tokenToUse || !content) {
+        setErrorMessage("Unable to submit consent. Please try again.");
+        throw new Error("Access token or content not available");
+      }
+      try {
+        setIsSubmitting(true);
+        setErrorMessage(null);
+        await submitConsentEvent2({
+          org_uuid,
+          workspace_uuid,
+          accessToken: tokenToUse,
+          baseUrl,
+          noticeUuid: content.notice_uuid,
+          purposes: content.purposes.map((purpose) => {
+            const hasSelectedRequiredElement = purpose.data_elements.some(
+              (el) => el.required && (selectedDataElements[`${purpose.uuid}-${el.uuid}`] || false)
+            );
+            const hasSelectedDataElement = purpose.data_elements.some(
+              (el) => selectedDataElements[`${purpose.uuid}-${el.uuid}`] || false
+            );
+            const purposeSelected = selectedPurposes[purpose.uuid] || hasSelectedRequiredElement || hasSelectedDataElement;
+            return {
+              ...purpose,
+              selected: purposeSelected,
+              data_elements: purpose.data_elements.map((el) => ({
+                ...el,
+                selected: selectedDataElements[`${purpose.uuid}-${el.uuid}`] || false
+              }))
+            };
+          }),
+          declined: false,
+          meta_data: applicationId ? { specific_uuid: applicationId } : void 0
+        });
+        onAccept == null ? void 0 : onAccept();
+        hasSubmittedRef.current = false;
+      } catch (error) {
+        const err = error;
+        const message = err.status === 500 ? "An error occurred while submitting your consent. Please try again later." : err.message || "Failed to submit consent. Please try again.";
+        setErrorMessage(message);
+        hasSubmittedRef.current = false;
+        throw error;
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [
+      content,
+      org_uuid,
+      workspace_uuid,
+      baseUrl,
+      selectedDataElements,
+      selectedPurposes,
+      applicationId,
+      onAccept
+    ]
+  );
+  (0, import_react2.useEffect)(() => {
+    if (accessToken && content && areAllRequiredElementsChecked && !isSubmitting && !hasSubmittedRef.current) {
+      hasSubmittedRef.current = true;
+      const autoSubmit = async () => {
+        try {
+          await handleAcceptWithToken(accessToken);
+        } catch (err) {
+          hasSubmittedRef.current = false;
+          onError == null ? void 0 : onError(err);
+        }
+      };
+      autoSubmit();
+    }
+  }, [accessToken, content, areAllRequiredElementsChecked, isSubmitting, handleAcceptWithToken, onError]);
+  (0, import_react2.useEffect)(() => {
+    if (!accessToken) {
+      hasSubmittedRef.current = false;
+    }
+  }, [accessToken]);
+  const headingColor = (settings == null ? void 0 : settings.headingColor) || "#101828";
+  const textColor = (settings == null ? void 0 : settings.textColor) || "#344054";
+  const supportedLanguages = (0, import_react2.useMemo)(
+    () => Object.keys((content == null ? void 0 : content.supported_languages_and_translations) || {}),
+    [content]
+  );
+  if (hasAlreadyConsented || fetchError) return null;
+  if (isLoading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: styles3.loadingContainer, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.ActivityIndicator, { size: "large", color: "#4f87ff" }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [styles3.loadingText, { color: textColor }], children: "Loading..." })
+    ] });
+  }
+  if (!content) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: { gap: 16 }, children: [
+    errorMessage ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: styles3.errorContainer, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: styles3.errorText, children: errorMessage }) }) : null,
+    supportedLanguages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: [styles3.topSection, { borderBottomWidth: 0, paddingBottom: 0 }], children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: styles3.languageSelectorContainer, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          import_react_native6.TouchableOpacity,
+          {
+            style: [
+              styles3.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_runtime3.jsx)(import_react_native6.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_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)(
+                import_react_native_svg3.Path,
+                {
+                  d: "M4 6L8 10L12 6",
+                  stroke: ((_d = (_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.language) == null ? void 0 : _d.textColor) || "#344054",
+                  strokeWidth: 2,
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              ) })
+            ]
+          }
+        ),
+        isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: styles3.languageDropdown, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.ScrollView, { children: supportedLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_react_native6.TouchableOpacity,
+          {
+            style: [
+              styles3.languageItem,
+              lang === selectedLanguage ? styles3.selectedLanguageItem : null
+            ],
+            onPress: () => {
+              setSelectedLanguage(lang);
+              setIsLanguageDropdownOpen(false);
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [styles3.languageItemText, lang === selectedLanguage ? styles3.selectedLanguageItemText : null], children: lang })
+          },
+          lang
+        )) }) })
+      ] })
+    ] }),
+    content.purposes.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: styles3.optionItem, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          import_react_native6.TouchableOpacity,
+          {
+            style: styles3.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_runtime3.jsx)(import_react_native6.View, { style: styles3.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)(
+                import_react_native_svg3.Path,
+                {
+                  d: "M1 1L6 6L1 11",
+                  stroke: (settings == null ? void 0 : settings.headingColor) || "#323B4B",
+                  strokeWidth: 2,
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  transform: !collapsedPurposes[purpose.uuid] ? "rotate(90 3.5 6)" : void 0
+                }
+              ) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: styles3.optionTextContainer, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [styles3.optionTitle, { color: headingColor }, isMobile ? { fontSize: 14 } : null], children: getTranslatedText("purposes.name", purpose.name, purpose.uuid) }),
+                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: [styles3.optionDescription, { color: textColor }, isMobile ? { fontSize: 11 } : null], children: getTranslatedText("purposes.description", purpose.description, purpose.uuid) })
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          Checkbox,
+          {
+            checked: selectedPurposes[purpose.uuid] || false,
+            onChange: () => handlePurposeCheckboxChange(purpose.uuid),
+            size: "large",
+            accessibilityLabel: `Select all data elements for ${getTranslatedText("purposes.name", purpose.name, purpose.uuid)}`
+          }
+        )
+      ] }),
+      !collapsedPurposes[purpose.uuid] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.View, { style: styles3.dataElementsContainer, children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.View, { style: styles3.dataElementItem, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react_native6.Text, { style: [styles3.dataElementText, { color: textColor }, isMobile ? { fontSize: 12 } : null], children: [
+          getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid),
+          dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native6.Text, { style: styles3.requiredAsterisk, children: " *" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          Checkbox,
+          {
+            checked: selectedDataElements[`${purpose.uuid}-${dataElement.uuid}`] || false,
+            onChange: () => handleDataElementCheckboxChange(dataElement.uuid, purpose.uuid),
+            size: "small",
+            accessibilityLabel: `Select ${getTranslatedText("data_elements.name", dataElement.name, dataElement.uuid)}${dataElement.required ? " (required)" : ""}`
+          }
+        )
+      ] }, dataElement.uuid)) })
+    ] }, purpose.uuid))
+  ] });
+};
+RedactoConsentInlineComponent.displayName = "RedactoConsentInline";
+var RedactoConsentInline = (0, import_react2.memo)(RedactoConsentInlineComponent);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RedactoNoticeConsent,
+  RedactoNoticeConsentInline
+});