@solhun/feedback-kit-web 0.11.0 → 0.12.0

package/dist/index.cjs

@@ -1220,7 +1220,7 @@ var import_feedback_kit_core4 = require("@solhun/feedback-kit-core");
 var import_react = require("react");
 
 // src/version.ts
-var VERSION = true ? "0.11.0" : "dev";
+var VERSION = true ? "0.12.0" : "dev";
 
 // src/dev-clipboard.ts
 var import_feedback_kit_core3 = require("@solhun/feedback-kit-core");
@@ -1298,6 +1298,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
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -1795,9 +1825,12 @@ function FeedbackKit(props) {
   const [pickingState, setPickingState] = (0, import_react.useState)(INITIAL_PICKING_STATE);
   const [announcement, setAnnouncement] = (0, import_react.useState)(null);
   const [devMode, setDevMode] = (0, import_react.useState)(() => resolveDevMode(props.devMode, readDevPreference()));
-  const [devSettingsAvailable] = (0, import_react.useState)(
+  const [devToggleAvailable] = (0, import_react.useState)(
     () => props.devMode === true || isDevSettingsHost(globalThis.location?.hostname ?? "")
   );
+  const [devSettingsAvailable] = (0, import_react.useState)(
+    () => props.devMode === true || isDevSettingsHost(globalThis.location?.hostname ?? "") || isSettingsRequested(globalThis.location?.search ?? "")
+  );
   const [devSettingsOpen, setDevSettingsOpen] = (0, import_react.useState)(false);
   const [connection, setConnection] = (0, import_react.useState)(null);
   const [connectionState, setConnectionState] = (0, import_react.useState)("idle");
@@ -2227,6 +2260,7 @@ function FeedbackKit(props) {
                         {
                           type: "checkbox",
                           checked: devMode,
+                          disabled: !devToggleAvailable,
                           onChange: (event) => toggleDevMode(event.currentTarget.checked),
                           style: { marginTop: 3 }
                         }
@@ -2284,11 +2318,17 @@ function FeedbackKit(props) {
                         ]
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { style: { margin: "12px 0 0", color: TOKENS.muted, fontSize: 12 }, children: [
-                      "\uC774 \uC124\uC815\uC740 \uB85C\uCEEC(",
+                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { margin: "12px 0 0", color: TOKENS.muted, fontSize: 12 }, children: devToggleAvailable ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                      "\uAC1C\uBC1C\uC6A9 \uBAA8\uB4DC\uB294 \uB85C\uCEEC(",
                       /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                      "\uC5EC\uAE30\uC11C\uB294 ",
+                      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", { children: "\uBCF4\uAE30\uB9CC" }),
+                      " \uB429\uB2C8\uB2E4. \uAC1C\uBC1C\uC6A9 \uBAA8\uB4DC\uB294 \uB85C\uCEEC(",
+                      /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", justifyContent: "flex-end", marginTop: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", style: baseButton, onClick: () => setDevSettingsOpen(false), children: "\uB2EB\uAE30" }) })
                   ]
                 }