ios update

Author: Akinnagbe

PaystackInline.Forms.Plugin/PaystackInline.Forms.Plugin.csproj

@@ -100,10 +100,6 @@
     </None>
   </ItemGroup>
 
-  <ItemGroup>
-    <Folder Include="Droid\Assets\HtmlContent\" />
-  </ItemGroup>
-
   <!--Additional item groups-->
   <!--
   <ItemGroup Condition=" $(TargetFramework.StartsWith('Xamarin.TVOS')) ">

PaystackInline.Forms.Plugin/PaystackInline.Forms.Plugin.nuspec

@@ -2,7 +2,7 @@
 <package >
   <metadata>
     <id>Xam.Plugin.PaystackInline</id>
-    <version>1.0.0-alpha17</version>
+    <version>1.0.0-alpha18</version>
     <title>Paystack Inline Payment for Xamarin and Windows</title>
     <authors>Akinnagbe Olamide James</authors>
     <owners>Akinnagbe Olamide James</owners>

PaystackInline.Forms.Plugin/Renderer.ios.cs

@@ -17,7 +17,8 @@ namespace Plugin.PaystackInline.Forms.Plugin.iOS
 {
    public class PaystackWebViewRenderer : ViewRenderer<PaystackWebView, WKWebView>, IWKScriptMessageHandler
     {
-        const string JavaScriptFunction = "function invokeCSharpAction(data){window.webkit.messageHandlers.invokeAction.postMessage(data);}";
+        const string PaymentJavaScriptFunction = "function invokePaymentAction(data){window.webkit.messageHandlers.invokePayAction.postMessage(data);}";
+        const string ClosePaymentJavaScriptFunction = "function invokeClosePaymentAction(data){window.webkit.messageHandlers.invokeCloseAction.postMessage(data);}";
         WKUserContentController userController;
 
         protected override void OnElementChanged(ElementChangedEventArgs<HybridWebView> e)
@@ -26,10 +27,16 @@ protected override void OnElementChanged(ElementChangedEventArgs<HybridWebView>
 
             if (Control == null)
             {
+                var webviewElement = (HybridWebView)Element;
                 userController = new WKUserContentController();
-                var script = new WKUserScript(new NSString(JavaScriptFunction), WKUserScriptInjectionTime.AtDocumentEnd, false);
-                userController.AddUserScript(script);
-                userController.AddScriptMessageHandler(this, "invokeAction");
+                var paymentscript = new WKUserScript(new NSString(PaymentJavaScriptFunction), WKUserScriptInjectionTime.AtDocumentEnd, false);
+                var closeScript = new WKUserScript(new NSString(ClosePaymentJavaScriptFunction), WKUserScriptInjectionTime.AtDocumentEnd, false);
+                var paystackScript = new WKUserScript(new NSString($"payWithPaystack({webviewElement.Data})"), WKUserScriptInjectionTime.AtDocumentEnd, false);
+                userController.AddUserScript(paymentscript);
+                userController.AddUserScript(closeScript);
+                userController.AddUserScript(paystackScript);
+                userController.AddScriptMessageHandler(this, "invokePayAction");
+                userController.AddScriptMessageHandler(this, "invokeCloseAction");
 
                 var config = new WKWebViewConfiguration { UserContentController = userController };
                 var webView = new WKWebView(Frame, config);
@@ -38,7 +45,8 @@ protected override void OnElementChanged(ElementChangedEventArgs<HybridWebView>
             if (e.OldElement != null)
             {
                 userController.RemoveAllUserScripts();
-                userController.RemoveScriptMessageHandler("invokeAction");
+                userController.RemoveScriptMessageHandler("invokePayAction");
+                userController.RemoveScriptMessageHandler("invokeCloseAction");
                 var hybridWebView = e.OldElement as HybridWebView;
                 hybridWebView.CleanUp();
             }
@@ -51,7 +59,16 @@ protected override void OnElementChanged(ElementChangedEventArgs<HybridWebView>
 
         public void DidReceiveScriptMessage(WKUserContentController userContentController, WKScriptMessage message)
         {
-            Element.InvokeCallbackAction(message.Body.ToString());
+            if (message.Name == "invokePayAction")
+            {
+                Element.InvokeCallbackAction(message.Body.ToString());
+            }
+            if (message.Name == "invokeCloseAction")
+            {
+                Element.InvokeCloseAction();
+            }
+
         }
+
     }
 }

PaystackInline.Forms.Plugin/iOS/paystack.html

@@ -0,0 +1,26 @@
+<html>
+<body>
+    <form>
+        <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
+        <script src="https://js.paystack.co/v1/inline.js"></script>
+        
+        <p>Please Wait...</p>
+
+    </form>
+
+    <script>
+        function payWithPaystack(jobj) {
+            jobj.callback = function (resp) {
+                invokePaymentAction(resp.reference);
+            }
+            jobj.onClose = function () {
+                invokeClosePaymentAction('');
+            }
+
+            var handler = PaystackPop.setup(jobj);
+            handler.openIframe();
+        }
+            
+    </script>
+</body>
+</html>