@apps-in-toss/web-bridge 0.0.32 → 0.0.33

package/build/index.d.ts

@@ -154,7 +154,7 @@ declare const IAP: {
      */
     createOneTimePurchaseOrder: (args_0: {
         productId: string;
-    }, args_1: IapCreateOneTimePurchaseOrderResult) => Promise<any>;
+    }) => Promise<IapCreateOneTimePurchaseOrderResult>;
     /**
      * @public
      * @category 인앱결제
@@ -539,4 +539,119 @@ interface AppsInTossGlobals {
 }
 declare const getAppsInTossGlobals: () => AppsInTossGlobals;
 
-export { type AppsInTossEvent, type AppsInTossGlobals, type BedrockEvent, GoogleAdMob, IAP, type IapCreateOneTimePurchaseOrderResult, type IapProductListItem, Storage, appsInTossEvent, bedrockEvent, env, getAppsInTossGlobals, getSafeAreaInsets, isMinVersionSupported };
+type TdsEvent = {
+    navigationAccessoryEvent: {
+        onEvent: (data: {
+            id: string;
+        }) => void;
+        onError?: (error: Error) => void;
+        options: undefined;
+    };
+};
+/**
+ * @public
+ * @category TDS
+ * @name tdsEvent
+ * @description 토스 이벤트를 사용해요.
+ * @property {typeof addEventListener} [addEventListener] 이벤트를 추가해요.
+ */
+declare const tdsEvent: {
+    /**
+     * @public
+     * @category TDS
+     * @name addEventListener
+     * @description 이벤트를 추가해요.
+     * @param {string} event 이벤트 이름예요.
+     * @param {TdsEvent[K]['onEvent']} onEvent 이벤트 핸들러예요.
+     * @param {TdsEvent[K]['onError']} onError 이벤트 에러 핸들러예요.
+     * @param {TdsEvent[K]['options']} options 이벤트 옵션예요.
+     * @returns {void} 이벤트를 추가했을 때 아무 값도 반환하지 않아요.
+     * @example
+     * ### 네비게이션 악세서리 이벤트 추가하기
+     * ```tsx
+     * import { tdsEvent } from '@apps-in-toss/framework';
+     *
+     * tdsEvent.addEventListener('navigationAccessoryEvent', {
+     *   onEvent: ({ id }) => {
+     *     if(id === 'heart') {
+     *       router.push('/heart');
+     *     }
+     *   },
+     * });
+     * ```
+     */
+    addEventListener: <K extends keyof TdsEvent>(event: K, { onEvent, onError, options, }: {
+        onEvent: TdsEvent[K]["onEvent"];
+        onError?: TdsEvent[K]["onError"];
+        options?: TdsEvent[K]["options"];
+    }) => () => void;
+};
+
+type AddAccessoryButtonOptions = {
+    id: string;
+    type: 'icon';
+    name: string;
+    alt: string;
+} | {
+    type: 'icon-double';
+    color?: string;
+    leftIconName: string;
+    leftIconAlt: string;
+    rightIconName: string;
+    rightIconAlt: string;
+    id: [string, string];
+};
+/**
+ * @public
+ * @category 파트너
+ * @name partner
+ * @description 파트너 기능을 사용해요.
+ * @property {typeof addAccessoryButton} [addAccessoryButton] 상단 네비게이션의 악세서리 버튼을 추가해요.
+ */
+declare const partner: {
+    /**
+     * @public
+     * @category 파트너
+     * @name addAccessoryButton
+     * @description 상단 네비게이션의 악세서리 버튼을 추가해요. callback에 대한 정의는 `tdsEvent.addEventListener("navigationAccessoryEvent", callback)`를 참고해주세요.
+     * @param {AddAccessoryButtonOptions} options - 악세서리 버튼의 고유 ID예요.
+     * @returns {void} 악세서리 버튼을 추가했을 때 아무 값도 반환하지 않아요.
+     * @example
+     * ```tsx
+     * import { partner } from '@apps-in-toss/framework';
+     *
+     * partner.addAccessoryButton({
+     *   id: 'heart',
+     *   type: 'icon',
+     *   name: 'icon-heart-mono',
+     *   alt: '하트',
+     * });
+     *
+     * partner.addAccessoryButton({
+     *   id: ['heart', 'heart2'],
+     *   type: 'icon-double',
+     *   leftIconName: 'icon-heart-mono',
+     *   leftIconAlt: '하트',
+     *   rightIconName: 'icon-heart-mono',
+     *   rightIconAlt: '하트',
+     * });
+     * ```
+     */
+    addAccessoryButton: (args_0: AddAccessoryButtonOptions) => Promise<void>;
+    /**
+     * @public
+     * @category 파트너
+     * @name removeAccessoryButton
+     * @description 상단 네비게이션의 악세서리 버튼을 제거해요.
+     * @returns {void} 악세서리 버튼을 제거했을 때 아무 값도 반환하지 않아요.
+     * @example
+     * ```tsx
+     * import { partner } from '@apps-in-toss/framework';
+     *
+     * partner.removeAccessoryButton();
+     * ```
+     */
+    removeAccessoryButton: () => Promise<void>;
+};
+
+export { type AddAccessoryButtonOptions, type AppsInTossEvent, type AppsInTossGlobals, type BedrockEvent, GoogleAdMob, IAP, type IapCreateOneTimePurchaseOrderResult, type IapProductListItem, Storage, type TdsEvent, appsInTossEvent, bedrockEvent, env, getAppsInTossGlobals, getSafeAreaInsets, isMinVersionSupported, partner, tdsEvent };

