@shopify/shop-minis-react 0.7.0 → 0.7.1

package/dist/components/atoms/static-area.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+function n({
+  position: i,
+  children: t
+}) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      style: {
+        position: "fixed",
+        left: 0,
+        right: 0,
+        [i]: 0,
+        viewTransitionName: `minis-fixed-${i}`
+      },
+      children: t
+    }
+  );
+}
+export {
+  n as StaticArea
+};
+//# sourceMappingURL=static-area.js.map

package/dist/components/atoms/static-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-area.js","sources":["../../../src/components/atoms/static-area.tsx"],"sourcesContent":["export interface StaticAreaDocProps {\n  /** Position of the fixed area on screen - either pinned to top or bottom */\n  position: 'top' | 'bottom'\n  /** Static area content */\n  children?: React.ReactNode\n}\n\nexport function StaticArea({\n  position,\n  children,\n}: {\n  position: 'top' | 'bottom'\n  children: React.ReactNode\n}) {\n  return (\n    <div\n      style={{\n        position: 'fixed',\n        left: 0,\n        right: 0,\n        [position]: 0,\n        viewTransitionName: `minis-fixed-${position}`,\n      }}\n    >\n      {children}\n    </div>\n  )\n}\n"],"names":["StaticArea","position","children","jsx"],"mappings":";AAOO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,UAAAC;AACF,GAGG;AAEC,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,UAAU;AAAA,QACV,MAAM;AAAA,QACN,OAAO;AAAA,QACP,CAACF,CAAQ,GAAG;AAAA,QACZ,oBAAoB,eAAeA,CAAQ;AAAA,MAC7C;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EACH;AAEJ;"}

package/dist/index.js

@@ -1,8 +1,8 @@
 import { DATA_NAVIGATION_TYPE_ATTRIBUTE as o, NAVIGATION_TYPES as t } from "./types/index.js";
 import { MinisContainer as i } from "./components/MinisContainer.js";
-import { AddToCartButton as n } from "./components/commerce/add-to-cart.js";
+import { AddToCartButton as m } from "./components/commerce/add-to-cart.js";
 import { BuyNowButton as s } from "./components/commerce/buy-now.js";
-import { ProductCard as u, ProductCardBadge as f, ProductCardContainer as x, ProductCardFavoriteButton as c, ProductCardImage as d, ProductCardImageContainer as C, ProductCardInfo as g, ProductCardPrice as S, ProductCardReviewStars as D, ProductCardTitle as A } from "./components/commerce/product-card.js";
+import { ProductCard as u, ProductCardBadge as f, ProductCardContainer as x, ProductCardFavoriteButton as c, ProductCardImage as d, ProductCardImageContainer as C, ProductCardInfo as g, ProductCardPrice as S, ProductCardReviewStars as A, ProductCardTitle as D } from "./components/commerce/product-card.js";
 import { ProductLink as T } from "./components/commerce/product-link.js";
 import { MerchantCard as I, MerchantCardContainer as R, MerchantCardHeader as v, MerchantCardInfo as w, MerchantCardName as B, MerchantCardRating as E } from "./components/commerce/merchant-card.js";
 import { ProductCardSkeleton as F } from "./components/commerce/product-card-skeleton.js";
@@ -19,157 +19,158 @@ import { Image as rr } from "./components/atoms/image.js";
 import { Touchable as or } from "./components/atoms/touchable.js";
 import { LongPressDetector as ar } from "./components/atoms/long-press-detector.js";
 import { AlertDialogAtom as pr } from "./components/atoms/alert-dialog.js";
-import { List as mr } from "./components/atoms/list.js";
+import { List as nr } from "./components/atoms/list.js";
 import { VideoPlayer as lr } from "./components/atoms/video-player.js";
 import { TextInput as fr } from "./components/atoms/text-input.js";
 import { ContentWrapper as cr } from "./components/atoms/content-wrapper.js";
 import { ProductVariantPrice as Cr } from "./components/atoms/product-variant-price.js";
