Moved checkout api

2025-07-25 11:11:24 +00:00 · 2021-05-24 11:56:23 -05:00
parent 11200b3bb1
commit 676b614bf6
8 changed files with 132 additions and 3 deletions
--- a/framework/bigcommerce/api/endpoints/checkout/checkout.ts
+++ b/framework/bigcommerce/api/endpoints/checkout/checkout.ts
@@ -0,0 +1,62 @@
+import type { CheckoutEndpoint } from '.'
+
+const fullCheckout = true
+
+const checkout: CheckoutEndpoint['handlers']['checkout'] = async ({
+  req,
+  res,
+  config,
+}) => {
+  const { cookies } = req
+  const cartId = cookies[config.cartCookie]
+
+  if (!cartId) {
+    res.redirect('/cart')
+    return
+  }
+
+  const { data } = await config.storeApiFetch(
+    `/v3/carts/${cartId}/redirect_urls`,
+    {
+      method: 'POST',
+    }
+  )
+
+  if (fullCheckout) {
+    res.redirect(data.checkout_url)
+    return
+  }
+
+  // TODO: make the embedded checkout work too!
+  const html = `
+       <!DOCTYPE html>
+         <html lang="en">
+         <head>
+           <meta charset="UTF-8">
+           <meta name="viewport" content="width=device-width, initial-scale=1.0">
+           <title>Checkout</title>
+           <script src="https://checkout-sdk.bigcommerce.com/v1/loader.js"></script>
+           <script>
+             window.onload = function() {
+               checkoutKitLoader.load('checkout-sdk').then(function (service) {
+                 service.embedCheckout({
+                   containerId: 'checkout',
+                   url: '${data.embedded_checkout_url}'
+                 });
+               });
+             }
+           </script>
+         </head>
+         <body>
+           <div id="checkout"></div>
+         </body>
+       </html>
+     `
+
+  res.status(200)
+  res.setHeader('Content-Type', 'text/html')
+  res.write(html)
+  res.end()
+}
+
+export default checkout
--- a/framework/bigcommerce/api/endpoints/checkout/index.ts
+++ b/framework/bigcommerce/api/endpoints/checkout/index.ts
@@ -0,0 +1,18 @@
+import { GetAPISchema, createEndpoint } from '@commerce/api'
+import checkoutEndpoint from '@commerce/api/endpoints/checkout'
+import type { CheckoutSchema } from '../../../types/checkout'
+import type { BigcommerceAPI } from '../..'
+import checkout from './checkout'
+
+export type CheckoutAPI = GetAPISchema<BigcommerceAPI, CheckoutSchema>
+
+export type CheckoutEndpoint = CheckoutAPI['endpoint']
+
+export const handlers: CheckoutEndpoint['handlers'] = { checkout }
+
+const checkoutApi = createEndpoint<CheckoutAPI>({
+  handler: checkoutEndpoint,
+  handlers,
+})
+
+export default checkoutApi
--- a/framework/bigcommerce/types/checkout.ts
+++ b/framework/bigcommerce/types/checkout.ts
@@ -0,0 +1 @@
+export * from '@commerce/types/checkout'