@shopify/shop-minis-react 0.15.1 → 0.16.1

package/src/hooks/util/useShare.ts

@@ -8,7 +8,7 @@ import {
 import {useHandleAction} from '../../internal/useHandleAction'
 import {useShopActions} from '../../internal/useShopActions'
 
-interface UseShareReturns {
+export interface UseShareReturns {
   /**
    * Generic Social Share
    */
@@ -27,3 +27,9 @@ export const useShare = (): UseShareReturns => {
     shareSingle: useHandleAction(shareSingle),
   }
 }
+
+/**
+ * The `useShare` hook provides native sharing functionality through the Shop app's share sheet. Supports sharing text messages, titles, URLs (single or multiple), and custom content types. You can use this for user generated content sharing, product sharing, referral links, wishlists, or any social sharing features.
+ * @publicDocs
+ */
+export type UseShareGeneratedType = () => UseShareReturns

package/src/mocks.ts

@@ -574,6 +574,9 @@ export function makeMockActions(): ShopActions {
     requestPermission: {
       granted: true,
     },
+    checkPermission: {
+      status: 'granted',
+    },
     reportError: undefined,
     reportFetch: undefined,
   } as const

package/src/providers/ImagePickerProvider.tsx

@@ -11,19 +11,24 @@ import {useRequestPermissions} from '../hooks/util/useRequestPermissions'
 import {useReportInteraction} from '../internal/useReportInteraction'
 import {resizeImage} from '../internal/utils/resizeImage'
 
+/** @publicDocs */
 export type ImageQuality = 'low' | 'medium' | 'high' | 'original'
+/** @publicDocs */
 export type CameraFacing = 'front' | 'back'
+/** @publicDocs */
 export interface CustomImageQuality {
   size?: number
   compression?: number
 }
 
+/** @publicDocs */
 export interface OpenCameraParams {
   cameraFacing?: CameraFacing
   quality?: ImageQuality
   customQuality?: CustomImageQuality
 }
 
+/** @publicDocs */
 export interface OpenGalleryParams {
   quality?: ImageQuality
   customQuality?: CustomImageQuality

package/dist/_virtual/___vite-browser-external.js

@@ -1,7 +0,0 @@
-import * as e from "./__vite-browser-external.js";
-import { getAugmentedNamespace as r } from "./_commonjsHelpers.js";
-const o = /* @__PURE__ */ r(e);
-export {
-  o as default
-};
-//# sourceMappingURL=___vite-browser-external.js.map

package/dist/_virtual/___vite-browser-external.js.map

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

package/dist/_virtual/__vite-browser-external.js

@@ -1,5 +0,0 @@
-const e = {};
-export {
-  e as default
-};
-//# sourceMappingURL=__vite-browser-external.js.map

package/dist/_virtual/__vite-browser-external.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"__vite-browser-external.js","sources":["../../__vite-browser-external"],"sourcesContent":["export default {}"],"names":["__viteBrowserExternal"],"mappings":"AAAA,MAAeA,IAAA,CAAA;"}

package/dist/_virtual/_commonjsHelpers.js

@@ -1,29 +0,0 @@
-var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function f(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-function l(e) {
-  if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
-  var r = e.default;
-  if (typeof r == "function") {
-    var t = function o() {
-      return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
-    };
-    t.prototype = r.prototype;
-  } else t = {};
-  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
-    var n = Object.getOwnPropertyDescriptor(e, o);
-    Object.defineProperty(t, o, n.get ? n : {
-      enumerable: !0,
-      get: function() {
-        return e[o];
-      }
-    });
-  }), t;
-}
-export {
-  u as commonjsGlobal,
-  l as getAugmentedNamespace,
-  f as getDefaultExportFromCjs
-};
-//# sourceMappingURL=_commonjsHelpers.js.map

package/dist/_virtual/_commonjsHelpers.js.map

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

package/dist/_virtual/browser-index.js

@@ -1,8 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../shop-minis-react/node_modules/.pnpm/videojs-vtt.js@0.15.5/node_modules/videojs-vtt.js/lib/browser-index.js";
-var o = e();
-const a = /* @__PURE__ */ r(o);
-export {
-  a as default
-};
-//# sourceMappingURL=browser-index.js.map

package/dist/_virtual/browser-index.js.map

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

package/dist/_virtual/browser-index2.js

@@ -1,5 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};
-//# sourceMappingURL=browser-index2.js.map

