tf-checkout-react-native 1.0.0

package/lib/containers/myOrders/types.d.ts

@@ -0,0 +1,27 @@
+import { ColorValue, StyleProp, TextStyle, ViewStyle } from 'react-native';
+import { IMyOrdersOrder } from '../../api/types';
+import { IButtonStyles } from '../../components/button/types';
+import { IDropdownItem, IDropdownStyles } from '../../components/dropdown/types';
+import { IOrderListItemStyles } from './components/types';
+export interface IMyOrdersViewProps {
+    myEvents: IDropdownItem[];
+    selectedEvent?: IDropdownItem;
+    onChangeEvent: (event: IDropdownItem) => void;
+    myOrders: IMyOrdersOrder[];
+    onSelectOrder: (order: IMyOrdersOrder) => void;
+    isGettingEventDetails?: boolean;
+    isLoading?: boolean;
+    styles?: {
+        orderListItem?: IOrderListItemStyles;
+        safeArea?: StyleProp<ViewStyle>;
+        listContainer?: StyleProp<ViewStyle>;
+        eventsContainer?: StyleProp<ViewStyle>;
+        eventsTitle?: StyleProp<TextStyle>;
+        refreshControlColor?: ColorValue;
+        goBackButton?: IButtonStyles;
+        eventsDropdown?: IDropdownStyles;
+    };
+    goBackButtonText?: string;
+    onGoBack: () => void;
+    onRefresh?: () => void;
+}

package/lib/containers/myOrders/types.js

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

package/lib/containers/myOrders/types.js.map

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

package/lib/containers/purchaseConfirmation/PurchaseConfirmation.d.ts

@@ -0,0 +1,3 @@
+import { IPurchaseConfirmationProps } from './types';
+declare const PurchaseConfirmation: ({ orderHash, onComplete, }: IPurchaseConfirmationProps) => JSX.Element;
+export default PurchaseConfirmation;

package/lib/containers/purchaseConfirmation/PurchaseConfirmation.js

