@rocapine/react-native-onboarding-ui 1.7.0 → 1.8.1

package/dist/UI/Pages/ComposableScreen/elements/IconElement.d.ts

@@ -0,0 +1,49 @@
+import React from "react";
+import { z } from "zod";
+import { BaseBoxProps } from "./BaseBoxProps";
+import { UIElement } from "../types";
+import { RenderContext } from "./shared";
+export type IconElementProps = BaseBoxProps & {
+    name: string;
+    size?: number;
+    color?: string;
+    strokeWidth?: number;
+    backgroundColor?: string;
+};
+export declare const IconElementPropsSchema: z.ZodObject<{
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+    alignSelf: z.ZodOptional<z.ZodEnum<{
+        auto: "auto";
+        center: "center";
+        "flex-start": "flex-start";
+        "flex-end": "flex-end";
+        stretch: "stretch";
+        baseline: "baseline";
+    }>>;
+    opacity: z.ZodOptional<z.ZodNumber>;
+    margin: z.ZodOptional<z.ZodNumber>;
+    marginHorizontal: z.ZodOptional<z.ZodNumber>;
+    marginVertical: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodNumber>;
+    paddingHorizontal: z.ZodOptional<z.ZodNumber>;
+    paddingVertical: z.ZodOptional<z.ZodNumber>;
+    borderWidth: z.ZodOptional<z.ZodNumber>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    borderColor: z.ZodOptional<z.ZodString>;
+    name: z.ZodString;
+    size: z.ZodOptional<z.ZodNumber>;
+    color: z.ZodOptional<z.ZodString>;
+    strokeWidth: z.ZodOptional<z.ZodNumber>;
+    backgroundColor: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+type IconUIElement = Extract<UIElement, {
+    type: "Icon";
+}>;
+type Props = {
+    element: IconUIElement;
+    ctx: RenderContext;
+};
+export declare const IconElementComponent: ({ element, ctx }: Props) => React.ReactElement;
+export {};
+//# sourceMappingURL=IconElement.d.ts.map

package/dist/UI/Pages/ComposableScreen/elements/IconElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/IconElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,gBAAgB,GAAG,YAAY,GAAG;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;iBAMjC,CAAC;AAEH,KAAK,aAAa,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAE1D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,aAAa,CAAC;IACvB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YAoCpE,CAAC"}

package/dist/UI/Pages/ComposableScreen/elements/IconElement.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconElementComponent = exports.IconElementPropsSchema = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const zod_1 = require("zod");
+const react_native_1 = require("react-native");
+const BaseBoxProps_1 = require("./BaseBoxProps");
+exports.IconElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
+    name: zod_1.z.string().min(1, "icon name must not be empty"),
+    size: zod_1.z.number().nonnegative().optional(),
+    color: zod_1.z.string().optional(),
+    strokeWidth: zod_1.z.number().nonnegative().optional(),
+    backgroundColor: zod_1.z.string().optional(),
+});
+const IconElementComponent = ({ element, ctx }) => {
+    var _a, _b, _c;
+    const { theme } = ctx;
+    const icons = require("lucide-react-native");
+    const IconComp = icons[element.props.name];
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
+            width: element.props.width,
+            height: element.props.height,
+            margin: element.props.margin,
+            marginHorizontal: element.props.marginHorizontal,
+            marginVertical: element.props.marginVertical,
+            padding: element.props.padding,
+            paddingHorizontal: element.props.paddingHorizontal,
+            paddingVertical: element.props.paddingVertical,
+            borderWidth: element.props.borderWidth,
+            borderRadius: element.props.borderRadius,
+            borderColor: element.props.borderColor,
+            backgroundColor: element.props.backgroundColor,
+            opacity: element.props.opacity,
+        }, children: IconComp ? ((0, jsx_runtime_1.jsx)(IconComp, { size: (_a = element.props.size) !== null && _a !== void 0 ? _a : 24, color: (_b = element.props.color) !== null && _b !== void 0 ? _b : theme.colors.text.primary, strokeWidth: (_c = element.props.strokeWidth) !== null && _c !== void 0 ? _c : 2 })) : null }));
+};
+exports.IconElementComponent = IconElementComponent;
+//# sourceMappingURL=IconElement.js.map

