declare var window: any;
@Component({
    ...
})
export class OrderPage {
    sessionFrame: any;
    ...
    
    checkoutCartButtonClicked() {
        // The user starting to check out starts when the user clicks the checkout button
        // this may be after they have updated quantities of items in their cart, etc.
        window.plugins.ADEUMMobilePlugin.startSessionFrame("Checkout",
            (sessionFrame) => {
                // The returned object is saved to the class property 'sessionFrame' so
                // the SessionFrame API methods 'updateName' and 'end' can be called from it later.
                this.sessionFrame = sessionFrame;
            },
            (error) => {
                console.log("startSessionFrame call error:" + error);
             }
        );
    }
    confirmOrderButtonClicked() {
        // Once they have confirmed payment info and shipping information, and they
        // are clicking the "Confirm" button to start the backend process of checking out
        // we may know more information about the order itself, such as an Order ID.
        this.sessionFrame.updateName("Checkout: Order ID " + this.orderId,
            (success) => {
                console.log("Order has been placed and sessionFrame updated:" + this.orderId);
            },
            (error) => {
                console.log("Order has been placed but sessionFrame couldn't be updated because of the error " + error);
            }
        );
    }
    processOrderCompleted() {
        // Once the order is processed, the user is done "checking out" so we end
        // the session frame.
        this.sessionFrame.end(
            (success) => {
                console.log("Order was completed and sessionFrame ended: " + success);
            },
            (error) => {
                console.log("Order was completed but sessionFrame couldn't be ended because of: " + error);
            }
        );
    }
    checkoutCancelled() {
        // If they cancel or go back, you'll want to end the session frame also, or else
        // it will be left open and appear to have never ended.
        this.sessionFrame.end(
            (success) => {
                console.log("Order was cancelled and sessionFrame ended: " + success);
            },
            (error) => {
                console.log("Order was cancelled but sessionFrame couldn't be ended because of: " + error);
            }
        );
    }
} // end of export class OrderPage