@solidxai/core-ui 0.1.9-beta.7 → 0.1.9

package/dist/components/auth/SolidRegister.tsx

@@ -156,8 +156,8 @@ const SolidRegister = () => {
                         {showNameFieldsForRegistration ? (
                             <>
                                 {/* first + last name inline */}
-                                <div className="flex gap-2 mt-3">
-                                    <div className="flex flex-column w-full gap-2">
+                                <div className="flex gap-2 mt-4">
+                                    <div className="flex flex-col w-full gap-2">
                                         <label className="solid-auth-input-label">First Name</label>
                                         <SolidInput
                                             id="firstName"
@@ -173,7 +173,7 @@ const SolidRegister = () => {
                                         )}
                                     </div>
 
-                                    <div className="flex flex-column w-full gap-2">
+                                    <div className="flex flex-col w-full gap-2">
                                         <label className="solid-auth-input-label">Last Name</label>
                                         <SolidInput
                                             id="lastName"
@@ -194,7 +194,7 @@ const SolidRegister = () => {
                             <>
                                 {/* username (only if name fields not shown) */}
                                 <div>
-                                    <div className="flex flex-column gap-2 mt-3">
+                                    <div className="flex flex-col gap-2 mt-4">
                                         <label className="solid-auth-input-label">Username</label>
                                         <SolidInput
                                             id="username"
@@ -214,7 +214,7 @@ const SolidRegister = () => {
 
                         {/* Email */}
                         <div>
-                            <div className="flex flex-column gap-2 mt-3">
+                            <div className="flex flex-col gap-2 mt-4">
                                 <label className="solid-auth-input-label">Email</label>
                                 <SolidInput
                                     id="email"
@@ -232,7 +232,7 @@ const SolidRegister = () => {
 
                         {/* Password */}
                         <div>
-                            <div className="flex flex-column gap-2 mt-3">
+                            <div className="flex flex-col gap-2 mt-4">
                                 <label className="solid-auth-input-label">Password</label>
                                 <SolidPasswordInput
                                     id="password"
@@ -249,7 +249,7 @@ const SolidRegister = () => {
                                 <SolidMessage severity="error" text={formik.errors.password?.toString()} />}
                         </div>
                         {/* <SolidPasswordHelperText text={solidSettingsData?.data?.authenticationPasswordComplexityDescription} /> */}
-                        <div className="mt-4">
+                        <div className="mt-6">
                             <SolidButton className="w-full font-light auth-submit-button" label="Sign Up" disabled={formik.isSubmitting} loading={formik.isSubmitting} type="submit" />
                         </div>
                     </Form>
@@ -340,7 +340,7 @@ const SolidRegister = () => {
             >
                 {(formik) => (
                     <Form>
-                        <div className="flex flex-column gap-2 mt-3">
+                        <div className="flex flex-col gap-2 mt-4">
                             <label htmlFor="username" className="solid-auth-input-label">Username</label>
                             <SolidInput
                                 id="username"
@@ -358,7 +358,7 @@ const SolidRegister = () => {
                             />}
                         </div>
                         {isMobile ? (
-                            <div className="flex flex-column gap-2 mt-3">
+                            <div className="flex flex-col gap-2 mt-4">
                                 <label htmlFor="mobile" className="solid-auth-input-label">Mobile</label>
                                 <SolidInput
                                     id="mobile"
@@ -376,7 +376,7 @@ const SolidRegister = () => {
                                 />}
                             </div>
                         ) : (
-                            <div className="flex flex-column gap-2 mt-3">
+                            <div className="flex flex-col gap-2 mt-4">
                                 <label htmlFor="email" className="solid-auth-input-label">Email</label>
                                 <SolidInput
                                     id="email"
@@ -394,7 +394,7 @@ const SolidRegister = () => {
                                 />}
                             </div>
                         )}
-                        <div className="mt-4">
+                        <div className="mt-6">
                             <SolidButton className="w-full font-light auth-submit-button" label="Sign Up" disabled={formik.isSubmitting} loading={formik.isSubmitting} type="submit" />
                         </div>
                     </Form>
@@ -438,7 +438,7 @@ const SolidRegister = () => {
             {/* Overlay UI */}
             <div className={`auth-container position-relative ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>
                 {showOverlay && (
-                    <div className="absolute top-0 left-0 w-full h-full flex align-items-center justify-content-center register-success-popup">
+                    <div className="absolute top-0 left-0 w-full h-full flex items-center justify-center register-success-popup">
                         <div className="register-success-card">
                             <div className="register-success-badge">Account created</div>
                             <SolidSpinner className="auth-success-spinner" size={32} />
@@ -460,7 +460,7 @@ const SolidRegister = () => {
                 <RenderAuthModes passwordBasedAuth={solidSettingsData?.data?.passwordBasedAuth} passwordLessAuth={solidSettingsData?.data?.passwordLessAuth} showNameFieldsForRegistration={solidSettingsData?.data?.showNameFieldsForRegistration} />
                 {isAnyOAuthEnabled && (
                     <>
-                        <div className="solid-auth-divider flex align-items-center gap-2 my-4">
+                        <div className="solid-auth-divider flex items-center gap-2 my-6">
                             <SolidDivider className="flex-1" />
                             <span className="text-sm text-500">Or continue with</span>
                             <SolidDivider className="flex-1" />
@@ -474,9 +474,9 @@ const SolidRegister = () => {
                     </>
                 )}
             </div>
-            <div className="text-center mt-3 md:mt-4">
+            <div className="text-center mt-4 md:mt-6">
                 <div className="text-sm text-400 secondary-dark-color">
-                    Already have an account? <Link className="font-bold" href="/auth/login">Sign In</Link>
+                    Already have an account? <Link className="font-bold" href="/auth/login" tabIndex={-1}>Sign In</Link>
                 </div>
             </div>
         </div>

package/dist/components/auth/SolidResetPassword.js

@@ -120,9 +120,9 @@ var SolidResetPassword = function () {
     var isFormFieldValid = function (formik, fieldName) {
         return formik.touched[fieldName] && formik.errors[fieldName];
     };
-    return (_jsx(_Fragment, { children: _jsxs("div", { className: "auth-container ".concat(((_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.authPagesLayout) === 'center' ? 'center' : 'side'), children: [_jsx("h2", { className: "solid-auth-title", children: "Create new password" }), _jsx("p", { className: "solid-auth-helper", children: "Use a strong password for your account security" }), _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "New Password" }), _jsx(SolidPasswordInput, { id: "password", name: "password", placeholder: "***************", value: formik.values.password, onChange: formik.handleChange, onBlur: formik.handleBlur, toggle: true, className: "w-full", "aria-invalid": !!isFormFieldValid(formik, "password") }), isFormFieldValid(formik, "password") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_c = (_b = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _b === void 0 ? void 0 : _b.password) === null || _c === void 0 ? void 0 : _c.toString() })] }), _jsxs("div", { className: "flex flex-column gap-1 mt-4", style: {}, children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "Confirm Password" }), _jsx(SolidPasswordInput, { id: "confirmPassword", name: "confirmPassword", placeholder: "***************", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggle: true, className: "w-full", "aria-invalid": !!isFormFieldValid(formik, "confirmPassword") }), isFormFieldValid(formik, "confirmPassword") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_e = (_d = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _d === void 0 ? void 0 : _d.confirmPassword) === null || _e === void 0 ? void 0 : _e.toString() })] }), envPasswordHelperText && (_jsx("div", { className: "mt-4 text-sm", children: _jsx("div", { className: "grid", children: envPasswordHelperText
+    return (_jsx(_Fragment, { children: _jsxs("div", { className: "auth-container ".concat(((_a = solidSettingsData === null || solidSettingsData === void 0 ? void 0 : solidSettingsData.data) === null || _a === void 0 ? void 0 : _a.authPagesLayout) === 'center' ? 'center' : 'side'), children: [_jsx("h2", { className: "solid-auth-title", children: "Create new password" }), _jsx("p", { className: "solid-auth-helper", children: "Use a strong password for your account security" }), _jsxs("form", { onSubmit: formik.handleSubmit, children: [_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "New Password" }), _jsx(SolidPasswordInput, { id: "password", name: "password", placeholder: "***************", value: formik.values.password, onChange: formik.handleChange, onBlur: formik.handleBlur, toggle: true, className: "w-full", "aria-invalid": !!isFormFieldValid(formik, "password") }), isFormFieldValid(formik, "password") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_c = (_b = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _b === void 0 ? void 0 : _b.password) === null || _c === void 0 ? void 0 : _c.toString() })] }), _jsxs("div", { className: "flex flex-col gap-1 mt-6", style: {}, children: [_jsx("label", { htmlFor: "password", className: "solid-auth-input-label", children: "Confirm Password" }), _jsx(SolidPasswordInput, { id: "confirmPassword", name: "confirmPassword", placeholder: "***************", value: formik.values.confirmPassword, onChange: formik.handleChange, onBlur: formik.handleBlur, toggle: true, className: "w-full", "aria-invalid": !!isFormFieldValid(formik, "confirmPassword") }), isFormFieldValid(formik, "confirmPassword") && _jsx(SolidMessage, { className: "text-red-500 text-sm", severity: "error", text: (_e = (_d = formik === null || formik === void 0 ? void 0 : formik.errors) === null || _d === void 0 ? void 0 : _d.confirmPassword) === null || _e === void 0 ? void 0 : _e.toString() })] }), envPasswordHelperText && (_jsx("div", { className: "mt-6 text-sm", children: _jsx("div", { className: "flex flex-wrap -mx-2 gap-y-2", children: envPasswordHelperText
                                     .split('\\n')
-                                    .map(function (text, idx) { return (_jsx("div", { className: "col-6 pt-0", children: _jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { children: "\u2022" }), _jsx("span", { children: text })] }) }, idx)); }) }) })), _jsxs("div", { className: "mt-4", children: [_jsx(SolidButton, { className: "w-full font-light auth-submit-button", label: "Reset Password", disabled: formik.isSubmitting, loading: formik.isSubmitting, type: "submit" }), _jsx(SolidButton, { type: "button", label: "Back", className: "w-full auth-back-button text-center mt-1", text: true, onClick: function () { return (window.location.href = '/auth/login'); } })] })] })] }) }));
+                                    .map(function (text, idx) { return (_jsx("div", { className: "w-1/2 px-2 pt-0", children: _jsxs("div", { className: 'flex gap-2', children: [_jsx("span", { children: "\u2022" }), _jsx("span", { children: text })] }) }, idx)); }) }) })), _jsxs("div", { className: "mt-6", children: [_jsx(SolidButton, { className: "w-full font-light auth-submit-button", label: "Reset Password", disabled: formik.isSubmitting, loading: formik.isSubmitting, type: "submit" }), _jsx(SolidButton, { type: "button", label: "Back", className: "w-full auth-back-button text-center mt-1", text: true, onClick: function () { return (window.location.href = '/auth/login'); } })] })] })] }) }));
 };
 export default SolidResetPassword;
 //# sourceMappingURL=SolidResetPassword.js.map

package/dist/components/auth/SolidResetPassword.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidResetPassword.js","sourceRoot":"","sources":["../../../src/components/auth/SolidResetPassword.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useConfirmForgotPasswordMutation } from \"../../redux/api/authApi\";\nimport { useFormik } from \"formik\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useDispatch } from 'react-redux';\nimport * as Yup from \"yup\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { SolidButton, SolidMessage, SolidPasswordInput } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\nconst SolidResetPassword = () => {\n    const searchParams = useSearchParams();\n    const verificationToken = searchParams.get('token');\n    // const decodedUsername = searchParams.get('username');\n    // const username = decodedUsername ? decodeURIComponent(decodedUsername) : '';\n\n    const { solidSettingsData } = useAuthSettings();\n\n\n    const dispatch = useDispatch();\n    const router = useRouter();\n\n    const [confirmForgotPassword] = useConfirmForgotPasswordMutation();\n\n    const envPasswordRegex = env(\"NEXT_PUBLIC_PASSWORD_REGEX\");\n    const envPasswordHelperText = env(\"NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC\");\n    let passwordRegex: RegExp | null = null;\n    try {\n        if (envPasswordRegex) {\n            const unescaped = JSON.parse(`\"${envPasswordRegex}\"`);\n            passwordRegex = new RegExp(unescaped);\n        }\n    } catch (error) {\n        console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);\n    }\n\n    const newPasswordValidation = passwordRegex\n        ? Yup.string()\n            .matches(passwordRegex, ERROR_MESSAGES.PASSWORD_DO_NOT_MEET)\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('New password'))\n        : Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6))\n            .required('New password is required');\n\n    const validationSchema = Yup.object({\n        password: newPasswordValidation,\n        confirmPassword: Yup.string().oneOf([Yup.ref('password')], ERROR_MESSAGES.MUST_MATCH).required(ERROR_MESSAGES.FIELD_REUQIRED('Confirm password')),\n    });\n\n    const formik = useFormik({\n        initialValues: {\n            // username: username,\n            password: \"\",\n            confirmPassword: \"\",\n            verificationToken: verificationToken,\n        },\n        validationSchema,\n        onSubmit: async (values) => {\n            try {\n                const payload = {\n                    // username: values.username,\n                    password: values.password,\n                    verificationToken: values.verificationToken,\n                };\n                const response = await confirmForgotPassword(payload).unwrap();\n                if (response?.statusCode === 200) {\n                    dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.FIELD_UPDATE('Password'), detail: ERROR_MESSAGES.FIELD_UPDATE_SUCCESSFULLY('Password') }))\n                    router.push('/auth/login');\n                } else (\n                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: response.error }))\n                )\n            } catch (err: any) {\n                dispatch(showToast({ severity: \"error\", summary: err?.data?.message, detail: err?.data?.data?.message ? err?.data?.data?.message : err?.data?.message }));\n            }\n        },\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    return (\n        <>\n            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                <h2 className=\"solid-auth-title\">Create new password</h2>\n                <p className=\"solid-auth-helper\">Use a strong password for your account security</p>\n                {/* <p className=\"solid-auth-subtitle text-sm\">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}\n                <form onSubmit={formik.handleSubmit}>\n                    <div className=\"flex flex-column gap-2\">\n                        <label htmlFor=\"password\" className=\"solid-auth-input-label\">New Password</label>\n                        <SolidPasswordInput\n                            id=\"password\"\n                            name=\"password\"\n                            placeholder=\"***************\"\n                            value={formik.values.password}\n                            onChange={formik.handleChange}\n                            onBlur={formik.handleBlur}\n                            toggle\n                            className=\"w-full\"\n                            aria-invalid={!!isFormFieldValid(formik, \"password\")}\n                        />\n                        {isFormFieldValid(formik, \"password\") && <SolidMessage\n                            className=\"text-red-500 text-sm\"\n                            severity=\"error\"\n                            text={formik?.errors?.password?.toString()}\n                        />}\n                    </div>\n                    <div className=\"flex flex-column gap-1 mt-4\" style={{}}>\n                        <label htmlFor=\"password\" className=\"solid-auth-input-label\">Confirm Password</label>\n                        <SolidPasswordInput\n                            id=\"confirmPassword\"\n                            name=\"confirmPassword\"\n                            placeholder=\"***************\"\n                            value={formik.values.confirmPassword}\n                            onChange={formik.handleChange}\n                            onBlur={formik.handleBlur}\n                            toggle\n                            className=\"w-full\"\n                            aria-invalid={!!isFormFieldValid(formik, \"confirmPassword\")}\n                        />\n                        {isFormFieldValid(formik, \"confirmPassword\") && <SolidMessage\n                            className=\"text-red-500 text-sm\"\n                            severity=\"error\"\n                            text={formik?.errors?.confirmPassword?.toString()}\n                        />}\n                    </div>\n                    {envPasswordHelperText && (\n                        <div className=\"mt-4 text-sm\">\n                            <div className=\"grid\">\n                                {envPasswordHelperText\n                                    .split('\\\\n')\n                                    .map((text, idx) => (\n                                        <div key={idx} className=\"col-6 pt-0\">\n                                            <div className='flex gap-2'><span>•</span><span>{text}</span></div>\n                                        </div>\n                                    ))}\n                            </div>\n                        </div>\n                    )}\n                    {/* <div className=\"flex align-items-center mt-4\">\n                                        <Checkbox inputId=\"remember\" onChange={(e: any) => setChecked(e.checked)} checked={checked} />\n                                        <label htmlFor=\"remember\" className=\"ml-2\">Remember me</label>\n                                    </div> */}\n                    <div className=\"mt-4\">\n                        <SolidButton className=\"w-full font-light auth-submit-button\" label=\"Reset Password\" disabled={formik.isSubmitting} loading={formik.isSubmitting} type=\"submit\" />\n                        <SolidButton type=\"button\" label=\"Back\" className=\"w-full auth-back-button text-center mt-1\" text onClick={() => (window.location.href = '/auth/login')} />\n                    </div>\n                </form>\n            </div>\n            {/* <div className=\"text-center mt-5\">\n                <div className=\"text-sm text-400 secondary-dark-color\">\n                    {'<'} Back to <Link className=\"font-bold\" href=\"/auth/login\">Sign In</Link>\n                </div>\n            </div> */}\n        </>\n    );\n};\n\nexport default SolidResetPassword;\n"]}
+{"version":3,"file":"SolidResetPassword.js","sourceRoot":"","sources":["../../../src/components/auth/SolidResetPassword.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,gCAAgC,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,KAAK,GAAG,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,IAAM,kBAAkB,GAAG;;IACvB,IAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,IAAM,iBAAiB,GAAG,YAAY,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACpD,wDAAwD;IACxD,+EAA+E;IAEvE,IAAA,iBAAiB,GAAK,eAAe,EAAE,kBAAtB,CAAuB;IAGhD,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAEpB,IAAA,qBAAqB,GAAI,gCAAgC,EAAE,GAAtC,CAAuC;IAEnE,IAAM,gBAAgB,GAAG,GAAG,CAAC,4BAA4B,CAAC,CAAC;IAC3D,IAAM,qBAAqB,GAAG,GAAG,CAAC,sCAAsC,CAAC,CAAC;IAC1E,IAAI,aAAa,GAAkB,IAAI,CAAC;IACxC,IAAI;QACA,IAAI,gBAAgB,EAAE;YAClB,IAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,YAAI,gBAAgB,OAAG,CAAC,CAAC;YACtD,aAAa,GAAG,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC;SACzC;KACJ;IAAC,OAAO,KAAK,EAAE;QACZ,OAAO,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,EAAE,KAAK,CAAC,CAAC;KAC9D;IAED,IAAM,qBAAqB,GAAG,aAAa;QACvC,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE;aACT,OAAO,CAAC,aAAa,EAAE,cAAc,CAAC,oBAAoB,CAAC;aAC3D,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;QAC5D,CAAC,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,CAAC,EAAE,cAAc,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;aACtD,QAAQ,CAAC,0BAA0B,CAAC,CAAC;IAE9C,IAAM,gBAAgB,GAAG,GAAG,CAAC,MAAM,CAAC;QAChC,QAAQ,EAAE,qBAAqB;QAC/B,eAAe,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,kBAAkB,CAAC,CAAC;KACpJ,CAAC,CAAC;IAEH,IAAM,MAAM,GAAG,SAAS,CAAC;QACrB,aAAa,EAAE;YACX,sBAAsB;YACtB,QAAQ,EAAE,EAAE;YACZ,eAAe,EAAE,EAAE;YACnB,iBAAiB,EAAE,iBAAiB;SACvC;QACD,gBAAgB,kBAAA;QAChB,QAAQ,EAAE,UAAO,MAAM;;;;;;;wBAET,OAAO,GAAG;4BACZ,6BAA6B;4BAC7B,QAAQ,EAAE,MAAM,CAAC,QAAQ;4BACzB,iBAAiB,EAAE,MAAM,CAAC,iBAAiB;yBAC9C,CAAC;wBACe,qBAAM,qBAAqB,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,EAAA;;wBAAxD,QAAQ,GAAG,SAA6C;wBAC9D,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,UAAU,MAAK,GAAG,EAAE;4BAC9B,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,cAAc,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,MAAM,EAAE,cAAc,CAAC,yBAAyB,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,CAAA;4BAC5J,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;yBAC9B;;4BAAM,CACH,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CACpG,CAAA;;;;wBAED,QAAQ,CAAC,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,OAAO,EAAE,MAAM,EAAE,CAAA,MAAA,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,IAAI,0CAAE,OAAO,EAAC,CAAC,CAAC,MAAA,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,IAAI,0CAAE,OAAO,CAAC,CAAC,CAAC,MAAA,KAAG,aAAH,KAAG,uBAAH,KAAG,CAAE,IAAI,0CAAE,OAAO,EAAE,CAAC,CAAC,CAAC;;;;;aAEjK;KACJ,CAAC,CAAC;IAEH,IAAM,gBAAgB,GAAG,UAAC,MAAW,EAAE,SAAiB;QACpD,OAAA,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC;IAArD,CAAqD,CAAC;IAE1D,OAAO,CACH,4BACI,eAAK,SAAS,EAAE,yBAAkB,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,IAAI,0CAAE,eAAe,MAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAE,aACzG,aAAI,SAAS,EAAC,kBAAkB,oCAAyB,EACzD,YAAG,SAAS,EAAC,mBAAmB,gEAAoD,EAEpF,gBAAM,QAAQ,EAAE,MAAM,CAAC,YAAY,aAC/B,eAAK,SAAS,EAAC,qBAAqB,aAChC,gBAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,wBAAwB,6BAAqB,EACjF,KAAC,kBAAkB,IACf,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,UAAU,EACf,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,EAC7B,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,MAAM,EAAE,MAAM,CAAC,UAAU,EACzB,MAAM,QACN,SAAS,EAAC,QAAQ,kBACJ,CAAC,CAAC,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,GACtD,EACD,gBAAgB,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,KAAC,YAAY,IAClD,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,QAAQ,0CAAE,QAAQ,EAAE,GAC5C,IACA,EACN,eAAK,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,EAAE,aAC/C,gBAAO,OAAO,EAAC,UAAU,EAAC,SAAS,EAAC,wBAAwB,iCAAyB,EACrF,KAAC,kBAAkB,IACf,EAAE,EAAC,iBAAiB,EACpB,IAAI,EAAC,iBAAiB,EACtB,WAAW,EAAC,iBAAiB,EAC7B,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,eAAe,EACpC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,MAAM,EAAE,MAAM,CAAC,UAAU,EACzB,MAAM,QACN,SAAS,EAAC,QAAQ,kBACJ,CAAC,CAAC,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAC7D,EACD,gBAAgB,CAAC,MAAM,EAAE,iBAAiB,CAAC,IAAI,KAAC,YAAY,IACzD,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAE,MAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,0CAAE,eAAe,0CAAE,QAAQ,EAAE,GACnD,IACA,EACL,qBAAqB,IAAI,CACtB,cAAK,SAAS,EAAC,cAAc,YACzB,cAAK,SAAS,EAAC,8BAA8B,YACxC,qBAAqB;qCACjB,KAAK,CAAC,KAAK,CAAC;qCACZ,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAChB,cAAe,SAAS,EAAC,iBAAiB,YACtC,eAAK,SAAS,EAAC,YAAY,aAAC,oCAAc,EAAA,yBAAO,IAAI,GAAQ,IAAM,IAD7D,GAAG,CAEP,CACT,EAJmB,CAInB,CAAC,GACJ,GACJ,CACT,EAKD,eAAK,SAAS,EAAC,MAAM,aACjB,KAAC,WAAW,IAAC,SAAS,EAAC,sCAAsC,EAAC,KAAK,EAAC,gBAAgB,EAAC,QAAQ,EAAE,MAAM,CAAC,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,IAAI,EAAC,QAAQ,GAAG,EAClK,KAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,EAAC,SAAS,EAAC,0CAA0C,EAAC,IAAI,QAAC,OAAO,EAAE,cAAM,OAAA,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,aAAa,CAAC,EAAtC,CAAsC,GAAI,IACzJ,IACH,IACL,GAMP,CACN,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import { useConfirmForgotPasswordMutation } from \"../../redux/api/authApi\";\nimport { useFormik } from \"formik\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { useDispatch } from 'react-redux';\nimport * as Yup from \"yup\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\nimport { env } from \"../../adapters/env\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { SolidButton, SolidMessage, SolidPasswordInput } from \"../shad-cn-ui\";\nimport { useAuthSettings } from \"./AuthSettingsContext\";\n\nconst SolidResetPassword = () => {\n    const searchParams = useSearchParams();\n    const verificationToken = searchParams.get('token');\n    // const decodedUsername = searchParams.get('username');\n    // const username = decodedUsername ? decodeURIComponent(decodedUsername) : '';\n\n    const { solidSettingsData } = useAuthSettings();\n\n\n    const dispatch = useDispatch();\n    const router = useRouter();\n\n    const [confirmForgotPassword] = useConfirmForgotPasswordMutation();\n\n    const envPasswordRegex = env(\"NEXT_PUBLIC_PASSWORD_REGEX\");\n    const envPasswordHelperText = env(\"NEXT_PUBLIC_PASSWORD_COMPLEXITY_DESC\");\n    let passwordRegex: RegExp | null = null;\n    try {\n        if (envPasswordRegex) {\n            const unescaped = JSON.parse(`\"${envPasswordRegex}\"`);\n            passwordRegex = new RegExp(unescaped);\n        }\n    } catch (error) {\n        console.error(ERROR_MESSAGES.INVALID_PASSWORD_REGX, error);\n    }\n\n    const newPasswordValidation = passwordRegex\n        ? Yup.string()\n            .matches(passwordRegex, ERROR_MESSAGES.PASSWORD_DO_NOT_MEET)\n            .required(ERROR_MESSAGES.FIELD_REUQIRED('New password'))\n        : Yup.string().min(6, ERROR_MESSAGES.PASSWORD_CHARACTER(6))\n            .required('New password is required');\n\n    const validationSchema = Yup.object({\n        password: newPasswordValidation,\n        confirmPassword: Yup.string().oneOf([Yup.ref('password')], ERROR_MESSAGES.MUST_MATCH).required(ERROR_MESSAGES.FIELD_REUQIRED('Confirm password')),\n    });\n\n    const formik = useFormik({\n        initialValues: {\n            // username: username,\n            password: \"\",\n            confirmPassword: \"\",\n            verificationToken: verificationToken,\n        },\n        validationSchema,\n        onSubmit: async (values) => {\n            try {\n                const payload = {\n                    // username: values.username,\n                    password: values.password,\n                    verificationToken: values.verificationToken,\n                };\n                const response = await confirmForgotPassword(payload).unwrap();\n                if (response?.statusCode === 200) {\n                    dispatch(showToast({ severity: \"success\", summary: ERROR_MESSAGES.FIELD_UPDATE('Password'), detail: ERROR_MESSAGES.FIELD_UPDATE_SUCCESSFULLY('Password') }))\n                    router.push('/auth/login');\n                } else (\n                    dispatch(showToast({ severity: \"error\", summary: ERROR_MESSAGES.ERROR, detail: response.error }))\n                )\n            } catch (err: any) {\n                dispatch(showToast({ severity: \"error\", summary: err?.data?.message, detail: err?.data?.data?.message ? err?.data?.data?.message : err?.data?.message }));\n            }\n        },\n    });\n\n    const isFormFieldValid = (formik: any, fieldName: string) =>\n        formik.touched[fieldName] && formik.errors[fieldName];\n\n    return (\n        <>\n            <div className={`auth-container ${solidSettingsData?.data?.authPagesLayout === 'center' ? 'center' : 'side'}`}>\n                <h2 className=\"solid-auth-title\">Create new password</h2>\n                <p className=\"solid-auth-helper\">Use a strong password for your account security</p>\n                {/* <p className=\"solid-auth-subtitle text-sm\">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}\n                <form onSubmit={formik.handleSubmit}>\n                    <div className=\"flex flex-col gap-2\">\n                        <label htmlFor=\"password\" className=\"solid-auth-input-label\">New Password</label>\n                        <SolidPasswordInput\n                            id=\"password\"\n                            name=\"password\"\n                            placeholder=\"***************\"\n                            value={formik.values.password}\n                            onChange={formik.handleChange}\n                            onBlur={formik.handleBlur}\n                            toggle\n                            className=\"w-full\"\n                            aria-invalid={!!isFormFieldValid(formik, \"password\")}\n                        />\n                        {isFormFieldValid(formik, \"password\") && <SolidMessage\n                            className=\"text-red-500 text-sm\"\n                            severity=\"error\"\n                            text={formik?.errors?.password?.toString()}\n                        />}\n                    </div>\n                    <div className=\"flex flex-col gap-1 mt-6\" style={{}}>\n                        <label htmlFor=\"password\" className=\"solid-auth-input-label\">Confirm Password</label>\n                        <SolidPasswordInput\n                            id=\"confirmPassword\"\n                            name=\"confirmPassword\"\n                            placeholder=\"***************\"\n                            value={formik.values.confirmPassword}\n                            onChange={formik.handleChange}\n                            onBlur={formik.handleBlur}\n                            toggle\n                            className=\"w-full\"\n                            aria-invalid={!!isFormFieldValid(formik, \"confirmPassword\")}\n                        />\n                        {isFormFieldValid(formik, \"confirmPassword\") && <SolidMessage\n                            className=\"text-red-500 text-sm\"\n                            severity=\"error\"\n                            text={formik?.errors?.confirmPassword?.toString()}\n                        />}\n                    </div>\n                    {envPasswordHelperText && (\n                        <div className=\"mt-6 text-sm\">\n                            <div className=\"flex flex-wrap -mx-2 gap-y-2\">\n                                {envPasswordHelperText\n                                    .split('\\\\n')\n                                    .map((text, idx) => (\n                                        <div key={idx} className=\"w-1/2 px-2 pt-0\">\n                                            <div className='flex gap-2'><span>•</span><span>{text}</span></div>\n                                        </div>\n                                    ))}\n                            </div>\n                        </div>\n                    )}\n                    {/* <div className=\"flex items-center mt-6\">\n                                        <Checkbox inputId=\"remember\" onChange={(e: any) => setChecked(e.checked)} checked={checked} />\n                                        <label htmlFor=\"remember\" className=\"ml-2\">Remember me</label>\n                                    </div> */}\n                    <div className=\"mt-6\">\n                        <SolidButton className=\"w-full font-light auth-submit-button\" label=\"Reset Password\" disabled={formik.isSubmitting} loading={formik.isSubmitting} type=\"submit\" />\n                        <SolidButton type=\"button\" label=\"Back\" className=\"w-full auth-back-button text-center mt-1\" text onClick={() => (window.location.href = '/auth/login')} />\n                    </div>\n                </form>\n            </div>\n            {/* <div className=\"text-center mt-8\">\n                <div className=\"text-sm text-400 secondary-dark-color\">\n                    {'<'} Back to <Link className=\"font-bold\" href=\"/auth/login\">Sign In</Link>\n                </div>\n            </div> */}\n        </>\n    );\n};\n\nexport default SolidResetPassword;\n"]}

package/dist/components/auth/SolidResetPassword.tsx

@@ -86,7 +86,7 @@ const SolidResetPassword = () => {
                 <p className="solid-auth-helper">Use a strong password for your account security</p>
                 {/* <p className="solid-auth-subtitle text-sm">By continuing, you agree to the <Link href={'#'}>Terms of Service</Link> and acknowledge you’ve read our  <Link href={'#'}>Privacy Policy.</Link> </p> */}
                 <form onSubmit={formik.handleSubmit}>
-                    <div className="flex flex-column gap-2">
+                    <div className="flex flex-col gap-2">
                         <label htmlFor="password" className="solid-auth-input-label">New Password</label>
                         <SolidPasswordInput
                             id="password"
@@ -105,7 +105,7 @@ const SolidResetPassword = () => {
                             text={formik?.errors?.password?.toString()}
                         />}
                     </div>
-                    <div className="flex flex-column gap-1 mt-4" style={{}}>
+                    <div className="flex flex-col gap-1 mt-6" style={{}}>
                         <label htmlFor="password" className="solid-auth-input-label">Confirm Password</label>
                         <SolidPasswordInput
                             id="confirmPassword"
@@ -125,29 +125,29 @@ const SolidResetPassword = () => {
                         />}
                     </div>
                     {envPasswordHelperText && (
-                        <div className="mt-4 text-sm">
-                            <div className="grid">
+                        <div className="mt-6 text-sm">
+                            <div className="flex flex-wrap -mx-2 gap-y-2">
                                 {envPasswordHelperText
                                     .split('\\n')
                                     .map((text, idx) => (
-                                        <div key={idx} className="col-6 pt-0">
+                                        <div key={idx} className="w-1/2 px-2 pt-0">
                                             <div className='flex gap-2'><span>•</span><span>{text}</span></div>
                                         </div>
                                     ))}
                             </div>
                         </div>
                     )}
-                    {/* <div className="flex align-items-center mt-4">
+                    {/* <div className="flex items-center mt-6">
                                         <Checkbox inputId="remember" onChange={(e: any) => setChecked(e.checked)} checked={checked} />
                                         <label htmlFor="remember" className="ml-2">Remember me</label>
                                     </div> */}
-                    <div className="mt-4">
+                    <div className="mt-6">
                         <SolidButton className="w-full font-light auth-submit-button" label="Reset Password" disabled={formik.isSubmitting} loading={formik.isSubmitting} type="submit" />
                         <SolidButton type="button" label="Back" className="w-full auth-back-button text-center mt-1" text onClick={() => (window.location.href = '/auth/login')} />
                     </div>
                 </form>
             </div>
-            {/* <div className="text-center mt-5">
+            {/* <div className="text-center mt-8">
                 <div className="text-sm text-400 secondary-dark-color">
                     {'<'} Back to <Link className="font-bold" href="/auth/login">Sign In</Link>
                 </div>

package/dist/components/common/AuthBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthBanner.js","sourceRoot":"","sources":["../../../src/components/common/AuthBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,IAAM,UAAU,GAAG;IACjB,OAAO,CACL,cACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,4BAA4B;YACxC,8CAA8C;YAC9C,cAAc,EAAE,OAAO;YACvB,SAAS,EAAE,GAAG,CAAC,6BAA6B,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SAClE,EACD,SAAS,EAAC,yBAAyB,YAEnC,cAAK,SAAS,EAAC,UAAU,YACvB,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,iDAAiD,YAC7D,GAAG,CAAC,iBAAiB,CAAC,GACnB,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC9C,GAAG,CAAC,mCAAmC,CAAC,GACrC,EACN,cAAK,SAAS,EAAC,MAAM,GASf,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { env } from \"../../adapters/env\";\n\nconst AuthBanner = () => {\n  return (\n    <div\n      style={{\n        position: \"relative\",\n        width: \"100%\",\n        height: \"calc(100vh)\",\n        background: 'url(/images/loginhero.png)',\n        // background: 'url(/images/LoginBanner.png)',\n        backgroundSize: 'cover',\n        marginTop: env(\"ENABLE_CUSTOM_HEADER_FOOTER\") === \"true\" ? 70 : 0\n      }}\n      className=\"flex align-items-center\"\n    >\n      <div className=\"grid m-0\">\n        <div className=\"col-8 mx-auto\">\n          <div className=\"text-5xl text-white font-semibold line-height-3\">\n            {env(\"SOLID_APP_TITLE\")}\n          </div>\n          <div className=\"text-sm text-white line-height-3\">\n            {env(\"NEXT_PUBLIC_SOLID_APP_DESCRIPTION\")}\n          </div>\n          <div className=\"mt-5\">\n            {/* <AvatarGroup>\n              <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n              <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n              <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n              <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n              <Avatar image=\"/images/AvatarDemo.png\" size=\"large\" shape=\"circle\" />\n              <Avatar label=\"60k+\" shape=\"circle\" size=\"large\" className=\"text-sm text-bold\" style={{ color: '#191866', backgroundColor: '#fff' }} />\n            </AvatarGroup> */}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default AuthBanner;\n"]}
+{"version":3,"file":"AuthBanner.js","sourceRoot":"","sources":["../../../src/components/common/AuthBanner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,IAAM,UAAU,GAAG;IACjB,OAAO,CACL,cACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,aAAa;YACrB,UAAU,EAAE,4BAA4B;YACxC,8CAA8C;YAC9C,cAAc,EAAE,OAAO;YACvB,SAAS,EAAE,GAAG,CAAC,6BAA6B,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;SAClE,EACD,SAAS,EAAC,yBAAyB,YAEnC,cAAK,SAAS,EAAC,UAAU,YACvB,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,iDAAiD,YAC7D,GAAG,CAAC,iBAAiB,CAAC,GACnB,EACN,cAAK,SAAS,EAAC,kCAAkC,YAC9C,GAAG,CAAC,mCAAmC,CAAC,GACrC,EACN,cAAK,SAAS,EAAC,MAAM,GASf,IACF,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/common/BackButton.js

@@ -52,6 +52,6 @@ export var BackButton = function () {
             router.back();
         }
     };
-    return (_jsx(SolidButton, { variant: "ghost", leftIcon: _jsx(ArrowLeft, { size: 14 }), size: "small", type: "button", "aria-label": "Back", onClick: handleGoBack, className: 'max-w-2rem bg-primary-reverse text-color solid-icon-button' }));
+    return (_jsx(SolidButton, { variant: "ghost", leftIcon: _jsx(ArrowLeft, { size: 14 }), size: "small", type: "button", "aria-label": "Back", onClick: handleGoBack, className: 'max-w-2rem bg-[var(--primary-color-text)] text-color solid-icon-button' }));
 };
 //# sourceMappingURL=BackButton.js.map

package/dist/components/common/BackButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/components/common/BackButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,MAAM,CAAC,IAAM,UAAU,GAAG;IACtB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAErD,+BAA+B;IAC/B,0CAA0C;IAC1C,qDAAqD;IACrD,sBAAsB;IACtB,iCAAiC;IACjC,eAAe;IACf,6CAA6C;IAC7C,yBAAyB;IACzB,QAAQ;IACR,KAAK;IAGL,4EAA4E;IAE5E,oBAAoB;IACpB,2CAA2C;IAC3C,iEAAiE;IACjE,kEAAkE;IAClE,uCAAuC;IACvC,YAAY;IACZ,QAAQ;IACR,UAAU;IAEV,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;YAC3E,IAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC9B,+FAA+F;YAC/F,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBAC/B,IAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC5D,IAAI,aAAa,EAAE;oBACf,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;oBAC3B,OAAO;iBACV;aACJ;YAED,IAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACtD,IAAI,QAAQ,GAAG,MAAM,CAAA;YACrB,IAAI,UAAU,KAAK,MAAM,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,MAAM,EAAE;gBAC3E,QAAQ,GAAG,UAAU,CAAC;aACzB;YACD,IAAM,UAAU,GAAG,QAAQ,IAAI,MAAM,CAAC;YACtC,IAAM,SAAS,GAAG,sBAAe,UAAU,cAAI,SAAS,cAAI,UAAU,CAAE,CAAC;YACzE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC1B;aAAM;YACH,kCAAkC;YAClC,MAAM,CAAC,IAAI,EAAE,CAAC;SACjB;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACjC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,gBACF,MAAM,EACjB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,4DAA4D,GACxE,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { SolidButton } from \"../shad-cn-ui\";\nexport const BackButton = () => {\n    const router = useRouter();\n    const pathname = usePathname();\n    const segments = pathname.split(\"/\").filter(Boolean);\n\n    // const handleGoBack = () => {\n    //     let fromView: string | null = null;\n    //     fromView = sessionStorage.getItem(\"fromView\");\n    //     if (fromView) {\n    //         router.push(fromView);\n    //     } else {\n    //         // fallback if path is not matched\n    //         router.back();\n    //     }\n    // };\n\n\n    // const [fromView, setFromView] = useState<\"list\" | \"kanban\" | null>(null);\n\n    // useEffect(() => {\n    //     if (typeof window !== \"undefined\") {\n    //         const storedView = sessionStorage.getItem(\"fromView\");\n    //         if (storedView === \"list\" || storedView === \"kanban\") {\n    //             setFromView(storedView);\n    //         }\n    //     }\n    // }, []);\n\n    const handleGoBack = () => {\n        if (segments.length >= 4 && segments[0] === \"admin\" && segments[1] === \"core\") {\n            const moduleName = segments[2];\n            const modelName = segments[3];\n            // Prefer a fully qualified stored return URL (preserves query params like actionId/actionName)\n            if (typeof window !== \"undefined\") {\n                const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n                if (storedFullUrl) {\n                    router.push(storedFullUrl);\n                    return;\n                }\n            }\n\n            const storedView = sessionStorage.getItem(\"fromView\");\n            let fromView = \"list\"\n            if (storedView === \"list\" || storedView === \"kanban\" || storedView === \"card\") {\n                fromView = storedView;\n            }\n            const targetView = fromView || \"list\";\n            const targetUrl = `/admin/core/${moduleName}/${modelName}/${targetView}`;\n            router.push(targetUrl);\n        } else {\n            // fallback if path is not matched\n            router.back();\n        }\n    };\n\n    return (\n        <SolidButton\n            variant=\"ghost\"\n            leftIcon={<ArrowLeft size={14} />}\n            size=\"small\"\n            type=\"button\"\n            aria-label=\"Back\"\n            onClick={handleGoBack}\n            className='max-w-2rem bg-primary-reverse text-color solid-icon-button'\n        />\n    )\n}\n"]}
+{"version":3,"file":"BackButton.js","sourceRoot":"","sources":["../../../src/components/common/BackButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,MAAM,CAAC,IAAM,UAAU,GAAG;IACtB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAErD,+BAA+B;IAC/B,0CAA0C;IAC1C,qDAAqD;IACrD,sBAAsB;IACtB,iCAAiC;IACjC,eAAe;IACf,6CAA6C;IAC7C,yBAAyB;IACzB,QAAQ;IACR,KAAK;IAGL,4EAA4E;IAE5E,oBAAoB;IACpB,2CAA2C;IAC3C,iEAAiE;IACjE,kEAAkE;IAClE,uCAAuC;IACvC,YAAY;IACZ,QAAQ;IACR,UAAU;IAEV,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE;YAC3E,IAAM,UAAU,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC/B,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;YAC9B,+FAA+F;YAC/F,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBAC/B,IAAM,aAAa,GAAG,cAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;gBAC5D,IAAI,aAAa,EAAE;oBACf,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;oBAC3B,OAAO;iBACV;aACJ;YAED,IAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACtD,IAAI,QAAQ,GAAG,MAAM,CAAA;YACrB,IAAI,UAAU,KAAK,MAAM,IAAI,UAAU,KAAK,QAAQ,IAAI,UAAU,KAAK,MAAM,EAAE;gBAC3E,QAAQ,GAAG,UAAU,CAAC;aACzB;YACD,IAAM,UAAU,GAAG,QAAQ,IAAI,MAAM,CAAC;YACtC,IAAM,SAAS,GAAG,sBAAe,UAAU,cAAI,SAAS,cAAI,UAAU,CAAE,CAAC;YACzE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;SAC1B;aAAM;YACH,kCAAkC;YAClC,MAAM,CAAC,IAAI,EAAE,CAAC;SACjB;IACL,CAAC,CAAC;IAEF,OAAO,CACH,KAAC,WAAW,IACR,OAAO,EAAC,OAAO,EACf,QAAQ,EAAE,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,EACjC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,QAAQ,gBACF,MAAM,EACjB,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,wEAAwE,GACpF,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { ArrowLeft } from \"lucide-react\";\nimport { SolidButton } from \"../shad-cn-ui\";\nexport const BackButton = () => {\n    const router = useRouter();\n    const pathname = usePathname();\n    const segments = pathname.split(\"/\").filter(Boolean);\n\n    // const handleGoBack = () => {\n    //     let fromView: string | null = null;\n    //     fromView = sessionStorage.getItem(\"fromView\");\n    //     if (fromView) {\n    //         router.push(fromView);\n    //     } else {\n    //         // fallback if path is not matched\n    //         router.back();\n    //     }\n    // };\n\n\n    // const [fromView, setFromView] = useState<\"list\" | \"kanban\" | null>(null);\n\n    // useEffect(() => {\n    //     if (typeof window !== \"undefined\") {\n    //         const storedView = sessionStorage.getItem(\"fromView\");\n    //         if (storedView === \"list\" || storedView === \"kanban\") {\n    //             setFromView(storedView);\n    //         }\n    //     }\n    // }, []);\n\n    const handleGoBack = () => {\n        if (segments.length >= 4 && segments[0] === \"admin\" && segments[1] === \"core\") {\n            const moduleName = segments[2];\n            const modelName = segments[3];\n            // Prefer a fully qualified stored return URL (preserves query params like actionId/actionName)\n            if (typeof window !== \"undefined\") {\n                const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n                if (storedFullUrl) {\n                    router.push(storedFullUrl);\n                    return;\n                }\n            }\n\n            const storedView = sessionStorage.getItem(\"fromView\");\n            let fromView = \"list\"\n            if (storedView === \"list\" || storedView === \"kanban\" || storedView === \"card\") {\n                fromView = storedView;\n            }\n            const targetView = fromView || \"list\";\n            const targetUrl = `/admin/core/${moduleName}/${modelName}/${targetView}`;\n            router.push(targetUrl);\n        } else {\n            // fallback if path is not matched\n            router.back();\n        }\n    };\n\n    return (\n        <SolidButton\n            variant=\"ghost\"\n            leftIcon={<ArrowLeft size={14} />}\n            size=\"small\"\n            type=\"button\"\n            aria-label=\"Back\"\n            onClick={handleGoBack}\n            className='max-w-2rem bg-[var(--primary-color-text)] text-color solid-icon-button'\n        />\n    )\n}\n"]}

package/dist/components/common/BackButton.tsx

@@ -67,7 +67,7 @@ export const BackButton = () => {
             type="button"
             aria-label="Back"
             onClick={handleGoBack}
-            className='max-w-2rem bg-primary-reverse text-color solid-icon-button'
+            className='max-w-2rem bg-[var(--primary-color-text)] text-color solid-icon-button'
         />
     )
 }

package/dist/components/common/CancelButton.js

@@ -14,7 +14,7 @@ export var CancelButton = function () {
             router.back();
         }
     };
-    return (_jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "small", type: "button", onClick: handleGoBack, className: 'bg-primary-reverse', style: { minWidth: 66 }, children: "Close" }) }));
+    return (_jsx("div", { children: _jsx(SolidButton, { variant: "outline", size: "small", type: "button", onClick: handleGoBack, className: 'bg-[var(--primary-color-text)]', style: { minWidth: 66 }, children: "Close" }) }));
 };
 export var SolidCancelButton = function () {
     var router = useRouter();
@@ -37,6 +37,6 @@ export var SolidCancelButton = function () {
         //     router.back();
         // }
     };
-    return (_jsxs(_Fragment, { children: [_jsx(SolidButton, { variant: "outline", size: "small", type: "button", onClick: handleGoBack, className: 'bg-primary-reverse hidden lg:flex', style: { minWidth: 66 }, children: "Close" }), _jsx(SolidButton, { size: "small", type: "button", leftIcon: _jsx(X, { size: 14 }), onClick: handleGoBack, className: 'bg-primary-reverse solid-icon-button flex lg:hidden' })] }));
+    return (_jsxs(_Fragment, { children: [_jsx(SolidButton, { variant: "outline", size: "small", type: "button", onClick: handleGoBack, className: 'hidden bg-[var(--primary-color-text)] lg:flex', style: { minWidth: 66 }, children: "Close" }), _jsx(SolidButton, { size: "small", type: "button", leftIcon: _jsx(X, { size: 14 }), onClick: handleGoBack, className: 'solid-icon-button flex bg-[var(--primary-color-text)] lg:hidden' })] }));
 };
 //# sourceMappingURL=CancelButton.js.map

