{"version":3,"file":"CompoundCartOptions.ka1S44cK.mjs","names":["useState","useMemo","useCallback","_Fragment"],"sources":["https:/framerusercontent.com/modules/sjxKbVlHVFgBl47lCH4G/34ucK1wE7YVOsDDGd8Xo/CompoundCartOptions.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useCallback,useEffect,useMemo,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight auto\n */export default function CompoundCartOptions(props){const{storageKey,cartPath,compoundName,option1Size,option1Price,option1Stock,option2Size,option2Price,option2Stock,option3Size,option3Price,option3Stock,navyColor,tealColor,goldColor,textColor,subtleTextColor}=props;const[viewportWidth,setViewportWidth]=useState(1280);useEffect(()=>{if(typeof window!==\"undefined\"){const onResize=function(){setViewportWidth(window.innerWidth);};onResize();window.addEventListener(\"resize\",onResize);return function(){window.removeEventListener(\"resize\",onResize);};}},[]);const options=useMemo(()=>{const rawOptions=[{size:(option1Size||\"\").trim(),price:(option1Price||\"\").trim(),stock:Number(option1Stock)||0},{size:(option2Size||\"\").trim(),price:(option2Price||\"\").trim(),stock:Number(option2Stock)||0},{size:(option3Size||\"\").trim(),price:(option3Price||\"\").trim(),stock:Number(option3Stock)||0}];return rawOptions.filter(function(item){return item.size.length>0&&item.price.length>0;});},[option1Size,option1Price,option1Stock,option2Size,option2Price,option2Stock,option3Size,option3Price,option3Stock]);const isPhone=viewportWidth<=640;const[showAddedModal,setShowAddedModal]=useState(false);const handleAdd=useCallback(function(selected){const cartItem={name:(compoundName||\"\").trim()||\"Unnamed Compound\",size:selected.size,price:selected.price,quantity:1};if(typeof window!==\"undefined\"){try{const raw=window.localStorage.getItem(storageKey);const parsed=raw?JSON.parse(raw):[];const safeItems=Array.isArray(parsed)?parsed:[];let merged=false;const nextItems=safeItems.map(function(item){const sameItem=item&&item.name===cartItem.name&&item.size===cartItem.size&&item.price===cartItem.price;if(sameItem){merged=true;return{name:item.name,size:item.size,price:item.price,quantity:(Number(item.quantity)||0)+(Number(cartItem.quantity)||0)};}return item;});if(!merged){nextItems.push(cartItem);}window.localStorage.setItem(storageKey,JSON.stringify(nextItems));}catch(error){}}setShowAddedModal(true);},[compoundName,storageKey]);const handleGoToCheckout=useCallback(function(){if(typeof window!==\"undefined\"){window.location.href=cartPath;}},[cartPath]);const handleContinueShopping=useCallback(function(){setShowAddedModal(false);},[]);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"relative\",width:\"100%\",display:\"grid\",gridTemplateColumns:\"1fr 1fr\",gap:10,boxSizing:\"border-box\",color:textColor,fontFamily:'-apple-system, BlinkMacSystemFont, \"Segoe UI\", Inter, sans-serif'},children:options.length===0?/*#__PURE__*/_jsx(\"div\",{style:{border:`1px solid ${tealColor}44`,background:navyColor,borderRadius:14,padding:isPhone?\"12px\":\"16px\",color:subtleTextColor,fontSize:isPhone?13:14},children:\"No purchase options available.\"}):options.map(function(option,index){const inStock=option.stock>0;return /*#__PURE__*/_jsxs(\"div\",{style:{border:`1px solid ${tealColor}44`,background:navyColor,borderRadius:14,gridColumn:options.length===1||options.length===3&&index===2?\"1 / -1\":\"auto\",order:options.length===3&&index===2?-1:0,padding:isPhone?\"12px\":\"16px\",display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",gap:10},children:[/*#__PURE__*/_jsxs(\"div\",{style:{display:\"grid\",gap:4,textAlign:\"center\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{color:textColor,fontSize:isPhone?14:15,fontWeight:600,lineHeight:\"1.2em\"},children:option.size}),/*#__PURE__*/_jsx(\"div\",{style:{color:goldColor,fontSize:isPhone?13:14,lineHeight:\"1.2em\"},children:option.price})]}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",onClick:function(){handleAdd(option);},style:{border:\"none\",borderRadius:999,background:tealColor,color:navyColor,padding:isPhone?\"11px 14px\":\"12px 16px\",minWidth:isPhone?\"100%\":130,cursor:\"pointer\",fontWeight:700,fontSize:isPhone?13:14},children:inStock?\"Add to Cart\":\"Preorder\"})]},`${option.size}-${option.price}-${index}`);})}),showAddedModal&&/*#__PURE__*/_jsx(\"div\",{role:\"dialog\",\"aria-modal\":\"true\",\"aria-label\":\"Item added to cart\",style:{position:\"fixed\",inset:0,width:\"100vw\",height:\"100vh\",zIndex:999999,background:\"rgba(0, 11, 24, 0.78)\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:20,boxSizing:\"border-box\"},children:/*#__PURE__*/_jsxs(\"div\",{style:{width:\"100%\",maxWidth:380,background:navyColor,border:`1px solid ${tealColor}66`,borderRadius:18,boxShadow:\"0 24px 70px rgba(0,0,0,0.6)\",padding:\"24px\",boxSizing:\"border-box\",textAlign:\"center\",color:textColor,fontFamily:'-apple-system, BlinkMacSystemFont, \"Segoe UI\", Inter, sans-serif'},children:[/*#__PURE__*/_jsx(\"div\",{style:{fontSize:18,fontWeight:700,marginBottom:8},children:\"Added to Cart\"}),/*#__PURE__*/_jsx(\"div\",{style:{fontSize:14,color:subtleTextColor,marginBottom:20,lineHeight:1.4},children:\"Your item has been added to your cart. What would you like to do next?\"}),/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",gap:10},children:[/*#__PURE__*/_jsx(\"button\",{type:\"button\",onClick:handleGoToCheckout,style:{border:\"none\",borderRadius:999,background:tealColor,color:navyColor,padding:\"13px 16px\",fontWeight:700,cursor:\"pointer\",fontSize:14},children:\"Go to Checkout\"}),/*#__PURE__*/_jsx(\"button\",{type:\"button\",onClick:handleContinueShopping,style:{border:`1px solid ${tealColor}66`,borderRadius:999,background:\"transparent\",color:textColor,padding:\"13px 16px\",fontWeight:600,cursor:\"pointer\",fontSize:14},children:\"Continue Shopping\"})]})]})})]});}addPropertyControls(CompoundCartOptions,{storageKey:{type:ControlType.String,title:\"Storage Key\",defaultValue:\"trl_cart_items_v1\"},cartPath:{type:ControlType.String,title:\"Cart Path\",defaultValue:\"/cart\"},compoundName:{type:ControlType.String,title:\"Name\",defaultValue:\"\"},option1Size:{type:ControlType.String,title:\"Opt1 Size\",defaultValue:\"\"},option1Price:{type:ControlType.String,title:\"Opt1 Price\",defaultValue:\"\"},option1Stock:{type:ControlType.Number,title:\"Opt1 Stock\",defaultValue:0,min:-9999,max:9999,step:1},option2Size:{type:ControlType.String,title:\"Opt2 Size\",defaultValue:\"\"},option2Price:{type:ControlType.String,title:\"Opt2 Price\",defaultValue:\"\"},option2Stock:{type:ControlType.Number,title:\"Opt2 Stock\",defaultValue:0,min:-9999,max:9999,step:1},option3Size:{type:ControlType.String,title:\"Opt3 Size\",defaultValue:\"\"},option3Price:{type:ControlType.String,title:\"Opt3 Price\",defaultValue:\"\"},option3Stock:{type:ControlType.Number,title:\"Opt3 Stock\",defaultValue:0,min:-9999,max:9999,step:1},navyColor:{type:ControlType.Color,title:\"Navy\",defaultValue:\"#000B18\"},tealColor:{type:ControlType.Color,title:\"Teal\",defaultValue:\"#00D8CD\"},goldColor:{type:ControlType.Color,title:\"Gold\",defaultValue:\"#F2BF4A\"},textColor:{type:ControlType.Color,title:\"Text\",defaultValue:\"#FFFFFF\"},subtleTextColor:{type:ControlType.Color,title:\"Subtle\",defaultValue:\"#CCCCCC\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CompoundCartOptions\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CompoundCartOptions.map"],"mappings":"sNAGG,SAAwB,EAAoB,EAAM,CAAC,GAAK,CAAC,aAAW,WAAS,eAAa,cAAY,eAAa,eAAa,cAAY,eAAa,eAAa,cAAY,eAAa,eAAa,YAAU,YAAU,YAAU,YAAU,mBAAiB,EAAW,CAAC,EAAc,GAAkBA,EAAS,IAAI,EAAE,MAAc,CAAC,GAAU,IAAS,OAAY,CAAC,IAAM,EAAS,UAAU,CAAC,EAAiB,EAAO,UAAU,CAAE,EAAwD,OAAtD,EAAS,EAAE,EAAO,iBAAiB,SAAS,CAAQ,EAAS,UAAU,CAAC,EAAO,oBAAoB,SAAS,CAAQ,CAAE,CAAE,CAAC,EAAE,CAAC,CAAC,EAAE,IAAM,EAAQC,MAAiU,CAAlS,CAAC,MAAM,GAAa,GAAA,CAAI,KAAK,EAAE,OAAO,GAAc,GAAA,CAAI,KAAK,EAAE,MAAM,OAAO,CAAY,GAAG,CAAC,EAAE,CAAC,MAAM,GAAa,GAAA,CAAI,KAAK,EAAE,OAAO,GAAc,GAAA,CAAI,KAAK,EAAE,MAAM,OAAO,CAAY,GAAG,CAAC,EAAE,CAAC,MAAM,GAAa,GAAA,CAAI,KAAK,EAAE,OAAO,GAAc,GAAA,CAAI,KAAK,EAAE,MAAM,OAAO,CAAY,GAAG,CAAC,CAAmB,CAAC,CAAC,OAAO,SAAS,EAAK,CAAC,OAAO,EAAK,KAAK,OAAO,GAAG,EAAK,MAAM,OAAO,CAAE,CAAC,EAAI,CAAC,EAAY,EAAa,EAAa,EAAY,EAAa,EAAa,EAAY,EAAa,CAAY,CAAC,EAAQ,EAAQ,GAAe,IAAS,CAAC,EAAe,GAAmBD,EAAS,EAAK,EAAQ,EAAUE,EAAY,SAAS,EAAS,CAAC,IAAM,EAAS,CAAC,MAAM,GAAc,GAAA,CAAI,KAAK,GAAG,mBAAmB,KAAK,EAAS,KAAK,MAAM,EAAS,MAAM,SAAS,CAAC,EAAE,GAAU,IAAS,OAAa,GAAG,CAAC,IAAM,EAAI,EAAO,aAAa,QAAQ,CAAU,EAAQ,EAAO,EAAI,KAAK,MAAM,CAAG,EAAE,CAAC,EAAQ,EAAU,MAAM,QAAQ,CAAM,EAAE,EAAO,CAAC,EAAM,EAAO,GAAY,EAAU,EAAU,IAAI,SAAS,EAAK,CAA4P,OAA5O,GAAM,EAAK,OAAO,EAAS,MAAM,EAAK,OAAO,EAAS,MAAM,EAAK,QAAQ,EAAS,OAAmB,EAAO,GAAW,CAAC,KAAK,EAAK,KAAK,KAAK,EAAK,KAAK,MAAM,EAAK,MAAM,UAAU,OAAO,EAAK,QAAQ,GAAG,IAAI,OAAO,EAAS,QAAQ,GAAG,EAAE,GAAU,CAAK,CAAC,EAAM,GAAQ,EAAU,KAAK,CAAQ,EAAG,EAAO,aAAa,QAAQ,EAAW,KAAK,UAAU,CAAS,CAAC,CAAE,MAAa,CAAC,CAAE,EAAkB,EAAI,CAAE,EAAE,CAAC,EAAa,CAAU,CAAC,EAAQ,EAAmBA,EAAY,UAAU,CAAW,IAAS,SAAa,EAAO,SAAS,KAAK,EAAU,EAAE,CAAC,CAAQ,CAAC,EAAQ,EAAuBA,EAAY,UAAU,CAAC,EAAkB,EAAK,CAAE,EAAE,CAAC,CAAC,EAAE,OAAoB,EAAMC,EAAU,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,OAAO,QAAQ,OAAO,oBAAoB,UAAU,IAAI,GAAG,UAAU,aAAa,MAAM,EAAU,WAAW,kEAAkE,EAAE,SAAS,EAAQ,SAAS,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,OAAO,aAAa,EAAU,IAAI,WAAW,EAAU,aAAa,GAAG,QAAQ,EAAQ,OAAO,OAAO,MAAM,EAAgB,SAAS,EAAQ,GAAG,EAAE,EAAE,SAAS,gCAAgC,CAAC,EAAE,EAAQ,IAAI,SAAS,EAAO,EAAM,CAAC,IAAM,EAAQ,EAAO,MAAM,EAAE,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,OAAO,aAAa,EAAU,IAAI,WAAW,EAAU,aAAa,GAAG,WAAW,EAAQ,SAAS,GAAG,EAAQ,SAAS,GAAG,IAAQ,EAAE,SAAS,OAAO,MAAM,EAAQ,SAAS,GAAG,IAAQ,EAAE,GAAG,EAAE,QAAQ,EAAQ,OAAO,OAAO,QAAQ,OAAO,cAAc,SAAS,WAAW,SAAS,eAAe,SAAS,IAAI,EAAE,EAAE,SAAS,CAAc,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,IAAI,EAAE,UAAU,QAAQ,EAAE,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,EAAU,SAAS,EAAQ,GAAG,GAAG,WAAW,IAAI,WAAW,OAAO,EAAE,SAAS,EAAO,IAAI,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,EAAU,SAAS,EAAQ,GAAG,GAAG,WAAW,OAAO,EAAE,SAAS,EAAO,KAAK,CAAC,CAAC,CAAC,CAAC,EAAe,EAAK,SAAS,CAAC,KAAK,SAAS,QAAQ,UAAU,CAAC,EAAU,CAAM,CAAE,EAAE,MAAM,CAAC,OAAO,OAAO,aAAa,IAAI,WAAW,EAAU,MAAM,EAAU,QAAQ,EAAQ,YAAY,YAAY,SAAS,EAAQ,OAAO,IAAI,OAAO,UAAU,WAAW,IAAI,SAAS,EAAQ,GAAG,EAAE,EAAE,SAAS,EAAQ,cAAc,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAO,KAAK,GAAG,EAAO,MAAM,GAAG,GAAO,CAAE,CAAC,CAAC,CAAC,EAAE,GAA6B,EAAK,MAAM,CAAC,KAAK,SAAS,aAAa,OAAO,aAAa,qBAAqB,MAAM,CAAC,SAAS,QAAQ,MAAM,EAAE,MAAM,QAAQ,OAAO,QAAQ,OAAO,OAAO,WAAW,wBAAwB,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,QAAQ,GAAG,UAAU,YAAY,EAAE,SAAsB,EAAM,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,SAAS,IAAI,WAAW,EAAU,OAAO,aAAa,EAAU,IAAI,aAAa,GAAG,UAAU,8BAA8B,QAAQ,OAAO,UAAU,aAAa,UAAU,SAAS,MAAM,EAAU,WAAW,kEAAkE,EAAE,SAAS,CAAc,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,WAAW,IAAI,aAAa,CAAC,EAAE,SAAS,eAAe,CAAC,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,GAAG,MAAM,EAAgB,aAAa,GAAG,WAAW,GAAG,EAAE,SAAS,wEAAwE,CAAC,EAAe,EAAM,MAAM,CAAC,MAAM,CAAC,QAAQ,OAAO,cAAc,SAAS,IAAI,EAAE,EAAE,SAAS,CAAc,EAAK,SAAS,CAAC,KAAK,SAAS,QAAQ,EAAmB,MAAM,CAAC,OAAO,OAAO,aAAa,IAAI,WAAW,EAAU,MAAM,EAAU,QAAQ,YAAY,WAAW,IAAI,OAAO,UAAU,SAAS,EAAE,EAAE,SAAS,gBAAgB,CAAC,EAAe,EAAK,SAAS,CAAC,KAAK,SAAS,QAAQ,EAAuB,MAAM,CAAC,OAAO,aAAa,EAAU,IAAI,aAAa,IAAI,WAAW,cAAc,MAAM,EAAU,QAAQ,YAAY,WAAW,IAAI,OAAO,UAAU,SAAS,EAAE,EAAE,SAAS,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,qBAH9uK,IAA0D,IAAoD,EAGioK,EAAoB,EAAoB,CAAC,WAAW,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,mBAAmB,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,OAAO,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,EAAE,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,EAAE,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,EAAE,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,EAAE,IAAI,MAAM,IAAI,KAAK,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,EAAE,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,EAAE,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,EAAE,IAAI,MAAM,IAAI,KAAK,KAAK,CAAC,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,EAAE,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,EAAE,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,EAAE,IAAI,MAAM,IAAI,KAAK,KAAK,CAAC,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,OAAO,aAAa,SAAS,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,OAAO,aAAa,SAAS,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,OAAO,aAAa,SAAS,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,OAAO,aAAa,SAAS,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,MAAM,SAAS,aAAa,SAAS,CAAC,CAAC"}