package/dist/UI/Pages/ComposableScreen/elements/IconElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/IconElement.tsx"],"names":[],"mappings":";;;;AACA,6BAAwB;AACxB,+CAAoC;AACpC,iDAAkE;AAYrD,QAAA,sBAAsB,GAAG,iCAAkB,CAAC,MAAM,CAAC;IAC9D,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,6BAA6B,CAAC;IACtD,IAAI,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE;IACzC,KAAK,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAC5B,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE;IAChD,eAAe,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;CACvC,CAAC,CAAC;AASI,MAAM,oBAAoB,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,EAAS,EAAsB,EAAE;;IAClF,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,CAAC;IACtB,MAAM,KAAK,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAI3B,CAAC;IAEf,OAAO,CACL,uBAAC,mBAAI,IACH,KAAK,EAAE;YACL,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK;YAC1B,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM;YAC5B,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM;YAC5B,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB;YAChD,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc;YAC5C,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO;YAC9B,iBAAiB,EAAE,OAAO,CAAC,KAAK,CAAC,iBAAiB;YAClD,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,eAAe;YAC9C,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;YACtC,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,YAAY;YACxC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;YACtC,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,eAAe;YAC9C,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO;SAC/B,YAEA,QAAQ,CAAC,CAAC,CAAC,CACV,uBAAC,QAAQ,IACP,IAAI,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,IAAI,mCAAI,EAAE,EAC9B,KAAK,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,KAAK,mCAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EACvD,WAAW,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,WAAW,mCAAI,CAAC,GAC3C,CACH,CAAC,CAAC,CAAC,IAAI,GACH,CACR,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,oBAAoB,wBAoC/B"}

package/dist/UI/Pages/ComposableScreen/elements/ImageElement.d.ts

@@ -0,0 +1,50 @@
+import React from "react";
+import { z } from "zod";
+import { BaseBoxProps } from "./BaseBoxProps";
+import { UIElement } from "../types";
+import { RenderContext } from "./shared";
+export type ImageElementProps = BaseBoxProps & {
+    url: string;
+    aspectRatio?: number;
+    resizeMode?: "cover" | "contain" | "stretch" | "center";
+};
+export declare const ImageElementPropsSchema: z.ZodObject<{
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+    alignSelf: z.ZodOptional<z.ZodEnum<{
+        auto: "auto";
+        center: "center";
+        "flex-start": "flex-start";
+        "flex-end": "flex-end";
+        stretch: "stretch";
+        baseline: "baseline";
+    }>>;
+    opacity: z.ZodOptional<z.ZodNumber>;
+    margin: z.ZodOptional<z.ZodNumber>;
+    marginHorizontal: z.ZodOptional<z.ZodNumber>;
+    marginVertical: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodNumber>;
+    paddingHorizontal: z.ZodOptional<z.ZodNumber>;
+    paddingVertical: z.ZodOptional<z.ZodNumber>;
+    borderWidth: z.ZodOptional<z.ZodNumber>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    borderColor: z.ZodOptional<z.ZodString>;
+    url: z.ZodString;
+    aspectRatio: z.ZodOptional<z.ZodNumber>;
+    resizeMode: z.ZodOptional<z.ZodEnum<{
+        center: "center";
+        contain: "contain";
+        stretch: "stretch";
+        cover: "cover";
+    }>>;
+}, z.core.$strip>;
+type ImageUIElement = Extract<UIElement, {
+    type: "Image";
+}>;
+type Props = {
+    element: ImageUIElement;
+    ctx: RenderContext;
+};
+export declare const ImageElementComponent: ({ element }: Props) => React.ReactElement;
+export {};
+//# sourceMappingURL=ImageElement.d.ts.map

package/dist/UI/Pages/ComposableScreen/elements/ImageElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ImageElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;CACzD,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAIlC,CAAC;AAEH,KAAK,cAAc,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE5D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,aAAa,KAAK,KAAG,KAAK,CAAC,YAyBhE,CAAC"}

