@devslab/site-kit 0.16.0 → 0.17.0

package/dist/solid.server.js

@@ -534,6 +534,8 @@ var _tmpl$6$3 = [
 	" aria-haspopup=\"dialog\">",
 	"</button>"
 ];
+/** A link with a non-empty `#fragment`: the policy section, not the top of the page. */
+var POLICY_SECTION_HREF = /^[^#\s]*#[^#\s]+$/;
 /**
 * The consent bar and its settings dialog (D-034).
 *
@@ -544,9 +546,11 @@ var _tmpl$6$3 = [
 *
 * The bar's three choices are the same button, the same size: "모두 허용",
 * "거부", "설정". Closing it any other way (✕, Escape) is no decision —
-* nothing loads, and the next visit asks again.
+* nothing loads, and the next visit asks again. Its text is short; the
+* disclosure lives in the policy section `learnMoreHref` points at.
 */
 function ConsentBanner(props) {
+	if (typeof props.learnMoreHref !== "string" || !POLICY_SECTION_HREF.test(props.learnMoreHref)) throw new RangeError(`ConsentBanner: learnMoreHref must link to the privacy policy's analytics section with its #anchor (e.g. /privacy#analytics), got ${JSON.stringify(props.learnMoreHref)}`);
 	const [mounted, setMounted] = createSignal(false);
 	const [undecided, setUndecided] = createSignal(false);
 	const [dismissed, setDismissed] = createSignal(false);
@@ -599,7 +603,7 @@ function ConsentBanner(props) {
 						return memo(() => !!undecided())() && !dismissed();
 					},
 					get children() {
-						return ssr(_tmpl$$5, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.messages.regionLabel, true), false), escape(props.messages.title), escape(props.messages.body), ssrAttribute("href", escape(props.privacyHref, true), false), escape(props.messages.privacyLink), escape(createComponent(Button, {
+						return ssr(_tmpl$$5, ssrHydrationKey(), ssrAttribute("aria-label", escape(props.messages.regionLabel, true), false), escape(props.messages.title), escape(props.messages.body), ssrAttribute("href", escape(props.learnMoreHref, true), false), escape(props.messages.learnMore), escape(createComponent(Button, {
 							"class": "site-consent__action",
 							tone: "secondary",
 							onClick: acceptAll,
@@ -653,32 +657,21 @@ function ConsentBanner(props) {
 						return props.messages.settingsIntro;
 					},
 					get actions() {
-						return [
-							createComponent(Button, {
-								"class": "site-consent__action",
-								tone: "secondary",
-								onClick: acceptAll,
-								get children() {
-									return props.messages.acceptAll;
-								}
-							}),
-							createComponent(Button, {
-								"class": "site-consent__action",
-								tone: "secondary",
-								onClick: rejectAll,
-								get children() {
-									return props.messages.rejectAll;
-								}
-							}),
-							createComponent(Button, {
-								"class": "site-consent__action",
-								tone: "secondary",
-								onClick: () => decide(() => props.controller.save({ analytics: analytics() })),
-								get children() {
-									return props.messages.save;
-								}
-							})
-						];
+						return [createComponent(Button, {
+							"class": "site-consent__action",
+							tone: "secondary",
+							onClick: () => setSettingsOpen(false),
+							get children() {
+								return props.messages.cancel;
+							}
+						}), createComponent(Button, {
+							"class": "site-consent__action",
+							tone: "secondary",
+							onClick: () => decide(() => props.controller.save({ analytics: analytics() })),
+							get children() {
+								return props.messages.save;
+							}
+						})];
 					},
 					get children() {
 						return [