{"version":3,"file":"OfferCountdown.lXLK75qM.mjs","names":["useState","useMemo","React"],"sources":["https:/framerusercontent.com/modules/KlITcQIhaNa0tuAuRxlT/KCNuzJiin7qSyyEErBoF/OfferCountdown.js"],"sourcesContent":["// Create a live countdown timer component for an announcement bar with configurable end date, labels, separators, text styling, expired state, and compact inline layout.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import React,{startTransition,useEffect,useMemo,useState}from\"react\";import{addPropertyControls,ControlType,useIsStaticRenderer}from\"framer\";function toTimestamp(endDate){if(typeof endDate===\"number\")return endDate;const parsed=new Date(endDate).getTime();return Number.isFinite(parsed)?parsed:0;}function getRemaining(endDate){const endMs=toTimestamp(endDate);const nowMs=Date.now();const diff=Math.max(0,endMs-nowMs);const days=Math.floor(diff/(1e3*60*60*24));const hours=Math.floor(diff/(1e3*60*60)%24);const minutes=Math.floor(diff/(1e3*60)%60);const seconds=Math.floor(diff/1e3%60);return{totalMs:diff,days,hours,minutes,seconds,isExpired:diff<=0};}function pad(value){return value.toString().padStart(2,\"0\");}/**\n * @framerSupportedLayoutWidth auto\n * @framerSupportedLayoutHeight auto\n */export default function OfferCountdown(props){const{endDate=\"2027-12-31T23:59:59.000Z\",showLabels=true,separator=\":\",textColor=\"#FFFFFF\",fontSize=15,fontWeight=600,expiredText=\"Oferta finalizada\",gap=6,style}=props;const isStatic=useIsStaticRenderer();const initialRemaining=useMemo(()=>getRemaining(endDate),[endDate]);const[remaining,setRemaining]=useState(initialRemaining);useEffect(()=>{startTransition(()=>{setRemaining(getRemaining(endDate));});if(isStatic||typeof window===\"undefined\"){return;}const intervalId=window.setInterval(()=>{const next=getRemaining(endDate);startTransition(()=>{setRemaining(next);});},1e3);return()=>{window.clearInterval(intervalId);};},[endDate,isStatic]);const isFixedWidth=style?.width===\"100%\";const isFixedHeight=style?.height===\"100%\";const textStyle={color:textColor,fontSize:`${fontSize}px`,fontWeight,fontFamily:'\"Allianz Neo\", Arial, sans-serif',lineHeight:1,whiteSpace:\"nowrap\",fontVariantNumeric:\"tabular-nums\"};if(remaining.isExpired&&expiredText.trim().length>0){return /*#__PURE__*/_jsx(\"div\",{style:{...style,position:\"relative\",display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",...isFixedWidth?null:{width:\"max-content\",minWidth:\"max-content\"},...isFixedHeight?null:{height:\"max-content\"}},children:/*#__PURE__*/_jsx(\"span\",{style:textStyle,children:expiredText})});}const parts=[{value:pad(remaining.days),label:\"d\"},{value:pad(remaining.hours),label:\"h\"},{value:pad(remaining.minutes),label:\"m\"},{value:pad(remaining.seconds),label:\"s\"}];return /*#__PURE__*/_jsx(\"div\",{style:{...style,position:\"relative\",display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",...isFixedWidth?null:{width:\"max-content\",minWidth:\"max-content\"},...isFixedHeight?null:{height:\"max-content\"}},children:/*#__PURE__*/_jsx(\"div\",{style:{display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",gap:`${gap}px`,minWidth:\"max-content\",...textStyle},children:parts.map((part,index)=>{const isLast=index===parts.length-1;return /*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsxs(\"span\",{style:{...textStyle,minWidth:\"max-content\"},children:[part.value,showLabels?part.label:\"\"]}),!isLast&&/*#__PURE__*/_jsx(\"span\",{\"aria-hidden\":\"true\",style:{...textStyle,minWidth:\"max-content\"},children:separator})]},`${part.label}-${index}`);})})});}addPropertyControls(OfferCountdown,{endDate:{type:ControlType.Date,title:\"End Date\",defaultValue:\"2027-12-31T23:59:59.000Z\"},showLabels:{type:ControlType.Boolean,title:\"Labels\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\"},separator:{type:ControlType.String,title:\"Separator\",defaultValue:\":\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#FFFFFF\"},fontSize:{type:ControlType.Number,title:\"Size\",defaultValue:15,min:10,max:40,step:1,unit:\"px\"},fontWeight:{type:ControlType.Enum,title:\"Weight\",defaultValue:600,options:[400,500,600,700],optionTitles:[\"400\",\"500\",\"600\",\"700\"],displaySegmentedControl:true},expiredText:{type:ControlType.String,title:\"Expired\",defaultValue:\"Oferta finalizada\",placeholder:\"Leave empty to keep 00:00:00:00\"},gap:{type:ControlType.Number,title:\"Gap\",defaultValue:6,min:0,max:24,step:1,unit:\"px\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"OfferCountdown\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./OfferCountdown.map"],"mappings":"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"}