package/dist/UI/Pages/ComposableScreen/elements/ImageElement.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ImageElementComponent = exports.ImageElementPropsSchema = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const zod_1 = require("zod");
+const react_native_1 = require("react-native");
+const BaseBoxProps_1 = require("./BaseBoxProps");
+exports.ImageElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
+    url: zod_1.z.string().min(1, "url must not be empty"),
+    aspectRatio: zod_1.z.number().optional(),
+    resizeMode: zod_1.z.enum(["cover", "contain", "stretch", "center"]).optional(),
+});
+const ImageElementComponent = ({ element }) => {
+    var _a, _b, _c;
+    const hasExplicitHeight = element.props.height !== undefined;
+    const aspectRatio = hasExplicitHeight ? undefined : ((_a = element.props.aspectRatio) !== null && _a !== void 0 ? _a : 16 / 9);
+    return ((0, jsx_runtime_1.jsx)(react_native_1.Image, { source: { uri: element.props.url }, resizeMode: (_b = element.props.resizeMode) !== null && _b !== void 0 ? _b : "cover", style: {
+            width: (_c = element.props.width) !== null && _c !== void 0 ? _c : "100%",
+            height: element.props.height,
+            aspectRatio,
+            borderRadius: element.props.borderRadius,
+            borderWidth: element.props.borderWidth,
+            borderColor: element.props.borderColor,
+            opacity: element.props.opacity,
+            margin: element.props.margin,
+            marginHorizontal: element.props.marginHorizontal,
+            marginVertical: element.props.marginVertical,
+            padding: element.props.padding,
+            paddingHorizontal: element.props.paddingHorizontal,
+            paddingVertical: element.props.paddingVertical,
+        } }));
+};
+exports.ImageElementComponent = ImageElementComponent;
+//# sourceMappingURL=ImageElement.js.map

package/dist/UI/Pages/ComposableScreen/elements/ImageElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/ImageElement.tsx"],"names":[],"mappings":";;;;AACA,6BAAwB;AACxB,+CAAqC;AACrC,iDAAkE;AAUrD,QAAA,uBAAuB,GAAG,iCAAkB,CAAC,MAAM,CAAC;IAC/D,GAAG,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,uBAAuB,CAAC;IAC/C,WAAW,EAAE,OAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;IAClC,UAAU,EAAE,OAAC,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE;CACzE,CAAC,CAAC;AASI,MAAM,qBAAqB,GAAG,CAAC,EAAE,OAAO,EAAS,EAAsB,EAAE;;IAC9E,MAAM,iBAAiB,GAAG,OAAO,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC;IAC7D,MAAM,WAAW,GAAG,iBAAiB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,KAAK,CAAC,WAAW,mCAAI,EAAE,GAAG,CAAC,CAAC,CAAC;IAE1F,OAAO,CACL,uBAAC,oBAAK,IACJ,MAAM,EAAE,EAAE,GAAG,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,EAClC,UAAU,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,UAAU,mCAAI,OAAO,EAC/C,KAAK,EAAE;YACL,KAAK,EAAE,MAAA,OAAO,CAAC,KAAK,CAAC,KAAK,mCAAI,MAAM;YACpC,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM;YAC5B,WAAW;YACX,YAAY,EAAE,OAAO,CAAC,KAAK,CAAC,YAAY;YACxC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;YACtC,WAAW,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW;YACtC,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO;YAC9B,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,MAAM;YAC5B,gBAAgB,EAAE,OAAO,CAAC,KAAK,CAAC,gBAAgB;YAChD,cAAc,EAAE,OAAO,CAAC,KAAK,CAAC,cAAc;YAC5C,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,OAAO;YAC9B,iBAAiB,EAAE,OAAO,CAAC,KAAK,CAAC,iBAAiB;YAClD,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,eAAe;SAC/C,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAzBW,QAAA,qBAAqB,yBAyBhC"}

package/dist/UI/Pages/ComposableScreen/elements/InputElement.d.ts