package/dist/components/common/CancelButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancelButton.js","sourceRoot":"","sources":["../../../src/components/common/CancelButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,kCAAkC;QACxF,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACrB,wGAAwG;YACxG,gFAAgF;YAChF,MAAM,CAAC,IAAI,EAAE,CAAA;SAChB;IACL,CAAC,CAAC;IACF,OAAO,CACH,wBACI,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,sBAEzH,GACZ,CACT,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC7B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,GAAkB,IAAI,CAAC;QACnC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAC/B,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACjD;QAED,qCAAqC;QACrC,IAAM,IAAI,GAAG,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;QAE9E,oEAAoE;QACpE,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,EAAE,WAAI,IAAI,CAAE,CAAC,CAAC;QAC/D,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,iDAAiD;QACjD,kBAAkB;QAClB,6BAA6B;QAC7B,WAAW;QACX,yCAAyC;QACzC,qBAAqB;QACrB,IAAI;IACR,CAAC,CAAC;IACF,OAAO,CACH,8BAGI,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,mCAAmC,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,sBAExI,EAGd,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,qDAAqD,GAAG,IAC7J,CACN,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { X } from \"lucide-react\";\nimport { SolidButton } from \"../shad-cn-ui\";\n\n\nexport const CancelButton = () => {\n    const router = useRouter();\n    const pathname = usePathname(); // Get the current path\n\n    const handleGoBack = () => {\n        const segments = pathname.split('/').filter(Boolean); // Split and filter empty segments\n        if (segments.length > 1) {\n            // const newPath = '/' + segments.slice(0, -1).join('/') + '/all'; // Remove last segment and add \"/all\"\n            // router.push(newPath); // Navigate to the parent route with \"/all\"            \n            router.back()\n        }\n    };\n    return (\n        <div>\n            <SolidButton variant=\"outline\" size=\"small\" type=\"button\" onClick={handleGoBack} className='bg-primary-reverse' style={{ minWidth: 66 }}>\n                Close\n            </SolidButton>\n        </div>\n    )\n}\n\nexport const SolidCancelButton = () => {\n    const router = useRouter();\n    const pathname = usePathname(); // Get the current path\n\n    const handleGoBack = () => {\n        let fromView: string | null = null;\n        if (typeof window !== \"undefined\") {\n            fromView = sessionStorage.getItem(\"fromView\");\n        }\n\n        // Default to 'list' if not available\n        const view = fromView === \"kanban\" || fromView === \"card\" ? fromView : \"list\";\n\n        // Navigate back to the previous path with the appropriate view type\n        const newPath = pathname.replace(/\\/form\\/[^/]+$/, `/${view}`);\n        router.push(newPath);\n        // fromView = sessionStorage.getItem(\"fromView\");\n        // if (fromView) {\n        //     router.push(fromView);\n        // } else {\n        //     // fallback if path is not matched\n        //     router.back();\n        // }\n    };\n    return (\n        <>\n            {/* <div className=\"hidden lg:flex\"> */}\n            {/* <div> */}\n            <SolidButton variant=\"outline\" size=\"small\" type=\"button\" onClick={handleGoBack} className='bg-primary-reverse hidden lg:flex' style={{ minWidth: 66 }}>\n                Close\n            </SolidButton>\n            {/* </div> */}\n            {/* </div> */}\n            <SolidButton size=\"small\" type=\"button\" leftIcon={<X size={14} />} onClick={handleGoBack} className='bg-primary-reverse solid-icon-button flex lg:hidden' />\n        </>\n    )\n}\n"]}
+{"version":3,"file":"CancelButton.js","sourceRoot":"","sources":["../../../src/components/common/CancelButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,MAAM,CAAC,IAAM,YAAY,GAAG;IACxB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,kCAAkC;QACxF,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;YACrB,wGAAwG;YACxG,gFAAgF;YAChF,MAAM,CAAC,IAAI,EAAE,CAAA;SAChB;IACL,CAAC,CAAC;IACF,OAAO,CACH,wBACI,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,gCAAgC,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,sBAErI,GACZ,CACT,CAAA;AACL,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG;IAC7B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC,CAAC,uBAAuB;IAEvD,IAAM,YAAY,GAAG;QACjB,IAAI,QAAQ,GAAkB,IAAI,CAAC;QACnC,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YAC/B,QAAQ,GAAG,cAAc,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;SACjD;QAED,qCAAqC;QACrC,IAAM,IAAI,GAAG,QAAQ,KAAK,QAAQ,IAAI,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC;QAE9E,oEAAoE;QACpE,IAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,gBAAgB,EAAE,WAAI,IAAI,CAAE,CAAC,CAAC;QAC/D,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACrB,iDAAiD;QACjD,kBAAkB;QAClB,6BAA6B;QAC7B,WAAW;QACX,yCAAyC;QACzC,qBAAqB;QACrB,IAAI;IACR,CAAC,CAAC;IACF,OAAO,CACH,8BAGI,KAAC,WAAW,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,+CAA+C,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,sBAEpJ,EAGd,KAAC,WAAW,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAE,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,EAAE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAC,iEAAiE,GAAG,IACzK,CACN,CAAA;AACL,CAAC,CAAA","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { X } from \"lucide-react\";\nimport { SolidButton } from \"../shad-cn-ui\";\n\n\nexport const CancelButton = () => {\n    const router = useRouter();\n    const pathname = usePathname(); // Get the current path\n\n    const handleGoBack = () => {\n        const segments = pathname.split('/').filter(Boolean); // Split and filter empty segments\n        if (segments.length > 1) {\n            // const newPath = '/' + segments.slice(0, -1).join('/') + '/all'; // Remove last segment and add \"/all\"\n            // router.push(newPath); // Navigate to the parent route with \"/all\"            \n            router.back()\n        }\n    };\n    return (\n        <div>\n            <SolidButton variant=\"outline\" size=\"small\" type=\"button\" onClick={handleGoBack} className='bg-[var(--primary-color-text)]' style={{ minWidth: 66 }}>\n                Close\n            </SolidButton>\n        </div>\n    )\n}\n\nexport const SolidCancelButton = () => {\n    const router = useRouter();\n    const pathname = usePathname(); // Get the current path\n\n    const handleGoBack = () => {\n        let fromView: string | null = null;\n        if (typeof window !== \"undefined\") {\n            fromView = sessionStorage.getItem(\"fromView\");\n        }\n\n        // Default to 'list' if not available\n        const view = fromView === \"kanban\" || fromView === \"card\" ? fromView : \"list\";\n\n        // Navigate back to the previous path with the appropriate view type\n        const newPath = pathname.replace(/\\/form\\/[^/]+$/, `/${view}`);\n        router.push(newPath);\n        // fromView = sessionStorage.getItem(\"fromView\");\n        // if (fromView) {\n        //     router.push(fromView);\n        // } else {\n        //     // fallback if path is not matched\n        //     router.back();\n        // }\n    };\n    return (\n        <>\n            {/* <div className=\"hidden lg:flex\"> */}\n            {/* <div> */}\n            <SolidButton variant=\"outline\" size=\"small\" type=\"button\" onClick={handleGoBack} className='hidden bg-[var(--primary-color-text)] lg:flex' style={{ minWidth: 66 }}>\n                Close\n            </SolidButton>\n            {/* </div> */}\n            {/* </div> */}\n            <SolidButton size=\"small\" type=\"button\" leftIcon={<X size={14} />} onClick={handleGoBack} className='solid-icon-button flex bg-[var(--primary-color-text)] lg:hidden' />\n        </>\n    )\n}\n"]}

