@apps-in-toss/web-bridge 1.7.0 → 1.8.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @apps-in-toss/web-bridge
 
+## 1.8.0
+
+### Minor Changes
+
+[[AIT-3762]: GoogleAdMob 로딩 여부 확인하는 브릿지 추가](https://github.toss.bz/toss/apps-in-toss-sdk/pull/18)
+
+구글 광고가 로딩되었는지 확인하는 isAdMobLoaded를 추가합니다.
+
+## 1.7.1
+
 ## 1.7.0
 
 ## 1.6.2

package/{built → dist}/index.cjs

@@ -377,12 +377,9 @@ var IAP = {
 
 // src/getSafeAreaInsets.ts
 var import_bridge_core4 = require("@apps-in-toss/bridge-core");
-var getSafeAreaBottom = (0, import_bridge_core4.createConstantBridge)("getSafeAreaBottom");
-var getSafeAreaTop = (0, import_bridge_core4.createConstantBridge)("getSafeAreaTop");
-var getSafeAreaLeft = (0, import_bridge_core4.createConstantBridge)("getSafeAreaLeft");
-var getSafeAreaRight = (0, import_bridge_core4.createConstantBridge)("getSafeAreaRight");
+var _getSafeAreaInsets = (0, import_bridge_core4.createConstantBridge)("getSafeAreaInsets");
 function getSafeAreaInsets() {
-  return { top: getSafeAreaTop(), bottom: getSafeAreaBottom(), left: getSafeAreaLeft(), right: getSafeAreaRight() };
+  return _getSafeAreaInsets();
 }
 
 // src/safeAreaInsets.ts
@@ -394,272 +391,15 @@ function subscribeSafeAreaInsets({ onEvent }) {
     }
   });
 }
