@userflow-tech/react-native 0.1.1 → 0.3.0

package/lib/module/runtime/flowSessionViewState.js.map

@@ -1 +1 @@
-{"version":3,"names":["initialFlowSessionViewState","session","currentStepId","currentStep","id","reduceFlowSessionViewState","state","event","type","stepId","resolveCurrentStep","version","steps","find","step"],"sourceRoot":"../../../src","sources":["runtime/flowSessionViewState.ts"],"mappings":";;AAGA;;AAMA,OAAO,SAASA,2BAA2BA,CACzCC,OAAmC,EACb;EACtB,OAAO;IACLA,OAAO;IACPC,aAAa,EAAED,OAAO,EAAEE,WAAW,EAAEC,EAAE,IAAI;EAC7C,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CACxCC,KAA2B,EAC3BC,KAA6B,EACP;EACtB,QAAQA,KAAK,CAACC,IAAI;IAChB,KAAK,eAAe;MAClB,OAAO;QACLP,OAAO,EAAEM,KAAK,CAACN,OAAO;QACtBC,aAAa,EAAEK,KAAK,CAACN,OAAO,EAAEE,WAAW,EAAEC,EAAE,IAAI;MACnD,CAAC;IACH,KAAK,UAAU;MACb,OAAO;QACL,GAAGE,KAAK;QACRJ,aAAa,EAAEK,KAAK,CAACE;MACvB,CAAC;IACH,KAAK,WAAW;MACd,OAAO;QACLR,OAAO,EAAE,IAAI;QACbC,aAAa,EAAE;MACjB,CAAC;EACL;AACF;AAEA,OAAO,SAASQ,kBAAkBA,CAChCT,OAAmC,EACnCC,aAA4B,EACH;EACzB,IAAI,CAACD,OAAO,IAAI,CAACC,aAAa,EAAE,OAAO,IAAI;EAC3C,OAAOD,OAAO,CAACU,OAAO,CAACC,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACV,EAAE,KAAKF,aAAa,CAAC,IAAI,IAAI;AAChF","ignoreList":[]}
+{"version":3,"names":["initialFlowSessionViewState","session","currentStepId","currentStep","id","stepShowNonce","reduceFlowSessionViewState","state","event","type","resolveSessionChangeStepId","stepId","previousStep","version","steps","find","step","byCrossVersionId","undefined","crossVersionId","byId","resolveCurrentStep"],"sourceRoot":"../../../src","sources":["runtime/flowSessionViewState.ts"],"mappings":";;AAGA;;AAYA,OAAO,SAASA,2BAA2BA,CACzCC,OAAmC,EACb;EACtB,OAAO;IACLA,OAAO;IACPC,aAAa,EAAED,OAAO,EAAEE,WAAW,EAAEC,EAAE,IAAI,IAAI;IAC/CC,aAAa,EAAE;EACjB,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,0BAA0BA,CACxCC,KAA2B,EAC3BC,KAA6B,EACP;EACtB,QAAQA,KAAK,CAACC,IAAI;IAChB,KAAK,eAAe;MAClB,OAAO;QACLR,OAAO,EAAEO,KAAK,CAACP,OAAO;QACtBC,aAAa,EAAEQ,0BAA0B,CAACH,KAAK,EAAEC,KAAK,CAACP,OAAO,CAAC;QAC/DI,aAAa,EAAEE,KAAK,CAACN,OAAO,EAAEG,EAAE,KAAKI,KAAK,CAACP,OAAO,EAAEG,EAAE,GAAGG,KAAK,CAACF,aAAa,GAAG;MACjF,CAAC;IACH,KAAK,UAAU;MACb,OAAO;QACL,GAAGE,KAAK;QACRL,aAAa,EAAEM,KAAK,CAACG,MAAM;QAC3BN,aAAa,EAAEE,KAAK,CAACF,aAAa,GAAG;MACvC,CAAC;IACH,KAAK,WAAW;MACd,OAAO;QACLJ,OAAO,EAAE,IAAI;QACbC,aAAa,EAAE,IAAI;QACnBG,aAAa,EAAE;MACjB,CAAC;EACL;AACF;AAEA,SAASK,0BAA0BA,CACjCH,KAA2B,EAC3BN,OAAmC,EACpB;EACf,IAAIA,OAAO,IAAI,IAAI,EAAE;IACnB,OAAO,IAAI;EACb;EACA,IAAIM,KAAK,CAACN,OAAO,EAAEG,EAAE,KAAKH,OAAO,CAACG,EAAE,IAAIG,KAAK,CAACL,aAAa,IAAI,IAAI,EAAE;IACnE,OAAOD,OAAO,CAACE,WAAW,EAAEC,EAAE,IAAI,IAAI;EACxC;EACA,MAAMQ,YAAY,GAAGL,KAAK,CAACN,OAAO,CAACY,OAAO,CAACC,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACZ,EAAE,KAAKG,KAAK,CAACL,aAAa,CAAC;EAChG,MAAMe,gBAAgB,GACpBL,YAAY,IAAI,IAAI,GAChBM,SAAS,GACTjB,OAAO,CAACY,OAAO,CAACC,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACG,cAAc,KAAKP,YAAY,CAACO,cAAc,CAAC;EAC/F,IAAIF,gBAAgB,EAAE;IACpB,OAAOA,gBAAgB,CAACb,EAAE;EAC5B;EACA,MAAMgB,IAAI,GAAGnB,OAAO,CAACY,OAAO,CAACC,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACZ,EAAE,KAAKG,KAAK,CAACL,aAAa,CAAC;EAClF,IAAIkB,IAAI,EAAE;IACR,OAAOA,IAAI,CAAChB,EAAE;EAChB;EACA,OAAOH,OAAO,CAACE,WAAW,EAAEC,EAAE,IAAI,IAAI;AACxC;AAEA,OAAO,SAASiB,kBAAkBA,CAChCpB,OAAmC,EACnCC,aAA4B,EACH;EACzB,IAAI,CAACD,OAAO,IAAI,CAACC,aAAa,EAAE,OAAO,IAAI;EAC3C,OAAOD,OAAO,CAACY,OAAO,CAACC,KAAK,CAACC,IAAI,CAAEC,IAAI,IAAKA,IAAI,CAACZ,EAAE,KAAKF,aAAa,CAAC,IAAI,IAAI;AAChF","ignoreList":[]}

