// Module ID: 16148
// Function ID: 16149
// Name: FeedBlock
// Dependencies: [19, 17, 5080, 1205, 5939, 1087, 1085, 21, 5091, 587, 504, 4930, 16128, 16149, 15266, 7256, 6872, 6848, 1126, 5087, 6191, 5055, 16150, 2000, 5013, 5376, 16142, 6163, 16151, 1382, 8993, 16152, 16153, 16154, 2]
// Exports: default

// Module 16148 (FeedBlock)
import react_native from "react-native" /* 17 */;
import nativeDefault from "native" /* 587 */;
import Constants from "Constants" /* 1085 */;
import CollectiblesShopConstants from "CollectiblesShopConstants" /* 1087 */;
import ShopHomeSortType from "ShopHomeSortType" /* 16149 */;
import react from "react" /* 19 */;
import AccessibilityStore from "AccessibilityStore" /* 5080 */;
import ThemeStore from "ThemeStore" /* 1205 */;
import ConsentStore from "ConsentStore" /* 5939 */;
import Fragment from "Fragment" /* 21 */;
import createStyles_mod from "createStyles" /* 5091 */;
import size from "module_2" /* 2 */;

let dependencyMap;

let c10;
let obj2;
let obj3;
let obj4;
let obj5;
let unpackModuleId;
const View = react_native.View;
const constants = CollectiblesShopConstants.CollectiblesMobileShopScreen;
const Consents = Constants.Consents;
({ jsx: c10, jsxs: unpackModuleId } = Fragment);
let createStyles = createStyles_mod;
let obj = { feedContainer: obj2, feedHeader: obj3, feedTitle: obj4, feedFooter: obj5, feedFooterImage: { width: "100%", resizeMode: "cover" }, feedFooterOrbImage: { width: "100%", alignSelf: "center", resizeMode: "contain", height: 130 } };
obj2 = { display: "flex", flexDirection: "column", height: "100%", gap: nativeDefault.space.PX_16 };
createStyles = createStyles.createStyles;
obj3 = { display: "flex", flexDirection: "row", flexWrap: "wrap", justifyContent: "space-between", alignItems: "center", gap: nativeDefault.space.PX_12, paddingHorizontal: nativeDefault.space.PX_16 };
obj4 = { display: "flex", flexDirection: "row", alignItems: "center", flexShrink: 1, gap: nativeDefault.space.PX_8 };
obj5 = { display: "flex", gap: nativeDefault.space.PX_16, flexDirection: "column", justifyContent: "center", alignItems: "center" };
let closure_12 = createStyles(obj);
let result = size.fileFinishedImporting("modules/collectibles/native/FeedBlock.tsx");

