// Module ID: 14146
// Function ID: 14147
// Name: EditProfileEffectInner
// Dependencies: [32, 19, 17, 7164, 7154, 676, 21, 4380, 712, 8462, 7547, 5834, 5854, 698, 8424, 8421, 5503, 4376, 1236, 8431, 8434, 589, 14147, 8423, 8463, 14148, 8452, 8453, 8432, 9592, 4826, 2]
// Exports: default

// Module 14146 (EditProfileEffectInner)
import ThemesDefault from "Themes" /* 712 */;
import closure_3 from "_slicedToArray" /* 32 */;
import closure_4 from "noop" /* 19 */;
import get_ActivityIndicator from "get ActivityIndicator" /* 17 */;
import closure_6 from "map" /* 7164 */;
import { isProfileEffectRecord } from "fromServer" /* 7154 */;
import { AnalyticEvents } from "ME" /* 676 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4380 */;

const require = arg1;
function EditProfileEffectInner(user) {
  user = user.user;
  ({ selectedProfileEffect, setSelectedProfileEffect } = user);
  const guildId = user.guildId;
  let flag = user.isTryItOut;
  if (flag === undefined) {
    flag = false;
  }
  let obj = user(guildId[20]);
  const getOrFetchCollectiblesCategoriesAndPurchases = obj.useGetOrFetchCollectiblesCategoriesAndPurchases();
  obj1 = user(guildId[21]);
  const items = [closure_6];
  const stateFromStores = obj1.useStateFromStores(items, () => isFetching.isFetching);
  const tmp7 = setSelectedProfileEffect(guildId[9])(user.id, guildId);
  let obj2 = user(guildId[23]);
  obj = { pendingValue: selectedProfileEffect, userValue: null, guildValue: null, guildId: null };
  let profileEffect;
  if (tmp7 != null) {
    const _userProfile = tmp7._userProfile;
    if (_userProfile != null) {
      profileEffect = _userProfile.profileEffect;
    }
  }
  obj[1] = profileEffect;
  let profileEffect1;
  if (tmp7 != null) {
    const _guildMemberProfile = tmp7._guildMemberProfile;
    if (_guildMemberProfile != null) {
      profileEffect1 = _guildMemberProfile.profileEffect;
    }
  }
  obj[2] = profileEffect1;
  obj[3] = guildId;
  const profilePreviewValue = obj2.getProfilePreviewValue(obj);
  const items1 = [user];
  const effect = React.useEffect(() => {
    if (!tmp) {
      setSelectedProfileEffect(guildId[24])(obj.id, obj.getAvatarURL(null, 80), { withMutualGuilds: true, dispatchWait: true });
      const tmp4 = setSelectedProfileEffect(guildId[24]);
    }
  }, items1);
  const items2 = [setSelectedProfileEffect, guildId, flag];
  let skuId;
  const callback = React.useCallback((arg0) => {
    ({ items, size, selectedSkuId } = arg0);
    return closure_1_9(user(guildId[25]).EditProfileEffectRow, { items, size, selectedSkuId, setSelectedProfileEffect, guildId, isTryItOut: flag });
  }, items2);
  if (profilePreviewValue != null) {
    skuId = profilePreviewValue.skuId;
  }
  const items3 = [closure_9(ProfileEffectSectionPreview, { previewSkuId: skuId, user, guildId }), , ];
  obj = { user, previewSkuId: null, nitroJoinCTA: null, nitroUpgradeCTA: null };
  let skuId1;
  const tmp13 = closure_10;
  const tmp14 = closure_11;
  const tmp16 = ProfileEffectSectionPreview;
  const tmp5 = setSelectedProfileEffect;
  const tmp6 = setSelectedProfileEffect(guildId[22])();
  if (profilePreviewValue != null) {
    skuId1 = profilePreviewValue.skuId;
  }
  obj[1] = skuId1;
  const intl = tmp(tmp2[18]).intl;
  obj[2] = intl.string(user(guildId[18]).t.pertpd);
  const intl2 = tmp(tmp2[18]).intl;
  obj[3] = intl2.string(user(guildId[18]).t["5eotIZ"]);
  items3[1] = closure_9(setSelectedProfileEffect(guildId[26]), obj);
  obj1 = { sections: tmp6, selectedSkuId: null, renderRow: null, isFetching: null };
  let skuId2;
  if (selectedProfileEffect != null) {
    skuId2 = selectedProfileEffect.skuId;
  }
  obj2 = { children: null };
  obj1[1] = skuId2;
  obj1[2] = callback;
  obj1[3] = stateFromStores;
  items3[2] = closure_9(user(guildId[27]).EditCollectiblesPickerList, obj1);
  obj2[0] = items3;
  return tmp13(tmp14, obj2);
}
function ProfileEffectSectionPreview(arg0) {
  c0 = undefined;
  let purchase;
  ({ previewSkuId, user, guildId } = arg0);
  const tmp = callback3();
  const tmp2 = purchase(8432)(previewSkuId);
  const product = tmp2.product;
  c0 = product;
  purchase = tmp2.purchase;
  const items = [purchase, product];
  let obj = { style: tmp.previewContainer, children: null };
  const memo = React.useMemo(() => {
    let first;
    if (_undefined != null) {
      first = _undefined.items[0];
    }
    if (first == null) {
      let first1;
      if (purchase != null) {
        first1 = purchase.items[0];
      }
      first = first1;
    }
    let tmp3 = null;
    if (closure_1_7(first)) {
      tmp3 = first;
    }
    return tmp3;
  }, items);
  const items1 = [callback(purchase(9592), { user, guildId, profileEffect: memo, maxWidth: 250 }), ];
  obj = { style: tmp.previewGradient, start: { x: 0, y: 0.6 }, end: { x: 0, y: 1 }, colors: null };
  const items2 = ["" + tmp.previewGradient.color + "00", tmp.previewGradient.color];
  obj[3] = items2;
  items1[1] = callback(purchase(4826), obj);
  obj[1] = items1;
  return callback2(closure_5, obj);
}
({ View: c5, StyleSheet } = get_ActivityIndicator);
({ jsx: c9, jsxs: c10, Fragment: unpackModuleId } = jsxProd);
createCacheKey = { container: null, bounceOffset: null, title: null, previewContainer: null, previewGradient: null };
createCacheKey = { flex: 1, backgroundColor: ThemesDefault.colors.MOBILE_ACTIONSHEET_BACKGROUND };
createCacheKey[0] = createCacheKey;
createCacheKey[1] = { position: "absolute", top: -250, height: 250, right: 0, left: 0 };
createCacheKey[2] = { alignSelf: "center", color: ThemesDefault.colors.MOBILE_TEXT_HEADING_PRIMARY, margin: 25 };
createCacheKey[3] = { overflow: "hidden", height: 300, alignItems: "center" };
let obj2 = {};
let merged = Object.assign(StyleSheet.absoluteFillObject);
obj2.bottom = -1;
obj2.color = ThemesDefault.colors.MOBILE_ACTIONSHEET_BACKGROUND;
createCacheKey[4] = obj2;
let closure_12 = createCacheKey.createStyles(createCacheKey);
let obj1 = { alignSelf: "center", color: ThemesDefault.colors.MOBILE_TEXT_HEADING_PRIMARY, margin: 25 };
let result = require("set").fileFinishedImporting("modules/user_profile/native/EditProfileEffectActionSheet.tsx");