package/lib/module/runtime/isolateCall.js

@@ -0,0 +1,43 @@
+"use strict";
+
+import { reportSdkError } from "./reportSdkError.js";
+
+/**
+ * True for missing `init` / `identify`, invalid event or attribute names — not
+ * for transport `UserflowAuthError`s. The flag is set at the throw site on
+ * `UserflowAuthError.isHostContract`; message text is not consulted.
+ * Matched by `error.name` plus the flag so mocked test doubles with the same
+ * name are treated like the real class.
+ */
+export function isHostContractError(error) {
+  if (!(error instanceof Error) || error.name !== 'UserflowAuthError') {
+    return false;
+  }
+  return error.isHostContract === true;
+}
+/** Run synchronous SDK work; swallow and report anything except host-contract errors. */
+export function isolateSync(scope, work) {
+  try {
+    return work();
+  } catch (error) {
+    if (isHostContractError(error)) {
+      throw error;
+    }
+    reportSdkError(scope, error);
+    return undefined;
+  }
+}
+
+/** Run async SDK work; swallow and report anything except host-contract errors. */
+export async function isolateAsync(scope, work, options) {
+  try {
+    return await work();
+  } catch (error) {
+    if ((options?.rethrowHostContract ?? true) && isHostContractError(error)) {
+      throw error;
+    }
+    reportSdkError(scope, error);
+    return undefined;
+  }
+}
+//# sourceMappingURL=isolateCall.js.map

package/lib/module/runtime/isolateCall.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["reportSdkError","isHostContractError","error","Error","name","isHostContract","isolateSync","scope","work","undefined","isolateAsync","options","rethrowHostContract"],"sourceRoot":"../../../src","sources":["runtime/isolateCall.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,qBAAkB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAACC,KAAc,EAAW;EAC3D,IAAI,EAAEA,KAAK,YAAYC,KAAK,CAAC,IAAID,KAAK,CAACE,IAAI,KAAK,mBAAmB,EAAE;IACnE,OAAO,KAAK;EACd;EACA,OAAQF,KAAK,CAAkCG,cAAc,KAAK,IAAI;AACxE;AAUA;AACA,OAAO,SAASC,WAAWA,CAAIC,KAAa,EAAEC,IAAa,EAAiB;EAC1E,IAAI;IACF,OAAOA,IAAI,CAAC,CAAC;EACf,CAAC,CAAC,OAAON,KAAK,EAAE;IACd,IAAID,mBAAmB,CAACC,KAAK,CAAC,EAAE;MAC9B,MAAMA,KAAK;IACb;IACAF,cAAc,CAACO,KAAK,EAAEL,KAAK,CAAC;IAC5B,OAAOO,SAAS;EAClB;AACF;;AAEA;AACA,OAAO,eAAeC,YAAYA,CAChCH,KAAa,EACbC,IAAsB,EACtBG,OAA6B,EACL;EACxB,IAAI;IACF,OAAO,MAAMH,IAAI,CAAC,CAAC;EACrB,CAAC,CAAC,OAAON,KAAK,EAAE;IACd,IAAI,CAACS,OAAO,EAAEC,mBAAmB,IAAI,IAAI,KAAKX,mBAAmB,CAACC,KAAK,CAAC,EAAE;MACxE,MAAMA,KAAK;IACb;IACAF,cAAc,CAACO,KAAK,EAAEL,KAAK,CAAC;IAC5B,OAAOO,SAAS;EAClB;AACF","ignoreList":[]}

package/lib/module/runtime/reportSdkError.js

@@ -0,0 +1,15 @@
+"use strict";
+
+/**
+ * Internal reporter for SDK failures that must not reach the host app.
+ * Always logs (not `__DEV__`-only) so a swallowed error is still diagnosable.
+ *
+ * Uses `console.warn`, not `console.error`: React Native release builds forward
+ * `console.error` to the native exception manager (Crashlytics / Sentry), which
+ * would report an isolated tooltip failure as a host crash.
+ */
+export function reportSdkError(scope, error, extra) {
+  // eslint-disable-next-line no-console -- isolation diagnostics must reach host logs
+  console.warn('[Userflow] isolated error', scope, error, extra ?? '');
+}
+//# sourceMappingURL=reportSdkError.js.map

package/lib/module/runtime/reportSdkError.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["reportSdkError","scope","error","extra","console","warn"],"sourceRoot":"../../../src","sources":["runtime/reportSdkError.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,cAAcA,CAACC,KAAa,EAAEC,KAAc,EAAEC,KAAe,EAAQ;EACnF;EACAC,OAAO,CAACC,IAAI,CAAC,2BAA2B,EAAEJ,KAAK,EAAEC,KAAK,EAAEC,KAAK,IAAI,EAAE,CAAC;AACtE","ignoreList":[]}

package/lib/module/runtime/useBannerSession.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import * as React from 'react';
+import { isolateSync } from "./isolateCall.js";
+
+/** Subscribe to the active banner. A throw while reading the session stays off the host tree. */
+export function useBannerSession(engine) {
+  const [session, setSession] = React.useState(() => {
+    if (!engine) return null;
+    try {
+      return engine.getBannerSession();
+    } catch {
+      return null;
+    }
+  });
+  React.useEffect(() => {
+    if (!engine) {
+      setSession(null);
+      return;
+    }
+    const read = () => {
+      isolateSync('banner-session', () => {
+        setSession(engine.getBannerSession());
+      });
+    };
+    read();
+    return engine.on(() => {
+      read();
+    });
+  }, [engine]);
+  return session;
+}
+//# sourceMappingURL=useBannerSession.js.map

