@solidxai/core-ui 0.1.0 → 0.1.2

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

@@ -1 +1 @@
-{"version":3,"file":"SingleSelectAutoCompleteField.js","sourceRoot":"","sources":["../../../src/components/common/SingleSelectAutoCompleteField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAIpF,YAAY;AACZ,oMAAoM;AACpM,iEAAiE;AACjE,uDAAuD;AAEvD,MAAM,CAAC,IAAM,6BAA6B,GAAG,UAAC,EAA8J;QAA5J,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,gBAAgB,sBAAA,EAAE,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,gBAAgB,sBAAA,EAAE,UAAU,gBAAA;IAE3L,IAAA,KAAkC,QAAQ,CAAC,YAAY,CAAC,EAAvD,YAAY,QAAA,EAAE,eAAe,QAA0B,CAAC;IACzD,IAAA,KAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IACrD,SAAS,CAAC;QACN,sBAAsB;QACtB,eAAe,CAAC,YAAY,CAAC,CAAA;QAC7B,iDAAiD;QAEjD,IAAI;IACR,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAM,WAAW,GAAG,UAAO,KAAU;;;;wBACpB,qBAAM,UAAU,CAAC,KAAK,CAAC,EAAA;;oBAA9B,IAAI,GAAG,SAAuB;oBACpC,eAAe,CAAC,IAAI,CAAC,CAAC;;;;SAEzB,CAAC;IAGF,OAAO,CACH,4BACI,KAAC,YAAY,IACT,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACrC,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,YAAY;YACzB,6EAA6E;YAC7E,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,EAE5C,cAAc,EAAE,WAAW;YAC3B,4CAA4C;YAC5C,sBAAsB,EAAE,yBAAyB,CAAC;gBAC9C,WAAW,EAAE,YAAY,CAAC,MAAM;aACjC,CAAC;YAEJ,WAAW;YACX,uBAAuB;YACvB,KAAK;YACL,KAAK,EAAE,QAAQ,EACf,QAAQ,QACR,QAAQ,EAAE,UAAC,CAAC;gBACR,yBAAyB;gBACzB,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBACzB,IAAI,gBAAgB,EAAE;oBAClB,gBAAgB,CAAC,CAAC,CAAC,CAAC;iBACvB;gBACD,IAAI,aAAa,KAAK,IAAI,EAAE;oBACxB,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;oBACzC,MAAM,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;iBACjD;qBAAM;oBACH,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;iBAEtD;YAEL,CAAC,EACD,SAAS,EAAC,6BAA6B,GACzC,GAEH,CAGN,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"SingleSelectAutoCompleteField.js","sourceRoot":"","sources":["../../../src/components/common/SingleSelectAutoCompleteField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AAIpF,YAAY;AACZ,oMAAoM;AACpM,iEAAiE;AACjE,uDAAuD;AAEvD,MAAM,CAAC,IAAM,6BAA6B,GAAG,UAAC,EAA8J;QAA5J,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,gBAAgB,sBAAA,EAAE,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAA,EAAE,gBAAgB,sBAAA,EAAE,UAAU,gBAAA;IAE3L,IAAA,KAAkC,QAAQ,CAAC,YAAY,CAAC,EAAvD,YAAY,QAAA,EAAE,eAAe,QAA0B,CAAC;IACzD,IAAA,KAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IACrD,SAAS,CAAC;QACN,sBAAsB;QACtB,eAAe,CAAC,YAAY,CAAC,CAAA;QAC7B,iDAAiD;QAEjD,IAAI;IACR,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAClB,IAAM,WAAW,GAAG,UAAO,KAAU;;;;wBACpB,qBAAM,UAAU,CAAC,KAAK,CAAC,EAAA;;oBAA9B,IAAI,GAAG,SAAuB;oBACpC,eAAe,CAAC,IAAI,CAAC,CAAC;;;;SAEzB,CAAC;IAGF,OAAO,CACH,4BACI,KAAC,YAAY,IACT,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,EACrC,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,YAAY;YACzB,6EAA6E;YAC7E,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,EAE5C,cAAc,EAAE,WAAW;YAC3B,4CAA4C;YAC5C,sBAAsB,EAAE,yBAAyB,CAAC;gBAC9C,WAAW,EAAE,YAAY,CAAC,MAAM;aACjC,CAAC;YAEJ,WAAW;YACX,uBAAuB;YACvB,KAAK;YACL,KAAK,EAAE,QAAQ,EACf,QAAQ,QACR,QAAQ,EAAE,UAAC,CAAC;gBACR,yBAAyB;gBACzB,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;gBACzB,IAAI,gBAAgB,EAAE;oBAClB,gBAAgB,CAAC,CAAC,CAAC,CAAC;iBACvB;gBACD,IAAI,aAAa,KAAK,IAAI,EAAE;oBACxB,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;oBACzC,MAAM,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;iBACjD;qBAAM;oBACH,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;iBAEtD;YAEL,CAAC,EACD,SAAS,EAAC,6BAA6B,GACzC,GAEH,CAGN,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { AutoComplete } from \"primereact/autocomplete\";\nimport { useEffect, useState } from \"react\";\nimport { getVirtualScrollerOptions } from \"../../helpers/autoCompleteVirtualScroll\";\n\n\n\n// UsesCases\n// Suppose you have a moduelId field In create Dto then you need to creaate a module key in firmik and use that to store the autocomplete state and along with it update the moduleId  Field with id\n// In case of relationType the Id field will always will be id   \n// Else the value will be whatever valuekey use passed \n\nexport const SingleSelectAutoCompleteField = ({ disabled, formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction, formErrors }: any) => {\n\n    const [selectedItem, setSelectedItem] = useState(existingData);\n    const [filteredItem, setFilteredItem] = useState([]);\n    useEffect(() => {\n        // if (existingData) {\n        setSelectedItem(existingData)\n        // formik.setFieldValue(fieldName, existingData);\n\n        // }\n    }, [existingData])\n    const searchItems = async (event: any) => {\n        const data = await searchData(event);\n        setFilteredItem(data);\n\n    };    \n\n\n    return (\n        <>\n            <AutoComplete\n                disabled={disabled ? disabled : false}\n                value={selectedItem}\n                suggestions={filteredItem}\n                // invalid={(isFormFieldValid(formik, fieldName) || (formErrors[fieldName]))}\n                invalid={isFormFieldValid(formik, fieldName)}\n\n                completeMethod={searchItems}\n                // virtualScrollerOptions={{ itemSize: 38 }}\n                virtualScrollerOptions={getVirtualScrollerOptions({\n                    itemsLength: filteredItem.length,\n                  })}\n                  \n                // style={{\n                //     maxHeight: 39.67\n                // }}\n                field={labelKey}\n                dropdown\n                onChange={(e) => {\n                    // formik.handleChange(e)\n                    setSelectedItem(e.value);\n                    if (additionalAction) {\n                        additionalAction(e);\n                    }\n                    if (relationField === true) {\n                        formik.setFieldValue(fieldName, e.value);\n                        formik.setFieldValue(fieldNameId, e.value.id);\n                    } else {\n                        formik.setFieldValue(fieldName, e.value[valueKey]);\n\n                    }\n\n                }}\n                className=\"solid-standard-autocomplete\"\n            />\n\n        </>\n\n\n    )\n}"]}

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

