@userflow-tech/react-native 0.1.1 → 0.3.0

package/lib/module/surfaces/MadeWithUserflow.js

@@ -9,8 +9,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  * Web "Made with Userflow" attribution (FlowChrome). Shown when the company
  * has `flowBranding` enabled; opens the Userflow homepage with UTM params.
  *
- * Rendered as a card footer (not absolutely pinned to the card corner) so left
- * and bottom insets match the surface content padding.
+ * Sits in the card corner (Figma: 8pt from the start and bottom edges) rather
+ * than on the content inset. Rendered in flow instead of absolutely so a
+ * scaled-up label pushes the card taller instead of overlapping the body.
  */
 export function MadeWithUserflow({
   company,
@@ -23,10 +24,9 @@ export function MadeWithUserflow({
   return /*#__PURE__*/_jsx(View, {
     style: [styles.footer, embedded ? {
       marginTop: MADE_WITH_USERFLOW_GAP,
-      paddingBottom: contentPadding
+      marginStart: MADE_WITH_USERFLOW_INSET - contentPadding
     } : {
-      paddingHorizontal: contentPadding,
-      paddingBottom: contentPadding
+      paddingStart: MADE_WITH_USERFLOW_INSET
     }],
     pointerEvents: "box-none",
     children: /*#__PURE__*/_jsxs(Pressable, {
@@ -60,9 +60,13 @@ export function MadeWithUserflow({
 
 /** Gap between step content/buttons and the branding footer (web spacer height). */
 export const MADE_WITH_USERFLOW_GAP = 16;
+
+/** Legend offset from the card's start and bottom edges. */
+export const MADE_WITH_USERFLOW_INSET = 8;
 const styles = StyleSheet.create({
   footer: {
-    flexShrink: 0
+    flexShrink: 0,
+    paddingBottom: MADE_WITH_USERFLOW_INSET
   },
   link: {
     flexDirection: 'row',
@@ -77,7 +81,7 @@ const styles = StyleSheet.create({
   label: {
     fontSize: 12,
     fontWeight: '500',
-    lineHeight: 14
+    lineHeight: 16
   }
 });
 //# sourceMappingURL=MadeWithUserflow.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Image","Pressable","StyleSheet","Text","View","openSafeUrl","logomark","jsx","_jsx","jsxs","_jsxs","MadeWithUserflow","company","color","contentPadding","embedded","flowBranding","href","slug","style","styles","footer","marginTop","MADE_WITH_USERFLOW_GAP","paddingBottom","paddingHorizontal","pointerEvents","children","testID","accessibilityRole","accessibilityLabel","onPress","pressed","link","opacity","hitSlop","source","tintColor","accessibilityIgnoresInvertColors","label","create","flexShrink","flexDirection","alignItems","alignSelf","width","height","marginRight","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["surfaces/MadeWithUserflow.tsx"],"mappings":";;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEvE,SAASC,WAAW,QAAQ,2BAAwB;AAEpD,OAAOC,QAAQ,MAAM,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkBtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,OAAO;EACPC,KAAK;EACLC,cAAc;EACdC,QAAQ,GAAG;AACU,CAAC,EAA6B;EACnD,IAAI,CAACH,OAAO,CAACI,YAAY,EAAE,OAAO,IAAI;EAEtC,MAAMC,IAAI,GACR,sGAAsG,GACtGL,OAAO,CAACM,IAAI;EAEd,oBACEV,IAAA,CAACJ,IAAI;IACHe,KAAK,EAAE,CACLC,MAAM,CAACC,MAAM,EACbN,QAAQ,GACJ;MACEO,SAAS,EAAEC,sBAAsB;MACjCC,aAAa,EAAEV;IACjB,CAAC,GACD;MACEW,iBAAiB,EAAEX,cAAc;MACjCU,aAAa,EAAEV;IACjB,CAAC,CACL;IACFY,aAAa,EAAC,UAAU;IAAAC,QAAA,eAExBjB,KAAA,CAACT,SAAS;MACR2B,MAAM,EAAC,6BAA6B;MACpCC,iBAAiB,EAAC,MAAM;MACxBC,kBAAkB,EAAC,oBAAoB;MACvCC,OAAO,EAAEA,CAAA,KAAM;QACb,KAAK1B,WAAW,CAACY,IAAI,CAAC;MACxB,CAAE;MACFE,KAAK,EAAEA,CAAC;QAAEa;MAAQ,CAAC,KAAK,CAACZ,MAAM,CAACa,IAAI,EAAE;QAAEC,OAAO,EAAEF,OAAO,GAAG,IAAI,GAAG;MAAI,CAAC,CAAE;MACzEG,OAAO,EAAE,CAAE;MAAAR,QAAA,gBAEXnB,IAAA,CAACR,KAAK;QACJoC,MAAM,EAAE9B,QAAS;QACjBa,KAAK,EAAE,CAACC,MAAM,CAACd,QAAQ,EAAE;UAAE+B,SAAS,EAAExB;QAAM,CAAC,CAAE;QAC/CyB,gCAAgC;MAAA,CACjC,CAAC,eACF9B,IAAA,CAACL,IAAI;QAACgB,KAAK,EAAE,CAACC,MAAM,CAACmB,KAAK,EAAE;UAAE1B;QAAM,CAAC,CAAE;QAAAc,QAAA,EAAC;MAAkB,CAAM,CAAC;IAAA,CACxD;EAAC,CACR,CAAC;AAEX;;AAEA;AACA,OAAO,MAAMJ,sBAAsB,GAAG,EAAE;AAExC,MAAMH,MAAM,GAAGlB,UAAU,CAACsC,MAAM,CAAC;EAC/BnB,MAAM,EAAE;IACNoB,UAAU,EAAE;EACd,CAAC;EACDR,IAAI,EAAE;IACJS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE;EACb,CAAC;EACDtC,QAAQ,EAAE;IACRuC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE;EACf,CAAC;EACDR,KAAK,EAAE;IACLS,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Image","Pressable","StyleSheet","Text","View","openSafeUrl","logomark","jsx","_jsx","jsxs","_jsxs","MadeWithUserflow","company","color","contentPadding","embedded","flowBranding","href","slug","style","styles","footer","marginTop","MADE_WITH_USERFLOW_GAP","marginStart","MADE_WITH_USERFLOW_INSET","paddingStart","pointerEvents","children","testID","accessibilityRole","accessibilityLabel","onPress","pressed","link","opacity","hitSlop","source","tintColor","accessibilityIgnoresInvertColors","label","create","flexShrink","paddingBottom","flexDirection","alignItems","alignSelf","width","height","marginRight","fontSize","fontWeight","lineHeight"],"sourceRoot":"../../../src","sources":["surfaces/MadeWithUserflow.tsx"],"mappings":";;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,KAAK,EAAEC,SAAS,EAAEC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAEvE,SAASC,WAAW,QAAQ,2BAAwB;AAEpD,OAAOC,QAAQ,MAAM,gCAAgC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAmBtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAAC;EAC/BC,OAAO;EACPC,KAAK;EACLC,cAAc;EACdC,QAAQ,GAAG;AACU,CAAC,EAA6B;EACnD,IAAI,CAACH,OAAO,CAACI,YAAY,EAAE,OAAO,IAAI;EAEtC,MAAMC,IAAI,GACR,sGAAsG,GACtGL,OAAO,CAACM,IAAI;EAEd,oBACEV,IAAA,CAACJ,IAAI;IACHe,KAAK,EAAE,CACLC,MAAM,CAACC,MAAM,EACbN,QAAQ,GACJ;MACEO,SAAS,EAAEC,sBAAsB;MACjCC,WAAW,EAAEC,wBAAwB,GAAGX;IAC1C,CAAC,GACD;MACEY,YAAY,EAAED;IAChB,CAAC,CACL;IACFE,aAAa,EAAC,UAAU;IAAAC,QAAA,eAExBlB,KAAA,CAACT,SAAS;MACR4B,MAAM,EAAC,6BAA6B;MACpCC,iBAAiB,EAAC,MAAM;MACxBC,kBAAkB,EAAC,oBAAoB;MACvCC,OAAO,EAAEA,CAAA,KAAM;QACb,KAAK3B,WAAW,CAACY,IAAI,CAAC;MACxB,CAAE;MACFE,KAAK,EAAEA,CAAC;QAAEc;MAAQ,CAAC,KAAK,CAACb,MAAM,CAACc,IAAI,EAAE;QAAEC,OAAO,EAAEF,OAAO,GAAG,IAAI,GAAG;MAAI,CAAC,CAAE;MACzEG,OAAO,EAAE,CAAE;MAAAR,QAAA,gBAEXpB,IAAA,CAACR,KAAK;QACJqC,MAAM,EAAE/B,QAAS;QACjBa,KAAK,EAAE,CAACC,MAAM,CAACd,QAAQ,EAAE;UAAEgC,SAAS,EAAEzB;QAAM,CAAC,CAAE;QAC/C0B,gCAAgC;MAAA,CACjC,CAAC,eACF/B,IAAA,CAACL,IAAI;QAACgB,KAAK,EAAE,CAACC,MAAM,CAACoB,KAAK,EAAE;UAAE3B;QAAM,CAAC,CAAE;QAAAe,QAAA,EAAC;MAAkB,CAAM,CAAC;IAAA,CACxD;EAAC,CACR,CAAC;AAEX;;AAEA;AACA,OAAO,MAAML,sBAAsB,GAAG,EAAE;;AAExC;AACA,OAAO,MAAME,wBAAwB,GAAG,CAAC;AAEzC,MAAML,MAAM,GAAGlB,UAAU,CAACuC,MAAM,CAAC;EAC/BpB,MAAM,EAAE;IACNqB,UAAU,EAAE,CAAC;IACbC,aAAa,EAAElB;EACjB,CAAC;EACDS,IAAI,EAAE;IACJU,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAE;EACb,CAAC;EACDxC,QAAQ,EAAE;IACRyC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,WAAW,EAAE;EACf,CAAC;EACDT,KAAK,EAAE;IACLU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/surfaces/ModalSurface.js

@@ -3,20 +3,21 @@
 import * as React from 'react';
 import { Pressable, ScrollView, StyleSheet, View, useWindowDimensions } from 'react-native';
 import { RichContentRenderer } from "../content/RichContentRenderer.js";
-import { CloseButton } from "./CloseButton.js";
-import { resolveCloseButtonColor } from "./resolveCloseButtonColor.js";
+import { CardFade } from "./CardFade.js";
+import { CLOSE_BUTTON_INSET, CLOSE_BUTTON_SIZE, CloseButton } from "./CloseButton.js";
 import { MadeWithUserflow } from "./MadeWithUserflow.js";
 import { ProgressBar } from "./ProgressBar.js";
 import { ABSOLUTE_FILL } from "./absoluteFill.js";
 import { parseBackdropOpacity } from "./parseBackdropOpacity.js";
 import { resolveStepProgress } from "./progress.js";
-import { useUserflowSafeAreaInsets } from "./safeArea.js";
-import { resolveModalButtonsAlign, resolveModalCardMaxHeight, resolveModalCardMaxWidth, resolveModalCenterPadding } from "./resolveModalLayout.js";
+import { resolveCloseButtonColor } from "./resolveCloseButtonColor.js";
+import { resolveModalButtonsAlign, resolveModalCardMaxHeight, resolveModalCardMaxWidth } from "./resolveModalLayout.js";
+import { useSurfaceLayoutInsets } from "./surfaceLayoutInsets.js";
 import { resolveBubbleChrome } from "./themeChrome.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * Modal chrome: full-screen backdrop + centered themed card with TreeDoc body.
- * Also used as a temporary fallback for BUBBLE/HIDDEN until dedicated surfaces.
+ * Also used as a temporary fallback for BUBBLE until a dedicated surface.
  *
  * Touch model: backdrop is a full-screen Pressable; the centering wrapper is
  * `box-none` so taps outside the card hit the backdrop, while the card itself
@@ -40,9 +41,13 @@ export function ModalSurface({
   const endAsUserClosed = React.useCallback(() => {
     void engine.endFlow('USER_CLOSED');
   }, [engine]);
-  const insets = useUserflowSafeAreaInsets();
+  const onBackdropPress = React.useCallback(() => {
+    if (canDismissBackdrop) {
+      endAsUserClosed();
+    }
+  }, [canDismissBackdrop, endAsUserClosed]);
   const windowDims = useWindowDimensions();
-  const centerPadding = resolveModalCenterPadding(insets);
+  const centerPadding = useSurfaceLayoutInsets();
   const cardMaxWidth = resolveModalCardMaxWidth(theme, currentStep.width, windowDims.width);
   const cardMaxHeight = resolveModalCardMaxHeight(windowDims.height, centerPadding);
   const buttonsAlign = resolveModalButtonsAlign(theme, windowDims.width);
@@ -50,6 +55,9 @@ export function ModalSurface({
   const progressBottom = theme.progressBarEnabled && theme.progressBarPosition === 'BOTTOM';
   const showBranding = session.flow.company.flowBranding;
   const contentPadding = chrome.contentPadding;
+  const closeClearance = CLOSE_BUTTON_INSET + CLOSE_BUTTON_SIZE;
+  const scrollPaddingTop = showClose ? Math.max(contentPadding, closeClearance) : contentPadding;
+  const scrollPaddingRight = showClose ? Math.max(contentPadding, closeClearance) : contentPadding;
   return /*#__PURE__*/_jsxs(View, {
     style: styles.root,
     testID: "userflow-modal-surface",
@@ -60,8 +68,7 @@ export function ModalSurface({
       accessibilityLabel: canDismissBackdrop ? 'Dismiss' : undefined,
       accessibilityElementsHidden: !canDismissBackdrop,
       importantForAccessibility: canDismissBackdrop ? 'yes' : 'no-hide-descendants',
-      disabled: !canDismissBackdrop,
-      onPress: canDismissBackdrop ? endAsUserClosed : undefined,
+      onPress: onBackdropPress,
       style: [ABSOLUTE_FILL, {
         backgroundColor: theme.backdropColor,
         opacity: backdropOpacity
@@ -69,60 +76,66 @@ export function ModalSurface({
     }), /*#__PURE__*/_jsx(View, {
       style: [styles.center, centerPadding],
       pointerEvents: "box-none",
-      children: /*#__PURE__*/_jsx(View, {
+      children: /*#__PURE__*/_jsx(CardFade, {
         testID: "userflow-modal-card",
         accessibilityViewIsModal: true,
         pointerEvents: "auto",
         style: [chrome.cardStyle, styles.cardShadow, {
           maxWidth: cardMaxWidth,
-          maxHeight: cardMaxHeight,
           width: '100%',
           borderRadius: chrome.borderRadius
         }],
         children: /*#__PURE__*/_jsxs(View, {
           testID: "userflow-modal-card-fill",
           style: [chrome.fillStyle, styles.cardFill, {
-            borderRadius: chrome.borderRadius
+            borderRadius: chrome.borderRadius,
+            maxHeight: cardMaxHeight
           }],
-          children: [showClose ? /*#__PURE__*/_jsx(CloseButton, {
-            onPress: endAsUserClosed,
-            color: resolveCloseButtonColor(theme)
-          }) : null, progressTop ? /*#__PURE__*/_jsx(ProgressBar, {
+          children: [progressTop ? /*#__PURE__*/_jsx(ProgressBar, {
             enabled: true,
             fraction: progress.fraction,
             position: "TOP",
             theme: theme,
             totalSteps: progress.total,
             contentPadding: contentPadding
-          }) : null, /*#__PURE__*/_jsxs(ScrollView, {
+          }) : null, /*#__PURE__*/_jsx(ScrollView, {
             testID: "userflow-flow-scroll",
             style: styles.scroll,
             contentContainerStyle: [styles.scrollContent, {
-              paddingHorizontal: contentPadding,
-              paddingTop: contentPadding,
+              paddingLeft: contentPadding,
+              paddingRight: scrollPaddingRight,
+              paddingTop: scrollPaddingTop,
               paddingBottom: showBranding ? 0 : contentPadding
             }],
             keyboardShouldPersistTaps: "handled",
             nestedScrollEnabled: true,
             bounces: false,
             showsVerticalScrollIndicator: true,
-            children: [/*#__PURE__*/_jsx(RichContentRenderer, {
-              content: currentStep.content,
-              buttons: currentStep.buttons,
-              theme: theme,
-              sessionData: session.data,
-              lookupAttribute: lookupAttribute,
-              defaultButtonsAlign: buttonsAlign,
-              onActions: actions => {
-                void engine.handleActions(actions);
-              }
-            }), /*#__PURE__*/_jsx(MadeWithUserflow, {
-              company: session.flow.company,
-              color: theme.fontColor,
-              contentPadding: contentPadding,
-              embedded: true
-            })]
-          }), progressBottom ? /*#__PURE__*/_jsx(ProgressBar, {
+            children: /*#__PURE__*/_jsxs(View, {
+              testID: "userflow-modal-content",
+              style: styles.content,
+              children: [/*#__PURE__*/_jsx(RichContentRenderer, {
+                content: currentStep.content,
+                buttons: currentStep.buttons,
+                theme: theme,
+                sessionData: session.data,
+                lookupAttribute: lookupAttribute,
+                defaultButtonsAlign: buttonsAlign,
+                heading1FontWeight: "normal",
+                onActions: actions => {
+                  void engine.handleActions(actions);
+                }
+              }), /*#__PURE__*/_jsx(MadeWithUserflow, {
+                company: session.flow.company,
+                color: theme.fontColor,
+                contentPadding: contentPadding,
+                embedded: true
+              })]
+            })
+          }), showClose ? /*#__PURE__*/_jsx(CloseButton, {
+            onPress: endAsUserClosed,
+            color: resolveCloseButtonColor(theme)
+          }) : null, progressBottom ? /*#__PURE__*/_jsx(ProgressBar, {
             enabled: true,
             fraction: progress.fraction,
             position: "BOTTOM",
@@ -154,12 +167,15 @@ const styles = StyleSheet.create({
     flexShrink: 1
   },
   scroll: {
-    flexGrow: 0,
+    flexGrow: 1,
     flexShrink: 1,
     minHeight: 0
   },
   scrollContent: {
     flexGrow: 1
+  },
+  content: {
+    position: 'relative'
   }
 });
 //# sourceMappingURL=ModalSurface.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","ScrollView","StyleSheet","View","useWindowDimensions","RichContentRenderer","CloseButton","resolveCloseButtonColor","MadeWithUserflow","ProgressBar","ABSOLUTE_FILL","parseBackdropOpacity","resolveStepProgress","useUserflowSafeAreaInsets","resolveModalButtonsAlign","resolveModalCardMaxHeight","resolveModalCardMaxWidth","resolveModalCenterPadding","resolveBubbleChrome","jsx","_jsx","jsxs","_jsxs","ModalSurface","engine","session","currentStep","theme","lookupAttribute","version","chrome","progress","id","showClose","closeDisabled","backdropOpacity","canDismissBackdrop","modalBackdropOnclick","endAsUserClosed","useCallback","endFlow","insets","windowDims","centerPadding","cardMaxWidth","width","cardMaxHeight","height","buttonsAlign","progressTop","progressBarEnabled","progressBarPosition","progressBottom","showBranding","flow","company","flowBranding","contentPadding","style","styles","root","testID","pointerEvents","children","accessibilityRole","accessibilityLabel","undefined","accessibilityElementsHidden","importantForAccessibility","disabled","onPress","backgroundColor","backdropColor","opacity","center","accessibilityViewIsModal","cardStyle","cardShadow","maxWidth","maxHeight","borderRadius","fillStyle","cardFill","color","enabled","fraction","position","totalSteps","total","scroll","contentContainerStyle","scrollContent","paddingHorizontal","paddingTop","paddingBottom","keyboardShouldPersistTaps","nestedScrollEnabled","bounces","showsVerticalScrollIndicator","content","buttons","sessionData","data","defaultButtonsAlign","onActions","actions","handleActions","fontColor","embedded","create","justifyContent","alignItems","flexShrink","minHeight","flexGrow"],"sourceRoot":"../../../src","sources":["surfaces/ModalSurface.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Pressable","ScrollView","StyleSheet","View","useWindowDimensions","RichContentRenderer","CardFade","CLOSE_BUTTON_INSET","CLOSE_BUTTON_SIZE","CloseButton","MadeWithUserflow","ProgressBar","ABSOLUTE_FILL","parseBackdropOpacity","resolveStepProgress","resolveCloseButtonColor","resolveModalButtonsAlign","resolveModalCardMaxHeight","resolveModalCardMaxWidth","useSurfaceLayoutInsets","resolveBubbleChrome","jsx","_jsx","jsxs","_jsxs","ModalSurface","engine","session","currentStep","theme","lookupAttribute","version","chrome","progress","id","showClose","closeDisabled","backdropOpacity","canDismissBackdrop","modalBackdropOnclick","endAsUserClosed","useCallback","endFlow","onBackdropPress","windowDims","centerPadding","cardMaxWidth","width","cardMaxHeight","height","buttonsAlign","progressTop","progressBarEnabled","progressBarPosition","progressBottom","showBranding","flow","company","flowBranding","contentPadding","closeClearance","scrollPaddingTop","Math","max","scrollPaddingRight","style","styles","root","testID","pointerEvents","children","accessibilityRole","accessibilityLabel","undefined","accessibilityElementsHidden","importantForAccessibility","onPress","backgroundColor","backdropColor","opacity","center","accessibilityViewIsModal","cardStyle","cardShadow","maxWidth","borderRadius","fillStyle","cardFill","maxHeight","enabled","fraction","position","totalSteps","total","scroll","contentContainerStyle","scrollContent","paddingLeft","paddingRight","paddingTop","paddingBottom","keyboardShouldPersistTaps","nestedScrollEnabled","bounces","showsVerticalScrollIndicator","content","buttons","sessionData","data","defaultButtonsAlign","heading1FontWeight","onActions","actions","handleActions","color","fontColor","embedded","create","justifyContent","alignItems","flexShrink","minHeight","flexGrow"],"sourceRoot":"../../../src","sources":["surfaces/ModalSurface.tsx"],"mappings":"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","ignoreList":[]}