@redacto.io/consent-sdk-react 10.2.1 → 10.2.2-beta.0

package/dist/index.js

@@ -87,7 +87,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
-var import_react3 = require("react");
+var import_react5 = require("react");
 
 // src/RedactoNoticeConsent/api/index.ts
 var import_jwt_decode2 = require("jwt-decode");
@@ -713,6 +713,8 @@ var redacto_logo_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATkAAA
 var DEFAULT_LOGO_POSITION = "left";
 var DEFAULT_PURPOSE_PRESELECTION = "NONE";
 var PURPOSE_STATUS_INACTIVE = "INACTIVE";
+var PURPOSE_STATUS_ACTIVE = "ACTIVE";
+var PURPOSE_STATUS_EXPIRED = "EXPIRED";
 var DEFAULT_ACCEPT_ALL_BUTTON_TEXT = "Accept All";
 var DEFAULT_ACCEPT_SELECTED_BUTTON_TEXT = "Accept Selected";
 var DEFAULT_DECLINE_BUTTON_TEXT = "Decline";
@@ -749,6 +751,47 @@ var PRODUCT_SECTION_COPY = {
   toggleRequired: (productName, purposeCount) => `Toggle the ${purposeCount} required purposes for ${productName}`,
   settled: (productName) => `Already consented to ${productName}`
 };
