fix: avoid start rendering thankyou page if there is a custom one

Author: malessani

.circleci/config.yml

@@ -7,7 +7,7 @@ orbs:
 jobs:
   test: # this can be any name you choose
     docker:
-      - image: mcr.microsoft.com/playwright:v1.52.0-noble
+      - image: mcr.microsoft.com/playwright:v1.53.0-noble
     resource_class: medium+
     parallelism: 10
 
@@ -50,7 +50,7 @@ jobs:
           no_output_timeout: 15m
           command: |
             mkdir test-results
-            pnpm run serve &
+            pnpm run serve --no-request-logging &
             TESTFILES=$(circleci tests glob "specs/e2e/**/*.spec.ts")
             echo $TESTFILES | circleci tests run --command="xargs pnpm playwright test --config=playwright.config.ci.ts --reporter=list" --verbose --split-by=timings
       - store_test_results:

components/composite/Checkout/index.tsx

@@ -41,6 +41,7 @@ interface Props {
   companyName: string
   supportEmail: NullableType<string>
   supportPhone: NullableType<string>
+  thankyouPageUrl: NullableType<string>
   termsUrl: NullableType<string>
   privacyUrl: NullableType<string>
   gtmId: NullableType<string>
@@ -53,6 +54,7 @@ const Checkout: React.FC<Props> = ({
   companyName,
   supportEmail,
   supportPhone,
+  thankyouPageUrl,
   termsUrl,
   privacyUrl,
   gtmId,
@@ -110,6 +112,7 @@ const Checkout: React.FC<Props> = ({
         supportEmail={supportEmail}
         supportPhone={supportPhone}
         orderNumber={orderNumber}
+        thankyouPageUrl={thankyouPageUrl}
       />
     )
   }

components/composite/StepComplete/index.tsx

@@ -2,7 +2,7 @@ import PaymentSource from "@commercelayer/react-components/payment_source/Paymen
 import PaymentSourceBrandIcon from "@commercelayer/react-components/payment_source/PaymentSourceBrandIcon"
 import PaymentSourceBrandName from "@commercelayer/react-components/payment_source/PaymentSourceBrandName"
 import PaymentSourceDetail from "@commercelayer/react-components/payment_source/PaymentSourceDetail"
-import { useContext, useEffect } from "react"
+import { useContext, useEffect, useState } from "react"
 import { Trans, useTranslation } from "react-i18next"
 
 import { OrderSummary } from "components/composite/OrderSummary"
@@ -44,6 +44,7 @@ interface Props {
   companyName: string
   supportEmail: NullableType<string>
   supportPhone: NullableType<string>
+  thankyouPageUrl: NullableType<string>
   orderNumber: string
 }
 
@@ -53,13 +54,10 @@ export const StepComplete: React.FC<Props> = ({
   supportEmail,
   supportPhone,
   orderNumber,
+  thankyouPageUrl = null,
 }) => {
   const { t } = useTranslation()
 
-  const { settings } = useSettingsOrInvalid()
-
-  const thankyouPageUrl = settings?.config?.checkout?.thankyou_page
-
   const ctx = useContext(AppContext)
 
   useEffect(() => {

package.json

@@ -76,7 +76,7 @@
     "@commercelayer/js-auth": "^6.7.2",
     "@commercelayer/organization-config": "^2.3.0",
     "@commercelayer/react-components": "4.23.4",
-    "@commercelayer/sdk": "^6.42.0",
+    "@commercelayer/sdk": "^6.43.0",
     "@faker-js/faker": "^9.8.0",
     "@headlessui/react": "^2.2.4",
     "@next/bundle-analyzer": "^15.3.3",
@@ -112,7 +112,7 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@playwright/test": "1.52.0",
+    "@playwright/test": "1.53.0",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/commit-analyzer": "^13.0.1",
     "@semantic-release/git": "^10.0.1",
@@ -142,13 +142,12 @@
       "preset": "styled-components"
     }
   },
-  "cacheDirectories": [
-    ".next/cache"
-  ],
+  "cacheDirectories": [".next/cache"],
   "pnpm": {
     "overrides": {
       "micromatch@<4.0.8": ">=4.0.8",
-      "path-to-regexp@>=2.0.0 <3.3.0": "=3.3.0"
+      "path-to-regexp@>=2.0.0 <3.3.0": "=3.3.0",
+      "brace-expansion": ">=1.1.12"
     },
     "onlyBuiltDependencies": [
       "@biomejs/biome",

pages/Order.tsx

@@ -42,6 +42,7 @@ const Order: NextPage = () => {
         companyName={settings.companyName}
         supportEmail={settings.supportEmail}
         supportPhone={settings.supportPhone}
+        thankyouPageUrl={settings.config?.checkout?.thankyou_page}
         termsUrl={settings.termsUrl}
         privacyUrl={settings.privacyUrl}
         gtmId={settings.gtmId}