Migrate to purchase ops with new ACM store APIs in Core (#269)

Author: devksingh4

src/app/(membership)/merch-paid/page.tsx

@@ -12,6 +12,7 @@ import Lottie from 'lottie-react';
 import axios from 'axios';
 import Layout from '../MembershipLayout';
 import successAnimation from '../success.json';
+import { transformApiResponse } from '../merch-store/transform';
 
 const WrapepdMerchPaid = () => {
   return (
@@ -25,12 +26,12 @@ const MerchPaid = () => {
   const itemid = useSearchParams().get('id') || '';
   const [merchList, setMerchList] = useState<Record<string, any>>({});
 
-  const baseUrl = process.env.NEXT_PUBLIC_MERCH_API_BASE_URL;
+  const coreBaseUrl = process.env.NEXT_PUBLIC_CORE_API_BASE_URL;
 
   const metaLoader = async () => {
-    const url = `${baseUrl}/api/v1/merch/details?itemid=${itemid}`;
+    const url = `${coreBaseUrl}/api/v1/store/products/${itemid}`;
     axios.get(url).then((response) => {
-      setMerchList(response.data);
+      setMerchList(transformApiResponse({ products: [response.data] })[0]);
     });
   };
 

src/app/(membership)/merch-store/page.tsx

@@ -4,10 +4,11 @@ import { useState } from 'react';
 import { Button, Card, CardBody, CardHeader, Link } from '@heroui/react';
 import axios from 'axios';
 import Layout from '../MembershipLayout';
+import { transformApiResponse } from './transform';
 
 const MerchStore = () => {
   const [itemsList, setItemsList] = useState<Array<Record<string, any>>>([]);
-  const baseUrl = process.env.NEXT_PUBLIC_MERCH_API_BASE_URL;
+  const baseUrl = process.env.NEXT_PUBLIC_CORE_API_BASE_URL;
   const decimalHelper = (num: number) => {
     if (Number.isInteger(num)) {
       return num;
@@ -16,13 +17,14 @@ const MerchStore = () => {
     }
   };
   const metaLoader = async () => {
-    const url = `${baseUrl}/api/v1/merch/all_item_details`;
+    const url = `${baseUrl}/api/v1/store/products`;
     axios
       .get(url)
       .then((response) => {
-        setItemsList(response.data);
+        setItemsList(transformApiResponse(response.data));
       })
       .catch((error) => {
+        console.error(error)
         setItemsList([
           {
             member_price: '',
@@ -74,7 +76,7 @@ const MerchStore = () => {
                   <p>
                     <b>Cost:</b> ${decimalHelper(val['item_price']['paid'])} for{' '}
                     {val['valid_member_lists'] &&
-                    val['valid_member_lists'].length > 0
+                      val['valid_member_lists'].length > 0
                       ? 'paid ACM@UIUC and eligible partner organization'
                       : 'paid ACM@UIUC'}{' '}
                     members, ${decimalHelper(val['item_price']['others'])} for

src/app/(membership)/merch-store/transform.ts

@@ -0,0 +1,107 @@
+interface ApiVariant {
+  variantId: string;
+  name: string;
+  description?: string;
+  imageUrl?: string;
+  memberLists: string[];
+  inventoryCount?: number | null;
+  exchangesAllowed: boolean;
+  memberPriceCents: number;
+  nonmemberPriceCents: number;
+}
+
+interface ApiProduct {
+  productId: string;
+  name: string;
+  description?: string;
+  imageUrl?: string;
+  openAt?: number;
+  closeAt?: number;
+  limitConfiguration?: {
+    limitType: "PER_PRODUCT" | "PER_VARIANT";
+    maxQuantity: number;
+  };
+  verifiedIdentityRequired: boolean;
+  inventoryMode: "PER_PRODUCT" | "PER_VARIANT";
+  totalInventoryCount?: number | null;
+  variants: ApiVariant[];
+}
+
+interface ApiResponse {
+  products: ApiProduct[];
+}
+
+interface LegacyItem {
+  member_price: string;
+  nonmember_price: string;
+  item_image: string;
+  sizes: string[];
+  item_price: { paid: number; others: number };
+  eventDetails: string;
+  item_id: string;
+  total_sold: Record<string, number>;
+  total_avail: Record<string, number>;
+  limit_per_person: number;
+  item_sales_active_utc: number;
+  item_name: string;
+}
+
+function formatPriceRange(prices: number[]): string {
+  if (prices.length === 0) return "";
+
+  const uniquePrices = Array.from(new Set(prices)).sort((a, b) => a - b);
+  const formatPrice = (cents: number) => `$${(cents / 100).toFixed(2)}`;
+
+  if (uniquePrices.length === 1) {
+    return formatPrice(uniquePrices[0] / 100);
+  }
+
+  return `${formatPrice(uniquePrices[0] / 100)} - ${formatPrice(uniquePrices[uniquePrices.length - 1] / 100)}`;
+}
+
+export function transformApiResponse(apiResponse: ApiResponse): LegacyItem[] {
+  return apiResponse.products.map((product) => {
+    const memberPrices = product.variants.map((v) => v.memberPriceCents);
+    const nonmemberPrices = product.variants.map((v) => v.nonmemberPriceCents);
+
+    // For item_price, use the minimum prices (or you could use average, etc.)
+    const minMemberPrice = Math.min(...memberPrices);
+    const minNonmemberPrice = Math.min(...nonmemberPrices);
+
+    // Build total_avail from variant inventory
+    const total_avail: Record<string, number> = {};
+    if (product.inventoryMode === "PER_VARIANT") {
+      product.variants.forEach((variant) => {
+        if (variant.inventoryCount != null) {
+          total_avail[variant.variantId] = variant.inventoryCount;
+        }
+      });
+    } else if (product.totalInventoryCount != null) {
+      // For PER_PRODUCT mode, could assign total to a generic key or distribute
+      total_avail["total"] = product.totalInventoryCount;
+    }
+
+    return {
+      item_id: product.productId,
+      item_name: product.name,
+      item_image: product.imageUrl ?? "",
+      description: product.description,
+      member_price: formatPriceRange(memberPrices),
+      nonmember_price: formatPriceRange(nonmemberPrices),
+      item_price: {
+        paid: minMemberPrice / 100,
+        others: minNonmemberPrice / 100,
+      },
+      sizes: product.variants.map((v) => v.name),
+      variants: product.variants.map(v => ({
+        id: v.variantId,
+        name: v.name
+      })),
+      eventDetails: product.description ?? "",
+      total_sold: {}, // API doesn't provide this; initialize empty
+      total_avail,
+      limit_per_person: product.limitConfiguration?.maxQuantity ?? -1,
+      item_sales_active_utc: product.openAt ?? -1,
+    };
+  });
+}