@redacto.io/consent-sdk-react 1.4.0 → 2.0.0

package/dist/index.js

@@ -26,7 +26,7 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
-var import_react3 = require("react");
+var import_react2 = require("react");
 
 // src/RedactoNoticeConsent/api/index.ts
 var import_jwt_decode = require("jwt-decode");
@@ -311,6 +311,60 @@ var submitGuardianInfo = async ({
     throw error;
   }
 };
+var fetchTTSAudioUrls = async ({
+  accessToken,
+  baseUrl,
+  noticeUuid,
+  language,
+  signal
+  // AbortSignal for request cancellation
+}) => {
+  try {
+    if (!accessToken || !noticeUuid || !language) {
+      throw new Error("accessToken, noticeUuid, and language are required");
+    }
+    const decodedToken = decodeTokenSafely(accessToken);
+    if (!decodedToken) {
+      throw new Error("Invalid access token");
+    }
+    const { organisation_uuid: ORGANISATION_UUID, workspace_uuid: WORKSPACE_UUID } = decodedToken;
+    if (!ORGANISATION_UUID || !WORKSPACE_UUID) {
+      throw new Error("Invalid token: missing organization or workspace UUID");
+    }
+    const apiBaseUrl = baseUrl || BASE_URL;
+    const url = `${apiBaseUrl}/public/organisations/${ORGANISATION_UUID}/workspaces/${WORKSPACE_UUID}/notices/${noticeUuid}/audio/${language}`;
+    const response = await fetch(url, {
+      method: "GET",
+      headers: {
+        Authorization: `Bearer ${accessToken}`,
+        Accept: "application/json",
+        "Content-Type": "application/json"
+      },
+      signal
+      // Add abort signal for request cancellation
+    });
+    if (!response.ok) {
+      let errorMessage = `Failed to fetch TTS audio URLs: ${response.status} ${response.statusText}`;
+      if (response.status === 401) {
+        errorMessage = "Unauthorized: Invalid or expired token";
+      } else if (response.status === 403) {
+        errorMessage = "Forbidden: Access denied";
+      } else if (response.status === 404) {
+        errorMessage = "Notice or audio not found";
+      } else if (response.status >= 500) {
+        errorMessage = "Server error: Please try again later";
+      }
+      const error = new Error(errorMessage);
+      error.status = response.status;
+      throw error;
+    }
+    const data = await response.json();
+    return data;
+  } catch (error) {
+    console.error("Error fetching TTS audio URLs:", error instanceof Error ? error.message : error);
+    throw error;
+  }
+};
 
 // src/RedactoNoticeConsent/assets/redacto-logo.png
 var redacto_logo_default = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATkAAAE5CAYAAADr4VfxAAAgAElEQVR4nO3deXhU5dkG8Ps552S2sId931RWwQVwq6LihmttiVUhaNUEcGnpXluLtnaz7WeVqhCokAS0RVuK4lK1igpaFRQREJBFQCAsAQJk9nOe748hNEDWycy858x5ftfldZllzjwkM3fe97wbMTOEaMjTd6BlLBLtoenclcEdLYvbaaA8Js5jII9AbQD2E9CKgRYA/ABa1rhELgDPCZc9DCB+9P9NAIdAVAXmEIMPEaiKmQ8SqIJAFZZmVcCifZpGuzXGjlAb3857H0ck/f964WQkIScA4Ml8tNC9Vf1AWj8i9INF/ZisvgC6AdQDxweWnewBsAvAdhA2AdgE5k0W65vaR7xbxi1AVHF9QjEJOZcpLkIORasGW5Y+BOAhYBpK4MEM9FJdWxrEAWwEYzWBVrPGazRoq3b29W6cNg2W6uJEZkjIZbHn8qFX+I4MJDZGAHw2CGcDGAbAq7o2xQ4DWAHCcgDLibTlhXO9m1QXJdJDQi6LPHQxjI69gsM0ky4A4XwAlwJop7ouh9gN4CMwllo6v7GnT+ATae1lBwk5h5s5PjqINfMKAl0O8NeQuMEvmm8/GG8S+N/QtNcKS3zbVBckkiMh5zDFRQggGLwchGsZdDmA7qprcol1AF5l0Iu7t/vemfbWsVFhYXMScg7w1K2VbXXdMwbAtQzcAPuOdLrFfgD/AdPiHI9v4bf/isOqCxJ1k5CzqUfz4c/1ha5hoADAFQByVNckahUC8B8CStuG/Ytkyor9SMjZyEMXw+jYPThW0+hWMK5FYkKtcI59YCyAhnlFJf73VRcjEiTkbODJCZH+mmaOJ6bbAfRUXY9IiXVgzPXkmE/f/nSLvaqLcTMJOUWKi5DD4dCNYBQBGA2AFJck0iMCwj8J9GRhiW+p6mLcSEIuw2YUHOlIrN8Owt0AeqiuR2TUJwSeURUOlE1dgJDqYtxCQi5DnppYdbrG9H2AboKsOHC73Uw8Q4uZfyl8puU+1cVkOwm5NJtxW+h8svATAFdDuqTieFUM/NUy8McpT/u3qy4mW0nIpcmsicGrLKafAvia6lqE7UWZqJTj9NvJ872bVReTbSTkUqx4YvgCi/lhAi5SXYtwnBgBf9NA0+4s9W1RXUy2kJBLkVkTQudZGn4JxqWqaxGOFwVorqmb06bMyS1XXYzTScg101MTIqdpZP0KwDjVtYisU8XEfwyFAr+X0djkScgl6YmJh/N0Nn5BwBQAhup6RFb7Ckw/K5rnKwND3rBNJCHXRNPvg9dzIPRdEN8PUCvV9QgXIfyXGN8tLPV/oLoUJ5GQa4JZEyNjmM3HGTRQdS3CtRjA86aB78u0k8aRkGuEWRMjp1rMjwI8VnUtQhxVxcR/jLUO/FZOLKufhFw9Hs2H3+8L/YKA70O2OhL2tE4DTbqr1Pe26kLsSkKuDjMmhEcT8QwAp6muRYgGMAHzEI9/T5aJnUxC7gRzvn2kQySu/5mAW1TXIkQT7SGiqYUlvmdUF2InEnI1zJgYvIaYigF0UV2LEMmjl2Mx6657ng3sVF2JHUjIAZh7+8E2EdP3e4ALVdciRIocZNB9k0p9ZaoLUc31IXe09TYLQGfVtQiRBn+3zOjkyfNbH1BdiCquDbnp98GbczD0CAH3QrZAEtltOzQaXzTX947qQlRwZcgV3x4dwHHzWRCGq65FiAwxQfgj+fwPFM5ETHUxmeS6kJtZEL4D4McBBFTXIoQC78Zi/C03DUq4JuTm3g5fxAw/DvBdqmsRQiUG9uqk3XJXifcN1bVkgitCrnhiuKfF/DwBI1TXIoRNmEz88KTSwEPZvrNJ1odc8YTg1Uw0D0Ab1bUIYTuM5wPkv21CKapUl5IuWR1yMyeEvgPCnwDoqmsRwq4IWBUz6bq75/u2qq4lHbIy5KbfB6/nYHAGQLeprkUIh9hnMd04ucz3rupCUi3rQu7o2tN/EXCe6lqEcJgwEd2RbWtfNdUFpNJTt0b6RuP6Ugk4IZLiY+Z5MyYGH1RdSCplTUtu1vjgCEujxQA6qq5FiCwwvbyf/7vTpsFSXUhzZUXIHV1/+jcAuaprESJrEBZEW/sLnL7zsONDbkZB6FsElEJ27hUiHZaYYf+1UxbgiOpCkuXoe3LFBcFCAuZDAk6IdBmt+0KvTB8Px55M59iWXHFB8G4GTYfsICJE2hGwIkbxK+4uaVmhupamcmRLrnhC+H4G/QUScEJkBANnGZbxxhMTD+eprqWpHNeSKy4IfZ+BP6quQwhXYqw0vLFL75jdar/qUhrLUSE3c2Loe2D8SXUdQrjcx5YZHeOU3YYd012VgBPCNs7UNM+LT+ajhepCGsMRLbniieGJzDwHcg9OCDt5M9rGP9bu8+hs35IrnhC8gZlnQwJOCLu5xHMg9Oxz+fbe5cfWITejIHwJE/0NgKG6FiFELQhfr/CHp6suoz62DbmZBcGzCbwIgFd1LUKIuhHz5BkF4Z+prqMutrwnN2NiqBsx/gugu+pahBCNwsw0YVKZb77qQk5ku5CbPh6tvFroXQZOV12LEKJJwiBcUlTif191ITXZqrtaXIQcjxZ8XgJOCEfygfHCkxMi/VUXUpOtQo5D4ScAukx1HUKIpLXXiRfaaQ6dbUJu5sTgFDkTVYhswEN0X6gMZI9pX7YIuVkTQueB6VHVdQghUuaGmeNDP1JdBGCDgYfiCcEulkbLidFVaSFCiFSzNOJr7ioJvKKyCKUtuefy4WGihRJwQmQlzWIqmz0+pHQqmNKQ2+8PPQJglMoahBBplWdqeOahi9WtWlIWcjMLgteCcZ+q5xdCZMzXOvcITlP15EruyRXfFunHzCvA3DrjTy6EUMECa1cWlXlfz/QTZ7wlV1yEHMuynpWAE8JVNJBVomL79Mx3V0PBaQSMyPjzCiFU62KwMTvTT5rR7uqM20Lnk4W3AXvvPyWcRTeAviN1dBusw98KCB5gbP/MwtZPTJhx1dWJEzGoYFKpryxTz5exkHsyHy0MX+gTBmy1rk04W14PDZfd60HrzidPrg8fZqx/18TnS+KoLLfXRhSuRlQZj2PY3fN9WzPxdBkb1jV8wccYJAEnUqZle8K193vgza199ZCvJWHYWAPDrjKwY62FtW/G8eXHJiwzw4WK4zG31nWeDcLlYKT9r09GWnIzx4cvhcavQ7YwFyl0+Xc86HNW0+58BCsZ699OtO4O75PWnVJM3y4q881J99OkPeSmj0crjxb6DEDPtD6RcJVAa8L4x3ygJIfOmIHtq0x8/paJrStNsJXa+kQjEFXGotage54N7Ezn06S9u+ql8CMsASdSrOcZetIBBwBEQM9hOnoO0xE8yNiw1MTaN6V1l1HMrXNy6M8A8tP5NGltyc2YEB5NxG9Cuqkixa74rge9z0ztID0zsHOthbVvxbFlubTuMsVivn5yWeCFdF0/bSH3XD48B3zBlQwamJYnEK5leICJT/hhpPGIo6oDjC+WmVj9RhxV+6V1l2bbAvAPmlCKqnRcPG3d1Qpf+IckAZd2ngCh5+kaWnYgxKPA7i8s7Nmc3U2QrgP1tAYcAOS2JQy/xsDpVxrYssLE52/FseNzC+kfC3SlnlUc/DEQ+EU6Lp6WltwTt4Z7GTqvAZCb8ouLBAJOv9LAiBtzTnrD795o4a3iaNbODfvabTkYdEnmN7WoLGesfTOODUtNhI9k589WoahG2tC7SrwbUn3htCzrMgw8AQm4tNFzgDFTPDj35pMDDgA69dfw9WletO6UhbdCCeg1XM2CmdadCefekoPxj/lwySQPOp9qi421s4XHtPjP6bhwyltyT00IXqcRLUrpRcUxvhaEK6Z60PmUht9ge7dYWPhQJKtuoLfvreEbv7TPeeMHdlhY+6aJDctMRIPSums+vq6oNPBiKq+Y0pB7Lh+e/b7QZwBOTdlFxTGtOxGu+r631iVMdXm3JIa1/8meBZxn3WDg7BtzVJdxkngUWPNGHB8viiEaUl2No22KtvEPvvdxRFJ1wZS2t/d7Q1MhAZcWnfpruOEXTQs4ABj5TQO+ltnTbe11hj33djA8wLCxBq7/uTerft4K9PNWhlK6mW7KQm72LVWdQHx/qq4n/qfvCB3X/CS5N483lzAq334tn2QE2hI69Lb3fbB2PTRcdEd2/LxVYcYDxROCXVJ1vZS9YkyDfg1Qq1RdTyScfpWBMfd4YHiSv8ZpF+ro1N/e4dAYvYbrjphW3vtMHXk9nf/zVqglk/Zgqi6Wkt/EUxMipwE0MRXXEgmkARcU5ODcm3NAzXxjEwHnF+Q0axmUHfQa7px/QLfBzqnVnviOJwuiKZlnm5LfhEbWb5DBbZuyneEFLr/Pg8FjUvcj7dBbw8DRzv0VGR6g22B73o+rjV/uyzWXrpP5YCou1OyQmzU+OALA11NQi0Bid43r7vemfF0mAIwc59xBiG6D9WZ12TMtdFimkzQbY1xxQajZR5Y2O+QsnX4LR9wpsb+23Qg3TPOiQ5/0dHWcPAjR6wxndf++Wp1FkxPVIWb+ZXMv0qxXzqwJofPAuLS5RQig60ANNzzgRcv26f17cdqFOjr2c1Zg4Oi2SE6xdaWJ/dsl5FKC6PIZt4XOb84lmvVqt4gfbM7jRUK/UTrG/sALTyD9DWIi4GsTnTUI0aGPhty2zugsxKPAe/NiqsvIKsT00+Y8PumXeqKvTJc158kFMPQKA2OmeKBnsBfZ3mGDEL1tOgG4Nh8viuHQHrkfl1LMV88sCJ6d7MOTDjkmeiDZxwpA04Gv3Z6D827NUXJH00mDEE65H3dgh4VPX86eJXT2knxrLqlXz8wJVcPAPDbZJ3W7HB9w5VQPBl2srjXlzSWMGmf/1lxuW0JeD/uHHDPwztMxOQksfW6YOT46KJkHJvXqYdBUyIhqUgJtCdf/3Isep6vvgp12kWH7lRC9znTGKofP34qj/AsZbEgjDZr1neQe2EQzCo50JKKbknkyt2vXI7HPm12W/BAlVlXYeRCitwO6qqFKxofPSTc1/Xji7FuqOjX1UU1+BRG0uwH4mvo4t+s+RMP1P/eiRTt7NUvsPAhheBNbndvdsnkxRKpksCEDvFaOXtjUBzUp5KbfBy9ARU19ErcbcKGOq77vhcevupLa2XUQovsQPaOjzsnY/pmJTR/IjbhMYeZ75t7etEZWk0Iu52A4H0CTm4uuRcDZX8/BRXd6oNm4QeLNJYy04SCEXfeOqxaPAktLZE5chnWMWuEbm/KAJoUcMUsrrgnOH5+Ds75uv/CozYCLDFuthEgc/myfemqz4l8yJ04FZr6rKd/f6FfRkwXRgSCc1/SS3Kn3mTqGXOaMgAOODkJMbP62TqnSoa+GQGubFFOLiu0WVr0igw2KjG7KNkyNDjkd5mQ4YjDfHoaNdU7AVevQW8NAhXP3arJzV5UZeHeuzIlTSSfz24393kaF3KP58AMYn3RFLqPpsFXXrynsMghh5w0y174Zx26ZE6cW47bEQGjDGvVKCvhD1wFo26yiXMTwkq0HGupjh5UQLfLINnMJTxQ8KHPibKJ9TmWoUauuGvdKYtzarHJcJhpiR5/BeZriQQg7d1WXzYs5+nebTbRG5lKDr+S/3nmoHYArml2RmzDw5cfO7c4cWwmhqNdq167qtpUmNn8oN+LsgoGr595+sE1D39fgq8mMGDcBcNDG0/bw8aIYYmHVVSSvQx81gxA5PqDrIPu15OIRYGmpzImzGV807vlmQ9/UYMgx0S2pqcddKncz3ngyCsvBt29UDEJ0H6JDt8cA73GWL4zh8D7pptoNEzXYZa035I4uhpW5cUnattLEq3+OIh5VXUlyVKyESMcBPs1Vsd3CZ/928F+r7Hbhk7dXda7vG+oNOUunGxv6HlG/7atMvPyHCKIh1ZUkZ0AGt2MiAnoMtdfLjRl4d47MibMxzYjTNfV+Q31fZJKjBlNh13oLi38XQfiI87o7mTyYumN/DX6brXJY80Ycuzc6dxDJDZi0enOqzpduYtSCLkp9Se60d4uFl34fRdiB53F26K1h4EXp77ba7SyH4EHGR/+Qbqr98aXTx6NVXV+tM+TCcd/VkFHVlNq31cKihyOoOuC8oBuZn/5BCLud5bC0VObEOYTXo4euquuLdb6qiLjOB4nkHdzFWPRwxHG7V6R7EKJle0LbbvYJue2rTGxZLjfiHIP5yrq+VOur6qGHoAGQ4wbT5PBexou/jaCy3FlBl85BiF42GlWNR4F3ZZ84h6ErQbVvIFLrK7bjluAZADqmtSaXO1LBWPTriKNOWk/nIISd7sd99HwMh/c66w+QQOdZt1UNq+0Ltb5cydLqbPqJ1AlVMl74TRR7Njsn6NIxCOHxA11Os0dXtWK7hdWvy2CDE1mmXusttjpeWSxd1QyJVDFeeiTqqK17Uj0I0X2oDs0GqxxkTpzT8eW1ffakkJt7O3wEjEp/QaJaNMhY/EgEO9Y4I+i8uYSR30xdKtll15HVr8mcOIc7p7ZDbk4KuXA8fA7kyMGMi0eAV/4UwZcfO6MZMWB0arZjIg3oebr6rmrwIGP5QummOpwvFA+POPGTJ726iHBhZuoRJzLjwOt/iWLzR/YPumNnQjQznzr112yxE/G7JTInLhvUll+1vERZVjkoZMWBN56IYsNS+wddh94aBjRzEMIOXdVtK018ucL+P2/RMGKr/pArLkIOgHMyVpGoFVvAkllRrFti/+7TqGYOQqjedSQWBt6ZK3PisgbRec/l47gX1fEtuWBwKIBAJmsStWMG3p4Tw6pX7R10zRmEaNWR0KaL2q7qR/+IoWq/dFOzSIsDnqpBNT9xXMhZGk66aScUYuD9Z2JYYfMb4skOQqhuxe3dInPispGl68fl2HGvTGIJOTtavjCGDxbYt0uV7CCEyvtxbAHvzImBZcZI1jkxx44POZCEnE2tXBzH0pIYYNOeVVMHITwBQudT1U0d+ey1OPZ9KQmXjQhce8g9mg8/A4NOfoiwizX/iSdaHzYNuqYMQvQ8XVN2Nu2RCsbyf9q3ZSyah4GhNQ+ePhZyvkBwEAAbLK4R9fl8SRxvzojaculRUwYhVHZVl5U5+yQ10SCPUVl1WvUHx0JOZ22ImnpEU21838Rrj0dh2vCeeWMGIUgDuis6y2HzR6ZjVpWI5OnQj+XZsVcagyXkHGTrJ0eDzma9LiLgggn1H0zd+RQNvhaZnzoSDQHvzbPZDyyF2nYjDLhQx/BrDPQ/V7fFShJVmK1jefa/vgXTENve1Ra12rbSxCt/iuDKqV4Y3oa/P1M69NUwYLSBz9+qvampqqv60fMxR249XxfDA3QdqKPncA09h+lo2f74UDNjwGf/juOjf7hxZxWqJeSkJedIO9ZaWPxIBGO/74EnYJ+/3CPHGdjykVnrCWUqQm7PZgtr/mPD/n0TtWxP6DksEWxdB+ow6jmFRc8Bhl9joHVnwuvTo7YdsEqTodX/Q8yM4iIEOBQ6AtS+fbCwv/a9NVz9Q4+tuihr34rj3TnHdw9bdyJ86w+Z3eTGMoGFD0awb6vzpoyQBrTvqaHXGTp6nqGhQy8tqXfp23+NYt3brmrOWcGwv8XUBQgZAGCGq/pr0Ozz7hBNtu9LCy/8OoKrf+xFblt7/CoHjjaw/h0Tezb9L1xUnOXw2b/jjgo4X0tC14GJYOs1XIM3t/m/zyGXG24LOS3gifYBPGsNANBY66+6ItF8B3YmDsi55idetGinPuiqByEWPhQ51lXqNTyzIXd4H2P5QpsPNlBiMnXPYRp6DtfRoY9W78BNMvJ6JA7uDlW6p89qUbz/sZAjQj+X9dezVmU5Y9GvEkHXupP6oOvQN7ES4vMlcXhzM7/KYVlZDPFIRp+yUQwv0G1QoqXWc7iekdZ3+14atq9yT2tO06g/UD3wYFE/kKRctjhSwXjh4Qiu/rEH7bqr33V31E0Gtqww0X1IZlc5bPrAxNZP7POmbtWR0G2wjl5naOgxJPPnWnToTdi+KrPPqZSFfsDRkGNCb6XFiJQLVjIW/y6Kq3/kQV5PtUHnzSWM+KYBjz9zLctoKLGDi0p6DtD5VA3dB+vofZaufFupvF7q/+BlEoP6AMemkFg9ZGA1+4QOMV78bRRjf+hBx75qX+ADRxswo5l7vg8XqJkT1yLv6BSPYRq6Da5/ikemdejtrpAjDd2B6pAjrZvbJtG4RaQqMRhx5VQvug1S9yInQsYmLO/ZbGFtHRORUy1VUzwyoWV7gjeXEKlyyXuduRsAUOkEzg0idER1PSK9DA9w+Xc86DFU/ZkK6WSZwD+nRVCxLX1TRnwtCF0HpXaKR6Ys/l0EO9Y6ZzpNc5Hfn2sc4Uh3mSGX/eJR4NVHoxgzxYM+Z2dv0K16JZ6WgGvbTUOvMxL317oMULdNVHO17625KuTiwUhXQ9e4q/RU3cE6euTh6Ds9OPUCh75L63F4H2PFotQMNhgeoNMpGnqfoaPP2TpybTDvMBXau2zwIYe4m2FZ3CHVEw+FfbEFLJkdhWV5MODC7Aq6ZaXNmxNXc4pH9yE69CzcXbG9ywYfTOb2hgbOY7veKRVpwVZiLWMslIOhV2THO3njf01sXdm0OXGaDnTsp6HXcB29ztDRtlv2vw9adybk+OCaTUM14jyDScuTLZZciIH35id2yD3zemcHXTTIeP/ZxnVT/a0IPU5PBFv3oTo8/jQXZzNEiSVe5V+4474cQ8szAM5TXYhQ56N/xBCLMEbl56guJWkf/D2OYB1z4ogS96GcMMUjU9r3dlPIcZ5BQJ6049xt5eI4YuHEYnqnBcCeTRY+X3L8nDhvLqHbYA3dB2vodaaOQGuH/aPSzE2DDwTOM0BoLb1VseaNONgELrit/q3L7cQycez0slYd6ei8NWdP8ciE9r0d8gtOBabWBjNaqK5D2MPat+KIxxij7/Q0+aBoFfZusTB4jI6ewzy22UPPCdp206AbsOVBSClH3MIAkKu6DjvQDMAboGN74UdD7MrT1TcsNWHGorhkksf2raFO/TV06u+ANLYZTQfa9dCwd0v2v8AZlGsAlOvm0dVewxOnG3U6pfaNCs04EI8kfj7RIMAMmDFGPAbASux2AQCxCMOKJ7pQsfDR7w8lpmtYZuLrABCtSvy0zejRazAQCSa+Fo8kJuxa1snXMOOcsX3RNn1gIh6N4rJ7PNCdOx4h6tG+lztCjoBcA2DXdlfPvTkHp19V//QJ3QB0I5F+3mNtXrVdo2iQj4ZtYrkWUFtQMmJHAzgaBtjko4F99HOhE65RM2yjQDzKWPVKHGdca6j+54o0cNF9uRYGAJfNFEoYcKHeYMDZVe2ncrnmRStSwEUjrLkaABvteJUZmg6c/Q3phwn3atfDNSPQhobjzl51h/a9NBmNE65meIA2XV3RmnNnyEnACQG07+WK94GhAXBHo7WG6pFOIdzMJfflclzZkju0R0JOCJdsu2RocOGw3OF97I7Z3kLUI69n6g+xtiFNA2CfgykzhC1pzQnh8QOtbHAAeZrFNACubNNU7sr+2d5CNMQF9+Xirg25g+XSkhMi+0OO3Rtylbsl5ITI/sEHcnHISXdVCLTtmvX35OIaAJccaXE86a4KAeT4VFeQdmENwBHVVagQqmREgxJ0wt2OVGT7e4CPaARUqS5DlUppzQmX+/Lj7L5tw6AqzXJpSw6QLqtwt2AlY9Wr2X1LnoAqjUAubsll918xIeoSPsx45U9RRKqy/g/9EYPAh7L+n1kH6a4Kt6k6wNjykYmPX4gj5IJ3PgFHDAYqVBeiinRXRV1ObOFEavR3mBPbxx9T46wP4Pit5xMfA7Ea35/4+ISvh2t8PQ7EapznYZmMWI05EImvH//9Nc//MOOJ7euPfXx0i3szxse2y3cLBioMJt5HnPVzZWpVWW4lTpVx5z8/qx3aw1gyK3rszR8J1h1aiY/lD1524gqDQK5tycXCiZuvgTaSctmmVUfCuTfn4KU/uOK+k6gDgSo0N4ccIPflslmHvhqu+bEHvpbyR8y1iPZpFpuuDrmDMsKa1dr31nDdz7wIyJb3rsSWuV/TLOxUXYhKB3dJS64+bAF7t1hY9Woc699x5taDbbsSrvupFy3aSdC50C5D95k74tFs34mgbodkN5LjWCZQsd3C7g0Wdm2wsGONhUgVQzOA/N86d6Fj686E6x/wYvHvIrIDjYuQae0gZsbMglAVgIDqglRo04Vw0++d++ZtrupQ27HaQvkXFnatt2pd03v6VQbOvdn5Z9UGKxkv/T6K/V/JbQoXiBSV+f2JQ2wIO8A4RXFBShzay7BMuOWgXcSjwL6tFsrXW/hqjYnyDRbMWP2P8eYSzrg2O847CrQmXPMTD156JIqKbRJ0WW4nGJx45TJ2AO4MOSueONimdZbudR8LA3s2WSjfYGHXBhPl660mH+Jz1g0GfC2y5+fjb0W47n4PXv5jFLs3StBlsa+Ao8cRMvNWcsGxPXWpLLfQulN2NOWqQ626lbZnkwWrGeMFrToSBl2aHa24mjwBwjU/9uLVP0ewY40EXVaiGiGnadomZvfejK0sZ2CY6iqSEzrE2LM50VLbsdrCvq0WUvmrHHVTDvTsyzgAgOEFrpzqxWuPRbH9M2eOHIu6scUbgeqWnMUb3by0yUlrWIOVjPL1iUGC8vUW9m49ujQtDTr119D37Oxo4dbF8ABXTvXgjSej2LJcgi6baJq2CahuyTFvtFzeXbWr4EFG+QYLX61JtNYO7MhcrefcnOOKdb2aAVx2jwdLZkexYakEXbawqEZLLs6xjRo8aitSqNJGE4IP7mLsWm9i1zoLO9dZqNqvpra+I3R0PiVz8yfXLYljwGh1/WLSgNF3ekBa1LGTnsXxjKj1v5CbPL/1gRkFob0EdFBblhpHDjDikcQ9mkw7tIexY42J8i8s7PzcssWe+5oBjMzP4Jw4Bj58Pg5vS0Kfs9R1j0kDRt/hgccfw2f/zu4dc13g8H7fposAABZ1SURBVJ3P5O4GjoYcABCwBsBoVRUpxUDlbgt5PdPbcmELqNiWmHC7c13inlr4iPpQO9HgS42MTqk5sIsROsR4f34MPYbqMFR2Kgg479bEYMvKlyToHIuwpvp//xdyhNXMLg05AOVfpD7kLDOx7nPX+sR/5RtqX01gJ95cwlk3ZLbbuGt9ont4eB/jkxdiGPFN9SsrRt2UA8NLWP7PBmZKC1ti0Orq/z/2arbAq8kNd5nrsO5tE4MvMZp1o72xS6Ts7MzrDXhzM/s62LXuf4MpK1+O45TzDbTpov61mJgEDSwti6VtBFukh8Z8cksORKvd/Ivc96WFVf+O4/QrG9+KiUeB3RutYwMFezZZjt5eulVHwuAxmb/5XzPkrDjw3vwYxv7AHgNhg8cYIAKWlsZSOv9QpBeRdnJLLhb3f+bRQq7eDPy/z8YQjwDDrzFqXcsaCwPlG8xE93OdhT1bLFhZdNtm5LjMT/w9tIdRdeD49Ni+ysSWFabSQYiaBl1qwPASlsyOgu0720jUwJZ5rCVHNVc6zCwIrQdwqoqi7KRlB0K/UTradNHAJuPATsauDRYqtjZviZSddeqv4YYHvBn/E7f+HRNLZp/c/G3ZnpD/O5/aQYgTbP7QxH+eimbtayCLlBeV+rtUf3D8323GhyAJucN7GSsXZ1ETrRHO+Zaaib8719WeGIf3MT55MYYR31A/CFGt70gdhteD16dHHX1bItsR4cOaH2snfPGjzJYj7KDvCB2dT1Wzcequ9XX3/1a+FLfdzs09h+kY+wMvcty7BaHtMdNxOXbcK5sl5FxH0xP34lSo2s84vLfuELPiwLIy+zWZugzQMPYHXngCrr19bW9sLq/54XEhFwz5VwKQiUEuMniMgdad1bxZd65r+C7+V6stfLnCfjfBOp+q4dqfyElgduTJ4RU1Pz4u5KYuQAjAcSkospcnQDjzenXrRXc1IuQAYNm82HEnxNtF+94arrtfTgKzEwI23v50i701P3fyjRjCOxmrSCh11vVqd/ytXunQkCMVjE8W27OD0bYb4dqfeJErJ4HZAoPfPvFzJ4ccs4ScC7TsQBh8mbpWXLCSm7SPnx0HIaq16UK4/uferN1C30mItHdP/NxJIRe1AksB2O8miEipUflqd/zdta5pm33adRCiWsv2hOt+7kXbbu493tMOzDg1HHL3zsMhAJ9kpCKhRMe+GvqNVLuaoL6pI3Wx6yBEtUBrwrU/9aR9NxtRpx2T53s3n/jJOn4b/Hq6qxHqnHuL+h1/kwk5wL6DENWqTwLr1F+CLtMIeLO2z9f6m9Cg/Tu95QhVVE78rRapYhxI8nBnOw9CVPMECFf/yItugyToMsliqjW3av0t7NzuWwaiyvSWJDJN5cTfmnata96JYnYehKiW4wOu/J4X3YdI0GWIBYrX2gOt9Tcw7S3EwfxWemsSmaZy4m9NyXZVq9l9EKKa4QGu+p7XNrupZDMGVkwqbbGntq/V+WeGiV9NX0ki0zwBwpnX2eMA1cZOAq6P3QchqmkGMOYeD049X4IunQhc5y22OkMuHsWLAGT3rCxx5nWGLZYgRUPAvm2peVnZfRCimqYDo+/yYMCFEnRpQ/RyXV+qM+TueTawE8AHaSlIZFTL9oQhCif+1lS+wUzZxpNOGISoRhpw0R0eDL3CHr+HbMKEneV9/XVmVb13RYmwMPUliUwbOS4HuvrxBgDNvx93opUvxVHZhJUTShFw3i05GDZWgi61aNG0aXX3OusNubilScg5XMe+GvqfY59uUirux9VkxYGlpfYfhDiGEhuUjsrkubZZjiyqN6fqDbkpZd6NIPostSWJTDrnZvUTf6vFo8DeL1N/m/er1Ra+/Nj+gxA1Db/GULYbc5Y52C7iPWlRfk0NT+JhPJuyckRG9TlLR5fT7DNPa/cX6Tv4Z1mZMwYhaho21sDXJuaAJOiSxsyLxi1AvU35Bt8BRJgPOXXScTQ9cUCyndR1nkMqOGkQoqZBlxi4uMhT6+lwomEEfX5D39NgyBWW+LYBWJqSikTGDLrEHhN/a0r1oMOJPnXSIEQNp5yn45JJEnRJ2NUu4q11vWpNjerLMHGDaSnsI8cH20z8rWbGgb2b0xtyptMGIWroN0rHFd/x2GYU3AkI+Nu4BQ1vC9eokMvJiT8HINzsqkRGnHl9Dvyt7dWK27PJysgxfk4chKjWc7icBNYUDH6mMd/XqJC7Y3ar/Qz8s3kliUzIbWefib81pXrqSH2cOAhRrevAoyeB+VVXYne0uqg00KjzaBo/9MY0K+l6RMaMys+x1anz1Rp7nkMqOHUQolrnUzWM/aHXlr9HuyBwo/Oo0SE3qcy3hMCfJ1eSyIQOfTSccq797l5bJrB7Y2aXQX/6chyVu503CFGtU38NFxRIytUhrHti8xr7zU2aRMVMTze9HpEp59po4m9Ne7dYiGX4jq4ZA96b59zWHACc+jUdrTra8Beq3j/umN1qf2O/uUkhR2Z8LoBQUysS6df7TB1dBthn4m9N6Z46Updtn5qOHYQAACKg+xD7tcxVY6bZTfn+Jr0rCp9puQ+gRjcTRWbYceJvTapCDgDemx/LyKhuuuTKwdUnoNWT5vnqXcZ1oib/6de0+GOQFRC2MvBiA2262PPNwBZQvkFdyB3ey/jkRed2W0OH5a12HMb/gZuWP00OubvmtlgD8BtNfZxID48fOPvr9psyUq1im4VoUO0b9dOX4zi0x5lhsWON7FtbjYG9XsPX5LX0Sd3EIcZjyTxOpN4Z1+bYYsffuuzM4Py4upgxYGmJ81pzX35s4sAO9T8/uyDwU7fNafqihKRCrnBe4GWAVifzWJE6LfIIQy63bysOAMoV3o+raftnzhqEqCxnvPO084I5jcKmzk8l88DkhuMYTITfJvVYkTIjx9lz4u8xDOxSeD/uRMvKnDEIsXezhUW/jiB0yJld7HRgojlT5uSWJ/PYpOcctA35/g5gQ7KPF82T11NDfxtO/K1p/w4LYRvdOD9SwVj5kr1bR19+bOKF30QQqrTPz80G4gbjD8k+OOmQS6z+p0eSfbxonnNvtv9mi5lcr9pYK1+073ZMq1+L47XHo45obWYWP3NnqW9Lso9u1uxR8vtKCdjanGuIput9po5ug+058bcmlfPj6mLGE91WW2FgxcI4ls2LpewksyximTB+15wLNOudUjgTMWZ6qDnXEE1DGjBynL0HG6rZ6X5cTXYahDBjwBtPRrF8oc2C1yYIWDCl1NOsNfPNbg60i/hKZeF+5gy62EDbbvZvxVWWM4IH7NktBOwxCBE+wlj8+wg2fWCPwLUhE7re7EZUs98tR+/NTWvudUTDcnzAWTc4oxWXzvMcUkH1IETlbsa/fhlRuhrE/ujpwjmedc29SkqaBIVl/ucBfJiKa4m6nXGN/Xb8rYtd5sfVZ+ViNSshdq23sPDBiG0HQGwibBr8q1RcKDX9HgbDovtTci1RqxwfMHiMvaeM1GSHlQ4NUbESYvNHJl7+QwSRKgm4+hDw1JSn/dtTca2U3dwpmuf7D4BFqbqeOF7XATo8AWe04g7vYxypcMabOJODECsXx/H6X2SKSCMciFH816m6WErvYJOmfR+AQ3fXt7cWec4IOMCe8+Pqk+7tmCwTeOfpGD5YEJP9exqDMO3ukpYVqbpcSkOucK53EwN/SeU1RUJE8U4eTZHJ8xxS4fDe9A1CxMLAq49G8fmSeFqun4XWkc8/I5UXTPlcBJ8eeRjAnlRf1+12rbfADsk5p7XkgPQMQlQdYCx6OILtq5wV+ioR8w8KZyKlf3FSHnK3zWlzkEE/SPV13a5qP2Pj+/Z/s1QdYEceIJPqMyEqtltY+FAEFducF/jKEL1UWBZ4KdWXTcus0kllvnkA3kzHtd1sWVkMB3bYO0DsuJSrsbauNLH1k+b/IflqtYUXHo6gar+9f1c2E7LidF86LpyeqfMM1kibDBmESKlIFeNfv4pg3dsmLJs26pwcckDzByHWvWPilT9FEJXjnpqEiH45eb53czqunbb1QXeVeDcA/H/pur5bRYOMt/8axfypYbw3P5Y4z9RGDYZdNl/p0JBDe5IchGDgo3/E8PbsqG3/ANkXr20b8qUtK4jTeDf70Xz4A77QSgCnpu1JBFq0I/QZoaPvSB2dT1G3rjV8mFFyT9hWoZsM3QDG/caH1p0bN23HigNLZkfxxXuSbkmwLKbRk8t876brCdIacgAwc2LoXDDeBeCc6foO1qYLof85Bvqdo2f8BK8ty0289nh2zHTtOUzHVd/zNHhYd6SK8drjUez83NnddFWI8JfCEv+9aX2OdIccAMwoCD1GQFpuKoq65fXU0P8cHf3O0dGyffoD7735MXz27+yZDzZyXA7OuLbuDREO72O88scIDux0eNNVEQK2Gjn+od/+Kw6n9XkyEXLFRQggFPqUgf5pfzJxMgI69UsEXt+ROgJt0hN4z/88+6ZMDBhtYOQ3jOM2RrBMYON/Tbw3LyZrUJPHpGlXFs71vpbuJ8pIyAHArILwRRb4TaRxsEM0jDSgy2mJwOszQoevRWoCLxpkzJ0cdsyE5abQjMQfiRZ5hFgE2LPRQlDOYGgmmlVU6ivMyDNlKuQAYObE0O/A+HHGnlDUizSgU38Np56vo985Bjz+5K+1YamJt4qz436cSLvNOTn+4enuplbLaMgVFyHHCoWWETAiY08qGkXPSdxs73+Ojp7D9SYddWiZwD+nZV9XVaRFHIQLi0r872fqCTMacgDwZEF0oA5zBYBmtBtEOuX4Eofl9Bulo8dQHVp9mxEzsLQshjVvZM+Ag0gfJn5oUkngwUw+Z8ZDDgBmTgxOAdMTGX9i0WTeXEKfszX0P8dA14EaqMYd1YO7GO8/G8O2lTI/TDTKB+Xb/RdMewsZ/YuoJOQAYGZBaB6AW5U8uUiKN5fQsa+GHF8i4PbvsNdqC2FrBy1TOytdS7fqo+xUFDPsn6T7QmcDOE1VDaJpIlWM7Z9Jq00k5Q4VAQconM4xZQGOWGTlA5ClzEJkM8JjRaX+f6p6eqVz1iaX5K5i8HdU1iCESB8GPmoX8v9IZQ3KJ+ZOKg3MIqaZqusQQqRchQG6adwCKJ1AqTzkAAAB371gvKO6DCFEysSY6Zt3lvq2qC7EFiFXOBMx3bTyAXyluhYhRPMReOqkMt8S1XUANgk5ALjzmdzdmsU3AgiqrkUIkTwCP11YGrDNPFjbhBwA3DUv8BET3wRA5ikI4UzvRtoEpqguoiZbhRwATCoJLCbCT1XXIYRosk0Uj9947+P2OttF2YqHhsycEHoCBFv9RRBC1KkCpnZu0XzvF6oLOZHtWnLVyr/yf4cIL6iuQwjRoJDGuM6OAQfYOOSmvYV4Vcj/LZlaIoStmQDG31Xmf091IXWxbcgBwNQFCEXZfy2AT1TXIoQ4CTNRocolW41h65ADgHvn4ZCpW2MBbFJdixCiBsaPJpX4nlZdRkNsH3IAMGVObjkRXQLgS9W1CCEAJv5NUZn/j6rraAzbjq7WpnhiuCczvw2gt+pahHCxPxeV+qeqLqKxHNGSq1ZY4ttmsnYZE3aqrkUIl5rupIADHNaSq/bUhMhpGln/AdBNdS1CuAUxzSyc55sMdtZ+0I5qyVWbXOZdHzfpfMhghBAZwURP7ervm+K0gAMc2pKrVjwh2IVJex3gwaprESJbEfBIYanfseclO7IlV62wLLDL1M0xIPpMdS1CZCd6wMkBBzi8JVdt7u0H20Ti3kUgXKi6FiGyhEXA1MJS/+OqC2kuR7fkqt02p83BaFv/5SAsUF2LEFkgysCt2RBwQJa05Ko9lw99vzf0uOxeIkTSjpCmfaNwrvc11YWkSlaFXLWZE0I/AOH3yJKWqhAZsgNsXV1Ulvup6kJSKStDDgBmTqi6EkR/B6iV6lqEcIBPiei6whLfNtWFpFrWtnSKynJfJYsvgKx3FaJeBPyD/P7zsjHggCxuyVWbfUtVJ1PXFsjIqxAnYYB/XVQW+IUTJ/k2Vta25Krd+Uzu7vKv/JcevUcnhEg4AkJ+UWnggWwOOMAFLbmaZhSEvkXAbAC5qmsRQqENmmbeeNfcFmtUF5IJrgo5ACgeXzWUNW0BgAGqaxEi4xgLo+y/7d55OKS6lExxXcgBwKP58Pt9od8RcJ/qWoTIkAgYPy6a538827unJ3JlyFWbMSH0DSLMBtBGdS1CpNEGJv7WpJKAK89KcXXIAcCTEyL9dbJKAZyruhYhUo9LzXDg7ikLcER1Jaq4PuQA4KGHoHXeGLr36AisV3U9QqTAQRDdW1Tim6e6ENUk5GqYUXBkCLFeBsJw1bUIkTTm11ijb08q8e9QXYodSMidYPp98HoOBn8O0I8B5KiuR4gmOEzgHxSWBWa5bXChPhJydZhRcGQIQZ8NYJTqWoRoCDO9ommYlK1Ls5pDQq4ez+VDr/CF7iPgV5AJxMKe9oDx3aIy/7OqC7ErCblGePLboR56DP8HwjdV1yLEUQziuXGYP7y7pGWF6mLsTEKuCYonhi9mxnQ5OEco9ilruHvSXP8y1YU4gYRcEz2XD0+FL/RdIrofzK1V1yNc5SAzHsiL+J8atwCm6mKcQkIuScW3HG5vGcYDBEwC4FFdj8hqURCe8ujmr29/usVe1cU4jYRcMxVPDPcE88MMjAdAqusRWYUBPE+a9tPCuV45SD1JEnIpUjwheCYTPQjgGkjYieYieolhPeDW9aapJCGXYk9NrDpdY+3nAL4JCTvRRAx+A0Q/m1Ti/1B1LdlCQi5NigtCoxj4KYBr4YIdmEWzMIDFAP+yqDSwXHUx2UZCLs2Kb4v0syzrPgIKAfhU1yNsJUrA30kzf++WXXpVkJDLkNnjQ91Nwn0g3AGgnep6hFIHCSiOxvixe54N7FRdTLaTkMuw6ffB6zkQvgnE3wMwTHU9IqPWgTHDjPj/6ub93TJNQk6hGRPCozXiIga+DtnHLltFASyERk8WzfW9o7oYN5KQs4G5tx9sEzU9+QyaBOAM1fWIVOC1YCplMudMKm2xR3U1biYhZzMzC4Jng2g8GPkAuqiuRzRJOQMLQDxX5rfZh4ScTT30ELQum8PnWczjANxMQAfVNYlaHSBgMYOfK98eeGXaW4irLkgcT0LOAZ7Lh+dAIDLaYr4B4OuJ0VV1TS73FRO9CDYXaf7cNwtnIqa6IFE3CTmnIdCMgtAIgK/XmK7gxD08mWycXhYBn1jML7OORZNLAh/L9uLOISHncDMKjnTUyBjDbF0B0GWQ+3ipsp3Ar1ug17V4/I3CZ1ruU12QSI6EXJb5y83Brp4cOp9BYwDrAoAGQtbQNsZmApYBvJQ0a9ldJS3WSmstO0jIZbniCcEuJjBCI4wAtBEAnw0gT3Vdiu0CsIKYlluatcKrWx/IPm3ZS0LOhWYXhPvE2BqqkTYYxEOJMZiBAci+zT+rAHwO8GoiWkvg1SZolZxH6i4ScgIA8NDFMDp2jfTUc9Cf2exPTP0Z6A9GDxC6AuiousZamEzYTYyvAGxlYJPGvAmatimu88Ypc/xfSZdTSMiJRpl+H7xGRaSbbnBXZu7IxB3AWnsNnMfgPCJqYzEHCNQGID/AfgBta1zCCyBQ42MGcLDGx2EAIQAHGQgDHCSmg6zRQTDvI0YFQBUWrArSqDwe5a86mYHdctaBaMj/A27i58g/nyt4AAAAAElFTkSuQmCC";
