@shopify/shop-minis-react 0.0.27 → 0.0.28

package/dist/_virtual/index2.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../shop-minis-react/node_modules/.pnpm/color@4.2.3/node_modules/color/index.js";
-var t = /* @__PURE__ */ o();
-const l = /* @__PURE__ */ r(t);
+import { __require as o } from "../shop-minis-react/node_modules/.pnpm/@videojs_xhr@2.7.0/node_modules/@videojs/xhr/lib/index.js";
+var t = o();
+const a = /* @__PURE__ */ r(t);
 export {
-  l as default
+  a as default
 };
 //# sourceMappingURL=index2.js.map

package/dist/_virtual/index3.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../shop-minis-react/node_modules/.pnpm/@videojs_xhr@2.7.0/node_modules/@videojs/xhr/lib/index.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
+import { __require as o } from "../shop-minis-react/node_modules/.pnpm/color@4.2.3/node_modules/color/index.js";
+var t = /* @__PURE__ */ o();
+const l = /* @__PURE__ */ r(t);
 export {
-  a as default
+  l as default
 };
 //# sourceMappingURL=index3.js.map

package/dist/components/atoms/content-monitor.js

@@ -0,0 +1,22 @@
+import { jsx as e } from "react/jsx-runtime";
+import { useShopActions as n } from "../../internal/useShopActions.js";
+import { LongPressDetector as s } from "./long-press-detector.js";
+function c({
+  publicId: o,
+  children: r
+}) {
+  const { showFeedbackSheet: t } = n();
+  return /* @__PURE__ */ e(
+    s,
+    {
+      onLongPress: () => {
+        o && t({ publicId: o });
+      },
+      children: r
+    }
+  );
+}
+export {
+  c as ContentMonitor
+};
+//# sourceMappingURL=content-monitor.js.map

package/dist/components/atoms/content-monitor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-monitor.js","sources":["../../../src/components/atoms/content-monitor.tsx"],"sourcesContent":["import {useShopActions} from '../../internal/useShopActions'\n\nimport {LongPressDetector} from './long-press-detector'\n\nexport function ContentMonitor({\n  publicId,\n  children,\n}: {\n  publicId?: string\n  children: React.ReactNode\n}) {\n  const {showFeedbackSheet} = useShopActions()\n\n  return (\n    <LongPressDetector\n      onLongPress={() => {\n        if (!publicId) return\n\n        showFeedbackSheet({publicId})\n      }}\n    >\n      {children}\n    </LongPressDetector>\n  )\n}\n"],"names":["ContentMonitor","publicId","children","showFeedbackSheet","useShopActions","jsx","LongPressDetector"],"mappings":";;;AAIO,SAASA,EAAe;AAAA,EAC7B,UAAAC;AAAA,EACA,UAAAC;AACF,GAGG;AACK,QAAA,EAAC,mBAAAC,EAAiB,IAAIC,EAAe;AAGzC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAa,MAAM;AACjB,QAAKL,KAEaE,EAAA,EAAC,UAAAF,GAAS;AAAA,MAC9B;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

@@ -0,0 +1,18 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useContent as c } from "../../hooks/content/useContent.js";
+import { ContentMonitor as m } from "./content-monitor.js";
+function C({
+  publicId: o,
+  externalId: r,
+  children: e
+}) {
+  const { content: i, loading: t } = c({
+    identifiers: [{ publicId: o, externalId: r }],
+    skip: !o && !r
+  }), n = i?.[0];
+  return t || !n ? e({ loading: t }) : /* @__PURE__ */ p(m, { publicId: n.publicId, children: e({ content: n, loading: t }) });
+}
+export {
+  C as ContentWrapper
+};
+//# sourceMappingURL=content-wrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content-wrapper.js","sources":["../../../src/components/atoms/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    skip: !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,GAAW;AAAA,IACpC,MAAM,CAACD,KAAY,CAACC;AAAA,EAAA,CACrB,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/atoms/long-press-detector.js

@@ -0,0 +1,33 @@
+import { jsx as i } from "react/jsx-runtime";
+import * as t from "react";
+import { motion as s } from "../../shop-minis-react/node_modules/.pnpm/motion@12.17.3_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/motion/dist/es/framer-motion/dist/es/render/components/motion/proxy.js";
+const l = ({
+  onLongPress: e,
+  delay: o = 500,
+  children: c,
+  ...a
+}) => {
+  const r = t.useRef(void 0), u = t.useCallback(() => {
+    r.current = window.setTimeout(() => {
+      e(), r.current = void 0;
+    }, o);
+  }, [e, o]), n = t.useCallback(() => {
+    r.current && (clearTimeout(r.current), r.current = void 0);
+  }, []);
+  return t.useEffect(() => () => {
+    r.current && clearTimeout(r.current);
+  }, []), /* @__PURE__ */ i(
+    s.div,
+    {
+      onTapStart: u,
+      onTap: n,
+      onTapCancel: n,
+      ...a,
+      children: c
+    }
+  );
+};
+export {
+  l as LongPressDetector
+};
+//# sourceMappingURL=long-press-detector.js.map

