@nodeblocks/frontend-reset-password-block 0.2.0 → 0.2.2

package/dist/context.d.ts

@@ -10,6 +10,7 @@ export type ResetPasswordContextValue<T extends ResetPasswordFormData = any> = {
     showPassword: boolean;
     onShowPasswordClick: (show: boolean) => void;
 };
+export declare const keys: readonly ["resetPasswordTitle", "description", "gotoSigninMessage", "view", "onSendRequest", "onResetPassword", "showPassword", "onShowPasswordClick"];
 export declare const ResetPasswordProvider: <T extends ResetPasswordFormData>({ children, ...value }: ResetPasswordContextValue<T> & {
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,MAAM,yBAAyB,CAInC,CAAC,SAAS,qBAAqB,GAAG,GAAG,IACnC;IACF,kBAAkB,EAAE,SAAS,CAAC;IAC9B,WAAW,EAAE,SAAS,CAAC;IACvB,iBAAiB,EAAE,SAAS,CAAC;IAC7B,IAAI,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACrC,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C,CAAC;AAIF,eAAO,MAAM,qBAAqB,GAAI,CAAC,SAAS,qBAAqB,EAAE,wBAGpE,yBAAyB,CAAC,CAAC,CAAC,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAEA,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,qBAAqB,mCAOtE,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../src/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAc,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAEzD,MAAM,MAAM,yBAAyB,CAInC,CAAC,SAAS,qBAAqB,GAAG,GAAG,IACnC;IACF,kBAAkB,EAAE,SAAS,CAAC;IAC9B,WAAW,EAAE,SAAS,CAAC;IACvB,iBAAiB,EAAE,SAAS,CAAC;IAC7B,IAAI,EAAE,SAAS,GAAG,kBAAkB,CAAC;IACrC,aAAa,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC,eAAe,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,OAAO,CAAC;IACtB,mBAAmB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,IAAI,wJASyB,CAAC;AAW3C,eAAO,MAAM,qBAAqB,GAAI,CAAC,SAAS,qBAAqB,EAAE,wBAGpE,yBAAyB,CAAC,CAAC,CAAC,GAAG;IAChC,QAAQ,EAAE,SAAS,CAAC;CACrB,4CAEA,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,CAAC,SAAS,qBAAqB,mCAOtE,CAAC"}

package/dist/index.cjs.js

@@ -1,226 +1 @@
-
-
-          if (typeof global === 'undefined') {
-            var global = window;
-          }
-        
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var iconsMaterial = require('@mui/icons-material');
-var material = require('@mui/material');
-var react = require('react');
-
-const ResetPasswordContext = react.createContext(undefined);
-const ResetPasswordProvider = ({ children, ...value }) => {
-    return jsxRuntime.jsx(ResetPasswordContext.Provider, { value: value, children: children });
-};
-const useResetPasswordContext = () => {
-    const context = react.useContext(ResetPasswordContext);
-    if (!context) {
-        throw new Error('useResetPasswordContext must be used within a ResetPasswordProvider');
-    }
-    return context;
-};
-
-/**
- * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.
- *
- * @param components - A map of default block keys to component functions.
- *
- * @example
- * const defaultBlocks = createDefaultBlocks({
- *   title: Title,
- *   description: Description,
- *   form: Form,
- * });
- */
-function createDefaultBlocks(components) {
-    return Object.fromEntries(Object.entries(components).map(([key, Component]) => [key, react.createElement(Component, { key })]));
-}
-/**
- * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.
- * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.
- *
- * @param props
- * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).
- * @param props.defaultBlocks - The default blocks of outer component.
- * @param props.children - A function returning the JSX to render.
- *
- * @example
- * <BlocksOverrideComponent
- *   defaultBlocks={defaultFormBlocks}
- *   blocksOverride={children}
- * >
- *   {({ blocks, blockOrder }) =>
- *     blockOrder.map((key) => (
- *       <Fragment key={String(key)}>{blocks[key]}</Fragment>
- *     ))
- *   }
- * </BlocksOverrideComponent>
- */
-function BlocksOverrideComponent({ blocksOverride, defaultBlocks, defaultBlockOrder, children, }) {
-    if (blocksOverride === undefined) {
-        return children({
-            // TODO: Remove this assertion
-            blocks: defaultBlocks,
-            blockOrder: defaultBlockOrder,
-        });
-    }
-    if (typeof blocksOverride === 'function') {
-        const { blocks, blockOrder } = blocksOverride({
-            defaultBlocks,
-            defaultBlockOrder,
-        });
-        return children({ blocks, blockOrder });
-    }
-    return blocksOverride;
-}
-function deepMerge(obj1, obj2) {
-    const result = { ...obj1 };
-    for (const key in obj2) {
-        if (obj2.hasOwnProperty(key)) {
-            const val1 = result[key];
-            const val2 = obj2[key];
-            if (Array.isArray(val1) || Array.isArray(val2)) {
-                // If either is an array, replace entirely with obj2's value
-                result[key] = val2;
-            }
-            else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {
-                result[key] = deepMerge(val1, val2);
-            }
-            else {
-                result[key] = val2;
-            }
-        }
-    }
-    return result;
-}
-/**
- * Utility function to join class names together, ignoring undefined or nil values.
- * @param classes - The class names to join.
- * @returns The joined class names.
- */
-function classNames(...classes) {
-    return classes.flat().filter(Boolean).join(' ');
-}
-
-const ResetPassword = ({ resetPasswordTitle, description, gotoSigninMessage, view = 'request', onSendRequest, onResetPassword, className, children, sx, ...props }) => {
-    const [showPassword, setShowPassword] = react.useState(false);
-    return (jsxRuntime.jsx(ResetPasswordProvider, { resetPasswordTitle,
-        description,
-        gotoSigninMessage,
-        view,
-        onSendRequest,
-        onResetPassword,
-        showPassword: props.showPassword ?? showPassword,
-        onShowPasswordClick: props.onShowPasswordClick ?? setShowPassword, children: jsxRuntime.jsx(material.Stack, { className: classNames('nbb-reset-password', className), spacing: 4, sx: [
-                {
-                    background: (theme) => theme.palette.background.paper,
-                    borderRadius: 3,
-                    py: 6,
-                    px: 5,
-                    minWidth: { lg: 496 },
-                    width: 'fit-content',
-                    margin: 'auto',
-                },
-                ...(Array.isArray(sx) ? sx : [sx]),
-            ], ...props, children: jsxRuntime.jsx(BlocksOverrideComponent, { defaultBlocks: defaultBlocks, defaultBlockOrder: Object.keys(defaultBlocks), blocksOverride: children, children: ({ blocks: { ...blocks }, blockOrder }) => blockOrder
-                    .filter((key) => key in blocks)
-                    .map((key) => jsxRuntime.jsx(react.Fragment, { children: blocks[key] }, String(key))) }) }) }));
-};
-ResetPassword.Title = ({ sx, children, className, ...props }) => {
-    const { resetPasswordTitle = 'Reset Password' } = deepMerge(useResetPasswordContext(), props);
-    return (jsxRuntime.jsx(material.Typography, { variant: "h4", component: "h1", sx: [
-            {
-                textAlign: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], className: classNames('nbb-reset-password-title', className), ...props, children: children || resetPasswordTitle }));
-};
-ResetPassword.Description = ({ sx, children, className, ...props }) => {
-    const { description = 'Please enter your email address you registered' } = deepMerge(useResetPasswordContext(), props);
-    return (jsxRuntime.jsx(material.Typography, { variant: "body2", sx: [
-            {
-                textAlign: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], className: classNames('nbb-reset-password-description', className), ...props, children: children || description }));
-};
-const Form = ({ children, className, ...props }) => {
-    const { onSendRequest, onResetPassword, view } = deepMerge(useResetPasswordContext(), props);
-    const onSubmitHandler = (e) => {
-        if (e) {
-            e.preventDefault && e.preventDefault();
-            e.stopPropagation && e.stopPropagation();
-        }
-        if (!(e.target instanceof HTMLFormElement)) {
-            return;
-        }
-        const formData = new FormData(e.target);
-        const data = Object.fromEntries(formData);
-        if (view === 'request') {
-            if (!onSendRequest) {
-                return;
-            }
-            onSendRequest(data);
-        }
-        if (view === 'confirm_password') {
-            if (!onResetPassword) {
-                return;
-            }
-            onResetPassword(data);
-        }
-    };
-    return (jsxRuntime.jsx(material.Stack, { component: "form", onSubmit: onSubmitHandler, className: classNames('nbb-reset-password-form', className), spacing: 4, ...props, children: children || (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Form.EmailField, {}), jsxRuntime.jsx(Form.PasswordField, {}), jsxRuntime.jsx(Form.ConfirmPasswordField, {}), jsxRuntime.jsx(Form.ResetPasswordButton, {})] })) }));
-};
-ResetPassword.Form = Form;
-const EmailField = ({ className, ...props }) => {
-    const { view } = useResetPasswordContext();
-    return view === 'request' ? (jsxRuntime.jsx(material.TextField, { fullWidth: true, name: "email", label: "Email", placeholder: "Please enter your email", className: classNames('nbb-reset-password-email-field', className), ...props })) : null;
-};
-Form.EmailField = EmailField;
-const PasswordField = ({ className, ...props }) => {
-    const { view, showPassword, onShowPasswordClick } = deepMerge(useResetPasswordContext(), props);
-    return view === 'confirm_password' ? (jsxRuntime.jsx(material.TextField, { fullWidth: true, name: "password", label: "Password", type: showPassword ? 'text' : 'password', placeholder: "Please enter your new password", className: classNames('nbb-reset-password-password-field', className), slotProps: showPassword !== undefined && onShowPasswordClick !== undefined
-            ? {
-                input: {
-                    endAdornment: (jsxRuntime.jsx(material.InputAdornment, { position: "end", children: jsxRuntime.jsx(material.IconButton, { "aria-label": "toggle password visibility", onClick: () => onShowPasswordClick(!showPassword), edge: "end", children: showPassword ? jsxRuntime.jsx(iconsMaterial.VisibilityOff, {}) : jsxRuntime.jsx(iconsMaterial.Visibility, {}) }) })),
-                },
-            }
-            : {}, ...props })) : null;
-};
-Form.PasswordField = PasswordField;
-const ConfirmPasswordField = ({ className, ...props }) => {
-    const { view, showPassword, onShowPasswordClick } = deepMerge(useResetPasswordContext(), props);
-    return view === 'confirm_password' ? (jsxRuntime.jsx(material.TextField, { fullWidth: true, name: "confirmPassword", label: "Confirm Password", type: showPassword ? 'text' : 'password', placeholder: "Please confirm your password", className: classNames('nbb-reset-password-confirm-password-field', className), slotProps: showPassword !== undefined && onShowPasswordClick !== undefined
-            ? {
-                input: {
-                    endAdornment: (jsxRuntime.jsx(material.InputAdornment, { position: "end", children: jsxRuntime.jsx(material.IconButton, { "aria-label": "toggle password visibility", onClick: () => onShowPasswordClick(!showPassword), edge: "end", children: showPassword ? jsxRuntime.jsx(iconsMaterial.VisibilityOff, {}) : jsxRuntime.jsx(iconsMaterial.Visibility, {}) }) })),
-                },
-            }
-            : {}, ...props })) : null;
-};
-Form.ConfirmPasswordField = ConfirmPasswordField;
-const ResetPasswordButton = ({ children, className, ...props }) => {
-    return (jsxRuntime.jsx(material.Button, { variant: "contained", fullWidth: true, type: "submit", className: classNames('nbb-reset-password-reset-password-button', className), ...props, children: children || 'Reset Password' }));
-};
-Form.ResetPasswordButton = ResetPasswordButton;
-ResetPassword.Goto = ({ children, className, sx, ...props }) => {
-    const { gotoSigninMessage } = deepMerge(useResetPasswordContext(), props);
-    return (jsxRuntime.jsx(material.Typography, { variant: "body2", className: classNames('nbb-reset-password-goto', className), sx: [
-            {
-                textAlign: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], ...props, children: children || gotoSigninMessage || (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(material.Link, { href: "/auth/login", children: "Back to Sign In" }) })) }));
-};
-const defaultBlocks = createDefaultBlocks({
-    title: ResetPassword.Title,
-    description: ResetPassword.Description,
-    form: ResetPassword.Form,
-    goto: ResetPassword.Goto,
-});
-
-exports.ResetPassword = ResetPassword;
-//# sourceMappingURL=index.cjs.js.map
+"use strict";var e=require("react/jsx-runtime"),s=require("@mui/icons-material"),r=require("@mui/material"),t=require("react");const o=["resetPasswordTitle","description","gotoSigninMessage","view","onSendRequest","onResetPassword","showPassword","onShowPasswordClick"],n=t.createContext(void 0),i=({children:s,...r})=>e.jsx(n.Provider,{value:r,children:s}),a=()=>{const e=t.useContext(n);if(!e)throw new Error("useResetPasswordContext must be used within a ResetPasswordProvider");return e};function l({blocksOverride:e,defaultBlocks:s,defaultBlockOrder:r,children:t}){if(void 0===e)return t({blocks:s,blockOrder:r});if("function"==typeof e){const{blocks:o,blockOrder:n}=e({defaultBlocks:s,defaultBlockOrder:r});return t({blocks:o,blockOrder:n})}return e}function d(e,s){const r={...e};for(const e in s)Object.prototype.hasOwnProperty.call(s,e)&&(r[e]=s[e]);return r}function c(...e){return e.flat().filter(Boolean).join(" ")}function u(e,...s){const r={...e};for(const e of s)delete r[e];return r}const w=({view:s="request",resetPasswordTitle:n="Reset Password",description:a="Please enter your email address you registered",gotoSigninMessage:d=e.jsx(r.Link,{href:"/auth/login",children:"Back to Sign In"}),showPassword:w,onShowPasswordClick:p,className:f,children:b,sx:h,...x})=>{const[g,P]=t.useState(!1);return e.jsx(i,{view:s,resetPasswordTitle:n,description:a,gotoSigninMessage:d,showPassword:w??g,onShowPasswordClick:p??P,...x,children:e.jsx(r.Stack,{className:c("nbb-reset-password",f),spacing:4,sx:[{background:e=>e.palette.background.paper,borderRadius:3,py:6,px:5,minWidth:{lg:496},width:"fit-content",margin:"auto"},...Array.isArray(h)?h:[h]],...u(x,...o),children:e.jsx(l,{defaultBlocks:m,defaultBlockOrder:Object.keys(m),blocksOverride:b,children:({blocks:{...s},blockOrder:r})=>r.filter(e=>e in s).map(r=>e.jsx(t.Fragment,{children:s[r]},String(r)))})})})};w.Title=({sx:s,children:t,className:n,...i})=>{const l=a(),{resetPasswordTitle:w}=d(l,i);return e.jsx(r.Typography,{variant:"h4",component:"h1",sx:[{textAlign:"center"},...Array.isArray(s)?s:[s]],className:c("nbb-reset-password-title",n),...u(i,...o),children:t||w})},w.Description=({sx:s,children:t,className:n,...i})=>{const l=a(),{description:w}=d(l,i);return e.jsx(r.Typography,{variant:"body2",sx:[{textAlign:"center"},...Array.isArray(s)?s:[s]],className:c("nbb-reset-password-description",n),...u(i,...o),children:t||w})};const p=({children:s,className:t,...n})=>{const i=a(),{onSendRequest:l,onResetPassword:w,view:m}=d(i,n);return e.jsx(r.Stack,{component:"form",onSubmit:e=>{if(e&&(e.preventDefault&&e.preventDefault(),e.stopPropagation&&e.stopPropagation()),!(e.target instanceof HTMLFormElement))return;const s=new FormData(e.target),r=Object.fromEntries(s);if("request"===m){if(!l)return;l(r)}if("confirm_password"===m){if(!w)return;w(r)}},className:c("nbb-reset-password-form",t),spacing:4,...u(n,...o),children:s||e.jsxs(e.Fragment,{children:[e.jsx(p.EmailField,{}),e.jsx(p.PasswordField,{}),e.jsx(p.ConfirmPasswordField,{}),e.jsx(p.ResetPasswordButton,{})]})})};w.Form=p,p.EmailField=({className:s,...t})=>{const n=a(),{view:i}=d(n,t);return"request"===i?e.jsx(r.TextField,{fullWidth:!0,name:"email",label:"Email",placeholder:"Please enter your email",className:c("nbb-reset-password-email-field",s),...u(t,...o)}):null},p.PasswordField=({className:t,...n})=>{const i=a(),{view:l,showPassword:w,onShowPasswordClick:p}=d(i,n);return"confirm_password"===l?e.jsx(r.TextField,{fullWidth:!0,name:"password",label:"Password",type:w?"text":"password",placeholder:"Please enter your new password",className:c("nbb-reset-password-password-field",t),slotProps:void 0!==w&&void 0!==p?{input:{endAdornment:e.jsx(r.InputAdornment,{position:"end",children:e.jsx(r.IconButton,{"aria-label":"toggle password visibility",onClick:()=>p(!w),edge:"end",children:w?e.jsx(s.VisibilityOff,{}):e.jsx(s.Visibility,{})})})}}:{},...u(n,...o)}):null},p.ConfirmPasswordField=({className:t,...n})=>{const i=a(),{view:l,showPassword:w,onShowPasswordClick:p}=d(i,n);return"confirm_password"===l?e.jsx(r.TextField,{fullWidth:!0,name:"confirmPassword",label:"Confirm Password",type:w?"text":"password",placeholder:"Please confirm your password",className:c("nbb-reset-password-confirm-password-field",t),slotProps:void 0!==w&&void 0!==p?{input:{endAdornment:e.jsx(r.InputAdornment,{position:"end",children:e.jsx(r.IconButton,{"aria-label":"toggle password visibility",onClick:()=>p(!w),edge:"end",children:w?e.jsx(s.VisibilityOff,{}):e.jsx(s.Visibility,{})})})}}:{},...u(n,...o)}):null},p.ResetPasswordButton=({children:s,className:t,...o})=>e.jsx(r.Button,{variant:"contained",fullWidth:!0,type:"submit",className:c("nbb-reset-password-reset-password-button",t),...o,children:s||"Reset Password"});const m=(f={title:w.Title,description:w.Description,form:w.Form,goto:w.Goto=({children:s,className:t,sx:n,...i})=>{const l=a(),{gotoSigninMessage:w}=d(l,i);return e.jsx(r.Typography,{variant:"body2",className:c("nbb-reset-password-goto",t),sx:[{textAlign:"center"},...Array.isArray(n)?n:[n]],...u(i,...o),children:s||w})}},Object.fromEntries(Object.entries(f).map(([e,s])=>[e,t.createElement(s,{key:e})])));var f;exports.ResetPassword=w;