package/lib/module/runtime/useBannerSession.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","isolateSync","useBannerSession","engine","session","setSession","useState","getBannerSession","useEffect","read","on"],"sourceRoot":"../../../src","sources":["runtime/useBannerSession.ts"],"mappings":";;AAEA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,WAAW,QAAQ,kBAAe;;AAE3C;AACA,OAAO,SAASC,gBAAgBA,CAACC,MAAkC,EAAgC;EACjG,MAAM,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGL,KAAK,CAACM,QAAQ,CAA+B,MAAM;IAC/E,IAAI,CAACH,MAAM,EAAE,OAAO,IAAI;IACxB,IAAI;MACF,OAAOA,MAAM,CAACI,gBAAgB,CAAC,CAAC;IAClC,CAAC,CAAC,MAAM;MACN,OAAO,IAAI;IACb;EACF,CAAC,CAAC;EAEFP,KAAK,CAACQ,SAAS,CAAC,MAAM;IACpB,IAAI,CAACL,MAAM,EAAE;MACXE,UAAU,CAAC,IAAI,CAAC;MAChB;IACF;IACA,MAAMI,IAAI,GAAGA,CAAA,KAAM;MACjBR,WAAW,CAAC,gBAAgB,EAAE,MAAM;QAClCI,UAAU,CAACF,MAAM,CAACI,gBAAgB,CAAC,CAAC,CAAC;MACvC,CAAC,CAAC;IACJ,CAAC;IACDE,IAAI,CAAC,CAAC;IACN,OAAON,MAAM,CAACO,EAAE,CAAC,MAAM;MACrBD,IAAI,CAAC,CAAC;IACR,CAAC,CAAC;EACJ,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;EAEZ,OAAOC,OAAO;AAChB","ignoreList":[]}

package/lib/module/runtime/useFlowSessionState.js

@@ -15,7 +15,8 @@ export function useFlowSessionState(engine) {
   return {
     session: state.session,
     currentStepId: state.currentStepId,
-    currentStep: resolveCurrentStep(state.session, state.currentStepId)
+    currentStep: resolveCurrentStep(state.session, state.currentStepId),
+    stepShowNonce: state.stepShowNonce
   };
 }
 //# sourceMappingURL=useFlowSessionState.js.map

package/lib/module/runtime/useFlowSessionState.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useReducer","initialFlowSessionViewState","reduceFlowSessionViewState","resolveCurrentStep","useFlowSessionState","engine","state","dispatch","undefined","getFlowSession","type","session","on","currentStepId","currentStep"],"sourceRoot":"../../../src","sources":["runtime/useFlowSessionState.ts"],"mappings":";;AAEA,SAASA,SAAS,EAAEC,UAAU,QAAQ,OAAO;AAE7C,SACEC,2BAA2B,EAC3BC,0BAA0B,EAC1BC,kBAAkB,QACb,2BAAwB;AAQ/B;AACA,OAAO,SAASC,mBAAmBA,CAACC,MAAyB,EAAoB;EAC/E,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,UAAU,CAACE,0BAA0B,EAAEM,SAAS,EAAE,MAC1EP,2BAA2B,CAACI,MAAM,CAACI,cAAc,CAAC,CAAC,CACrD,CAAC;EAEDV,SAAS,CAAC,MAAM;IACdQ,QAAQ,CAAC;MACPG,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAEN,MAAM,CAACI,cAAc,CAAC;IACjC,CAAC,CAAC;IACF,OAAOJ,MAAM,CAACO,EAAE,CAACL,QAAQ,CAAC;EAC5B,CAAC,EAAE,CAACF,MAAM,CAAC,CAAC;EAEZ,OAAO;IACLM,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBE,aAAa,EAAEP,KAAK,CAACO,aAAa;IAClCC,WAAW,EAAEX,kBAAkB,CAACG,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACO,aAAa;EACpE,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["useEffect","useReducer","initialFlowSessionViewState","reduceFlowSessionViewState","resolveCurrentStep","useFlowSessionState","engine","state","dispatch","undefined","getFlowSession","type","session","on","currentStepId","currentStep","stepShowNonce"],"sourceRoot":"../../../src","sources":["runtime/useFlowSessionState.ts"],"mappings":";;AAEA,SAASA,SAAS,EAAEC,UAAU,QAAQ,OAAO;AAE7C,SACEC,2BAA2B,EAC3BC,0BAA0B,EAC1BC,kBAAkB,QACb,2BAAwB;AAS/B;AACA,OAAO,SAASC,mBAAmBA,CAACC,MAAyB,EAAoB;EAC/E,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGP,UAAU,CAACE,0BAA0B,EAAEM,SAAS,EAAE,MAC1EP,2BAA2B,CAACI,MAAM,CAACI,cAAc,CAAC,CAAC,CACrD,CAAC;EAEDV,SAAS,CAAC,MAAM;IACdQ,QAAQ,CAAC;MACPG,IAAI,EAAE,eAAe;MACrBC,OAAO,EAAEN,MAAM,CAACI,cAAc,CAAC;IACjC,CAAC,CAAC;IACF,OAAOJ,MAAM,CAACO,EAAE,CAACL,QAAQ,CAAC;EAC5B,CAAC,EAAE,CAACF,MAAM,CAAC,CAAC;EAEZ,OAAO;IACLM,OAAO,EAAEL,KAAK,CAACK,OAAO;IACtBE,aAAa,EAAEP,KAAK,CAACO,aAAa;IAClCC,WAAW,EAAEX,kBAAkB,CAACG,KAAK,CAACK,OAAO,EAAEL,KAAK,CAACO,aAAa,CAAC;IACnEE,aAAa,EAAET,KAAK,CAACS;EACvB,CAAC;AACH","ignoreList":[]}

package/lib/module/screenTracker.js

@@ -1,16 +1,31 @@
 "use strict";
 