export default function _default(feedBlock) {
  let constants2;
  let disableBundleStaticBackground;
  let feedProducts;
  let intl2;
  let intl3;
  let intl4;
  let intl5;
  let isPersonalized;
  let items4;
  let items5;
  let items6;
  let items7;
  let obj15;
  let obj18;
  let obj6;
  let paths;
  let preferVCPrice;
  let stringResult;
  let theme;
  let tmp13Result4;
  let useReducedMotion;
  feedBlock = feedBlock.feedBlock;
  const screen = feedBlock.screen;
  ({ preferVCPrice, disableBundleStaticBackground } = feedBlock);
  let tmp = closure_12();
  let obj = feedBlock(504);
  let items = [ThemeStore];
  const stateFromStores = obj.useStateFromStores(items, () => {
    const obj = feedBlock(paths[11]);
    return obj.isThemeDark(theme.theme);
  });
  let items1 = [ConsentStore];
  const obj2 = feedBlock(504);
  const stateFromStores1 = obj2.useStateFromStores(items1, () => ConsentStore.hasConsented(constants2.PERSONALIZATION));
  const tmp6 = stateFromStores1;
  let tmp7 = stateFromStores1(16128)();
  dependencyMap = tmp7;
  const items2 = [feedBlock.sortedSkuIds, tmp7, stateFromStores1];
  const memo = react.useMemo(() => {
    const sortedSkuIds = feedBlock.sortedSkuIds;
    let items;
    const tmp = feedBlock;
    if (sortedSkuIds != null) {
      items = sortedSkuIds[ShopHomeSortType.ShopHomeSortType.RECOMMENDED];
    }
    if (items == null) {
      items = [];
    }
    const sortedSkuIds2 = tmp.sortedSkuIds;
    let items1;
    if (sortedSkuIds2 != null) {
      items1 = sortedSkuIds2[ShopHomeSortType.ShopHomeSortType.POPULAR];
    }
    if (items1 == null) {
      items1 = [];
    }
    const tmp7 = paths;
    if (stateFromStores1 && items.length > 0) {
      items1 = items;
    }
    const obj = { feedProducts: tmp7(items1), isPersonalized: stateFromStores1 && items.length > 0 };
    return obj;
  }, items2);
  ({ isPersonalized, feedProducts } = memo);
  const obj3 = feedBlock(15266);
  const filteredAndSortedProducts = obj3.useFilteredAndSortedProducts({ products: feedProducts, maxProducts: 36, screen });
  const ORBS = constants.ORBS;
  const items3 = [AccessibilityStore];
  const obj4 = feedBlock(504);
  const stateFromStores2 = obj4.useStateFromStores(items3, () => useReducedMotion.useReducedMotion);
  const tmp11 = stateFromStores1(6848);
  const analyticsLocations = tmp11(stateFromStores1(6872).COLLECTIBLES_SHOP_POPULAR_PICKS).analyticsLocations;
  const intl = feedBlock(1126).intl;
  const string = intl.string;
  const t = feedBlock(1126).t;
  if (isPersonalized) {
    stringResult = string(t.NSv5KV);
  } else {
    stringResult = string(t.ivaAA7);
  }
  const obj5 = { value: analyticsLocations, children: closure_11(View, obj6) };
  obj6 = { style: tmp.feedContainer, children: items6 };
  const obj7 = { style: tmp.feedHeader, children: items5 };
  const obj8 = { style: tmp.feedTitle, children: items4 };
  const AnalyticsLocationProvider = tmp2(6848).AnalyticsLocationProvider;
  items4 = [closure_10(tmp2(5087).Heading, { variant: "heading-lg/semibold", children: stringResult }), ];
  if (isPersonalized) {
    const obj9 = {
      onPress() {
          const obj = stateFromStores1(paths[21]);
          return obj.openLazy(feedBlock(paths[23])(paths[22], paths.paths), "PersonalizationDisclaimerActionSheet", {});
        },
      hitSlop: 14,
      "aria-label": intl2.string(feedBlock(1126).t.hvVgAZ),
      children: closure_10(feedBlock(5013).CircleInformationIcon, { size: "xs" })
    };
    const PressableOpacity = tmp2(6191).PressableOpacity;
    intl2 = tmp2(1126).intl;
    isPersonalized = tmp13(PressableOpacity, obj9);
  }
  function goToShopAll() {
    let items;
    const obj = { analyticsLocations: items, analyticsSource: stateFromStores1(paths[16]).COLLECTIBLES_MOBILE_SHOP_ALL_BUTTON, screen: constants.SHOP_ALL };
    const openCollectiblesShopMobile = feedBlock(paths[15]).openCollectiblesShopMobile;
    items = [];
    feedBlock(paths[15]);
    items[0] = stateFromStores1(paths[16]).COLLECTIBLES_MOBILE_SHOP_ALL_BUTTON;
    const result = openCollectiblesShopMobile(obj);
  }
  items4[1] = isPersonalized;
  items5 = [closure_11(View, obj8), ];
  let tmp13Result = !tmp16;
  if (tmp13Result) {
    const obj10 = { onPress: goToShopAll, text: intl3.string(feedBlock(1126).t.xFcotU), variant: "primary", size: "sm" };
    const Button = tmp2(5376).Button;
    intl3 = tmp2(1126).intl;
    tmp13Result = tmp13(Button, obj10);
  }
  items5[1] = tmp13Result;
  items6 = [closure_11(View, obj7), closure_10(tmp6(16142), { products: filteredAndSortedProducts, loadingCardsNum: 36, preferVCPrice, accessibilityLabel: stringResult, disableBundleStaticBackground }), ];
  const obj11 = { style: tmp.feedFooter, children: items7 };
  const obj12 = { variant: "heading-lg/bold", accessibilityRole: "header", children: intl4.string(feedBlock(1126).t.Yr70c4) };
  const Text = tmp2(5087).Text;
  intl4 = tmp2(1126).intl;
  items7 = [closure_10(Text, obj12), , ];
  const obj13 = { onPress: goToShopAll, text: intl5.string(feedBlock(1126).t.AfrvRD), variant: "primary", size: "md" };
  const Button2 = tmp2(5376).Button;
  intl5 = tmp2(1126).intl;
  items7[1] = closure_10(Button2, obj13);
  if (screen === ORBS) {
    let tmp13Result3;
    if (stateFromStores2) {
      const obj14 = { source: obj15, style: tmp.feedFooterOrbImage, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" };
      obj15 = { uri: tmp6(16151) };
      const tmp6Result = tmp6(6163);
      tmp13Result3 = tmp13(tmp6Result, obj14);
    } else {
      const tmp2Result = feedBlock(1382);
      if (tmp2Result.isAndroid()) {
        const obj16 = { url: tmp6(16152), autoplay: true, style: tmp.feedFooterOrbImage, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" };
        const tmp6Result4 = tmp6(8993);
        tmp13Result3 = tmp13(tmp6Result4, obj16);
      } else {
        const obj17 = { source: obj18, enableAnimation: true, resizeMode: "contain", style: tmp.feedFooterOrbImage, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" };
        obj18 = { uri: tmp6(16152) };
        const tmp6Result5 = tmp6(6163);
        tmp13Result3 = tmp13(tmp6Result5, obj17);
      }
    }
    tmp13Result4 = tmp13Result3;
  } else {
    let tmp19;
    const obj19 = { source: null, style: null, accessibilityElementsHidden: true, importantForAccessibility: "no-hide-descendants" };
    const tmp6Result6 = tmp6(6163);
    if (stateFromStores) {
      obj19.source = feedBlock(16153);
      obj19.style = tmp.feedFooterImage;
      tmp19 = obj19;
    } else {
      obj19.source = feedBlock(16154);
      obj19.style = tmp.feedFooterImage;
      tmp19 = obj19;
    }
    tmp13Result4 = tmp13(tmp6Result6, tmp19);
  }
  items7[2] = tmp13Result4;
  items6[2] = closure_11(View, obj11);
  return closure_10(AnalyticsLocationProvider, obj5);
};