@soppiya/app-bridge 1.0.8 → 1.1.1

package/dist/components/meta-data/ui/ProductRefMetaField.js

@@ -0,0 +1,37 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useProducts } from "../../products-picker/model/useProducts.js";
+import { Loading } from "../../../shared/loading/index.js";
+import { Image, InlineStack, Text } from "@soppiya/elementus";
+const ProductRefMetaField = ({ value, children })=>{
+    const { products, isLoadingProducts } = useProducts({
+        skip: !value,
+        filterKeys: {
+            cursors: value?.split(",")
+        }
+    });
+    if (isLoadingProducts) return /*#__PURE__*/ jsx(Loading, {});
+    return products?.map((product)=>/*#__PURE__*/ jsxs(InlineStack, {
+            justifyContent: "space-between",
+            children: [
+                /*#__PURE__*/ jsxs(InlineStack, {
+                    alignItems: "center",
+                    gapX: 70,
+                    children: [
+                        /*#__PURE__*/ jsx(Image, {
+                            size: "xs",
+                            url: product.image?.url ?? ""
+                        }),
+                        /*#__PURE__*/ jsx(Text, {
+                            size: "md",
+                            weight: "regular",
+                            color: "blue",
+                            children: product.title
+                        })
+                    ]
+                }),
+                children
+            ]
+        }, product._id));
+};
+const ui_ProductRefMetaField = ProductRefMetaField;
+export { ui_ProductRefMetaField as default };

package/dist/components/meta-data/ui/SingleLineTextMetaField.d.ts

@@ -0,0 +1,3 @@
+import { MetaDataProps } from "./MetaDataItem";
+declare const SingleLineTextMetaField: ({ entry, value, children, onChange }: MetaDataProps) => import("react/jsx-runtime").JSX.Element;
+export default SingleLineTextMetaField;

package/dist/components/meta-data/ui/SingleLineTextMetaField.js

@@ -0,0 +1,18 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Input } from "@soppiya/elementus";
+const SingleLineTextMetaField_SingleLineTextMetaField = ({ entry, value, children, onChange })=>/*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                children: /*#__PURE__*/ jsx("div", {
+                    children: /*#__PURE__*/ jsx(Input, {
+                        size: "sm",
+                        value: value,
+                        onChange: (e)=>onChange(e.target.value)
+                    })
+                })
+            }),
+            "multiple" === entry && children
+        ]
+    });
+const SingleLineTextMetaField = SingleLineTextMetaField_SingleLineTextMetaField;
+export { SingleLineTextMetaField as default };

package/dist/components/meta-data/ui/VariantRefMetaField.d.ts

@@ -0,0 +1,3 @@
+import { MetaDataProps } from "./MetaDataItem";
+declare const VariantRefMetaField: ({ value, children }: MetaDataProps) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[];
+export default VariantRefMetaField;

package/dist/components/meta-data/ui/VariantRefMetaField.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useVariants } from "../../variants-picker/model/useVariants.js";
+import { Loading } from "../../../shared/loading/index.js";
+import { Image, InlineStack, Text } from "@soppiya/elementus";
+const VariantRefMetaField_VariantRefMetaField = ({ value, children })=>{
+    const { variants, isLoadingVariants } = useVariants({
+        skip: !value,
+        filterKeys: {
+            cursors: value?.split(",")
+        }
+    });
+    if (isLoadingVariants) return /*#__PURE__*/ jsx(Loading, {});
+    return variants?.map((variant)=>/*#__PURE__*/ jsxs(InlineStack, {
+            justifyContent: "space-between",
+            children: [
+                /*#__PURE__*/ jsxs(InlineStack, {
+                    gapX: 70,
+                    alignItems: "center",
+                    children: [
+                        /*#__PURE__*/ jsx(Image, {
+                            size: "xs",
+                            url: variant.image?.url ?? ""
+                        }),
+                        /*#__PURE__*/ jsxs(Text, {
+                            size: "md",
+                            weight: "regular",
+                            color: "blue",
+                            children: [
+                                variant.product?.title,
+                                " ",
+                                [
+                                    variant.option1,
+                                    variant.option2,
+                                    variant.option3
+                                ].filter(Boolean).join(", ")
+                            ]
+                        })
+                    ]
+                }),
+                children
+            ]
+        }, variant._id));
+};
+const VariantRefMetaField = VariantRefMetaField_VariantRefMetaField;
+export { VariantRefMetaField as default };

package/dist/components/pages-picker/api/query.d.ts

