@shopify/shop-minis-react 0.0.24 → 0.0.25

package/dist/_virtual/index4.js

@@ -1,5 +1,6 @@
-var r = {};
+import { __require as r } from "../shop-minis-react/node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js";
+var i = r();
 export {
-  r as __exports
+  i as s
 };
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map

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

package/dist/_virtual/index5.js

@@ -1,6 +1,5 @@
-import { __require as r } from "../shop-minis-react/node_modules/.pnpm/use-sync-external-store@1.5.0_react@19.1.0/node_modules/use-sync-external-store/shim/index.js";
-var i = r();
+var e = { exports: {} };
 export {
-  i as s
+  e as __module
 };
 //# sourceMappingURL=index5.js.map

package/dist/_virtual/index5.js.map

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

package/dist/_virtual/index6.js

@@ -1,5 +1,6 @@
-var e = { exports: {} };
+import { __require as r } from "../shop-minis-react/node_modules/.pnpm/@xmldom_xmldom@0.8.10/node_modules/@xmldom/xmldom/lib/index.js";
+var i = r();
 export {
-  e as __module
+  i as l
 };
 //# sourceMappingURL=index6.js.map

package/dist/_virtual/index6.js.map

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

package/dist/_virtual/index7.js

@@ -1,6 +1,5 @@
-import { __require as r } from "../shop-minis-react/node_modules/.pnpm/@xmldom_xmldom@0.8.10/node_modules/@xmldom/xmldom/lib/index.js";
-var i = r();
+var r = {};
 export {
-  i as l
+  r as __exports
 };
 //# sourceMappingURL=index7.js.map

package/dist/_virtual/index7.js.map

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

package/dist/hooks/content/useCreateImageContent.js

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

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

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

package/dist/hooks/storage/useImageUpload.js

@@ -1,62 +1,71 @@
-import { useCallback as p } from "react";
+import { useCallback as m } from "react";
 import { useShopActions as u } from "../../internal/useShopActions.js";
