@akinon/pz-otp 1.82.0-rc.9 → 1.83.0

package/CHANGELOG.md

@@ -1,38 +1,8 @@
 # @akinon/pz-otp
 
-## 1.82.0-rc.9
+## 1.83.0
 
-## 1.82.0-rc.8
-
-## 1.82.0-rc.7
-
-## 1.82.0-rc.6
-
-## 1.82.0-rc.5
-
-## 1.82.0-rc.4
-
-## 1.82.0-rc.3
-
-### Minor Changes
-
-- a0a1bac4: ZERO-3228 :edit OTP login flow to use Redux for popup visibility and clean up unused props
-
-## 1.82.0-rc.2
-
-### Minor Changes
-
-- 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
-
-## 1.82.0-rc.1
-
-## 1.82.0-rc.0
-
-### Minor Changes
-
-- 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
+## 1.82.0
 
 ## 1.81.0
 

package/package.json

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

package/src/views/Otp.tsx

@@ -30,6 +30,7 @@ type ComponentClasses = ComponentClassKey | ComponentWrapperClassKey;
 type OtpProps = {
   codeLength?: number;
   timer?: number;
+  phone?: string;
   submitAction: SubmitHandler<{
     [key: string]: any;
   }>;
@@ -52,15 +53,15 @@ export const Otp = ({
   timer = 60,
   texts,
   classes,
-  error
+  error,
+  phone
 }: 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 { isPopupVisible } = useAppSelector((state) => state.otp);
+  const otpPopupVisible = useAppSelector((state) => state.otp?.isPopupVisible);
 
   const resetTimer = () => {
     setTime(timer);
@@ -117,17 +118,15 @@ export const Otp = ({
   }, [time, onTimerEnd]);
 
   useEffect(() => {
-    if (isPopupVisible) {
-      document.body.style.overflow = 'hidden';
-      window.scrollTo({ top: 0, behavior: 'smooth' });
+    document.body.style.overflow = 'hidden';
+    window.scrollTo({ top: 0, behavior: 'smooth' });
 
-      return () => {
-        document.body.style.overflow = 'auto';
-      };
-    }
+    return () => {
+      document.body.style.overflow = 'auto';
+    };
   }, []);
 
-  if (!isPopupVisible) return null;
+  if (!otpPopupVisible) 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">