decord/source/modules/guilds_bar/native/GuildsBarAnimatedItemWrapper.tsx

// Module ID: 16454
// Function ID: 16455
// Name: GuildsBarAnimatedItemWrapper
// Dependencies: [19, 5071, 16442, 21, 4640, 576, 4341, 4350, 5061, 4376, 7187, 16455, 16182, 16185, 1115, 4351, 16456, 5677, 8970, 2]
// Exports: default, useGuildsBarAnimatedWrapperStyles

// Module 16454 (GuildsBarAnimatedItemWrapper)
import nativeDefault from "native" /* 576 */;
import util from "util" /* 1115 */;
import useToken from "useToken" /* 4341 */;
import native from "native" /* 4350 */;
import spring from "spring" /* 5061 */;
import noop from "module_19" /* 19 */;

require = fn;
class UnreadIndicator {
  constructor(arg0) {
    sharedId = global.sharedId;
    id = global.id;
    MOUNTED = global.transitionState;
    if (MOUNTED === undefined) {
      tmp = sharedId;
      tmp2 = MOUNTED;
      MOUNTED = sharedId(MOUNTED[7]).TransitionStates.MOUNTED;
    }
    cleanUp = global.cleanUp;
    closure_4 = undefined;
    closure_5 = undefined;
    closure_6 = undefined;
    c7 = undefined;
    tmp3 = sharedId;
    tmp4 = MOUNTED;
    obj = sharedId(MOUNTED[6]);
    tmp5 = id;
    token = obj.useToken(id(MOUNTED[5]).modules.mobile.GUILD_BAR_ITEM_SIZE);
    closure_4 = token;
    tmp7 = closure_12(c7());
    closure_5 = tmp7;
    tmp8 = MOUNTED === sharedId(MOUNTED[7]).TransitionStates.MOUNTED;
    closure_6 = tmp8;
    num = 8;
    if (global.selected) {
      num = 8;
      if (MOUNTED !== tmp3(tmp4[7]).TransitionStates.YEETED) {
        num = 40;
      }
    }
    c7 = num;
    items = [, , ];
    items[0] = num;
    items[1] = MOUNTED;
    items[2] = tmp7.unreadIndicator;
    fn = function h(targetOriginY) {
      if (closure_6) {
        const obj2 = { animations: {}, initialValues: {} };
        let obj3 = obj2;
      } else {
        obj3 = { animations: null, initialValues: null };
        const obj7 = { originY: spring.withSpring(targetOriginY.targetOriginY, closure_11, "animate-always"), originX: null, height: null };
        obj7.originX = spring.withSpring(targetOriginY.targetOriginX, closure_11, "animate-always");
        obj7.height = spring.withSpring(targetOriginY.targetHeight, closure_11, "animate-always");
        obj3.animations = obj7;
        const obj8 = { height: 8, originY: token / 2, originX: -12 };
        obj3.initialValues = obj8;
      }
      return obj3;
    };
    obj1 = { disableEntering: tmp8, sharedId, id, withSpring: null, BAR_SPRING_PHYSICS: null, guildItemSize: null };
    memo = cleanUp.useMemo(() => {
      const items = [unreadIndicator.unreadIndicator, ];
      const obj = { height: num, marginTop: num / 2 * -1, marginLeft: null };
      num = 0;
      if (MOUNTED === native.TransitionStates.YEETED) {
        num = -4;
      }
      obj.marginLeft = num;
      items[1] = obj;
      return items;
    }, items);
    obj1.withSpring = tmp3(tmp4[8]).withSpring;
    obj1.BAR_SPRING_PHYSICS = closure_11;
    obj1.guildItemSize = token;
    fn.__closure = obj1;
    fn.__workletHash = 404454683979;
    fn.__initData = closure_14;
    items1 = [, , , ];
    items1[0] = tmp8;
    items1[1] = sharedId;
    items1[2] = id;
    items1[3] = token;
    fn2 = function p(height) {
      const obj = { animations: null, initialValues: null, callback: null };
      const obj2 = { originY: spring.withSpring(height.targetOriginY, closure_11, "animate-always"), originX: null, height: null };
      obj2.originX = spring.withSpring(height.targetOriginX, closure_11, "animate-always");
      obj2.height = spring.withSpring(height.targetHeight, closure_11, "animate-always");
      obj.animations = obj2;
      obj.initialValues = { height: height.currentHeight, originY: height.currentOriginY, originX: height.currentOriginX };
      obj.callback = function callback(arg0) {
        let tmp3 = closure_1_2 === sharedId(MOUNTED[7]).TransitionStates.YEETED && arg0;
        if (tmp3) {
          tmp3 = null != cleanUp;
        }
        if (tmp3) {
          sharedId(MOUNTED[9]).runOnJS(cleanUp)();
          const tmpResult = sharedId(MOUNTED[9]);
        }
      };
      return obj;
    };
    obj4 = { withSpring: null, BAR_SPRING_PHYSICS: null, transitionState: null, TransitionStates: null, cleanUp: null, runOnJS: null };
    callback = cleanUp.useCallback(fn, items1);
    obj4.withSpring = tmp3(tmp4[8]).withSpring;
    obj4.BAR_SPRING_PHYSICS = closure_11;
    obj4.transitionState = MOUNTED;
    obj4.TransitionStates = tmp3(tmp4[7]).TransitionStates;
    obj4.cleanUp = cleanUp;
    obj4.runOnJS = tmp3(tmp4[9]).runOnJS;
    fn2.__closure = obj4;
    fn2.__workletHash = 10632665703864;
    fn2.__initData = closure_15;
    items2 = [, ];
    items2[0] = MOUNTED;
    items2[1] = cleanUp;
    callback1 = cleanUp.useCallback(fn2, items2);
    return jsx(tmp5(tmp4[10]), { collapsable: false, entering: callback, layout: callback1, style: memo, pointerEvents: "none" });
  }
}
function renderUnreadIndicator(arg0, sharedId, transitionState, cleanUp) {
  return React6(UnreadIndicator, { sharedId: sharedId.sharedId, id: sharedId.id, selected: sharedId.selected, transitionState, cleanUp }, arg0);
}
const IOS_POINTER_STYLE = fn(5071).IOS_POINTER_STYLE;
const GuildsBarConstants = fn(16442);
({ GUILD_ITEM_HIT_SLOP: hasOwnProperty, GUILD_ITEM_INSET_LEFT: metroRequire, useGuildWrapperSize: closure_7 } = GuildsBarConstants);
const jsxProd = fn(21);
({ jsx: closure_8, jsxs: closure_9 } = jsxProd);
let closure_10 = { mass: 0.8, damping: 100, stiffness: 150 };
const BAR_SPRING_PHYSICS = { mass: 0.25, damping: 100, stiffness: 200 };
let createStyles = fn(4640);
let closure_12 = createStyles.createStyles(() => {
  let num = arg0;
  if (arg0 === undefined) {
    num = 56;
  }
  const obj = { draggedElement: { opacity: 0 }, selectedBackgroundOverlay: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0 }, container: { position: "relative", overflow: "visible" }, unreadIndicator: null, expandedChildrenWrapper: null };
  const size = { position: "absolute", top: num / 2, left: -4, height: 8, width: 8, borderRadius: nativeDefault.radii.xs, backgroundColor: nativeDefault.colors.TEXT_STRONG };
  obj.unreadIndicator = size;
  const rect = { position: "absolute", left: num + 16, top: 0, right: 8, height: num, display: "flex", flexDirection: "row", alignItems: "center" };
  obj.expandedChildrenWrapper = rect;
  return obj;
});
createStyles = fn(4640);
let closure_13 = createStyles.createStyles((arg0, arg1, width, height) => {
  const obj = { pressableWrapper: null, itemShape: null, itemShapeSelected: null };
  const size = { position: "relative", paddingTop: nativeDefault.modules.mobile.GUILD_BAR_ITEM_MARGIN, paddingBottom: nativeDefault.modules.mobile.GUILD_BAR_ITEM_MARGIN, paddingLeft, height, width: width + hasOwnProperty.left + hasOwnProperty.right };
  obj.pressableWrapper = size;
  const size1 = { position: "relative", width, height: width, overflow: "hidden", justifyContent: "center", alignItems: "center", backgroundColor: null };
  let str = "transparent";
  let str2 = "transparent";
  if (!arg1) {
    str2 = tmp(576).colors.MOBILE_GUILDBAR_ICON_BACKGROUND_DEFAULT;
  }
  size1.backgroundColor = str2;
  obj.itemShape = size1;
  if (arg0) {
    if (!arg1) {
      str = tmp(576).colors.BACKGROUND_SURFACE_HIGH;
    }
    let BACKGROUND_BRAND = str;
  } else {
    BACKGROUND_BRAND = tmp(576).colors.BACKGROUND_BRAND;
  }
  obj.itemShapeSelected = { backgroundColor: BACKGROUND_BRAND };
  return obj;
});
const __initData = { code: "function GuildsBarAnimatedItemWrapperTsx1(values){const{disableEntering,sharedId,id,withSpring,BAR_SPRING_PHYSICS,guildItemSize}=this.__closure;if(disableEntering||sharedId!=null&&sharedId.get()!==id){return{animations:{},initialValues:{}};}return{animations:{originY:withSpring(values.targetOriginY,BAR_SPRING_PHYSICS,'animate-always'),originX:withSpring(values.targetOriginX,BAR_SPRING_PHYSICS,'animate-always'),height:withSpring(values.targetHeight,BAR_SPRING_PHYSICS,'animate-always')},initialValues:{height:8,originY:guildItemSize/2,originX:-12}};}" };
const __initData2 = { code: "function GuildsBarAnimatedItemWrapperTsx2(values){const{withSpring,BAR_SPRING_PHYSICS,transitionState,TransitionStates,cleanUp,runOnJS}=this.__closure;return{animations:{originY:withSpring(values.targetOriginY,BAR_SPRING_PHYSICS,'animate-always'),originX:withSpring(values.targetOriginX,BAR_SPRING_PHYSICS,'animate-always'),height:withSpring(values.targetHeight,BAR_SPRING_PHYSICS,'animate-always')},initialValues:{height:values.currentHeight,originY:values.currentOriginY,originX:values.currentOriginX},callback:function(finished){if(transitionState===TransitionStates.YEETED&&finished&&cleanUp!=null){runOnJS(cleanUp)();}}};}" };
let closure_18 = { code: "function GuildsBarAnimatedItemWrapperTsx3(){const{withSpring,circle,guildItemSelectedBorderRadius,guildItemSize,CORNER_SPRING_PHYSICS}=this.__closure;return{borderRadius:withSpring(!circle?guildItemSelectedBorderRadius:guildItemSize/2,CORNER_SPRING_PHYSICS,'animate-always')};}" };
let size = fn(2);
let result = size.fileFinishedImporting("modules/guilds_bar/native/GuildsBarAnimatedItemWrapper.tsx");

