From a479466d675ff37bdc675b5038a2dc968f5cc7f1 Mon Sep 17 00:00:00 2001
From: samuelea <batonenbois@gmail.com>
Date: Wed, 1 May 2024 14:42:05 -0400
Subject: [PATCH] build fixes

---
 packages/checkout/src/api/data.ts             |  21 --
 .../shared/components/PaperTransaction.tsx    | 230 ------------------
 .../src/views/CheckoutSelection/index.tsx     |   5 -
 .../src/views/PaperTransactionForm.tsx        |  28 ---
 .../checkout/src/views/PendingTransaction.tsx |  21 --
 packages/kit/src/hooks/useWaasRevalidation.ts |   1 -
 6 files changed, 306 deletions(-)
 delete mode 100644 packages/checkout/src/shared/components/PaperTransaction.tsx
 delete mode 100644 packages/checkout/src/views/PaperTransactionForm.tsx

diff --git a/packages/checkout/src/api/data.ts b/packages/checkout/src/api/data.ts
index 99f32ed5..936d6519 100644
--- a/packages/checkout/src/api/data.ts
+++ b/packages/checkout/src/api/data.ts
@@ -208,27 +208,6 @@ export const fetchSardineClientToken = async (order: SardineCheckout, isDev: boo
 
   const { resp: { orderId, token } } = await res.json()
 
-  // const res = await apiClient.getSardineNFTCheckoutToken({
-  //   referenceId,
-  //   expiresIn: 3600,
-  //   paymentMethodTypeConfig: {
-  //     enabled: ['us_debit', 'us_credit', 'international_debit', 'international_credit', 'ach'],
-  //     default: order.defaultPaymentMethodType
-  //   },
-  //   nft: {
-  //     name: tokenMetadata?.name || 'Unknown',
-  //     imageUrl: tokenMetadata?.image || '',
-  //     network: networks[order.chainId as ChainId].name,
-  //     recipientAddress: order.recipientAddress,
-  //     platform: 'horizon',
-  //     blockchainNftId: order.blockchainNftId,
-  //     contractAddress: order.contractAddress,
-  //     executionType: 'smart_contract',
-  //     quantity: Number(order.quantity),
-  //     decimals: Number(order.decimals)
-  //   }
-  // })
-
   return ({
     token,
     orderId,
diff --git a/packages/checkout/src/shared/components/PaperTransaction.tsx b/packages/checkout/src/shared/components/PaperTransaction.tsx
deleted file mode 100644
index 9b59b161..00000000
--- a/packages/checkout/src/shared/components/PaperTransaction.tsx
+++ /dev/null
@@ -1,230 +0,0 @@
-import React, { useState, useEffect, ChangeEvent } from 'react'
-import { Box, Button, Card, Spinner, Text, TextInput, EditIcon, CheckmarkIcon } from '@0xsequence/design-system'
-import { CheckoutWithCard } from '@paperxyz/react-client-sdk'
-import { useNavigation } from '../../hooks'
-// import { fetchPaperSecret } from '../../api'
-import { CheckoutSettings } from '../../contexts/CheckoutModal'
-export interface PaperTransactionProps {
-  settings: CheckoutSettings
-}
-
-// export const PaperTransaction = ({
-//   settings
-// }: PaperTransactionProps) => {
-//   const [emailEditState, setEmailEditState] = useState(true)
-//   const [email, setEmail] = useState<string>(settings.creditCardCheckout?.email || '')
-//   const [inputEmailAddress, setInputEmailAddress] = useState<string | undefined>(email)
-//   const [paperSecret, setPaperSecret] = useState<string | null>(null)
-//   const [paperSecretLoading, setPaperSecretLoading] = useState(false)
-//   const { setNavigation } = useNavigation()
-
-//   const onClickEditEmail = () => {
-//     if (emailEditState) {
-//       setEmail(inputEmailAddress || '')
-//     }
-//     if (!emailEditState) {
-//       setInputEmailAddress(email)
-//     }
-//     setEmailEditState(!emailEditState)
-//   }
-
-//   const fetchSecret = async () => {
-//     setPaperSecretLoading(true)
-//     try {
-//       if (!email) {
-//         throw 'No email address found'
-//       }
-
-//       if (!settings.creditCardCheckout) {
-//         throw 'No credit card checkout settings found'
-//       }
-
-//       const secret = await fetchPaperSecret({
-//         email,
-//         ...settings.creditCardCheckout
-//       })
-
-//       setPaperSecret(secret)
-//     } catch(e) {
-//       console.error('Failed to fetch paper secret', e )
-//       setNavigation({
-//         location: 'transaction-error',
-//         params: {
-//           error: e
-//         }
-//       })
-//     }
-//     setPaperSecretLoading(false)
-//   }
-
-//   useEffect(() => {
-//     const timer = setInterval(() => {
-//       // This is a workaround for the KYC modal not becoming clickable
-//       // The alternative of using the onReview callback does not work due
-//       // to race conditions
-//       const paperJsSdkModal = document.getElementById('paper-js-sdk-modal')
-//       if (paperJsSdkModal) {
-//         paperJsSdkModal.style.pointerEvents = 'visible'
-//       }
-//     }, 100)
-//     return (() => {
-//       clearInterval(timer)
-//     })
-//   }, [])
-
-//   useEffect(() => {
-//     if (email !== '') {
-//       fetchSecret()
-//     }
-//   }, [email])
-
-//   const isValidEmailAddress = () => {
-//     const emailRegEx = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,})+$/
-//     const isValidEmail = emailRegEx.test(inputEmailAddress || '')
-//     return isValidEmail
-//   }
-
-//   const emailAddressOnChange = (ev: ChangeEvent<HTMLInputElement>) => {
-//     setInputEmailAddress(ev.target.value)
-//   }
-
-//   const onPending = (transactionId: string) => {
-//     setNavigation({
-//       location: 'transaction-pending',
-//       params: {
-//         transactionId
-//       }
-//     })
-//   }
-
-//   const onError = (error: Error) => {
-//     setNavigation({
-//       location: 'transaction-error',
-//       params: {
-//         error
-//       }
-//     })
-//   }
-
-//   const getEmailInput = () => {
-//     if (emailEditState) {
-//       return (
-//         <Box
-//           as="form"
-//           flexDirection="row"
-//           justifyContent="space-between"
-//           alignItems="flex-start"
-//           onSubmit={onClickEditEmail}
-//         >
-//           <Box
-//             flexDirection="column"
-//             justifyContent="center"
-//             alignItems="flex-start"
-//             gap="2"
-//           >
-//             <Text
-//               fontSize="normal"
-//               fontWeight="normal"
-//               color="text50"
-//             >
-//               Receipt email address
-//             </Text>
-//             <TextInput
-//               autoFocus
-//               name="email"
-//               type="email"
-//               placeholder="Email Address"
-//               value={inputEmailAddress}
-//               onChange={emailAddressOnChange}
-//               data-1p-ignore
-//             />
-//           </Box>
-//           <Button
-//             size="xs"
-//             label={'Save'}
-//             leftIcon={CheckmarkIcon}
-//             disabled={!isValidEmailAddress()}
-//             type="submit"
-//           />
-//         </Box>
-//       )
-//     }
-
-//     return (
-//       <Box
-//         flexDirection="row"
-//         justifyContent="space-between"
-//         alignItems="flex-start"
-//       >
-//         <Box
-//           flexDirection="column"
-//           justifyContent="center"
-//           alignItems="flex-start"
-//           gap="2"
-//         >
-//           <Text
-//             fontSize="normal"
-//             fontWeight="normal"
-//             color="text50"
-//           >
-//             Receipt email address
-//           </Text>
-//           <Text
-//             fontSize="normal"
-//             fontWeight="bold"
-//             color="text100"
-//           >
-//             {email}
-//           </Text>
-//         </Box>
-//         <Button
-//           size="xs"
-//           label={"Edit"}
-//           leftIcon={EditIcon}
-//           onClick={onClickEditEmail}
-//         />
-//       </Box>
-//     )
-//   }
-
-//   return (
-//     <Box>
-//       {getEmailInput()}
-//       {paperSecretLoading && (
-//         <Box
-//           width="full"
-//           height="full"
-//           flexDirection="column"
-//           alignItems="center"
-//           justifyContent="center"
-//           style={{ height: '200px' }}
-//         >
-//           <Spinner size="lg" style={{ width: '60px', height: '60px' }} />
-//         </Box>
-//       )}
-//       {paperSecret && !paperSecretLoading && (
-//         <Card marginY="4" flexDirection="column">
-//           <CheckoutWithCard
-//             sdkClientSecret={paperSecret}
-//             appName={settings?.creditCardCheckout?.receiptTitle}
-//             onReview={() => {}}
-//             onPaymentSuccess={result => {
-//               // @ts-ignore-next-line
-//               onPending(result.id)
-//             }}
-//             onError={error => {
-//               console.error('Payment error:', error)
-//               onError(error.error)
-//             }}
-//             options={{
-//               // colorBackground: '#cce3de',
-//               colorPrimary: '#447dd1',
-//               colorText: '#ffffff',
-//               borderRadius: 12
-//             }}
-//           />
-//         </Card>
-//       )}
-//     </Box>
-//   )
-// }
diff --git a/packages/checkout/src/views/CheckoutSelection/index.tsx b/packages/checkout/src/views/CheckoutSelection/index.tsx
index 36a5fafc..556a5fb9 100644
--- a/packages/checkout/src/views/CheckoutSelection/index.tsx
+++ b/packages/checkout/src/views/CheckoutSelection/index.tsx
@@ -71,11 +71,6 @@ export const CheckoutSelection = () => {
       const isDev = settings?.sardineCheckout?.isDev || false
       const { token, orderId } = await fetchSardineClientToken(settings.sardineCheckout, isDev, tokenMetadata)
 
-      // const url = `https://crypto.sardine.ai/?client_token=${token}&show_features=true`
-      // const windowName = 'SardineCrypto'
-      // const windowSize = 'width=800,height=600'
-      // window.open(url, windowName, windowSize)
-
       setNavigation({
         location: 'transaction-pending',
         params: { orderId, authToken: token }
diff --git a/packages/checkout/src/views/PaperTransactionForm.tsx b/packages/checkout/src/views/PaperTransactionForm.tsx
deleted file mode 100644
index 2cf51d2e..00000000
--- a/packages/checkout/src/views/PaperTransactionForm.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-// import React, { useState } from 'react'
-// import {
-//   Box,
-//   Text,
-// } from '@0xsequence/design-system'
-// import { useCheckoutModal } from '../hooks/useCheckoutModal'
-// import { PaperTransaction } from '../shared/components/PaperTransaction'
-// import { HEADER_HEIGHT } from '../constants'
-
-// export const PaperTransactionForm = () => {
-//   const { settings } = useCheckoutModal()
-
-//   return (
-//     <Box
-//       paddingX="4"
-//       paddingBottom="8"
-//       gap="4"
-//       flexDirection="column"
-//       style={{
-//         marginTop: HEADER_HEIGHT
-//       }}
-//     >
-//       {settings && (
-//         <PaperTransaction settings={settings}  />
-//       )}
-//     </Box>
-//   )
-// }
diff --git a/packages/checkout/src/views/PendingTransaction.tsx b/packages/checkout/src/views/PendingTransaction.tsx
index 83ecc001..57a713d7 100644
--- a/packages/checkout/src/views/PendingTransaction.tsx
+++ b/packages/checkout/src/views/PendingTransaction.tsx
@@ -78,27 +78,6 @@ export const PendingTransaction = () => {
     }
   }, [])
 
-  // return (
-  //   <Box style={{ height: '500px' }}>
-  //     <Box
-  //       position="absolute"
-  //       top="0"
-  //       left="0"
-  //       width="full"
-  //       height="full"
-  //       flexDirection="column"
-  //       alignItems="center"
-  //       justifyContent="center"
-  //     >
-  //       <Spinner size="lg" style={{ width: '60px', height: '60px' }} />
-  //       <Text variant="medium" color="text50" textAlign="center" marginTop="8">
-  //         Order in progress. <br />
-  //         This may take a few minutes. <br />
-  //         Please do not close this window.
-  //       </Text>
-  //     </Box>
-  //   </Box>
-  // )
   return (
     <Box alignItems="center" justifyContent="center" style={{ height: '620px' }}>
       <iframe
diff --git a/packages/kit/src/hooks/useWaasRevalidation.ts b/packages/kit/src/hooks/useWaasRevalidation.ts
index 20954d31..624c9b71 100644
--- a/packages/kit/src/hooks/useWaasRevalidation.ts
+++ b/packages/kit/src/hooks/useWaasRevalidation.ts
@@ -4,7 +4,6 @@ import { useAccount } from 'wagmi'
 
 
 export function useWaasRevalidation(
-  // waasConnector?: any
 ) {
   const { connector } = useAccount()