tf-checkout-react-native 1.0.0

package/lib/api/types.d.ts

@@ -0,0 +1,164 @@
+import { AxiosInstance } from 'axios';
+import { IEvent, ITicket } from '../types';
+export interface IClientRequest extends AxiosInstance {
+    setGuestToken: (token: string) => void;
+    setAccessToken: (token: string) => void;
+}
+export interface IPromoCodeResponse {
+    isValid: boolean;
+    message: string;
+}
+export interface IFetchTicketsResponse {
+    tickets?: ITicket[];
+    error?: any;
+    promoCodeResult?: IPromoCodeResponse;
+    isInWaitingList?: boolean;
+    isAccessCodeRequired?: boolean;
+}
+export interface IAuthorizeResponse {
+    error?: string;
+    code?: string;
+}
+export interface IAddToCartParams {
+    eventId: number | string;
+    attributes: {
+        alternative_view_id?: string | number;
+        product_cart_quantity: number;
+        product_options: {};
+        product_id: number;
+        ticket_types: {};
+    };
+}
+export interface IEventResponse {
+    eventError?: string;
+    eventData?: IEvent;
+}
+export interface ICheckoutTicketHolder {
+    email: string;
+    first_name: string;
+    last_name: string;
+    phone: string;
+}
+export interface ICheckoutBody {
+    attributes: {
+        brand_opt_in: boolean;
+        city: string;
+        confirm_email: string;
+        country: number;
+        email: string;
+        first_name: string;
+        last_name: string;
+        password: string;
+        phone: string;
+        state: number;
+        street_address: string;
+        ttf_opt_in: boolean;
+        zip: string;
+        ticket_holders: ICheckoutTicketHolder[];
+        dob_day?: number;
+        dob_month?: number;
+        dob_year?: number;
+    };
+}
+export interface IRegisterNewUserResponse {
+    error?: {
+        isAlreadyRegistered?: boolean;
+        message?: string;
+        raw?: any;
+    };
+    data?: {
+        access_token: string;
+        refresh_token: string;
+        token_type: string;
+        scope: string;
+        user_profile: {
+            first_name: string;
+            last_name: string;
+            email: string;
+        };
+    };
+}
+export interface ICheckoutResponse {
+    error: string;
+    data: any;
+}
+export interface IPaymentConfig {
+    id: string;
+    name: string;
+    stripeClientSecret: string;
+    stripeConnectedAccount?: string;
+    stripePublishableKey: string;
+}
+export interface IPaymentAddress {
+    city: string;
+    line1: string;
+    state: string;
+    postalCode: string;
+}
+export interface IOrderReview {
+    reviewData: {
+        event: string;
+        price: string;
+        ticketType: string;
+        total: string;
+        numberOfTickets: string;
+        currency: string;
+    };
+    paymentData: IPaymentConfig;
+    addressData: IPaymentAddress;
+    billingData: {
+        firstName: string;
+        lastName: string;
+    };
+}
+export interface IOrderReviewResponse {
+    error?: string;
+    data?: IOrderReview;
+}
+export interface IMyOrdersEvent {
+    url_name: string;
+    event_name: string;
+}
+export interface IMyOrdersOrder {
+    id: string;
+    date: string;
+    currency: string;
+    amount: string;
+    eventName: string;
+    eventUrl: string;
+    image: string;
+}
+export interface IMyOrdersData {
+    events: IMyOrdersEvent[];
+    orders: IMyOrdersOrder[];
+}
+export interface IMyOrdersResponse {
+    myOrdersData?: IMyOrdersData;
+    myOrdersError?: string;
+}
+export interface IMyOrderDetailsItem {
+    name: string;
+    currency: string;
+    price: string;
+    discount: string;
+    quantity: string;
+    total: string;
+}
+export interface IMyOrderDetailsTicket {
+    hash: string;
+    ticketType: string;
+    holderName: string;
+    status: string;
+    pdfLink: string;
+}
+export interface IMyOrderDetailsHeader {
+    isReferralDisabled: boolean;
+    shareLink: string;
+    total: string;
+    salesReferred: string;
+}
+export interface IMyOrderDetailsResponse {
+    header: IMyOrderDetailsHeader;
+    items: IMyOrderDetailsItem[];
+    tickets: IMyOrderDetailsTicket[];
+}

