@purchasely/cordova-plugin-purchasely/example/www/js/index.js

Purchasely is a solution to ease the integration and boost your In-App Purchases & Subscriptions on the App Store, Google Play Store, Amazon Appstore and Huawei App Gallery.

/*
 * Licensed to the Apache Software Foundation (ASF) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The ASF licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing,
 * software distributed under the License is distributed on an
 * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
 * KIND, either express or implied.  See the License for the
 * specific language governing permissions and limitations
 * under the License.
 */

function safeStringify(obj, space = 2) {
  const seen = new WeakSet();
  return JSON.stringify(obj, (key, value) => {
    if (typeof value === 'object' && value !== null) {
      if (seen.has(value)) {
        return '[Circular Reference]';
      }
      seen.add(value);
    }
    return value;
  }, space);
}

// Wait for the deviceready event before using any of Cordova's device APIs.
// See https://cordova.apache.org/docs/en/latest/cordova/events/events.html#deviceready
document.addEventListener('deviceready', onDeviceReady, false);

function onDeviceReady() {
	// Cordova is now initialized. Have fun!

	console.log('Running cordova-' + cordova.platformId + '@' + cordova.version);
	document.getElementById('deviceready').classList.add('ready');

	Purchasely.start(
		'fcb39be4-2ba4-4db7-bde3-2a5a1e20745d',
		['Google'],
		false,
		null,
		Purchasely.LogLevel.DEBUG,
		Purchasely.RunningMode.full,
		(isConfigured) => {
			if(isConfigured) onPurchaselySdkReady();
		},
		(error) => {
			console.log(error);
		});

	Purchasely.setDebugMode(true);

	Purchasely.setLanguage('en');

	document.getElementById("openPresentation").addEventListener("click", openPresentation);
	document.getElementById("fetchPresentation").addEventListener("click", fetchPresentation);
	document.getElementById("presentSubscriptions").addEventListener("click", presentSubscriptions);
	document.getElementById("showPresentation").addEventListener("click", showPresentation);
	document.getElementById("hidePresentation").addEventListener("click", hidePresentation);
	document.getElementById("closePresentation").addEventListener("click", closePresentation);
	document.getElementById("purchaseWithPlanVendorId").addEventListener("click", purchaseWithPlanVendorId);
	document.getElementById("restore").addEventListener("click", restore);
	document.getElementById("silentRestore").addEventListener("click", silentRestore);
	document.getElementById("processToPayment").addEventListener("click", processToPayment);

}

