Update src/components/tw-security-manager-modal/embed.jsx

src/components/tw-security-manager-modal/embed.jsx

@@ -1,8 +1,10 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import usbStyles from './load-extension.css';
 import {FormattedMessage} from 'react-intl';
 import URL from './url.jsx';
 import DataURL from './data-url.jsx';
+import FancyCheckbox from '../tw-fancy-checkbox/checkbox.jsx';
 
 const EmbedModal = props => (
     <div>
@@ -46,11 +48,36 @@ const EmbedModal = props => (
                 />
             </p>
         )}
+
+        <label className={usbStyles.unsandboxedContainer}>
+            <FancyCheckbox
+                className={usbStyles.unsandboxedCheckbox}
+                checked={props.remember}
+                onChange={props.onChangeRemember}
+            />
+            <FormattedMessage
+                defaultMessage="Remember my choice for all websites"
+                description="Message that allows the user to allow or deny embedding any website in the future"
+                id="pm.embed.connectFuture"
+            />
+        </label>
+        {props.remember && (
+            <div className={usbStyles.unsandboxedWarning}>
+                <FormattedMessage
+                    // eslint-disable-next-line max-len
+                    defaultMessage="Enabling embedding any future website is dangerous. These websites can share anything, including inappropriate or malicious content. This will share your IP address, general location, and possibly other data with any websites you connect to in the future. You will not be asked to confirm any of the websites that you embed with this setting enabled."
+                    description="Part of modal asking to allow connecting to any website in the future, warning that it is unsafe"
+                    id="pm.embed.connectFutureWarning"
+                />
+            </div>
+        )}
     </div>
 );
 
 EmbedModal.propTypes = {
-    url: PropTypes.string.isRequired
+    url: PropTypes.string.isRequired,
+    remember: PropTypes.bool.isRequired,
+    onChangeRemember: PropTypes.func
 };
 
-export default EmbedModal;
+export default EmbedModal;