storefront: Unable to configure payment gateway

Summary

hello sir, I host and pass nginx proxy react-storefront:3000 and saleor-app-checkout:3001 on two different subdomain respectively. Both are working but in a saleor-dashboard i am unable to configure payment gateway. Getting an error dashboard.5d80776fede891bce276.js?be297ff5ee0ee0bed80e:7728 Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://saleor-app-checkout.lan') does not match the recipient window's origin ('https://saleor-dashboard.lan').

Versions: dashboard v3.7.9 core v3.7.22 saleor-Screenshot_2022-10-20_21-14-28

Steps to reproduce

  1. Go to “dashboard v3.7.9”
  2. Click On “Apps”
  3. Click On “Third Party Apps”
  4. Check On Installed payment “Checkout” app
  5. Check the errors in a browser console as shown in figure above

A link to a reproduction repository

https://github.com/saleor/saleor-dashboard

Output from envinfo

System:

  • OS: Linux 5.15 Ubuntu 20.04.5 LTS (Focal Fossa)
  • CPU: (4) arm64 Neoverse-N1
  • Memory: 21.39 GB / 23.43 GB
  • Container: Yes
  • Shell: 5.0.17 - /bin/bash

Binaries:

  • Node: 16.18.0 - ~/.nvm/versions/node/v16.18.0/bin/node
  • npm: 8.19.2 - ~/.nvm/versions/node/v16.18.0/bin/npm
  • pnpm 7.13.4

About this issue

  • Original URL
  • State: closed
  • Created 2 years ago
  • Comments: 15 (5 by maintainers)

Most upvoted comments

Hello sir, i am still strugling to configure payment gateway through dashboard --> apps ReactStorefront console output

saleor-app-checkout:start: JwksError: Forbidden
saleor-app-checkout:start:     at JwksClient.getKeys (/var/www/html/saleor/react-storefront/node_modules/.pnpm/jwks-rsa@2.1.5/node_modules/jwks-rsa/src/JwksClient.js:48:25)
saleor-app-checkout:start:     at runMicrotasks (<anonymous>)
saleor-app-checkout:start:     at processTicksAndRejections (node:internal/process/task_queues:96:5)
saleor-app-checkout:start:     at async JwksClient.getSigningKeys (/var/www/html/saleor/react-storefront/node_modules/.pnpm/jwks-rsa@2.1.5/node_modules/jwks-rsa/src/JwksClient.js:53:18)
saleor-app-checkout:start:     at async JwksClient.getSigningKey (/var/www/html/saleor/react-storefront/node_modules/.pnpm/jwks-rsa@2.1.5/node_modules/jwks-rsa/src/JwksClient.js:71:18)

Google Chrome console output Screenshot_2022-12-02_20-22-40

Please guide me sir