// Module ID: 16172
// Function ID: 16173
// Name: GuildThemeMemberCoachmark
// Dependencies: [19, 4552, 4449, 4450, 1954, 21, 4560, 576, 504, 4453, 12524, 16173, 4469, 5434, 1114, 2428, 12527, 11132, 2]
// Exports: default

// Module 16172 (GuildThemeMemberCoachmark)
import ThemesDefault from "Themes" /* 576 */;
import closure_3 from "noop" /* 19 */;
import closure_4 from "maybeApplyNoTextColorForLightCustomTheme" /* 4552 */;
import closure_5 from "calculateAppliedBoosts" /* 4449 */;
import { GUILD_THEME_POWERUP_BOOST_PRICE as closure_6 } from "BoostedGuildTiers" /* 4450 */;
import { ContentDismissActionType } from "ContentDismissActionType" /* 1954 */;
import { jsx } from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4560 */;

const require = arg1;
createCacheKey = { coachmarkImage: null };
createCacheKey = { height: 120, width: 260 - 2 * ThemesDefault.space.PX_16, borderRadius: ThemesDefault.radii.md };
createCacheKey[0] = createCacheKey;
let closure_9 = createCacheKey.createStyles(createCacheKey);
const result = require("set").fileFinishedImporting("modules/premium/powerups/native/GuildThemeMemberCoachmark.tsx");

export default function GuildThemeMemberCoachmark(guildId) {
  guildId = guildId.guildId;
  const markAsDismissed = guildId.markAsDismissed;
  dependencyMap = undefined;
  let stateFromStores1;
  let guildPowerupBannerImage;
  c5 = undefined;
  let callback;
  let callback1;
  const tmp = callback();
  dependencyMap = tmp;
  const items = [c5];
  const items1 = [guildId];
  const stateFromStores = guildId(504).useStateFromStores(items, () => {
    const stateForGuild = _undefined.getStateForGuild(guildId);
    let tmp2;
    if (stateForGuild != null) {
      tmp2 = stateForGuild.allPowerups[guildId(undefined, 4453).GUILD_POWERUP_GUILD_THEME_SKU_ID];
    }
    return tmp2;
  }, items1);
  let obj = guildId(504);
  let tmp2 = guildId;
  const items2 = [guildPowerupBannerImage];
  stateFromStores1 = guildId(504).useStateFromStores(items2, () => guildPowerupBannerImage.useReducedMotion);
  const obj2 = guildId(504);
  guildPowerupBannerImage = guildId(12524).getGuildPowerupBannerImage(stateFromStores, stateFromStores1, true);
  if (guildPowerupBannerImage == null) {
    guildPowerupBannerImage = markAsDismissed(16173);
  }
  const diff = callback - markAsDismissed(4469)(guildId).available;
  c5 = diff;
  const items3 = [markAsDismissed];
  callback = stateFromStores1.useCallback(() => {
    markAsDismissed(callback1.USER_DISMISS);
  }, items3);
  const items4 = [diff, guildId, markAsDismissed];
  callback1 = stateFromStores1.useCallback(() => {
    markAsDismissed(callback1.TAKE_ACTION);
    if (c5 > 0) {
      guildId(5434).openApplyBoostModal(guildId);
      const obj = guildId(5434);
    }
  }, items4);
  const items5 = [callback, callback1, guildPowerupBannerImage, tmp.coachmarkImage, stateFromStores1];
  const memo = stateFromStores1.useMemo(() => {
    const obj = { title: null, description: null, visible: true, position: "bottom", offsetY: 8, onDismiss: null, renderImgComponent: null, buttonLabel: null, buttonVariant: "primary", onButtonPress: null };
    const intl = guildId(1114).intl;
    obj[0] = intl.string(markAsDismissed(2428).RK6NbY);
    const intl2 = guildId(1114).intl;
    obj[1] = intl2.string(markAsDismissed(2428).xlAqGk);
    obj[5] = callback;
    obj[6] = function renderImgComponent() {
      return closure_1_8(closure_1_1(closure_1_2[16]), { imageUrl: closure_4, isAnimated: !closure_3, style: coachmarkImage.coachmarkImage });
    };
    const intl3 = guildId(1114).intl;
    obj[7] = intl3.string(guildId(1114).t.oPAx73);
    obj[9] = callback1;
    return obj;
  }, items5);
  const obj3 = guildId(12524);
  const coachmark = tmp2(11132).useCoachmark(guildId.targetRef, memo);
  return null;
};