package/dist/index.esm.js

@@ -1,224 +1 @@
-
-
-          if (typeof global === 'undefined') {
-            var global = window;
-          }
-        
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { VisibilityOff, Visibility } from '@mui/icons-material';
-import { TextField, Stack, InputAdornment, IconButton, Button, Typography, Link } from '@mui/material';
-import { createContext, useContext, createElement, useState, Fragment as Fragment$1 } from 'react';
-
-const ResetPasswordContext = createContext(undefined);
-const ResetPasswordProvider = ({ children, ...value }) => {
-    return jsx(ResetPasswordContext.Provider, { value: value, children: children });
-};
-const useResetPasswordContext = () => {
-    const context = useContext(ResetPasswordContext);
-    if (!context) {
-        throw new Error('useResetPasswordContext must be used within a ResetPasswordProvider');
-    }
-    return context;
-};
-
-/**
- * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.
- *
- * @param components - A map of default block keys to component functions.
- *
- * @example
- * const defaultBlocks = createDefaultBlocks({
- *   title: Title,
- *   description: Description,
- *   form: Form,
- * });
- */
-function createDefaultBlocks(components) {
-    return Object.fromEntries(Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })]));
-}
-/**
- * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.
- * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.
- *
- * @param props
- * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).
- * @param props.defaultBlocks - The default blocks of outer component.
- * @param props.children - A function returning the JSX to render.
- *
- * @example
- * <BlocksOverrideComponent
- *   defaultBlocks={defaultFormBlocks}
- *   blocksOverride={children}
- * >
- *   {({ blocks, blockOrder }) =>
- *     blockOrder.map((key) => (
- *       <Fragment key={String(key)}>{blocks[key]}</Fragment>
- *     ))
- *   }
- * </BlocksOverrideComponent>
- */
-function BlocksOverrideComponent({ blocksOverride, defaultBlocks, defaultBlockOrder, children, }) {
-    if (blocksOverride === undefined) {
-        return children({
-            // TODO: Remove this assertion
-            blocks: defaultBlocks,
-            blockOrder: defaultBlockOrder,
-        });
-    }
-    if (typeof blocksOverride === 'function') {
-        const { blocks, blockOrder } = blocksOverride({
-            defaultBlocks,
-            defaultBlockOrder,
-        });
-        return children({ blocks, blockOrder });
-    }
-    return blocksOverride;
-}
-function deepMerge(obj1, obj2) {
-    const result = { ...obj1 };
-    for (const key in obj2) {
-        if (obj2.hasOwnProperty(key)) {
-            const val1 = result[key];
-            const val2 = obj2[key];
-            if (Array.isArray(val1) || Array.isArray(val2)) {
-                // If either is an array, replace entirely with obj2's value
-                result[key] = val2;
-            }
-            else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {
-                result[key] = deepMerge(val1, val2);
-            }
-            else {
-                result[key] = val2;
-            }
-        }
-    }
-    return result;
-}
-/**
- * Utility function to join class names together, ignoring undefined or nil values.
- * @param classes - The class names to join.
- * @returns The joined class names.
- */
-function classNames(...classes) {
-    return classes.flat().filter(Boolean).join(' ');
-}
-
-const ResetPassword = ({ resetPasswordTitle, description, gotoSigninMessage, view = 'request', onSendRequest, onResetPassword, className, children, sx, ...props }) => {
-    const [showPassword, setShowPassword] = useState(false);
-    return (jsx(ResetPasswordProvider, { resetPasswordTitle,
-        description,
-        gotoSigninMessage,
-        view,
-        onSendRequest,
-        onResetPassword,
-        showPassword: props.showPassword ?? showPassword,
-        onShowPasswordClick: props.onShowPasswordClick ?? setShowPassword, children: jsx(Stack, { className: classNames('nbb-reset-password', className), spacing: 4, sx: [
-                {
-                    background: (theme) => theme.palette.background.paper,
-                    borderRadius: 3,
-                    py: 6,
-                    px: 5,
-                    minWidth: { lg: 496 },
-                    width: 'fit-content',
-                    margin: 'auto',
-                },
-                ...(Array.isArray(sx) ? sx : [sx]),
-            ], ...props, children: jsx(BlocksOverrideComponent, { defaultBlocks: defaultBlocks, defaultBlockOrder: Object.keys(defaultBlocks), blocksOverride: children, children: ({ blocks: { ...blocks }, blockOrder }) => blockOrder
-                    .filter((key) => key in blocks)
-                    .map((key) => jsx(Fragment$1, { children: blocks[key] }, String(key))) }) }) }));
-};
-ResetPassword.Title = ({ sx, children, className, ...props }) => {
-    const { resetPasswordTitle = 'Reset Password' } = deepMerge(useResetPasswordContext(), props);
-    return (jsx(Typography, { variant: "h4", component: "h1", sx: [
-            {
-                textAlign: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], className: classNames('nbb-reset-password-title', className), ...props, children: children || resetPasswordTitle }));
-};
-ResetPassword.Description = ({ sx, children, className, ...props }) => {
-    const { description = 'Please enter your email address you registered' } = deepMerge(useResetPasswordContext(), props);
-    return (jsx(Typography, { variant: "body2", sx: [
-            {
-                textAlign: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], className: classNames('nbb-reset-password-description', className), ...props, children: children || description }));
-};
-const Form = ({ children, className, ...props }) => {
-    const { onSendRequest, onResetPassword, view } = deepMerge(useResetPasswordContext(), props);
-    const onSubmitHandler = (e) => {
-        if (e) {
-            e.preventDefault && e.preventDefault();
-            e.stopPropagation && e.stopPropagation();
-        }
-        if (!(e.target instanceof HTMLFormElement)) {
-            return;
-        }
-        const formData = new FormData(e.target);
-        const data = Object.fromEntries(formData);
-        if (view === 'request') {
-            if (!onSendRequest) {
-                return;
-            }
-            onSendRequest(data);
-        }
-        if (view === 'confirm_password') {
-            if (!onResetPassword) {
-                return;
-            }
-            onResetPassword(data);
-        }
-    };
-    return (jsx(Stack, { component: "form", onSubmit: onSubmitHandler, className: classNames('nbb-reset-password-form', className), spacing: 4, ...props, children: children || (jsxs(Fragment, { children: [jsx(Form.EmailField, {}), jsx(Form.PasswordField, {}), jsx(Form.ConfirmPasswordField, {}), jsx(Form.ResetPasswordButton, {})] })) }));
-};
-ResetPassword.Form = Form;
-const EmailField = ({ className, ...props }) => {
-    const { view } = useResetPasswordContext();
-    return view === 'request' ? (jsx(TextField, { fullWidth: true, name: "email", label: "Email", placeholder: "Please enter your email", className: classNames('nbb-reset-password-email-field', className), ...props })) : null;
-};
-Form.EmailField = EmailField;
-const PasswordField = ({ className, ...props }) => {
-    const { view, showPassword, onShowPasswordClick } = deepMerge(useResetPasswordContext(), props);
-    return view === 'confirm_password' ? (jsx(TextField, { fullWidth: true, name: "password", label: "Password", type: showPassword ? 'text' : 'password', placeholder: "Please enter your new password", className: classNames('nbb-reset-password-password-field', className), slotProps: showPassword !== undefined && onShowPasswordClick !== undefined
-            ? {
-                input: {
-                    endAdornment: (jsx(InputAdornment, { position: "end", children: jsx(IconButton, { "aria-label": "toggle password visibility", onClick: () => onShowPasswordClick(!showPassword), edge: "end", children: showPassword ? jsx(VisibilityOff, {}) : jsx(Visibility, {}) }) })),
-                },
-            }
-            : {}, ...props })) : null;
-};
-Form.PasswordField = PasswordField;
-const ConfirmPasswordField = ({ className, ...props }) => {
-    const { view, showPassword, onShowPasswordClick } = deepMerge(useResetPasswordContext(), props);
-    return view === 'confirm_password' ? (jsx(TextField, { fullWidth: true, name: "confirmPassword", label: "Confirm Password", type: showPassword ? 'text' : 'password', placeholder: "Please confirm your password", className: classNames('nbb-reset-password-confirm-password-field', className), slotProps: showPassword !== undefined && onShowPasswordClick !== undefined
-            ? {
-                input: {
-                    endAdornment: (jsx(InputAdornment, { position: "end", children: jsx(IconButton, { "aria-label": "toggle password visibility", onClick: () => onShowPasswordClick(!showPassword), edge: "end", children: showPassword ? jsx(VisibilityOff, {}) : jsx(Visibility, {}) }) })),
-                },
-            }
-            : {}, ...props })) : null;
-};
-Form.ConfirmPasswordField = ConfirmPasswordField;
-const ResetPasswordButton = ({ children, className, ...props }) => {
-    return (jsx(Button, { variant: "contained", fullWidth: true, type: "submit", className: classNames('nbb-reset-password-reset-password-button', className), ...props, children: children || 'Reset Password' }));
-};
-Form.ResetPasswordButton = ResetPasswordButton;
-ResetPassword.Goto = ({ children, className, sx, ...props }) => {
-    const { gotoSigninMessage } = deepMerge(useResetPasswordContext(), props);
-    return (jsx(Typography, { variant: "body2", className: classNames('nbb-reset-password-goto', className), sx: [
-            {
-                textAlign: 'center',
-            },
-            ...(Array.isArray(sx) ? sx : [sx]),
-        ], ...props, children: children || gotoSigninMessage || (jsx(Fragment, { children: jsx(Link, { href: "/auth/login", children: "Back to Sign In" }) })) }));
-};
-const defaultBlocks = createDefaultBlocks({
-    title: ResetPassword.Title,
-    description: ResetPassword.Description,
-    form: ResetPassword.Form,
-    goto: ResetPassword.Goto,
-});
-
-export { ResetPassword };
-//# sourceMappingURL=index.esm.js.map
+import{jsx as e,jsxs as r,Fragment as s}from"react/jsx-runtime";import{VisibilityOff as o,Visibility as t}from"@mui/icons-material";import{TextField as n,Stack as i,InputAdornment as a,IconButton as l,Button as d,Link as c,Typography as w}from"@mui/material";import{createContext as m,useContext as p,createElement as u,useState as f,Fragment as h}from"react";const b=["resetPasswordTitle","description","gotoSigninMessage","view","onSendRequest","onResetPassword","showPassword","onShowPasswordClick"],P=m(void 0),g=({children:r,...s})=>e(P.Provider,{value:s,children:r}),k=()=>{const e=p(P);if(!e)throw new Error("useResetPasswordContext must be used within a ResetPasswordProvider");return e};function v({blocksOverride:e,defaultBlocks:r,defaultBlockOrder:s,children:o}){if(void 0===e)return o({blocks:r,blockOrder:s});if("function"==typeof e){const{blocks:t,blockOrder:n}=e({defaultBlocks:r,defaultBlockOrder:s});return o({blocks:t,blockOrder:n})}return e}function y(e,r){const s={...e};for(const e in r)Object.prototype.hasOwnProperty.call(r,e)&&(s[e]=r[e]);return s}function N(...e){return e.flat().filter(Boolean).join(" ")}function x(e,...r){const s={...e};for(const e of r)delete s[e];return s}const O=({view:r="request",resetPasswordTitle:s="Reset Password",description:o="Please enter your email address you registered",gotoSigninMessage:t=e(c,{href:"/auth/login",children:"Back to Sign In"}),showPassword:n,onShowPasswordClick:a,className:l,children:d,sx:w,...m})=>{const[p,u]=f(!1);return e(g,{view:r,resetPasswordTitle:s,description:o,gotoSigninMessage:t,showPassword:n??p,onShowPasswordClick:a??u,...m,children:e(i,{className:N("nbb-reset-password",l),spacing:4,sx:[{background:e=>e.palette.background.paper,borderRadius:3,py:6,px:5,minWidth:{lg:496},width:"fit-content",margin:"auto"},...Array.isArray(w)?w:[w]],...x(m,...b),children:e(v,{defaultBlocks:A,defaultBlockOrder:Object.keys(A),blocksOverride:d,children:({blocks:{...r},blockOrder:s})=>s.filter(e=>e in r).map(s=>e(h,{children:r[s]},String(s)))})})})};O.Title=({sx:r,children:s,className:o,...t})=>{const n=k(),{resetPasswordTitle:i}=y(n,t);return e(w,{variant:"h4",component:"h1",sx:[{textAlign:"center"},...Array.isArray(r)?r:[r]],className:N("nbb-reset-password-title",o),...x(t,...b),children:s||i})},O.Description=({sx:r,children:s,className:o,...t})=>{const n=k(),{description:i}=y(n,t);return e(w,{variant:"body2",sx:[{textAlign:"center"},...Array.isArray(r)?r:[r]],className:N("nbb-reset-password-description",o),...x(t,...b),children:s||i})};const S=({children:o,className:t,...n})=>{const a=k(),{onSendRequest:l,onResetPassword:d,view:c}=y(a,n);return e(i,{component:"form",onSubmit:e=>{if(e&&(e.preventDefault&&e.preventDefault(),e.stopPropagation&&e.stopPropagation()),!(e.target instanceof HTMLFormElement))return;const r=new FormData(e.target),s=Object.fromEntries(r);if("request"===c){if(!l)return;l(s)}if("confirm_password"===c){if(!d)return;d(s)}},className:N("nbb-reset-password-form",t),spacing:4,...x(n,...b),children:o||r(s,{children:[e(S.EmailField,{}),e(S.PasswordField,{}),e(S.ConfirmPasswordField,{}),e(S.ResetPasswordButton,{})]})})};O.Form=S,S.EmailField=({className:r,...s})=>{const o=k(),{view:t}=y(o,s);return"request"===t?e(n,{fullWidth:!0,name:"email",label:"Email",placeholder:"Please enter your email",className:N("nbb-reset-password-email-field",r),...x(s,...b)}):null},S.PasswordField=({className:r,...s})=>{const i=k(),{view:d,showPassword:c,onShowPasswordClick:w}=y(i,s);return"confirm_password"===d?e(n,{fullWidth:!0,name:"password",label:"Password",type:c?"text":"password",placeholder:"Please enter your new password",className:N("nbb-reset-password-password-field",r),slotProps:void 0!==c&&void 0!==w?{input:{endAdornment:e(a,{position:"end",children:e(l,{"aria-label":"toggle password visibility",onClick:()=>w(!c),edge:"end",children:e(c?o:t,{})})})}}:{},...x(s,...b)}):null},S.ConfirmPasswordField=({className:r,...s})=>{const i=k(),{view:d,showPassword:c,onShowPasswordClick:w}=y(i,s);return"confirm_password"===d?e(n,{fullWidth:!0,name:"confirmPassword",label:"Confirm Password",type:c?"text":"password",placeholder:"Please confirm your password",className:N("nbb-reset-password-confirm-password-field",r),slotProps:void 0!==c&&void 0!==w?{input:{endAdornment:e(a,{position:"end",children:e(l,{"aria-label":"toggle password visibility",onClick:()=>w(!c),edge:"end",children:e(c?o:t,{})})})}}:{},...x(s,...b)}):null},S.ResetPasswordButton=({children:r,className:s,...o})=>e(d,{variant:"contained",fullWidth:!0,type:"submit",className:N("nbb-reset-password-reset-password-button",s),...o,children:r||"Reset Password"});const A=(C={title:O.Title,description:O.Description,form:O.Form,goto:O.Goto=({children:r,className:s,sx:o,...t})=>{const n=k(),{gotoSigninMessage:i}=y(n,t);return e(w,{variant:"body2",className:N("nbb-reset-password-goto",s),sx:[{textAlign:"center"},...Array.isArray(o)?o:[o]],...x(t,...b),children:r||i})}},Object.fromEntries(Object.entries(C).map(([e,r])=>[e,u(r,{key:e})])));var C;export{O as ResetPassword};

package/dist/lib.d.ts

@@ -72,10 +72,12 @@ export declare function BlocksOverrideComponent<DefaultBlocks extends Record<str
         blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];
     }) => ReactNode;
 }): ReactNode;