@@ -1 +1 @@
-{"version":3,"file":"SocialMediaLogin.js","sourceRoot":"","sources":["../../../src/components/common/SocialMediaLogin.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC5B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,2BAA2B,GAAG,UAAG,GAAG,CAAC,6BAA6B,CAAC,4BAAyB,CAAC;IAEnG,OAAO,CACH,cAAK,SAAS,EAAC,wCAAwC,YACnD,MAAC,MAAM,IACH,SAAS,EAAC,6DAA6D,EACvE,QAAQ,QACR,QAAQ,EAAC,WAAW,EACpB,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,2BAA2B,CAAC,EAAxC,CAAwC,aAGvD,eAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aAC1F,aAAG,QAAQ,EAAC,uBAAuB,aAC/B,eAAM,CAAC,EAAC,4UAA4U,EAAC,IAAI,EAAC,SAAS,GAAG,EACtW,eAAM,CAAC,EAAC,uOAAuO,EAAC,IAAI,EAAC,SAAS,GAAG,EACjQ,eAAM,CAAC,EAAC,+HAA+H,EAAC,IAAI,EAAC,SAAS,GAAG,EACzJ,eAAM,CAAC,EAAC,kOAAkO,EAAC,IAAI,EAAC,SAAS,GAAG,EAC5P,eAAM,CAAC,EAAC,gTAAgT,EAAC,IAAI,EAAC,SAAS,GAAG,EAC1U,eAAM,CAAC,EAAC,wNAAwN,EAAC,IAAI,EAAC,SAAS,GAAG,IAClP,EACJ,yBACI,mBAAU,EAAE,EAAC,iBAAiB,YAC1B,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,GACrC,GACR,IACL,EACL,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,qBAAqB,IAC1E,GAgBP,CACT,CAAA;AACL,CAAC,CAAA"}
+{"version":3,"file":"SocialMediaLogin.js","sourceRoot":"","sources":["../../../src/components/common/SocialMediaLogin.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC5B,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,2BAA2B,GAAG,UAAG,GAAG,CAAC,6BAA6B,CAAC,4BAAyB,CAAC;IAEnG,OAAO,CACH,cAAK,SAAS,EAAC,wCAAwC,YACnD,MAAC,MAAM,IACH,SAAS,EAAC,6DAA6D,EACvE,QAAQ,QACR,QAAQ,EAAC,WAAW,EACpB,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,2BAA2B,CAAC,EAAxC,CAAwC,aAGvD,eAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,aAC1F,aAAG,QAAQ,EAAC,uBAAuB,aAC/B,eAAM,CAAC,EAAC,4UAA4U,EAAC,IAAI,EAAC,SAAS,GAAG,EACtW,eAAM,CAAC,EAAC,uOAAuO,EAAC,IAAI,EAAC,SAAS,GAAG,EACjQ,eAAM,CAAC,EAAC,+HAA+H,EAAC,IAAI,EAAC,SAAS,GAAG,EACzJ,eAAM,CAAC,EAAC,kOAAkO,EAAC,IAAI,EAAC,SAAS,GAAG,EAC5P,eAAM,CAAC,EAAC,gTAAgT,EAAC,IAAI,EAAC,SAAS,GAAG,EAC1U,eAAM,CAAC,EAAC,wNAAwN,EAAC,IAAI,EAAC,SAAS,GAAG,IAClP,EACJ,yBACI,mBAAU,EAAE,EAAC,iBAAiB,YAC1B,eAAM,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,GAAG,GACrC,GACR,IACL,EACL,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,qBAAqB,IAC1E,GAgBP,CACT,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { Button } from 'primereact/button'\nimport { env } from \"../../adapters/env\";\n\nexport const SocialMediaLogin = () => {\n    const router = useRouter();\n    const pathname = usePathname();\n\n    const googleApiConnectRedirectUrl = `${env(\"NEXT_PUBLIC_BACKEND_API_URL\")}/api/iam/google/connect`;\n\n    return (\n        <div className=\"flex justify-content-center mt-4 gap-3\">\n            <Button\n                className='flex justify-content-center gap-3 w-full google-auth-button'\n                outlined\n                severity=\"secondary\"\n                onClick={() => router.push(googleApiConnectRedirectUrl)}\n            // onClick={()=>signIn('google', {callbackUrl :'https://uat-api.lm.solidxai.com/api/iam/google/connect'})}\n            >\n                <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                    <g clipPath=\"url(#clip0_3520_3825)\">\n                        <path d=\"M23.0938 9.91355L13.3044 9.91309C12.8721 9.91309 12.5217 10.2634 12.5217 10.6957V13.823C12.5217 14.2552 12.8721 14.6056 13.3044 14.6056H18.8171C18.2135 16.1722 17.0868 17.4842 15.6493 18.3178L18 22.387C21.7707 20.2062 24 16.3799 24 12.0965C24 11.4866 23.955 11.0506 23.8651 10.5597C23.7968 10.1867 23.4729 9.91355 23.0938 9.91355Z\" fill=\"#167EE6\" />\n                        <path d=\"M12 19.3047C9.30218 19.3047 6.94699 17.8306 5.68207 15.6494L1.61304 17.9948C3.68374 21.5836 7.56283 24.0003 12 24.0003C14.1768 24.0003 16.2307 23.4143 18 22.3929V22.3873L15.6494 18.3181C14.5742 18.9417 13.3299 19.3047 12 19.3047Z\" fill=\"#12B347\" />\n                        <path d=\"M18 22.3922V22.3866L15.6494 18.3174C14.5741 18.941 13.33 19.304 12 19.304V23.9996C14.1767 23.9996 16.2308 23.4135 18 22.3922Z\" fill=\"#0F993E\" />\n                        <path d=\"M4.69566 12.0003C4.69566 10.6705 5.05856 9.42637 5.68205 8.3512L1.61302 6.00586C0.586031 7.76962 0 9.81797 0 12.0003C0 14.1826 0.586031 16.2309 1.61302 17.9947L5.68205 15.6494C5.05856 14.5742 4.69566 13.3301 4.69566 12.0003Z\" fill=\"#FFD500\" />\n                        <path d=\"M12 4.69566C13.7593 4.69566 15.3753 5.32078 16.6375 6.36061C16.9488 6.61711 17.4014 6.59859 17.6867 6.31336L19.9024 4.09758C20.2261 3.77395 20.203 3.24422 19.8573 2.94431C17.7425 1.10967 14.991 0 12 0C7.56283 0 3.68374 2.41673 1.61304 6.00558L5.68207 8.35092C6.94699 6.16969 9.30218 4.69566 12 4.69566Z\" fill=\"#FF4B26\" />\n                        <path d=\"M16.6374 6.36061C16.9488 6.61711 17.4015 6.59859 17.6866 6.31336L19.9024 4.09758C20.226 3.77395 20.2029 3.24422 19.8573 2.94431C17.7425 1.10963 14.991 0 12 0V4.69566C13.7592 4.69566 15.3752 5.32078 16.6374 6.36061Z\" fill=\"#D93F21\" />\n                    </g>\n                    <defs>\n                        <clipPath id=\"clip0_3520_3825\">\n                            <rect width=\"24\" height=\"24\" fill=\"white\" />\n                        </clipPath>\n                    </defs>\n                </svg>\n                {pathname.includes(\"register\") ? \"Continue With Google\" : \"Sign In with Google\"}\n            </Button>\n            {/* <Button icon={() => (\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" xlinkHref=\"http://www.w3.org/1999/xlink\">\n                <rect width=\"24\" height=\"24\" fill=\"url(#pattern0_3520_3835)\" />\n                <defs>\n                    <pattern id=\"pattern0_3520_3835\" patternContentUnits=\"objectBoundingBox\" width=\"1\" height=\"1\">\n                        <use xlinkHref=\"#image0_3520_3835\" transform=\"scale(0.00195312)\" />\n                    </pattern>\n                    <image id=\"image0_3520_3835\" width=\"512\" height=\"512\" xlinkHref=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAATcvAAE3LwE2dZYYAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAwBQTFRF////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACyO34QAAAP90Uk5TAAECAwQFBgcICQoLDA0ODxAREhMUFRYXGBkaGxwdHh8gISIjJCUmJygpKissLS4vMDEyMzQ1Njc4OTo7PD0+P0BBQkNERUZHSElKS0xNTk9QUVJTVFVWV1hZWltcXV5fYGFiY2RlZmdoaWprbG1ub3BxcnN0dXZ3eHl6e3x9fn+AgYKDhIWGh4iJiouMjY6PkJGSk5SVlpeYmZqbnJ2en6ChoqOkpaanqKmqq6ytrq+wsbKztLW2t7i5uru8vb6/wMHCw8TFxsfIycrLzM3Oz9DR0tPU1dbX2Nna29zd3t/g4eLj5OXm5+jp6uvs7e7v8PHy8/T19vf4+fr7/P3+6wjZNQAAEfVJREFUGBntwQmc13P+B/DX3DPNTCchRzkqKZS7WKWtLaUVuSmRozYUWnJk3Ve1my6ELVm7lvwNi7KiXUcMKiIWlVRDJ9U0U9PM/F7/xz727/HHdszM7/v5ft+f7+/1fALiTqMuw6bOryB5JCTF7H/6bc8v4w86QlJIbs8JS/gTnSGpYr/Bfyvjz3WHpIL0E+/9mNvTGxJ/+936NXfgNEjMZfWbWc0dOhsSa63uX82d6Q+Jr+z+/+QuDILEVc7Q5dylIZB4yhtWwhoYDomj/GtXsUaug8RPwfVrWEM3Q+ImZ+R61tj1kJjp+QVr4SJIrDR/jrXSGxIjOTeXs3aOhsRHr8WsreaQuGjxPGsvDxITF5Wy9jZB4qHRM6yLxZBYOGkF62QuJAay7qtm3RRB/Nd6HutqCsR7l5Wxzu6EeC7zQSZhMMRv9WcxGcdCvLbfQiajMhfis6O+ZVIWQHx2WhmT8yjEY9dWM0mDIf4azaQdBfHWrUxaRTbEVyOYvHkQXw1hAB6GeGpAggG4FOKnM6oYhA4QL/XaxiCsSof46LAyBmIKxEdNljIYJ0M8lDGbwdiYDfHQ7xmQv0A81J9BOQvin6O2MCBbCyHeabqcQXkJ4p2MfzIwl0C8cyMDU90U4psjtjEwcyC+yfuUwekH8c14BmdZBsQz3RMMzgiIZxqXMDibG0I881cGaCLEM+cxQIlWEL8UfssAvQjxzH0MUneIXw6qYIA+gXjmBQZpIMQvPRikj9IhXsn8lEHqDvHLcAZpJsQvu3/PAFW1g/hlIoM0BeKX3csZoNI9IX65jUEaBfFLvXUM0Mp6EL8MZZD6Q/ySsYQBegnimTMZoO+aQTzzHgN0AcQznRmg5yC+eZHBWdsU4plmCQbnTIhvhjE4T0G8M5eBWdUE4pv9EgxK5UkQ74xgYK6G+Od9BuVJiH8OYFAW5EH8cwMDsq4FxEMfMhhV3SAeas2A/Bbio2sYjL9AvPRXBmJODsRLyxiEhQ0gXtqDQfi6GcRPv2YA1reBeOouJq+8E8RXs5m0qlMhvkrfyKRdBvHWIUxWYijEXxcxSdWXQDz2EJNT1R/is7lMSuXZEK8tYzIq+kL8VsEkbOkF8VsTJqG0G8Rzh7LuFreD+O5XrLNXGkG8N5B1NToD4r8bWDfl50HiYALrZFkHSCzMYF3M2R0SD3NZe1tGZkJiYhlr7fWWkNj4jrX03cWQGFnL2vnrHpA4WcXaWN4HEi8lrLmt4wohMbOcNbXhnj0hsfMVa+ab6+pDYmgxa+LzS3IgsfQ5d+29fumQmFrEXfjk7mMh8bWQO1H5+vADILG2gDuy4S/nNoTE3QfcjtVvTbvpl1mQFFDMH1vz9rSbzz6iPiR1pGdm5+TlFzZo1Hi3poUQEREREamr7BYnnHHeBQMGXnzJZUOGXnnV+V3bNIQkoaBZ84MOPrTDMZ06d+vatgmsSjuw56BbHn5xwZoE/8uWpW/PmHDjRd2aQmqu8NA+V46Z8cE6/kTF18VFD/3u8l+3zYAZ6W3OHztnA2ug5G+3n9Ycsiv7nDn27fXcubK5Ey8+PAtRO2Tg+Lc2s1bWzx593sHpkO3K7XTtMytZU1vff2jQ/ohKswHTv2EdbZ47/pQ8yE8dfmtxBWtt8YOnN0LYCvs8sIhJ2vLy0BaQ/5N+wtilrKvq4ju7ZCM0bW56q5LBWHR/50xI9slTVjFJm5/qm4MQdLjjUwZqw9MXNkVKO+rRjQzExmk9M+FSWscxS+lA4p1LC5CiCi6dxwCtfahLOhzpNLGEzmx6qANS0OGTNzFo34w7DsFrdfsSOvbeoHyklKwB79CNr+5tjyA1veo9hmHjpMOQMrIvX0aH/nXrwQhGvXNfrmRo3hmYh1SQM3QFXZt3eQGSld798VKGa/1vcxF3ecNKGIZNkw9DMjqM/YYRWHlpJuIs55pVDM3b/XNRN/uN/IRR+fysNMTW6UsYqnVjWqLW8vr/I8EozeuBeDp8DkOXeLVfJmrjyMkbGLk5xyF+mk6pZiS+uX1f1FCjKxbQhqJDEC/ZIzYyMlXPn5yOXUo76cktNGPbzRmIkaM/YbSW3nN8Onam2Y2LaUtxa8RFzr1VjN7a6Wc1wPbtPXhmFc0pH56GWDjuUxqx7bWrW+LnOvzuAxo1pwX8lzu6mpZ89bfRF3fap2EmkHFgj6HjXlxJwzZdAt+1/5w2bV23jR54cS94bdAWSlLW94O/8qZSkpW4Eb5q+RElAI9kwkv9NlIC8Up9+CftbkpQFu4L32T/iRKckg7wS/3XKEEq7QWf7L2QEqyqIfBHuxWUwN0KX3TeQHHgKvihSxnFhcQ58MGJmylubOsO+04opbhSejSs61RKcWdtK9h23CaKS8uawbKjN1Lc+rgh7DpgNcW1N/NgVZPPKe5Ng1G5b1PCcC5MSp9BCcXG/WHRHygheScT9gyjhOZOmNOtmhKa6s4wZu81lBCtaAxTMt+ihOp/YMoYSsguhyF9KWFbXwAzDthACdm8NjAjZz4lXFV3ZcGO0ZRwLTkehnSqpoTqsUIYUu8LSpjW9oUpD1DC9NIeMKVzghKessGwpWApJTzFLWHMZEp4/pgFY05IUMKSuAnWZCyghGXrOTBnCCUs646HOU3WU0LyxUGw50FKSN5oAns6VFPC8WQODHqLEo47YNH5lFBsGwiLspdRwlDWFSYNoYSh8mSYlLuSEoLE+bBpOCUMw2BT/mpKCO6CUddTQjAFRtVfR3Hv2QwYdQvFvddzYFS99RTn5hXCqsspzn3RFFalfUpxraQFzOpJca38cNg1i+LaZbDrEIprT8GwhymOLa4Pu5qUU9yqOBKGXU9x7CpY9hnFrZmw7BiKW2UtYNkkilsjYFn2eopT8zNgWT+KU1VHwrQXKE79HqY1raS4tCIfpg2nODUItr1PcemzDJi2d4LiUj/YNpjiUjGMm0lxqStsK6ygOPR3GHcGxaWOMO4JikPvwrjM9RSHzoFxXSgOrciEcWMoDl0P6+ZR3ClrDOMaVFPceRDW9aY4dCisu5/iziKYV0xxZxSsK6ikuNMK1vWkuDMf5t1Dced6mDeX4k4LWJe5heJMMcxrS3HnVph3PsWdzjDvfooz5Tkw7xWKM7Nh32qKMzfCvD0p7nSEeT0pzpRmwrzrKc7MhH1/pjhzF+x7j+LMObBvDcWZtjAvn+JMRRbMa0txZiHsO4XizJOw7wqKMyNh31iKM71h37MUZ1rDvvkUZ+rDvu8orpTBviyKM0tgX1OKM2/DvoMpzsyAfZ0ozkyEfadQnLkJ9g2gODMI9g2jOHMm7LuN4kxf2DeB4kxv2PckxZnusO85ijNdYF8RxZnjYV8RxZljYF8RxZkOsK+I4kw72FdEcaYt7CuiOHMs7CuiONMN9hVRnDkN9hVRnBkA+4oozgyFfUUUZ0bCviKKM3fBviKKM+NhXxHFmamwr4jizPOwr4jizDzYV0RxZg3sK6I4k8iBeUUUdw6EeUUUdzrDvCKKOxfAvCKKOyNh3pMUdybBvLEUd2bBvOso7qyCeRdSHNoT1vWgONQT1rWnODQS1u1FcegpWJdRTXHnXzBvDcWd6nxY9zHFoY6w7lWKQyNh3Z8oDr0K68ZSHCrPgXG/pbjUBcZdQHHpDhh3PMWluTBuL4pLlYWwLa2c4tIpMG4RxaWpMO4FikvfZ8O2cRSn+sC2qyhOPQnbTqE4VZoH09pQ3DoDpuUlKE49A9tKKE6VN4Jpb1LcGgHTHqe49VU6LBtFcexUWHYaxbHZsOwgimuHwLD0zRTHJsOyYopjmxvDsEcprt0Pw4ZRXCvfC3Z1pTg3CXbtRnFu2/6w61uKc4/Drr9TnKs+BGaNpbj3EswaSAnB6bDqCEoIVhTAqJwKSgh+D6uKKSGoag+jxlHC8G46bDqHEoqhsKkFJRTlh8CmVZRQLMyFSUWUcEyCSSMpIekLizpTQrJ+HxiUX0UJyRtZMGgBJSxTYNCDlNBcA3supISm+hSYcxAlPKWHwZzllPAs3xPWTKWEaF4DGHMBJUxzC2DLXpRQ/SMPtiyihOqVHJgynhKuF7JgyamUkD2XB0MaVFFCVrwHDCmmhO3rdrDjbkroNvaAGb+khK9qCKzI3UKJwB/SYcQrlCi8kA8bhlIiMX9vmLAvJRorO8CEeZRobD4VFtxCicqUQkSvPSUyX3dD9L6mROehAkRtPCVCX3VFxLpRopSYXIBIZW2gRGppF0Tqz5RoJSbmI0JnU6K2pDOiU7+CErln2yAyz1OiV/XYvojIWRQLto5tgkjkbaKYsHFUAaIwnWLE6iuzEb4eFDO+6p+OsGWsptjxcXeEbQLFkJcRtuMohtyM0C2h2HEAQncHxYx3EL42FDOuRATmU4yoaooIXEExYhai0LCcYkN/RGIaxYTyQkSiE8WEpxCRTygW/BoRuYpiwPpsRKTRFkr0JiEy0ynROxyROZ4SuXcRoUWUqF2ECA2jRGxDPUSocTklWhMQqQmUaLVDpJpXUqL0NiI2nRKlAYhY2wQlOt/lImovUKIzDpHrRIlMdStE7w1KVJ6BAb0oUTkCFnxEicYsmHAuJRonwoSMJZQovAUjhlCi0BtG5K6ihO9DmHEDJXxnw4wGGylh+yIddtxLCdslMGTPrZRwrcyGJQ9RwjUcphxYRQnT2nzY8hQlTKNgTHtKiDY1gjUzKeG5D+YcnaCEZcuesOcJSlgmw6B9yijhqGwBi26jhGM6TMovoYShsjVsupAShnEwKu0DintrG8KqX1DcGwy7ZlBc+ygDdh1QQXHsJFh2P8WtZ2FagzUUl7buD9sGU1y6G8ZlfEJxp6QA1vWguDMA9r1McaU4Dfa1qaS4kTgOPphIceMJeKHJ9xQXNjeDH66huHATPJH9JSV4X+XCF7+iBK8f/PEIJWhz4JH6yynBqj4cPulBCdYf4JdHKUH6PA9+qb+CEpzqjvBNT0pw7oN/HqMEZVEO/NNgBSUYlUfBRydTgnEn/PRHShA+yoafGqykJG9be/iqFyV5t8Bf0yjJmpcJfzUsoSSnoh181puSnBvgt8cpySjOgN8afUOpuy0Hw3d9KHV3Lfz3OKWu3kqH/wo+o9RNWUvEQdvNlDq5CvFwPqUuZqYhJiZTau+b3REX2e9Raqv6JMRH8/WUWroNcdIrQamVf2QgVu6g1MbaZoiX9NmUmkv0QtzsvpJSY6MRP522UWro3SzE0HBKzXzfArH0DKVG+iGeCj+n1MAkxNWhZZRd+jAXsTWAsiulrRFjD1N2oT/iLGceZaemId72XUnZic/yEXOHbqDsUNlhiL3OWyk7kOiHFHBGNWX7bkBKuJKyXY8jRdxD2Y43s5EqHqf8lyW7IWVkzqL8zIY2SCEF71N+ovJXSClNv6T82G+QYg5cTfl/Y5Byjiyl/GAcUlCXUsp/PICUdNz3lH8bjxTVYS2FnICU1fZbykSksJbLGYEtC2Y9M3XCPTcNu/isXice1fW8q++dOnN+SSUjMQkprflihqny06dvOb1VBrYnbbe2p4+Zu5XhmoQUt/ubDEflG3efd1g2diWn4zUzShiaB9KQ6rIfo3srHunXADXX/NyJyxmCrYMgwNVVdKli9oh2qLW0Y+5bTMeWHw35t54b6MrGaX3yUVft7/iUDr2+O+Q/Dv6SLlQ8d2YuktNm1Ed0ZEwG5AeNnmXQql+/pCGC0P6BdQze5rMhPzZgA4M0/9q9EZjsfi9WMVhftoP81L6vMSirxh6KgO113WcM0PMNID+XNmwLA1Ax45RMuNBxykYGo+QsyPYc/D6T9f4VjeFM3vmvVjNpVeMKIduXOXQNk/Dt6LZwbL9Ri5mcdzpAdqzwzjLWzdane2UgBGknTi1lnc3vA9m5vR+rZu0V/6YRQpN/7jObWRcf9oXsWruXWTsr72uDkOX1nf49ayfx2ulpkBo59pFNrKHqd0cdkYYoZPV4eDVrbMUd+0NqLn/gm9y1DU9f2BQRSj/x1lnfcddWPdEzHVJLre79ljtR/cmYk7IQvbTWF06eX8kd2jr7uvZpkLrIPP66ojX8b1WLpg/7RQEMqfeLEdNnvr90E3+sevGLowd1qgdJSsuBjyxK8AeVC6de0akerMreq12XMy6/dvB5fTofcVAuzPpfTkq1f/bQtVEAAAAASUVORK5CYII=\" />\n                </defs>\n            </svg>\n        )}\n            outlined\n            severity=\"secondary\"\n        >\n        </Button> */}\n        </div>\n    )\n}\n"]}

package/dist/components/common/SolidAdmin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidAdmin.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidAdmin.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,+CAwBtB,CAAC"}
+{"version":3,"file":"SolidAdmin.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidAdmin.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,+CAwMtB,CAAC"}

package/dist/components/common/SolidAdmin.js

@@ -1,10 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from "primereact/card";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { Message } from "primereact/message";
 import { env } from "../../adapters/env";
+import SolidLogo from '../../resources/images/SolidXLogo.svg';
 export var SolidAdmin = function () {
     var redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL");
     var hasRedirect = Boolean(redirectUrl);
-    return (_jsx("div", { className: "flex align-items-center justify-content-center", style: { minHeight: "60vh" }, children: _jsxs("div", { className: "w-full", style: { maxWidth: 720 }, children: [!hasRedirect && (_jsx("div", { className: "mb-3", children: _jsx(Message, { severity: "warn", text: "Default redirect URL is not configured. Please ask your system administrator to set VITE_LOGIN_REDIRECT_URL." }) })), hasRedirect && (_jsx(Card, { title: "Welcome to SolidX", children: _jsx("p", { className: "m-0", children: "SolidX is the admin console for managing modules, models, views, and permissions. Use the left navigation to explore modules, configure settings, and build your app." }) }))] }) }));
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: "\n        @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap');\n\n        .solid-welcome {\n          min-height: 100vh;\n          background: #FFF;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-family: 'DM Sans', sans-serif;\n          padding: 2rem;\n        }\n\n        .welcome-card {\n          text-align: center;\n          max-width: 560px;\n          width: 100%;\n        }\n\n\n        .logo-wrap {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 56px;\n          height: 56px;\n          background: #1A1A1A;\n          border-radius: 14px;\n          margin-bottom: 2rem;\n        }\n\n        .logo-letter {\n          font-family: 'Lora', serif;\n          font-weight: 500;\n          font-size: 1.5rem;\n          color: #FAFAF8;\n          letter-spacing: -0.02em;\n        }\n\n        .welcome-eyebrow {\n          font-size: 0.72rem;\n          font-weight: 500;\n          letter-spacing: 0.12em;\n          text-transform: uppercase;\n          color: #A0A096;\n          margin-bottom: 0.85rem;\n        }\n\n        .welcome-title {\n          font-family: 'Lora', serif;\n          font-size: 2.4rem;\n          font-weight: 400;\n          color: #1A1A1A;\n          line-height: 1.2;\n          margin-bottom: 1.25rem;\n          letter-spacing: -0.02em;\n        }\n\n        .welcome-title em {\n          font-style: italic;\n          color: #555550;\n        }\n\n        .divider {\n          width: 36px;\n          height: 1.5px;\n          background: #D4D4CC;\n          margin: 0 auto 1.25rem;\n        }\n\n        .welcome-desc {\n          font-size: 0.975rem;\n          font-weight: 300;\n          color: #6E6E66;\n          line-height: 1.75;\n          margin-bottom: 2.25rem;\n        }\n\n        .features-row {\n          display: flex;\n          justify-content: center;\n          gap: 1rem;\n          flex-wrap: wrap;\n        }\n\n        .feature-pill {\n          font-size: 0.78rem;\n          font-weight: 400;\n          color: #7A7A72;\n          background: #F0F0EC;\n          border: 1px solid #E4E4DF;\n          border-radius: 100px;\n          padding: 0.35rem 0.9rem;\n          letter-spacing: 0.01em;\n          transition: background 0.2s, color 0.2s;\n          cursor: default;\n        }\n\n        .feature-pill:hover {\n          background: #E8E8E3;\n          color: #3A3A35;\n        }\n\n        .hint {\n          margin-top: 2.5rem;\n          font-size: 0.78rem;\n          color: #B0B0A8;\n          font-weight: 300;\n        }\n\n        .hint span {\n          display: inline-block;\n          background: #EDEDE9;\n          border: 1px solid #E0E0DB;\n          border-radius: 5px;\n          padding: 0.1rem 0.45rem;\n          font-size: 0.72rem;\n          color: #8A8A82;\n          font-family: monospace;\n          vertical-align: middle;\n        }\n      " }), _jsxs("div", { className: "solid-welcome", children: [!hasRedirect && (_jsx("div", { className: "mb-3", children: _jsx(Message, { severity: "warn", text: "Default redirect URL is not configured. Please ask your system administrator to set VITE_LOGIN_REDIRECT_URL." }) })), hasRedirect && (_jsxs("div", { className: "welcome-card", children: [_jsx("img", { alt: "solid logo", src: SolidLogo, className: "mb-5 w-6rem flex-shrink-0" }), _jsx("p", { className: "welcome-eyebrow", children: "Admin Console" }), _jsxs("h1", { className: "welcome-title", children: ["Welcome to ", _jsx("em", { children: "SolidX" })] }), _jsx("div", { className: "divider" }), _jsx("p", { className: "welcome-desc", children: "Manage your modules, models, views, and permissions from one place. Use the navigation on the left to explore and configure your application." }), _jsx("div", { className: "features-row", children: ["Modules", "Models", "Views", "Permissions", "Settings"].map(function (label) { return (_jsx("span", { className: "feature-pill", children: label }, label)); }) }), _jsxs("p", { className: "hint", children: ["Get started by selecting a section from the ", _jsx("span", { children: "left nav" })] })] }))] })] }));
 };
 //# sourceMappingURL=SolidAdmin.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidAdmin.js","sourceRoot":"","sources":["../../../src/components/common/SolidAdmin.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,IAAM,WAAW,GAAG,GAAG,CAAC,gCAAgC,CAAC,CAAC;IAC1D,IAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAEzC,OAAO,CACL,cAAK,SAAS,EAAC,gDAAgD,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAC1F,eAAK,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,aAC7C,CAAC,WAAW,IAAI,CACf,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,OAAO,IACN,QAAQ,EAAC,MAAM,EACf,IAAI,EAAC,8GAA8G,GACnH,GACE,CACP,EACA,WAAW,IAAI,CAAC,KAAC,IAAI,IAAC,KAAK,EAAC,mBAAmB,YAC9C,YAAG,SAAS,EAAC,KAAK,sLAGd,GACC,CAAC,IACJ,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SolidAdmin.js","sourceRoot":"","sources":["../../../src/components/common/SolidAdmin.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,SAAS,MAAM,uCAAuC,CAAA;AAE7D,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,IAAM,WAAW,GAAG,GAAG,CAAC,gCAAgC,CAAC,CAAC;IAC1D,IAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAEzC,OAAO,CACL,8BACE,0BAAQ,qgGAyHP,GAAS,EA0BV,eAAK,SAAS,EAAC,eAAe,aAC3B,CAAC,WAAW,IAAI,CACf,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,OAAO,IACN,QAAQ,EAAC,MAAM,EACf,IAAI,EAAC,8GAA8G,GACnH,GACE,CACP,EACA,WAAW,IAAI,CACd,eAAK,SAAS,EAAC,cAAc,aAE3B,cACE,GAAG,EAAC,YAAY,EAChB,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,2BAA2B,GACrC,EAEF,YAAG,SAAS,EAAC,iBAAiB,8BAAkB,EAEhD,cAAI,SAAS,EAAC,eAAe,4BAChB,kCAAe,IACvB,EAEL,cAAK,SAAS,EAAC,SAAS,GAAG,EAE3B,YAAG,SAAS,EAAC,cAAc,8JAIvB,EAEJ,cAAK,SAAS,EAAC,cAAc,YAC1B,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACxE,eAAkB,SAAS,EAAC,cAAc,YAAE,KAAK,IAAtC,KAAK,CAAyC,CAC1D,EAFyE,CAEzE,CAAC,GACE,EAEN,aAAG,SAAS,EAAC,MAAM,6DAC2B,sCAAqB,IAC/D,IAEA,CACP,IACG,IACL,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Message } from \"primereact/message\";\nimport { env } from \"../../adapters/env\";\nimport SolidLogo from '../../resources/images/SolidXLogo.svg'\n\nexport const SolidAdmin = () => {\n  const redirectUrl = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\");\n  const hasRedirect = Boolean(redirectUrl);\n\n  return (\n    <>\n      <style>{`\n        @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap');\n\n        .solid-welcome {\n          min-height: 100vh;\n          background: #FFF;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-family: 'DM Sans', sans-serif;\n          padding: 2rem;\n        }\n\n        .welcome-card {\n          text-align: center;\n          max-width: 560px;\n          width: 100%;\n        }\n\n\n        .logo-wrap {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          width: 56px;\n          height: 56px;\n          background: #1A1A1A;\n          border-radius: 14px;\n          margin-bottom: 2rem;\n        }\n\n        .logo-letter {\n          font-family: 'Lora', serif;\n          font-weight: 500;\n          font-size: 1.5rem;\n          color: #FAFAF8;\n          letter-spacing: -0.02em;\n        }\n\n        .welcome-eyebrow {\n          font-size: 0.72rem;\n          font-weight: 500;\n          letter-spacing: 0.12em;\n          text-transform: uppercase;\n          color: #A0A096;\n          margin-bottom: 0.85rem;\n        }\n\n        .welcome-title {\n          font-family: 'Lora', serif;\n          font-size: 2.4rem;\n          font-weight: 400;\n          color: #1A1A1A;\n          line-height: 1.2;\n          margin-bottom: 1.25rem;\n          letter-spacing: -0.02em;\n        }\n\n        .welcome-title em {\n          font-style: italic;\n          color: #555550;\n        }\n\n        .divider {\n          width: 36px;\n          height: 1.5px;\n          background: #D4D4CC;\n          margin: 0 auto 1.25rem;\n        }\n\n        .welcome-desc {\n          font-size: 0.975rem;\n          font-weight: 300;\n          color: #6E6E66;\n          line-height: 1.75;\n          margin-bottom: 2.25rem;\n        }\n\n        .features-row {\n          display: flex;\n          justify-content: center;\n          gap: 1rem;\n          flex-wrap: wrap;\n        }\n\n        .feature-pill {\n          font-size: 0.78rem;\n          font-weight: 400;\n          color: #7A7A72;\n          background: #F0F0EC;\n          border: 1px solid #E4E4DF;\n          border-radius: 100px;\n          padding: 0.35rem 0.9rem;\n          letter-spacing: 0.01em;\n          transition: background 0.2s, color 0.2s;\n          cursor: default;\n        }\n\n        .feature-pill:hover {\n          background: #E8E8E3;\n          color: #3A3A35;\n        }\n\n        .hint {\n          margin-top: 2.5rem;\n          font-size: 0.78rem;\n          color: #B0B0A8;\n          font-weight: 300;\n        }\n\n        .hint span {\n          display: inline-block;\n          background: #EDEDE9;\n          border: 1px solid #E0E0DB;\n          border-radius: 5px;\n          padding: 0.1rem 0.45rem;\n          font-size: 0.72rem;\n          color: #8A8A82;\n          font-family: monospace;\n          vertical-align: middle;\n        }\n      `}</style>\n\n      {/* <div className=\"flex flex-column align-items-center justify-content-center min-h-screen bg-white\">\n        {!hasRedirect && (\n          <div className=\"mb-3\">\n            <Message\n              severity=\"warn\"\n              text=\"Default redirect URL is not configured. Please ask your system administrator to set VITE_LOGIN_REDIRECT_URL.\"\n            />\n          </div>\n        )}\n        {hasRedirect && (\n          <>\n            <img\n              alt=\"solid logo\"\n              src={SolidLogo}\n              className=\"mb-5 w-6rem flex-shrink-0\"\n            />\n            <h1 className=\"mt-0 mb-3\">Welcome to SolidX</h1>\n            <p className=\"text-600 line-height-3 mt-0 mb-5 text-xl w-5 text-center\">\n              SolidX is the admin console for managing modules, models, views, and permissions. Use the\n              left navigation to explore modules, configure settings, and build your app.\n            </p>\n          </>\n        )}\n      </div> */}\n      <div className=\"solid-welcome\">\n        {!hasRedirect && (\n          <div className=\"mb-3\">\n            <Message\n              severity=\"warn\"\n              text=\"Default redirect URL is not configured. Please ask your system administrator to set VITE_LOGIN_REDIRECT_URL.\"\n            />\n          </div>\n        )}\n        {hasRedirect && (\n          <div className=\"welcome-card\">\n\n            <img\n              alt=\"solid logo\"\n              src={SolidLogo}\n              className=\"mb-5 w-6rem flex-shrink-0\"\n            />\n\n            <p className=\"welcome-eyebrow\">Admin Console</p>\n\n            <h1 className=\"welcome-title\">\n              Welcome to <em>SolidX</em>\n            </h1>\n\n            <div className=\"divider\" />\n\n            <p className=\"welcome-desc\">\n              Manage your modules, models, views, and permissions\n              from one place. Use the navigation on the left to\n              explore and configure your application.\n            </p>\n\n            <div className=\"features-row\">\n              {[\"Modules\", \"Models\", \"Views\", \"Permissions\", \"Settings\"].map((label) => (\n                <span key={label} className=\"feature-pill\">{label}</span>\n              ))}\n            </div>\n\n            <p className=\"hint\">\n              Get started by selecting a section from the <span>left nav</span>\n            </p>\n\n          </div>\n        )}\n      </div>\n    </>\n  );\n};\n"]}

