sanity-plugin-asset-source-unsplash 7.0.13 → 7.0.14

package/dist/Loader.js

@@ -0,0 +1,15 @@
+import { c } from "react/compiler-runtime";
+import { jsx } from "react/jsx-runtime";
+import { Flex, Spinner } from "@sanity/ui";
+function Loader() {
+	let $ = c(1), t0;
+	return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(Flex, {
+		align: "center",
+		justify: "center",
+		padding: 3,
+		children: /* @__PURE__ */ jsx(Spinner, { muted: !0 })
+	}), $[0] = t0) : t0 = $[0], t0;
+}
+export { Loader as t };
+
+//# sourceMappingURL=Loader.js.map

package/dist/Loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","names":["Flex","Spinner","Loader","$","_c","t0","Symbol","for"],"sources":["../src/components/Loader.tsx"],"sourcesContent":["import {Flex, Spinner} from '@sanity/ui'\n\nexport function Loader() {\n  return (\n    <Flex align=\"center\" justify=\"center\" padding={3}>\n      <Spinner muted />\n    </Flex>\n  )\n}\n"],"mappings":";;;AAEA,SAAOE,SAAA;CAAA,IAAAC,IAAAC,EAAA,CAAA,GAAAC;CAII,OAJJF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,KAEHF,KAAA,oBAAC,MAAD;EAAY,OAAA;EAAiB,SAAA;EAAkB,SAAA;YAC7C,oBAAC,SAAD,EAAS,OAAA,GAAK,CAAA;CADX,CAAA,GAEEF,EAAA,KAAAE,MAAAA,KAAAF,EAAA,IAFPE;AAEO"}

package/dist/UnsplashPhotoGallery.js

@@ -0,0 +1,171 @@
+import { t as Loader } from "./Loader.js";
+import "sanity";
+import { c } from "react/compiler-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Box, Card, Text } from "@sanity/ui";
+import { Activity, use } from "react";
+import { styled } from "styled-components";
+import "react-photo-album/rows.css";
+import { RowsPhotoAlbum } from "react-photo-album";
+import InfiniteScroll from "react-photo-album/scroll";
+import { getTheme_v2 } from "@sanity/ui/theme";
+async function fetchDownloadUrl(client, photo) {
+	let downloadUrl = photo.links.download_location.replace("https://api.unsplash.com", "/addons/unsplash"), { url } = await client.request({
+		url: downloadUrl,
+		withCredentials: !0,
+		method: "GET"
+	});
+	return url;
+}
+const CreditLineLink = styled.a.withConfig({
+	displayName: "CreditLineLink",
+	componentId: "sc-7wgffj-0"
+})`text-decoration:none;cursor:pointer;&:hover,&:focus{[data-ui='Text']{text-decoration:underline;}}`, CreditLine = styled(Card).withConfig({
+	displayName: "CreditLine",
+	componentId: "sc-7wgffj-1"
+})`${({ theme }) => {
+	let v2 = getTheme_v2({ sanity: theme.sanity });
+	return `
+     --creditline-fg: ${v2.color.fg};
+     --creditline-bg: ${v2.color.bg};
+   `;
+}};-webkit-user-drag:none;position:absolute;background-color:var(--creditline-bg);bottom:0;[data-ui='Text']{color:var(--creditline-fg);}`;
+function UnsplashCreditLine(t0) {
+	let $ = c(11), { link, id, userName } = t0, T0, t1;
+	if ($[0] !== link) {
+		let url = new URL(link);
+		url.searchParams.set("utm_source", "sanity-plugin-asset-source-unsplash"), url.searchParams.set("utm_medium", "referral"), T0 = CreditLineLink, t1 = url.toString(), $[0] = link, $[1] = T0, $[2] = t1;
+	} else T0 = $[1], t1 = $[2];
+	let t2 = `Open image by ${userName} on Unsplash in new window`, t3;
+	$[3] !== t2 || $[4] !== userName ? (t3 = /* @__PURE__ */ jsx(CreditLine, {
+		padding: 1,
+		radius: 1,
+		margin: 1,
+		children: /* @__PURE__ */ jsxs(Text, {
+			size: 0,
+			title: t2,
+			children: ["By @", userName]
+		})
+	}), $[3] = t2, $[4] = userName, $[5] = t3) : t3 = $[5];
+	let t4;
+	return $[6] !== T0 || $[7] !== id || $[8] !== t1 || $[9] !== t3 ? (t4 = /* @__PURE__ */ jsx(T0, {
+		href: t1,
+		target: id,
+		rel: "noreferrer noopener",
+		onClick: _temp$1,
+		children: t3
+	}), $[6] = T0, $[7] = id, $[8] = t1, $[9] = t3, $[10] = t4) : t4 = $[10], t4;
+}
+function _temp$1(event) {
+	return event.stopPropagation();
+}
+function mapUnsplashToPhotoAlbumPhoto(photo) {
+	return {
+		src: photo.urls.small,
+		width: photo.width,
+		height: photo.height,
+		key: photo.id,
+		data: photo
+	};
+}
+function UnsplashAssetSourceGallery(t0) {
+	let $ = c(33), { client, query, fetcher, scrollContainerRef, onSelect, initialDataPromise } = t0, data = use(initialDataPromise), t1 = data.total === 0 ? "visible" : "hidden", t2;
+	$[0] === query ? t2 = $[1] : (t2 = /* @__PURE__ */ jsx(Box, {
+		paddingX: 2,
+		paddingY: 3,
+		children: /* @__PURE__ */ jsxs(Text, {
+			size: 1,
+			muted: !0,
+			children: [
+				"No results found for \"",
+				query,
+				"\""
+			]
+		})
+	}), $[0] = query, $[1] = t2);
+	let t3;
+	$[2] !== t1 || $[3] !== t2 ? (t3 = /* @__PURE__ */ jsx(Activity, {
+		mode: t1,
+		children: t2
+	}), $[2] = t1, $[3] = t2, $[4] = t3) : t3 = $[4];
+	let t4 = data.total === 0 ? "hidden" : "visible", t5;
+	$[5] === scrollContainerRef ? t5 = $[6] : (t5 = () => scrollContainerRef.current, $[5] = scrollContainerRef, $[6] = t5);
+	let t6;
+	$[7] === data.results ? t6 = $[8] : (t6 = data.results.map(mapUnsplashToPhotoAlbumPhoto), $[7] = data.results, $[8] = t6);
+	let t7;
+	$[9] !== fetcher || $[10] !== query ? (t7 = async (index) => {
+		let { results, total_pages } = await fetcher(query, index + 1);
+		return index < total_pages ? results.map(mapUnsplashToPhotoAlbumPhoto) : null;
+	}, $[9] = fetcher, $[10] = query, $[11] = t7) : t7 = $[11];
+	let t8;
+	$[12] === Symbol.for("react.memo_cache_sentinel") ? (t8 = /* @__PURE__ */ jsx(Loader, {}), $[12] = t8) : t8 = $[12];
+	let t9;
+	$[13] === query ? t9 = $[14] : (t9 = query && /* @__PURE__ */ jsx(Box, {
+		paddingX: 2,
+		paddingY: 3,
+		children: /* @__PURE__ */ jsx(Text, {
+			size: 1,
+			muted: !0,
+			children: "No more results"
+		})
+	}), $[13] = query, $[14] = t9);
+	let t10;
+	$[15] !== client || $[16] !== onSelect ? (t10 = async (t11) => {
+		let { photo: t12 } = t11, { data: photo } = t12, downloadUrl = await fetchDownloadUrl(client, photo), description = photo.description || void 0;
+		return onSelect([{
+			kind: "url",
+			value: downloadUrl,
+			assetDocumentProps: {
+				_type: "sanity.imageAsset",
+				source: {
+					name: "unsplash",
+					id: photo.id,
+					url: photo.links.html
+				},
+				description,
+				creditLine: `${photo.user.name} by Unsplash`
+			}
+		}]);
+	}, $[15] = client, $[16] = onSelect, $[17] = t10) : t10 = $[17];
+	let t11;
+	$[18] === Symbol.for("react.memo_cache_sentinel") ? (t11 = [], $[18] = t11) : t11 = $[18];
+	let t12;
+	$[19] === Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ jsx(RowsPhotoAlbum, {
+		photos: t11,
+		spacing: 2,
+		padding: 1,
+		targetRowHeight: _temp,
+		render: { extras: _temp2 },
+		componentsProps: { container: { style: { marginBottom: 2 } } }
+	}), $[19] = t12) : t12 = $[19];
+	let t13;
+	$[20] !== query || $[21] !== t10 || $[22] !== t5 || $[23] !== t6 || $[24] !== t7 || $[25] !== t9 ? (t13 = /* @__PURE__ */ jsx(InfiniteScroll, {
+		scrollContainer: t5,
+		photos: t6,
+		fetch: t7,
+		loading: t8,
+		finished: t9,
+		onClick: t10,
+		children: t12
+	}, query), $[20] = query, $[21] = t10, $[22] = t5, $[23] = t6, $[24] = t7, $[25] = t9, $[26] = t13) : t13 = $[26];
+	let t14;
+	$[27] !== t13 || $[28] !== t4 ? (t14 = /* @__PURE__ */ jsx(Activity, {
+		mode: t4,
+		children: t13
+	}), $[27] = t13, $[28] = t4, $[29] = t14) : t14 = $[29];
+	let t15;
+	return $[30] !== t14 || $[31] !== t3 ? (t15 = /* @__PURE__ */ jsxs(Fragment, { children: [t3, t14] }), $[30] = t14, $[31] = t3, $[32] = t15) : t15 = $[32], t15;
+}
+function _temp2(_, context) {
+	return /* @__PURE__ */ jsx(UnsplashCreditLine, {
+		id: context.photo.data.id,
+		link: context.photo.data.links.html,
+		userName: context.photo.data.user.username
+	});
+}
+function _temp(width) {
+	return width < 300 ? 150 : width < 600 ? 200 : 300;
+}
+export { UnsplashAssetSourceGallery as default };
+
+//# sourceMappingURL=UnsplashPhotoGallery.js.map

