@shopify/shop-minis-react 0.0.6 → 0.0.7

package/dist/components/MinisContainer.js

@@ -0,0 +1,28 @@
+import { jsx as t, jsxs as c } from "react/jsx-runtime";
+import { useState as m, useEffect as l } from "react";
+function v({ children: s }) {
+  const [a, r] = m(!1);
+  return l(() => {
+    const n = () => window.minisSDK ? (r(!0), !0) : !1;
+    if (n())
+      return;
+    const e = (d) => {
+      const { type: o } = JSON.parse(d.data);
+      o === "MINIS_SDK_READY" && r(!0);
+    };
+    window.addEventListener("message", e), document.addEventListener("message", e);
+    const i = setInterval(() => {
+      n() && clearInterval(i);
+    }, 100);
+    return () => {
+      window.removeEventListener("message", e), document.removeEventListener("message", e);
+    };
+  }, []), a ? s : /* @__PURE__ */ t("div", { className: "h-screen bg-gray-50 flex items-center justify-center", children: /* @__PURE__ */ c("div", { className: "text-center", children: [
+    /* @__PURE__ */ t("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4" }),
+    /* @__PURE__ */ t("p", { className: "text-gray-600", children: "Loading..." })
+  ] }) });
+}
+export {
+  v as MinisContainer
+};
+//# sourceMappingURL=MinisContainer.js.map