package/dist/components/common/SolidAdmin.tsx

@@ -1,14 +1,137 @@
-import { Card } from "primereact/card";
 import { Message } from "primereact/message";
 import { env } from "../../adapters/env";
+import SolidLogo from '../../resources/images/SolidXLogo.svg'
 
 export const SolidAdmin = () => {
   const redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL");
   const hasRedirect = Boolean(redirectUrl);
 
   return (
-    <div className="flex align-items-center justify-content-center" style={{ minHeight: "60vh" }}>
-      <div className="w-full" style={{ maxWidth: 720 }}>
+    <>
+      <style>{`
+        @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap');
+
+        .solid-welcome {
+          min-height: 100vh;
+          background: #FFF;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-family: 'DM Sans', sans-serif;
+          padding: 2rem;
+        }
+
+        .welcome-card {
+          text-align: center;
+          max-width: 560px;
+          width: 100%;
+        }
+
+
+        .logo-wrap {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          width: 56px;
+          height: 56px;
+          background: #1A1A1A;
+          border-radius: 14px;
+          margin-bottom: 2rem;
+        }
+
+        .logo-letter {
+          font-family: 'Lora', serif;
+          font-weight: 500;
+          font-size: 1.5rem;
+          color: #FAFAF8;
+          letter-spacing: -0.02em;
+        }
+
+        .welcome-eyebrow {
+          font-size: 0.72rem;
+          font-weight: 500;
+          letter-spacing: 0.12em;
+          text-transform: uppercase;
+          color: #A0A096;
+          margin-bottom: 0.85rem;
+        }
+
+        .welcome-title {
+          font-family: 'Lora', serif;
+          font-size: 2.4rem;
+          font-weight: 400;
+          color: #1A1A1A;
+          line-height: 1.2;
+          margin-bottom: 1.25rem;
+          letter-spacing: -0.02em;
+        }
+
+        .welcome-title em {
+          font-style: italic;
+          color: #555550;
+        }
+
+        .divider {
+          width: 36px;
+          height: 1.5px;
+          background: #D4D4CC;
+          margin: 0 auto 1.25rem;
+        }
+
+        .welcome-desc {
+          font-size: 0.975rem;
+          font-weight: 300;
+          color: #6E6E66;
+          line-height: 1.75;
+          margin-bottom: 2.25rem;
+        }
+
+        .features-row {
+          display: flex;
+          justify-content: center;
+          gap: 1rem;
+          flex-wrap: wrap;
+        }
+
+        .feature-pill {
+          font-size: 0.78rem;
+          font-weight: 400;
+          color: #7A7A72;
+          background: #F0F0EC;
+          border: 1px solid #E4E4DF;
+          border-radius: 100px;
+          padding: 0.35rem 0.9rem;
+          letter-spacing: 0.01em;
+          transition: background 0.2s, color 0.2s;
+          cursor: default;
+        }
+
+        .feature-pill:hover {
+          background: #E8E8E3;
+          color: #3A3A35;
+        }
+
+        .hint {
+          margin-top: 2.5rem;
+          font-size: 0.78rem;
+          color: #B0B0A8;
+          font-weight: 300;
+        }
+
+        .hint span {
+          display: inline-block;
+          background: #EDEDE9;
+          border: 1px solid #E0E0DB;
+          border-radius: 5px;
+          padding: 0.1rem 0.45rem;
+          font-size: 0.72rem;
+          color: #8A8A82;
+          font-family: monospace;
+          vertical-align: middle;
+        }
+      `}</style>
+
+      {/* <div className="flex flex-column align-items-center justify-content-center min-h-screen bg-white">
         {!hasRedirect && (
           <div className="mb-3">
             <Message
@@ -17,13 +140,66 @@ export const SolidAdmin = () => {
             />
           </div>
         )}
-        {hasRedirect && (<Card title="Welcome to SolidX">
-          <p className="m-0">
-            SolidX is the admin console for managing modules, models, views, and permissions. Use the
-            left navigation to explore modules, configure settings, and build your app.
-          </p>
-        </Card>)}
+        {hasRedirect && (
+          <>
+            <img
+              alt="solid logo"
+              src={SolidLogo}
+              className="mb-5 w-6rem flex-shrink-0"
+            />
+            <h1 className="mt-0 mb-3">Welcome to SolidX</h1>
+            <p className="text-600 line-height-3 mt-0 mb-5 text-xl w-5 text-center">
+              SolidX is the admin console for managing modules, models, views, and permissions. Use the
+              left navigation to explore modules, configure settings, and build your app.
+            </p>
+          </>
+        )}
+      </div> */}
+      <div className="solid-welcome">
+        {!hasRedirect && (
+          <div className="mb-3">
+            <Message
+              severity="warn"
+              text="Default redirect URL is not configured. Please ask your system administrator to set VITE_LOGIN_REDIRECT_URL."
+            />
+          </div>
+        )}
+        {hasRedirect && (
+          <div className="welcome-card">
+
+            <img
+              alt="solid logo"
+              src={SolidLogo}
+              className="mb-5 w-6rem flex-shrink-0"
+            />
+
+            <p className="welcome-eyebrow">Admin Console</p>
+
+            <h1 className="welcome-title">
+              Welcome to <em>SolidX</em>
+            </h1>
+
+            <div className="divider" />
+
+            <p className="welcome-desc">
+              Manage your modules, models, views, and permissions
+              from one place. Use the navigation on the left to
+              explore and configure your application.
+            </p>
+
+            <div className="features-row">
+              {["Modules", "Models", "Views", "Permissions", "Settings"].map((label) => (
+                <span key={label} className="feature-pill">{label}</span>
+              ))}
+            </div>
+
+            <p className="hint">
+              Get started by selecting a section from the <span>left nav</span>
+            </p>
+
+          </div>
+        )}
       </div>
-    </div>
+    </>
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SolidBreadcrumb.js","sourceRoot":"","sources":["../../../src/components/common/SolidBreadcrumb.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SolidBreadcrumb.js","sourceRoot":"","sources":["../../../src/components/common/SolidBreadcrumb.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { BreadCrumb } from \"primereact/breadcrumb\";\nimport { useEffect, useState } from \"react\";\n\ninterface BreadcrumbItem {\n  label: string;\n  link?: string;\n}\n\ninterface Props {\n  solidFormViewMetaData?: any;\n  initialEntityData?: any;\n}\n\nconst toTitleCase = (str: string) => {\n  return str\n    .replace(/[-_]/g, \" \")\n    .replace(/([a-z])([A-Z])/g, \"$1 $2\")\n    .replace(/\\b\\w/g, (char) => char.toUpperCase());\n};\n\nconst truncateText = (text: string, maxLength: number = 15) => {\n  if (text.length <= maxLength) return text;\n  return `${text.substring(0, maxLength)}...`;\n};\n\nexport const SolidBreadcrumb = (props: Props) => {\n  const { solidFormViewMetaData, initialEntityData } = props;\n\n  const modelMetadata = solidFormViewMetaData?.data?.solidView?.model;\n  const pathname = usePathname();\n  const router = useRouter();\n  const searchParams = useSearchParams();\n  const segments = pathname.split(\"/\").filter(Boolean);\n\n  let userKeyFieldValue: string | null = null;\n\n  if (modelMetadata?.userKeyField) {\n    const userKeyFieldName = modelMetadata.userKeyField.name;\n    if (userKeyFieldName && initialEntityData?.[userKeyFieldName] !== undefined) {\n      userKeyFieldValue = initialEntityData[userKeyFieldName];\n    }\n  }\n\n  const queryUserKeyField = searchParams.get(\"userKeyField\");\n  const isNewForm = pathname.endsWith(\"/new\");\n\n  useEffect(() => {\n    if (!isNewForm && userKeyFieldValue && !queryUserKeyField) {\n      const params = new URLSearchParams(searchParams.toString());\n      params.set(\"userKeyField\", userKeyFieldValue);\n      const newUrl = `${pathname}?${params.toString()}`;\n      router.push(newUrl);\n    }\n  }, [pathname, userKeyFieldValue, queryUserKeyField, isNewForm, router]);\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 breadcrumbItems: BreadcrumbItem[] = [];\n\n  if (segments.length >= 4 && segments[0] === \"admin\" && segments[1] === \"core\") {\n    const moduleName = segments[2];\n    const modelName = segments[3];\n    const modelDisplayName = modelMetadata?.displayName || toTitleCase(modelName);\n\n    // Link to model list or kanban view based on stored view\n    breadcrumbItems.push({\n      label: modelDisplayName,\n      link: `/admin/core/${moduleName}/${modelName}/${fromView || \"list\"}`,\n    });\n\n    breadcrumbItems.push({\n      label: isNewForm\n        ? `Add ${modelDisplayName} Details`\n        : decodeURIComponent(queryUserKeyField || userKeyFieldValue || segments[segments.length - 1] || \"\"),\n    });\n  }\n\n  const items = breadcrumbItems.map((item, index) => ({\n    label: item.label,\n    ...(item.link\n      ? {\n        template: () => {\n          const fullLabel = item.label;\n          const truncatedLabel = truncateText(fullLabel, 10);\n          const shouldTruncate = fullLabel.length > 10;\n\n          const handleClick = (e: any) => {\n            e.preventDefault();\n            // prefer stored full return url which preserves query params (action/menu)\n            if (typeof window !== \"undefined\") {\n              const storedFullUrl = sessionStorage.getItem(\"fromViewUrl\");\n              if (storedFullUrl) {\n                router.push(storedFullUrl);\n                return;\n              }\n            }\n            router.push(item.link!);\n          };\n\n          return (\n            <a onClick={handleClick}>\n              <p\n                className={`${index === 1 ? 'font-bold' : 'font-normal'} ${shouldTruncate ? 'cursor-pointer' : ''}`}\n                title={shouldTruncate ? fullLabel : undefined}\n              >\n                {truncatedLabel}\n              </p>\n            </a>\n          );\n        },\n      }\n      : {}),\n  }));\n\n  return <BreadCrumb model={items} className=\"solid-breadcrumb\" />;\n};\n"]}

