@tagadapay/plugin-sdk 4.0.6 → 4.1.0

package/dist/tagada-react-sdk.js

@@ -1,5 +1,5 @@
 /**
- * TagadaPay React SDK v4.0.6
+ * TagadaPay React SDK v4.1.0
  * CDN Bundle - React hooks and TagadaProvider (Debug Build)
  * @license MIT
  */
@@ -10233,13 +10233,17 @@ var TagadaReactSDKBundle = (() => {
     }
     return scripts.length > 0 ? scripts : void 0;
   }
+  function splitIds(rawId) {
+    if (!rawId) return [];
+    return rawId.split(/[;,]/).map((id) => id.trim()).filter((id) => id.length > 0);
+  }
   function splitPixelConfig(px) {
-    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) => __spreadProps(__spreadValues({}, px), { [idField]: id }));
+    if ("containerId" in px) {
+      const ids2 = splitIds(px.containerId);
+      return ids2.length === 0 ? [px] : ids2.map((id) => __spreadProps(__spreadValues({}, px), { containerId: id }));
+    }
+    const ids = splitIds(px.pixelId);
+    return ids.length === 0 ? [px] : ids.map((id) => __spreadProps(__spreadValues({}, px), { pixelId: id }));
   }
   function getAssignedPixels() {
     const stepConfig = getAssignedStepConfig();
@@ -12569,6 +12573,10 @@ var TagadaReactSDKBundle = (() => {
     p3 = convertValueToMajor(p3);
     p3 = convertMonetaryFieldsToMajor(p3);
     p3 = convertContentsPricesToMajor(p3);
+    if (GA4_PARAM_KEY in p3) {
+      p3 = __spreadValues({}, p3);
+      delete p3[GA4_PARAM_KEY];
+    }
     return p3;
   }
   function mapMetaEvent(eventName, parameters) {
@@ -12658,8 +12666,31 @@ var TagadaReactSDKBundle = (() => {
     return { name, params };
   }
   function mapGTMEvent(eventName, parameters) {
-    var _a11;
+    var _a11, _b2;
     const name = (_a11 = GTM_EVENT_MAP[eventName]) != null ? _a11 : eventName.toLowerCase();
+    const ga4 = parameters[GA4_PARAM_KEY];
+    if (ga4) {
+      const currency = typeof parameters.currency === "string" ? parameters.currency.toUpperCase() : void 0;
+      const toMajor = (v2) => v2 == null || !currency ? v2 : minorToMajor(Number(v2), 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 = ((_b2 = ga4.items) != null ? _b2 : []).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) : void 0
+      }));
+      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 !== void 0) {
       params.num_items = Number(params.num_items);
@@ -12720,10 +12751,11 @@ var TagadaReactSDKBundle = (() => {
     }
     return results;
   }
-  var ZERO_DECIMAL_CURRENCIES, THREE_DECIMAL_CURRENCIES, META_EVENT_MAP, TIKTOK_EVENT_MAP, SNAPCHAT_EVENT_MAP, PINTEREST_EVENT_MAP, GTM_EVENT_MAP;
+  var GA4_PARAM_KEY, ZERO_DECIMAL_CURRENCIES, THREE_DECIMAL_CURRENCIES, META_EVENT_MAP, TIKTOK_EVENT_MAP, SNAPCHAT_EVENT_MAP, PINTEREST_EVENT_MAP, GTM_EVENT_MAP;
   var init_pixelMapping = __esm({
     "src/v2/core/pixelMapping.ts"() {
       "use strict";
+      GA4_PARAM_KEY = "_ga4";
       ZERO_DECIMAL_CURRENCIES = /* @__PURE__ */ new Set([
         "BIF",
         "CLP",
@@ -12863,9 +12895,16 @@ var TagadaReactSDKBundle = (() => {
   function fireGTM(event, params) {
     try {
       const w2 = window;
+      const hasEcommerce = params && typeof params === "object" && "ecommerce" in params;
       if (w2.gtag) {
-        w2.gtag("event", event, params);
+        if (hasEcommerce) {
+          const _a11 = params, { ecommerce } = _a11, rest = __objRest(_a11, ["ecommerce"]);
+          w2.gtag("event", event, __spreadValues(__spreadValues({}, rest), ecommerce));
+        } else {
+          w2.gtag("event", event, params);
+        }
       } else if (w2.dataLayer) {
+        if (hasEcommerce) w2.dataLayer.push({ ecommerce: null });
         w2.dataLayer.push(__spreadValues({ event }, params));
       }
     } catch (error) {
@@ -13070,7 +13109,21 @@ var TagadaReactSDKBundle = (() => {
       return waitForScriptLoad(script);
     }
   }
-  function createPixelTracker(pixels) {
+  function trimPixelIds(pixels) {
+    const out = {};
+    for (const [provider, list] of Object.entries(pixels)) {
+      if (!Array.isArray(list)) continue;
+      out[provider] = list.map((px) => {
+        if ("containerId" in px) {
+          return typeof px.containerId === "string" ? __spreadProps(__spreadValues({}, px), { containerId: px.containerId.trim() }) : px;
+        }
+        return typeof px.pixelId === "string" ? __spreadProps(__spreadValues({}, px), { pixelId: px.pixelId.trim() }) : px;
+      });
+    }
+    return out;
+  }
+  function createPixelTracker(rawPixels) {
+    const pixels = rawPixels ? trimPixelIds(rawPixels) : rawPixels;
     const shouldTrackEvent = createDuplicateGuard(5e3);
     let pixelsInitialized = false;
     const initPromise = (async () => {
@@ -14015,6 +14068,13 @@ var TagadaReactSDKBundle = (() => {
         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);
+        }
       };
     }
   });
@@ -14281,15 +14341,14 @@ var TagadaReactSDKBundle = (() => {
         /**
          * Pay for an offer directly
          */
-        async payOffer(offerId, orderId, initiatedBy) {
+        async payOffer(offerId, orderId, initiatedBy, customerId) {
           const draft = isDraftMode();
           const effectiveInitiatedBy = initiatedBy != null ? initiatedBy : getAssignedPaymentInitiator();
-          return this.apiClient.post("/api/v1/offers/".concat(offerId, "/pay"), __spreadProps(__spreadValues({
+          return this.apiClient.post("/api/v1/offers/".concat(offerId, "/pay"), __spreadProps(__spreadValues(__spreadValues({
             offerId,
             draft,
-            // 🎯 Use dynamic draft mode instead of hardcoded false
             returnUrl: typeof window !== "undefined" ? window.location.href : ""
-          }, effectiveInitiatedBy ? { initiatedBy: effectiveInitiatedBy } : {}), {
+          }, customerId ? { customerId } : {}), effectiveInitiatedBy ? { initiatedBy: effectiveInitiatedBy } : {}), {
             metadata: orderId ? {
               comingFromPostPurchase: true,
               postOrder: orderId,
@@ -14604,10 +14663,10 @@ var TagadaReactSDKBundle = (() => {
           console.log("[PaymentsResource] Full options object:", JSON.stringify(options, null, 2));
           console.log("[PaymentsResource] processorId:", options.processorId, "paymentMethod:", options.paymentMethod);
           try {
-            const requestBody = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
+            const requestBody = __spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues(__spreadValues({
               checkoutSessionId,
               paymentInstrumentId
-            }, threedsSessionId && { threedsSessionId }), options.initiatedBy && { initiatedBy: options.initiatedBy }), options.source && { source: options.source }), options.paymentFlowId && { paymentFlowId: options.paymentFlowId }), options.processorId && { processorId: options.processorId }), options.paymentMethod && { paymentMethod: options.paymentMethod }), options.isExpress && { isExpress: options.isExpress }), options.shippingRateId && { shippingRateId: options.shippingRateId });
+            }, threedsSessionId && { threedsSessionId }), options.initiatedBy && { initiatedBy: options.initiatedBy }), options.source && { source: options.source }), 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 });
             console.log("[PaymentsResource] Request body being sent:", JSON.stringify(requestBody, null, 2));
             const response = await this.apiClient.post("/api/public/v1/checkout/pay-v2", requestBody);
             console.log("[PaymentsResource] processPaymentDirect SUCCESS:", response);
@@ -16451,6 +16510,11 @@ var TagadaReactSDKBundle = (() => {
   __export(FunnelScriptInjector_exports, {
     FunnelScriptInjector: () => FunnelScriptInjector
   });
+  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 };
+  }
   function parseScriptContent(content) {
     const trimmed = content.trim();
     if (!/<(?:script|noscript)[\s>]/i.test(trimmed)) {
@@ -16462,8 +16526,9 @@ var TagadaReactSDKBundle = (() => {
     let match4;
     while ((match4 = tagRegex.exec(trimmed)) !== null) {
       const between = trimmed.slice(lastIndex, match4.index).trim();
-      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] = match4;
       if (tagName.toLowerCase() === "noscript") {
@@ -16487,8 +16552,9 @@ var TagadaReactSDKBundle = (() => {
       lastIndex = match4.index + match4[0].length;
     }
     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;
   }
@@ -16885,6 +16951,16 @@ var TagadaReactSDKBundle = (() => {
             el.setAttribute("data-tagada-stepconfig-script", "true");
             el.innerHTML = element.html;
             injectAtPosition(el, position);
+          } else if (element.type === "html") {
+            const template = document.createElement("template");
+            template.innerHTML = element.html;
+            Array.from(template.content.childNodes).forEach((node) => {
+              if (node.nodeType !== 1) return;
+              const el = node;
+              el.setAttribute("data-tagada-stepconfig-script", "true");
+              el.setAttribute("data-script-name", script.name);
+              injectAtPosition(el, position);
+            });
           }
         });
       });
@@ -28113,6 +28189,7 @@ var TagadaReactSDKBundle = (() => {
     useShippingRates: () => useShippingRatesQuery,
     useSimpleFunnel: () => useSimpleFunnel,
     useStepConfig: () => useStepConfig,
+    useStore: () => useStore,
     useStoreConfig: () => useStoreConfigQuery,
     useTagadaContext: () => useTagadaContext,
     useThreeds: () => useThreeds,
@@ -34756,9 +34833,11 @@ var TagadaReactSDKBundle = (() => {
   // src/v2/react/hooks/useAuth.ts
   init_TagadaProvider();
   function useAuth() {
+    var _a11;
     const { auth, isInitialized } = useTagadaContext();
     return __spreadProps(__spreadValues({}, auth), {
-      isInitialized
+      isInitialized,
+      isVerified: ((_a11 = auth.customer) == null ? void 0 : _a11.role) === "verified"
     });
   }
 
@@ -34878,10 +34957,12 @@ var TagadaReactSDKBundle = (() => {
   init_modern2();
   var import_react50 = __require("react");
   init_offers();
+  init_credits();
   init_TagadaProvider();
   init_useApiQuery();
   init_usePluginConfig();
   function transformToClubOffer(offer) {
+    var _a11;
     return {
       id: offer.id,
       titleTrans: offer.titleTrans,
@@ -34910,14 +34991,16 @@ var TagadaReactSDKBundle = (() => {
           adjustedAmount: item.adjustedAmount
         }))
       })),
-      offerLineItems: []
+      offerLineItems: [],
       // Not available in base Offer
+      // Resolved server-side and attached to the list response (not part of base Offer).
+      creditsRequired: (_a11 = offer.creditsRequired) != null ? _a11 : null
     };
   }
   function useClubOffers(options = {}) {
     const { enabled = true, returnUrl } = options;
     const { storeId } = usePluginConfig();
-    const { isSessionInitialized } = useTagadaContext();
+    const { isSessionInitialized, session } = useTagadaContext();
     const offersResource = (0, import_react50.useMemo)(() => {
       try {
         return new OffersResource(getGlobalApiClient());
@@ -34927,6 +35010,15 @@ var TagadaReactSDKBundle = (() => {
         );
       }
     }, []);
+    const creditsResource = (0, import_react50.useMemo)(() => {
+      try {
+        return new CreditsResource(getGlobalApiClient());
+      } catch (error2) {
+        throw new Error(
+          "Failed to initialize credits resource: " + (error2 instanceof Error ? error2.message : "Unknown error")
+        );
+      }
+    }, []);
     const queryKey = (0, import_react50.useMemo)(() => ["club-offers", { storeId }], [storeId]);
     const {
       data: offers = [],
@@ -34956,13 +35048,20 @@ var TagadaReactSDKBundle = (() => {
     });
     const payOfferMutation = useMutation({
       mutationFn: async ({ offerId, returnUrl: returnUrl2 }) => {
-        const url = returnUrl2 || (typeof window !== "undefined" ? window.location.href : "");
-        return await offersResource.payOffer(offerId);
+        return await offersResource.payOffer(offerId, void 0, void 0, session == null ? void 0 : session.customerId);
       },
       onError: (error2) => {
         console.error("[SDK] Failed to pay offer:", error2);
       }
     });
+    const redeemOfferMutation = useMutation({
+      mutationFn: async ({ offerId }) => {
+        return await creditsResource.redeemOffer({ offerId });
+      },
+      onError: (error2) => {
+        console.error("[SDK] Failed to redeem offer with credits:", error2);
+      }
+    });
     const getOffer = (0, import_react50.useCallback)(
       (offerId) => {
         return offers.find((offer) => offer.id === offerId);
@@ -34989,6 +35088,12 @@ var TagadaReactSDKBundle = (() => {
       },
       [payOfferMutation]
     );
+    const redeemOffer = (0, import_react50.useCallback)(
+      async (offerId) => {
+        return await redeemOfferMutation.mutateAsync({ offerId });
+      },
+      [redeemOfferMutation]
+    );
     return {
       offers,
       isLoading,
@@ -35000,7 +35105,9 @@ var TagadaReactSDKBundle = (() => {
       getTotalValue,
       getTotalSavings,
       clearError,
-      payOffer
+      payOffer,
+      redeemOffer,
+      isRedeeming: redeemOfferMutation.isPending
     };
   }
 
@@ -35108,7 +35215,8 @@ var TagadaReactSDKBundle = (() => {
       customer,
       isAuthenticated: (customer == null ? void 0 : customer.isAuthenticated) || false,
       isLoading,
-      isAnonymous: (customer == null ? void 0 : customer.role) === "anonymous"
+      isAnonymous: (customer == null ? void 0 : customer.role) === "anonymous",
+      isVerified: (customer == null ? void 0 : customer.role) === "verified"
     };
   }
 
@@ -36087,6 +36195,18 @@ var TagadaReactSDKBundle = (() => {
     };
   }
 
+  // src/v2/react/hooks/useStore.ts
+  init_TagadaProvider();
+  function useStore() {
+    var _a11;
+    const { store } = useTagadaContext();
+    return {
+      store,
+      /** Whether the store's credit system is enabled. */
+      isCreditEnabled: Boolean((_a11 = store == null ? void 0 : store.creditSettings) == null ? void 0 : _a11.enabled)
+    };
+  }
+
   // src/v2/react/index.ts
   init_usePixelTracking();
   init_usePluginConfig();