@evenicanpm/storefront-core 1.0.2 → 1.0.4

package/src/hooks/use-variants.tsx

@@ -1,85 +0,0 @@
-"use client";
-import { useState } from "react";
-
-// CUSTOM UTILS LIBRARY FUNCTION
-import { ProductDetails } from "@/api-manager/schemas/product.schema";
-import { ProductDimensionValueInventoryAvailability } from "@msdyn365-commerce/retail-proxy";
-import getProductById from "@/api-manager/services/product/queries/get-product-by-id";
-
-//=========================================
-type Props = {
-  product: ProductDetails;
-};
-
-type SelectedDimension = Record<
-  number,
-  ProductDimensionValueInventoryAvailability
->;
-//========================================
-
-/**
- * This Hook handles the product variant selection and updates the selected variant id
- * based on the selected dimensions.
- */
-export default function useVariants({ product }: Props) {
-  const { DimensionValues } = product;
-
-  const [selectVariantId, setSelectVariantId] = useState<number>();
-  const [selectDimensions, setSelectDimensions] = useState<SelectedDimension>(
-    {},
-  );
-
-  const { data: productVariant, isPending: variantPending } =
-    getProductById.useData({ id: selectVariantId });
-
-  // HELPERS
-  const allDimensionsSelected = (currentDimensions: SelectedDimension) =>
-    Object.keys(currentDimensions).length === DimensionValues.length;
-
-  /**
-   * Adds selected dimension to the current selectDimensions state
-   * Updates the selectVariantId if all dimensions are selected
-   * @param dimensionValue dimension that was last change to trigger this function
-   */
-  const handleChangeVariant = async (
-    dimensionValue: ProductDimensionValueInventoryAvailability,
-  ) => {
-    // Wrap the selection logic inside the callback
-    // to ensure we have the correct current value of state
-    setSelectDimensions((state) => {
-      if (!dimensionValue?.DimensionTypeValue) {
-        console.error("DimensionTypeValue is missing");
-        return state;
-      }
-
-      const newDimensionsState = {
-        ...state,
-        [dimensionValue?.DimensionTypeValue]: dimensionValue,
-      };
-
-      if (!allDimensionsSelected(newDimensionsState)) return newDimensionsState;
-
-      const dimensionsArray = Object.values(newDimensionsState);
-
-      // DEDUCE PRODUCT ID FROM SELECTED DIMENSIONS
-      const selectedVariantId = dimensionsArray.reduce(
-        (intersectedIds: number[], { ProductIds }) => {
-          return intersectedIds.filter((id) => ProductIds?.includes(id));
-        },
-        dimensionsArray[0]?.ProductIds || [],
-      );
-
-      setSelectVariantId(selectedVariantId[0]);
-      return newDimensionsState;
-    });
-  };
-
-  return {
-    allDimensionsSelected,
-    handleChangeVariant,
-    productVariant,
-    selectVariantId,
-    variantPending,
-    selectDimensions,
-  };
-}