-type MergeTypes<Object1, Object2> = {
-    [K in keyof Object1 | keyof Object2]: K extends keyof Object1 ? Object1[K] : K extends keyof Object2 ? Object2[K] : never;
+type MergeKeepingRequired<A, B> = Omit<A, keyof B> & {
+    [K in keyof A & keyof B]-?: undefined extends B[K] ? A[K] : B[K];
+} & {
+    [K in Exclude<keyof B, keyof A>]: B[K];
 };
-export declare function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B): MergeTypes<B, A>;
+export declare function merge<A extends Record<PropertyKey, any>, B extends Record<PropertyKey, any>>(a: A, b: B): MergeKeepingRequired<A, B>;
 type ClassName = string | ClassName[] | undefined | null;
 /**
  * Utility function to join class names together, ignoring undefined or nil values.
@@ -83,5 +85,19 @@ type ClassName = string | ClassName[] | undefined | null;
  * @returns The joined class names.
  */
 export declare function classNames(...classes: ClassName[]): string;
+/**
+ * Omits the given string keys from `source`.
+ *
+ * Usage:
+ *   omit(obj, "a", "b")
+ */
+export declare function omit<T extends object, const Keys extends readonly string[]>(source: T, ...keys: Keys): Omit<T, Extract<Keys[number], keyof T>>;
+/**
+ * Picks the given keys out of `source` into a new object.
+ *
+ * Usage:
+ *   pick(obj, "a", "b")
+ */
+export declare function pick<T extends object, K extends PropertyKey>(source: T, ...keys: K[]): Pick<T, Extract<K, keyof T>>;
 export {};
 //# sourceMappingURL=lib.d.ts.map

