https://www.meccabingo.com/build/_shared/chunk-MIWVPMPS.js

1import{E as f}from"/build/_shared/chunk-TQS5E2SK.js";import{v as N}from"/build/_shared/chunk-RBFCHJWR.js";import{a as L}from"/build/_shared/chunk-JUM7J4TY.js";import{a as A}from"/build/_shared/chunk-RW7BUM27.js";import{e as m}from"/build/_shared/chunk-ADMCF34Z.js";var l=m(L()),o=m(A());function U({groupOneId:S="contactPreferences",groupOneItems:s,groupOneText:w,groupOneOnChange:x,groupTwoId:B="contactPreferences2",groupTwoItems:i,groupTwoText:E,groupTwoOnChange:g,children:V,groupOneOnFocus:k,groupTwoOnFocus:v,selectAllChanged:u}){let[t,p]=(0,l.useState)({group1:!1,group2:!1}),C=e=>{let r={};return e==null||e.forEach(n=>{r[n.label]=n.checked}),r},b=(0,l.useMemo)(()=>C(s),[s]),h=(0,l.useMemo)(()=>C(i),[i]);(0,l.useEffect)(()=>{if(b&&h){let e=Object.values(b).every(n=>n),r=Object.values(h).every(n=>n);p({group1:e,group2:r})}},[]);let a=(0,l.useRef)(),c=(0,l.useRef)(),M=e=>{var r,n,P,G;if(e){let d=new CustomEvent("allSelected");(r=c==null?void 0:c.current)==null||r.dispatchEvent(d),(n=a==null?void 0:a.current)==null||n.dispatchEvent(d),u&&u(!0)}else{let d=new CustomEvent("deselectAll");(P=c==null?void 0:c.current)==null||P.dispatchEvent(d),(G=a==null?void 0:a.current)==null||G.dispatchEvent(d),u&&u(!1)}},{lightSkin:F,theme:y}=N("root");return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("div",{className:["flex min-h-[48px] text-left p-0 list-none border-2 border-checkboxGroupBorderColor odd:!m-0 p-2 mb-0 md:h-auto rounded-lg mx-4 !border-0 !shadow-checkboxGroupBoxShadow font-normal mt-4",y==="luckypantsbingo"?t.group1&&t.group2?"!bg-checkboxGroupActiveBackgroundColor mb-4 bg-checkboxGroupBackgroundColor":"bg-checkboxGroupBackgroundColor":"!bg-checkboxGroupActiveBackgroundColor mb-4 bg-checkboxGroupBackgroundColor"].join(" "),children:(0,o.jsxs)("label",{htmlFor:"selectAll",className:"flex items-center w-full",children:[(0,o.jsx)("input",{id:"selectAll",type:"checkbox",className:"mr-2 h-fit grid place-content-center bg-transparent ml-2 p-0 h-4 w-4 min-h-[16px] min-w-[16px] border border-black rounded-sm translate-y-[-0.075em] undefined cursor-pointer market-pref-select-all bg-checkboxGroupBackgroundColor rounded",checked:(t==null?void 0:t.group1)&&(t==null?void 0:t.group2),onClick:e=>{var n;let r=(n=e.target)==null?void 0:n.checked;p({group1:r,group2:r}),M(r)}}),(0,o.jsx)("div",{className:["w-full text-sm cursor-pointer",y==="luckypantsbingo"?t.group1&&t.group2?"text-checkboxGroupLabelActiveColor":"text-white":"text-checkboxGroupLabelActiveColor"].join(" "),children:"Select all"})]})}),(0,o.jsx)("div",{children:(0,o.jsxs)("div",{className:"flex flex-col",children:[(0,o.jsx)("div",{className:"text-sm px-4 pt-4",children:E}),(0,o.jsx)(f,{containerClassName:"p-4",containerRef:c,className:"odd:!m-0 p-2 mb-0 md:h-auto",name:B,titleClassName:"flex text-checkboxGroupTitleColor text-lg font-bold mb-4 items-center",descriptionClassName:"mb-4 text-sm text-checkboxGroupDescriptionColor",noBorders:!0,showError:!0,type:"checkboxgroup",hasSelectAll:!1,hasSelectNone:!1,hideChecked:!0,onSelectAllChange:e=>{p({...t,group2:e})},onValueChange:e=>{g&&g(e)},onFocus:()=>{v&&v()},onAfterValidation:()=>{var r;let e=new CustomEvent("validate");(r=a==null?void 0:a.current)==null||r.dispatchEvent(e)},defaultValue:h,items:i==null?void 0:i.map(e=>({label:e.label,subLabel:e.subLabel,className:"!min-h-24 mb-4 bg-checkboxGroupBackgroundColor !border-0 !shadow-checkboxGroupBoxShadow font-normal",icon:e.icon,labelActiveClassname:"text-checkboxGroupLabelActiveColor font-black"})),isRounded:!0}),(0,o.jsx)("div",{className:"text-sm px-4",children:w}),(0,o.jsx)(f,{containerClassName:"p-4",containerRef:a,className:"odd:!m-0 p-2 md:m-h-12",name:S,titleClassName:"flex text-checkboxGroupTitleColor text-lg font-bold mb-4 items-center",descriptionClassName:"mb-4 text-sm text-checkboxGroupDescriptionColor",noBorders:!0,showError:!0,errorIconSrc:F?"/images/info-white.svg":"/images/info-icon-black.svg",type:"checkboxgroup",hasSelectAll:!1,hasSelectNone:!1,hideChecked:!0,onSelectAllChange:e=>{p({...t,group1:e})},onValueChange:e=>{x&&x(e)},onFocus:()=>{k&&k()},defaultValue:b,items:s==null?void 0:s.map(e=>

1({label:e.label,className:"!min-h-14 bg-checkboxGroupBackgroundColor !border-0 !shadow-checkboxGroupBoxShadow font-normal",labelActiveClassname:"text-checkboxGroupLabelActiveColor font-black",icon:e.icon})),isRounded:!0})]})})]})}export{U as a};