@@ -0,0 +1,17 @@
+import React, { useEffect } from 'react';
+import { fetchPurchaseConfirmation } from '../../api/ApiClient';
+import PurchaseConfirmationView from './PurchaseConfirmationView';
+const PurchaseConfirmation = ({ orderHash, onComplete, }) => {
+    useEffect(() => {
+        const getInitialData = async () => {
+            const { data: purchaseData, error: purchaseError } = await fetchPurchaseConfirmation(orderHash);
+            console.log('purchaseData', purchaseData);
+            console.log('purchaseError', purchaseError);
+        };
+        getInitialData();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (React.createElement(PurchaseConfirmationView, { orderHash: orderHash, onComplete: onComplete }));
+};
+export default PurchaseConfirmation;
+//# sourceMappingURL=PurchaseConfirmation.js.map

package/lib/containers/purchaseConfirmation/PurchaseConfirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseConfirmation.js","sourceRoot":"","sources":["../../../src/containers/purchaseConfirmation/PurchaseConfirmation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,wBAAwB,MAAM,4BAA4B,CAAA;AAGjE,MAAM,oBAAoB,GAAG,CAAC,EAC5B,SAAS,EACT,UAAU,GACiB,EAAE,EAAE;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,cAAc,GAAG,KAAK,IAAI,EAAE;YAChC,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,GAChD,MAAM,yBAAyB,CAAC,SAAS,CAAC,CAAA;YAE5C,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,YAAY,CAAC,CAAA;YACzC,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,aAAa,CAAC,CAAA;QAC7C,CAAC,CAAA;QAED,cAAc,EAAE,CAAA;QAChB,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAA;IACN,OAAO,CACL,oBAAC,wBAAwB,IAAC,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,UAAU,GAAI,CAC3E,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/lib/containers/purchaseConfirmation/PurchaseConfirmationView.d.ts

@@ -0,0 +1,3 @@
+import { IPurchaseConfirmationProps } from './types';
+declare const PurchaseConfirmationView: ({ texts, styles, onComplete, }: IPurchaseConfirmationProps) => JSX.Element;
+export default PurchaseConfirmationView;

package/lib/containers/purchaseConfirmation/PurchaseConfirmationView.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Text, View } from 'react-native';
+import { Button } from '../../components';
+import s from './styles';
+const PurchaseConfirmationView = ({ texts, styles, onComplete, }) => {
+    var _a, _b, _c;
+    return (React.createElement(View, { style: [s.rootContainer, styles === null || styles === void 0 ? void 0 : styles.rootContainer] },
+        React.createElement(Text, { style: [s.title, styles === null || styles === void 0 ? void 0 : styles.title] }, (texts === null || texts === void 0 ? void 0 : texts.title) || 'Your Tickets are Confirmed!'),
+        React.createElement(View, { style: [s.messagesContainer, (_a = styles === null || styles === void 0 ? void 0 : styles.message) === null || _a === void 0 ? void 0 : _a.container] },
+            React.createElement(Text, null, ((_b = texts === null || texts === void 0 ? void 0 : texts.message) === null || _b === void 0 ? void 0 : _b.line1) || 'YOUR TICKETS HAVE BEEN EMAILED TO YOU \n'),
+            React.createElement(Text, null, ((_c = texts === null || texts === void 0 ? void 0 : texts.message) === null || _c === void 0 ? void 0 : _c.line2) || 'PLEASE BRING THEM WITH YOU TO THE EVENT')),
+        React.createElement(Button, { text: 'Exit', onPress: onComplete })));
+};
+export default PurchaseConfirmationView;
+//# sourceMappingURL=PurchaseConfirmationView.js.map

package/lib/containers/purchaseConfirmation/PurchaseConfirmationView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PurchaseConfirmationView.js","sourceRoot":"","sources":["../../../src/containers/purchaseConfirmation/PurchaseConfirmationView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAA;AACzC,OAAO,CAAC,MAAM,UAAU,CAAA;AAGxB,MAAM,wBAAwB,GAAG,CAAC,EAChC,KAAK,EACL,MAAM,EACN,UAAU,GACiB,EAAE,EAAE;;IAAC,OAAA,CAChC,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,aAAa,CAAC;QACnD,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,IAClC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,6BAA6B,CACzC;QAEP,oBAAC,IAAI,IAAC,KAAK,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,0CAAE,SAAS,CAAC;YAC5D,oBAAC,IAAI,QACF,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,KAAK,KAAI,0CAA0C,CAC/D;YACP,oBAAC,IAAI,QACF,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,0CAAE,KAAK,KAAI,yCAAyC,CAC9D,CACF;QA8CP,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,UAAU,GAAI,CACtC,CACR,CAAA;CAAA,CAAA;AAED,eAAe,wBAAwB,CAAA"}

package/lib/containers/purchaseConfirmation/styles.d.ts

@@ -0,0 +1,73 @@
+declare const _default: {
+    rootContainer: {
+        backgroundColor: string;
+        padding: number;
+        flex: number;
+    };
+    messagesContainer: {
+        marginVertical: number;
+        padding: number;
+        backgroundColor: string;
+    };
+    title: {
+        fontWeight: "700";
+        color: string;
+        fontSize: number;
+    };
+    promoContainer: {
+        marginVertical: number;
+    };
+    promoTitleKeyword: {
+        fontWeight: "800";
+        color: string;
+    };
+    promoTitle: {
+        fontSize: number;
+    };
+    promoMessage: {
+        fontSize: number;
+        marginTop: number;
+    };
+    promoMessageKeyword: {
+        fontWeight: "600";
+    };
+    promoDiscount: {
+        fontWeight: "700";
+        color: string;
+    };
+    inviteContainer: {
+        marginVertical: number;
+    };
+    inviteTitle: {
+        fontSize: number;
+        fontWeight: "500";
+        marginBottom: number;
+    };
+    inviteMessage: {
+        fontSize: number;
+    };
+    inviteLinkContainer: {
+        flexDirection: "row";
+        alignItems: "center";
+        marginTop: number;
+    };
+    inviteLink: {
+        padding: number;
+        backgroundColor: string;
+        color: string;
+    };
+    copyButton: {
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+        marginLeft: number;
+        padding: number;
+    };
+    copyIcon: {
+        width: number;
+        height: number;
+        resizeMode: "contain";
+        tintColor: string;
+    };
+};
+export default _default;

package/lib/containers/purchaseConfirmation/styles.js

@@ -0,0 +1,75 @@
+import { StyleSheet } from 'react-native';
+import R from '../../res';
+export default StyleSheet.create({
+    rootContainer: {
+        backgroundColor: R.colors.white,
+        padding: 24,
+        flex: 1,
+    },
+    messagesContainer: {
+        marginVertical: 24,
+        padding: 12,
+        backgroundColor: 'gainsboro',
+    },
+    title: {
+        fontWeight: '700',
+        color: R.colors.black,
+        fontSize: 22,
+    },
+    promoContainer: {
+        marginVertical: 24,
+    },
+    promoTitleKeyword: {
+        fontWeight: '800',
+        color: R.colors.danger,
+    },
+    promoTitle: {
+        fontSize: 25,
+    },
+    promoMessage: {
+        fontSize: 18,
+        marginTop: 8,
+    },
+    promoMessageKeyword: {
+        fontWeight: '600',
+    },
+    promoDiscount: {
+        fontWeight: '700',
+        color: R.colors.danger,
+    },
+    inviteContainer: {
+        marginVertical: 24,
+    },
+    inviteTitle: {
+        fontSize: 18,
+        fontWeight: '500',
+        marginBottom: 16,
+    },
+    inviteMessage: {
+        fontSize: 18,
+    },
+    inviteLinkContainer: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        marginTop: 16,
+    },
+    inviteLink: {
+        padding: 8,
+        backgroundColor: R.colors.black,
+        color: R.colors.white,
+    },
+    copyButton: {
+        backgroundColor: R.colors.black,
+        alignItems: 'center',
+        justifyContent: 'center',
+        marginLeft: 16,
+        padding: 4,
+    },
+    copyIcon: {
+        width: 28,
+        height: 28,
+        resizeMode: 'contain',
+        tintColor: R.colors.white,
+    },
+});
+//# sourceMappingURL=styles.js.map

