- {data.documentation && }
- {data.recovery && }
+ {data.documentation &&
+ }
+ {data.recovery &&
+ }
-
+
+
+
{entries.map(([name, data]) => (
-
))}
);
}
-function Entry({ name, data }) {
- const color = data?.methods !== undefined ? 'green' : 'red';
+function Entry({name, data}) {
return (
-
+
- {color === 'green' ?
+ {data?.methods ?
<>
+ :
+
}
-
+
);
}
-const mfaPopoverConfig = {
- html: true,
- sanitize: false,
- trigger: "hover focus"
-};
+function Note({content}) {
+ const t = useTranslation();
+ const [isOpen, setIsOpen] = useState(false);
+ const arrowRef = useRef(null);
-function Methods({ methods, customSoftware, customHardware }) {
- useEffect(() => {
- [...document.querySelectorAll('.note')].map((el) => new Popover(el, {
- trigger: 'hover focus',
- title: 'Exceptions & Restrictions'
- }));
+ // Initialize floating UI
+ const {refs, context, floatingStyles} = useFloating({
+ open: isOpen, onOpenChange: setIsOpen, middleware: [
+ autoPlacement(), arrow({element: arrowRef})],
+ });
+ // Set up interactions
+ const click = useClick(context);
+ const dismiss = useDismiss(context);
- [...document.querySelectorAll('.custom-hardware-popover')].map((el) => new Popover(el, {
- ...mfaPopoverConfig,
- title: 'Custom Hardware 2FA'
- }));
+ const {getReferenceProps, getFloatingProps} = useInteractions([click, dismiss]);
- [...document.querySelectorAll('.custom-software-popover')].map((el) => new Popover(el, {
- ...mfaPopoverConfig,
- title: 'Custom Software 2FA'
- }));
- }, []);
+ return (<>
+
+
+ {isOpen && (
+
+
+
)}
+ );
+}
+
+let staticTranslations = null; // Translations for table head
+
+function Head({category}) {
+ const t = useTranslation();
+
+ // Populate static translations once
+ if (!staticTranslations) {
+ staticTranslations = {
+ docs: t('docs'),
+ sms: t('sms'),
+ email: t('email'),
+ hardware: t('hardware'),
+ software: t('software'),
+ };
+ }
+
+ return html`
+
+ `;
+}
+function Methods({methods, customSoftware, customHardware}) {
+ const t = useTranslation();
return (
<>
{t('exception')}
+{content}
+-
{methods && methods.filter((method) => !method.includes('custom')).
- map((method) =>
- {method_names[method]} )} - {methods?.includes("custom-hardware") &&
- Custom Hardware: {customHardware?.join(", ")} } - {methods?.includes("custom-software") &&
- Custom Software: {customSoftware?.join(", ")} } + map((method) => (
- {t(method)} ))} + {methods?.includes('custom-hardware') && +
- {t('custom-hardware')}: {customHardware?.join(', ')} } + {methods?.includes('custom-software') && +
- {t('custom-software')}: {customSoftware?.join(', ')} }