package/dist/components/common/SolidErrorPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidErrorPage.tsx"],"names":[],"mappings":"AAIA,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,iDAKxB,mBAAmB,4CAoBrB,CAAC"}
+{"version":3,"file":"SolidErrorPage.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidErrorPage.tsx"],"names":[],"mappings":"AAKA,KAAK,mBAAmB,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,iDAKxB,mBAAmB,4CAoCrB,CAAC"}

package/dist/components/common/SolidErrorPage.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Card } from "primereact/card";
 import { Button } from "primereact/button";
 import { useRouter } from "../../hooks/useRouter";
+import SolidLogo from '../../resources/images/SolidXLogo.svg';
+import ErrorSvg from '../../resources/images/errors/error.svg';
 export var SolidErrorPage = function (_a) {
     var _b = _a.title, title = _b === void 0 ? "Error Occurred" : _b, _c = _a.message, message = _c === void 0 ? "Something went wrong." : _c, _d = _a.actionLabel, actionLabel = _d === void 0 ? "Go to Dashboard" : _d, _e = _a.actionHref, actionHref = _e === void 0 ? "/admin" : _e;
     var router = useRouter();
-    return (_jsx("div", { className: "flex align-items-center justify-content-center", style: { minHeight: "70vh" }, children: _jsx(Card, { className: "w-full", style: { maxWidth: 420 }, children: _jsxs("div", { className: "flex flex-column align-items-center text-center gap-3", children: [_jsx("i", { className: "pi pi-exclamation-circle", style: { fontSize: 28, color: "#e91e63" } }), _jsx("h2", { className: "m-0", children: title }), _jsx("p", { className: "m-0 text-sm", children: message }), _jsx(Button, { label: actionLabel, link: true, onClick: function () { return router.push(actionHref); }, className: "mt-2" })] }) }) }));
+    return (_jsx("div", { className: "surface-ground flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden", children: _jsxs("div", { className: "flex flex-column align-items-center justify-content-center", children: [_jsx("img", { alt: "solid logo", src: SolidLogo, className: "mb-5 w-6rem flex-shrink-0" }), _jsx("div", { style: { borderRadius: '56px', padding: '0.3px', background: "linear-gradient(rgba(114, 46, 209, 0.6) 0%, rgba(114, 46, 209, 0) 40%)" }, children: _jsxs("div", { className: "w-full py-8 px-5 sm:px-8 flex flex-column align-items-center m-2", style: { borderRadius: '53px', backgroundColor: 'white' }, children: [_jsx("div", { className: "flex justify-content-center align-items-center bg-pink-500 border-circle", style: { height: '3rem', width: '3rem', backgroundColor: 'var(--primary-color)' }, children: _jsx("i", { className: "pi pi-fw pi-exclamation-circle text-2xl text-white" }) }), _jsx("h1", { className: "text-900 font-bold text-5xl mb-2", children: title }), _jsx("div", { className: "text-600 mb-5", children: message }), _jsx("img", { alt: "solid error", src: ErrorSvg, className: "mb-5" }), _jsx(Button, { label: actionLabel, text: true, onClick: function () { return router.push(actionHref); }, className: "mt-2 font-bold", icon: "pi pi-arrow-left", iconPos: "left" })] }) })] }) }));
 };
 //# sourceMappingURL=SolidErrorPage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SolidErrorPage.js","sourceRoot":"","sources":["../../../src/components/common/SolidErrorPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AASlD,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAKT;QAJpB,aAAwB,EAAxB,KAAK,mBAAG,gBAAgB,KAAA,EACxB,eAAiC,EAAjC,OAAO,mBAAG,uBAAuB,KAAA,EACjC,mBAA+B,EAA/B,WAAW,mBAAG,iBAAiB,KAAA,EAC/B,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA;IAErB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,cAAK,SAAS,EAAC,gDAAgD,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAC1F,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAC/C,eAAK,SAAS,EAAC,uDAAuD,aACpE,YAAG,SAAS,EAAC,0BAA0B,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAI,EACrF,aAAI,SAAS,EAAC,KAAK,YAAE,KAAK,GAAM,EAChC,YAAG,SAAS,EAAC,aAAa,YAAE,OAAO,GAAK,EACxC,KAAC,MAAM,IACL,KAAK,EAAE,WAAW,EAClB,IAAI,QACJ,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAvB,CAAuB,EACtC,SAAS,EAAC,MAAM,GAChB,IACE,GACD,GACH,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"SolidErrorPage.js","sourceRoot":"","sources":["../../../src/components/common/SolidErrorPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,SAAS,MAAM,uCAAuC,CAAA;AAC7D,OAAO,QAAQ,MAAM,yCAAyC,CAAA;AAS9D,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAKT;QAJpB,aAAwB,EAAxB,KAAK,mBAAG,gBAAgB,KAAA,EACxB,eAAiC,EAAjC,OAAO,mBAAG,uBAAuB,KAAA,EACjC,mBAA+B,EAA/B,WAAW,mBAAG,iBAAiB,KAAA,EAC/B,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA;IAErB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,cAAK,SAAS,EAAC,yGAAyG,YACtH,eAAK,SAAS,EAAC,4DAA4D,aACzE,cACE,GAAG,EAAC,YAAY,EAChB,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,2BAA2B,GACrC,EACF,cAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,wEAAwE,EAAE,YAC1I,eAAK,SAAS,EAAC,kEAAkE,EAAC,KAAK,EAAE,EAAC,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAC,aACvI,cAAK,SAAS,EAAC,0EAA0E,EAAC,KAAK,EAAE,EAAC,MAAM,EAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,sBAAsB,EAAC,YACxK,YAAG,SAAS,EAAC,oDAAoD,GAAG,GAChE,EACN,aAAI,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAM,EAC7D,cAAK,SAAS,EAAC,eAAe,YAAE,OAAO,GAAO,EAC9C,cACE,GAAG,EAAC,aAAa,EACjB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,MAAM,GAChB,EACF,KAAC,MAAM,IACL,KAAK,EAAE,WAAW,EAClB,IAAI,QACJ,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAvB,CAAuB,EACtC,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAC,MAAM,GACd,IACE,GACF,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Button } from \"primereact/button\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport SolidLogo from '../../resources/images/SolidXLogo.svg'\nimport ErrorSvg from '../../resources/images/errors/error.svg'\n\ntype SolidErrorPageProps = {\n  title?: string;\n  message?: string;\n  actionLabel?: string;\n  actionHref?: string;\n};\n\nexport const SolidErrorPage = ({\n  title = \"Error Occurred\",\n  message = \"Something went wrong.\",\n  actionLabel = \"Go to Dashboard\",\n  actionHref = \"/admin\",\n}: SolidErrorPageProps) => {\n  const router = useRouter();\n\n  return (\n    <div className=\"surface-ground flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden\">\n      <div className=\"flex flex-column align-items-center justify-content-center\">\n        <img\n          alt=\"solid logo\"\n          src={SolidLogo}\n          className=\"mb-5 w-6rem flex-shrink-0\"\n        />\n        <div style={{ borderRadius: '56px', padding: '0.3px', background: \"linear-gradient(rgba(114, 46, 209, 0.6) 0%, rgba(114, 46, 209, 0) 40%)\" }}>\n          <div className=\"w-full py-8 px-5 sm:px-8 flex flex-column align-items-center m-2\" style={{borderRadius: '53px', backgroundColor: 'white'}}>\n            <div className=\"flex justify-content-center align-items-center bg-pink-500 border-circle\" style={{height : '3rem', width: '3rem', backgroundColor: 'var(--primary-color)'}}>\n              <i className=\"pi pi-fw pi-exclamation-circle text-2xl text-white\" />\n            </div>\n            <h1 className=\"text-900 font-bold text-5xl mb-2\">{title}</h1>\n            <div className=\"text-600 mb-5\">{message}</div>\n            <img\n              alt=\"solid error\"\n              src={ErrorSvg}\n              className=\"mb-5\"\n            />\n            <Button\n              label={actionLabel}\n              text\n              onClick={() => router.push(actionHref)}\n              className=\"mt-2 font-bold\"\n              icon=\"pi pi-arrow-left\"\n              iconPos=\"left\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/components/common/SolidErrorPage.tsx

