@tagadapay/plugin-sdk 4.0.6 → 4.1.0

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

@@ -1,3 +1,4 @@
+import { RedeemOfferResponse } from '../../core/resources/credits';
 export interface ClubOfferItem {
     id: string;
     productId: string;
@@ -48,6 +49,12 @@ export interface ClubOffer {
     };
     summaries: ClubOfferSummary[];
     offerLineItems: ClubOfferLineItem[];
+    /**
+     * Credits needed to redeem this offer with credits, resolved server-side.
+     * null when the offer is not redeemable with credits (credit system off,
+     * recurring line item, or no resolvable credit price).
+     */
+    creditsRequired: number | null;
 }
 export interface UseClubOffersOptions {
     /**
@@ -97,5 +104,14 @@ export interface UseClubOffersResult {
      * Pay for a club offer
      */
     payOffer: (offerId: string, returnUrl?: string) => Promise<void>;
+    /**
+     * Redeem a club offer's full bundle using credits.
+     * Resolves with the redemption result (order id, credits spent, remaining).
+     */
+    redeemOffer: (offerId: string) => Promise<RedeemOfferResponse>;
+    /**
+     * Whether an offer redemption is currently in flight
+     */
+    isRedeeming: boolean;
 }
 export declare function useClubOffers(options?: UseClubOffersOptions): UseClubOffersResult;

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

@@ -6,6 +6,7 @@
 import { useMutation, useQuery } from '@tanstack/react-query';
 import { useCallback, useMemo } from 'react';
 import { OffersResource } from '../../core/resources/offers';
+import { CreditsResource } from '../../core/resources/credits';
 import { useTagadaContext } from '../providers/TagadaProvider';
 import { getGlobalApiClient } from './useApiQuery';
 import { usePluginConfig } from './usePluginConfig';
@@ -38,12 +39,14 @@ function transformToClubOffer(offer) {
             })),
         })),
         offerLineItems: [], // Not available in base Offer