package/dist/components/common/CancelButton.tsx

@@ -20,7 +20,7 @@ export const CancelButton = () => {
     };
     return (
         <div>
-            <SolidButton variant="outline" size="small" type="button" onClick={handleGoBack} className='bg-primary-reverse' style={{ minWidth: 66 }}>
+            <SolidButton variant="outline" size="small" type="button" onClick={handleGoBack} className='bg-[var(--primary-color-text)]' style={{ minWidth: 66 }}>
                 Close
             </SolidButton>
         </div>
@@ -55,12 +55,12 @@ export const SolidCancelButton = () => {
         <>
             {/* <div className="hidden lg:flex"> */}
             {/* <div> */}
-            <SolidButton variant="outline" size="small" type="button" onClick={handleGoBack} className='bg-primary-reverse hidden lg:flex' style={{ minWidth: 66 }}>
+            <SolidButton variant="outline" size="small" type="button" onClick={handleGoBack} className='hidden bg-[var(--primary-color-text)] lg:flex' style={{ minWidth: 66 }}>
                 Close
             </SolidButton>
             {/* </div> */}
             {/* </div> */}
-            <SolidButton size="small" type="button" leftIcon={<X size={14} />} onClick={handleGoBack} className='bg-primary-reverse solid-icon-button flex lg:hidden' />
+            <SolidButton size="small" type="button" leftIcon={<X size={14} />} onClick={handleGoBack} className='solid-icon-button flex bg-[var(--primary-color-text)] lg:hidden' />
         </>
     )
 }