fix: update SDK methods used in memberships example (#467)

* fix: update SDK methods used in memberships example

* fix: image support

Author: samblacklock

examples/memberships/package.json

@@ -16,7 +16,7 @@
   },
   "dependencies": {
     "@epcc-sdk/sdks-nextjs": "workspace:*",
-    "@epcc-sdk/sdks-shopper": "workspace:*",
+    "@epcc-sdk/sdks-shopper": "^0.0.42",
     "@headlessui/react": "^2.2.0",
     "@heroicons/react": "^2.2.0",
     "@hookform/resolvers": "^4.1.3",

examples/memberships/pnpm-lock.yaml

@@ -10,15 +10,15 @@ import {
   ResponseCurrency,
 } from "@epcc-sdk/sdks-shopper";
 import { createElasticPathClient } from "../../../lib/create-elastic-path-client";
-import { getCart } from "@epcc-sdk/sdks-shopper";
+import { getACart } from "@epcc-sdk/sdks-shopper";
 import { TAGS } from "../../../lib/constants";
 import { AccountCheckoutForm } from "./AccoutCheckoutForm";
 
 export async function AccountCheckout({
   cart,
   currencies,
 }: {
-  cart: NonNullable<Awaited<ReturnType<typeof getCart>>["data"]>;
+  cart: NonNullable<Awaited<ReturnType<typeof getACart>>["data"]>;
   currencies: ResponseCurrency[];
 }) {
   const client = createElasticPathClient();

examples/memberships/src/app/(checkout)/checkout/AccountCheckout.tsx

@@ -11,7 +11,7 @@ import * as React from "react";
 import {
   AccountAddressResponse,
   AccountMemberResponse,
-  getCart,
+  getACart,
   ResponseCurrency,
 } from "@epcc-sdk/sdks-shopper";
 import { AccountDisplay } from "./AccountDisplay";
@@ -23,7 +23,7 @@ export function AccountCheckoutForm({
   currencies,
   cart,
 }: {
-  cart: NonNullable<Awaited<ReturnType<typeof getCart>>["data"]>;
+  cart: NonNullable<Awaited<ReturnType<typeof getACart>>["data"]>;
   account: AccountMemberResponse;
   addresses: Array<AccountAddressResponse>;
   currencies: ResponseCurrency[];

examples/memberships/src/app/(checkout)/checkout/AccoutCheckoutForm.tsx

@@ -17,15 +17,15 @@ import { useWatch } from "react-hook-form";
 import { EP_CURRENCY_CODE } from "../../../lib/resolve-ep-currency-code";
 import { formatCurrency } from "../../../lib/format-currency";
 import { LoadingDots } from "../../../components/LoadingDots";
-import { getCart, ResponseCurrency } from "@epcc-sdk/sdks-shopper";
+import { getACart, ResponseCurrency } from "@epcc-sdk/sdks-shopper";
 import { ItemSidebarHideable } from "../../../components/checkout-sidebar/ItemSidebarHideable";
 import { groupCartItems } from "../../../lib/group-cart-items";
 
 export function CheckoutSidebar({
   cart,
   currencies,
 }: {
-  cart: NonNullable<Awaited<ReturnType<typeof getCart>>["data"]>;
+  cart: NonNullable<Awaited<ReturnType<typeof getACart>>["data"]>;
   currencies: ResponseCurrency[];
 }) {
   const shippingMethod = useWatch({ name: "shippingMethod" });

examples/memberships/src/app/(checkout)/checkout/CheckoutSidebar.tsx

@@ -4,7 +4,7 @@ import { ReactNode, useEffect } from "react";
 import { OrderConfirmation } from "./OrderConfirmation";
 import { useOrderConfirmation } from "./OrderConfirmationProvider";
 import { useRouter } from "next/navigation";
-import { getCart, ResponseCurrency } from "@epcc-sdk/sdks-shopper";
+import { getACart, ResponseCurrency } from "@epcc-sdk/sdks-shopper";
 
 export function CheckoutViews({
   children,
@@ -13,7 +13,7 @@ export function CheckoutViews({
 }: {
   children: ReactNode;
   currencies: ResponseCurrency[];
-  cartResponse: NonNullable<Awaited<ReturnType<typeof getCart>>["data"]>;
+  cartResponse: NonNullable<Awaited<ReturnType<typeof getACart>>["data"]>;
 }) {
   const confirmationData = useOrderConfirmation();
   const router = useRouter();

examples/memberships/src/app/(checkout)/checkout/CheckoutViews.tsx

@@ -10,14 +10,14 @@ import { SubmitCheckoutButton } from "./SubmitCheckoutButton";
 import { Separator } from "../../../components/separator/Separator";
 import * as React from "react";
 import { CheckoutSidebar } from "./CheckoutSidebar";
-import { getCart, ResponseCurrency } from "@epcc-sdk/sdks-shopper";
+import { getACart, ResponseCurrency } from "@epcc-sdk/sdks-shopper";
 import { GuestCheckoutProvider } from "./checkout-provider";
 
 export function GuestCheckout({
   cart,
   currencies,
 }: {
-  cart: Awaited<ReturnType<typeof getCart>>["data"];
+  cart: Awaited<ReturnType<typeof getACart>>["data"];
   currencies: ResponseCurrency[];
 }) {
   const hasSubscription =

examples/memberships/src/app/(checkout)/checkout/GuestCheckout.tsx

@@ -14,12 +14,12 @@ import {
   deleteAllCartItems,
   TransactionResponse,
   OrderResponse,
-  CartItemsObjectResponse,
+  CartItemResponse,
   BillingAddress,
   ShippingAddress,
   ElasticPathFile,
   getByContextAllProducts,
-  getCart,
+  getACart,
   Product,
   postV2AccountMembersTokens,
 } from "@epcc-sdk/sdks-shopper";
@@ -43,7 +43,7 @@ export type PaymentCompleteResponse = {
   products: Array<Product>;
   mainImageMap: Record<string, ElasticPathFile>;
   payment: TransactionResponse;
-  cart: Array<CartItemsObjectResponse>;
+  cart: Array<CartItemResponse>;
 };
 
 export async function paymentComplete(
@@ -232,7 +232,7 @@ export async function paymentComplete(
      * Get main images
      */
 
-    const cartResponse = await getCart({
+    const cartResponse = await getACart({
       client,
       path: {
         cartID: cartId,
@@ -250,7 +250,7 @@ export async function paymentComplete(
       client,
       query: {
         filter: `in(id,${productIds})`,
-        include: ["main_images"],
+        include: ["main_image"],
       },
     });
 

examples/memberships/src/app/(checkout)/checkout/actions.ts

@@ -12,12 +12,12 @@ import {
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Form } from "../../../components/form/Form";
 import { ShippingMethod, staticDeliveryMethods } from "./useShippingMethod";
-import { getCart } from "@epcc-sdk/sdks-shopper";
+import { getACart } from "@epcc-sdk/sdks-shopper";
 import { paymentComplete } from "./actions";
 import { useSetOrderConfirmation } from "./OrderConfirmationProvider";
 
 type CheckoutContext = {
-  cart?: NonNullable<Awaited<ReturnType<typeof getCart>>["data"]>;
+  cart?: NonNullable<Awaited<ReturnType<typeof getACart>>["data"]>;
   completePayment: (data: CheckoutForm) => Promise<void>;
   isCompleting: boolean;
   shippingMethods: {

examples/memberships/src/app/(checkout)/checkout/checkout-provider.tsx

@@ -1,5 +1,5 @@
 import {
-  CartItemsObjectResponse,
+  CartItemResponse,
   ElasticPathFile,
   Product,
 } from "@epcc-sdk/sdks-shopper";
@@ -9,7 +9,7 @@ export function extractCartItemMedia({
   products,
   mainImages,
 }: {
-  items: Array<CartItemsObjectResponse>;
+  items: Array<CartItemResponse>;
   products: Array<Product>;
   mainImages: Array<ElasticPathFile>;
 }) {