@rocapine/react-native-onboarding 1.20.0 → 1.23.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/index.d.ts +1 -1
  2. package/dist/index.d.ts.map +1 -1
  3. package/dist/index.js.map +1 -1
  4. package/dist/onboarding-example.d.ts +169 -24
  5. package/dist/onboarding-example.d.ts.map +1 -1
  6. package/dist/onboarding-example.js +72 -2
  7. package/dist/onboarding-example.js.map +1 -1
  8. package/dist/steps/ComposableScreen/elements/CarouselElement.d.ts +4 -0
  9. package/dist/steps/ComposableScreen/elements/CarouselElement.d.ts.map +1 -1
  10. package/dist/steps/ComposableScreen/elements/CarouselElement.js +2 -0
  11. package/dist/steps/ComposableScreen/elements/CarouselElement.js.map +1 -1
  12. package/dist/steps/ComposableScreen/types.d.ts +25 -2
  13. package/dist/steps/ComposableScreen/types.d.ts.map +1 -1
  14. package/dist/steps/ComposableScreen/types.js +15 -0
  15. package/dist/steps/ComposableScreen/types.js.map +1 -1
  16. package/package.json +1 -1
  17. package/src/index.ts +1 -0
  18. package/src/onboarding-example.ts +72 -2
  19. package/src/steps/ComposableScreen/elements/CarouselElement.ts +4 -0
  20. package/src/steps/ComposableScreen/types.ts +50 -3
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  export { OnboardingStudioClient } from "./OnboardingStudioClient";
2
2
  export * from "./types";
3
3
  export * from "./onboarding-example";
4
- export type { ButtonAction, CustomButtonAction, ComposableVariableEntry, } from "./steps/ComposableScreen/types";
4
+ export type { ButtonAction, CustomButtonAction, ComposableVariableEntry, ComposableVariableKind, } from "./steps/ComposableScreen/types";
5
5
  export { ButtonActionSchema, CustomButtonActionSchema, } from "./steps/ComposableScreen/types";
6
6
  export * from "./infra";
