diff --git a/packages/client/src/app/pages/forms/edit/builder/tabs/form-monitor/form-monitor.screenshot.modal.tsx b/packages/client/src/app/pages/forms/edit/builder/tabs/form-monitor/form-monitor.screenshot.modal.tsx index 53a15b769..aca15b58c 100644 --- a/packages/client/src/app/pages/forms/edit/builder/tabs/form-monitor/form-monitor.screenshot.modal.tsx +++ b/packages/client/src/app/pages/forms/edit/builder/tabs/form-monitor/form-monitor.screenshot.modal.tsx @@ -61,7 +61,7 @@ export const ScreenshotModal: React.FC< pinch={{ step: 5 }} doubleClick={{ step: 0.5 }} > - {({ zoomIn, zoomOut, resetTransform, instance }) => ( + {({ zoomIn, zoomOut, resetTransform, state }) => ( <> zoomOut()} - disabled={instance.transformState.scale <= 0.5} + disabled={state.scale <= 0.5} title={translate("Zoom Out")} > − @@ -103,7 +103,7 @@ export const ScreenshotModal: React.FC< zoomIn()} - disabled={instance.transformState.scale >= 3} + disabled={state.scale >= 3} title={translate("Zoom In")} > + diff --git a/packages/plugin/src/Resources/js/client/assets/index-CwbgNnp1.js b/packages/plugin/src/Resources/js/client/assets/index-DCFIpQiB.js similarity index 99% rename from packages/plugin/src/Resources/js/client/assets/index-CwbgNnp1.js rename to packages/plugin/src/Resources/js/client/assets/index-DCFIpQiB.js index 5379cf41c..3fcfde38c 100644 --- a/packages/plugin/src/Resources/js/client/assets/index-CwbgNnp1.js +++ b/packages/plugin/src/Resources/js/client/assets/index-DCFIpQiB.js @@ -2042,7 +2042,7 @@ Error generating stack: `+e.message+` gap: ${H.lg}; margin-bottom: ${H.lg}; width: 100%; -`,VG=({data:e,closeModal:t})=>{if(!e)return null;let{screenshot:n,beforeSubmitScreenshot:r,testId:i}=e,a=!!n,o=!!r,s=a&&o,c=(e,t)=>(0,K.jsxs)(MG,{children:[s&&(0,K.jsx)(NG,{children:t}),(0,K.jsx)(PG,{children:(0,K.jsx)(_G,{initialScale:1,minScale:.5,maxScale:3,wheel:{step:.1},pinch:{step:5},doubleClick:{step:.5},children:({zoomIn:n,zoomOut:r,resetTransform:i,instance:a})=>(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(TG,{wrapperStyle:{width:`100%`,height:`100%`,display:`flex`,justifyContent:`center`,alignItems:`center`},contentStyle:{width:`100%`,height:`100%`,display:`flex`,justifyContent:`center`,alignItems:`center`},children:(0,K.jsx)(FG,{src:e,alt:t,loading:`lazy`,draggable:!1})}),(0,K.jsxs)(IG,{children:[(0,K.jsxs)(LG,{children:[(0,K.jsx)(RG,{onClick:()=>r(),disabled:a.transformState.scale<=.5,title:F(`Zoom Out`),children:`−`}),(0,K.jsx)(RG,{onClick:()=>i(),title:F(`Reset Zoom`),children:`↺`}),(0,K.jsx)(RG,{onClick:()=>n(),disabled:a.transformState.scale>=3,title:F(`Zoom In`),children:`+`})]}),(0,K.jsx)(xG,{width:104,height:108,borderColor:`rgba(255, 255, 255, 0.8)`,children:(0,K.jsx)(`img`,{src:e,alt:`Minimap`})})]})]})})})]});return(0,K.jsxs)(Of,{style:{maxWidth:`90vw`,width:`1200px`},children:[(0,K.jsx)(kf,{children:(0,K.jsx)(`h1`,{children:F(`Screenshots for Test`,{testId:i})})}),(0,K.jsx)(`div`,{style:{padding:`${H.lg} ${H.xl}`},children:s?(0,K.jsxs)(jG,{children:[c(r,F(`Before Submit`)),c(n,F(`After Submit`))]}):o?(0,K.jsx)(BG,{children:c(r,``)}):a?(0,K.jsx)(BG,{children:c(n,``)}):(0,K.jsx)(BG,{children:(e=>(0,K.jsxs)(MG,{children:[(0,K.jsx)(NG,{children:e}),(0,K.jsx)(PG,{children:(0,K.jsx)(zG,{children:F(`No screenshot available`)})})]}))(F(`Screenshots`))})}),(0,K.jsx)(Af,{children:(0,K.jsx)(`button`,{type:`button`,className:`btn cancel`,onClick:t,children:F(`Close`)})})]})},HG=e=>{let{openModal:t}=Ff();return()=>{t(VG,e)}},UG=U.div` +`,VG=({data:e,closeModal:t})=>{if(!e)return null;let{screenshot:n,beforeSubmitScreenshot:r,testId:i}=e,a=!!n,o=!!r,s=a&&o,c=(e,t)=>(0,K.jsxs)(MG,{children:[s&&(0,K.jsx)(NG,{children:t}),(0,K.jsx)(PG,{children:(0,K.jsx)(_G,{initialScale:1,minScale:.5,maxScale:3,wheel:{step:.1},pinch:{step:5},doubleClick:{step:.5},children:({zoomIn:n,zoomOut:r,resetTransform:i,state:a})=>(0,K.jsxs)(K.Fragment,{children:[(0,K.jsx)(TG,{wrapperStyle:{width:`100%`,height:`100%`,display:`flex`,justifyContent:`center`,alignItems:`center`},contentStyle:{width:`100%`,height:`100%`,display:`flex`,justifyContent:`center`,alignItems:`center`},children:(0,K.jsx)(FG,{src:e,alt:t,loading:`lazy`,draggable:!1})}),(0,K.jsxs)(IG,{children:[(0,K.jsxs)(LG,{children:[(0,K.jsx)(RG,{onClick:()=>r(),disabled:a.scale<=.5,title:F(`Zoom Out`),children:`−`}),(0,K.jsx)(RG,{onClick:()=>i(),title:F(`Reset Zoom`),children:`↺`}),(0,K.jsx)(RG,{onClick:()=>n(),disabled:a.scale>=3,title:F(`Zoom In`),children:`+`})]}),(0,K.jsx)(xG,{width:104,height:108,borderColor:`rgba(255, 255, 255, 0.8)`,children:(0,K.jsx)(`img`,{src:e,alt:`Minimap`})})]})]})})})]});return(0,K.jsxs)(Of,{style:{maxWidth:`90vw`,width:`1200px`},children:[(0,K.jsx)(kf,{children:(0,K.jsx)(`h1`,{children:F(`Screenshots for Test`,{testId:i})})}),(0,K.jsx)(`div`,{style:{padding:`${H.lg} ${H.xl}`},children:s?(0,K.jsxs)(jG,{children:[c(r,F(`Before Submit`)),c(n,F(`After Submit`))]}):o?(0,K.jsx)(BG,{children:c(r,``)}):a?(0,K.jsx)(BG,{children:c(n,``)}):(0,K.jsx)(BG,{children:(e=>(0,K.jsxs)(MG,{children:[(0,K.jsx)(NG,{children:e}),(0,K.jsx)(PG,{children:(0,K.jsx)(zG,{children:F(`No screenshot available`)})})]}))(F(`Screenshots`))})}),(0,K.jsx)(Af,{children:(0,K.jsx)(`button`,{type:`button`,className:`btn cancel`,onClick:t,children:F(`Close`)})})]})},HG=e=>{let{openModal:t}=Ff();return()=>{t(VG,e)}},UG=U.div` flex: 1; background: ${V.white}; padding: ${H.xl}; diff --git a/packages/plugin/src/Resources/js/client/manifest.json b/packages/plugin/src/Resources/js/client/manifest.json index 951abaa3c..4695455bd 100644 --- a/packages/plugin/src/Resources/js/client/manifest.json +++ b/packages/plugin/src/Resources/js/client/manifest.json @@ -58,7 +58,7 @@ ] }, "src/index.tsx": { - "file": "assets/index-CwbgNnp1.js", + "file": "assets/index-DCFIpQiB.js", "name": "index", "src": "src/index.tsx", "isEntry": true,