@soppiya/app-bridge 1.1.8 → 1.1.9

package/dist/components/articles-picker/ui/ArticlesPicker.d.ts

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

package/dist/components/articles-picker/ui/ArticlesPicker.js

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import lodash from "lodash";
 import { useState } from "react";
 import { userArticles } from "../model/useArticles.js";
-const ArticlesPicker = ({ title = "Articles", initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+const ArticlesPicker = ({ title = "Articles", initialIds = [], limit = 1 / 0, okButtonLoading, onClose, onOk })=>{
     const [selectedVariant, setSelectedVariant] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { articles, pageInfo, isLoadingArticles, fetchMoreArticles } = userArticles({
@@ -30,6 +30,7 @@ const ArticlesPicker = ({ title = "Articles", initialIds = [], limit = 1 / 0, on
         gap: 50,
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
+            loading: okButtonLoading,
             disabled: lodash.isEmpty(selectedVariant) || isDisabled,
             onClick: handleOk,
             children: "Add"

package/dist/components/articles-picker/ui/ProductPicker.stories.d.ts

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

package/dist/components/blogs-picker/ui/BlogsPicker.d.ts

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

package/dist/components/blogs-picker/ui/BlogsPicker.js

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import lodash from "lodash";
 import { useState } from "react";
 import { useBlogs } from "../model/useBlogs.js";
-const BlogsPicker = ({ title = "Blogs", initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+const BlogsPicker = ({ title = "Blogs", initialIds = [], limit = 1 / 0, okButtonLoading, onClose, onOk })=>{
     const [selectedBlog, setSelectedBlog] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { blogs, isLoadingBlogs, fetchMoreBlogs, pageInfo } = useBlogs({
@@ -29,6 +29,7 @@ const BlogsPicker = ({ title = "Blogs", initialIds = [], limit = 1 / 0, onClose,
     const ButtonJSX = /*#__PURE__*/ jsx(InlineStack, {
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
+            loading: okButtonLoading,
             onClick: handleOk,
             disabled: lodash.isEmpty(selectedBlog) || isDisabled,
             children: "Add"

package/dist/components/blogs-picker/ui/BlogsPicker.stories.d.ts

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

package/dist/components/collections-pciker/ui/CollectionPicker.d.ts

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

package/dist/components/collections-pciker/ui/CollectionPicker.js

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import lodash from "lodash";
 import { useState } from "react";
 import { useCollections } from "../model/useCollections.js";
-const CollectionPicker = ({ title = "Collections", initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+const CollectionPicker = ({ title = "Collections", initialIds = [], limit = 1 / 0, okButtonLoading, onClose, onOk })=>{
     const [selectedCollection, setSelectedCollection] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { collections, isLoadingCollections, fetchMoreCollections, pageInfo } = useCollections({
@@ -28,6 +28,7 @@ const CollectionPicker = ({ title = "Collections", initialIds = [], limit = 1 /
     const ButtonJSX = /*#__PURE__*/ jsx(InlineStack, {
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
+            loading: okButtonLoading,
             disabled: lodash.isEmpty(selectedCollection) || isDisabled,
             onClick: handleOk,
             children: "Add"

package/dist/components/collections-pciker/ui/CollectionPicker.stories.d.ts

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

package/dist/components/country-picker/ui/CountryPicker.d.ts

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

package/dist/components/country-picker/ui/CountryPicker.js

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import lodash from "lodash";
 import { useState } from "react";
 import { useCountry } from "../model/useContry.js";
-const CountryPicker = ({ title = "Countries", initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+const CountryPicker = ({ title = "Countries", initialIds = [], limit = 1 / 0, okButtonLoading, onClose, onOk })=>{
     const [selectedCustomer, setSelectedCustomer] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { countries, pageInfo, isLoadingCountry, fetchMoreCountries } = useCountry({
@@ -30,6 +30,7 @@ const CountryPicker = ({ title = "Countries", initialIds = [], limit = 1 / 0, on
         gap: 50,
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
+            loading: okButtonLoading,
             disabled: lodash.isEmpty(selectedCustomer) || isDisabled,
             onClick: handleOk,
             children: "Add"

package/dist/components/country-picker/ui/CountryPicker.stories.d.ts

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

package/dist/components/customers-picker/ui/CustomersPicker.d.ts

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

package/dist/components/customers-picker/ui/CustomersPicker.js

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import lodash from "lodash";
 import { useState } from "react";
 import { useCustomers } from "../model/useCustomers.js";
-const CustomersPicker = ({ title = "Customers", initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+const CustomersPicker = ({ title = "Customers", initialIds = [], limit = 1 / 0, okButtonLoading, onClose, onOk })=>{
     const [selectedCustomer, setSelectedCustomer] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { customers, pageInfo, isLoadingCustomers, fetchMoreCustomers } = useCustomers({
@@ -30,6 +30,7 @@ const CustomersPicker = ({ title = "Customers", initialIds = [], limit = 1 / 0,
         gap: 50,
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
+            loading: okButtonLoading,
             disabled: lodash.isEmpty(selectedCustomer) || isDisabled,
             onClick: handleOk,
             children: "Add"

package/dist/components/customers-picker/ui/CustomersPicker.stories.d.ts

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

package/dist/components/link-list-picker/ui/LinkListPicker.d.ts

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

package/dist/components/link-list-picker/ui/LinkListPicker.js

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import lodash from "lodash";
 import { useState } from "react";
 import { useLinklist } from "../model/useLinkList.js";
-const LinkListPicker = ({ title = "Linklist", initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+const LinkListPicker = ({ title = "Linklist", initialIds = [], limit = 1 / 0, okButtonLoading, onClose, onOk })=>{
     const [selectedLinklist, setSelectedLinklist] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { linklists, isLoadingLinklist, fetchMoreLinklists, pageInfo } = useLinklist({
@@ -29,6 +29,7 @@ const LinkListPicker = ({ title = "Linklist", initialIds = [], limit = 1 / 0, on
     const ButtonJSX = /*#__PURE__*/ jsx(InlineStack, {
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
+            loading: okButtonLoading,
             disabled: lodash.isEmpty(selectedLinklist) || isDisabled,
             onClick: handleOk,
             children: "Add"

package/dist/components/link-list-picker/ui/LinkListPicker.stories.d.ts

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

package/dist/components/media/Media.d.ts

@@ -4,8 +4,9 @@ type MediaProps = {
     types?: MediaType[];
     limit?: number;
     isFilterByTypes?: boolean;
+    okButtonLoading?: boolean;
     onClose?: () => void;
     onOk?: (medias: string[]) => void;
 };
-declare const Media: ({ title, types, isFilterByTypes, limit, onClose, onOk, }: MediaProps) => import("react/jsx-runtime").JSX.Element;
+declare const Media: ({ title, types, isFilterByTypes, limit, okButtonLoading, onClose, onOk, }: MediaProps) => import("react/jsx-runtime").JSX.Element;
 export default Media;

package/dist/components/media/Media.js

@@ -23,7 +23,7 @@ const Media_Media = ({ title = "Media", types = [
     MediaType.file,
     MediaType.image,
     MediaType.video
-], isFilterByTypes = false, limit = 1 / 0, onClose, onOk })=>{
+], isFilterByTypes = false, limit = 1 / 0, okButtonLoading, onClose, onOk })=>{
     const { query, debounceQuery, onChangeQuery } = useMediaFilter();
     const { sorting, onChangeSorting } = useMediaSorting();
     const [selectedMedias, setSelectedMedias] = useState([]);
@@ -131,6 +131,7 @@ const Media_Media = ({ title = "Media", types = [
                 stack: "full",
                 justifyContent: "end",
                 children: /*#__PURE__*/ jsx(Button, {
+                    loading: okButtonLoading,
                     size: "xs",
                     disabled: !isValidMedia(),
                     onClick: handleOk,

package/dist/components/media/Media.stories.d.ts

@@ -1,10 +1,11 @@
 declare const meta: {
     title: string;
-    component: ({ title, types, isFilterByTypes, limit, onClose, onOk, }: {
+    component: ({ title, types, isFilterByTypes, limit, okButtonLoading, onClose, onOk, }: {
         title?: string;
         types?: import("../../shared/graphql/graphql").MediaType[];
         limit?: number;
         isFilterByTypes?: boolean;
+        okButtonLoading?: boolean;
         onClose?: () => void;
         onOk?: (medias: string[]) => void;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/metaobjects-entries-picker/ui/MetaobjectEntriesPicker.d.ts

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

package/dist/components/metaobjects-entries-picker/ui/MetaobjectEntriesPicker.js

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import lodash from "lodash";
 import { useState } from "react";
 import { useMetaobjectEntries } from "../model/useMetaobjectEntries.js";
-const MetaobjectEntriesPicker = ({ title = "Metaobject entries", initialIds = [], limit = 1 / 0, metaobjects = [], onClose, onOk })=>{
+const MetaobjectEntriesPicker = ({ title = "Metaobject entries", initialIds = [], limit = 1 / 0, metaobjects = [], okButtonLoading, onClose, onOk })=>{
     const [selectedMetaobjectEntries, setSelectedMetaobjectEntries] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { metaobjectEntries, isLoadingMetaobjectEntries, fetchMoreMetaobjectEntries, pageInfo } = useMetaobjectEntries({
@@ -32,6 +32,7 @@ const MetaobjectEntriesPicker = ({ title = "Metaobject entries", initialIds = []
     const ButtonJSX = /*#__PURE__*/ jsx(InlineStack, {
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
+            loading: okButtonLoading,
             disabled: lodash.isEmpty(selectedMetaobjectEntries) || isDisabled,
             onClick: handleOk,
             children: "Add"

package/dist/components/metaobjects-entries-picker/ui/MetaobjectEntriesPicker.stories.d.ts

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

package/dist/components/metaobjects-picker/ui/MetaobjectsPicker.d.ts

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

package/dist/components/metaobjects-picker/ui/MetaobjectsPicker.js

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import lodash from "lodash";
 import { useState } from "react";
 import { useMetaobjects } from "../model/useMetaobjects.js";
-const MetaobjectsPicker = ({ title = "Metaobjects", initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+const MetaobjectsPicker = ({ title = "Metaobjects", initialIds = [], limit = 1 / 0, okButtonLoading, onClose, onOk })=>{
     const [selectedMetaobject, setSelectedMetaobject] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { metaobjects, isMetaobjectsLoading, fetchMoreMetaobjects, pageInfo } = useMetaobjects({
@@ -29,6 +29,7 @@ const MetaobjectsPicker = ({ title = "Metaobjects", initialIds = [], limit = 1 /
     const ButtonJSX = /*#__PURE__*/ jsx(InlineStack, {
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
+            loading: okButtonLoading,
             disabled: lodash.isEmpty(selectedMetaobject) || isDisabled,
             onClick: handleOk,
             children: "Add"

package/dist/components/metaobjects-picker/ui/MetaobjectsPicker.stories.d.ts

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

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

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

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

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import lodash from "lodash";
 import { useState } from "react";
 import { usePages } from "../model/usePages.js";
-const PagesPicker = ({ title = "Pages", initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+const PagesPicker = ({ title = "Pages", initialIds = [], limit = 1 / 0, okButtonLoading, onClose, onOk })=>{
     const [selectedPage, setSelectedPage] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { pages, fetchMorePages, isLoadingPages, pageInfo } = usePages({
@@ -29,6 +29,7 @@ const PagesPicker = ({ title = "Pages", initialIds = [], limit = 1 / 0, onClose,
     const ButtonJSX = /*#__PURE__*/ jsx(InlineStack, {
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
+            loading: okButtonLoading,
             disabled: lodash.isEmpty(selectedPage) || isDisabled,
             onClick: handleOk,
             children: "Add"

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

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

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

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

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

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import lodash from "lodash";
 import { useState } from "react";
 import { useProducts } from "../model/useProducts.js";
-const ProductsPicker = ({ title = "Products", initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+const ProductsPicker = ({ title = "Products", initialIds = [], limit = 1 / 0, okButtonLoading, onClose, onOk })=>{
     const [selectedProduct, setSelectedProduct] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { products, pageInfo, isLoadingProducts, fetchMoreProducts } = useProducts({
@@ -30,6 +30,7 @@ const ProductsPicker = ({ title = "Products", initialIds = [], limit = 1 / 0, on
         gap: 50,
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
+            loading: okButtonLoading,
             disabled: lodash.isEmpty(selectedProduct) || isDisabled,
             onClick: handleOk,
             children: "Add"

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

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

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

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

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

@@ -6,7 +6,7 @@ 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 SegmentPicker = ({ title = "Segments", initialIds = [], limit = 1 / 0, okButtonLoading, onClose, onOk })=>{
     const [selectedSegment, setSelectedSegment] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { segments, pageInfo, isLoadingSegments, fetchMoreSegments } = useSegments({
@@ -30,6 +30,7 @@ const SegmentPicker = ({ title = "Segments", initialIds = [], limit = 1 / 0, onC
         gap: 50,
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
+            loading: okButtonLoading,
             disabled: lodash.isEmpty(selectedSegment) || isDisabled,
             onClick: handleOk,
             children: "Add"

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

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

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

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

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

@@ -6,7 +6,7 @@ import classnames from "classnames";
 import lodash from "lodash";
 import { useState } from "react";
 import { useVariants } from "../model/useVariants.js";
-const VariantsPicker = ({ title = "Variants", initialIds = [], limit = 1 / 0, onClose, onOk })=>{
+const VariantsPicker = ({ title = "Variants", initialIds = [], limit = 1 / 0, okButtonLoading, onClose, onOk })=>{
     const [selectedVariant, setSelectedVariant] = useState(initialIds);
     const { query, debounceQuery, onChangeQuery } = useFilterQuery();
     const { variants, pageInfo, isLoadingVariants, fetchMoreVariants } = useVariants({
@@ -30,6 +30,7 @@ const VariantsPicker = ({ title = "Variants", initialIds = [], limit = 1 / 0, on
         gap: 50,
         justifyContent: "end",
         children: /*#__PURE__*/ jsx(Button, {
+            loading: okButtonLoading,
             disabled: lodash.isEmpty(selectedVariant) || isDisabled,
             onClick: handleOk,
             children: "Add"

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soppiya/app-bridge",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "type": "module",
   "exports": {
     ".": {