// Module ID: 14112
// Function ID: 14113
// Name: BadgeTileContent
// Dependencies: [19, 17, 8409, 1922, 8973, 676, 1924, 21, 4668, 712, 14111, 1236, 6323, 14109, 6332, 4119, 4671, 4674, 6408, 4347, 14089, 1351, 589, 4042, 7177, 7197, 7160, 9362, 9363, 698, 8976, 14090, 8638, 1494, 14113, 4739, 5451, 6988, 6987, 2]
// Exports: default

// Module 14112 (BadgeTileContent)
import ThemesDefault from "Themes" /* 712 */;
import getSystemLocale from "getSystemLocale" /* 1236 */;
import PressableCard from "PressableCard" /* 6323 */;
import DragIcon from "DragIcon" /* 6332 */;
import BadgeCatalogIconDefault from "BadgeCatalogIcon" /* 14109 */;
import PX_16 from "PX_16" /* 14111 */;
import importAllResult from "noop" /* 19 */;
import { View } from "get ActivityIndicator" /* 17 */;
import closure_5 from "handleFormOpen" /* 8409 */;
import closure_6 from "mergeGuildAvatar" /* 1922 */;
import closure_7 from "initialize" /* 8973 */;
import ME from "ME" /* 676 */;
import { PremiumUpsellTypes } from "GuildFeatures" /* 1924 */;
import jsxProd from "jsxProd" /* 21 */;
import createCacheKey from "createCacheKey" /* 4668 */;

