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

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

@@ -1,232 +0,0 @@
-'use client';
-
-import React, { useState, useCallback, useMemo, useEffect } from 'react';
-import { Product } from '@akinon/next/types';
-import { BarcodeScannerButton } from './barcode-scanner-button';
-import { BarcodeScannerModal } from './barcode-scanner-modal';
-import { VirtualTryOnProductSelector } from './virtual-try-on-product-selector';
-import { VirtualTryOnUploadModal } from './virtual-try-on-upload-modal';
-import { BasketAsyncModal } from './basket-async-modal';
-import { useVirtualTryOnAsync } from '../hooks/use-virtual-try-on-async';
-import { getVirtualTryOnEnabled } from '../utils';
-import type {
-  BarcodeScannerSettings,
-  VirtualTryOnPluginSettings,
-  BasketProduct
-} from '../types';
-
-export interface BarcodeScannerPluginProps {
-  className?: string;
-  barcodeScannerSettings?: BarcodeScannerSettings;
-  vtoSettings?: VirtualTryOnPluginSettings;
-
-  settings?: {
-    barcodeScanner?: BarcodeScannerSettings;
-    vto?: VirtualTryOnPluginSettings;
-  };
-
-  onProductsScanned?: (products: Product[]) => void;
-  onVTOComplete?: (result: any) => void;
-
-  showVTOContinue?: boolean;
-}
-
-export function BarcodeScannerPlugin({
-  className,
-  barcodeScannerSettings,
-  vtoSettings,
-  settings,
-  onProductsScanned,
-  onVTOComplete,
-  showVTOContinue = true
-}: BarcodeScannerPluginProps) {
-  // Check if virtual try-on is enabled
-  const [isEnabled, setIsEnabled] = useState(false);
-
-  // Merge settings from props and PluginModule settings
-  const finalBarcodeScannerSettings =
-    barcodeScannerSettings || settings?.barcodeScanner;
-  const finalVtoSettings = vtoSettings || settings?.vto;
-
-  const [isScannerModalOpen, setIsScannerModalOpen] = useState(false);
-  const [isSelectorOpen, setIsSelectorOpen] = useState(false);
-  const [showUploadModal, setShowUploadModal] = useState(false);
-  const [showAsyncModal, setShowAsyncModal] = useState(false);
-  const [scannedProducts, setScannedProducts] = useState<BasketProduct[]>([]);
-  const [selectedProducts, setSelectedProducts] = useState<BasketProduct[]>([]);
-  const [categoryMapping, setCategoryMapping] = useState<
-    Record<string, number[]>
-  >({});
-
-  useEffect(() => {
-    setIsEnabled(getVirtualTryOnEnabled());
-  }, []);
-
-  // Fetch categories when products are selected
-  useEffect(() => {
-    if (selectedProducts.length === 0) {
-      setCategoryMapping({});
-      return;
-    }
-
-    const fetchCategories = async () => {
-      try {
-        const pks = selectedProducts.map((item) => item.pk).join(',');
-        const response = await fetch(`/api/product-categories?pks=${pks}`);
-
-        if (response.ok) {
-          const mapping = await response.json();
-          setCategoryMapping(mapping);
-        }
-      } catch (error) {}
-    };
-
-    fetchCategories();
-  }, [selectedProducts]);
-
-  const hookData = useVirtualTryOnAsync(
-    selectedProducts.length > 0
-      ? selectedProducts
-      : [{ pk: 0, sku: '', name: '', productimage_set: [], attributes: {} }],
-    categoryMapping
-  );
-
-  const handleOpenScanner = useCallback(() => {
-    setIsScannerModalOpen(true);
-  }, []);
-
-  const handleCloseScannerModal = useCallback(() => {
-    setIsScannerModalOpen(false);
-    setScannedProducts([]);
-  }, []);
-
-  const handleProductsFound = useCallback(
-    (products: Product[]) => {
-      onProductsScanned?.(products);
-    },
-    [onProductsScanned]
-  );
-
-  const handleContinueToVTO = useCallback((products: Product[]) => {
-    if (products.length === 0) {
-      return;
-    }
-
-    const basketProducts: BasketProduct[] = products.map((product) => ({
-      pk: product.pk,
-      sku: product.sku || '',
-      name: product.name,
-      productimage_set: product.productimage_set,
-      attributes: product.attributes,
-      category: (product as any).category
-    }));
-
-    setIsScannerModalOpen(false);
-    setScannedProducts(basketProducts);
-
-    if (basketProducts.length === 1) {
-      setSelectedProducts(basketProducts);
-      setShowUploadModal(true);
-    } else {
-      setIsSelectorOpen(true);
-    }
-  }, []);
-
-  const handleProductsSelected = useCallback((products: BasketProduct[]) => {
-    setSelectedProducts(products);
-    setIsSelectorOpen(false);
-    setShowUploadModal(true);
-  }, []);
-
-  const handleSelectorClose = useCallback(() => {
-    setIsSelectorOpen(false);
-    setScannedProducts([]);
-  }, []);
-
-  const handleUploadModalClose = useCallback(() => {
-    hookData.cancelTryOn?.();
-    setShowUploadModal(false);
-    setSelectedProducts([]);
-    setScannedProducts([]);
-    setCategoryMapping({});
-  }, [hookData]);
-
-  const handleAsyncModalClose = useCallback(() => {
-    hookData.cancelTryOn?.();
-    setShowAsyncModal(false);
-    setSelectedProducts([]);
-    setScannedProducts([]);
-    setCategoryMapping({});
-    hookData.reset();
-  }, [hookData]);
-
-  const handleProcessingStart = useCallback(() => {
-    setShowUploadModal(false);
-    setShowAsyncModal(true);
-  }, []);
-
-  const mergedBarcodeSettings = useMemo(
-    (): BarcodeScannerSettings => ({
-      ...finalBarcodeScannerSettings,
-      showContinueToVTO: showVTOContinue
-    }),
-    [finalBarcodeScannerSettings, showVTOContinue]
-  );
-
-  if (!isEnabled) {
-    return null;
-  }
-
-  return (
-    <>
-      <BarcodeScannerButton
-        onClick={handleOpenScanner}
-        className={className}
-        settings={mergedBarcodeSettings}
-      />
-
-      <BarcodeScannerModal
-        isOpen={isScannerModalOpen}
-        onClose={handleCloseScannerModal}
-        onProductFound={handleProductsFound}
-        onContinueToVTO={handleContinueToVTO}
-        settings={mergedBarcodeSettings}
-      />
-
-      {isSelectorOpen && scannedProducts.length > 0 && (
-        <VirtualTryOnProductSelector
-          isOpen={true}
-          onClose={handleSelectorClose}
-          products={scannedProducts}
-          maxSelection={3}
-          onConfirm={handleProductsSelected}
-          settings={finalVtoSettings}
-        />
-      )}
-
-      {showUploadModal && selectedProducts.length > 0 && (
-        <VirtualTryOnUploadModal
-          isOpen={true}
-          onClose={handleUploadModalClose}
-          hookData={hookData}
-          onProcessingStart={handleProcessingStart}
-          settings={finalVtoSettings}
-        />
-      )}
-
-      {showAsyncModal && selectedProducts.length > 0 && (
-        <BasketAsyncModal
-          isOpen={true}
-          onClose={handleAsyncModalClose}
-          hookData={hookData}
-          products={selectedProducts}
-          onComplete={onVTOComplete}
-          settings={finalVtoSettings}
-          source="barcode"
-        />
-      )}
-    </>
-  );
-}
-
-export default BarcodeScannerPlugin;