flowboard-react 0.1.0 → 0.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"FlowboardFlow.d.ts","sourceRoot":"","sources":["../../../../src/components/FlowboardFlow.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EAEnB,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,oBAAoB,CAAC;AAO5B,KAAK,kBAAkB,GAAG;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAkV9D"}
+{"version":3,"file":"FlowboardFlow.d.ts","sourceRoot":"","sources":["../../../../src/components/FlowboardFlow.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EAEnB,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,oBAAoB,CAAC;AAO5B,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,aAAa,CAAC;IACpB,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA4X9D"}

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

@@ -1 +1 @@
-{"version":3,"file":"FlowboardRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/FlowboardRenderer.tsx"],"names":[],"mappings":"AAsDA,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACjD,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CA2GtE;AAkoDD,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,GAAG,SAAS,EAAE,CAWxD;AAED,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC5B,YAAY,EAAE,CAiDhB;AAED,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,SAAS,EAAE,EACjB,QAAQ,EAAE,YAAY,EAAE,GACvB,SAAS,EAAE,CASb"}
+{"version":3,"file":"FlowboardRenderer.d.ts","sourceRoot":"","sources":["../../../../src/components/FlowboardRenderer.tsx"],"names":[],"mappings":"AA0DA,KAAK,sBAAsB,GAAG;IAC5B,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC/D,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAC/B,aAAa,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACjD,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAwHtE;AAqwED,MAAM,MAAM,SAAS,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,wBAAgB,cAAc,CAAC,OAAO,EAAE,GAAG,GAAG,SAAS,EAAE,CAWxD;AAED,wBAAgB,kBAAkB,CAChC,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC5B,YAAY,EAAE,CAiDhB;AAED,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,SAAS,EAAE,EACjB,QAAQ,EAAE,YAAY,EAAE,GACvB,SAAS,EAAE,CASb"}

package/lib/typescript/src/core/assetPreloader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"assetPreloader.d.ts","sourceRoot":"","sources":["../../../../src/core/assetPreloader.ts"],"names":[],"mappings":"AAEA,qBAAa,cAAc;IACzB,OAAO,CAAC,aAAa,CAAqB;IAEpC,mBAAmB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAgCzE,KAAK,IAAI,IAAI;IAIb,OAAO,CAAC,aAAa;IAYrB,OAAO,CAAC,UAAU;CAiDnB"}
+{"version":3,"file":"assetPreloader.d.ts","sourceRoot":"","sources":["../../../../src/core/assetPreloader.ts"],"names":[],"mappings":"AASA,qBAAa,cAAc;IACzB,OAAO,CAAC,aAAa,CAAqB;IAEpC,mBAAmB,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC;IAmBzE,KAAK,IAAI,IAAI;IAIb,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,UAAU;CA8CnB"}

package/lib/typescript/src/index.d.ts

@@ -1,4 +1,6 @@
 export { Flowboard } from './Flowboard';
 export { default as FlowboardProvider } from './FlowboardProvider';
+export { default as FlowboardFlow } from './components/FlowboardFlow';
 export type { FlowboardContext, CustomScreenBuilder, CustomActionBuilder, OnboardingEndCallback, OnStepChangeCallback, FlowboardLaunchOptions, FlowboardData, } from './types/flowboard';
+export type { FlowboardFlowProps } from './components/FlowboardFlow';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,aAAa,GACd,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,YAAY,EACV,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,aAAa,GACd,MAAM,mBAAmB,CAAC;AAC3B,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC"}

package/lib/typescript/src/types/flowboard.d.ts

@@ -30,5 +30,6 @@ export type FlowboardLaunchOptions = {
     onStepChange?: OnStepChangeCallback;
     enableAnalytics?: boolean;
     alwaysRestart?: boolean;
+    resumeProgress?: boolean;
 };
 //# sourceMappingURL=flowboard.d.ts.map

