@hanzo/commerce 1.2.2 → 2.1.0

package/components/checkout/contact-info.tsx

@@ -1,83 +0,0 @@
-'use client'
- 
-import {
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-} from '@hanzo/ui/primitives/form'
-import { Input, Button } from '@hanzo/ui/primitives'
-import { User } from 'lucide-react'
-import { EnhHeadingBlockComponent, type EnhHeadingBlock } from '@hanzo/ui/blocks'
-import type { UseFormReturn } from 'react-hook-form'
- 
-const ContactInfo: React.FC<{
-  form: UseFormReturn<{
-    name: string;
-    email: string;
-  }, any, {
-    name: string;
-    email: string;
-  }>,
-  selectPaymentMethod: (method: 'crypto' | 'bank') => Promise<void>,
-}> = ({
-  form,
-  selectPaymentMethod,
-}) => {
-  return (
-    <Form {...form}>
-      <form className='text-left'>
-        <div className='flex flex-col gap-4'>
-          <div className='flex flex-col sm:flex-row gap-4'>
-            <FormField
-              control={form.control}
-              name='name'
-              render={({ field }) => (
-                <FormItem className='space-y-1 w-full'>
-                  <FormLabel>Name</FormLabel>
-                  <FormControl>
-                    <Input {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-            <FormField
-              control={form.control}
-              name='email'
-              render={({ field }) => (
-                <FormItem className='space-y-1 w-full'>
-                  <FormLabel>Email</FormLabel>
-                  <FormControl>
-                    <Input {...field} />
-                  </FormControl>
-                  <FormMessage />
-                </FormItem>
-              )}
-            />
-          </div>
-          <div className='flex flex-col sm:flex-row gap-4 items-center'>
-            <Button
-              type='button'
-              onClick={() => selectPaymentMethod('crypto')}
-              className='mx-auto w-full'
-            >
-              Pay with crypto
-            </Button>
-            <Button
-              type='button'
-              onClick={() => selectPaymentMethod('bank')}
-              className='mx-auto w-full'
-            >
-              Bank transfer
-            </Button>
-          </div>
-        </div>
-      </form>
-    </Form>
-  )
-}
-
-export default ContactInfo

package/components/checkout/pay-by-bank-transfer.tsx

@@ -1,76 +0,0 @@
-'use client'
-
-import type { ReactNode } from 'react'
-import { Copy } from 'lucide-react'
-
-import { Button, Tabs, TabsContent, TabsList, TabsTrigger, toast } from '@hanzo/ui/primitives'
-import { EnhHeadingBlockComponent, type EnhHeadingBlock, type Block } from '@hanzo/ui/blocks'
-
-const InfoField: React.FC<{label: string, value: ReactNode, copyValue: string}> = ({label, value, copyValue}) => {
-  const copyToClipboard = (label: string, text: string) => {
-    navigator.clipboard.writeText(text)
-    toast({title: `${label} copied to clipboard`})
-  }
-
-  return (
-    <div className='flex flex-col gap-1'>
-      <p className='text-xs'>{label}</p>
-      <div className='flex items-center justify-between text-lg border rounded-lg py-2 px-4'>
-        {value}
-        <Button variant='ghost' size='icon' onClick={() => copyToClipboard(label, copyValue)}>
-          <Copy className='h-4 w-4'/>
-        </Button>
-      </div>
-    </div>
-  )
-}
-
-const PayByBankTransfer: React.FC<{setCurrentStep: (step: number) => void}> = ({setCurrentStep}) => {
-  return (<>
-    <Tabs defaultValue="usd" className='w-full mx-auto max-w-[50rem]'>
-      <TabsList className="grid w-full grid-cols-2 max-w-[15rem] mx-auto bg-level-2">
-        <TabsTrigger value="usd">USD</TabsTrigger>
-        <TabsTrigger value="eur">EUR/GBP</TabsTrigger>
-      </TabsList>
-      <TabsContent value="usd">
-        <div className='flex flex-col gap-4 w-full'>
-          <InfoField
-            label='Beneficiary Bank'
-            value={<div>Bank of America<br/>NA 222 Broadway<br/>New York, New York. 10038</div>}
-            copyValue='Bank of America, NA 222 Broadway, New York, New York. 10038'
-          />
-          <InfoField
-            label='Beneficiary'
-            value={<div>Hanzo, Inc<br/>4811 Mastin Street<br/>Merriam, KS 66203</div>}
-            copyValue='Hanzo, Inc, 4811 Mastin Street, Merriam, KS 66203'
-          />
-          <InfoField label='Routing Number - ACH' value='113000023 / 111000025' copyValue='113000023 / 111000025'/>
-          <InfoField label='Routing Number - Wire' value='026009593' copyValue='026009593'/>
-          <InfoField label='Routing Number - SWIFT' value='BOFAUS3N' copyValue='BOFAUS3N'/>
-          <InfoField label='Reference' value='Lux' copyValue='Lux'/>
-        </div>
-      </TabsContent>
-      <TabsContent value="eur">
-        <div className='flex flex-col gap-4 w-full'>
-          <InfoField
-            label='Beneficiary Bank'
-            value={<div>Clear Junction Limited<br/>4th floor<br/>Imperial House</div>}
-            copyValue='Clear Junction Limited, 4th floor, Imperial House'
-          />
-          <InfoField label='Account Number (GBP)' value='33781813' copyValue='33781813'/>
-          <InfoField label='Account Name' value='AiDLT Global Ltd.' copyValue='AiDLT Global Ltd.'/>
-          <InfoField label='SWIFT/BIC' value='CLJUGB21' copyValue='CLJUGB21'/>
-          <InfoField label='Sort Code (GBP)' value='041307' copyValue='041307'/>
-          <InfoField label='IBAN' value='GB75 CLJU 0413 0733 78181 3' copyValue='GB75 CLJU 0413 0733 78181 3'/>
-          <InfoField label='Reference' value='Lux' copyValue='Lux'/>
-        </div>
-      </TabsContent>
-    </Tabs>
-    <div className='flex gap-4 items-center mt-6'>
-      <Button variant='outline' onClick={() => setCurrentStep(1)} className='mx-auto w-full'>Back</Button>
-      <Button onClick={() => setCurrentStep(3)} className='mx-auto w-full'>Continue</Button>
-    </div>
-  </>)
-}
-
-export default PayByBankTransfer