package/dist/lib.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAiB,iBAAiB,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElG;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,cAAc,CAAC,aAAa,EAAE,YAAY,IAClD,CAAC,CAAC,EACA,aAAa,EACb,iBAAiB,GAClB,EAAE;IACD,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC;CACrD,KAAK;IACJ,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,YAAY,CAAC;IAE9C,UAAU,EAAE,SAAS,CAAC,MAAM,aAAa,CAAC,EAAE,GAAG,SAAS,CAAC,MAAM,YAAY,CAAC,EAAE,CAAC;CAChF,CAAC,GACF,SAAS,CAAC;AAEd;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAClF,UAAU,EAAE,CAAC,GACZ;KACA,CAAC,IAAI,MAAM,CAAC,GAAG,YAAY,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;CACzD,CAMA;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,uBAAuB,CACrC,aAAa,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC/C,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,EAC9C,EACA,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,QAAQ,GACT,EAAE;IACD,cAAc,EAAE,cAAc,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC;IAC5D,aAAa,EAAE,aAAa,CAAC;IAC7B,iBAAiB,EAAE,CAAC,MAAM,aAAa,CAAC,EAAE,CAAC;IAC3C,QAAQ,EAAE,CAAC,EACT,MAAM,EACN,UAAU,GACX,EAAE;QAED,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;QACvD,UAAU,EAAE,SAAS,CAAC,MAAM,aAAa,GAAG,MAAM,YAAY,CAAC,EAAE,CAAC;KACnE,KAAK,SAAS,CAAC;CACjB,aAmBA;AAED,KAAK,UAAU,CAAC,OAAO,EAAE,OAAO,IAAI;KACjC,CAAC,IAAI,MAAM,OAAO,GAAG,MAAM,OAAO,GAAG,CAAC,SAAS,MAAM,OAAO,GACzD,OAAO,CAAC,CAAC,CAAC,GACV,CAAC,SAAS,MAAM,OAAO,GACrB,OAAO,CAAC,CAAC,CAAC,GACV,KAAK;CACZ,CAAC;AAEF,wBAAgB,SAAS,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAmBrF,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,CAClC;AAED,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,EAAE,GAAG,SAAS,GAAG,IAAI,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,OAAO,EAAE,SAAS,EAAE,GAAG,MAAM,CAE1D"}
+{"version":3,"file":"lib.d.ts","sourceRoot":"","sources":["../src/lib.ts"],"names":[],"mappings":"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"}

package/dist/reset-password.d.ts