package/lib/api/types.js

@@ -0,0 +1,3 @@
+export {};
+//#endregion
+//# sourceMappingURL=types.js.map

package/lib/api/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/api/types.ts"],"names":[],"mappings":";AA4MA,YAAY"}

package/lib/components/button/Button.d.ts

@@ -0,0 +1,3 @@
+import { IButtonProps } from './types';
+declare const Button: ({ text, onPress, isUpperCase, isDisabled, isLoading, styles, }: IButtonProps) => JSX.Element;
+export default Button;

package/lib/components/button/Button.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ActivityIndicator, Text, TouchableOpacity, View } from 'react-native';
+import R from '../../res';
+import s from './styles';
+const Button = ({ text = 'Press me', onPress, isUpperCase, isDisabled, isLoading, styles, }) => {
+    const formatText = isUpperCase ? text.toUpperCase() : text;
+    return (React.createElement(React.Fragment, null, isLoading ? (React.createElement(View, { style: [s.button, styles === null || styles === void 0 ? void 0 : styles.container] },
+        React.createElement(ActivityIndicator, { color: R.colors.white }))) : (React.createElement(View, { style: [s.container, styles === null || styles === void 0 ? void 0 : styles.container] },
+        React.createElement(TouchableOpacity, { onPress: onPress, activeOpacity: 0.8, style: [isDisabled ? s.buttonDisabled : s.button, styles === null || styles === void 0 ? void 0 : styles.button], disabled: isDisabled || isLoading },
+            React.createElement(Text, { style: [s.text, styles === null || styles === void 0 ? void 0 : styles.text] }, formatText))))));
+};
+export default Button;
+//# sourceMappingURL=Button.js.map

package/lib/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE9E,OAAO,CAAC,MAAM,WAAW,CAAA;AACzB,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,MAAM,GAAG,CAAC,EACd,IAAI,GAAG,UAAU,EACjB,OAAO,EAEP,WAAW,EACX,UAAU,EACV,SAAS,EACT,MAAM,GACO,EAAE,EAAE;IACjB,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;IAE1D,OAAO,CACL,0CACG,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC;QACxC,oBAAC,iBAAiB,IAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,GAAI,CACvC,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC;QAC3C,oBAAC,gBAAgB,IACf,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,GAAG,EAClB,KAAK,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,CAAC,EACjE,QAAQ,EAAE,UAAU,IAAI,SAAS;YAEjC,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,IAAG,UAAU,CAAQ,CACvC,CACd,CACR,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/components/button/styles.d.ts

