@propeller-commerce/propeller-v2-react-ui 0.6.1 → 0.7.1

package/dist/index.js

@@ -868,6 +868,25 @@ function useCart(options) {
   }, [graphqlClient, language, configuration, user]);
   return { cart, cartId, loading, error, checkoutAllowed, resolveCart, addItem, updateItemQuantity, updateItemNotes, deleteItem, addActionCode, removeActionCode, requestAuthorization, processCart, getCrossupsells, getMinQuantity, getStep };
 }
+function buildAddressInput(type, addr) {
+  return {
+    type,
+    firstName: addr.firstName || "",
+    lastName: addr.lastName || "",
+    street: addr.street || "",
+    postalCode: addr.postalCode || "",
+    city: addr.city || "",
+    ...addr.company && { company: addr.company },
+    ...addr.gender && { gender: addr.gender },
+    ...addr.middleName && { middleName: addr.middleName },
+    ...addr.number && { number: addr.number },
+    ...addr.numberExtension && { numberExtension: addr.numberExtension },
+    ...addr.country && { country: addr.country },
+    ...addr.email && { email: addr.email },
+    ...addr.mobile && { mobile: addr.mobile },
+    ...addr.phone && { phone: addr.phone }
+  };
+}
 function useCheckout(options) {
   const { graphqlClient, user, companyId } = options;
   const language = options.language ?? "NL";
@@ -908,26 +927,9 @@ function useCheckout(options) {
       if (!hasInvoice) {
         const defaultInvoice = getUserDefaultAddress("invoice");
         if (defaultInvoice) {
-          const input = {
-            type: CartAddressType.INVOICE,
-            firstName: defaultInvoice.firstName || "",
-            lastName: defaultInvoice.lastName || "",
-            street: defaultInvoice.street || "",
-            postalCode: defaultInvoice.postalCode || "",
-            city: defaultInvoice.city || "",
-            company: defaultInvoice.company,
-            gender: defaultInvoice.gender,
-            middleName: defaultInvoice.middleName,
-            number: defaultInvoice.number,
-            numberExtension: defaultInvoice.numberExtension,
-            country: defaultInvoice.country,
-            email: defaultInvoice.email,
-            mobile: defaultInvoice.mobile,
-            phone: defaultInvoice.phone
-          };
           updatedCart = await cartService.updateCartAddress({
             id: updatedCart.cartId,
-            input,
+            input: buildAddressInput(CartAddressType.INVOICE, defaultInvoice),
             imageVariantFilters,
             imageSearchFilters,
             language
@@ -937,26 +939,9 @@ function useCheckout(options) {
       if (!hasDelivery) {
         const defaultDelivery = getUserDefaultAddress("delivery");
         if (defaultDelivery) {
-          const input = {
-            type: CartAddressType.DELIVERY,
-            firstName: defaultDelivery.firstName || "",
-            lastName: defaultDelivery.lastName || "",
-            street: defaultDelivery.street || "",
-            postalCode: defaultDelivery.postalCode || "",
-            city: defaultDelivery.city || "",
-            company: defaultDelivery.company,
-            gender: defaultDelivery.gender,
-            middleName: defaultDelivery.middleName,
-            number: defaultDelivery.number,
-            numberExtension: defaultDelivery.numberExtension,
-            country: defaultDelivery.country,
-            email: defaultDelivery.email,
-            mobile: defaultDelivery.mobile,
-            phone: defaultDelivery.phone
-          };
           updatedCart = await cartService.updateCartAddress({
             id: updatedCart.cartId,
-            input,
+            input: buildAddressInput(CartAddressType.DELIVERY, defaultDelivery),
             imageVariantFilters,
             imageSearchFilters,
             language
@@ -2478,6 +2463,140 @@ function useProductSearch(options) {
     goToPage: pagination.goToPage
   };
 }
+function toMatch(item, language) {
+  const isCluster = "clusterId" in item;
+  const displayItem = isCluster ? item.defaultProduct : item;
+  const productId = displayItem?.productId ?? item.productId;
+  const clusterId = isCluster ? item.clusterId : void 0;
+  const name = language && item.names?.find((n) => n.language === language)?.value || item.names?.[0]?.value || "Product";
+  const netPrice = displayItem?.price?.net ?? 0;
+  const grossPrice = displayItem?.price?.gross ?? 0;
+  const minQuantity = Math.max(1, displayItem?.minimumQuantity ?? 1);
+  const imageUrl = isCluster ? getClusterImageUrl(item) : getProductImageUrl(item);
+  return {
+    productId,
+    clusterId,
+    name,
+    sku: item.sku || displayItem?.sku || "",
+    netPrice,
+    grossPrice,
+    minQuantity,
+    imageUrl
+  };
+}
+function useQuickOrder(options) {
+  const {
+    graphqlClient,
+    user,
+    companyId,
+    configuration = {},
+    onCartCreated,
+    afterAddToCart
+  } = options;
+  const language = options.language || "NL";
+  const searchLimit = options.searchLimit ?? 8;
+  const [submitting, setSubmitting] = useState(false);
+  const [error, setError] = useState(null);
+  const searchProducts = useCallback(
+    async (term) => {
+      const trimmed = term.trim();
+      if (!trimmed || !graphqlClient) return [];
+      try {
+        const service = createServices(graphqlClient).product;
+        const input = {
+          term: trimmed,
+          language,
+          page: 1,
+          offset: searchLimit,
+          statuses: [ProductStatus.A, ProductStatus.P, ProductStatus.T, ProductStatus.S],
+          sortInputs: [{ field: ProductSortField.RELEVANCE, order: SortOrder.DESC }],
+          searchFields: [
+            {
+              fieldNames: [
+                ProductSearchableField.SKU,
+                ProductSearchableField.NAME,
+                ProductSearchableField.KEYWORDS,
+                ProductSearchableField.CUSTOM_KEYWORDS
+              ],
+              boost: 5
+            },
+            {
+              fieldNames: [
+                ProductSearchableField.MANUFACTURER_CODE,
+                ProductSearchableField.EAN_CODE,
+                ProductSearchableField.BAR_CODE,
+                ProductSearchableField.SUPPLIER_CODE,
+                ProductSearchableField.PRODUCT_ID
+              ],
+              boost: 1
+            }
+          ]
+        };
+        const variables = {
+          input,
+          language,
+          imageVariantFilters: configuration.imageVariantFiltersSmall
+        };
+        const result = await service.getProducts(variables);
+        const items = result?.items ?? [];
+        return items.map((it) => toMatch(it, language));
+      } catch {
+        return [];
+      }
+    },
+    [graphqlClient, language, searchLimit, configuration]
+  );
+  const submit = useCallback(
+    async (lines) => {
+      const valid = lines.filter((l) => l.productId && (l.quantity ?? 0) > 0);
+      if (!valid.length) return { success: false, error: "No items to add" };
+      if (!graphqlClient) return { success: false, error: "No GraphQL client" };
+      setSubmitting(true);
+      setError(null);
+      try {
+        const services = createServices(graphqlClient);
+        const cart = await initCart({
+          services,
+          user: user ?? null,
+          companyId,
+          language,
+          imageSearchFilters: configuration.imageSearchFiltersGrid,
+          imageVariantFilters: configuration.imageVariantFiltersSmall,
+          onCartCreated
+        });
+        const items = valid.map((l) => ({
+          productId: l.productId,
+          quantity: l.quantity,
+          ...l.clusterId ? { clusterId: l.clusterId } : {}
+        }));
+        const bulk = await services.cart.bulkUpdateCartItems({
+          input: { cartId: cart.cartId, items }
+        });
+        const updated = await services.cart.getCart({
+          cartId: cart.cartId,
+          language,
+          imageSearchFilters: configuration.imageSearchFiltersGrid,
+          imageVariantFilters: configuration.imageVariantFiltersSmall
+        });
+        const finalCart = updated ?? cart;
+        afterAddToCart?.(finalCart);
+        return {
+          success: true,
+          cart: finalCart,
+          added: (bulk?.created ?? 0) + (bulk?.updated ?? 0)
+        };
+      } catch (e) {
+        const msg = e instanceof Error ? e.message : "Failed to add items to cart";
+        setError(msg);
+        return { success: false, error: msg };
+      } finally {
+        setSubmitting(false);
+      }
+    },
+    [graphqlClient, user, companyId, language, configuration, onCartCreated, afterAddToCart]
+  );
+  return { submitting, error, searchProducts, submit };
+}
 var inflightFetches3 = /* @__PURE__ */ new Set();
 var STOREFRONT_STATUSES = [
   ProductStatus.A,
@@ -4911,6 +5030,7 @@ function AddToFavorite(rawProps) {
   ] }) }) : null });
 }
 var AddToFavorite_default = AddToFavorite;
+var EMAIL_PATTERN = "[^@\\s]+@[^@\\s.]+(?:\\.[^@\\s.]+)*\\.[A-Za-z]{2,}";
 var AddressCardContext = React6.createContext(null);
 function useAddressCardContext() {
   const ctx = React6.useContext(AddressCardContext);
@@ -5356,10 +5476,7 @@ function AddressCard(rawProps) {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium mb-1", children: [
-              getLabel(props.labels, "email", "Email"),
-              " *"
-            ] }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: getLabel(props.labels, "email", "Email") }),
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -5369,7 +5486,7 @@ function AddressCard(rawProps) {
                 onChange: (e) => {
                   setEditEmail(e.target.value);
                 },
-                required: true
+                pattern: EMAIL_PATTERN
               }
             )
           ] }),