+var _getSafeAreaInsets2 = (0, import_bridge_core5.createConstantBridge)("getSafeAreaInsets");
 var SafeAreaInsets = {
-  get: getSafeAreaInsets,
+  get: _getSafeAreaInsets2,
   subscribe: subscribeSafeAreaInsets
 };
 
 // src/googleAdMob.ts
 var import_bridge_core6 = require("@apps-in-toss/bridge-core");
 var GoogleAdMob = {
-  /**
-   * @public
-   * @category 광고
-   * @name loadAdMobInterstitialAd
-   * @deprecated 이 함수는 더 이상 사용되지 않습니다. 대신 {@link GoogleAdMob.loadAppsInTossAdMob}를 사용해주세요.
-   *
-   * @example
-   * ### 뷰 진입 시 광고 불러오기 (loadAppsInTossAdMob로 변경 예제)
-   * ```tsx
-   * import { GoogleAdMob } from '@apps-in-toss/framework';
-   * import { useEffect } from 'react';
-   * import { View, Text } from 'react-native';
-   *
-   * const AD_GROUP_ID = '<AD_GROUP_ID>';
-   *
-   * function Page() {
-   *   useEffect(() => {
-   *     if (GoogleAdMob.loadAppsInTossAdMob.isSupported() !== true) {
-   *       return;
-   *     }
-   *
-   *     const cleanup = GoogleAdMob.loadAppsInTossAdMob({
-   *       options: {
-   *         adGroupId: AD_GROUP_ID,
-   *       },
-   *       onEvent: (event) => {
-   *         switch (event.type) {
-   *           case 'loaded':
-   *             console.log('광고 로드 성공', event.data);
-   *             break;
-   *         }
-   *       },
-   *       onError: (error) => {
-   *         console.error('광고 불러오기 실패', error);
-   *       },
-   *     });
-   *
-   *     return cleanup;
-   *   }, []);
-   *
-   *   return (
-   *     <View>
-   *       <Text>Page</Text>
-   *     </View>
-   *   );
-   * }
-   * ```
-   */
-  loadAdMobInterstitialAd: Object.assign(
-    (0, import_bridge_core6.createEventBridge)("loadAdMobInterstitialAd"),
-    {
-      isSupported: (0, import_bridge_core6.createConstantBridge)("loadAdMobInterstitialAd_isSupported")
-    }
-  ),
-  /**
-   * @public
-   * @category 광고
-   * @name showAdMobInterstitialAd
-   * @deprecated 이 함수는 더 이상 사용되지 않습니다. 대신 {@link GoogleAdMob.showAppsInTossAdMob}를 사용해주세요.
-   *
-   * @example
-   * ### 버튼 눌러 불러온 광고 보여주기 (showAppsInTossAdMob로 대체 사용)
-   * ```tsx
-   * import { GoogleAdMob } from '@apps-in-toss/framework';
-   * import { View, Text, Button } from 'react-native';
-   *
-   * const AD_GROUP_ID = '<AD_GROUP_ID>';
-   *
-   * function Page() {
-   *   const handlePress = () => {
-   *     if (GoogleAdMob.showAppsInTossAdMob.isSupported() !== true) {
-   *       return;
-   *     }
-   *
-   *     GoogleAdMob.showAppsInTossAdMob({
-   *       options: {
-   *         adGroupId: AD_GROUP_ID,
-   *       },
-   *       onEvent: (event) => {
-   *         switch (event.type) {
-   *           case 'requested':
-   *             console.log('광고 보여주기 요청 완료');
-   *             break;
-   *
-   *           case 'clicked':
-   *             console.log('광고 클릭');
-   *             break;
-   *
-   *           case 'dismissed':
-   *             console.log('광고 닫힘');
-   *             navigation.navigate('/examples/google-admob-interstitial-ad-landing');
-   *             break;
-   *
-   *           case 'failedToShow':
-   *             console.log('광고 보여주기 실패');
-   *             break;
-   *
-   *           case 'impression':
-   *             console.log('광고 노출');
-   *             break;
-   *
-   *           case 'userEarnedReward':
-   *             console.log('광고 보상 획득 unitType:', event.data.unitType);
-   *             console.log('광고 보상 획득 unitAmount:', event.data.unitAmount);
-   *             break;
-   *
-   *           case 'show':
-   *             console.log('광고 컨텐츠 보여졌음');
-   *             break;
-   *         }
-   *       },
-   *       onError: (error) => {
-   *         console.error('광고 보여주기 실패', error);
-   *       },
-   *     });
-   *   }
-   *
-   *   return (
-   *     <Button onPress={handlePress} title="광고 보기" />
-   *   );
-   * }
-   * ```
-   */
-  showAdMobInterstitialAd: Object.assign(
-    (0, import_bridge_core6.createEventBridge)("showAdMobInterstitialAd"),
-    {
-      isSupported: (0, import_bridge_core6.createConstantBridge)("showAdMobInterstitialAd_isSupported")
-    }
-  ),
-  /**
-   * @public
-   * @category 광고
-   * @name loadAdMobRewardedAd
-   * @deprecated 이 함수는 더 이상 사용되지 않습니다. 대신 {@link GoogleAdMob.loadAppsInTossAdMob}를 사용해주세요.
-   *
-   * @example
-   * ### 뷰 진입 시 광고 불러오기 (loadAppsInTossAdMob로 변경 예제)
-   * ```tsx
-   * import { GoogleAdMob } from '@apps-in-toss/framework';
-   * import { useEffect } from 'react';
-   * import { View, Text } from 'react-native';
-   *
-   * const AD_GROUP_ID = '<AD_GROUP_ID>';
-   *
-   * function Page() {
-   *   useEffect(() => {
-   *     if (GoogleAdMob.loadAppsInTossAdMob.isSupported() !== true) {
-   *       return;
-   *     }
-   *
-   *     const cleanup = GoogleAdMob.loadAppsInTossAdMob({
-   *       options: {
-   *         adGroupId: AD_GROUP_ID,
-   *       },
-   *       onEvent: (event) => {
-   *         switch (event.type) {
-   *           case 'loaded':
-   *             console.log('광고 로드 성공', event.data);
-   *             break;
-   *         }
-   *       },
-   *       onError: (error) => {
-   *         console.error('광고 불러오기 실패', error);
-   *       },
-   *     });
-   *
-   *     return cleanup;
-   *   }, []);
-   *
-   *   return (
-   *     <View>
-   *       <Text>Page</Text>
-   *     </View>
-   *   );
-   * }
-   * ```
-   */
-  loadAdMobRewardedAd: Object.assign(
-    (0, import_bridge_core6.createEventBridge)("loadAdMobRewardedAd"),
-    {
-      isSupported: (0, import_bridge_core6.createConstantBridge)("loadAdMobRewardedAd_isSupported")
-    }
-  ),
-  /**
-   * @public
-   * @category 광고
-   * @name showAdMobRewardedAd
-   * @deprecated 이 함수는 더 이상 사용되지 않습니다. 대신 {@link GoogleAdMob.showAppsInTossAdMob}를 사용해주세요.
-   *
-   * @example
-   * ### 버튼 눌러 불러온 광고 보여주기 (showAppsInTossAdMob로 대체 사용)
-   * ```tsx
-   * import { GoogleAdMob } from '@apps-in-toss/framework';
-   * import { View, Text, Button } from 'react-native';
-   *
-   * const AD_GROUP_ID = '<AD_GROUP_ID>';
-   *
-   * function Page() {
-   *   const handlePress = () => {
-   *     if (GoogleAdMob.showAppsInTossAdMob.isSupported() !== true) {
-   *       return;
-   *     }
-   *
-   *     GoogleAdMob.showAppsInTossAdMob({
-   *       options: {
-   *         adGroupId: AD_GROUP_ID,
-   *       },
-   *       onEvent: (event) => {
-   *         switch (event.type) {
-   *           case 'requested':
-   *             console.log('광고 보여주기 요청 완료');
-   *             break;
-   *
-   *           case 'clicked':
-   *             console.log('광고 클릭');
-   *             break;
-   *
-   *           case 'dismissed':
-   *             console.log('광고 닫힘');
-   *             navigation.navigate('/examples/google-admob-interstitial-ad-landing');
-   *             break;
-   *
-   *           case 'failedToShow':
-   *             console.log('광고 보여주기 실패');
-   *             break;
-   *
-   *           case 'impression':
-   *             console.log('광고 노출');
-   *             break;
-   *
-   *           case 'userEarnedReward':
-   *             console.log('광고 보상 획득 unitType:', event.data.unitType);
-   *             console.log('광고 보상 획득 unitAmount:', event.data.unitAmount);
-   *             break;
-   *
-   *           case 'show':
-   *             console.log('광고 컨텐츠 보여졌음');
-   *             break;
-   *         }
-   *       },
-   *       onError: (error) => {
-   *         console.error('광고 보여주기 실패', error);
-   *       },
-   *     });
-   *   }
-   *
-   *   return (
-   *     <Button onPress={handlePress} title="광고 보기" />
-   *   );
-   * }
-   * ```
-   */
-  showAdMobRewardedAd: Object.assign(
-    (0, import_bridge_core6.createEventBridge)("showAdMobRewardedAd"),
-    {
-      isSupported: (0, import_bridge_core6.createConstantBridge)("showAdMobRewardedAd_isSupported")
-    }
-  ),
   /**
    * @public
    * @category 광고
@@ -794,7 +534,21 @@ var GoogleAdMob = {
    */
   showAppsInTossAdMob: Object.assign((0, import_bridge_core6.createEventBridge)("showAppsInTossAdMob"), {
     isSupported: (0, import_bridge_core6.createConstantBridge)("showAppsInTossAdMob_isSupported")
-  })
+  }),
+  /**
+   * @public
+   * @category 광고
+   * @name showAppsInTossAdMob
+   * @description 이 함수는 `loadAppsInTossAdMob` 로 광고가 잘 불러와졌는지 확인해요.
+   * @param {string} params.adUnitId 광고 그룹 단위 ID예요.
+   * @property {() => boolean} [isSupported] 현재 실행 중인 앱(예: 토스 앱, 개발용 샌드박스 앱 등)에서 `isAppsInTossAdMobLoaded` 를 지원하는지 확인하는 함수예요. 기능을 사용하기 전에 지원 여부를 확인해야 해요.
+   */
+  isAppsInTossAdMobLoaded: Object.assign(
+    (0, import_bridge_core6.createAsyncBridge)("isAppsInTossAdMobLoaded"),
+    {
+      isSupported: (0, import_bridge_core6.createConstantBridge)("isAppsInTossAdMobLoaded_isSupported")
+    }
+  )
 };
 
 // src/graniteEvent.ts

