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

package/dist/development/index.js

@@ -1,8 +1,8 @@
 import { __commonJS, __toESM, logSeoTags } from './chunk-5MQMAYYE.js';
-import { createStorefrontClient as createStorefrontClient$1 } from '@shopify/storefront-kit-react';
-export { AnalyticsEventName, AnalyticsPageType, ExternalVideo, Image, MediaFile, ModelViewer, Money, ShopPayButton, ShopifyAppSource, Video, flattenConnection, getClientBrowserParameters, getShopifyCookies, parseMetafield, sendShopifyAnalytics, storefrontApiCustomScalars, useMoney, useShopifyCookies } from '@shopify/storefront-kit-react';
+import { createStorefrontClient as createStorefrontClient$1 } from '@shopify/hydrogen-react';
+export { AnalyticsEventName, AnalyticsPageType, ExternalVideo, Image, MediaFile, ModelViewer, Money, ShopPayButton, ShopifySalesChannel, Video, flattenConnection, getClientBrowserParameters, getShopifyCookies, parseMetafield, sendShopifyAnalytics, storefrontApiCustomScalars, useMoney, useShopifyCookies } from '@shopify/hydrogen-react';
 import { redirect } from '@remix-run/server-runtime';
-import { useMatches, useLocation } from '@remix-run/react';
+import { useMatches, useFetchers, useLocation } from '@remix-run/react';
 
 // ../../node_modules/react/cjs/react.development.js
 var require_react_development = __commonJS({
@@ -2119,11 +2119,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
 }) {
@@ -2216,7 +2217,7 @@ function createStorefrontClient({
       getShopifyDomain,
       getApiUrl: getStorefrontApiUrl,
       isApiError: isStorefrontApiError,
-      i18n: { pathPrefix: "", ...i18n }
+      i18n: i18n ?? defaultI18n
     }
   };
 }
@@ -2438,9 +2439,43 @@ function graphiqlLoader({ context } = {}) {
     { status: 200, headers: { "content-type": "text/html" } }
   );
 }
+function useDataFromMatches(dataKey) {
+  const matches = 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 = 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) {
@@ -2683,7 +2718,7 @@ function inferSchemaType(url) {
 }
 
 // src/seo/seo.ts
-var SeoLogger = import_react.default.lazy(() => import('./log-seo-tags-7SUOHHPI.js'));
+var SeoLogger = import_react2.default.lazy(() => import('./log-seo-tags-7SUOHHPI.js'));
 function Seo({ debug }) {
   const matches = useMatches();
   const location = useLocation();
@@ -2705,24 +2740,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) {
@@ -2754,6 +2789,6 @@ function recursivelyInvokeOrReturn(value, ...rest) {
  * LICENSE file in the root directory of this source tree.
  */
 
-export { CacheCustom, CacheLong, CacheNone, CacheShort, InMemoryCache, Seo, createStorefrontClient, generateCacheControlHeader, graphiqlLoader, isStorefrontApiError, storefrontRedirect };
+export { CacheCustom, CacheLong, CacheNone, CacheShort, InMemoryCache, Seo, createStorefrontClient, generateCacheControlHeader, graphiqlLoader, isStorefrontApiError, storefrontRedirect, useDataFromFetchers, useDataFromMatches };
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map