7
7
  export { resolveNextStepNumber } from "./resolveNextStepNumber";
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AAErC,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,gCAAgC,CAAC;AAExC,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACxF,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EACV,aAAa,EACb,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,MAAM,EACN,QAAQ,GACT,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,EACZ,cAAc,EACd,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,SAAS,CAAC;AACxB,cAAc,sBAAsB,CAAC;AAErC,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,kBAAkB,EAClB,wBAAwB,GACzB,MAAM,gCAAgC,CAAC;AAExC,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACxF,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EACV,aAAa,EACb,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,MAAM,EACN,QAAQ,GACT,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,YAAY,EACZ,cAAc,EACd,uBAAuB,EACvB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC"}
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,wBAAwB;AACxB,mEAAkE;AAAzD,gIAAA,sBAAsB,OAAA;AAC/B,0CAAwB;AACxB,uDAAqC;AAOrC,wDAGwC;AAFtC,2GAAA,kBAAkB,OAAA;AAClB,iHAAA,wBAAwB,OAAA;AAE1B,sBAAsB;AACtB,0CAAwB;AACxB,YAAY;AACZ,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,yDAAwF;AAA/E,sHAAA,iBAAiB,OAAA;AAAE,iHAAA,YAAY,OAAA;AAAE,qHAAA,gBAAgB,OAAA;AAU1D,qDAQ8B;AAP5B,kHAAA,kBAAkB,OAAA;AAClB,mHAAA,mBAAmB,OAAA;AACnB,oHAAA,oBAAoB,OAAA;AACpB,4GAAA,YAAY,OAAA;AACZ,8GAAA,cAAc,OAAA;AACd,uHAAA,uBAAuB,OAAA;AACvB,oHAAA,oBAAoB,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,wBAAwB;AACxB,mEAAkE;AAAzD,gIAAA,sBAAsB,OAAA;AAC/B,0CAAwB;AACxB,uDAAqC;AAQrC,wDAGwC;AAFtC,2GAAA,kBAAkB,OAAA;AAClB,iHAAA,wBAAwB,OAAA;AAE1B,sBAAsB;AACtB,0CAAwB;AACxB,YAAY;AACZ,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,yDAAwF;AAA/E,sHAAA,iBAAiB,OAAA;AAAE,iHAAA,YAAY,OAAA;AAAE,qHAAA,gBAAgB,OAAA;AAU1D,qDAQ8B;AAP5B,kHAAA,kBAAkB,OAAA;AAClB,mHAAA,mBAAmB,OAAA;AACnB,oHAAA,oBAAoB,OAAA;AACpB,4GAAA,YAAY,OAAA;AACZ,8GAAA,cAAc,OAAA;AACd,uHAAA,uBAAuB,OAAA;AACvB,oHAAA,oBAAoB,OAAA"}
package/dist/onboarding-example.d.ts CHANGED
@@ -189,8 +189,8 @@ export declare const onboardingExample: {
189
189
  display?: undefined;
190
190
  maximumDate?: undefined;
191
191
  carouselType?: undefined;
192
- autoPlayInterval?: undefined;
193
192
  showDots?: undefined;
193
+ defaultIndex?: undefined;
194
194
  overflow?: undefined;
195
195
  label?: undefined;
196
196
  variant?: undefined;
@@ -199,6 +199,7 @@ export declare const onboardingExample: {
199
199
  backgroundGradient?: undefined;
200
200
  disabledWhen?: undefined;
201
201
  };
202
+ renderWhen?: undefined;
202
203
  children?: undefined;
203
204
  } | {
204
205
  id: string;
@@ -240,8 +241,8 @@ export declare const onboardingExample: {
240
241
  display?: undefined;
241
242
  maximumDate?: undefined;
242
243
  carouselType?: undefined;
243
- autoPlayInterval?: undefined;
244
244
  showDots?: undefined;
245
+ defaultIndex?: undefined;
245
246
  overflow?: undefined;
246
247
  label?: undefined;
247
248
  variant?: undefined;
@@ -250,6 +251,7 @@ export declare const onboardingExample: {
250
251
  backgroundGradient?: undefined;
251
252
  disabledWhen?: undefined;
252
253
  };
254
+ renderWhen?: undefined;
253
255
  children?: undefined;
254
256
  } | {
255
257
  id: string;
@@ -291,8 +293,8 @@ export declare const onboardingExample: {
291
293
  display?: undefined;
292
294
  maximumDate?: undefined;
293
295
  carouselType?: undefined;
294
- autoPlayInterval?: undefined;
295
296
  showDots?: undefined;
297
+ defaultIndex?: undefined;
296
298
  overflow?: undefined;
297
299
  label?: undefined;
298
300
  variant?: undefined;
@@ -301,6 +303,7 @@ export declare const onboardingExample: {
301
303
  backgroundGradient?: undefined;
302
304
  disabledWhen?: undefined;
303
305
  };
306
+ renderWhen?: undefined;
304
307
  children?: undefined;
305
308
  } | {
306
309
  id: string;
@@ -342,8 +345,8 @@ export declare const onboardingExample: {
342
345
  display?: undefined;
343
346
  maximumDate?: undefined;
344
347
  carouselType?: undefined;
345
- autoPlayInterval?: undefined;
346
348
  showDots?: undefined;
349
+ defaultIndex?: undefined;
347
350
  overflow?: undefined;
348
351
  label?: undefined;
349
352
  variant?: undefined;
@@ -352,6 +355,7 @@ export declare const onboardingExample: {
352
355
  backgroundGradient?: undefined;
353
356
  disabledWhen?: undefined;
354
357
  };
358
+ renderWhen?: undefined;
355
359
  children?: undefined;
356
360
  } | {
357
361
  id: string;
@@ -393,8 +397,8 @@ export declare const onboardingExample: {
393
397
  display?: undefined;
394
398
  maximumDate?: undefined;
395
399
  carouselType?: undefined;
396
- autoPlayInterval?: undefined;
397
400
  showDots?: undefined;
401
+ defaultIndex?: undefined;
398
402
  overflow?: undefined;
399
403
  label?: undefined;
400
404
  variant?: undefined;
@@ -403,6 +407,7 @@ export declare const onboardingExample: {
403
407
  backgroundGradient?: undefined;
404
408
  disabledWhen?: undefined;
405
409
  };
410
+ renderWhen?: undefined;
406
411
  children?: undefined;
407
412
  } | {
408
413
  id: string;
@@ -444,8 +449,8 @@ export declare const onboardingExample: {
444
449
  display?: undefined;
445
450
  maximumDate?: undefined;
446
451
  carouselType?: undefined;
447
- autoPlayInterval?: undefined;
448
452
  showDots?: undefined;
453
+ defaultIndex?: undefined;
449
454
  overflow?: undefined;
450
455
  label?: undefined;
451
456
  variant?: undefined;
@@ -454,6 +459,7 @@ export declare const onboardingExample: {
454
459
  backgroundGradient?: undefined;
455
460
  disabledWhen?: undefined;
456
461
  };
462
+ renderWhen?: undefined;
457
463
  children?: undefined;
458
464
  } | {
459
465
  id: string;
@@ -495,8 +501,8 @@ export declare const onboardingExample: {
495
501
  display?: undefined;
496
502
  maximumDate?: undefined;
497
503
  carouselType?: undefined;
498
- autoPlayInterval?: undefined;
499
504
  showDots?: undefined;
505
+ defaultIndex?: undefined;
500
506
  overflow?: undefined;
501
507
  label?: undefined;
502
508
  variant?: undefined;
@@ -505,6 +511,7 @@ export declare const onboardingExample: {
505
511
  backgroundGradient?: undefined;
506
512
  disabledWhen?: undefined;
507
513
  };
514
+ renderWhen?: undefined;
508
515
  children?: undefined;
509
516
  } | {
510
517
  id: string;
@@ -546,8 +553,8 @@ export declare const onboardingExample: {
546
553
  display?: undefined;
547
554
  maximumDate?: undefined;
548
555
  carouselType?: undefined;
549
- autoPlayInterval?: undefined;
550
556
  showDots?: undefined;
557
+ defaultIndex?: undefined;
551
558
  overflow?: undefined;
552
559
  label?: undefined;
553
560
  variant?: undefined;
@@ -556,6 +563,7 @@ export declare const onboardingExample: {
556
563
  backgroundGradient?: undefined;
557
564
  disabledWhen?: undefined;
558
565
  };
566
+ renderWhen?: undefined;
559
567
  children?: undefined;
560
568
  } | {
561
569
  id: string;
@@ -597,8 +605,8 @@ export declare const onboardingExample: {
597
605
  display?: undefined;
598
606
  maximumDate?: undefined;
599
607
  carouselType?: undefined;
600
- autoPlayInterval?: undefined;
601
608
  showDots?: undefined;
609
+ defaultIndex?: undefined;
602
610
  overflow?: undefined;
603
611
  label?: undefined;
604
612
  variant?: undefined;
@@ -607,6 +615,7 @@ export declare const onboardingExample: {
607
615
  backgroundGradient?: undefined;
608
616
  disabledWhen?: undefined;
609
617
  };
618
+ renderWhen?: undefined;
610
619
  children?: undefined;
611
620
  } | {
612
621
  id: string;
@@ -648,8 +657,8 @@ export declare const onboardingExample: {
648
657
  display?: undefined;
649
658
  maximumDate?: undefined;
650
659
  carouselType?: undefined;
651
- autoPlayInterval?: undefined;
652
660
  showDots?: undefined;
661
+ defaultIndex?: undefined;
653
662
  overflow?: undefined;
654
663
  label?: undefined;
655
664
  variant?: undefined;
@@ -658,6 +667,7 @@ export declare const onboardingExample: {
658
667
  backgroundGradient?: undefined;
659
668
  disabledWhen?: undefined;
660
669
  };
670
+ renderWhen?: undefined;
661
671
  children?: undefined;
662
672
  } | {
663
673
  id: string;
@@ -699,8 +709,8 @@ export declare const onboardingExample: {
699
709
  display?: undefined;
700
710
  maximumDate?: undefined;
701
711
  carouselType?: undefined;
702
- autoPlayInterval?: undefined;
703
712
  showDots?: undefined;
713
+ defaultIndex?: undefined;
704
714
  overflow?: undefined;
705
715
  label?: undefined;
706
716
  variant?: undefined;
@@ -709,6 +719,7 @@ export declare const onboardingExample: {
709
719
  backgroundGradient?: undefined;
710
720
  disabledWhen?: undefined;
711
721
  };
722
+ renderWhen?: undefined;
712
723
  children?: undefined;
713
724
  } | {
714
725
  id: string;
@@ -750,8 +761,8 @@ export declare const onboardingExample: {
750
761
  display?: undefined;
751
762
  maximumDate?: undefined;
752
763
  carouselType?: undefined;
753
- autoPlayInterval?: undefined;
754
764
  showDots?: undefined;
765
+ defaultIndex?: undefined;
755
766
  overflow?: undefined;
756
767
  label?: undefined;
757
768
  variant?: undefined;
@@ -760,6 +771,7 @@ export declare const onboardingExample: {
760
771
  backgroundGradient?: undefined;
761
772
  disabledWhen?: undefined;
762
773
  };
774
+ renderWhen?: undefined;
763
775
  children?: undefined;
764
776
  } | {
765
777
  id: string;
@@ -804,8 +816,8 @@ export declare const onboardingExample: {
804
816
  display?: undefined;
805
817
  maximumDate?: undefined;
806
818
  carouselType?: undefined;
807
- autoPlayInterval?: undefined;
808
819
  showDots?: undefined;
820
+ defaultIndex?: undefined;
809
821
  overflow?: undefined;
810
822
  label?: undefined;
811
823
  variant?: undefined;
@@ -814,6 +826,7 @@ export declare const onboardingExample: {
814
826
  backgroundGradient?: undefined;
815
827
  disabledWhen?: undefined;
816
828
  };
829
+ renderWhen?: undefined;
817
830
  children?: undefined;
818
831
  } | {
819
832
  id: string;
@@ -855,8 +868,65 @@ export declare const onboardingExample: {
855
868
  display?: undefined;
856
869
  maximumDate?: undefined;
857
870
  carouselType?: undefined;
858
- autoPlayInterval?: undefined;
859
871
  showDots?: undefined;
872
+ defaultIndex?: undefined;
873
+ overflow?: undefined;
874
+ label?: undefined;
875
+ variant?: undefined;
876
+ actions?: undefined;
877
+ padding?: undefined;
878
+ backgroundGradient?: undefined;
879
+ disabledWhen?: undefined;
880
+ };
881
+ renderWhen?: undefined;
882
+ children?: undefined;
883
+ } | {
884
+ id: string;
885
+ renderWhen: {
886
+ variable: string;
887
+ operator: string;
888
+ value: string;
889
+ };
890
+ type: string;
891
+ props: {
892
+ content: string;
893
+ fontSize: number;
894
+ fontWeight: string;
895
+ textAlign: string;
896
+ marginVertical: number;
897
+ source?: undefined;
898
+ height?: undefined;
899
+ autoPlay?: undefined;
900
+ loop?: undefined;
901
+ url?: undefined;
902
+ fit?: undefined;
903
+ resizeMode?: undefined;
904
+ borderRadius?: undefined;
905
+ name?: undefined;
906
+ size?: undefined;
907
+ color?: undefined;
908
+ controls?: undefined;
909
+ muted?: undefined;
910
+ contentFit?: undefined;
911
+ variableName?: undefined;
912
+ placeholder?: undefined;
913
+ keyboardType?: undefined;
914
+ returnKeyType?: undefined;
915
+ autoCapitalize?: undefined;
916
+ mode?: undefined;
917
+ fontFamily?: undefined;
918
+ fontStyle?: undefined;
919
+ opacity?: undefined;
920
+ lineHeight?: undefined;
921
+ defaultValue?: undefined;
922
+ gap?: undefined;
923
+ items?: undefined;
924
+ defaultValues?: undefined;
925
+ display?: undefined;
926
+ maximumDate?: undefined;
927
+ carouselType?: undefined;
928
+ showDots?: undefined;
929
+ defaultIndex?: undefined;
860
930
  overflow?: undefined;
861
931
  label?: undefined;
862
932
  variant?: undefined;
@@ -909,8 +979,8 @@ export declare const onboardingExample: {
909
979
  display?: undefined;
910
980
  maximumDate?: undefined;
911
981
  carouselType?: undefined;
912
- autoPlayInterval?: undefined;
913
982
  showDots?: undefined;
983
+ defaultIndex?: undefined;
914
984
  overflow?: undefined;
915
985
  label?: undefined;
916
986
  variant?: undefined;
@@ -919,6 +989,7 @@ export declare const onboardingExample: {
919
989
  backgroundGradient?: undefined;
920
990
  disabledWhen?: undefined;
921
991
  };
992
+ renderWhen?: undefined;
922
993
  children?: undefined;
923
994
  } | {
924
995
  id: string;
@@ -960,8 +1031,8 @@ export declare const onboardingExample: {
960
1031
  items?: undefined;
961
1032
  defaultValues?: undefined;
962
1033
  carouselType?: undefined;
963
- autoPlayInterval?: undefined;
964
1034
  showDots?: undefined;
1035
+ defaultIndex?: undefined;
965
1036
  overflow?: undefined;
966
1037
  label?: undefined;
967
1038
  variant?: undefined;
@@ -970,6 +1041,7 @@ export declare const onboardingExample: {
970
1041
  backgroundGradient?: undefined;
971
1042
  disabledWhen?: undefined;
972
1043
  };
1044
+ renderWhen?: undefined;
973
1045
  children?: undefined;
974
1046
  } | {
975
1047
  id: string;
@@ -977,12 +1049,13 @@ export declare const onboardingExample: {
977
1049
  props: {
978
1050
  carouselType: string;
979
1051
  autoPlay: boolean;
980
- autoPlayInterval: number;
981
1052
  loop: boolean;
982
1053
  showDots: boolean;
983
1054
  height: number;
984
1055
  borderRadius: number;
985
1056
  marginVertical: number;
1057
+ defaultIndex: number;
1058
+ variableName: string;
986
1059
  source?: undefined;
987
1060
  url?: undefined;
988
1061
  fit?: undefined;
@@ -993,7 +1066,6 @@ export declare const onboardingExample: {
993
1066
  controls?: undefined;
994
1067
  muted?: undefined;
995
1068
  contentFit?: undefined;
996
- variableName?: undefined;
997
1069
  placeholder?: undefined;
998
1070
  keyboardType?: undefined;
999
1071
  returnKeyType?: undefined;
@@ -1030,6 +1102,73 @@ export declare const onboardingExample: {
1030
1102
  resizeMode: string;
1031
1103
  };
1032
1104
  }[];
1105
+ renderWhen?: undefined;
1106
+ } | {
1107
+ id: string;
1108
+ type: string;
1109
+ props: {
1110
+ gap: number;
1111
+ marginVertical: number;
1112
+ source?: undefined;
1113
+ height?: undefined;
1114
+ autoPlay?: undefined;
1115
+ loop?: undefined;
1116
+ url?: undefined;
1117
+ fit?: undefined;
1118
+ resizeMode?: undefined;
1119
+ borderRadius?: undefined;
1120
+ name?: undefined;
1121
+ size?: undefined;
1122
+ color?: undefined;
1123
+ controls?: undefined;
1124
+ muted?: undefined;
1125
+ contentFit?: undefined;
1126
+ variableName?: undefined;
1127
+ placeholder?: undefined;
1128
+ keyboardType?: undefined;
1129
+ returnKeyType?: undefined;
1130
+ autoCapitalize?: undefined;
1131
+ content?: undefined;
1132
+ mode?: undefined;
1133
+ fontSize?: undefined;
1134
+ fontWeight?: undefined;
1135
+ textAlign?: undefined;
1136
+ fontFamily?: undefined;
1137
+ fontStyle?: undefined;
1138
+ opacity?: undefined;
1139
+ lineHeight?: undefined;
1140
+ defaultValue?: undefined;
1141
+ items?: undefined;
1142
+ defaultValues?: undefined;
1143
+ display?: undefined;
1144
+ maximumDate?: undefined;
1145
+ carouselType?: undefined;
1146
+ showDots?: undefined;
1147
+ defaultIndex?: undefined;
1148
+ overflow?: undefined;
1149
+ label?: undefined;
1150
+ variant?: undefined;
1151
+ actions?: undefined;
1152
+ padding?: undefined;
1153
+ backgroundGradient?: undefined;
1154
+ disabledWhen?: undefined;
1155
+ };
1156
+ children: {
1157
+ id: string;
1158
+ type: string;
1159
+ props: {
1160
+ label: string;
1161
+ variant: string;
1162
+ flex: number;
1163
+ actions: {
1164
+ type: string;
1165
+ name: string;
1166
+ value: string;
1167
+ valueMode: string;
1168
+ }[];
1169
+ };
1170
+ }[];
1171
+ renderWhen?: undefined;
1033
1172
  } | {
1034
1173
  id: string;
1035
1174
  type: string;
@@ -1071,8 +1210,8 @@ export declare const onboardingExample: {
1071
1210
  display?: undefined;
1072
1211
  maximumDate?: undefined;
1073
1212
  carouselType?: undefined;
1074
- autoPlayInterval?: undefined;
1075
1213
  showDots?: undefined;
1214
+ defaultIndex?: undefined;
1076
1215
  label?: undefined;
1077
1216
  variant?: undefined;
1078
1217
  actions?: undefined;
@@ -1116,6 +1255,7 @@ export declare const onboardingExample: {
1116
1255
  };
1117
1256
  }[];
1118
1257
  })[];
1258
+ renderWhen?: undefined;
1119
1259
  } | {
1120
1260
  id: string;
1121
1261
  type: string;
@@ -1163,13 +1303,14 @@ export declare const onboardingExample: {
1163
1303
  display?: undefined;
1164
1304
  maximumDate?: undefined;
1165
1305
  carouselType?: undefined;
1166
- autoPlayInterval?: undefined;
1167
1306
  showDots?: undefined;
1307
+ defaultIndex?: undefined;
1168
1308
  overflow?: undefined;
1169
1309
  padding?: undefined;
1170
1310
  backgroundGradient?: undefined;
1171
1311
  disabledWhen?: undefined;
1172
1312
  };
1313
+ renderWhen?: undefined;
1173
1314
  children?: undefined;
1174
1315
  } | {
1175
1316
  id: string;
@@ -1221,8 +1362,8 @@ export declare const onboardingExample: {
1221
1362
  display?: undefined;
1222
1363
  maximumDate?: undefined;
1223
1364
  carouselType?: undefined;
1224
- autoPlayInterval?: undefined;
1225
1365
  showDots?: undefined;
1366
+ defaultIndex?: undefined;
1226
1367
  label?: undefined;
1227
1368
  variant?: undefined;
1228
1369
  actions?: undefined;
@@ -1249,6 +1390,7 @@ export declare const onboardingExample: {
1249
1390
  fontWeight?: undefined;
1250
1391
  };
1251
1392
  })[];
1393
+ renderWhen?: undefined;
1252
1394
  } | {
1253
1395
  id: string;
1254
1396
  type: string;
@@ -1300,13 +1442,14 @@ export declare const onboardingExample: {
1300
1442
  display?: undefined;
1301
1443
  maximumDate?: undefined;
1302
1444
  carouselType?: undefined;
1303
- autoPlayInterval?: undefined;
1304
1445
  showDots?: undefined;
1446
+ defaultIndex?: undefined;
1305
1447
  overflow?: undefined;
1306
1448
  actions?: undefined;
1307
1449
  padding?: undefined;
1308
1450
  disabledWhen?: undefined;
1309
1451
  };
1452
+ renderWhen?: undefined;
1310
1453
  children?: undefined;
1311
1454
  } | {
1312
1455
  id: string;
@@ -1356,13 +1499,14 @@ export declare const onboardingExample: {
1356
1499
  display?: undefined;
1357
1500
  maximumDate?: undefined;
1358
1501
  carouselType?: undefined;
1359
- autoPlayInterval?: undefined;
1360
1502
  showDots?: undefined;
1503
+ defaultIndex?: undefined;
1361
1504
  overflow?: undefined;
1362
1505
  padding?: undefined;
1363
1506
  backgroundGradient?: undefined;
1364
1507
  disabledWhen?: undefined;
1365
1508
  };
1509
+ renderWhen?: undefined;
1366
1510
  children?: undefined;
1367
1511
  } | {
1368
1512
  id: string;
@@ -1412,12 +1556,13 @@ export declare const onboardingExample: {
1412
1556
  display?: undefined;
1413
1557
  maximumDate?: undefined;
1414
1558
  carouselType?: undefined;
1415
- autoPlayInterval?: undefined;
1416
1559
  showDots?: undefined;
1560
+ defaultIndex?: undefined;
1417
1561
  overflow?: undefined;
1418
1562
  padding?: undefined;
1419
1563
  backgroundGradient?: undefined;
1420
1564
  };
1565
+ renderWhen?: undefined;
1421
1566
  children?: undefined;
1422
1567
  })[];
1423
1568
  }[];
package/dist/onboarding-example.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"onboarding-example.d.ts","sourceRoot":"","sources":["../src/onboarding-example.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwhBR,CAAC"}
1
+ {"version":3,"file":"onboarding-example.d.ts","sourceRoot":"","sources":["../src/onboarding-example.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8lBR,CAAC"}
package/dist/onboarding-example.js CHANGED
@@ -274,6 +274,22 @@ exports.onboardingExample = {
274
274
  marginVertical: 4,
275
275
  },
276
276
  },
277
+ {
278
+ id: "lifetime-badge",
279
+ renderWhen: {
280
+ variable: "plan",
281
+ operator: "eq",
282
+ value: "lifetime",
283
+ },
284
+ type: "Text",
285
+ props: {
286
+ content: "🎉 Best value — lifetime access!",
287
+ fontSize: 14,
288
+ fontWeight: "600",
289
+ textAlign: "center",
290
+ marginVertical: 4,
291
+ },
292
+ },
277
293
  {
278
294
  id: "hero-checkbox",
279
295
  type: "CheckboxGroup",
@@ -331,13 +347,14 @@ exports.onboardingExample = {
331
347
  type: "Carousel",
332
348
  props: {
333
349
  carouselType: "parallax",
334
- autoPlay: true,
335
- autoPlayInterval: 3000,
350
+ autoPlay: false,
336
351
  loop: true,
337
352
  showDots: true,
338
353
  height: 220,
339
354
  borderRadius: 16,
340
355
  marginVertical: 8,
356
+ defaultIndex: 0,
357
+ variableName: "carouselPage",
341
358
  },
342
359
  children: [
343
360
  {
@@ -369,6 +386,59 @@ exports.onboardingExample = {
369
386
  },
370
387
  ],
371
388
  },
389
+ {
390
+ id: "carousel-page-label",
391
+ type: "Text",
392
+ props: {
393
+ content: "Carousel page: {{carouselPage}}",
394
+ mode: "expression",
395
+ fontSize: 14,
396
+ textAlign: "center",
397
+ opacity: 0.6,
398
+ marginVertical: 4,
399
+ },
400
+ },
401
+ {
402
+ id: "carousel-controls",
403
+ type: "XStack",
404
+ props: { gap: 8, marginVertical: 4 },
405
+ children: [
406
+ {
407
+ id: "carousel-go-prev",
408
+ type: "Button",
409
+ props: {
410
+ label: "Prev",
411
+ variant: "outlined",
412
+ flex: 1,
413
+ actions: [
414
+ {
415
+ type: "setVariable",
416
+ name: "carouselPage",
417
+ value: "{{carouselPage}} - 1",
418
+ valueMode: "expression",
419
+ },
420
+ ],
421
+ },
422
+ },
423
+ {
424
+ id: "carousel-go-next",
425
+ type: "Button",
426
+ props: {
427
+ label: "Next",
428
+ variant: "outlined",
429
+ flex: 1,
430
+ actions: [
431
+ {
432
+ type: "setVariable",
433
+ name: "carouselPage",
434
+ value: "{{carouselPage}} + 1",
435
+ valueMode: "expression",
436
+ },
437
+ ],
438
+ },
439
+ },
440
+ ],
441
+ },
372
442
  {
373
443
  id: "zstack-demo",
374
444
  type: "ZStack",