@picked/react 0.0.1-dev.1784003142683 → 0.0.1-dev.1784270162396

package/dist/experience/HtmlRender.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+interface HtmlRenderProps {
+    /** The resolved html-asset field value (for example `content.body`). */
+    readonly html: unknown;
+}
+/**
+ * Renders a resolved html-asset field's HTML inside an open shadow root and rehydrates its
+ * Picked-tagged scripts. The shadow boundary keeps the host page's CSS from bleeding into the
+ * landing-page markup and lets shadow-scoped page scripts locate their own root during rehydration. On the server
+ * the markup is emitted as a declarative shadow DOM template, a parser-only feature the browser
+ * attaches as a real shadow root while parsing the response, so content is present from first paint.
+ * On the client, the first commit adopts that parser-attached root and only rehydrates its scripts; a
+ * client-only mount or a later content change attaches and writes the shadow root imperatively
+ * instead. A non-matching value or a `null` content renders nothing.
+ *
+ * @param {HtmlRenderProps} props - The component props.
+ * @returns {React.JSX.Element} The shadow-root host element.
+ * @example
+ * <HtmlRender html={content.body} />
+ */
+declare function HtmlRender({ html }: HtmlRenderProps): React.JSX.Element;
+export default HtmlRender;
+//# sourceMappingURL=HtmlRender.d.ts.map

package/dist/experience/HtmlRender.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HtmlRender.d.ts","sourceRoot":"","sources":["../../src/experience/HtmlRender.tsx"],"names":[],"mappings":"AAAA,8GAA8G;AAC9G,OAAO,KAA4B,MAAM,OAAO,CAAA;AAQhD,UAAU,eAAe;IACvB,wEAAwE;IACxE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CACvB;AAED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgChE;AAED,eAAe,UAAU,CAAA"}

package/dist/experience/HtmlRender.js

@@ -0,0 +1 @@
+import{useEffect as e,useRef as t}from"react";import{isHtmlAssetValue as n,rehydrateScripts as r,supportsShadowRoot as i,supportsWindow as a}from"@picked/client";import{jsx as o}from"react/jsx-runtime";function s({html:s}){let c=(n(s)?s:null)?.content??``,l=t(null),u=t(!1);return e(()=>{let e=l.current;if(!i()||!e)return;let t=e.shadowRoot,n=!u.current;if(u.current=!0,t&&n){c&&r(t);return}let a=t??e.attachShadow({mode:`open`});a.innerHTML=c,c&&r(a)},[c]),a()?o(`div`,{ref:l,suppressHydrationWarning:!0}):o(`div`,{ref:l,suppressHydrationWarning:!0,dangerouslySetInnerHTML:{__html:`<template shadowrootmode="open">${c}</template>`}})}export{s as default};

package/dist/hooks/client.d.ts

@@ -1,7 +1,6 @@
 import { ExperienceInstance, Picked } from '@picked/client';
 /**
  * Retrieves the Picked Client for the Experience Instance.
- *
  * @returns The Picked client instance that provides access to experiences, steps, and other Picked functionality.
  * @example
  * const client = usePicked()
@@ -9,17 +8,9 @@ import { ExperienceInstance, Picked } from '@picked/client';
 export declare function usePicked(): Picked;
 /**
  * Retrieves the Experience Store for the current Experience Instance.
- *
- * The returned instance exposes `restart` and `isResumableStore` for SDK-native
- * resume/restart flows: call `instance.restart()` to clear this instance's history and
- * the experience's owned responses, and read `instance.isResumableStore` (via `useUnit`)
- * to render a "continue / start over" prompt once the user has progressed past the first
- * step (it stays `false` on the first step, even with a saved answer).
- *
  * @returns The Experience store instance that provides access to experience configuration and state.
  * @example
  * const experience = useExperience()
- * const canResume = useUnit(experience.isResumableStore)
  */
 export declare function useExperience(): ExperienceInstance;
 //# sourceMappingURL=client.d.ts.map

package/dist/hooks/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/hooks/client.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAGhE;;;;;;GAMG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAOlC;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,aAAa,IAAI,kBAAkB,CAOlD"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/hooks/client.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAGhE;;;;;GAKG;AACH,wBAAgB,SAAS,IAAI,MAAM,CAOlC;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,IAAI,kBAAkB,CAOlD"}

package/dist/index.d.ts

@@ -5,4 +5,5 @@ export { adaptReactComponent, isValidAdaptedComponent } from './component';
 export type * from './component';
 export { default as PickedProvider } from './experience/PickedProvider';
 export { default as ExperienceSlot } from './experience/ExperienceSlot';
+export { default as HtmlRender } from './experience/HtmlRender';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC1E,mBAAmB,aAAa,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA;AAC1E,mBAAmB,aAAa,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA"}

package/dist/index.js

@@ -1 +1 @@
-import{adaptReactComponent as e,isValidAdaptedComponent as t}from"./component.js";import n from"./experience/PickedProvider.js";import r from"./experience/ExperienceSlot.js";export{r as ExperienceSlot,n as PickedProvider,e as adaptReactComponent,t as isValidAdaptedComponent};
+import{adaptReactComponent as e,isValidAdaptedComponent as t}from"./component.js";import n from"./experience/PickedProvider.js";import r from"./experience/ExperienceSlot.js";import i from"./experience/HtmlRender.js";export{r as ExperienceSlot,i as HtmlRender,n as PickedProvider,e as adaptReactComponent,t as isValidAdaptedComponent};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picked/react",
-  "version": "0.0.1-dev.1784003142683",
+  "version": "0.0.1-dev.1784270162396",
   "devDependencies": {
     "@picked/client": "workspace:*",
     "@repo/eslint-config": "workspace:*",
@@ -85,7 +85,7 @@
   },
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.1-dev.1784003142683",
+    "@picked/client": "0.0.1-dev.1784270162396",
     "effector": "^23.3.0",
     "react": "19.2.2",
     "react-dom": "19.2.2"