@apps-in-toss/framework 0.0.15 → 0.0.16

package/dist/index.cjs

@@ -444,6 +444,7 @@ __export(event_bridges_exports, {
 // src/components/WebView.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var appsInTossGlobals = getAppsInTossGlobals();
+var TYPES = ["partner", "external", "game"];
 var WEBVIEW_TYPES = {
   partner: import_react_native11.PartnerWebViewScreen,
   external: import_react_native11.ExternalWebViewScreen,
@@ -472,6 +473,9 @@ function getWebViewUri(local) {
   return url.toString();
 }
 function WebView({ type, local, onMessage, ...props }) {
+  if (!TYPES.includes(type)) {
+    throw new Error(`Invalid WebView type: '${type}'`);
+  }
   const uri = (0, import_react3.useMemo)(() => getWebViewUri(local), [local]);
   const handler = (0, import_react_native_bedrock5.useBridgeHandler)({
     onMessage,
@@ -493,24 +497,26 @@ function WebView({ type, local, onMessage, ...props }) {
   const baseProps = (0, import_react3.useMemo)(() => {
     switch (type) {
       case "partner": {
-        return {
+        const headerOnlyProp = {
           header: {
-            ...props.header,
-            icon: toIcon(appsInTossGlobals.brandIcon),
-            title: appsInTossGlobals.brandDisplayName,
+            ..."header" in props ? props.header : {},
+            icon: toIcon(ensureValue(appsInTossGlobals.brandIcon, "icon")),
+            title: ensureValue(appsInTossGlobals.brandDisplayName, "displayName"),
             rightButtons: void 0
             // TODO: onClick 이벤트를 받아야 하기에 런타임에서 설정 받아야 함
           }
         };
+        return headerOnlyProp;
       }
       case "external": {
-        return {
+        const headerOnlyProp = {
           header: {
-            ...props.header,
-            icon: toIcon(appsInTossGlobals.brandIcon),
-            title: appsInTossGlobals.brandDisplayName
+            ..."header" in props ? props.header : {},
+            icon: toIcon(ensureValue(appsInTossGlobals.brandIcon, "icon")),
+            title: ensureValue(appsInTossGlobals.brandDisplayName, "displayName")
           }
         };
+        return headerOnlyProp;
       }
       default: {
         return {};
@@ -522,8 +528,8 @@ function WebView({ type, local, onMessage, ...props }) {
     BaseWebView,
     {
       ref: handler.ref,
-      ...baseProps,
       ...props,
+      ...baseProps,
       source: { uri },
       sharedCookiesEnabled: true,
       thirdPartyCookiesEnabled: true,
@@ -535,6 +541,12 @@ function WebView({ type, local, onMessage, ...props }) {
     }
   );
 }
+function ensureValue(value, name) {
+  if (value === void 0) {
+    throw new Error(`${name} is required`);
+  }
+  return value;
+}
 
 // src/hooks/useGeolocation.ts
 var import_react4 = require("react");

package/dist/index.js

@@ -405,6 +405,7 @@ __export(event_bridges_exports, {
 // src/components/WebView.tsx
 import { jsx as jsx5 } from "react/jsx-runtime";
 var appsInTossGlobals = getAppsInTossGlobals();
+var TYPES = ["partner", "external", "game"];
 var WEBVIEW_TYPES = {
   partner: PartnerWebViewScreen,
   external: ExternalWebViewScreen,
@@ -433,6 +434,9 @@ function getWebViewUri(local) {
   return url.toString();
 }
 function WebView({ type, local, onMessage, ...props }) {
+  if (!TYPES.includes(type)) {
+    throw new Error(`Invalid WebView type: '${type}'`);
+  }
   const uri = useMemo(() => getWebViewUri(local), [local]);
   const handler = useBridgeHandler({
     onMessage,
@@ -454,24 +458,26 @@ function WebView({ type, local, onMessage, ...props }) {
   const baseProps = useMemo(() => {
     switch (type) {
       case "partner": {
-        return {
+        const headerOnlyProp = {
           header: {
-            ...props.header,
-            icon: toIcon(appsInTossGlobals.brandIcon),
-            title: appsInTossGlobals.brandDisplayName,
+            ..."header" in props ? props.header : {},
+            icon: toIcon(ensureValue(appsInTossGlobals.brandIcon, "icon")),
+            title: ensureValue(appsInTossGlobals.brandDisplayName, "displayName"),
             rightButtons: void 0
             // TODO: onClick 이벤트를 받아야 하기에 런타임에서 설정 받아야 함
           }
         };
+        return headerOnlyProp;
       }
       case "external": {
-        return {
+        const headerOnlyProp = {
           header: {
-            ...props.header,
-            icon: toIcon(appsInTossGlobals.brandIcon),
-            title: appsInTossGlobals.brandDisplayName
+            ..."header" in props ? props.header : {},
+            icon: toIcon(ensureValue(appsInTossGlobals.brandIcon, "icon")),
+            title: ensureValue(appsInTossGlobals.brandDisplayName, "displayName")
           }
         };
+        return headerOnlyProp;
       }
       default: {
         return {};
@@ -483,8 +489,8 @@ function WebView({ type, local, onMessage, ...props }) {
     BaseWebView,
     {
       ref: handler.ref,
-      ...baseProps,
       ...props,
+      ...baseProps,
       source: { uri },
       sharedCookiesEnabled: true,
       thirdPartyCookiesEnabled: true,
@@ -496,6 +502,12 @@ function WebView({ type, local, onMessage, ...props }) {
     }
   );
 }
+function ensureValue(value, name) {
+  if (value === void 0) {
+    throw new Error(`${name} is required`);
+  }
+  return value;
+}
 
 // src/hooks/useGeolocation.ts
 import { useState, useEffect as useEffect2 } from "react";