+/** Predefined mobile screen-view event (web analogue: `page_viewed`). */
+export const SCREEN_VIEWED_EVENT = 'screen_viewed';
+
 /** Called when a new location is accepted (after enable + dedupe). */
 
 let enabled = false;
 let currentKey = null;
+/** Last accepted (or pending) location — used by the in-app element picker. */
+let currentLocation = null;
 /** Latest location seen while tracking was disabled; flushed on enable. */
 let pendingLocation = null;
 let reporter = null;
+const screenListeners = new Set();
 function locationKey(location) {
   return 'path' in location ? `path:${location.path}` : `screen:${location.screen}`;
 }
 
+/** Event attributes for `screen_viewed`, or `null` when the location has no identity. */
+export function screenViewedAttributes(location) {
+  const screenName = 'path' in location ? location.path : location.screen;
+  if (!screenName) return null;
+  return {
+    screen_name: screenName
+  };
+}
+
 /**
  * Registers the callback invoked when the active screen/path changes.
  * The React Native facade wires this to `UserflowCore.updateScreen`.
@@ -18,9 +33,42 @@ function locationKey(location) {
 export function setScreenChangeReporter(next) {
   reporter = next;
 }
+
+/**
+ * Observe accepted screen changes (Evaluate JavaScript context, and similar).
+ * Fires immediately with the latest known location when one exists.
+ * A throwing listener does not block the reporter or the other listeners.
+ */
+export function subscribeScreenLocation(listener) {
+  screenListeners.add(listener);
+  const current = getCurrentScreenLocation();
+  if (current) {
+    try {
+      listener(current);
+    } catch {
+      // Listener failures must not break screen tracking.
+    }
+  }
+  return () => {
+    screenListeners.delete(listener);
+  };
+}
 function report(location) {
   currentKey = locationKey(location);
+  currentLocation = location;
   reporter?.(location);
+  for (const listener of screenListeners) {
+    try {
+      listener(location);
+    } catch {
+      // Listener failures must not break screen tracking.
+    }
+  }
+}
+
+/** Latest screen/path the SDK has recorded, or `null` before the first report. */
+export function getCurrentScreenLocation() {
+  return currentLocation ?? pendingLocation;
 }
 
 /** Activates screen-change tracking after a successful {@link Userflow.init}. */
