// Module ID: 17616
// Function ID: 17617
// Name: AssetChooser
// Dependencies: [5, 19, 17, 1074, 21, 4607, 576, 4317, 5190, 5175, 1114, 17617, 17618, 1178, 2]

// Module 17616 (AssetChooser)
import nativeDefault from "native" /* 576 */;
import util from "util" /* 1114 */;
import Pressables from "Pressables" /* 5175 */;
import _modDef17617 from "module_17617" /* 17617 */;
import _modDef17618 from "module_17618" /* 17618 */;
import asyncGeneratorStep from "asyncGeneratorStep" /* 5 */;
import noop from "module_19" /* 19 */;

require = fn;
get_ActivityIndicator = fn(17);
({ View: closure_4, Image: hasOwnProperty, ImageBackground: metroRequire, TouchableWithoutFeedback: closure_7 } = get_ActivityIndicator);
const UPLOAD_MEDIUM_SIZE = fn(1074).UPLOAD_MEDIUM_SIZE;
const jsxProd = fn(21);
({ jsx: closure_9, Fragment: c10, jsxs: closure_11 } = jsxProd);
const createStyles = fn(4607);
let obj2 = { assetWrapper: { width: "100%", alignItems: "center" }, asset: null, uploadIconWrapper: null, uploadIcon: null, remove: null };
let size = { width: "100%", height: 192, borderRadius: nativeDefault.radii.xs, overflow: "hidden", backgroundColor: nativeDefault.colors.BACKGROUND_BASE_LOW };
obj2.asset = size;
const rect = { position: "absolute", bottom: 10, right: 10, shadowColor: nativeDefault.unsafe_rawColors.BLACK, shadowRadius: 10, shadowOffset: { height: 8, width: 0 }, shadowOpacity: 0.2 };
obj2.uploadIconWrapper = rect;
obj2.uploadIcon = { width: 16, height: 16 };
obj2.remove = { marginTop: 8, fontSize: 14, lineHeight: 18, color: nativeDefault.unsafe_rawColors.BLUE_345 };
let closure_12 = createStyles.createLegacyClassComponentStyles(obj2);
const PureComponent = noop.PureComponent;
class AssetChooser extends PureComponent {
  constructor() {
    applyArgumentsResult = HermesBuiltin.applyArguments(new.target, new.target);
    closure_0 = applyArgumentsResult;
    closure_129_0 = applyArgumentsResult;
    applyArgumentsResult.handleChooseAsset = closure_3(async (arg0, value) => {
      if (c3 === 2) {
        c3 = 3;
        throw new TypeError("Generator functions may not be called on executing generators");
      } else if (tmp4 === 3) {
        if (arg0 === 1) {
          throw value;
        } else if (arg0 === 2) {
          const obj2 = { value, done: true };
          return obj2;
        } else {
          return { value: "HermesInternal", done: null };
        }
      } else {
        try {
          c3 = 2;
          if (0 === dependencyMap) {
            if (arg0 === 1) {
              c3 = 3;
              throw value;
            } else if (arg0 === 2) {
              c3 = 3;
              const obj3 = { value, done: true };
              return obj3;
            } else {
              closure_129_0 = undefined;
              let base64;
              ({ size, onChooseAsset: closure_129_0 } = applyArgumentsResult.props);
              if (typeof size === "number") {
                const obj4 = { size };
                let tmp15 = obj4;
              } else {
                let obj5 = size;
                if (size == null) {
                  obj5 = { size };
                }
                tmp15 = obj5;
              }
              tmp2(dependencyMap[8]).openImagePicker(tmp15);
              dependencyMap = 1;
              c3 = 1;
              const obj6 = tmp2(dependencyMap[8]);
            }
          } else if (arg0 === 1) {
            c3 = 3;
            throw value;
          } else if (arg0 === 2) {
            c3 = 3;
            const obj = { value, done: true };
            return obj;
          } else {
            base64 = value.base64;
            if (null != base64) {
              if (closure_129_0 != null) {
                tmp10(base64);
              }
            }
            c3 = 3;
            return { value: "HermesInternal", done: null };
          }
        } catch (tmp17) {
          c3 = tmp;
          throw tmp17;
        }
      }
    });
    applyArgumentsResult.handleRemoveAsset = function handleRemoveAsset() {
      const onChooseAsset = applyArgumentsResult.props.onChooseAsset;
      if (onChooseAsset != null) {
        onChooseAsset(null);
      }
    };
    return applyArgumentsResult;
  }
}
const prototype = AssetChooser.prototype;
prototype["getSource"] = function getSource() {
  const rawSource = this.props.rawSource;
  if (null == rawSource) {
    return null;
  } else if (rawSource.startsWith("data:")) {
    const obj = { uri: rawSource };
    let tmpResult = obj;
  } else {
    tmpResult = tmp(tmp2, 192);
  }
};
prototype["render"] = function render() {
  const tmp = closure_12(this.context);
  const disabled = this.props.disabled;
  const source = this.getSource();
  const obj = { accessibilityRole: "button", accessibilityLabel: null, style: null, onPress: null, disabled: null, children: null };
  const intl = util.intl;
  obj.accessibilityLabel = intl.string(util.t["MsUY/S"]);
  obj.style = tmp.assetWrapper;
  obj.onPress = this.handleChooseAsset;
  obj.disabled = disabled;
  let tmp9 = source;
  if (null == source) {
    tmp9 = _modDef17617;
  }
  const obj2 = { source: tmp9, style: tmp.asset, children: null };
  let tmp5Result = null;
  if (!disabled) {
    const obj3 = { style: tmp.uploadIconWrapper, children: null };
    const obj4 = { style: tmp.uploadIcon, source: _modDef17618 };
    obj3.children = tmp5(hasOwnProperty, obj4);
    tmp5Result = tmp5(React4, obj3);
  }
  obj2.children = tmp5Result;
  obj.children = React7(timestampProducer, obj2);
  const children = [React7(Pressables.PressableOpacity, obj), ];
  let tmp5Result2 = null;
  if (null != source) {
    tmp5Result2 = null;
    if (!disabled) {
      const obj5 = { accessibilityRole: "button", onPress: this.handleRemoveAsset, children: null };
      const obj6 = { style: tmp.remove, children: null };
      const intl2 = tmp6(1114).intl;
      obj6.children = intl2.string(tmp6(1114).t.N86XcP);
      obj5.children = tmp5(tmp6(1178).LegacyText, obj6);
      tmp5Result2 = tmp5(React5, obj5);
    }
  }
  children[1] = tmp5Result2;
  return closure_1_11(closure_1_10, { children });
};
AssetChooser.contextType = fn(4317).ThemeContext;
size = fn(2);
const result = size.fileFinishedImporting("modules/guild_settings/native/AssetChooser.tsx");

export default AssetChooser;