@luxfi/core 5.3.0 → 5.3.1

package/components/commerce/mobile-nav-menu.tsx

@@ -1,102 +1,102 @@
-'use client'
-import React from 'react'
-import type { LinkDef } from '@hanzo/ui/types'
-import { cn } from '@hanzo/ui/util'
-import type { LinkDefExtended, ChildMenu } from '../../site-def/main-nav'
-import MobileNavMenuAI from './mobile-nav-menu-ai'
-import MobileNavMenuItem from './mobile-nav-menu-item'
-import MobileAuthWidget from './mobile-login-button'
-import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@hanzo/ui/primitives'
-import { ChevronDown } from 'lucide-react'
-import Link from 'next/link'
-
-const MobileNav: React.FC<{
-  currentAs: string | undefined
-  links: LinkDefExtended[]
-  className?: string
-  commonItemClx?: string | ((def: LinkDef) => string)
-  setChatbotOpen: (open: boolean) => void
-  setMenuOpen: (open: boolean) => void
-  setMenuState: (arg: 'closed' | 'nav' | 'login' | 'bag') => void
-}> = ({
-  currentAs,
-  links,
-  setMenuState,
-  className = '',
-  commonItemClx,
-  setChatbotOpen,
-  setMenuOpen
-}) => (
-    links.length > 0 ? (
-      <div className={cn('flex flex-col h-full', className)}>
-        <MobileNavMenuAI setMenuOpen={setMenuOpen} />
-        <div className="flex flex-col flex-1 overflow-auto">
-          <Accordion type="single" collapsible className='w-full h-full'>
-            {links.map((el, index) => {
-              const itemClx = (commonItemClx) ? (typeof commonItemClx === 'string' ? commonItemClx : commonItemClx(el)) : ''
-              const variant = el.variant ?? 'link'
-              let internalClx = variant === 'link'
-                ? ' text-muted hover:text-foreground active:text-accent rounded-none'
-                : ' min-w-0'
-
-              if (currentAs && currentAs === el.href) {
-                internalClx += ' pointer-events-none'
-                if (variant === 'link') {
-                  internalClx += ' text-accent'
-                }
-              }
-
-              if (!el.isAIMenu) {
-                return (
-                  <AccordionItem key={index} value={el.title ? el.title : ""} className='!no-underline !border-0'>
-                    <AccordionTrigger className={cn(internalClx, itemClx, '')}>
-                      <div className={cn(internalClx, itemClx, 'flex items-center justify-between w-full pl-3 text-base font-normal leading-6')}>
-                        {el.title}
-                      </div>
-                      <ChevronDown className="w-4 h-4 mr-3" />
-                    </AccordionTrigger>
-                    <AccordionContent>
-                      {el.childMenu && (
-                        <div className="px-4">
-                          {Object.entries(el.childMenu.reduce((acc, child) => {
-                            const group = acc[child.groupName ? child.groupName : ""] || []
-                            group.push(child)
-                            acc[child.groupName ? child.groupName : ""] = group
-                            return acc
-                          }, {} as { [key: string]: ChildMenu[] })).map(([groupName, children]) => (
-                            <div key={groupName}>
-                              <div className="mt-4 mb-4 font-light text-muted-1">{groupName}</div>
-                              {children.map((child, childIndex) => (
-                                <div key={childIndex} className="m-2">
-                                  <div className="flex items-center py-1">
-                                    <span>
-                                      {child.icon && child.icon}
-                                    </span>
-                                    <Link
-                                      href={child.href}
-                                      className="text-muted-2 hover:underline ml-5 hover:text-primary"
-                                      target={child.newTab ? '_blank' : '_self'}
-                                      rel="noopener noreferrer"
-                                    >
-                                      {child.title}
-                                    </Link>
-                                  </div>
-                                </div>
-                              ))}
-                            </div>
-                          ))}
-                        </div>
-                      )}
-                    </AccordionContent>
-                  </AccordionItem>
-                )
-              }
-            })}
-          </Accordion>
-        </div>
-        <MobileAuthWidget className='text-2xl z-10' handleLogin={() => { setMenuState('login') }} />
-      </div>
-    ) : null
-  );
-
+'use client'
+import React from 'react'
+import type { LinkDef } from '@hanzo/ui/types'
+import { cn } from '@hanzo/ui/util'
+import type { LinkDefExtended, ChildMenu } from '../../site-def/main-nav'
+import MobileNavMenuAI from './mobile-nav-menu-ai'
+import MobileNavMenuItem from './mobile-nav-menu-item'
+import MobileAuthWidget from './mobile-login-button'
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from '@hanzo/ui/primitives'
+import { ChevronDown } from 'lucide-react'
+import Link from 'next/link'
+
+const MobileNav: React.FC<{
+  currentAs: string | undefined
+  links: LinkDefExtended[]
+  className?: string
+  commonItemClx?: string | ((def: LinkDef) => string)
+  setChatbotOpen: (open: boolean) => void
+  setMenuOpen: (open: boolean) => void
+  setMenuState: (arg: 'closed' | 'nav' | 'login' | 'bag') => void
+}> = ({
+  currentAs,
+  links,
+  setMenuState,
+  className = '',
+  commonItemClx,
+  setChatbotOpen,
+  setMenuOpen
+}) => (
+    links.length > 0 ? (
+      <div className={cn('flex flex-col h-full', className)}>
+        <MobileNavMenuAI setMenuOpen={setMenuOpen} />
+        <div className="flex flex-col flex-1 overflow-auto">
+          <Accordion type="single" collapsible className='w-full h-full'>
+            {links.map((el, index) => {
+              const itemClx = (commonItemClx) ? (typeof commonItemClx === 'string' ? commonItemClx : commonItemClx(el)) : ''
+              const variant = el.variant ?? 'link'
+              let internalClx = variant === 'link'
+                ? ' text-muted hover:text-foreground active:text-accent rounded-none'
+                : ' min-w-0'
+
+              if (currentAs && currentAs === el.href) {
+                internalClx += ' pointer-events-none'
+                if (variant === 'link') {
+                  internalClx += ' text-accent'
+                }
+              }
+
+              if (!el.isAIMenu) {
+                return (
+                  <AccordionItem key={index} value={el.title ? el.title : ""} className='!no-underline !border-0 px-6'>
+                    <AccordionTrigger className={cn(internalClx, itemClx, '')}>
+                      <div className={cn(internalClx, itemClx, 'flex items-center justify-between w-full pl-3 text-base font-normal leading-6')}>
+                        {el.title}
+                      </div>
+                      <ChevronDown className="w-4 h-4 mr-3" />
+                    </AccordionTrigger>
+                    <AccordionContent>
+                      {el.childMenu && (
+                        <div className="px-4">
+                          {Object.entries(el.childMenu.reduce((acc, child) => {
+                            const group = acc[child.groupName ? child.groupName : ""] || []
+                            group.push(child)
+                            acc[child.groupName ? child.groupName : ""] = group
+                            return acc
+                          }, {} as { [key: string]: ChildMenu[] })).map(([groupName, children]) => (
+                            <div key={groupName}>
+                              <div className="mt-4 mb-4 font-light text-muted-1">{groupName}</div>
+                              {children.map((child, childIndex) => (
+                                <div key={childIndex} className="m-2">
+                                  <div className="flex items-center py-1">
+                                    <span>
+                                      {child.icon && child.icon}
+                                    </span>
+                                    <Link
+                                      href={child.href}
+                                      className="text-muted-2 hover:underline ml-5 hover:text-primary"
+                                      target={child.newTab ? '_blank' : '_self'}
+                                      rel="noopener noreferrer"
+                                    >
+                                      {child.title}
+                                    </Link>
+                                  </div>
+                                </div>
+                              ))}
+                            </div>
+                          ))}
+                        </div>
+                      )}
+                    </AccordionContent>
+                  </AccordionItem>
+                )
+              }
+            })}
+          </Accordion>
+        </div>
+        <MobileAuthWidget className='text-2xl z-10' handleLogin={() => { setMenuState('login') }} />
+      </div>
+    ) : null
+  );
+
 export default MobileNav;