@@ -9,53 +9,39 @@ export type ResetPasswordFormData = {
     confirmPassword?: string;
 };
 declare const ResetPassword: {
-    <T extends ResetPasswordFormData, CustomBlocks extends Record<string, ReactNode> = {}>({ resetPasswordTitle, description, gotoSigninMessage, view, onSendRequest, onResetPassword, className, children, sx, ...props }: Omit<StackProps, "children" | "onSubmit"> & {
-        resetPasswordTitle?: ReactNode;
-        description?: ReactNode;
-        gotoSigninMessage?: ReactNode;
-        view: "request" | "confirm_password";
-        onSendRequest: (data: T) => void;
-        onResetPassword: (data: T) => void;
+    <T extends ResetPasswordFormData, CustomBlocks extends Record<string, ReactNode> = {}>({ view, resetPasswordTitle, description, gotoSigninMessage, showPassword: showPasswordProp, onShowPasswordClick: onShowPasswordClickProp, className, children, sx, ...props }: Omit<StackProps, "children" | "onSubmit"> & Required<Pick<ResetPasswordContextValue<T>, "view" | "onSendRequest" | "onResetPassword">> & Partial<Pick<ResetPasswordContextValue<T>, "resetPasswordTitle" | "description" | "gotoSigninMessage" | "showPassword" | "onShowPasswordClick">> & {
         children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;
-        showPassword?: boolean;
-        onShowPasswordClick?: (show: boolean) => void;
     }): import("react/jsx-runtime").JSX.Element;
-    Title({ sx, children, className, ...props }: Partial<TypographyProps>): import("react/jsx-runtime").JSX.Element;
-    Description({ sx, children, className, ...props }: Partial<TypographyProps>): import("react/jsx-runtime").JSX.Element;
+    Title({ sx, children, className, ...props }: Partial<TypographyProps & Pick<ResetPasswordContextValue, "resetPasswordTitle">>): import("react/jsx-runtime").JSX.Element;
+    Description({ sx, children, className, ...props }: Partial<TypographyProps & Pick<ResetPasswordContextValue, "description">>): import("react/jsx-runtime").JSX.Element;
     Form: {
-        <T extends ResetPasswordFormData>({ children, className, ...props }: Partial<StackProps<"form"> & {
-            view?: "request" | "confirm_password";
-            onSendRequest?: (data: T) => void;
-            onResetPassword?: (data: T) => void;
-        }>): import("react/jsx-runtime").JSX.Element;
-        EmailField: ({ className, ...props }: Partial<TextFieldProps>) => import("react/jsx-runtime").JSX.Element | null;
-        PasswordField: ({ className, ...props }: Partial<TextFieldProps & Pick<ResetPasswordContextValue, "showPassword" | "onShowPasswordClick">>) => import("react/jsx-runtime").JSX.Element | null;
-        ConfirmPasswordField: ({ className, ...props }: Partial<TextFieldProps & Pick<ResetPasswordContextValue, "showPassword" | "onShowPasswordClick">>) => import("react/jsx-runtime").JSX.Element | null;
+        <T extends ResetPasswordFormData>({ children, className, ...props }: Partial<StackProps<"form"> & Pick<ResetPasswordContextValue<T>, "view" | "onSendRequest" | "onResetPassword">>): import("react/jsx-runtime").JSX.Element;
+        EmailField: ({ className, ...props }: Partial<TextFieldProps & Pick<ResetPasswordContextValue, "view">>) => import("react/jsx-runtime").JSX.Element | null;
+        PasswordField: ({ className, ...props }: Partial<TextFieldProps & Pick<ResetPasswordContextValue, "view" | "showPassword" | "onShowPasswordClick">>) => import("react/jsx-runtime").JSX.Element | null;
+        ConfirmPasswordField: ({ className, ...props }: Partial<TextFieldProps & Pick<ResetPasswordContextValue, "view" | "showPassword" | "onShowPasswordClick">>) => import("react/jsx-runtime").JSX.Element | null;
         ResetPasswordButton: ({ children, className, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
     };
-    Goto({ children, className, sx, ...props }: Partial<TypographyProps>): import("react/jsx-runtime").JSX.Element;
+    Goto({ children, className, sx, ...props }: Partial<TypographyProps & Pick<ResetPasswordContextValue, "gotoSigninMessage">>): import("react/jsx-runtime").JSX.Element;
 };
 declare const defaultBlocks: {
-    title: import("react").ReactElement<Partial<TypographyProps>, ({ sx, children, className, ...props }: Partial<TypographyProps>) => import("react/jsx-runtime").JSX.Element>;
-    description: import("react").ReactElement<Partial<TypographyProps>, ({ sx, children, className, ...props }: Partial<TypographyProps>) => import("react/jsx-runtime").JSX.Element>;
+    title: import("react").ReactElement<Partial<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "p" | "style" | "color" | "left" | "right" | "children" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "sx" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & {
+        component?: React.ElementType;
+    } & Pick<ResetPasswordContextValue, "resetPasswordTitle">>, ({ sx, children, className, ...props }: Partial<TypographyProps & Pick<ResetPasswordContextValue, "resetPasswordTitle">>) => import("react/jsx-runtime").JSX.Element>;
+    description: import("react").ReactElement<Partial<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "p" | "style" | "color" | "left" | "right" | "children" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "sx" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & {
+        component?: React.ElementType;
+    } & Pick<ResetPasswordContextValue, "description">>, ({ sx, children, className, ...props }: Partial<TypographyProps & Pick<ResetPasswordContextValue, "description">>) => import("react/jsx-runtime").JSX.Element>;
     form: import("react").ReactElement<Partial<import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/material").StackOwnProps> & {
         component?: React.ElementType;
-    } & {
-        view?: "request" | "confirm_password";
-        onSendRequest?: ((data: ResetPasswordFormData) => void) | undefined;
-        onResetPassword?: ((data: ResetPasswordFormData) => void) | undefined;
-    }>, {
-        <T extends ResetPasswordFormData>({ children, className, ...props }: Partial<StackProps<"form"> & {
-            view?: "request" | "confirm_password";
-            onSendRequest?: (data: T) => void;
-            onResetPassword?: (data: T) => void;
-        }>): import("react/jsx-runtime").JSX.Element;
-        EmailField: ({ className, ...props }: Partial<TextFieldProps>) => import("react/jsx-runtime").JSX.Element | null;
-        PasswordField: ({ className, ...props }: Partial<TextFieldProps & Pick<ResetPasswordContextValue, "showPassword" | "onShowPasswordClick">>) => import("react/jsx-runtime").JSX.Element | null;
-        ConfirmPasswordField: ({ className, ...props }: Partial<TextFieldProps & Pick<ResetPasswordContextValue, "showPassword" | "onShowPasswordClick">>) => import("react/jsx-runtime").JSX.Element | null;
+    } & Pick<ResetPasswordContextValue<ResetPasswordFormData>, "view" | "onSendRequest" | "onResetPassword">>, {
+        <T extends ResetPasswordFormData>({ children, className, ...props }: Partial<StackProps<"form"> & Pick<ResetPasswordContextValue<T>, "view" | "onSendRequest" | "onResetPassword">>): import("react/jsx-runtime").JSX.Element;
+        EmailField: ({ className, ...props }: Partial<TextFieldProps & Pick<ResetPasswordContextValue, "view">>) => import("react/jsx-runtime").JSX.Element | null;
+        PasswordField: ({ className, ...props }: Partial<TextFieldProps & Pick<ResetPasswordContextValue, "view" | "showPassword" | "onShowPasswordClick">>) => import("react/jsx-runtime").JSX.Element | null;
+        ConfirmPasswordField: ({ className, ...props }: Partial<TextFieldProps & Pick<ResetPasswordContextValue, "view" | "showPassword" | "onShowPasswordClick">>) => import("react/jsx-runtime").JSX.Element | null;
         ResetPasswordButton: ({ children, className, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
     }>;
-    goto: import("react").ReactElement<Partial<TypographyProps>, ({ children, className, sx, ...props }: Partial<TypographyProps>) => import("react/jsx-runtime").JSX.Element>;
+    goto: import("react").ReactElement<Partial<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "p" | "style" | "color" | "left" | "right" | "children" | "className" | "classes" | "border" | "borderTop" | "borderRight" | "borderBottom" | "borderLeft" | "borderColor" | "borderRadius" | "display" | "displayPrint" | "overflow" | "textOverflow" | "visibility" | "whiteSpace" | "flexBasis" | "flexDirection" | "flexWrap" | "justifyContent" | "alignItems" | "alignContent" | "order" | "flex" | "flexGrow" | "flexShrink" | "alignSelf" | "justifyItems" | "justifySelf" | "gap" | "columnGap" | "rowGap" | "gridColumn" | "gridRow" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridArea" | "bgcolor" | "zIndex" | "position" | "top" | "bottom" | "boxShadow" | "width" | "maxWidth" | "minWidth" | "height" | "maxHeight" | "minHeight" | "boxSizing" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft" | "marginX" | "marginY" | "marginInline" | "marginInlineStart" | "marginInlineEnd" | "marginBlock" | "marginBlockStart" | "marginBlockEnd" | "padding" | "paddingTop" | "paddingRight" | "paddingBottom" | "paddingLeft" | "paddingX" | "paddingY" | "paddingInline" | "paddingInlineStart" | "paddingInlineEnd" | "paddingBlock" | "paddingBlockStart" | "paddingBlockEnd" | "typography" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "letterSpacing" | "lineHeight" | "textAlign" | "textTransform" | "sx" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping"> & {
+        component?: React.ElementType;
+    } & Pick<ResetPasswordContextValue, "gotoSigninMessage">>, ({ children, className, sx, ...props }: Partial<TypographyProps & Pick<ResetPasswordContextValue, "gotoSigninMessage">>) => import("react/jsx-runtime").JSX.Element>;
 };
 export default ResetPassword;
 //# sourceMappingURL=reset-password.d.ts.map

package/dist/reset-password.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reset-password.d.ts","sourceRoot":"","sources":["../src/reset-password.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"reset-password.d.ts","sourceRoot":"","sources":["../src/reset-password.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,WAAW,EAKX,UAAU,EAEV,cAAc,EAEd,eAAe,EAChB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAuB,SAAS,EAAY,MAAM,OAAO,CAAC;AACjE,OAAO,EACL,yBAAyB,EAI1B,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,cAAc,EAAyE,MAAM,OAAO,CAAC;AAE9G,MAAM,MAAM,qBAAqB,GAC7B;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GACD;IACE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEN,QAAA,MAAM,aAAa;KAAI,CAAC,SAAS,qBAAqB,EAAE,YAAY,SAAS,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,sLAWnG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,CAAC,GAC1C,QAAQ,CAAC,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,eAAe,GAAG,iBAAiB,CAAC,CAAC,GAC1F,OAAO,CACL,IAAI,CACF,yBAAyB,CAAC,CAAC,CAAC,EAC5B,oBAAoB,GAAG,aAAa,GAAG,mBAAmB,GAAG,cAAc,GAAG,qBAAqB,CACpG,CACF,GAAG;QACF,QAAQ,CAAC,EAAE,cAAc,CAAC,OAAO,aAAa,EAAE,YAAY,CAAC,CAAC;KAC/D;iDAqDA,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,yBAAyB,EAAE,oBAAoB,CAAC,CAAC;uDA2BhF,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,yBAAyB,EAAE,aAAa,CAAC,CAAC;;SAqB9D,CAAC,SAAS,qBAAqB,qCAI1C,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,eAAe,GAAG,iBAAiB,CAAC,CAAC;8CAuDpE,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;iDAqB3G,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,yBAAyB,EAAE,MAAM,GAAG,cAAc,GAAG,qBAAqB,CAAC,CAAC;wDAyC1G,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,yBAAyB,EAAE,MAAM,GAAG,cAAc,GAAG,qBAAqB,CAAC,CAAC;iEAsC7C,WAAW;;gDAqBxE,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,yBAAyB,EAAE,mBAAmB,CAAC,CAAC;CA3OjF,CAAC;AAgQF,QAAA,MAAM,aAAa;;;wGAzPhB,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,yBAAyB,EAAE,oBAAoB,CAAC,CAAC;;;iGA2BhF,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,yBAAyB,EAAE,aAAa,CAAC,CAAC;;;;SAqB9D,CAAC,SAAS,qBAAqB,qCAI1C,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,MAAM,GAAG,eAAe,GAAG,iBAAiB,CAAC,CAAC;8CAuDpE,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,yBAAyB,EAAE,MAAM,CAAC,CAAC;iDAqB3G,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,yBAAyB,EAAE,MAAM,GAAG,cAAc,GAAG,qBAAqB,CAAC,CAAC;wDAyC1G,OAAO,CAAC,cAAc,GAAG,IAAI,CAAC,yBAAyB,EAAE,MAAM,GAAG,cAAc,GAAG,qBAAqB,CAAC,CAAC;iEAsC7C,WAAW;;;;uGAqBxE,OAAO,CAAC,eAAe,GAAG,IAAI,CAAC,yBAAyB,EAAE,mBAAmB,CAAC,CAAC;CA0BhF,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/package.json

@@ -1,17 +1,24 @@
 {
   "name": "@nodeblocks/frontend-reset-password-block",
-  "version": "0.2.0",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "browser": "dist/index.iife.js",
-  "types": "dist/index.d.ts",
+  "version": "0.2.2",
+  "main": "./dist/index.cjs.js",
+  "module": "./dist/index.esm.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.cjs.js",
+      "default": "./dist/index.esm.js"
+    }
+  },
   "files": [
-    "dist/",
-    "dist/index.css"
+    "dist/"
   ],
   "scripts": {
-    "build": "rollup -c",
-    "watch": "rm -rf dist && cross-env NODE_ENV=development rollup -c --watch"
+    "build": "npm run typecheck && rollup -c",
+    "watch": "rm -rf dist && cross-env NODE_ENV=development rollup -c --watch",
+    "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
     "@emotion/react": "^11.14.0",
@@ -25,12 +32,12 @@
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.3.0",
+    "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.1",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
-    "rollup": "^4.28.0",
+    "rollup": "^4.55.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-polyfill-node": "^0.13.0",
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-serve": "^1.1.1",
     "tslib": "^2.8.1",

package/dist/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/context.tsx","../src/lib.ts","../src/reset-password.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\nimport { ResetPasswordFormData } from './reset-password';\n\nexport type ResetPasswordContextValue<\n  // NOTE: It's impossible to know the form data type right now,\n  // since it isn't known at the moment of creating the context.\n  // However, we need to provide a type now for inference to work later.\n  T extends ResetPasswordFormData = any\n> = {\n  resetPasswordTitle: ReactNode;\n  description: ReactNode;\n  gotoSigninMessage: ReactNode;\n  view: 'request' | 'confirm_password';\n  onSendRequest: (data: T) => void;\n  onResetPassword: (data: T) => void;\n  showPassword: boolean;\n  onShowPasswordClick: (show: boolean) => void;\n};\n\nconst ResetPasswordContext = createContext<ResetPasswordContextValue | undefined>(undefined);\n\nexport const ResetPasswordProvider = <T extends ResetPasswordFormData>({\n  children,\n  ...value\n}: ResetPasswordContextValue<T> & {\n  children: ReactNode;\n}) => {\n  return <ResetPasswordContext.Provider value={value}>{children}</ResetPasswordContext.Provider>;\n};\n\nexport const useResetPasswordContext = <T extends ResetPasswordFormData>() => {\n  const context = useContext<ResetPasswordContextValue<T> | undefined>(ResetPasswordContext);\n\n  if (!context) {\n    throw new Error('useResetPasswordContext must be used within a ResetPasswordProvider');\n  }\n  return context;\n};\n","import { ComponentProps, createElement, FunctionComponent, ReactElement, ReactNode } from 'react';\n\n/**\n * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.\n *\n * @example\n * <Block>\n *   {({ defaultBlocks: { header, ...defaultBlocks }, defaultBlockOrder }) => ({\n *     blocks: {\n *       ...defaultBlocks,\n *       header: {\n *         ...header,\n *         props: {\n *           ...header.props,\n *           label: \"Custom Label\"\n *         }\n *       },\n *       subheader: <CustomComponent />\n *     },\n *     blockOrder: [\"header\", \"subheader\", \"body\", \"footer\"]\n *   })}\n * </Block>\n */\nexport type BlocksOverride<DefaultBlocks, CustomBlocks> =\n  | (({\n      defaultBlocks,\n      defaultBlockOrder,\n    }: {\n      defaultBlocks: DefaultBlocks;\n      defaultBlockOrder: readonly (keyof DefaultBlocks)[];\n    }) => {\n      blocks: Partial<DefaultBlocks> & CustomBlocks;\n      // NOTE: This specific combination allows proper autocomplete.\n      blockOrder: readonly (keyof DefaultBlocks)[] | readonly (keyof CustomBlocks)[];\n    })\n  | ReactNode;\n\n/**\n * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.\n *\n * @param components - A map of default block keys to component functions.\n *\n * @example\n * const defaultBlocks = createDefaultBlocks({\n *   title: Title,\n *   description: Description,\n *   form: Form,\n * });\n */\nexport function createDefaultBlocks<T extends Record<string, FunctionComponent<any>>>(\n  components: T\n): {\n  [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n} {\n  return Object.fromEntries(\n    Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })])\n  ) as {\n    [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n  };\n}\n\n/**\n * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.\n * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.\n *\n * @param props\n * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).\n * @param props.defaultBlocks - The default blocks of outer component.\n * @param props.children - A function returning the JSX to render.\n *\n * @example\n * <BlocksOverrideComponent\n *   defaultBlocks={defaultFormBlocks}\n *   blocksOverride={children}\n * >\n *   {({ blocks, blockOrder }) =>\n *     blockOrder.map((key) => (\n *       <Fragment key={String(key)}>{blocks[key]}</Fragment>\n *     ))\n *   }\n * </BlocksOverrideComponent>\n */\nexport function BlocksOverrideComponent<\n  DefaultBlocks extends Record<string, ReactNode>,\n  CustomBlocks extends Record<string, ReactNode>,\n>({\n  blocksOverride,\n  defaultBlocks,\n  defaultBlockOrder,\n  children,\n}: {\n  blocksOverride: BlocksOverride<DefaultBlocks, CustomBlocks>;\n  defaultBlocks: DefaultBlocks;\n  defaultBlockOrder: (keyof DefaultBlocks)[];\n  children: ({\n    blocks,\n    blockOrder,\n  }: {\n    // TODO: Possibly find an alternative to Partial<CustomBlocks>\n    blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;\n    blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];\n  }) => ReactNode;\n}) {\n  if (blocksOverride === undefined) {\n    return children({\n      // TODO: Remove this assertion\n      blocks: defaultBlocks as DefaultBlocks & Partial<CustomBlocks>,\n      blockOrder: defaultBlockOrder,\n    });\n  }\n\n  if (typeof blocksOverride === 'function') {\n    const { blocks, blockOrder } = blocksOverride({\n      defaultBlocks,\n      defaultBlockOrder,\n    });\n\n    return children({ blocks, blockOrder });\n  }\n\n  return blocksOverride;\n}\n\ntype MergeTypes<Object1, Object2> = {\n  [K in keyof Object1 | keyof Object2]: K extends keyof Object1\n    ? Object1[K]\n    : K extends keyof Object2\n      ? Object2[K]\n      : never;\n};\n\nexport function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B) {\n  const result: Record<string, any> = { ...obj1 };\n\n  for (const key in obj2) {\n    if (obj2.hasOwnProperty(key)) {\n      const val1 = result[key];\n      const val2 = obj2[key];\n\n      if (Array.isArray(val1) || Array.isArray(val2)) {\n        // If either is an array, replace entirely with obj2's value\n        result[key] = val2;\n      } else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {\n        result[key] = deepMerge(val1, val2);\n      } else {\n        result[key] = val2;\n      }\n    }\n  }\n\n  return result as MergeTypes<B, A>;\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n  return classes.flat().filter(Boolean).join(' ');\n}\n","import { Visibility, VisibilityOff } from '@mui/icons-material';\nimport {\n  Button,\n  ButtonProps,\n  IconButton,\n  InputAdornment,\n  Link,\n  Stack,\n  StackProps,\n  TextField,\n  TextFieldProps,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\nimport { FormEvent, Fragment, ReactNode, useState } from 'react';\nimport { ResetPasswordContextValue, ResetPasswordProvider, useResetPasswordContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\n\nexport type ResetPasswordFormData =\n  | {\n      email?: string;\n    }\n  | {\n      password?: string;\n      confirmPassword?: string;\n    };\n\nconst ResetPassword = <T extends ResetPasswordFormData, CustomBlocks extends Record<string, ReactNode> = {}>({\n  resetPasswordTitle,\n  description,\n  gotoSigninMessage,\n  view = 'request',\n  onSendRequest,\n  onResetPassword,\n  className,\n  children,\n  sx,\n  ...props\n}: Omit<StackProps, 'children' | 'onSubmit'> & {\n  resetPasswordTitle?: ReactNode;\n  description?: ReactNode;\n  gotoSigninMessage?: ReactNode;\n  view: 'request' | 'confirm_password';\n  onSendRequest: (data: T) => void;\n  onResetPassword: (data: T) => void;\n  children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n  showPassword?: boolean;\n  onShowPasswordClick?: (show: boolean) => void;\n}) => {\n  const [showPassword, setShowPassword] = useState(false);\n\n  return (\n    <ResetPasswordProvider\n      {...{\n        resetPasswordTitle,\n        description,\n        gotoSigninMessage,\n        view,\n        onSendRequest,\n        onResetPassword,\n        showPassword: props.showPassword ?? showPassword,\n        onShowPasswordClick: props.onShowPasswordClick ?? setShowPassword,\n      }}\n    >\n      <Stack\n        className={classNames('nbb-reset-password', className)}\n        spacing={4}\n        sx={[\n          {\n            background: (theme) => theme.palette.background.paper,\n            borderRadius: 3,\n            py: 6,\n            px: 5,\n            minWidth: { lg: 496 },\n            width: 'fit-content',\n            margin: 'auto',\n          },\n          ...(Array.isArray(sx) ? sx : [sx]),\n        ]}\n        {...props}\n      >\n        <BlocksOverrideComponent\n          defaultBlocks={defaultBlocks}\n          defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n          blocksOverride={children}\n        >\n          {({ blocks: { ...blocks }, blockOrder }) =>\n            blockOrder\n              .filter((key) => key in blocks)\n              .map<ReactNode>((key) => <Fragment key={String(key)}>{blocks[key]}</Fragment>)\n          }\n        </BlocksOverrideComponent>\n      </Stack>\n    </ResetPasswordProvider>\n  );\n};\n\nResetPassword.Title = ({ sx, children, className, ...props }: Partial<TypographyProps>) => {\n  const { resetPasswordTitle = 'Reset Password' } = deepMerge(useResetPasswordContext(), props);\n\n  return (\n    <Typography\n      variant=\"h4\"\n      component=\"h1\"\n      sx={[\n        {\n          textAlign: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      className={classNames('nbb-reset-password-title', className)}\n      {...props}\n    >\n      {children || resetPasswordTitle}\n    </Typography>\n  );\n};\n\nResetPassword.Description = ({ sx, children, className, ...props }: Partial<TypographyProps>) => {\n  const { description = 'Please enter your email address you registered' } = deepMerge(\n    useResetPasswordContext(),\n    props\n  );\n\n  return (\n    <Typography\n      variant=\"body2\"\n      sx={[\n        {\n          textAlign: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      className={classNames('nbb-reset-password-description', className)}\n      {...props}\n    >\n      {children || description}\n    </Typography>\n  );\n};\n\nconst Form = <T extends ResetPasswordFormData>({\n  children,\n  className,\n  ...props\n}: Partial<\n  StackProps<'form'> & {\n    view?: 'request' | 'confirm_password';\n    onSendRequest?: (data: T) => void;\n    onResetPassword?: (data: T) => void;\n  }\n>) => {\n  const { onSendRequest, onResetPassword, view } = deepMerge(useResetPasswordContext(), props);\n\n  const onSubmitHandler = (e: FormEvent) => {\n    if (e) {\n      e.preventDefault && e.preventDefault();\n      e.stopPropagation && e.stopPropagation();\n    }\n\n    if (!(e.target instanceof HTMLFormElement)) {\n      return;\n    }\n\n    const formData = new FormData(e.target);\n    const data = Object.fromEntries(formData) as T;\n\n    if (view === 'request') {\n      if (!onSendRequest) {\n        return;\n      }\n      onSendRequest(data);\n    }\n\n    if (view === 'confirm_password') {\n      if (!onResetPassword) {\n        return;\n      }\n\n      onResetPassword(data);\n    }\n  };\n\n  return (\n    <Stack\n      component=\"form\"\n      onSubmit={onSubmitHandler}\n      className={classNames('nbb-reset-password-form', className)}\n      spacing={4}\n      {...props}\n    >\n      {children || (\n        <>\n          <Form.EmailField />\n          <Form.PasswordField />\n          <Form.ConfirmPasswordField />\n          <Form.ResetPasswordButton />\n        </>\n      )}\n    </Stack>\n  );\n};\n\nResetPassword.Form = Form;\n\nconst EmailField = ({ className, ...props }: Partial<TextFieldProps>) => {\n  const { view } = useResetPasswordContext();\n\n  return view === 'request' ? (\n    <TextField\n      fullWidth\n      name=\"email\"\n      label=\"Email\"\n      placeholder=\"Please enter your email\"\n      className={classNames('nbb-reset-password-email-field', className)}\n      {...props}\n    />\n  ) : null;\n};\n\nForm.EmailField = EmailField;\n\nconst PasswordField = ({\n  className,\n  ...props\n}: Partial<TextFieldProps & Pick<ResetPasswordContextValue, 'showPassword' | 'onShowPasswordClick'>>) => {\n  const { view, showPassword, onShowPasswordClick } = deepMerge(useResetPasswordContext(), props);\n\n  return view === 'confirm_password' ? (\n    <TextField\n      fullWidth\n      name=\"password\"\n      label=\"Password\"\n      type={showPassword ? 'text' : 'password'}\n      placeholder=\"Please enter your new password\"\n      className={classNames('nbb-reset-password-password-field', className)}\n      slotProps={\n        showPassword !== undefined && onShowPasswordClick !== undefined\n          ? {\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      aria-label=\"toggle password visibility\"\n                      onClick={() => onShowPasswordClick(!showPassword)}\n                      edge=\"end\"\n                    >\n                      {showPassword ? <VisibilityOff /> : <Visibility />}\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              },\n            }\n          : {}\n      }\n      {...props}\n    />\n  ) : null;\n};\n\nForm.PasswordField = PasswordField;\n\nconst ConfirmPasswordField = ({\n  className,\n  ...props\n}: Partial<TextFieldProps & Pick<ResetPasswordContextValue, 'showPassword' | 'onShowPasswordClick'>>) => {\n  const { view, showPassword, onShowPasswordClick } = deepMerge(useResetPasswordContext(), props);\n\n  return view === 'confirm_password' ? (\n    <TextField\n      fullWidth\n      name=\"confirmPassword\"\n      label=\"Confirm Password\"\n      type={showPassword ? 'text' : 'password'}\n      placeholder=\"Please confirm your password\"\n      className={classNames('nbb-reset-password-confirm-password-field', className)}\n      slotProps={\n        showPassword !== undefined && onShowPasswordClick !== undefined\n          ? {\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      aria-label=\"toggle password visibility\"\n                      onClick={() => onShowPasswordClick(!showPassword)}\n                      edge=\"end\"\n                    >\n                      {showPassword ? <VisibilityOff /> : <Visibility />}\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              },\n            }\n          : {}\n      }\n      {...props}\n    />\n  ) : null;\n};\n\nForm.ConfirmPasswordField = ConfirmPasswordField;\n\nconst ResetPasswordButton = ({ children, className, ...props }: ButtonProps) => {\n  return (\n    <Button\n      variant=\"contained\"\n      fullWidth\n      type=\"submit\"\n      className={classNames('nbb-reset-password-reset-password-button', className)}\n      {...props}\n    >\n      {children || 'Reset Password'}\n    </Button>\n  );\n};\n\nForm.ResetPasswordButton = ResetPasswordButton;\n\nResetPassword.Goto = ({ children, className, sx, ...props }: Partial<TypographyProps>) => {\n  const { gotoSigninMessage } = deepMerge(useResetPasswordContext(), props);\n\n  return (\n    <Typography\n      variant=\"body2\"\n      className={classNames('nbb-reset-password-goto', className)}\n      sx={[\n        {\n          textAlign: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...props}\n    >\n      {children || gotoSigninMessage || (\n        <>\n          <Link href=\"/auth/login\">Back to Sign In</Link>\n        </>\n      )}\n    </Typography>\n  );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n  title: ResetPassword.Title,\n  description: ResetPassword.Description,\n  form: ResetPassword.Form,\n  goto: ResetPassword.Goto,\n});\n\nexport default ResetPassword;\n"],"names":["createContext","_jsx","useContext","createElement","useState","Stack","Fragment","Typography","_jsxs","_Fragment","TextField","InputAdornment","IconButton","VisibilityOff","Visibility","Button","Link"],"mappings":"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"}

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../src/context.tsx","../src/lib.ts","../src/reset-password.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react';\nimport { ResetPasswordFormData } from './reset-password';\n\nexport type ResetPasswordContextValue<\n  // NOTE: It's impossible to know the form data type right now,\n  // since it isn't known at the moment of creating the context.\n  // However, we need to provide a type now for inference to work later.\n  T extends ResetPasswordFormData = any\n> = {\n  resetPasswordTitle: ReactNode;\n  description: ReactNode;\n  gotoSigninMessage: ReactNode;\n  view: 'request' | 'confirm_password';\n  onSendRequest: (data: T) => void;\n  onResetPassword: (data: T) => void;\n  showPassword: boolean;\n  onShowPasswordClick: (show: boolean) => void;\n};\n\nconst ResetPasswordContext = createContext<ResetPasswordContextValue | undefined>(undefined);\n\nexport const ResetPasswordProvider = <T extends ResetPasswordFormData>({\n  children,\n  ...value\n}: ResetPasswordContextValue<T> & {\n  children: ReactNode;\n}) => {\n  return <ResetPasswordContext.Provider value={value}>{children}</ResetPasswordContext.Provider>;\n};\n\nexport const useResetPasswordContext = <T extends ResetPasswordFormData>() => {\n  const context = useContext<ResetPasswordContextValue<T> | undefined>(ResetPasswordContext);\n\n  if (!context) {\n    throw new Error('useResetPasswordContext must be used within a ResetPasswordProvider');\n  }\n  return context;\n};\n","import { ComponentProps, createElement, FunctionComponent, ReactElement, ReactNode } from 'react';\n\n/**\n * The function to be passed into a block component as `children` to selectively override default blocks, or just a `ReactNode`.\n *\n * @example\n * <Block>\n *   {({ defaultBlocks: { header, ...defaultBlocks }, defaultBlockOrder }) => ({\n *     blocks: {\n *       ...defaultBlocks,\n *       header: {\n *         ...header,\n *         props: {\n *           ...header.props,\n *           label: \"Custom Label\"\n *         }\n *       },\n *       subheader: <CustomComponent />\n *     },\n *     blockOrder: [\"header\", \"subheader\", \"body\", \"footer\"]\n *   })}\n * </Block>\n */\nexport type BlocksOverride<DefaultBlocks, CustomBlocks> =\n  | (({\n      defaultBlocks,\n      defaultBlockOrder,\n    }: {\n      defaultBlocks: DefaultBlocks;\n      defaultBlockOrder: readonly (keyof DefaultBlocks)[];\n    }) => {\n      blocks: Partial<DefaultBlocks> & CustomBlocks;\n      // NOTE: This specific combination allows proper autocomplete.\n      blockOrder: readonly (keyof DefaultBlocks)[] | readonly (keyof CustomBlocks)[];\n    })\n  | ReactNode;\n\n/**\n * Creates a strongly typed `defaultBlocks` object, allowing for types to propagate into block override objects.\n *\n * @param components - A map of default block keys to component functions.\n *\n * @example\n * const defaultBlocks = createDefaultBlocks({\n *   title: Title,\n *   description: Description,\n *   form: Form,\n * });\n */\nexport function createDefaultBlocks<T extends Record<string, FunctionComponent<any>>>(\n  components: T\n): {\n  [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n} {\n  return Object.fromEntries(\n    Object.entries(components).map(([key, Component]) => [key, createElement(Component, { key })])\n  ) as {\n    [K in keyof T]: ReactElement<ComponentProps<T[K]>, T[K]>;\n  };\n}\n\n/**\n * A component for rendering {@link BlocksOverride|`BlocksOverride`} results.\n * Exposes the evaluated `blocks` and `blockOrder` as arguments to the `children` function.\n *\n * @param props\n * @param props.blocksOverride - The {@link BlocksOverride|`BlocksOverride`} (i.e. `children` of outer component).\n * @param props.defaultBlocks - The default blocks of outer component.\n * @param props.children - A function returning the JSX to render.\n *\n * @example\n * <BlocksOverrideComponent\n *   defaultBlocks={defaultFormBlocks}\n *   blocksOverride={children}\n * >\n *   {({ blocks, blockOrder }) =>\n *     blockOrder.map((key) => (\n *       <Fragment key={String(key)}>{blocks[key]}</Fragment>\n *     ))\n *   }\n * </BlocksOverrideComponent>\n */\nexport function BlocksOverrideComponent<\n  DefaultBlocks extends Record<string, ReactNode>,\n  CustomBlocks extends Record<string, ReactNode>,\n>({\n  blocksOverride,\n  defaultBlocks,\n  defaultBlockOrder,\n  children,\n}: {\n  blocksOverride: BlocksOverride<DefaultBlocks, CustomBlocks>;\n  defaultBlocks: DefaultBlocks;\n  defaultBlockOrder: (keyof DefaultBlocks)[];\n  children: ({\n    blocks,\n    blockOrder,\n  }: {\n    // TODO: Possibly find an alternative to Partial<CustomBlocks>\n    blocks: Partial<DefaultBlocks> & Partial<CustomBlocks>;\n    blockOrder: readonly (keyof DefaultBlocks | keyof CustomBlocks)[];\n  }) => ReactNode;\n}) {\n  if (blocksOverride === undefined) {\n    return children({\n      // TODO: Remove this assertion\n      blocks: defaultBlocks as DefaultBlocks & Partial<CustomBlocks>,\n      blockOrder: defaultBlockOrder,\n    });\n  }\n\n  if (typeof blocksOverride === 'function') {\n    const { blocks, blockOrder } = blocksOverride({\n      defaultBlocks,\n      defaultBlockOrder,\n    });\n\n    return children({ blocks, blockOrder });\n  }\n\n  return blocksOverride;\n}\n\ntype MergeTypes<Object1, Object2> = {\n  [K in keyof Object1 | keyof Object2]: K extends keyof Object1\n    ? Object1[K]\n    : K extends keyof Object2\n      ? Object2[K]\n      : never;\n};\n\nexport function deepMerge<A extends Record<string, any>, B extends Record<string, any>>(obj1: A, obj2: B) {\n  const result: Record<string, any> = { ...obj1 };\n\n  for (const key in obj2) {\n    if (obj2.hasOwnProperty(key)) {\n      const val1 = result[key];\n      const val2 = obj2[key];\n\n      if (Array.isArray(val1) || Array.isArray(val2)) {\n        // If either is an array, replace entirely with obj2's value\n        result[key] = val2;\n      } else if (typeof val1 === 'object' && val1 !== null && typeof val2 === 'object' && val2 !== null) {\n        result[key] = deepMerge(val1, val2);\n      } else {\n        result[key] = val2;\n      }\n    }\n  }\n\n  return result as MergeTypes<B, A>;\n}\n\ntype ClassName = string | ClassName[] | undefined | null;\n\n/**\n * Utility function to join class names together, ignoring undefined or nil values.\n * @param classes - The class names to join.\n * @returns The joined class names.\n */\nexport function classNames(...classes: ClassName[]): string {\n  return classes.flat().filter(Boolean).join(' ');\n}\n","import { Visibility, VisibilityOff } from '@mui/icons-material';\nimport {\n  Button,\n  ButtonProps,\n  IconButton,\n  InputAdornment,\n  Link,\n  Stack,\n  StackProps,\n  TextField,\n  TextFieldProps,\n  Typography,\n  TypographyProps,\n} from '@mui/material';\nimport { FormEvent, Fragment, ReactNode, useState } from 'react';\nimport { ResetPasswordContextValue, ResetPasswordProvider, useResetPasswordContext } from './context';\nimport { BlocksOverride, BlocksOverrideComponent, classNames, createDefaultBlocks, deepMerge } from './lib';\n\nexport type ResetPasswordFormData =\n  | {\n      email?: string;\n    }\n  | {\n      password?: string;\n      confirmPassword?: string;\n    };\n\nconst ResetPassword = <T extends ResetPasswordFormData, CustomBlocks extends Record<string, ReactNode> = {}>({\n  resetPasswordTitle,\n  description,\n  gotoSigninMessage,\n  view = 'request',\n  onSendRequest,\n  onResetPassword,\n  className,\n  children,\n  sx,\n  ...props\n}: Omit<StackProps, 'children' | 'onSubmit'> & {\n  resetPasswordTitle?: ReactNode;\n  description?: ReactNode;\n  gotoSigninMessage?: ReactNode;\n  view: 'request' | 'confirm_password';\n  onSendRequest: (data: T) => void;\n  onResetPassword: (data: T) => void;\n  children?: BlocksOverride<typeof defaultBlocks, CustomBlocks>;\n  showPassword?: boolean;\n  onShowPasswordClick?: (show: boolean) => void;\n}) => {\n  const [showPassword, setShowPassword] = useState(false);\n\n  return (\n    <ResetPasswordProvider\n      {...{\n        resetPasswordTitle,\n        description,\n        gotoSigninMessage,\n        view,\n        onSendRequest,\n        onResetPassword,\n        showPassword: props.showPassword ?? showPassword,\n        onShowPasswordClick: props.onShowPasswordClick ?? setShowPassword,\n      }}\n    >\n      <Stack\n        className={classNames('nbb-reset-password', className)}\n        spacing={4}\n        sx={[\n          {\n            background: (theme) => theme.palette.background.paper,\n            borderRadius: 3,\n            py: 6,\n            px: 5,\n            minWidth: { lg: 496 },\n            width: 'fit-content',\n            margin: 'auto',\n          },\n          ...(Array.isArray(sx) ? sx : [sx]),\n        ]}\n        {...props}\n      >\n        <BlocksOverrideComponent\n          defaultBlocks={defaultBlocks}\n          defaultBlockOrder={Object.keys(defaultBlocks) as (keyof typeof defaultBlocks)[]}\n          blocksOverride={children}\n        >\n          {({ blocks: { ...blocks }, blockOrder }) =>\n            blockOrder\n              .filter((key) => key in blocks)\n              .map<ReactNode>((key) => <Fragment key={String(key)}>{blocks[key]}</Fragment>)\n          }\n        </BlocksOverrideComponent>\n      </Stack>\n    </ResetPasswordProvider>\n  );\n};\n\nResetPassword.Title = ({ sx, children, className, ...props }: Partial<TypographyProps>) => {\n  const { resetPasswordTitle = 'Reset Password' } = deepMerge(useResetPasswordContext(), props);\n\n  return (\n    <Typography\n      variant=\"h4\"\n      component=\"h1\"\n      sx={[\n        {\n          textAlign: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      className={classNames('nbb-reset-password-title', className)}\n      {...props}\n    >\n      {children || resetPasswordTitle}\n    </Typography>\n  );\n};\n\nResetPassword.Description = ({ sx, children, className, ...props }: Partial<TypographyProps>) => {\n  const { description = 'Please enter your email address you registered' } = deepMerge(\n    useResetPasswordContext(),\n    props\n  );\n\n  return (\n    <Typography\n      variant=\"body2\"\n      sx={[\n        {\n          textAlign: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      className={classNames('nbb-reset-password-description', className)}\n      {...props}\n    >\n      {children || description}\n    </Typography>\n  );\n};\n\nconst Form = <T extends ResetPasswordFormData>({\n  children,\n  className,\n  ...props\n}: Partial<\n  StackProps<'form'> & {\n    view?: 'request' | 'confirm_password';\n    onSendRequest?: (data: T) => void;\n    onResetPassword?: (data: T) => void;\n  }\n>) => {\n  const { onSendRequest, onResetPassword, view } = deepMerge(useResetPasswordContext(), props);\n\n  const onSubmitHandler = (e: FormEvent) => {\n    if (e) {\n      e.preventDefault && e.preventDefault();\n      e.stopPropagation && e.stopPropagation();\n    }\n\n    if (!(e.target instanceof HTMLFormElement)) {\n      return;\n    }\n\n    const formData = new FormData(e.target);\n    const data = Object.fromEntries(formData) as T;\n\n    if (view === 'request') {\n      if (!onSendRequest) {\n        return;\n      }\n      onSendRequest(data);\n    }\n\n    if (view === 'confirm_password') {\n      if (!onResetPassword) {\n        return;\n      }\n\n      onResetPassword(data);\n    }\n  };\n\n  return (\n    <Stack\n      component=\"form\"\n      onSubmit={onSubmitHandler}\n      className={classNames('nbb-reset-password-form', className)}\n      spacing={4}\n      {...props}\n    >\n      {children || (\n        <>\n          <Form.EmailField />\n          <Form.PasswordField />\n          <Form.ConfirmPasswordField />\n          <Form.ResetPasswordButton />\n        </>\n      )}\n    </Stack>\n  );\n};\n\nResetPassword.Form = Form;\n\nconst EmailField = ({ className, ...props }: Partial<TextFieldProps>) => {\n  const { view } = useResetPasswordContext();\n\n  return view === 'request' ? (\n    <TextField\n      fullWidth\n      name=\"email\"\n      label=\"Email\"\n      placeholder=\"Please enter your email\"\n      className={classNames('nbb-reset-password-email-field', className)}\n      {...props}\n    />\n  ) : null;\n};\n\nForm.EmailField = EmailField;\n\nconst PasswordField = ({\n  className,\n  ...props\n}: Partial<TextFieldProps & Pick<ResetPasswordContextValue, 'showPassword' | 'onShowPasswordClick'>>) => {\n  const { view, showPassword, onShowPasswordClick } = deepMerge(useResetPasswordContext(), props);\n\n  return view === 'confirm_password' ? (\n    <TextField\n      fullWidth\n      name=\"password\"\n      label=\"Password\"\n      type={showPassword ? 'text' : 'password'}\n      placeholder=\"Please enter your new password\"\n      className={classNames('nbb-reset-password-password-field', className)}\n      slotProps={\n        showPassword !== undefined && onShowPasswordClick !== undefined\n          ? {\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      aria-label=\"toggle password visibility\"\n                      onClick={() => onShowPasswordClick(!showPassword)}\n                      edge=\"end\"\n                    >\n                      {showPassword ? <VisibilityOff /> : <Visibility />}\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              },\n            }\n          : {}\n      }\n      {...props}\n    />\n  ) : null;\n};\n\nForm.PasswordField = PasswordField;\n\nconst ConfirmPasswordField = ({\n  className,\n  ...props\n}: Partial<TextFieldProps & Pick<ResetPasswordContextValue, 'showPassword' | 'onShowPasswordClick'>>) => {\n  const { view, showPassword, onShowPasswordClick } = deepMerge(useResetPasswordContext(), props);\n\n  return view === 'confirm_password' ? (\n    <TextField\n      fullWidth\n      name=\"confirmPassword\"\n      label=\"Confirm Password\"\n      type={showPassword ? 'text' : 'password'}\n      placeholder=\"Please confirm your password\"\n      className={classNames('nbb-reset-password-confirm-password-field', className)}\n      slotProps={\n        showPassword !== undefined && onShowPasswordClick !== undefined\n          ? {\n              input: {\n                endAdornment: (\n                  <InputAdornment position=\"end\">\n                    <IconButton\n                      aria-label=\"toggle password visibility\"\n                      onClick={() => onShowPasswordClick(!showPassword)}\n                      edge=\"end\"\n                    >\n                      {showPassword ? <VisibilityOff /> : <Visibility />}\n                    </IconButton>\n                  </InputAdornment>\n                ),\n              },\n            }\n          : {}\n      }\n      {...props}\n    />\n  ) : null;\n};\n\nForm.ConfirmPasswordField = ConfirmPasswordField;\n\nconst ResetPasswordButton = ({ children, className, ...props }: ButtonProps) => {\n  return (\n    <Button\n      variant=\"contained\"\n      fullWidth\n      type=\"submit\"\n      className={classNames('nbb-reset-password-reset-password-button', className)}\n      {...props}\n    >\n      {children || 'Reset Password'}\n    </Button>\n  );\n};\n\nForm.ResetPasswordButton = ResetPasswordButton;\n\nResetPassword.Goto = ({ children, className, sx, ...props }: Partial<TypographyProps>) => {\n  const { gotoSigninMessage } = deepMerge(useResetPasswordContext(), props);\n\n  return (\n    <Typography\n      variant=\"body2\"\n      className={classNames('nbb-reset-password-goto', className)}\n      sx={[\n        {\n          textAlign: 'center',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...props}\n    >\n      {children || gotoSigninMessage || (\n        <>\n          <Link href=\"/auth/login\">Back to Sign In</Link>\n        </>\n      )}\n    </Typography>\n  );\n};\n\nconst defaultBlocks = createDefaultBlocks({\n  title: ResetPassword.Title,\n  description: ResetPassword.Description,\n  form: ResetPassword.Form,\n  goto: ResetPassword.Goto,\n});\n\nexport default ResetPassword;\n"],"names":["_jsx","Fragment","_jsxs","_Fragment"],"mappings":"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"}