tf-checkout-react-native 1.0.47 → 2.0.0-beta.0

package/src/containers/checkout/types.ts

@@ -1,148 +0,0 @@
-import { CardFormView } from '@stripe/stripe-react-native'
-import { StyleProp, TextStyle, ViewStyle } from 'react-native'
-
-import { IButtonStyles } from '../../components/button/types'
-import { ICartTimerStyles, ICartTimerTexts } from '../../components/cartTimer/types'
-import { IFormFieldProps } from '../../components/formField/types'
-import { IError } from '../../types'
-import { IOnCheckoutSuccess } from '../billingInfo/types'
-
-export interface ICheckoutStyles {
-  rootStyle?: ViewStyle
-  title?: StyleProp<TextStyle>
-  subTitle?: StyleProp<TextStyle>
-  missingStripeConfig?: {
-    container?: StyleProp<ViewStyle>
-    message?: StyleProp<TextStyle>
-    exitButton?: IButtonStyles
-  }
-  freeRegistrationButton?: IButtonStyles
-  orderReview?: IOrderReviewStyles
-  payment?: {
-    container?: StyleProp<ViewStyle>
-    title?: StyleProp<TextStyle>
-    cardStyle?: CardFormView.Styles
-    cardContainer?: StyleProp<ViewStyle>
-    button?: IButtonStyles
-    buttonDisabled?: IButtonStyles
-  }
-  cartTimer?: ICartTimerStyles
-}
-
-export interface IOrderDetailsTicketHolder {
-  hash: string
-  ticketType: string
-  holderName?: string
-  holderEmail?: string
-  holderPhone?: string
-  qrData?: string
-  pdfLink?: string
-  description?: string
-  descriptionPlain?: string
-}
-
-export interface IOrderDetails {
-  eventId: number
-  ticketName?: string
-  ticketCost?: string
-  numberOfTickets: number
-  eventUserTickets: IOrderDetailsTicketHolder[]
-}
-
-export interface ICheckoutProps {
-  checkoutData: IOnCheckoutSuccess
-
-  onFetchOrderReviewError?: (error: IError) => void
-  onFetchOrderReviewSuccess?: (data: any) => void
-
-  onFetchEventConditionsError?: (error: IError) => void
-  onFetchEventConditionsSuccess?: (data: any) => void
-
-  onCheckoutCompletedSuccess?: (data: IOnCheckoutSuccess) => void
-  onCheckoutCompletedError?: (error: IError) => void
-
-  onPaymentSuccess: () => void
-  onPaymentError?: (error: IError) => void
-
-  onFetchOrderDetailsSuccess?: (orderData: IOrderDetails) => void
-  onFetchOrderDetailsError?: (error: IError) => void
-
-  onStripeInitializeError?: (error: string) => void
-
-  onPressExit: () => void
-  texts?: {
-    title?: string
-    subTitle?: string
-    missingStripeConfigMessage?: string
-    exitButton?: string
-    payButton?: string
-    freeRegistrationButton?: string
-    providePaymentInfo?: string
-    orderReviewItems?: {
-      event?: string
-      ticketType?: string
-      numberOfTickets?: string
-      price?: string
-      total?: string
-    }
-    cartTimer?: ICartTimerTexts
-  }
-
-  styles?: ICheckoutStyles
-
-  onLoadingChange?: (isLoading: boolean) => void
-  areAlertsEnabled?: boolean
-  areLoadingIndicatorsEnabled?: boolean
-
-  onCartExpired?: () => void
-  shouldCartTimerNotMinimizeOnTap?: boolean
-}
-
-// Components
-export interface IOrderItem {
-  id: string
-  title: string
-  value: string
-  styles?: IOrderItemStyles
-}
-
-export interface IOrderItemStyles {
-  title?: StyleProp<TextStyle>
-  value?: StyleProp<TextStyle>
-  container?: StyleProp<ViewStyle>
-}
-
-interface IOrderReviewStyles {
-  item?: IOrderItemStyles
-  rootContainer?: StyleProp<ViewStyle>
-}
-
-export interface IOrderReviewProps {
-  orderItems: IOrderItem[]
-  styles?: IOrderReviewStyles
-}
-
-// View
-export interface ICheckoutViewProps {
-  texts?: {
-    title?: string
-    subTitle?: string
-    missingStripeConfigMessage?: string
-    exitButton?: string
-
-    cartTimer?: ICartTimerTexts
-  }
-  styles?: ICheckoutStyles
-  orderReviewDataItems: IOrderItem[]
-  onPressPay: () => void
-  onPressFreeRegistration: () => void
-  conditions: IFormFieldProps[]
-  onFormComplete: (cardDetails: CardFormView.Details) => void
-  isDataValid?: boolean
-  isLoading?: boolean
-
-  isStripeConfigMissing?: boolean
-  onPressExit?: () => void
-  isPaymentRequired?: boolean
-  isLoadingFreeRegistration?: boolean
-}

