105 lines
6.7 KiB
TypeScript
105 lines
6.7 KiB
TypeScript
/* Metro module 8541; source: modules/reactions/native/BurstReactionToggle.tsx; dependencies: [31, 27, 4502, 1376, 33, 4017, 566, 3860, 697, 4504, 4577, 4501, 8542, 1244, 7952, 2] */
|
|
function _fun67711(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67711, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8726:6, offset: 0x01c2def3, size: 386 bytes, params: 8, frame: 21
|
|
var object2;
|
|
const env0_0 = require;
|
|
const Object = global.Object;
|
|
Object.defineProperty(exports, '__esModule', {value: true});
|
|
const env0_3 = importAll(31) /* metro dependency 31 */;
|
|
const env0_4 = (require(27) /* metro dependency 27 */).Pressable;
|
|
const accessibilityStore = importDefault(4502) /* metro dependency 4502: AccessibilityStore */;
|
|
const env0_6 = (require(1376) /* metro dependency 1376: DismissibleContentConstants */).ContentDismissActionType;
|
|
const env0_7 = (require(33) /* metro dependency 33 */).jsx;
|
|
object2 = {duration: 100};
|
|
const Easing = (require(4017) /* metro dependency 4017: ReanimatedRexport */).Easing;
|
|
const out = Easing.out;
|
|
const Easing2 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).Easing;
|
|
object2.easing = Reflect.apply(out, Easing, [Easing2.quad]);
|
|
const env0_9 = {'stiffness': 750, 'mass': 2.5, 'damping': 70};
|
|
object2 = {code: 'function BurstReactionToggleTsx1(){const{reducedMotion,targetBackgroundColor,backgroundColor,rotation}=this.__closure;const _backgroundColor=reducedMotion?targetBackgroundColor:backgroundColor.get();const _rotation=reducedMotion?0:rotation.get();return{backgroundColor:_backgroundColor,transform:[{rotate:_rotation+"deg"}]};}'};
|
|
const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
|
|
const createStyles = createStylesModule.createStyles;
|
|
const BORDER_RADIUS = (importDefault(697) /* metro dependency 697: native */).modules.button.BORDER_RADIUS;
|
|
const env0_11 = Reflect.apply(createStyles, createStylesModule, [{container: {'borderRadius': null, 'padding': 8,
|
|
'marginLeft': 8, 'width': 40, 'height': 40, borderRadius: BORDER_RADIUS}}]);
|
|
(require(2) /* metro dependency 2 */).fileFinishedImporting('modules/reactions/native/BurstReactionToggle.tsx');
|
|
exports.default = BurstReactionToggle;
|
|
}
|
|
|
|
function BurstReactionToggle({onPress, isActive}) { // fn#67712, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8726:848, offset: 0x01c2e075, size: 380 bytes, params: 2, frame: 24
|
|
const styles = useStyles();
|
|
const colors = (importDefault(697) /* metro dependency 697: native */).colors;
|
|
const r9 = isActive ? colors.WHITE : colors.INTERACTIVE_TEXT_DEFAULT;
|
|
const value2 = env0_3.useRef(null);
|
|
const env0_1 = (importDefault(8542) /* metro dependency 8542: useBurstToggleCoachmark */)(value2);
|
|
const containerStyle = _fun67713(isActive).containerStyle;
|
|
const object2 = {onPress: onPress_67717, accessible: true};
|
|
const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
|
|
const string = intl.string;
|
|
const t = (require(1244) /* metro dependency 1244: indexNative */).t;
|
|
object2.accessibilityLabel = isActive ? Reflect.apply(string, intl, [t['5cRA/b']]) : Reflect.apply(string, intl,
|
|
[t.buV4av]);
|
|
object2.accessibilityRole = 'switch';
|
|
object2.accessibilityState = {checked: isActive};
|
|
const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
|
|
const items2 = [styles.container, containerStyle];
|
|
const SuperReactionIcon = (require(7952) /* metro dependency 7952: SuperReactionIcon */).SuperReactionIcon;
|
|
return (
|
|
<Pressable {...object2}>
|
|
<View style={items2} ref={value2}>
|
|
<SuperReactionIcon color={r9} />
|
|
</View>
|
|
</Pressable>
|
|
);
|
|
}
|
|
|
|
function _fun67713(a0) { // fn#67713, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8726:1010, offset: 0x01c2e1f1, size: 356 bytes, params: 2, frame: 21
|
|
const useReducedMotion = (require(566) /* metro dependency 566: flux */).useStateFromStores([AccessibilityStore],
|
|
function() {
|
|
return AccessibilityStore.useReducedMotion;
|
|
});
|
|
const useTokenModule = require(3860) /* metro dependency 3860: useToken */;
|
|
const useToken = useTokenModule.useToken;
|
|
const colors = (importDefault(697) /* metro dependency 697: native */).colors;
|
|
const r7 = Reflect.apply(useToken, useTokenModule,
|
|
[a0 ? colors.BACKGROUND_BRAND : colors.INPUT_BACKGROUND_DEFAULT]) ?? '';
|
|
const r5 = a0 ? 360 : 0;
|
|
const value6 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(r7);
|
|
const value7 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(r5);
|
|
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
|
|
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
|
|
const closure = c_67715;
|
|
closure.__closure = {reducedMotion: useReducedMotion, targetBackgroundColor: r7, backgroundColor: value6,
|
|
rotation: value7};
|
|
closure.__workletHash = 1525758595013;
|
|
closure.__initData = env1_10;
|
|
const value8 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
|
|
env1_3.useEffect(_fun67716, [value6, r7, value7, r5]);
|
|
return {containerStyle: value8};
|
|
}
|
|
|
|
function BurstReactionToggleOnPress() { // fn#67717, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8726:1667, owner: BurstReactionToggle.onPress, offset: 0x01c2e43b, size: 37 bytes, params: 1, frame: 12
|
|
const binding = env0_1;
|
|
const AUTO = ContentDismissActionType.AUTO;
|
|
binding(AUTO);
|
|
onPress();
|
|
}
|
|
|
|
function c_67715() { // fn#67715, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8726:1287, offset: 0x01c2e364, size: 107 bytes, params: 1, frame: 15
|
|
const object2 = {};
|
|
object2.backgroundColor = useReducedMotion ? env0_1 : env0_3.get();
|
|
object2.transform = [{rotate: '' + (useReducedMotion ? 0 : env0_4.get()) + 'deg'}];
|
|
return object2;
|
|
}
|
|
|
|
function _fun67716() { // fn#67716, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8726:1527, offset: 0x01c2e3cf, size: 108 bytes, params: 1, frame: 20
|
|
let binding = env0_3;
|
|
let set = binding.set;
|
|
const timingModule = require(4504) /* metro dependency 4504: timing */;
|
|
Reflect.apply(set, binding, [timingModule.withTiming(env0_1, env2_8)]);
|
|
binding = env0_4;
|
|
set = binding.set;
|
|
const springModule = require(4577) /* metro dependency 4577: spring */;
|
|
Reflect.apply(set, binding, [springModule.withSpring(env0_2, env2_9)]);
|
|
}
|
|
|