@apps-in-toss/framework 2.9.2 → 2.10.0

package/dist/index.cjs

@@ -1654,7 +1654,7 @@ var AppsInToss = {
 };
 
 // src/components/WebView.tsx
-var import_native_modules18 = require("@apps-in-toss/native-modules");
+var import_native_modules19 = require("@apps-in-toss/native-modules");
 var appsInTossAsyncBridges = __toESM(require("@apps-in-toss/native-modules/async-bridges"), 1);
 var appsInTossConstantBridges = __toESM(require("@apps-in-toss/native-modules/constant-bridges"), 1);
 var appsInTossEventBridges = __toESM(require("@apps-in-toss/native-modules/event-bridges"), 1);
@@ -1794,7 +1794,7 @@ function convertIntentURL(url) {
   return `${scheme}://${url.hostname}${url.pathname}${url.search}`;
 }
 
-// src/ads/fetchTossAd.ts
+// src/ads/fetchAppsInTossAd.ts
 var import_native_modules12 = require("@apps-in-toss/native-modules");
 
 // ../../../.yarn/cache/es-toolkit-npm-1.34.1-4cd6371dcb-aab6d07be3.zip/node_modules/es-toolkit/dist/function/noop.mjs
@@ -1822,14 +1822,50 @@ function generateSessionId() {
 // src/ads/constants.ts
 var sessionId = generateSessionId();
 
+// src/ads/fetchAppsInTossAd.ts
+var ANDROID_SUPPORTED_VERSION = "5.264.0";
+var IOS_SUPPORTED_VERSION = "5.264.0";
+var APP_BRIDGE_METHOD_NAME2 = "fetchAppsInTossAd";
+var UNSUPPORTED_ERROR_MESSAGE = "This feature is not supported in the current environment";
+function fetchAppsInTossAd(params) {
+  const { body, onEvent, onError } = params;
+  if (!fetchAppsInTossAd.isSupported()) {
+    onError(new Error(UNSUPPORTED_ERROR_MESSAGE));
+    return noop;
+  }
+  const spaceUnitId = normalizeAdGroupId(body.spaceUnitId);
+  if (spaceUnitId.length === 0) {
+    onError(createInvalidAdGroupIdError());
+    return noop;
+  }
+  return import_native_modules12.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
+    APP_BRIDGE_METHOD_NAME2,
+    { ...body, spaceUnitId, sessionId: body.sessionId ?? sessionId },
+    {
+      onSuccess: onEvent,
+      onError
+    }
+  );
+}
+fetchAppsInTossAd.isSupported = () => {
+  if ((0, import_native_modules12.getOperationalEnvironment)() !== "toss") {
+    return false;
+  }
+  return (0, import_native_modules12.isMinVersionSupported)({
+    android: ANDROID_SUPPORTED_VERSION,
+    ios: IOS_SUPPORTED_VERSION
+  });
+};
+
 // src/ads/fetchTossAd.ts
+var import_native_modules13 = require("@apps-in-toss/native-modules");
 var ANDROID_FETCH_TOSS_AD_SUPPORTED_VERSION = "5.241.0";
 var IOS_FETCH_TOSS_AD_SUPPORTED_VERSION = "5.241.0";