@@ -0,0 +1,27 @@
+declare const _default: {
+    container: {
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    button: {
+        alignItems: "center";
+        justifyContent: "center";
+        backgroundColor: string;
+        height: number;
+        width: string;
+        paddingHorizontal: number;
+    };
+    buttonDisabled: {
+        alignItems: "center";
+        justifyContent: "center";
+        backgroundColor: string;
+        height: number;
+        width: string;
+    };
+    text: {
+        color: string;
+        fontSize: number;
+        fontWeight: "700";
+    };
+};
+export default _default;

package/lib/components/button/styles.js

@@ -0,0 +1,29 @@
+import { StyleSheet } from 'react-native';
+import R from '../../res';
+export default StyleSheet.create({
+    container: {
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    button: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: R.colors.primary,
+        height: 45,
+        width: '100%',
+        paddingHorizontal: 8,
+    },
+    buttonDisabled: {
+        alignItems: 'center',
+        justifyContent: 'center',
+        backgroundColor: R.colors.disabled,
+        height: 45,
+        width: '100%',
+    },
+    text: {
+        color: R.colors.white,
+        fontSize: 18,
+        fontWeight: '700',
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/components/button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/button/styles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,CAAC,MAAM,WAAW,CAAA;AAEzB,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;KACzB;IACD,MAAM,EAAE;QACN,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;QACjC,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,MAAM;QACb,iBAAiB,EAAE,CAAC;KACrB;IACD,cAAc,EAAE;QACd,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ;QAClC,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,MAAM;KACd;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QACrB,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC,CAAA"}

package/lib/components/button/types.d.ts

@@ -0,0 +1,14 @@
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+export interface IButtonStyles {
+    container?: StyleProp<ViewStyle>;
+    button?: StyleProp<ViewStyle>;
+    text?: StyleProp<TextStyle>;
+}
+export interface IButtonProps {
+    text: string;
+    onPress: () => void;
+    styles?: IButtonStyles;
+    isUpperCase?: boolean;
+    isDisabled?: boolean;
+    isLoading?: boolean;
+}

package/lib/components/button/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/button/types.ts"],"names":[],"mappings":""}

package/lib/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,3 @@
+import { ICheckboxProps } from './types';
+declare const Checkbox: ({ onPress, text, styles, isActive, customTextComp, }: ICheckboxProps) => JSX.Element;
+export default Checkbox;

package/lib/components/checkbox/Checkbox.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Image, Text, TouchableOpacity, View } from 'react-native';
+import R from '../../res';
+import s from './styles';
+const Checkbox = ({ onPress, text, styles, isActive, customTextComp, }) => {
+    return (React.createElement(TouchableOpacity, { onPress: onPress, activeOpacity: 0.8, style: [s.container, styles === null || styles === void 0 ? void 0 : styles.container] },
+        React.createElement(View, { style: [s.content, styles === null || styles === void 0 ? void 0 : styles.content] },
+            React.createElement(View, { style: isActive
+                    ? [s.indicatorOn, styles === null || styles === void 0 ? void 0 : styles.indicator]
+                    : [s.indicator, styles === null || styles === void 0 ? void 0 : styles.indicatorDisabled] }, isActive && (React.createElement(Image, { source: R.icons.check, style: [s.check, styles === null || styles === void 0 ? void 0 : styles.icon] }))),
+            customTextComp || (React.createElement(Text, { style: [s.textContainer, styles === null || styles === void 0 ? void 0 : styles.text] }, text)))));
+};
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/lib/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAElE,OAAO,CAAC,MAAM,WAAW,CAAA;AACzB,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,QAAQ,GAAG,CAAC,EAChB,OAAO,EACP,IAAI,EACJ,MAAM,EACN,QAAQ,EACR,cAAc,GACC,EAAE,EAAE;IACnB,OAAO,CACL,oBAAC,gBAAgB,IACf,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,GAAG,EAClB,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC;QAEvC,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,OAAO,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CAAC;YACvC,oBAAC,IAAI,IACH,KAAK,EACH,QAAQ;oBACN,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,CAAC;oBACpC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,iBAAiB,CAAC,IAG7C,QAAQ,IAAI,CACX,oBAAC,KAAK,IAAC,MAAM,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,GAAI,CACjE,CACI;YACN,cAAc,IAAI,CACjB,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAC,IAAG,IAAI,CAAQ,CAC5D,CACI,CACU,CACpB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/components/checkbox/styles.d.ts

@@ -0,0 +1,38 @@
+declare const _default: {
+    container: {
+        marginBottom: number;
+    };
+    content: {
+        flexDirection: "row";
+        alignItems: "center";
+    };
+    indicator: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        backgroundColor: string;
+        marginRight: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    indicatorOn: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        backgroundColor: string;
+        marginRight: number;
+        justifyContent: "center";
+        alignItems: "center";
+    };
+    check: {
+        width: string;
+        height: string;
+        tintColor: string;
+    };
+    textContainer: {
+        flex: number;
+    };
+};
+export default _default;

package/lib/components/checkbox/styles.js

@@ -0,0 +1,40 @@
+import { StyleSheet } from 'react-native';
+import R from '../../res';
+export default StyleSheet.create({
+    container: {
+        marginBottom: 24,
+    },
+    content: {
+        flexDirection: 'row',
+        alignItems: 'center',
+    },
+    indicator: {
+        width: 24,
+        height: 24,
+        borderRadius: 5,
+        borderWidth: 1,
+        backgroundColor: R.colors.transparent,
+        marginRight: 16,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    indicatorOn: {
+        width: 24,
+        height: 24,
+        borderRadius: 5,
+        borderWidth: 1,
+        backgroundColor: R.colors.primary,
+        marginRight: 16,
+        justifyContent: 'center',
+        alignItems: 'center',
+    },
+    check: {
+        width: '60%',
+        height: '60%',
+        tintColor: R.colors.white,
+    },
+    textContainer: {
+        flex: 1,
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/components/checkbox/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/checkbox/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,CAAC,MAAM,WAAW,CAAA;AAEzB,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,SAAS,EAAE;QACT,YAAY,EAAE,EAAE;KACjB;IACD,OAAO,EAAE;QACP,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;KACrB;IACD,SAAS,EAAE;QACT,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;QACd,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW;QACrC,WAAW,EAAE,EAAE;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,WAAW,EAAE;QACX,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;QACd,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;QACjC,WAAW,EAAE,EAAE;QACf,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,QAAQ;KACrB;IACD,KAAK,EAAE;QACL,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;KAC1B;IACD,aAAa,EAAE;QACb,IAAI,EAAE,CAAC;KACR;CACF,CAAC,CAAA"}

package/lib/components/checkbox/types.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+export interface ICheckboxStyles {
+    container?: StyleProp<ViewStyle>;
+    content?: StyleProp<ViewStyle>;
+    indicator?: StyleProp<ViewStyle>;
+    indicatorDisabled?: StyleProp<ViewStyle>;
+    text?: StyleProp<TextStyle>;
+    box?: StyleProp<ViewStyle>;
+    icon?: StyleProp<ImageStyle>;
+}
+export interface ICheckboxProps {
+    onPress: () => void;
+    text: string;
+    isActive: boolean;
+    styles?: ICheckboxStyles;
+    customTextComp?: ReactNode;
+}

package/lib/components/checkbox/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/checkbox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/checkbox/types.ts"],"names":[],"mappings":""}

package/lib/components/datePicker/DatePicker.d.ts

@@ -0,0 +1,3 @@
+import { IDatePickerProps } from './types';
+declare const DatePicker: ({ onSelectDate, onCancel, containerStyle, text, selectedDate, }: IDatePickerProps) => JSX.Element;
+export default DatePicker;

package/lib/components/datePicker/DatePicker.js

@@ -0,0 +1,30 @@
+import React, { useState } from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+import DateTimePickerModal from 'react-native-modal-datetime-picker';
+import s from './styles';
+const DatePicker = ({ onSelectDate, onCancel, containerStyle, text = 'Select date', selectedDate, }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const onButtonPress = () => {
+        requestAnimationFrame(() => setIsVisible(true));
+    };
+    const handleOnSelectDate = (date) => {
+        if (onSelectDate) {
+            onSelectDate(date);
+        }
+        setIsVisible(false);
+    };
+    const handleOnCancel = (_) => {
+        if (onCancel) {
+            onCancel();
+        }
+        setIsVisible(false);
+    };
+    return (React.createElement(View, { style: [containerStyle] },
+        React.createElement(TouchableOpacity, { onPress: onButtonPress, style: s.button },
+            React.createElement(Text, { style: {
+                    fontSize: 16,
+                } }, (selectedDate === null || selectedDate === void 0 ? void 0 : selectedDate.toLocaleDateString()) || text)),
+        isVisible && (React.createElement(DateTimePickerModal, { isVisible: isVisible, mode: 'date', onConfirm: handleOnSelectDate, onCancel: handleOnCancel }))));
+};
+export default DatePicker;
+//# sourceMappingURL=DatePicker.js.map

package/lib/components/datePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/datePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC3D,OAAO,mBAAmB,MAAM,oCAAoC,CAAA;AAEpE,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,UAAU,GAAG,CAAC,EAClB,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,IAAI,GAAG,aAAa,EACpB,YAAY,GACK,EAAE,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACjD,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,qBAAqB,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA;IACjD,CAAC,CAAA;IAED,MAAM,kBAAkB,GAAG,CAAC,IAAU,EAAE,EAAE;QACxC,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;QACD,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,CAAO,EAAE,EAAE;QACjC,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAA;SACX;QACD,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,cAAc,CAAC;QAC3B,oBAAC,gBAAgB,IAAC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM;YACvD,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;iBACb,IAEA,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,kBAAkB,EAAE,KAAI,IAAI,CACtC,CACU;QAClB,SAAS,IAAI,CACZ,oBAAC,mBAAmB,IAClB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,kBAAkB,EAC7B,QAAQ,EAAE,cAAc,GACxB,CACH,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/components/datePicker/styles.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+    button: {
+        width: string;
+        borderWidth: number;
+        height: number;
+        alignItems: "flex-start";
+        justifyContent: "center";
+        paddingHorizontal: number;
+        borderColor: string;
+        borderRadius: number;
+        marginBottom: number;
+    };
+    text: {
+        fontSize: number;
+        color: string;
+    };
+};
+export default _default;

package/lib/components/datePicker/styles.js

@@ -0,0 +1,20 @@
+import { StyleSheet } from 'react-native';
+import R from '../../res';
+export default StyleSheet.create({
+    button: {
+        width: '100%',
+        borderWidth: 1,
+        height: 55,
+        alignItems: 'flex-start',
+        justifyContent: 'center',
+        paddingHorizontal: 8,
+        borderColor: R.colors.primary,
+        borderRadius: 5,
+        marginBottom: 24,
+    },
+    text: {
+        fontSize: 16,
+        color: R.colors.primary,
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/components/datePicker/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/datePicker/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,CAAC,MAAM,WAAW,CAAA;AAEzB,eAAe,UAAU,CAAC,MAAM,CAAC;IAC/B,MAAM,EAAE;QACN,KAAK,EAAE,MAAM;QACb,WAAW,EAAE,CAAC;QACd,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,YAAY;QACxB,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,CAAC;QACpB,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;QAC7B,YAAY,EAAE,CAAC;QACf,YAAY,EAAE,EAAE;KACjB;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO;KACxB;CACF,CAAC,CAAA"}

package/lib/components/datePicker/types.d.ts

@@ -0,0 +1,8 @@
+import { ViewStyle } from 'react-native';
+export interface IDatePickerProps {
+    onSelectDate?: (date: Date) => void;
+    onCancel?: () => void;
+    containerStyle?: ViewStyle;
+    text: string;
+    selectedDate?: Date;
+}

package/lib/components/datePicker/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/datePicker/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/datePicker/types.ts"],"names":[],"mappings":""}

package/lib/components/dropdown/Dropdown.d.ts

@@ -0,0 +1,3 @@
+import { IDropdownProps } from './types';
+declare const Dropdown: ({ items, selectedOption, onSelectItem, styles, label, isMaterial, }: IDropdownProps) => JSX.Element;
+export default Dropdown;

package/lib/components/dropdown/Dropdown.js

@@ -0,0 +1,40 @@
+//@ts-nocheck
+import React, { useEffect, useRef, useState } from 'react';
+import { FlatList, Image, Modal, Text, TouchableOpacity, TouchableWithoutFeedback, View, } from 'react-native';
+import R from '../../res';
+import Separator from '../separator/Separator';
+import DropdownListItem from './DropdownListItem';
+import { DropdownStyles as s } from './styles';
+const Dropdown = ({ items, selectedOption, onSelectItem, styles, label, isMaterial, }) => {
+    const [isModalVisible, setIsModalVisible] = useState(false);
+    const flatListRef = useRef();
+    const showModal = () => setIsModalVisible(true);
+    const hideModal = () => setIsModalVisible(false);
+    const handleOnSelectItem = (item) => {
+        onSelectItem(item);
+        setTimeout(() => {
+            hideModal();
+        }, 300);
+    };
+    const onButtonPress = () => {
+        console.log('DROPDOWN - onButtonPress');
+        requestAnimationFrame(() => showModal());
+    };
+    useEffect(() => {
+        if (flatListRef === null || flatListRef === void 0 ? void 0 : flatListRef.current) {
+            flatListRef.current.flashScrollIndicators();
+        }
+    }, [isModalVisible]);
+    return (React.createElement(View, { style: [s.rootContainer, styles === null || styles === void 0 ? void 0 : styles.container] },
+        React.createElement(TouchableOpacity, { onPress: onButtonPress, style: [s.button, styles === null || styles === void 0 ? void 0 : styles.button] },
+            React.createElement(Text, { style: [s.label, styles === null || styles === void 0 ? void 0 : styles.label] }, selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.label),
+            React.createElement(Image, { source: R.icons.dropdown, style: [s.icon, styles === null || styles === void 0 ? void 0 : styles.icon] })),
+        isModalVisible && items.length > 0 && (React.createElement(Modal, { presentationStyle: 'overFullScreen', transparent: true },
+            React.createElement(View, { style: s.modalContainer },
+                React.createElement(TouchableOpacity, { activeOpacity: 1, onPress: hideModal, style: s.modalBackgroundTouchable },
+                    React.createElement(TouchableWithoutFeedback, null,
+                        React.createElement(View, { style: s.dialog },
+                            React.createElement(FlatList, { ref: flatListRef, indicatorStyle: 'black', data: items, extraData: items, renderItem: ({ item }) => (React.createElement(DropdownListItem, { item: item, onSelectItem: handleOnSelectItem, selectedOption: selectedOption })), ItemSeparatorComponent: () => React.createElement(Separator, null) })))))))));
+};
+export default Dropdown;
+//# sourceMappingURL=Dropdown.js.map

package/lib/components/dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/lib/components/dropdown/DropdownListItem.d.ts

@@ -0,0 +1,3 @@
+import { IDropdownListItemProps } from './types';
+declare const DropdownListItem: ({ item, onSelectItem, selectedOption, }: IDropdownListItemProps) => JSX.Element;
+export default DropdownListItem;

package/lib/components/dropdown/DropdownListItem.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Text, TouchableOpacity, View } from 'react-native';
+import { DropdownListItemStyles as styles } from './styles';
+const DropdownListItem = ({ item, onSelectItem, selectedOption, }) => {
+    const handleOnSelectItem = () => onSelectItem(item);
+    const isSelected = !!selectedOption && selectedOption.value === item.value;
+    return (React.createElement(View, { style: styles.rootContainer },
+        React.createElement(TouchableOpacity, { onPress: handleOnSelectItem, style: isSelected ? styles.buttonSelected : styles.button },
+            React.createElement(Text, { style: styles.text, numberOfLines: 2 }, item.label))));
+};
+export default DropdownListItem;
+//# sourceMappingURL=DropdownListItem.js.map

package/lib/components/dropdown/DropdownListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownListItem.js","sourceRoot":"","sources":["../../../src/components/dropdown/DropdownListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,sBAAsB,IAAI,MAAM,EAAE,MAAM,UAAU,CAAA;AAG3D,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,YAAY,EACZ,cAAc,GACS,EAAE,EAAE;IAC3B,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,CAAC,CAAC,cAAc,IAAI,cAAc,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAA;IAE1E,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,aAAa;QAC/B,oBAAC,gBAAgB,IACf,OAAO,EAAE,kBAAkB,EAC3B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM;YAEzD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,EAAE,CAAC,IACvC,IAAI,CAAC,KAAK,CACN,CACU,CACd,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}