@@ -0,0 +1,8 @@
+export declare const pagesQuery: import("@graphql-typed-document-node/core").TypedDocumentNode<import("../../../shared/graphql/graphql").PagesQuery, import("../../../shared/graphql/graphql").Exact<{
+    filterKeys?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").PageFilterKeys>;
+    after?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["ID"]["input"]>;
+    before?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["ID"]["input"]>;
+    first?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
+    last?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
+    query?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["String"]["input"]>;
+}>>;

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

@@ -0,0 +1,22 @@
+import { graphql } from "../../../shared/graphql/index.js";
+const pagesQuery = graphql(`query Pages($filterKeys: PageFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {
+  pages(filterKeys: $filterKeys, after: $after, before: $before, first: $first, last: $last, query: $query) {
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    edges {
+      node {
+        _id
+        title
+        image {
+          _id
+          url
+        }
+      }
+    }
+  }
+}`);
+export { pagesQuery };

package/dist/components/pages-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as PagesPicker } from "./ui/PagesPicker";

package/dist/components/pages-picker/index.js

@@ -0,0 +1,2 @@
+import PagesPicker from "./ui/PagesPicker.js";
+export { PagesPicker };

package/dist/components/pages-picker/model/usePages.d.ts

@@ -0,0 +1,30 @@
+import { PageFilterKeys } from "../../../shared/graphql/graphql";
+type Props = {
+    skip?: boolean;
+    first?: number;
+    query?: string | null;
+    filterKeys?: PageFilterKeys;
+};
+export declare const usePages: (props?: Props) => {
+    pages: {
+        __typename: "Page";
+        _id?: string | null;
+        title?: string | null;
+        image?: {
+            __typename: "Media";
+            _id?: string | null;
+            url?: string | null;
+        } | null;
+    }[] | undefined;
+    isLoadingPages: boolean;
+    error: import("@apollo/client").ErrorLike | undefined;
+    fetchMorePages: () => void;
+    pageInfo: {
+        __typename: "PageInfo";
+        endCursor?: string | null;
+        hasNextPage?: boolean | null;
+        hasPreviousPage?: boolean | null;
+        startCursor?: string | null;
+    } | null | undefined;
+};
+export {};

package/dist/components/pages-picker/model/usePages.js

@@ -0,0 +1,46 @@
+import { useQuery } from "@apollo/client/react";
+import { pagesQuery } from "../api/query.js";
+const usePages = (props = {})=>{
+    const { skip, first, query, filterKeys } = props;
+    const { data, loading: isLoadingPages, error, fetchMore } = useQuery(pagesQuery, {
+        skip,
+        variables: {
+            first,
+            query,
+            filterKeys
+        }
+    });
+    const pages = data?.pages?.edges?.map((edge)=>edge?.node).filter((node)=>null != node);
+    const pageInfo = data?.pages?.pageInfo;
+    const fetchMorePages = ()=>{
+        if (!pageInfo?.hasNextPage) return;
+        fetchMore({
+            variables: {
+                first,
+                query,
+                filterKeys,
+                after: pageInfo.endCursor
+            },
+            updateQuery (prev, { fetchMoreResult }) {
+                if (!fetchMoreResult.pages?.edges || !prev.pages?.edges) return prev;
+                return {
+                    pages: {
+                        ...fetchMoreResult.pages,
+                        edges: {
+                            ...prev.pages.edges,
+                            ...fetchMoreResult.pages.edges
+                        }
+                    }
+                };
+            }
+        });
+    };
+    return {
+        pages,
+        isLoadingPages,
+        error,
+        fetchMorePages,
+        pageInfo
+    };
+};
+export { usePages };

package/dist/components/pages-picker/ui/PagesPicker.d.ts

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

package/dist/components/pages-picker/ui/PagesPicker.js