package/{built → dist}/index.d.cts

@@ -1,6 +1,6 @@
 export * from './bridge';
 export * from '@apps-in-toss/bridge-core';
-import { LoadAdMobInterstitialAdEvent, LoadAdMobInterstitialAdOptions, ShowAdMobInterstitialAdEvent, ShowAdMobInterstitialAdOptions, LoadAdMobRewardedAdEvent, LoadAdMobRewardedAdOptions, ShowAdMobRewardedAdEvent, ShowAdMobRewardedAdOptions, LoadAdMobEvent, LoadAdMobOptions, ShowAdMobEvent, ShowAdMobOptions, LoadFullScreenAdEvent, LoadFullScreenAdOptions, ShowFullScreenAdEvent, ShowFullScreenAdOptions } from '@apps-in-toss/framework';
+import { LoadAdMobEvent, LoadAdMobOptions, ShowAdMobEvent, ShowAdMobOptions, IsAdMobLoadedOptions, LoadFullScreenAdEvent, LoadFullScreenAdOptions, ShowFullScreenAdEvent, ShowFullScreenAdOptions } from '@apps-in-toss/framework';
 import * as _apps_in_toss_types from '@apps-in-toss/types';
 import { FetchAlbumPhotos, FetchContacts, GetCurrentLocation, OpenCamera, SetClipboardText, GetClipboardText, StartUpdateLocationEventParams } from '@apps-in-toss/types';
 export * from '@apps-in-toss/types';
