{"version":3,"file":"CaseStudyDynamicsForm.CCGl7LPx.mjs","names":["useRef","_Fragment"],"sources":["https:/framerusercontent.com/modules/kgeUTrVWYqPszYZBlDXV/JbrlVsNl6SoL3IiAp5w3/CaseStudyDynamicsForm.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useEffect,useRef}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function CaseStudyDynamicsForm(props){const{formId,orgId,title,description}=props;const containerRef=useRef(null);const scriptTimeoutRef=useRef(null);useEffect(()=>{if(!formId||!orgId||!containerRef.current||typeof window===\"undefined\"||typeof document===\"undefined\"){return;}containerRef.current.innerHTML=\"\";const formDiv=document.createElement(\"div\");formDiv.setAttribute(\"data-form-id\",formId);formDiv.setAttribute(\"data-form-api-url\",`https://public-usa.mkt.dynamics.com/api/v1.0/orgs/${orgId}/landingpageforms`);formDiv.setAttribute(\"data-cached-form-url\",`https://assets-usa.mkt.dynamics.com/${orgId}/digitalassets/forms/${formId}`);containerRef.current.appendChild(formDiv);const scriptUrl=\"https://formui-usa1.mkt.dynamics.com/usa/FormLoader/FormLoader.bundle.js\";const oldScript=document.querySelector(`script[src=\"${scriptUrl}\"]`);if(oldScript)oldScript.remove();scriptTimeoutRef.current=window.setTimeout(()=>{const script=document.createElement(\"script\");script.src=scriptUrl;script.async=false;script.defer=false;script.onload=()=>{console.log(\"Dynamics form + captcha script loaded\");};document.body.appendChild(script);},300);return()=>{if(scriptTimeoutRef.current!==null){window.clearTimeout(scriptTimeoutRef.current);scriptTimeoutRef.current=null;}};},[formId,orgId]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                .pf-case-study-form form.marketingForm {\n                    width: 100% !important;\n                    max-width: 100% !important;\n                    margin: 0 !important;\n                    padding: 0 !important;\n                    background: transparent !important;\n                    box-shadow: none !important;\n                    border: none !important;\n                    font-family: Inter, \"Segoe UI\", Arial, sans-serif !important;\n                }\n\n                .pf-case-study-form [data-layout=\"true\"] {\n                    width: 100% !important;\n                    max-width: 100% !important;\n                    margin: 0 !important;\n                }\n\n                .pf-case-study-form table,\n                .pf-case-study-form tbody,\n                .pf-case-study-form tr,\n                .pf-case-study-form th,\n                .pf-case-study-form td {\n                    box-sizing: border-box !important;\n                    max-width: 100% !important;\n                }\n\n                .pf-case-study-form .outer,\n                .pf-case-study-form .containerWrapper {\n                    width: 100% !important;\n                    max-width: 100% !important;\n                    table-layout: fixed !important;\n                }\n\n                .pf-case-study-form th.inner {\n                    padding: 0 14px 26px !important;\n                }\n\n                .pf-case-study-form .textFormFieldBlock,\n                .pf-case-study-form .phoneFormFieldBlock,\n                .pf-case-study-form .dateTimeFormFieldBlock,\n                .pf-case-study-form .lookupFormFieldBlock {\n                    padding: 0 !important;\n                    gap: 10px !important;\n                }\n\n                .pf-case-study-form label,\n                .pf-case-study-form label * {\n                    color: #062b49 !important;\n                    font-size: 15px !important;\n                    font-weight: 800 !important;\n                    line-height: 1.35 !important;\n                }\n\n                .pf-case-study-form input:not([type=\"checkbox\"]):not([type=\"radio\"]),\n                .pf-case-study-form textarea,\n                .pf-case-study-form select {\n                    width: 100% !important;\n                    min-height: 56px !important;\n                    padding: 15px 18px !important;\n                    box-sizing: border-box !important;\n                    border-radius: 14px !important;\n                    border: 1px solid rgba(6, 43, 73, 0.14) !important;\n                    background: #ffffff !important;\n                    color: #062b49 !important;\n                    font-size: 15px !important;\n                    box-shadow: 0 12px 28px rgba(0, 38, 77, 0.05) !important;\n                }\n\n                .pf-case-study-form input:not([type=\"checkbox\"]):not([type=\"radio\"]):focus,\n                .pf-case-study-form textarea:focus,\n                .pf-case-study-form select:focus {\n                    outline: none !important;\n                    border-color: #18c7be !important;\n                    box-shadow: 0 0 0 4px rgba(24, 199, 190, 0.14) !important;\n                }\n\n                .pf-case-study-form .consentBlock input[type=\"checkbox\"] {\n                    width: 21px !important;\n                    height: 21px !important;\n                    min-width: 21px !important;\n                    min-height: 21px !important;\n                    padding: 0 !important;\n                    margin: 0 !important;\n                    box-sizing: border-box !important;\n                    border-radius: 4px !important;\n                    box-shadow: none !important;\n                    background: #ffffff !important;\n                }\n\n                .pf-case-study-form tr:has(.consentBlock),\n                .pf-case-study-form tr:has(div[data-editorblocktype=\"Captcha\"]),\n                .pf-case-study-form tr:has(.submitButton) {\n                    display: block !important;\n                    width: 100% !important;\n                }\n\n                .pf-case-study-form tr:has(.consentBlock) > th,\n                .pf-case-study-form tr:has(.consentBlock) > td,\n                .pf-case-study-form tr:has(div[data-editorblocktype=\"Captcha\"]) > th,\n                .pf-case-study-form tr:has(div[data-editorblocktype=\"Captcha\"]) > td,\n                .pf-case-study-form tr:has(.submitButton) > th,\n                .pf-case-study-form tr:has(.submitButton) > td {\n                    display: block !important;\n                    width: 100% !important;\n                    max-width: 100% !important;\n                }\n\n                .pf-case-study-form tr:has(.consentBlock) .columnContainer,\n                .pf-case-study-form tr:has(div[data-editorblocktype=\"Captcha\"]) .columnContainer,\n                .pf-case-study-form tr:has(.submitButton) .columnContainer {\n                    display: block !important;\n                    width: 100% !important;\n                    max-width: 100% !important;\n                }\n\n                .pf-case-study-form tr:has(div[data-editorblocktype=\"Captcha\"]) {\n                    margin-bottom: 14px !important;\n                }\n\n                .pf-case-study-form tr:has(.consentBlock) {\n                    margin-bottom: 18px !important;\n                }\n\n                .pf-case-study-form tr:has(.submitButton) {\n                    margin-top: 2px !important;\n                }\n\n                .pf-case-study-form input::placeholder {\n                    color: #8a9aaa !important;\n                }\n\n                .pf-case-study-form a {\n                    color: #008c95 !important;\n                    font-weight: 700 !important;\n                }\n\n                .pf-case-study-form .submitButton {\n                    width: 100% !important;\n                    min-height: 60px !important;\n                    border-radius: 14px !important;\n                    border: none !important;\n                    background: linear-gradient(135deg, #063b5c 0%, #00758b 52%, #18c7be 100%) !important;\n                    color: #ffffff !important;\n                    font-size: 18px !important;\n                    font-weight: 800 !important;\n                    box-shadow: 0 18px 38px rgba(0, 79, 104, 0.26) !important;\n                    cursor: pointer !important;\n                }\n\n                @media (max-width: 900px) {\n                    .pf-case-study-wrapper {\n                        grid-template-columns: 1fr !important;\n                        padding: 24px !important;\n                    }\n\n                    .pf-case-study-card {\n                        min-height: auto !important;\n                    }\n\n                    .pf-case-study-form .columnContainer,\n                    .pf-case-study-form table,\n                    .pf-case-study-form tbody,\n                    .pf-case-study-form tr,\n                    .pf-case-study-form th,\n                    .pf-case-study-form td {\n                        display: block !important;\n                        width: 100% !important;\n                    }\n                }\n            `}),/*#__PURE__*/_jsxs(\"section\",{className:\"pf-case-study-wrapper\",style:styles.wrapper,children:[/*#__PURE__*/_jsxs(\"aside\",{className:\"pf-case-study-card\",style:styles.card,children:[/*#__PURE__*/_jsx(\"div\",{style:styles.iconBox,children:\"↧\"}),/*#__PURE__*/_jsx(\"h3\",{style:styles.title,children:title||\"Case Study\"}),/*#__PURE__*/_jsx(\"p\",{style:styles.description,children:description||\"Download the complete case study and explore measurable business improvements.\"}),/*#__PURE__*/_jsx(\"div\",{style:styles.divider}),/*#__PURE__*/_jsxs(\"div\",{style:styles.feature,children:[/*#__PURE__*/_jsx(\"span\",{style:styles.featureIcon,children:\"✓\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Instant download access\"})]}),/*#__PURE__*/_jsxs(\"div\",{style:styles.feature,children:[/*#__PURE__*/_jsx(\"span\",{style:styles.featureIcon,children:\"✓\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Business process insights\"})]}),/*#__PURE__*/_jsxs(\"div\",{style:styles.feature,children:[/*#__PURE__*/_jsx(\"span\",{style:styles.featureIcon,children:\"✓\"}),/*#__PURE__*/_jsx(\"span\",{children:\"Secure gated resource\"})]})]}),/*#__PURE__*/_jsx(\"div\",{className:\"pf-case-study-form\",style:styles.formArea,children:/*#__PURE__*/_jsx(\"div\",{ref:containerRef,style:styles.formContainer})})]})]});}const styles={wrapper:{width:\"100%\",display:\"grid\",gridTemplateColumns:\"320px minmax(0, 1fr)\",gap:42,padding:42,borderRadius:30,background:\"#ffffff\",boxShadow:\"0 28px 80px rgba(0, 38, 77, 0.12)\",boxSizing:\"border-box\"},card:{minHeight:620,padding:\"44px 32px\",borderRadius:26,background:\"linear-gradient(180deg, #f6fcfc 0%, #edf9f9 100%)\",color:\"#062b49\",boxSizing:\"border-box\"},iconBox:{width:76,height:76,borderRadius:18,background:\"#ffffff\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",marginBottom:36,boxShadow:\"0 16px 36px rgba(0, 38, 77, 0.08)\",color:\"#008c95\",fontSize:34,fontWeight:900},title:{margin:0,color:\"#062b49\",fontSize:28,lineHeight:1.18,fontWeight:850},description:{margin:\"20px 0 0\",color:\"#33465a\",fontSize:16,lineHeight:1.6,fontWeight:500},divider:{width:70,height:3,background:\"#18c7be\",margin:\"30px 0\",borderRadius:99},feature:{display:\"flex\",alignItems:\"flex-start\",gap:14,marginBottom:22,color:\"#173a56\",fontSize:15,lineHeight:1.45,fontWeight:650},featureIcon:{width:34,height:34,minWidth:34,borderRadius:\"50%\",background:\"#dff8f7\",color:\"#007f89\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",fontWeight:900},formArea:{minWidth:0,width:\"100%\",paddingTop:42},formContainer:{width:\"100%\",minHeight:620}};addPropertyControls(CaseStudyDynamicsForm,{formId:{type:ControlType.String,title:\"Form ID\",defaultValue:\"\"},orgId:{type:ControlType.String,title:\"Org ID\",defaultValue:\"\"},title:{type:ControlType.String,title:\"Title\",defaultValue:\"Case Study\"},description:{type:ControlType.String,title:\"Description\",defaultValue:\"Download the complete case study and explore measurable business improvements.\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CaseStudyDynamicsForm\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"auto\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CaseStudyDynamicsForm.map"],"mappings":"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"}