require = arg1;
function BadgeTileContent(badge) {
  let showGrip = badge.showGrip;
  const tmp = callback2();
  let obj = { variant: "secondary", border: "none", radius: 16, style: tmp.card, children: null };
  obj = { badge: badge.badge, size: PX_16.BADGE_TILE_ICON_SIZE };
  const items = [callback(BadgeCatalogIconDefault, obj), ];
  if (showGrip) {
    obj = { style: null, "aria-hidden": true, children: null };
    obj[0] = tmp.grip;
    obj[2] = tmp5(DragIcon.DragIcon, { size: "sm" });
    showGrip = tmp5(View, obj);
  }
  items[1] = showGrip;
  obj[4] = items;
  return closure_14(PressableCard.Card, obj);
}
let c3 = importAllResult;
({ AnalyticEvents: closure_8, AnalyticsObjects: c9, AnalyticsPages: c10, AnalyticsSections: unpackModuleId } = ME);
({ jsx: map1, jsxs: closure_14 } = jsxProd);
let obj = { gridInset: null, grid: null, gridDisabled: null, upsell: null, upsellCard: null, upsellContent: null, upsellCta: null, upsellText: null, message: null, messageText: null };
obj = { paddingHorizontal: ThemesDefault.space.PX_16, paddingBottom: ThemesDefault.space.PX_16 };
obj[0] = obj;
createCacheKey = { position: "relative", width: "100%", marginTop: ThemesDefault.space.PX_8 };
obj[1] = createCacheKey;
obj[2] = { opacity: 0.5 };
obj[3] = { marginHorizontal: 0, marginTop: ThemesDefault.space.PX_8, marginBottom: ThemesDefault.space.PX_16 };
let obj2 = { marginHorizontal: 0, marginTop: ThemesDefault.space.PX_8, marginBottom: ThemesDefault.space.PX_16 };
obj[4] = { backgroundColor: ThemesDefault.colors.BACKGROUND_SURFACE_HIGHEST };
let obj3 = { backgroundColor: ThemesDefault.colors.BACKGROUND_SURFACE_HIGHEST };
obj[5] = { paddingVertical: ThemesDefault.space.PX_16, paddingHorizontal: ThemesDefault.space.PX_16 };
let obj4 = { paddingVertical: ThemesDefault.space.PX_16, paddingHorizontal: ThemesDefault.space.PX_16 };
obj[6] = { marginTop: ThemesDefault.space.PX_12, borderRadius: ThemesDefault.radii.sm };
obj[7] = { textAlign: "center" };
let obj5 = { marginTop: ThemesDefault.space.PX_12, borderRadius: ThemesDefault.radii.sm };
obj[8] = { alignItems: "center", justifyContent: "center", paddingHorizontal: ThemesDefault.space.PX_16, paddingVertical: ThemesDefault.space.PX_32 };
obj[9] = { textAlign: "center" };
let closure_15 = createCacheKey.createStyles(obj);
let obj7 = { position: { position: "absolute", top: 0, left: 0 }, card: { flex: 1, alignItems: "center", justifyContent: "center", padding: 0 }, grip: null };
let obj6 = { alignItems: "center", justifyContent: "center", paddingHorizontal: ThemesDefault.space.PX_16, paddingVertical: ThemesDefault.space.PX_32 };
obj7[2] = { position: "absolute", top: ThemesDefault.space.PX_4, end: 0, width: 32, height: 32, alignItems: "center", justifyContent: "center" };
let closure_16 = createCacheKey.createStyles(obj7);
function getSlotOffset(arg0, arg1) {
  const obj = { x: null, y: null };
  const result = arg0 % PX_16.BADGE_GRID_COLUMNS;
  obj[0] = result * (arg1 + PX_16.BADGE_GRID_GAP);
  const rounded = Math.floor(arg0 / PX_16.BADGE_GRID_COLUMNS);
  obj[1] = rounded * (arg1 + PX_16.BADGE_GRID_GAP);
  return obj;
}
let obj8 = { position: "absolute", top: ThemesDefault.space.PX_4, end: 0, width: 32, height: 32, alignItems: "center", justifyContent: "center" };
getSlotOffset.__closure = { BADGE_GRID_COLUMNS: require("PX_16").BADGE_GRID_COLUMNS, BADGE_GRID_GAP: require("PX_16").BADGE_GRID_GAP };
getSlotOffset.__workletHash = 3984288658776;
getSlotOffset.__initData = { code: "function getSlotOffset_ReorderBadgesSheetTsx1(index,tileSize){const{BADGE_GRID_COLUMNS,BADGE_GRID_GAP}=this.__closure;const column=index%BADGE_GRID_COLUMNS;return{x:column*(tileSize+BADGE_GRID_GAP),y:Math.floor(index/BADGE_GRID_COLUMNS)*(tileSize+BADGE_GRID_GAP)};}" };
let closure_19 = importAllResult.memo((arg0) => {
  ({ badge, index, tileSize, showGrip } = arg0);
  if (showGrip === undefined) {
    showGrip = false;
  }
  if (typeof getSlotOffset !== "function") {
    HermesBuiltin.throwTypeError();
  }
  const result = index % PX_16.BADGE_GRID_COLUMNS;
  const result1 = result * (tileSize + PX_16.BADGE_GRID_GAP);
  const rounded = Math.floor(index / PX_16.BADGE_GRID_COLUMNS);
  let obj = { accessible: true, accessibilityLabel: null, style: null, children: null };
  const result2 = rounded * (tileSize + PX_16.BADGE_GRID_GAP);
  const intl = getSystemLocale.intl;
  obj = { badgeName: badge.name, position: index + 1 };
  obj[1] = intl.formatToPlainString(getSystemLocale.t["21W3EN"], obj);
  const items = [callback2().position, ];
  const items1 = [{ translateX: result1 }, { translateY: result2 }];
  items[1] = { width: tileSize, height: tileSize, transform: items1 };
  obj[2] = items;
  obj[3] = callback(BadgeTileContent, { badge, showGrip });
  return callback(View, obj);
});
let closure_20 = { code: "function ReorderBadgesSheetTsx2(){const{orderShared,badgeId,getSlotOffset,slotOffset,tileSize}=this.__closure;const slot=orderShared.get().indexOf(badgeId);return slot<0?null:getSlotOffset(slot+slotOffset,tileSize);}" };
let closure_21 = { code: "function ReorderBadgesSheetTsx3(target,previousTarget){const{isDraggingShared,translateX,withTiming,timingStandard,translateY}=this.__closure;if(target==null||isDraggingShared.get()){return;}if(target.x!==(previousTarget===null||previousTarget===void 0?void 0:previousTarget.x)){translateX.set(withTiming(target.x,timingStandard));}if(target.y!==(previousTarget===null||previousTarget===void 0?void 0:previousTarget.y)){translateY.set(withTiming(target.y,timingStandard));}}" };
let closure_22 = { code: "function ReorderBadgesSheetTsx4(){const{isDraggingShared,orderShared,badgeId,getSlotOffset,slotOffset,tileSize,translateX,withTiming,timingStandard,translateY,scale,isDragActive,runOnJS,triggerHapticFeedback,HapticFeedbackTypes,onCommitOrder}=this.__closure;if(!isDraggingShared.get()){return;}const order=orderShared.get();const slot=order.indexOf(badgeId);if(slot>=0){const target=getSlotOffset(slot+slotOffset,tileSize);translateX.set(withTiming(target.x,timingStandard));translateY.set(withTiming(target.y,timingStandard));}scale.set(withTiming(1,timingStandard));isDraggingShared.set(false);isDragActive.set(false);runOnJS(triggerHapticFeedback)(HapticFeedbackTypes.DRAG_AND_DROP_END);runOnJS(onCommitOrder)(order);}" };
let closure_23 = { code: "function ReorderBadgesSheetTsx5(event){const{isDraggingShared,translateX,translateY,orderShared,tileSize,BADGE_GRID_GAP,clamp,BADGE_GRID_COLUMNS,slotOffset,moveBadgeInDisplayOrder,badgeId,runOnJS,triggerHapticFeedback,HapticFeedbackTypes}=this.__closure;if(!isDraggingShared.get()){return;}const x=translateX.get()+event.changeX;const y=translateY.get()+event.changeY;translateX.set(x);translateY.set(y);const order=orderShared.get();const step=tileSize+BADGE_GRID_GAP;const column=clamp(Math.floor((x+tileSize/2)/step),0,BADGE_GRID_COLUMNS-1);const row=Math.max(Math.floor((y+tileSize/2)/step),0);const to=clamp(row*BADGE_GRID_COLUMNS+column-slotOffset,0,order.length-1);const next=moveBadgeInDisplayOrder(order,order.indexOf(badgeId),to);if(next!==order){orderShared.set(next);runOnJS(triggerHapticFeedback)(HapticFeedbackTypes.DRAG_AND_DROP_MOVE);}}" };
let closure_24 = { code: "function ReorderBadgesSheetTsx6(){const{isDragActive,isDraggingShared,scale,withTiming,DRAG_SCALE,timingStandard,runOnJS,triggerHapticFeedback,HapticFeedbackTypes}=this.__closure;if(isDragActive.get()){return;}isDragActive.set(true);isDraggingShared.set(true);scale.set(withTiming(DRAG_SCALE,timingStandard));runOnJS(triggerHapticFeedback)(HapticFeedbackTypes.DRAG_AND_DROP_START);}" };
let closure_25 = { code: "function ReorderBadgesSheetTsx7(){const{isDraggingShared,translateX,translateY,scale}=this.__closure;return{zIndex:isDraggingShared.get()?10:0,transform:[{translateX:translateX.get()},{translateY:translateY.get()},{scale:scale.get()}]};}" };
let closure_26 = importAllResult.memo((slotOffset) => {
  ({ badge, index, tileSize } = slotOffset);
  slotOffset = slotOffset.slotOffset;
  const orderShared = slotOffset.orderShared;
  const isDragActive = slotOffset.isDragActive;
  const onCommitOrder = slotOffset.onCommitOrder;
  let badge_id;
  let sharedValue;
  let sharedValue1;
  let sharedValue2;
  let sharedValue3;
  ({ isFirst, isLast } = slotOffset);
  badge_id = badge.badge_id;
  let obj = tileSize(orderShared[15]);
  sharedValue = obj.useSharedValue(false);
  if (typeof getSlotOffset !== "function") {
    HermesBuiltin.throwTypeError();
  }
  let result = index % tmp2(tmp3[10]).BADGE_GRID_COLUMNS;
  let result1 = result * (tileSize + tmp2(tmp3[10]).BADGE_GRID_GAP);
  let rounded = Math.floor(index / tmp2(tmp3[10]).BADGE_GRID_COLUMNS);
  let result2 = rounded * (tileSize + tmp2(tmp3[10]).BADGE_GRID_GAP);
  let tmp2Result = tmp2(tmp3[15]);
  sharedValue1 = tmp2Result.useSharedValue(result1);
  tmp2Result = tmp2(tmp3[15]);
  sharedValue2 = tmp2Result.useSharedValue(result2);
  const tmp = callback2();
  const tmp5 = getSlotOffset;
  sharedValue3 = tileSize(orderShared[15]).useSharedValue(1);
  const tmp2Result1 = tileSize(orderShared[15]);
  class D {
    constructor() {
      value = orderShared.get();
      index = value.indexOf(badge_id);
      tmp2 = null;
      if (index >= 0) {
        tmp3 = closure_1_17;
        tmp4 = slotOffset;
        sum = index + slotOffset;
        tmp6 = tileSize;
        if (typeof closure_1_17 !== "function") {
          str = "Trying to call a non-function";
          throwTypeErrorResult = HermesBuiltin.throwTypeError();
        }
        obj = { x: null, y: null };
        tmp7 = tileSize;
        tmp8 = orderShared;
        result = sum % tileSize(orderShared[10]).BADGE_GRID_COLUMNS;
        obj[0] = result * (tmp6 + tileSize(orderShared[10]).BADGE_GRID_GAP);
        tmp10 = globalThis;
        _Math = Math;
        rounded = Math.floor(sum / tileSize(orderShared[10]).BADGE_GRID_COLUMNS);
        obj[1] = rounded * (tmp6 + tileSize(orderShared[10]).BADGE_GRID_GAP);
        tmp2 = obj;
      }
      return tmp2;
    }
  }
  D.__closure = { orderShared, badgeId: badge_id, getSlotOffset: tmp5, slotOffset, tileSize };
  D.__workletHash = 13884542984272;
  D.__initData = closure_20;
  let fn = function p(arg0, arg1) {
    let value = null == arg0;
    if (!value) {
      value = sharedValue.get();
    }
    if (!value) {
      let x;
      if (arg1 != null) {
        x = arg1.x;
      }
      if (arg0.x !== x) {
        const result = sharedValue1.set(tileSize(orderShared[16]).withTiming(arg0.x, tileSize(orderShared[17]).timingStandard));
        const obj = tileSize(orderShared[16]);
      }
      let y;
      if (arg1 != null) {
        y = arg1.y;
      }
      if (arg0.y !== y) {
        const result1 = sharedValue2.set(tileSize(orderShared[16]).withTiming(arg0.y, tileSize(orderShared[17]).timingStandard));
        const obj2 = tileSize(orderShared[16]);
      }
    }
  };
  obj = { isDraggingShared: sharedValue, translateX: sharedValue1, withTiming: tmp2(tmp3[16]).withTiming, timingStandard: tmp2(tmp3[17]).timingStandard, translateY: sharedValue2 };
  fn.__closure = obj;
  fn.__workletHash = 14524703799805;
  fn.__initData = closure_21;
  const animatedReaction = tileSize(orderShared[15]).useAnimatedReaction(D, fn);
  let items = [badge_id, tileSize, slotOffset, orderShared, isDragActive, onCommitOrder, sharedValue, sharedValue3, sharedValue1, sharedValue2];
  const memo = isDragActive.useMemo(() => {
    const Gesture = tileSize(orderShared[18]).Gesture;
    let result = Gesture.Pan().activateAfterLongPress(150);
    const fn = function s() {
      if (!store2.get()) {
        const result = store2.set(true);
        const result1 = store3.set(true);
        const result2 = store6.set(closure_1_0(closure_1_2[16]).withTiming(1.05, closure_1_0(closure_1_2[17]).timingStandard));
        const obj2 = closure_1_0(closure_1_2[16]);
        const obj3 = closure_1_0(closure_1_2[15]);
        closure_1_0(closure_1_2[15]).runOnJS(closure_1_0(closure_1_2[19]).triggerHapticFeedback)(closure_1_0(closure_1_2[19]).HapticFeedbackTypes.DRAG_AND_DROP_START);
        const runOnJSResult = closure_1_0(closure_1_2[15]).runOnJS(closure_1_0(closure_1_2[19]).triggerHapticFeedback);
      }
    };
    let obj = { isDragActive, isDraggingShared: sharedValue, scale: sharedValue3, withTiming: tileSize(orderShared[16]).withTiming, DRAG_SCALE: 1.05, timingStandard: tileSize(orderShared[17]).timingStandard, runOnJS: tileSize(orderShared[15]).runOnJS, triggerHapticFeedback: tileSize(orderShared[19]).triggerHapticFeedback, HapticFeedbackTypes: tileSize(orderShared[19]).HapticFeedbackTypes };
    fn.__closure = obj;
    fn.__workletHash = 6326049178130;
    fn.__initData = closure_1_24;
    const PanResult = Gesture.Pan();
    const fn2 = function n(changeX) {
      if (store3.get()) {
        const sum = store4.get() + changeX.changeX;
        const sum1 = store5.get() + changeX.changeY;
        const result = store4.set(sum);
        const result1 = store5.set(sum1);
        const value = store.get();
        const sum2 = closure_0 + closure_1_0(closure_1_2[10]).BADGE_GRID_GAP;
        const _Math = Math;
        const rounded = Math.floor((sum + closure_0 / 2) / sum2);
        const _Math2 = Math;
        const _Math3 = Math;
        const obj = store;
        const obj2 = closure_1_0(closure_1_2[15]);
        const bound = Math.max(Math.floor((sum1 + closure_0 / 2) / sum2), 0);
        const clampResult = closure_1_0(closure_1_2[15]).clamp(rounded, 0, closure_1_0(closure_1_2[10]).BADGE_GRID_COLUMNS - 1);
        const obj3 = closure_1_0(closure_1_2[15]);
        const clampResult1 = closure_1_0(closure_1_2[15]).clamp(bound * closure_1_0(closure_1_2[10]).BADGE_GRID_COLUMNS + clampResult - closure_1, 0, value.length - 1);
        const result2 = closure_1_0(closure_1_2[20]).moveBadgeInDisplayOrder(value, value.indexOf(closure_5), clampResult1);
        if (result2 !== value) {
          const result3 = obj.set(result2);
          const tmp9Result = tmp9(tmp10[15]);
          tmp9(tmp10[15]).runOnJS(tmp9(tmp10[19]).triggerHapticFeedback)(tmp9(tmp10[19]).HapticFeedbackTypes.DRAG_AND_DROP_MOVE);
          const runOnJSResult = tmp9(tmp10[15]).runOnJS(tmp9(tmp10[19]).triggerHapticFeedback);
        }
        const obj4 = closure_1_0(closure_1_2[20]);
      }
    };
    obj = { isDraggingShared: sharedValue, translateX: sharedValue1, translateY: sharedValue2, orderShared, tileSize, BADGE_GRID_GAP: tileSize(orderShared[10]).BADGE_GRID_GAP, clamp: tileSize(orderShared[15]).clamp, BADGE_GRID_COLUMNS: tileSize(orderShared[10]).BADGE_GRID_COLUMNS, slotOffset, moveBadgeInDisplayOrder: tileSize(orderShared[20]).moveBadgeInDisplayOrder, badgeId: badge_id, runOnJS: tileSize(orderShared[15]).runOnJS, triggerHapticFeedback: tileSize(orderShared[19]).triggerHapticFeedback, HapticFeedbackTypes: tileSize(orderShared[19]).HapticFeedbackTypes };
    fn2.__closure = obj;
    fn2.__workletHash = 7565154388119;
    fn2.__initData = closure_1_23;
    const onStartResult = result.onStart(fn);
    const fn3 = function t() {
      if (store3.get()) {
        const value = store.get();
        const index = value.indexOf(closure_5);
        if (index >= 0) {
          const sum = index + closure_1;
          if (typeof closure_1_17 !== "function") {
            HermesBuiltin.throwTypeError();
          }
          const result = sum % closure_1_0(closure_1_2[10]).BADGE_GRID_COLUMNS;
          const _Math = Math;
          const result1 = result * (tmp53 + closure_1_0(closure_1_2[10]).BADGE_GRID_GAP);
          const rounded = Math.floor(sum / closure_1_0(closure_1_2[10]).BADGE_GRID_COLUMNS);
          const result2 = rounded * (tmp53 + closure_1_0(closure_1_2[10]).BADGE_GRID_GAP);
          const result3 = store4.set(closure_1_0(closure_1_2[16]).withTiming(result1, closure_1_0(closure_1_2[17]).timingStandard));
          const obj2 = closure_1_0(closure_1_2[16]);
          const result4 = store5.set(closure_1_0(closure_1_2[16]).withTiming(result2, closure_1_0(closure_1_2[17]).timingStandard));
          const obj3 = closure_1_0(closure_1_2[16]);
        }
        const result5 = store6.set(closure_1_0(closure_1_2[16]).withTiming(1, closure_1_0(closure_1_2[17]).timingStandard));
        const result6 = store3.set(false);
        const result7 = store2.set(false);
        const obj4 = closure_1_0(closure_1_2[16]);
        const obj5 = closure_1_0(closure_1_2[15]);
        closure_1_0(closure_1_2[15]).runOnJS(closure_1_0(closure_1_2[19]).triggerHapticFeedback)(closure_1_0(closure_1_2[19]).HapticFeedbackTypes.DRAG_AND_DROP_END);
        const runOnJSResult = closure_1_0(closure_1_2[15]).runOnJS(closure_1_0(closure_1_2[19]).triggerHapticFeedback);
        closure_1_0(closure_1_2[15]).runOnJS(closure_4)(value);
        const obj6 = closure_1_0(closure_1_2[15]);
      }
    };
    const onChangeResult = result.onStart(fn).onChange(fn2);
    fn3.__closure = { isDraggingShared: sharedValue, orderShared, badgeId: badge_id, getSlotOffset: closure_1_17, slotOffset, tileSize, translateX: sharedValue1, withTiming: tileSize(orderShared[16]).withTiming, timingStandard: tileSize(orderShared[17]).timingStandard, translateY: sharedValue2, scale: sharedValue3, isDragActive, runOnJS: tileSize(orderShared[15]).runOnJS, triggerHapticFeedback: tileSize(orderShared[19]).triggerHapticFeedback, HapticFeedbackTypes: tileSize(orderShared[19]).HapticFeedbackTypes, onCommitOrder };
    fn3.__workletHash = 13655754803246;
    fn3.__initData = closure_1_22;
    return onChangeResult.onFinalize(fn3);
  }, items);
  const tmp2Result2 = tileSize(orderShared[15]);
  class F {
    constructor() {
      num = 0;
      if (closure_6.get()) {
        num = 10;
      }
      obj = { zIndex: num, transform: null };
      obj = { translateX: closure_7.get() };
      items = [, , ];
      items[0] = obj;
      obj1 = { translateY: closure_8.get() };
      items[1] = obj1;
      obj2 = { scale: closure_9.get() };
      items[2] = obj2;
      obj[1] = items;
      return obj;
    }
  }
  F.__closure = { isDraggingShared: sharedValue, translateX: sharedValue1, translateY: sharedValue2, scale: sharedValue3 };
  F.__workletHash = 2799732598078;
  F.__initData = closure_25;
  const items1 = [badge_id, orderShared, onCommitOrder, slotOffset];
  const animatedStyle = tileSize(orderShared[15]).useAnimatedStyle(F);
  const items2 = [];
  const callback = isDragActive.useCallback((nativeEvent) => {
    const actionName = nativeEvent.nativeEvent.actionName;
    if ("moveup" === actionName) {
      let obj = orderShared;
      const value = orderShared.get();
      const index = value.indexOf(badge_id);
      let num2 = 1;
      if (tmp) {
        num2 = -1;
      }
      const clampResult = tileSize(orderShared[15]).clamp(index + num2, 0, value.length - 1);
      const obj2 = tileSize(orderShared[15]);
      const result = tileSize(orderShared[20]).moveBadgeInDisplayOrder(value, index, clampResult);
      if (result !== value) {
        const result1 = obj.set(result);
        onCommitOrder(result);
        const AccessibilityAnnouncer = tmp4(tmp5[21]).AccessibilityAnnouncer;
        const intl = tmp4(tmp5[11]).intl;
        obj = { from: null, to: null };
        obj[0] = index + slotOffset + 1;
        obj[1] = clampResult + slotOffset + 1;
        AccessibilityAnnouncer.announce(intl.formatToPlainString(tmp4(tmp5[11]).t.qPHr0x, obj));
      }
      const tmp4Result = tileSize(orderShared[20]);
    }
  }, items1);
  if (!isFirst) {
    obj = { name: "moveup", label: null };
    let intl = tmp2(tmp3[11]).intl;
    obj[1] = intl.string(tmp2(tmp3[11]).t.eR2XSh);
    items2.push(obj);
  }
  if (!isLast) {
    obj1 = { name: "movedown", label: null };
    const intl2 = tmp2(tmp3[11]).intl;
    obj1[1] = intl2.string(tmp2(tmp3[11]).t.wWi0DL);
    items2.push(obj1);
  }
  let obj2 = { gesture: memo, children: null };
  let obj3 = { accessible: true, accessibilityLabel: null, accessibilityActions: null, onAccessibilityAction: null, style: null, children: null };
  const intl3 = tmp2(tmp3[11]).intl;
  obj3[1] = intl3.formatToPlainString(tileSize(orderShared[11]).t["21W3EN"], { badgeName: badge.name, position: index + 1 });
  obj3[2] = items2;
  obj3[3] = callback;
  const items3 = [tmp.position, { width: tileSize, height: tileSize }, animatedStyle];
  obj3[4] = items3;
  obj3[5] = callback(BadgeTileContent, { badge, showGrip: true });
  obj2[1] = callback(slotOffset(orderShared[15]).View, obj3);
  return callback(tileSize(orderShared[18]).GestureDetector, obj2);
});
const obj9 = { BADGE_GRID_COLUMNS: require("PX_16").BADGE_GRID_COLUMNS, BADGE_GRID_GAP: require("PX_16").BADGE_GRID_GAP };
let result = require("set").fileFinishedImporting("modules/badges/native/ReorderBadgesSheet.tsx");

