Fix CompleteOptionsInverted

src/components/CompleteOptionsInverted.tsx

@@ -13,7 +13,10 @@ import { Button } from './Button';
 import { GPCIndicator } from './GPCIndicator';
 import { Toggle } from './Toggle';
 import { CONSENT_OPTIONS } from '../constants';
-import { DEFAULT_PURPOSE_TO_MESSAGE_KEY, ORDER_OF_PURPOSES } from './constants';
+import {
+  DEFAULT_PURPOSE_TO_INVERTED_MESSAGE_KEY,
+  ORDER_OF_PURPOSES,
+} from './constants';
 
 /**
  * The model view where checking each checkbox represents an opt otu
@@ -31,7 +34,7 @@ export function CompleteOptionsInverted({
   const initialConsentSelections = getConsentSelections(airgap);
   const purposeToMessageKey = useGetPurposeMessageKeys({
     consentSelection: initialConsentSelections,
-    defaultPurposeToMessageKey: DEFAULT_PURPOSE_TO_MESSAGE_KEY,
+    defaultPurposeToMessageKey: DEFAULT_PURPOSE_TO_INVERTED_MESSAGE_KEY,
   });
 
   // Set state on the currently selected toggles

src/components/constants.ts

@@ -1,5 +1,5 @@
 import { DefinedMessage } from '@transcend-io/internationalization';
-import { completeOptionsMessages } from '../messages';
+import { completeOptionsMessages, completeOptionsInvertedMessages } from '../messages';
 
 // Mapping of purposes to the message translation key
 export const DEFAULT_PURPOSE_TO_MESSAGE_KEY: Record<string, DefinedMessage> = {
@@ -10,5 +10,13 @@ export const DEFAULT_PURPOSE_TO_MESSAGE_KEY: Record<string, DefinedMessage> = {
   SaleOfInfo: completeOptionsMessages.saleOfInfoLabel,
 };
 
+export const DEFAULT_PURPOSE_TO_INVERTED_MESSAGE_KEY: Record<string, DefinedMessage> = {
+  Essential: completeOptionsMessages.essentialLabel,
+  Functional: completeOptionsInvertedMessages.functionalLabel,
+  Analytics: completeOptionsInvertedMessages.analyticsLabel,
+  Advertising: completeOptionsInvertedMessages.advertisingLabel,
+  SaleOfInfo: completeOptionsInvertedMessages.saleOfInfoLabel,
+};
+
 // Encode the default purpose ordering
 export const ORDER_OF_PURPOSES = Object.keys(DEFAULT_PURPOSE_TO_MESSAGE_KEY);

src/hooks/useGetPurposeMessageKeys.ts

@@ -34,6 +34,7 @@ export const useGetPurposeMessageKeys = ({
       }, defaultPurposeToMessageKey as Record<string, DefinedMessage>),
     [consentSelection, defaultPurposeToMessageKey],
   );
+  console.log({ purposeToMessageKey })
 
   return purposeToMessageKey;
 };