function onPurchaselySdkReady() {
	Purchasely.allProducts( products => {
		console.log("Products " + products.length);
		console.log("First product name: " + products[0].name);
	}, (error) => {
		console.log(error);
	});

	Purchasely.getAnonymousUserId(id => { console.log("Purchasely anonymous Id:" + id) });

	Purchasely.addEventsListener((event) => {
		console.log("Event Name " + event.name);
		console.log(safeStringify(event.properties));
		console.log(safeStringify(event));
	}, (error) => {
		console.log(error);
	});

	Purchasely.addUserAttributeListener((attribute) => {
		if (attribute.action == Purchasely.UserAttributeAction.ADD) {
			console.log("ADD Attribute: " + attribute.key)
			console.log("ADD Attribute: " + attribute.value)
			console.log("ADD Attribute: " + attribute.source)
			console.log("ADD Attribute: " + attribute.type)
		} else if (attribute.action == Purchasely.UserAttributeAction.REMOVE) {
			console.log("REMOVE Attribute: " + attribute.key)
			console.log("REMOVE Attribute: " + attribute.source)
		}

	}, (error) => {
		console.log("Error: " + error)
	})

	Purchasely.purchasedSubscription(() => {
		console.log("Purchased performed, reload content to unlock.");
	});

	Purchasely.userLogin('test_cordova', refresh => {
		console.log("User logged, refresh needed ? " + refresh);
	});

	Purchasely.userLogout();

	Purchasely.setLogLevel(Purchasely.LogLevel.DEBUG);

	Purchasely.setAttribute(Purchasely.Attribute.FIREBASE_APP_INSTANCE_ID, "firebase_instance_id");
	Purchasely.setAttribute(Purchasely.Attribute.AIRSHIP_CHANNEL_ID, "airship_channel_id");
	Purchasely.setAttribute(Purchasely.Attribute.AIRSHIP_USER_ID, "airship_user_id");
	Purchasely.setAttribute(Purchasely.Attribute.BATCH_INSTALLATION_ID, "batch_installation_id");
	Purchasely.setAttribute(Purchasely.Attribute.ADJUST_ID, "adjust_id");
	Purchasely.setAttribute(Purchasely.Attribute.APPSFLYER_ID, "appsflyer_id");
	Purchasely.setAttribute(Purchasely.Attribute.MIXPANEL_DISTINCT_ID, "mixpanel_distinct_id");
	Purchasely.setAttribute(Purchasely.Attribute.CLEVER_TAP_ID, "clever_tap_id");
	Purchasely.setAttribute(Purchasely.Attribute.SENDINBLUE_USER_EMAIL, "sendinblue_user_email");
	Purchasely.setAttribute(Purchasely.Attribute.ITERABLE_USER_EMAIL, "iterable_user_email");
	Purchasely.setAttribute(Purchasely.Attribute.ITERABLE_USER_ID, "iterable_user_id");
	Purchasely.setAttribute(Purchasely.Attribute.AT_INTERNET_ID_CLIENT, "at_internet_id_client");
	Purchasely.setAttribute(Purchasely.Attribute.MPARTICLE_USER_ID, "mparticle_user_id");
	Purchasely.setAttribute(Purchasely.Attribute.CUSTOMERIO_USER_ID, "customerio_user_id");
	Purchasely.setAttribute(Purchasely.Attribute.CUSTOMERIO_USER_EMAIL, "customerio_user_email");
	Purchasely.setAttribute(Purchasely.Attribute.BRANCH_USER_DEVELOPER_IDENTITY, "branch_user_developer_identity");
	Purchasely.setAttribute(Purchasely.Attribute.AMPLITUDE_USER_ID, "amplitude_user_id");
	Purchasely.setAttribute(Purchasely.Attribute.AMPLITUDE_DEVICE_ID, "amplitude_device_id");
	Purchasely.setAttribute(Purchasely.Attribute.MOENGAGE_UNIQUE_ID, "moengage_unique_id");
	Purchasely.setAttribute(Purchasely.Attribute.ONESIGNAL_EXTERNAL_ID, "onesignal_external_id");
	Purchasely.setAttribute(Purchasely.Attribute.BATCH_CUSTOM_USER_ID, "batch_custom_user_id");
	Purchasely.setAttribute(Purchasely.Attribute.BATCH_INSTALLATION_ID, "testBatch1");

	Purchasely.readyToOpenDeeplink(true);

	Purchasely.planWithIdentifier('PURCHASELY_PLUS_MONTHLY', (plan) => {
		console.log(' ==> Plan');
		console.log(plan.vendorId);
		console.log(plan.productId);
		console.log(plan.name);
		console.log(plan.price);
		console.log(plan.amount);
		console.log(plan.period);
		console.log(plan.hasIntroductoryPrice);
		console.log(plan.introPrice);
		console.log(plan.introAmount);
		console.log(plan.introDuration);
	}, (error) => {
		console.log(error);
	});

	Purchasely.setDefaultPresentationResultHandler(callback => {
		console.log(callback);
		if(callback.result == Purchasely.PurchaseResult.CANCELLED) {
			console.log("User cancelled purchased");
		} else {
			console.log("User purchased " + callback.plan.vendorId);
		}
	},
		(error) => {
		console.log("Error with purchase : " + error);
	});

	Purchasely.setUserAttributeWithString("key_string", "value_string", Purchasely.DataProcessingLegalBasis.essential);
	Purchasely.setUserAttributeWithBoolean("key_boolean", true, Purchasely.DataProcessingLegalBasis.essential);
	Purchasely.setUserAttributeWithInt("key_int", 7, Purchasely.DataProcessingLegalBasis.essential);
	Purchasely.setUserAttributeWithDouble("key_double", 4.5, Purchasely.DataProcessingLegalBasis.essential);
	Purchasely.setUserAttributeWithDate("key_date", new Date().toISOString(), Purchasely.DataProcessingLegalBasis.essential);

	Purchasely.clearUserAttributes();

	Purchasely.setUserAttributeWithString("key_string", "value_string");
	Purchasely.setUserAttributeWithBoolean("key_boolean", true);
	Purchasely.setUserAttributeWithInt("key_int", 7);
	Purchasely.setUserAttributeWithDouble("key_double", 4.5);
	Purchasely.setUserAttributeWithDate("key_date", new Date().toISOString());

	Purchasely.setUserAttributeWithStringArray("key_string_array", ["value1", "value2"]);
	Purchasely.setUserAttributeWithIntArray("key_int_array", [1, 2, 3]);
	Purchasely.setUserAttributeWithDoubleArray("key_double_array", [1.1, 2.2, 3.3]);
	Purchasely.setUserAttributeWithBooleanArray("key_boolean_array", [true, false, true]);

	Purchasely.revokeDataProcessingConsent(["CAMPAIGNS"])

	Purchasely.userAttribute("key_string", value => {
		console.log("User attribute string: " + value);
	});

	Purchasely.userAttribute("key_boolean", value => {
		console.log("User attribute boolean: " + value);
	});

	Purchasely.userAttribute("key_int", value => {
		console.log("User attribute int: " + value);
	});

	Purchasely.userAttribute("key_double", value => {
		console.log("User attribute double: " + value);
	});

	Purchasely.userAttribute("key_string_array", value => {
	    console.log("User attribute string array: " + value);
	});

	Purchasely.userAttribute("key_int_array", value => {
	    console.log("User attribute int array: " + value);
	});

	Purchasely.userAttribute("key_double_array", value => {
	    console.log("User attribute double array: " + value);
	});

	Purchasely.userAttribute("key_boolean_array", value => {
	    console.log("User attribute boolean array: " + value);
	});

	Purchasely.userAttribute("key_date", value => {
		console.log("User attribute date " + value);

		Purchasely.clearUserAttribute("key_string");
		Purchasely.userAttribute("key_string",{}, error => {
			console.log("User attribute string cleared ? " + error);

			Purchasely.clearUserAttributes();
			Purchasely.userAttribute("key_double", {}, error => {
				console.log("User attribute double empty? " + error);
			});
		});
	});

	Purchasely.removeUserAttributeListener();

	Purchasely.setPaywallActionInterceptor((result) => {
		console.log(result);
		console.log('Received action from paywall ' + result.info.presentationId);

		if (result.action === Purchasely.PaywallAction.navigate) {
			console.log(
			'User wants to navigate to website ' +
				result.parameters.title +
				' ' +
				result.parameters.url
			);
			console.log('prevent Purchasely SDK to navigate to website');
			Purchasely.onProcessAction(true);
		} else if (result.action === Purchasely.PaywallAction.close) {
			console.log('User wants to close paywall - close reason ' + result.parameters.closeReason);
			Purchasely.onProcessAction(true);
		} else if (result.action === Purchasely.PaywallAction.close_all) {
		    console.log('User wants to close all paywalls');
            Purchasely.onProcessAction(true);
		} else if (result.action === Purchasely.PaywallAction.login) {
			console.log('User wants to login');
			//Present your own screen for user to log in
			Purchasely.closePaywall();
			Purchasely.userLogin('MY_USER_ID');
			//Call this method to update Purchasely Paywall
			Purchasely.onProcessAction(true);
		} else if (result.action === Purchasely.PaywallAction.open_presentation) {
			console.log('User wants to open a new paywall');
			Purchasely.onProcessAction(true);
	    } else if (result.action === Purchasely.PaywallAction.open_placement) {
            console.log('User wants to open a new placement');
            Purchasely.onProcessAction(true);
		} else if (result.action === Purchasely.PaywallAction.purchase) {
			console.log('User wants to purchase');
			//If you want to intercept it, close paywall and display your screen
			Purchasely.hidePresentation();
		} else if (result.action === Purchasely.PaywallAction.web_checkout) {
			console.log('User wants to proceed to web checkout');
			console.log('web checkout url: ' + result.parameters.url);
			console.log('web checkout provider: ' + result.parameters.webCheckoutProvider);
	        console.log('web checkout client reference id: ' + result.parameters.clientReferenceId);
	        console.log('web checkout query parameter key: ' + result.parameters.queryParameterKey);
			Purchasely.onProcessAction(true);
		} else {
			console.log('Action unknown ' + result.action);
			Purchasely.onProcessAction(true);
		}
	});

	Purchasely.clearBuiltInAttributes();
}

