2026-07-24 07:16:23 +00:00
// Module ID: 5477
2026-07-27 11:26:19 +00:00
// Function ID: 46789
2026-07-20 16:05:17 +00:00
// Name: ConnectionCardView
2026-07-25 08:10:48 +00:00
// Dependencies: [31, 27, 33, 4131, 689, 4127, 1212, 4092, 4544, 2]
2026-07-20 16:05:17 +00:00
// Exports: default
2026-07-24 07:16:23 +00:00
// Module 5477 (ConnectionCardView)
2026-07-23 10:11:24 +00:00
import "result" ;
import get_ActivityIndicator from "get ActivityIndicator" ;
import jsxProd from "jsxProd" ;
import _createForOfIteratorHelperLoose from "_createForOfIteratorHelperLoose" ;
let closure_2 ;
let closure_3 ;
let closure_4 ;
let closure_5 ;
const require = arg1 ;
( { View : closure_2 , ActivityIndicator : closure_3 } = get_ActivityIndicator ) ;
( { jsx : closure_4 , jsxs : closure_5 } = jsxProd ) ;
_createForOfIteratorHelperLoose = { } ;
_createForOfIteratorHelperLoose = { backgroundColor : require ( "_createForOfIteratorHelperLoose" ) . colors . BACKGROUND_SURFACE_HIGH , borderRadius : require ( "_createForOfIteratorHelperLoose" ) . radii . md , borderWidth : 1 , borderColor : require ( "_createForOfIteratorHelperLoose" ) . colors . BORDER_SUBTLE , padding : require ( "_createForOfIteratorHelperLoose" ) . space . PX_16 , marginBottom : require ( "_createForOfIteratorHelperLoose" ) . space . PX_12 , flexDirection : "row" , alignItems : "center" , justifyContent : "space-between" } ;
_createForOfIteratorHelperLoose . card = _createForOfIteratorHelperLoose ;
let obj1 = { flexDirection : "row" , alignItems : "center" , flex : 1 , marginRight : require ( "_createForOfIteratorHelperLoose" ) . space . PX_12 } ;
_createForOfIteratorHelperLoose . leftContent = obj1 ;
let obj2 = { width : 32 , height : 32 , marginRight : require ( "_createForOfIteratorHelperLoose" ) . space . PX_12 , justifyContent : "center" , alignItems : "center" } ;
_createForOfIteratorHelperLoose . icon = obj2 ;
_createForOfIteratorHelperLoose . textContent = { flex : 1 } ;
let obj3 = { flexDirection : "row" , alignItems : "center" , gap : require ( "_createForOfIteratorHelperLoose" ) . space . PX_8 } ;
_createForOfIteratorHelperLoose . connectedStatus = obj3 ;
_createForOfIteratorHelperLoose = _createForOfIteratorHelperLoose . createStyles ( _createForOfIteratorHelperLoose ) ;
const result = require ( "jsxProd" ) . fileFinishedImporting ( "modules/guild_onboarding/native/ConnectionCardView.tsx" ) ;
2026-07-20 16:05:17 +00:00
export default function ConnectionCardView ( description ) {
let canConnect ;
let displayName ;
let icon ;
let isConnected ;
let isLoading ;
let onConnect ;
description = description . description ;
( { displayName , icon , isLoading , isConnected , canConnect , onConnect } = description ) ;
2026-07-23 10:11:24 +00:00
const tmp = _createForOfIteratorHelperLoose ( ) ;
2026-07-20 16:05:17 +00:00
let obj = { style : tmp.card } ;
obj = { style : tmp.leftContent } ;
obj = { style : tmp.icon , children : icon } ;
const items = [ callback ( closure_2 , obj ) , ] ;
const obj1 = { style : tmp.textContent } ;
2026-07-23 10:11:24 +00:00
const obj2 = { variant : "text-md/medium" , color : "text-strong" , children : displayName } ;
2026-07-25 08:10:48 +00:00
const items1 = [ callback ( require ( 4127 ) /* Text */ . Text , obj2 ) , ] ;
2026-07-20 16:05:17 +00:00
let tmp4 = null != description ;
if ( tmp4 ) {
tmp4 = description . length > 0 ;
}
if ( tmp4 ) {
2026-07-23 10:11:24 +00:00
const obj3 = { variant : "text-sm/normal" , color : "text-subtle" , children : description } ;
2026-07-25 08:10:48 +00:00
tmp4 = callback ( require ( 4127 ) /* Text */ . Text , obj3 ) ;
2026-07-20 16:05:17 +00:00
}
items1 [ 1 ] = tmp4 ;
obj1 . children = items1 ;
items [ 1 ] = callback2 ( closure_2 , obj1 ) ;
obj . children = items ;
const items2 = [ callback2 ( closure_2 , obj ) , ] ;
if ( isLoading ) {
2026-07-21 22:01:30 +00:00
const obj4 = { size : "small" } ;
let tmp11 = callback ( closure_3 , obj4 ) ;
2026-07-20 16:05:17 +00:00
} else if ( isConnected ) {
2026-07-21 22:01:30 +00:00
const obj5 = { style : tmp.connectedStatus } ;
2026-07-23 10:11:24 +00:00
const obj6 = { variant : "text-sm/medium" , color : "text-feedback-positive" } ;
const intl2 = require ( 1212 ) /* getSystemLocale */ . intl ;
obj6 . children = intl2 . string ( require ( 1212 ) /* getSystemLocale */ . t [ "LV+CXH" ] ) ;
2026-07-25 08:10:48 +00:00
const items3 = [ callback ( require ( 4127 ) /* Text */ . Text , obj6 ) , callback ( require ( 4092 ) /* CircleCheckIcon */ . CircleCheckIcon , { size : "sm" , color : "status-positive" } ) ] ;
2026-07-21 22:01:30 +00:00
obj5 . children = items3 ;
tmp11 = callback2 ( closure_2 , obj5 ) ;
2026-07-20 16:05:17 +00:00
} else {
2026-07-23 10:11:24 +00:00
const obj7 = { variant : "primary" , size : "sm" , onPress : onConnect } ;
const intl = require ( 1212 ) /* getSystemLocale */ . intl ;
obj7 . text = intl . string ( require ( 1212 ) /* getSystemLocale */ . t . S0W8Z5 ) ;
2026-07-21 22:01:30 +00:00
obj7 . disabled = ! canConnect ;
2026-07-25 08:10:48 +00:00
tmp11 = callback ( require ( 4544 ) /* Button */ . Button , obj7 ) ;
2026-07-20 16:05:17 +00:00
}
items2 [ 1 ] = tmp11 ;
obj . children = items2 ;
return callback2 ( closure_2 , obj ) ;
} ;