@@ -0,0 +1,110 @@
+import React from "react";
+import { z } from "zod";
+import { BaseBoxProps } from "./BaseBoxProps";
+import { UIElement } from "../types";
+import { RenderContext } from "./shared";
+export type InputElementProps = BaseBoxProps & {
+    variableName?: string;
+    placeholder?: string;
+    defaultValue?: string;
+    keyboardType?: "default" | "email-address" | "numeric" | "phone-pad" | "decimal-pad" | "url" | "number-pad" | "ascii-capable" | "numbers-and-punctuation" | "name-phone-pad" | "twitter" | "web-search" | "visible-password";
+    returnKeyType?: "done" | "next" | "go" | "search" | "send" | "default" | "emergency-call" | "google" | "join" | "route" | "yahoo" | "none" | "previous";
+    autoCapitalize?: "none" | "sentences" | "words" | "characters";
+    secureTextEntry?: boolean;
+    maxLength?: number;
+    multiline?: boolean;
+    numberOfLines?: number;
+    editable?: boolean;
+    color?: string;
+    backgroundColor?: string;
+    fontSize?: number;
+    fontWeight?: string;
+    textAlign?: "left" | "center" | "right";
+    placeholderColor?: string;
+};
+export declare const InputElementPropsSchema: z.ZodObject<{
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+    alignSelf: z.ZodOptional<z.ZodEnum<{
+        auto: "auto";
+        center: "center";
+        "flex-start": "flex-start";
+        "flex-end": "flex-end";
+        stretch: "stretch";
+        baseline: "baseline";
+    }>>;
+    opacity: z.ZodOptional<z.ZodNumber>;
+    margin: z.ZodOptional<z.ZodNumber>;
+    marginHorizontal: z.ZodOptional<z.ZodNumber>;
+    marginVertical: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodNumber>;
+    paddingHorizontal: z.ZodOptional<z.ZodNumber>;
+    paddingVertical: z.ZodOptional<z.ZodNumber>;
+    borderWidth: z.ZodOptional<z.ZodNumber>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    borderColor: z.ZodOptional<z.ZodString>;
+    variableName: z.ZodOptional<z.ZodString>;
+    placeholder: z.ZodOptional<z.ZodString>;
+    defaultValue: z.ZodOptional<z.ZodString>;
+    keyboardType: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        url: "url";
+        "email-address": "email-address";
+        numeric: "numeric";
+        "phone-pad": "phone-pad";
+        "decimal-pad": "decimal-pad";
+        "number-pad": "number-pad";
+        "ascii-capable": "ascii-capable";
+        "numbers-and-punctuation": "numbers-and-punctuation";
+        "name-phone-pad": "name-phone-pad";
+        twitter: "twitter";
+        "web-search": "web-search";
+        "visible-password": "visible-password";
+    }>>;
+    returnKeyType: z.ZodOptional<z.ZodEnum<{
+        default: "default";
+        none: "none";
+        join: "join";
+        done: "done";
+        search: "search";
+        next: "next";
+        go: "go";
+        send: "send";
+        "emergency-call": "emergency-call";
+        google: "google";
+        route: "route";
+        yahoo: "yahoo";
+        previous: "previous";
+    }>>;
+    autoCapitalize: z.ZodOptional<z.ZodEnum<{
+        none: "none";
+        sentences: "sentences";
+        words: "words";
+        characters: "characters";
+    }>>;
+    secureTextEntry: z.ZodOptional<z.ZodBoolean>;
+    maxLength: z.ZodOptional<z.ZodNumber>;
+    multiline: z.ZodOptional<z.ZodBoolean>;
+    numberOfLines: z.ZodOptional<z.ZodNumber>;
+    editable: z.ZodOptional<z.ZodBoolean>;
+    color: z.ZodOptional<z.ZodString>;
+    backgroundColor: z.ZodOptional<z.ZodString>;
+    fontSize: z.ZodOptional<z.ZodNumber>;
+    fontWeight: z.ZodOptional<z.ZodString>;
+    textAlign: z.ZodOptional<z.ZodEnum<{
+        left: "left";
+        right: "right";
+        center: "center";
+    }>>;
+    placeholderColor: z.ZodOptional<z.ZodString>;
+}, z.core.$strip>;
+type InputUIElement = Extract<UIElement, {
+    type: "Input";
+}>;
+type Props = {
+    element: InputUIElement;
+    ctx: RenderContext;
+};
+export declare const InputElementComponent: ({ element, ctx }: Props) => React.ReactElement;
+export {};
+//# sourceMappingURL=InputElement.d.ts.map

