{"version":3,"file":"FlashSaleBanner.K-5soom5.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/GcU6hqj3euQAp1nf2kom/vvIq0TTODdRt2OlfWaQr/FlashSaleBanner.js"],"sourcesContent":["// Live countdown banner with flash sale timer - exact recreation from design\nimport{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export default function FlashSaleBanner(props){const{labelText,discountText,backgroundColor,textColor,badgeColor,badgeTextColor,endTime,font,badgeFont,link,icon}=props;const[timeLeft,setTimeLeft]=useState({days:0,hours:10,minutes:0,seconds:48});useEffect(()=>{if(typeof window===\"undefined\")return;const targetDate=new Date(endTime).getTime();const updateTimer=()=>{const now=new Date().getTime();const difference=targetDate-now;if(difference>0){const days=Math.floor(difference/(1e3*60*60*24));const hours=Math.floor(difference%(1e3*60*60*24)/(1e3*60*60));const minutes=Math.floor(difference%(1e3*60*60)/(1e3*60));const seconds=Math.floor(difference%(1e3*60)/1e3);startTransition(()=>{setTimeLeft({days,hours,minutes,seconds});});}else{startTransition(()=>{setTimeLeft({days:0,hours:0,minutes:0,seconds:0});});}};updateTimer();const interval=setInterval(updateTimer,1e3);return()=>clearInterval(interval);},[endTime]);const formatNumber=num=>String(num).padStart(2,\"0\");const getIconPath=()=>{switch(icon){case\"lightning\":return\"M13 2L3 14H12L11 22L21 10H12L13 2Z\";case\"fire\":return\"M8.5 14.5C8.5 14.5 9 13.5 9 12C9 10.5 8 9 8 9C8 9 7 10.5 7 12C7 13.5 7.5 14.5 8.5 14.5ZM12 2C12 2 10 5 10 8C10 11 12.5 13 12.5 13C12.5 13 15 11 15 8C15 5 13 2 12 2ZM12 23C12 23 3 17 3 11C3 8 5 3 12 3C19 3 21 8 21 11C21 17 12 23 12 23Z\";case\"tag\":return\"M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82zM7 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4z\";case\"percent\":return\"M19 5L5 19M9 7.5C9 8.88071 7.88071 10 6.5 10C5.11929 10 4 8.88071 4 7.5C4 6.11929 5.11929 5 6.5 5C7.88071 5 9 6.11929 9 7.5ZM20 16.5C20 17.8807 18.8807 19 17.5 19C16.1193 19 15 17.8807 15 16.5C15 15.1193 16.1193 14 17.5 14C18.8807 14 20 15.1193 20 16.5Z\";case\"gift\":return\"M20 12v10H4V12M2 7h20v5H2V7zM12 22V7M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7zM12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z\";case\"clock\":return\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22ZM12 6V12L16 14\";case\"rocket\":return\"M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09zM12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2zM9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5\";case\"star\":return\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\";case\"sparkle\":return\"M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z\";case\"bell\":return\"M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9M13.73 21a2 2 0 0 1-3.46 0\";case\"warning\":return\"M12 3L3 19h18L12 3z\";default:return\"M13 2L3 14H12L11 22L21 10H12L13 2Z\";}};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                @media (max-width: 640px) {\n                    .flash-banner-container {\n                        flex-direction: column !important;\n                        gap: 8px !important;\n                        padding: 16px 20px !important;\n                    }\n                    .flash-banner-icon {\n                        width: 16px !important;\n                        height: 16px !important;\n                    }\n                    .flash-banner-label {\n                        font-size: 14px !important;\n                    }\n                    .flash-banner-timer-row {\n                        display: flex !important;\n                        align-items: center !important;\n                        gap: 8px !important;\n                        flex-wrap: nowrap !important;\n                    }\n                    .flash-banner-timer {\n                        font-size: 14px !important;\n                    }\n                    .flash-banner-badge {\n                        font-size: 12px !important;\n                        padding: 5px 12px !important;\n                    }\n                }\n            `}),/*#__PURE__*/_jsx(\"a\",{href:link,rel:\"noopener noreferrer\",style:{textDecoration:\"none\",display:\"block\",width:\"100%\",cursor:link?\"pointer\":\"default\"},children:/*#__PURE__*/_jsxs(\"div\",{className:\"flash-banner-container\",style:{...props.style,position:\"relative\",width:\"100%\",backgroundColor:backgroundColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",gap:12,padding:\"12px 20px\",overflow:\"hidden\",flexWrap:\"wrap\",transition:\"opacity 0.2s ease\"},onMouseEnter:e=>{if(link)e.currentTarget.style.opacity=\"0.9\";},onMouseLeave:e=>{if(link)e.currentTarget.style.opacity=\"1\";},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:8},children:[/*#__PURE__*/_jsxs(\"svg\",{className:\"flash-banner-icon\",width:\"18\",height:\"18\",viewBox:\"0 0 24 24\",fill:\"none\",xmlns:\"http://www.w3.org/2000/svg\",style:{flexShrink:0},children:[/*#__PURE__*/_jsx(\"path\",{d:getIconPath(),stroke:textColor,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",fill:icon===\"sparkle\"||icon===\"star\"||icon===\"lightning\"||icon===\"fire\"||icon===\"warning\"?textColor:\"none\"}),icon===\"warning\"&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"line\",{x1:\"12\",y1:\"9\",x2:\"12\",y2:\"13\",stroke:backgroundColor,strokeWidth:\"2\",strokeLinecap:\"round\"}),/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"16\",r:\"0.5\",fill:backgroundColor,stroke:backgroundColor,strokeWidth:\"1.5\"})]})]}),/*#__PURE__*/_jsx(\"span\",{className:\"flash-banner-label\",style:{...font,color:textColor,whiteSpace:\"nowrap\",flexShrink:0},children:labelText})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"flash-banner-timer-row\",style:{display:\"flex\",alignItems:\"center\",gap:12},children:[/*#__PURE__*/_jsxs(\"div\",{className:\"flash-banner-timer\",style:{display:\"flex\",alignItems:\"center\",gap:8,...font,color:textColor,flexShrink:0},children:[/*#__PURE__*/_jsxs(\"span\",{children:[formatNumber(timeLeft.days),\"d\"]}),/*#__PURE__*/_jsx(\"span\",{children:\":\"}),/*#__PURE__*/_jsxs(\"span\",{children:[formatNumber(timeLeft.hours),\"h\"]}),/*#__PURE__*/_jsx(\"span\",{children:\":\"}),/*#__PURE__*/_jsxs(\"span\",{children:[formatNumber(timeLeft.minutes),\"m\"]}),/*#__PURE__*/_jsx(\"span\",{children:\":\"}),/*#__PURE__*/_jsxs(\"span\",{children:[formatNumber(timeLeft.seconds),\"s\"]})]}),/*#__PURE__*/_jsx(\"div\",{className:\"flash-banner-badge\",style:{backgroundColor:badgeColor,color:badgeTextColor,padding:\"6px 14px\",borderRadius:20,...badgeFont,whiteSpace:\"nowrap\",flexShrink:0},children:discountText})]})]})})]});}addPropertyControls(FlashSaleBanner,{labelText:{type:ControlType.String,title:\"Label\",defaultValue:\"FLASH SALE ENDS IN:\"},icon:{type:ControlType.Enum,title:\"Icon\",options:[\"lightning\",\"fire\",\"tag\",\"percent\",\"gift\",\"clock\",\"rocket\",\"star\",\"sparkle\",\"bell\",\"warning\"],optionTitles:[\"Lightning\",\"Fire\",\"Tag\",\"Percent\",\"Gift\",\"Clock\",\"Rocket\",\"Star\",\"Sparkle\",\"Bell\",\"Warning\"],defaultValue:\"lightning\"},discountText:{type:ControlType.String,title:\"Discount\",defaultValue:\"41% OFF\"},endTime:{type:ControlType.Date,title:\"End Time\",displayTime:true},link:{type:ControlType.Link,title:\"Link URL\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"#FF0000\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#FFFFFF\"},badgeColor:{type:ControlType.Color,title:\"Badge Color\",defaultValue:\"#FFFFFF\"},badgeTextColor:{type:ControlType.Color,title:\"Badge Text\",defaultValue:\"#FF0000\"},font:{type:ControlType.Font,title:\"Main Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"16px\",variant:\"Bold\",letterSpacing:\"0.02em\",lineHeight:\"1em\"}},badgeFont:{type:ControlType.Font,title:\"Badge Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:\"13px\",variant:\"Bold\",letterSpacing:\"0.01em\",lineHeight:\"1em\"}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FlashSaleBanner\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FlashSaleBanner.map"],"mappings":"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"}