added warning to stripe

newfold-labs · Jan 25, 2024 · ef90604 · ef90604
1 parent b3f9995
commit ef90604
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/build/index.asset.php b/build/index.asset.php
@@ -1 +1 @@
-<?php return array('dependencies' => array('lodash', 'moment', 'react', 'wp-api-fetch', 'wp-data', 'wp-date', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-url'), 'version' => '73408b9ecb269d6682c9');
+<?php return array('dependencies' => array('lodash', 'moment', 'react', 'wp-api-fetch', 'wp-data', 'wp-date', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-url'), 'version' => 'a3411d614c156fa069b2');
diff --git a/src/components/Stripe.js b/src/components/Stripe.js
@@ -1,4 +1,4 @@
-import { Badge, Button, Title } from "@newfold/ui-component-library";
+import { Alert, Badge, Button, Title, Link } from "@newfold/ui-component-library";
 import { useEffect, useRef } from "@wordpress/element";
 import { __ } from "@wordpress/i18n";
 import classNames from "classnames";
@@ -11,18 +11,19 @@ import { ReactComponent as MasterCardBrand } from "../icons/brands/mastercard.sv
 import { ReactComponent as StripeBrand } from "../icons/brands/stripe.svg";
 import { ReactComponent as VisaBrand } from "../icons/brands/visa.svg";
 import { ThirdPartyIntegration } from "./ThirdPartyIntegration";
+import { RuntimeSdk } from "../sdk/runtime";
 
 const Stripe = ({ notify }) => {
   const buttonRef = useRef();
   const isHttp = window.location.protocol === "http:";
 
-  useEffect(() =>{
+  useEffect(() => {
     return () => window?.yithStripePayments?.onboardingButton?.destroy();
   })
 
   const handleClick = () => {
-    if ( ! window?.yithStripePayments?.onboardingButton?.$button?.is( buttonRef.current ) ) {
-      window.yithStripePayments.onboardingButton = window.yithStripePayments.connectOnboarding( buttonRef.current, {reloadOnClose: false} );
+    if (!window?.yithStripePayments?.onboardingButton?.$button?.is(buttonRef.current)) {
+      window.yithStripePayments.onboardingButton = window.yithStripePayments.connectOnboarding(buttonRef.current, { reloadOnClose: false });
       window.yithStripePayments.onboardingButton.onClick();
     }
   }
@@ -41,12 +42,16 @@ const Stripe = ({ notify }) => {
         const isSetupComplete = integrationStatus?.complete;
         let environment = integrationStatus?.details?.environment;
 
-        if ( ! environment ) {
+        if (!environment) {
           environment = 'test' === window?.yithStripePayments?.env ? 'test' : 'live';
         }
         const isLive = environment === "live";
         return (
           <div className="nfd-border nfd-rounded-md nfd-p-6">
+           {isHttp && isLive && <Alert variant="warning" className="nfd-mb-6">
+              A secure connection is required when running Stripe Payments in Live mode; plugin is currently enabled, but no gateway will be available until you secure connection to your site through a valid SSL certificate.
+              If you already have a valid SSL certificate, please change the url in <Link href={RuntimeSdk.adminUrl('options-general.php')}>settings</Link> page
+            </Alert>}
             <div className="nfd-flex nfd-justify-between nfd-mb-8">
               <StripeBrand />
               {!isInstalling ? (
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<?php return array('dependencies' => array('lodash', 'moment', 'react', 'wp-api-fetch', 'wp-data', 'wp-date', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-url'), 'version' => '73408b9ecb269d6682c9');
		<?php return array('dependencies' => array('lodash', 'moment', 'react', 'wp-api-fetch', 'wp-data', 'wp-date', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-url'), 'version' => 'a3411d614c156fa069b2');