@soppiya/app-bridge 1.0.8 → 1.1.1

package/dist/components/variants-picker/api/query.js

@@ -1,7 +1,7 @@
 import { graphql } from "../../../shared/graphql/index.js";
 const variantsQuery = graphql(`
-  query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String) {
-    variants(after: $after, before: $before, first: $first, last: $last, query: $query) {
+  query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: VariantFilterKeys) {
+    variants(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {
       pageInfo {
         endCursor
         hasNextPage

package/dist/components/variants-picker/model/useVariants.d.ts

@@ -1,6 +1,9 @@
+import { VariantFilterKeys } from "../../../shared/graphql/graphql";
 type Props = {
+    skip?: boolean;
     first?: number;
     query?: string | null;
+    filterKeys?: VariantFilterKeys;
 };
 export declare const useVariants: (props?: Props) => {
     variants: {

package/dist/components/variants-picker/model/useVariants.js

@@ -2,12 +2,14 @@ import { useQuery } from "@apollo/client/react";
 import { useRef } from "react";
 import { variantsQuery } from "../api/query.js";
 const useVariants = (props = {})=>{
-    const { first, query } = props;
+    const { skip, first, query, filterKeys } = props;
     const refArray = useRef([]);
     const { data, loading: isLoadingVariants, error, fetchMore } = useQuery(variantsQuery, {
+        skip,
         variables: {
             first,
-            query
+            query,
+            filterKeys
         }
     });
     const variants = data?.variants?.edges?.map((edge)=>edge?.node).filter((node)=>null != node) ?? refArray.current;
@@ -18,7 +20,8 @@ const useVariants = (props = {})=>{
             variables: {
                 first,
                 query,
-                after: pageInfo.endCursor
+                after: pageInfo.endCursor,
+                filterKeys
             },
             updateQuery (prev, { fetchMoreResult }) {
                 if (!fetchMoreResult.variants?.edges || !prev.variants?.edges) return prev;

package/dist/components/variants-picker/ui/VariantsPicker.d.ts

@@ -1,8 +1,9 @@
 type Props = {
     title?: string;
     initialIds?: string[];
+    limit?: number;
     onClose?: () => void;
     onOk?: (variants: string[]) => void;
 };
-declare const VariantsPicker: ({ title, initialIds, onClose, onOk }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const VariantsPicker: ({ title, initialIds, limit, onClose, onOk }: Props) => import("react/jsx-runtime").JSX.Element;
 export default VariantsPicker;

package/dist/components/variants-picker/ui/VariantsPicker.js

@@ -5,13 +5,14 @@ import { Badge, BlockStack, Box, Button, Checkbox, Image, InlineStack, Input, Mo
 import lodash from "lodash";
 import { useState } from "react";
 import { useVariants } from "../model/useVariants.js";
-const VariantsPicker = ({ title, initialIds = [], onClose, onOk })=>{
+const VariantsPicker = ({ title, initialIds = [], limit = 1 / 0, onClose, onOk })=>{
     const [selectedVariant, setSelectedVariant] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { variants, pageInfo, isLoadingVariants, fetchMoreVariants } = useVariants({
         first: 20,
         query: debounceQuery
     });
+    const isSelected = limit === 1 / 0 ? true : 1 === limit ? 1 === selectedVariant.length : selectedVariant.length >= limit;
     const handleSelectVariant = (variantId)=>{
         selectedVariant.includes(variantId) ? setSelectedVariant((prev)=>prev.filter((id)=>variantId !== id)) : setSelectedVariant((prev)=>[
                 ...prev,
@@ -25,7 +26,7 @@ const VariantsPicker = ({ title, initialIds = [], onClose, onOk })=>{
         gap: 50,
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
-            disabled: lodash.isEmpty(selectedVariant),
+            disabled: lodash.isEmpty(selectedVariant) || !isSelected,
             onClick: handleOk,
             children: "Add"
         })

package/dist/components/variants-picker/ui/VariantsPicker.stories.d.ts

@@ -1,8 +1,9 @@
 declare const meta: {
     title: string;
-    component: ({ title, initialIds, onClose, onOk }: {
+    component: ({ title, initialIds, limit, onClose, onOk }: {
         title?: string;
         initialIds?: string[];
+        limit?: number;
         onClose?: () => void;
         onOk?: (variants: string[]) => void;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -1,3 +1,3 @@
 import "./styles.css";
-export * from './components';
-export * from './hooks';
+export * from "./components";
+export * from "./hooks";

package/dist/shared/graphql/gql.d.ts

@@ -12,12 +12,18 @@ import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-
  * Learn more about it here: https://the-guild.dev/graphql/codegen/plugins/presets/preset-client#reducing-bundle-size
  */
 type Documents = {
+    "query Articles($filterKeys: ArticleFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  articles(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}": typeof types.ArticlesDocument;
+    "query Blogs($filterKeys: BlogFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  blogs(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n  }\n}": typeof types.BlogsDocument;
+    "query Collections($skip: Int, $filterKeys: CollectionFilterKeys, $query: String) {\n  collections(skip: $skip, filterKeys: $filterKeys, query: $query) {\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}": typeof types.CollectionsDocument;
     "\n  query Medias(\n    $after: ID\n    $before: ID\n    $first: Int\n    $last: Int\n    $query: String\n    $reverse: Boolean\n    $sortKey: MediaSortKeys\n    $filterKeys: MediaFilterKeys\n  ) {\n    medias(\n      after: $after\n      before: $before\n      first: $first\n      last: $last\n      query: $query\n      reverse: $reverse\n      sortKey: $sortKey\n      filterKeys: $filterKeys\n    ) {\n      edges {\n        node {\n          _id\n          file_name\n          url\n          size\n          type\n          mimetype\n        }\n      }\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n    }\n  }\n": typeof types.MediasDocument;
     "\n  query StoragePlan {\n    plan {\n      storage\n      package {\n        _id\n        storage\n      }\n    }\n  }\n": typeof types.StoragePlanDocument;
     "\n  query MediaUsage {\n    mediaUsage\n  }\n": typeof types.MediaUsageDocument;
     "\n  mutation AddMedias($input: [Upload!]!) {\n    addMedias(input: $input) {\n      _id\n      file_name\n      url\n      size\n    }\n  }\n": typeof types.AddMediasDocument;
     "\n  mutation DeleteMedias($cursors: [ID!]!) {\n    deleteMedias(cursors: $cursors) {\n      message\n    }\n  }\n": typeof types.DeleteMediasDocument;
-    "\n  query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n    variants(after: $after, before: $before, first: $first, last: $last, query: $query) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          option1\n          option2\n          option3\n          image {\n            _id\n            url\n          }\n          product {\n            _id\n            title\n          }\n        }\n      }\n    }\n  }\n": typeof types.VariantsDocument;
+    "query Metafields($filterKeys: MetafieldFilterKeys, $first: Int) {\n  metafields(filterKeys: $filterKeys, first: $first) {\n    edges {\n      node {\n        _id\n        entry\n        name\n        type\n      }\n    }\n  }\n}": typeof types.MetafieldsDocument;
+    "query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n  }\n}": typeof types.PagesDocument;
+    "\n  query Products($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: ProductFilterKeys) {\n    products(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          title\n          image {\n            _id\n            url\n          }\n        }\n      }\n    }\n  }\n": typeof types.ProductsDocument;
+    "\n  query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: VariantFilterKeys) {\n    variants(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          option1\n          option2\n          option3\n          image {\n            _id\n            url\n          }\n          product {\n            _id\n            title\n          }\n        }\n      }\n    }\n  }\n": typeof types.VariantsDocument;
 };
 declare const documents: Documents;
 /**
@@ -33,6 +39,18 @@ declare const documents: Documents;
  * Please regenerate the types.
  */
 export declare function graphql(source: string): unknown;
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export declare function graphql(source: "query Articles($filterKeys: ArticleFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  articles(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}"): (typeof documents)["query Articles($filterKeys: ArticleFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  articles(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export declare function graphql(source: "query Blogs($filterKeys: BlogFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  blogs(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n  }\n}"): (typeof documents)["query Blogs($filterKeys: BlogFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  blogs(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n  }\n}"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export declare function graphql(source: "query Collections($skip: Int, $filterKeys: CollectionFilterKeys, $query: String) {\n  collections(skip: $skip, filterKeys: $filterKeys, query: $query) {\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}"): (typeof documents)["query Collections($skip: Int, $filterKeys: CollectionFilterKeys, $query: String) {\n  collections(skip: $skip, filterKeys: $filterKeys, query: $query) {\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -56,6 +74,18 @@ export declare function graphql(source: "\n  mutation DeleteMedias($cursors: [ID
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
-export declare function graphql(source: "\n  query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n    variants(after: $after, before: $before, first: $first, last: $last, query: $query) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          option1\n          option2\n          option3\n          image {\n            _id\n            url\n          }\n          product {\n            _id\n            title\n          }\n        }\n      }\n    }\n  }\n"): (typeof documents)["\n  query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n    variants(after: $after, before: $before, first: $first, last: $last, query: $query) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          option1\n          option2\n          option3\n          image {\n            _id\n            url\n          }\n          product {\n            _id\n            title\n          }\n        }\n      }\n    }\n  }\n"];
+export declare function graphql(source: "query Metafields($filterKeys: MetafieldFilterKeys, $first: Int) {\n  metafields(filterKeys: $filterKeys, first: $first) {\n    edges {\n      node {\n        _id\n        entry\n        name\n        type\n      }\n    }\n  }\n}"): (typeof documents)["query Metafields($filterKeys: MetafieldFilterKeys, $first: Int) {\n  metafields(filterKeys: $filterKeys, first: $first) {\n    edges {\n      node {\n        _id\n        entry\n        name\n        type\n      }\n    }\n  }\n}"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export declare function graphql(source: "query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n  }\n}"): (typeof documents)["query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n  }\n}"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export declare function graphql(source: "\n  query Products($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: ProductFilterKeys) {\n    products(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          title\n          image {\n            _id\n            url\n          }\n        }\n      }\n    }\n  }\n"): (typeof documents)["\n  query Products($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: ProductFilterKeys) {\n    products(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          title\n          image {\n            _id\n            url\n          }\n        }\n      }\n    }\n  }\n"];
+/**
+ * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
+ */
+export declare function graphql(source: "\n  query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: VariantFilterKeys) {\n    variants(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          option1\n          option2\n          option3\n          image {\n            _id\n            url\n          }\n          product {\n            _id\n            title\n          }\n        }\n      }\n    }\n  }\n"): (typeof documents)["\n  query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: VariantFilterKeys) {\n    variants(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          option1\n          option2\n          option3\n          image {\n            _id\n            url\n          }\n          product {\n            _id\n            title\n          }\n        }\n      }\n    }\n  }\n"];
 export type DocumentType<TDocumentNode extends DocumentNode<any, any>> = TDocumentNode extends DocumentNode<infer TType, any> ? TType : never;
 export {};

package/dist/shared/graphql/gql.js

@@ -1,11 +1,17 @@
-import { AddMediasDocument, DeleteMediasDocument, MediaUsageDocument, MediasDocument, StoragePlanDocument, VariantsDocument } from "./graphql.js";
+import { AddMediasDocument, ArticlesDocument, BlogsDocument, CollectionsDocument, DeleteMediasDocument, MediaUsageDocument, MediasDocument, MetafieldsDocument, PagesDocument, ProductsDocument, StoragePlanDocument, VariantsDocument } from "./graphql.js";
 const documents = {
+    "query Articles($filterKeys: ArticleFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  articles(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}": ArticlesDocument,
+    "query Blogs($filterKeys: BlogFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  blogs(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n  }\n}": BlogsDocument,
+    "query Collections($skip: Int, $filterKeys: CollectionFilterKeys, $query: String) {\n  collections(skip: $skip, filterKeys: $filterKeys, query: $query) {\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n  }\n}": CollectionsDocument,
     "\n  query Medias(\n    $after: ID\n    $before: ID\n    $first: Int\n    $last: Int\n    $query: String\n    $reverse: Boolean\n    $sortKey: MediaSortKeys\n    $filterKeys: MediaFilterKeys\n  ) {\n    medias(\n      after: $after\n      before: $before\n      first: $first\n      last: $last\n      query: $query\n      reverse: $reverse\n      sortKey: $sortKey\n      filterKeys: $filterKeys\n    ) {\n      edges {\n        node {\n          _id\n          file_name\n          url\n          size\n          type\n          mimetype\n        }\n      }\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n    }\n  }\n": MediasDocument,
     "\n  query StoragePlan {\n    plan {\n      storage\n      package {\n        _id\n        storage\n      }\n    }\n  }\n": StoragePlanDocument,
     "\n  query MediaUsage {\n    mediaUsage\n  }\n": MediaUsageDocument,
     "\n  mutation AddMedias($input: [Upload!]!) {\n    addMedias(input: $input) {\n      _id\n      file_name\n      url\n      size\n    }\n  }\n": AddMediasDocument,
     "\n  mutation DeleteMedias($cursors: [ID!]!) {\n    deleteMedias(cursors: $cursors) {\n      message\n    }\n  }\n": DeleteMediasDocument,
-    "\n  query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n    variants(after: $after, before: $before, first: $first, last: $last, query: $query) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          option1\n          option2\n          option3\n          image {\n            _id\n            url\n          }\n          product {\n            _id\n            title\n          }\n        }\n      }\n    }\n  }\n": VariantsDocument
+    "query Metafields($filterKeys: MetafieldFilterKeys, $first: Int) {\n  metafields(filterKeys: $filterKeys, first: $first) {\n    edges {\n      node {\n        _id\n        entry\n        name\n        type\n      }\n    }\n  }\n}": MetafieldsDocument,
+    "query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {\n    pageInfo {\n      endCursor\n      hasNextPage\n      hasPreviousPage\n      startCursor\n    }\n    edges {\n      node {\n        _id\n        title\n        image {\n          _id\n          url\n        }\n      }\n    }\n  }\n}": PagesDocument,
+    "\n  query Products($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: ProductFilterKeys) {\n    products(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          title\n          image {\n            _id\n            url\n          }\n        }\n      }\n    }\n  }\n": ProductsDocument,
+    "\n  query Variants($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: VariantFilterKeys) {\n    variants(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {\n      pageInfo {\n        endCursor\n        hasNextPage\n        hasPreviousPage\n        startCursor\n      }\n      edges {\n        node {\n          _id\n          option1\n          option2\n          option3\n          image {\n            _id\n            url\n          }\n          product {\n            _id\n            title\n          }\n        }\n      }\n    }\n  }\n": VariantsDocument
 };
 function graphql(source) {
     return documents[source] ?? {};