Replace lodash camelCase

Replace lodash mapKeys with function

Move mapkeys to utility

Create camelCaseKeys which replaces usage of mapKeys

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

@@ -0,0 +1,19 @@
+/**
+ * External dependencies
+ */
+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,
+		} ),
+		{}
+	);
+
+export const camelCaseKeys = ( obj: object ) =>
+	mapKeys( obj, ( _, key ) => camelCase( key ) );

assets/js/base/utils/index.js

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

assets/js/data/cart/actions.ts

@@ -11,11 +11,11 @@ import type {
 	CartShippingPackageShippingRate,
 	CartShippingRate,
 } from '@woocommerce/types';
-import { camelCase, mapKeys } from 'lodash';
 import { BillingAddress, ShippingAddress } from '@woocommerce/settings';
 import {
 	triggerAddedToCartEvent,
 	triggerAddingToCartEvent,
+	camelCaseKeys,
 } from '@woocommerce/base-utils';
 
 /**
@@ -70,9 +70,7 @@ export const setErrorData = (
 export const receiveCartContents = (
 	response: CartResponse
 ): { type: string; response: Partial< Cart > } => {
-	const cart = mapKeys( response, ( _, key ) =>
-		camelCase( key )
-	) as unknown as Cart;
+	const cart = camelCaseKeys( response ) as unknown as Cart;
 	const { shippingAddress, billingAddress, ...cartWithoutAddress } = cart;
 	return {
 		type: types.SET_CART_DATA,

assets/js/data/cart/test/notify-quantity-changes.ts

@@ -3,8 +3,9 @@
  */
 import { dispatch, select } from '@wordpress/data';
 import { previewCart } from '@woocommerce/resource-previews';
-import { camelCase, cloneDeep, mapKeys } from 'lodash';
+import { cloneDeep } from 'lodash';
 import { Cart, CartResponse } from '@woocommerce/types';
+import { camelCaseKeys } from '@woocommerce/base-utils';
 
 /**
  * Internal dependencies
@@ -34,13 +35,11 @@ select.mockImplementation( () => {
  * Clones the preview cart and turns it into a `Cart`.
  */
 const getFreshCarts = (): { oldCart: Cart; newCart: Cart } => {
-	const oldCart = mapKeys(
-		cloneDeep< CartResponse >( previewCart ),
-		( _, key ) => camelCase( key )
+	const oldCart = camelCaseKeys(
+		cloneDeep< CartResponse >( previewCart )
 	) as unknown as Cart;
-	const newCart = mapKeys(
-		cloneDeep< CartResponse >( previewCart ),
-		( _, key ) => camelCase( key )
+	const newCart = camelCaseKeys(
+		cloneDeep< CartResponse >( previewCart )
 	) as unknown as Cart;
 	return { oldCart, newCart };
 };

assets/js/data/cart/thunks.ts

@@ -7,7 +7,7 @@ import {
 	ApiErrorResponse,
 	isApiErrorResponse,
 } from '@woocommerce/types';
-import { camelCase, mapKeys } from 'lodash';
+import { camelCaseKeys } from '@woocommerce/base-utils';
 
 /**
  * Internal dependencies
@@ -31,9 +31,7 @@ export const receiveCart =
 		dispatch: CartDispatchFromMap;
 		select: CartSelectFromMap;
 	} ) => {
-		const newCart = mapKeys( response, ( _, key ) =>
-			camelCase( key )
-		) as unknown as Cart;
+		const newCart = camelCaseKeys( response ) as unknown as Cart;
 		const oldCart = select.getCartData();
 		notifyCartErrors( newCart.errors, oldCart.errors );
 		notifyQuantityChanges( {

assets/js/data/cart/utils.ts

@@ -1,19 +1,17 @@
 /**
  * External dependencies
  */
-import { camelCase, mapKeys } from 'lodash';
 import { Cart, CartResponse } from '@woocommerce/types';
 import { select } from '@wordpress/data';
+import { camelCaseKeys } from '@woocommerce/base-utils';
 
 /**
  * Internal dependencies
  */
 import { STORE_KEY as VALIDATION_STORE_KEY } from '../validation/constants';
 
 export const mapCartResponseToCart = ( responseCart: CartResponse ): Cart => {
-	return mapKeys( responseCart, ( _, key ) =>
-		camelCase( key )
-	) as unknown as Cart;
+	return camelCaseKeys( responseCart ) as unknown as Cart;
 };
 
 export const shippingAddressHasValidationErrors = () => {