@akinon/pz-virtual-try-on 1.119.0-rc.3 → 2.0.0-beta.13

package/src/types/barcode.ts

@@ -1,308 +0,0 @@
-import React from 'react';
-import { Product, Pagination, Facet, SortOption } from '@akinon/next/types';
-
-// ==================== BARCODE SCANNER TYPES ====================
-
-export type BarcodeFormat =
-  | 'QR_CODE'
-  | 'DATA_MATRIX'
-  | 'AZTEC'
-  | 'PDF_417'
-  | 'EAN_8'
-  | 'EAN_13'
-  | 'UPC_A'
-  | 'UPC_E'
-  | 'CODE_39'
-  | 'CODE_93'
-  | 'CODE_128'
-  | 'CODABAR'
-  | 'ITF'
-  | 'RSS_14'
-  | 'RSS_EXPANDED';
-
-export interface BarcodeScanResult {
-  text: string;
-  format: BarcodeFormat;
-  timestamp: number;
-}
-
-export interface BarcodeSearchResponse {
-  pagination: Pagination;
-  facets: Facet[];
-  sorters: SortOption[];
-  search_text: string | null;
-  products: Product[];
-}
-
-export interface BarcodeSearchRequest {
-  barcode: string;
-  page?: number;
-  limit?: number;
-}
-
-export interface BarcodeScannerState {
-  isScanning: boolean;
-  hasPermission: boolean | null;
-  error: string | null;
-  lastScanResult: BarcodeScanResult | null;
-}
-
-export interface ScannedProductState {
-  products: Product[];
-  isLoading: boolean;
-  error: string | null;
-  searchedBarcode: string | null;
-}
-
-// ==================== BARCODE COMPONENT PROPS ====================
-
-export interface BarcodeScannerButtonProps {
-  onClick: () => void;
-  className?: string;
-  disabled?: boolean;
-  settings?: BarcodeScannerSettings;
-  style?: React.CSSProperties;
-}
-
-export interface BarcodeScannerModalProps {
-  isOpen: boolean;
-  onClose: () => void;
-  onProductFound?: (products: Product[]) => void;
-  onContinueToVTO?: (products: Product[]) => void;
-  className?: string;
-  settings?: BarcodeScannerSettings;
-}
-
-export interface BarcodeScannerProps {
-  onScan: (result: BarcodeScanResult) => void;
-  onError?: (error: Error) => void;
-  onPermissionDenied?: () => void;
-  isActive: boolean;
-  className?: string;
-  settings?: BarcodeScannerSettings;
-}
-
-export interface ScannedProductCardProps {
-  product: Product;
-  isSelected?: boolean;
-  onSelect?: (product: Product) => void;
-  onRemove?: (product: Product) => void;
-  className?: string;
-  settings?: BarcodeScannerSettings;
-}
-
-// ==================== BARCODE SETTINGS ====================
-
-export interface BarcodeScannerSettings {
-  customStyles?: BarcodeScannerCustomStyles;
-  customRenderers?: BarcodeScannerCustomRenderers;
-  theme?: BarcodeScannerTheme;
-  cssVariables?: Record<string, string>;
-  // Supported barcode formats - defaults to all
-  supportedFormats?: BarcodeFormat[];
-  // Maximum number of products that can be scanned
-  maxProducts?: number;
-  // Whether to show the continue to VTO button
-  showContinueToVTO?: boolean;
-  // Sound on successful scan
-  playScanSound?: boolean;
-  // Vibrate on successful scan (mobile)
-  vibrateOnScan?: boolean;
-}
-
-export interface BarcodeScannerTheme {
-  colors?: {
-    primary?: string;
-    secondary?: string;
-    background?: string;
-    text?: string;
-    border?: string;
-    success?: string;
-    error?: string;
-    scannerOverlay?: string;
-    scannerFrame?: string;
-    scannerCorner?: string;
-  };
-  spacing?: {
-    xs?: string;
-    sm?: string;
-    md?: string;
-    lg?: string;
-    xl?: string;
-  };
-  borderRadius?: {
-    sm?: string;
-    md?: string;
-    lg?: string;
-    full?: string;
-  };
-  fonts?: {
-    primary?: string;
-    secondary?: string;
-  };
-}
-
-export interface BarcodeScannerCustomStyles {
-  // Button styles
-  floatingButton?: string;
-  floatingButtonIcon?: string;
-
-  // Modal styles
-  modalOverlay?: string;
-  modalContainer?: string;
-  modalHeader?: string;
-  modalTitle?: string;
-  modalCloseButton?: string;
-  modalCloseIcon?: string;
-  modalContent?: string;
-
-  // Scanner styles
-  scannerContainer?: string;
-  scannerVideo?: string;
-  scannerOverlay?: string;
-  scannerFrame?: string;
-  scannerCornerTopLeft?: string;
-  scannerCornerTopRight?: string;
-  scannerCornerBottomLeft?: string;
-  scannerCornerBottomRight?: string;
-  scannerHelpText?: string;
-  scannerLine?: string;
-
-  // Product display styles
-  productListContainer?: string;
-  productList?: string;
-  productCard?: string;
-  productCardSelected?: string;
-  productImage?: string;
-  productImageWrapper?: string;
-  productInfo?: string;
-  productName?: string;
-  productPrice?: string;
-  productCheckmark?: string;
-  productRemoveButton?: string;
-
-  // Actions styles
-  actionsContainer?: string;
-  continueButton?: string;
-  continueButtonDisabled?: string;
-  scanMoreText?: string;
-
-  // Error and loading styles
-  errorContainer?: string;
-  errorMessage?: string;
-  errorIcon?: string;
-  errorRetryButton?: string;
-  loadingContainer?: string;
-  loadingSpinner?: string;
-  loadingText?: string;
-
-  // Permission denied styles
-  permissionDeniedContainer?: string;
-  permissionDeniedIcon?: string;
-  permissionDeniedTitle?: string;
-  permissionDeniedMessage?: string;
-  permissionDeniedButton?: string;
-
-  // Empty state styles
-  emptyStateContainer?: string;
-  emptyStateIcon?: string;
-  emptyStateTitle?: string;
-  emptyStateMessage?: string;
-}
-
-export interface BarcodeScannerCustomRenderers {
-  // Button renderers
-  renderFloatingButton?: (props: {
-    onClick: () => void;
-    className?: string;
-  }) => React.ReactNode;
-  renderFloatingButtonIcon?: () => React.ReactNode;
-
-  // Modal renderers
-  renderModal?: (props: BarcodeScannerModalProps) => React.ReactNode;
-  renderModalHeader?: (props: {
-    title: string;
-    onClose: () => void;
-  }) => React.ReactNode;
-  renderModalCloseButton?: (props: {
-    onClick: () => void;
-  }) => React.ReactNode;
-  renderModalCloseIcon?: () => React.ReactNode;
-
-  // Scanner renderers
-  renderScanner?: (props: BarcodeScannerProps) => React.ReactNode;
-  renderScannerOverlay?: (props: {
-    isScanning: boolean;
-  }) => React.ReactNode;
-  renderScannerFrame?: () => React.ReactNode;
-  renderScannerCorners?: () => React.ReactNode;
-  renderScannerHelpText?: (props: { text: string }) => React.ReactNode;
-  renderScannerLine?: () => React.ReactNode;
-
-  // Product renderers
-  renderProductList?: (props: {
-    products: Product[];
-    onRemove: (product: Product) => void;
-  }) => React.ReactNode;
-  renderProductCard?: (props: ScannedProductCardProps) => React.ReactNode;
-  renderProductImage?: (props: {
-    imageUrl: string;
-    alt: string;
-    className?: string;
-  }) => React.ReactNode;
-  renderProductInfo?: (props: {
-    product: Product;
-  }) => React.ReactNode;
-  renderProductCheckmark?: () => React.ReactNode;
-  renderProductRemoveButton?: (props: {
-    onClick: () => void;
-  }) => React.ReactNode;
-
-  // Actions renderers
-  renderActionsContainer?: (props: {
-    children: React.ReactNode;
-  }) => React.ReactNode;
-  renderContinueButton?: (props: {
-    onClick: () => void;
-    disabled: boolean;
-    text: string;
-  }) => React.ReactNode;
-  renderScanMoreText?: (props: { text: string }) => React.ReactNode;
-
-  // Error renderers
-  renderError?: (props: {
-    error: string;
-    onRetry?: () => void;
-  }) => React.ReactNode;
-  renderErrorIcon?: () => React.ReactNode;
-  renderErrorMessage?: (props: { message: string }) => React.ReactNode;
-  renderErrorRetryButton?: (props: {
-    onClick: () => void;
-    text: string;
-  }) => React.ReactNode;
-
-  // Loading renderers
-  renderLoading?: (props: { text?: string }) => React.ReactNode;
-  renderLoadingSpinner?: () => React.ReactNode;
-  renderLoadingText?: (props: { text: string }) => React.ReactNode;
-
-  // Permission denied renderers
-  renderPermissionDenied?: (props: {
-    onRequestPermission?: () => void;
-  }) => React.ReactNode;
-  renderPermissionDeniedIcon?: () => React.ReactNode;
-  renderPermissionDeniedTitle?: (props: { title: string }) => React.ReactNode;
-  renderPermissionDeniedMessage?: (props: {
-    message: string;
-  }) => React.ReactNode;
-  renderPermissionDeniedButton?: (props: {
-    onClick: () => void;
-    text: string;
-  }) => React.ReactNode;
-
-  // Empty state renderers
-  renderEmptyState?: () => React.ReactNode;
-  renderEmptyStateIcon?: () => React.ReactNode;
-  renderEmptyStateTitle?: (props: { title: string }) => React.ReactNode;
-  renderEmptyStateMessage?: (props: { message: string }) => React.ReactNode;
-}

