Initial commit

sources/design/void/ShinyButton/native/ShinyButton.tsx

@@ -0,0 +1,133 @@
+/* Metro module 12716; source: design/void/ShinyButton/native/ShinyButton.tsx; dependencies: [57, 31, 27, 4502, 33, 4501, 566, 4017, 4504, 1308, 2] */
+function _fun97382(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97382, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12906:6, offset: 0x0217e576, size: 340 bytes, params: 8, frame: 21
+    const env0_0 = require;
+    const Object = global.Object;
+    Object.defineProperty(exports, '__esModule', {value: true});
+    const env0_3 = importDefault(57) /* metro dependency 57 */;
+    const env0_4 = importAll(31) /* metro dependency 31 */;
+    const env0_5 = (require(27) /* metro dependency 27 */).AppState;
+    const accessibilityStore = importDefault(4502) /* metro dependency 4502: AccessibilityStore */;
+    const env0_7 = (require(33) /* metro dependency 33 */).jsx;
+    const env0_8 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({shinyButton: {overflow: 'hidden'},
+        shineContainer: {'width': '100%', 'height': '100%', 'position': 'absolute', 'overflow': 'hidden'},
+        shine: {'width': 56, 'height': '500%', 'transform': null, 'backgroundColor': 'rgba(255,255,255,0.1)',
+        'top': '-100%', 'alignItems': 'center', transform: [{rotate: '30deg'}]}, shineInner: {'width': 16,
+        'height': '100%', 'backgroundColor': 'rgba(255,255,255,0.1)'}});
+    object = {code: "function ShinyButtonTsx1(){const{width,OFFSCREEN_OFFSET,withRepeat,withSequence,withTiming,withDelay,INITIAL_ANIMATION_DELAY,ANIMATION_DURATION}=this.__closure;if(width==null){return{transform:[{translateX:-OFFSCREEN_OFFSET}]};}return{transform:[{translateX:withRepeat(withSequence(withTiming(-OFFSCREEN_OFFSET,{duration:0},'animate-always'),withDelay(INITIAL_ANIMATION_DELAY,withTiming(width+OFFSCREEN_OFFSET,{duration:ANIMATION_DURATION},'animate-always'))),-1)}]};}"};
+    (require(2) /* metro dependency 2 */).fileFinishedImporting('design/void/ShinyButton/native/ShinyButton.tsx');
+    exports.default = ShinyButton_97383;
+}
+
+function ShinyButton_97383(a0) { // fn#97383, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12906:995, offset: 0x0217e6ca, size: 618 bytes, params: 2, frame: 30
+    const style = a0.style;
+    const disabled = a0.disabled;
+    const env0_1 = a0.submitting;
+    if (a0.shineDisabled !== undefined) {
+    }
+    const env0_3 = a0.shineStyle;
+    const env0_4 = a0.shineInnerStyle;
+    const object3 = {'style': 0, 'disabled': 0, 'submitting': 0, 'shineDisabled': 0, 'shineStyle': 0,
+        'shineInnerStyle': 0};
+    silentSetPrototypeOf(object3, null, undefined);
+    const value = copyDataProperties({}, a0, object3, undefined);
+    const styles = useStyles();
+    const binding = env0_4;
+    let useState = binding.useState;
+    const value3 = Reflect.apply(useState, binding, [null]);
+    const binding2 = env0_3;
+    const value4 = binding2(value3, 2);
+    const property = value4[0];
+    const env0_7 = value4[1];
+    const fluxModule = require(566) /* metro dependency 566: flux */;
+    let closure = function() {
+        return AccessibilityStore.useReducedMotion;
+    };
+    const env0_8 = fluxModule.useStateFromStores([AccessibilityStore], closure, []);
+    useState = binding.useState;
+    const value5 = binding2(Reflect.apply(useState, binding, [AppState.currentState === 'active']), 2);
+    const env0_9 = value5[0];
+    const env0_10 = value5[1];
+    binding.useEffect(function() {
+        var env0_0 = AppState.addEventListener('change', _fun97387);
+        return _fun97388;
+    }, []);
+    const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+    const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
+    closure = ShinyButton_97383P;
+    const object4 = {width: property, OFFSCREEN_OFFSET: 100};
+    object4.withRepeat = reanimatedRexportModule.withRepeat;
+    object4.withSequence = reanimatedRexportModule.withSequence;
+    object4.withTiming = (require(4504) /* metro dependency 4504: timing */).withTiming;
+    object4.withDelay = reanimatedRexportModule.withDelay;
+    object4.INITIAL_ANIMATION_DELAY = 750;
+    object4.ANIMATION_DURATION = 2000;
+    closure.__closure = object4;
+    closure.__workletHash = 5550564727650;
+    closure.__initData = env0_9;
+    const env0_11 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
+    return ((Component) => <Component {...value} {...{['style']: [style,
+        styles.shinyButton]}} {...{['disabled']: disabled}} {...{['renderShine']: renderShine}} />)(importDefault(1308) /* metro dependency 1308: Button */);
+}
+
+function handleLayout({nativeEvent}) { // fn#97384, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12906:1956, owner: ShinyButton_97383.handleLayout, offset: 0x0217e934, size: 36 bytes, params: 2, frame: 11
+    env0_7(nativeEvent.layout.width);
+}
+
+function _fun97386() { // fn#97386, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12906:1296, offset: 0x0217e958, size: 45 bytes, params: 1, frame: 14
+    const env0_0 = AppState.addEventListener('change', _fun97387);
+    return _fun97388;
+}
+
+function ShinyButton_97383P() { // fn#97389, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12906:1425, owner: ShinyButton_97383.p, offset: 0x0217e9a0, size: 250 bytes, params: 1, frame: 27
+    var object;
+    var value2;
+    var moduleValue;
+    var withRepeat;
+    var moduleValue2;
+    var withSequence;
+    var withTiming;
+    var value3;
+    var moduleValue4;
+    var withDelay;
+    var moduleValue5;
+    var value;
+    if (env0_6 == null) {
+        object = {transform: [{translateX: -100}]};
+    } else {
+        value2 = environment.__proto__;
+        moduleValue = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+        withRepeat = moduleValue.withRepeat;
+        moduleValue2 = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+        withSequence = moduleValue2.withSequence;
+        value3 = (require(4504) /* metro dependency 4504: timing */).withTiming(-100, {duration: 0}, 'animate-always');
+        moduleValue4 = require(4017) /* metro dependency 4017: ReanimatedRexport */;
+        withDelay = moduleValue4.withDelay;
+        moduleValue5 = require(4504) /* metro dependency 4504: timing */;
+        withTiming = moduleValue5.withTiming;
+        value = env0_6 + 100;
+        value = Reflect.apply(withTiming, moduleValue5, [value, {duration: 2000}, 'animate-always']);
+        value = Reflect.apply(withSequence, moduleValue2, [value3, Reflect.apply(withDelay, moduleValue4, [750,
+            value])]);
+        object = {transform: [{translateX: Reflect.apply(withRepeat, moduleValue, [value, -1])}]};
+    }
+    return object;
+}
+
+function renderShine() { // fn#97390, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12906:2081, owner: ShinyButton_97383.renderShine, offset: 0x0217ea9a, size: 258 bytes, params: 1, frame: 22
+    const disabledBinding = disabled;
+    const value2 = null;
+    if (disabledBinding || submitting || (env0_8 || shineDisabled)) {
+        return value2;
+    } else if (env0_9) {
+        const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
+        return (
+            <View onLayout={handleLayout} style={[styles.shineContainer, env0_11]}>
+                {((View) => <View style={[styles.shine, shineStyle]}>{((View) => <View style={[styles.shineInner,
+                    shineInnerStyle]} />)((importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View)}</View>)((importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View)}
+            </View>
+        );
+    } else {
+        return value2;
+    }
+}
+