@shopify/hydrogen 2022.1.0-alpha.1 → 2023.1.0-alpha.2

package/dist/development/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var storefrontKitReact = require('@shopify/storefront-kit-react');
+var hydrogenReact = require('@shopify/hydrogen-react');
 var serverRuntime = require('@remix-run/server-runtime');
 var react = require('@remix-run/react');
 
@@ -2201,11 +2201,12 @@ var isMutationRE = /(^|}\s)mutation[\s({]/im;
 function minifyQuery(string) {
   return string.replace(/\s*#.*$/gm, "").replace(/\s+/gm, " ").trim();
 }
+var defaultI18n = { language: "EN", country: "US" };
 function createStorefrontClient({
   cache,
   waitUntil,
   buyerIp,
-  i18n = { language: "EN", country: "US" },
+  i18n,
   requestGroupId = generateUUID(),
   ...clientOptions
 }) {
@@ -2219,7 +2220,7 @@ function createStorefrontClient({
     getPrivateTokenHeaders,
     getStorefrontApiUrl,
     getShopifyDomain
-  } = storefrontKitReact.createStorefrontClient(clientOptions);
+  } = hydrogenReact.createStorefrontClient(clientOptions);
   const getHeaders = clientOptions.privateStorefrontToken ? getPrivateTokenHeaders : getPublicTokenHeaders;
   const defaultHeaders = getHeaders({ contentType: "json" });
   defaultHeaders[STOREFRONT_REQUEST_GROUP_ID_HEADER] = requestGroupId;
@@ -2298,7 +2299,7 @@ function createStorefrontClient({
       getShopifyDomain,
       getApiUrl: getStorefrontApiUrl,
       isApiError: isStorefrontApiError,
-      i18n: { pathPrefix: "", ...i18n }
+      i18n: i18n ?? defaultI18n
     }
   };
 }
@@ -2520,9 +2521,43 @@ function graphiqlLoader({ context } = {}) {
     { status: 200, headers: { "content-type": "text/html" } }
   );
 }
+function useDataFromMatches(dataKey) {
+  const matches = react.useMatches();
+  const data = {};
+  matches.forEach((event) => {
+    const eventData = event?.data;
+    if (eventData && eventData[dataKey]) {
+      Object.assign(data, eventData[dataKey]);
+    }
+  });
+  return data;
+}
+function useDataFromFetchers({
+  formDataKey,
+  formDataValue,
+  dataKey
+}) {
+  const fetchers = react.useFetchers();
+  const data = {};
+  for (const fetcher of fetchers) {
+    const formData = fetcher.submission?.formData;
+    const fetcherData = fetcher.data;
+    if (formData && formData.get(formDataKey) === formDataValue && fetcherData && fetcherData[dataKey]) {
+      Object.assign(data, fetcherData[dataKey]);
+      try {
+        if (formData.get(dataKey)) {
+          const dataInForm = JSON.parse(String(formData.get(dataKey)));
+          Object.assign(data, dataInForm);
+        }
+      } catch {
+      }
+    }
+  }
+  return Object.keys(data).length ? data : void 0;
+}
 
 // src/seo/seo.ts
-var import_react = __toESM(require_react(), 1);
+var import_react2 = __toESM(require_react(), 1);
 
 // src/seo/generate-seo-tags.ts
 function generateSeoTags(input) {
@@ -2766,7 +2801,7 @@ function inferSchemaType(url) {
 
 // src/seo/seo.ts
 init_log_seo_tags();
-var SeoLogger = import_react.default.lazy(() => Promise.resolve().then(() => (init_log_seo_tags(), log_seo_tags_exports)));
+var SeoLogger = import_react2.default.lazy(() => Promise.resolve().then(() => (init_log_seo_tags(), log_seo_tags_exports)));
 function Seo({ debug }) {
   const matches = react.useMatches();
   const location = react.useLocation();
@@ -2788,24 +2823,24 @@ function Seo({ debug }) {
     logSeoTags(headTags);
   const html = headTags.map((tag) => {
     if (tag.tag === "script") {
-      return import_react.default.createElement(tag.tag, {
+      return import_react2.default.createElement(tag.tag, {
         ...tag.props,
         key: tag.key,
         dangerouslySetInnerHTML: { __html: tag.children }
       });
     }
-    return import_react.default.createElement(
+    return import_react2.default.createElement(
       tag.tag,
       { ...tag.props, key: tag.key },
       tag.children
     );
   });
-  const loggerMarkup = import_react.default.createElement(
-    import_react.default.Suspense,
+  const loggerMarkup = import_react2.default.createElement(
+    import_react2.default.Suspense,
     { fallback: null },
-    import_react.default.createElement(SeoLogger, { headTags })
+    import_react2.default.createElement(SeoLogger, { headTags })
   );
-  return import_react.default.createElement(import_react.default.Fragment, null, html, debug && loggerMarkup);
+  return import_react2.default.createElement(import_react2.default.Fragment, null, html, debug && loggerMarkup);
 }
 function recursivelyInvokeOrReturn(value, ...rest) {
   if (value instanceof Function) {
@@ -2839,75 +2874,75 @@ function recursivelyInvokeOrReturn(value, ...rest) {
 
 Object.defineProperty(exports, 'AnalyticsEventName', {
   enumerable: true,
-  get: function () { return storefrontKitReact.AnalyticsEventName; }
+  get: function () { return hydrogenReact.AnalyticsEventName; }
 });
 Object.defineProperty(exports, 'AnalyticsPageType', {
   enumerable: true,
-  get: function () { return storefrontKitReact.AnalyticsPageType; }
+  get: function () { return hydrogenReact.AnalyticsPageType; }
 });
 Object.defineProperty(exports, 'ExternalVideo', {
   enumerable: true,
-  get: function () { return storefrontKitReact.ExternalVideo; }
+  get: function () { return hydrogenReact.ExternalVideo; }
 });
 Object.defineProperty(exports, 'Image', {
   enumerable: true,
-  get: function () { return storefrontKitReact.Image; }
+  get: function () { return hydrogenReact.Image; }
 });
 Object.defineProperty(exports, 'MediaFile', {
   enumerable: true,
-  get: function () { return storefrontKitReact.MediaFile; }
+  get: function () { return hydrogenReact.MediaFile; }
 });
 Object.defineProperty(exports, 'ModelViewer', {
   enumerable: true,
-  get: function () { return storefrontKitReact.ModelViewer; }
+  get: function () { return hydrogenReact.ModelViewer; }
 });
 Object.defineProperty(exports, 'Money', {
   enumerable: true,
-  get: function () { return storefrontKitReact.Money; }
+  get: function () { return hydrogenReact.Money; }
 });
 Object.defineProperty(exports, 'ShopPayButton', {
   enumerable: true,
-  get: function () { return storefrontKitReact.ShopPayButton; }
+  get: function () { return hydrogenReact.ShopPayButton; }
 });
-Object.defineProperty(exports, 'ShopifyAppSource', {
+Object.defineProperty(exports, 'ShopifySalesChannel', {
   enumerable: true,
-  get: function () { return storefrontKitReact.ShopifyAppSource; }
+  get: function () { return hydrogenReact.ShopifySalesChannel; }
 });
 Object.defineProperty(exports, 'Video', {
   enumerable: true,
-  get: function () { return storefrontKitReact.Video; }
+  get: function () { return hydrogenReact.Video; }
 });
 Object.defineProperty(exports, 'flattenConnection', {
   enumerable: true,
-  get: function () { return storefrontKitReact.flattenConnection; }
+  get: function () { return hydrogenReact.flattenConnection; }
 });
 Object.defineProperty(exports, 'getClientBrowserParameters', {
   enumerable: true,
-  get: function () { return storefrontKitReact.getClientBrowserParameters; }
+  get: function () { return hydrogenReact.getClientBrowserParameters; }
 });
 Object.defineProperty(exports, 'getShopifyCookies', {
   enumerable: true,
-  get: function () { return storefrontKitReact.getShopifyCookies; }
+  get: function () { return hydrogenReact.getShopifyCookies; }
 });
 Object.defineProperty(exports, 'parseMetafield', {
   enumerable: true,
-  get: function () { return storefrontKitReact.parseMetafield; }
+  get: function () { return hydrogenReact.parseMetafield; }
 });
 Object.defineProperty(exports, 'sendShopifyAnalytics', {
   enumerable: true,
-  get: function () { return storefrontKitReact.sendShopifyAnalytics; }
+  get: function () { return hydrogenReact.sendShopifyAnalytics; }
 });
 Object.defineProperty(exports, 'storefrontApiCustomScalars', {
   enumerable: true,
-  get: function () { return storefrontKitReact.storefrontApiCustomScalars; }
+  get: function () { return hydrogenReact.storefrontApiCustomScalars; }
 });
 Object.defineProperty(exports, 'useMoney', {
   enumerable: true,
-  get: function () { return storefrontKitReact.useMoney; }
+  get: function () { return hydrogenReact.useMoney; }
 });
 Object.defineProperty(exports, 'useShopifyCookies', {
   enumerable: true,
-  get: function () { return storefrontKitReact.useShopifyCookies; }
+  get: function () { return hydrogenReact.useShopifyCookies; }
 });
 exports.CacheCustom = CacheCustom;
 exports.CacheLong = CacheLong;
@@ -2920,5 +2955,7 @@ exports.generateCacheControlHeader = generateCacheControlHeader;
 exports.graphiqlLoader = graphiqlLoader;
 exports.isStorefrontApiError = isStorefrontApiError;
 exports.storefrontRedirect = storefrontRedirect;
+exports.useDataFromFetchers = useDataFromFetchers;
+exports.useDataFromMatches = useDataFromMatches;
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.cjs.map