@savers_app/react-native-sandbox-sdk 1.2.8 → 1.4.0

package/lib/module/@types/react-native-svg.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=react-native-svg.d.js.map

package/lib/module/@types/react-native-svg.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/react-native-svg.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/TravelPortalBackIcon.js

@@ -0,0 +1,24 @@
+"use strict";
+
+import React from 'react';
+import { Path, Svg } from 'react-native-svg';
+
+/** Matches `m.saversapp.com/assets/svg/BackIcon.tsx` (17×16). */
+import { jsx as _jsx } from "react/jsx-runtime";
+const DEFAULT_COLOR = '#66CC99';
+export const TravelPortalBackIcon = ({
+  height = 16,
+  width = 17,
+  color = DEFAULT_COLOR
+}) => /*#__PURE__*/_jsx(Svg, {
+  width: width,
+  height: height,
+  viewBox: "0 0 17 16",
+  fill: "none",
+  children: /*#__PURE__*/_jsx(Path, {
+    d: "M.293 7.293a1 1 0 000 1.414l6.364 6.364a1 1 0 001.414-1.414L2.414 8l5.657-5.657A1 1 0 006.657.93L.293 7.293zM1 9h16V7H1v2z",
+    fill: color
+  })
+});
+export default TravelPortalBackIcon;
+//# sourceMappingURL=TravelPortalBackIcon.js.map

package/lib/module/components/TravelPortalBackIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Path","Svg","jsx","_jsx","DEFAULT_COLOR","TravelPortalBackIcon","height","width","color","viewBox","fill","children","d"],"sourceRoot":"../../../src","sources":["components/TravelPortalBackIcon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,GAAG,QAAQ,kBAAkB;;AAE5C;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOA,MAAMC,aAAa,GAAG,SAAS;AAE/B,OAAO,MAAMC,oBAAyD,GAAGA,CAAC;EACxEC,MAAM,GAAG,EAAE;EACXC,KAAK,GAAG,EAAE;EACVC,KAAK,GAAGJ;AACV,CAAC,kBACCD,IAAA,CAACF,GAAG;EAACM,KAAK,EAAEA,KAAM;EAACD,MAAM,EAAEA,MAAO;EAACG,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAAAC,QAAA,eAChER,IAAA,CAACH,IAAI;IACHY,CAAC,EAAC,4HAA4H;IAC9HF,IAAI,EAAEF;EAAM,CACb;AAAC,CACC,CACN;AAED,eAAeH,oBAAoB","ignoreList":[]}

package/lib/module/components/TravelPortalHeader.js

@@ -0,0 +1,97 @@
+"use strict";
+
+import React, { useEffect, useState } from 'react';
+import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { TravelPortalBackIcon } from "./TravelPortalBackIcon.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Horizontal padding: Tailwind `px-3.5` in m.saversapp Header. */
+const HEADER_PADDING_X = 14;
+/** Vertical padding: Tailwind `py-4` in m.saversapp Header. */
+const HEADER_PADDING_Y = 16;
+/** Row min height: Tailwind `min-h-[60px]` in m.saversapp Header. */
+const HEADER_ROW_MIN_HEIGHT = 60;
+const LOGO_MAX_WIDTH = 160;
+const LOGO_MAX_HEIGHT = 70;
+const LOGO_MIN_HEIGHT = 40;
+export const TravelPortalHeader = ({
+  onBack,
+  partnerLogo,
+  backIconColor,
+  renderBackIcon,
+  topInset = 'none',
+  style
+}) => {
+  const insets = useSafeAreaInsets();
+  const paddingTop = topInset === 'safe-area' ? insets.top + HEADER_PADDING_Y : HEADER_PADDING_Y;
+  const [logoWidth, setLogoWidth] = useState(LOGO_MAX_WIDTH);
+  const [logoHeight, setLogoHeight] = useState(LOGO_MAX_HEIGHT);
+  useEffect(() => {
+    if (!partnerLogo) {
+      return;
+    }
+    Image.getSize(partnerLogo, (srcWidth, srcHeight) => {
+      setLogoWidth(srcWidth > LOGO_MAX_WIDTH ? LOGO_MAX_WIDTH : srcWidth);
+      setLogoHeight(srcHeight > LOGO_MAX_HEIGHT ? LOGO_MAX_HEIGHT : srcHeight);
+    }, () => {
+      setLogoWidth(LOGO_MAX_WIDTH);
+      setLogoHeight(LOGO_MAX_HEIGHT);
+    });
+  }, [partnerLogo]);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.container, {
+      paddingTop,
+      paddingBottom: HEADER_PADDING_Y
+    }, style],
+    children: /*#__PURE__*/_jsxs(View, {
+      style: styles.row,
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: onBack,
+        hitSlop: 16,
+        accessibilityRole: "button",
+        accessibilityLabel: "Back",
+        style: styles.backButton,
+        children: renderBackIcon ? renderBackIcon() : /*#__PURE__*/_jsx(TravelPortalBackIcon, {
+          color: backIconColor
+        })
+      }), partnerLogo ? /*#__PURE__*/_jsx(Image, {
+        source: {
+          uri: partnerLogo
+        },
+        resizeMode: "contain",
+        style: [styles.logo, {
+          width: logoWidth,
+          height: logoHeight
+        }]
+      }) : /*#__PURE__*/_jsx(View, {
+        style: styles.logoPlaceholder
+      })]
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: '#fff',
+    paddingHorizontal: HEADER_PADDING_X
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    minHeight: HEADER_ROW_MIN_HEIGHT
+  },
+  backButton: {
+    paddingVertical: 8,
+    justifyContent: 'center'
+  },
+  logo: {
+    minHeight: LOGO_MIN_HEIGHT,
+    alignSelf: 'flex-end'
+  },
+  logoPlaceholder: {
+    width: LOGO_MAX_WIDTH,
+    minHeight: LOGO_MIN_HEIGHT
+  }
+});
+export default TravelPortalHeader;
+//# sourceMappingURL=TravelPortalHeader.js.map