+var CONFIRM_HINT_ID = "redacto-confirm-hint";
+var CONFIRM_HINT_COPY = {
+  "nothing-chosen": "Select at least one purpose to confirm.",
+  "nothing-engaged": "Select or change a purpose for the product you are consenting to.",
+  "required-outstanding": "Accept the required purposes to confirm.",
+  productsIncomplete: (productNames) => `Accept the required purposes for ${productNames.join(", ")} to confirm.`
+};
+var DEFAULT_SELECTION_CONTROL = "checkbox";
+var SELECTION_CONTROL_ACCENT = "#4f87ff";
+var SELECTION_CONTROL_COPY = {
+  /**
+   * What the server already holds for a row. Read out beside the control, not
+   * folded into an option label -- in a dropdown that text is on screen, and a
+   * list reading "Yes (your current answer)" is worse than no cue at all.
+   */
+  onRecord: (answer) => `Saved answer: ${answer}`,
+  /** The dropdown's resting state on a partly answered product section. */
+  mixed: "Mixed",
+  options: [
+    { label: "Yes", value: true },
+    { label: "No", value: false }
+  ]
+};
+var CONFIRM_DIALOG_ID = "redacto-confirm-dialog";
+var CONFIRM_DIALOG_DETAIL_ID = "redacto-confirm-dialog-detail";
+var CONFIRM_DIALOG_COPY = {
+  "accept-all": {
+    title: "Accept every purpose?",
+    detail: "This agrees to all purposes on this notice, including any you left unselected."
+  },
+  "accept-selected": {
+    title: "Confirm your selections?",
+    detail: "Only the purposes you selected are recorded as agreed. The rest are recorded as not agreed."
+  },
+  decline: {
+    title: "Decline this notice?",
+    detail: "Nothing is recorded as agreed, including any purposes you selected."
+  },
+  confirm: "Yes",
+  cancel: "No"
+};
 
 // src/RedactoNoticeConsent/styles.ts
 var styles = {
@@ -1110,6 +1153,15 @@ var styles = {
     margin: 0,
     boxSizing: "border-box"
   },
+  /** Sits above the footer, which is a bare fragment of three flex children. */
+  confirmHint: {
+    fontSize: "13px",
+    lineHeight: "18px",
+    color: "#6b6b6b",
+    margin: 0,
+    paddingTop: "12px",
+    boxSizing: "border-box"
+  },
   actionButtonStack: {
     display: "flex",
     flexDirection: "column",
@@ -1251,6 +1303,7 @@ var DISABLED_OPACITY = 0.5;
 var NoticeFooter = ({
   labels,
   acceptSelectedDisabled,
+  acceptSelectedHintId,
   isSubmittingAccept,
   isSubmittingDecline,
   isMobile,
@@ -1301,6 +1354,7 @@ var NoticeFooter = ({
       onClick: onAcceptSelected,
       disabled: acceptSelectedDisabled || isSubmittingDecline,
       "aria-label": labels.acceptSelected,
+      "aria-describedby": acceptSelectedHintId,
       children: isSubmittingAccept ? SUBMITTING_BUTTON_TEXT : labels.acceptSelected
     }
   );
@@ -1337,6 +1391,335 @@ var NoticeFooter = ({
   ] });
 };
 
+// src/RedactoNoticeConsent/components/ConfirmDialog.tsx
+var import_react = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var overlayStyle = {
+  // fixed, not absolute: the notice root is not a positioned ancestor on
+  // every surface, and a mispositioned overlay would leave the buttons live.
+  position: "fixed",
+  inset: 0,
+  backgroundColor: "rgba(16, 24, 40, 0.45)",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  padding: "24px",
+  zIndex: 2147483647
+};
+var panelStyle = {
+  backgroundColor: "#ffffff",
+  borderRadius: "12px",
+  padding: "24px",
+  maxWidth: "380px",
+  width: "100%",
+  boxShadow: "0 12px 32px rgba(16, 24, 40, 0.18)"
+};
+var titleStyle = {
+  margin: "0 0 8px",
+  fontSize: "16px",
+  lineHeight: "24px",
+  fontWeight: 600,
+  color: "#101828"
+};
+var detailStyle = {
+  margin: "0 0 20px",
+  fontSize: "14px",
+  lineHeight: "20px",
+  color: "#475467"
+};
+var actionsStyle = {
+  display: "flex",
+  gap: "12px",
+  justifyContent: "flex-end"
+};
+var buttonStyle = {
+  borderRadius: "8px",
+  padding: "8px 20px",
+  fontSize: "14px",
+  lineHeight: "20px",
+  cursor: "pointer",
+  border: "1px solid #d0d5dd",
+  backgroundColor: "#ffffff",
+  color: "#344054"
+};
+var ConfirmDialog = ({
+  action,
+  onConfirm,
+  onCancel,
+  confirmStyle
+}) => {
+  const cancelRef = (0, import_react.useRef)(null);
+  const panelRef = (0, import_react.useRef)(null);
+  const openerRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    openerRef.current = document.activeElement;
+    (_a = cancelRef.current) == null ? void 0 : _a.focus();
+  }, []);
+  const cancel = (0, import_react.useCallback)(() => {
+    const opener = openerRef.current;
+    onCancel();
+    if (opener instanceof HTMLElement) opener.focus();
+  }, [onCancel]);
+  (0, import_react.useEffect)(() => {
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        cancel();
+        return;
+      }
+      if (event.key !== "Tab" || !panelRef.current) return;
+      const focusable = panelRef.current.querySelectorAll("button");
+      if (focusable.length === 0) return;
+      const first = focusable[0];
+      const last = focusable[focusable.length - 1];
+      if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last.focus();
+        return;
+      }
+      if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [cancel]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: overlayStyle, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      ref: panelRef,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-labelledby": CONFIRM_DIALOG_ID,
+      "aria-describedby": CONFIRM_DIALOG_DETAIL_ID,
+      style: panelStyle,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { id: CONFIRM_DIALOG_ID, style: titleStyle, children: CONFIRM_DIALOG_COPY[action].title }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { id: CONFIRM_DIALOG_DETAIL_ID, style: detailStyle, children: CONFIRM_DIALOG_COPY[action].detail }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: actionsStyle, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "button",
+            {
+              ref: cancelRef,
+              type: "button",
+              onClick: cancel,
+              style: buttonStyle,
+              children: CONFIRM_DIALOG_COPY.cancel
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: onConfirm,
+              style: { ...buttonStyle, ...confirmStyle },
+              children: CONFIRM_DIALOG_COPY.confirm
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+};
+
+// src/RedactoNoticeConsent/components/SelectionControl.tsx
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var groupStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: "12px",
+  flexShrink: 0
+};
+var optionStyle = {
+  display: "flex",
+  alignItems: "center",
+  gap: "4px",
+  cursor: "pointer",
+  whiteSpace: "nowrap"
+};
+var SIZES = {
+  large: {
+    option: { fontSize: "14px", fontWeight: 500 },
+    radio: { width: "17px", height: "17px" },
+    select: { fontSize: "13px", padding: "6px 8px", fontWeight: 500 },
+    slot: "68px",
+    gap: "10px",
+    tick: { box: 20, glyph: 12 }
+  },
+  small: {
+    option: { fontSize: "12px", fontWeight: 400 },
+    radio: { width: "13px", height: "13px" },
+    select: { fontSize: "12px", padding: "5px 8px", fontWeight: 400 },
+    slot: "62px",
+    gap: "8px",
+    tick: { box: 17, glyph: 10 }
+  }
+};
+var dropdownWrapStyle = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  flexShrink: 0
+};
+var settledAnswerStyle = {
+  display: "inline-flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  color: "#667085",
+  whiteSpace: "nowrap"
+};
+var selectStyle = {
+  border: "1px solid #d0d5dd",
+  borderRadius: "6px",
+  // Explicit, so the box does not follow the font metrics of whatever face the
+  // notice is themed with -- that is what made it read as a strip.
+  lineHeight: "18px",
+  boxSizing: "border-box",
+  cursor: "pointer",
+  backgroundColor: "#ffffff",
+  color: "#344054",
+  flexShrink: 0
+};
+var lockedBadgeStyle = (box) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  width: `${box}px`,
+  height: `${box}px`,
+  borderRadius: "50%",
+  flexShrink: 0,
+  boxSizing: "border-box",
+  backgroundColor: "#10B981",
+  marginLeft: "12px"
+});
+var LockedTick = ({ label, box, glyph }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { role: "img", style: lockedBadgeStyle(box), "aria-label": label, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  "svg",
+  {
+    width: glyph,
+    height: glyph,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-hidden": "true",
+    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "path",
+      {
+        d: "M4 6L5.5 7.5L8.5 4.5",
+        stroke: "white",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+) });
+var SelectionControl = ({
+  control,
+  checked,
+  indeterminate = false,
+  onSelect,
+  label,
+  groupName,
+  className,
+  locked = false,
+  lockedLabel,
+  recordedAnswer,
+  size = "large"
+}) => {
+  const scale = SIZES[size];
+  const boxClass = className != null ? className : size === "small" ? "redacto-checkbox-medium" : "redacto-checkbox-large";
+  const checkboxRef = (0, import_react2.useRef)(null);
+  (0, import_react2.useEffect)(() => {
+    if (checkboxRef.current) {
+      checkboxRef.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  const select = (0, import_react2.useCallback)(
+    (next) => {
+      if (indeterminate || next !== checked) onSelect(next);
+    },
+    [checked, indeterminate, onSelect]
+  );
+  const held = (value) => locked ? value : !indeterminate && checked === value;
+  const onRecord = (value) => recordedAnswer === value;
+  const optionLabel = (label2, value) => onRecord(value) ? `${label2} ${SELECTION_CONTROL_COPY.onRecord(label2)}` : label2;
+  if (locked && control === "checkbox") {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      LockedTick,
+      {
+        label: lockedLabel,
+        box: scale.tick.box,
+        glyph: scale.tick.glyph
+      }
+    );
+  }
+  if (control === "radio") {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "div",
+      {
+        role: "radiogroup",
+        "aria-label": locked ? lockedLabel : label,
+        style: { ...groupStyle, gap: scale.gap },
+        children: SELECTION_CONTROL_COPY.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { style: { ...optionStyle, ...scale.option }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            "input",
+            {
+              type: "radio",
+              name: groupName,
+              checked: held(option.value),
+              disabled: locked,
+              onChange: () => select(option.value),
+              style: { accentColor: SELECTION_CONTROL_ACCENT, ...scale.radio },
+              "aria-label": optionLabel(option.label, option.value)
+            }
+          ),
+          option.label
+        ] }, option.label))
+      }
+    );
+  }
+  if (control === "dropdown") {
+    if (locked) {
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        "span",
+        {
+          role: "img",
+          "aria-label": lockedLabel,
+          style: { ...settledAnswerStyle, ...scale.select, width: scale.slot },
+          children: SELECTION_CONTROL_COPY.options[0].label
+        }
+      );
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { ...dropdownWrapStyle, width: scale.slot }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      "select",
+      {
+        "aria-label": locked ? lockedLabel : label,
+        disabled: locked,
+        value: indeterminate ? "" : String(held(true)),
+        onChange: (event) => select(event.target.value === "true"),
+        style: { ...selectStyle, ...scale.select, width: "100%" },
+        children: [
+          indeterminate && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: "", disabled: true, children: SELECTION_CONTROL_COPY.mixed }),
+          SELECTION_CONTROL_COPY.options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("option", { value: String(option.value), children: option.label }, option.label))
+        ]
+      }
+    ) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "input",
+    {
+      ref: checkboxRef,
+      className: boxClass,
+      type: "checkbox",
+      checked,
+      onChange: () => select(!checked),
+      "aria-label": label
+    }
+  );
+};
+
 // src/shared/productMatrix.ts
 var productPurposeKey = (productUuid, purposeUuid) => productUuid ? `${productUuid}:${purposeUuid}` : purposeUuid;
 var purposeCoversProduct = (purpose, productUuid) => {
@@ -1345,6 +1728,14 @@ var purposeCoversProduct = (purpose, productUuid) => {
   return scope.includes(productUuid);
 };
 var isMultiProduct = (products) => Boolean(products && products.length > 1);
+var purposeNamesProduct = (purpose, productUuid) => {
+  var _a;
+  return Boolean((_a = purpose.product_uuids) == null ? void 0 : _a.includes(productUuid));
+};
+var noticeScopesPurposes = (purposes) => purposes.some((purpose) => {
+  var _a, _b;
+  return ((_b = (_a = purpose.product_uuids) == null ? void 0 : _a.length) != null ? _b : 0) > 0;
+});
 var serverMarksMandatoryProducts = (products) => Boolean(
   products && products.length > 0 && products.every((product) => product.mandatory !== void 0)
 );
@@ -1355,17 +1746,19 @@ var rowProductUuid = (row, products) => {
   var _a;
   return (_a = row.productUuid) != null ? _a : (products == null ? void 0 : products.length) === 1 ? products[0].uuid : void 0;
 };
-var rowsUnderGate = (rows, products) => {
-  const gated = gatedProductUuids(products);
-  if (gated.size === 0) return [];
-  return rows.filter((row) => {
-    const productUuid = rowProductUuid(row, products);
-    return productUuid !== void 0 && gated.has(productUuid);
-  });
+var mandatoryProductsFirst = (products) => {
+  const mandatory = products.filter((product) => product.mandatory === true);
+  if (mandatory.length === 0 || mandatory.length === products.length) {
+    return products;
+  }
+  return [
+    ...mandatory,
+    ...products.filter((product) => product.mandatory !== true)
+  ];
 };
 var groupPurposesByProduct = (products, purposes, order) => {
   if (!products || products.length === 0) return [];
-  return products.map((product) => {
+  return mandatoryProductsFirst(products).map((product) => {
     const covered = purposes.filter(
       (purpose) => purposeCoversProduct(purpose, product.uuid)
     );
@@ -1461,8 +1854,8 @@ var buildPreselection = (purposes, mode) => {
   });
   return { selectedPurposes, selectedDataElements };
 };
-var hasRequiredDataElement = (purpose) => purpose.data_elements.some((element) => element.required);
 var isBlockingRequiredElement = (element) => element.required && element.enabled;
+var hasRequiredDataElement = (purpose) => purpose.data_elements.some(isBlockingRequiredElement);
 
 // src/RedactoNoticeConsent/layout.ts
 var resolveLogoPosition = (raw) => raw === "center" || raw === "right" ? raw : DEFAULT_LOGO_POSITION;
@@ -1575,6 +1968,25 @@ var injectCheckboxStyles = () => {
       padding: 4px !important;
     }
 
+    /* Purpose rows sit between the product heading and a data element, so the
+       three levels read as three levels rather than two sizes and an indent. */
+    .redacto-checkbox-medium {
+      appearance: none !important;
+      -webkit-appearance: none !important;
+      -moz-appearance: none !important;
+      height: 17px !important;
+      width: 17px !important;
+      border: 2px solid #d0d5dd !important;
+      border-radius: 5px !important;
+      background-color: transparent !important;
+      cursor: pointer !important;
+      position: relative !important;
+      box-sizing: border-box !important;
+      flex-shrink: 0 !important;
+      margin: 0 !important;
+      padding: 4px !important;
+    }
+
     .redacto-checkbox-small {
       appearance: none !important;
       -webkit-appearance: none !important;
@@ -1597,12 +2009,18 @@ var injectCheckboxStyles = () => {
       border-color: #4f87ff !important;
     }
 
+    .redacto-checkbox-medium:checked {
+      background-color: #4f87ff !important;
+      border-color: #4f87ff !important;
+    }
+
     .redacto-checkbox-small:checked {
       background-color: #4f87ff !important;
       border-color: #4f87ff !important;
     }
 
-    .redacto-checkbox-large:checked::after {
+    .redacto-checkbox-large:checked::after,
+    .redacto-checkbox-medium:checked::after {
       content: '' !important;
       position: absolute !important;
       left: 50% !important;
@@ -1628,7 +2046,8 @@ var injectCheckboxStyles = () => {
       box-sizing: border-box !important;
     }
 
-    .redacto-checkbox-large:focus {
+    .redacto-checkbox-large:focus,
+    .redacto-checkbox-medium:focus {
       outline: 2px solid #4f87ff !important;
       outline-offset: 2px !important;
     }
@@ -1815,13 +2234,13 @@ var NOTICE_FONT_CSS = `
 `;
 
 // src/shared/RequiredMarker.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var RequiredMarker = ({
   label = REQUIRED_MARKER_ARIA_LABEL
-}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { style: REQUIRED_MARKER_STYLE, "aria-label": label, children: REQUIRED_MARKER_GLYPH });
+}) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { style: REQUIRED_MARKER_STYLE, "aria-label": label, children: REQUIRED_MARKER_GLYPH });
 
 // src/shared/useNoticeFont.ts
-var import_react = require("react");
+var import_react3 = require("react");
 
 // src/shared/notice-font.ts
 var toFontFamilyValue = (value) => {
@@ -1973,14 +2392,14 @@ var useNoticeFont = ({
   hostFont,
   noticeFont
 }) => {
-  const fontFamily = (0, import_react.useMemo)(
+  const fontFamily = (0, import_react3.useMemo)(
     () => resolveNoticeFontFamily({ hostFont, noticeFont }),
     [hostFont, noticeFont]
   );
-  (0, import_react.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     injectNoticeFontStyles();
   }, []);
-  (0, import_react.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     const controller = new AbortController();
     void loadNoticeWebfont(fontFamily, controller.signal);
     return () => controller.abort();
@@ -1989,11 +2408,11 @@ var useNoticeFont = ({
 };
 
 // src/RedactoNoticeConsent/useMediaQuery.ts
-var import_react2 = require("react");
+var import_react4 = require("react");
 var useMediaQuery = (query) => {
   const getMatches = () => typeof window !== "undefined" ? window.matchMedia(query).matches : false;
-  const [matches, setMatches] = (0, import_react2.useState)(getMatches);
-  (0, import_react2.useEffect)(() => {
+  const [matches, setMatches] = (0, import_react4.useState)(getMatches);
+  (0, import_react4.useEffect)(() => {
     if (typeof window === "undefined") return;
     const media = window.matchMedia(query);
     const listener = (e) => {
@@ -2079,7 +2498,7 @@ var updateConsentState = (updates) => {
 };
 
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 var DEFAULT_HEADING_COLOR = "#323B4B";
 var CHEVRON_BUTTON_STYLE = {
   background: "none",
@@ -2106,7 +2525,7 @@ var reviewIndicatorStyle = (size) => ({
   flexShrink: 0,
   boxSizing: "border-box"
 });
-var CollapseChevron = ({ open, color }) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: CHEVRON_WRAPPER_STYLE, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+var CollapseChevron = ({ open, color }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: CHEVRON_WRAPPER_STYLE, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
   "svg",
   {
     width: "7",
@@ -2123,7 +2542,7 @@ var CollapseChevron = ({ open, color }) => /* @__PURE__ */ (0, import_jsx_runtim
       transition: "transform 0.3s ease"
     },
     "aria-hidden": "true",
-    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M1 1L6 6L1 11" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M1 1L6 6L1 11" })
   }
 ) });
 var ProductSectionHeader = ({
@@ -2142,23 +2561,18 @@ var ProductSectionHeader = ({
   onToggleSelect,
   getTranslatedText
 }) => {
-  const checkboxRef = (0, import_react3.useRef)(null);
+  var _a;
   const name = getTranslatedText("products.name", product.name, product.uuid);
   const headingColor = (settings == null ? void 0 : settings.headingColor) || DEFAULT_HEADING_COLOR;
-  (0, import_react3.useEffect)(() => {
-    if (checkboxRef.current) {
-      checkboxRef.current.indeterminate = someSelected && !allSelected;
-    }
-  }, [someSelected, allSelected]);
   const handleToggleCollapse = () => {
     onToggleCollapse(product.uuid);
   };
-  const handleToggleSelect = () => {
-    onToggleSelect(product.uuid);
+  const handleSelect = (next) => {
+    onToggleSelect(product.uuid, next);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles4.sectionHeader, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles4.optionLeft, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles4.sectionHeader, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles4.optionLeft, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "button",
         {
           type: "button",
@@ -2167,10 +2581,10 @@ var ProductSectionHeader = ({
           "aria-controls": `product-${product.uuid}`,
           "aria-labelledby": `product-name-${product.uuid}`,
           style: CHEVRON_BUTTON_STYLE,
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CollapseChevron, { open: !collapsed, color: headingColor })
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CollapseChevron, { open: !collapsed, color: headingColor })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles4.optionTextContainer, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles4.optionTextContainer, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "h2",
         {
           id: `product-name-${product.uuid}`,
@@ -2181,52 +2595,22 @@ var ProductSectionHeader = ({
           },
           children: [
             name,
-            isRequired && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RequiredMarker, {})
+            isRequired && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RequiredMarker, {})
           ]
         }
       ) })
     ] }),
-    locked ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "div",
-      {
-        role: "img",
-        style: {
-          ...reviewIndicatorStyle(20),
-          backgroundColor: "#10B981",
-          marginLeft: "12px"
-        },
-        "aria-label": PRODUCT_SECTION_COPY.settled(name),
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          "svg",
-          {
-            width: "12",
-            height: "12",
-            viewBox: "0 0 12 12",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg",
-            "aria-hidden": "true",
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              "path",
-              {
-                d: "M4 6L5.5 7.5L8.5 4.5",
-                stroke: "white",
-                strokeWidth: "2",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-              }
-            )
-          }
-        )
-      }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "input",
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      SelectionControl,
       {
-        ref: checkboxRef,
-        className: "redacto-checkbox-large",
-        type: "checkbox",
+        control: (_a = settings == null ? void 0 : settings.selectionControl) != null ? _a : DEFAULT_SELECTION_CONTROL,
         checked: allSelected,
-        onChange: handleToggleSelect,
-        "aria-label": requiredOnly ? PRODUCT_SECTION_COPY.toggleRequired(name, purposeCount) : PRODUCT_SECTION_COPY.toggleSelection(name, purposeCount)
+        indeterminate: someSelected && !allSelected,
+        onSelect: handleSelect,
+        label: requiredOnly ? PRODUCT_SECTION_COPY.toggleRequired(name, purposeCount) : PRODUCT_SECTION_COPY.toggleSelection(name, purposeCount),
+        groupName: `redacto-product-${product.uuid}`,
+        locked,
+        lockedLabel: PRODUCT_SECTION_COPY.settled(name)
       }
     )
   ] });
@@ -2234,10 +2618,10 @@ var ProductSectionHeader = ({
 var PurposeItem = ({
   purpose,
   productUuid,
-  productIsRequired,
   selectedPurposes,
   collapsedPurposes,
   selectedDataElements,
+  recordedAnswers,
   settings,
   styles: styles4,
   responsiveStyles,
@@ -2249,22 +2633,32 @@ var PurposeItem = ({
   selectedLanguage,
   initialDataElementSelections = {}
 }) => {
+  var _a;
   const stateKey = productPurposeKey(productUuid, purpose.uuid);
-  const headingStyle = (0, import_react3.useMemo)(
+  const handlePurposeToggle = (0, import_react5.useCallback)(
+    () => onPurposeToggle(purpose.uuid, productUuid),
+    [onPurposeToggle, purpose.uuid, productUuid]
+  );
+  const purposeControlLabel = `Select all data elements for ${getTranslatedText(
+    `purposes.name`,
+    purpose.name,
+    purpose.uuid
+  )}`;
+  const headingStyle = (0, import_react5.useMemo)(
     () => ({
       color: (settings == null ? void 0 : settings.headingColor) || DEFAULT_HEADING_COLOR
     }),
     [settings == null ? void 0 : settings.headingColor]
   );
-  const textStyle = (0, import_react3.useMemo)(
+  const textStyle = (0, import_react5.useMemo)(
     () => ({
       color: (settings == null ? void 0 : settings.textColor) || "#344054"
     }),
     [settings == null ? void 0 : settings.textColor]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles4.optionItem, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles4.optionItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
         "div",
         {
           style: styles4.optionLeft,
@@ -2285,15 +2679,15 @@ var PurposeItem = ({
             }
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               CollapseChevron,
               {
                 open: !collapsedPurposes[stateKey],
                 color: (settings == null ? void 0 : settings.headingColor) || DEFAULT_HEADING_COLOR
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles4.optionTextContainer, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles4.optionTextContainer, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                 "h2",
                 {
                   id: `purpose-name-${stateKey}`,
@@ -2304,12 +2698,12 @@ var PurposeItem = ({
                   },
                   children: [
                     getTranslatedText(`purposes.name`, purpose.name, purpose.uuid),
-                    productIsRequired !== false && hasRequiredDataElement(purpose) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RequiredMarker, {})
+                    hasRequiredDataElement(purpose) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RequiredMarker, {})
                   ]
                 },
                 `purpose-name-${purpose.uuid}-${selectedLanguage}`
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "h3",
                 {
                   id: `purpose-description-${stateKey}`,
@@ -2330,69 +2724,36 @@ var PurposeItem = ({
           ]
         }
       ),
-      !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "input",
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        SelectionControl,
         {
-          className: "redacto-checkbox-large",
-          type: "checkbox",
+          control: (_a = settings == null ? void 0 : settings.selectionControl) != null ? _a : DEFAULT_SELECTION_CONTROL,
           checked: selectedPurposes[stateKey] || false,
-          onChange: () => onPurposeToggle(purpose.uuid, productUuid),
-          "aria-label": `Select all data elements for ${getTranslatedText(
+          onSelect: handlePurposeToggle,
+          label: purposeControlLabel,
+          groupName: `redacto-purpose-${stateKey}`,
+          recordedAnswer: recordedAnswers == null ? void 0 : recordedAnswers[stateKey],
+          size: "small",
+          locked: isAlreadyConsented,
+          lockedLabel: `Already consented to ${getTranslatedText(
             `purposes.name`,
             purpose.name,
             purpose.uuid
           )}`
         }
-      ),
-      isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        "div",
-        {
-          role: "img",
-          style: {
-            ...reviewIndicatorStyle(20),
-            backgroundColor: "#10B981",
-            marginLeft: "12px"
-          },
-          "aria-label": `Already consented to ${getTranslatedText(
-            `purposes.name`,
-            purpose.name,
-            purpose.uuid
-          )}`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            "svg",
-            {
-              width: "12",
-              height: "12",
-              viewBox: "0 0 12 12",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg",
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                "path",
-                {
-                  d: "M4 6L5.5 7.5L8.5 4.5",
-                  stroke: "white",
-                  strokeWidth: "2",
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round"
-                }
-              )
-            }
-          )
-        }
       )
     ] }),
-    !collapsedPurposes[stateKey] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    !collapsedPurposes[stateKey] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "div",
       {
         id: `purpose-${purpose.uuid}`,
         style: styles4.dataElementsContainer,
-        children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           "div",
           {
             style: styles4.dataElementItem,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                 "span",
                 {
                   id: `data-element-${stateKey}-${dataElement.uuid}`,
@@ -2407,12 +2768,12 @@ var PurposeItem = ({
                       dataElement.name,
                       dataElement.uuid
                     ),
-                    dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RequiredMarker, {})
+                    isBlockingRequiredElement(dataElement) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RequiredMarker, {})
                   ]
                 },
                 `data-element-${purpose.uuid}-${dataElement.uuid}-${selectedLanguage}`
               ),
-              !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "input",
                 {
                   className: "redacto-checkbox-small",
@@ -2430,11 +2791,11 @@ var PurposeItem = ({
                   )}${dataElement.required ? " (required)" : ""}`
                 }
               ),
-              isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: (() => {
+              isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: (() => {
                 const combinedId = `${stateKey}-${dataElement.uuid}`;
                 const wasOriginallySelected = initialDataElementSelections[combinedId] || false;
                 if (wasOriginallySelected) {
-                  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "div",
                     {
                       role: "img",
@@ -2447,7 +2808,7 @@ var PurposeItem = ({
                         dataElement.name,
                         dataElement.uuid
                       )}`,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "svg",
                         {
                           width: "10",
@@ -2456,7 +2817,7 @@ var PurposeItem = ({
                           fill: "none",
                           xmlns: "http://www.w3.org/2000/svg",
                           "aria-hidden": "true",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                             "path",
                             {
                               d: "M3 5L4.5 6.5L7.5 3.5",
@@ -2471,7 +2832,7 @@ var PurposeItem = ({
                     }
                   );
                 } else {
-                  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "div",
                     {
                       role: "img",
@@ -2521,12 +2882,12 @@ var GuardianForm = ({
   logoUrl
 }) => {
   var _a, _b, _c, _d, _e;
-  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react3.useState)(false);
-  const [focusedIndex, setFocusedIndex] = (0, import_react3.useState)(-1);
-  const [openUpward, setOpenUpward] = (0, import_react3.useState)(false);
-  const dropdownRef = (0, import_react3.useRef)(null);
-  const optionsRef = (0, import_react3.useRef)(null);
-  (0, import_react3.useEffect)(() => {
+  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react5.useState)(false);
+  const [focusedIndex, setFocusedIndex] = (0, import_react5.useState)(-1);
+  const [openUpward, setOpenUpward] = (0, import_react5.useState)(false);
+  const dropdownRef = (0, import_react5.useRef)(null);
+  const optionsRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     if (!isDropdownOpen) return;
     const handleClickOutside = (e) => {
       if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
@@ -2537,7 +2898,7 @@ var GuardianForm = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, [isDropdownOpen]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (!isDropdownOpen || !dropdownRef.current) return;
     const rect = dropdownRef.current.getBoundingClientRect();
     const spaceBelow = window.innerHeight - rect.bottom;
@@ -2582,7 +2943,7 @@ var GuardianForm = ({
         break;
     }
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     var _a2;
     if (focusedIndex >= 0 && optionsRef.current) {
       const option = optionsRef.current.children[focusedIndex];
@@ -2642,10 +3003,10 @@ var GuardianForm = ({
     (o) => o.value === formData.guardianRelationship
   )) == null ? void 0 : _a.label;
   const hasError = Boolean(errors.guardianRelationship);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { ...styles4.topSection, ...componentTextStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles4.topLeft, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { style: styles4.logo, src: logoUrl, alt: "Logo" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { ...styles4.topSection, ...componentTextStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles4.topLeft, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { style: styles4.logo, src: logoUrl, alt: "Logo" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "h2",
         {
           id: "guardian-form-title",
@@ -2660,7 +3021,7 @@ var GuardianForm = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
         style: {
@@ -2669,7 +3030,7 @@ var GuardianForm = ({
           ...componentTextStyle
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "p",
             {
               style: {
@@ -2683,8 +3044,8 @@ var GuardianForm = ({
               children: "Since you are under the age of consent, a legal guardian must verify their identity via DigiLocker before you can proceed."
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: infoBannerStyle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: infoBannerStyle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "svg",
               {
                 width: "16",
@@ -2697,15 +3058,15 @@ var GuardianForm = ({
                 strokeLinejoin: "round",
                 style: { flexShrink: 0, marginTop: "1px" },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "12", y1: "16", x2: "12", y2: "12" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: "The guardian's name will be matched against their DigiLocker identity document (e.g. Aadhaar). Please enter the name exactly as it appears on the document." })
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: "The guardian's name will be matched against their DigiLocker identity document (e.g. Aadhaar). Please enter the name exactly as it appears on the document." })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "div",
             {
               style: {
@@ -2714,12 +3075,12 @@ var GuardianForm = ({
                 gap: "14px"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { htmlFor: "guardianName", style: labelStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { htmlFor: "guardianName", style: labelStyle, children: [
                     "Guardian's Full Name ",
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "input",
                     {
                       id: "guardianName",
@@ -2735,16 +3096,16 @@ var GuardianForm = ({
                       "aria-describedby": "guardianName-hint"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { id: "guardianName-hint", style: hintStyle, children: "Enter the full name as per government ID (Aadhaar, PAN, etc.)" }),
-                  errors.guardianName && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianName })
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { id: "guardianName-hint", style: hintStyle, children: "Enter the full name as per government ID (Aadhaar, PAN, etc.)" }),
+                  errors.guardianName && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianName })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { htmlFor: "guardianContact", style: labelStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { htmlFor: "guardianContact", style: labelStyle, children: [
                     "Guardian's Phone Number",
                     " ",
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "input",
                     {
                       id: "guardianContact",
@@ -2761,15 +3122,15 @@ var GuardianForm = ({
                       "aria-describedby": "guardianContact-hint"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { id: "guardianContact-hint", style: hintStyle, children: "Mobile number linked to guardian's Aadhaar" }),
-                  errors.guardianContact && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianContact })
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { id: "guardianContact-hint", style: hintStyle, children: "Mobile number linked to guardian's Aadhaar" }),
+                  errors.guardianContact && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianContact })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { ref: dropdownRef, style: { position: "relative" }, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("label", { id: "guardianRelationship-label", style: labelStyle, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { ref: dropdownRef, style: { position: "relative" }, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { id: "guardianRelationship-label", style: labelStyle, children: [
                     "Relationship ",
-                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
+                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: { color: "#DC2626" }, children: "*" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                     "div",
                     {
                       role: "combobox",
@@ -2797,7 +3158,7 @@ var GuardianForm = ({
                         transition: "border-color 0.15s, box-shadow 0.15s"
                       },
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "span",
                           {
                             style: {
@@ -2808,7 +3169,7 @@ var GuardianForm = ({
                             children: selectedLabel || "Select relationship"
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "svg",
                           {
                             width: "14",
@@ -2825,13 +3186,13 @@ var GuardianForm = ({
                               transform: isDropdownOpen ? "rotate(180deg)" : "rotate(0deg)",
                               transition: "transform 0.2s"
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "6 9 12 15 18 9" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("polyline", { points: "6 9 12 15 18 9" })
                           }
                         )
                       ]
                     }
                   ),
-                  isDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  isDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "div",
                     {
                       ref: optionsRef,
@@ -2858,7 +3219,7 @@ var GuardianForm = ({
                         const isSelected = formData.guardianRelationship === option.value;
                         const isFocused = focusedIndex === index;
                         const accentColor = ((_b2 = (_a2 = settings == null ? void 0 : settings.button) == null ? void 0 : _a2.accept) == null ? void 0 : _b2.backgroundColor) || "#3b82f6";
-                        return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                           "div",
                           {
                             id: `guardianRelationship-option-${index}`,
@@ -2878,8 +3239,8 @@ var GuardianForm = ({
                               transition: "background-color 0.1s"
                             },
                             children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: option.label }),
-                              isSelected && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: option.label }),
+                              isSelected && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "svg",
                                 {
                                   width: "14",
@@ -2891,7 +3252,7 @@ var GuardianForm = ({
                                   strokeLinecap: "round",
                                   strokeLinejoin: "round",
                                   style: { flexShrink: 0 },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "20 6 9 17 4 12" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("polyline", { points: "20 6 9 17 4 12" })
                                 }
                               )
                             ]
@@ -2901,12 +3262,12 @@ var GuardianForm = ({
                       })
                     }
                   ),
-                  errors.guardianRelationship && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianRelationship })
+                  errors.guardianRelationship && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: errorStyle, role: "alert", children: errors.guardianRelationship })
                 ] })
               ]
             }
           ),
-          errors.general && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          errors.general && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "div",
             {
               role: "alert",
@@ -2926,7 +3287,7 @@ var GuardianForm = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
         style: {
@@ -2936,7 +3297,7 @@ var GuardianForm = ({
           paddingTop: "12px"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
               style: {
@@ -2952,7 +3313,7 @@ var GuardianForm = ({
               children: isSubmitting ? "Verifying..." : "Verify via DigiLocker"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
               style: {
@@ -3021,10 +3382,10 @@ var VerificationScreen = ({
     animation: "spin 1s linear infinite",
     margin: "24px auto"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { ...styles4.topSection, ...componentTextStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles4.topLeft, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { style: styles4.logo, src: logoUrl, alt: "Logo" }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { ...styles4.topSection, ...componentTextStyle }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles4.topLeft, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { style: styles4.logo, src: logoUrl, alt: "Logo" }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "h2",
         {
           id: "verification-title",
@@ -3039,7 +3400,7 @@ var VerificationScreen = ({
         }
       )
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
         style: {
@@ -3049,7 +3410,7 @@ var VerificationScreen = ({
           textAlign: "center"
         },
         children: [
-          isVerificationComplete && !error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          isVerificationComplete && !error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "div",
             {
               style: {
@@ -3060,7 +3421,7 @@ var VerificationScreen = ({
                 flex: 1
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "div",
                   {
                     style: {
@@ -3072,7 +3433,7 @@ var VerificationScreen = ({
                       alignItems: "center",
                       justifyContent: "center"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       "svg",
                       {
                         width: "32",
@@ -3083,12 +3444,12 @@ var VerificationScreen = ({
                         strokeWidth: "2",
                         strokeLinecap: "round",
                         strokeLinejoin: "round",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polyline", { points: "20 6 9 17 4 12" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("polyline", { points: "20 6 9 17 4 12" })
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "p",
                   {
                     style: {
@@ -3104,12 +3465,12 @@ var VerificationScreen = ({
                 )
               ]
             }
-          ) : (isInitiating || isPolling) && !error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: spinnerStyle }),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: statusStyle, children: isInitiating ? "Opening DigiLocker in a new tab..." : "Please complete the verification in the DigiLocker tab. This page will update automatically when verification is complete." })
+          ) : (isInitiating || isPolling) && !error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: spinnerStyle }),
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: statusStyle, children: isInitiating ? "Opening DigiLocker in a new tab..." : "Please complete the verification in the DigiLocker tab. This page will update automatically when verification is complete." })
           ] }) : null,
-          error && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          error && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "div",
               {
                 style: {
@@ -3122,7 +3483,7 @@ var VerificationScreen = ({
                   justifyContent: "center",
                   margin: "24px auto"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                   "svg",
                   {
                     width: "32",
@@ -3134,14 +3495,14 @@ var VerificationScreen = ({
                     strokeLinecap: "round",
                     strokeLinejoin: "round",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
                     ]
                   }
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
               "p",
               {
                 style: {
@@ -3155,12 +3516,12 @@ var VerificationScreen = ({
                 children: "Verification failed"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: errorStyle, children: error })
+            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: errorStyle, children: error })
           ] })
         ]
       }
     ),
-    isAutoTransitioning ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    isAutoTransitioning ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "div",
       {
         style: {
@@ -3172,7 +3533,7 @@ var VerificationScreen = ({
           gap: "12px",
           justifyContent: "center"
         },
-        children: isVerificationComplete && !error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        children: isVerificationComplete && !error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "button",
           {
             style: {
@@ -3185,7 +3546,7 @@ var VerificationScreen = ({
             "aria-label": "Continue to consent form",
             children: "Continue"
           }
-        ) : error && canRetry ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ) : error && canRetry ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "button",
           {
             style: {
@@ -3199,7 +3560,7 @@ var VerificationScreen = ({
             "aria-label": errorCode === "GUARDIAN_UNDER_18" ? "Change guardian details" : "Try verification again",
             children: errorCode === "GUARDIAN_UNDER_18" ? "Change Guardian" : "Try Again"
           }
-        ) : error ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ) : error ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "button",
           {
             style: {
@@ -3213,7 +3574,7 @@ var VerificationScreen = ({
             "aria-label": "Go back",
             children: "Go Back"
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "button",
           {
             style: {
@@ -3245,11 +3606,11 @@ var AgeVerification = ({
   logoUrl,
   isMobile
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { ...styles4.topSection, ...componentTextStyle }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles4.topLeft, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("img", { style: styles4.logo, src: logoUrl, alt: "Redacto Logo" }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { ...styles4.topSection, ...componentTextStyle }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles4.topLeft, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("img", { style: styles4.logo, src: logoUrl, alt: "Redacto Logo" }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "h2",
           {
             id: "age-verification-title",
@@ -3262,7 +3623,7 @@ var AgeVerification = ({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         "button",
         {
           onClick: onClose,
@@ -3277,7 +3638,7 @@ var AgeVerification = ({
             justifyContent: "center"
           },
           "aria-label": "Close modal",
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "svg",
             {
               width: isMobile ? "18" : "20",
@@ -3286,7 +3647,7 @@ var AgeVerification = ({
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
               "aria-hidden": "true",
-              children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "path",
                 {
                   d: "M15 5L5 15M5 5L15 15",
@@ -3301,7 +3662,7 @@ var AgeVerification = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
         style: {
@@ -3310,7 +3671,7 @@ var AgeVerification = ({
           ...componentTextStyle
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "p",
             {
               style: {
@@ -3322,7 +3683,7 @@ var AgeVerification = ({
               children: "To proceed with this consent form, we need to verify your age."
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "p",
             {
               style: {
@@ -3337,7 +3698,7 @@ var AgeVerification = ({
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
         style: {
@@ -3346,7 +3707,7 @@ var AgeVerification = ({
           ...componentTextStyle
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
               style: {
@@ -3361,7 +3722,7 @@ var AgeVerification = ({
               children: "Yes, I am 18 or older"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "button",
             {
               style: {
@@ -3410,7 +3771,7 @@ var RedactoNoticeConsent = ({
   defaultOpenProducts
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y;
-  const sandboxParams = (0, import_react3.useMemo)(
+  const sandboxParams = (0, import_react5.useMemo)(
     () => ({
       token,
       sandboxUcic: ucic,
@@ -3421,7 +3782,7 @@ var RedactoNoticeConsent = ({
     }),
     [token, ucic, email, mobile, organisationUuid, workspaceUuid]
   );
-  const propValidationError = (0, import_react3.useMemo)(() => {
+  const propValidationError = (0, import_react5.useMemo)(() => {
     if (!(noticeId == null ? void 0 : noticeId.trim())) {
       return "RedactoNoticeConsent: 'noticeId' prop is required and cannot be empty";
     }
@@ -3449,7 +3810,7 @@ var RedactoNoticeConsent = ({
     ucic
   ]);
   if (propValidationError) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
       "div",
       {
         style: {
@@ -3460,79 +3821,85 @@ var RedactoNoticeConsent = ({
           color: "#c33"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h3", { children: "Configuration Error" }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: propValidationError }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { children: "Please check your component props and try again." })
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("h3", { children: "Configuration Error" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: propValidationError }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { children: "Please check your component props and try again." })
         ]
       }
     );
   }
-  const [isLoading, setIsLoading] = (0, import_react3.useState)(true);
-  const [isSubmitting, setIsSubmitting] = (0, import_react3.useState)(false);
-  const [isSubmittingAccept, setIsSubmittingAccept] = (0, import_react3.useState)(false);
-  const [isSubmittingDecline, setIsSubmittingDecline] = (0, import_react3.useState)(false);
-  const [content, setContent] = (0, import_react3.useState)(null);
-  const [categorizedPurposes, setCategorizedPurposes] = (0, import_react3.useState)(null);
-  const [selectedPurposes, setSelectedPurposes] = (0, import_react3.useState)({});
-  const [selectedDataElements, setSelectedDataElements] = (0, import_react3.useState)({});
-  const [initialDataElementSelections, setInitialDataElementSelections] = (0, import_react3.useState)({});
-  const [collapsedProducts, setCollapsedProducts] = (0, import_react3.useState)({});
-  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react3.useState)({});
-  const [hasAlreadyConsented, setHasAlreadyConsented] = (0, import_react3.useState)(false);
-  const [consentedProducts, setConsentedProducts] = (0, import_react3.useState)({});
-  const [consentedPurposes, setConsentedPurposes] = (0, import_react3.useState)({});
-  const [isFullyConsentedReviewMode, setIsFullyConsentedReviewMode] = (0, import_react3.useState)(false);
-  const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = (0, import_react3.useState)(false);
-  const [selectedLanguage, setSelectedLanguage] = (0, import_react3.useState)(language);
-  const [errorMessage, setErrorMessage] = (0, import_react3.useState)(null);
-  const [fetchError, setFetchError] = (0, import_react3.useState)(null);
-  const [ttsAudioUrls, setTtsAudioUrls] = (0, import_react3.useState)(null);
-  const [isTTSAvailable, setIsTTSAvailable] = (0, import_react3.useState)(false);
-  const [isPlaying, setIsPlaying] = (0, import_react3.useState)(false);
-  const [isPaused, setIsPaused] = (0, import_react3.useState)(false);
-  const [currentAudioIndex, setCurrentAudioIndex] = (0, import_react3.useState)(0);
-  const [highlightedElementId, setHighlightedElementId] = (0, import_react3.useState)(null);
-  const [showAgeVerification, setShowAgeVerification] = (0, import_react3.useState)(false);
-  const [isMinorFlow, setIsMinorFlow] = (0, import_react3.useState)(false);
-  const [selfDeclaredAdult, setSelfDeclaredAdult] = (0, import_react3.useState)(false);
-  const [showGuardianForm, setShowGuardianForm] = (0, import_react3.useState)(false);
-  const [isSubmittingGuardian, setIsSubmittingGuardian] = (0, import_react3.useState)(false);
-  const [guardianFormData, setGuardianFormData] = (0, import_react3.useState)({
+  const [isLoading, setIsLoading] = (0, import_react5.useState)(true);
+  const [isSubmitting, setIsSubmitting] = (0, import_react5.useState)(false);
+  const [isSubmittingAccept, setIsSubmittingAccept] = (0, import_react5.useState)(false);
+  const [isSubmittingDecline, setIsSubmittingDecline] = (0, import_react5.useState)(false);
+  const [content, setContent] = (0, import_react5.useState)(null);
+  const [categorizedPurposes, setCategorizedPurposes] = (0, import_react5.useState)(null);
+  const [selectedPurposes, setSelectedPurposes] = (0, import_react5.useState)({});
+  const [selectedDataElements, setSelectedDataElements] = (0, import_react5.useState)({});
+  const [initialDataElementSelections, setInitialDataElementSelections] = (0, import_react5.useState)({});
+  const [recordedPurposeSelections, setRecordedPurposeSelections] = (0, import_react5.useState)({});
+  const [recordedAnswers, setRecordedAnswers] = (0, import_react5.useState)({});
+  const [collapsedProducts, setCollapsedProducts] = (0, import_react5.useState)({});
+  const [pendingAction, setPendingAction] = (0, import_react5.useState)(null);
+  const pendingActionRef = (0, import_react5.useRef)(null);
+  pendingActionRef.current = pendingAction;
+  const [confirmAction, setConfirmAction] = (0, import_react5.useState)("accept-selected");
+  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react5.useState)({});
+  const [hasAlreadyConsented, setHasAlreadyConsented] = (0, import_react5.useState)(false);
+  const [consentedProducts, setConsentedProducts] = (0, import_react5.useState)({});
+  const [consentedPurposes, setConsentedPurposes] = (0, import_react5.useState)({});
+  const [isFullyConsentedReviewMode, setIsFullyConsentedReviewMode] = (0, import_react5.useState)(false);
+  const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = (0, import_react5.useState)(false);
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react5.useState)(language);
+  const [errorMessage, setErrorMessage] = (0, import_react5.useState)(null);
+  const [fetchError, setFetchError] = (0, import_react5.useState)(null);
+  const [ttsAudioUrls, setTtsAudioUrls] = (0, import_react5.useState)(null);
+  const [isTTSAvailable, setIsTTSAvailable] = (0, import_react5.useState)(false);
+  const [isPlaying, setIsPlaying] = (0, import_react5.useState)(false);
+  const [isPaused, setIsPaused] = (0, import_react5.useState)(false);
+  const [currentAudioIndex, setCurrentAudioIndex] = (0, import_react5.useState)(0);
+  const [highlightedElementId, setHighlightedElementId] = (0, import_react5.useState)(null);
+  const [showAgeVerification, setShowAgeVerification] = (0, import_react5.useState)(false);
+  const [isMinorFlow, setIsMinorFlow] = (0, import_react5.useState)(false);
+  const [selfDeclaredAdult, setSelfDeclaredAdult] = (0, import_react5.useState)(false);
+  const [showGuardianForm, setShowGuardianForm] = (0, import_react5.useState)(false);
+  const [isSubmittingGuardian, setIsSubmittingGuardian] = (0, import_react5.useState)(false);
+  const [guardianFormData, setGuardianFormData] = (0, import_react5.useState)({
     guardianName: "",
     guardianContact: "",
     guardianRelationship: ""
   });
-  const [guardianFormErrors, setGuardianFormErrors] = (0, import_react3.useState)({});
-  const [showVerificationScreen, setShowVerificationScreen] = (0, import_react3.useState)(false);
-  const [verificationReference, setVerificationReference] = (0, import_react3.useState)(null);
-  const [isInitiatingVerification, setIsInitiatingVerification] = (0, import_react3.useState)(false);
-  const [verificationError, setVerificationError] = (0, import_react3.useState)(
+  const [guardianFormErrors, setGuardianFormErrors] = (0, import_react5.useState)({});
+  const [showVerificationScreen, setShowVerificationScreen] = (0, import_react5.useState)(false);
+  const [verificationReference, setVerificationReference] = (0, import_react5.useState)(null);
+  const [isInitiatingVerification, setIsInitiatingVerification] = (0, import_react5.useState)(false);
+  const [verificationError, setVerificationError] = (0, import_react5.useState)(
     null
   );
-  const [verificationErrorCode, setVerificationErrorCode] = (0, import_react3.useState)(null);
-  const [canRetryVerification, setCanRetryVerification] = (0, import_react3.useState)(false);
-  const [isPollingStatus, setIsPollingStatus] = (0, import_react3.useState)(false);
-  const [isVerificationComplete, setIsVerificationComplete] = (0, import_react3.useState)(false);
-  const [isAutoTransitioning, setIsAutoTransitioning] = (0, import_react3.useState)(false);
-  const modalRef = (0, import_react3.useRef)(null);
-  const firstFocusableRef = (0, import_react3.useRef)(null);
-  const lastFocusableRef = (0, import_react3.useRef)(null);
-  const abortControllerRef = (0, import_react3.useRef)(null);
-  const isRequestInProgressRef = (0, import_react3.useRef)(false);
-  const currentAudioRef = (0, import_react3.useRef)(null);
-  const popupCheckIntervalRef = (0, import_react3.useRef)(null);
-  const statusPollIntervalRef = (0, import_react3.useRef)(null);
-  const verificationPopupRef = (0, import_react3.useRef)(null);
-  const pollingCleanupRef = (0, import_react3.useRef)(null);
-  const autoTransitionTimerRef = (0, import_react3.useRef)(
+  const [verificationErrorCode, setVerificationErrorCode] = (0, import_react5.useState)(null);
+  const [canRetryVerification, setCanRetryVerification] = (0, import_react5.useState)(false);
+  const [isPollingStatus, setIsPollingStatus] = (0, import_react5.useState)(false);
+  const [isVerificationComplete, setIsVerificationComplete] = (0, import_react5.useState)(false);
+  const [isAutoTransitioning, setIsAutoTransitioning] = (0, import_react5.useState)(false);
+  const modalRef = (0, import_react5.useRef)(null);
+  const firstFocusableRef = (0, import_react5.useRef)(null);
+  const lastFocusableRef = (0, import_react5.useRef)(null);
+  const abortControllerRef = (0, import_react5.useRef)(null);
+  const isRequestInProgressRef = (0, import_react5.useRef)(false);
+  const currentAudioRef = (0, import_react5.useRef)(null);
+  const popupCheckIntervalRef = (0, import_react5.useRef)(null);
+  const statusPollIntervalRef = (0, import_react5.useRef)(null);
+  const verificationPopupRef = (0, import_react5.useRef)(null);
+  const pollingCleanupRef = (0, import_react5.useRef)(null);
+  const autoTransitionTimerRef = (0, import_react5.useRef)(
     null
   );
-  const digilockerRedirectTimeoutRef = (0, import_react3.useRef)(null);
-  const isInitialMountRef = (0, import_react3.useRef)(true);
-  const isPollingStatusRef = (0, import_react3.useRef)(false);
-  const verificationSessionTokenRef = (0, import_react3.useRef)(null);
+  const digilockerRedirectTimeoutRef = (0, import_react5.useRef)(null);
+  const isInitialMountRef = (0, import_react5.useRef)(true);
+  const isPollingStatusRef = (0, import_react5.useRef)(false);
+  const verificationSessionTokenRef = (0, import_react5.useRef)(null);
   const isMobile = useMediaQuery("(max-width: 768px)");
-  const responsiveStyles = (0, import_react3.useMemo)(
+  const responsiveStyles = (0, import_react5.useMemo)(
     () => ({
       modal: {
         width: isMobile ? "90%" : "700px"
@@ -3615,25 +3982,25 @@ var RedactoNoticeConsent = ({
     hostFont: settings == null ? void 0 : settings.font,
     noticeFont: content == null ? void 0 : content.font_preference
   });
-  const componentHeadingStyle = (0, import_react3.useMemo)(
+  const componentHeadingStyle = (0, import_react5.useMemo)(
     () => ({
       color: (settings == null ? void 0 : settings.headingColor) || "#323B4B"
     }),
     [settings == null ? void 0 : settings.headingColor]
   );
-  const componentTextStyle = (0, import_react3.useMemo)(
+  const componentTextStyle = (0, import_react5.useMemo)(
     () => ({
       color: (settings == null ? void 0 : settings.textColor) || "#344054"
     }),
     [settings == null ? void 0 : settings.textColor]
   );
-  const sectionStyle = (0, import_react3.useMemo)(
+  const sectionStyle = (0, import_react5.useMemo)(
     () => ({
       color: (settings == null ? void 0 : settings.textColor) || "#344054"
     }),
     [settings == null ? void 0 : settings.textColor]
   );
-  const logoRowStyle = (0, import_react3.useMemo)(
+  const logoRowStyle = (0, import_react5.useMemo)(
     () => ({
       ...styles.logoRow,
       justifyContent: logoRowJustify(
@@ -3642,7 +4009,7 @@ var RedactoNoticeConsent = ({
     }),
     [content == null ? void 0 : content.logo_position]
   );
-  const purposeRows = (0, import_react3.useMemo)(
+  const purposeRows = (0, import_react5.useMemo)(
     () => {
       var _a2;
       return noticePurposeRows(
@@ -3653,7 +4020,7 @@ var RedactoNoticeConsent = ({
     },
     [content]
   );
-  const productGroups = (0, import_react3.useMemo)(
+  const productGroups = (0, import_react5.useMemo)(
     () => {
       var _a2;
       return groupPurposesByProduct(
@@ -3664,15 +4031,15 @@ var RedactoNoticeConsent = ({
     },
     [content]
   );
-  const productMandatoryIsAuthoritative = (0, import_react3.useMemo)(
+  const productMandatoryIsAuthoritative = (0, import_react5.useMemo)(
     () => serverMarksMandatoryProducts(content == null ? void 0 : content.products),
     [content]
   );
-  const gatedProducts = (0, import_react3.useMemo)(
+  const gatedProducts = (0, import_react5.useMemo)(
     () => gatedProductUuids(content == null ? void 0 : content.products),
     [content]
   );
-  const productIsRequiredFor = (0, import_react3.useCallback)(
+  const productIsRequiredFor = (0, import_react5.useCallback)(
     (productUuid) => {
       var _a2;
       if (!productMandatoryIsAuthoritative) return void 0;
@@ -3681,59 +4048,98 @@ var RedactoNoticeConsent = ({
     },
     [productMandatoryIsAuthoritative, gatedProducts, content]
   );
-  const confirmSatisfiedWith = (0, import_react3.useCallback)(
-    (selection) => {
-      var _a2;
-      if (!content) return false;
-      if (purposeRows.length === 0) return true;
-      const isSatisfied = ({
-        purpose,
-        productUuid
-      }) => {
-        const key = productPurposeKey(productUuid, purpose.uuid);
-        const requiredElements = purpose.data_elements.filter(
-          isBlockingRequiredElement
-        );
-        return requiredElements.every(
-          (element) => selection[`${key}-${element.uuid}`]
-        );
-      };
-      if (serverMarksMandatoryProducts(content.products)) {
-        return rowsUnderGate(purposeRows, content.products).every(isSatisfied);
-      }
-      const rowsByProduct = /* @__PURE__ */ new Map();
-      for (const row of purposeRows) {
-        const groupKey = (_a2 = row.productUuid) != null ? _a2 : "";
-        const group = rowsByProduct.get(groupKey);
-        if (group) {
-          group.push(row);
-        } else {
-          rowsByProduct.set(groupKey, [row]);
-        }
+  const confirmVerdict = (0, import_react5.useMemo)(() => {
+    var _a2;
+    if (!content) return { ok: false, reason: "nothing-chosen", blocking: [] };
+    if (purposeRows.length === 0)
+      return { ok: true, reason: "ok", blocking: [] };
+    const rowKey = (row) => productPurposeKey(row.productUuid, row.purpose.uuid);
+    const isSelected = (row) => Boolean(selectedPurposes[rowKey(row)]);
+    const wasRecorded = (row) => Boolean(recordedPurposeSelections[rowKey(row)]);
+    const isMandatory = (row) => hasRequiredDataElement(row.purpose);
+    const satisfies = (rows) => rows.filter(isMandatory).every(isSelected);
+    const rowsByProduct = /* @__PURE__ */ new Map();
+    const unresolved = [];
+    for (const row of purposeRows) {
+      const productUuid = rowProductUuid(row, content.products);
+      if (productUuid === void 0) {
+        unresolved.push(row);
+        continue;
+      }
+      const group = rowsByProduct.get(productUuid);
+      if (group) {
+        group.push(row);
+      } else {
+        rowsByProduct.set(productUuid, [row]);
       }
+    }
+    const touched = (rows) => rows.some(isSelected) && rows.some((row) => isSelected(row) !== wasRecorded(row));
+    if (!productMandatoryIsAuthoritative) {
       const groups = [...rowsByProduct.values()];
+      if (unresolved.length > 0) groups.push(unresolved);
       const everyProductHasMandatory = groups.every(
-        (rows) => rows.some(
-          ({ purpose }) => purpose.data_elements.some(isBlockingRequiredElement)
-        )
+        (rows) => rows.some(isMandatory)
       );
-      return everyProductHasMandatory ? groups.some((rows) => rows.every(isSatisfied)) : purposeRows.every(isSatisfied);
-    },
-    [content, purposeRows]
-  );
-  const areAllRequiredElementsChecked = (0, import_react3.useMemo)(
-    () => confirmSatisfiedWith(selectedDataElements),
-    [confirmSatisfiedWith, selectedDataElements]
-  );
-  const acceptDisabled = isSubmitting || !areAllRequiredElementsChecked;
-  (0, import_react3.useEffect)(() => {
+      const baseline = everyProductHasMandatory ? groups.some(satisfies) : satisfies(purposeRows);
+      const blocking2 = [...rowsByProduct.entries()].filter(([, rows]) => touched(rows) && !satisfies(rows)).map(([productUuid]) => productUuid);
+      const ok = baseline && blocking2.length === 0;
+      return {
+        ok,
+        reason: ok ? "ok" : blocking2.length > 0 ? "product-incomplete" : "required-outstanding",
+        blocking: blocking2
+      };
+    }
+    if (unresolved.length > 0 && rowsByProduct.size === 0) {
+      const ok = satisfies(unresolved);
+      return { ok, reason: ok ? "ok" : "required-outstanding", blocking: [] };
+    }
+    const scoped = noticeScopesPurposes((_a2 = content.purposes) != null ? _a2 : []);
+    const engagingRows = (rows, productUuid) => scoped ? rows.filter((row) => purposeNamesProduct(row.purpose, productUuid)) : rows;
+    const engaged = [];
+    rowsByProduct.forEach((rows, productUuid) => {
+      if (gatedProducts.has(productUuid)) {
+        engaged.push(productUuid);
+        return;
+      }
+      if (touched(engagingRows(rows, productUuid))) engaged.push(productUuid);
+    });
+    if (engaged.length === 0) {
+      return {
+        ok: false,
+        reason: purposeRows.some(isSelected) ? "nothing-engaged" : "nothing-chosen",
+        blocking: []
+      };
+    }
+    const blocking = engaged.filter(
+      (productUuid) => {
+        var _a3;
+        return !satisfies((_a3 = rowsByProduct.get(productUuid)) != null ? _a3 : []);
+      }
+    );
+    return {
+      ok: blocking.length === 0,
+      reason: blocking.length === 0 ? "ok" : "product-incomplete",
+      blocking
+    };
+  }, [
+    content,
+    purposeRows,
+    selectedPurposes,
+    recordedPurposeSelections,
+    productMandatoryIsAuthoritative,
+    gatedProducts
+  ]);
+  const acceptDisabled = isSubmitting || !confirmVerdict.ok;
+  (0, import_react5.useEffect)(() => {
     var _a2, _b2;
     clearApiCache();
     isRequestInProgressRef.current = false;
     setContent(null);
     setCategorizedPurposes(null);
+    setPendingAction(null);
     setSelectedPurposes({});
     setSelectedDataElements({});
+    setRecordedAnswers({});
     setInitialDataElementSelections({});
     setCollapsedPurposes({});
     setCollapsedProducts({});
@@ -3791,7 +4197,7 @@ var RedactoNoticeConsent = ({
     }
     isInitialMountRef.current = false;
   }, [accessToken]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (hasAlreadyConsented) {
       onAccept == null ? void 0 : onAccept();
     }
@@ -3942,11 +4348,11 @@ var RedactoNoticeConsent = ({
       const newCategorizedPurposes = isReconsentRequired ? {
         alreadyConsented: activeConfig.purposes.filter((purpose) => {
           const selection = purposeSelections == null ? void 0 : purposeSelections[purpose.uuid];
-          return selection && (selection.status === "ACTIVE" || selection.status === "EXPIRED") && !selection.needs_reconsent;
+          return selection && (selection.status === PURPOSE_STATUS_ACTIVE || selection.status === PURPOSE_STATUS_EXPIRED) && !selection.needs_reconsent;
         }),
         needsConsent: activeConfig.purposes.filter((purpose) => {
           const selection = purposeSelections == null ? void 0 : purposeSelections[purpose.uuid];
-          return !selection || selection.status !== "ACTIVE" || selection.needs_reconsent;
+          return !selection || selection.status !== PURPOSE_STATUS_ACTIVE || selection.needs_reconsent;
         })
       } : null;
       setCategorizedPurposes(newCategorizedPurposes);
@@ -4009,6 +4415,22 @@ var RedactoNoticeConsent = ({
         var _a3;
         return ((_a3 = recordedFor(purpose.uuid, productUuid)) == null ? void 0 : _a3.selected) === true;
       };
+      setRecordedPurposeSelections(
+        seedRows.reduce((acc, row) => {
+          const recorded = recordedFor(row.purpose.uuid, row.productUuid);
+          acc[productPurposeKey(row.productUuid, row.purpose.uuid)] = (recorded == null ? void 0 : recorded.selected) === true && (!recorded.status || recorded.status === PURPOSE_STATUS_ACTIVE) && recorded.needs_reconsent !== true;
+          return acc;
+        }, {})
+      );
+      setRecordedAnswers(
+        seedRows.reduce((acc, row) => {
+          const recorded = recordedFor(row.purpose.uuid, row.productUuid);
+          if (hasRecordedPurposeState(recorded)) {
+            acc[productPurposeKey(row.productUuid, row.purpose.uuid)] = recorded.selected === true;
+          }
+          return acc;
+        }, {})
+      );
       const recordedElementSelections = () => {
         const selections = {};
         seedRows.filter(rowIsRecorded).forEach(({ purpose, productUuid }) => {
@@ -4030,14 +4452,7 @@ var RedactoNoticeConsent = ({
           var _a3;
           return ((_a3 = recordedFor(purpose.uuid, productUuid)) == null ? void 0 : _a3.needs_reconsent) === true;
         };
-        const gated = gatedProductUuids(activeConfig.products);
-        const marksMandatory = serverMarksMandatoryProducts(
-          activeConfig.products
-        );
-        const rowIsMandatory = (row) => {
-          const resolved = rowProductUuid(row, activeConfig.products);
-          return (!marksMandatory || !!resolved && gated.has(resolved)) && hasRequiredDataElement(row.purpose);
-        };
+        const rowIsMandatory = (row) => hasRequiredDataElement(row.purpose);
         const rowsByProduct = /* @__PURE__ */ new Map();
         seedRows.forEach((row) => {
           var _a3;
@@ -4109,7 +4524,7 @@ var RedactoNoticeConsent = ({
       isRequestInProgressRef.current = false;
     }
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     injectCheckboxStyles();
     fetchNotice();
   }, [
@@ -4152,7 +4567,7 @@ var RedactoNoticeConsent = ({
         setSelectedDataElements((prev) => {
           const updated = { ...prev };
           purpose.data_elements.forEach((el) => {
-            updated[`${key}-${el.uuid}`] = newPurposeState;
+            updated[`${key}-${el.uuid}`] = el.enabled ? newPurposeState : false;
           });
           return updated;
         });
@@ -4165,8 +4580,8 @@ var RedactoNoticeConsent = ({
       [productUuid]: !prev[productUuid]
     }));
   };
-  const toggleSection = (sectionPurposes, keyProductUuid) => {
-    const nextState = !sectionPurposes.every(
+  const toggleSection = (sectionPurposes, keyProductUuid, target) => {
+    const nextState = target != null ? target : !sectionPurposes.every(
       (purpose) => selectedPurposes[productPurposeKey(keyProductUuid, purpose.uuid)]
     );
     setSelectedPurposes((prev) => {
@@ -4180,22 +4595,16 @@ var RedactoNoticeConsent = ({
     sectionPurposes.forEach((purpose) => {
       const key = productPurposeKey(keyProductUuid, purpose.uuid);
       purpose.data_elements.forEach((element) => {
-        elementOverrides[`${key}-${element.uuid}`] = nextState;
+        elementOverrides[`${key}-${element.uuid}`] = element.enabled ? nextState : false;
       });
     });
     setSelectedDataElements((prev) => ({ ...prev, ...elementOverrides }));
   };
-  const productBoxPurposes = (0, import_react3.useCallback)(
-    (product, purposes) => {
-      if (productIsRequiredFor(product) === false) {
-        return purposes;
-      }
-      const required = purposes.filter(hasRequiredDataElement);
-      return required.length > 0 ? required : purposes;
-    },
-    [productIsRequiredFor]
-  );
-  const handleProductCheckboxChange = (productUuid) => {
+  const productBoxPurposes = (0, import_react5.useCallback)((purposes) => {
+    const required = purposes.filter(hasRequiredDataElement);
+    return required.length > 0 ? required : purposes;
+  }, []);
+  const handleProductCheckboxChange = (productUuid, next) => {
     if (!content) {
       return;
     }
@@ -4205,13 +4614,13 @@ var RedactoNoticeConsent = ({
     if (!group) {
       return;
     }
-    const editable = productBoxPurposes(productUuid, group.purposes).filter(
+    const editable = productBoxPurposes(group.purposes).filter(
       (purpose) => !consentedPurposes[productPurposeKey(productUuid, purpose.uuid)]
     );
     if (editable.length === 0) {
       return;
     }
-    toggleSection(editable, productUuid);
+    toggleSection(editable, productUuid, next);
   };
   const soleProductSection = (rows) => {
     var _a2, _b2;
@@ -4221,12 +4630,12 @@ var RedactoNoticeConsent = ({
     }
     const product = products[0];
     const purposes = (_a2 = content == null ? void 0 : content.purposes) != null ? _a2 : [];
-    const boxPurposes = productBoxPurposes(product.uuid, purposes);
+    const boxPurposes = productBoxPurposes(purposes);
     const selectedCount = boxPurposes.filter(
       (purpose) => selectedPurposes[productPurposeKey(void 0, purpose.uuid)]
     ).length;
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         ProductSectionHeader,
         {
           product,
@@ -4241,11 +4650,11 @@ var RedactoNoticeConsent = ({
           styles,
           responsiveStyles,
           onToggleCollapse: () => toggleProductCollapse(product.uuid),
-          onToggleSelect: () => toggleSection(boxPurposes, void 0),
+          onToggleSelect: (_productUuid, next) => toggleSection(boxPurposes, void 0, next),
           getTranslatedText
         }
       ),
-      !collapsedProducts[product.uuid] && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles.sectionBody, children: rows })
+      !collapsedProducts[product.uuid] && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles.sectionBody, children: rows })
     ] });
   };
   const handleDataElementCheckboxChange = (elementUuid, purposeUuid, productUuid) => {
@@ -4260,7 +4669,7 @@ var RedactoNoticeConsent = ({
       const purpose = content.purposes.find((p) => p.uuid === purposeUuid);
       if (purpose) {
         const requiredElements = purpose.data_elements.filter(
-          (el) => el.required
+          isBlockingRequiredElement
         );
         let shouldCheckPurpose;
         if (requiredElements.length > 0) {
@@ -4312,10 +4721,11 @@ var RedactoNoticeConsent = ({
           // for the other. Collapses to content.purposes on a single-product
           // notice, so that payload is byte-identical to before.
           purposes: purposeRows.map(({ purpose, productUuid }) => {
+            var _a2, _b2;
             const stateKey = productPurposeKey(productUuid, purpose.uuid);
-            const isAlreadyConsented = (categorizedPurposes == null ? void 0 : categorizedPurposes.alreadyConsented.some(
+            const isAlreadyConsented = ((_a2 = categorizedPurposes == null ? void 0 : categorizedPurposes.alreadyConsented.some(
               (p) => p.uuid === purpose.uuid
-            )) || false;
+            )) != null ? _a2 : false) && ((_b2 = recordedPurposeSelections[stateKey]) != null ? _b2 : false);
             let purposeSelected = selection.selectedPurposes[stateKey] || false;
             if (mode === "selected" && isAlreadyConsented) {
               const wasModified = purpose.data_elements.some((element) => {
@@ -4334,7 +4744,7 @@ var RedactoNoticeConsent = ({
               selected: purposeSelected,
               data_elements: purpose.data_elements.map((element) => ({
                 ...element,
-                selected: element.required ? true : selection.selectedDataElements[`${stateKey}-${element.uuid}`] || false
+                selected: isBlockingRequiredElement(element) ? true : selection.selectedDataElements[`${stateKey}-${element.uuid}`] || false
               }))
             };
           }),
@@ -4361,7 +4771,7 @@ var RedactoNoticeConsent = ({
       setIsSubmitting(false);
     }
   };
-  const handleDecline = (0, import_react3.useCallback)(async () => {
+  const handleDecline = (0, import_react5.useCallback)(async () => {
     try {
       setIsSubmittingDecline(true);
       setIsSubmitting(true);
@@ -4371,7 +4781,22 @@ var RedactoNoticeConsent = ({
       setIsSubmitting(false);
     }
   }, [onDecline]);
-  const handleGuardianFormChange = (0, import_react3.useCallback)(
+  const confirmFirst = (kind, action) => () => {
+    if (!(settings == null ? void 0 : settings.confirmBeforeSubmit)) {
+      action();
+      return;
+    }
+    setConfirmAction(kind);
+    setPendingAction(() => action);
+  };
+  const dismissConfirm = (0, import_react5.useCallback)(() => setPendingAction(null), []);
+  const runPendingAction = (0, import_react5.useCallback)(() => {
+    const action = pendingActionRef.current;
+    if (!action) return;
+    setPendingAction(null);
+    action();
+  }, []);
+  const handleGuardianFormChange = (0, import_react5.useCallback)(
     (field, value) => {
       setGuardianFormData((prev) => ({
         ...prev,
@@ -4400,7 +4825,7 @@ var RedactoNoticeConsent = ({
     setGuardianFormErrors(errors);
     return Object.keys(errors).length === 0;
   };
-  const handleGuardianFormNext = (0, import_react3.useCallback)(async () => {
+  const handleGuardianFormNext = (0, import_react5.useCallback)(async () => {
     if (!validateGuardianForm()) {
       return;
     }
@@ -4541,20 +4966,20 @@ var RedactoNoticeConsent = ({
     noticeId,
     onError
   ]);
-  const handleAgeVerificationYes = (0, import_react3.useCallback)(() => {
+  const handleAgeVerificationYes = (0, import_react5.useCallback)(() => {
     setShowAgeVerification(false);
     setIsMinorFlow(false);
     setSelfDeclaredAdult(true);
   }, []);
-  const handleAgeVerificationNo = (0, import_react3.useCallback)(() => {
+  const handleAgeVerificationNo = (0, import_react5.useCallback)(() => {
     setShowAgeVerification(false);
     setShowGuardianForm(true);
   }, []);
-  const handleVerificationContinue = (0, import_react3.useCallback)(() => {
+  const handleVerificationContinue = (0, import_react5.useCallback)(() => {
     setShowVerificationScreen(false);
     setIsVerificationComplete(false);
   }, []);
-  const handlePopupClosed = (0, import_react3.useCallback)(async () => {
+  const handlePopupClosed = (0, import_react5.useCallback)(async () => {
     var _a2, _b2;
     if (popupCheckIntervalRef.current) {
       clearInterval(popupCheckIntervalRef.current);
@@ -4596,7 +5021,7 @@ var RedactoNoticeConsent = ({
     isPollingStatusRef.current = false;
     setIsInitiatingVerification(false);
   }, [accessToken, sandboxParams, baseUrl]);
-  const startPopupMonitoring = (0, import_react3.useCallback)(
+  const startPopupMonitoring = (0, import_react5.useCallback)(
     (popup) => {
       popupCheckIntervalRef.current = window.setInterval(() => {
         if (popup.closed) {
@@ -4606,7 +5031,7 @@ var RedactoNoticeConsent = ({
     },
     [handlePopupClosed]
   );
-  const getVerificationErrorMessage = (0, import_react3.useCallback)(
+  const getVerificationErrorMessage = (0, import_react5.useCallback)(
     (errorCode, fallbackError) => {
       switch (errorCode) {
         case "GUARDIAN_UNDER_18":
@@ -4625,7 +5050,7 @@ var RedactoNoticeConsent = ({
     },
     []
   );
-  const startStatusPolling = (0, import_react3.useCallback)(
+  const startStatusPolling = (0, import_react5.useCallback)(
     (token2) => {
       verificationSessionTokenRef.current = token2;
       setIsPollingStatus(true);
@@ -4757,7 +5182,7 @@ var RedactoNoticeConsent = ({
     },
     [accessToken, sandboxParams, baseUrl, getVerificationErrorMessage]
   );
-  const handleBackToGuardianForm = (0, import_react3.useCallback)((clearName = false) => {
+  const handleBackToGuardianForm = (0, import_react5.useCallback)((clearName = false) => {
     var _a2, _b2;
     (_a2 = verificationPopupRef.current) == null ? void 0 : _a2.close();
     verificationPopupRef.current = null;
@@ -4793,7 +5218,7 @@ var RedactoNoticeConsent = ({
     }
     clearConsentState();
   }, []);
-  const availableLanguages = (0, import_react3.useMemo)(() => {
+  const availableLanguages = (0, import_react5.useMemo)(() => {
     if (!content) return [language];
     const pinned = ["English"];
     if (content.default_language && content.default_language !== "English" && content.default_language !== "en") {
@@ -4802,7 +5227,7 @@ var RedactoNoticeConsent = ({
     const rest = content.supported_languages_and_translations ? Object.keys(content.supported_languages_and_translations).filter((lang) => !pinned.includes(lang)).sort((a, b) => a.localeCompare(b, "en")) : [];
     return [...pinned, ...rest];
   }, [content, language]);
-  const getLanguageCode = (0, import_react3.useCallback)(
+  const getLanguageCode = (0, import_react5.useCallback)(
     (displayLanguage) => {
       if (!content) return "English";
       if (displayLanguage === "English" || displayLanguage === "en") {
@@ -4815,7 +5240,7 @@ var RedactoNoticeConsent = ({
     },
     [content]
   );
-  const audioSequence = (0, import_react3.useMemo)(() => {
+  const audioSequence = (0, import_react5.useMemo)(() => {
     if (!ttsAudioUrls || !content) return [];
     const sequence = [];
     if (ttsAudioUrls.notice_banner_heading_audio_url) {
@@ -4883,7 +5308,7 @@ var RedactoNoticeConsent = ({
     }
     return sequence;
   }, [ttsAudioUrls, content, categorizedPurposes]);
-  const elementIdSequence = (0, import_react3.useMemo)(() => {
+  const elementIdSequence = (0, import_react5.useMemo)(() => {
     if (!ttsAudioUrls || !content) return [];
     const elementIds = [];
     if (ttsAudioUrls.notice_banner_heading_audio_url) {
@@ -4947,7 +5372,7 @@ var RedactoNoticeConsent = ({
     }
     return elementIds;
   }, [ttsAudioUrls, content, categorizedPurposes]);
-  const stopAudio = (0, import_react3.useCallback)(() => {
+  const stopAudio = (0, import_react5.useCallback)(() => {
     if (currentAudioRef.current) {
       currentAudioRef.current.pause();
       currentAudioRef.current.currentTime = 0;
@@ -4958,7 +5383,7 @@ var RedactoNoticeConsent = ({
     setCurrentAudioIndex(0);
     setHighlightedElementId(null);
   }, []);
-  const playNextAudio = (0, import_react3.useCallback)(
+  const playNextAudio = (0, import_react5.useCallback)(
     (index) => {
       if (index >= audioSequence.length) {
         stopAudio();
@@ -4991,7 +5416,7 @@ var RedactoNoticeConsent = ({
     },
     [audioSequence, elementIdSequence, stopAudio]
   );
-  const playAudio = (0, import_react3.useCallback)(() => {
+  const playAudio = (0, import_react5.useCallback)(() => {
     if (audioSequence.length === 0) return;
     if (isPaused && currentAudioRef.current) {
       currentAudioRef.current.play().then(() => {
@@ -5005,21 +5430,21 @@ var RedactoNoticeConsent = ({
       playNextAudio(startIndex);
     }
   }, [audioSequence, isPaused, isPlaying, currentAudioIndex, playNextAudio]);
-  const pauseAudio = (0, import_react3.useCallback)(() => {
+  const pauseAudio = (0, import_react5.useCallback)(() => {
     if (currentAudioRef.current && isPlaying) {
       currentAudioRef.current.pause();
       setIsPlaying(false);
       setIsPaused(true);
     }
   }, [isPlaying]);
-  const toggleAudio = (0, import_react3.useCallback)(() => {
+  const toggleAudio = (0, import_react5.useCallback)(() => {
     if (isPlaying) {
       pauseAudio();
     } else {
       playAudio();
     }
   }, [isPlaying, playAudio, pauseAudio]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     var _a2;
     if (!isPlaying || !content || audioSequence.length === 0) return;
     const currentIndex = currentAudioIndex;
@@ -5060,7 +5485,7 @@ var RedactoNoticeConsent = ({
     categorizedPurposes,
     collapsedPurposes
   ]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const removeAllHighlights = () => {
       document.querySelectorAll(".redacto-tts-highlight").forEach((el) => {
         el.classList.remove("redacto-tts-highlight");
@@ -5096,7 +5521,7 @@ var RedactoNoticeConsent = ({
       removeAllHighlights();
     };
   }, [highlightedElementId, isPlaying]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     setIsTTSAvailable(false);
     setTtsAudioUrls(null);
     stopAudio();
@@ -5139,26 +5564,42 @@ var RedactoNoticeConsent = ({
     backgroundColor: (settings == null ? void 0 : settings.backgroundColor) || "#ffffff",
     fontFamily
   };
-  const buttonStyle = {
+  const buttonStyle2 = {
     borderRadius: (settings == null ? void 0 : settings.borderRadius) || "8px"
   };
   const acceptAllButtonStyle = {
-    ...buttonStyle,
+    ...buttonStyle2,
     backgroundColor: ((_b = (_a = settings == null ? void 0 : settings.button) == null ? void 0 : _a.acceptAll) == null ? void 0 : _b.backgroundColor) || ((_d = (_c = settings == null ? void 0 : settings.button) == null ? void 0 : _c.accept) == null ? void 0 : _d.backgroundColor) || (content == null ? void 0 : content.primary_color) || "#4f87ff",
     color: ((_f = (_e = settings == null ? void 0 : settings.button) == null ? void 0 : _e.acceptAll) == null ? void 0 : _f.textColor) || ((_h = (_g = settings == null ? void 0 : settings.button) == null ? void 0 : _g.accept) == null ? void 0 : _h.textColor) || "#ffffff"
   };
   const acceptSelectedButtonStyle = {
-    ...buttonStyle,
+    ...buttonStyle2,
     backgroundColor: "#ffffff",
     color: ((_j = (_i = settings == null ? void 0 : settings.button) == null ? void 0 : _i.accept) == null ? void 0 : _j.backgroundColor) || (content == null ? void 0 : content.primary_color) || "#4f87ff",
     borderColor: ((_l = (_k = settings == null ? void 0 : settings.button) == null ? void 0 : _k.accept) == null ? void 0 : _l.backgroundColor) || (content == null ? void 0 : content.primary_color) || "#4f87ff"
   };
   const declineButtonStyle = {
-    ...buttonStyle,
+    ...buttonStyle2,
     backgroundColor: ((_n = (_m = settings == null ? void 0 : settings.button) == null ? void 0 : _m.decline) == null ? void 0 : _n.backgroundColor) || "#ffffff",
     color: ((_p = (_o = settings == null ? void 0 : settings.button) == null ? void 0 : _o.decline) == null ? void 0 : _p.textColor) || "#000000",
     borderColor: (settings == null ? void 0 : settings.borderColor) || "#d0d5dd"
   };
+  const confirmHint = (0, import_react5.useMemo)(() => {
+    var _a2;
+    const { ok, reason, blocking } = confirmVerdict;
+    if (ok || reason === "ok" || isSubmitting) return null;
+    if (reason !== "product-incomplete") {
+      return CONFIRM_HINT_COPY[reason];
+    }
+    const byUuid = new Map(
+      ((_a2 = content == null ? void 0 : content.products) != null ? _a2 : []).map((product) => [product.uuid, product])
+    );
+    const names = blocking.map((uuid) => {
+      const product = byUuid.get(uuid);
+      return product ? getTranslatedText("products.name", product.name, product.uuid) : uuid;
+    });
+    return CONFIRM_HINT_COPY.productsIncomplete(names);
+  }, [confirmVerdict, isSubmitting, content, getTranslatedText]);
   const actionLabels = {
     acceptAll: getTranslatedText(
       "accept_all_button_text",
@@ -5193,9 +5634,10 @@ var RedactoNoticeConsent = ({
   const handleCloseError = () => {
     setErrorMessage(null);
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const handleKeyDown = (event) => {
       if (!modalRef.current) return;
+      if (pendingActionRef.current) return;
       const focusableElements = modalRef.current.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
       );
@@ -5232,13 +5674,13 @@ var RedactoNoticeConsent = ({
       modal == null ? void 0 : modal.removeEventListener("keydown", handleKeyDown);
     };
   }, [isLoading, handleDecline]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     stopAudio();
   }, [selectedLanguage, stopAudio]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     stopAudio();
   }, [content, stopAudio]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     return () => {
       var _a2, _b2;
       if (abortControllerRef.current) {
@@ -5264,7 +5706,7 @@ var RedactoNoticeConsent = ({
       }
     };
   }, [stopAudio]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const persistedState = getConsentState();
     if (!persistedState) return;
     if (persistedState.noticeId && persistedState.noticeId !== noticeId) {
@@ -5301,8 +5743,8 @@ var RedactoNoticeConsent = ({
       clearConsentState();
     }
   }, [startStatusPolling, noticeId]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: hasAlreadyConsented ? null : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-    blockUI && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children: hasAlreadyConsented ? null : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    blockUI && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "div",
       {
         style: styles.overlay,
@@ -5310,7 +5752,7 @@ var RedactoNoticeConsent = ({
         role: "presentation"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
       "div",
       {
         ref: modalRef,
@@ -5325,7 +5767,7 @@ var RedactoNoticeConsent = ({
         "aria-labelledby": "privacy-notice-title",
         "aria-describedby": "privacy-notice-description",
         tabIndex: -1,
-        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
           "div",
           {
             role: "status",
@@ -5333,11 +5775,11 @@ var RedactoNoticeConsent = ({
             "aria-label": "Loading consent notice",
             style: styles.loadingContainer,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles.loadingSpinner, "aria-hidden": "true" }),
-              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { style: { ...styles.privacyText, ...componentTextStyle }, children: "Loading..." })
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles.loadingSpinner, "aria-hidden": "true" }),
+              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: { ...styles.privacyText, ...componentTextStyle }, children: "Loading..." })
             ]
           }
-        ) : fetchError ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ) : fetchError ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           "div",
           {
             role: "alert",
@@ -5353,7 +5795,7 @@ var RedactoNoticeConsent = ({
               textAlign: "center",
               padding: "40px 20px"
             },
-            children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
               "div",
               {
                 style: {
@@ -5366,7 +5808,7 @@ var RedactoNoticeConsent = ({
                   position: "relative"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "button",
                     {
                       onClick: handleDecline,
@@ -5384,7 +5826,7 @@ var RedactoNoticeConsent = ({
                         justifyContent: "center"
                       },
                       "aria-label": "Close error message",
-                      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "svg",
                         {
                           width: isMobile ? "14" : "16",
@@ -5393,7 +5835,7 @@ var RedactoNoticeConsent = ({
                           fill: "none",
                           xmlns: "http://www.w3.org/2000/svg",
                           "aria-hidden": "true",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                             "path",
                             {
                               d: "M12 4L4 12M4 4L12 12",
@@ -5407,7 +5849,7 @@ var RedactoNoticeConsent = ({
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "h3",
                     {
                       style: {
@@ -5418,7 +5860,7 @@ var RedactoNoticeConsent = ({
                       children: "Error Loading Consent Notice"
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "p",
                     {
                       style: {
@@ -5429,7 +5871,7 @@ var RedactoNoticeConsent = ({
                       children: fetchError.message || "Failed to load consent notice. Please try again."
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "button",
                     {
                       onClick: fetchNotice,
@@ -5454,7 +5896,7 @@ var RedactoNoticeConsent = ({
               }
             )
           }
-        ) : showAgeVerification ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ) : showAgeVerification ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           AgeVerification,
           {
             onYes: handleAgeVerificationYes,
@@ -5469,7 +5911,7 @@ var RedactoNoticeConsent = ({
             logoUrl: (content == null ? void 0 : content.logo_url) || redacto_logo_default,
             isMobile
           }
-        ) }) : showGuardianForm ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ) }) : showGuardianForm ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           GuardianForm,
           {
             formData: guardianFormData,
@@ -5487,7 +5929,7 @@ var RedactoNoticeConsent = ({
             declineButtonStyle,
             logoUrl: (content == null ? void 0 : content.logo_url) || redacto_logo_default
           }
-        ) }) : showVerificationScreen ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        ) }) : showVerificationScreen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           VerificationScreen,
           {
             onBack: handleBackToGuardianForm,
@@ -5508,8 +5950,8 @@ var RedactoNoticeConsent = ({
             declineButtonStyle,
             logoUrl: (content == null ? void 0 : content.logo_url) || redacto_logo_default
           }
-        ) }) : /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: [
-          errorMessage && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        ) }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { ...styles.content, ...responsiveStyles.content }, children: [
+          errorMessage && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "div",
             {
               role: "alert",
@@ -5527,8 +5969,8 @@ var RedactoNoticeConsent = ({
                 justifyContent: "space-between"
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: errorMessage }),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { children: errorMessage }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "button",
                   {
                     type: "button",
@@ -5545,7 +5987,7 @@ var RedactoNoticeConsent = ({
                       justifyContent: "center"
                     },
                     "aria-label": "Close error message",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       "svg",
                       {
                         width: "16",
@@ -5554,7 +5996,7 @@ var RedactoNoticeConsent = ({
                         fill: "none",
                         xmlns: "http://www.w3.org/2000/svg",
                         "aria-hidden": "true",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "path",
                           {
                             d: "M12 4L4 12M4 4L12 12",
@@ -5571,7 +6013,7 @@ var RedactoNoticeConsent = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "div",
             {
               style: {
@@ -5581,7 +6023,7 @@ var RedactoNoticeConsent = ({
               },
               children: (() => {
                 var _a2, _b2, _c2, _d2, _e2, _f2;
-                const logoNode = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                const logoNode = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "img",
                   {
                     style: { ...styles.logo, ...responsiveStyles.logo },
@@ -5589,7 +6031,7 @@ var RedactoNoticeConsent = ({
                     alt: "Redacto Logo"
                   }
                 );
-                const titleNode = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                const titleNode = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "h2",
                   {
                     id: "privacy-notice-title",
@@ -5605,8 +6047,8 @@ var RedactoNoticeConsent = ({
                   },
                   `privacy-notice-title-${selectedLanguage}`
                 );
-                const controlsBlock = /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles.languageSelectorContainer, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                const controlsBlock = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles.languageSelectorContainer, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                     "div",
                     {
                       style: {
@@ -5615,7 +6057,7 @@ var RedactoNoticeConsent = ({
                         gap: "8px"
                       },
                       children: [
-                        isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "button",
                           {
                             onClick: toggleAudio,
@@ -5632,7 +6074,7 @@ var RedactoNoticeConsent = ({
                             title: isPlaying && !isPaused ? "Pause Talkback" : isPaused ? "Resume Talkback" : "Start Talkback",
                             children: isPlaying && !isPaused ? (
                               // Pause icon
-                              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                 "svg",
                                 {
                                   xmlns: "http://www.w3.org/2000/svg",
@@ -5646,14 +6088,14 @@ var RedactoNoticeConsent = ({
                                   strokeLinejoin: "round",
                                   "aria-hidden": "true",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "6", y: "4", width: "4", height: "16" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("rect", { x: "14", y: "4", width: "4", height: "16" })
+                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "6", y: "4", width: "4", height: "16" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "14", y: "4", width: "4", height: "16" })
                                   ]
                                 }
                               )
                             ) : (
                               // Play/Sound icon
-                              /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                                 "svg",
                                 {
                                   xmlns: "http://www.w3.org/2000/svg",
@@ -5667,15 +6109,15 @@ var RedactoNoticeConsent = ({
                                   strokeLinejoin: "round",
                                   "aria-hidden": "true",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
+                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
                                   ]
                                 }
                               )
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                           "button",
                           {
                             ref: firstFocusableRef,
@@ -5691,7 +6133,7 @@ var RedactoNoticeConsent = ({
                             "aria-label": `Select language. Current language: ${toNativeLabel(selectedLanguage)}`,
                             children: [
                               toNativeLabel(selectedLanguage),
-                              /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                                 "svg",
                                 {
                                   xmlns: "http://www.w3.org/2000/svg",
@@ -5705,7 +6147,7 @@ var RedactoNoticeConsent = ({
                                   strokeLinejoin: "round",
                                   style: { flexShrink: 0, marginLeft: "4px" },
                                   "aria-hidden": "true",
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { d: "M4 6l4 4 4-4" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4 6l4 4 4-4" })
                                 }
                               )
                             ]
@@ -5714,7 +6156,7 @@ var RedactoNoticeConsent = ({
                       ]
                     }
                   ),
-                  isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                  isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                     "ul",
                     {
                       id: "language-listbox",
@@ -5724,7 +6166,7 @@ var RedactoNoticeConsent = ({
                       },
                       role: "listbox",
                       "aria-label": "Select language",
-                      children: availableLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      children: availableLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "li",
                         {
                           style: {
@@ -5745,9 +6187,9 @@ var RedactoNoticeConsent = ({
                     }
                   )
                 ] });
-                return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: logoRowStyle, children: logoNode }),
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { style: styles.headerRow, children: [
+                return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: logoRowStyle, children: logoNode }),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles.headerRow, children: [
                     titleNode,
                     controlsBlock
                   ] })
@@ -5755,7 +6197,7 @@ var RedactoNoticeConsent = ({
               })()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
             "div",
             {
               id: "privacy-notice-description",
@@ -5765,7 +6207,7 @@ var RedactoNoticeConsent = ({
                 ...sectionStyle
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                   "p",
                   {
                     style: {
@@ -5774,7 +6216,7 @@ var RedactoNoticeConsent = ({
                       ...componentTextStyle
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "span",
                         {
                           id: "privacy-notice-text",
@@ -5782,8 +6224,8 @@ var RedactoNoticeConsent = ({
                         },
                         `privacy-notice-text-${selectedLanguage}`
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
                         "span",
                         {
                           id: "privacy-policy-text",
@@ -5793,7 +6235,7 @@ var RedactoNoticeConsent = ({
                               (content == null ? void 0 : content.privacy_policy_prefix_text) || ""
                             ),
                             " ",
-                            /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                               "a",
                               {
                                 id: "privacy-policy-link",
@@ -5816,7 +6258,7 @@ var RedactoNoticeConsent = ({
                   },
                   `privacy-text-${selectedLanguage}`
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "h2",
                   {
                     id: "purpose-section-heading",
@@ -5832,19 +6274,17 @@ var RedactoNoticeConsent = ({
                   },
                   `purpose-section-heading-${selectedLanguage}`
                 ),
-                categorizedPurposes && !isMultiProduct(content == null ? void 0 : content.products) ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles.optionsContainer, children: soleProductSection(
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                categorizedPurposes && !isMultiProduct(content == null ? void 0 : content.products) ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles.optionsContainer, children: soleProductSection(
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
                     categorizedPurposes.alreadyConsented.map(
-                      (purpose) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      (purpose) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         PurposeItem,
                         {
                           purpose,
-                          productIsRequired: productIsRequiredFor(
-                            void 0
-                          ),
                           selectedPurposes,
                           collapsedPurposes,
                           selectedDataElements,
+                          recordedAnswers,
                           settings,
                           styles,
                           responsiveStyles,
@@ -5859,16 +6299,14 @@ var RedactoNoticeConsent = ({
                         `${purpose.uuid}-${selectedLanguage}`
                       )
                     ),
-                    categorizedPurposes.needsConsent.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    categorizedPurposes.needsConsent.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       PurposeItem,
                       {
                         purpose,
-                        productIsRequired: productIsRequiredFor(
-                          void 0
-                        ),
                         selectedPurposes,
                         collapsedPurposes,
                         selectedDataElements,
+                        recordedAnswers,
                         settings,
                         styles,
                         responsiveStyles,
@@ -5884,10 +6322,9 @@ var RedactoNoticeConsent = ({
                   ] })
                 ) }) : (
                   /* Regular consent UI */
-                  /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { style: styles.optionsContainer, children: isMultiProduct(content == null ? void 0 : content.products) ? productGroups.map((group) => {
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles.optionsContainer, children: isMultiProduct(content == null ? void 0 : content.products) ? productGroups.map((group) => {
                     var _a2;
                     const boxPurposes = productBoxPurposes(
-                      group.product.uuid,
                       group.purposes
                     );
                     const selectedInGroup = boxPurposes.filter(
@@ -5896,8 +6333,8 @@ var RedactoNoticeConsent = ({
                         purpose.uuid
                       )]
                     ).length;
-                    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         ProductSectionHeader,
                         {
                           product: group.product,
@@ -5918,7 +6355,7 @@ var RedactoNoticeConsent = ({
                           getTranslatedText
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                         "div",
                         {
                           id: `product-${group.product.uuid}`,
@@ -5926,17 +6363,15 @@ var RedactoNoticeConsent = ({
                           hidden: collapsedProducts[group.product.uuid] || false,
                           children: group.purposes.map((purpose) => {
                             var _a3;
-                            return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                               PurposeItem,
                               {
                                 purpose,
                                 productUuid: group.product.uuid,
-                                productIsRequired: productIsRequiredFor(
-                                  group.product.uuid
-                                ),
                                 selectedPurposes,
                                 collapsedPurposes,
                                 selectedDataElements,
+                                recordedAnswers,
                                 settings,
                                 styles,
                                 responsiveStyles,
@@ -5958,16 +6393,14 @@ var RedactoNoticeConsent = ({
                       )
                     ] }, group.product.uuid);
                   }) : soleProductSection(
-                    (_y = content == null ? void 0 : content.purposes) == null ? void 0 : _y.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                    (_y = content == null ? void 0 : content.purposes) == null ? void 0 : _y.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                       PurposeItem,
                       {
                         purpose,
-                        productIsRequired: productIsRequiredFor(
-                          void 0
-                        ),
                         selectedPurposes,
                         collapsedPurposes,
                         selectedDataElements,
+                        recordedAnswers,
                         settings,
                         styles,
                         responsiveStyles,
@@ -5983,7 +6416,7 @@ var RedactoNoticeConsent = ({
                     ))
                   ) })
                 ),
-                ((content == null ? void 0 : content.privacy_center_url) || (content == null ? void 0 : content.dpo_info)) && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                ((content == null ? void 0 : content.privacy_center_url) || (content == null ? void 0 : content.dpo_info)) && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                   "div",
                   {
                     style: {
@@ -5996,14 +6429,14 @@ var RedactoNoticeConsent = ({
                       paddingTop: "12px",
                       marginTop: "12px"
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { style: { margin: 0, opacity: 0.6 }, children: [
-                      content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                        content.additional_text && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "additional-text", children: getTranslatedText(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { style: { margin: 0, opacity: 0.6 }, children: [
+                      content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                        content.additional_text && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "additional-text", children: getTranslatedText(
                           "additional_text",
                           content.additional_text
                         ) }),
                         " ",
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "a",
                           {
                             id: "privacy-center-link",
@@ -6019,14 +6452,14 @@ var RedactoNoticeConsent = ({
                         ),
                         "."
                       ] }),
-                      content.dpo_info && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
-                        content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "dpo-grievance-text", children: getTranslatedDpoText(
+                      content.dpo_info && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                        content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "dpo-grievance-text", children: getTranslatedDpoText(
                           "grievance_text",
                           content.dpo_info.grievance_text || ""
                         ) }),
                         " ",
-                        content.dpo_info.grievance_url && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        content.dpo_info.grievance_url && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "a",
                           {
                             id: "dpo-grievance-link",
@@ -6040,14 +6473,14 @@ var RedactoNoticeConsent = ({
                             )
                           }
                         ),
-                        content.dpo_info.grievance_email && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+                        content.dpo_info.grievance_email && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
                           " ",
-                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "dpo-grievance-email-connector", children: getTranslatedDpoText(
+                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "dpo-grievance-email-connector", children: getTranslatedDpoText(
                             "grievance_email_connector_text",
                             content.dpo_info.grievance_email_connector_text || "or email to"
                           ) }),
                           " ",
-                          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                             "a",
                             {
                               id: "dpo-grievance-email",
@@ -6057,13 +6490,13 @@ var RedactoNoticeConsent = ({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "dpo-dp-board-text", children: getTranslatedDpoText(
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "dpo-dp-board-text", children: getTranslatedDpoText(
                           "dp_board_text",
                           content.dpo_info.dp_board_text || ""
                         ) }),
                         " ",
-                        content.dpo_info.dp_board_url && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        content.dpo_info.dp_board_url && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "a",
                           {
                             id: "dpo-dp-board-link",
@@ -6077,13 +6510,13 @@ var RedactoNoticeConsent = ({
                             )
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("br", {}),
-                        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { id: "dpo-dpo-text", children: getTranslatedDpoText(
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
+                        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "dpo-dpo-text", children: getTranslatedDpoText(
                           "dpo_text",
                           content.dpo_info.dpo_text || ""
                         ) }),
                         " ",
-                        content.dpo_info.dpo_email && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+                        content.dpo_info.dpo_email && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                           "a",
                           {
                             id: "dpo-dpo-link",
@@ -6102,7 +6535,16 @@ var RedactoNoticeConsent = ({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          !isFullyConsentedReviewMode && confirmHint && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            "p",
+            {
+              id: CONFIRM_HINT_ID,
+              role: "status",
+              style: styles.confirmHint,
+              children: confirmHint
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
             "div",
             {
               style: {
@@ -6112,7 +6554,7 @@ var RedactoNoticeConsent = ({
                 } : isMobile ? styles.actionButtonStack : styles.actionButtonRow,
                 ...sectionStyle
               },
-              children: isFullyConsentedReviewMode ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              children: isFullyConsentedReviewMode ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 "button",
                 {
                   ref: lastFocusableRef,
@@ -6127,11 +6569,12 @@ var RedactoNoticeConsent = ({
                   "aria-label": reviewModeButtonText,
                   children: reviewModeButtonText
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
                 NoticeFooter,
                 {
                   labels: actionLabels,
                   acceptSelectedDisabled: acceptDisabled,
+                  acceptSelectedHintId: confirmHint ? CONFIRM_HINT_ID : void 0,
                   isSubmittingAccept,
                   isSubmittingDecline,
                   isMobile,
@@ -6140,21 +6583,33 @@ var RedactoNoticeConsent = ({
                   acceptSelectedButtonStyle,
                   declineButtonStyle,
                   lastFocusableRef,
-                  onAcceptAll: handleAcceptAll,
-                  onAcceptSelected: handleAcceptSelected,
-                  onDecline: handleDecline
+                  onAcceptAll: confirmFirst("accept-all", handleAcceptAll),
+                  onAcceptSelected: confirmFirst(
+                    "accept-selected",
+                    handleAcceptSelected
+                  ),
+                  onDecline: confirmFirst("decline", handleDecline)
                 }
               )
             }
           )
         ] })
       }
+    ),
+    pendingAction && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      ConfirmDialog,
+      {
+        action: confirmAction,
+        onConfirm: runPendingAction,
+        onCancel: dismissConfirm,
+        confirmStyle: acceptAllButtonStyle
+      }
     )
   ] }) });
 };
 
 // src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx
-var import_react5 = require("react");
+var import_react7 = require("react");
 
 // src/RedactoNoticeConsentInline/api/index.ts
 var BASE_URL2 = "https://api.redacto.tech/consent";
@@ -6607,11 +7062,11 @@ var styles2 = {
 };
 
 // src/RedactoNoticeConsentInline/useMediaQuery.ts
-var import_react4 = require("react");
+var import_react6 = require("react");
 var useMediaQuery2 = (query) => {
   const getMatches = () => typeof window !== "undefined" ? window.matchMedia(query).matches : false;
-  const [matches, setMatches] = (0, import_react4.useState)(getMatches);
-  (0, import_react4.useEffect)(() => {
+  const [matches, setMatches] = (0, import_react6.useState)(getMatches);
+  (0, import_react6.useEffect)(() => {
     if (typeof window === "undefined") return;
     const media = window.matchMedia(query);
     const listener = (e) => {
@@ -6662,7 +7117,7 @@ var injectSpinnerAnimation = () => {
 };
 
 // src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var RedactoConsentInlineComponent = ({
   org_uuid,
   workspace_uuid,
@@ -6677,25 +7132,25 @@ var RedactoConsentInlineComponent = ({
   settings,
   applicationId
 }) => {
-  const [content, setContent] = (0, import_react5.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react5.useState)(true);
-  const [isSubmitting, setIsSubmitting] = (0, import_react5.useState)(false);
-  const [selectedLanguage, setSelectedLanguage] = (0, import_react5.useState)(language);
-  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react5.useState)({});
-  const [selectedPurposes, setSelectedPurposes] = (0, import_react5.useState)({});
-  const [selectedDataElements, setSelectedDataElements] = (0, import_react5.useState)({});
-  const [hasAlreadyConsented, setHasAlreadyConsented] = (0, import_react5.useState)(false);
-  const [isCheckingConsent, setIsCheckingConsent] = (0, import_react5.useState)(
+  const [content, setContent] = (0, import_react7.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react7.useState)(true);
+  const [isSubmitting, setIsSubmitting] = (0, import_react7.useState)(false);
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react7.useState)(language);
+  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react7.useState)({});
+  const [selectedPurposes, setSelectedPurposes] = (0, import_react7.useState)({});
+  const [selectedDataElements, setSelectedDataElements] = (0, import_react7.useState)({});
+  const [hasAlreadyConsented, setHasAlreadyConsented] = (0, import_react7.useState)(false);
+  const [isCheckingConsent, setIsCheckingConsent] = (0, import_react7.useState)(
     Boolean(ledgerBaseUrl) && !applicationId
   );
-  const [fetchError, setFetchError] = (0, import_react5.useState)(null);
-  const [errorMessage, setErrorMessage] = (0, import_react5.useState)(null);
-  const hasSubmittedRef = (0, import_react5.useRef)(false);
-  (0, import_react5.useEffect)(() => {
+  const [fetchError, setFetchError] = (0, import_react7.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react7.useState)(null);
+  const hasSubmittedRef = (0, import_react7.useRef)(false);
+  (0, import_react7.useEffect)(() => {
     injectSpinnerAnimation();
   }, []);
   const isMobile = useMediaQuery2("(max-width: 768px)");
-  const responsiveStyles = (0, import_react5.useMemo)(
+  const responsiveStyles = (0, import_react7.useMemo)(
     () => ({
       optionTitle: {
         fontSize: isMobile ? "14px" : "16px"
@@ -6713,21 +7168,21 @@ var RedactoConsentInlineComponent = ({
     }),
     [isMobile]
   );
-  const areAllRequiredElementsChecked = (0, import_react5.useMemo)(() => {
+  const areAllRequiredElementsChecked = (0, import_react7.useMemo)(() => {
     if (!content) return false;
     return content.purposes.every((purpose) => {
       const requiredElements = purpose.data_elements.filter(
-        (element) => element.required && element.enabled
+        isBlockingRequiredElement
       );
       return requiredElements.every(
         (element) => selectedDataElements[`${purpose.uuid}-${element.uuid}`]
       );
     });
   }, [content, selectedDataElements]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     onValidationChange == null ? void 0 : onValidationChange(areAllRequiredElementsChecked);
   }, [areAllRequiredElementsChecked, onValidationChange]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (hasAlreadyConsented) {
       onAccept == null ? void 0 : onAccept();
     }
@@ -6833,7 +7288,7 @@ var RedactoConsentInlineComponent = ({
       }
     }
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     const controller = new AbortController();
     void fetchNotice(controller.signal);
     return () => {
@@ -6847,7 +7302,7 @@ var RedactoConsentInlineComponent = ({
     applicationId,
     accessToken
   ]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!ledgerBaseUrl || applicationId) {
       return;
     }
@@ -6944,7 +7399,7 @@ var RedactoConsentInlineComponent = ({
       return newState;
     });
   };
-  const handleAcceptWithToken = (0, import_react5.useCallback)(
+  const handleAcceptWithToken = (0, import_react7.useCallback)(
     async (tokenToUse) => {
       if (!tokenToUse || !content) {
         setErrorMessage("Unable to submit consent. Please try again.");
@@ -7020,7 +7475,7 @@ var RedactoConsentInlineComponent = ({
       onAccept
     ]
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (accessToken && content && areAllRequiredElementsChecked && !isSubmitting && !isCheckingConsent && !hasAlreadyConsented && !hasSubmittedRef.current) {
       hasSubmittedRef.current = true;
       const autoSubmit = async () => {
@@ -7042,7 +7497,7 @@ var RedactoConsentInlineComponent = ({
     hasAlreadyConsented,
     handleAcceptWithToken
   ]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react7.useEffect)(() => {
     if (!accessToken) {
       hasSubmittedRef.current = false;
     }
@@ -7066,16 +7521,16 @@ var RedactoConsentInlineComponent = ({
     return null;
   }
   if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { ...NOTICE_FONT_ROOT_PROPS, style: loadingRootStyle, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: styles2.loadingSpinner }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { style: { ...styles2.privacyText, ...textStyle }, children: "Loading..." })
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ...NOTICE_FONT_ROOT_PROPS, style: loadingRootStyle, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: styles2.loadingSpinner }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: { ...styles2.privacyText, ...textStyle }, children: "Loading..." })
     ] });
   }
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { ...NOTICE_FONT_ROOT_PROPS, style: rootStyle, children: [
-    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { ...NOTICE_FONT_ROOT_PROPS, style: rootStyle, children: [
+    errorMessage && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "div",
       {
         role: "alert",
@@ -7094,9 +7549,9 @@ var RedactoConsentInlineComponent = ({
       var _a, _b;
       const renderPurpose = (purpose, productUuid) => {
         const stateKey = productPurposeKey(productUuid, purpose.uuid);
-        return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles2.optionItem, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: styles2.optionItem, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
               "div",
               {
                 style: styles2.optionLeft,
@@ -7117,7 +7572,7 @@ var RedactoConsentInlineComponent = ({
                   }
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                     "div",
                     {
                       style: {
@@ -7126,7 +7581,7 @@ var RedactoConsentInlineComponent = ({
                         justifyContent: "center",
                         marginLeft: "5px"
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                         "svg",
                         {
                           width: "7",
@@ -7143,13 +7598,13 @@ var RedactoConsentInlineComponent = ({
                             transition: "transform 0.3s ease"
                           },
                           "aria-hidden": "true",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("path", { d: "M1 1L6 6L1 11" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("path", { d: "M1 1L6 6L1 11" })
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { style: styles2.optionTextContainer, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: styles2.optionTextContainer, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
                       "h2",
                       {
                         style: {
@@ -7163,11 +7618,11 @@ var RedactoConsentInlineComponent = ({
                             purpose.name,
                             purpose.uuid
                           ),
-                          hasRequiredDataElement(purpose) && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RequiredMarker, {})
+                          hasRequiredDataElement(purpose) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RequiredMarker, {})
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                       "h3",
                       {
                         style: {
@@ -7186,7 +7641,7 @@ var RedactoConsentInlineComponent = ({
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "input",
               {
                 type: "checkbox",
@@ -7200,17 +7655,17 @@ var RedactoConsentInlineComponent = ({
               }
             )
           ] }),
-          !collapsedPurposes[stateKey] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          !collapsedPurposes[stateKey] && purpose.data_elements && purpose.data_elements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "div",
             {
               id: `purpose-${stateKey}`,
               style: styles2.dataElementsContainer,
-              children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
                 "div",
                 {
                   style: styles2.dataElementItem,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
                       "span",
                       {
                         style: {
@@ -7224,11 +7679,11 @@ var RedactoConsentInlineComponent = ({
                             dataElement.name,
                             dataElement.uuid
                           ),
-                          dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(RequiredMarker, {})
+                          isBlockingRequiredElement(dataElement) && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RequiredMarker, {})
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
                       "input",
                       {
                         type: "checkbox",
@@ -7260,8 +7715,8 @@ var RedactoConsentInlineComponent = ({
         content == null ? void 0 : content.products,
         (_b = content == null ? void 0 : content.purposes) != null ? _b : [],
         content == null ? void 0 : content.product_purpose_order
-      ).map((group) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { style: { ...styles2.optionTitle, margin: "0 0 8px" }, children: getTranslatedText(
+      ).map((group) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: { ...styles2.optionTitle, margin: "0 0 8px" }, children: getTranslatedText(
           "products.name",
           group.product.name,
           group.product.uuid
@@ -7274,10 +7729,10 @@ var RedactoConsentInlineComponent = ({
   ] });
 };
 RedactoConsentInlineComponent.displayName = "RedactoConsentInline";
-var RedactoConsentInline = (0, import_react5.memo)(RedactoConsentInlineComponent);
+var RedactoConsentInline = (0, import_react7.memo)(RedactoConsentInlineComponent);
 
 // src/RedactoNoticeAssisted/RedactoNoticeAssisted.tsx
-var import_react7 = require("react");
+var import_react9 = require("react");
 
 // src/RedactoNoticeAssisted/styles.ts
 var styles3 = {
@@ -8225,11 +8680,11 @@ var injectAssistedStyles = () => {
 };
 
 // src/RedactoNoticeAssisted/useMediaQuery.ts
-var import_react6 = require("react");
+var import_react8 = require("react");
 var useMediaQuery3 = (query) => {
   const getMatches = () => typeof window !== "undefined" ? window.matchMedia(query).matches : false;
-  const [matches, setMatches] = (0, import_react6.useState)(getMatches);
-  (0, import_react6.useEffect)(() => {
+  const [matches, setMatches] = (0, import_react8.useState)(getMatches);
+  (0, import_react8.useEffect)(() => {
     if (typeof window === "undefined") return;
     const media = window.matchMedia(query);
     const listener = (e) => {
@@ -9684,7 +10139,7 @@ var makeStaticT = (langCode) => (key, vars) => {
 var redacto_logo_default2 = "data:image/png;base64,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";
 
 // src/RedactoNoticeAssisted/RedactoNoticeAssisted.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var PurposeItem2 = ({
   purpose,
   selectedPurposes,
@@ -9709,9 +10164,9 @@ var PurposeItem2 = ({
     (el) => el.enabled !== false
   );
   const hasRequired = hasRequiredDataElement(purpose);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.optionItem, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: styles3.optionItem, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
         "div",
         {
           style: styles3.optionLeft,
@@ -9728,7 +10183,7 @@ var PurposeItem2 = ({
             }
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "div",
               {
                 style: {
@@ -9737,7 +10192,7 @@ var PurposeItem2 = ({
                   justifyContent: "center",
                   marginLeft: "5px"
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                   "svg",
                   {
                     width: "7",
@@ -9754,24 +10209,24 @@ var PurposeItem2 = ({
                       transition: "transform 0.3s ease"
                     },
                     "aria-hidden": "true",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M1 1L6 6L1 11" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M1 1L6 6L1 11" })
                   }
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.optionTextContainer, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: styles3.optionTextContainer, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
                 "h2",
                 {
                   id: `purpose-name-${purpose.uuid}`,
                   style: { ...styles3.optionTitle, ...responsive.optionTitle },
                   children: [
                     name,
-                    hasRequired && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RequiredMarker, { label: ts("required") })
+                    hasRequired && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RequiredMarker, { label: ts("required") })
                   ]
                 }
               ),
-              description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              description && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 "h3",
                 {
                   id: `purpose-description-${purpose.uuid}`,
@@ -9786,7 +10241,7 @@ var PurposeItem2 = ({
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "input",
         {
           className: "redacto-assisted-checkbox-large",
@@ -9798,7 +10253,7 @@ var PurposeItem2 = ({
         }
       )
     ] }),
-    isExpanded && dataElements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    isExpanded && dataElements.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "div",
       {
         id: `redacto-assisted-purpose-${purpose.uuid}`,
@@ -9810,8 +10265,8 @@ var PurposeItem2 = ({
             dataElement.name,
             dataElement.uuid
           );
-          return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.dataElementItem, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: styles3.dataElementItem, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
               "span",
               {
                 id: `data-element-${combinedId}`,
@@ -9821,11 +10276,11 @@ var PurposeItem2 = ({
                 },
                 children: [
                   elementName,
-                  dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RequiredMarker, { label: ts("required") })
+                  isBlockingRequiredElement(dataElement) && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RequiredMarker, { label: ts("required") })
                 ]
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "input",
               {
                 className: "redacto-assisted-checkbox-small",
@@ -9852,48 +10307,48 @@ var RedactoNoticeAssisted = ({
   onComplete
 }) => {
   const isMobile = useMediaQuery3("(max-width: 768px)");
-  const [content, setContent] = (0, import_react7.useState)(null);
-  const [isLoading, setIsLoading] = (0, import_react7.useState)(true);
-  const [fetchError, setFetchError] = (0, import_react7.useState)(null);
-  const [step, setStep] = (0, import_react7.useState)("notice");
-  const [acceptMode, setAcceptMode] = (0, import_react7.useState)("selected");
-  const [selectedPurposes, setSelectedPurposes] = (0, import_react7.useState)({});
-  const [selectedDataElements, setSelectedDataElements] = (0, import_react7.useState)({});
-  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react7.useState)({});
-  const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = (0, import_react7.useState)(false);
-  const [selectedLanguage, setSelectedLanguage] = (0, import_react7.useState)("English");
-  const languageContainerRef = (0, import_react7.useRef)(null);
-  const [ttsAudioUrls, setTtsAudioUrls] = (0, import_react7.useState)(null);
-  const [isTTSAvailable, setIsTTSAvailable] = (0, import_react7.useState)(false);
-  const [isPlaying, setIsPlaying] = (0, import_react7.useState)(false);
-  const [isPaused, setIsPaused] = (0, import_react7.useState)(false);
-  const [currentAudioIndex, setCurrentAudioIndex] = (0, import_react7.useState)(0);
-  const [highlightedElementId, setHighlightedElementId] = (0, import_react7.useState)(null);
-  const currentAudioRef = (0, import_react7.useRef)(null);
-  const [verifyMethod, setVerifyMethod] = (0, import_react7.useState)(
+  const [content, setContent] = (0, import_react9.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react9.useState)(true);
+  const [fetchError, setFetchError] = (0, import_react9.useState)(null);
+  const [step, setStep] = (0, import_react9.useState)("notice");
+  const [acceptMode, setAcceptMode] = (0, import_react9.useState)("selected");
+  const [selectedPurposes, setSelectedPurposes] = (0, import_react9.useState)({});
+  const [selectedDataElements, setSelectedDataElements] = (0, import_react9.useState)({});
+  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react9.useState)({});
+  const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = (0, import_react9.useState)(false);
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react9.useState)("English");
+  const languageContainerRef = (0, import_react9.useRef)(null);
+  const [ttsAudioUrls, setTtsAudioUrls] = (0, import_react9.useState)(null);
+  const [isTTSAvailable, setIsTTSAvailable] = (0, import_react9.useState)(false);
+  const [isPlaying, setIsPlaying] = (0, import_react9.useState)(false);
+  const [isPaused, setIsPaused] = (0, import_react9.useState)(false);
+  const [currentAudioIndex, setCurrentAudioIndex] = (0, import_react9.useState)(0);
+  const [highlightedElementId, setHighlightedElementId] = (0, import_react9.useState)(null);
+  const currentAudioRef = (0, import_react9.useRef)(null);
+  const [verifyMethod, setVerifyMethod] = (0, import_react9.useState)(
     "mobile"
   );
-  const [mobile, setMobile] = (0, import_react7.useState)("");
-  const mobileInputRef = (0, import_react7.useRef)(null);
-  const [email, setEmail] = (0, import_react7.useState)("");
-  const emailInputRef = (0, import_react7.useRef)(null);
-  const [otpSent, setOtpSent] = (0, import_react7.useState)(false);
-  const verifyBlockRef = (0, import_react7.useRef)(null);
-  const otpSectionRef = (0, import_react7.useRef)(null);
-  const [otpDigits, setOtpDigits] = (0, import_react7.useState)(
+  const [mobile, setMobile] = (0, import_react9.useState)("");
+  const mobileInputRef = (0, import_react9.useRef)(null);
+  const [email, setEmail] = (0, import_react9.useState)("");
+  const emailInputRef = (0, import_react9.useRef)(null);
+  const [otpSent, setOtpSent] = (0, import_react9.useState)(false);
+  const verifyBlockRef = (0, import_react9.useRef)(null);
+  const otpSectionRef = (0, import_react9.useRef)(null);
+  const [otpDigits, setOtpDigits] = (0, import_react9.useState)(
     () => Array.from({ length: ASSISTED_CONFIG.otpLength }, () => "")
   );
-  const otpInputRefs = (0, import_react7.useRef)([]);
-  const [resendCountdown, setResendCountdown] = (0, import_react7.useState)(0);
-  const [otpUuid, setOtpUuid] = (0, import_react7.useState)("");
-  const [isSendingOtp, setIsSendingOtp] = (0, import_react7.useState)(false);
-  const [isVerifying, setIsVerifying] = (0, import_react7.useState)(false);
-  const [createError, setCreateError] = (0, import_react7.useState)(null);
-  const [otpError, setOtpError] = (0, import_react7.useState)(null);
-  (0, import_react7.useEffect)(() => {
+  const otpInputRefs = (0, import_react9.useRef)([]);
+  const [resendCountdown, setResendCountdown] = (0, import_react9.useState)(0);
+  const [otpUuid, setOtpUuid] = (0, import_react9.useState)("");
+  const [isSendingOtp, setIsSendingOtp] = (0, import_react9.useState)(false);
+  const [isVerifying, setIsVerifying] = (0, import_react9.useState)(false);
+  const [createError, setCreateError] = (0, import_react9.useState)(null);
+  const [otpError, setOtpError] = (0, import_react9.useState)(null);
+  (0, import_react9.useEffect)(() => {
     injectAssistedStyles();
   }, []);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const controller = new AbortController();
     setIsLoading(true);
     setFetchError(null);
@@ -9929,14 +10384,14 @@ var RedactoNoticeAssisted = ({
     });
     return () => controller.abort();
   }, [organisationUuid, workspaceUuid, noticeUuid, baseUrl]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (resendCountdown <= 0) return;
     const intervalId = window.setInterval(() => {
       setResendCountdown((prev) => prev <= 1 ? 0 : prev - 1);
     }, 1e3);
     return () => window.clearInterval(intervalId);
   }, [resendCountdown]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (step !== "verify") return;
     const id = window.setTimeout(
       () => scrollIntoViewSoft(verifyBlockRef.current),
@@ -9944,7 +10399,7 @@ var RedactoNoticeAssisted = ({
     );
     return () => window.clearTimeout(id);
   }, [step]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!otpSent) return;
     const id = window.setTimeout(
       () => scrollIntoViewSoft(otpSectionRef.current),
@@ -9952,7 +10407,7 @@ var RedactoNoticeAssisted = ({
     );
     return () => window.clearTimeout(id);
   }, [otpSent]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     if (!isLanguageDropdownOpen) return;
     const handleClickOutside = (e) => {
       if (languageContainerRef.current && !languageContainerRef.current.contains(e.target)) {
@@ -9967,7 +10422,7 @@ var RedactoNoticeAssisted = ({
   const isMobileValid = mobile.replace(/\D/g, "").length >= 10;
   const isEmailValid = EMAIL_REGEX.test(email.trim());
   const isContactValid = verifyMethod === "email" ? isEmailValid : isMobileValid;
-  const areAllRequiredElementsChecked = (0, import_react7.useMemo)(() => {
+  const areAllRequiredElementsChecked = (0, import_react9.useMemo)(() => {
     if (!content) return false;
     return content.purposes.every((purpose) => {
       const requiredElements = purpose.data_elements.filter(
@@ -9978,20 +10433,20 @@ var RedactoNoticeAssisted = ({
       );
     });
   }, [content, selectedDataElements]);
-  const normalizedDefaultLang = (0, import_react7.useMemo)(() => {
+  const normalizedDefaultLang = (0, import_react9.useMemo)(() => {
     const dl = content == null ? void 0 : content.default_language;
     if (!dl) return "English";
     return dl === "en" || dl === "EN" ? "English" : dl;
   }, [content]);
-  const isDefaultLanguage = (0, import_react7.useCallback)(
+  const isDefaultLanguage = (0, import_react9.useCallback)(
     (lang) => lang === "English" || lang === "en" || lang === "EN",
     []
   );
-  const ts = (0, import_react7.useMemo)(
+  const ts = (0, import_react9.useMemo)(
     () => makeStaticT(toBcp47Code(selectedLanguage)),
     [selectedLanguage]
   );
-  const getTranslatedText = (0, import_react7.useCallback)(
+  const getTranslatedText = (0, import_react9.useCallback)(
     (key, fallback, itemId) => {
       var _a, _b, _c;
       if (!content) return fallback;
@@ -10021,7 +10476,7 @@ var RedactoNoticeAssisted = ({
     },
     [content, selectedLanguage, isDefaultLanguage]
   );
-  const getTranslatedDpoText = (0, import_react7.useCallback)(
+  const getTranslatedDpoText = (0, import_react9.useCallback)(
     (key, fallback) => {
       var _a, _b;
       if (!(content == null ? void 0 : content.dpo_info)) return fallback;
@@ -10033,7 +10488,7 @@ var RedactoNoticeAssisted = ({
     },
     [content, selectedLanguage, isDefaultLanguage]
   );
-  const availableLanguages = (0, import_react7.useMemo)(() => {
+  const availableLanguages = (0, import_react9.useMemo)(() => {
     if (!content) return [selectedLanguage];
     const pinned = ["English"];
     if (normalizedDefaultLang && normalizedDefaultLang !== "English") {
@@ -10053,7 +10508,7 @@ var RedactoNoticeAssisted = ({
   const fontFamily = useNoticeFont({ noticeFont: content == null ? void 0 : content.font_preference });
   const logoUrl = (content == null ? void 0 : content.logo_url) || redacto_logo_default2;
   const linkStyle = { ...styles3.link, color: secondaryColor };
-  const responsive = (0, import_react7.useMemo)(
+  const responsive = (0, import_react9.useMemo)(
     () => ({
       modal: { width: isMobile ? "90%" : "700px" },
       title: { fontSize: isMobile ? "16px" : "18px" },
@@ -10091,7 +10546,7 @@ var RedactoNoticeAssisted = ({
     }),
     [isMobile]
   );
-  const togglePurpose = (0, import_react7.useCallback)(
+  const togglePurpose = (0, import_react9.useCallback)(
     (uuid) => {
       setSelectedPurposes((prev) => {
         const next = !prev[uuid];
@@ -10108,10 +10563,10 @@ var RedactoNoticeAssisted = ({
     },
     [content]
   );
-  const togglePurposeCollapse = (0, import_react7.useCallback)((uuid) => {
+  const togglePurposeCollapse = (0, import_react9.useCallback)((uuid) => {
     setCollapsedPurposes((prev) => ({ ...prev, [uuid]: !prev[uuid] }));
   }, []);
-  const handleDataElementToggle = (0, import_react7.useCallback)(
+  const handleDataElementToggle = (0, import_react9.useCallback)(
     (purposeUuid, elementUuid) => {
       if (!content) return;
       const combinedId = `${purposeUuid}-${elementUuid}`;
@@ -10137,14 +10592,14 @@ var RedactoNoticeAssisted = ({
     },
     [content]
   );
-  const toggleLanguageDropdown = (0, import_react7.useCallback)(() => {
+  const toggleLanguageDropdown = (0, import_react9.useCallback)(() => {
     setIsLanguageDropdownOpen((prev) => !prev);
   }, []);
-  const handleLanguageSelect = (0, import_react7.useCallback)((lang) => {
+  const handleLanguageSelect = (0, import_react9.useCallback)((lang) => {
     setSelectedLanguage(lang);
     setIsLanguageDropdownOpen(false);
   }, []);
-  const audioSequence = (0, import_react7.useMemo)(() => {
+  const audioSequence = (0, import_react9.useMemo)(() => {
     if (!ttsAudioUrls || !content) return [];
     const sequence = [];
     if (ttsAudioUrls.notice_banner_heading_audio_url) {
@@ -10205,7 +10660,7 @@ var RedactoNoticeAssisted = ({
     }
     return sequence;
   }, [ttsAudioUrls, content]);
-  const elementIdSequence = (0, import_react7.useMemo)(() => {
+  const elementIdSequence = (0, import_react9.useMemo)(() => {
     if (!ttsAudioUrls || !content) return [];
     const elementIds = [];
     if (ttsAudioUrls.notice_banner_heading_audio_url) {
@@ -10262,7 +10717,7 @@ var RedactoNoticeAssisted = ({
     }
     return elementIds;
   }, [ttsAudioUrls, content]);
-  const stopAudio = (0, import_react7.useCallback)(() => {
+  const stopAudio = (0, import_react9.useCallback)(() => {
     if (currentAudioRef.current) {
       currentAudioRef.current.pause();
       currentAudioRef.current.currentTime = 0;
@@ -10273,7 +10728,7 @@ var RedactoNoticeAssisted = ({
     setCurrentAudioIndex(0);
     setHighlightedElementId(null);
   }, []);
-  const playNextAudio = (0, import_react7.useCallback)(
+  const playNextAudio = (0, import_react9.useCallback)(
     (index) => {
       if (index >= audioSequence.length) {
         stopAudio();
@@ -10306,7 +10761,7 @@ var RedactoNoticeAssisted = ({
     },
     [audioSequence, elementIdSequence, stopAudio]
   );
-  const playAudio = (0, import_react7.useCallback)(() => {
+  const playAudio = (0, import_react9.useCallback)(() => {
     if (audioSequence.length === 0) return;
     if (isPaused && currentAudioRef.current) {
       currentAudioRef.current.play().then(() => {
@@ -10320,21 +10775,21 @@ var RedactoNoticeAssisted = ({
       playNextAudio(startIndex);
     }
   }, [audioSequence, isPaused, isPlaying, currentAudioIndex, playNextAudio]);
-  const pauseAudio = (0, import_react7.useCallback)(() => {
+  const pauseAudio = (0, import_react9.useCallback)(() => {
     if (currentAudioRef.current && isPlaying) {
       currentAudioRef.current.pause();
       setIsPlaying(false);
       setIsPaused(true);
     }
   }, [isPlaying]);
-  const toggleAudio = (0, import_react7.useCallback)(() => {
+  const toggleAudio = (0, import_react9.useCallback)(() => {
     if (isPlaying) {
       pauseAudio();
     } else {
       playAudio();
     }
   }, [isPlaying, playAudio, pauseAudio]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     setIsTTSAvailable(false);
     setTtsAudioUrls(null);
     stopAudio();
@@ -10365,7 +10820,7 @@ var RedactoNoticeAssisted = ({
     baseUrl,
     stopAudio
   ]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     var _a;
     if (!isPlaying || !content || audioSequence.length === 0) return;
     const currentIndex = currentAudioIndex;
@@ -10384,7 +10839,7 @@ var RedactoNoticeAssisted = ({
       audioOffset += totalPurposeAudioCount;
     }
   }, [isPlaying, currentAudioIndex, audioSequence, content, collapsedPurposes]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     const removeAllHighlights = () => {
       document.querySelectorAll(".redacto-tts-highlight").forEach((el) => {
         el.classList.remove("redacto-tts-highlight");
@@ -10415,7 +10870,7 @@ var RedactoNoticeAssisted = ({
       removeAllHighlights();
     };
   }, [highlightedElementId, isPlaying]);
-  const handleConfirmStep = (0, import_react7.useCallback)(
+  const handleConfirmStep = (0, import_react9.useCallback)(
     (mode = "selected") => {
       if (mode !== "selected" && content) {
         const selection = buildSelectionForMode(
@@ -10440,15 +10895,15 @@ var RedactoNoticeAssisted = ({
     },
     [content, selectedPurposes, selectedDataElements, verifyMethod, stopAudio]
   );
-  const handleAcceptAll = (0, import_react7.useCallback)(
+  const handleAcceptAll = (0, import_react9.useCallback)(
     () => handleConfirmStep("all"),
     [handleConfirmStep]
   );
-  const handleAcceptSelected = (0, import_react7.useCallback)(
+  const handleAcceptSelected = (0, import_react9.useCallback)(
     () => handleConfirmStep("selected"),
     [handleConfirmStep]
   );
-  const handleEditSelections = (0, import_react7.useCallback)(() => {
+  const handleEditSelections = (0, import_react9.useCallback)(() => {
     setAcceptMode("selected");
     setStep("notice");
     setOtpSent(false);
@@ -10462,7 +10917,7 @@ var RedactoNoticeAssisted = ({
   }, []);
   const otpRecipient = verifyMethod === "email" ? email.trim() : `${ASSISTED_CONFIG.dialCode}${mobile}`;
   const otpChannel = verifyMethod === "email" ? ASSISTED_CONFIG.emailChannel : ASSISTED_CONFIG.channel;
-  const sendOtp = (0, import_react7.useCallback)(async () => {
+  const sendOtp = (0, import_react9.useCallback)(async () => {
     setCreateError(null);
     setIsSendingOtp(true);
     try {
@@ -10488,11 +10943,11 @@ var RedactoNoticeAssisted = ({
       setIsSendingOtp(false);
     }
   }, [organisationUuid, workspaceUuid, otpRecipient, otpChannel, baseUrl, ts]);
-  const handleGetOtp = (0, import_react7.useCallback)(() => {
+  const handleGetOtp = (0, import_react9.useCallback)(() => {
     if (!isContactValid || isSendingOtp) return;
     void sendOtp();
   }, [isContactValid, isSendingOtp, sendOtp]);
-  const handleSelectMethod = (0, import_react7.useCallback)(
+  const handleSelectMethod = (0, import_react9.useCallback)(
     (method) => {
       if (otpSent || isSendingOtp) return;
       setVerifyMethod(method);
@@ -10504,11 +10959,11 @@ var RedactoNoticeAssisted = ({
     },
     [otpSent, isSendingOtp]
   );
-  const handleResend = (0, import_react7.useCallback)(() => {
+  const handleResend = (0, import_react9.useCallback)(() => {
     if (isSendingOtp) return;
     void sendOtp();
   }, [isSendingOtp, sendOtp]);
-  const handleChangeContact = (0, import_react7.useCallback)(() => {
+  const handleChangeContact = (0, import_react9.useCallback)(() => {
     setOtpSent(false);
     setOtpUuid("");
     setOtpDigits(Array.from({ length: ASSISTED_CONFIG.otpLength }, () => ""));
@@ -10520,7 +10975,7 @@ var RedactoNoticeAssisted = ({
       (_a = (verifyMethod === "email" ? emailInputRef : mobileInputRef).current) == null ? void 0 : _a.focus();
     }, 0);
   }, [verifyMethod]);
-  const handleOtpChange = (0, import_react7.useCallback)((index, raw) => {
+  const handleOtpChange = (0, import_react9.useCallback)((index, raw) => {
     var _a;
     const digit = raw.replace(/\D/g, "").slice(-1);
     setOtpDigits((prev) => {
@@ -10532,7 +10987,7 @@ var RedactoNoticeAssisted = ({
       (_a = otpInputRefs.current[index + 1]) == null ? void 0 : _a.focus();
     }
   }, []);
-  const handleOtpKeyDown = (0, import_react7.useCallback)(
+  const handleOtpKeyDown = (0, import_react9.useCallback)(
     (index, e) => {
       var _a;
       if (e.key === "Backspace" && !otpDigits[index] && index > 0) {
@@ -10541,7 +10996,7 @@ var RedactoNoticeAssisted = ({
     },
     [otpDigits]
   );
-  const handleOtpPaste = (0, import_react7.useCallback)((e) => {
+  const handleOtpPaste = (0, import_react9.useCallback)((e) => {
     var _a;
     const pasted = e.clipboardData.getData("text").replace(/\D/g, "").slice(0, ASSISTED_CONFIG.otpLength);
     if (!pasted) return;
@@ -10558,7 +11013,7 @@ var RedactoNoticeAssisted = ({
     const focusIndex = Math.min(pasted.length, ASSISTED_CONFIG.otpLength - 1);
     (_a = otpInputRefs.current[focusIndex]) == null ? void 0 : _a.focus();
   }, []);
-  const resetFlow = (0, import_react7.useCallback)(() => {
+  const resetFlow = (0, import_react9.useCallback)(() => {
     var _a;
     setStep("notice");
     const preselection = buildPreselection(
@@ -10577,7 +11032,7 @@ var RedactoNoticeAssisted = ({
     setCreateError(null);
     setOtpError(null);
   }, [content]);
-  const handleSuccess = (0, import_react7.useCallback)(() => {
+  const handleSuccess = (0, import_react9.useCallback)(() => {
     if (onComplete) {
       onComplete();
       return;
@@ -10585,7 +11040,7 @@ var RedactoNoticeAssisted = ({
     console.log("[RedactoNoticeAssisted] consent recorded");
     resetFlow();
   }, [onComplete, resetFlow]);
-  const handleConfirm = (0, import_react7.useCallback)(async () => {
+  const handleConfirm = (0, import_react9.useCallback)(async () => {
     if (!isOtpComplete || isVerifying || !content) return;
     setOtpError(null);
     setIsVerifying(true);
@@ -10678,7 +11133,7 @@ var RedactoNoticeAssisted = ({
     handleSuccess,
     ts
   ]);
-  const handleDecline = (0, import_react7.useCallback)(() => {
+  const handleDecline = (0, import_react9.useCallback)(() => {
     if (onDecline) {
       onDecline();
       return;
@@ -10691,7 +11146,7 @@ var RedactoNoticeAssisted = ({
     (content == null ? void 0 : content.notice_banner_heading) || "Privacy Notice"
   );
   const renderHeader = () => {
-    const logoNode = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    const logoNode = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "img",
       {
         style: { ...styles3.logo, ...responsive.logo },
@@ -10699,7 +11154,7 @@ var RedactoNoticeAssisted = ({
         alt: ts("logoAlt")
       }
     );
-    const titleNode = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    const titleNode = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "h2",
       {
         id: "privacy-notice-title",
@@ -10707,9 +11162,9 @@ var RedactoNoticeAssisted = ({
         children: noticeTitle
       }
     );
-    const controlsBlock = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.languageSelectorContainer, ref: languageContainerRef, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
-        isTTSAvailable && step === "notice" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    const controlsBlock = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: styles3.languageSelectorContainer, ref: languageContainerRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: "8px" }, children: [
+        isTTSAvailable && step === "notice" && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "button",
           {
             type: "button",
@@ -10724,7 +11179,7 @@ var RedactoNoticeAssisted = ({
             },
             "aria-label": isPlaying && !isPaused ? ts("audioPause") : ts("audioStart"),
             title: isPlaying && !isPaused ? ts("talkbackPause") : ts("talkbackStart"),
-            children: isPlaying && !isPaused ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            children: isPlaying && !isPaused ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -10738,11 +11193,11 @@ var RedactoNoticeAssisted = ({
                 strokeLinejoin: "round",
                 "aria-hidden": "true",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "6", y: "4", width: "4", height: "16" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "14", y: "4", width: "4", height: "16" })
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { x: "6", y: "4", width: "4", height: "16" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { x: "14", y: "4", width: "4", height: "16" })
                 ]
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
               "svg",
               {
                 xmlns: "http://www.w3.org/2000/svg",
@@ -10756,14 +11211,14 @@ var RedactoNoticeAssisted = ({
                 strokeLinejoin: "round",
                 "aria-hidden": "true",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
                 ]
               }
             )
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
           "button",
           {
             type: "button",
@@ -10777,7 +11232,7 @@ var RedactoNoticeAssisted = ({
             }),
             children: [
               toNativeLabel(selectedLanguage),
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -10791,21 +11246,21 @@ var RedactoNoticeAssisted = ({
                   strokeLinejoin: "round",
                   style: { flexShrink: 0, marginLeft: "4px" },
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M4 6l4 4 4-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M4 6l4 4 4-4" })
                 }
               )
             ]
           }
         ) })
       ] }),
-      isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      isLanguageDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "ul",
         {
           id: "redacto-assisted-language-listbox",
           style: styles3.languageDropdown,
           role: "listbox",
           "aria-label": ts("selectLanguage"),
-          children: availableLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          children: availableLanguages.map((lang) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "li",
             {
               style: {
@@ -10825,8 +11280,8 @@ var RedactoNoticeAssisted = ({
         }
       )
     ] });
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: { ...styles3.topSection, ...responsive.topSection }, children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: { ...styles3.topSection, ...responsive.topSection }, children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
         "div",
         {
           style: {
@@ -10837,7 +11292,7 @@ var RedactoNoticeAssisted = ({
           },
           children: [
             logoNode,
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "div",
               {
                 style: {
@@ -10853,8 +11308,8 @@ var RedactoNoticeAssisted = ({
         }
       ),
       titleNode
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.topLeft, children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: styles3.topLeft, children: [
         logoNode,
         titleNode
       ] }),
@@ -10865,7 +11320,7 @@ var RedactoNoticeAssisted = ({
     if (!content) return null;
     const dpoInfo = content.dpo_info;
     if (!content.privacy_center_url && !dpoInfo) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "div",
       {
         style: {
@@ -10877,14 +11332,14 @@ var RedactoNoticeAssisted = ({
           paddingTop: "12px",
           marginTop: "12px"
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { style: { margin: 0, opacity: 0.6 }, children: [
-          content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "additional-text", children: getTranslatedText(
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { style: { margin: 0, opacity: 0.6 }, children: [
+          content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: "additional-text", children: getTranslatedText(
               "additional_text",
               content.additional_text || "Manage or withdraw consent anytime at"
             ) }),
             " ",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "a",
               {
                 id: "privacy-center-link",
@@ -10900,11 +11355,11 @@ var RedactoNoticeAssisted = ({
             ),
             "."
           ] }),
-          dpoInfo && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-            content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "dpo-grievance-text", children: getTranslatedDpoText("grievance_text", dpoInfo.grievance_text) }),
+          dpoInfo && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+            content.privacy_center_url && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: "dpo-grievance-text", children: getTranslatedDpoText("grievance_text", dpoInfo.grievance_text) }),
             " ",
-            dpoInfo.grievance_url && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            dpoInfo.grievance_url && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "a",
               {
                 id: "dpo-grievance-link",
@@ -10919,13 +11374,13 @@ var RedactoNoticeAssisted = ({
               }
             ),
             " ",
-            dpoInfo.grievance_email && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "dpo-grievance-email-connector", children: getTranslatedDpoText(
+            dpoInfo.grievance_email && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: "dpo-grievance-email-connector", children: getTranslatedDpoText(
                 "grievance_email_connector_text",
                 dpoInfo.grievance_email_connector_text || "or email to"
               ) }),
               " ",
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 "a",
                 {
                   id: "dpo-grievance-email",
@@ -10935,10 +11390,10 @@ var RedactoNoticeAssisted = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "dpo-dp-board-text", children: getTranslatedDpoText("dp_board_text", dpoInfo.dp_board_text) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: "dpo-dp-board-text", children: getTranslatedDpoText("dp_board_text", dpoInfo.dp_board_text) }),
             " ",
-            dpoInfo.dp_board_url && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            dpoInfo.dp_board_url && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "a",
               {
                 id: "dpo-dp-board-link",
@@ -10952,10 +11407,10 @@ var RedactoNoticeAssisted = ({
                 )
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "dpo-dpo-text", children: getTranslatedDpoText("dpo_text", dpoInfo.dpo_text) }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("br", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: "dpo-dpo-text", children: getTranslatedDpoText("dpo_text", dpoInfo.dpo_text) }),
             " ",
-            dpoInfo.dpo_email && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            dpoInfo.dpo_email && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "a",
               {
                 id: "dpo-dpo-link",
@@ -10974,17 +11429,17 @@ var RedactoNoticeAssisted = ({
   };
   const renderNoticeScreen = (locked) => {
     if (!content) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("p", { style: { ...styles3.privacyText, ...responsive.privacyText }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "privacy-notice-text", children: getTranslatedText("notice_text", content.notice_text) }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("br", {}),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { id: "privacy-policy-text", children: getTranslatedText(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("p", { style: { ...styles3.privacyText, ...responsive.privacyText }, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: "privacy-notice-text", children: getTranslatedText("notice_text", content.notice_text) }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("br", {}),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { id: "privacy-policy-text", children: getTranslatedText(
             "privacy_policy_prefix_text",
             content.privacy_policy_prefix_text || ""
           ) }),
           " ",
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "a",
             {
               id: "privacy-policy-link",
@@ -11004,7 +11459,7 @@ var RedactoNoticeAssisted = ({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "h2",
         {
           id: "purpose-section-heading",
@@ -11015,7 +11470,7 @@ var RedactoNoticeAssisted = ({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "div",
         {
           style: {
@@ -11023,7 +11478,7 @@ var RedactoNoticeAssisted = ({
             ...locked ? styles3.lockedOptions : null
           },
           "aria-disabled": locked || void 0,
-          children: content.purposes.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          children: content.purposes.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             PurposeItem2,
             {
               purpose,
@@ -11045,19 +11500,19 @@ var RedactoNoticeAssisted = ({
       renderDpoFooter()
     ] });
   };
-  const renderVerifyBlock = () => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  const renderVerifyBlock = () => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "div",
     {
       ref: verifyBlockRef,
       className: "redacto-assisted-reveal",
       style: styles3.verifyPanel,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.verifyPanelHeader, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: styles3.verifyPanelTitle, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(LockIcon, { size: 15, color: primaryColor }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: styles3.verifyPanelHeader, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: styles3.verifyPanelTitle, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LockIcon, { size: 15, color: primaryColor }),
             ts("verifyWithOtp")
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "button",
             {
               type: "button",
@@ -11068,20 +11523,20 @@ var RedactoNoticeAssisted = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.phoneFieldWrap, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.fieldLabelRow, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: styles3.phoneFieldWrap, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: styles3.fieldLabelRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
               "label",
               {
                 htmlFor: verifyMethod === "email" ? "redacto-assisted-email" : "redacto-assisted-mobile",
                 style: styles3.fieldLabelWithIcon,
                 children: [
-                  verifyMethod === "email" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MailIcon, { size: 14, color: "#475467" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PhoneIcon, { size: 14, color: "#475467" }),
+                  verifyMethod === "email" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MailIcon, { size: 14, color: "#475467" }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PhoneIcon, { size: 14, color: "#475467" }),
                   verifyMethod === "email" ? ts("emailAddress") : ts("mobileNumber")
                 ]
               }
             ),
-            !otpSent && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            !otpSent && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
               "button",
               {
                 type: "button",
@@ -11092,20 +11547,20 @@ var RedactoNoticeAssisted = ({
                 ),
                 disabled: isSendingOtp,
                 children: [
-                  verifyMethod === "email" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(PhoneIcon, { size: 14, color: primaryColor }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(MailIcon, { size: 14, color: primaryColor }),
+                  verifyMethod === "email" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(PhoneIcon, { size: 14, color: primaryColor }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MailIcon, { size: 14, color: primaryColor }),
                   verifyMethod === "email" ? ts("useMobileInstead") : ts("useEmailInstead")
                 ]
               }
             )
           ] }),
-          verifyMethod === "mobile" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          verifyMethod === "mobile" ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
             "div",
             {
               className: "redacto-assisted-phone-field",
               style: styles3.phoneField,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { style: styles3.phonePrefix, children: ASSISTED_CONFIG.dialCode }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { style: styles3.phonePrefix, children: ASSISTED_CONFIG.dialCode }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                   "input",
                   {
                     id: "redacto-assisted-mobile",
@@ -11123,12 +11578,12 @@ var RedactoNoticeAssisted = ({
                 )
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
             "div",
             {
               className: "redacto-assisted-phone-field",
               style: styles3.phoneField,
-              children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                 "input",
                 {
                   id: "redacto-assisted-email",
@@ -11146,15 +11601,15 @@ var RedactoNoticeAssisted = ({
               )
             }
           ),
-          !otpSent ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.helperText, children: verifyMethod === "email" ? ts("otpHelperEmail") : ts("otpHelper") }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.otpStatusRow, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("span", { style: styles3.otpSentText, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CheckIcon, { size: 15, color: "#10B981" }),
+          !otpSent ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: styles3.helperText, children: verifyMethod === "email" ? ts("otpHelperEmail") : ts("otpHelper") }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: styles3.otpStatusRow, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { style: styles3.otpSentText, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CheckIcon, { size: 15, color: "#10B981" }),
               " ",
               ts("otpSentTo"),
               " ",
               verifyMethod === "email" ? email : `${ASSISTED_CONFIG.dialCode} ${mobile}`
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "button",
               {
                 type: "button",
@@ -11165,15 +11620,15 @@ var RedactoNoticeAssisted = ({
               }
             )
           ] }),
-          createError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.fieldError, role: "alert", children: createError }),
-          otpSent && /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+          createError && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: styles3.fieldError, role: "alert", children: createError }),
+          otpSent && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
             "div",
             {
               ref: otpSectionRef,
               style: { display: "flex", flexDirection: "column", gap: "12px" },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.centerLabel, children: ts("enterNDigitOtp", { count: ASSISTED_CONFIG.otpLength }) }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles3.otpRow, children: otpDigits.map((digit, index) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: styles3.centerLabel, children: ts("enterNDigitOtp", { count: ASSISTED_CONFIG.otpLength }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: styles3.otpRow, children: otpDigits.map((digit, index) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                   "input",
                   {
                     ref: (el) => {
@@ -11203,11 +11658,11 @@ var RedactoNoticeAssisted = ({
                   },
                   index
                 )) }),
-                otpError && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.fieldError, role: "alert", children: otpError }),
-                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.resendText, children: resendCountdown > 0 ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(ClockIcon, {}),
+                otpError && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: styles3.fieldError, role: "alert", children: otpError }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: styles3.resendText, children: resendCountdown > 0 ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ClockIcon, {}),
                   ts("resendIn", { seconds: resendCountdown })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
                   "button",
                   {
                     type: "button",
@@ -11253,7 +11708,7 @@ var RedactoNoticeAssisted = ({
       ...isVerify ? {} : widthStyle,
       backgroundColor: primaryColor
     };
-    const acceptAllButton = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    const acceptAllButton = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "button",
       {
         type: "button",
@@ -11267,7 +11722,7 @@ var RedactoNoticeAssisted = ({
         )
       }
     );
-    const primaryButton = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    const primaryButton = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "button",
       {
         type: "button",
@@ -11288,7 +11743,7 @@ var RedactoNoticeAssisted = ({
         children: primaryLabel
       }
     );
-    const declineButton = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    const declineButton = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
       "button",
       {
         type: "button",
@@ -11307,16 +11762,16 @@ var RedactoNoticeAssisted = ({
       }
     );
     if (isVerify) {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { ...styles3.bottomSection, ...responsive.bottomSection }, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { ...styles3.bottomSection, ...responsive.bottomSection }, children: [
         primaryButton,
         declineButton
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: isMobile ? styles3.actionButtonStack : styles3.actionButtonRow, children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: isMobile ? styles3.actionButtonStack : styles3.actionButtonRow, children: isMobile ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
       acceptAllButton,
       primaryButton,
       declineButton
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
       declineButton,
       primaryButton,
       acceptAllButton
@@ -11324,13 +11779,13 @@ var RedactoNoticeAssisted = ({
   };
   const renderBody = () => {
     if (isLoading) {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles3.loadingWrap, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles3.loadingSpinner, "aria-label": ts("loadingNotice") }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: styles3.loadingWrap, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: styles3.loadingSpinner, "aria-label": ts("loadingNotice") }) });
     }
     if (fetchError || !content) {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: styles3.loadingWrap, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.errorTitle, children: ts("loadFailedTitle") }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { style: styles3.errorText, children: (fetchError == null ? void 0 : fetchError.message) || ts("tryAgain") }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: styles3.loadingWrap, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: styles3.errorTitle, children: ts("loadFailedTitle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { style: styles3.errorText, children: (fetchError == null ? void 0 : fetchError.message) || ts("tryAgain") }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
           "button",
           {
             type: "button",
@@ -11342,16 +11797,16 @@ var RedactoNoticeAssisted = ({
         )
       ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
       renderHeader(),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { style: { ...styles3.middleSection, ...responsive.middleSection }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { style: { ...styles3.middleSection, ...responsive.middleSection }, children: [
         renderNoticeScreen(step === "verify"),
         step === "verify" && renderVerifyBlock()
       ] }),
       renderFooter()
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles3.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: styles3.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
     "div",
     {
       ...NOTICE_FONT_ROOT_PROPS,
@@ -11364,7 +11819,7 @@ var RedactoNoticeAssisted = ({
       role: "dialog",
       "aria-modal": "true",
       "aria-label": noticeTitle,
-      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { style: styles3.content, children: renderBody() })
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { style: styles3.content, children: renderBody() })
     }
   ) });
 };
@@ -11386,7 +11841,7 @@ var scrollIntoViewSoft = (el) => {
 var ClockIcon = ({
   size = 13,
   color = "#667085"
-}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
   "svg",
   {
     width: size,
@@ -11400,15 +11855,15 @@ var ClockIcon = ({
     "aria-hidden": "true",
     style: { flexShrink: 0 },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M12 7v5l3 2" })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M12 7v5l3 2" })
     ]
   }
 );
 var LockIcon = ({
   size = 15,
   color = "#475467"
-}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
   "svg",
   {
     width: size,
@@ -11422,15 +11877,15 @@ var LockIcon = ({
     "aria-hidden": "true",
     style: { flexShrink: 0 },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })
     ]
   }
 );
 var CheckIcon = ({
   size = 16,
   color = "#10B981"
-}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   "svg",
   {
     width: size,
@@ -11443,13 +11898,13 @@ var CheckIcon = ({
     strokeLinejoin: "round",
     "aria-hidden": "true",
     style: { flexShrink: 0 },
-    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M20 6 9 17l-5-5" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M20 6 9 17l-5-5" })
   }
 );
 var PhoneIcon = ({
   size = 14,
   color = "#475467"
-}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   "svg",
   {
     width: size,
@@ -11462,13 +11917,13 @@ var PhoneIcon = ({
     strokeLinejoin: "round",
     "aria-hidden": "true",
     style: { flexShrink: 0 },
-    children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z" })
   }
 );
 var MailIcon = ({
   size = 14,
   color = "#475467"
-}) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
   "svg",
   {
     width: size,
@@ -11482,27 +11937,27 @@ var MailIcon = ({
     "aria-hidden": "true",
     style: { flexShrink: 0 },
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "m22 7-10 5L2 7" })
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { x: "2", y: "4", width: "20", height: "16", rx: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "m22 7-10 5L2 7" })
     ]
   }
 );
 
 // src/RedactoNoticeConsent/components/DigiLockerCallback.tsx
-var import_react8 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_react10 = require("react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var DigiLockerCallback = ({
   accessToken: propAccessToken,
   baseUrl,
   onSuccess,
   onError
 }) => {
-  const [status, setStatus] = (0, import_react8.useState)("processing");
-  const [message, setMessage] = (0, import_react8.useState)("Verifying your guardian...");
-  const [errorDetail, setErrorDetail] = (0, import_react8.useState)(null);
-  const retryTimeoutRef = (0, import_react8.useRef)(null);
-  const redirectTimeoutRef = (0, import_react8.useRef)(null);
-  const isMountedRef = (0, import_react8.useRef)(true);
+  const [status, setStatus] = (0, import_react10.useState)("processing");
+  const [message, setMessage] = (0, import_react10.useState)("Verifying your guardian...");
+  const [errorDetail, setErrorDetail] = (0, import_react10.useState)(null);
+  const retryTimeoutRef = (0, import_react10.useRef)(null);
+  const redirectTimeoutRef = (0, import_react10.useRef)(null);
+  const isMountedRef = (0, import_react10.useRef)(true);
   const getErrorMessage = (errorCode) => {
     switch (errorCode) {
       case "GUARDIAN_UNDER_18":
@@ -11519,7 +11974,7 @@ var DigiLockerCallback = ({
         return "Verification failed. Please try again.";
     }
   };
-  const redirectToOriginalPage = (0, import_react8.useCallback)(
+  const redirectToOriginalPage = (0, import_react10.useCallback)(
     (originalUrl, verificationResult, verificationReference) => {
       updateConsentState({
         verificationResult,
@@ -11532,7 +11987,7 @@ var DigiLockerCallback = ({
     },
     []
   );
-  const handleCallback = (0, import_react8.useCallback)(async () => {
+  const handleCallback = (0, import_react10.useCallback)(async () => {
     var _a, _b;
     try {
       const params = new URLSearchParams(window.location.search);
@@ -11747,7 +12202,7 @@ var DigiLockerCallback = ({
       }
     }
   }, [propAccessToken, baseUrl, onSuccess, onError, redirectToOriginalPage]);
-  (0, import_react8.useEffect)(() => {
+  (0, import_react10.useEffect)(() => {
     injectCheckboxStyles();
     handleCallback();
     return () => {
@@ -11756,7 +12211,7 @@ var DigiLockerCallback = ({
       if (redirectTimeoutRef.current) clearTimeout(redirectTimeoutRef.current);
     };
   }, [handleCallback]);
-  const handleRetry = (0, import_react8.useCallback)(() => {
+  const handleRetry = (0, import_react10.useCallback)(() => {
     const persistedState = getConsentState();
     if (persistedState == null ? void 0 : persistedState.originalUrl) {
       clearConsentState();
@@ -11820,7 +12275,7 @@ var DigiLockerCallback = ({
     backgroundColor: "#fee2e2",
     color: "#dc2626"
   };
-  const titleStyle = {
+  const titleStyle2 = {
     fontSize: "22px",
     fontWeight: 700,
     color: "#111827",
@@ -11850,7 +12305,7 @@ var DigiLockerCallback = ({
     lineHeight: 1.5,
     textAlign: "left"
   };
-  const buttonStyle = {
+  const buttonStyle2 = {
     marginTop: "24px",
     padding: "12px 28px",
     backgroundColor: "#4f87ff",
@@ -11888,25 +12343,25 @@ var DigiLockerCallback = ({
       transform: translateY(0);
     }
   `;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("style", { dangerouslySetInnerHTML: { __html: keyframesStyle } }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: containerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: cardStyle, children: [
-      status === "processing" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: spinnerContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: spinnerStyle }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { style: titleStyle, children: "Processing Verification" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: messageStyle, children: message }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: subtextStyle, children: "Please wait while we verify your guardian's identity..." })
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("style", { dangerouslySetInnerHTML: { __html: keyframesStyle } }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: containerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: cardStyle, children: [
+      status === "processing" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: spinnerContainerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: spinnerStyle }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { style: titleStyle2, children: "Processing Verification" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: messageStyle, children: message }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: subtextStyle, children: "Please wait while we verify your guardian's identity..." })
       ] }),
-      status === "success" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { style: { position: "relative", width: "72px", height: "72px", margin: "0 auto 28px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: {
+      status === "success" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { style: { position: "relative", width: "72px", height: "72px", margin: "0 auto 28px" }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: {
             position: "absolute",
             inset: "-8px",
             borderRadius: "50%",
             border: "2px solid #d1fae5",
             animation: "redacto-dl-pulse 1.5s ease-out infinite"
           } }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: successIconStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: successIconStyle, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
             "svg",
             {
               width: "30",
@@ -11918,16 +12373,16 @@ var DigiLockerCallback = ({
               strokeLinecap: "round",
               strokeLinejoin: "round",
               style: { strokeDasharray: 24, animation: "redacto-dl-check 0.4s ease-out 0.3s forwards", strokeDashoffset: 24 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("polyline", { points: "20 6 9 17 4 12" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("polyline", { points: "20 6 9 17 4 12" })
             }
           ) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { style: titleStyle, children: "Verification Successful" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: messageStyle, children: message }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: subtextStyle, children: "You will be redirected automatically." })
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { style: titleStyle2, children: "Verification Successful" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: messageStyle, children: message }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: subtextStyle, children: "You will be redirected automatically." })
       ] }),
-      status === "error" && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { style: errorIconStyle, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      status === "error" && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { style: errorIconStyle, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
           "svg",
           {
             width: "30",
@@ -11939,19 +12394,19 @@ var DigiLockerCallback = ({
             strokeLinecap: "round",
             strokeLinejoin: "round",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
             ]
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h2", { style: titleStyle, children: "Verification Failed" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: messageStyle, children: message }),
-        errorDetail && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { style: errorDetailStyle, children: errorDetail }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { style: titleStyle2, children: "Verification Failed" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: messageStyle, children: message }),
+        errorDetail && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { style: errorDetailStyle, children: errorDetail }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
           "button",
           {
             className: "redacto-dl-retry-btn",
-            style: buttonStyle,
+            style: buttonStyle2,
             onClick: handleRetry,
             children: "Try Again"
           }