decord/source/modules/devtools/native/components/DevWidget.tsx

// Module ID: 14576
// Function ID: 109865
// Name: DraggableContainer
// Dependencies: [0, 0, 0, 0, 0, 0, 0, 4294967295, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0]
// Exports: default

// Module 14576 (DraggableContainer)
import importAllResult from "result";
import closure_4 from "result";
import { DEV_WIDGET_SIZE } from "result";
import result from "result";
import result from "result";
import result from "result";

function DraggableContainer(children) {
  const x = children.x;
  const arg1 = x;
  const y = children.y;
  const importDefault = y;
  const contentWidth = children.contentWidth;
  const dependencyMap = contentWidth;
  const contentHeight = children.contentHeight;
  let num = children.dragBoundsPadding;
  if (num === undefined) {
    num = 0;
  }
  let closure_4 = num;
  const onChangePosition = children.onChangePosition;
  const DEV_WIDGET_SIZE = onChangePosition;
  let sharedValue;
  let sharedValue1;
  let tmp4;
  let callback3;
  let closure_10;
  let obj = arg1(dependencyMap[6]);
  sharedValue = obj.useSharedValue(x.get());
  let obj1 = arg1(dependencyMap[6]);
  sharedValue1 = obj1.useSharedValue(y.get());
  tmp4 = importDefault(dependencyMap[7])();
  const tmp5 = importDefault(dependencyMap[8])();
  callback3 = tmp5;
  class P {
    constructor(arg0, arg1) {
      value = closure_9.get();
      ({ width, height } = value);
      rect = closure_8.get();
      obj = {};
      obj2 = x(contentWidth[6]);
      obj.x = obj2.clamp(children, rect.left + closure_4, width - rect.right - contentWidth - closure_4);
      obj3 = x(contentWidth[6]);
      obj.y = obj3.clamp(arg1, rect.top + closure_4, height - rect.bottom - contentHeight - closure_4);
      return obj;
    }
  }
  obj = { windowDimensionsSharedValue: tmp5, insetsSharedValue: tmp4, clamp: arg1(dependencyMap[6]).clamp, dragBoundsPadding: num, contentWidth, contentHeight };
  P.__closure = obj;
  P.__workletHash = 729779775192;
  P.__initData = closure_10;
  const items = [contentHeight, contentWidth, num, tmp4, tmp5];
  const callback = contentHeight.useCallback(P, items);
  closure_10 = callback;
  const Gesture = arg1(dependencyMap[9]).Gesture;
  const importAllResult = contentHeight;
  const tmp = callback3();
  class C {
    constructor() {
      result = closure_6.set(x.get());
      result1 = closure_7.set(y.get());
      return;
    }
  }
  C.__closure = { originalX: sharedValue, x, originalY: sharedValue1, y };
  C.__workletHash = 7165614533762;
  C.__initData = closure_13;
  const PanResult = Gesture.Pan();
  const fn = function f(translationX) {
    const sum = sharedValue.get() + translationX.translationX;
    const point = callback(sum, sharedValue1.get() + translationX.translationY);
    const result = x.set(point.x);
    const result1 = y.set(point.y);
  };
  fn.__closure = { getClampedPosition: callback, originalX: sharedValue, originalY: sharedValue1, x, y };
  fn.__workletHash = 10056531764801;
  fn.__initData = closure_12;
  const onStartResult = Gesture.Pan().onStart(C);
  class D {
    constructor() {
      obj = x(contentWidth[6]);
      obj = {};
      runOnJSResult = obj.runOnJS(onChangePosition);
      obj.x = x.get();
      obj.y = y.get();
      tmpResult = runOnJSResult(obj);
      return;
    }
  }
  obj = { runOnJS: arg1(dependencyMap[6]).runOnJS, onChangePosition, x, y };
  D.__closure = obj;
  D.__workletHash = 12890758993684;
  D.__initData = closure_11;
  const onUpdateResult = Gesture.Pan().onStart(C).onUpdate(fn);
  const onEndResult = Gesture.Pan().onStart(C).onUpdate(fn).onEnd(D);
  class W {
    constructor() {
      value = x.get();
      tmp2 = closure_10(value, y.get());
      obj = {};
      obj = {};
      ({ x, y } = tmp2);
      obj3 = x(contentWidth[10]);
      obj.translateX = obj3.withSpring(x, x(contentWidth[11]).springUnclamped);
      items = [, ];
      items[0] = obj;
      obj1 = {};
      obj5 = x(contentWidth[10]);
      obj1.translateY = obj5.withSpring(y, x(contentWidth[11]).springUnclamped);
      items[1] = obj1;
      obj.transform = items;
      return obj;
    }
  }
  obj1 = { getClampedPosition: callback, x, y, withSpring: arg1(dependencyMap[10]).withSpring, springUnclamped: arg1(dependencyMap[11]).springUnclamped };
  W.__closure = obj1;
  W.__workletHash = 6251354551691;
  W.__initData = closure_14;
  const animatedStyle = arg1(dependencyMap[6]).useAnimatedStyle(W);
  const obj2 = { gesture: onEndResult };
  const items1 = [tmp.widgetContainer, animatedStyle];
  obj2.children = sharedValue(importDefault(dependencyMap[6]).View, { style: items1, children: children.children });
  return sharedValue(arg1(dependencyMap[9]).GestureDetector, obj2);
}
({ jsx: closure_6, Fragment: closure_7, jsxs: closure_8 } = result);
let obj = { widgetContainer: { position: "absolute" } };
obj = { ONE_DAY: false, maxWidth: false, useInappropriateConversationBannerForChannel: false, backgroundColor: require("result").colors.BACKGROUND_BRAND, height: DEV_WIDGET_SIZE, width: DEV_WIDGET_SIZE, borderRadius: require("result").radii.xl };
const merged = Object.assign(require("result").shadows.SHADOW_MOBILE_NAVIGATOR_X);
obj.widget = obj;
let closure_9 = result.createStyles(obj);
let closure_10 = { code: "function DevWidgetTsx1(x,y){const{windowDimensionsSharedValue,insetsSharedValue,clamp,dragBoundsPadding,contentWidth,contentHeight}=this.__closure;const{width:windowWidth,height:windowHeight}=windowDimensionsSharedValue.get();const insets=insetsSharedValue.get();return{x:clamp(x,insets.left+dragBoundsPadding,windowWidth-insets.right-contentWidth-dragBoundsPadding),y:clamp(y,insets.top+dragBoundsPadding,windowHeight-insets.bottom-contentHeight-dragBoundsPadding)};}" };
let closure_11 = { code: "function DevWidgetTsx2(){const{runOnJS,onChangePosition,x,y}=this.__closure;runOnJS(onChangePosition)({x:x.get(),y:y.get()});}" };
let closure_12 = { code: "function DevWidgetTsx3(event){const{getClampedPosition,originalX,originalY,x,y}=this.__closure;const{x:xClamped,y:yClamped}=getClampedPosition(originalX.get()+event.translationX,originalY.get()+event.translationY);x.set(xClamped);y.set(yClamped);}" };
let closure_13 = { code: "function DevWidgetTsx4(){const{originalX,x,originalY,y}=this.__closure;originalX.set(x.get());originalY.set(y.get());}" };
let closure_14 = { code: "function DevWidgetTsx5(){const{getClampedPosition,x,y,withSpring,springUnclamped}=this.__closure;const{x:translateX,y:translateY}=getClampedPosition(x.get(),y.get());return{transform:[{translateX:withSpring(translateX,springUnclamped)},{translateY:withSpring(translateY,springUnclamped)}]};}" };
let closure_15 = importAllResult.memo(() => {
  const obj = {
    style: callback3().widget,
    accessibilityRole: "button",
    onPress() {
      return callback(closure_2[13]).navigateToDevTools();
    },
    activeOpacity: 0.5,
    children: callback(arg1(dependencyMap[14]).StaffBadgeIcon, {})
  };
  return callback(arg1(dependencyMap[12]).PressableOpacity, obj);
});
result = result.fileFinishedImporting("modules/devtools/native/components/DevWidget.tsx");

export default function DevWidget() {
  let obj = arg1(dependencyMap[6]);
  const sharedValue = obj.useSharedValue(closure_4.devWidgetPosition.x);
  const sharedValue1 = arg1(dependencyMap[6]).useSharedValue(closure_4.devWidgetPosition.y);
  obj = {};
  const items = [callback(importDefault(dependencyMap[15]), { x: sharedValue, y: sharedValue1 }), ];
  obj = {
    x: sharedValue,
    y: sharedValue1,
    contentWidth: DEV_WIDGET_SIZE,
    contentHeight: DEV_WIDGET_SIZE,
    dragBoundsPadding: importDefault(dependencyMap[5]).space.PX_4,
    onChangePosition(devWidgetPosition) {
      let obj = callback(closure_2[16]);
      obj = { devWidgetPosition };
      return obj.updateDevToolsSettings(obj);
    },
    children: callback(closure_15, {})
  };
  items[1] = callback(DraggableContainer, obj);
  obj.children = items;
  return callback2(closure_7, obj);
};