package/lib/typescript/src/types/flowboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flowboard.d.ts","sourceRoot":"","sources":["../../../../src/types/flowboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;AAEtC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,OAAO,CAAC;AAEZ,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,eAAe,CAAC;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;AAE7E,MAAM,MAAM,mBAAmB,GAAG,CAChC,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,gBAAgB,EACrB,IAAI,CAAC,EAAE,OAAO,KACX,IAAI,CAAC;AAEV,MAAM,MAAM,qBAAqB,GAAG,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG,CACjC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,OAAO,KACd,IAAI,CAAC;AAEV,MAAM,MAAM,sBAAsB,GAAG;IACnC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC"}
+{"version":3,"file":"flowboard.d.ts","sourceRoot":"","sources":["../../../../src/types/flowboard.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG,OAAO,CAAC;AAEtC,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,GAAG,OAAO,CAAC;AAEZ,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,eAAe,CAAC;IAC5B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,gBAAgB,KAAK,KAAK,CAAC,SAAS,CAAC;AAE7E,MAAM,MAAM,mBAAmB,GAAG,CAChC,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,gBAAgB,EACrB,IAAI,CAAC,EAAE,OAAO,KACX,IAAI,CAAC;AAEV,MAAM,MAAM,qBAAqB,GAAG,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;AAEhE,MAAM,MAAM,oBAAoB,GAAG,CACjC,MAAM,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACjC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,OAAO,KACd,IAAI,CAAC;AAEV,MAAM,MAAM,sBAAsB,GAAG;IACnC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,mBAAmB,CAAC,EAAE,mBAAmB,CAAC;IAC1C,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC"}

package/lib/typescript/src/utils/flowboardUtils.d.ts

@@ -14,6 +14,12 @@ export declare function insetsToStyle(insets: Insets): {
     paddingBottom: number;
     paddingLeft: number;
 };
+export declare function insetsToMarginStyle(insets: Insets): {
+    marginTop: number;
+    marginRight: number;
+    marginBottom: number;
+    marginLeft: number;
+};
 export declare function formatDate(pattern: string, date?: Date): string;
 export declare function resolveText(text: string, formData: Record<string, any>): string;
 export declare function evaluateExpression(content: string, formData: Record<string, any>): any;

package/lib/typescript/src/utils/flowboardUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flowboardUtils.d.ts","sourceRoot":"","sources":["../../../../src/utils/flowboardUtils.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,MAAM,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAK1B,CAAC;AAIF,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CA6C/D;AAgBD,wBAAgB,cAAc,CAC5B,KAAK,EAAE,GAAG,EACV,UAAU,UAAQ,GACjB,MAAM,GAAG,SAAS,CAepB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,CAuB9C;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB,CAOA;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,OAAa,GAAG,MAAM,CAiBrE;AAED,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC5B,MAAM,CAMR;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC5B,GAAG,CAkDL;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC5B,MAAM,GAAG,IAAI,CAqBf;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CA4C5D;AAED,wBAAgB,mBAAmB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAWvD;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAYlD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAgBtD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAYvD;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAkBnD;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG;IAC9C,cAAc,EAAE,GAAG,CAAC;IACpB,UAAU,EAAE,GAAG,CAAC;CACjB,CAsBA"}
+{"version":3,"file":"flowboardUtils.d.ts","sourceRoot":"","sources":["../../../../src/utils/flowboardUtils.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,MAAM,GAAG;IACnB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAK1B,CAAC;AAIF,wBAAgB,UAAU,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,MAAM,CA6C/D;AAgBD,wBAAgB,cAAc,CAC5B,KAAK,EAAE,GAAG,EACV,UAAU,UAAQ,GACjB,MAAM,GAAG,SAAS,CAepB;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,GAAG,GAAG,MAAM,CAuB9C;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,MAAM,GAAG;IAC7C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB,CAOA;AAED,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG;IACnD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACpB,CAOA;AAED,wBAAgB,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,OAAa,GAAG,MAAM,CAiBrE;AAED,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC5B,MAAM,CAMR;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC5B,GAAG,CAkDL;AAED,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC5B,MAAM,GAAG,IAAI,CAqBf;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CA4C5D;AAED,wBAAgB,mBAAmB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAWvD;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAYlD;AAED,wBAAgB,kBAAkB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAgBtD;AAED,wBAAgB,mBAAmB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAYvD;AAED,wBAAgB,eAAe,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,CAkBnD;AAED,wBAAgB,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG;IAC9C,cAAc,EAAE,GAAG,CAAC;IACpB,UAAU,EAAE,GAAG,CAAC;CACjB,CAsBA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowboard-react",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "Onboard your users with one click",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -32,20 +32,7 @@
     "!**/.*"
   ],
   "dependencies": {
-    "@react-native-async-storage/async-storage": "^1.24.0",
-    "@react-native-masked-view/masked-view": "^0.3.2",
     "expr-eval": "^2.0.2",
-    "lottie-react-native": "^7.1.0",
-    "react-native-device-info": "^13.2.0",
-    "react-native-get-random-values": "^1.11.0",
-    "react-native-in-app-review": "^4.3.0",
-    "react-native-linear-gradient": "^2.8.3",
-    "react-native-mask-input": "^1.2.3",
-    "react-native-pager-view": "^6.2.4",
-    "react-native-permissions": "^4.1.5",
-    "react-native-safe-area-context": "^4.11.0",
-    "react-native-svg": "^15.10.1",
-    "react-native-vector-icons": "^10.2.0",
     "uuid": "^11.1.0"
   },
   "scripts": {
@@ -104,8 +91,22 @@
     "typescript": "^5.9.2"
   },
   "peerDependencies": {
+    "@react-native-async-storage/async-storage": "^1.24.0",
+    "@react-native-masked-view/masked-view": "^0.3.2",
+    "lottie-react-native": "^7.1.0",
     "react": "*",
-    "react-native": "*"
+    "react-native": "*",
+    "react-native-device-info": "^13.2.0",
+    "react-native-gesture-handler": "^2.30.0",
+    "react-native-get-random-values": "^1.11.0",
+    "react-native-in-app-review": "^4.3.0",
+    "react-native-linear-gradient": "^2.8.3",
+    "react-native-mask-input": "^1.2.3",
+    "react-native-pager-view": "^6.2.4",
+    "react-native-permissions": "^4.1.5",
+    "react-native-safe-area-context": "^5.0.0",
+    "react-native-svg": "^15.10.1",
+    "react-native-vector-icons": "^10.2.0"
   },
   "workspaces": [
     "example"
@@ -189,4 +190,4 @@
     ],
     "version": "0.57.0"
   }
-}
+}

