{"version":3,"file":"ConditionalCheckbox.6DeQlFV6.mjs","names":["useState","useCallback","__esmMin","te","ne","_e","init_jsx_runtime","c","p","init_npm_react_18_3_1","addPropertyControls","init_framer_B1b760uK","ControlType","ConditionalCheckbox","props","mainAnswer","setMainAnswer","conditionalAnswers","setConditionalAnswers","error","setError","handleMainChange","value","onChange","handleConditionalChange","newValues","prev","option","item","backgroundColor","spacing","font","textColor","questionLabel","required","accentColor","mainFieldName","yesLabel","noLabel","conditionalOptions","index","requiredMessage","conditionalFieldName","init_ConditionalCheckbox"],"sources":["https:/framerusercontent.com/modules/IJ3rDkqcRLxaJHn7rE3X/jQwdSOfuoJ7SicrHxeT8/ConditionalCheckbox.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState,useCallback,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Conditional Checkbox Form\n * \n * A form component with Yes/No checkbox that reveals additional options when \"Yes\" is selected.\n * Includes required validation and form submission handling.\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 300\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function ConditionalCheckbox(props){const{questionLabel=\"Do you have any additional requirements?\",yesLabel=\"Yes\",noLabel=\"No\",conditionalOptions=[\"Email\",\"Phone\",\"SMS\"],backgroundColor=\"transparent\",textColor=\"#000000\",accentColor=\"#0099FF\",borderColor=\"#CCCCCC\",font,borderRadius=8,spacing=16,requiredMessage=\"Please select at least one option\",onChange,mainFieldName=\"Consent Offers\",conditionalFieldName=\"Consent by\",required=true}=props;const[mainAnswer,setMainAnswer]=useState(null);const[conditionalAnswers,setConditionalAnswers]=useState([]);const[error,setError]=useState(null);const handleMainChange=useCallback(value=>{startTransition(()=>{setMainAnswer(value);setConditionalAnswers([]);setError(null);onChange?.({mainAnswer:value,conditionalAnswers:[]});});},[onChange]);const handleConditionalChange=useCallback(option=>{startTransition(()=>{setConditionalAnswers(prev=>{const newValues=prev.includes(option)?prev.filter(item=>item!==option):[...prev,option];onChange?.({mainAnswer,conditionalAnswers:newValues});return newValues;});setError(null);});},[mainAnswer,onChange]);const checkboxStyle=isSelected=>({width:20,height:20,borderRadius:4,border:`2px solid ${isSelected?accentColor:borderColor}`,backgroundColor:isSelected?accentColor:\"transparent\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\",transition:\"all 0.2s ease\"});const checkmarkStyle={width:10,height:10,borderBottom:`2px solid ${backgroundColor}`,borderRight:`2px solid ${backgroundColor}`,transform:\"rotate(45deg) translateY(-1px)\"};return /*#__PURE__*/_jsxs(\"div\",{style:{backgroundColor:\"transparent\",borderRadius,padding:spacing,display:\"flex\",flexDirection:\"column\",gap:spacing,...font},children:[/*#__PURE__*/_jsxs(\"label\",{style:{color:textColor,fontWeight:600,fontSize:16,...font},children:[questionLabel,required&&/*#__PURE__*/_jsx(\"span\",{style:{color:\"#FF5588\"},children:\" *\"})]}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:16},children:[/*#__PURE__*/_jsxs(\"label\",{style:{display:\"flex\",alignItems:\"center\",gap:12,cursor:\"pointer\",padding:\"8px 0\"},children:[/*#__PURE__*/_jsx(\"div\",{onClick:()=>handleMainChange(\"yes\"),style:{width:16,height:16,borderRadius:4,border:`2px solid ${accentColor}`,backgroundColor:mainAnswer===\"yes\"?accentColor:accentColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\",transition:\"all 0.2s ease\",flexShrink:0},children:mainAnswer===\"yes\"&&/*#__PURE__*/_jsx(\"svg\",{width:\"10\",height:\"10\",viewBox:\"0 0 14 14\",fill:\"none\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M3 7L6 10L11 4\",stroke:\"#F7E9E3\",strokeWidth:\"2.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})}),/*#__PURE__*/_jsx(\"input\",{type:\"radio\",name:mainFieldName,value:\"yes\",checked:mainAnswer===\"yes\",onChange:()=>handleMainChange(\"yes\"),required:required,style:{position:\"absolute\",opacity:0,width:0,height:0}}),/*#__PURE__*/_jsx(\"span\",{style:{color:textColor,fontSize:15,...font},children:yesLabel})]}),/*#__PURE__*/_jsxs(\"label\",{style:{display:\"flex\",alignItems:\"center\",gap:12,cursor:\"pointer\",padding:\"8px 0\"},children:[/*#__PURE__*/_jsx(\"div\",{onClick:()=>handleMainChange(\"no\"),style:{width:16,height:16,borderRadius:4,border:`2px solid ${accentColor}`,backgroundColor:mainAnswer===\"no\"?accentColor:accentColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\",transition:\"all 0.2s ease\",flexShrink:0},children:mainAnswer===\"no\"&&/*#__PURE__*/_jsx(\"svg\",{width:\"10\",height:\"10\",viewBox:\"0 0 14 14\",fill:\"none\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M3 7L6 10L11 4\",stroke:\"#F7E9E3\",strokeWidth:\"2.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})}),/*#__PURE__*/_jsx(\"input\",{type:\"radio\",name:mainFieldName,value:\"no\",checked:mainAnswer===\"no\",onChange:()=>handleMainChange(\"no\"),required:required,style:{position:\"absolute\",opacity:0,width:0,height:0}}),/*#__PURE__*/_jsx(\"span\",{style:{color:textColor,fontSize:15,...font},children:noLabel})]})]}),mainAnswer===\"yes\"&&/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:12,paddingLeft:8,marginTop:4},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontSize:14,color:textColor,opacity:.7,marginBottom:4,...font},children:\"Please select at least one:\"}),conditionalOptions.map((option,index)=>/*#__PURE__*/_jsxs(\"label\",{style:{display:\"flex\",alignItems:\"center\",gap:12,cursor:\"pointer\",padding:\"6px 0\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:16,height:16,borderRadius:4,border:`2px solid ${accentColor}`,backgroundColor:conditionalAnswers.includes(option)?accentColor:accentColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\",transition:\"all 0.2s ease\",flexShrink:0},children:conditionalAnswers.includes(option)&&/*#__PURE__*/_jsx(\"svg\",{width:\"10\",height:\"10\",viewBox:\"0 0 14 14\",fill:\"none\",children:/*#__PURE__*/_jsx(\"path\",{d:\"M3 7L6 10L11 4\",stroke:\"#F7E9E3\",strokeWidth:\"2.5\",strokeLinecap:\"round\",strokeLinejoin:\"round\"})})}),/*#__PURE__*/_jsx(\"input\",{type:\"checkbox\",value:option,checked:conditionalAnswers.includes(option),onChange:()=>handleConditionalChange(option),required:required&&conditionalAnswers.length===0,style:{position:\"absolute\",opacity:0,width:0,height:0}}),/*#__PURE__*/_jsx(\"span\",{style:{color:textColor,fontSize:15,...font},children:option})]},index)),required&&conditionalAnswers.length===0&&mainAnswer===\"yes\"&&/*#__PURE__*/_jsx(\"div\",{style:{color:\"#FF5588\",fontSize:13,marginTop:8,...font},children:requiredMessage})]}),error&&/*#__PURE__*/_jsx(\"div\",{style:{color:\"#FF5588\",fontSize:13,marginTop:-4,...font},children:error}),/*#__PURE__*/_jsx(\"input\",{type:\"hidden\",name:conditionalFieldName,value:conditionalAnswers.join(\",\")})]});}addPropertyControls(ConditionalCheckbox,{questionLabel:{type:ControlType.String,title:\"Question\",defaultValue:\"Do you have any additional requirements?\",displayTextArea:true},yesLabel:{type:ControlType.String,title:\"Yes Label\",defaultValue:\"Yes\"},noLabel:{type:ControlType.String,title:\"No Label\",defaultValue:\"No\"},conditionalOptions:{type:ControlType.Array,title:\"Conditional Options\",control:{type:ControlType.String,defaultValue:\"New Option\"},defaultValue:[\"Option 1\",\"Option 2\",\"Option 3\"],maxCount:10},requiredMessage:{type:ControlType.String,title:\"Required Message\",defaultValue:\"Please select at least one option\"},mainFieldName:{type:ControlType.String,title:\"Main Field Name\",defaultValue:\"Consent Offers\",description:\"Field name for the main yes/no answer in form submission\"},conditionalFieldName:{type:ControlType.String,title:\"Conditional Field Name\",defaultValue:\"Consent by\",description:\"Field name for conditional answers in form submission\"},required:{type:ControlType.Boolean,title:\"Required\",defaultValue:true,enabledTitle:\"Yes\",disabledTitle:\"No\"},onChange:{type:ControlType.EventHandler,title:\"On Change\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"transparent\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"},accentColor:{type:ControlType.Color,title:\"Accent Color\",defaultValue:\"#0099FF\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#CCCCCC\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"15px\",variant:\"Medium\",letterSpacing:\"-0.01em\",lineHeight:\"1.3em\"}},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:8,min:0,max:32,unit:\"px\"},spacing:{type:ControlType.Number,title:\"Spacing\",defaultValue:0,min:0,max:40,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ConditionalCheckbox\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"300\",\"framerSupportedLayoutHeight\":\"auto\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"400\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ConditionalCheckbox.map"],"mappings":"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"}