package/dist/components/atoms/long-press-detector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"long-press-detector.js","sources":["../../../src/components/atoms/long-press-detector.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {motion, HTMLMotionProps} from 'motion/react'\n\ninterface LongPressDetectorProps extends HTMLMotionProps<'div'> {\n  onLongPress: () => void\n  delay?: number\n  children: React.ReactNode\n}\n\nexport const LongPressDetector = ({\n  onLongPress,\n  delay = 500,\n  children,\n  ...motionProps\n}: LongPressDetectorProps) => {\n  const longPressTimeoutRef = React.useRef<number | undefined>(undefined)\n\n  const handleTapStart = React.useCallback(() => {\n    longPressTimeoutRef.current = window.setTimeout(() => {\n      onLongPress()\n      longPressTimeoutRef.current = undefined\n    }, delay)\n  }, [onLongPress, delay])\n\n  const handleTapEnd = React.useCallback(() => {\n    if (longPressTimeoutRef.current) {\n      clearTimeout(longPressTimeoutRef.current)\n      longPressTimeoutRef.current = undefined\n    }\n  }, [])\n\n  // Cleanup timer on unmount\n  React.useEffect(() => {\n    return () => {\n      if (longPressTimeoutRef.current) {\n        clearTimeout(longPressTimeoutRef.current)\n      }\n    }\n  }, [])\n\n  return (\n    <motion.div\n      onTapStart={handleTapStart}\n      onTap={handleTapEnd}\n      onTapCancel={handleTapEnd}\n      {...motionProps}\n    >\n      {children}\n    </motion.div>\n  )\n}\n"],"names":["LongPressDetector","onLongPress","delay","children","motionProps","longPressTimeoutRef","React","handleTapStart","handleTapEnd","jsx","motion"],"mappings":";;;AAUO,MAAMA,IAAoB,CAAC;AAAA,EAChC,aAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,GAAGC;AACL,MAA8B;AACtB,QAAAC,IAAsBC,EAAM,OAA2B,MAAS,GAEhEC,IAAiBD,EAAM,YAAY,MAAM;AACzB,IAAAD,EAAA,UAAU,OAAO,WAAW,MAAM;AACxC,MAAAJ,EAAA,GACZI,EAAoB,UAAU;AAAA,OAC7BH,CAAK;AAAA,EAAA,GACP,CAACD,GAAaC,CAAK,CAAC,GAEjBM,IAAeF,EAAM,YAAY,MAAM;AAC3C,IAAID,EAAoB,YACtB,aAAaA,EAAoB,OAAO,GACxCA,EAAoB,UAAU;AAAA,EAElC,GAAG,EAAE;AAGL,SAAAC,EAAM,UAAU,MACP,MAAM;AACX,IAAID,EAAoB,WACtB,aAAaA,EAAoB,OAAO;AAAA,EAE5C,GACC,EAAE,GAGH,gBAAAI;AAAA,IAACC,EAAO;AAAA,IAAP;AAAA,MACC,YAAYH;AAAA,MACZ,OAAOC;AAAA,MACP,aAAaA;AAAA,MACZ,GAAGJ;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

@@ -0,0 +1,27 @@
+import { jsx as r, Fragment as a } from "react/jsx-runtime";
+import { ContentWrapper as f } from "../atoms/content-wrapper.js";
+function h({
+  onLoad: i,
+  width: m,
+  height: p,
+  className: l,
+  publicId: o,
+  externalId: t,
+  Loader: e
+}) {
+  return /* @__PURE__ */ r(f, { ...t ? { externalId: t } : { publicId: o }, children: ({ content: n, loading: u }) => u ? e ? /* @__PURE__ */ r(a, { children: e }) : null : /* @__PURE__ */ r(
+    "img",
+    {
+      src: n?.image?.url,
+      width: m,
+      height: p,
+      alt: n?.title,
+      onLoad: i,
+      className: l
+    }
+  ) });
+}
+export {
+  h as ImageContentWrapper
+};
+//# sourceMappingURL=image-content-wrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-content-wrapper.js","sources":["../../../src/components/content/image-content-wrapper.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */\nimport {ContentWrapper} from '../atoms/content-wrapper'\n\ntype ImageContentWrapperProps = (\n  | {publicId: string; externalId?: never}\n  | {externalId: string; publicId?: never}\n) & {\n  onLoad?: () => void\n  width?: number\n  height?: number\n  className?: string\n  Loader?: React.ReactNode | string\n}\n\nexport function ImageContentWrapper({\n  onLoad,\n  width,\n  height,\n  className,\n  publicId,\n  externalId,\n  Loader,\n}: ImageContentWrapperProps) {\n  return (\n    <ContentWrapper {...(externalId ? {externalId} : {publicId: publicId!})}>\n      {({content, loading}) => {\n        if (loading) return Loader ? <>{Loader}</> : null\n\n        return (\n          <img\n            src={content?.image?.url}\n            width={width}\n            height={height}\n            alt={content?.title}\n            onLoad={onLoad}\n            className={className}\n          />\n        )\n      }}\n    </ContentWrapper>\n  )\n}\n"],"names":["ImageContentWrapper","onLoad","width","height","className","publicId","externalId","Loader","jsx","ContentWrapper","content","loading","Fragment"],"mappings":";;AAcO,SAASA,EAAoB;AAAA,EAClC,QAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AACF,GAA6B;AAC3B,SACG,gBAAAC,EAAAC,GAAA,EAAgB,GAAIH,IAAa,EAAC,YAAAA,EAAU,IAAI,EAAC,UAAAD,EAC/C,GAAA,UAAA,CAAC,EAAC,SAAAK,GAAS,SAAAC,QACNA,IAAgBJ,IAAS,gBAAAC,EAAAI,GAAA,EAAG,YAAO,CAAA,IAAM,OAG3C,gBAAAJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKE,GAAS,OAAO;AAAA,MACrB,OAAAR;AAAA,MACA,QAAAC;AAAA,MACA,KAAKO,GAAS;AAAA,MACd,QAAAT;AAAA,MACA,WAAAG;AAAA,IAAA;AAAA,EACF,GAGN;AAEJ;"}

package/dist/index.js

@@ -1,13 +1,13 @@
 import { DATA_NAVIGATION_TYPE_ATTRIBUTE as o, NAVIGATION_TYPES as t } from "./types/index.js";
