product-search

Autocomplete product search with real-time results.

<product-search
    v-model="selectedProduct"
    :impersonate-customer-id="customerId"
    @change="handleProductChange"
/>

Key Features:

• Debounced search (300ms)

• Keyboard navigation (arrow keys, enter)

• Variant option display

• Customer impersonation support

• Clearable selection

Props:

• product (Object) - Selected product (v-model)

• searchEndpoint (String) - API endpoint (default: 'platform-product-search')

• impersonateCustomerId (String) - Customer ID for pricing context

• impersonateShippingAddressId (String) - Shipping address for context

• impersonateEmployeeId (String) - Employee context

• isOffer (Boolean) - Offer mode flag

• clearable (Boolean) - Show clear button

• filter (Array) - Additional search filters

Events:

• input - Product selection change (v-model)

• change - Product selection change