donate fixed

src/components/Discours/Donate.tsx

@@ -20,7 +20,7 @@ export const Donate = () => {
   const [period, setPeriod] = createSignal(monthly)
   const [amount, setAmount] = createSignal(0)
 
-  onMount(() => {
+  const initiated = () => {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     const {
       cp: { CloudPayments }
@@ -51,6 +51,16 @@ export const Donate = () => {
         provision: 0 // Сумма оплаты встречным предоставлением (сертификаты, др. мат.ценности) (2 знака после запятой)
       }
     })
+  }
+
+  onMount(() => {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const script = document.createElement('script')
+    script.type = 'text/javascript'
+    script.src = 'https://widget.cloudpayments.ru/bundles/cloudpayments.js'
+    script.async = true
+    script.onload = initiated
+    document.head.appendChild(script)
   })
 
   const show = () => {
@@ -103,7 +113,6 @@ export const Donate = () => {
   }
 
   return (
-    <>
     <form class="discours-form donate-form" action="" method="post">
       <input type="hidden" name="shopId" value="156465" />
       <input value="148805" name="scid" type="hidden" />
@@ -167,6 +176,5 @@ export const Donate = () => {
         </a>
       </div>
     </form>
-    </>
   )
 }

src/pages/about/help.astro

@@ -6,6 +6,10 @@ import { initRouter } from '../../stores/router'
 const { pathname, search } = Astro.url
 initRouter(pathname, search)
 
+Astro.response.headers.set(
+  "Content-Security-Policy",
+  "frame-src 'self' https://*.discours.io https://widget.cloudpayments.ru; frame-ancestors 'self' https://*.discours.io https://widget.cloudpayments.ru;"
+)
 Astro.response.headers.set('Cache-Control', 's-maxage=1, stale-while-revalidate')
 ---