-import { MinisContainer as i } from "./components/MinisContainer.js";
+import { MinisContainer as p } from "./components/MinisContainer.js";
 import { ProductCard as l } from "./components/commerce/product-card.js";
 import { ProductLink as s } from "./components/commerce/product-link.js";
 import { MerchantCard as f, MerchantCardPrimitive as x } from "./components/commerce/merchant-card.js";
 import { ProductCardSkeleton as c } from "./components/commerce/product-card-skeleton.js";
 import { MerchantCardSkeleton as g } from "./components/commerce/merchant-card-skeleton.js";
 import { QuantitySelector as C } from "./components/commerce/quantity-selector.js";
-import { Search as A, SearchInput as h, SearchProvider as P, SearchResultsList as T } from "./components/commerce/search.js";
-import { ContentWrapper as v } from "./components/content/content-wrapper.js";
+import { Search as A, SearchInput as P, SearchProvider as h, SearchResultsList as T } from "./components/commerce/search.js";
+import { ImageContentWrapper as v } from "./components/content/image-content-wrapper.js";
 import { TransitionContainer as R } from "./components/navigation/transition-container.js";
 import { TransitionLink as E } from "./components/navigation/transition-link.js";
 import { Button as k } from "./components/atoms/button.js";
@@ -15,231 +15,233 @@ import { FavoriteButton as L } from "./components/atoms/favorite-button.js";
 import { IconButton as N } from "./components/atoms/icon-button.js";
 import { ThumbhashImage as U } from "./components/atoms/thumbhash-image.js";
 import { Touchable as H } from "./components/atoms/touchable.js";
