@apps-in-toss/web-framework 1.13.0 → 1.14.0

package/dist/cli/index.js

@@ -52274,7 +52274,7 @@ var require_package = __commonJS({
     module.exports = {
       name: "@apps-in-toss/web-framework",
       type: "module",
-      version: "1.13.0",
+      version: "1.14.0",
       description: "Web Framework for Apps In Toss",
       scripts: {
         typecheck: "tsc --noEmit",

package/dist/prebuilt/dev.android.js

@@ -153365,10 +153365,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   "use strict";
 
   var _defineProperty = _$$_REQUIRE(_dependencyMap[0], "@babel/runtime/helpers/defineProperty");
-  var _classCallCheck = _$$_REQUIRE(_dependencyMap[1], "@babel/runtime/helpers/classCallCheck");
-  var _createClass = _$$_REQUIRE(_dependencyMap[2], "@babel/runtime/helpers/createClass");
-  var _toConsumableArray = _$$_REQUIRE(_dependencyMap[3], "@babel/runtime/helpers/toConsumableArray");
-  var _objectWithoutProperties = _$$_REQUIRE(_dependencyMap[4], "@babel/runtime/helpers/objectWithoutProperties");
+  var _toConsumableArray = _$$_REQUIRE(_dependencyMap[1], "@babel/runtime/helpers/toConsumableArray");
+  var _objectWithoutProperties = _$$_REQUIRE(_dependencyMap[2], "@babel/runtime/helpers/objectWithoutProperties");
+  var _classCallCheck = _$$_REQUIRE(_dependencyMap[3], "@babel/runtime/helpers/classCallCheck");
+  var _createClass = _$$_REQUIRE(_dependencyMap[4], "@babel/runtime/helpers/createClass");
   var _asyncToGenerator = _$$_REQUIRE(_dependencyMap[5], "@babel/runtime/helpers/asyncToGenerator");
   var _slicedToArray = _$$_REQUIRE(_dependencyMap[6], "@babel/runtime/helpers/slicedToArray");
   var _objectDestructuringEmpty = _$$_REQUIRE(_dependencyMap[7], "@babel/runtime/helpers/objectDestructuringEmpty");
@@ -153441,9 +153441,15 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     env: function env() {
       return _env;
     },
+    homeEvent: function homeEvent() {
+      return _homeEvent;
+    },
     loadFullScreenAd: function loadFullScreenAd() {
       return _loadFullScreenAd;
     },
+    safeAreaInsetsChange: function safeAreaInsetsChange() {
+      return _safeAreaInsetsChange;
+    },
     showFullScreenAd: function showFullScreenAd() {
       return _showFullScreenAd;
     },
@@ -154159,6 +154165,71 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       };
     }(), [brandDisplayName, openConfirm]);
   }
+  var EventEmitter = function () {
+    function EventEmitter() {
+      _classCallCheck(this, EventEmitter);
+      this.listeners = {};
+    }
+    return _createClass(EventEmitter, [{
+      key: "subscribe",
+      value: function subscribe(event, listener) {
+        var _this = this;
+        if (!this.listeners[event]) {
+          this.listeners[event] = [];
+        }
+        this.listeners[event].push(listener);
+        return function () {
+          var _this$listeners$event, _this$listeners$event2;
+          _this.listeners[event] = (_this$listeners$event = (_this$listeners$event2 = _this.listeners[event]) == null ? void 0 : _this$listeners$event2.filter(function (l) {
+            return l !== listener;
+          })) != null ? _this$listeners$event : [];
+        };
+      }
+    }, {
+      key: "hasSubscriptions",
+      value: function hasSubscriptions(event) {
+        return this.listeners[event] != null && this.listeners[event].length > 0;
+      }
+    }, {
+      key: "clearSubscriptions",
+      value: function clearSubscriptions(event) {
+        this.listeners[event] = [];
+      }
+    }, {
+      key: "emit",
+      value: function emit(event) {
+        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+        if (!this.listeners[event]) {
+          return;
+        }
+        this.listeners[event].forEach(function (listener) {
+          return listener.apply(void 0, args);
+        });
+      }
+    }]);
+  }();
+  var eventEmitter = new EventEmitter();
+  function createEvent(event) {
+    return {
+      name: event,
+      subscribe: function subscribe(listener) {
+        return eventEmitter.subscribe(event, listener);
+      },
+      hasSubscriptions: function hasSubscriptions() {
+        return eventEmitter.hasSubscriptions(event);
+      },
+      clearSubscriptions: function clearSubscriptions() {
+        return eventEmitter.clearSubscriptions(event);
+      },
+      emit: function emit(data) {
+        return eventEmitter.emit(event, data);
+      }
+    };
+  }
+  var _homeEvent = createEvent("homeEvent");
+  var _safeAreaInsetsChange = createEvent("safeAreaInsetsChange");
   var import_native_modules7 = _$$_REQUIRE(_dependencyMap[9], "@apps-in-toss/native-modules");
   var import_react_native13 = _$$_REQUIRE(_dependencyMap[10], "@granite-js/react-native");
   var NAVI_BAR_IMPRESSION_SCHEMA_ID = 1596837;
