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

package/src/components/block/components/interactive-element.tsx

@@ -36,6 +36,12 @@ function InteractiveElement(props: InteractiveElementProps) {
             rootSetState: props.context.rootSetState,
             localState: props.context.localState,
             context: props.context.context,
+            trackingContext: {
+              apiKey: props.context.apiKey,
+              canTrack: props.context.canTrack ?? true,
+              contentId: props.context.content?.id,
+              variationId: props.context.content?.testVariationId,
+            },
           }),
         }
       : {};

package/src/constants/sdk-version.ts

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

package/src/functions/evaluate/evaluate.ts

@@ -27,7 +27,8 @@ export function evaluate({
   rootState,
   rootSetState,
   event,
-  isExpression = true
+  isExpression = true,
+  trackingContext
 }: EvaluatorArgs): EvalValue {
   if (code.trim() === '') {
     return undefined;
@@ -50,7 +51,7 @@ export function evaluate({
     code: parseCode(code, {
       isExpression
     }),
-    builder: getBuilderGlobals(),
+    builder: getBuilderGlobals(trackingContext),
     context,
     event,
     rootSetState,

package/src/functions/evaluate/helpers.ts

@@ -2,15 +2,24 @@ import type { BuilderContextInterface, BuilderRenderState } from '../../context/
 import { isBrowser } from '../is-browser';
 import { isEditing } from '../is-editing';
 import { getUserAttributes } from '../track/helpers';
+import { _track } from '../track/index';
+export type TrackingContext = {
+  apiKey: string | null;
+  canTrack?: boolean;
+  contentId?: string;
+  variationId?: string;
+};
 export type EvaluatorArgs = Omit<ExecutorArgs, 'builder' | 'event'> & {
   event?: Event;
   isExpression?: boolean;
+  trackingContext?: TrackingContext;
 };
 export type BuilderGlobals = {
   isEditing: boolean | undefined;
   isBrowser: boolean | undefined;
   isServer: boolean | undefined;
   getUserAttributes: typeof getUserAttributes;
+  trackConversion: (amount?: number, customProperties?: Record<string, any>) => void;
 };
 export type ExecutorArgs = Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'> & {
   code: string;
@@ -36,11 +45,29 @@ export const getFunctionArguments = ({
     event
   });
 };
-export const getBuilderGlobals = (): BuilderGlobals => ({
+export const getBuilderGlobals = (trackingContext?: TrackingContext): BuilderGlobals => ({
   isEditing: isEditing(),
   isBrowser: isBrowser(),
   isServer: !isBrowser(),
-  getUserAttributes: () => getUserAttributes()
+  getUserAttributes: () => getUserAttributes(),
+  trackConversion: (amount?: number, customProperties?: Record<string, any>) => {
+    if (!trackingContext?.apiKey || trackingContext?.canTrack === false) {
+      return;
+    }
+    _track({
+      type: 'conversion',
+      apiKey: trackingContext.apiKey,
+      canTrack: trackingContext.canTrack ?? true,
+      contentId: trackingContext.contentId,
+      variationId: trackingContext.variationId !== trackingContext.contentId ? trackingContext.variationId : undefined,
+      metadata: {
+        ...(customProperties || {}),
+        ...(amount !== undefined ? {
+          amount
+        } : {})
+      }
+    });
+  }
 });
 export const parseCode = (code: string, {
   isExpression = true

package/src/functions/get-block-actions-handler.ts

@@ -1,8 +1,10 @@
 import type { BuilderContextInterface } from '../context/types';
 import type { BuilderBlock } from '../types/builder-block';
+import type { TrackingContext } from './evaluate/helpers';
 import { evaluate } from './evaluate/index';
 type Options = {
   block: BuilderBlock;
+  trackingContext?: TrackingContext;
 } & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>;
 type EventHandler = (event: Event) => any;
 export const createEventHandler = (value: string, options: Options): EventHandler => event => evaluate({
@@ -12,5 +14,6 @@ export const createEventHandler = (value: string, options: Options): EventHandle
   rootState: options.rootState,
   rootSetState: options.rootSetState,
   event,
-  isExpression: false
+  isExpression: false,
+  trackingContext: options.trackingContext
 })

package/src/functions/get-block-actions.ts

@@ -1,6 +1,7 @@
 import { TARGET } from '../constants/target';
 import type { BuilderContextInterface } from '../context/types';
 import type { BuilderBlock } from '../types/builder-block';
+import type { TrackingContext } from './evaluate/helpers';
 import { getEventHandlerName } from './event-handler-name';
 import { createEventHandler } from './get-block-actions-handler';
 type Actions = {
@@ -9,6 +10,7 @@ type Actions = {
 export function getBlockActions(options: {
   block: BuilderBlock;
   stripPrefix?: boolean;
+  trackingContext?: TrackingContext;
 } & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): Actions {
   const obj: Actions = {};
   const optionActions = options.block.actions ?? {};