@apps-in-toss/framework 1.1.3 → 1.2.0

package/dist/index.cjs

@@ -38,17 +38,17 @@ __export(src_exports, {
   env: () => env,
   useCreateUserAgent: () => useCreateUserAgent,
   useGeolocation: () => useGeolocation,
-  useTopNavigation: () => import_private8.useTopNavigation
+  useTopNavigation: () => import_private9.useTopNavigation
 });
 module.exports = __toCommonJS(src_exports);
 var import_analytics2 = require("@apps-in-toss/analytics");
 
 // src/core/registerApp.tsx
 var import_analytics = require("@apps-in-toss/analytics");
-var import_native_modules8 = require("@apps-in-toss/native-modules");
-var import_react_native17 = require("@granite-js/react-native");
-var import_react_native18 = require("@toss-design-system/react-native");
-var import_react_native19 = require("react-native");
+var import_native_modules9 = require("@apps-in-toss/native-modules");
+var import_react_native15 = require("@granite-js/react-native");
+var import_tds_react_native6 = require("@toss/tds-react-native");
+var import_react_native16 = require("react-native");
 
 // src/core/components/AppEvent.tsx
 var import_native_modules2 = require("@apps-in-toss/native-modules");
@@ -193,7 +193,7 @@ function AppUpdate() {
 
 // src/core/hooks/useAppsInTossBridge.ts
 var import_native_modules3 = require("@apps-in-toss/native-modules");
-var import_react_native6 = require("@toss-design-system/react-native");
+var import_tds_react_native = require("@toss/tds-react-native");
 var import_react5 = require("react");
 
 // src/core/utils/getAppsInTossGlobals.ts
@@ -211,7 +211,7 @@ function toIcon(source) {
 
 // src/core/hooks/useAppsInTossBridge.ts
 function useAppsInTossBridge() {
-  const controller = (0, import_react_native6.useBridge)();
+  const controller = (0, import_tds_react_native.useBridge)();
   const appsInTossGlobals = getAppsInTossGlobals();
   (0, import_react5.useEffect)(() => {
     const commonProps = {
@@ -230,19 +230,19 @@ function useAppsInTossBridge() {
 }
 
 // src/components/NavigationBar/RNNavigationBar.tsx
-var import_react_native14 = require("@granite-js/react-native");
-var import_react_native15 = require("@toss-design-system/react-native");
-var import_private2 = require("@toss-design-system/react-native/private");
+var import_react_native13 = require("@granite-js/react-native");
+var import_tds_react_native5 = require("@toss/tds-react-native");
+var import_private3 = require("@toss/tds-react-native/private");
 var import_es_hangul = require("es-hangul");
 var import_react9 = require("react");
-var import_react_native16 = require("react-native");
+var import_react_native14 = require("react-native");
 
 // src/components/NavigationBar/common/NavigationBarImpressionArea.tsx
 var import_react6 = require("react");
 
 // src/components/NavigationBar/common/useNavigationBarLogging.tsx
 var import_native_modules4 = require("@apps-in-toss/native-modules");
-var import_react_native7 = require("@granite-js/react-native");
+var import_react_native6 = require("@granite-js/react-native");
 var NAVI_BAR_IMPRESSION_SCHEMA_ID = 1596837;
 var NAVI_BAR_IMPRESSION_LOG_NAME = "appsintoss_app_visit__common_module::impression__navigation_bar";
 var CLOSE_POPUP_SHOW_SCHEMA_ID = 1644490;
@@ -257,7 +257,7 @@ function useNavigationBarLogging() {
   const referrer = useReferrer();
   const baseParams = {
     referrer,
-    app_name: import_react_native7.Granite.appName
+    app_name: import_react_native6.Granite.appName
   };
   const logNavBarImpression = (naviBarConfig) => {
     import_native_modules4.INTERNAL__module.tossCoreEventLog({
@@ -342,15 +342,22 @@ function NavigationBarImpressionArea({
 }
 
 // src/core/hooks/useMoreButtonBottomSheet/index.tsx
-var import_native_modules7 = require("@apps-in-toss/native-modules");
+var import_native_modules8 = require("@apps-in-toss/native-modules");
 var import_react_native12 = require("@granite-js/react-native");
-var import_react_native13 = require("@toss-design-system/react-native");
-var import_private = require("@toss-design-system/react-native/private");
+var import_tds_react_native4 = require("@toss/tds-react-native");
+var import_private2 = require("@toss/tds-react-native/private");
 var import_react8 = require("react");
 
+// src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
+var import_native_modules6 = require("@apps-in-toss/native-modules");
+var import_react_native8 = require("@granite-js/react-native");
+var import_tds_react_native2 = require("@toss/tds-react-native");
+var import_private = require("@toss/tds-react-native/private");
+var import_react_native9 = require("react-native");
+
 // src/core/hooks/useMoreButtonBottomSheet/useMoreButtonBottomSheetLogging.tsx
 var import_native_modules5 = require("@apps-in-toss/native-modules");
-var import_react_native8 = require("@granite-js/react-native");
+var import_react_native7 = require("@granite-js/react-native");
 var BOTTOM_SHEET_SCHEMA_ID = 1596825;
 var BOTTOM_SHEET_LOG_NAME = "appsintoss_app_visit__common_module::bottomsheet__more";
 var BOTTOM_SHEET_OPEN_SCHEMA_ID = 1596829;
@@ -363,7 +370,7 @@ function useMoreButtonBottomSheetLogging() {
   const referrer = useReferrer();
   const baseParams = {
     referrer,
-    app_name: import_react_native8.Granite.appName
+    app_name: import_react_native7.Granite.appName
   };
   const logBottomSheetShow = () => {
     import_native_modules5.INTERNAL__module.tossCoreEventLog({
@@ -417,23 +424,90 @@ function useMoreButtonBottomSheetLogging() {
   };
 }
 
+// src/core/utils/url.ts
+function addParamsToUrl(url, params) {
+  const urlObj = new URL(url);
+  for (const [key, value] of Object.entries(params)) {
+    urlObj.searchParams.set(key, value);
+  }
+  return urlObj.toString();
+}
+
+// src/core/hooks/useMoreButtonBottomSheet/AppShareListMenu.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var SHARE_SCHEME_REFERRER = "appsintoss.common_module_share";
+var APP_SHARE_MENU_INFO = {
+  contactItemName: "\uACF5\uC720\uD558\uAE30",
+  contactIconUrl: "https://static.toss.im/icons/png/4x/icon-share-dots-mono.png"
+};
+function AppShareListMenu() {
+  const globals = getAppsInTossGlobals();
+  const adaptive = (0, import_private.useAdaptive)();
+  const logging = useMoreButtonBottomSheetLogging();
+  const initialScheme = (0, import_react_native8.getSchemeUri)();
+  const isSandbox = (0, import_native_modules6.getOperationalEnvironment)() === "sandbox";
+  const { openConfirm } = (0, import_tds_react_native2.useDialog)();
+  const schemeForShare = addParamsToUrl(initialScheme, {
+    referrer: SHARE_SCHEME_REFERRER
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_tds_react_native2.ListRow,
+    {
+      left: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_tds_react_native2.ListRow.Icon,
+        {
+          color: globals.brandPrimaryColor,
+          source: { uri: APP_SHARE_MENU_INFO.contactIconUrl },
+          type: "background"
+        }
+      ),
+      contents: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_tds_react_native2.ListRow.Texts,
+        {
+          type: "1RowTypeA",
+          top: APP_SHARE_MENU_INFO.contactItemName,
+          topProps: { color: adaptive.grey700 }
+        }
+      ),
+      verticalPadding: "extraSmall",
+      onPress: () => {
+        if (isSandbox) {
+          openConfirm({
+            title: "\uACF5\uC720\uD558\uAE30 \uAE30\uB2A5 \uBBF8\uC9C0\uC6D0",
+            description: "\uC0CC\uB4DC\uBC15\uC2A4 \uD658\uACBD\uC5D0\uC11C\uB294 \uC0AC\uC6A9\uD560 \uC218 \uC5C6\uC5B4\uC694. \uCF58\uC194\uC744 \uD1B5\uD574 \uD1A0\uC2A4\uC571\uC5D0\uC11C \uD14C\uC2A4\uD2B8\uD574 \uC8FC\uC138\uC694.",
+            rightButton: "\uD655\uC778",
+            closeOnDimmerClick: true
+          });
+          return;
+        }
+        logging.menuClick({ title: APP_SHARE_MENU_INFO.contactItemName });
+        import_react_native9.NativeModules.AppsInTossModule.shareWithScheme({
+          params: {
+            schemeURL: schemeForShare
+          }
+        });
+      }
+    }
+  );
+}
+
 // src/hooks/useAppUpdateDialog.tsx
-var import_native_modules6 = require("@apps-in-toss/native-modules");
-var import_react_native10 = require("@granite-js/react-native");
-var import_react_native11 = require("@toss-design-system/react-native");
+var import_native_modules7 = require("@apps-in-toss/native-modules");
+var import_react_native11 = require("@granite-js/react-native");
+var import_tds_react_native3 = require("@toss/tds-react-native");
 var import_react7 = require("react");
 
 // src/utils/market.ts
-var import_react_native9 = require("react-native");
+var import_react_native10 = require("react-native");
 var PLAYSTORE_LINK = "https://play.google.com/store/apps/details?id=viva.republica.toss";
 var APPSTORE_LINK = "https://itunes.apple.com/app/id839333328";
 var getMarketLink = () => {
-  return import_react_native9.Platform.OS === "android" ? PLAYSTORE_LINK : APPSTORE_LINK;
+  return import_react_native10.Platform.OS === "android" ? PLAYSTORE_LINK : APPSTORE_LINK;
 };
 
 // src/hooks/useAppUpdateDialog.tsx
 function useAppUpdateDialog() {
-  const { openConfirm } = (0, import_react_native11.useDialog)();
+  const { openConfirm } = (0, import_tds_react_native3.useDialog)();
   const logging = useAppUpdateDialogLogging();
   const openAppUpdateDialog = (0, import_react7.useCallback)(
     async ({
@@ -456,7 +530,7 @@ function useAppUpdateDialog() {
       }
       logging.update();
       const STORE_SCHEME = getMarketLink();
-      (0, import_react_native10.openURL)(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
+      (0, import_react_native11.openURL)(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
     },
     [logging, openConfirm]
   );
@@ -472,10 +546,10 @@ function useAppUpdateDialogLogging() {
   const referrer = useReferrer();
   const baseParams = {
     referrer,
-    app_name: import_react_native10.Granite.appName
+    app_name: import_react_native11.Granite.appName
   };
   const logUpdateClick = () => {
-    import_native_modules6.INTERNAL__module.tossCoreEventLog({
+    import_native_modules7.INTERNAL__module.tossCoreEventLog({
       log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -487,7 +561,7 @@ function useAppUpdateDialogLogging() {
     });
   };
   const logCloseClick = () => {
-    import_native_modules6.INTERNAL__module.tossCoreEventLog({
+    import_native_modules7.INTERNAL__module.tossCoreEventLog({
       log_name: UPDATE_DIALOG_CTA_CLICK_LOG_NAME,
       log_type: "event",
       params: {
@@ -499,7 +573,7 @@ function useAppUpdateDialogLogging() {
     });
   };
   const logDialogShow = () => {
-    import_native_modules6.INTERNAL__module.tossCoreEventLog({
+    import_native_modules7.INTERNAL__module.tossCoreEventLog({
       log_name: UPDATE_DIALOG_LOG_NAME,
       log_type: "popup",
       params: {
@@ -520,25 +594,33 @@ function ensureValue(value, name) {
 }
 
 // src/core/hooks/useMoreButtonBottomSheet/index.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 var APP_BRIDGE_METHOD_NAME = "getMiniAppsSupportContact";
+var MIN_VERSION = {
+  BOTTOM_SHEET: {
+    android: "5.226.0",
+    ios: "5.226.0"
+  },
+  SHARE_LIST_MENU: {
+    android: "5.230.0",
+    ios: "5.230.0"
+  }
+};
 function useMoreButtonBottomSheet() {
   const globals = getAppsInTossGlobals();
-  const adaptive = (0, import_private.useAdaptive)();
+  const adaptive = (0, import_private2.useAdaptive)();
   const [itemList, setItemList] = (0, import_react8.useState)([]);
   const appUpdateDialog = useAppUpdateDialog();
   const logging = useMoreButtonBottomSheetLogging();
-  const overlay = (0, import_private.useOverlay)();
+  const overlay = (0, import_private2.useOverlay)();
   const title = ensureValue(globals.brandDisplayName, "displayName");
-  const isSupported = (0, import_native_modules7.isMinVersionSupported)({
-    android: "5.226.0",
-    ios: "5.226.0"
-  });
+  const isBottomSheetSupported = (0, import_native_modules8.isMinVersionSupported)(MIN_VERSION.BOTTOM_SHEET);
+  const isShareListMenuSupported = (0, import_native_modules8.isMinVersionSupported)(MIN_VERSION.SHARE_LIST_MENU);
   (0, import_react8.useEffect)(() => {
-    if (!isSupported) {
+    if (!isBottomSheetSupported) {
       return;
     }
-    import_native_modules7.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
+    import_native_modules8.INTERNAL__appBridgeHandler.invokeAppBridgeMethod(
       APP_BRIDGE_METHOD_NAME,
       {},
       {
@@ -546,10 +628,10 @@ function useMoreButtonBottomSheet() {
         onError: (error) => console.error("\uBA54\uB274 \uBAA9\uB85D\uC744 \uAC00\uC838\uC624\uB294 \uB370 \uC2E4\uD328\uD588\uC5B4\uC694:", error)
       }
     );
-  }, [isSupported]);
+  }, [isBottomSheetSupported]);
   const onClickHandler = async () => {
     logging.open();
-    if (!isSupported) {
+    if (!isBottomSheetSupported) {
       await appUpdateDialog.open({
         title: `\uC774 \uAE30\uB2A5\uC744 \uC4F0\uB824\uBA74 \uC571 \uC5C5\uB370\uC774\uD2B8\uAC00 \uD544\uC694\uD574\uC694`,
         description: `\uBB38\uC758, \uAD8C\uD55C \uC124\uC815, \uC2E0\uACE0 \uB4F1 \uAE30\uB2A5\uC744 \uC4F8 \uC218 \uC788\uC5B4\uC694`
@@ -561,18 +643,18 @@ function useMoreButtonBottomSheet() {
         logging.close();
         close();
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(BottomSheetImpressionArea, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-        import_react_native13.BottomSheet.Root,
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BottomSheetImpressionArea, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        import_tds_react_native4.BottomSheet.Root,
         {
-          header: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_react_native13.ListHeader,
+          header: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_tds_react_native4.ListHeader,
             {
-              title: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native13.ListHeader.TitleParagraph, { color: adaptive.grey800, fontWeight: "bold", typography: "t5", children: title })
+              title: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_tds_react_native4.ListHeader.TitleParagraph, { color: adaptive.grey800, fontWeight: "bold", typography: "t5", children: title })
             }
           ),
           open: isOpen,
-          cta: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-            import_react_native13.BottomSheet.CTA,
+          cta: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            import_tds_react_native4.BottomSheet.CTA,
             {
               size: "large",
               type: "dark",
@@ -585,35 +667,38 @@ function useMoreButtonBottomSheet() {
           ),
           onClose: handleClose,
           onExited: exit,
-          children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react_native13.List, { rowSeparator: "none", children: itemList.map((item) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-              import_react_native13.ListRow,
-              {
-                left: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_react_native13.ListRow.Icon,
-                  {
-                    color: globals.brandPrimaryColor,
-                    source: { uri: item.contactIconUrl },
-                    type: "background"
-                  }
-                ),
-                contents: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-                  import_react_native13.ListRow.Texts,
-                  {
-                    type: "1RowTypeA",
-                    top: item.contactItemName,
-                    topProps: { color: adaptive.grey700 }
+          children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_tds_react_native4.List, { rowSeparator: "none", children: [
+            itemList.map((item) => {
+              return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                import_tds_react_native4.ListRow,
+                {
+                  left: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    import_tds_react_native4.ListRow.Icon,
+                    {
+                      color: globals.brandPrimaryColor,
+                      source: { uri: item.contactIconUrl },
+                      type: "background"
+                    }
+                  ),
+                  contents: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    import_tds_react_native4.ListRow.Texts,
+                    {
+                      type: "1RowTypeA",
+                      top: item.contactItemName,
+                      topProps: { color: adaptive.grey700 }
+                    }
+                  ),
+                  verticalPadding: "extraSmall",
+                  onPress: () => {
+                    logging.menuClick({ title: item.contactItemName });
+                    (0, import_react_native12.openURL)(item.contactUri);
                   }
-                ),
-                verticalPadding: "extraSmall",
-                onPress: () => {
-                  logging.menuClick({ title: item.contactItemName });
-                  (0, import_react_native12.openURL)(item.contactUri);
-                }
-              },
-              item.contactItemName
-            );
-          }) })
+                },
+                item.contactItemName
+              );
+            }),
+            isShareListMenuSupported && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AppShareListMenu, {})
+          ] })
         }
       ) });
     });
@@ -625,7 +710,7 @@ function BottomSheetImpressionArea({ children }) {
   (0, import_react8.useEffect)(() => {
     logging.show();
   }, [logging]);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children });
 }
 
 // src/core/utils/safeParseNavigationBar.ts
@@ -641,20 +726,20 @@ function safeParseNavigationBar(navigationBar) {
 }
 
 // src/components/NavigationBar/RNNavigationBar.tsx
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function RNNavigationBar() {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
   const logging = useNavigationBarLogging();
-  const { openConfirm } = (0, import_react_native15.useDialog)();
+  const { openConfirm } = (0, import_tds_react_native5.useDialog)();
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
   const parsedNavigationBar = globals.navigationBar != null ? safeParseNavigationBar(globals.navigationBar) : null;
   const withHomeButton = parsedNavigationBar?.withHomeButton ?? false;
   const withBackButton = parsedNavigationBar?.withBackButton ?? true;
   const initialAccessoryButton = parsedNavigationBar?.initialAccessoryButton;
-  const backEventContext = (0, import_react_native14.useBackEventContext)();
+  const backEventContext = (0, import_react_native13.useBackEventContext)();
   const handleBackOrClose = useBackOrCloseNavigation();
-  const navigation = (0, import_react_native14.useNavigation)();
+  const navigation = (0, import_react_native13.useNavigation)();
   const handlePressTitle = (0, import_react9.useCallback)(() => {
     logging.homeButtonClick();
     navigation.navigate("/");
@@ -671,7 +756,7 @@ function RNNavigationBar() {
     logging.closePopupCtaClick(isConfirmed);
     if (isConfirmed) {
       captureExitLog(Date.now());
-      (0, import_react_native14.closeView)();
+      (0, import_react_native13.closeView)();
     }
   }, [captureExitLog, globals.brandDisplayName, logging, openConfirm]);
   const handleBack = (0, import_react9.useCallback)(() => {
@@ -686,13 +771,13 @@ function RNNavigationBar() {
       handleBack();
       return true;
     };
-    import_react_native16.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
+    import_react_native14.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
     return () => {
-      import_react_native16.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
+      import_react_native14.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
     };
   }, [handleBack]);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_private2.TopNavigation,
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_private3.TopNavigation,
     {
       title: globals.brandDisplayName,
       icon: toIcon(globals.brandIcon),
@@ -706,59 +791,59 @@ function RNNavigationBar() {
         icon: initialAccessoryButton.icon,
         id: initialAccessoryButton.id
       } : void 0,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_private2.NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_private2.NavigationBackButton, { onPress: handleBack, canGoBack: false }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_private3.NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_private3.NavigationBackButton, { onPress: handleBack, canGoBack: false }) })
     }
   ) });
 }
 function useBackOrCloseNavigation() {
-  const navigation = (0, import_react_native14.useNavigation)();
+  const navigation = (0, import_react_native13.useNavigation)();
   const { captureExitLog } = useCaptureExitLog();
   return (0, import_react9.useCallback)(() => {
     if (navigation.canGoBack()) {
       navigation.goBack();
     } else {
       captureExitLog(Date.now());
-      (0, import_react_native14.closeView)();
+      (0, import_react_native13.closeView)();
     }
   }, [captureExitLog, navigation]);
 }
 
 // src/core/registerApp.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 function AppsInTossContainer(Container, { children, ...initialProps }) {
-  if (!(0, import_native_modules8.isMinVersionSupported)({
+  if (!(0, import_native_modules9.isMinVersionSupported)({
     android: "5.220.0",
     ios: "5.221.0"
   })) {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AppEvent.Entry, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AppEvent.System, { ...initialProps }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AppUpdate, {})
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppEvent.Entry, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppEvent.System, { ...initialProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppUpdate, {})
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AppEvent.StayTime, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AppEvent.Entry, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(AppEvent.System, { ...initialProps }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Container, { ...initialProps, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_native18.TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(TDSContainer, { ...initialProps, children }) }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppEvent.StayTime, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppEvent.Entry, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(AppEvent.System, { ...initialProps }),
+    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Container, { ...initialProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_tds_react_native6.TDSProvider, { colorPreference: "light", token: { color: { primary: getAppsInTossGlobals().brandPrimaryColor } }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(TDSContainer, { ...initialProps, children }) }) })
   ] });
 }
 function TDSContainer({ children }) {
   useAppsInTossBridge();
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_jsx_runtime5.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children });
 }
 function registerApp(container, { context, analytics }) {
   const appName = getAppName();
-  const isRegistered = import_react_native19.AppRegistry.getAppKeys().includes(appName);
+  const isRegistered = import_react_native16.AppRegistry.getAppKeys().includes(appName);
   if (!isRegistered) {
     import_analytics.Analytics.init({
-      logger: (params) => void (0, import_native_modules8.eventLog)(params),
+      logger: (params) => void (0, import_native_modules9.eventLog)(params),
       debug: analytics?.debug ?? __DEV__
     });
-    const App = import_react_native17.Granite.registerApp(AppsInTossContainer.bind(null, container), {
+    const App = import_react_native15.Granite.registerApp(AppsInTossContainer.bind(null, container), {
       appName,
       context,
-      setIosSwipeGestureEnabled: import_native_modules8.setIosSwipeGestureEnabled,
+      setIosSwipeGestureEnabled: import_native_modules9.setIosSwipeGestureEnabled,
       router: {
         screenContainer: AppsInTossScreenContainer,
         defaultScreenOption: {
@@ -772,8 +857,8 @@ function registerApp(container, { context, analytics }) {
 }
 function AppsInTossScreenContainer({ children }) {
   const isReactNativeService = getAppsInTossGlobals().webViewType == null;
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_analytics.Analytics.Screen, { children: [
-    isReactNativeService && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RNNavigationBar, {}),
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_analytics.Analytics.Screen, { children: [
+    isReactNativeService && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(RNNavigationBar, {}),
     children
   ] });
 }
@@ -792,29 +877,27 @@ var AppsInToss = {
 };
 
 // src/components/WebView.tsx
-var import_native_modules17 = require("@apps-in-toss/native-modules");
+var import_native_modules18 = 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);
-var import_react_native36 = require("@granite-js/react-native");
-var graniteAsyncBridges = __toESM(require("@granite-js/react-native/async-bridges"), 1);
-var graniteConstantBridges = __toESM(require("@granite-js/react-native/constant-bridges"), 1);
-var import_react_native37 = require("@toss-design-system/react-native");
-var import_private7 = require("@toss-design-system/react-native/private");
+var import_react_native28 = require("@granite-js/react-native");
+var import_tds_react_native12 = require("@toss/tds-react-native");
+var import_private8 = require("@toss/tds-react-native/private");
 var import_react19 = require("react");
-var import_react_native38 = require("react-native");
+var import_react_native29 = require("react-native");
 
 // src/components/GameWebView.tsx
-var import_native_modules12 = require("@apps-in-toss/native-modules");
+var import_native_modules13 = require("@apps-in-toss/native-modules");
 var import_react_native_webview = require("@granite-js/native/react-native-webview");
 var import_react13 = require("react");
-var import_react_native29 = require("react-native");
+var import_react_native22 = require("react-native");
 
 // src/components/GameProfile.tsx
-var import_native_modules11 = require("@apps-in-toss/native-modules");
-var import_react_native24 = require("@toss-design-system/react-native");
+var import_native_modules12 = require("@apps-in-toss/native-modules");
+var import_tds_react_native9 = require("@toss/tds-react-native");
 var import_react11 = require("react");
-var import_react_native25 = require("react-native");
+var import_react_native19 = require("react-native");
 
 // src/constant/game-center.ts
 var GAME_PROFILE_WEBVIEW_URL = "servicetoss://game-center/profile";
@@ -824,23 +907,23 @@ var GAME_CENTER_MIN_VERSION = {
 };
 
 // src/hooks/useGameCenterProfile.ts
-var import_native_modules10 = require("@apps-in-toss/native-modules");
-var import_react_native22 = require("@granite-js/react-native");
-var import_react_native23 = require("@toss-design-system/react-native");
+var import_native_modules11 = require("@apps-in-toss/native-modules");
+var import_react_native18 = require("@granite-js/react-native");
+var import_tds_react_native8 = require("@toss/tds-react-native");
 var import_es_hangul2 = require("es-hangul");
 var import_react10 = require("react");
 
 // src/components/GameProfileToast.tsx
-var import_react_native20 = require("@toss-design-system/react-native");
-var import_private3 = require("@toss-design-system/react-native/private");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_tds_react_native7 = require("@toss/tds-react-native");
+var import_private4 = require("@toss/tds-react-native/private");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var useGameProfileToast = () => {
-  const overlay = (0, import_private3.useOverlay)();
+  const overlay = (0, import_private4.useOverlay)();
   const openGameProfileToast = (nickname, profileImageUri) => {
     return new Promise((resolve) => {
       overlay.open(({ isOpen, close, exit }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_private3.ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_private3.AdaptiveColorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_react_native20.Toast,
+        return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_private4.ColorPreferenceProvider, { colorPreference: "dark", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_private4.AdaptiveColorProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_tds_react_native7.Toast,
           {
             open: isOpen,
             onClose: () => {
@@ -850,11 +933,11 @@ var useGameProfileToast = () => {
             onExited: exit,
             position: "top",
             text: `${nickname}\uB2D8 \uBC18\uAC00\uC6CC\uC694!`,
-            icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              import_react_native20.Asset.Image,
+            icon: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+              import_tds_react_native7.Asset.Image,
               {
                 style: { borderRadius: 64, overflow: "hidden" },
-                frameShape: import_react_native20.Asset.frameShape.CleanW32,
+                frameShape: import_tds_react_native7.Asset.frameShape.CleanW32,
                 source: { uri: profileImageUri }
               }
             )
@@ -873,11 +956,11 @@ var DEFAULT_ERROR = {
 };
 
 // src/utils/openTransparentWebView.ts
-var import_react_native21 = require("@granite-js/react-native");
+var import_react_native17 = require("@granite-js/react-native");
 
 // src/private.ts
-var import_native_modules9 = require("@apps-in-toss/native-modules");
-var INTERNAL__onVisibilityChangedByTransparentServiceWeb = import_native_modules9.onVisibilityChangedByTransparentServiceWeb;
+var import_native_modules10 = require("@apps-in-toss/native-modules");
+var INTERNAL__onVisibilityChangedByTransparentServiceWeb = import_native_modules10.onVisibilityChangedByTransparentServiceWeb;
 
 // src/utils/openTransparentWebView.ts
 var openTransparentWebView = ({
@@ -907,7 +990,7 @@ var openTransparentWebView = ({
       }
     }
   });
-  (0, import_react_native21.openURL)(url.toString());
+  (0, import_react_native17.openURL)(url.toString());
 };
 
 // src/hooks/useGameCenterProfile.ts
@@ -920,14 +1003,14 @@ var useGameCenterProfile = (isReadyForProfileUI) => {
   const canShowBottomSheetOrToast = !isProfileDataLoading && isReadyForProfileUI;
   const [isWebviewLoading, setIsWebviewLoading] = (0, import_react10.useState)(false);
   const isCompletedProfileFlow = (0, import_react10.useRef)(false);
-  const { openAlert, openConfirm } = (0, import_react_native23.useDialog)();
+  const { openAlert, openConfirm } = (0, import_tds_react_native8.useDialog)();
   const { openGameProfileToast } = useGameProfileToast();
   const openErrorAlert = (0, import_react10.useCallback)(async () => {
     await openAlert({
       title: DEFAULT_ERROR.title,
       description: DEFAULT_ERROR.description
     });
-    (0, import_react_native22.closeView)();
+    (0, import_react_native18.closeView)();
   }, [openAlert]);
   const openProfileWebview = (0, import_react10.useCallback)(() => {
     if (isWebviewLoading) {
@@ -941,7 +1024,7 @@ var useGameCenterProfile = (isReadyForProfileUI) => {
           try {
             setIsWebviewLoading(false);
             setIsProfileDataRefetching(true);
-            const data = await (0, import_native_modules10.getGameCenterGameProfile)();
+            const data = await (0, import_native_modules11.getGameCenterGameProfile)();
             setProfileData(data);
             setIsProfileDataRefetching(false);
             if (data?.statusCode === "SUCCESS") {
@@ -972,11 +1055,11 @@ var useGameCenterProfile = (isReadyForProfileUI) => {
       closeOnDimmerClick: true
     });
     if (!isConfirmed) {
-      (0, import_react_native22.closeView)();
+      (0, import_react_native18.closeView)();
       return;
     }
     const STORE_SCHEME = getMarketLink();
-    (0, import_react_native22.openURL)(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
+    (0, import_react_native18.openURL)(`supertoss://web?url=${STORE_SCHEME}&external=browser`);
   }, [openConfirm]);
   return {
     profileData,
@@ -1005,7 +1088,7 @@ var Z_INDEX = {
 };
 
 // src/components/GameProfile.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var GameProfile = ({ children, isReadyForProfileUI }) => {
   const {
     profileData,
@@ -1024,7 +1107,7 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
   (0, import_react11.useEffect)(() => {
     try {
       const getProfileData = async () => {
-        const data = await (0, import_native_modules11.getGameCenterGameProfile)();
+        const data = await (0, import_native_modules12.getGameCenterGameProfile)();
         setProfileData(data);
         setIsProfileDataLoading(false);
       };
@@ -1043,7 +1126,7 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
         return;
       }
       isCompletedProfileFlow.current = true;
-      if (!(0, import_native_modules11.isMinVersionSupported)(GAME_CENTER_MIN_VERSION)) {
+      if (!(0, import_native_modules12.isMinVersionSupported)(GAME_CENTER_MIN_VERSION)) {
         updateAppToSupportedMinVersion();
         return;
       }
@@ -1064,11 +1147,11 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
     profileData,
     updateAppToSupportedMinVersion
   ]);
-  if (!(0, import_native_modules11.isMinVersionSupported)(GAME_CENTER_MIN_VERSION)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native25.View, { style: { flex: 1, position: "relative" }, children }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_react_native25.Pressable,
+  if (!(0, import_native_modules12.isMinVersionSupported)(GAME_CENTER_MIN_VERSION)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native19.View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_react_native19.Pressable,
         {
           style: {
             ...overlayStyle
@@ -1081,10 +1164,10 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
     ] });
   }
   if (shouldShowLoadingOverlay || isProfileDataRefetching) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native25.View, { style: { flex: 1, position: "relative" }, children }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_react_native25.View,
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native19.View, { style: { flex: 1, position: "relative" }, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_react_native19.View,
         {
           style: {
             ...overlayStyle,
@@ -1092,16 +1175,16 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
             alignItems: "center",
             backgroundColor: "rgba(0, 0, 0, 0.2)"
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native24.Loader, { size: "large", type: "light" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_tds_react_native9.Loader, { size: "large", type: "light" })
         }
       )
     ] });
   }
   if (shouldShowProfileNotFoundOverlay) {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native25.View, { style: { flex: 1, position: "relative" }, children }),
-      shouldShowProfileNotFoundOverlay && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-        import_react_native25.Pressable,
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native19.View, { style: { flex: 1, position: "relative" }, children }),
+      shouldShowProfileNotFoundOverlay && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        import_react_native19.Pressable,
         {
           style: {
             ...overlayStyle
@@ -1113,7 +1196,7 @@ var GameProfile = ({ children, isReadyForProfileUI }) => {
       )
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_native25.View, { style: { flex: 1, position: "relative" }, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native19.View, { style: { flex: 1, position: "relative" }, children }) });
 };
 var overlayStyle = {
   position: "absolute",
@@ -1125,16 +1208,16 @@ var overlayStyle = {
 };
 
 // src/components/NavigationBar/GameWebviewNavigationBar.tsx
-var import_react_native26 = require("@granite-js/react-native");
-var import_react_native27 = require("@toss-design-system/react-native");
-var import_private5 = require("@toss-design-system/react-native/private");
+var import_react_native20 = require("@granite-js/react-native");
+var import_tds_react_native10 = require("@toss/tds-react-native");
+var import_private6 = require("@toss/tds-react-native/private");
 var import_es_hangul3 = require("es-hangul");
 var import_react12 = require("react");
-var import_react_native28 = require("react-native");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react_native21 = require("react-native");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function GameWebviewNavigationBar() {
-  const safeAreaTop = (0, import_private5.useSafeAreaTop)();
-  const { openConfirm } = (0, import_react_native27.useDialog)();
+  const safeAreaTop = (0, import_private6.useSafeAreaTop)();
+  const { openConfirm } = (0, import_tds_react_native10.useDialog)();
   const { captureExitLog } = useCaptureExitLog();
   const global2 = getAppsInTossGlobals();
   const logging = useNavigationBarLogging();
@@ -1152,7 +1235,7 @@ function GameWebviewNavigationBar() {
     logging.closePopupCtaClick(isConfirmed);
     if (isConfirmed) {
       captureExitLog(Date.now());
-      (0, import_react_native26.closeView)();
+      (0, import_react_native20.closeView)();
     }
   }, [captureExitLog, global2.brandDisplayName, logging, openConfirm]);
   (0, import_react12.useEffect)(() => {
@@ -1160,18 +1243,18 @@ function GameWebviewNavigationBar() {
       handleGameWebviewClose();
       return true;
     };
-    import_react_native28.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
-    return () => import_react_native28.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
+    import_react_native21.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
+    return () => import_react_native21.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
   }, [handleGameWebviewClose]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_native27.PageNavbar, { preference: { type: "none" } }),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_react_native28.View,
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_tds_react_native10.PageNavbar, { preference: { type: "none" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      import_react_native21.View,
       {
         style: {
           width: "100%",
           // TODO: UI관련 스타일 설정은 TDS로 이관
-          height: import_react_native28.Platform.OS === "ios" ? 44 : 54,
+          height: import_react_native21.Platform.OS === "ios" ? 44 : 54,
           flexDirection: "row",
           alignItems: "center",
           justifyContent: "flex-end",
@@ -1181,8 +1264,8 @@ function GameWebviewNavigationBar() {
           paddingRight: 10
         },
         pointerEvents: "box-none",
-        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          import_private5.NavigationRightContent,
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          import_private6.NavigationRightContent,
           {
             fixedRightButton: initialAccessoryButton,
             onPressDots: openMoreButtonBottomSheet,
@@ -1199,49 +1282,49 @@ function GameWebviewNavigationBar() {
 }
 
 // src/components/GameWebView.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var GameWebView = (0, import_react13.forwardRef)(function GameWebView2(props, ref) {
   const [isEntryMessageExited, setIsEntryMessageExited] = (0, import_react13.useState)(false);
   (0, import_react13.useEffect)(() => {
-    if (import_react_native29.Platform.OS === "ios") {
-      (0, import_native_modules12.setIosSwipeGestureEnabled)({ isEnabled: false });
+    if (import_react_native22.Platform.OS === "ios") {
+      (0, import_native_modules13.setIosSwipeGestureEnabled)({ isEnabled: false });
       return () => {
-        (0, import_native_modules12.setIosSwipeGestureEnabled)({ isEnabled: true });
+        (0, import_native_modules13.setIosSwipeGestureEnabled)({ isEnabled: true });
       };
     }
     return;
   }, []);
   (0, import_react13.useEffect)(() => {
-    import_native_modules12.appsInTossEvent.addEventListener("entryMessageExited", {
+    import_native_modules13.appsInTossEvent.addEventListener("entryMessageExited", {
       onEvent: () => {
         setIsEntryMessageExited(true);
       }
     });
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(GameWebviewNavigationBar, {}),
-    (0, import_native_modules12.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_webview.WebView, { ref, ...props }) }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react_native_webview.WebView, { ref, ...props })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(GameWebviewNavigationBar, {}),
+    (0, import_native_modules13.getOperationalEnvironment)() === "toss" ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(GameProfile, { isReadyForProfileUI: isEntryMessageExited, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native_webview.WebView, { ref, ...props }) }) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_native_webview.WebView, { ref, ...props })
   ] });
 });
 
 // src/components/PartnerWebView.tsx
-var import_native_modules14 = require("@apps-in-toss/native-modules");
+var import_native_modules15 = require("@apps-in-toss/native-modules");
 var import_react_native_webview2 = require("@granite-js/native/react-native-webview");
 var import_react16 = require("react");
-var import_react_native33 = require("react-native");
+var import_react_native25 = require("react-native");
 
 // src/components/NavigationBar/PartnerWebviewNavigationBar.tsx
-var import_react_native30 = require("@granite-js/react-native");
-var import_react_native31 = require("@toss-design-system/react-native");
-var import_private6 = require("@toss-design-system/react-native/private");
+var import_react_native23 = require("@granite-js/react-native");
+var import_tds_react_native11 = require("@toss/tds-react-native");
+var import_private7 = require("@toss/tds-react-native/private");
 var import_es_hangul4 = require("es-hangul");
 var import_react14 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function PartnerWebviewNavigationBar({ handleBackEvent, handleHomeIconButtonClick }) {
   const globals = getAppsInTossGlobals();
   const { captureExitLog } = useCaptureExitLog();
   const logging = useNavigationBarLogging();
-  const { openConfirm } = (0, import_react_native31.useDialog)();
+  const { openConfirm } = (0, import_tds_react_native11.useDialog)();
   const { open: openMoreButtonBottomSheet } = useMoreButtonBottomSheet();
   const parsedNavigationBar = globals.navigationBar != null ? safeParseNavigationBar(globals.navigationBar) : null;
   const withHomeButton = parsedNavigationBar?.withHomeButton ?? false;
@@ -1263,11 +1346,11 @@ function PartnerWebviewNavigationBar({ handleBackEvent, handleHomeIconButtonClic
     logging.closePopupCtaClick(isConfirmed);
     if (isConfirmed) {
       captureExitLog(Date.now());
-      (0, import_react_native30.closeView)();
+      (0, import_react_native23.closeView)();
     }
   }, [captureExitLog, globals.brandDisplayName, logging, openConfirm]);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_private6.TopNavigation,
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(NavigationBarImpressionArea, { withHomeButton, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_private7.TopNavigation,
     {
       title: globals.brandDisplayName,
       icon: toIcon(globals.brandIcon),
@@ -1277,7 +1360,7 @@ function PartnerWebviewNavigationBar({ handleBackEvent, handleHomeIconButtonClic
       onPressClose: handleClose,
       withHome: withHomeButton,
       fixedRightButton: initialAccessoryButton,
-      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_private6.NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_private6.NavigationBackButton, { onPress: handleBackEvent, canGoBack: false }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_private7.NavigationLeft, { visible: withBackButton, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_private7.NavigationBackButton, { onPress: handleBackEvent, canGoBack: false }) })
     }
   ) });
 }
@@ -1340,8 +1423,8 @@ function useWebViewHistory() {
 }
 
 // src/utils/log.ts
-var import_native_modules13 = require("@apps-in-toss/native-modules");
-var import_react_native32 = require("@granite-js/react-native");
+var import_native_modules14 = require("@apps-in-toss/native-modules");
+var import_react_native24 = require("@granite-js/react-native");
 
 // src/utils/extractDateFromUUIDv7.ts
 var extractDateFromUUIDv7 = (uuid) => {
@@ -1367,7 +1450,7 @@ var getGroupId = (url) => {
 };
 var getReferrer = () => {
   try {
-    const referrer = new URL((0, import_react_native32.getSchemeUri)());
+    const referrer = new URL((0, import_react_native24.getSchemeUri)());
     return referrer.searchParams.get("referrer");
   } catch {
     return "";
@@ -1385,11 +1468,11 @@ var trackScreen = (url) => {
       deployment_timestamp: extractDateFromUUIDv7(env.getDeploymentId()).getTime()
     }
   };
-  return (0, import_native_modules13.eventLog)(log);
+  return (0, import_native_modules14.eventLog)(log);
 };
 
 // src/components/PartnerWebView.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var PartnerWebView = (0, import_react16.forwardRef)(
   function PartnerWebViewScreen(webViewProps, ref) {
     const webViewRef = (0, import_react16.useRef)(null);
@@ -1413,7 +1496,7 @@ var PartnerWebView = (0, import_react16.forwardRef)(
         webViewRef.current?.injectJavaScript(historyBackScript);
       } else {
         captureExitLog(Date.now());
-        (0, import_native_modules14.closeView)();
+        (0, import_native_modules15.closeView)();
       }
     }, [canGoBack, captureExitLog, historyBackScript]);
     (0, import_react16.useEffect)(() => {
@@ -1426,8 +1509,8 @@ var PartnerWebView = (0, import_react16.forwardRef)(
           return false;
         }
       };
-      import_react_native33.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
-      return () => import_react_native33.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
+      import_react_native25.BackHandler.addEventListener("hardwareBackPress", handleAndroidBackEvent);
+      return () => import_react_native25.BackHandler.removeEventListener("hardwareBackPress", handleAndroidBackEvent);
     }, [canGoBack, captureExitLog, historyBackScript]);
     const handleHomeIconButtonClick = (0, import_react16.useCallback)(() => {
       webViewRef.current?.injectJavaScript(historyHomeScript);
@@ -1441,15 +1524,15 @@ var PartnerWebView = (0, import_react16.forwardRef)(
       },
       [onNavigationStateChange]
     );
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_jsx_runtime11.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         PartnerWebviewNavigationBar,
         {
           handleBackEvent,
           handleHomeIconButtonClick
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         import_react_native_webview2.WebView,
         {
           ref: refs,
@@ -1598,8 +1681,8 @@ function useBridgeHandler({
 }
 
 // src/hooks/useCreateUserAgent.ts
-var import_native_modules15 = require("@apps-in-toss/native-modules");
-var import_react_native34 = require("react-native");
+var import_native_modules16 = require("@apps-in-toss/native-modules");
+var import_react_native26 = require("react-native");
 var FontA11yCategory = {
   Large: "Large",
   xLarge: "xLarge",
@@ -1732,9 +1815,9 @@ function useCreateUserAgent({
   safeArea,
   safeAreaBottomTransparency
 }) {
-  const platform = (0, import_native_modules15.getPlatformOS)();
-  const appVersion = (0, import_native_modules15.getTossAppVersion)();
-  const { fontScale } = (0, import_react_native34.useWindowDimensions)();
+  const platform = (0, import_native_modules16.getPlatformOS)();
+  const appVersion = (0, import_native_modules16.getTossAppVersion)();
+  const { fontScale } = (0, import_react_native26.useWindowDimensions)();
   const platformString = platform === "ios" ? "iPhone" : "Android";
   const fontA11y = mapFontScaleToCategory(fontScale, platform);
   const normalizedFontScale = convertToAndroidStyleScale(fontScale, platform);
@@ -1754,17 +1837,17 @@ function useCreateUserAgent({
 }
 
 // src/hooks/useGeolocation.ts
-var import_native_modules16 = require("@apps-in-toss/native-modules");
-var import_react_native35 = require("@granite-js/react-native");
+var import_native_modules17 = require("@apps-in-toss/native-modules");
+var import_react_native27 = require("@granite-js/react-native");
 var import_react18 = require("react");
 function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
-  const isVisible = (0, import_react_native35.useVisibility)();
+  const isVisible = (0, import_react_native27.useVisibility)();
   const [location, setLocation] = (0, import_react18.useState)(null);
   (0, import_react18.useEffect)(() => {
     if (!isVisible) {
       return;
     }
-    return (0, import_native_modules16.startUpdateLocation)({
+    return (0, import_native_modules17.startUpdateLocation)({
       options: {
         accuracy,
         distanceInterval,
@@ -1778,17 +1861,17 @@ function useGeolocation({ accuracy, distanceInterval, timeInterval }) {
 }
 
 // src/components/WebView.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var operationalEnvironment = appsInTossConstantBridges.getOperationalEnvironment();
 var TYPES = ["partner", "external", "game"];
 var WEBVIEW_TYPES = {
   partner: PartnerWebView,
-  external: import_react_native37.ExternalWebViewScreen,
+  external: import_tds_react_native12.ExternalWebViewScreen,
   game: GameWebView
 };
 function mergeSchemeQueryParamsInto(url) {
   const baseUrl = new URL(url);
-  const schemeUrl = new URL((0, import_react_native36.getSchemeUri)());
+  const schemeUrl = new URL((0, import_react_native28.getSchemeUri)());
   baseUrl.pathname = schemeUrl.pathname;
   for (const [key, value] of schemeUrl.searchParams.entries()) {
     baseUrl.searchParams.set(key, value);
@@ -1800,7 +1883,7 @@ function getWebViewUri(local) {
     const devUrl = `http://${local.host}:${local.port}`;
     return mergeSchemeQueryParamsInto(devUrl).toString();
   }
-  const { url: rawUrl } = import_native_modules17.AppsInTossModule.getWebBundleURL({});
+  const { url: rawUrl } = import_native_modules18.AppsInTossModule.getWebBundleURL({});
   const url = mergeSchemeQueryParamsInto(rawUrl);
   const deploymentId = env.getDeploymentId();
   if (deploymentId) {
@@ -1812,12 +1895,12 @@ function WebView({ type, local, onMessage, ...props }) {
   if (!TYPES.includes(type)) {
     throw new Error(`Invalid WebView type: '${type}'`);
   }
-  const graniteEvent = (0, import_react_native36.useGraniteEvent)();
+  const graniteEvent = (0, import_react_native28.useGraniteEvent)();
   const uri = (0, import_react19.useMemo)(() => getWebViewUri(local), [local]);
-  const top = (0, import_private7.useSafeAreaTop)();
-  const bottom = (0, import_private7.useSafeAreaBottom)();
+  const top = (0, import_private8.useSafeAreaTop)();
+  const bottom = (0, import_private8.useSafeAreaBottom)();
   const global2 = getAppsInTossGlobals();
-  const topNavigation = (0, import_private7.useTopNavigation)();
+  const topNavigation = (0, import_private8.useTopNavigation)();
   const disableTextSelectionCSS = `
     (function() {
       const style = document.createElement('style');
@@ -1834,43 +1917,41 @@ function WebView({ type, local, onMessage, ...props }) {
     // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     eventListenerMap: {
       ...appsInTossEventBridges,
-      navigationAccessoryEvent: ({ onEvent, onError }) => import_react_native37.tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
+      navigationAccessoryEvent: ({ onEvent, onError }) => import_tds_react_native12.tdsEvent.addEventListener("navigationAccessoryEvent", { onEvent, onError }),
       backEvent: ({ onEvent, onError, options }) => graniteEvent.addEventListener("backEvent", { onEvent, onError, options }),
-      entryMessageExited: ({ onEvent, onError }) => import_native_modules17.appsInTossEvent.addEventListener("entryMessageExited", { onEvent, onError }),
-      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules17.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
+      entryMessageExited: ({ onEvent, onError }) => import_native_modules18.appsInTossEvent.addEventListener("entryMessageExited", { onEvent, onError }),
+      updateLocationEvent: ({ onEvent, onError, options }) => import_native_modules18.appsInTossEvent.addEventListener("updateLocationEvent", { onEvent, onError, options }),
       /** @internal */
-      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules17.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
+      appBridgeCallbackEvent: ({ onEvent, onError, options }) => import_native_modules18.appsInTossEvent.addEventListener("appBridgeCallbackEvent", { onEvent, onError, options }),
       /** AdMob */
-      loadAdMobInterstitialAd: import_native_modules17.GoogleAdMob.loadAdMobInterstitialAd,
-      showAdMobInterstitialAd: import_native_modules17.GoogleAdMob.showAdMobInterstitialAd,
-      loadAdMobRewardedAd: import_native_modules17.GoogleAdMob.loadAdMobRewardedAd,
-      showAdMobRewardedAd: import_native_modules17.GoogleAdMob.showAdMobRewardedAd,
+      loadAdMobInterstitialAd: import_native_modules18.GoogleAdMob.loadAdMobInterstitialAd,
+      showAdMobInterstitialAd: import_native_modules18.GoogleAdMob.showAdMobInterstitialAd,
+      loadAdMobRewardedAd: import_native_modules18.GoogleAdMob.loadAdMobRewardedAd,
+      showAdMobRewardedAd: import_native_modules18.GoogleAdMob.showAdMobRewardedAd,
       /** AdMobV2 */
-      loadAppsInTossAdMob: import_native_modules17.GoogleAdMob.loadAppsInTossAdMob,
-      showAppsInTossAdMob: import_native_modules17.GoogleAdMob.showAppsInTossAdMob,
+      loadAppsInTossAdMob: import_native_modules18.GoogleAdMob.loadAppsInTossAdMob,
+      showAppsInTossAdMob: import_native_modules18.GoogleAdMob.showAppsInTossAdMob,
       /** IAP */
-      iapCreateOneTimePurchaseOrder: import_native_modules17.IAP.createOneTimePurchaseOrder,
-      requestOneTimePurchase: import_native_modules17.requestOneTimePurchase
+      iapCreateOneTimePurchaseOrder: import_native_modules18.IAP.createOneTimePurchaseOrder,
+      requestOneTimePurchase: import_native_modules18.requestOneTimePurchase
     },
     constantHandlerMap: {
-      ...graniteConstantBridges,
       ...appsInTossConstantBridges,
       getSafeAreaTop: () => top,
       getSafeAreaBottom: () => bottom,
       ...Object.fromEntries(Object.entries(global2).map(([key, value]) => [key, () => value])),
       /** AdMob */
-      loadAdMobInterstitialAd_isSupported: import_native_modules17.GoogleAdMob.loadAdMobInterstitialAd.isSupported,
-      showAdMobInterstitialAd_isSupported: import_native_modules17.GoogleAdMob.showAdMobInterstitialAd.isSupported,
-      loadAdMobRewardedAd_isSupported: import_native_modules17.GoogleAdMob.loadAdMobRewardedAd.isSupported,
-      showAdMobRewardedAd_isSupported: import_native_modules17.GoogleAdMob.showAdMobRewardedAd.isSupported,
+      loadAdMobInterstitialAd_isSupported: import_native_modules18.GoogleAdMob.loadAdMobInterstitialAd.isSupported,
+      showAdMobInterstitialAd_isSupported: import_native_modules18.GoogleAdMob.showAdMobInterstitialAd.isSupported,
+      loadAdMobRewardedAd_isSupported: import_native_modules18.GoogleAdMob.loadAdMobRewardedAd.isSupported,
+      showAdMobRewardedAd_isSupported: import_native_modules18.GoogleAdMob.showAdMobRewardedAd.isSupported,
       /** AdMobV2 */
-      loadAppsInTossAdMob_isSupported: import_native_modules17.GoogleAdMob.loadAppsInTossAdMob.isSupported,
-      showAppsInTossAdMob_isSupported: import_native_modules17.GoogleAdMob.showAppsInTossAdMob.isSupported,
+      loadAppsInTossAdMob_isSupported: import_native_modules18.GoogleAdMob.loadAppsInTossAdMob.isSupported,
+      showAppsInTossAdMob_isSupported: import_native_modules18.GoogleAdMob.showAppsInTossAdMob.isSupported,
       /** env */
       getDeploymentId: env.getDeploymentId
     },
     asyncHandlerMap: {
-      ...graniteAsyncBridges,
       ...appsInTossAsyncBridges,
       setIosSwipeGestureEnabled: (options) => {
         setAllowsBackForwardNavigationGestures(options.isEnabled);
@@ -1889,14 +1970,16 @@ function WebView({ type, local, onMessage, ...props }) {
       getCurrentLocation: appsInTossAsyncBridges.getCurrentLocation,
       openCamera: appsInTossAsyncBridges.openCamera,
       /** Storage */
-      getStorageItem: import_native_modules17.Storage.getItem,
-      setStorageItem: import_native_modules17.Storage.setItem,
-      removeStorageItem: import_native_modules17.Storage.removeItem,
-      clearItems: import_native_modules17.Storage.clearItems,
+      getStorageItem: import_native_modules18.Storage.getItem,
+      setStorageItem: import_native_modules18.Storage.setItem,
+      removeStorageItem: import_native_modules18.Storage.removeItem,
+      clearItems: import_native_modules18.Storage.clearItems,
       /** IAP */
-      iapGetProductItemList: import_native_modules17.IAP.getProductItemList,
-      iapCreateOneTimePurchaseOrder: import_native_modules17.iapCreateOneTimePurchaseOrder,
-      processProductGrant: import_native_modules17.processProductGrant
+      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
     }
   });
   const headerPropForExternalWebView = (0, import_react19.useMemo)(() => {
@@ -1919,7 +2002,7 @@ function WebView({ type, local, onMessage, ...props }) {
   const userAgent = useCreateUserAgent({
     colorPreference: "light"
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     BaseWebView,
     {
       ref: handler.ref,
@@ -1932,14 +2015,14 @@ function WebView({ type, local, onMessage, ...props }) {
           "User-Agent": userAgent
         }
       },
-      userAgent: import_react_native38.Platform.OS === "ios" ? userAgent : void 0,
+      userAgent: import_react_native29.Platform.OS === "ios" ? userAgent : void 0,
       sharedCookiesEnabled: true,
       webviewDebuggingEnabled: webViewDebuggingEnabled,
       thirdPartyCookiesEnabled: true,
       onMessage: handler.onMessage,
       injectedJavaScript: handler.injectedJavaScript,
       injectedJavaScriptBeforeContentLoaded: handler.injectedJavaScript,
-      decelerationRate: import_react_native38.Platform.OS === "ios" ? 1 : void 0,
+      decelerationRate: import_react_native29.Platform.OS === "ios" ? 1 : void 0,
       allowsBackForwardNavigationGestures
     }
   );
@@ -1947,7 +2030,7 @@ function WebView({ type, local, onMessage, ...props }) {
 
 // src/index.ts
 __reExport(src_exports, require("@apps-in-toss/analytics"), module.exports);
-var import_private8 = require("@toss-design-system/react-native/private");
+var import_private9 = require("@toss/tds-react-native/private");
 __reExport(src_exports, require("@apps-in-toss/native-modules"), module.exports);
 __reExport(src_exports, require("@apps-in-toss/types"), module.exports);
 var Analytics2 = {