@coinlist-co/react 0.3.0 → 0.4.0

package/dist/{RequirementItem-BvwsFu9e.d.cts → RequirementItem-B-MvcxSr.d.cts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { h as RequirementStatusInfo, i as RequirementStatusValue, j as RequirementType, R as Requirement } from './requirement-CxbdY8l4.cjs';
+import { h as RequirementStatusInfo, i as RequirementStatusValue, j as RequirementType, R as Requirement } from './requirement-XWT0T_zO.cjs';
 
 type RequirementVariant = 'verification' | 'wallet';
 declare const RequirementVariant: {
@@ -29,8 +29,8 @@ interface RequirementItemProps {
     onToggle?: () => void;
     walletAddress?: string;
     className?: string;
-    onAction?: () => void;
-    onContactSupport?: () => void;
+    onAction?: (() => void) | null;
+    onContactSupport?: (() => void) | null;
 }
 declare function RequirementItem({ ui, expanded, onToggle, className, onAction, onContactSupport, }: RequirementItemProps): react_jsx_runtime.JSX.Element;
 

package/dist/{RequirementItem-BpkJQep8.d.ts → RequirementItem-DcYot2uC.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { h as RequirementStatusInfo, i as RequirementStatusValue, j as RequirementType, R as Requirement } from './requirement-fJsQ3f9_.js';
+import { h as RequirementStatusInfo, i as RequirementStatusValue, j as RequirementType, R as Requirement } from './requirement-XWT0T_zO.js';
 
 type RequirementVariant = 'verification' | 'wallet';
 declare const RequirementVariant: {
@@ -29,8 +29,8 @@ interface RequirementItemProps {
     onToggle?: () => void;
     walletAddress?: string;
     className?: string;
-    onAction?: () => void;
-    onContactSupport?: () => void;
+    onAction?: (() => void) | null;
+    onContactSupport?: (() => void) | null;
 }
 declare function RequirementItem({ ui, expanded, onToggle, className, onAction, onContactSupport, }: RequirementItemProps): react_jsx_runtime.JSX.Element;
 

package/dist/{chunk-IDCROXPS.js → chunk-EHZ6PIGN.js}

@@ -260,6 +260,7 @@ function VerificationActionZone({
 }) {
   switch (status) {
     case "required":
+      if (onAction === null) return null;
       return /* @__PURE__ */ jsx4(ClButton, { size: "sm", onClick: onAction, children: "Continue" });
     case "pending":
       return /* @__PURE__ */ jsx4(
@@ -276,7 +277,7 @@ function VerificationActionZone({
         AlertBanner,
         {
           variant: "error",
-          content: /* @__PURE__ */ jsxs3(Fragment, { children: [
+          content: onContactSupport === null ? "Verification rejected." : /* @__PURE__ */ jsxs3(Fragment, { children: [
             "Verification rejected.",
             " ",
             /* @__PURE__ */ jsx4(
@@ -301,7 +302,7 @@ function WalletActionZone({
 }) {
   if (status === "completed") {
     return /* @__PURE__ */ jsxs3(Fragment, { children: [
-      /* @__PURE__ */ jsx4(ClButton, { size: "sm", variant: "secondary", onClick: onAction, children: "Change wallet" }),
+      onAction !== null && /* @__PURE__ */ jsx4(ClButton, { size: "sm", variant: "secondary", onClick: onAction, children: "Change wallet" }),
       /* @__PURE__ */ jsx4(
         AlertBanner,
         {
@@ -313,7 +314,7 @@ function WalletActionZone({
   }
   if (status === "rejected") {
     return /* @__PURE__ */ jsxs3(Fragment, { children: [
-      /* @__PURE__ */ jsx4(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" }),
+      onAction !== null && /* @__PURE__ */ jsx4(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" }),
       /* @__PURE__ */ jsx4(
         AlertBanner,
         {
@@ -323,6 +324,7 @@ function WalletActionZone({
       )
     ] });
   }
+  if (onAction === null) return null;
   return /* @__PURE__ */ jsx4(ClButton, { size: "sm", onClick: onAction, children: "Connect wallet" });
 }
 function RequirementItem({
@@ -409,4 +411,4 @@ export {
   RequirementItemUi,
   RequirementItem
 };
-//# sourceMappingURL=chunk-IDCROXPS.js.map
+//# sourceMappingURL=chunk-EHZ6PIGN.js.map

package/dist/chunk-EHZ6PIGN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/client/components/requirements/RequirementItem.tsx","../src/client/components/design-system/AlertBanner.tsx","../src/client/components/design-system/tokens/typography.ts","../src/client/components/design-system/utils.ts","../src/client/components/design-system/ClButton.tsx","../src/client/components/design-system/StepStatusIcon.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronRight } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { AlertBanner } from '@/client/components/design-system/AlertBanner';\nimport { ClButton } from '@/client/components/design-system/ClButton';\nimport { StepStatusIcon } from '@/client/components/design-system/StepStatusIcon';\nimport { typeClasses } from '@/client/components/design-system/tokens/typography';\nimport { cn } from '@/client/components/design-system/utils';\nimport type {\n  Requirement,\n  RequirementStatusInfo,\n  RequirementStatusValue,\n  RequirementType,\n} from '@/shared/types/requirement';\n\nexport type RequirementVariant = 'verification' | 'wallet';\nexport const RequirementVariant = {\n  fromType(type: RequirementType): RequirementVariant {\n    switch (type) {\n      case 'external_wallet':\n      case 'whitelisted_wallet':\n        return 'wallet';\n      default:\n        return 'verification';\n    }\n  },\n};\n\nexport type RequirementStatus =\n  | 'required'\n  | 'pending'\n  | 'completed'\n  | 'rejected';\nexport const RequirementStatus = {\n  fromStatusValue(status: RequirementStatusValue): RequirementStatus {\n    switch (status) {\n      case 'not_started':\n      case 'action_needed':\n        return 'required';\n      case 'in_progress':\n        return 'pending';\n      case 'completed':\n        return 'completed';\n      case 'rejected':\n        return 'rejected';\n    }\n  },\n};\n\nexport type ChecklistStatus = 'inProgress' | 'eligible' | 'ineligible';\nexport const ChecklistStatus = {\n  derive(statuses: RequirementStatusInfo[]): ChecklistStatus {\n    if (statuses.some((s) => s.status === 'rejected')) return 'ineligible';\n    if (statuses.every((s) => s.status === 'completed')) return 'eligible';\n    return 'inProgress';\n  },\n};\n\nexport type RequirementItemUi = {\n  variant: RequirementVariant;\n  status: RequirementStatus;\n  label: string;\n  description: string;\n  walletAddress?: string;\n};\n\nexport const RequirementItemUi = {\n  fromDomain(\n    req: Requirement,\n    statusInfo: RequirementStatusInfo | undefined,\n    label: string,\n    description: string,\n    walletAddress?: string\n  ): RequirementItemUi {\n    return {\n      variant: RequirementVariant.fromType(req.type),\n      status: statusInfo\n        ? RequirementStatus.fromStatusValue(statusInfo.status)\n        : 'required',\n      label,\n      description,\n      walletAddress,\n    };\n  },\n};\n\nexport interface RequirementItemProps {\n  ui: RequirementItemUi;\n  expanded?: boolean;\n  onToggle?: () => void;\n  walletAddress?: string;\n  className?: string;\n  onAction?: (() => void) | null;\n  onContactSupport?: (() => void) | null;\n}\n\nfunction VerificationActionZone({\n  status,\n  onAction,\n  onContactSupport,\n}: {\n  status: RequirementStatus;\n  onAction?: (() => void) | null;\n  onContactSupport?: (() => void) | null;\n}): ReactNode {\n  switch (status) {\n    case 'required':\n      if (onAction === null) return null;\n      return (\n        <ClButton size=\"sm\" onClick={onAction}>\n          Continue\n        </ClButton>\n      );\n    case 'pending':\n      return (\n        <AlertBanner\n          variant=\"warning\"\n          content=\"Under review. We'll notify you when complete.\"\n        />\n      );\n    case 'completed':\n      return <AlertBanner variant=\"success\" content=\"Identity verified.\" />;\n    case 'rejected':\n      return (\n        <AlertBanner\n          variant=\"error\"\n          content={\n            onContactSupport === null ? (\n              'Verification rejected.'\n            ) : (\n              <>\n                Verification rejected.{' '}\n                <button\n                  type=\"button\"\n                  onClick={onContactSupport}\n                  className=\"underline\"\n                >\n                  Contact support\n                </button>\n                .\n              </>\n            )\n          }\n        />\n      );\n  }\n}\n\nfunction WalletActionZone({\n  status,\n  walletAddress,\n  onAction,\n}: {\n  status: RequirementStatus;\n  walletAddress?: string;\n  onAction?: (() => void) | null;\n}): ReactNode {\n  if (status === 'completed') {\n    return (\n      <>\n        {onAction !== null && (\n          <ClButton size=\"sm\" variant=\"secondary\" onClick={onAction}>\n            Change wallet\n          </ClButton>\n        )}\n        <AlertBanner\n          variant=\"success\"\n          content={walletAddress ?? 'Connected: 0xBa4b...9f2c'}\n        />\n      </>\n    );\n  }\n\n  if (status === 'rejected') {\n    return (\n      <>\n        {onAction !== null && (\n          <ClButton size=\"sm\" onClick={onAction}>\n            Connect wallet\n          </ClButton>\n        )}\n        <AlertBanner\n          variant=\"error\"\n          content=\"This wallet is not eligible for this sale.\"\n        />\n      </>\n    );\n  }\n\n  if (onAction === null) return null;\n  return (\n    <ClButton size=\"sm\" onClick={onAction}>\n      Connect wallet\n    </ClButton>\n  );\n}\n\nexport function RequirementItem({\n  ui,\n  expanded = false,\n  onToggle,\n  className,\n  onAction,\n  onContactSupport,\n}: RequirementItemProps) {\n  return (\n    <div className={cn('flex w-full flex-col', className)}>\n      <button\n        type=\"button\"\n        onClick={onToggle}\n        aria-expanded={expanded}\n        className=\"flex h-14 w-full cursor-pointer items-center justify-between rounded-2xl px-2 transition-colors hover:bg-surface\"\n      >\n        <div className=\"flex items-center gap-3\">\n          <StepStatusIcon status={ui.status} />\n          <span\n            className={cn(\n              typeClasses.body,\n              'whitespace-nowrap font-medium text-text-primary'\n            )}\n          >\n            {ui.label}\n          </span>\n        </div>\n        <ChevronRight\n          className={cn(\n            'h-6 w-6 shrink-0 text-text-secondary transition-transform duration-300',\n            expanded && 'rotate-90'\n          )}\n          aria-hidden=\"true\"\n        />\n      </button>\n\n      <div\n        className={cn(\n          'grid transition-[grid-template-rows] duration-300 ease-in-out',\n          expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n        )}\n      >\n        {/* min-h-0 lets the grid item collapse to 0 when grid-rows is 0fr */}\n        <div className=\"min-h-0 overflow-hidden\">\n          <div className=\"flex flex-col gap-4 px-2 pb-4\">\n            <p className={cn(typeClasses.subhead, 'text-text-secondary')}>\n              {ui.description}\n            </p>\n            {ui.variant === 'verification' ? (\n              <VerificationActionZone\n                status={ui.status}\n                onAction={onAction}\n                onContactSupport={onContactSupport}\n              />\n            ) : (\n              <WalletActionZone\n                status={ui.status}\n                walletAddress={ui.walletAddress}\n                onAction={onAction}\n              />\n            )}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n","import type { LucideIcon } from 'lucide-react';\nimport { CircleCheck, Info } from 'lucide-react';\nimport type { ReactNode } from 'react';\nimport { typeClasses } from '@/client/components/design-system/tokens/typography';\nimport { cn } from '@/client/components/design-system/utils';\n\nexport type AlertBannerVariant = 'info' | 'success' | 'warning' | 'error';\n\ninterface AlertBannerProps {\n  variant: AlertBannerVariant;\n  content: ReactNode;\n  icon?: boolean;\n  className?: string;\n}\n\nconst variantConfig: Record<\n  AlertBannerVariant,\n  { container: string; text: string; Icon: LucideIcon }\n> = {\n  info: {\n    container: 'bg-surface border-border',\n    text: 'text-text-secondary',\n    Icon: Info,\n  },\n  success: {\n    container: 'bg-success-subtle border-success-border',\n    text: 'text-success',\n    Icon: CircleCheck,\n  },\n  warning: {\n    container: 'bg-warning-subtle border-warning-border',\n    text: 'text-warning',\n    Icon: Info,\n  },\n  error: {\n    container: 'bg-error-subtle border-error-border',\n    text: 'text-error',\n    Icon: Info,\n  },\n};\n\nexport function AlertBanner({\n  variant,\n  content,\n  icon = false,\n  className,\n}: AlertBannerProps) {\n  const { container, text, Icon } = variantConfig[variant];\n\n  return (\n    <div\n      className={cn(\n        'flex items-center rounded-btn border p-3',\n        icon && 'gap-2',\n        container,\n        className\n      )}\n    >\n      {icon && (\n        <Icon className={cn('h-4 w-4 shrink-0', text)} aria-hidden=\"true\" />\n      )}\n      <p className={cn(typeClasses.subhead, text)}>{content}</p>\n    </div>\n  );\n}\n","/**\n * CoinList Sale SDK — Typography Tokens\n *\n * Scale based on design system.\n * fontSize in px, lineHeight as percentage string, fontWeight as number.\n * Use the cn() Tailwind classes where possible, these values\n * are for programmatic access or non-Tailwind contexts.\n */\n\nexport const typeScale = {\n  hero: {\n    fontSize: 64,\n    lineHeight: '110%',\n    fontWeight: 600,\n  },\n  display: {\n    fontSize: 48,\n    lineHeight: '110%',\n    fontWeight: 600,\n  },\n  h1: {\n    fontSize: 36,\n    lineHeight: '120%',\n    fontWeight: 600,\n  },\n  h2: {\n    fontSize: 28,\n    lineHeight: '125%',\n    fontWeight: 600,\n  },\n  h3: {\n    fontSize: 22,\n    lineHeight: '130%',\n    fontWeight: 600,\n  },\n  h4: {\n    fontSize: 18,\n    lineHeight: '135%',\n    fontWeight: 500,\n  },\n  body: {\n    fontSize: 16,\n    lineHeight: '150%',\n    fontWeight: 400,\n  },\n  subhead: {\n    fontSize: 14,\n    lineHeight: '150%',\n    fontWeight: 400,\n  },\n  caption: {\n    fontSize: 12,\n    lineHeight: '140%',\n    fontWeight: 400,\n  },\n  label: {\n    fontSize: 14,\n    lineHeight: '140%',\n    fontWeight: 500,\n  },\n  data: {\n    fontSize: 14,\n    lineHeight: '140%',\n    fontWeight: 400,\n  },\n} as const;\n\n/**\n * Tailwind class mappings for each type style.\n * Use these className strings directly in components.\n *\n * e.g. <h1 className={typeClasses.h1}>Hello</h1>\n */\nexport const typeClasses = {\n  hero: 'text-[64px] leading-[110%] font-semibold',\n  display: 'text-[48px] leading-[110%] font-semibold',\n  h1: 'text-[36px] leading-[120%] font-semibold',\n  h2: 'text-[28px] leading-[125%] font-semibold',\n  h3: 'text-[22px] leading-[130%] font-semibold',\n  h4: 'text-[18px] leading-[135%] font-medium',\n  body: 'text-[16px] leading-[150%] font-normal',\n  subhead: 'text-[14px] leading-[150%] font-normal',\n  caption: 'text-[12px] leading-[140%] font-normal',\n  label: 'text-[14px] leading-[140%] font-medium',\n  data: 'text-[14px] leading-[140%] font-normal',\n} as const;\n\nexport type TypeScale = keyof typeof typeScale;\n","import { type ClassValue, clsx } from 'clsx';\n\n/**\n * Utility function to merge class names using clsx.\n */\nexport function cn(...inputs: ClassValue[]) {\n  return clsx(inputs);\n}\n","'use client';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { type ButtonHTMLAttributes, forwardRef, type ReactNode } from 'react';\nimport { cn } from '@/client/components/design-system/utils';\n\n// Button variants using class-variance-authority for consistent styling\nconst buttonVariants = cva(\n  'inline-flex items-center justify-center gap-3 whitespace-nowrap transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-40 cursor-pointer',\n  {\n    variants: {\n      variant: {\n        // Primary — tokens auto-switch: dark bg (#171717) → light bg (#f4f4f5) in dark mode\n        primary:\n          'bg-brand-primary text-text-inverse font-semibold hover:bg-brand-primary-hover active:bg-brand-primary-active focus-visible:ring-gray-500',\n        // Secondary — bg-section, border-border, text-text-primary all auto-switch\n        // hover maps to border token value; active has no token so uses dark: override\n        secondary:\n          'bg-section border border-border text-text-primary font-medium hover:bg-border active:bg-[#d9d9d9] dark:active:bg-divider focus-visible:ring-gray-400',\n        // Destructive — error tokens auto-switch to translucent dark equivalents\n        // hover/active have no tokens so use dark: overrides\n        destructive:\n          'bg-error-subtle border border-error-border text-error font-semibold hover:bg-[#fcdcd8] active:bg-[#f9c9c4] dark:hover:bg-[rgba(248,113,113,0.20)] dark:active:bg-[rgba(248,113,113,0.30)] focus-visible:ring-red-400',\n        // Ghost — transparent base; hover/active use section/border tokens (auto-switch)\n        ghost:\n          'bg-transparent text-text-primary font-medium hover:bg-section active:bg-border focus-visible:ring-gray-400',\n        // Link — text-text-primary auto-switches light/dark\n        link: 'h-auto p-0 text-text-primary font-medium underline-offset-4 hover:underline focus-visible:ring-gray-500',\n        // Destructive link — text-error auto-switches (#b42318 → #f87171 in dark)\n        destructiveLink:\n          'h-auto p-0 text-error font-medium hover:text-[#8b1a13] active:text-[#6d1510] dark:hover:text-[#fca5a5] dark:active:text-[#f87171] focus-visible:ring-red-500',\n      },\n      size: {\n        sm: 'h-9 px-4 text-sm tracking-[0.28px]',\n        default: 'h-11 px-5 text-sm tracking-[0.28px]',\n        lg: 'h-14 px-6 text-base',\n        icon: 'h-12 w-12',\n      },\n      radius: {\n        pill: 'rounded-full',\n        // compound variants below handle size-specific radii\n        rounded: '',\n      },\n      fullWidth: {\n        true: 'w-full',\n        false: '',\n      },\n    },\n    compoundVariants: [\n      { size: 'sm', radius: 'rounded', className: 'rounded-lg' },\n      { size: 'default', radius: 'rounded', className: 'rounded-2xl' },\n      { size: 'lg', radius: 'rounded', className: 'rounded-2xl' },\n      { size: 'icon', radius: 'rounded', className: 'rounded-md' },\n    ],\n    defaultVariants: {\n      variant: 'primary',\n      size: 'default',\n      radius: 'pill',\n      fullWidth: false,\n    },\n  }\n);\n\ninterface ClButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  children?: ReactNode;\n  isLoading?: boolean;\n  loadingText?: string;\n  startIcon?: ReactNode;\n  endIcon?: ReactNode;\n}\n\nconst ClButton = forwardRef<HTMLButtonElement, ClButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      radius,\n      fullWidth,\n      children,\n      isLoading = false,\n      loadingText,\n      startIcon,\n      endIcon,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const isDisabled = disabled || isLoading;\n\n    return (\n      <button\n        className={cn(\n          buttonVariants({ variant, size, radius, fullWidth }),\n          className\n        )}\n        ref={ref}\n        disabled={isDisabled}\n        {...props}\n      >\n        {isLoading && (\n          <span\n            className=\"h-4 w-4 shrink-0 animate-spin rounded-full border-2 border-current border-t-transparent opacity-60\"\n            aria-hidden=\"true\"\n          />\n        )}\n\n        {startIcon && !isLoading && (\n          <span className=\"shrink-0\">{startIcon}</span>\n        )}\n\n        <span className={cn(isLoading && 'opacity-60')}>\n          {isLoading && loadingText ? loadingText : children}\n        </span>\n\n        {endIcon && !isLoading && <span className=\"shrink-0\">{endIcon}</span>}\n      </button>\n    );\n  }\n);\n\nClButton.displayName = 'ClButton';\n\nexport { ClButton, buttonVariants };\nexport type { ClButtonProps };\n","import type { LucideIcon } from 'lucide-react';\nimport { CircleCheck, CircleX, Info } from 'lucide-react';\nimport { cn } from '@/client/components/design-system/utils';\n\nexport type StepStatus = 'required' | 'pending' | 'completed' | 'rejected';\n\ninterface StepStatusIconProps {\n  status: StepStatus;\n  className?: string;\n}\n\nconst statusConfig: Record<\n  StepStatus,\n  { Icon: LucideIcon; colorClass: string; fillClass: string }\n> = {\n  required: {\n    Icon: Info,\n    colorClass: 'text-warning',\n    fillClass: '[&_circle]:fill-warning-subtle',\n  },\n  pending: {\n    Icon: Info,\n    colorClass: 'text-warning',\n    fillClass: '[&_circle]:fill-warning-subtle',\n  },\n  completed: {\n    Icon: CircleCheck,\n    colorClass: 'text-success',\n    fillClass: '[&_circle]:fill-success-subtle',\n  },\n  rejected: {\n    Icon: CircleX,\n    colorClass: 'text-error',\n    fillClass: '[&_circle]:fill-error-subtle',\n  },\n};\n\nexport function StepStatusIcon({ status, className }: StepStatusIconProps) {\n  const { Icon, colorClass, fillClass } = statusConfig[status];\n  return (\n    <Icon\n      className={cn('h-6 w-6 shrink-0', colorClass, fillClass, className)}\n      aria-hidden=\"true\"\n    />\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs","CircleCheck","Info","jsx","Info","CircleCheck","jsx","jsxs"]}