-import { AlertDialogAtom as V } from "./components/atoms/alert-dialog.js";
-import { List as _ } from "./components/atoms/list.js";
-import { VideoPlayer as Y } from "./components/atoms/video-player.js";
-import { Accordion as j, AccordionContent as q, AccordionItem as J, AccordionTrigger as K } from "./components/ui/accordion.js";
-import { Alert as Z, AlertDescription as $, AlertTitle as rr } from "./components/ui/alert.js";
-import { AlertDialog as or, AlertDialogAction as tr, AlertDialogCancel as ar, AlertDialogContent as ir, AlertDialogDescription as pr, AlertDialogFooter as lr, AlertDialogHeader as mr, AlertDialogOverlay as sr, AlertDialogPortal as nr, AlertDialogTitle as fr, AlertDialogTrigger as xr } from "./components/ui/alert-dialog.js";
-import { Avatar as cr, AvatarFallback as dr, AvatarImage as gr } from "./components/ui/avatar.js";
-import { Badge as Cr, badgeVariants as Dr } from "./components/ui/badge.js";
-import { Card as hr, CardAction as Pr, CardContent as Tr, CardDescription as Ir, CardFooter as vr, CardHeader as wr, CardTitle as Rr } from "./components/ui/card.js";
-import { Carousel as Er, CarouselContent as Fr, CarouselItem as kr, CarouselNext as Br, CarouselPrevious as Lr } from "./components/ui/carousel.js";
-import { Checkbox as Nr } from "./components/ui/checkbox.js";
-import { Dialog as Ur, DialogClose as Gr, DialogContent as Hr, DialogDescription as Or, DialogFooter as Vr, DialogHeader as zr, DialogOverlay as _r, DialogPortal as Wr, DialogTitle as Yr, DialogTrigger as Qr } from "./components/ui/dialog.js";
-import { Drawer as qr, DrawerClose as Jr, DrawerContent as Kr, DrawerDescription as Xr, DrawerFooter as Zr, DrawerHeader as $r, DrawerOverlay as re, DrawerPortal as ee, DrawerTitle as oe, DrawerTrigger as te } from "./components/ui/drawer.js";
-import { Input as ie } from "./components/ui/input.js";
-import { Label as le } from "./components/ui/label.js";
-import { Progress as se } from "./components/ui/progress.js";
-import { RadioGroup as fe, RadioGroupItem as xe } from "./components/ui/radio-group.js";
-import { ResizableHandle as ce, ResizablePanel as de, ResizablePanelGroup as ge } from "./components/ui/resizable.js";
-import { ScrollArea as Ce, ScrollBar as De } from "./components/ui/scroll-area.js";
-import { Select as he, SelectContent as Pe, SelectGroup as Te, SelectItem as Ie, SelectLabel as ve, SelectScrollDownButton as we, SelectScrollUpButton as Re, SelectSeparator as be, SelectTrigger as Ee, SelectValue as Fe } from "./components/ui/select.js";
-import { Separator as Be } from "./components/ui/separator.js";
-import { Sheet as Me, SheetClose as Ne, SheetContent as ye, SheetDescription as Ue, SheetFooter as Ge, SheetHeader as He, SheetTitle as Oe, SheetTrigger as Ve } from "./components/ui/sheet.js";
-import { Toaster as _e } from "./components/ui/sonner.js";
-import { Skeleton as Ye } from "./components/ui/skeleton.js";
-import { useRecentProducts as je } from "./hooks/user/useRecentProducts.js";
-import { useRecentShops as Je } from "./hooks/user/useRecentShops.js";
-import { useSavedProducts as Xe } from "./hooks/user/useSavedProducts.js";
-import { useSavedProductsActions as $e } from "./hooks/user/useSavedProductsActions.js";
-import { useFollowedShops as eo } from "./hooks/user/useFollowedShops.js";
-import { useFollowedShopsActions as to } from "./hooks/user/useFollowedShopsActions.js";
-import { useCurrentUser as io } from "./hooks/user/useCurrentUser.js";
-import { useOrders as lo } from "./hooks/user/useOrders.js";
-import { useBuyerAttributes as so } from "./hooks/user/useBuyerAttributes.js";
-import { useProductListActions as fo } from "./hooks/product/useProductListActions.js";
-import { useProductLists as uo } from "./hooks/product/useProductLists.js";
-import { useProductList as go } from "./hooks/product/useProductList.js";
-import { useProduct as Co } from "./hooks/product/useProduct.js";
-import { useProducts as Ao } from "./hooks/product/useProducts.js";
-import { useProductVariants as Po } from "./hooks/product/useProductVariants.js";
-import { useProductMedia as Io } from "./hooks/product/useProductMedia.js";
-import { useProductSearch as wo } from "./hooks/product/useProductSearch.js";
-import { useRecommendedProducts as bo } from "./hooks/product/useRecommendedProducts.js";
-import { usePopularProducts as Fo } from "./hooks/product/usePopularProducts.js";
-import { useCuratedProducts as Bo } from "./hooks/product/useCuratedProducts.js";
-import { useAsyncStorage as Mo } from "./hooks/storage/useAsyncStorage.js";
-import { useSecureStorage as yo } from "./hooks/storage/useSecureStorage.js";
-import { useImageUpload as Go } from "./hooks/storage/useImageUpload.js";
-import { useShopNavigation as Oo } from "./hooks/navigation/useShopNavigation.js";
-import { useCloseMini as zo } from "./hooks/navigation/useCloseMini.js";
-import { useDeeplink as Wo } from "./hooks/navigation/useDeeplink.js";
-import { useNavigateWithTransition as Qo } from "./hooks/navigation/useNavigateWithTransition.js";
-import { useShop as qo } from "./hooks/shop/useShop.js";
-import { useShopCartActions as Ko } from "./hooks/shop/useShopCartActions.js";
-import { useRecommendedShops as Zo } from "./hooks/shop/useRecommendedShops.js";
-import { useCreateImageContent as rt } from "./hooks/content/useCreateImageContent.js";
-import { useErrorToast as ot } from "./hooks/util/useErrorToast.js";
-import { useErrorScreen as at } from "./hooks/util/useErrorScreen.js";
-import { useShare as pt } from "./hooks/util/useShare.js";
-import { useImagePicker as mt } from "./hooks/util/useImagePicker.js";
-import { MiniEntityNotFoundError as nt, MiniError as ft, MiniNetworkError as xt, formatError as ut } from "./utils/errors.js";
-import { extractBrandTheme as dt, formatReviewCount as gt, getFeaturedImages as St, normalizeRating as Ct } from "./utils/merchant-card.js";
-import { parseUrl as At } from "./utils/parseUrl.js";
-import { fileToDataUri as Pt } from "./utils/imageToDataUri.js";
-import { ContentCreateUserErrorCode as It } from "./shop-minis-platform/src/types/content.js";
-import { Consent as wt, ConsentStatus as Rt } from "./shop-minis-platform/src/types/permissions.js";
+import { LongPressDetector as V } from "./components/atoms/long-press-detector.js";
+import { AlertDialogAtom as _ } from "./components/atoms/alert-dialog.js";
+import { List as Y } from "./components/atoms/list.js";
+import { VideoPlayer as j } from "./components/atoms/video-player.js";
+import { Accordion as J, AccordionContent as K, AccordionItem as X, AccordionTrigger as Z } from "./components/ui/accordion.js";
+import { Alert as rr, AlertDescription as er, AlertTitle as or } from "./components/ui/alert.js";
+import { AlertDialog as ar, AlertDialogAction as pr, AlertDialogCancel as ir, AlertDialogContent as lr, AlertDialogDescription as mr, AlertDialogFooter as sr, AlertDialogHeader as nr, AlertDialogOverlay as fr, AlertDialogPortal as xr, AlertDialogTitle as ur, AlertDialogTrigger as cr } from "./components/ui/alert-dialog.js";
+import { Avatar as gr, AvatarFallback as Sr, AvatarImage as Cr } from "./components/ui/avatar.js";
+import { Badge as Ar, badgeVariants as Pr } from "./components/ui/badge.js";
+import { Card as Tr, CardAction as Ir, CardContent as vr, CardDescription as wr, CardFooter as Rr, CardHeader as br, CardTitle as Er } from "./components/ui/card.js";
+import { Carousel as kr, CarouselContent as Br, CarouselItem as Lr, CarouselNext as Mr, CarouselPrevious as Nr } from "./components/ui/carousel.js";
+import { Checkbox as Ur } from "./components/ui/checkbox.js";
+import { Dialog as Hr, DialogClose as Or, DialogContent as Vr, DialogDescription as zr, DialogFooter as _r, DialogHeader as Wr, DialogOverlay as Yr, DialogPortal as Qr, DialogTitle as jr, DialogTrigger as qr } from "./components/ui/dialog.js";
+import { Drawer as Kr, DrawerClose as Xr, DrawerContent as Zr, DrawerDescription as $r, DrawerFooter as re, DrawerHeader as ee, DrawerOverlay as oe, DrawerPortal as te, DrawerTitle as ae, DrawerTrigger as pe } from "./components/ui/drawer.js";
+import { Input as le } from "./components/ui/input.js";
+import { Label as se } from "./components/ui/label.js";
+import { Progress as fe } from "./components/ui/progress.js";
+import { RadioGroup as ue, RadioGroupItem as ce } from "./components/ui/radio-group.js";
+import { ResizableHandle as ge, ResizablePanel as Se, ResizablePanelGroup as Ce } from "./components/ui/resizable.js";
+import { ScrollArea as Ae, ScrollBar as Pe } from "./components/ui/scroll-area.js";
+import { Select as Te, SelectContent as Ie, SelectGroup as ve, SelectItem as we, SelectLabel as Re, SelectScrollDownButton as be, SelectScrollUpButton as Ee, SelectSeparator as Fe, SelectTrigger as ke, SelectValue as Be } from "./components/ui/select.js";
+import { Separator as Me } from "./components/ui/separator.js";
+import { Sheet as ye, SheetClose as Ue, SheetContent as Ge, SheetDescription as He, SheetFooter as Oe, SheetHeader as Ve, SheetTitle as ze, SheetTrigger as _e } from "./components/ui/sheet.js";
+import { Toaster as Ye } from "./components/ui/sonner.js";
+import { Skeleton as je } from "./components/ui/skeleton.js";
+import { useRecentProducts as Je } from "./hooks/user/useRecentProducts.js";
+import { useRecentShops as Xe } from "./hooks/user/useRecentShops.js";
+import { useSavedProducts as $e } from "./hooks/user/useSavedProducts.js";
+import { useSavedProductsActions as eo } from "./hooks/user/useSavedProductsActions.js";
+import { useFollowedShops as to } from "./hooks/user/useFollowedShops.js";
+import { useFollowedShopsActions as po } from "./hooks/user/useFollowedShopsActions.js";
+import { useCurrentUser as lo } from "./hooks/user/useCurrentUser.js";
+import { useOrders as so } from "./hooks/user/useOrders.js";
+import { useBuyerAttributes as fo } from "./hooks/user/useBuyerAttributes.js";
+import { useProductListActions as uo } from "./hooks/product/useProductListActions.js";
+import { useProductLists as go } from "./hooks/product/useProductLists.js";
+import { useProductList as Co } from "./hooks/product/useProductList.js";
+import { useProduct as Ao } from "./hooks/product/useProduct.js";
+import { useProducts as ho } from "./hooks/product/useProducts.js";
+import { useProductVariants as Io } from "./hooks/product/useProductVariants.js";
+import { useProductMedia as wo } from "./hooks/product/useProductMedia.js";
+import { useProductSearch as bo } from "./hooks/product/useProductSearch.js";
+import { useRecommendedProducts as Fo } from "./hooks/product/useRecommendedProducts.js";
+import { usePopularProducts as Bo } from "./hooks/product/usePopularProducts.js";
+import { useCuratedProducts as Mo } from "./hooks/product/useCuratedProducts.js";
+import { useAsyncStorage as yo } from "./hooks/storage/useAsyncStorage.js";
+import { useSecureStorage as Go } from "./hooks/storage/useSecureStorage.js";
+import { useImageUpload as Oo } from "./hooks/storage/useImageUpload.js";
+import { useShopNavigation as zo } from "./hooks/navigation/useShopNavigation.js";
+import { useCloseMini as Wo } from "./hooks/navigation/useCloseMini.js";
+import { useDeeplink as Qo } from "./hooks/navigation/useDeeplink.js";
+import { useNavigateWithTransition as qo } from "./hooks/navigation/useNavigateWithTransition.js";
+import { useShop as Ko } from "./hooks/shop/useShop.js";
+import { useShopCartActions as Zo } from "./hooks/shop/useShopCartActions.js";
+import { useRecommendedShops as rt } from "./hooks/shop/useRecommendedShops.js";
+import { useCreateImageContent as ot } from "./hooks/content/useCreateImageContent.js";
+import { useErrorToast as at } from "./hooks/util/useErrorToast.js";
+import { useErrorScreen as it } from "./hooks/util/useErrorScreen.js";
+import { useShare as mt } from "./hooks/util/useShare.js";
+import { useImagePicker as nt } from "./hooks/util/useImagePicker.js";
+import { MiniEntityNotFoundError as xt, MiniError as ut, MiniNetworkError as ct, formatError as dt } from "./utils/errors.js";
+import { extractBrandTheme as St, formatReviewCount as Ct, getFeaturedImages as Dt, normalizeRating as At } from "./utils/merchant-card.js";
+import { parseUrl as ht } from "./utils/parseUrl.js";
+import { fileToDataUri as It } from "./utils/imageToDataUri.js";
+import { ContentCreateUserErrorCode as wt } from "./shop-minis-platform/src/types/content.js";
+import { Consent as bt, ConsentStatus as Et } from "./shop-minis-platform/src/types/permissions.js";
 export {
-  j as Accordion,
-  q as AccordionContent,
-  J as AccordionItem,
-  K as AccordionTrigger,
-  Z as Alert,
-  $ as AlertDescription,
-  or as AlertDialog,
-  tr as AlertDialogAction,
-  V as AlertDialogAtom,
-  ar as AlertDialogCancel,
-  ir as AlertDialogContent,
-  pr as AlertDialogDescription,
-  lr as AlertDialogFooter,
-  mr as AlertDialogHeader,
-  sr as AlertDialogOverlay,
-  nr as AlertDialogPortal,
-  fr as AlertDialogTitle,
-  xr as AlertDialogTrigger,
-  rr as AlertTitle,
-  cr as Avatar,
-  dr as AvatarFallback,
-  gr as AvatarImage,
-  Cr as Badge,
+  J as Accordion,
+  K as AccordionContent,
+  X as AccordionItem,
+  Z as AccordionTrigger,
+  rr as Alert,
+  er as AlertDescription,
+  ar as AlertDialog,
+  pr as AlertDialogAction,
+  _ as AlertDialogAtom,
+  ir as AlertDialogCancel,
+  lr as AlertDialogContent,
+  mr as AlertDialogDescription,
+  sr as AlertDialogFooter,
+  nr as AlertDialogHeader,
+  fr as AlertDialogOverlay,
+  xr as AlertDialogPortal,
+  ur as AlertDialogTitle,
+  cr as AlertDialogTrigger,
+  or as AlertTitle,
+  gr as Avatar,
+  Sr as AvatarFallback,
+  Cr as AvatarImage,
+  Ar as Badge,
   k as Button,
-  hr as Card,
-  Pr as CardAction,
-  Tr as CardContent,
-  Ir as CardDescription,
-  vr as CardFooter,
-  wr as CardHeader,
-  Rr as CardTitle,
-  Er as Carousel,
-  Fr as CarouselContent,
-  kr as CarouselItem,
-  Br as CarouselNext,
-  Lr as CarouselPrevious,
-  Nr as Checkbox,
-  wt as Consent,
-  Rt as ConsentStatus,
-  It as ContentCreateUserErrorCode,
-  v as ContentWrapper,
+  Tr as Card,
+  Ir as CardAction,
+  vr as CardContent,
+  wr as CardDescription,
+  Rr as CardFooter,
+  br as CardHeader,
+  Er as CardTitle,
+  kr as Carousel,
+  Br as CarouselContent,
+  Lr as CarouselItem,
+  Mr as CarouselNext,
+  Nr as CarouselPrevious,
+  Ur as Checkbox,
+  bt as Consent,
+  Et as ConsentStatus,
+  wt as ContentCreateUserErrorCode,
   o as DATA_NAVIGATION_TYPE_ATTRIBUTE,
-  Ur as Dialog,
-  Gr as DialogClose,
-  Hr as DialogContent,
-  Or as DialogDescription,
-  Vr as DialogFooter,
-  zr as DialogHeader,
-  _r as DialogOverlay,
-  Wr as DialogPortal,
-  Yr as DialogTitle,
-  Qr as DialogTrigger,
-  qr as Drawer,
-  Jr as DrawerClose,
-  Kr as DrawerContent,
-  Xr as DrawerDescription,
-  Zr as DrawerFooter,
-  $r as DrawerHeader,
-  re as DrawerOverlay,
-  ee as DrawerPortal,
-  oe as DrawerTitle,
-  te as DrawerTrigger,
+  Hr as Dialog,
+  Or as DialogClose,
+  Vr as DialogContent,
+  zr as DialogDescription,
+  _r as DialogFooter,
+  Wr as DialogHeader,
+  Yr as DialogOverlay,
+  Qr as DialogPortal,
+  jr as DialogTitle,
+  qr as DialogTrigger,
+  Kr as Drawer,
+  Xr as DrawerClose,
+  Zr as DrawerContent,
+  $r as DrawerDescription,
+  re as DrawerFooter,
+  ee as DrawerHeader,
+  oe as DrawerOverlay,
+  te as DrawerPortal,
+  ae as DrawerTitle,
+  pe as DrawerTrigger,
   L as FavoriteButton,
   N as IconButton,
-  ie as Input,
-  le as Label,
-  _ as List,
+  v as ImageContentWrapper,
+  le as Input,
+  se as Label,
+  Y as List,
+  V as LongPressDetector,
   f as MerchantCard,
   x as MerchantCardPrimitive,
   g as MerchantCardSkeleton,
-  nt as MiniEntityNotFoundError,
-  ft as MiniError,
-  xt as MiniNetworkError,
-  i as MinisContainer,
+  xt as MiniEntityNotFoundError,
+  ut as MiniError,
+  ct as MiniNetworkError,
+  p as MinisContainer,
   t as NAVIGATION_TYPES,
   l as ProductCard,
   c as ProductCardSkeleton,
   s as ProductLink,
-  se as Progress,
+  fe as Progress,
   C as QuantitySelector,
-  fe as RadioGroup,
-  xe as RadioGroupItem,
-  ce as ResizableHandle,
-  de as ResizablePanel,
-  ge as ResizablePanelGroup,
-  Ce as ScrollArea,
-  De as ScrollBar,
+  ue as RadioGroup,
+  ce as RadioGroupItem,
+  ge as ResizableHandle,
+  Se as ResizablePanel,
+  Ce as ResizablePanelGroup,
+  Ae as ScrollArea,
+  Pe as ScrollBar,
   A as Search,
-  h as SearchInput,
-  P as SearchProvider,
+  P as SearchInput,
+  h as SearchProvider,
   T as SearchResultsList,
-  he as Select,
-  Pe as SelectContent,
-  Te as SelectGroup,
-  Ie as SelectItem,
-  ve as SelectLabel,
-  we as SelectScrollDownButton,
-  Re as SelectScrollUpButton,
-  be as SelectSeparator,
-  Ee as SelectTrigger,
-  Fe as SelectValue,
-  Be as Separator,
-  Me as Sheet,
-  Ne as SheetClose,
-  ye as SheetContent,
-  Ue as SheetDescription,
-  Ge as SheetFooter,
-  He as SheetHeader,
-  Oe as SheetTitle,
-  Ve as SheetTrigger,
-  Ye as Skeleton,
+  Te as Select,
+  Ie as SelectContent,
+  ve as SelectGroup,
+  we as SelectItem,
+  Re as SelectLabel,
+  be as SelectScrollDownButton,
+  Ee as SelectScrollUpButton,
+  Fe as SelectSeparator,
+  ke as SelectTrigger,
+  Be as SelectValue,
+  Me as Separator,
+  ye as Sheet,
+  Ue as SheetClose,
+  Ge as SheetContent,
+  He as SheetDescription,
+  Oe as SheetFooter,
+  Ve as SheetHeader,
+  ze as SheetTitle,
+  _e as SheetTrigger,
+  je as Skeleton,
   U as ThumbhashImage,
-  _e as Toaster,
+  Ye as Toaster,
   H as Touchable,
   R as TransitionContainer,
   E as TransitionLink,
-  Y as VideoPlayer,
-  Dr as badgeVariants,
-  dt as extractBrandTheme,
-  Pt as fileToDataUri,
-  ut as formatError,
-  gt as formatReviewCount,
-  St as getFeaturedImages,
-  Ct as normalizeRating,
-  At as parseUrl,
-  Mo as useAsyncStorage,
-  so as useBuyerAttributes,
-  zo as useCloseMini,
-  rt as useCreateImageContent,
-  Bo as useCuratedProducts,
-  io as useCurrentUser,
-  Wo as useDeeplink,
-  at as useErrorScreen,
-  ot as useErrorToast,
-  eo as useFollowedShops,
-  to as useFollowedShopsActions,
-  mt as useImagePicker,
-  Go as useImageUpload,
-  Qo as useNavigateWithTransition,
-  lo as useOrders,
-  Fo as usePopularProducts,
-  Co as useProduct,
-  go as useProductList,
-  fo as useProductListActions,
-  uo as useProductLists,
-  Io as useProductMedia,
-  wo as useProductSearch,
-  Po as useProductVariants,
-  Ao as useProducts,
-  je as useRecentProducts,
-  Je as useRecentShops,
-  bo as useRecommendedProducts,
-  Zo as useRecommendedShops,
-  Xe as useSavedProducts,
-  $e as useSavedProductsActions,
-  yo as useSecureStorage,
-  pt as useShare,
-  qo as useShop,
-  Ko as useShopCartActions,
-  Oo as useShopNavigation
+  j as VideoPlayer,
+  Pr as badgeVariants,
+  St as extractBrandTheme,
+  It as fileToDataUri,
+  dt as formatError,
+  Ct as formatReviewCount,
+  Dt as getFeaturedImages,
+  At as normalizeRating,
+  ht as parseUrl,
+  yo as useAsyncStorage,
+  fo as useBuyerAttributes,
+  Wo as useCloseMini,
+  ot as useCreateImageContent,
+  Mo as useCuratedProducts,
+  lo as useCurrentUser,
+  Qo as useDeeplink,
+  it as useErrorScreen,
+  at as useErrorToast,
+  to as useFollowedShops,
+  po as useFollowedShopsActions,
+  nt as useImagePicker,
+  Oo as useImageUpload,
+  qo as useNavigateWithTransition,
+  so as useOrders,
+  Bo as usePopularProducts,
+  Ao as useProduct,
+  Co as useProductList,
+  uo as useProductListActions,
+  go as useProductLists,
+  wo as useProductMedia,
+  bo as useProductSearch,
+  Io as useProductVariants,
+  ho as useProducts,
+  Je as useRecentProducts,
+  Xe as useRecentShops,
+  Fo as useRecommendedProducts,
+  rt as useRecommendedShops,
+  $e as useSavedProducts,
+  eo as useSavedProductsActions,
+  Go as useSecureStorage,
+  mt as useShare,
+  Ko as useShop,
+  Zo as useShopCartActions,
+  zo as useShopNavigation
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/shop-minis-react/node_modules/.pnpm/video.js@8.23.3/node_modules/video.js/dist/video.es.js

@@ -1,6 +1,6 @@
 import S from "../../../../../../../_virtual/window.js";
 import B from "../../../../../../../_virtual/document.js";
-import il from "../../../../../../../_virtual/index3.js";
+import il from "../../../../../../../_virtual/index2.js";
 import ao from "../../../../../../../_virtual/browser-index.js";
 import xe from "../../../../@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/esm/extends.js";
 import Kc from "../../../../@videojs_vhs-utils@4.1.1/node_modules/@videojs/vhs-utils/es/resolve-url.js";

package/dist/utils/colors.js

@@ -1,4 +1,4 @@
-import o from "../_virtual/index2.js";
+import o from "../_virtual/index3.js";
 const a = (r) => o(r).darken(0.2).isDark();
 export {
   a as isDarkColor

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shopify/shop-minis-react",
   "license": "SEE LICENSE IN LICENSE.txt",
-  "version": "0.0.27",
+  "version": "0.0.28",
   "sideEffects": false,
   "type": "module",
   "engines": {

package/src/components/atoms/content-monitor.tsx

@@ -0,0 +1,25 @@
+import {useShopActions} from '../../internal/useShopActions'
+
+import {LongPressDetector} from './long-press-detector'
+
+export function ContentMonitor({
+  publicId,
+  children,
+}: {
+  publicId?: string
+  children: React.ReactNode
+}) {
+  const {showFeedbackSheet} = useShopActions()
+
+  return (
+    <LongPressDetector
+      onLongPress={() => {
+        if (!publicId) return
+
+        showFeedbackSheet({publicId})
+      }}
+    >
+      {children}
+    </LongPressDetector>
+  )
+}

package/src/components/{content → atoms}/content-wrapper.tsx

@@ -40,6 +40,7 @@ export function ContentWrapper({
 }: ContentWrapperProps) {
   const {content, loading} = useContent({
     identifiers: [{publicId, externalId}],
+    skip: !publicId && !externalId,
   })
 
   const contentItem = content?.[0]

package/src/components/atoms/long-press-detector.tsx

@@ -0,0 +1,52 @@
+import * as React from 'react'
+
+import {motion, HTMLMotionProps} from 'motion/react'
+
+interface LongPressDetectorProps extends HTMLMotionProps<'div'> {
+  onLongPress: () => void
+  delay?: number
+  children: React.ReactNode
+}
+
+export const LongPressDetector = ({
+  onLongPress,
+  delay = 500,
+  children,
+  ...motionProps
+}: LongPressDetectorProps) => {
+  const longPressTimeoutRef = React.useRef<number | undefined>(undefined)
+
+  const handleTapStart = React.useCallback(() => {
+    longPressTimeoutRef.current = window.setTimeout(() => {
+      onLongPress()
+      longPressTimeoutRef.current = undefined
+    }, delay)
+  }, [onLongPress, delay])
+
+  const handleTapEnd = React.useCallback(() => {
+    if (longPressTimeoutRef.current) {
+      clearTimeout(longPressTimeoutRef.current)
+      longPressTimeoutRef.current = undefined
+    }
+  }, [])
+
+  // Cleanup timer on unmount
+  React.useEffect(() => {
+    return () => {
+      if (longPressTimeoutRef.current) {
+        clearTimeout(longPressTimeoutRef.current)
+      }
+    }
+  }, [])
+
+  return (
+    <motion.div
+      onTapStart={handleTapStart}
+      onTap={handleTapEnd}
+      onTapCancel={handleTapEnd}
+      {...motionProps}
+    >
+      {children}
+    </motion.div>
+  )
+}

package/src/components/content/image-content-wrapper.tsx

@@ -0,0 +1,42 @@
+/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
+import {ContentWrapper} from '../atoms/content-wrapper'
+
+type ImageContentWrapperProps = (
+  | {publicId: string; externalId?: never}
+  | {externalId: string; publicId?: never}
+) & {
+  onLoad?: () => void
+  width?: number
+  height?: number
+  className?: string
+  Loader?: React.ReactNode | string
+}
+
+export function ImageContentWrapper({
+  onLoad,
+  width,
+  height,
+  className,
+  publicId,
+  externalId,
+  Loader,
+}: ImageContentWrapperProps) {
+  return (
+    <ContentWrapper {...(externalId ? {externalId} : {publicId: publicId!})}>
+      {({content, loading}) => {
+        if (loading) return Loader ? <>{Loader}</> : null
+
+        return (
+          <img
+            src={content?.image?.url}
+            width={width}
+            height={height}
+            alt={content?.title}
+            onLoad={onLoad}
+            className={className}
+          />
+        )
+      }}
+    </ContentWrapper>
+  )
+}

package/src/components/index.ts

@@ -8,7 +8,7 @@ export * from './commerce/merchant-card-skeleton'
 export * from './commerce/quantity-selector'
 export * from './commerce/search'
 
-export * from './content/content-wrapper'
+export * from './content/image-content-wrapper'
 
 export * from './navigation/transition-container'
 export * from './navigation/transition-link'
@@ -18,6 +18,7 @@ export * from './atoms/favorite-button'
 export * from './atoms/icon-button'
 export * from './atoms/thumbhash-image'
 export * from './atoms/touchable'
+export * from './atoms/long-press-detector'
 export * from './atoms/alert-dialog'
 export * from './atoms/list'
 export * from './atoms/video-player'

package/dist/components/content/content-monitor.js

@@ -1,17 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { Touchable as t } from "../atoms/touchable.js";
-function i({
-  // publicId,
-  children: o
-}) {
-  return /* @__PURE__ */ r(
-    t,
-    {
-      children: o
-    }
-  );
-}
-export {
-  i as ContentMonitor
-};
-//# sourceMappingURL=content-monitor.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"content-monitor.js","sources":["../../../src/components/content/content-monitor.tsx"],"sourcesContent":["// import {useShopActions} from '../../internal/useShopActions'\nimport {Touchable} from '../atoms/touchable'\n\nexport function ContentMonitor({\n  // publicId,\n  children,\n}: {\n  publicId: string\n  children: React.ReactNode\n}) {\n  // const {showFeedbackSheet} = useShopActions()\n\n  return (\n    <Touchable\n    // TODO: Add long press support to Touchable\n    // onLongPress={() => {\n    //   showFeedbackSheet({publicId})\n    // }}\n    >\n      {children}\n    </Touchable>\n  )\n}\n"],"names":["ContentMonitor","children","jsx","Touchable"],"mappings":";;AAGO,SAASA,EAAe;AAAA;AAAA,EAE7B,UAAAC;AACF,GAGG;AAIC,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAME,UAAAF;AAAA,IAAA;AAAA,EACH;AAEJ;"}

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

@@ -1,17 +0,0 @@
-import { jsx as c } from "react/jsx-runtime";
-import { useContent as p } from "../../hooks/content/useContent.js";
-import { ContentMonitor as m } from "./content-monitor.js";
-function d({
-  publicId: r,
-  externalId: e,
-  children: o
-}) {
-  const { content: i, loading: t } = p({
-    identifiers: [{ publicId: r, externalId: e }]
-  }), n = i?.[0];
-  return t || !n ? o({ loading: t }) : /* @__PURE__ */ c(m, { publicId: n.publicId, children: o({ content: n, loading: t }) });
-}
-export {
-  d as ContentWrapper
-};
-//# sourceMappingURL=content-wrapper.js.map

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

@@ -1 +0,0 @@
-{"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/src/components/content/content-monitor.tsx

@@ -1,23 +0,0 @@
-// import {useShopActions} from '../../internal/useShopActions'
-import {Touchable} from '../atoms/touchable'
-
-export function ContentMonitor({
-  // publicId,
-  children,
-}: {
-  publicId: string
-  children: React.ReactNode
-}) {
-  // const {showFeedbackSheet} = useShopActions()
-
-  return (
-    <Touchable
-    // TODO: Add long press support to Touchable
-    // onLongPress={() => {
-    //   showFeedbackSheet({publicId})
-    // }}
-    >
-      {children}
-    </Touchable>
-  )
-}