-import { Accordion as Sr, AccordionContent as Dr, AccordionItem as Ar, AccordionTrigger as Pr } from "./components/ui/accordion.js";
-import { Alert as hr, AlertDescription as Ir, AlertTitle as Rr } from "./components/ui/alert.js";
-import { AlertDialog as wr, AlertDialogAction as Br, AlertDialogCancel as Er, AlertDialogContent as Mr, AlertDialogDescription as Fr, AlertDialogFooter as Ur, AlertDialogHeader as br, AlertDialogOverlay as Lr, AlertDialogPortal as kr, AlertDialogTitle as Nr, AlertDialogTrigger as Or } from "./components/ui/alert-dialog.js";
-import { Avatar as yr, AvatarFallback as Gr, AvatarImage as Hr } from "./components/ui/avatar.js";
-import { Badge as zr, badgeVariants as Wr } from "./components/ui/badge.js";
-import { Card as qr, CardAction as Kr, CardContent as Qr, CardDescription as Zr, CardFooter as jr, CardHeader as Jr, CardTitle as Xr } from "./components/ui/card.js";
-import { Carousel as re, CarouselContent as ee, CarouselItem as oe, CarouselNext as te, CarouselPrevious as ae } from "./components/ui/carousel.js";
-import { Checkbox as pe } from "./components/ui/checkbox.js";
-import { Dialog as me, DialogClose as se, DialogContent as le, DialogDescription as ue, DialogFooter as fe, DialogHeader as xe, DialogOverlay as ce, DialogPortal as de, DialogTitle as Ce, DialogTrigger as ge } from "./components/ui/dialog.js";
-import { Drawer as De, DrawerClose as Ae, DrawerContent as Pe, DrawerDescription as Te, DrawerFooter as he, DrawerHeader as Ie, DrawerOverlay as Re, DrawerPortal as ve, DrawerTitle as we, DrawerTrigger as Be } from "./components/ui/drawer.js";
-import { Input as Me } from "./components/ui/input.js";
-import { Label as Ue } from "./components/ui/label.js";
-import { Progress as Le } from "./components/ui/progress.js";
-import { RadioGroup as Ne, RadioGroupItem as Oe } from "./components/ui/radio-group.js";
-import { ResizableHandle as ye, ResizablePanel as Ge, ResizablePanelGroup as He } from "./components/ui/resizable.js";
-import { ScrollArea as ze, ScrollBar as We } from "./components/ui/scroll-area.js";
-import { Select as qe, SelectContent as Ke, SelectGroup as Qe, SelectItem as Ze, SelectLabel as je, SelectScrollDownButton as Je, SelectScrollUpButton as Xe, SelectSeparator as $e, SelectTrigger as ro, SelectValue as eo } from "./components/ui/select.js";
-import { Separator as to } from "./components/ui/separator.js";
-import { Sheet as io, SheetClose as po, SheetContent as no, SheetDescription as mo, SheetFooter as so, SheetHeader as lo, SheetTitle as uo, SheetTrigger as fo } from "./components/ui/sheet.js";
-import { Toaster as co } from "./components/ui/sonner.js";
-import { toast as go } from "./shop-minis-react/node_modules/.pnpm/sonner@2.0.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/sonner/dist/index.js";
-import { Skeleton as Do } from "./components/ui/skeleton.js";
-import { useRecentProducts as Po } from "./hooks/user/useRecentProducts.js";
-import { useRecentShops as ho } from "./hooks/user/useRecentShops.js";
-import { useSavedProducts as Ro } from "./hooks/user/useSavedProducts.js";
-import { useSavedProductsActions as wo } from "./hooks/user/useSavedProductsActions.js";
-import { useFollowedShops as Eo } from "./hooks/user/useFollowedShops.js";
-import { useFollowedShopsActions as Fo } from "./hooks/user/useFollowedShopsActions.js";
-import { useCurrentUser as bo } from "./hooks/user/useCurrentUser.js";
-import { useOrders as ko } from "./hooks/user/useOrders.js";
-import { useBuyerAttributes as Oo } from "./hooks/user/useBuyerAttributes.js";
-import { useGenerateUserToken as yo } from "./hooks/user/useGenerateUserToken.js";
-import { useProductListActions as Ho } from "./hooks/product/useProductListActions.js";
-import { useProductLists as zo } from "./hooks/product/useProductLists.js";
-import { useProductList as Yo } from "./hooks/product/useProductList.js";
-import { useProduct as Ko } from "./hooks/product/useProduct.js";
-import { useProducts as Zo } from "./hooks/product/useProducts.js";
-import { useProductVariants as Jo } from "./hooks/product/useProductVariants.js";
-import { useProductMedia as $o } from "./hooks/product/useProductMedia.js";
-import { useProductReviews as et } from "./hooks/product/useProductReviews.js";
-import { useProductSearch as tt } from "./hooks/product/useProductSearch.js";
-import { useRecommendedProducts as it } from "./hooks/product/useRecommendedProducts.js";
-import { usePopularProducts as nt } from "./hooks/product/usePopularProducts.js";
-import { useAsyncStorage as st } from "./hooks/storage/useAsyncStorage.js";
-import { useSecureStorage as ut } from "./hooks/storage/useSecureStorage.js";
-import { useImageUpload as xt } from "./hooks/storage/useImageUpload.js";
-import { useShopNavigation as dt } from "./hooks/navigation/useShopNavigation.js";
-import { useCloseMini as gt } from "./hooks/navigation/useCloseMini.js";
-import { useDeeplink as Dt } from "./hooks/navigation/useDeeplink.js";
-import { useNavigateWithTransition as Pt } from "./hooks/navigation/useNavigateWithTransition.js";
-import { useShop as ht } from "./hooks/shop/useShop.js";
-import { useRecommendedShops as Rt } from "./hooks/shop/useRecommendedShops.js";
-import { useCreateImageContent as wt } from "./hooks/content/useCreateImageContent.js";
-import { useErrorToast as Et } from "./hooks/util/useErrorToast.js";
-import { useErrorScreen as Ft } from "./hooks/util/useErrorScreen.js";
-import { useShare as bt } from "./hooks/util/useShare.js";
-import { useImagePicker as kt } from "./hooks/util/useImagePicker.js";
-import { useKeyboardAvoidingView as Ot } from "./hooks/util/useKeyboardAvoidingView.js";
-import { useRequestPermissions as yt } from "./hooks/util/useRequestPermissions.js";
-import { useOnMiniFocus as Ht } from "./hooks/events/useOnMiniFocus.js";
-import { useOnMiniBlur as zt } from "./hooks/events/useOnMiniBlur.js";
-import { useOnMiniClose as Yt } from "./hooks/events/useOnMiniClose.js";
-import { useOnAppStateChange as Kt } from "./hooks/events/useOnAppStateChange.js";
-import { useOnNavigateBack as Zt } from "./hooks/events/useOnNavigateBack.js";
-import { buildDeeplinkUrl as Jt } from "./utils/buildDeeplinkUrl.js";
-import { MiniEntityNotFoundError as $t, MiniError as ra, MiniNetworkError as ea, formatError as oa } from "./utils/errors.js";
-import { extractBrandTheme as aa, formatReviewCount as ia, getFeaturedImages as pa, normalizeRating as na } from "./utils/merchant-card.js";
-import { parseUrl as sa } from "./utils/parseUrl.js";
-import { dataURLToBlob as ua, fileToDataUri as fa, getResizedImageUrl as xa, getThumbhashBlobURL as ca, getThumbhashDataURL as da } from "./utils/image.js";
-import { formatMoney as ga } from "./utils/formatMoney.js";
-import { UserState as Da, UserTokenGenerateUserErrorCode as Aa } from "./shop-minis-platform/src/types/user.js";
-import { ContentCreateUserErrorCode as Ta, MinisContentStatus as ha } from "./shop-minis-platform/src/types/content.js";
-import { Social as Ra } from "./shop-minis-platform/src/types/share.js";
-import { DATA_FETCHING_DEFAULT_FETCH_POLICY as wa, DATA_FETCHING_DEFAULT_PAGE_SIZE as Ba } from "./shop-minis-platform/src/constants.js";
+import { StaticArea as Sr } from "./components/atoms/static-area.js";
+import { Accordion as Dr, AccordionContent as Pr, AccordionItem as Tr, AccordionTrigger as hr } from "./components/ui/accordion.js";
+import { Alert as Rr, AlertDescription as vr, AlertTitle as wr } from "./components/ui/alert.js";
+import { AlertDialog as Er, AlertDialogAction as Mr, AlertDialogCancel as Fr, AlertDialogContent as Ur, AlertDialogDescription as br, AlertDialogFooter as Lr, AlertDialogHeader as kr, AlertDialogOverlay as Nr, AlertDialogPortal as Or, AlertDialogTitle as _r, AlertDialogTrigger as yr } from "./components/ui/alert-dialog.js";
+import { Avatar as Hr, AvatarFallback as Vr, AvatarImage as zr } from "./components/ui/avatar.js";
+import { Badge as Yr, badgeVariants as qr } from "./components/ui/badge.js";
+import { Card as Qr, CardAction as Zr, CardContent as jr, CardDescription as Jr, CardFooter as Xr, CardHeader as $r, CardTitle as re } from "./components/ui/card.js";
+import { Carousel as oe, CarouselContent as te, CarouselItem as ae, CarouselNext as ie, CarouselPrevious as pe } from "./components/ui/carousel.js";
+import { Checkbox as ne } from "./components/ui/checkbox.js";
+import { Dialog as le, DialogClose as ue, DialogContent as fe, DialogDescription as xe, DialogFooter as ce, DialogHeader as de, DialogOverlay as Ce, DialogPortal as ge, DialogTitle as Se, DialogTrigger as Ae } from "./components/ui/dialog.js";
+import { Drawer as Pe, DrawerClose as Te, DrawerContent as he, DrawerDescription as Ie, DrawerFooter as Re, DrawerHeader as ve, DrawerOverlay as we, DrawerPortal as Be, DrawerTitle as Ee, DrawerTrigger as Me } from "./components/ui/drawer.js";
+import { Input as Ue } from "./components/ui/input.js";
+import { Label as Le } from "./components/ui/label.js";
+import { Progress as Ne } from "./components/ui/progress.js";
+import { RadioGroup as _e, RadioGroupItem as ye } from "./components/ui/radio-group.js";
+import { ResizableHandle as He, ResizablePanel as Ve, ResizablePanelGroup as ze } from "./components/ui/resizable.js";
+import { ScrollArea as Ye, ScrollBar as qe } from "./components/ui/scroll-area.js";
+import { Select as Qe, SelectContent as Ze, SelectGroup as je, SelectItem as Je, SelectLabel as Xe, SelectScrollDownButton as $e, SelectScrollUpButton as ro, SelectSeparator as eo, SelectTrigger as oo, SelectValue as to } from "./components/ui/select.js";
+import { Separator as io } from "./components/ui/separator.js";
+import { Sheet as mo, SheetClose as no, SheetContent as so, SheetDescription as lo, SheetFooter as uo, SheetHeader as fo, SheetTitle as xo, SheetTrigger as co } from "./components/ui/sheet.js";
+import { Toaster as go } from "./components/ui/sonner.js";
+import { toast as Ao } from "./shop-minis-react/node_modules/.pnpm/sonner@2.0.5_react-dom@19.1.0_react@19.1.0__react@19.1.0/node_modules/sonner/dist/index.js";
+import { Skeleton as Po } from "./components/ui/skeleton.js";
+import { useRecentProducts as ho } from "./hooks/user/useRecentProducts.js";
+import { useRecentShops as Ro } from "./hooks/user/useRecentShops.js";
+import { useSavedProducts as wo } from "./hooks/user/useSavedProducts.js";
+import { useSavedProductsActions as Eo } from "./hooks/user/useSavedProductsActions.js";
+import { useFollowedShops as Fo } from "./hooks/user/useFollowedShops.js";
+import { useFollowedShopsActions as bo } from "./hooks/user/useFollowedShopsActions.js";
+import { useCurrentUser as ko } from "./hooks/user/useCurrentUser.js";
+import { useOrders as Oo } from "./hooks/user/useOrders.js";
+import { useBuyerAttributes as yo } from "./hooks/user/useBuyerAttributes.js";
+import { useGenerateUserToken as Ho } from "./hooks/user/useGenerateUserToken.js";
+import { useProductListActions as zo } from "./hooks/product/useProductListActions.js";
+import { useProductLists as Yo } from "./hooks/product/useProductLists.js";
+import { useProductList as Ko } from "./hooks/product/useProductList.js";
+import { useProduct as Zo } from "./hooks/product/useProduct.js";
+import { useProducts as Jo } from "./hooks/product/useProducts.js";
+import { useProductVariants as $o } from "./hooks/product/useProductVariants.js";
+import { useProductMedia as et } from "./hooks/product/useProductMedia.js";
+import { useProductReviews as tt } from "./hooks/product/useProductReviews.js";
+import { useProductSearch as it } from "./hooks/product/useProductSearch.js";
+import { useRecommendedProducts as mt } from "./hooks/product/useRecommendedProducts.js";
+import { usePopularProducts as st } from "./hooks/product/usePopularProducts.js";
+import { useAsyncStorage as ut } from "./hooks/storage/useAsyncStorage.js";
+import { useSecureStorage as xt } from "./hooks/storage/useSecureStorage.js";
+import { useImageUpload as dt } from "./hooks/storage/useImageUpload.js";
+import { useShopNavigation as gt } from "./hooks/navigation/useShopNavigation.js";
+import { useCloseMini as At } from "./hooks/navigation/useCloseMini.js";
+import { useDeeplink as Pt } from "./hooks/navigation/useDeeplink.js";
+import { useNavigateWithTransition as ht } from "./hooks/navigation/useNavigateWithTransition.js";
+import { useShop as Rt } from "./hooks/shop/useShop.js";
+import { useRecommendedShops as wt } from "./hooks/shop/useRecommendedShops.js";
+import { useCreateImageContent as Et } from "./hooks/content/useCreateImageContent.js";
+import { useErrorToast as Ft } from "./hooks/util/useErrorToast.js";
+import { useErrorScreen as bt } from "./hooks/util/useErrorScreen.js";
+import { useShare as kt } from "./hooks/util/useShare.js";
+import { useImagePicker as Ot } from "./hooks/util/useImagePicker.js";
+import { useKeyboardAvoidingView as yt } from "./hooks/util/useKeyboardAvoidingView.js";
+import { useRequestPermissions as Ht } from "./hooks/util/useRequestPermissions.js";
+import { useOnMiniFocus as zt } from "./hooks/events/useOnMiniFocus.js";
+import { useOnMiniBlur as Yt } from "./hooks/events/useOnMiniBlur.js";
+import { useOnMiniClose as Kt } from "./hooks/events/useOnMiniClose.js";
+import { useOnAppStateChange as Zt } from "./hooks/events/useOnAppStateChange.js";
+import { useOnNavigateBack as Jt } from "./hooks/events/useOnNavigateBack.js";
+import { buildDeeplinkUrl as $t } from "./utils/buildDeeplinkUrl.js";
+import { MiniEntityNotFoundError as ea, MiniError as oa, MiniNetworkError as ta, formatError as aa } from "./utils/errors.js";
+import { extractBrandTheme as pa, formatReviewCount as ma, getFeaturedImages as na, normalizeRating as sa } from "./utils/merchant-card.js";
+import { parseUrl as ua } from "./utils/parseUrl.js";
+import { dataURLToBlob as xa, fileToDataUri as ca, getResizedImageUrl as da, getThumbhashBlobURL as Ca, getThumbhashDataURL as ga } from "./utils/image.js";
+import { formatMoney as Aa } from "./utils/formatMoney.js";
+import { UserState as Pa, UserTokenGenerateUserErrorCode as Ta } from "./shop-minis-platform/src/types/user.js";
+import { ContentCreateUserErrorCode as Ia, MinisContentStatus as Ra } from "./shop-minis-platform/src/types/content.js";
+import { Social as wa } from "./shop-minis-platform/src/types/share.js";
+import { DATA_FETCHING_DEFAULT_FETCH_POLICY as Ea, DATA_FETCHING_DEFAULT_PAGE_SIZE as Ma } from "./shop-minis-platform/src/constants.js";
 export {
-  Sr as Accordion,
-  Dr as AccordionContent,
-  Ar as AccordionItem,
-  Pr as AccordionTrigger,
-  n as AddToCartButton,
-  hr as Alert,
-  Ir as AlertDescription,
-  wr as AlertDialog,
-  Br as AlertDialogAction,
+  Dr as Accordion,
+  Pr as AccordionContent,
+  Tr as AccordionItem,
+  hr as AccordionTrigger,
+  m as AddToCartButton,
+  Rr as Alert,
+  vr as AlertDescription,
+  Er as AlertDialog,
+  Mr as AlertDialogAction,
   pr as AlertDialogAtom,
-  Er as AlertDialogCancel,
-  Mr as AlertDialogContent,
-  Fr as AlertDialogDescription,
-  Ur as AlertDialogFooter,
-  br as AlertDialogHeader,
-  Lr as AlertDialogOverlay,
-  kr as AlertDialogPortal,
-  Nr as AlertDialogTitle,
-  Or as AlertDialogTrigger,
-  Rr as AlertTitle,
-  yr as Avatar,
-  Gr as AvatarFallback,
-  Hr as AvatarImage,
-  zr as Badge,
+  Fr as AlertDialogCancel,
+  Ur as AlertDialogContent,
+  br as AlertDialogDescription,
+  Lr as AlertDialogFooter,
+  kr as AlertDialogHeader,
+  Nr as AlertDialogOverlay,
+  Or as AlertDialogPortal,
+  _r as AlertDialogTitle,
+  yr as AlertDialogTrigger,
+  wr as AlertTitle,
+  Hr as Avatar,
+  Vr as AvatarFallback,
+  zr as AvatarImage,
+  Yr as Badge,
   j as Button,
   s as BuyNowButton,
-  qr as Card,
-  Kr as CardAction,
-  Qr as CardContent,
-  Zr as CardDescription,
-  jr as CardFooter,
-  Jr as CardHeader,
-  Xr as CardTitle,
-  re as Carousel,
-  ee as CarouselContent,
-  oe as CarouselItem,
-  te as CarouselNext,
-  ae as CarouselPrevious,
-  pe as Checkbox,
-  Ta as ContentCreateUserErrorCode,
+  Qr as Card,
+  Zr as CardAction,
+  jr as CardContent,
+  Jr as CardDescription,
+  Xr as CardFooter,
+  $r as CardHeader,
+  re as CardTitle,
+  oe as Carousel,
+  te as CarouselContent,
+  ae as CarouselItem,
+  ie as CarouselNext,
+  pe as CarouselPrevious,
+  ne as Checkbox,
+  Ia as ContentCreateUserErrorCode,
   cr as ContentWrapper,
-  wa as DATA_FETCHING_DEFAULT_FETCH_POLICY,
-  Ba as DATA_FETCHING_DEFAULT_PAGE_SIZE,
+  Ea as DATA_FETCHING_DEFAULT_FETCH_POLICY,
+  Ma as DATA_FETCHING_DEFAULT_PAGE_SIZE,
   o as DATA_NAVIGATION_TYPE_ATTRIBUTE,
-  me as Dialog,
-  se as DialogClose,
-  le as DialogContent,
-  ue as DialogDescription,
-  fe as DialogFooter,
-  xe as DialogHeader,
-  ce as DialogOverlay,
-  de as DialogPortal,
-  Ce as DialogTitle,
-  ge as DialogTrigger,
-  De as Drawer,
-  Ae as DrawerClose,
-  Pe as DrawerContent,
-  Te as DrawerDescription,
-  he as DrawerFooter,
-  Ie as DrawerHeader,
-  Re as DrawerOverlay,
-  ve as DrawerPortal,
-  we as DrawerTitle,
-  Be as DrawerTrigger,
+  le as Dialog,
+  ue as DialogClose,
+  fe as DialogContent,
+  xe as DialogDescription,
+  ce as DialogFooter,
+  de as DialogHeader,
+  Ce as DialogOverlay,
+  ge as DialogPortal,
+  Se as DialogTitle,
+  Ae as DialogTrigger,
+  Pe as Drawer,
+  Te as DrawerClose,
+  he as DrawerContent,
+  Ie as DrawerDescription,
+  Re as DrawerFooter,
+  ve as DrawerHeader,
+  we as DrawerOverlay,
+  Be as DrawerPortal,
+  Ee as DrawerTitle,
+  Me as DrawerTrigger,
   V as FavoriteButton,
   X as IconButton,
   rr as Image,
   W as ImageContentWrapper,
-  Me as Input,
-  Ue as Label,
-  mr as List,
+  Ue as Input,
+  Le as Label,
+  nr as List,
   ar as LongPressDetector,
   I as MerchantCard,
   R as MerchantCardContainer,
@@ -178,11 +179,11 @@ export {
   B as MerchantCardName,
   E as MerchantCardRating,
   b as MerchantCardSkeleton,
-  $t as MiniEntityNotFoundError,
-  ra as MiniError,
-  ea as MiniNetworkError,
+  ea as MiniEntityNotFoundError,
+  oa as MiniError,
+  ta as MiniNetworkError,
   i as MinisContainer,
-  ha as MinisContentStatus,
+  Ra as MinisContentStatus,
   q as MinisRouter,
   t as NAVIGATION_TYPES,
   u as ProductCard,
@@ -193,108 +194,109 @@ export {
   C as ProductCardImageContainer,
   g as ProductCardInfo,
   S as ProductCardPrice,
-  D as ProductCardReviewStars,
+  A as ProductCardReviewStars,
   F as ProductCardSkeleton,
-  A as ProductCardTitle,
+  D as ProductCardTitle,
   T as ProductLink,
   Cr as ProductVariantPrice,
-  Le as Progress,
+  Ne as Progress,
   k as QuantitySelector,
-  Ne as RadioGroup,
-  Oe as RadioGroupItem,
-  ye as ResizableHandle,
-  Ge as ResizablePanel,
-  He as ResizablePanelGroup,
-  ze as ScrollArea,
-  We as ScrollBar,
+  _e as RadioGroup,
+  ye as RadioGroupItem,
+  He as ResizableHandle,
+  Ve as ResizablePanel,
+  ze as ResizablePanelGroup,
+  Ye as ScrollArea,
+  qe as ScrollBar,
   O as Search,
   _ as SearchInput,
   y as SearchProvider,
   G as SearchResultsList,
-  qe as Select,
-  Ke as SelectContent,
-  Qe as SelectGroup,
-  Ze as SelectItem,
-  je as SelectLabel,
-  Je as SelectScrollDownButton,
-  Xe as SelectScrollUpButton,
-  $e as SelectSeparator,
-  ro as SelectTrigger,
-  eo as SelectValue,
-  to as Separator,
-  io as Sheet,
-  po as SheetClose,
-  no as SheetContent,
-  mo as SheetDescription,
-  so as SheetFooter,
-  lo as SheetHeader,
-  uo as SheetTitle,
-  fo as SheetTrigger,
-  Do as Skeleton,
-  Ra as Social,
+  Qe as Select,
+  Ze as SelectContent,
+  je as SelectGroup,
+  Je as SelectItem,
+  Xe as SelectLabel,
+  $e as SelectScrollDownButton,
+  ro as SelectScrollUpButton,
+  eo as SelectSeparator,
+  oo as SelectTrigger,
+  to as SelectValue,
+  io as Separator,
+  mo as Sheet,
+  no as SheetClose,
+  so as SheetContent,
+  lo as SheetDescription,
+  uo as SheetFooter,
+  fo as SheetHeader,
+  xo as SheetTitle,
+  co as SheetTrigger,
+  Po as Skeleton,
+  wa as Social,
+  Sr as StaticArea,
   fr as TextInput,
-  co as Toaster,
+  go as Toaster,
   or as Touchable,
   Q as TransitionLink,
-  Da as UserState,
-  Aa as UserTokenGenerateUserErrorCode,
+  Pa as UserState,
+  Ta as UserTokenGenerateUserErrorCode,
   lr as VideoPlayer,
-  Wr as badgeVariants,
-  Jt as buildDeeplinkUrl,
-  ua as dataURLToBlob,
-  aa as extractBrandTheme,
-  fa as fileToDataUri,
-  oa as formatError,
-  ga as formatMoney,
-  ia as formatReviewCount,
-  pa as getFeaturedImages,
-  xa as getResizedImageUrl,
-  ca as getThumbhashBlobURL,
-  da as getThumbhashDataURL,
-  na as normalizeRating,
-  sa as parseUrl,
-  go as toast,
-  st as useAsyncStorage,
-  Oo as useBuyerAttributes,
-  gt as useCloseMini,
-  wt as useCreateImageContent,
-  bo as useCurrentUser,
-  Dt as useDeeplink,
-  Ft as useErrorScreen,
-  Et as useErrorToast,
-  Eo as useFollowedShops,
-  Fo as useFollowedShopsActions,
-  yo as useGenerateUserToken,
-  kt as useImagePicker,
-  xt as useImageUpload,
-  Ot as useKeyboardAvoidingView,
-  Pt as useNavigateWithTransition,
-  Kt as useOnAppStateChange,
-  zt as useOnMiniBlur,
-  Yt as useOnMiniClose,
-  Ht as useOnMiniFocus,
-  Zt as useOnNavigateBack,
-  ko as useOrders,
-  nt as usePopularProducts,
-  Ko as useProduct,
-  Yo as useProductList,
-  Ho as useProductListActions,
-  zo as useProductLists,
-  $o as useProductMedia,
-  et as useProductReviews,
-  tt as useProductSearch,
-  Jo as useProductVariants,
-  Zo as useProducts,
-  Po as useRecentProducts,
-  ho as useRecentShops,
-  it as useRecommendedProducts,
-  Rt as useRecommendedShops,
-  yt as useRequestPermissions,
-  Ro as useSavedProducts,
-  wo as useSavedProductsActions,
-  ut as useSecureStorage,
-  bt as useShare,
-  ht as useShop,
-  dt as useShopNavigation
+  qr as badgeVariants,
+  $t as buildDeeplinkUrl,
+  xa as dataURLToBlob,
+  pa as extractBrandTheme,
+  ca as fileToDataUri,
+  aa as formatError,
+  Aa as formatMoney,
+  ma as formatReviewCount,
+  na as getFeaturedImages,
+  da as getResizedImageUrl,
+  Ca as getThumbhashBlobURL,
+  ga as getThumbhashDataURL,
+  sa as normalizeRating,
+  ua as parseUrl,
+  Ao as toast,
+  ut as useAsyncStorage,
+  yo as useBuyerAttributes,
+  At as useCloseMini,
+  Et as useCreateImageContent,
+  ko as useCurrentUser,
+  Pt as useDeeplink,
+  bt as useErrorScreen,
+  Ft as useErrorToast,
+  Fo as useFollowedShops,
+  bo as useFollowedShopsActions,
+  Ho as useGenerateUserToken,
+  Ot as useImagePicker,
+  dt as useImageUpload,
+  yt as useKeyboardAvoidingView,
+  ht as useNavigateWithTransition,
+  Zt as useOnAppStateChange,
+  Yt as useOnMiniBlur,
+  Kt as useOnMiniClose,
+  zt as useOnMiniFocus,
+  Jt as useOnNavigateBack,
+  Oo as useOrders,
+  st as usePopularProducts,
+  Zo as useProduct,
+  Ko as useProductList,
+  zo as useProductListActions,
+  Yo as useProductLists,
+  et as useProductMedia,
+  tt as useProductReviews,
+  it as useProductSearch,
+  $o as useProductVariants,
+  Jo as useProducts,
+  ho as useRecentProducts,
+  Ro as useRecentShops,
+  mt as useRecommendedProducts,
+  wt as useRecommendedShops,
+  Ht as useRequestPermissions,
+  wo as useSavedProducts,
+  Eo as useSavedProductsActions,
+  xt as useSecureStorage,
+  kt as useShare,
+  Rt as useShop,
+  gt 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/package.json

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

package/src/components/atoms/static-area.tsx

@@ -0,0 +1,28 @@
+export interface StaticAreaDocProps {
+  /** Position of the fixed area on screen - either pinned to top or bottom */
+  position: 'top' | 'bottom'
+  /** Static area content */
+  children?: React.ReactNode
+}
+
+export function StaticArea({
+  position,
+  children,
+}: {
+  position: 'top' | 'bottom'
+  children: React.ReactNode
+}) {
+  return (
+    <div
+      style={{
+        position: 'fixed',
+        left: 0,
+        right: 0,
+        [position]: 0,
+        viewTransitionName: `minis-fixed-${position}`,
+      }}
+    >
+      {children}
+    </div>
+  )
+}

package/src/components/index.ts

@@ -27,6 +27,7 @@ export * from './atoms/video-player'
 export * from './atoms/text-input'
 export * from './atoms/content-wrapper'
 export * from './atoms/product-variant-price'
+export * from './atoms/static-area'
 
 export * from './ui/accordion'
 export * from './ui/alert'

package/src/styles/animations.css

@@ -141,4 +141,16 @@
     animation: 0 !important;
     opacity: 0 !important;
   }
+
+  /* Fixed elements that persist across view transitions */
+  ::view-transition-group(minis-fixed-top),
+  ::view-transition-old(minis-fixed-top),
+  ::view-transition-new(minis-fixed-top),
+  ::view-transition-group(minis-fixed-bottom),
+  ::view-transition-old(minis-fixed-bottom),
+  ::view-transition-new(minis-fixed-bottom) {
+    animation: none !important;
+  }
 }
+
+