package/dist/_virtual/browser-index2.js.map

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

package/dist/_virtual/clock.js

@@ -1,6 +0,0 @@
-import { __require as r } from "../shop-minis-react/node_modules/.pnpm/mux.js@7.1.0/node_modules/mux.js/lib/utils/clock.js";
-var e = r();
-export {
-  e as c
-};
-//# sourceMappingURL=clock.js.map

package/dist/_virtual/clock.js.map

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

package/dist/_virtual/conventions.js

@@ -1,5 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};
-//# sourceMappingURL=conventions.js.map

package/dist/_virtual/conventions.js.map

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

package/dist/_virtual/debounce.js

@@ -1,8 +0,0 @@
-import { getDefaultExportFromCjs as e } from "./_commonjsHelpers.js";
-import { __require as r } from "../shop-minis-react/node_modules/.pnpm/lodash@4.17.21/node_modules/lodash/debounce.js";
-var o = r();
-const a = /* @__PURE__ */ e(o);
-export {
-  a as default
-};
-//# sourceMappingURL=debounce.js.map

package/dist/_virtual/debounce.js.map

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

package/dist/_virtual/document.js

@@ -1,8 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../shop-minis-react/node_modules/.pnpm/global@4.4.0/node_modules/global/document.js";
-var t = o();
-const u = /* @__PURE__ */ r(t);
-export {
-  u as default
-};
-//# sourceMappingURL=document.js.map

package/dist/_virtual/document.js.map

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

package/dist/_virtual/dom-parser.js

@@ -1,5 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};
-//# sourceMappingURL=dom-parser.js.map

package/dist/_virtual/dom-parser.js.map

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

package/dist/_virtual/dom.js

@@ -1,5 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};
-//# sourceMappingURL=dom.js.map

package/dist/_virtual/dom.js.map

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

package/dist/_virtual/entities.js

@@ -1,5 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};
-//# sourceMappingURL=entities.js.map

package/dist/_virtual/entities.js.map

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

package/dist/_virtual/extends.js

@@ -1,5 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};
-//# sourceMappingURL=extends.js.map

package/dist/_virtual/extends.js.map

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

package/dist/_virtual/index.js

@@ -1,8 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../shop-minis-react/node_modules/.pnpm/url-parse@1.5.10/node_modules/url-parse/index.js";
-var o = e();
-const s = /* @__PURE__ */ r(o);
-export {
-  s as default
-};
-//# sourceMappingURL=index.js.map

package/dist/_virtual/index.js.map

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

package/dist/_virtual/index2.js

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

package/dist/_virtual/index2.js.map

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

package/dist/_virtual/index3.js

@@ -1,5 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};
-//# sourceMappingURL=index3.js.map

package/dist/_virtual/index3.js.map

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

package/dist/_virtual/index4.js

@@ -1,5 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};
-//# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map

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

package/dist/_virtual/index5.js

@@ -1,6 +0,0 @@
-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 {
-  i as l
-};
-//# sourceMappingURL=index5.js.map

package/dist/_virtual/index5.js.map

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

package/dist/_virtual/index6.js

@@ -1,6 +0,0 @@
-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 {
-  i as s
-};
-//# sourceMappingURL=index6.js.map

package/dist/_virtual/index6.js.map

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

package/dist/_virtual/index7.js

@@ -1,5 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};
-//# sourceMappingURL=index7.js.map

package/dist/_virtual/index7.js.map

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

package/dist/_virtual/index8.js

@@ -1,5 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};
-//# sourceMappingURL=index8.js.map

package/dist/_virtual/index8.js.map

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

package/dist/_virtual/parse-sidx.js

@@ -1,8 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as e } from "../shop-minis-react/node_modules/.pnpm/mux.js@7.1.0/node_modules/mux.js/lib/tools/parse-sidx.js";
-var o = e();
-const s = /* @__PURE__ */ r(o);
-export {
-  s as default
-};
-//# sourceMappingURL=parse-sidx.js.map

package/dist/_virtual/parse-sidx.js.map

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

package/dist/_virtual/sax.js

@@ -1,5 +0,0 @@
-var a = {};
-export {
-  a as __exports
-};
-//# sourceMappingURL=sax.js.map

package/dist/_virtual/sax.js.map

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

package/dist/_virtual/use-sync-external-store-shim.development.js

@@ -1,5 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};
-//# sourceMappingURL=use-sync-external-store-shim.development.js.map