package/lib/module/components/TravelPortalHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","Image","StyleSheet","TouchableOpacity","View","useSafeAreaInsets","TravelPortalBackIcon","jsx","_jsx","jsxs","_jsxs","HEADER_PADDING_X","HEADER_PADDING_Y","HEADER_ROW_MIN_HEIGHT","LOGO_MAX_WIDTH","LOGO_MAX_HEIGHT","LOGO_MIN_HEIGHT","TravelPortalHeader","onBack","partnerLogo","backIconColor","renderBackIcon","topInset","style","insets","paddingTop","top","logoWidth","setLogoWidth","logoHeight","setLogoHeight","getSize","srcWidth","srcHeight","styles","container","paddingBottom","children","row","onPress","hitSlop","accessibilityRole","accessibilityLabel","backButton","color","source","uri","resizeMode","logo","width","height","logoPlaceholder","create","backgroundColor","paddingHorizontal","flexDirection","alignItems","justifyContent","minHeight","paddingVertical","alignSelf"],"sourceRoot":"../../../src","sources":["components/TravelPortalHeader.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/services/webview/DualWebViewBridgeController.js

@@ -1,8 +1,9 @@
 "use strict";
 
-import React, { useCallback, useMemo, useRef, useState } from 'react';
-import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
 import WebView from 'react-native-webview';
+import { TravelPortalHeader } from "../../components/TravelPortalHeader.js";
 import { parseDualWebViewEnvelope } from "./dualWebViewBridge.types.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const DEFAULT_TRAVEL_PORTAL_URL = 'https://sandbox.travelercashback.com';
@@ -13,6 +14,25 @@ const WEBVIEW_UA_MARKER = 'CloAppWebView';
 /** Legacy / Hub: open travel from first WebView without JSON envelope. */
 const TRAVEL_DEEP_LINK = 'saversapp://travel';
 const LEGACY_OPEN_TRAVEL_ACTIONS = ['OPEN_TRAVEL_PORTAL', 'OPEN_TRAVEL'];