function openPresentation() {
	Purchasely.presentPresentationForPlacement(
		'ONBOARDING', //placementId
		null, //contentId
		true, //fullscreen
		(callback) => {
			console.log(callback);
			if(callback.result == Purchasely.PurchaseResult.CANCELLED) {
				console.log("User cancelled purchased");
			} else {
				console.log("User purchased " + callback.plan.name);
			}
		},
		(error) => {
			console.log("Error with purchase : " + error);
		}
	);
}

function fetchPresentation() {
	Purchasely.fetchPresentationForPlacement(
		'flow_demo', //placementId
		null, //contentId
		(presentation) => {
			console.log(safeStringify(presentation));
			Purchasely.presentPresentation(presentation, false, null,
				(callback) => {
					console.log(callback);
					if(callback.result == Purchasely.PurchaseResult.CANCELLED) {
						console.log("User cancelled purchased");
					} else {
						console.log("User purchased " + callback.plan.name);
					}
				}, (error) => {
					console.log("Error with present : " + error);
				});
		},
		(error) => {
			console.log("Error with purchase : " + error);
		}
	);
}

function presentSubscriptions() {
	Purchasely.presentSubscriptions();
}

function purchaseWithPlanVendorId() {
	Purchasely.purchaseWithPlanVendorId("PURCHASELY_PLUS_MONTHLY");
}