@@ -1,6 +1,7 @@
-import { Card } from "primereact/card";
 import { Button } from "primereact/button";
 import { useRouter } from "../../hooks/useRouter";
+import SolidLogo from '../../resources/images/SolidXLogo.svg'
+import ErrorSvg from '../../resources/images/errors/error.svg'
 
 type SolidErrorPageProps = {
   title?: string;
@@ -18,20 +19,36 @@ export const SolidErrorPage = ({
   const router = useRouter();
 
   return (
-    <div className="flex align-items-center justify-content-center" style={{ minHeight: "70vh" }}>
-      <Card className="w-full" style={{ maxWidth: 420 }}>
-        <div className="flex flex-column align-items-center text-center gap-3">
-          <i className="pi pi-exclamation-circle" style={{ fontSize: 28, color: "#e91e63" }} />
-          <h2 className="m-0">{title}</h2>
-          <p className="m-0 text-sm">{message}</p>
-          <Button
-            label={actionLabel}
-            link
-            onClick={() => router.push(actionHref)}
-            className="mt-2"
-          />
+    <div className="surface-ground flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden">
+      <div className="flex flex-column align-items-center justify-content-center">
+        <img
+          alt="solid logo"
+          src={SolidLogo}
+          className="mb-5 w-6rem flex-shrink-0"
+        />
+        <div style={{ borderRadius: '56px', padding: '0.3px', background: "linear-gradient(rgba(114, 46, 209, 0.6) 0%, rgba(114, 46, 209, 0) 40%)" }}>
+          <div className="w-full py-8 px-5 sm:px-8 flex flex-column align-items-center m-2" style={{borderRadius: '53px', backgroundColor: 'white'}}>
+            <div className="flex justify-content-center align-items-center bg-pink-500 border-circle" style={{height : '3rem', width: '3rem', backgroundColor: 'var(--primary-color)'}}>
+              <i className="pi pi-fw pi-exclamation-circle text-2xl text-white" />
+            </div>
+            <h1 className="text-900 font-bold text-5xl mb-2">{title}</h1>
+            <div className="text-600 mb-5">{message}</div>
+            <img
+              alt="solid error"
+              src={ErrorSvg}
+              className="mb-5"
+            />
+            <Button
+              label={actionLabel}
+              text
+              onClick={() => router.push(actionHref)}
+              className="mt-2 font-bold"
+              icon="pi pi-arrow-left"
+              iconPos="left"
+            />
+          </div>
         </div>
-      </Card>
+      </div>
     </div>
   );
 };