@akinon/pz-otp 1.83.0 → 1.85.0-rc.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @akinon/pz-otp
 
+## 1.85.0-rc.0
+
+### Minor Changes
+
+- a0a1bac4: ZERO-3228 :edit OTP login flow to use Redux for popup visibility and clean up unused props
+- 64699d3f: ZERO-2761: Fix invalid import for plugin module
+- 7727ae55: ZERO-3073: Refactor basket page to use server-side data fetching and simplify component structure
+- 33377cfd: ZERO-3267: Refactor import statement for ROUTES in error-page component
+
+## 1.84.0
+
+### Minor Changes
+
+- 624a4eb: ZERO-3276: Update installation instructions across multiple README files to standardize format and improve clarity
+
 ## 1.83.0
 
 ## 1.82.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/pz-otp",
-  "version": "1.83.0",
+  "version": "1.85.0-rc.0",
   "license": "MIT",
   "main": "./src/index.ts",
   "module": "./src/index.ts",

package/readme.md

@@ -1,11 +1,11 @@
 # @akinon/pz-otp
 
-### Install the npm package
+## Installation method
+
+You can use the following command to install the extension with the latest plugins:
 
 ```bash
-# For latest version
-yarn add @akinon/pz-otp
 
-# Preferred installation method
 npx @akinon/projectzero@latest --plugins
+
 ```

package/src/views/Otp.tsx

@@ -30,7 +30,6 @@ type ComponentClasses = ComponentClassKey | ComponentWrapperClassKey;
 type OtpProps = {
   codeLength?: number;
   timer?: number;
-  phone?: string;
   submitAction: SubmitHandler<{
     [key: string]: any;
   }>;
@@ -53,15 +52,15 @@ export const Otp = ({
   timer = 60,
   texts,
   classes,
-  error,
-  phone
+  error
 }: OtpProps) => {
+  const { phone } = data;
   const [otp, setOtp] = useState('');
   const [canResend, setCanResend] = useState(false);
   const [time, setTime] = useState(timer);
   const [hasError, setHasError] = useState(false);
   const dispatch = useAppDispatch();
-  const otpPopupVisible = useAppSelector((state) => state.otp?.isPopupVisible);
+  const { isPopupVisible } = useAppSelector((state) => state.otp);
 
   const resetTimer = () => {
     setTime(timer);
@@ -118,15 +117,17 @@ export const Otp = ({
   }, [time, onTimerEnd]);
 
   useEffect(() => {
-    document.body.style.overflow = 'hidden';
-    window.scrollTo({ top: 0, behavior: 'smooth' });
+    if (isPopupVisible) {
+      document.body.style.overflow = 'hidden';
+      window.scrollTo({ top: 0, behavior: 'smooth' });
 
-    return () => {
-      document.body.style.overflow = 'auto';
-    };
+      return () => {
+        document.body.style.overflow = 'auto';
+      };
+    }
   }, []);
 
-  if (!otpPopupVisible) return null;
+  if (!isPopupVisible) return null;
 
   return (
     <div className="fixed left-0 top-0 z-50 flex h-screen w-screen items-end md:items-center md:justify-center md:bg-black/10">