package/src/views/barcode-scanner-button.tsx

@@ -1,63 +0,0 @@
-'use client';
-
-import React from 'react';
-import { twMerge } from 'tailwind-merge';
-import { useLocalization } from '@akinon/next/hooks';
-import type { BarcodeScannerButtonProps } from '../types/barcode';
-
-export function BarcodeScannerButton({
-  onClick,
-  className,
-  disabled = false,
-  settings,
-  style
-}: BarcodeScannerButtonProps) {
-  const { t } = useLocalization();
-
-  // Custom button renderer
-  if (settings?.customRenderers?.renderFloatingButton) {
-    return settings.customRenderers.renderFloatingButton({
-      onClick,
-      className
-    });
-  }
-
-  return (
-    <button
-      onClick={onClick}
-      disabled={disabled}
-      aria-label={t('product.barcode_scanner.button_label')}
-      style={style}
-      className={twMerge(
-        // Base styles - fixed position bottom right, mobile only
-        'fixed bottom-20 right-4 z-50 md:hidden',
-        // Button appearance
-        'px-4 py-3 rounded-full',
-        'bg-black text-white',
-        'flex items-center justify-center',
-        'shadow-lg hover:shadow-xl',
-        'transition-all duration-200',
-        'hover:scale-105 active:scale-95',
-        'text-sm font-medium whitespace-nowrap',
-        // Disabled state
-        disabled && 'opacity-50 cursor-not-allowed hover:scale-100',
-        // Custom styles
-        settings?.customStyles?.floatingButton,
-        className
-      )}
-    >
-      {settings?.customRenderers?.renderFloatingButtonIcon ? (
-        settings.customRenderers.renderFloatingButtonIcon()
-      ) : (
-        <span
-          className={twMerge(
-            'text-sm font-medium',
-            settings?.customStyles?.floatingButtonIcon
-          )}
-        >
-          {t('product.barcode_scanner.button_text')}
-        </span>
-      )}
-    </button>
-  );
-}