package/dist/_virtual/use-sync-external-store-shim.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-sync-external-store-shim.development.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/use-sync-external-store-shim.production.js

@@ -1,5 +0,0 @@
-var r = {};
-export {
-  r as __exports
-};
-//# sourceMappingURL=use-sync-external-store-shim.production.js.map

package/dist/_virtual/use-sync-external-store-shim.production.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-sync-external-store-shim.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/_virtual/window.js

@@ -1,8 +0,0 @@
-import { getDefaultExportFromCjs as r } from "./_commonjsHelpers.js";
-import { __require as o } from "../shop-minis-react/node_modules/.pnpm/global@4.4.0/node_modules/global/window.js";
-var t = o();
-const a = /* @__PURE__ */ r(t);
-export {
-  a as default
-};
-//# sourceMappingURL=window.js.map

package/dist/_virtual/window.js.map

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

package/dist/components/ErrorBoundary.js

@@ -1,19 +0,0 @@
-import { Component as n } from "react";
-class s extends n {
-  componentDidCatch(o, t) {
-    this.props.onError({
-      message: o.message,
-      stack: o.stack,
-      additionalContext: {
-        componentStack: t.componentStack
-      }
-    });
-  }
-  render() {
-    return this.props.children;
-  }
-}
-export {
-  s as ErrorBoundary
-};
-//# sourceMappingURL=ErrorBoundary.js.map

package/dist/components/ErrorBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorBoundary.js","sources":["../../src/components/ErrorBoundary.tsx"],"sourcesContent":["import React, {Component} from 'react'\n\nimport {ReportErrorParams} from '@shopify/shop-minis-platform/actions'\n\ninterface ErrorBoundaryProps {\n  children: React.ReactNode\n  onError: (params: ReportErrorParams) => void\n}\n\nexport class ErrorBoundary extends Component<ErrorBoundaryProps> {\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo) {\n    // Report the error to the app\n    this.props.onError({\n      message: error.message,\n      stack: error.stack,\n      additionalContext: {\n        componentStack: errorInfo.componentStack,\n      },\n    })\n  }\n\n  render() {\n    return this.props.children\n  }\n}\n"],"names":["ErrorBoundary","Component","error","errorInfo"],"mappings":";AASO,MAAMA,UAAsBC,EAA8B;AAAA,EAC/D,kBAAkBC,GAAcC,GAA4B;AAE1D,SAAK,MAAM,QAAQ;AAAA,MACjB,SAASD,EAAM;AAAA,MACf,OAAOA,EAAM;AAAA,MACb,mBAAmB;AAAA,QACjB,gBAAgBC,EAAU;AAAA,MAAA;AAAA,IAC5B,CACD;AAAA,EAAA;AAAA,EAGH,SAAS;AACP,WAAO,KAAK,MAAM;AAAA,EAAA;AAEtB;"}

package/dist/components/MinisContainer.js

@@ -1,43 +0,0 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { useState as u, useCallback as f, useEffect as p } from "react";
-import { useShopActions as v } from "../internal/useShopActions.js";
-import { injectMocks as y } from "../mocks.js";
-import { ImagePickerProvider as h } from "../providers/ImagePickerProvider.js";
-import { ErrorBoundary as E } from "./ErrorBoundary.js";
-import { MinisQueryProvider as g } from "../internal/reactQuery/MinisQueryProvider.js";
-y();
-function N({ children: a }) {
-  const [i, n] = u(!1), t = v(), c = f(
-    async (o) => {
-      try {
-        t && t.reportError && await t.reportError(o);
-      } catch (e) {
-        console.error("Failed to report error to app:", e);
-      }
-    },
-    [t]
-  );
-  return p(() => {
-    const o = () => window.minisSDK ? (n(!0), !0) : !1;
-    if (o())
-      return;
-    const e = (d) => {
-      const { type: m } = JSON.parse(d.data);
-      m === "MINIS_SDK_READY" && n(!0);
-    };
-    window.addEventListener("message", e), document.addEventListener("message", e);
-    const s = setInterval(() => {
-      o() && clearInterval(s);
-    }, 100);
-    return () => {
-      clearInterval(s), window.removeEventListener("message", e), document.removeEventListener("message", e);
-    };
-  }, []), i ? /* @__PURE__ */ r(g, { children: /* @__PURE__ */ r(E, { onError: c, children: /* @__PURE__ */ r(h, { children: a }) }) }) : /* @__PURE__ */ r("div", { className: "h-screen bg-gray-50 flex items-center justify-center", children: /* @__PURE__ */ l("div", { className: "text-center", children: [
-    /* @__PURE__ */ r("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4" }),
-    /* @__PURE__ */ r("p", { className: "text-gray-600", children: "Loading..." })
-  ] }) });
-}
-export {
-  N as MinisContainer
-};
-//# sourceMappingURL=MinisContainer.js.map

