chore: remove @googlemaps/google-maps-services-js dependency

package.json

@@ -32,7 +32,6 @@
   },
   "homepage": "https://github.com/mbti-nf-team/unnamed-k-place-frontend#readme",
   "dependencies": {
-    "@googlemaps/google-maps-services-js": "^3.3.42",
     "@nf-team/core": "^2.0.3",
     "@nf-team/react": "^2.6.0",
     "@nf-team/storage": "^1.0.1",
@@ -72,7 +71,7 @@
     "@testing-library/jest-dom": "^6.4.5",
     "@testing-library/react": "^14.0.0",
     "@types/babel__core": "^7",
-    "@types/google.maps": "^3.55.8",
+    "@types/google.maps": "^3.55.12",
     "@types/jest": "^29.5.5",
     "@types/jest-plugin-context": "^2.9.5",
     "@types/js-cookie": "^3.0.6",

src/app/api/handler.ts

@@ -1,8 +1,5 @@
-import {
-  Language, PlaceDetailsResponseData, PlacesNearbyResponseData, TextSearchResponseData,
-} from '@googlemaps/google-maps-services-js';
-
 import api, { paramsSerializer } from '@/lib/apis';
+import { PlaceDetailsResponseData, PlacesNearbyResponseData, TextSearchResponseData } from '@/lib/types/google.maps';
 
 import {
   NaverSearchBlogResponse,
@@ -71,7 +68,7 @@ export const fetchAllPlaceDetails = async ({
   const response = await Promise
     .all([...placeIds.map((placeId) => getGooglePlaceDetails({
       place_id: placeId,
-      language: Language.ko,
+      language: 'ko',
       region: 'KR',
       fields: ['name', 'photos', 'rating', 'user_ratings_total', 'formatted_address'],
       reviews_no_translations: false,

src/app/api/model.ts

@@ -1,6 +1,5 @@
-import { Language, PlaceType1 } from '@googlemaps/google-maps-services-js';
-
 import { NaverSearchBlog } from '@/lib/types/blog';
+import { Language } from '@/lib/types/google.maps';
 
 export type TextSearchRequestParams = {
   query: string;
@@ -12,7 +11,6 @@ export type TextSearchRequestParams = {
   pagetoken?: string;
   region?: string;
   radius?: string;
-  type?: PlaceType1;
 };
 
 export type NearbySearchRequestParams = {
@@ -25,7 +23,6 @@ export type NearbySearchRequestParams = {
   pagetoken?: string;
   region?: string;
   rankBy?: 'prominence' | 'distance';
-  type?: PlaceType1;
 };
 
 export type PlaceDetailsRequestParams = {

src/app/api/my/favorite-places/route.ts

@@ -47,7 +47,7 @@ export async function GET(request: NextRequest) {
 
     const favoritePlaces = googleDetails.map((detail, index) => {
       const placePhotoUrls = checkEmpty(detail.result.photos)
-        .map((photo) => getPlacePhotoUrl(photo.photo_reference, 500))
+        .map((photo) => getPlacePhotoUrl(photo.getUrl(), 500))
         .filter((photoUrl) => !!photoUrl);
 
       const favoritePlace = response.items[index];

src/app/api/search/nearby/places/route.ts

@@ -1,6 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
 
-import { Language } from '@googlemaps/google-maps-services-js';
 import { checkEmpty } from '@nf-team/core';
 
 import { fetchAllSettledSearchNaverBlogs, getGoogleNearbySearch } from '@/app/api/handler';
@@ -30,7 +29,7 @@ export async function GET(request: NextRequest) {
   try {
     const places = await getGoogleNearbySearch({
       keyword: keyword ?? undefined,
-      language: Language.ko,
+      language: 'ko',
       radius,
       pagetoken: nextCursor ?? undefined,
       location: [lat, lng],

src/app/api/search/places/[placeId]/route.ts

@@ -1,13 +1,10 @@
 import { NextRequest, NextResponse } from 'next/server';
 
-import {
-  Language, PlaceDetailsResponseData, PlaceType2,
-} from '@googlemaps/google-maps-services-js';
 import { checkEmpty } from '@nf-team/core';
 
 import { fetchNaverSearchBlog, getGooglePlaceDetails, getPlacePhotoUrl } from '@/app/api/handler';
 import { FetchError } from '@/lib/apis';
-import { PlaceDetail } from '@/lib/types/google.maps';
+import { PlaceDetail, PlaceDetailsResponseData, PlaceType2 } from '@/lib/types/google.maps';
 
 export const runtime = 'edge';
 
@@ -45,7 +42,7 @@ export async function GET(request: NextRequest) {
   try {
     const placeDetails = await getGooglePlaceDetails({
       place_id: placeId,
-      language: Language.ko,
+      language: 'ko',
       region: 'KR',
       reviews_sort: 'most_relevant',
       fields: ['geometry', 'name', 'photos', 'place_id', 'rating', 'reviews', 'url', 'user_ratings_total', 'address_components'],

src/app/api/search/places/route.ts

@@ -1,6 +1,5 @@
 import { NextRequest, NextResponse } from 'next/server';
 
-import { Language } from '@googlemaps/google-maps-services-js';
 import { checkEmpty } from '@nf-team/core';
 
 import { FetchError } from '@/lib/apis';
@@ -31,7 +30,7 @@ export async function GET(request: NextRequest) {
   try {
     const places = await getGoogleTextSearch({
       query,
-      language: Language.ko,
+      language: 'ko',
       opennow: false,
       radius: radius ?? undefined,
       pagetoken: nextCursor ?? undefined,