+function resolveTravelPortalUrlFromPayload(payload) {
+  if (typeof payload === 'string' && payload.trim()) {
+    return payload.trim();
+  }
+  if (payload && typeof payload === 'object' && 'url' in payload) {
+    const url = payload.url;
+    if (typeof url === 'string' && url.trim()) {
+      return url.trim();
+    }
+  }
+  return undefined;
+}
+function resolveTravelPortalUrlFromLegacyMessage(data) {
+  const topLevel = data?.url;
+  if (typeof topLevel === 'string' && topLevel.trim()) {
+    return topLevel.trim();
+  }
+  return resolveTravelPortalUrlFromPayload(data?.payload);
+}
 function buildInjectNativeBridgeScript(detail) {
   return `
     (function(){
@@ -26,6 +46,8 @@ export const DualWebViewBridgeController = ({
   saversAppUrl,
   travelPortalUrl = DEFAULT_TRAVEL_PORTAL_URL,
   partnerLogo,
+  travelBackIconColor,
+  travelHeaderTopInset = 'none',
   renderTravelBackIcon,
   initialSurface = 'savers',
   onSaversSdkMessage,
@@ -37,7 +59,14 @@ export const DualWebViewBridgeController = ({
   const [surface, setSurface] = useState(initialSurface);
   const [saversKey, setSaversKey] = useState(0);
   const [travelKey, setTravelKey] = useState(0);
-  const openTravel = useCallback(() => {
+  const [activeTravelPortalUrl, setActiveTravelPortalUrl] = useState(travelPortalUrl);
+  useEffect(() => {
+    setActiveTravelPortalUrl(travelPortalUrl);
+  }, [travelPortalUrl]);
+  const openTravel = useCallback(url => {
+    if (url) {
+      setActiveTravelPortalUrl(url);
+    }
     setSurface('travel');
     setTravelKey(k => k + 1);
   }, []);
@@ -58,7 +87,7 @@ export const DualWebViewBridgeController = ({
   const handleBridgeEnvelope = useCallback(env => {
     switch (env.action) {
       case 'open_travel':
-        openTravel();
+        openTravel(resolveTravelPortalUrlFromPayload(env.payload));
         return true;
       case 'close_travel':
         backToSavers();
@@ -84,7 +113,7 @@ export const DualWebViewBridgeController = ({
     try {
       const data = JSON.parse(raw);
       if (data?.action === 'OPEN_TRAVEL_PORTAL' || data?.type === 'OPEN_TRAVEL' || data?.openTravel === true) {
-        openTravel();
+        openTravel(resolveTravelPortalUrlFromLegacyMessage(data));
         return true;
       }
     } catch {
@@ -137,8 +166,8 @@ export const DualWebViewBridgeController = ({
     return true;
   }, [openTravel]);
   const travelSource = useMemo(() => ({
-    uri: travelPortalUrl
-  }), [travelPortalUrl]);
+    uri: activeTravelPortalUrl
+  }), [activeTravelPortalUrl]);
   const saversSource = useMemo(() => ({
     uri: saversAppUrl
   }), [saversAppUrl]);
@@ -158,33 +187,12 @@ export const DualWebViewBridgeController = ({
       webviewDebuggingEnabled: __DEV__
     }, saversKey) : null, surface === 'travel' ? /*#__PURE__*/_jsxs(View, {
       style: styles.travelColumn,
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.header,
-        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-          onPress: backToSavers,
-          hitSlop: 16,
-          accessibilityRole: "button",
-          accessibilityLabel: "Back",
-          style: styles.backButton,
-          children: renderTravelBackIcon ? renderTravelBackIcon() : /*#__PURE__*/_jsxs(View, {
-            style: styles.backIconWrapper,
-            children: [/*#__PURE__*/_jsx(View, {
-              style: styles.backIconShaft
-            }), /*#__PURE__*/_jsx(View, {
-              style: styles.backIconHead
-            })]
-          })
-        }), /*#__PURE__*/_jsx(View, {
-          style: styles.headerSpacer
-        }), partnerLogo ? /*#__PURE__*/_jsx(Image, {
-          source: {
-            uri: partnerLogo
-          },
-          resizeMode: "contain",
-          style: styles.logo
-        }) : /*#__PURE__*/_jsx(View, {
-          style: styles.logoPlaceholder
-        })]
+      children: [/*#__PURE__*/_jsx(TravelPortalHeader, {
+        onBack: backToSavers,
+        partnerLogo: partnerLogo,
+        backIconColor: travelBackIconColor,
+        topInset: travelHeaderTopInset,
+        renderBackIcon: renderTravelBackIcon
       }), /*#__PURE__*/_jsx(WebView, {
         ref: travelRef,
         source: travelSource,
@@ -209,58 +217,6 @@ const styles = StyleSheet.create({
   },
   webview: {
     flex: 1
-  },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    backgroundColor: '#fff',
-    paddingHorizontal: 16,
-    paddingTop: 12,
-    paddingBottom: 12,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: '#E5E5E5'
-  },
-  backButton: {
-    width: 32,
-    height: 32,
-    justifyContent: 'center',
-    alignItems: 'center'
-  },
-  backIconWrapper: {
-    width: 20,
-    height: 16,
-    justifyContent: 'center',
-    position: 'relative'
-  },
-  backIconShaft: {
-    position: 'absolute',
-    left: 6,
-    right: 0,
-    height: 2,
-    backgroundColor: '#111827',
-    borderRadius: 1
-  },
-  backIconHead: {
-    width: 10,
-    height: 10,
-    borderLeftWidth: 2,
-    borderBottomWidth: 2,
-    borderColor: '#111827',
-    transform: [{
-      rotate: '45deg'
-    }],
-    marginLeft: 1
-  },
-  headerSpacer: {
-    flex: 1
-  },
-  logo: {
-    width: 120,
-    height: 32
-  },
-  logoPlaceholder: {
-    width: 120,
-    height: 32
   }
 });
 export default DualWebViewBridgeController;

package/lib/module/services/webview/DualWebViewBridgeController.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","useRef","useState","Image","StyleSheet","TouchableOpacity","View","WebView","parseDualWebViewEnvelope","jsx","_jsx","jsxs","_jsxs","DEFAULT_TRAVEL_PORTAL_URL","WEBVIEW_UA_MARKER","TRAVEL_DEEP_LINK","LEGACY_OPEN_TRAVEL_ACTIONS","buildInjectNativeBridgeScript","detail","JSON","stringify","DualWebViewBridgeController","saversAppUrl","travelPortalUrl","partnerLogo","renderTravelBackIcon","initialSurface","onSaversSdkMessage","onLoadEndSavers","onLoadEndTravel","saversRef","travelRef","surface","setSurface","saversKey","setSaversKey","travelKey","setTravelKey","openTravel","k","backToSavers","relayTo","target","payload","from","bridge","action","ref","current","injectJavaScript","handleBridgeEnvelope","env","to","tryLegacyOpenTravel","raw","data","parse","type","some","s","includes","onMessageSavers","e","nativeEvent","postBack","onMessageTravel","onShouldStartLoadSavers","request","url","startsWith","travelSource","uri","saversSource","style","styles","root","children","source","originWhitelist","applicationNameForUserAgent","onMessage","onShouldStartLoadWithRequest","onLoadEnd","webview","sharedCookiesEnabled","incognito","webviewDebuggingEnabled","__DEV__","travelColumn","header","onPress","hitSlop","accessibilityRole","accessibilityLabel","backButton","backIconWrapper","backIconShaft","backIconHead","headerSpacer","resizeMode","logo","logoPlaceholder","create","flex","flexDirection","alignItems","backgroundColor","paddingHorizontal","paddingTop","paddingBottom","borderBottomWidth","hairlineWidth","borderBottomColor","width","height","justifyContent","position","left","right","borderRadius","borderLeftWidth","borderColor","transform","rotate","marginLeft"],"sourceRoot":"../../../../src","sources":["services/webview/DualWebViewBridgeController.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useRef","useState","StyleSheet","View","WebView","TravelPortalHeader","parseDualWebViewEnvelope","jsx","_jsx","jsxs","_jsxs","DEFAULT_TRAVEL_PORTAL_URL","WEBVIEW_UA_MARKER","TRAVEL_DEEP_LINK","LEGACY_OPEN_TRAVEL_ACTIONS","resolveTravelPortalUrlFromPayload","payload","trim","url","undefined","resolveTravelPortalUrlFromLegacyMessage","data","topLevel","buildInjectNativeBridgeScript","detail","JSON","stringify","DualWebViewBridgeController","saversAppUrl","travelPortalUrl","partnerLogo","travelBackIconColor","travelHeaderTopInset","renderTravelBackIcon","initialSurface","onSaversSdkMessage","onLoadEndSavers","onLoadEndTravel","saversRef","travelRef","surface","setSurface","saversKey","setSaversKey","travelKey","setTravelKey","activeTravelPortalUrl","setActiveTravelPortalUrl","openTravel","k","backToSavers","relayTo","target","from","bridge","action","ref","current","injectJavaScript","handleBridgeEnvelope","env","to","tryLegacyOpenTravel","raw","parse","type","some","s","includes","onMessageSavers","e","nativeEvent","postBack","onMessageTravel","onShouldStartLoadSavers","request","startsWith","travelSource","uri","saversSource","style","styles","root","children","source","originWhitelist","applicationNameForUserAgent","onMessage","onShouldStartLoadWithRequest","onLoadEnd","webview","sharedCookiesEnabled","incognito","webviewDebuggingEnabled","__DEV__","travelColumn","onBack","backIconColor","topInset","renderBackIcon","create","flex"],"sourceRoot":"../../../../src","sources":["services/webview/DualWebViewBridgeController.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/services/webview/dualWebViewBridge.types.js.map

@@ -1 +1 @@
-{"version":3,"names":["parseDualWebViewEnvelope","raw","o","JSON","parse","bridge","from","action"],"sourceRoot":"../../../../src","sources":["services/webview/dualWebViewBridge.types.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAgBA,OAAO,SAASA,wBAAwBA,CACtCC,GAAW,EACuB;EAClC,IAAI;IACF,MAAMC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACH,GAAG,CAA8B;IACtD,IAAIC,CAAC,EAAEG,MAAM,KAAK,cAAc,IAAIH,CAAC,EAAEI,IAAI,IAAIJ,CAAC,EAAEK,MAAM,EAAE;MACxD,OAAOL,CAAC;IACV;EACF,CAAC,CAAC,MAAM;IACN;EAAA;EAEF,OAAO,IAAI;AACb","ignoreList":[]}
+{"version":3,"names":["parseDualWebViewEnvelope","raw","o","JSON","parse","bridge","from","action"],"sourceRoot":"../../../../src","sources":["services/webview/dualWebViewBridge.types.ts"],"mappings":";;AAAA;AACA;AACA;AACA;;AAkBA,OAAO,SAASA,wBAAwBA,CACtCC,GAAW,EACuB;EAClC,IAAI;IACF,MAAMC,CAAC,GAAGC,IAAI,CAACC,KAAK,CAACH,GAAG,CAA8B;IACtD,IAAIC,CAAC,EAAEG,MAAM,KAAK,cAAc,IAAIH,CAAC,EAAEI,IAAI,IAAIJ,CAAC,EAAEK,MAAM,EAAE;MACxD,OAAOL,CAAC;IACV;EACF,CAAC,CAAC,MAAM;IACN;EAAA;EAEF,OAAO,IAAI;AACb","ignoreList":[]}

package/lib/typescript/src/components/TravelPortalBackIcon.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+/** Matches `m.saversapp.com/assets/svg/BackIcon.tsx` (17×16). */
+export type TravelPortalBackIconProps = {
+    height?: number;
+    width?: number;
+    color?: string;
+};
+export declare const TravelPortalBackIcon: React.FC<TravelPortalBackIconProps>;
+export default TravelPortalBackIcon;
+//# sourceMappingURL=TravelPortalBackIcon.d.ts.map

package/lib/typescript/src/components/TravelPortalBackIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TravelPortalBackIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/TravelPortalBackIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,iEAAiE;AACjE,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAWpE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/typescript/src/components/TravelPortalHeader.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type TravelPortalHeaderInsets = 'none' | 'safe-area';
+export type TravelPortalHeaderProps = {
+    onBack: () => void;
+    partnerLogo?: string;
+    backIconColor?: string;
+    renderBackIcon?: () => React.ReactNode;
+    /**
+     * `none` — matches m.saversapp `Header` (`py-4` only). Use when the host
+     * already reserves top space (e.g. clo-app `MainBodyComponent` hosting bar).
+     * `safe-area` — adds device top inset (standalone / full-screen hosts).
+     */
+    topInset?: TravelPortalHeaderInsets;
+    style?: StyleProp<ViewStyle>;
+};
+export declare const TravelPortalHeader: React.FC<TravelPortalHeaderProps>;
+export default TravelPortalHeader;
+//# sourceMappingURL=TravelPortalHeader.d.ts.map

package/lib/typescript/src/components/TravelPortalHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TravelPortalHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/TravelPortalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,MAAM,MAAM,wBAAwB,GAAG,MAAM,GAAG,WAAW,CAAC;AAY5D,MAAM,MAAM,uBAAuB,GAAG;IACpC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IACvC;;;;OAIG;IACH,QAAQ,CAAC,EAAE,wBAAwB,CAAC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA6EhE,CAAC;AA2BF,eAAe,kBAAkB,CAAC"}

package/lib/typescript/src/services/webview/DualWebViewBridgeController.d.ts

@@ -4,6 +4,10 @@ export type DualWebViewBridgeControllerProps = {
     saversAppUrl: string;
     travelPortalUrl?: string;
     partnerLogo?: string;
+    /** Matches m.saversapp `theme.colors.quaternary` (default `#66CC99`). */
+    travelBackIconColor?: string;
+    /** @default 'none' — host apps like clo-app already reserve top space when hosting. */
+    travelHeaderTopInset?: 'none' | 'safe-area';
     renderTravelBackIcon?: () => React.ReactNode;
     initialSurface?: Surface;
     onSaversSdkMessage?: (raw: string, postBack: (data: unknown) => void) => void;

package/lib/typescript/src/services/webview/DualWebViewBridgeController.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DualWebViewBridgeController.d.ts","sourceRoot":"","sources":["../../../../../src/services/webview/DualWebViewBridgeController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAiBtE,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1C,MAAM,MAAM,gCAAgC,GAAG;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,oBAAoB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,KAAK,IAAI,CAAC;IAC9E,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAcF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,CAoOjC,CAAC;AA0DF,eAAe,2BAA2B,CAAC"}
+{"version":3,"file":"DualWebViewBridgeController.d.ts","sourceRoot":"","sources":["../../../../../src/services/webview/DualWebViewBridgeController.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AA2Cf,MAAM,MAAM,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1C,MAAM,MAAM,gCAAgC,GAAG;IAC7C,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yEAAyE;IACzE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uFAAuF;IACvF,oBAAoB,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAC5C,oBAAoB,CAAC,EAAE,MAAM,KAAK,CAAC,SAAS,CAAC;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,KAAK,IAAI,CAAC;IAC9E,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B,CAAC;AAcF,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAChD,gCAAgC,CAwNjC,CAAC;AAQF,eAAe,2BAA2B,CAAC"}

package/lib/typescript/src/services/webview/dualWebViewBridge.types.d.ts

@@ -9,11 +9,13 @@ export type DualWebViewBridgeEnvelope = {
     /**
      * relay — forward payload to the other WebView via injectJavaScript + CustomEvent.
      * open_travel — show travel surface (reloads travel WebView).
+     *   payload may be `{ url: string }` (SSO initialize URL from hosted m.saversapp.com).
      * close_travel — same as native back (reloads Savers WebView).
      */
     action: 'relay' | 'open_travel' | 'close_travel';
     /** For relay: which surface should receive the event. */
     to?: 'savers' | 'travel';
+    /** open_travel: `{ url: string }` — travel portal URL to load. */
     payload?: unknown;
 };
 export declare function parseDualWebViewEnvelope(raw: string): DualWebViewBridgeEnvelope | null;

package/lib/typescript/src/services/webview/dualWebViewBridge.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dualWebViewBridge.types.d.ts","sourceRoot":"","sources":["../../../../../src/services/webview/dualWebViewBridge.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,EAAE,cAAc,CAAC;IACvB,+CAA+C;IAC/C,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B;;;;OAIG;IACH,MAAM,EAAE,OAAO,GAAG,aAAa,GAAG,cAAc,CAAC;IACjD,yDAAyD;IACzD,EAAE,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,wBAAwB,CACtC,GAAG,EAAE,MAAM,GACV,yBAAyB,GAAG,IAAI,CAUlC"}
+{"version":3,"file":"dualWebViewBridge.types.d.ts","sourceRoot":"","sources":["../../../../../src/services/webview/dualWebViewBridge.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,MAAM,yBAAyB,GAAG;IACtC,MAAM,EAAE,cAAc,CAAC;IACvB,+CAA+C;IAC/C,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC1B;;;;;OAKG;IACH,MAAM,EAAE,OAAO,GAAG,aAAa,GAAG,cAAc,CAAC;IACjD,yDAAyD;IACzD,EAAE,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACzB,kEAAkE;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,wBAAgB,wBAAwB,CACtC,GAAG,EAAE,MAAM,GACV,yBAAyB,GAAG,IAAI,CAUlC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@savers_app/react-native-sandbox-sdk",
-  "version": "1.2.8",
+  "version": "1.4.0",
   "description": "Cross-platform React Native SDK exposing native features (maps, dial pad, browser), device ID/location and session utilities, a URL generator, and a WebView message bridge to trigger actions from web content.",
   "main": "./lib/module/index.js",
   "react-native": "./src/index.tsx",
@@ -94,6 +94,7 @@
     "react-native": "0.81.5",
     "react-native-builder-bob": "^0.40.13",
     "react-native-safe-area-context": "^5.5.2",
+    "react-native-svg": "^15.15.1",
     "react-native-webview": "^13.16.0",
     "release-it": "^19.0.4",
     "typescript": "^5.9.2"
@@ -108,6 +109,7 @@
     "react-native-aes-gcm-crypto": "*",
     "react-native-device-info": "*",
     "react-native-safe-area-context": "*",
+    "react-native-svg": "*",
     "react-native-webview": "*"
   },
   "workspaces": [

package/src/@types/react-native-svg.d.ts

@@ -0,0 +1,19 @@
+declare module 'react-native-svg' {
+  import type * as React from 'react';
+  import type { ViewProps } from 'react-native';
+
+  export interface SvgProps extends ViewProps {
+    width?: number | string;
+    height?: number | string;
+    viewBox?: string;
+    fill?: string;
+  }
+
+  export interface PathProps {
+    d?: string;
+    fill?: string;
+  }
+
+  export const Svg: React.FC<SvgProps>;
+  export const Path: React.FC<PathProps>;
+}

package/src/components/TravelPortalBackIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Path, Svg } from 'react-native-svg';
+
+/** Matches `m.saversapp.com/assets/svg/BackIcon.tsx` (17×16). */
+export type TravelPortalBackIconProps = {
+  height?: number;
+  width?: number;
+  color?: string;
+};
+
+const DEFAULT_COLOR = '#66CC99';
+
+export const TravelPortalBackIcon: React.FC<TravelPortalBackIconProps> = ({
+  height = 16,
+  width = 17,
+  color = DEFAULT_COLOR,
+}) => (
+  <Svg width={width} height={height} viewBox="0 0 17 16" fill="none">
+    <Path
+      d="M.293 7.293a1 1 0 000 1.414l6.364 6.364a1 1 0 001.414-1.414L2.414 8l5.657-5.657A1 1 0 006.657.93L.293 7.293zM1 9h16V7H1v2z"
+      fill={color}
+    />
+  </Svg>
+);
+
+export default TravelPortalBackIcon;

package/src/components/TravelPortalHeader.tsx

@@ -0,0 +1,143 @@
+import React, { useEffect, useState } from 'react';
+import {
+  Image,
+  StyleSheet,
+  TouchableOpacity,
+  View,
+  type StyleProp,
+  type ViewStyle,
+} from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { TravelPortalBackIcon } from './TravelPortalBackIcon';
+
+export type TravelPortalHeaderInsets = 'none' | 'safe-area';
+
+/** Horizontal padding: Tailwind `px-3.5` in m.saversapp Header. */
+const HEADER_PADDING_X = 14;
+/** Vertical padding: Tailwind `py-4` in m.saversapp Header. */
+const HEADER_PADDING_Y = 16;
+/** Row min height: Tailwind `min-h-[60px]` in m.saversapp Header. */
+const HEADER_ROW_MIN_HEIGHT = 60;
+const LOGO_MAX_WIDTH = 160;
+const LOGO_MAX_HEIGHT = 70;
+const LOGO_MIN_HEIGHT = 40;
+
+export type TravelPortalHeaderProps = {
+  onBack: () => void;
+  partnerLogo?: string;
+  backIconColor?: string;
+  renderBackIcon?: () => React.ReactNode;
+  /**
+   * `none` — matches m.saversapp `Header` (`py-4` only). Use when the host
+   * already reserves top space (e.g. clo-app `MainBodyComponent` hosting bar).
+   * `safe-area` — adds device top inset (standalone / full-screen hosts).
+   */
+  topInset?: TravelPortalHeaderInsets;
+  style?: StyleProp<ViewStyle>;
+};
+
+export const TravelPortalHeader: React.FC<TravelPortalHeaderProps> = ({
+  onBack,
+  partnerLogo,
+  backIconColor,
+  renderBackIcon,
+  topInset = 'none',
+  style,
+}) => {
+  const insets = useSafeAreaInsets();
+  const paddingTop =
+    topInset === 'safe-area' ? insets.top + HEADER_PADDING_Y : HEADER_PADDING_Y;
+  const [logoWidth, setLogoWidth] = useState(LOGO_MAX_WIDTH);
+  const [logoHeight, setLogoHeight] = useState(LOGO_MAX_HEIGHT);
+
+  useEffect(() => {
+    if (!partnerLogo) {
+      return;
+    }
+    Image.getSize(
+      partnerLogo,
+      (srcWidth, srcHeight) => {
+        setLogoWidth(srcWidth > LOGO_MAX_WIDTH ? LOGO_MAX_WIDTH : srcWidth);
+        setLogoHeight(
+          srcHeight > LOGO_MAX_HEIGHT ? LOGO_MAX_HEIGHT : srcHeight
+        );
+      },
+      () => {
+        setLogoWidth(LOGO_MAX_WIDTH);
+        setLogoHeight(LOGO_MAX_HEIGHT);
+      }
+    );
+  }, [partnerLogo]);
+
+  return (
+    <View
+      style={[
+        styles.container,
+        {
+          paddingTop,
+          paddingBottom: HEADER_PADDING_Y,
+        },
+        style,
+      ]}
+    >
+      <View style={styles.row}>
+        <TouchableOpacity
+          onPress={onBack}
+          hitSlop={16}
+          accessibilityRole="button"
+          accessibilityLabel="Back"
+          style={styles.backButton}
+        >
+          {renderBackIcon ? (
+            renderBackIcon()
+          ) : (
+            <TravelPortalBackIcon color={backIconColor} />
+          )}
+        </TouchableOpacity>
+
+        {partnerLogo ? (
+          <Image
+            source={{ uri: partnerLogo }}
+            resizeMode="contain"
+            style={[
+              styles.logo,
+              {
+                width: logoWidth,
+                height: logoHeight,
+              },
+            ]}
+          />
+        ) : (
+          <View style={styles.logoPlaceholder} />
+        )}
+      </View>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    backgroundColor: '#fff',
+    paddingHorizontal: HEADER_PADDING_X,
+  },
+  row: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    minHeight: HEADER_ROW_MIN_HEIGHT,
+  },
+  backButton: {
+    paddingVertical: 8,
+    justifyContent: 'center',
+  },
+  logo: {
+    minHeight: LOGO_MIN_HEIGHT,
+    alignSelf: 'flex-end',
+  },
+  logoPlaceholder: {
+    width: LOGO_MAX_WIDTH,
+    minHeight: LOGO_MIN_HEIGHT,
+  },
+});
+
+export default TravelPortalHeader;

package/src/services/webview/DualWebViewBridgeController.tsx

@@ -1,6 +1,13 @@
-import React, { useCallback, useMemo, useRef, useState } from 'react';
-import { Image, StyleSheet, TouchableOpacity, View } from 'react-native';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
+import { StyleSheet, View } from 'react-native';
 import WebView from 'react-native-webview';
+import { TravelPortalHeader } from '../../components/TravelPortalHeader';
 import {
   type DualWebViewBridgeEnvelope,
   parseDualWebViewEnvelope,
@@ -15,12 +22,41 @@ const WEBVIEW_UA_MARKER = 'CloAppWebView';
 const TRAVEL_DEEP_LINK = 'saversapp://travel';
 const LEGACY_OPEN_TRAVEL_ACTIONS = ['OPEN_TRAVEL_PORTAL', 'OPEN_TRAVEL'];
 
+function resolveTravelPortalUrlFromPayload(
+  payload: unknown
+): string | undefined {
+  if (typeof payload === 'string' && payload.trim()) {
+    return payload.trim();
+  }
+  if (payload && typeof payload === 'object' && 'url' in payload) {
+    const url = (payload as { url?: unknown }).url;
+    if (typeof url === 'string' && url.trim()) {
+      return url.trim();
+    }
+  }
+  return undefined;
+}
+
+function resolveTravelPortalUrlFromLegacyMessage(
+  data: Record<string, unknown>
+): string | undefined {
+  const topLevel = data?.url;
+  if (typeof topLevel === 'string' && topLevel.trim()) {
+    return topLevel.trim();
+  }
+  return resolveTravelPortalUrlFromPayload(data?.payload);
+}
+
 export type Surface = 'savers' | 'travel';
 
 export type DualWebViewBridgeControllerProps = {
   saversAppUrl: string;
   travelPortalUrl?: string;
   partnerLogo?: string;
+  /** Matches m.saversapp `theme.colors.quaternary` (default `#66CC99`). */
+  travelBackIconColor?: string;
+  /** @default 'none' — host apps like clo-app already reserve top space when hosting. */
+  travelHeaderTopInset?: 'none' | 'safe-area';
   renderTravelBackIcon?: () => React.ReactNode;
   initialSurface?: Surface;
   onSaversSdkMessage?: (raw: string, postBack: (data: unknown) => void) => void;
@@ -46,6 +82,8 @@ export const DualWebViewBridgeController: React.FC<
   saversAppUrl,
   travelPortalUrl = DEFAULT_TRAVEL_PORTAL_URL,
   partnerLogo,
+  travelBackIconColor,
+  travelHeaderTopInset = 'none',
   renderTravelBackIcon,
   initialSurface = 'savers',
   onSaversSdkMessage,
@@ -58,8 +96,17 @@ export const DualWebViewBridgeController: React.FC<
   const [surface, setSurface] = useState<Surface>(initialSurface);
   const [saversKey, setSaversKey] = useState(0);
   const [travelKey, setTravelKey] = useState(0);
+  const [activeTravelPortalUrl, setActiveTravelPortalUrl] =
+    useState(travelPortalUrl);
 
-  const openTravel = useCallback(() => {
+  useEffect(() => {
+    setActiveTravelPortalUrl(travelPortalUrl);
+  }, [travelPortalUrl]);
+
+  const openTravel = useCallback((url?: string) => {
+    if (url) {
+      setActiveTravelPortalUrl(url);
+    }
     setSurface('travel');
     setTravelKey((k) => k + 1);
   }, []);
@@ -91,7 +138,7 @@ export const DualWebViewBridgeController: React.FC<
     (env: DualWebViewBridgeEnvelope): boolean => {
       switch (env.action) {
         case 'open_travel':
-          openTravel();
+          openTravel(resolveTravelPortalUrlFromPayload(env.payload));
           return true;
         case 'close_travel':
           backToSavers();
@@ -125,7 +172,7 @@ export const DualWebViewBridgeController: React.FC<
           data?.type === 'OPEN_TRAVEL' ||
           data?.openTravel === true
         ) {
-          openTravel();
+          openTravel(resolveTravelPortalUrlFromLegacyMessage(data));
           return true;
         }
       } catch {
@@ -196,8 +243,8 @@ export const DualWebViewBridgeController: React.FC<
   );
 
   const travelSource = useMemo(
-    () => ({ uri: travelPortalUrl }),
-    [travelPortalUrl]
+    () => ({ uri: activeTravelPortalUrl }),
+    [activeTravelPortalUrl]
   );
   const saversSource = useMemo(() => ({ uri: saversAppUrl }), [saversAppUrl]);
 
@@ -222,36 +269,13 @@ export const DualWebViewBridgeController: React.FC<
 
       {surface === 'travel' ? (
         <View style={styles.travelColumn}>
-          <View style={styles.header}>
-            <TouchableOpacity
-              onPress={backToSavers}
-              hitSlop={16}
-              accessibilityRole="button"
-              accessibilityLabel="Back"
-              style={styles.backButton}
-            >
-              {renderTravelBackIcon ? (
-                renderTravelBackIcon()
-              ) : (
-                <View style={styles.backIconWrapper}>
-                  <View style={styles.backIconShaft} />
-                  <View style={styles.backIconHead} />
-                </View>
-              )}
-            </TouchableOpacity>
-
-            <View style={styles.headerSpacer} />
-
-            {partnerLogo ? (
-              <Image
-                source={{ uri: partnerLogo }}
-                resizeMode="contain"
-                style={styles.logo}
-              />
-            ) : (
-              <View style={styles.logoPlaceholder} />
-            )}
-          </View>
+          <TravelPortalHeader
+            onBack={backToSavers}
+            partnerLogo={partnerLogo}
+            backIconColor={travelBackIconColor}
+            topInset={travelHeaderTopInset}
+            renderBackIcon={renderTravelBackIcon}
+          />
           <WebView
             key={travelKey}
             ref={travelRef}
@@ -275,56 +299,6 @@ const styles = StyleSheet.create({
   root: { flex: 1 },
   travelColumn: { flex: 1 },
   webview: { flex: 1 },
-  header: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    backgroundColor: '#fff',
-    paddingHorizontal: 16,
-    paddingTop: 12,
-    paddingBottom: 12,
-    borderBottomWidth: StyleSheet.hairlineWidth,
-    borderBottomColor: '#E5E5E5',
-  },
-  backButton: {
-    width: 32,
-    height: 32,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  backIconWrapper: {
-    width: 20,
-    height: 16,
-    justifyContent: 'center',
-    position: 'relative',
-  },
-  backIconShaft: {
-    position: 'absolute',
-    left: 6,
-    right: 0,
-    height: 2,
-    backgroundColor: '#111827',
-    borderRadius: 1,
-  },
-  backIconHead: {
-    width: 10,
-    height: 10,
-    borderLeftWidth: 2,
-    borderBottomWidth: 2,
-    borderColor: '#111827',
-    transform: [{ rotate: '45deg' }],
-    marginLeft: 1,
-  },
-  headerSpacer: {
-    flex: 1,
-  },
-  logo: {
-    width: 120,
-    height: 32,
-  },
-  logoPlaceholder: {
-    width: 120,
-    height: 32,
-  },
 });
 
 export default DualWebViewBridgeController;

package/src/services/webview/dualWebViewBridge.types.ts

@@ -9,11 +9,13 @@ export type DualWebViewBridgeEnvelope = {
   /**
    * relay — forward payload to the other WebView via injectJavaScript + CustomEvent.
    * open_travel — show travel surface (reloads travel WebView).
+   *   payload may be `{ url: string }` (SSO initialize URL from hosted m.saversapp.com).
    * close_travel — same as native back (reloads Savers WebView).
    */
   action: 'relay' | 'open_travel' | 'close_travel';
   /** For relay: which surface should receive the event. */
   to?: 'savers' | 'travel';
+  /** open_travel: `{ url: string }` — travel portal URL to load. */
   payload?: unknown;
 };