@sanity/vercel-protection-bypass 2.1.1 → 3.0.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @sanity/vercel-protection-bypass
 
+## 3.0.0
+
+### Major Changes
+
+- [#11](https://github.com/sanity-io/plugins/pull/11) [`d2283b2`](https://github.com/sanity-io/plugins/commit/d2283b2cb214f8c3478e986f0afa06180343dd35) Thanks [@stipsan](https://github.com/stipsan)! - Set node engines to minimum v22.12 in addition to the existing required v20.19 or later
+
+- [#11](https://github.com/sanity-io/plugins/pull/11) [`d2283b2`](https://github.com/sanity-io/plugins/commit/d2283b2cb214f8c3478e986f0afa06180343dd35) Thanks [@stipsan](https://github.com/stipsan)! - Remove CJS, this package is now ESM-only
+
+### Patch Changes
+
+- [#8](https://github.com/sanity-io/plugins/pull/8) [`17e4495`](https://github.com/sanity-io/plugins/commit/17e44959f157bf6b7239db06f19aec31265d7ca9) Thanks [@renovate](https://github.com/apps/renovate)! - fix(deps): Update dependency @sanity/preview-url-secret to ^2.1.16
+
+- [`2bda9e1`](https://github.com/sanity-io/plugins/commit/2bda9e147d8bf98b59c83b12b994f821262b7689) Thanks [@stipsan](https://github.com/stipsan)! - Reduce reliance on `@sanity/preview-url-secret`
+
 ## 2.1.1
 
 ### Patch Changes

package/dist/_chunks-es/VercelProtectionBypassTool.js

@@ -3,8 +3,8 @@ import { c } from "react-compiler-runtime";
 import { useReducer, useEffect } from "react";
 import { useClient } from "sanity";
 import { TrashIcon, AddIcon } from "@sanity/icons";
-import { apiVersion } from "@sanity/preview-url-secret/constants";
-import { enableVercelProtectionBypass, subcribeToVercelProtectionBypass, disableVercelProtectionBypass } from "@sanity/preview-url-secret/toggle-vercel-protection-bypass";
+import { apiVersion, vercelProtectionBypassSchemaId, vercelProtectionBypassSchemaType, tag } from "@sanity/preview-url-secret/constants";
+import { subscribeToVercelProtectionBypass } from "@sanity/preview-url-secret/toggle-vercel-protection-bypass";
 import { useToast, Heading, Box, Stack, Card, Text, Button, Dialog, TextInput } from "@sanity/ui";
 function reducer(prevState, action) {
   switch (action.type) {
@@ -52,6 +52,28 @@ function reducer(prevState, action) {
       return prevState;
   }
 }
+async function enableVercelProtectionBypass(client, secret) {
+  const patch = client.patch(vercelProtectionBypassSchemaId).set({
+    secret
+  });
+  await client.transaction().createIfNotExists({
+    _id: vercelProtectionBypassSchemaId,
+    _type: vercelProtectionBypassSchemaType
+  }).patch(patch).commit({
+    tag
+  });
+}
+async function disableVercelProtectionBypass(client) {
+  const patch = client.patch(vercelProtectionBypassSchemaId).set({
+    secret: null
+  });
+  await client.transaction().createIfNotExists({
+    _id: vercelProtectionBypassSchemaId,
+    _type: vercelProtectionBypassSchemaType
+  }).patch(patch).commit({
+    tag
+  });
+}
 function VercelProtectionBypassTool() {
   const $ = c(25);
   let t0;
@@ -89,7 +111,7 @@ function VercelProtectionBypassTool() {
   const handleEnable = t2;
   let t3, t4;
   $[5] !== client ? (t3 = () => {
-    const unsubscribe = subcribeToVercelProtectionBypass(client, (secret_0) => dispatch({
+    const unsubscribe = subscribeToVercelProtectionBypass(client, (secret_0) => dispatch({
       type: secret_0 ? "saved-secret" : "removed-secret"
     }));
     return () => unsubscribe();

package/dist/_chunks-es/VercelProtectionBypassTool.js.map

@@ -1 +1 @@
-{"version":3,"file":"VercelProtectionBypassTool.js","sources":["../../src/VercelProtectionBypassTool.tsx"],"sourcesContent":["import {useEffect, useReducer} from 'react'\nimport {useClient} from 'sanity'\n\nimport {AddIcon, TrashIcon} from '@sanity/icons'\nimport {apiVersion} from '@sanity/preview-url-secret/constants'\nimport {\n  disableVercelProtectionBypass,\n  enableVercelProtectionBypass,\n  subcribeToVercelProtectionBypass,\n} from '@sanity/preview-url-secret/toggle-vercel-protection-bypass'\nimport {Box, Button, Card, Dialog, Heading, Stack, Text, TextInput, useToast} from '@sanity/ui'\n\ninterface State {\n  status:\n    | 'loading'\n    | 'disabled'\n    | 'add-secret-dialog'\n    | 'adding-secret'\n    | 'enabled'\n    | 'removing-secret'\n}\ntype Action =\n  | {type: 'add-secret'}\n  | {type: 'save-secret'}\n  | {type: 'cancel-add-secret'}\n  | {type: 'failed-add-secret'}\n  | {type: 'saved-secret'}\n  | {type: 'remove-secret'}\n  | {type: 'failed-remove-secret'}\n  | {type: 'removed-secret'}\n\nfunction reducer(prevState: State, action: Action): State {\n  switch (action.type) {\n    case 'removed-secret':\n      return {...prevState, status: 'disabled'}\n    case 'remove-secret':\n      return {...prevState, status: 'removing-secret'}\n    case 'saved-secret':\n      return {...prevState, status: 'enabled'}\n    case 'save-secret':\n      return {...prevState, status: 'adding-secret'}\n    case 'cancel-add-secret':\n      return {...prevState, status: 'disabled'}\n    case 'add-secret':\n      return {...prevState, status: 'add-secret-dialog'}\n    case 'failed-remove-secret':\n      return {...prevState, status: 'enabled'}\n    case 'failed-add-secret':\n      return {...prevState, status: 'add-secret-dialog'}\n    default:\n      return prevState\n  }\n}\n\nexport default function VercelProtectionBypassTool(): React.JSX.Element {\n  const client = useClient({apiVersion: apiVersion})\n  const {push: pushToast} = useToast()\n  const [state, dispatch] = useReducer(reducer, {status: 'loading'})\n  const adding = state.status === 'adding-secret'\n  const removing = state.status === 'removing-secret'\n\n  const handleEnable = (secret: string) => {\n    dispatch({type: 'save-secret'})\n    enableVercelProtectionBypass(client, secret)\n      .then(() => {\n        dispatch({type: 'saved-secret'})\n        pushToast({\n          status: 'success',\n          title: 'Protection bypass is now enabled',\n        })\n      })\n      .catch((reason) => {\n        // eslint-disable-next-line no-console\n        console.error(reason)\n        pushToast({\n          status: 'error',\n          title:\n            'There was an error when trying to enable protection bypass. See the browser console for more information.',\n        })\n        dispatch({type: 'failed-add-secret'})\n      })\n  }\n\n  useEffect(() => {\n    const unsubscribe = subcribeToVercelProtectionBypass(client, (secret) =>\n      dispatch({type: secret ? 'saved-secret' : 'removed-secret'}),\n    )\n    return () => unsubscribe()\n  }, [client])\n\n  const enabled = state.status === 'enabled' || removing\n\n  return (\n    <>\n      <Box\n        sizing=\"border\"\n        display=\"flex\"\n        style={{\n          height: '100%',\n          alignItems: 'center',\n          justifyContent: 'center',\n          flexDirection: 'column',\n        }}\n      >\n        <Stack space={5}>\n          <Card padding={4} style={{maxWidth: 640}}>\n            <Stack space={4} style={{justifyItems: 'flex-start', textWrap: 'pretty'}}>\n              <Heading>Vercel Protection Bypass</Heading>\n              {enabled ? (\n                <>\n                  <Box>\n                    <Text style={{textWrap: 'pretty'}}>\n                      Sanity Presentation is setup to use{' '}\n                      <a\n                        href=\"https://vercel.com/docs/security/deployment-protection/methods-to-bypass-deployment-protection/protection-bypass-automation\"\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                      >\n                        protection bypass for automation\n                      </a>{' '}\n                      in order to display protected deployments in its preview iframe for the\n                      current Sanity dataset.\n                    </Text>\n                  </Box>\n                  <Box>\n                    <Text>\n                      You can turn off automatic protection bypass at any time by clicking the\n                      button below.\n                    </Text>\n                  </Box>\n                  <Button\n                    mode=\"ghost\"\n                    tone=\"critical\"\n                    icon={<TrashIcon />}\n                    loading={removing}\n                    onClick={() => {\n                      dispatch({type: 'remove-secret'})\n                      disableVercelProtectionBypass(client)\n                        .then(() => {\n                          pushToast({\n                            status: 'warning',\n                            title: 'Protection bypass is now disabled',\n                          })\n                          dispatch({type: 'removed-secret'})\n                        })\n                        .catch((reason) => {\n                          // eslint-disable-next-line no-console\n                          console.error(reason)\n                          pushToast({\n                            status: 'error',\n                            title:\n                              'There was an error when trying to disable protection bypass. See the browser console for more information.',\n                          })\n                          dispatch({type: 'failed-remove-secret'})\n                        })\n                    }}\n                    text=\"Remove secret\"\n                  />\n                  <Text>\n                    Protection bypass remains enabled if this plugin is removed from your Sanity\n                    config.\n                  </Text>\n                </>\n              ) : (\n                <>\n                  <Box>\n                    <Text style={{textWrap: 'pretty'}}>\n                      Follow the instructions on{' '}\n                      <a\n                        href=\"https://vercel.com/docs/security/deployment-protection/methods-to-bypass-deployment-protection/protection-bypass-automation\"\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                      >\n                        how to enable protection bypass for automation\n                      </a>\n                      .\n                    </Text>\n                  </Box>\n                  <Box>\n                    <Text>\n                      This will setup a secret that Vercel exposes as an environment variable called\n                      VERCEL_AUTOMATION_BYPASS_SECRET, its value is the secret you need.\n                    </Text>\n                  </Box>\n                  <Button\n                    mode=\"ghost\"\n                    icon={<AddIcon />}\n                    loading={state.status === 'loading'}\n                    onClick={() => {\n                      dispatch({type: 'add-secret'})\n                    }}\n                    text=\"Add secret\"\n                  />\n                  <Text>\n                    If you&apos;re using Sanity Presentation Tool with multiple protected\n                    deployments ensure that they have the same secret set, as this tool will set a\n                    secret that is shared in your dataset with all instances of Presentation Tool.\n                  </Text>\n                </>\n              )}\n            </Stack>\n          </Card>\n        </Stack>\n      </Box>\n      {(state.status === 'add-secret-dialog' || state.status === 'adding-secret') && (\n        <Dialog\n          animate\n          id=\"add-secret-dialog\"\n          onClickOutside={() => dispatch({type: 'cancel-add-secret'})}\n        >\n          <Card padding={3}>\n            <form\n              onSubmit={(event) => {\n                event.preventDefault()\n                event.currentTarget.reportValidity()\n                const formData = new FormData(event.currentTarget)\n                const secret = formData.get('secret') as string\n                if (secret) handleEnable(secret)\n              }}\n            >\n              <Stack space={3}>\n                <Stack space={2}>\n                  <Text as=\"label\" weight=\"semibold\" size={1}>\n                    Add bypass secret\n                  </Text>\n                  <Text muted size={1}>\n                    {`Make sure it's the same secret the Vercel deployment is using that's loaded in the preview iframe.`}\n                  </Text>\n                  <TextInput\n                    name=\"secret\"\n                    onFocus={(event) => {\n                      event.currentTarget.setCustomValidity('')\n                    }}\n                    onBlur={(event) => {\n                      event.currentTarget.setCustomValidity(\n                        event.currentTarget.value.length == 32\n                          ? ''\n                          : 'Secret must be 32 characters long',\n                      )\n                      event.currentTarget.required = true\n                    }}\n                    minLength={32}\n                    maxLength={32}\n                    autoComplete=\"off\"\n                    autoCapitalize=\"off\"\n                    autoCorrect=\"off\"\n                    spellCheck=\"false\"\n                    disabled={adding}\n                  />\n                </Stack>\n                <Button\n                  type=\"submit\"\n                  loading={adding}\n                  text={adding ? 'Saving…' : 'Save'}\n                  tone=\"positive\"\n                />\n              </Stack>\n            </form>\n          </Card>\n        </Dialog>\n      )}\n    </>\n  )\n}\n"],"names":["reducer","prevState","action","type","status","VercelProtectionBypassTool","$","_c","t0","Symbol","for","apiVersion","client","useClient","push","pushToast","useToast","t1","state","dispatch","useReducer","adding","removing","t2","secret","enableVercelProtectionBypass","then","title","catch","reason","console","error","handleEnable","t3","t4","unsubscribe","subcribeToVercelProtectionBypass","secret_0","useEffect","enabled","t5","height","alignItems","justifyContent","flexDirection","t6","maxWidth","t7","t8","justifyItems","textWrap","t9","disableVercelProtectionBypass","reason_0","t10","event","preventDefault","currentTarget","reportValidity","secret_1","FormData","get","_temp","_temp2","t11","event_1","setCustomValidity","value","length","required","event_0"],"mappings":"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"}
+{"version":3,"file":"VercelProtectionBypassTool.js","sources":["../../src/VercelProtectionBypassTool.tsx"],"sourcesContent":["import {useEffect, useReducer} from 'react'\nimport {useClient, type SanityClient} from 'sanity'\n\nimport {AddIcon, TrashIcon} from '@sanity/icons'\nimport {apiVersion} from '@sanity/preview-url-secret/constants'\nimport {\n  vercelProtectionBypassSchemaId as _id,\n  vercelProtectionBypassSchemaType as _type,\n  tag,\n} from '@sanity/preview-url-secret/constants'\nimport {subscribeToVercelProtectionBypass} from '@sanity/preview-url-secret/toggle-vercel-protection-bypass'\nimport {Box, Button, Card, Dialog, Heading, Stack, Text, TextInput, useToast} from '@sanity/ui'\n\ninterface State {\n  status:\n    | 'loading'\n    | 'disabled'\n    | 'add-secret-dialog'\n    | 'adding-secret'\n    | 'enabled'\n    | 'removing-secret'\n}\ntype Action =\n  | {type: 'add-secret'}\n  | {type: 'save-secret'}\n  | {type: 'cancel-add-secret'}\n  | {type: 'failed-add-secret'}\n  | {type: 'saved-secret'}\n  | {type: 'remove-secret'}\n  | {type: 'failed-remove-secret'}\n  | {type: 'removed-secret'}\n\nfunction reducer(prevState: State, action: Action): State {\n  switch (action.type) {\n    case 'removed-secret':\n      return {...prevState, status: 'disabled'}\n    case 'remove-secret':\n      return {...prevState, status: 'removing-secret'}\n    case 'saved-secret':\n      return {...prevState, status: 'enabled'}\n    case 'save-secret':\n      return {...prevState, status: 'adding-secret'}\n    case 'cancel-add-secret':\n      return {...prevState, status: 'disabled'}\n    case 'add-secret':\n      return {...prevState, status: 'add-secret-dialog'}\n    case 'failed-remove-secret':\n      return {...prevState, status: 'enabled'}\n    case 'failed-add-secret':\n      return {...prevState, status: 'add-secret-dialog'}\n    default:\n      return prevState\n  }\n}\n\nasync function enableVercelProtectionBypass(client: SanityClient, secret: string): Promise<void> {\n  const patch = client.patch(_id).set({secret})\n  await client.transaction().createIfNotExists({_id, _type}).patch(patch).commit({tag})\n}\n\nasync function disableVercelProtectionBypass(client: SanityClient): Promise<void> {\n  const patch = client.patch(_id).set({secret: null})\n  await client.transaction().createIfNotExists({_id, _type}).patch(patch).commit({tag})\n}\n\nexport default function VercelProtectionBypassTool(): React.JSX.Element {\n  const client = useClient({apiVersion: apiVersion})\n  const {push: pushToast} = useToast()\n  const [state, dispatch] = useReducer(reducer, {status: 'loading'})\n  const adding = state.status === 'adding-secret'\n  const removing = state.status === 'removing-secret'\n\n  const handleEnable = (secret: string) => {\n    dispatch({type: 'save-secret'})\n    enableVercelProtectionBypass(client, secret)\n      .then(() => {\n        dispatch({type: 'saved-secret'})\n        pushToast({\n          status: 'success',\n          title: 'Protection bypass is now enabled',\n        })\n      })\n      .catch((reason) => {\n        // eslint-disable-next-line no-console\n        console.error(reason)\n        pushToast({\n          status: 'error',\n          title:\n            'There was an error when trying to enable protection bypass. See the browser console for more information.',\n        })\n        dispatch({type: 'failed-add-secret'})\n      })\n  }\n\n  useEffect(() => {\n    const unsubscribe = subscribeToVercelProtectionBypass(client, (secret) =>\n      dispatch({type: secret ? 'saved-secret' : 'removed-secret'}),\n    )\n    return () => unsubscribe()\n  }, [client])\n\n  const enabled = state.status === 'enabled' || removing\n\n  return (\n    <>\n      <Box\n        sizing=\"border\"\n        display=\"flex\"\n        style={{\n          height: '100%',\n          alignItems: 'center',\n          justifyContent: 'center',\n          flexDirection: 'column',\n        }}\n      >\n        <Stack space={5}>\n          <Card padding={4} style={{maxWidth: 640}}>\n            <Stack space={4} style={{justifyItems: 'flex-start', textWrap: 'pretty'}}>\n              <Heading>Vercel Protection Bypass</Heading>\n              {enabled ? (\n                <>\n                  <Box>\n                    <Text style={{textWrap: 'pretty'}}>\n                      Sanity Presentation is setup to use{' '}\n                      <a\n                        href=\"https://vercel.com/docs/security/deployment-protection/methods-to-bypass-deployment-protection/protection-bypass-automation\"\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                      >\n                        protection bypass for automation\n                      </a>{' '}\n                      in order to display protected deployments in its preview iframe for the\n                      current Sanity dataset.\n                    </Text>\n                  </Box>\n                  <Box>\n                    <Text>\n                      You can turn off automatic protection bypass at any time by clicking the\n                      button below.\n                    </Text>\n                  </Box>\n                  <Button\n                    mode=\"ghost\"\n                    tone=\"critical\"\n                    icon={<TrashIcon />}\n                    loading={removing}\n                    onClick={() => {\n                      dispatch({type: 'remove-secret'})\n                      disableVercelProtectionBypass(client)\n                        .then(() => {\n                          pushToast({\n                            status: 'warning',\n                            title: 'Protection bypass is now disabled',\n                          })\n                          dispatch({type: 'removed-secret'})\n                        })\n                        .catch((reason) => {\n                          // eslint-disable-next-line no-console\n                          console.error(reason)\n                          pushToast({\n                            status: 'error',\n                            title:\n                              'There was an error when trying to disable protection bypass. See the browser console for more information.',\n                          })\n                          dispatch({type: 'failed-remove-secret'})\n                        })\n                    }}\n                    text=\"Remove secret\"\n                  />\n                  <Text>\n                    Protection bypass remains enabled if this plugin is removed from your Sanity\n                    config.\n                  </Text>\n                </>\n              ) : (\n                <>\n                  <Box>\n                    <Text style={{textWrap: 'pretty'}}>\n                      Follow the instructions on{' '}\n                      <a\n                        href=\"https://vercel.com/docs/security/deployment-protection/methods-to-bypass-deployment-protection/protection-bypass-automation\"\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                      >\n                        how to enable protection bypass for automation\n                      </a>\n                      .\n                    </Text>\n                  </Box>\n                  <Box>\n                    <Text>\n                      This will setup a secret that Vercel exposes as an environment variable called\n                      VERCEL_AUTOMATION_BYPASS_SECRET, its value is the secret you need.\n                    </Text>\n                  </Box>\n                  <Button\n                    mode=\"ghost\"\n                    icon={<AddIcon />}\n                    loading={state.status === 'loading'}\n                    onClick={() => {\n                      dispatch({type: 'add-secret'})\n                    }}\n                    text=\"Add secret\"\n                  />\n                  <Text>\n                    If you&apos;re using Sanity Presentation Tool with multiple protected\n                    deployments ensure that they have the same secret set, as this tool will set a\n                    secret that is shared in your dataset with all instances of Presentation Tool.\n                  </Text>\n                </>\n              )}\n            </Stack>\n          </Card>\n        </Stack>\n      </Box>\n      {(state.status === 'add-secret-dialog' || state.status === 'adding-secret') && (\n        <Dialog\n          animate\n          id=\"add-secret-dialog\"\n          onClickOutside={() => dispatch({type: 'cancel-add-secret'})}\n        >\n          <Card padding={3}>\n            <form\n              onSubmit={(event) => {\n                event.preventDefault()\n                event.currentTarget.reportValidity()\n                const formData = new FormData(event.currentTarget)\n                const secret = formData.get('secret') as string\n                if (secret) handleEnable(secret)\n              }}\n            >\n              <Stack space={3}>\n                <Stack space={2}>\n                  <Text as=\"label\" weight=\"semibold\" size={1}>\n                    Add bypass secret\n                  </Text>\n                  <Text muted size={1}>\n                    {`Make sure it's the same secret the Vercel deployment is using that's loaded in the preview iframe.`}\n                  </Text>\n                  <TextInput\n                    name=\"secret\"\n                    onFocus={(event) => {\n                      event.currentTarget.setCustomValidity('')\n                    }}\n                    onBlur={(event) => {\n                      event.currentTarget.setCustomValidity(\n                        event.currentTarget.value.length == 32\n                          ? ''\n                          : 'Secret must be 32 characters long',\n                      )\n                      event.currentTarget.required = true\n                    }}\n                    minLength={32}\n                    maxLength={32}\n                    autoComplete=\"off\"\n                    autoCapitalize=\"off\"\n                    autoCorrect=\"off\"\n                    spellCheck=\"false\"\n                    disabled={adding}\n                  />\n                </Stack>\n                <Button\n                  type=\"submit\"\n                  loading={adding}\n                  text={adding ? 'Saving…' : 'Save'}\n                  tone=\"positive\"\n                />\n              </Stack>\n            </form>\n          </Card>\n        </Dialog>\n      )}\n    </>\n  )\n}\n"],"names":["reducer","prevState","action","type","status","enableVercelProtectionBypass","client","secret","patch","_id","set","transaction","createIfNotExists","_type","commit","tag","disableVercelProtectionBypass","VercelProtectionBypassTool","$","_c","t0","Symbol","for","apiVersion","useClient","push","pushToast","useToast","t1","state","dispatch","useReducer","adding","removing","t2","then","title","catch","reason","console","error","handleEnable","t3","t4","unsubscribe","subscribeToVercelProtectionBypass","secret_0","useEffect","enabled","t5","height","alignItems","justifyContent","flexDirection","t6","maxWidth","t7","t8","justifyItems","textWrap","t9","reason_0","t10","event","preventDefault","currentTarget","reportValidity","secret_1","FormData","get","_temp","_temp2","t11","event_1","setCustomValidity","value","length","required","event_0"],"mappings":"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"}

package/dist/index.d.ts

@@ -1,11 +1,8 @@
-import { Plugin as Plugin_2 } from "sanity";
-
-export declare interface VercelProtectionBypassConfig {
+import * as sanity0 from "sanity";
+interface VercelProtectionBypassConfig {
   name?: string;
   title?: string;
   icon?: React.ComponentType;
 }
-
-export declare const vercelProtectionBypassTool: Plugin_2<void | VercelProtectionBypassConfig>;
-
-export {};
+declare const vercelProtectionBypassTool: sanity0.Plugin<void | VercelProtectionBypassConfig>;
+export { VercelProtectionBypassConfig, vercelProtectionBypassTool };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sanity/vercel-protection-bypass",
-  "version": "2.1.1",
-  "homepage": "https://github.com/sanity-io/plugins/tree/main/packages/@sanity/vercel-protection-bypass#readme",
+  "version": "3.0.0",
+  "homepage": "https://github.com/sanity-io/plugins/tree/main/packages/%40sanity/vercel-protection-bypass#readme",
   "bugs": {
     "url": "https://github.com/sanity-io/plugins/issues"
   },
@@ -10,21 +10,22 @@
     "url": "git+ssh://git@github.com/sanity-io/plugins.git",
     "directory": "packages/@sanity/vercel-protection-bypass"
   },
+  "keywords": [
+    "sanity",
+    "studio",
+    "sanity-plugin",
+    "vercel"
+  ],
   "license": "MIT",
   "author": "Sanity.io <hello@sanity.io>",
-  "sideEffects": false,
   "type": "module",
   "exports": {
     ".": {
       "source": "./src/index.ts",
-      "import": "./dist/index.js",
-      "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
     "./package.json": "./package.json"
   },
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
     "dist",
@@ -35,13 +36,14 @@
   ],
   "dependencies": {
     "@sanity/icons": "^3.7.4",
-    "@sanity/preview-url-secret": "^2.1.15",
+    "@sanity/preview-url-secret": "^2.1.16",
     "@sanity/ui": "^3.1.11",
     "react-compiler-runtime": "^1.0.0"
   },
   "devDependencies": {
     "@sanity/pkg-utils": "^9.1.1",
     "@types/react": "^19.2.6",
+    "@typescript/native-preview": "7.0.0-dev.20251117.1",
     "babel-plugin-react-compiler": "^1.0.0",
     "react": "^19.2.0",
     "sanity": "^4.16.0",
@@ -52,12 +54,13 @@
     "sanity": "^3.93.0 || ^4"
   },
   "engines": {
-    "node": ">=20.19"
+    "node": ">=20.19 <22 || >=22.12"
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
+    "typecheck": "(cd ../../.. && tsgo --project packages/@sanity/vercel-protection-bypass/tsconfig.json)",
     "build": "pkg build --strict --check --clean"
   }
 }

package/src/VercelProtectionBypassTool.tsx

@@ -1,13 +1,14 @@
 import {useEffect, useReducer} from 'react'
-import {useClient} from 'sanity'
+import {useClient, type SanityClient} from 'sanity'
 
 import {AddIcon, TrashIcon} from '@sanity/icons'
 import {apiVersion} from '@sanity/preview-url-secret/constants'
 import {
-  disableVercelProtectionBypass,
-  enableVercelProtectionBypass,
-  subcribeToVercelProtectionBypass,
-} from '@sanity/preview-url-secret/toggle-vercel-protection-bypass'
+  vercelProtectionBypassSchemaId as _id,
+  vercelProtectionBypassSchemaType as _type,
+  tag,
+} from '@sanity/preview-url-secret/constants'
+import {subscribeToVercelProtectionBypass} from '@sanity/preview-url-secret/toggle-vercel-protection-bypass'
 import {Box, Button, Card, Dialog, Heading, Stack, Text, TextInput, useToast} from '@sanity/ui'
 
 interface State {
@@ -52,6 +53,16 @@ function reducer(prevState: State, action: Action): State {
   }
 }
 
+async function enableVercelProtectionBypass(client: SanityClient, secret: string): Promise<void> {
+  const patch = client.patch(_id).set({secret})
+  await client.transaction().createIfNotExists({_id, _type}).patch(patch).commit({tag})
+}
+
+async function disableVercelProtectionBypass(client: SanityClient): Promise<void> {
+  const patch = client.patch(_id).set({secret: null})
+  await client.transaction().createIfNotExists({_id, _type}).patch(patch).commit({tag})
+}
+
 export default function VercelProtectionBypassTool(): React.JSX.Element {
   const client = useClient({apiVersion: apiVersion})
   const {push: pushToast} = useToast()
@@ -82,7 +93,7 @@ export default function VercelProtectionBypassTool(): React.JSX.Element {
   }
 
   useEffect(() => {
-    const unsubscribe = subcribeToVercelProtectionBypass(client, (secret) =>
+    const unsubscribe = subscribeToVercelProtectionBypass(client, (secret) =>
       dispatch({type: secret ? 'saved-secret' : 'removed-secret'}),
     )
     return () => unsubscribe()

package/dist/_chunks-cjs/VercelProtectionBypassTool.cjs

@@ -1,188 +0,0 @@
-"use strict";
-var jsxRuntime = require("react/jsx-runtime"), reactCompilerRuntime = require("react-compiler-runtime"), react = require("react"), sanity = require("sanity"), icons = require("@sanity/icons"), constants = require("@sanity/preview-url-secret/constants"), toggleVercelProtectionBypass = require("@sanity/preview-url-secret/toggle-vercel-protection-bypass"), ui = require("@sanity/ui");
-function reducer(prevState, action) {
-  switch (action.type) {
-    case "removed-secret":
-      return {
-        ...prevState,
-        status: "disabled"
-      };
-    case "remove-secret":
-      return {
-        ...prevState,
-        status: "removing-secret"
-      };
-    case "saved-secret":
-      return {
-        ...prevState,
-        status: "enabled"
-      };
-    case "save-secret":
-      return {
-        ...prevState,
-        status: "adding-secret"
-      };
-    case "cancel-add-secret":
-      return {
-        ...prevState,
-        status: "disabled"
-      };
-    case "add-secret":
-      return {
-        ...prevState,
-        status: "add-secret-dialog"
-      };
-    case "failed-remove-secret":
-      return {
-        ...prevState,
-        status: "enabled"
-      };
-    case "failed-add-secret":
-      return {
-        ...prevState,
-        status: "add-secret-dialog"
-      };
-    default:
-      return prevState;
-  }
-}
-function VercelProtectionBypassTool() {
-  const $ = reactCompilerRuntime.c(25);
-  let t0;
-  $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = {
-    apiVersion: constants.apiVersion
-  }, $[0] = t0) : t0 = $[0];
-  const client = sanity.useClient(t0), {
-    push: pushToast
-  } = ui.useToast();
-  let t1;
-  $[1] === Symbol.for("react.memo_cache_sentinel") ? (t1 = {
-    status: "loading"
-  }, $[1] = t1) : t1 = $[1];
-  const [state, dispatch] = react.useReducer(reducer, t1), adding = state.status === "adding-secret", removing = state.status === "removing-secret";
-  let t2;
-  $[2] !== client || $[3] !== pushToast ? (t2 = (secret) => {
-    dispatch({
-      type: "save-secret"
-    }), toggleVercelProtectionBypass.enableVercelProtectionBypass(client, secret).then(() => {
-      dispatch({
-        type: "saved-secret"
-      }), pushToast({
-        status: "success",
-        title: "Protection bypass is now enabled"
-      });
-    }).catch((reason) => {
-      console.error(reason), pushToast({
-        status: "error",
-        title: "There was an error when trying to enable protection bypass. See the browser console for more information."
-      }), dispatch({
-        type: "failed-add-secret"
-      });
-    });
-  }, $[2] = client, $[3] = pushToast, $[4] = t2) : t2 = $[4];
-  const handleEnable = t2;
-  let t3, t4;
-  $[5] !== client ? (t3 = () => {
-    const unsubscribe = toggleVercelProtectionBypass.subcribeToVercelProtectionBypass(client, (secret_0) => dispatch({
-      type: secret_0 ? "saved-secret" : "removed-secret"
-    }));
-    return () => unsubscribe();
-  }, t4 = [client], $[5] = client, $[6] = t3, $[7] = t4) : (t3 = $[6], t4 = $[7]), react.useEffect(t3, t4);
-  const enabled = state.status === "enabled" || removing;
-  let t5;
-  $[8] === Symbol.for("react.memo_cache_sentinel") ? (t5 = {
-    height: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-    flexDirection: "column"
-  }, $[8] = t5) : t5 = $[8];
-  let t6;
-  $[9] === Symbol.for("react.memo_cache_sentinel") ? (t6 = {
-    maxWidth: 640
-  }, $[9] = t6) : t6 = $[9];
-  let t7, t8;
-  $[10] === Symbol.for("react.memo_cache_sentinel") ? (t7 = {
-    justifyItems: "flex-start",
-    textWrap: "pretty"
-  }, t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.Heading, { children: "Vercel Protection Bypass" }), $[10] = t7, $[11] = t8) : (t7 = $[10], t8 = $[11]);
-  let t9;
-  $[12] !== client || $[13] !== enabled || $[14] !== pushToast || $[15] !== removing || $[16] !== state.status ? (t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { sizing: "border", display: "flex", style: t5, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Stack, { space: 5, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 4, style: t6, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 4, style: t7, children: [
-    t8,
-    enabled ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { style: {
-        textWrap: "pretty"
-      }, children: [
-        "Sanity Presentation is setup to use",
-        " ",
-        /* @__PURE__ */ jsxRuntime.jsx("a", { href: "https://vercel.com/docs/security/deployment-protection/methods-to-bypass-deployment-protection/protection-bypass-automation", target: "_blank", rel: "noreferrer", children: "protection bypass for automation" }),
-        " ",
-        "in order to display protected deployments in its preview iframe for the current Sanity dataset."
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "You can turn off automatic protection bypass at any time by clicking the button below." }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { mode: "ghost", tone: "critical", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.TrashIcon, {}), loading: removing, onClick: () => {
-        dispatch({
-          type: "remove-secret"
-        }), toggleVercelProtectionBypass.disableVercelProtectionBypass(client).then(() => {
-          pushToast({
-            status: "warning",
-            title: "Protection bypass is now disabled"
-          }), dispatch({
-            type: "removed-secret"
-          });
-        }).catch((reason_0) => {
-          console.error(reason_0), pushToast({
-            status: "error",
-            title: "There was an error when trying to disable protection bypass. See the browser console for more information."
-          }), dispatch({
-            type: "failed-remove-secret"
-          });
-        });
-      }, text: "Remove secret" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "Protection bypass remains enabled if this plugin is removed from your Sanity config." })
-    ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Text, { style: {
-        textWrap: "pretty"
-      }, children: [
-        "Follow the instructions on",
-        " ",
-        /* @__PURE__ */ jsxRuntime.jsx("a", { href: "https://vercel.com/docs/security/deployment-protection/methods-to-bypass-deployment-protection/protection-bypass-automation", target: "_blank", rel: "noreferrer", children: "how to enable protection bypass for automation" }),
-        "."
-      ] }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "This will setup a secret that Vercel exposes as an environment variable called VERCEL_AUTOMATION_BYPASS_SECRET, its value is the secret you need." }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { mode: "ghost", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.AddIcon, {}), loading: state.status === "loading", onClick: () => {
-        dispatch({
-          type: "add-secret"
-        });
-      }, text: "Add secret" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { children: "If you're using Sanity Presentation Tool with multiple protected deployments ensure that they have the same secret set, as this tool will set a secret that is shared in your dataset with all instances of Presentation Tool." })
-    ] })
-  ] }) }) }) }), $[12] = client, $[13] = enabled, $[14] = pushToast, $[15] = removing, $[16] = state.status, $[17] = t9) : t9 = $[17];
-  let t10;
-  $[18] !== adding || $[19] !== handleEnable || $[20] !== state.status ? (t10 = (state.status === "add-secret-dialog" || state.status === "adding-secret") && /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { animate: !0, id: "add-secret-dialog", onClickOutside: () => dispatch({
-    type: "cancel-add-secret"
-  }), children: /* @__PURE__ */ jsxRuntime.jsx(ui.Card, { padding: 3, children: /* @__PURE__ */ jsxRuntime.jsx("form", { onSubmit: (event) => {
-    event.preventDefault(), event.currentTarget.reportValidity();
-    const secret_1 = new FormData(event.currentTarget).get("secret");
-    secret_1 && handleEnable(secret_1);
-  }, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 3, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(ui.Stack, { space: 2, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { as: "label", weight: "semibold", size: 1, children: "Add bypass secret" }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Text, { muted: !0, size: 1, children: "Make sure it's the same secret the Vercel deployment is using that's loaded in the preview iframe." }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.TextInput, { name: "secret", onFocus: _temp, onBlur: _temp2, minLength: 32, maxLength: 32, autoComplete: "off", autoCapitalize: "off", autoCorrect: "off", spellCheck: "false", disabled: adding })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { type: "submit", loading: adding, text: adding ? "Saving\u2026" : "Save", tone: "positive" })
-  ] }) }) }) }), $[18] = adding, $[19] = handleEnable, $[20] = state.status, $[21] = t10) : t10 = $[21];
-  let t11;
-  return $[22] !== t10 || $[23] !== t9 ? (t11 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    t9,
-    t10
-  ] }), $[22] = t10, $[23] = t9, $[24] = t11) : t11 = $[24], t11;
-}
-function _temp2(event_1) {
-  event_1.currentTarget.setCustomValidity(event_1.currentTarget.value.length == 32 ? "" : "Secret must be 32 characters long"), event_1.currentTarget.required = !0;
-}
-function _temp(event_0) {
-  event_0.currentTarget.setCustomValidity("");
-}
-exports.default = VercelProtectionBypassTool;
-//# sourceMappingURL=VercelProtectionBypassTool.cjs.map

