@builder.io/sdk-react-native 5.2.0 → 5.2.2

package/lib/node/typescript/components/content-variants/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/content-variants/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAYlE,eAAO,MAAM,WAAW,YAAa,SAAS,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;GAI1D,CAAC;AACJ,eAAO,MAAM,yBAAyB;cAI1B,SAAS,OAAO,CAAC;aAClB,SAAS,cAAc,CAAC;aAuBlC,CAAC;AACF,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,8BAA8B,cAGxC,CAAC;AACJ,eAAO,MAAM,8BAA8B,aAAc,WAAW,EAAE,aAAa,MAAM,WAGrF,CAAC;AACL,eAAO,MAAM,gCAAgC;iBAI9B,MAAM;eACR,MAAM;YAGf,CAAA"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/content-variants/helpers.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAYlE,eAAO,MAAM,WAAW,YAAa,SAAS,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;GAI1D,CAAC;AACJ,eAAO,MAAM,yBAAyB;cAI1B,SAAS,OAAO,CAAC;aAClB,SAAS,cAAc,CAAC;aAuBlC,CAAC;AACF,KAAK,WAAW,GAAG;IACjB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAIF,eAAO,MAAM,qBAAqB,OAAQ,MAAM,aAAa,MAAM,WA8BlE,CAAC;AACF,eAAO,MAAM,8BAA8B,cAGxC,CAAC;AACJ,eAAO,MAAM,8BAA8B,aAAc,WAAW,EAAE,aAAa,MAAM,WAGrF,CAAC;AACL,eAAO,MAAM,gCAAgC;iBAI9B,MAAM;eACR,MAAM;YAGf,CAAA"}

package/lib/node/typescript/constants/sdk-version.d.ts

@@ -1,2 +1,2 @@
-export declare const SDK_VERSION = "5.2.0";
+export declare const SDK_VERSION = "5.2.2";
 //# sourceMappingURL=sdk-version.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "5.2.0",
+  "version": "5.2.2",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/react-native",
   "repository": {
     "type": "git",

package/src/components/block/components/component-ref/component-ref.tsx

@@ -15,6 +15,10 @@ function ComponentRef(props: ComponentProps) {
     props.isInteractive ? InteractiveElement : props.componentRef
   );
 
+  function blockChildrenToRender() {
+    return props.componentRef ? props.blockChildren : [];
+  }
+
   return (
     <BuilderContext.Provider
       value={{
@@ -41,19 +45,15 @@ function ComponentRef(props: ComponentProps) {
             contextValue: props.context,
           })}
         >
-          {props.componentRef ? (
-            <>
-              {props.blockChildren?.map((child) => (
-                <Block
-                  key={child.id}
-                  block={child}
-                  context={props.context}
-                  registeredComponents={props.registeredComponents}
-                  linkComponent={props.linkComponent}
-                />
-              ))}
-            </>
-          ) : null}
+          {blockChildrenToRender()?.map((child) => (
+            <Block
+              key={child.id}
+              block={child}
+              context={props.context}
+              registeredComponents={props.registeredComponents}
+              linkComponent={props.linkComponent}
+            />
+          ))}
         </Wrapper>
       ) : null}
     </BuilderContext.Provider>

package/src/components/content-variants/content-variants.tsx

@@ -24,6 +24,7 @@ import {
   getInitVariantsFnsScriptString,
   getUpdateCookieAndStylesScript,
   getVariants,
+  removeDuplicateScript,
 } from "./helpers";
 
 function ContentVariants(props: VariantsProviderProps) {
@@ -71,20 +72,26 @@ function ContentVariants(props: VariantsProviderProps) {
   return (
     <>
       {!props.isNestedRender && TARGET !== "reactNative" ? (
-        <>
-          <InlinedScript
-            id="builderio-init-variants-fns"
-            scriptStr={getInitVariantsFnsScriptString()}
-            nonce={props.nonce || ""}
-          />
-          {SDKS_SUPPORTING_PERSONALIZATION.includes(TARGET) ? (
-            <InlinedScript
-              id="builderio-init-personalization-variants-fns"
-              nonce={props.nonce || ""}
-              scriptStr={getInitPersonalizationVariantsFnsScriptString()}
-            />
-          ) : null}
-        </>
+        <InlinedScript
+          id="builderio-init-variants-fns"
+          scriptStr={removeDuplicateScript(
+            "builderio-init-variants-fns",
+            getInitVariantsFnsScriptString()
+          )}
+          nonce={props.nonce || ""}
+        />
+      ) : null}
+      {!props.isNestedRender &&
+      TARGET !== "reactNative" &&
+      SDKS_SUPPORTING_PERSONALIZATION.includes(TARGET) ? (
+        <InlinedScript
+          id="builderio-init-personalization-variants-fns"
+          nonce={props.nonce || ""}
+          scriptStr={removeDuplicateScript(
+            "builderio-init-personalization-variants-fns",
+            getInitPersonalizationVariantsFnsScriptString()
+          )}
+        />
       ) : null}
       {shouldRenderVariants ? (
         <>

package/src/components/content-variants/helpers.ts

@@ -54,6 +54,37 @@ type VariantData = {
 const getIsHydrationTarget = (target: Target) => target === 'react' || target === 'reactNative';
 const isAngularSDK = TARGET === 'angular';
 const isHydrationTarget = getIsHydrationTarget(TARGET);
+export const removeDuplicateScript = (id: string, scriptStr: string) => `
+  (function() {
+    var selector = 'script[data-id="${id}"]';
+    var scriptKey = '__builderioScriptInitialized_${id}';
+    var observerKey = '__builderioScriptObserver_${id}';
+
+    // Synchronously remove any duplicates already in the DOM
+    var existing = document.querySelectorAll(selector);
+    existing.forEach(function(script, index) {
+      if (index > 0) {
+        script.parentNode && script.parentNode.removeChild(script);
+      }
+    });
+
+    // Watch for duplicates added later (e.g. RSC streaming chunks)
+    if (!window[observerKey] && typeof MutationObserver !== 'undefined') {
+      window[observerKey] = new MutationObserver(function() {
+        var all = document.querySelectorAll(selector);
+        for (var i = 1; i < all.length; i++) {
+          all[i].parentNode && all[i].parentNode.removeChild(all[i]);
+        }
+      });
+      window[observerKey].observe(document.documentElement, { childList: true, subtree: true });
+    }
+
+    if (!window[scriptKey]) {
+      window[scriptKey] = true;
+      ${scriptStr}
+    }
+  })();
+`;
 export const getInitVariantsFnsScriptString = () => `
   window.${UPDATE_COOKIES_AND_STYLES_SCRIPT_NAME} = ${UPDATE_COOKIES_AND_STYLES_SCRIPT}
   window.${UPDATE_VARIANT_VISIBILITY_SCRIPT_FN_NAME} = ${UPDATE_VARIANT_VISIBILITY_SCRIPT}

package/src/constants/sdk-version.ts

@@ -1 +1 @@
-export const SDK_VERSION = "5.2.0"
+export const SDK_VERSION = "5.2.2"