decord/source/modules/user_profile/native/UserProfileEditTheme.tsx

// Module ID: 13476
// Function ID: 102284
// Name: ColorSwatch
// Dependencies: []
// Exports: default

// Module 13476 (ColorSwatch)
function ColorSwatch(color) {
  let accessibilityLabel;
  let label;
  let onPress;
  let style;
  color = color.color;
  ({ label, accessibilityLabel, onPress, style } = color);
  const tmp = callback3();
  let obj = arg1(dependencyMap[5]);
  const int2hexResult = obj.int2hex(color);
  let obj1 = arg1(dependencyMap[6]);
  const items = [WHITE, PRIMARY_530];
  obj = { style: tmp.colorSwatchContainer };
  const higherContrastColor = obj1.getHigherContrastColor({ backgroundColor: int2hexResult, colors: items });
  obj = { accessibilityRole: "button", accessibilityLabel };
  const intl = arg1(dependencyMap[8]).intl;
  obj.accessibilityHint = intl.string(arg1(dependencyMap[8]).t.Qp04hK);
  const items1 = [tmp.colorSwatch, { backgroundColor: int2hexResult }, style];
  obj.style = items1;
  obj.onPress = onPress;
  obj1 = { size: "xs", color: higherContrastColor, style: tmp.dropperIcon };
  obj.children = callback(arg1(dependencyMap[9]).PencilIcon, obj1);
  const items2 = [callback(arg1(dependencyMap[7]).PressableOpacity, obj, color), ];
  const obj2 = { AUD: "<string:40961602>", shouldNotify: "<string:26752768>", CONTROLS_BUTTON_SIZE_LARGE: "<string:1878147584>", ActivityCard: "<string:1077608450>", children: label };
  items2[1] = callback(arg1(dependencyMap[10]).Text, obj2);
  obj.children = items2;
  return callback2(View, obj);
}
importAll(dependencyMap[0]);
const View = arg1(dependencyMap[1]).View;
({ jsx: closure_4, jsxs: closure_5 } = arg1(dependencyMap[2]));
let obj = arg1(dependencyMap[3]);
obj = { container: { gap: 6 }, sectionHeader: {}, themeColorContainer: { "Null": true, "Null": true, "Null": true }, colorSwatchContainer: {} };
obj = { borderRadius: importDefault(dependencyMap[4]).radii.sm };
obj.colorSwatch = obj;
obj.dropperIcon = { convertShortcutToName: "<string:3265216953>", hasUnreadMessages: "<string:1091633153>", CreatorMonetizationRestrictions: "/assets/modules/hub/native/images" };
const tmp3 = arg1(dependencyMap[2]);
obj.overflowMenu = { tintColor: importDefault(dependencyMap[4]).colors.TEXT_SUBTLE };
let closure_6 = obj.createStyles(obj);
const WHITE = importDefault(dependencyMap[4]).unsafe_rawColors.WHITE;
const PRIMARY_530 = importDefault(dependencyMap[4]).unsafe_rawColors.PRIMARY_530;
const obj1 = { tintColor: importDefault(dependencyMap[4]).colors.TEXT_SUBTLE };
const result = arg1(dependencyMap[22]).fileFinishedImporting("modules/user_profile/native/UserProfileEditTheme.tsx");