function processToPayment() {
	// Call this method open paywall again
	Purchasely.showPresentation();

	// Call this method in paywallObserver mode to synchronize purchases with Purchasely
	// Purchasely.synchronize();

	// Call this method to process to payment or false if you handled it
	Purchasely.onProcessAction(true);
}

function showPresentation() {
	Purchasely.showPresentation();
}

function hidePresentation() {
	Purchasely.hidePresentation();
}

function closePresentation() {
	Purchasely.closePresentation();
}

function restore() {
	Purchasely.restoreAllProducts(
		(plan) => {
			if(plan) console.log("Restore " + plan.vendorId);
			else console.log("Nothing to restore");
		},
		(error) => {
			console.log("Restore failed " + error);
		},
	);
}

function silentRestore() {
	Purchasely.silentRestoreAllProducts(
		(plan) => {
			if(plan) console.log("Silent restore " + plan.vendorId);
			else console.log("Nothing to restore");
		},
		(error) => {
			console.log("Silent Restore failed " + error);
		},
	);
}

function isEligibleForIntroOffer() {
	console.log("isEligibleForIntroOffer");
	Purchasely.isEligibleForIntroOffer(
		'PURCHASELY_PLUS_YEARLY', // planVendorId
		(isEligible) => {
			console.log("isEligibleForIntroOffer result: " + isEligible);
		},
		(error) => {
			console.log("Error with isEligibleForIntroOffer : " + error);
		}
	);
}

function signPromotionalOffer() {
	console.log("signPromotionalOffer");
	Purchasely.signPromotionalOffer(
		'com.purchasely.plus.yearly', // storeProductId
		'com.purchasely.plus.yearly.winback.test', // storeOfferId
		(signature) => {
			console.log("signPromotionalOffer result: " + signature);
		},
		(error) => {
			console.log("Error with signPromotionalOffer : " + error);
		}
	);
}

function openDeeplink() {
	Purchasely.isDeeplinkHandled(
		"purchasely://ply/presentations/CAROUSEL",
		isHandled => {
			console.log("Deeplink is handled ? " + isHandled)
		},
		(error) => {
			console.log(error)
		},
	);
}