// Module ID: 5066
// Function ID: 5067
// Name: ButtonPill
// Dependencies: [32, 19, 17, 21, 5061, 4636, 576, 5062, 4347, 4338, 5067, 5068, 4373, 4488, 5072, 4357, 5055, 5059, 2]
// Exports: ButtonPill

// Module 5066 (ButtonPill)
import nativeDefault from "native" /* 576 */;
import useToken from "useToken" /* 4338 */;
import native from "native" /* 4347 */;
import ReanimatedRexportDefault from "ReanimatedRexport" /* 4373 */;
import spring from "spring" /* 5055 */;
import springPresets from "springPresets" /* 5059 */;
import ButtonConstants2 from "ButtonConstants" /* 5061 */;
import ButtonHooks from "ButtonHooks" /* 5062 */;
import LinearGradientDefault from "LinearGradient" /* 5068 */;
import ButtonEllipsis from "ButtonEllipsis" /* 5072 */;
import _slicedToArray from "module_32" /* 32 */;
import noop from "module_19" /* 19 */;

require = fn;
function PillWrapper(expressivePressState) {
  ({ children, variant, style, shiny } = expressivePressState);
  if (shiny === undefined) {
    shiny = false;
  }
  expressivePressState = expressivePressState.expressivePressState;
  ({ expressiveRiveRef, size } = expressivePressState);
  const buttonPillStyles = ButtonHooks.useButtonPillStyles(variant, expressivePressState.pressed);
  const gradientPillStyles = ButtonHooks.useGradientPillStyles(variant);
  const tmp5 = closure_14(variant, size);
  const obj3 = native;
  let items = [useToken.useToken(nativeDefault.colors.REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT), , ];
  items[1] = useToken.useToken(nativeDefault.colors.REDESIGN_BUTTON_PREMIUM_PRIMARY_PURPLE_FOR_GRADIENT_2);
  items[2] = useToken.useToken(nativeDefault.colors.REDESIGN_BUTTON_PREMIUM_PRIMARY_PINK_FOR_GRADIENT);
  const items1 = [nativeDefault.unsafe_rawColors.PREMIUM_TIER_0_PURPLE_FOR_GRADIENTS, nativeDefault.unsafe_rawColors.PREMIUM_TIER_0_BLUE_FOR_GRADIENTS_2, nativeDefault.unsafe_rawColors.PREMIUM_TIER_0_BLUE_FOR_GRADIENTS];
  let tmp7 = null;
  if (shiny) {
    const obj7 = { variant };
    tmp7 = React5(tmp(5067).ButtonShine, obj7);
  }
  if ("experimental_premium-primary" !== variant) {
    if ("experimental_premium-basic" !== variant) {
      let tmp11Result = "expressive" === variant;
      if (tmp11Result) {
        const obj8 = { style: null, children: null };
        const items2 = [timestampProducer.absoluteFill, tmp5.expressivePill];
        obj8.style = items2;
        const obj9 = { withReducedMotion: "short-loop", ref: expressiveRiveRef, fit: "layout", artboard: null, dataBinding: null };
        let str = "Mobile Expressive Button Dark Mode";
        if (tmpResult.isThemeLight(obj3.useThemeContext().theme)) {
          str = "Mobile Expressive Button Lightmode";
        }
        obj9.artboard = str;
        const obj10 = { buttonColor: tmp5.expressiveRiveFill.color, cornerRadius: tmp5.expressivePill.borderRadius };
        const merged = Object.assign(expressivePressState);
        obj9.dataBinding = obj10;
        obj8.children = React5(tmp(4347).ExpressiveButtonRive, obj9);
        tmp11Result = tmp11(hasOwnProperty, obj8);
        tmpResult = tmp(4488);
      }
      let obj11 = { children: null };
      const items3 = [tmp11Result, ];
      const obj12 = { style: null, children: null };
      const items4 = [style, buttonPillStyles];
      obj12.style = items4;
      const items5 = [children, tmp7];
      obj12.children = items5;
      items3[1] = tmp9(tmp6(4373).View, obj12);
      obj11.children = items3;
    }
    return tmp9(tmp10, obj11);
  }
  const obj13 = { start: { x: 0, y: 0 }, end: { x: 1, y: 0 }, style: null, colors: null };
  const items6 = [style, gradientPillStyles, timestampProducer.absoluteFill];
  obj13.style = items6;
  const tmp18 = React5;
  if ("experimental_premium-basic" === variant) {
    items = items1;
  }
  const obj14 = { children: null };
  obj13.colors = items;
  const items7 = [tmp18(LinearGradientDefault, obj13), ];
  const obj15 = { style: null, children: null };
  const items8 = [style, buttonPillStyles];
  obj15.style = items8;
  const items9 = [children, tmp7];
  obj15.children = items9;
  items7[1] = React6(ReanimatedRexportDefault.View, obj15);
  obj14.children = items7;
  obj11 = obj14;
}
class BasicButtonPill {
  constructor(arg0) {
    str = global.variant;
    ({ children, style, pressed } = global);
    if (str === undefined) {
      str = "primary";
    }
    DEFAULT_BUTTON_SIZE = global.size;
    if (DEFAULT_BUTTON_SIZE === undefined) {
      tmp = closure_0;
      tmp2 = closure_2;
      DEFAULT_BUTTON_SIZE = closure_0(closure_2[4]).DEFAULT_BUTTON_SIZE;
    }
    flag = global.shiny;
    if (flag === undefined) {
      flag = false;
    }
    ({ expressiveRiveRef, expressivePressState } = global);
    tmp3 = closure_14(str, DEFAULT_BUTTON_SIZE);
    obj = { variant: str, size: DEFAULT_BUTTON_SIZE, style: null, pressed, shiny: flag, expressiveRiveRef, expressivePressState, children: null };
    items = [, ];
    items[0] = tmp3.pill;
    items[1] = style;
    obj.style = items;
    obj1 = { style: tmp3.childContainer, children };
    obj.children = jsx(View, obj1);
    return jsx(PillWrapper, obj);
  }
}
class LoadingButtonPill {
  constructor(arg0) {
    str = global.variant;
    ({ children, style, pressed } = global);
    if (str === undefined) {
      str = "primary";
    }
    DEFAULT_BUTTON_SIZE = global.size;
    if (DEFAULT_BUTTON_SIZE === undefined) {
      tmp = closure_0;
      tmp2 = closure_2;
      DEFAULT_BUTTON_SIZE = closure_0(closure_2[4]).DEFAULT_BUTTON_SIZE;
    }
    flag = global.loading;
    if (flag === undefined) {
      flag = false;
    }
    c0 = flag;
    loaderSize = global.loaderSize;
    closure_1 = undefined;
    closure_2 = undefined;
    ({ expressiveRiveRef, expressivePressState } = global);
    tmp3 = closure_14(str, DEFAULT_BUTTON_SIZE);
    closure_1 = closure_4.useRef(null);
    tmp4 = closure_3(closure_4.useState(flag), 2);
    [tmp5, closure_2] = tmp4;
    items = [];
    items[0] = flag;
    effect = closure_4.useEffect(() => {
      if (null != ref.current) {
        const _clearTimeout = clearTimeout;
        clearTimeout(tmp.current);
      }
      if (flag) {
        _undefined(true);
      } else {
        const _setTimeout = setTimeout;
        tmp.current = setTimeout(() => {
          _undefined(false);
        }, 500);
      }
    }, items);
    tmp7 = closure_3(useLoadingStyles(flag, DEFAULT_BUTTON_SIZE), 2);
    obj = { variant: str, size: DEFAULT_BUTTON_SIZE, style: null, pressed, expressiveRiveRef, expressivePressState, children: null };
    items1 = [, ];
    items1[0] = tmp3.pill;
    items1[1] = style;
    obj.style = items1;
    tmp12 = jsx;
    [tmp8, tmp9] = tmp7;
    tmp10 = jsxs;
    tmp11 = PillWrapper;
    tmp13 = closure_2;
    obj1 = { style: null, children };
    items2 = [, ];
    items2[0] = tmp3.childContainer;
    items2[1] = tmp8;
    obj1.style = items2;
    items3 = [, ];
    items3[0] = jsx(closure_1(closure_2[12]).View, obj1);
    obj5 = { style: null, children: null };
    items4 = [, ];
    items4[0] = tmp3.ellipsis;
    items4[1] = tmp9;
    obj5.style = items4;
    if (tmp12Result) {
      tmp14 = closure_0;
      obj6 = { variant: null, size: null };
      obj6.variant = str;
      if (loaderSize == null) {
        loaderSize = DEFAULT_BUTTON_SIZE;
      }
      obj6.size = loaderSize;
      tmp12Result = tmp12(closure_0(tmp13[14]).Ellipsis, obj6);
    }
    obj5.children = tmp12Result;
    items3[1] = tmp12(closure_1(closure_2[12]).View, obj5);
    obj.children = items3;
    return tmp10(tmp11, obj);
  }
}
function useLoadingStyles(flag, DEFAULT_BUTTON_SIZE) {
  _require = flag;
  const enabled = noop.useContext(require("AccessibilityPreferencesContext").AccessibilityPreferencesContext).reducedMotion.enabled;
  num = 12;
  if ("lg" === DEFAULT_BUTTON_SIZE) {
    num = 18;
  }
  const fn = function o() {
    num = 1;
    if (closure_0) {
      num = 0;
    }
    const withSpringResult = spring.withSpring(num, springPresets.SUBTLE_SPRING, "animate-always");
    const obj2 = { opacity: null, transform: null };
    if (enabled) {
      let withDelayResult = withSpringResult;
      if (!tmp3) {
        withDelayResult = tmp(4373).withDelay(c10, withSpringResult);
        const tmpResult = tmp(4373);
      }
      obj2.opacity = withDelayResult;
      const items = [{ translateY: 0 }];
      obj2.transform = items;
      let tmp6 = obj2;
    } else {
      obj2.opacity = withSpringResult;
      let num2 = 0;
      if (tmp3) {
        num2 = -1 * num;
      }
      const obj3 = { translateY: tmp(5055).withSpring(num2, tmp(5059).SUBTLE_SPRING) };
      const items1 = [obj3];
      obj2.transform = items1;
      tmp6 = obj2;
      const tmpResult2 = tmp(5055);
    }
    return tmp6;
  };
  let tmpResult = require("ReanimatedRexport");
  fn.__closure = { withSpring: require("spring").withSpring, loading: flag, SUBTLE_SPRING: require("springPresets").SUBTLE_SPRING, useReducedMotion: enabled, withDelay: require("ReanimatedRexport").withDelay, FADE_DELAY, offsetY: num };
  fn.__workletHash = 9388603334085;
  fn.__initData = __initData;
  let items = [tmpResult.useAnimatedStyle(fn), ];
  const obj = { withSpring: require("spring").withSpring, loading: flag, SUBTLE_SPRING: require("springPresets").SUBTLE_SPRING, useReducedMotion: enabled, withDelay: require("ReanimatedRexport").withDelay, FADE_DELAY, offsetY: num };
  const fn2 = function l() {
    num = 0;
    if (closure_0) {
      num = 1;
    }
    const withSpringResult = spring.withSpring(num, springPresets.SUBTLE_SPRING, "animate-always");
    const obj2 = { opacity: null, transform: null };
    if (enabled) {
      let withDelayResult = withSpringResult;
      if (tmp3) {
        withDelayResult = tmp(4373).withDelay(c10, withSpringResult);
        const tmpResult = tmp(4373);
      }
      obj2.opacity = withDelayResult;
      const items = [{ translateY: 0 }];
      obj2.transform = items;
      let tmp5 = obj2;
    } else {
      obj2.opacity = withSpringResult;
      let num2 = 0;
      if (!tmp3) {
        num2 = num;
      }
      const obj3 = { translateY: tmp(5055).withSpring(num2, tmp(5059).SUBTLE_SPRING) };
      const items1 = [obj3];
      obj2.transform = items1;
      tmp5 = obj2;
      const tmpResult2 = tmp(5055);
    }
    return tmp5;
  };
  let tmpResult2 = require("ReanimatedRexport");
  fn2.__closure = { withSpring: require("spring").withSpring, loading: flag, SUBTLE_SPRING: require("springPresets").SUBTLE_SPRING, useReducedMotion: enabled, withDelay: require("ReanimatedRexport").withDelay, FADE_DELAY, offsetY: num };
  fn2.__workletHash = 8255420825872;
  fn2.__initData = __initData2;
  items[1] = tmpResult2.useAnimatedStyle(fn2);
  return items;
}
get_ActivityIndicator = fn(17);
({ View: hasOwnProperty, StyleSheet: metroRequire } = get_ActivityIndicator);
const jsxProd = fn(21);
({ jsx: closure_7, jsxs: closure_8, Fragment: closure_9 } = jsxProd);
let c10 = 300;
let ButtonConstants = fn(5061);
const paddingVertical = ButtonConstants.getButtonPadding(fn(5061).SMALL_BUTTON_HEIGHT, fn(5061).SMALL_BUTTON_ICON_SIZE);
ButtonConstants = fn(5061);
const paddingVertical2 = ButtonConstants.getButtonPadding(fn(5061).MEDIUM_BUTTON_HEIGHT, fn(5061).MEDIUM_BUTTON_ICON_SIZE);
ButtonConstants = fn(5061);
const paddingVertical3 = ButtonConstants.getButtonPadding(fn(5061).LARGE_BUTTON_HEIGHT, fn(5061).LARGE_BUTTON_ICON_SIZE);
const createStyles = fn(4636);
const value = createStyles.createStyles((arg0, arg1) => {
  if ("sm" === arg1) {
    const obj2 = { minHeight: ButtonConstants2.SMALL_BUTTON_HEIGHT, minWidth: ButtonConstants2.SMALL_BUTTON_HEIGHT, paddingHorizontal: ButtonConstants2.SMALL_BUTTON_HORIZONTAL_PADDING, paddingVertical };
    let obj = obj2;
  } else if ("md" === arg1) {
    const obj3 = { minHeight: ButtonConstants2.MEDIUM_BUTTON_HEIGHT, minWidth: ButtonConstants2.MEDIUM_BUTTON_HEIGHT, paddingHorizontal: ButtonConstants2.MEDIUM_BUTTON_HORIZONTAL_PADDING, paddingVertical: paddingVertical2 };
    obj = obj3;
  } else {
    obj = {};
    if ("lg" === arg1) {
      const obj5 = { minHeight: ButtonConstants2.LARGE_BUTTON_HEIGHT, minWidth: ButtonConstants2.LARGE_BUTTON_HEIGHT, paddingHorizontal: ButtonConstants2.LARGE_BUTTON_HORIZONTAL_PADDING, paddingVertical: paddingVertical3 };
      obj = obj5;
    }
  }
  const buttonBorderRadius = ButtonConstants2.getButtonBorderRadius(arg1);
  const obj6 = { pill: null, expressivePill: null, expressiveRiveFill: null, childContainer: null, ellipsis: null };
  const merged = Object.assign(obj);
  obj6.pill = { flexDirection: "row", alignItems: "center", justifyContent: "center", overflow: "hidden", borderWidth: ButtonConstants2.BUTTON_BORDER_WIDTH, borderRadius: buttonBorderRadius };
  obj6.expressivePill = { overflow: "hidden", borderRadius: buttonBorderRadius };
  const obj7 = { flexDirection: "row", alignItems: "center", justifyContent: "center", overflow: "hidden", borderWidth: ButtonConstants2.BUTTON_BORDER_WIDTH, borderRadius: buttonBorderRadius };
  obj6.expressiveRiveFill = { color: nativeDefault.colors.CONTROL_EXPRESSIVE_BACKGROUND_DEFAULT };
  obj6.childContainer = { flexDirection: "row", alignItems: "center", justifyContent: "center", flexGrow: 1, maxWidth: "100%" };
  obj6.ellipsis = { position: "absolute", height: "100%", width: "100%", justifyContent: "center", alignItems: "center" };
  return obj6;
});
const __initData = { code: "function ButtonPillNativeTsx1(){const{withSpring,loading,SUBTLE_SPRING,useReducedMotion,withDelay,FADE_DELAY,offsetY}=this.__closure;const opacityTransition=withSpring(loading?0:1,SUBTLE_SPRING,'animate-always');if(useReducedMotion){return{opacity:loading?opacityTransition:withDelay(FADE_DELAY,opacityTransition),transform:[{translateY:0}]};}return{opacity:opacityTransition,transform:[{translateY:withSpring(loading?-1*offsetY:0,SUBTLE_SPRING)}]};}" };
const __initData2 = { code: "function ButtonPillNativeTsx2(){const{withSpring,loading,SUBTLE_SPRING,useReducedMotion,withDelay,FADE_DELAY,offsetY}=this.__closure;const opacityTransition=withSpring(loading?1:0,SUBTLE_SPRING,'animate-always');if(useReducedMotion){return{opacity:loading?withDelay(FADE_DELAY,opacityTransition):opacityTransition,transform:[{translateY:0}]};}return{opacity:opacityTransition,transform:[{translateY:withSpring(loading?0:offsetY,SUBTLE_SPRING)}]};}" };
const size = fn(2);
const result = size.fileFinishedImporting("design/components/Button/native/ButtonPill.native.tsx");

export const ButtonPill = function ButtonPill(loading) {
  if (null == loading.loading) {
    const obj2 = {};
    const merged = Object.assign(loading);
    let tmp6 = React5(BasicButtonPill, obj2);
  } else {
    const obj = {};
    const merged1 = Object.assign(loading);
    tmp6 = React5(LoadingButtonPill, obj);
  }
  return tmp6;
};
export { BasicButtonPill };
export { LoadingButtonPill };
export { useLoadingStyles };