export default function UserProfileEditTheme(isTryItOut) {
  let guildId;
  let pendingAvatarSrc;
  let showResetMenu;
  let user;
  ({ user, onProfileThemeColorsChanged: closure_0, guildId, pendingAvatarSrc, showResetMenu } = isTryItOut);
  if (showResetMenu === undefined) {
    showResetMenu = false;
  }
  let flag = isTryItOut.isTryItOut;
  if (flag === undefined) {
    flag = false;
  }
  let importDefault;
  let dependencyMap;
  let View;
  let callback;
  function handleProfileThemeColorsChanged(items, arg1) {
    let themeColors;
    if (null != tmp2) {
      themeColors = tmp2.themeColors;
    }
    let tmp5;
    if (!tmp(items, themeColors)) {
      tmp5 = items;
    }
    closure_0(tmp5);
  }
  function makeOnPress(primaryColor, arg1) {
    return () => {
      let obj = arg0(closure_2[15]);
      const result = obj.UNSAFE_markDismissibleContentAsDismissed(arg0(closure_2[16]).DismissibleContent.PROFILE_THEMES_SETTINGS_VIEWED_V2);
      obj = { color: arg0, onSelect: arg1, suggestedColors: closure_4 };
      arg1(closure_2[17])(obj);
    };
  }
  const tmp = callback3();
  const tmp2 = importDefault(dependencyMap[11])(user.id, guildId);
  importDefault = tmp2;
  let obj = { user, displayProfile: tmp2, pendingThemeColors: isTryItOut.pendingThemeColors, isPreview: flag };
  const tmp3 = importDefault(dependencyMap[12])(obj);
  const primaryColor = tmp3.primaryColor;
  dependencyMap = primaryColor;
  const secondaryColor = tmp3.secondaryColor;
  View = secondaryColor;
  if (null == pendingAvatarSrc) {
    pendingAvatarSrc = user.getAvatarURL(guildId, 80);
  }
  let obj1 = arg1(dependencyMap[13]);
  callback = obj1.useAvatarColors(pendingAvatarSrc, importDefault(dependencyMap[4]).unsafe_rawColors.PRIMARY_530, false);
  if (null != primaryColor) {
    if (null != secondaryColor) {
      obj = { style: tmp.container };
      obj = { style: tmp.sectionHeader };
      obj1 = { cachedAt: true, edpbxy: true };
      const intl6 = arg1(dependencyMap[8]).intl;
      obj1.children = intl6.string(arg1(dependencyMap[8]).t.DMeO2X);
      const items = [callback(arg1(dependencyMap[10]).Text, obj1), ];
      if (showResetMenu) {
        const obj2 = { accessibilityRole: "button" };
        const intl = arg1(dependencyMap[8]).intl;
        obj2.accessibilityLabel = intl.string(arg1(dependencyMap[8]).t.+1H47t);
        obj2.onPress = function onPress() {
          let obj = tmp2(primaryColor[18]);
          obj = {
            onResetTheme() {
              callback([0.00000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000313243198316887, -0.0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000023201793093501323]);
            }
          };
          obj.openLazy(callback(primaryColor[20])(primaryColor[19], primaryColor.paths), "Profile Theme", obj);
        };
        const obj3 = { color: tmp.overflowMenu.tintColor };
        obj2.children = callback(arg1(dependencyMap[21]).MoreHorizontalIcon, obj3);
        showResetMenu = callback(arg1(dependencyMap[7]).PressableOpacity, obj2);
      }
      items[1] = showResetMenu;
      obj.children = items;
      const items1 = [handleProfileThemeColorsChanged(View, obj), ];
      const obj4 = { style: tmp.themeColorContainer };
      const obj5 = {
        onPress: makeOnPress(primaryColor, (arg0) => {
              if (arg0 !== primaryColor) {
                const items = [arg0, secondaryColor];
                handleProfileThemeColorsChanged(items);
              }
            }),
        color: primaryColor
      };
      const intl2 = arg1(dependencyMap[8]).intl;
      obj5.label = intl2.string(arg1(dependencyMap[8]).t.C3KTQk);
      const intl3 = arg1(dependencyMap[8]).intl;
      const obj6 = {};
      let obj7 = arg1(dependencyMap[5]);
      obj6.colorHex = obj7.int2hex(primaryColor);
      obj5.accessibilityLabel = intl3.formatToPlainString(arg1(dependencyMap[8]).t.v4X2kc, obj6);
      const items2 = [callback(ColorSwatch, obj5), ];
      obj7 = {
        color: secondaryColor,
        onPress: makeOnPress(secondaryColor, (arg0) => {
              if (arg0 !== secondaryColor) {
                const items = [primaryColor, arg0];
                handleProfileThemeColorsChanged(items);
              }
            })
      };
      const intl4 = arg1(dependencyMap[8]).intl;
      obj7.label = intl4.string(arg1(dependencyMap[8]).t.8elvy6);
      const intl5 = arg1(dependencyMap[8]).intl;
      const obj8 = { colorHex: arg1(dependencyMap[5]).int2hex(secondaryColor) };
      obj7.accessibilityLabel = intl5.formatToPlainString(arg1(dependencyMap[8]).t.I0tmru, obj8);
      items2[1] = callback(ColorSwatch, obj7);
      obj4.children = items2;
      items1[1] = handleProfileThemeColorsChanged(View, obj4);
      obj.children = items1;
      return handleProfileThemeColorsChanged(View, obj);
    }
  }
  return null;
};