@developer_tribe/react-builder 1.2.15 → 1.2.17

package/dist/mockOS/backHandler.d.ts

@@ -0,0 +1,4 @@
+export type MockOSBackHandler = () => boolean;
+export declare function registerMockOSBackHandler(handler: MockOSBackHandler): () => void;
+export declare function emitMockOSBackPress(): boolean;
+export declare function clearMockOSBackHandlers(): void;

package/dist/paywall/hooks/index.d.ts

@@ -1,5 +1,5 @@
-export { usePaywallCounter } from './usePaywallCounter';
-export { useCloseStatusPaywall } from './useCloseStatusPaywall';
-export { useCarouselOptionsSeperator } from './useCarouselOptionsSeperator';
 export { useCalculateLocalizedPrice } from './useCalculateLocalizedPrice';
 export { useDiscountRate } from './useDiscountRate';
+export { useChangeDelayByPaywall } from './useChangeDelayByPaywall';
+export { useHandleGoBack } from './useHandleGoBack';
+export { useMockOSBackHandler } from './useMockOSBackHandler';

package/dist/paywall/hooks/useChangeDelayByPaywall.d.ts

@@ -0,0 +1,4 @@
+import type { NodeData } from '../../types/Node';
+export declare function useChangeDelayByPaywall(node: NodeData<{
+    delay?: number;
+}> | null | undefined, setIsBackAllowed: (value: boolean) => void): void;

package/dist/paywall/hooks/useHandleGoBack.d.ts

@@ -0,0 +1 @@
+export declare function useHandleGoBack(handleGoBack: () => boolean | null | undefined): void;

package/dist/paywall/hooks/useMockOSBackHandler.d.ts

@@ -0,0 +1 @@
+export declare function useMockOSBackHandler(isBackAllowed: boolean): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@developer_tribe/react-builder",
-  "version": "1.2.15",
+  "version": "1.2.17",
   "license": "UNLICENSED",
   "type": "module",
   "restricted": true,
@@ -33,6 +33,9 @@
   ],
   "scripts": {
     "prebuild": "node ./scripts/prebuild/prebuild.js",
+    "prebuild:basics": "yarn builder build --name builder --components=View --components=Text --components=Button --components=Image --components=Carousel --components=CarouselProvider --components=CarouselItem --components=CarouselDots --components=CarouselButtons --components=BIcon --components=BackgroundImage --components=Main --components=RadioButton --components=Counter --components=CountDown",
+    "prebuild:onboard": "yarn builder build --name onboard/builder --components=OnboardProvider --components=Onboard --components=OnboardItem --components=OnboardImage --components=OnboardTitle --components=OnboardSubtitle --components=OnboardDot --components=OnboardButtons --components=OnboardButton --components=OnboardFooter",
+    "prebuild:paywall": "yarn builder build --name paywall/builder --components=PaywallProvider --components=PaywallBackground --components=PaywallCloseButton --components=PaywallOptions --components=PaywallSubscribeButton --components=PaywallCounter",
     "build": "yarn prebuild && yarn rimraf dist && rollup -c",
     "build:watch": "rollup -c -w",
     "lint": "eslint src",

package/src/assets/meta.json

@@ -1,4 +1,4 @@
 {
   "supportedProjectVersion": "1.1.2",
-  "reactBuilderVersion": "1.2.15"
+  "reactBuilderVersion": "1.2.17"
 }

package/src/assets/samples/paywall-2.json

@@ -37,6 +37,7 @@
             "backgroundColor": "#EEF2FF"
           },
           "scrollable": true,
+          "delay": 5000,
           "description": "Paywall provider container.",
           "title": "Main Paywall"
         },
@@ -293,14 +294,14 @@
               {
                 "type": "CountDown",
                 "attributes": {
-                  "count": 30000,
+                  "count": 10000,
                   "style": {
                     "color": "#FF0000",
                     "fontWeight": "700",
                     "fontSize": 40,
                     "textAlign": "center"
                   },
-                  "description": "Countdown timer (30 seconds).",
+                  "description": "Countdown timer (10 seconds).",
                   "title": "Countdown"
                 },
                 "children": null

package/src/build-components/CountDown/CountDown.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useId, useState } from 'react';
+import React, { useEffect, useId, useRef, useState } from 'react';
 import type { CountDownComponentProps } from './CountDownProps.generated';
 import useNode from '../useNode';
 import { useBuilderParams } from '../../components/BuilderProvider';