export default function EditProfileEffectActionSheet(isTryItOut) {
  ({ user, currentProfileEffect, guildId } = isTryItOut);
  isTryItOut = isTryItOut.isTryItOut;
  dependencyMap = undefined;
  let first;
  let memo;
  let tmp = callback3();
  let str = user.id;
  if (str == null) {
    str = "";
  }
  const tmp4Result = isTryItOut(8462)(str);
  dependencyMap = tmp4Result;
  const tmp6 = first(memo.useState(currentProfileEffect), 2);
  first = tmp6[0];
  let obj = guildId(7547);
  let tmp2Result = tmp2(5834);
  const analyticsLocations = tmp2Result(tmp2(5854).EDIT_PROFILE_EFFECT_SHEET).analyticsLocations;
  const items = [guildId, tmp4Result];
  memo = memo.useMemo(() => {
    const obj = { type: isTryItOut(5854).EDIT_PROFILE_EFFECT_SHEET, guild_id: guildId, profile_has_nitro_customization: null };
    let tmp = null != dependencyMap;
    if (tmp) {
      let result;
      if (obj2 != null) {
        result = obj2.hasPremiumCustomization();
      }
      tmp = result;
    }
    obj[2] = tmp;
    return obj;
  }, items);
  const items1 = [memo];
  const items2 = [first, guildId, isTryItOut];
  const callback = memo.useCallback(() => {
    let obj = isTryItOut(698);
    obj = {};
    const merged = Object.assign(memo);
    obj.is_fullscreen = true;
    obj.track(closure_1_8.OPEN_POPOUT, obj);
  }, items1);
  const callback1 = memo.useCallback(() => {
    if (isTryItOut) {
      let tmpResult = tmp(tmp2[14]);
      let tmp7 = first;
      if (first == null) {
        tmp7 = null;
      }
      const result = tmpResult.setTryItOutProfileEffect(tmp7);
    } else {
      tmpResult = tmp(tmp2[15]);
      const obj = { guildId: null, profileEffect: null };
      obj[0] = guildId;
      let tmp4 = first;
      if (first == null) {
        tmp4 = null;
      }
      obj[1] = tmp4;
      tmpResult.setPendingChanges(obj);
    }
  }, items2);
  obj = { value: analyticsLocations, children: null };
  obj = { scrollable: true, ref: obj.useBottomSheetRef().bottomSheetRef, onExpand: callback, startExpanded: true, children: null };
  obj1 = { style: tmp.container, children: null };
  const items3 = [callback(closure_5, { style: tmp.bounceOffset }), , ];
  const obj3 = { variant: "redesign/heading-18/bold", style: tmp.title, accessibilityRole: "header", children: null };
  const intl = guildId(1236).intl;
  obj3[3] = intl.string(guildId(1236).t["/6nv6N"]);
  items3[1] = callback(guildId(4376).Text, obj3);
  items3[2] = callback(EditProfileEffectInner, { user, selectedProfileEffect: first, setSelectedProfileEffect: tmp6[1], guildId, isTryItOut });
  obj1[1] = items3;
  const items4 = [callback2(closure_5, obj1), ];
  const obj4 = { user, currentSkuId: null, selectedSkuId: null, isTryItOut: null, onApply: null, analyticsLocations: null, analyticsSource: null };
  let skuId;
  tmp2Result = tmp2(8431);
  if (currentProfileEffect != null) {
    skuId = currentProfileEffect.skuId;
  }
  obj4[1] = skuId;
  let skuId1;
  if (first != null) {
    skuId1 = first.skuId;
  }
  obj4[2] = skuId1;
  obj4[3] = isTryItOut;
  obj4[4] = callback1;
  obj4[5] = analyticsLocations;
  obj4[6] = isTryItOut(5854).EDIT_PROFILE_EFFECT_SHEET;
  items4[1] = callback(tmp2Result, obj4);
  obj[4] = items4;
  obj[1] = callback2(guildId(5503).BottomSheet, obj);
  return callback(guildId(5834).AnalyticsLocationProvider, obj);
};