@builder.io/react 2.0.11 → 2.0.12

package/src/components/builder-component.component.tsx

@@ -1076,7 +1076,7 @@ export class BuilderComponent extends React.Component<
                           block.id?.startsWith('builder-pixel')
                         );
 
-                        if (data && !hasPixel) {
+                        if (data && !hasPixel && blocks.length > 0) {
                           blocks.push(getBuilderPixel(builder.apiKey!));
                         }
 

package/src/constants/device-sizes.constant.ts

@@ -40,7 +40,7 @@ const sizes = {
 };
 export type Sizes = typeof sizes;
 
-interface Breakpoints {
+export interface Breakpoints {
   small?: number;
   medium?: number;
 }

package/test/__snapshots__/basic.test.tsx.snap

@@ -1,6 +1,6 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Builder Pixel Should be added automatically if missing in blocks array 1`] = `
+exports[`Builder Pixel Should NOT be added if missing in blocksString 1`] = `
 <div
   className="builder-component builder-component-id"
   data-name="page"
@@ -21,24 +21,15 @@ exports[`Builder Pixel Should be added automatically if missing in blocks array
       
       <div
         builder-type="blocks"
-        className="builder-blocks css-h47494"
+        className="builder-blocks no-blocks css-h47494"
         onClick={[Function]}
-      >
-        <img
-          aria-hidden="true"
-          builder-id="builder-pixel-4fzzzxjylrx"
-          className="builder-block builder-pixel-4fzzzxjylrx css-1mvsfya"
-          role="presentation"
-          src="https://cdn.builder.io/api/v1/pixel?apiKey=null"
-          style={Object {}}
-        />
-      </div>
+      />
     </div>
   </div>
 </div>
 `;
 
-exports[`Builder Pixel Should be added automatically if missing in blocksString 1`] = `
+exports[`Builder Pixel Should NOT be added again if already present in blocks array 1`] = `
 <div
   className="builder-component builder-component-id"
   data-name="page"
@@ -76,7 +67,36 @@ exports[`Builder Pixel Should be added automatically if missing in blocksString
 </div>
 `;
 
-exports[`Builder Pixel Should not be added if already present in blocks array 1`] = `
+exports[`Builder Pixel Should NOT be added if missing in blocks array 1`] = `
+<div
+  className="builder-component builder-component-id"
+  data-name="page"
+  data-source="Rendered by Builder.io"
+  onClick={[Function]}
+>
+  <div
+    builder-content-id="id"
+    builder-model="page"
+    className="builder-content"
+    onClick={[Function]}
+  >
+    <div
+      data-builder-component="page"
+      data-builder-content-id="id"
+      data-builder-variation-id="id"
+    >
+      
+      <div
+        builder-type="blocks"
+        className="builder-blocks no-blocks css-h47494"
+        onClick={[Function]}
+      />
+    </div>
+  </div>
+</div>
+`;
+
+exports[`Builder Pixel Should be added if pixel is missing and blocks array has other block(s) 1`] = `
 <div
   className="builder-component builder-component-id"
   data-name="page"
@@ -100,6 +120,24 @@ exports[`Builder Pixel Should not be added if already present in blocks array 1`
         className="builder-blocks css-h47494"
         onClick={[Function]}
       >
+        <div
+          builder-id="builder-270035a08d734ae88ea177daff3595c0"
+          className="builder-block builder-270035a08d734ae88ea177daff3595c0 builder-has-component css-hgfgng"
+          style={Object {}}
+        >
+          <span
+            className="builder-text css-1qggkls"
+            dangerouslySetInnerHTML={
+              Object {
+                "__html": "<p>some text...</p>",
+              }
+            }
+            onBlur={[Function]}
+            onFocus={[Function]}
+            onInput={[Function]}
+            onKeyDown={[Function]}
+          />
+        </div>
         <img
           aria-hidden="true"
           builder-id="builder-pixel-4fzzzxjylrx"

package/test/basic.test.tsx

@@ -184,7 +184,7 @@ describe('Content changes when new content provided', () => {
 });
 
 describe('Builder Pixel', () => {
-  it('Should be added automatically if missing in blocksString', () => {
+  it('Should NOT be added if missing in blocksString', () => {
     const renderedBlock = reactTestRenderer.create(
       <BuilderPage
         model="page"
@@ -199,7 +199,7 @@ describe('Builder Pixel', () => {
     expect(renderedBlock).toMatchSnapshot();
   });
 
-  it('Should be added automatically if missing in blocks array', () => {
+  it('Should NOT be added if missing in blocks array', () => {
     const renderedBlock = reactTestRenderer.create(
       <BuilderPage
         model="page"
@@ -215,7 +215,7 @@ describe('Builder Pixel', () => {
     expect(renderedBlock).toMatchSnapshot();
   });
 
-  it('Should not be added if already present in blocks array', () => {
+  it('Should NOT be added again if already present in blocks array', () => {
     const renderedBlock = reactTestRenderer.create(
       <BuilderPage
         model="page"
@@ -230,4 +230,44 @@ describe('Builder Pixel', () => {
 
     expect(renderedBlock).toMatchSnapshot();
   });
+
+  it('Should be added if pixel is missing and blocks array has other block(s)', () => {
+    const renderedBlock = reactTestRenderer.create(
+      <BuilderPage
+        model="page"
+        content={{
+          id: 'id',
+          data: {
+            blocks: [
+              {
+                '@type': '@builder.io/sdk:Element',
+                '@version': 2,
+                id: 'builder-270035a08d734ae88ea177daff3595c0',
+                component: {
+                  name: 'Text',
+                  options: {
+                    text: '<p>some text...</p>',
+                  },
+                },
+                responsiveStyles: {
+                  large: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    position: 'relative',
+                    flexShrink: '0',
+                    boxSizing: 'border-box',
+                    marginTop: '20px',
+                    lineHeight: 'normal',
+                    height: 'auto',
+                  },
+                },
+              },
+            ],
+          },
+        }}
+      />
+    );
+
+    expect(renderedBlock).toMatchSnapshot();
+  });
 });