@tagadapay/plugin-sdk 4.0.7 → 4.1.0

package/dist/v2/core/funnelClient.js

@@ -352,16 +352,21 @@ export function getAssignedScripts(position) {
  * Split a pixel config with semicolon/comma-separated IDs into individual configs.
  * Handles cases where the CRM stores "ID1; ID2; ID3" as a single pixelId or containerId.
  */
+// Split "ID1; ID2, ID3" into trimmed, non-empty IDs. Always trims, so even a
+// single ID with leading/trailing whitespace is cleaned.
+function splitIds(rawId) {
+    if (!rawId)
+        return [];
+    return rawId.split(/[;,]/).map((id) => id.trim()).filter((id) => id.length > 0);
+}
 function splitPixelConfig(px) {
-    // GTM configs use containerId
-    const idField = 'containerId' in px ? 'containerId' : 'pixelId';
-    const rawId = px[idField];
-    if (!rawId || !rawId.includes(';') && !rawId.includes(','))
-        return [px];
-    const ids = rawId.split(/[;,]/).map((id) => id.trim()).filter((id) => id.length > 0);
-    if (ids.length <= 1)
-        return [px];
-    return ids.map((id) => ({ ...px, [idField]: id }));
+    // GTM configs key off containerId; every other provider uses pixelId.
+    if ('containerId' in px) {
+        const ids = splitIds(px.containerId);
+        return ids.length === 0 ? [px] : ids.map((id) => ({ ...px, containerId: id }));
+    }
+    const ids = splitIds(px.pixelId);
+    return ids.length === 0 ? [px] : ids.map((id) => ({ ...px, pixelId: id }));
 }
 export function getAssignedPixels() {
     const stepConfig = getAssignedStepConfig();

package/dist/v2/core/pixelMapping.d.ts

@@ -18,6 +18,89 @@ export interface MappedEvent {
     name: string;
     params: Record<string, unknown>;
 }
+export declare const GA4_PARAM_KEY: "_ga4";
+export interface Ga4UserData {
+    email_address?: string;
+    phone_number?: string;
+    address?: {
+        first_name?: string;
+        last_name?: string;
+        street?: string;
+        city?: string;
+        region?: string;
+        postal_code?: string;
+        country?: string;
+    };
+}
+export interface Ga4Item {
+    item_id?: string;
+    item_name?: string;
+    item_variant?: string;
+    /** Minor units (cents). Converted to major by mapGTMEvent. */
+    price?: number;
+    quantity?: number;
+}
+export interface Ga4PurchasePayload {
+    user_id?: string;
+    user_data?: Ga4UserData;
+    /** Minor units (cents). */
+    value?: number;
+    /** Minor units (cents). */
+    tax?: number;
+    /** Minor units (cents). */
+    shipping?: number;
+    items: Ga4Item[];
+}
+/** Loose order shape accepted by buildGa4PurchasePayload (subset of SDK Order). */
+export interface Ga4OrderInput {
+    id?: string;
+    currency?: string;
+    paidAmount?: number;
+    items?: Array<{
+        productId?: string;
+        variantId?: string | null;
+        quantity?: number;
+        adjustedAmount?: number;
+        orderLineItemProduct?: {
+            name?: string;
+        };
+        orderLineItemVariant?: {
+            name?: string;
+        };
+    }>;
+    summaries?: Array<{
+        currency?: string;
+        totalTaxAmount?: number;
+        shippingCost?: number;
+        totalAdjustedAmount?: number;
+    }>;
+    customer?: {
+        id?: string;
+        email?: string;
+        phone?: string;
+        firstName?: string;
+        lastName?: string;
+    };
+    billingAddress?: Ga4Address;
+    shippingAddress?: Ga4Address;
+}
+interface Ga4Address {
+    firstName?: string;
+    lastName?: string;
+    address1?: string;
+    city?: string;
+    state?: string;
+    postal?: string;
+    country?: string;
+    phone?: string;
+}
+/**
+ * Build the GA4-only enrichment payload (`_ga4`) from an order. Pure, defensive,
+ * framework-agnostic — shared by the native ThankYouPage and the Studio
+ * OrderConfirmation island so both emit an identical canonical GA4 purchase.
+ * Returns minor-unit amounts; mapGTMEvent converts them to major units.
+ */
+export declare function buildGa4PurchasePayload(order: Ga4OrderInput): Ga4PurchasePayload;
 /**
  * Returns `true` if the given event is enabled on the pixel config.
  * If the pixel has no `events` map (e.g. MetaConversionTrackingConfig) we allow all.
@@ -47,3 +130,4 @@ export interface ProviderEvent {
  * for every eligible (enabled + event-toggled-on) pixel.
  */
 export declare function resolvePixelEvents(pixels: PixelsConfig, eventName: StandardPixelEvent, parameters: Record<string, unknown>): ProviderEvent[];
+export {};

package/dist/v2/core/pixelMapping.js

@@ -12,6 +12,71 @@
  *   GTM/GA4:   gtag('event', 'purchase', { value, currency, items })
  */
 // ---------------------------------------------------------------------------
+// GA4-only enrichment
+//
+// Canonical GA4 ecommerce `purchase` data carries user identity + a nested
+// `ecommerce` object that the flat Meta/TikTok payload does not. We attach it
+// to the shared track() params under the reserved `_ga4` key. ONLY mapGTMEvent
+// reads it; `baseTransform` strips it so it can never leak into the
+// Meta/TikTok/Snapchat/Pinterest payloads (those would otherwise spread it,
+// shipping unhashed PII to those pixels). All monetary fields are in MINOR
+// units here — mapGTMEvent converts to major via the same currency helpers.
+// ---------------------------------------------------------------------------
+export const GA4_PARAM_KEY = '_ga4';
+/**
+ * Build the GA4-only enrichment payload (`_ga4`) from an order. Pure, defensive,
+ * framework-agnostic — shared by the native ThankYouPage and the Studio
+ * OrderConfirmation island so both emit an identical canonical GA4 purchase.
+ * Returns minor-unit amounts; mapGTMEvent converts them to major units.
+ */
+export function buildGa4PurchasePayload(order) {
+    const items = (order.items ?? []).map((item) => ({
+        item_id: item.productId || undefined,
+        // GA4 convention: item_name = product, item_variant = variant.
+        item_name: item.orderLineItemProduct?.name || item.orderLineItemVariant?.name || undefined,
+        item_variant: item.orderLineItemVariant?.name || undefined,
+        price: item.adjustedAmount,
+        quantity: item.quantity,
+    }));
+    const summary = order.summaries?.find((s) => s.currency === order.currency) ?? order.summaries?.[0];
+    // Prefer the captured paid amount; fall back to the summary total, then to
+    // the sum of line items. Guards against the value:0 seen in the field.
+    const itemsSum = (order.items ?? []).reduce((sum, i) => sum + (i.adjustedAmount ?? 0) * (i.quantity ?? 0), 0);
+    const value = order.paidAmount && order.paidAmount > 0
+        ? order.paidAmount
+        : (summary?.totalAdjustedAmount ?? itemsSum);
+    const payload = { items, value };
+    if (summary?.totalTaxAmount != null)
+        payload.tax = summary.totalTaxAmount;
+    if (summary?.shippingCost != null)
+        payload.shipping = summary.shippingCost;
+    if (order.customer?.id)
+        payload.user_id = order.customer.id;
+    const addr = order.billingAddress ?? order.shippingAddress;
+    const userData = {};
+    if (order.customer?.email)
+        userData.email_address = order.customer.email;
+    const phone = order.customer?.phone || addr?.phone;
+    if (phone)
+        userData.phone_number = phone;
+    if (addr) {
+        const address = {
+            first_name: addr.firstName || order.customer?.firstName || undefined,
+            last_name: addr.lastName || order.customer?.lastName || undefined,
+            street: addr.address1 || undefined,
+            city: addr.city || undefined,
+            region: addr.state || undefined,
+            postal_code: addr.postal || undefined,
+            country: addr.country || undefined,
+        };
+        if (Object.values(address).some((v) => v != null))
+            userData.address = address;
+    }
+    if (Object.keys(userData).length > 0)
+        payload.user_data = userData;
+    return payload;
+}
+// ---------------------------------------------------------------------------
 // Currency conversion helper (inline, zero-dep)
 // ---------------------------------------------------------------------------
 /**
@@ -109,6 +174,12 @@ function baseTransform(params) {
     p = convertValueToMajor(p);
     p = convertMonetaryFieldsToMajor(p);
     p = convertContentsPricesToMajor(p);
+    // Strip GA4-only enrichment so it never reaches Meta/TikTok/Snapchat/Pinterest
+    // (those mappers spread all params). mapGTMEvent reads it from the raw input.
+    if (GA4_PARAM_KEY in p) {
+        p = { ...p };
+        delete p[GA4_PARAM_KEY];
+    }
     return p;
 }
 // ---------------------------------------------------------------------------
@@ -291,6 +362,37 @@ const GTM_EVENT_MAP = {
 };
 export function mapGTMEvent(eventName, parameters) {
     const name = GTM_EVENT_MAP[eventName] ?? eventName.toLowerCase();
+    // Canonical GA4 ecommerce shape: when the caller attached `_ga4` enrichment
+    // (purchase from the thank-you page) emit a nested `ecommerce` object plus
+    // user identity instead of the legacy flat payload. baseTransform strips
+    // `_ga4`, so read it from the raw input first.
+    const ga4 = parameters[GA4_PARAM_KEY];
+    if (ga4) {
+        const currency = typeof parameters.currency === 'string' ? parameters.currency.toUpperCase() : undefined;
+        const toMajor = (v) => v == null || !currency ? v : minorToMajor(Number(v), currency);
+        const ecommerce = {
+            transaction_id: parameters.transaction_id,
+            currency,
+            value: toMajor(ga4.value),
+        };
+        if (ga4.tax != null)
+            ecommerce.tax = toMajor(ga4.tax);
+        if (ga4.shipping != null)
+            ecommerce.shipping = toMajor(ga4.shipping);
+        ecommerce.items = (ga4.items ?? []).map((item) => ({
+            item_id: item.item_id,
+            item_name: item.item_name,
+            item_variant: item.item_variant,
+            price: toMajor(item.price),
+            quantity: item.quantity != null ? Number(item.quantity) : undefined,
+        }));
+        const out = { ecommerce };
+        if (ga4.user_id)
+            out.user_id = ga4.user_id;
+        if (ga4.user_data)
+            out.user_data = ga4.user_data;
+        return { name, params: out };
+    }
     const params = baseTransform(parameters);
     if (params.num_items !== undefined) {
         params.num_items = Number(params.num_items);

package/dist/v2/core/pixelTracker.d.ts

@@ -28,12 +28,7 @@ export interface PixelTracker {
     /** Track a standard pixel event. No-ops until init resolves. */
     track(eventName: StandardPixelEvent, parameters?: Record<string, unknown>, options?: TrackOptions): void;
 }
-/**
- * Create a pixel tracker for a given pixels config.
- * Kicks off pixel script init immediately, fires PageView once init resolves,
- * and returns a `track()` function that no-ops until init completes.
- */
-export declare function createPixelTracker(pixels: PixelsConfig | undefined): PixelTracker;
+export declare function createPixelTracker(rawPixels: PixelsConfig | undefined): PixelTracker;
 declare global {
     interface Window {
         __TGD_PIXEL_TRACKER__?: PixelTracker;

package/dist/v2/core/pixelTracker.js

@@ -86,10 +86,23 @@ function fire(provider, name, params, pixel, options = {}) {
 function fireGTM(event, params) {
     try {
         const w = window;
+        const hasEcommerce = params && typeof params === 'object' && 'ecommerce' in params;
         if (w.gtag) {
-            w.gtag('event', event, params);
+            // gtag.js (GA4 config tag) reads ecommerce fields at the top level of the
+            // event, not under a nested `ecommerce` key — flatten it back out.
+            if (hasEcommerce) {
+                const { ecommerce, ...rest } = params;
+                w.gtag('event', event, { ...rest, ...ecommerce });
+            }
+            else {
+                w.gtag('event', event, params);
+            }
         }
         else if (w.dataLayer) {
+            // GA4 best practice: clear the previous ecommerce object before pushing a
+            // new one so item arrays from earlier events don't bleed through.
+            if (hasEcommerce)
+                w.dataLayer.push({ ecommerce: null });
             w.dataLayer.push({ event, ...params });
         }
     }
@@ -323,7 +336,28 @@ function initGTM(containerId) {
  * Kicks off pixel script init immediately, fires PageView once init resolves,
  * and returns a `track()` function that no-ops until init completes.
  */
-export function createPixelTracker(pixels) {
+/**
+ * Trim leading/trailing whitespace from every pixel/container ID. Mutating a
+ * copy here means both init and per-pixel event targeting (TikTok ttq.instance)
+ * use the clean ID, even when the CRM stored an ID with stray spaces.
+ */
+function trimPixelIds(pixels) {
+    const out = {};
+    for (const [provider, list] of Object.entries(pixels)) {
+        if (!Array.isArray(list))
+            continue;
+        out[provider] = list.map((px) => {
+            // GTM configs key off containerId; every other provider uses pixelId.
+            if ('containerId' in px) {
+                return typeof px.containerId === 'string' ? { ...px, containerId: px.containerId.trim() } : px;
+            }
+            return typeof px.pixelId === 'string' ? { ...px, pixelId: px.pixelId.trim() } : px;
+        });
+    }
+    return out;
+}
+export function createPixelTracker(rawPixels) {
+    const pixels = rawPixels ? trimPixelIds(rawPixels) : rawPixels;
     const shouldTrackEvent = createDuplicateGuard(5000);
     let pixelsInitialized = false;
     const initPromise = (async () => {

package/dist/v2/core/resources/credits.d.ts

@@ -24,6 +24,12 @@ export interface RedeemProductResponse {
     creditsSpent: number;
     remainingCredits: number;
 }
+export interface RedeemOfferResponse {
+    success: boolean;
+    orderId: string;
+    creditsSpent: number;
+    remainingCredits: number;
+}
 export declare class CreditsResource {
     private apiClient;
     constructor(apiClient: ApiClient);
@@ -39,4 +45,11 @@ export declare class CreditsResource {
         variantId: string;
         quantity?: number;
     }): Promise<RedeemProductResponse>;
+    /**
+     * Redeem an offer (its full bundle of line items) using credits.
+     * customerId/storeId/accountId are derived server-side from the verified session.
+     */
+    redeemOffer(data: {
+        offerId: string;
+    }): Promise<RedeemOfferResponse>;
 }

package/dist/v2/core/resources/credits.js

@@ -18,4 +18,11 @@ export class CreditsResource {
     async redeemProduct(data) {
         return this.apiClient.post('/api/v1/credits/redeem', data);
     }
+    /**
+     * Redeem an offer (its full bundle of line items) using credits.
+     * customerId/storeId/accountId are derived server-side from the verified session.
+     */
+    async redeemOffer(data) {
+        return this.apiClient.post('/api/v1/credits/redeem-offer', data);
+    }
 }

package/dist/v2/core/resources/offers.d.ts

@@ -225,6 +225,7 @@ export declare class OffersResource {
         productId?: string;
         variantId: string;
         quantity: number;
+        priceId?: string;
     }>): Promise<any>;
     /**
      * Preview and pay for an offer with variant selections
@@ -240,6 +241,7 @@ export declare class OffersResource {
         productId?: string;
         variantId: string;
         quantity: number;
+        priceId?: string;
     }>, returnUrl?: string, mainOrderId?: string, initiatedBy?: 'merchant' | 'customer'): Promise<{
         preview: any;
         checkout: {
@@ -262,6 +264,7 @@ export declare class OffersResource {
         productId?: string;
         variantId: string;
         quantity: number;
+        priceId?: string;
     }>, returnUrl?: string, mainOrderId?: string): Promise<{
         checkoutSessionId?: string;
         checkoutToken?: string;
@@ -290,7 +293,7 @@ export declare class OffersResource {
     /**
      * Pay for an offer directly
      */
-    payOffer(offerId: string, orderId?: string, initiatedBy?: 'merchant' | 'customer'): Promise<any>;
+    payOffer(offerId: string, orderId?: string, initiatedBy?: 'merchant' | 'customer', customerId?: string): Promise<any>;
     /**
      * Transform offer to checkout session with dynamic variant selection
      * Uses lineItems from the offer to create a new checkout session
@@ -324,6 +327,7 @@ export declare class OffersResource {
         productId?: string;
         variantId: string;
         quantity: number;
+        priceId?: string;
     }>, returnUrl?: string, mainOrderId?: string): Promise<{
         checkoutToken: string;
         customerId: string;

package/dist/v2/core/resources/offers.js

@@ -173,14 +173,15 @@ export class OffersResource {
     /**
      * Pay for an offer directly
      */
-    async payOffer(offerId, orderId, initiatedBy) {
+    async payOffer(offerId, orderId, initiatedBy, customerId) {
         // 🎯 Check draft mode from URL, localStorage, or cookie
         const draft = isDraftMode();
         const effectiveInitiatedBy = initiatedBy ?? getAssignedPaymentInitiator();
         return this.apiClient.post(`/api/v1/offers/${offerId}/pay`, {
             offerId,
-            draft, // 🎯 Use dynamic draft mode instead of hardcoded false
+            draft,
             returnUrl: typeof window !== 'undefined' ? window.location.href : '',
+            ...(customerId ? { customerId } : {}),
             ...(effectiveInitiatedBy ? { initiatedBy: effectiveInitiatedBy } : {}),
             metadata: orderId ? {
                 comingFromPostPurchase: true,

package/dist/v2/core/resources/payments.d.ts

@@ -254,6 +254,7 @@ export declare class PaymentsResource {
         paymentFlowId?: string;
         processorId?: string;
         paymentMethod?: string;
+        blikCode?: string;
         isExpress?: boolean;
         shippingRateId?: string;
     }): Promise<PaymentResponse>;

package/dist/v2/core/resources/payments.js

@@ -147,6 +147,7 @@ export class PaymentsResource {
                 ...(options.paymentFlowId && { paymentFlowId: options.paymentFlowId }),
                 ...(options.processorId && { processorId: options.processorId }),
                 ...(options.paymentMethod && { paymentMethod: options.paymentMethod }),
+                ...(options.blikCode && { blikCode: options.blikCode }),
                 ...(options.isExpress && { isExpress: options.isExpress }),
                 ...(options.shippingRateId && { shippingRateId: options.shippingRateId }),
             };

package/dist/v2/core/types.d.ts

@@ -34,9 +34,9 @@ export interface Customer {
     lastName?: string;
     phone?: string;
     isAuthenticated: boolean;
-    role: 'authenticated' | 'anonymous';
+    role: SessionRole;
 }
-export type SessionRole = 'authenticated' | 'anonymous';
+export type SessionRole = 'authenticated' | 'anonymous' | 'verified';
 export interface Session {
     sessionId: string;
     storeId: string;
@@ -63,6 +63,19 @@ export interface Currency {
     symbol: string;
     name: string;
 }
+export interface StoreCreditSettings {
+    enabled: boolean;
+    defaultCreditsPerRebill?: number;
+    creditRatio?: {
+        credits: number;
+        baseAmount: number;
+    };
+    creditRewardRatio?: {
+        enabled: boolean;
+        credits: number;
+        baseAmount: number;
+    };
+}
 export interface Store {
     id: string;
     accountId: string;
@@ -72,6 +85,8 @@ export interface Store {
     locale: string;
     presentmentCurrencies: string[];
     chargeCurrencies: string[];
+    /** Store-level credit system configuration (from session init). */
+    creditSettings?: StoreCreditSettings | null;
 }
 export interface PickupPoint {
     id: string;

package/dist/v2/core/utils/authHandoff.d.ts

@@ -11,6 +11,7 @@
  * 4. Clean the URL (remove authCode)
  * 5. Return resolved customer and context
  */
+import { SessionRole } from '../types';
 export interface AuthHandoffResolveResponse {
     sessionId: string;
     token: string;
@@ -19,7 +20,7 @@ export interface AuthHandoffResolveResponse {
         email?: string;
         firstName?: string;
         lastName?: string;
-        role: 'authenticated' | 'anonymous';
+        role: SessionRole;
     };
     context: Record<string, unknown>;
 }

package/dist/v2/index.d.ts

@@ -20,6 +20,8 @@ export * from './core/pathRemapping';
 export { bootstrapPixelTrackerFromWindow, createPixelTracker, } from './core/pixelTracker';
 export type { PixelTracker, TrackOptions } from './core/pixelTracker';
 export type { PixelProviderKey } from './core/pixelMapping';
+export { buildGa4PurchasePayload, GA4_PARAM_KEY } from './core/pixelMapping';
+export type { Ga4PurchasePayload, Ga4Item, Ga4UserData, Ga4OrderInput } from './core/pixelMapping';
 export { makeMetaEventId } from './core/utils/metaEventId';
 export type { CheckoutData, CheckoutInitParams, CheckoutLineItem, CheckoutSession, CheckoutSessionPreview, Promotion } from './core/resources/checkout';
 export type { Order, OrderLineItem } from './core/utils/order';
@@ -33,7 +35,7 @@ export type { ToggleOrderBumpResponse, VipOffer, VipPreviewResponse } from './co
 export type { StoreConfig } from './core/resources/storeConfig';
 export { FunnelActionType } from './core/resources/funnel';
 export type { BackNavigationActionData, CartUpdatedActionData, DirectNavigationActionData, FormSubmitActionData, FunnelContextUpdateRequest, FunnelContextUpdateResponse, FunnelAction as FunnelEvent, FunnelInitializeRequest, FunnelInitializeResponse, FunnelNavigateRequest, FunnelNavigateResponse, FunnelNavigationAction, FunnelNavigationResult, NextAction, OfferAcceptedActionData, OfferDeclinedActionData, PaymentFailedActionData, PaymentSuccessActionData, SimpleFunnelContext } from './core/resources/funnel';
-export { ApplePayButton, StripeExpressButton, ExpressPaymentMethodsProvider, formatMoney, getAvailableLanguages, GooglePayButton, PreviewModeIndicator, queryKeys, TagadaProvider, useApiMutation, useApiQuery, useApplePayCheckout, useAuth, useCheckout, useCheckoutToken, useClubOffers, useCountryOptions, useCredits, useCurrency, useCustomer, useCustomerInfos, useCustomerOrders, useCustomerSubscriptions, useDiscounts, useExpressPaymentMethods, useFunnel, useFunnelLegacy, useGeoLocation, useGoogleAutocomplete, useGooglePayCheckout, useInvalidateQuery, useISOData, useLanguageImport, useLogin, useOffer, useOrder, useOrderBump, usePayment, usePaymentRetrieve, usePixelTracking, usePluginConfig, usePostPurchases, usePreloadQuery, usePreviewOffer, useProducts, usePromotions, useRegionOptions, useRemappableParams, useShippingRates, useSimpleFunnel, useStepConfig, useStoreConfig, useTagadaContext, useThreeds, useThreedsModal, useTranslation, useVipOffers, useSetPaymentMethod, WhopCheckout, useWhopPaymentPolling } from './react';
+export { ApplePayButton, StripeExpressButton, ExpressPaymentMethodsProvider, formatMoney, getAvailableLanguages, GooglePayButton, PreviewModeIndicator, queryKeys, TagadaProvider, useApiMutation, useApiQuery, useApplePayCheckout, useAuth, useCheckout, useCheckoutToken, useClubOffers, useCountryOptions, useCredits, useCurrency, useCustomer, useCustomerInfos, useCustomerOrders, useCustomerSubscriptions, useDiscounts, useExpressPaymentMethods, useFunnel, useFunnelLegacy, useGeoLocation, useGoogleAutocomplete, useGooglePayCheckout, useInvalidateQuery, useISOData, useLanguageImport, useLogin, useOffer, useOrder, useOrderBump, usePayment, usePaymentRetrieve, usePixelTracking, usePluginConfig, usePostPurchases, usePreloadQuery, usePreviewOffer, useProducts, usePromotions, useRegionOptions, useRemappableParams, useShippingRates, useSimpleFunnel, useStepConfig, useStore, useStoreConfig, useTagadaContext, useThreeds, useThreedsModal, useTranslation, useVipOffers, useSetPaymentMethod, WhopCheckout, useWhopPaymentPolling } from './react';
 export type { DebugScript } from './react';
 export type { PaymentMethodName } from './react';
 export { resolveClickId, publishTrackingGlobal, CLICK_ID_URL_PARAMS, CLICK_ID_COOKIES, } from './core/utils/clickIdResolver';

package/dist/v2/index.js

@@ -25,13 +25,16 @@ loadLocalFunnelConfig } from './core/funnelClient';
 export * from './core/pathRemapping';
 // Framework-agnostic pixel tracker (Studio entries bootstrap from this)
 export { bootstrapPixelTrackerFromWindow, createPixelTracker, } from './core/pixelTracker';
+// GA4 canonical purchase enrichment (used by thank-you pages to attach
+// nested-ecommerce + user data the GTM mapper turns into a GA4 `purchase`).
+export { buildGa4PurchasePayload, GA4_PARAM_KEY } from './core/pixelMapping';
 // Stable event_id helper for Meta CAPI / browser pixel deduplication.
 // Re-exported here (already exposed via /v2/react) so framework-agnostic
 // Studio islands can import it from the same entry as bootstrapPixelTracker.
 export { makeMetaEventId } from './core/utils/metaEventId';
 export { FunnelActionType } from './core/resources/funnel';
 // React exports (hooks and components only, types are exported above)
-export { ApplePayButton, StripeExpressButton, ExpressPaymentMethodsProvider, formatMoney, getAvailableLanguages, GooglePayButton, PreviewModeIndicator, queryKeys, TagadaProvider, useApiMutation, useApiQuery, useApplePayCheckout, useAuth, useCheckout, useCheckoutToken, useClubOffers, useCountryOptions, useCredits, useCurrency, useCustomer, useCustomerInfos, useCustomerOrders, useCustomerSubscriptions, useDiscounts, useExpressPaymentMethods, useFunnel, useFunnelLegacy, useGeoLocation, useGoogleAutocomplete, useGooglePayCheckout, useInvalidateQuery, useISOData, useLanguageImport, useLogin, useOffer, useOrder, useOrderBump, usePayment, usePaymentRetrieve, usePixelTracking, usePluginConfig, usePostPurchases, usePreloadQuery, usePreviewOffer, useProducts, usePromotions, useRegionOptions, useRemappableParams, useShippingRates, useSimpleFunnel, useStepConfig, useStoreConfig, useTagadaContext, useThreeds, useThreedsModal, useTranslation, useVipOffers, useSetPaymentMethod, WhopCheckout, useWhopPaymentPolling } from './react';
+export { ApplePayButton, StripeExpressButton, ExpressPaymentMethodsProvider, formatMoney, getAvailableLanguages, GooglePayButton, PreviewModeIndicator, queryKeys, TagadaProvider, useApiMutation, useApiQuery, useApplePayCheckout, useAuth, useCheckout, useCheckoutToken, useClubOffers, useCountryOptions, useCredits, useCurrency, useCustomer, useCustomerInfos, useCustomerOrders, useCustomerSubscriptions, useDiscounts, useExpressPaymentMethods, useFunnel, useFunnelLegacy, useGeoLocation, useGoogleAutocomplete, useGooglePayCheckout, useInvalidateQuery, useISOData, useLanguageImport, useLogin, useOffer, useOrder, useOrderBump, usePayment, usePaymentRetrieve, usePixelTracking, usePluginConfig, usePostPurchases, usePreloadQuery, usePreviewOffer, useProducts, usePromotions, useRegionOptions, useRemappableParams, useShippingRates, useSimpleFunnel, useStepConfig, useStore, useStoreConfig, useTagadaContext, useThreeds, useThreedsModal, useTranslation, useVipOffers, useSetPaymentMethod, WhopCheckout, useWhopPaymentPolling } from './react';
 // Click-id resolver (ad-tracker integrations: ClickFlare, Voluum, Binom, …)
 // Re-exported from core so it's reachable from any entry point.
 export { resolveClickId, publishTrackingGlobal, CLICK_ID_URL_PARAMS, CLICK_ID_COOKIES, } from './core/utils/clickIdResolver';

package/dist/v2/react/components/FunnelScriptInjector.js

@@ -3,10 +3,27 @@ import { useCallback, useEffect, useMemo, useRef } from 'react';
 import { getAssignedStepConfig } from '../../core';
 import { useCheckoutQuery } from '../hooks/useCheckoutQuery';
 import { useOrderQuery } from '../hooks/useOrderQuery';
+/**
+ * Classify a chunk of text found OUTSIDE <script>/<noscript> tags.
+ *
+ * Such chunks are HTML markup (e.g. <link rel="preconnect">, <meta>, <img>,
+ * <iframe> pixels) far more often than bare JavaScript. Injecting markup as
+ * inline JS produces an uncatchable parse-time `SyntaxError: Unexpected token '<'`
+ * that aborts the whole <script> — which silently kills any sibling tracking
+ * script bundled in the same snippet (e.g. Hyros + TripleWhale). So we only
+ * treat a chunk as inline JS when it does NOT look like an HTML tag.
+ */
+function classifyLooseChunk(chunk) {
+    if (!chunk || /^<!--[\s\S]*?-->$/.test(chunk))
+        return null;
+    // Opening tag at the start, or any real element/closing tag anywhere.
+    const looksLikeMarkup = /^</.test(chunk) || /<\/?[a-zA-Z][\w-]*[\s/>]/.test(chunk);
+    return looksLikeMarkup ? { type: 'html', html: chunk } : { type: 'inline', code: chunk };
+}
 /**
  * Parse script content that may contain multiple <script> and <noscript> tags.
  * Handles: external scripts (<script src="...">), inline scripts, noscript blocks,
- * and bare JS without any HTML tags.
+ * non-script HTML markup (links/meta/img/iframe), and bare JS without any HTML tags.
  */
 function parseScriptContent(content) {
     const trimmed = content.trim();
@@ -19,11 +36,11 @@ function parseScriptContent(content) {
     let lastIndex = 0;
     let match;
     while ((match = tagRegex.exec(trimmed)) !== null) {
-        // Capture any bare text between tags (could be JS or HTML comments)
+        // Capture any text between tags — markup (link/meta/img) or bare JS.
         const between = trimmed.slice(lastIndex, match.index).trim();
-        // Skip HTML comments and empty strings
-        if (between && !/^<!--[\s\S]*?-->$/.test(between)) {
-            elements.push({ type: 'inline', code: between });
+        const betweenElement = classifyLooseChunk(between);
+        if (betweenElement) {
+            elements.push(betweenElement);
         }
         const [, tagName, attrs, body] = match;
         if (tagName.toLowerCase() === 'noscript') {
@@ -51,8 +68,9 @@ function parseScriptContent(content) {
     }
     // Trailing content after last tag
     const trailing = trimmed.slice(lastIndex).trim();
-    if (trailing && !/^<!--[\s\S]*?-->$/.test(trailing)) {
-        elements.push({ type: 'inline', code: trailing });
+    const trailingElement = classifyLooseChunk(trailing);
+    if (trailingElement) {
+        elements.push(trailingElement);
     }
     return elements;
 }
@@ -555,6 +573,23 @@ export function FunnelScriptInjector({ context, isInitialized }) {
                     el.innerHTML = element.html;
                     injectAtPosition(el, position);
                 }
+                else if (element.type === 'html') {
+                    // Non-script markup (link/meta/img/iframe pixels, etc.) — inject as real
+                    // DOM nodes. Injecting this as JS would throw "Unexpected token '<'" and
+                    // abort sibling scripts in the same snippet. <script> tags created via
+                    // innerHTML don't execute, but real <script> blocks are parsed separately
+                    // above, so none reach here.
+                    const template = document.createElement('template');
+                    template.innerHTML = element.html;
+                    Array.from(template.content.childNodes).forEach(node => {
+                        if (node.nodeType !== 1 /* ELEMENT_NODE */)
+                            return;
+                        const el = node;
+                        el.setAttribute('data-tagada-stepconfig-script', 'true');
+                        el.setAttribute('data-script-name', script.name);
+                        injectAtPosition(el, position);
+                    });
+                }
             });
         });
         // Track injected scripts to prevent re-injection

package/dist/v2/react/hooks/useAuth.d.ts

@@ -5,4 +5,5 @@
 import { AuthState } from '../../../react/types';
 export declare function useAuth(): AuthState & {
     isInitialized: boolean;
+    isVerified: boolean;
 };

package/dist/v2/react/hooks/useAuth.js

@@ -5,5 +5,6 @@ export function useAuth() {
     return {
         ...auth,
         isInitialized,
+        isVerified: auth.customer?.role === 'verified',
     };
 }