fix: type narrowing in checkoutModeToSelectValue

Author: Alex

playgrounds/shared/src/components/settings/Settings.tsx

@@ -72,9 +72,9 @@ const CHECKOUT_MODE_MAP: Record<string, CheckoutMode | undefined> = {
 
 function checkoutModeToSelectValue(mode: CheckoutMode | undefined): string {
 	if (mode === undefined) return 'api-default';
-	if (typeof mode === 'object' && mode.mode === 'sequence-checkout')
-		return 'sequence-checkout';
-	return mode;
+	if (mode === 'trails') return 'trails';
+	if (mode === 'crypto') return 'crypto';
+	return 'sequence-checkout';
 }
 
 type SettingsProps = {

sdk/src/styles/styles.ts

@@ -1985,6 +1985,9 @@ export const styles = String.raw`/* Modified Tailwind CSS, to avoid issues with
   .break-words {
     overflow-wrap: break-word;
   }
+  .wrap-anywhere {
+    overflow-wrap: anywhere;
+  }
   .text-ellipsis {
     text-overflow: ellipsis;
   }