@@ -0,0 +1,104 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { InfinityScroll } from "../../infinity-scroll/index.js";
+import { useFilterQuery } from "../../../shared/lib/index.js";
+import { BlockStack, Box, Button, Checkbox, Image, InlineStack, Input, Modal, Spinner, Text } from "@soppiya/elementus";
+import lodash from "lodash";
+import { useState } from "react";
+import { usePages } from "../model/usePages.js";
+const PagesPicker = ({ title, initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+    const [selectedPage, setSelectedPage] = useState(initialIds);
+    const { query, debounceQuery, onChangeQuery } = useFilterQuery();
+    const { pages, fetchMorePages, isLoadingPages, pageInfo } = usePages({
+        first: 20,
+        query: debounceQuery
+    });
+    const handleSelectedPage = (pageId)=>{
+        selectedPage.includes(pageId) ? setSelectedPage((prev)=>prev.filter((id)=>pageId !== id)) : setSelectedPage((prev)=>[
+                ...prev,
+                pageId
+            ]);
+    };
+    const handleOk = ()=>{
+        if (lodash.isFunction(onOk)) onOk(selectedPage);
+    };
+    const ButtonJSX = /*#__PURE__*/ jsx(InlineStack, {
+        justifyContent: "end",
+        children: /*#__PURE__*/ jsx(Button, {
+            onClick: handleOk,
+            children: "Add"
+        })
+    });
+    return /*#__PURE__*/ jsx(Modal, {
+        open: true,
+        title: title || "Pages",
+        buttons: ButtonJSX,
+        bodyPadding: 0,
+        onClose: onClose,
+        children: /*#__PURE__*/ jsxs(BlockStack, {
+            children: [
+                /*#__PURE__*/ jsx(Box, {
+                    className: "border-b border-b-[#ebebeb]! h",
+                    padding: 60,
+                    children: /*#__PURE__*/ jsx(Input, {
+                        size: "sm",
+                        type: "search",
+                        value: query ?? "",
+                        onChange: (event)=>onChangeQuery(event.target.value)
+                    })
+                }),
+                isLoadingPages ? /*#__PURE__*/ jsx(InlineStack, {
+                    justifyContent: "center",
+                    padding: 80,
+                    children: /*#__PURE__*/ jsx(Spinner, {
+                        size: "md"
+                    })
+                }) : /*#__PURE__*/ jsxs(BlockStack, {
+                    children: [
+                        pages?.map((product)=>/*#__PURE__*/ jsxs(InlineStack, {
+                                stack: "full",
+                                className: "lg:cursor-pointer border-b border-b-[#ebebeb]!",
+                                gapX: 60,
+                                padding: 60,
+                                onClick: ()=>handleSelectedPage(String(product._id)),
+                                children: [
+                                    /*#__PURE__*/ jsxs(InlineStack, {
+                                        alignItems: "center",
+                                        gapX: 60,
+                                        children: [
+                                            /*#__PURE__*/ jsx(Box, {
+                                                children: /*#__PURE__*/ jsx(Checkbox, {
+                                                    checked: selectedPage.includes(String(product._id)),
+                                                    onChange: ()=>{}
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Box, {
+                                                children: /*#__PURE__*/ jsx(Image, {
+                                                    size: "xs",
+                                                    url: String(product.image?.url)
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsx(BlockStack, {
+                                        gapY: 30,
+                                        justifyContent: "center",
+                                        children: /*#__PURE__*/ jsx(Text, {
+                                            size: "sm",
+                                            color: "secondary",
+                                            truncate: "truncate-1",
+                                            children: product.title
+                                        })
+                                    })
+                                ]
+                            }, product._id)),
+                        pageInfo?.hasNextPage && /*#__PURE__*/ jsx(InfinityScroll, {
+                            onFetch: fetchMorePages
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+const ui_PagesPicker = PagesPicker;
+export { ui_PagesPicker as default };

package/dist/components/pages-picker/ui/PagesPicker.stories.d.ts

@@ -0,0 +1,17 @@
+declare const meta: {
+    title: string;
+    component: ({ title, initialIds, limit, onClose, onOk }: {
+        title?: string;
+        initialIds?: string[];
+        limit?: number;
+        onClose?: () => void;
+        onOk?: (pages: string[]) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Default: {
+    args: {
+        primary: boolean;
+        label: string;
+    };
+};

package/dist/components/pages-picker/ui/PagesPicker.stories.js

@@ -0,0 +1,13 @@
+import PagesPicker from "./PagesPicker.js";
+const meta = {
+    title: "Example/PagesPicker",
+    component: PagesPicker
+};
+const PagesPicker_stories = meta;
+const Default = {
+    args: {
+        primary: true,
+        label: "Button"
+    }
+};
+export { Default, PagesPicker_stories as default };

package/dist/components/products-picker/api/query.d.ts

@@ -0,0 +1,8 @@
+export declare const productsQuery: import("@graphql-typed-document-node/core").TypedDocumentNode<import("../../../shared/graphql/graphql").ProductsQuery, import("../../../shared/graphql/graphql").Exact<{
+    after?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["ID"]["input"]>;
+    before?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["ID"]["input"]>;
+    first?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
+    last?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
+    query?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["String"]["input"]>;
+    filterKeys?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").ProductFilterKeys>;
+}>>;

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

@@ -0,0 +1,24 @@
+import { graphql } from "../../../shared/graphql/index.js";
+const productsQuery = graphql(`
+  query Products($after: ID, $before: ID, $first: Int, $last: Int, $query: String,$filterKeys: ProductFilterKeys) {
+    products(after: $after, before: $before, first: $first, last: $last, query: $query,filterKeys: $filterKeys) {
+      pageInfo {
+        endCursor
+        hasNextPage
+        hasPreviousPage
+        startCursor
+      }
+      edges {
+        node {
+          _id
+          title
+          image {
+            _id
+            url
+          }
+        }
+      }
+    }
+  }
+`);
+export { productsQuery };

package/dist/components/products-picker/index.d.ts

@@ -0,0 +1 @@
+export { default as ProductsPicker } from "./ui/ProductPicker";

package/dist/components/products-picker/index.js

@@ -0,0 +1,2 @@
+import ProductPicker from "./ui/ProductPicker.js";
+export { ProductPicker as ProductsPicker };

package/dist/components/products-picker/model/useProducts.d.ts

@@ -0,0 +1,30 @@
+import { ProductFilterKeys } from "../../../shared/graphql/graphql";
+type Props = {
+    skip?: boolean;
+    first?: number;
+    query?: string | null;
+    filterKeys?: ProductFilterKeys;
+};
+export declare const useProducts: (props?: Props) => {
+    products: {
+        __typename: "Product";
+        _id?: string | null;
+        title?: string | null;
+        image?: {
+            __typename: "Media";
+            _id?: string | null;
+            url?: string | null;
+        } | null;
+    }[] | undefined;
+    pageInfo: {
+        __typename: "PageInfo";
+        endCursor?: string | null;
+        hasNextPage?: boolean | null;
+        hasPreviousPage?: boolean | null;
+        startCursor?: string | null;
+    } | null | undefined;
+    isLoadingProducts: boolean;
+    error: import("@apollo/client").ErrorLike | undefined;
+    fetchMoreProducts: () => void;
+};
+export {};

package/dist/components/products-picker/model/useProducts.js

@@ -0,0 +1,46 @@
+import { useQuery } from "@apollo/client/react";
+import { productsQuery } from "../api/query.js";
+const useProducts = (props = {})=>{
+    const { first, query, filterKeys, skip } = props;
+    const { data, loading: isLoadingProducts, error, fetchMore } = useQuery(productsQuery, {
+        skip,
+        variables: {
+            first,
+            query,
+            filterKeys
+        }
+    });
+    const products = data?.products?.edges?.map((edge)=>edge?.node).filter((node)=>null != node);
+    const pageInfo = data?.products?.pageInfo;
+    const fetchMoreProducts = ()=>{
+        if (!pageInfo?.hasNextPage) return;
+        fetchMore({
+            variables: {
+                first,
+                query,
+                filterKeys,
+                after: pageInfo.endCursor
+            },
+            updateQuery (prev, { fetchMoreResult }) {
+                if (!fetchMoreResult.products?.edges || !prev.products?.edges) return prev;
+                return {
+                    products: {
+                        ...fetchMoreResult.products,
+                        edges: [
+                            ...prev.products.edges,
+                            ...fetchMoreResult.products.edges
+                        ]
+                    }
+                };
+            }
+        });
+    };
+    return {
+        products,
+        pageInfo,
+        isLoadingProducts,
+        error,
+        fetchMoreProducts
+    };
+};
+export { useProducts };

package/dist/components/products-picker/ui/ProductPicker.d.ts

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

package/dist/components/products-picker/ui/ProductPicker.js

@@ -0,0 +1,107 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { InfinityScroll } from "../../infinity-scroll/index.js";
+import { useFilterQuery } from "../../../shared/lib/index.js";
+import { BlockStack, Box, Button, Checkbox, Image, InlineStack, Input, Modal, Spinner, Text } from "@soppiya/elementus";
+import lodash from "lodash";
+import { useState } from "react";
+import { useProducts } from "../model/useProducts.js";
+const ProductsPicker = ({ title, initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+    const [selectedVariant, setSelectedVariant] = useState(initialIds);
+    const { query, debounceQuery, onChangeQuery } = useFilterQuery();
+    const { products, pageInfo, isLoadingProducts, fetchMoreProducts } = useProducts({
+        first: 20,
+        query: debounceQuery
+    });
+    const isSelected = limit === 1 / 0 ? true : 1 === limit ? 1 === selectedVariant.length : selectedVariant.length >= limit;
+    const handleSelectVariant = (productId)=>{
+        selectedVariant.includes(productId) ? setSelectedVariant((prev)=>prev.filter((id)=>productId !== id)) : setSelectedVariant((prev)=>[
+                ...prev,
+                productId
+            ]);
+    };
+    const handleOk = ()=>{
+        if (lodash.isFunction(onOk)) onOk(selectedVariant);
+    };
+    const buttonsJSX = /*#__PURE__*/ jsx(InlineStack, {
+        gap: 50,
+        justifyContent: "end",
+        children: /*#__PURE__*/ jsx(Button, {
+            disabled: lodash.isEmpty(selectedVariant) || !isSelected,
+            onClick: handleOk,
+            children: "Add"
+        })
+    });
+    return /*#__PURE__*/ jsx(Modal, {
+        open: true,
+        title: title || "Products",
+        bodyPadding: 0,
+        buttons: buttonsJSX,
+        onClose: onClose,
+        children: /*#__PURE__*/ jsxs(BlockStack, {
+            children: [
+                /*#__PURE__*/ jsx(Box, {
+                    className: "border-b border-b-[#ebebeb]! h",
+                    padding: 60,
+                    children: /*#__PURE__*/ jsx(Input, {
+                        size: "sm",
+                        type: "search",
+                        value: query ?? "",
+                        onChange: (event)=>onChangeQuery(event.target.value)
+                    })
+                }),
+                isLoadingProducts ? /*#__PURE__*/ jsx(InlineStack, {
+                    justifyContent: "center",
+                    padding: 80,
+                    children: /*#__PURE__*/ jsx(Spinner, {
+                        size: "md"
+                    })
+                }) : /*#__PURE__*/ jsxs(BlockStack, {
+                    children: [
+                        products?.map((product)=>/*#__PURE__*/ jsxs(InlineStack, {
+                                stack: "full",
+                                className: "lg:cursor-pointer border-b border-b-[#ebebeb]!",
+                                gapX: 60,
+                                padding: 60,
+                                onClick: ()=>handleSelectVariant(String(product._id)),
+                                children: [
+                                    /*#__PURE__*/ jsxs(InlineStack, {
+                                        alignItems: "center",
+                                        gapX: 60,
+                                        children: [
+                                            /*#__PURE__*/ jsx(Box, {
+                                                children: /*#__PURE__*/ jsx(Checkbox, {
+                                                    checked: selectedVariant.includes(String(product._id)),
+                                                    onChange: ()=>{}
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(Box, {
+                                                children: /*#__PURE__*/ jsx(Image, {
+                                                    size: "xs",
+                                                    url: String(product.image?.url)
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsx(BlockStack, {
+                                        gapY: 30,
+                                        justifyContent: "center",
+                                        children: /*#__PURE__*/ jsx(Text, {
+                                            size: "sm",
+                                            color: "secondary",
+                                            truncate: "truncate-1",
+                                            children: product.title
+                                        })
+                                    })
+                                ]
+                            }, product._id)),
+                        pageInfo?.hasNextPage && /*#__PURE__*/ jsx(InfinityScroll, {
+                            onFetch: fetchMoreProducts
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+const ProductPicker = ProductsPicker;
+export { ProductPicker as default };

package/dist/components/products-picker/ui/ProductsPicker.stories.d.ts

@@ -0,0 +1,17 @@
+declare const meta: {
+    title: string;
+    component: ({ title, initialIds, limit, onClose, onOk }: {
+        title?: string;
+        initialIds?: string[];
+        limit?: number;
+        onClose?: () => void;
+        onOk?: (products: string[]) => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+export declare const Default: {
+    args: {
+        primary: boolean;
+        label: string;
+    };
+};

package/dist/components/products-picker/ui/ProductsPicker.stories.js

@@ -0,0 +1,13 @@
+import ProductPicker from "./ProductPicker.js";
+const meta = {
+    title: "Example/ProductsPicker",
+    component: ProductPicker
+};
+const ProductsPicker_stories = meta;
+const Default = {
+    args: {
+        primary: true,
+        label: "Button"
+    }
+};
+export { Default, ProductsPicker_stories as default };

package/dist/components/variants-picker/api/query.d.ts

@@ -4,4 +4,5 @@ export declare const variantsQuery: import("@graphql-typed-document-node/core").
     first?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
     last?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["Int"]["input"]>;
     query?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").Scalars["String"]["input"]>;
+    filterKeys?: import("../../../shared/graphql/graphql").InputMaybe<import("../../../shared/graphql/graphql").VariantFilterKeys>;
 }>>;