CspNonce changes

Author: vishala

src/zoid/qr-code/component.jsx

@@ -67,7 +67,7 @@ export function getQRCodeComponent(): QRCodeComponent {
           type: "string",
           queryParam: false,
           required: false,
-          value: getCSPNonce,
+          default: __WEB__ ? getCSPNonce : () => undefined,
         },
         debug: {
           type: "boolean",

src/zoid/qr-code/container.jsx

@@ -4,6 +4,7 @@
 import { destroyElement, type EventEmitterType } from "@krakenjs/belter/src";
 import { EVENT, type RenderOptionsType } from "@krakenjs/zoid/src";
 import { node, dom, type ChildType } from "@krakenjs/jsx-pragmatic/src";
+import { getCSPNonce } from "@paypal/sdk-client/src";
 
 import { type QRCodeProps } from "./types";
 
@@ -113,7 +114,6 @@ export function QRCodeContainer({
 export function containerTemplate({
   frame,
   prerenderFrame,
-  props,
   doc,
   uid,
   event,
@@ -122,7 +122,7 @@ export function containerTemplate({
     return;
   }
 
-  const { cspNonce } = props;
+  const cspNonce = __WEB__ ? getCSPNonce() : undefined;
 
   return (
     <QRCodeContainer

src/zoid/qr-code/prerender.jsx

@@ -4,14 +4,16 @@
 import { type RenderOptionsType } from "@krakenjs/zoid/src";
 import { node, dom } from "@krakenjs/jsx-pragmatic/src";
 import { SpinnerPage } from "@paypal/common-components/src";
+import { getCSPNonce } from "@paypal/sdk-client/src";
 
 import { type QRCodeProps } from "./types";
 
 export function prerenderTemplate({
   doc,
-  props,
   close,
 }: RenderOptionsType<QRCodeProps>): ?HTMLElement {
+  const cspNonce = __WEB__ ? getCSPNonce() : undefined;
+
   const style = `
     #close {
         position: absolute;
@@ -42,11 +44,9 @@ export function prerenderTemplate({
     `;
 
   const children = [
-    <style nonce={props.cspNonce} innerHTML={style} />,
+    <style nonce={cspNonce} innerHTML={style} />,
     <a href="#" id="close" aria-label="close" role="button" onClick={close} />,
   ];
 
-  return new SpinnerPage({ nonce: props.cspNonce }, children).render(
-    dom({ doc })
-  );
+  return new SpinnerPage({ nonce: cspNonce }, children).render(dom({ doc }));
 }