@@ -39,22 +87,25 @@ export function enableScreenTracking() {
 export function disableScreenTracking() {
   enabled = false;
   currentKey = null;
+  currentLocation = null;
   pendingLocation = null;
 }
 
 /**
  * Records a navigation to `location` when tracking is enabled.
- * Duplicate consecutive locations are ignored. On change, notifies the reporter
- * so the SDK can push `UpdateClientContext` to the backend.
+ * Duplicate consecutive locations are ignored unless `{ force: true }` (used
+ * after overlay dismiss, AppState resume, and first identify). On change,
+ * notifies the reporter so the SDK can push `UpdateClientContext` and
+ * `screen_viewed`.
  *
  * Locations observed before {@link enableScreenTracking} are remembered and
  * flushed when tracking is enabled (so init-after-mount still picks up the
  * active route).
  *
- * - Expo Router: `{ path: "/settings/billing" }` → wire `screenPath`
+ * - Expo Router: `{ path: "/settings/billing" }` → wire `screenName`
  * - React Navigation / manual: `{ screen: "BillingSettings" }` → wire `screenName`
  */
-export function handleScreenChange(location) {
+export function handleScreenChange(location, options) {
   if (!location) return;
   if ('path' in location) {
     if (!location.path) return;
@@ -65,15 +116,26 @@ export function handleScreenChange(location) {
     pendingLocation = location;
     return;
   }
-  if (locationKey(location) === currentKey) return;
+  if (!options?.force && locationKey(location) === currentKey) return;
   pendingLocation = null;
   report(location);
 }
 
+/** Re-report the current screen, bypassing consecutive dedupe (resume / identify). */
+export function reportCurrentScreen() {
+  const location = getCurrentScreenLocation();
+  if (!location) return;
+  handleScreenChange(location, {
+    force: true
+  });
+}
+
 /** @internal Resets tracker state between tests. Does not clear the reporter. */
 export function resetScreenTrackerForTests() {
   enabled = false;
+  currentLocation = null;
   currentKey = null;
   pendingLocation = null;
+  screenListeners.clear();
 }
 //# sourceMappingURL=screenTracker.js.map

package/lib/module/screenTracker.js.map

@@ -1 +1 @@
-{"version":3,"names":["enabled","currentKey","pendingLocation","reporter","locationKey","location","path","screen","setScreenChangeReporter","next","report","enableScreenTracking","disableScreenTracking","handleScreenChange","resetScreenTrackerForTests"],"sourceRoot":"../../src","sources":["screenTracker.ts"],"mappings":";;AAEA;;AAGA,IAAIA,OAAO,GAAG,KAAK;AACnB,IAAIC,UAAyB,GAAG,IAAI;AACpC;AACA,IAAIC,eAA4C,GAAG,IAAI;AACvD,IAAIC,QAAqC,GAAG,IAAI;AAEhD,SAASC,WAAWA,CAACC,QAA8B,EAAU;EAC3D,OAAO,MAAM,IAAIA,QAAQ,GAAG,QAAQA,QAAQ,CAACC,IAAI,EAAE,GAAG,UAAUD,QAAQ,CAACE,MAAM,EAAE;AACnF;;AAEA;AACA;AACA;AACA;AACA,OAAO,SAASC,uBAAuBA,CAACC,IAAiC,EAAQ;EAC/EN,QAAQ,GAAGM,IAAI;AACjB;AAEA,SAASC,MAAMA,CAACL,QAA8B,EAAQ;EACpDJ,UAAU,GAAGG,WAAW,CAACC,QAAQ,CAAC;EAClCF,QAAQ,GAAGE,QAAQ,CAAC;AACtB;;AAEA;AACA,OAAO,SAASM,oBAAoBA,CAAA,EAAS;EAC3CX,OAAO,GAAG,IAAI;EACd,IAAIE,eAAe,IAAIE,WAAW,CAACF,eAAe,CAAC,KAAKD,UAAU,EAAE;IAClE,MAAMI,QAAQ,GAAGH,eAAe;IAChCA,eAAe,GAAG,IAAI;IACtBQ,MAAM,CAACL,QAAQ,CAAC;EAClB,CAAC,MAAM;IACLH,eAAe,GAAG,IAAI;EACxB;AACF;;AAEA;AACA,OAAO,SAASU,qBAAqBA,CAAA,EAAS;EAC5CZ,OAAO,GAAG,KAAK;EACfC,UAAU,GAAG,IAAI;EACjBC,eAAe,GAAG,IAAI;AACxB;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASW,kBAAkBA,CAACR,QAA0C,EAAQ;EACnF,IAAI,CAACA,QAAQ,EAAE;EACf,IAAI,MAAM,IAAIA,QAAQ,EAAE;IACtB,IAAI,CAACA,QAAQ,CAACC,IAAI,EAAE;EACtB,CAAC,MAAM,IAAI,CAACD,QAAQ,CAACE,MAAM,EAAE;IAC3B;EACF;EAEA,IAAI,CAACP,OAAO,EAAE;IACZE,eAAe,GAAGG,QAAQ;IAC1B;EACF;EAEA,IAAID,WAAW,CAACC,QAAQ,CAAC,KAAKJ,UAAU,EAAE;EAC1CC,eAAe,GAAG,IAAI;EACtBQ,MAAM,CAACL,QAAQ,CAAC;AAClB;;AAEA;AACA,OAAO,SAASS,0BAA0BA,CAAA,EAAS;EACjDd,OAAO,GAAG,KAAK;EACfC,UAAU,GAAG,IAAI;EACjBC,eAAe,GAAG,IAAI;AACxB","ignoreList":[]}
+{"version":3,"names":["SCREEN_VIEWED_EVENT","enabled","currentKey","currentLocation","pendingLocation","reporter","screenListeners","Set","locationKey","location","path","screen","screenViewedAttributes","screenName","screen_name","setScreenChangeReporter","next","subscribeScreenLocation","listener","add","current","getCurrentScreenLocation","delete","report","enableScreenTracking","disableScreenTracking","handleScreenChange","options","force","reportCurrentScreen","resetScreenTrackerForTests","clear"],"sourceRoot":"../../src","sources":["screenTracker.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/surfaces/BannerBar.js

@@ -0,0 +1,155 @@
+"use strict";
+
+import { genSessionDataLookup } from '@userflow-tech/core';
+import { BannerEmbedMode, EndFlowReasonInput } from '@userflow-tech/protocol';
+import * as React from 'react';
+import { Animated, Pressable, StyleSheet, Text, View } from 'react-native';
+import { BannerStepButton } from "../content/BannerStepButton.js";
+import { RichContentRenderer } from "../content/RichContentRenderer.js";
+import { mixThemeColors } from "../content/themeColor.js";
+import { BANNER_CLOSE_SLOT_SIZE, BANNER_ROOT_PADDING, bannerFrameStyle, bannerInnerStyle, resolveBannerBarBorderRadius } from "./bannerBarLayout.js";
+import { BANNER_BUTTON_GAP, BANNER_CLOSE_BORDER_RADIUS, bannerOverlayShadowStyle } from "./bannerBarTokens.js";
+import { resolveBannerBackgroundColor, resolveBannerForegroundColor } from "./resolveBannerTheme.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Banner chrome. An overlay parent floats this over the host. A flow parent
+ * keeps it in layout so the app is pushed instead of covered.
+ */
+export function BannerBar({
+  session,
+  onActions,
+  onDismiss
+}) {
+  const banner = session.version.banner;
+  const theme = session.version.theme;
+  const backgroundColor = resolveBannerBackgroundColor(theme);
+  const foregroundColor = resolveBannerForegroundColor(theme);
+  const bannerTheme = React.useMemo(() => ({
+    ...theme,
+    backgroundColor,
+    fontColor: foregroundColor
+  }), [theme, backgroundColor, foregroundColor]);
+  const lookupAttribute = React.useMemo(() => genSessionDataLookup(session.data), [session.data]);
+  const opacity = React.useRef(new Animated.Value(banner?.animate ? 0 : 1)).current;
+  React.useEffect(() => {
+    if (!banner?.animate) {
+      opacity.setValue(1);
+      return;
+    }
+    opacity.setValue(0);
+    const animation = Animated.timing(opacity, {
+      toValue: 1,
+      duration: 200,
+      useNativeDriver: true
+    });
+    animation.start();
+    return () => {
+      animation.stop();
+    };
+  }, [banner?.animate, opacity, session.id]);
+  if (!banner) return null;
+  const overlay = banner.overlay !== false;
+  const frameStyle = bannerFrameStyle(banner);
+  const innerStyle = bannerInnerStyle(banner);
+  const closePressedBackground = mixThemeColors(backgroundColor, foregroundColor, 0.12);
+  const overlayEdge = banner.embedMode === BannerEmbedMode.BODY_LAST ? 'bottom' : 'top';
+  const barRadius = resolveBannerBarBorderRadius(banner);
+  return /*#__PURE__*/_jsx(View, {
+    testID: "userflow-banner-frame",
+    style: frameStyle,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        opacity
+      }, overlay ? bannerOverlayShadowStyle(overlayEdge) : null],
+      children: /*#__PURE__*/_jsxs(View, {
+        testID: "userflow-banner",
+        style: [styles.root, {
+          backgroundColor
+        }, barRadius != null ? {
+          borderRadius: barRadius,
+          overflow: 'hidden'
+        } : null],
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.startSpacer
+        }), /*#__PURE__*/_jsxs(View, {
+          style: innerStyle,
+          children: [/*#__PURE__*/_jsx(View, {
+            style: styles.content,
+            children: /*#__PURE__*/_jsx(RichContentRenderer, {
+              content: banner.content,
+              buttons: [],
+              theme: bannerTheme,
+              sessionData: session.data,
+              lookupAttribute: lookupAttribute,
+              onActions: onActions
+            })
+          }), banner.buttons.length > 0 ? /*#__PURE__*/_jsx(View, {
+            style: styles.buttons,
+            children: banner.buttons.map(button => /*#__PURE__*/_jsx(BannerStepButton, {
+              button: button,
+              theme: bannerTheme,
+              sessionData: session.data,
+              onActions: onActions
+            }, button.id))
+          }) : null]
+        }), session.version.closeDisabled ? /*#__PURE__*/_jsx(View, {
+          style: styles.startSpacer
+        }) : /*#__PURE__*/_jsx(Pressable, {
+          testID: "userflow-banner-dismiss",
+          accessibilityRole: "button",
+          accessibilityLabel: "Dismiss",
+          hitSlop: 8,
+          onPress: () => onDismiss(EndFlowReasonInput.USER_CLOSED),
+          style: ({
+            pressed
+          }) => [styles.close, pressed ? {
+            backgroundColor: closePressedBackground
+          } : null],
+          children: /*#__PURE__*/_jsx(Text, {
+            style: [styles.dismissIcon, {
+              color: foregroundColor
+            }],
+            children: "\xD7"
+          })
+        })]
+      })
+    })
+  });
+}
+const styles = StyleSheet.create({
+  root: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: BANNER_ROOT_PADDING
+  },
+  startSpacer: {
+    flexGrow: 1,
+    flexShrink: 1,
+    maxWidth: BANNER_CLOSE_SLOT_SIZE,
+    height: BANNER_CLOSE_SLOT_SIZE
+  },
+  content: {
+    flexShrink: 1,
+    minWidth: 0
+  },
+  buttons: {
+    flexDirection: 'row',
+    flexWrap: 'nowrap',
+    alignItems: 'center',
+    gap: BANNER_BUTTON_GAP
+  },
+  close: {
+    width: BANNER_CLOSE_SLOT_SIZE,
+    height: BANNER_CLOSE_SLOT_SIZE,
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0,
+    borderRadius: BANNER_CLOSE_BORDER_RADIUS
+  },
+  dismissIcon: {
+    fontSize: 18,
+    lineHeight: 22,
+    fontWeight: '300'
+  }
+});
+//# sourceMappingURL=BannerBar.js.map