package/build/index.js

@@ -121,7 +121,7 @@ function getSafeAreaInsets() {
 }
 
 // src/googleAdMob.ts
-import { createEventBridge, createConstantBridge as createConstantBridge2 } from "@apps-in-toss/bridge-core";
+import { createConstantBridge as createConstantBridge2, createEventBridge } from "@apps-in-toss/bridge-core";
 var GoogleAdMob = {
   /**
    * @public
@@ -542,6 +542,93 @@ var getAppsInTossGlobals = () => {
     brandBridgeColorMode: brandBridgeColorMode()
   };
 };
+
+// src/tdsEvent.ts
+import { createEventBridge as createEventBridge4 } from "@apps-in-toss/bridge-core";
+var tdsEvent = {
+  /**
+   * @public
+   * @category TDS
+   * @name addEventListener
+   * @description 이벤트를 추가해요.
+   * @param {string} event 이벤트 이름예요.
+   * @param {TdsEvent[K]['onEvent']} onEvent 이벤트 핸들러예요.
+   * @param {TdsEvent[K]['onError']} onError 이벤트 에러 핸들러예요.
+   * @param {TdsEvent[K]['options']} options 이벤트 옵션예요.
+   * @returns {void} 이벤트를 추가했을 때 아무 값도 반환하지 않아요.
+   * @example
+   * ### 네비게이션 악세서리 이벤트 추가하기
+   * ```tsx
+   * import { tdsEvent } from '@apps-in-toss/framework';
+   *
+   * tdsEvent.addEventListener('navigationAccessoryEvent', {
+   *   onEvent: ({ id }) => {
+   *     if(id === 'heart') {
+   *       router.push('/heart');
+   *     }
+   *   },
+   * });
+   * ```
+   */
+  addEventListener: (event, {
+    onEvent,
+    onError,
+    options
+  }) => createEventBridge4(event)({
+    onEvent,
+    onError: onError ?? (() => {
+    }),
+    options
+  })
+};
+
+// src/partner.ts
+import { createAsyncBridge as createAsyncBridge3 } from "@apps-in-toss/bridge-core";
+var partner = {
+  /**
+   * @public
+   * @category 파트너
+   * @name addAccessoryButton
+   * @description 상단 네비게이션의 악세서리 버튼을 추가해요. callback에 대한 정의는 `tdsEvent.addEventListener("navigationAccessoryEvent", callback)`를 참고해주세요.
+   * @param {AddAccessoryButtonOptions} options - 악세서리 버튼의 고유 ID예요.
+   * @returns {void} 악세서리 버튼을 추가했을 때 아무 값도 반환하지 않아요.
+   * @example
+   * ```tsx
+   * import { partner } from '@apps-in-toss/framework';
+   *
+   * partner.addAccessoryButton({
+   *   id: 'heart',
+   *   type: 'icon',
+   *   name: 'icon-heart-mono',
+   *   alt: '하트',
+   * });
+   *
+   * partner.addAccessoryButton({
+   *   id: ['heart', 'heart2'],
+   *   type: 'icon-double',
+   *   leftIconName: 'icon-heart-mono',
+   *   leftIconAlt: '하트',
+   *   rightIconName: 'icon-heart-mono',
+   *   rightIconAlt: '하트',
+   * });
+   * ```
+   */
+  addAccessoryButton: createAsyncBridge3("addAccessoryButton"),
+  /**
+   * @public
+   * @category 파트너
+   * @name removeAccessoryButton
+   * @description 상단 네비게이션의 악세서리 버튼을 제거해요.
+   * @returns {void} 악세서리 버튼을 제거했을 때 아무 값도 반환하지 않아요.
+   * @example
+   * ```tsx
+   * import { partner } from '@apps-in-toss/framework';
+   *
+   * partner.removeAccessoryButton();
+   * ```
+   */
+  removeAccessoryButton: createAsyncBridge3("removeAccessoryButton")
+};
 export {
   GoogleAdMob,
   IAP,
@@ -551,5 +638,7 @@ export {
   env,
   getAppsInTossGlobals,
   getSafeAreaInsets,
-  isMinVersionSupported
+  isMinVersionSupported,
+  partner,
+  tdsEvent
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@apps-in-toss/web-bridge",
   "type": "module",
-  "version": "0.0.32",
+  "version": "0.0.33",
   "description": "Web Bridge for Apps In Toss",
   "scripts": {
     "prepack": "yarn build",
@@ -23,9 +23,9 @@
     "build"
   ],
   "devDependencies": {
-    "@apps-in-toss-internal/bridgepack": "0.0.32",
-    "@apps-in-toss/bridge-core": "0.0.32",
-    "@apps-in-toss/framework": "0.0.32",
+    "@apps-in-toss-internal/bridgepack": "0.0.33",
+    "@apps-in-toss/bridge-core": "0.0.33",
+    "@apps-in-toss/framework": "0.0.33",
     "react-native-bedrock": "0.0.25",
     "tsup": "^8.3.5",
     "typescript": "4.9.5",
@@ -37,5 +37,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ad308fcf0d83cb5ffcde365282d18a5b814f0b29"
+  "gitHead": "6b7e58eea07536c97dee1de3ae03e565c726f619"
 }