sanity-plugin-bynder-input
5.0.55.0.6
~
Modified (4 files)
Index: package/package.json
===================================================================
--- package/package.json
+++ package/package.json
@@ -1,7 +1,7 @@
{
"name": "sanity-plugin-bynder-input",
- "version": "5.0.5",
+ "version": "5.0.6",
"keywords": [
"sanity",
"sanity-plugin"
],
@@ -44,9 +44,9 @@
"@types/node": "^24.13.3",
"@types/react": "^19.2.18",
"@types/video.js": "^7.3.58",
"@vanilla-extract/css": "^1.21.2",
- "babel-plugin-react-compiler": "^1.0.0",
+ "oxc-transform-react": "^0.145.0",
"react": "^19.2.8",
"react-dom": "^19.2.8",
"sanity": "^6.10.1",
"styled-components": "^6.5.3",Index: package/dist/BynderModalLayout-VPVEwUKx.js.map
===================================================================
--- package/dist/BynderModalLayout-VPVEwUKx.js.map
+++ package/dist/BynderModalLayout-VPVEwUKx.js.map
@@ -1,1 +1,1 @@
-{"version":3,"file":"BynderModalLayout-VPVEwUKx.js","names":["CompactViewProps","PortalConfig","AdditionalInfo","Modal","Login","CompactView","useEffect","useCompactViewShadowRootSlotFallback","$","_c","t0","Symbol","for","_temp","frame","ensureSlot","host","document","querySelector","shadowRoot","append","createElement","requestAnimationFrame","cancelAnimationFrame","BynderModalLayout","isOpen","onClose","portalConfig","compactViewOptions","onSuccess","t1","t2","t3"],"sources":["../src/components/BynderModalLayout.tsx"],"sourcesContent":["import {\n type CompactViewProps,\n type PortalConfig,\n type AdditionalInfo,\n Modal,\n Login,\n CompactView,\n} from '@bynder/compact-view'\nimport {useEffect} from 'react'\n\n/**\n * `@bynder/compact-view` attaches an open shadow root to its host element in a passive effect\n * that has no cleanup and doesn't reuse an existing root. Whenever React re-runs passive effects\n * on the same host — `reconnectPassiveEffects`, e.g. from `<StrictMode>` or a Studio pane\n * hidden and shown with `<Activity>` — the second `attachShadow()` throws and Compact View\n * silently falls back to rendering into the host's light DOM, which the already-attached shadow\n * tree (containing only style tags, no slot) hides: the modal appears to never open. Appending a\n * `<slot>` to the shadow root makes that light DOM fallback render, and renders nothing when\n * Compact View portals into the shadow root normally, so it's safe in both cases.\n */\nfunction useCompactViewShadowRootSlotFallback() {\n useEffect(() => {\n // The container, host and shadow root are (re)created across effects and portal re-renders,\n // so there's no single point in time to patch the shadow root — keep it slotted with a cheap\n // per-frame check for as long as the modal is mounted (it unmounts when closed).\n let frame = 0\n const ensureSlot = () => {\n const host = document.querySelector(\n '[data-test-id=\"CompactViewContainer\"] [data-testid=\"root\"]',\n )\n const shadowRoot = host?.shadowRoot\n if (shadowRoot && !shadowRoot.querySelector('slot')) {\n shadowRoot.append(document.createElement('slot'))\n }\n frame = requestAnimationFrame(ensureSlot)\n }\n frame = requestAnimationFrame(ensureSlot)\n return () => cancelAnimationFrame(frame)\n }, [])\n}\n\nexport default function BynderModalLayout({\n isOpen,\n onClose,\n portalConfig,\n compactViewOptions,\n onSuccess,\n}: {\n isOpen: boolean\n onClose: () => void\n portalConfig: PortalConfig\n compactViewOptions: CompactViewProps\n onSuccess: (assets: unknown[], addInfo: AdditionalInfo) => void\n}): React.JSX.Element {\n useCompactViewShadowRootSlotFallback()\n return (\n <Modal isOpen={isOpen} onClose={onClose}>\n <Login portal={portalConfig}>\n <CompactView {...compactViewOptions} onSuccess={onSuccess} mode=\"SingleSelectFile\" />\n </Login>\n </Modal>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;AAoBA,SAAAO,uCAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAAAC;CACEJ,AADFE,EAAA,OAAAG,OAAAC,IAAA,2BAAA,KAkBKF,KAAA,CAAA,GAAEF,EAAA,KAAAE,MAAAA,KAAAF,EAAA,IAjBLF,UAAUO,OAiBPH,EAAE;AAAC;AAlBR,SAAAG,QAAA;CAKI,IAAAC,QAAY,GACZC,mBAAmB;EAIjB,IAAAI,aAHaF,SAAQC,cACnB,gEAEiBF,CAAI,EAAAG;EAIvBL,AAHIK,cAAA,CAAeA,WAAUD,cAAe,MAAM,KAChDC,WAAUC,OAAQH,SAAQI,cAAe,MAAM,CAAC,GAElDP,QAAQQ,sBAAsBP,UAAU;CAAnC;CAEF,OAALD,QAAQQ,sBAAsBP,UAAU,SAC3BQ,qBAAqBT,KAAK;AAAC;AAI5C,SAAeU,kBAAAd,IAAA;CAAA,IAAAF,IAAAC,EAAA,EAAA,GAA2B,EAAAgB,QAAAC,SAAAC,cAAAC,oBAAAC,cAAAnB;CAaxCH,qCAAqC;CAAC,IAAAuB;CAAA,AAAAtB,EAAA,OAAAoB,sBAAApB,EAAA,OAAAqB,aAIhCC,KAAA,oBAAC,aAAD;EAAY,GAAKF;EAA+BC;EAAgB,MAAA;CAAkB,CAAA,GAAGrB,EAAA,KAAAoB,oBAAApB,EAAA,KAAAqB,WAAArB,EAAA,KAAAsB,MAAAA,KAAAtB,EAAA;CAAA,IAAAuB;CAAA,AAAAvB,EAAA,OAAAmB,gBAAAnB,EAAA,OAAAsB,MADvFC,KAAA,oBAAC,OAAD;EAAeJ,QAAAA;EACbG,UAAAA;CADI,CAAA,GAEEtB,EAAA,KAAAmB,cAAAnB,EAAA,KAAAsB,IAAAtB,EAAA,KAAAuB,MAAAA,KAAAvB,EAAA;CAAA,IAAAwB;CACF,OADExB,EAAA,OAAAiB,UAAAjB,EAAA,OAAAkB,WAAAlB,EAAA,OAAAuB,MAHVC,KAAA,oBAAC,OAAD;EAAeP;EAAiBC;EAC9BK,UAAAA;CADI,CAAA,GAIEvB,EAAA,KAAAiB,QAAAjB,EAAA,KAAAkB,SAAAlB,EAAA,KAAAuB,IAAAvB,EAAA,KAAAwB,MAAAA,KAAAxB,EAAA,IAJRwB;AAIQ"}
\ No newline at end of file
+{"version":3,"file":"BynderModalLayout-VPVEwUKx.js","names":["[]","() => {\n // The container, host and shadow root are (re)created across effects and portal re-renders,\n // so there's no single point in time to patch the shadow root — keep it slotted with a cheap\n // per-frame check for as long as the modal is mounted (it unmounts when closed).\n let frame = 0\n const ensureSlot = () => {\n const host = document.querySelector(\n '[data-test-id=\"CompactViewContainer\"] [data-testid=\"root\"]',\n )\n const shadowRoot = host?.shadowRoot\n if (shadowRoot && !shadowRoot.querySelector('slot')) {\n shadowRoot.append(document.createElement('slot'))\n }\n frame = requestAnimationFrame(ensureSlot)\n }\n frame = requestAnimationFrame(ensureSlot)\n return () => cancelAnimationFrame(frame)\n }","{\n isOpen,\n onClose,\n portalConfig,\n compactViewOptions,\n onSuccess,\n}: {\n isOpen: boolean\n onClose: () => void\n portalConfig: PortalConfig\n compactViewOptions: CompactViewProps\n onSuccess: (assets: unknown[], addInfo: AdditionalInfo) => void\n}","<CompactView {...compactViewOptions} onSuccess={onSuccess} mode=\"SingleSelectFile\" />","<Login portal={portalConfig}>\n <CompactView {...compactViewOptions} onSuccess={onSuccess} mode=\"SingleSelectFile\" />\n </Login>","<Modal isOpen={isOpen} onClose={onClose}>\n <Login portal={portalConfig}>\n <CompactView {...compactViewOptions} onSuccess={onSuccess} mode=\"SingleSelectFile\" />\n </Login>\n </Modal>"],"sources":["../src/components/BynderModalLayout.tsx"],"sourcesContent":["import {\n type CompactViewProps,\n type PortalConfig,\n type AdditionalInfo,\n Modal,\n Login,\n CompactView,\n} from '@bynder/compact-view'\nimport {useEffect} from 'react'\n\n/**\n * `@bynder/compact-view` attaches an open shadow root to its host element in a passive effect\n * that has no cleanup and doesn't reuse an existing root. Whenever React re-runs passive effects\n * on the same host — `reconnectPassiveEffects`, e.g. from `<StrictMode>` or a Studio pane\n * hidden and shown with `<Activity>` — the second `attachShadow()` throws and Compact View\n * silently falls back to rendering into the host's light DOM, which the already-attached shadow\n * tree (containing only style tags, no slot) hides: the modal appears to never open. Appending a\n * `<slot>` to the shadow root makes that light DOM fallback render, and renders nothing when\n * Compact View portals into the shadow root normally, so it's safe in both cases.\n */\nfunction useCompactViewShadowRootSlotFallback() {\n useEffect(() => {\n // The container, host and shadow root are (re)created across effects and portal re-renders,\n // so there's no single point in time to patch the shadow root — keep it slotted with a cheap\n // per-frame check for as long as the modal is mounted (it unmounts when closed).\n let frame = 0\n const ensureSlot = () => {\n const host = document.querySelector(\n '[data-test-id=\"CompactViewContainer\"] [data-testid=\"root\"]',\n )\n const shadowRoot = host?.shadowRoot\n if (shadowRoot && !shadowRoot.querySelector('slot')) {\n shadowRoot.append(document.createElement('slot'))\n }\n frame = requestAnimationFrame(ensureSlot)\n }\n frame = requestAnimationFrame(ensureSlot)\n return () => cancelAnimationFrame(frame)\n }, [])\n}\n\nexport default function BynderModalLayout({\n isOpen,\n onClose,\n portalConfig,\n compactViewOptions,\n onSuccess,\n}: {\n isOpen: boolean\n onClose: () => void\n portalConfig: PortalConfig\n compactViewOptions: CompactViewProps\n onSuccess: (assets: unknown[], addInfo: AdditionalInfo) => void\n}): React.JSX.Element {\n useCompactViewShadowRootSlotFallback()\n return (\n <Modal isOpen={isOpen} onClose={onClose}>\n <Login portal={portalConfig}>\n <CompactView {...compactViewOptions} onSuccess={onSuccess} mode=\"SingleSelectFile\" />\n </Login>\n </Modal>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;AAoBA,SAAS,uCAAuC;eAkB3CA;CAjBH,oDAiBI,KAAA,CAAA,2BAjBJ,UAAUC,OAiBPD,EAAE;AACP;AAlBY,SAAA,QAAM;CAId,IAAI,QAAQ,GACN,mBAAmB;EAIvB,IAAM,aAHO,SAAS,cACpB,gEAEiB,CAAA,EAAM;EAIzB,AAHI,cAAc,CAAC,WAAW,cAAc,MAAM,KAChD,WAAW,OAAO,SAAS,cAAc,MAAM,CAAC,GAElD,QAAQ,sBAAsB,UAAU;CAC1C;CAEA,OADA,QAAQ,sBAAsB,UAAU,SAC3B,qBAAqB,KAAK;AACzC;AAGF,SAAwB,kBAAA,IAYF;gBAZoB,EACxC,QACA,SACA,cACA,oBACA,cALwCE;CAaxC,qCAAqC;CAI/BC,IAAAA;CAAiB,AAAA,EAAA,OAAA,sBAAA,EAAA,OAA+B,aAAhD,KAAA,oBAAC,aAAD;EAAa,GAAI;EAA+B;EAAW,MAAK;CAAoB,CAAA,GAAnE,EAAA,KAAA,oBAA+B,EAAA,KAAA;CADlDC,IAAAA;CAAe,AAAA,EAAA,OAAA,gBAAA,EAAA,OACbD,MADF,KAAA,oBAAC,OAAD;EAAO,QAAQ;EACbA,UAAAA;CACK,CAAA,GAFQ,EAAA,KAAA,cACbA,EAAAA,KAAAA;CAFJE,IAAAA;CADF,OACiB,EAAA,OAAA,UAAA,EAAA,OAAiB,WAAA,EAAA,OAC9BD,MADF,KAAA,oBAAC,OAAD;EAAe;EAAiB;EAC9BA,UAAAA;CAGK,CAAA,GAJQ,EAAA,KAAA,QAAiB,EAAA,KAAA,SAC9BA,EAAAA,KAAAA,4BADFC;AAMJ"}
\ No newline at end of fileIndex: package/dist/index.js.map
===================================================================
--- package/dist/index.js.map
+++ package/dist/index.js.map
@@ -1,1 +1,1 @@
-{"version":3,"file":"index.js","names":["CompactViewProps","PortalConfig","AdditionalInfo","Box","Button","Flex","useState","lazy","useTransition","ObjectInputProps","PatchEvent","set","unset","BynderAssetOptions","BynderAssetValue","VideoPlayer","BynderModalLayout","BynderConfig","portalConfig","compactViewOptions","Omit","persistRawFields","BynderInputProps","pluginConfig","getPreviewUrl","asset","Record","addInfo","url","getVideoUrl","original","getAspectRatio","dimensions","width","height","getVideoAspectRatio","previewImageUrl","Promise","resolve","reject","img","Image","onload","onerror","err","src","BynderInput","props","$","_c","value","readOnly","schemaType","onChange","isOpen","setIsOpen","fieldOptions","options","t0","assetTypes","map","_temp","t1","assetFilter","t2","t3","from","removeValue","t4","name","_key","assets","webImage","files","aspectRatio","undefined","mediaData","_type","id","databaseId","type","description","previewUrl","previewImg","datUrl","transformBaseUrl","videoUrl","selectedUrl","selectedFile","then","ratio","catch","console","error","onSuccess","preview","t5","t6","t7","Symbol","for","maxHeight","loading","startTransition","shouldLoad","setShouldLoad","openCompactView","closeCompactView","cursor","t8","t9","t10","t11","t12","t13","t14","t15","t16","t17","t18","t","toUpperCase","Flex","DiffFromTo","SchemaType","ComponentProps","value","Component","t0","$","_c","previewUrl","previewImg","t1","t2","Symbol","for","objectFit","margin","maxWidth","maxHeight","t3","DiffProps","diff","schemaType","BynderDiff","defineType","ObjectDefinition","ObjectOptions","BynderDiff","bynderAssetSchemaName","BynderAssetType","BynderAssetFilterJson","assetType_in","collectionId","metapropertyOptionId_in","searchTerm","tagNames_in","isLimitedUse","showToolbar","BynderAssetOptions","assetTypes","assetFilter","persistRawFields","BynderAssetDefinition","Omit","type","options","IntrinsicDefinitions","BynderAssetValue","_type","_key","id","name","databaseId","previewUrl","previewImg","datUrl","description","aspectRatio","videoUrl","selectedUrl","width","height","key","bynderAssetSchema","title","fields","components","diff","definePlugin","Plugin","isObjectInputProps","SchemaType","BynderInput","BynderConfig","bynderAssetSchema","BynderAssetValue","bynderInputPlugin","Partial","config","reqConfig","portalConfig","url","compactViewOptions","language","persistRawFields","name","schema","types","form","components","input","props","isType","schemaType","value","renderDefault","type"],"sources":["../src/components/BynderInput.tsx","../src/components/BynderDiff.tsx","../src/schema/bynder.asset.ts","../src/plugin.tsx"],"sourcesContent":["import type {CompactViewProps, PortalConfig, AdditionalInfo} from '@bynder/compact-view'\nimport {Box, Button, Flex} from '@sanity/ui'\nimport {useState, lazy, useTransition} from 'react'\nimport {type ObjectInputProps, PatchEvent, set, unset} from 'sanity'\n\nimport type {BynderAssetOptions, BynderAssetValue} from '../schema/bynder.asset'\n\nimport './BynderInput.css'\n\nconst VideoPlayer = lazy(() => import('./VideoPlayer'))\nconst BynderModalLayout = lazy(() => import('./BynderModalLayout'))\n\nexport interface BynderConfig {\n portalConfig: PortalConfig\n compactViewOptions: Omit<CompactViewProps, 'onSuccess'>\n /**\n * Studio-wide default for whether the full raw Bynder asset payload is\n * persisted onto documents (in addition to the canonical schema fields).\n * Field-level `persistRawFields` in `BynderAssetOptions` overrides this.\n * Defaults to `true` to preserve existing behavior.\n */\n persistRawFields?: boolean\n}\n\nexport interface BynderInputProps extends ObjectInputProps<BynderAssetValue> {\n pluginConfig: BynderConfig\n}\n\nconst getPreviewUrl = (asset: Record<string, any>, addInfo: Record<string, any>) => {\n switch (asset['type']) {\n case 'VIDEO':\n return asset['previewUrls'][0]\n default:\n return addInfo['selectedFile'] ? addInfo['selectedFile']?.url : asset['webImage'].url\n }\n}\n\nconst getVideoUrl = (asset: Record<string, any>) => {\n if (asset['type'] === 'VIDEO') {\n // if original asset is available (public videos only) use that if not fall back to the preview url\n return asset['files']?.original?.url ?? asset['previewUrls'][0]\n }\n return null\n}\n\nconst getAspectRatio = (dimensions: {width: number; height: number}): number =>\n dimensions.height / dimensions.width\n\nconst getVideoAspectRatio = (previewImageUrl: string) =>\n new Promise((resolve, reject) => {\n const img = new Image()\n\n // oxlint-disable-next-line prefer-add-event-listener\n img.onload = () => {\n resolve(\n getAspectRatio({\n width: img.width,\n height: img.height,\n }),\n )\n }\n // oxlint-disable-next-line prefer-add-event-listener\n img.onerror = (err) => reject(err)\n\n img.src = previewImageUrl\n })\n\nexport function BynderInput(props: BynderInputProps): React.JSX.Element {\n const {value, readOnly, schemaType, pluginConfig, onChange} = props\n const [isOpen, setIsOpen] = useState(false)\n\n // Merge field-level options with global plugin config\n // oxlint-disable-next-line no-unsafe-type-assertion\n const fieldOptions = schemaType.options as BynderAssetOptions | undefined\n const compactViewOptions = {\n ...pluginConfig.compactViewOptions,\n ...(fieldOptions?.assetTypes && {\n // oxlint-disable-next-line no-unsafe-type-assertion\n assetTypes: fieldOptions.assetTypes.map((t) => t.toUpperCase()) as (\n | 'IMAGE'\n | 'VIDEO'\n | 'AUDIO'\n )[],\n }),\n ...(fieldOptions?.assetFilter && {assetFilter: fieldOptions.assetFilter}),\n }\n\n const removeValue = () => {\n onChange(PatchEvent.from([unset()]))\n }\n\n const onSuccess = (assets: unknown[], addInfo: AdditionalInfo) => {\n // oxlint-disable-next-line no-unsafe-type-assertion\n const asset = assets[0] as Record<string, any>\n const webImage = asset['files']?.['webImage']\n\n const aspectRatio = webImage\n ? getAspectRatio({\n width: webImage.width,\n height: webImage.height,\n })\n : undefined\n\n const persistRawFields = fieldOptions?.persistRawFields ?? pluginConfig.persistRawFields ?? true\n\n const mediaData = {\n // When `persistRawFields` is true (the default), spread the full raw Bynder\n // asset payload first; explicit fields below then override with the\n // canonical, computed, or mapped values declared in the schema.\n ...(persistRawFields ? asset : {}),\n\n _key: value?._key,\n _type: schemaType.name,\n\n id: asset['id'],\n name: asset['name'],\n databaseId: asset['databaseId'],\n type: asset['type'],\n description: asset['description'],\n\n previewUrl: getPreviewUrl(asset, addInfo),\n previewImg: webImage?.url,\n datUrl: asset['files']?.['transformBaseUrl']?.url,\n videoUrl: getVideoUrl(asset),\n aspectRatio,\n selectedUrl: addInfo.selectedFile?.url,\n width: webImage?.width,\n height: webImage?.height,\n }\n\n if (asset['type'] === 'VIDEO') {\n getVideoAspectRatio(webImage?.url ?? '')\n // oxlint-disable-next-line always-return\n .then((ratio) => {\n onChange(PatchEvent.from([set({...mediaData, aspectRatio: ratio})]))\n setIsOpen(false)\n })\n .catch((err) => {\n // video aspect ratio couldn't be set, but should still set the rest of the data\n console.error('Error setting video aspect ratio:', err)\n onChange(PatchEvent.from([set(mediaData)]))\n setIsOpen(false)\n })\n } else {\n onChange(PatchEvent.from([set(mediaData)]))\n setIsOpen(false)\n }\n }\n\n let preview\n if (value) {\n if (value.type === 'VIDEO') {\n preview = (\n <VideoPlayer controls poster={value.previewImg} sources={[{src: value.previewUrl ?? ''}]} />\n )\n }\n if (value.type === 'IMAGE' || value.type === 'DOCUMENT') {\n preview = (\n <img\n alt=\"preview\"\n src={value.previewUrl}\n style={{width: 'auto', height: '100%', maxHeight: '20rem'}}\n />\n )\n // TODO: Add preview for audio types and empty state\n }\n }\n\n const [loading, startTransition] = useTransition()\n const [shouldLoad, setShouldLoad] = useState(false)\n const openCompactView = () => {\n // We want the button to show a loading state if it takes a while to lazy load the modal\n startTransition(() => setShouldLoad(true))\n // Opening the modal should never trigger a loading state\n setIsOpen(true)\n }\n const closeCompactView = () => setIsOpen(false)\n\n return (\n <>\n <Flex\n justify=\"center\"\n align=\"center\"\n marginBottom={2}\n onClick={openCompactView}\n style={{cursor: 'pointer'}}\n >\n {preview}\n </Flex>\n <Flex gap={2} style={{width: '100%'}}>\n <Box flex={1}>\n <Button\n style={{width: '100%'}}\n loading={loading}\n disabled={readOnly}\n mode=\"ghost\"\n text={value ? 'Replace' : 'Browse'}\n title=\"Select an asset\"\n onClick={openCompactView}\n />\n </Box>\n <Box flex={1}>\n <Button\n style={{width: '100%'}}\n disabled={readOnly || !value}\n tone=\"critical\"\n mode=\"ghost\"\n text={'Remove'}\n title=\"Remove asset\"\n onClick={removeValue}\n />\n </Box>\n </Flex>\n {shouldLoad && isOpen && (\n <BynderModalLayout\n isOpen={isOpen}\n onClose={closeCompactView}\n portalConfig={pluginConfig.portalConfig}\n compactViewOptions={compactViewOptions}\n onSuccess={onSuccess}\n />\n )}\n </>\n )\n}\n","import {Flex} from '@sanity/ui'\nimport {DiffFromTo, type SchemaType} from 'sanity'\n\ntype ComponentProps = {\n value: any\n}\n\nfunction Component({value}: ComponentProps) {\n if (value?.previewUrl || value?.previewImg) {\n return (\n <Flex justify=\"center\" align=\"center\" height=\"fill\">\n <img\n alt=\"preview\"\n src={value?.previewImg ?? value?.previewUrl}\n style={{\n objectFit: 'contain',\n margin: 'auto',\n maxWidth: '100%',\n maxHeight: '100%',\n }}\n />\n </Flex>\n )\n }\n\n return (\n <Flex justify=\"center\" align=\"center\" height=\"fill\">\n <div>(no image)</div>\n </Flex>\n )\n}\n\ntype DiffProps = {\n diff: any\n schemaType: SchemaType\n}\n\nexport function BynderDiff({diff, schemaType}: DiffProps): React.JSX.Element {\n return (\n <DiffFromTo diff={diff} schemaType={schemaType} previewComponent={Component} layout={'grid'} />\n )\n}\n","import {defineType, type ObjectDefinition, type ObjectOptions} from 'sanity'\n\nimport {BynderDiff} from '../components/BynderDiff'\n\nconst bynderAssetSchemaName = 'bynder.asset'\n\ntype BynderAssetType = 'AUDIO' | 'DOCUMENT' | 'IMAGE' | 'VIDEO'\n\ntype BynderAssetFilterJson = {\n assetType_in?: BynderAssetType[] //predefined asset types\n collectionId?: string //predefined collection id\n metapropertyOptionId_in?: string[] //predefined metaproperty IDs\n searchTerm?: string //predefined search term\n tagNames_in?: string[] //predefined tags\n isLimitedUse?: boolean //whether or not this asset is marked as Limited Use\n showToolbar?: boolean //show toolbar for predefined filters (false by default)\n}\n\nexport interface BynderAssetOptions extends ObjectOptions {\n assetTypes?: ('image' | 'video' | 'audio' | (string & {}))[]\n assetFilter?: BynderAssetFilterJson\n /**\n * When `true` (the default) the full raw Bynder asset payload is spread onto\n * the persisted document alongside the canonical fields declared in the\n * `bynder.asset` schema. Set to `false` to persist only the canonical subset\n * (the fields enumerated in `BynderAssetValue` / the schema definition).\n */\n persistRawFields?: boolean\n}\n\n/**\n * @public\n */\nexport interface BynderAssetDefinition extends Omit<\n ObjectDefinition,\n 'type' | 'fields' | 'options'\n> {\n type: typeof bynderAssetSchemaName\n options?: BynderAssetOptions\n}\n\ndeclare module 'sanity' {\n // makes type: 'bynder.asset' narrow correctly when using defineType/defineField/defineArrayMember\n export interface IntrinsicDefinitions {\n 'bynder.asset': BynderAssetDefinition\n }\n}\n\nexport interface BynderAssetValue {\n _type: typeof bynderAssetSchemaName\n _key?: string\n id?: string\n name?: string\n databaseId?: string\n type?: string\n previewUrl?: string\n previewImg?: string\n datUrl?: string\n description?: string\n aspectRatio?: number\n videoUrl?: string\n selectedUrl?: string\n width?: number\n height?: number\n /** Index signature to allow any additional Bynder asset fields */\n [key: string]: unknown\n}\n\nexport const bynderAssetSchema: ObjectDefinition = defineType({\n name: bynderAssetSchemaName,\n type: 'object',\n title: 'Bynder Asset',\n fields: [\n {\n type: 'string',\n name: 'id',\n },\n {\n type: 'string',\n name: 'name',\n },\n {\n type: 'string',\n name: 'databaseId',\n },\n {\n type: 'string',\n name: 'type',\n },\n {\n type: 'string',\n name: 'previewUrl',\n },\n {\n type: 'string',\n name: 'previewImg',\n },\n {\n type: 'string',\n name: 'datUrl',\n },\n {\n type: 'string',\n name: 'description',\n },\n {\n type: 'number',\n name: 'aspectRatio',\n },\n {\n type: 'number',\n name: 'width',\n },\n {\n type: 'number',\n name: 'height',\n },\n {\n type: 'string',\n name: 'videoUrl',\n },\n {\n type: 'string',\n name: 'selectedUrl',\n },\n ],\n components: {\n diff: BynderDiff,\n },\n})\n","import {definePlugin, type Plugin, isObjectInputProps, type SchemaType} from 'sanity'\n\nimport {BynderInput, type BynderConfig} from './components/BynderInput'\nimport {bynderAssetSchema, type BynderAssetValue} from './schema/bynder.asset'\n\nexport const bynderInputPlugin: Plugin<Partial<BynderConfig>> = definePlugin(\n (config: Partial<BynderConfig>) => {\n const reqConfig: BynderConfig = {\n portalConfig: {\n url: '',\n ...config?.portalConfig,\n },\n compactViewOptions: {\n language: 'en_US',\n ...config?.compactViewOptions,\n },\n persistRawFields: config?.persistRawFields,\n }\n\n return {\n name: 'bynder-assets',\n schema: {\n types: [bynderAssetSchema],\n },\n form: {\n components: {\n input: (props) => {\n if (isObjectInputProps(props) && isType(props.schemaType, bynderAssetSchema.name)) {\n return (\n // @ts-expect-error - TODO: fix this\n <BynderInput\n {...props}\n // oxlint-disable-next-line no-unsafe-type-assertion\n value={props.value as BynderAssetValue}\n pluginConfig={reqConfig}\n />\n )\n }\n return props.renderDefault(props)\n },\n },\n },\n }\n },\n)\n\nfunction isType(schemaType: SchemaType, name: string): boolean {\n if (schemaType.name === name) {\n return true\n }\n if (schemaType.type) {\n return isType(schemaType.type, name)\n }\n return false\n}\n"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"index.js","names":["fieldOptions?.assetTypes && {\n // oxlint-disable-next-line no-unsafe-type-assertion\n assetTypes: fieldOptions.assetTypes.map((t) => t.toUpperCase()) as (\n | 'IMAGE'\n | 'VIDEO'\n | 'AUDIO'\n )[],\n }","(t) => t.toUpperCase()","fieldOptions?.assetTypes","fieldOptions?.assetFilter && {assetFilter: fieldOptions.assetFilter}","fieldOptions?.assetFilter","{\n ...pluginConfig.compactViewOptions,\n ...(fieldOptions?.assetTypes && {\n // oxlint-disable-next-line no-unsafe-type-assertion\n assetTypes: fieldOptions.assetTypes.map((t) => t.toUpperCase()) as (\n | 'IMAGE'\n | 'VIDEO'\n | 'AUDIO'\n )[],\n }),\n ...(fieldOptions?.assetFilter && {assetFilter: fieldOptions.assetFilter}),\n }","compactViewOptions","() => {\n onChange(PatchEvent.from([unset()]))\n }","(assets: unknown[], addInfo: AdditionalInfo) => {\n // oxlint-disable-next-line no-unsafe-type-assertion\n const asset = assets[0] as Record<string, any>\n const webImage = asset['files']?.['webImage']\n\n const aspectRatio = webImage\n ? getAspectRatio({\n width: webImage.width,\n height: webImage.height,\n })\n : undefined\n\n const persistRawFields = fieldOptions?.persistRawFields ?? pluginConfig.persistRawFields ?? true\n\n const mediaData = {\n // When `persistRawFields` is true (the default), spread the full raw Bynder\n // asset payload first; explicit fields below then override with the\n // canonical, computed, or mapped values declared in the schema.\n ...(persistRawFields ? asset : {}),\n\n _key: value?._key,\n _type: schemaType.name,\n\n id: asset['id'],\n name: asset['name'],\n databaseId: asset['databaseId'],\n type: asset['type'],\n description: asset['description'],\n\n previewUrl: getPreviewUrl(asset, addInfo),\n previewImg: webImage?.url,\n datUrl: asset['files']?.['transformBaseUrl']?.url,\n videoUrl: getVideoUrl(asset),\n aspectRatio,\n selectedUrl: addInfo.selectedFile?.url,\n width: webImage?.width,\n height: webImage?.height,\n }\n\n if (asset['type'] === 'VIDEO') {\n getVideoAspectRatio(webImage?.url ?? '')\n // oxlint-disable-next-line always-return\n .then((ratio) => {\n onChange(PatchEvent.from([set({...mediaData, aspectRatio: ratio})]))\n setIsOpen(false)\n })\n .catch((err) => {\n // video aspect ratio couldn't be set, but should still set the rest of the data\n console.error('Error setting video aspect ratio:', err)\n onChange(PatchEvent.from([set(mediaData)]))\n setIsOpen(false)\n })\n } else {\n onChange(PatchEvent.from([set(mediaData)]))\n setIsOpen(false)\n }\n }","persistRawFields","name","_key","'files'","'webImage'","'id'","'name'","'databaseId'","'type'","'description'","'transformBaseUrl'","[{src: value.previewUrl ?? ''}]","value.previewUrl ?? ''","<VideoPlayer controls poster={value.previewImg} sources={[{src: value.previewUrl ?? ''}]} />","previewImg","{width: 'auto', height: '100%', maxHeight: '20rem'}","<img\n alt=\"preview\"\n src={value.previewUrl}\n style={{width: 'auto', height: '100%', maxHeight: '20rem'}}\n />","previewUrl","() => {\n // We want the button to show a loading state if it takes a while to lazy load the modal\n startTransition(() => setShouldLoad(true))\n // Opening the modal should never trigger a loading state\n setIsOpen(true)\n }","() => setIsOpen(false)","{cursor: 'pointer'}","<Flex\n justify=\"center\"\n align=\"center\"\n marginBottom={2}\n onClick={openCompactView}\n style={{cursor: 'pointer'}}\n >\n {preview}\n </Flex>","{width: '100%'}","<Box flex={1}>\n <Button\n style={{width: '100%'}}\n loading={loading}\n disabled={readOnly}\n mode=\"ghost\"\n text={value ? 'Replace' : 'Browse'}\n title=\"Select an asset\"\n onClick={openCompactView}\n />\n </Box>","value ? 'Replace' : 'Browse'","<Box flex={1}>\n <Button\n style={{width: '100%'}}\n disabled={readOnly || !value}\n tone=\"critical\"\n mode=\"ghost\"\n text={'Remove'}\n title=\"Remove asset\"\n onClick={removeValue}\n />\n </Box>","readOnly || !value","<Flex gap={2} style={{width: '100%'}}>\n <Box flex={1}>\n <Button\n style={{width: '100%'}}\n loading={loading}\n disabled={readOnly}\n mode=\"ghost\"\n text={value ? 'Replace' : 'Browse'}\n title=\"Select an asset\"\n onClick={openCompactView}\n />\n </Box>\n <Box flex={1}>\n <Button\n style={{width: '100%'}}\n disabled={readOnly || !value}\n tone=\"critical\"\n mode=\"ghost\"\n text={'Remove'}\n title=\"Remove asset\"\n onClick={removeValue}\n />\n </Box>\n </Flex>","shouldLoad && isOpen && (\n <BynderModalLayout\n isOpen={isOpen}\n onClose={closeCompactView}\n portalConfig={pluginConfig.portalConfig}\n compactViewOptions={compactViewOptions}\n onSuccess={onSuccess}\n />\n )","portalConfig","<>\n <Flex\n justify=\"center\"\n align=\"center\"\n marginBottom={2}\n onClick={openCompactView}\n style={{cursor: 'pointer'}}\n >\n {preview}\n </Flex>\n <Flex gap={2} style={{width: '100%'}}>\n <Box flex={1}>\n <Button\n style={{width: '100%'}}\n loading={loading}\n disabled={readOnly}\n mode=\"ghost\"\n text={value ? 'Replace' : 'Browse'}\n title=\"Select an asset\"\n onClick={openCompactView}\n />\n </Box>\n <Box flex={1}>\n <Button\n style={{width: '100%'}}\n disabled={readOnly || !value}\n tone=\"critical\"\n mode=\"ghost\"\n text={'Remove'}\n title=\"Remove asset\"\n onClick={removeValue}\n />\n </Box>\n </Flex>\n {shouldLoad && isOpen && (\n <BynderModalLayout\n isOpen={isOpen}\n onClose={closeCompactView}\n portalConfig={pluginConfig.portalConfig}\n compactViewOptions={compactViewOptions}\n onSuccess={onSuccess}\n />\n )}\n </>","{value}: ComponentProps","{\n objectFit: 'contain',\n margin: 'auto',\n maxWidth: '100%',\n maxHeight: '100%',\n }","<Flex justify=\"center\" align=\"center\" height=\"fill\">\n <img\n alt=\"preview\"\n src={value?.previewImg ?? value?.previewUrl}\n style={{\n objectFit: 'contain',\n margin: 'auto',\n maxWidth: '100%',\n maxHeight: '100%',\n }}\n />\n </Flex>","value?.previewImg ?? value?.previewUrl","<Flex justify=\"center\" align=\"center\" height=\"fill\">\n <div>(no image)</div>\n </Flex>","{diff, schemaType}: DiffProps","<DiffFromTo diff={diff} schemaType={schemaType} previewComponent={Component} layout={'grid'} />"],"sources":["../src/components/BynderInput.tsx","../src/components/BynderDiff.tsx","../src/schema/bynder.asset.ts","../src/plugin.tsx"],"sourcesContent":["import type {CompactViewProps, PortalConfig, AdditionalInfo} from '@bynder/compact-view'\nimport {Box, Button, Flex} from '@sanity/ui'\nimport {useState, lazy, useTransition} from 'react'\nimport {type ObjectInputProps, PatchEvent, set, unset} from 'sanity'\n\nimport type {BynderAssetOptions, BynderAssetValue} from '../schema/bynder.asset'\n\nimport './BynderInput.css'\n\nconst VideoPlayer = lazy(() => import('./VideoPlayer'))\nconst BynderModalLayout = lazy(() => import('./BynderModalLayout'))\n\nexport interface BynderConfig {\n portalConfig: PortalConfig\n compactViewOptions: Omit<CompactViewProps, 'onSuccess'>\n /**\n * Studio-wide default for whether the full raw Bynder asset payload is\n * persisted onto documents (in addition to the canonical schema fields).\n * Field-level `persistRawFields` in `BynderAssetOptions` overrides this.\n * Defaults to `true` to preserve existing behavior.\n */\n persistRawFields?: boolean\n}\n\nexport interface BynderInputProps extends ObjectInputProps<BynderAssetValue> {\n pluginConfig: BynderConfig\n}\n\nconst getPreviewUrl = (asset: Record<string, any>, addInfo: Record<string, any>) => {\n switch (asset['type']) {\n case 'VIDEO':\n return asset['previewUrls'][0]\n default:\n return addInfo['selectedFile'] ? addInfo['selectedFile']?.url : asset['webImage'].url\n }\n}\n\nconst getVideoUrl = (asset: Record<string, any>) => {\n if (asset['type'] === 'VIDEO') {\n // if original asset is available (public videos only) use that if not fall back to the preview url\n return asset['files']?.original?.url ?? asset['previewUrls'][0]\n }\n return null\n}\n\nconst getAspectRatio = (dimensions: {width: number; height: number}): number =>\n dimensions.height / dimensions.width\n\nconst getVideoAspectRatio = (previewImageUrl: string) =>\n new Promise((resolve, reject) => {\n const img = new Image()\n\n // oxlint-disable-next-line prefer-add-event-listener\n img.onload = () => {\n resolve(\n getAspectRatio({\n width: img.width,\n height: img.height,\n }),\n )\n }\n // oxlint-disable-next-line prefer-add-event-listener\n img.onerror = (err) => reject(err)\n\n img.src = previewImageUrl\n })\n\nexport function BynderInput(props: BynderInputProps): React.JSX.Element {\n const {value, readOnly, schemaType, pluginConfig, onChange} = props\n const [isOpen, setIsOpen] = useState(false)\n\n // Merge field-level options with global plugin config\n // oxlint-disable-next-line no-unsafe-type-assertion\n const fieldOptions = schemaType.options as BynderAssetOptions | undefined\n const compactViewOptions = {\n ...pluginConfig.compactViewOptions,\n ...(fieldOptions?.assetTypes && {\n // oxlint-disable-next-line no-unsafe-type-assertion\n assetTypes: fieldOptions.assetTypes.map((t) => t.toUpperCase()) as (\n | 'IMAGE'\n | 'VIDEO'\n | 'AUDIO'\n )[],\n }),\n ...(fieldOptions?.assetFilter && {assetFilter: fieldOptions.assetFilter}),\n }\n\n const removeValue = () => {\n onChange(PatchEvent.from([unset()]))\n }\n\n const onSuccess = (assets: unknown[], addInfo: AdditionalInfo) => {\n // oxlint-disable-next-line no-unsafe-type-assertion\n const asset = assets[0] as Record<string, any>\n const webImage = asset['files']?.['webImage']\n\n const aspectRatio = webImage\n ? getAspectRatio({\n width: webImage.width,\n height: webImage.height,\n })\n : undefined\n\n const persistRawFields = fieldOptions?.persistRawFields ?? pluginConfig.persistRawFields ?? true\n\n const mediaData = {\n // When `persistRawFields` is true (the default), spread the full raw Bynder\n // asset payload first; explicit fields below then override with the\n // canonical, computed, or mapped values declared in the schema.\n ...(persistRawFields ? asset : {}),\n\n _key: value?._key,\n _type: schemaType.name,\n\n id: asset['id'],\n name: asset['name'],\n databaseId: asset['databaseId'],\n type: asset['type'],\n description: asset['description'],\n\n previewUrl: getPreviewUrl(asset, addInfo),\n previewImg: webImage?.url,\n datUrl: asset['files']?.['transformBaseUrl']?.url,\n videoUrl: getVideoUrl(asset),\n aspectRatio,\n selectedUrl: addInfo.selectedFile?.url,\n width: webImage?.width,\n height: webImage?.height,\n }\n\n if (asset['type'] === 'VIDEO') {\n getVideoAspectRatio(webImage?.url ?? '')\n // oxlint-disable-next-line always-return\n .then((ratio) => {\n onChange(PatchEvent.from([set({...mediaData, aspectRatio: ratio})]))\n setIsOpen(false)\n })\n .catch((err) => {\n // video aspect ratio couldn't be set, but should still set the rest of the data\n console.error('Error setting video aspect ratio:', err)\n onChange(PatchEvent.from([set(mediaData)]))\n setIsOpen(false)\n })\n } else {\n onChange(PatchEvent.from([set(mediaData)]))\n setIsOpen(false)\n }\n }\n\n let preview\n if (value) {\n if (value.type === 'VIDEO') {\n preview = (\n <VideoPlayer controls poster={value.previewImg} sources={[{src: value.previewUrl ?? ''}]} />\n )\n }\n if (value.type === 'IMAGE' || value.type === 'DOCUMENT') {\n preview = (\n <img\n alt=\"preview\"\n src={value.previewUrl}\n style={{width: 'auto', height: '100%', maxHeight: '20rem'}}\n />\n )\n // TODO: Add preview for audio types and empty state\n }\n }\n\n const [loading, startTransition] = useTransition()\n const [shouldLoad, setShouldLoad] = useState(false)\n const openCompactView = () => {\n // We want the button to show a loading state if it takes a while to lazy load the modal\n startTransition(() => setShouldLoad(true))\n // Opening the modal should never trigger a loading state\n setIsOpen(true)\n }\n const closeCompactView = () => setIsOpen(false)\n\n return (\n <>\n <Flex\n justify=\"center\"\n align=\"center\"\n marginBottom={2}\n onClick={openCompactView}\n style={{cursor: 'pointer'}}\n >\n {preview}\n </Flex>\n <Flex gap={2} style={{width: '100%'}}>\n <Box flex={1}>\n <Button\n style={{width: '100%'}}\n loading={loading}\n disabled={readOnly}\n mode=\"ghost\"\n text={value ? 'Replace' : 'Browse'}\n title=\"Select an asset\"\n onClick={openCompactView}\n />\n </Box>\n <Box flex={1}>\n <Button\n style={{width: '100%'}}\n disabled={readOnly || !value}\n tone=\"critical\"\n mode=\"ghost\"\n text={'Remove'}\n title=\"Remove asset\"\n onClick={removeValue}\n />\n </Box>\n </Flex>\n {shouldLoad && isOpen && (\n <BynderModalLayout\n isOpen={isOpen}\n onClose={closeCompactView}\n portalConfig={pluginConfig.portalConfig}\n compactViewOptions={compactViewOptions}\n onSuccess={onSuccess}\n />\n )}\n </>\n )\n}\n","import {Flex} from '@sanity/ui'\nimport {DiffFromTo, type SchemaType} from 'sanity'\n\ntype ComponentProps = {\n value: any\n}\n\nfunction Component({value}: ComponentProps) {\n if (value?.previewUrl || value?.previewImg) {\n return (\n <Flex justify=\"center\" align=\"center\" height=\"fill\">\n <img\n alt=\"preview\"\n src={value?.previewImg ?? value?.previewUrl}\n style={{\n objectFit: 'contain',\n margin: 'auto',\n maxWidth: '100%',\n maxHeight: '100%',\n }}\n />\n </Flex>\n )\n }\n\n return (\n <Flex justify=\"center\" align=\"center\" height=\"fill\">\n <div>(no image)</div>\n </Flex>\n )\n}\n\ntype DiffProps = {\n diff: any\n schemaType: SchemaType\n}\n\nexport function BynderDiff({diff, schemaType}: DiffProps): React.JSX.Element {\n return (\n <DiffFromTo diff={diff} schemaType={schemaType} previewComponent={Component} layout={'grid'} />\n )\n}\n","import {defineType, type ObjectDefinition, type ObjectOptions} from 'sanity'\n\nimport {BynderDiff} from '../components/BynderDiff'\n\nconst bynderAssetSchemaName = 'bynder.asset'\n\ntype BynderAssetType = 'AUDIO' | 'DOCUMENT' | 'IMAGE' | 'VIDEO'\n\ntype BynderAssetFilterJson = {\n assetType_in?: BynderAssetType[] //predefined asset types\n collectionId?: string //predefined collection id\n metapropertyOptionId_in?: string[] //predefined metaproperty IDs\n searchTerm?: string //predefined search term\n tagNames_in?: string[] //predefined tags\n isLimitedUse?: boolean //whether or not this asset is marked as Limited Use\n showToolbar?: boolean //show toolbar for predefined filters (false by default)\n}\n\nexport interface BynderAssetOptions extends ObjectOptions {\n assetTypes?: ('image' | 'video' | 'audio' | (string & {}))[]\n assetFilter?: BynderAssetFilterJson\n /**\n * When `true` (the default) the full raw Bynder asset payload is spread onto\n * the persisted document alongside the canonical fields declared in the\n * `bynder.asset` schema. Set to `false` to persist only the canonical subset\n * (the fields enumerated in `BynderAssetValue` / the schema definition).\n */\n persistRawFields?: boolean\n}\n\n/**\n * @public\n */\nexport interface BynderAssetDefinition extends Omit<\n ObjectDefinition,\n 'type' | 'fields' | 'options'\n> {\n type: typeof bynderAssetSchemaName\n options?: BynderAssetOptions\n}\n\ndeclare module 'sanity' {\n // makes type: 'bynder.asset' narrow correctly when using defineType/defineField/defineArrayMember\n export interface IntrinsicDefinitions {\n 'bynder.asset': BynderAssetDefinition\n }\n}\n\nexport interface BynderAssetValue {\n _type: typeof bynderAssetSchemaName\n _key?: string\n id?: string\n name?: string\n databaseId?: string\n type?: string\n previewUrl?: string\n previewImg?: string\n datUrl?: string\n description?: string\n aspectRatio?: number\n videoUrl?: string\n selectedUrl?: string\n width?: number\n height?: number\n /** Index signature to allow any additional Bynder asset fields */\n [key: string]: unknown\n}\n\nexport const bynderAssetSchema: ObjectDefinition = defineType({\n name: bynderAssetSchemaName,\n type: 'object',\n title: 'Bynder Asset',\n fields: [\n {\n type: 'string',\n name: 'id',\n },\n {\n type: 'string',\n name: 'name',\n },\n {\n type: 'string',\n name: 'databaseId',\n },\n {\n type: 'string',\n name: 'type',\n },\n {\n type: 'string',\n name: 'previewUrl',\n },\n {\n type: 'string',\n name: 'previewImg',\n },\n {\n type: 'string',\n name: 'datUrl',\n },\n {\n type: 'string',\n name: 'description',\n },\n {\n type: 'number',\n name: 'aspectRatio',\n },\n {\n type: 'number',\n name: 'width',\n },\n {\n type: 'number',\n name: 'height',\n },\n {\n type: 'string',\n name: 'videoUrl',\n },\n {\n type: 'string',\n name: 'selectedUrl',\n },\n ],\n components: {\n diff: BynderDiff,\n },\n})\n","import {definePlugin, type Plugin, isObjectInputProps, type SchemaType} from 'sanity'\n\nimport {BynderInput, type BynderConfig} from './components/BynderInput'\nimport {bynderAssetSchema, type BynderAssetValue} from './schema/bynder.asset'\n\nexport const bynderInputPlugin: Plugin<Partial<BynderConfig>> = definePlugin(\n (config: Partial<BynderConfig>) => {\n const reqConfig: BynderConfig = {\n portalConfig: {\n url: '',\n ...config?.portalConfig,\n },\n compactViewOptions: {\n language: 'en_US',\n ...config?.compactViewOptions,\n },\n persistRawFields: config?.persistRawFields,\n }\n\n return {\n name: 'bynder-assets',\n schema: {\n types: [bynderAssetSchema],\n },\n form: {\n components: {\n input: (props) => {\n if (isObjectInputProps(props) && isType(props.schemaType, bynderAssetSchema.name)) {\n return (\n // @ts-expect-error - TODO: fix this\n <BynderInput\n {...props}\n // oxlint-disable-next-line no-unsafe-type-assertion\n value={props.value as BynderAssetValue}\n pluginConfig={reqConfig}\n />\n )\n }\n return props.renderDefault(props)\n },\n },\n },\n }\n },\n)\n\nfunction isType(schemaType: SchemaType, name: string): boolean {\n if (schemaType.name === name) {\n return true\n }\n if (schemaType.type) {\n return isType(schemaType.type, name)\n }\n return false\n}\n"],"mappings":"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"}
\ No newline at end of fileIndex: package/dist/VideoPlayer-YpxI09aD.js.map
===================================================================
--- package/dist/VideoPlayer-YpxI09aD.js.map
+++ package/dist/VideoPlayer-YpxI09aD.js.map
@@ -1,1 +1,1 @@
-{"version":3,"file":"VideoPlayer-YpxI09aD.js","names":["useEffect","useRef","useState","videojs","VideoJsPlayer","VideoJsPlayerOptions","VideoPlayer","props","$","_c","videoNode","player","setPlayer","t0","t1","current","dispose","t2","Symbol","for","t3","marginBottom"],"sources":["../src/components/VideoPlayer.tsx"],"sourcesContent":["import {useEffect, useRef, useState} from 'react'\nimport videojs, {type VideoJsPlayer, type VideoJsPlayerOptions} from 'video.js'\n\nexport default function VideoPlayer(props: VideoJsPlayerOptions): React.JSX.Element {\n const videoNode = useRef<HTMLVideoElement>(null)\n const [player, setPlayer] = useState<VideoJsPlayer>()\n\n useEffect(() => {\n if (videoNode.current) {\n setPlayer(videojs(videoNode.current, props))\n }\n return () => player?.dispose()\n }, [videoNode, player, props])\n\n return (\n <div>\n <link href=\"https://vjs.zencdn.net/7.8.4/video-js.css\" rel=\"stylesheet\" />\n <div data-vjs-player style={{marginBottom: '16px'}}>\n {/* oxlint-disable-next-line media-has-caption */}\n <video className=\"video-js vjs-16-9 vjs-big-play-centered\" ref={videoNode} />\n </div>\n </div>\n )\n}\n"],"mappings":";;;;AAGA,SAAeM,YAAAC,OAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GACbC,YAAkBT,OAAyB,IAAI,GAC/C,CAAAU,QAAAC,aAA4BV,SAAwB,GAACW,IAAAC;CAErDd,AAFqDQ,EAAA,OAAAG,UAAAH,EAAA,OAAAD,SAE3CM,YACJH,UAASK,WACXH,UAAUT,QAAQO,UAASK,SAAUR,KAAK,CAAC,SAEhCI,QAAMK,QAAU,IAC5BF,KAAA;EAACJ;EAAWC;EAAQJ;CAAK,GAACC,EAAA,KAAAG,QAAAH,EAAA,KAAAD,OAAAC,EAAA,KAAAK,IAAAL,EAAA,KAAAM,OAAAD,KAAAL,EAAA,IAAAM,KAAAN,EAAA,KAL7BR,UAAUa,IAKPC,EAA0B;CAAC,IAAAG;CAAA,AAAAT,EAAA,OAAAU,OAAAC,IAAA,2BAAA,KAI1BF,KAAA,oBAAA,QAAA;EAAW,MAAA;EAAgD,KAAA;CAAY,CAAA,GAAGT,EAAA,KAAAS,MAAAA,KAAAT,EAAA;CAAA,IAAAY;CAKtE,OALsEZ,EAAA,OAAAU,OAAAC,IAAA,2BAAA,KAD5EC,KAAA,qBAAA,OAAA,EAAA,UAAA,CACEH,IACA,oBAAA,OAAA;EAAK,mBAAA;EAAuB,OAAA,EAAAI,cAAe,OAAM;EAE/C,UAAA,oBAAA,SAAA;GAAiB,WAAA;GAA+CX,KAAAA;EAAS,CAAA;CACrE,CAAA,CACF,EAAA,CAAA,GAAAF,EAAA,KAAAY,MAAAA,KAAAZ,EAAA,IANNY;AAMM"}
\ No newline at end of file
+{"version":3,"file":"VideoPlayer-YpxI09aD.js","names":["() => {\n if (videoNode.current) {\n setPlayer(videojs(videoNode.current, props))\n }\n return () => player?.dispose()\n }","[videoNode, player, props]","player?.dispose","<link href=\"https://vjs.zencdn.net/7.8.4/video-js.css\" rel=\"stylesheet\" />","<div>\n <link href=\"https://vjs.zencdn.net/7.8.4/video-js.css\" rel=\"stylesheet\" />\n <div data-vjs-player style={{marginBottom: '16px'}}>\n {/* oxlint-disable-next-line media-has-caption */}\n <video className=\"video-js vjs-16-9 vjs-big-play-centered\" ref={videoNode} />\n </div>\n </div>"],"sources":["../src/components/VideoPlayer.tsx"],"sourcesContent":["import {useEffect, useRef, useState} from 'react'\nimport videojs, {type VideoJsPlayer, type VideoJsPlayerOptions} from 'video.js'\n\nexport default function VideoPlayer(props: VideoJsPlayerOptions): React.JSX.Element {\n const videoNode = useRef<HTMLVideoElement>(null)\n const [player, setPlayer] = useState<VideoJsPlayer>()\n\n useEffect(() => {\n if (videoNode.current) {\n setPlayer(videojs(videoNode.current, props))\n }\n return () => player?.dispose()\n }, [videoNode, player, props])\n\n return (\n <div>\n <link href=\"https://vjs.zencdn.net/7.8.4/video-js.css\" rel=\"stylesheet\" />\n <div data-vjs-player style={{marginBottom: '16px'}}>\n {/* oxlint-disable-next-line media-has-caption */}\n <video className=\"video-js vjs-16-9 vjs-big-play-centered\" ref={videoNode} />\n </div>\n </div>\n )\n}\n"],"mappings":";;;;AAGA,SAAwB,YAAY,OAAgD;eAC5E,YAAY,OAAyB,IAAI,GACzC,CAAC,QAAQ,aAAa,SAAwB,GAE1CA,IAKPC;CALH,AAIeC,EAAAA,OAAAA,UAAAA,EAAAA,OAF0B,SAF/B,YACJ,UAAU,WACZ,UAAU,QAAQ,UAAU,SAAS,KAAK,CAAC,SAEhC,QAAQ,QAAQ,IAC5B,KAAA;EAAC;EAAW;EAAQ;CAAK,GADbA,EAAAA,KAAAA,QAF0B,EAAA,KAAA,uDAFzC,UAAUF,IAKPC,EAA0B;CAIzBE,IAAAA;qDAAC,KAAA,oBAAA,QAAD;EAAM,MAAK;EAA4C,KAAI;CAAc,CAAA;CAD3EC,IAAAA;CADF,2DACG,KAAA,qBAAA,OAAD,EAAA,UAAA,CACED,IACA,oBAAC,OAAD;EAAK,mBAAA;EAAgB,OAAO,EAAC,cAAc,OAAM;EAE/C,UAAA,oBAAC,SAAD;GAAO,WAAU;GAA0C,KAAK;EAAY,CAAA;CACzE,CAAA,CACF,EAAA,CAAA,2BANLC;AAQJ"}
\ No newline at end of file