package/components/contact-dialog/contact-form.tsx

@@ -1,113 +1,113 @@
-'use client'
-
-import React, { useTransition } from 'react'
-
-import { useForm, type SubmitHandler, type ControllerRenderProps } from 'react-hook-form'
-import { z } from 'zod'
-import { zodResolver } from '@hookform/resolvers/zod'
-
-  // @ts-ignore
-import validator from 'validator'
-
-import { Loader2 } from 'lucide-react'
-
-import {
-  Button,
-  Input,
-  Form,
-  FormControl,
-  FormField,
-  FormItem,
-  FormMessage,
-} from '@hanzo/ui/primitives'
-
-import type { SubmitServerAction } from '@hanzo/ui/types'
-import type { ContactInfo } from '../../types'
-
-const ContactFormSchema = z.object({
-  email: z
-    .string()
-    .min(1, { message: "Email must be provided." })
-    .email("Invalid email."),
-  phone: z
-    .string()
-    .min(1, { message: "Telephone must be provided." })
-    .refine(validator.isMobilePhone, { message: "Invalid format." })
-})
-
-type ContactFormSchemaType = z.infer<typeof ContactFormSchema>
-
-const ContactForm: React.FC<{
-  onSubmit: (data: ContactFormSchemaType, enc: any) => void
-  enclosure: any
-}> = ({
-  onSubmit: _onSubmit,
-  enclosure
-}) => {
-
-  const form = useForm<ContactFormSchemaType>({
-    resolver: zodResolver(ContactFormSchema),
-    defaultValues: {
-      email: '',
-      phone: '',
-    },
-  })
-
-  const [isPending, startTransition] = useTransition()
-
-  const onSubmit: SubmitHandler<ContactFormSchemaType> = (data) => {
-    // https://github.com/orgs/react-hook-form/discussions/10757#discussioncomment-6672403
-    // @ts-ignore
-    startTransition(async () => {
-      await _onSubmit(data, enclosure)
-    })
-  }
-
-  const MyFormItem: React.FC<{ 
-    field: ControllerRenderProps<ContactFormSchemaType, 'email'> | ControllerRenderProps<ContactFormSchemaType, 'phone'>  
-    placeholder: string
-  }> = ({
-    field,
-    placeholder
-  }) => (
-  <FormItem className="space-y-0" >
-    <FormControl>
-      <Input placeholder={placeholder} {...field} className="mt-0 text-foreground"/>
-    </FormControl>
-    <div className="flex flex-row justify-start items-stretch gap-2">
-      <FormMessage />
-    </div>
-  </FormItem>
-)
-
-  return (
-    <Form {...form}>
-      <form onSubmit={form.handleSubmit(onSubmit)} className="w-3/4">
-        <div className='flex flex-col justify-start items-stretch mt-4'>
-        <FormField
-          control={form.control}
-          name='email'
-          render={({ field }) => ( <MyFormItem field={field} placeholder='email'/> )}
-        />
-        <FormField
-          control={form.control}
-          name='phone'
-            // @ts-ignore
-          render={({ field }) => ( <MyFormItem field={field} placeholder='phone'/> )}
-        />
-          <Button disabled={isPending} type='submit' className='bg-primary text-primary-fg hover:bg-primary-hover'>
-            {isPending ? (<>
-              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-              Please wait
-              </>
-            ) : (
-              <>Submit</>
-            )}
-          </Button>
-        </div>
-      </form>
-    </Form>
-  )
-}
-
-export default ContactForm
+'use client'
+
+import React, { useTransition } from 'react'
+
+import { useForm, type SubmitHandler, type ControllerRenderProps } from 'react-hook-form'
+import { z } from 'zod'
+import { zodResolver } from '@hookform/resolvers/zod'
+
+  // @ts-ignore
+import validator from 'validator'
+
+import { Loader2 } from 'lucide-react'
+
+import {
+  Button,
+  Input,
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+  FormMessage,
+} from '@hanzo/ui/primitives'
+
+import type { SubmitServerAction } from '@hanzo/ui/types'
+import type { ContactInfo } from '../../types'
+
+const ContactFormSchema = z.object({
+  email: z
+    .string()
+    .min(1, { message: "Email must be provided." })
+    .email("Invalid email."),
+  phone: z
+    .string()
+    .min(1, { message: "Telephone must be provided." })
+    .refine(validator.isMobilePhone, { message: "Invalid format." })
+})
+
+type ContactFormSchemaType = z.infer<typeof ContactFormSchema>
+
+const ContactForm: React.FC<{
+  onSubmit: (data: ContactFormSchemaType, enc: any) => void
+  enclosure: any
+}> = ({
+  onSubmit: _onSubmit,
+  enclosure
+}) => {
+
+  const form = useForm<ContactFormSchemaType>({
+    resolver: zodResolver(ContactFormSchema),
+    defaultValues: {
+      email: '',
+      phone: '',
+    },
+  })
+
+  const [isPending, startTransition] = useTransition()
+
+  const onSubmit: SubmitHandler<ContactFormSchemaType> = (data) => {
+    // https://github.com/orgs/react-hook-form/discussions/10757#discussioncomment-6672403
+    // @ts-ignore
+    startTransition(async () => {
+      await _onSubmit(data, enclosure)
+    })
+  }
+
+  const MyFormItem: React.FC<{ 
+    field: ControllerRenderProps<ContactFormSchemaType, 'email'> | ControllerRenderProps<ContactFormSchemaType, 'phone'>  
+    placeholder: string
+  }> = ({
+    field,
+    placeholder
+  }) => (
+  <FormItem className="space-y-0" >
+    <FormControl>
+      <Input placeholder={placeholder} {...field} className="mt-0 text-foreground"/>
+    </FormControl>
+    <div className="flex flex-row justify-start items-stretch gap-2">
+      <FormMessage />
+    </div>
+  </FormItem>
+)
+
+  return (
+    <Form {...form}>
+      <form onSubmit={form.handleSubmit(onSubmit)} className="w-3/4">
+        <div className='flex flex-col justify-start items-stretch mt-4'>
+        <FormField
+          control={form.control}
+          name='email'
+          render={({ field }) => ( <MyFormItem field={field} placeholder='email'/> )}
+        />
+        <FormField
+          control={form.control}
+          name='phone'
+            // @ts-ignore
+          render={({ field }) => ( <MyFormItem field={field} placeholder='phone'/> )}
+        />
+          <Button disabled={isPending} type='submit' className='bg-primary text-primary-fg hover:bg-primary-hover'>
+            {isPending ? (<>
+              <Loader2 className="mr-2 h-4 w-4 animate-spin" />
+              Please wait
+              </>
+            ) : (
+              <>Submit</>
+            )}
+          </Button>
+        </div>
+      </form>
+    </Form>
+  )
+}
+
+export default ContactForm

