226 lines
10 KiB
TypeScript
226 lines
10 KiB
TypeScript
/* Metro module 12754; source: design/void/RoleDot/native/RoleDot.tsx; dependencies: [31, 27, 33, 4501, 697, 477, 4584, 6630, 4589, 1360, 2] */
|
|
import UseHasEnhancedRoleColors from '../../../../modules/premium/powerups/hooks/useHasEnhancedRoleColors.tsx'; /* Metro dependency 6630 */
|
|
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 UseFontScaleModule from '../../../../modules/screen/native/useFontScale.tsx'; /* Metro dependency 4584 */
|
|
|
|
function _fun97512(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97512, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12944:6, offset: 0x02185058, size: 398 bytes, params: 8, frame: 22
|
|
const env0_0 = require;
|
|
const Object = global.Object;
|
|
Object.defineProperty(exports, '__esModule', {value: true});
|
|
ReactModule;
|
|
let value = JsxRuntimeModule;
|
|
const env0_4 = value.jsx;
|
|
const env0_5 = value.jsxs;
|
|
value = require(4501) /* metro dependency 4501: createStyles */;
|
|
const createStyles = value.createStyles;
|
|
object = {};
|
|
object.container = {flexShrink: 0};
|
|
object.background = {position: 'relative'};
|
|
const object4 = {};
|
|
const BACKGROUND_MOD_NORMAL = (importDefault(697) /* metro dependency 697: native */).colors.BACKGROUND_MOD_NORMAL;
|
|
object4.backgroundColor = BACKGROUND_MOD_NORMAL;
|
|
object4.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.xs;
|
|
object.backgroundColor = object4;
|
|
const object5 = {};
|
|
const TEXT_DEFAULT = (importDefault(697) /* metro dependency 697: native */).colors.TEXT_DEFAULT;
|
|
object5.backgroundColor = TEXT_DEFAULT;
|
|
object5.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
|
|
object.borderBase = object5;
|
|
const object6 = {};
|
|
object6.borderRadius = (importDefault(697) /* metro dependency 697: native */).radii.md;
|
|
object6.opacity = 0.4;
|
|
object.borderColor = object6;
|
|
object.dot = {'borderRadius': 10, 'position': 'absolute'};
|
|
const env0_6 = Reflect.apply(createStyles, value, [object]);
|
|
(FileImportTrackerModule).fileFinishedImporting('design/void/RoleDot/native/RoleDot.tsx');
|
|
exports.RoleDot = RoleDot_97513;
|
|
function RoleDot_97513({color, colors, size, background, containerStyles, guildId}) { // fn#97513, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12944:598, offset: 0x021851e6, size: 767 bytes, params: 2, frame: 30
|
|
var r8;
|
|
var value10;
|
|
var value11;
|
|
var value12;
|
|
var object;
|
|
var object2;
|
|
var moduleValue2;
|
|
var value15;
|
|
var object6;
|
|
var container;
|
|
var items3;
|
|
var object7;
|
|
var items2;
|
|
var items5;
|
|
var dot;
|
|
var items6;
|
|
var defaultImport2;
|
|
var object10;
|
|
var items7;
|
|
var items8;
|
|
size = size === undefined ? 'normal' : size;
|
|
background = background === undefined || background;
|
|
const styles = useStyles();
|
|
const value5 = (UseFontScaleModule).useFontScale();
|
|
const value7 = (UseHasEnhancedRoleColors)(guildId, null);
|
|
if (color != null) {
|
|
value10 = (size !== 'normal' ? 16 : 20) * value5;
|
|
value11 = value10 / 2 + 2;
|
|
value12 = value11 - 2;
|
|
object = {};
|
|
object2 = {paddingRight: 2 * value5};
|
|
moduleValue2 = require(477) /* metro dependency 477: PlatformUtils */;
|
|
object2.paddingTop = moduleValue2.isAndroid() ? 3 * value5 : 2 * value5;
|
|
object2.height = value10;
|
|
object.container = object2;
|
|
object.background = {height: value10, width: value10, padding: (value10 - value11) / 2};
|
|
object.border = {height: value11, width: value11};
|
|
value15 = value12 / 2;
|
|
object.dot = {height: value12, width: value12, top: value15, left: value15};
|
|
object6 = {};
|
|
container = styles.container;
|
|
items3 = [container];
|
|
container = object.container;
|
|
items3[1] = container;
|
|
items3[2] = containerStyles;
|
|
object6.style = items3;
|
|
object7 = {};
|
|
items2 = [styles.background];
|
|
items2[1] = background ? styles.backgroundColor : null;
|
|
background = object.background;
|
|
items2[2] = background;
|
|
object7.style = items2;
|
|
items5 = [
|
|
<View style={[styles.borderBase]}>
|
|
<View style={[styles.borderColor, object.border, {backgroundColor: color ?? undefined}]} />
|
|
</View>,
|
|
];
|
|
if (value7) {
|
|
if (colors == null) {
|
|
dot = styles.dot;
|
|
items6 = [dot];
|
|
dot = object.dot;
|
|
items6[1] = dot;
|
|
items6[2] = {backgroundColor: color ?? undefined};
|
|
r8 = <View style={items6} />;
|
|
} else if (colors.secondaryColor != null) {
|
|
defaultImport2 = importDefault(4589) /* metro dependency 4589 */;
|
|
object10 = {};
|
|
items7 = [colors.primaryColor];
|
|
items7[1] = colors.secondaryColor;
|
|
items7[2] = colors.tertiaryColor;
|
|
object10.colors = items7.filter((require(1360) /* metro dependency 1360: GlobalUtils */).isNotNullish);
|
|
object10.start = {'x': 0, 'y': 0};
|
|
object10.end = {'x': 1, 'y': 0};
|
|
dot = styles.dot;
|
|
items8 = [dot];
|
|
dot = object.dot;
|
|
items8[1] = dot;
|
|
object10.style = items8;
|
|
r8 = ((Component) => <Component {...object10} />)(defaultImport2);
|
|
} else {
|
|
dot = styles.dot;
|
|
items6 = [dot];
|
|
dot = object.dot;
|
|
items6[1] = dot;
|
|
items6[2] = {backgroundColor: color ?? undefined};
|
|
r8 = <View style={items6} />;
|
|
}
|
|
} else {
|
|
dot = styles.dot;
|
|
items6 = [dot];
|
|
dot = object.dot;
|
|
items6[1] = dot;
|
|
items6[2] = {backgroundColor: color ?? undefined};
|
|
r8 = <View style={items6} />;
|
|
}
|
|
items5[1] = r8;
|
|
return (
|
|
<View {...object6}>
|
|
<View {...object7}>
|
|
{items5}
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|
|
if (colors == null) {
|
|
return null;
|
|
}
|
|
value10 = (size !== 'normal' ? 16 : 20) * value5;
|
|
value11 = value10 / 2 + 2;
|
|
value12 = value11 - 2;
|
|
object = {};
|
|
object2 = {paddingRight: 2 * value5};
|
|
moduleValue2 = require(477) /* metro dependency 477: PlatformUtils */;
|
|
object2.paddingTop = moduleValue2.isAndroid() ? 3 * value5 : 2 * value5;
|
|
object2.height = value10;
|
|
object.container = object2;
|
|
object.background = {height: value10, width: value10, padding: (value10 - value11) / 2};
|
|
object.border = {height: value11, width: value11};
|
|
value15 = value12 / 2;
|
|
object.dot = {height: value12, width: value12, top: value15, left: value15};
|
|
items3 = [styles.container];
|
|
items3[1] = object.container;
|
|
items3[2] = containerStyles;
|
|
items2 = [styles.background];
|
|
items2[1] = background ? styles.backgroundColor : null;
|
|
items2[2] = object.background;
|
|
const view = (
|
|
<View style={[styles.borderBase]}>
|
|
<View style={[styles.borderColor, object.border, {backgroundColor: color ?? undefined}]} />
|
|
</View>
|
|
);
|
|
if (value7) {
|
|
if (colors == null) {
|
|
dot = styles.dot;
|
|
items6 = [dot];
|
|
dot = object.dot;
|
|
items6[1] = dot;
|
|
items6[2] = {backgroundColor: color ?? undefined};
|
|
r8 = <View style={items6} />;
|
|
} else if (colors.secondaryColor != null) {
|
|
defaultImport2 = importDefault(4589) /* metro dependency 4589 */;
|
|
object10 = {};
|
|
items7 = [colors.primaryColor];
|
|
items7[1] = colors.secondaryColor;
|
|
items7[2] = colors.tertiaryColor;
|
|
object10.colors = items7.filter((require(1360) /* metro dependency 1360: GlobalUtils */).isNotNullish);
|
|
object10.start = {'x': 0, 'y': 0};
|
|
object10.end = {'x': 1, 'y': 0};
|
|
dot = styles.dot;
|
|
items8 = [dot];
|
|
dot = object.dot;
|
|
items8[1] = dot;
|
|
object10.style = items8;
|
|
r8 = ((Component) => <Component {...object10} />)(defaultImport2);
|
|
} else {
|
|
dot = styles.dot;
|
|
items6 = [dot];
|
|
dot = object.dot;
|
|
items6[1] = dot;
|
|
items6[2] = {backgroundColor: color ?? undefined};
|
|
r8 = <View style={items6} />;
|
|
}
|
|
} else {
|
|
dot = styles.dot;
|
|
items6 = [dot];
|
|
dot = object.dot;
|
|
items6[1] = dot;
|
|
items6[2] = {backgroundColor: color ?? undefined};
|
|
r8 = <View style={items6} />;
|
|
}
|
|
return (
|
|
<View style={items3}>
|
|
<View style={items2}>
|
|
{view}
|
|
{r8}
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
}
|
|
|
|
global.__d(_fun97512, 12754, [31, 27, 33, 4501, 697, 477, 4584, 6630, 4589, 1360,
|
|
2]) /* metro module 12754, dependencies: [31, 27, 33, 4501, 697, 477, 4584, 6630, 4589, 1360, 2] */;
|