@@ -154270,7 +154341,11 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         },
         handleHomeButtonClick: function handleHomeButtonClick() {
           logging.homeButtonClick();
-          navigation.navigate("/");
+          if (_homeEvent.hasSubscriptions()) {
+            _homeEvent.emit({});
+          } else {
+            navigation.navigate("/");
+          }
         },
         handleCloseButtonClick: function handleCloseButtonClick() {
           logging.closeButtonClick();
@@ -155588,58 +155663,17 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   }
   var import_react_native_safe_area_context3 = _$$_REQUIRE(_dependencyMap[17], "@granite-js/native/react-native-safe-area-context");
   var import_react23 = _$$_REQUIRE(_dependencyMap[13], "react");
-  var EventEmitter = function () {
-    function EventEmitter() {
-      _classCallCheck(this, EventEmitter);
-      this.listeners = {};
-    }
-    return _createClass(EventEmitter, [{
-      key: "on",
-      value: function on(event, listener) {
-        if (!this.listeners[event]) {
-          this.listeners[event] = [];
-        }
-        this.listeners[event].push(listener);
-      }
-    }, {
-      key: "emit",
-      value: function emit(event) {
-        for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-          args[_key - 1] = arguments[_key];
-        }
-        if (!this.listeners[event]) {
-          return;
-        }
-        this.listeners[event].forEach(function (listener) {
-          return listener.apply(void 0, args);
-        });
-      }
-    }, {
-      key: "off",
-      value: function off(event, listener) {
-        if (!this.listeners[event]) {
-          return;
-        }
-        this.listeners[event] = this.listeners[event].filter(function (l) {
-          return l !== listener;
-        });
-      }
-    }]);
-  }();
-  function useSafeAreaInsetsEmitter() {
+  function useSafeAreaInsetsEvent() {
     var insets = (0, import_react_native_safe_area_context3.useSafeAreaInsets)();
-    var emitter = (0, import_react23.useMemo)(function () {
-      return new EventEmitter();
-    }, []);
     (0, import_react23.useEffect)(function () {
-      emitter.emit("safeAreaInsetsChange", insets);
+      _safeAreaInsetsChange.emit(insets);
+    }, [insets]);
+    (0, import_react23.useEffect)(function () {
       return function () {
-        emitter.off("safeAreaInsetsChange", function (listener) {
-          return listener(insets);
-        });
+        return _safeAreaInsetsChange.clearSubscriptions();
       };
-    }, [emitter, insets]);
-    return emitter;
+    }, []);
+    return _safeAreaInsetsChange;
   }
   var import_react_native33 = _$$_REQUIRE(_dependencyMap[10], "@granite-js/react-native");
   var import_tds_react_native13 = _$$_REQUIRE(_dependencyMap[11], "@toss/tds-react-native");
