@soppiya/app-bridge 1.1.7 → 1.1.8

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

@@ -0,0 +1,8 @@
+export declare const segmentsQuery: import("@graphql-typed-document-node/core").TypedDocumentNode<import("../../../shared/graphql/graphql").CustomerSegmentsQuery, 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").CustomerSegmentFilterKeys>;
+}>>;

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

@@ -0,0 +1,18 @@
+import { graphql } from "../../../shared/graphql/index.js";
+const segmentsQuery = graphql(`query CustomerSegments($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CustomerSegmentFilterKeys) {
+  customerSegments(after: $after, before: $before, first: $first, last: $last, query: $query, filterKeys: $filterKeys) {
+    pageInfo {
+      endCursor
+      hasNextPage
+      hasPreviousPage
+      startCursor
+    }
+    edges {
+      node {
+        _id
+        title
+      }
+    }
+  }
+}`);
+export { segmentsQuery };

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

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

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

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

package/dist/components/segments-picker/model/useSegments.d.ts

@@ -0,0 +1,25 @@
+import { CustomerSegmentFilterKeys } from "../../../shared/graphql/graphql";
+type Props = {
+    skip?: boolean;
+    first?: number;
+    query?: string | null;
+    filterKeys?: CustomerSegmentFilterKeys | null;
+};
+export declare const useSegments: (props?: Props) => {
+    segments: {
+        __typename: "CustomerSegment";
+        _id?: string | null;
+        title?: string | null;
+    }[];
+    pageInfo: {
+        __typename: "PageInfo";
+        endCursor?: string | null;
+        hasNextPage?: boolean | null;
+        hasPreviousPage?: boolean | null;
+        startCursor?: string | null;
+    } | null | undefined;
+    isLoadingSegments: boolean;
+    error: import("@apollo/client").ErrorLike | undefined;
+    fetchMoreSegments: () => void;
+};
+export {};

package/dist/components/segments-picker/model/useSegments.js

@@ -0,0 +1,48 @@
+import { useQuery } from "@apollo/client/react";
+import { useRef } from "react";
+import { segmentsQuery } from "../api/query.js";
+const useSegments = (props = {})=>{
+    const { skip, first, query, filterKeys } = props;
+    const refArray = useRef([]);
+    const { data, loading: isLoadingSegments, error, fetchMore } = useQuery(segmentsQuery, {
+        skip,
+        variables: {
+            first,
+            query,
+            filterKeys
+        }
+    });
+    const pageInfo = data?.customerSegments?.pageInfo;
+    const segments = data?.customerSegments?.edges?.map((edge)=>edge?.node).filter((node)=>null != node) ?? refArray.current;
+    const fetchMoreSegments = ()=>{
+        if (!pageInfo?.hasNextPage) return;
+        fetchMore({
+            variables: {
+                first,
+                query,
+                after: pageInfo.endCursor,
+                filterKeys
+            },
+            updateQuery (prev, { fetchMoreResult }) {
+                if (!fetchMoreResult.customerSegments?.edges || !prev.customerSegments?.edges) return prev;
+                return {
+                    customerSegments: {
+                        ...fetchMoreResult.customerSegments,
+                        edges: [
+                            ...prev.customerSegments.edges,
+                            ...fetchMoreResult.customerSegments.edges
+                        ]
+                    }
+                };
+            }
+        });
+    };
+    return {
+        segments,
+        pageInfo,
+        isLoadingSegments,
+        error,
+        fetchMoreSegments
+    };
+};
+export { useSegments };

package/dist/components/segments-picker/ui/SegmentsPicker.d.ts

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

package/dist/components/segments-picker/ui/SegmentsPicker.js

