@picked/react 0.0.65-next.2 → 0.0.65-next.4

package/dist/experience/ExperienceHost.d.ts

@@ -21,5 +21,6 @@ interface ExperienceHostProps {
  * <ExperienceHost experience={experienceStore} client={client} />
  */
 declare function ExperienceHost({ experience, client }: ExperienceHostProps): React.JSX.Element | null;
-export default ExperienceHost;
+declare const MemoisedExperienceHost: React.MemoExoticComponent<typeof ExperienceHost>;
+export default MemoisedExperienceHost;
 //# sourceMappingURL=ExperienceHost.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExperienceHost.d.ts","sourceRoot":"","sources":["../../src/experience/ExperienceHost.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAsB,eAAe,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAOjF,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAA;IACpC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB;AAiBD;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,cAAc,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAyD7F;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"ExperienceHost.d.ts","sourceRoot":"","sources":["../../src/experience/ExperienceHost.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,KAAK,EAAsB,eAAe,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAOjF,UAAU,mBAAmB;IAC3B,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAA;IACpC,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CACxB;AAiBD;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,cAAc,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CAyD7F;AAED,QAAA,MAAM,sBAAsB,kDAA6B,CAAA;AAGzD,eAAe,sBAAsB,CAAA"}

package/dist/experience/ExperienceHost.js

@@ -1 +1 @@
-import{isValidAdaptedComponent as e}from"../component.js";import{ExperienceProvider as t}from"../context.js";import{useStoreGlobal as n}from"../hooks/use-store-global.js";import r,{Suspense as i,useEffect as a,useMemo as o,useRef as s}from"react";import{isLazyLoader as c,supportsWindow as l}from"@picked/client";import{createExperienceInstance as u}from"@picked/client/server";import{jsx as d}from"react/jsx-runtime";function f(e){return typeof e==`function`&&!c(e)&&!(e instanceof Promise)}function p({experience:p,client:m}){let h=s(null);h.current??=u({client:m,experience:p});let g=h.current,_=n(g.componentAndFrameworkStore),v=n(m.readyStore);a(()=>{v&&l()&&p.prepareExperienceContentFx().catch(()=>void 0)},[v,p]);let y=_?.component.component,b=y&&e(y)?y.component:void 0,x=o(()=>c(b)?r.lazy(()=>b.load()):b instanceof Promise?r.lazy(()=>b):null,[b]);return f(b)?d(t,{value:g,children:d(b,{client:m,experience:g})}):x?d(t,{value:g,children:d(i,{fallback:null,children:d(x,{client:m,experience:g})})}):null}export{p as default};
+import{isValidAdaptedComponent as e}from"../component.js";import{ExperienceProvider as t}from"../context.js";import{useStoreGlobal as n}from"../hooks/use-store-global.js";import r,{Suspense as i,useEffect as a,useMemo as o,useRef as s}from"react";import{isLazyLoader as c,supportsWindow as l}from"@picked/client";import{createExperienceInstance as u}from"@picked/client/server";import{jsx as d}from"react/jsx-runtime";function f(e){return typeof e==`function`&&!c(e)&&!(e instanceof Promise)}function p({experience:p,client:m}){let h=s(null);h.current??=u({client:m,experience:p});let g=h.current,_=n(g.componentAndFrameworkStore),v=n(m.readyStore);a(()=>{v&&l()&&p.prepareExperienceContentFx().catch(()=>void 0)},[v,p]);let y=_?.component.component,b=y&&e(y)?y.component:void 0,x=o(()=>c(b)?r.lazy(()=>b.load()):b instanceof Promise?r.lazy(()=>b):null,[b]);return f(b)?d(t,{value:g,children:d(b,{client:m,experience:g})}):x?d(t,{value:g,children:d(i,{fallback:null,children:d(x,{client:m,experience:g})})}):null}var m=r.memo(p);m.displayName=`ExperienceHost`;export{m as default};

package/dist/experience/HtmlRender.d.ts

@@ -0,0 +1,18 @@
+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 and rehydrates its Picked-tagged scripts after commit.
+ * Swap a consumer's raw `dangerouslySetInnerHTML` for this so shadow-DOM landing-page scripts run.
+ * A non-matching value or a `null` content renders nothing.
+ *
+ * @param {HtmlRenderProps} props - The component props.
+ * @returns {React.JSX.Element} The container 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,2FAA2F;AAC3F,OAAO,KAA4B,MAAM,OAAO,CAAA;AAGhD,UAAU,eAAe;IACvB,wEAAwE;IACxE,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAA;CACvB;AAED;;;;;;;;;GASG;AACH,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAahE;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,supportsWindow as i}from"@picked/client";import{jsx as a}from"react/jsx-runtime";function o({html:o}){let s=n(o)?o:null,c=s?.content??``,l=t(null);return e(()=>{let e=l.current;i()&&e&&c&&r(e)},[c]),a(`div`,{ref:l,dangerouslySetInnerHTML:{__html:c}},s?.id??``)}export{o as default};

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.65-next.2",
+  "version": "0.0.65-next.4",
   "devDependencies": {
     "@picked/client": "workspace:*",
     "@repo/eslint-config": "workspace:*",
@@ -85,7 +85,7 @@
   },
   "module": "./dist/index.js",
   "peerDependencies": {
-    "@picked/client": "0.0.65-next.2",
+    "@picked/client": "0.0.65-next.4",
     "effector": "^23.3.0",
     "react": "19.2.2",
     "react-dom": "19.2.2"