updated

Author: jitendrakansal

tutorials/cp-mobile-dev-kit-deep-link/cp-mobile-dev-kit-deep-link.md

@@ -161,22 +161,31 @@ The Storyboard provides a graphical view of the application's runtime resources,
 
     ```JavaScript
     /**
-    * Describe this function...
     * @param {IClientAPI} context
     */
+    import { Application, Utils } from "@nativescript/core";
+
+    function openUrl(location) {
+        if (Application.ios) {
+            const url = NSURL.URLWithString(location.trim());
+            if (UIApplication.sharedApplication.canOpenURL(url)) {
+                return UIApplication.sharedApplication.openURLOptionsCompletionHandler(url, null, null);
+            } else {
+                return false;
+            }
+        } else {
+            return Utils.openUrl(location);
+        }
+    }
+
     export default function OpenSAPMobileStart(context) {
-        // Get the Nativescript Utils Module
-        const utilsModule = context.nativescript.utilsModule;
-        // Get the Nativescript Platform Module
-        const platformModule = context.nativescript.platformModule;
         return context.executeAction('/mdkdeeplink/Actions/Confirmation.action').then((result) => {
             if (result.data) {
-                //This will open SAP Mobile Start app
-                if (platformModule.isIOS) {
-                    return utilsModule.openUrl("com.sap.mobile.start://");
-                } else if (platformModule.isAndroid) {
-                    return utilsModule.openUrl("com.sap.mobile.apps.sapstart://");
-                }
+                // This will open the SAP Mobile Start app
+                const url = Application.ios 
+                    ? "com.sap.mobile.start://"
+                    : "com.sap.mobile.apps.sapstart://";
+                return openUrl(url);
             } else {
                 return Promise.reject('User Deferred');
             }
@@ -209,16 +218,27 @@ The Storyboard provides a graphical view of the application's runtime resources,
 
     ```JavaScript
     /**
-     * Describe this function...
+    * Describe this function...
     * @param {IClientAPI} context
     */
+    import { Application, Utils } from "@nativescript/core";
+    function openUrl(location) {
+        if (Application.ios) {
+            const url = NSURL.URLWithString(location.trim());
+            if (UIApplication.sharedApplication.canOpenURL(url)) {
+                return UIApplication.sharedApplication.openURLOptionsCompletionHandler(url, null, null);
+            } else {
+                return false;
+            }
+        } else {
+            return Utils.openUrl(location);
+        }
+    }
     export default function OpenSAPcom(context) {
-        // Get the Nativescript Utils Module
-        const utilsModule = context.nativescript.utilsModule;
         return context.executeAction('/mdkdeeplink/Actions/Confirmation.action').then((result) => {
             if (result.data) {
                 //This will open SAP.com website
-                return utilsModule.openUrl("https://www.sap.com");
+                openUrl("https://www.sap.com");
             } else {
                 return Promise.reject('User Deferred');
             }

tutorials/cp-mobile-dev-kit-deep-link/img-3.4.gif

@@ -43,7 +43,6 @@ In this step, you will create a Section page with a Form Cell Section to contain
 
     <!-- border -->![MDK](img-1.1.png)
 
-
 2. In the **Base Information** step, enter the Page Name as `SalesOrderHeaders_Create` and click **Finish** to complete the page creation process.
 
     <!-- border -->![MDK](img-1.2.png)
@@ -142,8 +141,6 @@ In this step, you will create a Section page with a Form Cell Section to contain
 
 ### Add cancel button on create Sales Order page
 
-
-
 Now, you will add a button on the Create Order page and set its `onPress` to `CloseModalPage_Cancel.action`.
 
 1. Drag and drop an **Action Bar Item** to the upper left corner of the action bar.
@@ -277,7 +274,6 @@ The next step is to store newly created record locally for an offline applicatio
 
 ### Navigate to the Customer Create page
 
-
 You will open the `SalesOrderHeaders_Create.page` from the Customer Detail page. For this, you will add a ToolBar item on the Customer Details page and will link it to a navigation action. When the ToolBar item is pressed by the end-user that will open the `SalesOrderHeaders_Create.page`.
 
 1. In `Customers_Detail.page`, drag and drop a **Toolbar Item** on the page area.