{"version":3,"file":"ConditionalCheckbox.Bj0u3F4e.mjs","names":["useState","useCallback"],"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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"}