package/dist/components/MinisContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinisContainer.js","sources":["../../src/components/MinisContainer.tsx"],"sourcesContent":["import React, {useEffect, useState} from 'react'\n\nexport function MinisContainer({children}: {children: React.ReactNode}) {\n  const [isSDKReady, setIsSDKReady] = useState(false)\n\n  useEffect(() => {\n    // Function to check if SDK is ready\n    const checkSDKReady = () => {\n      if (window.minisSDK) {\n        setIsSDKReady(true)\n        return true\n      }\n      return false\n    }\n\n    // Check immediately\n    if (checkSDKReady()) {\n      return\n    }\n\n    // If not ready, set up a listener for the MINIS_SDK_READY event\n    const handleSDKReady = (event: any) => {\n      const {type} = JSON.parse(event.data)\n\n      if (type === 'MINIS_SDK_READY') {\n        setIsSDKReady(true)\n      }\n    }\n\n    // Listen for the MINIS_SDK_READY event\n    window.addEventListener('message', handleSDKReady)\n    document.addEventListener('message', handleSDKReady)\n\n    // Also poll for SDK availability as a fallback\n    const pollInterval = setInterval(() => {\n      if (checkSDKReady()) {\n        clearInterval(pollInterval)\n      }\n    }, 100)\n\n    // Cleanup\n    return () => {\n      // clearInterval(pollInterval);\n      window.removeEventListener('message', handleSDKReady)\n      document.removeEventListener('message', handleSDKReady)\n    }\n  }, [])\n\n  // Don't render anything until SDK is ready\n  if (!isSDKReady) {\n    return (\n      <div className=\"h-screen bg-gray-50 flex items-center justify-center\">\n        <div className=\"text-center\">\n          <div className=\"animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4\" />\n          <p className=\"text-gray-600\">Loading...</p>\n        </div>\n      </div>\n    )\n  }\n\n  return children\n}\n"],"names":["MinisContainer","children","isSDKReady","setIsSDKReady","useState","useEffect","checkSDKReady","handleSDKReady","event","type","pollInterval","jsxs","jsx"],"mappings":";;AAEgB,SAAAA,EAAe,EAAC,UAAAC,KAAwC;AACtE,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK;AA8ClD,SA5CAC,EAAU,MAAM;AAEd,UAAMC,IAAgB,MAChB,OAAO,YACTH,EAAc,EAAI,GACX,MAEF;AAIT,QAAIG;AACF;AAII,UAAAC,IAAiB,CAACC,MAAe;AACrC,YAAM,EAAC,MAAAC,EAAI,IAAI,KAAK,MAAMD,EAAM,IAAI;AAEpC,MAAIC,MAAS,qBACXN,EAAc,EAAI;AAAA,IAEtB;AAGO,WAAA,iBAAiB,WAAWI,CAAc,GACxC,SAAA,iBAAiB,WAAWA,CAAc;AAG7C,UAAAG,IAAe,YAAY,MAAM;AACrC,MAAIJ,OACF,cAAcI,CAAY;AAAA,OAE3B,GAAG;AAGN,WAAO,MAAM;AAEJ,aAAA,oBAAoB,WAAWH,CAAc,GAC3C,SAAA,oBAAoB,WAAWA,CAAc;AAAA,IACxD;AAAA,EACF,GAAG,EAAE,GAGAL,IAWED,sBATF,OAAI,EAAA,WAAU,wDACb,UAAC,gBAAAU,EAAA,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,IAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,4EAA4E,CAAA;AAAA,IAC1F,gBAAAA,EAAA,KAAA,EAAE,WAAU,iBAAgB,UAAU,aAAA,CAAA;AAAA,EAAA,EAAA,CACzC,EACF,CAAA;AAKN;"}

package/dist/index.js

@@ -1,189 +1,191 @@
-import { ProductCard as o, ProductCardBadge as t, ProductCardCurrentPrice as a, ProductCardFavoriteButton as i, ProductCardImage as l, ProductCardImageContainer as n, ProductCardInfo as c, ProductCardOriginalPrice as u, ProductCardPrice as d, ProductCardRoot as s, ProductCardTitle as p } from "./components/commerce/product-card.js";
-import { ProductLink as f, ProductLinkActions as g, ProductLinkCurrentPrice as x, ProductLinkDiscountPrice as C, ProductLinkImage as P, ProductLinkInfo as D, ProductLinkOriginalPrice as S, ProductLinkPrice as A, ProductLinkRating as T, ProductLinkRoot as L, ProductLinkTitle as h } from "./components/commerce/product-link.js";
-import { Accordion as w, AccordionContent as b, AccordionItem as I, AccordionTrigger as v } from "./components/ui/accordion.js";
-import { Alert as F, AlertDescription as B, AlertTitle as y } from "./components/ui/alert.js";
-import { AlertDialog as H, AlertDialogAction as O, AlertDialogCancel as G, AlertDialogContent as M, AlertDialogDescription as N, AlertDialogFooter as U, AlertDialogHeader as V, AlertDialogOverlay as z, AlertDialogPortal as j, AlertDialogTitle as q, AlertDialogTrigger as J } from "./components/ui/alert-dialog.js";
-import { Avatar as Q, AvatarFallback as W, AvatarImage as X } from "./components/ui/avatar.js";
-import { Badge as Z, badgeVariants as _ } from "./components/ui/badge.js";
-import { Button as rr, buttonVariants as er } from "./components/ui/button.js";
-import { Card as tr, CardAction as ar, CardContent as ir, CardDescription as lr, CardFooter as nr, CardHeader as cr, CardTitle as ur } from "./components/ui/card.js";
-import { Carousel as sr, CarouselContent as pr, CarouselItem as mr, CarouselNext as fr, CarouselPrevious as gr } from "./components/ui/carousel.js";
-import { Checkbox as Cr } from "./components/ui/checkbox.js";
-import { Dialog as Dr, DialogClose as Sr, DialogContent as Ar, DialogDescription as Tr, DialogFooter as Lr, DialogHeader as hr, DialogOverlay as kr, DialogPortal as wr, DialogTitle as br, DialogTrigger as Ir } from "./components/ui/dialog.js";
-import { Drawer as Rr, DrawerClose as Fr, DrawerContent as Br, DrawerDescription as yr, DrawerFooter as Er, DrawerHeader as Hr, DrawerOverlay as Or, DrawerPortal as Gr, DrawerTitle as Mr, DrawerTrigger as Nr } from "./components/ui/drawer.js";
-import { Input as Vr } from "./components/ui/input.js";
-import { Label as jr } from "./components/ui/label.js";
-import { Progress as Jr } from "./components/ui/progress.js";
-import { RadioGroup as Qr, RadioGroupItem as Wr } from "./components/ui/radio-group.js";
-import { ResizableHandle as Yr, ResizablePanel as Zr, ResizablePanelGroup as _r } from "./components/ui/resizable.js";
-import { ScrollArea as re, ScrollBar as ee } from "./components/ui/scroll-area.js";
-import { Select as te, SelectContent as ae, SelectGroup as ie, SelectItem as le, SelectLabel as ne, SelectScrollDownButton as ce, SelectScrollUpButton as ue, SelectSeparator as de, SelectTrigger as se, SelectValue as pe } from "./components/ui/select.js";
-import { Separator as fe } from "./components/ui/separator.js";
-import { Sheet as xe, SheetClose as Ce, SheetContent as Pe, SheetDescription as De, SheetFooter as Se, SheetHeader as Ae, SheetTitle as Te, SheetTrigger as Le } from "./components/ui/sheet.js";
-import { Toaster as ke } from "./components/ui/sonner.js";
-import { Touchable as be, touchableVariants as Ie } from "./components/ui/touchable.js";
-import { useSavedProductsActions as Re } from "./hooks/user/useSavedProductsActions.js";
-import { useFollowedShopsActions as Be } from "./hooks/user/useFollowedShopsActions.js";
-import { useCurrentUser as Ee } from "./hooks/user/useCurrentUser.js";
-import { useOrders as Oe } from "./hooks/user/useOrders.js";
-import { useBuyerAttributes as Me } from "./hooks/user/useBuyerAttributes.js";
-import { useProductListActions as Ue } from "./hooks/product/useProductListActions.js";
-import { useProductLists as ze } from "./hooks/product/useProductLists.js";
-import { useProductList as qe } from "./hooks/product/useProductList.js";
-import { useRecommendedProducts as Ke } from "./hooks/product/useRecommendedProducts.js";
-import { usePopularProducts as We } from "./hooks/product/usePopularProducts.js";
-import { useAsyncStorage as Ye } from "./hooks/storage/useAsyncStorage.js";
-import { useSecureStorage as _e } from "./hooks/storage/useSecureStorage.js";
-import { useImageUpload as ro } from "./hooks/storage/useImageUpload.js";
-import { useShopNavigation as oo } from "./hooks/navigation/useShopNavigation.js";
-import { useCloseMini as ao } from "./hooks/navigation/useCloseMini.js";
-import { useShopCartActions as lo } from "./hooks/shop/useShopCartActions.js";
-import { useRecommendedShops as co } from "./hooks/shop/useRecommendedShops.js";
-import { useErrorToast as so } from "./hooks/util/useErrorToast.js";
-import { useErrorScreen as mo } from "./hooks/util/useErrorScreen.js";
-import { MiniEntityNotFoundError as go, MiniError as xo, MiniNetworkError as Co, formatError as Po } from "./utils/errors.js";
-import { parseUrl as So } from "./utils/parseUrl.js";
-import { Consent as To, ConsentStatus as Lo, CurrencyCode as ho, Gender as ko } from "./types/minisSDK.generated.d.js";
+import { MinisContainer as o } from "./components/MinisContainer.js";
+import { ProductCard as a, ProductCardBadge as i, ProductCardCurrentPrice as l, ProductCardFavoriteButton as n, ProductCardImage as c, ProductCardImageContainer as u, ProductCardInfo as d, ProductCardOriginalPrice as s, ProductCardPrice as p, ProductCardRoot as m, ProductCardTitle as f } from "./components/commerce/product-card.js";
+import { ProductLink as g, ProductLinkActions as C, ProductLinkCurrentPrice as P, ProductLinkDiscountPrice as D, ProductLinkImage as S, ProductLinkInfo as A, ProductLinkOriginalPrice as T, ProductLinkPrice as L, ProductLinkRating as h, ProductLinkRoot as k, ProductLinkTitle as w } from "./components/commerce/product-link.js";
+import { Accordion as I, AccordionContent as v, AccordionItem as R, AccordionTrigger as F } from "./components/ui/accordion.js";
+import { Alert as y, AlertDescription as E, AlertTitle as H } from "./components/ui/alert.js";
+import { AlertDialog as G, AlertDialogAction as M, AlertDialogCancel as N, AlertDialogContent as U, AlertDialogDescription as V, AlertDialogFooter as z, AlertDialogHeader as j, AlertDialogOverlay as q, AlertDialogPortal as J, AlertDialogTitle as K, AlertDialogTrigger as Q } from "./components/ui/alert-dialog.js";
+import { Avatar as X, AvatarFallback as Y, AvatarImage as Z } from "./components/ui/avatar.js";
+import { Badge as $, badgeVariants as rr } from "./components/ui/badge.js";
+import { Button as or, buttonVariants as tr } from "./components/ui/button.js";
+import { Card as ir, CardAction as lr, CardContent as nr, CardDescription as cr, CardFooter as ur, CardHeader as dr, CardTitle as sr } from "./components/ui/card.js";
+import { Carousel as mr, CarouselContent as fr, CarouselItem as xr, CarouselNext as gr, CarouselPrevious as Cr } from "./components/ui/carousel.js";
+import { Checkbox as Dr } from "./components/ui/checkbox.js";
+import { Dialog as Ar, DialogClose as Tr, DialogContent as Lr, DialogDescription as hr, DialogFooter as kr, DialogHeader as wr, DialogOverlay as br, DialogPortal as Ir, DialogTitle as vr, DialogTrigger as Rr } from "./components/ui/dialog.js";
+import { Drawer as Br, DrawerClose as yr, DrawerContent as Er, DrawerDescription as Hr, DrawerFooter as Or, DrawerHeader as Gr, DrawerOverlay as Mr, DrawerPortal as Nr, DrawerTitle as Ur, DrawerTrigger as Vr } from "./components/ui/drawer.js";
+import { Input as jr } from "./components/ui/input.js";
+import { Label as Jr } from "./components/ui/label.js";
+import { Progress as Qr } from "./components/ui/progress.js";
+import { RadioGroup as Xr, RadioGroupItem as Yr } from "./components/ui/radio-group.js";
+import { ResizableHandle as _r, ResizablePanel as $r, ResizablePanelGroup as re } from "./components/ui/resizable.js";
+import { ScrollArea as oe, ScrollBar as te } from "./components/ui/scroll-area.js";
+import { Select as ie, SelectContent as le, SelectGroup as ne, SelectItem as ce, SelectLabel as ue, SelectScrollDownButton as de, SelectScrollUpButton as se, SelectSeparator as pe, SelectTrigger as me, SelectValue as fe } from "./components/ui/select.js";
+import { Separator as ge } from "./components/ui/separator.js";
+import { Sheet as Pe, SheetClose as De, SheetContent as Se, SheetDescription as Ae, SheetFooter as Te, SheetHeader as Le, SheetTitle as he, SheetTrigger as ke } from "./components/ui/sheet.js";
+import { Toaster as be } from "./components/ui/sonner.js";
+import { Touchable as ve, touchableVariants as Re } from "./components/ui/touchable.js";
+import { useSavedProductsActions as Be } from "./hooks/user/useSavedProductsActions.js";
+import { useFollowedShopsActions as Ee } from "./hooks/user/useFollowedShopsActions.js";
+import { useCurrentUser as Oe } from "./hooks/user/useCurrentUser.js";
+import { useOrders as Me } from "./hooks/user/useOrders.js";
+import { useBuyerAttributes as Ue } from "./hooks/user/useBuyerAttributes.js";
+import { useProductListActions as ze } from "./hooks/product/useProductListActions.js";
+import { useProductLists as qe } from "./hooks/product/useProductLists.js";
+import { useProductList as Ke } from "./hooks/product/useProductList.js";
+import { useRecommendedProducts as We } from "./hooks/product/useRecommendedProducts.js";
+import { usePopularProducts as Ye } from "./hooks/product/usePopularProducts.js";
+import { useAsyncStorage as _e } from "./hooks/storage/useAsyncStorage.js";
+import { useSecureStorage as ro } from "./hooks/storage/useSecureStorage.js";
+import { useImageUpload as oo } from "./hooks/storage/useImageUpload.js";
+import { useShopNavigation as ao } from "./hooks/navigation/useShopNavigation.js";
+import { useCloseMini as lo } from "./hooks/navigation/useCloseMini.js";
+import { useShopCartActions as co } from "./hooks/shop/useShopCartActions.js";
+import { useRecommendedShops as so } from "./hooks/shop/useRecommendedShops.js";
+import { useErrorToast as mo } from "./hooks/util/useErrorToast.js";
+import { useErrorScreen as xo } from "./hooks/util/useErrorScreen.js";
+import { MiniEntityNotFoundError as Co, MiniError as Po, MiniNetworkError as Do, formatError as So } from "./utils/errors.js";
+import { parseUrl as To } from "./utils/parseUrl.js";
+import { Consent as ho, ConsentStatus as ko, CurrencyCode as wo, Gender as bo } from "./types/minisSDK.generated.d.js";
 export {
-  w as Accordion,
-  b as AccordionContent,
-  I as AccordionItem,
-  v as AccordionTrigger,
-  F as Alert,
-  B as AlertDescription,
-  H as AlertDialog,
-  O as AlertDialogAction,
-  G as AlertDialogCancel,
-  M as AlertDialogContent,
-  N as AlertDialogDescription,
-  U as AlertDialogFooter,
-  V as AlertDialogHeader,
-  z as AlertDialogOverlay,
-  j as AlertDialogPortal,
-  q as AlertDialogTitle,
-  J as AlertDialogTrigger,
-  y as AlertTitle,
-  Q as Avatar,
-  W as AvatarFallback,
-  X as AvatarImage,
-  Z as Badge,
-  rr as Button,
-  tr as Card,
-  ar as CardAction,
-  ir as CardContent,
-  lr as CardDescription,
-  nr as CardFooter,
-  cr as CardHeader,
-  ur as CardTitle,
-  sr as Carousel,
-  pr as CarouselContent,
-  mr as CarouselItem,
-  fr as CarouselNext,
-  gr as CarouselPrevious,
-  Cr as Checkbox,
-  To as Consent,
-  Lo as ConsentStatus,
-  ho as CurrencyCode,
-  Dr as Dialog,
-  Sr as DialogClose,
-  Ar as DialogContent,
-  Tr as DialogDescription,
-  Lr as DialogFooter,
-  hr as DialogHeader,
-  kr as DialogOverlay,
-  wr as DialogPortal,
-  br as DialogTitle,
-  Ir as DialogTrigger,
-  Rr as Drawer,
-  Fr as DrawerClose,
-  Br as DrawerContent,
-  yr as DrawerDescription,
-  Er as DrawerFooter,
-  Hr as DrawerHeader,
-  Or as DrawerOverlay,
-  Gr as DrawerPortal,
-  Mr as DrawerTitle,
-  Nr as DrawerTrigger,
-  ko as Gender,
-  Vr as Input,
-  jr as Label,
-  go as MiniEntityNotFoundError,
-  xo as MiniError,
-  Co as MiniNetworkError,
-  o as ProductCard,
-  t as ProductCardBadge,
-  a as ProductCardCurrentPrice,
-  i as ProductCardFavoriteButton,
-  l as ProductCardImage,
-  n as ProductCardImageContainer,
-  c as ProductCardInfo,
-  u as ProductCardOriginalPrice,
-  d as ProductCardPrice,
-  s as ProductCardRoot,
-  p as ProductCardTitle,
-  f as ProductLink,
-  g as ProductLinkActions,
-  x as ProductLinkCurrentPrice,
-  C as ProductLinkDiscountPrice,
-  P as ProductLinkImage,
-  D as ProductLinkInfo,
-  S as ProductLinkOriginalPrice,
-  A as ProductLinkPrice,
-  T as ProductLinkRating,
-  L as ProductLinkRoot,
-  h as ProductLinkTitle,
-  Jr as Progress,
-  Qr as RadioGroup,
-  Wr as RadioGroupItem,
-  Yr as ResizableHandle,
-  Zr as ResizablePanel,
-  _r as ResizablePanelGroup,
-  re as ScrollArea,
-  ee as ScrollBar,
-  te as Select,
-  ae as SelectContent,
-  ie as SelectGroup,
-  le as SelectItem,
-  ne as SelectLabel,
-  ce as SelectScrollDownButton,
-  ue as SelectScrollUpButton,
-  de as SelectSeparator,
-  se as SelectTrigger,
-  pe as SelectValue,
-  fe as Separator,
-  xe as Sheet,
-  Ce as SheetClose,
-  Pe as SheetContent,
-  De as SheetDescription,
-  Se as SheetFooter,
-  Ae as SheetHeader,
-  Te as SheetTitle,
-  Le as SheetTrigger,
-  ke as Toaster,
-  be as Touchable,
-  _ as badgeVariants,
-  er as buttonVariants,
-  Po as formatError,
-  So as parseUrl,
-  Ie as touchableVariants,
-  Ye as useAsyncStorage,
-  Me as useBuyerAttributes,
-  ao as useCloseMini,
-  Ee as useCurrentUser,
-  mo as useErrorScreen,
-  so as useErrorToast,
-  Be as useFollowedShopsActions,
-  ro as useImageUpload,
-  Oe as useOrders,
-  We as usePopularProducts,
-  qe as useProductList,
-  Ue as useProductListActions,
-  ze as useProductLists,
-  Ke as useRecommendedProducts,
-  co as useRecommendedShops,
-  Re as useSavedProductsActions,
-  _e as useSecureStorage,
-  lo as useShopCartActions,
-  oo as useShopNavigation
+  I as Accordion,
+  v as AccordionContent,
+  R as AccordionItem,
+  F as AccordionTrigger,
+  y as Alert,
+  E as AlertDescription,
+  G as AlertDialog,
+  M as AlertDialogAction,
+  N as AlertDialogCancel,
+  U as AlertDialogContent,
+  V as AlertDialogDescription,
+  z as AlertDialogFooter,
+  j as AlertDialogHeader,
+  q as AlertDialogOverlay,
+  J as AlertDialogPortal,
+  K as AlertDialogTitle,
+  Q as AlertDialogTrigger,
+  H as AlertTitle,
+  X as Avatar,
+  Y as AvatarFallback,
+  Z as AvatarImage,
+  $ as Badge,
+  or as Button,
+  ir as Card,
+  lr as CardAction,
+  nr as CardContent,
+  cr as CardDescription,
+  ur as CardFooter,
+  dr as CardHeader,
+  sr as CardTitle,
+  mr as Carousel,
+  fr as CarouselContent,
+  xr as CarouselItem,
+  gr as CarouselNext,
+  Cr as CarouselPrevious,
+  Dr as Checkbox,
+  ho as Consent,
+  ko as ConsentStatus,
+  wo as CurrencyCode,
+  Ar as Dialog,
+  Tr as DialogClose,
+  Lr as DialogContent,
+  hr as DialogDescription,
+  kr as DialogFooter,
+  wr as DialogHeader,
+  br as DialogOverlay,
+  Ir as DialogPortal,
+  vr as DialogTitle,
+  Rr as DialogTrigger,
+  Br as Drawer,
+  yr as DrawerClose,
+  Er as DrawerContent,
+  Hr as DrawerDescription,
+  Or as DrawerFooter,
+  Gr as DrawerHeader,
+  Mr as DrawerOverlay,
+  Nr as DrawerPortal,
+  Ur as DrawerTitle,
+  Vr as DrawerTrigger,
+  bo as Gender,
+  jr as Input,
+  Jr as Label,
+  Co as MiniEntityNotFoundError,
+  Po as MiniError,
+  Do as MiniNetworkError,
+  o as MinisContainer,
+  a as ProductCard,
+  i as ProductCardBadge,
+  l as ProductCardCurrentPrice,
+  n as ProductCardFavoriteButton,
+  c as ProductCardImage,
+  u as ProductCardImageContainer,
+  d as ProductCardInfo,
+  s as ProductCardOriginalPrice,
+  p as ProductCardPrice,
+  m as ProductCardRoot,
+  f as ProductCardTitle,
+  g as ProductLink,
+  C as ProductLinkActions,
+  P as ProductLinkCurrentPrice,
+  D as ProductLinkDiscountPrice,
+  S as ProductLinkImage,
+  A as ProductLinkInfo,
+  T as ProductLinkOriginalPrice,
+  L as ProductLinkPrice,
+  h as ProductLinkRating,
+  k as ProductLinkRoot,
+  w as ProductLinkTitle,
+  Qr as Progress,
+  Xr as RadioGroup,
+  Yr as RadioGroupItem,
+  _r as ResizableHandle,
+  $r as ResizablePanel,
+  re as ResizablePanelGroup,
+  oe as ScrollArea,
+  te as ScrollBar,
+  ie as Select,
+  le as SelectContent,
+  ne as SelectGroup,
+  ce as SelectItem,
+  ue as SelectLabel,
+  de as SelectScrollDownButton,
+  se as SelectScrollUpButton,
+  pe as SelectSeparator,
+  me as SelectTrigger,
+  fe as SelectValue,
+  ge as Separator,
+  Pe as Sheet,
+  De as SheetClose,
+  Se as SheetContent,
+  Ae as SheetDescription,
+  Te as SheetFooter,
+  Le as SheetHeader,
+  he as SheetTitle,
+  ke as SheetTrigger,
+  be as Toaster,
+  ve as Touchable,
+  rr as badgeVariants,
+  tr as buttonVariants,
+  So as formatError,
+  To as parseUrl,
+  Re as touchableVariants,
+  _e as useAsyncStorage,
+  Ue as useBuyerAttributes,
+  lo as useCloseMini,
+  Oe as useCurrentUser,
+  xo as useErrorScreen,
+  mo as useErrorToast,
+  Ee as useFollowedShopsActions,
+  oo as useImageUpload,
+  Me as useOrders,
+  Ye as usePopularProducts,
+  Ke as useProductList,
+  ze as useProductListActions,
+  qe as useProductLists,
+  We as useRecommendedProducts,
+  so as useRecommendedShops,
+  Be as useSavedProductsActions,
+  ro as useSecureStorage,
+  co as useShopCartActions,
+  ao 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.0.6",
+  "version": "0.0.7",
   "sideEffects": false,
   "type": "module",
   "engines": {

package/src/components/MinisContainer.tsx

@@ -0,0 +1,62 @@
+import React, {useEffect, useState} from 'react'
+
+export function MinisContainer({children}: {children: React.ReactNode}) {
+  const [isSDKReady, setIsSDKReady] = useState(false)
+
+  useEffect(() => {
+    // Function to check if SDK is ready
+    const checkSDKReady = () => {
+      if (window.minisSDK) {
+        setIsSDKReady(true)
+        return true
+      }
+      return false
+    }
+
+    // Check immediately
+    if (checkSDKReady()) {
+      return
+    }
+
+    // If not ready, set up a listener for the MINIS_SDK_READY event
+    const handleSDKReady = (event: any) => {
+      const {type} = JSON.parse(event.data)
+
+      if (type === 'MINIS_SDK_READY') {
+        setIsSDKReady(true)
+      }
+    }
+
+    // Listen for the MINIS_SDK_READY event
+    window.addEventListener('message', handleSDKReady)
+    document.addEventListener('message', handleSDKReady)
+
+    // Also poll for SDK availability as a fallback
+    const pollInterval = setInterval(() => {
+      if (checkSDKReady()) {
+        clearInterval(pollInterval)
+      }
+    }, 100)
+
+    // Cleanup
+    return () => {
+      // clearInterval(pollInterval);
+      window.removeEventListener('message', handleSDKReady)
+      document.removeEventListener('message', handleSDKReady)
+    }
+  }, [])
+
+  // Don't render anything until SDK is ready
+  if (!isSDKReady) {
+    return (
+      <div className="h-screen bg-gray-50 flex items-center justify-center">
+        <div className="text-center">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4" />
+          <p className="text-gray-600">Loading...</p>
+        </div>
+      </div>
+    )
+  }
+
+  return children
+}

package/src/components/index.ts

@@ -1,3 +1,5 @@
+export * from './MinisContainer'
+
 export * from './commerce/product-card'
 export * from './commerce/product-link'