@@ -155770,10 +155804,8 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var handleWebHome = (0, import_react25.useCallback)(function () {
       var _webViewRef$current2;
       logging.homeButtonClick();
-      if (hasWebBackEvent) {
-        for (var handler of webBackHandlersRef) {
-          handler();
-        }
+      if (_homeEvent.hasSubscriptions()) {
+        _homeEvent.emit({});
         return;
       }
       (_webViewRef$current2 = webViewRef.current) == null ? void 0 : _webViewRef$current2.injectJavaScript(`
@@ -156149,7 +156181,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var insets = (0, import_react_native_safe_area_context4.useSafeAreaInsets)();
     var global2 = getAppsInTossGlobals();
     var navigationBarContext = useNavigationBarContext();
-    var safeAreaInsetsEmitter = useSafeAreaInsetsEmitter();
+    var safeAreaInsetsEvent = useSafeAreaInsetsEvent();
     var _ref82 = (0, import_react28.useState)(props.allowsBackForwardNavigationGestures),
       _ref83 = _slicedToArray(_ref82, 2),
       allowsBackForwardNavigationGestures = _ref83[0],
@@ -156172,27 +156204,28 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
             webBackHandler.removeEventListener(onEvent);
           };
         },
-        updateLocationEvent: function updateLocationEvent(_ref86) {
-          var onEvent = _ref86.onEvent,
-            onError = _ref86.onError,
-            options = _ref86.options;
+        homeEvent: function homeEvent(_ref86) {
+          var onEvent = _ref86.onEvent;
+          return _homeEvent.subscribe(onEvent);
+        },
+        updateLocationEvent: function updateLocationEvent(_ref87) {
+          var onEvent = _ref87.onEvent,
+            onError = _ref87.onError,
+            options = _ref87.options;
           return import_native_modules24.appsInTossEvent.addEventListener("updateLocationEvent", {
             onEvent: onEvent,
             onError: onError,
             options: options
           });
         },
-        safeAreaInsetsChange: function safeAreaInsetsChange(_ref87) {
-          var onEvent = _ref87.onEvent;
-          safeAreaInsetsEmitter.on("safeAreaInsetsChange", onEvent);
-          return function () {
-            safeAreaInsetsEmitter.off("safeAreaInsetsChange", onEvent);
-          };
+        safeAreaInsetsChange: function safeAreaInsetsChange(_ref88) {
+          var onEvent = _ref88.onEvent;
+          return safeAreaInsetsEvent.subscribe(onEvent);
         },
-        appBridgeCallbackEvent: function appBridgeCallbackEvent(_ref88) {
-          var onEvent = _ref88.onEvent,
-            onError = _ref88.onError,
-            options = _ref88.options;
+        appBridgeCallbackEvent: function appBridgeCallbackEvent(_ref89) {
+          var onEvent = _ref89.onEvent,
+            onError = _ref89.onError,
+            options = _ref89.options;
           return import_native_modules24.appsInTossEvent.addEventListener("appBridgeCallbackEvent", {
             onEvent: onEvent,
             onError: onError,
@@ -156217,10 +156250,10 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
             right: insets.right
           };
         }
-      }, Object.fromEntries(Object.entries(global2).map(function (_ref89) {
-        var _ref90 = _slicedToArray(_ref89, 2),
-          key = _ref90[0],
-          value = _ref90[1];
+      }, Object.fromEntries(Object.entries(global2).map(function (_ref90) {
+        var _ref91 = _slicedToArray(_ref90, 2),
+          key = _ref91[0],
+          value = _ref91[1];
         return [key, function () {
           return value;
         }];
@@ -156596,9 +156629,9 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
         };
       }
       if (response.resultType !== "SUCCESS") {
-        var _ref98, _response$error$reaso, _response$error, _mappedError$code;
+        var _ref99, _response$error$reaso, _response$error, _mappedError$code;
         var mappedError = API_RESULT_ERROR_MAP[response.resultType];
-        var errorMessage = (_ref98 = (_response$error$reaso = (_response$error = response.error) == null ? void 0 : _response$error.reason) != null ? _response$error$reaso : mappedError == null ? void 0 : mappedError.message) != null ? _ref98 : ERROR_MESSAGES[ERROR_CODES.INTERNAL_ERROR];
+        var errorMessage = (_ref99 = (_response$error$reaso = (_response$error = response.error) == null ? void 0 : _response$error.reason) != null ? _response$error$reaso : mappedError == null ? void 0 : mappedError.message) != null ? _ref99 : ERROR_MESSAGES[ERROR_CODES.INTERNAL_ERROR];
         var errorCode = (_mappedError$code = mappedError == null ? void 0 : mappedError.code) != null ? _mappedError$code : ERROR_CODES.INTERNAL_ERROR;
         return {
           type: "error",
@@ -156730,7 +156763,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       key: "track",
       value: function () {
         var _track = _asyncToGenerator(function* (eventType) {
-          var _this = this;
+          var _this2 = this;
           if (!this.eventTypes.has(eventType)) {
             return;
           }
@@ -156749,7 +156782,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
             data: this.eventPayload
           };
           yield Promise.allSettled(this.eventTrackingUrls.map(function (url) {
-            return _this.sendTrackingRequest(url, payload);
+            return _this2.sendTrackingRequest(url, payload);
           }));
           if (!this.repeatableEvents.has(eventType) && this.requestId && this.creativeId) {
             globalEventDeduplicator.markTracked(this.requestId, this.creativeId, eventType);
@@ -156789,20 +156822,20 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   var import_react_native42 = _$$_REQUIRE(_dependencyMap[12], "react-native");
   var import_jsx_runtime20 = _$$_REQUIRE(_dependencyMap[14], "react/jsx-runtime");
   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-1.7s1.2-.5 1.7 0l7.5 7.5c.5.5.5 1.2 0 1.7l-7.5 7.5c-.2.3-.5.4-.8.4s-.6-.1-.8-.3z";
-  function FeedBannerAdView(_ref91) {
-    var brandName = _ref91.brandName,
-      brandLogoUri = _ref91.brandLogoUri,
-      title = _ref91.title,
-      subtitle = _ref91.subtitle,
-      mainImageUri = _ref91.mainImageUri,
-      ctaText = _ref91.ctaText,
-      ctaTextColor = _ref91.ctaTextColor,
-      ctaBackgroundColor = _ref91.ctaBackgroundColor,
-      adClearanceText = _ref91.adClearanceText,
-      colors = _ref91.colors,
-      isAdBadgeEnabled = _ref91.isAdBadgeEnabled,
-      paddingStyle = _ref91.paddingStyle,
-      _onPress2 = _ref91.onPress;
+  function FeedBannerAdView(_ref92) {
+    var brandName = _ref92.brandName,
+      brandLogoUri = _ref92.brandLogoUri,
+      title = _ref92.title,
+      subtitle = _ref92.subtitle,
+      mainImageUri = _ref92.mainImageUri,
+      ctaText = _ref92.ctaText,
+      ctaTextColor = _ref92.ctaTextColor,
+      ctaBackgroundColor = _ref92.ctaBackgroundColor,
+      adClearanceText = _ref92.adClearanceText,
+      colors = _ref92.colors,
+      isAdBadgeEnabled = _ref92.isAdBadgeEnabled,
+      paddingStyle = _ref92.paddingStyle,
+      _onPress2 = _ref92.onPress;
     var scale = (0, import_react29.useRef)(new import_react_native42.Animated.Value(1)).current;
     var animateScale = function animateScale(toValue) {
       import_react_native42.Animated.timing(scale, {
@@ -157090,15 +157123,15 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
   var import_react_native43 = _$$_REQUIRE(_dependencyMap[12], "react-native");
   var import_jsx_runtime21 = _$$_REQUIRE(_dependencyMap[14], "react/jsx-runtime");
   var SQUIRCLE_PATH = "M0 17.352C0 3.564 3.564 0 17.352 0H18.648C32.436 0 36 3.564 36 17.352V18.648C36 32.436 32.436 36 18.648 36H17.352C3.564 36 0 32.436 0 18.648V17.352Z";
-  function ListBannerAdView(_ref92) {
-    var title = _ref92.title,
-      subtitle = _ref92.subtitle,
-      adClearanceText = _ref92.adClearanceText,
-      adClearanceFontSize = _ref92.adClearanceFontSize,
-      imageUri = _ref92.imageUri,
-      paddingStyle = _ref92.paddingStyle,
-      colors = _ref92.colors,
-      _onPress3 = _ref92.onPress;
+  function ListBannerAdView(_ref93) {
+    var title = _ref93.title,
+      subtitle = _ref93.subtitle,
+      adClearanceText = _ref93.adClearanceText,
+      adClearanceFontSize = _ref93.adClearanceFontSize,
+      imageUri = _ref93.imageUri,
+      paddingStyle = _ref93.paddingStyle,
+      colors = _ref93.colors,
+      _onPress3 = _ref93.onPress;
     var scale = (0, import_react30.useRef)(new import_react_native43.Animated.Value(1)).current;
     var clipIdRef = (0, import_react30.useRef)(`clip-${Math.random().toString(36).slice(2)}`);
     var animateScale = function animateScale(toValue) {
@@ -157410,7 +157443,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     return false;
   }
   function _InlineAd(props) {
-    var _ad$requestId3, _ad$creative$id2, _ad$creative2, _listCreative$subTitl, _ref97, _listCreative$adClear;
+    var _ad$requestId3, _ad$creative$id2, _ad$creative2, _listCreative$subTitl, _ref98, _listCreative$adClear;
     var adGroupId = props.adGroupId,
       theme = props.theme,
       tone = props.tone,
@@ -157423,14 +157456,14 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
       onAdFailedToRender = props.onAdFailedToRender,
       onNoFill = props.onNoFill;
     var slotIdRef = (0, import_react31.useRef)(createSlotId());
-    var _ref93 = (0, import_react31.useState)(null),
-      _ref94 = _slicedToArray(_ref93, 2),
-      ad = _ref94[0],
-      setAd = _ref94[1];
-    var _ref95 = (0, import_react31.useState)(true),
-      _ref96 = _slicedToArray(_ref95, 2),
-      isAdBadgeEnabled = _ref96[0],
-      setIsAdBadgeEnabled = _ref96[1];
+    var _ref94 = (0, import_react31.useState)(null),
+      _ref95 = _slicedToArray(_ref94, 2),
+      ad = _ref95[0],
+      setAd = _ref95[1];
+    var _ref96 = (0, import_react31.useState)(true),
+      _ref97 = _slicedToArray(_ref96, 2),
+      isAdBadgeEnabled = _ref97[0],
+      setIsAdBadgeEnabled = _ref97[1];
     var eventTrackerRef = (0, import_react31.useRef)(null);
     var eventPayloadRef = (0, import_react31.useRef)(null);
     var hasRenderedRef = (0, import_react31.useRef)(false);
@@ -157570,7 +157603,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     var listCreative = isListBanner ? ad.creative : null;
     var feedCreative = isFeedBanner ? ad.creative : null;
     var subtitleText = listCreative && isAdBadgeEnabled ? `${listCreative.subTitle} \u2022 AD` : (_listCreative$subTitl = listCreative == null ? void 0 : listCreative.subTitle) != null ? _listCreative$subTitl : "";
-    var adClearanceText = (_ref97 = (_listCreative$adClear = listCreative == null ? void 0 : listCreative.adClearanceText) != null ? _listCreative$adClear : feedCreative == null ? void 0 : feedCreative.adClearanceText) != null ? _ref97 : void 0;
+    var adClearanceText = (_ref98 = (_listCreative$adClear = listCreative == null ? void 0 : listCreative.adClearanceText) != null ? _listCreative$adClear : feedCreative == null ? void 0 : feedCreative.adClearanceText) != null ? _ref98 : void 0;
     var adClearanceFontSize = adClearanceText && adClearanceText.length >= 60 ? 6 : 8;
     var imageUri = listCreative != null && listCreative.imageUrl && isSafeUrl(listCreative.imageUrl) ? listCreative.imageUrl : null;
     var brandLogoUri = feedCreative != null && feedCreative.brandLogoUrl && isSafeUrl(feedCreative.brandLogoUrl) ? feedCreative.brandLogoUrl : null;
@@ -157717,7 +157750,9 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     OverlayProvider: OverlayProvider,
     WebView: _WebView,
     env: _env,
+    homeEvent: _homeEvent,
     loadFullScreenAd: _loadFullScreenAd,
+    safeAreaInsetsChange: _safeAreaInsetsChange,
     showFullScreenAd: _showFullScreenAd,
     useCreateUserAgent: _useCreateUserAgent,
     useGeolocation: _useGeolocation,
@@ -157725,7 +157760,7 @@ __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, e
     useTopNavigation: _useTopNavigation,
     useWaitForReturnNavigator: _useWaitForReturnNavigator
   }, _$$_REQUIRE(_dependencyMap[8], "@apps-in-toss/analytics"), _$$_REQUIRE(_dependencyMap[9], "@apps-in-toss/native-modules"), _$$_REQUIRE(_dependencyMap[23], "@apps-in-toss/types")));
-},1256,[93,24,25,32,207,16,61,1257,1258,1259,2,1446,18,6,9,2468,2568,534,2569,2607,2614,2630,2477,1260,644],"../../../.yarn/__virtual__/@apps-in-toss-framework-virtual-afbad361af/1/packages/apps-in-toss/framework/dist/index.cjs");
+},1256,[93,32,207,24,25,16,61,1257,1258,1259,2,1446,18,6,9,2468,2568,534,2569,2607,2614,2630,2477,1260,644],"../../../.yarn/__virtual__/@apps-in-toss-framework-virtual-afbad361af/1/packages/apps-in-toss/framework/dist/index.cjs");
 __d(function (global, _$$_REQUIRE, _$$_IMPORT_DEFAULT, _$$_IMPORT_ALL, module, exports, _dependencyMap) {
   function _objectDestructuringEmpty(obj) {
     if (obj == null) throw new TypeError("Cannot destructure undefined");