@kotao/storefront 0.2.9 → 0.2.11

package/dist/react.js

@@ -1,13 +1,13 @@
-import { getCartFormInput, createAnalyticsBus, collectAnalyticsAttribution, createPixelTransport } from './chunk-S4HW5NH7.js';
-export { useNonce } from './chunk-S4HW5NH7.js';
+import { getCartFormInput, createAnalyticsBus, collectAnalyticsAttribution, createPixelTransport, createContentSecurityPolicy } from './chunk-NRWS7HJ2.js';
 import { getPaginationInfo } from './chunk-5QOFKGKD.js';
-import { CART_FORM_ACTIONS, GRANTED_CONSENT, CONSENT_COOKIE, readConsentCookie, mergeConsent, buildConsentCookie } from './chunk-OGWYTYYS.js';
+import { CART_FORM_ACTIONS, DENIED_CONSENT, mergeConsent, buildConsentCookie, readConsentCookie, CONSENT_COOKIE } from './chunk-GR4QJ7EC.js';
 import { getSeoMeta, serializeJsonLd } from './chunk-SVMYFYIA.js';
 export { REACT_SEAM_CART_DOCUMENTS, createStorefrontApiCartAdapter } from './chunk-WNXI3MPM.js';
 import { resolveHydrogenEditorStyles } from './chunk-XXNCFWXT.js';
 export { StorefrontForm, StorefrontFormFields } from './chunk-VV653S52.js';
 import './chunk-IIOHENCG.js';
-import { buildImageAttrs } from './chunk-3YQXJNR7.js';
+import { buildImageAttrs } from './chunk-PWVXOMDE.js';
+import * as ReactRuntime from 'react';
 import { createContext, useState, useRef, useMemo, useEffect, useCallback, useContext, useSyncExternalStore, Children, isValidElement, cloneElement, createElement } from 'react';
 import { useFetcher } from 'react-router';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -159,9 +159,13 @@ var beaconSend = (endpoint, body) => {
   }
 };
 var AnalyticsReactContext = createContext(null);
+function nativeConsent() {
+  const api = typeof window === "undefined" ? void 0 : window.KotaoConsent;
+  return typeof api?.get === "function" && typeof api.hasDecision === "function" && typeof api.set === "function" ? api : void 0;
+}
 function AnalyticsProvider(props) {
-  const [consent, setConsentState] = useState(GRANTED_CONSENT);
-  const [decided, setDecided] = useState(true);
+  const [consent, setConsentState] = useState(DENIED_CONSENT);
+  const [decided, setDecided] = useState(false);
   const [mounted, setMounted] = useState(false);
   const consentRef = useRef(consent);
   consentRef.current = consent;
@@ -213,21 +217,24 @@ function AnalyticsProvider(props) {
   );
   useEffect(() => {
     setMounted(true);
-    const cookie = typeof document === "undefined" ? "" : document.cookie;
-    if (cookie.includes(`${CONSENT_COOKIE}=`)) {
-      const existing = readConsentCookie(cookie);
-      consentRef.current = existing;
-      setConsentState(existing);
-      setDecided(true);
-    }
+    const sync = () => {
+      const api = nativeConsent();
+      const next = api?.get() ?? readConsentCookie(document.cookie);
+      consentRef.current = next;
+      setConsentState(next);
+      setDecided(api?.hasDecision() ?? document.cookie.includes(`${CONSENT_COOKIE}=v1.`));
+    };
+    sync();
+    document.addEventListener("kotao:consent-changed", sync);
+    return () => document.removeEventListener("kotao:consent-changed", sync);
   }, []);
   const setConsent = useCallback((patch) => {
-    setConsentState((prev) => {
-      const next = mergeConsent(prev, patch);
-      consentRef.current = next;
-      if (typeof document !== "undefined") document.cookie = buildConsentCookie(next);
-      return next;
-    });
+    const next = mergeConsent(consentRef.current, patch);
+    consentRef.current = next;
+    const api = nativeConsent();
+    if (api !== void 0) api.set(next);
+    else if (typeof document !== "undefined") document.cookie = buildConsentCookie(next);
+    setConsentState(next);
     setDecided(true);
   }, []);
   useEffect(() => {
@@ -505,6 +512,28 @@ function Money({
   const text = data == null ? "" : withoutCurrency === true ? useMoney(data).withoutTrailingZerosAndCurrency : withoutTrailingZeros === true ? useMoney(data).withoutTrailingZeros : useMoney(data).localizedString;
   return /* @__PURE__ */ jsx(Component, { ...passthrough, children: text });
 }
+var NonceContext = createContext(void 0);
+function createNonceProvider(nonce) {
+  return function BoundNonceProvider(props) {
+    return createElement(NonceContext.Provider, { value: nonce }, props.children);
+  };
+}
+function useNonce() {
+  if (!hasReactDispatcher()) return void 0;
+  return useContext(NonceContext);
+}
+function hasReactDispatcher() {
+  const runtime = ReactRuntime;
+  return Boolean(
+    runtime.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE?.H ?? runtime.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED?.ReactCurrentDispatcher?.current
+  );
+}
+
+// src/react/content-security-policy.ts
+function createContentSecurityPolicy2(options = {}) {
+  const policy = createContentSecurityPolicy(options);
+  return { ...policy, NonceProvider: createNonceProvider(policy.nonce) };
+}
 function Pagination({
   connection,
   currentUrl,
@@ -1151,7 +1180,7 @@ var PAYMENT_ICON_SVGS = {
 
 // ../smart-cart/src/widgets/trust-badges.ts
 var KNOWN_KEYS = new Set(Object.keys(PAYMENT_ICON_SVGS));
-var DEFAULT_BADGES = ["visa", "mastercard", "amex", "paypal"];
+var DEFAULT_BADGES = ["visa", "mastercard", "amex"];
 function readBadges(config) {
   const raw = config.badges;
   if (!Array.isArray(raw)) return null;
@@ -2334,6 +2363,6 @@ function HydrogenEditorSlot({
   );
 }
 
-export { Analytics, AnalyticsCartView, AnalyticsCollectionView, AnalyticsProductView, AnalyticsProvider, AnalyticsSearchView, CartDrawerOverlay, CartForm, ConsentBanner, HydrogenEditorBoundary, HydrogenEditorProvider, HydrogenEditorSlot, Image, MediaFile, Money, OptimisticInput, Pagination, Seo, ShopPayButton, ThemeSettingsProvider, openSmartCart, useAnalytics, useGlobalThemeTokens, useHydrogenEditorInstance, useHydrogenEditorSlot, useMoney, useOptimisticData, useSectionSettings, useThemeSettings };
+export { Analytics, AnalyticsCartView, AnalyticsCollectionView, AnalyticsProductView, AnalyticsProvider, AnalyticsSearchView, CartDrawerOverlay, CartForm, ConsentBanner, HydrogenEditorBoundary, HydrogenEditorProvider, HydrogenEditorSlot, Image, MediaFile, Money, OptimisticInput, Pagination, Seo, ShopPayButton, ThemeSettingsProvider, createContentSecurityPolicy2 as createContentSecurityPolicy, openSmartCart, useAnalytics, useGlobalThemeTokens, useHydrogenEditorInstance, useHydrogenEditorSlot, useMoney, useNonce, useOptimisticData, useSectionSettings, useThemeSettings };
 //# sourceMappingURL=react.js.map
 //# sourceMappingURL=react.js.map