@@ -0,0 +1,105 @@
+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, InlineStack, Input, Modal, Spinner, Text } from "@soppiya/elementus";
+import classnames from "classnames";
+import lodash from "lodash";
+import { useState } from "react";
+import { useSegments } from "../model/useSegments.js";
+const SegmentPicker = ({ title = "Segments", initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+    const [selectedSegment, setSelectedSegment] = useState(initialIds);
+    const { query, debounceQuery, onChangeQuery } = useFilterQuery();
+    const { segments, pageInfo, isLoadingSegments, fetchMoreSegments } = useSegments({
+        first: 20,
+        query: debounceQuery
+    });
+    const isReached = limit !== 1 / 0 && selectedSegment.length >= limit;
+    const isDisabled = limit !== 1 / 0 && selectedSegment.length > limit;
+    const handleSelectSegment = (segmentId)=>{
+        if (selectedSegment.includes(segmentId)) return void setSelectedSegment((prev)=>prev.filter((id)=>segmentId !== id));
+        if (isReached) return;
+        setSelectedSegment((prev)=>[
+                ...prev,
+                segmentId
+            ]);
+    };
+    const handleOk = ()=>{
+        if (lodash.isFunction(onOk)) onOk(selectedSegment);
+    };
+    const buttonsJSX = /*#__PURE__*/ jsx(InlineStack, {
+        gap: 50,
+        justifyContent: "end",
+        children: /*#__PURE__*/ jsx(Button, {
+            disabled: lodash.isEmpty(selectedSegment) || isDisabled,
+            onClick: handleOk,
+            children: "Add"
+        })
+    });
+    return /*#__PURE__*/ jsx(Modal, {
+        open: true,
+        title: title,
+        bodyPadding: 0,
+        buttons: buttonsJSX,
+        onClose: onClose,
+        children: /*#__PURE__*/ jsxs(BlockStack, {
+            children: [
+                /*#__PURE__*/ jsx(Box, {
+                    padding: 60,
+                    children: /*#__PURE__*/ jsx(Input, {
+                        size: "sm",
+                        type: "search",
+                        value: query ?? "",
+                        onChange: (event)=>onChangeQuery(event.target.value)
+                    })
+                }),
+                isLoadingSegments ? /*#__PURE__*/ jsx(InlineStack, {
+                    justifyContent: "center",
+                    padding: 80,
+                    children: /*#__PURE__*/ jsx(Spinner, {
+                        size: "md"
+                    })
+                }) : /*#__PURE__*/ jsxs(BlockStack, {
+                    children: [
+                        segments.map((segment)=>/*#__PURE__*/ jsx(InlineStack, {
+                                stack: "full",
+                                className: classnames('lg:cursor-pointer border-t border-t-[#ebebeb]!', {
+                                    'bg-[#f1f1f1ab] cursor-default!': !selectedSegment.includes(segment._id) && isReached
+                                }),
+                                gapX: 60,
+                                padding: 60,
+                                onClick: ()=>handleSelectSegment(String(segment._id)),
+                                children: /*#__PURE__*/ jsx(BlockStack, {
+                                    children: /*#__PURE__*/ jsxs(InlineStack, {
+                                        alignItems: "center",
+                                        gapX: 70,
+                                        children: [
+                                            /*#__PURE__*/ jsx(Box, {
+                                                children: /*#__PURE__*/ jsx(Checkbox, {
+                                                    disabled: !selectedSegment.includes(segment._id) && isReached,
+                                                    checked: selectedSegment.includes(String(segment._id)),
+                                                    onChange: ()=>{}
+                                                })
+                                            }),
+                                            /*#__PURE__*/ jsx(BlockStack, {
+                                                children: /*#__PURE__*/ jsx(Text, {
+                                                    size: "md",
+                                                    weight: "medium",
+                                                    className: "capitalize!",
+                                                    children: segment.title
+                                                })
+                                            })
+                                        ]
+                                    })
+                                })
+                            })),
+                        pageInfo?.hasNextPage && /*#__PURE__*/ jsx(InfinityScroll, {
+                            onFetch: fetchMoreSegments
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+const SegmentsPicker = SegmentPicker;
+export { SegmentsPicker as default };

package/dist/components/segments-picker/ui/SegmentsPicker.stories.d.ts

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

package/dist/components/segments-picker/ui/SegmentsPicker.stories.js

@@ -0,0 +1,11 @@
+import { jsx } from "react/jsx-runtime";
+import SegmentsPicker from "./SegmentsPicker.js";
+const meta = {
+    title: "Example/SegmentPicker",
+    component: SegmentsPicker
+};
+const SegmentsPicker_stories = meta;
+const Default = ()=>/*#__PURE__*/ jsx(SegmentsPicker, {
+        title: "Select Segment"
+    });
+export { Default, SegmentsPicker_stories as default };

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

@@ -14,7 +14,9 @@ import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-
 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;
+    "query Collections($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CollectionFilterKeys) {\n  collections(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}": typeof types.CollectionsDocument;
+    "query _countries($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: _CountryFilterKeys) {\n  _countries(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        name\n        flag\n      }\n    }\n  }\n}": typeof types._CountriesDocument;
+    "query Customers($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CustomerFilterKeys) {\n  customers(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        first_name\n        last_name\n        email {\n          address\n        }\n      }\n    }\n  }\n}": typeof types.CustomersDocument;
     "query Linklists($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: LinklistFilterKeys) {\n  linklists(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        links {\n          url\n          _id\n        }\n      }\n    }\n  }\n}": typeof types.LinklistsDocument;
     "\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;
@@ -26,6 +28,7 @@ type Documents = {
     "query Metaobjects($filterKeys: MetaobjectFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  metaobjects(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        name\n      }\n    }\n  }\n}": typeof types.MetaobjectsDocument;
     "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;
+    "query CustomerSegments($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CustomerSegmentFilterKeys) {\n  customerSegments(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      }\n    }\n  }\n}": typeof types.CustomerSegmentsDocument;
     "\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;
@@ -53,7 +56,15 @@ export declare function graphql(source: "query Blogs($filterKeys: BlogFilterKeys
 /**
  * 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}"];
+export declare function graphql(source: "query Collections($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CollectionFilterKeys) {\n  collections(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}"): (typeof documents)["query Collections($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CollectionFilterKeys) {\n  collections(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}"];
+/**
+ * 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 _countries($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: _CountryFilterKeys) {\n  _countries(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        name\n        flag\n      }\n    }\n  }\n}"): (typeof documents)["query _countries($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: _CountryFilterKeys) {\n  _countries(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        name\n        flag\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 Customers($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CustomerFilterKeys) {\n  customers(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        first_name\n        last_name\n        email {\n          address\n        }\n      }\n    }\n  }\n}"): (typeof documents)["query Customers($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CustomerFilterKeys) {\n  customers(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        first_name\n        last_name\n        email {\n          address\n        }\n      }\n    }\n  }\n}"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */
@@ -98,6 +109,10 @@ export declare function graphql(source: "query Pages($filterKeys: PageFilterKeys
  * 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: "query CustomerSegments($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CustomerSegmentFilterKeys) {\n  customerSegments(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      }\n    }\n  }\n}"): (typeof documents)["query CustomerSegments($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CustomerSegmentFilterKeys) {\n  customerSegments(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      }\n    }\n  }\n}"];
 /**
  * The graphql function is used to parse GraphQL queries into a document that can be used by GraphQL clients.
  */

package/dist/shared/graphql/gql.js

@@ -1,8 +1,10 @@
-import { AddMediasDocument, ArticlesDocument, BlogsDocument, CollectionsDocument, DeleteMediasDocument, LinklistsDocument, MediaUsageDocument, MediasDocument, MetafieldsDocument, MetaobjectEntriesDocument, MetaobjectsDocument, PagesDocument, ProductsDocument, StoragePlanDocument, VariantsDocument } from "./graphql.js";
+import { AddMediasDocument, ArticlesDocument, BlogsDocument, CollectionsDocument, CustomerSegmentsDocument, CustomersDocument, DeleteMediasDocument, LinklistsDocument, MediaUsageDocument, MediasDocument, MetafieldsDocument, MetaobjectEntriesDocument, MetaobjectsDocument, PagesDocument, ProductsDocument, StoragePlanDocument, VariantsDocument, _CountriesDocument } 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,
+    "query Collections($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CollectionFilterKeys) {\n  collections(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}": CollectionsDocument,
+    "query _countries($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: _CountryFilterKeys) {\n  _countries(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        name\n        flag\n      }\n    }\n  }\n}": _CountriesDocument,
+    "query Customers($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CustomerFilterKeys) {\n  customers(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        first_name\n        last_name\n        email {\n          address\n        }\n      }\n    }\n  }\n}": CustomersDocument,
     "query Linklists($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: LinklistFilterKeys) {\n  linklists(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        links {\n          url\n          _id\n        }\n      }\n    }\n  }\n}": LinklistsDocument,
     "\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,
@@ -14,6 +16,7 @@ const documents = {
     "query Metaobjects($filterKeys: MetaobjectFilterKeys, $after: ID, $before: ID, $first: Int, $last: Int, $query: String) {\n  metaobjects(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        name\n      }\n    }\n  }\n}": MetaobjectsDocument,
     "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,
+    "query CustomerSegments($after: ID, $before: ID, $first: Int, $last: Int, $query: String, $filterKeys: CustomerSegmentFilterKeys) {\n  customerSegments(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      }\n    }\n  }\n}": CustomerSegmentsDocument,
     "\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) {