export default function GuildsBarAnimatedItemWrapper(id) {
  id = id.id;
  const selected = id.selected;
  ({ unread, circle } = id);
  const hint = id.hint;
  let flag = id.draggable;
  ({ children, externalChildren, expandedChildren, config, label } = id);
  if (flag === undefined) {
    flag = false;
  }
  ({ isDragTarget, cutouts } = id);
  if (isDragTarget === undefined) {
    isDragTarget = false;
  }
  const dragState = id.dragState;
  let flag2 = id.isDragPreview;
  if (flag2 === undefined) {
    flag2 = false;
  }
  let num = id.draggedItemSize;
  if (num === undefined) {
    num = 0;
  }
  const overState = id.overState;
  const styles = id.styles;
  const accessibilityActions = id.accessibilityActions;
  const onAccessibilityAction = id.onAccessibilityAction;
  const expanded = id.expanded;
  ({ zIndex, entering, exiting, layout } = id);
  if (zIndex === undefined) {
    zIndex = 0;
  }
  const sharedId = id.sharedId;
  flag2 = undefined;
  closure_21 = undefined;
  closure_22 = undefined;
  let tmp = num();
  closure_15 = tmp;
  const token = id(circle[6]).useToken(selected(circle[5]).modules.mobile.GUILD_BAR_ITEM_SIZE);
  const tmp6 = expanded(tmp);
  renderItem = tmp6;
  const tmp7 = selected(circle[11])(config);
  let obj = id(circle[6]);
  const token1 = id(circle[6]).useToken(selected(circle[5]).modules.mobile.GUILD_ITEM_SELECTED_BORDER_RADIUS);
  let obj2 = id(circle[6]);
  class X {
    constructor() {
      obj = closure_0(closure_2[8]);
      if (circle) {
        tmp2 = closure_16;
        num = 2;
        result = closure_16 / 2;
      } else {
        result = closure_18;
      }
      obj1 = { borderRadius: obj.withSpring(result, closure_10, "animate-always") };
      return obj1;
    }
  }
  const obj3 = id(circle[9]);
  X.__closure = { withSpring: id(circle[8]).withSpring, circle, guildItemSelectedBorderRadius: token1, guildItemSize: token, CORNER_SPRING_PHYSICS: accessibilityActions };
  X.__workletHash = 15930523896348;
  X.__initData = token1;
  const animatedStyle = obj3.useAnimatedStyle(X);
  const enableHome = hint.useContext(id(circle[12]).HomeDrawerStateContext).enableHome;
  const obj4 = { withSpring: id(circle[8]).withSpring, circle, guildItemSelectedBorderRadius: token1, guildItemSize: token, CORNER_SPRING_PHYSICS: accessibilityActions };
  const drawerOpen = id(circle[13]).useDrawerOpen(enableHome);
  let items = [isDragTarget, dragState, num, overState, zIndex, tmp];
  const memo = hint.useMemo(() => {
    if (isDragTarget) {
      if ("dragging" === dragState) {
        let tmp2 = overState;
        let str2 = "hide";
      }
      if ("drag-target" === str2) {
        num = height + num;
      } else {
        num = 0;
        if ("hide" !== str2) {
          num = height;
        }
      }
      const obj = { height: num, top: null, zIndex: null };
      let num2 = 0;
      if ("drag-target" === str2) {
        if ("before" === tmp2) {
          num2 = num;
        } else {
          num2 = 0;
        }
      }
      const obj2 = { style: null, unreadStyle: null };
      obj.top = num2;
      obj.zIndex = zIndex;
      obj2.style = obj;
      const size = { position: "absolute", width: height, height };
      obj2.unreadStyle = size;
      return obj2;
    }
    if (null != overState) {
      if ("self" !== tmp3) {
        let str5 = "drag-target";
      }
      str2 = str5;
      tmp2 = tmp3;
    }
    str5 = "none";
  }, items);
  let items1 = [styles.pressableWrapper, isDragTarget, tmp6.draggedElement];
  ({ style, unreadStyle } = memo);
  let tmp13 = !unread;
  const memo1 = hint.useMemo(() => {
    const items = [styles.pressableWrapper, , ];
    draggedElement = undefined;
    if (isDragTarget) {
      draggedElement = draggedElement.draggedElement;
    }
    items[1] = draggedElement;
    items[2] = IOS_POINTER_STYLE;
    return items;
  }, items1);
  if (!unread) {
    tmp13 = !selected;
  }
  if (!tmp13) {
    tmp13 = isDragTarget;
  }
  if (!tmp13) {
    tmp13 = flag2;
  }
  flag2 = tmp13;
  const items2 = [tmp13, selected, sharedId, id];
  const memo2 = obj5.useMemo(() => {
    if (!flag2) {
      const obj = { selected, sharedId, id };
      return obj;
    }
  }, items2);
  hint.useRef(undefined);
  const items3 = [expanded];
  const effect = obj5.useEffect(() => {
    if (undefined !== ref.current) {
      if (tmp.current !== expanded) {
        let AccessibilityAnnouncer = require;
        const intl = util.intl;
        const t = util.t;
        AccessibilityAnnouncer = AccessibilityAnnouncer(4351).AccessibilityAnnouncer;
        AccessibilityAnnouncer.announce(intl.string(tmp3 ? t.CUnsOR : t.jsudFd));
        tmp.current = tmp3;
        const stringResult = intl.string(tmp3 ? t.CUnsOR : t.jsudFd);
      }
    } else {
      tmp.current = expanded;
    }
  }, items3);
  const tmp16 = selected(circle[16])(enableHome, drawerOpen);
  closure_21 = tmp16;
  const items4 = [accessibilityActions, tmp16];
  const memo3 = obj5.useMemo(() => {
    if (null == closure_21) {
      let items1 = accessibilityActions;
    } else {
      let items = accessibilityActions;
      if (accessibilityActions == null) {
        items = [];
      }
      items1 = [];
      const obj = { name: null, label: null };
      ({ name: obj.name, label: obj.label } = closure_21);
      items1[HermesBuiltin.arraySpread(items, 0)] = obj;
    }
    return items1;
  }, items4);
  const items5 = [tmp16, onAccessibilityAction];
  let tmp18 = null != memo3;
  const callback = obj5.useCallback((nativeEvent) => {
    if (null != closure_21) {
      if (nativeEvent.nativeEvent.actionName === obj.name) {
        obj.action();
      }
    }
    if (onAccessibilityAction != null) {
      tmp2(nativeEvent);
    }
  }, items5);
  if (tmp18) {
    tmp18 = memo3.length > 0;
  }
  closure_22 = tmp18;
  const items6 = [hint, flag, tmp18];
  const memo4 = obj5.useMemo(() => {
    let tmp = null != hint;
    if (tmp) {
      tmp = arr.length > 0;
    }
    const items = [];
    if (tmp) {
      items.push(arr);
    }
    if (flag) {
      const intl = util.intl;
      items.push(intl.string(util.t.BGMUFB));
    }
    if (closure_22) {
      const intl2 = util.intl;
      items.push(intl2.string(util.t.X2x0MF));
    }
    return items.join(". ");
  }, items6);
  const obj7 = {};
  const obj6 = id(circle[13]);
  const merged = Object.assign(tmp7);
  obj7.style = memo1;
  obj7.accessibilityLabel = label;
  obj7.accessible = true;
  obj7.focusable = true;
  obj7.accessibilityRole = "button";
  obj7.accessibilityState = { selected, expanded };
  obj7.hitSlop = isDragTarget;
  let tmp22;
  if (memo4.length > 0) {
    tmp22 = memo4;
  }
  obj7.accessibilityHint = tmp22;
  obj7.collapsable = false;
  obj7.accessibilityActions = memo3;
  obj7.onAccessibilityAction = callback;
  const items7 = [externalChildren, , ];
  const obj8 = { pointerEvents: "none", style: unreadStyle, collapsable: false, children: null };
  const tmp4Result = selected(circle[17]);
  obj8.children = overState(id(circle[7]).TransitionItem, { item: memo2, renderItem });
  items7[1] = overState(selected(circle[17]), obj8);
  const obj10 = { style: null, cutouts, children: null };
  const items8 = [styles.itemShape, animatedStyle];
  obj10.style = items8;
  const items9 = [tmp6.selectedBackgroundOverlay, ];
  let itemShapeSelected = null;
  const obj9 = { item: memo2, renderItem };
  const tmp4Result5 = selected(circle[17]);
  if (selected) {
    itemShapeSelected = styles.itemShapeSelected;
  }
  items9[1] = itemShapeSelected;
  const items10 = [overState(selected(circle[17]), { pointerEvents: "none", style: items9 }), ];
  let tmp27 = !isDragTarget;
  if (!isDragTarget) {
    tmp27 = children;
  }
  items10[1] = tmp27;
  obj10.children = items10;
  items7[2] = styles(id(circle[18]).ClipViewAnimated, obj10);
  obj7.children = items7;
  const tmp4Result6 = selected(circle[17]);
  let container = null;
  const tmp19Result = styles(tmp4Result, obj7);
  if (enableHome) {
    container = tmp6.container;
  }
  const obj11 = { style: null, layout, entering, exiting, collapsable: false, children: null };
  const items11 = [container, style];
  obj11.style = items11;
  const items12 = [tmp19Result, ];
  let tmp23Result = null;
  if (enableHome) {
    const obj12 = {};
    const merged1 = Object.assign(tmp7);
    obj12.style = tmp6.expandedChildrenWrapper;
    obj12.collapsable = false;
    obj12.accessibilityElementsHidden = !drawerOpen;
    let str = "no-hide-descendants";
    if (drawerOpen) {
      str = "auto";
    }
    obj12.importantForAccessibility = str;
    let tmp36 = !isDragTarget;
    if (!isDragTarget) {
      tmp36 = expandedChildren;
    }
    obj12.children = tmp36;
    tmp23Result = tmp23(tmp4(tmp3[17]), obj12);
    const tmp4Result8 = tmp4(tmp3[17]);
  }
  items12[1] = tmp23Result;
  obj11.children = items12;
  return styles(selected(circle[10]), obj11);
};
export const useGuildsBarAnimatedWrapperStyles = function useGuildsBarAnimatedWrapperStyles(arg0) {
  let obj = arg0;
  if (arg0 === undefined) {
    obj = {};
  }
  let flag = obj.disableSelectedColor;
  if (flag === undefined) {
    flag = false;
  }
  let flag2 = obj.disableBGColor;
  if (flag2 === undefined) {
    flag2 = false;
  }
  const token = useToken.useToken(nativeDefault.modules.mobile.GUILD_BAR_ITEM_SIZE);
  return closure_13(flag, flag2, token, React5());
};
export { UnreadIndicator };
export { renderUnreadIndicator };