-var UNSUPPORTED_ERROR_MESSAGE = "This feature is not supported in the current environment";
-var ENVIRONMENT = (0, import_native_modules12.getOperationalEnvironment)();
+var UNSUPPORTED_ERROR_MESSAGE2 = "This feature is not supported in the current environment";
+var ENVIRONMENT = (0, import_native_modules13.getOperationalEnvironment)();
 function fetchTossAd(params) {
   if (!fetchTossAd.isSupported()) {
-    params.onError(new Error(UNSUPPORTED_ERROR_MESSAGE));
+    params.onError(new Error(UNSUPPORTED_ERROR_MESSAGE2));
     return noop;
   }
   const { onEvent, onError, options } = params;
@@ -1839,7 +1875,7 @@ function fetchTossAd(params) {
     return noop;
   }
   const wireHeaders = options.headers;
-  const unregisterCallbacks = import_native_modules12.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
+  const unregisterCallbacks = import_native_modules13.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
     "fetchTossAd",
     {
       spaceUnitId: adGroupId,
@@ -1863,14 +1899,14 @@ fetchTossAd.isSupported = () => {
   if (ENVIRONMENT !== "toss") {
     return false;
   }
-  return (0, import_native_modules12.isMinVersionSupported)({
+  return (0, import_native_modules13.isMinVersionSupported)({
     android: ANDROID_FETCH_TOSS_AD_SUPPORTED_VERSION,
     ios: IOS_FETCH_TOSS_AD_SUPPORTED_VERSION
   });
 };
 
 // src/ads/integratedAd.ts
-var import_native_modules14 = require("@apps-in-toss/native-modules");
+var import_native_modules15 = require("@apps-in-toss/native-modules");
 
 // src/ads/generateRequestId.ts
 function generateRequestId() {
@@ -1890,7 +1926,7 @@ function getReferrer() {
 }
 
 // src/ads/remotes.ts
-var import_native_modules13 = require("@apps-in-toss/native-modules");
+var import_native_modules14 = require("@apps-in-toss/native-modules");
 
 // src/ads/getIsDev.ts
 var import_react_native33 = require("@granite-js/react-native");
@@ -1903,9 +1939,9 @@ function getIsDev() {
 }
 
 // src/ads/remotes.ts
-var OPERATIONAL_ENVIRONMENT = (0, import_native_modules13.getOperationalEnvironment)();
-var OS = (0, import_native_modules13.getPlatformOS)();
-var APP_VER = (0, import_native_modules13.getTossAppVersion)();
+var OPERATIONAL_ENVIRONMENT = (0, import_native_modules14.getOperationalEnvironment)();
+var OS = (0, import_native_modules14.getPlatformOS)();
+var APP_VER = (0, import_native_modules14.getTossAppVersion)();
 var ALPHA_EVENT_TRACKER_HTTP_ENDPOINT = "https://alpha-trillion.toss.im/trk/sdk-mediation/event";
 var LIVE_EVENT_TRACKER_HTTP_ENDPOINT = "https://trillion.toss.im/trk/sdk-mediation/event";
 function getPostEventTrackingUrl() {
@@ -1937,18 +1973,18 @@ function postEventTracking(params) {
 var INTEGRATED_AD_SDK_VERSION = "0.0.0";
 var ANDROID_INTEGRATED_AD_SUPPORTED_VERSION = "5.247.0";
 var IOS_INTEGRATED_AD_SUPPORTED_VERSION = "5.247.0";
-var UNSUPPORTED_ERROR_MESSAGE2 = "This feature is not supported in the current environment";
+var UNSUPPORTED_ERROR_MESSAGE3 = "This feature is not supported in the current environment";
 var INTG_AD_ADM_FALLBACK_RID_MAP = {};
 function integratedAdIsSupported() {
-  return (0, import_native_modules14.isMinVersionSupported)({
+  return (0, import_native_modules15.isMinVersionSupported)({
     android: ANDROID_INTEGRATED_AD_SUPPORTED_VERSION,
     ios: IOS_INTEGRATED_AD_SUPPORTED_VERSION
   });
 }
 function generateLoadFullScreenAd(sdkId) {
   const fn = (params) => {
-    if (!import_native_modules14.GoogleAdMob.loadAppsInTossAdMob.isSupported()) {
-      params.onError(new Error(UNSUPPORTED_ERROR_MESSAGE2));
+    if (!import_native_modules15.GoogleAdMob.loadAppsInTossAdMob.isSupported()) {
+      params.onError(new Error(UNSUPPORTED_ERROR_MESSAGE3));
       return noop;
     }
     const normalizedAdGroupId = normalizeAdGroupId(params.options.adGroupId);
@@ -1966,7 +2002,7 @@ function generateLoadFullScreenAd(sdkId) {
     if (!integratedAdIsSupported()) {
       const fallbackOptions = { ...normalizedParams.options };
       delete fallbackOptions.headers;
-      return import_native_modules14.GoogleAdMob.loadAppsInTossAdMob({
+      return import_native_modules15.GoogleAdMob.loadAppsInTossAdMob({
         ...normalizedParams,
         options: fallbackOptions,
         onEvent: (event) => {
@@ -2006,7 +2042,7 @@ function generateLoadFullScreenAd(sdkId) {
     const { adGroupId } = options;
     const referrer = getReferrer();
     const wireHeaders = options.headers;
-    const unregisterCallbacks = import_native_modules14.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
+    const unregisterCallbacks = import_native_modules15.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
       "loadTossAdOrAdmob",
       {
         spaceUnitId: adGroupId,
@@ -2026,14 +2062,14 @@ function generateLoadFullScreenAd(sdkId) {
     );
     return unregisterCallbacks;
   };
-  fn.isSupported = import_native_modules14.GoogleAdMob.loadAppsInTossAdMob.isSupported;
+  fn.isSupported = import_native_modules15.GoogleAdMob.loadAppsInTossAdMob.isSupported;
   return fn;
 }
 var loadFullScreenAd = generateLoadFullScreenAd("107");
 var loadFullScreenAdForWeb = generateLoadFullScreenAd("107");
 function showFullScreenAd(params) {
-  if (!import_native_modules14.GoogleAdMob.showAppsInTossAdMob.isSupported()) {
-    params.onError(new Error(UNSUPPORTED_ERROR_MESSAGE2));
+  if (!import_native_modules15.GoogleAdMob.showAppsInTossAdMob.isSupported()) {
+    params.onError(new Error(UNSUPPORTED_ERROR_MESSAGE3));
     return noop;
   }
   const normalizedAdGroupId = normalizeAdGroupId(params.options.adGroupId);
@@ -2049,7 +2085,7 @@ function showFullScreenAd(params) {
     }
   };
   if (!integratedAdIsSupported()) {
-    return import_native_modules14.GoogleAdMob.showAppsInTossAdMob({
+    return import_native_modules15.GoogleAdMob.showAppsInTossAdMob({
       ...normalizedParams,
       onEvent: (event) => {
         const requestId = INTG_AD_ADM_FALLBACK_RID_MAP[normalizedAdGroupId] ?? "";
@@ -2148,7 +2184,7 @@ function showFullScreenAd(params) {
   const { onEvent, onError, options } = normalizedParams;
   const { adGroupId } = options;
   const referrer = getReferrer();
-  const unregisterCallbacks = import_native_modules14.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
+  const unregisterCallbacks = import_native_modules15.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
     "showTossAdOrAdmob",
     { spaceUnitId: adGroupId, referrer, sessionId },
     {
@@ -2168,7 +2204,8 @@ function showFullScreenAd(params) {
         onEvent({ type: "show" });
       },
       onUserEarnedReward: (data) => {
-        onEvent({ type: "userEarnedReward", data });
+        const normalized = "type" in data ? { unitType: data.type, unitAmount: data.amount } : data;
+        onEvent({ type: "userEarnedReward", data: normalized });
       },
       onSuccess: () => {
         onEvent({ type: "requested" });
@@ -2180,7 +2217,7 @@ function showFullScreenAd(params) {
   );
   return unregisterCallbacks;
 }
-showFullScreenAd.isSupported = import_native_modules14.GoogleAdMob.showAppsInTossAdMob.isSupported;
+showFullScreenAd.isSupported = import_native_modules15.GoogleAdMob.showAppsInTossAdMob.isSupported;
 
 // src/ads/tossAdEventLog.ts
 var import_react_native34 = require("@granite-js/react-native");
@@ -2493,7 +2530,7 @@ function mergeRefs(...refs) {
 }
 
 // src/hooks/useCreateUserAgent.ts
-var import_native_modules15 = require("@apps-in-toss/native-modules");
+var import_native_modules16 = require("@apps-in-toss/native-modules");
 var import_react_native36 = require("react-native");
 var FontA11yCategory = {
   Large: "Large",
@@ -2627,8 +2664,8 @@ function useCreateUserAgent({
   safeArea,
   safeAreaBottomTransparency
 }) {
-  const platform = (0, import_native_modules15.getPlatformOS)();
-  const appVersion = (0, import_native_modules15.getTossAppVersion)();
+  const platform = (0, import_native_modules16.getPlatformOS)();
+  const appVersion = (0, import_native_modules16.getTossAppVersion)();
   const { fontScale } = (0, import_react_native36.useWindowDimensions)();
   const platformString = platform === "ios" ? "iPhone" : "Android phone";
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
@@ -2650,7 +2687,7 @@ function useCreateUserAgent({
 }
 
 // src/hooks/useGeolocation.ts
-var import_native_modules16 = require("@apps-in-toss/native-modules");
+var import_native_modules17 = require("@apps-in-toss/native-modules");
 var import_react_native37 = require("@granite-js/react-native");
 var import_react26 = require("react");
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
@@ -2660,7 +2697,7 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
     if (!isVisible) {
       return;
     }
-    return (0, import_native_modules16.startUpdateLocation)({
+    return (0, import_native_modules17.startUpdateLocation)({
       options: {
         accuracy,
         distanceInterval,
@@ -2713,7 +2750,7 @@ function useTopNavigation() {
 }
 
 // src/hooks/useWebViewMemoryDebug.tsx
-var import_native_modules17 = require("@apps-in-toss/native-modules");
+var import_native_modules18 = require("@apps-in-toss/native-modules");
 var import_react_native39 = require("@granite-js/react-native");
 var import_tds_react_native15 = require("@toss/tds-react-native");
 function useHandleWebViewProcessDidTerminate(webViewRef) {
@@ -2741,7 +2778,7 @@ function webViewDebugLog(logName, params) {
       deployment_id: global2.deploymentId
     }
   };
-  if ((0, import_native_modules17.getOperationalEnvironment)() === "toss") {
+  if ((0, import_native_modules18.getOperationalEnvironment)() === "toss") {
     sendLog(event, { pipelines: ["core"] });
   } else {
     console.log("[webViewDebugLog]", event);
@@ -2841,7 +2878,7 @@ function getWebViewURL(local) {
     const devUrl = `http://${local.host}:${local.port}`;
     return mergeSchemeQueryParamsInto(devUrl);
   }
-  const { url: rawUrl } = (0, import_native_modules18.safeSyncPostMessage)("getWebBundleURL", {});
+  const { url: rawUrl } = (0, import_native_modules19.safeSyncPostMessage)("getWebBundleURL", {});
   const url = mergeSchemeQueryParamsInto(rawUrl);
   const deploymentId = env.getDeploymentId();
   if (deploymentId) {
@@ -2875,39 +2912,42 @@ function WebView({ type, local, onMessage, ...props }) {
         };
       },
       homeEvent: ({ onEvent }) => homeEvent.subscribe(onEvent),
-      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules18.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules19.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       safeAreaInsetsChange: ({ onEvent }) => safeAreaInsetsEvent.subscribe(onEvent),
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules18.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules19.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMobV2 */
-      loadAppsInTossAdMob: import_native_modules18.GoogleAdMob.loadAppsInTossAdMob,
-      showAppsInTossAdMob: import_native_modules18.GoogleAdMob.showAppsInTossAdMob,
+      loadAppsInTossAdMob: import_native_modules19.GoogleAdMob.loadAppsInTossAdMob,
+      showAppsInTossAdMob: import_native_modules19.GoogleAdMob.showAppsInTossAdMob,
       /** IntegratedAd */
       loadFullScreenAd: loadFullScreenAdForWeb,
       showFullScreenAd,
       /** TossAd */
       fetchTossAd,
+      // v1.4 배너: web 이벤트 브릿지는 payload를 options로 전달하지만 fetchAppsInTossAd는 body로 받으므로 어댑팅한다.
+      fetchAppsInTossAd: ({ onEvent, onError, options }) => fetchAppsInTossAd({ body: options, onEvent, onError }),
       /** IAP */
-      iapCreateOneTimePurchaseOrder: import_native_modules18.IAP.createOneTimePurchaseOrder,
-      requestSubscriptionPurchase: import_native_modules18.requestSubscriptionPurchase,
-      requestOneTimePurchase: import_native_modules18.requestOneTimePurchase,
-      requestNotificationAgreement: import_native_modules18.requestNotificationAgreement
+      iapCreateOneTimePurchaseOrder: import_native_modules19.IAP.createOneTimePurchaseOrder,
+      requestSubscriptionPurchase: import_native_modules19.requestSubscriptionPurchase,
+      requestOneTimePurchase: import_native_modules19.requestOneTimePurchase,
+      requestNotificationAgreement: import_native_modules19.requestNotificationAgreement
     },
     constantHandlerMap: {
       ...appsInTossConstantBridges,
       getSafeAreaInsets: () => insets,
       ...Object.fromEntries(Object.entries(global2).map(([key, value]) => [key, () => value])),
-      getServerTime_isSupported: import_native_modules18.getServerTime.isSupported,
-      requestReview_isSupported: import_native_modules18.requestReview.isSupported,
+      getServerTime_isSupported: import_native_modules19.getServerTime.isSupported,
+      requestReview_isSupported: import_native_modules19.requestReview.isSupported,
       /** AdMobV2 */
-      loadAppsInTossAdMob_isSupported: import_native_modules18.GoogleAdMob.loadAppsInTossAdMob.isSupported,
-      showAppsInTossAdMob_isSupported: import_native_modules18.GoogleAdMob.showAppsInTossAdMob.isSupported,
-      isAppsInTossAdMobLoaded_isSupported: import_native_modules18.GoogleAdMob.isAppsInTossAdMobLoaded.isSupported,
+      loadAppsInTossAdMob_isSupported: import_native_modules19.GoogleAdMob.loadAppsInTossAdMob.isSupported,
+      showAppsInTossAdMob_isSupported: import_native_modules19.GoogleAdMob.showAppsInTossAdMob.isSupported,
+      isAppsInTossAdMobLoaded_isSupported: import_native_modules19.GoogleAdMob.isAppsInTossAdMobLoaded.isSupported,
       /** IntegratedAd */
       loadFullScreenAd_isSupported: loadFullScreenAdForWeb.isSupported,
       showFullScreenAd_isSupported: showFullScreenAd.isSupported,
       /** TossAd */
       fetchTossAd_isSupported: fetchTossAd.isSupported,
+      fetchAppsInTossAd_isSupported: fetchAppsInTossAd.isSupported,
       /** env */
       getDeploymentId: env.getDeploymentId,
       getWebViewType: env.getWebViewType,
@@ -2915,7 +2955,7 @@ function WebView({ type, local, onMessage, ...props }) {
     },
     asyncHandlerMap: {
       ...appsInTossAsyncBridges,
-      getServerTime: import_native_modules18.getServerTime,
+      getServerTime: import_native_modules19.getServerTime,
       setIosSwipeGestureEnabled: (options) => {
         setAllowsBackForwardNavigationGestures(options.isEnabled);
         return appsInTossAsyncBridges.setIosSwipeGestureEnabled(options);
@@ -2933,20 +2973,20 @@ function WebView({ type, local, onMessage, ...props }) {
       getCurrentLocation: appsInTossAsyncBridges.getCurrentLocation,
       openCamera: appsInTossAsyncBridges.openCamera,
       /** Storage */
-      getStorageItem: import_native_modules18.Storage.getItem,
-      setStorageItem: import_native_modules18.Storage.setItem,
-      removeStorageItem: import_native_modules18.Storage.removeItem,
-      clearItems: import_native_modules18.Storage.clearItems,
+      getStorageItem: import_native_modules19.Storage.getItem,
+      setStorageItem: import_native_modules19.Storage.setItem,
+      removeStorageItem: import_native_modules19.Storage.removeItem,
+      clearItems: import_native_modules19.Storage.clearItems,
       /** IAP */
-      iapGetProductItemList: import_native_modules18.IAP.getProductItemList,
-      iapCreateOneTimePurchaseOrder: import_native_modules18.iapCreateOneTimePurchaseOrder,
-      processProductGrant: import_native_modules18.processProductGrant,
-      getPendingOrders: import_native_modules18.IAP.getPendingOrders,
-      getCompletedOrRefundedOrders: import_native_modules18.IAP.getCompletedOrRefundedOrders,
-      completeProductGrant: import_native_modules18.IAP.completeProductGrant,
-      getSubscriptionInfo: import_native_modules18.IAP.getSubscriptionInfo,
+      iapGetProductItemList: import_native_modules19.IAP.getProductItemList,
+      iapCreateOneTimePurchaseOrder: import_native_modules19.iapCreateOneTimePurchaseOrder,
+      processProductGrant: import_native_modules19.processProductGrant,
+      getPendingOrders: import_native_modules19.IAP.getPendingOrders,
+      getCompletedOrRefundedOrders: import_native_modules19.IAP.getCompletedOrRefundedOrders,
+      completeProductGrant: import_native_modules19.IAP.completeProductGrant,
+      getSubscriptionInfo: import_native_modules19.IAP.getSubscriptionInfo,
       /** AdMobV2 */
-      isAppsInTossAdMobLoaded: import_native_modules18.GoogleAdMob.isAppsInTossAdMobLoaded,
+      isAppsInTossAdMobLoaded: import_native_modules19.GoogleAdMob.isAppsInTossAdMobLoaded,
       /** Toss Ads */
       tossAdEventLog,
       /** Private */
@@ -3171,6 +3211,159 @@ var AD_STATUS_ERROR_MAP = {
   }
 };
 
+// src/ads/inlineAd/errorTracking.ts
+var BANNER_ERROR_LOG_NAME = "display_ads_all::error__banner";
+var MAX_STACK_TRACE_LENGTH = 255;
+function logBannerErrorToAppLog(info) {
+  void tossAdEventLog({
+    log_name: BANNER_ERROR_LOG_NAME,
+    log_type: "debug",
+    params: {
+      error_code: info.errorCode,
+      error_message: info.errorMessage,
+      ad_group_id: info.adGroupId,
+      mediation_id: info.mediationId,
+      event_context_token: info.eventContextToken
+    }
+  }).catch(noop);
+}
+function trackBannerError(info) {
+  if (info.endpointError) {
+    void fetch(info.endpointError, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({
+        eventContextToken: info.eventContextToken,
+        mediationId: info.mediationId,
+        errorCode: info.errorCode,
+        errorMessage: info.errorMessage,
+        stackTrace: info.stackTrace?.slice(0, MAX_STACK_TRACE_LENGTH)
+      })
+      // POST 실패(CORS·네트워크) → 앱로그 fallback (endpoint와 같은 채널이라 함께 막히는 경우 대비).
+    }).catch(() => logBannerErrorToAppLog(info));
+    return;
+  }
+  logBannerErrorToAppLog(info);
+}
+
+// src/ads/inlineAd/loadAd.ts
+var import_native_modules20 = require("@apps-in-toss/native-modules");
+
+// src/ads/fetchAppsInTossAdSchema.ts
+var APPS_IN_TOSS_AD_SPEC_VERSION = "1.4.1";
+var FETCH_APPS_IN_TOSS_AD_DEVICE_MACRO = "{{device}}";
+var TOSS_APP_BUNDLE_IDS = {
+  ios: "com.vivarepublica.cash",
+  android: "viva.republica.toss"
+};
+function resolveTossAppBundleId(os) {
+  return TOSS_APP_BUNDLE_IDS[os];
+}
+
+// package.json
+var package_default = {
+  name: "@apps-in-toss/framework",
+  type: "module",
+  version: "2.10.0",
+  description: "The framework for Apps In Toss",
+  scripts: {
+    typecheck: "tsc --noEmit",
+    test: "vitest --no-watch",
+    "test:no-parallel": "vitest --no-watch --config=vitest.no-parallel.config.mts",
+    lint: "eslint .",
+    build: "tsup"
+  },
+  main: "./dist/index.cjs",
+  module: "./dist/index.js",
+  types: "./dist/index.d.ts",
+  exports: {
+    ".": {
+      types: "./dist/index.d.ts",
+      import: "./dist/index.js",
+      require: "./dist/index.cjs"
+    },
+    "./plugins": {
+      types: "./dist/plugins/index.d.ts",
+      import: "./dist/plugins/index.js",
+      require: "./dist/plugins/index.cjs"
+    },
+    "./internal": {
+      types: "./dist/internal.d.ts",
+      import: "./dist/internal.js",
+      require: "./dist/internal.cjs"
+    },
+    "./bridge-entry": "./src/bridge-entry.ts",
+    "./bridge-meta": {
+      types: "./dist/bridge-meta.d.ts",
+      default: "./dist/bridge-meta.js"
+    },
+    "./jest": {
+      types: "./dist/jest/index.d.ts",
+      import: "./dist/jest/index.js",
+      require: "./dist/jest/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  files: [
+    "dist/**/*",
+    "src/bridge-entry.ts",
+    "src/async-bridges.ts",
+    "src/constant-bridges.ts",
+    "src/event-bridges.ts",
+    "hermesc/**/*",
+    "plugins.d.ts",
+    "jest.d.ts"
+  ],
+  bin: {
+    ait: "./bin/ait.js"
+  },
+  dependencies: {
+    "@apps-in-toss/analytics": "workspace:*",
+    "@apps-in-toss/cli": "workspace:*",
+    "@apps-in-toss/native-modules": "workspace:*",
+    "@apps-in-toss/plugins": "workspace:*",
+    "@apps-in-toss/types": "workspace:*",
+    "@apps-in-toss/user-scripts": "workspace:^",
+    "es-hangul": "^2.3.2"
+  },
+  devDependencies: {
+    "@apps-in-toss/ait-format": "1.0.0",
+    "@babel/runtime": "^7",
+    "@granite-js/mpack": "catalog:granite-js",
+    "@granite-js/native": "catalog:granite-js",
+    "@granite-js/plugin-core": "catalog:granite-js",
+    "@granite-js/react-native": "catalog:granite-js",
+    "@granite-js/utils": "catalog:granite-js",
+    "@toss/tds-react-native": "catalog:react-native",
+    "@types/kill-port": "2.0.1",
+    "@types/react": "catalog:react-native",
+    "brick-module": "catalog:brick-module",
+    "es-toolkit": "^1.34.1",
+    eslint: "^9.7.0",
+    execa: "catalog:tooling",
+    jsdom: "^25.0.1",
+    "kill-port": "2.0.1",
+    react: "catalog:react-native",
+    "react-native": "catalog:react-native",
+    tsup: "^8.3.5",
+    typescript: "5.8.3",
+    vitest: "^3.0.3",
+    "workspace-tools": "^0.38.2"
+  },
+  peerDependencies: {
+    "@granite-js/native": "*",
+    "@granite-js/react-native": "*",
+    "@toss/tds-react-native": ">=2.0.0",
+    "@types/react": "*",
+    "brick-module": "*",
+    react: "*",
+    "react-native": "*"
+  }
+};
+
+// src/ads/sdkVersion.ts
+var SDK_VERSION = package_default.version;
+
 // src/ads/inlineAd/loadAd.ts
 function createError(code, message) {
   return {
@@ -3197,6 +3390,28 @@ function fetchTossAdPromise(options) {
     });
   });
 }
+function requestAd(adGroupId) {
+  if (fetchAppsInTossAd.isSupported()) {
+    const body = {
+      specVersion: APPS_IN_TOSS_AD_SPEC_VERSION,
+      platform: "RN",
+      spaceUnitId: adGroupId,
+      sdkVersion: SDK_VERSION,
+      availableStyleIds: AVAILABLE_STYLE_IDS,
+      // device는 매크로키만 보내고 native가 실제 device로 치환한다.
+      device: FETCH_APPS_IN_TOSS_AD_DEVICE_MACRO,
+      app: {
+        version: (0, import_native_modules20.getTossAppVersion)(),
+        bundle: resolveTossAppBundleId((0, import_native_modules20.getPlatformOS)()),
+        subBundle: global.__granite?.app?.name ?? ""
+      }
+    };
+    return new Promise((resolve, reject) => {
+      fetchAppsInTossAd({ body, onEvent: resolve, onError: reject });
+    });
+  }
+  return fetchTossAdPromise({ adGroupId, sdkId: SDK_ID, availableStyleIds: AVAILABLE_STYLE_IDS });
+}
 function isApiResponse(payload) {
   return Boolean(payload && typeof payload === "object" && "resultType" in payload);
 }
@@ -3210,6 +3425,7 @@ function normalizeAdResponse(adResponse) {
   })).filter((ad) => AVAILABLE_STYLE_IDS.includes(String(ad.styleId))) : [];
   return {
     requestId: adResponse.requestId ?? "",
+    eventContextToken: adResponse.eventContextToken ?? "",
     status: adResponse.status ?? "OK",
     ads,
     ext: adResponse.ext
@@ -3250,7 +3466,7 @@ async function loadAd(adGroupId) {
       error: createError(ERROR_CODES.INVALID_SPACE, INVALID_AD_GROUP_ID_ERROR_MESSAGE)
     };
   }
-  if (!fetchTossAd.isSupported()) {
+  if (!fetchAppsInTossAd.isSupported() && !fetchTossAd.isSupported()) {
     return {
       type: "error",
       error: createError(ERROR_CODES.SDK_NOT_INITIALIZED, "This feature is not supported in the current environment")
@@ -3258,11 +3474,7 @@ async function loadAd(adGroupId) {
   }
   let response;
   try {
-    const raw = await fetchTossAdPromise({
-      adGroupId: normalizedAdGroupId,
-      sdkId: SDK_ID,
-      availableStyleIds: AVAILABLE_STYLE_IDS
-    });
+    const raw = await requestAd(normalizedAdGroupId);
     response = normalizeApiResponse(raw);
   } catch (error) {
     if (isAdError(error)) {
@@ -3364,6 +3576,162 @@ function supertossWeb(uri) {
   return `supertoss://web?url=${encodeURIComponent(uri)}&external=true`;
 }
 
+// src/ads/inlineAd/renderConfig.ts
+var listBannerPalette = {
+  "1": {
+    light: {
+      title: "#4e5968",
+      subtitle: "#6b7684",
+      adClearance: "#b0b8c1",
+      iconBg: "rgba(2,32,71,0.05)",
+      iconBorder: "rgba(2,32,71,0.05)"
+    },
+    dark: {
+      title: "rgba(253,253,255,0.75)",
+      subtitle: "rgba(248,248,255,0.6)",
+      adClearance: "rgba(242,242,255,0.47)",
+      iconBg: "#ffffff",
+      iconBorder: "rgba(217,217,255,0.11)"
+    }
+  },
+  "2": {
+    light: {
+      title: "#4e5968",
+      subtitle: "#6b7684",
+      adClearance: "#b0b8c1",
+      iconBg: "rgba(2,32,71,0.05)",
+      iconBorder: "rgba(2,32,71,0.05)"
+    },
+    dark: {
+      title: "rgba(253,253,255,0.75)",
+      subtitle: "rgba(248,248,255,0.6)",
+      adClearance: "rgba(242,242,255,0.47)",
+      iconBg: "rgba(217,217,255,0.11)",
+      iconBorder: "rgba(217,217,255,0.11)"
+    }
+  }
+};
+var feedBannerPalette = {
+  "1": {
+    light: {
+      brandLogoBg: "rgba(2,32,71,0.05)",
+      brandLogoBorder: "rgba(2,32,71,0.05)",
+      brandName: "#6b7684",
+      adBadge: "#8b95a1",
+      title: "#333d4b",
+      subtitle: "#4e5968",
+      adClearance: "#8b95a1",
+      imageOverlayBorder: "rgba(2,32,71,0.05)"
+    },
+    dark: {
+      brandLogoBg: "#ffffff",
+      brandLogoBorder: "rgba(217,217,255,0.11)",
+      brandName: "#9e9ea4",
+      adBadge: "#7e7e87",
+      title: "#e4e4e5",
+      subtitle: "#c3c3c6",
+      adClearance: "#7e7e87",
+      imageOverlayBorder: "rgba(217,217,255,0.11)"
+    }
+  },
+  "2": {
+    light: {
+      brandLogoBg: "rgba(2,32,71,0.05)",
+      brandLogoBorder: "rgba(2,32,71,0.05)",
+      brandName: "#6b7684",
+      adBadge: "#8b95a1",
+      title: "#333d4b",
+      subtitle: "#4e5968",
+      adClearance: "#8b95a1",
+      imageOverlayBorder: "rgba(2,32,71,0.05)"
+    },
+    dark: {
+      brandLogoBg: "rgba(217,217,255,0.11)",
+      brandLogoBorder: "rgba(217,217,255,0.11)",
+      brandName: "#9e9ea4",
+      adBadge: "#7e7e87",
+      title: "#e4e4e5",
+      subtitle: "#c3c3c6",
+      adClearance: "#7e7e87",
+      imageOverlayBorder: "rgba(217,217,255,0.11)"
+    }
+  }
+};
+function resolveCreativeVersion(creativeVersion) {
+  return String(creativeVersion) === "2" ? "2" : "1";
+}
+function resolveListBannerRenderConfig(creativeVersion, theme) {
+  const version = resolveCreativeVersion(creativeVersion);
+  const isV2 = version === "2";
+  return {
+    colors: listBannerPalette[version][theme],
+    defaultPaddingValue: DEFAULT_INLINE_AD_PADDING_BANNER,
+    titleSlotId: isV2 ? "1001" : "101",
+    subtitleSlotId: isV2 ? "1002" : "102",
+    iconImageSlotId: isV2 ? "2505" : "202",
+    adClearancePaddingRight: isV2 ? 24 : void 0
+  };
+}
+function resolveFeedBannerRenderConfig(creativeVersion, theme) {
+  const version = resolveCreativeVersion(creativeVersion);
+  const isV2 = version === "2";
+  return {
+    colors: feedBannerPalette[version][theme],
+    defaultPaddingValue: isV2 ? DEFAULT_INLINE_AD_PADDING_BANNER : DEFAULT_INLINE_AD_PADDING_NATIVE_IMAGE,
+    brandImageSlotId: isV2 ? "2500" : "202",
+    brandNameSlotId: isV2 ? "1004" : "103",
+    titleSlotId: isV2 ? "1000" : "101",
+    subtitleSlotId: isV2 ? "1002" : "102",
+    mainImageSlotId: isV2 ? "2005" : "201",
+    ctaButtonSlotId: "0",
+    adBadgeText: isV2 ? "AD" : "\uAD11\uACE0",
+    showTextArea: !isV2,
+    adBadgePaddingLeft: isV2 ? 1 : void 0,
+    imageButtonBackgroundColor: isV2 ? "#000000" : void 0,
+    cardOverlayBorderWidth: isV2 ? 1.5 : void 0
+  };
+}
+
+// src/ads/inlineAd/resultTracking.ts
+async function fireResultTracking(result, adGroupId, ctx) {
+  if (result.type !== "success") {
+    return;
+  }
+  if (ctx.resultEndpoint == null || ctx.mediationId == null) {
+    return;
+  }
+  const body = {
+    mediationId: ctx.mediationId,
+    spaceUnitId: adGroupId,
+    requestId: result.response?.requestId ?? "",
+    eventContextToken: ctx.eventContextToken,
+    winnerSource: "TOSS",
+    content: null,
+    adUnitId: ctx.adUnitId ?? null,
+    placementId: ctx.placementId ?? null,
+    tossFailed: null
+  };
+  try {
+    const res = await fetch(ctx.resultEndpoint, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(body)
+    });
+    if (!res.ok) {
+      throw new Error(`HTTP ${res.status}`);
+    }
+  } catch (error) {
+    trackBannerError({
+      errorCode: ERROR_CODES.NETWORK_ERROR,
+      errorMessage: `RESULT_TRACKING failed: ${error instanceof Error ? error.message : String(error)}`,
+      adGroupId,
+      mediationId: ctx.mediationId,
+      eventContextToken: ctx.eventContextToken,
+      endpointError: ctx.errorEndpoint
+    });
+  }
+}
+
 // src/ads/inlineAd/tracking.ts
 var GlobalEventDeduplicator = class _GlobalEventDeduplicator {
   static MAX_EVENTS = 1e4;
@@ -3386,12 +3754,13 @@ var GlobalEventDeduplicator = class _GlobalEventDeduplicator {
 };
 var globalEventDeduplicator = new GlobalEventDeduplicator();
 var EventTracker = class {
-  constructor(eventTrackingUrls = [], eventTypes = [], eventPayload = "", requestId, creativeId, requestHeaders) {
+  constructor(eventTrackingUrls = [], eventTypes = [], eventPayload = "", requestId, creativeId, requestHeaders, onTrackingError) {
     this.eventTrackingUrls = eventTrackingUrls;
     this.eventPayload = eventPayload;
     this.requestId = requestId;
     this.creativeId = creativeId;
     this.requestHeaders = requestHeaders;
+    this.onTrackingError = onTrackingError;
     this.eventTypes = new Set(eventTypes);
     this.repeatableEvents = /* @__PURE__ */ new Set(["VIEW_MUTE", "VIEW_UNMUTE"]);
   }
@@ -3415,7 +3784,13 @@ var EventTracker = class {
       type: eventType,
       data: this.eventPayload
     };
-    await Promise.allSettled(this.eventTrackingUrls.map((url) => this.sendTrackingRequest(url, payload)));
+    const results = await Promise.allSettled(
+      this.eventTrackingUrls.map((url) => this.sendTrackingRequest(url, payload))
+    );
+    const failedUrls = this.eventTrackingUrls.filter((_, index) => results[index]?.status === "rejected");
+    if (failedUrls.length > 0) {
+      this.onTrackingError?.(failedUrls);
+    }
     if (!this.repeatableEvents.has(eventType) && this.requestId && this.creativeId) {
       globalEventDeduplicator.markTracked(this.requestId, this.creativeId, eventType);
     }
@@ -3428,14 +3803,33 @@ var EventTracker = class {
     if (this.requestId) {
       headers["X-Toss-RequestId"] = this.requestId;
     }
-    await fetch(url, {
+    const response = await fetch(url, {
       method: "POST",
       headers,
       body: JSON.stringify(payload)
     });
+    if (!response.ok) {
+      throw new Error(`HTTP ${response.status}`);
+    }
   }
 };
 
+// src/ads/inlineAd/trackingContext.ts
+function nonEmptyString(value) {
+  return typeof value === "string" && value.length > 0 ? value : void 0;
+}
+function extractAdTrackingContext(response) {
+  const mediation = response?.ext?.mediation;
+  return {
+    mediationId: nonEmptyString(mediation?.mediationId),
+    eventContextToken: nonEmptyString(response?.eventContextToken),
+    resultEndpoint: nonEmptyString(mediation?.endpoint?.result),
+    errorEndpoint: nonEmptyString(mediation?.endpoint?.error),
+    adUnitId: nonEmptyString(mediation?.admob?.adUnitId),
+    placementId: typeof mediation?.admob?.placementId === "number" ? mediation.admob.placementId : void 0
+  };
+}
+
 // src/ads/inlineAd/ui/FeedBannerAdView.tsx
 var import_react_native_svg2 = require("@granite-js/native/react-native-svg");
 var import_react29 = require("react");
@@ -3445,6 +3839,12 @@ var ARROW_PATH = "m7.5 20.4c-.5-.5-.5-1.2 0-1.7l6.7-6.7-6.8-6.7c-.5-.5-.5-1.2 0-
 function FeedBannerAdView({
   brandName,
   brandLogoUri,
+  brandImageSlotId,
+  brandNameSlotId,
+  titleSlotId,
+  subtitleSlotId,
+  mainImageSlotId,
+  ctaButtonSlotId,
   title,
   subtitle,
   mainImageUri,
@@ -3452,6 +3852,11 @@ function FeedBannerAdView({
   ctaTextColor,
   ctaBackgroundColor,
   adClearanceText,
+  adBadgeText,
+  showTextArea,
+  adBadgePaddingLeft,
+  imageButtonBackgroundColor,
+  cardOverlayBorderWidth,
   colors: colors4,
   isAdBadgeEnabled,
   paddingStyle,
@@ -3489,7 +3894,7 @@ function FeedBannerAdView({
               import_react_native44.Pressable,
               {
                 accessibilityRole: "button",
-                onPress: () => onPress("202"),
+                onPress: () => onPress(brandImageSlotId),
                 onPressIn: handlePressIn,
                 onPressOut: handlePressOut,
                 style: styles.logoContainer,
@@ -3504,7 +3909,7 @@ function FeedBannerAdView({
                 import_react_native44.Pressable,
                 {
                   accessibilityRole: "button",
-                  onPress: () => onPress("103"),
+                  onPress: () => onPress(brandNameSlotId),
                   onPressIn: handlePressIn,
                   onPressOut: handlePressOut,
                   children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
@@ -3518,15 +3923,23 @@ function FeedBannerAdView({
                   )
                 }
               ),
-              isAdBadgeEnabled ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native44.Text, { allowFontScaling: false, numberOfLines: 1, style: [styles.adBadge, { color: colors4.adBadge }], children: "\uAD11\uACE0" }) : null
+              isAdBadgeEnabled ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                import_react_native44.Text,
+                {
+                  allowFontScaling: false,
+                  numberOfLines: 1,
+                  style: [styles.adBadge, { color: colors4.adBadge, paddingLeft: adBadgePaddingLeft }],
+                  children: adBadgeText
+                }
+              ) : null
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native44.View, { style: styles.textArea, children: [
+          showTextArea ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native44.View, { style: styles.textArea, children: [
             /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               import_react_native44.Pressable,
               {
                 accessibilityRole: "button",
-                onPress: () => onPress("101"),
+                onPress: () => onPress(titleSlotId),
                 onPressIn: handlePressIn,
                 onPressOut: handlePressOut,
                 children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native44.Text, { allowFontScaling: false, style: [styles.title, { color: colors4.title }], children: title })
@@ -3536,23 +3949,26 @@ function FeedBannerAdView({
               import_react_native44.Pressable,
               {
                 accessibilityRole: "button",
-                onPress: () => onPress("102"),
+                onPress: () => onPress(subtitleSlotId),
                 onPressIn: handlePressIn,
                 onPressOut: handlePressOut,
                 children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native44.Text, { allowFontScaling: false, style: [styles.subtitle, { color: colors4.subtitle }], children: subtitle })
               }
             )
-          ] })
+          ] }) : null
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native44.View, { style: styles.card, children: [
           /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             import_react_native44.Pressable,
             {
               accessibilityRole: "button",
-              onPress: () => onPress("201"),
+              onPress: () => onPress(mainImageSlotId),
               onPressIn: handlePressIn,
               onPressOut: handlePressOut,
-              style: styles.imageButton,
+              style: [
+                styles.imageButton,
+                imageButtonBackgroundColor ? { backgroundColor: imageButtonBackgroundColor } : null
+              ],
               children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native44.View, { style: styles.imageContainer, children: mainImageUri ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native44.Image, { source: { uri: mainImageUri }, style: styles.mainImage, resizeMode: "cover" }) : null })
             }
           ),
@@ -3560,7 +3976,7 @@ function FeedBannerAdView({
             import_react_native44.Pressable,
             {
               accessibilityRole: "button",
-              onPress: () => onPress("0"),
+              onPress: () => onPress(ctaButtonSlotId),
               onPressIn: handlePressIn,
               onPressOut: handlePressOut,
               style: [styles.cta, { backgroundColor: resolvedCtaBackground }],
@@ -3570,7 +3986,18 @@ function FeedBannerAdView({
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native44.View, { style: [styles.cardOverlay, { borderColor: colors4.imageOverlayBorder }] })
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            import_react_native44.View,
+            {
+              style: [
+                styles.cardOverlay,
+                {
+                  borderColor: colors4.imageOverlayBorder,
+                  borderWidth: cardOverlayBorderWidth ?? styles.cardOverlay.borderWidth
+                }
+              ]
+            }
+          )
         ] }),
         adClearanceText ? /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native44.Text, { allowFontScaling: false, style: [styles.adClearance, { color: colors4.adClearance }], children: adClearanceText }) : null
       ] })
@@ -3700,8 +4127,12 @@ var SQUIRCLE_PATH = "M0 17.352C0 3.564 3.564 0 17.352 0H18.648C32.436 0 36 3.564
 function ListBannerAdView({
   title,
   subtitle,
+  titleSlotId,
+  subtitleSlotId,
+  iconImageSlotId,
   adClearanceText,
   adClearanceFontSize,
+  adClearancePaddingRight,
   imageUri,
   paddingStyle,
   colors: colors4,
@@ -3737,7 +4168,7 @@ function ListBannerAdView({
             import_react_native45.Pressable,
             {
               accessibilityRole: "button",
-              onPress: () => onPress("202"),
+              onPress: () => onPress(iconImageSlotId),
               onPressIn: handlePressIn,
               onPressOut: handlePressOut,
               style: styles2.iconWrapper,
@@ -3772,7 +4203,7 @@ function ListBannerAdView({
               import_react_native45.Pressable,
               {
                 accessibilityRole: "button",
-                onPress: () => onPress("101"),
+                onPress: () => onPress(titleSlotId),
                 onPressIn: handlePressIn,
                 onPressOut: handlePressOut,
                 children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native45.Text, { allowFontScaling: false, style: [styles2.title, { color: colors4.title }], children: title })
@@ -3782,7 +4213,7 @@ function ListBannerAdView({
               import_react_native45.Pressable,
               {
                 accessibilityRole: "button",
-                onPress: () => onPress("102"),
+                onPress: () => onPress(subtitleSlotId),
                 onPressIn: handlePressIn,
                 onPressOut: handlePressOut,
                 children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_native45.Text, { allowFontScaling: false, style: [styles2.subtitle, { color: colors4.subtitle }], children: subtitle })
@@ -3799,7 +4230,8 @@ function ListBannerAdView({
               {
                 color: colors4.adClearance,
                 fontSize: adClearanceFontSize,
-                lineHeight: adClearanceFontSize * 1.2
+                lineHeight: adClearanceFontSize * 1.2,
+                paddingRight: adClearancePaddingRight
               }
             ],
             children: adClearanceText
@@ -3911,12 +4343,12 @@ function buildBannerEventPayload(slotId, adGroupId, ad) {
     }
   };
 }
-function buildBannerErrorPayload(slotId, adGroupId, error) {
+function buildBannerErrorPayload(slotId, adGroupId, error, mediationId) {
   return {
     slotId,
     adGroupId,
     adMetadata: {},
-    error
+    error: mediationId ? { ...error, mediationId } : error
   };
 }
 function buildNoFillPayload(slotId, adGroupId) {
@@ -3929,44 +4361,6 @@ function buildNoFillPayload(slotId, adGroupId) {
 
 // src/ads/inlineAd/InlineAd.tsx
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var themePalette = {
-  light: {
-    title: "#4e5968",
-    subtitle: "#6b7684",
-    adClearance: "#b0b8c1",
-    iconBg: "rgba(2,32,71,0.05)",
-    iconBorder: "rgba(2,32,71,0.05)"
-  },
-  dark: {
-    title: "rgba(253,253,255,0.75)",
-    subtitle: "rgba(248,248,255,0.6)",
-    adClearance: "rgba(242,242,255,0.47)",
-    iconBg: "#ffffff",
-    iconBorder: "rgba(217,217,255,0.11)"
-  }
-};
-var feedThemePalette = {
-  light: {
-    brandLogoBg: "rgba(2,32,71,0.05)",
-    brandLogoBorder: "rgba(2,32,71,0.05)",
-    brandName: "#6b7684",
-    adBadge: "#8b95a1",
-    title: "#333d4b",
-    subtitle: "#4e5968",
-    adClearance: "#8b95a1",
-    imageOverlayBorder: "rgba(2,32,71,0.05)"
-  },
-  dark: {
-    brandLogoBg: "#ffffff",
-    brandLogoBorder: "rgba(217,217,255,0.11)",
-    brandName: "#9e9ea4",
-    adBadge: "#7e7e87",
-    title: "#e4e4e5",
-    subtitle: "#c3c3c6",
-    adClearance: "#7e7e87",
-    imageOverlayBorder: "rgba(217,217,255,0.11)"
-  }
-};
 function createError2(code, message) {
   return {
     code,
@@ -4044,8 +4438,6 @@ function InlineAd(props) {
   const resolvedTheme = selectedTheme === "auto" ? colorScheme === "dark" ? "dark" : "light" : selectedTheme;
   const resolvedTone = tone ?? DEFAULT_INLINE_AD_TONE;
   const resolvedVariant = variant ?? DEFAULT_INLINE_AD_VARIANT;
-  const colors4 = themePalette[resolvedTheme];
-  const feedColors = feedThemePalette[resolvedTheme];
   const backgroundColor = resolvedTone === "grey" ? resolvedTheme === "dark" ? "#101013" : "#f2f4f7" : resolvedTheme === "dark" ? "#17171c" : "#ffffff";
   callbacksRef.current = {
     onAdRendered,
@@ -4067,35 +4459,43 @@ function InlineAd(props) {
   }, []);
   (0, import_react31.useEffect)(() => {
     const normalizedAdGroupId = normalizeAdGroupId(adGroupId);
+    const emitFailure = (error, responseContext) => {
+      callbacksRef.current.onAdFailedToRender?.(
+        buildBannerErrorPayload(slotIdRef.current, normalizedAdGroupId, error, responseContext?.mediationId)
+      );
+      trackBannerError({
+        errorCode: error.code,
+        errorMessage: error.message,
+        adGroupId: normalizedAdGroupId,
+        mediationId: responseContext?.mediationId,
+        eventContextToken: responseContext?.eventContextToken,
+        endpointError: responseContext?.errorEndpoint
+      });
+    };
     const loadAdRequest = () => {
       if (loadingRef.current) {
         return;
       }
       if (normalizedAdGroupId.length === 0) {
-        const error = createError2(ERROR_CODES.INVALID_SPACE, INVALID_AD_GROUP_ID_ERROR_MESSAGE);
-        callbacksRef.current.onAdFailedToRender?.(
-          buildBannerErrorPayload(slotIdRef.current, normalizedAdGroupId, error)
-        );
+        emitFailure(createError2(ERROR_CODES.INVALID_SPACE, INVALID_AD_GROUP_ID_ERROR_MESSAGE));
         return;
       }
       loadingRef.current = true;
       loadAd(normalizedAdGroupId).then((result) => {
         if (!isMountedRef.current) return;
+        const responseContext = extractAdTrackingContext(result.response);
+        void fireResultTracking(result, normalizedAdGroupId, responseContext);
         if (result.type === "noFill") {
           callbacksRef.current.onNoFill?.(buildNoFillPayload(slotIdRef.current, normalizedAdGroupId));
           return;
         }
         if (result.type === "error") {
-          callbacksRef.current.onAdFailedToRender?.(
-            buildBannerErrorPayload(slotIdRef.current, normalizedAdGroupId, result.error)
-          );
+          emitFailure(result.error, responseContext);
           return;
         }
         if (!isValidCreative(result.ad)) {
           const invalidError = createError2(ERROR_CODES.INTERNAL_ERROR, "Invalid creative payload");
-          callbacksRef.current.onAdFailedToRender?.(
-            buildBannerErrorPayload(slotIdRef.current, normalizedAdGroupId, invalidError)
-          );
+          emitFailure(invalidError, responseContext);
           return;
         }
         if (result.responseExt?.refetchSeconds !== void 0) {
@@ -4112,21 +4512,29 @@ function InlineAd(props) {
         }
         const payload = buildBannerEventPayload(slotIdRef.current, normalizedAdGroupId, result.ad);
         eventPayloadRef.current = payload;
+        const reportEventTrackingFailure = (failedUrls) => trackBannerError({
+          errorCode: ERROR_CODES.NETWORK_ERROR,
+          errorMessage: `eventTracking delivery failed (${failedUrls.length})`,
+          adGroupId: normalizedAdGroupId,
+          mediationId: responseContext.mediationId,
+          eventContextToken: responseContext.eventContextToken,
+          endpointError: responseContext.errorEndpoint
+        });
         eventTrackerRef.current = new EventTracker(
           result.ad.eventTrackingUrls ?? [],
           result.ad.eventTypes ?? [],
           result.ad.eventPayload ?? "",
           result.requestId,
-          result.ad.creative?.id
+          result.ad.creative?.id,
+          void 0,
+          reportEventTrackingFailure
         );
         setIsAdBadgeEnabled(result.responseExt?.isAdBadgeEnabled !== false);
         setAd(result.ad);
       }).catch((error) => {
         if (!isMountedRef.current) return;
         const adError = error instanceof Error ? createError2(ERROR_CODES.INTERNAL_ERROR, error.message) : createError2(ERROR_CODES.INTERNAL_ERROR, "Unknown error");
-        callbacksRef.current.onAdFailedToRender?.(
-          buildBannerErrorPayload(slotIdRef.current, normalizedAdGroupId, adError)
-        );
+        emitFailure(adError);
       }).finally(() => {
         loadingRef.current = false;
       });
@@ -4165,7 +4573,9 @@ function InlineAd(props) {
   }
   const impressionKey = `${ad.requestId ?? "request"}:${ad.creative?.id ?? "creative"}`;
   const resolvedStyleId = ad.styleId || LIST_BANNER_STYLE_ID;
-  const defaultPaddingValue = resolvedStyleId === LIST_BANNER_STYLE_ID ? DEFAULT_INLINE_AD_PADDING_BANNER : DEFAULT_INLINE_AD_PADDING_NATIVE_IMAGE;
+  const listBannerConfig = resolveListBannerRenderConfig(ad.creativeVersion, resolvedTheme);
+  const feedBannerConfig = resolveFeedBannerRenderConfig(ad.creativeVersion, resolvedTheme);
+  const defaultPaddingValue = resolvedStyleId === LIST_BANNER_STYLE_ID ? listBannerConfig.defaultPaddingValue : feedBannerConfig.defaultPaddingValue;
   const paddingStyle = resolvePaddingStyle(defaultPaddingValue);
   const isListBanner = String(resolvedStyleId) === LIST_BANNER_STYLE_ID;
   const isFeedBanner = String(resolvedStyleId) === FEED_BANNER_STYLE_ID;
@@ -4261,11 +4671,15 @@ function InlineAd(props) {
                   {
                     title: listCreative.title,
                     subtitle: subtitleText,
+                    titleSlotId: listBannerConfig.titleSlotId,
+                    subtitleSlotId: listBannerConfig.subtitleSlotId,
+                    iconImageSlotId: listBannerConfig.iconImageSlotId,
                     adClearanceText,
                     adClearanceFontSize,
+                    adClearancePaddingRight: listBannerConfig.adClearancePaddingRight,
                     imageUri,
                     paddingStyle,
-                    colors: colors4,
+                    colors: listBannerConfig.colors,
                     onPress: handleClick
                   }
                 ) : null,
@@ -4274,6 +4688,12 @@ function InlineAd(props) {
                   {
                     brandName: feedCreative.brandName,
                     brandLogoUri,
+                    brandImageSlotId: feedBannerConfig.brandImageSlotId,
+                    brandNameSlotId: feedBannerConfig.brandNameSlotId,
+                    titleSlotId: feedBannerConfig.titleSlotId,
+                    subtitleSlotId: feedBannerConfig.subtitleSlotId,
+                    mainImageSlotId: feedBannerConfig.mainImageSlotId,
+                    ctaButtonSlotId: feedBannerConfig.ctaButtonSlotId,
                     title: feedCreative.title,
                     subtitle: feedCreative.subTitle,
                     mainImageUri,
@@ -4281,7 +4701,12 @@ function InlineAd(props) {
                     ctaTextColor: feedCreative.ctaTextColor,
                     ctaBackgroundColor: feedCreative.ctaBackgroundColor,
                     adClearanceText,
-                    colors: feedColors,
+                    adBadgeText: feedBannerConfig.adBadgeText,
+                    showTextArea: feedBannerConfig.showTextArea,
+                    adBadgePaddingLeft: feedBannerConfig.adBadgePaddingLeft,
+                    imageButtonBackgroundColor: feedBannerConfig.imageButtonBackgroundColor,
+                    cardOverlayBorderWidth: feedBannerConfig.cardOverlayBorderWidth,
+                    colors: feedBannerConfig.colors,
                     isAdBadgeEnabled,
                     paddingStyle,
                     onPress: handleClick