package/dist/UnsplashPhotoGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnsplashPhotoGallery.js","names":["SanityClient","UnsplashPhoto","fetchDownloadUrl","client","photo","Promise","downloadUrl","links","download_location","replace","url","request","withCredentials","method","Text","Card","getTheme_v2","styled","CreditLineLink","a","CreditLine","theme","v2","sanity","color","fg","bg","UTM_SOURCE","UnsplashCreditLine","t0","$","_c","link","id","userName","T0","t1","url","URL","searchParams","set","toString","t2","t3","t4","_temp","event","stopPropagation","Box","Text","use","Activity","RowsPhotoAlbum","InfiniteScroll","AssetFromSource","AssetSourceComponentProps","SanityClient","fetchDownloadUrl","FetcherResult","UnsplashPhoto","Loader","UnsplashCreditLine","PHOTO_SPACING","PHOTO_PADDING","mapUnsplashToPhotoAlbumPhoto","photo","src","urls","small","width","height","key","id","data","UnsplashAssetSourceGallery","t0","$","_c","client","query","fetcher","scrollContainerRef","onSelect","initialDataPromise","t1","total","t2","t3","t4","t5","current","t6","results","map","t7","index","total_pages","t8","Symbol","for","t9","t10","t11","t12","downloadUrl","description","undefined","asset","kind","value","assetDocumentProps","_type","source","name","url","links","html","creditLine","user","_temp","extras","_temp2","container","style","marginBottom","t13","t14","t15","_","context","username"],"sources":["../src/datastores/unsplash.ts","../src/components/UnsplashCreditLine.tsx","../src/components/UnsplashPhotoGallery.tsx"],"sourcesContent":["import type {SanityClient} from 'sanity'\n\nimport type {UnsplashPhoto} from '../types'\n\nexport async function fetchDownloadUrl(\n  client: SanityClient,\n  photo: UnsplashPhoto,\n): Promise<string> {\n  const downloadUrl = photo.links.download_location.replace(\n    'https://api.unsplash.com',\n    '/addons/unsplash',\n  )\n  const {url} = await client.request<{url: string}>({\n    url: downloadUrl,\n    withCredentials: true,\n    method: 'GET',\n  })\n\n  return url\n}\n","import {Text, Card} from '@sanity/ui'\nimport {getTheme_v2} from '@sanity/ui/theme'\nimport {styled} from 'styled-components'\n\nconst CreditLineLink = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n  &:hover,\n  &:focus {\n    [data-ui='Text'] {\n      text-decoration: underline;\n    }\n  }\n`\n\nconst CreditLine = styled(Card)`\n  ${({theme}) => {\n    const v2 = getTheme_v2({sanity: theme.sanity})\n    return `\n     --creditline-fg: ${v2.color.fg};\n     --creditline-bg: ${v2.color.bg};\n   `\n  }};\n  -webkit-user-drag: none;\n  position: absolute;\n  background-color: var(--creditline-bg);\n  bottom: 0;\n\n  [data-ui='Text'] {\n    color: var(--creditline-fg);\n  }\n`\n\nconst UTM_SOURCE = 'sanity-plugin-asset-source-unsplash'\nexport function UnsplashCreditLine({\n  link,\n  id,\n  userName,\n}: {\n  link: string\n  id: string\n  userName: string\n}) {\n  const url = new URL(link)\n  url.searchParams.set('utm_source', UTM_SOURCE)\n  url.searchParams.set('utm_medium', 'referral')\n\n  return (\n    <CreditLineLink\n      href={url.toString()}\n      target={id}\n      rel=\"noreferrer noopener\"\n      onClick={(event) => event.stopPropagation()}\n    >\n      <CreditLine padding={1} radius={1} margin={1}>\n        <Text size={0} title={`Open image by ${userName} on Unsplash in new window`}>\n          By @{userName}\n        </Text>\n      </CreditLine>\n    </CreditLineLink>\n  )\n}\n","import {Box, Text} from '@sanity/ui'\nimport {use, Activity} from 'react'\n\nimport 'react-photo-album/rows.css'\nimport {RowsPhotoAlbum} from 'react-photo-album'\nimport InfiniteScroll from 'react-photo-album/scroll'\nimport {type AssetFromSource, type AssetSourceComponentProps, type SanityClient} from 'sanity'\n\nimport {fetchDownloadUrl} from '../datastores/unsplash'\nimport type {FetcherResult, UnsplashPhoto} from '../types'\nimport {Loader} from './Loader'\nimport {UnsplashCreditLine} from './UnsplashCreditLine'\n\nconst PHOTO_SPACING = 2\nconst PHOTO_PADDING = 1 // offset the 1px border width\n\nfunction mapUnsplashToPhotoAlbumPhoto(photo: UnsplashPhoto) {\n  return {\n    src: photo.urls.small,\n    width: photo.width,\n    height: photo.height,\n    key: photo.id,\n    data: photo,\n  }\n}\n\nexport default function UnsplashAssetSourceGallery({\n  client,\n  query,\n  fetcher,\n  scrollContainerRef,\n  onSelect,\n  initialDataPromise,\n}: {\n  client: SanityClient\n  query: string\n  fetcher: (query: string, index: number) => Promise<FetcherResult>\n  scrollContainerRef: React.RefObject<HTMLDivElement | null>\n  initialDataPromise: Promise<FetcherResult>\n} & Pick<AssetSourceComponentProps, 'onSelect'>) {\n  const data = use(initialDataPromise)\n\n  return (\n    <>\n      <Activity mode={data.total === 0 ? 'visible' : 'hidden'}>\n        <Box paddingX={2} paddingY={3}>\n          <Text size={1} muted>\n            No results found for \"{query}\"\n          </Text>\n        </Box>\n      </Activity>\n      <Activity mode={data.total === 0 ? 'hidden' : 'visible'}>\n        <InfiniteScroll\n          key={query}\n          scrollContainer={() => scrollContainerRef.current}\n          photos={data.results.map(mapUnsplashToPhotoAlbumPhoto)}\n          fetch={async (index) => {\n            const {results, total_pages} = await fetcher(query, index + 1)\n\n            if (index < total_pages) {\n              return results.map(mapUnsplashToPhotoAlbumPhoto)\n            }\n\n            return null\n          }}\n          loading={<Loader />}\n          finished={\n            query && (\n              <Box paddingX={2} paddingY={3}>\n                <Text size={1} muted>\n                  No more results\n                </Text>\n              </Box>\n            )\n          }\n          onClick={async ({photo: {data: photo}}) => {\n            const downloadUrl = await fetchDownloadUrl(client, photo)\n\n            const description = photo.description || undefined\n            const asset: AssetFromSource = {\n              kind: 'url',\n              value: downloadUrl,\n              // @ts-expect-error TODO: this is a partial assetDocumentProps, update types.\n              assetDocumentProps: {\n                _type: 'sanity.imageAsset',\n                source: {\n                  name: 'unsplash',\n                  id: photo.id,\n                  url: photo.links.html,\n                },\n                description,\n                creditLine: `${photo.user.name} by Unsplash`,\n              },\n            }\n            return onSelect([asset])\n          }}\n        >\n          <RowsPhotoAlbum<ReturnType<typeof mapUnsplashToPhotoAlbumPhoto>>\n            photos={[]}\n            spacing={PHOTO_SPACING}\n            padding={PHOTO_PADDING}\n            targetRowHeight={(width) => {\n              if (width < 300) return 150\n              if (width < 600) return 200\n              return 300\n            }}\n            render={{\n              extras: (_, context) => {\n                return (\n                  <UnsplashCreditLine\n                    id={context.photo.data.id}\n                    link={context.photo.data.links.html}\n                    userName={context.photo.data.user.username}\n                  />\n                )\n              },\n            }}\n            componentsProps={{container: {style: {marginBottom: PHOTO_SPACING}}}}\n          />\n        </InfiniteScroll>\n      </Activity>\n    </>\n  )\n}\n"],"mappings":"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"}

package/dist/index.js

@@ -1,8 +1,158 @@
-import "sanity";
-import { UnsplashIcon, unsplashAssetSource, unsplashImageAsset } from "./_chunks-es/index.js";
-export {
-  UnsplashIcon,
-  unsplashAssetSource,
-  unsplashImageAsset
-};
-//# sourceMappingURL=index.js.map
+import { t as Loader } from "./Loader.js";
+import { definePlugin, useClient } from "sanity";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Box, Dialog, Stack, TextInput } from "@sanity/ui";
+import memoize from "lodash-es/memoize.js";
+import { Suspense, lazy, startTransition, useOptimistic, useRef, useState } from "react";
+import { keyframes, styled } from "styled-components";
+import { SearchIcon } from "@sanity/icons/Search";
+import { SpinnerIcon } from "@sanity/icons/Spinner";
+/**
+* @public
+*/
+function UnsplashIcon() {
+	let $ = c(1), t0;
+	return $[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsxs("svg", {
+		role: "img",
+		viewBox: "0 0 25 25",
+		width: "1em",
+		height: "1em",
+		fill: "currentColor",
+		children: [/* @__PURE__ */ jsx("title", { children: "Unsplash" }), /* @__PURE__ */ jsx("path", { d: "M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z" })]
+	}), $[0] = t0) : t0 = $[0], t0;
+}
+const rotate = keyframes`from{transform:rotate(0deg);}to{transform:rotate(360deg);}`, AnimatedSpinnerIcon = styled(SpinnerIcon).withConfig({
+	displayName: "AnimatedSpinnerIcon",
+	componentId: "sc-2sc45f-0"
+})`animation:${rotate} 500ms linear infinite;`;
+function SearchInput(t0) {
+	let $ = c(12), { value, changeAction } = t0, [inputValue, setInputValue] = useOptimistic(value), isPending = inputValue !== value, t1;
+	$[0] !== changeAction || $[1] !== setInputValue ? (t1 = function(newValue) {
+		startTransition(async () => {
+			setInputValue(newValue), await changeAction(newValue);
+		});
+	}, $[0] = changeAction, $[1] = setInputValue, $[2] = t1) : t1 = $[2];
+	let handleChange = t1, t2 = inputValue.length > 0 && !isPending, t3, t4;
+	$[3] === handleChange ? (t3 = $[4], t4 = $[5]) : (t3 = (event) => handleChange(event.currentTarget.value), t4 = () => handleChange(""), $[3] = handleChange, $[4] = t3, $[5] = t4);
+	let t5 = isPending && AnimatedSpinnerIcon, t6;
+	return $[6] !== inputValue || $[7] !== t2 || $[8] !== t3 || $[9] !== t4 || $[10] !== t5 ? (t6 = /* @__PURE__ */ jsx(TextInput, {
+		clearButton: t2,
+		icon: SearchIcon,
+		onChange: t3,
+		onClear: t4,
+		placeholder: "Search by topics or colors",
+		value: inputValue,
+		iconRight: t5
+	}), $[6] = inputValue, $[7] = t2, $[8] = t3, $[9] = t4, $[10] = t5, $[11] = t6) : t6 = $[11], t6;
+}
+const StyledDialog = styled(Dialog).withConfig({
+	displayName: "StyledDialog",
+	componentId: "sc-nyqpvm-0"
+})`& > [data-ui='DialogCard'] > [data-ui='Card']{height:100%;}`, UnsplashAssetSourceGallery = lazy(() => import("./UnsplashPhotoGallery.js"));
+function UnsplashAssetSource(t0) {
+	let $ = c(25), { onClose, onSelect } = t0, t1;
+	$[0] === Symbol.for("react.memo_cache_sentinel") ? (t1 = { apiVersion: "2022-09-01" }, $[0] = t1) : t1 = $[0];
+	let client = useClient(t1), t2;
+	$[1] === client ? t2 = $[2] : (t2 = memoize(async function(query, page) {
+		let searchParams = new URLSearchParams({
+			page: `${page}`,
+			per_page: "42"
+		});
+		return query.trim() ? (searchParams.set("query", query.trim()), client.request({
+			url: `/addons/unsplash/search/photos?${searchParams}`,
+			withCredentials: !0,
+			method: "GET"
+		})) : (searchParams.set("order_by", "popular"), client.request({
+			url: `/addons/unsplash/photos?${searchParams}`,
+			withCredentials: !0,
+			method: "GET"
+		}).then(_temp));
+	}, _temp2), $[1] = client, $[2] = t2);
+	let fetcher = t2, [query_1, setQuery] = useState(""), scrollContainerRef = useRef(null), t3;
+	$[3] === onClose ? t3 = $[4] : (t3 = () => onClose(), $[3] = onClose, $[4] = t3);
+	let t4;
+	$[5] === Symbol.for("react.memo_cache_sentinel") ? (t4 = {
+		overflow: "hidden scroll",
+		overflowX: "clip",
+		overflowY: "scroll"
+	}, $[5] = t4) : t4 = $[5];
+	let t5;
+	$[6] === Symbol.for("react.memo_cache_sentinel") ? (t5 = {
+		position: "sticky",
+		top: 0,
+		zIndex: 1
+	}, $[6] = t5) : t5 = $[6];
+	let t6;
+	$[7] === query_1 ? t6 = $[8] : (t6 = /* @__PURE__ */ jsx(Box, {
+		style: t5,
+		children: /* @__PURE__ */ jsx(SearchInput, {
+			changeAction: setQuery,
+			value: query_1
+		})
+	}), $[7] = query_1, $[8] = t6);
+	let t7;
+	$[9] === Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ jsx(Loader, {}), $[9] = t7) : t7 = $[9];
+	let t8;
+	$[10] !== fetcher || $[11] !== query_1 ? (t8 = fetcher(query_1, 1), $[10] = fetcher, $[11] = query_1, $[12] = t8) : t8 = $[12];
+	let t9;
+	$[13] !== client || $[14] !== fetcher || $[15] !== onSelect || $[16] !== query_1 || $[17] !== t8 ? (t9 = /* @__PURE__ */ jsx(Suspense, {
+		fallback: t7,
+		children: /* @__PURE__ */ jsx(UnsplashAssetSourceGallery, {
+			client,
+			query: query_1,
+			fetcher,
+			scrollContainerRef,
+			onSelect,
+			initialDataPromise: t8
+		})
+	}), $[13] = client, $[14] = fetcher, $[15] = onSelect, $[16] = query_1, $[17] = t8, $[18] = t9) : t9 = $[18];
+	let t10;
+	$[19] !== t6 || $[20] !== t9 ? (t10 = /* @__PURE__ */ jsxs(Stack, {
+		ref: scrollContainerRef,
+		gap: 1,
+		paddingLeft: 3,
+		height: "stretch",
+		style: t4,
+		children: [t6, t9]
+	}), $[19] = t6, $[20] = t9, $[21] = t10) : t10 = $[21];
+	let t11;
+	return $[22] !== t10 || $[23] !== t3 ? (t11 = /* @__PURE__ */ jsx(StyledDialog, {
+		animate: !0,
+		id: "unsplash-asset-source",
+		header: "Select image from Unsplash",
+		onClose: t3,
+		open: !0,
+		height: "100%",
+		width: 4,
+		children: t10
+	}), $[22] = t10, $[23] = t3, $[24] = t11) : t11 = $[24], t11;
+}
+function _temp2(query_0, page_0) {
+	return JSON.stringify({
+		query: query_0,
+		page: page_0
+	});
+}
+function _temp(results) {
+	return {
+		results,
+		total: results.length,
+		total_pages: Math.ceil(results.length / 42)
+	};
+}
+/**
+* @public
+*/
+const unsplashAssetSource = {
+	name: "unsplash",
+	title: "Unsplash",
+	component: UnsplashAssetSource,
+	icon: UnsplashIcon
+}, unsplashImageAsset = definePlugin({
+	name: "asset-source-unsplash-plugin",
+	form: { image: { assetSources: [unsplashAssetSource] } }
+});
+export { UnsplashIcon, unsplashAssetSource, unsplashImageAsset };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","names":["UnsplashIcon","$","_c","t0","Symbol","for","SearchIcon","SpinnerIcon","TextInput","startTransition","useOptimistic","styled","keyframes","rotate","AnimatedSpinnerIcon","SearchInput","t0","$","_c","value","changeAction","inputValue","setInputValue","isPending","t1","handleChange","newValue","t2","length","t3","t4","event","currentTarget","t5","t6","Dialog","Stack","Box","memoize","lazy","Suspense","useMemo","useRef","useState","AssetSourceComponentProps","useClient","styled","FetcherResult","UnsplashPhoto","Loader","SearchInput","RESULTS_PER_PAGE","StyledDialog","UnsplashAssetSourceGallery","UnsplashAssetSource","t0","$","_c","onClose","onSelect","t1","Symbol","for","apiVersion","client","t2","fetcher","query","page","searchParams","URLSearchParams","per_page","trim","set","request","url","withCredentials","method","then","_temp","_temp2","query_1","setQuery","scrollContainerRef","t3","t4","overflow","overflowX","overflowY","t5","position","top","zIndex","t6","t7","t8","t9","t10","t11","query_0","page_0","JSON","stringify","results","total","length","total_pages","Math","ceil","AssetSource","definePlugin","Plugin","UnsplashIcon","UnsplashAssetSource","Asset","AssetDocument","UnsplashPhoto","unsplashAssetSource","name","title","component","icon","unsplashImageAsset","form","image","assetSources"],"sources":["../src/components/Icon.tsx","../src/components/SearchInput.tsx","../src/components/UnsplashAssetSource.tsx","../src/index.ts"],"sourcesContent":["/**\n * @public\n */\nexport function UnsplashIcon(): React.JSX.Element {\n  return (\n    <svg\n      // oxlint-disable-next-line prefer-tag-over-role\n      role=\"img\"\n      viewBox=\"0 0 25 25\"\n      width=\"1em\"\n      height=\"1em\"\n      fill=\"currentColor\"\n    >\n      <title>Unsplash</title>\n      <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n    </svg>\n  )\n}\n","import {SearchIcon} from '@sanity/icons/Search'\nimport {SpinnerIcon} from '@sanity/icons/Spinner'\nimport {TextInput} from '@sanity/ui'\nimport {startTransition, useOptimistic} from 'react'\nimport {styled, keyframes} from 'styled-components'\n\nconst rotate = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst AnimatedSpinnerIcon = styled(SpinnerIcon)`\n  animation: ${rotate} 500ms linear infinite;\n`\n\nexport function SearchInput({\n  value,\n  changeAction,\n}: {\n  value: string\n  changeAction: (value: string) => Promise<void> | void\n}) {\n  const [inputValue, setInputValue] = useOptimistic(value)\n  const isPending = inputValue !== value\n  function handleChange(newValue: string) {\n    startTransition(async () => {\n      setInputValue(newValue)\n      await changeAction(newValue)\n    })\n  }\n\n  return (\n    <TextInput\n      clearButton={inputValue.length > 0 && !isPending}\n      icon={SearchIcon}\n      onChange={(event) => handleChange(event.currentTarget.value)}\n      onClear={() => handleChange('')}\n      placeholder=\"Search by topics or colors\"\n      value={inputValue}\n      iconRight={isPending && AnimatedSpinnerIcon}\n    />\n  )\n}\n","import {Dialog, Stack, Box} from '@sanity/ui'\nimport memoize from 'lodash-es/memoize.js'\nimport {lazy, Suspense, useMemo, useRef, useState} from 'react'\nimport {type AssetSourceComponentProps, useClient} from 'sanity'\nimport {styled} from 'styled-components'\n\nimport type {FetcherResult, UnsplashPhoto} from '../types'\nimport {Loader} from './Loader'\nimport {SearchInput} from './SearchInput'\n\nconst RESULTS_PER_PAGE = 42\n\nconst StyledDialog = styled(Dialog)`\n  & > [data-ui='DialogCard'] > [data-ui='Card'] {\n    height: 100%;\n  }\n`\n\nconst UnsplashAssetSourceGallery = lazy(() => import('./UnsplashPhotoGallery'))\n\nexport function UnsplashAssetSource({onClose, onSelect}: AssetSourceComponentProps) {\n  const client = useClient({apiVersion: '2022-09-01'})\n  const fetcher = useMemo(\n    () =>\n      memoize(\n        async function fetcher(query: string, page: number): Promise<FetcherResult> {\n          const searchParams = new URLSearchParams({\n            page: `${page}`,\n            per_page: `${RESULTS_PER_PAGE}`,\n          })\n          if (query.trim()) {\n            searchParams.set('query', query.trim())\n            return client.request<{\n              results: UnsplashPhoto[]\n              total: number\n              total_pages: number\n            }>({\n              url: `/addons/unsplash/search/photos?${searchParams}`,\n              withCredentials: true,\n              method: 'GET',\n            })\n          }\n          searchParams.set('order_by', 'popular')\n          return client\n            .request<UnsplashPhoto[]>({\n              url: `/addons/unsplash/photos?${searchParams}`,\n              withCredentials: true,\n              method: 'GET',\n            })\n            .then((results) => ({\n              results,\n              total: results.length,\n              total_pages: Math.ceil(results.length / RESULTS_PER_PAGE),\n            }))\n        },\n        (query, page) => JSON.stringify({query, page}),\n      ),\n    [client],\n  )\n\n  const [query, setQuery] = useState('')\n  const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n  return (\n    <StyledDialog\n      animate\n      id=\"unsplash-asset-source\"\n      header=\"Select image from Unsplash\"\n      onClose={() => onClose()}\n      open\n      height=\"100%\"\n      width={4}\n    >\n      <Stack\n        ref={scrollContainerRef}\n        gap={1}\n        paddingLeft={3}\n        height=\"stretch\"\n        style={{overflow: 'hidden scroll', overflowX: 'clip', overflowY: 'scroll'}}\n      >\n        <Box style={{position: 'sticky', top: 0, zIndex: 1}}>\n          <SearchInput changeAction={setQuery} value={query} />\n        </Box>\n        <Suspense fallback={<Loader />}>\n          <UnsplashAssetSourceGallery\n            client={client}\n            query={query}\n            fetcher={fetcher}\n            scrollContainerRef={scrollContainerRef}\n            onSelect={onSelect}\n            initialDataPromise={fetcher(query, 1)}\n          />\n        </Suspense>\n      </Stack>\n    </StyledDialog>\n  )\n}\n","import {type AssetSource, definePlugin, type Plugin} from 'sanity'\n\nimport {UnsplashIcon} from './components/Icon'\nimport {UnsplashAssetSource} from './components/UnsplashAssetSource'\n\nexport type {Asset, AssetDocument, UnsplashPhoto} from './types'\n\n/**\n * @public\n */\nexport const unsplashAssetSource: AssetSource = {\n  name: 'unsplash',\n  title: 'Unsplash',\n  component: UnsplashAssetSource,\n  icon: UnsplashIcon,\n}\n\n/**\n * @public\n */\nexport const unsplashImageAsset: Plugin = definePlugin({\n  name: 'asset-source-unsplash-plugin',\n\n  form: {\n    image: {\n      assetSources: [unsplashAssetSource],\n    },\n  },\n})\n\nexport {UnsplashIcon}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-asset-source-unsplash",
-  "version": "7.0.13",
+  "version": "7.0.14",
   "description": "Use images from Unsplash.com in your Sanity Studio",
   "keywords": [
     "assets",
@@ -37,17 +37,16 @@
     "react-photo-album": "^3.6.0"
   },
   "devDependencies": {
-    "@sanity/pkg-utils": "^10.9.0",
-    "@sanity/tsconfig": "^2.1.0",
+    "@sanity/tsconfig": "^2.2.0",
+    "@sanity/tsdown-config": "^0.11.0",
     "@types/lodash-es": "^4.17.12",
     "@types/node": "^24.13.2",
     "@types/react": "^19.2.17",
     "babel-plugin-react-compiler": "^1.0.0",
-    "babel-plugin-styled-components": "^2.3.0",
     "react": "^19.2.7",
     "sanity": "^6.3.0",
     "styled-components": "^6.4.3",
-    "@repo/package.config": "0.0.0"
+    "tsdown": "^0.22.3"
   },
   "peerDependencies": {
     "react": "^19.2",
@@ -58,6 +57,6 @@
     "node": ">=20.19 <22 || >=22.12"
   },
   "scripts": {
-    "build": "pkg build --strict --check --clean"
+    "build": "tsdown"
   }
 }

package/dist/_chunks-es/UnsplashPhotoGallery.js

@@ -1,159 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
-import { Text, Card, Box } from "@sanity/ui";
-import { use, Activity } from "react";
-import "react-photo-album/rows.css";
-import { RowsPhotoAlbum } from "react-photo-album";
-import InfiniteScroll from "react-photo-album/scroll";
-import { Loader } from "./index.js";
-import { getTheme_v2 } from "@sanity/ui/theme";
-import { styled } from "styled-components";
-async function fetchDownloadUrl(client, photo) {
-  const downloadUrl = photo.links.download_location.replace("https://api.unsplash.com", "/addons/unsplash"), {
-    url
-  } = await client.request({
-    url: downloadUrl,
-    withCredentials: !0,
-    method: "GET"
-  });
-  return url;
-}
-const CreditLineLink = /* @__PURE__ */ styled.a.withConfig({
-  displayName: "CreditLineLink",
-  componentId: "sc-s8c1fx-0"
-})(["text-decoration:none;cursor:pointer;&:hover,&:focus{[data-ui='Text']{text-decoration:underline;}}"]), CreditLine = /* @__PURE__ */ styled(Card).withConfig({
-  displayName: "CreditLine",
-  componentId: "sc-s8c1fx-1"
-})(["", ";-webkit-user-drag:none;position:absolute;background-color:var(--creditline-bg);bottom:0;[data-ui='Text']{color:var(--creditline-fg);}"], ({
-  theme
-}) => {
-  const v2 = getTheme_v2({
-    sanity: theme.sanity
-  });
-  return `
-     --creditline-fg: ${v2.color.fg};
-     --creditline-bg: ${v2.color.bg};
-   `;
-}), UTM_SOURCE = "sanity-plugin-asset-source-unsplash";
-function UnsplashCreditLine(t0) {
-  const $ = c(11), {
-    link,
-    id,
-    userName
-  } = t0;
-  let T0, t1;
-  if ($[0] !== link) {
-    const url = new URL(link);
-    url.searchParams.set("utm_source", UTM_SOURCE), url.searchParams.set("utm_medium", "referral"), T0 = CreditLineLink, t1 = url.toString(), $[0] = link, $[1] = T0, $[2] = t1;
-  } else
-    T0 = $[1], t1 = $[2];
-  const t2 = `Open image by ${userName} on Unsplash in new window`;
-  let t3;
-  $[3] !== t2 || $[4] !== userName ? (t3 = /* @__PURE__ */ jsx(CreditLine, { padding: 1, radius: 1, margin: 1, children: /* @__PURE__ */ jsxs(Text, { size: 0, title: t2, children: [
-    "By @",
-    userName
-  ] }) }), $[3] = t2, $[4] = userName, $[5] = t3) : t3 = $[5];
-  let t4;
-  return $[6] !== T0 || $[7] !== id || $[8] !== t1 || $[9] !== t3 ? (t4 = /* @__PURE__ */ jsx(T0, { href: t1, target: id, rel: "noreferrer noopener", onClick: _temp$1, children: t3 }), $[6] = T0, $[7] = id, $[8] = t1, $[9] = t3, $[10] = t4) : t4 = $[10], t4;
-}
-function _temp$1(event) {
-  return event.stopPropagation();
-}
-const PHOTO_SPACING = 2, PHOTO_PADDING = 1;
-function mapUnsplashToPhotoAlbumPhoto(photo) {
-  return {
-    src: photo.urls.small,
-    width: photo.width,
-    height: photo.height,
-    key: photo.id,
-    data: photo
-  };
-}
-function UnsplashAssetSourceGallery(t0) {
-  const $ = c(33), {
-    client,
-    query,
-    fetcher,
-    scrollContainerRef,
-    onSelect,
-    initialDataPromise
-  } = t0, data = use(initialDataPromise), t1 = data.total === 0 ? "visible" : "hidden";
-  let t2;
-  $[0] !== query ? (t2 = /* @__PURE__ */ jsx(Box, { paddingX: 2, paddingY: 3, children: /* @__PURE__ */ jsxs(Text, { size: 1, muted: !0, children: [
-    'No results found for "',
-    query,
-    '"'
-  ] }) }), $[0] = query, $[1] = t2) : t2 = $[1];
-  let t3;
-  $[2] !== t1 || $[3] !== t2 ? (t3 = /* @__PURE__ */ jsx(Activity, { mode: t1, children: t2 }), $[2] = t1, $[3] = t2, $[4] = t3) : t3 = $[4];
-  const t4 = data.total === 0 ? "hidden" : "visible";
-  let t5;
-  $[5] !== scrollContainerRef ? (t5 = () => scrollContainerRef.current, $[5] = scrollContainerRef, $[6] = t5) : t5 = $[6];
-  let t6;
-  $[7] !== data.results ? (t6 = data.results.map(mapUnsplashToPhotoAlbumPhoto), $[7] = data.results, $[8] = t6) : t6 = $[8];
-  let t7;
-  $[9] !== fetcher || $[10] !== query ? (t7 = async (index) => {
-    const {
-      results,
-      total_pages
-    } = await fetcher(query, index + 1);
-    return index < total_pages ? results.map(mapUnsplashToPhotoAlbumPhoto) : null;
-  }, $[9] = fetcher, $[10] = query, $[11] = t7) : t7 = $[11];
-  let t8;
-  $[12] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t8 = /* @__PURE__ */ jsx(Loader, {}), $[12] = t8) : t8 = $[12];
-  let t9;
-  $[13] !== query ? (t9 = query && /* @__PURE__ */ jsx(Box, { paddingX: 2, paddingY: 3, children: /* @__PURE__ */ jsx(Text, { size: 1, muted: !0, children: "No more results" }) }), $[13] = query, $[14] = t9) : t9 = $[14];
-  let t10;
-  $[15] !== client || $[16] !== onSelect ? (t10 = async (t112) => {
-    const {
-      photo: t122
-    } = t112, {
-      data: photo
-    } = t122, downloadUrl = await fetchDownloadUrl(client, photo), description = photo.description || void 0, asset = {
-      kind: "url",
-      value: downloadUrl,
-      assetDocumentProps: {
-        _type: "sanity.imageAsset",
-        source: {
-          name: "unsplash",
-          id: photo.id,
-          url: photo.links.html
-        },
-        description,
-        creditLine: `${photo.user.name} by Unsplash`
-      }
-    };
-    return onSelect([asset]);
-  }, $[15] = client, $[16] = onSelect, $[17] = t10) : t10 = $[17];
-  let t11;
-  $[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t11 = [], $[18] = t11) : t11 = $[18];
-  let t12;
-  $[19] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t12 = /* @__PURE__ */ jsx(RowsPhotoAlbum, { photos: t11, spacing: PHOTO_SPACING, padding: PHOTO_PADDING, targetRowHeight: _temp, render: {
-    extras: _temp2
-  }, componentsProps: {
-    container: {
-      style: {
-        marginBottom: PHOTO_SPACING
-      }
-    }
-  } }), $[19] = t12) : t12 = $[19];
-  let t13;
-  $[20] !== query || $[21] !== t10 || $[22] !== t5 || $[23] !== t6 || $[24] !== t7 || $[25] !== t9 ? (t13 = /* @__PURE__ */ jsx(InfiniteScroll, { scrollContainer: t5, photos: t6, fetch: t7, loading: t8, finished: t9, onClick: t10, children: t12 }, query), $[20] = query, $[21] = t10, $[22] = t5, $[23] = t6, $[24] = t7, $[25] = t9, $[26] = t13) : t13 = $[26];
-  let t14;
-  $[27] !== t13 || $[28] !== t4 ? (t14 = /* @__PURE__ */ jsx(Activity, { mode: t4, children: t13 }), $[27] = t13, $[28] = t4, $[29] = t14) : t14 = $[29];
-  let t15;
-  return $[30] !== t14 || $[31] !== t3 ? (t15 = /* @__PURE__ */ jsxs(Fragment, { children: [
-    t3,
-    t14
-  ] }), $[30] = t14, $[31] = t3, $[32] = t15) : t15 = $[32], t15;
-}
-function _temp2(_, context) {
-  return /* @__PURE__ */ jsx(UnsplashCreditLine, { id: context.photo.data.id, link: context.photo.data.links.html, userName: context.photo.data.user.username });
-}
-function _temp(width) {
-  return width < 300 ? 150 : width < 600 ? 200 : 300;
-}
-export {
-  UnsplashAssetSourceGallery as default
-};
-//# sourceMappingURL=UnsplashPhotoGallery.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"UnsplashPhotoGallery.js","sources":["../../src/datastores/unsplash.ts","../../src/components/UnsplashCreditLine.tsx","../../src/components/UnsplashPhotoGallery.tsx"],"sourcesContent":["import type {SanityClient} from 'sanity'\n\nimport type {UnsplashPhoto} from '../types'\n\nexport async function fetchDownloadUrl(\n  client: SanityClient,\n  photo: UnsplashPhoto,\n): Promise<string> {\n  const downloadUrl = photo.links.download_location.replace(\n    'https://api.unsplash.com',\n    '/addons/unsplash',\n  )\n  const {url} = await client.request<{url: string}>({\n    url: downloadUrl,\n    withCredentials: true,\n    method: 'GET',\n  })\n\n  return url\n}\n","import {Text, Card} from '@sanity/ui'\nimport {getTheme_v2} from '@sanity/ui/theme'\nimport {styled} from 'styled-components'\n\nconst CreditLineLink = styled.a`\n  text-decoration: none;\n  cursor: pointer;\n  &:hover,\n  &:focus {\n    [data-ui='Text'] {\n      text-decoration: underline;\n    }\n  }\n`\n\nconst CreditLine = styled(Card)`\n  ${({theme}) => {\n    const v2 = getTheme_v2({sanity: theme.sanity})\n    return `\n     --creditline-fg: ${v2.color.fg};\n     --creditline-bg: ${v2.color.bg};\n   `\n  }};\n  -webkit-user-drag: none;\n  position: absolute;\n  background-color: var(--creditline-bg);\n  bottom: 0;\n\n  [data-ui='Text'] {\n    color: var(--creditline-fg);\n  }\n`\n\nconst UTM_SOURCE = 'sanity-plugin-asset-source-unsplash'\nexport function UnsplashCreditLine({\n  link,\n  id,\n  userName,\n}: {\n  link: string\n  id: string\n  userName: string\n}) {\n  const url = new URL(link)\n  url.searchParams.set('utm_source', UTM_SOURCE)\n  url.searchParams.set('utm_medium', 'referral')\n\n  return (\n    <CreditLineLink\n      href={url.toString()}\n      target={id}\n      rel=\"noreferrer noopener\"\n      onClick={(event) => event.stopPropagation()}\n    >\n      <CreditLine padding={1} radius={1} margin={1}>\n        <Text size={0} title={`Open image by ${userName} on Unsplash in new window`}>\n          By @{userName}\n        </Text>\n      </CreditLine>\n    </CreditLineLink>\n  )\n}\n","import {Box, Text} from '@sanity/ui'\nimport {use, Activity} from 'react'\n\nimport 'react-photo-album/rows.css'\nimport {RowsPhotoAlbum} from 'react-photo-album'\nimport InfiniteScroll from 'react-photo-album/scroll'\nimport {type AssetFromSource, type AssetSourceComponentProps, type SanityClient} from 'sanity'\n\nimport {fetchDownloadUrl} from '../datastores/unsplash'\nimport type {FetcherResult, UnsplashPhoto} from '../types'\nimport {Loader} from './Loader'\nimport {UnsplashCreditLine} from './UnsplashCreditLine'\n\nconst PHOTO_SPACING = 2\nconst PHOTO_PADDING = 1 // offset the 1px border width\n\nfunction mapUnsplashToPhotoAlbumPhoto(photo: UnsplashPhoto) {\n  return {\n    src: photo.urls.small,\n    width: photo.width,\n    height: photo.height,\n    key: photo.id,\n    data: photo,\n  }\n}\n\nexport default function UnsplashAssetSourceGallery({\n  client,\n  query,\n  fetcher,\n  scrollContainerRef,\n  onSelect,\n  initialDataPromise,\n}: {\n  client: SanityClient\n  query: string\n  fetcher: (query: string, index: number) => Promise<FetcherResult>\n  scrollContainerRef: React.RefObject<HTMLDivElement | null>\n  initialDataPromise: Promise<FetcherResult>\n} & Pick<AssetSourceComponentProps, 'onSelect'>) {\n  const data = use(initialDataPromise)\n\n  return (\n    <>\n      <Activity mode={data.total === 0 ? 'visible' : 'hidden'}>\n        <Box paddingX={2} paddingY={3}>\n          <Text size={1} muted>\n            No results found for \"{query}\"\n          </Text>\n        </Box>\n      </Activity>\n      <Activity mode={data.total === 0 ? 'hidden' : 'visible'}>\n        <InfiniteScroll\n          key={query}\n          scrollContainer={() => scrollContainerRef.current}\n          photos={data.results.map(mapUnsplashToPhotoAlbumPhoto)}\n          fetch={async (index) => {\n            const {results, total_pages} = await fetcher(query, index + 1)\n\n            if (index < total_pages) {\n              return results.map(mapUnsplashToPhotoAlbumPhoto)\n            }\n\n            return null\n          }}\n          loading={<Loader />}\n          finished={\n            query && (\n              <Box paddingX={2} paddingY={3}>\n                <Text size={1} muted>\n                  No more results\n                </Text>\n              </Box>\n            )\n          }\n          onClick={async ({photo: {data: photo}}) => {\n            const downloadUrl = await fetchDownloadUrl(client, photo)\n\n            const description = photo.description || undefined\n            const asset: AssetFromSource = {\n              kind: 'url',\n              value: downloadUrl,\n              // @ts-expect-error TODO: this is a partial assetDocumentProps, update types.\n              assetDocumentProps: {\n                _type: 'sanity.imageAsset',\n                source: {\n                  name: 'unsplash',\n                  id: photo.id,\n                  url: photo.links.html,\n                },\n                description,\n                creditLine: `${photo.user.name} by Unsplash`,\n              },\n            }\n            return onSelect([asset])\n          }}\n        >\n          <RowsPhotoAlbum<ReturnType<typeof mapUnsplashToPhotoAlbumPhoto>>\n            photos={[]}\n            spacing={PHOTO_SPACING}\n            padding={PHOTO_PADDING}\n            targetRowHeight={(width) => {\n              if (width < 300) return 150\n              if (width < 600) return 200\n              return 300\n            }}\n            render={{\n              extras: (_, context) => {\n                return (\n                  <UnsplashCreditLine\n                    id={context.photo.data.id}\n                    link={context.photo.data.links.html}\n                    userName={context.photo.data.user.username}\n                  />\n                )\n              },\n            }}\n            componentsProps={{container: {style: {marginBottom: PHOTO_SPACING}}}}\n          />\n        </InfiniteScroll>\n      </Activity>\n    </>\n  )\n}\n"],"names":["fetchDownloadUrl","client","photo","downloadUrl","links","download_location","replace","url","request","withCredentials","method","CreditLineLink","styled","a","withConfig","displayName","componentId","CreditLine","Card","theme","v2","getTheme_v2","sanity","color","fg","bg","UTM_SOURCE","UnsplashCreditLine","t0","$","_c","link","id","userName","T0","t1","URL","searchParams","set","toString","t2","t3","t4","_temp","event","stopPropagation","PHOTO_SPACING","PHOTO_PADDING","mapUnsplashToPhotoAlbumPhoto","src","urls","small","width","height","key","data","UnsplashAssetSourceGallery","query","fetcher","scrollContainerRef","onSelect","initialDataPromise","use","total","t5","current","t6","results","map","t7","index","total_pages","t8","Symbol","for","t9","t10","t11","t12","description","undefined","asset","kind","value","assetDocumentProps","_type","source","name","html","creditLine","user","extras","_temp2","container","style","marginBottom","t13","t14","t15","_","context","username"],"mappings":";;;;;;;;;;AAIA,eAAsBA,iBACpBC,QACAC,OACiB;AACjB,QAAMC,cAAcD,MAAME,MAAMC,kBAAkBC,QAChD,4BACA,kBACF,GACM;AAAA,IAACC;AAAAA,EAAAA,IAAO,MAAMN,OAAOO,QAAuB;AAAA,IAChDD,KAAKJ;AAAAA,IACLM,iBAAiB;AAAA,IACjBC,QAAQ;AAAA,EAAA,CACT;AAED,SAAOH;AACT;ACfA,MAAMI,iBAAiBC,uBAAOC,EAACC,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,mGAAA,CAAA,GAWzBC,aAAaL,uBAAOM,IAAI,EAACJ,WAAA;AAAA,EAAAC,aAAA;AAAA,EAAAC,aAAA;AAAA,CAAA,EAAA,CAAA,IAAA,wIAAA,GAC3B,CAAC;AAAA,EAACG;AAAK,MAAM;AACb,QAAMC,KAAKC,YAAY;AAAA,IAACC,QAAQH,MAAMG;AAAAA,EAAAA,CAAO;AAC7C,SAAO;AAAA,wBACaF,GAAGG,MAAMC,EAAE;AAAA,wBACXJ,GAAGG,MAAME,EAAE;AAAA;AAEjC,CAAC,GAWGC,aAAa;AACZ,SAAAC,mBAAAC,IAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAA4B;AAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAAL;AAQlC,MAAAM,IAAAC;AAAA,MAAAN,SAAAE,MAAA;AACC,UAAAxB,MAAY,IAAI6B,IAAIL,IAAI;AACxBxB,QAAG8B,aAAaC,IAAK,cAAcZ,UAAU,GAC7CnB,IAAG8B,aAAaC,IAAK,cAAc,UAAU,GAG1CJ,KAAAvB,gBACOwB,KAAA5B,IAAGgC,SAAAA,GAAWV,OAAAE,MAAAF,OAAAK,IAAAL,OAAAM;AAAAA,EAAA;AAAAD,SAAAL,EAAA,CAAA,GAAAM,KAAAN,EAAA,CAAA;AAMI,QAAAW,KAAA,iBAAiBP,QAAQ;AAA4B,MAAAQ;AAAAZ,IAAA,CAAA,MAAAW,MAAAX,SAAAI,YAD7EQ,yBAAC,YAAA,EAAoB,YAAW,QAAA,GAAW,QAAA,GACzC,+BAAC,MAAA,EAAW,SAAU,OAAAD,IAAuD,UAAA;AAAA,IAAA;AAAA,IACtEP;AAAAA,EAAAA,EAAAA,CACP,GACF,GAAaJ,OAAAW,IAAAX,OAAAI,UAAAJ,OAAAY,MAAAA,KAAAZ,EAAA,CAAA;AAAA,MAAAa;AAAA,SAAAb,EAAA,CAAA,MAAAK,MAAAL,EAAA,CAAA,MAAAG,MAAAH,EAAA,CAAA,MAAAM,MAAAN,SAAAY,MAVfC,KAAA,oBAAC,IAAA,EACO,MAAAP,IACEH,QAAAA,IACJ,KAAA,uBACK,SAAAW,SAETF,UAAAA,GAAAA,CAKF,GAAiBZ,OAAAK,IAAAL,OAAAG,IAAAH,OAAAM,IAAAN,OAAAY,IAAAZ,QAAAa,MAAAA,KAAAb,EAAA,EAAA,GAXjBa;AAWiB;AAzBd,SAAAC,QAAAC,OAAA;AAAA,SAkBmBA,MAAKC,gBAAAA;AAAkB;ACvCjD,MAAMC,gBAAgB,GAChBC,gBAAgB;AAEtB,SAASC,6BAA6B9C,OAAsB;AAC1D,SAAO;AAAA,IACL+C,KAAK/C,MAAMgD,KAAKC;AAAAA,IAChBC,OAAOlD,MAAMkD;AAAAA,IACbC,QAAQnD,MAAMmD;AAAAA,IACdC,KAAKpD,MAAM8B;AAAAA,IACXuB,MAAMrD;AAAAA,EAAAA;AAEV;AAEA,SAAesD,2BAAA5B,IAAA;AAAA,QAAAC,IAAAC,EAAA,EAAA,GAAoC;AAAA,IAAA7B;AAAAA,IAAAwD;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAAjC,IAcjD2B,OAAaO,IAAID,kBAAkB,GAIf1B,KAAAoB,KAAIQ,UAAW,IAAf,YAAA;AAAuC,MAAAvB;AAAAX,WAAA4B,SACrDjB,yBAAC,KAAA,EAAc,UAAA,GAAa,UAAA,GAC1B,UAAA,qBAAC,MAAA,EAAW,MAAA,GAAG,OAAA,IAAM,UAAA;AAAA,IAAA;AAAA,IACIiB;AAAAA,IAAM;AAAA,EAAA,EAAA,CAC/B,EAAA,CACF,GAAM5B,OAAA4B,OAAA5B,OAAAW,MAAAA,KAAAX,EAAA,CAAA;AAAA,MAAAY;AAAAZ,IAAA,CAAA,MAAAM,MAAAN,SAAAW,MALRC,KAAA,oBAAC,UAAA,EAAe,MAAAN,IACdK,UAAAA,IAKF,GAAWX,OAAAM,IAAAN,OAAAW,IAAAX,OAAAY,MAAAA,KAAAZ,EAAA,CAAA;AACK,QAAAa,KAAAa,KAAIQ,UAAW,IAAf,WAAA;AAAuC,MAAAC;AAAAnC,WAAA8B,sBAGlCK,KAAAA,MAAML,mBAAkBM,SAAQpC,OAAA8B,oBAAA9B,OAAAmC,MAAAA,KAAAnC,EAAA,CAAA;AAAA,MAAAqC;AAAArC,IAAA,CAAA,MAAA0B,KAAAY,WACzCD,KAAAX,KAAIY,QAAQC,IAAKpB,4BAA4B,GAACnB,EAAA,CAAA,IAAA0B,KAAAY,SAAAtC,OAAAqC,MAAAA,KAAArC,EAAA,CAAA;AAAA,MAAAwC;AAAAxC,IAAA,CAAA,MAAA6B,WAAA7B,UAAA4B,SAC/CY,YAAAC,UAAA;AACL,UAAA;AAAA,MAAAH;AAAAA,MAAAI;AAAAA,IAAAA,IAA+B,MAAMb,QAAQD,OAAOa,QAAQ,CAAC;AAE7D,WAAIA,QAAQC,cACHJ,QAAOC,IAAKpB,4BAA4B,IAG1C;AAAA,EAAI,GACZnB,OAAA6B,SAAA7B,QAAA4B,OAAA5B,QAAAwC,MAAAA,KAAAxC,EAAA,EAAA;AAAA,MAAA2C;AAAA3C,IAAA,EAAA,MAAA4C,uBAAAC,IAAA,2BAAA,KACQF,KAAA,oBAAC,QAAA,CAAA,CAAM,GAAG3C,QAAA2C,MAAAA,KAAA3C,EAAA,EAAA;AAAA,MAAA8C;AAAA9C,YAAA4B,SAEjBkB,KAAAlB,SACE,oBAAC,KAAA,EAAc,UAAA,GAAa,UAAA,GAC1B,8BAAC,MAAA,EAAW,MAAA,GAAG,OAAA,IAAM,UAAA,kBAAA,CAErB,EAAA,CACF,GACD5B,QAAA4B,OAAA5B,QAAA8C,MAAAA,KAAA9C,EAAA,EAAA;AAAA,MAAA+C;AAAA/C,IAAA,EAAA,MAAA5B,UAAA4B,UAAA+B,YAEMgB,aAAAC,SAAA;AAAO,UAAA;AAAA,MAAA3E,OAAA4E;AAAAA,IAAAA,IAAAD,MAAQ;AAAA,MAAAtB,MAAArD;AAAAA,IAAAA,IAAA4E,MACtB3E,cAAoB,MAAMH,iBAAiBC,QAAQC,KAAK,GAExD6E,cAAoB7E,MAAK6E,eAALC,QACpBC,QAA+B;AAAA,MAAAC,MACvB;AAAA,MAAKC,OACJhF;AAAAA,MAAWiF,oBAEE;AAAA,QAAAC,OACX;AAAA,QAAmBC,QAClB;AAAA,UAAAC,MACA;AAAA,UAAUvD,IACZ9B,MAAK8B;AAAAA,UAAGzB,KACPL,MAAKE,MAAMoF;AAAAA,QAAAA;AAAAA,QACjBT;AAAAA,QAAAU,YAEW,GAAGvF,MAAKwF,KAAKH,IAAK;AAAA,MAAA;AAAA,IAChC;AACD,WACM3B,SAAS,CAACqB,KAAK,CAAC;AAAA,EAAC,GACzBpD,QAAA5B,QAAA4B,QAAA+B,UAAA/B,QAAA+C,OAAAA,MAAA/C,EAAA,EAAA;AAAA,MAAAgD;AAAAhD,IAAA,EAAA,MAAA4C,uBAAAC,IAAA,2BAAA,KAGSG,MAAA,CAAA,GAAEhD,QAAAgD,OAAAA,MAAAhD,EAAA,EAAA;AAAA,MAAAiD;AAAAjD,IAAA,EAAA,6BAAA6C,IAAA,2BAAA,KADZI,MAAA,oBAAC,gBAAA,EACS,QAAAD,KACC/B,SAAAA,eACAC,SAAAA,eACQ,iBAAAJ,OAKT,QAAA;AAAA,IAAAgD,QACEC;AAAAA,EAAAA,GAUO,iBAAA;AAAA,IAAAC,WAAY;AAAA,MAAAC,OAAQ;AAAA,QAAAC,cAAejD;AAAAA,MAAAA;AAAAA,IAAa;AAAA,EAAC,EAAC,CAAC,GACpEjB,QAAAiD,OAAAA,MAAAjD,EAAA,EAAA;AAAA,MAAAmE;AAAAnE,YAAA4B,SAAA5B,EAAA,EAAA,MAAA+C,OAAA/C,EAAA,EAAA,MAAAmC,MAAAnC,EAAA,EAAA,MAAAqC,MAAArC,UAAAwC,MAAAxC,EAAA,EAAA,MAAA8C,MAlEJqB,MAAA,oBAAC,gBAAA,EAEkB,iBAAAhC,IACT,QAAAE,IACD,OAAAG,IASE,SAAAG,IAEP,UAAAG,IAQO,SAAAC,KAsBTE,UAAAA,IAAAA,GA5CKrB,KAkEP,GAAiB5B,QAAA4B,OAAA5B,QAAA+C,KAAA/C,QAAAmC,IAAAnC,QAAAqC,IAAArC,QAAAwC,IAAAxC,QAAA8C,IAAA9C,QAAAmE,OAAAA,MAAAnE,EAAA,EAAA;AAAA,MAAAoE;AAAApE,IAAA,EAAA,MAAAmE,OAAAnE,UAAAa,MApEnBuD,MAAA,oBAAC,UAAA,EAAe,MAAAvD,IACdsD,UAAAA,KAoEF,GAAWnE,QAAAmE,KAAAnE,QAAAa,IAAAb,QAAAoE,OAAAA,MAAApE,EAAA,EAAA;AAAA,MAAAqE;AAAA,SAAArE,EAAA,EAAA,MAAAoE,OAAApE,UAAAY,MA7EbyD,uCACEzD,UAAAA;AAAAA,IAAAA;AAAAA,IAOAwD;AAAAA,EAAAA,EAAAA,CAqEW,GACVpE,QAAAoE,KAAApE,QAAAY,IAAAZ,QAAAqE,OAAAA,MAAArE,EAAA,EAAA,GA9EHqE;AA8EG;AA/FQ,SAAAN,OAAAO,GAAAC,SAAA;AAAA,6BAmFI,oBAAA,EACK,IAAAA,QAAOlG,MAAMqD,KAAKvB,IAChB,MAAAoE,QAAOlG,MAAMqD,KAAKnD,MAAMoF,MACpB,UAAAY,QAAOlG,MAAMqD,KAAKmC,KAAKW,UAAS;AAC1C;AAvFL,SAAA1D,MAAAS,OAAA;AA4ED,SAAIA,QAAQ,MAAY,MACpBA,QAAQ,MAAY,MACjB;AAAG;"}

package/dist/_chunks-es/index.js

@@ -1,138 +0,0 @@
-import { useClient, definePlugin } from "sanity";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { c } from "react/compiler-runtime";
-import { Flex, Spinner, TextInput, Dialog, Box, Stack } from "@sanity/ui";
-import memoize from "lodash-es/memoize.js";
-import { useOptimistic, startTransition, lazy, useState, useRef, Suspense } from "react";
-import { styled, keyframes } from "styled-components";
-import { SearchIcon } from "@sanity/icons/Search";
-import { SpinnerIcon } from "@sanity/icons/Spinner";
-function UnsplashIcon() {
-  const $ = c(1);
-  let t0;
-  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsxs("svg", { role: "img", viewBox: "0 0 25 25", width: "1em", height: "1em", fill: "currentColor", children: [
-    /* @__PURE__ */ jsx("title", { children: "Unsplash" }),
-    /* @__PURE__ */ jsx("path", { d: "M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z" })
-  ] }), $[0] = t0) : t0 = $[0], t0;
-}
-function Loader() {
-  const $ = c(1);
-  let t0;
-  return $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ jsx(Flex, { align: "center", justify: "center", padding: 3, children: /* @__PURE__ */ jsx(Spinner, { muted: !0 }) }), $[0] = t0) : t0 = $[0], t0;
-}
-const rotate = /* @__PURE__ */ keyframes(["from{transform:rotate(0deg);}to{transform:rotate(360deg);}"]), AnimatedSpinnerIcon = /* @__PURE__ */ styled(SpinnerIcon).withConfig({
-  displayName: "AnimatedSpinnerIcon",
-  componentId: "sc-188tiy2-0"
-})(["animation:", " 500ms linear infinite;"], rotate);
-function SearchInput(t0) {
-  const $ = c(12), {
-    value,
-    changeAction
-  } = t0, [inputValue, setInputValue] = useOptimistic(value), isPending = inputValue !== value;
-  let t1;
-  $[0] !== changeAction || $[1] !== setInputValue ? (t1 = function(newValue) {
-    startTransition(async () => {
-      setInputValue(newValue), await changeAction(newValue);
-    });
-  }, $[0] = changeAction, $[1] = setInputValue, $[2] = t1) : t1 = $[2];
-  const handleChange = t1, t2 = inputValue.length > 0 && !isPending;
-  let t3, t4;
-  $[3] !== handleChange ? (t3 = (event) => handleChange(event.currentTarget.value), t4 = () => handleChange(""), $[3] = handleChange, $[4] = t3, $[5] = t4) : (t3 = $[4], t4 = $[5]);
-  const t5 = isPending && AnimatedSpinnerIcon;
-  let t6;
-  return $[6] !== inputValue || $[7] !== t2 || $[8] !== t3 || $[9] !== t4 || $[10] !== t5 ? (t6 = /* @__PURE__ */ jsx(TextInput, { clearButton: t2, icon: SearchIcon, onChange: t3, onClear: t4, placeholder: "Search by topics or colors", value: inputValue, iconRight: t5 }), $[6] = inputValue, $[7] = t2, $[8] = t3, $[9] = t4, $[10] = t5, $[11] = t6) : t6 = $[11], t6;
-}
-const RESULTS_PER_PAGE = 42, StyledDialog = /* @__PURE__ */ styled(Dialog).withConfig({
-  displayName: "StyledDialog",
-  componentId: "sc-1dpnh6h-0"
-})(["& > [data-ui='DialogCard'] > [data-ui='Card']{height:100%;}"]), UnsplashAssetSourceGallery = lazy(() => import("./UnsplashPhotoGallery.js"));
-function UnsplashAssetSource(t0) {
-  const $ = c(25), {
-    onClose,
-    onSelect
-  } = t0;
-  let t1;
-  $[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t1 = {
-    apiVersion: "2022-09-01"
-  }, $[0] = t1) : t1 = $[0];
-  const client = useClient(t1);
-  let t2;
-  $[1] !== client ? (t2 = memoize(async function(query, page) {
-    const searchParams = new URLSearchParams({
-      page: `${page}`,
-      per_page: `${RESULTS_PER_PAGE}`
-    });
-    return query.trim() ? (searchParams.set("query", query.trim()), client.request({
-      url: `/addons/unsplash/search/photos?${searchParams}`,
-      withCredentials: !0,
-      method: "GET"
-    })) : (searchParams.set("order_by", "popular"), client.request({
-      url: `/addons/unsplash/photos?${searchParams}`,
-      withCredentials: !0,
-      method: "GET"
-    }).then(_temp));
-  }, _temp2), $[1] = client, $[2] = t2) : t2 = $[2];
-  const fetcher = t2, [query_1, setQuery] = useState(""), scrollContainerRef = useRef(null);
-  let t3;
-  $[3] !== onClose ? (t3 = () => onClose(), $[3] = onClose, $[4] = t3) : t3 = $[4];
-  let t4;
-  $[5] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t4 = {
-    overflow: "hidden scroll",
-    overflowX: "clip",
-    overflowY: "scroll"
-  }, $[5] = t4) : t4 = $[5];
-  let t5;
-  $[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t5 = {
-    position: "sticky",
-    top: 0,
-    zIndex: 1
-  }, $[6] = t5) : t5 = $[6];
-  let t6;
-  $[7] !== query_1 ? (t6 = /* @__PURE__ */ jsx(Box, { style: t5, children: /* @__PURE__ */ jsx(SearchInput, { changeAction: setQuery, value: query_1 }) }), $[7] = query_1, $[8] = t6) : t6 = $[8];
-  let t7;
-  $[9] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t7 = /* @__PURE__ */ jsx(Loader, {}), $[9] = t7) : t7 = $[9];
-  let t8;
-  $[10] !== fetcher || $[11] !== query_1 ? (t8 = fetcher(query_1, 1), $[10] = fetcher, $[11] = query_1, $[12] = t8) : t8 = $[12];
-  let t9;
-  $[13] !== client || $[14] !== fetcher || $[15] !== onSelect || $[16] !== query_1 || $[17] !== t8 ? (t9 = /* @__PURE__ */ jsx(Suspense, { fallback: t7, children: /* @__PURE__ */ jsx(UnsplashAssetSourceGallery, { client, query: query_1, fetcher, scrollContainerRef, onSelect, initialDataPromise: t8 }) }), $[13] = client, $[14] = fetcher, $[15] = onSelect, $[16] = query_1, $[17] = t8, $[18] = t9) : t9 = $[18];
-  let t10;
-  $[19] !== t6 || $[20] !== t9 ? (t10 = /* @__PURE__ */ jsxs(Stack, { ref: scrollContainerRef, gap: 1, paddingLeft: 3, height: "stretch", style: t4, children: [
-    t6,
-    t9
-  ] }), $[19] = t6, $[20] = t9, $[21] = t10) : t10 = $[21];
-  let t11;
-  return $[22] !== t10 || $[23] !== t3 ? (t11 = /* @__PURE__ */ jsx(StyledDialog, { animate: !0, id: "unsplash-asset-source", header: "Select image from Unsplash", onClose: t3, open: !0, height: "100%", width: 4, children: t10 }), $[22] = t10, $[23] = t3, $[24] = t11) : t11 = $[24], t11;
-}
-function _temp2(query_0, page_0) {
-  return JSON.stringify({
-    query: query_0,
-    page: page_0
-  });
-}
-function _temp(results) {
-  return {
-    results,
-    total: results.length,
-    total_pages: Math.ceil(results.length / RESULTS_PER_PAGE)
-  };
-}
-const unsplashAssetSource = {
-  name: "unsplash",
-  title: "Unsplash",
-  component: UnsplashAssetSource,
-  icon: UnsplashIcon
-}, unsplashImageAsset = definePlugin({
-  name: "asset-source-unsplash-plugin",
-  form: {
-    image: {
-      assetSources: [unsplashAssetSource]
-    }
-  }
-});
-export {
-  Loader,
-  UnsplashIcon,
-  unsplashAssetSource,
-  unsplashImageAsset
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/components/Icon.tsx","../../src/components/Loader.tsx","../../src/components/SearchInput.tsx","../../src/components/UnsplashAssetSource.tsx","../../src/index.ts"],"sourcesContent":["/**\n * @public\n */\nexport function UnsplashIcon(): React.JSX.Element {\n  return (\n    <svg\n      // oxlint-disable-next-line prefer-tag-over-role\n      role=\"img\"\n      viewBox=\"0 0 25 25\"\n      width=\"1em\"\n      height=\"1em\"\n      fill=\"currentColor\"\n    >\n      <title>Unsplash</title>\n      <path d=\"M9 9V4h7v5H9Zm7 3h5v9H4v-9h5v5h7v-5Z\" />\n    </svg>\n  )\n}\n","import {Flex, Spinner} from '@sanity/ui'\n\nexport function Loader() {\n  return (\n    <Flex align=\"center\" justify=\"center\" padding={3}>\n      <Spinner muted />\n    </Flex>\n  )\n}\n","import {SearchIcon} from '@sanity/icons/Search'\nimport {SpinnerIcon} from '@sanity/icons/Spinner'\nimport {TextInput} from '@sanity/ui'\nimport {startTransition, useOptimistic} from 'react'\nimport {styled, keyframes} from 'styled-components'\n\nconst rotate = keyframes`\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n`\n\nconst AnimatedSpinnerIcon = styled(SpinnerIcon)`\n  animation: ${rotate} 500ms linear infinite;\n`\n\nexport function SearchInput({\n  value,\n  changeAction,\n}: {\n  value: string\n  changeAction: (value: string) => Promise<void> | void\n}) {\n  const [inputValue, setInputValue] = useOptimistic(value)\n  const isPending = inputValue !== value\n  function handleChange(newValue: string) {\n    startTransition(async () => {\n      setInputValue(newValue)\n      await changeAction(newValue)\n    })\n  }\n\n  return (\n    <TextInput\n      clearButton={inputValue.length > 0 && !isPending}\n      icon={SearchIcon}\n      onChange={(event) => handleChange(event.currentTarget.value)}\n      onClear={() => handleChange('')}\n      placeholder=\"Search by topics or colors\"\n      value={inputValue}\n      iconRight={isPending && AnimatedSpinnerIcon}\n    />\n  )\n}\n","import {Dialog, Stack, Box} from '@sanity/ui'\nimport memoize from 'lodash-es/memoize.js'\nimport {lazy, Suspense, useMemo, useRef, useState} from 'react'\nimport {type AssetSourceComponentProps, useClient} from 'sanity'\nimport {styled} from 'styled-components'\n\nimport type {FetcherResult, UnsplashPhoto} from '../types'\nimport {Loader} from './Loader'\nimport {SearchInput} from './SearchInput'\n\nconst RESULTS_PER_PAGE = 42\n\nconst StyledDialog = styled(Dialog)`\n  & > [data-ui='DialogCard'] > [data-ui='Card'] {\n    height: 100%;\n  }\n`\n\nconst UnsplashAssetSourceGallery = lazy(() => import('./UnsplashPhotoGallery'))\n\nexport function UnsplashAssetSource({onClose, onSelect}: AssetSourceComponentProps) {\n  const client = useClient({apiVersion: '2022-09-01'})\n  const fetcher = useMemo(\n    () =>\n      memoize(\n        async function fetcher(query: string, page: number): Promise<FetcherResult> {\n          const searchParams = new URLSearchParams({\n            page: `${page}`,\n            per_page: `${RESULTS_PER_PAGE}`,\n          })\n          if (query.trim()) {\n            searchParams.set('query', query.trim())\n            return client.request<{\n              results: UnsplashPhoto[]\n              total: number\n              total_pages: number\n            }>({\n              url: `/addons/unsplash/search/photos?${searchParams}`,\n              withCredentials: true,\n              method: 'GET',\n            })\n          }\n          searchParams.set('order_by', 'popular')\n          return client\n            .request<UnsplashPhoto[]>({\n              url: `/addons/unsplash/photos?${searchParams}`,\n              withCredentials: true,\n              method: 'GET',\n            })\n            .then((results) => ({\n              results,\n              total: results.length,\n              total_pages: Math.ceil(results.length / RESULTS_PER_PAGE),\n            }))\n        },\n        (query, page) => JSON.stringify({query, page}),\n      ),\n    [client],\n  )\n\n  const [query, setQuery] = useState('')\n  const scrollContainerRef = useRef<HTMLDivElement>(null)\n\n  return (\n    <StyledDialog\n      animate\n      id=\"unsplash-asset-source\"\n      header=\"Select image from Unsplash\"\n      onClose={() => onClose()}\n      open\n      height=\"100%\"\n      width={4}\n    >\n      <Stack\n        ref={scrollContainerRef}\n        gap={1}\n        paddingLeft={3}\n        height=\"stretch\"\n        style={{overflow: 'hidden scroll', overflowX: 'clip', overflowY: 'scroll'}}\n      >\n        <Box style={{position: 'sticky', top: 0, zIndex: 1}}>\n          <SearchInput changeAction={setQuery} value={query} />\n        </Box>\n        <Suspense fallback={<Loader />}>\n          <UnsplashAssetSourceGallery\n            client={client}\n            query={query}\n            fetcher={fetcher}\n            scrollContainerRef={scrollContainerRef}\n            onSelect={onSelect}\n            initialDataPromise={fetcher(query, 1)}\n          />\n        </Suspense>\n      </Stack>\n    </StyledDialog>\n  )\n}\n","import {type AssetSource, definePlugin, type Plugin} from 'sanity'\n\nimport {UnsplashIcon} from './components/Icon'\nimport {UnsplashAssetSource} from './components/UnsplashAssetSource'\n\nexport type {Asset, AssetDocument, UnsplashPhoto} from './types'\n\n/**\n * @public\n */\nexport const unsplashAssetSource: AssetSource = {\n  name: 'unsplash',\n  title: 'Unsplash',\n  component: UnsplashAssetSource,\n  icon: UnsplashIcon,\n}\n\n/**\n * @public\n */\nexport const unsplashImageAsset: Plugin = definePlugin({\n  name: 'asset-source-unsplash-plugin',\n\n  form: {\n    image: {\n      assetSources: [unsplashAssetSource],\n    },\n  },\n})\n\nexport {UnsplashIcon}\n"],"names":["UnsplashIcon","$","_c","t0","for","Loader","Symbol","rotate","keyframes","AnimatedSpinnerIcon","styled","SpinnerIcon","withConfig","displayName","componentId","SearchInput","value","changeAction","inputValue","setInputValue","useOptimistic","isPending","t1","newValue","startTransition","handleChange","t2","length","t3","t4","event","currentTarget","t5","t6","SearchIcon","RESULTS_PER_PAGE","StyledDialog","Dialog","UnsplashAssetSourceGallery","lazy","UnsplashAssetSource","onClose","onSelect","apiVersion","client","useClient","memoize","query","page","searchParams","URLSearchParams","per_page","trim","set","request","url","withCredentials","method","then","_temp","_temp2","fetcher","query_1","setQuery","useState","scrollContainerRef","useRef","overflow","overflowX","overflowY","position","top","zIndex","t7","t8","t9","t10","t11","query_0","page_0","JSON","stringify","results","total","total_pages","Math","ceil","unsplashAssetSource","name","title","component","icon","unsplashImageAsset","definePlugin","form","image","assetSources"],"mappings":"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"}