najwer23morsels 1.4.1 → 1.5.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # najwer23morsels
 
+## 1.5.0
+
+### Minor Changes
+
+- FormForgotPassOtp
+
 ## 1.4.0
 
 ### Minor Changes

package/lib/FormForgotPassOtp/FormForgotPassOtp.d.ts

@@ -0,0 +1,18 @@
+import { type FormType } from '../Form';
+interface FormForgotPassOtpProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSubmit'> {
+    style?: React.CSSProperties;
+    onSubmit: (formData: FormType) => void;
+    isError: boolean;
+    isPending: boolean;
+    isSuccess: boolean;
+    errorMsg: string | null | undefined;
+    successMsg: string | null | undefined;
+    onNavigate?: (path: string) => void;
+    footerHeight?: string;
+    linkMainPage?: {
+        link: string;
+        text: string;
+    };
+}
+export declare const FormForgotPassOtp: React.FC<FormForgotPassOtpProps>;
+export {};

package/lib/FormForgotPassOtp/index.d.ts

@@ -0,0 +1,2 @@
+import { FormForgotPassOtp } from './FormForgotPassOtp';
+export { FormForgotPassOtp };

package/lib/FormForgotPassOtp.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as o}from"react/jsx-runtime";import{useRef as e}from"react";import{B as t}from"./Button-B93Rn5W6.js";import{F as s}from"./Form-CgTuTB2Q.js";import{G as a}from"./Grid-DZqidZrf.js";import{I as n}from"./Input-EbrliieY.js";import{T as i}from"./TextBox-__k4jPYK.js";import{s as p}from"./style-inject.es-CrVRO2OA.js";import"./Loader-BPh2L4dp.js";import"./LoaderDots-BoEg_zlZ.js";import"./index-uD0K440h.js";var l={n23mFormForgotPassOtp:"FormForgotPassOtp-module_n23mFormForgotPassOtp__898ki",forogotPasswordOtpWrapper:"FormForgotPassOtp-module_forogotPasswordOtpWrapper__3s-uz"};p("@layer n23mFormForgotPassOtp{.FormForgotPassOtp-module_n23mFormForgotPassOtp__898ki{.FormForgotPassOtp-module_forogotPasswordOtpWrapper__3s-uz{corner-shape:squircle;background-color:#fff;border:1px solid grey;border-radius:12px}}}");const m=({className:p,style:m,onSubmit:c,isPending:d,isError:u,isSuccess:g,errorMsg:f,successMsg:h,onNavigate:F,footerHeight:w="100px",linkMainPage:b,...x})=>{const y=e(null),v=e(null),P=e(!1);return r("div",{className:[l.n23mFormForgotPassOtp,"n23mFormForgotPassOtp",p].filter(Boolean).join(" "),...x,style:{...m},children:r(a,{layout:"flex",flexWrap:"wrap",justifyContent:"center",alignItems:"center",widthMax:"1400px",minHeight:`calc(100dvb - ${w})`,children:o(a,{layout:"container",minHeight:0,widthMin:"min(450px, calc(100% - 40px))",padding:"20px",margin:"20px",className:l.forogotPasswordOtpWrapper,children:[b&&r(i,{desktopSize:20,mobileSize:20,fontWeight:500,tag:"a",href:b.link,color:"grey",colorHover:"var(--n23mTextBoxColorHover, black)",onClick:r=>{var o;r.preventDefault(),o=b.link,F?F(o):window.location.href=o},children:b.text}),r(i,{tag:"h3",desktopSize:14,mobileSize:14,fontWeight:500,margin:"12px 0 18px",children:"Change password"}),o(s,{onSubmit:c,isError:u,isPending:d,isSuccess:g,errorMsg:f,successMsg:h,children:[r(n,{inputRef:y,label:"New password",type:"password",name:"pass",validatorOptions:[{type:"empty"},{type:"equal",options:{ref:v}}],placeholder:"New password",onBlur:()=>{P.current||y.current?.value&&v.current?.value&&(P.current=!0,v.current?.dispatchEvent(new FocusEvent("focusout",{bubbles:!0})),P.current=!1)}}),r(n,{inputRef:v,label:"Confirm new password",type:"password",name:"confirmPass",validatorOptions:[{type:"empty"},{type:"equal",options:{ref:y}}],placeholder:"Confirm new password",onBlur:()=>{P.current||y.current?.value&&v.current?.value&&(P.current=!0,y.current?.dispatchEvent(new FocusEvent("focusout",{bubbles:!0})),P.current=!1)}}),r(t,{type:"submit",disabled:d,height:"40px",width:"80px",padding:0,backgroundColor:"orangered",backgroundColorDisabled:"grey",children:r(i,{tag:"span",desktopSize:16,mobileSize:16,fontWeight:400,color:"white",children:"SEND"})})]})]})})})};m.displayName="FormForgotPassOtp";export{m as FormForgotPassOtp};

package/lib/validator/validator.d.ts

@@ -22,7 +22,7 @@ type ValidatorOption = {
 } | {
     type: 'equal';
     options: {
-        ref: React.RefObject<HTMLInputElement>;
+        ref: React.RefObject<HTMLInputElement | null>;
     };
 } | {
     type: 'existsInOptions';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "najwer23morsels",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "main": "./lib/index.js",
   "module": "./lib/index.mjs",
   "types": "./lib/index.d.ts",