yeet

modules/user_profile/native/EditCollectiblesCTAButton.tsx

@@ -0,0 +1,149 @@
+// Metro module 7954 (f7955).
+import * as Module19 from "react";
+import { useEffect, useMemo, useCallback } from "react";
+import AccessibilityStore from "../../a11y/AccessibilityStore";
+import { CollectiblesMobileShopScreen } from "../../collectibles/CollectiblesShopConstants";
+import { MEDIA_PICKER_SEND_BUTTON_SPRING } from "../../media_keyboard/native/MediaKeyboardConstants";
+import { createStyles } from "../../../design/components/Styles/native/createStyles";
+import useSafeAreaInsets_native from "../../safe_area/useSafeAreaInsets.native";
+import { useStateFromStores } from "../../../_bundle/Module589";
+import useCollectiblesData from "../../collectibles/hooks/useCollectiblesData";
+import ReanimatedRexport, { useSharedValue, useAnimatedStyle, useAnimatedProps } from "../../reanimated/ReanimatedRexport";
+import * as _spring from "../../../design/animation/reanimated/spring/spring";
+import PremiumUtils from "../../../utils/PremiumUtils";
+import { isPremiumCollectiblesProduct, isPremiumCollectiblesPurchase } from "../../collectibles/CollectiblesUtils";
+import { intl, t } from "../../../intl/index.native";
+import { triggerHapticFeedback, HapticFeedbackTypes } from "../../haptics/HapticUtils.native";
+import { navigateToNitroManagement } from "./EditCollectiblesActionCreators";
+import { openCollectiblesShopMobile } from "../../collectibles/CollectiblesActionCreators";
+import ActionSheetActionCreators from "../../action_sheet/native/ActionSheetActionCreators";
+import { Button } from "../../../design/components/Button/native/Button.native";
+const useStyles = createStyles({
+  buttonRowContainer: {
+    flexGrow: 0,
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    paddingHorizontal: 12,
+    height: 48
+  },
+  buttonContainer: {
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    marginLeft: 24,
+    marginRight: 24,
+    flexDirection: "column",
+    justifyContent: "flex-end"
+  }
+});
+const __initData = {
+  code: "function EditCollectiblesCTAButtonTsx1(){const{shouldShowButton,APPLY_BUTTON_BOUNCE_DISTANCE,APPLY_BUTTON_SCALE_TRANSITION,reducedMotion,withSpring,MEDIA_PICKER_SEND_BUTTON_SPRING}=this.__closure;const targetTranslateY=shouldShowButton.get()?0:APPLY_BUTTON_BOUNCE_DISTANCE;const targetScale=shouldShowButton.get()?1:APPLY_BUTTON_SCALE_TRANSITION;return{transform:[{translateY:reducedMotion?targetTranslateY:withSpring(targetTranslateY,MEDIA_PICKER_SEND_BUTTON_SPRING)},{scale:reducedMotion?targetScale:withSpring(targetScale,MEDIA_PICKER_SEND_BUTTON_SPRING)}]};}"
+};
+const __initData2 = {
+  code: "function EditCollectiblesCTAButtonTsx2(){const{shouldShowButton}=this.__closure;return{pointerEvents:shouldShowButton.get()?'box-none':'none'};}"
+};
+const __initData3 = {
+  code: "function EditCollectiblesCTAButtonTsx3(){const{shouldShowButton,reducedMotion,withSpring,MEDIA_PICKER_SEND_BUTTON_SPRING}=this.__closure;const targetOpacity=shouldShowButton.get()?1:0;return{opacity:reducedMotion?targetOpacity:withSpring(targetOpacity,{...MEDIA_PICKER_SEND_BUTTON_SPRING,overshootClamping:true})};}"
+};
+const r38 = Module19.memo(function({ user, currentSkuId, selectedSkuId, isTryItOut: isTryItOut2, onApply, analyticsLocations, analyticsSource }) {
+  let sharedValue, isTryItOut, c16125_9;
+  sharedValue = void 0;
+  isTryItOut = void 0;
+  c16125_9 = void 0;
+  const styles = useStyles();
+  const bottom = useSafeAreaInsets_native().bottom;
+  const stateFromStores = useStateFromStores([AccessibilityStore], () => AccessibilityStore.useReducedMotion);
+  const collectiblesData = useCollectiblesData(selectedSkuId);
+  const { product, purchase } = collectiblesData;
+  sharedValue = useSharedValue(false);
+  useEffect(() => {
+    sharedValue.set(selectedSkuId !== currentSkuId);
+  }, [selectedSkuId, currentSkuId, sharedValue]);
+  const O = function O() {
+    const r0 = sharedValue.get() ? 0 : 60;
+    const r1 = sharedValue.get() ? 1 : 0.9;
+    return {
+      transform: [{
+        translateY: stateFromStores ? r0 : _spring.withSpring(r0, MEDIA_PICKER_SEND_BUTTON_SPRING)
+      }, {
+        scale: stateFromStores ? r1 : _spring.withSpring(r1, MEDIA_PICKER_SEND_BUTTON_SPRING)
+      }]
+    };
+  };
+  O.__closure = {
+    shouldShowButton: sharedValue,
+    APPLY_BUTTON_BOUNCE_DISTANCE: 60,
+    APPLY_BUTTON_SCALE_TRANSITION: 0.9,
+    reducedMotion: stateFromStores,
+    withSpring: _spring.withSpring,
+    MEDIA_PICKER_SEND_BUTTON_SPRING
+  };
+  O.__workletHash = 15594859424201;
+  O.__initData = __initData;
+  const animatedStyle = useAnimatedStyle(O);
+  const M = function M() {
+    return {
+      pointerEvents: sharedValue.get() ? "box-none" : "none"
+    };
+  };
+  M.__closure = {
+    shouldShowButton: sharedValue
+  };
+  M.__workletHash = 16151141699021;
+  M.__initData = __initData2;
+  const animatedProps = useAnimatedProps(M);
+  const R = function R() {
+    const r0 = sharedValue.get() ? 1 : 0;
+    return {
+      opacity: stateFromStores ? r0 : _spring.withSpring(r0, {
+        ...MEDIA_PICKER_SEND_BUTTON_SPRING,
+        overshootClamping: true
+      })
+    };
+  };
+  R.__closure = {
+    shouldShowButton: sharedValue,
+    reducedMotion: stateFromStores,
+    withSpring: _spring.withSpring,
+    MEDIA_PICKER_SEND_BUTTON_SPRING
+  };
+  R.__workletHash = 13351061137085;
+  R.__initData = __initData3;
+  const animatedStyle2 = useAnimatedStyle(R);
+  const canUseCollectibles = PremiumUtils.canUseCollectibles(user);
+  let r81 = isPremiumCollectiblesProduct(product) || isPremiumCollectiblesPurchase(purchase);
+  const r85 = canUseCollectibles ? !canUseCollectibles : isPremiumCollectiblesPurchase(purchase);
+  isTryItOut = selectedSkuId == null || purchase != null && !r85 || (r81 ? isTryItOut2 : r81);
+  if (r81) {
+    r81 = !canUseCollectibles;
+  }
+  if (r81) {
+    r81 = !isTryItOut2;
+  }
+  c16125_9 = r81;
+  const memo = useMemo(() => isTryItOut ? intl.string(t.Jh8fJz) : c16125_9 ? PremiumUtils.isPremium(user) ? intl.string(t.KXLX7l) : intl.string(t.mr4K7D) : intl.string(t.fYfGgK), [isTryItOut, r81, user]);
+  return <ReanimatedRexport.View style={[styles.buttonContainer, animatedStyle2]} animatedProps={animatedProps}>
+    <ReanimatedRexport.View style={[styles.buttonRowContainer, animatedStyle, {
+      marginBottom: bottom
+    }]} pointerEvents="box-none">
+      <Button variant={r81 ? "active" : "primary"} onPress={useCallback(() => {
+        if (isTryItOut) {
+          triggerHapticFeedback(HapticFeedbackTypes.IMPACT_MEDIUM);
+          onApply();
+        } else if (c16125_9) {
+          navigateToNitroManagement();
+        } else {
+          openCollectiblesShopMobile({
+            analyticsLocations,
+            analyticsSource,
+            initialProductSkuId: selectedSkuId,
+            screen: CollectiblesMobileShopScreen.SHOP_ALL
+          });
+        }
+        ActionSheetActionCreators.hideActionSheet();
+      }, [isTryItOut, onApply, r81, analyticsLocations, analyticsSource, selectedSkuId])} size="md" text={memo} grow />
+    </ReanimatedRexport.View>
+  </ReanimatedRexport.View>;
+});
+export default r38;