diff --git a/example/src/app/main.ts b/example/src/app/main.ts index a6be591..86f9305 100644 --- a/example/src/app/main.ts +++ b/example/src/app/main.ts @@ -10,7 +10,6 @@ import { showToast, setLoading } from './utils'; import { renderMainScreen } from './screens/MainScreen'; import { renderProductsScreen } from './screens/ProductsScreen'; import { renderEntitlementsScreen } from './screens/EntitlementsScreen'; -import { renderOfferingsScreen } from './screens/OfferingsScreen'; import { renderRemoteConfigsScreen } from './screens/RemoteConfigsScreen'; import { renderUserScreen } from './screens/UserScreen'; import { renderNoCodesScreen } from './screens/NoCodesScreen'; @@ -23,7 +22,6 @@ const screenRenderers: Record string> = { main: renderMainScreen, products: renderProductsScreen, entitlements: renderEntitlementsScreen, - offerings: renderOfferingsScreen, remoteConfigs: renderRemoteConfigsScreen, user: renderUserScreen, noCodes: renderNoCodesScreen, @@ -36,7 +34,6 @@ const screenTitles: Record = { main: 'Qonversion SDK Demo', products: 'Products', entitlements: 'Entitlements', - offerings: 'Offerings', remoteConfigs: 'Remote Configs', user: 'User', noCodes: 'No-Codes', @@ -49,13 +46,6 @@ function renderMoreScreen(): string {

Additional Features

-
-
-
📋 Offerings
-
View available offerings and products
-
- › -
⚙️ Remote Configs
@@ -196,7 +186,7 @@ function updateNavigation(): void { navItems.forEach(item => { const screen = item.getAttribute('data-screen'); item.classList.toggle('active', screen === currentScreen || - (screen === 'more' && ['offerings', 'remoteConfigs', 'noCodes', 'other'].includes(currentScreen))); + (screen === 'more' && ['remoteConfigs', 'noCodes', 'other'].includes(currentScreen))); }); // Update header @@ -241,9 +231,6 @@ function setupScreenEventListeners(screen: string): void { case 'entitlements': import('./screens/EntitlementsScreen').then(m => m.setupEntitlementsScreenEvents?.()); break; - case 'offerings': - import('./screens/OfferingsScreen').then(m => m.setupOfferingsScreenEvents?.()); - break; case 'remoteConfigs': import('./screens/RemoteConfigsScreen').then(m => m.setupRemoteConfigsScreenEvents?.()); break; diff --git a/example/src/app/screens/MainScreen.ts b/example/src/app/screens/MainScreen.ts index dc50ed6..86efe3b 100644 --- a/example/src/app/screens/MainScreen.ts +++ b/example/src/app/screens/MainScreen.ts @@ -51,10 +51,6 @@ export function renderMainScreen(): string { 🎫 Entitlements
-
- 📋 - Offerings -
⚙️ Remote Configs diff --git a/example/src/app/screens/OfferingsScreen.ts b/example/src/app/screens/OfferingsScreen.ts deleted file mode 100644 index 2b99d03..0000000 --- a/example/src/app/screens/OfferingsScreen.ts +++ /dev/null @@ -1,207 +0,0 @@ -import { Qonversion, type Offering, type Product } from '@qonversion/capacitor-plugin'; -import { store } from '../store'; -import { showToast, showPurchaseResultDialog } from '../utils'; - -const renderProduct = (product: Product): string => { - const priceStr = product.prettyPrice || (product.price ? `${product.currencyCode || ''} ${product.price}` : 'N/A'); - - return ` -
-
-
${product.storeTitle || product.qonversionId}
-
${product.qonversionId}
-
- ${priceStr} -
- `; -}; - -const renderOffering = (offering: Offering): string => { - return ` -
-
- ${offering.id} - ${offering.tag} -
- ${offering.products.length > 0 ? ` -
- ${offering.products.map(renderProduct).join('')} -
- ` : ` -

No products in this offering

- `} -
- `; -}; - -// Update offerings section without full re-render -function updateOfferingsSection(): void { - const section = document.getElementById('offerings-section'); - if (!section) return; - - const { offerings } = store.getState(); - - if (offerings) { - let html = ''; - - if (offerings.main) { - html += ` -
-
- ⭐ Main Offering - ${offerings.main.id} -
- ${offerings.main.products.length > 0 ? ` -
- ${offerings.main.products.map(renderProduct).join('')} -
- ` : ` -

No products

- `} -
- `; - } - - if (offerings.availableOffering.length > 0) { - html += ` -

All Offerings (${offerings.availableOffering.length})

- ${offerings.availableOffering.map(renderOffering).join('')} - `; - } else { - html += ` -
-
📋
-
No Offerings Available
-
Configure offerings in your dashboard
-
- `; - } - - section.innerHTML = html; - // Re-attach purchase listeners - attachOfferingsPurchaseListeners(); - } -} - -// Attach purchase listeners for offerings -function attachOfferingsPurchaseListeners(): void { - document.querySelectorAll('[data-purchase-offering]').forEach(el => { - el.addEventListener('click', async () => { - const productId = el.getAttribute('data-purchase-offering'); - if (!productId) return; - - try { - store.dispatch({ type: 'SET_LOADING', payload: true }); - console.log('🔄 [Qonversion] Purchasing from offering:', productId); - - // Find product in offerings - const offerings = store.getState().offerings; - let product: Product | undefined; - - for (const offering of offerings?.availableOffering || []) { - product = offering.products.find(p => p.qonversionId === productId); - if (product) break; - } - - if (!product) { - showToast('Product not found', 'error'); - return; - } - - const result = await Qonversion.getSharedInstance().purchase(product); - - // Show full PurchaseResult dialog - showPurchaseResultDialog(result); - - if (result.isSuccess && result.entitlements) { - store.dispatch({ type: 'SET_ENTITLEMENTS', payload: result.entitlements }); - } - } catch (error: any) { - console.error('❌ [Qonversion] Purchase failed:', error); - showToast(error.message || 'Purchase failed', 'error'); - } finally { - store.dispatch({ type: 'SET_LOADING', payload: false }); - } - }); - }); -} - -export function renderOfferingsScreen(): string { - const state = store.getState(); - const { offerings } = state; - - return ` -
- -
- -
- ${offerings ? ` - ${offerings.main ? ` -
-
- ⭐ Main Offering - ${offerings.main.id} -
- ${offerings.main.products.length > 0 ? ` -
- ${offerings.main.products.map(renderProduct).join('')} -
- ` : ` -

No products

- `} -
- ` : ''} - - ${offerings.availableOffering.length > 0 ? ` -

All Offerings (${offerings.availableOffering.length})

- ${offerings.availableOffering.map(renderOffering).join('')} - ` : ` -
-
📋
-
No Offerings Available
-
Configure offerings in your dashboard
-
- `} - ` : ` -
-
📋
-
Offerings Not Loaded
-
Tap the button above to load offerings
-
- `} -
- `; -} - -export function setupOfferingsScreenEvents(): void { - // Load offerings - document.getElementById('load-offerings')?.addEventListener('click', async () => { - try { - store.dispatch({ type: 'SET_LOADING', payload: true }); - console.log('🔄 [Qonversion] Loading offerings...'); - - const offerings = await Qonversion.getSharedInstance().offerings(); - console.log('✅ [Qonversion] Offerings loaded:', offerings); - - if (offerings) { - store.dispatch({ type: 'SET_OFFERINGS', payload: offerings }); - // Update UI without full re-render - updateOfferingsSection(); - showToast(`Loaded ${offerings.availableOffering.length} offerings`, 'success'); - } else { - showToast('No offerings found', 'info'); - } - } catch (error: any) { - console.error('❌ [Qonversion] Failed to load offerings:', error); - showToast(error.message || 'Failed to load offerings', 'error'); - } finally { - store.dispatch({ type: 'SET_LOADING', payload: false }); - } - }); - - // Attach purchase listeners for initial render - attachOfferingsPurchaseListeners(); -} diff --git a/example/src/app/store.ts b/example/src/app/store.ts index 45ba9a4..b816d3d 100644 --- a/example/src/app/store.ts +++ b/example/src/app/store.ts @@ -1,4 +1,4 @@ -import type { Product, Offerings, Entitlement, RemoteConfigList, User } from '@qonversion/capacitor-plugin'; +import type { Product, Entitlement, RemoteConfigList, User } from '@qonversion/capacitor-plugin'; export interface AppState { currentScreen: string; @@ -11,7 +11,6 @@ export interface AppState { // Data userInfo: User | null; products: Map | null; - offerings: Offerings | null; entitlements: Map | null; remoteConfigs: RemoteConfigList | null; @@ -32,7 +31,6 @@ export type AppAction = | { type: 'SET_NOCODES_INITIALIZED'; payload: boolean } | { type: 'SET_USER_INFO'; payload: User | null } | { type: 'SET_PRODUCTS'; payload: Map } - | { type: 'SET_OFFERINGS'; payload: Offerings } | { type: 'SET_ENTITLEMENTS'; payload: Map } | { type: 'SET_REMOTE_CONFIGS'; payload: RemoteConfigList } | { type: 'ADD_NOCODES_EVENT'; payload: string } @@ -49,7 +47,6 @@ const initialState: AppState = { noCodesInitialized: false, userInfo: null, products: null, - offerings: null, entitlements: null, remoteConfigs: null, noCodesEvents: [], @@ -114,10 +111,7 @@ class Store { case 'SET_PRODUCTS': return { ...state, products: action.payload }; - - case 'SET_OFFERINGS': - return { ...state, offerings: action.payload }; - + case 'SET_ENTITLEMENTS': return { ...state, entitlements: action.payload };