@rocapine/react-native-onboarding-ui 1.0.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.
- package/dist/UI/Components/CircularProgress.d.ts +8 -0
- package/dist/UI/Components/CircularProgress.d.ts.map +1 -0
- package/dist/UI/Components/CircularProgress.js +104 -0
- package/dist/UI/Components/CircularProgress.js.map +1 -0
- package/dist/UI/Components/ProgressBar.d.ts +12 -0
- package/dist/UI/Components/ProgressBar.d.ts.map +1 -0
- package/dist/UI/Components/ProgressBar.js +121 -0
- package/dist/UI/Components/ProgressBar.js.map +1 -0
- package/dist/UI/Components/StaggeredTextList.d.ts +11 -0
- package/dist/UI/Components/StaggeredTextList.d.ts.map +1 -0
- package/dist/UI/Components/StaggeredTextList.js +111 -0
- package/dist/UI/Components/StaggeredTextList.js.map +1 -0
- package/dist/UI/Components/index.d.ts +4 -0
- package/dist/UI/Components/index.d.ts.map +1 -0
- package/dist/UI/Components/index.js +20 -0
- package/dist/UI/Components/index.js.map +1 -0
- package/dist/UI/ErrorBoundary/ErrorBoundary.d.ts +19 -0
- package/dist/UI/ErrorBoundary/ErrorBoundary.d.ts.map +1 -0
- package/dist/UI/ErrorBoundary/ErrorBoundary.js +123 -0
- package/dist/UI/ErrorBoundary/ErrorBoundary.js.map +1 -0
- package/dist/UI/ErrorBoundary/index.d.ts +3 -0
- package/dist/UI/ErrorBoundary/index.d.ts.map +1 -0
- package/dist/UI/ErrorBoundary/index.js +8 -0
- package/dist/UI/ErrorBoundary/index.js.map +1 -0
- package/dist/UI/ErrorBoundary/withErrorBoundary.d.ts +6 -0
- package/dist/UI/ErrorBoundary/withErrorBoundary.d.ts.map +1 -0
- package/dist/UI/ErrorBoundary/withErrorBoundary.js +13 -0
- package/dist/UI/ErrorBoundary/withErrorBoundary.js.map +1 -0
- package/dist/UI/OnboardingPage.d.ts +16 -0
- package/dist/UI/OnboardingPage.d.ts.map +1 -0
- package/dist/UI/OnboardingPage.js +38 -0
- package/dist/UI/OnboardingPage.js.map +1 -0
- package/dist/UI/Pages/Carousel/Renderer.d.ts +13 -0
- package/dist/UI/Pages/Carousel/Renderer.d.ts.map +1 -0
- package/dist/UI/Pages/Carousel/Renderer.js +121 -0
- package/dist/UI/Pages/Carousel/Renderer.js.map +1 -0
- package/dist/UI/Pages/Carousel/index.d.ts +3 -0
- package/dist/UI/Pages/Carousel/index.d.ts.map +1 -0
- package/dist/UI/Pages/Carousel/index.js +19 -0
- package/dist/UI/Pages/Carousel/index.js.map +1 -0
- package/dist/UI/Pages/Carousel/types.d.ts +32 -0
- package/dist/UI/Pages/Carousel/types.d.ts.map +1 -0
- package/dist/UI/Pages/Carousel/types.js +24 -0
- package/dist/UI/Pages/Carousel/types.js.map +1 -0
- package/dist/UI/Pages/Commitment/Renderer.d.ts +13 -0
- package/dist/UI/Pages/Commitment/Renderer.d.ts.map +1 -0
- package/dist/UI/Pages/Commitment/Renderer.js +173 -0
- package/dist/UI/Pages/Commitment/Renderer.js.map +1 -0
- package/dist/UI/Pages/Commitment/index.d.ts +3 -0
- package/dist/UI/Pages/Commitment/index.d.ts.map +1 -0
- package/dist/UI/Pages/Commitment/index.js +19 -0
- package/dist/UI/Pages/Commitment/index.js.map +1 -0
- package/dist/UI/Pages/Commitment/types.d.ts +41 -0
- package/dist/UI/Pages/Commitment/types.d.ts.map +1 -0
- package/dist/UI/Pages/Commitment/types.js +27 -0
- package/dist/UI/Pages/Commitment/types.js.map +1 -0
- package/dist/UI/Pages/Loader/Renderer.d.ts +10 -0
- package/dist/UI/Pages/Loader/Renderer.d.ts.map +1 -0
- package/dist/UI/Pages/Loader/Renderer.js +215 -0
- package/dist/UI/Pages/Loader/Renderer.js.map +1 -0
- package/dist/UI/Pages/Loader/index.d.ts +3 -0
- package/dist/UI/Pages/Loader/index.d.ts.map +1 -0
- package/dist/UI/Pages/Loader/index.js +19 -0
- package/dist/UI/Pages/Loader/index.js.map +1 -0
- package/dist/UI/Pages/Loader/types.d.ts +57 -0
- package/dist/UI/Pages/Loader/types.d.ts.map +1 -0
- package/dist/UI/Pages/Loader/types.js +30 -0
- package/dist/UI/Pages/Loader/types.js.map +1 -0
- package/dist/UI/Pages/MediaContent/Renderer.d.ts +13 -0
- package/dist/UI/Pages/MediaContent/Renderer.d.ts.map +1 -0
- package/dist/UI/Pages/MediaContent/Renderer.js +76 -0
- package/dist/UI/Pages/MediaContent/Renderer.js.map +1 -0
- package/dist/UI/Pages/MediaContent/index.d.ts +3 -0
- package/dist/UI/Pages/MediaContent/index.d.ts.map +1 -0
- package/dist/UI/Pages/MediaContent/index.js +19 -0
- package/dist/UI/Pages/MediaContent/index.js.map +1 -0
- package/dist/UI/Pages/MediaContent/types.d.ts +44 -0
- package/dist/UI/Pages/MediaContent/types.d.ts.map +1 -0
- package/dist/UI/Pages/MediaContent/types.js +22 -0
- package/dist/UI/Pages/MediaContent/types.js.map +1 -0
- package/dist/UI/Pages/Picker/Renderer.d.ts +13 -0
- package/dist/UI/Pages/Picker/Renderer.d.ts.map +1 -0
- package/dist/UI/Pages/Picker/Renderer.js +268 -0
- package/dist/UI/Pages/Picker/Renderer.js.map +1 -0
- package/dist/UI/Pages/Picker/index.d.ts +3 -0
- package/dist/UI/Pages/Picker/index.d.ts.map +1 -0
- package/dist/UI/Pages/Picker/index.js +19 -0
- package/dist/UI/Pages/Picker/index.js.map +1 -0
- package/dist/UI/Pages/Picker/types.d.ts +49 -0
- package/dist/UI/Pages/Picker/types.d.ts.map +1 -0
- package/dist/UI/Pages/Picker/types.js +30 -0
- package/dist/UI/Pages/Picker/types.js.map +1 -0
- package/dist/UI/Pages/Question/Renderer.d.ts +18 -0
- package/dist/UI/Pages/Question/Renderer.d.ts.map +1 -0
- package/dist/UI/Pages/Question/Renderer.js +128 -0
- package/dist/UI/Pages/Question/Renderer.js.map +1 -0
- package/dist/UI/Pages/Question/components.d.ts +57 -0
- package/dist/UI/Pages/Question/components.d.ts.map +1 -0
- package/dist/UI/Pages/Question/components.js +57 -0
- package/dist/UI/Pages/Question/components.js.map +1 -0
- package/dist/UI/Pages/Question/index.d.ts +4 -0
- package/dist/UI/Pages/Question/index.d.ts.map +1 -0
- package/dist/UI/Pages/Question/index.js +20 -0
- package/dist/UI/Pages/Question/index.js.map +1 -0
- package/dist/UI/Pages/Question/types.d.ts +47 -0
- package/dist/UI/Pages/Question/types.d.ts.map +1 -0
- package/dist/UI/Pages/Question/types.js +28 -0
- package/dist/UI/Pages/Question/types.js.map +1 -0
- package/dist/UI/Pages/Ratings/Renderer.d.ts +13 -0
- package/dist/UI/Pages/Ratings/Renderer.d.ts.map +1 -0
- package/dist/UI/Pages/Ratings/Renderer.js +201 -0
- package/dist/UI/Pages/Ratings/Renderer.js.map +1 -0
- package/dist/UI/Pages/Ratings/index.d.ts +3 -0
- package/dist/UI/Pages/Ratings/index.d.ts.map +1 -0
- package/dist/UI/Pages/Ratings/index.js +19 -0
- package/dist/UI/Pages/Ratings/index.js.map +1 -0
- package/dist/UI/Pages/Ratings/types.d.ts +32 -0
- package/dist/UI/Pages/Ratings/types.d.ts.map +1 -0
- package/dist/UI/Pages/Ratings/types.js +25 -0
- package/dist/UI/Pages/Ratings/types.js.map +1 -0
- package/dist/UI/Pages/index.d.ts +9 -0
- package/dist/UI/Pages/index.d.ts.map +1 -0
- package/dist/UI/Pages/index.js +26 -0
- package/dist/UI/Pages/index.js.map +1 -0
- package/dist/UI/Pages/types.d.ts +19 -0
- package/dist/UI/Pages/types.d.ts.map +1 -0
- package/dist/UI/Pages/types.js +25 -0
- package/dist/UI/Pages/types.js.map +1 -0
- package/dist/UI/Provider/OnboardingProgressProvider.d.ts +18 -0
- package/dist/UI/Provider/OnboardingProgressProvider.d.ts.map +1 -0
- package/dist/UI/Provider/OnboardingProgressProvider.js +23 -0
- package/dist/UI/Provider/OnboardingProgressProvider.js.map +1 -0
- package/dist/UI/Provider/index.d.ts +2 -0
- package/dist/UI/Provider/index.d.ts.map +1 -0
- package/dist/UI/Provider/index.js +7 -0
- package/dist/UI/Provider/index.js.map +1 -0
- package/dist/UI/Templates/OnboardingTemplate.d.ts +15 -0
- package/dist/UI/Templates/OnboardingTemplate.d.ts.map +1 -0
- package/dist/UI/Templates/OnboardingTemplate.js +48 -0
- package/dist/UI/Templates/OnboardingTemplate.js.map +1 -0
- package/dist/UI/Templates/index.d.ts +2 -0
- package/dist/UI/Templates/index.d.ts.map +1 -0
- package/dist/UI/Templates/index.js +6 -0
- package/dist/UI/Templates/index.js.map +1 -0
- package/dist/UI/Theme/ThemeProvider.d.ts +27 -0
- package/dist/UI/Theme/ThemeProvider.d.ts.map +1 -0
- package/dist/UI/Theme/ThemeProvider.js +49 -0
- package/dist/UI/Theme/ThemeProvider.js.map +1 -0
- package/dist/UI/Theme/defaultTheme.d.ts +7 -0
- package/dist/UI/Theme/defaultTheme.d.ts.map +1 -0
- package/dist/UI/Theme/defaultTheme.js +14 -0
- package/dist/UI/Theme/defaultTheme.js.map +1 -0
- package/dist/UI/Theme/helpers.d.ts +12 -0
- package/dist/UI/Theme/helpers.d.ts.map +1 -0
- package/dist/UI/Theme/helpers.js +21 -0
- package/dist/UI/Theme/helpers.js.map +1 -0
- package/dist/UI/Theme/index.d.ts +8 -0
- package/dist/UI/Theme/index.d.ts.map +1 -0
- package/dist/UI/Theme/index.js +24 -0
- package/dist/UI/Theme/index.js.map +1 -0
- package/dist/UI/Theme/token.d.ts +107 -0
- package/dist/UI/Theme/token.d.ts.map +1 -0
- package/dist/UI/Theme/token.js +108 -0
- package/dist/UI/Theme/token.js.map +1 -0
- package/dist/UI/Theme/tokens/darkTokens.d.ts +24 -0
- package/dist/UI/Theme/tokens/darkTokens.d.ts.map +1 -0
- package/dist/UI/Theme/tokens/darkTokens.js +27 -0
- package/dist/UI/Theme/tokens/darkTokens.js.map +1 -0
- package/dist/UI/Theme/tokens/index.d.ts +4 -0
- package/dist/UI/Theme/tokens/index.d.ts.map +1 -0
- package/dist/UI/Theme/tokens/index.js +20 -0
- package/dist/UI/Theme/tokens/index.js.map +1 -0
- package/dist/UI/Theme/tokens/lightTokens.d.ts +24 -0
- package/dist/UI/Theme/tokens/lightTokens.d.ts.map +1 -0
- package/dist/UI/Theme/tokens/lightTokens.js +27 -0
- package/dist/UI/Theme/tokens/lightTokens.js.map +1 -0
- package/dist/UI/Theme/tokens/typography.d.ts +65 -0
- package/dist/UI/Theme/tokens/typography.d.ts.map +1 -0
- package/dist/UI/Theme/tokens/typography.js +68 -0
- package/dist/UI/Theme/tokens/typography.js.map +1 -0
- package/dist/UI/Theme/types.d.ts +65 -0
- package/dist/UI/Theme/types.d.ts.map +1 -0
- package/dist/UI/Theme/types.js +3 -0
- package/dist/UI/Theme/types.js.map +1 -0
- package/dist/UI/Theme/useTheme.d.ts +7 -0
- package/dist/UI/Theme/useTheme.d.ts.map +1 -0
- package/dist/UI/Theme/useTheme.js +23 -0
- package/dist/UI/Theme/useTheme.js.map +1 -0
- package/dist/UI/Theme/utils.d.ts +12 -0
- package/dist/UI/Theme/utils.d.ts.map +1 -0
- package/dist/UI/Theme/utils.js +55 -0
- package/dist/UI/Theme/utils.js.map +1 -0
- package/dist/UI/index.d.ts +8 -0
- package/dist/UI/index.d.ts.map +1 -0
- package/dist/UI/index.js +24 -0
- package/dist/UI/index.js.map +1 -0
- package/dist/UI/types.d.ts +23 -0
- package/dist/UI/types.d.ts.map +1 -0
- package/dist/UI/types.js +3 -0
- package/dist/UI/types.js.map +1 -0
- package/dist/assets/laurel-left.png +0 -0
- package/dist/assets/laurel-right.png +0 -0
- package/dist/assets/star-filled.png +0 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +33 -0
- package/dist/index.js.map +1 -0
- package/dist/provider/CustomComponentsContext.d.ts +57 -0
- package/dist/provider/CustomComponentsContext.d.ts.map +1 -0
- package/dist/provider/CustomComponentsContext.js +19 -0
- package/dist/provider/CustomComponentsContext.js.map +1 -0
- package/dist/provider/OnboardingUIProvider.d.ts +44 -0
- package/dist/provider/OnboardingUIProvider.d.ts.map +1 -0
- package/dist/provider/OnboardingUIProvider.js +33 -0
- package/dist/provider/OnboardingUIProvider.js.map +1 -0
- package/dist/provider/OnboardingUIProvider.old.d.ts +60 -0
- package/dist/provider/OnboardingUIProvider.old.d.ts.map +1 -0
- package/dist/provider/OnboardingUIProvider.old.js +53 -0
- package/dist/provider/OnboardingUIProvider.old.js.map +1 -0
- package/package.json +77 -0
- package/src/UI/Components/CircularProgress.tsx +146 -0
- package/src/UI/Components/ProgressBar.tsx +143 -0
- package/src/UI/Components/StaggeredTextList.tsx +152 -0
- package/src/UI/Components/index.ts +3 -0
- package/src/UI/ErrorBoundary/ErrorBoundary.tsx +181 -0
- package/src/UI/ErrorBoundary/README.md +71 -0
- package/src/UI/ErrorBoundary/index.ts +2 -0
- package/src/UI/ErrorBoundary/withErrorBoundary.tsx +19 -0
- package/src/UI/OnboardingPage.tsx +53 -0
- package/src/UI/Pages/Carousel/Renderer.tsx +210 -0
- package/src/UI/Pages/Carousel/index.ts +2 -0
- package/src/UI/Pages/Carousel/types.ts +26 -0
- package/src/UI/Pages/Commitment/Renderer.tsx +312 -0
- package/src/UI/Pages/Commitment/index.ts +2 -0
- package/src/UI/Pages/Commitment/types.ts +28 -0
- package/src/UI/Pages/Loader/Renderer.tsx +417 -0
- package/src/UI/Pages/Loader/index.ts +2 -0
- package/src/UI/Pages/Loader/types.ts +32 -0
- package/src/UI/Pages/MediaContent/Renderer.tsx +130 -0
- package/src/UI/Pages/MediaContent/index.ts +2 -0
- package/src/UI/Pages/MediaContent/types.ts +26 -0
- package/src/UI/Pages/Picker/Renderer.tsx +618 -0
- package/src/UI/Pages/Picker/index.ts +2 -0
- package/src/UI/Pages/Picker/types.ts +34 -0
- package/src/UI/Pages/Question/Renderer.tsx +208 -0
- package/src/UI/Pages/Question/components.tsx +130 -0
- package/src/UI/Pages/Question/index.ts +3 -0
- package/src/UI/Pages/Question/types.ts +29 -0
- package/src/UI/Pages/Ratings/Renderer.tsx +282 -0
- package/src/UI/Pages/Ratings/index.ts +2 -0
- package/src/UI/Pages/Ratings/types.ts +22 -0
- package/src/UI/Pages/index.ts +10 -0
- package/src/UI/Pages/types.ts +25 -0
- package/src/UI/Provider/OnboardingProgressProvider.tsx +40 -0
- package/src/UI/Provider/index.ts +1 -0
- package/src/UI/Templates/OnboardingTemplate.tsx +86 -0
- package/src/UI/Templates/index.ts +1 -0
- package/src/UI/Theme/ThemeProvider.tsx +100 -0
- package/src/UI/Theme/defaultTheme.ts +12 -0
- package/src/UI/Theme/helpers.ts +24 -0
- package/src/UI/Theme/index.ts +7 -0
- package/src/UI/Theme/token.ts +106 -0
- package/src/UI/Theme/tokens/darkTokens.ts +25 -0
- package/src/UI/Theme/tokens/index.ts +3 -0
- package/src/UI/Theme/tokens/lightTokens.ts +25 -0
- package/src/UI/Theme/tokens/typography.ts +66 -0
- package/src/UI/Theme/types.ts +72 -0
- package/src/UI/Theme/useTheme.ts +22 -0
- package/src/UI/Theme/utils.ts +67 -0
- package/src/UI/index.ts +7 -0
- package/src/UI/types.ts +41 -0
- package/src/assets/laurel-left.png +0 -0
- package/src/assets/laurel-right.png +0 -0
- package/src/assets/star-filled.png +0 -0
- package/src/index.ts +28 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.withErrorBoundary = withErrorBoundary;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const ErrorBoundary_1 = require("./ErrorBoundary");
|
|
6
|
+
function withErrorBoundary(Component, stepType) {
|
|
7
|
+
const WrappedComponent = (props) => {
|
|
8
|
+
return ((0, jsx_runtime_1.jsx)(ErrorBoundary_1.ErrorBoundary, { stepType: stepType, children: (0, jsx_runtime_1.jsx)(Component, Object.assign({}, props)) }));
|
|
9
|
+
};
|
|
10
|
+
WrappedComponent.displayName = `withErrorBoundary(${Component.displayName || Component.name || 'Component'})`;
|
|
11
|
+
return WrappedComponent;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=withErrorBoundary.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"withErrorBoundary.js","sourceRoot":"","sources":["../../../src/UI/ErrorBoundary/withErrorBoundary.tsx"],"names":[],"mappings":";;AAGA,8CAeC;;AAjBD,mDAAgD;AAEhD,SAAgB,iBAAiB,CAC/B,SAAiC,EACjC,QAAiB;IAEjB,MAAM,gBAAgB,GAAG,CAAC,KAAQ,EAAE,EAAE;QACpC,OAAO,CACL,uBAAC,6BAAa,IAAC,QAAQ,EAAE,QAAQ,YAC/B,uBAAC,SAAS,oBAAK,KAAK,EAAI,GACV,CACjB,CAAC;IACJ,CAAC,CAAC;IAEF,gBAAgB,CAAC,WAAW,GAAG,qBAAqB,SAAS,CAAC,WAAW,IAAI,SAAS,CAAC,IAAI,IAAI,WAAW,GAAG,CAAC;IAE9G,OAAO,gBAAgB,CAAC;AAC1B,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { OnboardingStepType } from "./types";
|
|
2
|
+
import { QuestionAnswerButtonProps, QuestionAnswersListProps } from "./Pages";
|
|
3
|
+
import { Theme } from "./Theme";
|
|
4
|
+
interface OnboardingPageProps {
|
|
5
|
+
step: OnboardingStepType;
|
|
6
|
+
onContinue: (args?: any) => void;
|
|
7
|
+
isSandbox?: boolean;
|
|
8
|
+
theme?: Theme;
|
|
9
|
+
customComponents?: {
|
|
10
|
+
QuestionAnswerButton?: React.ComponentType<QuestionAnswerButtonProps>;
|
|
11
|
+
QuestionAnswersList?: React.ComponentType<QuestionAnswersListProps>;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
export declare const OnboardingPage: ({ step, onContinue, isSandbox }: OnboardingPageProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export {};
|
|
16
|
+
//# sourceMappingURL=OnboardingPage.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingPage.d.ts","sourceRoot":"","sources":["../../src/UI/OnboardingPage.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,EAAiI,yBAAyB,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAG7M,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,UAAU,mBAAmB;IAC3B,IAAI,EAAE,kBAAkB,CAAC;IACzB,UAAU,EAAE,CAAC,IAAI,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,gBAAgB,CAAC,EAAE;QACjB,oBAAoB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QACtE,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,wBAAwB,CAAC,CAAC;KACrE,CAAC;CACH;AAED,eAAO,MAAM,cAAc,GAAI,iCAAiC,mBAAmB,4CAkClF,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.OnboardingPage = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const Pages_1 = require("./Pages");
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const useTheme_1 = require("./Theme/useTheme");
|
|
8
|
+
const OnboardingPage = ({ step, onContinue, isSandbox }) => {
|
|
9
|
+
const { theme } = (0, useTheme_1.useTheme)();
|
|
10
|
+
switch (step.type) {
|
|
11
|
+
case 'Ratings':
|
|
12
|
+
return (0, jsx_runtime_1.jsx)(Pages_1.RatingsRenderer, { step: step, onContinue: onContinue, theme: theme });
|
|
13
|
+
case 'Picker':
|
|
14
|
+
return (0, jsx_runtime_1.jsx)(Pages_1.PickerRenderer, { step: step, onContinue: onContinue, theme: theme });
|
|
15
|
+
case 'Commitment':
|
|
16
|
+
return (0, jsx_runtime_1.jsx)(Pages_1.CommitmentRenderer, { step: step, onContinue: onContinue, theme: theme });
|
|
17
|
+
case 'Carousel':
|
|
18
|
+
return (0, jsx_runtime_1.jsx)(Pages_1.CarouselRenderer, { step: step, onContinue: onContinue, theme: theme });
|
|
19
|
+
case 'MediaContent':
|
|
20
|
+
return (0, jsx_runtime_1.jsx)(Pages_1.MediaContentRenderer, { step: step, onContinue: onContinue, theme: theme });
|
|
21
|
+
case 'Loader':
|
|
22
|
+
return (0, jsx_runtime_1.jsx)(Pages_1.LoaderRenderer, { step: step, onContinue: onContinue, theme: theme });
|
|
23
|
+
case 'Question':
|
|
24
|
+
return (0, jsx_runtime_1.jsx)(Pages_1.QuestionRenderer, { step: step, onContinue: onContinue, theme: theme });
|
|
25
|
+
default:
|
|
26
|
+
if (isSandbox) {
|
|
27
|
+
// @ts-ignore
|
|
28
|
+
const stepType = step.type;
|
|
29
|
+
return (0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsxs)(react_native_1.Text, { children: ["Screen ", stepType, " not implemented"] }), (0, jsx_runtime_1.jsx)(react_native_1.Button, { title: "Continue", onPress: onContinue })] });
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
onContinue("onboarding_screen_not_implemented");
|
|
33
|
+
return (0, jsx_runtime_1.jsxs)(react_native_1.View, { children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { children: "You are almost done" }), (0, jsx_runtime_1.jsx)(react_native_1.Button, { title: "Continue", onPress: onContinue })] });
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
exports.OnboardingPage = OnboardingPage;
|
|
38
|
+
//# sourceMappingURL=OnboardingPage.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OnboardingPage.js","sourceRoot":"","sources":["../../src/UI/OnboardingPage.tsx"],"names":[],"mappings":";;;;AACA,mCAA6M;AAC7M,+CAAkD;AAClD,+CAA4C;AAerC,MAAM,cAAc,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAuB,EAAE,EAAE;IACrF,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAC;IAE7B,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;QAClB,KAAK,SAAS;YACZ,OAAO,uBAAC,uBAAe,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC/E,KAAK,QAAQ;YACX,OAAO,uBAAC,sBAAc,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC9E,KAAK,YAAY;YACf,OAAO,uBAAC,0BAAkB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAClF,KAAK,UAAU;YACb,OAAO,uBAAC,wBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAChF,KAAK,cAAc;YACjB,OAAO,uBAAC,4BAAoB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QACpF,KAAK,QAAQ;YACX,OAAO,uBAAC,sBAAc,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC9E,KAAK,UAAU;YACb,OAAO,uBAAC,wBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAChF;YACE,IAAI,SAAS,EAAE,CAAC;gBACd,aAAa;gBACb,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;gBAC3B,OAAO,wBAAC,mBAAI,eACV,wBAAC,mBAAI,0BAAS,QAAQ,wBAAwB,EAC9C,uBAAC,qBAAM,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,GAAI,IAC3C,CAAA;YACT,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,mCAAmC,CAAC,CAAC;gBAChD,OAAO,wBAAC,mBAAI,eACV,uBAAC,mBAAI,sCAA2B,EAChC,uBAAC,qBAAM,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,GAAI,IAC3C,CAAA;YACT,CAAC;IACL,CAAC;AACH,CAAC,CAAC;AAlCW,QAAA,cAAc,kBAkCzB"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { CarouselStepType } from "./types";
|
|
2
|
+
import { Theme } from "../../Theme/types";
|
|
3
|
+
type ContentProps = {
|
|
4
|
+
step: CarouselStepType;
|
|
5
|
+
onContinue: () => void;
|
|
6
|
+
theme?: Theme;
|
|
7
|
+
};
|
|
8
|
+
export declare const CarouselRenderer: {
|
|
9
|
+
(props: ContentProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=Renderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/Renderer.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,gBAAgB,EAGjB,MAAM,SAAS,CAAC;AAYjB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAI1C,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,gBAAgB,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAwLF,eAAO,MAAM,gBAAgB;;;CAAsD,CAAC"}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CarouselRenderer = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const OnboardingTemplate_1 = require("../../Templates/OnboardingTemplate");
|
|
6
|
+
const types_1 = require("./types");
|
|
7
|
+
const react_native_1 = require("react-native");
|
|
8
|
+
const react_1 = require("react");
|
|
9
|
+
const defaultTheme_1 = require("../../Theme/defaultTheme");
|
|
10
|
+
const helpers_1 = require("../../Theme/helpers");
|
|
11
|
+
const CarouselRendererBase = ({ step, onContinue, theme = defaultTheme_1.defaultTheme }) => {
|
|
12
|
+
const validatedData = types_1.CarouselStepTypeSchema.parse(step);
|
|
13
|
+
const { screens } = validatedData.payload;
|
|
14
|
+
const { width } = (0, react_native_1.useWindowDimensions)();
|
|
15
|
+
const scrollViewRef = (0, react_1.useRef)(null);
|
|
16
|
+
const [currentPage, setCurrentPage] = (0, react_1.useState)(0);
|
|
17
|
+
const handleScroll = (event) => {
|
|
18
|
+
const newPage = Math.round(event.nativeEvent.contentOffset.x / width);
|
|
19
|
+
if (newPage !== currentPage) {
|
|
20
|
+
setCurrentPage(newPage);
|
|
21
|
+
}
|
|
22
|
+
};
|
|
23
|
+
const handleButtonPress = () => {
|
|
24
|
+
var _a;
|
|
25
|
+
const isLastPage = currentPage === screens.length - 1;
|
|
26
|
+
if (isLastPage) {
|
|
27
|
+
onContinue();
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
const nextPage = currentPage + 1;
|
|
31
|
+
(_a = scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
|
|
32
|
+
x: nextPage * width,
|
|
33
|
+
animated: true,
|
|
34
|
+
});
|
|
35
|
+
setCurrentPage(nextPage);
|
|
36
|
+
};
|
|
37
|
+
const isLastPage = currentPage === screens.length - 1;
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: step, onContinue: handleButtonPress, theme: theme, button: {
|
|
39
|
+
text: isLastPage ? validatedData.continueButtonLabel : "Next",
|
|
40
|
+
}, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { ref: scrollViewRef, horizontal: true, pagingEnabled: true, showsHorizontalScrollIndicator: false, scrollEventThrottle: 16, onMomentumScrollEnd: handleScroll, style: styles.scrollView, children: screens.map((screen, index) => ((0, jsx_runtime_1.jsx)(CarouselScreen, { width: width, screen: screen, theme: theme }, index))) }), (0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.indicatorContainer, children: screens.map((_, index) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
41
|
+
styles.indicator,
|
|
42
|
+
{
|
|
43
|
+
backgroundColor: index === currentPage ? theme.colors.primary : theme.colors.neutral.lower
|
|
44
|
+
},
|
|
45
|
+
index === currentPage && styles.indicatorActive,
|
|
46
|
+
] }, index))) })] }) }));
|
|
47
|
+
};
|
|
48
|
+
const CarouselScreen = ({ width, screen, theme }) => {
|
|
49
|
+
const renderMedia = () => {
|
|
50
|
+
const { mediaUrl } = screen;
|
|
51
|
+
if (mediaUrl.includes(".riv")) {
|
|
52
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.mediaPlaceholder, { backgroundColor: theme.colors.neutral.lowest }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "body"), styles.placeholderText, { color: theme.colors.text.disable }], children: "Rive Animation" }) }));
|
|
53
|
+
}
|
|
54
|
+
else if (mediaUrl.includes(".json")) {
|
|
55
|
+
return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: [styles.mediaPlaceholder, { backgroundColor: theme.colors.neutral.lowest }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "body"), styles.placeholderText, { color: theme.colors.text.disable }], children: "Lottie Animation" }) });
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
return ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: mediaUrl }, style: styles.mediaImage, resizeMode: "contain" }));
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [styles.screenContainer, { width }], children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.mediaContainer, children: renderMedia() }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.textContainer, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "heading1"), styles.title, { color: theme.colors.text.primary }], children: screen.title }), screen.subtitle && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "heading3"), styles.subtitle, { color: theme.colors.text.secondary }], children: screen.subtitle }))] })] }));
|
|
62
|
+
};
|
|
63
|
+
const styles = react_native_1.StyleSheet.create({
|
|
64
|
+
container: {
|
|
65
|
+
flex: 1,
|
|
66
|
+
},
|
|
67
|
+
scrollView: {
|
|
68
|
+
flex: 1,
|
|
69
|
+
},
|
|
70
|
+
screenContainer: {
|
|
71
|
+
flex: 1,
|
|
72
|
+
paddingHorizontal: 24,
|
|
73
|
+
gap: 32,
|
|
74
|
+
},
|
|
75
|
+
mediaContainer: {
|
|
76
|
+
flex: 1,
|
|
77
|
+
justifyContent: "center",
|
|
78
|
+
alignItems: "center",
|
|
79
|
+
minHeight: 300,
|
|
80
|
+
},
|
|
81
|
+
mediaImage: {
|
|
82
|
+
width: "100%",
|
|
83
|
+
height: "100%",
|
|
84
|
+
},
|
|
85
|
+
mediaPlaceholder: {
|
|
86
|
+
width: "100%",
|
|
87
|
+
height: "100%",
|
|
88
|
+
borderRadius: 32,
|
|
89
|
+
justifyContent: "center",
|
|
90
|
+
alignItems: "center",
|
|
91
|
+
},
|
|
92
|
+
placeholderText: {},
|
|
93
|
+
textContainer: {
|
|
94
|
+
gap: 16,
|
|
95
|
+
paddingBottom: 24,
|
|
96
|
+
},
|
|
97
|
+
title: {
|
|
98
|
+
textAlign: "center",
|
|
99
|
+
letterSpacing: -0.76,
|
|
100
|
+
},
|
|
101
|
+
subtitle: {
|
|
102
|
+
textAlign: "center",
|
|
103
|
+
},
|
|
104
|
+
indicatorContainer: {
|
|
105
|
+
flexDirection: "row",
|
|
106
|
+
justifyContent: "center",
|
|
107
|
+
gap: 8,
|
|
108
|
+
paddingVertical: 20,
|
|
109
|
+
},
|
|
110
|
+
indicator: {
|
|
111
|
+
width: 8,
|
|
112
|
+
height: 8,
|
|
113
|
+
borderRadius: 4,
|
|
114
|
+
},
|
|
115
|
+
indicatorActive: {
|
|
116
|
+
width: 24,
|
|
117
|
+
},
|
|
118
|
+
});
|
|
119
|
+
const ErrorBoundary_1 = require("../../ErrorBoundary");
|
|
120
|
+
exports.CarouselRenderer = (0, ErrorBoundary_1.withErrorBoundary)(CarouselRendererBase, 'Carousel');
|
|
121
|
+
//# sourceMappingURL=Renderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/Renderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Renderer"), exports);
|
|
18
|
+
__exportStar(require("./types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,0CAAwB"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const CarouselScreenSchema: z.ZodObject<{
|
|
3
|
+
mediaUrl: z.ZodString;
|
|
4
|
+
title: z.ZodString;
|
|
5
|
+
subtitle: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
6
|
+
}, z.core.$strip>;
|
|
7
|
+
export declare const CarouselStepPayloadSchema: z.ZodObject<{
|
|
8
|
+
screens: z.ZodArray<z.ZodObject<{
|
|
9
|
+
mediaUrl: z.ZodString;
|
|
10
|
+
title: z.ZodString;
|
|
11
|
+
subtitle: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
12
|
+
}, z.core.$strip>>;
|
|
13
|
+
}, z.core.$strip>;
|
|
14
|
+
export declare const CarouselStepTypeSchema: z.ZodObject<{
|
|
15
|
+
id: z.ZodString;
|
|
16
|
+
type: z.ZodLiteral<"Carousel">;
|
|
17
|
+
name: z.ZodString;
|
|
18
|
+
displayProgressHeader: z.ZodBoolean;
|
|
19
|
+
payload: z.ZodObject<{
|
|
20
|
+
screens: z.ZodArray<z.ZodObject<{
|
|
21
|
+
mediaUrl: z.ZodString;
|
|
22
|
+
title: z.ZodString;
|
|
23
|
+
subtitle: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
24
|
+
}, z.core.$strip>>;
|
|
25
|
+
}, z.core.$strip>;
|
|
26
|
+
customPayload: z.ZodOptional<z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>>;
|
|
27
|
+
continueButtonLabel: z.ZodDefault<z.ZodOptional<z.ZodString>>;
|
|
28
|
+
figmaUrl: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
29
|
+
}, z.core.$strip>;
|
|
30
|
+
export type CarouselStepType = z.infer<typeof CarouselStepTypeSchema>;
|
|
31
|
+
export type CarouselScreenType = z.infer<typeof CarouselScreenSchema>;
|
|
32
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,oBAAoB;;;;iBAI/B,CAAC;AAEH,eAAO,MAAM,yBAAyB;;;;;;iBAEpC,CAAC;AAEH,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;iBASjC,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,sBAAsB,CAAC,CAAC;AACtE,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CarouselStepTypeSchema = exports.CarouselStepPayloadSchema = exports.CarouselScreenSchema = void 0;
|
|
4
|
+
const zod_1 = require("zod");
|
|
5
|
+
const types_1 = require("../types");
|
|
6
|
+
exports.CarouselScreenSchema = zod_1.z.object({
|
|
7
|
+
mediaUrl: zod_1.z.string(),
|
|
8
|
+
title: zod_1.z.string(),
|
|
9
|
+
subtitle: zod_1.z.string().nullish(),
|
|
10
|
+
});
|
|
11
|
+
exports.CarouselStepPayloadSchema = zod_1.z.object({
|
|
12
|
+
screens: zod_1.z.array(exports.CarouselScreenSchema),
|
|
13
|
+
});
|
|
14
|
+
exports.CarouselStepTypeSchema = zod_1.z.object({
|
|
15
|
+
id: zod_1.z.string(),
|
|
16
|
+
type: zod_1.z.literal("Carousel"),
|
|
17
|
+
name: zod_1.z.string(),
|
|
18
|
+
displayProgressHeader: zod_1.z.boolean(),
|
|
19
|
+
payload: exports.CarouselStepPayloadSchema,
|
|
20
|
+
customPayload: types_1.CustomPayloadSchema,
|
|
21
|
+
continueButtonLabel: zod_1.z.string().optional().default("Continue"),
|
|
22
|
+
figmaUrl: zod_1.z.string().nullish(),
|
|
23
|
+
});
|
|
24
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Carousel/types.ts"],"names":[],"mappings":";;;AAAA,6BAAwB;AACxB,oCAA+C;AAElC,QAAA,oBAAoB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC3C,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE;IACpB,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE;IACjB,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;CAC/B,CAAC,CAAC;AAEU,QAAA,yBAAyB,GAAG,OAAC,CAAC,MAAM,CAAC;IAChD,OAAO,EAAE,OAAC,CAAC,KAAK,CAAC,4BAAoB,CAAC;CACvC,CAAC,CAAC;AAEU,QAAA,sBAAsB,GAAG,OAAC,CAAC,MAAM,CAAC;IAC7C,EAAE,EAAE,OAAC,CAAC,MAAM,EAAE;IACd,IAAI,EAAE,OAAC,CAAC,OAAO,CAAC,UAAU,CAAC;IAC3B,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE;IAChB,qBAAqB,EAAE,OAAC,CAAC,OAAO,EAAE;IAClC,OAAO,EAAE,iCAAyB;IAClC,aAAa,EAAE,2BAAmB;IAClC,mBAAmB,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAC,OAAO,CAAC,UAAU,CAAC;IAC9D,QAAQ,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,OAAO,EAAE;CAC/B,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { CommitmentStepType } from "./types";
|
|
2
|
+
import { Theme } from "../../Theme/types";
|
|
3
|
+
type ContentProps = {
|
|
4
|
+
step: CommitmentStepType;
|
|
5
|
+
onContinue: () => void;
|
|
6
|
+
theme?: Theme;
|
|
7
|
+
};
|
|
8
|
+
export declare const CommitmentRenderer: {
|
|
9
|
+
(props: ContentProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
displayName: string;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=Renderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Renderer.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/Renderer.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAA4B,MAAM,SAAS,CAAC;AAQvE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAa1C,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,kBAAkB,CAAC;IACzB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf,CAAC;AAmRF,eAAO,MAAM,kBAAkB;;;CAG9B,CAAC"}
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.CommitmentRenderer = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const react_native_1 = require("react-native");
|
|
7
|
+
const types_1 = require("./types");
|
|
8
|
+
const OnboardingTemplate_1 = require("../../Templates/OnboardingTemplate");
|
|
9
|
+
const react_native_gesture_handler_1 = require("react-native-gesture-handler");
|
|
10
|
+
const react_native_reanimated_1 = require("react-native-reanimated");
|
|
11
|
+
const defaultTheme_1 = require("../../Theme/defaultTheme");
|
|
12
|
+
const helpers_1 = require("../../Theme/helpers");
|
|
13
|
+
// Lazy load Skia - only needed for signature variant
|
|
14
|
+
let SkiaModule;
|
|
15
|
+
try {
|
|
16
|
+
SkiaModule = require("@shopify/react-native-skia");
|
|
17
|
+
}
|
|
18
|
+
catch (e) {
|
|
19
|
+
// Skia not installed - will show error if signature variant is used
|
|
20
|
+
SkiaModule = null;
|
|
21
|
+
}
|
|
22
|
+
const CommitmentRendererBase = ({ step, onContinue, theme = defaultTheme_1.defaultTheme }) => {
|
|
23
|
+
const validatedData = types_1.CommitmentStepTypeSchema.parse(step);
|
|
24
|
+
const { payload } = validatedData;
|
|
25
|
+
// Check if Skia is needed and available
|
|
26
|
+
const needsSkia = payload.variant === "signature";
|
|
27
|
+
if (needsSkia && !SkiaModule) {
|
|
28
|
+
throw new Error("Commitment screens with signature variant require @shopify/react-native-skia. Install it with: npm install @shopify/react-native-skia");
|
|
29
|
+
}
|
|
30
|
+
const Skia = SkiaModule === null || SkiaModule === void 0 ? void 0 : SkiaModule.Skia;
|
|
31
|
+
const currentPath = (0, react_1.useRef)(null);
|
|
32
|
+
const [paths, setPaths] = (0, react_1.useState)([]);
|
|
33
|
+
const [hasSignature, setHasSignature] = (0, react_1.useState)(false);
|
|
34
|
+
const updatePaths = (0, react_1.useCallback)((newPath) => {
|
|
35
|
+
setPaths((prevState) => [...prevState, newPath]);
|
|
36
|
+
}, []);
|
|
37
|
+
const panGesture = react_native_gesture_handler_1.Gesture.Pan()
|
|
38
|
+
.runOnJS(true)
|
|
39
|
+
.onBegin(({ x, y }) => {
|
|
40
|
+
if (Skia) {
|
|
41
|
+
currentPath.current = Skia.Path.Make();
|
|
42
|
+
currentPath.current.moveTo(x, y);
|
|
43
|
+
(0, react_native_reanimated_1.runOnJS)(updatePaths)(currentPath.current);
|
|
44
|
+
(0, react_native_reanimated_1.runOnJS)(setHasSignature)(true);
|
|
45
|
+
}
|
|
46
|
+
})
|
|
47
|
+
.onUpdate(({ x, y }) => {
|
|
48
|
+
if (currentPath.current) {
|
|
49
|
+
currentPath.current.lineTo(x, y);
|
|
50
|
+
setPaths((prev) => [...prev]);
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
const handleClearSignature = () => {
|
|
54
|
+
setPaths([]);
|
|
55
|
+
currentPath.current = null;
|
|
56
|
+
setHasSignature(false);
|
|
57
|
+
};
|
|
58
|
+
const isButtonDisabled = payload.variant === "signature" && !hasSignature;
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(OnboardingTemplate_1.OnboardingTemplate, { step: validatedData, onContinue: onContinue, theme: theme, button: {
|
|
60
|
+
text: validatedData.continueButtonLabel,
|
|
61
|
+
disabled: isButtonDisabled,
|
|
62
|
+
}, children: (0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { style: styles.scrollView, contentContainerStyle: styles.contentContainer, showsVerticalScrollIndicator: false, alwaysBounceVertical: false, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.container, children: [(0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [(0, helpers_1.getTextStyle)(theme, "heading1"), styles.title, { color: theme.colors.text.primary }], children: payload.title }), (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.contentSection, children: [payload.subtitle && ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
|
|
63
|
+
(0, helpers_1.getTextStyle)(theme, "heading3"),
|
|
64
|
+
styles.subtitle,
|
|
65
|
+
{ color: theme.colors.text.secondary },
|
|
66
|
+
], children: payload.subtitle })), payload.description ? ((0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
|
|
67
|
+
(0, helpers_1.getTextStyle)(theme, "body"),
|
|
68
|
+
styles.description,
|
|
69
|
+
{ color: theme.colors.text.secondary },
|
|
70
|
+
], children: payload.description })) : (payload.commitments && ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: styles.commitmentsContainer, children: payload.commitments.map((commitment, index) => ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.commitmentRow, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: [
|
|
71
|
+
styles.checkmark,
|
|
72
|
+
{ backgroundColor: theme.colors.primary },
|
|
73
|
+
], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.checkmarkText, { color: theme.colors.text.opposite }], children: "\u2713" }) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
|
|
74
|
+
(0, helpers_1.getTextStyle)(theme, "body"),
|
|
75
|
+
styles.commitmentText,
|
|
76
|
+
{ color: theme.colors.text.secondary },
|
|
77
|
+
], children: commitment.text })] }, index))) })))] }), payload.variant === "signature" && ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: styles.signatureSection, children: [(0, jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureHandlerRootView, { style: styles.gestureRoot, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [
|
|
78
|
+
styles.signatureContainer,
|
|
79
|
+
{ borderColor: theme.colors.primary },
|
|
80
|
+
], children: [hasSignature && ((0, jsx_runtime_1.jsx)(react_native_1.TouchableOpacity, { style: [
|
|
81
|
+
styles.clearButton,
|
|
82
|
+
{ backgroundColor: theme.colors.neutral.higher },
|
|
83
|
+
], onPress: handleClearSignature, activeOpacity: 0.8, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.clearButtonText, { color: theme.colors.text.opposite }], children: "\u2715" }) })), (0, jsx_runtime_1.jsx)(react_native_gesture_handler_1.GestureDetector, { gesture: panGesture, children: SkiaModule && ((0, jsx_runtime_1.jsx)(SkiaModule.Canvas, { style: styles.canvas, children: paths.map((path, index) => ((0, jsx_runtime_1.jsx)(SkiaModule.Path, { path: path, color: theme.colors.text.primary, style: "stroke", strokeWidth: 2, strokeCap: "round", strokeJoin: "round" }, index))) })) })] }) }), (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [
|
|
84
|
+
(0, helpers_1.getTextStyle)(theme, "caption"),
|
|
85
|
+
styles.signatureCaption,
|
|
86
|
+
{ color: theme.colors.text.secondary },
|
|
87
|
+
], children: payload.signatureCaption })] }))] }) }) }));
|
|
88
|
+
};
|
|
89
|
+
const styles = react_native_1.StyleSheet.create({
|
|
90
|
+
scrollView: {
|
|
91
|
+
flex: 1,
|
|
92
|
+
},
|
|
93
|
+
contentContainer: {
|
|
94
|
+
flexGrow: 1,
|
|
95
|
+
},
|
|
96
|
+
container: {
|
|
97
|
+
flex: 1,
|
|
98
|
+
paddingHorizontal: 24,
|
|
99
|
+
paddingTop: 24,
|
|
100
|
+
gap: 48,
|
|
101
|
+
},
|
|
102
|
+
title: {
|
|
103
|
+
letterSpacing: -0.76,
|
|
104
|
+
},
|
|
105
|
+
contentSection: {
|
|
106
|
+
gap: 24,
|
|
107
|
+
},
|
|
108
|
+
subtitle: {},
|
|
109
|
+
description: {
|
|
110
|
+
paddingVertical: 8,
|
|
111
|
+
},
|
|
112
|
+
commitmentsContainer: {
|
|
113
|
+
gap: 16,
|
|
114
|
+
},
|
|
115
|
+
commitmentRow: {
|
|
116
|
+
flexDirection: "row",
|
|
117
|
+
alignItems: "center",
|
|
118
|
+
gap: 16,
|
|
119
|
+
},
|
|
120
|
+
checkmark: {
|
|
121
|
+
width: 24,
|
|
122
|
+
height: 24,
|
|
123
|
+
borderRadius: 30,
|
|
124
|
+
alignItems: "center",
|
|
125
|
+
justifyContent: "center",
|
|
126
|
+
padding: 6,
|
|
127
|
+
},
|
|
128
|
+
checkmarkText: {
|
|
129
|
+
fontSize: 12,
|
|
130
|
+
fontWeight: "600",
|
|
131
|
+
},
|
|
132
|
+
commitmentText: {
|
|
133
|
+
flex: 1,
|
|
134
|
+
},
|
|
135
|
+
signatureSection: {
|
|
136
|
+
gap: 8,
|
|
137
|
+
},
|
|
138
|
+
gestureRoot: {
|
|
139
|
+
width: "100%",
|
|
140
|
+
},
|
|
141
|
+
signatureContainer: {
|
|
142
|
+
borderWidth: 2,
|
|
143
|
+
borderRadius: 32,
|
|
144
|
+
padding: 12,
|
|
145
|
+
height: 169,
|
|
146
|
+
position: "relative",
|
|
147
|
+
},
|
|
148
|
+
clearButton: {
|
|
149
|
+
position: "absolute",
|
|
150
|
+
top: 12,
|
|
151
|
+
right: 12,
|
|
152
|
+
zIndex: 1,
|
|
153
|
+
width: 32,
|
|
154
|
+
height: 32,
|
|
155
|
+
borderRadius: 20,
|
|
156
|
+
alignItems: "center",
|
|
157
|
+
justifyContent: "center",
|
|
158
|
+
},
|
|
159
|
+
clearButtonText: {
|
|
160
|
+
fontSize: 16,
|
|
161
|
+
fontWeight: "400",
|
|
162
|
+
},
|
|
163
|
+
canvas: {
|
|
164
|
+
flex: 1,
|
|
165
|
+
borderRadius: 20,
|
|
166
|
+
},
|
|
167
|
+
signatureCaption: {
|
|
168
|
+
marginBottom: 32,
|
|
169
|
+
},
|
|
170
|
+
});
|
|
171
|
+
const ErrorBoundary_1 = require("../../ErrorBoundary");
|
|
172
|
+
exports.CommitmentRenderer = (0, ErrorBoundary_1.withErrorBoundary)(CommitmentRendererBase, "Commitment");
|
|
173
|
+
//# sourceMappingURL=Renderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Renderer.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/Renderer.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6D;AAC7D,+CAMsB;AACtB,mCAAuE;AACvE,2EAAwE;AACxE,+EAIsC;AACtC,qEAAkD;AAElD,2DAAwD;AACxD,iDAAmD;AAEnD,qDAAqD;AACrD,IAAI,UAAe,CAAC;AACpB,IAAI,CAAC;IACH,UAAU,GAAG,OAAO,CAAC,4BAA4B,CAAC,CAAC;AACrD,CAAC;AAAC,OAAO,CAAC,EAAE,CAAC;IACX,oEAAoE;IACpE,UAAU,GAAG,IAAI,CAAC;AACpB,CAAC;AAQD,MAAM,sBAAsB,GAAG,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,GAAG,2BAAY,EAAgB,EAAE,EAAE;IAC1F,MAAM,aAAa,GAAG,gCAAwB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,EAAE,OAAO,EAAE,GAAG,aAAa,CAAC;IAElC,wCAAwC;IACxC,MAAM,SAAS,GAAG,OAAO,CAAC,OAAO,KAAK,WAAW,CAAC;IAClD,IAAI,SAAS,IAAI,CAAC,UAAU,EAAE,CAAC;QAC7B,MAAM,IAAI,KAAK,CACb,uIAAuI,CACxI,CAAC;IACJ,CAAC;IAED,MAAM,IAAI,GAAG,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC;IAC9B,MAAM,WAAW,GAAG,IAAA,cAAM,EAAM,IAAI,CAAC,CAAC;IACtC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAQ,EAAE,CAAC,CAAC;IAC9C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,OAAY,EAAE,EAAE;QAC/C,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,GAAG,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC;IACnD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,UAAU,GAAG,sCAAO,CAAC,GAAG,EAAE;SAC7B,OAAO,CAAC,IAAI,CAAC;SACb,OAAO,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAA4B,EAAE,EAAE;QAC9C,IAAI,IAAI,EAAE,CAAC;YACT,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;YACvC,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,IAAA,iCAAO,EAAC,WAAW,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC1C,IAAA,iCAAO,EAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC;QACjC,CAAC;IACH,CAAC,CAAC;SACD,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAA4B,EAAE,EAAE;QAC/C,IAAI,WAAW,CAAC,OAAO,EAAE,CAAC;YACxB,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;YACjC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;QAChC,CAAC;IACH,CAAC,CAAC,CAAC;IAEL,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,QAAQ,CAAC,EAAE,CAAC,CAAC;QACb,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,eAAe,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,OAAO,CAAC,OAAO,KAAK,WAAW,IAAI,CAAC,YAAY,CAAC;IAE1E,OAAO,CACL,uBAAC,uCAAkB,IACjB,IAAI,EAAE,aAAa,EACnB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE;YACN,IAAI,EAAE,aAAa,CAAC,mBAAmB;YACvC,QAAQ,EAAE,gBAAgB;SAC3B,YAED,uBAAC,yBAAU,IACT,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,qBAAqB,EAAE,MAAM,CAAC,gBAAgB,EAC9C,4BAA4B,EAAE,KAAK,EACnC,oBAAoB,EAAE,KAAK,YAE3B,wBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,aAE3B,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,IAAA,sBAAY,EAAC,KAAK,EAAE,UAAU,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,YAC/F,OAAO,CAAC,KAAK,GACT,EAGP,wBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,cAAc,aAE/B,OAAO,CAAC,QAAQ,IAAI,CACnB,uBAAC,mBAAI,IACH,KAAK,EAAE;oCACL,IAAA,sBAAY,EAAC,KAAK,EAAE,UAAU,CAAC;oCAC/B,MAAM,CAAC,QAAQ;oCACf,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE;iCACvC,YAEA,OAAO,CAAC,QAAQ,GACZ,CACR,EAGA,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CACrB,uBAAC,mBAAI,IACH,KAAK,EAAE;oCACL,IAAA,sBAAY,EAAC,KAAK,EAAE,MAAM,CAAC;oCAC3B,MAAM,CAAC,WAAW;oCAClB,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE;iCACvC,YAEA,OAAO,CAAC,WAAW,GACf,CACR,CAAC,CAAC,CAAC,CACF,OAAO,CAAC,WAAW,IAAI,CACrB,uBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,oBAAoB,YACrC,OAAO,CAAC,WAAW,CAAC,GAAG,CACtB,CAAC,UAA4B,EAAE,KAAa,EAAE,EAAE,CAAC,CAC/C,wBAAC,mBAAI,IAAa,KAAK,EAAE,MAAM,CAAC,aAAa,aAC3C,uBAAC,mBAAI,IACH,KAAK,EAAE;gDACL,MAAM,CAAC,SAAS;gDAChB,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;6CAC1C,YAED,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,uBAAU,GAC/E,EACP,uBAAC,mBAAI,IACH,KAAK,EAAE;gDACL,IAAA,sBAAY,EAAC,KAAK,EAAE,MAAM,CAAC;gDAC3B,MAAM,CAAC,cAAc;gDACrB,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE;6CACvC,YAEA,UAAU,CAAC,IAAI,GACX,KAjBE,KAAK,CAkBT,CACR,CACF,GACI,CACR,CACF,IACI,EAGN,OAAO,CAAC,OAAO,KAAK,WAAW,IAAI,CAClC,wBAAC,mBAAI,IAAC,KAAK,EAAE,MAAM,CAAC,gBAAgB,aAClC,uBAAC,qDAAsB,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,YAC/C,wBAAC,mBAAI,IACH,KAAK,EAAE;wCACL,MAAM,CAAC,kBAAkB;wCACzB,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;qCACtC,aAGA,YAAY,IAAI,CACf,uBAAC,+BAAgB,IACf,KAAK,EAAE;gDACL,MAAM,CAAC,WAAW;gDAClB,EAAE,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,EAAE;6CACjD,EACD,OAAO,EAAE,oBAAoB,EAC7B,aAAa,EAAE,GAAG,YAElB,uBAAC,mBAAI,IAAC,KAAK,EAAE,CAAC,MAAM,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,uBAAU,GACrE,CACpB,EAGD,uBAAC,8CAAe,IAAC,OAAO,EAAE,UAAU,YACjC,UAAU,IAAI,CACb,uBAAC,UAAU,CAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,YACpC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,KAAa,EAAE,EAAE,CAAC,CACvC,uBAAC,UAAU,CAAC,IAAI,IAEd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAChC,KAAK,EAAC,QAAQ,EACd,WAAW,EAAE,CAAC,EACd,SAAS,EAAC,OAAO,EACjB,UAAU,EAAC,OAAO,IANb,KAAK,CAOV,CACH,CAAC,GACgB,CACrB,GACe,IACb,GACgB,EAGzB,uBAAC,mBAAI,IACH,KAAK,EAAE;oCACL,IAAA,sBAAY,EAAC,KAAK,EAAE,SAAS,CAAC;oCAC9B,MAAM,CAAC,gBAAgB;oCACvB,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE;iCACvC,YAEA,OAAO,CAAC,gBAAgB,GACpB,IACF,CACR,IACI,GACI,GACM,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,yBAAU,CAAC,MAAM,CAAC;IAC/B,UAAU,EAAE;QACV,IAAI,EAAE,CAAC;KACR;IACD,gBAAgB,EAAE;QAChB,QAAQ,EAAE,CAAC;KACZ;IACD,SAAS,EAAE;QACT,IAAI,EAAE,CAAC;QACP,iBAAiB,EAAE,EAAE;QACrB,UAAU,EAAE,EAAE;QACd,GAAG,EAAE,EAAE;KACR;IACD,KAAK,EAAE;QACL,aAAa,EAAE,CAAC,IAAI;KACrB;IACD,cAAc,EAAE;QACd,GAAG,EAAE,EAAE;KACR;IACD,QAAQ,EAAE,EAAE;IACZ,WAAW,EAAE;QACX,eAAe,EAAE,CAAC;KACnB;IACD,oBAAoB,EAAE;QACpB,GAAG,EAAE,EAAE;KACR;IACD,aAAa,EAAE;QACb,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,EAAE;KACR;IACD,SAAS,EAAE;QACT,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,OAAO,EAAE,CAAC;KACX;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;IACD,cAAc,EAAE;QACd,IAAI,EAAE,CAAC;KACR;IACD,gBAAgB,EAAE;QAChB,GAAG,EAAE,CAAC;KACP;IACD,WAAW,EAAE;QACX,KAAK,EAAE,MAAM;KACd;IACD,kBAAkB,EAAE;QAClB,WAAW,EAAE,CAAC;QACd,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,UAAU;KACrB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,UAAU;QACpB,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,CAAC;QACT,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,EAAE;QAChB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,eAAe,EAAE;QACf,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;IACD,MAAM,EAAE;QACN,IAAI,EAAE,CAAC;QACP,YAAY,EAAE,EAAE;KACjB;IACD,gBAAgB,EAAE;QAChB,YAAY,EAAE,EAAE;KACjB;CACF,CAAC,CAAC;AAEH,uDAAwD;AAE3C,QAAA,kBAAkB,GAAG,IAAA,iCAAiB,EACjD,sBAAsB,EACtB,YAAY,CACb,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
__exportStar(require("./Renderer"), exports);
|
|
18
|
+
__exportStar(require("./types"), exports);
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,6CAA2B;AAC3B,0CAAwB"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { z } from "zod";
|
|
2
|
+
export declare const CommitmentItemSchema: z.ZodObject<{
|
|
3
|
+
text: z.ZodString;
|
|
4
|
+
}, z.core.$strip>;
|
|
5
|
+
export declare const CommitmentStepPayloadSchema: z.ZodObject<{
|
|
6
|
+
title: z.ZodString;
|
|
7
|
+
subtitle: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
8
|
+
description: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
9
|
+
commitments: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
|
|
10
|
+
text: z.ZodString;
|
|
11
|
+
}, z.core.$strip>>>>;
|
|
12
|
+
signatureCaption: z.ZodDefault<z.ZodString>;
|
|
13
|
+
variant: z.ZodDefault<z.ZodEnum<{
|
|
14
|
+
signature: "signature";
|
|
15
|
+
simple: "simple";
|
|
16
|
+
}>>;
|
|
17
|
+
}, z.core.$strip>;
|
|
18
|
+
export declare const CommitmentStepTypeSchema: z.ZodObject<{
|
|
19
|
+
id: z.ZodString;
|
|
20
|
+
type: z.ZodLiteral<"Commitment">;
|
|
21
|
+
name: z.ZodString;
|
|
22
|
+
displayProgressHeader: z.ZodBoolean;
|
|
23
|
+
payload: z.ZodObject<{
|
|
24
|
+
title: z.ZodString;
|
|
25
|
+
subtitle: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
26
|
+
description: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
27
|
+
commitments: z.ZodOptional<z.ZodNullable<z.ZodArray<z.ZodObject<{
|
|
28
|
+
text: z.ZodString;
|
|
29
|
+
}, z.core.$strip>>>>;
|
|
30
|
+
signatureCaption: z.ZodDefault<z.ZodString>;
|
|
31
|
+
variant: z.ZodDefault<z.ZodEnum<{
|
|
32
|
+
signature: "signature";
|
|
33
|
+
simple: "simple";
|
|
34
|
+
}>>;
|
|
35
|
+
}, z.core.$strip>;
|
|
36
|
+
customPayload: z.ZodOptional<z.ZodNullable<z.ZodRecord<z.ZodString, z.ZodAny>>>;
|
|
37
|
+
continueButtonLabel: z.ZodDefault<z.ZodOptional<z.ZodString>>;
|
|
38
|
+
figmaUrl: z.ZodOptional<z.ZodNullable<z.ZodString>>;
|
|
39
|
+
}, z.core.$strip>;
|
|
40
|
+
export type CommitmentStepType = z.infer<typeof CommitmentStepTypeSchema>;
|
|
41
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/UI/Pages/Commitment/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAGxB,eAAO,MAAM,oBAAoB;;iBAE/B,CAAC;AAEH,eAAO,MAAM,2BAA2B;;;;;;;;;;;;iBAOtC,CAAC;AAEH,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;iBASnC,CAAC;AAEH,MAAM,MAAM,kBAAkB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,wBAAwB,CAAC,CAAC"}
|