export default function ReorderBadgesSheet(analyticsLocations) {
  analyticsLocations = analyticsLocations.analyticsLocations;
  let stateFromStores;
  let stateFromStores1;
  analyticsLocations = undefined;
  let context;
  let stateFromStoresArray;
  let hasCatalog;
  let pendingBadgeDisplayOrder;
  let pendingBadgeHiddenBadges;
  let memo;
  let fixedBadges;
  let reorderableBadges;
  let memo2;
  let sharedValue;
  let callback;
  let sharedValue1;
  let badgeTileSize;
  let tmp = badgeTileSize();
  let obj = stateFromStores(analyticsLocations[22]);
  const items = [pendingBadgeDisplayOrder];
  stateFromStores = obj.useStateFromStores(items, () => {
    const currentUser = pendingBadgeDisplayOrder.getCurrentUser();
    let id;
    if (currentUser != null) {
      id = currentUser.id;
    }
    return id;
  });
  obj1 = stateFromStores(analyticsLocations[22]);
  const items1 = [pendingBadgeDisplayOrder];
  stateFromStores1 = obj1.useStateFromStores(items1, () => stateFromStores1(analyticsLocations[23]).canUsePremiumProfileCustomization(pendingBadgeDisplayOrder.getCurrentUser()));
  if (analyticsLocations == null) {
    analyticsLocations = [];
  }
  analyticsLocations = stateFromStores1(analyticsLocations[24])(analyticsLocations, tmp6(tmp3[25]).BADGES_REORDER_ACTION_SHEET).analyticsLocations;
  context = context.useContext(tmp6(tmp3[26]));
  const items2 = [context, analyticsLocations];
  callback = context.useCallback(() => {
    let obj = context;
    if (context != null) {
      obj.close();
    }
    obj = { analyticsLocation: obj, analyticsLocations, premiumFeatureCardOrder: null };
    obj = { page: reorderableBadges.USER_SETTINGS, section: memo2.USER_PROFILE, object: fixedBadges.BUTTON_CTA };
    obj[2] = stateFromStores(analyticsLocations[28]).PremiumFeatureCardOrder.TIER_2_LEADING;
    stateFromStores1(analyticsLocations[27])(obj);
  }, items2);
  let tmp2Result = tmp2(tmp3[22]);
  const items3 = [pendingBadgeHiddenBadges];
  const items4 = [stateFromStores];
  stateFromStoresArray = tmp2Result.useStateFromStoresArray(items3, () => pendingBadgeHiddenBadges.getBadges(stateFromStores), items4);
  tmp2Result = tmp2(tmp3[22]);
  const items5 = [pendingBadgeHiddenBadges];
  const items6 = [stateFromStores];
  const stateFromStoresObject = tmp2Result.useStateFromStoresObject(items5, () => {
    let hasCatalogForResult = null != stateFromStores;
    if (hasCatalogForResult) {
      hasCatalogForResult = pendingBadgeHiddenBadges.hasCatalogFor(tmp);
    }
    return { hasCatalog: hasCatalogForResult, hasCatalogError: pendingBadgeHiddenBadges.hasCatalogFetchErrorFor(stateFromStores) };
  }, items6);
  hasCatalog = stateFromStoresObject.hasCatalog;
  const items7 = [stateFromStores1, hasCatalog, analyticsLocations];
  const effect = context.useEffect(() => {
    let tmp = !stateFromStores1;
    if (!stateFromStores1) {
      tmp = hasCatalog;
    }
    if (tmp) {
      let obj = stateFromStores1(analyticsLocations[29]);
      obj = { type: null, location: null, location_stack: null };
      obj[0] = sharedValue.BADGE_REORDERING_UPSELL;
      obj = { page: null, section: null };
      obj[0] = reorderableBadges.USER_SETTINGS;
      obj[1] = memo2.USER_PROFILE;
      obj[1] = obj;
      obj[2] = analyticsLocations;
      obj.track(memo.PREMIUM_UPSELL_VIEWED, obj);
    }
  }, items7);
  const items8 = [stateFromStores];
  const effect1 = context.useEffect(() => {
    if (null != stateFromStores) {
      if (!tmp2) {
        const badgeDirectory = stateFromStores(analyticsLocations[30]).fetchBadgeDirectory(tmp);
        const obj2 = stateFromStores(analyticsLocations[30]);
      }
      const obj = pendingBadgeHiddenBadges;
      tmp2 = pendingBadgeHiddenBadges.hasCatalogFor(tmp) && !pendingBadgeHiddenBadges.isCatalogStaleFor(tmp);
    }
  }, items8);
  let tmp7 = stateFromStores1(analyticsLocations[24]);
  const items9 = [hasCatalog];
  const stateFromStoresObject1 = stateFromStores(analyticsLocations[22]).useStateFromStoresObject(items9, () => {
    const pendingChanges = hasCatalog.getPendingChanges();
    return { pendingBadgeDisplayOrder: pendingChanges.pendingBadgeDisplayOrder, pendingBadgeHiddenBadges: pendingChanges.pendingBadgeHiddenBadges };
  }, []);
  pendingBadgeDisplayOrder = stateFromStoresObject1.pendingBadgeDisplayOrder;
  pendingBadgeHiddenBadges = stateFromStoresObject1.pendingBadgeHiddenBadges;
  const items10 = [stateFromStoresArray, pendingBadgeDisplayOrder, pendingBadgeHiddenBadges];
  memo = context.useMemo(() => {
    let obj = stateFromStores(analyticsLocations[20]);
    obj = { pendingBadgeDisplayOrder, pendingBadgeHiddenBadges };
    return obj.applyPendingBadgeSettings(stateFromStoresArray, obj);
  }, items10);
  const items11 = [memo];
  const memo1 = context.useMemo(() => {
    fixedBadges = [];
    reorderableBadges = [];
    const iter = memo[Symbol.iterator]();
    const nextResult = iter.next();
    while (iter !== undefined) {
      let tmp3 = nextResult;
      let owned = nextResult.owned;
      if (owned) {
        let tmp4 = nextResult;
        owned = true !== tmp3.hidden;
      }
      if (owned) {
        let tmp5 = stateFromStores;
        let tmp6 = analyticsLocations;
        let NON_CUSTOMIZABLE_BADGE_IDS = stateFromStores(analyticsLocations[31]).NON_CUSTOMIZABLE_BADGE_IDS;
        let tmp7 = nextResult;
        if (NON_CUSTOMIZABLE_BADGE_IDS.has(tmp3.badge_id)) {
          let tmp10 = nextResult;
          let arr = fixedBadges.push(tmp3);
        } else {
          let tmp8 = nextResult;
          arr = reorderableBadges.push(tmp3);
        }
      }
      continue;
    }
    return { fixedBadges, reorderableBadges };
  }, items11);
  fixedBadges = memo1.fixedBadges;
  reorderableBadges = memo1.reorderableBadges;
  const items12 = [reorderableBadges];
  memo2 = context.useMemo(() => reorderableBadges.map((badge_id) => badge_id.badge_id), items12);
  const tmp2Result1 = stateFromStores(analyticsLocations[22]);
  sharedValue = stateFromStores(analyticsLocations[15]).useSharedValue(memo2);
  callback = tmp6(tmp3[32])((arr) => {
    const result = stateFromStores(analyticsLocations[20]).setPendingBadgeDisplayOrder(arr);
  });
  const tmp2Result2 = stateFromStores(analyticsLocations[15]);
  sharedValue1 = stateFromStores(analyticsLocations[15]).useSharedValue(false);
  const items13 = [memo2, sharedValue1, sharedValue];
  const effect2 = context.useEffect(() => {
    if (!sharedValue1.get()) {
      const result = sharedValue.set(memo2);
    }
  }, items13);
  const tmp2Result3 = stateFromStores(analyticsLocations[15]);
  badgeTileSize = stateFromStores(analyticsLocations[10]).getBadgeTileSize(tmp6(tmp3[33])().width);
  const sum = fixedBadges.length + reorderableBadges.length;
  const rounded = Math.ceil(sum / tmp2(tmp3[10]).BADGE_GRID_COLUMNS);
  let num = 0;
  if (rounded > 0) {
    let result = rounded * badgeTileSize;
    const diff = rounded - 1;
    num = result + diff * tmp2(tmp3[10]).BADGE_GRID_GAP;
  }
  if (hasCatalog) {
    obj = { style: null, children: null };
    obj[0] = tmp.gridInset;
    let tmp31 = !stateFromStores1;
    if (!stateFromStores1) {
      obj = { style: null, ctaText: null, cardStyle: null, contentStyle: null, ctaStyle: null, showLinearGradient: true, onPress: null, children: null };
      obj[0] = tmp.upsell;
      const intl2 = tmp2(tmp3[11]).intl;
      obj[1] = intl2.string(tmp2(tmp3[11]).t.pj0XBN);
      ({ upsellCard: obj13[2], upsellContent: obj13[3], upsellCta: obj13[4] } = tmp);
      obj[6] = callback;
      obj1 = { variant: "text-sm/normal", style: null, children: null };
      obj1[1] = tmp.upsellText;
      const intl3 = tmp2(tmp3[11]).intl;
      obj1[2] = intl3.string(tmp2(tmp3[11]).t.JrOki0);
      obj[7] = callback(tmp2(tmp3[35]).Text, obj1);
      tmp31 = callback(tmp6(tmp3[34]), obj);
      const tmp6Result = tmp6(tmp3[34]);
    }
    const items14 = [tmp31, ];
    const items15 = [tmp.grid, , ];
    let gridDisabled = !stateFromStores1;
    if (!stateFromStores1) {
      gridDisabled = tmp.gridDisabled;
    }
    let obj2 = { accessibilityRole: "list", style: null, children: null };
    items15[1] = gridDisabled;
    const obj3 = { height: null };
    obj3[0] = num;
    items15[2] = obj3;
    obj2[1] = items15;
    const items16 = [
      fixedBadges.map((badge, index) => callback(closure_1_19, { badge, index, tileSize: badgeTileSize }, badge.badge_id)),
      reorderableBadges.map((badge_id) => {
          if (stateFromStores1) {
            let obj = { badge: null, index: null, tileSize: null, slotOffset: null, isFirst: null, isLast: null, orderShared: null, isDragActive: null, onCommitOrder: null };
            obj[0] = badge_id;
            obj[1] = fixedBadges.length + arg1;
            obj[2] = badgeTileSize;
            obj[3] = fixedBadges.length;
            obj[4] = 0 === arg1;
            obj[5] = arg1 === reorderableBadges.length - 1;
            obj[6] = sharedValue;
            obj[7] = sharedValue1;
            obj[8] = closure_13;
            let tmpResult = tmp(closure_1_26, obj, badge_id.badge_id);
          } else {
            obj = { badge: null, index: null, tileSize: null, showGrip: true };
            obj[0] = badge_id;
            obj[1] = fixedBadges.length + arg1;
            obj[2] = badgeTileSize;
            tmpResult = tmp(closure_1_19, obj, badge_id.badge_id);
          }
          return tmpResult;
        })
    ];
    obj2[2] = items16;
    items14[1] = sharedValue1(stateFromStoresArray, obj2);
    obj[1] = items14;
    let tmp26Result = tmp29(tmp30, obj);
  } else {
    if (stateFromStoresObject.hasCatalogError) {
      const obj4 = { style: null, accessibilityRole: "alert", children: null };
      obj4[0] = tmp.message;
      const obj5 = { variant: "text-md/normal", color: "text-muted", style: null, children: null };
      obj5[2] = tmp.messageText;
      const intl = tmp2(tmp3[11]).intl;
      obj5[3] = intl.string(tmp2(tmp3[11]).t["rTU7/z"]);
      obj4[2] = tmp26(tmp2(tmp3[35]).Text, obj5);
      let obj6 = obj4;
    } else {
      obj6 = { style: null, children: null };
      obj6[0] = tmp.message;
      obj6[1] = tmp26(tmp2(tmp3[36]).ActivityIndicator, { animating: true, size: "large" });
    }
    tmp26Result = tmp26(stateFromStoresArray, obj6);
    const tmp27 = stateFromStoresArray;
  }
  const obj7 = { startExpanded: true, dismissAccessibilityLabel: null, header: null, children: null };
  const intl4 = tmp2(tmp3[11]).intl;
  obj7[1] = intl4.string(stateFromStores(analyticsLocations[11]).t.opzPIQ);
  const obj8 = { title: null, subtitle: null };
  const intl5 = tmp2(tmp3[11]).intl;
  obj8[0] = intl5.string(stateFromStores(analyticsLocations[11]).t.opzPIQ);
  const intl6 = tmp2(tmp3[11]).intl;
  obj8[1] = intl6.string(stateFromStores(analyticsLocations[11]).t.WvuuHt);
  obj7[2] = callback(stateFromStores(analyticsLocations[38]).BottomSheetTitleHeader, obj8);
  obj7[3] = tmp26Result;
  return callback(stateFromStores(analyticsLocations[37]).BottomSheet, obj7);
};