yeet

components_native/common/Alert.tsx

@@ -0,0 +1,250 @@
+// Metro module 4618 (f4619).
+import { PureComponent, createRef, memo } from "react";
+import { ScrollView, View, StyleSheet } from "react-native";
+import { createLegacyClassComponentStyles } from "../../design/components/Styles/native/createStyles";
+import Module712 from "../../_bundle/Module712";
+import { ButtonColors } from "../../design/void/native";
+import { ThemeContext } from "../../_bundle/Module3901";
+import { getParser } from "../../modules/markup/CustomMarkup.native";
+import { Timeout } from "../../_bundle/Timeout";
+import { setAccessibilityFocus } from "../../modules/a11y/native/setAccessibilityFocus.android";
+import { Text } from "../../design/components/Text/native/Text";
+import { intl, t } from "../../intl/index.native";
+import { Button } from "../../design/components/Button/native/Button.native";
+import { PressableOpacity } from "../../design/void/Pressables/native/Pressables";
+import ThemedGradient from "../../modules/client_themes/native/ThemedGradient";
+import useWindowDimensions_native from "../../modules/screen/useWindowDimensions.native";
+import { useIsScreenLandscape } from "../../modules/screen/useIsScreenLandscape.native";
+const styles = createLegacyClassComponentStyles({
+  alert: {
+    borderRadius: Module712.radii.sm,
+    padding: 16,
+    backgroundColor: Module712.colors.BACKGROUND_BASE_LOW
+  },
+  titleText: {
+    marginBottom: 16,
+    color: Module712.colors.MOBILE_TEXT_HEADING_PRIMARY
+  },
+  divider: {
+    height: StyleSheet.hairlineWidth,
+    backgroundColor: Module712.colors.BORDER_SUBTLE
+  },
+  body: {
+    marginTop: 16,
+    color: Module712.colors.TEXT_STRONG
+  },
+  buttons: {
+    marginTop: 24
+  },
+  cancelButton: {
+    marginTop: 8
+  },
+  secondaryConfirm: {
+    marginTop: 16,
+    alignSelf: "center"
+  },
+  gradient: {
+    borderRadius: Module712.radii.sm
+  }
+});
+class Alert extends PureComponent {
+  static contextType = ThemeContext;
+  static defaultProps = {
+    confirmColor: ButtonColors.BRAND,
+    autoCloseOnConfirm: true
+  };
+  titleRef = createRef();
+  state = {
+    confirming: false
+  };
+  renderContent = getParser();
+  timeout = new Timeout();
+  focusTimeout = new Timeout();
+  handleConfirm = () => {
+    if (!this.state.confirming) {
+      const props = this.props;
+      const { onClose, onConfirm, autoCloseOnConfirm } = props;
+      this.setState({
+        confirming: true
+      });
+      this.timeout.start(500, () => {
+        this.setState({
+          confirming: false
+        });
+      });
+      if (autoCloseOnConfirm && onClose != null) {
+        onClose();
+      }
+      if (onConfirm != null) {
+        onConfirm();
+      }
+    }
+  };
+  handleCancel = () => {
+    const props = this.props;
+    const { onClose, onCancel } = props;
+    if (onCancel != null) {
+      onCancel();
+    }
+    if (onClose != null) {
+      onClose();
+    }
+  };
+  handleSecondaryConfirm = () => {
+    const props = this.props;
+    const { onClose, onConfirmSecondary } = props;
+    if (onClose != null) {
+      onClose();
+    }
+    if (onConfirmSecondary != null) {
+      onConfirmSecondary();
+    }
+  };
+  componentDidMount() {
+    if (this.titleRef.current != null) {
+      setImmediate(() => {
+        this.focusTimeout.start(300, () => {
+          setAccessibilityFocus({
+            ref: this.titleRef
+          });
+        });
+      });
+    }
+  }
+  componentWillUnmount() {
+    this.timeout.stop();
+    this.focusTimeout.stop();
+  }
+  componentDidUpdate() {
+    const confirming = this.props.confirming;
+    if (confirming != null) {
+      this.timeout.stop();
+      this.setState({
+        confirming
+      });
+    }
+  }
+  renderHeader() {
+    const r10 = styles(this.context);
+    const title = this.props.title;
+    const r2 = title == null;
+    let r15 = null;
+    if (!r2) {
+      r15 = null;
+      if (title !== "") {
+        let r11 = title;
+        if (typeof r11 === "string") {
+          r11 = this.renderContent(title);
+        }
+        r15 = <View>
+          <Text ref={this.titleRef} accessible accessibilityRole="header" variant="heading-md/extrabold" color="text-default" style={r10.titleText}>{r11}</Text>
+          <View style={r10.divider} />
+        </View>;
+      }
+    }
+    return r15;
+  }
+  renderBody() {
+    const r11 = styles(this.context);
+    const props = this.props;
+    const { body, children } = props;
+    let r7 = null;
+    if (body != null) {
+      let r26 = body;
+      if (typeof r26 === "string") {
+        r26 = this.renderContent(body);
+      }
+      r7 = <ScrollView style={{
+        maxHeight: this.props.contentHeight
+      }}>
+        <Text variant="text-md/normal" style={r11.body}>{r26}</Text>
+      </ScrollView>;
+    }
+    return <>
+      {r7}
+      {children}
+    </>;
+  }
+  renderButtons() {
+    const r10 = styles(this.context);
+    const props = this.props;
+    const { cancelText, confirmText = intl.string(t.BddRzS), confirmColor, secondaryConfirmText, noDefaultButtons, renderConfirmIcon, renderConfirmRightIcon, renderConfirmButton } = props;
+    let isConfirmButtonDisabled = props.isConfirmButtonDisabled;
+    const confirming = this.state.confirming;
+    let r34 = null;
+    if (!noDefaultButtons) {
+      const r9 = cancelText != null ? <View style={r10.cancelButton}>
+        <Button variant="secondary" onPress={this.handleCancel} text={cancelText} />
+      </View> : void 0;
+      const r46 = secondaryConfirmText != null ? <PressableOpacity accessibilityRole="button" style={r10.secondaryConfirm} onPress={this.handleSecondaryConfirm}>
+        <Text variant="text-sm/semibold" color="text-link">{secondaryConfirmText}</Text>
+      </PressableOpacity> : void 0;
+      let r66 = renderConfirmButton == null ? void 0 : renderConfirmButton();
+      if (r66 == null) {
+        const variant = ButtonColors.GREEN !== confirmColor ? ButtonColors.RED !== confirmColor ? ButtonColors.GREY !== confirmColor ? ButtonColors.LIGHTGREY !== confirmColor ? ButtonColors.TRANSPARENT !== confirmColor ? ButtonColors.WHITE === confirmColor ? "primary-overlay" : "primary" : "secondary" : "secondary" : "secondary" : "destructive" : "active";
+        if (isConfirmButtonDisabled == null) {
+          isConfirmButtonDisabled = false;
+        }
+        let icon = renderConfirmIcon == null ? void 0 : renderConfirmIcon();
+        if (icon == null) {
+          icon = renderConfirmRightIcon == null ? void 0 : renderConfirmRightIcon();
+        }
+        if (icon == null) {
+          icon = void 0;
+        }
+        r66 = <Button variant={variant} onPress={this.handleConfirm} text={confirmText} loading={confirming} disabled={isConfirmButtonDisabled} icon={icon} iconPosition={renderConfirmIcon != null ? "start" : renderConfirmRightIcon != null ? "end" : void 0} />;
+      }
+      r34 = <View style={r10.buttons}>
+        {r66}
+        {r9}
+        {r46}
+      </View>;
+    }
+    return r34;
+  }
+  renderFooter() {
+    const footer = this.props.footer;
+    return footer != null ? <View>{footer}</View> : null;
+  }
+  render() {
+    const r11 = styles(this.context);
+    const props = this.props;
+    const { style, width, isLandscape } = props;
+    const r38 = <>
+      <ThemedGradient absolute componentStyles={r11.gradient} />
+      <View onAccessibilityEscape={props.onClose} style={[r11.alert, style, {
+        width
+      }]}>
+        {this.renderHeader()}
+        {this.renderBody()}
+        {this.renderButtons()}
+        {this.renderFooter()}
+      </View>
+    </>;
+    return isLandscape ? <ScrollView style={{
+      maxHeight: width
+    }}>{r38}</ScrollView> : r38;
+  }
+}
+const r93 = memo(function(a0) {
+  const windowDimensions_native = useWindowDimensions_native();
+  const isScreenLandscape = useIsScreenLandscape();
+  return <Alert width={Math.min(0.9 * Math.min(windowDimensions_native.width, windowDimensions_native.height), 400)} contentHeight={0.7 * windowDimensions_native.height} isLandscape={isScreenLandscape} {...a0} />;
+});
+r93.Colors = ButtonColors;
+export default r93;
+export function getAlertButtonVariant(a0) {
+  if (ButtonColors.GREEN === a0) {
+    return "active";
+  }
+  if (ButtonColors.RED === a0) {
+    return "destructive";
+  }
+  if (ButtonColors.GREY !== a0 && ButtonColors.LIGHTGREY !== a0 && ButtonColors.TRANSPARENT !== a0) {
+    if (ButtonColors.WHITE === a0) {
+      return "primary-overlay";
+    }
+    return "primary";
+  }
+  return "secondary";
+}