Merge pull request Expensify#64959 from Expensify/marcaaron-requestEarlyCancellation

[No QA] Add support for "none" cancellation type in `useCancellationType` hook and UI content map

Author: marcaaron

src/hooks/useCancellationType.ts

@@ -5,7 +5,7 @@ import ONYXKEYS from '@src/ONYXKEYS';
 import useOnyx from './useOnyx';
 
 function useCancellationType(): CancellationType | undefined {
-    const [cancellationDetails] = useOnyx(ONYXKEYS.NVP_PRIVATE_CANCELLATION_DETAILS);
+    const [cancellationDetails] = useOnyx(ONYXKEYS.NVP_PRIVATE_CANCELLATION_DETAILS, {canBeMissing: true});
 
     const [cancellationType, setCancellationType] = useState<CancellationType | undefined>();
 
@@ -20,6 +20,12 @@ function useCancellationType(): CancellationType | undefined {
             return CONST.CANCELLATION_TYPE.MANUAL;
         }
 
+        // Check for cancellation with type "none"
+        const noneCancellation = cancellationDetails?.find((detail) => detail.cancellationType === CONST.CANCELLATION_TYPE.NONE);
+        if (noneCancellation) {
+            return CONST.CANCELLATION_TYPE.NONE;
+        }
+
         // There are no new items in the cancellation details NVP
         // eslint-disable-next-line react-compiler/react-compiler
         if (previousCancellationDetails.current?.length === cancellationDetails?.length) {

src/pages/settings/Subscription/RequestEarlyCancellationPage/index.tsx

@@ -106,6 +106,7 @@ function RequestEarlyCancellationPage() {
     const contentMap: Partial<Record<CancellationType, ReactNode>> = {
         [CONST.CANCELLATION_TYPE.MANUAL]: manualCancellationContent,
         [CONST.CANCELLATION_TYPE.AUTOMATIC]: automaticCancellationContent,
+        [CONST.CANCELLATION_TYPE.NONE]: manualCancellationContent,
     };
 
     const screenContent = cancellationType ? contentMap[cancellationType] : surveyContent;