[WT-1731] remove custom theme (#883)

Author: andrearampin

packages/checkout/widgets-lib/src/lib/types.ts

@@ -4,5 +4,4 @@
 export enum WidgetTheme {
   LIGHT = 'light',
   DARK = 'dark',
-  CUSTOM = 'custom',
 }

packages/checkout/widgets-lib/src/lib/withDefaultWidgetConfig.test.ts

@@ -41,23 +41,88 @@ describe('withDefaultWidgetConfig', () => {
     });
     expect(
       withDefaultWidgetConfigs({
-        theme: WidgetTheme.CUSTOM,
+        isOnRampEnabled: false,
       }),
     ).toEqual({
-      theme: WidgetTheme.CUSTOM,
+      theme: DEFAULT_THEME,
       environment: DEFAULT_ENV,
+      isOnRampEnabled: false,
+      isSwapEnabled: DEFAULT_SWAP_ENABLED,
+      isBridgeEnabled: DEFAULT_BRIDGE_ENABLED,
+    });
+  });
+
+  it('should use the correct environment', () => {
+    expect(
+      withDefaultWidgetConfigs({
+        environment: Environment.PRODUCTION,
+      }),
+    ).toEqual({
+      theme: DEFAULT_THEME,
+      environment: Environment.PRODUCTION,
       isOnRampEnabled: DEFAULT_ON_RAMP_ENABLED,
       isSwapEnabled: DEFAULT_SWAP_ENABLED,
       isBridgeEnabled: DEFAULT_BRIDGE_ENABLED,
     });
+
     expect(
       withDefaultWidgetConfigs({
-        isOnRampEnabled: false,
+        environment: Environment.SANDBOX,
+      }),
+    ).toEqual({
+      theme: DEFAULT_THEME,
+      environment: Environment.SANDBOX,
+      isOnRampEnabled: DEFAULT_ON_RAMP_ENABLED,
+      isSwapEnabled: DEFAULT_SWAP_ENABLED,
+      isBridgeEnabled: DEFAULT_BRIDGE_ENABLED,
+    });
+
+    expect(
+      withDefaultWidgetConfigs({
+        environment: 'unknown' as Environment,
       }),
     ).toEqual({
       theme: DEFAULT_THEME,
       environment: DEFAULT_ENV,
-      isOnRampEnabled: false,
+      isOnRampEnabled: DEFAULT_ON_RAMP_ENABLED,
+      isSwapEnabled: DEFAULT_SWAP_ENABLED,
+      isBridgeEnabled: DEFAULT_BRIDGE_ENABLED,
+    });
+  });
+
+  it('should use the correct theme', () => {
+    expect(
+      withDefaultWidgetConfigs({
+        theme: WidgetTheme.DARK,
+      }),
+    ).toEqual({
+      theme: WidgetTheme.DARK,
+      environment: DEFAULT_ENV,
+      isOnRampEnabled: DEFAULT_ON_RAMP_ENABLED,
+      isSwapEnabled: DEFAULT_SWAP_ENABLED,
+      isBridgeEnabled: DEFAULT_BRIDGE_ENABLED,
+    });
+
+    expect(
+      withDefaultWidgetConfigs({
+        theme: WidgetTheme.LIGHT,
+      }),
+    ).toEqual({
+      theme: WidgetTheme.LIGHT,
+      environment: DEFAULT_ENV,
+      isOnRampEnabled: DEFAULT_ON_RAMP_ENABLED,
+      isSwapEnabled: DEFAULT_SWAP_ENABLED,
+      isBridgeEnabled: DEFAULT_BRIDGE_ENABLED,
+    });
+
+    expect(
+      withDefaultWidgetConfigs({
+        theme: 'unknown' as Environment,
+      }),
+    ).toEqual({
+      theme: DEFAULT_THEME,
+      environment: DEFAULT_ENV,
+      isOnRampEnabled: DEFAULT_ON_RAMP_ENABLED,
       isSwapEnabled: DEFAULT_SWAP_ENABLED,
       isBridgeEnabled: DEFAULT_BRIDGE_ENABLED,
     });

packages/checkout/widgets-lib/src/lib/withDefaultWidgetConfig.ts

@@ -18,17 +18,14 @@ export type StrongCheckoutWidgetsConfig = {
 
 function getValidTheme(theme?: string): WidgetTheme {
   if (!theme) return DEFAULT_THEME;
-  if (theme === WidgetTheme.LIGHT) return WidgetTheme.LIGHT;
-  if (theme === WidgetTheme.DARK) return WidgetTheme.DARK;
-  if (theme === WidgetTheme.CUSTOM) return WidgetTheme.CUSTOM;
-  return DEFAULT_THEME;
+  if (!Object.values(WidgetTheme).includes(theme as WidgetTheme)) return DEFAULT_THEME;
+  return theme as WidgetTheme;
 }
 
 function getValidEnvironment(env?: string): Environment {
   if (!env) return DEFAULT_ENV;
-  if (env === Environment.PRODUCTION) return Environment.PRODUCTION;
-  if (env === Environment.SANDBOX) return Environment.SANDBOX;
-  return DEFAULT_ENV;
+  if (!Object.values(Environment).includes(env as Environment)) return DEFAULT_ENV;
+  return env as Environment;
 }
 
 function getValidBoolean(defaultValue: boolean, value?: string): boolean {

packages/checkout/widgets-lib/src/widgets/ImmutableWebComponent.tsx

@@ -46,7 +46,7 @@ export abstract class ImmutableWebComponent extends HTMLElement {
     this.updateCheckout();
   }
 
-  private parseWidgetConfig(widgetsConfig?: string):StrongCheckoutWidgetsConfig {
+  private parseWidgetConfig(widgetsConfig?: string): StrongCheckoutWidgetsConfig {
     try {
       return withDefaultWidgetConfigs(
         JSON.parse(widgetsConfig || '{}'),

packages/checkout/widgets/src/definitions/types.ts

@@ -4,7 +4,6 @@
 export enum WidgetTheme {
   LIGHT = 'light',
   DARK = 'dark',
-  CUSTOM = 'custom',
 }
 
 /**