@shopify/shop-minis-react 0.0.25 → 0.0.27

package/dist/components/content/content-wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-wrapper.js","sources":["../../../src/components/content/content-wrapper.tsx"],"sourcesContent":["import {useContent} from '../../hooks/content/useContent'\nimport {Content} from '../../types'\n\nimport {ContentMonitor} from './content-monitor'\n\ninterface BaseContentWrapperProps {\n  children: ({\n    content,\n    loading,\n  }: {\n    content?: Content\n    loading: boolean\n  }) => JSX.Element | null\n}\n\ninterface PublicIdContentWrapperProps extends BaseContentWrapperProps {\n  publicId: string\n  externalId?: never\n}\n\ninterface ExternalIdContentWrapperProps extends BaseContentWrapperProps {\n  externalId: string\n  publicId?: never\n}\n\ntype ContentWrapperProps =\n  | PublicIdContentWrapperProps\n  | ExternalIdContentWrapperProps\n\n// It's too messy in the docs to show the complete types here so we show a simplified version\nexport interface ContentWrapperPropsForDocs extends BaseContentWrapperProps {\n  publicId?: string\n  externalId?: string\n}\n\nexport function ContentWrapper({\n  publicId,\n  externalId,\n  children,\n}: ContentWrapperProps) {\n  const {content, loading} = useContent({\n    identifiers: [{publicId, externalId}],\n  })\n\n  const contentItem = content?.[0]\n\n  if (loading || !contentItem) {\n    return children({loading})\n  }\n\n  return (\n    <ContentMonitor publicId={contentItem.publicId}>\n      {children({content: contentItem, loading})}\n    </ContentMonitor>\n  )\n}\n"],"names":["ContentWrapper","publicId","externalId","children","content","loading","useContent","contentItem","jsx","ContentMonitor"],"mappings":";;;AAmCO,SAASA,EAAe;AAAA,EAC7B,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACF,GAAwB;AACtB,QAAM,EAAC,SAAAC,GAAS,SAAAC,EAAO,IAAIC,EAAW;AAAA,IACpC,aAAa,CAAC,EAAC,UAAAL,GAAU,YAAAC,EAAW,CAAA;AAAA,EAAA,CACrC,GAEKK,IAAcH,IAAU,CAAC;AAE3B,SAAAC,KAAW,CAACE,IACPJ,EAAS,EAAC,SAAAE,GAAQ,IAIzB,gBAAAG,EAACC,GAAe,EAAA,UAAUF,EAAY,UACnC,UAASJ,EAAA,EAAC,SAASI,GAAa,SAAAF,EAAO,CAAC,EAC3C,CAAA;AAEJ;"}

