Fix third party typings (#59503)

packages/third-parties/google.d.ts

@@ -1 +1 @@
-export * from './dist/types/index'
+export * from './dist/google/index'

packages/third-parties/package.json

@@ -12,7 +12,8 @@
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "google.d.ts"
   ],
   "license": "MIT",
   "scripts": {

packages/third-parties/src/ThirdPartyScriptEmbed.tsx

@@ -4,8 +4,8 @@ import React, { useEffect } from 'react'
 
 export type ScriptEmbed = {
   html?: string | null
-  height?: number | null
-  width?: number | null
+  height?: string | number | null
+  width?: string | number | null
   children?: React.ReactElement | React.ReactElement[]
   dataNtpc?: string
 }

packages/third-parties/src/google/google-maps-embed.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import { GoogleMapsEmbed as TPCGoogleMapEmbed } from 'third-party-capital'
 
 import ThirdPartyScriptEmbed from '../ThirdPartyScriptEmbed'

packages/third-parties/src/types/google.ts

@@ -19,14 +19,15 @@ export type GAParams = {
 }
 
 export type GoogleMapsEmbed = {
-  height?: number
-  width?: number
+  height?: number | string
+  width?: number | string
   mode: 'place' | 'view' | 'directions' | 'streetview' | 'search'
   apiKey: string
-  style: string
-  allowfullscreen: boolean
-  loading: 'eager' | 'lazy'
+  style?: string
+  allowfullscreen?: boolean
+  loading?: 'eager' | 'lazy'
   q?: string
+  id?: string
   center?: string
   zoom?: string
   maptype?: string

test/e2e/app-dir/third-parties/app/ga/page.tsx

@@ -9,7 +9,7 @@ const Page = () => {
   }
 
   return (
-    <div class="container">
+    <div className="container">
       <GoogleAnalytics gaId="GA-XYZ" />
       <h1>GA</h1>
       <button id="ga-send" onClick={onClick}>