package/lib/module/surfaces/BannerBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["genSessionDataLookup","BannerEmbedMode","EndFlowReasonInput","React","Animated","Pressable","StyleSheet","Text","View","BannerStepButton","RichContentRenderer","mixThemeColors","BANNER_CLOSE_SLOT_SIZE","BANNER_ROOT_PADDING","bannerFrameStyle","bannerInnerStyle","resolveBannerBarBorderRadius","BANNER_BUTTON_GAP","BANNER_CLOSE_BORDER_RADIUS","bannerOverlayShadowStyle","resolveBannerBackgroundColor","resolveBannerForegroundColor","jsx","_jsx","jsxs","_jsxs","BannerBar","session","onActions","onDismiss","banner","version","theme","backgroundColor","foregroundColor","bannerTheme","useMemo","fontColor","lookupAttribute","data","opacity","useRef","Value","animate","current","useEffect","setValue","animation","timing","toValue","duration","useNativeDriver","start","stop","id","overlay","frameStyle","innerStyle","closePressedBackground","overlayEdge","embedMode","BODY_LAST","barRadius","testID","style","children","styles","root","borderRadius","overflow","startSpacer","content","buttons","sessionData","length","map","button","closeDisabled","accessibilityRole","accessibilityLabel","hitSlop","onPress","USER_CLOSED","pressed","close","dismissIcon","color","create","flexDirection","alignItems","padding","flexGrow","flexShrink","maxWidth","height","minWidth","flexWrap","gap","width","justifyContent","fontSize","lineHeight","fontWeight"],"sourceRoot":"../../../src","sources":["surfaces/BannerBar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/surfaces/BannerSurface.js

@@ -0,0 +1,72 @@
+"use strict";
+
+import * as React from 'react';
+import { evalJsController } from "../evalJs/evalJsController.js";
+import { getEvalJsWebView } from "../evalJs/getWebView.js";
+import { BannerBar } from "./BannerBar.js";
+import { BannerWebViewBar } from "./bannerWebView/BannerWebViewBar.js";
+import { clearBannerAutoRunEvalSession } from "./bannerWebView/bannerAutoRunSession.js";
+import { bannerNeedsWebView } from "./bannerWebView/bannerNeedsWebView.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+let warnedMissingWebView = false;
+
+/**
+ * Native banner bar, or a WebView when a button runs Evaluate JavaScript or the
+ * theme has published custom CSS (same CDN stylesheet as userflow.js iframes).
+ */
+export function BannerSurface({
+  session,
+  onActions,
+  onDismiss
+}) {
+  const banner = session.version.banner;
+  const theme = session.version.theme;
+  const needsWebView = banner != null && bannerNeedsWebView(banner, theme);
+  const webView = needsWebView ? getEvalJsWebView() : null;
+  React.useLayoutEffect(() => {
+    if (!needsWebView || !webView) {
+      return;
+    }
+    evalJsController.setBannerOwnsWebView(true);
+    return () => {
+      evalJsController.setBannerOwnsWebView(false);
+    };
+  }, [needsWebView, webView, session.id]);
+  const dismissWebViewBanner = React.useCallback(endReason => {
+    clearBannerAutoRunEvalSession(session.id);
+    evalJsController.reset();
+    onDismiss(endReason);
+  }, [onDismiss, session.id]);
+  if (!banner) {
+    return null;
+  }
+  if (needsWebView) {
+    if (!webView) {
+      if (!warnedMissingWebView) {
+        warnedMissingWebView = true;
+        console.warn('Userflow: WebView banner requires react-native-webview in the native binary. ' + 'Add it to your app (e.g. npx expo install react-native-webview), run pod install under ios/, ' + 'then rebuild with expo run:ios (not Expo Go). Falling back to the native banner bar.');
+      }
+      return /*#__PURE__*/_jsx(BannerBar, {
+        session: session,
+        onActions: onActions,
+        onDismiss: onDismiss
+      });
+    }
+    return /*#__PURE__*/_jsx(BannerWebViewBar, {
+      session: session,
+      onActions: onActions,
+      onDismiss: dismissWebViewBanner
+    });
+  }
+  return /*#__PURE__*/_jsx(BannerBar, {
+    session: session,
+    onActions: onActions,
+    onDismiss: onDismiss
+  });
+}
+
+/** @internal */
+export function resetBannerSurfaceWarningsForTests() {
+  warnedMissingWebView = false;
+}
+//# sourceMappingURL=BannerSurface.js.map

package/lib/module/surfaces/BannerSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","evalJsController","getEvalJsWebView","BannerBar","BannerWebViewBar","clearBannerAutoRunEvalSession","bannerNeedsWebView","jsx","_jsx","warnedMissingWebView","BannerSurface","session","onActions","onDismiss","banner","version","theme","needsWebView","webView","useLayoutEffect","setBannerOwnsWebView","id","dismissWebViewBanner","useCallback","endReason","reset","console","warn","resetBannerSurfaceWarningsForTests"],"sourceRoot":"../../../src","sources":["surfaces/BannerSurface.tsx"],"mappings":";;AAKA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SAASC,gBAAgB,QAAQ,+BAA4B;AAC7D,SAASC,gBAAgB,QAAQ,yBAAsB;AAEvD,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,gBAAgB,QAAQ,qCAAkC;AACnE,SAASC,6BAA6B,QAAQ,yCAAsC;AACpF,SAASC,kBAAkB,QAAQ,uCAAoC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQxE,IAAIC,oBAAoB,GAAG,KAAK;;AAEhC;AACA;AACA;AACA;AACA,OAAO,SAASC,aAAaA,CAAC;EAC5BC,OAAO;EACPC,SAAS;EACTC;AACkB,CAAC,EAA6B;EAChD,MAAMC,MAAM,GAAGH,OAAO,CAACI,OAAO,CAACD,MAAM;EACrC,MAAME,KAAK,GAAGL,OAAO,CAACI,OAAO,CAACC,KAAK;EACnC,MAAMC,YAAY,GAAGH,MAAM,IAAI,IAAI,IAAIR,kBAAkB,CAACQ,MAAM,EAAEE,KAAK,CAAC;EACxE,MAAME,OAAO,GAAGD,YAAY,GAAGf,gBAAgB,CAAC,CAAC,GAAG,IAAI;EAExDF,KAAK,CAACmB,eAAe,CAAC,MAAM;IAC1B,IAAI,CAACF,YAAY,IAAI,CAACC,OAAO,EAAE;MAC7B;IACF;IACAjB,gBAAgB,CAACmB,oBAAoB,CAAC,IAAI,CAAC;IAC3C,OAAO,MAAM;MACXnB,gBAAgB,CAACmB,oBAAoB,CAAC,KAAK,CAAC;IAC9C,CAAC;EACH,CAAC,EAAE,CAACH,YAAY,EAAEC,OAAO,EAAEP,OAAO,CAACU,EAAE,CAAC,CAAC;EAEvC,MAAMC,oBAAoB,GAAGtB,KAAK,CAACuB,WAAW,CAC3CC,SAA6B,IAAK;IACjCnB,6BAA6B,CAACM,OAAO,CAACU,EAAE,CAAC;IACzCpB,gBAAgB,CAACwB,KAAK,CAAC,CAAC;IACxBZ,SAAS,CAACW,SAAS,CAAC;EACtB,CAAC,EACD,CAACX,SAAS,EAAEF,OAAO,CAACU,EAAE,CACxB,CAAC;EAED,IAAI,CAACP,MAAM,EAAE;IACX,OAAO,IAAI;EACb;EACA,IAAIG,YAAY,EAAE;IAChB,IAAI,CAACC,OAAO,EAAE;MACZ,IAAI,CAACT,oBAAoB,EAAE;QACzBA,oBAAoB,GAAG,IAAI;QAC3BiB,OAAO,CAACC,IAAI,CACV,+EAA+E,GAC7E,+FAA+F,GAC/F,sFACJ,CAAC;MACH;MACA,oBAAOnB,IAAA,CAACL,SAAS;QAACQ,OAAO,EAAEA,OAAQ;QAACC,SAAS,EAAEA,SAAU;QAACC,SAAS,EAAEA;MAAU,CAAE,CAAC;IACpF;IACA,oBACEL,IAAA,CAACJ,gBAAgB;MAACO,OAAO,EAAEA,OAAQ;MAACC,SAAS,EAAEA,SAAU;MAACC,SAAS,EAAES;IAAqB,CAAE,CAAC;EAEjG;EACA,oBAAOd,IAAA,CAACL,SAAS;IAACQ,OAAO,EAAEA,OAAQ;IAACC,SAAS,EAAEA,SAAU;IAACC,SAAS,EAAEA;EAAU,CAAE,CAAC;AACpF;;AAEA;AACA,OAAO,SAASe,kCAAkCA,CAAA,EAAS;EACzDnB,oBAAoB,GAAG,KAAK;AAC9B","ignoreList":[]}

package/lib/module/surfaces/CardFade.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import * as React from 'react';
+import { Animated } from 'react-native';
+import { useCardOpacity } from "./cardTransition.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Card chrome root that fades itself through step transitions.
+ *
+ * This has to wrap the card view itself, not sit higher up in a surface: the
+ * fade starts from this component's mount, and a tooltip's surface renders long
+ * before its card does.
+ */
+export function CardFade({
+  style,
+  ...rest
+}) {
+  const opacity = useCardOpacity();
+  return /*#__PURE__*/_jsx(Animated.View, {
+    ...rest,
+    style: opacity ? [style, {
+      opacity
+    }] : style
+  });
+}
+//# sourceMappingURL=CardFade.js.map

package/lib/module/surfaces/CardFade.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","useCardOpacity","jsx","_jsx","CardFade","style","rest","opacity","View"],"sourceRoot":"../../../src","sources":["surfaces/CardFade.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,cAAc,QAAQ,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAoB,CAAC,EAAsB;EAC9E,MAAMC,OAAO,GAAGN,cAAc,CAAC,CAAC;EAChC,oBAAOE,IAAA,CAACH,QAAQ,CAACQ,IAAI;IAAA,GAAKF,IAAI;IAAED,KAAK,EAAEE,OAAO,GAAG,CAACF,KAAK,EAAE;MAAEE;IAAQ,CAAC,CAAC,GAAGF;EAAM,CAAE,CAAC;AACnF","ignoreList":[]}

package/lib/module/surfaces/CloseButton.js

@@ -3,10 +3,14 @@
 import * as React from 'react';
 import { Pressable, StyleSheet, Text } from 'react-native';
 import { jsx as _jsx } from "react/jsx-runtime";
-/** Web close control: 24×24 hit target, 8px from the top-trailing corner. Pass muted color from {@link resolveCloseButtonColor}. */
+export const CLOSE_BUTTON_SIZE = 24;
+export const CLOSE_BUTTON_INSET = 8;
+/** Web close control: 24×24 hit target. Pass muted color from {@link resolveCloseButtonColor}. */
 export function CloseButton({
   onPress,
-  color
+  color,
+  top = CLOSE_BUTTON_INSET,
+  right = CLOSE_BUTTON_INSET
 }) {
   return /*#__PURE__*/_jsx(Pressable, {
     testID: "userflow-modal-close",
@@ -16,6 +20,8 @@ export function CloseButton({
     style: ({
       pressed
     }) => [styles.button, {
+      top,
+      right,
       opacity: pressed ? 0.6 : 1
     }],
     hitSlop: 8,
@@ -30,11 +36,9 @@ export function CloseButton({
 const styles = StyleSheet.create({
   button: {
     position: 'absolute',
-    top: 8,
-    right: 8,
     zIndex: 2,
-    width: 24,
-    height: 24,
+    width: CLOSE_BUTTON_SIZE,
+    height: CLOSE_BUTTON_SIZE,
     alignItems: 'center',
     justifyContent: 'center'
   },

package/lib/module/surfaces/CloseButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","StyleSheet","Text","jsx","_jsx","CloseButton","onPress","color","testID","accessibilityRole","accessibilityLabel","style","pressed","styles","button","opacity","hitSlop","children","icon","create","position","top","right","zIndex","width","height","alignItems","justifyContent","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["surfaces/CloseButton.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAO3D;AACA,OAAO,SAASC,WAAWA,CAAC;EAAEC,OAAO;EAAEC;AAAwB,CAAC,EAAsB;EACpF,oBACEH,IAAA,CAACJ,SAAS;IACRQ,MAAM,EAAC,sBAAsB;IAC7BC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAC,OAAO;IAC1BJ,OAAO,EAAEA,OAAQ;IACjBK,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CAACC,MAAM,CAACC,MAAM,EAAE;MAAEC,OAAO,EAAEH,OAAO,GAAG,GAAG,GAAG;IAAE,CAAC,CAAE;IACxEI,OAAO,EAAE,CAAE;IAAAC,QAAA,eAEXb,IAAA,CAACF,IAAI;MAACS,KAAK,EAAE,CAACE,MAAM,CAACK,IAAI,EAAE;QAAEX;MAAM,CAAC,CAAE;MAAAU,QAAA,EAAC;IAAC,CAAM;EAAC,CACtC,CAAC;AAEhB;AAEA,MAAMJ,MAAM,GAAGZ,UAAU,CAACkB,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNM,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDT,IAAI,EAAE;IACJU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Pressable","StyleSheet","Text","jsx","_jsx","CLOSE_BUTTON_SIZE","CLOSE_BUTTON_INSET","CloseButton","onPress","color","top","right","testID","accessibilityRole","accessibilityLabel","style","pressed","styles","button","opacity","hitSlop","children","icon","create","position","zIndex","width","height","alignItems","justifyContent","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["surfaces/CloseButton.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3D,OAAO,MAAMC,iBAAiB,GAAG,EAAE;AACnC,OAAO,MAAMC,kBAAkB,GAAG,CAAC;AAWnC;AACA,OAAO,SAASC,WAAWA,CAAC;EAC1BC,OAAO;EACPC,KAAK;EACLC,GAAG,GAAGJ,kBAAkB;EACxBK,KAAK,GAAGL;AACQ,CAAC,EAAsB;EACvC,oBACEF,IAAA,CAACJ,SAAS;IACRY,MAAM,EAAC,sBAAsB;IAC7BC,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAC,OAAO;IAC1BN,OAAO,EAAEA,OAAQ;IACjBO,KAAK,EAAEA,CAAC;MAAEC;IAAQ,CAAC,KAAK,CAACC,MAAM,CAACC,MAAM,EAAE;MAAER,GAAG;MAAEC,KAAK;MAAEQ,OAAO,EAAEH,OAAO,GAAG,GAAG,GAAG;IAAE,CAAC,CAAE;IACpFI,OAAO,EAAE,CAAE;IAAAC,QAAA,eAEXjB,IAAA,CAACF,IAAI;MAACa,KAAK,EAAE,CAACE,MAAM,CAACK,IAAI,EAAE;QAAEb;MAAM,CAAC,CAAE;MAAAY,QAAA,EAAC;IAAC,CAAM;EAAC,CACtC,CAAC;AAEhB;AAEA,MAAMJ,MAAM,GAAGhB,UAAU,CAACsB,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNM,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,KAAK,EAAErB,iBAAiB;IACxBsB,MAAM,EAAEtB,iBAAiB;IACzBuB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDP,IAAI,EAAE;IACJQ,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}