package/dist/UI/Pages/ComposableScreen/elements/InputElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/InputElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,aAAa,GAAG,KAAK,GAAG,YAAY,GAAG,eAAe,GAAG,yBAAyB,GAAG,gBAAgB,GAAG,SAAS,GAAG,YAAY,GAAG,kBAAkB,CAAC;IAC7N,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,gBAAgB,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;IACxJ,cAAc,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,GAAG,YAAY,CAAC;IAC/D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACxC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAkBlC,CAAC;AAEH,KAAK,cAAc,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAE5D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YAsDrE,CAAC"}

package/dist/UI/Pages/ComposableScreen/elements/InputElement.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputElementComponent = exports.InputElementPropsSchema = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const zod_1 = require("zod");
+const react_native_1 = require("react-native");
+const BaseBoxProps_1 = require("./BaseBoxProps");
+exports.InputElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
+    variableName: zod_1.z.string().min(1).optional(),
+    placeholder: zod_1.z.string().optional(),
+    defaultValue: zod_1.z.string().optional(),
+    keyboardType: zod_1.z.enum(["default", "email-address", "numeric", "phone-pad", "decimal-pad", "url", "number-pad", "ascii-capable", "numbers-and-punctuation", "name-phone-pad", "twitter", "web-search", "visible-password"]).optional(),
+    returnKeyType: zod_1.z.enum(["done", "next", "go", "search", "send", "default", "emergency-call", "google", "join", "route", "yahoo", "none", "previous"]).optional(),
+    autoCapitalize: zod_1.z.enum(["none", "sentences", "words", "characters"]).optional(),
+    secureTextEntry: zod_1.z.boolean().optional(),
+    maxLength: zod_1.z.number().int().nonnegative().optional(),
+    multiline: zod_1.z.boolean().optional(),
+    numberOfLines: zod_1.z.number().int().nonnegative().optional(),
+    editable: zod_1.z.boolean().optional(),
+    color: zod_1.z.string().optional(),
+    backgroundColor: zod_1.z.string().optional(),
+    fontSize: zod_1.z.number().optional(),
+    fontWeight: zod_1.z.string().optional(),
+    textAlign: zod_1.z.enum(["left", "center", "right"]).optional(),
+    placeholderColor: zod_1.z.string().optional(),
+});
+const InputElementComponent = ({ element, ctx }) => {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    const { theme, variables, setVariable } = ctx;
+    const persistedValue = element.props.variableName ? (_a = variables[element.props.variableName]) === null || _a === void 0 ? void 0 : _a.value : undefined;
+    const [value, setValue] = (0, react_1.useState)((_b = persistedValue !== null && persistedValue !== void 0 ? persistedValue : element.props.defaultValue) !== null && _b !== void 0 ? _b : "");
+    (0, react_1.useEffect)(() => {
+        if (element.props.variableName && element.props.defaultValue !== undefined && persistedValue === undefined) {
+            setVariable(element.props.variableName, { value: element.props.defaultValue });
+        }
+    }, [element.props.variableName, element.props.defaultValue, persistedValue]);
+    const handleChange = (text) => {
+        setValue(text);
+        if (element.props.variableName) {
+            setVariable(element.props.variableName, { value: text });
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)(react_native_1.TextInput, { value: value, onChangeText: handleChange, placeholder: element.props.placeholder, placeholderTextColor: (_c = element.props.placeholderColor) !== null && _c !== void 0 ? _c : theme.colors.text.tertiary, keyboardType: (_d = element.props.keyboardType) !== null && _d !== void 0 ? _d : "default", returnKeyType: (_e = element.props.returnKeyType) !== null && _e !== void 0 ? _e : "done", autoCapitalize: (_f = element.props.autoCapitalize) !== null && _f !== void 0 ? _f : "sentences", secureTextEntry: (_g = element.props.secureTextEntry) !== null && _g !== void 0 ? _g : false, maxLength: element.props.maxLength, multiline: (_h = element.props.multiline) !== null && _h !== void 0 ? _h : false, numberOfLines: element.props.numberOfLines, editable: (_j = element.props.editable) !== null && _j !== void 0 ? _j : true, style: {
+            alignSelf: element.props.alignSelf,
+            width: element.props.width,
+            height: element.props.height,
+            opacity: element.props.opacity,
+            margin: element.props.margin,
+            marginHorizontal: element.props.marginHorizontal,
+            marginVertical: element.props.marginVertical,
+            backgroundColor: (_k = element.props.backgroundColor) !== null && _k !== void 0 ? _k : theme.colors.neutral.lowest,
+            borderWidth: (_l = element.props.borderWidth) !== null && _l !== void 0 ? _l : 1,
+            borderRadius: (_m = element.props.borderRadius) !== null && _m !== void 0 ? _m : 8,
+            borderColor: (_o = element.props.borderColor) !== null && _o !== void 0 ? _o : theme.colors.neutral.low,
+            color: (_p = element.props.color) !== null && _p !== void 0 ? _p : theme.colors.text.primary,
+            fontSize: (_q = element.props.fontSize) !== null && _q !== void 0 ? _q : theme.typography.textStyles.body.fontSize,
+            fontWeight: element.props.fontWeight,
+            textAlign: element.props.textAlign,
+            padding: (_r = element.props.padding) !== null && _r !== void 0 ? _r : 12,
+            paddingHorizontal: element.props.paddingHorizontal,
+            paddingVertical: element.props.paddingVertical,
+        } }));
+};
+exports.InputElementComponent = InputElementComponent;
+//# sourceMappingURL=InputElement.js.map

