decord/source/components_native/common/UnreadBars.tsx

// Module ID: 16358
// Function ID: 16359
// Name: componentWillEnter
// Dependencies: [19, 17, 4552, 1074, 21, 4560, 5524, 576, 4409, 4271, 4528, 4529, 1178, 1114, 504, 12427, 2]
// Exports: default

// Module 16358 (componentWillEnter)
import initialize from "initialize" /* 504 */;
import ThemesDefault from "Themes" /* 576 */;
import getSystemLocale from "getSystemLocale" /* 1114 */;
import Button from "Button" /* 1178 */;
import _toPropertyKey from "_toPropertyKey" /* 12427 */;
import importAllResult from "noop" /* 19 */;
import get_ActivityIndicator from "get ActivityIndicator" /* 17 */;
import closure_7 from "maybeApplyNoTextColorForLightCustomTheme" /* 4552 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4560 */;
import hexToRgba from "hexToRgba" /* 4409 */;
import importDefaultResult from "createTextStyle" /* 5524 */;

require = arg1;
let c3 = importAllResult;
({ View: c4, Animated: c5, TouchableWithoutFeedback: closure_6 } = get_ActivityIndicator);
({ jsx: closure_8, jsxs: c9 } = jsxProd);
createCacheKey = { unreadText: null, unread: null, mention: null };
createCacheKey = {};
let merged = Object.assign(importDefaultResult(require("ME").Fonts.DISPLAY_SEMIBOLD, ThemesDefault.unsafe_rawColors.WHITE, 12, { uppercase: true }));
createCacheKey[0] = createCacheKey;
let obj1 = { margin: 8, height: 24, justifyContent: "center", alignItems: "center", borderRadius: ThemesDefault.radii.md, backgroundColor: null };
obj1[5] = hexToRgba.hexWithOpacity(ThemesDefault.unsafe_rawColors.PRIMARY_400, 0.9);
createCacheKey[1] = obj1;
const obj2 = { backgroundColor: null };
obj2[0] = hexToRgba.hexWithOpacity(ThemesDefault.unsafe_rawColors.RED_400, 0.9);
createCacheKey[2] = obj2;
let closure_10 = createCacheKey.createLegacyClassComponentStyles(createCacheKey);
const PureComponent = importAllResult.PureComponent;
class UnreadBar extends PureComponent {
  constructor() {
    applyArgumentsResult = HermesBuiltin.applyArguments(new.target, new.target);
    closure_0 = applyArgumentsResult;
    applyArgumentsResult.state = { active: false };
    value = new Animated.Value(0);
    applyArgumentsResult.animation = value;
    applyArgumentsResult.handlePress = function handlePress() {
      ({ item, onPress } = applyArgumentsResult.props);
      const result = applyArgumentsResult(closure_1_2[10]).triggerHapticFeedback(closure_1_1(closure_1_2[11]).IMPACT_LIGHT);
      applyArgumentsResult.hide();
      onPress(item);
    };
    applyArgumentsResult.handlePressIn = function handlePressIn() {
      applyArgumentsResult.setState({ active: true });
    };
    applyArgumentsResult.handlePressOut = function handlePressOut() {
      applyArgumentsResult.setState({ active: false });
    };
    return applyArgumentsResult;
  }
}
const prototype = UnreadBar.prototype;
prototype["componentWillEnter"] = function componentWillEnter(arg0) {
  this.show(arg0);
};
prototype["componentWillLeave"] = function componentWillLeave(arg0) {
  this.hide(arg0);
};
prototype["show"] = function show(arg0) {
  RN.spring(this.animation, { toValue: 1, friction: 15, tension: 250, useNativeDriver: true }).start(arg0);
};
prototype["hide"] = function hide(arg0) {
  RN.spring(this.animation, { toValue: 0, friction: 15, tension: 250, useNativeDriver: true }).start(arg0);
};
prototype["getAnimatedStyle"] = function getAnimatedStyle() {
  const self = this;
  const props = this.props;
  ({ bottom, contentInset } = props);
  let num = contentInset.left;
  if (num == null) {
    num = 0;
  }
  let obj = { position: "absolute", left: num, right: null };
  let num2 = contentInset.right;
  if (num2 == null) {
    num2 = 0;
  }
  obj[2] = num2;
  let str = "top";
  if (bottom) {
    str = "bottom";
  }
  if (bottom) {
    let num4 = contentInset.bottom;
    if (num4 == null) {
      num4 = 0;
    }
    let num3 = num4;
  } else {
    num3 = contentInset.top;
    if (num3 == null) {
      num3 = 0;
    }
  }
  obj[str] = num3;
  obj = {};
  const merged = Object.assign(obj);
  obj.opacity = self.animation;
  if (props.useReducedMotion) {
    let tmp2 = obj;
  } else {
    const animation = self.animation;
    obj = { inputRange: null, outputRange: null };
    obj[0] = [0, 1];
    let num5 = -72;
    if (bottom) {
      num5 = 72;
    }
    const items = [num5, ];
    let num6 = 0;
    if (this.state.active) {
      num6 = 1;
    }
    obj1 = { translateY: null };
    items[1] = num6;
    obj[1] = items;
    obj1[0] = animation.interpolate(obj);
    const items1 = [obj1];
    obj.transform = items1;
    tmp2 = obj;
  }
  return tmp2;
};
prototype["render"] = function render() {
  const tmp = callback2(this.context);
  const props = this.props;
  ({ mention, section } = props.item);
  let obj = { accessibilityRole: "button", onPress: this.handlePress, onPressIn: this.handlePressIn, onPressOut: this.handlePressOut, testID: "unread-bar-touchable-" + mention + "-" + section, children: null };
  obj = { style: this.getAnimatedStyle(), nativeID: "unread-bar-animated-view-" + mention + "-" + section, children: null };
  const items = [tmp.unread, ];
  mention = undefined;
  if (mention) {
    mention = tmp.mention;
  }
  obj = { style: items, nativeID: "unread-bar-view-" + mention + "-" + section, children: null };
  items[1] = mention;
  obj1 = { style: tmp.unreadText, maxFontSizeMultiplier: 1.5, children: null };
  const intl = getSystemLocale.intl;
  const string = intl.string;
  const t = getSystemLocale.t;
  if (props.compact) {
    let stringResult = string(t.y2b7CA);
  } else if (mention) {
    stringResult = string(t["8zH0LJ"]);
  } else {
    stringResult = string(t.FCRiT3);
  }
  obj1[2] = stringResult;
  obj[2] = closure_8(Button.LegacyText, obj1);
  obj[2] = closure_8(closure_4, obj);
  obj[5] = closure_8(RN.View, obj);
  return closure_8(closure_6, obj);
};
UnreadBar.defaultProps = { bottom: false };
UnreadBar.contextType = require("ManaContext").ThemeContext;
let result = require("set").fileFinishedImporting("components_native/common/UnreadBars.tsx");

