@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.4

package/dist/components/common/GlobalToast.d.ts

@@ -1,2 +1,2 @@
-export declare const GlobalToast: () => import("react/jsx-runtime").JSX.Element;
+export { SolidToastProvider as GlobalToast } from "./SolidToastProvider";
 //# sourceMappingURL=GlobalToast.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalToast.d.ts","sourceRoot":"","sources":["../../../src/components/common/GlobalToast.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,+CAmBvB,CAAC"}
+{"version":3,"file":"GlobalToast.d.ts","sourceRoot":"","sources":["../../../src/components/common/GlobalToast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/common/GlobalToast.js

@@ -1,25 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Toast } from 'primereact/toast';
-import { useEffect, useRef } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { clearToast } from '../../redux/features/toastSlice';
-export var GlobalToast = function () {
-    var toastRef = useRef(null);
-    var dispatch = useDispatch();
-    var message = useSelector(function (state) { return state.toast.message; });
-    useEffect(function () {
-        var _a;
-        if (message && toastRef.current) {
-            toastRef.current.show({
-                severity: message.severity,
-                summary: message.summary,
-                detail: message.detail,
-                sticky: message.sticky,
-                life: message.sticky ? undefined : ((_a = message.life) !== null && _a !== void 0 ? _a : 3000),
-            });
-            dispatch(clearToast());
-        }
-    }, [message]);
-    return _jsx(Toast, { ref: toastRef });
-};
+export { SolidToastProvider as GlobalToast } from "./SolidToastProvider";
 //# sourceMappingURL=GlobalToast.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalToast.js","sourceRoot":"","sources":["../../../src/components/common/GlobalToast.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAC;AACzC,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAE7D,MAAM,CAAC,IAAM,WAAW,GAAG;IACvB,IAAM,QAAQ,GAAG,MAAM,CAAQ,IAAI,CAAC,CAAC;IACrC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,OAAO,GAAG,WAAW,CAAC,UAAC,KAAU,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,OAAO,EAAnB,CAAmB,CAAC,CAAC;IAEjE,SAAS,CAAC;;QACN,IAAI,OAAO,IAAI,QAAQ,CAAC,OAAO,EAAE;YAC7B,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC;gBAClB,QAAQ,EAAE,OAAO,CAAC,QAAQ;gBAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;gBACxB,MAAM,EAAE,OAAO,CAAC,MAAM;gBACtB,MAAM,EAAE,OAAO,CAAC,MAAM;gBACtB,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAA,OAAO,CAAC,IAAI,mCAAI,IAAI,CAAC;aAC5D,CAAC,CAAC;YACH,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAC;SAC1B;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,KAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,GAAI,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import { Toast } from 'primereact/toast';\nimport React, { useEffect, useRef } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { clearToast } from '../../redux/features/toastSlice';\n\nexport const GlobalToast = () => {\n    const toastRef = useRef<Toast>(null);\n    const dispatch = useDispatch();\n    const message = useSelector((state: any) => state.toast.message);\n\n    useEffect(() => {\n        if (message && toastRef.current) {\n            toastRef.current.show({\n                severity: message.severity,\n                summary: message.summary,\n                detail: message.detail,\n                sticky: message.sticky,\n                life: message.sticky ? undefined : (message.life ?? 3000),\n            });\n            dispatch(clearToast());\n        }\n    }, [message]);\n\n    return <Toast ref={toastRef} />;\n};\n"]}
+{"version":3,"file":"GlobalToast.js","sourceRoot":"","sources":["../../../src/components/common/GlobalToast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC","sourcesContent":["export { SolidToastProvider as GlobalToast } from \"./SolidToastProvider\";\n"]}

package/dist/components/common/GlobalToast.tsx

@@ -1,25 +1 @@
-import { Toast } from 'primereact/toast';
-import React, { useEffect, useRef } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { clearToast } from '../../redux/features/toastSlice';
-
-export const GlobalToast = () => {
-    const toastRef = useRef<Toast>(null);
-    const dispatch = useDispatch();
-    const message = useSelector((state: any) => state.toast.message);
-
-    useEffect(() => {
-        if (message && toastRef.current) {
-            toastRef.current.show({
-                severity: message.severity,
-                summary: message.summary,
-                detail: message.detail,
-                sticky: message.sticky,
-                life: message.sticky ? undefined : (message.life ?? 3000),
-            });
-            dispatch(clearToast());
-        }
-    }, [message]);
-
-    return <Toast ref={toastRef} />;
-};
+export { SolidToastProvider as GlobalToast } from "./SolidToastProvider";

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

@@ -1 +1 @@
-{"version":3,"file":"MultipleSelectAutoCompleteField.d.ts","sourceRoot":"","sources":["../../../src/components/common/MultipleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,+BAA+B,wIAAyI,GAAG,4CAoDvL,CAAA"}
+{"version":3,"file":"MultipleSelectAutoCompleteField.d.ts","sourceRoot":"","sources":["../../../src/components/common/MultipleSelectAutoCompleteField.tsx"],"names":[],"mappings":"AAUA,eAAO,MAAM,+BAA+B,wIAAyI,GAAG,4CAmDvL,CAAA"}

package/dist/components/common/MultipleSelectAutoCompleteField.js

@@ -35,9 +35,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { AutoComplete } from "primereact/autocomplete";
 import { useEffect, useState } from "react";
 import { getVirtualScrollerOptions } from "../../helpers/autoCompleteVirtualScroll";
+import { SolidAutocomplete } from "../shad-cn-ui";
 // UsesCases
 // 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
 // In case of relationType the Id field will always will be id   
@@ -64,7 +64,7 @@ export var MultipleSelectAutoCompleteField = function (_a) {
             }
         });
     }); };