-const m = async (t, a) => {
-  const i = new FormData();
-  a.parameters.forEach(({ name: r, value: l }) => {
-    i.append(r, l);
-  }), i.append("file", new Blob([t.uri], { type: t.mimeType }));
-  const o = await fetch(a.url, {
+const d = async (e) => {
+  const r = await (await fetch(e.uri)).blob();
+  return {
+    ...e,
+    fileSize: e.fileSize ?? r.size,
+    fileBlob: r
+  };
+}, f = async (e, o) => {
+  const r = new FormData();
+  o.parameters.forEach(({ name: l, value: t }) => {
+    r.append(l, t);
+  }), r.append("file", e.fileBlob);
+  const a = await fetch(o.url, {
     method: "POST",
-    body: i
+    body: r
   });
-  return o.ok ? {} : (console.error("Failed to upload image", {
-    response: await o.text()
+  return a.ok ? {} : (console.error("Failed to upload image", {
+    response: await a.text()
   }), { error: "Failed to upload image" });
-}, w = () => {
-  const { createImageUploadLink: t, completeImageUpload: a } = u();
+}, h = () => {
+  const { createImageUploadLink: e, completeImageUpload: o } = u();
   return {
-    uploadImage: p(
-      async (o) => {
-        if (o.length > 1)
+    uploadImage: m(
+      async (a) => {
+        if (a.length > 1)
           throw new Error("Multiple image upload is not supported yet");
-        const r = await t({
-          input: o.map((e) => ({
-            mimeType: e.mimeType,
-            fileSize: e.fileSize
-          }))
+        const l = a[0], t = await d(l), s = await e({
+          input: [
+            {
+              mimeType: t.mimeType,
+              fileSize: t.fileSize
+            }
+          ]
         });
-        if (!r.ok)
-          throw new Error(r.error.message);
-        const { error: l } = await m(
-          o[0],
-          r?.data?.targets?.[0]
+        if (!s.ok)
+          throw new Error(s.error.message);
+        const { error: p } = await f(
+          t,
+          s?.data?.targets?.[0]
         );
-        if (l)
-          throw new Error(l);
-        let n = 0;
-        for (; n < 30; ) {
-          const e = await a({
-            resourceUrls: r?.data?.targets?.map((s) => s.resourceUrl) || []
+        if (p)
+          throw new Error(p);
+        let c = 0;
+        for (; c < 30; ) {
+          const i = await o({
+            resourceUrls: s?.data?.targets?.map((n) => n.resourceUrl) || []
           });
-          if (!e.ok)
-            throw new Error(e.error.message);
-          if (e.data?.files?.[0]?.fileStatus === "READY")
+          if (!i.ok)
+            throw new Error(i.error.message);
+          if (i.data?.files?.[0]?.fileStatus === "READY")
             return [
               {
-                id: e.data.files[0].id,
-                imageUrl: e.data.files[0].image?.url,
-                resourceUrl: r?.data?.targets?.[0]?.resourceUrl
+                id: i.data.files[0].id,
+                imageUrl: i.data.files[0].image?.url,
+                resourceUrl: s?.data?.targets?.[0]?.resourceUrl
               }
             ];
-          await new Promise((s) => setTimeout(s, 1e3)), n++;
+          await new Promise((n) => setTimeout(n, 1e3)), c++;
         }
         throw new Error("Image upload completion timed out");
       },
-      [t, a]
+      [e, o]
     )
   };
 };
 export {
-  w as useImageUpload
+  h as useImageUpload
 };
 //# sourceMappingURL=useImageUpload.js.map

package/dist/hooks/storage/useImageUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"useImageUpload.js","sources":["../../../src/hooks/storage/useImageUpload.ts"],"sourcesContent":["import {useCallback} from 'react'\n\nimport {useShopActions} from '../../internal/useShopActions'\n\nimport type {UploadTarget} from '@shopify/shop-minis-platform/actions'\n\nexport interface UploadImageParams {\n  /**\n   * The MIME type of the image.\n   */\n  mimeType: string\n  /**\n   * The size of the image in bytes.\n   */\n  fileSize: number\n  /**\n   * The URI of the image to upload.\n   */\n  uri: string\n}\n\nexport interface UploadedImage {\n  /**\n   * The ID of the uploaded image.\n   */\n  id: string\n  /**\n   * The URL of the uploaded image.\n   */\n  imageUrl?: string\n  /**\n   * The resource URL of the uploaded image.\n   */\n  resourceUrl?: string\n}\n\ninterface UseImageUploadReturns {\n  /**\n   * Upload an image attached to the current user.\n   */\n  uploadImage: (params: UploadImageParams[]) => Promise<UploadedImage[]>\n}\n\nconst uploadFileToGCS = async (\n  image: UploadImageParams,\n  target: UploadTarget\n) => {\n  const formData = new FormData()\n  target.parameters.forEach(({name, value}: {name: string; value: string}) => {\n    formData.append(name, value)\n  })\n  // Append the actual file data last\n  formData.append('file', new Blob([image.uri], {type: image.mimeType}))\n\n  const uploadResponse = await fetch(target.url, {\n    method: 'POST',\n    body: formData,\n  })\n\n  if (!uploadResponse.ok) {\n    console.error('Failed to upload image', {\n      response: await uploadResponse.text(),\n    })\n    return {error: 'Failed to upload image'}\n  }\n\n  return {}\n}\n\nexport const useImageUpload = (): UseImageUploadReturns => {\n  const {createImageUploadLink, completeImageUpload} = useShopActions()\n\n  const uploadImage = useCallback(\n    async (params: UploadImageParams[]) => {\n      if (params.length > 1) {\n        throw new Error('Multiple image upload is not supported yet')\n      }\n\n      const links = await createImageUploadLink({\n        input: params.map(image => ({\n          mimeType: image.mimeType,\n          fileSize: image.fileSize,\n        })),\n      })\n\n      if (!links.ok) {\n        throw new Error(links.error.message)\n      }\n\n      // Upload single file to GCS\n      // TODO: Upload multiple files to GCS\n      const {error: uploadError} = await uploadFileToGCS(\n        params[0],\n        links?.data?.targets?.[0]!\n      )\n\n      if (uploadError) {\n        throw new Error(uploadError)\n      }\n\n      // 10 second polling for image upload\n      let count = 0\n      while (count < 30) {\n        const result = await completeImageUpload({\n          resourceUrls:\n            links?.data?.targets?.map(target => target.resourceUrl) || [],\n        })\n\n        if (!result.ok) {\n          throw new Error(result.error.message)\n        }\n\n        // TODO: Add support for multiple files\n        if (result.data?.files?.[0]?.fileStatus === 'READY') {\n          return [\n            {\n              id: result.data.files[0].id,\n              imageUrl: result.data.files[0].image?.url,\n              resourceUrl: links?.data?.targets?.[0]?.resourceUrl,\n            },\n          ]\n        }\n\n        await new Promise(resolve => setTimeout(resolve, 1000))\n        count++\n      }\n\n      throw new Error('Image upload completion timed out')\n    },\n    [createImageUploadLink, completeImageUpload]\n  )\n\n  return {\n    uploadImage,\n  }\n}\n"],"names":["uploadFileToGCS","image","target","formData","name","value","uploadResponse","useImageUpload","createImageUploadLink","completeImageUpload","useShopActions","useCallback","params","links","uploadError","count","result","resolve"],"mappings":";;AA2CA,MAAMA,IAAkB,OACtBC,GACAC,MACG;AACG,QAAAC,IAAW,IAAI,SAAS;AAC9B,EAAAD,EAAO,WAAW,QAAQ,CAAC,EAAC,MAAAE,GAAM,OAAAC,QAA0C;AACjE,IAAAF,EAAA,OAAOC,GAAMC,CAAK;AAAA,EAAA,CAC5B,GAEDF,EAAS,OAAO,QAAQ,IAAI,KAAK,CAACF,EAAM,GAAG,GAAG,EAAC,MAAMA,EAAM,SAAS,CAAA,CAAC;AAErE,QAAMK,IAAiB,MAAM,MAAMJ,EAAO,KAAK;AAAA,IAC7C,QAAQ;AAAA,IACR,MAAMC;AAAA,EAAA,CACP;AAEG,SAACG,EAAe,KAOb,CAAC,KANN,QAAQ,MAAM,0BAA0B;AAAA,IACtC,UAAU,MAAMA,EAAe,KAAK;AAAA,EAAA,CACrC,GACM,EAAC,OAAO,yBAAwB;AAI3C,GAEaC,IAAiB,MAA6B;AACzD,QAAM,EAAC,uBAAAC,GAAuB,qBAAAC,EAAmB,IAAIC,EAAe;AA8D7D,SAAA;AAAA,IACL,aA7DkBC;AAAA,MAClB,OAAOC,MAAgC;AACjC,YAAAA,EAAO,SAAS;AACZ,gBAAA,IAAI,MAAM,4CAA4C;AAGxD,cAAAC,IAAQ,MAAML,EAAsB;AAAA,UACxC,OAAOI,EAAO,IAAI,CAAUX,OAAA;AAAA,YAC1B,UAAUA,EAAM;AAAA,YAChB,UAAUA,EAAM;AAAA,UAAA,EAChB;AAAA,QAAA,CACH;AAEG,YAAA,CAACY,EAAM;AACT,gBAAM,IAAI,MAAMA,EAAM,MAAM,OAAO;AAKrC,cAAM,EAAC,OAAOC,EAAW,IAAI,MAAMd;AAAA,UACjCY,EAAO,CAAC;AAAA,UACRC,GAAO,MAAM,UAAU,CAAC;AAAA,QAC1B;AAEA,YAAIC;AACI,gBAAA,IAAI,MAAMA,CAAW;AAI7B,YAAIC,IAAQ;AACZ,eAAOA,IAAQ,MAAI;AACX,gBAAAC,IAAS,MAAMP,EAAoB;AAAA,YACvC,cACEI,GAAO,MAAM,SAAS,IAAI,CAAUX,MAAAA,EAAO,WAAW,KAAK,CAAA;AAAA,UAAC,CAC/D;AAEG,cAAA,CAACc,EAAO;AACV,kBAAM,IAAI,MAAMA,EAAO,MAAM,OAAO;AAItC,cAAIA,EAAO,MAAM,QAAQ,CAAC,GAAG,eAAe;AACnC,mBAAA;AAAA,cACL;AAAA,gBACE,IAAIA,EAAO,KAAK,MAAM,CAAC,EAAE;AAAA,gBACzB,UAAUA,EAAO,KAAK,MAAM,CAAC,EAAE,OAAO;AAAA,gBACtC,aAAaH,GAAO,MAAM,UAAU,CAAC,GAAG;AAAA,cAAA;AAAA,YAE5C;AAGF,gBAAM,IAAI,QAAQ,CAAAI,MAAW,WAAWA,GAAS,GAAI,CAAC,GACtDF;AAAA,QAAA;AAGI,cAAA,IAAI,MAAM,mCAAmC;AAAA,MACrD;AAAA,MACA,CAACP,GAAuBC,CAAmB;AAAA,IAC7C;AAAA,EAIA;AACF;"}
+{"version":3,"file":"useImageUpload.js","sources":["../../../src/hooks/storage/useImageUpload.ts"],"sourcesContent":["import {useCallback} from 'react'\n\nimport {useShopActions} from '../../internal/useShopActions'\n\nimport type {UploadTarget} from '@shopify/shop-minis-platform/actions'\n\nexport interface UploadImageParams {\n  /**\n   * The MIME type of the image.\n   */\n  mimeType: string\n  /**\n   * The size of the image in bytes.\n   */\n  fileSize?: number\n  /**\n   * The URI of the image to upload.\n   */\n  uri: string\n}\n\nexport interface UploadedImage {\n  /**\n   * The ID of the uploaded image.\n   */\n  id: string\n  /**\n   * The URL of the uploaded image.\n   */\n  imageUrl?: string\n  /**\n   * The resource URL of the uploaded image.\n   */\n  resourceUrl?: string\n}\n\ninterface UseImageUploadReturns {\n  /**\n   * Upload an image attached to the current user.\n   */\n  uploadImage: (params: UploadImageParams[]) => Promise<UploadedImage[]>\n}\n\n// Fetch file data and detect file sizes if not provided\n// Works with file://, data:, and http(s):// URIs\nconst processFileData = async (image: UploadImageParams) => {\n  const response = await fetch(image.uri)\n  const blob = await response.blob()\n\n  return {\n    ...image,\n    fileSize: image.fileSize ?? blob.size,\n    fileBlob: blob,\n  }\n}\n\nconst uploadFileToGCS = async (\n  image: UploadImageParams & {fileSize: number; fileBlob: Blob},\n  target: UploadTarget\n) => {\n  const formData = new FormData()\n  target.parameters.forEach(({name, value}: {name: string; value: string}) => {\n    formData.append(name, value)\n  })\n\n  formData.append('file', image.fileBlob)\n\n  const uploadResponse = await fetch(target.url, {\n    method: 'POST',\n    body: formData,\n  })\n\n  if (!uploadResponse.ok) {\n    console.error('Failed to upload image', {\n      response: await uploadResponse.text(),\n    })\n    return {error: 'Failed to upload image'}\n  }\n\n  return {}\n}\n\nexport const useImageUpload = (): UseImageUploadReturns => {\n  const {createImageUploadLink, completeImageUpload} = useShopActions()\n\n  const uploadImage = useCallback(\n    async (params: UploadImageParams[]) => {\n      if (params.length > 1) {\n        throw new Error('Multiple image upload is not supported yet')\n      }\n\n      const imageParams = params[0]\n      const processedImageParams = await processFileData(imageParams)\n\n      const links = await createImageUploadLink({\n        input: [\n          {\n            mimeType: processedImageParams.mimeType,\n            fileSize: processedImageParams.fileSize,\n          },\n        ],\n      })\n\n      if (!links.ok) {\n        throw new Error(links.error.message)\n      }\n\n      // Upload single file to GCS\n      const {error: uploadError} = await uploadFileToGCS(\n        processedImageParams,\n        links?.data?.targets?.[0]!\n      )\n\n      if (uploadError) {\n        throw new Error(uploadError)\n      }\n\n      // 10 second polling for image upload\n      let count = 0\n      while (count < 30) {\n        const result = await completeImageUpload({\n          resourceUrls:\n            links?.data?.targets?.map(target => target.resourceUrl) || [],\n        })\n\n        if (!result.ok) {\n          throw new Error(result.error.message)\n        }\n\n        if (result.data?.files?.[0]?.fileStatus === 'READY') {\n          return [\n            {\n              id: result.data.files[0].id,\n              imageUrl: result.data.files[0].image?.url,\n              resourceUrl: links?.data?.targets?.[0]?.resourceUrl,\n            },\n          ]\n        }\n\n        await new Promise(resolve => setTimeout(resolve, 1000))\n        count++\n      }\n\n      throw new Error('Image upload completion timed out')\n    },\n    [createImageUploadLink, completeImageUpload]\n  )\n\n  return {\n    uploadImage,\n  }\n}\n"],"names":["processFileData","image","blob","uploadFileToGCS","target","formData","name","value","uploadResponse","useImageUpload","createImageUploadLink","completeImageUpload","useShopActions","useCallback","params","imageParams","processedImageParams","links","uploadError","count","result","resolve"],"mappings":";;AA6CA,MAAMA,IAAkB,OAAOC,MAA6B;AAEpD,QAAAC,IAAO,OADI,MAAM,MAAMD,EAAM,GAAG,GACV,KAAK;AAE1B,SAAA;AAAA,IACL,GAAGA;AAAA,IACH,UAAUA,EAAM,YAAYC,EAAK;AAAA,IACjC,UAAUA;AAAA,EACZ;AACF,GAEMC,IAAkB,OACtBF,GACAG,MACG;AACG,QAAAC,IAAW,IAAI,SAAS;AAC9B,EAAAD,EAAO,WAAW,QAAQ,CAAC,EAAC,MAAAE,GAAM,OAAAC,QAA0C;AACjE,IAAAF,EAAA,OAAOC,GAAMC,CAAK;AAAA,EAAA,CAC5B,GAEQF,EAAA,OAAO,QAAQJ,EAAM,QAAQ;AAEtC,QAAMO,IAAiB,MAAM,MAAMJ,EAAO,KAAK;AAAA,IAC7C,QAAQ;AAAA,IACR,MAAMC;AAAA,EAAA,CACP;AAEG,SAACG,EAAe,KAOb,CAAC,KANN,QAAQ,MAAM,0BAA0B;AAAA,IACtC,UAAU,MAAMA,EAAe,KAAK;AAAA,EAAA,CACrC,GACM,EAAC,OAAO,yBAAwB;AAI3C,GAEaC,IAAiB,MAA6B;AACzD,QAAM,EAAC,uBAAAC,GAAuB,qBAAAC,EAAmB,IAAIC,EAAe;AAiE7D,SAAA;AAAA,IACL,aAhEkBC;AAAA,MAClB,OAAOC,MAAgC;AACjC,YAAAA,EAAO,SAAS;AACZ,gBAAA,IAAI,MAAM,4CAA4C;AAGxD,cAAAC,IAAcD,EAAO,CAAC,GACtBE,IAAuB,MAAMhB,EAAgBe,CAAW,GAExDE,IAAQ,MAAMP,EAAsB;AAAA,UACxC,OAAO;AAAA,YACL;AAAA,cACE,UAAUM,EAAqB;AAAA,cAC/B,UAAUA,EAAqB;AAAA,YAAA;AAAA,UACjC;AAAA,QACF,CACD;AAEG,YAAA,CAACC,EAAM;AACT,gBAAM,IAAI,MAAMA,EAAM,MAAM,OAAO;AAIrC,cAAM,EAAC,OAAOC,EAAW,IAAI,MAAMf;AAAA,UACjCa;AAAA,UACAC,GAAO,MAAM,UAAU,CAAC;AAAA,QAC1B;AAEA,YAAIC;AACI,gBAAA,IAAI,MAAMA,CAAW;AAI7B,YAAIC,IAAQ;AACZ,eAAOA,IAAQ,MAAI;AACX,gBAAAC,IAAS,MAAMT,EAAoB;AAAA,YACvC,cACEM,GAAO,MAAM,SAAS,IAAI,CAAUb,MAAAA,EAAO,WAAW,KAAK,CAAA;AAAA,UAAC,CAC/D;AAEG,cAAA,CAACgB,EAAO;AACV,kBAAM,IAAI,MAAMA,EAAO,MAAM,OAAO;AAGtC,cAAIA,EAAO,MAAM,QAAQ,CAAC,GAAG,eAAe;AACnC,mBAAA;AAAA,cACL;AAAA,gBACE,IAAIA,EAAO,KAAK,MAAM,CAAC,EAAE;AAAA,gBACzB,UAAUA,EAAO,KAAK,MAAM,CAAC,EAAE,OAAO;AAAA,gBACtC,aAAaH,GAAO,MAAM,UAAU,CAAC,GAAG;AAAA,cAAA;AAAA,YAE5C;AAGF,gBAAM,IAAI,QAAQ,CAAAI,MAAW,WAAWA,GAAS,GAAI,CAAC,GACtDF;AAAA,QAAA;AAGI,cAAA,IAAI,MAAM,mCAAmC;AAAA,MACrD;AAAA,MACA,CAACT,GAAuBC,CAAmB;AAAA,IAC7C;AAAA,EAIA;AACF;"}

package/dist/index.js

@@ -2,11 +2,11 @@ import { DATA_NAVIGATION_TYPE_ATTRIBUTE as o, NAVIGATION_TYPES as t } from "./ty
 import { MinisContainer as i } from "./components/MinisContainer.js";
 import { ProductCard as p } from "./components/commerce/product-card.js";
 import { ProductLink as s } from "./components/commerce/product-link.js";
-import { MerchantCard as u, MerchantCardPrimitive as x } from "./components/commerce/merchant-card.js";
+import { MerchantCard as f, MerchantCardPrimitive as u } from "./components/commerce/merchant-card.js";
 import { ProductCardSkeleton as c } from "./components/commerce/product-card-skeleton.js";
 import { MerchantCardSkeleton as g } from "./components/commerce/merchant-card-skeleton.js";
 import { QuantitySelector as D } from "./components/commerce/quantity-selector.js";
-import { TransitionContainer as C } from "./components/navigation/transition-container.js";
+import { TransitionContainer as A } from "./components/navigation/transition-container.js";
 import { TransitionLink as T } from "./components/navigation/transition-link.js";
 import { Button as I } from "./components/atoms/button.js";
 import { FavoriteButton as v } from "./components/atoms/favorite-button.js";
@@ -16,28 +16,28 @@ import { Touchable as E } from "./components/atoms/touchable.js";
 import { AlertDialogAtom as N } from "./components/atoms/alert-dialog.js";
 import { List as L } from "./components/atoms/list.js";
 import { VideoPlayer as H } from "./components/atoms/video-player.js";
-import { Accordion as V, AccordionContent as U, AccordionItem as z, AccordionTrigger as _ } from "./components/ui/accordion.js";
+import { Accordion as U, AccordionContent as V, AccordionItem as z, AccordionTrigger as _ } from "./components/ui/accordion.js";
 import { Alert as Q, AlertDescription as W, AlertTitle as j } from "./components/ui/alert.js";
 import { AlertDialog as J, AlertDialogAction as K, AlertDialogCancel as X, AlertDialogContent as Z, AlertDialogDescription as $, AlertDialogFooter as rr, AlertDialogHeader as er, AlertDialogOverlay as or, AlertDialogPortal as tr, AlertDialogTitle as ar, AlertDialogTrigger as ir } from "./components/ui/alert-dialog.js";
 import { Avatar as pr, AvatarFallback as mr, AvatarImage as sr } from "./components/ui/avatar.js";
-import { Badge as ur, badgeVariants as xr } from "./components/ui/badge.js";
-import { Card as cr, CardAction as dr, CardContent as gr, CardDescription as Sr, CardFooter as Dr, CardHeader as Ar, CardTitle as Cr } from "./components/ui/card.js";
+import { Badge as fr, badgeVariants as ur } from "./components/ui/badge.js";
+import { Card as cr, CardAction as dr, CardContent as gr, CardDescription as Sr, CardFooter as Dr, CardHeader as Cr, CardTitle as Ar } from "./components/ui/card.js";
 import { Carousel as Tr, CarouselContent as hr, CarouselItem as Ir, CarouselNext as wr, CarouselPrevious as vr } from "./components/ui/carousel.js";
 import { Checkbox as br } from "./components/ui/checkbox.js";
 import { Dialog as kr, DialogClose as Br, DialogContent as Er, DialogDescription as Mr, DialogFooter as Nr, DialogHeader as yr, DialogOverlay as Lr, DialogPortal as Gr, DialogTitle as Hr, DialogTrigger as Or } from "./components/ui/dialog.js";
-import { Drawer as Ur, DrawerClose as zr, DrawerContent as _r, DrawerDescription as Yr, DrawerFooter as Qr, DrawerHeader as Wr, DrawerOverlay as jr, DrawerPortal as qr, DrawerTitle as Jr, DrawerTrigger as Kr } from "./components/ui/drawer.js";
+import { Drawer as Vr, DrawerClose as zr, DrawerContent as _r, DrawerDescription as Yr, DrawerFooter as Qr, DrawerHeader as Wr, DrawerOverlay as jr, DrawerPortal as qr, DrawerTitle as Jr, DrawerTrigger as Kr } from "./components/ui/drawer.js";
 import { Input as Zr } from "./components/ui/input.js";
 import { Label as re } from "./components/ui/label.js";
 import { Progress as oe } from "./components/ui/progress.js";
 import { RadioGroup as ae, RadioGroupItem as ie } from "./components/ui/radio-group.js";
 import { ResizableHandle as pe, ResizablePanel as me, ResizablePanelGroup as se } from "./components/ui/resizable.js";
-import { ScrollArea as ue, ScrollBar as xe } from "./components/ui/scroll-area.js";
-import { Select as ce, SelectContent as de, SelectGroup as ge, SelectItem as Se, SelectLabel as De, SelectScrollDownButton as Ae, SelectScrollUpButton as Ce, SelectSeparator as Pe, SelectTrigger as Te, SelectValue as he } from "./components/ui/select.js";
+import { ScrollArea as fe, ScrollBar as ue } from "./components/ui/scroll-area.js";
+import { Select as ce, SelectContent as de, SelectGroup as ge, SelectItem as Se, SelectLabel as De, SelectScrollDownButton as Ce, SelectScrollUpButton as Ae, SelectSeparator as Pe, SelectTrigger as Te, SelectValue as he } from "./components/ui/select.js";
 import { Separator as we } from "./components/ui/separator.js";
 import { Sheet as Re, SheetClose as be, SheetContent as Fe, SheetDescription as ke, SheetFooter as Be, SheetHeader as Ee, SheetTitle as Me, SheetTrigger as Ne } from "./components/ui/sheet.js";
 import { Toaster as Le } from "./components/ui/sonner.js";
 import { Skeleton as He } from "./components/ui/skeleton.js";
-import { useRecentProducts as Ve } from "./hooks/user/useRecentProducts.js";
+import { useRecentProducts as Ue } from "./hooks/user/useRecentProducts.js";
 import { useRecentShops as ze } from "./hooks/user/useRecentShops.js";
 import { useSavedProducts as Ye } from "./hooks/user/useSavedProducts.js";
 import { useSavedProductsActions as We } from "./hooks/user/useSavedProductsActions.js";
@@ -50,10 +50,10 @@ import { useProductListActions as ao } from "./hooks/product/useProductListActio
 import { useProductLists as lo } from "./hooks/product/useProductLists.js";
 import { useProductList as mo } from "./hooks/product/useProductList.js";
 import { useProduct as no } from "./hooks/product/useProduct.js";
-import { useProducts as xo } from "./hooks/product/useProducts.js";
+import { useProducts as uo } from "./hooks/product/useProducts.js";
 import { useProductVariants as co } from "./hooks/product/useProductVariants.js";
 import { useProductMedia as So } from "./hooks/product/useProductMedia.js";
-import { useProductSearch as Ao } from "./hooks/product/useProductSearch.js";
+import { useProductSearch as Co } from "./hooks/product/useProductSearch.js";
 import { useRecommendedProducts as Po } from "./hooks/product/useRecommendedProducts.js";
 import { usePopularProducts as ho } from "./hooks/product/usePopularProducts.js";
 import { useCuratedProducts as wo } from "./hooks/product/useCuratedProducts.js";
@@ -64,20 +64,22 @@ import { useShopNavigation as Mo } from "./hooks/navigation/useShopNavigation.js
 import { useCloseMini as yo } from "./hooks/navigation/useCloseMini.js";
 import { useDeeplink as Go } from "./hooks/navigation/useDeeplink.js";
 import { useNavigateWithTransition as Oo } from "./hooks/navigation/useNavigateWithTransition.js";
-import { useShop as Uo } from "./hooks/shop/useShop.js";
+import { useShop as Vo } from "./hooks/shop/useShop.js";
 import { useShopCartActions as _o } from "./hooks/shop/useShopCartActions.js";
 import { useRecommendedShops as Qo } from "./hooks/shop/useRecommendedShops.js";
-import { useErrorToast as jo } from "./hooks/util/useErrorToast.js";
-import { useErrorScreen as Jo } from "./hooks/util/useErrorScreen.js";
-import { useShare as Xo } from "./hooks/util/useShare.js";
-import { useImagePicker as $o } from "./hooks/util/useImagePicker.js";
-import { MiniEntityNotFoundError as et, MiniError as ot, MiniNetworkError as tt, formatError as at } from "./utils/errors.js";
-import { extractBrandTheme as lt, formatReviewCount as pt, getFeaturedImages as mt, normalizeRating as st } from "./utils/merchant-card.js";
-import { parseUrl as ut } from "./utils/parseUrl.js";
-import { Consent as ft, ConsentStatus as ct } from "./shop-minis-platform/src/types/permissions.js";
+import { useCreateImageContent as jo } from "./hooks/content/useCreateImageContent.js";
+import { useErrorToast as Jo } from "./hooks/util/useErrorToast.js";
+import { useErrorScreen as Xo } from "./hooks/util/useErrorScreen.js";
+import { useShare as $o } from "./hooks/util/useShare.js";
+import { useImagePicker as et } from "./hooks/util/useImagePicker.js";
+import { MiniEntityNotFoundError as tt, MiniError as at, MiniNetworkError as it, formatError as lt } from "./utils/errors.js";
+import { extractBrandTheme as mt, formatReviewCount as st, getFeaturedImages as nt, normalizeRating as ft } from "./utils/merchant-card.js";
+import { parseUrl as xt } from "./utils/parseUrl.js";
+import { fileToDataUri as dt } from "./utils/imageToDataUri.js";
+import { Consent as St, ConsentStatus as Dt } from "./shop-minis-platform/src/types/permissions.js";
 export {
-  V as Accordion,
-  U as AccordionContent,
+  U as Accordion,
+  V as AccordionContent,
   z as AccordionItem,
   _ as AccordionTrigger,
   Q as Alert,
@@ -98,23 +100,23 @@ export {
   pr as Avatar,
   mr as AvatarFallback,
   sr as AvatarImage,
-  ur as Badge,
+  fr as Badge,
   I as Button,
   cr as Card,
   dr as CardAction,
   gr as CardContent,
   Sr as CardDescription,
   Dr as CardFooter,
-  Ar as CardHeader,
-  Cr as CardTitle,
+  Cr as CardHeader,
+  Ar as CardTitle,
   Tr as Carousel,
   hr as CarouselContent,
   Ir as CarouselItem,
   wr as CarouselNext,
   vr as CarouselPrevious,
   br as Checkbox,
-  ft as Consent,
-  ct as ConsentStatus,
+  St as Consent,
+  Dt as ConsentStatus,
   o as DATA_NAVIGATION_TYPE_ATTRIBUTE,
   kr as Dialog,
   Br as DialogClose,
@@ -126,7 +128,7 @@ export {
   Gr as DialogPortal,
   Hr as DialogTitle,
   Or as DialogTrigger,
-  Ur as Drawer,
+  Vr as Drawer,
   zr as DrawerClose,
   _r as DrawerContent,
   Yr as DrawerDescription,
@@ -141,12 +143,12 @@ export {
   Zr as Input,
   re as Label,
   L as List,
-  u as MerchantCard,
-  x as MerchantCardPrimitive,
+  f as MerchantCard,
+  u as MerchantCardPrimitive,
   g as MerchantCardSkeleton,
-  et as MiniEntityNotFoundError,
-  ot as MiniError,
-  tt as MiniNetworkError,
+  tt as MiniEntityNotFoundError,
+  at as MiniError,
+  it as MiniNetworkError,
   i as MinisContainer,
   t as NAVIGATION_TYPES,
   p as ProductCard,
@@ -159,15 +161,15 @@ export {
   pe as ResizableHandle,
   me as ResizablePanel,
   se as ResizablePanelGroup,
-  ue as ScrollArea,
-  xe as ScrollBar,
+  fe as ScrollArea,
+  ue as ScrollBar,
   ce as Select,
   de as SelectContent,
   ge as SelectGroup,
   Se as SelectItem,
   De as SelectLabel,
-  Ae as SelectScrollDownButton,
-  Ce as SelectScrollUpButton,
+  Ce as SelectScrollDownButton,
+  Ae as SelectScrollUpButton,
   Pe as SelectSeparator,
   Te as SelectTrigger,
   he as SelectValue,
@@ -184,27 +186,29 @@ export {
   k as ThumbhashImage,
   Le as Toaster,
   E as Touchable,
-  C as TransitionContainer,
+  A as TransitionContainer,
   T as TransitionLink,
   H as VideoPlayer,
-  xr as badgeVariants,
-  lt as extractBrandTheme,
-  at as formatError,
-  pt as formatReviewCount,
-  mt as getFeaturedImages,
-  st as normalizeRating,
-  ut as parseUrl,
+  ur as badgeVariants,
+  mt as extractBrandTheme,
+  dt as fileToDataUri,
+  lt as formatError,
+  st as formatReviewCount,
+  nt as getFeaturedImages,
+  ft as normalizeRating,
+  xt as parseUrl,
   Ro as useAsyncStorage,
   oo as useBuyerAttributes,
   yo as useCloseMini,
+  jo as useCreateImageContent,
   wo as useCuratedProducts,
   Ze as useCurrentUser,
   Go as useDeeplink,
-  Jo as useErrorScreen,
-  jo as useErrorToast,
+  Xo as useErrorScreen,
+  Jo as useErrorToast,
   qe as useFollowedShops,
   Ke as useFollowedShopsActions,
-  $o as useImagePicker,
+  et as useImagePicker,
   Bo as useImageUpload,
   Oo as useNavigateWithTransition,
   ro as useOrders,
@@ -214,18 +218,18 @@ export {
   ao as useProductListActions,
   lo as useProductLists,
   So as useProductMedia,
-  Ao as useProductSearch,
+  Co as useProductSearch,
   co as useProductVariants,
-  xo as useProducts,
-  Ve as useRecentProducts,
+  uo as useProducts,
+  Ue as useRecentProducts,
   ze as useRecentShops,
   Po as useRecommendedProducts,
   Qo as useRecommendedShops,
   Ye as useSavedProducts,
   We as useSavedProductsActions,
   Fo as useSecureStorage,
-  Xo as useShare,
-  Uo as useShop,
+  $o as useShare,
+  Vo as useShop,
   _o as useShopCartActions,
   Mo as useShopNavigation
 };

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,19 +1,19 @@
-const e = (t, o, a = "99.99", s) => ({
+const e = (t, o, r = "99.99", s) => ({
   id: t,
   title: o,
-  price: { amount: a, currencyCode: "USD" },
+  price: { amount: r, currencyCode: "USD" },
   ...s && {
     compareAtPrice: { amount: s, currencyCode: "USD" }
   },
   reviewAnalytics: { averageRating: 4.5, reviewCount: 10 },
-  shop: d("shop1", "Mock Shop"),
+  shop: i("shop1", "Mock Shop"),
   defaultVariantId: `variant-${t}`,
   isFavorited: !1,
   featuredImage: {
     url: "https://cdn.shopify.com/s/files/1/0621/0463/3599/files/61ChhrRjK9L._AC_SL1000_1639abe8-4cd3-4bee-9867-73f26b0acf0a.jpg?v=1702559955",
     altText: o
   }
-}), d = (t, o, a) => {
+}), i = (t, o, r) => {
   const c = Array.from({ length: 3 }, (m, n) => ({
     url: `https://picsum.photos/400/400?random=${t}-${n}`,
     sensitive: !1,
@@ -36,19 +36,19 @@ const e = (t, o, a = "99.99", s) => ({
       brandSettings: void 0
     }
   };
-}, r = (t = !1) => ({
+}, a = (t = !1) => ({
   hasNextPage: t,
   endCursor: t ? "cursor123" : null
-}), i = (t, o, a = []) => ({
+}), d = (t, o, r = []) => ({
   id: t,
   publicId: `public-${t}`,
   name: o,
-  products: a
+  products: r
 });
 function p(t, o) {
-  return (a) => (console.log(`[Mock Action] ${String(t)}`, a), Promise.resolve({ ok: !0, data: o }));
+  return (r) => (console.log(`[Mock Action] ${String(t)}`, r), Promise.resolve({ ok: !0, data: o }));
 }
-function u() {
+function l() {
   const t = {
     followShop: !0,
     unfollowShop: !1,
@@ -123,20 +123,20 @@ function u() {
     reportContentImpression: void 0,
     getProductLists: {
       data: [
-        i("list-1", "Wishlist"),
-        i("list-2", "Favorites")
+        d("list-1", "Wishlist"),
+        d("list-2", "Favorites")
       ],
-      pageInfo: r()
+      pageInfo: a()
     },
     getProductList: {
-      data: i("list-1", "Wishlist", [
+      data: d("list-1", "Wishlist", [
         e("prod-1", "Sample Product")
       ]),
-      pageInfo: r()
+      pageInfo: a()
     },
-    addProductList: i("list-3", "New List"),
+    addProductList: d("list-3", "New List"),
     removeProductList: void 0,
-    renameProductList: i("list-1", "Updated Wishlist"),
+    renameProductList: d("list-1", "Updated Wishlist"),
     addProductListItem: void 0,
     removeProductListItem: void 0,
     getRecommendedProducts: {
@@ -151,21 +151,21 @@ function u() {
         e("rec-8", "Recommended Product 8", "69.99"),
         e("rec-9", "Recommended Product 9", "129.99")
       ],
-      pageInfo: r()
+      pageInfo: a()
     },
     getRecommendedShops: {
       data: [
-        d("shop-1", "Amazing Store"),
-        d("shop-2", "Best Deals Shop")
+        i("shop-1", "Amazing Store"),
+        i("shop-2", "Best Deals Shop")
       ],
-      pageInfo: r()
+      pageInfo: a()
     },
     searchProductsByShop: {
       data: [
         e("search-1", "Search Result 1", "59.99"),
         e("search-2", "Search Result 2", "89.99")
       ],
-      pageInfo: r()
+      pageInfo: a()
     },
     getOrders: {
       data: [
@@ -180,10 +180,10 @@ function u() {
               product: null
             }
           ],
-          shop: d("shop-1", "Sample Shop")
+          shop: i("shop-1", "Sample Shop")
         }
       ],
-      pageInfo: r()
+      pageInfo: a()
     },
     getBuyerAttributes: {
       data: {
@@ -208,7 +208,7 @@ function u() {
         e("pop-9", "Playstation 4", "299.95"),
         e("pop-10", "Nintendo 3DS", "89.95")
       ],
-      pageInfo: r()
+      pageInfo: a()
     },
     share: {
       message: "Shared!",
@@ -219,19 +219,19 @@ function u() {
         e("cur-1", "Curated Product 1", "79.99"),
         e("cur-2", "Curated Product 2", "129.99")
       ],
-      pageInfo: r()
+      pageInfo: a()
     },
     getSavedProducts: {
       data: [e("saved-1", "Saved Product 1", "49.99")],
-      pageInfo: r()
+      pageInfo: a()
     },
     getRecentProducts: {
       data: [e("recent-1", "Recent Product 1", "59.99")],
-      pageInfo: r()
+      pageInfo: a()
     },
     getProductSearch: {
       data: [e("search-3", "Search Product 3", "39.99")],
-      pageInfo: r()
+      pageInfo: a()
     },
     getProducts: { data: [e("prod-2", "Product 2", "19.99")] },
     getProduct: { data: e("prod-1", "Sample Product") },
@@ -245,7 +245,7 @@ function u() {
           compareAtPrice: { amount: "29.99", currencyCode: "USD" }
         }
       ],
-      pageInfo: r()
+      pageInfo: a()
     },
     getProductMedia: {
       data: [
@@ -256,31 +256,48 @@ function u() {
           alt: "Sample product image"
         }
       ],
-      pageInfo: r()
+      pageInfo: a()
     },
-    getShop: { data: d("shop-1", "Sample Shop") },
+    getShop: { data: i("shop-1", "Sample Shop") },
     getRecentShops: {
-      data: [d("recent-shop-1", "Recent Shop 1")],
-      pageInfo: r()
+      data: [i("recent-shop-1", "Recent Shop 1")],
+      pageInfo: a()
     },
     getFollowedShops: {
-      data: [d("followed-shop-1", "Followed Shop 1")],
-      pageInfo: r()
+      data: [i("followed-shop-1", "Followed Shop 1")],
+      pageInfo: a()
     },
-    previewProductInAr: void 0
+    previewProductInAr: void 0,
+    createContent: {
+      data: {
+        publicId: "content-123",
+        externalId: null,
+        image: {
+          id: "img-123",
+          url: "https://example.com/content-image.jpg",
+          width: 800,
+          height: 600
+        },
+        title: "Mock Content",
+        description: "This is a mock content item",
+        visibility: ["DISCOVERABLE"],
+        shareableUrl: "https://example.com/content/123",
+        products: null
+      }
+    }
   }, o = {};
-  for (const a in t)
-    Object.prototype.hasOwnProperty.call(t, a) && (o[a] = p(
-      a,
-      t[a]
+  for (const r in t)
+    Object.prototype.hasOwnProperty.call(t, r) && (o[r] = p(
+      r,
+      t[r]
     ));
   return o;
 }
-const l = () => {
-  const t = navigator.userAgent.toLowerCase(), o = /iphone|ipad|ipod/.test(t), a = /android/.test(t);
-  return o || a;
+const u = () => {
+  const t = navigator.userAgent.toLowerCase(), o = /iphone|ipad|ipod/.test(t), r = /android/.test(t);
+  return o || r;
 }, g = () => {
-  l() || window.minisSDK || (window.minisSDK = u(), window.minisParams = {
+  u() || window.minisSDK || (window.minisSDK = l(), window.minisParams = {
     handle: "mock-handle",
     initialUrl: "/mock-initial-url",
     platform: "web"
@@ -288,7 +305,7 @@ const l = () => {
 };
 export {
   e as createProduct,
-  d as createShop,
+  i as createShop,
   g as injectMocks
 };
 //# sourceMappingURL=mocks.js.map

package/dist/mocks.js.map

@@ -1 +1 @@
-{"version":3,"file":"mocks.js","sources":["../src/mocks.ts"],"sourcesContent":["import {Product, Gender} 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/s/files/1/0621/0463/3599/files/61ChhrRjK9L._AC_SL1000_1639abe8-4cd3-4bee-9867-73f26b0acf0a.jpg?v=1702559955`,\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\nfunction makeMockActions(): ShopActions {\n  const results: {\n    [K in keyof ShopActions]: ShopActionDataType<ShopActions[K]>\n  } = {\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    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  } 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 = () => {\n  // Only inject mocks if we aren't on a mobile device\n  if (isMobile()) {\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","mock","isMobile","userAgent","isIOS","isAndroid","injectMocks"],"mappings":"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"}
+{"version":3,"file":"mocks.js","sources":["../src/mocks.ts"],"sourcesContent":["import {Product, Gender} 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/s/files/1/0621/0463/3599/files/61ChhrRjK9L._AC_SL1000_1639abe8-4cd3-4bee-9867-73f26b0acf0a.jpg?v=1702559955`,\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\nfunction makeMockActions(): ShopActions {\n  const results: {\n    [K in keyof ShopActions]: ShopActionDataType<ShopActions[K]>\n  } = {\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    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://example.com/content-image.jpg',\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  } 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 = () => {\n  // Only inject mocks if we aren't on a mobile device\n  if (isMobile()) {\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","mock","isMobile","userAgent","isIOS","isAndroid","injectMocks"],"mappings":"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"}

package/dist/shop-minis-react/node_modules/.pnpm/@radix-ui_react-use-is-hydrated@0.1.0_@types_react@19.1.6_react@19.1.0/node_modules/@radix-ui/react-use-is-hydrated/dist/index.js

@@ -1,4 +1,4 @@
-import { s as r } from "../../../../../../../../_virtual/index5.js";
+import { s as r } from "../../../../../../../../_virtual/index4.js";
 function s() {
   return r.useSyncExternalStore(
     e,

package/dist/shop-minis-react/node_modules/.pnpm/@videojs_xhr@2.7.0/node_modules/@videojs/xhr/lib/index.js

@@ -1,4 +1,4 @@
-import { __module as q } from "../../../../../../../../_virtual/index6.js";
+import { __module as q } from "../../../../../../../../_virtual/index5.js";
 import { __require as F } from "../../../../../global@4.4.0/node_modules/global/window.js";
 import { __require as N } from "../../../../../@babel_runtime@7.27.6/node_modules/@babel/runtime/helpers/extends.js";
 import { __require as J } from "../../../../../is-function@1.0.2/node_modules/is-function/index.js";

package/dist/shop-minis-react/node_modules/.pnpm/mpd-parser@1.3.1/node_modules/mpd-parser/dist/mpd-parser.es.js

@@ -2,7 +2,7 @@ import L from "../../../../@videojs_vhs-utils@4.1.1/node_modules/@videojs/vhs-ut
 import T from "../../../../../../../_virtual/window.js";
 import { forEachMediaGroup as Z } from "../../../../@videojs_vhs-utils@4.1.1/node_modules/@videojs/vhs-utils/es/media-groups.js";
 import J from "../../../../@videojs_vhs-utils@4.1.1/node_modules/@videojs/vhs-utils/es/decode-b64-to-uint8-array.js";
-import { l as Q } from "../../../../../../../_virtual/index7.js";
+import { l as Q } from "../../../../../../../_virtual/index6.js";
 /*! @name mpd-parser @version 1.3.1 @license Apache-2.0 */
 const w = (e) => !!e && typeof e == "object", E = (...e) => e.reduce((n, t) => (typeof t != "object" || Object.keys(t).forEach((r) => {
   Array.isArray(n[r]) && Array.isArray(t[r]) ? n[r] = n[r].concat(t[r]) : w(n[r]) && w(t[r]) ? n[r] = E(n[r], t[r]) : n[r] = t[r];

package/dist/shop-minis-react/node_modules/.pnpm/querystringify@2.2.0/node_modules/querystringify/index.js

@@ -1,4 +1,4 @@
-import { __exports as i } from "../../../../../../_virtual/index4.js";
+import { __exports as i } from "../../../../../../_virtual/index7.js";
 var c;
 function d() {
   if (c) return i;

package/dist/utils/imageToDataUri.js

@@ -0,0 +1,10 @@
+function a(r) {
+  return new Promise((n, o) => {
+    const e = new FileReader();
+    e.onloadend = () => n(e.result), e.onerror = o, e.readAsDataURL(r);
+  });
+}
+export {
+  a as fileToDataUri
+};
+//# sourceMappingURL=imageToDataUri.js.map

package/dist/utils/imageToDataUri.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageToDataUri.js","sources":["../../src/utils/imageToDataUri.ts"],"sourcesContent":["export function fileToDataUri(file: File): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onloadend = () => resolve(reader.result as string)\n    reader.onerror = reject\n    reader.readAsDataURL(file)\n  })\n}\n"],"names":["fileToDataUri","file","resolve","reject","reader"],"mappings":"AAAO,SAASA,EAAcC,GAA6B;AACzD,SAAO,IAAI,QAAQ,CAACC,GAASC,MAAW;AAChC,UAAAC,IAAS,IAAI,WAAW;AAC9B,IAAAA,EAAO,YAAY,MAAMF,EAAQE,EAAO,MAAgB,GACxDA,EAAO,UAAUD,GACjBC,EAAO,cAAcH,CAAI;AAAA,EAAA,CAC1B;AACH;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@shopify/shop-minis-react",
   "license": "SEE LICENSE IN LICENSE.txt",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "sideEffects": false,
   "type": "module",
   "engines": {
@@ -38,7 +38,7 @@
     "typescript": ">=5.0.0"
   },
   "dependencies": {
-    "@shopify/shop-minis-platform": "0.0.7",
+    "@shopify/shop-minis-platform": "0.0.8",
     "@tailwindcss/vite": "4.1.8",
     "@types/url-parse": "1.4.9",
     "@types/video.js": "7.3.58",

package/src/hooks/content/useCreateImageContent.ts

@@ -0,0 +1,65 @@
+import {useCallback} from 'react'
+
+import {ContentVisibility} from '@shopify/shop-minis-platform'
+import {CreateContentResponse} from '@shopify/shop-minis-platform/actions'
+
+import {useHandleAction} from '../../internal/useHandleAction'
+import {useShopActions} from '../../internal/useShopActions'
+import {fileToDataUri} from '../../utils'
+import {useImageUpload} from '../storage/useImageUpload'
+
+interface CreateImageContentParams {
+  image: File
+  contentTitle: string
+  visibility?: ContentVisibility[] | null
+}
+
+interface UseCreateImageContentReturns {
+  /**
+   * Upload an image and create content.
+   */
+  createImageContent: (
+    params: CreateImageContentParams
+  ) => Promise<CreateContentResponse>
+}
+
+export const useCreateImageContent = (): UseCreateImageContentReturns => {
+  const {createContent} = useShopActions()
+  const {uploadImage} = useImageUpload()
+
+  const createImageContent = useCallback(
+    async (params: CreateImageContentParams) => {
+      const {image, contentTitle, visibility} = params
+
+      if (!image.type) {
+        throw new Error('Unable to determine file type')
+      }
+      if (!image.type.startsWith('image/')) {
+        throw new Error('Invalid file type: must be an image')
+      }
+
+      const [uploadImageResult] = await uploadImage([
+        {
+          mimeType: image.type,
+          uri: await fileToDataUri(image),
+        },
+      ])
+      const uploadImageUrl = uploadImageResult.imageUrl
+
+      if (!uploadImageUrl) {
+        throw new Error('Image upload failed')
+      }
+
+      return createContent({
+        title: contentTitle,
+        imageUrl: uploadImageUrl,
+        visibility,
+      })
+    },
+    [createContent, uploadImage]
+  )
+
+  return {
+    createImageContent: useHandleAction(createImageContent),
+  }
+}

package/src/hooks/index.ts

@@ -39,6 +39,7 @@ export * from './shop/useShopCartActions'
 export * from './shop/useRecommendedShops'
 
 // - Content Hooks
+export * from './content/useCreateImageContent'
 
 // - Utility Hooks
 export * from './util/useErrorToast'

package/src/hooks/storage/useImageUpload.ts

@@ -12,7 +12,7 @@ export interface UploadImageParams {
   /**
    * The size of the image in bytes.
    */
-  fileSize: number
+  fileSize?: number
   /**
    * The URI of the image to upload.
    */
@@ -41,16 +41,29 @@ interface UseImageUploadReturns {
   uploadImage: (params: UploadImageParams[]) => Promise<UploadedImage[]>
 }
 
+// Fetch file data and detect file sizes if not provided
+// Works with file://, data:, and http(s):// URIs
+const processFileData = async (image: UploadImageParams) => {
+  const response = await fetch(image.uri)
+  const blob = await response.blob()
+
+  return {
+    ...image,
+    fileSize: image.fileSize ?? blob.size,
+    fileBlob: blob,
+  }
+}
+
 const uploadFileToGCS = async (
-  image: UploadImageParams,
+  image: UploadImageParams & {fileSize: number; fileBlob: Blob},
   target: UploadTarget
 ) => {
   const formData = new FormData()
   target.parameters.forEach(({name, value}: {name: string; value: string}) => {
     formData.append(name, value)
   })
-  // Append the actual file data last
-  formData.append('file', new Blob([image.uri], {type: image.mimeType}))
+
+  formData.append('file', image.fileBlob)
 
   const uploadResponse = await fetch(target.url, {
     method: 'POST',
@@ -76,11 +89,16 @@ export const useImageUpload = (): UseImageUploadReturns => {
         throw new Error('Multiple image upload is not supported yet')
       }
 
+      const imageParams = params[0]
+      const processedImageParams = await processFileData(imageParams)
+
       const links = await createImageUploadLink({
-        input: params.map(image => ({
-          mimeType: image.mimeType,
-          fileSize: image.fileSize,
-        })),
+        input: [
+          {
+            mimeType: processedImageParams.mimeType,
+            fileSize: processedImageParams.fileSize,
+          },
+        ],
       })
 
       if (!links.ok) {
@@ -88,9 +106,8 @@ export const useImageUpload = (): UseImageUploadReturns => {
       }
 
       // Upload single file to GCS
-      // TODO: Upload multiple files to GCS
       const {error: uploadError} = await uploadFileToGCS(
-        params[0],
+        processedImageParams,
         links?.data?.targets?.[0]!
       )
 
@@ -110,7 +127,6 @@ export const useImageUpload = (): UseImageUploadReturns => {
           throw new Error(result.error.message)
         }
 
-        // TODO: Add support for multiple files
         if (result.data?.files?.[0]?.fileStatus === 'READY') {
           return [
             {

package/src/mocks.ts

@@ -405,6 +405,23 @@ function makeMockActions(): ShopActions {
       pageInfo: createPagination(),
     },
     previewProductInAr: undefined,
+    createContent: {
+      data: {
+        publicId: 'content-123',
+        externalId: null,
+        image: {
+          id: 'img-123',
+          url: 'https://example.com/content-image.jpg',
+          width: 800,
+          height: 600,
+        },
+        title: 'Mock Content',
+        description: 'This is a mock content item',
+        visibility: ['DISCOVERABLE'],
+        shareableUrl: 'https://example.com/content/123',
+        products: null,
+      },
+    },
   } as const
 
   const mock: Partial<ShopActions> = {}

package/src/utils/imageToDataUri.ts

@@ -0,0 +1,8 @@
+export function fileToDataUri(file: File): Promise<string> {
+  return new Promise((resolve, reject) => {
+    const reader = new FileReader()
+    reader.onloadend = () => resolve(reader.result as string)
+    reader.onerror = reject
+    reader.readAsDataURL(file)
+  })
+}

package/src/utils/index.ts

@@ -1,3 +1,4 @@
 export * from './errors'
 export * from './merchant-card'
 export * from './parseUrl'
+export * from './imageToDataUri'