From 9eb0362cbda9ab21925b5bccf3e9c611cd7e7a99 Mon Sep 17 00:00:00 2001 From: Sam Mejl Date: Sun, 19 Jul 2026 13:03:52 +0100 Subject: [PATCH] chore(example): remove legacy Offerings from sample app Offerings are being sunset in favor of Remote Configs. The sample app now sources the product list from Qonversion.getSharedInstance().products() only. Removed the Offerings screen, its navigation entries, and the offerings state/actions from the store. See: https://documentation.qonversion.io/docs/migrate-offerings-to-remote-configs Co-Authored-By: Claude Fable 5 --- example/src/app/main.ts | 15 +- example/src/app/screens/MainScreen.ts | 4 - example/src/app/screens/OfferingsScreen.ts | 207 --------------------- example/src/app/store.ts | 10 +- 4 files changed, 3 insertions(+), 233 deletions(-) delete mode 100644 example/src/app/screens/OfferingsScreen.ts 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 };