-    return (_jsx(AutoComplete, { multiple: true, value: selectedItem, suggestions: filteredItem, invalid: isFormFieldValid(formik, fieldName), completeMethod: searchItems, 
+    return (_jsx(SolidAutocomplete, { multiple: true, value: selectedItem, suggestions: filteredItem, completeMethod: searchItems, 
         // virtualScrollerOptions={{ itemSize: 38 }}
         virtualScrollerOptions: getVirtualScrollerOptions({
             itemsLength: filteredItem.length,

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

@@ -1 +1 @@
-{"version":3,"file":"MultipleSelectAutoCompleteField.js","sourceRoot":"","sources":["../../../src/components/common/MultipleSelectAutoCompleteField.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;AAGpF,YAAY;AACZ,oMAAoM;AACpM,iEAAiE;AACjE,uDAAuD;AAEvD,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAC,EAAwI;QAAtI,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;IAEvK,IAAA,KAAkC,QAAQ,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,CAAC,EAA5I,YAAY,QAAA,EAAE,eAAe,QAA+G,CAAC;IAC9I,IAAA,KAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IACrD,SAAS,CAAC;QACN,sBAAsB;QACtB,eAAe,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,CAAC,CAAA;QAClH,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;IAIF,OAAO,CAEH,KAAC,YAAY,IACT,QAAQ,QACR,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,YAAY,EACzB,OAAO,EAAE,gBAAgB,CAAC,MAAM,EAAE,SAAS,CAAC,EAC5C,cAAc,EAAE,WAAW;QAC3B,4CAA4C;QAC5C,sBAAsB,EAAE,yBAAyB,CAAC;YAC9C,WAAW,EAAE,YAAY,CAAC,MAAM;SACjC,CAAC,EACJ,SAAS,EAAC,oCAAoC;QAC9C,WAAW;QACX,uBAAuB;QACvB,KAAK;QACL,KAAK,EAAE,QAAQ,EACf,QAAQ,QACR,QAAQ,EAAE,UAAC,CAAC;YACR,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACzB,IAAI,gBAAgB,EAAE;gBAClB,gBAAgB,CAAC,CAAC,CAAC,CAAC;aACvB;YACD,IAAI,aAAa,KAAK,IAAI,EAAE;gBACxB,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;gBACzC,iDAAiD;aACpD;iBAAM;gBACH,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,EAAX,CAAW,CAAC,CAAC;gBACxD,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;aAC/C;QACL,CAAC,GACH,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["\nimport { AutoComplete } from \"primereact/autocomplete\";\nimport { useEffect, useState } from \"react\";\nimport { getVirtualScrollerOptions } from \"../../helpers/autoCompleteVirtualScroll\";\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 MultipleSelectAutoCompleteField = ({ formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction }: any) => {\n\n    const [selectedItem, setSelectedItem] = useState(existingData && existingData.length > 0 && existingData.map((i: any) => ({ label: i, value: i })));\n    const [filteredItem, setFilteredItem] = useState([]);\n    useEffect(() => {\n        // if (existingData) {\n        setSelectedItem(existingData && existingData.length > 0 && existingData.map((i: any) => ({ label: i, value: i })))\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\n    return (\n\n        <AutoComplete\n            multiple\n            value={selectedItem}\n            suggestions={filteredItem}\n            invalid={isFormFieldValid(formik, fieldName)}\n            completeMethod={searchItems}\n            // virtualScrollerOptions={{ itemSize: 38 }}\n            virtualScrollerOptions={getVirtualScrollerOptions({\n                itemsLength: filteredItem.length,\n              })}\n            className=\"solid-standard-autocomplete w-full\"\n            // style={{\n            //     maxHeight: 39.67\n            // }}\n            field={labelKey}\n            dropdown\n            onChange={(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                    const mediaTypes = e.value.map((i: any) => i[valueKey]);\n                    formik.setFieldValue(fieldName, mediaTypes);\n                }\n            }}\n        />\n    )\n}"]}
+{"version":3,"file":"MultipleSelectAutoCompleteField.js","sourceRoot":"","sources":["../../../src/components/common/MultipleSelectAutoCompleteField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGlD,YAAY;AACZ,oMAAoM;AACpM,iEAAiE;AACjE,uDAAuD;AAEvD,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAC,EAAwI;QAAtI,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;IAEvK,IAAA,KAAkC,QAAQ,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,CAAC,EAA5I,YAAY,QAAA,EAAE,eAAe,QAA+G,CAAC;IAC9I,IAAA,KAAkC,QAAQ,CAAC,EAAE,CAAC,EAA7C,YAAY,QAAA,EAAE,eAAe,QAAgB,CAAC;IACrD,SAAS,CAAC;QACN,sBAAsB;QACtB,eAAe,CAAC,YAAY,IAAI,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,YAAY,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAxB,CAAwB,CAAC,CAAC,CAAA;QAClH,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;IAIF,OAAO,CAEH,KAAC,iBAAiB,IACd,QAAQ,QACR,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,YAAY,EACzB,cAAc,EAAE,WAAW;QAC3B,4CAA4C;QAC5C,sBAAsB,EAAE,yBAAyB,CAAC;YAC9C,WAAW,EAAE,YAAY,CAAC,MAAM;SACjC,CAAC,EACJ,SAAS,EAAC,oCAAoC;QAC9C,WAAW;QACX,uBAAuB;QACvB,KAAK;QACL,KAAK,EAAE,QAAQ,EACf,QAAQ,QACR,QAAQ,EAAE,UAAC,CAAC;YACR,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACzB,IAAI,gBAAgB,EAAE;gBAClB,gBAAgB,CAAC,CAAC,CAAC,CAAC;aACvB;YACD,IAAI,aAAa,KAAK,IAAI,EAAE;gBACxB,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;gBACzC,iDAAiD;aACpD;iBAAM;gBACH,IAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,QAAQ,CAAC,EAAX,CAAW,CAAC,CAAC;gBACxD,MAAM,CAAC,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;aAC/C;QACL,CAAC,GACH,CACL,CAAA;AACL,CAAC,CAAA","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { getVirtualScrollerOptions } from \"../../helpers/autoCompleteVirtualScroll\";\nimport { SolidAutocomplete } from \"../shad-cn-ui\";\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 MultipleSelectAutoCompleteField = ({ formik, isFormFieldValid, relationField, fieldName, fieldNameId, labelKey, valueKey, searchData, existingData, additionalAction }: any) => {\n\n    const [selectedItem, setSelectedItem] = useState(existingData && existingData.length > 0 && existingData.map((i: any) => ({ label: i, value: i })));\n    const [filteredItem, setFilteredItem] = useState([]);\n    useEffect(() => {\n        // if (existingData) {\n        setSelectedItem(existingData && existingData.length > 0 && existingData.map((i: any) => ({ label: i, value: i })))\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\n    return (\n\n        <SolidAutocomplete\n            multiple\n            value={selectedItem}\n            suggestions={filteredItem}\n            completeMethod={searchItems}\n            // virtualScrollerOptions={{ itemSize: 38 }}\n            virtualScrollerOptions={getVirtualScrollerOptions({\n                itemsLength: filteredItem.length,\n              })}\n            className=\"solid-standard-autocomplete w-full\"\n            // style={{\n            //     maxHeight: 39.67\n            // }}\n            field={labelKey}\n            dropdown\n            onChange={(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                    const mediaTypes = e.value.map((i: any) => i[valueKey]);\n                    formik.setFieldValue(fieldName, mediaTypes);\n                }\n            }}\n        />\n    )\n}\n"]}

package/dist/components/common/MultipleSelectAutoCompleteField.tsx

@@ -1,7 +1,6 @@
-
-import { AutoComplete } from "primereact/autocomplete";
 import { useEffect, useState } from "react";
 import { getVirtualScrollerOptions } from "../../helpers/autoCompleteVirtualScroll";
+import { SolidAutocomplete } from "../shad-cn-ui";
 
 
 // UsesCases
@@ -30,11 +29,10 @@ export const MultipleSelectAutoCompleteField = ({ formik, isFormFieldValid, rela
 
     return (
 
-        <AutoComplete
+        <SolidAutocomplete
             multiple
             value={selectedItem}
             suggestions={filteredItem}
-            invalid={isFormFieldValid(formik, fieldName)}
             completeMethod={searchItems}
             // virtualScrollerOptions={{ itemSize: 38 }}
             virtualScrollerOptions={getVirtualScrollerOptions({
@@ -61,4 +59,4 @@ export const MultipleSelectAutoCompleteField = ({ formik, isFormFieldValid, rela
             }}
         />
     )
-}
+}

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

@@ -1 +1 @@
-{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../../src/components/common/NotFound.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,+CAiBpB,CAAC"}
+{"version":3,"file":"NotFound.d.ts","sourceRoot":"","sources":["../../../src/components/common/NotFound.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,+CAUpB,CAAC"}

package/dist/components/common/NotFound.js

@@ -1,6 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Link from "./Link";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SolidErrorStatePage } from "./SolidErrorStatePage";
 export var NotFound = function () {
-    return (_jsx("div", { children: _jsx("div", { className: "d-flex align-items-center justify-content-center vh-100", children: _jsxs("div", { className: "text-center", children: [_jsx("h1", { className: "display-1 fw-bold", children: "404" }), _jsxs("p", { className: "fs-3", children: [_jsx("span", { className: "text-danger", children: "Opps!" }), " Page not found."] }), _jsx("p", { className: "lead", children: "The page you are looking for does not exist." }), _jsx(Link, { href: "/", className: "btn btn-primary", children: "Go Home" })] }) }) }));
+    return (_jsx(SolidErrorStatePage, { statusCode: "404", title: "Page not found", description: "The page you're looking for does not exist.", actionLabel: "Back to home page", actionHref: "/" }));
 };
 //# sourceMappingURL=NotFound.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../src/components/common/NotFound.tsx"],"names":[],"mappings":";AAEA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAE1B,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,OAAO,CACL,wBACE,cAAK,SAAS,EAAC,yDAAyD,YACtE,eAAK,SAAS,EAAC,aAAa,aAC1B,aAAI,SAAS,EAAC,mBAAmB,oBAAS,EAC1C,aAAG,SAAS,EAAC,MAAM,aACjB,eAAM,SAAS,EAAC,aAAa,sBAAa,wBACxC,EACJ,YAAG,SAAS,EAAC,MAAM,6DAAiD,EACpE,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iBAAiB,wBAEnC,IACH,GACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["\n\nimport Link from \"./Link\";\n\nexport const NotFound = () => {\n  return (\n    <div>\n      <div className=\"d-flex align-items-center justify-content-center vh-100\">\n        <div className=\"text-center\">\n          <h1 className=\"display-1 fw-bold\">404</h1>\n          <p className=\"fs-3\">\n            <span className=\"text-danger\">Opps!</span> Page not found.\n          </p>\n          <p className=\"lead\">The page you are looking for does not exist.</p>\n          <Link href=\"/\" className=\"btn btn-primary\">\n            Go Home\n          </Link>\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"NotFound.js","sourceRoot":"","sources":["../../../src/components/common/NotFound.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,MAAM,CAAC,IAAM,QAAQ,GAAG;IACtB,OAAO,CACL,KAAC,mBAAmB,IAClB,UAAU,EAAC,KAAK,EAChB,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,6CAA6C,EACzD,WAAW,EAAC,mBAAmB,EAC/B,UAAU,EAAC,GAAG,GACd,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["\n\nimport { SolidErrorStatePage } from \"./SolidErrorStatePage\";\n\nexport const NotFound = () => {\n  return (\n    <SolidErrorStatePage\n      statusCode=\"404\"\n      title=\"Page not found\"\n      description=\"The page you're looking for does not exist.\"\n      actionLabel=\"Back to home page\"\n      actionHref=\"/\"\n    />\n  );\n};\n"]}

package/dist/components/common/NotFound.tsx

@@ -1,22 +1,15 @@
 
 
-import Link from "./Link";
+import { SolidErrorStatePage } from "./SolidErrorStatePage";
 
 export const NotFound = () => {
   return (
-    <div>
-      <div className="d-flex align-items-center justify-content-center vh-100">
-        <div className="text-center">
-          <h1 className="display-1 fw-bold">404</h1>
-          <p className="fs-3">
-            <span className="text-danger">Opps!</span> Page not found.
-          </p>
-          <p className="lead">The page you are looking for does not exist.</p>
-          <Link href="/" className="btn btn-primary">
-            Go Home
-          </Link>
-        </div>
-      </div>
-    </div>
+    <SolidErrorStatePage
+      statusCode="404"
+      title="Page not found"
+      description="The page you're looking for does not exist."
+      actionLabel="Back to home page"
+      actionHref="/"
+    />
   );
 };

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

@@ -1 +1 @@
-{"version":3,"file":"SocialMediaLogin.d.ts","sourceRoot":"","sources":["../../../src/components/common/SocialMediaLogin.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB,+CAiD5B,CAAA"}
+{"version":3,"file":"SocialMediaLogin.d.ts","sourceRoot":"","sources":["../../../src/components/common/SocialMediaLogin.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,gBAAgB,+CA6D5B,CAAC"}

package/dist/components/common/SocialMediaLogin.js

@@ -1,12 +1,21 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
-import { Button } from 'primereact/button';
 import { env } from "../../adapters/env";
+import { SolidButton } from "../shad-cn-ui";
+import { useDispatch } from "react-redux";
+import { showToast } from "../../redux/features/toastSlice";
 export var SocialMediaLogin = function () {
     var router = useRouter();
-    var pathname = usePathname();
+    var dispatch = useDispatch();
     var googleApiConnectRedirectUrl = "".concat(env("NEXT_PUBLIC_BACKEND_API_URL"), "/api/iam/google/connect");
-    return (_jsx("div", { className: "flex justify-content-center mt-4 gap-3", children: _jsxs(Button, { className: 'flex justify-content-center gap-3 w-full google-auth-button', outlined: true, severity: "secondary", onClick: function () { return router.push(googleApiConnectRedirectUrl); }, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: [_jsxs("g", { clipPath: "url(#clip0_3520_3825)", children: [_jsx("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" }), _jsx("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" }), _jsx("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" }), _jsx("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" }), _jsx("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" }), _jsx("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" })] }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_3520_3825", children: _jsx("rect", { width: "24", height: "24", fill: "white" }) }) })] }), pathname.includes("register") ? "Continue With Google" : "Sign In with Google"] }) }));
+    var showNotEnabledToast = function (provider) {
+        dispatch(showToast({
+            severity: "info",
+            summary: "".concat(provider, " login"),
+            detail: "This provider is not enabled yet.",
+            life: 2200,
+        }));
+    };
+    return (_jsx("div", { className: "mt-4", children: _jsxs("div", { className: "solid-auth-social-grid", children: [_jsx(SolidButton, { type: "button", variant: "outline", className: "solid-auth-social-btn", onClick: function () { return showNotEnabledToast("Apple"); }, "aria-label": "Login with Apple (not enabled)", children: _jsx("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "currentColor", "aria-hidden": "true", children: _jsx("path", { d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701" }) }) }), _jsx(SolidButton, { type: "button", variant: "outline", className: "solid-auth-social-btn", onClick: function () { return router.push(googleApiConnectRedirectUrl); }, "aria-label": "Login with Google", children: _jsxs("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M21.8 12.23c0-.74-.07-1.45-.2-2.13H12v4.03h5.5a4.7 4.7 0 0 1-2.04 3.08v2.55h3.3c1.93-1.78 3.04-4.4 3.04-7.53z", fill: "#4285F4" }), _jsx("path", { d: "M12 22c2.75 0 5.05-.91 6.73-2.47l-3.3-2.55c-.92.62-2.1.99-3.43.99-2.64 0-4.88-1.78-5.68-4.18H2.9v2.63A10 10 0 0 0 12 22z", fill: "#34A853" }), _jsx("path", { d: "M6.32 13.79a6 6 0 0 1 0-3.58V7.58H2.9a10 10 0 0 0 0 8.84l3.42-2.63z", fill: "#FBBC05" }), _jsx("path", { d: "M12 6.02c1.49 0 2.82.51 3.87 1.5l2.9-2.9C17.04 2.98 14.74 2 12 2A10 10 0 0 0 2.9 7.58l3.42 2.63c.8-2.4 3.04-4.19 5.68-4.19z", fill: "#EA4335" })] }) }), _jsx(SolidButton, { type: "button", variant: "outline", className: "solid-auth-social-btn", onClick: function () { return showNotEnabledToast("Meta"); }, "aria-label": "Login with Meta (not enabled)", children: _jsx("svg", { viewBox: "0 0 24 24", width: "18", height: "18", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M5.4 15.6c0-3.14 1.62-7.09 3.76-7.09 1.43 0 2.56 1.72 2.84 2.25.28-.53 1.41-2.25 2.84-2.25 2.14 0 3.76 3.95 3.76 7.09 0 1.79-.63 2.89-1.82 2.89-2.12 0-3.75-3.02-4.78-4.82-1.03 1.8-2.66 4.82-4.78 4.82-1.19 0-1.82-1.1-1.82-2.89z", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }) }));
 };
 //# sourceMappingURL=SocialMediaLogin.js.map

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","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,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\" />\n                </defs>\n            </svg>\n        )}\n            outlined\n            severity=\"secondary\"\n        >\n        </Button> */}\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SocialMediaLogin.js","sourceRoot":"","sources":["../../../src/components/common/SocialMediaLogin.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,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,IAAM,mBAAmB,GAAG,UAAC,QAA0B;QACnD,QAAQ,CACJ,SAAS,CAAC;YACN,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,UAAG,QAAQ,WAAQ;YAC5B,MAAM,EAAE,mCAAmC;YAC3C,IAAI,EAAE,IAAI;SACb,CAAC,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAC,MAAM,YACjB,eAAK,SAAS,EAAC,wBAAwB,aACnC,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,OAAO,CAAC,EAA5B,CAA4B,gBAChC,gCAAgC,YAE3C,cAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,iBAAa,MAAM,YAClF,eAAM,CAAC,EAAC,+hBAA+hB,GAAG,GACxiB,GACI,EAEd,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,2BAA2B,CAAC,EAAxC,CAAwC,gBAC5C,mBAAmB,YAE9B,eAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,aAC1E,eAAM,CAAC,EAAC,+GAA+G,EAAC,IAAI,EAAC,SAAS,GAAG,EACzI,eAAM,CAAC,EAAC,0HAA0H,EAAC,IAAI,EAAC,SAAS,GAAG,EACpJ,eAAM,CAAC,EAAC,qEAAqE,EAAC,IAAI,EAAC,SAAS,GAAG,EAC/F,eAAM,CAAC,EAAC,6HAA6H,EAAC,IAAI,EAAC,SAAS,GAAG,IACrJ,GACI,EAEd,KAAC,WAAW,IACR,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,cAAM,OAAA,mBAAmB,CAAC,MAAM,CAAC,EAA3B,CAA2B,gBAC/B,+BAA+B,YAE1C,cAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,iBAAa,MAAM,YAC1E,eAAM,CAAC,EAAC,oOAAoO,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GAClU,GACI,IACZ,GACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { useRouter } from \"../../hooks/useRouter\";\nimport { env } from \"../../adapters/env\";\nimport { SolidButton } from \"../shad-cn-ui\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../redux/features/toastSlice\";\n\nexport const SocialMediaLogin = () => {\n    const router = useRouter();\n    const dispatch = useDispatch();\n\n    const googleApiConnectRedirectUrl = `${env(\"NEXT_PUBLIC_BACKEND_API_URL\")}/api/iam/google/connect`;\n\n    const showNotEnabledToast = (provider: \"Apple\" | \"Meta\") => {\n        dispatch(\n            showToast({\n                severity: \"info\",\n                summary: `${provider} login`,\n                detail: \"This provider is not enabled yet.\",\n                life: 2200,\n            })\n        );\n    };\n\n    return (\n        <div className=\"mt-4\">\n            <div className=\"solid-auth-social-grid\">\n                <SolidButton\n                    type=\"button\"\n                    variant=\"outline\"\n                    className=\"solid-auth-social-btn\"\n                    onClick={() => showNotEnabledToast(\"Apple\")}\n                    aria-label=\"Login with Apple (not enabled)\"\n                >\n                    <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"currentColor\" aria-hidden=\"true\">\n                        <path d=\"M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701\" />\n                    </svg>\n                </SolidButton>\n\n                <SolidButton\n                    type=\"button\"\n                    variant=\"outline\"\n                    className=\"solid-auth-social-btn\"\n                    onClick={() => router.push(googleApiConnectRedirectUrl)}\n                    aria-label=\"Login with Google\"\n                >\n                    <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\">\n                        <path d=\"M21.8 12.23c0-.74-.07-1.45-.2-2.13H12v4.03h5.5a4.7 4.7 0 0 1-2.04 3.08v2.55h3.3c1.93-1.78 3.04-4.4 3.04-7.53z\" fill=\"#4285F4\" />\n                        <path d=\"M12 22c2.75 0 5.05-.91 6.73-2.47l-3.3-2.55c-.92.62-2.1.99-3.43.99-2.64 0-4.88-1.78-5.68-4.18H2.9v2.63A10 10 0 0 0 12 22z\" fill=\"#34A853\" />\n                        <path d=\"M6.32 13.79a6 6 0 0 1 0-3.58V7.58H2.9a10 10 0 0 0 0 8.84l3.42-2.63z\" fill=\"#FBBC05\" />\n                        <path d=\"M12 6.02c1.49 0 2.82.51 3.87 1.5l2.9-2.9C17.04 2.98 14.74 2 12 2A10 10 0 0 0 2.9 7.58l3.42 2.63c.8-2.4 3.04-4.19 5.68-4.19z\" fill=\"#EA4335\" />\n                    </svg>\n                </SolidButton>\n\n                <SolidButton\n                    type=\"button\"\n                    variant=\"outline\"\n                    className=\"solid-auth-social-btn\"\n                    onClick={() => showNotEnabledToast(\"Meta\")}\n                    aria-label=\"Login with Meta (not enabled)\"\n                >\n                    <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" fill=\"none\" aria-hidden=\"true\">\n                        <path d=\"M5.4 15.6c0-3.14 1.62-7.09 3.76-7.09 1.43 0 2.56 1.72 2.84 2.25.28-.53 1.41-2.25 2.84-2.25 2.14 0 3.76 3.95 3.76 7.09 0 1.79-.63 2.89-1.82 2.89-2.12 0-3.75-3.02-4.78-4.82-1.03 1.8-2.66 4.82-4.78 4.82-1.19 0-1.82-1.1-1.82-2.89z\" stroke=\"currentColor\" strokeWidth=\"1.8\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                    </svg>\n                </SolidButton>\n            </div>\n        </div>\n    );\n};\n"]}

package/dist/components/common/SocialMediaLogin.tsx

@@ -1,55 +1,68 @@
-import { usePathname } from "../../hooks/usePathname";
 import { useRouter } from "../../hooks/useRouter";
-import { Button } from 'primereact/button'
 import { env } from "../../adapters/env";
+import { SolidButton } from "../shad-cn-ui";
+import { useDispatch } from "react-redux";
+import { showToast } from "../../redux/features/toastSlice";
 
 export const SocialMediaLogin = () => {
     const router = useRouter();
-    const pathname = usePathname();
+    const dispatch = useDispatch();
 
     const googleApiConnectRedirectUrl = `${env("NEXT_PUBLIC_BACKEND_API_URL")}/api/iam/google/connect`;
 
+    const showNotEnabledToast = (provider: "Apple" | "Meta") => {
+        dispatch(
+            showToast({
+                severity: "info",
+                summary: `${provider} login`,
+                detail: "This provider is not enabled yet.",
+                life: 2200,
+            })
+        );
+    };
+
     return (
-        <div className="flex justify-content-center mt-4 gap-3">
-            <Button
-                className='flex justify-content-center gap-3 w-full google-auth-button'
-                outlined
-                severity="secondary"
-                onClick={() => router.push(googleApiConnectRedirectUrl)}
-            // onClick={()=>signIn('google', {callbackUrl :'https://uat-api.lm.solidxai.com/api/iam/google/connect'})}
-            >
-                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-                    <g clipPath="url(#clip0_3520_3825)">
-                        <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" />
-                        <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" />
-                        <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" />
-                        <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" />
-                        <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" />
-                        <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" />
-                    </g>
-                    <defs>
-                        <clipPath id="clip0_3520_3825">
-                            <rect width="24" height="24" fill="white" />
-                        </clipPath>
-                    </defs>
-                </svg>
-                {pathname.includes("register") ? "Continue With Google" : "Sign In with Google"}
-            </Button>
-            {/* <Button icon={() => (
-            <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">
-                <rect width="24" height="24" fill="url(#pattern0_3520_3835)" />
-                <defs>
-                    <pattern id="pattern0_3520_3835" patternContentUnits="objectBoundingBox" width="1" height="1">
-                        <use xlinkHref="#image0_3520_3835" transform="scale(0.00195312)" />
-                    </pattern>
-                    <image id="image0_3520_3835" width="512" height="512" xlinkHref="data:image/png;base64,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" />
-                </defs>
-            </svg>
-        )}
-            outlined
-            severity="secondary"
-        >
-        </Button> */}
+        <div className="mt-4">
+            <div className="solid-auth-social-grid">
+                <SolidButton
+                    type="button"
+                    variant="outline"
+                    className="solid-auth-social-btn"
+                    onClick={() => showNotEnabledToast("Apple")}
+                    aria-label="Login with Apple (not enabled)"
+                >
+                    <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor" aria-hidden="true">
+                        <path d="M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701" />
+                    </svg>
+                </SolidButton>
+
+                <SolidButton
+                    type="button"
+                    variant="outline"
+                    className="solid-auth-social-btn"
+                    onClick={() => router.push(googleApiConnectRedirectUrl)}
+                    aria-label="Login with Google"
+                >
+                    <svg viewBox="0 0 24 24" width="18" height="18" fill="none" aria-hidden="true">
+                        <path d="M21.8 12.23c0-.74-.07-1.45-.2-2.13H12v4.03h5.5a4.7 4.7 0 0 1-2.04 3.08v2.55h3.3c1.93-1.78 3.04-4.4 3.04-7.53z" fill="#4285F4" />
+                        <path d="M12 22c2.75 0 5.05-.91 6.73-2.47l-3.3-2.55c-.92.62-2.1.99-3.43.99-2.64 0-4.88-1.78-5.68-4.18H2.9v2.63A10 10 0 0 0 12 22z" fill="#34A853" />
+                        <path d="M6.32 13.79a6 6 0 0 1 0-3.58V7.58H2.9a10 10 0 0 0 0 8.84l3.42-2.63z" fill="#FBBC05" />
+                        <path d="M12 6.02c1.49 0 2.82.51 3.87 1.5l2.9-2.9C17.04 2.98 14.74 2 12 2A10 10 0 0 0 2.9 7.58l3.42 2.63c.8-2.4 3.04-4.19 5.68-4.19z" fill="#EA4335" />
+                    </svg>
+                </SolidButton>
+
+                <SolidButton
+                    type="button"
+                    variant="outline"
+                    className="solid-auth-social-btn"
+                    onClick={() => showNotEnabledToast("Meta")}
+                    aria-label="Login with Meta (not enabled)"
+                >
+                    <svg viewBox="0 0 24 24" width="18" height="18" fill="none" aria-hidden="true">
+                        <path d="M5.4 15.6c0-3.14 1.62-7.09 3.76-7.09 1.43 0 2.56 1.72 2.84 2.25.28-.53 1.41-2.25 2.84-2.25 2.14 0 3.76 3.95 3.76 7.09 0 1.79-.63 2.89-1.82 2.89-2.12 0-3.75-3.02-4.78-4.82-1.03 1.8-2.66 4.82-4.78 4.82-1.19 0-1.82-1.1-1.82-2.89z" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" />
+                    </svg>
+                </SolidButton>
+            </div>
         </div>
-    )
-}
+    );
+};

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,+CAgMtB,CAAC"}
+{"version":3,"file":"SolidAdmin.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidAdmin.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,+CAiLtB,CAAC"}

package/dist/components/common/SolidAdmin.js

@@ -1,9 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { env } from "../../adapters/env";
-import SolidLogo from '../../resources/images/SolidXLogo.svg';
+import SolidLogo from '../../resources/images/SolidXLogo-dark.svg';
+import { ChatIcon } from "../layout/SolidAiStudioLayout";
 export var SolidAdmin = function () {
     var redirectUrl = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL");
     var hasRedirect = Boolean(redirectUrl);
-    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      " }), _jsx("div", { className: "solid-welcome", children: _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" })] })] }) })] }));
+    var aiChatUrl = env("VITE_SOLIDX_AI_URL");
+    var canOpenChat = Boolean(aiChatUrl);
+    var handleChatLaunch = function () {
+        if (!aiChatUrl)
+            return;
+        window.open(aiChatUrl, "_blank");
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: "\n        .solid-welcome {\n          min-height: 100vh;\n          background: var(--background);\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          padding: 2rem;\n        }\n\n        .welcome-card {\n          text-align: center;\n          max-width: 480px;\n          width: 100%;\n          background-color: var(--card);\n          border: 1px solid var(--border);\n          border-radius: 12px;\n          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n          overflow: hidden;\n          display: flex;\n          flex-direction: column;\n        }\n\n        .welcome-card-header {\n          padding: 32px 32px 16px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          gap: 12px;\n        }\n\n        .welcome-card-content {\n          padding: 0 32px 16px;\n        }\n\n        .welcome-title {\n          font-size: 24px;\n          font-weight: 500;\n          color: var(--foreground);\n          line-height: 1.2;\n          margin: 0;\n          letter-spacing: 0em;\n        }\n\n        .welcome-desc {\n          font-size: 14px;\n          color: var(--muted-foreground);\n          line-height: 1.6;\n          margin-bottom: 12px;\n        }\n\n        .features-row {\n          display: flex;\n          justify-content: center;\n          gap: 0px;\n          flex-wrap: wrap;\n          margin-bottom: 12px;\n        }\n\n        .chat-hint {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          gap: 12px;\n          margin-top: 12px;\n          padding-top: 12px;\n          border-top: 1px solid var(--border);\n        }\n\n        .chat-hint p {\n          margin: 0;\n          font-size: 13px;\n          color: var(--muted-foreground);\n        }\n\n        .hint {\n          font-size: 12px;\n          color: var(--muted-foreground);\n          opacity: 0.8;\n        }\n\n        .chat-button {\n          border: none;\n          background: #111827;\n          color: #fff;\n          border-radius: 999px;\n          padding: 0.5rem 1.25rem;\n          font-size: 14px;\n          font-weight: 500;\n          display: inline-flex;\n          align-items: center;\n          gap: 8px;\n          cursor: pointer;\n          transition: transform 0.15s ease, box-shadow 0.15s ease;\n        }\n\n        .chat-button:disabled {\n          opacity: 0.4;\n          cursor: not-allowed;\n        }\n\n        .chat-button:not(:disabled):hover {\n          transform: translateY(-1px);\n          box-shadow: 0 8px 15px rgba(17, 24, 39, 0.2);\n        }\n      " }), _jsx("div", { className: "solid-welcome", children: _jsxs("div", { className: "solid-studio-card welcome-card", children: [_jsxs("div", { className: "welcome-card-header", children: [_jsx("img", { alt: "solid logo", src: SolidLogo, className: "mb-2 w-4rem flex-shrink-0", style: { opacity: 0.9 } }), _jsx("div", { className: "solid-studio-home-badge", children: "Admin Console" }), _jsx("h1", { className: "welcome-title", children: "Welcome to SolidX" })] }), _jsxs("div", { className: "welcome-card-content", children: [_jsx("p", { className: "welcome-desc", children: "Manage 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: "solid-studio-home-badge", style: { textTransform: 'none', letterSpacing: 'normal' }, children: label }, label)); }) }), _jsxs("div", { className: "chat-hint", children: [_jsx("p", { children: "Need help scaffolding? Ask the SolidX AI Agent." }), _jsxs("button", { type: "button", className: "chat-button", onClick: handleChatLaunch, disabled: !canOpenChat, "aria-label": "Open SolidX AI chat", children: [_jsx(ChatIcon, {}), _jsx("span", { children: "Open AI Chat" })] }), _jsx("p", { className: "hint", children: "Or select a section from the left sidebar" })] })] })] }) })] }));
 };
 //# 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":";AACA,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,cAAK,SAAS,EAAC,eAAe,YAE5B,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,GAEF,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\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"]}
+{"version":3,"file":"SolidAdmin.js","sourceRoot":"","sources":["../../../src/components/common/SolidAdmin.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,SAAS,MAAM,4CAA4C,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEzD,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,IAAM,WAAW,GAAG,GAAG,CAAC,gCAAgC,CAAC,CAAC;IAC1D,IAAM,WAAW,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IACzC,IAAM,SAAS,GAAG,GAAG,CAAC,oBAAoB,CAAC,CAAC;IAC5C,IAAM,WAAW,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IAEvC,IAAM,gBAAgB,GAAG;QACvB,IAAI,CAAC,SAAS;YAAE,OAAO;QACvB,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACL,8BACE,0BAAQ,umFAyGP,GAAS,EAEV,cAAK,SAAS,EAAC,eAAe,YAE5B,eAAK,SAAS,EAAC,gCAAgC,aAE7C,eAAK,SAAS,EAAC,qBAAqB,aAClC,cACE,GAAG,EAAC,YAAY,EAChB,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,2BAA2B,EACrC,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,GACvB,EAEF,cAAK,SAAS,EAAC,yBAAyB,8BAAoB,EAE5D,aAAI,SAAS,EAAC,eAAe,kCAExB,IACD,EAEN,eAAK,SAAS,EAAC,sBAAsB,aACnC,YAAG,SAAS,EAAC,cAAc,yJAIvB,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,yBAAyB,EAAC,KAAK,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,YAC5G,KAAK,IADG,KAAK,CAET,CACR,EAJyE,CAIzE,CAAC,GACE,EAEN,eAAK,SAAS,EAAC,WAAW,aACxB,0EAAsD,EACtD,kBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,CAAC,WAAW,gBACX,qBAAqB,aAEhC,KAAC,QAAQ,KAAG,EACZ,0CAAyB,IAClB,EACT,YAAG,SAAS,EAAC,MAAM,0DAEf,IACA,IACF,IAEF,GAEF,IACL,CACJ,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { env } from \"../../adapters/env\";\nimport SolidLogo from '../../resources/images/SolidXLogo-dark.svg'\nimport { ChatIcon } from \"../layout/SolidAiStudioLayout\";\n\nexport const SolidAdmin = () => {\n  const redirectUrl = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\");\n  const hasRedirect = Boolean(redirectUrl);\n  const aiChatUrl = env(\"VITE_SOLIDX_AI_URL\");\n  const canOpenChat = Boolean(aiChatUrl);\n\n  const handleChatLaunch = () => {\n    if (!aiChatUrl) return;\n    window.open(aiChatUrl, \"_blank\");\n  };\n\n  return (\n    <>\n      <style>{`\n        .solid-welcome {\n          min-height: 100vh;\n          background: var(--background);\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          padding: 2rem;\n        }\n\n        .welcome-card {\n          text-align: center;\n          max-width: 480px;\n          width: 100%;\n          background-color: var(--card);\n          border: 1px solid var(--border);\n          border-radius: 12px;\n          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);\n          overflow: hidden;\n          display: flex;\n          flex-direction: column;\n        }\n\n        .welcome-card-header {\n          padding: 32px 32px 16px;\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          gap: 12px;\n        }\n\n        .welcome-card-content {\n          padding: 0 32px 16px;\n        }\n\n        .welcome-title {\n          font-size: 24px;\n          font-weight: 500;\n          color: var(--foreground);\n          line-height: 1.2;\n          margin: 0;\n          letter-spacing: 0em;\n        }\n\n        .welcome-desc {\n          font-size: 14px;\n          color: var(--muted-foreground);\n          line-height: 1.6;\n          margin-bottom: 12px;\n        }\n\n        .features-row {\n          display: flex;\n          justify-content: center;\n          gap: 0px;\n          flex-wrap: wrap;\n          margin-bottom: 12px;\n        }\n\n        .chat-hint {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          gap: 12px;\n          margin-top: 12px;\n          padding-top: 12px;\n          border-top: 1px solid var(--border);\n        }\n\n        .chat-hint p {\n          margin: 0;\n          font-size: 13px;\n          color: var(--muted-foreground);\n        }\n\n        .hint {\n          font-size: 12px;\n          color: var(--muted-foreground);\n          opacity: 0.8;\n        }\n\n        .chat-button {\n          border: none;\n          background: #111827;\n          color: #fff;\n          border-radius: 999px;\n          padding: 0.5rem 1.25rem;\n          font-size: 14px;\n          font-weight: 500;\n          display: inline-flex;\n          align-items: center;\n          gap: 8px;\n          cursor: pointer;\n          transition: transform 0.15s ease, box-shadow 0.15s ease;\n        }\n\n        .chat-button:disabled {\n          opacity: 0.4;\n          cursor: not-allowed;\n        }\n\n        .chat-button:not(:disabled):hover {\n          transform: translateY(-1px);\n          box-shadow: 0 8px 15px rgba(17, 24, 39, 0.2);\n        }\n      `}</style>\n\n      <div className=\"solid-welcome\">\n\n        <div className=\"solid-studio-card welcome-card\">\n\n          <div className=\"welcome-card-header\">\n            <img\n              alt=\"solid logo\"\n              src={SolidLogo}\n              className=\"mb-2 w-4rem flex-shrink-0\"\n              style={{ opacity: 0.9 }}\n            />\n\n            <div className=\"solid-studio-home-badge\">Admin Console</div>\n\n            <h1 className=\"welcome-title\">\n              Welcome to SolidX\n            </h1>\n          </div>\n\n          <div className=\"welcome-card-content\">\n            <p className=\"welcome-desc\">\n              Manage 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=\"solid-studio-home-badge\" style={{ textTransform: 'none', letterSpacing: 'normal' }}>\n                  {label}\n                </span>\n              ))}\n            </div>\n\n            <div className=\"chat-hint\">\n              <p>Need help scaffolding? Ask the SolidX AI Agent.</p>\n              <button\n                type=\"button\"\n                className=\"chat-button\"\n                onClick={handleChatLaunch}\n                disabled={!canOpenChat}\n                aria-label=\"Open SolidX AI chat\"\n              >\n                <ChatIcon />\n                <span>Open AI Chat</span>\n              </button>\n              <p className=\"hint\">\n                Or select a section from the left sidebar\n              </p>\n            </div>\n          </div>\n\n        </div>\n\n      </div>\n    </>\n  );\n};\n"]}