@hexclave/react 1.0.26 → 1.0.27

package/dist/components/elements/ssr-layout-effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ssr-layout-effect.d.ts","names":[],"sources":["../../../src/components/elements/ssr-layout-effect.tsx"],"mappings":";;;iBAQgB,SAAA,CAAU,KAAA;EAAS,MAAA;EAAgB,KAAA;AAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ssr-layout-effect.d.ts","names":[],"sources":["../../../src/components/elements/ssr-layout-effect.tsx"],"mappings":";;;iBAYgB,SAAA,CAAU,KAAA;EAAS,MAAA;EAAgB,KAAA;AAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/elements/ssr-layout-effect.js

@@ -6,14 +6,16 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 
 //#region src/components/elements/ssr-layout-effect.tsx
+function escapeHtmlAttr(str) {
+	return str.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
 function SsrScript(props) {
 	(0, react.useLayoutEffect)(() => {
 		(0, eval)(props.script);
 	}, []);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("script", {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 		suppressHydrationWarning: true,
-		nonce: props.nonce,
-		dangerouslySetInnerHTML: { __html: props.script }
+		dangerouslySetInnerHTML: { __html: `<script${props.nonce ? ` nonce="${escapeHtmlAttr(props.nonce)}"` : ""}>${props.script}<\/script>` }
 	});
 }
 

package/dist/components/elements/ssr-layout-effect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ssr-layout-effect.js","names":[],"sources":["../../../src/components/elements/ssr-layout-effect.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { useLayoutEffect } from \"react\";\n\nexport function SsrScript(props: { script: string, nonce?: string }) {\n  useLayoutEffect(() => {\n    // TODO fix workaround: React has a bug where it doesn't run the script on the first CSR render if SSR has been skipped due to suspense\n    // As a workaround, we run the script in the <script> tag again after the first render\n    // Note that we do an indirect eval as described here: https://esbuild.github.io/content-types/#direct-eval\n    (0, eval)(props.script);\n  }, []);\n\n  return (\n    <script\n      suppressHydrationWarning  // the transpiler is setup differently for client/server targets, so if `script` was generated with Function.toString they will differ\n      nonce={props.nonce}\n      dangerouslySetInnerHTML={{ __html: props.script }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAQA,SAAgB,UAAU,OAA2C;AACnE,kCAAsB;AAIpB,GAAC,GAAG,MAAM,MAAM,OAAO;IACtB,EAAE,CAAC;AAEN,QACE,2CAAC;EACC;EACA,OAAO,MAAM;EACb,yBAAyB,EAAE,QAAQ,MAAM,QAAQ;GACjD"}
+{"version":3,"file":"ssr-layout-effect.js","names":[],"sources":["../../../src/components/elements/ssr-layout-effect.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { useLayoutEffect } from \"react\";\n\nfunction escapeHtmlAttr(str: string): string {\n  return str.replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n}\n\nexport function SsrScript(props: { script: string, nonce?: string }) {\n  useLayoutEffect(() => {\n    // TODO fix workaround: React has a bug where it doesn't run the script on the first CSR render if SSR has been skipped due to suspense\n    // As a workaround, we run the script in the <script> tag again after the first render\n    // Note that we do an indirect eval as described here: https://esbuild.github.io/content-types/#direct-eval\n    (0, eval)(props.script);\n  }, []);\n\n  // Embed the <script> in a span's innerHTML rather than as a React <script> JSX element to\n  // avoid React 19's \"Scripts inside React components are never executed when rendering on the\n  // client\" warning. The browser still executes the script during SSR HTML parsing, and on the\n  // client React sets innerHTML but the browser won't re-execute the script (innerHTML scripts\n  // don't run). Using the same HTML on both sides avoids hydration mismatches.\n  const nonceAttr = props.nonce ? ` nonce=\"${escapeHtmlAttr(props.nonce)}\"` : '';\n\n  return (\n    <span\n      suppressHydrationWarning  // the transpiler is setup differently for client/server targets, so if `script` was generated with Function.toString they will differ\n      dangerouslySetInnerHTML={{\n        __html: `<script${nonceAttr}>${props.script}</script>`,\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAQA,SAAS,eAAe,KAAqB;AAC3C,QAAO,IAAI,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,SAAS,CAAC,QAAQ,MAAM,OAAO,CAAC,QAAQ,MAAM,OAAO;;AAGvG,SAAgB,UAAU,OAA2C;AACnE,kCAAsB;AAIpB,GAAC,GAAG,MAAM,MAAM,OAAO;IACtB,EAAE,CAAC;AASN,QACE,2CAAC;EACC;EACA,yBAAyB,EACvB,QAAQ,UANI,MAAM,QAAQ,WAAW,eAAe,MAAM,MAAM,CAAC,KAAK,GAM1C,GAAG,MAAM,OAAO,aAC7C;GACD"}

package/dist/components-page/account-settings/email-and-auth/emails-section.js

@@ -9,8 +9,8 @@ let react_hook_form = require("react-hook-form");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
-let _hexclave_shared_dist_known_errors = require("@hexclave/shared/dist/known-errors");
 let _________components_elements_form_warning_js = require("../../../components/elements/form-warning.js");
+let _hexclave_shared_dist_known_errors = require("@hexclave/shared/dist/known-errors");
 
 //#region src/components-page/account-settings/email-and-auth/emails-section.tsx
 function EmailsSection(props) {

package/dist/components-page/account-settings/email-and-auth/mfa-section.js

@@ -7,12 +7,12 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
+let ___section_js = require("../section.js");
 let _oslojs_otp = require("@oslojs/otp");
 let _hexclave_shared_dist_hooks_use_async_callback = require("@hexclave/shared/dist/hooks/use-async-callback");
 let _hexclave_shared_dist_utils_crypto = require("@hexclave/shared/dist/utils/crypto");
 let qrcode = require("qrcode");
 qrcode = require_chunk.__toESM(qrcode);
-let ___section_js = require("../section.js");
 
 //#region src/components-page/account-settings/email-and-auth/mfa-section.tsx
 function MfaSection(props) {

package/dist/components-page/account-settings/email-and-auth/passkey-section.js

@@ -5,8 +5,8 @@ let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
-let ___section_js = require("../section.js");
 let _________index_js = require("../../../index.js");
+let ___section_js = require("../section.js");
 
 //#region src/components-page/account-settings/email-and-auth/passkey-section.tsx
 function PasskeySection(props) {

package/dist/components-page/account-settings/email-and-auth/password-section.js

@@ -12,9 +12,9 @@ let yup = require("yup");
 yup = require_chunk.__toESM(yup);
 let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
-let _________components_elements_form_warning_js = require("../../../components/elements/form-warning.js");
-let ___section_js = require("../section.js");
 let _________index_js = require("../../../index.js");
+let ___section_js = require("../section.js");
+let _________components_elements_form_warning_js = require("../../../components/elements/form-warning.js");
 
 //#region src/components-page/account-settings/email-and-auth/password-section.tsx
 function PasswordSection(props) {

package/dist/components-page/account-settings/payments/payments-panel.js

@@ -9,11 +9,11 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let _hexclave_shared = require("@hexclave/shared");
 let _hexclave_shared_dist_utils_results = require("@hexclave/shared/dist/utils/results");
 let _________lib_translations_js = require("../../../lib/translations.js");
-let ___section_js = require("../section.js");
 let _________index_js = require("../../../index.js");
 let _stripe_react_stripe_js = require("@stripe/react-stripe-js");
 let _stripe_stripe_js = require("@stripe/stripe-js");
 let _________generated_env_js = require("../../../generated/env.js");
+let ___section_js = require("../section.js");
 
 //#region src/components-page/account-settings/payments/payments-panel.tsx
 function formatPaymentMethod(pm) {

package/dist/components-page/account-settings/teams/team-creation-page.js

@@ -10,8 +10,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
 let ___page_layout_js = require("../page-layout.js");
-let _________components_elements_form_warning_js = require("../../../components/elements/form-warning.js");
 let ___section_js = require("../section.js");
+let _________components_elements_form_warning_js = require("../../../components/elements/form-warning.js");
 let _________components_message_cards_message_card_js = require("../../../components/message-cards/message-card.js");
 
 //#region src/components-page/account-settings/teams/team-creation-page.tsx

package/dist/components-page/account-settings/teams/team-member-invitation-section.js

@@ -10,8 +10,8 @@ let react_jsx_runtime = require("react/jsx-runtime");
 let lucide_react = require("lucide-react");
 let _________lib_hooks_js = require("../../../lib/hooks.js");
 let _________lib_translations_js = require("../../../lib/translations.js");
-let _________components_elements_form_warning_js = require("../../../components/elements/form-warning.js");
 let ___section_js = require("../section.js");
+let _________components_elements_form_warning_js = require("../../../components/elements/form-warning.js");
 
 //#region src/components-page/account-settings/teams/team-member-invitation-section.tsx
 function TeamMemberInvitationSection(props) {

package/dist/esm/components/elements/ssr-layout-effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ssr-layout-effect.d.ts","names":[],"sources":["../../../../src/components/elements/ssr-layout-effect.tsx"],"mappings":";;;iBAQgB,SAAA,CAAU,KAAA;EAAS,MAAA;EAAgB,KAAA;AAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"ssr-layout-effect.d.ts","names":[],"sources":["../../../../src/components/elements/ssr-layout-effect.tsx"],"mappings":";;;iBAYgB,SAAA,CAAU,KAAA;EAAS,MAAA;EAAgB,KAAA;AAAA,IAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/esm/components/elements/ssr-layout-effect.js

@@ -4,14 +4,16 @@ import { useLayoutEffect } from "react";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/elements/ssr-layout-effect.tsx
+function escapeHtmlAttr(str) {
+	return str.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
 function SsrScript(props) {
 	useLayoutEffect(() => {
 		(0, eval)(props.script);
 	}, []);
-	return /* @__PURE__ */ jsx("script", {
+	return /* @__PURE__ */ jsx("span", {
 		suppressHydrationWarning: true,
-		nonce: props.nonce,
-		dangerouslySetInnerHTML: { __html: props.script }
+		dangerouslySetInnerHTML: { __html: `<script${props.nonce ? ` nonce="${escapeHtmlAttr(props.nonce)}"` : ""}>${props.script}<\/script>` }
 	});
 }
 

package/dist/esm/components/elements/ssr-layout-effect.js.map

@@ -1 +1 @@
-{"version":3,"file":"ssr-layout-effect.js","names":[],"sources":["../../../../src/components/elements/ssr-layout-effect.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { useLayoutEffect } from \"react\";\n\nexport function SsrScript(props: { script: string, nonce?: string }) {\n  useLayoutEffect(() => {\n    // TODO fix workaround: React has a bug where it doesn't run the script on the first CSR render if SSR has been skipped due to suspense\n    // As a workaround, we run the script in the <script> tag again after the first render\n    // Note that we do an indirect eval as described here: https://esbuild.github.io/content-types/#direct-eval\n    (0, eval)(props.script);\n  }, []);\n\n  return (\n    <script\n      suppressHydrationWarning  // the transpiler is setup differently for client/server targets, so if `script` was generated with Function.toString they will differ\n      nonce={props.nonce}\n      dangerouslySetInnerHTML={{ __html: props.script }}\n    />\n  );\n}\n"],"mappings":";;;;;;AAQA,SAAgB,UAAU,OAA2C;AACnE,uBAAsB;AAIpB,GAAC,GAAG,MAAM,MAAM,OAAO;IACtB,EAAE,CAAC;AAEN,QACE,oBAAC;EACC;EACA,OAAO,MAAM;EACb,yBAAyB,EAAE,QAAQ,MAAM,QAAQ;GACjD"}
+{"version":3,"file":"ssr-layout-effect.js","names":[],"sources":["../../../../src/components/elements/ssr-layout-effect.tsx"],"sourcesContent":["\"use client\";\n\n\n//===========================================\n// THIS FILE IS AUTO-GENERATED FROM TEMPLATE. DO NOT EDIT IT DIRECTLY UNLESS YOU ALSO EDIT THE CORRESPONDING FILE IN packages/template\n//===========================================\nimport { useLayoutEffect } from \"react\";\n\nfunction escapeHtmlAttr(str: string): string {\n  return str.replace(/&/g, '&amp;').replace(/\"/g, '&quot;').replace(/</g, '&lt;').replace(/>/g, '&gt;');\n}\n\nexport function SsrScript(props: { script: string, nonce?: string }) {\n  useLayoutEffect(() => {\n    // TODO fix workaround: React has a bug where it doesn't run the script on the first CSR render if SSR has been skipped due to suspense\n    // As a workaround, we run the script in the <script> tag again after the first render\n    // Note that we do an indirect eval as described here: https://esbuild.github.io/content-types/#direct-eval\n    (0, eval)(props.script);\n  }, []);\n\n  // Embed the <script> in a span's innerHTML rather than as a React <script> JSX element to\n  // avoid React 19's \"Scripts inside React components are never executed when rendering on the\n  // client\" warning. The browser still executes the script during SSR HTML parsing, and on the\n  // client React sets innerHTML but the browser won't re-execute the script (innerHTML scripts\n  // don't run). Using the same HTML on both sides avoids hydration mismatches.\n  const nonceAttr = props.nonce ? ` nonce=\"${escapeHtmlAttr(props.nonce)}\"` : '';\n\n  return (\n    <span\n      suppressHydrationWarning  // the transpiler is setup differently for client/server targets, so if `script` was generated with Function.toString they will differ\n      dangerouslySetInnerHTML={{\n        __html: `<script${nonceAttr}>${props.script}</script>`,\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;;AAQA,SAAS,eAAe,KAAqB;AAC3C,QAAO,IAAI,QAAQ,MAAM,QAAQ,CAAC,QAAQ,MAAM,SAAS,CAAC,QAAQ,MAAM,OAAO,CAAC,QAAQ,MAAM,OAAO;;AAGvG,SAAgB,UAAU,OAA2C;AACnE,uBAAsB;AAIpB,GAAC,GAAG,MAAM,MAAM,OAAO;IACtB,EAAE,CAAC;AASN,QACE,oBAAC;EACC;EACA,yBAAyB,EACvB,QAAQ,UANI,MAAM,QAAQ,WAAW,eAAe,MAAM,MAAM,CAAC,KAAK,GAM1C,GAAG,MAAM,OAAO,aAC7C;GACD"}

package/dist/esm/components-page/account-settings/email-and-auth/emails-section.js

@@ -7,8 +7,8 @@ import { useForm } from "react-hook-form";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
-import { KnownErrors } from "@hexclave/shared/dist/known-errors";
 import { FormWarningText } from "../../../components/elements/form-warning.js";
+import { KnownErrors } from "@hexclave/shared/dist/known-errors";
 
 //#region src/components-page/account-settings/email-and-auth/emails-section.tsx
 function EmailsSection(props) {

package/dist/esm/components-page/account-settings/email-and-auth/mfa-section.js

@@ -5,11 +5,11 @@ import { useEffect, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useStackApp, useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
+import { Section } from "../section.js";
 import { createTOTPKeyURI, verifyTOTP } from "@oslojs/otp";
 import { useAsyncCallback } from "@hexclave/shared/dist/hooks/use-async-callback";
 import { generateRandomValues } from "@hexclave/shared/dist/utils/crypto";
 import * as QRCode from "qrcode";
-import { Section } from "../section.js";
 
 //#region src/components-page/account-settings/email-and-auth/mfa-section.tsx
 function MfaSection(props) {

package/dist/esm/components-page/account-settings/email-and-auth/passkey-section.js

@@ -3,8 +3,8 @@ import { useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
-import { Section } from "../section.js";
 import { useStackApp as useStackApp$1 } from "../../../index.js";
+import { Section } from "../section.js";
 
 //#region src/components-page/account-settings/email-and-auth/passkey-section.tsx
 function PasskeySection(props) {

package/dist/esm/components-page/account-settings/email-and-auth/password-section.js

@@ -9,9 +9,9 @@ import { getPasswordError } from "@hexclave/shared/dist/helpers/password";
 import * as yup from "yup";
 import { useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
-import { FormWarningText } from "../../../components/elements/form-warning.js";
-import { Section } from "../section.js";
 import { useStackApp as useStackApp$1 } from "../../../index.js";
+import { Section } from "../section.js";
+import { FormWarningText } from "../../../components/elements/form-warning.js";
 
 //#region src/components-page/account-settings/email-and-auth/password-section.tsx
 function PasswordSection(props) {

package/dist/esm/components-page/account-settings/payments/payments-panel.js

@@ -7,11 +7,11 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { KnownErrors } from "@hexclave/shared";
 import { Result } from "@hexclave/shared/dist/utils/results";
 import { useTranslation } from "../../../lib/translations.js";
-import { Section } from "../section.js";
 import { useStackApp } from "../../../index.js";
 import { CardElement, Elements, useElements, useStripe } from "@stripe/react-stripe-js";
 import { loadStripe } from "@stripe/stripe-js";
 import { envVars } from "../../../generated/env.js";
+import { Section } from "../section.js";
 
 //#region src/components-page/account-settings/payments/payments-panel.tsx
 function formatPaymentMethod(pm) {

package/dist/esm/components-page/account-settings/teams/team-creation-page.js

@@ -8,8 +8,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useStackApp, useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
 import { PageLayout } from "../page-layout.js";
-import { FormWarningText } from "../../../components/elements/form-warning.js";
 import { Section } from "../section.js";
+import { FormWarningText } from "../../../components/elements/form-warning.js";
 import { MessageCard } from "../../../components/message-cards/message-card.js";
 
 //#region src/components-page/account-settings/teams/team-creation-page.tsx

package/dist/esm/components-page/account-settings/teams/team-member-invitation-section.js

@@ -8,8 +8,8 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Trash } from "lucide-react";
 import { useUser } from "../../../lib/hooks.js";
 import { useTranslation } from "../../../lib/translations.js";
-import { FormWarningText } from "../../../components/elements/form-warning.js";
 import { Section } from "../section.js";
+import { FormWarningText } from "../../../components/elements/form-warning.js";
 
 //#region src/components-page/account-settings/teams/team-member-invitation-section.tsx
 function TeamMemberInvitationSection(props) {