// Module ID: 12235
// Function ID: 12236
// Name: UserProfileApplicationWidgetTopHeroLayout
// Dependencies: [32, 19, 17, 676, 5643, 21, 4255, 712, 12236, 12323, 12324, 5245, 4676, 2]
// Exports: default

// Module 12235 (UserProfileApplicationWidgetTopHeroLayout)
import _slicedToArray from "_slicedToArray";
import noop from "noop";
import get_ActivityIndicator from "get ActivityIndicator";
import { HorizontalGradient } from "ME";
import { CARD_PADDING } from "ARBITRARY_LARGE_OFFSET";
import jsxProd from "jsxProd";
import createCacheKey from "createCacheKey";

let c5;
let c9;
let closure_6;
let metroImportAll;
const require = arg1;
({ Image: c5, View: closure_6 } = get_ActivityIndicator);
({ jsx: metroImportAll, jsxs: c9 } = jsxProd);
const sum = CARD_PADDING + 8;
let closure_10 = ["transparent", "black"];
createCacheKey = { root: { position: "relative" }, contentRow: null, heroText: null, heroImageColumn: null, heroImageSkeleton: null, heroImagePositioner: null, heroImageMask: null, heroImageFadeGradient: null, heroImageMaskRemainder: null };
createCacheKey = { flexDirection: "row", gap: require("Themes").space.PX_12, minHeight: 140 };
createCacheKey[1] = createCacheKey;
createCacheKey[2] = { flex: 1, minWidth: 120, gap: require("Themes").space.PX_4, justifyContent: "center" };
createCacheKey[3] = { flex: 1, alignItems: "flex-end" };
let obj1 = { flex: 1, minWidth: 120, gap: require("Themes").space.PX_4, justifyContent: "center" };
createCacheKey[4] = { width: 86, height: 86, marginTop: require("Themes").space.PX_12, marginBottom: require("Themes").space.PX_16 };
createCacheKey[5] = { position: "absolute", left: "50%", right: -CARD_PADDING, top: -sum, bottom: 0, overflow: "hidden" };
createCacheKey[6] = { flex: 1, flexDirection: "row" };
createCacheKey[7] = { width: 130 };
createCacheKey[8] = { flex: 1, backgroundColor: "black" };
createCacheKey = createCacheKey.createStyles(createCacheKey);
let obj2 = { width: 86, height: 86, marginTop: require("Themes").space.PX_12, marginBottom: require("Themes").space.PX_16 };
let result = require("get ActivityIndicator").fileFinishedImporting("modules/application_widget/native/UserProfileApplicationWidgetTopHeroLayout.tsx");

export default function UserProfileApplicationWidgetTopHeroLayout(header) {
  let c0;
  let numberFormat;
  let resolveFieldValue;
  let tmp3;
  let topConfig;
  ({ topConfig, resolveFieldValue, numberFormat } = header);
  let _require;
  const tmp = createCacheKey();
  [tmp3, c0] = callback(React.useState(null), 2);
  let obj = _require(12236);
  const textComponentValues = obj.resolveTextComponentValues(topConfig.components.title, resolveFieldValue, numberFormat, true);
  let obj1 = _require(12236);
  const textComponentValues1 = obj1.resolveTextComponentValues(topConfig.components.subtitle_1, resolveFieldValue, numberFormat);
  let obj2 = _require(12236);
  const textComponentValues2 = obj2.resolveTextComponentValues(topConfig.components.subtitle_2, resolveFieldValue, numberFormat);
  let obj3 = _require(12236);
  const hero_image = topConfig.components.hero_image;
  let image;
  const textComponentValues3 = obj3.resolveTextComponentValues(topConfig.components.subtitle_3, resolveFieldValue, numberFormat);
  if (hero_image != null) {
    image = hero_image.fields.image;
  }
  const items = [_require(12236).ResolvedValueType.MEDIA];
  const fieldValue = resolveFieldValue(image, items);
  obj = { style: tmp.root, children: null };
  const items1 = [header.header, , ];
  obj = { style: tmp.contentRow, children: null };
  obj1 = { style: tmp.heroText, children: null };
  const items2 = [callback2(_require(12323).FieldText, { field: textComponentValues, variant: "text-lg/medium", color: "text-default" }), callback2(_require(12323).FieldText, { field: textComponentValues1, variant: "text-sm/normal", color: "text-muted" }), callback2(_require(12323).FieldText, { field: textComponentValues2, variant: "text-sm/normal", color: "text-muted" }), callback2(_require(12323).FieldText, { field: textComponentValues3, variant: "text-sm/normal", color: "text-muted" })];
  obj1[1] = items2;
  const items3 = [callback3(closure_6, obj1), ];
  obj2 = { style: tmp.heroImageColumn, children: null };
  let tmp14Result = null == fieldValue || null == tmp3;
  if (tmp14Result) {
    obj3 = { style: null };
    obj3[0] = tmp.heroImageSkeleton;
    tmp14Result = tmp14(tmp4(12324).ImageSkeleton, obj3);
  }
  obj2[1] = tmp14Result;
  items3[1] = callback2(closure_6, obj2);
  obj[1] = items3;
  items1[1] = callback3(closure_6, obj);
  let tmp14Result1 = null != fieldValue;
  if (tmp14Result1) {
    const obj4 = { style: null, pointerEvents: "none", onLayout: null, children: null };
    obj4[0] = tmp.heroImagePositioner;
    obj4[2] = function onLayout(nativeEvent) {
      const layout = nativeEvent.nativeEvent.layout;
      _undefined({ width: layout.width, height: layout.height });
    };
    tmp14Result = null != tmp3;
    if (tmp14Result) {
      const result = fieldValue.media.height * (tmp3.width / fieldValue.media.width);
      const obj5 = { style: null, androidRenderingMode: "software", maskElement: null, children: null };
      const obj6 = { width: null, height: null };
      obj6[0] = tmp3.width;
      obj6[1] = result;
      obj5[0] = obj6;
      const obj7 = { style: null, children: null };
      obj7[0] = tmp.heroImageMask;
      const obj8 = { start: null, end: null, colors: null, style: null };
      ({ START: obj14[0], END: obj14[1] } = HorizontalGradient);
      obj8[2] = closure_10;
      obj8[3] = tmp.heroImageFadeGradient;
      const items4 = [tmp14(importDefault(4676), obj8), ];
      const obj9 = { style: null };
      obj9[0] = tmp.heroImageMaskRemainder;
      items4[1] = tmp14(tmp13, obj9);
      obj7[1] = items4;
      obj5[2] = tmp12(tmp13, obj7);
      const obj10 = { source: null, style: null };
      const obj11 = { uri: null };
      obj11[0] = fieldValue.media.url;
      obj10[0] = obj11;
      obj10[1] = { width: "100%", height: "100%" };
      obj5[3] = tmp14(closure_5, obj10);
      tmp14Result = tmp14(importDefault(5245), obj5);
      const tmp20 = importDefault(5245);
    }
    obj4[3] = tmp14Result;
    tmp14Result1 = tmp14(tmp13, obj4);
  }
  items1[2] = tmp14Result1;
  obj[1] = items1;
  return callback3(closure_6, obj);
};
export const HERO_IMAGE_UNCLIPPED_TOP_BLEED = 8;
export const HERO_IMAGE_TOP_BLEED = sum;