sanity-plugin-shopify-assets 1.0.0 → 1.0.1

package/README.md

@@ -28,7 +28,7 @@ Add it as a plugin in sanity.config.ts (or .js):
  })
 ```
 
-Simply update the `shopifyDomain` to your store URL. You'll need to install the [Sanity Connect](https://www.sanity.io/docs/sanity-connect-for-shopify) app on your store to handle authorisation.
+Simply update the `shopifyDomain` to your store URL. You'll need to install the [Sanity Connect](https://www.sanity.io/docs/sanity-connect-for-shopify) app on your store to handle authorisation. You'll need to ensure the Liquid sync option is enabled within the Sanity Connect app.
 
 Then you can enable the asset selector on a field:
 

package/dist/index.esm.js

@@ -2,7 +2,7 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Card, Box, useTheme, Text, Flex, Button, Stack, Dialog, Inline, TextInput, Spinner, Grid } from '@sanity/ui';
-import { useProjectId, PatchEvent, set, unset, DiffFromTo, defineType, defineField, definePlugin } from 'sanity';
+import { useProjectId, useDataset, PatchEvent, set, unset, DiffFromTo, defineType, defineField, definePlugin } from 'sanity';
 import r, { useRef, useDebugValue, useContext, createElement, useEffect, useCallback, useState, useMemo } from 'react';
 import videojs from 'video.js';
 import prettyBytes from 'pretty-bytes';
@@ -2203,21 +2203,63 @@ function File(props) {
 }
 const Search = styled(Stack)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0;\n  z-index: 1;\n"])));
 styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  overflow-y: auto;\n  max-height: 80vh;\n"])));
-const fetchSearch = (projectId, shop, query, cursor, perPage) => defer(() => axios.get("https://".concat(projectId, ".api.sanity.io/v1/shopify/assets/production?shop=").concat(shop, "&query=").concat(encodeURIComponent(query)).concat(cursor && "&cursor=".concat(cursor), "&limit=").concat(perPage), {
-  withCredentials: true,
-  method: "GET"
-})).pipe(map(result => result.data));
-const fetchList = (projectId, shop, cursor, perPage) => defer(() => axios.get("https://".concat(projectId, ".api.sanity.io/v1/shopify/assets/production?shop=").concat(shop).concat(cursor && "&cursor=".concat(cursor), "&limit=").concat(perPage), {
-  withCredentials: true,
-  method: "GET"
-})).pipe(map(result => result.data));
-const search = (projectId, shop, query, cursor, resultsPerPage) => {
+const fetchSearch = props => {
+  const {
+    projectId,
+    dataset,
+    shop,
+    query,
+    cursor,
+    resultsPerPage
+  } = props;
+  return defer(() => {
+    return axios.get("https://".concat(projectId, ".api.sanity.work/v1/shopify/assets/").concat(dataset, "?shop=").concat(shop, "&query=").concat(encodeURIComponent(query)).concat(cursor && "&cursor=".concat(cursor), "&limit=").concat(resultsPerPage), {
+      withCredentials: true,
+      method: "GET"
+    });
+  }).pipe(map(result => result.data));
+};
+const fetchList = props => {
+  const {
+    projectId,
+    dataset,
+    shop,
+    cursor,
+    resultsPerPage
+  } = props;
+  return defer(() => axios.get("https://".concat(projectId, ".api.sanity.work/v1/shopify/assets/").concat(dataset, "?shop=").concat(shop).concat(cursor && "&cursor=".concat(cursor), "&limit=").concat(resultsPerPage), {
+    withCredentials: true,
+    method: "GET"
+  })).pipe(map(result => result.data));
+};
+const search = props => {
+  const {
+    projectId,
+    dataset,
+    shop,
+    query,
+    cursor,
+    resultsPerPage
+  } = props;
   return concat(query.pipe(withLatestFrom(cursor), debounceTime(500), distinctUntilChanged(), switchMap(_ref11 => {
     let [q, c] = _ref11;
     if (q) {
-      return fetchSearch(projectId, shop, q, c, resultsPerPage).pipe(distinctUntilChanged());
+      return fetchSearch({
+        projectId,
+        dataset,
+        shop,
+        query: q,
+        cursor: c,
+        resultsPerPage
+      }).pipe(distinctUntilChanged());
     }
-    return fetchList(projectId, shop, c, resultsPerPage);
+    return fetchList({
+      projectId,
+      dataset,
+      shop,
+      cursor: c,
+      resultsPerPage
+    });
   })));
 };
 const RESULTS_PER_PAGE = 42;
@@ -2233,6 +2275,7 @@ function ShopifyAssetPicker(props) {
     value
   } = props;
   const projectId = useProjectId();
+  const dataset = useDataset();
   const [error, setError] = useState("");
   const [query, setQuery] = useState("");
   const [searchResults, setSearchResults] = useState([]);
@@ -2244,7 +2287,14 @@ function ShopifyAssetPicker(props) {
     if (!shopifyDomain) setError("Please configure your Shopify domain in the plugin config");
   }, [shopifyDomain]);
   useEffect(() => {
-    const searchSubscription = search(projectId, shopifyDomain, searchSubject$, cursorSubject$, RESULTS_PER_PAGE).subscribe({
+    const searchSubscription = search({
+      projectId,
+      dataset,
+      shop: shopifyDomain,
+      query: searchSubject$,
+      cursor: cursorSubject$,
+      resultsPerPage: RESULTS_PER_PAGE
+    }).subscribe({
       next: results => {
         setSearchResults(prevResults => [...prevResults, ...results.assets]);
         setPageInfo(results.pageInfo);
@@ -2255,7 +2305,7 @@ function ShopifyAssetPicker(props) {
       }
     });
     return () => searchSubscription.unsubscribe();
-  }, [searchSubject$, cursorSubject$, shopifyDomain, projectId]);
+  }, [searchSubject$, cursorSubject$, shopifyDomain, projectId, dataset]);
   const handleSearchTermChanged = useCallback(event => {
     const newQuery = event.currentTarget.value;
     setQuery(newQuery);