@@ -5649,10 +5766,7 @@ function AddressCard(rawProps) {
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
           /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium mb-1", children: [
-              getLabel(props.labels, "email", "Email"),
-              " *"
-            ] }),
+            /* @__PURE__ */ jsx("label", { className: "block text-sm font-medium mb-1", children: getLabel(props.labels, "email", "Email") }),
             /* @__PURE__ */ jsx(
               "input",
               {
@@ -5662,7 +5776,7 @@ function AddressCard(rawProps) {
                 onChange: (e) => {
                   setEditEmail(e.target.value);
                 },
-                required: true
+                pattern: EMAIL_PATTERN
               }
             )
           ] }),
@@ -6365,7 +6479,7 @@ function CartItem(rawProps) {
     }
     return "#";
   }
-  function getProductImageUrl5() {
+  function getProductImageUrl6() {
     return props.cartItem.product?.media?.images?.items?.[0]?.imageVariants?.[0]?.url || "";
   }
   function getProductSku3() {
@@ -6549,7 +6663,7 @@ function CartItem(rawProps) {
     derived: {
       name: getProductName5(),
       sku: getProductSku3(),
-      imageUrl: getProductImageUrl5(),
+      imageUrl: getProductImageUrl6(),
       productUrl: getProductUrl2(),
       isBundle: isBundleItem(),
       bundleName: getBundleName(),
@@ -9523,7 +9637,7 @@ function GridToolbar(rawProps) {
   const [currentSortOrder, setCurrentSortOrder] = useState(SortOrder.DESC);
   const [currentOffset, setCurrentOffset] = useState(12);
   const [currentViewMode, setCurrentViewMode] = useState("grid");
-  function getLabel54(key) {
+  function getLabel55(key) {
     const labels = props.labels || {};
     return labels[key] !== void 0 ? labels[key] : DEFAULT_LABELS[key] || key;
   }
@@ -9602,7 +9716,7 @@ function GridToolbar(rawProps) {
           /* @__PURE__ */ jsx("div", { className: "propeller-grid-toolbar__count text-sm text-muted-foreground font-medium", children: props.itemsFound > 0 ? /* @__PURE__ */ jsxs("span", { children: [
             props.itemsFound,
             "\xA0",
-            props.itemsFound === 1 ? getLabel54("productSingular") : getLabel54("productPlural")
+            props.itemsFound === 1 ? getLabel55("productSingular") : getLabel55("productPlural")
           ] }) : null }),
           /* @__PURE__ */ jsxs("div", { className: "propeller-grid-toolbar__controls flex flex-wrap items-center gap-3", children: [
             /* @__PURE__ */ jsx(
@@ -9613,7 +9727,7 @@ function GridToolbar(rawProps) {
                 onChange: (e) => handleOffsetChange(parseInt(e.target.value)),
                 children: getOffsetOptions()?.map((n) => /* @__PURE__ */ jsxs("option", { value: n, children: [
                   n,
-                  getLabel54("perPage")
+                  getLabel55("perPage")
                 ] }, n))
               }
             ),
@@ -9629,7 +9743,7 @@ function GridToolbar(rawProps) {
                   {
                     value: field,
                     disabled: field === "PRICE" && isPriceSortDisabled(),
-                    children: getLabel54(field)
+                    children: getLabel55(field)
                   },
                   field
                 ))
@@ -9642,8 +9756,8 @@ function GridToolbar(rawProps) {
                 value: currentSortOrder,
                 onChange: (e) => handleSortOrderChange(e.target.value),
                 children: [
-                  /* @__PURE__ */ jsx("option", { value: SortOrder.ASC, children: getLabel54("ASC") }),
-                  /* @__PURE__ */ jsx("option", { value: SortOrder.DESC, children: getLabel54("DESC") })
+                  /* @__PURE__ */ jsx("option", { value: SortOrder.ASC, children: getLabel55("ASC") }),
+                  /* @__PURE__ */ jsx("option", { value: SortOrder.DESC, children: getLabel55("DESC") })
                 ]
               }
             ),
@@ -9653,7 +9767,7 @@ function GridToolbar(rawProps) {
                 type: "button",
                 className: "propeller-grid-toolbar__view-toggle h-9 w-9 flex items-center justify-center rounded-control border border-input bg-transparent hover:bg-accent hover:text-accent-foreground transition-colors",
                 onClick: (event) => handleViewChange(),
-                title: currentViewMode === "grid" ? getLabel54("switchToList") : getLabel54("switchToGrid"),
+                title: currentViewMode === "grid" ? getLabel55("switchToList") : getLabel55("switchToGrid"),
                 children: [
                   currentViewMode === "grid" ? /* @__PURE__ */ jsxs(
                     "svg",
@@ -9711,7 +9825,7 @@ function GridToolbar(rawProps) {
               onClick: (event) => {
                 if (props.onClearFilters) props.onClearFilters();
               },
-              children: getLabel54("clearAll")
+              children: getLabel55("clearAll")
             }
           ),
           props.priceFilterMin !== void 0 || props.priceFilterMax !== void 0 ? /* @__PURE__ */ jsxs(
@@ -9722,7 +9836,7 @@ function GridToolbar(rawProps) {
                 if (props.onPriceFilterRemove) props.onPriceFilterRemove();
               },
               children: [
-                getLabel54("price"),
+                getLabel55("price"),
                 ": \u20AC",
                 props.priceFilterMin ?? 0,
                 " \u2013 \u20AC",
@@ -9759,7 +9873,7 @@ var DEFAULT_LABELS2 = {
   of: "of"
 };
 function GridPagination(props) {
-  function getLabel54(key) {
+  function getLabel55(key) {
     const labels = props.labels || {};
     return labels[key] !== void 0 ? labels[key] : DEFAULT_LABELS2[key] || key;
   }
@@ -9832,15 +9946,15 @@ function GridPagination(props) {
               className: "propeller-grid-pagination__btn propeller-grid-pagination__btn--prev inline-flex items-center rounded-control border border-input bg-card px-4 py-2 text-sm font-medium text-foreground shadow-sm hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed",
               disabled: currentPage === 1,
               onClick: () => handlePageChange(currentPage - 1),
-              children: getLabel54("previous")
+              children: getLabel55("previous")
             }
           ),
           /* @__PURE__ */ jsxs("span", { className: "propeller-grid-pagination__info px-2 text-sm font-medium text-muted-foreground", children: [
-            getLabel54("page"),
+            getLabel55("page"),
             "\xA0",
             currentPage,
             "\xA0",
-            getLabel54("of"),
+            getLabel55("of"),
             "\xA0",
             totalPages
           ] }),
@@ -9851,7 +9965,7 @@ function GridPagination(props) {
               className: "propeller-grid-pagination__btn propeller-grid-pagination__btn--next inline-flex items-center rounded-control border border-input bg-card px-4 py-2 text-sm font-medium text-foreground shadow-sm hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed",
               disabled: currentPage === totalPages,
               onClick: () => handlePageChange(currentPage + 1),
-              children: getLabel54("next")
+              children: getLabel55("next")
             }
           )
         ] }) : null,
@@ -9863,7 +9977,7 @@ function GridPagination(props) {
               className: "propeller-grid-pagination__btn propeller-grid-pagination__btn--prev inline-flex items-center rounded-control border border-input bg-card px-3 py-2 text-sm font-medium text-foreground shadow-sm hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed",
               disabled: currentPage === 1,
               onClick: () => handlePageChange(currentPage - 1),
-              children: getLabel54("previous")
+              children: getLabel55("previous")
             }
           ),
           getFullPages().map((item, idx) => /* @__PURE__ */ jsx(
@@ -9890,7 +10004,7 @@ function GridPagination(props) {
               className: "propeller-grid-pagination__btn propeller-grid-pagination__btn--next inline-flex items-center rounded-control border border-input bg-card px-3 py-2 text-sm font-medium text-foreground shadow-sm hover:bg-surface-hover disabled:opacity-40 disabled:cursor-not-allowed",
               disabled: currentPage === totalPages,
               onClick: () => handlePageChange(currentPage + 1),
-              children: getLabel54("next")
+              children: getLabel55("next")
             }
           )
         ] }) : null
@@ -10369,7 +10483,7 @@ function formatPrice9(price, currency) {
 function getProductName2(product) {
   return product.names?.[0]?.value || `Product ${product.productId}`;
 }
-function getProductImageUrl3(product) {
+function getProductImageUrl4(product) {
   const media = product.media;
   if (media?.images?.items && Array.isArray(media.images.items) && media.images.items.length > 0) {
     const firstImage = media.images.items[0];
@@ -10398,7 +10512,7 @@ function ClusterOptions(props) {
           (p) => p.productId.toString() === selectedProductId
         );
         if (selectedProduct) {
-          previewImageUrl = getProductImageUrl3(selectedProduct);
+          previewImageUrl = getProductImageUrl4(selectedProduct);
           previewName = getProductName2(selectedProduct);
           previewPrice = formatPrice9(selectedProduct.price?.gross || 0, props.currency ?? "\u20AC");
         }
@@ -13775,6 +13889,347 @@ function OrderList(rawProps) {
   ] });
 }
 var OrderList_default = OrderList;
+var ROW_SEQ = 0;
+function blankRow() {
+  ROW_SEQ += 1;
+  return {
+    key: `qo-${ROW_SEQ}`,
+    code: "",
+    productId: null,
+    name: "",
+    netPrice: 0,
+    quantity: 1,
+    minQuantity: 1,
+    matches: [],
+    searching: false,
+    searched: false
+  };
+}
+function QuickOrderInner(props) {
+  const {
+    companyId,
+    language = "NL",
+    currency = "\u20AC",
+    configuration,
+    initialRows = 5,
+    searchThreshold = 3,
+    debounceMs = 300,
+    parseSpreadsheet,
+    templateUrl,
+    maxUploadBytes = 2 * 1024 * 1024,
+    maxUploadRows = 500,
+    onCartCreated,
+    afterAddToCart,
+    onMissingCodes,
+    className,
+    labels
+  } = props;
+  const user = props.user ?? null;
+  const graphqlClient = props.graphqlClient;
+  const displayPrice = (n) => props.formatPrice ? props.formatPrice(n) : formatPrice(n, { symbol: currency });
+  const L = (key, fallback) => getLabel(labels, key, fallback);
+  const { submitting, searchProducts, submit } = useQuickOrder({
+    graphqlClient,
+    user,
+    companyId,
+    language,
+    configuration,
+    onCartCreated,
+    afterAddToCart
+  });
+  const [rows, setRows] = useState(
+    () => Array.from({ length: Math.max(1, initialRows) }, blankRow)
+  );
+  const [missing, setMissing] = useState([]);
+  const [uploadError, setUploadError] = useState(null);
+  const [uploading, setUploading] = useState(false);
+  const [notice, setNotice] = useState(null);
+  const fileInputRef = useRef(null);
+  const searchTimers = useRef({});
+  const patchRow = useCallback((key, patch) => {
+    setRows((prev) => prev.map((r) => r.key === key ? { ...r, ...patch } : r));
+  }, []);
+  const onCodeInput = useCallback(
+    (key, value) => {
+      patchRow(key, { code: value, productId: null, name: "", netPrice: 0, searched: false });
+      setNotice(null);
+      const timers = searchTimers.current;
+      if (timers[key]) clearTimeout(timers[key]);
+      if (value.trim().length < searchThreshold) {
+        patchRow(key, { matches: [], searching: false, searched: false });
+        return;
+      }
+      patchRow(key, { searching: true });
+      timers[key] = setTimeout(async () => {
+        const results = await searchProducts(value);
+        patchRow(key, { matches: results, searching: false, searched: true });
+      }, debounceMs);
+    },
+    [patchRow, searchProducts, searchThreshold, debounceMs]
+  );
+  const selectMatch = useCallback(
+    (key, match) => {
+      const dup = rows.some((r) => r.key !== key && r.productId && r.code === match.sku);
+      if (dup) {
+        setNotice(L("alreadyInList", "Product is already in the list"));
+        patchRow(key, { code: "", matches: [], productId: null, name: "", netPrice: 0, searched: false });
+        return;
+      }
+      patchRow(key, {
+        code: match.sku,
+        productId: match.productId,
+        clusterId: match.clusterId,
+        name: match.name,
+        netPrice: match.netPrice,
+        quantity: match.minQuantity,
+        minQuantity: match.minQuantity,
+        matches: [],
+        searching: false,
+        searched: false
+      });
+    },
+    [rows, patchRow, L]
+  );
+  const setQuantity = useCallback(
+    (key, raw) => {
+      const n = parseInt(raw, 10);
+      setRows(
+        (prev) => prev.map(
+          (r) => r.key === key ? { ...r, quantity: Number.isFinite(n) && n > 0 ? Math.max(r.minQuantity, n) : r.minQuantity } : r
+        )
+      );
+    },
+    []
+  );
+  const addRow = useCallback(() => setRows((prev) => [...prev, blankRow()]), []);
+  const removeRow = useCallback(
+    (key) => setRows((prev) => prev.length > 1 ? prev.filter((r) => r.key !== key) : prev),
+    []
+  );
+  const resolvedCount = useMemo(() => rows.filter((r) => r.productId).length, [rows]);
+  const onFileChosen = useCallback(
+    async (file) => {
+      if (!file || !parseSpreadsheet) return;
+      setUploadError(null);
+      setMissing([]);
+      if (file.size > maxUploadBytes) {
+        setUploadError(`File too large (max ${Math.round(maxUploadBytes / 1024 / 1024)} MB)`);
+        return;
+      }
+      setUploading(true);
+      try {
+        let lines = await parseSpreadsheet(file);
+        lines = lines.slice(0, maxUploadRows).map((l) => ({ code: String(l.code ?? "").trim(), quantity: Math.max(1, parseInt(String(l.quantity), 10) || 1) })).filter((l) => l.code.length > 0);
+        if (!lines.length) {
+          setUploadError("No valid rows found in the file");
+          return;
+        }
+        const resolved = [];
+        const notFound = [];
+        for (const line of lines) {
+          const matches = await searchProducts(line.code);
+          const exact = matches.find((m) => m.sku.toLowerCase() === line.code.toLowerCase()) || matches[0];
+          if (!exact) {
+            notFound.push(line.code);
+            continue;
+          }
+          if (resolved.some((r) => r.productId === exact.productId)) continue;
+          const row = blankRow();
+          resolved.push({
+            ...row,
+            code: exact.sku,
+            productId: exact.productId,
+            clusterId: exact.clusterId,
+            name: exact.name,
+            netPrice: exact.netPrice,
+            quantity: Math.max(exact.minQuantity, line.quantity),
+            minQuantity: exact.minQuantity
+          });
+        }
+        if (resolved.length) {
+          setRows([...resolved, blankRow()]);
+        }
+        if (notFound.length) {
+          setMissing(notFound);
+          onMissingCodes?.(notFound);
+        }
+      } catch {
+        setUploadError("Could not read the file");
+      } finally {
+        setUploading(false);
+        if (fileInputRef.current) fileInputRef.current.value = "";
+      }
+    },
+    [parseSpreadsheet, maxUploadBytes, maxUploadRows, searchProducts, onMissingCodes]
+  );
+  const handleSubmit = useCallback(async () => {
+    const lines = rows.filter((r) => r.productId).map((r) => ({ productId: r.productId, quantity: r.quantity, clusterId: r.clusterId, code: r.code }));
+    if (!lines.length) {
+      setNotice(L("noItems", "Add at least one product before submitting"));
+      return;
+    }
+    const res = await submit(lines);
+    if (res.success) {
+      setRows(Array.from({ length: Math.max(1, initialRows) }, blankRow));
+      setMissing([]);
+      setNotice(null);
+    } else {
+      setNotice(res.error ?? "Failed to add items to cart");
+    }
+  }, [rows, submit, initialRows, L]);
+  return /* @__PURE__ */ jsx("div", { className: className ?? "propeller-quick-order", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col lg:flex-row gap-8", children: [
+    parseSpreadsheet ? /* @__PURE__ */ jsxs("div", { className: "w-full lg:w-1/3", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-3 text-foreground", children: L("uploadTitle", "Upload Excel file") }),
+      templateUrl ? /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: templateUrl,
+          target: "_blank",
+          rel: "noopener nofollow",
+          className: "text-primary hover:underline text-sm inline-block mb-4",
+          children: L("downloadTemplate", "Download XLSX template")
+        }
+      ) : null,
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mb-3", children: L("uploadHint", "Column A: article no. / SKU \u2014 Column B: quantity. First two rows are ignored.") }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref: fileInputRef,
+          type: "file",
+          accept: ".xlsx,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel",
+          className: "block w-full text-sm text-muted-foreground file:mr-3 file:py-2 file:px-4 file:rounded file:border-0 file:bg-primary file:text-primary-foreground hover:file:bg-primary/90",
+          onChange: (e) => onFileChosen(e.target.files?.[0]),
+          disabled: uploading
+        }
+      ),
+      uploading ? /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-2", children: L("upload", "Uploading\u2026") }) : null,
+      uploadError ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive mt-2", children: uploadError }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold mb-3 text-foreground", children: L("title", "Add your products manually") }),
+      /* @__PURE__ */ jsxs("div", { className: "hidden md:grid grid-cols-12 gap-2 px-2 pb-2 text-xs font-medium text-muted-foreground border-b border-border", children: [
+        /* @__PURE__ */ jsx("div", { className: "col-span-3", children: L("colCode", "Article no. / SKU") }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-3", children: L("colName", "Product name") }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-2", children: L("colPrice", "excl. VAT") }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-1", children: L("colQuantity", "Qty") }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-2 text-right", children: L("colTotal", "Total") }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-1" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "divide-y divide-border", children: rows.map((r) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-2 items-center py-2 relative", children: [
+        /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-3 relative", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "text",
+              value: r.code,
+              onChange: (e) => onCodeInput(r.key, e.target.value),
+              readOnly: !!r.productId,
+              placeholder: L("colCode", "Article no. / SKU"),
+              className: "w-full rounded border border-input bg-background px-2 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring"
+            }
+          ),
+          (r.searching || r.matches.length > 0 || r.searched) && !r.productId ? /* @__PURE__ */ jsx("ul", { className: "absolute z-20 mt-1 w-[320px] max-w-[90vw] bg-card border border-border rounded shadow-lg max-h-72 overflow-auto", children: r.searching ? /* @__PURE__ */ jsx("li", { className: "px-3 py-2 text-sm text-muted-foreground", children: "\u2026" }) : r.matches.length ? r.matches.map((m) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => selectMatch(r.key, m),
+              className: "flex items-center gap-2 w-full text-left px-3 py-2 hover:bg-muted text-sm",
+              children: [
+                m.imageUrl ? (
+                  // eslint-disable-next-line @next/next/no-img-element
+                  /* @__PURE__ */ jsx("img", { src: m.imageUrl, alt: "", width: 32, height: 32, className: "rounded object-cover" })
+                ) : null,
+                /* @__PURE__ */ jsxs("span", { className: "flex-1", children: [
+                  /* @__PURE__ */ jsx("span", { className: "block text-foreground", children: m.name }),
+                  m.sku ? /* @__PURE__ */ jsxs("span", { className: "block text-xs text-muted-foreground", children: [
+                    "SKU: ",
+                    m.sku
+                  ] }) : null
+                ] })
+              ]
+            }
+          ) }, `${r.key}-${m.productId}`)) : /* @__PURE__ */ jsx("li", { className: "px-3 py-2 text-sm text-muted-foreground", children: L("noResults", "No results found") }) }) : null
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-6 md:col-span-3", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: r.name,
+            disabled: true,
+            className: "w-full rounded border border-input bg-muted/40 px-2 py-1.5 text-sm text-muted-foreground"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-3 md:col-span-2", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            value: r.productId ? displayPrice(r.netPrice) : "",
+            disabled: true,
+            className: "w-full rounded border border-input bg-muted/40 px-2 py-1.5 text-sm text-muted-foreground"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-3 md:col-span-1", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "number",
+            min: r.minQuantity,
+            step: 1,
+            value: r.productId ? r.quantity : "",
+            disabled: !r.productId,
+            onChange: (e) => setQuantity(r.key, e.target.value),
+            onKeyDown: (e) => {
+              if (["e", "E", "+", "-", "."].includes(e.key)) e.preventDefault();
+            },
+            className: "w-full rounded border border-input bg-background px-2 py-1.5 text-sm focus:outline-none focus:ring-2 focus:ring-ring disabled:bg-muted/40"
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-9 md:col-span-2 text-right text-sm text-foreground whitespace-nowrap", children: r.productId ? displayPrice(r.netPrice * r.quantity) : "" }),
+        /* @__PURE__ */ jsx("div", { className: "col-span-3 md:col-span-1 flex justify-end", children: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: () => removeRow(r.key),
+            "aria-label": L("remove", "Remove"),
+            className: "text-muted-foreground hover:text-destructive p-1",
+            children: "\u2715"
+          }
+        ) })
+      ] }, r.key)) }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: addRow,
+          className: "mt-3 text-primary hover:underline text-sm font-medium",
+          children: [
+            "+ ",
+            L("addRow", "Add more rows")
+          ]
+        }
+      ),
+      missing.length ? /* @__PURE__ */ jsxs("p", { className: "text-sm text-destructive mt-4", children: [
+        L("missingCodes", "The following products were not added:"),
+        " ",
+        missing.join(", ")
+      ] }) : null,
+      notice ? /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive mt-2", children: notice }) : null,
+      /* @__PURE__ */ jsx("div", { className: "flex items-center justify-end mt-6 pt-4 border-t border-border", children: /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: handleSubmit,
+          disabled: submitting || resolvedCount === 0,
+          className: "bg-primary text-primary-foreground px-6 py-2.5 rounded font-medium hover:bg-primary/90 transition disabled:opacity-50 disabled:cursor-not-allowed",
+          children: submitting ? L("adding", "Adding\u2026") : L("addToCart", "Add to cart")
+        }
+      ) })
+    ] })
+  ] }) });
+}
+function QuickOrder(rawProps) {
+  const props = useInfraProps(rawProps);
+  return /* @__PURE__ */ jsx(QuickOrderInner, { ...props });
+}
 function OrderShipments(props) {
   const [activeShipment, setActiveShipment] = useState(null);
   const shipments = props.order?.shipments || [];
@@ -18178,6 +18633,6 @@ function UserDetails(rawProps) {
 }
 var UserDetails_default = UserDetails;
 
-export { AccountIconAndMenu_default as AccountIconAndMenu, ActionCode_default as ActionCode, AddToCart_default as AddToCart, AddToFavorite_default as AddToFavorite, AddressCard_default as AddressCard, AddressSelector_default as AddressSelector, BreadcrumbsWithProvider_default as Breadcrumbs, CartBonusItems_default as CartBonusItems, CartCarriers_default as CartCarriers, CartIconAndSidebar_default as CartIconAndSidebar, CartItem_default as CartItem, CartOverview_default as CartOverview, CartPaymethods_default as CartPaymethods, CartSummary_default as CartSummary, CategoryDescription_default as CategoryDescription, CategoryShortDescriptionWithProvider_default as CategoryShortDescription, ClusterCard_default as ClusterCard, ClusterConfigurator_default as ClusterConfigurator, ClusterInfo_default as ClusterInfo, ClusterOptions_default as ClusterOptions, CompanySwitcher_default as CompanySwitcher, AddToCart_default as DefaultAddToCart, AddToFavorite_default as DefaultAddToFavorite, ItemStock_default as DefaultItemStock, DefaultProductBadges, ProductBulkPrices_default as DefaultProductBulkPrices, ProductBundles_default as DefaultProductBundles, DefaultProductImage, ProductPrice_default as DefaultProductPrice, DefaultProductSurcharges, DeliveryDate_default as DeliveryDate, FavoriteListDetails_default as FavoriteListDetails, FavoriteListItem_default as FavoriteListItem, FavoriteLists_default as FavoriteLists, ForgotPassword_default as ForgotPassword, GridFilters_default as GridFilters, GridFiltersPanel, GridPagination_default as GridPagination, GridTitleWithProvider_default as GridTitle, GridToolbar_default as GridToolbar, ItemStock_default as ItemStock, ItemsOverview_default as ItemsOverview, LoginForm_default as LoginForm, MachineCard, MachineGrid, Menu_default as Menu, OrderActions_default as OrderActions, OrderBonusItems_default as OrderBonusItems, OrderItemCard_default as OrderItemCard, OrderList_default as OrderList, OrderShipments_default as OrderShipments, OrderSummary_default as OrderSummary, OrderTotals_default as OrderTotals, PriceToggle_default as PriceToggle, ProductBulkPricesWithProvider_default as ProductBulkPrices, ProductBundles_default as ProductBundles, ProductCard_default as ProductCard, ProductDescription_default as ProductDescription, ProductDownloads_default as ProductDownloads, ProductGallery_default as ProductGallery, ProductGrid_default as ProductGrid, ProductGridConfigProvider, ProductInfo_default as ProductInfo, ProductPriceWithProvider_default as ProductPrice, ProductShortDescriptionWithProvider_default as ProductShortDescription, ProductSlider_default as ProductSlider, ProductSpecifications_default as ProductSpecifications, ProductTabs_default as ProductTabs, ProductVideos_default as ProductVideos, PropellerDepsProvider, PropellerProvider, PurchaseAuthorizationConfigurator_default as PurchaseAuthorizationConfigurator, PurchaseAuthorizationRequests_default as PurchaseAuthorizationRequests, QuoteActions_default as QuoteActions, RegisterForm_default as RegisterForm, SearchBar_default as SearchBar, UserDetails_default as UserDetails, buildRootMachinesQuery, fetchActiveCart, initCart, mergeAnonymousCart, useAddress, useAuth, useCart, useCheckout, useClusterConfigurator, useCompany, useFavorites, useInfraProps, useMachines, useMenu, useOrders, useProductBundles, useProductGridConfig, useProductInfo, useProductSearch, useProductSlider, useProductSpecs, usePropellerContext, usePropellerDeps, usePropellerScope, usePurchaseAuthorizationConfigurator, usePurchaseAuthorizationRequests, useRequiredPropellerDeps, useResolvedProps, useServices, useSpareParts, useUserMode };
+export { AccountIconAndMenu_default as AccountIconAndMenu, ActionCode_default as ActionCode, AddToCart_default as AddToCart, AddToFavorite_default as AddToFavorite, AddressCard_default as AddressCard, AddressSelector_default as AddressSelector, BreadcrumbsWithProvider_default as Breadcrumbs, CartBonusItems_default as CartBonusItems, CartCarriers_default as CartCarriers, CartIconAndSidebar_default as CartIconAndSidebar, CartItem_default as CartItem, CartOverview_default as CartOverview, CartPaymethods_default as CartPaymethods, CartSummary_default as CartSummary, CategoryDescription_default as CategoryDescription, CategoryShortDescriptionWithProvider_default as CategoryShortDescription, ClusterCard_default as ClusterCard, ClusterConfigurator_default as ClusterConfigurator, ClusterInfo_default as ClusterInfo, ClusterOptions_default as ClusterOptions, CompanySwitcher_default as CompanySwitcher, AddToCart_default as DefaultAddToCart, AddToFavorite_default as DefaultAddToFavorite, ItemStock_default as DefaultItemStock, DefaultProductBadges, ProductBulkPrices_default as DefaultProductBulkPrices, ProductBundles_default as DefaultProductBundles, DefaultProductImage, ProductPrice_default as DefaultProductPrice, DefaultProductSurcharges, DeliveryDate_default as DeliveryDate, FavoriteListDetails_default as FavoriteListDetails, FavoriteListItem_default as FavoriteListItem, FavoriteLists_default as FavoriteLists, ForgotPassword_default as ForgotPassword, GridFilters_default as GridFilters, GridFiltersPanel, GridPagination_default as GridPagination, GridTitleWithProvider_default as GridTitle, GridToolbar_default as GridToolbar, ItemStock_default as ItemStock, ItemsOverview_default as ItemsOverview, LoginForm_default as LoginForm, MachineCard, MachineGrid, Menu_default as Menu, OrderActions_default as OrderActions, OrderBonusItems_default as OrderBonusItems, OrderItemCard_default as OrderItemCard, OrderList_default as OrderList, OrderShipments_default as OrderShipments, OrderSummary_default as OrderSummary, OrderTotals_default as OrderTotals, PriceToggle_default as PriceToggle, ProductBulkPricesWithProvider_default as ProductBulkPrices, ProductBundles_default as ProductBundles, ProductCard_default as ProductCard, ProductDescription_default as ProductDescription, ProductDownloads_default as ProductDownloads, ProductGallery_default as ProductGallery, ProductGrid_default as ProductGrid, ProductGridConfigProvider, ProductInfo_default as ProductInfo, ProductPriceWithProvider_default as ProductPrice, ProductShortDescriptionWithProvider_default as ProductShortDescription, ProductSlider_default as ProductSlider, ProductSpecifications_default as ProductSpecifications, ProductTabs_default as ProductTabs, ProductVideos_default as ProductVideos, PropellerDepsProvider, PropellerProvider, PurchaseAuthorizationConfigurator_default as PurchaseAuthorizationConfigurator, PurchaseAuthorizationRequests_default as PurchaseAuthorizationRequests, QuickOrder, QuoteActions_default as QuoteActions, RegisterForm_default as RegisterForm, SearchBar_default as SearchBar, UserDetails_default as UserDetails, buildRootMachinesQuery, fetchActiveCart, initCart, mergeAnonymousCart, useAddress, useAuth, useCart, useCheckout, useClusterConfigurator, useCompany, useFavorites, useInfraProps, useMachines, useMenu, useOrders, useProductBundles, useProductGridConfig, useProductInfo, useProductSearch, useProductSlider, useProductSpecs, usePropellerContext, usePropellerDeps, usePropellerScope, usePurchaseAuthorizationConfigurator, usePurchaseAuthorizationRequests, useQuickOrder, useRequiredPropellerDeps, useResolvedProps, useServices, useSpareParts, useUserMode };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map