janisslsm/discord-decomp
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

yeet

Browse Source
This commit is contained in:
janisslsm committed 2026-07-28 01:06:53 +03:00
1 parent af3b49f756
commit 1781d25a15
22448 files changed
+2731829 -2650550
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

sources/design/animation/reanimated/AccessibilityPreferencesSharedValue.native.tsx
+6 -2
View File
@@ -1,10 +1,14 @@
/* Metro module 4506; source: design/animation/reanimated/AccessibilityPreferencesSharedValue.native.tsx; dependencies: [4017, 2] */
import * as FileImportTrackerModule from '../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReanimatedRexportModule from '../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
function _fun38551(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38551, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4684:6, offset: 0x010c2ef4, size: 115 bytes, params: 8, frame: 17
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
let value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
let value = ReanimatedRexportModule;
value = value.makeMutable({'reduceMotion': false, 'prefersCrossfades': false, 'screenReaderEnabled': false});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/animation/reanimated/AccessibilityPreferencesSharedValue.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/animation/reanimated/AccessibilityPreferencesSharedValue.native.tsx');
exports.accessibilityPreferencesSharedValue = value;
}
global.__d(_fun38551, 4506, [4017, 2]) /* metro module 4506, dependencies: [4017, 2] */;
sources/design/animation/reanimated/ReanimatedConstants.tsx
+13 -10
View File
@@ -1,17 +1,20 @@
/* Metro module 4505; source: design/animation/reanimated/ReanimatedConstants.tsx; dependencies: [4017, 2] */
import * as FileImportTrackerModule from '../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReanimatedRexportModule from '../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
function _fun38550(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38550, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4683:6, offset: 0x010c2e68, size: 140 bytes, params: 8, frame: 18
var object3;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
object3 = {duration: 1};
const ReduceMotion = (require(4017) /* metro dependency 4017: ReanimatedRexport */).ReduceMotion;
object = {duration: 1};
const ReduceMotion = (ReanimatedRexportModule).ReduceMotion;
const Always = ReduceMotion.Always;
object3.reduceMotion = Always;
const object4 = {};
copyDataProperties(object4, object3, undefined);
object4['reduceMotion'] = undefined;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/animation/reanimated/ReanimatedConstants.tsx');
exports.CONFIG_NEVER_ANIMATE = object3;
exports.CONFIG_NEVER_ANIMATE_TIMING = object4;
object.reduceMotion = Always;
const object2 = {};
copyDataProperties(object2, object, undefined);
object2['reduceMotion'] = undefined;
(FileImportTrackerModule).fileFinishedImporting('design/animation/reanimated/ReanimatedConstants.tsx');
exports.CONFIG_NEVER_ANIMATE = object;
exports.CONFIG_NEVER_ANIMATE_TIMING = object2;
}
global.__d(_fun38550, 4505, [4017, 2]) /* metro module 4505, dependencies: [4017, 2] */;
sources/design/animation/reanimated/spring/spring.tsx
+59 -54
View File
@@ -1,66 +1,71 @@
/* Metro module 4577; source: design/animation/reanimated/spring/spring.tsx; dependencies: [4505, 4506, 4017, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as ReanimatedConstantsModule from '../ReanimatedConstants.tsx'; /* Metro dependency 4505 */
import * as AccessibilityPreferencesSharedValueNativeModule from '../AccessibilityPreferencesSharedValue.native.tsx'; /* Metro dependency 4506 */
function _fun38834(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38834, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4755:6, offset: 0x010cc8b8, size: 135 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_2 = (require(4505) /* metro dependency 4505: ReanimatedConstants */).CONFIG_NEVER_ANIMATE;
object = {code: "function withSpring_springTsx1(toValue,config,shouldAnimate='respect-motion-settings',callback){const{accessibilityPreferencesSharedValue,CONFIG_NEVER_ANIMATE,ReduceMotion,REAwithSpring}=this.__closure;const reducedMotionEnabled=accessibilityPreferencesSharedValue.get().reduceMotion;const animate=shouldAnimate==='animate-always'||shouldAnimate==='respect-motion-settings'&&!reducedMotionEnabled;const configForRea=!animate?CONFIG_NEVER_ANIMATE:shouldAnimate==='animate-always'?{...(config!==null&&config!==void 0?config:{}),reduceMotion:ReduceMotion.Never}:config;return REAwithSpring(toValue,configForRea,callback);}"};
const value = _fun38835();
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/animation/reanimated/spring/spring.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/animation/reanimated/spring/spring.tsx');
exports.withSpring = value;
}
function _fun38835() { // fn#38835, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4755:760, offset: 0x010cc93f, size: 132 bytes, params: 1, frame: 16
const closure = withSpring_38836;
const object2 = {};
object2.accessibilityPreferencesSharedValue = (require(4506) /* metro dependency 4506: AccessibilityPreferencesSharedValueNative */).accessibilityPreferencesSharedValue;
object2.CONFIG_NEVER_ANIMATE = CONFIG_NEVER_ANIMATE;
const ReduceMotion = (require(4017) /* metro dependency 4017: ReanimatedRexport */).ReduceMotion;
object2.ReduceMotion = ReduceMotion;
object2.REAwithSpring = (require(4017) /* metro dependency 4017: ReanimatedRexport */).withSpring;
closure.__closure = object2;
closure.__workletHash = 14783154107972;
closure.__initData = env0_3;
return closure;
}
function withSpring_38836(a0, a1) { // fn#38836, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4755:786, offset: 0x010cc9c3, size: 210 bytes, params: 3, frame: 18
var r1;
var r4;
var object2;
const ReduceMotion = (require(4017) /* metro dependency 4017: ReanimatedRexport */).ReduceMotion;
const value = a1;
const value2 = a2;
const r5 = value2 !== undefined ? value2 : 'respect-motion-settings';
const accessibilityPreferencesSharedValue = (require(4506) /* metro dependency 4506: AccessibilityPreferencesSharedValueNative */).accessibilityPreferencesSharedValue;
const get = accessibilityPreferencesSharedValue.get;
const reduceMotion = Reflect.apply(get, accessibilityPreferencesSharedValue, []).reduceMotion;
const value5 = r5 === 'animate-always';
if (value5) {
if (value5) {
object2 = {};
copyDataProperties(object2, value ?? ({}), undefined);
object2['reduceMotion'] = ReduceMotion.Never;
r1 = object2;
} else {
r1 = value;
function _fun38835() { // fn#38835, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4755:760, offset: 0x010cc93f, size: 132 bytes, params: 1, frame: 16
const withSpring_388362 = withSpring_38836;
const object = {};
object.accessibilityPreferencesSharedValue = (require(4506) /* metro dependency 4506: AccessibilityPreferencesSharedValueNative */).accessibilityPreferencesSharedValue;
object.CONFIG_NEVER_ANIMATE = CONFIG_NEVER_ANIMATE;
const ReduceMotion = (require(4017) /* metro dependency 4017: ReanimatedRexport */).ReduceMotion;
object.ReduceMotion = ReduceMotion;
object.REAwithSpring = (require(4017) /* metro dependency 4017: ReanimatedRexport */).withSpring;
withSpring_388362.__closure = object;
withSpring_388362.__workletHash = 14783154107972;
withSpring_388362.__initData = env0_3;
return withSpring_388362;
function withSpring_38836(a0, a1) { // fn#38836, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4755:786, offset: 0x010cc9c3, size: 210 bytes, params: 3, frame: 18
var r1;
var r4;
var object;
const ReduceMotion = (ReanimatedRexportModule).ReduceMotion;
const value = a1;
const value2 = a2;
const r5 = value2 !== undefined ? value2 : 'respect-motion-settings';
const accessibilityPreferencesSharedValue = (AccessibilityPreferencesSharedValueNativeModule).accessibilityPreferencesSharedValue;
const get = accessibilityPreferencesSharedValue.get;
const reduceMotion = Reflect.apply(get, accessibilityPreferencesSharedValue, []).reduceMotion;
const value5 = r5 === 'animate-always';
if (value5) {
if (value5) {
object = {};
copyDataProperties(object, value ?? ({}), undefined);
object['reduceMotion'] = ReduceMotion.Never;
r1 = object;
} else {
r1 = value;
}
r4 = r1;
} else if (r5 !== 'respect-motion-settings') {
r4 = CONFIG_NEVER_ANIMATE;
} else if (reduceMotion) {
r4 = CONFIG_NEVER_ANIMATE;
} else {
if (value5) {
object = {};
copyDataProperties(object, value ?? ({}), undefined);
object['reduceMotion'] = ReduceMotion.Never;
r1 = object;
} else {
r1 = value;
}
r4 = r1;
}
return (ReanimatedRexportModule).withSpring(a0, r4, a3);
}
r4 = r1;
} else if (r5 !== 'respect-motion-settings') {
r4 = CONFIG_NEVER_ANIMATE;
} else if (reduceMotion) {
r4 = CONFIG_NEVER_ANIMATE;
} else {
if (value5) {
object2 = {};
copyDataProperties(object2, value ?? ({}), undefined);
object2['reduceMotion'] = ReduceMotion.Never;
r1 = object2;
} else {
r1 = value;
}
r4 = r1;
}
return (require(4017) /* metro dependency 4017: ReanimatedRexport */).withSpring(a0, r4, a3);
}
global.__d(_fun38834, 4577, [4505, 4506, 4017, 2]) /* metro module 4577, dependencies: [4505, 4506, 4017, 2] */;
sources/design/animation/reanimated/spring/springPresets.tsx
+4 -1
View File
@@ -1,8 +1,10 @@
/* Metro module 4581; source: design/animation/reanimated/spring/springPresets.tsx; dependencies: [2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
function _fun38861(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38861, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4759:6, offset: 0x010cde19, size: 188 bytes, params: 8, frame: 15
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/animation/reanimated/spring/springPresets.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/animation/reanimated/spring/springPresets.tsx');
exports.SUBTLE_SPRING = {'mass': 1, 'damping': 27, 'stiffness': 300};
exports.ON_PRESS_SPRING = {'mass': 1, 'overshootClamping': true, 'damping': 27, 'stiffness': 300};
exports.springSlow = {'mass': 1, 'damping': 30, 'stiffness': 380};
@@ -11,3 +13,4 @@ function _fun38861(global, require, importDefault, importAll, module, exports, d
exports.springStandard = {'mass': 0.35, 'damping': 13, 'stiffness': 250, 'overshootClamping': true};
}
global.__d(_fun38861, 4581, [2]) /* metro module 4581, dependencies: [2] */;
sources/design/animation/reanimated/timing/timing.tsx
+59 -54
View File
@@ -1,66 +1,71 @@
/* Metro module 4504; source: design/animation/reanimated/timing/timing.tsx; dependencies: [4505, 4506, 4017, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as ReanimatedConstantsModule from '../ReanimatedConstants.tsx'; /* Metro dependency 4505 */
import * as AccessibilityPreferencesSharedValueNativeModule from '../AccessibilityPreferencesSharedValue.native.tsx'; /* Metro dependency 4506 */
function _fun38547(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38547, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4682:6, offset: 0x010c2c8b, size: 135 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_2 = (require(4505) /* metro dependency 4505: ReanimatedConstants */).CONFIG_NEVER_ANIMATE_TIMING;
object = {code: "function withTiming_timingTsx1(toValue,config,shouldAnimate='respect-motion-settings',callback){const{accessibilityPreferencesSharedValue,CONFIG_NEVER_ANIMATE_TIMING,ReduceMotion,REAwithTiming}=this.__closure;const reducedMotionEnabled=accessibilityPreferencesSharedValue.get().reduceMotion;const animate=shouldAnimate==='animate-always'||shouldAnimate==='respect-motion-settings'&&!reducedMotionEnabled;const configForRea=!animate?CONFIG_NEVER_ANIMATE_TIMING:shouldAnimate==='animate-always'?{...(config!==null&&config!==void 0?config:{}),reduceMotion:ReduceMotion.Never}:config;return REAwithTiming(toValue,configForRea,callback);}"};
const value = _fun38548();
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/animation/reanimated/timing/timing.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/animation/reanimated/timing/timing.tsx');
exports.withTiming = value;
}
function _fun38548() { // fn#38548, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4682:781, offset: 0x010c2d12, size: 132 bytes, params: 1, frame: 16
const closure = withTiming_38549;
const object2 = {};
object2.accessibilityPreferencesSharedValue = (require(4506) /* metro dependency 4506: AccessibilityPreferencesSharedValueNative */).accessibilityPreferencesSharedValue;
object2.CONFIG_NEVER_ANIMATE_TIMING = CONFIG_NEVER_ANIMATE_TIMING;
const ReduceMotion = (require(4017) /* metro dependency 4017: ReanimatedRexport */).ReduceMotion;
object2.ReduceMotion = ReduceMotion;
object2.REAwithTiming = (require(4017) /* metro dependency 4017: ReanimatedRexport */).withTiming;
closure.__closure = object2;
closure.__workletHash = 6710776253444;
closure.__initData = env0_3;
return closure;
}
function withTiming_38549(a0, a1) { // fn#38549, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4682:807, offset: 0x010c2d96, size: 210 bytes, params: 3, frame: 18
var r1;
var r4;
var object2;
const ReduceMotion = (require(4017) /* metro dependency 4017: ReanimatedRexport */).ReduceMotion;
const value = a1;
const value2 = a2;
const r5 = value2 !== undefined ? value2 : 'respect-motion-settings';
const accessibilityPreferencesSharedValue = (require(4506) /* metro dependency 4506: AccessibilityPreferencesSharedValueNative */).accessibilityPreferencesSharedValue;
const get = accessibilityPreferencesSharedValue.get;
const reduceMotion = Reflect.apply(get, accessibilityPreferencesSharedValue, []).reduceMotion;
const value5 = r5 === 'animate-always';
if (value5) {
if (value5) {
object2 = {};
copyDataProperties(object2, value ?? ({}), undefined);
object2['reduceMotion'] = ReduceMotion.Never;
r1 = object2;
} else {
r1 = value;
function _fun38548() { // fn#38548, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4682:781, offset: 0x010c2d12, size: 132 bytes, params: 1, frame: 16
const withTiming_385492 = withTiming_38549;
const object = {};
object.accessibilityPreferencesSharedValue = (require(4506) /* metro dependency 4506: AccessibilityPreferencesSharedValueNative */).accessibilityPreferencesSharedValue;
object.CONFIG_NEVER_ANIMATE_TIMING = CONFIG_NEVER_ANIMATE_TIMING;
const ReduceMotion = (require(4017) /* metro dependency 4017: ReanimatedRexport */).ReduceMotion;
object.ReduceMotion = ReduceMotion;
object.REAwithTiming = (require(4017) /* metro dependency 4017: ReanimatedRexport */).withTiming;
withTiming_385492.__closure = object;
withTiming_385492.__workletHash = 6710776253444;
withTiming_385492.__initData = env0_3;
return withTiming_385492;
function withTiming_38549(a0, a1) { // fn#38549, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4682:807, offset: 0x010c2d96, size: 210 bytes, params: 3, frame: 18
var r1;
var r4;
var object;
const ReduceMotion = (ReanimatedRexportModule).ReduceMotion;
const value = a1;
const value2 = a2;
const r5 = value2 !== undefined ? value2 : 'respect-motion-settings';
const accessibilityPreferencesSharedValue = (AccessibilityPreferencesSharedValueNativeModule).accessibilityPreferencesSharedValue;
const get = accessibilityPreferencesSharedValue.get;
const reduceMotion = Reflect.apply(get, accessibilityPreferencesSharedValue, []).reduceMotion;
const value5 = r5 === 'animate-always';
if (value5) {
if (value5) {
object = {};
copyDataProperties(object, value ?? ({}), undefined);
object['reduceMotion'] = ReduceMotion.Never;
r1 = object;
} else {
r1 = value;
}
r4 = r1;
} else if (r5 !== 'respect-motion-settings') {
r4 = CONFIG_NEVER_ANIMATE_TIMING;
} else if (reduceMotion) {
r4 = CONFIG_NEVER_ANIMATE_TIMING;
} else {
if (value5) {
object = {};
copyDataProperties(object, value ?? ({}), undefined);
object['reduceMotion'] = ReduceMotion.Never;
r1 = object;
} else {
r1 = value;
}
r4 = r1;
}
return (ReanimatedRexportModule).withTiming(a0, r4, a3);
}
r4 = r1;
} else if (r5 !== 'respect-motion-settings') {
r4 = CONFIG_NEVER_ANIMATE_TIMING;
} else if (reduceMotion) {
r4 = CONFIG_NEVER_ANIMATE_TIMING;
} else {
if (value5) {
object2 = {};
copyDataProperties(object2, value ?? ({}), undefined);
object2['reduceMotion'] = ReduceMotion.Never;
r1 = object2;
} else {
r1 = value;
}
r4 = r1;
}
return (require(4017) /* metro dependency 4017: ReanimatedRexport */).withTiming(a0, r4, a3);
}
global.__d(_fun38547, 4504, [4505, 4506, 4017, 2]) /* metro module 4504, dependencies: [4505, 4506, 4017, 2] */;
sources/design/animation/reanimated/timing/timingPresets.tsx
+4 -1
View File
@@ -1,8 +1,10 @@
/* Metro module 4507; source: design/animation/reanimated/timing/timingPresets.tsx; dependencies: [2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
function _fun38552(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38552, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4685:6, offset: 0x010c2f67, size: 168 bytes, params: 8, frame: 22
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/animation/reanimated/timing/timingPresets.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/animation/reanimated/timing/timingPresets.tsx');
exports.timingNone = {duration: 0};
exports.timingInstant = {duration: 1};
exports.timingSlowDuration = 600;
@@ -13,3 +15,4 @@ function _fun38552(global, require, importDefault, importAll, module, exports, d
exports.timingFast = {duration: 100};
}
global.__d(_fun38552, 4507, [2]) /* metro module 4507, dependencies: [2] */;
sources/design/assets/native.tsx
+780 -378
View File
File diff suppressed because it is too large. Load diff
sources/design/components/AccessibilityView/AccessibilityView.native.tsx
+37 -30
View File
@@ -1,41 +1,48 @@
/* Metro module 4556; source: design/components/AccessibilityView/AccessibilityView.native.tsx; dependencies: [31, 27, 33, 4557, 4017, 2] */
import ReanimatedRexport from '../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import UseAccessibilityViewIsModalToggleNative from './useAccessibilityViewIsModalToggle.native.tsx'; /* Metro dependency 4557 */
import * as FileImportTrackerModule from '../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
function _fun38745(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38745, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4734:6, offset: 0x010c9358, size: 193 bytes, params: 8, frame: 19
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
let value = importAll(31) /* metro dependency 31 */;
const env0_2 = (require(27) /* metro dependency 27 */).View;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
let value = ReactModule;
value = value.forwardRef(_fun38746);
const animatedComponent = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(value);
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/AccessibilityView/AccessibilityView.native.tsx');
const animatedComponent = (ReanimatedRexport).createAnimatedComponent(value);
(FileImportTrackerModule).fileFinishedImporting('design/components/AccessibilityView/AccessibilityView.native.tsx');
exports.AccessibilityView = value;
exports.AccessibilityViewAnimated = animatedComponent;
}
function _fun38746(a0, a1) { // fn#38746, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4734:151, offset: 0x010c9419, size: 215 bytes, params: 3, frame: 21
let accessibilityViewIsModal = a0.accessibilityViewIsModal;
accessibilityViewIsModal = !(accessibilityViewIsModal === undefined) && accessibilityViewIsModal;
const nativeID = a0.nativeID;
const collapsable = a0.collapsable;
const onAccessibilityEscape = a0.onAccessibilityEscape;
const object2 = {'accessibilityViewIsModal': 0, 'nativeID': 0, 'collapsable': 0, 'onAccessibilityEscape': 0};
silentSetPrototypeOf(object2, null, undefined);
const value = copyDataProperties({}, a0, object2, undefined);
if (accessibilityViewIsModal) {
if (onAccessibilityEscape == null) {
throw new global.Error('Must have a onAccessibilityEscape callback when accessibilityViewIsModal is enabled.');
function _fun38746(a0, a1) { // fn#38746, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4734:151, offset: 0x010c9419, size: 215 bytes, params: 3, frame: 21
let accessibilityViewIsModal = a0.accessibilityViewIsModal;
accessibilityViewIsModal = !(accessibilityViewIsModal === undefined) && accessibilityViewIsModal;
const nativeID = a0.nativeID;
const collapsable = a0.collapsable;
const onAccessibilityEscape = a0.onAccessibilityEscape;
const object = {'accessibilityViewIsModal': 0, 'nativeID': 0, 'collapsable': 0, 'onAccessibilityEscape': 0};
silentSetPrototypeOf(object, null, undefined);
const value = copyDataProperties({}, a0, object, undefined);
if (accessibilityViewIsModal) {
if (onAccessibilityEscape == null) {
throw new global.Error('Must have a onAccessibilityEscape callback when accessibilityViewIsModal is enabled.');
}
}
(UseAccessibilityViewIsModalToggleNative)({accessibilityViewIsModal: accessibilityViewIsModal,
nativeID: nativeID});
return (
<View
ref={a1}
nativeID={nativeID}
collapsable={nativeID == null && collapsable}
onAccessibilityEscape={onAccessibilityEscape}
{...value}
/>
);
}
(importDefault(4557) /* metro dependency 4557: useAccessibilityViewIsModalToggleNative */)({accessibilityViewIsModal: accessibilityViewIsModal,
nativeID: nativeID});
return (
<View
ref={a1}
nativeID={nativeID}
collapsable={nativeID == null && collapsable}
onAccessibilityEscape={onAccessibilityEscape}
{...value}
/>
);
}
global.__d(_fun38745, 4556, [31, 27, 33, 4557, 4017,
2]) /* metro module 4556, dependencies: [31, 27, 33, 4557, 4017, 2] */;
sources/design/components/AccessibilityView/useAccessibilityViewIsModalToggle.native.tsx
+48 -41
View File
@@ -1,52 +1,59 @@
/* Metro module 4557; source: design/components/AccessibilityView/useAccessibilityViewIsModalToggle.native.tsx; dependencies: [31, 4558, 2] */
import * as FileImportTrackerModule from '../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
function _fun38747(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38747, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4735:6, offset: 0x010c94f0, size: 115 bytes, params: 8, frame: 17
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_2 = importAll(31) /* metro dependency 31 */;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/AccessibilityView/useAccessibilityViewIsModalToggle.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/AccessibilityView/useAccessibilityViewIsModalToggle.native.tsx');
exports.default = useAccessibilityViewIsModalToggle;
}
function useAccessibilityViewIsModalToggle({accessibilityViewIsModal, nativeID}) { // fn#38748, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4735:230, offset: 0x010c9563, size: 120 bytes, params: 2, frame: 16
accessibilityViewIsModal = !(accessibilityViewIsModal === undefined) && accessibilityViewIsModal;
let env0_2 = undefined;
const binding = env0_2;
env0_2 = binding.useRef(undefined);
binding.useEffect(_fun38750, [binding.useCallback(_fun38749, [accessibilityViewIsModal, nativeID])]);
function _fun38749() { // fn#38749, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4735:357, offset: 0x010c95db, size: 219 bytes, params: 1, frame: 14
var current;
var nativeIDBinding;
var binding;
let value = a0;
if (value !== undefined ? value : accessibilityViewIsModal) {
if (nativeID == null) {
throw new global.Error('Must have a unique nativeID when accessibilityViewIsModal is enabled.');
}
current = env0_2.current;
nativeIDBinding = nativeID;
if (current !== nativeIDBinding) {
binding = env0_2;
nativeIDBinding = nativeID;
binding.current = nativeIDBinding;
value = environment.__proto__;
value = importDefault(4558) /* metro dependency 4558: AccessibilityFocusLockManager */;
value.enableAccessibilityFocusLock([nativeIDBinding]);
}
} else {
current = env0_2.current;
if (current != null) {
env0_2.current = undefined;
value = environment.__proto__;
value = importDefault(4558) /* metro dependency 4558: AccessibilityFocusLockManager */;
value.disableAccessibilityFocusLock([current]);
}
}
}
function useAccessibilityViewIsModalToggle({accessibilityViewIsModal, nativeID}) { // fn#38748, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4735:230, offset: 0x010c9563, size: 120 bytes, params: 2, frame: 16
accessibilityViewIsModal = !(accessibilityViewIsModal === undefined) && accessibilityViewIsModal;
let env0_2 = undefined;
const binding = env0_2;
env0_2 = binding.useRef(undefined);
binding.useEffect(_fun38750, [binding.useCallback(_fun38749, [accessibilityViewIsModal, nativeID])]);
}
function _fun38750() { // fn#38750, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4735:657, offset: 0x010c96b6, size: 22 bytes, params: 1, frame: 9
env0_3();
return _fun38751;
function _fun38751() { // fn#38751, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4735:666, offset: 0x010c96cc, size: 18 bytes, params: 1, frame: 11
env1_3(false);
}
function _fun38749() { // fn#38749, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4735:357, offset: 0x010c95db, size: 219 bytes, params: 1, frame: 14
var current;
var nativeIDBinding;
var binding;
let value = a0;
if (value !== undefined ? value : accessibilityViewIsModal) {
if (nativeID == null) {
throw new global.Error('Must have a unique nativeID when accessibilityViewIsModal is enabled.');
}
current = env0_2.current;
nativeIDBinding = nativeID;
if (current !== nativeIDBinding) {
binding = env0_2;
nativeIDBinding = nativeID;
binding.current = nativeIDBinding;
value = environment.__proto__;
value = importDefault(4558) /* metro dependency 4558: AccessibilityFocusLockManager */;
value.enableAccessibilityFocusLock([nativeIDBinding]);
}
} else {
current = env0_2.current;
if (current != null) {
env0_2.current = undefined;
value = environment.__proto__;
value = importDefault(4558) /* metro dependency 4558: AccessibilityFocusLockManager */;
value.disableAccessibilityFocusLock([current]);
}
}
}
function _fun38750() { // fn#38750, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4735:657, offset: 0x010c96b6, size: 22 bytes, params: 1, frame: 9
env0_3();
return _fun38751;
}
global.__d(_fun38747, 4557, [31, 4558, 2]) /* metro module 4557, dependencies: [31, 4558, 2] */;
sources/design/components/ActivityIndicator/native/ActivityIndicator.native.tsx
+29 -25
View File
@@ -1,33 +1,37 @@
/* Metro module 5461; source: design/components/ActivityIndicator/native/ActivityIndicator.native.tsx; dependencies: [27, 33, 3860, 697, 2] */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as UseTokenModule from '../../../tokens/native/useToken.tsx'; /* Metro dependency 3860 */
function _fun48029(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#48029, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:5639:6, offset: 0x011d7997, size: 143 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_3 = (require(27) /* metro dependency 27 */).ActivityIndicator;
const env0_4 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/ActivityIndicator/native/ActivityIndicator.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/ActivityIndicator/native/ActivityIndicator.native.tsx');
exports.ActivityIndicator = ActivityIndicator_48030;
function ActivityIndicator_48030(a0) { // fn#48030, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:5639:263, offset: 0x011d7a26, size: 186 bytes, params: 2, frame: 21
let size = a0.size;
size = size === undefined ? 'large' : size;
let animating = a0.animating;
animating = animating === undefined || animating;
const value = Object.create(null);
value.size = 0;
value.animating = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const useToken = UseTokenModule.useToken;
const BACKGROUND_BRAND = (Native).colors.BACKGROUND_BRAND;
return (
<ActivityIndicator
{...value2}
{...{['size']: size}}
{...{['animating']: animating}}
{...{['color']: value2.color ?? Reflect.apply(useToken, UseTokenModule, [BACKGROUND_BRAND])}}
/>
);
}
}
function ActivityIndicator_48030(a0) { // fn#48030, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:5639:263, offset: 0x011d7a26, size: 186 bytes, params: 2, frame: 21
let size = a0.size;
size = size === undefined ? 'large' : size;
let animating = a0.animating;
animating = animating === undefined || animating;
const value = Object.create(null);
value.size = 0;
value.animating = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const useTokenModule = require(3860) /* metro dependency 3860: useToken */;
const useToken = useTokenModule.useToken;
const BACKGROUND_BRAND = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BRAND;
return (
<ActivityIndicator
{...value2}
{...{['size']: size}}
{...{['animating']: animating}}
{...{['color']: value2.color ?? Reflect.apply(useToken, useTokenModule, [BACKGROUND_BRAND])}}
/>
);
}
global.__d(_fun48029, 5461, [27, 33, 3860, 697, 2]) /* metro module 5461, dependencies: [27, 33, 3860, 697, 2] */;
sources/design/components/AlertModal/native/AlertModal.native.tsx
+590 -534
View File
File diff suppressed because it is too large. Load diff
sources/design/components/AlertModal/native/useAlertStore.native.tsx
+89 -83
View File
@@ -1,104 +1,110 @@
/* Metro module 4497; source: design/components/AlertModal/native/useAlertStore.native.tsx; dependencies: [57, 629, 690, 4498, 4499, 2] */
import Module00057 from '../../../../by-id/module-00057.js'; /* Metro dependency 57 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as Module00629Module from '../../../../by-id/module-00629.js'; /* Metro dependency 629 */
import * as ReactBatchUpdatesNativeModule from '../../../../external/discord_common/js/shared/utils/ReactBatchUpdates.native.tsx'; /* Metro dependency 690 */
function _fun38371(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38371, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:6, offset: 0x010be329, size: 175 bytes, params: 8, frame: 19
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_3 = importDefault(57) /* metro dependency 57 */;
let value = require(629) /* metro dependency 629 */;
let value = Module00629Module;
value = value.create(function() {
return {alerts: []};
});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/AlertModal/native/useAlertStore.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/AlertModal/native/useAlertStore.native.tsx');
exports.useAlertStore = value;
exports.dismissAlerts = dismissAlerts;
exports.dismissAlert = dismissAlert;
exports.openAlert = openAlert;
}
function dismissAlerts() { // fn#38373, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:272, offset: 0x010be3e5, size: 192 bytes, params: 1, frame: 18
const binding = env0_4;
const getState = binding.getState;
const value3 = Module00057(Reflect.apply(getState, binding, []).alerts.reduce(function(a0, a1) {
a0[a1.dismissable !== false ? 0 : 1].push(a1);
return a0;
}, [[], []]), 2);
const property = value3[0];
const property2 = value3[1];
property.forEach(function(a0) {
return a0.onDismiss?.();
});
(ReactBatchUpdatesNativeModule).batchUpdates(_fun38376);
if (property2.length === 0 && property.length > 0) {
(importDefault(4498) /* metro dependency 4498: setAccessibilityFocusPrevious */)();
}
function _fun38376() { // fn#38376, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:486, offset: 0x010be4ec, size: 34 bytes, params: 1, frame: 12
return env1_4.setState({alerts: env0_0});
}
function dismissAlerts() { // fn#38373, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:272, offset: 0x010be3e5, size: 192 bytes, params: 1, frame: 18
const binding = env0_4;
const getState = binding.getState;
const value3 = env0_3(Reflect.apply(getState, binding, []).alerts.reduce(function(a0, a1) {
a0[a1.dismissable !== false ? 0 : 1].push(a1);
return a0;
}, [[], []]), 2);
const property = value3[0];
const property2 = value3[1];
property.forEach(function(a0) {
return a0.onDismiss?.();
});
(require(690) /* metro dependency 690: ReactBatchUpdatesNative */).batchUpdates(_fun38376);
if (property2.length === 0 && property.length > 0) {
(importDefault(4498) /* metro dependency 4498: setAccessibilityFocusPrevious */)();
}
}
function dismissAlert(a0) { // fn#38377, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:567, offset: 0x010be50e, size: 144 bytes, params: 2, frame: 15
const env0_0 = a0;
const binding = env0_4;
const getState = binding.getState;
const alerts = Reflect.apply(getState, binding, []).alerts;
const r2 = alerts.length === 1 && alerts[0]?.key === a0;
(require(690) /* metro dependency 690: ReactBatchUpdatesNative */).batchUpdates(_fun38378);
if (r2) {
(importDefault(4498) /* metro dependency 4498: setAccessibilityFocusPrevious */)();
function dismissAlert(a0) { // fn#38377, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:567, offset: 0x010be50e, size: 144 bytes, params: 2, frame: 15
const env0_0 = a0;
const binding = env0_4;
const getState = binding.getState;
const alerts = Reflect.apply(getState, binding, []).alerts;
const r2 = alerts.length === 1 && alerts[0]?.key === a0;
(ReactBatchUpdatesNativeModule).batchUpdates(_fun38378);
if (r2) {
(importDefault(4498) /* metro dependency 4498: setAccessibilityFocusPrevious */)();
}
function _fun38378() { // fn#38378, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:692, offset: 0x010be59e, size: 84 bytes, params: 1, frame: 13
var environment;
let value = alerts.find(_fun38379);
if (!(value == null || value.onDismiss == null)) {
value.onDismiss();
}
value = environment.__proto__;
env1_4.setState(function(a0) {
var object = {};
object.alerts = a0.alerts.filter(_fun38381);
return object;
});
function _fun38379({key}) { // fn#38379, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:720, offset: 0x010be5f2, size: 21 bytes, params: 2, frame: 2
return key === env1_0;
}
function _fun38380({alerts}) { // fn#38380, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:782, offset: 0x010be607, size: 35 bytes, params: 2, frame: 12
const object = {};
object.alerts = alerts.filter(_fun38381);
return object;
function _fun38381({key}) { // fn#38381, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:811, offset: 0x010be62a, size: 21 bytes, params: 2, frame: 2
return key !== env2_0;
}
}
}
}
}
function openAlert(a0, a1, a2, a3) { // fn#38382, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:859, offset: 0x010be63f, size: 130 bytes, params: 5, frame: 13
const env0_0 = a0;
const env0_1 = a1;
const env0_2 = a2;
const env0_3 = a3;
const binding = env0_4;
const getState = binding.getState;
if (Reflect.apply(getState, binding, []).alerts.length === 0) {
(importDefault(4499) /* metro dependency 4499: markAccessibilityFocus */)();
function openAlert(a0, a1, a2, a3) { // fn#38382, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:859, offset: 0x010be63f, size: 130 bytes, params: 5, frame: 13
const env0_0 = a0;
const env0_1 = a1;
const env0_2 = a2;
const env0_3 = a3;
const binding = env0_4;
const getState = binding.getState;
if (Reflect.apply(getState, binding, []).alerts.length === 0) {
(importDefault(4499) /* metro dependency 4499: markAccessibilityFocus */)();
}
(ReactBatchUpdatesNativeModule).batchUpdates(_fun38383);
function _fun38383() { // fn#38383, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:951, offset: 0x010be6c1, size: 29 bytes, params: 1, frame: 11
env1_4.setState(_fun38384);
function _fun38384({alerts}) { // fn#38384, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:968, offset: 0x010be6de, size: 104 bytes, params: 2, frame: 17
const items2 = [];
const value = arraySpread(items2, alerts, 0, undefined);
items2[value] = {key: env1_0, node: require, onDismiss: importDefault, dismissable: importAll?.dismissable};
value + 1;
return {alerts: items2};
}
}
}
(require(690) /* metro dependency 690: ReactBatchUpdatesNative */).batchUpdates(_fun38383);
}
function _fun38376() { // fn#38376, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:486, offset: 0x010be4ec, size: 34 bytes, params: 1, frame: 12
return env1_4.setState({alerts: env0_0});
}
function _fun38378() { // fn#38378, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:692, offset: 0x010be59e, size: 84 bytes, params: 1, frame: 13
var environment;
let value = alerts.find(_fun38379);
if (!(value == null || value.onDismiss == null)) {
value.onDismiss();
}
value = environment.__proto__;
env1_4.setState(function(a0) {
var object = {};
object.alerts = a0.alerts.filter(_fun38381);
return object;
});
}
function _fun38383() { // fn#38383, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:951, offset: 0x010be6c1, size: 29 bytes, params: 1, frame: 11
env1_4.setState(_fun38384);
}
function _fun38379({key}) { // fn#38379, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:720, offset: 0x010be5f2, size: 21 bytes, params: 2, frame: 2
return key === env1_0;
}
function _fun38380({alerts}) { // fn#38380, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:782, offset: 0x010be607, size: 35 bytes, params: 2, frame: 12
const object2 = {};
object2.alerts = alerts.filter(_fun38381);
return object2;
}
function _fun38384({alerts}) { // fn#38384, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:968, offset: 0x010be6de, size: 104 bytes, params: 2, frame: 17
const items2 = [];
const value = arraySpread(items2, alerts, 0, undefined);
items2[value] = {key: env1_0, node: require, onDismiss: importDefault, dismissable: importAll?.dismissable};
value + 1;
return {alerts: items2};
}
function _fun38381({key}) { // fn#38381, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4675:811, offset: 0x010be62a, size: 21 bytes, params: 2, frame: 2
return key !== env2_0;
}
global.__d(_fun38371, 4497, [57, 629, 690, 4498, 4499,
2]) /* metro module 4497, dependencies: [57, 629, 690, 4498, 4499, 2] */;
sources/design/components/AnimatedEnterExitItem/native/AnimatedEnterExitItem.tsx
+132 -134
View File
@@ -1,4 +1,10 @@
/* Metro module 8549; source: design/components/AnimatedEnterExitItem/native/AnimatedEnterExitItem.tsx; dependencies: [31, 33, 4017, 4508, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as TransitionGroupModule from '../../TransitionGroup/TransitionGroup.tsx'; /* Metro dependency 4508 */
function _fun67759(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67759, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:6, offset: 0x01c2fc2b, size: 234 bytes, params: 8, frame: 18
const env0_0 = require;
const renderAnimatedItem = function(a0, a1, a2, a3) {
@@ -13,150 +19,142 @@ function _fun67759(global, require, importDefault, importAll, module, exports, d
};
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_2 = importAll(31) /* metro dependency 31 */;
const value = require(33) /* metro dependency 33 */;
const env0_3 = value.Fragment;
const env0_4 = value.jsx;
const env0_5 = (require(31) /* metro dependency 31 */).createElement;
object = {code: 'function AnimatedEnterExitItemTsx1(){const{useReducedMotion,shouldAnimate,state,TransitionStates,exiting,visible,runOnJS,cleanUp,entering}=this.__closure;var _shouldAnimate;if(useReducedMotion)return{};if(((_shouldAnimate=shouldAnimate)===null||_shouldAnimate===void 0?void 0:_shouldAnimate.get())===false)return{};if(state===TransitionStates.YEETED&&exiting!=null){return exiting(visible.get(),function(finished){if(finished){runOnJS(cleanUp)();}});}if(entering!=null){return entering(visible.get());}return{};}'};
object = {code: 'function AnimatedEnterExitItemTsx2(){const{state,TransitionStates,visible,hasExiting,useReducedMotion}=this.__closure;return state===TransitionStates.YEETED&&visible.get()===0&&(!hasExiting||useReducedMotion);}'};
object = {code: 'function AnimatedEnterExitItemTsx3(hasExited,previous){const{runOnJS,cleanUp}=this.__closure;if(!hasExited||hasExited===previous)return;runOnJS(cleanUp)();}'};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/AnimatedEnterExitItem/native/AnimatedEnterExitItem.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/AnimatedEnterExitItem/native/AnimatedEnterExitItem.tsx');
exports.default = AnimatedEnterExitItem;
}
function AnimatedRenderItem({renderItem, item, shouldAnimate, entering, exiting, state, cleanUp, useReducedMotion}) { // fn#67760, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:1076, offset: 0x01c2fd15, size: 536 bytes, params: 2, frame: 30
var object2;
const env0_2 = exiting;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useSharedValue = reanimatedRexportModule.useSharedValue;
const TransitionStates = (require(4508) /* metro dependency 4508: TransitionGroup */).TransitionStates;
const MOUNTED = TransitionStates.MOUNTED;
const value4 = Reflect.apply(useSharedValue, reanimatedRexportModule, [state !== MOUNTED ? 0 : 1]);
const env0_6 = value4;
env0_2.useEffect(_fun67761, [state, value4]);
const moduleValue2 = reanimatedRexportModule;
const useAnimatedStyle = moduleValue2.useAnimatedStyle;
let closure = AnimatedRenderItemT;
object2 = {useReducedMotion: useReducedMotion, shouldAnimate: shouldAnimate, state: state};
object2.TransitionStates = TransitionStates;
object2.exiting = exiting;
object2.visible = value4;
object2.runOnJS = reanimatedRexportModule.runOnJS;
object2.cleanUp = cleanUp;
object2.entering = entering;
closure.__closure = object2;
closure.__workletHash = 2197269661090;
closure.__initData = env0_6;
const value5 = Reflect.apply(useAnimatedStyle, moduleValue2, [closure]);
const value6 = exiting != null;
const env0_7 = value6;
const moduleValue3 = reanimatedRexportModule;
const useAnimatedReaction = moduleValue3.useAnimatedReaction;
closure = AnimatedRenderItemI;
closure.__closure = {state: state, TransitionStates: TransitionStates, visible: value4, hasExiting: value6,
useReducedMotion: useReducedMotion};
closure.__workletHash = 11984384474891;
closure.__initData = env0_7;
const closure2 = AnimatedRenderItemV;
closure2.__closure = {runOnJS: reanimatedRexportModule.runOnJS, cleanUp: cleanUp};
closure2.__workletHash = 2105667466259;
closure2.__initData = env0_8;
Reflect.apply(useAnimatedReaction, moduleValue3, [closure, closure2]);
return (
<>
{renderItem(item, value5)}
</>
);
}
function AnimatedEnterExitItem({useReducedMotion, shouldAnimate, entering, exiting, item, renderItem}) { // fn#67767, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:2416, offset: 0x01c30151, size: 172 bytes, params: 2, frame: 20
const value2 = entering.useMemo(function() {
if (item != null) {
return {shouldAnimate: shouldAnimate, entering: entering, exiting: exiting, renderItem: renderItem,
item: item,
useReducedMotion: useReducedMotion};
}
}, [item, shouldAnimate, entering, exiting, renderItem, useReducedMotion]);
const TransitionItem = (require(4508) /* metro dependency 4508: TransitionGroup */).TransitionItem;
return <TransitionItem item={value2} renderItem={renderAnimatedItem} />;
}
function _fun67761() { // fn#67761, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:1285, offset: 0x01c2ff2d, size: 85 bytes, params: 1, frame: 13
const stateBinding = state;
const TransitionStates = (require(4508) /* metro dependency 4508: TransitionGroup */).TransitionStates;
const YEETED = TransitionStates.YEETED;
if (stateBinding === YEETED) {
env0_6.set(0);
} else {
env0_6.set(1);
}
}
function AnimatedRenderItemT() { // fn#67762, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:1394, owner: AnimatedRenderItem.T, offset: 0x01c2ff82, size: 177 bytes, params: 1, frame: 16
var environment;
var r0;
var stateBinding;
var value4;
var exitingBinding;
var value;
if (useReducedMotion) {
r0 = {};
} else if (shouldAnimate?.get() === false) {
r0 = {};
} else {
stateBinding = state;
value4 = environment.__proto__;
if (stateBinding !== (require(4508) /* metro dependency 4508: TransitionGroup */).TransitionStates.YEETED) {
r0 = entering != null ? entering(env0_6.get()) : {};
} else {
exitingBinding = exiting;
if (exitingBinding != null) {
exitingBinding = exiting;
value = env0_6.get();
value = exitingBinding(value, _fun67763);
r0 = value;
function AnimatedRenderItem({renderItem, item, shouldAnimate, entering, exiting, state, cleanUp, useReducedMotion}) { // fn#67760, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:1076, offset: 0x01c2fd15, size: 536 bytes, params: 2, frame: 30
const exiting2 = exiting;
const useSharedValue = ReanimatedRexportModule.useSharedValue;
const TransitionStates = (TransitionGroupModule).TransitionStates;
const MOUNTED = TransitionStates.MOUNTED;
const value4 = Reflect.apply(useSharedValue, ReanimatedRexportModule, [state !== MOUNTED ? 0 : 1]);
const env0_6 = value4;
exiting2.useEffect(_fun67761, [state, value4]);
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
let closure = AnimatedRenderItemT;
object = {useReducedMotion: useReducedMotion, shouldAnimate: shouldAnimate, state: state};
object.TransitionStates = TransitionStates;
object.exiting = exiting;
object.visible = value4;
object.runOnJS = ReanimatedRexportModule.runOnJS;
object.cleanUp = cleanUp;
object.entering = entering;
closure.__closure = object;
closure.__workletHash = 2197269661090;
closure.__initData = env0_6;
const value5 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [closure]);
const value6 = exiting != null;
const env0_7 = value6;
const useAnimatedReaction = ReanimatedRexportModule.useAnimatedReaction;
closure = AnimatedRenderItemI;
closure.__closure = {state: state, TransitionStates: TransitionStates, visible: value4, hasExiting: value6,
useReducedMotion: useReducedMotion};
closure.__workletHash = 11984384474891;
closure.__initData = env0_7;
const AnimatedRenderItemV2 = AnimatedRenderItemV;
AnimatedRenderItemV2.__closure = {runOnJS: ReanimatedRexportModule.runOnJS, cleanUp: cleanUp};
AnimatedRenderItemV2.__workletHash = 2105667466259;
AnimatedRenderItemV2.__initData = env0_8;
Reflect.apply(useAnimatedReaction, ReanimatedRexportModule, [closure, AnimatedRenderItemV2]);
return (
<>
{renderItem(item, value5)}
</>
);
function _fun67761() { // fn#67761, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:1285, offset: 0x01c2ff2d, size: 85 bytes, params: 1, frame: 13
const stateBinding = state;
const TransitionStates = (TransitionGroupModule).TransitionStates;
const YEETED = TransitionStates.YEETED;
if (stateBinding === YEETED) {
env0_6.set(0);
} else {
r0 = entering != null ? entering(env0_6.get()) : {};
env0_6.set(1);
}
}
function AnimatedRenderItemT() { // fn#67762, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:1394, owner: AnimatedRenderItem.T, offset: 0x01c2ff82, size: 177 bytes, params: 1, frame: 16
var environment;
var r0;
var stateBinding;
var value4;
var exitingBinding;
var value;
if (useReducedMotion) {
r0 = {};
} else if (shouldAnimate?.get() === false) {
r0 = {};
} else {
stateBinding = state;
value4 = environment.__proto__;
if (stateBinding !== (require(4508) /* metro dependency 4508: TransitionGroup */).TransitionStates.YEETED) {
r0 = entering != null ? entering(env0_6.get()) : {};
} else {
exitingBinding = exiting;
if (exitingBinding != null) {
exitingBinding = exiting;
value = env0_6.get();
value = exitingBinding(value, _fun67763);
r0 = value;
} else {
r0 = entering != null ? entering(env0_6.get()) : {};
}
}
}
return r0;
function _fun67763(a0) { // fn#67763, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:1504, offset: 0x01c30033, size: 56 bytes, params: 2, frame: 12
var value;
var runOnJS;
var value2;
if (a0) {
value = environment.__proto__.__proto__;
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
runOnJS = value.runOnJS;
value2 = environment.__proto__;
Reflect.apply(runOnJS, value, [cleanUp])();
}
}
}
function AnimatedRenderItemI() { // fn#67764, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:1819, owner: AnimatedRenderItem.I, offset: 0x01c3006b, size: 92 bytes, params: 1, frame: 13
const stateBinding = state;
const TransitionStates = (TransitionGroupModule).TransitionStates;
const YEETED = TransitionStates.YEETED;
return stateBinding === YEETED && env0_6.get() === 0 && (env0_7 ? useReducedMotion : !env0_7);
}
function AnimatedRenderItemV(a0, a1) { // fn#67765, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:2038, owner: AnimatedRenderItem.v, offset: 0x01c300c7, size: 69 bytes, params: 3, frame: 12
var r0;
let value = a0;
if (value) {
value = value !== a1;
r0 = value;
} else {
r0 = value;
}
if (r0) {
value = environment.__proto__;
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
value.runOnJS(cleanUp)();
}
}
}
return r0;
}
function AnimatedRenderItemI() { // fn#67764, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:1819, owner: AnimatedRenderItem.I, offset: 0x01c3006b, size: 92 bytes, params: 1, frame: 13
const stateBinding = state;
const TransitionStates = (require(4508) /* metro dependency 4508: TransitionGroup */).TransitionStates;
const YEETED = TransitionStates.YEETED;
return stateBinding === YEETED && env0_6.get() === 0 && (env0_7 ? useReducedMotion : !env0_7);
}
function AnimatedRenderItemV(a0, a1) { // fn#67765, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:2038, owner: AnimatedRenderItem.v, offset: 0x01c300c7, size: 69 bytes, params: 3, frame: 12
var r0;
let value = a0;
if (value) {
value = value !== a1;
r0 = value;
} else {
r0 = value;
}
if (r0) {
value = environment.__proto__;
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
value.runOnJS(cleanUp)();
function AnimatedEnterExitItem({useReducedMotion, shouldAnimate, entering, exiting, item, renderItem}) { // fn#67767, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:2416, offset: 0x01c30151, size: 172 bytes, params: 2, frame: 20
const value2 = entering.useMemo(function() {
if (item != null) {
return {shouldAnimate: shouldAnimate, entering: entering, exiting: exiting, renderItem: renderItem,
item: item,
useReducedMotion: useReducedMotion};
}
}, [item, shouldAnimate, entering, exiting, renderItem, useReducedMotion]);
const TransitionItem = (TransitionGroupModule).TransitionItem;
return <TransitionItem item={value2} renderItem={renderAnimatedItem} />;
}
}
function _fun67763(a0) { // fn#67763, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8734:1504, offset: 0x01c30033, size: 56 bytes, params: 2, frame: 12
var value;
var runOnJS;
var value2;
if (a0) {
value = environment.__proto__.__proto__;
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
runOnJS = value.runOnJS;
value2 = environment.__proto__;
Reflect.apply(runOnJS, value, [cleanUp])();
}
}
global.__d(_fun67759, 8549, [31, 33, 4017, 4508, 2]) /* metro module 8549, dependencies: [31, 33, 4017, 4508, 2] */;
sources/design/components/Backdrop/native/Backdrop.native.tsx
+96 -87
View File
@@ -1,6 +1,13 @@
/* Metro module 4562; source: design/components/Backdrop/native/Backdrop.native.tsx; dependencies: [31, 27, 33, 4501, 697, 1244, 3868, 1585, 4000, 4017, 4563, 2] */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import UseSafeAreaInsetsNative from '../../../../modules/safe_area/useSafeAreaInsets.native.tsx'; /* Metro dependency 1585 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as NativeModule from '../../../../external/discord_common/js/packages/design/native.tsx'; /* Metro dependency 3868 */
function _fun38785(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38785, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4740:6, offset: 0x010ca32e, size: 315 bytes, params: 8, frame: 22
var object2;
const env0_0 = require;
const getBlurAmount = function(a0) {
if (a0 === 'none') {
@@ -15,8 +22,7 @@ function _fun38785(global, require, importDefault, importAll, module, exports, d
};
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_3 = importAll(31) /* metro dependency 31 */;
let value = require(27) /* metro dependency 27 */;
let value = ReactNativeModule;
const StyleSheet = value.StyleSheet;
const env0_4 = value.Pressable;
value = require(33) /* metro dependency 33 */;
@@ -25,93 +31,96 @@ function _fun38785(global, require, importDefault, importAll, module, exports, d
const env0_7 = {};
value = require(4501) /* metro dependency 4501: createStyles */;
const createStyles = value.createStyles;
object2 = {};
object2.fill = StyleSheet.absoluteFillObject;
const BACKGROUND_SCRIM = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SCRIM;
object2.backdrop = {backgroundColor: BACKGROUND_SCRIM};
const MOBILE_BACKGROUND_SCRIM_OPAQUE = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_BACKGROUND_SCRIM_OPAQUE;
object2.backdropOpaque = {backgroundColor: MOBILE_BACKGROUND_SCRIM_OPAQUE};
object2.accessibilityDismiss = {'position': 'absolute', 'top': 0, 'left': 0, 'right': 0, 'height': 16};
const env0_8 = Reflect.apply(createStyles, value, [object2]);
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Backdrop/native/Backdrop.native.tsx');
object = {};
object.fill = StyleSheet.absoluteFillObject;
const BACKGROUND_SCRIM = (Native).colors.BACKGROUND_SCRIM;
object.backdrop = {backgroundColor: BACKGROUND_SCRIM};
const MOBILE_BACKGROUND_SCRIM_OPAQUE = (Native).colors.MOBILE_BACKGROUND_SCRIM_OPAQUE;
object.backdropOpaque = {backgroundColor: MOBILE_BACKGROUND_SCRIM_OPAQUE};
object.accessibilityDismiss = {'position': 'absolute', 'top': 0, 'left': 0, 'right': 0, 'height': 16};
const env0_8 = Reflect.apply(createStyles, value, [object]);
(FileImportTrackerModule).fileFinishedImporting('design/components/Backdrop/native/Backdrop.native.tsx');
exports.Backdrop = Backdrop;
}
function Backdrop(a0) { // fn#38787, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4740:643, offset: 0x010ca4a6, size: 636 bytes, params: 2, frame: 31
var r11;
var r5;
var intl;
var object;
var object4;
var VisualEffectViewAnimated;
const style = a0.style;
const accessibleDismissStyle = a0.accessibleDismissStyle;
const animatedProps = a0.animatedProps;
const r4 = animatedProps !== undefined ? animatedProps : env0_7;
let opaque = a0.opaque;
opaque = !(opaque === undefined) && opaque;
let blur = a0.blur;
blur = blur === undefined ? 'none' : blur;
const onDismiss = a0.onDismiss;
const accessibilityLabel = a0.accessibilityLabel;
if (accessibilityLabel !== undefined) {
r11 = accessibilityLabel;
} else {
intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
r11 = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.WAI6xu);
}
const property = a0['aria-hidden'];
const styles = useStyles();
const useThemeContext = NativeModule.useThemeContext;
const theme = Reflect.apply(useThemeContext, NativeModule, []).theme;
const top = (UseSafeAreaInsetsNative)().top;
const backgroundColor = styles.backdrop.backgroundColor;
const useMemo = ReactModule.useMemo;
const items2 = [backgroundColor];
const value2 = Reflect.apply(useMemo, ReactModule, [_fun38788, items2]);
({onPress: onDismiss})['aria-hidden'] = true;
const View = (ReanimatedRexport).View;
let fill = styles.fill;
const items4 = [fill, style];
const items3 = [
onDismiss != null && <Pressable style={[styles.accessibilityDismiss, {top: top},
accessibleDismissStyle]} onPress={onDismiss} accessibilityRole="button" accessibilityLabel={r11} {...{['aria-hidden']: property}} />,
];
if (blur !== 'none') {
object4 = {};
copyDataProperties(object4, items2, top);
fill = styles.fill;
object4['style'] = fill;
VisualEffectViewAnimated = importDefault(4563) /* metro dependency 4563: VisualEffectViewAnimated */;
var defaultImportProps = {blurAmount: getBlurAmount(blur)};
fill = styles.fill;
defaultImportProps.style = fill;
defaultImportProps.blurTheme = theme;
defaultImportProps.blurTintRgba = value2;
defaultImportProps.android_fallbackColor = styles.backdrop.backgroundColor;
object4['children'] = <VisualEffectViewAnimated {...defaultImportProps} />;
r5 = object4;
} else {
object = {};
copyDataProperties(object, items2, top);
object['style'] = [styles.fill, opaque ? styles.backdropOpaque : styles.backdrop];
r5 = object;
}
items3[1] = <Pressable {...r5} />;
return (
<View
style={items4}
pointerEvents="box-none"
animatedProps={r4}
>
{items3}
</View>
);
function _fun38788() { // fn#38788, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4740:930, offset: 0x010ca722, size: 45 bytes, params: 1, frame: 11
let value = environment.__proto__;
value = require(4000) /* metro dependency 4000: ColorUtils */;
return value.hexToRgbaString(backgroundColor);
}
function Backdrop(a0) { // fn#38787, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4740:643, offset: 0x010ca4a6, size: 636 bytes, params: 2, frame: 31
var r11;
var r5;
var intl;
var object2;
var object3;
var VisualEffectViewAnimated;
const style = a0.style;
const accessibleDismissStyle = a0.accessibleDismissStyle;
const animatedProps = a0.animatedProps;
const r4 = animatedProps !== undefined ? animatedProps : env0_7;
let opaque = a0.opaque;
opaque = !(opaque === undefined) && opaque;
let blur = a0.blur;
blur = blur === undefined ? 'none' : blur;
const onDismiss = a0.onDismiss;
const accessibilityLabel = a0.accessibilityLabel;
if (accessibilityLabel !== undefined) {
r11 = accessibilityLabel;
} else {
intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
r11 = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.WAI6xu);
}
const property = a0['aria-hidden'];
const styles = useStyles();
const nativeModule = require(3868) /* metro dependency 3868: native */;
const useThemeContext = nativeModule.useThemeContext;
const theme = Reflect.apply(useThemeContext, nativeModule, []).theme;
const top = (importDefault(1585) /* metro dependency 1585: useSafeAreaInsetsNative */)().top;
const backgroundColor = styles.backdrop.backgroundColor;
const binding = env0_3;
const useMemo = binding.useMemo;
const items2 = [backgroundColor];
const value2 = Reflect.apply(useMemo, binding, [_fun38788, items2]);
({onPress: onDismiss})['aria-hidden'] = true;
const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
let fill = styles.fill;
const items4 = [fill, style];
const items3 = [onDismiss != null && <Pressable style={[styles.accessibilityDismiss, {top: top},
accessibleDismissStyle]} onPress={onDismiss} accessibilityRole="button" accessibilityLabel={r11} {...{['aria-hidden']: property}} />];
if (blur !== 'none') {
object3 = {};
copyDataProperties(object3, items2, top);
fill = styles.fill;
object3['style'] = fill;
VisualEffectViewAnimated = importDefault(4563) /* metro dependency 4563: VisualEffectViewAnimated */;
var defaultImportProps = {blurAmount: getBlurAmount(blur)};
fill = styles.fill;
defaultImportProps.style = fill;
defaultImportProps.blurTheme = theme;
defaultImportProps.blurTintRgba = value2;
defaultImportProps.android_fallbackColor = styles.backdrop.backgroundColor;
object3['children'] = <VisualEffectViewAnimated {...defaultImportProps} />;
r5 = object3;
} else {
object2 = {};
copyDataProperties(object2, items2, top);
object2['style'] = [styles.fill, opaque ? styles.backdropOpaque : styles.backdrop];
r5 = object2;
}
items3[1] = <Pressable {...r5} />;
return (
<View
style={items4}
pointerEvents="box-none"
animatedProps={r4}
>
{items3}
</View>
);
}
function _fun38788() { // fn#38788, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4740:930, offset: 0x010ca722, size: 45 bytes, params: 1, frame: 11
let value = environment.__proto__;
value = require(4000) /* metro dependency 4000: ColorUtils */;
return value.hexToRgbaString(backgroundColor);
}
global.__d(_fun38785, 4562, [31, 27, 33, 4501, 697, 1244, 3868, 1585, 4000, 4017, 4563,
2]) /* metro module 4562, dependencies: [31, 27, 33, 4501, 697, 1244, 3868, 1585, 4000, 4017, 4563, 2] */;
sources/design/components/Backdrop/native/BackdropConstants.tsx
+4 -1
View File
@@ -1,8 +1,11 @@
/* Metro module 12760; source: design/components/Backdrop/native/BackdropConstants.tsx; dependencies: [2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
function _fun97522(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97522, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12950:6, offset: 0x021875be, size: 88 bytes, params: 8, frame: 15
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Backdrop/native/BackdropConstants.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Backdrop/native/BackdropConstants.tsx');
exports.BACKDROP_OPAQUE_MAX_OPACITY = 0.7;
}
global.__d(_fun97522, 12760, [2]) /* metro module 12760, dependencies: [2] */;
sources/design/components/Button/native/BaseButton.native.tsx
+107 -90
View File
@@ -1,103 +1,120 @@
/* Metro module 4585; source: design/components/Button/native/BaseButton.native.tsx; dependencies: [29, 31, 27, 4586, 33, 3868, 4501, 697, 4583, 4017, 1360, 477, 2] */
import ObjectWithoutProperties from '../../../../by-id/module-00029-ObjectWithoutProperties.js'; /* Metro dependency 29 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as NativeModule from '../../../../external/discord_common/js/packages/design/native.tsx'; /* Metro dependency 3868 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as ButtonHooksNativeModule from './ButtonHooks.native.tsx'; /* Metro dependency 4583 */
import * as StyleConstantsModule from '../../Styles/native/styleConstants.tsx'; /* Metro dependency 4586 */
function _fun38889(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38889, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4763:6, offset: 0x010cf432, size: 309 bytes, params: 8, frame: 22
const env0_0 = require;
const env0_3 = ['style'];
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_4 = importDefault(29) /* metro dependency 29 */;
let value = importAll(31) /* metro dependency 31 */;
const {Pressable, TouchableOpacity} = require(27) /* metro dependency 27 */;
const env0_6 = (require(4586) /* metro dependency 4586: styleConstants */).IOS_POINTER_STYLE;
const env0_7 = (require(33) /* metro dependency 33 */).jsx;
const env0_8 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun38890);
const env0_9 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(Pressable);
const env0_10 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(TouchableOpacity);
let value = ReactModule;
const {Pressable, TouchableOpacity} = ReactNativeModule;
const env0_8 = (CreateStylesModule).createStyles(_fun38890);
const env0_9 = (ReanimatedRexport).createAnimatedComponent(Pressable);
const env0_10 = (ReanimatedRexport).createAnimatedComponent(TouchableOpacity);
value = value.forwardRef(_fun38891);
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/BaseButton.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/BaseButton.native.tsx');
exports.BaseButton = value;
}
function _fun38890(a0) { // fn#38890, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4763:247, offset: 0x010cf567, size: 140 bytes, params: 2, frame: 13
var r3;
var r2;
if (a0 === 'secondary') {
r2 = (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_LOW;
r3 = importDefault;
} else if (a0 !== 'primary-overlay') {
r2 = {};
} else {
r2 = (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_BUTTON_OVERLAY;
r3 = importDefault;
}
const object = {};
copyDataProperties(object, r2, r3);
return {button: object, disabled: {opacity: 0.5}};
}
function _fun38891({children, style, variant, disabled, loading, pressed, onPress, onPressDisabled, onPressIn, onPressOut, onLongPress, onLayout, accessible, accessibilityRole, accessibilityLabel, accessibilityHint, accessibilityValue, accessibilityState, accessibilityActions, onAccessibilityAction, accessibilityElementsHidden, importantForAccessibility, pointerEvents, hitSlop, scaleAmountInPx}, a1) { // fn#38891, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4763:524, offset: 0x010cf5f3, size: 1065 bytes, params: 3, frame: 46
variant = variant === undefined ? 'primary' : variant;
disabled = !(disabled === undefined) && disabled;
loading = !(loading === undefined) && loading;
const env0_3 = undefined;
const styles = useStyles(variant);
const r7 = disabled && onPressDisabled == null;
const r9 = (disabled ? onPressDisabled : onPress) ?? undefined;
const value7 = (require(4583) /* metro dependency 4583: ButtonHooksNative */).useButtonPressAnimationProps(pressed,
scaleAmountInPx, onLayout, onPressIn, onPressOut);
const style2 = value7.style;
let binding = env0_4;
const r10 = pressed == null ? {animatedScaleStyles: undefined, buttonAnimationProps: {onLayout: onLayout,
onPressIn: onPressIn, onPressOut: onPressOut}} : {animatedScaleStyles: style2,
buttonAnimationProps: binding(value7, env0_3)};
const animatedScaleStyles = r10.animatedScaleStyles;
const buttonAnimationProps = r10.buttonAnimationProps;
const value9 = env0_5.useMemo(_fun38892, [accessibilityState, r7, loading]);
const nativeModule = require(3868) /* metro dependency 3868: native */;
const useThemeContext = nativeModule.useThemeContext;
const theme = Reflect.apply(useThemeContext, nativeModule, []).theme;
const value10 = 'light';
const r30 = variant === 'primary-overlay' ? value10 : variant !== 'secondary-overlay' || value10 !== theme ? undefined : 'dark';
const r5 = r30 == null ? children : <nativeModule.ThemeContextProvider theme={r30}>{children}</nativeModule.ThemeContextProvider>;
const items = [styles.button, style];
disabled = disabled && styles.disabled;
items[2] = disabled;
items[3] = animatedScaleStyles;
items[4] = IOS_POINTER_STYLE;
if (accessibilityRole !== 'none') {
return ((Component) => <Component {...buttonAnimationProps} {...{['ref']: a1}} {...{['accessible']: accessible}} {...{['accessibilityRole']: accessibilityRole ?? 'button'}} {...{['accessibilityLabel']: accessibilityLabel}} {...{['accessibilityHint']: accessibilityHint}} {...{['accessibilityValue']: accessibilityValue}} {...{['accessibilityState']: value9}} {...{['accessibilityActions']: accessibilityActions}} {...{['onAccessibilityAction']: onAccessibilityAction}} {...{['accessibilityElementsHidden']: accessibilityElementsHidden}} {...{['importantForAccessibility']: importantForAccessibility}} {...{['pointerEvents']: pointerEvents}} {...{['style']: items}} {...{['onPress']: r9}} {...{['onLongPress']: onLongPress}} {...{['disabled']: r7}} {...{['hitSlop']: hitSlop}}>{r5}</Component>)(env0_9);
}
const r27 = accessibilityElementsHidden ? '' : [accessibilityLabel,
accessibilityHint].filter((require(1360) /* metro dependency 1360: GlobalUtils */).isNotNullish).join(', ');
binding = env0_10;
const bindingProps2 = {...buttonAnimationProps};
bindingProps2['ref'] = a1;
bindingProps2['accessible'] = !(accessible ?? (require(477) /* metro dependency 477: PlatformUtils */).isAndroid()) && undefined;
bindingProps2['accessibilityRole'] = 'none';
bindingProps2['accessibilityLabel'] = r27;
bindingProps2['accessibilityElementsHidden'] = accessibilityElementsHidden;
bindingProps2['activeOpacity'] = 1;
bindingProps2['importantForAccessibility'] = importantForAccessibility;
bindingProps2['style'] = items;
bindingProps2['onPress'] = r9;
bindingProps2['onPressIn'] = function(a0) {
if (buttonAnimationProps.onPressIn != null) {
buttonAnimationProps.onPressIn(a0);
function _fun38890(a0) { // fn#38890, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4763:247, offset: 0x010cf567, size: 140 bytes, params: 2, frame: 13
var r3;
var r2;
if (a0 === 'secondary') {
r2 = (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_LOW;
r3 = importDefault;
} else if (a0 !== 'primary-overlay') {
r2 = {};
} else {
r2 = (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_BUTTON_OVERLAY;
r3 = importDefault;
}
};
bindingProps2['onPressOut'] = function(a0) {
if (buttonAnimationProps.onPressOut != null) {
buttonAnimationProps.onPressOut(a0);
const object2 = {};
copyDataProperties(object2, r2, r3);
return {button: object2, disabled: {opacity: 0.5}};
}
function _fun38891({children, style, variant, disabled, loading, pressed, onPress, onPressDisabled, onPressIn, onPressOut, onLongPress, onLayout, accessible, accessibilityRole, accessibilityLabel, accessibilityHint, accessibilityValue, accessibilityState, accessibilityActions, onAccessibilityAction, accessibilityElementsHidden, importantForAccessibility, pointerEvents, hitSlop, scaleAmountInPx}, a1) { // fn#38891, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4763:524, offset: 0x010cf5f3, size: 1065 bytes, params: 3, frame: 46
variant = variant === undefined ? 'primary' : variant;
disabled = !(disabled === undefined) && disabled;
loading = !(loading === undefined) && loading;
const env0_3 = undefined;
const styles = useStyles(variant);
const r7 = disabled && onPressDisabled == null;
const r9 = (disabled ? onPressDisabled : onPress) ?? undefined;
const value7 = (ButtonHooksNativeModule).useButtonPressAnimationProps(pressed,
scaleAmountInPx, onLayout, onPressIn, onPressOut);
const style2 = value7.style;
let binding = ObjectWithoutProperties;
const r10 = pressed == null ? {animatedScaleStyles: undefined, buttonAnimationProps: {onLayout: onLayout,
onPressIn: onPressIn, onPressOut: onPressOut}} : {animatedScaleStyles: style2,
buttonAnimationProps: binding(value7, env0_3)};
const animatedScaleStyles = r10.animatedScaleStyles;
const buttonAnimationProps = r10.buttonAnimationProps;
const value9 = env0_5.useMemo(_fun38892, [accessibilityState, r7, loading]);
const useThemeContext = NativeModule.useThemeContext;
const theme = Reflect.apply(useThemeContext, NativeModule, []).theme;
const value10 = 'light';
const r30 = variant === 'primary-overlay' ? value10 : variant !== 'secondary-overlay' || value10 !== theme ? undefined : 'dark';
const r5 = (
r30 == null
? children
: (
<NativeModule.ThemeContextProvider theme={r30}>
{children}
</NativeModule.ThemeContextProvider>
)
);
const items2 = [styles.button, style];
disabled = disabled && styles.disabled;
items2[2] = disabled;
items2[3] = animatedScaleStyles;
items2[4] = IOS_POINTER_STYLE;
if (accessibilityRole !== 'none') {
return ((Component) => <Component {...buttonAnimationProps} {...{['ref']: a1}} {...{['accessible']: accessible}} {...{['accessibilityRole']: accessibilityRole ?? 'button'}} {...{['accessibilityLabel']: accessibilityLabel}} {...{['accessibilityHint']: accessibilityHint}} {...{['accessibilityValue']: accessibilityValue}} {...{['accessibilityState']: value9}} {...{['accessibilityActions']: accessibilityActions}} {...{['onAccessibilityAction']: onAccessibilityAction}} {...{['accessibilityElementsHidden']: accessibilityElementsHidden}} {...{['importantForAccessibility']: importantForAccessibility}} {...{['pointerEvents']: pointerEvents}} {...{['style']: items2}} {...{['onPress']: r9}} {...{['onLongPress']: onLongPress}} {...{['disabled']: r7}} {...{['hitSlop']: hitSlop}}>{r5}</Component>)(env0_9);
}
const r27 = accessibilityElementsHidden ? '' : [accessibilityLabel,
accessibilityHint].filter((require(1360) /* metro dependency 1360: GlobalUtils */).isNotNullish).join(', ');
binding = env0_10;
const bindingProps2 = {...buttonAnimationProps};
bindingProps2['ref'] = a1;
bindingProps2['accessible'] = !(accessible ?? (require(477) /* metro dependency 477: PlatformUtils */).isAndroid()) && undefined;
bindingProps2['accessibilityRole'] = 'none';
bindingProps2['accessibilityLabel'] = r27;
bindingProps2['accessibilityElementsHidden'] = accessibilityElementsHidden;
bindingProps2['activeOpacity'] = 1;
bindingProps2['importantForAccessibility'] = importantForAccessibility;
bindingProps2['style'] = items2;
bindingProps2['onPress'] = r9;
bindingProps2['onPressIn'] = function(a0) {
if (buttonAnimationProps.onPressIn != null) {
buttonAnimationProps.onPressIn(a0);
}
};
bindingProps2['onPressOut'] = function(a0) {
if (buttonAnimationProps.onPressOut != null) {
buttonAnimationProps.onPressOut(a0);
}
};
bindingProps2['hitSlop'] = hitSlop;
return ((Component) => <Component {...bindingProps2}>{r5}</Component>)(binding);
function _fun38892() { // fn#38892, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4763:1367, offset: 0x010cfa1c, size: 44 bytes, params: 1, frame: 13
const object = {};
copyDataProperties(object, accessibilityState, undefined);
object['disabled'] = env0_2;
object['busy'] = loading;
return object;
}
};
bindingProps2['hitSlop'] = hitSlop;
return ((Component) => <Component {...bindingProps2}>{r5}</Component>)(binding);
}
function _fun38892() { // fn#38892, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4763:1367, offset: 0x010cfa1c, size: 44 bytes, params: 1, frame: 13
const object2 = {};
copyDataProperties(object2, accessibilityState, undefined);
object2['disabled'] = env0_2;
object2['busy'] = loading;
return object2;
}
}
global.__d(_fun38889, 4585, [29, 31, 27, 4586, 33, 3868, 4501, 697, 4583, 4017, 1360, 477,
2]) /* metro module 4585, dependencies: [29, 31, 27, 4586, 33, 3868, 4501, 697, 4583, 4017, 1360, 477, 2] */;
sources/design/components/Button/native/BaseIconButton.native.tsx
+109 -95
View File
@@ -1,107 +1,121 @@
/* Metro module 8342; source: design/components/Button/native/BaseIconButton.native.tsx; dependencies: [31, 33, 4501, 4582, 4017, 4580, 4583, 4585, 4587, 2] */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import Icon from '../../../void/Icon/native/Icon.tsx'; /* Metro dependency 4580 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as ButtonHooksNativeModule from './ButtonHooks.native.tsx'; /* Metro dependency 4583 */
import * as BaseButtonNativeModule from './BaseButton.native.tsx'; /* Metro dependency 4585 */
import * as ButtonPillNativeModule from './ButtonPill.native.tsx'; /* Metro dependency 4587 */
function _fun66438(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#66438, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8527:6, offset: 0x01bfb458, size: 221 bytes, params: 8, frame: 20
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
let value = importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
const env0_4 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun66439);
const env0_5 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(importDefault(4580) /* metro dependency 4580: Icon */);
let value = ReactModule;
const env0_4 = (CreateStylesModule).createStyles(_fun66439);
const env0_5 = (ReanimatedRexport).createAnimatedComponent(Icon);
value = value.forwardRef(_fun66440);
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/BaseIconButton.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/BaseIconButton.native.tsx');
exports.BaseIconButton = value;
}
function _fun66439(a0, a1) { // fn#66439, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8527:144, offset: 0x01bfb535, size: 259 bytes, params: 3, frame: 16
var r6;
var r2;
var LARGE_BUTTON_PADDING;
var MEDIUM_BUTTON_PADDING;
var SMALL_BUTTON_PADDING;
let object3 = {};
if (a1 === 'sm') {
object3 = {};
SMALL_BUTTON_PADDING = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_PADDING;
object3.paddingHorizontal = SMALL_BUTTON_PADDING;
object3.paddingVertical = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_PADDING;
r2 = object3;
r6 = SMALL_BUTTON_PADDING;
} else if (a1 === 'md') {
object3 = {};
MEDIUM_BUTTON_PADDING = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_PADDING;
object3.paddingHorizontal = MEDIUM_BUTTON_PADDING;
object3.paddingVertical = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_PADDING;
r2 = object3;
r6 = MEDIUM_BUTTON_PADDING;
} else if (a1 !== 'lg') {
r2 = object3;
} else {
object3 = {};
LARGE_BUTTON_PADDING = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_PADDING;
object3.paddingHorizontal = LARGE_BUTTON_PADDING;
object3.paddingVertical = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_PADDING;
r2 = object3;
r6 = LARGE_BUTTON_PADDING;
function _fun66439(a0, a1) { // fn#66439, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8527:144, offset: 0x01bfb535, size: 259 bytes, params: 3, frame: 16
var r6;
var r2;
var LARGE_BUTTON_PADDING;
var MEDIUM_BUTTON_PADDING;
var SMALL_BUTTON_PADDING;
let object = {};
if (a1 === 'sm') {
object = {};
SMALL_BUTTON_PADDING = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_PADDING;
object.paddingHorizontal = SMALL_BUTTON_PADDING;
object.paddingVertical = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_PADDING;
r2 = object;
r6 = SMALL_BUTTON_PADDING;
} else if (a1 === 'md') {
object = {};
MEDIUM_BUTTON_PADDING = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_PADDING;
object.paddingHorizontal = MEDIUM_BUTTON_PADDING;
object.paddingVertical = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_PADDING;
r2 = object;
r6 = MEDIUM_BUTTON_PADDING;
} else if (a1 !== 'lg') {
r2 = object;
} else {
object = {};
LARGE_BUTTON_PADDING = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_PADDING;
object.paddingHorizontal = LARGE_BUTTON_PADDING;
object.paddingVertical = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_PADDING;
r2 = object;
r6 = LARGE_BUTTON_PADDING;
}
const object2 = {};
copyDataProperties(object2, r2, r6);
return {button: {'flexShrink': 0, 'flexGrow': 0, 'alignSelf': 'center'}, pill: object2};
}
const object4 = {};
copyDataProperties(object4, r2, r6);
return {button: {'flexShrink': 0, 'flexGrow': 0, 'alignSelf': 'center'}, pill: object4};
}
function _fun66440(a0, a1) { // fn#66440, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8527:638, offset: 0x01bfb638, size: 595 bytes, params: 3, frame: 34
var r14;
const style = a0.style;
const pillStyle = a0.pillStyle;
const variant = a0.variant;
const r13 = variant === undefined ? 'primary' : variant;
const size = a0.size;
if (size !== undefined) {
r14 = size;
} else {
value = environment;
r14 = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).DEFAULT_BUTTON_SIZE;
function _fun66440(a0, a1) { // fn#66440, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8527:638, offset: 0x01bfb638, size: 595 bytes, params: 3, frame: 34
var r14;
const style = a0.style;
const pillStyle = a0.pillStyle;
const variant = a0.variant;
const r13 = variant === undefined ? 'primary' : variant;
const size = a0.size;
if (size !== undefined) {
r14 = size;
} else {
value = environment;
r14 = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).DEFAULT_BUTTON_SIZE;
}
const maxFontSizeMultiplier = a0.maxFontSizeMultiplier;
const loading = a0.loading;
const icon = a0.icon;
const scaleAmountInPx = a0.scaleAmountInPx;
const r19 = scaleAmountInPx === undefined ? 4 : scaleAmountInPx;
const styles = useStyles(r13, r14);
value = require(dependencyMap[value]);
value = value.useSharedValue(0);
const value3 = (ButtonHooksNativeModule).useIconTintStyles(r13);
const value4 = (ButtonHooksNativeModule).useIconSizeStyles(r14, true,
maxFontSizeMultiplier);
const LARGE_BUTTON_HEIGHT = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_HEIGHT;
const value5 = 'sm';
const r21 = value5 === r14 ? (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_HEIGHT : r14 !== 'md' ? LARGE_BUTTON_HEIGHT : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_HEIGHT;
const Math = global.Math;
const max = Math.max;
const MINIMUM_HIT_AREA = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MINIMUM_HIT_AREA;
const value6 = Reflect.apply(max, Math, [(MINIMUM_HIT_AREA - r21) / 2, 0]);
const BaseButton = (BaseButtonNativeModule).BaseButton;
const baseButtonProps = {...a0};
baseButtonProps['ref'] = a1;
baseButtonProps['style'] = [styles.button, style];
baseButtonProps['pressed'] = value;
baseButtonProps['scaleAmountInPx'] = r19;
baseButtonProps['hitSlop'] = value6;
const ButtonPill = (ButtonPillNativeModule).ButtonPill;
const binding = env0_2;
return (
<BaseButton {...baseButtonProps}>
<ButtonPill
style={[styles.pill, pillStyle]}
variant={r13}
size={r14}
loading={loading}
loaderSize={r14 !== 'lg' ? 'xs' : value5}
pressed={value}
>
{
binding.isValidElement(icon)
? icon
: ((Component) => <Component source={icon} style={[value3, value4]} />)(env0_5)
}
</ButtonPill>
</BaseButton>
);
}
const maxFontSizeMultiplier = a0.maxFontSizeMultiplier;
const loading = a0.loading;
const icon = a0.icon;
const scaleAmountInPx = a0.scaleAmountInPx;
const r19 = scaleAmountInPx === undefined ? 4 : scaleAmountInPx;
const styles = useStyles(r13, r14);
value = require(dependencyMap[value]);
value = value.useSharedValue(0);
const value3 = (require(4583) /* metro dependency 4583: ButtonHooksNative */).useIconTintStyles(r13);
const value4 = (require(4583) /* metro dependency 4583: ButtonHooksNative */).useIconSizeStyles(r14, true,
maxFontSizeMultiplier);
const LARGE_BUTTON_HEIGHT = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_HEIGHT;
const value5 = 'sm';
const r21 = value5 === r14 ? (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_HEIGHT : r14 !== 'md' ? LARGE_BUTTON_HEIGHT : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_HEIGHT;
const Math = global.Math;
const max = Math.max;
const MINIMUM_HIT_AREA = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MINIMUM_HIT_AREA;
const value6 = Reflect.apply(max, Math, [(MINIMUM_HIT_AREA - r21) / 2, 0]);
const BaseButton = (require(4585) /* metro dependency 4585: BaseButtonNative */).BaseButton;
const baseButtonProps = {...a0};
baseButtonProps['ref'] = a1;
baseButtonProps['style'] = [styles.button, style];
baseButtonProps['pressed'] = value;
baseButtonProps['scaleAmountInPx'] = r19;
baseButtonProps['hitSlop'] = value6;
const ButtonPill = (require(4587) /* metro dependency 4587: ButtonPillNative */).ButtonPill;
const binding = env0_2;
return (
<BaseButton {...baseButtonProps}>
<ButtonPill
style={[styles.pill, pillStyle]}
variant={r13}
size={r14}
loading={loading}
loaderSize={r14 !== 'lg' ? 'xs' : value5}
pressed={value}
>
{binding.isValidElement(icon) ? icon : ((Component) => <Component source={icon} style={[value3,
value4]} />)(env0_5)}
</ButtonPill>
</BaseButton>
);
}
global.__d(_fun66438, 8342, [31, 33, 4501, 4582, 4017, 4580, 4583, 4585, 4587,
2]) /* metro module 8342, dependencies: [31, 33, 4501, 4582, 4017, 4580, 4583, 4585, 4587, 2] */;
sources/design/components/Button/native/BaseTextButton.native.tsx
+367 -322
View File
@@ -1,37 +1,45 @@
/* Metro module 4579; source: design/components/Button/native/BaseTextButton.native.tsx; dependencies: [57, 31, 27, 33, 4501, 697, 4017, 4580, 4577, 4581, 4582, 4583, 1357, 4573, 3875, 4081, 4585, 3862, 4587, 2] */
import Module00057 from '../../../../by-id/module-00057.js'; /* Metro dependency 57 */
import MobileVisualRefreshExperiment from '../../../../modules/themes/experiments/MobileVisualRefreshExperiment.tsx'; /* Metro dependency 1357 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import Icon from '../../../void/Icon/native/Icon.tsx'; /* Metro dependency 4580 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as AccessibilityPreferencesContextModule from '../../../../external/discord_common/js/packages/design/components/AccessibilityPreferencesContext/AccessibilityPreferencesContext.tsx'; /* Metro dependency 3875 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as TextModule from '../../Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as SpringPresetsModule from '../../../animation/reanimated/spring/springPresets.tsx'; /* Metro dependency 4581 */
import * as ButtonHooksNativeModule from './ButtonHooks.native.tsx'; /* Metro dependency 4583 */
import * as BaseButtonNativeModule from './BaseButton.native.tsx'; /* Metro dependency 4585 */
import * as ButtonPillNativeModule from './ButtonPill.native.tsx'; /* Metro dependency 4587 */
function _fun38838(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38838, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:6, offset: 0x010ccaf5, size: 643 bytes, params: 8, frame: 26
const env0_0 = require;
const closure = getHitSlop;
const getHitSlop2 = getHitSlop;
let Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_3 = importDefault(57) /* metro dependency 57 */;
let value = importAll(31) /* metro dependency 31 */;
const value2 = require(27) /* metro dependency 27 */;
value2.Platform;
const env0_5 = value2.Text;
const env0_6 = value2.View;
const value3 = require(33) /* metro dependency 33 */;
const env0_7 = value3.jsx;
const env0_8 = value3.jsxs;
const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
let createStyles = createStylesModule.createStyles;
const env0_9 = Reflect.apply(createStyles, createStylesModule, [_fun38847]);
const env0_10 = createStylesModule.createStyles({container: {'flexDirection': 'row', 'alignItems': 'center',
let value = ReactModule;
ReactNativeModule.Platform;
let createStyles = CreateStylesModule.createStyles;
const env0_9 = Reflect.apply(createStyles, CreateStylesModule, [_fun38847]);
const env0_10 = CreateStylesModule.createStyles({container: {'flexDirection': 'row', 'alignItems': 'center',
'position': 'relative'}, textCollapsed: {'position': 'absolute', 'left': 0}});
const value6 = createStylesModule;
createStyles = value6.createStyles;
const object3 = {borderWidth: 1};
object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
createStyles = CreateStylesModule.createStyles;
const object2 = {borderWidth: 1};
object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
const BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
object3.borderColor = BORDER_SUBTLE;
object3.overflow = 'hidden';
const env0_11 = Reflect.apply(createStyles, value6, [{entityWrapper: object3}]);
const env0_12 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(importDefault(4580) /* metro dependency 4580: Icon */);
object2.borderColor = BORDER_SUBTLE;
object2.overflow = 'hidden';
const env0_11 = Reflect.apply(createStyles, CreateStylesModule, [{entityWrapper: object2}]);
const env0_12 = (ReanimatedRexport).createAnimatedComponent(Icon);
const env0_13 = value.createContext('md');
object = {code: 'function BaseTextButtonNativeTsx1({nativeEvent:nativeEvent}){const{containerWidth}=this.__closure;if(containerWidth.get()!==0)return;const{width:width}=nativeEvent.layout;containerWidth.set(width);}'};
object = {code: "function BaseTextButtonNativeTsx2(){const{containerWidth,withSpring,collapsed,SUBTLE_SPRING}=this.__closure;if(containerWidth.get()===0)return{};return{width:withSpring(collapsed.get()===1?0:containerWidth.get(),SUBTLE_SPRING,'animate-always'),opacity:withSpring(collapsed.get()===1?0:1,SUBTLE_SPRING,'animate-always')};}"};
object = {code: 'function BaseTextButtonNativeTsx3(){const{collapsed,textCollapsed,containerWidth}=this.__closure;if(collapsed.get()===0)return{};return{...textCollapsed,width:containerWidth.get()};}'};
const env0_17 = createStylesModule.createStyles(function(a0, a1) {
const env0_17 = CreateStylesModule.createStyles(function(a0, a1) {
if (a1 !== 0) {
if (a0 === 'start') {
return {offset: {marginLeft: a1}};
@@ -42,314 +50,351 @@ function _fun38838(global, require, importDefault, importAll, module, exports, d
}
return {offset: {}};
});
object = {sm: closure('sm'), md: closure('md'), lg: closure('lg')};
object = {sm: getHitSlop2('sm'), md: getHitSlop2('md'), lg: getHitSlop2('lg')};
const getTextPlatformLineHeight = function(a0, a1) {
return a0 != null ? ({sm: a0, md: a0 + 0.5, lg: a0 + 1.9})[a1] : undefined;
};
value = value.forwardRef(_fun38850);
Object = global.Object;
value = Object.assign({}, value, {Icon: Icon});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/BaseTextButton.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/BaseTextButton.native.tsx');
exports.BaseTextButton = value;
}
function CollapsingText({children, collapseText}) { // fn#38839, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:1057, offset: 0x010ccd78, size: 257 bytes, params: 2, frame: 23
const styles = useStyles();
const value2 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0);
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useWorkletCallback = reanimatedRexportModule.useWorkletCallback;
const closure = CollapsingTextO;
closure.__closure = {containerWidth: value2};
closure.__workletHash = 5541458715155;
closure.__initData = env0_14;
const value3 = Reflect.apply(useWorkletCallback, reanimatedRexportModule, [closure, [value2]]);
const value4 = useCollapsingTextContainerStyles(value2, collapseText);
const value5 = useCollapsingTextStyles(value2, collapseText);
const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const items2 = [styles.container, value4];
const View2 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
return (
<View style={items2} onLayout={value3}>
<View2 style={value5}>
{children}
</View2>
</View>
);
}
function getHitSlop(a0) { // fn#38845, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:2889, offset: 0x010cd0d5, size: 173 bytes, params: 2, frame: 16
const LARGE_BUTTON_HEIGHT = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_HEIGHT;
const r1 = a0 === 'sm' ? (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_HEIGHT : a0 !== 'md' ? LARGE_BUTTON_HEIGHT : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_HEIGHT;
const Math = global.Math;
const max = Math.max;
const MINIMUM_HIT_AREA = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MINIMUM_HIT_AREA;
const value = Reflect.apply(max, Math, [(MINIMUM_HIT_AREA - r1) / 2, 0]);
return {top: value, left: undefined, right: undefined, bottom: value};
}
function BaseTextButtonIcon({icon, size, iconPosition, iconOpticalOffsetMargin, style}) { // fn#38846, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:3285, offset: 0x010cd182, size: 124 bytes, params: 2, frame: 18
const value2 = (require(4583) /* metro dependency 4583: ButtonHooksNative */).useIconSizeStyles(size);
const styles = useStyles(iconPosition, iconOpticalOffsetMargin);
return ((Component) => <Component source={icon} style={[style, value2, styles.offset]} />)(env0_12);
}
function _fun38847(a0, a1) { // fn#38847, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:208, offset: 0x010cd1fe, size: 139 bytes, params: 3, frame: 15
const object = {'flexShrink': 1, 'flexGrow': 0};
object.lineHeight = getTextPlatformLineHeight(a1, a0);
return {grow: {'flexGrow': 1, 'alignSelf': 'stretch'}, shrink: {flexShrink: 1}, buttonText: object,
icon: {'flexShrink': 0, 'flexGrow': 0}, iconLeft: {paddingLeft: 4}, iconRight: {paddingRight: 4},
expressiveButtonContainer: {position: 'relative'}};
}
function _fun38850(a0, a1) { // fn#38850, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:3488, offset: 0x010cd31f, size: 1381 bytes, params: 3, frame: 51
const style = a0.style;
const pillStyle = a0.pillStyle;
const text = a0.text;
const textElement = a0.textElement;
const size = a0.size;
const value = undefined;
const r15 = value !== size ? size : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).DEFAULT_BUTTON_SIZE;
const loading = a0.loading;
const icon = a0.icon;
const iconPosition = a0.iconPosition;
const value3 = 'start';
const r14 = value === iconPosition ? value3 : iconPosition;
const iconOpticalOffsetMargin = a0.iconOpticalOffsetMargin;
const value4 = 0;
const r38 = value === iconOpticalOffsetMargin ? value4 : iconOpticalOffsetMargin;
const grow = a0.grow;
let r30 = value !== grow && grow;
const shrink = a0.shrink;
let r29 = value !== shrink && shrink;
const collapseText = a0.collapseText;
const accessibilityRole = a0.accessibilityRole;
const r24 = value === accessibilityRole ? 'button' : accessibilityRole;
const accessibilityLabel = a0.accessibilityLabel;
const maxFontSizeMultiplier = a0.maxFontSizeMultiplier;
const r37 = value !== maxFontSizeMultiplier ? maxFontSizeMultiplier : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).BUTTON_DEFAULT_MAX_FONT_SIZE_MULTIPLIER;
const shiny = a0.shiny;
const r7 = value !== shiny && shiny;
const onPressIn = a0.onPressIn;
const onPressOut = a0.onPressOut;
const onLayout = a0.onLayout;
const value11 = (importDefault(1357) /* metro dependency 1357: MobileVisualRefreshExperiment */)('BaseTextButton');
const r5 = a0.textVariant ?? (require(4582) /* metro dependency 4582: ButtonConstantsNative */).getButtonDefaultTextVariant(r15);
const TextStyleSheet = (require(4573) /* metro dependency 4573: Text */).TextStyleSheet;
const property = TextStyleSheet[r5];
const styles = useStyles(r15, property.fontSize);
const property2 = env0_18[r15];
let binding = env0_4;
const useContext = binding.useContext;
const AccessibilityPreferencesContext = (require(3875) /* metro dependency 3875: AccessibilityPreferencesContext */).AccessibilityPreferencesContext;
const enabled = Reflect.apply(useContext, binding, [AccessibilityPreferencesContext]).reducedMotion.enabled;
const env0_3 = enabled;
let r0 = a0.variant ?? 'primary';
r0 = value11 && r0 === 'tertiary' ? 'secondary' : r0;
const value16 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(value4);
const value17 = r0.startsWith('expressive');
var env0_4 = value17;
binding = env0_4;
const value18 = binding.useRef(null);
const env0_6 = binding.useRef({'width': 0, 'height': 0});
const value20 = env0_3(binding.useState({'pressed': false, 'posx': 0, 'posy': 0}), 2);
const property3 = value20[value4];
const env0_7 = value20[1];
const value21 = binding.useCallback(_fun38851, [onLayout, value17]);
const value22 = binding.useCallback(_fun38852, [value17, onPressIn, enabled]);
const value23 = binding.useCallback(_fun38853, [value17, onPressOut]);
const value24 = (require(4583) /* metro dependency 4583: ButtonHooksNative */).useButtonTextColorStyles(r0);
const r34 = icon == null ? {} : value3 === r14 ? styles.iconLeft : styles.iconRight;
const r12 = icon == null ? <BaseTextButtonIcon icon={icon} size={r15} style={[styles.icon,
{tintColor: value24.color}]} iconOpticalOffsetMargin={r38} iconPosition={r14} /> : env0_4.isValidElement(icon) ? icon : <BaseTextButtonIcon icon={icon} size={r15} style={[styles.icon,
{tintColor: value24.color}]} iconOpticalOffsetMargin={r38} iconPosition={r14} />;
const r19 = textElement ?? <Text maxFontSizeMultiplier={r37} numberOfLines={1} style={[styles.buttonText, property,
value24, r34]}>{text}</Text>;
const BaseButton = (require(4585) /* metro dependency 4585: BaseButtonNative */).BaseButton;
const baseButtonProps = {ref: a1, ...a0};
baseButtonProps['onPressIn'] = value22;
baseButtonProps['onPressOut'] = value23;
baseButtonProps['onLayout'] = value21;
r30 = r30 && styles.grow;
r29 = r29 && styles.shrink;
baseButtonProps['style'] = [r30, r29, style, value17 && styles.expressiveButtonContainer];
baseButtonProps['pointerEvents'] = value17 ? 'box-only' : a0.pointerEvents;
baseButtonProps['pressed'] = value16;
baseButtonProps['accessibilityRole'] = r24;
baseButtonProps['accessibilityLabel'] = accessibilityLabel ?? (require(3862) /* metro dependency 3862: native */).getNodeText(text);
baseButtonProps['hitSlop'] = property2;
const ButtonPill = (require(4587) /* metro dependency 4587: ButtonPillNative */).ButtonPill;
const Provider = env0_13.Provider;
const items4 = [icon != null && value3 === r14 && r12];
items4[1] = value === collapseText ? r19 : <CollapsingText collapseText={collapseText}>{r19}</CollapsingText>;
items4[2] = icon != null && r14 === 'end' && r12;
return (
<BaseButton {...baseButtonProps}>
<ButtonPill
variant={r0}
size={r15}
loading={loading}
pressed={value16}
style={pillStyle}
shiny={r7}
expressiveRiveRef={value17 ? value18 : value}
expressivePressState={value17 ? property3 : value}
>
<Provider value={r15}>
{items4}
</Provider>
</ButtonPill>
</BaseButton>
);
}
function Icon({source, variant, disableColor}) { // fn#38855, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:6038, offset: 0x010cda34, size: 168 bytes, params: 2, frame: 19
variant = variant === undefined ? 'icon' : variant;
disableColor = disableColor === undefined || disableColor;
const value2 = env0_4.useContext(env0_13);
const styles = useStyles();
const env0_122 = ((Component) => <Component source={source} disableColor={disableColor} style={(require(4583) /* metro dependency 4583: ButtonHooksNative */).useIconSizeStyles(value2)} />)(env0_12);
return variant !== 'entity' ? env0_122 : <View style={styles.entityWrapper}>{env0_122}</View>;
}
function CollapsingTextO({nativeEvent}) { // fn#38840, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:1183, owner: CollapsingText.o, offset: 0x010cce79, size: 60 bytes, params: 2, frame: 12
if (env0_0.get() === 0) {
env0_0.set(nativeEvent.layout.width);
}
}
function useCollapsingTextContainerStyles(a0, a1) { // fn#38841, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:1342, owner: CollapsingText.useCollapsingTextContainerStyles, offset: 0x010cceb5, size: 147 bytes, params: 3, frame: 18
const env0_0 = a0;
const env0_1 = a1;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = useCollapsingTextContainerStylesO;
const object2 = {containerWidth: a0};
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.collapsed = a1;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.SUBTLE_SPRING = SUBTLE_SPRING;
closure.__closure = object2;
closure.__workletHash = 493185281611;
closure.__initData = env1_15;
return Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
}
function useCollapsingTextStyles(a0, a1) { // fn#38843, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:1801, owner: CollapsingText.useCollapsingTextStyles, offset: 0x010cd018, size: 126 bytes, params: 3, frame: 17
const env0_0 = a0;
const env0_1 = a1;
const styles = useStyles();
const textCollapsed = styles.textCollapsed;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = useCollapsingTextStylesS;
closure.__closure = {collapsed: a1, textCollapsed: textCollapsed, containerWidth: a0};
closure.__workletHash = 5824483783888;
closure.__initData = env1_16;
return Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
}
function _fun38851(a0) { // fn#38851, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:4519, offset: 0x010cd884, size: 80 bytes, params: 2, frame: 12
var layout;
if (onLayout != null) {
onLayout(a0);
}
if (env0_4) {
layout = a0.nativeEvent.layout;
env0_6.current = {width: layout.width, height: layout.height};
}
}
function _fun38852(a0) { // fn#38852, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:4649, offset: 0x010cd8d4, size: 216 bytes, params: 2, frame: 17
var nativeEvent;
var locationX;
var locationY;
var current;
var value;
if (onPressIn != null) {
onPressIn(a0);
}
if (env0_4) {
if (enabled) {
current = env0_5.current;
if (current != null) {
current.play();
function CollapsingText({children, collapseText}) { // fn#38839, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:1057, offset: 0x010ccd78, size: 257 bytes, params: 2, frame: 23
const styles = useStyles();
const value2 = (ReanimatedRexportModule).useSharedValue(0);
const useWorkletCallback = ReanimatedRexportModule.useWorkletCallback;
const CollapsingTextO2 = CollapsingTextO;
CollapsingTextO2.__closure = {containerWidth: value2};
CollapsingTextO2.__workletHash = 5541458715155;
CollapsingTextO2.__initData = env0_14;
const value3 = Reflect.apply(useWorkletCallback, ReanimatedRexportModule, [CollapsingTextO2, [value2]]);
const value4 = useCollapsingTextContainerStyles(value2, collapseText);
const value5 = useCollapsingTextStyles(value2, collapseText);
const View = (ReanimatedRexport).View;
const items2 = [styles.container, value4];
const View2 = (ReanimatedRexport).View;
return (
<View style={items2} onLayout={value3}>
<View2 style={value5}>
{children}
</View2>
</View>
);
function CollapsingTextO({nativeEvent}) { // fn#38840, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:1183, owner: CollapsingText.o, offset: 0x010cce79, size: 60 bytes, params: 2, frame: 12
if (env0_0.get() === 0) {
env0_0.set(nativeEvent.layout.width);
}
} else {
nativeEvent = a0.nativeEvent;
locationX = nativeEvent.locationX;
locationY = nativeEvent.locationY;
current = env0_6.current;
env0_7({pressed: true, posx: locationX - current.width / 2, posy: locationY - current.height / 2});
}
value = environment.__proto__;
value = require(4081) /* metro dependency 4081: HapticUtilsNative */;
value.triggerHapticFeedback((require(4081) /* metro dependency 4081: HapticUtilsNative */).HapticFeedbackTypes.IMPACT_HEAVY);
function useCollapsingTextContainerStyles(a0, a1) { // fn#38841, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:1342, owner: CollapsingText.useCollapsingTextContainerStyles, offset: 0x010cceb5, size: 147 bytes, params: 3, frame: 18
const env0_0 = a0;
const env0_1 = a1;
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const useCollapsingTextContainerStylesO2 = useCollapsingTextContainerStylesO;
const object = {containerWidth: a0};
object.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object.collapsed = a1;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.SUBTLE_SPRING = SUBTLE_SPRING;
useCollapsingTextContainerStylesO2.__closure = object;
useCollapsingTextContainerStylesO2.__workletHash = 493185281611;
useCollapsingTextContainerStylesO2.__initData = env1_15;
return Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [useCollapsingTextContainerStylesO2]);
function useCollapsingTextContainerStylesO() { // fn#38842, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:1424, owner: CollapsingText.useCollapsingTextContainerStyles.o, offset: 0x010ccf48, size: 208 bytes, params: 1, frame: 25
var r0;
var object;
var value4;
var moduleValue;
var withSpring;
var value5;
var value6;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
const value2 = env0_0.get();
const value3 = 0;
if (value3 === value2) {
r0 = {};
} else {
object = {};
value4 = environment.__proto__.__proto__;
moduleValue = require(4577) /* metro dependency 4577: spring */;
withSpring = moduleValue.withSpring;
value5 = require.get();
value6 = 1;
object.width = Reflect.apply(withSpring, moduleValue, [value6 === value5 ? value3 : env0_0.get(), SUBTLE_SPRING,
'animate-always']);
object.opacity = (require(4577) /* metro dependency 4577: spring */).withSpring(value6 !== require.get() ? value6 : value3,
SUBTLE_SPRING, 'animate-always');
r0 = object;
}
return r0;
}
}
function useCollapsingTextStyles(a0, a1) { // fn#38843, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:1801, owner: CollapsingText.useCollapsingTextStyles, offset: 0x010cd018, size: 126 bytes, params: 3, frame: 17
const env0_0 = a0;
const env0_1 = a1;
const styles = useStyles();
const textCollapsed = styles.textCollapsed;
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const useCollapsingTextStylesS2 = useCollapsingTextStylesS;
useCollapsingTextStylesS2.__closure = {collapsed: a1, textCollapsed: textCollapsed, containerWidth: a0};
useCollapsingTextStylesS2.__workletHash = 5824483783888;
useCollapsingTextStylesS2.__initData = env1_16;
return Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [useCollapsingTextStylesS2]);
function useCollapsingTextStylesS() { // fn#38844, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:1898, owner: CollapsingText.useCollapsingTextStyles.s, offset: 0x010cd096, size: 63 bytes, params: 1, frame: 12
var r0;
var object;
const value2 = require.get();
if (value2 === 0) {
r0 = {};
} else {
object = {};
copyDataProperties(object, textCollapsed, value2);
object['width'] = env0_0.get();
r0 = object;
}
return r0;
}
}
}
function getHitSlop(a0) { // fn#38845, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:2889, offset: 0x010cd0d5, size: 173 bytes, params: 2, frame: 16
const LARGE_BUTTON_HEIGHT = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_HEIGHT;
const r1 = a0 === 'sm' ? (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_HEIGHT : a0 !== 'md' ? LARGE_BUTTON_HEIGHT : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_HEIGHT;
const Math = global.Math;
const max = Math.max;
const MINIMUM_HIT_AREA = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MINIMUM_HIT_AREA;
const value = Reflect.apply(max, Math, [(MINIMUM_HIT_AREA - r1) / 2, 0]);
return {top: value, left: undefined, right: undefined, bottom: value};
}
function BaseTextButtonIcon({icon, size, iconPosition, iconOpticalOffsetMargin, style}) { // fn#38846, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:3285, offset: 0x010cd182, size: 124 bytes, params: 2, frame: 18
const value2 = (ButtonHooksNativeModule).useIconSizeStyles(size);
const styles = useStyles(iconPosition, iconOpticalOffsetMargin);
return ((Component) => <Component source={icon} style={[style, value2, styles.offset]} />)(env0_12);
}
function _fun38847(a0, a1) { // fn#38847, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:208, offset: 0x010cd1fe, size: 139 bytes, params: 3, frame: 15
const object2 = {'flexShrink': 1, 'flexGrow': 0};
object2.lineHeight = getTextPlatformLineHeight(a1, a0);
return {grow: {'flexGrow': 1, 'alignSelf': 'stretch'}, shrink: {flexShrink: 1}, buttonText: object2,
icon: {'flexShrink': 0, 'flexGrow': 0}, iconLeft: {paddingLeft: 4}, iconRight: {paddingRight: 4},
expressiveButtonContainer: {position: 'relative'}};
}
function _fun38850(a0, a1) { // fn#38850, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:3488, offset: 0x010cd31f, size: 1381 bytes, params: 3, frame: 51
const style = a0.style;
const pillStyle = a0.pillStyle;
const text = a0.text;
const textElement = a0.textElement;
const size = a0.size;
const value = undefined;
const r15 = value !== size ? size : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).DEFAULT_BUTTON_SIZE;
const loading = a0.loading;
const icon = a0.icon;
const iconPosition = a0.iconPosition;
const value3 = 'start';
const r14 = value === iconPosition ? value3 : iconPosition;
const iconOpticalOffsetMargin = a0.iconOpticalOffsetMargin;
const value4 = 0;
const r38 = value === iconOpticalOffsetMargin ? value4 : iconOpticalOffsetMargin;
const grow = a0.grow;
let r30 = value !== grow && grow;
const shrink = a0.shrink;
let r29 = value !== shrink && shrink;
const collapseText = a0.collapseText;
const accessibilityRole = a0.accessibilityRole;
const r24 = value === accessibilityRole ? 'button' : accessibilityRole;
const accessibilityLabel = a0.accessibilityLabel;
const maxFontSizeMultiplier = a0.maxFontSizeMultiplier;
const r37 = value !== maxFontSizeMultiplier ? maxFontSizeMultiplier : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).BUTTON_DEFAULT_MAX_FONT_SIZE_MULTIPLIER;
const shiny = a0.shiny;
const r7 = value !== shiny && shiny;
const onPressIn = a0.onPressIn;
const onPressOut = a0.onPressOut;
const onLayout = a0.onLayout;
const value11 = (MobileVisualRefreshExperiment)('BaseTextButton');
const r5 = a0.textVariant ?? (require(4582) /* metro dependency 4582: ButtonConstantsNative */).getButtonDefaultTextVariant(r15);
const TextStyleSheet = (TextModule).TextStyleSheet;
const property = TextStyleSheet[r5];
const styles = useStyles(r15, property.fontSize);
const property2 = env0_18[r15];
let binding = env0_4;
const useContext = binding.useContext;
const AccessibilityPreferencesContext = (AccessibilityPreferencesContextModule).AccessibilityPreferencesContext;
const enabled = Reflect.apply(useContext, binding, [AccessibilityPreferencesContext]).reducedMotion.enabled;
const enabled2 = enabled;
let r0 = a0.variant ?? 'primary';
r0 = value11 && r0 === 'tertiary' ? 'secondary' : r0;
const value16 = (ReanimatedRexportModule).useSharedValue(value4);
const value17 = r0.startsWith('expressive');
var env0_4 = value17;
binding = env0_4;
const value18 = binding.useRef(null);
const env0_6 = binding.useRef({'width': 0, 'height': 0});
const value20 = enabled2(binding.useState({'pressed': false, 'posx': 0, 'posy': 0}), 2);
const property3 = value20[value4];
const env0_7 = value20[1];
const value21 = binding.useCallback(_fun38851, [onLayout, value17]);
const value22 = binding.useCallback(_fun38852, [value17, onPressIn, enabled]);
const value23 = binding.useCallback(_fun38853, [value17, onPressOut]);
const value24 = (ButtonHooksNativeModule).useButtonTextColorStyles(r0);
const r34 = icon == null ? {} : value3 === r14 ? styles.iconLeft : styles.iconRight;
const r12 = (
icon == null
? (
<BaseTextButtonIcon
icon={icon}
size={r15}
style={[styles.icon, {tintColor: value24.color}]}
iconOpticalOffsetMargin={r38}
iconPosition={r14}
/>
)
: (
env0_4.isValidElement(icon)
? icon
: (
<BaseTextButtonIcon
icon={icon}
size={r15}
style={[styles.icon, {tintColor: value24.color}]}
iconOpticalOffsetMargin={r38}
iconPosition={r14}
/>
)
)
);
const r19 = textElement ?? <Text maxFontSizeMultiplier={r37} numberOfLines={1} style={[styles.buttonText, property,
value24, r34]}>{text}</Text>;
const BaseButton = (BaseButtonNativeModule).BaseButton;
const baseButtonProps = {ref: a1, ...a0};
baseButtonProps['onPressIn'] = value22;
baseButtonProps['onPressOut'] = value23;
baseButtonProps['onLayout'] = value21;
r30 = r30 && styles.grow;
r29 = r29 && styles.shrink;
baseButtonProps['style'] = [r30, r29, style, value17 && styles.expressiveButtonContainer];
baseButtonProps['pointerEvents'] = value17 ? 'box-only' : a0.pointerEvents;
baseButtonProps['pressed'] = value16;
baseButtonProps['accessibilityRole'] = r24;
baseButtonProps['accessibilityLabel'] = accessibilityLabel ?? (require(3862) /* metro dependency 3862: native */).getNodeText(text);
baseButtonProps['hitSlop'] = property2;
const ButtonPill = (ButtonPillNativeModule).ButtonPill;
const Provider = env0_13.Provider;
const items4 = [icon != null && value3 === r14 && r12];
items4[1] = (
value === collapseText
? r19
: (
<CollapsingText collapseText={collapseText}>
{r19}
</CollapsingText>
)
);
items4[2] = icon != null && r14 === 'end' && r12;
return (
<BaseButton {...baseButtonProps}>
<ButtonPill
variant={r0}
size={r15}
loading={loading}
pressed={value16}
style={pillStyle}
shiny={r7}
expressiveRiveRef={value17 ? value18 : value}
expressivePressState={value17 ? property3 : value}
>
<Provider value={r15}>
{items4}
</Provider>
</ButtonPill>
</BaseButton>
);
function _fun38851(a0) { // fn#38851, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:4519, offset: 0x010cd884, size: 80 bytes, params: 2, frame: 12
var layout;
if (onLayout != null) {
onLayout(a0);
}
if (env0_4) {
layout = a0.nativeEvent.layout;
env0_6.current = {width: layout.width, height: layout.height};
}
}
function _fun38852(a0) { // fn#38852, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:4649, offset: 0x010cd8d4, size: 216 bytes, params: 2, frame: 17
var nativeEvent;
var locationX;
var locationY;
var current;
var value;
if (onPressIn != null) {
onPressIn(a0);
}
if (env0_4) {
if (enabled) {
current = ReactNativeModule.Text.current;
if (current != null) {
current.play();
}
} else {
nativeEvent = a0.nativeEvent;
locationX = nativeEvent.locationX;
locationY = nativeEvent.locationY;
current = env0_6.current;
env0_7({pressed: true, posx: locationX - current.width / 2, posy: locationY - current.height / 2});
}
value = environment.__proto__;
value = require(4081) /* metro dependency 4081: HapticUtilsNative */;
value.triggerHapticFeedback((require(4081) /* metro dependency 4081: HapticUtilsNative */).HapticFeedbackTypes.IMPACT_HEAVY);
}
}
function _fun38853(a0) { // fn#38853, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:4946, offset: 0x010cd9ac, size: 111 bytes, params: 2, frame: 14
var environment;
var value;
if (onPressOut != null) {
onPressOut(a0);
}
if (env0_4) {
env0_7(function(a0) {
var r2;
var object = {};
copyDataProperties(object, a0, r2);
object['pressed'] = false;
return object;
});
value = environment.__proto__;
value = require(4081) /* metro dependency 4081: HapticUtilsNative */;
value.triggerHapticFeedback((require(4081) /* metro dependency 4081: HapticUtilsNative */).HapticFeedbackTypes.IMPACT_MEDIUM);
}
}
}
function Icon({source, variant, disableColor}) { // fn#38855, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:6038, offset: 0x010cda34, size: 168 bytes, params: 2, frame: 19
variant = variant === undefined ? 'icon' : variant;
disableColor = disableColor === undefined || disableColor;
const value2 = env0_4.useContext(env0_13);
const styles = useStyles();
const env0_123 = ((Component) => <Component source={source} disableColor={disableColor} style={(ButtonHooksNativeModule).useIconSizeStyles(value2)} />)(env0_12);
return (
variant !== 'entity'
? env0_123
: (
<View style={styles.entityWrapper}>
{env0_123}
</View>
)
);
}
}
function _fun38853(a0) { // fn#38853, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:4946, offset: 0x010cd9ac, size: 111 bytes, params: 2, frame: 14
var environment;
var value;
if (onPressOut != null) {
onPressOut(a0);
}
if (env0_4) {
env0_7(function(a0) {
var r2;
var object = {};
copyDataProperties(object, a0, r2);
object['pressed'] = false;
return object;
});
value = environment.__proto__;
value = require(4081) /* metro dependency 4081: HapticUtilsNative */;
value.triggerHapticFeedback((require(4081) /* metro dependency 4081: HapticUtilsNative */).HapticFeedbackTypes.IMPACT_MEDIUM);
}
}
function useCollapsingTextContainerStylesO() { // fn#38842, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:1424, owner: CollapsingText.useCollapsingTextContainerStyles.o, offset: 0x010ccf48, size: 208 bytes, params: 1, frame: 25
var r0;
var object2;
var value4;
var moduleValue;
var withSpring;
var value5;
var value6;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
const value2 = env0_0.get();
const value3 = 0;
if (value3 === value2) {
r0 = {};
} else {
object2 = {};
value4 = environment.__proto__.__proto__;
moduleValue = require(4577) /* metro dependency 4577: spring */;
withSpring = moduleValue.withSpring;
value5 = require.get();
value6 = 1;
object2.width = Reflect.apply(withSpring, moduleValue, [value6 === value5 ? value3 : env0_0.get(),
SUBTLE_SPRING,
'animate-always']);
object2.opacity = (require(4577) /* metro dependency 4577: spring */).withSpring(value6 !== require.get() ? value6 : value3,
SUBTLE_SPRING, 'animate-always');
r0 = object2;
}
return r0;
}
function useCollapsingTextStylesS() { // fn#38844, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4757:1898, owner: CollapsingText.useCollapsingTextStyles.s, offset: 0x010cd096, size: 63 bytes, params: 1, frame: 12
var r0;
var object2;
const value2 = require.get();
if (value2 === 0) {
r0 = {};
} else {
object2 = {};
copyDataProperties(object2, textCollapsed, value2);
object2['width'] = env0_0.get();
r0 = object2;
}
return r0;
}
global.__d(_fun38838, 4579, [57, 31, 27, 33, 4501, 697, 4017, 4580, 4577, 4581, 4582, 4583, 1357, 4573, 3875, 4081,
4585, 3862, 4587,
2]) /* metro module 4579, dependencies: [57, 31, 27, 33, 4501, 697, 4017, 4580, 4577, 4581, 4582, 4583, 1357, 4573, 3875, 4081, 4585, 3862, 4587, 2] */;
sources/design/components/Button/native/Button.native.tsx
+6 -2
View File
@@ -1,9 +1,13 @@
/* Metro module 4578; source: design/components/Button/native/Button.native.tsx; dependencies: [2, 4579] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as BaseTextButtonNativeModule from './BaseTextButton.native.tsx'; /* Metro dependency 4579 */
function _fun38837(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38837, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4756:6, offset: 0x010cca95, size: 96 bytes, params: 8, frame: 17
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/Button.native.tsx');
const BaseTextButton = (require(4579) /* metro dependency 4579: BaseTextButtonNative */).BaseTextButton;
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/Button.native.tsx');
const BaseTextButton = (BaseTextButtonNativeModule).BaseTextButton;
exports.Button = BaseTextButton;
}
global.__d(_fun38837, 4578, [2, 4579]) /* metro module 4578, dependencies: [2, 4579] */;
sources/design/components/Button/native/ButtonConstants.native.tsx
+19 -15
View File
@@ -1,18 +1,21 @@
/* Metro module 4582; source: design/components/Button/native/ButtonConstants.native.tsx; dependencies: [4580, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as IconModule from '../../../void/Icon/native/Icon.tsx'; /* Metro dependency 4580 */
function _fun38862(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38862, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4760:6, offset: 0x010cded5, size: 348 bytes, params: 8, frame: 28
const env0_0 = require;
const closure = getButtonPadding;
const getButtonPadding2 = getButtonPadding;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const IconSizes = (require(4580) /* metro dependency 4580: Icon */).IconSizes;
const IconSizes = (IconModule).IconSizes;
const SMALL = IconSizes.SMALL;
const SMALL_20 = IconSizes.SMALL_20;
const MEDIUM = IconSizes.MEDIUM;
const MEDIUM2 = IconSizes.MEDIUM;
const value = closure(32, SMALL);
const value2 = closure(40, SMALL_20);
const value3 = closure(48, MEDIUM);
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/ButtonConstants.native.tsx');
const buttonPadding2 = getButtonPadding2(32, SMALL);
const buttonPadding22 = getButtonPadding2(40, SMALL_20);
const buttonPadding23 = getButtonPadding2(48, MEDIUM);
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/ButtonConstants.native.tsx');
exports.MINIMUM_HIT_AREA = 44;
exports.SMALL_BUTTON_HEIGHT = 32;
exports.MEDIUM_BUTTON_HEIGHT = 40;
@@ -27,19 +30,20 @@ function _fun38862(global, require, importDefault, importAll, module, exports, d
exports.SMALL_BUTTON_HORIZONTAL_PADDING = 12;
exports.MEDIUM_BUTTON_HORIZONTAL_PADDING = 20;
exports.LARGE_BUTTON_HORIZONTAL_PADDING = 24;
exports.SMALL_BUTTON_PADDING = value;
exports.MEDIUM_BUTTON_PADDING = value2;
exports.LARGE_BUTTON_PADDING = value3;
exports.SMALL_BUTTON_PADDING = buttonPadding2;
exports.MEDIUM_BUTTON_PADDING = buttonPadding22;
exports.LARGE_BUTTON_PADDING = buttonPadding23;
exports.BUTTON_DEFAULT_MAX_FONT_SIZE_MULTIPLIER = 3;
exports.getButtonDefaultTextVariant = function(a0) {
return a0 !== 'lg' ? 'text-sm/semibold' : 'text-md/semibold';
};
exports.getButtonPadding = closure;
}
exports.getButtonPadding = getButtonPadding2;
function getButtonPadding(a0, a1) { // fn#38863, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4760:280, offset: 0x010ce031, size: 58 bytes, params: 3, frame: 11
let value = IconModule;
value = value.getIconSize(a1);
return (a0 - value - 2) / 2;
}
function getButtonPadding(a0, a1) { // fn#38863, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4760:280, offset: 0x010ce031, size: 58 bytes, params: 3, frame: 11
let value = require(4580) /* metro dependency 4580: Icon */;
value = value.getIconSize(a1);
return (a0 - value - 2) / 2;
}
global.__d(_fun38862, 4582, [4580, 2]) /* metro module 4582, dependencies: [4580, 2] */;
sources/design/components/Button/native/ButtonEllipsis.native.tsx
+128 -123
View File
@@ -1,141 +1,146 @@
/* Metro module 4593; source: design/components/Button/native/ButtonEllipsis.native.tsx; dependencies: [31, 33, 4017, 4501, 697, 4504, 4583, 4594, 2] */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as TimingModule from '../../../animation/reanimated/timing/timing.tsx'; /* Metro dependency 4504 */
import * as ButtonHooksNativeModule from './ButtonHooks.native.tsx'; /* Metro dependency 4583 */
import * as UseMountEffectModule from '../../../../hooks/useMountEffect.tsx'; /* Metro dependency 4594 */
function _fun38927(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38927, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:6, offset: 0x010d1647, size: 301 bytes, params: 8, frame: 19
var object2;
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const value = require(33) /* metro dependency 33 */;
const env0_3 = value.jsx;
const env0_4 = value.jsxs;
object2 = {duration: 500};
const Easing = (require(4017) /* metro dependency 4017: ReanimatedRexport */).Easing;
ReactModule;
object = {duration: 500};
const Easing = (ReanimatedRexportModule).Easing;
const inOut = Easing.inOut;
const Easing2 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).Easing;
object2.easing = Reflect.apply(inOut, Easing, [Easing2.quad]);
const env0_6 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun38932);
object2 = {code: "function withEllipsisAnimation_ButtonEllipsisNativeTsx1(offset,value){const{ELLIPSIS_APPEAR_DURATION,withDelay,withRepeat,withTiming,ELLIPSIS_APPEAR_TIMING}=this.__closure;const animationTimeMs=ELLIPSIS_APPEAR_DURATION;const animationStaggerTimeMs=animationTimeMs/3;return withDelay(offset*animationStaggerTimeMs,withRepeat(withTiming(value,ELLIPSIS_APPEAR_TIMING,'animate-always'),-1,true));}"};
const Easing2 = (ReanimatedRexportModule).Easing;
object.easing = Reflect.apply(inOut, Easing, [Easing2.quad]);
const env0_6 = (CreateStylesModule).createStyles(_fun38932);
object = {code: "function withEllipsisAnimation_ButtonEllipsisNativeTsx1(offset,value){const{ELLIPSIS_APPEAR_DURATION,withDelay,withRepeat,withTiming,ELLIPSIS_APPEAR_TIMING}=this.__closure;const animationTimeMs=ELLIPSIS_APPEAR_DURATION;const animationStaggerTimeMs=animationTimeMs/3;return withDelay(offset*animationStaggerTimeMs,withRepeat(withTiming(value,ELLIPSIS_APPEAR_TIMING,'animate-always'),-1,true));}"};
const env0_8 = _fun38933();
object2 = {code: 'function ButtonEllipsisNativeTsx2(){const{opacity,scale}=this.__closure;return{opacity:opacity.get(),transform:[{scale:scale.get()}]};}'};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/ButtonEllipsis.native.tsx');
object = {code: 'function ButtonEllipsisNativeTsx2(){const{opacity,scale}=this.__closure;return{opacity:opacity.get(),transform:[{scale:scale.get()}]};}'};
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/ButtonEllipsis.native.tsx');
exports.Ellipsis = Ellipsis;
}
function EllipsisCircle({variant, size, offset}) { // fn#38928, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:1436, offset: 0x010d1774, size: 293 bytes, params: 2, frame: 22
const styles = useStyles(size, offset,
(ButtonHooksNativeModule).useForegroundColor(variant));
const value3 = (ReanimatedRexportModule).useSharedValue(0.4);
const value4 = (ReanimatedRexportModule).useSharedValue(0.75);
(UseMountEffectModule).useMountLayoutEffect(_fun38929);
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const EllipsisCircleW2 = EllipsisCircleW;
EllipsisCircleW2.__closure = {opacity: value3, scale: value4};
EllipsisCircleW2.__workletHash = 13371762734705;
EllipsisCircleW2.__initData = env0_9;
const value5 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [EllipsisCircleW2]);
const View = (ReanimatedRexport).View;
return <View style={[styles.circle, value5]} />;
function _fun38929() { // fn#38929, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:1625, offset: 0x010d1899, size: 72 bytes, params: 1, frame: 17
const binding = env0_1;
const set = binding.set;
const binding2 = env1_8;
const offsetBinding = offset;
Reflect.apply(set, binding, [binding2(offsetBinding, 1)]);
env0_2.set(env1_8(offsetBinding, 1));
return _fun38930;
function _fun38930() { // fn#38930, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:1658, offset: 0x010d18e1, size: 69 bytes, params: 1, frame: 16
const value = environment.__proto__.__proto__;
(ReanimatedRexportModule).cancelAnimation(env1_1);
(ReanimatedRexportModule).cancelAnimation(env1_2);
}
function EllipsisCircle({variant, size, offset}) { // fn#38928, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:1436, offset: 0x010d1774, size: 293 bytes, params: 2, frame: 22
const styles = useStyles(size, offset,
(require(4583) /* metro dependency 4583: ButtonHooksNative */).useForegroundColor(variant));
const value3 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0.4);
const value4 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0.75);
(require(4594) /* metro dependency 4594: useMountEffect */).useMountLayoutEffect(_fun38929);
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = EllipsisCircleW;
closure.__closure = {opacity: value3, scale: value4};
closure.__workletHash = 13371762734705;
closure.__initData = env0_9;
const value5 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
return <View style={[styles.circle, value5]} />;
}
function _fun38932(a0, a1, a2) { // fn#38932, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:221, offset: 0x010d195e, size: 147 bytes, params: 4, frame: 14
var r2;
var r3;
var value;
var value3;
var value4;
var value5;
if (a0 === 'lg') {
value = 8;
value5 = 4;
r2 = value;
r3 = value5;
} else if (a0 === 'md') {
value = 6;
value4 = 4;
r2 = value;
r3 = value4;
} else if (a0 === 'sm') {
value = 6;
value4 = 4;
r2 = value;
r3 = value4;
} else {
value = 4;
if (a0 !== 'xs') {
r2 = undefined;
r3 = value;
} else {
value = 5;
value3 = 3;
r2 = value;
r3 = value3;
}
function EllipsisCircleW() { // fn#38931, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:1758, owner: EllipsisCircle.w, offset: 0x010d1926, size: 56 bytes, params: 1, frame: 11
const object = {};
object.opacity = env0_1.get();
const object2 = {};
object2.scale = env0_2.get();
object.transform = [object2];
return object;
}
}
const object = {width: r2, height: r2};
object.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
object.marginEnd = a1 === 2 ? 0 : r3;
object.backgroundColor = a2;
return {circle: object};
}
function _fun38933() { // fn#38933, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:830, offset: 0x010d19f1, size: 144 bytes, params: 1, frame: 16
const closure = withEllipsisAnimation;
const object2 = {ELLIPSIS_APPEAR_DURATION: 500};
object2.withDelay = (require(4017) /* metro dependency 4017: ReanimatedRexport */).withDelay;
object2.withRepeat = (require(4017) /* metro dependency 4017: ReanimatedRexport */).withRepeat;
object2.withTiming = (require(4504) /* metro dependency 4504: timing */).withTiming;
object2.ELLIPSIS_APPEAR_TIMING = env0_5;
closure.__closure = object2;
closure.__workletHash = 2181731162311;
closure.__initData = env0_7;
return closure;
}
function _fun38932(a0, a1, a2) { // fn#38932, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:221, offset: 0x010d195e, size: 147 bytes, params: 4, frame: 14
var r2;
var r3;
var value;
var value3;
var value4;
var value5;
if (a0 === 'lg') {
value = 8;
value5 = 4;
r2 = value;
r3 = value5;
} else if (a0 === 'md') {
value = 6;
value4 = 4;
r2 = value;
r3 = value4;
} else if (a0 === 'sm') {
value = 6;
value4 = 4;
r2 = value;
r3 = value4;
} else {
value = 4;
if (a0 !== 'xs') {
r2 = undefined;
r3 = value;
} else {
value = 5;
value3 = 3;
r2 = value;
r3 = value3;
}
}
const object2 = {width: r2, height: r2};
object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
object2.marginEnd = a1 === 2 ? 0 : r3;
object2.backgroundColor = a2;
return {circle: object2};
}
function Ellipsis(a0) { // fn#38935, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:2036, offset: 0x010d1afc, size: 171 bytes, params: 2, frame: 21
const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
return (
<View style={{flexDirection: 'row'}}>
<EllipsisCircle offset={0} {...a0} />
<EllipsisCircle offset={1} {...a0} />
<EllipsisCircle offset={2} {...a0} />
</View>
);
}
function _fun38933() { // fn#38933, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:830, offset: 0x010d19f1, size: 144 bytes, params: 1, frame: 16
const withEllipsisAnimation2 = withEllipsisAnimation;
const object = {ELLIPSIS_APPEAR_DURATION: 500};
object.withDelay = (require(4017) /* metro dependency 4017: ReanimatedRexport */).withDelay;
object.withRepeat = (require(4017) /* metro dependency 4017: ReanimatedRexport */).withRepeat;
object.withTiming = (require(4504) /* metro dependency 4504: timing */).withTiming;
object.ELLIPSIS_APPEAR_TIMING = env0_5;
withEllipsisAnimation2.__closure = object;
withEllipsisAnimation2.__workletHash = 2181731162311;
withEllipsisAnimation2.__initData = env0_7;
return withEllipsisAnimation2;
function withEllipsisAnimation(a0, a1) { // fn#38934, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:867, offset: 0x010d1a81, size: 123 bytes, params: 3, frame: 20
const value = environment.__proto__;
const withDelay = ReanimatedRexportModule.withDelay;
const value2 = 166.66666666666666 * a0;
return Reflect.apply(withDelay, ReanimatedRexportModule, [value2,
ReanimatedRexportModule.withRepeat((TimingModule).withTiming(a1, env1_5,
'animate-always'), -1, true)]);
}
function _fun38929() { // fn#38929, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:1625, offset: 0x010d1899, size: 72 bytes, params: 1, frame: 17
const binding = env0_1;
const set = binding.set;
const binding2 = env1_8;
const offsetBinding = offset;
Reflect.apply(set, binding, [binding2(offsetBinding, 1)]);
env0_2.set(env1_8(offsetBinding, 1));
return _fun38930;
}
}
function EllipsisCircleW() { // fn#38931, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:1758, owner: EllipsisCircle.w, offset: 0x010d1926, size: 56 bytes, params: 1, frame: 11
const object3 = {};
object3.opacity = env0_1.get();
const object4 = {};
object4.scale = env0_2.get();
object3.transform = [object4];
return object3;
}
function Ellipsis(a0) { // fn#38935, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:2036, offset: 0x010d1afc, size: 171 bytes, params: 2, frame: 21
const View = (ReanimatedRexport).View;
return (
<View style={{flexDirection: 'row'}}>
<EllipsisCircle offset={0} {...a0} />
<EllipsisCircle offset={1} {...a0} />
<EllipsisCircle offset={2} {...a0} />
</View>
);
}
function withEllipsisAnimation(a0, a1) { // fn#38934, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:867, offset: 0x010d1a81, size: 123 bytes, params: 3, frame: 20
const value = environment.__proto__;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const withDelay = reanimatedRexportModule.withDelay;
const value2 = 166.66666666666666 * a0;
const moduleValue2 = reanimatedRexportModule;
return Reflect.apply(withDelay, reanimatedRexportModule, [value2,
moduleValue2.withRepeat((require(4504) /* metro dependency 4504: timing */).withTiming(a1, env1_5,
'animate-always'), -1, true)]);
}
function _fun38930() { // fn#38930, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4771:1658, offset: 0x010d18e1, size: 69 bytes, params: 1, frame: 16
const value = environment.__proto__.__proto__;
(require(4017) /* metro dependency 4017: ReanimatedRexport */).cancelAnimation(env1_1);
(require(4017) /* metro dependency 4017: ReanimatedRexport */).cancelAnimation(env1_2);
}
global.__d(_fun38927, 4593, [31, 33, 4017, 4501, 697, 4504, 4583, 4594,
2]) /* metro module 4593, dependencies: [31, 33, 4017, 4501, 697, 4504, 4583, 4594, 2] */;
sources/design/components/Button/native/ButtonHooks.native.tsx
+421 -418
View File
@@ -1,59 +1,66 @@
/* Metro module 4583; source: design/components/Button/native/ButtonHooks.native.tsx; dependencies: [31, 4501, 3868, 697, 4002, 3860, 4017, 4577, 4581, 4582, 4584, 4580, 4573, 477, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as UseTokenModule from '../../../tokens/native/useToken.tsx'; /* Metro dependency 3860 */
import * as NativeModule from '../../../../external/discord_common/js/packages/design/native.tsx'; /* Metro dependency 3868 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as SpringModule from '../../../animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
import * as SpringPresetsModule from '../../../animation/reanimated/spring/springPresets.tsx'; /* Metro dependency 4581 */
import * as UseFontScaleModule from '../../../../modules/screen/native/useFontScale.tsx'; /* Metro dependency 4584 */
function _fun38865(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38865, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:6, offset: 0x010ce082, size: 754 bytes, params: 8, frame: 25
var object2;
const env0_0 = require;
const closure = useProfileThemedButtonStyles;
const closure2 = useForegroundColor;
const closure3 = useButtonTextColorStyles;
const closure4 = useButtonScaleStyles;
const useProfileThemedButtonStyles2 = useProfileThemedButtonStyles;
const useForegroundColor2 = useForegroundColor;
const useButtonTextColorStyles2 = useButtonTextColorStyles;
const useButtonScaleStyles2 = useButtonScaleStyles;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_3 = importAll(31) /* metro dependency 31 */;
const env0_5 = (require(4501) /* metro dependency 4501: createStyles */).experimental_createToken(function() {
return '#161CBB';
});
const env0_6 = (require(4501) /* metro dependency 4501: createStyles */).experimental_createToken(function() {
return '#1318A0';
});
object2 = {};
object = {};
const CONTROL_PRIMARY_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_PRIMARY_TEXT_DEFAULT;
object2.primary = CONTROL_PRIMARY_TEXT_DEFAULT;
object.primary = CONTROL_PRIMARY_TEXT_DEFAULT;
let WHITE = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.WHITE;
object2['experimental_welcome-secondary'] = WHITE;
object['experimental_welcome-secondary'] = WHITE;
const CONTROL_SECONDARY_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_SECONDARY_TEXT_DEFAULT;
object2.secondary = CONTROL_SECONDARY_TEXT_DEFAULT;
object.secondary = CONTROL_SECONDARY_TEXT_DEFAULT;
const REDESIGN_BUTTON_TERTIARY_TEXT = (importDefault(697) /* metro dependency 697: native */).colors.REDESIGN_BUTTON_TERTIARY_TEXT;
object2.tertiary = REDESIGN_BUTTON_TERTIARY_TEXT;
object.tertiary = REDESIGN_BUTTON_TERTIARY_TEXT;
let CONTROL_CRITICAL_PRIMARY_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_CRITICAL_PRIMARY_TEXT_DEFAULT;
object2.destructive = CONTROL_CRITICAL_PRIMARY_TEXT_DEFAULT;
object.destructive = CONTROL_CRITICAL_PRIMARY_TEXT_DEFAULT;
CONTROL_CRITICAL_PRIMARY_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_CRITICAL_PRIMARY_TEXT_DEFAULT;
object2['critical-primary'] = CONTROL_CRITICAL_PRIMARY_TEXT_DEFAULT;
object['critical-primary'] = CONTROL_CRITICAL_PRIMARY_TEXT_DEFAULT;
const CONTROL_CRITICAL_SECONDARY_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_CRITICAL_SECONDARY_TEXT_DEFAULT;
object2['critical-secondary'] = CONTROL_CRITICAL_SECONDARY_TEXT_DEFAULT;
object['critical-secondary'] = CONTROL_CRITICAL_SECONDARY_TEXT_DEFAULT;
const CONTROL_CONNECTED_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_CONNECTED_TEXT_DEFAULT;
object2.active = CONTROL_CONNECTED_TEXT_DEFAULT;
object.active = CONTROL_CONNECTED_TEXT_DEFAULT;
const CONTROL_OVERLAY_PRIMARY_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_OVERLAY_PRIMARY_TEXT_DEFAULT;
object2['primary-overlay'] = CONTROL_OVERLAY_PRIMARY_TEXT_DEFAULT;
object['primary-overlay'] = CONTROL_OVERLAY_PRIMARY_TEXT_DEFAULT;
const CONTROL_OVERLAY_SECONDARY_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_OVERLAY_SECONDARY_TEXT_DEFAULT;
object2['secondary-overlay'] = CONTROL_OVERLAY_SECONDARY_TEXT_DEFAULT;
object['secondary-overlay'] = CONTROL_OVERLAY_SECONDARY_TEXT_DEFAULT;
WHITE = (importDefault(697) /* metro dependency 697: native */).colors.WHITE;
object2['experimental_premium-primary'] = WHITE;
object['experimental_premium-primary'] = WHITE;
const TEXT_BRAND = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_BRAND;
object2['experimental_premium-secondary'] = TEXT_BRAND;
object['experimental_premium-secondary'] = TEXT_BRAND;
const CONTROL_ICON_ONLY_ICON_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_ICON_ONLY_ICON_DEFAULT;
object2['icon-only'] = CONTROL_ICON_ONLY_ICON_DEFAULT;
object['icon-only'] = CONTROL_ICON_ONLY_ICON_DEFAULT;
const CONTROL_EXPRESSIVE_TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_EXPRESSIVE_TEXT_DEFAULT;
object2.expressive = CONTROL_EXPRESSIVE_TEXT_DEFAULT;
object.expressive = CONTROL_EXPRESSIVE_TEXT_DEFAULT;
value = require(4501) /* metro dependency 4501: createStyles */;
value = value.createStyleProperties(_fun38874);
object2 = {code: 'function ButtonHooksNativeTsx1(){const{themedStyles,colors,interpolateColor,pressed}=this.__closure;var _themedStyles$backgro,_themedStyles,_themedStyles$borderC,_themedStyles2;const backgroundColor=(_themedStyles$backgro=(_themedStyles=themedStyles)===null||_themedStyles===void 0?void 0:_themedStyles.backgroundColor)!==null&&_themedStyles$backgro!==void 0?_themedStyles$backgro:[colors.backgroundInactive,colors.backgroundPressed];const borderColor=(_themedStyles$borderC=(_themedStyles2=themedStyles)===null||_themedStyles2===void 0?void 0:_themedStyles2.borderColor)!==null&&_themedStyles$borderC!==void 0?_themedStyles$borderC:[colors.borderInactive,colors.borderPressed];return{backgroundColor:interpolateColor(pressed.get(),[0,1],backgroundColor),borderColor:interpolateColor(pressed.get(),[0,1],borderColor)};}'};
object2 = {code: "function ButtonHooksNativeTsx2(){const{width,scaleAmountInPx,withSpring,interpolate,pressed,ON_PRESS_SPRING}=this.__closure;const scale=width.get()>0?(width.get()-scaleAmountInPx)/width.get():1;return{transform:[{scale:withSpring(interpolate(pressed.get(),[0,1],[1,scale]),ON_PRESS_SPRING,'animate-always')}]};}"};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/ButtonHooks.native.tsx');
object = {code: 'function ButtonHooksNativeTsx1(){const{themedStyles,colors,interpolateColor,pressed}=this.__closure;var _themedStyles$backgro,_themedStyles,_themedStyles$borderC,_themedStyles2;const backgroundColor=(_themedStyles$backgro=(_themedStyles=themedStyles)===null||_themedStyles===void 0?void 0:_themedStyles.backgroundColor)!==null&&_themedStyles$backgro!==void 0?_themedStyles$backgro:[colors.backgroundInactive,colors.backgroundPressed];const borderColor=(_themedStyles$borderC=(_themedStyles2=themedStyles)===null||_themedStyles2===void 0?void 0:_themedStyles2.borderColor)!==null&&_themedStyles$borderC!==void 0?_themedStyles$borderC:[colors.borderInactive,colors.borderPressed];return{backgroundColor:interpolateColor(pressed.get(),[0,1],backgroundColor),borderColor:interpolateColor(pressed.get(),[0,1],borderColor)};}'};
object = {code: "function ButtonHooksNativeTsx2(){const{width,scaleAmountInPx,withSpring,interpolate,pressed,ON_PRESS_SPRING}=this.__closure;const scale=width.get()>0?(width.get()-scaleAmountInPx)/width.get():1;return{transform:[{scale:withSpring(interpolate(pressed.get(),[0,1],[1,scale]),ON_PRESS_SPRING,'animate-always')}]};}"};
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/ButtonHooks.native.tsx');
exports.SAFE_TRANSPARENT_COLOR = 'rgba(0,0,0,0.001)';
exports.useProfileThemedButtonStyles = closure;
exports.useForegroundColor = closure2;
exports.useProfileThemedButtonStyles = useProfileThemedButtonStyles2;
exports.useForegroundColor = useForegroundColor2;
exports.useButtonColorStyles = value;
exports.useButtonTextColorStyles = closure3;
exports.useButtonTextColorStyles = useButtonTextColorStyles2;
exports.useIconTintStyles = function(a0) {
var object = {};
object.tintColor = useButtonTextColorStyles(a0).color;
@@ -61,401 +68,397 @@ function _fun38865(global, require, importDefault, importAll, module, exports, d
};
exports.useGradientPillStyles = useGradientPillStyles;
exports.useButtonPillStyles = useButtonPillStyles;
exports.useButtonScaleStyles = closure4;
exports.useButtonScaleStyles = useButtonScaleStyles2;
exports.useButtonPressAnimationProps = useButtonPressAnimationProps;
exports.useIconSizeStyles = useIconSizeStyles;
}
function useProfileThemedButtonStyles(a0) { // fn#38866, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:232, offset: 0x010ce374, size: 102 bytes, params: 2, frame: 16
const env0_0 = a0;
const {primaryColor, theme} = (require(3868) /* metro dependency 3868: native */).useThemeContext();
return env0_3.useMemo(_fun38867, [theme, primaryColor, a0]);
}
function useForegroundColor(a0) { // fn#38868, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:2051, offset: 0x010ce6bb, size: 49 bytes, params: 2, frame: 12
return (require(3860) /* metro dependency 3860: useToken */).useToken(env0_7[a0]);
}
function useButtonTextColorStyles(a0) { // fn#38869, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:4922, offset: 0x010ce6ec, size: 55 bytes, params: 2, frame: 14
const value2 = undefined;
const value3 = useProfileThemedButtonStyles(a0);
return {color: (value3 == null ? value2 : value3.color) ?? useForegroundColor(a0)};
}
function useButtonScaleStyles(a0, a1, a2) { // fn#38870, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:6236, offset: 0x010ce723, size: 178 bytes, params: 4, frame: 20
const env0_0 = a0;
const env0_1 = a1;
const env0_2 = a2;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = useButtonScaleStylesN;
const object2 = {width: a1, scaleAmountInPx: a2};
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.interpolate = reanimatedRexportModule.interpolate;
object2.pressed = a0;
const ON_PRESS_SPRING = (require(4581) /* metro dependency 4581: springPresets */).ON_PRESS_SPRING;
object2.ON_PRESS_SPRING = ON_PRESS_SPRING;
closure.__closure = object2;
closure.__workletHash = 17256006845494;
closure.__initData = env0_10;
return Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
}
function _fun38874(a0) { // fn#38874, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:2157, offset: 0x010ce8b5, size: 1269 bytes, params: 2, frame: 15
var object2;
var colors;
if (a0 === 'primary') {
object2 = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundInactive = colors.CONTROL_PRIMARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundPressed = colors.CONTROL_PRIMARY_BACKGROUND_ACTIVE;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.borderInactive = colors.CONTROL_PRIMARY_BORDER_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.borderPressed = colors.CONTROL_PRIMARY_BORDER_ACTIVE;
return object2;
}
if (a0 === 'secondary') {
object2 = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundInactive = colors.CONTROL_SECONDARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundPressed = colors.CONTROL_SECONDARY_BACKGROUND_ACTIVE;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.borderInactive = colors.CONTROL_SECONDARY_BORDER_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.borderPressed = colors.CONTROL_SECONDARY_BORDER_ACTIVE;
return object2;
}
if (a0 === 'tertiary') {
object2 = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundInactive = colors.REDESIGN_BUTTON_TERTIARY_BACKGROUND;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundPressed = colors.REDESIGN_BUTTON_TERTIARY_PRESSED_BACKGROUND;
object2.borderInactive = env0_4;
object2.borderPressed = env0_4;
return object2;
}
if (a0 === 'critical-primary') {
object2 = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundInactive = colors.CONTROL_CRITICAL_PRIMARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundPressed = colors.CONTROL_CRITICAL_PRIMARY_BACKGROUND_ACTIVE;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.borderInactive = colors.CONTROL_CRITICAL_PRIMARY_BORDER_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.borderPressed = colors.CONTROL_CRITICAL_PRIMARY_BORDER_ACTIVE;
return object2;
}
if (a0 === 'destructive') {
object2 = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundInactive = colors.CONTROL_CRITICAL_PRIMARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundPressed = colors.CONTROL_CRITICAL_PRIMARY_BACKGROUND_ACTIVE;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.borderInactive = colors.CONTROL_CRITICAL_PRIMARY_BORDER_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.borderPressed = colors.CONTROL_CRITICAL_PRIMARY_BORDER_ACTIVE;
return object2;
}
if (a0 === 'critical-secondary') {
object2 = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundInactive = colors.CONTROL_CRITICAL_SECONDARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundPressed = colors.CONTROL_CRITICAL_SECONDARY_BACKGROUND_ACTIVE;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.borderInactive = colors.CONTROL_CRITICAL_SECONDARY_BORDER_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.borderPressed = colors.CONTROL_CRITICAL_SECONDARY_BORDER_ACTIVE;
return object2;
}
if (a0 === 'active') {
object2 = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundInactive = colors.CONTROL_CONNECTED_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundPressed = colors.CONTROL_CONNECTED_BACKGROUND_ACTIVE;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.borderInactive = colors.CONTROL_CONNECTED_BORDER_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.borderPressed = colors.CONTROL_CONNECTED_BORDER_ACTIVE;
return object2;
}
if (a0 === 'experimental_premium-secondary') {
object2 = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundInactive = colors.CONTROL_OVERLAY_PRIMARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundPressed = colors.CONTROL_OVERLAY_PRIMARY_BACKGROUND_ACTIVE;
object2.borderInactive = env0_4;
object2.borderPressed = env0_4;
return object2;
}
if (a0 === 'primary-overlay') {
object2 = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundInactive = colors.CONTROL_OVERLAY_PRIMARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundPressed = colors.CONTROL_OVERLAY_PRIMARY_BACKGROUND_ACTIVE;
object2.borderInactive = env0_4;
object2.borderPressed = env0_4;
return object2;
}
if (a0 === 'secondary-overlay') {
object2 = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundInactive = colors.CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object2.backgroundPressed = colors.CONTROL_OVERLAY_SECONDARY_BACKGROUND_ACTIVE;
object2.borderInactive = env0_4;
object2.borderPressed = env0_4;
return object2;
}
if (a0 === 'experimental_welcome-secondary') {
return {backgroundInactive: env0_5, backgroundPressed: env0_6, borderInactive: env0_4, borderPressed: env0_4};
}
if (a0 === 'experimental_premium-primary') {
object2 = {};
object2.backgroundInactive = env0_4;
object2.backgroundPressed = (importDefault(697) /* metro dependency 697: native */).colors.REDESIGN_BUTTON_PREMIUM_PRIMARY_PRESSED_BACKGROUND;
object2.borderInactive = env0_4;
object2.borderPressed = env0_4;
return object2;
}
if (a0 === 'icon-only') {
object2 = {};
object2.backgroundInactive = env0_4;
object2.backgroundPressed = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_ICON_ONLY_BACKGROUND_ACTIVE;
object2.borderInactive = env0_4;
object2.borderPressed = env0_4;
return object2;
}
if (a0 === 'expressive') {
return {backgroundInactive: env0_4, backgroundPressed: env0_4, borderInactive: env0_4, borderPressed: env0_4};
}
}
function useGradientPillStyles(a0) { // fn#38876, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:7115, offset: 0x010cedc9, size: 32 bytes, params: 2, frame: 12
const object2 = {};
object2.borderColor = env0_8(a0).borderInactive;
return object2;
}
function useButtonPillStyles(a0, a1) { // fn#38877, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:7212, offset: 0x010cede9, size: 151 bytes, params: 3, frame: 20
const env0_0 = a1;
const value2 = useProfileThemedButtonStyles(a0);
const value3 = env0_8(a0);
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = useButtonPillStylesS;
const object2 = {themedStyles: value2, colors: value3};
object2.interpolateColor = reanimatedRexportModule.interpolateColor;
object2.pressed = a1;
closure.__closure = object2;
closure.__workletHash = 2383933325137;
closure.__initData = env0_9;
return Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
}
function useButtonPressAnimationProps(a0) { // fn#38879, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:7851, offset: 0x010cef6b, size: 257 bytes, params: 2, frame: 24
let value = a0;
const value2 = a1;
const r5 = value2 !== undefined ? value2 : 8;
const env0_0 = a2;
const env0_1 = a3;
const env0_2 = a4;
const r3 = value ?? (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0);
const env0_3 = r3;
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
value = value.useSharedValue(0);
const object2 = {};
object2.onPressIn = env0_3.useCallback(_fun38880, [r3, a3]);
object2.onPressOut = env0_3.useCallback(_fun38881, [r3, a4]);
object2.onLayout = env0_3.useCallback(_fun38882, [value, a2]);
object2.style = useButtonScaleStyles(r3, value, r5);
return object2;
}
function useIconSizeStyles(a0) { // fn#38883, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:8247, offset: 0x010cf109, size: 147 bytes, params: 2, frame: 18
const value = a1;
const value2 = a2;
const env0_0 = a0;
const r6 = value !== undefined ? value : false;
const r5 = value2 !== undefined ? value2 : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).BUTTON_DEFAULT_MAX_FONT_SIZE_MULTIPLIER;
const value3 = (require(4584) /* metro dependency 4584: useFontScale */).useFontScale();
return value3.useMemo(_fun38884, [a0, r6, r5, value3]);
}
function _fun38867() { // fn#38867, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:350, offset: 0x010ce3da, size: 737 bytes, params: 1, frame: 21
var r10;
var r6;
var value2;
var isThemeLight2;
var moduleValue2;
var setColorOpacity;
var object2;
var items2;
var moduleValue4;
var value5;
var isThemeLight3;
var moduleValue6;
var items3;
var moduleValue8;
var value8;
var WHITE;
var moduleValue9;
var getContrastingColor;
var value9;
var value;
let primaryColorBinding = primaryColor;
if (primaryColorBinding != null) {
var binding = env0_0;
if (binding === 'primary') {
value8 = environment.__proto__;
WHITE = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.WHITE;
moduleValue9 = require(3868) /* metro dependency 3868: native */;
getContrastingColor = moduleValue9.getContrastingColor;
primaryColorBinding = primaryColor;
object2 = {base: WHITE};
object2.contrastRatio = (require(3868) /* metro dependency 3868: native */).WCAGContrastRatios.HighContrastText;
value = Reflect.apply(getContrastingColor, moduleValue9, [primaryColorBinding, object2]);
value9 = (require(3868) /* metro dependency 3868: native */).darkenColor(value, 0.5);
return {backgroundColor: [value, value9], borderColor: [value, value9], color: WHITE};
}
if (binding === 'secondary') {
value5 = environment.__proto__;
isThemeLight3 = (require(4002) /* metro dependency 4002: shared */).isThemeLight(theme);
moduleValue6 = require(3868) /* metro dependency 3868: native */;
setColorOpacity = moduleValue6.setColorOpacity;
r6 = isThemeLight3 ? Reflect.apply(setColorOpacity, moduleValue6, ['white',
0.72]) : Reflect.apply(setColorOpacity,
moduleValue6, ['white', 0.24]);
items3 = [r6];
value = (require(4002) /* metro dependency 4002: shared */).isThemeLight(theme);
moduleValue8 = require(3868) /* metro dependency 3868: native */;
setColorOpacity = moduleValue8.setColorOpacity;
r6 = value ? Reflect.apply(setColorOpacity, moduleValue8, ['white', 0.62]) : Reflect.apply(setColorOpacity,
moduleValue8, ['white', 0.34]);
items3[1] = r6;
return {backgroundColor: items3, borderColor: [env1_4, env1_4], color: undefined};
}
if (binding === 'tertiary') {
value2 = environment.__proto__;
isThemeLight2 = (require(4002) /* metro dependency 4002: shared */).isThemeLight(theme);
moduleValue2 = require(3868) /* metro dependency 3868: native */;
setColorOpacity = moduleValue2.setColorOpacity;
r10 = isThemeLight2 ? Reflect.apply(setColorOpacity, moduleValue2, [primaryColor,
0.4]) : Reflect.apply(setColorOpacity, moduleValue2, ['white', 0.1]);
items2 = [r10];
value = (require(4002) /* metro dependency 4002: shared */).isThemeLight(theme);
moduleValue4 = require(3868) /* metro dependency 3868: native */;
items2[1] = value ? moduleValue4.darkenColor(r10, 0.3) : moduleValue4.setColorOpacity('white', 0.2);
return {backgroundColor: items2, borderColor: [env1_4, env1_4], color: undefined};
}
}
return null;
}
function useButtonScaleStylesN() { // fn#38871, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:6309, owner: useButtonScaleStyles.n, offset: 0x010ce7d5, size: 208 bytes, params: 1, frame: 22
const r1 = require.get() > 0 ? (require.get() - importDefault) / require.get() : 1;
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const interpolate = reanimatedRexportModule.interpolate;
let value = env0_0.get();
value = Reflect.apply(interpolate, reanimatedRexportModule, [value, [0, 1], [1, r1]]);
const ON_PRESS_SPRING = (require(4581) /* metro dependency 4581: springPresets */).ON_PRESS_SPRING;
return {transform: [{scale: Reflect.apply(withSpring, springModule, [value, ON_PRESS_SPRING, 'animate-always'])}]};
}
function useButtonPillStylesS() { // fn#38878, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:7329, owner: useButtonPillStyles.s, offset: 0x010cee80, size: 235 bytes, params: 1, frame: 22
const value2 = undefined;
const r11 = (env0_1 == null ? value2 : env0_1.backgroundColor) ?? [env0_2.backgroundInactive,
env0_2.backgroundPressed];
const r5 = (env0_1 == null ? value2 : env0_1.borderColor) ?? [env0_2.borderInactive, env0_2.borderPressed];
const object2 = {};
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
object2.backgroundColor = reanimatedRexportModule.interpolateColor(require.get(), [0, 1], r11);
const value = reanimatedRexportModule;
object2.borderColor = value.interpolateColor(require.get(), [0, 1], r5);
return object2;
}
function _fun38880(a0) { // fn#38880, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:8008, offset: 0x010cf06c, size: 48 bytes, params: 2, frame: 12
env0_3.set(1);
if (importAll != null) {
importAll(a0);
}
}
function _fun38881(a0) { // fn#38881, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:8070, offset: 0x010cf09c, size: 47 bytes, params: 2, frame: 12
env0_3.set(0);
if (env0_2 != null) {
env0_2(a0);
}
}
function _fun38882(a0) { // fn#38882, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:8130, offset: 0x010cf0cb, size: 62 bytes, params: 2, frame: 13
const binding = env0_4;
binding.set(a0.nativeEvent.layout.width);
if (importDefault != null) {
importDefault(a0);
}
}
function _fun38884() { // fn#38884, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:8356, offset: 0x010cf19c, size: 364 bytes, params: 1, frame: 19
var r4;
var r5;
var r1;
var moduleValue2;
var moduleValue3;
var TextStyleSheet;
var property;
var Math;
let value = environment.__proto__;
const iconModule = require(4580) /* metro dependency 4580: Icon */;
const getIconSize = iconModule.getIconSize;
const MEDIUM_BUTTON_ICON_SIZE = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_ICON_SIZE;
const value2 = Reflect.apply(getIconSize, iconModule, [MEDIUM_BUTTON_ICON_SIZE]);
const binding = env0_0;
if (binding === 'sm') {
moduleValue3 = iconModule;
r4 = moduleValue3.getIconSize((require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_ICON_SIZE);
} else if (binding !== 'lg') {
r4 = value2;
} else {
moduleValue2 = require(4580) /* metro dependency 4580: Icon */;
r4 = moduleValue2.getIconSize((require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_ICON_SIZE);
}
if (env0_1) {
if (env0_3 > 1) {
TextStyleSheet = (require(4573) /* metro dependency 4573: Text */).TextStyleSheet;
value = require(4582) /* metro dependency 4582: ButtonConstantsNative */;
property = TextStyleSheet[value.getButtonDefaultTextVariant(env0_0)];
value = require(477) /* metro dependency 477: PlatformUtils */;
r5 = value.isAndroid() ? property.fontSize : property.lineHeight;
if (r4 == null) {
r1 = r4;
} else if (r5 == null) {
r1 = r4;
} else {
Math = global.Math;
value = Math.min(env0_3, env0_2);
Math = global.Math;
value = Math.max(r4, r5 * value);
r1 = value;
function useProfileThemedButtonStyles(a0) { // fn#38866, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:232, offset: 0x010ce374, size: 102 bytes, params: 2, frame: 16
const env0_0 = a0;
const {primaryColor, theme} = (NativeModule).useThemeContext();
return ReactModule.useMemo(_fun38867, [theme, primaryColor, a0]);
function _fun38867() { // fn#38867, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:350, offset: 0x010ce3da, size: 737 bytes, params: 1, frame: 21
var r10;
var r6;
var value2;
var isThemeLight2;
var moduleValue2;
var setColorOpacity;
var object;
var items2;
var moduleValue4;
var value5;
var isThemeLight3;
var moduleValue6;
var items3;
var moduleValue8;
var value8;
var WHITE;
var moduleValue9;
var getContrastingColor;
var value9;
var value;
let primaryColorBinding = primaryColor;
if (primaryColorBinding != null) {
var binding = env0_0;
if (binding === 'primary') {
value8 = environment.__proto__;
WHITE = (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.WHITE;
moduleValue9 = require(3868) /* metro dependency 3868: native */;
getContrastingColor = moduleValue9.getContrastingColor;
primaryColorBinding = primaryColor;
object = {base: WHITE};
object.contrastRatio = (require(3868) /* metro dependency 3868: native */).WCAGContrastRatios.HighContrastText;
value = Reflect.apply(getContrastingColor, moduleValue9, [primaryColorBinding, object]);
value9 = (require(3868) /* metro dependency 3868: native */).darkenColor(value, 0.5);
return {backgroundColor: [value, value9], borderColor: [value, value9], color: WHITE};
}
if (binding === 'secondary') {
value5 = environment.__proto__;
isThemeLight3 = (require(4002) /* metro dependency 4002: shared */).isThemeLight(theme);
moduleValue6 = require(3868) /* metro dependency 3868: native */;
setColorOpacity = moduleValue6.setColorOpacity;
r6 = isThemeLight3 ? Reflect.apply(setColorOpacity, moduleValue6, ['white',
0.72]) : Reflect.apply(setColorOpacity,
moduleValue6, ['white', 0.24]);
items3 = [r6];
value = (require(4002) /* metro dependency 4002: shared */).isThemeLight(theme);
moduleValue8 = require(3868) /* metro dependency 3868: native */;
setColorOpacity = moduleValue8.setColorOpacity;
r6 = value ? Reflect.apply(setColorOpacity, moduleValue8, ['white', 0.62]) : Reflect.apply(setColorOpacity,
moduleValue8, ['white', 0.34]);
items3[1] = r6;
return {backgroundColor: items3, borderColor: [env1_4, env1_4], color: undefined};
}
if (binding === 'tertiary') {
value2 = environment.__proto__;
isThemeLight2 = (require(4002) /* metro dependency 4002: shared */).isThemeLight(theme);
moduleValue2 = require(3868) /* metro dependency 3868: native */;
setColorOpacity = moduleValue2.setColorOpacity;
r10 = isThemeLight2 ? Reflect.apply(setColorOpacity, moduleValue2, [primaryColor,
0.4]) : Reflect.apply(setColorOpacity, moduleValue2, ['white', 0.1]);
items2 = [r10];
value = (require(4002) /* metro dependency 4002: shared */).isThemeLight(theme);
moduleValue4 = require(3868) /* metro dependency 3868: native */;
items2[1] = value ? moduleValue4.darkenColor(r10, 0.3) : moduleValue4.setColorOpacity('white', 0.2);
return {backgroundColor: items2, borderColor: [env1_4, env1_4], color: undefined};
}
}
} else {
r1 = r4;
return null;
}
} else {
r1 = r4;
}
return {width: r1, height: r1};
function useForegroundColor(a0) { // fn#38868, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:2051, offset: 0x010ce6bb, size: 49 bytes, params: 2, frame: 12
return (UseTokenModule).useToken(env0_7[a0]);
}
function useButtonTextColorStyles(a0) { // fn#38869, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:4922, offset: 0x010ce6ec, size: 55 bytes, params: 2, frame: 14
const value2 = undefined;
const value3 = useProfileThemedButtonStyles(a0);
return {color: (value3 == null ? value2 : value3.color) ?? useForegroundColor(a0)};
}
function useButtonScaleStyles(a0, a1, a2) { // fn#38870, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:6236, offset: 0x010ce723, size: 178 bytes, params: 4, frame: 20
const env0_0 = a0;
const env0_1 = a1;
const env0_2 = a2;
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const useButtonScaleStylesN2 = useButtonScaleStylesN;
const object = {width: a1, scaleAmountInPx: a2};
object.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object.interpolate = ReanimatedRexportModule.interpolate;
object.pressed = a0;
const ON_PRESS_SPRING = (SpringPresetsModule).ON_PRESS_SPRING;
object.ON_PRESS_SPRING = ON_PRESS_SPRING;
useButtonScaleStylesN2.__closure = object;
useButtonScaleStylesN2.__workletHash = 17256006845494;
useButtonScaleStylesN2.__initData = env0_10;
return Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [useButtonScaleStylesN2]);
function useButtonScaleStylesN() { // fn#38871, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:6309, owner: useButtonScaleStyles.n, offset: 0x010ce7d5, size: 208 bytes, params: 1, frame: 22
const r1 = require.get() > 0 ? (require.get() - importDefault) / require.get() : 1;
const withSpring = SpringModule.withSpring;
const interpolate = ReanimatedRexportModule.interpolate;
let value = env0_0.get();
value = Reflect.apply(interpolate, ReanimatedRexportModule, [value, [0, 1], [1, r1]]);
const ON_PRESS_SPRING = (SpringPresetsModule).ON_PRESS_SPRING;
return {transform: [{scale: Reflect.apply(withSpring, SpringModule, [value, ON_PRESS_SPRING, 'animate-always'])}]};
}
}
function _fun38874(a0) { // fn#38874, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:2157, offset: 0x010ce8b5, size: 1269 bytes, params: 2, frame: 15
var object;
var colors;
if (a0 === 'primary') {
object = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundInactive = colors.CONTROL_PRIMARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundPressed = colors.CONTROL_PRIMARY_BACKGROUND_ACTIVE;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.borderInactive = colors.CONTROL_PRIMARY_BORDER_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.borderPressed = colors.CONTROL_PRIMARY_BORDER_ACTIVE;
return object;
}
if (a0 === 'secondary') {
object = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundInactive = colors.CONTROL_SECONDARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundPressed = colors.CONTROL_SECONDARY_BACKGROUND_ACTIVE;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.borderInactive = colors.CONTROL_SECONDARY_BORDER_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.borderPressed = colors.CONTROL_SECONDARY_BORDER_ACTIVE;
return object;
}
if (a0 === 'tertiary') {
object = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundInactive = colors.REDESIGN_BUTTON_TERTIARY_BACKGROUND;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundPressed = colors.REDESIGN_BUTTON_TERTIARY_PRESSED_BACKGROUND;
object.borderInactive = env0_4;
object.borderPressed = env0_4;
return object;
}
if (a0 === 'critical-primary') {
object = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundInactive = colors.CONTROL_CRITICAL_PRIMARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundPressed = colors.CONTROL_CRITICAL_PRIMARY_BACKGROUND_ACTIVE;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.borderInactive = colors.CONTROL_CRITICAL_PRIMARY_BORDER_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.borderPressed = colors.CONTROL_CRITICAL_PRIMARY_BORDER_ACTIVE;
return object;
}
if (a0 === 'destructive') {
object = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundInactive = colors.CONTROL_CRITICAL_PRIMARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundPressed = colors.CONTROL_CRITICAL_PRIMARY_BACKGROUND_ACTIVE;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.borderInactive = colors.CONTROL_CRITICAL_PRIMARY_BORDER_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.borderPressed = colors.CONTROL_CRITICAL_PRIMARY_BORDER_ACTIVE;
return object;
}
if (a0 === 'critical-secondary') {
object = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundInactive = colors.CONTROL_CRITICAL_SECONDARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundPressed = colors.CONTROL_CRITICAL_SECONDARY_BACKGROUND_ACTIVE;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.borderInactive = colors.CONTROL_CRITICAL_SECONDARY_BORDER_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.borderPressed = colors.CONTROL_CRITICAL_SECONDARY_BORDER_ACTIVE;
return object;
}
if (a0 === 'active') {
object = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundInactive = colors.CONTROL_CONNECTED_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundPressed = colors.CONTROL_CONNECTED_BACKGROUND_ACTIVE;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.borderInactive = colors.CONTROL_CONNECTED_BORDER_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.borderPressed = colors.CONTROL_CONNECTED_BORDER_ACTIVE;
return object;
}
if (a0 === 'experimental_premium-secondary') {
object = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundInactive = colors.CONTROL_OVERLAY_PRIMARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundPressed = colors.CONTROL_OVERLAY_PRIMARY_BACKGROUND_ACTIVE;
object.borderInactive = env0_4;
object.borderPressed = env0_4;
return object;
}
if (a0 === 'primary-overlay') {
object = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundInactive = colors.CONTROL_OVERLAY_PRIMARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundPressed = colors.CONTROL_OVERLAY_PRIMARY_BACKGROUND_ACTIVE;
object.borderInactive = env0_4;
object.borderPressed = env0_4;
return object;
}
if (a0 === 'secondary-overlay') {
object = {};
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundInactive = colors.CONTROL_OVERLAY_SECONDARY_BACKGROUND_DEFAULT;
colors = (importDefault(697) /* metro dependency 697: native */).colors;
object.backgroundPressed = colors.CONTROL_OVERLAY_SECONDARY_BACKGROUND_ACTIVE;
object.borderInactive = env0_4;
object.borderPressed = env0_4;
return object;
}
if (a0 === 'experimental_welcome-secondary') {
return {backgroundInactive: env0_5, backgroundPressed: env0_6, borderInactive: env0_4, borderPressed: env0_4};
}
if (a0 === 'experimental_premium-primary') {
object = {};
object.backgroundInactive = env0_4;
object.backgroundPressed = (importDefault(697) /* metro dependency 697: native */).colors.REDESIGN_BUTTON_PREMIUM_PRIMARY_PRESSED_BACKGROUND;
object.borderInactive = env0_4;
object.borderPressed = env0_4;
return object;
}
if (a0 === 'icon-only') {
object = {};
object.backgroundInactive = env0_4;
object.backgroundPressed = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_ICON_ONLY_BACKGROUND_ACTIVE;
object.borderInactive = env0_4;
object.borderPressed = env0_4;
return object;
}
if (a0 === 'expressive') {
return {backgroundInactive: env0_4, backgroundPressed: env0_4, borderInactive: env0_4, borderPressed: env0_4};
}
}
function useGradientPillStyles(a0) { // fn#38876, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:7115, offset: 0x010cedc9, size: 32 bytes, params: 2, frame: 12
const object = {};
object.borderColor = env0_8(a0).borderInactive;
return object;
}
function useButtonPillStyles(a0, a1) { // fn#38877, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:7212, offset: 0x010cede9, size: 151 bytes, params: 3, frame: 20
const env0_0 = a1;
const value2 = useProfileThemedButtonStyles(a0);
const value3 = env0_8(a0);
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const useButtonPillStylesS2 = useButtonPillStylesS;
const object = {themedStyles: value2, colors: value3};
object.interpolateColor = ReanimatedRexportModule.interpolateColor;
object.pressed = a1;
useButtonPillStylesS2.__closure = object;
useButtonPillStylesS2.__workletHash = 2383933325137;
useButtonPillStylesS2.__initData = env0_9;
return Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [useButtonPillStylesS2]);
function useButtonPillStylesS() { // fn#38878, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:7329, owner: useButtonPillStyles.s, offset: 0x010cee80, size: 235 bytes, params: 1, frame: 22
const value2 = undefined;
const r11 = (env0_1 == null ? value2 : env0_1.backgroundColor) ?? [env0_2.backgroundInactive,
env0_2.backgroundPressed];
const r5 = (env0_1 == null ? value2 : env0_1.borderColor) ?? [env0_2.borderInactive, env0_2.borderPressed];
const object = {};
object.backgroundColor = ReanimatedRexportModule.interpolateColor(require.get(), [0, 1], r11);
object.borderColor = ReanimatedRexportModule.interpolateColor(require.get(), [0, 1], r5);
return object;
}
}
function useButtonPressAnimationProps(a0) { // fn#38879, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:7851, offset: 0x010cef6b, size: 257 bytes, params: 2, frame: 24
let value = a0;
const value2 = a1;
const r5 = value2 !== undefined ? value2 : 8;
const env0_0 = a2;
const env0_1 = a3;
const env0_2 = a4;
const r3 = value ?? (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0);
const env0_3 = r3;
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
value = value.useSharedValue(0);
const object = {};
object.onPressIn = env0_3.useCallback(_fun38880, [r3, a3]);
object.onPressOut = env0_3.useCallback(_fun38881, [r3, a4]);
object.onLayout = env0_3.useCallback(_fun38882, [value, a2]);
object.style = useButtonScaleStyles(r3, value, r5);
return object;
function _fun38880(a0) { // fn#38880, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:8008, offset: 0x010cf06c, size: 48 bytes, params: 2, frame: 12
env0_3.set(1);
if (importAll != null) {
importAll(a0);
}
}
function _fun38881(a0) { // fn#38881, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:8070, offset: 0x010cf09c, size: 47 bytes, params: 2, frame: 12
env0_3.set(0);
if (env0_2 != null) {
env0_2(a0);
}
}
function _fun38882(a0) { // fn#38882, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:8130, offset: 0x010cf0cb, size: 62 bytes, params: 2, frame: 13
const binding = env0_4;
binding.set(a0.nativeEvent.layout.width);
if (importDefault != null) {
importDefault(a0);
}
}
}
function useIconSizeStyles(a0) { // fn#38883, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:8247, offset: 0x010cf109, size: 147 bytes, params: 2, frame: 18
const value = a1;
const value2 = a2;
const env0_0 = a0;
const r6 = value !== undefined ? value : false;
const r5 = value2 !== undefined ? value2 : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).BUTTON_DEFAULT_MAX_FONT_SIZE_MULTIPLIER;
const value3 = (UseFontScaleModule).useFontScale();
return value3.useMemo(_fun38884, [a0, r6, r5, value3]);
function _fun38884() { // fn#38884, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4761:8356, offset: 0x010cf19c, size: 364 bytes, params: 1, frame: 19
var r4;
var r5;
var r1;
var moduleValue2;
var moduleValue3;
var TextStyleSheet;
var property;
var Math;
let value = environment.__proto__;
const iconModule = require(4580) /* metro dependency 4580: Icon */;
const getIconSize = iconModule.getIconSize;
const MEDIUM_BUTTON_ICON_SIZE = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_ICON_SIZE;
const value2 = Reflect.apply(getIconSize, iconModule, [MEDIUM_BUTTON_ICON_SIZE]);
const binding = env0_0;
if (binding === 'sm') {
moduleValue3 = iconModule;
r4 = moduleValue3.getIconSize((require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_ICON_SIZE);
} else if (binding !== 'lg') {
r4 = value2;
} else {
moduleValue2 = require(4580) /* metro dependency 4580: Icon */;
r4 = moduleValue2.getIconSize((require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_ICON_SIZE);
}
if (env0_1) {
if (ReactModule > 1) {
TextStyleSheet = (require(4573) /* metro dependency 4573: Text */).TextStyleSheet;
value = require(4582) /* metro dependency 4582: ButtonConstantsNative */;
property = TextStyleSheet[value.getButtonDefaultTextVariant(env0_0)];
value = require(477) /* metro dependency 477: PlatformUtils */;
r5 = value.isAndroid() ? property.fontSize : property.lineHeight;
if (r4 == null) {
r1 = r4;
} else if (r5 == null) {
r1 = r4;
} else {
Math = global.Math;
value = Math.min(ReactModule, env0_2);
Math = global.Math;
value = Math.max(r4, r5 * value);
r1 = value;
}
} else {
r1 = r4;
}
} else {
r1 = r4;
}
return {width: r1, height: r1};
}
}
}
global.__d(_fun38865, 4583, [31, 4501, 3868, 697, 4002, 3860, 4017, 4577, 4581, 4582, 4584, 4580, 4573, 477,
2]) /* metro module 4583, dependencies: [31, 4501, 3868, 697, 4002, 3860, 4017, 4577, 4581, 4582, 4584, 4580, 4573, 477, 2] */;
sources/design/components/Button/native/ButtonPill.native.tsx
+302 -269
View File
@@ -1,14 +1,21 @@
/* Metro module 4587; source: design/components/Button/native/ButtonPill.native.tsx; dependencies: [57, 31, 27, 33, 4582, 4501, 697, 4583, 3868, 3860, 4588, 4589, 4017, 4002, 4593, 3875, 4577, 4581, 2] */
import Module00057 from '../../../../by-id/module-00057.js'; /* Metro dependency 57 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as AccessibilityPreferencesContextModule from '../../../../external/discord_common/js/packages/design/components/AccessibilityPreferencesContext/AccessibilityPreferencesContext.tsx'; /* Metro dependency 3875 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as SpringModule from '../../../animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
import * as SpringPresetsModule from '../../../animation/reanimated/spring/springPresets.tsx'; /* Metro dependency 4581 */
function _fun38896(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38896, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:6, offset: 0x010cfaf2, size: 505 bytes, params: 8, frame: 23
const env0_0 = require;
const closure = BasicButtonPill;
const closure2 = LoadingButtonPill;
const closure3 = useLoadingStyles;
const BasicButtonPill2 = BasicButtonPill;
const LoadingButtonPill2 = LoadingButtonPill;
const useLoadingStyles2 = useLoadingStyles;
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 */;
let value = require(27) /* metro dependency 27 */;
let value = ReactNativeModule;
const env0_5 = value.View;
const env0_6 = value.StyleSheet;
value = require(33) /* metro dependency 33 */;
@@ -30,285 +37,311 @@ function _fun38896(global, require, importDefault, importAll, module, exports, d
const LARGE_BUTTON_HEIGHT = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_HEIGHT;
const LARGE_BUTTON_ICON_SIZE = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_ICON_SIZE;
const env0_13 = Reflect.apply(getButtonPadding, value, [LARGE_BUTTON_HEIGHT, LARGE_BUTTON_ICON_SIZE]);
const env0_14 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun38905);
const env0_14 = (CreateStylesModule).createStyles(_fun38905);
object = {code: "function ButtonPillNativeTsx1(){const{withSpring,loading,SUBTLE_SPRING,useReducedMotion,withDelay,FADE_DELAY,offsetY}=this.__closure;const opacityTransition=withSpring(loading?0:1,SUBTLE_SPRING,'animate-always');if(useReducedMotion){return{opacity:loading?opacityTransition:withDelay(FADE_DELAY,opacityTransition),transform:[{translateY:0}]};}return{opacity:opacityTransition,transform:[{translateY:withSpring(loading?-1*offsetY:0,SUBTLE_SPRING)}]};}"};
object = {code: "function ButtonPillNativeTsx2(){const{withSpring,loading,SUBTLE_SPRING,useReducedMotion,withDelay,FADE_DELAY,offsetY}=this.__closure;const opacityTransition=withSpring(loading?1:0,SUBTLE_SPRING,'animate-always');if(useReducedMotion){return{opacity:loading?withDelay(FADE_DELAY,opacityTransition):opacityTransition,transform:[{translateY:0}]};}return{opacity:opacityTransition,transform:[{translateY:withSpring(loading?0:offsetY,SUBTLE_SPRING)}]};}"};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/ButtonPill.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/ButtonPill.native.tsx');
exports.ButtonPill = ButtonPill;
exports.BasicButtonPill = closure;
exports.LoadingButtonPill = closure2;
exports.useLoadingStyles = closure3;
}
function PillWrapper({children, variant, style, pressed, shiny, expressiveRiveRef, expressivePressState, size}) { // fn#38897, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:1609, offset: 0x010cfceb, size: 847 bytes, params: 2, frame: 33
var r5;
var object2;
var value7;
var object4;
var expressivePill;
var ExpressiveButtonRive;
var object6;
var items2;
shiny = !(shiny === undefined) && shiny;
const value2 = require(dependencyMap[7]).useButtonPillStyles(variant, pressed);
const value3 = require(dependencyMap[7]).useGradientPillStyles(variant);
const moduleValue3 = require(dependencyMap[8]);
const useThemeContext = moduleValue3.useThemeContext;
const theme = Reflect.apply(useThemeContext, moduleValue3, []).theme;
const styles = useStyles(variant, size);
const moduleValue4 = require(dependencyMap[9]);
let useToken = moduleValue4.useToken;
const REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT = importDefault(dependencyMap[6]).colors.REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT;
let items = [Reflect.apply(useToken, moduleValue4, [REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT])];
const moduleValue5 = require(dependencyMap[9]);
useToken = moduleValue5.useToken;
const REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT_2 = importDefault(dependencyMap[6]).colors.REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT_2;
items[1] = Reflect.apply(useToken, moduleValue5, [REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT_2]);
const moduleValue6 = require(dependencyMap[9]);
useToken = moduleValue6.useToken;
const REDESIGN_BUTTON_PREMIUM_PRIMARY_PINK_FOR_GRADIENT = importDefault(dependencyMap[6]).colors.REDESIGN_BUTTON_PREMIUM_PRIMARY_PINK_FOR_GRADIENT;
items[2] = Reflect.apply(useToken, moduleValue6, [REDESIGN_BUTTON_PREMIUM_PRIMARY_PINK_FOR_GRADIENT]);
const r10 = shiny ? ((ButtonShine) => <ButtonShine variant={variant} />)(require(dependencyMap[10]).ButtonShine) : null;
const jsxRuntimeEnv0_9Binding = jsxRuntimeEnv0_9;
if (variant === 'experimental_premium-primary') {
items = [((Component) => <Component start={{'x': 0, 'y': 0}} end={{'x': 1, 'y': 0}} style={[style, value3,
StyleSheet.absoluteFill]} colors={items} />)(importDefault(dependencyMap[11]))];
items[1] = ((View) => <View style={[style,
value2]}>{children}{r10}</View>)(importDefault(dependencyMap[12]).View);
object2 = {children: items};
} else {
value7 = variant === 'expressive';
if (value7) {
object4 = {};
expressivePill = styles.expressivePill;
object4.style = [StyleSheet.absoluteFill, expressivePill];
ExpressiveButtonRive = require(dependencyMap[8]).ExpressiveButtonRive;
var expressiveButtonRiveProps2 = {'withReducedMotion': 'short-loop', 'ref': null, 'fit': 'layout',
ref: expressiveRiveRef,
artboard: require(dependencyMap[13]).isThemeLight(theme) ? 'Mobile Expressive Button Lightmode' : 'Mobile Expressive Button Dark Mode'};
object6 = {};
object6.buttonColor = styles.expressiveRiveFill.color;
expressivePill = styles.expressivePill;
object6.cornerRadius = expressivePill.borderRadius;
copyDataProperties(object6, expressivePressState, dependencyMap);
expressiveButtonRiveProps2.dataBinding = object6;
r5 = <View {...object4}><ExpressiveButtonRive {...expressiveButtonRiveProps2} /></View>;
exports.BasicButtonPill = BasicButtonPill2;
exports.LoadingButtonPill = LoadingButtonPill2;
exports.useLoadingStyles = useLoadingStyles2;
function PillWrapper({children, variant, style, pressed, shiny, expressiveRiveRef, expressivePressState, size}) { // fn#38897, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:1609, offset: 0x010cfceb, size: 847 bytes, params: 2, frame: 33
var r5;
var object;
var value7;
var object3;
var expressivePill;
var ExpressiveButtonRive;
var object5;
var items2;
shiny = !(shiny === undefined) && shiny;
const value2 = require(dependencyMap[7]).useButtonPillStyles(variant, pressed);
const value3 = require(dependencyMap[7]).useGradientPillStyles(variant);
const moduleValue3 = require(dependencyMap[8]);
const useThemeContext = moduleValue3.useThemeContext;
const theme = Reflect.apply(useThemeContext, moduleValue3, []).theme;
const styles = useStyles(variant, size);
const moduleValue4 = require(dependencyMap[9]);
let useToken = moduleValue4.useToken;
const REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT = importDefault(dependencyMap[6]).colors.REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT;
let items3 = [Reflect.apply(useToken, moduleValue4, [REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT])];
const moduleValue5 = require(dependencyMap[9]);
useToken = moduleValue5.useToken;
const REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT_2 = importDefault(dependencyMap[6]).colors.REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT_2;
items3[1] = Reflect.apply(useToken, moduleValue5, [REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT_2]);
const moduleValue6 = require(dependencyMap[9]);
useToken = moduleValue6.useToken;
const REDESIGN_BUTTON_PREMIUM_PRIMARY_PINK_FOR_GRADIENT = importDefault(dependencyMap[6]).colors.REDESIGN_BUTTON_PREMIUM_PRIMARY_PINK_FOR_GRADIENT;
items3[2] = Reflect.apply(useToken, moduleValue6, [REDESIGN_BUTTON_PREMIUM_PRIMARY_PINK_FOR_GRADIENT]);
const r10 = (
shiny
? ((ButtonShine) => <ButtonShine variant={variant} />)(require(dependencyMap[10]).ButtonShine)
: null
);
const jsxRuntimeEnv0_9Binding = jsxRuntimeEnv0_9;
if (variant === 'experimental_premium-primary') {
items3 = [
((Component) => <Component start={{'x': 0, 'y': 0}} end={{'x': 1, 'y': 0}} style={[style, value3,
StyleSheet.absoluteFill]} colors={items3} />)(importDefault(dependencyMap[11])),
];
items3[1] = ((View) => <View style={[style,
value2]}>{children}{r10}</View>)(importDefault(dependencyMap[12]).View);
object = {children: items3};
} else {
r5 = value7;
value7 = variant === 'expressive';
if (value7) {
object3 = {};
expressivePill = styles.expressivePill;
object3.style = [StyleSheet.absoluteFill, expressivePill];
ExpressiveButtonRive = require(dependencyMap[8]).ExpressiveButtonRive;
var expressiveButtonRiveProps2 = {'withReducedMotion': 'short-loop', 'ref': null, 'fit': 'layout',
ref: expressiveRiveRef,
artboard: require(dependencyMap[13]).isThemeLight(theme) ? 'Mobile Expressive Button Lightmode' : 'Mobile Expressive Button Dark Mode'};
object5 = {};
object5.buttonColor = styles.expressiveRiveFill.color;
expressivePill = styles.expressivePill;
object5.cornerRadius = expressivePill.borderRadius;
copyDataProperties(object5, expressivePressState, dependencyMap);
expressiveButtonRiveProps2.dataBinding = object5;
r5 = (
<View {...object3}>
<ExpressiveButtonRive {...expressiveButtonRiveProps2} />
</View>
);
} else {
r5 = value7;
}
items2 = [r5];
items2[1] = ((View) => <View style={[style,
value2]}>{children}{r10}</View>)(importDefault(dependencyMap[12]).View);
object = {children: items2};
}
items2 = [r5];
items2[1] = ((View) => <View style={[style,
value2]}>{children}{r10}</View>)(importDefault(dependencyMap[12]).View);
object2 = {children: items2};
return ((Fragment) => <Fragment {...object} />)(jsxRuntimeEnv0_9Binding);
}
return ((Fragment) => <Fragment {...object2} />)(jsxRuntimeEnv0_9Binding);
}
function BasicButtonPill({children, style, pressed, variant, size = require(dependencyMap[4]).DEFAULT_BUTTON_SIZE, shiny, expressiveRiveRef, expressivePressState}) { // fn#38898, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:2766, offset: 0x010d003a, size: 211 bytes, params: 2, frame: 23
variant = variant === undefined ? 'primary' : variant;
shiny = !(shiny === undefined) && shiny;
const styles = useStyles(variant, size);
return (
<PillWrapper
variant={variant}
size={size}
style={[styles.pill, style]}
pressed={pressed}
shiny={shiny}
expressiveRiveRef={expressiveRiveRef}
expressivePressState={expressivePressState}
>
<View style={styles.childContainer}>
function BasicButtonPill({children, style, pressed, variant, size = require(dependencyMap[4]).DEFAULT_BUTTON_SIZE, shiny, expressiveRiveRef, expressivePressState}) { // fn#38898, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:2766, offset: 0x010d003a, size: 211 bytes, params: 2, frame: 23
variant = variant === undefined ? 'primary' : variant;
shiny = !(shiny === undefined) && shiny;
const styles = useStyles(variant, size);
return (
<PillWrapper
variant={variant}
size={size}
style={[styles.pill, style]}
pressed={pressed}
shiny={shiny}
expressiveRiveRef={expressiveRiveRef}
expressivePressState={expressivePressState}
>
<View style={styles.childContainer}>
{children}
</View>
</PillWrapper>
);
}
function LoadingButtonPill({children, style, pressed, variant, size = require(dependencyMap[4]).DEFAULT_BUTTON_SIZE, loading, loaderSize, expressiveRiveRef, expressivePressState}) { // fn#38899, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:3114, offset: 0x010d010d, size: 499 bytes, params: 2, frame: 31
var r8;
var Ellipsis;
variant = variant === undefined ? 'primary' : variant;
loading = !(loading === undefined) && loading;
const styles = useStyles(variant, size);
const env0_1 = ReactModule.useRef(null);
const [property, env0_2] = Module00057(ReactModule.useState(loading), 2);
ReactModule.useEffect(_fun38900, [loading]);
const value5 = Module00057(useLoadingStyles(loading, size), 2);
const property2 = value5[0];
const property3 = value5[1];
const pillWrapperBindingProps = {variant: variant, size: size, style: [styles.pill, style], pressed: pressed,
expressiveRiveRef: expressiveRiveRef, expressivePressState: expressivePressState};
let View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const view = (
<View style={[styles.childContainer, property2]}>
{children}
</View>
</PillWrapper>
);
}
);
View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const items4 = [styles.ellipsis, property3];
if (property) {
Ellipsis = (require(4593) /* metro dependency 4593: ButtonEllipsisNative */).Ellipsis;
size = loaderSize ?? size;
r8 = <Ellipsis variant={variant} size={size} />;
} else {
r8 = property;
}
return (
<PillWrapper {...pillWrapperBindingProps}>
{view}
<View style={items4}>
{r8}
</View>
</PillWrapper>
);
function _fun38900() { // fn#38900, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:3379, offset: 0x010d0300, size: 107 bytes, params: 1, frame: 15
if (env0_1.current != null) {
global.clearTimeout(env0_1.current);
}
if (loading) {
env0_2(true);
} else {
env0_1.current = global.setTimeout(_fun38901, 500);
}
function _fun38901() { // fn#38901, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:3455, offset: 0x010d036b, size: 18 bytes, params: 1, frame: 11
env1_2(false);
}
}
function LoadingButtonPill({children, style, pressed, variant, size = require(dependencyMap[4]).DEFAULT_BUTTON_SIZE, loading, loaderSize, expressiveRiveRef, expressivePressState}) { // fn#38899, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:3114, offset: 0x010d010d, size: 499 bytes, params: 2, frame: 31
var r8;
var Ellipsis;
variant = variant === undefined ? 'primary' : variant;
loading = !(loading === undefined) && loading;
const styles = useStyles(variant, size);
const env0_1 = env0_4.useRef(null);
const [property, env0_2] = env0_3(env0_4.useState(loading), 2);
env0_4.useEffect(_fun38900, [loading]);
const value5 = env0_3(useLoadingStyles(loading, size), 2);
const property2 = value5[0];
const property3 = value5[1];
const pillWrapperBindingProps = {variant: variant, size: size, style: [styles.pill, style], pressed: pressed,
expressiveRiveRef: expressiveRiveRef, expressivePressState: expressivePressState};
let View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const view = <View style={[styles.childContainer, property2]}>{children}</View>;
View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const items4 = [styles.ellipsis, property3];
if (property) {
Ellipsis = (require(4593) /* metro dependency 4593: ButtonEllipsisNative */).Ellipsis;
size = loaderSize ?? size;
r8 = <Ellipsis variant={variant} size={size} />;
} else {
r8 = property;
}
return (
<PillWrapper {...pillWrapperBindingProps}>
{view}
<View style={items4}>
{r8}
</View>
</PillWrapper>
);
}
function useLoadingStyles(a0, a1) { // fn#38902, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:4737, offset: 0x010d037d, size: 404 bytes, params: 3, frame: 24
const env0_0 = a0;
const binding = env0_4;
const useContext = binding.useContext;
const AccessibilityPreferencesContext = (require(3875) /* metro dependency 3875: AccessibilityPreferencesContext */).AccessibilityPreferencesContext;
const enabled = Reflect.apply(useContext, binding, [AccessibilityPreferencesContext]).reducedMotion.enabled;
const value2 = 12;
const r6 = a1 !== 'lg' ? value2 : 18;
const moduleValue = require(dependencyMap[value2]);
let useAnimatedStyle = moduleValue.useAnimatedStyle;
let closure = useLoadingStylesO;
let object = {};
const withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object.withSpring = withSpring;
object.loading = a0;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object.SUBTLE_SPRING = SUBTLE_SPRING;
object.useReducedMotion = enabled;
object.withDelay = require(dependencyMap[value2]).withDelay;
object.FADE_DELAY = env0_10;
object.offsetY = r6;
closure.__closure = object;
closure.__workletHash = 9388603334085;
closure.__initData = env0_15;
object = [Reflect.apply(useAnimatedStyle, moduleValue, [closure])];
const moduleValue2 = require(dependencyMap[value2]);
useAnimatedStyle = moduleValue2.useAnimatedStyle;
closure = useLoadingStylesL;
const object3 = {};
object3.withSpring = withSpring;
object3.loading = a0;
object3.SUBTLE_SPRING = SUBTLE_SPRING;
object3.useReducedMotion = enabled;
object3.withDelay = require(dependencyMap[value2]).withDelay;
object3.FADE_DELAY = env0_10;
object3.offsetY = r6;
closure.__closure = object3;
closure.__workletHash = 8255420825872;
closure.__initData = env0_16;
object[1] = Reflect.apply(useAnimatedStyle, moduleValue2, [closure]);
return object;
}
function useLoadingStyles(a0, a1) { // fn#38902, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:4737, offset: 0x010d037d, size: 404 bytes, params: 3, frame: 24
const env0_0 = a0;
const useContext = ReactModule.useContext;
const AccessibilityPreferencesContext = (AccessibilityPreferencesContextModule).AccessibilityPreferencesContext;
const enabled = Reflect.apply(useContext, ReactModule, [AccessibilityPreferencesContext]).reducedMotion.enabled;
const value2 = 12;
const r6 = a1 !== 'lg' ? value2 : 18;
const moduleValue = require(dependencyMap[value2]);
let useAnimatedStyle = moduleValue.useAnimatedStyle;
let closure = useLoadingStylesO;
let object = {};
const withSpring = (SpringModule).withSpring;
object.withSpring = withSpring;
object.loading = a0;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.SUBTLE_SPRING = SUBTLE_SPRING;
object.useReducedMotion = enabled;
object.withDelay = require(dependencyMap[value2]).withDelay;
object.FADE_DELAY = env0_10;
object.offsetY = r6;
closure.__closure = object;
closure.__workletHash = 9388603334085;
closure.__initData = env0_15;
object = [Reflect.apply(useAnimatedStyle, moduleValue, [closure])];
const moduleValue2 = require(dependencyMap[value2]);
useAnimatedStyle = moduleValue2.useAnimatedStyle;
closure = useLoadingStylesL;
const object2 = {};
object2.withSpring = withSpring;
object2.loading = a0;
object2.SUBTLE_SPRING = SUBTLE_SPRING;
object2.useReducedMotion = enabled;
object2.withDelay = require(dependencyMap[value2]).withDelay;
object2.FADE_DELAY = env0_10;
object2.offsetY = r6;
closure.__closure = object2;
closure.__workletHash = 8255420825872;
closure.__initData = env0_16;
object[1] = Reflect.apply(useAnimatedStyle, moduleValue2, [closure]);
return object;
function useLoadingStylesO() { // fn#38903, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:4909, owner: useLoadingStyles.o, offset: 0x010d0511, size: 271 bytes, params: 1, frame: 22
var moduleValue2;
const value = environment.__proto__;
const withSpring = SpringModule.withSpring;
const r4 = env0_0 ? 0 : 1;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
const value5 = Reflect.apply(withSpring, SpringModule, [r4, SUBTLE_SPRING, 'animate-always']);
const enabledBinding = enabled;
const object = {};
if (enabledBinding) {
object.opacity = env0_0 ? value5 : (require(4017) /* metro dependency 4017: ReanimatedRexport */).withDelay(env1_10,
value5);
object.transform = [{translateY: 0}];
} else {
object.opacity = value5;
moduleValue2 = SpringModule;
object.transform = [{translateY: moduleValue2.withSpring(env0_0 ? -1 * env0_2 : 0, SUBTLE_SPRING)}];
}
return object;
}
function useLoadingStylesL() { // fn#38904, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:5399, owner: useLoadingStyles.l, offset: 0x010d0620, size: 261 bytes, params: 1, frame: 23
var moduleValue2;
const value = environment.__proto__;
const withSpring = SpringModule.withSpring;
const value3 = 0;
const r5 = env0_0 ? 1 : value3;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
const value5 = Reflect.apply(withSpring, SpringModule, [r5, SUBTLE_SPRING, 'animate-always']);
const enabledBinding = enabled;
const object = {};
if (enabledBinding) {
object.opacity = env0_0 ? (require(4017) /* metro dependency 4017: ReanimatedRexport */).withDelay(env1_10,
value5) : value5;
object.transform = [{translateY: value3}];
} else {
object.opacity = value5;
moduleValue2 = SpringModule;
object.transform = [{translateY: moduleValue2.withSpring(env0_0 ? value3 : env0_2, SUBTLE_SPRING)}];
}
return object;
}
function _fun38905(a0, a1) { // fn#38905, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:483, offset: 0x010d0725, size: 574 bytes, params: 3, frame: 19
var r7;
const LARGE_BUTTON_HEIGHT = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_HEIGHT;
const MEDIUM_BUTTON_HEIGHT = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_HEIGHT;
const SMALL_BUTTON_HEIGHT = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_HEIGHT;
let object3 = {};
if (a1 === 'sm') {
object3 = {};
object3.minHeight = SMALL_BUTTON_HEIGHT;
object3.minWidth = SMALL_BUTTON_HEIGHT;
object3.paddingHorizontal = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_HORIZONTAL_PADDING;
object3.paddingVertical = env0_11;
r7 = object3;
} else if (a1 === 'md') {
object3 = {};
object3.minHeight = MEDIUM_BUTTON_HEIGHT;
object3.minWidth = MEDIUM_BUTTON_HEIGHT;
object3.paddingHorizontal = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_HORIZONTAL_PADDING;
object3.paddingVertical = env0_12;
r7 = object3;
} else if (a1 !== 'lg') {
r7 = object3;
} else {
object3 = {};
object3.minHeight = LARGE_BUTTON_HEIGHT;
object3.minWidth = LARGE_BUTTON_HEIGHT;
object3.paddingHorizontal = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_HORIZONTAL_PADDING;
object3.paddingVertical = env0_13;
r7 = object3;
}
const r3 = a1 === 'lg' ? (importDefault(697) /* metro dependency 697: native */).modules.button.BORDER_RADIUS_LG : (importDefault(697) /* metro dependency 697: native */).modules.button.BORDER_RADIUS;
object3 = {};
const object4 = {'flexDirection': 'row', 'alignItems': 'center', 'justifyContent': 'center', 'overflow': 'hidden'};
const BUTTON_BORDER_WIDTH = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).BUTTON_BORDER_WIDTH;
object4.borderWidth = BUTTON_BORDER_WIDTH;
object4.borderRadius = r3;
copyDataProperties(object4, r7, require);
object3.pill = object4;
object3.expressivePill = {overflow: 'hidden', borderRadius: r3};
const CONTROL_EXPRESSIVE_BACKGROUND_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_EXPRESSIVE_BACKGROUND_DEFAULT;
object3.expressiveRiveFill = {color: CONTROL_EXPRESSIVE_BACKGROUND_DEFAULT};
object3.childContainer = {'flexDirection': 'row', 'alignItems': 'center', 'justifyContent': 'center', 'flexGrow': 1,
'maxWidth': '100%'};
object3.ellipsis = {'position': 'absolute', 'height': '100%', 'width': '100%', 'justifyContent': 'center',
'alignItems': 'center'};
return object3;
}
function ButtonPill(a0) { // fn#38906, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:5958, offset: 0x010d0963, size: 81 bytes, params: 2, frame: 14
return a0.loading == null ? <BasicButtonPill {...a0} /> : <LoadingButtonPill {...a0} />;
}
function _fun38900() { // fn#38900, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:3379, offset: 0x010d0300, size: 107 bytes, params: 1, frame: 15
if (env0_1.current != null) {
global.clearTimeout(env0_1.current);
function _fun38905(a0, a1) { // fn#38905, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:483, offset: 0x010d0725, size: 574 bytes, params: 3, frame: 19
var r7;
const LARGE_BUTTON_HEIGHT = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_HEIGHT;
const MEDIUM_BUTTON_HEIGHT = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_HEIGHT;
const SMALL_BUTTON_HEIGHT = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_HEIGHT;
let object = {};
if (a1 === 'sm') {
object = {};
object.minHeight = SMALL_BUTTON_HEIGHT;
object.minWidth = SMALL_BUTTON_HEIGHT;
object.paddingHorizontal = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_HORIZONTAL_PADDING;
object.paddingVertical = env0_11;
r7 = object;
} else if (a1 === 'md') {
object = {};
object.minHeight = MEDIUM_BUTTON_HEIGHT;
object.minWidth = MEDIUM_BUTTON_HEIGHT;
object.paddingHorizontal = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_HORIZONTAL_PADDING;
object.paddingVertical = env0_12;
r7 = object;
} else if (a1 !== 'lg') {
r7 = object;
} else {
object = {};
object.minHeight = LARGE_BUTTON_HEIGHT;
object.minWidth = LARGE_BUTTON_HEIGHT;
object.paddingHorizontal = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_HORIZONTAL_PADDING;
object.paddingVertical = env0_13;
r7 = object;
}
const r3 = a1 === 'lg' ? (importDefault(697) /* metro dependency 697: native */).modules.button.BORDER_RADIUS_LG : (importDefault(697) /* metro dependency 697: native */).modules.button.BORDER_RADIUS;
object = {};
const object2 = {'flexDirection': 'row', 'alignItems': 'center', 'justifyContent': 'center', 'overflow': 'hidden'};
const BUTTON_BORDER_WIDTH = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).BUTTON_BORDER_WIDTH;
object2.borderWidth = BUTTON_BORDER_WIDTH;
object2.borderRadius = r3;
copyDataProperties(object2, r7, require);
object.pill = object2;
object.expressivePill = {overflow: 'hidden', borderRadius: r3};
const CONTROL_EXPRESSIVE_BACKGROUND_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_EXPRESSIVE_BACKGROUND_DEFAULT;
object.expressiveRiveFill = {color: CONTROL_EXPRESSIVE_BACKGROUND_DEFAULT};
object.childContainer = {'flexDirection': 'row', 'alignItems': 'center', 'justifyContent': 'center', 'flexGrow': 1,
'maxWidth': '100%'};
object.ellipsis = {'position': 'absolute', 'height': '100%', 'width': '100%', 'justifyContent': 'center',
'alignItems': 'center'};
return object;
}
if (loading) {
env0_2(true);
} else {
env0_1.current = global.setTimeout(_fun38901, 500);
function ButtonPill(a0) { // fn#38906, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:5958, offset: 0x010d0963, size: 81 bytes, params: 2, frame: 14
return (
a0.loading == null
? (
<BasicButtonPill {...a0} />
)
: (
<LoadingButtonPill {...a0} />
)
);
}
}
function useLoadingStylesO() { // fn#38903, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:4909, owner: useLoadingStyles.o, offset: 0x010d0511, size: 271 bytes, params: 1, frame: 22
var moduleValue2;
const value = environment.__proto__;
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const r4 = env0_0 ? 0 : 1;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
const value5 = Reflect.apply(withSpring, springModule, [r4, SUBTLE_SPRING, 'animate-always']);
const enabledBinding = enabled;
const object2 = {};
if (enabledBinding) {
object2.opacity = env0_0 ? value5 : (require(4017) /* metro dependency 4017: ReanimatedRexport */).withDelay(env1_10,
value5);
object2.transform = [{translateY: 0}];
} else {
object2.opacity = value5;
moduleValue2 = springModule;
object2.transform = [{translateY: moduleValue2.withSpring(env0_0 ? -1 * env0_2 : 0, SUBTLE_SPRING)}];
}
return object2;
}
function useLoadingStylesL() { // fn#38904, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4765:5399, owner: useLoadingStyles.l, offset: 0x010d0620, size: 261 bytes, params: 1, frame: 23
var moduleValue2;
const value = environment.__proto__;
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const value3 = 0;
const r5 = env0_0 ? 1 : value3;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
const value5 = Reflect.apply(withSpring, springModule, [r5, SUBTLE_SPRING, 'animate-always']);
const enabledBinding = enabled;
const object2 = {};
if (enabledBinding) {
object2.opacity = env0_0 ? (require(4017) /* metro dependency 4017: ReanimatedRexport */).withDelay(env1_10,
value5) : value5;
object2.transform = [{translateY: value3}];
} else {
object2.opacity = value5;
moduleValue2 = springModule;
object2.transform = [{translateY: moduleValue2.withSpring(env0_0 ? value3 : env0_2, SUBTLE_SPRING)}];
}
return object2;
}
global.__d(_fun38896, 4587, [57, 31, 27, 33, 4582, 4501, 697, 4583, 3868, 3860, 4588, 4589, 4017, 4002, 4593, 3875,
4577, 4581,
2]) /* metro module 4587, dependencies: [57, 31, 27, 33, 4582, 4501, 697, 4583, 3868, 3860, 4588, 4589, 4017, 4002, 4593, 3875, 4577, 4581, 2] */;
sources/design/components/Button/native/ButtonShine.native.tsx
+112 -105
View File
@@ -1,117 +1,124 @@
/* Metro module 4588; source: design/components/Button/native/ButtonShine.native.tsx; dependencies: [57, 31, 33, 4583, 674, 4002, 4017, 4504, 4501, 2] */
import Module00057 from '../../../../by-id/module-00057.js'; /* Metro dependency 57 */
import Module00674 from '../../../../by-id/module-00674.js'; /* Metro dependency 674 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as SharedModule from '../../../shared.tsx'; /* Metro dependency 4002 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as ButtonHooksNativeModule from './ButtonHooks.native.tsx'; /* Metro dependency 4583 */
function _fun38907(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38907, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4766:6, offset: 0x010d09b4, size: 189 bytes, params: 8, frame: 20
const env0_0 = require;
const closure = useShineEffectStyles;
const useShineEffectStyles2 = useShineEffectStyles;
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(33) /* metro dependency 33 */).jsx;
object = {code: "function ButtonShineNativeTsx1(){const{width,SHINE_OFFSCREEN_OFFSET,useReducedMotion,SHINE_WIDTH,withRepeat,withSequence,withTiming,withDelay,SHINE_INITIAL_ANIMATION_DELAY,SHINE_ANIMATION_DURATION}=this.__closure;if(width==null){return{transform:[{translateX:-SHINE_OFFSCREEN_OFFSET}]};}if(useReducedMotion){const centerOffset=(width-SHINE_WIDTH)/2;return{transform:[{translateX:centerOffset}]};}return{transform:[{translateX:withRepeat(withSequence(withTiming(-SHINE_OFFSCREEN_OFFSET,{duration:0},'animate-always'),withDelay(SHINE_INITIAL_ANIMATION_DELAY,withTiming(width+SHINE_OFFSCREEN_OFFSET,{duration:SHINE_ANIMATION_DURATION},'animate-always'))),-1)}]};}"};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/ButtonShine.native.tsx');
exports.useShineEffectStyles = closure;
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/ButtonShine.native.tsx');
exports.useShineEffectStyles = useShineEffectStyles2;
exports.ButtonShine = ButtonShine;
}
function useShineEffectStyles(a0, a1) { // fn#38908, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4766:804, offset: 0x010d0a71, size: 487 bytes, params: 3, frame: 20
const env0_0 = a0;
const value5 = (importDefault(674) /* metro dependency 674 */)((require(4583) /* metro dependency 4583: ButtonHooksNative */).useButtonTextColorStyles(a1).color).alpha(0.1).hex();
const binding = env0_4;
const useContext = binding.useContext;
const AccessibilityPreferencesContext = (require(4002) /* metro dependency 4002: shared */).AccessibilityPreferencesContext;
const enabled = Reflect.apply(useContext, binding, [AccessibilityPreferencesContext]).reducedMotion.enabled;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = useShineEffectStylesO;
let object2 = {width: a0, SHINE_OFFSCREEN_OFFSET: 120, useReducedMotion: enabled, SHINE_WIDTH: 56};
object2.withRepeat = reanimatedRexportModule.withRepeat;
object2.withSequence = reanimatedRexportModule.withSequence;
object2.withTiming = (require(4504) /* metro dependency 4504: timing */).withTiming;
object2.withDelay = reanimatedRexportModule.withDelay;
object2.SHINE_INITIAL_ANIMATION_DELAY = 750;
object2.SHINE_ANIMATION_DURATION = 2000;
closure.__closure = object2;
closure.__workletHash = 15814138938406;
closure.__initData = env0_6;
const value = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
object2 = {};
const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
object2.shineStyles = createStylesModule.createStyles({shineContainer: {'width': '100%', 'height': '200%',
'position': 'absolute', 'overflow': 'hidden'}, shine: {'width': 56, 'height': '500%', 'transform': null,
'backgroundColor': null, 'top': '-100%', 'alignItems': 'center', transform: [{rotate: '30deg'}],
backgroundColor: value5}, shineInner: {'width': 16, 'height': '100%', backgroundColor: value5}})();
object2.shineAnimatedStyle = value;
return object2;
}
function ButtonShine({variant}) { // fn#38910, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4766:2109, offset: 0x010d0d87, size: 226 bytes, params: 2, frame: 20
const [property, env0_0] = env0_3(env0_4.useState(null), 2);
const {shineStyles, shineAnimatedStyle} = useShineEffectStyles(property, variant);
const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const viewProps = {onLayout: onLayout_38911, style: [shineStyles.shineContainer, shineAnimatedStyle]};
const View2 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const shine = shineStyles.shine;
const View3 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
return (
<View {...viewProps}>
<View2 style={shine}>
<View3 style={shineStyles.shineInner} />
</View2>
</View>
);
}
function useShineEffectStylesO() { // fn#38909, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4766:1027, owner: useShineEffectStyles.o, offset: 0x010d0c58, size: 303 bytes, params: 1, frame: 27
var r0;
var enabledBinding;
var object3;
var object4;
var value2;
var moduleValue;
var withRepeat;
var moduleValue2;
var withSequence;
var withTiming;
var value3;
var moduleValue4;
var withDelay;
var moduleValue5;
var value;
if (env0_0 == null) {
r0 = {transform: [{translateX: -120}]};
} else {
enabledBinding = enabled;
object3 = {};
object4 = {};
if (enabledBinding) {
object4.translateX = (env0_0 - 56) / 2;
object3.transform = [object4];
r0 = object3;
} 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(-120, {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_0 + 120;
value = Reflect.apply(withTiming, moduleValue5, [value, {duration: 2000}, 'animate-always']);
value = Reflect.apply(withSequence, moduleValue2, [value3, Reflect.apply(withDelay, moduleValue4, [750,
value])]);
object4.translateX = Reflect.apply(withRepeat, moduleValue, [value, -1]);
object3.transform = [object4];
r0 = object3;
function useShineEffectStyles(a0, a1) { // fn#38908, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4766:804, offset: 0x010d0a71, size: 487 bytes, params: 3, frame: 20
const env0_0 = a0;
const value5 = (Module00674)((ButtonHooksNativeModule).useButtonTextColorStyles(a1).color).alpha(0.1).hex();
const useContext = ReactModule.useContext;
const AccessibilityPreferencesContext = (SharedModule).AccessibilityPreferencesContext;
const enabled = Reflect.apply(useContext, ReactModule, [AccessibilityPreferencesContext]).reducedMotion.enabled;
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const useShineEffectStylesO2 = useShineEffectStylesO;
let object = {width: a0, SHINE_OFFSCREEN_OFFSET: 120, useReducedMotion: enabled, SHINE_WIDTH: 56};
object.withRepeat = ReanimatedRexportModule.withRepeat;
object.withSequence = ReanimatedRexportModule.withSequence;
object.withTiming = (require(4504) /* metro dependency 4504: timing */).withTiming;
object.withDelay = ReanimatedRexportModule.withDelay;
object.SHINE_INITIAL_ANIMATION_DELAY = 750;
object.SHINE_ANIMATION_DURATION = 2000;
useShineEffectStylesO2.__closure = object;
useShineEffectStylesO2.__workletHash = 15814138938406;
useShineEffectStylesO2.__initData = env0_6;
const value = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [useShineEffectStylesO2]);
object = {};
object.shineStyles = CreateStylesModule.createStyles({shineContainer: {'width': '100%', 'height': '200%',
'position': 'absolute', 'overflow': 'hidden'}, shine: {'width': 56, 'height': '500%', 'transform': null,
'backgroundColor': null, 'top': '-100%', 'alignItems': 'center', transform: [{rotate: '30deg'}],
backgroundColor: value5}, shineInner: {'width': 16, 'height': '100%', backgroundColor: value5}})();
object.shineAnimatedStyle = value;
return object;
function useShineEffectStylesO() { // fn#38909, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4766:1027, owner: useShineEffectStyles.o, offset: 0x010d0c58, size: 303 bytes, params: 1, frame: 27
var r0;
var enabledBinding;
var object;
var object2;
var value2;
var moduleValue;
var withRepeat;
var moduleValue2;
var withSequence;
var withTiming;
var value3;
var moduleValue4;
var withDelay;
var moduleValue5;
var value;
if (env0_0 == null) {
r0 = {transform: [{translateX: -120}]};
} else {
enabledBinding = enabled;
object = {};
object2 = {};
if (enabledBinding) {
object2.translateX = (env0_0 - 56) / 2;
object.transform = [object2];
r0 = object;
} 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(-120, {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_0 + 120;
value = Reflect.apply(withTiming, moduleValue5, [value, {duration: 2000}, 'animate-always']);
value = Reflect.apply(withSequence, moduleValue2, [value3, Reflect.apply(withDelay, moduleValue4, [750,
value])]);
object2.translateX = Reflect.apply(withRepeat, moduleValue, [value, -1]);
object.transform = [object2];
r0 = object;
}
}
return r0;
}
}
function ButtonShine({variant}) { // fn#38910, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4766:2109, offset: 0x010d0d87, size: 226 bytes, params: 2, frame: 20
const [property, env0_0] = Module00057(ReactModule.useState(null), 2);
const {shineStyles, shineAnimatedStyle} = useShineEffectStyles(property, variant);
const View = (ReanimatedRexport).View;
const viewProps = {onLayout: onLayout_38911, style: [shineStyles.shineContainer, shineAnimatedStyle]};
const View2 = (ReanimatedRexport).View;
const shine = shineStyles.shine;
const View3 = (ReanimatedRexport).View;
return (
<View {...viewProps}>
<View2 style={shine}>
<View3 style={shineStyles.shineInner} />
</View2>
</View>
);
function ButtonShineOnLayout({nativeEvent}) { // fn#38911, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4766:2288, owner: ButtonShine.onLayout, offset: 0x010d0e69, size: 36 bytes, params: 2, frame: 11
return env0_0(nativeEvent.layout.width);
}
}
return r0;
}
function ButtonShineOnLayout({nativeEvent}) { // fn#38911, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4766:2288, owner: ButtonShine.onLayout, offset: 0x010d0e69, size: 36 bytes, params: 2, frame: 11
return env0_0(nativeEvent.layout.width);
}
global.__d(_fun38907, 4588, [57, 31, 33, 4583, 674, 4002, 4017, 4504, 4501,
2]) /* metro module 4588, dependencies: [57, 31, 33, 4583, 674, 4002, 4017, 4504, 4501, 2] */;
sources/design/components/Button/native/FloatingActionButton.native.tsx
+98 -90
View File
@@ -1,107 +1,115 @@
/* Metro module 8561; source: design/components/Button/native/FloatingActionButton.native.tsx; dependencies: [31, 33, 4501, 697, 4582, 1357, 4017, 4577, 8342, 2] */
import MobileVisualRefreshExperiment from '../../../../modules/themes/experiments/MobileVisualRefreshExperiment.tsx'; /* Metro dependency 1357 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as SpringModule from '../../../animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
import * as ButtonConstantsNativeModule from './ButtonConstants.native.tsx'; /* Metro dependency 4582 */
import * as BaseIconButtonNativeModule from './BaseIconButton.native.tsx'; /* Metro dependency 8342 */
function _fun67813(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67813, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8746:6, offset: 0x01c32879, size: 220 bytes, params: 8, frame: 18
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(33) /* metro dependency 33 */).jsx;
let value = require(4501) /* metro dependency 4501: createStyles */;
let value = CreateStylesModule;
value = value.createStyles(_fun67814);
const env0_6 = {'mass': 0.5, 'damping': 80, 'stiffness': 320};
object = {code: "function FloatingActionButtonNativeTsx1(){const{withSpring,positionBottom,DEFAULT_POSITION_OFFSET,SPRING_CONFIG,positionRight}=this.__closure;var _positionBottom,_positionRight;return{position:'absolute',bottom:withSpring((_positionBottom=positionBottom)!==null&&_positionBottom!==void 0?_positionBottom:DEFAULT_POSITION_OFFSET,SPRING_CONFIG),right:withSpring((_positionRight=positionRight)!==null&&_positionRight!==void 0?_positionRight:DEFAULT_POSITION_OFFSET,SPRING_CONFIG)};}"};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/FloatingActionButton.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/FloatingActionButton.native.tsx');
exports.DEFAULT_POSITION_OFFSET = 16;
exports.useStyles = value;
exports.FloatingActionButton = FloatingActionButton;
}
function _fun67814() { // fn#67814, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8746:144, offset: 0x01c32955, size: 178 bytes, params: 1, frame: 19
var object4;
const value = a0;
let r2 = value !== undefined ? value : false;
const object6 = {};
const object7 = {};
const SHADOW_HIGH = (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_HIGH;
copyDataProperties(object7, SHADOW_HIGH, undefined);
object6.button = object7;
const object8 = {};
const FAB_BUTTON_SIZE = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).FAB_BUTTON_SIZE;
object8.minWidth = FAB_BUTTON_SIZE;
const FAB_BUTTON_SIZE2 = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).FAB_BUTTON_SIZE;
object8.minHeight = FAB_BUTTON_SIZE2;
object8.padding = 0;
if (r2) {
object4 = {};
object4.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
r2 = object4;
} else {
r2 = {};
function _fun67814() { // fn#67814, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8746:144, offset: 0x01c32955, size: 178 bytes, params: 1, frame: 19
var object;
const value = a0;
let r2 = value !== undefined ? value : false;
const object2 = {};
const object3 = {};
const SHADOW_HIGH = (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_HIGH;
copyDataProperties(object3, SHADOW_HIGH, undefined);
object2.button = object3;
const object5 = {};
const FAB_BUTTON_SIZE = (ButtonConstantsNativeModule).FAB_BUTTON_SIZE;
object5.minWidth = FAB_BUTTON_SIZE;
const FAB_BUTTON_SIZE2 = (ButtonConstantsNativeModule).FAB_BUTTON_SIZE;
object5.minHeight = FAB_BUTTON_SIZE2;
object5.padding = 0;
if (r2) {
object = {};
object.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
r2 = object;
} else {
r2 = {};
}
copyDataProperties(object5, r2, FAB_BUTTON_SIZE);
object2.iconButtonPill = object5;
return object2;
}
copyDataProperties(object8, r2, FAB_BUTTON_SIZE);
object6.iconButtonPill = object8;
return object6;
}
function FloatingActionButton(a0) { // fn#67815, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8746:1023, offset: 0x01c32a07, size: 446 bytes, params: 2, frame: 27
var r8;
var cloneElement;
const icon = a0.icon;
const positionBottom = a0.positionBottom;
const positionRight = a0.positionRight;
const accessibilityLabel = a0.accessibilityLabel;
let object3 = {'icon': 0, 'positionBottom': 0, 'positionRight': 0, 'accessibilityLabel': 0};
silentSetPrototypeOf(object3, null, undefined);
const value = copyDataProperties({}, a0, object3, undefined);
const styles = useStyles((importDefault(1357) /* metro dependency 1357: MobileVisualRefreshExperiment */)('FloatingActionButton'));
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = FloatingActionButtonF;
const object4 = {};
object4.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object4.positionBottom = positionBottom;
object4.DEFAULT_POSITION_OFFSET = 16;
object4.SPRING_CONFIG = env0_6;
object4.positionRight = positionRight;
closure.__closure = object4;
closure.__workletHash = 10762818944671;
closure.__initData = env0_7;
const value4 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const BaseIconButton = (require(8342) /* metro dependency 8342: BaseIconButtonNative */).BaseIconButton;
const baseIconButtonProps = {...value};
baseIconButtonProps['accessibilityLabel'] = accessibilityLabel;
baseIconButtonProps['size'] = 'lg';
baseIconButtonProps['variant'] = 'primary';
let binding = env0_3;
if (binding.isValidElement(icon)) {
binding = env0_3;
cloneElement = binding.cloneElement;
object3 = {};
object3.color = (importDefault(697) /* metro dependency 697: native */).colors.WHITE;
r8 = Reflect.apply(cloneElement, binding, [icon, object3]);
} else {
r8 = icon;
function FloatingActionButton(a0) { // fn#67815, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8746:1023, offset: 0x01c32a07, size: 446 bytes, params: 2, frame: 27
var r8;
var cloneElement;
const icon = a0.icon;
const positionBottom = a0.positionBottom;
const positionRight = a0.positionRight;
const accessibilityLabel = a0.accessibilityLabel;
let object = {'icon': 0, 'positionBottom': 0, 'positionRight': 0, 'accessibilityLabel': 0};
silentSetPrototypeOf(object, null, undefined);
const value = copyDataProperties({}, a0, object, undefined);
const styles = useStyles((MobileVisualRefreshExperiment)('FloatingActionButton'));
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const FloatingActionButtonF2 = FloatingActionButtonF;
const object2 = {};
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.positionBottom = positionBottom;
object2.DEFAULT_POSITION_OFFSET = 16;
object2.SPRING_CONFIG = env0_6;
object2.positionRight = positionRight;
FloatingActionButtonF2.__closure = object2;
FloatingActionButtonF2.__workletHash = 10762818944671;
FloatingActionButtonF2.__initData = env0_7;
const value4 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [FloatingActionButtonF2]);
const View = (ReanimatedRexport).View;
const BaseIconButton = (BaseIconButtonNativeModule).BaseIconButton;
const baseIconButtonProps = {...value};
baseIconButtonProps['accessibilityLabel'] = accessibilityLabel;
baseIconButtonProps['size'] = 'lg';
baseIconButtonProps['variant'] = 'primary';
let binding = ReactModule;
if (binding.isValidElement(icon)) {
binding = ReactModule;
cloneElement = binding.cloneElement;
object = {};
object.color = (importDefault(697) /* metro dependency 697: native */).colors.WHITE;
r8 = Reflect.apply(cloneElement, binding, [icon, object]);
} else {
r8 = icon;
}
baseIconButtonProps['icon'] = r8;
baseIconButtonProps['style'] = styles.button;
baseIconButtonProps['pillStyle'] = styles.iconButtonPill;
return (
<View style={value4}>
<BaseIconButton {...baseIconButtonProps} />
</View>
);
function FloatingActionButtonF() { // fn#67816, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8746:1200, owner: FloatingActionButton.F, offset: 0x01c32bc5, size: 133 bytes, params: 1, frame: 20
const object = {position: 'absolute'};
const withSpring = SpringModule.withSpring;
const positionBottomBinding = positionBottom;
const value3 = 16;
object.bottom = Reflect.apply(withSpring, SpringModule, [positionBottomBinding != null ? positionBottom : value3,
env1_6]);
object.right = SpringModule.withSpring(positionRight ?? value3, env1_6);
return object;
}
}
baseIconButtonProps['icon'] = r8;
baseIconButtonProps['style'] = styles.button;
baseIconButtonProps['pillStyle'] = styles.iconButtonPill;
return (
<View style={value4}>
<BaseIconButton {...baseIconButtonProps} />
</View>
);
}
function FloatingActionButtonF() { // fn#67816, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8746:1200, owner: FloatingActionButton.F, offset: 0x01c32bc5, size: 133 bytes, params: 1, frame: 20
const object2 = {position: 'absolute'};
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const positionBottomBinding = positionBottom;
const value3 = 16;
object2.bottom = Reflect.apply(withSpring, springModule, [positionBottomBinding != null ? positionBottom : value3,
env1_6]);
const moduleValue2 = springModule;
object2.right = moduleValue2.withSpring(positionRight ?? value3, env1_6);
return object2;
}
global.__d(_fun67813, 8561, [31, 33, 4501, 697, 4582, 1357, 4017, 4577, 8342,
2]) /* metro module 8561, dependencies: [31, 33, 4501, 697, 4582, 1357, 4017, 4577, 8342, 2] */;
sources/design/components/Button/native/IconButton.native.tsx
+74 -46
View File
@@ -1,56 +1,84 @@
/* Metro module 8341; source: design/components/Button/native/IconButton.native.tsx; dependencies: [31, 33, 4501, 697, 4585, 8342, 4573, 2] */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as BaseIconButtonNativeModule from './BaseIconButton.native.tsx'; /* Metro dependency 8342 */
function _fun66435(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#66435, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8526:6, offset: 0x01bfb17d, size: 191 bytes, params: 8, frame: 19
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
let value = importAll(31) /* metro dependency 31 */;
const value2 = require(33) /* metro dependency 33 */;
const env0_3 = value2.jsx;
const env0_4 = value2.jsxs;
const env0_5 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun66436);
let value = ReactModule;
const env0_5 = (CreateStylesModule).createStyles(_fun66436);
value = value.forwardRef(_fun66437);
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/IconButton.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/IconButton.native.tsx');
exports.IconButton = value;
}
function _fun66436(a0) { // fn#66436, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8526:157, offset: 0x01bfb23c, size: 114 bytes, params: 2, frame: 15
const object = {};
const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
object.paddingBottom = PX_4;
const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
object.gap = PX_8;
object.alignItems = 'center';
object.alignSelf = 'center';
object.flexGrow = a0 ? 1 : 0;
return {labelPressable: object, label: {textAlign: 'center'}};
}
function _fun66437(a0, a1) { // fn#66437, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8526:336, offset: 0x01bfb2ae, size: 426 bytes, params: 3, frame: 27
var r0;
const BaseIconButton = (require(8342) /* metro dependency 8342: BaseIconButtonNative */).BaseIconButton;
var BaseButton;
const label = a0.label;
const grow = a0.grow;
const accessibilityLabel = a0.accessibilityLabel;
const maxFontSizeMultiplier = a0.maxFontSizeMultiplier;
const accessibilityHint = a0.accessibilityHint;
const object2 = {'label': 0, 'grow': 0, 'accessibilityLabel': 0, 'maxFontSizeMultiplier': 0, 'accessibilityHint': 0};
silentSetPrototypeOf(object2, null, undefined);
let value = copyDataProperties({}, a0, object2, a1);
const styles = useStyles(grow);
if (label != null) {
BaseButton = (require(4585) /* metro dependency 4585: BaseButtonNative */).BaseButton;
var baseButtonProps = {style: styles.labelPressable, ...value};
baseButtonProps['variant'] = 'none';
baseButtonProps['accessibilityLabel'] = accessibilityLabel;
baseButtonProps['accessibilityHint'] = accessibilityHint;
value = <BaseIconButton ref={a1} {...value} {...{['accessibilityRole']: 'none'}} {...{['accessibilityLabel']: ''}} {...{['size']: 'lg'}} {...{['maxFontSizeMultiplier']: maxFontSizeMultiplier}} />;
value = <BaseButton {...baseButtonProps}>{value}{((Text) => <Text style={styles.label} variant="text-xs/medium" color="interactive-text-default" maxFontSizeMultiplier={maxFontSizeMultiplier}>{label}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)}</BaseButton>;
r0 = value;
} else {
value = <BaseIconButton ref={a1} {...value} {...{['accessibilityLabel']: accessibilityLabel}} {...{['accessibilityHint']: accessibilityHint}} {...{['maxFontSizeMultiplier']: maxFontSizeMultiplier}} />;
r0 = value;
function _fun66436(a0) { // fn#66436, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8526:157, offset: 0x01bfb23c, size: 114 bytes, params: 2, frame: 15
const object2 = {};
const PX_4 = (Native).space.PX_4;
object2.paddingBottom = PX_4;
const PX_8 = (Native).space.PX_8;
object2.gap = PX_8;
object2.alignItems = 'center';
object2.alignSelf = 'center';
object2.flexGrow = a0 ? 1 : 0;
return {labelPressable: object2, label: {textAlign: 'center'}};
}
return r0;
function _fun66437(a0, a1) { // fn#66437, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8526:336, offset: 0x01bfb2ae, size: 426 bytes, params: 3, frame: 27
var r0;
const BaseIconButton = (BaseIconButtonNativeModule).BaseIconButton;
var BaseButton;
const label = a0.label;
const grow = a0.grow;
const accessibilityLabel = a0.accessibilityLabel;
const maxFontSizeMultiplier = a0.maxFontSizeMultiplier;
const accessibilityHint = a0.accessibilityHint;
const object = {'label': 0, 'grow': 0, 'accessibilityLabel': 0, 'maxFontSizeMultiplier': 0, 'accessibilityHint': 0};
silentSetPrototypeOf(object, null, undefined);
let value = copyDataProperties({}, a0, object, a1);
const styles = useStyles(grow);
if (label != null) {
BaseButton = (require(4585) /* metro dependency 4585: BaseButtonNative */).BaseButton;
var baseButtonProps = {style: styles.labelPressable, ...value};
baseButtonProps['variant'] = 'none';
baseButtonProps['accessibilityLabel'] = accessibilityLabel;
baseButtonProps['accessibilityHint'] = accessibilityHint;
value = (
<BaseIconButton
ref={a1}
{...value}
{...{['accessibilityRole']: 'none'}}
{...{['accessibilityLabel']: ''}}
{...{['size']: 'lg'}}
{...{['maxFontSizeMultiplier']: maxFontSizeMultiplier}}
/>
);
value = (
<BaseButton {...baseButtonProps}>
{value}
{((Text) => <Text style={styles.label} variant="text-xs/medium" color="interactive-text-default" maxFontSizeMultiplier={maxFontSizeMultiplier}>{label}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)}
</BaseButton>
);
r0 = value;
} else {
value = (
<BaseIconButton
ref={a1}
{...value}
{...{['accessibilityLabel']: accessibilityLabel}}
{...{['accessibilityHint']: accessibilityHint}}
{...{['maxFontSizeMultiplier']: maxFontSizeMultiplier}}
/>
);
r0 = value;
}
return r0;
}
}
global.__d(_fun66435, 8341, [31, 33, 4501, 697, 4585, 8342, 4573,
2]) /* metro module 8341, dependencies: [31, 33, 4501, 697, 4585, 8342, 4573, 2] */;
sources/design/components/Button/native/ImageButton.native.tsx
+156 -100
View File
@@ -1,111 +1,167 @@
/* Metro module 9204; source: design/components/Button/native/ImageButton.native.tsx; dependencies: [31, 27, 33, 4501, 4582, 697, 4583, 4017, 4577, 4581, 4585, 8342, 4573, 2] */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as SpringModule from '../../../animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
import * as SpringPresetsModule from '../../../animation/reanimated/spring/springPresets.tsx'; /* Metro dependency 4581 */
import * as ButtonHooksNativeModule from './ButtonHooks.native.tsx'; /* Metro dependency 4583 */
import * as BaseIconButtonNativeModule from './BaseIconButton.native.tsx'; /* Metro dependency 8342 */
function _fun72027(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#72027, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9389:6, offset: 0x01d36a0d, size: 242 bytes, params: 8, frame: 19
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
let value = importAll(31) /* metro dependency 31 */;
const value2 = require(27) /* metro dependency 27 */;
const env0_4 = value2.View;
const env0_5 = value2.Image;
const value3 = require(33) /* metro dependency 33 */;
const env0_6 = value3.jsx;
const env0_7 = value3.jsxs;
const env0_8 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun72028);
let value = ReactModule;
const env0_8 = (CreateStylesModule).createStyles(_fun72028);
object = {code: "function ImageButtonNativeTsx1(){const{withSpring,pressed,ON_PRESS_SPRING}=this.__closure;return{opacity:withSpring(pressed.get()===1?1:0,ON_PRESS_SPRING,'animate-always')};}"};
value = value.forwardRef(_fun72029);
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/ImageButton.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/ImageButton.native.tsx');
exports.ImageButton = value;
}
function _fun72028(a0, a1, a2) { // fn#72028, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9389:186, offset: 0x01d36aff, size: 371 bytes, params: 4, frame: 17
const LARGE_BUTTON_PADDING = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_PADDING;
const value2 = a1 + 2 * (a0 === 'sm' ? (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_PADDING : a0 !== 'md' ? LARGE_BUTTON_PADDING : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_PADDING);
const object4 = {};
const object5 = {};
const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
object5.paddingBottom = PX_4;
const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
object5.gap = PX_8;
object5.alignItems = 'center';
object5.alignSelf = 'center';
object5.flexGrow = a2 ? 1 : 0;
object4.labelPressable = object5;
const object7 = {'paddingHorizontal': 0, 'paddingVertical': 0};
object7.minHeight = value2;
object7.minWidth = value2;
object7.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
object4.pill = object7;
object4.imageWrapper = {width: value2, height: value2, position: 'relative'};
object4.image = {width: value2, height: value2};
const object8 = {'position': 'absolute', 'top': 0, 'left': 0, 'right': 0, 'bottom': 0};
const REDESIGN_IMAGE_BUTTON_PRESSED_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.REDESIGN_IMAGE_BUTTON_PRESSED_BACKGROUND;
object8.backgroundColor = REDESIGN_IMAGE_BUTTON_PRESSED_BACKGROUND;
object8.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
object4.imageDim = object8;
return object4;
}
function _fun72029(a0, a1) { // fn#72029, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9389:1024, offset: 0x01d36c72, size: 913 bytes, params: 3, frame: 32
var r0;
const BaseIconButton = (require(8342) /* metro dependency 8342: BaseIconButtonNative */).BaseIconButton;
var BaseButton;
let size = a0.size;
size = size === undefined ? 'lg' : size;
const label = a0.label;
const grow = a0.grow;
const image = a0.image;
const accessibilityLabel = a0.accessibilityLabel;
const maxFontSizeMultiplier = a0.maxFontSizeMultiplier;
const onPressIn = a0.onPressIn;
const onPressOut = a0.onPressOut;
const object3 = {'size': 0, 'label': 0, 'grow': 0, 'image': 0, 'accessibilityLabel': 0, 'maxFontSizeMultiplier': 0,
'onPressIn': 0, 'onPressOut': 0};
silentSetPrototypeOf(object3, null, undefined);
let value = copyDataProperties({}, a0, object3, image);
const styles = useStyles(size,
(require(4583) /* metro dependency 4583: ButtonHooksNative */).useIconSizeStyles(size, true,
maxFontSizeMultiplier).width, grow);
const value4 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0);
const binding = env0_3;
const value5 = binding.useCallback(_fun72030, [value4, onPressIn]);
const value6 = binding.useCallback(_fun72031, [value4, onPressOut]);
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = w_72032;
const object4 = {};
object4.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object4.pressed = value4;
const ON_PRESS_SPRING = (require(4581) /* metro dependency 4581: springPresets */).ON_PRESS_SPRING;
object4.ON_PRESS_SPRING = ON_PRESS_SPRING;
closure.__closure = object4;
closure.__workletHash = 17257158773379;
closure.__initData = env0_9;
const value7 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
const image2 = <Image source={image} style={styles.image} />;
const View2 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const view = <View style={styles.imageWrapper}>{image2}<View2 style={[styles.imageDim, value7]} /></View>;
if (label != null) {
BaseButton = (require(4585) /* metro dependency 4585: BaseButtonNative */).BaseButton;
var baseButtonProps = {style: styles.labelPressable, ...value};
baseButtonProps['variant'] = 'none';
baseButtonProps['accessibilityLabel'] = accessibilityLabel;
value = <BaseIconButton ref={a1} {...value} {...{['icon']: view}} {...{['accessibilityRole']: 'none'}} {...{['accessibilityLabel']: ''}} {...{['size']: 'lg'}} {...{['pillStyle']: styles.pill}} {...{['variant']: 'secondary'}} {...{['onPressIn']: value5}} {...{['onPressOut']: value6}} {...{['maxFontSizeMultiplier']: maxFontSizeMultiplier}} />;
value = <BaseButton {...baseButtonProps}>{value}{((Text) => <Text variant="text-xs/medium" color="interactive-text-default" maxFontSizeMultiplier={maxFontSizeMultiplier}>{label}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)}</BaseButton>;
r0 = value;
} else {
value = <BaseIconButton ref={a1} {...value} {...{['size']: size}} {...{['icon']: view}} {...{['accessibilityLabel']: accessibilityLabel}} {...{['pillStyle']: styles.pill}} {...{['variant']: 'secondary'}} {...{['onPressIn']: value5}} {...{['onPressOut']: value6}} />;
r0 = value;
function _fun72028(a0, a1, a2) { // fn#72028, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9389:186, offset: 0x01d36aff, size: 371 bytes, params: 4, frame: 17
const LARGE_BUTTON_PADDING = (require(4582) /* metro dependency 4582: ButtonConstantsNative */).LARGE_BUTTON_PADDING;
const value2 = a1 + 2 * (a0 === 'sm' ? (require(4582) /* metro dependency 4582: ButtonConstantsNative */).SMALL_BUTTON_PADDING : a0 !== 'md' ? LARGE_BUTTON_PADDING : (require(4582) /* metro dependency 4582: ButtonConstantsNative */).MEDIUM_BUTTON_PADDING);
const object = {};
const object2 = {};
const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
object2.paddingBottom = PX_4;
const PX_8 = (importDefault(697) /* metro dependency 697: native */).space.PX_8;
object2.gap = PX_8;
object2.alignItems = 'center';
object2.alignSelf = 'center';
object2.flexGrow = a2 ? 1 : 0;
object.labelPressable = object2;
const object3 = {'paddingHorizontal': 0, 'paddingVertical': 0};
object3.minHeight = value2;
object3.minWidth = value2;
object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
object.pill = object3;
object.imageWrapper = {width: value2, height: value2, position: 'relative'};
object.image = {width: value2, height: value2};
const object6 = {'position': 'absolute', 'top': 0, 'left': 0, 'right': 0, 'bottom': 0};
const REDESIGN_IMAGE_BUTTON_PRESSED_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.REDESIGN_IMAGE_BUTTON_PRESSED_BACKGROUND;
object6.backgroundColor = REDESIGN_IMAGE_BUTTON_PRESSED_BACKGROUND;
object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
object.imageDim = object6;
return object;
}
return r0;
}
function w_72032() { // fn#72032, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9389:1372, offset: 0x01d37003, size: 105 bytes, params: 1, frame: 18
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const value3 = env0_2.get();
const value4 = 1;
const r3 = value4 !== value3 ? 0 : value4;
const ON_PRESS_SPRING = (require(4581) /* metro dependency 4581: springPresets */).ON_PRESS_SPRING;
return {opacity: Reflect.apply(withSpring, springModule, [r3, ON_PRESS_SPRING, 'animate-always'])};
function _fun72029(a0, a1) { // fn#72029, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9389:1024, offset: 0x01d36c72, size: 913 bytes, params: 3, frame: 32
var r0;
const BaseIconButton = (BaseIconButtonNativeModule).BaseIconButton;
var BaseButton;
let size = a0.size;
size = size === undefined ? 'lg' : size;
const label = a0.label;
const grow = a0.grow;
const image = a0.image;
const accessibilityLabel = a0.accessibilityLabel;
const maxFontSizeMultiplier = a0.maxFontSizeMultiplier;
const onPressIn = a0.onPressIn;
const onPressOut = a0.onPressOut;
const object = {'size': 0, 'label': 0, 'grow': 0, 'image': 0, 'accessibilityLabel': 0, 'maxFontSizeMultiplier': 0,
'onPressIn': 0, 'onPressOut': 0};
silentSetPrototypeOf(object, null, undefined);
let value = copyDataProperties({}, a0, object, image);
const styles = useStyles(size,
(ButtonHooksNativeModule).useIconSizeStyles(size, true,
maxFontSizeMultiplier).width, grow);
const value4 = (ReanimatedRexportModule).useSharedValue(0);
const binding = env0_3;
const value5 = binding.useCallback(_fun72030, [value4, onPressIn]);
const value6 = binding.useCallback(_fun72031, [value4, onPressOut]);
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const w_720322 = w_72032;
const object2 = {};
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.pressed = value4;
const ON_PRESS_SPRING = (SpringPresetsModule).ON_PRESS_SPRING;
object2.ON_PRESS_SPRING = ON_PRESS_SPRING;
w_720322.__closure = object2;
w_720322.__workletHash = 17257158773379;
w_720322.__initData = env0_9;
const value7 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [w_720322]);
const image2 = <Image source={image} style={styles.image} />;
const View2 = (ReanimatedRexport).View;
const view = (
<View style={styles.imageWrapper}>
{image2}
<View2 style={[styles.imageDim, value7]} />
</View>
);
if (label != null) {
BaseButton = (require(4585) /* metro dependency 4585: BaseButtonNative */).BaseButton;
var baseButtonProps = {style: styles.labelPressable, ...value};
baseButtonProps['variant'] = 'none';
baseButtonProps['accessibilityLabel'] = accessibilityLabel;
value = (
<BaseIconButton
ref={a1}
{...value}
{...{['icon']: view}}
{...{['accessibilityRole']: 'none'}}
{...{['accessibilityLabel']: ''}}
{...{['size']: 'lg'}}
{...{['pillStyle']: styles.pill}}
{...{['variant']: 'secondary'}}
{...{['onPressIn']: value5}}
{...{['onPressOut']: value6}}
{...{['maxFontSizeMultiplier']: maxFontSizeMultiplier}}
/>
);
value = (
<BaseButton {...baseButtonProps}>
{value}
{((Text) => <Text variant="text-xs/medium" color="interactive-text-default" maxFontSizeMultiplier={maxFontSizeMultiplier}>{label}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)}
</BaseButton>
);
r0 = value;
} else {
value = (
<BaseIconButton
ref={a1}
{...value}
{...{['size']: size}}
{...{['icon']: view}}
{...{['accessibilityLabel']: accessibilityLabel}}
{...{['pillStyle']: styles.pill}}
{...{['variant']: 'secondary'}}
{...{['onPressIn']: value5}}
{...{['onPressOut']: value6}}
/>
);
r0 = value;
}
return r0;
function _fun72030(a0) { // fn#72030, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9389:1252, offset: 0x011f5e19, size: 48 bytes, params: 2, frame: 12
env0_2.set(1);
if (onPressIn != null) {
onPressIn(a0);
}
}
function _fun72031(a0) { // fn#72031, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9389:1305, offset: 0x011f5e49, size: 47 bytes, params: 2, frame: 12
env0_2.set(0);
if (onPressOut != null) {
onPressOut(a0);
}
}
function w_72032() { // fn#72032, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9389:1372, offset: 0x01d37003, size: 105 bytes, params: 1, frame: 18
const withSpring = SpringModule.withSpring;
const value3 = env0_2.get();
const value4 = 1;
const r3 = value4 !== value3 ? 0 : value4;
const ON_PRESS_SPRING = (SpringPresetsModule).ON_PRESS_SPRING;
return {opacity: Reflect.apply(withSpring, SpringModule, [r3, ON_PRESS_SPRING, 'animate-always'])};
}
}
}
global.__d(_fun72027, 9204, [31, 27, 33, 4501, 4582, 697, 4583, 4017, 4577, 4581, 4585, 8342, 4573,
2]) /* metro module 9204, dependencies: [31, 27, 33, 4501, 4582, 697, 4583, 4017, 4577, 4581, 4585, 8342, 4573, 2] */;
sources/design/components/Button/native/useToggleButtonProps.native.tsx
+4 -1
View File
@@ -1,8 +1,10 @@
/* Metro module 12797; source: design/components/Button/native/useToggleButtonProps.native.tsx; dependencies: [2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
function _fun97620(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97620, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12987:6, offset: 0x0218a592, size: 100 bytes, params: 8, frame: 16
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Button/native/useToggleButtonProps.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Button/native/useToggleButtonProps.native.tsx');
exports.useToggleButtonProps = function(a0, a1) {
var r4;
var object = {};
@@ -21,3 +23,4 @@ function _fun97620(global, require, importDefault, importAll, module, exports, d
};
}
global.__d(_fun97620, 12797, [2]) /* metro module 12797, dependencies: [2] */;
sources/design/components/ButtonGroup/native/ButtonGroup.native.tsx
+30 -24
View File
@@ -1,32 +1,38 @@
/* Metro module 6261; source: design/components/ButtonGroup/native/ButtonGroup.native.tsx; dependencies: [31, 33, 4501, 4572, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as StackNativeModule from '../../Stack/native/Stack.native.tsx'; /* Metro dependency 4572 */
function _fun49435(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#49435, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6439:6, offset: 0x011f9647, size: 171 bytes, params: 8, frame: 20
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_2 = (require(33) /* metro dependency 33 */).jsx;
const env0_3 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({container: {paddingVertical: 16}});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/ButtonGroup/native/ButtonGroup.native.tsx');
ReactModule;
const env0_3 = (CreateStylesModule).createStyles({container: {paddingVertical: 16}});
(FileImportTrackerModule).fileFinishedImporting('design/components/ButtonGroup/native/ButtonGroup.native.tsx');
exports.ButtonGroup = ButtonGroup;
function ButtonGroup(a0) { // fn#49436, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6439:282, offset: 0x011f96f2, size: 147 bytes, params: 2, frame: 19
const children = a0.children;
const style = a0.style;
const value = Object.create(null);
value.children = 0;
value.style = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const styles = useStyles();
const Stack = (StackNativeModule).Stack;
return (
<Stack
{...value2}
{...{['spacing']: 12}}
{...{['style']: [styles.container, style]}}
>
{children}
</Stack>
);
}
}
function ButtonGroup(a0) { // fn#49436, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6439:282, offset: 0x011f96f2, size: 147 bytes, params: 2, frame: 19
const children = a0.children;
const style = a0.style;
const value = Object.create(null);
value.children = 0;
value.style = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const styles = useStyles();
const Stack = (require(4572) /* metro dependency 4572: StackNative */).Stack;
return (
<Stack
{...value2}
{...{['spacing']: 12}}
{...{['style']: [styles.container, style]}}
>
{children}
</Stack>
);
}
global.__d(_fun49435, 6261, [31, 33, 4501, 4572, 2]) /* metro module 6261, dependencies: [31, 33, 4501, 4572, 2] */;
sources/design/components/Card/native/Card.native.tsx
+210 -188
View File
@@ -1,205 +1,227 @@
/* Metro module 6239; source: design/components/Card/native/Card.native.tsx; dependencies: [29, 31, 27, 33, 4017, 697, 6234, 4501, 1357, 3860, 477, 4577, 4581, 6240, 2] */
import ObjectWithoutProperties from '../../../../by-id/module-00029-ObjectWithoutProperties.js'; /* Metro dependency 29 */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import MobileVisualRefreshExperiment from '../../../../modules/themes/experiments/MobileVisualRefreshExperiment.tsx'; /* Metro dependency 1357 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as PlatformUtilsModule from '../../../../utils/PlatformUtils.tsx'; /* Metro dependency 477 */
import * as UseTokenModule from '../../../tokens/native/useToken.tsx'; /* Metro dependency 3860 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as SpringPresetsModule from '../../../animation/reanimated/spring/springPresets.tsx'; /* Metro dependency 4581 */
import * as CardTokensNativeModule from './CardTokens.native.tsx'; /* Metro dependency 6234 */
import * as AnimatedPressableHighlightNativeModule from '../../experimental/Pressables/native/AnimatedPressableHighlight.native.tsx'; /* Metro dependency 6240 */
function _fun49318(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#49318, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:6, offset: 0x011f570d, size: 324 bytes, params: 8, frame: 20
const env0_0 = require;
const closure = Card_49320;
const Card_493202 = Card_49320;
const env0_3 = ['accessibilityRole'];
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_4 = importDefault(29) /* metro dependency 29 */;
const env0_5 = importAll(31) /* metro dependency 31 */;
const value = require(27) /* metro dependency 27 */;
const env0_6 = value.View;
const Pressable = value.Pressable;
const env0_7 = (require(33) /* metro dependency 33 */).jsx;
const env0_8 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(Pressable);
const env0_9 = (require(4501) /* metro dependency 4501: createStyles */).createStyleProperties(_fun49328);
const env0_10 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun49329);
const Pressable = ReactNativeModule.Pressable;
const env0_8 = (ReanimatedRexport).createAnimatedComponent(Pressable);
const env0_9 = (CreateStylesModule).createStyleProperties(_fun49328);
const env0_10 = (CreateStylesModule).createStyles(_fun49329);
object = {code: "function CardNativeTsx1(){const{withSpring,interpolateColor,pressed,backgroundColor,backgroundColorPressed,ON_PRESS_SPRING}=this.__closure;const pressedColor=withSpring(interpolateColor(pressed.get(),[0,1],[backgroundColor,backgroundColorPressed]),ON_PRESS_SPRING,'animate-always');return{backgroundColor:pressedColor};}"};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Card/native/Card.native.tsx');
exports.Card = closure;
exports.InternalCard = closure;
}
function getCardBackgroundToken(a0) { // fn#49319, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:228, offset: 0x011f5851, size: 291 bytes, params: 2, frame: 11
if (a0 === 'primary') {
return (require(6234) /* metro dependency 6234: CardTokensNative */).CARD_PRIMARY_BG;
}
if (a0 === 'secondary') {
return (importDefault(697) /* metro dependency 697: native */).colors.CARD_SECONDARY_BACKGROUND_DEFAULT;
}
if (a0 === 'muted') {
return (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_MUTED;
}
if (a0 === 'transparent') {
return (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.TRANSPARENT;
}
if (a0 === 'control-secondary') {
return (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_SECONDARY_BACKGROUND_DEFAULT;
}
if (a0 === 'surface-high') {
return (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
}
}
function Card_49320(a0) { // fn#49320, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:1923, offset: 0x011f5974, size: 449 bytes, params: 2, frame: 28
var accessibilityRole;
let start = a0.start;
start = start === undefined || start;
let end = a0.end;
end = end === undefined || end;
let shadow = a0.shadow;
shadow = shadow === undefined ? 'none' : shadow;
let border = a0.border;
border = border === undefined ? 'faint' : border;
let variant = a0.variant;
variant = variant === undefined ? 'primary' : variant;
let object = {'start': 0, 'end': 0, 'shadow': 0, 'border': 0, 'variant': 0};
silentSetPrototypeOf(object, null, undefined);
let value = copyDataProperties({}, a0, object, undefined);
const value3 = (importDefault(1357) /* metro dependency 1357: MobileVisualRefreshExperiment */)('Card');
const useTokenModule = require(3860) /* metro dependency 3860: useToken */;
const useToken = useTokenModule.useToken;
const CARD_DEFAULT_RADIUS = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CARD_DEFAULT_RADIUS;
const r2 = value.radius ?? Reflect.apply(useToken, useTokenModule, [CARD_DEFAULT_RADIUS]);
const styles = useStyles(start, end, variant, shadow, border, r2);
object = [styles.spacing];
object[1] = styles.card;
object[2] = value.style;
if ('onPress' in value) {
if (value.onPress != null) {
accessibilityRole = value.accessibilityRole;
value = env0_4(value, env0_3);
return (
<PressableCard
accessibilityRole={accessibilityRole ?? 'button'}
{...value}
{...{['start']: start}}
{...{['end']: end}}
{...{['style']: object}}
{...{['variant']: variant}}
{...{['isRefreshEnabled']: value3}}
{...{['radius']: r2}}
/>
);
(FileImportTrackerModule).fileFinishedImporting('design/components/Card/native/Card.native.tsx');
exports.Card = Card_493202;
exports.InternalCard = Card_493202;
function getCardBackgroundToken(a0) { // fn#49319, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:228, offset: 0x011f5851, size: 291 bytes, params: 2, frame: 11
if (a0 === 'primary') {
return (require(6234) /* metro dependency 6234: CardTokensNative */).CARD_PRIMARY_BG;
}
if (a0 === 'secondary') {
return (importDefault(697) /* metro dependency 697: native */).colors.CARD_SECONDARY_BACKGROUND_DEFAULT;
}
if (a0 === 'muted') {
return (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_MUTED;
}
if (a0 === 'transparent') {
return (importDefault(697) /* metro dependency 697: native */).unsafe_rawColors.TRANSPARENT;
}
if (a0 === 'control-secondary') {
return (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_SECONDARY_BACKGROUND_DEFAULT;
}
if (a0 === 'surface-high') {
return (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGH;
}
}
return <View {...value} {...{['style']: object}} />;
}
function PressableCard(a0) { // fn#49321, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:2401, offset: 0x011f5b35, size: 67 bytes, params: 2, frame: 13
const value = require(477) /* metro dependency 477: PlatformUtils */;
return value.isAndroid() ? PressableCardAndroid(a0) : PressableCardiOS(a0);
}
function _fun49328(a0) { // fn#49328, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:693, offset: 0x011f5f04, size: 327 bytes, params: 2, frame: 16
var r1;
let value = a1;
const value2 = undefined;
let r3 = value !== value2 ? value : false;
const cardBackgroundToken = getCardBackgroundToken(a0);
r3 = !(r3 === value2) && r3;
if (a0 === 'primary') {
r1 = (require(6234) /* metro dependency 6234: CardTokensNative */).CARD_PRIMARY_PRESSED_BG;
} else if (a0 === 'secondary') {
r1 = (importDefault(697) /* metro dependency 697: native */).colors.CARD_SECONDARY_BACKGROUND_ACTIVE;
} else if (a0 === 'muted') {
r1 = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_SUBTLE;
} else if (a0 === 'transparent') {
value = importDefault(697) /* metro dependency 697: native */;
r3 = r3 ? value.colors.BACKGROUND_MOD_SUBTLE : value.unsafe_rawColors.TRANSPARENT;
r1 = r3;
} else {
r1 = a0 === 'control-secondary' ? (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_SECONDARY_BACKGROUND_ACTIVE : a0 !== 'surface-high' ? value2 : (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
function Card_49320(a0) { // fn#49320, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:1923, offset: 0x011f5974, size: 449 bytes, params: 2, frame: 28
var accessibilityRole;
let start = a0.start;
start = start === undefined || start;
let end = a0.end;
end = end === undefined || end;
let shadow = a0.shadow;
shadow = shadow === undefined ? 'none' : shadow;
let border = a0.border;
border = border === undefined ? 'faint' : border;
let variant = a0.variant;
variant = variant === undefined ? 'primary' : variant;
let object = {'start': 0, 'end': 0, 'shadow': 0, 'border': 0, 'variant': 0};
silentSetPrototypeOf(object, null, undefined);
let value = copyDataProperties({}, a0, object, undefined);
const value3 = (MobileVisualRefreshExperiment)('Card');
const useToken = UseTokenModule.useToken;
const CARD_DEFAULT_RADIUS = (Native).modules.mobile.CARD_DEFAULT_RADIUS;
const r2 = value.radius ?? Reflect.apply(useToken, UseTokenModule, [CARD_DEFAULT_RADIUS]);
const styles = useStyles(start, end, variant, shadow, border, r2);
object = [styles.spacing];
object[1] = styles.card;
object[2] = value.style;
if ('onPress' in value) {
if (value.onPress != null) {
accessibilityRole = value.accessibilityRole;
value = ObjectWithoutProperties(value, env0_3);
return (
<PressableCard
accessibilityRole={accessibilityRole ?? 'button'}
{...value}
{...{['start']: start}}
{...{['end']: end}}
{...{['style']: object}}
{...{['variant']: variant}}
{...{['isRefreshEnabled']: value3}}
{...{['radius']: r2}}
/>
);
}
}
return <View {...value} {...{['style']: object}} />;
}
return {backgroundColor: cardBackgroundToken, backgroundColorPressed: r1};
}
function _fun49329(a0, a1, a2, a3, a4, a5) { // fn#49329, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:1304, offset: 0x011f604b, size: 402 bytes, params: 7, frame: 22
const value = a5;
const getCardBackgroundTokenBinding = getCardBackgroundToken;
const value3 = undefined;
const cardBackgroundTokenBinding = getCardBackgroundTokenBinding(a2);
const value5 = null;
const r0 = a4 === 'none' ? value5 : a4 === 'subtle' ? (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE : a4 === 'strong' ? (importDefault(697) /* metro dependency 697: native */).colors.BORDER_STRONG : a4 === 'faint' ? (importDefault(697) /* metro dependency 697: native */).colors.BORDER_MUTED : a4 === 'control-secondary' ? (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_SECONDARY_BORDER_DEFAULT : value3;
const r6 = value5 == r0 ? cardBackgroundTokenBinding : r0;
const object = {};
const cardTokensNativeModule = require(6234) /* metro dependency 6234: CardTokensNative */;
copyDataProperties(object, cardTokensNativeModule.createCardShadowToken(a3), cardTokensNativeModule);
object['borderTopStartRadius'] = a0 ? value : value3;
object['borderTopEndRadius'] = a0 ? value : value3;
object['borderBottomStartRadius'] = a1 ? value : value3;
object['borderBottomEndRadius'] = a1 ? value : value3;
object['borderColor'] = r6;
object['borderWidth'] = a4 === 'none' ? 0 : 1;
object['backgroundColor'] = cardBackgroundTokenBinding;
return {card: object, spacing: {padding: 16}};
}
function PressableCard(a0) { // fn#49321, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:2401, offset: 0x011f5b35, size: 67 bytes, params: 2, frame: 13
return PlatformUtilsModule.isAndroid() ? PressableCardAndroid(a0) : PressableCardiOS(a0);
function PressableCardAndroid(a0) { // fn#49322, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:2455, owner: PressableCard.PressableCardAndroid, offset: 0x011f5b78, size: 184 bytes, params: 2, frame: 20
const children = a0.children;
const start = a0.start;
const end = a0.end;
const radius = a0.radius;
a0.isRefreshEnabled;
const object = {'children': 0, 'start': 0, 'end': 0, 'radius': 0, 'isRefreshEnabled': 0};
silentSetPrototypeOf(object, null, undefined);
const value = copyDataProperties({}, a0, object, start);
const value3 = env1_5.useMemo(function() {
return {cornerRadius: start || end ? radius : 0};
}, [start, end, radius]);
const AnimatedPressableHighlight = (AnimatedPressableHighlightNativeModule).AnimatedPressableHighlight;
return (
<AnimatedPressableHighlight androidRippleConfig={value3} {...value}>
{children}
</AnimatedPressableHighlight>
);
}
function PressableCardAndroid(a0) { // fn#49322, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:2455, owner: PressableCard.PressableCardAndroid, offset: 0x011f5b78, size: 184 bytes, params: 2, frame: 20
const children = a0.children;
const start = a0.start;
const end = a0.end;
const radius = a0.radius;
a0.isRefreshEnabled;
const object2 = {'children': 0, 'start': 0, 'end': 0, 'radius': 0, 'isRefreshEnabled': 0};
silentSetPrototypeOf(object2, null, undefined);
const value = copyDataProperties({}, a0, object2, start);
const value3 = env1_5.useMemo(function() {
return {cornerRadius: start || end ? radius : 0};
}, [start, end, radius]);
const AnimatedPressableHighlight = (require(6240) /* metro dependency 6240: AnimatedPressableHighlightNative */).AnimatedPressableHighlight;
return (
<AnimatedPressableHighlight androidRippleConfig={value3} {...value}>
{children}
</AnimatedPressableHighlight>
);
}
function PressableCardiOS(a0) { // fn#49324, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:2693, owner: PressableCard.PressableCardiOS, offset: 0x011f5c50, size: 457 bytes, params: 2, frame: 28
const children = a0.children;
const style = a0.style;
const variant = a0.variant;
const onPressIn = a0.onPressIn;
const onPressOut = a0.onPressOut;
const isRefreshEnabled = a0.isRefreshEnabled;
a0.radius;
a0.start;
a0.end;
const object = {'children': 0, 'style': 0, 'variant': 0, 'onPressIn': 0, 'onPressOut': 0, 'isRefreshEnabled': 0,
'radius': 0, 'start': 0, 'end': 0};
silentSetPrototypeOf(object, null, undefined);
const value = copyDataProperties({}, a0, object, undefined);
const value3 = (ReanimatedRexportModule).useSharedValue(0);
const value4 = env1_5.useCallback(_fun49325, [value3, onPressIn]);
const value5 = env1_5.useCallback(_fun49326, [value3, onPressOut]);
const {backgroundColor, backgroundColorPressed} = env1_9(variant, isRefreshEnabled);
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const PressableCardiOSB2 = PressableCardiOSB;
const object2 = {};
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.interpolateColor = ReanimatedRexportModule.interpolateColor;
object2.pressed = value3;
object2.backgroundColor = backgroundColor;
object2.backgroundColorPressed = backgroundColorPressed;
const ON_PRESS_SPRING = (SpringPresetsModule).ON_PRESS_SPRING;
object2.ON_PRESS_SPRING = ON_PRESS_SPRING;
PressableCardiOSB2.__closure = object2;
PressableCardiOSB2.__workletHash = 14943431549291;
PressableCardiOSB2.__initData = env1_11;
return ((Component) => <Component {...value} {...{['onPressIn']: value4}} {...{['onPressOut']: value5}} {...{['style']: [style,
Reflect.apply(useAnimatedStyle, ReanimatedRexportModule,
[PressableCardiOSB2])]}} {...{['unstable_pressDelay']: 130}}>{children}</Component>)(env1_8);
function _fun49325(a0) { // fn#49325, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:2872, offset: 0x011f5e19, size: 48 bytes, params: 2, frame: 12
env0_2.set(1);
if (onPressIn != null) {
onPressIn(a0);
}
}
function PressableCardiOS(a0) { // fn#49324, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:2693, owner: PressableCard.PressableCardiOS, offset: 0x011f5c50, size: 457 bytes, params: 2, frame: 28
const children = a0.children;
const style = a0.style;
const variant = a0.variant;
const onPressIn = a0.onPressIn;
const onPressOut = a0.onPressOut;
const isRefreshEnabled = a0.isRefreshEnabled;
a0.radius;
a0.start;
a0.end;
const object3 = {'children': 0, 'style': 0, 'variant': 0, 'onPressIn': 0, 'onPressOut': 0, 'isRefreshEnabled': 0,
'radius': 0, 'start': 0, 'end': 0};
silentSetPrototypeOf(object3, null, undefined);
const value = copyDataProperties({}, a0, object3, undefined);
const value3 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0);
const value4 = env1_5.useCallback(_fun49325, [value3, onPressIn]);
const value5 = env1_5.useCallback(_fun49326, [value3, onPressOut]);
const {backgroundColor, backgroundColorPressed} = env1_9(variant, isRefreshEnabled);
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = PressableCardiOSB;
const object4 = {};
object4.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object4.interpolateColor = reanimatedRexportModule.interpolateColor;
object4.pressed = value3;
object4.backgroundColor = backgroundColor;
object4.backgroundColorPressed = backgroundColorPressed;
const ON_PRESS_SPRING = (require(4581) /* metro dependency 4581: springPresets */).ON_PRESS_SPRING;
object4.ON_PRESS_SPRING = ON_PRESS_SPRING;
closure.__closure = object4;
closure.__workletHash = 14943431549291;
closure.__initData = env1_11;
return ((Component) => <Component {...value} {...{['onPressIn']: value4}} {...{['onPressOut']: value5}} {...{['style']: [style,
Reflect.apply(useAnimatedStyle, reanimatedRexportModule,
[closure])]}} {...{['unstable_pressDelay']: 130}}>{children}</Component>)(env1_8);
}
function _fun49326(a0) { // fn#49326, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:2925, offset: 0x011f5e49, size: 47 bytes, params: 2, frame: 12
env0_2.set(0);
if (onPressOut != null) {
onPressOut(a0);
}
}
function PressableCardiOSB() { // fn#49327, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:3047, owner: PressableCard.PressableCardiOS.B, offset: 0x011f5e78, size: 140 bytes, params: 1, frame: 22
let value = environment.__proto__.__proto__;
value = require(4577) /* metro dependency 4577: spring */;
const withSpring = value.withSpring;
const value4 = ReanimatedRexportModule.interpolateColor(env0_2.get(), [0, 1], [backgroundColor,
backgroundColorPressed]);
const ON_PRESS_SPRING = (SpringPresetsModule).ON_PRESS_SPRING;
return {backgroundColor: Reflect.apply(withSpring, value, [value4, ON_PRESS_SPRING, 'animate-always'])};
}
}
}
function _fun49328(a0) { // fn#49328, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:693, offset: 0x011f5f04, size: 327 bytes, params: 2, frame: 16
var r1;
let value = a1;
const value2 = undefined;
let r3 = value !== value2 ? value : false;
const cardBackgroundToken = getCardBackgroundToken(a0);
r3 = !(r3 === value2) && r3;
if (a0 === 'primary') {
r1 = (require(6234) /* metro dependency 6234: CardTokensNative */).CARD_PRIMARY_PRESSED_BG;
} else if (a0 === 'secondary') {
r1 = (importDefault(697) /* metro dependency 697: native */).colors.CARD_SECONDARY_BACKGROUND_ACTIVE;
} else if (a0 === 'muted') {
r1 = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_SUBTLE;
} else if (a0 === 'transparent') {
value = importDefault(697) /* metro dependency 697: native */;
r3 = r3 ? value.colors.BACKGROUND_MOD_SUBTLE : value.unsafe_rawColors.TRANSPARENT;
r1 = r3;
} else {
r1 = a0 === 'control-secondary' ? (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_SECONDARY_BACKGROUND_ACTIVE : a0 !== 'surface-high' ? value2 : (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_BASE_LOW;
}
return {backgroundColor: cardBackgroundToken, backgroundColorPressed: r1};
}
function _fun49329(a0, a1, a2, a3, a4, a5) { // fn#49329, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:1304, offset: 0x011f604b, size: 402 bytes, params: 7, frame: 22
const value = a5;
const getCardBackgroundTokenBinding = getCardBackgroundToken;
const value3 = undefined;
const cardBackgroundTokenBinding = getCardBackgroundTokenBinding(a2);
const value5 = null;
const r0 = a4 === 'none' ? value5 : a4 === 'subtle' ? (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE : a4 === 'strong' ? (importDefault(697) /* metro dependency 697: native */).colors.BORDER_STRONG : a4 === 'faint' ? (importDefault(697) /* metro dependency 697: native */).colors.BORDER_MUTED : a4 === 'control-secondary' ? (importDefault(697) /* metro dependency 697: native */).colors.CONTROL_SECONDARY_BORDER_DEFAULT : value3;
const r6 = value5 == r0 ? cardBackgroundTokenBinding : r0;
const object2 = {};
copyDataProperties(object2, CardTokensNativeModule.createCardShadowToken(a3), CardTokensNativeModule);
object2['borderTopStartRadius'] = a0 ? value : value3;
object2['borderTopEndRadius'] = a0 ? value : value3;
object2['borderBottomStartRadius'] = a1 ? value : value3;
object2['borderBottomEndRadius'] = a1 ? value : value3;
object2['borderColor'] = r6;
object2['borderWidth'] = a4 === 'none' ? 0 : 1;
object2['backgroundColor'] = cardBackgroundTokenBinding;
return {card: object2, spacing: {padding: 16}};
}
function PressableCardiOSB() { // fn#49327, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6417:3047, owner: PressableCard.PressableCardiOS.B, offset: 0x011f5e78, size: 140 bytes, params: 1, frame: 22
let value = environment.__proto__.__proto__;
value = require(4577) /* metro dependency 4577: spring */;
const withSpring = value.withSpring;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const value4 = reanimatedRexportModule.interpolateColor(env0_2.get(), [0, 1], [backgroundColor,
backgroundColorPressed]);
const ON_PRESS_SPRING = (require(4581) /* metro dependency 4581: springPresets */).ON_PRESS_SPRING;
return {backgroundColor: Reflect.apply(withSpring, value, [value4, ON_PRESS_SPRING, 'animate-always'])};
}
global.__d(_fun49318, 6239, [29, 31, 27, 33, 4017, 697, 6234, 4501, 1357, 3860, 477, 4577, 4581, 6240,
2]) /* metro module 6239, dependencies: [29, 31, 27, 33, 4017, 697, 6234, 4501, 1357, 3860, 477, 4577, 4581, 6240, 2] */;
sources/design/components/Card/native/CardTokens.native.tsx
+60 -55
View File
@@ -1,69 +1,74 @@
/* Metro module 6234; source: design/components/Card/native/CardTokens.native.tsx; dependencies: [4501, 697, 2] */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
function _fun49243(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#49243, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6412:6, offset: 0x011f2b83, size: 230 bytes, params: 8, frame: 20
const env0_0 = require;
const closure = createCardBackgroundToken;
const createCardBackgroundToken2 = createCardBackgroundToken;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const TABLEROW_BACKGROUND_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.TABLEROW_BACKGROUND_DEFAULT;
const CARD_GRADIENT_BG = (importDefault(697) /* metro dependency 697: native */).colors.CARD_GRADIENT_BG;
const value = closure(TABLEROW_BACKGROUND_DEFAULT, CARD_GRADIENT_BG);
const TABLEROW_BACKGROUND_PRESSED = (importDefault(697) /* metro dependency 697: native */).colors.TABLEROW_BACKGROUND_PRESSED;
const CARD_GRADIENT_PRESSED_BG = (importDefault(697) /* metro dependency 697: native */).colors.CARD_GRADIENT_PRESSED_BG;
const value2 = closure(TABLEROW_BACKGROUND_PRESSED, CARD_GRADIENT_PRESSED_BG);
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Card/native/CardTokens.native.tsx');
exports.CARD_PRIMARY_BG = value;
const TABLEROW_BACKGROUND_DEFAULT = (Native).colors.TABLEROW_BACKGROUND_DEFAULT;
const CARD_GRADIENT_BG = (Native).colors.CARD_GRADIENT_BG;
const cardBackgroundToken2 = createCardBackgroundToken2(TABLEROW_BACKGROUND_DEFAULT, CARD_GRADIENT_BG);
const TABLEROW_BACKGROUND_PRESSED = (Native).colors.TABLEROW_BACKGROUND_PRESSED;
const CARD_GRADIENT_PRESSED_BG = (Native).colors.CARD_GRADIENT_PRESSED_BG;
const cardBackgroundToken22 = createCardBackgroundToken2(TABLEROW_BACKGROUND_PRESSED, CARD_GRADIENT_PRESSED_BG);
(FileImportTrackerModule).fileFinishedImporting('design/components/Card/native/CardTokens.native.tsx');
exports.CARD_PRIMARY_BG = cardBackgroundToken2;
exports.getCardSecondaryBg = function(a0) {
var createCardBackgroundTokenBinding = createCardBackgroundToken;
var property = importDefault(dependencyMap[1]).colors;
return createCardBackgroundTokenBinding(a0 ? property.BACKGROUND_MOD_MUTED : property.CARD_SECONDARY_BG,
importDefault(dependencyMap[1]).colors.CARD_GRADIENT_BG);
};
exports.CARD_PRIMARY_PRESSED_BG = value2;
exports.CARD_PRIMARY_PRESSED_BG = cardBackgroundToken22;
exports.createCardShadowToken = createCardShadowToken;
function createCardBackgroundToken(a0, a1) { // fn#49244, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6412:43, offset: 0x011f2c69, size: 58 bytes, params: 3, frame: 12
const env0_0 = a0;
const env0_1 = a1;
return (CreateStylesModule).experimental_createToken(_fun49245);
function _fun49245({primaryColor}) { // fn#49245, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6412:124, offset: 0x011f2ca3, size: 33 bytes, params: 2, frame: 2
return primaryColor != null ? require : env0_0;
}
}
function createCardShadowToken(a0) { // fn#49247, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6412:774, offset: 0x011f2d1e, size: 51 bytes, params: 2, frame: 12
const env0_0 = a0;
return (CreateStylesModule).experimental_createToken(_fun49248);
function _fun49248({gradient}) { // fn#49248, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6412:849, offset: 0x011f2d51, size: 293 bytes, params: 2, frame: 11
if (gradient != null) {
return {};
}
if (env0_0 === 'none') {
return {};
}
const binding = env0_0;
if (binding === 'border') {
value = environment.__proto__;
return (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_BORDER;
}
if (binding === 'high') {
value = environment.__proto__;
return (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_HIGH;
}
if (binding === 'ledge') {
value = environment.__proto__;
return (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_LEDGE;
}
if (binding === 'low') {
value = environment.__proto__;
return (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_LOW;
}
if (binding === 'medium') {
value = environment.__proto__;
return (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_MEDIUM;
}
}
}
}
function createCardBackgroundToken(a0, a1) { // fn#49244, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6412:43, offset: 0x011f2c69, size: 58 bytes, params: 3, frame: 12
const env0_0 = a0;
const env0_1 = a1;
return (require(4501) /* metro dependency 4501: createStyles */).experimental_createToken(_fun49245);
}
function createCardShadowToken(a0) { // fn#49247, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6412:774, offset: 0x011f2d1e, size: 51 bytes, params: 2, frame: 12
const env0_0 = a0;
return (require(4501) /* metro dependency 4501: createStyles */).experimental_createToken(_fun49248);
}
function _fun49245({primaryColor}) { // fn#49245, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6412:124, offset: 0x011f2ca3, size: 33 bytes, params: 2, frame: 2
return primaryColor != null ? require : env0_0;
}
function _fun49248({gradient}) { // fn#49248, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6412:849, offset: 0x011f2d51, size: 293 bytes, params: 2, frame: 11
if (gradient != null) {
return {};
}
if (env0_0 === 'none') {
return {};
}
const binding = env0_0;
if (binding === 'border') {
value = environment.__proto__;
return (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_BORDER;
}
if (binding === 'high') {
value = environment.__proto__;
return (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_HIGH;
}
if (binding === 'ledge') {
value = environment.__proto__;
return (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_LEDGE;
}
if (binding === 'low') {
value = environment.__proto__;
return (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_LOW;
}
if (binding === 'medium') {
value = environment.__proto__;
return (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_MEDIUM;
}
}
global.__d(_fun49243, 6234, [4501, 697, 2]) /* metro module 6234, dependencies: [4501, 697, 2] */;
sources/design/components/Checkbox/native/Checkbox.native.tsx
+64 -50
View File
@@ -1,65 +1,79 @@
/* Metro module 9402; source: design/components/Checkbox/native/Checkbox.native.tsx; dependencies: [27, 33, 4501, 3874, 1244, 4572, 7974, 4573, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as UseA11yRolesNativeModule from '../../../../external/discord_common/js/packages/design/hooks/useA11yRolesNative.tsx'; /* Metro dependency 3874 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as StackNativeModule from '../../Stack/native/Stack.native.tsx'; /* Metro dependency 4572 */
import * as FormCheckboxNativeModule from '../../Forms/native/FormCheckbox.native.tsx'; /* Metro dependency 7974 */
function _fun73308(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#73308, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9588:6, offset: 0x01d67970, size: 214 bytes, params: 8, frame: 20
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
let value = require(27) /* metro dependency 27 */;
let value = ReactNativeModule;
const env0_2 = value.Pressable;
const env0_3 = value.View;
value = require(33) /* metro dependency 33 */;
const env0_4 = value.jsx;
const env0_5 = value.jsxs;
const env0_6 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({textContainer: {flex: 1},
const env0_6 = (CreateStylesModule).createStyles({textContainer: {flex: 1},
labelContainer: {'minHeight': 24, 'justifyContent': 'center'}});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Checkbox/native/Checkbox.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Checkbox/native/Checkbox.native.tsx');
exports.Checkbox = Checkbox;
}
function Checkbox({label, description, required, checked, onToggle}) { // fn#73309, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9588:357, offset: 0x01d67a46, size: 665 bytes, params: 2, frame: 37
const Text = (require(4573) /* metro dependency 4573: Text */).Text;
var r19;
const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
var Text2;
var object;
const styles = useStyles();
const {accessibilityRole,
accessibilityState} = (require(3874) /* metro dependency 3874: useA11yRolesNative */).useCheckboxA11yNative({checked: checked});
const value3 = '';
const value6 = label + (required ? ' (' + intl.string((require(1244) /* metro dependency 1244: indexNative */).t.EkokLy) + ')' : value3);
const r7 = description != null ? ', ' + description : value3;
const Stack = (require(4572) /* metro dependency 4572: StackNative */).Stack;
const FormCheckbox = (require(7974) /* metro dependency 7974: FormCheckboxNative */).FormCheckbox;
const formCheckbox = <FormCheckbox checked={checked} />;
if (required) {
Text2 = (require(4573) /* metro dependency 4573: Text */).Text;
object = {'variant': 'text-md/bold', 'color': 'text-feedback-critical'};
object['aria-label'] = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.EkokLy);
r19 = <Text2 {...object}>{' '}{'*'}</Text2>;
} else {
r19 = required;
}
return (
<Pressable
accessibilityRole={accessibilityRole}
accessibilityLabel={value6 + r7}
accessibilityState={accessibilityState}
onPress={function() {
return onToggle(!checked);
}}
>
<Stack direction="horizontal">
{formCheckbox}
<View style={styles.textContainer}>
<View style={styles.labelContainer}>
<Text variant="text-md/medium">
{label}
{r19}
</Text>
function Checkbox({label, description, required, checked, onToggle}) { // fn#73309, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9588:357, offset: 0x01d67a46, size: 665 bytes, params: 2, frame: 37
const Text = (require(4573) /* metro dependency 4573: Text */).Text;
var r19;
const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
var Text2;
var object2;
const styles = useStyles();
const {accessibilityRole,
accessibilityState} = (UseA11yRolesNativeModule).useCheckboxA11yNative({checked: checked});
const value3 = '';
const value6 = label + (required ? ' (' + intl.string((require(1244) /* metro dependency 1244: indexNative */).t.EkokLy) + ')' : value3);
const r7 = description != null ? ', ' + description : value3;
const Stack = (StackNativeModule).Stack;
const FormCheckbox = (FormCheckboxNativeModule).FormCheckbox;
const formCheckbox = <FormCheckbox checked={checked} />;
if (required) {
Text2 = (require(4573) /* metro dependency 4573: Text */).Text;
object2 = {'variant': 'text-md/bold', 'color': 'text-feedback-critical'};
object2['aria-label'] = intl.string((require(1244) /* metro dependency 1244: indexNative */).t.EkokLy);
r19 = (
<Text2 {...object2}>
{' '}
{'*'}
</Text2>
);
} else {
r19 = required;
}
return (
<Pressable
accessibilityRole={accessibilityRole}
accessibilityLabel={value6 + r7}
accessibilityState={accessibilityState}
onPress={function() {
return onToggle(!checked);
}}
>
<Stack direction="horizontal">
{formCheckbox}
<View style={styles.textContainer}>
<View style={styles.labelContainer}>
<Text variant="text-md/medium">
{label}
{r19}
</Text>
</View>
{description != null && <Text variant="text-sm/normal" color="text-subtle">{description}</Text>}
</View>
{description != null && <Text variant="text-sm/normal" color="text-subtle">{description}</Text>}
</View>
</Stack>
</Pressable>
);
</Stack>
</Pressable>
);
}
}
global.__d(_fun73308, 9402, [27, 33, 4501, 3874, 1244, 4572, 7974, 4573,
2]) /* metro module 9402, dependencies: [27, 33, 4501, 3874, 1244, 4572, 7974, 4573, 2] */;
sources/design/components/Coachmark/native/AnimatedCoachmark.native.tsx
+45 -32
View File
@@ -1,40 +1,53 @@
/* Metro module 8551; source: design/components/Coachmark/native/AnimatedCoachmark.native.tsx; dependencies: [57, 31, 27, 33, 4017, 8552, 3875, 8548, 8549, 2] */
import Module00057 from '../../../../by-id/module-00057.js'; /* Metro dependency 57 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as AccessibilityPreferencesContextModule from '../../../../external/discord_common/js/packages/design/components/AccessibilityPreferencesContext/AccessibilityPreferencesContext.tsx'; /* Metro dependency 3875 */
import * as TooltipConstantsNativeModule from '../../Tooltip/native/TooltipConstants.native.tsx'; /* Metro dependency 8548 */
function _fun67781(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67781, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8736:6, offset: 0x01c305a4, size: 191 bytes, params: 8, frame: 19
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 */).StyleSheet;
const env0_6 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Coachmark/native/AnimatedCoachmark.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Coachmark/native/AnimatedCoachmark.native.tsx');
exports.AnimatedCoachmark = AnimatedCoachmark;
function renderTooltipItem_67782(a0, a1) { // fn#67782, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8736:169, offset: 0x01c30663, size: 159 bytes, params: 3, frame: 20
const View = (ReanimatedRexport).View;
const value2 = null;
return (
<View style={[a1, StyleSheet.absoluteFill]} pointerEvents="box-none">
{
value2 != a0
? ((CoachmarkContainer) => <CoachmarkContainer {...a0} {...{['enterExitAnimatedStyles']: a1}} />)((require(8552) /* metro dependency 8552: CoachmarkNative */).CoachmarkContainer)
: value2
}
</View>
);
}
function AnimatedCoachmark(a0) { // fn#67783, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8736:446, offset: 0x01c30702, size: 254 bytes, params: 2, frame: 23
const visible = a0.visible;
let value = Object.create(null);
value.visible = 0;
value = copyDataProperties({}, a0, value, undefined);
const useContext = ReactModule.useContext;
const value3 = undefined;
const AccessibilityPreferencesContext = (AccessibilityPreferencesContextModule).AccessibilityPreferencesContext;
const enabled = Reflect.apply(useContext, ReactModule, [AccessibilityPreferencesContext]).reducedMotion.enabled;
const [property, env0_1] = Module00057(ReactModule.useState(visible), 2);
const value6 = TooltipConstantsNativeModule.tooltipEnterExitAnimation(value.position);
ReactModule.useEffect(_fun67784, [visible]);
return ((Component) => <Component useReducedMotion={enabled} item={property ? value : value3} entering={value6} exiting={value6} renderItem={renderTooltipItem_67782} />)(importDefault(8549) /* metro dependency 8549: AnimatedEnterExitItem */);
function _fun67784() { // fn#67784, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8736:680, offset: 0x00cc2ee9, size: 20 bytes, params: 1, frame: 11
env0_1(visible);
}
}
}
function renderTooltipItem_67782(a0, a1) { // fn#67782, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8736:169, offset: 0x01c30663, size: 159 bytes, params: 3, frame: 20
const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const value2 = null;
return (
<View style={[a1, StyleSheet.absoluteFill]} pointerEvents="box-none">
{value2 != a0 ? ((CoachmarkContainer) => <CoachmarkContainer {...a0} {...{['enterExitAnimatedStyles']: a1}} />)((require(8552) /* metro dependency 8552: CoachmarkNative */).CoachmarkContainer) : value2}
</View>
);
}
function AnimatedCoachmark(a0) { // fn#67783, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8736:446, offset: 0x01c30702, size: 254 bytes, params: 2, frame: 23
const visible = a0.visible;
let value = Object.create(null);
value.visible = 0;
value = copyDataProperties({}, a0, value, undefined);
const binding = env0_4;
const useContext = binding.useContext;
const value3 = undefined;
const AccessibilityPreferencesContext = (require(3875) /* metro dependency 3875: AccessibilityPreferencesContext */).AccessibilityPreferencesContext;
const enabled = Reflect.apply(useContext, binding, [AccessibilityPreferencesContext]).reducedMotion.enabled;
const [property, env0_1] = env0_3(binding.useState(visible), 2);
const tooltipConstantsNativeModule = require(8548) /* metro dependency 8548: TooltipConstantsNative */;
const value6 = tooltipConstantsNativeModule.tooltipEnterExitAnimation(value.position);
binding.useEffect(_fun67784, [visible]);
return ((Component) => <Component useReducedMotion={enabled} item={property ? value : value3} entering={value6} exiting={value6} renderItem={renderTooltipItem_67782} />)(importDefault(8549) /* metro dependency 8549: AnimatedEnterExitItem */);
}
global.__d(_fun67781, 8551, [57, 31, 27, 33, 4017, 8552, 3875, 8548, 8549,
2]) /* metro module 8551, dependencies: [57, 31, 27, 33, 4017, 8552, 3875, 8548, 8549, 2] */;
sources/design/components/Coachmark/native/Coachmark.native.tsx
+308 -223
View File
@@ -1,15 +1,28 @@
/* Metro module 8552; source: design/components/Coachmark/native/Coachmark.native.tsx; dependencies: [29, 57, 31, 27, 33, 4017, 4501, 697, 8547, 4583, 8553, 1357, 4570, 4573, 4578, 1244, 5312, 8554, 8564, 477, 3868, 2] */
import ObjectWithoutProperties from '../../../../by-id/module-00029-ObjectWithoutProperties.js'; /* Metro dependency 29 */
import Module00057 from '../../../../by-id/module-00057.js'; /* Metro dependency 57 */
import MobileVisualRefreshExperiment from '../../../../modules/themes/experiments/MobileVisualRefreshExperiment.tsx'; /* Metro dependency 1357 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import UseTooltipPositionNative from '../../Tooltip/native/useTooltipPosition.native.tsx'; /* Metro dependency 8547 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as PlatformUtilsModule from '../../../../utils/PlatformUtils.tsx'; /* Metro dependency 477 */
import * as IndexNativeModule from '../../../../intl/index.native.tsx'; /* Metro dependency 1244 */
import * as NativeModule from '../../../../external/discord_common/js/packages/design/native.tsx'; /* Metro dependency 3868 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as SetAccessibilityFocusAndroidModule from '../../../../modules/a11y/native/setAccessibilityFocus.android.tsx'; /* Metro dependency 4570 */
import * as TextModule from '../../Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as ButtonHooksNativeModule from '../../Button/native/ButtonHooks.native.tsx'; /* Metro dependency 4583 */
import * as XSmallIconModule from '../../Icon/native/redesign/generated/XSmallIcon.tsx'; /* Metro dependency 5312 */
function _fun67785(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67785, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:6, offset: 0x01c30800, size: 1024 bytes, params: 8, frame: 27
var object4;
const env0_0 = require;
const closure = Coachmark;
const Coachmark2 = Coachmark;
const env0_3 = ['style'];
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_4 = importDefault(29) /* metro dependency 29 */;
const env0_5 = importDefault(57) /* metro dependency 57 */;
const env0_6 = importAll(31) /* metro dependency 31 */;
let value = require(27) /* metro dependency 27 */;
let value = ReactNativeModule;
const env0_7 = value.View;
const Pressable = value.Pressable;
const env0_9 = value.Image;
@@ -17,249 +30,321 @@ function _fun67785(global, require, importDefault, importAll, module, exports, d
const env0_10 = value.jsx;
const env0_11 = value.jsxs;
const env0_12 = value.Fragment;
const env0_13 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(Pressable);
const env0_13 = (ReanimatedRexport).createAnimatedComponent(Pressable);
value = require(4501) /* metro dependency 4501: createStyles */;
const createStyles = value.createStyles;
object4 = {container: {'position': 'absolute', 'alignItems': 'center'}};
const object5 = {};
object = {container: {'position': 'absolute', 'alignItems': 'center'}};
const object2 = {};
const SHADOW_BUTTON_OVERLAY = (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_BUTTON_OVERLAY;
copyDataProperties(object5, SHADOW_BUTTON_OVERLAY, undefined);
object4.shadow = object5;
const object8 = {};
copyDataProperties(object2, SHADOW_BUTTON_OVERLAY, undefined);
object.shadow = object2;
const object3 = {};
const COACHMARK_BODY_WIDTH = (importDefault(697) /* metro dependency 697: native */).modules.mobile.COACHMARK_BODY_WIDTH;
object8.width = COACHMARK_BODY_WIDTH;
object8.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object8.overflow = 'hidden';
object8.zIndex = 1;
object4.body = object8;
object4.textGap = {gap: 4};
object3.width = COACHMARK_BODY_WIDTH;
object3.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object3.overflow = 'hidden';
object3.zIndex = 1;
object.body = object3;
object.textGap = {gap: 4};
const PX_24 = (importDefault(697) /* metro dependency 697: native */).space.PX_24;
object4.textOnlyPadding = {paddingHorizontal: PX_24};
const object9 = {borderWidth: 1};
object.textOnlyPadding = {paddingHorizontal: PX_24};
const object6 = {borderWidth: 1};
const MOBILE_COACHMARK_BORDER_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_COACHMARK_BORDER_DEFAULT;
object9.borderColor = MOBILE_COACHMARK_BORDER_DEFAULT;
object6.borderColor = MOBILE_COACHMARK_BORDER_DEFAULT;
const MOBILE_COACHMARK_BACKGROUND_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.MOBILE_COACHMARK_BACKGROUND_DEFAULT;
object9.backgroundColor = MOBILE_COACHMARK_BACKGROUND_DEFAULT;
object9.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object4.bodyBgColor = object9;
const object11 = {};
object11.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object11.overflow = 'hidden';
object4.gradient = object11;
object6.backgroundColor = MOBILE_COACHMARK_BACKGROUND_DEFAULT;
object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object.bodyBgColor = object6;
const object7 = {};
object7.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object7.overflow = 'hidden';
object.gradient = object7;
const PX_16 = (importDefault(697) /* metro dependency 697: native */).space.PX_16;
object4.bodyContainer = {'padding': null, 'alignItems': 'center', 'justifyContent': 'center', padding: PX_16};
object4.center = {'alignItems': 'center', 'justifyContent': 'center'};
object.bodyContainer = {'padding': null, 'alignItems': 'center', 'justifyContent': 'center', padding: PX_16};
object.center = {'alignItems': 'center', 'justifyContent': 'center'};
let COACHMARK_BUTTON_SPACING = (importDefault(697) /* metro dependency 697: native */).modules.mobile.COACHMARK_BUTTON_SPACING;
object4.buttonSpacing = {height: COACHMARK_BUTTON_SPACING};
object4.text = {'maxWidth': 200, 'textAlign': 'center'};
object4.cursorContainer = {'alignItems': 'center', 'zIndex': 0};
const object12 = {'height': 8, 'width': 8, 'borderRadius': null, 'borderWidth': 2, 'backgroundColor': 'transparent'};
object12.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
object.buttonSpacing = {height: COACHMARK_BUTTON_SPACING};
object.text = {'maxWidth': 200, 'textAlign': 'center'};
object.cursorContainer = {'alignItems': 'center', 'zIndex': 0};
const object10 = {'height': 8, 'width': 8, 'borderRadius': null, 'borderWidth': 2, 'backgroundColor': 'transparent'};
object10.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
let INTERACTIVE_TEXT_ACTIVE = (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_TEXT_ACTIVE;
object12.borderColor = INTERACTIVE_TEXT_ACTIVE;
object4.cursorHead = object12;
object10.borderColor = INTERACTIVE_TEXT_ACTIVE;
object.cursorHead = object10;
INTERACTIVE_TEXT_ACTIVE = (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_TEXT_ACTIVE;
object4.cursorSpine = {'width': 2, 'height': 16, backgroundColor: INTERACTIVE_TEXT_ACTIVE};
object4.image = {'height': 40, 'width': 40};
object.cursorSpine = {'width': 2, 'height': 16, backgroundColor: INTERACTIVE_TEXT_ACTIVE};
object.image = {'height': 40, 'width': 40};
COACHMARK_BUTTON_SPACING = (importDefault(697) /* metro dependency 697: native */).modules.mobile.COACHMARK_BUTTON_SPACING;
object4.bottomMargin = {marginBottom: COACHMARK_BUTTON_SPACING};
const object14 = {position: 'absolute'};
object.bottomMargin = {marginBottom: COACHMARK_BUTTON_SPACING};
const object13 = {position: 'absolute'};
COACHMARK_BUTTON_SPACING = (importDefault(697) /* metro dependency 697: native */).modules.mobile.COACHMARK_BUTTON_SPACING;
object14.top = COACHMARK_BUTTON_SPACING;
object13.top = COACHMARK_BUTTON_SPACING;
COACHMARK_BUTTON_SPACING = (importDefault(697) /* metro dependency 697: native */).modules.mobile.COACHMARK_BUTTON_SPACING;
object14.right = COACHMARK_BUTTON_SPACING;
object4.closeButton = object14;
const env0_14 = Reflect.apply(createStyles, value, [object4]);
object13.right = COACHMARK_BUTTON_SPACING;
object.closeButton = object13;
const env0_14 = Reflect.apply(createStyles, value, [object]);
const env0_15 = {'21/9': 90, '16/9': 90, '6/4': 60, '2/1': 40, '1/1': 40};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Coachmark/native/Coachmark.native.tsx');
exports.Coachmark = closure;
(FileImportTrackerModule).fileFinishedImporting('design/components/Coachmark/native/Coachmark.native.tsx');
exports.Coachmark = Coachmark2;
exports.CoachmarkContainer = CoachmarkContainer;
}
function Coachmark({targetMeasurements, surfaceMeasurements, title, description, offsetY, graphic, imgSource, position, onDismiss, buttonLabel, buttonVariant, onButtonPress, gradientColor, experimental_withBlurBackground, renderImgComponent, enterExitAnimatedStyles}) { // fn#67786, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:1653, offset: 0x01c30c00, size: 1796 bytes, params: 2, frame: 56
var object4;
var r37;
var r31;
var r23;
var r27;
var jsxRuntimeEnv0_12Binding2;
var items5;
var Button;
var object2;
var object3;
let value = 0;
let r12 = offsetY === undefined ? value : offsetY;
const styles = useStyles();
const env0_3 = styles;
let binding = env0_6;
const value5 = binding.useRef(null);
const env0_4 = value5;
const value7 = env0_5(env0_6.useState(null), 2);
const property = value7[value];
var env0_5 = value7[1];
const {adjustmentX, tooltipX,
tooltipY} = (importDefault(8547) /* metro dependency 8547: useTooltipPositionNative */)(property,
surfaceMeasurements, targetMeasurements, position, -8 + r12);
const value10 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(value);
var env0_6 = value10;
const value11 = env0_6.useCallback(_fun67787, [value10]);
const value12 = env0_6.useCallback(_fun67788, [value10]);
const value13 = (require(4583) /* metro dependency 4583: ButtonHooksNative */).useButtonPressAnimationProps(value10);
const style = value13.style;
const value14 = env0_4(value13, env0_3);
const value15 = env0_6.useMemo(_fun67789, [graphic, imgSource, renderImgComponent, styles]);
const value16 = (importDefault(1357) /* metro dependency 1357: MobileVisualRefreshExperiment */)('Coachmark');
const jsxRuntimeEnv0_12Binding = jsxRuntimeEnv0_12;
const viewBindingProps = {ref: value5, accessibilityRole: 'alert', style: styles.center, accessible: true,
onLayout: onLayout_67790};
const textGap = value16 ? styles.textGap : undefined;
const Text = (require(4573) /* metro dependency 4573: Text */).Text;
const view = <View {...viewBindingProps}>{value15}<View style={textGap}><Text style={[styles.text,
graphic == null ? styles.textOnlyPadding : undefined]} variant={value16 ? 'text-md/semibold' : 'heading-md/bold'} color="mobile-text-heading-primary">{title}</Text><Text style={styles.text} variant="text-sm/medium" color={value16 ? 'text-subtle' : 'text-default'}>{description}</Text></View></View>;
if (buttonLabel != null) {
if (onButtonPress != null) {
jsxRuntimeEnv0_12Binding2 = jsxRuntimeEnv0_12;
items5 = [<View style={styles.buttonSpacing} />];
Button = (require(4578) /* metro dependency 4578: ButtonNative */).Button;
if (experimental_withBlurBackground) {
r31 = {'variant': 'secondary-overlay', 'size': 'lg', 'text': null, 'onPress': null, 'grow': true,
text: buttonLabel,
onPress: onButtonPress};
function Coachmark({targetMeasurements, surfaceMeasurements, title, description, offsetY, graphic, imgSource, position, onDismiss, buttonLabel, buttonVariant, onButtonPress, gradientColor, experimental_withBlurBackground, renderImgComponent, enterExitAnimatedStyles}) { // fn#67786, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:1653, offset: 0x01c30c00, size: 1796 bytes, params: 2, frame: 56
var object6;
var r37;
var r31;
var r23;
var r27;
var jsxRuntimeEnv0_12Binding2;
var items5;
var Button;
var object;
var object5;
let value = 0;
let r12 = offsetY === undefined ? value : offsetY;
const styles = useStyles();
const styles2 = styles;
let binding = env0_6;
const value5 = binding.useRef(null);
const env0_4 = value5;
const value7 = env0_5(env0_6.useState(null), 2);
const property = value7[value];
var env0_5 = value7[1];
const {adjustmentX, tooltipX,
tooltipY} = (UseTooltipPositionNative)(property,
surfaceMeasurements, targetMeasurements, position, -8 + r12);
const value10 = (ReanimatedRexportModule).useSharedValue(value);
var env0_6 = value10;
const value11 = env0_6.useCallback(_fun67787, [value10]);
const value12 = env0_6.useCallback(_fun67788, [value10]);
const value13 = (ButtonHooksNativeModule).useButtonPressAnimationProps(value10);
const style = value13.style;
const value14 = env0_4(value13, styles2);
const value15 = env0_6.useMemo(_fun67789, [graphic, imgSource, renderImgComponent, styles]);
const value16 = (MobileVisualRefreshExperiment)('Coachmark');
const jsxRuntimeEnv0_12Binding = jsxRuntimeEnv0_12;
const viewBindingProps = {ref: value5, accessibilityRole: 'alert', style: styles.center, accessible: true,
onLayout: onLayout_67790};
const textGap = value16 ? styles.textGap : undefined;
const Text = (TextModule).Text;
const view = (
<View {...viewBindingProps}>
{value15}
<View style={textGap}>
<Text
style={[styles.text, graphic == null ? styles.textOnlyPadding : undefined]}
variant={value16 ? 'text-md/semibold' : 'heading-md/bold'}
color="mobile-text-heading-primary"
>
{title}
</Text>
<Text
style={styles.text}
variant="text-sm/medium"
color={value16 ? 'text-subtle' : 'text-default'}
>
{description}
</Text>
</View>
</View>
);
if (buttonLabel != null) {
if (onButtonPress != null) {
jsxRuntimeEnv0_12Binding2 = jsxRuntimeEnv0_12;
items5 = [
<View style={styles.buttonSpacing} />,
];
Button = (require(4578) /* metro dependency 4578: ButtonNative */).Button;
if (experimental_withBlurBackground) {
r31 = {'variant': 'secondary-overlay', 'size': 'lg', 'text': null, 'onPress': null, 'grow': true,
text: buttonLabel,
onPress: onButtonPress};
} else {
object = {};
r37 = buttonVariant ?? 'secondary';
object.variant = r37;
r37 = value16 ? 'sm' : 'lg';
object.size = r37;
object.text = buttonLabel;
object.onPress = onButtonPress;
object.grow = true;
r31 = object;
}
items5[1] = <Button {...r31} />;
r23 = (
<>
{items5}
</>
);
} else {
object2 = {};
r37 = buttonVariant ?? 'secondary';
object2.variant = r37;
r37 = value16 ? 'sm' : 'lg';
object2.size = r37;
object2.text = buttonLabel;
object2.onPress = onButtonPress;
object2.grow = true;
r31 = object2;
r23 = null;
}
items5[1] = <Button {...r31} />;
r23 = <>{items5}</>;
} else {
r23 = null;
}
} else {
r23 = null;
}
const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
const string = intl.string;
const cpT0Cq = (require(1244) /* metro dependency 1244: indexNative */).t.cpT0Cq;
const XSmallIcon = (require(5312) /* metro dependency 5312: XSmallIcon */).XSmallIcon;
if (value16) {
object3 = {size: 'xs'};
object3.color = (importDefault(697) /* metro dependency 697: native */).colors.ICON_STRONG;
r27 = object3;
} else {
r27 = {};
}
const fragment = <>{view}{r23}<Pressable accessibilityRole="button" accessibilityLabel={Reflect.apply(string, intl,
[cpT0Cq])} style={styles.closeButton} onPress={onDismiss} onPressIn={value11} onPressOut={value12}><XSmallIcon {...r27} /></Pressable></>;
if (experimental_withBlurBackground) {
const BackgroundBlurView = (require(8554) /* metro dependency 8554: native */).BackgroundBlurView;
r12 = <BackgroundBlurView style={styles.bodyContainer} blurTheme="dark" pressed={value10}>{fragment}</BackgroundBlurView>;
} else {
r12 = <View style={[styles.bodyContainer,
styles.bodyBgColor]}>{value16 && gradientColor != null ? ((ExpressiveGradient) => <ExpressiveGradient style={styles.gradient} color={gradientColor} backgroundColor={(importDefault(697) /* metro dependency 697: native */).colors.MOBILE_COACHMARK_BACKGROUND_DEFAULT} />)((require(8564) /* metro dependency 8564: ExpressiveGradientNative */).ExpressiveGradient) : null}{fragment}</View>;
}
object4 = {onLayout: onLayout_67791};
const items8 = [styles.container];
const platformUtilsModule = require(477) /* metro dependency 477: PlatformUtils */;
items8[1] = platformUtilsModule.isIOS() ? styles.shadow : undefined;
items8[2] = {opacity: property != null ? 1 : value, top: tooltipY, left: tooltipX};
object4.style = items8;
const items9 = [position === 'bottom' && <Cursor position="bottom" adjustmentX={adjustmentX} />];
binding = env0_13;
const bindingProps = {...value14};
bindingProps['onAccessibilityEscape'] = onDismiss;
bindingProps['accessible'] = false;
bindingProps['onPress'] = onDismiss;
const items10 = [styles.body];
value = platformUtilsModule;
value = arraySpread(items10, value.isAndroid() ? [styles.shadow, enterExitAnimatedStyles] : [], 1, position);
items10[value] = style;
value + 1;
bindingProps['style'] = items10;
items9[1] = ((Component) => <Component {...bindingProps}>{r12}</Component>)(binding);
items9[2] = position === 'top' && <Cursor position="top" adjustmentX={adjustmentX} />;
return (
<View {...object4}>
{items9}
</View>
);
}
function Cursor({position, adjustmentX}) { // fn#67792, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:4304, offset: 0x01c314bd, size: 200 bytes, params: 2, frame: 20
const styles = useStyles();
const value2 = position === 'top';
const r9 = value2 ? 'column-reverse' : 'column';
const object2 = {};
if (value2) {
object2.marginTop = -6;
} else {
object2.marginBottom = -6;
}
return (
<View style={[styles.cursorContainer, object2, {flexDirection: r9, left: -adjustmentX}]}>
<View style={styles.cursorHead} />
<View style={styles.cursorSpine} />
</View>
);
}
function CoachmarkContainer(a0) { // fn#67793, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:4694, offset: 0x01c31585, size: 132 bytes, params: 2, frame: 17
const nativeModule = require(3868) /* metro dependency 3868: native */;
const useThemeContext = nativeModule.useThemeContext;
const r5 = a0.experimental_withBlurBackground ? 'dark' : Reflect.apply(useThemeContext, nativeModule, []).theme;
const ThemeContextProvider = nativeModule.ThemeContextProvider;
return (
<ThemeContextProvider theme={r5}>
<Coachmark {...a0} />
</ThemeContextProvider>
);
}
function _fun67787() { // fn#67787, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:2171, offset: 0x01c31304, size: 24 bytes, params: 1, frame: 11
env0_6.set(1);
}
function _fun67788() { // fn#67788, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:2209, offset: 0x01c3131c, size: 23 bytes, params: 1, frame: 11
env0_6.set(0);
}
function _fun67789() { // fn#67789, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:2306, offset: 0x01c31333, size: 278 bytes, params: 1, frame: 21
var value7;
var Graphic;
var binding;
var aspectRatio;
const graphicBinding = graphic;
const value2 = null;
if (value2 != graphicBinding) {
value7 = environment.__proto__;
var viewBindingProps = {style: styles.bottomMargin};
Graphic = (require(8553) /* metro dependency 8553: GraphicNative */).Graphic;
binding = env1_15;
aspectRatio = graphic.aspectRatio;
const intl = (IndexNativeModule).intl;
const string = intl.string;
const cpT0Cq = (IndexNativeModule).t.cpT0Cq;
const XSmallIcon = (XSmallIconModule).XSmallIcon;
if (value16) {
object5 = {size: 'xs'};
object5.color = (importDefault(697) /* metro dependency 697: native */).colors.ICON_STRONG;
r27 = object5;
} else {
r27 = {};
}
const fragment = (
<>
{view}
{r23}
<Pressable
accessibilityRole="button"
accessibilityLabel={Reflect.apply(string, intl, [cpT0Cq])}
style={styles.closeButton}
onPress={onDismiss}
onPressIn={value11}
onPressOut={value12}
>
<XSmallIcon {...r27} />
</Pressable>
</>
);
if (experimental_withBlurBackground) {
const BackgroundBlurView = (require(8554) /* metro dependency 8554: native */).BackgroundBlurView;
r12 = (
<BackgroundBlurView
style={styles.bodyContainer}
blurTheme="dark"
pressed={value10}
>
{fragment}
</BackgroundBlurView>
);
} else {
r12 = (
<View style={[styles.bodyContainer, styles.bodyBgColor]}>
{
value16 && gradientColor != null
? ((ExpressiveGradient) => <ExpressiveGradient style={styles.gradient} color={gradientColor} backgroundColor={(importDefault(697) /* metro dependency 697: native */).colors.MOBILE_COACHMARK_BACKGROUND_DEFAULT} />)((require(8564) /* metro dependency 8564: ExpressiveGradientNative */).ExpressiveGradient)
: null
}
{fragment}
</View>
);
}
object6 = {onLayout: onLayout_67791};
const items8 = [styles.container];
items8[1] = PlatformUtilsModule.isIOS() ? styles.shadow : undefined;
items8[2] = {opacity: property != null ? 1 : value, top: tooltipY, left: tooltipX};
object6.style = items8;
const items9 = [
position === 'bottom' && <Cursor position="bottom" adjustmentX={adjustmentX} />,
];
binding = env0_13;
const bindingProps = {...value14};
bindingProps['onAccessibilityEscape'] = onDismiss;
bindingProps['accessible'] = false;
bindingProps['onPress'] = onDismiss;
const items10 = [styles.body];
value = PlatformUtilsModule;
value = arraySpread(items10, value.isAndroid() ? [styles.shadow, enterExitAnimatedStyles] : [], 1, position);
items10[value] = style;
value + 1;
bindingProps['style'] = items10;
items9[1] = ((Component) => <Component {...bindingProps}>{r12}</Component>)(binding);
items9[2] = position === 'top' && <Cursor position="top" adjustmentX={adjustmentX} />;
return (
<View {...viewBindingProps}>
<Graphic {...graphic} {...{['style']: {maxHeight: binding[value2 != aspectRatio ? aspectRatio : '1/1']}}} />
<View {...object6}>
{items9}
</View>
);
function _fun67787() { // fn#67787, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:2171, offset: 0x01c31304, size: 24 bytes, params: 1, frame: 11
env0_6.set(1);
}
function _fun67788() { // fn#67788, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:2209, offset: 0x01c3131c, size: 23 bytes, params: 1, frame: 11
env0_6.set(0);
}
function _fun67789() { // fn#67789, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:2306, offset: 0x01c31333, size: 278 bytes, params: 1, frame: 21
var value7;
var Graphic;
var binding;
var aspectRatio;
const graphicBinding = graphic;
const value2 = null;
if (value2 != graphicBinding) {
value7 = environment.__proto__;
var viewBindingProps = {style: styles.bottomMargin};
Graphic = (require(8553) /* metro dependency 8553: GraphicNative */).Graphic;
binding = env1_15;
aspectRatio = graphic.aspectRatio;
return (
<View {...viewBindingProps}>
<Graphic {...graphic} {...{['style']: {maxHeight: binding[value2 != aspectRatio ? aspectRatio : '1/1']}}} />
</View>
);
}
let r1 = value2 != renderImgComponent ? renderImgComponent() : value2;
r1 = (
value2 != imgSource
? (
<Image source={imgSource} style={styles.image} />
)
: r1
);
return (
value2 == r1
? value2
: (
<View style={styles.bottomMargin}>
{r1}
</View>
)
);
}
function CoachmarkOnLayout() { // fn#67790, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:2713, owner: Coachmark.onLayout, offset: 0x01c31449, size: 59 bytes, params: 1, frame: 13
const value = environment.__proto__;
(SetAccessibilityFocusAndroidModule).setAccessibilityFocus({ref: env0_4,
delay: 100});
}
function CoachmarkOnLayout_67791({nativeEvent}) { // fn#67791, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:3882, owner: Coachmark.onLayout, offset: 0x01c31484, size: 57 bytes, params: 2, frame: 12
env0_5({width: nativeEvent.layout.width, height: nativeEvent.layout.height});
}
}
function Cursor({position, adjustmentX}) { // fn#67792, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:4304, offset: 0x01c314bd, size: 200 bytes, params: 2, frame: 20
const styles = useStyles();
const value2 = position === 'top';
const r9 = value2 ? 'column-reverse' : 'column';
const object = {};
if (value2) {
object.marginTop = -6;
} else {
object.marginBottom = -6;
}
return (
<View style={[styles.cursorContainer, object, {flexDirection: r9, left: -adjustmentX}]}>
<View style={styles.cursorHead} />
<View style={styles.cursorSpine} />
</View>
);
}
let r1 = value2 != renderImgComponent ? renderImgComponent() : value2;
r1 = value2 != imgSource ? <Image source={imgSource} style={styles.image} /> : r1;
return value2 == r1 ? value2 : <View style={styles.bottomMargin}>{r1}</View>;
}
function CoachmarkOnLayout() { // fn#67790, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:2713, owner: Coachmark.onLayout, offset: 0x01c31449, size: 59 bytes, params: 1, frame: 13
const value = environment.__proto__;
(require(4570) /* metro dependency 4570: setAccessibilityFocusAndroid */).setAccessibilityFocus({ref: env0_4,
delay: 100});
}
function CoachmarkContainer(a0) { // fn#67793, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:4694, offset: 0x01c31585, size: 132 bytes, params: 2, frame: 17
const useThemeContext = NativeModule.useThemeContext;
const r5 = a0.experimental_withBlurBackground ? 'dark' : Reflect.apply(useThemeContext, NativeModule, []).theme;
const ThemeContextProvider = NativeModule.ThemeContextProvider;
return (
<ThemeContextProvider theme={r5}>
<Coachmark {...a0} />
</ThemeContextProvider>
);
}
function CoachmarkOnLayout_67791({nativeEvent}) { // fn#67791, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8737:3882, owner: Coachmark.onLayout, offset: 0x01c31484, size: 57 bytes, params: 2, frame: 12
env0_5({width: nativeEvent.layout.width, height: nativeEvent.layout.height});
}
global.__d(_fun67785, 8552, [29, 57, 31, 27, 33, 4017, 4501, 697, 8547, 4583, 8553, 1357, 4570, 4573, 4578, 1244,
5312, 8554, 8564, 477, 3868,
2]) /* metro module 8552, dependencies: [29, 57, 31, 27, 33, 4017, 4501, 697, 8547, 4583, 8553, 1357, 4570, 4573, 4578, 1244, 5312, 8554, 8564, 477, 3868, 2] */;
sources/design/components/Coachmark/native/CoachmarkConstants.native.tsx
+4 -1
View File
@@ -1,5 +1,8 @@
/* Metro module 12803; source: design/components/Coachmark/native/CoachmarkConstants.native.tsx; dependencies: [2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
function _fun97664(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97664, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12993:6, offset: 0x0218c838, size: 37 bytes, params: 8, frame: 12
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Coachmark/native/CoachmarkConstants.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Coachmark/native/CoachmarkConstants.native.tsx');
}
global.__d(_fun97664, 12803, [2]) /* metro module 12803, dependencies: [2] */;
sources/design/components/Coachmark/native/useCoachmark.native.tsx
+33 -26
View File
@@ -1,34 +1,41 @@
/* Metro module 8543; source: design/components/Coachmark/native/useCoachmark.native.tsx; dependencies: [31, 33, 491, 8544, 6519, 8551, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as LayerContextNativeModule from '../../Layers/native/LayerContext.native.tsx'; /* Metro dependency 6519 */
import * as UseTooltipNativeModule from '../../Tooltip/native/useTooltip.native.tsx'; /* Metro dependency 8544 */
import * as AnimatedCoachmarkNativeModule from './AnimatedCoachmark.native.tsx'; /* Metro dependency 8551 */
function _fun67725(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67725, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8728:6, offset: 0x01c2e809, size: 135 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_2 = importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Coachmark/native/useCoachmark.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Coachmark/native/useCoachmark.native.tsx');
exports.useCoachmark = useCoachmark;
function useCoachmark(a0, a1) { // fn#67726, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8728:227, offset: 0x01c2e890, size: 96 bytes, params: 3, frame: 17
var value;
value = ReactModule.useRef(Reflect.apply((require(491) /* metro dependency 491 */).v4, value, []));
return (UseTooltipNativeModule).useTooltipHelper(value, a0,
useAddCoachmark(a1));
function useAddCoachmark(a0) { // fn#67727, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8728:285, owner: useCoachmark.useAddCoachmark, offset: 0x01c2e8f0, size: 91 bytes, params: 2, frame: 16
var environment;
const env0_0 = a0;
const value = environment.__proto__;
const binding = env1_2;
const useContext = binding.useContext;
const LayerContext = (LayerContextNativeModule).LayerContext;
return binding.useCallback(_fun67728, [Reflect.apply(useContext, binding, [LayerContext]), a0]);
function _fun67728(a0, a1, a2) { // fn#67728, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8728:376, offset: 0x01c2e94b, size: 101 bytes, params: 4, frame: 16
const AnimatedCoachmark = (AnimatedCoachmarkNativeModule).AnimatedCoachmark;
env0_1.add(a0,
<AnimatedCoachmark {...env0_0} {...{['targetMeasurements']: a1}} {...{['surfaceMeasurements']: a2}} />);
}
}
}
}
function useCoachmark(a0, a1) { // fn#67726, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8728:227, offset: 0x01c2e890, size: 96 bytes, params: 3, frame: 17
var value;
value = env0_2.useRef(Reflect.apply((require(491) /* metro dependency 491 */).v4, value, []));
return (require(8544) /* metro dependency 8544: useTooltipNative */).useTooltipHelper(value, a0,
useAddCoachmark(a1));
}
function useAddCoachmark(a0) { // fn#67727, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8728:285, owner: useCoachmark.useAddCoachmark, offset: 0x01c2e8f0, size: 91 bytes, params: 2, frame: 16
var environment;
const env0_0 = a0;
const value = environment.__proto__;
const binding = env1_2;
const useContext = binding.useContext;
const LayerContext = (require(6519) /* metro dependency 6519: LayerContextNative */).LayerContext;
return binding.useCallback(_fun67728, [Reflect.apply(useContext, binding, [LayerContext]), a0]);
}
function _fun67728(a0, a1, a2) { // fn#67728, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8728:376, offset: 0x01c2e94b, size: 101 bytes, params: 4, frame: 16
const AnimatedCoachmark = (require(8551) /* metro dependency 8551: AnimatedCoachmarkNative */).AnimatedCoachmark;
env0_1.add(a0,
<AnimatedCoachmark {...env0_0} {...{['targetMeasurements']: a1}} {...{['surfaceMeasurements']: a2}} />);
}
global.__d(_fun67725, 8543, [31, 33, 491, 8544, 6519, 8551,
2]) /* metro module 8543, dependencies: [31, 33, 491, 8544, 6519, 8551, 2] */;
sources/design/components/ContextMenu/native/ContextMenu.native.tsx
+568 -526
View File
File diff suppressed because it is too large. Load diff
sources/design/components/ContextMenu/native/ContextMenuConstants.native.tsx
+4 -1
View File
@@ -1,8 +1,10 @@
/* Metro module 8813; source: design/components/ContextMenu/native/ContextMenuConstants.native.tsx; dependencies: [2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
function _fun68910(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#68910, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8998:6, offset: 0x01c61657, size: 159 bytes, params: 8, frame: 15
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/ContextMenu/native/ContextMenuConstants.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/ContextMenu/native/ContextMenuConstants.native.tsx');
exports.CONTEXT_MENU_ITEM_PADDING = 12;
exports.CONTEXT_MENU_ITEM_BASE_HEIGHT = 42;
exports.CONTEXT_MENU_DIVIDER_HEIGHT = 4;
@@ -14,3 +16,4 @@ function _fun68910(global, require, importDefault, importAll, module, exports, d
'restDisplacementThreshold': 0.001};
}
global.__d(_fun68910, 8813, [2]) /* metro module 8813, dependencies: [2] */;
sources/design/components/ContextMenu/native/ContextMenuContainer.native.tsx
+84 -67
View File
@@ -1,4 +1,15 @@
/* Metro module 12799; source: design/components/ContextMenu/native/ContextMenuContainer.native.tsx; dependencies: [31, 27, 33, 4501, 12800, 8812, 1599, 4509, 4555, 4508, 2] */
import OverlayView from '../../../void/OverlayView/native/OverlayView.tsx'; /* Metro dependency 4509 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as Module01599Module from '../../../../by-id/module-01599.js'; /* Metro dependency 1599 */
import * as TransitionGroupModule from '../../TransitionGroup/TransitionGroup.tsx'; /* Metro dependency 4508 */
import * as DialogNativeModule from '../../Dialog/native/Dialog.native.tsx'; /* Metro dependency 4555 */
import * as ContextMenuStateNativeModule from './ContextMenuState.native.tsx'; /* Metro dependency 8812 */
import * as ContextMenuPopoutNativeModule from './ContextMenuPopout.native.tsx'; /* Metro dependency 12800 */
function _fun97632(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97632, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12989:6, offset: 0x0218b024, size: 284 bytes, params: 8, frame: 22
const env0_0 = require;
const getItemKey_97633 = function(a0) {
@@ -6,81 +17,87 @@ function _fun97632(global, require, importDefault, importAll, module, exports, d
};
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_3 = importAll(31) /* metro dependency 31 */;
let value = require(27) /* metro dependency 27 */;
let value = ReactNativeModule;
const StyleSheet = value.StyleSheet;
const env0_4 = value.View;
const env0_5 = (require(33) /* metro dependency 33 */).jsx;
value = require(4501) /* metro dependency 4501: createStyles */;
const createStyles = value.createStyles;
const object = {};
copyDataProperties(object, StyleSheet.absoluteFillObject, undefined);
object['zIndex'] = 99999;
const env0_6 = Reflect.apply(createStyles, value, [{overlayView: object,
const object2 = {};
copyDataProperties(object2, StyleSheet.absoluteFillObject, undefined);
object2['zIndex'] = 99999;
const env0_6 = Reflect.apply(createStyles, value, [{overlayView: object2,
wrapperView: StyleSheet.absoluteFillObject}]);
const env0_7 = [];
const EMPTY_CALLBACK = function() {
};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/ContextMenu/native/ContextMenuContainer.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/ContextMenu/native/ContextMenuContainer.native.tsx');
exports.ContextMenuContainer = ContextMenuContainer;
function renderItem_97635(a0, a1, a2, a3) { // fn#97635, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12989:342, offset: 0x0218b140, size: 73 bytes, params: 5, frame: 15
const ContextMenuPopout = (ContextMenuPopoutNativeModule).ContextMenuPopout;
return (
<ContextMenuPopout
menu={a1}
transitionState={a2}
cleanUp={a3}
key={a0}
/>
);
}
function ContextMenuContainer() { // fn#97636, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12989:547, offset: 0x0218b189, size: 269 bytes, params: 1, frame: 19
const value2 = undefined;
const styles = useStyles();
const value3 = (ContextMenuStateNativeModule).useActiveContextMenu();
const r5 = value3 != null ? [value3] : env0_7;
const r1 = (value3 == null ? value2 : value3.requestClose) ?? EMPTY_CALLBACK;
ReactModule.useEffect(function() {
var KeyboardEvents = require(dependencyMap[6]).KeyboardEvents;
var env0_0 = KeyboardEvents.addListener('keyboardDidHide', require(dependencyMap[5]).hideContextMenu);
return _fun97638;
}, []);
const value5 = ReactModule.useCallback(_fun97640, [ReactModule.useCallback(_fun97639, [r1]), styles.overlayView,
styles.wrapperView]);
const TransitionGroup = (TransitionGroupModule).TransitionGroup;
return (
<TransitionGroup
wrapChildren={value5}
items={r5}
renderItem={renderItem_97635}
getItemKey={getItemKey_97633}
/>
);
function _fun97637() { // fn#97637, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12989:712, offset: 0x0218b296, size: 82 bytes, params: 1, frame: 16
const KeyboardEvents = (Module01599Module).KeyboardEvents;
const env0_0 = KeyboardEvents.addListener('keyboardDidHide',
(ContextMenuStateNativeModule).hideContextMenu);
return _fun97638;
function _fun97638() { // fn#97638, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12989:807, offset: 0x00cd0cb3, size: 21 bytes, params: 1, frame: 9
env0_0.remove();
}
}
function _fun97639() { // fn#97639, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12989:851, offset: 0x01d4f9cc, size: 18 bytes, params: 1, frame: 11
env0_1(true);
}
function _fun97640(a0, a1) { // fn#97640, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12989:886, offset: 0x0218b2e8, size: 171 bytes, params: 3, frame: 20
const r7 = a1.length !== 0 ? 'auto' : 'none';
const Dialog = (DialogNativeModule).Dialog;
return (
<OverlayView style={styles.overlayView}>
<View pointerEvents={r7} style={styles.wrapperView}>
<Dialog onDismiss={env0_2}>
{a0}
</Dialog>
</View>
</OverlayView>
);
}
}
}
function renderItem_97635(a0, a1, a2, a3) { // fn#97635, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12989:342, offset: 0x0218b140, size: 73 bytes, params: 5, frame: 15
const ContextMenuPopout = (require(12800) /* metro dependency 12800: ContextMenuPopoutNative */).ContextMenuPopout;
return (
<ContextMenuPopout
menu={a1}
transitionState={a2}
cleanUp={a3}
key={a0}
/>
);
}
function ContextMenuContainer() { // fn#97636, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12989:547, offset: 0x0218b189, size: 269 bytes, params: 1, frame: 19
const value2 = undefined;
const styles = useStyles();
const value3 = (require(8812) /* metro dependency 8812: ContextMenuStateNative */).useActiveContextMenu();
const r5 = value3 != null ? [value3] : env0_7;
const r1 = (value3 == null ? value2 : value3.requestClose) ?? EMPTY_CALLBACK;
const binding = env0_3;
binding.useEffect(function() {
var KeyboardEvents = require(dependencyMap[6]).KeyboardEvents;
var env0_0 = KeyboardEvents.addListener('keyboardDidHide', require(dependencyMap[5]).hideContextMenu);
return _fun97638;
}, []);
const value5 = binding.useCallback(_fun97640, [binding.useCallback(_fun97639, [r1]), styles.overlayView,
styles.wrapperView]);
const TransitionGroup = (require(4508) /* metro dependency 4508: TransitionGroup */).TransitionGroup;
return (
<TransitionGroup
wrapChildren={value5}
items={r5}
renderItem={renderItem_97635}
getItemKey={getItemKey_97633}
/>
);
}
function _fun97637() { // fn#97637, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12989:712, offset: 0x0218b296, size: 82 bytes, params: 1, frame: 16
const KeyboardEvents = (require(1599) /* metro dependency 1599 */).KeyboardEvents;
const env0_0 = KeyboardEvents.addListener('keyboardDidHide',
(require(8812) /* metro dependency 8812: ContextMenuStateNative */).hideContextMenu);
return _fun97638;
}
function _fun97640(a0, a1) { // fn#97640, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12989:886, offset: 0x0218b2e8, size: 171 bytes, params: 3, frame: 20
const OverlayView = importDefault(4509) /* metro dependency 4509: OverlayView */;
const r7 = a1.length !== 0 ? 'auto' : 'none';
const Dialog = (require(4555) /* metro dependency 4555: DialogNative */).Dialog;
return (
<OverlayView style={styles.overlayView}>
<View pointerEvents={r7} style={styles.wrapperView}>
<Dialog onDismiss={env0_2}>
{a0}
</Dialog>
</View>
</OverlayView>
);
}
global.__d(_fun97632, 12799, [31, 27, 33, 4501, 12800, 8812, 1599, 4509, 4555, 4508,
2]) /* metro module 12799, dependencies: [31, 27, 33, 4501, 12800, 8812, 1599, 4509, 4555, 4508, 2] */;
sources/design/components/ContextMenu/native/ContextMenuItem.native.tsx
+193 -159
View File
@@ -1,176 +1,210 @@
/* Metro module 12798; source: design/components/ContextMenu/native/ContextMenuItem.native.tsx; dependencies: [31, 27, 33, 4017, 4501, 8813, 697, 1357, 8812, 4577, 4581, 4580, 4573, 2] */
import MobileVisualRefreshExperiment from '../../../../modules/themes/experiments/MobileVisualRefreshExperiment.tsx'; /* Metro dependency 1357 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as TextModule from '../../Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as SpringModule from '../../../animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
import * as SpringPresetsModule from '../../../animation/reanimated/spring/springPresets.tsx'; /* Metro dependency 4581 */
import * as ContextMenuStateNativeModule from './ContextMenuState.native.tsx'; /* Metro dependency 8812 */
import * as ContextMenuConstantsNativeModule from './ContextMenuConstants.native.tsx'; /* Metro dependency 8813 */
function _fun97623(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97623, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12988:6, offset: 0x0218a63a, size: 277 bytes, params: 8, frame: 19
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_3 = importAll(31) /* metro dependency 31 */;
const Pressable = (require(27) /* metro dependency 27 */).Pressable;
const value = require(33) /* metro dependency 33 */;
const env0_4 = value.jsx;
const env0_5 = value.jsxs;
const env0_6 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(Pressable);
const env0_7 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun97624);
const Pressable = (ReactNativeModule).Pressable;
const env0_6 = (ReanimatedRexport).createAnimatedComponent(Pressable);
const env0_7 = (CreateStylesModule).createStyles(_fun97624);
object = {code: 'function ContextMenuItemNativeTsx1(){const{pan}=this.__closure;return pan.get();}'};
object = {code: 'function ContextMenuItemNativeTsx2(_current,previous){const{measure,ref,index,INDEX_BOUNDS_OFFSET,itemMeasurements,INDEX_BOUNDS_PAGE_X_OFFSET,INDEX_BOUNDS_PAGE_Y_OFFSET,INDEX_BOUNDS_WIDTH_OFFSET,INDEX_BOUNDS_HEIGHT_OFFSET}=this.__closure;if(previous==null||_current===previous)return;const measurements=measure(ref);if(measurements!=null){const{pageX:pageX,pageY:pageY,width:width,height:height}=measurements;const offset=index*INDEX_BOUNDS_OFFSET;itemMeasurements.get()[offset+INDEX_BOUNDS_PAGE_X_OFFSET]=pageX;itemMeasurements.get()[offset+INDEX_BOUNDS_PAGE_Y_OFFSET]=pageY;itemMeasurements.get()[offset+INDEX_BOUNDS_WIDTH_OFFSET]=width;itemMeasurements.get()[offset+INDEX_BOUNDS_HEIGHT_OFFSET]=height;}}'};
object = {code: "function ContextMenuItemNativeTsx3(){const{activeIndex,index,pressed,withSpring,backgroundColor,SUBTLE_SPRING}=this.__closure;const isActive=activeIndex.get()===index||pressed.get()===1;return{backgroundColor:withSpring(isActive?backgroundColor:'transparent',SUBTLE_SPRING,'animate-always')};}"};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/ContextMenu/native/ContextMenuItem.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/ContextMenu/native/ContextMenuItem.native.tsx');
exports.ContextMenuItem = ContextMenuItem;
}
function _fun97624(a0) { // fn#97624, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12988:214, offset: 0x0218a74f, size: 406 bytes, params: 2, frame: 17
const object = {};
const object2 = {'padding': null, 'minHeight': null, 'flexDirection': 'row', 'justifyContent': 'space-between',
'alignItems': 'center', 'gap': 8};
const CONTEXT_MENU_ITEM_PADDING = (ContextMenuConstantsNativeModule).CONTEXT_MENU_ITEM_PADDING;
object2.padding = CONTEXT_MENU_ITEM_PADDING;
const CONTEXT_MENU_ITEM_BASE_HEIGHT = (ContextMenuConstantsNativeModule).CONTEXT_MENU_ITEM_BASE_HEIGHT;
object2.minHeight = CONTEXT_MENU_ITEM_BASE_HEIGHT;
object.container = object2;
object.containerRefresh = {justifyContent: 'flex-start'};
const object4 = {};
object4.borderTopLeftRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object4.borderTopRightRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object.roundedTop = object4;
const object5 = {};
object5.borderBottomLeftRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object5.borderBottomRightRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object.roundedBottom = object5;
const BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
object.border = {borderBottomWidth: 1, borderBottomColor: BORDER_SUBTLE};
const BACKGROUND_MOD_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_SUBTLE;
object.pressed = {backgroundColor: BACKGROUND_MOD_SUBTLE};
object.icon = {'width': 20, 'height': 20,
tintColor: a0 === 'destructive' ? (importDefault(697) /* metro dependency 697: native */).colors.TEXT_FEEDBACK_CRITICAL : (importDefault(697) /* metro dependency 697: native */).colors.TEXT_STRONG};
object.label = {flexShrink: 1};
object.trailingIndicator = {marginLeft: 'auto'};
return object;
}
function _fun97624(a0) { // fn#97624, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12988:214, offset: 0x0218a74f, size: 406 bytes, params: 2, frame: 17
const object3 = {};
const object6 = {'padding': null, 'minHeight': null, 'flexDirection': 'row', 'justifyContent': 'space-between',
'alignItems': 'center', 'gap': 8};
const CONTEXT_MENU_ITEM_PADDING = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_ITEM_PADDING;
object6.padding = CONTEXT_MENU_ITEM_PADDING;
const CONTEXT_MENU_ITEM_BASE_HEIGHT = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_ITEM_BASE_HEIGHT;
object6.minHeight = CONTEXT_MENU_ITEM_BASE_HEIGHT;
object3.container = object6;
object3.containerRefresh = {justifyContent: 'flex-start'};
const object7 = {};
object7.borderTopLeftRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object7.borderTopRightRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object3.roundedTop = object7;
const object8 = {};
object8.borderBottomLeftRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object8.borderBottomRightRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object3.roundedBottom = object8;
const BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
object3.border = {borderBottomWidth: 1, borderBottomColor: BORDER_SUBTLE};
const BACKGROUND_MOD_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_SUBTLE;
object3.pressed = {backgroundColor: BACKGROUND_MOD_SUBTLE};
object3.icon = {'width': 20, 'height': 20,
tintColor: a0 === 'destructive' ? (importDefault(697) /* metro dependency 697: native */).colors.TEXT_FEEDBACK_CRITICAL : (importDefault(697) /* metro dependency 697: native */).colors.TEXT_STRONG};
object3.label = {flexShrink: 1};
object3.trailingIndicator = {marginLeft: 'auto'};
return object3;
}
function ContextMenuItem({label, IconComponent, trailingIndicator, iconSource, start, end, lastInSection, index, state, onPress, variant, accessibilityRole}) { // fn#97625, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12988:2183, offset: 0x0218a8e5, size: 1239 bytes, params: 2, frame: 39
var object2;
variant = variant === undefined ? 'default' : variant;
accessibilityRole = accessibilityRole === undefined ? 'button' : accessibilityRole;
const value2 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useAnimatedRef();
const styles = useStyles(variant);
const value3 = (importDefault(1357) /* metro dependency 1357: MobileVisualRefreshExperiment */)('ContextMenuItem');
const pan = state.pan;
const itemMeasurements = state.itemMeasurements;
const env0_3 = itemMeasurements;
const activeIndex = state.activeIndex;
const value4 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(0);
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedReaction = reanimatedRexportModule.useAnimatedReaction;
let closure = function() {
return pan.get();
};
closure.__closure = {pan: pan};
closure.__workletHash = 11852115418144;
closure.__initData = env0_8;
const closure2 = ContextMenuItemP;
object2 = {measure: reanimatedRexportModule.measure, ref: value2, index: index};
const INDEX_BOUNDS_OFFSET = (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_OFFSET;
object2.INDEX_BOUNDS_OFFSET = INDEX_BOUNDS_OFFSET;
object2.itemMeasurements = itemMeasurements;
const INDEX_BOUNDS_PAGE_X_OFFSET = (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_PAGE_X_OFFSET;
object2.INDEX_BOUNDS_PAGE_X_OFFSET = INDEX_BOUNDS_PAGE_X_OFFSET;
const INDEX_BOUNDS_PAGE_Y_OFFSET = (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_PAGE_Y_OFFSET;
object2.INDEX_BOUNDS_PAGE_Y_OFFSET = INDEX_BOUNDS_PAGE_Y_OFFSET;
const INDEX_BOUNDS_WIDTH_OFFSET = (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_WIDTH_OFFSET;
object2.INDEX_BOUNDS_WIDTH_OFFSET = INDEX_BOUNDS_WIDTH_OFFSET;
const INDEX_BOUNDS_HEIGHT_OFFSET = (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_HEIGHT_OFFSET;
object2.INDEX_BOUNDS_HEIGHT_OFFSET = INDEX_BOUNDS_HEIGHT_OFFSET;
closure2.__closure = object2;
closure2.__workletHash = 9571959267234;
closure2.__initData = env0_9;
Reflect.apply(useAnimatedReaction, reanimatedRexportModule, [closure, closure2]);
const backgroundColor = styles.pressed.backgroundColor;
const env0_6 = backgroundColor;
const moduleValue4 = reanimatedRexportModule;
const useAnimatedStyle = moduleValue4.useAnimatedStyle;
closure = ContextMenuItemR;
object2 = {activeIndex: activeIndex, index: index, pressed: value4};
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.backgroundColor = backgroundColor;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.SUBTLE_SPRING = SUBTLE_SPRING;
closure.__closure = object2;
closure.__workletHash = 624481847983;
closure.__initData = env0_10;
const value5 = Reflect.apply(useAnimatedStyle, moduleValue4, [closure]);
const r14 = IconComponent != null ? <IconComponent size="sm" color={styles.icon.tintColor} /> : iconSource != null ? ((Component) => <Component source={iconSource} style={styles.icon} />)(importDefault(4580) /* metro dependency 4580: Icon */) : null;
const r9 = trailingIndicator != null ? ((Component) => <Component size="sm" color={styles.icon.tintColor} />)(trailingIndicator) : null;
let binding = env0_3;
const value10 = binding.useCallback(_fun97629, [index, itemMeasurements]);
const value11 = binding.useCallback(function() {
activeIndex.set(index);
}, [activeIndex, index]);
const value12 = binding.useCallback(function() {
activeIndex.set(-1);
}, [activeIndex]);
binding = env0_6;
const items3 = [styles.container];
items3[1] = value3 && styles.containerRefresh;
items3[2] = !end && !lastInSection && styles.border;
items3[3] = start && styles.roundedTop;
items3[4] = end && styles.roundedBottom;
items3[5] = value5;
const items2 = [value3 && ((View) => <View>{r14}</View>)((importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View)];
const Text = (require(4573) /* metro dependency 4573: Text */).Text;
items2[1] = <Text animated variant="text-md/medium" style={styles.label} color={variant !== 'destructive' ? 'text-strong' : 'text-feedback-critical'}>{label}</Text>;
items2[2] = !value3 && ((View) => <View>{r14}</View>)((importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View);
items2[3] = r9 != null && ((View) => <View style={styles.trailingIndicator}>{r9}</View>)((importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View);
return ((Component) => <Component ref={value2} style={items3} onLayout={value10} onPressIn={value11} onPressOut={value12} onPress={onPress} accessibilityRole={accessibilityRole}>{items2}</Component>)(binding);
}
function ContextMenuItemP(a0, a1) { // fn#97627, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12988:2632, owner: ContextMenuItem.p, offset: 0x0218adbc, size: 276 bytes, params: 3, frame: 20
var value;
var value3;
var pageX;
var pageY;
var width;
var height;
if (a1 != null) {
if (a0 !== a1) {
value = environment.__proto__;
value3 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).measure(env0_1);
if (value3 != null) {
pageX = value3.pageX;
pageY = value3.pageY;
width = value3.width;
height = value3.height;
value = index * (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_OFFSET;
itemMeasurements.get()[value + (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_PAGE_X_OFFSET] = pageX;
itemMeasurements.get()[value + (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_PAGE_Y_OFFSET] = pageY;
itemMeasurements.get()[value + (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_WIDTH_OFFSET] = width;
itemMeasurements.get()[value + (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_HEIGHT_OFFSET] = height;
function ContextMenuItem({label, IconComponent, trailingIndicator, iconSource, start, end, lastInSection, index, state, onPress, variant, accessibilityRole}) { // fn#97625, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12988:2183, offset: 0x0218a8e5, size: 1239 bytes, params: 2, frame: 39
variant = variant === undefined ? 'default' : variant;
accessibilityRole = accessibilityRole === undefined ? 'button' : accessibilityRole;
const value2 = (ReanimatedRexportModule).useAnimatedRef();
const styles = useStyles(variant);
const value3 = (MobileVisualRefreshExperiment)('ContextMenuItem');
const pan = state.pan;
const itemMeasurements = state.itemMeasurements;
const itemMeasurements2 = itemMeasurements;
const activeIndex = state.activeIndex;
const value4 = (ReanimatedRexportModule).useSharedValue(0);
const useAnimatedReaction = ReanimatedRexportModule.useAnimatedReaction;
let closure = function() {
return pan.get();
};
closure.__closure = {pan: pan};
closure.__workletHash = 11852115418144;
closure.__initData = env0_8;
const ContextMenuItemP2 = ContextMenuItemP;
object = {measure: ReanimatedRexportModule.measure, ref: value2, index: index};
const INDEX_BOUNDS_OFFSET = (ContextMenuStateNativeModule).INDEX_BOUNDS_OFFSET;
object.INDEX_BOUNDS_OFFSET = INDEX_BOUNDS_OFFSET;
object.itemMeasurements = itemMeasurements;
const INDEX_BOUNDS_PAGE_X_OFFSET = (ContextMenuStateNativeModule).INDEX_BOUNDS_PAGE_X_OFFSET;
object.INDEX_BOUNDS_PAGE_X_OFFSET = INDEX_BOUNDS_PAGE_X_OFFSET;
const INDEX_BOUNDS_PAGE_Y_OFFSET = (ContextMenuStateNativeModule).INDEX_BOUNDS_PAGE_Y_OFFSET;
object.INDEX_BOUNDS_PAGE_Y_OFFSET = INDEX_BOUNDS_PAGE_Y_OFFSET;
const INDEX_BOUNDS_WIDTH_OFFSET = (ContextMenuStateNativeModule).INDEX_BOUNDS_WIDTH_OFFSET;
object.INDEX_BOUNDS_WIDTH_OFFSET = INDEX_BOUNDS_WIDTH_OFFSET;
const INDEX_BOUNDS_HEIGHT_OFFSET = (ContextMenuStateNativeModule).INDEX_BOUNDS_HEIGHT_OFFSET;
object.INDEX_BOUNDS_HEIGHT_OFFSET = INDEX_BOUNDS_HEIGHT_OFFSET;
ContextMenuItemP2.__closure = object;
ContextMenuItemP2.__workletHash = 9571959267234;
ContextMenuItemP2.__initData = env0_9;
Reflect.apply(useAnimatedReaction, ReanimatedRexportModule, [closure, ContextMenuItemP2]);
const backgroundColor = styles.pressed.backgroundColor;
const backgroundColor2 = backgroundColor;
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
closure = ContextMenuItemR;
object = {activeIndex: activeIndex, index: index, pressed: value4};
object.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object.backgroundColor = backgroundColor;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.SUBTLE_SPRING = SUBTLE_SPRING;
closure.__closure = object;
closure.__workletHash = 624481847983;
closure.__initData = env0_10;
const value5 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [closure]);
const r14 = (
IconComponent != null
? (
<IconComponent size="sm" color={styles.icon.tintColor} />
)
: (
iconSource != null
? ((Component) => <Component source={iconSource} style={styles.icon} />)(importDefault(4580) /* metro dependency 4580: Icon */)
: null
)
);
const r9 = (
trailingIndicator != null
? ((Component) => <Component size="sm" color={styles.icon.tintColor} />)(trailingIndicator)
: null
);
let binding = itemMeasurements2;
const value10 = binding.useCallback(_fun97629, [index, itemMeasurements]);
const value11 = binding.useCallback(function() {
activeIndex.set(index);
}, [activeIndex, index]);
const value12 = binding.useCallback(function() {
activeIndex.set(-1);
}, [activeIndex]);
binding = backgroundColor2;
const items3 = [styles.container];
items3[1] = value3 && styles.containerRefresh;
items3[2] = !end && !lastInSection && styles.border;
items3[3] = start && styles.roundedTop;
items3[4] = end && styles.roundedBottom;
items3[5] = value5;
const items2 = [
value3 && ((View) => <View>{r14}</View>)((importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View),
];
const Text = (TextModule).Text;
items2[1] = (
<Text
animated
variant="text-md/medium"
style={styles.label}
color={variant !== 'destructive' ? 'text-strong' : 'text-feedback-critical'}
>
{label}
</Text>
);
items2[2] = !value3 && ((View) => <View>{r14}</View>)((importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View);
items2[3] = r9 != null && ((View) => <View style={styles.trailingIndicator}>{r9}</View>)((importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View);
return ((Component) => <Component ref={value2} style={items3} onLayout={value10} onPressIn={value11} onPressOut={value12} onPress={onPress} accessibilityRole={accessibilityRole}>{items2}</Component>)(binding);
function ContextMenuItemP(a0, a1) { // fn#97627, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12988:2632, owner: ContextMenuItem.p, offset: 0x0218adbc, size: 276 bytes, params: 3, frame: 20
var value;
var value3;
var pageX;
var pageY;
var width;
var height;
if (a1 != null) {
if (a0 !== a1) {
value = environment.__proto__;
value3 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).measure(env0_1);
if (value3 != null) {
pageX = value3.pageX;
pageY = value3.pageY;
width = value3.width;
height = value3.height;
value = index * (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_OFFSET;
itemMeasurements.get()[value + (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_PAGE_X_OFFSET] = pageX;
itemMeasurements.get()[value + (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_PAGE_Y_OFFSET] = pageY;
itemMeasurements.get()[value + (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_WIDTH_OFFSET] = width;
itemMeasurements.get()[value + (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_HEIGHT_OFFSET] = height;
}
}
}
}
}
}
function ContextMenuItemR() { // fn#97628, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12988:3451, owner: ContextMenuItem.R, offset: 0x0218aed0, size: 135 bytes, params: 1, frame: 18
const r7 = activeIndex.get() === index || env0_5.get() === 1;
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const backgroundColor2 = r7 ? backgroundColor : 'transparent';
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
return {backgroundColor: Reflect.apply(withSpring, springModule, [backgroundColor2, SUBTLE_SPRING,
'animate-always'])};
}
function _fun97629({nativeEvent}) { // fn#97629, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12988:3945, offset: 0x0218af57, size: 153 bytes, params: 2, frame: 18
var indexBinding;
var value2;
var value3;
const {height, width} = nativeEvent.layout;
if (height !== 0) {
if (width !== 0) {
indexBinding = index;
value2 = environment.__proto__;
value3 = indexBinding * (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_OFFSET;
itemMeasurements.get()[value3 + (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_HEIGHT_OFFSET] = height;
itemMeasurements.get()[value3 + (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_WIDTH_OFFSET] = width;
function ContextMenuItemR() { // fn#97628, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12988:3451, owner: ContextMenuItem.R, offset: 0x0218aed0, size: 135 bytes, params: 1, frame: 18
const r7 = activeIndex.get() === index || JsxRuntimeModule.jsxs.get() === 1;
const withSpring = SpringModule.withSpring;
const backgroundColor2 = r7 ? backgroundColor : 'transparent';
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
return {backgroundColor: Reflect.apply(withSpring, SpringModule, [backgroundColor2, SUBTLE_SPRING,
'animate-always'])};
}
function _fun97629({nativeEvent}) { // fn#97629, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12988:3945, offset: 0x0218af57, size: 153 bytes, params: 2, frame: 18
var indexBinding;
var value2;
var value3;
const {height, width} = nativeEvent.layout;
if (height !== 0) {
if (width !== 0) {
indexBinding = index;
value2 = environment.__proto__;
value3 = indexBinding * (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_OFFSET;
itemMeasurements.get()[value3 + (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_HEIGHT_OFFSET] = height;
itemMeasurements.get()[value3 + (require(8812) /* metro dependency 8812: ContextMenuStateNative */).INDEX_BOUNDS_WIDTH_OFFSET] = width;
}
}
}
}
}
global.__d(_fun97623, 12798, [31, 27, 33, 4017, 4501, 8813, 697, 1357, 8812, 4577, 4581, 4580, 4573,
2]) /* metro module 12798, dependencies: [31, 27, 33, 4017, 4501, 8813, 697, 1357, 8812, 4577, 4581, 4580, 4573, 2] */;
sources/design/components/ContextMenu/native/ContextMenuPopout.native.tsx
+393 -354
View File
@@ -1,6 +1,22 @@
/* Metro module 12800; source: design/components/ContextMenu/native/ContextMenuPopout.native.tsx; dependencies: [57, 31, 27, 33, 4501, 697, 8813, 4017, 4508, 5463, 1478, 477, 4577, 8812, 5321, 4573, 12798, 4559, 4562, 1244, 2] */
import Module00057 from '../../../../by-id/module-00057.js'; /* Metro dependency 57 */
import UseWindowDimensionsNative from '../../../../modules/screen/useWindowDimensions.native.tsx'; /* Metro dependency 1478 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import UseSafeAreaInsetsKeyboardAwareNative from '../../../../modules/safe_area/useSafeAreaInsetsKeyboardAware.native.tsx'; /* Metro dependency 5463 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as PlatformUtilsModule from '../../../../utils/PlatformUtils.tsx'; /* Metro dependency 477 */
import * as IndexNativeModule from '../../../../intl/index.native.tsx'; /* Metro dependency 1244 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as TransitionGroupModule from '../../TransitionGroup/TransitionGroup.tsx'; /* Metro dependency 4508 */
import * as BackdropNativeModule from '../../Backdrop/native/Backdrop.native.tsx'; /* Metro dependency 4562 */
import * as SpringModule from '../../../animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
import * as Module05321Module from '../../../../by-id/module-05321.js'; /* Metro dependency 5321 */
import * as ContextMenuConstantsNativeModule from './ContextMenuConstants.native.tsx'; /* Metro dependency 8813 */
import * as ContextMenuItemNativeModule from './ContextMenuItem.native.tsx'; /* Metro dependency 12798 */
function _fun97641(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97641, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:6, offset: 0x0218b393, size: 659 bytes, params: 8, frame: 25
var object3;
let env0_0 = require;
const renderMenuItems = function(a0) {
var items = a0.items;
@@ -13,9 +29,9 @@ function _fun97641(global, require, importDefault, importAll, module, exports, d
};
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
let env0_3 = importDefault(57) /* metro dependency 57 */;
let env0_4 = importAll(31) /* metro dependency 31 */;
let value = require(27) /* metro dependency 27 */;
let env0_3 = Module00057;
let env0_4 = ReactModule;
let value = ReactNativeModule;
const env0_5 = value.View;
const StyleSheet = value.StyleSheet;
value = require(33) /* metro dependency 33 */;
@@ -24,370 +40,393 @@ function _fun97641(global, require, importDefault, importAll, module, exports, d
const env0_8 = value.jsxs;
value = require(4501) /* metro dependency 4501: createStyles */;
let createStyles = value.createStyles;
object3 = {};
const object5 = {'position': 'absolute', 'backgroundColor': null, 'borderWidth': 1};
object = {};
const object2 = {'position': 'absolute', 'backgroundColor': null, 'borderWidth': 1};
const BACKGROUND_SURFACE_HIGHEST = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_SURFACE_HIGHEST;
object5.backgroundColor = BACKGROUND_SURFACE_HIGHEST;
object2.backgroundColor = BACKGROUND_SURFACE_HIGHEST;
let BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
object5.borderColor = BORDER_SUBTLE;
object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
const CONTEXT_MENU_MIN_WIDTH = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_MIN_WIDTH;
object5.minWidth = CONTEXT_MENU_MIN_WIDTH;
object2.borderColor = BORDER_SUBTLE;
object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
const CONTEXT_MENU_MIN_WIDTH = (ContextMenuConstantsNativeModule).CONTEXT_MENU_MIN_WIDTH;
object2.minWidth = CONTEXT_MENU_MIN_WIDTH;
const SHADOW_HIGH = (importDefault(697) /* metro dependency 697: native */).shadows.SHADOW_HIGH;
copyDataProperties(object5, SHADOW_HIGH, undefined);
object3.container = object5;
const CONTEXT_MENU_ITEM_PADDING = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_ITEM_PADDING;
object3.titleContainer = {padding: CONTEXT_MENU_ITEM_PADDING};
const object7 = {};
const CONTEXT_MENU_DIVIDER_HEIGHT = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_DIVIDER_HEIGHT;
object7.borderBottomWidth = CONTEXT_MENU_DIVIDER_HEIGHT;
copyDataProperties(object2, SHADOW_HIGH, undefined);
object.container = object2;
const CONTEXT_MENU_ITEM_PADDING = (ContextMenuConstantsNativeModule).CONTEXT_MENU_ITEM_PADDING;
object.titleContainer = {padding: CONTEXT_MENU_ITEM_PADDING};
const object4 = {};
const CONTEXT_MENU_DIVIDER_HEIGHT = (ContextMenuConstantsNativeModule).CONTEXT_MENU_DIVIDER_HEIGHT;
object4.borderBottomWidth = CONTEXT_MENU_DIVIDER_HEIGHT;
BORDER_SUBTLE = (importDefault(697) /* metro dependency 697: native */).colors.BORDER_SUBTLE;
object7.borderBottomColor = BORDER_SUBTLE;
object3.divider = object7;
const env0_9 = Reflect.apply(createStyles, value, [object3]);
object3 = {code: "function ContextMenuPopoutNativeTsx1(){const{maxHeight,height,CONTEXT_MENU_MIN_WIDTH,positionY,positionX,CONTEXT_MENU_MIN_SCALE,withSpring,interpolate,visible,CONTEXT_MENU_SPRING,transitionState,TransitionStates,runOnJS,cleanUp,onClose}=this.__closure;const visibleHeight=Math.min(maxHeight,height);const halfHeight=visibleHeight/2;const halfWidth=CONTEXT_MENU_MIN_WIDTH/2;const translateYDirection=positionY==='below'?-1:1;const translateXDirection=positionX==='left'?-1:1;const translateY=translateYDirection*halfHeight+CONTEXT_MENU_MIN_SCALE*-translateYDirection*halfHeight;const translateX=translateXDirection*halfWidth+CONTEXT_MENU_MIN_SCALE*-translateXDirection*halfWidth;return{opacity:withSpring(interpolate(visible.get(),[0,1],[0,1]),CONTEXT_MENU_SPRING,'respect-motion-settings',function(finished){if(finished&&transitionState===TransitionStates.YEETED){runOnJS(cleanUp)();runOnJS(onClose)();}}),transform:[{translateX:withSpring(interpolate(visible.get(),[0,1],[translateX,0]),CONTEXT_MENU_SPRING)},{translateY:withSpring(interpolate(visible.get(),[0,1],[translateY,0]),CONTEXT_MENU_SPRING)},{scale:withSpring(interpolate(visible.get(),[0,1],[CONTEXT_MENU_MIN_SCALE,1]),CONTEXT_MENU_SPRING)}]};}"};
object3 = {code: 'function ContextMenuPopoutNativeTsx2(finished){const{transitionState,TransitionStates,runOnJS,cleanUp,onClose}=this.__closure;if(finished&&transitionState===TransitionStates.YEETED){runOnJS(cleanUp)();runOnJS(onClose)();}}'};
object3 = {code: 'function update_ContextMenuPopoutNativeTsx3(e){const{updateContextMenuState,state}=this.__closure;updateContextMenuState(e.absoluteX,e.absoluteY,state);}'};
object3 = {code: 'function ContextMenuPopoutNativeTsx4(){const{state,runOnJS,requestClose}=this.__closure;const{activeIndex:activeIndex}=state;const isDismiss=activeIndex.get()===-1;runOnJS(requestClose)(isDismiss);}'};
object4.borderBottomColor = BORDER_SUBTLE;
object.divider = object4;
const env0_9 = Reflect.apply(createStyles, value, [object]);
object = {code: "function ContextMenuPopoutNativeTsx1(){const{maxHeight,height,CONTEXT_MENU_MIN_WIDTH,positionY,positionX,CONTEXT_MENU_MIN_SCALE,withSpring,interpolate,visible,CONTEXT_MENU_SPRING,transitionState,TransitionStates,runOnJS,cleanUp,onClose}=this.__closure;const visibleHeight=Math.min(maxHeight,height);const halfHeight=visibleHeight/2;const halfWidth=CONTEXT_MENU_MIN_WIDTH/2;const translateYDirection=positionY==='below'?-1:1;const translateXDirection=positionX==='left'?-1:1;const translateY=translateYDirection*halfHeight+CONTEXT_MENU_MIN_SCALE*-translateYDirection*halfHeight;const translateX=translateXDirection*halfWidth+CONTEXT_MENU_MIN_SCALE*-translateXDirection*halfWidth;return{opacity:withSpring(interpolate(visible.get(),[0,1],[0,1]),CONTEXT_MENU_SPRING,'respect-motion-settings',function(finished){if(finished&&transitionState===TransitionStates.YEETED){runOnJS(cleanUp)();runOnJS(onClose)();}}),transform:[{translateX:withSpring(interpolate(visible.get(),[0,1],[translateX,0]),CONTEXT_MENU_SPRING)},{translateY:withSpring(interpolate(visible.get(),[0,1],[translateY,0]),CONTEXT_MENU_SPRING)},{scale:withSpring(interpolate(visible.get(),[0,1],[CONTEXT_MENU_MIN_SCALE,1]),CONTEXT_MENU_SPRING)}]};}"};
object = {code: 'function ContextMenuPopoutNativeTsx2(finished){const{transitionState,TransitionStates,runOnJS,cleanUp,onClose}=this.__closure;if(finished&&transitionState===TransitionStates.YEETED){runOnJS(cleanUp)();runOnJS(onClose)();}}'};
object = {code: 'function update_ContextMenuPopoutNativeTsx3(e){const{updateContextMenuState,state}=this.__closure;updateContextMenuState(e.absoluteX,e.absoluteY,state);}'};
object = {code: 'function ContextMenuPopoutNativeTsx4(){const{state,runOnJS,requestClose}=this.__closure;const{activeIndex:activeIndex}=state;const isDismiss=activeIndex.get()===-1;runOnJS(requestClose)(isDismiss);}'};
value = require(4501) /* metro dependency 4501: createStyles */;
createStyles = value.createStyles;
object3 = {};
const CONTEXT_MENU_BACKDROP_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.CONTEXT_MENU_BACKDROP_BACKGROUND;
object3.backdrop = {backgroundColor: CONTEXT_MENU_BACKDROP_BACKGROUND};
const object8 = {};
copyDataProperties(object8, StyleSheet.absoluteFillObject, undefined);
object8['height'] = 'auto';
object3.accessibleDismiss = object8;
const env0_14 = Reflect.apply(createStyles, value, [object3]);
object3 = {code: 'function ContextMenuPopoutNativeTsx5(){const{withSpring,visible,CONTEXT_MENU_SPRING}=this.__closure;return{opacity:withSpring(visible.get(),CONTEXT_MENU_SPRING)};}'};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/ContextMenu/native/ContextMenuPopout.native.tsx');
exports.ContextMenuPopout = ContextMenuPopout;
}
function ContextMenuDivider() { // fn#97642, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:2461, offset: 0x0218b626, size: 41 bytes, params: 1, frame: 14
const styles = useStyles();
return <View style={styles.divider} />;
}
function renderMenuItems({items, title, state, onPress, dividerIndexes}) { // fn#97643, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:2531, offset: 0x0218b64f, size: 71 bytes, params: 2, frame: 12
return items.map(_fun97644);
}
function ContextMenuBackdrop({onPress, visible}) { // fn#97646, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:3467, offset: 0x0218b84f, size: 334 bytes, params: 2, frame: 21
const styles = useStyles();
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = ContextMenuBackdropN;
const object2 = {};
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.visible = visible;
const CONTEXT_MENU_SPRING = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_SPRING;
object2.CONTEXT_MENU_SPRING = CONTEXT_MENU_SPRING;
closure.__closure = object2;
closure.__workletHash = 6862317967896;
closure.__initData = env0_15;
const value2 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
const Backdrop = (require(4562) /* metro dependency 4562: BackdropNative */).Backdrop;
const items2 = [styles.backdrop, value2];
const isAndroid2 = (require(477) /* metro dependency 477: PlatformUtils */).isAndroid();
const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
const string = intl.string;
const t = (require(1244) /* metro dependency 1244: indexNative */).t;
return (
<Backdrop
blur="none"
style={items2}
accessibleDismissStyle={styles.accessibleDismiss}
onDismiss={onPress}
accessibilityLabel={isAndroid2 ? Reflect.apply(string, intl, [t.hPBScv]) : Reflect.apply(string, intl,
[t.xs0juG])}
/>
);
}
function ContextMenuPopout({menu, transitionState, cleanUp}) { // fn#97648, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:4157, offset: 0x0218b9eb, size: 1316 bytes, params: 2, frame: 39
const x = menu.x;
const positionX = menu.positionX;
const positionY = menu.positionY;
const env0_3 = positionY;
const height = menu.height;
const env0_4 = height;
const items2 = menu.items;
const state = menu.state;
const requestClose = menu.requestClose;
const onClose = menu.onClose;
const title = menu.title;
const keyboardShouldPersistTaps = menu.keyboardShouldPersistTaps;
const r11 = keyboardShouldPersistTaps === undefined ? 'handled' : keyboardShouldPersistTaps;
const dividerIndexes = menu.dividerIndexes;
const y = menu.y;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useSharedValue = reanimatedRexportModule.useSharedValue;
const TransitionStates = (require(4508) /* metro dependency 4508: TransitionGroup */).TransitionStates;
const MOUNTED = TransitionStates.MOUNTED;
const value4 = Reflect.apply(useSharedValue, reanimatedRexportModule, [transitionState !== MOUNTED ? 0 : 1]);
let binding = env0_4;
binding.useEffect(_fun97649, [transitionState, value4]);
const styles = useStyles();
const {top,
bottom} = (importDefault(5463) /* metro dependency 5463: useSafeAreaInsetsKeyboardAwareNative */)({includeKeyboardHeight: true}).insets;
const value5 = (importDefault(1478) /* metro dependency 1478: useWindowDimensionsNative */)({ignoreKeyboard: (require(477) /* metro dependency 477: PlatformUtils */).isAndroid()});
const width = value5.width;
const height2 = value5.height;
const value6 = positionY === 'below';
const value7 = height2 - y;
const r1 = value6 ? value7 - bottom - (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_EDGE_OFFSET : value7 - top - (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_EDGE_OFFSET;
const value13 = env0_3(env0_4.useState(height >= r1), 2);
const property = value13[0];
const env0_10 = property;
const env0_11 = value13[1];
object = {};
object[value6 ? 'top' : 'bottom'] = y;
object[positionX] = x;
object['maxHeight'] = r1;
const CONTEXT_MENU_EDGE_OFFSET = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_EDGE_OFFSET;
object['maxWidth'] = width - CONTEXT_MENU_EDGE_OFFSET - x;
const moduleValue3 = reanimatedRexportModule;
const useAnimatedStyle = moduleValue3.useAnimatedStyle;
const closure = ContextMenuPopoutW;
const object3 = {maxHeight: r1, height: height};
const CONTEXT_MENU_MIN_WIDTH = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_MIN_WIDTH;
object3.CONTEXT_MENU_MIN_WIDTH = CONTEXT_MENU_MIN_WIDTH;
object3.positionY = positionY;
object3.positionX = positionX;
const CONTEXT_MENU_MIN_SCALE = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_MIN_SCALE;
object3.CONTEXT_MENU_MIN_SCALE = CONTEXT_MENU_MIN_SCALE;
object3.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object3.interpolate = reanimatedRexportModule.interpolate;
object3.visible = value4;
const CONTEXT_MENU_SPRING = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_SPRING;
object3.CONTEXT_MENU_SPRING = CONTEXT_MENU_SPRING;
object3.transitionState = transitionState;
object3.TransitionStates = TransitionStates;
object3.runOnJS = reanimatedRexportModule.runOnJS;
object3.cleanUp = cleanUp;
object3.onClose = onClose;
closure.__closure = object3;
closure.__workletHash = 16778623591634;
closure.__initData = env0_10;
const value16 = Reflect.apply(useAnimatedStyle, moduleValue3, [closure]);
binding = env0_4;
const value17 = binding.useMemo(_fun97652, [state, requestClose, property]);
const value18 = binding.useCallback(_fun97656, [r1]);
const value19 = binding.useCallback(function() {
requestClose(true);
}, [requestClose]);
const value20 = binding.useCallback(function() {
requestClose(false);
}, [requestClose]);
const jsxRuntimeEnv0_7Binding = jsxRuntimeEnv0_7;
const contextMenuBackdrop = <ContextMenuBackdrop onPress={value19} visible={value4} />;
const GestureDetector = (require(5321) /* metro dependency 5321 */).GestureDetector;
const ScrollView = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).ScrollView;
const items7 = [styles.container, object, value16];
object = [title != null ? <><View style={styles.titleContainer}>{((Text) => <Text variant="text-md/bold" color="mobile-text-heading-primary" accessibilityRole="header">{title}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)}</View><ContextMenuDivider /></> : null];
object[1] = renderMenuItems({items: items2, title: title, state: state, onPress: value20,
dividerIndexes: dividerIndexes});
return (
<>
{contextMenuBackdrop}
<GestureDetector gesture={value17}>
<ScrollView
onLayout={value18}
bounces={false}
style={items7}
keyboardShouldPersistTaps={r11}
accessibilityRole="list"
>
{object}
</ScrollView>
</GestureDetector>
</>
);
}
function _fun97644({label, action, iconSource, IconComponent, trailingIndicator, variant, accessibilityRole}, a1) { // fn#97644, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:2624, offset: 0x0218b696, size: 332 bytes, params: 3, frame: 29
var r0;
const value2 = items.length - 1;
const ContextMenuItem = (require(12798) /* metro dependency 12798: ContextMenuItemNative */).ContextMenuItem;
const r16 = a1 === 0 && title == null;
const dividerIndexesBinding = dividerIndexes;
let value = <ContextMenuItem index={a1} label={label} start={r16} end={a1 === value2} lastInSection={dividerIndexesBinding.includes(a1 + 1)} iconSource={iconSource} IconComponent={IconComponent} trailingIndicator={trailingIndicator} state={state} onPress={onPress_97645} variant={variant} accessibilityRole={accessibilityRole} key={'' + label + '-' + a1} />;
if (dividerIndexesBinding.includes(a1)) {
value = <><ContextMenuDivider key={'divider-' + a1} />{value}</>;
r0 = value;
} else {
r0 = value;
const CONTEXT_MENU_BACKDROP_BACKGROUND = (importDefault(697) /* metro dependency 697: native */).colors.CONTEXT_MENU_BACKDROP_BACKGROUND;
object.backdrop = {backgroundColor: CONTEXT_MENU_BACKDROP_BACKGROUND};
const object6 = {};
copyDataProperties(object6, StyleSheet.absoluteFillObject, undefined);
object6['height'] = 'auto';
object.accessibleDismiss = object6;
const env0_14 = Reflect.apply(createStyles, value, [object]);
object = {code: 'function ContextMenuPopoutNativeTsx5(){const{withSpring,visible,CONTEXT_MENU_SPRING}=this.__closure;return{opacity:withSpring(visible.get(),CONTEXT_MENU_SPRING)};}'};
(FileImportTrackerModule).fileFinishedImporting('design/components/ContextMenu/native/ContextMenuPopout.native.tsx');
exports.ContextMenuPopout = ContextMenuPopout;
function ContextMenuDivider() { // fn#97642, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:2461, offset: 0x0218b626, size: 41 bytes, params: 1, frame: 14
const styles = useStyles();
return <View style={styles.divider} />;
}
return r0;
}
function ContextMenuBackdropN() { // fn#97647, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:3562, owner: ContextMenuBackdrop.n, offset: 0x0218b99d, size: 78 bytes, params: 1, frame: 17
let value = environment.__proto__;
value = require(4577) /* metro dependency 4577: spring */;
const withSpring = value.withSpring;
const value3 = visible.get();
const CONTEXT_MENU_SPRING = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_SPRING;
return {opacity: Reflect.apply(withSpring, value, [value3, CONTEXT_MENU_SPRING])};
}
function renderMenuItems({items, title, state, onPress, dividerIndexes}) { // fn#97643, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:2531, offset: 0x0218b64f, size: 71 bytes, params: 2, frame: 12
return items.map(_fun97644);
function _fun97644({label, action, iconSource, IconComponent, trailingIndicator, variant, accessibilityRole}, a1) { // fn#97644, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:2624, offset: 0x0218b696, size: 332 bytes, params: 3, frame: 29
var r0;
const value2 = items.length - 1;
const ContextMenuItem = (ContextMenuItemNativeModule).ContextMenuItem;
const r16 = a1 === 0 && title == null;
const dividerIndexesBinding = dividerIndexes;
let value = (
<ContextMenuItem
index={a1}
label={label}
start={r16}
end={a1 === value2}
lastInSection={dividerIndexesBinding.includes(a1 + 1)}
iconSource={iconSource}
IconComponent={IconComponent}
trailingIndicator={trailingIndicator}
state={state}
onPress={onPress_97645}
variant={variant}
accessibilityRole={accessibilityRole}
key={'' + label + '-' + a1}
/>
);
if (dividerIndexesBinding.includes(a1)) {
value = (
<>
<ContextMenuDivider key={'divider-' + a1} />
{value}
</>
);
r0 = value;
} else {
r0 = value;
}
return r0;
function onPress_97645(a0) { // fn#97645, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:2917, offset: 0x0218b7e2, size: 109 bytes, params: 2, frame: 13
var r1;
let value = environment.__proto__.__proto__;
const isAndroid2 = (PlatformUtilsModule).isAndroid();
if (isAndroid2) {
value = require(4559) /* metro dependency 4559: useIsScreenReaderEnabledNative */;
value = value.getIsScreenReaderEnabled();
r1 = value;
} else {
r1 = isAndroid2;
}
if (r1) {
action();
}
value = environment.__proto__;
if (onPress != null) {
onPress(a0);
}
}
}
function _fun97649() { // fn#97649, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:4490, offset: 0x0218bf0f, size: 85 bytes, params: 1, frame: 13
const transitionStateBinding = transitionState;
const TransitionStates = (require(4508) /* metro dependency 4508: TransitionGroup */).TransitionStates;
const YEETED = TransitionStates.YEETED;
if (transitionStateBinding === YEETED) {
env0_8.set(0);
} else {
env0_8.set(1);
}
}
function ContextMenuPopoutW() { // fn#97650, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:4969, owner: ContextMenuPopout.w, offset: 0x0218bf64, size: 755 bytes, params: 1, frame: 32
const Math = global.Math;
const min = Math.min;
const value3 = Reflect.apply(min, Math, [env0_9, height]) / 2;
const CONTEXT_MENU_MIN_WIDTH = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_MIN_WIDTH;
const value5 = CONTEXT_MENU_MIN_WIDTH / 2;
const positionYBinding = positionY;
const value6 = 1;
const r19 = positionYBinding !== 'below' ? value6 : -1;
const r6 = positionX !== 'left' ? value6 : -1;
const object3 = {};
const springModule = require(4577) /* metro dependency 4577: spring */;
let withSpring = springModule.withSpring;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
let interpolate = reanimatedRexportModule.interpolate;
const value10 = Reflect.apply(interpolate, reanimatedRexportModule, [env0_8.get(), [0, 1], [0, 1]]);
const CONTEXT_MENU_SPRING = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_SPRING;
const closure = wT;
const object4 = {};
object4.transitionState = transitionState;
const TransitionStates = (require(4508) /* metro dependency 4508: TransitionGroup */).TransitionStates;
object4.TransitionStates = TransitionStates;
object4.runOnJS = reanimatedRexportModule.runOnJS;
object4.cleanUp = cleanUp;
object4.onClose = onClose;
closure.__closure = object4;
closure.__workletHash = 4025068986009;
closure.__initData = env1_11;
object3.opacity = Reflect.apply(withSpring, springModule, [value10, CONTEXT_MENU_SPRING, 'respect-motion-settings',
closure]);
const moduleValue3 = springModule;
withSpring = moduleValue3.withSpring;
const moduleValue4 = reanimatedRexportModule;
interpolate = moduleValue4.interpolate;
const value11 = env0_8.get();
const CONTEXT_MENU_MIN_SCALE = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_MIN_SCALE;
const items3 = [{translateX: Reflect.apply(withSpring, moduleValue3, [Reflect.apply(interpolate, moduleValue4,
[value11, [0, 1], [r6 * value5 + CONTEXT_MENU_MIN_SCALE * -r6 * value5, 0]]), CONTEXT_MENU_SPRING])}];
const moduleValue5 = springModule;
withSpring = moduleValue5.withSpring;
const moduleValue6 = reanimatedRexportModule;
items3[1] = {translateY: Reflect.apply(withSpring, moduleValue5, [moduleValue6.interpolate(env0_8.get(), [0, 1],
[r19 * value3 + CONTEXT_MENU_MIN_SCALE * -r19 * value3, 0]), CONTEXT_MENU_SPRING])};
const moduleValue7 = springModule;
withSpring = moduleValue7.withSpring;
const moduleValue8 = reanimatedRexportModule;
interpolate = moduleValue8.interpolate;
let value = env0_8.get();
value = Reflect.apply(interpolate, moduleValue8, [value, [0, 1], [CONTEXT_MENU_MIN_SCALE, value6]]);
items3[2] = {scale: Reflect.apply(withSpring, moduleValue7, [value, CONTEXT_MENU_SPRING])};
object3.transform = items3;
return object3;
}
function ContextMenuBackdrop({onPress, visible}) { // fn#97646, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:3467, offset: 0x0218b84f, size: 334 bytes, params: 2, frame: 21
const styles = useStyles();
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const ContextMenuBackdropN2 = ContextMenuBackdropN;
const object = {};
object.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object.visible = visible;
const CONTEXT_MENU_SPRING = (ContextMenuConstantsNativeModule).CONTEXT_MENU_SPRING;
object.CONTEXT_MENU_SPRING = CONTEXT_MENU_SPRING;
ContextMenuBackdropN2.__closure = object;
ContextMenuBackdropN2.__workletHash = 6862317967896;
ContextMenuBackdropN2.__initData = env0_15;
const value2 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [ContextMenuBackdropN2]);
const Backdrop = (BackdropNativeModule).Backdrop;
const items2 = [styles.backdrop, value2];
const isAndroid2 = (PlatformUtilsModule).isAndroid();
const intl = (IndexNativeModule).intl;
const string = intl.string;
const t = (IndexNativeModule).t;
return (
<Backdrop
blur="none"
style={items2}
accessibleDismissStyle={styles.accessibleDismiss}
onDismiss={onPress}
accessibilityLabel={isAndroid2 ? Reflect.apply(string, intl, [t.hPBScv]) : Reflect.apply(string, intl,
[t.xs0juG])}
/>
);
function ContextMenuBackdropN() { // fn#97647, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:3562, owner: ContextMenuBackdrop.n, offset: 0x0218b99d, size: 78 bytes, params: 1, frame: 17
let value = environment.__proto__;
value = require(4577) /* metro dependency 4577: spring */;
const withSpring = value.withSpring;
const value3 = visible.get();
const CONTEXT_MENU_SPRING = (ContextMenuConstantsNativeModule).CONTEXT_MENU_SPRING;
return {opacity: Reflect.apply(withSpring, value, [value3, CONTEXT_MENU_SPRING])};
}
function _fun97652() { // fn#97652, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:6349, offset: 0x0218c2dd, size: 188 bytes, params: 1, frame: 18
let value = _fun97653();
const Gesture = (require(5321) /* metro dependency 5321 */).Gesture;
value = Gesture.Pan().enabled(!env0_10).onStart(value).onUpdate(value);
const onEnd = value.onEnd;
const closure = t_97655;
const object2 = {};
object2.state = state;
object2.runOnJS = (require(4017) /* metro dependency 4017: ReanimatedRexport */).runOnJS;
object2.requestClose = requestClose;
closure.__closure = object2;
closure.__workletHash = 14495067009140;
closure.__initData = env1_13;
return Reflect.apply(onEnd, value, [closure]);
}
function _fun97656({nativeEvent}) { // fn#97656, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:6887, offset: 0x0218c481, size: 78 bytes, params: 2, frame: 14
const binding = env0_11;
let Math = global.Math;
const value2 = Math.round(nativeEvent.layout.height);
Math = global.Math;
binding(value2 >= Math.round(env0_9));
}
function onPress_97645(a0) { // fn#97645, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:2917, offset: 0x0218b7e2, size: 109 bytes, params: 2, frame: 13
var r1;
let value = environment.__proto__.__proto__;
const isAndroid2 = (require(477) /* metro dependency 477: PlatformUtils */).isAndroid();
if (isAndroid2) {
value = require(4559) /* metro dependency 4559: useIsScreenReaderEnabledNative */;
value = value.getIsScreenReaderEnabled();
r1 = value;
} else {
r1 = isAndroid2;
}
if (r1) {
action();
}
value = environment.__proto__;
if (onPress != null) {
onPress(a0);
function ContextMenuPopout({menu, transitionState, cleanUp}) { // fn#97648, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:4157, offset: 0x0218b9eb, size: 1316 bytes, params: 2, frame: 39
const x = menu.x;
const positionX = menu.positionX;
const positionY = menu.positionY;
const positionY2 = positionY;
const height = menu.height;
const height3 = height;
const items2 = menu.items;
const state = menu.state;
const requestClose = menu.requestClose;
const onClose = menu.onClose;
const title = menu.title;
const keyboardShouldPersistTaps = menu.keyboardShouldPersistTaps;
const r11 = keyboardShouldPersistTaps === undefined ? 'handled' : keyboardShouldPersistTaps;
const dividerIndexes = menu.dividerIndexes;
const y = menu.y;
const useSharedValue = ReanimatedRexportModule.useSharedValue;
const TransitionStates = (TransitionGroupModule).TransitionStates;
const MOUNTED = TransitionStates.MOUNTED;
const value4 = Reflect.apply(useSharedValue, ReanimatedRexportModule, [transitionState !== MOUNTED ? 0 : 1]);
let binding = height3;
binding.useEffect(_fun97649, [transitionState, value4]);
const styles = useStyles();
const {top,
bottom} = (UseSafeAreaInsetsKeyboardAwareNative)({includeKeyboardHeight: true}).insets;
const value5 = (UseWindowDimensionsNative)({ignoreKeyboard: (PlatformUtilsModule).isAndroid()});
const width = value5.width;
const height2 = value5.height;
const value6 = positionY === 'below';
const value7 = height2 - y;
const r1 = value6 ? value7 - bottom - (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_EDGE_OFFSET : value7 - top - (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_EDGE_OFFSET;
const value13 = positionY2(height3.useState(height >= r1), 2);
const property = value13[0];
const property2 = property;
const env0_11 = value13[1];
object = {};
object[value6 ? 'top' : 'bottom'] = y;
object[positionX] = x;
object['maxHeight'] = r1;
const CONTEXT_MENU_EDGE_OFFSET = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_EDGE_OFFSET;
object['maxWidth'] = width - CONTEXT_MENU_EDGE_OFFSET - x;
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const ContextMenuPopoutW2 = ContextMenuPopoutW;
const object2 = {maxHeight: r1, height: height};
const CONTEXT_MENU_MIN_WIDTH = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_MIN_WIDTH;
object2.CONTEXT_MENU_MIN_WIDTH = CONTEXT_MENU_MIN_WIDTH;
object2.positionY = positionY;
object2.positionX = positionX;
const CONTEXT_MENU_MIN_SCALE = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_MIN_SCALE;
object2.CONTEXT_MENU_MIN_SCALE = CONTEXT_MENU_MIN_SCALE;
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.interpolate = ReanimatedRexportModule.interpolate;
object2.visible = value4;
const CONTEXT_MENU_SPRING = (require(8813) /* metro dependency 8813: ContextMenuConstantsNative */).CONTEXT_MENU_SPRING;
object2.CONTEXT_MENU_SPRING = CONTEXT_MENU_SPRING;
object2.transitionState = transitionState;
object2.TransitionStates = TransitionStates;
object2.runOnJS = ReanimatedRexportModule.runOnJS;
object2.cleanUp = cleanUp;
object2.onClose = onClose;
ContextMenuPopoutW2.__closure = object2;
ContextMenuPopoutW2.__workletHash = 16778623591634;
ContextMenuPopoutW2.__initData = property2;
const value16 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [ContextMenuPopoutW2]);
binding = height3;
const value17 = binding.useMemo(_fun97652, [state, requestClose, property]);
const value18 = binding.useCallback(_fun97656, [r1]);
const value19 = binding.useCallback(function() {
requestClose(true);
}, [requestClose]);
const value20 = binding.useCallback(function() {
requestClose(false);
}, [requestClose]);
const jsxRuntimeEnv0_7Binding = jsxRuntimeEnv0_7;
const contextMenuBackdrop = <ContextMenuBackdrop onPress={value19} visible={value4} />;
const GestureDetector = (Module05321Module).GestureDetector;
const ScrollView = (ReanimatedRexport).ScrollView;
const items7 = [styles.container, object, value16];
object = [
title != null
? (
<>
<View style={styles.titleContainer}>
{((Text) => <Text variant="text-md/bold" color="mobile-text-heading-primary" accessibilityRole="header">{title}</Text>)((require(4573) /* metro dependency 4573: Text */).Text)}
</View>
<ContextMenuDivider />
</>
)
: null,
];
object[1] = renderMenuItems({items: items2, title: title, state: state, onPress: value20,
dividerIndexes: dividerIndexes});
return (
<>
{contextMenuBackdrop}
<GestureDetector gesture={value17}>
<ScrollView
onLayout={value18}
bounces={false}
style={items7}
keyboardShouldPersistTaps={r11}
accessibilityRole="list"
>
{object}
</ScrollView>
</GestureDetector>
</>
);
function _fun97649() { // fn#97649, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:4490, offset: 0x0218bf0f, size: 85 bytes, params: 1, frame: 13
const transitionStateBinding = transitionState;
const TransitionStates = (TransitionGroupModule).TransitionStates;
const YEETED = TransitionStates.YEETED;
if (transitionStateBinding === YEETED) {
env0_8.set(0);
} else {
env0_8.set(1);
}
}
function ContextMenuPopoutW() { // fn#97650, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:4969, owner: ContextMenuPopout.w, offset: 0x0218bf64, size: 755 bytes, params: 1, frame: 32
const Math = global.Math;
const min = Math.min;
const value3 = Reflect.apply(min, Math, [env0_9, height]) / 2;
const CONTEXT_MENU_MIN_WIDTH = (ContextMenuConstantsNativeModule).CONTEXT_MENU_MIN_WIDTH;
const value5 = CONTEXT_MENU_MIN_WIDTH / 2;
const positionYBinding = positionY;
const value6 = 1;
const r19 = positionYBinding !== 'below' ? value6 : -1;
const r6 = positionX !== 'left' ? value6 : -1;
const object = {};
let withSpring = SpringModule.withSpring;
let interpolate = ReanimatedRexportModule.interpolate;
const value10 = Reflect.apply(interpolate, ReanimatedRexportModule, [env0_8.get(), [0, 1], [0, 1]]);
const CONTEXT_MENU_SPRING = (ContextMenuConstantsNativeModule).CONTEXT_MENU_SPRING;
const wT2 = wT;
const object2 = {};
object2.transitionState = transitionState;
const TransitionStates = (TransitionGroupModule).TransitionStates;
object2.TransitionStates = TransitionStates;
object2.runOnJS = ReanimatedRexportModule.runOnJS;
object2.cleanUp = cleanUp;
object2.onClose = onClose;
wT2.__closure = object2;
wT2.__workletHash = 4025068986009;
wT2.__initData = env1_11;
object.opacity = Reflect.apply(withSpring, SpringModule, [value10, CONTEXT_MENU_SPRING, 'respect-motion-settings',
wT2]);
withSpring = SpringModule.withSpring;
interpolate = ReanimatedRexportModule.interpolate;
const value11 = env0_8.get();
const CONTEXT_MENU_MIN_SCALE = (ContextMenuConstantsNativeModule).CONTEXT_MENU_MIN_SCALE;
const items3 = [{translateX: Reflect.apply(withSpring, SpringModule, [Reflect.apply(interpolate, ReanimatedRexportModule,
[value11, [0, 1], [r6 * value5 + CONTEXT_MENU_MIN_SCALE * -r6 * value5, 0]]), CONTEXT_MENU_SPRING])}];
withSpring = SpringModule.withSpring;
items3[1] = {translateY: Reflect.apply(withSpring, SpringModule, [ReanimatedRexportModule.interpolate(env0_8.get(), [0, 1],
[r19 * value3 + CONTEXT_MENU_MIN_SCALE * -r19 * value3, 0]), CONTEXT_MENU_SPRING])};
withSpring = SpringModule.withSpring;
interpolate = ReanimatedRexportModule.interpolate;
let value = env0_8.get();
value = Reflect.apply(interpolate, ReanimatedRexportModule, [value, [0, 1], [CONTEXT_MENU_MIN_SCALE, value6]]);
items3[2] = {scale: Reflect.apply(withSpring, SpringModule, [value, CONTEXT_MENU_SPRING])};
object.transform = items3;
return object;
function wT(a0) { // fn#97651, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:5209, owner: ContextMenuPopout.w.t, offset: 0x0218c257, size: 134 bytes, params: 2, frame: 16
var r0;
var transitionStateBinding;
var runOnJS;
var value2;
let value = a0;
if (value) {
value = environment.__proto__;
transitionStateBinding = transitionState;
value = environment.__proto__.__proto__;
value = transitionStateBinding === (require(4508) /* metro dependency 4508: TransitionGroup */).TransitionStates.YEETED;
r0 = value;
} else {
r0 = value;
}
if (r0) {
value = environment.__proto__.__proto__;
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
runOnJS = value.runOnJS;
value2 = environment.__proto__;
Reflect.apply(runOnJS, value, [cleanUp])();
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
runOnJS = value.runOnJS;
Reflect.apply(runOnJS, value, [onClose])();
}
}
}
function _fun97652() { // fn#97652, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:6349, offset: 0x0218c2dd, size: 188 bytes, params: 1, frame: 18
let value = _fun97653();
const Gesture = (Module05321Module).Gesture;
value = Gesture.Pan().enabled(!env0_10).onStart(value).onUpdate(value);
const onEnd = value.onEnd;
const t_976552 = t_97655;
const object = {};
object.state = state;
object.runOnJS = (require(4017) /* metro dependency 4017: ReanimatedRexport */).runOnJS;
object.requestClose = requestClose;
t_976552.__closure = object;
t_976552.__workletHash = 14495067009140;
t_976552.__initData = env1_13;
return Reflect.apply(onEnd, value, [t_976552]);
function _fun97653() { // fn#97653, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:6362, offset: 0x0218c399, size: 92 bytes, params: 1, frame: 14
const update_976542 = update_97654;
const object = {};
object.updateContextMenuState = (require(8812) /* metro dependency 8812: ContextMenuStateNative */).updateContextMenuState;
object.state = state;
update_976542.__closure = object;
update_976542.__workletHash = 4218299258082;
update_976542.__initData = env2_12;
return update_976542;
function update_97654({absoluteX, absoluteY}) { // fn#97654, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:6384, offset: 0x0218c3f5, size: 62 bytes, params: 2, frame: 16
let value = environment.__proto__.__proto__.__proto__;
value = require(8812) /* metro dependency 8812: ContextMenuStateNative */;
value.updateContextMenuState(absoluteX, absoluteY, state);
}
}
function t_97655() { // fn#97655, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:6685, offset: 0x0218c433, size: 78 bytes, params: 1, frame: 13
const value = environment.__proto__;
const value2 = state.activeIndex.get();
ReanimatedRexportModule.runOnJS(requestClose)(value2 === -1);
}
}
function _fun97656({nativeEvent}) { // fn#97656, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:6887, offset: 0x0218c481, size: 78 bytes, params: 2, frame: 14
const binding = env0_11;
let Math = global.Math;
const value2 = Math.round(nativeEvent.layout.height);
Math = global.Math;
binding(value2 >= Math.round(env0_9));
}
}
}
function wT(a0) { // fn#97651, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:5209, owner: ContextMenuPopout.w.t, offset: 0x0218c257, size: 134 bytes, params: 2, frame: 16
var r0;
var transitionStateBinding;
var runOnJS;
var value2;
let value = a0;
if (value) {
value = environment.__proto__;
transitionStateBinding = transitionState;
value = environment.__proto__.__proto__;
value = transitionStateBinding === (require(4508) /* metro dependency 4508: TransitionGroup */).TransitionStates.YEETED;
r0 = value;
} else {
r0 = value;
}
if (r0) {
value = environment.__proto__.__proto__;
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
runOnJS = value.runOnJS;
value2 = environment.__proto__;
Reflect.apply(runOnJS, value, [cleanUp])();
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
runOnJS = value.runOnJS;
Reflect.apply(runOnJS, value, [onClose])();
}
}
function _fun97653() { // fn#97653, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:6362, offset: 0x0218c399, size: 92 bytes, params: 1, frame: 14
const closure = update_97654;
const object2 = {};
object2.updateContextMenuState = (require(8812) /* metro dependency 8812: ContextMenuStateNative */).updateContextMenuState;
object2.state = state;
closure.__closure = object2;
closure.__workletHash = 4218299258082;
closure.__initData = env2_12;
return closure;
}
function t_97655() { // fn#97655, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:6685, offset: 0x0218c433, size: 78 bytes, params: 1, frame: 13
const value = environment.__proto__;
const value2 = state.activeIndex.get();
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
reanimatedRexportModule.runOnJS(requestClose)(value2 === -1);
}
function update_97654({absoluteX, absoluteY}) { // fn#97654, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12990:6384, offset: 0x0218c3f5, size: 62 bytes, params: 2, frame: 16
let value = environment.__proto__.__proto__.__proto__;
value = require(8812) /* metro dependency 8812: ContextMenuStateNative */;
value.updateContextMenuState(absoluteX, absoluteY, state);
}
global.__d(_fun97641, 12800, [57, 31, 27, 33, 4501, 697, 8813, 4017, 4508, 5463, 1478, 477, 4577, 8812, 5321, 4573,
12798, 4559, 4562, 1244,
2]) /* metro module 12800, dependencies: [57, 31, 27, 33, 4501, 697, 8813, 4017, 4508, 5463, 1478, 477, 4577, 8812, 5321, 4573, 12798, 4559, 4562, 1244, 2] */;
sources/design/components/ContextMenu/native/ContextMenuState.native.tsx
+119 -112
View File
@@ -1,16 +1,21 @@
/* Metro module 8812; source: design/components/ContextMenu/native/ContextMenuState.native.tsx; dependencies: [31, 629, 690, 4017, 4081, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as Module00629Module from '../../../../by-id/module-00629.js'; /* Metro dependency 629 */
import * as ReactBatchUpdatesNativeModule from '../../../../external/discord_common/js/shared/utils/ReactBatchUpdates.native.tsx'; /* Metro dependency 690 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
function _fun68896(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#68896, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:6, offset: 0x01c611b8, size: 277 bytes, params: 8, frame: 20
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_2 = importAll(31) /* metro dependency 31 */;
let value = require(629) /* metro dependency 629 */;
let value = Module00629Module;
value = value.create(function() {
return {menu: null};
});
object = {code: 'function updateContextMenuState_ContextMenuStateNativeTsx1(absoluteX,absoluteY,state){const{INDEX_BOUNDS_WIDTH_OFFSET,INDEX_BOUNDS_HEIGHT_OFFSET,INDEX_BOUNDS_PAGE_Y_OFFSET,INDEX_BOUNDS_PAGE_X_OFFSET,INDEX_BOUNDS_OFFSET,runOnJS,triggerHapticFeedback,HapticFeedbackTypes}=this.__closure;const{pan:pan,itemMeasurements:itemMeasurements,activeIndex:activeIndex}=state;pan.set(absoluteY);const bounds=itemMeasurements.get();let offset=0;while(offset<bounds.length){const width=bounds[offset+INDEX_BOUNDS_WIDTH_OFFSET];const height=bounds[offset+INDEX_BOUNDS_HEIGHT_OFFSET];const pageY=bounds[offset+INDEX_BOUNDS_PAGE_Y_OFFSET];const pageX=bounds[offset+INDEX_BOUNDS_PAGE_X_OFFSET];const lowerY=pageY;const upperY=pageY+height;const lowerX=pageX;const upperX=pageX+width;if(absoluteY>=lowerY&&absoluteY<=upperY&&absoluteX>=lowerX&&absoluteX<=upperX){const index=offset/INDEX_BOUNDS_OFFSET;if(activeIndex.get()!==index){activeIndex.set(index);runOnJS(triggerHapticFeedback)(HapticFeedbackTypes.IMPACT_LIGHT);}return;}offset+=INDEX_BOUNDS_OFFSET;}activeIndex.set(-1);}'};
const value2 = _fun68898();
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/ContextMenu/native/ContextMenuState.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/ContextMenu/native/ContextMenuState.native.tsx');
exports.INDEX_BOUNDS_OFFSET = 4;
exports.INDEX_BOUNDS_PAGE_X_OFFSET = 0;
exports.INDEX_BOUNDS_PAGE_Y_OFFSET = 1;
@@ -29,123 +34,125 @@ function _fun68896(global, require, importDefault, importAll, module, exports, d
itemMeasurements.set([]);
}
};
}
function _fun68898() { // fn#68898, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:1226, offset: 0x01c612d8, size: 134 bytes, params: 1, frame: 16
const closure = updateContextMenuState;
const object2 = {'INDEX_BOUNDS_WIDTH_OFFSET': 2, 'INDEX_BOUNDS_HEIGHT_OFFSET': 3, 'INDEX_BOUNDS_PAGE_Y_OFFSET': 1,
'INDEX_BOUNDS_PAGE_X_OFFSET': 0, 'INDEX_BOUNDS_OFFSET': 4};
object2.runOnJS = (require(4017) /* metro dependency 4017: ReanimatedRexport */).runOnJS;
object2.triggerHapticFeedback = (require(4081) /* metro dependency 4081: HapticUtilsNative */).triggerHapticFeedback;
const HapticFeedbackTypes = (require(4081) /* metro dependency 4081: HapticUtilsNative */).HapticFeedbackTypes;
object2.HapticFeedbackTypes = HapticFeedbackTypes;
closure.__closure = object2;
closure.__workletHash = 10158111154044;
closure.__initData = env0_4;
return closure;
}
function showContextMenu(a0) { // fn#68900, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2296, offset: 0x01c6146f, size: 54 bytes, params: 2, frame: 12
const env0_0 = a0;
(require(690) /* metro dependency 690: ReactBatchUpdatesNative */).batchUpdates(_fun68901);
}
function hideContextMenu() { // fn#68902, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2392, offset: 0x01c614c7, size: 47 bytes, params: 1, frame: 12
(require(690) /* metro dependency 690: ReactBatchUpdatesNative */).batchUpdates(_fun68903);
}
function useActiveContextMenu() { // fn#68905, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2517, offset: 0x01c61530, size: 25 bytes, params: 1, frame: 11
return env0_3(function(a0) {
return a0.menu;
});
}
function useContextMenuState() { // fn#68907, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2621, offset: 0x01c61554, size: 140 bytes, params: 1, frame: 20
const value2 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(-1);
const value3 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue([]);
const value4 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(-1);
return value4.useMemo(_fun68908, [value2, value3, value4]);
}
function updateContextMenuState(a0, a1, {pan, itemMeasurements, activeIndex}) { // fn#68899, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:1264, offset: 0x01c6135e, size: 273 bytes, params: 4, frame: 24
var r3;
var property;
var property2;
var property3;
var property4;
var value3;
var runOnJS;
var triggerHapticFeedback;
var HapticFeedbackTypes;
var IMPACT_LIGHT;
pan.set(a1);
let value = itemMeasurements.get();
let length = value.length;
if (0 < length) {
r3 = 0;
reducibleLoop1: while (true) {
property = value[r3 + 2];
property2 = value[r3 + 3];
property3 = value[r3 + 1];
property4 = value[r3 + 0];
if (a1 >= property3) {
reducibleJoin5: while (true) {
if (a1 <= property3 + property2) {
if (a0 >= property4) {
if (a0 <= property4 + property) {
break reducibleLoop1;
function _fun68898() { // fn#68898, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:1226, offset: 0x01c612d8, size: 134 bytes, params: 1, frame: 16
const updateContextMenuState2 = updateContextMenuState;
const object = {'INDEX_BOUNDS_WIDTH_OFFSET': 2, 'INDEX_BOUNDS_HEIGHT_OFFSET': 3, 'INDEX_BOUNDS_PAGE_Y_OFFSET': 1,
'INDEX_BOUNDS_PAGE_X_OFFSET': 0, 'INDEX_BOUNDS_OFFSET': 4};
object.runOnJS = (require(4017) /* metro dependency 4017: ReanimatedRexport */).runOnJS;
object.triggerHapticFeedback = (require(4081) /* metro dependency 4081: HapticUtilsNative */).triggerHapticFeedback;
const HapticFeedbackTypes = (require(4081) /* metro dependency 4081: HapticUtilsNative */).HapticFeedbackTypes;
object.HapticFeedbackTypes = HapticFeedbackTypes;
updateContextMenuState2.__closure = object;
updateContextMenuState2.__workletHash = 10158111154044;
updateContextMenuState2.__initData = env0_4;
return updateContextMenuState2;
function updateContextMenuState(a0, a1, {pan, itemMeasurements, activeIndex}) { // fn#68899, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:1264, offset: 0x01c6135e, size: 273 bytes, params: 4, frame: 24
var r3;
var property;
var property2;
var property3;
var property4;
var value3;
var runOnJS;
var triggerHapticFeedback;
var HapticFeedbackTypes;
var IMPACT_LIGHT;
pan.set(a1);
let value = itemMeasurements.get();
let length = value.length;
if (0 < length) {
r3 = 0;
reducibleLoop1: while (true) {
property = value[r3 + 2];
property2 = value[r3 + 3];
property3 = value[r3 + 1];
property4 = value[r3 + 0];
if (a1 >= property3) {
reducibleJoin5: while (true) {
if (a1 <= property3 + property2) {
if (a0 >= property4) {
if (a0 <= property4 + property) {
break reducibleLoop1;
}
break reducibleJoin5;
}
break reducibleJoin5;
}
break reducibleJoin5;
}
break reducibleJoin5;
}
break reducibleJoin5;
value3 = r3 + 4;
length = value.length;
if (!(value3 < length)) {
activeIndex.set(-1);
return undefined;
}
r3 = value3;
continue reducibleLoop1;
}
}
value3 = r3 + 4;
length = value.length;
if (!(value3 < length)) {
value = r3 / 4;
reducibleJoin9: while (true) {
if (activeIndex.get() !== value) {
activeIndex.set(value);
value = environment.__proto__;
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
runOnJS = value.runOnJS;
triggerHapticFeedback = (require(4081) /* metro dependency 4081: HapticUtilsNative */).triggerHapticFeedback;
value = Reflect.apply(runOnJS, value, [triggerHapticFeedback]);
HapticFeedbackTypes = (require(4081) /* metro dependency 4081: HapticUtilsNative */).HapticFeedbackTypes;
IMPACT_LIGHT = HapticFeedbackTypes.IMPACT_LIGHT;
value(IMPACT_LIGHT);
break reducibleJoin9;
}
break reducibleJoin9;
}
} else {
activeIndex.set(-1);
return undefined;
}
r3 = value3;
continue reducibleLoop1;
}
value = r3 / 4;
reducibleJoin9: while (true) {
if (activeIndex.get() !== value) {
activeIndex.set(value);
value = environment.__proto__;
value = require(4017) /* metro dependency 4017: ReanimatedRexport */;
runOnJS = value.runOnJS;
triggerHapticFeedback = (require(4081) /* metro dependency 4081: HapticUtilsNative */).triggerHapticFeedback;
value = Reflect.apply(runOnJS, value, [triggerHapticFeedback]);
HapticFeedbackTypes = (require(4081) /* metro dependency 4081: HapticUtilsNative */).HapticFeedbackTypes;
IMPACT_LIGHT = HapticFeedbackTypes.IMPACT_LIGHT;
value(IMPACT_LIGHT);
break reducibleJoin9;
}
break reducibleJoin9;
}
} else {
activeIndex.set(-1);
}
function showContextMenu(a0) { // fn#68900, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2296, offset: 0x01c6146f, size: 54 bytes, params: 2, frame: 12
const env0_0 = a0;
(ReactBatchUpdatesNativeModule).batchUpdates(_fun68901);
function _fun68901() { // fn#68901, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2346, offset: 0x01c614a5, size: 34 bytes, params: 1, frame: 12
return env1_3.setState({menu: env0_0});
}
}
function hideContextMenu() { // fn#68902, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2392, offset: 0x01c614c7, size: 47 bytes, params: 1, frame: 12
(ReactBatchUpdatesNativeModule).batchUpdates(_fun68903);
function _fun68903() { // fn#68903, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2441, offset: 0x01c614f6, size: 31 bytes, params: 1, frame: 11
var environment;
let value = environment.__proto__;
env1_3.setState(function(a0) {
var value = a0;
return value.menu == null ? value : {menu: null};
});
}
}
function useActiveContextMenu() { // fn#68905, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2517, offset: 0x01c61530, size: 25 bytes, params: 1, frame: 11
return env0_3(function(a0) {
return a0.menu;
});
}
function useContextMenuState() { // fn#68907, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2621, offset: 0x01c61554, size: 140 bytes, params: 1, frame: 20
const value2 = (ReanimatedRexportModule).useSharedValue(-1);
const value3 = (ReanimatedRexportModule).useSharedValue([]);
const value4 = (ReanimatedRexportModule).useSharedValue(-1);
return value4.useMemo(_fun68908, [value2, value3, value4]);
function _fun68908() { // fn#68908, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2761, offset: 0x01c615e0, size: 34 bytes, params: 1, frame: 3
return {pan: env0_0, itemMeasurements: env0_1, activeIndex: ReactModule};
}
}
}
function _fun68901() { // fn#68901, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2346, offset: 0x01c614a5, size: 34 bytes, params: 1, frame: 12
return env1_3.setState({menu: env0_0});
}
function _fun68903() { // fn#68903, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2441, offset: 0x01c614f6, size: 31 bytes, params: 1, frame: 11
var environment;
let value = environment.__proto__;
env1_3.setState(function(a0) {
var value = a0;
return value.menu == null ? value : {menu: null};
});
}
function _fun68908() { // fn#68908, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8997:2761, offset: 0x01c615e0, size: 34 bytes, params: 1, frame: 3
return {pan: env0_0, itemMeasurements: env0_1, activeIndex: env0_2};
}
global.__d(_fun68896, 8812, [31, 629, 690, 4017, 4081,
2]) /* metro module 8812, dependencies: [31, 629, 690, 4017, 4081, 2] */;
sources/design/components/Dialog/native/Dialog.native.tsx
+28 -24
View File
@@ -1,32 +1,36 @@
/* Metro module 4555; source: design/components/Dialog/native/Dialog.native.tsx; dependencies: [31, 27, 33, 4556, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as AccessibilityViewNativeModule from '../../AccessibilityView/AccessibilityView.native.tsx'; /* Metro dependency 4556 */
function _fun38743(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#38743, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4733:6, offset: 0x010c9205, size: 155 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_2 = importAll(31) /* metro dependency 31 */;
const env0_3 = (require(27) /* metro dependency 27 */).StyleSheet;
const env0_4 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Dialog/native/Dialog.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Dialog/native/Dialog.native.tsx');
exports.Dialog = Dialog_38744;
function Dialog_38744(a0) { // fn#38744, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4733:233, offset: 0x010c92a0, size: 184 bytes, params: 2, frame: 22
const dialogKey = a0.dialogKey;
const onDismiss = a0.onDismiss;
const zIndex = a0.zIndex;
const object = {'dialogKey': 0, 'onDismiss': 0, 'zIndex': 0};
silentSetPrototypeOf(object, null, undefined);
const value = copyDataProperties({}, a0, object, zIndex);
const value3 = ReactModule.useId();
const AccessibilityView = (AccessibilityViewNativeModule).AccessibilityView;
return (
<AccessibilityView
style={[StyleSheet.absoluteFill, {zIndex: zIndex}]}
accessibilityViewIsModal
onAccessibilityEscape={onDismiss}
nativeID={dialogKey ?? value3}
{...value}
/>
);
}
}
function Dialog_38744(a0) { // fn#38744, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:4733:233, offset: 0x010c92a0, size: 184 bytes, params: 2, frame: 22
const dialogKey = a0.dialogKey;
const onDismiss = a0.onDismiss;
const zIndex = a0.zIndex;
const object2 = {'dialogKey': 0, 'onDismiss': 0, 'zIndex': 0};
silentSetPrototypeOf(object2, null, undefined);
const value = copyDataProperties({}, a0, object2, zIndex);
const value3 = env0_2.useId();
const AccessibilityView = (require(4556) /* metro dependency 4556: AccessibilityViewNative */).AccessibilityView;
return (
<AccessibilityView
style={[StyleSheet.absoluteFill, {zIndex: zIndex}]}
accessibilityViewIsModal
onAccessibilityEscape={onDismiss}
nativeID={dialogKey ?? value3}
{...value}
/>
);
}
global.__d(_fun38743, 4555, [31, 27, 33, 4556, 2]) /* metro module 4555, dependencies: [31, 27, 33, 4556, 2] */;
sources/design/components/ErrorText/native/ErrorText.native.tsx
+40 -26
View File
@@ -1,34 +1,48 @@
/* Metro module 7683; source: design/components/ErrorText/native/ErrorText.native.tsx; dependencies: [31, 33, 3862, 4002, 4572, 7684, 4573, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as NativeModule from '../../../utils/native.tsx'; /* Metro dependency 3862 */
import * as StackNativeModule from '../../Stack/native/Stack.native.tsx'; /* Metro dependency 4572 */
import * as TextModule from '../../Text/native/Text.tsx'; /* Metro dependency 4573 */
import * as CircleErrorIconModule from '../../Icon/native/redesign/generated/CircleErrorIcon.tsx'; /* Metro dependency 7684 */
function _fun61361(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#61361, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7861:6, offset: 0x01b3ce8f, size: 142 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const env0_2 = importAll(31) /* metro dependency 31 */;
const value = require(33) /* metro dependency 33 */;
const env0_3 = value.jsx;
const env0_4 = value.jsxs;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/ErrorText/native/ErrorText.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/ErrorText/native/ErrorText.native.tsx');
exports.ErrorText = ErrorText;
function ErrorText({children, style}) { // fn#61362, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7861:234, offset: 0x01b3cf1d, size: 230 bytes, params: 2, frame: 20
ReactModule.useEffect(_fun61363, [(NativeModule).getNodeText(children)]);
const Stack = (StackNativeModule).Stack;
const CircleErrorIcon = (CircleErrorIconModule).CircleErrorIcon;
const circleErrorIcon = <CircleErrorIcon size="xs" color="text-feedback-critical" />;
const Text = (TextModule).Text;
return (
<Stack
direction="horizontal"
spacing={4}
align="flex-start"
style={style}
>
{circleErrorIcon}
<Text variant="text-xs/medium" color="text-feedback-critical">
{children}
</Text>
</Stack>
);
function _fun61363() { // fn#61363, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7861:324, offset: 0x01b3d003, size: 81 bytes, params: 1, frame: 12
var value4;
if (env0_0 != null && env0_0 !== '') {
value4 = environment.__proto__;
(require(4002) /* metro dependency 4002: shared */).AccessibilityAnnouncer.announce(env0_0);
}
}
}
}
function ErrorText({children, style}) { // fn#61362, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7861:234, offset: 0x01b3cf1d, size: 230 bytes, params: 2, frame: 20
env0_2.useEffect(_fun61363, [(require(3862) /* metro dependency 3862: native */).getNodeText(children)]);
const Stack = (require(4572) /* metro dependency 4572: StackNative */).Stack;
const CircleErrorIcon = (require(7684) /* metro dependency 7684: CircleErrorIcon */).CircleErrorIcon;
const circleErrorIcon = <CircleErrorIcon size="xs" color="text-feedback-critical" />;
const Text = (require(4573) /* metro dependency 4573: Text */).Text;
return (
<Stack
direction="horizontal"
spacing={4}
align="flex-start"
style={style}
>
{circleErrorIcon}
<Text variant="text-xs/medium" color="text-feedback-critical">
{children}
</Text>
</Stack>
);
}
global.__d(_fun61361, 7683, [31, 33, 3862, 4002, 4572, 7684, 4573,
2]) /* metro module 7683, dependencies: [31, 33, 3862, 4002, 4572, 7684, 4573, 2] */;
sources/design/components/ExpressiveGradient/native/ExpressiveGradient.native.tsx
+67 -60
View File
@@ -1,78 +1,85 @@
/* Metro module 8564; source: design/components/ExpressiveGradient/native/ExpressiveGradient.native.tsx; dependencies: [31, 27, 33, 697, 3860, 674, 4589, 2] */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as UseTokenModule from '../../../tokens/native/useToken.tsx'; /* Metro dependency 3860 */
function _fun67823(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67823, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8749:6, offset: 0x01c33107, size: 581 bytes, params: 8, frame: 20
var object8;
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
let value = require(27) /* metro dependency 27 */;
ReactModule;
let value = ReactNativeModule;
const env0_3 = value.View;
const env0_4 = value.StyleSheet;
value = require(33) /* metro dependency 33 */;
const env0_5 = value.jsx;
const env0_6 = value.jsxs;
object8 = {};
const object9 = {};
const EXPRESSIVE_GRADIENT_PURPLE_START = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_PURPLE_START;
object9.start = EXPRESSIVE_GRADIENT_PURPLE_START;
const EXPRESSIVE_GRADIENT_PURPLE_END = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_PURPLE_END;
object9.end = EXPRESSIVE_GRADIENT_PURPLE_END;
object8.purple = object9;
const object10 = {};
const EXPRESSIVE_GRADIENT_BLUE_START = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_BLUE_START;
object10.start = EXPRESSIVE_GRADIENT_BLUE_START;
const EXPRESSIVE_GRADIENT_BLUE_END = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_BLUE_END;
object10.end = EXPRESSIVE_GRADIENT_BLUE_END;
object8.blue = object10;
const object11 = {};
const EXPRESSIVE_GRADIENT_GREEN_START = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_GREEN_START;
object11.start = EXPRESSIVE_GRADIENT_GREEN_START;
const EXPRESSIVE_GRADIENT_GREEN_END = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_GREEN_END;
object11.end = EXPRESSIVE_GRADIENT_GREEN_END;
object8.green = object11;
const object12 = {};
const EXPRESSIVE_GRADIENT_PINK_START = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_PINK_START;
object12.start = EXPRESSIVE_GRADIENT_PINK_START;
const EXPRESSIVE_GRADIENT_PINK_END = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_PINK_END;
object12.end = EXPRESSIVE_GRADIENT_PINK_END;
object8.pink = object12;
const object13 = {};
const EXPRESSIVE_GRADIENT_NITRO_PINK_START = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_NITRO_PINK_START;
object13.start = EXPRESSIVE_GRADIENT_NITRO_PINK_START;
const EXPRESSIVE_GRADIENT_NITRO_PINK_END = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_NITRO_PINK_END;
object13.end = EXPRESSIVE_GRADIENT_NITRO_PINK_END;
object8['nitro-pink'] = object13;
const object14 = {};
const EXPRESSIVE_GRADIENT_NITRO_GREEN_START = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_NITRO_GREEN_START;
object14.start = EXPRESSIVE_GRADIENT_NITRO_GREEN_START;
const EXPRESSIVE_GRADIENT_NITRO_GREEN_END = (importDefault(697) /* metro dependency 697: native */).colors.EXPRESSIVE_GRADIENT_NITRO_GREEN_END;
object14.end = EXPRESSIVE_GRADIENT_NITRO_GREEN_END;
object8['nitro-green'] = object14;
object = {};
const object2 = {};
const EXPRESSIVE_GRADIENT_PURPLE_START = (Native).colors.EXPRESSIVE_GRADIENT_PURPLE_START;
object2.start = EXPRESSIVE_GRADIENT_PURPLE_START;
const EXPRESSIVE_GRADIENT_PURPLE_END = (Native).colors.EXPRESSIVE_GRADIENT_PURPLE_END;
object2.end = EXPRESSIVE_GRADIENT_PURPLE_END;
object.purple = object2;
const object3 = {};
const EXPRESSIVE_GRADIENT_BLUE_START = (Native).colors.EXPRESSIVE_GRADIENT_BLUE_START;
object3.start = EXPRESSIVE_GRADIENT_BLUE_START;
const EXPRESSIVE_GRADIENT_BLUE_END = (Native).colors.EXPRESSIVE_GRADIENT_BLUE_END;
object3.end = EXPRESSIVE_GRADIENT_BLUE_END;
object.blue = object3;
const object4 = {};
const EXPRESSIVE_GRADIENT_GREEN_START = (Native).colors.EXPRESSIVE_GRADIENT_GREEN_START;
object4.start = EXPRESSIVE_GRADIENT_GREEN_START;
const EXPRESSIVE_GRADIENT_GREEN_END = (Native).colors.EXPRESSIVE_GRADIENT_GREEN_END;
object4.end = EXPRESSIVE_GRADIENT_GREEN_END;
object.green = object4;
const object5 = {};
const EXPRESSIVE_GRADIENT_PINK_START = (Native).colors.EXPRESSIVE_GRADIENT_PINK_START;
object5.start = EXPRESSIVE_GRADIENT_PINK_START;
const EXPRESSIVE_GRADIENT_PINK_END = (Native).colors.EXPRESSIVE_GRADIENT_PINK_END;
object5.end = EXPRESSIVE_GRADIENT_PINK_END;
object.pink = object5;
const object6 = {};
const EXPRESSIVE_GRADIENT_NITRO_PINK_START = (Native).colors.EXPRESSIVE_GRADIENT_NITRO_PINK_START;
object6.start = EXPRESSIVE_GRADIENT_NITRO_PINK_START;
const EXPRESSIVE_GRADIENT_NITRO_PINK_END = (Native).colors.EXPRESSIVE_GRADIENT_NITRO_PINK_END;
object6.end = EXPRESSIVE_GRADIENT_NITRO_PINK_END;
object['nitro-pink'] = object6;
const object7 = {};
const EXPRESSIVE_GRADIENT_NITRO_GREEN_START = (Native).colors.EXPRESSIVE_GRADIENT_NITRO_GREEN_START;
object7.start = EXPRESSIVE_GRADIENT_NITRO_GREEN_START;
const EXPRESSIVE_GRADIENT_NITRO_GREEN_END = (Native).colors.EXPRESSIVE_GRADIENT_NITRO_GREEN_END;
object7.end = EXPRESSIVE_GRADIENT_NITRO_GREEN_END;
object['nitro-green'] = object7;
const env0_8 = {'x': 0, 'y': 0.5};
const env0_9 = {'x': 1, 'y': 0.5};
const env0_10 = {'x': 0.5, 'y': 0};
const env0_11 = {'x': 0.5, 'y': 0.5};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/ExpressiveGradient/native/ExpressiveGradient.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/ExpressiveGradient/native/ExpressiveGradient.native.tsx');
exports.ExpressiveGradient = ExpressiveGradient;
}
function ExpressiveGradient({color, offsetBottom, backgroundColor, children, style}) { // fn#67824, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8749:1044, offset: 0x01c3334c, size: 510 bytes, params: 2, frame: 28
color = color === undefined ? 'purple' : color;
offsetBottom = offsetBottom === undefined ? 0 : offsetBottom;
const r6 = typeof color !== 'object' ? env0_7[color ?? 'purple'] : color ?? env0_7[color ?? 'purple'];
const value7 = (require(3860) /* metro dependency 3860: useToken */).useToken(r6.start);
const value8 = (require(3860) /* metro dependency 3860: useToken */).useToken(r6.end);
const value9 = (require(3860) /* metro dependency 3860: useToken */).useToken(backgroundColor);
return (
<View style={[StyleSheet.absoluteFill, style]}>
<View style={[StyleSheet.absoluteFill, offsetBottom > 0 ? {bottom: 100 * offsetBottom + '%'} : undefined]}>
{((Component) => <Component style={StyleSheet.absoluteFillObject} colors={[value7,
value8]} start={env0_8} end={env0_9} pointerEvents="none" />)(importDefault(4589) /* metro dependency 4589 */)}
{((Component) => <Component style={StyleSheet.absoluteFillObject} colors={[(importDefault(674) /* metro dependency 674 */)(value9).alpha(0).css(),
value9]} start={env0_10} end={env0_11} pointerEvents="none" />)(importDefault(4589) /* metro dependency 4589 */)}
function ExpressiveGradient({color, offsetBottom, backgroundColor, children, style}) { // fn#67824, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8749:1044, offset: 0x01c3334c, size: 510 bytes, params: 2, frame: 28
color = color === undefined ? 'purple' : color;
offsetBottom = offsetBottom === undefined ? 0 : offsetBottom;
const r6 = typeof color !== 'object' ? env0_7[color ?? 'purple'] : color ?? env0_7[color ?? 'purple'];
const value7 = (UseTokenModule).useToken(r6.start);
const value8 = (UseTokenModule).useToken(r6.end);
const value9 = (UseTokenModule).useToken(backgroundColor);
return (
<View style={[StyleSheet.absoluteFill, style]}>
<View style={[StyleSheet.absoluteFill, offsetBottom > 0 ? {bottom: 100 * offsetBottom + '%'} : undefined]}>
{((Component) => <Component style={StyleSheet.absoluteFillObject} colors={[value7,
value8]} start={env0_8} end={env0_9} pointerEvents="none" />)(importDefault(4589) /* metro dependency 4589 */)}
{((Component) => <Component style={StyleSheet.absoluteFillObject} colors={[(importDefault(674) /* metro dependency 674 */)(value9).alpha(0).css(),
value9]} start={env0_10} end={env0_11} pointerEvents="none" />)(importDefault(4589) /* metro dependency 4589 */)}
</View>
{children}
</View>
{children}
</View>
);
);
}
}
global.__d(_fun67823, 8564, [31, 27, 33, 697, 3860, 674, 4589,
2]) /* metro module 8564, dependencies: [31, 27, 33, 697, 3860, 674, 4589, 2] */;
sources/design/components/Forms/native/FormCheckbox.native.tsx
+117 -112
View File
@@ -1,131 +1,136 @@
/* Metro module 7974; source: design/components/Forms/native/FormCheckbox.native.tsx; dependencies: [31, 33, 4501, 697, 4017, 4580, 1357, 3875, 6810, 4577, 4581, 2] */
import MobileVisualRefreshExperiment from '../../../../modules/themes/experiments/MobileVisualRefreshExperiment.tsx'; /* Metro dependency 1357 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import Icon from '../../../void/Icon/native/Icon.tsx'; /* Metro dependency 4580 */
import Module06810 from '../../../../by-id/module-06810.js'; /* Metro dependency 6810 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as AccessibilityPreferencesContextModule from '../../../../external/discord_common/js/packages/design/components/AccessibilityPreferencesContext/AccessibilityPreferencesContext.tsx'; /* Metro dependency 3875 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as SpringModule from '../../../animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
import * as SpringPresetsModule from '../../../animation/reanimated/spring/springPresets.tsx'; /* Metro dependency 4581 */
function _fun63460(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#63460, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8152:6, offset: 0x01b80990, size: 559 bytes, params: 8, frame: 22
var object5;
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(33) /* metro dependency 33 */).jsx;
const createStylesModule = require(4501) /* metro dependency 4501: createStyles */;
const createStyles = createStylesModule.createStyles;
object5 = {};
const object6 = {'width': null, 'height': null, 'flexGrow': 0, 'flexShrink': 0, 'alignItems': 'center',
const createStyles = CreateStylesModule.createStyles;
object = {};
const object2 = {'width': null, 'height': null, 'flexGrow': 0, 'flexShrink': 0, 'alignItems': 'center',
'justifyContent': 'center'};
let CONTROL_CHECKBOX_SIZE_DEFAULT = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_CHECKBOX_SIZE_DEFAULT;
object6.width = CONTROL_CHECKBOX_SIZE_DEFAULT;
object2.width = CONTROL_CHECKBOX_SIZE_DEFAULT;
CONTROL_CHECKBOX_SIZE_DEFAULT = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_CHECKBOX_SIZE_DEFAULT;
object6.height = CONTROL_CHECKBOX_SIZE_DEFAULT;
object2.height = CONTROL_CHECKBOX_SIZE_DEFAULT;
const CONTROL_CHECKBOX_BORDER_RADIUS = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_CHECKBOX_BORDER_RADIUS;
object6.borderRadius = CONTROL_CHECKBOX_BORDER_RADIUS;
object2.borderRadius = CONTROL_CHECKBOX_BORDER_RADIUS;
const CONTROL_CHECKBOX_BORDER_WIDTH = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_CHECKBOX_BORDER_WIDTH;
object6.borderWidth = CONTROL_CHECKBOX_BORDER_WIDTH;
object2.borderWidth = CONTROL_CHECKBOX_BORDER_WIDTH;
let CHECKBOX_BORDER_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CHECKBOX_BORDER_DEFAULT;
object6.borderColor = CHECKBOX_BORDER_DEFAULT;
object5.checkbox = object6;
const object7 = {};
object2.borderColor = CHECKBOX_BORDER_DEFAULT;
object.checkbox = object2;
const object3 = {};
const CHECKBOX_BACKGROUND_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CHECKBOX_BACKGROUND_DEFAULT;
object7.backgroundColor = CHECKBOX_BACKGROUND_DEFAULT;
object3.backgroundColor = CHECKBOX_BACKGROUND_DEFAULT;
CHECKBOX_BORDER_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CHECKBOX_BORDER_DEFAULT;
object7.borderColor = CHECKBOX_BORDER_DEFAULT;
object5.unselected = object7;
const object8 = {};
object3.borderColor = CHECKBOX_BORDER_DEFAULT;
object.unselected = object3;
const object4 = {};
const CHECKBOX_BORDER_SELECTED_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CHECKBOX_BORDER_SELECTED_DEFAULT;
object8.borderColor = CHECKBOX_BORDER_SELECTED_DEFAULT;
object4.borderColor = CHECKBOX_BORDER_SELECTED_DEFAULT;
const CHECKBOX_BACKGROUND_SELECTED_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.CHECKBOX_BACKGROUND_SELECTED_DEFAULT;
object8.backgroundColor = CHECKBOX_BACKGROUND_SELECTED_DEFAULT;
object5.selected = object8;
object4.backgroundColor = CHECKBOX_BACKGROUND_SELECTED_DEFAULT;
object.selected = object4;
const CHECKBOX_ICON_ACTIVE = (importDefault(697) /* metro dependency 697: native */).colors.CHECKBOX_ICON_ACTIVE;
object5.checkmark = {tintColor: CHECKBOX_ICON_ACTIVE};
const env0_5 = Reflect.apply(createStyles, createStylesModule, [object5]);
const env0_6 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(importDefault(4580) /* metro dependency 4580: Icon */);
object5 = {code: "function FormCheckboxNativeTsx1(){const{withSpring,checked,selected,unselected,SUBTLE_SPRING}=this.__closure;const defaultAnimation={borderColor:withSpring(checked?selected.borderColor:unselected.borderColor,SUBTLE_SPRING,'animate-always'),backgroundColor:withSpring(checked?selected.backgroundColor:unselected.backgroundColor,SUBTLE_SPRING,'animate-always')};return defaultAnimation;}"};
object5 = {code: "function FormCheckboxNativeTsx2(){const{useReducedMotion,withSpring,checked,SUBTLE_SPRING}=this.__closure;const uncheckedScale=useReducedMotion?1:0.5;return{opacity:withSpring(checked?1:0,SUBTLE_SPRING,'animate-always'),transform:[{scale:withSpring(checked?1:uncheckedScale,SUBTLE_SPRING)}]};}"};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Forms/native/FormCheckbox.native.tsx');
object.checkmark = {tintColor: CHECKBOX_ICON_ACTIVE};
const env0_5 = Reflect.apply(createStyles, CreateStylesModule, [object]);
const env0_6 = (ReanimatedRexport).createAnimatedComponent(Icon);
object = {code: "function FormCheckboxNativeTsx1(){const{withSpring,checked,selected,unselected,SUBTLE_SPRING}=this.__closure;const defaultAnimation={borderColor:withSpring(checked?selected.borderColor:unselected.borderColor,SUBTLE_SPRING,'animate-always'),backgroundColor:withSpring(checked?selected.backgroundColor:unselected.backgroundColor,SUBTLE_SPRING,'animate-always')};return defaultAnimation;}"};
object = {code: "function FormCheckboxNativeTsx2(){const{useReducedMotion,withSpring,checked,SUBTLE_SPRING}=this.__closure;const uncheckedScale=useReducedMotion?1:0.5;return{opacity:withSpring(checked?1:0,SUBTLE_SPRING,'animate-always'),transform:[{scale:withSpring(checked?1:uncheckedScale,SUBTLE_SPRING)}]};}"};
(FileImportTrackerModule).fileFinishedImporting('design/components/Forms/native/FormCheckbox.native.tsx');
exports.FormCheckbox = FormCheckbox_63461;
function FormCheckbox_63461({checked}) { // fn#63461, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8152:1704, offset: 0x01b80bbf, size: 276 bytes, params: 2, frame: 22
const value2 = (MobileVisualRefreshExperiment)('FormCheckbox');
const styles = useStyles();
let binding = ReactModule;
const useContext = binding.useContext;
const AccessibilityPreferencesContext = (AccessibilityPreferencesContextModule).AccessibilityPreferencesContext;
const enabled = Reflect.apply(useContext, binding, [AccessibilityPreferencesContext]).reducedMotion.enabled;
const value3 = useCheckboxStyles(checked);
const value4 = useCheckmarkStyles(enabled, checked);
const View = (ReanimatedRexport).View;
const items2 = [styles.checkbox, value3];
binding = env0_6;
const object2 = {source: Module06810};
const Sizes = (Icon).Sizes;
object2.size = value2 ? Sizes.SMALL_20 : Sizes.SMALL;
object2.style = [styles.checkmark, value4];
return (
<View style={items2}>
{((Component) => <Component {...object2} />)(binding)}
</View>
);
function useCheckboxStyles(a0) { // fn#63462, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8152:1855, owner: FormCheckbox_63461.useCheckboxStyles, offset: 0x01b80cd3, size: 173 bytes, params: 2, frame: 20
const env0_0 = a0;
const {selected, unselected} = useStyles();
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const useCheckboxStyles_2 = useCheckboxStyles_;
const object = {};
object.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object.checked = a0;
object.selected = selected;
object.unselected = unselected;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.SUBTLE_SPRING = SUBTLE_SPRING;
useCheckboxStyles_2.__closure = object;
useCheckboxStyles_2.__workletHash = 11278373524374;
useCheckboxStyles_2.__initData = env1_7;
return Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [useCheckboxStyles_2]);
function useCheckboxStyles_() { // fn#63463, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8152:1958, owner: FormCheckbox_63461.useCheckboxStyles._, offset: 0x01b80d80, size: 185 bytes, params: 1, frame: 23
const object = {};
const withSpring = SpringModule.withSpring;
const borderColor = env0_0 ? selected.borderColor : unselected.borderColor;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.borderColor = Reflect.apply(withSpring, SpringModule, [borderColor, SUBTLE_SPRING, 'animate-always']);
object.backgroundColor = SpringModule.withSpring(env0_0 ? selected.backgroundColor : unselected.backgroundColor,
SUBTLE_SPRING, 'animate-always');
return object;
}
}
function useCheckmarkStyles(a0, a1) { // fn#63464, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8152:2370, owner: FormCheckbox_63461.useCheckmarkStyles, offset: 0x01b80e39, size: 147 bytes, params: 3, frame: 18
const env0_0 = a0;
const env0_1 = a1;
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const useCheckmarkStylesC2 = useCheckmarkStylesC;
const object = {useReducedMotion: a0};
object.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object.checked = a1;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.SUBTLE_SPRING = SUBTLE_SPRING;
useCheckmarkStylesC2.__closure = object;
useCheckmarkStylesC2.__workletHash = 13939484082835;
useCheckmarkStylesC2.__initData = env1_8;
return Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [useCheckmarkStylesC2]);
function useCheckmarkStylesC() { // fn#63465, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8152:2438, owner: FormCheckbox_63461.useCheckmarkStyles.c, offset: 0x01b80ecc, size: 187 bytes, params: 1, frame: 24
const r6 = env0_0 ? 1 : 0.5;
const object = {};
const withSpring = SpringModule.withSpring;
const r11 = require ? 1 : 0;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.opacity = Reflect.apply(withSpring, SpringModule, [r11, SUBTLE_SPRING, 'animate-always']);
object.transform = [{scale: SpringModule.withSpring(require ? 1 : r6, SUBTLE_SPRING)}];
return object;
}
}
}
}
function FormCheckbox_63461({checked}) { // fn#63461, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8152:1704, offset: 0x01b80bbf, size: 276 bytes, params: 2, frame: 22
const value2 = (importDefault(1357) /* metro dependency 1357: MobileVisualRefreshExperiment */)('FormCheckbox');
const styles = useStyles();
let binding = env0_3;
const useContext = binding.useContext;
const AccessibilityPreferencesContext = (require(3875) /* metro dependency 3875: AccessibilityPreferencesContext */).AccessibilityPreferencesContext;
const enabled = Reflect.apply(useContext, binding, [AccessibilityPreferencesContext]).reducedMotion.enabled;
const value3 = useCheckboxStyles(checked);
const value4 = useCheckmarkStyles(enabled, checked);
const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const items2 = [styles.checkbox, value3];
binding = env0_6;
const object = {source: importDefault(6810) /* metro dependency 6810 */};
const Sizes = (importDefault(4580) /* metro dependency 4580: Icon */).Sizes;
object.size = value2 ? Sizes.SMALL_20 : Sizes.SMALL;
object.style = [styles.checkmark, value4];
return (
<View style={items2}>
{((Component) => <Component {...object} />)(binding)}
</View>
);
}
function useCheckboxStyles(a0) { // fn#63462, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8152:1855, owner: FormCheckbox_63461.useCheckboxStyles, offset: 0x01b80cd3, size: 173 bytes, params: 2, frame: 20
const env0_0 = a0;
const {selected, unselected} = useStyles();
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = useCheckboxStyles_;
const object2 = {};
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.checked = a0;
object2.selected = selected;
object2.unselected = unselected;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.SUBTLE_SPRING = SUBTLE_SPRING;
closure.__closure = object2;
closure.__workletHash = 11278373524374;
closure.__initData = env1_7;
return Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
}
function useCheckmarkStyles(a0, a1) { // fn#63464, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8152:2370, owner: FormCheckbox_63461.useCheckmarkStyles, offset: 0x01b80e39, size: 147 bytes, params: 3, frame: 18
const env0_0 = a0;
const env0_1 = a1;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = useCheckmarkStylesC;
const object2 = {useReducedMotion: a0};
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.checked = a1;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.SUBTLE_SPRING = SUBTLE_SPRING;
closure.__closure = object2;
closure.__workletHash = 13939484082835;
closure.__initData = env1_8;
return Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
}
function useCheckboxStyles_() { // fn#63463, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8152:1958, owner: FormCheckbox_63461.useCheckboxStyles._, offset: 0x01b80d80, size: 185 bytes, params: 1, frame: 23
const object2 = {};
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const borderColor = env0_0 ? selected.borderColor : unselected.borderColor;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.borderColor = Reflect.apply(withSpring, springModule, [borderColor, SUBTLE_SPRING, 'animate-always']);
const moduleValue2 = springModule;
object2.backgroundColor = moduleValue2.withSpring(env0_0 ? selected.backgroundColor : unselected.backgroundColor,
SUBTLE_SPRING, 'animate-always');
return object2;
}
function useCheckmarkStylesC() { // fn#63465, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8152:2438, owner: FormCheckbox_63461.useCheckmarkStyles.c, offset: 0x01b80ecc, size: 187 bytes, params: 1, frame: 24
const r6 = env0_0 ? 1 : 0.5;
const object2 = {};
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const r11 = require ? 1 : 0;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.opacity = Reflect.apply(withSpring, springModule, [r11, SUBTLE_SPRING, 'animate-always']);
const moduleValue2 = springModule;
object2.transform = [{scale: moduleValue2.withSpring(require ? 1 : r6, SUBTLE_SPRING)}];
return object2;
}
global.__d(_fun63460, 7974, [31, 33, 4501, 697, 4017, 4580, 1357, 3875, 6810, 4577, 4581,
2]) /* metro module 7974, dependencies: [31, 33, 4501, 697, 4017, 4580, 1357, 3875, 6810, 4577, 4581, 2] */;
sources/design/components/Forms/native/FormRadio.native.tsx
+149 -147
View File
@@ -1,159 +1,161 @@
/* Metro module 7989; source: design/components/Forms/native/FormRadio.native.tsx; dependencies: [31, 33, 4501, 697, 3875, 4017, 4577, 4581, 2] */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as AccessibilityPreferencesContextModule from '../../../../external/discord_common/js/packages/design/components/AccessibilityPreferencesContext/AccessibilityPreferencesContext.tsx'; /* Metro dependency 3875 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
import * as SpringModule from '../../../animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
import * as SpringPresetsModule from '../../../animation/reanimated/spring/springPresets.tsx'; /* Metro dependency 4581 */
function _fun63538(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#63538, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:6, offset: 0x01b8466e, size: 235 bytes, params: 8, frame: 18
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(33) /* metro dependency 33 */).jsx;
const env0_5 = (require(4501) /* metro dependency 4501: createStyles */).createStyles(_fun63539);
const env0_5 = (CreateStylesModule).createStyles(_fun63539);
object = {code: "function FormRadioNativeTsx1(){const{withSpring,selectedShared,selectedStyles,unselectedStyles,SUBTLE_SPRING}=this.__closure;return withSpring(selectedShared.get()?selectedStyles.borderColor:unselectedStyles.borderColor,SUBTLE_SPRING,'animate-always');}"};
object = {code: "function FormRadioNativeTsx2(){const{withSpring,selectedShared,selectedStyles,unselectedStyles,SUBTLE_SPRING}=this.__closure;return withSpring(selectedShared.get()?selectedStyles.backgroundColor:unselectedStyles.backgroundColor,SUBTLE_SPRING,'animate-always');}"};
object = {code: 'function FormRadioNativeTsx3(){const{borderColor,backgroundColor}=this.__closure;return{borderColor:borderColor.get(),backgroundColor:backgroundColor.get()};}'};
object = {code: "function FormRadioNativeTsx4(){const{useReducedMotion,withSpring,selected,SUBTLE_SPRING}=this.__closure;const unselectedScale=useReducedMotion?1:0.5;return{opacity:withSpring(selected?1:0,SUBTLE_SPRING,'animate-always'),transform:[{scale:withSpring(selected?1:unselectedScale,SUBTLE_SPRING)}]};}"};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Forms/native/FormRadio.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Forms/native/FormRadio.native.tsx');
exports.FormRadio = FormRadio_63540;
function _fun63539() { // fn#63539, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:144, offset: 0x01b84759, size: 343 bytes, params: 1, frame: 17
const CONTROL_RADIO_ICON_SIZE_DEFAULT = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_RADIO_ICON_SIZE_DEFAULT;
const CONTROL_RADIO_ICON_DOT_SIZE_DEFAULT = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_RADIO_ICON_DOT_SIZE_DEFAULT;
const object = {};
const object2 = {'width': null, 'height': null, 'flexGrow': 0, 'flexShrink': 0, 'alignItems': 'center',
'justifyContent': 'center'};
object2.width = CONTROL_RADIO_ICON_SIZE_DEFAULT;
object2.height = CONTROL_RADIO_ICON_SIZE_DEFAULT;
object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
const CONTROL_RADIO_ICON_BORDER_WIDTH = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_RADIO_ICON_BORDER_WIDTH;
object2.borderWidth = CONTROL_RADIO_ICON_BORDER_WIDTH;
let RADIO_BORDER_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.RADIO_BORDER_DEFAULT;
object2.borderColor = RADIO_BORDER_DEFAULT;
object.radio = object2;
RADIO_BORDER_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.RADIO_BORDER_DEFAULT;
object.unselected = {backgroundColor: 'transparent', borderColor: RADIO_BORDER_DEFAULT};
const object4 = {};
let REDESIGN_INPUT_CONTROL_SELECTED = (importDefault(697) /* metro dependency 697: native */).colors.REDESIGN_INPUT_CONTROL_SELECTED;
object4.borderColor = REDESIGN_INPUT_CONTROL_SELECTED;
REDESIGN_INPUT_CONTROL_SELECTED = (importDefault(697) /* metro dependency 697: native */).colors.REDESIGN_INPUT_CONTROL_SELECTED;
object4.backgroundColor = REDESIGN_INPUT_CONTROL_SELECTED;
object.selected = object4;
const object5 = {width: CONTROL_RADIO_ICON_DOT_SIZE_DEFAULT, height: CONTROL_RADIO_ICON_DOT_SIZE_DEFAULT};
const WHITE = (importDefault(697) /* metro dependency 697: native */).colors.WHITE;
object5.backgroundColor = WHITE;
object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
object.dot = object5;
return object;
}
function FormRadio_63540({selected}) { // fn#63540, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:1960, offset: 0x01b848b0, size: 202 bytes, params: 2, frame: 21
const styles = useStyles();
const useContext = ReactModule.useContext;
const AccessibilityPreferencesContext = (AccessibilityPreferencesContextModule).AccessibilityPreferencesContext;
const enabled = Reflect.apply(useContext, ReactModule, [AccessibilityPreferencesContext]).reducedMotion.enabled;
const value2 = useRadioStyles(selected);
const value3 = useRadioDotStyles(enabled, selected);
const View = (ReanimatedRexport).View;
const items2 = [styles.radio, value2];
const View2 = (ReanimatedRexport).View;
return (
<View style={items2}>
<View2 style={[styles.dot, value3]} />
</View>
);
function useRadioStyles(a0) { // fn#63541, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:2083, owner: FormRadio_63540.useRadioStyles, offset: 0x01b8497a, size: 417 bytes, params: 2, frame: 25
const env0_0 = a0;
const {selected, unselected} = useStyles();
const value2 = (ReanimatedRexportModule).useSharedValue(a0);
env1_3.useEffect(_fun63542, [a0, value2]);
let useDerivedValue = ReanimatedRexportModule.useDerivedValue;
let closure = useRadioStylesT;
object = {};
const withSpring = (SpringModule).withSpring;
object.withSpring = withSpring;
object.selectedShared = value2;
object.selectedStyles = selected;
object.unselectedStyles = unselected;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.SUBTLE_SPRING = SUBTLE_SPRING;
closure.__closure = object;
closure.__workletHash = 12275577765341;
closure.__initData = env1_6;
const value3 = Reflect.apply(useDerivedValue, ReanimatedRexportModule, [closure]);
useDerivedValue = ReanimatedRexportModule.useDerivedValue;
closure = useRadioStylesC;
closure.__closure = {withSpring: withSpring, selectedShared: value2, selectedStyles: selected,
unselectedStyles: unselected, SUBTLE_SPRING: SUBTLE_SPRING};
closure.__workletHash = 7732795836606;
closure.__initData = env1_7;
const value4 = Reflect.apply(useDerivedValue, ReanimatedRexportModule, [closure]);
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
closure = useRadioStylesB;
closure.__closure = {borderColor: value3, backgroundColor: value4};
closure.__workletHash = 5670342272321;
closure.__initData = env1_8;
return Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [closure]);
function _fun63542() { // fn#63542, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:2189, offset: 0x010bf73d, size: 25 bytes, params: 1, frame: 11
ReactModule.set(env0_0);
}
function useRadioStylesT() { // fn#63543, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:2245, owner: FormRadio_63540.useRadioStyles.T, offset: 0x01b84b1b, size: 112 bytes, params: 1, frame: 17
const withSpring = SpringModule.withSpring;
const get = ReactModule.get;
const borderColor = Reflect.apply(get, ReactModule, []) ? selected.borderColor : unselected.borderColor;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
return Reflect.apply(withSpring, SpringModule, [borderColor, SUBTLE_SPRING, 'animate-always']);
}
function useRadioStylesC() { // fn#63544, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:2555, owner: FormRadio_63540.useRadioStyles.C, offset: 0x01b84b8b, size: 110 bytes, params: 1, frame: 17
const withSpring = SpringModule.withSpring;
const get = ReactModule.get;
const backgroundColor = Reflect.apply(get, ReactModule, []) ? selected.backgroundColor : unselected.backgroundColor;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
return Reflect.apply(withSpring, SpringModule, [backgroundColor, SUBTLE_SPRING, 'animate-always']);
}
function useRadioStylesB() { // fn#63545, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:2891, owner: FormRadio_63540.useRadioStyles.b, offset: 0x01b84bf9, size: 42 bytes, params: 1, frame: 11
const object = {};
object.borderColor = JsxRuntimeModule.jsx.get();
object.backgroundColor = env0_5.get();
return object;
}
}
function useRadioDotStyles(a0, a1) { // fn#63546, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:3050, owner: FormRadio_63540.useRadioDotStyles, offset: 0x01b84c23, size: 147 bytes, params: 3, frame: 18
const env0_0 = a0;
const env0_1 = a1;
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const useRadioDotStylesS2 = useRadioDotStylesS;
const object = {useReducedMotion: a0};
object.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object.selected = a1;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.SUBTLE_SPRING = SUBTLE_SPRING;
useRadioDotStylesS2.__closure = object;
useRadioDotStylesS2.__workletHash = 15209729079449;
useRadioDotStylesS2.__initData = env1_9;
return Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [useRadioDotStylesS2]);
function useRadioDotStylesS() { // fn#63547, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:3117, owner: FormRadio_63540.useRadioDotStyles.s, offset: 0x01b84cb6, size: 187 bytes, params: 1, frame: 24
const r6 = env0_0 ? 1 : 0.5;
const object = {};
const withSpring = SpringModule.withSpring;
const r11 = require ? 1 : 0;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.opacity = Reflect.apply(withSpring, SpringModule, [r11, SUBTLE_SPRING, 'animate-always']);
object.transform = [{scale: SpringModule.withSpring(require ? 1 : r6, SUBTLE_SPRING)}];
return object;
}
}
}
}
function _fun63539() { // fn#63539, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:144, offset: 0x01b84759, size: 343 bytes, params: 1, frame: 17
const CONTROL_RADIO_ICON_SIZE_DEFAULT = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_RADIO_ICON_SIZE_DEFAULT;
const CONTROL_RADIO_ICON_DOT_SIZE_DEFAULT = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_RADIO_ICON_DOT_SIZE_DEFAULT;
const object3 = {};
const object6 = {'width': null, 'height': null, 'flexGrow': 0, 'flexShrink': 0, 'alignItems': 'center',
'justifyContent': 'center'};
object6.width = CONTROL_RADIO_ICON_SIZE_DEFAULT;
object6.height = CONTROL_RADIO_ICON_SIZE_DEFAULT;
object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
const CONTROL_RADIO_ICON_BORDER_WIDTH = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_RADIO_ICON_BORDER_WIDTH;
object6.borderWidth = CONTROL_RADIO_ICON_BORDER_WIDTH;
let RADIO_BORDER_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.RADIO_BORDER_DEFAULT;
object6.borderColor = RADIO_BORDER_DEFAULT;
object3.radio = object6;
RADIO_BORDER_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.RADIO_BORDER_DEFAULT;
object3.unselected = {backgroundColor: 'transparent', borderColor: RADIO_BORDER_DEFAULT};
const object7 = {};
let REDESIGN_INPUT_CONTROL_SELECTED = (importDefault(697) /* metro dependency 697: native */).colors.REDESIGN_INPUT_CONTROL_SELECTED;
object7.borderColor = REDESIGN_INPUT_CONTROL_SELECTED;
REDESIGN_INPUT_CONTROL_SELECTED = (importDefault(697) /* metro dependency 697: native */).colors.REDESIGN_INPUT_CONTROL_SELECTED;
object7.backgroundColor = REDESIGN_INPUT_CONTROL_SELECTED;
object3.selected = object7;
const object8 = {width: CONTROL_RADIO_ICON_DOT_SIZE_DEFAULT, height: CONTROL_RADIO_ICON_DOT_SIZE_DEFAULT};
const WHITE = (importDefault(697) /* metro dependency 697: native */).colors.WHITE;
object8.backgroundColor = WHITE;
object8.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
object3.dot = object8;
return object3;
}
function FormRadio_63540({selected}) { // fn#63540, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:1960, offset: 0x01b848b0, size: 202 bytes, params: 2, frame: 21
const styles = useStyles();
const binding = env0_3;
const useContext = binding.useContext;
const AccessibilityPreferencesContext = (require(3875) /* metro dependency 3875: AccessibilityPreferencesContext */).AccessibilityPreferencesContext;
const enabled = Reflect.apply(useContext, binding, [AccessibilityPreferencesContext]).reducedMotion.enabled;
const value2 = useRadioStyles(selected);
const value3 = useRadioDotStyles(enabled, selected);
const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
const items2 = [styles.radio, value2];
const View2 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
return (
<View style={items2}>
<View2 style={[styles.dot, value3]} />
</View>
);
}
function useRadioStyles(a0) { // fn#63541, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:2083, owner: FormRadio_63540.useRadioStyles, offset: 0x01b8497a, size: 417 bytes, params: 2, frame: 25
var object2;
const env0_0 = a0;
const {selected, unselected} = useStyles();
const value2 = (require(4017) /* metro dependency 4017: ReanimatedRexport */).useSharedValue(a0);
env1_3.useEffect(_fun63542, [a0, value2]);
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
let useDerivedValue = reanimatedRexportModule.useDerivedValue;
let closure = useRadioStylesT;
object2 = {};
const withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.withSpring = withSpring;
object2.selectedShared = value2;
object2.selectedStyles = selected;
object2.unselectedStyles = unselected;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.SUBTLE_SPRING = SUBTLE_SPRING;
closure.__closure = object2;
closure.__workletHash = 12275577765341;
closure.__initData = env1_6;
const value3 = Reflect.apply(useDerivedValue, reanimatedRexportModule, [closure]);
const moduleValue3 = reanimatedRexportModule;
useDerivedValue = moduleValue3.useDerivedValue;
closure = useRadioStylesC;
closure.__closure = {withSpring: withSpring, selectedShared: value2, selectedStyles: selected,
unselectedStyles: unselected, SUBTLE_SPRING: SUBTLE_SPRING};
closure.__workletHash = 7732795836606;
closure.__initData = env1_7;
const value4 = Reflect.apply(useDerivedValue, moduleValue3, [closure]);
const moduleValue4 = reanimatedRexportModule;
const useAnimatedStyle = moduleValue4.useAnimatedStyle;
closure = useRadioStylesB;
closure.__closure = {borderColor: value3, backgroundColor: value4};
closure.__workletHash = 5670342272321;
closure.__initData = env1_8;
return Reflect.apply(useAnimatedStyle, moduleValue4, [closure]);
}
function useRadioDotStyles(a0, a1) { // fn#63546, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:3050, owner: FormRadio_63540.useRadioDotStyles, offset: 0x01b84c23, size: 147 bytes, params: 3, frame: 18
const env0_0 = a0;
const env0_1 = a1;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = useRadioDotStylesS;
const object2 = {useReducedMotion: a0};
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
object2.selected = a1;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.SUBTLE_SPRING = SUBTLE_SPRING;
closure.__closure = object2;
closure.__workletHash = 15209729079449;
closure.__initData = env1_9;
return Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
}
function useRadioStylesT() { // fn#63543, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:2245, owner: FormRadio_63540.useRadioStyles.T, offset: 0x01b84b1b, size: 112 bytes, params: 1, frame: 17
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const binding = env0_3;
const get = binding.get;
const borderColor = Reflect.apply(get, binding, []) ? selected.borderColor : unselected.borderColor;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
return Reflect.apply(withSpring, springModule, [borderColor, SUBTLE_SPRING, 'animate-always']);
}
function useRadioStylesC() { // fn#63544, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:2555, owner: FormRadio_63540.useRadioStyles.C, offset: 0x01b84b8b, size: 110 bytes, params: 1, frame: 17
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const binding = env0_3;
const get = binding.get;
const backgroundColor = Reflect.apply(get, binding, []) ? selected.backgroundColor : unselected.backgroundColor;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
return Reflect.apply(withSpring, springModule, [backgroundColor, SUBTLE_SPRING, 'animate-always']);
}
function useRadioStylesB() { // fn#63545, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:2891, owner: FormRadio_63540.useRadioStyles.b, offset: 0x01b84bf9, size: 42 bytes, params: 1, frame: 11
const object2 = {};
object2.borderColor = env0_4.get();
object2.backgroundColor = env0_5.get();
return object2;
}
function useRadioDotStylesS() { // fn#63547, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8167:3117, owner: FormRadio_63540.useRadioDotStyles.s, offset: 0x01b84cb6, size: 187 bytes, params: 1, frame: 24
const r6 = env0_0 ? 1 : 0.5;
const object2 = {};
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const r11 = require ? 1 : 0;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.opacity = Reflect.apply(withSpring, springModule, [r11, SUBTLE_SPRING, 'animate-always']);
const moduleValue2 = springModule;
object2.transform = [{scale: moduleValue2.withSpring(require ? 1 : r6, SUBTLE_SPRING)}];
return object2;
}
global.__d(_fun63538, 7989, [31, 33, 4501, 697, 3875, 4017, 4577, 4581,
2]) /* metro module 7989, dependencies: [31, 33, 4501, 697, 3875, 4017, 4577, 4581, 2] */;
sources/design/components/Forms/native/FormSwitch.native.tsx
+252 -248
View File
@@ -1,261 +1,265 @@
/* Metro module 6809; source: design/components/Forms/native/FormSwitch.native.tsx; dependencies: [57, 31, 27, 33, 4017, 4501, 697, 4580, 3875, 1357, 4577, 4581, 3860, 6810, 6811, 4081, 4082, 2] */
import Module00057 from '../../../../by-id/module-00057.js'; /* Metro dependency 57 */
import Native from '../../../../external/discord_common/js/packages/tokens/native.tsx'; /* Metro dependency 697 */
import ReanimatedRexport from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import Icon from '../../../void/Icon/native/Icon.tsx'; /* Metro dependency 4580 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as UseTokenModule from '../../../tokens/native/useToken.tsx'; /* Metro dependency 3860 */
import * as AccessibilityPreferencesContextModule from '../../../../external/discord_common/js/packages/design/components/AccessibilityPreferencesContext/AccessibilityPreferencesContext.tsx'; /* Metro dependency 3875 */
import * as ReanimatedRexportModule from '../../../../modules/reanimated/ReanimatedRexport.tsx'; /* Metro dependency 4017 */
import * as SpringModule from '../../../animation/reanimated/spring/spring.tsx'; /* Metro dependency 4577 */
import * as SpringPresetsModule from '../../../animation/reanimated/spring/springPresets.tsx'; /* Metro dependency 4581 */
function _fun53566(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#53566, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:6, offset: 0x0134f321, size: 702 bytes, params: 8, frame: 25
var object4;
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 Pressable = (require(27) /* metro dependency 27 */).Pressable;
const env0_5 = (require(33) /* metro dependency 33 */).jsx;
const env0_6 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(Pressable);
const Pressable = (ReactNativeModule).Pressable;
const env0_6 = (ReanimatedRexport).createAnimatedComponent(Pressable);
value = require(4501) /* metro dependency 4501: createStyles */;
const createStyles = value.createStyles;
object4 = {};
const object7 = {};
object = {};
const object2 = {};
const CONTROL_SWITCH_WIDTH = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_SWITCH_WIDTH;
object7.width = CONTROL_SWITCH_WIDTH;
object2.width = CONTROL_SWITCH_WIDTH;
const CONTROL_SWITCH_HEIGHT = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_SWITCH_HEIGHT;
object7.height = CONTROL_SWITCH_HEIGHT;
object2.height = CONTROL_SWITCH_HEIGHT;
const PX_4 = (importDefault(697) /* metro dependency 697: native */).space.PX_4;
object7.padding = PX_4 - 1;
object7.flexGrow = 0;
object7.flexShrink = 0;
object7.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object7.borderWidth = 1;
object4.switch = object7;
const object8 = {};
const SWITCH_BACKGROUND_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.SWITCH_BACKGROUND_DEFAULT;
object8.tintColor = SWITCH_BACKGROUND_DEFAULT;
const SWITCH_BORDER_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.SWITCH_BORDER_DEFAULT;
object8.borderColor = SWITCH_BORDER_DEFAULT;
object4.unselectedBackground = object8;
const ICON_OVERLAY_DARK = (importDefault(697) /* metro dependency 697: native */).colors.ICON_OVERLAY_DARK;
object4.unselectedIcon = {tintColor: ICON_OVERLAY_DARK};
const object9 = {};
const SWITCH_BACKGROUND_SELECTED_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.SWITCH_BACKGROUND_SELECTED_DEFAULT;
object9.tintColor = SWITCH_BACKGROUND_SELECTED_DEFAULT;
const SWITCH_BORDER_SELECTED_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.SWITCH_BORDER_SELECTED_DEFAULT;
object9.borderColor = SWITCH_BORDER_SELECTED_DEFAULT;
object4.selected = object9;
const object10 = {};
let CONTROL_SWITCH_KNOB_SIZE = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_SWITCH_KNOB_SIZE;
object10.height = CONTROL_SWITCH_KNOB_SIZE;
CONTROL_SWITCH_KNOB_SIZE = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_SWITCH_KNOB_SIZE;
object10.width = CONTROL_SWITCH_KNOB_SIZE;
object10.alignItems = 'center';
object10.justifyContent = 'center';
object10.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
object4.knob = object10;
const env0_7 = Reflect.apply(createStyles, value, [object4]);
const env0_8 = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).createAnimatedComponent(importDefault(4580) /* metro dependency 4580: Icon */);
object4 = {code: "function FormSwitchNativeTsx1(){const{withSpring,checked,selected,unselectedBackground,SUBTLE_SPRING}=this.__closure;return{backgroundColor:withSpring(checked?selected.tintColor:unselectedBackground.tintColor,SUBTLE_SPRING,'animate-always'),borderColor:withSpring(checked?selected.borderColor:unselectedBackground.borderColor,SUBTLE_SPRING,'animate-always')};}"};
object4 = {code: "function FormSwitchNativeTsx2(){const{withSpring,checked,knobCheckedLeft,SUBTLE_SPRING,knobSelectedBackgroundColor,knobBackgroundColor}=this.__closure;return{left:withSpring(checked?knobCheckedLeft:0,SUBTLE_SPRING,'animate-always'),backgroundColor:withSpring(checked?knobSelectedBackgroundColor:knobBackgroundColor,SUBTLE_SPRING,'animate-always')};}"};
object4 = {code: "function FormSwitchNativeTsx3(){const{useReducedMotion,checked,on,off,withSpring,SUBTLE_SPRING}=this.__closure;const scale=useReducedMotion?1:checked?on:off;return{opacity:withSpring(checked?on:off,SUBTLE_SPRING,'animate-always'),transform:[{scale:withSpring(scale,SUBTLE_SPRING)}]};}"};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Forms/native/FormSwitch.native.tsx');
exports.FormSwitch = FormSwitch;
}
function FormSwitch(a0) { // fn#53567, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:2098, offset: 0x0134f5df, size: 1014 bytes, params: 2, frame: 36
var object2;
var r6;
var Sizes;
const closure = useIconAnimation;
const disabled = a0.disabled;
let value = a0.value;
const env0_1 = a0.onValueChange;
const accessibilityLabel = a0.accessibilityLabel;
const accessibilityHint = a0.accessibilityHint;
const property = a0['aria-hidden'];
let binding = env0_4;
const useContext = binding.useContext;
const AccessibilityPreferencesContext = (require(3875) /* metro dependency 3875: AccessibilityPreferencesContext */).AccessibilityPreferencesContext;
const value3 = Reflect.apply(useContext, binding, [AccessibilityPreferencesContext]);
const env0_2 = value3.reducedMotion.enabled;
const switchIconsEnabled = value3.switchIconsEnabled;
var [property2, env0_4] = env0_3(binding.useState(value), 2);
binding.useEffect(_fun53570, [value]);
value = importDefault(1357) /* metro dependency 1357: MobileVisualRefreshExperiment */;
value = value('FormSwitch');
const styles = useStyles();
const selected = styles.selected;
const env0_6 = selected;
const unselectedBackground = styles.unselectedBackground;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
let useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure2 = FormSwitchU;
object2 = {withSpring: (require(4577) /* metro dependency 4577: spring */).withSpring, checked: property2,
selected: selected, unselectedBackground: unselectedBackground};
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.SUBTLE_SPRING = SUBTLE_SPRING;
closure2.__closure = object2;
closure2.__workletHash = 2232234503354;
closure2.__initData = env0_9;
const value6 = Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure2]);
const useTokenModule = require(3860) /* metro dependency 3860: useToken */;
let useToken = useTokenModule.useToken;
const CONTROL_SWITCH_KNOB_CHECKED_OFFSET = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_SWITCH_KNOB_CHECKED_OFFSET;
const value7 = Reflect.apply(useToken, useTokenModule, [CONTROL_SWITCH_KNOB_CHECKED_OFFSET]);
const env0_8 = value7;
const moduleValue3 = useTokenModule;
useToken = moduleValue3.useToken;
const SWITCH_THUMB_BACKGROUND_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.SWITCH_THUMB_BACKGROUND_DEFAULT;
const value8 = Reflect.apply(useToken, moduleValue3, [SWITCH_THUMB_BACKGROUND_DEFAULT]);
const moduleValue4 = useTokenModule;
useToken = moduleValue4.useToken;
const SWITCH_THUMB_BACKGROUND_SELECTED_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.SWITCH_THUMB_BACKGROUND_SELECTED_DEFAULT;
const value9 = Reflect.apply(useToken, moduleValue4, [SWITCH_THUMB_BACKGROUND_SELECTED_DEFAULT]);
const env0_10 = value9;
const moduleValue5 = reanimatedRexportModule;
useAnimatedStyle = moduleValue5.useAnimatedStyle;
const closure3 = FormSwitchF;
object2 = {withSpring: (require(4577) /* metro dependency 4577: spring */).withSpring, checked: property2,
knobCheckedLeft: value7};
object2.SUBTLE_SPRING = SUBTLE_SPRING;
object2.knobSelectedBackgroundColor = value9;
object2.knobBackgroundColor = value8;
closure3.__closure = object2;
closure3.__workletHash = 3687946563898;
closure3.__initData = env0_10;
const value10 = Reflect.apply(useAnimatedStyle, moduleValue5, [closure3]);
if (value && !switchIconsEnabled) {
r6 = null;
} else {
binding = env0_8;
object2 = {};
if (property2) {
object2.source = importDefault(6810) /* metro dependency 6810 */;
Sizes = (importDefault(4580) /* metro dependency 4580: Icon */).Sizes;
object2.size = value ? Sizes.SMALL_20 : Sizes.SMALL;
object2.style = [styles.selected, closure(1, 0)];
} else {
object2.source = importDefault(6811) /* metro dependency 6811 */;
object2.size = (importDefault(4580) /* metro dependency 4580: Icon */).Sizes.SMALL;
object2.style = [styles.unselectedIcon, closure(0, 1)];
}
value = ((Component) => <Component {...object2} />)(binding);
r6 = value;
}
binding = env0_6;
object2 = {style: [styles.switch, value6], onPress: onPress_53573, disabled: disabled, accessible: true};
object2['aria-hidden'] = property;
object2.accessibilityRole = 'switch';
object2.accessibilityLabel = accessibilityLabel;
object2.accessibilityHint = accessibilityHint;
object2.accessibilityState = {disabled: disabled, checked: property2};
object2.onAccessibilityTap = onAccessibilityTap;
const View = (importDefault(4017) /* metro dependency 4017: ReanimatedRexport */).View;
return ((Component) => <Component {...object2}><View style={[styles.knob,
value10]}>{r6}</View></Component>)(binding);
}
function useIconAnimation(a0, a1) { // fn#53568, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:3527, owner: FormSwitch.useIconAnimation, offset: 0x0134f9d5, size: 168 bytes, params: 3, frame: 20
const env0_0 = a0;
const env0_1 = a1;
const reanimatedRexportModule = require(4017) /* metro dependency 4017: ReanimatedRexport */;
const useAnimatedStyle = reanimatedRexportModule.useAnimatedStyle;
const closure = useIconAnimationN;
const object2 = {};
object2.useReducedMotion = enabled;
object2.checked = env0_3;
object2.on = a0;
object2.off = a1;
object2.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.SUBTLE_SPRING = SUBTLE_SPRING;
closure.__closure = object2;
closure.__workletHash = 14329332652102;
closure.__initData = env1_11;
return Reflect.apply(useAnimatedStyle, reanimatedRexportModule, [closure]);
}
function FormSwitchU() { // fn#53571, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:2511, owner: FormSwitch.U, offset: 0x0134fb4c, size: 187 bytes, params: 1, frame: 23
const object2 = {};
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const tintColor = env0_3 ? selected.tintColor : unselectedBackground.tintColor;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.backgroundColor = Reflect.apply(withSpring, springModule, [tintColor, SUBTLE_SPRING, 'animate-always']);
const moduleValue2 = springModule;
object2.borderColor = moduleValue2.withSpring(env0_3 ? selected.borderColor : unselectedBackground.borderColor,
SUBTLE_SPRING, 'animate-always');
return object2;
}
function FormSwitchF() { // fn#53572, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:3154, owner: FormSwitch.f, offset: 0x0134fc07, size: 158 bytes, params: 1, frame: 23
const object2 = {};
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const r10 = env0_3 ? env0_8 : 0;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object2.left = Reflect.apply(withSpring, springModule, [r10, SUBTLE_SPRING, 'animate-always']);
const moduleValue2 = springModule;
object2.backgroundColor = moduleValue2.withSpring(env0_3 ? env0_10 : env0_9, SUBTLE_SPRING, 'animate-always');
return object2;
}
function FormSwitchOnPress() { // fn#53573, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:4222, owner: FormSwitch.onPress, offset: 0x0134fca5, size: 120 bytes, params: 1, frame: 16
var valueBinding;
var value3;
var moduleValue;
var triggerHapticFeedback;
var defaultImport;
if (env0_5) {
valueBinding = value;
value3 = environment.__proto__;
moduleValue = require(4081) /* metro dependency 4081: HapticUtilsNative */;
triggerHapticFeedback = moduleValue.triggerHapticFeedback;
defaultImport = importDefault(4082) /* metro dependency 4082: HapticFeedbackTypes */;
if (valueBinding) {
Reflect.apply(triggerHapticFeedback, moduleValue, [defaultImport.TOGGLE_OFF]);
} else {
Reflect.apply(triggerHapticFeedback, moduleValue, [defaultImport.TOGGLE_ON]);
}
}
if (onValueChange != null) {
onValueChange(!value);
}
}
function FormSwitchOnAccessibilityTap() { // fn#53574, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:4523, owner: FormSwitch.onAccessibilityTap, offset: 0x0134fd1d, size: 128 bytes, params: 1, frame: 16
var environment;
var valueBinding;
var value3;
var moduleValue;
var triggerHapticFeedback;
var defaultImport;
if (env0_5) {
valueBinding = value;
value3 = environment.__proto__;
moduleValue = require(4081) /* metro dependency 4081: HapticUtilsNative */;
triggerHapticFeedback = moduleValue.triggerHapticFeedback;
defaultImport = importDefault(4082) /* metro dependency 4082: HapticFeedbackTypes */;
if (valueBinding) {
Reflect.apply(triggerHapticFeedback, moduleValue, [defaultImport.TOGGLE_OFF]);
} else {
Reflect.apply(triggerHapticFeedback, moduleValue, [defaultImport.TOGGLE_ON]);
}
}
env0_4(!value);
global.setTimeout(function() {
if (onValueChange != null) {
onValueChange(!value);
}
});
}
function useIconAnimationN() { // fn#53569, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:3594, owner: FormSwitch.useIconAnimation.n, offset: 0x0134fa7d, size: 187 bytes, params: 1, frame: 22
const value = environment.__proto__;
const r5 = enabled ? 1 : env1_3 ? env0_0 : require;
object2.padding = PX_4 - 1;
object2.flexGrow = 0;
object2.flexShrink = 0;
object2.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.lg;
object2.borderWidth = 1;
object.switch = object2;
const object3 = {};
const springModule = require(4577) /* metro dependency 4577: spring */;
const withSpring = springModule.withSpring;
const r9 = env1_3 ? env0_0 : require;
const SUBTLE_SPRING = (require(4581) /* metro dependency 4581: springPresets */).SUBTLE_SPRING;
object3.opacity = Reflect.apply(withSpring, springModule, [r9, SUBTLE_SPRING, 'animate-always']);
const object4 = {};
object4.scale = springModule.withSpring(r5, SUBTLE_SPRING);
object3.transform = [object4];
return object3;
const SWITCH_BACKGROUND_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.SWITCH_BACKGROUND_DEFAULT;
object3.tintColor = SWITCH_BACKGROUND_DEFAULT;
const SWITCH_BORDER_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.SWITCH_BORDER_DEFAULT;
object3.borderColor = SWITCH_BORDER_DEFAULT;
object.unselectedBackground = object3;
const ICON_OVERLAY_DARK = (importDefault(697) /* metro dependency 697: native */).colors.ICON_OVERLAY_DARK;
object.unselectedIcon = {tintColor: ICON_OVERLAY_DARK};
const object5 = {};
const SWITCH_BACKGROUND_SELECTED_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.SWITCH_BACKGROUND_SELECTED_DEFAULT;
object5.tintColor = SWITCH_BACKGROUND_SELECTED_DEFAULT;
const SWITCH_BORDER_SELECTED_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.SWITCH_BORDER_SELECTED_DEFAULT;
object5.borderColor = SWITCH_BORDER_SELECTED_DEFAULT;
object.selected = object5;
const object6 = {};
let CONTROL_SWITCH_KNOB_SIZE = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_SWITCH_KNOB_SIZE;
object6.height = CONTROL_SWITCH_KNOB_SIZE;
CONTROL_SWITCH_KNOB_SIZE = (importDefault(697) /* metro dependency 697: native */).modules.mobile.CONTROL_SWITCH_KNOB_SIZE;
object6.width = CONTROL_SWITCH_KNOB_SIZE;
object6.alignItems = 'center';
object6.justifyContent = 'center';
object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.round;
object.knob = object6;
const env0_7 = Reflect.apply(createStyles, value, [object]);
const env0_8 = (ReanimatedRexport).createAnimatedComponent(Icon);
object = {code: "function FormSwitchNativeTsx1(){const{withSpring,checked,selected,unselectedBackground,SUBTLE_SPRING}=this.__closure;return{backgroundColor:withSpring(checked?selected.tintColor:unselectedBackground.tintColor,SUBTLE_SPRING,'animate-always'),borderColor:withSpring(checked?selected.borderColor:unselectedBackground.borderColor,SUBTLE_SPRING,'animate-always')};}"};
object = {code: "function FormSwitchNativeTsx2(){const{withSpring,checked,knobCheckedLeft,SUBTLE_SPRING,knobSelectedBackgroundColor,knobBackgroundColor}=this.__closure;return{left:withSpring(checked?knobCheckedLeft:0,SUBTLE_SPRING,'animate-always'),backgroundColor:withSpring(checked?knobSelectedBackgroundColor:knobBackgroundColor,SUBTLE_SPRING,'animate-always')};}"};
object = {code: "function FormSwitchNativeTsx3(){const{useReducedMotion,checked,on,off,withSpring,SUBTLE_SPRING}=this.__closure;const scale=useReducedMotion?1:checked?on:off;return{opacity:withSpring(checked?on:off,SUBTLE_SPRING,'animate-always'),transform:[{scale:withSpring(scale,SUBTLE_SPRING)}]};}"};
(FileImportTrackerModule).fileFinishedImporting('design/components/Forms/native/FormSwitch.native.tsx');
exports.FormSwitch = FormSwitch;
function FormSwitch(a0) { // fn#53567, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:2098, offset: 0x0134f5df, size: 1014 bytes, params: 2, frame: 36
var r6;
var Sizes;
const useIconAnimation2 = useIconAnimation;
const disabled = a0.disabled;
let value = a0.value;
const env0_1 = a0.onValueChange;
const accessibilityLabel = a0.accessibilityLabel;
const accessibilityHint = a0.accessibilityHint;
const property = a0['aria-hidden'];
let binding = env0_4;
const useContext = binding.useContext;
const AccessibilityPreferencesContext = (AccessibilityPreferencesContextModule).AccessibilityPreferencesContext;
const value3 = Reflect.apply(useContext, binding, [AccessibilityPreferencesContext]);
const env0_2 = value3.reducedMotion.enabled;
const switchIconsEnabled = value3.switchIconsEnabled;
var [property2, env0_4] = Module00057(binding.useState(value), 2);
binding.useEffect(_fun53570, [value]);
value = importDefault(1357) /* metro dependency 1357: MobileVisualRefreshExperiment */;
value = value('FormSwitch');
const styles = useStyles();
const selected = styles.selected;
const selected2 = selected;
const unselectedBackground = styles.unselectedBackground;
let useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const FormSwitchU2 = FormSwitchU;
object = {withSpring: (require(4577) /* metro dependency 4577: spring */).withSpring, checked: property2,
selected: selected, unselectedBackground: unselectedBackground};
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.SUBTLE_SPRING = SUBTLE_SPRING;
FormSwitchU2.__closure = object;
FormSwitchU2.__workletHash = 2232234503354;
FormSwitchU2.__initData = env0_9;
const value6 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [FormSwitchU2]);
let useToken = UseTokenModule.useToken;
const CONTROL_SWITCH_KNOB_CHECKED_OFFSET = (Native).modules.mobile.CONTROL_SWITCH_KNOB_CHECKED_OFFSET;
const value7 = Reflect.apply(useToken, UseTokenModule, [CONTROL_SWITCH_KNOB_CHECKED_OFFSET]);
const env0_8 = value7;
useToken = UseTokenModule.useToken;
const SWITCH_THUMB_BACKGROUND_DEFAULT = (Native).colors.SWITCH_THUMB_BACKGROUND_DEFAULT;
const value8 = Reflect.apply(useToken, UseTokenModule, [SWITCH_THUMB_BACKGROUND_DEFAULT]);
useToken = UseTokenModule.useToken;
const SWITCH_THUMB_BACKGROUND_SELECTED_DEFAULT = (Native).colors.SWITCH_THUMB_BACKGROUND_SELECTED_DEFAULT;
const value9 = Reflect.apply(useToken, UseTokenModule, [SWITCH_THUMB_BACKGROUND_SELECTED_DEFAULT]);
const env0_10 = value9;
useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const FormSwitchF2 = FormSwitchF;
object = {withSpring: (require(4577) /* metro dependency 4577: spring */).withSpring, checked: property2,
knobCheckedLeft: value7};
object.SUBTLE_SPRING = SUBTLE_SPRING;
object.knobSelectedBackgroundColor = value9;
object.knobBackgroundColor = value8;
FormSwitchF2.__closure = object;
FormSwitchF2.__workletHash = 3687946563898;
FormSwitchF2.__initData = env0_10;
const value10 = Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [FormSwitchF2]);
if (value && !switchIconsEnabled) {
r6 = null;
} else {
binding = env0_8;
object = {};
if (property2) {
object.source = importDefault(6810) /* metro dependency 6810 */;
Sizes = (importDefault(4580) /* metro dependency 4580: Icon */).Sizes;
object.size = value ? Sizes.SMALL_20 : Sizes.SMALL;
object.style = [styles.selected, useIconAnimation2(1, 0)];
} else {
object.source = importDefault(6811) /* metro dependency 6811 */;
object.size = (importDefault(4580) /* metro dependency 4580: Icon */).Sizes.SMALL;
object.style = [styles.unselectedIcon, useIconAnimation2(0, 1)];
}
value = ((Component) => <Component {...object} />)(binding);
r6 = value;
}
binding = selected2;
object = {style: [styles.switch, value6], onPress: onPress_53573, disabled: disabled, accessible: true};
object['aria-hidden'] = property;
object.accessibilityRole = 'switch';
object.accessibilityLabel = accessibilityLabel;
object.accessibilityHint = accessibilityHint;
object.accessibilityState = {disabled: disabled, checked: property2};
object.onAccessibilityTap = onAccessibilityTap;
const View = (ReanimatedRexport).View;
return ((Component) => <Component {...object}><View style={[styles.knob, value10]}>{r6}</View></Component>)(binding);
function useIconAnimation(a0, a1) { // fn#53568, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:3527, owner: FormSwitch.useIconAnimation, offset: 0x0134f9d5, size: 168 bytes, params: 3, frame: 20
const env0_0 = a0;
const env0_1 = a1;
const useAnimatedStyle = ReanimatedRexportModule.useAnimatedStyle;
const useIconAnimationN2 = useIconAnimationN;
const object = {};
object.useReducedMotion = enabled;
object.checked = Module00057;
object.on = a0;
object.off = a1;
object.withSpring = (require(4577) /* metro dependency 4577: spring */).withSpring;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.SUBTLE_SPRING = SUBTLE_SPRING;
useIconAnimationN2.__closure = object;
useIconAnimationN2.__workletHash = 14329332652102;
useIconAnimationN2.__initData = env1_11;
return Reflect.apply(useAnimatedStyle, ReanimatedRexportModule, [useIconAnimationN2]);
function useIconAnimationN() { // fn#53569, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:3594, owner: FormSwitch.useIconAnimation.n, offset: 0x0134fa7d, size: 187 bytes, params: 1, frame: 22
const value = environment.__proto__;
const r5 = enabled ? 1 : env1_3 ? env0_0 : require;
const object = {};
const withSpring = SpringModule.withSpring;
const r9 = env1_3 ? env0_0 : require;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.opacity = Reflect.apply(withSpring, SpringModule, [r9, SUBTLE_SPRING, 'animate-always']);
const object2 = {};
object2.scale = SpringModule.withSpring(r5, SUBTLE_SPRING);
object.transform = [object2];
return object;
}
}
function _fun53570() { // fn#53570, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:2387, offset: 0x0134fb38, size: 20 bytes, params: 1, frame: 11
env0_4(value);
}
function FormSwitchU() { // fn#53571, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:2511, owner: FormSwitch.U, offset: 0x0134fb4c, size: 187 bytes, params: 1, frame: 23
const object = {};
const withSpring = SpringModule.withSpring;
const tintColor = Module00057 ? selected.tintColor : unselectedBackground.tintColor;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.backgroundColor = Reflect.apply(withSpring, SpringModule, [tintColor, SUBTLE_SPRING, 'animate-always']);
object.borderColor = SpringModule.withSpring(Module00057 ? selected.borderColor : unselectedBackground.borderColor,
SUBTLE_SPRING, 'animate-always');
return object;
}
function FormSwitchF() { // fn#53572, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:3154, owner: FormSwitch.f, offset: 0x0134fc07, size: 158 bytes, params: 1, frame: 23
const object = {};
const withSpring = SpringModule.withSpring;
const r10 = Module00057 ? env0_8 : 0;
const SUBTLE_SPRING = (SpringPresetsModule).SUBTLE_SPRING;
object.left = Reflect.apply(withSpring, SpringModule, [r10, SUBTLE_SPRING, 'animate-always']);
object.backgroundColor = SpringModule.withSpring(Module00057 ? env0_10 : env0_9, SUBTLE_SPRING, 'animate-always');
return object;
}
function FormSwitchOnPress() { // fn#53573, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:4222, owner: FormSwitch.onPress, offset: 0x0134fca5, size: 120 bytes, params: 1, frame: 16
var valueBinding;
var value3;
var moduleValue;
var triggerHapticFeedback;
var defaultImport;
if (JsxRuntimeModule.jsx) {
valueBinding = value;
value3 = environment.__proto__;
moduleValue = require(4081) /* metro dependency 4081: HapticUtilsNative */;
triggerHapticFeedback = moduleValue.triggerHapticFeedback;
defaultImport = importDefault(4082) /* metro dependency 4082: HapticFeedbackTypes */;
if (valueBinding) {
Reflect.apply(triggerHapticFeedback, moduleValue, [defaultImport.TOGGLE_OFF]);
} else {
Reflect.apply(triggerHapticFeedback, moduleValue, [defaultImport.TOGGLE_ON]);
}
}
if (onValueChange != null) {
onValueChange(!value);
}
}
function FormSwitchOnAccessibilityTap() { // fn#53574, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6987:4523, owner: FormSwitch.onAccessibilityTap, offset: 0x0134fd1d, size: 128 bytes, params: 1, frame: 16
var environment;
var valueBinding;
var value3;
var moduleValue;
var triggerHapticFeedback;
var defaultImport;
if (JsxRuntimeModule.jsx) {
valueBinding = value;
value3 = environment.__proto__;
moduleValue = require(4081) /* metro dependency 4081: HapticUtilsNative */;
triggerHapticFeedback = moduleValue.triggerHapticFeedback;
defaultImport = importDefault(4082) /* metro dependency 4082: HapticFeedbackTypes */;
if (valueBinding) {
Reflect.apply(triggerHapticFeedback, moduleValue, [defaultImport.TOGGLE_OFF]);
} else {
Reflect.apply(triggerHapticFeedback, moduleValue, [defaultImport.TOGGLE_ON]);
}
}
env0_4(!value);
global.setTimeout(function() {
if (onValueChange != null) {
onValueChange(!value);
}
});
}
}
}
global.__d(_fun53566, 6809, [57, 31, 27, 33, 4017, 4501, 697, 4580, 3875, 1357, 4577, 4581, 3860, 6810, 6811, 4081,
4082,
2]) /* metro module 6809, dependencies: [57, 31, 27, 33, 4017, 4501, 697, 4580, 3875, 1357, 4577, 4581, 3860, 6810, 6811, 4081, 4082, 2] */;
sources/design/components/Graphic/native/Graphic.native.tsx
+44 -31
View File
@@ -1,42 +1,55 @@
/* Metro module 8553; source: design/components/Graphic/native/Graphic.native.tsx; dependencies: [31, 27, 33, 4501, 5475, 3868, 2] */
import FastImage from '../../../../components_native/common/FastImage.tsx'; /* Metro dependency 5475 */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as NativeModule from '../../../../external/discord_common/js/packages/design/native.tsx'; /* Metro dependency 3868 */
import * as CreateStylesModule from '../../Styles/native/createStyles.tsx'; /* Metro dependency 4501 */
function _fun67794(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#67794, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8738:6, offset: 0x01c31609, size: 253 bytes, params: 8, frame: 19
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(27) /* metro dependency 27 */).View;
const env0_4 = (require(33) /* metro dependency 33 */).jsx;
ReactModule;
const env0_5 = {'21/9': 2.3333333333333335, '16/9': 1.7777777777777777, '6/4': 1.5, '2/1': 2, '1/1': 1};
const env0_6 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({container: {'width': '100%',
const env0_6 = (CreateStylesModule).createStyles({container: {'width': '100%',
'justifyContent': 'center', 'alignItems': 'center', 'overflow': 'hidden'}, image: {'width': '100%',
'height': '100%'}});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Graphic/native/Graphic.native.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Graphic/native/Graphic.native.tsx');
exports.Graphic = Graphic;
function ImageGraphic({src}) { // fn#67795, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8738:363, offset: 0x01c31706, size: 85 bytes, params: 2, frame: 16
const styles = useStyles();
return ((Component) => <Component source={src} style={styles.image} resizeMode="contain" accessibilityElementsHidden />)(FastImage);
}
function Graphic(a0) { // fn#67796, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8738:594, offset: 0x01c3175b, size: 185 bytes, params: 2, frame: 22
let aspectRatio = a0.aspectRatio;
aspectRatio = aspectRatio === undefined ? '16/9' : aspectRatio;
const style = a0.style;
const value = null;
const value2 = Object.create(value);
value2.aspectRatio = 0;
value2.style = 0;
const value3 = copyDataProperties({}, a0, value2, aspectRatio);
const styles = useStyles();
const items2 = [styles.container];
items2[1] = {aspectRatio: env0_5[aspectRatio]};
items2[2] = style;
return (
<View style={items2}>
{
NativeModule.isImage(value3)
? (
<ImageGraphic {...value3} />
)
: value
}
</View>
);
}
}
function ImageGraphic({src}) { // fn#67795, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8738:363, offset: 0x01c31706, size: 85 bytes, params: 2, frame: 16
const styles = useStyles();
return ((Component) => <Component source={src} style={styles.image} resizeMode="contain" accessibilityElementsHidden />)(importDefault(5475) /* metro dependency 5475: FastImage */);
}
function Graphic(a0) { // fn#67796, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8738:594, offset: 0x01c3175b, size: 185 bytes, params: 2, frame: 22
let aspectRatio = a0.aspectRatio;
aspectRatio = aspectRatio === undefined ? '16/9' : aspectRatio;
const style = a0.style;
const value = null;
const value2 = Object.create(value);
value2.aspectRatio = 0;
value2.style = 0;
const value3 = copyDataProperties({}, a0, value2, aspectRatio);
const styles = useStyles();
const items2 = [styles.container];
items2[1] = {aspectRatio: env0_5[aspectRatio]};
items2[2] = style;
const nativeModule = require(3868) /* metro dependency 3868: native */;
return (
<View style={items2}>
{nativeModule.isImage(value3) ? <ImageGraphic {...value3} /> : value}
</View>
);
}
global.__d(_fun67794, 8553, [31, 27, 33, 4501, 5475, 3868,
2]) /* metro module 8553, dependencies: [31, 27, 33, 4501, 5475, 3868, 2] */;
sources/design/components/Icon/IconSize.tsx
+4 -1
View File
@@ -1,9 +1,12 @@
/* Metro module 6817; source: design/components/Icon/IconSize.tsx; dependencies: [2] */
import * as FileImportTrackerModule from '../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
function _fun53591(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#53591, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6995:6, offset: 0x013509eb, size: 98 bytes, params: 8, frame: 16
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/IconSize.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/IconSize.tsx');
exports.ICON_SIZE = {'xxs': 12, 'xs': 16, 'sm': 18, 'md': 24, 'lg': 32, 'custom': null, 'refresh_sm': 20,
custom: undefined};
}
global.__d(_fun53591, 6817, [2]) /* metro module 6817, dependencies: [2] */;
sources/design/components/Icon/native/BaseIconImage.tsx
+29 -25
View File
@@ -1,34 +1,38 @@
/* Metro module 3859; source: design/components/Icon/native/BaseIconImage.tsx; dependencies: [31, 27, 33, 3860, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as ReactModule from '../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as UseTokenModule from '../../../tokens/native/useToken.tsx'; /* Metro dependency 3860 */
function _fun31970(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#31970, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:3998:6, offset: 0x0100898c, size: 286 bytes, params: 8, frame: 18
var object2;
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_2 = (require(27) /* metro dependency 27 */).Image;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
object2 = {xxs: {'width': 12, 'height': 12}, xs: {'width': 16, 'height': 16}, sm: {'width': 18, 'height': 18},
ReactModule;
object = {xxs: {'width': 12, 'height': 12}, xs: {'width': 16, 'height': 16}, sm: {'width': 18, 'height': 18},
md: {'width': 24, 'height': 24}, lg: {'width': 32, 'height': 32}};
object2.custom = {width: undefined, height: undefined};
object2.refresh_sm = {'width': 18, 'height': 18};
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/BaseIconImage.tsx');
object.custom = {width: undefined, height: undefined};
object.refresh_sm = {'width': 18, 'height': 18};
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/BaseIconImage.tsx');
exports.BaseIconImage = BaseIconImage;
function BaseIconImage({source, size, color, resizeMode, style, accessible, accessibilityLabel}) { // fn#31971, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:3998:424, offset: 0x01008aaa, size: 202 bytes, params: 2, frame: 22
size = size === undefined ? 'md' : size;
const value4 = (UseTokenModule).useToken(color);
return (
<Image
fadeDuration={0}
source={source}
resizeMode={resizeMode}
style={[env0_4[size],
value4 != null ? {tintColor: value4} : color != null && typeof color === 'string' ? {tintColor: color} : undefined,
style]}
accessible={accessible}
accessibilityLabel={accessibilityLabel}
/>
);
}
}
function BaseIconImage({source, size, color, resizeMode, style, accessible, accessibilityLabel}) { // fn#31971, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:3998:424, offset: 0x01008aaa, size: 202 bytes, params: 2, frame: 22
size = size === undefined ? 'md' : size;
const value4 = (require(3860) /* metro dependency 3860: useToken */).useToken(color);
return (
<Image
fadeDuration={0}
source={source}
resizeMode={resizeMode}
style={[env0_4[size],
value4 != null ? {tintColor: value4} : color != null && typeof color === 'string' ? {tintColor: color} : undefined,
style]}
accessible={accessible}
accessibilityLabel={accessibilityLabel}
/>
);
}
global.__d(_fun31970, 3859, [31, 27, 33, 3860, 2]) /* metro module 3859, dependencies: [31, 27, 33, 3860, 2] */;
sources/design/components/Icon/native/ClipView.tsx
+9 -3
View File
@@ -1,15 +1,21 @@
/* Metro module 7599; source: design/components/Icon/native/ClipView.tsx; dependencies: [27, 4020, 7600, 4017, 2] */
import * as FileImportTrackerModule from '../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactNativeModule from '../../../../by-id/module-00027-ReactNative.js'; /* Metro dependency 27 */
import * as FabricUtilsModule from '../../../../utils/native/FabricUtils.tsx'; /* Metro dependency 4020 */
function _fun60925(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#60925, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:7777:6, offset: 0x0171539d, size: 208 bytes, params: 8, frame: 19
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
const requireNativeComponent = (require(27) /* metro dependency 27 */).requireNativeComponent;
let value = require(4020) /* metro dependency 4020: FabricUtils */;
const requireNativeComponent = (ReactNativeModule).requireNativeComponent;
let value = FabricUtilsModule;
const r4 = value.isFabric() ? importDefault(7600) /* metro dependency 7600: ClipViewNativeComponent */ : requireNativeComponent('ClipView');
value = importDefault(4017) /* metro dependency 4017: ReanimatedRexport */;
value = value.createAnimatedComponent(r4);
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/ClipView.tsx');
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/ClipView.tsx');
exports.default = r4;
exports.ClipViewAnimated = value;
exports.CutoutShape = {Circle: 'circle', RoundedRect: 'rounded-rect'};
}
global.__d(_fun60925, 7599, [27, 4020, 7600, 4017,
2]) /* metro module 7599, dependencies: [27, 4020, 7600, 4017, 2] */;
sources/design/components/Icon/native/redesign/generated/AccessibilityIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 13783; source: design/components/Icon/native/redesign/generated/AccessibilityIcon.tsx; dependencies: [31, 33, 697, 3859, 13784, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module13784Module from '../../../../../../by-id/module-13784.js'; /* Metro dependency 13784 */
function _fun105156(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#105156, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13980:6, offset: 0x022ae9b7, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/AccessibilityIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/AccessibilityIcon.tsx');
exports.AccessibilityIcon = AccessibilityIcon;
function AccessibilityIcon(a0) { // fn#105157, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13980:242, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module13784Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun105156, 13783, [31, 33, 697, 3859, 13784,
2]) /* metro module 13783, dependencies: [31, 33, 697, 3859, 13784, 2] */;
sources/design/components/Icon/native/redesign/generated/AchievementsIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 13138; source: design/components/Icon/native/redesign/generated/AchievementsIcon.tsx; dependencies: [31, 33, 697, 3859, 13139, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module13139Module from '../../../../../../by-id/module-13139.js'; /* Metro dependency 13139 */
function _fun100407(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#100407, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13328:6, offset: 0x021e7d09, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/AchievementsIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/AchievementsIcon.tsx');
exports.AchievementsIcon = AchievementsIcon;
function AchievementsIcon(a0) { // fn#100408, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13328:240, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module13139Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun100407, 13138, [31, 33, 697, 3859, 13139,
2]) /* metro module 13138, dependencies: [31, 33, 697, 3859, 13139, 2] */;
sources/design/components/Icon/native/redesign/generated/AnalyticsIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 11046; source: design/components/Icon/native/redesign/generated/AnalyticsIcon.tsx; dependencies: [31, 33, 697, 3859, 11047, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module11047Module from '../../../../../../by-id/module-11047.js'; /* Metro dependency 11047 */
function _fun84540(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#84540, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11232:6, offset: 0x01f4ef5f, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/AnalyticsIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/AnalyticsIcon.tsx');
exports.AnalyticsIcon = AnalyticsIcon;
function AnalyticsIcon(a0) { // fn#84541, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11232:234, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module11047Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun84540, 11046, [31, 33, 697, 3859, 11047,
2]) /* metro module 11046, dependencies: [31, 33, 697, 3859, 11047, 2] */;
sources/design/components/Icon/native/redesign/generated/AnnouncementsIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 6704; source: design/components/Icon/native/redesign/generated/AnnouncementsIcon.tsx; dependencies: [31, 33, 697, 3859, 6654, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module06654Module from '../../../../../../by-id/module-06654.js'; /* Metro dependency 6654 */
function _fun52683(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#52683, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6882:6, offset: 0x01334793, size: 136 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/AnnouncementsIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/AnnouncementsIcon.tsx');
exports.AnnouncementsIcon = AnnouncementsIcon;
function AnnouncementsIcon(a0) { // fn#52684, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6882:242, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module06654Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun52683, 6704, [31, 33, 697, 3859, 6654,
2]) /* metro module 6704, dependencies: [31, 33, 697, 3859, 6654, 2] */;
sources/design/components/Icon/native/redesign/generated/AnnouncementsLockIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 6703; source: design/components/Icon/native/redesign/generated/AnnouncementsLockIcon.tsx; dependencies: [31, 33, 697, 3859, 6678, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module06678Module from '../../../../../../by-id/module-06678.js'; /* Metro dependency 6678 */
function _fun52681(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#52681, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6881:6, offset: 0x0133470b, size: 136 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/AnnouncementsLockIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/AnnouncementsLockIcon.tsx');
exports.AnnouncementsLockIcon = AnnouncementsLockIcon;
function AnnouncementsLockIcon(a0) { // fn#52682, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6881:250, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module06678Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun52681, 6703, [31, 33, 697, 3859, 6678,
2]) /* metro module 6703, dependencies: [31, 33, 697, 3859, 6678, 2] */;
sources/design/components/Icon/native/redesign/generated/AnnouncementsSpoilerIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 6702; source: design/components/Icon/native/redesign/generated/AnnouncementsSpoilerIcon.tsx; dependencies: [31, 33, 697, 3859, 6677, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module06677Module from '../../../../../../by-id/module-06677.js'; /* Metro dependency 6677 */
function _fun52679(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#52679, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6880:6, offset: 0x01334683, size: 136 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/AnnouncementsSpoilerIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/AnnouncementsSpoilerIcon.tsx');
exports.AnnouncementsSpoilerIcon = AnnouncementsSpoilerIcon;
function AnnouncementsSpoilerIcon(a0) { // fn#52680, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6880:256, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module06677Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun52679, 6702, [31, 33, 697, 3859, 6677,
2]) /* metro module 6702, dependencies: [31, 33, 697, 3859, 6677, 2] */;
sources/design/components/Icon/native/redesign/generated/AnnouncementsWarningIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 6701; source: design/components/Icon/native/redesign/generated/AnnouncementsWarningIcon.tsx; dependencies: [31, 33, 697, 3859, 6676, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module06676Module from '../../../../../../by-id/module-06676.js'; /* Metro dependency 6676 */
function _fun52677(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#52677, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6879:6, offset: 0x013345fb, size: 136 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/AnnouncementsWarningIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/AnnouncementsWarningIcon.tsx');
exports.AnnouncementsWarningIcon = AnnouncementsWarningIcon;
function AnnouncementsWarningIcon(a0) { // fn#52678, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6879:256, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module06676Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun52677, 6701, [31, 33, 697, 3859, 6676,
2]) /* metro module 6701, dependencies: [31, 33, 697, 3859, 6676, 2] */;
sources/design/components/Icon/native/redesign/generated/AppleNeutralIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 10166; source: design/components/Icon/native/redesign/generated/AppleNeutralIcon.tsx; dependencies: [31, 33, 697, 3859, 10167, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module10167Module from '../../../../../../by-id/module-10167.js'; /* Metro dependency 10167 */
function _fun79178(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#79178, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10352:6, offset: 0x01e47ddd, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/AppleNeutralIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/AppleNeutralIcon.tsx');
exports.AppleNeutralIcon = AppleNeutralIcon;
function AppleNeutralIcon(a0) { // fn#79179, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10352:240, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module10167Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun79178, 10166, [31, 33, 697, 3859, 10167,
2]) /* metro module 10166, dependencies: [31, 33, 697, 3859, 10167, 2] */;
sources/design/components/Icon/native/redesign/generated/AppsIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 8840; source: design/components/Icon/native/redesign/generated/AppsIcon.tsx; dependencies: [31, 33, 697, 3859, 8379, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module08379Module from '../../../../../../by-id/module-08379.js'; /* Metro dependency 8379 */
function _fun69009(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#69009, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9025:6, offset: 0x01c64acb, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/AppsIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/AppsIcon.tsx');
exports.AppsIcon = AppsIcon;
function AppsIcon(a0) { // fn#69010, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9025:224, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module08379Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun69009, 8840, [31, 33, 697, 3859, 8379,
2]) /* metro module 8840, dependencies: [31, 33, 697, 3859, 8379, 2] */;
sources/design/components/Icon/native/redesign/generated/ArrowAngleLeftUpIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 11209; source: design/components/Icon/native/redesign/generated/ArrowAngleLeftUpIcon.tsx; dependencies: [31, 33, 697, 3859, 11210, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module11210Module from '../../../../../../by-id/module-11210.js'; /* Metro dependency 11210 */
function _fun85656(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#85656, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11395:6, offset: 0x01f76de3, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowAngleLeftUpIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowAngleLeftUpIcon.tsx');
exports.ArrowAngleLeftUpIcon = ArrowAngleLeftUpIcon;
function ArrowAngleLeftUpIcon(a0) { // fn#85657, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11395:248, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module11210Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun85656, 11209, [31, 33, 697, 3859, 11210,
2]) /* metro module 11209, dependencies: [31, 33, 697, 3859, 11210, 2] */;
sources/design/components/Icon/native/redesign/generated/ArrowAngleRightUpIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 9601; source: design/components/Icon/native/redesign/generated/ArrowAngleRightUpIcon.tsx; dependencies: [31, 33, 697, 3859, 9602, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module09602Module from '../../../../../../by-id/module-09602.js'; /* Metro dependency 9602 */
function _fun75255(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#75255, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9787:6, offset: 0x01da795e, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowAngleRightUpIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowAngleRightUpIcon.tsx');
exports.ArrowAngleRightUpIcon = ArrowAngleRightUpIcon;
function ArrowAngleRightUpIcon(a0) { // fn#75256, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9787:250, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module09602Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun75255, 9601, [31, 33, 697, 3859, 9602,
2]) /* metro module 9601, dependencies: [31, 33, 697, 3859, 9602, 2] */;
sources/design/components/Icon/native/redesign/generated/ArrowLargeLeftIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 5284; source: design/components/Icon/native/redesign/generated/ArrowLargeLeftIcon.tsx; dependencies: [31, 33, 697, 3859, 5285, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module05285Module from '../../../../../../by-id/module-05285.js'; /* Metro dependency 5285 */
function _fun46974(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#46974, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:5462:6, offset: 0x011b48c6, size: 136 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowLargeLeftIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowLargeLeftIcon.tsx');
exports.ArrowLargeLeftIcon = ArrowLargeLeftIcon;
function ArrowLargeLeftIcon(a0) { // fn#46975, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:5462:244, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module05285Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun46974, 5284, [31, 33, 697, 3859, 5285,
2]) /* metro module 5284, dependencies: [31, 33, 697, 3859, 5285, 2] */;
sources/design/components/Icon/native/redesign/generated/ArrowSmallDownIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 14280; source: design/components/Icon/native/redesign/generated/ArrowSmallDownIcon.tsx; dependencies: [31, 33, 697, 3859, 14281, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module14281Module from '../../../../../../by-id/module-14281.js'; /* Metro dependency 14281 */
function _fun108014(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#108014, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14477:6, offset: 0x02311de6, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowSmallDownIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowSmallDownIcon.tsx');
exports.ArrowSmallDownIcon = ArrowSmallDownIcon;
function ArrowSmallDownIcon(a0) { // fn#108015, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14477:244, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module14281Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun108014, 14280, [31, 33, 697, 3859, 14281,
2]) /* metro module 14280, dependencies: [31, 33, 697, 3859, 14281, 2] */;
sources/design/components/Icon/native/redesign/generated/ArrowSmallLeftIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 10207; source: design/components/Icon/native/redesign/generated/ArrowSmallLeftIcon.tsx; dependencies: [31, 33, 697, 3859, 10208, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module10208Module from '../../../../../../by-id/module-10208.js'; /* Metro dependency 10208 */
function _fun79351(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#79351, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10393:6, offset: 0x01e4f626, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowSmallLeftIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowSmallLeftIcon.tsx');
exports.ArrowSmallLeftIcon = ArrowSmallLeftIcon;
function ArrowSmallLeftIcon(a0) { // fn#79352, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10393:244, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module10208Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun79351, 10207, [31, 33, 697, 3859, 10208,
2]) /* metro module 10207, dependencies: [31, 33, 697, 3859, 10208, 2] */;
sources/design/components/Icon/native/redesign/generated/ArrowSmallRightIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 11905; source: design/components/Icon/native/redesign/generated/ArrowSmallRightIcon.tsx; dependencies: [31, 33, 697, 3859, 11906, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module11906Module from '../../../../../../by-id/module-11906.js'; /* Metro dependency 11906 */
function _fun91370(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#91370, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12091:6, offset: 0x0205d2f4, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowSmallRightIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowSmallRightIcon.tsx');
exports.ArrowSmallRightIcon = ArrowSmallRightIcon;
function ArrowSmallRightIcon(a0) { // fn#91371, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12091:246, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module11906Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun91370, 11905, [31, 33, 697, 3859, 11906,
2]) /* metro module 11905, dependencies: [31, 33, 697, 3859, 11906, 2] */;
sources/design/components/Icon/native/redesign/generated/ArrowSmallUpIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 14278; source: design/components/Icon/native/redesign/generated/ArrowSmallUpIcon.tsx; dependencies: [31, 33, 697, 3859, 14279, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module14279Module from '../../../../../../by-id/module-14279.js'; /* Metro dependency 14279 */
function _fun108011(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#108011, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14475:6, offset: 0x02311d16, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowSmallUpIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowSmallUpIcon.tsx');
exports.ArrowSmallUpIcon = ArrowSmallUpIcon;
function ArrowSmallUpIcon(a0) { // fn#108012, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14475:240, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module14279Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun108011, 14278, [31, 33, 697, 3859, 14279,
2]) /* metro module 14278, dependencies: [31, 33, 697, 3859, 14279, 2] */;
sources/design/components/Icon/native/redesign/generated/ArrowsUpDownIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 11689; source: design/components/Icon/native/redesign/generated/ArrowsUpDownIcon.tsx; dependencies: [31, 33, 697, 3859, 11690, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module11690Module from '../../../../../../by-id/module-11690.js'; /* Metro dependency 11690 */
function _fun89565(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#89565, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11875:6, offset: 0x020139c4, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowsUpDownIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/ArrowsUpDownIcon.tsx');
exports.ArrowsUpDownIcon = ArrowsUpDownIcon;
function ArrowsUpDownIcon(a0) { // fn#89566, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11875:240, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module11690Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun89565, 11689, [31, 33, 697, 3859, 11690,
2]) /* metro module 11689, dependencies: [31, 33, 697, 3859, 11690, 2] */;
sources/design/components/Icon/native/redesign/generated/AtIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 6700; source: design/components/Icon/native/redesign/generated/AtIcon.tsx; dependencies: [31, 33, 697, 3859, 6653, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module06653Module from '../../../../../../by-id/module-06653.js'; /* Metro dependency 6653 */
function _fun52675(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#52675, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6878:6, offset: 0x01334573, size: 136 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/AtIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/AtIcon.tsx');
exports.AtIcon = AtIcon;
function AtIcon(a0) { // fn#52676, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6878:220, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module06653Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun52675, 6700, [31, 33, 697, 3859, 6653,
2]) /* metro module 6700, dependencies: [31, 33, 697, 3859, 6653, 2] */;
sources/design/components/Icon/native/redesign/generated/AttachmentIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 9786; source: design/components/Icon/native/redesign/generated/AttachmentIcon.tsx; dependencies: [31, 33, 697, 3859, 9787, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module09787Module from '../../../../../../by-id/module-09787.js'; /* Metro dependency 9787 */
function _fun76727(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#76727, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9972:6, offset: 0x01de2709, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/AttachmentIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/AttachmentIcon.tsx');
exports.AttachmentIcon = AttachmentIcon;
function AttachmentIcon(a0) { // fn#76728, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9972:236, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module09787Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun76727, 9786, [31, 33, 697, 3859, 9787,
2]) /* metro module 9786, dependencies: [31, 33, 697, 3859, 9787, 2] */;
sources/design/components/Icon/native/redesign/generated/BackspaceIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 8688; source: design/components/Icon/native/redesign/generated/BackspaceIcon.tsx; dependencies: [31, 33, 697, 3859, 8689, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module08689Module from '../../../../../../by-id/module-08689.js'; /* Metro dependency 8689 */
function _fun68294(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#68294, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8873:6, offset: 0x01c47a72, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BackspaceIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BackspaceIcon.tsx');
exports.BackspaceIcon = BackspaceIcon;
function BackspaceIcon(a0) { // fn#68295, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8873:234, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module08689Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun68294, 8688, [31, 33, 697, 3859, 8689,
2]) /* metro module 8688, dependencies: [31, 33, 697, 3859, 8689, 2] */;
sources/design/components/Icon/native/redesign/generated/BattlenetNeutralIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 9978; source: design/components/Icon/native/redesign/generated/BattlenetNeutralIcon.tsx; dependencies: [31, 33, 697, 3859, 9979, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module09979Module from '../../../../../../by-id/module-09979.js'; /* Metro dependency 9979 */
function _fun78068(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#78068, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10164:6, offset: 0x01e1791c, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BattlenetNeutralIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BattlenetNeutralIcon.tsx');
exports.BattlenetNeutralIcon = BattlenetNeutralIcon;
function BattlenetNeutralIcon(a0) { // fn#78069, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10164:248, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module09979Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun78068, 9978, [31, 33, 697, 3859, 9979,
2]) /* metro module 9978, dependencies: [31, 33, 697, 3859, 9979, 2] */;
sources/design/components/Icon/native/redesign/generated/BeakerIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 13132; source: design/components/Icon/native/redesign/generated/BeakerIcon.tsx; dependencies: [31, 33, 697, 3859, 13133, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module13133Module from '../../../../../../by-id/module-13133.js'; /* Metro dependency 13133 */
function _fun100360(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#100360, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13322:6, offset: 0x021e5fd8, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BeakerIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BeakerIcon.tsx');
exports.BeakerIcon = BeakerIcon;
function BeakerIcon(a0) { // fn#100361, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13322:228, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module13133Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun100360, 13132, [31, 33, 697, 3859, 13133,
2]) /* metro module 13132, dependencies: [31, 33, 697, 3859, 13133, 2] */;
sources/design/components/Icon/native/redesign/generated/BellIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 9216; source: design/components/Icon/native/redesign/generated/BellIcon.tsx; dependencies: [31, 33, 697, 3859, 8194, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module08194Module from '../../../../../../by-id/module-08194.js'; /* Metro dependency 8194 */
function _fun72082(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#72082, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9401:6, offset: 0x01d393f7, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BellIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BellIcon.tsx');
exports.BellIcon = BellIcon;
function BellIcon(a0) { // fn#72083, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9401:224, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module08194Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun72082, 9216, [31, 33, 697, 3859, 8194,
2]) /* metro module 9216, dependencies: [31, 33, 697, 3859, 8194, 2] */;
sources/design/components/Icon/native/redesign/generated/BellSlashIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 10629; source: design/components/Icon/native/redesign/generated/BellSlashIcon.tsx; dependencies: [31, 33, 697, 3859, 10630, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module10630Module from '../../../../../../by-id/module-10630.js'; /* Metro dependency 10630 */
function _fun81824(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#81824, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10815:6, offset: 0x01ee091b, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BellSlashIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BellSlashIcon.tsx');
exports.BellSlashIcon = BellSlashIcon;
function BellSlashIcon(a0) { // fn#81825, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10815:234, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module10630Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun81824, 10629, [31, 33, 697, 3859, 10630,
2]) /* metro module 10629, dependencies: [31, 33, 697, 3859, 10630, 2] */;
sources/design/components/Icon/native/redesign/generated/BellZIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 14429; source: design/components/Icon/native/redesign/generated/BellZIcon.tsx; dependencies: [31, 33, 697, 3859, 14430, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module14430Module from '../../../../../../by-id/module-14430.js'; /* Metro dependency 14430 */
function _fun109212(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#109212, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14626:6, offset: 0x02341db5, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BellZIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BellZIcon.tsx');
exports.BellZIcon = BellZIcon;
function BellZIcon(a0) { // fn#109213, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14626:226, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module14430Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun109212, 14429, [31, 33, 697, 3859, 14430,
2]) /* metro module 14429, dependencies: [31, 33, 697, 3859, 14430, 2] */;
sources/design/components/Icon/native/redesign/generated/BicycleIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 8659; source: design/components/Icon/native/redesign/generated/BicycleIcon.tsx; dependencies: [31, 33, 697, 3859, 8660, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module08660Module from '../../../../../../by-id/module-08660.js'; /* Metro dependency 8660 */
function _fun68202(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#68202, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8844:6, offset: 0x01c436e9, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BicycleIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BicycleIcon.tsx');
exports.BicycleIcon = BicycleIcon;
function BicycleIcon(a0) { // fn#68203, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8844:230, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module08660Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun68202, 8659, [31, 33, 697, 3859, 8660,
2]) /* metro module 8659, dependencies: [31, 33, 697, 3859, 8660, 2] */;
sources/design/components/Icon/native/redesign/generated/BillIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 11677; source: design/components/Icon/native/redesign/generated/BillIcon.tsx; dependencies: [31, 33, 697, 3859, 11678, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module11678Module from '../../../../../../by-id/module-11678.js'; /* Metro dependency 11678 */
function _fun89510(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#89510, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11863:6, offset: 0x02010fb3, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BillIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BillIcon.tsx');
exports.BillIcon = BillIcon;
function BillIcon(a0) { // fn#89511, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11863:224, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module11678Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun89510, 11677, [31, 33, 697, 3859, 11678,
2]) /* metro module 11677, dependencies: [31, 33, 697, 3859, 11678, 2] */;
sources/design/components/Icon/native/redesign/generated/BlueskyNeutralIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 10171; source: design/components/Icon/native/redesign/generated/BlueskyNeutralIcon.tsx; dependencies: [31, 33, 697, 3859, 10172, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module10172Module from '../../../../../../by-id/module-10172.js'; /* Metro dependency 10172 */
function _fun79186(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#79186, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10357:6, offset: 0x01e485c5, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BlueskyNeutralIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BlueskyNeutralIcon.tsx');
exports.BlueskyNeutralIcon = BlueskyNeutralIcon;
function BlueskyNeutralIcon(a0) { // fn#79187, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:10357:244, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module10172Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun79186, 10171, [31, 33, 697, 3859, 10172,
2]) /* metro module 10171, dependencies: [31, 33, 697, 3859, 10172, 2] */;
sources/design/components/Icon/native/redesign/generated/BookCheckIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 6686; source: design/components/Icon/native/redesign/generated/BookCheckIcon.tsx; dependencies: [31, 33, 697, 3859, 6667, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module06667Module from '../../../../../../by-id/module-06667.js'; /* Metro dependency 6667 */
function _fun52647(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#52647, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6864:6, offset: 0x01333e03, size: 136 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BookCheckIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BookCheckIcon.tsx');
exports.BookCheckIcon = BookCheckIcon;
function BookCheckIcon(a0) { // fn#52648, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:6864:234, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module06667Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun52647, 6686, [31, 33, 697, 3859, 6667,
2]) /* metro module 6686, dependencies: [31, 33, 697, 3859, 6667, 2] */;
sources/design/components/Icon/native/redesign/generated/BookmarkIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 11190; source: design/components/Icon/native/redesign/generated/BookmarkIcon.tsx; dependencies: [31, 33, 697, 3859, 11191, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module11191Module from '../../../../../../by-id/module-11191.js'; /* Metro dependency 11191 */
function _fun85495(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#85495, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11376:6, offset: 0x01f70f4d, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BookmarkIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BookmarkIcon.tsx');
exports.BookmarkIcon = BookmarkIcon;
function BookmarkIcon(a0) { // fn#85496, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11376:232, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module11191Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun85495, 11190, [31, 33, 697, 3859, 11191,
2]) /* metro module 11190, dependencies: [31, 33, 697, 3859, 11191, 2] */;
sources/design/components/Icon/native/redesign/generated/BookmarkOutlineIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 11417; source: design/components/Icon/native/redesign/generated/BookmarkOutlineIcon.tsx; dependencies: [31, 33, 697, 3859, 11418, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module11418Module from '../../../../../../by-id/module-11418.js'; /* Metro dependency 11418 */
function _fun87434(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#87434, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11603:6, offset: 0x01fbe64a, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BookmarkOutlineIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BookmarkOutlineIcon.tsx');
exports.BookmarkOutlineIcon = BookmarkOutlineIcon;
function BookmarkOutlineIcon(a0) { // fn#87435, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11603:246, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module11418Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun87434, 11417, [31, 33, 697, 3859, 11418,
2]) /* metro module 11417, dependencies: [31, 33, 697, 3859, 11418, 2] */;
sources/design/components/Icon/native/redesign/generated/BoostGemIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 7958; source: design/components/Icon/native/redesign/generated/BoostGemIcon.tsx; dependencies: [31, 33, 697, 3859, 7959, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module07959Module from '../../../../../../by-id/module-07959.js'; /* Metro dependency 7959 */
function _fun63431(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#63431, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8136:6, offset: 0x01b7f47a, size: 136 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BoostGemIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BoostGemIcon.tsx');
exports.BoostGemIcon = BoostGemIcon;
function BoostGemIcon(a0) { // fn#63432, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:8136:232, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module07959Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun63431, 7958, [31, 33, 697, 3859, 7959,
2]) /* metro module 7958, dependencies: [31, 33, 697, 3859, 7959, 2] */;
sources/design/components/Icon/native/redesign/generated/BoostGemOutlineIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 15916; source: design/components/Icon/native/redesign/generated/BoostGemOutlineIcon.tsx; dependencies: [31, 33, 697, 3859, 15917, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module15917Module from '../../../../../../by-id/module-15917.js'; /* Metro dependency 15917 */
function _fun122786(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#122786, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:16124:6, offset: 0x02575090, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BoostGemOutlineIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BoostGemOutlineIcon.tsx');
exports.BoostGemOutlineIcon = BoostGemOutlineIcon;
function BoostGemOutlineIcon(a0) { // fn#122787, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:16124:246, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module15917Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun122786, 15916, [31, 33, 697, 3859, 15917,
2]) /* metro module 15916, dependencies: [31, 33, 697, 3859, 15917, 2] */;
sources/design/components/Icon/native/redesign/generated/BoostGemSlashIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 12320; source: design/components/Icon/native/redesign/generated/BoostGemSlashIcon.tsx; dependencies: [31, 33, 697, 3859, 12321, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module12321Module from '../../../../../../by-id/module-12321.js'; /* Metro dependency 12321 */
function _fun94033(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#94033, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12506:6, offset: 0x020cfde2, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BoostGemSlashIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BoostGemSlashIcon.tsx');
exports.BoostGemSlashIcon = BoostGemSlashIcon;
function BoostGemSlashIcon(a0) { // fn#94034, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12506:242, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module12321Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun94033, 12320, [31, 33, 697, 3859, 12321,
2]) /* metro module 12320, dependencies: [31, 33, 697, 3859, 12321, 2] */;
sources/design/components/Icon/native/redesign/generated/BoostTier1Icon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 14677; source: design/components/Icon/native/redesign/generated/BoostTier1Icon.tsx; dependencies: [31, 33, 697, 3859, 14678, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module14678Module from '../../../../../../by-id/module-14678.js'; /* Metro dependency 14678 */
function _fun110789(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#110789, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14874:6, offset: 0x0238727d, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BoostTier1Icon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BoostTier1Icon.tsx');
exports.BoostTier1Icon = BoostTier1Icon;
function BoostTier1Icon(a0) { // fn#110790, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14874:236, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module14678Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun110789, 14677, [31, 33, 697, 3859, 14678,
2]) /* metro module 14677, dependencies: [31, 33, 697, 3859, 14678, 2] */;
sources/design/components/Icon/native/redesign/generated/BoostTier2Icon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 14687; source: design/components/Icon/native/redesign/generated/BoostTier2Icon.tsx; dependencies: [31, 33, 697, 3859, 14688, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module14688Module from '../../../../../../by-id/module-14688.js'; /* Metro dependency 14688 */
function _fun110829(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#110829, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14884:6, offset: 0x02388b6a, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BoostTier2Icon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BoostTier2Icon.tsx');
exports.BoostTier2Icon = BoostTier2Icon;
function BoostTier2Icon(a0) { // fn#110830, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14884:236, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module14688Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun110829, 14687, [31, 33, 697, 3859, 14688,
2]) /* metro module 14687, dependencies: [31, 33, 697, 3859, 14688, 2] */;
sources/design/components/Icon/native/redesign/generated/BoostTier3Icon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 12252; source: design/components/Icon/native/redesign/generated/BoostTier3Icon.tsx; dependencies: [31, 33, 697, 3859, 12253, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module12253Module from '../../../../../../by-id/module-12253.js'; /* Metro dependency 12253 */
function _fun93703(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#93703, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12438:6, offset: 0x020c01ee, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BoostTier3Icon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BoostTier3Icon.tsx');
exports.BoostTier3Icon = BoostTier3Icon;
function BoostTier3Icon(a0) { // fn#93704, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12438:236, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module12253Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun93703, 12252, [31, 33, 697, 3859, 12253,
2]) /* metro module 12252, dependencies: [31, 33, 697, 3859, 12253, 2] */;
sources/design/components/Icon/native/redesign/generated/BugIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 13973; source: design/components/Icon/native/redesign/generated/BugIcon.tsx; dependencies: [31, 33, 697, 3859, 13974, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module13974Module from '../../../../../../by-id/module-13974.js'; /* Metro dependency 13974 */
function _fun106023(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#106023, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14170:6, offset: 0x022caa93, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BugIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BugIcon.tsx');
exports.BugIcon = BugIcon;
function BugIcon(a0) { // fn#106024, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:14170:222, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module13974Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun106023, 13973, [31, 33, 697, 3859, 13974,
2]) /* metro module 13973, dependencies: [31, 33, 697, 3859, 13974, 2] */;
sources/design/components/Icon/native/redesign/generated/BurgerIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 13154; source: design/components/Icon/native/redesign/generated/BurgerIcon.tsx; dependencies: [31, 33, 697, 3859, 13155, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module13155Module from '../../../../../../by-id/module-13155.js'; /* Metro dependency 13155 */
function _fun100431(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#100431, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13344:6, offset: 0x021e8389, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/BurgerIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/BurgerIcon.tsx');
exports.BurgerIcon = BurgerIcon;
function BurgerIcon(a0) { // fn#100432, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13344:228, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module13155Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun100431, 13154, [31, 33, 697, 3859, 13155,
2]) /* metro module 13154, dependencies: [31, 33, 697, 3859, 13155, 2] */;
sources/design/components/Icon/native/redesign/generated/CalendarIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 9133; source: design/components/Icon/native/redesign/generated/CalendarIcon.tsx; dependencies: [31, 33, 697, 3859, 9134, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module09134Module from '../../../../../../by-id/module-09134.js'; /* Metro dependency 9134 */
function _fun71560(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#71560, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9318:6, offset: 0x01d246b7, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/CalendarIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/CalendarIcon.tsx');
exports.CalendarIcon = CalendarIcon;
function CalendarIcon(a0) { // fn#71561, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:9318:232, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module09134Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun71560, 9133, [31, 33, 697, 3859, 9134,
2]) /* metro module 9133, dependencies: [31, 33, 697, 3859, 9134, 2] */;
sources/design/components/Icon/native/redesign/generated/CalendarMinusIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 15024; source: design/components/Icon/native/redesign/generated/CalendarMinusIcon.tsx; dependencies: [31, 33, 697, 3859, 15025, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module15025Module from '../../../../../../by-id/module-15025.js'; /* Metro dependency 15025 */
function _fun113650(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#113650, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15221:6, offset: 0x024024cb, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/CalendarMinusIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/CalendarMinusIcon.tsx');
exports.CalendarMinusIcon = CalendarMinusIcon;
function CalendarMinusIcon(a0) { // fn#113651, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15221:242, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module15025Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun113650, 15024, [31, 33, 697, 3859, 15025,
2]) /* metro module 15024, dependencies: [31, 33, 697, 3859, 15025, 2] */;
sources/design/components/Icon/native/redesign/generated/CalendarPlusIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 15026; source: design/components/Icon/native/redesign/generated/CalendarPlusIcon.tsx; dependencies: [31, 33, 697, 3859, 15027, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module15027Module from '../../../../../../by-id/module-15027.js'; /* Metro dependency 15027 */
function _fun113653(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#113653, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15223:6, offset: 0x0240259b, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/CalendarPlusIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/CalendarPlusIcon.tsx');
exports.CalendarPlusIcon = CalendarPlusIcon;
function CalendarPlusIcon(a0) { // fn#113654, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15223:240, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module15027Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun113653, 15026, [31, 33, 697, 3859, 15027,
2]) /* metro module 15026, dependencies: [31, 33, 697, 3859, 15027, 2] */;
sources/design/components/Icon/native/redesign/generated/CameraIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 11112; source: design/components/Icon/native/redesign/generated/CameraIcon.tsx; dependencies: [31, 33, 697, 3859, 11113, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module11113Module from '../../../../../../by-id/module-11113.js'; /* Metro dependency 11113 */
function _fun85105(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#85105, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11298:6, offset: 0x01f64260, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/CameraIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/CameraIcon.tsx');
exports.CameraIcon = CameraIcon;
function CameraIcon(a0) { // fn#85106, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11298:228, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module11113Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun85105, 11112, [31, 33, 697, 3859, 11113,
2]) /* metro module 11112, dependencies: [31, 33, 697, 3859, 11113, 2] */;
sources/design/components/Icon/native/redesign/generated/CarIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 13146; source: design/components/Icon/native/redesign/generated/CarIcon.tsx; dependencies: [31, 33, 697, 3859, 13147, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module13147Module from '../../../../../../by-id/module-13147.js'; /* Metro dependency 13147 */
function _fun100419(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#100419, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13336:6, offset: 0x021e8049, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/CarIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/CarIcon.tsx');
exports.CarIcon = CarIcon;
function CarIcon(a0) { // fn#100420, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:13336:222, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module13147Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun100419, 13146, [31, 33, 697, 3859, 13147,
2]) /* metro module 13146, dependencies: [31, 33, 697, 3859, 13147, 2] */;
sources/design/components/Icon/native/redesign/generated/ChannelListIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 15863; source: design/components/Icon/native/redesign/generated/ChannelListIcon.tsx; dependencies: [31, 33, 697, 3859, 15864, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module15864Module from '../../../../../../by-id/module-15864.js'; /* Metro dependency 15864 */
function _fun122088(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#122088, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:16071:6, offset: 0x025598cf, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/ChannelListIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/ChannelListIcon.tsx');
exports.ChannelListIcon = ChannelListIcon;
function ChannelListIcon(a0) { // fn#122089, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:16071:238, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module15864Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun122088, 15863, [31, 33, 697, 3859, 15864,
2]) /* metro module 15863, dependencies: [31, 33, 697, 3859, 15864, 2] */;
sources/design/components/Icon/native/redesign/generated/ChannelListMagnifyingGlassIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 12376; source: design/components/Icon/native/redesign/generated/ChannelListMagnifyingGlassIcon.tsx; dependencies: [31, 33, 697, 3859, 12377, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module12377Module from '../../../../../../by-id/module-12377.js'; /* Metro dependency 12377 */
function _fun94321(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#94321, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12562:6, offset: 0x02113a9f, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/ChannelListMagnifyingGlassIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/ChannelListMagnifyingGlassIcon.tsx');
exports.ChannelListMagnifyingGlassIcon = ChannelListMagnifyingGlassIcon;
function ChannelListMagnifyingGlassIcon(a0) { // fn#94322, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12562:268, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module12377Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun94321, 12376, [31, 33, 697, 3859, 12377,
2]) /* metro module 12376, dependencies: [31, 33, 697, 3859, 12377, 2] */;
sources/design/components/Icon/native/redesign/generated/ChannelNotificationIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 11241; source: design/components/Icon/native/redesign/generated/ChannelNotificationIcon.tsx; dependencies: [31, 33, 697, 3859, 11242, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module11242Module from '../../../../../../by-id/module-11242.js'; /* Metro dependency 11242 */
function _fun85956(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#85956, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11427:6, offset: 0x01f82a0b, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/ChannelNotificationIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/ChannelNotificationIcon.tsx');
exports.ChannelNotificationIcon = ChannelNotificationIcon;
function ChannelNotificationIcon(a0) { // fn#85957, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:11427:254, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module11242Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun85956, 11241, [31, 33, 697, 3859, 11242,
2]) /* metro module 11241, dependencies: [31, 33, 697, 3859, 11242, 2] */;
sources/design/components/Icon/native/redesign/generated/ChannelsFollowedIcon.tsx
+29 -3
View File
@@ -1,11 +1,37 @@
/* Metro module 15201; source: design/components/Icon/native/redesign/generated/ChannelsFollowedIcon.tsx; dependencies: [31, 33, 697, 3859, 15202, 2] */
import * as FileImportTrackerModule from '../../../../../../by-id/module-00002-FileImportTracker.js'; /* Metro dependency 2 */
import * as ReactModule from '../../../../../../by-id/module-00031-React.js'; /* Metro dependency 31 */
import * as JsxRuntimeModule from '../../../../../../by-id/module-00033-JsxRuntime.js'; /* Metro dependency 33 */
import * as BaseIconImageModule from '../../BaseIconImage.tsx'; /* Metro dependency 3859 */
import * as Module15202Module from '../../../../../../by-id/module-15202.js'; /* Metro dependency 15202 */
function _fun116249(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#116249, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15398:6, offset: 0x02482c9f, size: 138 bytes, params: 8, frame: 18
const env0_0 = require;
const Object = global.Object;
Object.defineProperty(exports, '__esModule', {value: true});
importAll(31) /* metro dependency 31 */;
const env0_3 = (require(33) /* metro dependency 33 */).jsx;
(require(2) /* metro dependency 2 */).fileFinishedImporting('design/components/Icon/native/redesign/generated/ChannelsFollowedIcon.tsx');
ReactModule;
(FileImportTrackerModule).fileFinishedImporting('design/components/Icon/native/redesign/generated/ChannelsFollowedIcon.tsx');
exports.ChannelsFollowedIcon = ChannelsFollowedIcon;
function ChannelsFollowedIcon(a0) { // fn#116250, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:15398:248, offset: 0x010088f2, size: 154 bytes, params: 2, frame: 20
const style = a0.style;
const color = a0.color;
const r6 = color !== undefined ? color : (importDefault(697) /* metro dependency 697: native */).colors.INTERACTIVE_ICON_DEFAULT;
const value = Object.create(null);
value.style = 0;
value.color = 0;
const value2 = copyDataProperties({}, a0, value, undefined);
const BaseIconImage = (BaseIconImageModule).BaseIconImage;
return (
<BaseIconImage
source={Module15202Module}
color={r6}
style={style}
{...value2}
/>
);
}
}
global.__d(_fun116249, 15201, [31, 33, 697, 3859, 15202,
2]) /* metro module 15201, dependencies: [31, 33, 697, 3859, 15202, 2] */;
Loaded 100 of 22448 files, more files were not shown because too many files have changed in this diff. Show more