@solidxai/core-ui 0.1.11 → 0.1.12-beta.1

package/dist/components/common/SocialMediaLogin.js

@@ -3,12 +3,12 @@ import { useRouter } from "../../hooks/useRouter";
 import { env } from "../../adapters/env";
 import { SolidButton } from "../shad-cn-ui";
 export var SocialMediaLogin = function (_a) {
-    var _b = _a.googleEnabled, googleEnabled = _b === void 0 ? false : _b, _c = _a.facebookEnabled, facebookEnabled = _c === void 0 ? false : _c, _d = _a.appleEnabled, appleEnabled = _d === void 0 ? false : _d, _e = _a.microsoftEnabled, microsoftEnabled = _e === void 0 ? false : _e;
+    var _b = _a.googleEnabled, googleEnabled = _b === void 0 ? false : _b, _c = _a.facebookEnabled, facebookEnabled = _c === void 0 ? false : _c, _d = _a.appleEnabled, appleEnabled = _d === void 0 ? false : _d, _e = _a.microsoftEnabled, microsoftEnabled = _e === void 0 ? false : _e, _f = _a.microsoftActiveDirectoryEnabled, microsoftActiveDirectoryEnabled = _f === void 0 ? false : _f;
     var router = useRouter();
-    var googleApiConnectRedirectUrl = "".concat(env("NEXT_PUBLIC_BACKEND_API_URL"), "/api/iam/google/connect");
-    var facebookApiConnectRedirectUrl = "".concat(env("NEXT_PUBLIC_BACKEND_API_URL"), "/api/iam/facebook/connect");
-    var appleApiConnectRedirectUrl = "".concat(env("NEXT_PUBLIC_BACKEND_API_URL"), "/api/iam/apple/connect");
-    var microsoftApiConnectRedirectUrl = "".concat(env("NEXT_PUBLIC_BACKEND_API_URL"), "/api/iam/microsoft/connect");
-    return (_jsx("div", { className: "mt-4", children: _jsxs("div", { className: "solid-auth-social-grid", children: [appleEnabled && (_jsx(SolidButton, { type: "button", variant: "outline", className: "solid-auth-social-btn", tabIndex: -1, onClick: function () { return router.push(appleApiConnectRedirectUrl); }, "aria-label": "Login with Apple", 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" }) }) })), googleEnabled && (_jsx(SolidButton, { type: "button", variant: "outline", className: "solid-auth-social-btn", tabIndex: -1, 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" })] }) })), facebookEnabled && (_jsx(SolidButton, { type: "button", variant: "outline", className: "solid-auth-social-btn", tabIndex: -1, onClick: function () { return router.push(facebookApiConnectRedirectUrl); }, "aria-label": "Login with Meta", 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" }) }) })), microsoftEnabled && (_jsx(SolidButton, { type: "button", variant: "outline", className: "solid-auth-social-btn", tabIndex: -1, onClick: function () { return router.push(microsoftApiConnectRedirectUrl); }, "aria-label": "Login with Microsoft", children: _jsx("svg", { viewBox: "0 0 24 24", width: "18", height: "18", "aria-hidden": "true", children: _jsxs("g", { transform: "translate(2, 2)", children: [_jsx("rect", { width: "9", height: "9", x: "0", y: "0", fill: "#f25022" }), _jsx("rect", { width: "9", height: "9", x: "11", y: "0", fill: "#7fba00" }), _jsx("rect", { width: "9", height: "9", x: "0", y: "11", fill: "#00a4ef" }), _jsx("rect", { width: "9", height: "9", x: "11", y: "11", fill: "#ffb900" })] }) }) }))] }) }));
+    var backendApiUrl = (env("NEXT_PUBLIC_BACKEND_API_URL") || env("API_URL")).replace(/\/+$/, "");
+    var getOAuthConnectUrl = function (provider) {
+        return "".concat(backendApiUrl, "/api/iam/").concat(provider, "/connect");
+    };
+    return (_jsx("div", { className: "mt-4", children: _jsxs("div", { className: "solid-auth-social-grid", children: [appleEnabled && (_jsx(SolidButton, { type: "button", variant: "outline", className: "solid-auth-social-btn", tabIndex: -1, onClick: function () { return router.push(getOAuthConnectUrl("apple")); }, "aria-label": "Login with Apple", title: "Login with Apple", 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" }) }) })), googleEnabled && (_jsx(SolidButton, { type: "button", variant: "outline", className: "solid-auth-social-btn", tabIndex: -1, onClick: function () { return router.push(getOAuthConnectUrl("google")); }, "aria-label": "Login with Google", title: "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" })] }) })), facebookEnabled && (_jsx(SolidButton, { type: "button", variant: "outline", className: "solid-auth-social-btn", tabIndex: -1, onClick: function () { return router.push(getOAuthConnectUrl("facebook")); }, "aria-label": "Login with Meta", title: "Login with Meta", 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" }) }) })), microsoftEnabled && (_jsx(SolidButton, { type: "button", variant: "outline", className: "solid-auth-social-btn", tabIndex: -1, onClick: function () { return router.push(getOAuthConnectUrl("microsoft")); }, "aria-label": "Login with Microsoft", title: "Login with Microsoft", children: _jsx("svg", { viewBox: "0 0 24 24", width: "18", height: "18", "aria-hidden": "true", children: _jsxs("g", { transform: "translate(2, 2)", children: [_jsx("rect", { width: "9", height: "9", x: "0", y: "0", fill: "#f25022" }), _jsx("rect", { width: "9", height: "9", x: "11", y: "0", fill: "#7fba00" }), _jsx("rect", { width: "9", height: "9", x: "0", y: "11", fill: "#00a4ef" }), _jsx("rect", { width: "9", height: "9", x: "11", y: "11", fill: "#ffb900" })] }) }) })), microsoftActiveDirectoryEnabled && (_jsx(SolidButton, { type: "button", variant: "outline", className: "solid-auth-social-btn", tabIndex: -1, onClick: function () { return router.push(getOAuthConnectUrl("microsoft-active-directory")); }, "aria-label": "Login with Microsoft Active Directory", title: "Login with Microsoft Active Directory", children: _jsx("svg", { viewBox: "0 0 24 24", width: "18", height: "18", "aria-hidden": "true", children: _jsxs("g", { transform: "translate(2, 2)", children: [_jsx("rect", { width: "9", height: "9", x: "0", y: "0", fill: "#f25022" }), _jsx("rect", { width: "9", height: "9", x: "11", y: "0", fill: "#7fba00" }), _jsx("rect", { width: "9", height: "9", x: "0", y: "11", fill: "#00a4ef" }), _jsx("rect", { width: "9", height: "9", x: "11", y: "11", fill: "#ffb900" })] }) }) }))] }) }));
 };
 //# 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":"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","sourcesContent":["import { useRouter } from \"../../hooks/useRouter\";\nimport { env } from \"../../adapters/env\";\nimport { SolidButton } from \"../shad-cn-ui\";\n\ntype SocialMediaLoginProps = {\n  googleEnabled?: boolean;\n  facebookEnabled?: boolean;\n  appleEnabled?: boolean;\n  microsoftEnabled?: boolean;\n};\n\nexport const SocialMediaLogin = ({\n  googleEnabled = false,\n  facebookEnabled = false,\n  appleEnabled = false,\n  microsoftEnabled = false,\n}: SocialMediaLoginProps) => {\n  const router = useRouter();\n\n  const googleApiConnectRedirectUrl = `${env(\"NEXT_PUBLIC_BACKEND_API_URL\")}/api/iam/google/connect`;\n  const facebookApiConnectRedirectUrl = `${env(\"NEXT_PUBLIC_BACKEND_API_URL\")}/api/iam/facebook/connect`;\n  const appleApiConnectRedirectUrl = `${env(\"NEXT_PUBLIC_BACKEND_API_URL\")}/api/iam/apple/connect`;\n  const microsoftApiConnectRedirectUrl = `${env(\"NEXT_PUBLIC_BACKEND_API_URL\")}/api/iam/microsoft/connect`;\n\n  return (\n    <div className=\"mt-4\">\n      <div className=\"solid-auth-social-grid\">\n        {appleEnabled && (\n        <SolidButton\n          type=\"button\"\n          variant=\"outline\"\n          className=\"solid-auth-social-btn\"\n          tabIndex={-1}\n          onClick={() => router.push(appleApiConnectRedirectUrl)}\n          aria-label=\"Login with Apple\"\n        >\n          <svg\n            viewBox=\"0 0 24 24\"\n            width=\"18\"\n            height=\"18\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n          >\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\n        {googleEnabled && (\n        <SolidButton\n          type=\"button\"\n          variant=\"outline\"\n          className=\"solid-auth-social-btn\"\n          tabIndex={-1}\n          onClick={() => router.push(googleApiConnectRedirectUrl)}\n          aria-label=\"Login with Google\"\n        >\n          <svg\n            viewBox=\"0 0 24 24\"\n            width=\"18\"\n            height=\"18\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n            <path\n              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\"\n              fill=\"#4285F4\"\n            />\n            <path\n              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\"\n              fill=\"#34A853\"\n            />\n            <path\n              d=\"M6.32 13.79a6 6 0 0 1 0-3.58V7.58H2.9a10 10 0 0 0 0 8.84l3.42-2.63z\"\n              fill=\"#FBBC05\"\n            />\n            <path\n              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\"\n              fill=\"#EA4335\"\n            />\n          </svg>\n        </SolidButton>\n        )}\n\n        {facebookEnabled && (\n        <SolidButton\n          type=\"button\"\n          variant=\"outline\"\n          className=\"solid-auth-social-btn\"\n          tabIndex={-1}\n          onClick={() => router.push(facebookApiConnectRedirectUrl)}\n          aria-label=\"Login with Meta\"\n        >\n          <svg\n            viewBox=\"0 0 24 24\"\n            width=\"18\"\n            height=\"18\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n            <path\n              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\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.8\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </SolidButton>\n        )}\n\n        {microsoftEnabled && (\n        <SolidButton\n          type=\"button\"\n          variant=\"outline\"\n          className=\"solid-auth-social-btn\"\n          tabIndex={-1}\n          onClick={() => router.push(microsoftApiConnectRedirectUrl)}\n          aria-label=\"Login with Microsoft\"\n        >\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\">\n            <g transform=\"translate(2, 2)\">\n              <rect width=\"9\" height=\"9\" x=\"0\" y=\"0\" fill=\"#f25022\" />\n              <rect width=\"9\" height=\"9\" x=\"11\" y=\"0\" fill=\"#7fba00\" />\n              <rect width=\"9\" height=\"9\" x=\"0\" y=\"11\" fill=\"#00a4ef\" />\n              <rect width=\"9\" height=\"9\" x=\"11\" y=\"11\" fill=\"#ffb900\" />\n            </g>\n          </svg>\n        </SolidButton>\n        )}\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SocialMediaLogin.js","sourceRoot":"","sources":["../../../src/components/common/SocialMediaLogin.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useRouter } from \"../../hooks/useRouter\";\nimport { env } from \"../../adapters/env\";\nimport { SolidButton } from \"../shad-cn-ui\";\n\ntype SocialMediaLoginProps = {\n  googleEnabled?: boolean;\n  facebookEnabled?: boolean;\n  appleEnabled?: boolean;\n  microsoftEnabled?: boolean;\n  microsoftActiveDirectoryEnabled?: boolean;\n};\n\nexport const SocialMediaLogin = ({\n  googleEnabled = false,\n  facebookEnabled = false,\n  appleEnabled = false,\n  microsoftEnabled = false,\n  microsoftActiveDirectoryEnabled = false,\n}: SocialMediaLoginProps) => {\n  const router = useRouter();\n\n  const backendApiUrl = (\n    env(\"NEXT_PUBLIC_BACKEND_API_URL\") || env(\"API_URL\")\n  ).replace(/\\/+$/, \"\");\n  const getOAuthConnectUrl = (provider: string) =>\n    `${backendApiUrl}/api/iam/${provider}/connect`;\n\n  return (\n    <div className=\"mt-4\">\n      <div className=\"solid-auth-social-grid\">\n        {appleEnabled && (\n        <SolidButton\n          type=\"button\"\n          variant=\"outline\"\n          className=\"solid-auth-social-btn\"\n          tabIndex={-1}\n          onClick={() => router.push(getOAuthConnectUrl(\"apple\"))}\n          aria-label=\"Login with Apple\"\n          title=\"Login with Apple\"\n        >\n          <svg\n            viewBox=\"0 0 24 24\"\n            width=\"18\"\n            height=\"18\"\n            fill=\"currentColor\"\n            aria-hidden=\"true\"\n          >\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\n        {googleEnabled && (\n        <SolidButton\n          type=\"button\"\n          variant=\"outline\"\n          className=\"solid-auth-social-btn\"\n          tabIndex={-1}\n          onClick={() => router.push(getOAuthConnectUrl(\"google\"))}\n          aria-label=\"Login with Google\"\n          title=\"Login with Google\"\n        >\n          <svg\n            viewBox=\"0 0 24 24\"\n            width=\"18\"\n            height=\"18\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n            <path\n              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\"\n              fill=\"#4285F4\"\n            />\n            <path\n              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\"\n              fill=\"#34A853\"\n            />\n            <path\n              d=\"M6.32 13.79a6 6 0 0 1 0-3.58V7.58H2.9a10 10 0 0 0 0 8.84l3.42-2.63z\"\n              fill=\"#FBBC05\"\n            />\n            <path\n              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\"\n              fill=\"#EA4335\"\n            />\n          </svg>\n        </SolidButton>\n        )}\n\n        {facebookEnabled && (\n        <SolidButton\n          type=\"button\"\n          variant=\"outline\"\n          className=\"solid-auth-social-btn\"\n          tabIndex={-1}\n          onClick={() => router.push(getOAuthConnectUrl(\"facebook\"))}\n          aria-label=\"Login with Meta\"\n          title=\"Login with Meta\"\n        >\n          <svg\n            viewBox=\"0 0 24 24\"\n            width=\"18\"\n            height=\"18\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n          >\n            <path\n              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\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.8\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </SolidButton>\n        )}\n\n        {microsoftEnabled && (\n        <SolidButton\n          type=\"button\"\n          variant=\"outline\"\n          className=\"solid-auth-social-btn\"\n          tabIndex={-1}\n          onClick={() => router.push(getOAuthConnectUrl(\"microsoft\"))}\n          aria-label=\"Login with Microsoft\"\n          title=\"Login with Microsoft\"\n        >\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\">\n            <g transform=\"translate(2, 2)\">\n              <rect width=\"9\" height=\"9\" x=\"0\" y=\"0\" fill=\"#f25022\" />\n              <rect width=\"9\" height=\"9\" x=\"11\" y=\"0\" fill=\"#7fba00\" />\n              <rect width=\"9\" height=\"9\" x=\"0\" y=\"11\" fill=\"#00a4ef\" />\n              <rect width=\"9\" height=\"9\" x=\"11\" y=\"11\" fill=\"#ffb900\" />\n            </g>\n          </svg>\n        </SolidButton>\n        )}\n\n        {microsoftActiveDirectoryEnabled && (\n        <SolidButton\n          type=\"button\"\n          variant=\"outline\"\n          className=\"solid-auth-social-btn\"\n          tabIndex={-1}\n          onClick={() => router.push(getOAuthConnectUrl(\"microsoft-active-directory\"))}\n          aria-label=\"Login with Microsoft Active Directory\"\n          title=\"Login with Microsoft Active Directory\"\n        >\n          <svg viewBox=\"0 0 24 24\" width=\"18\" height=\"18\" aria-hidden=\"true\">\n            <g transform=\"translate(2, 2)\">\n              <rect width=\"9\" height=\"9\" x=\"0\" y=\"0\" fill=\"#f25022\" />\n              <rect width=\"9\" height=\"9\" x=\"11\" y=\"0\" fill=\"#7fba00\" />\n              <rect width=\"9\" height=\"9\" x=\"0\" y=\"11\" fill=\"#00a4ef\" />\n              <rect width=\"9\" height=\"9\" x=\"11\" y=\"11\" fill=\"#ffb900\" />\n            </g>\n          </svg>\n        </SolidButton>\n        )}\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/components/common/SocialMediaLogin.tsx

