/* Metro module 12655; source: modules/activate_device/native/UserCodeInput.tsx; dependencies: [57, 31, 27, 12656, 33, 4501, 12657, 12658, 4573, 1244, 7981, 4578, 2] */
function _fun97013(global, require, importDefault, importAll, module, exports, dependencyMap) { // fn#97013, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12845:6, offset: 0x0216fc5b, size: 262 bytes, params: 8, frame: 20
    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 */).View;
    const env0_6 = (require(12656) /* metro dependency 12656: OAuthConstants */).OAuthConstants;
    const value = require(33) /* metro dependency 33 */;
    const env0_7 = value.jsx;
    const env0_8 = value.jsxs;
    const env0_9 = value.Fragment;
    const env0_10 = (require(4501) /* metro dependency 4501: createStyles */).createStyles({text: {textAlign: 'center'}});
    (require(2) /* metro dependency 2 */).fileFinishedImporting('modules/activate_device/native/UserCodeInput.tsx');
    exports.UserCodeInput = UserCodeInput;
}

function UserCodeInput({onClose, onUserCodeAccepted, prefilledUserCode}) { // fn#97014, source: /ci/build/discord/discord/discord_android_rn/android/app/src/main/assets/index.android.bundle:12845:347, offset: 0x0216fd61, size: 695 bytes, params: 2, frame: 33
    const styles = useStyles();
    const binding = env0_4;
    const useState = binding.useState;
    const value4 = env0_3(Reflect.apply(useState, binding, [prefilledUserCode ?? '']), 2);
    const property = value4[0];
    const env0_0 = value4[1];
    const {manualSubmit, error,
        submitting} = (require(12657) /* metro dependency 12657: useUserCodeSubmit */).useUserCodeSubmit(property,
        onUserCodeAccepted, onClose);
    const jsxRuntimeEnv0_9Binding = jsxRuntimeEnv0_9;
    const innerContent = (importDefault(12658) /* metro dependency 12658: ActivateDeviceSharedStyles */).innerContent;
    const Text = (require(4573) /* metro dependency 4573: Text */).Text;
    const intl = (require(1244) /* metro dependency 1244: indexNative */).intl;
    let string = intl.string;
    const t = (require(1244) /* metro dependency 1244: indexNative */).t;
    const KYPNUv = t.KYPNUv;
    const items2 = [<View style={innerContent}><Text variant="heading-lg/bold" color="mobile-text-heading-primary" style={styles.text}>{Reflect.apply(string,
        intl,
        [KYPNUv])}</Text><Text variant="text-md/medium" color="text-default" style={styles.text}>{intl.string((require(1244) /* metro dependency 1244: indexNative */).t.xRHk7f)}</Text></View>];
    const TextInput = (require(7981) /* metro dependency 7981: TextInputNative */).TextInput;
    const object = {onChange: onChange_97015};
    let USER_CODE_LENGTH = OAuthConstants.USER_CODE_LENGTH;
    object.maxLength = USER_CODE_LENGTH;
    object.value = property;
    object.autoFocus = true;
    object.autoComplete = 'off';
    const formatToPlainString = intl.formatToPlainString;
    const property2 = (require(1244) /* metro dependency 1244: indexNative */).t['0tbz6x'];
    USER_CODE_LENGTH = OAuthConstants.USER_CODE_LENGTH;
    object.placeholder = Reflect.apply(formatToPlainString, intl, [property2, {number: USER_CODE_LENGTH}]);
    object.errorMessage = error;
    items2[1] = <TextInput {...object} />;
    const Button = (require(4578) /* metro dependency 4578: ButtonNative */).Button;
    string = intl.string;
    const length = property.length;
    USER_CODE_LENGTH = OAuthConstants.USER_CODE_LENGTH;
    items2[2] = <Button size="lg" text={Reflect.apply(string, intl,
        [t['3PatSz']])} onPress={manualSubmit} loading={submitting} disabled={length !== USER_CODE_LENGTH} grow />;
    return (
        <>
            {items2}
        </>
    );
}