@namiml/sdk-core 3.4.0-dev.202604182042 → 3.4.0-dev.202605060437

package/dist/index.cjs

@@ -98,7 +98,7 @@ const {
 // version — stamped by scripts/version.sh
 NAMI_SDK_VERSION: exports.NAMI_SDK_VERSION = "3.4.0", 
 // full package version including dev suffix — stamped by scripts/version.sh
-NAMI_SDK_PACKAGE_VERSION: exports.NAMI_SDK_PACKAGE_VERSION = "3.4.0-dev.202604182042", 
+NAMI_SDK_PACKAGE_VERSION: exports.NAMI_SDK_PACKAGE_VERSION = "3.4.0-dev.202605060437", 
 // environments
 PRODUCTION: exports.PRODUCTION = "production", DEVELOPMENT: exports.DEVELOPMENT = "development", 
 // error messages
@@ -11053,6 +11053,43 @@ class SimpleEventTarget {
 }
 
 let productDetails = [];
+function createEventWithDetail(name, payload) {
+    if (typeof Event === 'function') {
+        const event = new Event(name);
+        Object.defineProperty(event, 'detail', {
+            configurable: true,
+            enumerable: false,
+            value: payload,
+            writable: false,
+        });
+        return event;
+    }
+    return {
+        type: name,
+        detail: payload,
+        bubbles: false,
+        cancelBubble: false,
+        cancelable: false,
+        composed: false,
+        currentTarget: null,
+        defaultPrevented: false,
+        eventPhase: 0,
+        isTrusted: false,
+        returnValue: true,
+        srcElement: null,
+        target: null,
+        timeStamp: Date.now(),
+        NONE: 0,
+        CAPTURING_PHASE: 1,
+        AT_TARGET: 2,
+        BUBBLING_PHASE: 3,
+        composedPath: () => [],
+        initEvent: () => { },
+        preventDefault: () => { },
+        stopImmediatePropagation: () => { },
+        stopPropagation: () => { },
+    };
+}
 const initialState = {
     paywallId: '',
     livePaywalls: [],
@@ -11070,6 +11107,7 @@ const initialState = {
     formStates: {},
     timerStates: {},
     currentPage: 'page1',
+    pageHistory: ['page1'],
     currentGroupId: '',
     currentGroupName: '',
     fullScreenPresentation: false,
@@ -11172,7 +11210,7 @@ class PaywallState extends SimpleEventTarget {
         this.subscribers.delete(callback);
     }
     emitEvent(name, payload) {
-        this.dispatchEvent(new CustomEvent(name, { detail: payload }));
+        this.dispatchEvent(createEventWithDetail(name, payload));
     }
     onEvent(name, handler) {
         const listener = (e) => handler(e.detail);
@@ -11261,6 +11299,7 @@ class PaywallState extends SimpleEventTarget {
         state.anySkuHasPromoOffer = checkAnySkuHasPromoOffer(this.productDetails, this.filteredSkuMenus);
         state.paywallId = paywall.id;
         state.sku = currentSku(this.productDetails, state, this.filteredSkuMenus, skus);
+        state.pageHistory = [state.currentPage];
         this.setState(state);
         return;
     }
@@ -11298,14 +11337,47 @@ class PaywallState extends SimpleEventTarget {
         return this.state.paywallId;
     }
     setCurrentPage(page) {
-        this.setState({ ...this.state, currentPage: page });
+        if (!page || page === this.state.currentPage) {
+            return;
+        }
+        const currentHistory = this.state.pageHistory && this.state.pageHistory.length
+            ? this.state.pageHistory
+            : [this.state.currentPage];
+        this.setState({
+            ...this.state,
+            currentPage: page,
+            pageHistory: [...currentHistory, page],
+        });
+    }
+    canGoBackPage() {
+        return (this.state.pageHistory?.length ?? 0) > 1;
+    }
+    goBackPage() {
+        const currentHistory = this.state.pageHistory && this.state.pageHistory.length
+            ? [...this.state.pageHistory]
+            : [this.state.currentPage];
+        if (currentHistory.length <= 1) {
+            return false;
+        }
+        currentHistory.pop();
+        const previousPage = currentHistory[currentHistory.length - 1];
+        if (!previousPage) {
+            return false;
+        }
+        this.setState({
+            ...this.state,
+            currentPage: previousPage,
+            pageHistory: currentHistory,
+        });
+        return true;
     }
     setCustomerAttribute(attributes) {
         this.setState({ ...this.state, customer: { ...this.state.customer, ...attributes } });
     }
     removeCustomerAttribute(key) {
-        delete this.state.customer[key];
-        this.setState(this.state);
+        const nextCustomer = { ...this.state.customer };
+        delete nextCustomer[key];
+        this.setState({ ...this.state, customer: nextCustomer });
     }
     setIsLoggedIn(isLoggedIn) {
         this.setState({ ...this.state, isLoggedIn });
@@ -11343,9 +11415,10 @@ class PaywallState extends SimpleEventTarget {
         this.setState({ ...this.state, appSuppliedVideoUrl: url, appSuppliedVideoName: name });
     }
     resetAppSuppliedVideoDetails() {
-        delete this.state['appSuppliedVideoUrl'];
-        delete this.state['appSuppliedVideoName'];
-        this.setState(this.state);
+        const nextState = { ...this.state };
+        delete nextState.appSuppliedVideoUrl;
+        delete nextState.appSuppliedVideoName;
+        this.setState(nextState);
     }
     setLaunchDetails(value, type) {
         this.setState({ ...this.state, launchValue: value, launchType: type });
@@ -11383,7 +11456,7 @@ class PaywallState extends SimpleEventTarget {
         this.setState({ ...this.state, userTags: { ...this.state.userTags, ...tags } });
     }
     setCurrentSlideIndex(index) {
-        this.state.currentSlideIndex = index;
+        this.setState({ ...this.state, currentSlideIndex: index });
     }
 }
 PaywallState.providers = [];
@@ -12593,8 +12666,17 @@ class FlowLiquidResolver {
                 return screenState?.campaign?.flow?.object_id;
             case "stepName":
                 return flow?.currentFlowStep?.name;
-            case "buttonText":
-                return flow?.currentButton?.firstTextValue();
+            case "buttonText": {
+                const currentButton = flow?.currentButton;
+                if (!currentButton) {
+                    return undefined;
+                }
+                const firstTextValue = currentButton.firstTextValue;
+                if (typeof firstTextValue !== "function") {
+                    return undefined;
+                }
+                return firstTextValue.call(currentButton);
+            }
             case "slideNumber": {
                 const idx = screenState?.getSelectedSlideIndexForCurrentCarousel();
                 return idx != null ? `${idx + 1}` : undefined;

package/dist/index.d.ts

@@ -1586,6 +1586,7 @@ type TPaywallContext = TInitialState & {
     safeAreaTop: number;
     slides?: TCarouselSlidesState;
     currentPage: string;
+    pageHistory: string[];
     fullScreenPresentation?: boolean;
     isLoggedIn?: boolean;
     darkMode?: boolean;
@@ -2311,6 +2312,8 @@ declare class PaywallState extends SimpleEventTarget {
     getPaywallActionEventData(): Partial<NamiPaywallEvent>;
     paywallId(): string;
     setCurrentPage(page: string): void;
+    canGoBackPage(): boolean;
+    goBackPage(): boolean;
     setCustomerAttribute(attributes: {
         [key: string]: string;
     }): void;

package/dist/index.mjs

@@ -96,7 +96,7 @@ const {
 // version — stamped by scripts/version.sh
 NAMI_SDK_VERSION = "3.4.0", 
 // full package version including dev suffix — stamped by scripts/version.sh
-NAMI_SDK_PACKAGE_VERSION = "3.4.0-dev.202604182042", 
+NAMI_SDK_PACKAGE_VERSION = "3.4.0-dev.202605060437", 
 // environments
 PRODUCTION = "production", DEVELOPMENT = "development", 
 // error messages
@@ -11051,6 +11051,43 @@ class SimpleEventTarget {
 }
 
 let productDetails = [];
+function createEventWithDetail(name, payload) {
+    if (typeof Event === 'function') {
+        const event = new Event(name);
+        Object.defineProperty(event, 'detail', {
+            configurable: true,
+            enumerable: false,
+            value: payload,
+            writable: false,
+        });
+        return event;
+    }
+    return {
+        type: name,
+        detail: payload,
+        bubbles: false,
+        cancelBubble: false,
+        cancelable: false,
+        composed: false,
+        currentTarget: null,
+        defaultPrevented: false,
+        eventPhase: 0,
+        isTrusted: false,
+        returnValue: true,
+        srcElement: null,
+        target: null,
+        timeStamp: Date.now(),
+        NONE: 0,
+        CAPTURING_PHASE: 1,
+        AT_TARGET: 2,
+        BUBBLING_PHASE: 3,
+        composedPath: () => [],
+        initEvent: () => { },
+        preventDefault: () => { },
+        stopImmediatePropagation: () => { },
+        stopPropagation: () => { },
+    };
+}
 const initialState = {
     paywallId: '',
     livePaywalls: [],
@@ -11068,6 +11105,7 @@ const initialState = {
     formStates: {},
     timerStates: {},
     currentPage: 'page1',
+    pageHistory: ['page1'],
     currentGroupId: '',
     currentGroupName: '',
     fullScreenPresentation: false,
@@ -11170,7 +11208,7 @@ class PaywallState extends SimpleEventTarget {
         this.subscribers.delete(callback);
     }
     emitEvent(name, payload) {
-        this.dispatchEvent(new CustomEvent(name, { detail: payload }));
+        this.dispatchEvent(createEventWithDetail(name, payload));
     }
     onEvent(name, handler) {
         const listener = (e) => handler(e.detail);
@@ -11259,6 +11297,7 @@ class PaywallState extends SimpleEventTarget {
         state.anySkuHasPromoOffer = checkAnySkuHasPromoOffer(this.productDetails, this.filteredSkuMenus);
         state.paywallId = paywall.id;
         state.sku = currentSku(this.productDetails, state, this.filteredSkuMenus, skus);
+        state.pageHistory = [state.currentPage];
         this.setState(state);
         return;
     }
@@ -11296,14 +11335,47 @@ class PaywallState extends SimpleEventTarget {
         return this.state.paywallId;
     }
     setCurrentPage(page) {
-        this.setState({ ...this.state, currentPage: page });
+        if (!page || page === this.state.currentPage) {
+            return;
+        }
+        const currentHistory = this.state.pageHistory && this.state.pageHistory.length
+            ? this.state.pageHistory
+            : [this.state.currentPage];
+        this.setState({
+            ...this.state,
+            currentPage: page,
+            pageHistory: [...currentHistory, page],
+        });
+    }
+    canGoBackPage() {
+        return (this.state.pageHistory?.length ?? 0) > 1;
+    }
+    goBackPage() {
+        const currentHistory = this.state.pageHistory && this.state.pageHistory.length
+            ? [...this.state.pageHistory]
+            : [this.state.currentPage];
+        if (currentHistory.length <= 1) {
+            return false;
+        }
+        currentHistory.pop();
+        const previousPage = currentHistory[currentHistory.length - 1];
+        if (!previousPage) {
+            return false;
+        }
+        this.setState({
+            ...this.state,
+            currentPage: previousPage,
+            pageHistory: currentHistory,
+        });
+        return true;
     }
     setCustomerAttribute(attributes) {
         this.setState({ ...this.state, customer: { ...this.state.customer, ...attributes } });
     }
     removeCustomerAttribute(key) {
-        delete this.state.customer[key];
-        this.setState(this.state);
+        const nextCustomer = { ...this.state.customer };
+        delete nextCustomer[key];
+        this.setState({ ...this.state, customer: nextCustomer });
     }
     setIsLoggedIn(isLoggedIn) {
         this.setState({ ...this.state, isLoggedIn });
@@ -11341,9 +11413,10 @@ class PaywallState extends SimpleEventTarget {
         this.setState({ ...this.state, appSuppliedVideoUrl: url, appSuppliedVideoName: name });
     }
     resetAppSuppliedVideoDetails() {
-        delete this.state['appSuppliedVideoUrl'];
-        delete this.state['appSuppliedVideoName'];
-        this.setState(this.state);
+        const nextState = { ...this.state };
+        delete nextState.appSuppliedVideoUrl;
+        delete nextState.appSuppliedVideoName;
+        this.setState(nextState);
     }
     setLaunchDetails(value, type) {
         this.setState({ ...this.state, launchValue: value, launchType: type });
@@ -11381,7 +11454,7 @@ class PaywallState extends SimpleEventTarget {
         this.setState({ ...this.state, userTags: { ...this.state.userTags, ...tags } });
     }
     setCurrentSlideIndex(index) {
-        this.state.currentSlideIndex = index;
+        this.setState({ ...this.state, currentSlideIndex: index });
     }
 }
 PaywallState.providers = [];
@@ -12591,8 +12664,17 @@ class FlowLiquidResolver {
                 return screenState?.campaign?.flow?.object_id;
             case "stepName":
                 return flow?.currentFlowStep?.name;
-            case "buttonText":
-                return flow?.currentButton?.firstTextValue();
+            case "buttonText": {
+                const currentButton = flow?.currentButton;
+                if (!currentButton) {
+                    return undefined;
+                }
+                const firstTextValue = currentButton.firstTextValue;
+                if (typeof firstTextValue !== "function") {
+                    return undefined;
+                }
+                return firstTextValue.call(currentButton);
+            }
             case "slideNumber": {
                 const idx = screenState?.getSelectedSlideIndexForCurrentCarousel();
                 return idx != null ? `${idx + 1}` : undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@namiml/sdk-core",
-  "version": "3.4.0-dev.202604182042",
+  "version": "3.4.0-dev.202605060437",
   "description": "Platform-agnostic core for the Nami SDK — business logic, API, types, and state management",
   "type": "module",
   "main": "./dist/index.cjs",