package/src/containers/index.ts

@@ -1,8 +0,0 @@
-export { default as BillingInfo } from './billingInfo/Billing'
-export { default as Checkout } from './checkout/Checkout'
-export { default as MyOrderDetails } from './myOrderDetails/MyOrderDetails'
-export { default as MyOrders } from './myOrders/MyOrders'
-export { default as PurchaseConfirmation } from './purchaseConfirmation/PurchaseConfirmation'
-export { default as ResaleTickets } from './resaleTickets/ResaleTickets'
-export { default as ResetPassword } from './resetPassword/ResetPassword'
-export { default as Tickets } from './tickets/Tickets'

package/src/containers/myOrderDetails/MyOrderDetails.tsx

@@ -1,318 +0,0 @@
-import _find from 'lodash/find'
-import _forEach from 'lodash/forEach'
-import React, {
-  forwardRef,
-  useCallback,
-  useEffect,
-  useImperativeHandle,
-  useRef,
-  useState,
-} from 'react'
-import { Alert, PermissionsAndroid, Platform } from 'react-native'
-import {
-  DocumentDirectoryPath,
-  DownloadDirectoryPath,
-  downloadFile,
-  DownloadFileOptions,
-} from 'react-native-fs'
-
-import {
-  IFetchAccessTokenResponse,
-  IMyOrderDetailsData,
-  IMyOrderDetailsTicket,
-} from '../../api/types'
-import { BottomSheetHandle } from '../../components/bottomSheetModal/BottomSheetModal'
-import { OrderDetailsCore, SessionHandle, SessionHandleType } from '../../core'
-import { OrderDetailsCoreHandle } from '../../core/OrderDetailsCore/OrderDetailsCoreTypes'
-import { getData, LocalStorageKeys } from '../../helpers/LocalStorage'
-import { TicketActionType } from './components/TicketActions/TicketActionsTypes'
-import { IOnPressTicketDownload } from './components/TicketListItem/TicketListItem'
-import MyOrderDetailsView from './MyOrderDetailsView'
-import { DownloadStatus, IMyOrderDetailsProps } from './types'
-
-const MyOrderDetails = forwardRef<SessionHandleType, IMyOrderDetailsProps>(
-  (
-    {
-      data,
-      styles,
-      texts,
-      config,
-      onDownloadStatusChange,
-      downloadStatusIcons,
-      onAndroidWritePermission,
-      onLinkCopied,
-      onPressResaleTicket,
-
-      onRemoveTicketFromResaleSuccess,
-      onRemoveTicketFromResaleError,
-      moreButtonIcon,
-      ticketActionsIcons,
-    },
-    ref
-  ) => {
-    //#region State
-    const [isWriteStorageEnabled, setIsWriteStorageEnabled] = useState<
-      boolean | undefined
-    >(undefined)
-    const [isLinkCopied, setIsLinkCopied] = useState(false)
-    const [downloadStatus, setDownloadStatus] = useState<DownloadStatus | undefined>(
-      undefined
-    )
-    const [orderInfo, setOrderInfo] = useState<IMyOrderDetailsData>(data)
-    const [isLoading, setIsLoading] = useState(false)
-
-    const [selectedTicket, setSelectedTicket] = useState<
-      IMyOrderDetailsTicket | undefined
-    >(undefined)
-    //#endregion State
-
-    //#region refs
-    const sessionHandleRef = useRef<SessionHandleType>(null)
-    const myOrderDetailsCoreRef = useRef<OrderDetailsCoreHandle>(null)
-    const bottomSheetModalRef = useRef<BottomSheetHandle>(null)
-    //#endregion
-
-    const handleOnDownloadStatusChange = useCallback(
-      (status?: DownloadStatus) => {
-        onDownloadStatusChange?.(status)
-      },
-      [onDownloadStatusChange]
-    )
-
-    //#region Imperative Handler
-    useImperativeHandle(ref, () => ({
-      async refreshAccessToken(refreshToken: string): Promise<IFetchAccessTokenResponse> {
-        if (!sessionHandleRef.current) {
-          return {
-            accessTokenError: {
-              message: 'Session Handle ref is not initialized',
-            },
-          }
-        }
-
-        const { accessTokenError, accessTokenData } =
-          await sessionHandleRef.current!.refreshAccessToken(refreshToken)
-
-        return {
-          accessTokenData,
-          accessTokenError,
-        }
-      },
-
-      async reloadData() {},
-      async removeTicketFromResale() {},
-      async resaleTicket() {},
-    }))
-    //#endregion Imperative Handler
-
-    //#region Handlers
-    const handleOnPressTicketDownload = async ({
-      hash,
-      pdfLink,
-    }: IOnPressTicketDownload) => {
-      const accessToken = await getData(LocalStorageKeys.ACCESS_TOKEN)
-      if (!accessToken) {
-        return setDownloadStatus(undefined)
-      }
-      if (!pdfLink) {
-        return setDownloadStatus('failed')
-      }
-
-      //Define path to store file along with the extension
-      const path =
-        Platform.OS === 'ios'
-          ? `${DocumentDirectoryPath}/${hash}.pdf`
-          : `${DownloadDirectoryPath}/${hash}.pdf`
-
-      const headers = {
-        Accept: 'application/pdf',
-        'Content-Type': 'application/pdf',
-        Authorization: `Bearer ${accessToken}`,
-      }
-      //Define options
-      const options: DownloadFileOptions = {
-        fromUrl: pdfLink,
-        toFile: path,
-        headers: headers,
-      }
-      setDownloadStatus('downloading')
-      const response = await downloadFile(options).promise
-
-      if (response.statusCode === 200) {
-        setDownloadStatus('downloaded')
-      } else {
-        setDownloadStatus('failed')
-      }
-
-      setTimeout(() => {
-        setDownloadStatus(undefined)
-      }, 5000)
-    }
-
-    const handleRemoveTicketFromResale = async (ticket: IMyOrderDetailsTicket) => {
-      if (!myOrderDetailsCoreRef.current) {
-        return Alert.alert('MyOrderDetailsCoreRef is not initialized')
-      }
-
-      setIsLoading(true)
-      const { removeTicketFromResaleData, removeTicketFromResaleError } =
-        await myOrderDetailsCoreRef.current.removeTicketFromResale(ticket.hash)
-      setIsLoading(false)
-
-      if (removeTicketFromResaleError || !removeTicketFromResaleData) {
-        onRemoveTicketFromResaleError?.(removeTicketFromResaleError!)
-        return Alert.alert('', removeTicketFromResaleError?.message)
-      }
-
-      const updatedOrderInfo = { ...orderInfo }
-      _forEach(updatedOrderInfo.tickets, (item) => {
-        if (item.hash === ticket.hash) {
-          item.isSellable = true
-          item.isOnSale = false
-        }
-      })
-
-      Alert.alert('', removeTicketFromResaleData.message)
-
-      setOrderInfo(updatedOrderInfo)
-      onRemoveTicketFromResaleSuccess?.(removeTicketFromResaleData.message)
-    }
-
-    const askToRemoveTicketFromResale = (ticket: IMyOrderDetailsTicket) => {
-      Alert.alert(
-        'Withdraw ticket confirmation',
-        'Are you sure you want to withdraw your ticket from resale?',
-        [
-          {
-            text: 'No',
-          },
-          {
-            text: 'Yes, withdraw',
-            onPress: () => handleRemoveTicketFromResale(ticket),
-          },
-        ]
-      )
-    }
-
-    const handleOnPressResaleTicket = (ticket: IMyOrderDetailsTicket) => {
-      const activeTicketType = _find(
-        data.items,
-        (ticketType) => ticketType.hash === ticket.ticketTypeHash
-      )
-
-      return onPressResaleTicket(ticket, activeTicketType!.isActive)
-    }
-
-    const handleCloseBottomSheet = () => {
-      if (bottomSheetModalRef.current) {
-        bottomSheetModalRef.current.close()
-      }
-      setSelectedTicket(undefined)
-    }
-
-    const handleOnActionSelected = async (action: TicketActionType) => {
-      if (!selectedTicket) {
-        return
-      }
-
-      switch (action) {
-        case 'download-pdf':
-          handleOnPressTicketDownload({
-            hash: selectedTicket.hash,
-            pdfLink: selectedTicket.pdfLink,
-          })
-          handleCloseBottomSheet()
-          break
-
-        case 'refund':
-          break
-
-        case 'sell':
-          handleOnPressResaleTicket(selectedTicket)
-          handleCloseBottomSheet()
-          break
-
-        case 'remove-from-sale':
-          await handleRemoveTicketFromResale(selectedTicket)
-          handleCloseBottomSheet()
-          break
-
-        default:
-          console.log('Nothing is selected')
-      }
-    }
-
-    const handleOnPressCopyLink = () => {
-      setIsLinkCopied(true)
-      onLinkCopied?.(true)
-      setTimeout(() => {
-        setIsLinkCopied(false)
-        onLinkCopied?.(false)
-      }, 3000)
-    }
-    //#endregion Handlers
-
-    //#region Effects
-    useEffect(() => {
-      handleOnDownloadStatusChange(downloadStatus)
-    }, [downloadStatus, handleOnDownloadStatusChange])
-
-    useEffect(() => {
-      if (Platform.OS === 'ios') {
-        return
-      }
-
-      PermissionsAndroid.check(
-        PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE
-      ).then((result) => {
-        setIsWriteStorageEnabled(result)
-      })
-    }, [])
-
-    useEffect(() => {
-      if (Platform.OS === 'android') {
-        onAndroidWritePermission?.(isWriteStorageEnabled)
-      }
-
-      if (isWriteStorageEnabled === false && Platform.OS === 'android') {
-        PermissionsAndroid.request(
-          PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE
-        ).then((result) => {
-          setIsWriteStorageEnabled(result === 'granted')
-        })
-      }
-    }, [isWriteStorageEnabled])
-    //#endregion Effects
-
-    //#region RENDER
-    return (
-      <OrderDetailsCore ref={myOrderDetailsCoreRef}>
-        <SessionHandle ref={sessionHandleRef}>
-          <MyOrderDetailsView
-            data={data}
-            styles={styles}
-            texts={texts}
-            isLinkCopied={isLinkCopied}
-            onPressCopyLink={handleOnPressCopyLink}
-            onPressTicketDownload={handleOnPressTicketDownload}
-            downloadStatus={downloadStatus}
-            config={config}
-            downloadStatusIcons={downloadStatusIcons}
-            onPressResaleTicket={handleOnPressResaleTicket}
-            onPressRemoveTicketFromResale={askToRemoveTicketFromResale}
-            isLoading={isLoading}
-            moreButtonIcon={moreButtonIcon}
-            onTicketSelection={setSelectedTicket}
-            selectedTicket={selectedTicket}
-            onActionSelected={handleOnActionSelected}
-            ticketActionsIcons={ticketActionsIcons}
-            bottomSheetModalRef={bottomSheetModalRef}
-          />
-        </SessionHandle>
-      </OrderDetailsCore>
-    )
-    //#endregion RENDER
-  }
-)
-
-export default MyOrderDetails