package/dist/_chunks-cjs/VercelProtectionBypassTool.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"VercelProtectionBypassTool.cjs","sources":["../../src/VercelProtectionBypassTool.tsx"],"sourcesContent":["import {useEffect, useReducer} from 'react'\nimport {useClient} from 'sanity'\n\nimport {AddIcon, TrashIcon} from '@sanity/icons'\nimport {apiVersion} from '@sanity/preview-url-secret/constants'\nimport {\n  disableVercelProtectionBypass,\n  enableVercelProtectionBypass,\n  subcribeToVercelProtectionBypass,\n} from '@sanity/preview-url-secret/toggle-vercel-protection-bypass'\nimport {Box, Button, Card, Dialog, Heading, Stack, Text, TextInput, useToast} from '@sanity/ui'\n\ninterface State {\n  status:\n    | 'loading'\n    | 'disabled'\n    | 'add-secret-dialog'\n    | 'adding-secret'\n    | 'enabled'\n    | 'removing-secret'\n}\ntype Action =\n  | {type: 'add-secret'}\n  | {type: 'save-secret'}\n  | {type: 'cancel-add-secret'}\n  | {type: 'failed-add-secret'}\n  | {type: 'saved-secret'}\n  | {type: 'remove-secret'}\n  | {type: 'failed-remove-secret'}\n  | {type: 'removed-secret'}\n\nfunction reducer(prevState: State, action: Action): State {\n  switch (action.type) {\n    case 'removed-secret':\n      return {...prevState, status: 'disabled'}\n    case 'remove-secret':\n      return {...prevState, status: 'removing-secret'}\n    case 'saved-secret':\n      return {...prevState, status: 'enabled'}\n    case 'save-secret':\n      return {...prevState, status: 'adding-secret'}\n    case 'cancel-add-secret':\n      return {...prevState, status: 'disabled'}\n    case 'add-secret':\n      return {...prevState, status: 'add-secret-dialog'}\n    case 'failed-remove-secret':\n      return {...prevState, status: 'enabled'}\n    case 'failed-add-secret':\n      return {...prevState, status: 'add-secret-dialog'}\n    default:\n      return prevState\n  }\n}\n\nexport default function VercelProtectionBypassTool(): React.JSX.Element {\n  const client = useClient({apiVersion: apiVersion})\n  const {push: pushToast} = useToast()\n  const [state, dispatch] = useReducer(reducer, {status: 'loading'})\n  const adding = state.status === 'adding-secret'\n  const removing = state.status === 'removing-secret'\n\n  const handleEnable = (secret: string) => {\n    dispatch({type: 'save-secret'})\n    enableVercelProtectionBypass(client, secret)\n      .then(() => {\n        dispatch({type: 'saved-secret'})\n        pushToast({\n          status: 'success',\n          title: 'Protection bypass is now enabled',\n        })\n      })\n      .catch((reason) => {\n        // eslint-disable-next-line no-console\n        console.error(reason)\n        pushToast({\n          status: 'error',\n          title:\n            'There was an error when trying to enable protection bypass. See the browser console for more information.',\n        })\n        dispatch({type: 'failed-add-secret'})\n      })\n  }\n\n  useEffect(() => {\n    const unsubscribe = subcribeToVercelProtectionBypass(client, (secret) =>\n      dispatch({type: secret ? 'saved-secret' : 'removed-secret'}),\n    )\n    return () => unsubscribe()\n  }, [client])\n\n  const enabled = state.status === 'enabled' || removing\n\n  return (\n    <>\n      <Box\n        sizing=\"border\"\n        display=\"flex\"\n        style={{\n          height: '100%',\n          alignItems: 'center',\n          justifyContent: 'center',\n          flexDirection: 'column',\n        }}\n      >\n        <Stack space={5}>\n          <Card padding={4} style={{maxWidth: 640}}>\n            <Stack space={4} style={{justifyItems: 'flex-start', textWrap: 'pretty'}}>\n              <Heading>Vercel Protection Bypass</Heading>\n              {enabled ? (\n                <>\n                  <Box>\n                    <Text style={{textWrap: 'pretty'}}>\n                      Sanity Presentation is setup to use{' '}\n                      <a\n                        href=\"https://vercel.com/docs/security/deployment-protection/methods-to-bypass-deployment-protection/protection-bypass-automation\"\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                      >\n                        protection bypass for automation\n                      </a>{' '}\n                      in order to display protected deployments in its preview iframe for the\n                      current Sanity dataset.\n                    </Text>\n                  </Box>\n                  <Box>\n                    <Text>\n                      You can turn off automatic protection bypass at any time by clicking the\n                      button below.\n                    </Text>\n                  </Box>\n                  <Button\n                    mode=\"ghost\"\n                    tone=\"critical\"\n                    icon={<TrashIcon />}\n                    loading={removing}\n                    onClick={() => {\n                      dispatch({type: 'remove-secret'})\n                      disableVercelProtectionBypass(client)\n                        .then(() => {\n                          pushToast({\n                            status: 'warning',\n                            title: 'Protection bypass is now disabled',\n                          })\n                          dispatch({type: 'removed-secret'})\n                        })\n                        .catch((reason) => {\n                          // eslint-disable-next-line no-console\n                          console.error(reason)\n                          pushToast({\n                            status: 'error',\n                            title:\n                              'There was an error when trying to disable protection bypass. See the browser console for more information.',\n                          })\n                          dispatch({type: 'failed-remove-secret'})\n                        })\n                    }}\n                    text=\"Remove secret\"\n                  />\n                  <Text>\n                    Protection bypass remains enabled if this plugin is removed from your Sanity\n                    config.\n                  </Text>\n                </>\n              ) : (\n                <>\n                  <Box>\n                    <Text style={{textWrap: 'pretty'}}>\n                      Follow the instructions on{' '}\n                      <a\n                        href=\"https://vercel.com/docs/security/deployment-protection/methods-to-bypass-deployment-protection/protection-bypass-automation\"\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                      >\n                        how to enable protection bypass for automation\n                      </a>\n                      .\n                    </Text>\n                  </Box>\n                  <Box>\n                    <Text>\n                      This will setup a secret that Vercel exposes as an environment variable called\n                      VERCEL_AUTOMATION_BYPASS_SECRET, its value is the secret you need.\n                    </Text>\n                  </Box>\n                  <Button\n                    mode=\"ghost\"\n                    icon={<AddIcon />}\n                    loading={state.status === 'loading'}\n                    onClick={() => {\n                      dispatch({type: 'add-secret'})\n                    }}\n                    text=\"Add secret\"\n                  />\n                  <Text>\n                    If you&apos;re using Sanity Presentation Tool with multiple protected\n                    deployments ensure that they have the same secret set, as this tool will set a\n                    secret that is shared in your dataset with all instances of Presentation Tool.\n                  </Text>\n                </>\n              )}\n            </Stack>\n          </Card>\n        </Stack>\n      </Box>\n      {(state.status === 'add-secret-dialog' || state.status === 'adding-secret') && (\n        <Dialog\n          animate\n          id=\"add-secret-dialog\"\n          onClickOutside={() => dispatch({type: 'cancel-add-secret'})}\n        >\n          <Card padding={3}>\n            <form\n              onSubmit={(event) => {\n                event.preventDefault()\n                event.currentTarget.reportValidity()\n                const formData = new FormData(event.currentTarget)\n                const secret = formData.get('secret') as string\n                if (secret) handleEnable(secret)\n              }}\n            >\n              <Stack space={3}>\n                <Stack space={2}>\n                  <Text as=\"label\" weight=\"semibold\" size={1}>\n                    Add bypass secret\n                  </Text>\n                  <Text muted size={1}>\n                    {`Make sure it's the same secret the Vercel deployment is using that's loaded in the preview iframe.`}\n                  </Text>\n                  <TextInput\n                    name=\"secret\"\n                    onFocus={(event) => {\n                      event.currentTarget.setCustomValidity('')\n                    }}\n                    onBlur={(event) => {\n                      event.currentTarget.setCustomValidity(\n                        event.currentTarget.value.length == 32\n                          ? ''\n                          : 'Secret must be 32 characters long',\n                      )\n                      event.currentTarget.required = true\n                    }}\n                    minLength={32}\n                    maxLength={32}\n                    autoComplete=\"off\"\n                    autoCapitalize=\"off\"\n                    autoCorrect=\"off\"\n                    spellCheck=\"false\"\n                    disabled={adding}\n                  />\n                </Stack>\n                <Button\n                  type=\"submit\"\n                  loading={adding}\n                  text={adding ? 'Saving…' : 'Save'}\n                  tone=\"positive\"\n                />\n              </Stack>\n            </form>\n          </Card>\n        </Dialog>\n      )}\n    </>\n  )\n}\n"],"names":["reducer","prevState","action","type","status","VercelProtectionBypassTool","$","_c","t0","Symbol","for","apiVersion","client","useClient","push","pushToast","useToast","t1","state","dispatch","useReducer","adding","removing","t2","secret","enableVercelProtectionBypass","then","title","catch","reason","console","error","handleEnable","t3","t4","unsubscribe","subcribeToVercelProtectionBypass","secret_0","useEffect","enabled","t5","height","alignItems","justifyContent","flexDirection","t6","maxWidth","t7","t8","justifyItems","textWrap","Heading","t9","Box","jsx","Stack","Card","jsxs","Fragment","Text","Button","TrashIcon","disableVercelProtectionBypass","reason_0","AddIcon","t10","Dialog","event","preventDefault","currentTarget","reportValidity","secret_1","FormData","get","TextInput","_temp","_temp2","t11","event_1","setCustomValidity","value","length","required","event_0"],"mappings":";;AA+BA,SAASA,QAAQC,WAAkBC,QAAuB;AACxD,UAAQA,OAAOC,MAAAA;AAAAA,IACb,KAAK;AACH,aAAO;AAAA,QAAC,GAAGF;AAAAA,QAAWG,QAAQ;AAAA,MAAA;AAAA,IAChC,KAAK;AACH,aAAO;AAAA,QAAC,GAAGH;AAAAA,QAAWG,QAAQ;AAAA,MAAA;AAAA,IAChC,KAAK;AACH,aAAO;AAAA,QAAC,GAAGH;AAAAA,QAAWG,QAAQ;AAAA,MAAA;AAAA,IAChC,KAAK;AACH,aAAO;AAAA,QAAC,GAAGH;AAAAA,QAAWG,QAAQ;AAAA,MAAA;AAAA,IAChC,KAAK;AACH,aAAO;AAAA,QAAC,GAAGH;AAAAA,QAAWG,QAAQ;AAAA,MAAA;AAAA,IAChC,KAAK;AACH,aAAO;AAAA,QAAC,GAAGH;AAAAA,QAAWG,QAAQ;AAAA,MAAA;AAAA,IAChC,KAAK;AACH,aAAO;AAAA,QAAC,GAAGH;AAAAA,QAAWG,QAAQ;AAAA,MAAA;AAAA,IAChC,KAAK;AACH,aAAO;AAAA,QAAC,GAAGH;AAAAA,QAAWG,QAAQ;AAAA,MAAA;AAAA,IAChC;AACE,aAAOH;AAAAA,EAAAA;AAEb;AAEA,SAAeI,6BAAA;AAAA,QAAAC,IAAAC,qBAAAA,EAAA,EAAA;AAAA,MAAAC;AAAAF,IAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KACYF,KAAA;AAAA,IAAA,YAAAG,UAAAA;AAAAA,EAAAA,GAAwBL,OAAAE,MAAAA,KAAAF,EAAA,CAAA;AAAjD,QAAAM,SAAeC,iBAAUL,EAAwB,GACjD;AAAA,IAAAM,MAAAC;AAAAA,EAAAA,IAA0BC,YAAAA;AAAU,MAAAC;AAAAX,IAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KACUO,KAAA;AAAA,IAAAb,QAAS;AAAA,EAAA,GAAUE,OAAAW,MAAAA,KAAAX,EAAA,CAAA;AAAjE,QAAA,CAAAY,OAAAC,QAAA,IAA0BC,MAAAA,WAAWpB,SAASiB,EAAmB,GACjEI,SAAeH,MAAKd,WAAY,iBAChCkB,WAAiBJ,MAAKd,WAAY;AAAiB,MAAAmB;AAAAjB,IAAA,CAAA,MAAAM,UAAAN,SAAAS,aAE9BQ,KAAAC,CAAAA,WAAA;AACnBL,aAAS;AAAA,MAAAhB,MAAO;AAAA,IAAA,CAAc,GAC9BsB,6BAAAA,6BAA6Bb,QAAQY,MAAM,EAACE,KACpC,MAAA;AACJP,eAAS;AAAA,QAAAhB,MAAO;AAAA,MAAA,CAAe,GAC/BY,UAAU;AAAA,QAAAX,QACA;AAAA,QAASuB,OACV;AAAA,MAAA,CACR;AAAA,IAAC,CACH,EAACC,MACKC,CAAAA,WAAA;AAELC,cAAOC,MAAOF,MAAM,GACpBd,UAAU;AAAA,QAAAX,QACA;AAAA,QAAOuB,OAEb;AAAA,MAAA,CACH,GACDR,SAAS;AAAA,QAAAhB,MAAO;AAAA,MAAA,CAAoB;AAAA,IAAC,CACtC;AAAA,EAAC,GACLG,OAAAM,QAAAN,OAAAS,WAAAT,OAAAiB,MAAAA,KAAAjB,EAAA,CAAA;AApBD,QAAA0B,eAAqBT;AAoBpB,MAAAU,IAAAC;AAAA5B,WAAAM,UAESqB,KAAAA,MAAA;AACR,UAAAE,cAAoBC,6BAAAA,iCAAiCxB,QAAQyB,CAAAA,aAC3DlB,SAAS;AAAA,MAAAhB,MAAOqB,WAAA,iBAAA;AAAA,IAAA,CAA2C,CAC7D;AAAC,WACM,MAAMW,YAAAA;AAAAA,EAAa,GACzBD,KAAA,CAACtB,MAAM,GAACN,OAAAM,QAAAN,OAAA2B,IAAA3B,OAAA4B,OAAAD,KAAA3B,EAAA,CAAA,GAAA4B,KAAA5B,EAAA,CAAA,IALXgC,gBAAUL,IAKPC,EAAQ;AAEX,QAAAK,UAAgBrB,MAAKd,WAAY,aAAjBkB;AAAsC,MAAAkB;AAAAlC,IAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAOzC8B,KAAA;AAAA,IAAAC,QACG;AAAA,IAAMC,YACF;AAAA,IAAQC,gBACJ;AAAA,IAAQC,eACT;AAAA,EAAA,GAChBtC,OAAAkC,MAAAA,KAAAlC,EAAA,CAAA;AAAA,MAAAuC;AAAAvC,IAAA,CAAA,MAAAG,OAAAC,IAAA,2BAAA,KAG0BmC,KAAA;AAAA,IAAAC,UAAW;AAAA,EAAA,GAAIxC,OAAAuC,MAAAA,KAAAvC,EAAA,CAAA;AAAA,MAAAyC,IAAAC;AAAA1C,IAAA,EAAA,MAAAG,OAAAC,IAAA,2BAAA,KACdqC,KAAA;AAAA,IAAAE,cAAe;AAAA,IAAYC,UAAY;AAAA,EAAA,GAC7DF,oCAACG,GAAAA,SAAA,EAAQ,sCAAwB,GAAU7C,QAAAyC,IAAAzC,QAAA0C,OAAAD,KAAAzC,EAAA,EAAA,GAAA0C,KAAA1C,EAAA,EAAA;AAAA,MAAA8C;AAAA9C,YAAAM,UAAAN,EAAA,EAAA,MAAAiC,WAAAjC,EAAA,EAAA,MAAAS,aAAAT,UAAAgB,YAAAhB,EAAA,EAAA,MAAAY,MAAAd,UAbnDgD,oCAACC,GAAAA,KAAA,EACQ,QAAA,UACC,SAAA,QACD,OAAAb,IAOP,UAAAc,+BAACC,GAAAA,SAAa,OAAA,GACZ,yCAACC,GAAAA,MAAA,EAAc,YAAU,OAAAX,IACvB,0CAACU,GAAAA,OAAA,EAAa,OAAA,GAAU,OAAAR,IACtBC,UAAAA;AAAAA,IAAAA;AAAAA,IACCT,UAAAkB,2BAAAA,KAAAC,qBAAA,EAEG,UAAA;AAAA,MAAAJ,2BAAAA,IAACD,GAAAA,KAAA,EACC,UAAAI,2BAAAA,KAACE,GAAAA,MAAA,EAAY,OAAA;AAAA,QAAAT,UAAW;AAAA,MAAA,GAAW,UAAA;AAAA,QAAA;AAAA,QACG;AAAA,QACpCI,2BAAAA,WACO,MAAA,+HACE,QAAA,UACH,KAAA,cACL,UAAA,mCAAA,CAED;AAAA;QAAS;AAAA,MAAA,EAAA,CAGX,EAAA,CACF;AAAA,MACAA,+BAACD,GAAAA,KAAA,EACC,UAAAC,2BAAAA,IAACK,GAAAA,MAAA,EAAK,oGAGN,GACF;AAAA,MACAL,2BAAAA,IAACM,GAAAA,QAAA,EACM,MAAA,SACA,MAAA,YACC,MAAAN,2BAAAA,IAACO,MAAAA,WAAA,CAAA,CAAS,GACPvC,SAAAA,UACA,SAAA,MAAA;AACPH,iBAAS;AAAA,UAAAhB,MAAO;AAAA,QAAA,CAAgB,GAChC2D,6BAAAA,8BAA8BlD,MAAM,EAACc,KAC7B,MAAA;AACJX,oBAAU;AAAA,YAAAX,QACA;AAAA,YAASuB,OACV;AAAA,UAAA,CACR,GACDR,SAAS;AAAA,YAAAhB,MAAO;AAAA,UAAA,CAAiB;AAAA,QAAC,CACnC,EAACyB,MACKmC,CAAAA,aAAA;AAELjC,kBAAOC,MAAOF,QAAM,GACpBd,UAAU;AAAA,YAAAX,QACA;AAAA,YAAOuB,OAEb;AAAA,UAAA,CACH,GACDR,SAAS;AAAA,YAAAhB,MAAO;AAAA,UAAA,CAAuB;AAAA,QAAC,CACzC;AAAA,MAAC,GAED,MAAA,iBAAe;AAAA,MAEtBmD,2BAAAA,IAACK,GAAAA,QAAK,UAAA,uFAAA,CAGN;AAAA,IAAA,EAAA,CAAO,IArDVF,2BAAAA,KAAAC,WAAAA,UAAA,EAyDG,UAAA;AAAA,MAAAJ,2BAAAA,IAACD,GAAAA,KAAA,EACC,UAAAI,2BAAAA,KAACE,GAAAA,MAAA,EAAY,OAAA;AAAA,QAAAT,UAAW;AAAA,MAAA,GAAW,UAAA;AAAA,QAAA;AAAA,QACN;AAAA,QAC3BI,2BAAAA,IAAA,OACO,MAAA,+HACE,QAAA,UACH,KAAA,cACL,UAAA,iDAAA,CAED;AAAA;SAEF,EAAA,CACF;AAAA,MACAA,+BAACD,GAAAA,KAAA,EACC,UAAAC,2BAAAA,IAACK,GAAAA,MAAA,EAAK,+JAGN,GACF;AAAA,MACAL,2BAAAA,IAACM,GAAAA,QAAA,EACM,MAAA,SACC,MAAAN,2BAAAA,IAACU,MAAAA,SAAA,CAAA,CAAO,GACL,SAAA9C,MAAKd,WAAY,WACjB,SAAA,MAAA;AACPe,iBAAS;AAAA,UAAAhB,MAAO;AAAA,QAAA,CAAa;AAAA,MAAC,GAE3B,MAAA,cAAY;AAAA,MAEnBmD,2BAAAA,IAACK,GAAAA,QAAK,UAAA,iOAAA,CAIN;AAAA,IAAA,EAAA,CAAO;AAAA,EAAA,EAAA,CAGb,EAAA,CACF,EAAA,CACF,EAAA,CACF,GAAMrD,QAAAM,QAAAN,QAAAiC,SAAAjC,QAAAS,WAAAT,QAAAgB,UAAAhB,EAAA,EAAA,IAAAY,MAAAd,QAAAE,QAAA8C,MAAAA,KAAA9C,EAAA,EAAA;AAAA,MAAA2D;AAAA3D,IAAA,EAAA,MAAAe,UAAAf,EAAA,EAAA,MAAA0B,gBAAA1B,EAAA,EAAA,MAAAY,MAAAd,UACL6D,OAAC/C,MAAKd,WAAY,uBAAuBc,MAAKd,WAAY,oBACzDkD,2BAAAA,IAACY,GAAAA,QAAA,EACC,SAAA,IACG,IAAA,qBACa,gBAAA,MAAM/C,SAAS;AAAA,IAAAhB,MAAO;AAAA,EAAA,CAAoB,GAE1D,UAAAmD,2BAAAA,IAACE,GAAAA,MAAA,EAAc,SAAA,GACb,UAAAF,2BAAAA,IAAA,QAAA,EACY,UAAAa,CAAAA,UAAA;AACRA,UAAKC,eAAAA,GACLD,MAAKE,cAAcC,eAAAA;AAEnB,UAAAC,WADiB,IAAIC,SAASL,MAAKE,aAAc,EAC1BI,IAAK,QAAQ;AAChCjD,gBAAQQ,aAAaR,QAAM;AAAA,EAAC,GAGlC,UAAAiC,gCAACF,GAAAA,OAAA,EAAa,OAAA,GACZ,UAAA;AAAA,IAAAE,2BAAAA,KAACF,GAAAA,OAAA,EAAa,OAAA,GACZ,UAAA;AAAA,MAAAD,2BAAAA,IAACK,GAAAA,QAAQ,IAAA,SAAe,QAAA,YAAiB,MAAA,GAAG,UAAA,oBAAA,CAE5C;AAAA,qCACCA,GAAAA,MAAA,EAAK,WAAY,MAAA,GACf,UAAA,sGACH;AAAA,MACAL,2BAAAA,IAACoB,GAAAA,aACM,MAAA,UACI,SAAAC,OAGD,QAAAC,QAQG,WAAA,IACA,WAAA,IACE,cAAA,OACE,gBAAA,OACH,aAAA,OACD,YAAA,SACDvD,UAAAA,OAAAA,CAAM;AAAA,IAAA,GAEpB;AAAA,IACAiC,2BAAAA,IAACM,GAAAA,QAAA,EACM,MAAA,UACIvC,SAAAA,QACH,MAAAA,SAAA,iBAAA,QACD,MAAA,WAAA,CAAU;AAAA,EAAA,EAAA,CAEnB,EAAA,CACF,GACF,EAAA,CACF,GACDf,QAAAe,QAAAf,QAAA0B,cAAA1B,EAAA,EAAA,IAAAY,MAAAd,QAAAE,QAAA2D,OAAAA,MAAA3D,EAAA,EAAA;AAAA,MAAAuE;AAAA,SAAAvE,EAAA,EAAA,MAAA2D,OAAA3D,UAAA8C,MAvKHyB,6DACEzB,UAAAA;AAAAA,IAAAA;AAAAA,IA8GCa;AAAAA,EAAAA,EAAAA,CAwDA,GACA3D,QAAA2D,KAAA3D,QAAA8C,IAAA9C,QAAAuE,OAAAA,MAAAvE,EAAA,EAAA,GAxKHuE;AAwKG;AA/MQ,SAAAD,OAAAE,SAAA;AAoLOX,UAAKE,cAAcU,kBACjBZ,QAAKE,cAAcW,MAAMC,UAAW,KAApC,KAAA,mCAGF,GACAd,QAAKE,cAAca,WAAY;AAAH;AAzLnC,SAAAP,MAAAQ,SAAA;AAiLOhB,UAAKE,cAAcU,kBAAmB,EAAE;AAAC;;"}

