title: Uncaught SecurityError: Blocked a frame with origin "https://api.razorpay.com" from accessing a frame with origin "file://"
body: <p><strong>I am integrating Razorpay inside my ionic application</strong> , I have checked the documentation and implemented the same inside my application. <strong>I am able to test the Wallet functionality and it's working fine and providing me payment_id as per expected</strong> but <strong>when I am doing payment</strong> via <strong>credit-card and  NetBanking</strong>, it giving me above mentioned error.</p>
  
  <p>I added all the required meta tags inside my index.html , here is the meta tags which I declared in index.html :-</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;meta http-equiv="Content-Security-Policy"
   content="default-src 'self'  'unsafe-eval' https://*.razorpay.com https://www.handikart.co.in/ https://maps.googleapis.com https://code.jquery.com ;  data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline' 'unsafe-eval'; media-src *"&gt;
  &lt;meta name="format-detection" content="telephone=no"&gt;
  &lt;meta name="msapplication-tap-highlight" content="no"&gt;
  &lt;meta name="viewport"
   content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>And when I tried to uninstall the plugin and re-install it, just to give a another try, Then my Main.js file start giving me error.</p>
  
  <p>It's saying the following imports can not be resolved :-</p>
  
  <pre><code>import com.razorpay.CheckoutActivity;
  import com.razorpay.Checkout;
  import com.razorpay.PaymentResultWithDataListener;
  import com.razorpay.PaymentData;
  </code></pre>
  
  <p>PaymentResultWithDataListener can not be resolved so do I need to add any Library or jar in my project ?</p>
  
  <p>After reinstall the plugin version has been updated to <strong>0.14.0</strong> :-</p>
  
  <p><strong>com.razorpay.cordova 0.14.0 "RazorpayCheckout"</strong></p>
  
  <p>Seems now I do require Razorpay jar file in order to resolve this error.</p>
  
  <p><strong>I even tried with fresh project but still getting import issues on adding plugin</strong>.</p>
  
  <p><strong>Steps followed in creating new project</strong> :-</p>
  
  <pre><code>Ionic start RazorPaySample
  cd RazorPaySample
  ionic platform add android
  then at last i added the plugin :-
  cordova plugin add com.razorpay.cordova --save
  
  My ionic version is :- 1.7.14 
  My Cordova version is :- 6.5.0
  
   Java version :-
   java version "1.7.0_80" Java(TM) SE Runtime Environment (build
   1.7.0_80-b15) Java HotSpot(TM) 64-Bit Server VM (build 24.80-b11, mixed mode)
  </code></pre>
  
  <p><strong>I found this link</strong> :- </p>
  
  <p><a href="https://docs.razorpay.com/page/android-sdk-v013x" rel="nofollow noreferrer">https://docs.razorpay.com/page/android-sdk-v013x</a></p>
  
  <p><strong>it's razorpay-android.jar of version 0.13.0 By placing this inside my lib folder i am able to solve the two import file issues that are of</strong> :- </p>
  
  <p><code>
  import com.razorpay.CheckoutActivity;
  import com.razorpay.Checkout;
  </code></p>
  
  <p><strong>But still getting Import issue for</strong> :- </p>
  
  <p><code>
  import com.razorpay.PaymentResultWithDataListener;
  import com.razorpay.PaymentData;
  </code></p>
  
  <p>So is there any one who ever faced this issue, Any help would be great Appreciated Thanks.</p>