@shopify/shop-minis-react 0.1.1 → 0.1.3

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/mocks.js

@@ -1,10 +1,11 @@
 import { UserState as p } from "./shop-minis-platform/src/types/user.js";
-const e = (t, o, r = "99.99", s) => ({
+import { MinisContentStatus as l } from "./shop-minis-platform/src/types/content.js";
+const e = (t, o, r = "99.99", d) => ({
   id: t,
   title: o,
   price: { amount: r, currencyCode: "USD" },
-  ...s && {
-    compareAtPrice: { amount: s, currencyCode: "USD" }
+  ...d && {
+    compareAtPrice: { amount: d, currencyCode: "USD" }
   },
   reviewAnalytics: { averageRating: 4.5, reviewCount: 10 },
   shop: i("shop1", "Mock Shop"),
@@ -15,7 +16,7 @@ const e = (t, o, r = "99.99", s) => ({
     altText: o
   }
 }), i = (t, o, r) => {
-  const c = Array.from({ length: 3 }, (g, n) => ({
+  const c = Array.from({ length: 3 }, (v, n) => ({
     url: `https://picsum.photos/400/400?random=${t}-${n}`,
     sensitive: !1,
     altText: `${o} featured image ${n + 1}`
@@ -40,16 +41,16 @@ const e = (t, o, r = "99.99", s) => ({
 }, a = (t = !1) => ({
   hasNextPage: t,
   endCursor: t ? "cursor123" : null
-}), d = (t, o, r = []) => ({
+}), s = (t, o, r = []) => ({
   id: t,
   publicId: `public-${t}`,
   name: o,
   products: r
 });
-function l(t, o) {
+function u(t, o) {
   return (r) => (console.log(`[Mock Action] ${String(t)}`, r), Promise.resolve({ ok: !0, data: o }));
 }
-function u() {
+function m() {
   const t = {
     translateContentUp: void 0,
     translateContentDown: void 0,
@@ -126,20 +127,20 @@ function u() {
     reportContentImpression: void 0,
     getProductLists: {
       data: [
-        d("list-1", "Wishlist"),
-        d("list-2", "Favorites")
+        s("list-1", "Wishlist"),
+        s("list-2", "Favorites")
       ],
       pageInfo: a()
     },
     getProductList: {
-      data: d("list-1", "Wishlist", [
+      data: s("list-1", "Wishlist", [
         e("prod-1", "Sample Product")
       ]),
       pageInfo: a()
     },
-    addProductList: d("list-3", "New List"),
+    addProductList: s("list-3", "New List"),
     removeProductList: void 0,
-    renameProductList: d("list-1", "Updated Wishlist"),
+    renameProductList: s("list-1", "Updated Wishlist"),
     addProductListItem: void 0,
     removeProductListItem: void 0,
     getRecommendedProducts: {
@@ -303,7 +304,8 @@ function u() {
             height: 600
           },
           title: "Mock Content",
-          visibility: ["DISCOVERABLE"]
+          visibility: ["DISCOVERABLE"],
+          status: l.READY
         }
       ]
     },
@@ -314,20 +316,23 @@ function u() {
         userState: p.VERIFIED
       }
     },
-    navigateToCart: void 0
+    navigateToCart: void 0,
+    requestPermission: {
+      granted: !0
+    }
   }, o = {};
   for (const r in t)
-    Object.prototype.hasOwnProperty.call(t, r) && (o[r] = l(
+    Object.prototype.hasOwnProperty.call(t, r) && (o[r] = u(
       r,
       t[r]
     ));
   return o;
 }
-const m = () => {
+const g = () => {
   const t = navigator.userAgent.toLowerCase(), o = /iphone|ipad|ipod/.test(t), r = /android/.test(t);
   return o || r;
-}, h = ({ force: t } = {}) => {
-  m() && !t || window.minisSDK || (window.minisSDK = u(), window.minisParams = {
+}, S = ({ force: t } = {}) => {
+  g() && !t || window.minisSDK || (window.minisSDK = m(), window.minisParams = {
     handle: "mock-handle",
     initialUrl: "/mock-initial-url",
     platform: "web"
@@ -336,7 +341,7 @@ const m = () => {
 export {
   e as createProduct,
   i as createShop,
-  h as injectMocks,
-  u as makeMockActions
+  S as injectMocks,
+  m as makeMockActions
 };
 //# sourceMappingURL=mocks.js.map

package/dist/mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"mocks.js","sources":["../src/mocks.ts"],"sourcesContent":["import {Product, Gender, UserState} from '@shopify/shop-minis-platform'\nimport {ShopActions} from '@shopify/shop-minis-platform/actions'\n\n// Helper functions for common data structures\nexport const createProduct = (\n  id: string,\n  title: string,\n  price = '99.99',\n  compareAtPrice?: string\n): Product => ({\n  id,\n  title,\n  price: {amount: price, currencyCode: 'USD'},\n  ...(compareAtPrice && {\n    compareAtPrice: {amount: compareAtPrice, currencyCode: 'USD'},\n  }),\n  reviewAnalytics: {averageRating: 4.5, reviewCount: 10},\n  shop: createShop('shop1', 'Mock Shop'),\n  defaultVariantId: `variant-${id}`,\n  isFavorited: false,\n  featuredImage: {\n    url: `https://cdn.shopify.com/static/sample-images/teapot.jpg`,\n    altText: title,\n  },\n})\n\nexport const createShop = (\n  id: string,\n  name: string,\n  options?: {\n    themeType?: 'coverImage' | 'brandColor' | 'logoColor' | 'none'\n    withBrandSettings?: boolean\n    primaryColor?: string\n    logoDominantColor?: string\n    logoAverageColor?: string\n    coverDominantColor?: string\n    wordmarkUrl?: string\n    coverImageUrl?: string\n    featuredImagesLimit?: number\n  }\n) => {\n  // Determine theme configuration\n  const themeType = options?.themeType || 'none'\n  const shouldHaveBrandSettings =\n    options?.withBrandSettings || themeType !== 'none'\n\n  // Generate featured images\n  const featuredImagesCount = options?.featuredImagesLimit || 3\n  const featuredImages = Array.from({length: featuredImagesCount}, (_, i) => ({\n    url: `https://picsum.photos/400/400?random=${id}-${i}`,\n    sensitive: false,\n    altText: `${name} featured image ${i + 1}`,\n  }))\n\n  // Configure colors based on theme type\n  const getThemeColors = () => {\n    switch (themeType) {\n      case 'coverImage':\n        return {\n          primary: options?.primaryColor,\n          logoDominant: options?.logoDominantColor,\n          logoAverage: options?.logoAverageColor,\n          coverDominant: options?.coverDominantColor || '#FF6B35',\n        }\n      case 'brandColor':\n        return {\n          primary: options?.primaryColor || '#27AE60',\n          logoDominant: options?.logoDominantColor,\n          logoAverage: options?.logoAverageColor,\n          coverDominant: options?.coverDominantColor,\n        }\n      case 'logoColor':\n        return {\n          primary: options?.primaryColor,\n          logoDominant: options?.logoDominantColor || '#E74C3C',\n          logoAverage: options?.logoAverageColor,\n          coverDominant: options?.coverDominantColor,\n        }\n      default:\n        return {\n          primary: options?.primaryColor,\n          logoDominant: options?.logoDominantColor,\n          logoAverage: options?.logoAverageColor,\n          coverDominant: options?.coverDominantColor,\n        }\n    }\n  }\n\n  // Configure header theme\n  const createHeaderTheme = () => {\n    if (themeType === 'coverImage' || options?.coverImageUrl) {\n      return {\n        id: `header-theme-${id}`,\n        coverImage: {\n          url:\n            options?.coverImageUrl ||\n            'https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=800&h=400&fit=crop',\n          altText: `${name} cover image`,\n          sensitive: false,\n          thumbhash: 'k9oGHQRnh493V4dIeHeXh4h3iIeI',\n        },\n        wordmark:\n          options?.wordmarkUrl || themeType === 'coverImage'\n            ? {\n                url:\n                  options?.wordmarkUrl ||\n                  'https://merrypeople.com/cdn/shop/files/Transparent_Background_1.png?v=1696465429&width=1024',\n                altText: `${name} wordmark`,\n                sensitive: false,\n              }\n            : undefined,\n      }\n    }\n\n    if (options?.wordmarkUrl) {\n      return {\n        id: `header-theme-${id}`,\n        wordmark: {\n          url: options.wordmarkUrl,\n          altText: `${name} wordmark`,\n          sensitive: false,\n        },\n      }\n    }\n\n    return undefined\n  }\n\n  return {\n    id,\n    name,\n    primaryDomain: {\n      url: `https://${name.toLowerCase().replace(/\\s+/g, '-')}.com`,\n    },\n    reviewAnalytics: {averageRating: 4.3, reviewCount: 50},\n    visualTheme: {\n      id: `visual-theme-${id}`,\n      featuredImages,\n      logoImage: {\n        url: `https://picsum.photos/100/100?random=${id}`,\n        sensitive: false,\n      },\n      brandSettings: shouldHaveBrandSettings\n        ? {\n            id: `brand-settings-${id}`,\n            colors: {\n              id: `colors-${id}`,\n              ...getThemeColors(),\n            },\n            headerTheme: createHeaderTheme(),\n          }\n        : undefined,\n    },\n  }\n}\n\nconst createPagination = (hasNext = false) => ({\n  hasNextPage: hasNext,\n  endCursor: hasNext ? 'cursor123' : null,\n})\n\nconst createProductList = (id: string, name: string, products: any[] = []) => ({\n  id,\n  publicId: `public-${id}`,\n  name,\n  products,\n})\n\n// Helper type to extract the data type from a ShopAction\ntype ShopActionDataType<T> = T extends (\n  ...args: any[]\n) => Promise<{ok: true; data: infer R} | {ok: false; error: any}>\n  ? R\n  : never\n\nfunction makeMockMethod<K extends keyof ShopActions>(\n  key: K,\n  result: ShopActionDataType<ShopActions[K]>\n): ShopActions[K] {\n  return ((params: Parameters<ShopActions[K]>[0]) => {\n    console.log(`[Mock Action] ${String(key)}`, params)\n    return Promise.resolve({ok: true as const, data: result})\n  }) as ShopActions[K]\n}\n\nexport function makeMockActions(): ShopActions {\n  const results: {\n    [K in keyof ShopActions]: ShopActionDataType<ShopActions[K]>\n  } = {\n    translateContentUp: undefined,\n    translateContentDown: undefined,\n    followShop: true,\n    unfollowShop: false,\n    favorite: undefined,\n    unfavorite: undefined,\n    getShopAppInformation: {\n      appVersion: '1.0.0',\n      buildNumber: '12345',\n      buildId: 'dev-build-123',\n    },\n    productRecommendationImpression: undefined,\n    productRecommendationClick: undefined,\n    hideEntryPoint: undefined,\n    closeMini: undefined,\n    getAccountInformation: {\n      status: 'available',\n      value: 'user@example.com',\n    },\n    getCurrentUser: {\n      data: {\n        displayName: 'John Doe',\n        avatarImage: {url: 'https://example.com/avatar.jpg'},\n      },\n    },\n    createOrderAttribution: undefined,\n    addToCart: undefined,\n    buyProduct: undefined,\n    buyProducts: undefined,\n    showErrorScreen: undefined,\n    showErrorToast: undefined,\n    getDeeplinkPaths: {\n      matchers: ['/products', '/collections', '/cart'],\n    },\n    navigateToDeeplink: undefined,\n    navigateToShop: undefined,\n    navigateToProduct: undefined,\n    navigateToOrder: undefined,\n    navigateToCheckout: undefined,\n    createImageUploadLink: {\n      targets: [\n        {\n          url: 'https://example.com/upload',\n          resourceUrl: 'https://example.com/resource',\n          parameters: [{name: 'key', value: 'upload-123'}],\n        },\n      ],\n    },\n    completeImageUpload: {\n      files: [\n        {\n          id: 'file-123',\n          fileStatus: 'READY',\n          image: {url: 'https://example.com/image.jpg'},\n        },\n      ],\n    },\n    getPersistedItem: 'stored-value',\n    setPersistedItem: undefined,\n    removePersistedItem: undefined,\n    getAllPersistedKeys: ['key1', 'key2', 'key3'],\n    clearPersistedItems: undefined,\n    getInternalPersistedItem: 'internal-value',\n    setInternalPersistedItem: undefined,\n    removeInternalPersistedItem: undefined,\n    getAllInternalPersistedKeys: ['internal-key1', 'internal-key2'],\n    clearInternalPersistedItems: undefined,\n    getSecret: 'secret-value',\n    setSecret: undefined,\n    removeSecret: undefined,\n    reportInteraction: undefined,\n    reportImpression: undefined,\n    reportContentImpression: undefined,\n    getProductLists: {\n      data: [\n        createProductList('list-1', 'Wishlist'),\n        createProductList('list-2', 'Favorites'),\n      ],\n      pageInfo: createPagination(),\n    },\n    getProductList: {\n      data: createProductList('list-1', 'Wishlist', [\n        createProduct('prod-1', 'Sample Product'),\n      ]),\n      pageInfo: createPagination(),\n    },\n    addProductList: createProductList('list-3', 'New List'),\n    removeProductList: undefined,\n    renameProductList: createProductList('list-1', 'Updated Wishlist'),\n    addProductListItem: undefined,\n    removeProductListItem: undefined,\n    getRecommendedProducts: {\n      data: [\n        createProduct('rec-1', 'Recommended Product 1', '79.99'),\n        createProduct('rec-2', 'Recommended Product 2', '129.99'),\n        createProduct('rec-3', 'Recommended Product 3', '129.99'),\n        createProduct('rec-4', 'Recommended Product 4', '29.99'),\n        createProduct('rec-5', 'Recommended Product 5', '39.99'),\n        createProduct('rec-6', 'Recommended Product 6', '49.99'),\n        createProduct('rec-7', 'Recommended Product 7', '59.99'),\n        createProduct('rec-8', 'Recommended Product 8', '69.99'),\n        createProduct('rec-9', 'Recommended Product 9', '129.99'),\n      ],\n      pageInfo: createPagination(),\n    },\n    getRecommendedShops: {\n      data: [\n        createShop('shop-1', 'Amazing Store'),\n        createShop('shop-2', 'Best Deals Shop'),\n      ],\n      pageInfo: createPagination(),\n    },\n    searchProductsByShop: {\n      data: [\n        createProduct('search-1', 'Search Result 1', '59.99'),\n        createProduct('search-2', 'Search Result 2', '89.99'),\n      ],\n      pageInfo: createPagination(),\n    },\n    getOrders: {\n      data: [\n        {\n          id: 'order-1',\n          name: '#1001',\n          lineItems: [\n            {\n              productTitle: 'Sample Product',\n              variantTitle: 'Medium',\n              quantity: 2,\n              product: null,\n            },\n          ],\n          shop: createShop('shop-1', 'Sample Shop'),\n        },\n      ],\n      pageInfo: createPagination(),\n    },\n    getBuyerAttributes: {\n      data: {\n        genderAffinity: 'NEUTRAL' as Gender,\n        categoryAffinities: [\n          {id: 'cat1', name: 'Electronics'},\n          {id: 'cat2', name: 'Clothing'},\n        ],\n      },\n    },\n    showFeedbackSheet: undefined,\n    getPopularProducts: {\n      data: [\n        createProduct('pop-1', 'The Hero Snowboard', '702.95'),\n        createProduct('pop-2', 'Snow Jacket', '605.95', '702.00'),\n        createProduct('pop-3', 'Winter Gloves', '89.95'),\n        createProduct('pop-4', 'Summer Gloves', '89.95'),\n        createProduct('pop-5', 'Spring Gloves', '89.95'),\n        createProduct('pop-6', 'Playstation 5', '499.95'),\n        createProduct('pop-7', 'Xbox Series X', '499.95'),\n        createProduct('pop-8', 'Nintendo Switch', '299.95'),\n        createProduct('pop-9', 'Playstation 4', '299.95'),\n        createProduct('pop-10', 'Nintendo 3DS', '89.95'),\n      ],\n      pageInfo: createPagination(),\n    },\n    share: {\n      message: 'Shared!',\n      success: true,\n    },\n    shareSingle: {\n      message: 'Shared!',\n      success: true,\n    },\n    getCuratedProducts: {\n      data: [\n        createProduct('cur-1', 'Curated Product 1', '79.99'),\n        createProduct('cur-2', 'Curated Product 2', '129.99'),\n      ],\n      pageInfo: createPagination(),\n    },\n    getSavedProducts: {\n      data: [createProduct('saved-1', 'Saved Product 1', '49.99')],\n      pageInfo: createPagination(),\n    },\n    getRecentProducts: {\n      data: [createProduct('recent-1', 'Recent Product 1', '59.99')],\n      pageInfo: createPagination(),\n    },\n    getProductSearch: {\n      data: [createProduct('search-3', 'Search Product 3', '39.99')],\n      pageInfo: createPagination(),\n    },\n    getProducts: {data: [createProduct('prod-2', 'Product 2', '19.99')]},\n    getProduct: {data: createProduct('prod-1', 'Sample Product')},\n    getProductVariants: {\n      data: [\n        {\n          id: 'variant-1',\n          isFavorited: false,\n          image: {url: 'https://example.com/variant-1.jpg'},\n          price: {amount: '19.99', currencyCode: 'USD'},\n          compareAtPrice: {amount: '29.99', currencyCode: 'USD'},\n        },\n      ],\n      pageInfo: createPagination(),\n    },\n    getProductMedia: {\n      data: [\n        {\n          id: 'media-1',\n          image: {url: 'https://example.com/media-1.jpg'},\n          mediaContentType: 'IMAGE',\n          alt: 'Sample product image',\n        },\n      ],\n      pageInfo: createPagination(),\n    },\n    getShop: {data: createShop('shop-1', 'Sample Shop')},\n    getRecentShops: {\n      data: [createShop('recent-shop-1', 'Recent Shop 1')],\n      pageInfo: createPagination(),\n    },\n    getFollowedShops: {\n      data: [createShop('followed-shop-1', 'Followed Shop 1')],\n      pageInfo: createPagination(),\n    },\n    previewProductInAr: undefined,\n    createContent: {\n      data: {\n        publicId: 'content-123',\n        externalId: null,\n        image: {\n          id: 'img-123',\n          url: 'https://cdn.shopify.com/s/files/1/0633/6574/2742/files/Namnlosdesign-47.png?v=1740438079',\n          width: 800,\n          height: 600,\n        },\n        title: 'Mock Content',\n        description: 'This is a mock content item',\n        visibility: ['DISCOVERABLE'],\n        shareableUrl: 'https://example.com/content/123',\n        products: null,\n      },\n    },\n    getContent: {\n      data: [\n        {\n          publicId: 'content-123',\n          image: {\n            id: 'img-123',\n            url: 'https://cdn.shopify.com/s/files/1/0633/6574/2742/files/Namnlosdesign-47.png?v=1740438079',\n            width: 800,\n            height: 600,\n          },\n          title: 'Mock Content',\n          visibility: ['DISCOVERABLE'],\n        },\n      ],\n    },\n    generateUserToken: {\n      data: {\n        token: 'user-token-123',\n        expiresAt: '2025-01-01',\n        userState: UserState.VERIFIED,\n      },\n    },\n    navigateToCart: undefined,\n  } as const\n\n  const mock: Partial<ShopActions> = {}\n  for (const key in results) {\n    if (Object.prototype.hasOwnProperty.call(results, key)) {\n      // @ts-expect-error: dynamic assignment is safe due to exhaustive mapping\n      mock[key] = makeMockMethod(\n        key as keyof ShopActions,\n        results[key as keyof typeof results]\n      )\n    }\n  }\n  return mock as ShopActions\n}\n\n// Detect if running on a mobile device\nconst isMobile = (): boolean => {\n  const userAgent = navigator.userAgent.toLowerCase()\n  const isIOS = /iphone|ipad|ipod/.test(userAgent)\n  const isAndroid = /android/.test(userAgent)\n\n  return isIOS || isAndroid\n}\n\nexport const injectMocks = ({force}: {force?: boolean} = {}) => {\n  // Only inject mocks if we aren't on a mobile device or we force it\n  if (isMobile() && !force) {\n    return\n  }\n\n  if (!window.minisSDK) {\n    window.minisSDK = makeMockActions()\n    window.minisParams = {\n      handle: 'mock-handle',\n      initialUrl: '/mock-initial-url',\n      platform: 'web',\n    }\n  }\n}\n"],"names":["createProduct","id","title","price","compareAtPrice","createShop","name","options","featuredImages","_","i","createPagination","hasNext","createProductList","products","makeMockMethod","key","result","params","makeMockActions","results","UserState","mock","isMobile","userAgent","isIOS","isAndroid","injectMocks","force"],"mappings":"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"}
+{"version":3,"file":"mocks.js","sources":["../src/mocks.ts"],"sourcesContent":["import {\n  Product,\n  Gender,\n  UserState,\n  MinisContentStatus,\n} from '@shopify/shop-minis-platform'\nimport {ShopActions} from '@shopify/shop-minis-platform/actions'\n\n// Helper functions for common data structures\nexport const createProduct = (\n  id: string,\n  title: string,\n  price = '99.99',\n  compareAtPrice?: string\n): Product => ({\n  id,\n  title,\n  price: {amount: price, currencyCode: 'USD'},\n  ...(compareAtPrice && {\n    compareAtPrice: {amount: compareAtPrice, currencyCode: 'USD'},\n  }),\n  reviewAnalytics: {averageRating: 4.5, reviewCount: 10},\n  shop: createShop('shop1', 'Mock Shop'),\n  defaultVariantId: `variant-${id}`,\n  isFavorited: false,\n  featuredImage: {\n    url: `https://cdn.shopify.com/static/sample-images/teapot.jpg`,\n    altText: title,\n  },\n})\n\nexport const createShop = (\n  id: string,\n  name: string,\n  options?: {\n    themeType?: 'coverImage' | 'brandColor' | 'logoColor' | 'none'\n    withBrandSettings?: boolean\n    primaryColor?: string\n    logoDominantColor?: string\n    logoAverageColor?: string\n    coverDominantColor?: string\n    wordmarkUrl?: string\n    coverImageUrl?: string\n    featuredImagesLimit?: number\n  }\n) => {\n  // Determine theme configuration\n  const themeType = options?.themeType || 'none'\n  const shouldHaveBrandSettings =\n    options?.withBrandSettings || themeType !== 'none'\n\n  // Generate featured images\n  const featuredImagesCount = options?.featuredImagesLimit || 3\n  const featuredImages = Array.from({length: featuredImagesCount}, (_, i) => ({\n    url: `https://picsum.photos/400/400?random=${id}-${i}`,\n    sensitive: false,\n    altText: `${name} featured image ${i + 1}`,\n  }))\n\n  // Configure colors based on theme type\n  const getThemeColors = () => {\n    switch (themeType) {\n      case 'coverImage':\n        return {\n          primary: options?.primaryColor,\n          logoDominant: options?.logoDominantColor,\n          logoAverage: options?.logoAverageColor,\n          coverDominant: options?.coverDominantColor || '#FF6B35',\n        }\n      case 'brandColor':\n        return {\n          primary: options?.primaryColor || '#27AE60',\n          logoDominant: options?.logoDominantColor,\n          logoAverage: options?.logoAverageColor,\n          coverDominant: options?.coverDominantColor,\n        }\n      case 'logoColor':\n        return {\n          primary: options?.primaryColor,\n          logoDominant: options?.logoDominantColor || '#E74C3C',\n          logoAverage: options?.logoAverageColor,\n          coverDominant: options?.coverDominantColor,\n        }\n      default:\n        return {\n          primary: options?.primaryColor,\n          logoDominant: options?.logoDominantColor,\n          logoAverage: options?.logoAverageColor,\n          coverDominant: options?.coverDominantColor,\n        }\n    }\n  }\n\n  // Configure header theme\n  const createHeaderTheme = () => {\n    if (themeType === 'coverImage' || options?.coverImageUrl) {\n      return {\n        id: `header-theme-${id}`,\n        coverImage: {\n          url:\n            options?.coverImageUrl ||\n            'https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=800&h=400&fit=crop',\n          altText: `${name} cover image`,\n          sensitive: false,\n          thumbhash: 'k9oGHQRnh493V4dIeHeXh4h3iIeI',\n        },\n        wordmark:\n          options?.wordmarkUrl || themeType === 'coverImage'\n            ? {\n                url:\n                  options?.wordmarkUrl ||\n                  'https://merrypeople.com/cdn/shop/files/Transparent_Background_1.png?v=1696465429&width=1024',\n                altText: `${name} wordmark`,\n                sensitive: false,\n              }\n            : undefined,\n      }\n    }\n\n    if (options?.wordmarkUrl) {\n      return {\n        id: `header-theme-${id}`,\n        wordmark: {\n          url: options.wordmarkUrl,\n          altText: `${name} wordmark`,\n          sensitive: false,\n        },\n      }\n    }\n\n    return undefined\n  }\n\n  return {\n    id,\n    name,\n    primaryDomain: {\n      url: `https://${name.toLowerCase().replace(/\\s+/g, '-')}.com`,\n    },\n    reviewAnalytics: {averageRating: 4.3, reviewCount: 50},\n    visualTheme: {\n      id: `visual-theme-${id}`,\n      featuredImages,\n      logoImage: {\n        url: `https://picsum.photos/100/100?random=${id}`,\n        sensitive: false,\n      },\n      brandSettings: shouldHaveBrandSettings\n        ? {\n            id: `brand-settings-${id}`,\n            colors: {\n              id: `colors-${id}`,\n              ...getThemeColors(),\n            },\n            headerTheme: createHeaderTheme(),\n          }\n        : undefined,\n    },\n  }\n}\n\nconst createPagination = (hasNext = false) => ({\n  hasNextPage: hasNext,\n  endCursor: hasNext ? 'cursor123' : null,\n})\n\nconst createProductList = (id: string, name: string, products: any[] = []) => ({\n  id,\n  publicId: `public-${id}`,\n  name,\n  products,\n})\n\n// Helper type to extract the data type from a ShopAction\ntype ShopActionDataType<T> = T extends (\n  ...args: any[]\n) => Promise<{ok: true; data: infer R} | {ok: false; error: any}>\n  ? R\n  : never\n\nfunction makeMockMethod<K extends keyof ShopActions>(\n  key: K,\n  result: ShopActionDataType<ShopActions[K]>\n): ShopActions[K] {\n  return ((params: Parameters<ShopActions[K]>[0]) => {\n    console.log(`[Mock Action] ${String(key)}`, params)\n    return Promise.resolve({ok: true as const, data: result})\n  }) as ShopActions[K]\n}\n\nexport function makeMockActions(): ShopActions {\n  const results: {\n    [K in keyof ShopActions]: ShopActionDataType<ShopActions[K]>\n  } = {\n    translateContentUp: undefined,\n    translateContentDown: undefined,\n    followShop: true,\n    unfollowShop: false,\n    favorite: undefined,\n    unfavorite: undefined,\n    getShopAppInformation: {\n      appVersion: '1.0.0',\n      buildNumber: '12345',\n      buildId: 'dev-build-123',\n    },\n    productRecommendationImpression: undefined,\n    productRecommendationClick: undefined,\n    hideEntryPoint: undefined,\n    closeMini: undefined,\n    getAccountInformation: {\n      status: 'available',\n      value: 'user@example.com',\n    },\n    getCurrentUser: {\n      data: {\n        displayName: 'John Doe',\n        avatarImage: {url: 'https://example.com/avatar.jpg'},\n      },\n    },\n    createOrderAttribution: undefined,\n    addToCart: undefined,\n    buyProduct: undefined,\n    buyProducts: undefined,\n    showErrorScreen: undefined,\n    showErrorToast: undefined,\n    getDeeplinkPaths: {\n      matchers: ['/products', '/collections', '/cart'],\n    },\n    navigateToDeeplink: undefined,\n    navigateToShop: undefined,\n    navigateToProduct: undefined,\n    navigateToOrder: undefined,\n    navigateToCheckout: undefined,\n    createImageUploadLink: {\n      targets: [\n        {\n          url: 'https://example.com/upload',\n          resourceUrl: 'https://example.com/resource',\n          parameters: [{name: 'key', value: 'upload-123'}],\n        },\n      ],\n    },\n    completeImageUpload: {\n      files: [\n        {\n          id: 'file-123',\n          fileStatus: 'READY',\n          image: {url: 'https://example.com/image.jpg'},\n        },\n      ],\n    },\n    getPersistedItem: 'stored-value',\n    setPersistedItem: undefined,\n    removePersistedItem: undefined,\n    getAllPersistedKeys: ['key1', 'key2', 'key3'],\n    clearPersistedItems: undefined,\n    getInternalPersistedItem: 'internal-value',\n    setInternalPersistedItem: undefined,\n    removeInternalPersistedItem: undefined,\n    getAllInternalPersistedKeys: ['internal-key1', 'internal-key2'],\n    clearInternalPersistedItems: undefined,\n    getSecret: 'secret-value',\n    setSecret: undefined,\n    removeSecret: undefined,\n    reportInteraction: undefined,\n    reportImpression: undefined,\n    reportContentImpression: undefined,\n    getProductLists: {\n      data: [\n        createProductList('list-1', 'Wishlist'),\n        createProductList('list-2', 'Favorites'),\n      ],\n      pageInfo: createPagination(),\n    },\n    getProductList: {\n      data: createProductList('list-1', 'Wishlist', [\n        createProduct('prod-1', 'Sample Product'),\n      ]),\n      pageInfo: createPagination(),\n    },\n    addProductList: createProductList('list-3', 'New List'),\n    removeProductList: undefined,\n    renameProductList: createProductList('list-1', 'Updated Wishlist'),\n    addProductListItem: undefined,\n    removeProductListItem: undefined,\n    getRecommendedProducts: {\n      data: [\n        createProduct('rec-1', 'Recommended Product 1', '79.99'),\n        createProduct('rec-2', 'Recommended Product 2', '129.99'),\n        createProduct('rec-3', 'Recommended Product 3', '129.99'),\n        createProduct('rec-4', 'Recommended Product 4', '29.99'),\n        createProduct('rec-5', 'Recommended Product 5', '39.99'),\n        createProduct('rec-6', 'Recommended Product 6', '49.99'),\n        createProduct('rec-7', 'Recommended Product 7', '59.99'),\n        createProduct('rec-8', 'Recommended Product 8', '69.99'),\n        createProduct('rec-9', 'Recommended Product 9', '129.99'),\n      ],\n      pageInfo: createPagination(),\n    },\n    getRecommendedShops: {\n      data: [\n        createShop('shop-1', 'Amazing Store'),\n        createShop('shop-2', 'Best Deals Shop'),\n      ],\n      pageInfo: createPagination(),\n    },\n    searchProductsByShop: {\n      data: [\n        createProduct('search-1', 'Search Result 1', '59.99'),\n        createProduct('search-2', 'Search Result 2', '89.99'),\n      ],\n      pageInfo: createPagination(),\n    },\n    getOrders: {\n      data: [\n        {\n          id: 'order-1',\n          name: '#1001',\n          lineItems: [\n            {\n              productTitle: 'Sample Product',\n              variantTitle: 'Medium',\n              quantity: 2,\n              product: null,\n            },\n          ],\n          shop: createShop('shop-1', 'Sample Shop'),\n        },\n      ],\n      pageInfo: createPagination(),\n    },\n    getBuyerAttributes: {\n      data: {\n        genderAffinity: 'NEUTRAL' as Gender,\n        categoryAffinities: [\n          {id: 'cat1', name: 'Electronics'},\n          {id: 'cat2', name: 'Clothing'},\n        ],\n      },\n    },\n    showFeedbackSheet: undefined,\n    getPopularProducts: {\n      data: [\n        createProduct('pop-1', 'The Hero Snowboard', '702.95'),\n        createProduct('pop-2', 'Snow Jacket', '605.95', '702.00'),\n        createProduct('pop-3', 'Winter Gloves', '89.95'),\n        createProduct('pop-4', 'Summer Gloves', '89.95'),\n        createProduct('pop-5', 'Spring Gloves', '89.95'),\n        createProduct('pop-6', 'Playstation 5', '499.95'),\n        createProduct('pop-7', 'Xbox Series X', '499.95'),\n        createProduct('pop-8', 'Nintendo Switch', '299.95'),\n        createProduct('pop-9', 'Playstation 4', '299.95'),\n        createProduct('pop-10', 'Nintendo 3DS', '89.95'),\n      ],\n      pageInfo: createPagination(),\n    },\n    share: {\n      message: 'Shared!',\n      success: true,\n    },\n    shareSingle: {\n      message: 'Shared!',\n      success: true,\n    },\n    getCuratedProducts: {\n      data: [\n        createProduct('cur-1', 'Curated Product 1', '79.99'),\n        createProduct('cur-2', 'Curated Product 2', '129.99'),\n      ],\n      pageInfo: createPagination(),\n    },\n    getSavedProducts: {\n      data: [createProduct('saved-1', 'Saved Product 1', '49.99')],\n      pageInfo: createPagination(),\n    },\n    getRecentProducts: {\n      data: [createProduct('recent-1', 'Recent Product 1', '59.99')],\n      pageInfo: createPagination(),\n    },\n    getProductSearch: {\n      data: [createProduct('search-3', 'Search Product 3', '39.99')],\n      pageInfo: createPagination(),\n    },\n    getProducts: {data: [createProduct('prod-2', 'Product 2', '19.99')]},\n    getProduct: {data: createProduct('prod-1', 'Sample Product')},\n    getProductVariants: {\n      data: [\n        {\n          id: 'variant-1',\n          isFavorited: false,\n          image: {url: 'https://example.com/variant-1.jpg'},\n          price: {amount: '19.99', currencyCode: 'USD'},\n          compareAtPrice: {amount: '29.99', currencyCode: 'USD'},\n        },\n      ],\n      pageInfo: createPagination(),\n    },\n    getProductMedia: {\n      data: [\n        {\n          id: 'media-1',\n          image: {url: 'https://example.com/media-1.jpg'},\n          mediaContentType: 'IMAGE',\n          alt: 'Sample product image',\n        },\n      ],\n      pageInfo: createPagination(),\n    },\n    getShop: {data: createShop('shop-1', 'Sample Shop')},\n    getRecentShops: {\n      data: [createShop('recent-shop-1', 'Recent Shop 1')],\n      pageInfo: createPagination(),\n    },\n    getFollowedShops: {\n      data: [createShop('followed-shop-1', 'Followed Shop 1')],\n      pageInfo: createPagination(),\n    },\n    previewProductInAr: undefined,\n    createContent: {\n      data: {\n        publicId: 'content-123',\n        externalId: null,\n        image: {\n          id: 'img-123',\n          url: 'https://cdn.shopify.com/s/files/1/0633/6574/2742/files/Namnlosdesign-47.png?v=1740438079',\n          width: 800,\n          height: 600,\n        },\n        title: 'Mock Content',\n        description: 'This is a mock content item',\n        visibility: ['DISCOVERABLE'],\n        shareableUrl: 'https://example.com/content/123',\n        products: null,\n      },\n    },\n    getContent: {\n      data: [\n        {\n          publicId: 'content-123',\n          image: {\n            id: 'img-123',\n            url: 'https://cdn.shopify.com/s/files/1/0633/6574/2742/files/Namnlosdesign-47.png?v=1740438079',\n            width: 800,\n            height: 600,\n          },\n          title: 'Mock Content',\n          visibility: ['DISCOVERABLE'],\n          status: MinisContentStatus.READY,\n        },\n      ],\n    },\n    generateUserToken: {\n      data: {\n        token: 'user-token-123',\n        expiresAt: '2025-01-01',\n        userState: UserState.VERIFIED,\n      },\n    },\n    navigateToCart: undefined,\n    requestPermission: {\n      granted: true,\n    },\n  } as const\n\n  const mock: Partial<ShopActions> = {}\n  for (const key in results) {\n    if (Object.prototype.hasOwnProperty.call(results, key)) {\n      // @ts-expect-error: dynamic assignment is safe due to exhaustive mapping\n      mock[key] = makeMockMethod(\n        key as keyof ShopActions,\n        results[key as keyof typeof results]\n      )\n    }\n  }\n  return mock as ShopActions\n}\n\n// Detect if running on a mobile device\nconst isMobile = (): boolean => {\n  const userAgent = navigator.userAgent.toLowerCase()\n  const isIOS = /iphone|ipad|ipod/.test(userAgent)\n  const isAndroid = /android/.test(userAgent)\n\n  return isIOS || isAndroid\n}\n\nexport const injectMocks = ({force}: {force?: boolean} = {}) => {\n  // Only inject mocks if we aren't on a mobile device or we force it\n  if (isMobile() && !force) {\n    return\n  }\n\n  if (!window.minisSDK) {\n    window.minisSDK = makeMockActions()\n    window.minisParams = {\n      handle: 'mock-handle',\n      initialUrl: '/mock-initial-url',\n      platform: 'web',\n    }\n  }\n}\n"],"names":["createProduct","id","title","price","compareAtPrice","createShop","name","options","featuredImages","_","i","createPagination","hasNext","createProductList","products","makeMockMethod","key","result","params","makeMockActions","results","MinisContentStatus","UserState","mock","isMobile","userAgent","isIOS","isAndroid","injectMocks","force"],"mappings":"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"}

package/dist/providers/ImagePickerProvider.js

@@ -1,75 +1,85 @@
-import { jsxs as w, jsx as p } from "react/jsx-runtime";
-import { useRef as o, useCallback as s, useEffect as x, useMemo as E, createContext as I, useContext as R } from "react";
-const P = I(null);
-function j() {
-  const f = R(P);
+import { jsxs as R, jsx as p } from "react/jsx-runtime";
+import { useRef as o, useCallback as s, useEffect as I, useMemo as b, createContext as A, useContext as L } from "react";
+import { useRequestPermissions as M } from "../hooks/util/useRequestPermissions.js";
+const v = A(null);
+function U() {
+  const f = L(v);
   if (!f)
     throw new Error(
       "useImagePickerContext must be used within an ImagePickerProvider"
     );
   return f;
 }
-function G({ children: f }) {
-  const m = o(null), C = o(null), g = o(null), n = o(null), e = o(null), i = o(null), r = s(() => {
-    if (i.current) {
-      const { input: c, handler: t } = i.current;
-      c.removeEventListener("cancel", t), i.current = null;
+const E = () => window?.minisParams?.platform === "android";
+function F({ children: f }) {
+  const C = o(null), h = o(null), g = o(null), n = o(null), e = o(null), a = o(null), { requestPermission: d } = M(), t = s(() => {
+    if (a.current) {
+      const { input: l, handler: c } = a.current;
+      l.removeEventListener("cancel", c), a.current = null;
     }
-  }, []), a = s(() => {
+  }, []), i = s(() => {
     e.current && (e.current(
       new Error("New file picker opened before previous completed")
     ), n.current = null, e.current = null);
-  }, []), d = s(
-    (c) => {
-      const t = c.target.files?.[0];
-      t && n.current && (n.current(t), n.current = null, e.current = null, r()), c.target.value = "";
+  }, []), m = s(
+    (l) => {
+      const c = l.target.files?.[0];
+      c && n.current && (n.current(c), n.current = null, e.current = null, t()), l.target.value = "";
     },
-    [r]
-  ), h = s(() => new Promise((c, t) => {
-    a(), r(), n.current = c, e.current = t;
-    const u = m.current;
-    if (!u) {
-      t(new Error("Gallery input not found")), n.current = null, e.current = null;
+    [t]
+  ), w = s(() => new Promise((l, c) => {
+    i(), t(), n.current = l, e.current = c;
+    const r = C.current;
+    if (!r) {
+      c(new Error("Gallery input not found")), n.current = null, e.current = null;
       return;
     }
-    const l = () => {
-      e.current && (e.current(new Error("User cancelled file selection")), n.current = null, e.current = null), r();
+    const u = () => {
+      e.current && (e.current(new Error("User cancelled file selection")), n.current = null, e.current = null), t();
     };
-    u.addEventListener("cancel", l), i.current = { input: u, handler: l }, u.click();
-  }), [a, r]), v = s(
-    (c = "back") => new Promise((t, u) => {
-      a(), r(), n.current = t, e.current = u;
-      const l = c === "front" ? C.current : g.current;
-      if (!l) {
-        u(new Error("Camera input not found")), n.current = null, e.current = null;
+    r.addEventListener("cancel", u), a.current = { input: r, handler: u }, E() ? d({ permission: "CAMERA" }).then(() => {
+      r.click();
+    }).catch(() => {
+      r.click();
+    }) : r.click();
+  }), [i, t, d]), P = s(
+    (l = "back") => new Promise((c, r) => {
+      i(), t(), n.current = c, e.current = r;
+      const u = l === "front" ? h.current : g.current;
+      if (!u) {
+        r(new Error("Camera input not found")), n.current = null, e.current = null;
         return;
       }
-      const y = () => {
-        e.current && (e.current(new Error("User cancelled camera")), n.current = null, e.current = null), r();
+      const k = () => {
+        e.current && (e.current(new Error("User cancelled camera")), n.current = null, e.current = null), t();
       };
-      l.addEventListener("cancel", y), i.current = { input: l, handler: y }, l.click();
+      u.addEventListener("cancel", k), a.current = { input: u, handler: k }, E() ? d({ permission: "CAMERA" }).then(({ granted: x }) => {
+        x ? u.click() : (r(new Error("Camera permission not granted")), n.current = null, e.current = null);
+      }).catch(() => {
+        r(new Error("Camera permission not granted")), n.current = null, e.current = null;
+      }) : u.click();
     }),
-    [a, r]
+    [i, t, d]
   );
-  x(() => () => {
-    a(), r();
-  }, [a, r]);
-  const k = E(
+  I(() => () => {
+    i(), t();
+  }, [i, t]);
+  const y = b(
     () => ({
-      openCamera: v,
-      openGallery: h
+      openCamera: P,
+      openGallery: w
     }),
-    [v, h]
+    [P, w]
   );
-  return /* @__PURE__ */ w(P.Provider, { value: k, children: [
+  return /* @__PURE__ */ R(v.Provider, { value: y, children: [
     f,
     /* @__PURE__ */ p(
       "input",
       {
-        ref: m,
+        ref: C,
         type: "file",
         accept: "image/*",
-        onChange: d,
+        onChange: m,
         style: { display: "none" },
         "aria-hidden": "true"
       }
@@ -77,11 +87,11 @@ function G({ children: f }) {
     /* @__PURE__ */ p(
       "input",
       {
-        ref: C,
+        ref: h,
         type: "file",
         accept: "image/*",
         capture: "user",
-        onChange: d,
+        onChange: m,
         style: { display: "none" },
         "aria-hidden": "true"
       }
@@ -93,7 +103,7 @@ function G({ children: f }) {
         type: "file",
         accept: "image/*",
         capture: "environment",
-        onChange: d,
+        onChange: m,
         style: { display: "none" },
         "aria-hidden": "true"
       }
@@ -101,7 +111,7 @@ function G({ children: f }) {
   ] });
 }
 export {
-  G as ImagePickerProvider,
-  j as useImagePickerContext
+  F as ImagePickerProvider,
+  U as useImagePickerContext
 };
 //# sourceMappingURL=ImagePickerProvider.js.map

package/dist/providers/ImagePickerProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePickerProvider.js","sources":["../../src/providers/ImagePickerProvider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useRef,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react'\n\nexport type CameraFacing = 'front' | 'back'\n\ninterface ImagePickerContextValue {\n  openCamera: (cameraFacing?: CameraFacing) => Promise<File>\n  openGallery: () => Promise<File>\n}\n\nconst ImagePickerContext = createContext<ImagePickerContextValue | null>(null)\n\nexport function useImagePickerContext() {\n  const context = useContext(ImagePickerContext)\n  if (!context) {\n    throw new Error(\n      'useImagePickerContext must be used within an ImagePickerProvider'\n    )\n  }\n  return context\n}\n\ninterface ImagePickerProviderProps {\n  children: React.ReactNode\n}\n\nexport function ImagePickerProvider({children}: ImagePickerProviderProps) {\n  const galleryInputRef = useRef<HTMLInputElement>(null)\n  const frontCameraInputRef = useRef<HTMLInputElement>(null)\n  const backCameraInputRef = useRef<HTMLInputElement>(null)\n  const resolveRef = useRef<((file: File) => void) | null>(null)\n  const rejectRef = useRef<((reason: Error) => void) | null>(null)\n  const activeCancelHandlerRef = useRef<{\n    input: HTMLInputElement\n    handler: () => void\n  } | null>(null)\n\n  const cleanupCancelHandler = useCallback(() => {\n    if (activeCancelHandlerRef.current) {\n      const {input, handler} = activeCancelHandlerRef.current\n      input.removeEventListener('cancel', handler)\n      activeCancelHandlerRef.current = null\n    }\n  }, [])\n\n  const rejectPendingPromise = useCallback(() => {\n    if (rejectRef.current) {\n      rejectRef.current(\n        new Error('New file picker opened before previous completed')\n      )\n      resolveRef.current = null\n      rejectRef.current = null\n    }\n  }, [])\n\n  const handleFileChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const file = event.target.files?.[0]\n\n      if (file && resolveRef.current) {\n        resolveRef.current(file)\n\n        resolveRef.current = null\n        rejectRef.current = null\n\n        cleanupCancelHandler()\n      }\n\n      event.target.value = ''\n    },\n    [cleanupCancelHandler]\n  )\n\n  const openGallery = useCallback(() => {\n    return new Promise<File>((resolve, reject) => {\n      rejectPendingPromise()\n      cleanupCancelHandler()\n\n      resolveRef.current = resolve\n      rejectRef.current = reject\n\n      const input = galleryInputRef.current\n\n      if (!input) {\n        reject(new Error('Gallery input not found'))\n        resolveRef.current = null\n        rejectRef.current = null\n        return\n      }\n\n      const handleCancel = () => {\n        if (rejectRef.current) {\n          rejectRef.current(new Error('User cancelled file selection'))\n          resolveRef.current = null\n          rejectRef.current = null\n        }\n        cleanupCancelHandler()\n      }\n\n      input.addEventListener('cancel', handleCancel)\n      activeCancelHandlerRef.current = {input, handler: handleCancel}\n\n      input.click()\n    })\n  }, [rejectPendingPromise, cleanupCancelHandler])\n\n  const openCamera = useCallback(\n    (cameraFacing: CameraFacing = 'back') => {\n      return new Promise<File>((resolve, reject) => {\n        rejectPendingPromise()\n        cleanupCancelHandler()\n\n        resolveRef.current = resolve\n        rejectRef.current = reject\n\n        const input =\n          cameraFacing === 'front'\n            ? frontCameraInputRef.current\n            : backCameraInputRef.current\n\n        if (!input) {\n          reject(new Error('Camera input not found'))\n          resolveRef.current = null\n          rejectRef.current = null\n          return\n        }\n\n        const handleCancel = () => {\n          if (rejectRef.current) {\n            rejectRef.current(new Error('User cancelled camera'))\n            resolveRef.current = null\n            rejectRef.current = null\n          }\n          cleanupCancelHandler()\n        }\n\n        input.addEventListener('cancel', handleCancel)\n        activeCancelHandlerRef.current = {input, handler: handleCancel}\n\n        input.click()\n      })\n    },\n    [rejectPendingPromise, cleanupCancelHandler]\n  )\n\n  useEffect(() => {\n    return () => {\n      rejectPendingPromise()\n      cleanupCancelHandler()\n    }\n  }, [rejectPendingPromise, cleanupCancelHandler])\n\n  const contextValue: ImagePickerContextValue = useMemo(\n    () => ({\n      openCamera,\n      openGallery,\n    }),\n    [openCamera, openGallery]\n  )\n\n  return (\n    <ImagePickerContext.Provider value={contextValue}>\n      {children}\n      <input\n        ref={galleryInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        onChange={handleFileChange}\n        style={{display: 'none'}}\n        aria-hidden=\"true\"\n      />\n      <input\n        ref={frontCameraInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        capture=\"user\"\n        onChange={handleFileChange}\n        style={{display: 'none'}}\n        aria-hidden=\"true\"\n      />\n      <input\n        ref={backCameraInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        capture=\"environment\"\n        onChange={handleFileChange}\n        style={{display: 'none'}}\n        aria-hidden=\"true\"\n      />\n    </ImagePickerContext.Provider>\n  )\n}\n"],"names":["ImagePickerContext","createContext","useImagePickerContext","context","useContext","ImagePickerProvider","children","galleryInputRef","useRef","frontCameraInputRef","backCameraInputRef","resolveRef","rejectRef","activeCancelHandlerRef","cleanupCancelHandler","useCallback","input","handler","rejectPendingPromise","handleFileChange","event","file","openGallery","resolve","reject","handleCancel","openCamera","cameraFacing","useEffect","contextValue","useMemo","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"ImagePickerProvider.js","sources":["../../src/providers/ImagePickerProvider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useRef,\n  useCallback,\n  useEffect,\n  useMemo,\n} from 'react'\n\nimport {useRequestPermissions} from '../hooks/util/useRequestPermissions'\n\nexport type CameraFacing = 'front' | 'back'\n\ninterface ImagePickerContextValue {\n  openCamera: (cameraFacing?: CameraFacing) => Promise<File>\n  openGallery: () => Promise<File>\n}\n\nconst ImagePickerContext = createContext<ImagePickerContextValue | null>(null)\n\nexport function useImagePickerContext() {\n  const context = useContext(ImagePickerContext)\n  if (!context) {\n    throw new Error(\n      'useImagePickerContext must be used within an ImagePickerProvider'\n    )\n  }\n  return context\n}\n\ninterface ImagePickerProviderProps {\n  children: React.ReactNode\n}\n\nconst isAndroid = () => window?.minisParams?.platform === 'android'\n\nexport function ImagePickerProvider({children}: ImagePickerProviderProps) {\n  const galleryInputRef = useRef<HTMLInputElement>(null)\n  const frontCameraInputRef = useRef<HTMLInputElement>(null)\n  const backCameraInputRef = useRef<HTMLInputElement>(null)\n  const resolveRef = useRef<((file: File) => void) | null>(null)\n  const rejectRef = useRef<((reason: Error) => void) | null>(null)\n  const activeCancelHandlerRef = useRef<{\n    input: HTMLInputElement\n    handler: () => void\n  } | null>(null)\n\n  const {requestPermission} = useRequestPermissions()\n\n  const cleanupCancelHandler = useCallback(() => {\n    if (activeCancelHandlerRef.current) {\n      const {input, handler} = activeCancelHandlerRef.current\n      input.removeEventListener('cancel', handler)\n      activeCancelHandlerRef.current = null\n    }\n  }, [])\n\n  const rejectPendingPromise = useCallback(() => {\n    if (rejectRef.current) {\n      rejectRef.current(\n        new Error('New file picker opened before previous completed')\n      )\n      resolveRef.current = null\n      rejectRef.current = null\n    }\n  }, [])\n\n  const handleFileChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const file = event.target.files?.[0]\n\n      if (file && resolveRef.current) {\n        resolveRef.current(file)\n\n        resolveRef.current = null\n        rejectRef.current = null\n\n        cleanupCancelHandler()\n      }\n\n      event.target.value = ''\n    },\n    [cleanupCancelHandler]\n  )\n\n  const openGallery = useCallback(() => {\n    return new Promise<File>((resolve, reject) => {\n      rejectPendingPromise()\n      cleanupCancelHandler()\n\n      resolveRef.current = resolve\n      rejectRef.current = reject\n\n      const input = galleryInputRef.current\n\n      if (!input) {\n        reject(new Error('Gallery input not found'))\n        resolveRef.current = null\n        rejectRef.current = null\n        return\n      }\n\n      const handleCancel = () => {\n        if (rejectRef.current) {\n          rejectRef.current(new Error('User cancelled file selection'))\n          resolveRef.current = null\n          rejectRef.current = null\n        }\n        cleanupCancelHandler()\n      }\n\n      input.addEventListener('cancel', handleCancel)\n      activeCancelHandlerRef.current = {input, handler: handleCancel}\n\n      if (isAndroid()) {\n        // Android requires explicit camera permission for camera picker\n        requestPermission({permission: 'CAMERA'})\n          .then(() => {\n            // This will show both Camera and Gallery\n            input.click()\n          })\n          .catch(() => {\n            // Show only Gallery\n            input.click()\n          })\n      } else {\n        input.click()\n      }\n    })\n  }, [rejectPendingPromise, cleanupCancelHandler, requestPermission])\n\n  const openCamera = useCallback(\n    (cameraFacing: CameraFacing = 'back') => {\n      return new Promise<File>((resolve, reject) => {\n        rejectPendingPromise()\n        cleanupCancelHandler()\n\n        resolveRef.current = resolve\n        rejectRef.current = reject\n\n        const input =\n          cameraFacing === 'front'\n            ? frontCameraInputRef.current\n            : backCameraInputRef.current\n\n        if (!input) {\n          reject(new Error('Camera input not found'))\n          resolveRef.current = null\n          rejectRef.current = null\n          return\n        }\n\n        const handleCancel = () => {\n          if (rejectRef.current) {\n            rejectRef.current(new Error('User cancelled camera'))\n            resolveRef.current = null\n            rejectRef.current = null\n          }\n          cleanupCancelHandler()\n        }\n\n        input.addEventListener('cancel', handleCancel)\n        activeCancelHandlerRef.current = {input, handler: handleCancel}\n\n        if (isAndroid()) {\n          // Android requires explicit camera permission\n          requestPermission({permission: 'CAMERA'})\n            .then(({granted}) => {\n              if (granted) {\n                input.click()\n              } else {\n                reject(new Error('Camera permission not granted'))\n                resolveRef.current = null\n                rejectRef.current = null\n              }\n            })\n            .catch(() => {\n              reject(new Error('Camera permission not granted'))\n              resolveRef.current = null\n              rejectRef.current = null\n            })\n        } else {\n          input.click()\n        }\n      })\n    },\n    [rejectPendingPromise, cleanupCancelHandler, requestPermission]\n  )\n\n  useEffect(() => {\n    return () => {\n      rejectPendingPromise()\n      cleanupCancelHandler()\n    }\n  }, [rejectPendingPromise, cleanupCancelHandler])\n\n  const contextValue: ImagePickerContextValue = useMemo(\n    () => ({\n      openCamera,\n      openGallery,\n    }),\n    [openCamera, openGallery]\n  )\n\n  return (\n    <ImagePickerContext.Provider value={contextValue}>\n      {children}\n      <input\n        ref={galleryInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        onChange={handleFileChange}\n        style={{display: 'none'}}\n        aria-hidden=\"true\"\n      />\n      <input\n        ref={frontCameraInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        capture=\"user\"\n        onChange={handleFileChange}\n        style={{display: 'none'}}\n        aria-hidden=\"true\"\n      />\n      <input\n        ref={backCameraInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        capture=\"environment\"\n        onChange={handleFileChange}\n        style={{display: 'none'}}\n        aria-hidden=\"true\"\n      />\n    </ImagePickerContext.Provider>\n  )\n}\n"],"names":["ImagePickerContext","createContext","useImagePickerContext","context","useContext","isAndroid","ImagePickerProvider","children","galleryInputRef","useRef","frontCameraInputRef","backCameraInputRef","resolveRef","rejectRef","activeCancelHandlerRef","requestPermission","useRequestPermissions","cleanupCancelHandler","useCallback","input","handler","rejectPendingPromise","handleFileChange","event","file","openGallery","resolve","reject","handleCancel","openCamera","cameraFacing","granted","useEffect","contextValue","useMemo","jsxs","jsx"],"mappings":"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"}

package/dist/shop-minis-platform/src/types/content.js

@@ -1,5 +1,6 @@
-var E = /* @__PURE__ */ ((I) => (I.DUPLICATE_EXTERNAL_ID = "DUPLICATE_EXTERNAL_ID", I.INELIGIBLE_PRODUCTS = "INELIGIBLE_PRODUCTS", I))(E || {});
+var D = /* @__PURE__ */ ((E) => (E.PENDING = "PENDING", E.READY = "READY", E.REJECTED = "REJECTED", E))(D || {}), I = /* @__PURE__ */ ((E) => (E.DUPLICATE_EXTERNAL_ID = "DUPLICATE_EXTERNAL_ID", E.INELIGIBLE_PRODUCTS = "INELIGIBLE_PRODUCTS", E))(I || {});
 export {
-  E as ContentCreateUserErrorCode
+  I as ContentCreateUserErrorCode,
+  D as MinisContentStatus
 };
 //# sourceMappingURL=content.js.map

package/dist/shop-minis-platform/src/types/content.js.map

@@ -1 +1 @@
-{"version":3,"file":"content.js","sources":["../../../../../shop-minis-platform/src/types/content.ts"],"sourcesContent":["/* eslint-disable @shopify/typescript/prefer-pascal-case-enums */\nexport interface ImageType {\n  url: string\n  altText?: string | null\n  height?: number | null\n  width?: number | null\n  /**\n   * @deprecated This property will be removed in a future version\n   */\n  sensitive: boolean\n  thumbhash?: string | null\n}\n\nexport interface ContentImage {\n  id?: string | null\n  url: string\n  width?: number | null\n  height?: number | null\n  thumbhash?: string | null\n  altText?: string | null\n}\n\nexport interface ContentProduct {\n  id: string\n  title: string\n  featuredImage?: ContentImage | null\n}\n\nexport type ContentVisibility = 'DISCOVERABLE' | 'LINKABLE'\n\nexport interface Content {\n  publicId: string\n  externalId?: string | null\n  image: ContentImage\n  title: string\n  description?: string | null\n  visibility: ContentVisibility[]\n  shareableUrl?: string | null\n  products?: ContentProduct[] | null\n}\n\nexport enum ContentCreateUserErrorCode {\n  DUPLICATE_EXTERNAL_ID = 'DUPLICATE_EXTERNAL_ID',\n  INELIGIBLE_PRODUCTS = 'INELIGIBLE_PRODUCTS',\n}\n\nexport interface ContentCreateUserErrors {\n  code: ContentCreateUserErrorCode\n  message: string\n}\n\nexport interface ContentIdentifierInput {\n  externalId?: string | null\n  publicId?: string | null\n}\n"],"names":["ContentCreateUserErrorCode"],"mappings":"AAyCY,IAAAA,sBAAAA,OACVA,EAAA,wBAAwB,yBACxBA,EAAA,sBAAsB,uBAFZA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"content.js","sources":["../../../../../shop-minis-platform/src/types/content.ts"],"sourcesContent":["/* eslint-disable @shopify/typescript/prefer-pascal-case-enums */\n\nexport enum MinisContentStatus {\n  PENDING = 'PENDING',\n  READY = 'READY',\n  REJECTED = 'REJECTED',\n}\n\nexport interface ImageType {\n  url: string\n  altText?: string | null\n  height?: number | null\n  width?: number | null\n  /**\n   * @deprecated This property will be removed in a future version\n   */\n  sensitive: boolean\n  thumbhash?: string | null\n}\n\nexport interface ContentImage {\n  id?: string | null\n  url: string\n  width?: number | null\n  height?: number | null\n  thumbhash?: string | null\n  altText?: string | null\n}\n\nexport interface ContentProduct {\n  id: string\n  title: string\n  featuredImage?: ContentImage | null\n}\n\nexport type ContentVisibility = 'DISCOVERABLE' | 'LINKABLE'\n\nexport interface Content {\n  publicId: string\n  externalId?: string | null\n  image: ContentImage\n  title: string\n  description?: string | null\n  visibility: ContentVisibility[]\n  shareableUrl?: string | null\n  products?: ContentProduct[] | null\n  status?: MinisContentStatus | null\n}\n\nexport enum ContentCreateUserErrorCode {\n  DUPLICATE_EXTERNAL_ID = 'DUPLICATE_EXTERNAL_ID',\n  INELIGIBLE_PRODUCTS = 'INELIGIBLE_PRODUCTS',\n}\n\nexport interface ContentCreateUserErrors {\n  code: ContentCreateUserErrorCode\n  message: string\n}\n\nexport interface ContentIdentifierInput {\n  externalId?: string | null\n  publicId?: string | null\n}\n"],"names":["MinisContentStatus","ContentCreateUserErrorCode"],"mappings":"AAEY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,WAAW,YAHDA,IAAAA,KAAA,CAAA,CAAA,GA+CAC,sBAAAA,OACVA,EAAA,wBAAwB,yBACxBA,EAAA,sBAAsB,uBAFZA,IAAAA,KAAA,CAAA,CAAA;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shopify/shop-minis-react",
   "license": "SEE LICENSE IN LICENSE.txt",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "sideEffects": false,
   "type": "module",
   "engines": {
@@ -38,7 +38,7 @@
     "typescript": ">=5.0.0"
   },
   "dependencies": {
-    "@shopify/shop-minis-platform": "0.3.0",
+    "@shopify/shop-minis-platform": "0.4.0",
     "@tailwindcss/vite": "4.1.8",
     "@types/color": "3.0.6",
     "@types/lodash": "4.17.20",

package/src/components/atoms/image.tsx

@@ -1,12 +1,20 @@
 /* eslint-disable jsx-a11y/alt-text */
 /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
-import {ImgHTMLAttributes, useCallback, useMemo, memo, useState} from 'react'
+import {
+  ImgHTMLAttributes,
+  useCallback,
+  useMemo,
+  memo,
+  useState,
+  useEffect,
+} from 'react'
 
 import {cn} from '../../lib/utils'
 import {getThumbhashDataURL, getResizedImageUrl} from '../../utils'
 
 type ImageProps = ImgHTMLAttributes<HTMLImageElement> & {
   src?: string
+  file?: File
   thumbhash?: string | null
   aspectRatio?: number | string
 }
@@ -14,6 +22,7 @@ type ImageProps = ImgHTMLAttributes<HTMLImageElement> & {
 export const Image = memo(function Image(props: ImageProps) {
   const {
     src,
+    file,
     thumbhash,
     onLoad,
     className,
@@ -23,6 +32,23 @@ export const Image = memo(function Image(props: ImageProps) {
   } = props
 
   const [isLoaded, setIsLoaded] = useState(false)
+  const [blobUrl, setBlobUrl] = useState<string | null>(null)
+
+  // Create and manage blob URL for File objects
+  useEffect(() => {
+    if (!file) {
+      setBlobUrl(null)
+      return
+    }
+
+    const url = URL.createObjectURL(file)
+    setBlobUrl(url)
+
+    // Cleanup on unmount or when file changes
+    return () => {
+      URL.revokeObjectURL(url)
+    }
+  }, [file])
 
   const thumbhashDataURL = useMemo(
     () => getThumbhashDataURL(thumbhash ?? undefined),
@@ -37,7 +63,11 @@ export const Image = memo(function Image(props: ImageProps) {
     [onLoad]
   )
 
-  const resizedImageSrc = useMemo(() => getResizedImageUrl(src), [src])
+  // Use blob URL if file is provided, otherwise use src
+  const imageSrc = useMemo(() => {
+    if (blobUrl) return blobUrl
+    return getResizedImageUrl(src)
+  }, [blobUrl, src])
 
   return (
     <div
@@ -57,7 +87,7 @@ export const Image = memo(function Image(props: ImageProps) {
           'absolute inset-0 opacity-0 size-full object-cover',
           isLoaded && 'opacity-100'
         )}
-        src={resizedImageSrc}
+        src={imageSrc}
         onLoad={handleLoad}
         {...restProps}
       />

package/src/components/index.ts

@@ -23,6 +23,7 @@ export * from './atoms/alert-dialog'
 export * from './atoms/list'
 export * from './atoms/video-player'
 export * from './atoms/text-input'
+export * from './atoms/content-wrapper'
 
 export * from './ui/accordion'
 export * from './ui/alert'

package/src/hooks/index.ts

@@ -48,6 +48,7 @@ export * from './util/useErrorScreen'
 export * from './util/useShare'
 export * from './util/useImagePicker'
 export * from './util/useKeyboardAvoidingView'
+export * from './util/useRequestPermissions'
 
 // - Event Hooks
 export * from './events/useOnMiniFocus'

package/src/hooks/util/useRequestPermissions.ts

@@ -0,0 +1,24 @@
+import {
+  RequestPermissionParams,
+  RequestPermissionResponse,
+} from '@shopify/shop-minis-platform/actions'
+
+import {useHandleAction} from '../../internal/useHandleAction'
+import {useShopActions} from '../../internal/useShopActions'
+
+interface UseRequestPermissionsReturns {
+  /**
+   * Request native permissions from the user
+   */
+  requestPermission: (
+    params: RequestPermissionParams
+  ) => Promise<RequestPermissionResponse>
+}
+
+export const useRequestPermissions = (): UseRequestPermissionsReturns => {
+  const {requestPermission} = useShopActions()
+
+  return {
+    requestPermission: useHandleAction(requestPermission),
+  }
+}