@builder.io/sdk-react-native 0.4.4 → 0.5.0

package/src/helpers/logger.js

@@ -5,6 +5,4 @@ const logger = {
   warn: (...message) => console.warn(MSG_PREFIX, ...message),
   debug: (...message) => console.debug(MSG_PREFIX, ...message)
 };
-export {
-  logger
-};
+export { logger }

package/src/helpers/nullable.js

@@ -1,4 +1,2 @@
-const checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
-export {
-  checkIsDefined
-};
+const checkIsDefined = maybeT => maybeT !== null && maybeT !== void 0;
+export { checkIsDefined }

package/src/helpers/preview-lru-cache/get.js

@@ -0,0 +1,8 @@
+import { getIdFromSearchParams } from "./helpers";
+import { init } from "./init";
+function getPreviewContent(searchParams) {
+  init();
+  const id = getIdFromSearchParams(searchParams);
+  return typeof id === "string" ? globalThis._BUILDER_PREVIEW_LRU_CACHE.get(id) : void 0;
+}
+export { getPreviewContent }

package/src/helpers/preview-lru-cache/helpers.js

@@ -0,0 +1,10 @@
+import { logger } from "../logger";
+const getIdFromSearchParams = searchParams => {
+  const previewedModel = searchParams.get("preview");
+  const previewedId = searchParams.get("overrides." + previewedModel);
+  if (!previewedId) {
+    logger.warn("No previewed ID found in search params.");
+  }
+  return previewedId;
+};
+export { getIdFromSearchParams }

package/src/helpers/preview-lru-cache/init.js

@@ -0,0 +1,10 @@
+import { LRUCache } from "lru-cache";
+function init() {
+  if (!globalThis._BUILDER_PREVIEW_LRU_CACHE) {
+    globalThis._BUILDER_PREVIEW_LRU_CACHE = new LRUCache({
+      max: 500,
+      ttl: 1e3 * 60 * 5
+    });
+  }
+}
+export { init }

package/src/helpers/preview-lru-cache/set.js

@@ -0,0 +1,35 @@
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = value => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = value => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = x => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+"use server";
+import { init } from "./init";
+function postPreviewContent(_0) {
+  return __async(this, arguments, function* ({
+    key,
+    value
+  }) {
+    init();
+    globalThis._BUILDER_PREVIEW_LRU_CACHE.set(key, value);
+    return {
+      [key]: value
+    };
+  });
+}
+export { postPreviewContent }

package/src/helpers/sessionId.js

@@ -1,20 +1,20 @@
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
+    var fulfilled = value => {
       try {
         step(generator.next(value));
       } catch (e) {
         reject(e);
       }
     };
