@capytale/iframe-react 1.1.3 → 1.1.5

package/README.md

@@ -1,5 +1,5 @@
-# Capytale iframe React
-
-Une bibliothèque React pour intégrer une application React à la plateforme Capytale.
-
-Elle gère la communication entre l'application React et le conteneur Capytale, en utilisant des contrats metaplayer-rpc.
+# Capytale iframe React
+
+Une bibliothèque React pour intégrer une application React à la plateforme Capytale.
+
+Elle gère la communication entre l'application React et le conteneur Capytale, en utilisant des contrats metaplayer-rpc.

package/dist/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),c=require("react"),T=require("@capytale/app-agent"),b=t=>{let e;const o=new Set,s=(l,S)=>{const g=typeof l=="function"?l(e):l;if(!Object.is(g,e)){const A=e;e=S??(typeof g!="object"||g===null)?g:Object.assign({},e,g),o.forEach(p=>p(e,A))}},i=()=>e,d={setState:s,getState:i,getInitialState:()=>a,subscribe:l=>(o.add(l),()=>o.delete(l))},a=e=t(s,i,d);return d},E=t=>t?b(t):b,L=t=>t;function G(t,e=L){const o=c.useSyncExternalStore(t.subscribe,c.useCallback(()=>e(t.getState()),[t,e]),c.useCallback(()=>e(t.getInitialState()),[t,e]));return c.useDebugValue(o),o}const w=t=>{const e=E(t),o=s=>G(e,s);return Object.assign(o,e),o},D=t=>t?w(t):w,M=t=>(e,o,s)=>{const i=s.subscribe;return s.subscribe=(u,d,a)=>{let l=u;if(d){const S=(a==null?void 0:a.equalityFn)||Object.is;let g=u(s.getState());l=A=>{const p=u(A);if(!S(g,p)){const k=g;d(g=p,k)}},a!=null&&a.fireImmediately&&d(g,g)}return i(l)},t(e,o,s)},j=M,n=D()(j(t=>({ready:!1,workflow:"current",mode:"assignment",theme:"light",saveCount:0,afterSaveCount:0,isDirtyCount:0,loadedTextContent:null,loadedJsonContent:null,loadedJsonActivityContent:null,loadedJsonAssignmentContent:null,loadedJsonActivityBinaryData:null,loadedJsonAssignmentBinaryData:null,getTextContentFunction:()=>{throw console.error("getTextContentFunction is not set"),new Error("getTextContentFunction is not set")},getJsonContentFunction:()=>{throw console.error("getJsonContentFunction is not set"),new Error("getJsonContentFunction is not set")},getJsonActivityContentFunction:()=>{throw console.error("getJsonActivityContentFunction is not set"),new Error("getJsonActivityContentFunction is not set")},getJsonAssignmentContentFunction:()=>{throw console.error("getJsonAssignmentContentFunction is not set"),new Error("getJsonAssignmentContentFunction is not set")},getJsonActivitySplitContentFunction:()=>{throw console.error("getJsonActivitySplitContentFunction is not set"),new Error("getJsonActivitySplitContentFunction is not set")},getJsonAssignmentSplitContentFunction:()=>{throw console.error("getJsonAssignmentSplitContentFunction is not set"),new Error("getJsonAssignmentSplitContentFunction is not set")},sidebarActions:{},quickActions:{},activitySettings:null,setGetTextContentFunction:e=>{t({getTextContentFunction:e})},setGetJsonContentFunction:e=>{t({getJsonContentFunction:e})},setGetJsonActivityContentFunction:e=>{t({getJsonActivityContentFunction:e})},setGetJsonAssignmentContentFunction:e=>{t({getJsonAssignmentContentFunction:e})},setGetJsonActivitySplitContentFunction:e=>{t({getJsonActivitySplitContentFunction:e})},setGetJsonAssignmentSplitContentFunction:e=>{t({getJsonAssignmentSplitContentFunction:e})},setSidebarActions:e=>{t({sidebarActions:e})},setQuickActions:e=>{t({quickActions:e})},setActivitySettings:e=>{t({activitySettings:e})},incSaveCount:()=>t(e=>({saveCount:e.saveCount+1})),incDirtyCount:()=>t(e=>({isDirtyCount:e.isDirtyCount+1}))})));let h=!1;const q=["meta-player-events:1","meta-player-ui:1","mode:1","reload:1","theme:1","workflow:1","simple-content(text):1","simple-content(json):1","simple-binary-data(text):1","simple-content-eval(text):1","simple-content-eval(json):1","separate-contents(json):1","separate-dual-contents(json):1"],x={"mode:1":{setMode:t=>{n.setState({mode:t})}},"reload:1":{reloaded:t=>{console.log("Reloaded with state:",t),console.error("Not implemented yet")}},"theme:1":{setTheme:t=>{if(t===null){n.setState({theme:null});return}if(t!=="light"&&t!=="dark"){console.warn(`Invalid theme: ${t}. Expected 'light' or 'dark'.`),n.setState({theme:null});return}n.setState({theme:t})}},"workflow:1":{setWorkflow:t=>{n.setState({workflow:t})}},"simple-content(text):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getTextContentFunction(),loadContent:t=>{n.setState({loadedTextContent:t})}},"simple-content(json):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getJsonContentFunction(),loadContent:t=>{n.setState({loadedJsonContent:t})}},"simple-binary-data(text):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getTextContentFunction(),loadContent:t=>{n.setState({loadedTextContent:t})}},"simple-content-eval(text):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getTextContentFunction(),loadContent:t=>{n.setState({loadedTextContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(text)")}},"simple-content-eval(json):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getJsonContentFunction(),loadContent:t=>{n.setState({loadedJsonContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(json)")}},"simple-content-eval(json):2":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getJsonContentFunction(),loadContent:t=>{n.setState({loadedJsonContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(json)")}},"simple-content-eval(text):2":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getTextContentFunction(),loadContent:t=>{n.setState({loadedTextContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(text)")}},"separate-contents(json):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},loadContent:(t,e)=>{n.setState({loadedJsonActivityContent:t,loadedJsonAssignmentContent:e})},getActivityContent:()=>n.getState().getJsonActivityContentFunction(),getAssignmentContent:()=>n.getState().getJsonAssignmentContentFunction()},"separate-dual-contents(json):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},loadContent:({activityContent:t,assignmentContent:e,activityBinaryData:o,assignmentBinaryData:s})=>{n.setState({loadedJsonActivityContent:t,loadedJsonAssignmentContent:e,loadedJsonActivityBinaryData:o,loadedJsonAssignmentBinaryData:s})},getActivityContentAndData:()=>n.getState().getJsonActivitySplitContentFunction(),getAssignmentContentAndData:()=>n.getState().getJsonAssignmentSplitContentFunction()},"meta-player-anti-cheat:1":{lock:()=>{},unlock:()=>{}},"meta-player-ui:1":{executeAction(t){if(t.startsWith("qa")){const o=n.getState().quickActions[t];o?o():console.error(`Quick action not found: ${t}`)}else{const o=n.getState().sidebarActions[t];o?o():console.error(`Sidebar action not found: ${t}`)}},executeFileUpload(t,e){if(t.startsWith("qa")){const s=n.getState().quickActions[t];s?s(e):console.error(`Quick action not found: ${t}`)}else{const s=n.getState().sidebarActions[t];s?s(e):console.error(`Sidebar action not found: ${t}`)}},updateSettings(t){n.setState({activitySettings:t})}},"meta-player-events:1":{handleEvent(t){t==="all-loaded"&&n.setState({ready:!0})}}},C=T.getSocket();function I(t){if(h){console.warn("Contracts have already been plugged. Skipping.");return}h=!0;for(const e of t){if(!q.includes(e)){console.warn(`Contract ${e} is not implemented in Capytale. Skipping plug.`);continue}if(!(e in x)){console.warn(`Contract handler for ${e} is not defined. Skipping plug.`);continue}const o=x[e];C.plug([e],([])=>[o])}C.plugsDone();for(const e of["simple-content(text):1","simple-content(json):1","simple-binary-data(text):1","simple-content-eval(text):1","simple-content-eval(json):1","simple-content-eval(json):2","simple-content-eval(text):2"])if(console.log(`Contract ${e} is being subscribed to content changes.`),t.includes(e)){console.log(`Subscribing to content changes for contract ${e}`);const o=e.split(":")[0];C.use([o],([s])=>{n.subscribe(i=>i.isDirtyCount,()=>{var i;(i=s.i)==null||i.contentChanged(),console.log(`Content changed for contract ${o}`)})})}}const $=["meta-player-events:1","mode:1","workflow:1"];function B({children:t,contracts:e,loadOnlyWhenReady:o=!0}){const s=n(i=>i.ready);return c.useEffect(()=>{const i=[...e];for(const r of $)i.includes(r)||i.push(r);I(i)},[]),o&&!s?f.jsx("div",{className:"capy-loading-container",children:"Chargement en cours..."}):f.jsx(f.Fragment,{children:t})}const P=()=>n(t=>{if(t.mode===null)throw new Error("Mode is not set. Have you used contract 'mode'?");return t.mode}),R=()=>n(t=>{if(t.workflow===null)throw new Error("Workflow is not set. Have you used contract 'workflow'?");return t.workflow}),Q=()=>n(t=>{if(t.theme===null)throw new Error("Theme is not set. Have you used contract 'theme'?");return t.theme}),W=()=>n(t=>t.incSaveCount),O=()=>n(t=>t.incDirtyCount),N=()=>n(t=>t.loadedTextContent),H=()=>n(t=>t.loadedJsonContent),U=()=>n(t=>t.loadedJsonActivityContent),V=()=>n(t=>t.loadedJsonAssignmentContent),_=()=>n(t=>t.loadedJsonActivityBinaryData),z=()=>n(t=>t.loadedJsonAssignmentBinaryData),K=()=>()=>n.getState().loadedTextContent,X=()=>()=>n.getState().loadedJsonContent,Y=()=>()=>n.getState().loadedJsonActivityContent,Z=()=>()=>n.getState().loadedJsonAssignmentContent,tt=()=>()=>({content:n.getState().loadedJsonActivityContent,binaryData:n.getState().loadedJsonActivityBinaryData}),et=()=>()=>({content:n.getState().loadedJsonAssignmentContent,binaryData:n.getState().loadedJsonAssignmentBinaryData}),nt=t=>{const e=n(o=>o.setGetTextContentFunction);c.useEffect(()=>{e(t)},[t,e])},ot=t=>{const e=n(o=>o.setGetJsonContentFunction);c.useEffect(()=>{e(t)},[t,e])},st=t=>{const e=n(o=>o.setGetJsonActivityContentFunction);c.useEffect(()=>{e(t)},[t,e])},it=t=>{const e=n(o=>o.setGetJsonAssignmentContentFunction);c.useEffect(()=>{e(t)},[t,e])},at=t=>{const e=n(o=>o.setGetJsonActivitySplitContentFunction);c.useEffect(()=>{e(t)},[t,e])},ct=t=>{const e=n(o=>o.setGetJsonAssignmentSplitContentFunction);c.useEffect(()=>{e(t)},[t,e])},rt=t=>{const e=n(o=>o.afterSaveCount);c.useEffect(()=>{e>0&&t()},[e])},ut=()=>(t,e)=>{C.use(["meta-player-ui"],([o])=>{var s;if(o.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(s=o.i)==null||s.previewTextFile(t,e)})},lt=()=>(t,e)=>{C.use(["meta-player-ui"],([o])=>{var s;if(o.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(s=o.i)==null||s.previewImageFile(t,e)})};let v=0,J=0;const dt=(t,e)=>{const o=c.useMemo(t,e),s=n(i=>i.setSidebarActions);c.useEffect(()=>(v++,v>1&&console.error("Capytale iframe React: Multiple sidebar actions registered: ",v),()=>{v--}),[]),c.useEffect(()=>(C.use(["meta-player-ui"],([i])=>{var d;if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}J++;const r=o.map((a,l)=>({type:a.type,title:a.title,icon:a.icon,id:`sa-${J}-${l}`,...a.type==="file-upload"?{accept:a.accept}:{}})),u={};o.forEach((a,l)=>{u[`sa-${J}-${l}`]=a.action}),(d=i.i)==null||d.setSidebarActionButtons(r),s(u)}),()=>{s({}),C.use(["meta-player-ui"],([i])=>{var r;if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(r=i.i)==null||r.setSidebarActionButtons([])})}),[o])};let y=0,F=0;const gt=(t,e)=>{const o=c.useMemo(t,e),s=n(i=>i.setQuickActions);c.useEffect(()=>(y++,y>1&&console.error("Capytale iframe React: Multiple quick actions registered: ",y),()=>{y--}),[]),c.useEffect(()=>(C.use(["meta-player-ui"],([i])=>{var d;if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}F++;const r=o.map((a,l)=>({type:a.type,title:a.title,icon:a.icon,id:`qa-${F}-${l}`,...a.type==="file-upload"?{accept:a.accept}:{}})),u={};o.forEach((a,l)=>{u[`qa-${F}-${l}`]=a.action}),(d=i.i)==null||d.setQuickActionButtons(r),s(u)}),()=>{s({}),C.use(["meta-player-ui"],([i])=>{var r;if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(r=i.i)==null||r.setQuickActionButtons([])})}),[o])};let m=0;const Ct=(t,e)=>{const o=c.useMemo(t,e),s=n(u=>u.setActivitySettings),i=n(u=>u.activitySettings),r=c.useRef("");return c.useEffect(()=>(console.log("Mounting useSettings"),m++,m>1&&console.error("Capytale iframe React: Multiple settings registered: ",m),()=>{m--}),[]),c.useEffect(()=>{const u=JSON.stringify(o);if(u!==r.current)return r.current=u,C.use(["meta-player-ui"],([d])=>{var a;if(d.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}console.log("Updating settings UI in MetaPlayer",o),(a=d.i)==null||a.setSettingsUI(o)}),()=>{s(null)}},[o]),i},St=()=>e=>{C.use(["meta-player-ui"],([o])=>{var s;if(o.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}(s=o.i)==null||s.showToast(e)})};exports.Capytale=B;exports.useAfterSaveAction=rt;exports.useGetLoadedJsonActivityContent=Y;exports.useGetLoadedJsonActivitySplitContent=tt;exports.useGetLoadedJsonAssignmentContent=Z;exports.useGetLoadedJsonAssignmentSplitContent=et;exports.useGetLoadedJsonContent=X;exports.useGetLoadedTextContent=K;exports.useJsonActivityContentSaveFunction=st;exports.useJsonActivitySplitContentSaveFunction=at;exports.useJsonAssignmentContentSaveFunction=it;exports.useJsonAssignmentSplitContentSaveFunction=ct;exports.useJsonContentSaveFunction=ot;exports.useLoadedJsonActivityBinaryData=_;exports.useLoadedJsonActivityContent=U;exports.useLoadedJsonAssignmentBinaryData=z;exports.useLoadedJsonAssignmentContent=V;exports.useLoadedJsonContent=H;exports.useLoadedTextContent=N;exports.useMode=P;exports.useNotifyIsDirty=O;exports.usePreviewImageFile=lt;exports.usePreviewTextFile=ut;exports.useQuickActions=gt;exports.useRequestSave=W;exports.useSettings=Ct;exports.useShowToast=St;exports.useSidebarActions=dt;exports.useTextContentSaveFunction=nt;exports.useTheme=Q;exports.useWorkflow=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),a=require("react"),L=require("@capytale/app-agent"),b=t=>{let e;const o=new Set,s=(C,S)=>{const d=typeof C=="function"?C(e):C;if(!Object.is(d,e)){const A=e;e=S??(typeof d!="object"||d===null)?d:Object.assign({},e,d),o.forEach(f=>f(e,A))}},i=()=>e,c={setState:s,getState:i,getInitialState:()=>u,subscribe:C=>(o.add(C),()=>o.delete(C))},u=e=t(s,i,c);return c},G=t=>t?b(t):b,D=t=>t;function M(t,e=D){const o=a.useSyncExternalStore(t.subscribe,a.useCallback(()=>e(t.getState()),[t,e]),a.useCallback(()=>e(t.getInitialState()),[t,e]));return a.useDebugValue(o),o}const w=t=>{const e=G(t),o=s=>M(e,s);return Object.assign(o,e),o},x=t=>t?w(t):w,j=t=>(e,o,s)=>{const i=s.subscribe;return s.subscribe=(l,c,u)=>{let C=l;if(c){const S=u?.equalityFn||Object.is;let d=l(s.getState());C=A=>{const f=l(A);if(!S(d,f)){const E=d;c(d=f,E)}},u?.fireImmediately&&c(d,d)}return i(C)},t(e,o,s)},I=j,n=x()(I(t=>({ready:!1,workflow:"current",mode:"assignment",theme:"light",saveCount:0,afterSaveCount:0,isDirtyCount:0,loadedTextContent:null,loadedJsonContent:null,loadedJsonActivityContent:null,loadedJsonAssignmentContent:null,loadedJsonActivityBinaryData:null,loadedJsonAssignmentBinaryData:null,getTextContentFunction:()=>{throw console.error("getTextContentFunction is not set"),new Error("getTextContentFunction is not set")},getJsonContentFunction:()=>{throw console.error("getJsonContentFunction is not set"),new Error("getJsonContentFunction is not set")},getJsonActivityContentFunction:()=>{throw console.error("getJsonActivityContentFunction is not set"),new Error("getJsonActivityContentFunction is not set")},getJsonAssignmentContentFunction:()=>{throw console.error("getJsonAssignmentContentFunction is not set"),new Error("getJsonAssignmentContentFunction is not set")},getJsonActivitySplitContentFunction:()=>{throw console.error("getJsonActivitySplitContentFunction is not set"),new Error("getJsonActivitySplitContentFunction is not set")},getJsonAssignmentSplitContentFunction:()=>{throw console.error("getJsonAssignmentSplitContentFunction is not set"),new Error("getJsonAssignmentSplitContentFunction is not set")},sidebarActions:{},quickActions:{},activitySettingsCallback:null,setGetTextContentFunction:e=>{t({getTextContentFunction:e})},setGetJsonContentFunction:e=>{t({getJsonContentFunction:e})},setGetJsonActivityContentFunction:e=>{t({getJsonActivityContentFunction:e})},setGetJsonAssignmentContentFunction:e=>{t({getJsonAssignmentContentFunction:e})},setGetJsonActivitySplitContentFunction:e=>{t({getJsonActivitySplitContentFunction:e})},setGetJsonAssignmentSplitContentFunction:e=>{t({getJsonAssignmentSplitContentFunction:e})},setSidebarActions:e=>{t({sidebarActions:e})},setQuickActions:e=>{t({quickActions:e})},setActivitySettingsCallback:e=>{t({activitySettingsCallback:e})},incSaveCount:()=>t(e=>({saveCount:e.saveCount+1})),incDirtyCount:()=>t(e=>({isDirtyCount:e.isDirtyCount+1}))})));let h=!1;const q=["meta-player-events:1","meta-player-ui:1","mode:1","reload:1","theme:1","workflow:1","simple-content(text):1","simple-content(json):1","simple-binary-data(text):1","simple-content-eval(text):1","simple-content-eval(json):1","separate-contents(json):1","separate-dual-contents(json):1"],k={"mode:1":{setMode:t=>{n.setState({mode:t})}},"reload:1":{reloaded:t=>{console.log("Reloaded with state:",t),console.error("Not implemented yet")}},"theme:1":{setTheme:t=>{if(t===null){n.setState({theme:null});return}if(t!=="light"&&t!=="dark"){console.warn(`Invalid theme: ${t}. Expected 'light' or 'dark'.`),n.setState({theme:null});return}n.setState({theme:t})}},"workflow:1":{setWorkflow:t=>{n.setState({workflow:t})}},"simple-content(text):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getTextContentFunction(),loadContent:t=>{n.setState({loadedTextContent:t})}},"simple-content(json):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getJsonContentFunction(),loadContent:t=>{n.setState({loadedJsonContent:t})}},"simple-binary-data(text):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getTextContentFunction(),loadContent:t=>{n.setState({loadedTextContent:t})}},"simple-content-eval(text):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getTextContentFunction(),loadContent:t=>{n.setState({loadedTextContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(text)")}},"simple-content-eval(json):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getJsonContentFunction(),loadContent:t=>{n.setState({loadedJsonContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(json)")}},"simple-content-eval(json):2":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getJsonContentFunction(),loadContent:t=>{n.setState({loadedJsonContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(json)")}},"simple-content-eval(text):2":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},getContent:()=>n.getState().getTextContentFunction(),loadContent:t=>{n.setState({loadedTextContent:t})},getAssignmentContent:()=>{throw new Error("getAssignmentContent is not implemented for simple-content-eval(text)")}},"separate-contents(json):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},loadContent:(t,e)=>{n.setState({loadedJsonActivityContent:t,loadedJsonAssignmentContent:e})},getActivityContent:()=>n.getState().getJsonActivityContentFunction(),getAssignmentContent:()=>n.getState().getJsonAssignmentContentFunction()},"separate-dual-contents(json):1":{contentSaved:()=>{n.setState(t=>({afterSaveCount:t.afterSaveCount+1}))},loadContent:({activityContent:t,assignmentContent:e,activityBinaryData:o,assignmentBinaryData:s})=>{n.setState({loadedJsonActivityContent:t,loadedJsonAssignmentContent:e,loadedJsonActivityBinaryData:o,loadedJsonAssignmentBinaryData:s})},getActivityContentAndData:()=>n.getState().getJsonActivitySplitContentFunction(),getAssignmentContentAndData:()=>n.getState().getJsonAssignmentSplitContentFunction()},"meta-player-anti-cheat:1":{lock:()=>{},unlock:()=>{}},"meta-player-ui:1":{executeAction(t){if(t.startsWith("qa")){const o=n.getState().quickActions[t];o?o():console.error(`Quick action not found: ${t}`)}else{const o=n.getState().sidebarActions[t];o?o():console.error(`Sidebar action not found: ${t}`)}},executeFileUpload(t,e){if(t.startsWith("qa")){const s=n.getState().quickActions[t];s?s(e):console.error(`Quick action not found: ${t}`)}else{const s=n.getState().sidebarActions[t];s?s(e):console.error(`Sidebar action not found: ${t}`)}},updateSettings(t){const e=n.getState().activitySettingsCallback;e?e(t):console.warn("activitySettingsCallback is not set. Changes:",t)}},"meta-player-events:1":{handleEvent(t){t==="all-loaded"&&n.setState({ready:!0})}}},g=L.getSocket();function $(t){if(h){console.warn("Contracts have already been plugged. Skipping.");return}h=!0;for(const e of t){if(!q.includes(e)){console.warn(`Contract ${e} is not implemented in Capytale. Skipping plug.`);continue}if(!(e in k)){console.warn(`Contract handler for ${e} is not defined. Skipping plug.`);continue}const o=k[e];g.plug([e],([])=>[o])}g.plugsDone();for(const e of["simple-content(text):1","simple-content(json):1","simple-binary-data(text):1","simple-content-eval(text):1","simple-content-eval(json):1","simple-content-eval(json):2","simple-content-eval(text):2"])if(console.log(`Contract ${e} is being subscribed to content changes.`),t.includes(e)){console.log(`Subscribing to content changes for contract ${e}`);const o=e.split(":")[0];g.use([o],([s])=>{n.subscribe(i=>i.isDirtyCount,()=>{s.i?.contentChanged(),console.log(`Content changed for contract ${o}`)})})}}const B=()=>n(t=>{if(t.mode===null)throw new Error("Mode is not set. Have you used contract 'mode'?");return t.mode}),P=()=>n(t=>{if(t.workflow===null)throw new Error("Workflow is not set. Have you used contract 'workflow'?");return t.workflow}),R=()=>n(t=>{if(t.theme===null)throw new Error("Theme is not set. Have you used contract 'theme'?");return t.theme}),O=()=>n(t=>t.incSaveCount),W=()=>n(t=>t.incDirtyCount),Q=()=>n(t=>t.loadedTextContent),V=()=>n(t=>t.loadedJsonContent),N=()=>n(t=>t.loadedJsonActivityContent),U=()=>n(t=>t.loadedJsonAssignmentContent),H=()=>n(t=>t.loadedJsonActivityBinaryData),_=()=>n(t=>t.loadedJsonAssignmentBinaryData),z=()=>a.useCallback(()=>n.getState().loadedTextContent,[]),K=()=>a.useCallback(()=>n.getState().loadedJsonContent,[]),X=()=>a.useCallback(()=>n.getState().loadedJsonActivityContent,[]),Y=()=>a.useCallback(()=>n.getState().loadedJsonAssignmentContent,[]),Z=()=>a.useCallback(()=>({content:n.getState().loadedJsonActivityContent,binaryData:n.getState().loadedJsonActivityBinaryData}),[]),tt=()=>a.useCallback(()=>({content:n.getState().loadedJsonAssignmentContent,binaryData:n.getState().loadedJsonAssignmentBinaryData}),[]),et=t=>{const e=n(o=>o.setGetTextContentFunction);a.useEffect(()=>{e(t)},[t,e])},nt=t=>{const e=n(o=>o.setGetJsonContentFunction);a.useEffect(()=>{e(t)},[t,e])},ot=t=>{const e=n(o=>o.setGetJsonActivityContentFunction);a.useEffect(()=>{e(t)},[t,e])},st=t=>{const e=n(o=>o.setGetJsonAssignmentContentFunction);a.useEffect(()=>{e(t)},[t,e])},it=t=>{const e=n(o=>o.setGetJsonActivitySplitContentFunction);a.useEffect(()=>{e(t)},[t,e])},at=t=>{const e=n(o=>o.setGetJsonAssignmentSplitContentFunction);a.useEffect(()=>{e(t)},[t,e])},ct=t=>{const e=n(o=>o.afterSaveCount);a.useEffect(()=>{e>0&&t()},[e])},rt=()=>(t,e)=>{g.use(["meta-player-ui"],([o])=>{if(o.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}o.i?.previewTextFile(t,e)})},ut=()=>(t,e)=>{g.use(["meta-player-ui"],([o])=>{if(o.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}o.i?.previewImageFile(t,e)})};let v=0,J=0;const lt=(t,e)=>{const o=a.useMemo(t,e),s=n(i=>i.setSidebarActions);a.useEffect(()=>(v++,v>1&&console.error("Capytale iframe React: Multiple sidebar actions registered: ",v),()=>{v--}),[]),a.useEffect(()=>(g.use(["meta-player-ui"],([i])=>{if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}J++;const r=o.map((c,u)=>({type:c.type,title:c.title,icon:c.icon,id:`sa-${J}-${u}`,...c.type==="file-upload"?{accept:c.accept}:{}})),l={};o.forEach((c,u)=>{l[`sa-${J}-${u}`]=c.action}),i.i?.setSidebarActionButtons(r),s(l)}),()=>{s({}),g.use(["meta-player-ui"],([i])=>{if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}i.i?.setSidebarActionButtons([])})}),[o])};let y=0,F=0;const dt=(t,e)=>{const o=a.useMemo(t,e),s=n(i=>i.setQuickActions);a.useEffect(()=>(y++,y>1&&console.error("Capytale iframe React: Multiple quick actions registered: ",y),()=>{y--}),[]),a.useEffect(()=>(g.use(["meta-player-ui"],([i])=>{if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}F++;const r=o.map((c,u)=>({type:c.type,title:c.title,icon:c.icon,id:`qa-${F}-${u}`,...c.type==="file-upload"?{accept:c.accept}:{}})),l={};o.forEach((c,u)=>{l[`qa-${F}-${u}`]=c.action}),i.i?.setQuickActionButtons(r),s(l)}),()=>{s({}),g.use(["meta-player-ui"],([i])=>{if(i.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}i.i?.setQuickActionButtons([])})}),[o])};let m=0;const T=(t,e,o)=>{const s=a.useMemo(t,o),i=n(r=>r.setActivitySettingsCallback);a.useEffect(()=>(console.log("Mounting useSettings"),m++,m>1&&console.error("Capytale iframe React: Multiple settings registered: ",m),()=>{console.log("Unmounting useSettings"),m--}),[]),a.useEffect(()=>(g.use(["meta-player-ui"],([r])=>{if(r.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}console.log("Updating settings UI in MetaPlayer",s),r.i?.setSettingsUI(s)}),i(e),()=>{i(null)}),[s])},gt=()=>e=>{g.use(["meta-player-ui"],([o])=>{if(o.version===0){console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");return}o.i?.showToast(e)})};function Ct(t){const e={};for(const o of t.fields)e[o.name]=o.defaultValue;return e}function St(t){return{[t.name]:t.defaultValues}}function ft(t){return{[t.name]:t.defaultValue}}function pt(t){switch(t.type){case"form":return Ct(t);case"checkboxes":case"switches":return St(t);case"radio":return ft(t);default:return{}}}function vt(t){const e={};for(const o of t)Object.assign(e,pt(o));return e}function yt(t){const o=x()(s=>({...vt(t)}));return o.activitySettings=t,o}function mt(t){T(()=>t.activitySettings,e=>{t.setState(e)},[])}function At({store:t}){return mt(t),null}const Jt=["meta-player-events:1","mode:1","workflow:1"];function Ft({children:t,contracts:e,loadOnlyWhenReady:o=!0,activitySettingsStore:s}){const i=n(r=>r.ready);return a.useEffect(()=>{const r=[...e];for(const l of Jt)r.includes(l)||r.push(l);$(r)},[]),o&&!i?p.jsx("div",{className:"capy-loading-container",children:"Chargement en cours..."}):p.jsxs(p.Fragment,{children:[s&&p.jsx(At,{store:s}),t]})}exports.Capytale=Ft;exports.createActivitySettingsStore=yt;exports.useAfterSaveAction=ct;exports.useGetLoadedJsonActivityContent=X;exports.useGetLoadedJsonActivitySplitContent=Z;exports.useGetLoadedJsonAssignmentContent=Y;exports.useGetLoadedJsonAssignmentSplitContent=tt;exports.useGetLoadedJsonContent=K;exports.useGetLoadedTextContent=z;exports.useJsonActivityContentSaveFunction=ot;exports.useJsonActivitySplitContentSaveFunction=it;exports.useJsonAssignmentContentSaveFunction=st;exports.useJsonAssignmentSplitContentSaveFunction=at;exports.useJsonContentSaveFunction=nt;exports.useLoadedJsonActivityBinaryData=H;exports.useLoadedJsonActivityContent=N;exports.useLoadedJsonAssignmentBinaryData=_;exports.useLoadedJsonAssignmentContent=U;exports.useLoadedJsonContent=V;exports.useLoadedTextContent=Q;exports.useMode=B;exports.useNotifyIsDirty=W;exports.usePreviewImageFile=ut;exports.usePreviewTextFile=rt;exports.useQuickActions=dt;exports.useRequestSave=O;exports.useSettings=T;exports.useShowToast=gt;exports.useSidebarActions=lt;exports.useTextContentSaveFunction=et;exports.useTheme=R;exports.useWorkflow=P;

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import { CapytaleContracts } from '@capytale/contracts';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { PropsWithChildren } from 'react';
+import { StoreApi } from 'zustand';
 
 export declare type Action = {
     type: "action";
@@ -15,46 +16,48 @@ export declare type Action = {
     action: (file: File) => any;
 };
 
-declare type ActivitySettings = {
-    [id: string]: ActivitySettingsSection;
-};
+export declare type ActivitySettings = ActivitySettingsSection[];
 
 declare type ActivitySettingsFormSection = {
     type: "form";
-    fields: {
-        [name: string]: (ActivitySettingsRange | ActivitySettingsInput | ActivitySettingsTextArea | ActivitySettingsOption | ActivitySettingsSelect) & {
-            label: string;
-        };
-    };
+    fields: FormField[];
 };
 
 declare type ActivitySettingsInput = {
     type: "input";
-    inputType: "color" | "date" | "datetime-local" | "email" | "month" | "number" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
-    value: string | number;
+    inputType: "color" | "date" | "datetime-local" | "email" | "month" | "password" | "search" | "tel" | "text" | "time" | "url" | "week";
+    defaultValue: string;
 };
 
 declare type ActivitySettingsMultipleOptionsSection = {
+    name: string;
     type: "checkboxes" | "switches";
     options: {
         label: string;
-        name: string;
+        value: string;
     }[];
-    selectedOptionNames: string[];
+    defaultValues: string[];
+};
+
+declare type ActivitySettingsNumberInput = {
+    type: "input";
+    inputType: "number";
+    defaultValue: number;
 };
 
 declare type ActivitySettingsOption = {
     type: "checkbox" | "switch";
-    value: boolean;
+    defaultValue: boolean;
 };
 
 declare type ActivitySettingsRadioOptionsSection = {
+    name: string;
     type: "radio";
     options: {
         label: string;
-        name: string;
+        value: string;
     }[];
-    selectedOptionName: string | null;
+    defaultValue: string | null;
 };
 
 declare type ActivitySettingsRange = {
@@ -62,7 +65,7 @@ declare type ActivitySettingsRange = {
     min: number;
     max: number;
     step?: number;
-    value: number;
+    defaultValue: number;
 };
 
 declare type ActivitySettingsSection = (ActivitySettingsMultipleOptionsSection | ActivitySettingsRadioOptionsSection | ActivitySettingsFormSection) & {
@@ -73,14 +76,14 @@ declare type ActivitySettingsSelect = {
     type: "select";
     options: {
         label: string;
-        name: string;
+        value: string;
     }[];
-    selectedOptionName: string;
+    defaultValue: string;
 };
 
 declare type ActivitySettingsTextArea = {
     type: "textarea";
-    value: string;
+    defaultValue: string;
 };
 
 declare type AddId<C, I extends {
@@ -112,11 +115,12 @@ declare type AllContractNames = keyof AllContracts;
 
 declare type AllContracts = CapytaleContracts & CustomContracts;
 
-export declare function Capytale({ children, contracts, loadOnlyWhenReady, }: PropsWithChildren<CapytaleProps>): JSX_2.Element;
+export declare function Capytale<T extends ActivitySettings>({ children, contracts, loadOnlyWhenReady, activitySettingsStore, }: PropsWithChildren<CapytaleProps<T>>): JSX_2.Element;
 
-declare type CapytaleProps = {
+declare type CapytaleProps<T extends ActivitySettings> = {
     contracts: ContractNamesExceptForced[];
     loadOnlyWhenReady?: boolean;
+    activitySettingsStore?: ReturnType<typeof createActivitySettingsStore<T>>;
 };
 
 /**
@@ -131,6 +135,13 @@ declare type CollectionOf<T extends {
 
 declare type ContractNamesExceptForced = Exclude<AllContractNames, ForcedContactNames>;
 
+export declare function createActivitySettingsStore<T extends ActivitySettings>(as: T): {
+    (): InferValue<T>;
+    <U>(selector: (state: InferValue<T>) => U): U;
+} & StoreApi<InferValue<T>> & {
+    activitySettings: T;
+};
+
 declare type CustomContracts = CollectionOf<[
 AddIdData<MetaPlayerAntiCheatV1, {
     name: "meta-player-anti-cheat";
@@ -139,6 +150,11 @@ AddIdData<MetaPlayerAntiCheatV1, {
 
 declare type ForcedContactNames = "meta-player-events:1" | "mode:1" | "workflow:1";
 
+declare type FormField = (ActivitySettingsRange | ActivitySettingsInput | ActivitySettingsNumberInput | ActivitySettingsTextArea | ActivitySettingsOption | ActivitySettingsSelect) & {
+    label: string;
+    name: string;
+};
+
 declare type IdContractTuple<T extends {
     name: string;
     version: number;
@@ -162,6 +178,47 @@ declare type Indexed<L extends [string, unknown]> = {
     [I in L[0]]: Extract<L, [I, any]>[1];
 };
 
+declare type InferFieldType<T> = T extends {
+    type: "checkboxes" | "switches";
+    options: readonly {
+        value: infer V;
+    }[];
+} ? V[] : T extends {
+    type: "radio";
+    options: readonly {
+        value: infer V;
+    }[];
+} ? V | null : T extends {
+    type: "select";
+    options: readonly {
+        value: infer V;
+    }[];
+} ? V : T extends {
+    type: "input";
+    inputType: "number";
+} ? number : T extends {
+    type: "input" | "textarea";
+} ? string : T extends {
+    type: "range";
+} ? number : T extends {
+    type: "checkbox" | "switch";
+} ? boolean : never;
+
+export declare type InferValue<T> = T extends readonly (infer Section)[] ? UnionToIntersection<Section extends {
+    type: "form";
+    fields: infer F extends readonly any[];
+} ? UnionToIntersection<{
+    [K in keyof F]: F[K] extends {
+        name: infer N extends string;
+    } ? {
+        [P in N]: InferFieldType<F[K]>;
+    } : never;
+}[number]> : Section extends {
+    name: infer N extends string;
+} ? {
+    [P in N]: InferFieldType<Section>;
+} : never> : never;
+
 declare type MetaPlayerAntiCheatV1 = {
     version: 1;
     /**
@@ -207,6 +264,8 @@ declare type MPToastMessage = {
     life?: number;
 };
 
+declare type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+
 export declare const useAfterSaveAction: (fn: () => any) => void;
 
 export declare const useGetLoadedJsonActivityContent: () => () => any;
@@ -261,7 +320,7 @@ export declare const useQuickActions: (actionsFn: () => Action[], deps: readonly
 
 export declare const useRequestSave: () => () => void;
 
-export declare const useSettings: (settingsUiFn: () => (ActivitySettings | null), deps: readonly unknown[]) => ActivitySettings | null;
+export declare const useSettings: <T extends ActivitySettings>(settingsUiFn: () => T | null, callback: (changes: Partial<InferValue<T>>) => void, deps: readonly unknown[]) => void;
 
 export declare const useShowToast: () => (message: MPToastMessage) => void;
 

package/dist/index.es.js

@@ -1,47 +1,47 @@
-import { jsx as w, Fragment as E } from "react/jsx-runtime";
-import m, { useEffect as d, useMemo as b, useRef as G } from "react";
-import { getSocket as j } from "@capytale/app-agent";
-const h = (t) => {
+import { jsx as h, jsxs as j, Fragment as M } from "react/jsx-runtime";
+import v, { useCallback as S, useEffect as l, useMemo as w } from "react";
+import { getSocket as I } from "@capytale/app-agent";
+const k = (t) => {
   let e;
-  const o = /* @__PURE__ */ new Set(), s = (l, S) => {
-    const g = typeof l == "function" ? l(e) : l;
-    if (!Object.is(g, e)) {
-      const f = e;
-      e = S ?? (typeof g != "object" || g === null) ? g : Object.assign({}, e, g), o.forEach((p) => p(e, f));
+  const o = /* @__PURE__ */ new Set(), s = (C, p) => {
+    const d = typeof C == "function" ? C(e) : C;
+    if (!Object.is(d, e)) {
+      const J = e;
+      e = p ?? (typeof d != "object" || d === null) ? d : Object.assign({}, e, d), o.forEach((m) => m(e, J));
     }
-  }, i = () => e, u = { setState: s, getState: i, getInitialState: () => a, subscribe: (l) => (o.add(l), () => o.delete(l)) }, a = e = t(s, i, u);
-  return u;
-}, M = (t) => t ? h(t) : h, L = (t) => t;
-function $(t, e = L) {
-  const o = m.useSyncExternalStore(
+  }, i = () => e, a = { setState: s, getState: i, getInitialState: () => r, subscribe: (C) => (o.add(C), () => o.delete(C)) }, r = e = t(s, i, a);
+  return a;
+}, L = (t) => t ? k(t) : k, $ = (t) => t;
+function q(t, e = $) {
+  const o = v.useSyncExternalStore(
     t.subscribe,
-    m.useCallback(() => e(t.getState()), [t, e]),
-    m.useCallback(() => e(t.getInitialState()), [t, e])
+    v.useCallback(() => e(t.getState()), [t, e]),
+    v.useCallback(() => e(t.getInitialState()), [t, e])
   );
-  return m.useDebugValue(o), o;
+  return v.useDebugValue(o), o;
 }
 const x = (t) => {
-  const e = M(t), o = (s) => $(e, s);
+  const e = L(t), o = (s) => q(e, s);
   return Object.assign(o, e), o;
-}, q = (t) => t ? x(t) : x, I = (t) => (e, o, s) => {
+}, E = (t) => t ? x(t) : x, B = (t) => (e, o, s) => {
   const i = s.subscribe;
-  return s.subscribe = (r, u, a) => {
-    let l = r;
-    if (u) {
-      const S = (a == null ? void 0 : a.equalityFn) || Object.is;
-      let g = r(s.getState());
-      l = (f) => {
-        const p = r(f);
-        if (!S(g, p)) {
-          const D = g;
-          u(g = p, D);
+  return s.subscribe = (u, a, r) => {
+    let C = u;
+    if (a) {
+      const p = r?.equalityFn || Object.is;
+      let d = u(s.getState());
+      C = (J) => {
+        const m = u(J);
+        if (!p(d, m)) {
+          const G = d;
+          a(d = m, G);
         }
-      }, a != null && a.fireImmediately && u(g, g);
+      }, r?.fireImmediately && a(d, d);
     }
-    return i(l);
+    return i(C);
   }, t(e, o, s);
-}, B = I, n = q()(
-  B((t) => ({
+}, P = B, n = E()(
+  P((t) => ({
     ready: !1,
     workflow: "current",
     mode: "assignment",
@@ -75,7 +75,7 @@ const x = (t) => {
     },
     sidebarActions: {},
     quickActions: {},
-    activitySettings: null,
+    activitySettingsCallback: null,
     setGetTextContentFunction: (e) => {
       t({ getTextContentFunction: e });
     },
@@ -100,8 +100,8 @@ const x = (t) => {
     setQuickActions: (e) => {
       t({ quickActions: e });
     },
-    setActivitySettings: (e) => {
-      t({ activitySettings: e });
+    setActivitySettingsCallback: (e) => {
+      t({ activitySettingsCallback: e });
     },
     incSaveCount: () => t((e) => ({
       saveCount: e.saveCount + 1
@@ -109,8 +109,8 @@ const x = (t) => {
     incDirtyCount: () => t((e) => ({ isDirtyCount: e.isDirtyCount + 1 }))
   }))
 );
-let k = !1;
-const P = [
+let T = !1;
+const R = [
   "meta-player-events:1",
   "meta-player-ui:1",
   "mode:1",
@@ -124,7 +124,7 @@ const P = [
   "simple-content-eval(json):1",
   "separate-contents(json):1",
   "separate-dual-contents(json):1"
-], T = {
+], D = {
   "mode:1": {
     setMode: (t) => {
       n.setState({ mode: t });
@@ -313,7 +313,11 @@ const P = [
       }
     },
     updateSettings(t) {
-      n.setState({ activitySettings: t });
+      const e = n.getState().activitySettingsCallback;
+      e ? e(t) : console.warn(
+        "activitySettingsCallback is not set. Changes:",
+        t
+      );
     }
   },
   "meta-player-events:1": {
@@ -321,30 +325,30 @@ const P = [
       t === "all-loaded" && n.setState({ ready: !0 });
     }
   }
-}, C = j();
-function R(t) {
-  if (k) {
+}, g = I();
+function O(t) {
+  if (T) {
     console.warn("Contracts have already been plugged. Skipping.");
     return;
   }
-  k = !0;
+  T = !0;
   for (const e of t) {
-    if (!P.includes(e)) {
+    if (!R.includes(e)) {
       console.warn(
         `Contract ${e} is not implemented in Capytale. Skipping plug.`
       );
       continue;
     }
-    if (!(e in T)) {
+    if (!(e in D)) {
       console.warn(
         `Contract handler for ${e} is not defined. Skipping plug.`
       );
       continue;
     }
-    const o = T[e];
-    C.plug([e], ([]) => [o]);
+    const o = D[e];
+    g.plug([e], ([]) => [o]);
   }
-  C.plugsDone();
+  g.plugsDone();
   for (const e of [
     "simple-content(text):1",
     "simple-content(json):1",
@@ -357,12 +361,11 @@ function R(t) {
     if (console.log(`Contract ${e} is being subscribed to content changes.`), t.includes(e)) {
       console.log(`Subscribing to content changes for contract ${e}`);
       const o = e.split(":")[0];
-      C.use([o], ([s]) => {
+      g.use([o], ([s]) => {
         n.subscribe(
           (i) => i.isDirtyCount,
           () => {
-            var i;
-            (i = s.i) == null || i.contentChanged(), console.log(
+            s.i?.contentChanged(), console.log(
               `Content changed for contract ${o}`
             );
           }
@@ -370,233 +373,314 @@ function R(t) {
       });
     }
 }
-const Q = [
-  "meta-player-events:1",
-  "mode:1",
-  "workflow:1"
-];
-function H({
-  children: t,
-  contracts: e,
-  loadOnlyWhenReady: o = !0
-}) {
-  const s = n((i) => i.ready);
-  return d(() => {
-    const i = [...e];
-    for (const c of Q)
-      i.includes(c) || i.push(c);
-    R(i);
-  }, []), o && !s ? /* @__PURE__ */ w("div", { className: "capy-loading-container", children: "Chargement en cours..." }) : /* @__PURE__ */ w(E, { children: t });
-}
-const U = () => n((t) => {
+const tt = () => n((t) => {
   if (t.mode === null)
     throw new Error("Mode is not set. Have you used contract 'mode'?");
   return t.mode;
-}), V = () => n((t) => {
+}), et = () => n((t) => {
   if (t.workflow === null)
-    throw new Error("Workflow is not set. Have you used contract 'workflow'?");
+    throw new Error(
+      "Workflow is not set. Have you used contract 'workflow'?"
+    );
   return t.workflow;
-}), _ = () => n((t) => {
+}), nt = () => n((t) => {
   if (t.theme === null)
     throw new Error("Theme is not set. Have you used contract 'theme'?");
   return t.theme;
-}), z = () => n((t) => t.incSaveCount), K = () => n((t) => t.incDirtyCount), X = () => n((t) => t.loadedTextContent), Y = () => n((t) => t.loadedJsonContent), Z = () => n((t) => t.loadedJsonActivityContent), tt = () => n((t) => t.loadedJsonAssignmentContent), et = () => n((t) => t.loadedJsonActivityBinaryData), nt = () => n((t) => t.loadedJsonAssignmentBinaryData), ot = () => () => n.getState().loadedTextContent, st = () => () => n.getState().loadedJsonContent, it = () => () => n.getState().loadedJsonActivityContent, at = () => () => n.getState().loadedJsonAssignmentContent, ct = () => () => ({
-  content: n.getState().loadedJsonActivityContent,
-  binaryData: n.getState().loadedJsonActivityBinaryData
-}), rt = () => () => ({
-  content: n.getState().loadedJsonAssignmentContent,
-  binaryData: n.getState().loadedJsonAssignmentBinaryData
-}), lt = (t) => {
+}), ot = () => n((t) => t.incSaveCount), st = () => n((t) => t.incDirtyCount), it = () => n((t) => t.loadedTextContent), at = () => n((t) => t.loadedJsonContent), ct = () => n((t) => t.loadedJsonActivityContent), rt = () => n((t) => t.loadedJsonAssignmentContent), lt = () => n((t) => t.loadedJsonActivityBinaryData), ut = () => n((t) => t.loadedJsonAssignmentBinaryData), dt = () => S(() => n.getState().loadedTextContent, []), gt = () => S(() => n.getState().loadedJsonContent, []), Ct = () => S(() => n.getState().loadedJsonActivityContent, []), St = () => S(() => n.getState().loadedJsonAssignmentContent, []), pt = () => S(
+  () => ({
+    content: n.getState().loadedJsonActivityContent,
+    binaryData: n.getState().loadedJsonActivityBinaryData
+  }),
+  []
+), mt = () => S(
+  () => ({
+    content: n.getState().loadedJsonAssignmentContent,
+    binaryData: n.getState().loadedJsonAssignmentBinaryData
+  }),
+  []
+), vt = (t) => {
   const e = n(
     (o) => o.setGetTextContentFunction
   );
-  d(() => {
+  l(() => {
     e(t);
   }, [t, e]);
-}, ut = (t) => {
+}, yt = (t) => {
   const e = n(
     (o) => o.setGetJsonContentFunction
   );
-  d(() => {
+  l(() => {
     e(t);
   }, [t, e]);
-}, dt = (t) => {
+}, ft = (t) => {
   const e = n(
     (o) => o.setGetJsonActivityContentFunction
   );
-  d(() => {
+  l(() => {
     e(t);
   }, [t, e]);
-}, gt = (t) => {
+}, At = (t) => {
   const e = n(
     (o) => o.setGetJsonAssignmentContentFunction
   );
-  d(() => {
+  l(() => {
     e(t);
   }, [t, e]);
-}, Ct = (t) => {
+}, Jt = (t) => {
   const e = n(
     (o) => o.setGetJsonActivitySplitContentFunction
   );
-  d(() => {
+  l(() => {
     e(t);
   }, [t, e]);
-}, St = (t) => {
+}, Ft = (t) => {
   const e = n(
     (o) => o.setGetJsonAssignmentSplitContentFunction
   );
-  d(() => {
+  l(() => {
     e(t);
   }, [t, e]);
-}, pt = (t) => {
+}, bt = (t) => {
   const e = n((o) => o.afterSaveCount);
-  d(() => {
+  l(() => {
     e > 0 && t();
   }, [e]);
-}, mt = () => (t, e) => {
-  C.use(["meta-player-ui"], ([o]) => {
-    var s;
+}, wt = () => (t, e) => {
+  g.use(["meta-player-ui"], ([o]) => {
     if (o.version === 0) {
-      console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
+      console.error(
+        "Le MétaPlayer ne supporte pas le contrat meta-player-ui"
+      );
       return;
     }
-    (s = o.i) == null || s.previewTextFile(t, e);
+    o.i?.previewTextFile(t, e);
   });
-}, vt = () => (t, e) => {
-  C.use(["meta-player-ui"], ([o]) => {
-    var s;
+}, ht = () => (t, e) => {
+  g.use(["meta-player-ui"], ([o]) => {
     if (o.version === 0) {
-      console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
+      console.error(
+        "Le MétaPlayer ne supporte pas le contrat meta-player-ui"
+      );
       return;
     }
-    (s = o.i) == null || s.previewImageFile(t, e);
+    o.i?.previewImageFile(t, e);
   });
 };
-let v = 0, J = 0;
-const yt = (t, e) => {
-  const o = b(t, e), s = n((i) => i.setSidebarActions);
-  d(() => (v++, v > 1 && console.error("Capytale iframe React: Multiple sidebar actions registered: ", v), () => {
-    v--;
-  }), []), d(() => (C.use(["meta-player-ui"], ([i]) => {
-    var u;
+let y = 0, F = 0;
+const kt = (t, e) => {
+  const o = w(t, e), s = n((i) => i.setSidebarActions);
+  l(() => (y++, y > 1 && console.error(
+    "Capytale iframe React: Multiple sidebar actions registered: ",
+    y
+  ), () => {
+    y--;
+  }), []), l(() => (g.use(["meta-player-ui"], ([i]) => {
     if (i.version === 0) {
-      console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
+      console.error(
+        "Le MétaPlayer ne supporte pas le contrat meta-player-ui"
+      );
       return;
     }
-    J++;
-    const c = o.map((a, l) => ({
+    F++;
+    const c = o.map((a, r) => ({
       type: a.type,
       title: a.title,
       icon: a.icon,
-      id: `sa-${J}-${l}`,
+      id: `sa-${F}-${r}`,
       ...a.type === "file-upload" ? { accept: a.accept } : {}
-    })), r = {};
-    o.forEach((a, l) => {
-      r[`sa-${J}-${l}`] = a.action;
-    }), (u = i.i) == null || u.setSidebarActionButtons(c), s(r);
+    })), u = {};
+    o.forEach((a, r) => {
+      u[`sa-${F}-${r}`] = a.action;
+    }), i.i?.setSidebarActionButtons(c), s(u);
   }), () => {
-    s({}), C.use(["meta-player-ui"], ([i]) => {
-      var c;
+    s({}), g.use(["meta-player-ui"], ([i]) => {
       if (i.version === 0) {
-        console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
+        console.error(
+          "Le MétaPlayer ne supporte pas le contrat meta-player-ui"
+        );
         return;
       }
-      (c = i.i) == null || c.setSidebarActionButtons([]);
+      i.i?.setSidebarActionButtons([]);
     });
   }), [o]);
 };
-let y = 0, F = 0;
-const At = (t, e) => {
-  const o = b(t, e), s = n((i) => i.setQuickActions);
-  d(() => (y++, y > 1 && console.error("Capytale iframe React: Multiple quick actions registered: ", y), () => {
-    y--;
-  }), []), d(() => (C.use(["meta-player-ui"], ([i]) => {
-    var u;
+let f = 0, b = 0;
+const xt = (t, e) => {
+  const o = w(t, e), s = n((i) => i.setQuickActions);
+  l(() => (f++, f > 1 && console.error(
+    "Capytale iframe React: Multiple quick actions registered: ",
+    f
+  ), () => {
+    f--;
+  }), []), l(() => (g.use(["meta-player-ui"], ([i]) => {
     if (i.version === 0) {
-      console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
+      console.error(
+        "Le MétaPlayer ne supporte pas le contrat meta-player-ui"
+      );
       return;
     }
-    F++;
-    const c = o.map((a, l) => ({
+    b++;
+    const c = o.map((a, r) => ({
       type: a.type,
       title: a.title,
       icon: a.icon,
-      id: `qa-${F}-${l}`,
+      id: `qa-${b}-${r}`,
       ...a.type === "file-upload" ? { accept: a.accept } : {}
-    })), r = {};
-    o.forEach((a, l) => {
-      r[`qa-${F}-${l}`] = a.action;
-    }), (u = i.i) == null || u.setQuickActionButtons(c), s(r);
+    })), u = {};
+    o.forEach((a, r) => {
+      u[`qa-${b}-${r}`] = a.action;
+    }), i.i?.setQuickActionButtons(c), s(u);
   }), () => {
-    s({}), C.use(["meta-player-ui"], ([i]) => {
-      var c;
+    s({}), g.use(["meta-player-ui"], ([i]) => {
       if (i.version === 0) {
-        console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
+        console.error(
+          "Le MétaPlayer ne supporte pas le contrat meta-player-ui"
+        );
         return;
       }
-      (c = i.i) == null || c.setQuickActionButtons([]);
+      i.i?.setQuickActionButtons([]);
     });
   }), [o]);
 };
 let A = 0;
-const ft = (t, e) => {
-  const o = b(t, e), s = n((r) => r.setActivitySettings), i = n((r) => r.activitySettings), c = G("");
-  return d(() => (console.log("Mounting useSettings"), A++, A > 1 && console.error("Capytale iframe React: Multiple settings registered: ", A), () => {
-    A--;
-  }), []), d(() => {
-    const r = JSON.stringify(o);
-    if (r !== c.current)
-      return c.current = r, C.use(["meta-player-ui"], ([u]) => {
-        var a;
-        if (u.version === 0) {
-          console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
-          return;
-        }
-        console.log("Updating settings UI in MetaPlayer", o), (a = u.i) == null || a.setSettingsUI(o);
-      }), () => {
-        s(null);
-      };
-  }, [o]), i;
-}, Jt = () => (e) => {
-  C.use(["meta-player-ui"], ([o]) => {
-    var s;
+const V = (t, e, o) => {
+  const s = w(t, o), i = n(
+    (c) => c.setActivitySettingsCallback
+  );
+  l(() => (console.log("Mounting useSettings"), A++, A > 1 && console.error(
+    "Capytale iframe React: Multiple settings registered: ",
+    A
+  ), () => {
+    console.log("Unmounting useSettings"), A--;
+  }), []), l(() => (g.use(["meta-player-ui"], ([c]) => {
+    if (c.version === 0) {
+      console.error(
+        "Le MétaPlayer ne supporte pas le contrat meta-player-ui"
+      );
+      return;
+    }
+    console.log("Updating settings UI in MetaPlayer", s), c.i?.setSettingsUI(s);
+  }), i(
+    e
+  ), () => {
+    i(null);
+  }), [s]);
+}, Tt = () => (e) => {
+  g.use(["meta-player-ui"], ([o]) => {
     if (o.version === 0) {
-      console.error("Le MétaPlayer ne supporte pas le contrat meta-player-ui");
+      console.error(
+        "Le MétaPlayer ne supporte pas le contrat meta-player-ui"
+      );
       return;
     }
-    (s = o.i) == null || s.showToast(e);
+    o.i?.showToast(e);
   });
 };
+function W(t) {
+  const e = {};
+  for (const o of t.fields)
+    e[o.name] = o.defaultValue;
+  return e;
+}
+function Q(t) {
+  return { [t.name]: t.defaultValues };
+}
+function U(t) {
+  return { [t.name]: t.defaultValue };
+}
+function H(t) {
+  switch (t.type) {
+    case "form":
+      return W(t);
+    case "checkboxes":
+    case "switches":
+      return Q(t);
+    case "radio":
+      return U(t);
+    default:
+      return {};
+  }
+}
+function N(t) {
+  const e = {};
+  for (const o of t)
+    Object.assign(e, H(o));
+  return e;
+}
+function Dt(t) {
+  const o = E()((s) => ({
+    ...N(t)
+  }));
+  return o.activitySettings = t, o;
+}
+function _(t) {
+  V(
+    () => t.activitySettings,
+    (e) => {
+      t.setState(e);
+    },
+    []
+  );
+}
+function z({
+  store: t
+}) {
+  return _(t), null;
+}
+const K = [
+  "meta-player-events:1",
+  "mode:1",
+  "workflow:1"
+];
+function Et({
+  children: t,
+  contracts: e,
+  loadOnlyWhenReady: o = !0,
+  activitySettingsStore: s
+}) {
+  const i = n((c) => c.ready);
+  return l(() => {
+    const c = [...e];
+    for (const u of K)
+      c.includes(u) || c.push(u);
+    O(c);
+  }, []), o && !i ? /* @__PURE__ */ h("div", { className: "capy-loading-container", children: "Chargement en cours..." }) : /* @__PURE__ */ j(M, { children: [
+    s && /* @__PURE__ */ h(z, { store: s }),
+    t
+  ] });
+}
 export {
-  H as Capytale,
-  pt as useAfterSaveAction,
-  it as useGetLoadedJsonActivityContent,
-  ct as useGetLoadedJsonActivitySplitContent,
-  at as useGetLoadedJsonAssignmentContent,
-  rt as useGetLoadedJsonAssignmentSplitContent,
-  st as useGetLoadedJsonContent,
-  ot as useGetLoadedTextContent,
-  dt as useJsonActivityContentSaveFunction,
-  Ct as useJsonActivitySplitContentSaveFunction,
-  gt as useJsonAssignmentContentSaveFunction,
-  St as useJsonAssignmentSplitContentSaveFunction,
-  ut as useJsonContentSaveFunction,
-  et as useLoadedJsonActivityBinaryData,
-  Z as useLoadedJsonActivityContent,
-  nt as useLoadedJsonAssignmentBinaryData,
-  tt as useLoadedJsonAssignmentContent,
-  Y as useLoadedJsonContent,
-  X as useLoadedTextContent,
-  U as useMode,
-  K as useNotifyIsDirty,
-  vt as usePreviewImageFile,
-  mt as usePreviewTextFile,
-  At as useQuickActions,
-  z as useRequestSave,
-  ft as useSettings,
-  Jt as useShowToast,
-  yt as useSidebarActions,
-  lt as useTextContentSaveFunction,
-  _ as useTheme,
-  V as useWorkflow
+  Et as Capytale,
+  Dt as createActivitySettingsStore,
+  bt as useAfterSaveAction,
+  Ct as useGetLoadedJsonActivityContent,
+  pt as useGetLoadedJsonActivitySplitContent,
+  St as useGetLoadedJsonAssignmentContent,
+  mt as useGetLoadedJsonAssignmentSplitContent,
+  gt as useGetLoadedJsonContent,
+  dt as useGetLoadedTextContent,
+  ft as useJsonActivityContentSaveFunction,
+  Jt as useJsonActivitySplitContentSaveFunction,
+  At as useJsonAssignmentContentSaveFunction,
+  Ft as useJsonAssignmentSplitContentSaveFunction,
+  yt as useJsonContentSaveFunction,
+  lt as useLoadedJsonActivityBinaryData,
+  ct as useLoadedJsonActivityContent,
+  ut as useLoadedJsonAssignmentBinaryData,
+  rt as useLoadedJsonAssignmentContent,
+  at as useLoadedJsonContent,
+  it as useLoadedTextContent,
+  tt as useMode,
+  st as useNotifyIsDirty,
+  ht as usePreviewImageFile,
+  wt as usePreviewTextFile,
+  xt as useQuickActions,
+  ot as useRequestSave,
+  V as useSettings,
+  Tt as useShowToast,
+  kt as useSidebarActions,
+  vt as useTextContentSaveFunction,
+  nt as useTheme,
+  et as useWorkflow
 };

package/package.json

@@ -1,51 +1,52 @@
-{
-  "name": "@capytale/iframe-react",
-  "version": "1.1.3",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "clean": "rm -rf dist",
-    "builddev": "vite build -m development",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run clean && npm run build"
-  },
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.es.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.es.js",
-      "require": "./dist/index.cjs.js",
-      "default": "./dist/index.es.js"
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "dependencies": {
-    "@capytale/app-agent": "^1.0.12",
-    "@capytale/contracts": "^1.0.8",
-    "zustand": "^5.0.8"
-  },
-  "peerDependencies": {
-    "react": ">=17.0.0 <20",
-    "react-dom": ">=17.0.0 <20"
-  },
-  "devDependencies": {
-    "@types/node": "^22.13.1",
-    "@types/react": "^18.3.18",
-    "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react": "^4.4.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "typescript": "^5.8.3",
-    "vite": "^6.3.5",
-    "vite-plugin-dts": "^4.5.4"
-  },
-  "publishConfig": {
-    "access": "public"
-  }
-}
+{
+  "name": "@capytale/iframe-react",
+  "version": "1.1.5",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "clean": "rimraf dist",
+    "builddev": "vite build -m development",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.es.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.cjs.js",
+      "default": "./dist/index.es.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@capytale/app-agent": "^1.0.12",
+    "@capytale/contracts": "^1.1.0",
+    "zustand": "^5.0.9"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0 <20",
+    "react-dom": ">=17.0.0 <20"
+  },
+  "devDependencies": {
+    "@types/node": "^22.13.1",
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^5.1.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rimraf": "^6.1.2",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.6",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}