package/src/Flowboard.ts

@@ -117,14 +117,17 @@ export class Flowboard {
       return;
     }
 
-    if (options.alwaysRestart) {
+    const shouldResumeProgress =
+      options.resumeProgress === true && options.alwaysRestart !== true;
+
+    if (options.alwaysRestart || !shouldResumeProgress) {
       await Flowboard.repository.clearProgress();
     }
 
     let initialStep = 0;
     let initialFormData: Record<string, any> = {};
 
-    if (!options.alwaysRestart) {
+    if (shouldResumeProgress) {
       const flowId = data.flow_id as string | undefined;
       if (flowId) {
         const savedStep = await Flowboard.repository.getProgressStepForFlow(

package/src/FlowboardProvider.tsx

@@ -1,12 +1,13 @@
 import React, { useEffect, useState } from 'react';
 import { Modal, StyleSheet, View } from 'react-native';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 import { Flowboard, type LaunchPayload } from './Flowboard';
 import FlowboardFlow from './components/FlowboardFlow';
 
 const styles = StyleSheet.create({
   modalContainer: {
     flex: 1,
-    backgroundColor: 'transparent',
+    backgroundColor: '#ffffff',
   },
 });
 
@@ -37,23 +38,26 @@ export default function FlowboardProvider({
       <Modal
         visible={visible}
         animationType="slide"
-        transparent
+        transparent={false}
+        presentationStyle="fullScreen"
         onRequestClose={handleClose}
       >
-        <View style={styles.modalContainer}>
-          {payload ? (
-            <FlowboardFlow
-              data={payload.data}
-              customScreenBuilder={payload.options.customScreenBuilder}
-              customActionBuilder={payload.options.customActionBuilder}
-              onOnboardEnd={payload.options.onOnboardEnd}
-              onStepChange={payload.options.onStepChange}
-              initialStep={payload.initialStep}
-              initialFormData={payload.initialFormData}
-              onClose={handleClose}
-            />
-          ) : null}
-        </View>
+        <SafeAreaProvider>
+          <View style={styles.modalContainer}>
+            {payload ? (
+              <FlowboardFlow
+                data={payload.data}
+                customScreenBuilder={payload.options.customScreenBuilder}
+                customActionBuilder={payload.options.customActionBuilder}
+                onOnboardEnd={payload.options.onOnboardEnd}
+                onStepChange={payload.options.onStepChange}
+                initialStep={payload.initialStep}
+                initialFormData={payload.initialFormData}
+                onClose={handleClose}
+              />
+            ) : null}
+          </View>
+        </SafeAreaProvider>
       </Modal>
     </>
   );

package/src/components/FlowboardFlow.tsx

@@ -1,8 +1,6 @@
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { Alert, Keyboard, Platform, StyleSheet, View } from 'react-native';
-import PagerView, {
-  type PagerViewOnPageSelectedEvent,
-} from 'react-native-pager-view';
+import PagerView from 'react-native-pager-view';
 import { Linking } from 'react-native';
 import InAppReview from 'react-native-in-app-review';
 import {
@@ -30,11 +28,11 @@ import type {
 } from '../types/flowboard';
 
 const styles = StyleSheet.create({
-  container: { flex: 1, backgroundColor: 'transparent' },
+  container: { flex: 1, backgroundColor: '#ffffff' },
   fullFlex: { flex: 1 },
 });
 
-type FlowboardFlowProps = {
+export type FlowboardFlowProps = {
   data: FlowboardData;
   customScreenBuilder?: CustomScreenBuilder;
   customActionBuilder?: CustomActionBuilder;
@@ -66,9 +64,16 @@ export default function FlowboardFlow(props: FlowboardFlowProps) {
   const [currentIndex, setCurrentIndex] = useState(() =>
     resolveInitialPage(initialStep, screens.length)
   );
+  const [activePages, setActivePages] = useState<Record<number, true>>(() => ({
+    [resolveInitialPage(initialStep, screens.length)]: true,
+  }));
   const [formData, setFormData] = useState<Record<string, any>>({
     ...initialFormData,
   });
+  const formDataRef = useRef<Record<string, any>>({
+    ...initialFormData,
+  });
+  const didSyncPagerRef = useRef(false);
   const completedRef = useRef(false);
   const flowStartTimeRef = useRef(Date.now());
 
@@ -77,7 +82,6 @@ export default function FlowboardFlow(props: FlowboardFlowProps) {
     AnalyticsManager.instance.trackOnboardStarted();
 
     requestAnimationFrame(() => {
-      preloadAssets(currentIndex);
       notifyStepChange(currentIndex);
     });
 
@@ -93,11 +97,16 @@ export default function FlowboardFlow(props: FlowboardFlowProps) {
 
   useEffect(() => {
     if (pagerRef.current) {
-      pagerRef.current.setPageWithoutAnimation(currentIndex);
+      if (!didSyncPagerRef.current) {
+        pagerRef.current.setPageWithoutAnimation(currentIndex);
+        didSyncPagerRef.current = true;
+      } else {
+        pagerRef.current.setPage(currentIndex);
+      }
     }
   }, [currentIndex]);
 
-  const notifyStepChange = (index: number) => {
+  const notifyStepChange = (index: number, preloadNext = true) => {
     if (index < 0 || index >= screens.length) return;
     const screenData = screens[index] as Record<string, any>;
     const pageId = screenData.id ?? 'unknown';
@@ -109,17 +118,36 @@ export default function FlowboardFlow(props: FlowboardFlowProps) {
     });
 
     if (onStepChange) {
-      onStepChange(pageId, index, { ...formData });
+      onStepChange(pageId, index, { ...formDataRef.current });
     }
 
     persistProgress(index);
-    preloadAssets(index);
+    if (preloadNext) {
+      preloadAssets(index);
+    }
+  };
+
+  const markPageAsActive = (index: number) => {
+    setActivePages((prev) => {
+      if (prev[index]) return prev;
+      return { ...prev, [index]: true };
+    });
+  };
+
+  const moveToIndex = (nextIndex: number) => {
+    if (nextIndex < 0 || nextIndex >= screens.length) return;
+    markPageAsActive(nextIndex);
+    setCurrentIndex(nextIndex);
+    notifyStepChange(nextIndex);
   };
 
-  const persistProgress = (index: number) => {
+  const persistProgress = (
+    index: number,
+    snapshot: Record<string, any> = formDataRef.current
+  ) => {
     if (!flowId) return;
     repository
-      .saveProgress({ flowId, stepIndex: index, formData: { ...formData } })
+      .saveProgress({ flowId, stepIndex: index, formData: { ...snapshot } })
       .catch(() => null);
   };
 
@@ -128,10 +156,6 @@ export default function FlowboardFlow(props: FlowboardFlowProps) {
   };
 
   const preloadAssets = (index: number) => {
-    const currentScreen = screens[index];
-    if (currentScreen) {
-      assetPreloader.preloadScreenAssets(currentScreen).catch(() => null);
-    }
     const nextScreen = screens[index + 1];
     if (nextScreen) {
       assetPreloader.preloadScreenAssets(nextScreen).catch(() => null);
@@ -162,7 +186,7 @@ export default function FlowboardFlow(props: FlowboardFlowProps) {
     context: null,
     currentIndex: index,
     totalScreens: screens.length,
-    formData: { ...formData },
+    formData: { ...formDataRef.current },
     screenData: screens[index] as Record<string, any>,
     onNext: () => handleAction('next', index, screens.length),
     onPrevious: () => handleAction('previous', index, screens.length),
@@ -175,11 +199,29 @@ export default function FlowboardFlow(props: FlowboardFlowProps) {
     totalScreens: number,
     dataPayload?: Record<string, any>
   ) => {
+    if (index !== currentIndex) return;
     Keyboard.dismiss();
+    let effectiveFormData = formDataRef.current;
+    const payloadFieldId =
+      typeof dataPayload?.fieldId === 'string' ? dataPayload.fieldId : null;
+    const hasPayloadValue = Object.prototype.hasOwnProperty.call(
+      dataPayload ?? {},
+      'selectedValue'
+    );
+
+    if (payloadFieldId && hasPayloadValue) {
+      effectiveFormData = {
+        ...formDataRef.current,
+        [payloadFieldId]: dataPayload?.selectedValue,
+      };
+      formDataRef.current = effectiveFormData;
+      setFormData(effectiveFormData);
+      persistProgress(index, effectiveFormData);
+    }
 
     if (action === 'next') {
       const currentScreen = screens[index] as Record<string, any>;
-      const invalidFields = validateScreen(currentScreen, formData);
+      const invalidFields = validateScreen(currentScreen, effectiveFormData);
       if (invalidFields.length > 0) {
         Alert.alert(
           'Validation',
@@ -189,10 +231,10 @@ export default function FlowboardFlow(props: FlowboardFlowProps) {
       }
 
       if (index < totalScreens - 1) {
-        setCurrentIndex(index + 1);
+        moveToIndex(index + 1);
       } else {
         trackCompletion(OnboardingOutcome.completed, index);
-        onOnboardEnd?.({ ...formData });
+        onOnboardEnd?.({ ...effectiveFormData });
         resetStoredProgress();
         onClose?.();
       }
@@ -201,14 +243,14 @@ export default function FlowboardFlow(props: FlowboardFlowProps) {
 
     if (action === 'previous') {
       if (index > 0) {
-        setCurrentIndex(index - 1);
+        moveToIndex(index - 1);
       }
       return;
     }
 
     if (action === 'finish') {
       trackCompletion(OnboardingOutcome.completed, index);
-      onOnboardEnd?.({ ...formData });
+      onOnboardEnd?.({ ...effectiveFormData });
       resetStoredProgress();
       onClose?.();
       return;
@@ -262,10 +304,10 @@ export default function FlowboardFlow(props: FlowboardFlowProps) {
     }
 
     if (index < totalScreens - 1) {
-      setCurrentIndex(index + 1);
+      moveToIndex(index + 1);
     } else {
       trackCompletion(OnboardingOutcome.completed, index);
-      onOnboardEnd?.({ ...formData });
+      onOnboardEnd?.({ ...formDataRef.current });
       resetStoredProgress();
       onClose?.();
     }
@@ -328,11 +370,11 @@ export default function FlowboardFlow(props: FlowboardFlowProps) {
   };
 
   const handleInputChange = (id: string, value: any, index: number) => {
-    setFormData((prev) => {
-      const next = { ...prev, [id]: value };
-      return next;
-    });
-    persistProgress(index);
+    if (index !== currentIndex) return;
+    const next = { ...formDataRef.current, [id]: value };
+    formDataRef.current = next;
+    setFormData(next);
+    persistProgress(index, next);
   };
 
   return (
@@ -342,41 +384,39 @@ export default function FlowboardFlow(props: FlowboardFlowProps) {
         style={styles.fullFlex}
         scrollEnabled={false}
         initialPage={currentIndex}
-        onPageSelected={(event: PagerViewOnPageSelectedEvent) => {
-          const nextIndex = event.nativeEvent.position;
-          setCurrentIndex(nextIndex);
-          notifyStepChange(nextIndex);
-        }}
       >
         {screens.map((screen, index) => {
           const screenData = screen as Record<string, any>;
           const screenType = screenData.type;
+          const isActivePage = activePages[index] === true;
 
           if (screenType === 'custom' && customScreenBuilder) {
             const ctx = createContext(index);
             return (
               <View key={`screen-${index}`} style={styles.fullFlex}>
-                {customScreenBuilder(ctx)}
+                {isActivePage ? customScreenBuilder(ctx) : null}
               </View>
             );
           }
 
           return (
             <View key={`screen-${index}`} style={styles.fullFlex}>
-              <SliderRegistryProvider registry={sliderRegistry}>
-                <FlowboardRenderer
-                  screenData={screenData}
-                  formData={formData}
-                  onInputChange={(id, value) =>
-                    handleInputChange(id, value, index)
-                  }
-                  onAction={(action, payload) =>
-                    handleAction(action, index, screens.length, payload)
-                  }
-                  currentIndex={index}
-                  totalScreens={screens.length}
-                />
-              </SliderRegistryProvider>
+              {isActivePage ? (
+                <SliderRegistryProvider registry={sliderRegistry}>
+                  <FlowboardRenderer
+                    screenData={screenData}
+                    formData={formData}
+                    onInputChange={(id, value) =>
+                      handleInputChange(id, value, index)
+                    }
+                    onAction={(action, payload) =>
+                      handleAction(action, index, screens.length, payload)
+                    }
+                    currentIndex={currentIndex}
+                    totalScreens={screens.length}
+                  />
+                </SliderRegistryProvider>
+              ) : null}
             </View>
           );
         })}