package/dist/components/ui/input.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { cn as n } from "../../lib/utils.js";
-function a({ className: e, type: i, ...r }) {
+function l({ className: e, type: i, ...r }) {
   return /* @__PURE__ */ t(
     "input",
     {
@@ -8,7 +8,7 @@ function a({ className: e, type: i, ...r }) {
       "data-slot": "input",
       className: n(
         "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "focus:outline-none focus:ring-0 focus-visible:ring-0 focus-visible:outline-none",
         "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
         e
       ),
@@ -17,6 +17,6 @@ function a({ className: e, type: i, ...r }) {
   );
 }
 export {
-  a as Input
+  l as Input
 };
 //# sourceMappingURL=input.js.map

package/dist/components/ui/input.js.map

@@ -1 +1 @@
-{"version":3,"file":"input.js","sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {cn} from '../../lib/utils'\n\nfunction Input({className, type, ...props}: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {Input}\n"],"names":["Input","className","type","props","jsx","cn"],"mappings":";;AAIA,SAASA,EAAM,EAAC,WAAAC,GAAW,MAAAC,GAAM,GAAGC,KAAuC;AAEvE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAF;AAAA,MACA,aAAU;AAAA,MACV,WAAWG;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;"}
+{"version":3,"file":"input.js","sources":["../../../src/components/ui/input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {cn} from '../../lib/utils'\n\nfunction Input({className, type, ...props}: React.ComponentProps<'input'>) {\n  return (\n    <input\n      type={type}\n      data-slot=\"input\"\n      className={cn(\n        'file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n        'focus:outline-none focus:ring-0 focus-visible:ring-0 focus-visible:outline-none',\n        'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {Input}\n"],"names":["Input","className","type","props","jsx","cn"],"mappings":";;AAIA,SAASA,EAAM,EAAC,WAAAC,GAAW,MAAAC,GAAM,GAAGC,KAAuC;AAEvE,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAAF;AAAA,MACA,aAAU;AAAA,MACV,WAAWG;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAJ;AAAA,MACF;AAAA,MACC,GAAGE;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/hooks/content/useContent.js

@@ -0,0 +1,24 @@
+import { useMemo as m } from "react";
+import { useShopActions as u } from "../../internal/useShopActions.js";
+import { useShopActionsDataFetching as a } from "../../internal/useShopActionsDataFetching.js";
+const l = (o) => {
+  const { getContent: e } = u(), { identifiers: n, skip: s = !1, ...r } = o, { data: t, ...i } = a(
+    e,
+    {
+      identifiers: n,
+      ...r
+    },
+    {
+      skip: s,
+      hook: "useContent"
+    }
+  ), c = m(() => t ?? null, [t]);
+  return {
+    ...i,
+    content: c
+  };
+};
+export {
+  l as useContent
+};
+//# sourceMappingURL=useContent.js.map

package/dist/hooks/content/useContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContent.js","sources":["../../../src/hooks/content/useContent.ts"],"sourcesContent":["import {useMemo} from 'react'\n\nimport {useShopActions} from '../../internal/useShopActions'\nimport {useShopActionsDataFetching} from '../../internal/useShopActionsDataFetching'\nimport {\n  Content,\n  ContentIdentifierInput,\n  DataHookOptionsBase,\n  DataHookReturnsBase,\n} from '../../types'\n\nexport interface UseContentParams extends DataHookOptionsBase {\n  /**\n   * The identifiers of the content to fetch.\n   */\n  identifiers: ContentIdentifierInput | ContentIdentifierInput[]\n}\n\ninterface UseContentReturns extends DataHookReturnsBase {\n  /**\n   * The content returned from the query.\n   */\n  content: Content[] | null\n}\n\nexport const useContent = (params: UseContentParams): UseContentReturns => {\n  const {getContent} = useShopActions()\n  const {identifiers, skip = false, ...restParams} = params\n\n  const {data, ...rest} = useShopActionsDataFetching(\n    getContent,\n    {\n      identifiers,\n      ...restParams,\n    },\n    {\n      skip,\n      hook: 'useContent',\n    }\n  )\n\n  const content = useMemo(() => {\n    return data ?? null\n  }, [data])\n\n  return {\n    ...rest,\n    content,\n  }\n}\n"],"names":["useContent","params","getContent","useShopActions","identifiers","skip","restParams","data","rest","useShopActionsDataFetching","content","useMemo"],"mappings":";;;AAyBa,MAAAA,IAAa,CAACC,MAAgD;AACnE,QAAA,EAAC,YAAAC,EAAU,IAAIC,EAAe,GAC9B,EAAC,aAAAC,GAAa,MAAAC,IAAO,IAAO,GAAGC,EAAc,IAAAL,GAE7C,EAAC,MAAAM,GAAM,GAAGC,EAAA,IAAQC;AAAA,IACtBP;AAAA,IACA;AAAA,MACE,aAAAE;AAAA,MACA,GAAGE;AAAA,IACL;AAAA,IACA;AAAA,MACE,MAAAD;AAAA,MACA,MAAM;AAAA,IAAA;AAAA,EAEV,GAEMK,IAAUC,EAAQ,MACfJ,KAAQ,MACd,CAACA,CAAI,CAAC;AAEF,SAAA;AAAA,IACL,GAAGC;AAAA,IACH,SAAAE;AAAA,EACF;AACF;"}

package/dist/hooks/content/useCreateImageContent.js

@@ -1,37 +1,40 @@
-import { useCallback as s } from "react";
-import { useHandleAction as p } from "../../internal/useHandleAction.js";
-import { useShopActions as c } from "../../internal/useShopActions.js";
-import { useImageUpload as u } from "../storage/useImageUpload.js";
-import { fileToDataUri as g } from "../../utils/imageToDataUri.js";
-const C = () => {
-  const { createContent: t } = c(), { uploadImage: o } = u(), a = s(
-    async (i) => {
-      const { image: e, contentTitle: n, visibility: m } = i;
+import { useState as u, useCallback as g } from "react";
+import { useHandleAction as f } from "../../internal/useHandleAction.js";
+import { useShopActions as d } from "../../internal/useShopActions.js";
+import { useImageUpload as w } from "../storage/useImageUpload.js";
+import { fileToDataUri as I } from "../../utils/imageToDataUri.js";
+const E = () => {
+  const { createContent: t } = d(), { uploadImage: a } = w(), [i, o] = u(!1), n = g(
+    async (m) => {
+      o(!0);
+      const { image: e, contentTitle: s, visibility: l } = m;
       if (!e.type)
         throw new Error("Unable to determine file type");
       if (!e.type.startsWith("image/"))
         throw new Error("Invalid file type: must be an image");
-      const [l] = await o([
+      const [c] = await a([
         {
           mimeType: e.type,
-          uri: await g(e)
+          uri: await I(e)
         }
-      ]), r = l.imageUrl;
+      ]), r = c.imageUrl;
       if (!r)
         throw new Error("Image upload failed");
-      return t({
-        title: n,
+      const p = await t({
+        title: s,
         imageUrl: r,
-        visibility: m
+        visibility: l
       });
+      return o(!1), p;
     },
-    [t, o]
+    [t, a]
   );
   return {
-    createImageContent: p(a)
+    createImageContent: f(n),
+    loading: i
   };
 };
 export {
-  C as useCreateImageContent
+  E as useCreateImageContent
 };
 //# sourceMappingURL=useCreateImageContent.js.map

package/dist/hooks/content/useCreateImageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateImageContent.js","sources":["../../../src/hooks/content/useCreateImageContent.ts"],"sourcesContent":["import {useCallback} from 'react'\n\nimport {ContentVisibility} from '@shopify/shop-minis-platform'\nimport {CreateContentResponse} from '@shopify/shop-minis-platform/actions'\n\nimport {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\nimport {fileToDataUri} from '../../utils'\nimport {useImageUpload} from '../storage/useImageUpload'\n\ninterface CreateImageContentParams {\n  image: File\n  contentTitle: string\n  visibility?: ContentVisibility[] | null\n}\n\ninterface UseCreateImageContentReturns {\n  /**\n   * Upload an image and create content.\n   */\n  createImageContent: (\n    params: CreateImageContentParams\n  ) => Promise<CreateContentResponse>\n}\n\nexport const useCreateImageContent = (): UseCreateImageContentReturns => {\n  const {createContent} = useShopActions()\n  const {uploadImage} = useImageUpload()\n\n  const createImageContent = useCallback(\n    async (params: CreateImageContentParams) => {\n      const {image, contentTitle, visibility} = params\n\n      if (!image.type) {\n        throw new Error('Unable to determine file type')\n      }\n      if (!image.type.startsWith('image/')) {\n        throw new Error('Invalid file type: must be an image')\n      }\n\n      const [uploadImageResult] = await uploadImage([\n        {\n          mimeType: image.type,\n          uri: await fileToDataUri(image),\n        },\n      ])\n      const uploadImageUrl = uploadImageResult.imageUrl\n\n      if (!uploadImageUrl) {\n        throw new Error('Image upload failed')\n      }\n\n      return createContent({\n        title: contentTitle,\n        imageUrl: uploadImageUrl,\n        visibility,\n      })\n    },\n    [createContent, uploadImage]\n  )\n\n  return {\n    createImageContent: useHandleAction(createImageContent),\n  }\n}\n"],"names":["useCreateImageContent","createContent","useShopActions","uploadImage","useImageUpload","createImageContent","useCallback","params","image","contentTitle","visibility","uploadImageResult","fileToDataUri","uploadImageUrl","useHandleAction"],"mappings":";;;;;AAyBO,MAAMA,IAAwB,MAAoC;AACjE,QAAA,EAAC,eAAAC,EAAa,IAAIC,EAAe,GACjC,EAAC,aAAAC,EAAW,IAAIC,EAAe,GAE/BC,IAAqBC;AAAA,IACzB,OAAOC,MAAqC;AAC1C,YAAM,EAAC,OAAAC,GAAO,cAAAC,GAAc,YAAAC,EAAc,IAAAH;AAEtC,UAAA,CAACC,EAAM;AACH,cAAA,IAAI,MAAM,+BAA+B;AAEjD,UAAI,CAACA,EAAM,KAAK,WAAW,QAAQ;AAC3B,cAAA,IAAI,MAAM,qCAAqC;AAGvD,YAAM,CAACG,CAAiB,IAAI,MAAMR,EAAY;AAAA,QAC5C;AAAA,UACE,UAAUK,EAAM;AAAA,UAChB,KAAK,MAAMI,EAAcJ,CAAK;AAAA,QAAA;AAAA,MAChC,CACD,GACKK,IAAiBF,EAAkB;AAEzC,UAAI,CAACE;AACG,cAAA,IAAI,MAAM,qBAAqB;AAGvC,aAAOZ,EAAc;AAAA,QACnB,OAAOQ;AAAA,QACP,UAAUI;AAAA,QACV,YAAAH;AAAA,MAAA,CACD;AAAA,IACH;AAAA,IACA,CAACT,GAAeE,CAAW;AAAA,EAC7B;AAEO,SAAA;AAAA,IACL,oBAAoBW,EAAgBT,CAAkB;AAAA,EACxD;AACF;"}
+{"version":3,"file":"useCreateImageContent.js","sources":["../../../src/hooks/content/useCreateImageContent.ts"],"sourcesContent":["import {useCallback, useState} from 'react'\n\nimport {\n  ContentVisibility,\n  Content,\n  ContentCreateUserErrors,\n} from '@shopify/shop-minis-platform'\n\nimport {useHandleAction} from '../../internal/useHandleAction'\nimport {useShopActions} from '../../internal/useShopActions'\nimport {fileToDataUri} from '../../utils'\nimport {useImageUpload} from '../storage/useImageUpload'\n\ninterface CreateImageContentParams {\n  image: File\n  contentTitle: string\n  visibility?: ContentVisibility[] | null\n}\n\ninterface UseCreateImageContentReturns {\n  /**\n   * Upload an image and create content.\n   */\n  createImageContent: (\n    params: CreateImageContentParams\n  ) => Promise<{data: Content; userErrors?: ContentCreateUserErrors[]}>\n  /**\n   * Whether the content is being created.\n   */\n  loading: boolean\n}\n\nexport const useCreateImageContent = (): UseCreateImageContentReturns => {\n  const {createContent} = useShopActions()\n  const {uploadImage} = useImageUpload()\n  const [loading, setLoading] = useState(false)\n\n  const createImageContent = useCallback(\n    async (params: CreateImageContentParams) => {\n      setLoading(true)\n\n      const {image, contentTitle, visibility} = params\n\n      if (!image.type) {\n        throw new Error('Unable to determine file type')\n      }\n      if (!image.type.startsWith('image/')) {\n        throw new Error('Invalid file type: must be an image')\n      }\n\n      const [uploadImageResult] = await uploadImage([\n        {\n          mimeType: image.type,\n          uri: await fileToDataUri(image),\n        },\n      ])\n      const uploadImageUrl = uploadImageResult.imageUrl\n\n      if (!uploadImageUrl) {\n        throw new Error('Image upload failed')\n      }\n\n      const createContentResult = await createContent({\n        title: contentTitle,\n        imageUrl: uploadImageUrl,\n        visibility,\n      })\n\n      setLoading(false)\n\n      return createContentResult\n    },\n    [createContent, uploadImage]\n  )\n\n  return {\n    createImageContent: useHandleAction(createImageContent),\n    loading,\n  }\n}\n"],"names":["useCreateImageContent","createContent","useShopActions","uploadImage","useImageUpload","loading","setLoading","useState","createImageContent","useCallback","params","image","contentTitle","visibility","uploadImageResult","fileToDataUri","uploadImageUrl","createContentResult","useHandleAction"],"mappings":";;;;;AAgCO,MAAMA,IAAwB,MAAoC;AACjE,QAAA,EAAC,eAAAC,EAAa,IAAIC,EAAe,GACjC,EAAC,aAAAC,EAAW,IAAIC,EAAe,GAC/B,CAACC,GAASC,CAAU,IAAIC,EAAS,EAAK,GAEtCC,IAAqBC;AAAA,IACzB,OAAOC,MAAqC;AAC1C,MAAAJ,EAAW,EAAI;AAEf,YAAM,EAAC,OAAAK,GAAO,cAAAC,GAAc,YAAAC,EAAc,IAAAH;AAEtC,UAAA,CAACC,EAAM;AACH,cAAA,IAAI,MAAM,+BAA+B;AAEjD,UAAI,CAACA,EAAM,KAAK,WAAW,QAAQ;AAC3B,cAAA,IAAI,MAAM,qCAAqC;AAGvD,YAAM,CAACG,CAAiB,IAAI,MAAMX,EAAY;AAAA,QAC5C;AAAA,UACE,UAAUQ,EAAM;AAAA,UAChB,KAAK,MAAMI,EAAcJ,CAAK;AAAA,QAAA;AAAA,MAChC,CACD,GACKK,IAAiBF,EAAkB;AAEzC,UAAI,CAACE;AACG,cAAA,IAAI,MAAM,qBAAqB;AAGjC,YAAAC,IAAsB,MAAMhB,EAAc;AAAA,QAC9C,OAAOW;AAAA,QACP,UAAUI;AAAA,QACV,YAAAH;AAAA,MAAA,CACD;AAED,aAAAP,EAAW,EAAK,GAETW;AAAA,IACT;AAAA,IACA,CAAChB,GAAeE,CAAW;AAAA,EAC7B;AAEO,SAAA;AAAA,IACL,oBAAoBe,EAAgBV,CAAkB;AAAA,IACtD,SAAAH;AAAA,EACF;AACF;"}

package/dist/hooks/product/useProductSearch.js

@@ -1,41 +1,42 @@
-import { useState as S, useCallback as h, useEffect as y, useMemo as b } from "react";
-import P from "../../_virtual/debounce.js";
-import { useShopActions as g } from "../../internal/useShopActions.js";
+import { useState as h, useCallback as S, useEffect as y, useMemo as b } from "react";
+import g from "../../_virtual/debounce.js";
+import { useShopActions as P } from "../../internal/useShopActions.js";
 import { useShopActionsPaginatedDataFetching as k } from "../../internal/useShopActionsPaginatedDataFetching.js";
-const v = (r) => {
-  const { getProductSearch: s } = g(), {
+const v = (s) => {
+  const { getProductSearch: u } = P(), {
     query: e,
     filters: c,
-    sortBy: u,
-    includeSensitive: n = !1,
-    skip: a = !1,
+    sortBy: n,
+    includeSensitive: a = !1,
+    skip: i = !1,
     ...d
-  } = r ?? {}, [i, m] = S(e), t = h(
-    P((p) => {
-      m(p);
+  } = s ?? {}, [t, l] = h(e), r = S(
+    g((p) => {
+      l(p);
     }, 300),
     []
   );
-  y(() => (t(e), () => {
-    t.cancel();
-  }), [e, t]);
-  const { data: o, ...f } = k(
-    s,
+  y(() => (r(e), () => {
+    r.cancel();
+  }), [e, r]);
+  const { data: o, ...m } = k(
+    u,
     {
-      query: i,
+      query: t,
       filters: c,
-      sortBy: u,
-      includeSensitive: n,
+      sortBy: n,
+      includeSensitive: a,
       ...d
     },
     {
-      skip: a,
+      skip: i,
       hook: "useProductSearch"
     }
-  ), l = b(() => o ?? null, [o]);
+  ), f = b(() => t.trim().length === 0 ? null : o ?? null, [o, t]);
   return {
-    ...f,
-    products: l
+    ...m,
+    products: f,
+    isTyping: t !== e
   };
 };
 export {

package/dist/hooks/product/useProductSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"useProductSearch.js","sources":["../../../src/hooks/product/useProductSearch.ts"],"sourcesContent":["import {useCallback, useEffect, useMemo, useState} from 'react'\n\nimport debounce from 'lodash/debounce'\n\nimport {useShopActions} from '../../internal/useShopActions'\nimport {useShopActionsPaginatedDataFetching} from '../../internal/useShopActionsPaginatedDataFetching'\nimport {\n  PaginatedDataHookOptionsBase,\n  PaginatedDataHookReturnsBase,\n  Product,\n  ProductFilters,\n  ProductSearchSortBy,\n} from '../../types'\n\nexport interface UseProductSearchParams extends PaginatedDataHookOptionsBase {\n  /**\n   * The search query.\n   */\n  query: string\n  /**\n   * The filters to apply to the search.\n   */\n  filters?: ProductFilters\n  /**\n   * The sort order of the results.\n   */\n  sortBy?: ProductSearchSortBy\n  /**\n   * Whether to include sensitive products.\n   */\n  includeSensitive?: boolean\n}\n\ninterface UseProductSearchReturns extends PaginatedDataHookReturnsBase {\n  /**\n   * The products returned from the query.\n   */\n  products: Product[] | null\n}\n\nexport const useProductSearch = (\n  params: UseProductSearchParams\n): UseProductSearchReturns => {\n  const {getProductSearch} = useShopActions()\n  const {\n    query,\n    filters,\n    sortBy,\n    includeSensitive = false,\n    skip = false,\n    ...restParams\n  } = params ?? {}\n\n  const [debouncedQuery, setDebouncedQuery] = useState<string>(query)\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const debouncedSetQuery = useCallback(\n    debounce((newQuery: string) => {\n      setDebouncedQuery(newQuery)\n    }, 300),\n    []\n  )\n\n  useEffect(() => {\n    debouncedSetQuery(query)\n\n    return () => {\n      debouncedSetQuery.cancel()\n    }\n  }, [query, debouncedSetQuery])\n\n  const {data, ...rest} = useShopActionsPaginatedDataFetching(\n    getProductSearch,\n    {\n      query: debouncedQuery,\n      filters,\n      sortBy,\n      includeSensitive,\n      ...restParams,\n    },\n    {\n      skip,\n      hook: 'useProductSearch',\n    }\n  )\n\n  const products = useMemo(() => {\n    return data ?? null\n  }, [data])\n\n  return {\n    ...rest,\n    products,\n  }\n}\n"],"names":["useProductSearch","params","getProductSearch","useShopActions","query","filters","sortBy","includeSensitive","skip","restParams","debouncedQuery","setDebouncedQuery","useState","debouncedSetQuery","useCallback","debounce","newQuery","useEffect","data","rest","useShopActionsPaginatedDataFetching","products","useMemo"],"mappings":";;;;AAwCa,MAAAA,IAAmB,CAC9BC,MAC4B;AACtB,QAAA,EAAC,kBAAAC,EAAgB,IAAIC,EAAe,GACpC;AAAA,IACJ,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EACL,IAAIR,KAAU,CAAC,GAET,CAACS,GAAgBC,CAAiB,IAAIC,EAAiBR,CAAK,GAG5DS,IAAoBC;AAAA,IACxBC,EAAS,CAACC,MAAqB;AAC7B,MAAAL,EAAkBK,CAAQ;AAAA,OACzB,GAAG;AAAA,IACN,CAAA;AAAA,EACF;AAEA,EAAAC,EAAU,OACRJ,EAAkBT,CAAK,GAEhB,MAAM;AACX,IAAAS,EAAkB,OAAO;AAAA,EAC3B,IACC,CAACT,GAAOS,CAAiB,CAAC;AAE7B,QAAM,EAAC,MAAAK,GAAM,GAAGC,EAAA,IAAQC;AAAA,IACtBlB;AAAA,IACA;AAAA,MACE,OAAOQ;AAAA,MACP,SAAAL;AAAA,MACA,QAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,GAAGE;AAAA,IACL;AAAA,IACA;AAAA,MACE,MAAAD;AAAA,MACA,MAAM;AAAA,IAAA;AAAA,EAEV,GAEMa,IAAWC,EAAQ,MAChBJ,KAAQ,MACd,CAACA,CAAI,CAAC;AAEF,SAAA;AAAA,IACL,GAAGC;AAAA,IACH,UAAAE;AAAA,EACF;AACF;"}
+{"version":3,"file":"useProductSearch.js","sources":["../../../src/hooks/product/useProductSearch.ts"],"sourcesContent":["import {useCallback, useEffect, useMemo, useState} from 'react'\n\nimport debounce from 'lodash/debounce'\n\nimport {useShopActions} from '../../internal/useShopActions'\nimport {useShopActionsPaginatedDataFetching} from '../../internal/useShopActionsPaginatedDataFetching'\nimport {\n  PaginatedDataHookOptionsBase,\n  PaginatedDataHookReturnsBase,\n  Product,\n  ProductFilters,\n  ProductSearchSortBy,\n} from '../../types'\n\nexport interface UseProductSearchParams extends PaginatedDataHookOptionsBase {\n  /**\n   * The search query.\n   */\n  query: string\n  /**\n   * The filters to apply to the search.\n   */\n  filters?: ProductFilters\n  /**\n   * The sort order of the results.\n   */\n  sortBy?: ProductSearchSortBy\n  /**\n   * Whether to include sensitive products.\n   */\n  includeSensitive?: boolean\n}\n\ninterface UseProductSearchReturns extends PaginatedDataHookReturnsBase {\n  /**\n   * The products returned from the query.\n   */\n  products: Product[] | null\n  /**\n   * Whether the user is typing.\n   */\n  isTyping: boolean\n}\n\nexport const useProductSearch = (\n  params: UseProductSearchParams\n): UseProductSearchReturns => {\n  const {getProductSearch} = useShopActions()\n  const {\n    query,\n    filters,\n    sortBy,\n    includeSensitive = false,\n    skip = false,\n    ...restParams\n  } = params ?? {}\n\n  const [debouncedQuery, setDebouncedQuery] = useState<string>(query)\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const debouncedSetQuery = useCallback(\n    debounce((newQuery: string) => {\n      setDebouncedQuery(newQuery)\n    }, 300),\n    []\n  )\n\n  useEffect(() => {\n    debouncedSetQuery(query)\n\n    return () => {\n      debouncedSetQuery.cancel()\n    }\n  }, [query, debouncedSetQuery])\n\n  const {data, ...rest} = useShopActionsPaginatedDataFetching(\n    getProductSearch,\n    {\n      query: debouncedQuery,\n      filters,\n      sortBy,\n      includeSensitive,\n      ...restParams,\n    },\n    {\n      skip,\n      hook: 'useProductSearch',\n    }\n  )\n\n  const products = useMemo(() => {\n    if (debouncedQuery.trim().length === 0) {\n      return null\n    }\n\n    return data ?? null\n  }, [data, debouncedQuery])\n\n  return {\n    ...rest,\n    products,\n    isTyping: debouncedQuery !== query,\n  }\n}\n"],"names":["useProductSearch","params","getProductSearch","useShopActions","query","filters","sortBy","includeSensitive","skip","restParams","debouncedQuery","setDebouncedQuery","useState","debouncedSetQuery","useCallback","debounce","newQuery","useEffect","data","rest","useShopActionsPaginatedDataFetching","products","useMemo"],"mappings":";;;;AA4Ca,MAAAA,IAAmB,CAC9BC,MAC4B;AACtB,QAAA,EAAC,kBAAAC,EAAgB,IAAIC,EAAe,GACpC;AAAA,IACJ,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,kBAAAC,IAAmB;AAAA,IACnB,MAAAC,IAAO;AAAA,IACP,GAAGC;AAAA,EACL,IAAIR,KAAU,CAAC,GAET,CAACS,GAAgBC,CAAiB,IAAIC,EAAiBR,CAAK,GAG5DS,IAAoBC;AAAA,IACxBC,EAAS,CAACC,MAAqB;AAC7B,MAAAL,EAAkBK,CAAQ;AAAA,OACzB,GAAG;AAAA,IACN,CAAA;AAAA,EACF;AAEA,EAAAC,EAAU,OACRJ,EAAkBT,CAAK,GAEhB,MAAM;AACX,IAAAS,EAAkB,OAAO;AAAA,EAC3B,IACC,CAACT,GAAOS,CAAiB,CAAC;AAE7B,QAAM,EAAC,MAAAK,GAAM,GAAGC,EAAA,IAAQC;AAAA,IACtBlB;AAAA,IACA;AAAA,MACE,OAAOQ;AAAA,MACP,SAAAL;AAAA,MACA,QAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,GAAGE;AAAA,IACL;AAAA,IACA;AAAA,MACE,MAAAD;AAAA,MACA,MAAM;AAAA,IAAA;AAAA,EAEV,GAEMa,IAAWC,EAAQ,MACnBZ,EAAe,OAAO,WAAW,IAC5B,OAGFQ,KAAQ,MACd,CAACA,GAAMR,CAAc,CAAC;AAElB,SAAA;AAAA,IACL,GAAGS;AAAA,IACH,UAAAE;AAAA,IACA,UAAUX,MAAmBN;AAAA,EAC/B;AACF;"}