@@ -7,6 +7,7 @@ import { useLogRender } from '../../utils/useLogRender';
 import { isNodeSelected, SELECTED_OUTLINE_STYLE } from '../../utils/selection';
 import { useMergedStyle } from '../../utils/useMergedStyle';
 import { formatCountdownTime } from './formatCountdownTime';
+import { usePaywallContext } from '../PaywallProvider/PaywallContext';
 
 const DEFAULT_FORMAT = 'm : s';
 
@@ -20,6 +21,8 @@ export function CountDown({ node }: CountDownComponentProps) {
   const attributeKey = node.key ?? generatedId;
 
   const { previewMode, selectedKey } = useBuilderParams();
+  const { onCounterDown } = usePaywallContext();
+  const onCounterDownRef = useRef(onCounterDown);
   const baseStyle = useExtractTextStyle(node);
   const isSelected = isNodeSelected({
     previewMode: !!previewMode,
@@ -39,6 +42,10 @@ export function CountDown({ node }: CountDownComponentProps) {
 
   const [time, setTime] = useState<string>('');
 
+  useEffect(() => {
+    onCounterDownRef.current = onCounterDown;
+  }, [onCounterDown]);
+
   useEffect(() => {
     const targetTimeMs = Date.now() + delayMs;
     setTime(formatCountdownTime(targetTimeMs, DEFAULT_FORMAT));
@@ -53,6 +60,7 @@ export function CountDown({ node }: CountDownComponentProps) {
       setTime(formatCountdownTime(targetTimeMs, DEFAULT_FORMAT, nowMs));
       if (diffMs <= 0) {
         clearInterval(intervalId);
+        onCounterDownRef.current?.();
       }
     }, 950); // Keep slightly under 1s to reduce visible drift.
 

package/src/build-components/PaywallCloseButton/PaywallCloseButton.tsx

@@ -14,7 +14,7 @@ import { usePaywallContext } from '../PaywallProvider/PaywallContext';
 function PaywallCloseButton({ node }: PaywallCloseButtonComponentProps) {
   useLogRender('PaywallCloseButton');
   node = useNode(node);
-  const { onClose } = usePaywallContext();
+  const { onClose, isBackAllowed } = usePaywallContext();
 
   const generatedId = useId();
   const attributeName = node.sourceType ?? node.type ?? 'PaywallCloseButton';
@@ -35,6 +35,10 @@ function PaywallCloseButton({ node }: PaywallCloseButtonComponentProps) {
     isSelected ? SELECTED_OUTLINE_STYLE : undefined,
   );
 
+  if (!isBackAllowed) {
+    return null;
+  }
+
   const attrs = node.attributes;
   const styleBag = attrs?.style;
   const iconType = attrs?.iconType ?? 'close';

package/src/build-components/PaywallCloseButton/pattern.json

@@ -21,6 +21,9 @@
     "iconType": "close",
     "size": 24,
     "style": {
+      "position": "absolute",
+      "top": "35@vs",
+      "left": "24@s",
       "flexDirection": "row",
       "justifyContent": "center",
       "alignItems": "center"

package/src/build-components/PaywallCounter/PaywallCounter.tsx

@@ -6,7 +6,6 @@ import { useExtractTextStyle } from '../../attribute-analyser/style/web/useExtra
 import { useLogRender } from '../../utils/useLogRender';
 import { isNodeSelected, SELECTED_OUTLINE_STYLE } from '../../utils/selection';
 import { useMergedStyle } from '../../utils/useMergedStyle';
-import { usePaywallCounter } from '../../paywall/hooks';
 
 //Optimzation trade off by readability: skip React.memo to keep named exports.
 export function PaywallCounter({ node }: PaywallCounterComponentProps) {
@@ -29,11 +28,9 @@ export function PaywallCounter({ node }: PaywallCounterComponentProps) {
     isSelected ? SELECTED_OUTLINE_STYLE : undefined,
   );
 
-  const paywallCount = usePaywallCounter();
   const fallbackCount = node.attributes?.count;
-  const count = Number.isFinite(paywallCount)
-    ? paywallCount
-    : typeof fallbackCount === 'number' && Number.isFinite(fallbackCount)
+  const count =
+    typeof fallbackCount === 'number' && Number.isFinite(fallbackCount)
       ? fallbackCount
       : 0;
 

package/src/build-components/PaywallOptions/PaywallOptions.tsx

@@ -52,7 +52,7 @@ function PaywallOptions({ node }: PaywallOptionsComponentProps) {
   useLogRender('PaywallOptions');
   node = useNode(node);
   const { products } = useBuilderParams();
-  const { selectedProductId, setSelectedProductId } = usePaywallContext();
+  const { selectedProduct, setSelectedProductId } = usePaywallContext();
   const getParamsForProduct = usePaywallOptionParamsFactory();
 
   const sortedProducts = useMemo(() => {
@@ -67,7 +67,7 @@ function PaywallOptions({ node }: PaywallOptionsComponentProps) {
     <>
       {sortedProducts.map((p, index) => {
         const productId = p.productId || `${index}`;
-        const isSelected = selectedProductId === productId;
+        const isSelected = selectedProduct?.productId === productId;
         const { localizationParams, otherParams } = getParamsForProduct(p, {
           isSelected,
         });

package/src/build-components/PaywallProvider/PaywallContext.ts

@@ -3,11 +3,12 @@ import type { Product } from '../../paywall/types/paywall-types';
 
 export type PaywallContextValue = {
   products: Product[];
-  selectedProductId: string;
   setSelectedProductId: (productId: string) => void;
   selectedProduct?: Product;
   onClose?: () => void;
   onSubscribe?: (product?: Product) => void | boolean | Promise<boolean>;
+  onCounterDown?: () => void;
+  isBackAllowed: boolean;
 };
 
 export const PaywallContext = createContext<PaywallContextValue | undefined>(
@@ -18,8 +19,9 @@ export function usePaywallContext(): PaywallContextValue {
   return (
     useContext(PaywallContext) ?? {
       products: [],
-      selectedProductId: '',
       setSelectedProductId: () => {},
+      onCounterDown: () => {},
+      isBackAllowed: true,
     }
   );
 }

package/src/build-components/PaywallProvider/PaywallProvider.tsx

@@ -11,6 +11,10 @@ import { LocalizationParamsProvider } from '../../components/LocalizationParamsP
 import { useBuilderParams } from '../../components/BuilderProvider';
 import { PaywallContext } from './PaywallContext';
 import { useMockOSContext } from '../../mockOS/context/MockOSContextBase';
+import type { Product } from '../../paywall/types/paywall-types';
+import { useChangeDelayByPaywall } from '../../paywall/hooks/useChangeDelayByPaywall';
+import { useHandleGoBack } from '../../paywall/hooks/useHandleGoBack';
+import { useMockOSBackHandler } from '../../paywall/hooks/useMockOSBackHandler';
 
 function PaywallProvider({ node }: PaywallProviderComponentProps) {
   useLogRender('PaywallProvider');
@@ -57,6 +61,7 @@ function PaywallProvider({ node }: PaywallProviderComponentProps) {
   );
 
   const [selectedProductId, setSelectedProductId] = useState<string>('');
+  const [isBackAllowed, setIsBackAllowed] = useState<boolean>(false);
   useEffect(() => {
     const list = Array.isArray(products) ? products : [];
     if (list.length === 0) {
@@ -70,6 +75,9 @@ function PaywallProvider({ node }: PaywallProviderComponentProps) {
     }
   }, [products, selectedProductId]);
 
+  useChangeDelayByPaywall(node, setIsBackAllowed);
+  useMockOSBackHandler(isBackAllowed);
+
   const selectedProduct = useMemo(() => {
     const list = Array.isArray(products) ? products : [];
     return (
@@ -79,6 +87,9 @@ function PaywallProvider({ node }: PaywallProviderComponentProps) {
   }, [products, selectedProductId]);
 
   const handleClose = useCallback(() => {
+    if (!isBackAllowed) {
+      return;
+    }
     // Default: in MockOS go back (simulate dismissing paywall screen).
     // TODO: at react native merge it will change
     if (mockOS?.isEnabled) {
@@ -87,13 +98,22 @@ function PaywallProvider({ node }: PaywallProviderComponentProps) {
         mockOS.navigation('launchscreen');
       }
     }
-  }, [mockOS]);
+  }, [mockOS, isBackAllowed]);
+
+  const handleGoBack = useCallback(() => {
+    if (!isBackAllowed) {
+      return false;
+    }
+    return true;
+  }, [isBackAllowed]);
+
+  useHandleGoBack(handleGoBack);
 
   const handleSubscribe = useCallback(
-    async (product?: { productId?: string }) => {
+    async (product?: Product): Promise<boolean> => {
       // Host app override wins.
       if (onPaywallSubscribe) {
-        const result = onPaywallSubscribe(product as any);
+        const result = onPaywallSubscribe(product);
         const ok =
           result instanceof Promise
             ? await result
@@ -105,7 +125,7 @@ function PaywallProvider({ node }: PaywallProviderComponentProps) {
         if (ok && mockOS?.isEnabled) {
           mockOS.goBack?.();
         }
-        return;
+        return ok;
       }
 
       // Default: in MockOS show a native-like subscription prompt.
@@ -122,26 +142,44 @@ function PaywallProvider({ node }: PaywallProviderComponentProps) {
           // TODO: at react native merge it will change
           mockOS.goBack?.();
         }
+        return ok;
       }
+      return false;
     },
     [mockOS, onPaywallSubscribe],
   );
 
+  const handleCounterDown = useCallback(() => {
+    if (!isBackAllowed) {
+      return;
+    }
+    // Default: in MockOS go back (simulate dismissing paywall screen).
+    // TODO: at react native merge it will change
+    if (mockOS?.isEnabled) {
+      const canGoBack = mockOS.goBack();
+      if (!canGoBack) {
+        mockOS.navigation('launchscreen');
+      }
+    }
+  }, [isBackAllowed, mockOS]);
+
   const paywallContextValue = useMemo(
     () => ({
       products: Array.isArray(products) ? products : [],
-      selectedProductId,
       setSelectedProductId,
       selectedProduct,
       onClose: handleClose,
-      onSubscribe: handleSubscribe as any,
+      onSubscribe: handleSubscribe,
+      onCounterDown: handleCounterDown,
+      isBackAllowed,
     }),
     [
       products,
-      selectedProductId,
       selectedProduct,
       handleClose,
       handleSubscribe,
+      handleCounterDown,
+      isBackAllowed,
     ],
   );
 

package/src/build-components/PaywallProvider/PaywallProviderProps.generated.ts

@@ -61,6 +61,7 @@ export interface PaywallProviderPropsGenerated {
     title?: string;
     description?: string;
     scrollable?: boolean;
+    delay?: number;
   };
 }
 

package/src/build-components/PaywallProvider/pattern.json

@@ -6,7 +6,8 @@
     "extends": "View",
     "attributes": {
       "title": "title",
-      "description": "description"
+      "description": "description",
+      "delay": "number"
     }
   },
   "defaults": {
@@ -21,6 +22,15 @@
     ],
     "label": "Paywall Provider",
     "description": "Provider/wrapper for paywall screen components.",
+    "attributes": {
+      "delay": {
+        "label": "Back Delay (ms)",
+        "description": "Milliseconds before the paywall can be dismissed via back/close.",
+        "category": "other",
+        "specialCategory": null,
+        "sort": 1
+      }
+    },
     "mockableFeatures": {
       "products": true,
       "benefits": true

package/src/build-components/patterns.generated.ts

@@ -9823,11 +9823,13 @@ export const patterns = [
       style: {
         fontSize: '16',
         flexDirection: 'row',
-        position: 'relative',
+        position: 'absolute',
         zIndex: 1,
         alignSelf: 'flex-start',
         flexGrow: 0,
         flexShrink: 0,
+        top: '35@vs',
+        left: '24@s',
         justifyContent: 'center',
         alignItems: 'center',
       },
@@ -10705,6 +10707,7 @@ export const patterns = [
           right: 'size',
           zIndex: 'number',
         },
+        delay: 'number',
       },
     },
     meta: {
@@ -11004,6 +11007,14 @@ export const patterns = [
           specialCategory: null,
           sort: 26,
         },
+        delay: {
+          label: 'Back Delay (ms)',
+          description:
+            'Milliseconds before the paywall can be dismissed via back/close.',
+          category: 'other',
+          specialCategory: null,
+          sort: 1,
+        },
       },
       mockableFeatures: { products: true, benefits: true },
     },

package/src/components/DeviceNavigationBar.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Device } from '../types/Device';
+import { emitMockOSBackPress } from '../mockOS/backHandler';
 import { useMockOSContext } from '../mockOS/context/MockOSContextBase';
 
 type DeviceNavigationBarProps = {
@@ -37,6 +38,10 @@ export function DeviceNavigationBar({
     : 'rgba(0, 0, 0, 0.4)';
 
   function handleBackButton() {
+    if (!emitMockOSBackPress()) {
+      return;
+    }
+
     if (context) {
       const canGoBack = context.goBack();
       // If can't go back, go to launchscreen

package/src/index.ts

@@ -27,11 +27,9 @@ export type {
 
 // Paywall hooks (RN-safe placeholders)
 export {
-  usePaywallCounter,
-  useCloseStatusPaywall,
-  useCarouselOptionsSeperator,
   useCalculateLocalizedPrice,
   useDiscountRate,
+  useChangeDelayByPaywall,
 } from './paywall/hooks';
 
 // Context (RN-safe). In React Native, `products` should come from an IAP wrapper

package/src/mockOS/backHandler.ts

@@ -0,0 +1,35 @@
+export type MockOSBackHandler = () => boolean;
+
+const backHandlers: MockOSBackHandler[] = [];
+
+export function registerMockOSBackHandler(
+  handler: MockOSBackHandler,
+): () => void {
+  backHandlers.push(handler);
+
+  return () => {
+    const index = backHandlers.lastIndexOf(handler);
+    if (index >= 0) {
+      backHandlers.splice(index, 1);
+    }
+  };
+}
+
+export function emitMockOSBackPress(): boolean {
+  if (backHandlers.length === 0) {
+    return true;
+  }
+
+  for (let i = backHandlers.length - 1; i >= 0; i -= 1) {
+    const allow = backHandlers[i]?.();
+    if (!allow) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+export function clearMockOSBackHandlers(): void {
+  backHandlers.length = 0;
+}

package/src/pages/ProjectMigrationPage.tsx

@@ -71,7 +71,16 @@ export function ProjectMigrationPage({
               type="button"
               className="editor-button"
               disabled={!!migrating}
-              onClick={() => onMigrateNow?.()}
+              onClick={() => {
+                console.info('[ProjectMigrationPage] onMigrateNow clicked', {
+                  name,
+                  projectVersion,
+                  requiredVersion,
+                  pendingMigrationsCount: pendingMigrations.length,
+                  migrating: !!migrating,
+                });
+                onMigrateNow?.();
+              }}
             >
               {migrating ? 'Migrating…' : 'Migrate now'}
             </button>

package/src/pages/ProjectPage.tsx

@@ -289,6 +289,13 @@ export function ProjectPage({
       <EditorHeader
         onSaveProject={() => {
           try {
+            console.info('[ProjectPage] onSaveProject clicked', {
+              name: project.name,
+              hasOverrideProject: !!overrideProject,
+              hasEditorData: !!editorData,
+              hasResolvedProjectColors: !!resolvedProjectColors,
+              bypassValidation,
+            });
             logger.info('ProjectPage', 'save project', { name: project.name });
             if (onSaveProjectColors && resolvedProjectColors) {
               onSaveProjectColors(resolvedProjectColors);

package/src/paywall/hooks/index.ts

@@ -1,5 +1,5 @@
-export { usePaywallCounter } from './usePaywallCounter';
-export { useCloseStatusPaywall } from './useCloseStatusPaywall';
-export { useCarouselOptionsSeperator } from './useCarouselOptionsSeperator';
 export { useCalculateLocalizedPrice } from './useCalculateLocalizedPrice';
 export { useDiscountRate } from './useDiscountRate';
+export { useChangeDelayByPaywall } from './useChangeDelayByPaywall';
+export { useHandleGoBack } from './useHandleGoBack';
+export { useMockOSBackHandler } from './useMockOSBackHandler';

package/src/paywall/hooks/useChangeDelayByPaywall.ts

@@ -0,0 +1,25 @@
+import { useEffect, useMemo } from 'react';
+import type { NodeData } from '../../types/Node';
+
+export function useChangeDelayByPaywall(
+  node: NodeData<{ delay?: number }> | null | undefined,
+  setIsBackAllowed: (value: boolean) => void,
+) {
+  const delay = useMemo(() => {
+    const delayAttribute = node?.attributes?.delay
+      ? parseInt(String(node?.attributes?.delay), 10)
+      : 1000;
+    return delayAttribute;
+  }, [node?.attributes?.delay]);
+
+  useEffect(() => {
+    if (!delay || delay <= 0) {
+      setIsBackAllowed(true);
+      return;
+    }
+    const timeout = setTimeout(() => {
+      setIsBackAllowed(true);
+    }, delay);
+    return () => clearTimeout(timeout);
+  }, [delay, setIsBackAllowed]);
+}

package/src/paywall/hooks/useHandleGoBack.ts

@@ -0,0 +1,60 @@
+import { useEffect } from 'react';
+import { useMockOSContext } from '../../mockOS/context/MockOSContextBase';
+
+export function useHandleGoBack(
+  handleGoBack: () => boolean | null | undefined,
+) {
+  const mockOS = useMockOSContext();
+
+  useEffect(() => {
+    if (!mockOS?.isEnabled) {
+      return;
+    }
+
+    const handleBackPress = (event?: KeyboardEvent | PopStateEvent) => {
+      const result = handleGoBack();
+
+      // Only allow navigation if result is explicitly true
+      if (result !== true) {
+        // Prevent navigation
+        if (event instanceof KeyboardEvent) {
+          event.preventDefault();
+          event.stopPropagation();
+        } else if (event instanceof PopStateEvent) {
+          // Prevent browser navigation by pushing state back
+          window.history.pushState(null, '', window.location.href);
+        }
+        return;
+      }
+
+      // Allow navigation - execute MockOS goBack
+      const canGoBack = mockOS.goBack();
+      if (!canGoBack) {
+        mockOS.navigation('launchscreen');
+      }
+    };
+
+    // Handle Escape key
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        handleBackPress(e);
+      }
+    };
+
+    // Handle browser back button
+    const handlePopState = (e: PopStateEvent) => {
+      handleBackPress(e);
+    };
+
+    // Push a state to track back navigation
+    window.history.pushState(null, '', window.location.href);
+
+    window.addEventListener('keydown', handleKeyDown);
+    window.addEventListener('popstate', handlePopState);
+
+    return () => {
+      window.removeEventListener('keydown', handleKeyDown);
+      window.removeEventListener('popstate', handlePopState);
+    };
+  }, [handleGoBack, mockOS]);
+}

package/src/paywall/hooks/useMockOSBackHandler.ts

@@ -0,0 +1,9 @@
+import { useEffect } from 'react';
+import { registerMockOSBackHandler } from '../../mockOS/backHandler';
+
+export function useMockOSBackHandler(isBackAllowed: boolean) {
+  useEffect(() => {
+    const unsubscribe = registerMockOSBackHandler(() => isBackAllowed);
+    return unsubscribe;
+  }, [isBackAllowed]);
+}

package/dist/paywall/hooks/useCarouselOptionsSeperator.d.ts

@@ -1,6 +0,0 @@
-/**
- * Placeholder hook — will be implemented later.
- *
- * NOTE: name kept as `Seperator` to match existing external API usage.
- */
-export declare function useCarouselOptionsSeperator(): string;

package/dist/paywall/hooks/useCloseStatusPaywall.d.ts

@@ -1,4 +0,0 @@
-/**
- * Placeholder hook — will be implemented later.
- */
-export declare function useCloseStatusPaywall(): boolean;

package/dist/paywall/hooks/usePaywallCounter.d.ts

@@ -1,4 +0,0 @@
-/**
- * Placeholder hook — will be implemented later.
- */
-export declare function usePaywallCounter(): number;

package/src/paywall/hooks/useCarouselOptionsSeperator.ts

@@ -1,8 +0,0 @@
-/**
- * Placeholder hook — will be implemented later.
- *
- * NOTE: name kept as `Seperator` to match existing external API usage.
- */
-export function useCarouselOptionsSeperator(): string {
-  return '';
-}

package/src/paywall/hooks/useCloseStatusPaywall.ts

@@ -1,6 +0,0 @@
-/**
- * Placeholder hook — will be implemented later.
- */
-export function useCloseStatusPaywall(): boolean {
-  return false;
-}