From 4cc2b0bd759f3f064076bcb751de175da1a9375d Mon Sep 17 00:00:00 2001
From: Daniel Almaguer <daniel.almaguer@bigcommerce.com>
Date: Mon, 13 May 2024 15:23:55 -0500
Subject: [PATCH] chore: fetch checkout redirect url with gql

---
 .changeset/thin-scissors-ring.md              |  6 +++++
 .../cart/_components/checkout-button.tsx      | 23 +++++++++++++++--
 core/app/[locale]/(default)/cart/page.tsx     |  2 +-
 core/client/management/get-checkout-url.ts    | 23 -----------------
 packages/client/src/client.ts                 | 25 -------------------
 5 files changed, 28 insertions(+), 51 deletions(-)
 create mode 100644 .changeset/thin-scissors-ring.md
 delete mode 100644 core/client/management/get-checkout-url.ts

diff --git a/.changeset/thin-scissors-ring.md b/.changeset/thin-scissors-ring.md
new file mode 100644
index 000000000..ee381ba66
--- /dev/null
+++ b/.changeset/thin-scissors-ring.md
@@ -0,0 +1,6 @@
+---
+"@bigcommerce/catalyst-client": minor
+"@bigcommerce/catalyst-core": patch
+---
+
+removes fetch cart redirect from client and fetch it with gql
diff --git a/core/app/[locale]/(default)/cart/_components/checkout-button.tsx b/core/app/[locale]/(default)/cart/_components/checkout-button.tsx
index 7db9b54b8..4c430a175 100644
--- a/core/app/[locale]/(default)/cart/_components/checkout-button.tsx
+++ b/core/app/[locale]/(default)/cart/_components/checkout-button.tsx
@@ -1,8 +1,27 @@
-import { getCheckoutUrl } from '~/client/management/get-checkout-url';
+import { client } from '~/client';
+import { graphql } from '~/client/graphql';
 import { Button } from '~/components/ui/button';
 
+export const CheckoutButtonMutation = graphql(`
+  mutation CheckoutButtonMutation($cartId: String!) {
+    cart {
+      createCartRedirectUrls(input: { cartEntityId: $cartId }) {
+        redirectUrls {
+          redirectedCheckoutUrl
+        }
+      }
+    }
+  }
+`);
+
 export const CheckoutButton = async ({ cartId, label }: { cartId: string; label: string }) => {
-  const checkoutUrl = await getCheckoutUrl(cartId);
+  const { data } = await client.fetch({
+    document: CheckoutButtonMutation,
+    variables: { cartId },
+    fetchOptions: { cache: 'no-store' },
+  });
+
+  const checkoutUrl = data.cart.createCartRedirectUrls.redirectUrls?.redirectedCheckoutUrl;
 
   return (
     <Button asChild className="mt-6">
diff --git a/core/app/[locale]/(default)/cart/page.tsx b/core/app/[locale]/(default)/cart/page.tsx
index a59f352e6..e0ab777f3 100644
--- a/core/app/[locale]/(default)/cart/page.tsx
+++ b/core/app/[locale]/(default)/cart/page.tsx
@@ -25,7 +25,7 @@ interface Props {
 
 const CartPageQuery = graphql(
   `
-    query getCart($cartId: String) {
+    query CartPageQuery($cartId: String) {
       site {
         cart(entityId: $cartId) {
           entityId
diff --git a/core/client/management/get-checkout-url.ts b/core/client/management/get-checkout-url.ts
deleted file mode 100644
index 74215b0d2..000000000
--- a/core/client/management/get-checkout-url.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { z } from 'zod';
-
-import { client } from '..';
-
-const RedirectUrlsSchema = z.object({
-  data: z.object({
-    checkout_url: z.string().min(1),
-    embedded_checkout_url: z.string(),
-    cart_url: z.string(),
-  }),
-});
-
-// Url used to redirect the user to the checkout page
-export const getCheckoutUrl = async (cartId: string) => {
-  const response = await client.fetchCartRedirectUrls(cartId);
-  const parsedResponse = RedirectUrlsSchema.safeParse(response);
-
-  if (parsedResponse.success) {
-    return parsedResponse.data.data.checkout_url;
-  }
-
-  throw new Error('Unable to get checkout URL: Invalid response');
-};
diff --git a/packages/client/src/client.ts b/packages/client/src/client.ts
index 4a868e332..54d23e0ee 100644
--- a/packages/client/src/client.ts
+++ b/packages/client/src/client.ts
@@ -90,31 +90,6 @@ class Client<FetcherRequestInit extends RequestInit = RequestInit> {
     return response.json() as Promise<BigCommerceResponse<TResult>>;
   }
 
-  async fetchCartRedirectUrls<TResult>(cartId: string) {
-    const response = await fetch(
-      `https://${adminApiHostname}/stores/${this.config.storeHash}/v3/carts/${cartId}/redirect_urls`,
-      {
-        method: 'POST',
-        headers: {
-          Accept: 'application/json',
-          'Content-Type': 'application/json',
-          'X-Auth-Token': this.config.xAuthToken,
-          'User-Agent': this.backendUserAgent,
-        },
-        cache: 'no-store',
-        body: JSON.stringify({
-          cart_id: cartId,
-        }),
-      },
-    );
-
-    if (!response.ok) {
-      throw new Error(`Unable to get checkout URL: ${response.statusText}`);
-    }
-
-    return response.json() as Promise<BigCommerceResponse<TResult>>;
-  }
-
   async fetchAvailableCountries() {
     const response = await fetch(
       `https://api.bigcommerce.com/stores/${this.config.storeHash}/v2/countries?limit=250`,