export default function UnreadBars(contentInset) {
  ({ scrollToLocation: require, beforeItem, afterItem, compact } = contentInset);
  if (compact === undefined) {
    compact = false;
  }
  contentInset = contentInset.contentInset;
  if (contentInset === undefined) {
    contentInset = { top: 0, left: 0, right: 0, bottom: 0 };
  }
  function handlePress(section) {
    callback({ section: section.section, item: section.row, animated: true });
  }
  obj1 = initialize;
  const items = [closure_7];
  const stateFromStores = obj1.useStateFromStores(items, () => useReducedMotion.useReducedMotion);
  let obj = { component: importAllResult.Fragment, children: null };
  let tmp3 = null;
  if (null != beforeItem) {
    obj = { compact: null, item: null, onPress: null, contentInset: null, useReducedMotion: null };
    obj[0] = compact;
    obj[1] = beforeItem;
    obj[2] = handlePress;
    obj[3] = contentInset;
    obj[4] = stateFromStores;
    tmp3 = callback(UnreadBar, obj, "BEFORE");
  }
  const items1 = [tmp3, ];
  let tmp6 = null;
  if (null != afterItem) {
    obj1 = { compact: null, item: null, onPress: null, contentInset: null, bottom: true, useReducedMotion: null };
    obj1[0] = compact;
    obj1[1] = afterItem;
    obj1[2] = handlePress;
    obj1[3] = contentInset;
    obj1[5] = stateFromStores;
    tmp6 = callback(UnreadBar, obj1, "AFTER");
  }
  items1[1] = tmp6;
  obj[1] = items1;
  return closure_9(_toPropertyKey.TransitionGroup, obj);
};