Function usePlusSubscription

packages/shared/src/hooks/usePlusSubscription.ts:17–67

()

};

export const usePlusSubscription = (): {
  isPlus: boolean;
  plusProvider?: SubscriptionProvider;
  logSubscriptionEvent: (event: LogSubscriptionEvent) => void;
  plusHref: string | undefined;
  status?: SubscriptionStatus;
} => {
  const { user } = useAuthContext();
  const { logEvent } = useLogContext();
  const isPlus = user?.isPlus || false;
  const { status, provider: plusProvider } = user?.subscriptionFlags || {};

  const logSubscriptionEvent = useCallback(
    ({ event_name, target_id, extra }: LogSubscriptionEvent) => {
      logEvent({
        event_name,
        target_type: TargetType.Plus,
        target_id,
        extra: JSON.stringify(extra) || undefined,
      });
    },
    [logEvent],
  );

  const plusHref = useMemo(() => {
    if (!isPlus) {
      return plusUrl;
    }

    // Plus users with Apple StoreKit on iOS get no URL (handled by onClick)
    if (isIOSNative() && plusProvider === SubscriptionProvider.AppleStoreKit) {
      return undefined;
    }

    // External subscription management for Paddle users
    if (plusProvider === SubscriptionProvider.Paddle) {
      return managePlusUrl;
    }

    // Internal subscription management for other cases
    return `${webappUrl}account/subscription`;
  }, [isPlus, plusProvider]);

  return {
    isPlus,
    plusProvider,
    logSubscriptionEvent,
    plusHref,
    status,
  };
};