+        // Resolved server-side and attached to the list response (not part of base Offer).
+        creditsRequired: offer.creditsRequired ?? null,
     };
 }
 export function useClubOffers(options = {}) {
     const { enabled = true, returnUrl } = options;
     const { storeId } = usePluginConfig();
-    const { isSessionInitialized } = useTagadaContext();
+    const { isSessionInitialized, session } = useTagadaContext();
     // Create offers resource client
     const offersResource = useMemo(() => {
         try {
@@ -54,6 +57,16 @@ export function useClubOffers(options = {}) {
                 (error instanceof Error ? error.message : 'Unknown error'));
         }
     }, []);
+    // Create credits resource client (for credit redemption of offers)
+    const creditsResource = useMemo(() => {
+        try {
+            return new CreditsResource(getGlobalApiClient());
+        }
+        catch (error) {
+            throw new Error('Failed to initialize credits resource: ' +
+                (error instanceof Error ? error.message : 'Unknown error'));
+        }
+    }, []);
     // Create query key
     const queryKey = useMemo(() => ['club-offers', { storeId }], [storeId]);
     // Fetch club offers using TanStack Query
@@ -80,13 +93,21 @@ export function useClubOffers(options = {}) {
     // Pay offer mutation
     const payOfferMutation = useMutation({
         mutationFn: async ({ offerId, returnUrl }) => {
-            const url = returnUrl || (typeof window !== 'undefined' ? window.location.href : '');
-            return await offersResource.payOffer(offerId);
+            return await offersResource.payOffer(offerId, undefined, undefined, session?.customerId);
         },
         onError: (error) => {
             console.error('[SDK] Failed to pay offer:', error);
         },
     });
+    // Redeem offer with credits mutation
+    const redeemOfferMutation = useMutation({
+        mutationFn: async ({ offerId }) => {
+            return await creditsResource.redeemOffer({ offerId });
+        },
+        onError: (error) => {
+            console.error('[SDK] Failed to redeem offer with credits:', error);
+        },
+    });
     // Helper functions
     const getOffer = useCallback((offerId) => {
         return offers.find((offer) => offer.id === offerId);
@@ -110,6 +131,9 @@ export function useClubOffers(options = {}) {
     const payOffer = useCallback(async (offerId, returnUrl) => {
         await payOfferMutation.mutateAsync({ offerId, returnUrl });
     }, [payOfferMutation]);
+    const redeemOffer = useCallback(async (offerId) => {
+        return await redeemOfferMutation.mutateAsync({ offerId });
+    }, [redeemOfferMutation]);
     return {
         offers,
         isLoading,
@@ -122,5 +146,7 @@ export function useClubOffers(options = {}) {
         getTotalSavings,
         clearError,
         payOffer,
+        redeemOffer,
+        isRedeeming: redeemOfferMutation.isPending,
     };
 }

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

@@ -7,5 +7,6 @@ export interface UseCustomerResult {
     isAuthenticated: boolean;
     isLoading: boolean;
     isAnonymous: boolean;
+    isVerified: boolean;
 }
 export declare function useCustomer(): UseCustomerResult;

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

@@ -7,5 +7,6 @@ export function useCustomer() {
         isAuthenticated: customer?.isAuthenticated || false,
         isLoading,
         isAnonymous: customer?.role === 'anonymous',
+        isVerified: customer?.role === 'verified',
     };
 }

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

@@ -0,0 +1,5 @@
+export declare function useStore(): {
+    store: import("..").Store | null;
+    /** Whether the store's credit system is enabled. */
+    isCreditEnabled: boolean;
+};

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

@@ -0,0 +1,16 @@
+'use client';
+/**
+ * useStore - Hook to access the current store loaded at session init (v2)
+ *
+ * The store object (including credit settings) is delivered by the session-init
+ * response and held in TagadaContext, so this needs no extra network request.
+ */
+import { useTagadaContext } from '../providers/TagadaProvider';
+export function useStore() {
+    const { store } = useTagadaContext();
+    return {
+        store,
+        /** Whether the store's credit system is enabled. */
+        isCreditEnabled: Boolean(store?.creditSettings?.enabled),
+    };
+}

package/dist/v2/react/index.d.ts

@@ -25,6 +25,7 @@ export { useGoogleAutocomplete } from './hooks/useGoogleAutocomplete';
 export { useGooglePayCheckout } from './hooks/useGooglePayCheckout';
 export { getAvailableLanguages, useCountryOptions, useISOData, useLanguageImport, useRegionOptions } from './hooks/useISOData';
 export { useLogin } from './hooks/useLogin';
+export { useStore } from './hooks/useStore';
 export { PixelTrackingProvider, usePixelTracking } from './hooks/usePixelTracking';
 export type { PixelTrackingContextValue, StandardPixelEvent } from './hooks/usePixelTracking';
 export { usePluginConfig } from './hooks/usePluginConfig';

package/dist/v2/react/index.js

@@ -27,6 +27,7 @@ export { useGoogleAutocomplete } from './hooks/useGoogleAutocomplete';
 export { useGooglePayCheckout } from './hooks/useGooglePayCheckout';
 export { getAvailableLanguages, useCountryOptions, useISOData, useLanguageImport, useRegionOptions } from './hooks/useISOData';
 export { useLogin } from './hooks/useLogin';
+export { useStore } from './hooks/useStore';
 export { PixelTrackingProvider, usePixelTracking } from './hooks/usePixelTracking';
 export { usePluginConfig } from './hooks/usePluginConfig';
 export { useRemappableParams } from './hooks/useRemappableParams';

package/dist/v2/standalone/index.js

@@ -27,67 +27,155 @@ function parseStepConfigScripts() {
     return [];
 }
 /**
- * Inject a script at the specified position
+ * Classify a chunk found OUTSIDE <script>/<noscript> tags. Such chunks are HTML
+ * markup (e.g. <link rel="preconnect">, <meta>, <img>/<iframe> pixels) far more
+ * often than bare JS. Injecting markup as inline JS throws an uncatchable
+ * parse-time `SyntaxError: Unexpected token '<'` that aborts the whole <script>
+ * and silently kills sibling tracking scripts bundled in the same snippet.
  */
-function injectScript(script, index) {
-    const position = script.position || 'body-end';
-    const scriptId = `tagada-stepconfig-script-${index}`;
-    // Skip if already injected
-    if (document.getElementById(scriptId)) {
-        return;
+function classifyLooseChunk(chunk) {
+    if (!chunk || /^<!--[\s\S]*?-->$/.test(chunk))
+        return null;
+    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>/<noscript> tags plus
+ * interleaved non-script markup. Returns ordered elements to inject individually
+ * so one malformed chunk can never break its siblings.
+ */
+function parseScriptContent(content) {
+    const trimmed = content.trim();
+    // No script/noscript tags → treat the whole thing as raw JS.
+    if (!/<(?:script|noscript)[\s>]/i.test(trimmed)) {
+        return trimmed ? [{ type: 'inline', code: trimmed }] : [];
     }
-    // Extract script content (remove <script> tags if present)
-    let scriptBody = script.content.trim();
-    const scriptTagMatch = scriptBody.match(/^<script[^>]*>([\s\S]*)<\/script>$/i);
-    if (scriptTagMatch) {
-        scriptBody = scriptTagMatch[1].trim();
+    const elements = [];
+    const tagRegex = /<(script|noscript)([^>]*)>([\s\S]*?)<\/\1>/gi;
+    let lastIndex = 0;
+    let match;
+    while ((match = tagRegex.exec(trimmed)) !== null) {
+        const between = classifyLooseChunk(trimmed.slice(lastIndex, match.index).trim());
+        if (between)
+            elements.push(between);
+        const [, tagName, attrs, body] = match;
+        if (tagName.toLowerCase() === 'noscript') {
+            if (body.trim())
+                elements.push({ type: 'noscript', html: body.trim() });
+        }
+        else {
+            const srcMatch = attrs.match(/src=["']([^"']+)["']/i);
+            if (srcMatch) {
+                elements.push({
+                    type: 'external',
+                    src: srcMatch[1],
+                    async: /\basync\b/i.test(attrs),
+                    defer: /\bdefer\b/i.test(attrs),
+                });
+            }
+            if (body.trim())
+                elements.push({ type: 'inline', code: body.trim() });
+        }
+        lastIndex = match.index + match[0].length;
     }
-    if (!scriptBody)
-        return;
-    // Wrap script content with error handling
-    // NOTE: Use string concatenation instead of template literals to avoid breaking
-    // when scriptBody contains backticks or ${...} expressions
-    const wrappedScript = '(function() {\n' +
-        '  try {\n' +
-        '    // Script: ' + script.name + '\n' +
-        scriptBody + '\n' +
-        '  } catch (error) {\n' +
-        '    console.error("[TagadaPay] StepConfig script error:", error);\n' +
-        '  }\n' +
-        '})();';
-    // Create script element
-    const scriptElement = document.createElement('script');
-    scriptElement.id = scriptId;
-    scriptElement.setAttribute('data-tagada-stepconfig-script', 'true');
-    scriptElement.setAttribute('data-script-name', script.name);
-    scriptElement.textContent = wrappedScript;
-    // Inject at the correct position
+    const trailing = classifyLooseChunk(trimmed.slice(lastIndex).trim());
+    if (trailing)
+        elements.push(trailing);
+    return elements;
+}
+/** Inject a DOM element at the requested position. */
+function injectAtPosition(element, position) {
     switch (position) {
         case 'head-start':
-            if (document.head.firstChild) {
-                document.head.insertBefore(scriptElement, document.head.firstChild);
-            }
-            else {
-                document.head.appendChild(scriptElement);
-            }
+            if (document.head.firstChild)
+                document.head.insertBefore(element, document.head.firstChild);
+            else
+                document.head.appendChild(element);
             break;
         case 'head-end':
-            document.head.appendChild(scriptElement);
+            document.head.appendChild(element);
             break;
         case 'body-start':
-            if (document.body.firstChild) {
-                document.body.insertBefore(scriptElement, document.body.firstChild);
-            }
-            else {
-                document.body.appendChild(scriptElement);
-            }
+            if (document.body.firstChild)
+                document.body.insertBefore(element, document.body.firstChild);
+            else
+                document.body.appendChild(element);
             break;
         case 'body-end':
         default:
-            document.body.appendChild(scriptElement);
+            document.body.appendChild(element);
             break;
     }
 }
+/**
+ * Inject a (possibly multi-tag) script at the specified position.
+ */
+function injectScript(script, index) {
+    const position = script.position || 'body-end';
+    const content = script.content.trim();
+    if (!content)
+        return;
+    // Skip if any element from this script is already in the DOM.
+    if (document.querySelector(`[data-tagada-stepconfig-index="${index}"]`)) {
+        return;
+    }
+    parseScriptContent(content).forEach((element, elemIndex) => {
+        const elemId = `tagada-stepconfig-script-${index}-${elemIndex}`;
+        if (element.type === 'external') {
+            const el = document.createElement('script');
+            el.id = elemId;
+            el.setAttribute('data-tagada-stepconfig-script', 'true');
+            el.setAttribute('data-tagada-stepconfig-index', String(index));
+            el.setAttribute('data-script-name', script.name);
+            el.src = element.src;
+            if (element.async)
+                el.async = true;
+            if (element.defer)
+                el.defer = true;
+            injectAtPosition(el, position);
+        }
+        else if (element.type === 'inline') {
+            // Inline JS — wrap with error handling. String concat (not template
+            // literals) so merchant code with backticks / ${...} stays intact.
+            const el = document.createElement('script');
+            el.id = elemId;
+            el.setAttribute('data-tagada-stepconfig-script', 'true');
+            el.setAttribute('data-tagada-stepconfig-index', String(index));
+            el.setAttribute('data-script-name', script.name);
+            el.textContent = '(function() {\n' +
+                '  try {\n' +
+                '    // Script: ' + script.name + '\n' +
+                element.code + '\n' +
+                '  } catch (error) {\n' +
+                '    console.error("[TagadaPay] StepConfig script error:", error);\n' +
+                '  }\n' +
+                '})();';
+            injectAtPosition(el, position);
+        }
+        else if (element.type === 'noscript') {
+            const el = document.createElement('noscript');
+            el.id = elemId;
+            el.setAttribute('data-tagada-stepconfig-script', 'true');
+            el.setAttribute('data-tagada-stepconfig-index', String(index));
+            el.innerHTML = element.html;
+            injectAtPosition(el, position);
+        }
+        else if (element.type === 'html') {
+            // Non-script markup (link/meta/img/iframe pixels) — inject as real DOM.
+            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-tagada-stepconfig-index', String(index));
+                el.setAttribute('data-script-name', script.name);
+                injectAtPosition(el, position);
+            });
+        }
+    });
+}
 /**
  * Auto-inject all stepConfig scripts
  * Called automatically when SDK loads

package/dist/v2/standalone/payment-service.d.ts

@@ -16,8 +16,8 @@
  *
  * No React. No hooks. No DOM framework dependency.
  */
-import { PaymentsResource, type Payment, type CardPaymentMethod, type ApplePayToken, type GooglePayToken, type PaymentInstrumentResponse, type PaymentInstrumentCustomerResponse } from '../core/resources/payments';
 import type { ApiClient } from '../core/resources/apiClient';
+import { PaymentsResource, type ApplePayToken, type CardPaymentMethod, type GooglePayToken, type Payment, type PaymentInstrumentCustomerResponse, type PaymentInstrumentResponse } from '../core/resources/payments';
 export interface PaymentServiceConfig {
     apiClient: ApiClient;
     storeId?: string;
@@ -30,6 +30,7 @@ export interface CardData {
 export interface ApmData {
     processorId: string;
     paymentMethod: string;
+    blikCode?: string;
     initiatedBy?: 'customer' | 'merchant';
     source?: 'upsell' | 'checkout' | 'offer' | 'missing_club' | 'forced';
 }

package/dist/v2/standalone/payment-service.js

@@ -16,11 +16,11 @@
  *
  * No React. No hooks. No DOM framework dependency.
  */
-import { PaymentsResource, } from '../core/resources/payments';
-import { ThreedsResource } from '../core/resources/threeds';
-import { StoreConfigResource } from '../core/resources/storeConfig';
-import { getAssignedPaymentFlowId } from '../core/funnelClient';
 import { getBasisTheoryApiKey } from '../../react/config/payment';
+import { getAssignedPaymentFlowId } from '../core/funnelClient';
+import { PaymentsResource } from '../core/resources/payments';
+import { StoreConfigResource } from '../core/resources/storeConfig';
+import { ThreedsResource } from '../core/resources/threeds';
 // =============================================================================
 // PAYMENT SERVICE
 // =============================================================================
@@ -212,6 +212,7 @@ export class PaymentService {
             paymentFlowId,
             processorId: extra?.processorId,
             paymentMethod: extra?.paymentMethod,
+            blikCode: extra?.blikCode,
             shippingRateId: extra?.shippingRateId,
         });
         console.log('[PaymentService] Payment response:', {
@@ -1052,6 +1053,7 @@ export class PaymentService {
             return await this.processAndHandle(checkoutSessionId, '', undefined, {
                 processorId: apmData.processorId,
                 paymentMethod: apmData.paymentMethod,
+                blikCode: apmData.blikCode,
                 initiatedBy: apmData.initiatedBy,
                 source: apmData.source,
                 shippingRateId: options?.shippingRateId,