-    var rejected = (value) => {
+    var rejected = value => {
       try {
         step(generator.throw(value));
       } catch (e) {
         reject(e);
       }
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    var step = x => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
@@ -22,7 +22,7 @@ import { getCookie, setCookie } from "./cookie.js";
 import { checkIsDefined } from "./nullable.js";
 import { uuid } from "./uuid.js";
 const SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
-const getSessionId = (_0) => __async(void 0, [_0], function* ({
+const getSessionId = _0 => __async(void 0, [_0], function* ({
   canTrack
 }) {
   if (!canTrack) {
@@ -36,7 +36,10 @@ const getSessionId = (_0) => __async(void 0, [_0], function* ({
     return sessionId;
   } else {
     const newSessionId = createSessionId();
-    setSessionId({ id: newSessionId, canTrack });
+    setSessionId({
+      id: newSessionId,
+      canTrack
+    });
     return newSessionId;
   }
 });
@@ -44,9 +47,9 @@ const createSessionId = () => uuid();
 const setSessionId = ({
   id,
   canTrack
-}) => setCookie({ name: SESSION_LOCAL_STORAGE_KEY, value: id, canTrack });
-export {
-  createSessionId,
-  getSessionId,
-  setSessionId
-};
+}) => setCookie({
+  name: SESSION_LOCAL_STORAGE_KEY,
+  value: id,
+  canTrack
+});
+export { createSessionId, getSessionId, setSessionId }

package/src/helpers/time.js

@@ -1,5 +1,3 @@
 const MINUTE_TO_MILLESECONDS_MULTIPLIER = 6e4;
 const getCurrentDatePlusMinutes = (minutes = 30) => new Date(Date.now() + minutes * MINUTE_TO_MILLESECONDS_MULTIPLIER);
-export {
-  getCurrentDatePlusMinutes
-};
+export { getCurrentDatePlusMinutes }

package/src/helpers/url.js

@@ -1,4 +1,4 @@
-const getTopLevelDomain = (host) => {
+const getTopLevelDomain = host => {
   if (host === "localhost" || host === "127.0.0.1") {
     return host;
   }
@@ -8,6 +8,4 @@ const getTopLevelDomain = (host) => {
   }
   return host;
 };
-export {
-  getTopLevelDomain
-};
+export { getTopLevelDomain }

package/src/helpers/uuid.js

@@ -1,13 +1,11 @@
 function uuidv4() {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function(c) {
-    const r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;
+  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+    const r = Math.random() * 16 | 0,
+      v = c == "x" ? r : r & 3 | 8;
     return v.toString(16);
   });
 }
 function uuid() {
   return uuidv4().replace(/-/g, "");
 }
-export {
-  uuid,
-  uuidv4
-};
+export { uuid, uuidv4 }

package/src/helpers/visitorId.js

@@ -2,7 +2,9 @@ import { getLocalStorageItem, setLocalStorageItem } from "./localStorage.js";
 import { checkIsDefined } from "./nullable.js";
 import { uuid } from "./uuid.js";
 const VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
-const getVisitorId = ({ canTrack }) => {
+const getVisitorId = ({
+  canTrack
+}) => {
   if (!canTrack) {
     return void 0;
   }
@@ -14,7 +16,10 @@ const getVisitorId = ({ canTrack }) => {
     return visitorId;
   } else {
     const newVisitorId = createVisitorId();
-    setVisitorId({ id: newVisitorId, canTrack });
+    setVisitorId({
+      id: newVisitorId,
+      canTrack
+    });
     return newVisitorId;
   }
 };
@@ -27,8 +32,4 @@ const setVisitorId = ({
   value: id,
   canTrack
 });
-export {
-  createVisitorId,
-  getVisitorId,
-  setVisitorId
-};
+export { createVisitorId, getVisitorId, setVisitorId }

package/src/index-helpers/blocks-exports.js

@@ -5,7 +5,7 @@ import { default as default5 } from "../blocks/symbol/symbol";
 import { default as default6 } from "../blocks/button/button";
 import { default as default7 } from "../blocks/section/section";
 import { default as default8 } from "../blocks/fragment/fragment";
-import { default as default9 } from "../components/render-content/render-content";
+import { default as default9 } from "../components/content/content";
 export {
   default6 as Button,
   default2 as Columns,

package/src/index.js

@@ -5,22 +5,7 @@ import { isPreviewing } from "./functions/is-previewing.js";
 import { createRegisterComponentMessage } from "./functions/register-component.js";
 import { register } from "./functions/register.js";
 import { setEditorSettings } from "./functions/set-editor-settings.js";
-import {
-  getAllContent,
-  getContent,
-  processContentResult
-} from "./functions/get-content/index.js";
+import { getAllContent, getContent, processContentResult } from "./functions/get-content/index.js";
 import { getBuilderSearchParams } from "./functions/get-builder-search-params/index.js";
 import { track } from "./functions/track/index.js";
-export {
-  createRegisterComponentMessage,
-  getAllContent,
-  getBuilderSearchParams,
-  getContent,
-  isEditing,
-  isPreviewing,
-  processContentResult,
-  register,
-  setEditorSettings,
-  track
-};
+export { createRegisterComponentMessage, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, processContentResult, register, setEditorSettings, track }

package/src/scripts/init-editing.js

@@ -6,18 +6,23 @@ const registerInsertMenu = () => {
   register("insertMenu", {
     name: "_default",
     default: true,
-    items: [
-      { name: "Box" },
-      { name: "Text" },
-      { name: "Image" },
-      { name: "Columns" },
-      ...TARGET === "reactNative" ? [] : [
-        { name: "Core:Section" },
-        { name: "Core:Button" },
-        { name: "Embed" },
-        { name: "Custom Code" }
-      ]
-    ]
+    items: [{
+      name: "Box"
+    }, {
+      name: "Text"
+    }, {
+      name: "Image"
+    }, {
+      name: "Columns"
+    }, ...(TARGET === "reactNative" ? [] : [{
+      name: "Core:Section"
+    }, {
+      name: "Core:Button"
+    }, {
+      name: "Embed"
+    }, {
+      name: "Custom Code"
+    }])]
   });
 };
 let isSetupForEditing = false;
@@ -44,52 +49,61 @@ const setupBrowserForEditing = (options = {}) => {
         options
       }
     }, "*");
-    window.addEventListener("message", ({ data }) => {
+    window.addEventListener("message", ({
+      data
+    }) => {
       var _a2, _b2;
       if (!(data == null ? void 0 : data.type)) {
         return;
       }
       switch (data.type) {
-        case "builder.evaluate": {
-          const text = data.data.text;
-          const args = data.data.arguments || [];
-          const id = data.data.id;
-          const fn = new Function(text);
-          let result;
-          let error = null;
-          try {
-            result = fn.apply(null, args);
-          } catch (err) {
-            error = err;
-          }
-          if (error) {
-            (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
-              type: "builder.evaluateError",
-              data: { id, error: error.message }
-            }, "*");
-          } else {
-            if (result && typeof result.then === "function") {
-              result.then((finalResult) => {
-                var _a3;
-                (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+        case "builder.evaluate":
+          {
+            const text = data.data.text;
+            const args = data.data.arguments || [];
+            const id = data.data.id;
+            const fn = new Function(text);
+            let result;
+            let error = null;
+            try {
+              result = fn.apply(null, args);
+            } catch (err) {
+              error = err;
+            }
+            if (error) {
+              (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
+                type: "builder.evaluateError",
+                data: {
+                  id,
+                  error: error.message
+                }
+              }, "*");
+            } else {
+              if (result && typeof result.then === "function") {
+                result.then(finalResult => {
+                  var _a3;
+                  (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+                    type: "builder.evaluateResult",
+                    data: {
+                      id,
+                      result: finalResult
+                    }
+                  }, "*");
+                }).catch(console.error);
+              } else {
+                (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
                   type: "builder.evaluateResult",
-                  data: { id, result: finalResult }
+                  data: {
+                    result,
+                    id
+                  }
                 }, "*");
-              }).catch(console.error);
-            } else {
-              (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
-                type: "builder.evaluateResult",
-                data: { result, id }
-              }, "*");
+              }
             }
+            break;
           }
-          break;
-        }
       }
     });
   }
 };
-export {
-  registerInsertMenu,
-  setupBrowserForEditing
-};
+export { registerInsertMenu, setupBrowserForEditing }

package/src/types/api-version.js

@@ -1,4 +1,2 @@
 const DEFAULT_API_VERSION = "v3";
-export {
-  DEFAULT_API_VERSION
-};
+export { DEFAULT_API_VERSION }

package/dist/blocks/BaseText.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-/**
- * Implements CSS-like inheritance for `Text` by replacing all calls to `Text` with a custom `BaseText` component that
- * applies the `inheritedStyles` context styles, which contain all styles from all parents that might apply to a `Text`.
- */
-export default function BaseText(props: any): JSX.Element;

package/dist/blocks/button/button.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export interface ButtonProps {
-    attributes?: any;
-    text?: string;
-    link?: string;
-    openLinkInNewTab?: boolean;
-}
-declare function Button(props: ButtonProps): JSX.Element;
-export default Button;

package/dist/blocks/button/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/columns/columns.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-type Column = {
-    blocks: BuilderBlock[];
-    width?: number;
-};
-type StackColumnsAt = "tablet" | "mobile" | "never";
-export interface ColumnProps {
-    columns?: Column[];
-    builderBlock: BuilderBlock;
-    space?: number;
-    stackColumnsAt?: StackColumnsAt;
-    reverseColumnsWhenStacked?: boolean;
-}
-import type { BuilderBlock } from "../../types/builder-block";
-declare function Columns(props: ColumnProps): JSX.Element;
-export default Columns;

package/dist/blocks/columns/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/custom-code/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/custom-code/custom-code.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-/**
- * TO-DO: need to add way to embed JS code
- */
-export default function Embed(): JSX.Element;

package/dist/blocks/embed/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/embed/embed.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-/**
- * TO-DO: need to add way to embed JS code
- */
-export default function Embed(): JSX.Element;

package/dist/blocks/embed/helpers.d.ts

@@ -1 +0,0 @@
-export declare const isJsScript: (script: HTMLScriptElement) => boolean;

package/dist/blocks/form/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/form/form.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-interface BuilderElement {
-}
-export interface FormProps {
-    attributes?: any;
-    name?: string;
-    action?: string;
-    validate?: boolean;
-    method?: string;
-    builderBlock?: BuilderElement;
-    sendSubmissionsTo?: string;
-    sendSubmissionsToEmail?: string;
-    sendWithJs?: boolean;
-    contentType?: string;
-    customHeaders?: {
-        [key: string]: string;
-    };
-    successUrl?: string;
-    previewState?: FormState;
-    successMessage?: BuilderElement[];
-    errorMessage?: BuilderElement[];
-    sendingMessage?: BuilderElement[];
-    resetFormOnSubmit?: boolean;
-    errorMessagePath?: string;
-}
-export type FormState = "unsubmitted" | "sending" | "success" | "error";
-declare function FormComponent(props: any): JSX.Element;
-export default FormComponent;

package/dist/blocks/fragment/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/fragment/fragment.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export interface FragmentProps {
-    maxWidth?: number;
-    attributes?: any;
-    children?: any;
-}
-declare function FragmentComponent(props: FragmentProps): JSX.Element;
-export default FragmentComponent;

package/dist/blocks/image/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/image/image.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-type ImageProps = {
-    image: string;
-    backgroundSize?: 'cover' | 'contain';
-    backgroundPosition?: string;
-    aspectRatio?: number;
-    width?: number;
-    height?: number;
-    children?: any;
-    builderBlock: any;
-    fitContent?: boolean;
-};
-/**
- * @param {ImageProps} props
- */
-export default function Image(props: ImageProps): JSX.Element;
-export {};

package/dist/blocks/image/image.helpers.d.ts

@@ -1 +0,0 @@
-export declare function getSrcSet(url: string): string;

package/dist/blocks/img/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/img/img.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export interface ImgProps {
-    attributes?: any;
-    imgSrc?: string;
-    image?: string;
-    altText?: string;
-    backgroundSize?: "cover" | "contain";
-    backgroundPosition?: "center" | "top" | "left" | "right" | "bottom" | "top left" | "top right" | "bottom left" | "bottom right";
-}
-declare function ImgComponent(props: ImgProps): JSX.Element;
-export default ImgComponent;

package/dist/blocks/input/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/input/input.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export interface FormInputProps {
-    type?: string;
-    attributes?: any;
-    name?: string;
-    value?: string;
-    placeholder?: string;
-    defaultValue?: string;
-    required?: boolean;
-}
-declare function FormInputComponent(props: FormInputProps): JSX.Element;
-export default FormInputComponent;

package/dist/blocks/raw-text/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/raw-text/raw-text.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-/**
- * TO-DO: Implement
- */
-export default function RawText(): JSX.Element;

package/dist/blocks/section/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/section/section.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export interface SectionProps {
-    maxWidth?: number;
-    attributes?: any;
-    children?: any;
-    builderBlock?: any;
-}
-declare function SectionComponent(props: SectionProps): JSX.Element;
-export default SectionComponent;

package/dist/blocks/select/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/select/select.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export interface FormSelectProps {
-    options?: {
-        name?: string;
-        value: string;
-    }[];
-    attributes?: any;
-    name?: string;
-    value?: string;
-    defaultValue?: string;
-}
-declare function SelectComponent(props: any): JSX.Element;
-export default SelectComponent;

package/dist/blocks/submit-button/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;

package/dist/blocks/submit-button/submit-button.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export interface ButtonProps {
-    attributes?: any;
-    text?: string;
-}
-declare function SubmitButton(props: ButtonProps): JSX.Element;
-export default SubmitButton;

package/dist/blocks/symbol/component-info.d.ts

@@ -1,2 +0,0 @@
-import type { ComponentInfo } from '../../types/components';
-export declare const componentInfo: ComponentInfo;