package/lib/containers/purchaseConfirmation/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/containers/purchaseConfirmation/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,aAAa,EAAE;QACb,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QAC/B,OAAO,EAAE,EAAE;QACX,IAAI,EAAE,CAAC;KACR;IACD,iBAAiB,EAAE;QACjB,cAAc,EAAE,EAAE;QAClB,OAAO,EAAE,EAAE;QACX,eAAe,EAAE,WAAW;KAC7B;IACD,KAAK,EAAE;QACL,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QACrB,QAAQ,EAAE,EAAE;KACb;IAED,cAAc,EAAE;QACd,cAAc,EAAE,EAAE;KACnB;IACD,iBAAiB,EAAE;QACjB,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM;KACvB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE;KACb;IACD,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,SAAS,EAAE,CAAC;KACb;IACD,mBAAmB,EAAE;QACnB,UAAU,EAAE,KAAK;KAClB;IACD,aAAa,EAAE;QACb,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,MAAM;KACvB;IAED,eAAe,EAAE;QACf,cAAc,EAAE,EAAE;KACnB;IACD,WAAW,EAAE;QACX,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;KACjB;IACD,aAAa,EAAE;QACb,QAAQ,EAAE,EAAE;KACb;IAED,mBAAmB,EAAE;QACnB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,EAAE;KACd;IACD,UAAU,EAAE;QACV,OAAO,EAAE,CAAC;QACV,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QAC/B,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;KACtB;IACD,UAAU,EAAE;QACV,eAAe,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;QAC/B,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,UAAU,EAAE,EAAE;QACd,OAAO,EAAE,CAAC;KACX;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,UAAU,EAAE,SAAS;QACrB,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;KAC1B;CACF,CAAC,CAAA"}

