add ability to disable xns name capture textfield

Author: jonesmac

packages/sdk/packages/xns/src/components/XnsNameCapture/Props.ts

@@ -32,6 +32,7 @@ export interface XnsNameCaptureBaseProps {
   autoFocus?: boolean
   buttonText?: string
   defaultXnsName?: string
+  disabled?: boolean
   errorUi?: 'alert' | 'toast'
   mobileButtonText?: string
   onNameChange?: (name: string) => void

packages/sdk/packages/xns/src/components/XnsNameCapture/XnsNameCapture.tsx

@@ -18,6 +18,7 @@ export const XnsNameCapture: React.FC<XnsNameCaptureProps> = ({
   buttonText = 'Buy My Name',
   children,
   defaultXnsName,
+  disabled,
   errorUi = 'alert',
   funnel = 'xns',
   intent = 'unset',
@@ -72,6 +73,7 @@ export const XnsNameCapture: React.FC<XnsNameCaptureProps> = ({
       <FlexRow gap={1}>
         <XnsEstimateNameTextField
           autoFocus={autoFocus}
+          disabled={disabled}
           label="xNS Name"
           variant="outlined"
           size="small"