fix: remove the need to pass sku to buyer portal

Author: icatalina

core/app/[locale]/(default)/product/[slug]/page-data.ts

@@ -171,7 +171,6 @@ const ProductQuery = graphql(
     query ProductQuery($entityId: Int!) {
       site {
         product(entityId: $entityId) {
-          sku
           entityId
           name
           description

core/app/[locale]/(default)/product/[slug]/page.tsx

@@ -304,7 +304,6 @@ export default async function Product(props: Props) {
           incrementLabel={t('ProductDetails.increaseQuantity')}
           prefetch={true}
           product={{
-            sku: baseProduct.sku,
             id: baseProduct.entityId.toString(),
             title: baseProduct.name,
             description: <div dangerouslySetInnerHTML={{ __html: baseProduct.description }} />,

core/b2b/types.ts

@@ -40,6 +40,12 @@ export interface B2BProfile {
   companyRoleName: string;
 }
 
+interface LineItem {
+  productEntityId: number;
+  quantity?: number;
+  selectedOptions?: B2BProductOption[];
+}
+
 declare global {
   interface Window {
     b2b?: {
@@ -53,27 +59,15 @@ declare global {
         quote?: {
           getQuoteConfigs: () => QuoteConfigProps[];
           addProductsFromCartId: (cartId: string) => Promise<void>;
-          addProducts: (
-            products: Array<{
-              sku: string;
-              productEntityId: number;
-              quantity?: number;
-              selectedOptions?: B2BProductOption[];
-            }>,
-          ) => Promise<void>;
+          addProducts: (products: LineItem[]) => Promise<void>;
         };
         shoppingList?: {
-          addProductFromPage: (product: {
-            sku: string;
-            productEntityId: number;
-            quantity?: number;
-            selectedOptions?: B2BProductOption[];
-          }) => Promise<void>;
+          addProductFromPage: (product: LineItem) => Promise<void>;
         };
         cart?: {
           getEntityId: () => string;
           setEntityId: (cartId: string) => void;
-        }
+        };
       };
       callbacks?: {
         addEventListener: {
@@ -86,7 +80,10 @@ declare global {
           (event: 'on-logout', callback: (props: { data: Record<string, string> }) => void): void;
           (event: 'on-cart-created', callback: (props: { data: { cartId: string } }) => void): void;
         };
-        removeEventListener: (event: 'on-logout' | 'on-registered' | 'on-cart-created', callback: unknown) => void;
+        removeEventListener: (
+          event: 'on-logout' | 'on-registered' | 'on-cart-created',
+          callback: unknown,
+        ) => void;
         dispatchEvent: (event: string) => void;
       };
     };

core/b2b/use-product-details.tsx

@@ -17,7 +17,6 @@ interface ProductOption {
 
 interface Data {
   productId: string;
-  sku: string;
   quantity: number;
   selectedOptions: ProductOption[];
 }
@@ -27,13 +26,12 @@ export const useAddToQuote = () => {
   const [isAddingToQuote, setLoading] = useState(false);
   const sdk = useSDK();
 
-  const addProductsToQuote = async ({ selectedOptions, productId, quantity, sku }: Data) => {
+  const addProductsToQuote = async ({ selectedOptions, productId, quantity }: Data) => {
     setLoading(true);
 
     try {
       await sdk?.utils?.quote?.addProducts([
         {
-          sku,
           productEntityId: Number(productId),
           quantity,
           selectedOptions: selectedOptions.map(mapToB2BProductOptions),
@@ -56,12 +54,11 @@ export const useAddToShoppingList = () => {
   const [isAddingToShoppingList, setLoading] = useState(false);
   const sdk = useSDK();
 
-  const addProductToShoppingList = async ({ selectedOptions, productId, quantity, sku }: Data) => {
+  const addProductToShoppingList = async ({ selectedOptions, productId, quantity }: Data) => {
     setLoading(true);
 
     try {
       await sdk?.utils?.shoppingList?.addProductFromPage({
-        sku,
         productEntityId: Number(productId),
         quantity,
         selectedOptions: selectedOptions.map(mapToB2BProductOptions),

core/vibes/soul/sections/product-detail/index.tsx

@@ -13,7 +13,6 @@ import { Field } from './schema';
 
 interface ProductDetailProduct {
   id: string;
-  sku: string;
   title: string;
   href: string;
   images: Streamable<Array<{ src: string; alt: string }>>;
@@ -158,7 +157,6 @@ export function ProductDetail<F extends Field>({
                           prefetch={prefetch}
                           productId={product.id}
                           quantityLabel={quantityLabel}
-                          sku={product.sku}
                         />
                       )}
                     </Stream>

core/vibes/soul/sections/product-detail/product-detail-form.tsx

@@ -49,7 +49,6 @@ export interface ProductDetailFormProps<F extends Field> {
   fields: F[];
   action: ProductDetailFormAction<F>;
   productId: string;
-  sku: string;
   ctaLabel?: string;
   quantityLabel?: string;
   incrementLabel?: string;
@@ -72,7 +71,6 @@ export function ProductDetailForm<F extends Field>({
   ctaDisabled = false,
   prefetch = false,
   additionalActions,
-  sku,
 }: ProductDetailFormProps<F>) {
   const router = useRouter();
   const pathname = usePathname();
@@ -152,14 +150,12 @@ export function ProductDetailForm<F extends Field>({
       if (formData.get('intent') === 'add-to-quote') {
         void addProductsToQuote({
           productId,
-          sku,
           quantity: Number(submission.value.quantity),
           selectedOptions,
         });
       } else if (formData.get('intent') === 'add-to-shopping-list') {
         void addProductToShoppingList({
           productId,
-          sku,
           quantity: Number(submission.value.quantity),
           selectedOptions,
         });