package/dist/components/MinisContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MinisContainer.js","sources":["../../src/components/MinisContainer.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState} from 'react'\n\nimport {ReportErrorParams} from '@shopify/shop-minis-platform/actions'\n\nimport {MinisQueryProvider} from '../internal/reactQuery'\nimport {useShopActions} from '../internal/useShopActions'\nimport {injectMocks} from '../mocks'\nimport {ImagePickerProvider} from '../providers/ImagePickerProvider'\n\nimport {ErrorBoundary} from './ErrorBoundary'\n\ninjectMocks()\n\nexport function MinisContainer({children}: {children: React.ReactNode}) {\n  const [isSDKReady, setIsSDKReady] = useState(false)\n  const actions = useShopActions()\n\n  const handleError = useCallback(\n    async (params: ReportErrorParams) => {\n      try {\n        if (actions && actions.reportError) {\n          await actions.reportError(params)\n        }\n      } catch (error) {\n        // If reporting fails, at least log to console\n        console.error('Failed to report error to app:', error)\n      }\n    },\n    [actions]\n  )\n\n  useEffect(() => {\n    // Function to check if SDK is ready\n    const checkSDKReady = () => {\n      if (window.minisSDK) {\n        setIsSDKReady(true)\n        return true\n      }\n      return false\n    }\n\n    // Check immediately\n    if (checkSDKReady()) {\n      return\n    }\n\n    // If not ready, set up a listener for the MINIS_SDK_READY event\n    const handleSDKReady = (event: any) => {\n      const {type} = JSON.parse(event.data)\n\n      if (type === 'MINIS_SDK_READY') {\n        setIsSDKReady(true)\n      }\n    }\n\n    // Listen for the MINIS_SDK_READY event\n    window.addEventListener('message', handleSDKReady)\n    document.addEventListener('message', handleSDKReady)\n\n    // Also poll for SDK availability as a fallback\n    const pollInterval = setInterval(() => {\n      if (checkSDKReady()) {\n        clearInterval(pollInterval)\n      }\n    }, 100)\n\n    // Cleanup\n    return () => {\n      clearInterval(pollInterval)\n      window.removeEventListener('message', handleSDKReady)\n      document.removeEventListener('message', handleSDKReady)\n    }\n  }, [])\n\n  // Don't render anything until SDK is ready\n  if (!isSDKReady) {\n    return (\n      <div className=\"h-screen bg-gray-50 flex items-center justify-center\">\n        <div className=\"text-center\">\n          <div className=\"animate-spin rounded-full h-8 w-8 border-b-2 border-gray-900 mx-auto mb-4\" />\n          <p className=\"text-gray-600\">Loading...</p>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <MinisQueryProvider>\n      <ErrorBoundary onError={handleError}>\n        <ImagePickerProvider>{children}</ImagePickerProvider>\n      </ErrorBoundary>\n    </MinisQueryProvider>\n  )\n}\n"],"names":["injectMocks","MinisContainer","children","isSDKReady","setIsSDKReady","useState","actions","useShopActions","handleError","useCallback","params","error","useEffect","checkSDKReady","handleSDKReady","event","type","pollInterval","jsx","MinisQueryProvider","ErrorBoundary","ImagePickerProvider","jsxs"],"mappings":";;;;;;;AAWAA,EAAY;AAEI,SAAAC,EAAe,EAAC,UAAAC,KAAwC;AACtE,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAK,GAC5CC,IAAUC,EAAe,GAEzBC,IAAcC;AAAA,IAClB,OAAOC,MAA8B;AAC/B,UAAA;AACE,QAAAJ,KAAWA,EAAQ,eACf,MAAAA,EAAQ,YAAYI,CAAM;AAAA,eAE3BC,GAAO;AAEN,gBAAA,MAAM,kCAAkCA,CAAK;AAAA,MAAA;AAAA,IAEzD;AAAA,IACA,CAACL,CAAO;AAAA,EACV;AA8CA,SA5CAM,EAAU,MAAM;AAEd,UAAMC,IAAgB,MAChB,OAAO,YACTT,EAAc,EAAI,GACX,MAEF;AAIT,QAAIS;AACF;AAII,UAAAC,IAAiB,CAACC,MAAe;AACrC,YAAM,EAAC,MAAAC,EAAI,IAAI,KAAK,MAAMD,EAAM,IAAI;AAEpC,MAAIC,MAAS,qBACXZ,EAAc,EAAI;AAAA,IAEtB;AAGO,WAAA,iBAAiB,WAAWU,CAAc,GACxC,SAAA,iBAAiB,WAAWA,CAAc;AAG7C,UAAAG,IAAe,YAAY,MAAM;AACrC,MAAIJ,OACF,cAAcI,CAAY;AAAA,OAE3B,GAAG;AAGN,WAAO,MAAM;AACX,oBAAcA,CAAY,GACnB,OAAA,oBAAoB,WAAWH,CAAc,GAC3C,SAAA,oBAAoB,WAAWA,CAAc;AAAA,IACxD;AAAA,EACF,GAAG,EAAE,GAGAX,IAYH,gBAAAe,EAACC,GACC,EAAA,UAAA,gBAAAD,EAACE,GAAc,EAAA,SAASZ,GACtB,UAAC,gBAAAU,EAAAG,GAAA,EAAqB,UAAAnB,EAAS,CAAA,EACjC,CAAA,GACF,sBAdG,OAAI,EAAA,WAAU,wDACb,UAAC,gBAAAoB,EAAA,OAAA,EAAI,WAAU,eACb,UAAA;AAAA,IAAC,gBAAAJ,EAAA,OAAA,EAAI,WAAU,4EAA4E,CAAA;AAAA,IAC1F,gBAAAA,EAAA,KAAA,EAAE,WAAU,iBAAgB,UAAU,aAAA,CAAA;AAAA,EAAA,EAAA,CACzC,EACF,CAAA;AAWN;"}

package/dist/components/atoms/alert-dialog.js

@@ -1,41 +0,0 @@
-import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useState as d } from "react";
-import { AlertDialog as h, AlertDialogTrigger as p, AlertDialogContent as m, AlertDialogHeader as C, AlertDialogTitle as f, AlertDialogDescription as u, AlertDialogFooter as x, AlertDialogCancel as O, AlertDialogAction as j } from "../ui/alert-dialog.js";
-const H = ({
-  children: i,
-  title: t,
-  description: o,
-  cancelButtonText: n,
-  confirmationButtonText: a,
-  open: c,
-  onOpenChange: g,
-  onConfirmationAction: A
-}) => {
-  const [s, D] = d(c);
-  return /* @__PURE__ */ r(
-    h,
-    {
-      open: s,
-      onOpenChange: (l) => {
-        D(l), g(l);
-      },
-      children: [
-        /* @__PURE__ */ e(p, { asChild: !0, children: i }),
-        /* @__PURE__ */ r(m, { children: [
-          /* @__PURE__ */ r(C, { children: [
-            /* @__PURE__ */ e(f, { children: t }),
-            /* @__PURE__ */ e(u, { children: o })
-          ] }),
-          /* @__PURE__ */ r(x, { children: [
-            /* @__PURE__ */ e(O, { children: n }),
-            /* @__PURE__ */ e(j, { onClick: A, children: a })
-          ] })
-        ] })
-      ]
-    }
-  );
-};
-export {
-  H as AlertDialogAtom
-};
-//# sourceMappingURL=alert-dialog.js.map

package/dist/components/atoms/alert-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-dialog.js","sources":["../../../src/components/atoms/alert-dialog.tsx"],"sourcesContent":["import {useState} from 'react'\n\nimport {\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogCancel,\n  AlertDialogAction,\n  AlertDialog as AlertDialogPrimitive,\n} from '../ui/alert-dialog'\n\nexport interface AlertDialogAtomProps {\n  /** The trigger element that opens the alert dialog */\n  children: React.ReactNode\n  /** The title text shown in the alert dialog header */\n  title: string\n  /** The description text shown in the alert dialog body */\n  description: string\n  /** The text shown in the cancel button */\n  cancelButtonText?: string\n  /** The text shown in the confirmation button */\n  confirmationButtonText?: string\n  /** Whether the alert dialog is open */\n  open?: boolean\n  /** Callback fired when the alert dialog open state changes */\n  onOpenChange: (open: boolean) => void\n  /** Callback fired when the confirmation button is clicked */\n  onConfirmationAction: () => void\n}\n\nexport const AlertDialogAtom = ({\n  children,\n  title,\n  description,\n  cancelButtonText,\n  confirmationButtonText,\n  open,\n  onOpenChange,\n  onConfirmationAction,\n}: AlertDialogAtomProps) => {\n  const [isOpen, setIsOpen] = useState(open)\n\n  return (\n    <AlertDialogPrimitive\n      open={isOpen}\n      onOpenChange={open => {\n        setIsOpen(open)\n        onOpenChange(open)\n      }}\n    >\n      <AlertDialogTrigger asChild>{children}</AlertDialogTrigger>\n      <AlertDialogContent>\n        <AlertDialogHeader>\n          <AlertDialogTitle>{title}</AlertDialogTitle>\n          <AlertDialogDescription>{description}</AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel>{cancelButtonText}</AlertDialogCancel>\n          <AlertDialogAction onClick={onConfirmationAction}>\n            {confirmationButtonText}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialogPrimitive>\n  )\n}\n"],"names":["AlertDialogAtom","children","title","description","cancelButtonText","confirmationButtonText","open","onOpenChange","onConfirmationAction","isOpen","setIsOpen","useState","jsxs","AlertDialogPrimitive","jsx","AlertDialogTrigger","AlertDialogContent","AlertDialogHeader","AlertDialogTitle","AlertDialogDescription","AlertDialogFooter","AlertDialogCancel","AlertDialogAction"],"mappings":";;;AAiCO,MAAMA,IAAkB,CAAC;AAAA,EAC9B,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,sBAAAC;AACF,MAA4B;AAC1B,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAASL,CAAI;AAGvC,SAAA,gBAAAM;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAMJ;AAAA,MACN,cAAc,CAAAH,MAAQ;AACpB,QAAAI,EAAUJ,CAAI,GACdC,EAAaD,CAAI;AAAA,MACnB;AAAA,MAEA,UAAA;AAAA,QAAC,gBAAAQ,EAAAC,GAAA,EAAmB,SAAO,IAAE,UAAAd,EAAS,CAAA;AAAA,0BACrCe,GACC,EAAA,UAAA;AAAA,UAAA,gBAAAJ,EAACK,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAH,EAACI,KAAkB,UAAMhB,EAAA,CAAA;AAAA,YACzB,gBAAAY,EAACK,KAAwB,UAAYhB,EAAA,CAAA;AAAA,UAAA,GACvC;AAAA,4BACCiB,GACC,EAAA,UAAA;AAAA,YAAA,gBAAAN,EAACO,KAAmB,UAAiBjB,EAAA,CAAA;AAAA,YACpC,gBAAAU,EAAAQ,GAAA,EAAkB,SAASd,GACzB,UACHH,EAAA,CAAA;AAAA,UAAA,EACF,CAAA;AAAA,QAAA,EACF,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/components/atoms/button.js

@@ -1,43 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import u from "react";
-import { cn as r } from "../../lib/utils.js";
-import { BaseButton as i } from "../ui/button.js";
-import { Touchable as p } from "./touchable.js";
-function C({
-  className: a,
-  variant: o,
-  size: m,
-  onClick: e,
-  stopPropagation: c = !1,
-  ...s
-}) {
-  const f = u.useCallback(
-    (n) => {
-      e?.(n);
-    },
-    [e]
-  ), t = r(
-    o === "icon" ? "flex w-auto" : "flex w-full"
-  );
-  return /* @__PURE__ */ l(
-    p,
-    {
-      onClick: f,
-      stopPropagation: c,
-      className: t,
-      children: /* @__PURE__ */ l(
-        i,
-        {
-          className: r(a, t),
-          variant: o,
-          size: m,
-          ...s
-        }
-      )
-    }
-  );
-}
-export {
-  C as Button
-};
-//# sourceMappingURL=button.js.map

package/dist/components/atoms/button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.js","sources":["../../../src/components/atoms/button.tsx"],"sourcesContent":["import React from 'react'\n\nimport {VariantProps} from 'class-variance-authority'\n\nimport {cn} from '../../lib/utils'\nimport {BaseButton, buttonVariants} from '../ui/button'\n\nimport {Touchable} from './touchable'\n\nexport interface ButtonDocProps {\n  /** Visual style variant */\n  variant?:\n    | 'default'\n    | 'secondary'\n    | 'destructive'\n    | 'outline'\n    | 'ghost'\n    | 'link'\n    | 'icon'\n  /** Button size */\n  size?: 'default' | 'sm' | 'lg' | 'icon'\n  /** Click handler */\n  onClick?: React.MouseEventHandler<HTMLButtonElement>\n  /** Prevent click from bubbling to parent elements */\n  stopPropagation?: boolean\n  /** Whether the button is disabled */\n  disabled?: boolean\n  /** Button content */\n  children?: React.ReactNode\n}\n\nexport function Button({\n  className,\n  variant,\n  size,\n  onClick,\n  stopPropagation = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  VariantProps<typeof buttonVariants> & {stopPropagation?: boolean}) {\n  const handleClick = React.useCallback(\n    (event: React.MouseEvent<any>) => {\n      onClick?.(event)\n    },\n    [onClick]\n  )\n\n  const wrapperClassName = cn(\n    variant === 'icon' ? 'flex w-auto' : 'flex w-full'\n  )\n\n  return (\n    <Touchable\n      onClick={handleClick}\n      stopPropagation={stopPropagation}\n      className={wrapperClassName}\n    >\n      <BaseButton\n        className={cn(className, wrapperClassName)}\n        variant={variant}\n        size={size}\n        {...props}\n      />\n    </Touchable>\n  )\n}\n"],"names":["Button","className","variant","size","onClick","stopPropagation","props","handleClick","React","event","wrapperClassName","cn","jsx","Touchable","BaseButton"],"mappings":";;;;;AA+BO,SAASA,EAAO;AAAA,EACrB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,GACqE;AACnE,QAAMC,IAAcC,EAAM;AAAA,IACxB,CAACC,MAAiC;AAChC,MAAAL,IAAUK,CAAK;AAAA,IACjB;AAAA,IACA,CAACL,CAAO;AAAA,EACV,GAEMM,IAAmBC;AAAA,IACvBT,MAAY,SAAS,gBAAgB;AAAA,EACvC;AAGE,SAAA,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAASN;AAAA,MACT,iBAAAF;AAAA,MACA,WAAWK;AAAA,MAEX,UAAA,gBAAAE;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,WAAWH,EAAGV,GAAWS,CAAgB;AAAA,UACzC,SAAAR;AAAA,UACA,MAAAC;AAAA,UACC,GAAGG;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EACF;AAEJ;"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"content-monitor.js","sources":["../../../src/components/atoms/content-monitor.tsx"],"sourcesContent":["import {useContentImpression} from '../../internal/useContentImpression'\nimport {useShopActions} from '../../internal/useShopActions'\n\nimport {LongPressDetector} from './long-press-detector'\n\nexport function ContentMonitor({\n  publicId,\n  children,\n}: {\n  publicId?: string\n  children: React.ReactNode\n}) {\n  const {showFeedbackSheet} = useShopActions()\n  const {ref} = useContentImpression({\n    publicId: publicId ?? '',\n    skip: !publicId,\n  })\n\n  return (\n    <div ref={ref}>\n      <LongPressDetector\n        onLongPress={() => {\n          if (!publicId) return\n\n          showFeedbackSheet({publicId})\n        }}\n      >\n        {children}\n      </LongPressDetector>\n    </div>\n  )\n}\n"],"names":["ContentMonitor","publicId","children","showFeedbackSheet","useShopActions","ref","useContentImpression","jsx","LongPressDetector"],"mappings":";;;;AAKO,SAASA,EAAe;AAAA,EAC7B,UAAAC;AAAA,EACA,UAAAC;AACF,GAGG;AACK,QAAA,EAAC,mBAAAC,EAAiB,IAAIC,EAAe,GACrC,EAAC,KAAAC,EAAG,IAAIC,EAAqB;AAAA,IACjC,UAAUL,KAAY;AAAA,IACtB,MAAM,CAACA;AAAA,EAAA,CACR;AAGC,SAAA,gBAAAM,EAAC,SAAI,KAAAF,GACH,UAAA,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAa,MAAM;AACjB,QAAKP,KAEaE,EAAA,EAAC,UAAAF,GAAS;AAAA,MAC9B;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}

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

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