package/dist/UI/Pages/ComposableScreen/elements/InputElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/InputElement.tsx"],"names":[],"mappings":"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"}

package/dist/UI/Pages/ComposableScreen/elements/LottieElement.d.ts

@@ -0,0 +1,47 @@
+import React from "react";
+import { z } from "zod";
+import { BaseBoxProps } from "./BaseBoxProps";
+import { UIElement } from "../types";
+import { RenderContext } from "./shared";
+export type LottieElementProps = BaseBoxProps & {
+    source: string;
+    autoPlay?: boolean;
+    loop?: boolean;
+    speed?: number;
+};
+export declare const LottieElementPropsSchema: z.ZodObject<{
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+    alignSelf: z.ZodOptional<z.ZodEnum<{
+        auto: "auto";
+        center: "center";
+        "flex-start": "flex-start";
+        "flex-end": "flex-end";
+        stretch: "stretch";
+        baseline: "baseline";
+    }>>;
+    opacity: z.ZodOptional<z.ZodNumber>;
+    margin: z.ZodOptional<z.ZodNumber>;
+    marginHorizontal: z.ZodOptional<z.ZodNumber>;
+    marginVertical: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodNumber>;
+    paddingHorizontal: z.ZodOptional<z.ZodNumber>;
+    paddingVertical: z.ZodOptional<z.ZodNumber>;
+    borderWidth: z.ZodOptional<z.ZodNumber>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    borderColor: z.ZodOptional<z.ZodString>;
+    source: z.ZodString;
+    autoPlay: z.ZodOptional<z.ZodBoolean>;
+    loop: z.ZodOptional<z.ZodBoolean>;
+    speed: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>;
+type LottieUIElement = Extract<UIElement, {
+    type: "Lottie";
+}>;
+type Props = {
+    element: LottieUIElement;
+    ctx: RenderContext;
+};
+export declare const LottieElementComponent: ({ element, ctx }: Props) => React.ReactElement;
+export {};
+//# sourceMappingURL=LottieElement.d.ts.map

package/dist/UI/Pages/ComposableScreen/elements/LottieElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LottieElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/LottieElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAGzC,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;iBAKnC,CAAC;AAEH,KAAK,eAAe,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,QAAQ,CAAA;CAAE,CAAC,CAAC;AAe9D,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,eAAe,CAAC;IACzB,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YAuCtE,CAAC"}

package/dist/UI/Pages/ComposableScreen/elements/LottieElement.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LottieElementComponent = exports.LottieElementPropsSchema = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const zod_1 = require("zod");
+const react_native_1 = require("react-native");
+const BaseBoxProps_1 = require("./BaseBoxProps");
+const helpers_1 = require("../../../Theme/helpers");
+exports.LottieElementPropsSchema = BaseBoxProps_1.BaseBoxPropsSchema.extend({
+    source: zod_1.z.string().min(1, "source must not be empty"),
+    autoPlay: zod_1.z.boolean().optional(),
+    loop: zod_1.z.boolean().optional(),
+    speed: zod_1.z.number().optional(),
+});
+let LottieView = null;
+try {
+    LottieView = require("lottie-react-native").default;
+}
+catch (_a) {
+    // lottie-react-native not installed
+}
+const LottieElementComponent = ({ element, ctx }) => {
+    var _a, _b, _c, _d;
+    const { theme } = ctx;
+    const wrapperStyle = {
+        width: (_a = element.props.width) !== null && _a !== void 0 ? _a : "100%",
+        height: (_b = element.props.height) !== null && _b !== void 0 ? _b : 200,
+        opacity: element.props.opacity,
+        margin: element.props.margin,
+        marginHorizontal: element.props.marginHorizontal,
+        marginVertical: element.props.marginVertical,
+        padding: element.props.padding,
+        paddingHorizontal: element.props.paddingHorizontal,
+        paddingVertical: element.props.paddingVertical,
+        borderWidth: element.props.borderWidth,
+        borderRadius: element.props.borderRadius,
+        borderColor: element.props.borderColor,
+        overflow: "hidden",
+    };
+    if (!LottieView) {
+        return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: [wrapperStyle, styles.mediaFallback, { backgroundColor: theme.colors.neutral.lowest }], children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: [styles.mediaFallbackText, (0, helpers_1.getTextStyle)(theme, "caption"), { color: theme.colors.text.tertiary }], children: "Install lottie-react-native to render Lottie animations." }) }));
+    }
+    return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: wrapperStyle, children: (0, jsx_runtime_1.jsx)(LottieView, { source: { uri: element.props.source }, autoPlay: (_c = element.props.autoPlay) !== null && _c !== void 0 ? _c : true, loop: (_d = element.props.loop) !== null && _d !== void 0 ? _d : true, speed: element.props.speed, style: styles.fill }) }));
+};
+exports.LottieElementComponent = LottieElementComponent;
+const styles = react_native_1.StyleSheet.create({
+    fill: {
+        width: "100%",
+        height: "100%",
+    },
+    mediaFallback: {
+        alignItems: "center",
+        justifyContent: "center",
+    },
+    mediaFallbackText: {
+        textAlign: "center",
+        paddingHorizontal: 16,
+    },
+});
+//# sourceMappingURL=LottieElement.js.map

