616 lines
32 KiB
TypeScript
616 lines
32 KiB
TypeScript
// 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);
|
|
};
|