@@ -7,6 +7,7 @@ type SocialMediaLoginProps = {
   facebookEnabled?: boolean;
   appleEnabled?: boolean;
   microsoftEnabled?: boolean;
+  microsoftActiveDirectoryEnabled?: boolean;
 };
 
 export const SocialMediaLogin = ({
@@ -14,13 +15,15 @@ export const SocialMediaLogin = ({
   facebookEnabled = false,
   appleEnabled = false,
   microsoftEnabled = false,
+  microsoftActiveDirectoryEnabled = false,
 }: SocialMediaLoginProps) => {
   const router = useRouter();
 
-  const googleApiConnectRedirectUrl = `${env("NEXT_PUBLIC_BACKEND_API_URL")}/api/iam/google/connect`;
-  const facebookApiConnectRedirectUrl = `${env("NEXT_PUBLIC_BACKEND_API_URL")}/api/iam/facebook/connect`;
-  const appleApiConnectRedirectUrl = `${env("NEXT_PUBLIC_BACKEND_API_URL")}/api/iam/apple/connect`;
-  const microsoftApiConnectRedirectUrl = `${env("NEXT_PUBLIC_BACKEND_API_URL")}/api/iam/microsoft/connect`;
+  const backendApiUrl = (
+    env("NEXT_PUBLIC_BACKEND_API_URL") || env("API_URL")
+  ).replace(/\/+$/, "");
+  const getOAuthConnectUrl = (provider: string) =>
+    `${backendApiUrl}/api/iam/${provider}/connect`;
 
   return (
     <div className="mt-4">
@@ -31,8 +34,9 @@ export const SocialMediaLogin = ({
           variant="outline"
           className="solid-auth-social-btn"
           tabIndex={-1}
-          onClick={() => router.push(appleApiConnectRedirectUrl)}
+          onClick={() => router.push(getOAuthConnectUrl("apple"))}
           aria-label="Login with Apple"
+          title="Login with Apple"
         >
           <svg
             viewBox="0 0 24 24"
@@ -52,8 +56,9 @@ export const SocialMediaLogin = ({
           variant="outline"
           className="solid-auth-social-btn"
           tabIndex={-1}
-          onClick={() => router.push(googleApiConnectRedirectUrl)}
+          onClick={() => router.push(getOAuthConnectUrl("google"))}
           aria-label="Login with Google"
+          title="Login with Google"
         >
           <svg
             viewBox="0 0 24 24"
@@ -88,8 +93,9 @@ export const SocialMediaLogin = ({
           variant="outline"
           className="solid-auth-social-btn"
           tabIndex={-1}
-          onClick={() => router.push(facebookApiConnectRedirectUrl)}
+          onClick={() => router.push(getOAuthConnectUrl("facebook"))}
           aria-label="Login with Meta"
+          title="Login with Meta"
         >
           <svg
             viewBox="0 0 24 24"
@@ -115,8 +121,30 @@ export const SocialMediaLogin = ({
           variant="outline"
           className="solid-auth-social-btn"
           tabIndex={-1}
-          onClick={() => router.push(microsoftApiConnectRedirectUrl)}
+          onClick={() => router.push(getOAuthConnectUrl("microsoft"))}
           aria-label="Login with Microsoft"
+          title="Login with Microsoft"
+        >
+          <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
+            <g transform="translate(2, 2)">
+              <rect width="9" height="9" x="0" y="0" fill="#f25022" />
+              <rect width="9" height="9" x="11" y="0" fill="#7fba00" />
+              <rect width="9" height="9" x="0" y="11" fill="#00a4ef" />
+              <rect width="9" height="9" x="11" y="11" fill="#ffb900" />
+            </g>
+          </svg>
+        </SolidButton>
+        )}
+
+        {microsoftActiveDirectoryEnabled && (
+        <SolidButton
+          type="button"
+          variant="outline"
+          className="solid-auth-social-btn"
+          tabIndex={-1}
+          onClick={() => router.push(getOAuthConnectUrl("microsoft-active-directory"))}
+          aria-label="Login with Microsoft Active Directory"
+          title="Login with Microsoft Active Directory"
         >
           <svg viewBox="0 0 24 24" width="18" height="18" aria-hidden="true">
             <g transform="translate(2, 2)">

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

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+type SolidLoadingStateProps = {
+    title?: string;
+    description?: string;
+    spinnerLabel?: string;
+    children?: ReactNode;
+};
+export declare function SolidLoadingState({ title, description, spinnerLabel, children, }: SolidLoadingStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SolidLoadingState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidLoadingState.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidLoadingState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,KAAiB,EACjB,WAA4D,EAC5D,YAAY,EACZ,QAAQ,GACT,EAAE,sBAAsB,2CAWxB"}

package/dist/components/common/SolidLoadingState.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidSpinner } from "../shad-cn-ui";
+import styles from "./SolidLoadingState.module.css";
+export function SolidLoadingState(_a) {
+    var _b = _a.title, title = _b === void 0 ? "Loading" : _b, _c = _a.description, description = _c === void 0 ? "Please wait while we prepare things for you." : _c, spinnerLabel = _a.spinnerLabel, children = _a.children;
+    return (_jsx("section", { className: styles.solidLoadingState, "aria-busy": "true", "aria-live": "polite", children: _jsxs("div", { className: styles.card, children: [_jsx(SolidSpinner, { size: 28, className: styles.spinner, label: spinnerLabel }), _jsx("h2", { className: styles.title, children: title }), _jsx("p", { className: styles.description, children: description }), children] }) }));
+}
+//# sourceMappingURL=SolidLoadingState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidLoadingState.js","sourceRoot":"","sources":["../../../src/components/common/SolidLoadingState.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,MAAM,MAAM,gCAAgC,CAAC;AASpD,MAAM,UAAU,iBAAiB,CAAC,EAKT;QAJvB,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACjB,mBAA4D,EAA5D,WAAW,mBAAG,8CAA8C,KAAA,EAC5D,YAAY,kBAAA,EACZ,QAAQ,cAAA;IAER,OAAO,CACL,kBAAS,SAAS,EAAE,MAAM,CAAC,iBAAiB,eAAY,MAAM,eAAW,QAAQ,YAC/E,eAAK,SAAS,EAAE,MAAM,CAAC,IAAI,aACzB,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,OAAO,EAAE,KAAK,EAAE,YAAY,GAAI,EAC1E,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAM,EACzC,YAAG,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,GAAK,EAClD,QAAQ,IACL,GACE,CACX,CAAC;AACJ,CAAC","sourcesContent":["import type { ReactNode } from \"react\";\nimport { SolidSpinner } from \"../shad-cn-ui\";\nimport styles from \"./SolidLoadingState.module.css\";\n\ntype SolidLoadingStateProps = {\n  title?: string;\n  description?: string;\n  spinnerLabel?: string;\n  children?: ReactNode;\n};\n\nexport function SolidLoadingState({\n  title = \"Loading\",\n  description = \"Please wait while we prepare things for you.\",\n  spinnerLabel,\n  children,\n}: SolidLoadingStateProps) {\n  return (\n    <section className={styles.solidLoadingState} aria-busy=\"true\" aria-live=\"polite\">\n      <div className={styles.card}>\n        <SolidSpinner size={28} className={styles.spinner} label={spinnerLabel} />\n        <h2 className={styles.title}>{title}</h2>\n        <p className={styles.description}>{description}</p>\n        {children}\n      </div>\n    </section>\n  );\n}\n"]}

package/dist/components/common/SolidLoadingState.module.css

@@ -0,0 +1,56 @@
+.solidLoadingState {
+  min-height: 100vh;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2rem 1.5rem;
+  background:
+    radial-gradient(circle at top, color-mix(in srgb, var(--primary-color) 10%, transparent), transparent 38%),
+    var(--background);
+}
+
+.card {
+  width: min(100%, 28rem);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.875rem;
+  text-align: center;
+  padding: 2rem 1.5rem;
+  border: 1px solid color-mix(in srgb, var(--border) 84%, white 16%);
+  border-radius: 1rem;
+  background: color-mix(in srgb, var(--card) 94%, white 6%);
+  box-shadow: 0 18px 40px -28px rgba(15, 23, 42, 0.35);
+}
+
+.spinner {
+  color: var(--primary-color);
+}
+
+.title {
+  margin: 0;
+  font-size: 1rem;
+  font-weight: 600;
+  line-height: 1.4;
+  color: var(--foreground);
+}
+
+.description {
+  margin: 0;
+  max-width: 24rem;
+  font-size: 0.875rem;
+  line-height: 1.6;
+  color: var(--muted-foreground);
+}
+
+@media (max-width: 640px) {
+  .solidLoadingState {
+    padding: 1.25rem;
+  }
+
+  .card {
+    padding: 1.5rem 1.25rem;
+    border-radius: 0.875rem;
+  }
+}

package/dist/components/common/SolidLoadingState.tsx

@@ -0,0 +1,28 @@
+import type { ReactNode } from "react";
+import { SolidSpinner } from "../shad-cn-ui";
+import styles from "./SolidLoadingState.module.css";
+
+type SolidLoadingStateProps = {
+  title?: string;
+  description?: string;
+  spinnerLabel?: string;
+  children?: ReactNode;
+};
+
+export function SolidLoadingState({
+  title = "Loading",
+  description = "Please wait while we prepare things for you.",
+  spinnerLabel,
+  children,
+}: SolidLoadingStateProps) {
+  return (
+    <section className={styles.solidLoadingState} aria-busy="true" aria-live="polite">
+      <div className={styles.card}>
+        <SolidSpinner size={28} className={styles.spinner} label={spinnerLabel} />
+        <h2 className={styles.title}>{title}</h2>
+        <p className={styles.description}>{description}</p>
+        {children}
+      </div>
+    </section>
+  );
+}

package/dist/components/core/json/SolidJsonEditor.css

@@ -0,0 +1,195 @@
+.solid-json-editor-host {
+  min-height: 30rem;
+  flex: 1 1 auto;
+}
+
+.solid-json-editor-host.sdix-json-editor {
+  min-height: 0;
+  height: 100%;
+}
+
+.solid-json-editor .jsoneditor {
+  border: none;
+}
+
+.solid-json-editor.sdix-json-editor .jsoneditor,
+.solid-json-editor.sdix-json-editor div.jsoneditor-outer,
+.solid-json-editor.sdix-json-editor .ace-jsoneditor {
+  height: 100% !important;
+}
+
+.solid-json-editor .jsoneditor-menu {
+  background:
+    linear-gradient(
+      180deg,
+      color-mix(in srgb, var(--primary-color, #4f46e5) 88%, #1f2937 12%),
+      color-mix(in srgb, var(--primary-color, #4f46e5) 76%, #111827 24%)
+    );
+  border-bottom: 1px solid color-mix(in srgb, var(--border) 82%, transparent);
+}
+
+.solid-json-editor .jsoneditor-menu > button,
+.solid-json-editor .jsoneditor-menu > .jsoneditor-modes > button,
+.solid-json-editor .jsoneditor-menu a {
+  color: rgba(255, 255, 255, 0.95);
+  opacity: 0.95;
+}
+
+.solid-json-editor .jsoneditor-menu > button:hover,
+.solid-json-editor .jsoneditor-menu > .jsoneditor-modes > button:hover {
+  background-color: rgba(255, 255, 255, 0.14);
+  border-color: rgba(255, 255, 255, 0.24);
+}
+
+.solid-json-editor .jsoneditor-menu > button:focus,
+.solid-json-editor .jsoneditor-menu > button:active,
+.solid-json-editor .jsoneditor-menu > .jsoneditor-modes > button:focus,
+.solid-json-editor .jsoneditor-menu > .jsoneditor-modes > button:active {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+
+.solid-json-editor .jsoneditor-menu > button:disabled,
+.solid-json-editor .jsoneditor-menu > .jsoneditor-modes > button:disabled {
+  opacity: 0.6;
+}
+
+.solid-json-editor .ace_tooltip {
+  max-width: 13rem;
+  width: max-content;
+  min-width: 0;
+  padding: 0.35rem 0.55rem;
+  border-radius: 0.65rem;
+  border: 1px solid color-mix(in srgb, var(--border) 82%, transparent);
+  background: color-mix(in srgb, var(--surface-card, #ffffff) 96%, #111827 4%);
+  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.14);
+  color: var(--foreground);
+  font-size: 0.76rem;
+  line-height: 1.35;
+  white-space: normal;
+  overflow: hidden;
+}
+
+.solid-json-editor .ace_tooltip.ace_dark {
+  background: color-mix(in srgb, #111827 92%, var(--primary-color, #4f46e5) 8%);
+  border-color: color-mix(in srgb, var(--primary-color, #4f46e5) 26%, transparent);
+  color: #f8fafc;
+}
+
+.solid-json-editor .jsoneditor-navigation-bar {
+  border-bottom: 1px solid color-mix(in srgb, var(--border) 76%, transparent);
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu {
+  width: 15rem;
+  background: var(--surface-card, #ffffff);
+  border: 1px solid color-mix(in srgb, var(--border) 84%, transparent);
+  border-radius: 0.9rem;
+  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.16);
+  padding: 0.35rem;
+  overflow: hidden;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu button {
+  width: 100%;
+  min-height: 2rem;
+  color: var(--foreground);
+  border-radius: 0.65rem;
+  font-family: inherit;
+  font-size: 0.86rem;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-default {
+  width: calc(100% - 2rem);
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu button.jsoneditor-expand {
+  width: 2rem;
+  height: 2rem;
+  border-left: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu button:hover,
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu button:focus {
+  color: var(--foreground);
+  background: color-mix(in srgb, var(--primary-color, #4f46e5) 10%, #ffffff 90%);
+  outline: none;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover,
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus {
+  color: #ffffff;
+  background: color-mix(in srgb, var(--primary-color, #4f46e5) 82%, #1f2937 18%);
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu li ul {
+  left: 0;
+  margin-top: 0.2rem;
+  border: 1px solid color-mix(in srgb, var(--border) 72%, transparent);
+  border-radius: 0.75rem;
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28);
+  background: color-mix(in srgb, var(--surface-ground, #f8fafc) 94%, #ffffff 6%);
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-menu li ul li button {
+  padding-left: 1.8rem;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-text {
+  padding-top: 0.4rem;
+  padding-bottom: 0.4rem;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-separator {
+  border-top-color: color-mix(in srgb, var(--border) 72%, transparent);
+  margin-top: 0.35rem;
+  padding-top: 0.35rem;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-text,
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-text.jsoneditor-right-margin {
+  color: inherit;
+}
+
+.solid-json-editor .jsoneditor-contextmenu .jsoneditor-expand {
+  opacity: 0.8;
+}
+
+.solid-json-editor div.jsoneditor-tree,
+.solid-json-editor textarea.jsoneditor-text,
+.solid-json-editor .ace-jsoneditor {
+  min-height: 28rem;
+}
+
+.solid-json-editor textarea.jsoneditor-text,
+.solid-json-editor .ace-jsoneditor,
+.solid-json-editor .ace-jsoneditor .ace_text-layer,
+.solid-json-editor .ace-jsoneditor .ace_line {
+  font-size: 12px;
+}
+
+.solid-json-editor textarea.jsoneditor-text,
+.solid-json-editor .ace-jsoneditor,
+.solid-json-editor .ace-jsoneditor .ace_gutter,
+.solid-json-editor .ace-jsoneditor .ace_scroller,
+.solid-json-editor .ace-jsoneditor .ace_content,
+.solid-json-editor .ace-jsoneditor .ace_text-layer,
+.solid-json-editor .ace-jsoneditor .ace_line,
+.solid-json-editor .ace-jsoneditor .ace_gutter-layer {
+  font-family: ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+  font-size: 12px !important;
+  line-height: 1.5 !important;
+}
+
+.solid-json-editor .ace-jsoneditor .ace_line,
+.solid-json-editor .ace-jsoneditor .ace_gutter-cell {
+  line-height: 1.5 !important;
+}
+
+.solid-json-editor .ace-jsoneditor .ace_cursor {
+  border-left-width: 1px !important;
+}
+
+.solid-json-editor.is-readonly .ace-jsoneditor .ace_cursor {
+  opacity: 0.45;
+}

package/dist/components/core/json/SolidJsonEditor.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import "jsoneditor/dist/jsoneditor.css";
+import "./SolidJsonEditor.css";
+export type SolidJsonEditorHandle = {
+    format: () => void;
+    getText: () => string;
+};
+type SolidJsonEditorProps = {
+    value: any;
+    resetToken: string;
+    readOnly?: boolean;
+    className?: string;
+    onValueChange?: (value: any) => void;
+    onTextChange?: (text: string) => void;
+    onErrorChange?: (message: string | null) => void;
+};
+export declare const SolidJsonEditor: import("react").ForwardRefExoticComponent<SolidJsonEditorProps & import("react").RefAttributes<SolidJsonEditorHandle>>;
+export {};
+//# sourceMappingURL=SolidJsonEditor.d.ts.map

package/dist/components/core/json/SolidJsonEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidJsonEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/core/json/SolidJsonEditor.tsx"],"names":[],"mappings":";AACA,OAAO,gCAAgC,CAAC;AACxC,OAAO,uBAAuB,CAAC;AAE/B,MAAM,MAAM,qBAAqB,GAAG;IAClC,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IACrC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAClD,CAAC;AAEF,eAAO,MAAM,eAAe,wHAkI1B,CAAC"}

package/dist/components/core/json/SolidJsonEditor.js

@@ -0,0 +1,109 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import "jsoneditor/dist/jsoneditor.css";
+import "./SolidJsonEditor.css";
+export var SolidJsonEditor = forwardRef(function SolidJsonEditor(_a, ref) {
+    var value = _a.value, resetToken = _a.resetToken, _b = _a.readOnly, readOnly = _b === void 0 ? false : _b, _c = _a.className, className = _c === void 0 ? "" : _c, onValueChange = _a.onValueChange, onTextChange = _a.onTextChange, onErrorChange = _a.onErrorChange;
+    var containerRef = useRef(null);
+    var editorRef = useRef(null);
+    var latestValueRef = useRef(value);
+    useEffect(function () {
+        latestValueRef.current = value;
+    }, [value]);
+    var emitState = function () {
+        var _a, _b, _c, _d;
+        var editor = editorRef.current;
+        if (!editor) {
+            return;
+        }
+        try {
+            var nextValue = editor.get();
+            var nextText = (_b = (_a = editor.getText) === null || _a === void 0 ? void 0 : _a.call(editor)) !== null && _b !== void 0 ? _b : JSON.stringify(nextValue, null, 2);
+            onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(nextValue);
+            onTextChange === null || onTextChange === void 0 ? void 0 : onTextChange(nextText);
+            onErrorChange === null || onErrorChange === void 0 ? void 0 : onErrorChange(null);
+        }
+        catch (error) {
+            var rawText = (_d = (_c = editor.getText) === null || _c === void 0 ? void 0 : _c.call(editor)) !== null && _d !== void 0 ? _d : "";
+            onTextChange === null || onTextChange === void 0 ? void 0 : onTextChange(rawText);
+            onErrorChange === null || onErrorChange === void 0 ? void 0 : onErrorChange((error === null || error === void 0 ? void 0 : error.message) ? String(error.message) : "The JSON is currently invalid.");
+        }
+    };
+    useImperativeHandle(ref, function () { return ({
+        format: function () {
+            var _a, _b;
+            try {
+                (_b = (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.format) === null || _b === void 0 ? void 0 : _b.call(_a);
+            }
+            catch (_error) {
+                // jsoneditor already surfaces parse states through onErrorChange.
+            }
+            emitState();
+        },
+        getText: function () {
+            var _a, _b, _c;
+            return (_c = (_b = (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.getText) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : "";
+        },
+    }); }, []);
+    useEffect(function () {
+        if (!containerRef.current || editorRef.current) {
+            return;
+        }
+        var destroyed = false;
+        void import("jsoneditor").then(function (jsonEditorModule) {
+            var _a, _b, _c;
+            if (destroyed || !containerRef.current || editorRef.current) {
+                return;
+            }
+            var JSONEditor = (_a = jsonEditorModule === null || jsonEditorModule === void 0 ? void 0 : jsonEditorModule.default) !== null && _a !== void 0 ? _a : jsonEditorModule;
+            editorRef.current = new JSONEditor(containerRef.current, {
+                mode: "code",
+                modes: ["code"],
+                mainMenuBar: true,
+                navigationBar: true,
+                statusBar: true,
+                search: true,
+                enableSort: false,
+                enableTransform: false,
+                onChange: function () { return emitState(); },
+            });
+            try {
+                editorRef.current.set(latestValueRef.current);
+            }
+            catch (_error) {
+                // Ignore seed failures and let jsoneditor surface them through its own state.
+            }
+            emitState();
+            if ((_c = (_b = editorRef.current) === null || _b === void 0 ? void 0 : _b.aceEditor) === null || _c === void 0 ? void 0 : _c.setReadOnly) {
+                editorRef.current.aceEditor.setReadOnly(readOnly);
+            }
+        });
+        return function () {
+            var _a, _b;
+            destroyed = true;
+            (_b = (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.destroy) === null || _b === void 0 ? void 0 : _b.call(_a);
+            editorRef.current = null;
+        };
+    }, []);
+    useEffect(function () {
+        if (!editorRef.current) {
+            return;
+        }
+        try {
+            editorRef.current.set(latestValueRef.current);
+        }
+        catch (_error) {
+            // Ignore reset parse failures and surface them via emitState instead.
+        }
+        emitState();
+    }, [resetToken]);
+    useEffect(function () {
+        var _a, _b;
+        if (!((_b = (_a = editorRef.current) === null || _a === void 0 ? void 0 : _a.aceEditor) === null || _b === void 0 ? void 0 : _b.setReadOnly)) {
+            return;
+        }
+        editorRef.current.aceEditor.setReadOnly(readOnly);
+    }, [readOnly]);
+    return (_jsx("div", { ref: containerRef, className: "solid-json-editor-host solid-json-editor ".concat(readOnly ? "is-readonly" : "", " ").concat(className).trim() }));
+});
+//# sourceMappingURL=SolidJsonEditor.js.map

package/dist/components/core/json/SolidJsonEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidJsonEditor.js","sourceRoot":"","sources":["../../../../src/components/core/json/SolidJsonEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef } from \"react\";\nimport \"jsoneditor/dist/jsoneditor.css\";\nimport \"./SolidJsonEditor.css\";\n\nexport type SolidJsonEditorHandle = {\n  format: () => void;\n  getText: () => string;\n};\n\ntype SolidJsonEditorProps = {\n  value: any;\n  resetToken: string;\n  readOnly?: boolean;\n  className?: string;\n  onValueChange?: (value: any) => void;\n  onTextChange?: (text: string) => void;\n  onErrorChange?: (message: string | null) => void;\n};\n\nexport const SolidJsonEditor = forwardRef<SolidJsonEditorHandle, SolidJsonEditorProps>(function SolidJsonEditor(\n  {\n    value,\n    resetToken,\n    readOnly = false,\n    className = \"\",\n    onValueChange,\n    onTextChange,\n    onErrorChange,\n  },\n  ref,\n) {\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const editorRef = useRef<any>(null);\n  const latestValueRef = useRef<any>(value);\n\n  useEffect(() => {\n    latestValueRef.current = value;\n  }, [value]);\n\n  const emitState = () => {\n    const editor = editorRef.current;\n\n    if (!editor) {\n      return;\n    }\n\n    try {\n      const nextValue = editor.get();\n      const nextText = editor.getText?.() ?? JSON.stringify(nextValue, null, 2);\n      onValueChange?.(nextValue);\n      onTextChange?.(nextText);\n      onErrorChange?.(null);\n    } catch (error: any) {\n      const rawText = editor.getText?.() ?? \"\";\n      onTextChange?.(rawText);\n      onErrorChange?.(\n        error?.message ? String(error.message) : \"The JSON is currently invalid.\",\n      );\n    }\n  };\n\n  useImperativeHandle(ref, () => ({\n    format() {\n      try {\n        editorRef.current?.format?.();\n      } catch (_error) {\n        // jsoneditor already surfaces parse states through onErrorChange.\n      }\n\n      emitState();\n    },\n    getText() {\n      return editorRef.current?.getText?.() ?? \"\";\n    },\n  }), []);\n\n  useEffect(() => {\n    if (!containerRef.current || editorRef.current) {\n      return;\n    }\n\n    let destroyed = false;\n\n    void import(\"jsoneditor\").then((jsonEditorModule: any) => {\n      if (destroyed || !containerRef.current || editorRef.current) {\n        return;\n      }\n\n      const JSONEditor = jsonEditorModule?.default ?? jsonEditorModule;\n      editorRef.current = new JSONEditor(containerRef.current, {\n        mode: \"code\",\n        modes: [\"code\"],\n        mainMenuBar: true,\n        navigationBar: true,\n        statusBar: true,\n        search: true,\n        enableSort: false,\n        enableTransform: false,\n        onChange: () => emitState(),\n      });\n\n      try {\n        editorRef.current.set(latestValueRef.current);\n      } catch (_error) {\n        // Ignore seed failures and let jsoneditor surface them through its own state.\n      }\n\n      emitState();\n\n      if (editorRef.current?.aceEditor?.setReadOnly) {\n        editorRef.current.aceEditor.setReadOnly(readOnly);\n      }\n    });\n\n    return () => {\n      destroyed = true;\n      editorRef.current?.destroy?.();\n      editorRef.current = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!editorRef.current) {\n      return;\n    }\n\n    try {\n      editorRef.current.set(latestValueRef.current);\n    } catch (_error) {\n      // Ignore reset parse failures and surface them via emitState instead.\n    }\n\n    emitState();\n  }, [resetToken]);\n\n  useEffect(() => {\n    if (!editorRef.current?.aceEditor?.setReadOnly) {\n      return;\n    }\n\n    editorRef.current.aceEditor.setReadOnly(readOnly);\n  }, [readOnly]);\n\n  return (\n    <div\n      ref={containerRef}\n      className={`solid-json-editor-host solid-json-editor ${readOnly ? \"is-readonly\" : \"\"} ${className}`.trim()}\n    />\n  );\n});\n"]}