package/dist/UI/Pages/ComposableScreen/elements/LottieElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LottieElement.js","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/LottieElement.tsx"],"names":[],"mappings":"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"}

package/dist/UI/Pages/ComposableScreen/elements/RadioGroupElement.d.ts

@@ -0,0 +1,86 @@
+import React from "react";
+import { z } from "zod";
+import { BaseBoxProps } from "./BaseBoxProps";
+import { UIElement } from "../types";
+import { RenderContext } from "./shared";
+export type RadioGroupElementProps = BaseBoxProps & {
+    variableName?: string;
+    defaultValue?: string;
+    gap?: number;
+    direction?: "vertical" | "horizontal";
+    items: Array<{
+        label: string;
+        value: string;
+    }>;
+    itemBackgroundColor?: string;
+    itemSelectedBackgroundColor?: string;
+    itemBorderColor?: string;
+    itemSelectedBorderColor?: string;
+    itemBorderRadius?: number;
+    itemBorderWidth?: number;
+    itemColor?: string;
+    itemSelectedColor?: string;
+    itemFontSize?: number;
+    itemFontWeight?: string;
+    itemFontFamily?: string;
+    itemPadding?: number;
+    itemPaddingHorizontal?: number;
+    itemPaddingVertical?: number;
+};
+export declare const RadioGroupElementPropsSchema: z.ZodObject<{
+    width: z.ZodOptional<z.ZodNumber>;
+    height: z.ZodOptional<z.ZodNumber>;
+    alignSelf: z.ZodOptional<z.ZodEnum<{
+        auto: "auto";
+        center: "center";
+        "flex-start": "flex-start";
+        "flex-end": "flex-end";
+        stretch: "stretch";
+        baseline: "baseline";
+    }>>;
+    opacity: z.ZodOptional<z.ZodNumber>;
+    margin: z.ZodOptional<z.ZodNumber>;
+    marginHorizontal: z.ZodOptional<z.ZodNumber>;
+    marginVertical: z.ZodOptional<z.ZodNumber>;
+    padding: z.ZodOptional<z.ZodNumber>;
+    paddingHorizontal: z.ZodOptional<z.ZodNumber>;
+    paddingVertical: z.ZodOptional<z.ZodNumber>;
+    borderWidth: z.ZodOptional<z.ZodNumber>;
+    borderRadius: z.ZodOptional<z.ZodNumber>;
+    borderColor: z.ZodOptional<z.ZodString>;
+    variableName: z.ZodOptional<z.ZodString>;
+    defaultValue: z.ZodOptional<z.ZodString>;
+    gap: z.ZodOptional<z.ZodNumber>;
+    direction: z.ZodOptional<z.ZodEnum<{
+        horizontal: "horizontal";
+        vertical: "vertical";
+    }>>;
+    items: z.ZodArray<z.ZodObject<{
+        label: z.ZodString;
+        value: z.ZodString;
+    }, z.core.$strip>>;
+    itemBackgroundColor: z.ZodOptional<z.ZodString>;
+    itemSelectedBackgroundColor: z.ZodOptional<z.ZodString>;
+    itemBorderColor: z.ZodOptional<z.ZodString>;
+    itemSelectedBorderColor: z.ZodOptional<z.ZodString>;
+    itemBorderRadius: z.ZodOptional<z.ZodNumber>;
+    itemBorderWidth: z.ZodOptional<z.ZodNumber>;
+    itemColor: z.ZodOptional<z.ZodString>;
+    itemSelectedColor: z.ZodOptional<z.ZodString>;
+    itemFontSize: z.ZodOptional<z.ZodNumber>;
+    itemFontWeight: z.ZodOptional<z.ZodString>;
+    itemFontFamily: z.ZodOptional<z.ZodString>;
+    itemPadding: z.ZodOptional<z.ZodNumber>;
+    itemPaddingHorizontal: z.ZodOptional<z.ZodNumber>;
+    itemPaddingVertical: z.ZodOptional<z.ZodNumber>;
+}, z.core.$strip>;
+type RadioGroupUIElement = Extract<UIElement, {
+    type: "RadioGroup";
+}>;
+type Props = {
+    element: RadioGroupUIElement;
+    ctx: RenderContext;
+};
+export declare const RadioGroupComponent: ({ element, ctx }: Props) => React.ReactElement;
+export {};
+//# sourceMappingURL=RadioGroupElement.d.ts.map

package/dist/UI/Pages/ComposableScreen/elements/RadioGroupElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupElement.d.ts","sourceRoot":"","sources":["../../../../../src/UI/Pages/ComposableScreen/elements/RadioGroupElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAE,YAAY,EAAsB,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,2BAA2B,CAAC,EAAE,MAAM,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA6BvC,CAAC;AAEH,KAAK,mBAAmB,GAAG,OAAO,CAAC,SAAS,EAAE;IAAE,IAAI,EAAE,YAAY,CAAA;CAAE,CAAC,CAAC;AAEtE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,mBAAmB,CAAC;IAC7B,GAAG,EAAE,aAAa,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,kBAAkB,KAAK,KAAG,KAAK,CAAC,YAkHnE,CAAC"}