package/dist/index.cjs

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: !0 });
-var react = require("react"), sanity = require("sanity");
-const id = "vercel-protection-bypass", vercelProtectionBypassTool = sanity.definePlugin((options) => {
-  const {
-    name,
-    title,
-    icon,
-    ...config
-  } = options || {};
-  return {
-    name: `@sanity/preview-url-secret/${id}`,
-    tools: [{
-      name: name || "vercel-protection-bypass",
-      title: title || "Vercel Protection Bypass",
-      icon,
-      component: react.lazy(() => Promise.resolve().then(function() {
-        return require("./_chunks-cjs/VercelProtectionBypassTool.cjs");
-      })),
-      options: config,
-      __internalApplicationType: `sanity/${id}`
-    }]
-  };
-});
-exports.vercelProtectionBypassTool = vercelProtectionBypassTool;
-//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["import {lazy} from 'react'\nimport {definePlugin} from 'sanity'\n\nconst id = 'vercel-protection-bypass'\n\nexport interface VercelProtectionBypassConfig {\n  name?: string\n  title?: string\n  icon?: React.ComponentType\n}\n\nexport const vercelProtectionBypassTool = definePlugin<VercelProtectionBypassConfig | void>(\n  (options) => {\n    const {name, title, icon, ...config} = options || {}\n    return {\n      name: `@sanity/preview-url-secret/${id}`,\n      tools: [\n        {\n          name: name || 'vercel-protection-bypass',\n          title: title || 'Vercel Protection Bypass',\n          icon: icon,\n          component: lazy(() => import('./VercelProtectionBypassTool')),\n          options: config,\n          __internalApplicationType: `sanity/${id}`,\n        },\n      ],\n    }\n  },\n)\n"],"names":["id","vercelProtectionBypassTool","definePlugin","options","name","title","icon","config","tools","component","lazy","__internalApplicationType"],"mappings":";;;AAGA,MAAMA,KAAK,4BAQEC,6BAA6BC,OAAAA,aACvCC,CAAAA,YAAY;AACX,QAAM;AAAA,IAACC;AAAAA,IAAMC;AAAAA,IAAOC;AAAAA,IAAM,GAAGC;AAAAA,EAAAA,IAAUJ,WAAW,CAAA;AAClD,SAAO;AAAA,IACLC,MAAM,8BAA8BJ,EAAE;AAAA,IACtCQ,OAAO,CACL;AAAA,MACEJ,MAAMA,QAAQ;AAAA,MACdC,OAAOA,SAAS;AAAA,MAChBC;AAAAA,MACAG,WAAWC,MAAAA,KAAK,MAAM,QAAA,QAAA,EAAA,KAAA,WAAA;AAAA,eAAA,QAAO,8CAA8B;AAAA,QAAC;AAAA,MAC5DP,SAASI;AAAAA,MACTI,2BAA2B,UAAUX,EAAE;AAAA,IAAA,CACxC;AAAA,EAAA;AAGP,CACF;;"}

package/dist/index.d.cts

@@ -1,11 +0,0 @@
-import { Plugin as Plugin_2 } from "sanity";
-
-export declare interface VercelProtectionBypassConfig {
-  name?: string;
-  title?: string;
-  icon?: React.ComponentType;
-}
-
-export declare const vercelProtectionBypassTool: Plugin_2<void | VercelProtectionBypassConfig>;
-
-export {};