@@ -408,20 +462,42 @@ var injectCheckboxStyles = () => {
       outline-offset: 2px !important;
     }
 
-    /* Text-to-Speech Highlight Styles */
+    /* TTS Highlight Styles - Visible highlighting without layout shift */
     .redacto-tts-highlight {
+      position: relative !important;
+      transition: background-color 0.3s ease, outline 0.3s ease !important;
+    }
+
+    /* Block-level elements - headings */
+    h2.redacto-tts-highlight,
+    h3.redacto-tts-highlight {
       background-color: #FFF9C4 !important;
-      transition: background-color 0.3s ease !important;
-      border-radius: 2px !important;
+      border-radius: 3px !important;
       padding: 2px 4px !important;
+      margin: -2px -4px !important;
     }
 
-    /* Word-by-word highlighting */
-    .redacto-tts-word-highlight {
+    /* Inline elements - spans, links */
+    span.redacto-tts-highlight,
+    a.redacto-tts-highlight {
       background-color: #FFF9C4 !important;
-      transition: background-color 0.2s ease !important;
-      border-radius: 2px !important;
-      padding: 0 1px !important;
+      border-radius: 3px !important;
+      padding: 2px 4px !important;
+      margin: -2px -4px !important;
+    }
+
+    /* Paragraphs - handle carefully to avoid layout shift */
+    p.redacto-tts-highlight {
+      background-color: #FFF9C4 !important;
+      border-radius: 3px !important;
+      padding: 2px 4px !important;
+      margin: -2px -4px !important;
+    }
+
+    /* Buttons - use outline to keep button styles intact */
+    button.redacto-tts-highlight {
+      outline: 3px solid #FFF9C4 !important;
+      outline-offset: 2px !important;
     }
   `;
   document.head.appendChild(style);
@@ -808,284 +884,6 @@ var useMediaQuery = (query) => {
   return matches;
 };
 
-// src/RedactoNoticeConsent/useTextToSpeech.ts
-var import_react2 = require("react");
-var useTextToSpeech = (segments, language = "en") => {
-  const [isPlaying, setIsPlaying] = (0, import_react2.useState)(false);
-  const [isPaused, setIsPaused] = (0, import_react2.useState)(false);
-  const [currentIndex, setCurrentIndex] = (0, import_react2.useState)(0);
-  const utteranceRef = (0, import_react2.useRef)(null);
-  const synthRef = (0, import_react2.useRef)(null);
-  const currentSegmentRef = (0, import_react2.useRef)(0);
-  const wordSpansRef = (0, import_react2.useRef)([]);
-  const originalTextsRef = (0, import_react2.useRef)(/* @__PURE__ */ new Map());
-  const originalHTMLRef = (0, import_react2.useRef)(/* @__PURE__ */ new Map());
-  const currentWordIndexRef = (0, import_react2.useRef)(-1);
-  const isInitializedRef = (0, import_react2.useRef)(false);
-  (0, import_react2.useEffect)(() => {
-    if (typeof window !== "undefined" && "speechSynthesis" in window) {
-      synthRef.current = window.speechSynthesis;
-    }
-  }, []);
-  (0, import_react2.useEffect)(() => {
-    return () => {
-      cleanupWordSpans();
-      if (synthRef.current) {
-        synthRef.current.cancel();
-      }
-    };
-  }, []);
-  const cleanupWordSpans = (0, import_react2.useCallback)(() => {
-    wordSpansRef.current.forEach((wordSpan) => {
-      if (wordSpan.span.parentNode) {
-        wordSpan.span.classList.remove("redacto-tts-word-highlight");
-        wordSpan.span.style.backgroundColor = "";
-      }
-    });
-    wordSpansRef.current = [];
-    currentWordIndexRef.current = -1;
-    isInitializedRef.current = false;
-    originalHTMLRef.current.forEach((originalHTML, elementId) => {
-      const element = document.getElementById(elementId);
-      if (element && originalHTML) {
-        element.innerHTML = originalHTML;
-      }
-    });
-    originalHTMLRef.current.clear();
-    originalTextsRef.current.clear();
-  }, []);
-  const removeAllHighlights = (0, import_react2.useCallback)(() => {
-    wordSpansRef.current.forEach((wordSpan) => {
-      wordSpan.span.classList.remove("redacto-tts-word-highlight");
-      wordSpan.span.style.backgroundColor = "";
-    });
-  }, []);
-  const createWordSpans = (0, import_react2.useCallback)((elementId, text) => {
-    const element = document.getElementById(elementId);
-    if (!element) return [];
-    if (!originalHTMLRef.current.has(elementId)) {
-      const originalHTML = element.innerHTML || "";
-      originalHTMLRef.current.set(elementId, originalHTML);
-      const originalText = element.textContent || element.innerText || "";
-      originalTextsRef.current.set(elementId, originalText);
-    }
-    const words = text.split(/(\s+)/);
-    const wordSpans = [];
-    let charIndex = 0;
-    element.innerHTML = "";
-    words.forEach((word) => {
-      if (word.trim()) {
-        const span = document.createElement("span");
-        span.textContent = word;
-        span.style.display = "inline";
-        span.style.transition = "background-color 0.2s ease";
-        span.style.padding = "0 1px";
-        element.appendChild(span);
-        const startIndex = charIndex;
-        const endIndex = charIndex + word.length;
-        wordSpans.push({
-          word,
-          span,
-          startIndex,
-          endIndex
-        });
-      } else if (word) {
-        element.appendChild(document.createTextNode(word));
-      }
-      charIndex += word.length;
-    });
-    return wordSpans;
-  }, []);
-  const highlightWordByIndex = (0, import_react2.useCallback)((wordIndex) => {
-    if (wordIndex >= 0 && wordIndex < wordSpansRef.current.length) {
-      removeAllHighlights();
-      const wordSpan = wordSpansRef.current[wordIndex];
-      wordSpan.span.classList.add("redacto-tts-word-highlight");
-      wordSpan.span.style.backgroundColor = "#FFF9C4";
-      wordSpan.span.scrollIntoView({
-        behavior: "smooth",
-        block: "center",
-        inline: "nearest"
-      });
-    }
-  }, [removeAllHighlights]);
-  const speakSegment = (0, import_react2.useCallback)(
-    (index) => {
-      if (!synthRef.current || index >= segments.length) {
-        setIsPlaying(false);
-        setIsPaused(false);
-        setCurrentIndex(0);
-        currentSegmentRef.current = 0;
-        cleanupWordSpans();
-        return;
-      }
-      const segment = segments[index];
-      if (!segment.text.trim()) {
-        speakSegment(index + 1);
-        return;
-      }
-      setCurrentIndex(index);
-      currentSegmentRef.current = index;
-      if (!isInitializedRef.current || wordSpansRef.current.length === 0) {
-        const wordSpans = createWordSpans(segment.elementId, segment.text);
-        wordSpansRef.current = wordSpans;
-        currentWordIndexRef.current = -1;
-        isInitializedRef.current = true;
-      }
-      if (wordSpansRef.current.length === 0) {
-        const utterance2 = new SpeechSynthesisUtterance(segment.text);
-        const langCode2 = language === "English" || language === "en" ? "en-US" : language;
-        utterance2.lang = langCode2;
-        utterance2.rate = 1;
-        utterance2.pitch = 1;
-        utterance2.volume = 1;
-        utterance2.onend = () => {
-          const nextIndex = index + 1;
-          currentSegmentRef.current = nextIndex;
-          if (nextIndex < segments.length) {
-            speakSegment(nextIndex);
-          } else {
-            setIsPlaying(false);
-            setIsPaused(false);
-            setCurrentIndex(0);
-            currentSegmentRef.current = 0;
-            cleanupWordSpans();
-          }
-        };
-        utterance2.onerror = (event) => {
-          console.error("Speech synthesis error:", event);
-          setIsPlaying(false);
-          setIsPaused(false);
-          cleanupWordSpans();
-        };
-        utteranceRef.current = utterance2;
-        synthRef.current.speak(utterance2);
-        return;
-      }
-      const utterance = new SpeechSynthesisUtterance(segment.text);
-      const langCode = language === "English" || language === "en" ? "en-US" : language;
-      utterance.lang = langCode;
-      utterance.rate = 1;
-      utterance.pitch = 1;
-      utterance.volume = 1;
-      utterance.onboundary = (event) => {
-        if (event.name === "word" && event.charIndex !== void 0) {
-          const wordIndex = wordSpansRef.current.findIndex(
-            (ws) => event.charIndex >= ws.startIndex && event.charIndex < ws.endIndex
-          );
-          if (wordIndex !== -1) {
-            currentWordIndexRef.current = wordIndex;
-            highlightWordByIndex(wordIndex);
-          }
-        }
-      };
-      utterance.onstart = () => {
-        if (currentWordIndexRef.current === -1 && wordSpansRef.current.length > 0) {
-          highlightWordByIndex(0);
-          currentWordIndexRef.current = 0;
-        }
-      };
-      utterance.onend = () => {
-        removeAllHighlights();
-        isInitializedRef.current = false;
-        wordSpansRef.current = [];
-        currentWordIndexRef.current = -1;
-        const nextIndex = index + 1;
-        currentSegmentRef.current = nextIndex;
-        if (nextIndex < segments.length) {
-          speakSegment(nextIndex);
-        } else {
-          setIsPlaying(false);
-          setIsPaused(false);
-          setCurrentIndex(0);
-          currentSegmentRef.current = 0;
-          cleanupWordSpans();
-        }
-      };
-      utterance.onerror = (event) => {
-        console.error("Speech synthesis error:", event);
-        setIsPlaying(false);
-        setIsPaused(false);
-        cleanupWordSpans();
-      };
-      utteranceRef.current = utterance;
-      synthRef.current.speak(utterance);
-    },
-    [segments, language, createWordSpans, highlightWordByIndex, removeAllHighlights, cleanupWordSpans]
-  );
-  const play = (0, import_react2.useCallback)(() => {
-    if (!synthRef.current || segments.length === 0) return;
-    if (isPaused) {
-      try {
-        setIsPaused(false);
-        setIsPlaying(true);
-        if (synthRef.current.paused) {
-          synthRef.current.resume();
-        } else {
-          const currentSegment = currentSegmentRef.current;
-          if (currentSegment < segments.length) {
-            isInitializedRef.current = false;
-            speakSegment(currentSegment);
-          }
-        }
-      } catch (error) {
-        console.error("Error resuming speech:", error);
-        const currentSegment = currentSegmentRef.current;
-        if (currentSegment < segments.length) {
-          isInitializedRef.current = false;
-          speakSegment(currentSegment);
-        }
-      }
-    } else {
-      setIsPlaying(true);
-      setIsPaused(false);
-      currentSegmentRef.current = 0;
-      currentWordIndexRef.current = -1;
-      isInitializedRef.current = false;
-      cleanupWordSpans();
-      speakSegment(0);
-    }
-  }, [isPaused, segments, speakSegment, cleanupWordSpans]);
-  const pause = (0, import_react2.useCallback)(() => {
-    if (synthRef.current && isPlaying && !isPaused) {
-      try {
-        synthRef.current.pause();
-        setIsPaused(true);
-      } catch (error) {
-        console.error("Error pausing speech:", error);
-        stop();
-      }
-    }
-  }, [isPlaying, isPaused]);
-  const stop = (0, import_react2.useCallback)(() => {
-    if (synthRef.current) {
-      synthRef.current.cancel();
-      setIsPlaying(false);
-      setIsPaused(false);
-      setCurrentIndex(0);
-      currentSegmentRef.current = 0;
-      currentWordIndexRef.current = -1;
-      cleanupWordSpans();
-    }
-  }, [cleanupWordSpans]);
-  const toggle = (0, import_react2.useCallback)(() => {
-    if (isPlaying && !isPaused) {
-      pause();
-    } else {
-      play();
-    }
-  }, [isPlaying, isPaused, play, pause]);
-  return {
-    isPlaying,
-    isPaused,
-    currentIndex,
-    play,
-    pause,
-    stop,
-    toggle
-  };
-};
-
 // src/RedactoNoticeConsent/RedactoNoticeConsent.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var PurposeItem = ({
@@ -1100,16 +898,17 @@ var PurposeItem = ({
   onPurposeCollapse,
   onDataElementToggle,
   getTranslatedText,
-  isAlreadyConsented
+  isAlreadyConsented,
+  selectedLanguage
 }) => {
-  const headingStyle = (0, import_react3.useMemo)(
+  const headingStyle = (0, import_react2.useMemo)(
     () => ({
       color: (settings == null ? void 0 : settings.headingColor) || "#323B4B",
       fontFamily: (settings == null ? void 0 : settings.font) || "inherit"
     }),
     [settings]
   );
-  const textStyle = (0, import_react3.useMemo)(
+  const textStyle = (0, import_react2.useMemo)(
     () => ({
       color: (settings == null ? void 0 : settings.textColor) || "#344054",
       fontFamily: (settings == null ? void 0 : settings.font) || "inherit"
@@ -1127,6 +926,11 @@ var PurposeItem = ({
           tabIndex: 0,
           "aria-expanded": !collapsedPurposes[purpose.uuid],
           "aria-controls": `purpose-${purpose.uuid}`,
+          "aria-label": `${collapsedPurposes[purpose.uuid] ? "Expand" : "Collapse"} ${getTranslatedText(
+            `purposes.name`,
+            purpose.name,
+            purpose.uuid
+          )} details`,
           onKeyDown: (e) => {
             if (e.key === "Enter" || e.key === " ") {
               e.preventDefault();
@@ -1176,7 +980,8 @@ var PurposeItem = ({
                     ...headingStyle
                   },
                   children: getTranslatedText(`purposes.name`, purpose.name, purpose.uuid)
-                }
+                },
+                `purpose-name-${purpose.uuid}-${selectedLanguage}`
               ),
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 "h3",
@@ -1192,7 +997,8 @@ var PurposeItem = ({
                     purpose.description,
                     purpose.uuid
                   )
-                }
+                },
+                `purpose-description-${purpose.uuid}-${selectedLanguage}`
               )
             ] })
           ]
@@ -1225,6 +1031,11 @@ var PurposeItem = ({
             backgroundColor: "#10B981",
             marginLeft: "12px"
           },
+          "aria-label": `Already consented to ${getTranslatedText(
+            `purposes.name`,
+            purpose.name,
+            purpose.uuid
+          )}`,
           children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "svg",
             {
@@ -1233,6 +1044,7 @@ var PurposeItem = ({
               viewBox: "0 0 12 12",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg",
+              "aria-hidden": "true",
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 "path",
                 {
@@ -1253,86 +1065,101 @@ var PurposeItem = ({
       {
         id: `purpose-${purpose.uuid}`,
         style: styles3.dataElementsContainer,
-        children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles3.dataElementItem, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            "span",
-            {
-              id: `data-element-${purpose.uuid}-${dataElement.uuid}`,
-              style: {
-                ...styles3.dataElementText,
-                ...responsiveStyles.dataElementText,
-                ...textStyle
-              },
-              children: [
-                getTranslatedText(
-                  `data_elements.name`,
-                  dataElement.name,
-                  dataElement.uuid
-                ),
-                dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  "span",
-                  {
-                    style: {
-                      color: "red",
-                      marginLeft: "4px"
-                    },
-                    "aria-label": "required",
-                    children: "*"
-                  }
-                )
-              ]
-            }
-          ),
-          !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "input",
-            {
-              className: "redacto-checkbox-small",
-              type: "checkbox",
-              checked: selectedDataElements[`${purpose.uuid}-${dataElement.uuid}`] || false,
-              onChange: () => onDataElementToggle(dataElement.uuid, purpose.uuid),
-              "aria-label": `Select ${getTranslatedText(
-                `data_elements.name`,
-                dataElement.name,
-                dataElement.uuid
-              )}${dataElement.required ? " (required)" : ""}`
-            }
-          ),
-          isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "div",
-            {
-              style: {
-                display: "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                width: "16px",
-                height: "16px",
-                borderRadius: "50%",
-                backgroundColor: "#10B981"
-              },
-              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                "svg",
+        children: purpose.data_elements.map((dataElement) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "div",
+          {
+            style: styles3.dataElementItem,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                "span",
+                {
+                  id: `data-element-${purpose.uuid}-${dataElement.uuid}`,
+                  style: {
+                    ...styles3.dataElementText,
+                    ...responsiveStyles.dataElementText,
+                    ...textStyle
+                  },
+                  children: [
+                    getTranslatedText(
+                      `data_elements.name`,
+                      dataElement.name,
+                      dataElement.uuid
+                    ),
+                    dataElement.required && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                      "span",
+                      {
+                        style: {
+                          color: "red",
+                          marginLeft: "4px"
+                        },
+                        "aria-label": "required",
+                        children: "*"
+                      }
+                    )
+                  ]
+                },
+                `data-element-${purpose.uuid}-${dataElement.uuid}-${selectedLanguage}`
+              ),
+              !isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "input",
                 {
-                  width: "10",
-                  height: "10",
-                  viewBox: "0 0 10 10",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg",
+                  className: "redacto-checkbox-small",
+                  type: "checkbox",
+                  checked: selectedDataElements[`${purpose.uuid}-${dataElement.uuid}`] || false,
+                  onChange: () => onDataElementToggle(dataElement.uuid, purpose.uuid),
+                  "aria-label": `Select ${getTranslatedText(
+                    `data_elements.name`,
+                    dataElement.name,
+                    dataElement.uuid
+                  )}${dataElement.required ? " (required)" : ""}`
+                }
+              ),
+              isAlreadyConsented && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  style: {
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    width: "16px",
+                    height: "16px",
+                    borderRadius: "50%",
+                    backgroundColor: "#10B981"
+                  },
+                  "aria-label": `Already consented to ${getTranslatedText(
+                    `data_elements.name`,
+                    dataElement.name,
+                    dataElement.uuid
+                  )}`,
                   children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    "path",
+                    "svg",
                     {
-                      d: "M3 5L4.5 6.5L7.5 3.5",
-                      stroke: "white",
-                      strokeWidth: "1.5",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
+                      width: "10",
+                      height: "10",
+                      viewBox: "0 0 10 10",
+                      fill: "none",
+                      xmlns: "http://www.w3.org/2000/svg",
+                      "aria-hidden": "true",
+                      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "path",
+                        {
+                          d: "M3 5L4.5 6.5L7.5 3.5",
+                          stroke: "white",
+                          strokeWidth: "1.5",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round"
+                        }
+                      )
                     }
                   )
                 }
               )
-            }
-          )
-        ] }, dataElement.uuid))
-      }
+            ]
+          },
+          `${dataElement.uuid}-${selectedLanguage}`
+        ))
+      },
+      `purpose-${purpose.uuid}-container-${selectedLanguage}`
     )
   ] }, purpose.uuid);
 };
@@ -1547,6 +1374,7 @@ var GuardianForm = ({
               onClick: onNext,
               disabled: isSubmitting,
               type: "button",
+              "aria-label": isSubmitting ? "Submitting guardian information" : "Submit guardian information and proceed",
               children: isSubmitting ? "Submitting..." : "Next"
             }
           ),
@@ -1561,6 +1389,7 @@ var GuardianForm = ({
               },
               onClick: onDecline,
               type: "button",
+              "aria-label": "Cancel guardian information form",
               children: "Cancel"
             }
           )
@@ -1694,6 +1523,7 @@ var AgeVerification = ({
               },
               onClick: onYes,
               type: "button",
+              "aria-label": "Confirm that I am 18 years of age or older",
               children: "Yes, I am 18 or older"
             }
           ),
@@ -1708,6 +1538,7 @@ var AgeVerification = ({
               },
               onClick: onNo,
               type: "button",
+              "aria-label": "Indicate that I am under 18 years of age",
               children: "No, I am under 18"
             }
           )
@@ -1731,7 +1562,7 @@ var RedactoNoticeConsent = ({
   validateAgainst = "all"
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w;
-  const propValidationError = (0, import_react3.useMemo)(() => {
+  const propValidationError = (0, import_react2.useMemo)(() => {
     if (!(noticeId == null ? void 0 : noticeId.trim())) {
       return "RedactoNoticeConsent: 'noticeId' prop is required and cannot be empty";
     }
@@ -1759,34 +1590,41 @@ var RedactoNoticeConsent = ({
       }
     );
   }
-  const [isLoading, setIsLoading] = (0, import_react3.useState)(true);
-  const [isSubmitting, setIsSubmitting] = (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 [collapsedPurposes, setCollapsedPurposes] = (0, import_react3.useState)({});
-  const [hasAlreadyConsented, setHasAlreadyConsented] = (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 [showAgeVerification, setShowAgeVerification] = (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_react2.useState)(true);
+  const [isSubmitting, setIsSubmitting] = (0, import_react2.useState)(false);
+  const [content, setContent] = (0, import_react2.useState)(null);
+  const [categorizedPurposes, setCategorizedPurposes] = (0, import_react2.useState)(null);
+  const [selectedPurposes, setSelectedPurposes] = (0, import_react2.useState)({});
+  const [selectedDataElements, setSelectedDataElements] = (0, import_react2.useState)({});
+  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react2.useState)({});
+  const [hasAlreadyConsented, setHasAlreadyConsented] = (0, import_react2.useState)(false);
+  const [isLanguageDropdownOpen, setIsLanguageDropdownOpen] = (0, import_react2.useState)(false);
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react2.useState)(language);
+  const [errorMessage, setErrorMessage] = (0, import_react2.useState)(null);
+  const [fetchError, setFetchError] = (0, import_react2.useState)(null);
+  const [ttsAudioUrls, setTtsAudioUrls] = (0, import_react2.useState)(null);
+  const [isTTSAvailable, setIsTTSAvailable] = (0, import_react2.useState)(false);
+  const [isPlaying, setIsPlaying] = (0, import_react2.useState)(false);
+  const [isPaused, setIsPaused] = (0, import_react2.useState)(false);
+  const [currentAudioIndex, setCurrentAudioIndex] = (0, import_react2.useState)(0);
+  const [highlightedElementId, setHighlightedElementId] = (0, import_react2.useState)(null);
+  const [showAgeVerification, setShowAgeVerification] = (0, import_react2.useState)(false);
+  const [showGuardianForm, setShowGuardianForm] = (0, import_react2.useState)(false);
+  const [isSubmittingGuardian, setIsSubmittingGuardian] = (0, import_react2.useState)(false);
+  const [guardianFormData, setGuardianFormData] = (0, import_react2.useState)({
     guardianName: "",
     guardianContact: "",
     guardianRelationship: ""
   });
-  const [guardianFormErrors, setGuardianFormErrors] = (0, import_react3.useState)({});
-  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 [guardianFormErrors, setGuardianFormErrors] = (0, import_react2.useState)({});
+  const modalRef = (0, import_react2.useRef)(null);
+  const firstFocusableRef = (0, import_react2.useRef)(null);
+  const lastFocusableRef = (0, import_react2.useRef)(null);
+  const abortControllerRef = (0, import_react2.useRef)(null);
+  const isRequestInProgressRef = (0, import_react2.useRef)(false);
+  const currentAudioRef = (0, import_react2.useRef)(null);
   const isMobile = useMediaQuery("(max-width: 768px)");
-  const responsiveStyles = (0, import_react3.useMemo)(
+  const responsiveStyles = (0, import_react2.useMemo)(
     () => ({
       modal: {
         width: isMobile ? "90%" : "700px"
@@ -1858,28 +1696,28 @@ var RedactoNoticeConsent = ({
     }),
     [isMobile]
   );
-  const componentHeadingStyle = (0, import_react3.useMemo)(
+  const componentHeadingStyle = (0, import_react2.useMemo)(
     () => ({
       color: (settings == null ? void 0 : settings.headingColor) || "#323B4B",
       fontFamily: (settings == null ? void 0 : settings.font) || "inherit"
     }),
     [settings == null ? void 0 : settings.headingColor, settings == null ? void 0 : settings.font]
   );
-  const componentTextStyle = (0, import_react3.useMemo)(
+  const componentTextStyle = (0, import_react2.useMemo)(
     () => ({
       color: (settings == null ? void 0 : settings.textColor) || "#344054",
       fontFamily: (settings == null ? void 0 : settings.font) || "inherit"
     }),
     [settings == null ? void 0 : settings.textColor, settings == null ? void 0 : settings.font]
   );
-  const sectionStyle = (0, import_react3.useMemo)(
+  const sectionStyle = (0, import_react2.useMemo)(
     () => ({
       color: (settings == null ? void 0 : settings.textColor) || "#344054",
       fontFamily: (settings == null ? void 0 : settings.font) || "inherit"
     }),
     [settings == null ? void 0 : settings.textColor, settings == null ? void 0 : settings.font]
   );
-  const areAllRequiredElementsChecked = (0, import_react3.useMemo)(() => {
+  const areAllRequiredElementsChecked = (0, import_react2.useMemo)(() => {
     if (!content) return false;
     return content.purposes.every((purpose) => {
       const requiredElements = purpose.data_elements.filter(
@@ -1891,7 +1729,7 @@ var RedactoNoticeConsent = ({
     });
   }, [content, selectedDataElements]);
   const acceptDisabled = isSubmitting || !areAllRequiredElementsChecked;
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     clearApiCache();
     isRequestInProgressRef.current = false;
     setContent(null);
@@ -1913,7 +1751,7 @@ var RedactoNoticeConsent = ({
     });
     setGuardianFormErrors({});
   }, [accessToken]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     if (hasAlreadyConsented) {
       onAccept == null ? void 0 : onAccept();
     }
@@ -1925,6 +1763,18 @@ var RedactoNoticeConsent = ({
       if (key === "privacy_policy_anchor_text" && content.privacy_policy_anchor_text) {
         return content.privacy_policy_anchor_text;
       }
+      if (key === "purpose_section_heading" && content.purpose_section_heading) {
+        return content.purpose_section_heading;
+      }
+      if (key === "notice_banner_heading" && content.notice_banner_heading) {
+        return content.notice_banner_heading;
+      }
+      if (key === "privacy_policy_prefix_text" && content.privacy_policy_prefix_text) {
+        return content.privacy_policy_prefix_text;
+      }
+      if (key === "notice_text" && content.notice_text) {
+        return content.notice_text;
+      }
       return defaultText;
     }
     if (!content.supported_languages_and_translations) {
@@ -2039,7 +1889,6 @@ var RedactoNoticeConsent = ({
       setIsLoading(false);
     } catch (err) {
       if (err instanceof Error && err.name === "AbortError") {
-        console.log("Request was cancelled");
         return;
       }
       console.error(err);
@@ -2055,7 +1904,7 @@ var RedactoNoticeConsent = ({
       isRequestInProgressRef.current = false;
     }
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     injectCheckboxStyles();
     fetchNotice();
   }, [
@@ -2150,7 +1999,6 @@ var RedactoNoticeConsent = ({
       onAccept == null ? void 0 : onAccept();
     } catch (error) {
       if (error instanceof Error && error.name === "AbortError") {
-        console.log("Consent submission was cancelled");
         return;
       }
       console.error("Error submitting consent:", error);
@@ -2165,10 +2013,10 @@ var RedactoNoticeConsent = ({
       setIsSubmitting(false);
     }
   };
-  const handleDecline = (0, import_react3.useCallback)(async () => {
+  const handleDecline = (0, import_react2.useCallback)(async () => {
     onDecline == null ? void 0 : onDecline();
   }, [onDecline]);
-  const handleGuardianFormChange = (0, import_react3.useCallback)(
+  const handleGuardianFormChange = (0, import_react2.useCallback)(
     (field, value) => {
       setGuardianFormData((prev) => ({
         ...prev,
@@ -2197,7 +2045,7 @@ var RedactoNoticeConsent = ({
     setGuardianFormErrors(errors);
     return Object.keys(errors).length === 0;
   };
-  const handleGuardianFormNext = (0, import_react3.useCallback)(async () => {
+  const handleGuardianFormNext = (0, import_react2.useCallback)(async () => {
     if (!validateGuardianForm()) {
       return;
     }
@@ -2236,14 +2084,14 @@ var RedactoNoticeConsent = ({
       setIsSubmittingGuardian(false);
     }
   }, [accessToken, baseUrl, guardianFormData, onError]);
-  const handleAgeVerificationYes = (0, import_react3.useCallback)(() => {
+  const handleAgeVerificationYes = (0, import_react2.useCallback)(() => {
     setShowAgeVerification(false);
   }, []);
-  const handleAgeVerificationNo = (0, import_react3.useCallback)(() => {
+  const handleAgeVerificationNo = (0, import_react2.useCallback)(() => {
     setShowAgeVerification(false);
     setShowGuardianForm(true);
   }, []);
-  const availableLanguages = (0, import_react3.useMemo)(() => {
+  const availableLanguages = (0, import_react2.useMemo)(() => {
     if (!content) return [language];
     const languages = ["English"];
     if (content.default_language && content.default_language !== "English" && content.default_language !== "en") {
@@ -2260,143 +2108,288 @@ var RedactoNoticeConsent = ({
     }
     return languages;
   }, [content, language]);
-  const textSegments = (0, import_react3.useMemo)(() => {
-    if (!content) return [];
-    const segments = [];
-    const noticeHeading = getTranslatedText(
-      "notice_banner_heading",
-      content.notice_banner_heading || "Privacy Notice"
-    );
-    if (noticeHeading) {
-      segments.push({
-        text: noticeHeading,
-        elementId: "privacy-notice-title"
-      });
+  const getLanguageCode = (0, import_react2.useCallback)(
+    (displayLanguage) => {
+      if (!content) return "English";
+      if (displayLanguage === "English" || displayLanguage === "en") {
+        return "English";
+      }
+      if (content.supported_languages_and_translations && content.supported_languages_and_translations[displayLanguage]) {
+        return displayLanguage;
+      }
+      return content.default_language === "en" || content.default_language === "EN" ? "English" : content.default_language || "English";
+    },
+    [content]
+  );
+  const audioSequence = (0, import_react2.useMemo)(() => {
+    if (!ttsAudioUrls || !content) return [];
+    const sequence = [];
+    if (ttsAudioUrls.notice_banner_heading_audio_url) {
+      sequence.push(ttsAudioUrls.notice_banner_heading_audio_url);
     }
-    const noticeText = getTranslatedText("notice_text", content.notice_text);
-    if (noticeText) {
-      segments.push({
-        text: noticeText,
-        elementId: "privacy-notice-text"
-      });
+    if (ttsAudioUrls.notice_text_audio_url) {
+      sequence.push(ttsAudioUrls.notice_text_audio_url);
     }
-    const privacyPrefix = getTranslatedText(
-      "privacy_policy_prefix_text",
-      content.privacy_policy_prefix_text || ""
-    );
-    const privacyAnchor = getTranslatedText(
-      "privacy_policy_anchor_text",
-      content.privacy_policy_anchor_text || "Privacy Policy"
-    );
-    if (privacyPrefix || privacyAnchor) {
-      const privacyText = `${privacyPrefix} ${privacyAnchor}`.trim();
-      if (privacyText) {
-        segments.push({
-          text: privacyText,
-          elementId: "privacy-policy-text"
+    if (ttsAudioUrls.privacy_policy_prefix_text_audio_url) {
+      sequence.push(ttsAudioUrls.privacy_policy_prefix_text_audio_url);
+    }
+    if (ttsAudioUrls.privacy_policy_anchor_text_audio_url) {
+      sequence.push(ttsAudioUrls.privacy_policy_anchor_text_audio_url);
+    }
+    if (ttsAudioUrls.purpose_section_heading_audio_url) {
+      sequence.push(ttsAudioUrls.purpose_section_heading_audio_url);
+    }
+    const purposesToProcess = categorizedPurposes ? [
+      ...categorizedPurposes.alreadyConsented,
+      ...categorizedPurposes.needsConsent
+    ] : content.purposes || [];
+    purposesToProcess.forEach((purpose) => {
+      var _a2, _b2;
+      if ((_a2 = ttsAudioUrls.purposes_audio[purpose.uuid]) == null ? void 0 : _a2.name_audio_url) {
+        sequence.push(ttsAudioUrls.purposes_audio[purpose.uuid].name_audio_url);
+      }
+      if ((_b2 = ttsAudioUrls.purposes_audio[purpose.uuid]) == null ? void 0 : _b2.description_audio_url) {
+        sequence.push(
+          ttsAudioUrls.purposes_audio[purpose.uuid].description_audio_url
+        );
+      }
+      if (purpose.data_elements && purpose.data_elements.length > 0) {
+        purpose.data_elements.forEach((dataElement) => {
+          var _a3;
+          if ((_a3 = ttsAudioUrls.data_elements_audio[dataElement.uuid]) == null ? void 0 : _a3.name_audio_url) {
+            sequence.push(
+              ttsAudioUrls.data_elements_audio[dataElement.uuid].name_audio_url
+            );
+          }
         });
       }
+    });
+    if (ttsAudioUrls.confirm_button_text_audio_url) {
+      sequence.push(ttsAudioUrls.confirm_button_text_audio_url);
     }
-    const purposeHeading = getTranslatedText(
-      "purpose_section_heading",
-      "Manage What You Share"
-    );
-    if (purposeHeading) {
-      segments.push({
-        text: purposeHeading,
-        elementId: "purpose-section-heading"
-      });
+    if (ttsAudioUrls.decline_button_text_audio_url) {
+      sequence.push(ttsAudioUrls.decline_button_text_audio_url);
+    }
+    return sequence;
+  }, [ttsAudioUrls, content, categorizedPurposes]);
+  const elementIdSequence = (0, import_react2.useMemo)(() => {
+    if (!ttsAudioUrls || !content) return [];
+    const elementIds = [];
+    if (ttsAudioUrls.notice_banner_heading_audio_url) {
+      elementIds.push("privacy-notice-title");
+    }
+    if (ttsAudioUrls.notice_text_audio_url) {
+      elementIds.push("privacy-notice-text");
+    }
+    if (ttsAudioUrls.privacy_policy_prefix_text_audio_url) {
+      elementIds.push("privacy-policy-text");
+    }
+    if (ttsAudioUrls.privacy_policy_anchor_text_audio_url) {
+      elementIds.push("privacy-policy-link");
+    }
+    if (ttsAudioUrls.purpose_section_heading_audio_url) {
+      elementIds.push("purpose-section-heading");
     }
-    const purposesToRead = categorizedPurposes ? [
+    const purposesToProcess = categorizedPurposes ? [
       ...categorizedPurposes.alreadyConsented,
       ...categorizedPurposes.needsConsent
     ] : content.purposes || [];
-    purposesToRead.forEach((purpose) => {
-      const purposeName = getTranslatedText(
-        `purposes.name`,
-        purpose.name,
-        purpose.uuid
-      );
-      if (purposeName) {
-        segments.push({
-          text: purposeName,
-          elementId: `purpose-name-${purpose.uuid}`
-        });
+    purposesToProcess.forEach((purpose) => {
+      var _a2, _b2;
+      if ((_a2 = ttsAudioUrls.purposes_audio[purpose.uuid]) == null ? void 0 : _a2.name_audio_url) {
+        elementIds.push(`purpose-name-${purpose.uuid}`);
       }
-      const purposeDescription = getTranslatedText(
-        `purposes.description`,
-        purpose.description,
-        purpose.uuid
-      );
-      if (purposeDescription) {
-        segments.push({
-          text: purposeDescription,
-          elementId: `purpose-description-${purpose.uuid}`
-        });
+      if ((_b2 = ttsAudioUrls.purposes_audio[purpose.uuid]) == null ? void 0 : _b2.description_audio_url) {
+        elementIds.push(`purpose-description-${purpose.uuid}`);
       }
       if (purpose.data_elements && purpose.data_elements.length > 0) {
         purpose.data_elements.forEach((dataElement) => {
-          const elementName = getTranslatedText(
-            `data_elements.name`,
-            dataElement.name,
-            dataElement.uuid
-          );
-          if (elementName) {
-            const requiredText = dataElement.required ? " (required)" : "";
-            segments.push({
-              text: `${elementName}${requiredText}`,
-              elementId: `data-element-${purpose.uuid}-${dataElement.uuid}`
-            });
+          var _a3;
+          if ((_a3 = ttsAudioUrls.data_elements_audio[dataElement.uuid]) == null ? void 0 : _a3.name_audio_url) {
+            elementIds.push(`data-element-${purpose.uuid}-${dataElement.uuid}`);
           }
         });
       }
     });
-    return segments;
-  }, [content, categorizedPurposes, getTranslatedText]);
-  const tts = useTextToSpeech(textSegments, selectedLanguage);
-  (0, import_react3.useEffect)(() => {
-    if (!tts.isPlaying || !content || textSegments.length === 0) return;
-    const currentSegment = textSegments[tts.currentIndex];
-    if (!currentSegment) return;
-    let purposeUuid = null;
-    const dataElementMatch = currentSegment.elementId.match(
-      /^data-element-(.+?)-(.+)$/
-    );
-    if (dataElementMatch) {
-      purposeUuid = dataElementMatch[1];
-    } else {
-      const purposeNameMatch = currentSegment.elementId.match(/^purpose-name-(.+)$/);
-      const purposeDescMatch = currentSegment.elementId.match(
-        /^purpose-description-(.+)$/
-      );
-      if (purposeNameMatch) {
-        purposeUuid = purposeNameMatch[1];
-      } else if (purposeDescMatch) {
-        purposeUuid = purposeDescMatch[1];
+    if (ttsAudioUrls.confirm_button_text_audio_url) {
+      elementIds.push("confirm-button-text");
+    }
+    if (ttsAudioUrls.decline_button_text_audio_url) {
+      elementIds.push("decline-button-text");
+    }
+    return elementIds;
+  }, [ttsAudioUrls, content, categorizedPurposes]);
+  const stopAudio = (0, import_react2.useCallback)(() => {
+    if (currentAudioRef.current) {
+      currentAudioRef.current.pause();
+      currentAudioRef.current.currentTime = 0;
+      currentAudioRef.current = null;
+    }
+    setIsPlaying(false);
+    setIsPaused(false);
+    setCurrentAudioIndex(0);
+    setHighlightedElementId(null);
+  }, []);
+  const playNextAudio = (0, import_react2.useCallback)(
+    (index) => {
+      if (index >= audioSequence.length) {
+        stopAudio();
+        return;
       }
+      if (currentAudioRef.current) {
+        currentAudioRef.current.pause();
+        currentAudioRef.current = null;
+      }
+      const audio = new Audio(audioSequence[index]);
+      currentAudioRef.current = audio;
+      setCurrentAudioIndex(index);
+      setIsPlaying(true);
+      setIsPaused(false);
+      const elementId = elementIdSequence[index];
+      if (elementId) {
+        setHighlightedElementId(elementId);
+      }
+      audio.onended = () => {
+        playNextAudio(index + 1);
+      };
+      audio.onerror = () => {
+        console.warn(`Failed to load audio at index ${index}`);
+        playNextAudio(index + 1);
+      };
+      audio.play().catch((error) => {
+        console.warn(`Failed to play audio at index ${index}:`, error);
+        setIsPlaying(false);
+      });
+    },
+    [audioSequence, elementIdSequence, stopAudio]
+  );
+  const playAudio = (0, import_react2.useCallback)(() => {
+    if (audioSequence.length === 0) return;
+    if (isPaused && currentAudioRef.current) {
+      currentAudioRef.current.play().then(() => {
+        setIsPlaying(true);
+        setIsPaused(false);
+      }).catch((error) => {
+        console.warn("Failed to resume audio:", error);
+      });
+    } else {
+      const startIndex = isPlaying ? currentAudioIndex : 0;
+      playNextAudio(startIndex);
     }
-    if (purposeUuid && collapsedPurposes[purposeUuid]) {
-      setCollapsedPurposes((prev) => ({
-        ...prev,
-        [purposeUuid]: false
-      }));
+  }, [audioSequence, isPaused, isPlaying, currentAudioIndex, playNextAudio]);
+  const pauseAudio = (0, import_react2.useCallback)(() => {
+    if (currentAudioRef.current && isPlaying) {
+      currentAudioRef.current.pause();
+      setIsPlaying(false);
+      setIsPaused(true);
+    }
+  }, [isPlaying]);
+  const toggleAudio = (0, import_react2.useCallback)(() => {
+    if (isPlaying) {
+      pauseAudio();
+    } else {
+      playAudio();
+    }
+  }, [isPlaying, playAudio, pauseAudio]);
+  (0, import_react2.useEffect)(() => {
+    var _a2;
+    if (!isPlaying || !content || audioSequence.length === 0) return;
+    const currentIndex = currentAudioIndex;
+    const headerAudioCount = 5;
+    if (currentIndex < headerAudioCount) return;
+    const purposesToProcess = categorizedPurposes ? [
+      ...categorizedPurposes.alreadyConsented,
+      ...categorizedPurposes.needsConsent
+    ] : content.purposes || [];
+    let audioOffset = headerAudioCount;
+    for (const purpose of purposesToProcess) {
+      const purposeAudioCount = 2;
+      const dataElementsAudioCount = ((_a2 = purpose.data_elements) == null ? void 0 : _a2.length) || 0;
+      const totalPurposeAudioCount = purposeAudioCount + dataElementsAudioCount;
+      if (currentIndex >= audioOffset && currentIndex < audioOffset + totalPurposeAudioCount) {
+        if (collapsedPurposes[purpose.uuid]) {
+          setCollapsedPurposes((prev) => ({
+            ...prev,
+            [purpose.uuid]: false
+          }));
+        }
+        break;
+      }
+      audioOffset += totalPurposeAudioCount;
     }
   }, [
-    tts.isPlaying,
-    tts.currentIndex,
-    textSegments,
+    isPlaying,
+    currentAudioIndex,
+    audioSequence,
     content,
+    categorizedPurposes,
     collapsedPurposes
   ]);
-  (0, import_react3.useEffect)(() => {
-    tts.stop();
-  }, [selectedLanguage]);
-  (0, import_react3.useEffect)(() => {
-    tts.stop();
-  }, [content]);
-  const handleTTSButtonClick = (0, import_react3.useCallback)(() => {
-    tts.toggle();
-  }, [tts]);
+  (0, import_react2.useEffect)(() => {
+    const removeAllHighlights = () => {
+      document.querySelectorAll(".redacto-tts-highlight").forEach((el) => {
+        el.classList.remove("redacto-tts-highlight");
+      });
+    };
+    if (!highlightedElementId || !isPlaying) {
+      removeAllHighlights();
+      return;
+    }
+    removeAllHighlights();
+    const highlightTimeout = setTimeout(() => {
+      const element = document.getElementById(highlightedElementId);
+      if (element) {
+        element.classList.add("redacto-tts-highlight");
+        void element.offsetHeight;
+        const rect = element.getBoundingClientRect();
+        const isVisible = rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+        if (!isVisible) {
+          element.scrollIntoView({
+            behavior: "smooth",
+            block: "center",
+            inline: "nearest"
+          });
+        }
+      } else {
+        console.warn(
+          `TTS Highlight: Element with ID "${highlightedElementId}" not found`
+        );
+      }
+    }, 50);
+    return () => {
+      clearTimeout(highlightTimeout);
+      removeAllHighlights();
+    };
+  }, [highlightedElementId, isPlaying]);
+  (0, import_react2.useEffect)(() => {
+    setIsTTSAvailable(false);
+    setTtsAudioUrls(null);
+    stopAudio();
+    if (!content || !content.notice_uuid) {
+      return;
+    }
+    const languageCode = getLanguageCode(selectedLanguage);
+    const ttsAbortController = new AbortController();
+    fetchTTSAudioUrls({
+      accessToken,
+      baseUrl,
+      noticeUuid: content.notice_uuid,
+      language: languageCode,
+      signal: ttsAbortController.signal
+    }).then((response) => {
+      setTtsAudioUrls(response.detail);
+      setIsTTSAvailable(true);
+    }).catch((error) => {
+      if (error instanceof Error && error.name !== "AbortError") {
+        console.warn("Failed to fetch TTS audio URLs:", error.message);
+        setIsTTSAvailable(false);
+        setTtsAudioUrls(null);
+      }
+    });
+    return () => {
+      ttsAbortController.abort();
+    };
+  }, [content, selectedLanguage, accessToken, baseUrl, getLanguageCode]);
   const modalStyle = {
     borderRadius: (settings == null ? void 0 : settings.borderRadius) || "8px",
     backgroundColor: (settings == null ? void 0 : settings.backgroundColor) || "#ffffff"
@@ -2433,7 +2426,7 @@ var RedactoNoticeConsent = ({
   const handleCloseError = () => {
     setErrorMessage(null);
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     const handleKeyDown = (event) => {
       if (!modalRef.current) return;
       const focusableElements = modalRef.current.querySelectorAll(
@@ -2472,13 +2465,20 @@ var RedactoNoticeConsent = ({
       modal == null ? void 0 : modal.removeEventListener("keydown", handleKeyDown);
     };
   }, [isLoading, handleDecline]);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
+    stopAudio();
+  }, [selectedLanguage, stopAudio]);
+  (0, import_react2.useEffect)(() => {
+    stopAudio();
+  }, [content, stopAudio]);
+  (0, import_react2.useEffect)(() => {
     return () => {
       if (abortControllerRef.current) {
         abortControllerRef.current.abort();
       }
+      stopAudio();
     };
-  }, []);
+  }, [stopAudio]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: hasAlreadyConsented ? null : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     blockUI && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
@@ -2623,6 +2623,7 @@ var RedactoNoticeConsent = ({
                       },
                       onMouseOver: (e) => e.currentTarget.style.backgroundColor = "#B91C1C",
                       onMouseOut: (e) => e.currentTarget.style.backgroundColor = "#DC2626",
+                      "aria-label": "Refresh and retry loading consent notice",
                       children: "Refresh"
                     }
                   )
@@ -2749,7 +2750,8 @@ var RedactoNoticeConsent = ({
                     "notice_banner_heading",
                     (content == null ? void 0 : content.notice_banner_heading) || "Privacy Notice"
                   )
-                }
+                },
+                `privacy-notice-title-${selectedLanguage}`
               )
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.languageSelectorContainer, children: [
@@ -2762,57 +2764,44 @@ var RedactoNoticeConsent = ({
                     gap: "8px"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                    isTTSAvailable && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                       "button",
                       {
-                        ref: firstFocusableRef,
+                        onClick: toggleAudio,
                         style: {
                           ...styles.topRight,
                           ...responsiveStyles.topRight,
-                          ...languageSelectorStyle
+                          ...languageSelectorStyle,
+                          padding: "3px 9px",
+                          display: "flex",
+                          alignItems: "center",
+                          justifyContent: "center"
                         },
-                        onClick: toggleLanguageDropdown,
-                        "aria-expanded": isLanguageDropdownOpen,
-                        "aria-haspopup": "listbox",
-                        "aria-controls": "language-listbox",
-                        children: [
-                          selectedLanguage,
-                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "aria-label": isPlaying && !isPaused ? "Pause audio playback" : isPaused ? "Resume audio playback" : "Start audio playback",
+                        title: isPlaying && !isPaused ? "Pause Talkback" : isPaused ? "Resume Talkback" : "Start Talkback",
+                        children: isPlaying && !isPaused ? (
+                          // Pause icon
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                             "svg",
                             {
                               xmlns: "http://www.w3.org/2000/svg",
                               width: "16",
                               height: "16",
-                              viewBox: "0 0 16 16",
+                              viewBox: "0 0 24 24",
                               fill: "none",
                               stroke: ((_r = (_q = settings == null ? void 0 : settings.button) == null ? void 0 : _q.language) == null ? void 0 : _r.textColor) || "currentColor",
                               strokeWidth: "2",
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
-                              style: { flexShrink: 0, marginLeft: "4px" },
                               "aria-hidden": "true",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 6l4 4 4-4" })
+                              children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "6", y: "4", width: "4", height: "16" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "14", y: "4", width: "4", height: "16" })
+                              ]
                             }
                           )
-                        ]
-                      }
-                    ) }),
-                    (selectedLanguage === "English" || selectedLanguage === "en") && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                      "button",
-                      {
-                        onClick: handleTTSButtonClick,
-                        style: {
-                          ...styles.topRight,
-                          ...responsiveStyles.topRight,
-                          ...languageSelectorStyle,
-                          padding: "3px 9px",
-                          opacity: textSegments.length === 0 ? 0.5 : 1
-                        },
-                        "aria-label": tts.isPlaying && !tts.isPaused ? "Pause text-to-speech" : tts.isPaused ? "Resume text-to-speech" : "Start text-to-speech",
-                        title: tts.isPlaying && !tts.isPaused ? "Pause Talkback" : tts.isPaused ? "Resume Talkback" : "Start Talkback",
-                        disabled: textSegments.length === 0,
-                        children: tts.isPlaying && !tts.isPaused ? (
-                          // Pause icon
+                        ) : (
+                          // Play/Sound icon
                           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
                             "svg",
                             {
@@ -2827,35 +2816,50 @@ var RedactoNoticeConsent = ({
                               strokeLinejoin: "round",
                               "aria-hidden": "true",
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "6", y: "4", width: "4", height: "16" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "14", y: "4", width: "4", height: "16" })
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
                               ]
                             }
                           )
-                        ) : (
-                          // Play/Sound icon
-                          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                      "button",
+                      {
+                        ref: firstFocusableRef,
+                        style: {
+                          ...styles.topRight,
+                          ...responsiveStyles.topRight,
+                          ...languageSelectorStyle
+                        },
+                        onClick: toggleLanguageDropdown,
+                        "aria-expanded": isLanguageDropdownOpen,
+                        "aria-haspopup": "listbox",
+                        "aria-controls": "language-listbox",
+                        "aria-label": `Select language. Current language: ${selectedLanguage}`,
+                        children: [
+                          selectedLanguage,
+                          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                             "svg",
                             {
                               xmlns: "http://www.w3.org/2000/svg",
                               width: "16",
                               height: "16",
-                              viewBox: "0 0 24 24",
+                              viewBox: "0 0 16 16",
                               fill: "none",
                               stroke: ((_v = (_u = settings == null ? void 0 : settings.button) == null ? void 0 : _u.language) == null ? void 0 : _v.textColor) || "currentColor",
                               strokeWidth: "2",
                               strokeLinecap: "round",
                               strokeLinejoin: "round",
+                              style: { flexShrink: 0, marginLeft: "4px" },
                               "aria-hidden": "true",
-                              children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "11 5 6 9 2 9 2 15 6 15 11 19 11 5" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07" })
-                              ]
+                              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 6l4 4 4-4" })
                             }
                           )
-                        )
+                        ]
                       }
-                    )
+                    ) })
                   ]
                 }
               ),
@@ -2882,6 +2886,7 @@ var RedactoNoticeConsent = ({
                       role: "option",
                       "aria-selected": selectedLanguage === lang,
                       tabIndex: 0,
+                      "aria-label": `Select ${lang} language`,
                       children: lang
                     },
                     lang
@@ -2909,32 +2914,47 @@ var RedactoNoticeConsent = ({
                       ...componentTextStyle
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: "privacy-notice-text", children: content ? getTranslatedText("notice_text", content.notice_text) : "" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                        "span",
+                        {
+                          id: "privacy-notice-text",
+                          children: content ? getTranslatedText("notice_text", content.notice_text) : ""
+                        },
+                        `privacy-notice-text-${selectedLanguage}`
+                      ),
                       /* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
-                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { id: "privacy-policy-text", children: [
-                        getTranslatedText(
-                          "privacy_policy_prefix_text",
-                          (content == null ? void 0 : content.privacy_policy_prefix_text) || ""
-                        ),
-                        " ",
-                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                          "a",
-                          {
-                            id: "privacy-policy-link",
-                            style: { ...styles.link, ...linkStyle },
-                            href: (content == null ? void 0 : content.privacy_policy_url) || "#",
-                            target: "_blank",
-                            rel: "noopener noreferrer",
-                            "aria-label": "Privacy Policy (opens in new tab)",
-                            children: getTranslatedText(
-                              "privacy_policy_anchor_text",
-                              (content == null ? void 0 : content.privacy_policy_anchor_text) || "Privacy Policy"
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+                        "span",
+                        {
+                          id: "privacy-policy-text",
+                          children: [
+                            getTranslatedText(
+                              "privacy_policy_prefix_text",
+                              (content == null ? void 0 : content.privacy_policy_prefix_text) || ""
+                            ),
+                            " ",
+                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                              "a",
+                              {
+                                id: "privacy-policy-link",
+                                style: { ...styles.link, ...linkStyle },
+                                href: (content == null ? void 0 : content.privacy_policy_url) || "#",
+                                target: "_blank",
+                                rel: "noopener noreferrer",
+                                "aria-label": "Privacy Policy (opens in new tab)",
+                                children: getTranslatedText(
+                                  "privacy_policy_anchor_text",
+                                  (content == null ? void 0 : content.privacy_policy_anchor_text) || "Privacy Policy"
+                                )
+                              }
                             )
-                          }
-                        )
-                      ] })
+                          ]
+                        },
+                        `privacy-policy-text-${selectedLanguage}`
+                      )
                     ]
-                  }
+                  },
+                  `privacy-text-${selectedLanguage}`
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "h2",
@@ -2949,7 +2969,8 @@ var RedactoNoticeConsent = ({
                       "purpose_section_heading",
                       "Manage What You Share"
                     )
-                  }
+                  },
+                  `purpose-section-heading-${selectedLanguage}`
                 ),
                 categorizedPurposes ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: styles.optionsContainer, children: [
                   categorizedPurposes.alreadyConsented.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -2966,9 +2987,10 @@ var RedactoNoticeConsent = ({
                       onPurposeCollapse: togglePurposeCollapse,
                       onDataElementToggle: handleDataElementCheckboxChange,
                       getTranslatedText,
-                      isAlreadyConsented: true
+                      isAlreadyConsented: true,
+                      selectedLanguage
                     },
-                    purpose.uuid
+                    `${purpose.uuid}-${selectedLanguage}`
                   )),
                   categorizedPurposes.needsConsent.map((purpose) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                     PurposeItem,
@@ -2984,9 +3006,10 @@ var RedactoNoticeConsent = ({
                       onPurposeCollapse: togglePurposeCollapse,
                       onDataElementToggle: handleDataElementCheckboxChange,
                       getTranslatedText,
-                      isAlreadyConsented: false
+                      isAlreadyConsented: false,
+                      selectedLanguage
                     },
-                    purpose.uuid
+                    `${purpose.uuid}-${selectedLanguage}`
                   ))
                 ] }) : (
                   /* Regular consent UI */
@@ -3004,9 +3027,10 @@ var RedactoNoticeConsent = ({
                       onPurposeCollapse: togglePurposeCollapse,
                       onDataElementToggle: handleDataElementCheckboxChange,
                       getTranslatedText,
-                      isAlreadyConsented: false
+                      isAlreadyConsented: false,
+                      selectedLanguage
                     },
-                    purpose.uuid
+                    `${purpose.uuid}-${selectedLanguage}`
                   )) })
                 )
               ]
@@ -3025,6 +3049,7 @@ var RedactoNoticeConsent = ({
                   "button",
                   {
                     ref: lastFocusableRef,
+                    id: "confirm-button-text",
                     style: {
                       ...styles.button,
                       ...responsiveStyles.button,
@@ -3047,6 +3072,7 @@ var RedactoNoticeConsent = ({
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   "button",
                   {
+                    id: "decline-button-text",
                     style: {
                       ...styles.button,
                       ...responsiveStyles.button,
@@ -3075,7 +3101,7 @@ var RedactoNoticeConsent = ({
 };
 
 // src/RedactoNoticeConsentInline/RedactoNoticeConsentInline.tsx
-var import_react5 = require("react");
+var import_react4 = require("react");
 
 // src/RedactoNoticeConsentInline/api/index.ts
 var BASE_URL2 = "https://api.redacto.tech/consent";
@@ -3549,11 +3575,11 @@ var styles2 = {
 };
 
 // src/RedactoNoticeConsentInline/useMediaQuery.ts
-var import_react4 = require("react");
+var import_react3 = 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_react3.useState)(getMatches);
+  (0, import_react3.useEffect)(() => {
     if (typeof window === "undefined") return;
     const media = window.matchMedia(query);
     const listener = (e) => {
@@ -3619,22 +3645,22 @@ var RedactoConsentInlineComponent = ({
   applicationId
 }) => {
   var _a;
-  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 [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 [content, setContent] = (0, import_react4.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react4.useState)(true);
+  const [isSubmitting, setIsSubmitting] = (0, import_react4.useState)(false);
+  const [selectedLanguage, setSelectedLanguage] = (0, import_react4.useState)(language);
+  const [collapsedPurposes, setCollapsedPurposes] = (0, import_react4.useState)({});
+  const [selectedPurposes, setSelectedPurposes] = (0, import_react4.useState)({});
+  const [selectedDataElements, setSelectedDataElements] = (0, import_react4.useState)({});
+  const [hasAlreadyConsented, setHasAlreadyConsented] = (0, import_react4.useState)(false);
+  const [fetchError, setFetchError] = (0, import_react4.useState)(null);
+  const [errorMessage, setErrorMessage] = (0, import_react4.useState)(null);
+  const hasSubmittedRef = (0, import_react4.useRef)(false);
+  (0, import_react4.useEffect)(() => {
     injectSpinnerAnimation();
   }, []);
   const isMobile = useMediaQuery2("(max-width: 768px)");
-  const responsiveStyles = (0, import_react5.useMemo)(
+  const responsiveStyles = (0, import_react4.useMemo)(
     () => ({
       optionTitle: {
         fontSize: isMobile ? "14px" : "16px"
@@ -3652,7 +3678,7 @@ var RedactoConsentInlineComponent = ({
     }),
     [isMobile]
   );
-  const areAllRequiredElementsChecked = (0, import_react5.useMemo)(() => {
+  const areAllRequiredElementsChecked = (0, import_react4.useMemo)(() => {
     if (!content) return false;
     return content.purposes.every((purpose) => {
       const requiredElements = purpose.data_elements.filter(
@@ -3663,11 +3689,11 @@ var RedactoConsentInlineComponent = ({
       );
     });
   }, [content, selectedDataElements]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     onValidationChange == null ? void 0 : onValidationChange(areAllRequiredElementsChecked);
   }, [areAllRequiredElementsChecked, onValidationChange]);
   const acceptDisabled = isSubmitting || !areAllRequiredElementsChecked || !accessToken;
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (hasAlreadyConsented) {
       onAccept == null ? void 0 : onAccept();
     }
@@ -3762,7 +3788,7 @@ var RedactoConsentInlineComponent = ({
       setIsLoading(false);
     }
   };
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     fetchNotice();
   }, [org_uuid, workspace_uuid, notice_uuid, language, applicationId]);
   const togglePurposeCollapse = (purposeUuid) => {
@@ -3818,7 +3844,7 @@ var RedactoConsentInlineComponent = ({
       return newState;
     });
   };
-  const handleAcceptWithToken = (0, import_react5.useCallback)(
+  const handleAcceptWithToken = (0, import_react4.useCallback)(
     async (tokenToUse) => {
       if (!tokenToUse || !content) {
         setErrorMessage("Unable to submit consent. Please try again.");
@@ -3880,7 +3906,7 @@ var RedactoConsentInlineComponent = ({
       onAccept
     ]
   );
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (accessToken && content && areAllRequiredElementsChecked && !isSubmitting && !hasSubmittedRef.current) {
       hasSubmittedRef.current = true;
       const autoSubmit = async () => {
@@ -3901,7 +3927,7 @@ var RedactoConsentInlineComponent = ({
     isSubmitting,
     handleAcceptWithToken
   ]);
-  (0, import_react5.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (!accessToken) {
       hasSubmittedRef.current = false;
     }
@@ -3951,6 +3977,11 @@ var RedactoConsentInlineComponent = ({
             tabIndex: 0,
             "aria-expanded": !collapsedPurposes[purpose.uuid],
             "aria-controls": `purpose-${purpose.uuid}`,
+            "aria-label": `${collapsedPurposes[purpose.uuid] ? "Expand" : "Collapse"} ${getTranslatedText(
+              `purposes.name`,
+              purpose.name,
+              purpose.uuid
+            )} details`,
             onKeyDown: (e) => {
               if (e.key === "Enter" || e.key === " ") {
                 e.preventDefault();
@@ -4095,7 +4126,7 @@ var RedactoConsentInlineComponent = ({
   ] });
 };
 RedactoConsentInlineComponent.displayName = "RedactoConsentInline";
-var RedactoConsentInline = (0, import_react5.memo)(RedactoConsentInlineComponent);
+var RedactoConsentInline = (0, import_react4.memo)(RedactoConsentInlineComponent);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   RedactoNoticeConsent,