// Module ID: 14027
// Function ID: 14028
// Name: AvatarDecorationPreviewImage
// Dependencies: [19, 17, 8712, 21, 4255, 14026, 712, 9280, 8691, 9284, 11410, 7588, 7597, 1901, 1898, 2]
// Exports: default

// Module 14027 (AvatarDecorationPreviewImage)
import "noop";
import get_ActivityIndicator from "get ActivityIndicator";
import { PROFILE_FRAME_ASPECT_RATIO as closure_5 } from "PROFILE_FRAME_RESPONSIVE_RAIL_MIN_ASPECT_RATIO";
import { jsx } from "jsxProd";
import createCacheKey from "createCacheKey";

let c3;
let c4;
const require = arg1;
function AvatarDecorationPreviewImage(arg0) {
  let product;
  let styles;
  ({ product, styles } = arg0);
  let obj = require(14026) /* getCollectibleTypeName */;
  const avatarDecorationPreviewUrl = obj.getAvatarDecorationPreviewUrl(product);
  let tmp2 = null;
  if (null != avatarDecorationPreviewUrl) {
    obj = { source: null, style: null, fadeDuration: 0 };
    obj = { uri: null };
    obj[0] = avatarDecorationPreviewUrl;
    obj[0] = obj;
    obj[1] = styles.avatarDecorationPreview;
    tmp2 = <closure_4 uri={null} />;
  }
  return tmp2;
}
function NameplatePreviewImage(styles) {
  styles = styles.styles;
  let obj = require(9280) /* getNameplateAssets */;
  const staticImageUrl = obj.getNameplateAssets(styles.nameplateData).staticImageUrl;
  let tmp = null;
  if (null != staticImageUrl) {
    obj = { style: null, children: null };
    obj[0] = styles.nameplateContainer;
    obj = { source: null, style: null, resizeMode: "cover", fadeDuration: 0 };
    const obj1 = { uri: null };
    obj1[0] = staticImageUrl;
    obj[0] = obj1;
    obj[1] = styles.nameplatePreview;
    obj[1] = <closure_4 source={null} style={null} resizeMode="cover" fadeDuration={0} />;
    tmp = <closure_3 source={null} style={null} resizeMode="cover" fadeDuration={0} />;
  }
  return tmp;
}
function ProfileEffectPreviewImage(arg0) {
  let product;
  let styles;
  ({ product, styles } = arg0);
  let obj = require(14026) /* getCollectibleTypeName */;
  const profileEffectPreviewUrl = obj.getProfileEffectPreviewUrl(product);
  let tmp2 = null;
  if (null != profileEffectPreviewUrl) {
    obj = { source: null, style: null, fadeDuration: 0 };
    obj = { uri: null };
    obj[0] = profileEffectPreviewUrl;
    obj[0] = obj;
    obj[1] = styles.avatarDecorationPreview;
    tmp2 = <closure_4 uri={null} />;
  }
  return tmp2;
}
function ProfileFramePreviewImage(arg0) {
  let product;
  let styles;
  ({ product, styles } = arg0);
  const tmp3 = importDefault(8691)(product.skuId, "FamilyCenterActivityItemPreview");
  let tmp4 = null;
  if (null != tmp3) {
    let obj = { style: null, children: null };
    obj[0] = styles.profileFrameContainer;
    obj = { profileFrame: null, previewWidth: null, previewHeight: null, profileBackgroundColor: null };
    obj[0] = tmp3;
    obj[1] = require(14026) /* getCollectibleTypeName */.PREVIEW_SIZE * closure_5;
    obj[2] = require(14026) /* getCollectibleTypeName */.PREVIEW_SIZE;
    obj[3] = tmp(712).colors.BACKGROUND_BASE_LOW;
    obj[1] = jsx(tmp(9284), { profileFrame: null, previewWidth: null, previewHeight: null, profileBackgroundColor: null });
    tmp4 = <closure_3 profileFrame={null} previewWidth={null} previewHeight={null} profileBackgroundColor={null} />;
    const tmpResult = tmp(9284);
  }
  return tmp4;
}
function SubscriptionPreview(arg0) {
  let styles;
  let subscriptionPlanId;
  ({ subscriptionPlanId, styles } = arg0);
  if (null == subscriptionPlanId) {
    let obj = { style: null, children: null };
    obj[0] = styles.purchasePlaceholder;
    obj = { size: "custom", style: null };
    obj[1] = { width: 20, height: 20 };
    obj[1] = jsx(require(11410) /* ShopIcon */.ShopIcon, { size: "custom", style: null });
    return <closure_3 size="custom" style={null} />;
  } else {
    const obj1 = { style: null, children: null };
    obj1[0] = styles.purchasePlaceholder;
    if (obj4.isGuildBoostSubscription(subscriptionPlanId)) {
      let NitroWheelIcon = tmp5(7588).BoostGemIcon;
    } else {
      NitroWheelIcon = tmp5(7597).NitroWheelIcon;
    }
    obj = { size: "custom", style: null };
    obj[1] = { width: 20, height: 20 };
    obj1[1] = <NitroWheelIcon size="custom" style={null} />;
    return <closure_3 style={null}>{null}</closure_3>;
  }
}
function CollectiblePreview(arg0) {
  let product;
  let styles;
  ({ product, styles } = arg0);
  if (null == product) {
    let obj = { style: null, children: null };
    obj[0] = styles.purchasePlaceholder;
    obj = { size: "custom", style: null };
    obj[1] = { width: 20, height: 20 };
    obj[1] = jsx(require(11410) /* ShopIcon */.ShopIcon, { size: "custom", style: null });
    return <closure_3 size="custom" style={null} />;
  } else {
    const type = product.type;
    if (require(1901) /* CollectiblesItemType */.CollectiblesItemType.AVATAR_DECORATION === type) {
      const obj1 = { product: null, styles: null };
      obj1[0] = product;
      obj1[1] = styles;
      return <AvatarDecorationPreviewImage product={null} styles={null} />;
    } else if (tmp17(1901).CollectiblesItemType.NAMEPLATE === type) {
      const nameplateDataFromProductRecord = tmp17(1898).getNameplateDataFromProductRecord(product);
      let tmp8 = null;
      if (null != nameplateDataFromProductRecord) {
        const obj2 = { nameplateData: null, styles: null };
        obj2[0] = nameplateDataFromProductRecord;
        obj2[1] = styles;
        tmp8 = <NameplatePreviewImage nameplateData={null} styles={null} />;
      }
      return tmp8;
    } else if (tmp17(1901).CollectiblesItemType.PROFILE_EFFECT === type) {
      const obj3 = { product: null, styles: null };
      obj3[0] = product;
      obj3[1] = styles;
      return <ProfileEffectPreviewImage product={null} styles={null} />;
    } else if (tmp17(1901).CollectiblesItemType.PROFILE_FRAME === type) {
      const obj4 = { product: null, styles: null };
      obj4[0] = product;
      obj4[1] = styles;
      return <ProfileFramePreviewImage product={null} styles={null} />;
    } else {
      obj = { style: null, children: null };
      obj[0] = styles.purchasePlaceholder;
      const obj5 = { size: "custom", style: null };
      obj5[1] = { width: 20, height: 20 };
      obj[1] = jsx(tmp17(11410).ShopIcon, { size: "custom", style: null });
      return <closure_3 style={null}>{null}</closure_3>;
    }
  }
}
({ View: c3, Image: c4 } = get_ActivityIndicator);
createCacheKey = { purchasePlaceholder: null, avatarDecorationPreview: null, nameplateContainer: null, nameplatePreview: null, profileFrameContainer: null };
createCacheKey = { width: require("getCollectibleTypeName").PREVIEW_SIZE, height: require("getCollectibleTypeName").PREVIEW_SIZE, borderRadius: require("Themes").radii.xs, backgroundColor: require("Themes").colors.BACKGROUND_SURFACE_HIGH, display: "flex", alignItems: "center", justifyContent: "center", marginRight: 12 };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { width: require("getCollectibleTypeName").PREVIEW_SIZE, height: require("getCollectibleTypeName").PREVIEW_SIZE, marginRight: 12 };
let obj1 = { width: require("getCollectibleTypeName").PREVIEW_SIZE, height: require("getCollectibleTypeName").PREVIEW_SIZE, marginRight: 12 };
createCacheKey[2] = { width: require("getCollectibleTypeName").PREVIEW_SIZE, height: require("getCollectibleTypeName").PREVIEW_SIZE, marginRight: 12, borderRadius: require("Themes").radii.xs, overflow: "hidden", position: "relative" };
let obj3 = { position: "absolute", right: 0, width: null, height: null };
obj3[2] = require("getCollectibleTypeName").PREVIEW_SIZE * require("getCollectibleTypeName").NAMEPLATE_ASPECT_RATIO;
obj3[3] = require("getCollectibleTypeName").PREVIEW_SIZE;
createCacheKey[3] = obj3;
let obj2 = { width: require("getCollectibleTypeName").PREVIEW_SIZE, height: require("getCollectibleTypeName").PREVIEW_SIZE, marginRight: 12, borderRadius: require("Themes").radii.xs, overflow: "hidden", position: "relative" };
createCacheKey[4] = { width: require("getCollectibleTypeName").PREVIEW_SIZE, height: require("getCollectibleTypeName").PREVIEW_SIZE, marginRight: 12, alignItems: "center", justifyContent: "center" };
createCacheKey = createCacheKey.createStyles(createCacheKey);
let obj4 = { width: require("getCollectibleTypeName").PREVIEW_SIZE, height: require("getCollectibleTypeName").PREVIEW_SIZE, marginRight: 12, alignItems: "center", justifyContent: "center" };
const result = require("PROFILE_FRAME_RESPONSIVE_RAIL_MIN_ASPECT_RATIO").fileFinishedImporting("modules/parent_tools/native/FamilyCenterActivityItemPreview.tsx");

export default function FamilyCenterActivityItemPreview(arg0) {
  let displayName;
  let isSubscription;
  let product;
  let subscriptionPlanId;
  ({ displayName, product, isSubscription, subscriptionPlanId } = arg0);
  const tmp = createCacheKey();
  let obj = { accessible: true, accessibilityLabel: displayName, children: null };
  if (isSubscription) {
    obj = { subscriptionPlanId: null, styles: null };
    obj[0] = subscriptionPlanId;
    obj[1] = tmp;
    let tmp2Result = tmp2(SubscriptionPreview, obj);
  } else {
    obj = { product: null, styles: null };
    obj[0] = product;
    obj[1] = tmp;
    tmp2Result = tmp2(CollectiblePreview, obj);
  }
  obj[2] = tmp2Result;
  return <closure_3 accessible accessibilityLabel={displayName}>{null}</closure_3>;
};