@solhun/feedback-kit-web 0.11.0 → 0.12.0

package/dist/index.js

@@ -1180,7 +1180,7 @@ import {
 } from "react";
 
 // src/version.ts
-var VERSION = true ? "0.11.0" : "dev";
+var VERSION = true ? "0.12.0" : "dev";
 
 // src/dev-clipboard.ts
 import { sourceFromElement } from "@solhun/feedback-kit-core";
@@ -1258,6 +1258,36 @@ function resolveDevMode(propValue, stored) {
   if (stored !== null) return stored;
   return propValue === true;
 }
+var SETTINGS_FLAG = "fk-settings";
+var SESSION_KEY = "feedback-kit:settings-visible";
+function isSettingsRequested(search, session) {
+  const store = session === void 0 ? sessionStorageOrNull() : session;
+  let requested = false;
+  try {
+    requested = new URLSearchParams(search).get(SETTINGS_FLAG) === "1";
+  } catch {
+    requested = false;
+  }
+  if (requested) {
+    try {
+      store?.setItem(SESSION_KEY, "1");
+    } catch {
+    }
+    return true;
+  }
+  try {
+    return store?.getItem(SESSION_KEY) === "1";
+  } catch {
+    return false;
+  }
+}
+function sessionStorageOrNull() {
+  try {
+    return globalThis.sessionStorage ?? null;
+  } catch {
+    return null;
+  }
+}
 
 // src/feedback-kit.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -1755,9 +1785,12 @@ function FeedbackKit(props) {
   const [pickingState, setPickingState] = useState(INITIAL_PICKING_STATE);
   const [announcement, setAnnouncement] = useState(null);
   const [devMode, setDevMode] = useState(() => resolveDevMode(props.devMode, readDevPreference()));
-  const [devSettingsAvailable] = useState(
+  const [devToggleAvailable] = useState(
     () => props.devMode === true || isDevSettingsHost(globalThis.location?.hostname ?? "")
   );
+  const [devSettingsAvailable] = useState(
+    () => props.devMode === true || isDevSettingsHost(globalThis.location?.hostname ?? "") || isSettingsRequested(globalThis.location?.search ?? "")
+  );
   const [devSettingsOpen, setDevSettingsOpen] = useState(false);
   const [connection, setConnection] = useState(null);
   const [connectionState, setConnectionState] = useState("idle");
@@ -2187,6 +2220,7 @@ function FeedbackKit(props) {
                         {
                           type: "checkbox",
                           checked: devMode,
+                          disabled: !devToggleAvailable,
                           onChange: (event) => toggleDevMode(event.currentTarget.checked),
                           style: { marginTop: 3 }
                         }
@@ -2244,11 +2278,17 @@ function FeedbackKit(props) {
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsxs("p", { style: { margin: "12px 0 0", color: TOKENS.muted, fontSize: 12 }, children: [
-                      "\uC774 \uC124\uC815\uC740 \uB85C\uCEEC(",
+                    /* @__PURE__ */ jsx("p", { style: { margin: "12px 0 0", color: TOKENS.muted, fontSize: 12 }, children: devToggleAvailable ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                      "\uAC1C\uBC1C\uC6A9 \uBAA8\uB4DC\uB294 \uB85C\uCEEC(",
                       /* @__PURE__ */ jsx("code", { children: "localhost" }),
-                      ")\uC5D0\uC11C\uB9CC \uBCF4\uC785\uB2C8\uB2E4. \uBC30\uD3EC\uB41C \uD654\uBA74\uC5D0\uC11C\uB294 \uC2E4\uC0AC\uC6A9\uC790\uAC00 \uCF24 \uC218 \uC5C6\uC5B4\uC57C \uD574\uC11C \uC544\uC608 \uB744\uC6B0\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4."
-                    ] }),
+                      ")\uC5D0\uC11C\uB9CC \uCF24 \uC218 \uC788\uC2B5\uB2C8\uB2E4. \uBC30\uD3EC\uB41C \uD654\uBA74\uC5D0\uC11C \uC2E4\uC0AC\uC6A9\uC790\uAC00 \uCF1C\uBA74 \uADF8 \uC0AC\uB78C \uC81C\uBCF4\uAC00 \uC5B4\uB514\uC5D0\uB3C4 \uC548 \uB0A8\uAE30 \uB54C\uBB38\uC785\uB2C8\uB2E4."
+                    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                      "\uC5EC\uAE30\uC11C\uB294 ",
+                      /* @__PURE__ */ jsx("b", { children: "\uBCF4\uAE30\uB9CC" }),
+                      " \uB429\uB2C8\uB2E4. \uAC1C\uBC1C\uC6A9 \uBAA8\uB4DC\uB294 \uB85C\uCEEC(",
+                      /* @__PURE__ */ jsx("code", { children: "localhost" }),
+                      ")\uC5D0\uC11C\uB9CC \uCF24 \uC218 \uC788\uC2B5\uB2C8\uB2E4 \u2014 \uC2E4\uC0AC\uC6A9\uC790\uAC00 \uCF1C\uBA74 \uADF8 \uC0AC\uB78C \uC81C\uBCF4\uAC00 \uC5B4\uB514\uC5D0\uB3C4 \uC548 \uB0A8\uAE30 \uB54C\uBB38\uC785\uB2C8\uB2E4."
+                    ] }) }),
                     /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: 12 }, children: /* @__PURE__ */ jsx("button", { type: "button", style: baseButton, onClick: () => setDevSettingsOpen(false), children: "\uB2EB\uAE30" }) })
                   ]
                 }