feat: add "allowModals" option for iframe widget (#5339)

packages/translation/src/lang/en.json

@@ -1625,6 +1625,9 @@
         },
         "allowGeolocation": {
           "label": "Allow geolocation"
+        },
+        "allowModals": {
+          "label": "Allow modals"
         }
       },
       "error": {
@@ -2033,7 +2036,6 @@
           "directStream": "Direct Stream"
         }
       },
-
       "recentActivity": {
         "title": "Recent Activity",
         "empty": "No recent activity",

packages/widgets/src/iframe/component.tsx

@@ -105,6 +105,10 @@ const getSandboxFlags = (
     baseSandbox.push("allow-popups-to-escape-sandbox");
   }
 
+  if (permissions.allowModals) {
+    baseSandbox.push("allow-modals");
+  }
+
   return baseSandbox;
 };
 

packages/widgets/src/iframe/index.ts

@@ -17,6 +17,7 @@ export const { definition, componentLoader } = createWidgetDefinition("iframe",
       allowMicrophone: factory.switch(),
       allowCamera: factory.switch(),
       allowGeolocation: factory.switch(),
+      allowModals: factory.switch(),
     }));
   },
 }).withDynamicImport(() => import("./component"));