package/lib/containers/purchaseConfirmation/types.d.ts

@@ -0,0 +1,50 @@
+import { ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
+export interface IPurchaseConfirmationProps {
+    orderHash: string;
+    onComplete: () => void;
+}
+export interface IPurchaseConfirmationTexts {
+    title?: string;
+    message?: {
+        line1?: string;
+        line2?: string;
+    };
+    promo?: {
+        discount?: string;
+    };
+    invite?: {
+        title?: string;
+        message?: string;
+    };
+}
+export interface IPurchaseConfirmationStyles {
+    rootContainer?: StyleProp<ViewStyle>;
+    title?: StyleProp<TextStyle>;
+    message?: {
+        container?: StyleProp<ViewStyle>;
+        line1?: StyleProp<TextStyle>;
+        line2?: StyleProp<TextStyle>;
+    };
+    promo?: {
+        container?: StyleProp<ViewStyle>;
+        title?: StyleProp<TextStyle>;
+        titleKeyword?: StyleProp<TextStyle>;
+        message?: StyleProp<TextStyle>;
+        messageKeyword?: StyleProp<TextStyle>;
+        discount?: StyleProp<TextStyle>;
+    };
+    invite?: {
+        container?: StyleProp<ViewStyle>;
+        title?: StyleProp<TextStyle>;
+        message?: StyleProp<TextStyle>;
+        link?: StyleProp<TextStyle>;
+        linkContainer?: StyleProp<ViewStyle>;
+        copyIcon?: StyleProp<ImageStyle>;
+        copyButton?: StyleProp<ViewStyle>;
+    };
+}
+export interface IPurchaseConfirmationProps {
+    texts?: IPurchaseConfirmationTexts;
+    styles?: IPurchaseConfirmationStyles;
+    referralLink?: string;
+}

package/lib/containers/purchaseConfirmation/types.js

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

package/lib/containers/purchaseConfirmation/types.js.map

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

package/lib/containers/tickets/Tickets.d.ts

@@ -0,0 +1,3 @@
+import { ITicketsProps } from './types';
+declare const Tickets: ({ eventId, onAddToCartSuccess, onAddToCartError, onFetchTicketsError, styles, texts, isAccessCodeEnabled, isPromoEnabled, onPressMyOrders, }: ITicketsProps) => JSX.Element;
+export default Tickets;

package/lib/containers/tickets/Tickets.js

@@ -0,0 +1,143 @@
+//@ts-nocheck
+import jwtDecode from 'jwt-decode';
+import _get from 'lodash/get';
+import _isEmpty from 'lodash/isEmpty';
+import _some from 'lodash/some';
+import React, { useEffect, useState } from 'react';
+import { Alert } from 'react-native';
+import { addToCart, fetchEvent, fetchTickets } from '../../api/ApiClient';
+import { deleteData, getData, LocalStorageKeys, } from '../../helpers/LocalStorage';
+import TicketsView from './TicketsView';
+const Tickets = ({ eventId, onAddToCartSuccess, onAddToCartError, onFetchTicketsError, styles, texts, isAccessCodeEnabled = false, isPromoEnabled = true, onPressMyOrders, }) => {
+    const [isUserLogged, setIsUserLogged] = useState(false);
+    const [isGettingTickets, setIsGettingTickets] = useState(false);
+    const [isGettingEvent, setIsGettingEvent] = useState(false);
+    const [event, setEvent] = useState();
+    const [isBooking, setIsBooking] = useState(false);
+    const [tickets, setTickets] = useState([]);
+    const [isWaitingListVisible, setIsWaitingListVisible] = useState(false);
+    const [isAccessCode, setIsAccessCode] = useState(false);
+    const [selectedTicket, setSelectedTicket] = useState();
+    const [promoCodeResponse, setPromoCodeResponse] = useState(undefined);
+    const [isFirstCall, setIsFirstCall] = useState(true);
+    const showError = (error) => {
+        Alert.alert('', error);
+    };
+    const isTicketOnSale = _some(tickets, (item) => item.salesStarted && !item.salesEnded && !item.soldOut);
+    console.log('isTicketOnSale', isTicketOnSale);
+    //#region Api calls
+    const retrieveStoredAccessToken = async () => {
+        const token = await getData(LocalStorageKeys.ACCESS_TOKEN);
+        if (!token) {
+            return setIsUserLogged(false);
+        }
+        const decodedToken = jwtDecode(token);
+        if (decodedToken && decodedToken.exp < Date.now() / 1000) {
+            deleteData(LocalStorageKeys.ACCESS_TOKEN);
+            deleteData(LocalStorageKeys.USER_DATA);
+            return setIsUserLogged(false);
+        }
+        setIsUserLogged(true);
+    };
+    const getTickets = async (promoCode = '') => {
+        setIsGettingTickets(true);
+        const { error, tickets: responseTickets, promoCodeResult, isInWaitingList, isAccessCodeRequired, } = await fetchTickets(eventId, promoCode);
+        setIsGettingTickets(false);
+        if (error) {
+            console.log('%cTickets.tsx line:45 Tickets error', 'color: #007acc;', error);
+            if (onFetchTicketsError) {
+                onFetchTicketsError(error);
+            }
+            showError('Error while getting tickets, please try again');
+            return;
+        }
+        setIsWaitingListVisible(!!isInWaitingList);
+        setIsAccessCode(!!isAccessCodeRequired);
+        if (responseTickets && !_isEmpty(responseTickets)) {
+            setTickets(responseTickets);
+            setPromoCodeResponse(promoCodeResult);
+            if (!isFirstCall && !(promoCodeResult === null || promoCodeResult === void 0 ? void 0 : promoCodeResult.isValid)) {
+                Alert.alert('', promoCodeResult === null || promoCodeResult === void 0 ? void 0 : promoCodeResult.message);
+            }
+        }
+        setIsFirstCall(false);
+    };
+    const getEventData = async () => {
+        setIsGettingEvent(true);
+        const { eventError, eventData } = await fetchEvent(eventId);
+        if (eventError) {
+            return Alert.alert('', eventError);
+        }
+        setEvent(eventData);
+        setIsGettingEvent(false);
+    };
+    const performBookTickets = async () => {
+        var _a;
+        const optionName = _get(selectedTicket, 'optionName');
+        const ticketId = _get(selectedTicket, 'id');
+        const ticketQuantity = (_a = selectedTicket === null || selectedTicket === void 0 ? void 0 : selectedTicket.selectedOption) === null || _a === void 0 ? void 0 : _a.value;
+        const ticketPrice = selectedTicket === null || selectedTicket === void 0 ? void 0 : selectedTicket.price;
+        const data = {
+            attributes: {
+                alternative_view_id: null,
+                product_cart_quantity: ticketQuantity,
+                product_options: {
+                    [optionName]: ticketId,
+                },
+                product_id: eventId,
+                ticket_types: {
+                    [ticketId]: {
+                        product_options: {
+                            [optionName]: ticketId,
+                            ticket_price: ticketPrice,
+                        },
+                        quantity: ticketQuantity,
+                    },
+                },
+            },
+        };
+        setIsBooking(true);
+        const { data: result, error: addToCartError } = await addToCart(eventId, data);
+        console.log('Add to Cart data', result);
+        console.log('Add to Cart error', addToCartError);
+        setIsBooking(false);
+        if (result) {
+            return onAddToCartSuccess(result);
+        }
+        if (addToCartError) {
+            Alert.alert('', addToCartError);
+            if (onAddToCartError) {
+                onAddToCartError(addToCartError);
+            }
+            return;
+        }
+    };
+    //#endregion
+    //#region UseEffects
+    useEffect(() => {
+        const fetchInitialData = async () => {
+            await retrieveStoredAccessToken();
+            await getTickets();
+            await getEventData();
+        };
+        fetchInitialData();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    //#endregion
+    //#region Handlers
+    const handleOnPressGetTickets = () => {
+        performBookTickets();
+    };
+    const handleOnPressApplyPromoCode = async (code) => {
+        await getTickets(code);
+    };
+    const handleOnSelectTicketOption = (ticket) => {
+        setSelectedTicket(ticket);
+    };
+    //#endregion
+    console.log('PromoCode Response', promoCodeResponse);
+    console.log('EVENT', event);
+    return (React.createElement(TicketsView, { eventId: eventId, isGettingTickets: isGettingTickets, tickets: tickets, onPressGetTickets: handleOnPressGetTickets, onPressApplyPromoCode: handleOnPressApplyPromoCode, promoCodeValidationMessage: promoCodeResponse === null || promoCodeResponse === void 0 ? void 0 : promoCodeResponse.message, isPromoCodeValid: promoCodeResponse === null || promoCodeResponse === void 0 ? void 0 : promoCodeResponse.isValid, onSelectTicketOption: handleOnSelectTicketOption, selectedTicket: selectedTicket, isBookingTickets: isBooking, styles: styles, texts: texts, event: event, isWaitingListVisible: isWaitingListVisible, isGetTicketsButtonVisible: isTicketOnSale || !(event === null || event === void 0 ? void 0 : event.salesEnded), isAccessCodeEnabled: isAccessCodeEnabled || isAccessCode, isPromoEnabled: isPromoEnabled, isUserLogged: isUserLogged, onPressMyOrders: onPressMyOrders }));
+};
+export default Tickets;
+//# sourceMappingURL=Tickets.js.map

package/lib/containers/tickets/Tickets.js.map

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

package/lib/containers/tickets/TicketsView.d.ts

@@ -0,0 +1,3 @@
+import { ITicketsViewProps } from './types';
+declare const TicketsView: ({ isGettingTickets, tickets, styles, onPressGetTickets, onPressApplyPromoCode, promoCodeValidationMessage, isPromoCodeValid, onSelectTicketOption, selectedTicket, isBookingTickets, texts, isGettingEvent, event, isWaitingListVisible, isGetTicketsButtonVisible, eventId, isAccessCodeEnabled, isUserLogged, onPressMyOrders, }: ITicketsViewProps) => JSX.Element;
+export default TicketsView;

package/lib/containers/tickets/TicketsView.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { FlatList, Text, View } from 'react-native';
+import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
+import { Loading, LoggedIn, PromoCode, WaitingList } from '../../components';
+import Button from '../../components/button/Button';
+import Separator from '../../components/separator/Separator';
+import CartListItem from './components/TicketListItem';
+import s from './styles';
+const TicketsView = ({ isGettingTickets, tickets, styles, onPressGetTickets, onPressApplyPromoCode, promoCodeValidationMessage, isPromoCodeValid, onSelectTicketOption, selectedTicket, isBookingTickets, texts, isGettingEvent, event, isWaitingListVisible, isGetTicketsButtonVisible, eventId, isAccessCodeEnabled, isUserLogged, onPressMyOrders, }) => {
+    var _a, _b, _c;
+    const isButtonDisabled = !selectedTicket || ((_a = selectedTicket.selectedOption) === null || _a === void 0 ? void 0 : _a.value) === 0;
+    const buttonText = isButtonDisabled
+        ? 'Get tickets'
+        : `Get ${(_b = selectedTicket === null || selectedTicket === void 0 ? void 0 : selectedTicket.selectedOption) === null || _b === void 0 ? void 0 : _b.value} tickets`;
+    const title = (texts === null || texts === void 0 ? void 0 : texts.title) ? texts.title : 'GET TICKETS';
+    console.log('isGetTicketsButtonVisible', isGetTicketsButtonVisible);
+    return (React.createElement(KeyboardAwareScrollView, null,
+        React.createElement(View, { style: [s.container, styles === null || styles === void 0 ? void 0 : styles.container] },
+            React.createElement(View, { style: s.header },
+                React.createElement(Text, { style: [s.headerText, styles === null || styles === void 0 ? void 0 : styles.title] }, title)),
+            React.createElement(FlatList, { data: tickets, style: (_c = styles === null || styles === void 0 ? void 0 : styles.ticketList) === null || _c === void 0 ? void 0 : _c.listContainer, keyExtractor: (item) => `ticket.${item.id}`, renderItem: ({ item, index }) => {
+                    var _a;
+                    return (React.createElement(CartListItem, { onSelectTicketItem: onSelectTicketOption, ticket: item, ticketNumber: index, selectedTicket: selectedTicket, styles: (_a = styles === null || styles === void 0 ? void 0 : styles.ticketList) === null || _a === void 0 ? void 0 : _a.item, ...item }));
+                }, ItemSeparatorComponent: () => React.createElement(Separator, null) }),
+            isWaitingListVisible && (event === null || event === void 0 ? void 0 : event.salesStarted) && (React.createElement(WaitingList, { eventId: eventId, styles: styles === null || styles === void 0 ? void 0 : styles.waitingList, texts: texts === null || texts === void 0 ? void 0 : texts.waitingList })),
+            React.createElement(PromoCode, { onPressApply: onPressApplyPromoCode, promoCodeValidationMessage: promoCodeValidationMessage, isPromoCodeValid: isPromoCodeValid, isAccessCodeEnabled: isAccessCodeEnabled, styles: styles === null || styles === void 0 ? void 0 : styles.promoCode, texts: texts === null || texts === void 0 ? void 0 : texts.promoCode }),
+            isGetTicketsButtonVisible && (React.createElement(Button, { text: buttonText, onPress: onPressGetTickets, isUpperCase: true, isLoading: isBookingTickets, isDisabled: isButtonDisabled, styles: {
+                    container: styles === null || styles === void 0 ? void 0 : styles.getTicketsButton,
+                    text: styles === null || styles === void 0 ? void 0 : styles.getTicketText,
+                } })),
+            isUserLogged && React.createElement(LoggedIn, { onPressMyOrders: onPressMyOrders }),
+            isGettingTickets || (isGettingEvent && React.createElement(Loading, null)))));
+};
+export default TicketsView;
+//# sourceMappingURL=TicketsView.js.map

package/lib/containers/tickets/TicketsView.js.map

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

package/lib/containers/tickets/components/TicketListItem.d.ts

@@ -0,0 +1,3 @@
+import { ITicketListItemProps } from './types';
+declare const TicketListItem: ({ ticket, ticketNumber, onSelectTicketItem, selectedTicket, styles, texts, }: ITicketListItemProps) => JSX.Element;
+export default TicketListItem;

package/lib/containers/tickets/components/TicketListItem.js

@@ -0,0 +1,46 @@
+import _has from 'lodash/has';
+import React from 'react';
+import { Text, View } from 'react-native';
+import { Dropdown } from '../../../components';
+import { priceWithCurrency } from '../../../helpers/StringsHelper';
+import { CartListItemStyles as s } from './styles';
+const TicketListItem = ({ ticket, ticketNumber, onSelectTicketItem, selectedTicket, styles, texts, }) => {
+    var _a;
+    console.log('TICKET', ticket);
+    const isSoldOut = ticket.sold_out || !ticket.displayTicket || ticket.soldOut;
+    const isSalesClosed = !ticket.salesStarted || ticket.salesEnded || !_has(ticket, 'maxQuantity');
+    const customSoldOutMessage = (texts === null || texts === void 0 ? void 0 : texts.soldOut) ? texts.soldOut : 'SOLD OUT';
+    const soldOutMessage = ticket.soldOutMessage
+        ? `${ticket.soldOutMessage}`.toUpperCase()
+        : customSoldOutMessage;
+    const getSelectOptions = (maxCount = 10, minCount = 1, multiplier = 1) => {
+        const options = [{ label: '0', value: 0 }];
+        for (let i = minCount; i <= Math.min(50, maxCount); i += multiplier) {
+            options.push({ label: i.toString(), value: i });
+        }
+        return options;
+    };
+    const handleOnSelectItem = (item) => {
+        onSelectTicketItem({ ...ticket, selectedOption: item });
+    };
+    const selectedOption = selectedTicket &&
+        ticket.id === selectedTicket.id &&
+        selectedTicket.selectedOption
+        ? selectedTicket.selectedOption
+        : { label: '0', value: 0 };
+    const taxText = ticket.feeText || ticket.feeIncluded ? '(incl. Fees)' : '(excl. Fees)';
+    const showOldPrice = ticket.price !== ticket.oldPrice;
+    return (React.createElement(View, { style: [s.container, styles === null || styles === void 0 ? void 0 : styles.container] },
+        React.createElement(View, { style: s.leftContainer },
+            React.createElement(Text, { style: [s.ticketNumber, styles === null || styles === void 0 ? void 0 : styles.ticketName], numberOfLines: 2 }, ticket.displayName.toUpperCase() || `TICKET ${ticketNumber}`),
+            isSoldOut ? (React.createElement(View, { style: [s.soldOutContainer, styles === null || styles === void 0 ? void 0 : styles.soldOutContainer] },
+                React.createElement(Text, { style: [s.soldOut, styles === null || styles === void 0 ? void 0 : styles.soldOutText] }, soldOutMessage))) : (React.createElement(React.Fragment, null,
+                React.createElement(View, { style: styles === null || styles === void 0 ? void 0 : styles.pricesContainer },
+                    showOldPrice && (React.createElement(Text, { style: [s.oldPrice, styles === null || styles === void 0 ? void 0 : styles.oldPrice] }, priceWithCurrency((_a = ticket.oldPrice) === null || _a === void 0 ? void 0 : _a.toString(), ticket.priceSymbol))),
+                    React.createElement(Text, { style: [s.price, styles === null || styles === void 0 ? void 0 : styles.price] }, priceWithCurrency(ticket.price.toString(), ticket.priceSymbol))),
+                React.createElement(Text, { style: [s.tax, styles === null || styles === void 0 ? void 0 : styles.fees] }, taxText.toUpperCase())))),
+        !isSalesClosed && !isSoldOut && (React.createElement(View, { style: s.rightContainer },
+            React.createElement(Dropdown, { items: getSelectOptions(ticket.maxQuantity, ticket.minQuantity, ticket.multiplier), selectedOption: selectedOption, onSelectItem: handleOnSelectItem, styles: styles === null || styles === void 0 ? void 0 : styles.dropdown })))));
+};
+export default TicketListItem;
+//# sourceMappingURL=TicketListItem.js.map

package/lib/containers/tickets/components/TicketListItem.js.map

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

package/lib/containers/tickets/components/styles.d.ts

@@ -0,0 +1,50 @@
+export declare const CartListItemStyles: {
+    container: {
+        width: string;
+        paddingVertical: number;
+        flexDirection: "row";
+    };
+    ticketNumber: {
+        fontWeight: "600";
+        fontSize: number;
+        marginBottom: number;
+        color: string;
+    };
+    price: {
+        fontWeight: "800";
+        fontSize: number;
+        color: string;
+    };
+    soldOut: {
+        fontWeight: "800";
+        fontSize: number;
+        color: string;
+    };
+    leftContainer: {
+        flex: number;
+    };
+    rightContainer: {
+        flex: number;
+        alignItems: "flex-end";
+        justifyContent: "center";
+    };
+    tax: {
+        marginTop: number;
+        fontWeight: "600";
+        color: string;
+    };
+    soldOutContainer: {
+        borderRadius: number;
+        borderWidth: number;
+        justifyContent: "center";
+        alignItems: "center";
+        paddingVertical: number;
+        marginTop: number;
+        borderColor: string;
+    };
+    oldPrice: {
+        fontSize: number;
+        color: string;
+        textDecorationLine: "line-through";
+    };
+};