@akinon/pz-otp 1.59.0-rc.4 → 1.59.0

package/CHANGELOG.md

@@ -1,20 +1,6 @@
 # @akinon/pz-otp
 
-## 1.59.0-rc.4
-
-## 1.59.0-rc.3
-
-## 1.59.0-rc.2
-
-## 1.59.0-rc.1
-
-## 1.59.0-rc.0
-
-### Minor Changes
-
-- 64699d3f: ZERO-2761: Fix invalid import for plugin module
-- 7b05522: ZERO-2905: Fix resend and close button in otp package
-- 29ead87: ZERO-2905: Fix resend and close button in otp package
+## 1.59.0
 
 ## 1.58.0
 

package/package.json

@@ -1,9 +1,8 @@
 {
   "name": "@akinon/pz-otp",
-  "version": "1.59.0-rc.4",
+  "version": "1.59.0",
   "license": "MIT",
-  "main": "./src/index.ts",
-  "module": "./src/index.ts",
+  "main": "src/index.tsx",
   "peerDependencies": {
     "react": "^18.0.0",
     "react-dom": "^18.0.0"

package/src/index.tsx

@@ -0,0 +1,4 @@
+import otpReducer from './redux/reducer';
+
+export * from './views/Otp';
+export { otpReducer };

package/src/views/{otp.tsx → Otp.tsx}

@@ -3,8 +3,8 @@ import { Button } from '@akinon/next/components/button';
 import OtpInput from 'react-otp-input';
 import { SubmitHandler } from 'react-hook-form';
 import { twMerge } from 'tailwind-merge';
-import { useAppDispatch, useAppSelector } from '@akinon/next/redux/hooks';
-import { hidePopup } from '@akinon/pz-otp/src/redux/reducer';
+import { useAppDispatch } from '@akinon/next/redux/hooks';
+import { hidePopup } from '../redux/reducer';
 
 enum Component {
   Title = 'title',
@@ -30,7 +30,6 @@ type ComponentClasses = ComponentClassKey | ComponentWrapperClassKey;
 type OtpProps = {
   codeLength?: number;
   timer?: number;
-  phone?: string;
   submitAction: SubmitHandler<{
     [key: string]: any;
   }>;
@@ -53,15 +52,13 @@ export const Otp = ({
   timer = 60,
   texts,
   classes,
-  error,
-  phone
+  error
 }: OtpProps) => {
   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 resetTimer = () => {
     setTime(timer);
@@ -73,16 +70,11 @@ export const Otp = ({
 
     if (submitAction) {
       data.code = otp;
-      data.phone = phone;
       const res = await submitAction(data);
 
       if (res?.status !== 200 || error) {
         setHasError(true);
       }
-
-      if (res?.status === 200) {
-        dispatch(hidePopup());
-      }
     }
   };
 
@@ -95,7 +87,6 @@ export const Otp = ({
 
     if (submitAction) {
       resetTimer();
-      data.phone = phone;
       data.resend = true;
       await submitAction(data);
     }
@@ -126,8 +117,6 @@ export const Otp = ({
     };
   }, []);
 
-  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">
       <div className="h-[calc(100vh-48px)] w-screen flex md:h-auto md:max-w-lg flex-col items-center rounded-sm bg-white p-8 shadow-xl">

package/src/index.ts

@@ -1,4 +0,0 @@
-import otpReducer from './redux/reducer';
-import { Otp } from './views/otp';
-
-export { otpReducer, Otp };