@@ -310,12 +310,7 @@ declare const IAP: {
  *
  * @deprecated 이 함수는 더 이상 사용되지 않습니다. 대신 {@link SafeAreaInsets.get}를 사용해주세요.
  */
-declare function getSafeAreaInsets(): {
-    top: number;
-    bottom: number;
-    left: number;
-    right: number;
-};
+declare function getSafeAreaInsets(): number;
 
 /**
  * @public
@@ -351,273 +346,11 @@ interface SafeAreaInsets$1 {
     right: number;
 }
 declare const SafeAreaInsets$1: {
-    get: typeof getSafeAreaInsets;
+    get: () => SafeAreaInsets$1;
     subscribe: typeof subscribeSafeAreaInsets;
 };
 
 declare const GoogleAdMob: {
-    /**
-     * @public
-     * @category 광고
-     * @name loadAdMobInterstitialAd
-     * @deprecated 이 함수는 더 이상 사용되지 않습니다. 대신 {@link GoogleAdMob.loadAppsInTossAdMob}를 사용해주세요.
-     *
-     * @example
-     * ### 뷰 진입 시 광고 불러오기 (loadAppsInTossAdMob로 변경 예제)
-     * ```tsx
-     * import { GoogleAdMob } from '@apps-in-toss/framework';
-     * import { useEffect } from 'react';
-     * import { View, Text } from 'react-native';
-     *
-     * const AD_GROUP_ID = '<AD_GROUP_ID>';
-     *
-     * function Page() {
-     *   useEffect(() => {
-     *     if (GoogleAdMob.loadAppsInTossAdMob.isSupported() !== true) {
-     *       return;
-     *     }
-     *
-     *     const cleanup = GoogleAdMob.loadAppsInTossAdMob({
-     *       options: {
-     *         adGroupId: AD_GROUP_ID,
-     *       },
-     *       onEvent: (event) => {
-     *         switch (event.type) {
-     *           case 'loaded':
-     *             console.log('광고 로드 성공', event.data);
-     *             break;
-     *         }
-     *       },
-     *       onError: (error) => {
-     *         console.error('광고 불러오기 실패', error);
-     *       },
-     *     });
-     *
-     *     return cleanup;
-     *   }, []);
-     *
-     *   return (
-     *     <View>
-     *       <Text>Page</Text>
-     *     </View>
-     *   );
-     * }
-     * ```
-     */
-    loadAdMobInterstitialAd: ((args: {
-        onEvent: (data: LoadAdMobInterstitialAdEvent) => void;
-        onError: (error: Error) => void;
-        options?: LoadAdMobInterstitialAdOptions | undefined;
-    }) => () => void) & {
-        isSupported: () => boolean;
-    };
-    /**
-     * @public
-     * @category 광고
-     * @name showAdMobInterstitialAd
-     * @deprecated 이 함수는 더 이상 사용되지 않습니다. 대신 {@link GoogleAdMob.showAppsInTossAdMob}를 사용해주세요.
-     *
-     * @example
-     * ### 버튼 눌러 불러온 광고 보여주기 (showAppsInTossAdMob로 대체 사용)
-     * ```tsx
-     * import { GoogleAdMob } from '@apps-in-toss/framework';
-     * import { View, Text, Button } from 'react-native';
-     *
-     * const AD_GROUP_ID = '<AD_GROUP_ID>';
-     *
-     * function Page() {
-     *   const handlePress = () => {
-     *     if (GoogleAdMob.showAppsInTossAdMob.isSupported() !== true) {
-     *       return;
-     *     }
-     *
-     *     GoogleAdMob.showAppsInTossAdMob({
-     *       options: {
-     *         adGroupId: AD_GROUP_ID,
-     *       },
-     *       onEvent: (event) => {
-     *         switch (event.type) {
-     *           case 'requested':
-     *             console.log('광고 보여주기 요청 완료');
-     *             break;
-     *
-     *           case 'clicked':
-     *             console.log('광고 클릭');
-     *             break;
-     *
-     *           case 'dismissed':
-     *             console.log('광고 닫힘');
-     *             navigation.navigate('/examples/google-admob-interstitial-ad-landing');
-     *             break;
-     *
-     *           case 'failedToShow':
-     *             console.log('광고 보여주기 실패');
-     *             break;
-     *
-     *           case 'impression':
-     *             console.log('광고 노출');
-     *             break;
-     *
-     *           case 'userEarnedReward':
-     *             console.log('광고 보상 획득 unitType:', event.data.unitType);
-     *             console.log('광고 보상 획득 unitAmount:', event.data.unitAmount);
-     *             break;
-     *
-     *           case 'show':
-     *             console.log('광고 컨텐츠 보여졌음');
-     *             break;
-     *         }
-     *       },
-     *       onError: (error) => {
-     *         console.error('광고 보여주기 실패', error);
-     *       },
-     *     });
-     *   }
-     *
-     *   return (
-     *     <Button onPress={handlePress} title="광고 보기" />
-     *   );
-     * }
-     * ```
-     */
-    showAdMobInterstitialAd: ((args: {
-        onEvent: (data: ShowAdMobInterstitialAdEvent) => void;
-        onError: (error: Error) => void;
-        options?: ShowAdMobInterstitialAdOptions | undefined;
-    }) => () => void) & {
-        isSupported: () => boolean;
-    };
-    /**
-     * @public
-     * @category 광고
-     * @name loadAdMobRewardedAd
-     * @deprecated 이 함수는 더 이상 사용되지 않습니다. 대신 {@link GoogleAdMob.loadAppsInTossAdMob}를 사용해주세요.
-     *
-     * @example
-     * ### 뷰 진입 시 광고 불러오기 (loadAppsInTossAdMob로 변경 예제)
-     * ```tsx
-     * import { GoogleAdMob } from '@apps-in-toss/framework';
-     * import { useEffect } from 'react';
-     * import { View, Text } from 'react-native';
-     *
-     * const AD_GROUP_ID = '<AD_GROUP_ID>';
-     *
-     * function Page() {
-     *   useEffect(() => {
-     *     if (GoogleAdMob.loadAppsInTossAdMob.isSupported() !== true) {
-     *       return;
-     *     }
-     *
-     *     const cleanup = GoogleAdMob.loadAppsInTossAdMob({
-     *       options: {
-     *         adGroupId: AD_GROUP_ID,
-     *       },
-     *       onEvent: (event) => {
-     *         switch (event.type) {
-     *           case 'loaded':
-     *             console.log('광고 로드 성공', event.data);
-     *             break;
-     *         }
-     *       },
-     *       onError: (error) => {
-     *         console.error('광고 불러오기 실패', error);
-     *       },
-     *     });
-     *
-     *     return cleanup;
-     *   }, []);
-     *
-     *   return (
-     *     <View>
-     *       <Text>Page</Text>
-     *     </View>
-     *   );
-     * }
-     * ```
-     */
-    loadAdMobRewardedAd: ((args: {
-        onEvent: (data: LoadAdMobRewardedAdEvent) => void;
-        onError: (error: Error) => void;
-        options?: LoadAdMobRewardedAdOptions | undefined;
-    }) => () => void) & {
-        isSupported: () => boolean;
-    };
-    /**
-     * @public
-     * @category 광고
-     * @name showAdMobRewardedAd
-     * @deprecated 이 함수는 더 이상 사용되지 않습니다. 대신 {@link GoogleAdMob.showAppsInTossAdMob}를 사용해주세요.
-     *
-     * @example
-     * ### 버튼 눌러 불러온 광고 보여주기 (showAppsInTossAdMob로 대체 사용)
-     * ```tsx
-     * import { GoogleAdMob } from '@apps-in-toss/framework';
-     * import { View, Text, Button } from 'react-native';
-     *
-     * const AD_GROUP_ID = '<AD_GROUP_ID>';
-     *
-     * function Page() {
-     *   const handlePress = () => {
-     *     if (GoogleAdMob.showAppsInTossAdMob.isSupported() !== true) {
-     *       return;
-     *     }
-     *
-     *     GoogleAdMob.showAppsInTossAdMob({
-     *       options: {
-     *         adGroupId: AD_GROUP_ID,
-     *       },
-     *       onEvent: (event) => {
-     *         switch (event.type) {
-     *           case 'requested':
-     *             console.log('광고 보여주기 요청 완료');
-     *             break;
-     *
-     *           case 'clicked':
-     *             console.log('광고 클릭');
-     *             break;
-     *
-     *           case 'dismissed':
-     *             console.log('광고 닫힘');
-     *             navigation.navigate('/examples/google-admob-interstitial-ad-landing');
-     *             break;
-     *
-     *           case 'failedToShow':
-     *             console.log('광고 보여주기 실패');
-     *             break;
-     *
-     *           case 'impression':
-     *             console.log('광고 노출');
-     *             break;
-     *
-     *           case 'userEarnedReward':
-     *             console.log('광고 보상 획득 unitType:', event.data.unitType);
-     *             console.log('광고 보상 획득 unitAmount:', event.data.unitAmount);
-     *             break;
-     *
-     *           case 'show':
-     *             console.log('광고 컨텐츠 보여졌음');
-     *             break;
-     *         }
-     *       },
-     *       onError: (error) => {
-     *         console.error('광고 보여주기 실패', error);
-     *       },
-     *     });
-     *   }
-     *
-     *   return (
-     *     <Button onPress={handlePress} title="광고 보기" />
-     *   );
-     * }
-     * ```
-     */
-    showAdMobRewardedAd: ((args: {
-        onEvent: (data: ShowAdMobRewardedAdEvent) => void;
-        onError: (error: Error) => void;
-        options?: ShowAdMobRewardedAdOptions | undefined;
-    }) => () => void) & {
-        isSupported: () => boolean;
-    };
     /**
      * @public
      * @category 광고
@@ -761,6 +494,17 @@ declare const GoogleAdMob: {
     }) => () => void) & {
         isSupported: () => boolean;
     };
+    /**
+     * @public
+     * @category 광고
+     * @name showAppsInTossAdMob
+     * @description 이 함수는 `loadAppsInTossAdMob` 로 광고가 잘 불러와졌는지 확인해요.
+     * @param {string} params.adUnitId 광고 그룹 단위 ID예요.
+     * @property {() => boolean} [isSupported] 현재 실행 중인 앱(예: 토스 앱, 개발용 샌드박스 앱 등)에서 `isAppsInTossAdMobLoaded` 를 지원하는지 확인하는 함수예요. 기능을 사용하기 전에 지원 여부를 확인해야 해요.
+     */
+    isAppsInTossAdMobLoaded: ((args_0: IsAdMobLoadedOptions) => Promise<boolean>) & {
+        isSupported: () => boolean;
+    };
 };
 
 type GraniteEvent = {