tf-checkout-react-native 1.0.37 → 1.0.40

package/src/containers/checkout/types.ts

@@ -0,0 +1,148 @@
+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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,318 @@
+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