package/components/contact-dialog/disclaimer.tsx

@@ -1,13 +1,13 @@
-import React from 'react'
-
-const Disclaimer: React.FC = () => (
-  <div>
-    By entering your mobile number and submitting, you consent to receive text messages from Lux at the number provided. 
-    Message and data rates may apply. Message frequency varies. 
-    You can unsubscribe at any time by replying STOP. 
-    View our <a href='/privacy'>Privacy Policy</a> and <a href='/terms'>Terms & conditions</a>.
-  </div>
-)
-
-export default Disclaimer
-
+import React from 'react'
+
+const Disclaimer: React.FC = () => (
+  <div>
+    By entering your mobile number and submitting, you consent to receive text messages from Lux at the number provided. 
+    Message and data rates may apply. Message frequency varies. 
+    You can unsubscribe at any time by replying STOP. 
+    View our <a href='/privacy'>Privacy Policy</a> and <a href='/terms'>Terms & conditions</a>.
+  </div>
+)
+
+export default Disclaimer
+

package/components/contact-dialog/index.tsx

@@ -1,64 +1,64 @@
-'use client'
-
-import React, { useState } from 'react'
-
-import type { ButtonModalProps} from '@hanzo/ui/types'
-
-import {
-  Button,
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from '@hanzo/ui/primitives'
-
-import ContactForm from './contact-form'
-import Disclaimer from './disclaimer'
-
-const ContactDialog: React.FC<ButtonModalProps> = ({
-  open,
-  onOpenChange,
-  buttonText,
-  buttonProps,
-  title,
-  byline,
-  action,
-  actionEnclosure
-}) => {
-  const [success, setSuccess] = useState(false)
-
-  const onSubmit = async (formData: any, enclosure: any) => {
-    const result = await action(formData, enclosure)
-    if (result.success) {
-      setSuccess(true)
-    }
-  }
-  
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange} >
-      <DialogTrigger asChild>
-        <Button {...buttonProps} >{buttonText}</Button>
-      </DialogTrigger>
-      <DialogContent className="sm:max-w-[500px] p-0 gap-0 bg-background border">
-        <DialogHeader className='py-6 text-foreground'>
-          <DialogTitle className='text-4xl text-center text-inherit'>{title}</DialogTitle>
-          {byline && (<DialogDescription className='text-inherit text-lg text-center'>{byline} </DialogDescription>)}
-        </DialogHeader>
-        <div className='px-8 pb-8 rounded-e-lg flex flex-col justify-start items-center'>
-          {success ? (
-            <p>{actionEnclosure?.reply}</p>
-          ) : (
-            <ContactForm onSubmit={onSubmit} enclosure={actionEnclosure}/>
-          )}
-          <div className='text-muted-1 text-xs mt-4' >
-            <Disclaimer />
-          </div>
-        </div>
-      </DialogContent>
-    </Dialog>
-  )
-}
-
-export default ContactDialog
+'use client'
+
+import React, { useState } from 'react'
+
+import type { ButtonModalProps} from '@hanzo/ui/types'
+
+import {
+  Button,
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from '@hanzo/ui/primitives'
+
+import ContactForm from './contact-form'
+import Disclaimer from './disclaimer'
+
+const ContactDialog: React.FC<ButtonModalProps> = ({
+  open,
+  onOpenChange,
+  buttonText,
+  buttonProps,
+  title,
+  byline,
+  action,
+  actionEnclosure
+}) => {
+  const [success, setSuccess] = useState(false)
+
+  const onSubmit = async (formData: any, enclosure: any) => {
+    const result = await action(formData, enclosure)
+    if (result.success) {
+      setSuccess(true)
+    }
+  }
+  
+  return (
+    <Dialog open={open} onOpenChange={onOpenChange} >
+      <DialogTrigger asChild>
+        <Button {...buttonProps} >{buttonText}</Button>
+      </DialogTrigger>
+      <DialogContent className="sm:max-w-[500px] p-0 gap-0 bg-background border">
+        <DialogHeader className='py-6 text-foreground'>
+          <DialogTitle className='text-4xl text-center text-inherit'>{title}</DialogTitle>
+          {byline && (<DialogDescription className='text-inherit text-lg text-center'>{byline} </DialogDescription>)}
+        </DialogHeader>
+        <div className='px-8 pb-8 rounded-e-lg flex flex-col justify-start items-center'>
+          {success ? (
+            <p>{actionEnclosure?.reply}</p>
+          ) : (
+            <ContactForm onSubmit={onSubmit} enclosure={actionEnclosure}/>
+          )}
+          <div className='text-muted-1 text-xs mt-4' >
+            <Disclaimer />
+          </div>
+        </div>
+      </DialogContent>
+    </Dialog>
+  )
+}
+
+export default ContactDialog

package/components/copyright.tsx

@@ -1,21 +1,21 @@
-import React from 'react'
-
-const FIRST = 2020
-
-const Copyright: React.FC<{
-  className?: string
-}> = ({
-  className=''
-}) => {
-
-  const year = new Date().getFullYear()
-  const yearString = (year > FIRST) ? `${FIRST} - ${year}` : FIRST.toString()
-
-  return (
-    <div className={className}>
-      {`Copyright © ${yearString}`}&nbsp;<br className='sm:hidden'/>Lux Partners Ltd (Isle of Man) and Lux Industries Inc (Delaware, USA).&nbsp;<br className='md:hidden'/>&nbsp;All rights reserved.
-    </div>
-  )
-}
-
-export default Copyright
+import React from 'react'
+
+const FIRST = 2020
+
+const Copyright: React.FC<{
+  className?: string
+}> = ({
+  className='' 
+}) => {
+
+  const year = new Date().getFullYear()
+  const yearString = (year > FIRST) ? `${FIRST} - ${year}` : FIRST.toString()
+
+  return (
+    <div className={className}>
+      {`Copyright © ${yearString}`}&nbsp;<br className='sm:hidden'/>Lux Partners Ltd.&nbsp;<br className='md:hidden'/>&nbsp;All rights reserved.
+    </div> 
+  )
+}
+
+export default Copyright