Replace snake case keys package with change case

assets/js/base/utils/camel-case-keys.ts

@@ -3,17 +3,10 @@
  */
 import { camelCase } from 'change-case';
 
-const mapKeys = (
-	obj: object,
-	mapper: ( value: unknown, key: string ) => string
-) =>
-	Object.entries( obj ).reduce(
-		( acc, [ key, value ] ) => ( {
-			...acc,
-			[ mapper( value, key ) ]: value,
-		} ),
-		{}
-	);
+/**
+ * Internal dependencies
+ */
+import { mapKeys } from './map-keys';
 
 export const camelCaseKeys = ( obj: object ) =>
 	mapKeys( obj, ( _, key ) => camelCase( key ) );

assets/js/base/utils/index.js

@@ -10,6 +10,8 @@ export * from './get-icons-from-payment-methods';
 export * from './parse-style';
 export * from './create-notice';
 export * from './get-navigation-type';
+export * from './map-keys';
 export * from './camel-case-keys';
+export * from './snake-case-keys';
 export * from './debounce';
 export * from './keyby';

assets/js/base/utils/map-keys.ts

@@ -0,0 +1,11 @@
+export const mapKeys = (
+	obj: object,
+	mapper: ( value: unknown, key: string ) => string
+) =>
+	Object.entries( obj ).reduce(
+		( acc, [ key, value ] ) => ( {
+			...acc,
+			[ mapper( value, key ) ]: value,
+		} ),
+		{}
+	);

assets/js/base/utils/snake-case-keys.ts

@@ -0,0 +1,12 @@
+/**
+ * External dependencies
+ */
+import { snakeCase } from 'change-case';
+
+/**
+ * Internal dependencies
+ */
+import { mapKeys } from './map-keys';
+
+export const snakeCaseKeys = ( obj: object ) =>
+	mapKeys( obj, ( _, key ) => snakeCase( key ) );

package.json

@@ -266,7 +266,6 @@
 		"react-number-format": "4.9.3",
 		"react-transition-group": "^4.4.5",
 		"reakit": "1.3.11",
-		"snakecase-keys": "5.4.2",
 		"trim-html": "0.1.9",
 		"use-debounce": "7.0.1",
 		"wordpress-components": "npm:@wordpress/components@14.2.0"

storybook/custom-controls/currency.ts

@@ -2,7 +2,7 @@
  * External dependencies
  */
 import { Currency, CurrencyResponse } from '@woocommerce/types';
-import snakecaseKeys from 'snakecase-keys';
+import { snakeCaseKeys } from '@woocommerce/base-utils';
 
 export const currencies: Record< string, Currency > = {
 	EUR: {
@@ -29,7 +29,7 @@ export const currenciesAPIShape: Record< string, CurrencyResponse > =
 	Object.fromEntries(
 		Object.entries( currencies ).map( ( [ key, value ] ) => [
 			key,
-			snakecaseKeys( value ),
+			snakeCaseKeys( value ),
 		] )
 	);