{"version":3,"file":"Bookmark_Button.DqRAM0DR.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/VVX3yKVERAaSsbR71ukf/0Go3nyzJaWmHiCsjuOhZ/Bookmark_Button.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{thentyAuth}from\"https://cdn.thenty.io/beta/thenty-sdk.min.js\";import{fetchUserData}from\"https://framer.com/m/ThentyHelpers-I0Oh.js\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function BookmarkButton(props){const{cmsCollectionName,slug,colors,border}=props;const{userData}=fetchUserData();const borderRadius=props.radiusIsMixed?`${props.radiusTopLeft}px ${props.radiusTopRight}px ${props.radiusBottomRight}px ${props.radiusBottomLeft}px`:`${props.radius}px`;const[favourite,setFavourite]=useState(false);useEffect(()=>{var _userData_bookmarks;var _userData_bookmarks_includes;setFavourite((_userData_bookmarks_includes=userData===null||userData===void 0?void 0:(_userData_bookmarks=userData.bookmarks)===null||_userData_bookmarks===void 0?void 0:_userData_bookmarks.includes(`/${cmsCollectionName}/${slug}`.toLowerCase()))!==null&&_userData_bookmarks_includes!==void 0?_userData_bookmarks_includes:false);},[userData===null||userData===void 0?void 0:userData.bookmarks]);function onButtonClick(event){event.preventDefault();event.stopPropagation();try{thentyAuth.toggleBookmark(cmsCollectionName,slug);setFavourite(f=>!f);}catch(err){console.error(err);}}return /*#__PURE__*/_jsxs(\"div\",{style:{backgroundColor:favourite?colors.fillOn:colors.fillOff,borderRadius:borderRadius,padding:props.paddingIsMixed?`${props.paddingTop}px ${props.paddingRight}px ${props.paddingBottom}px ${props.paddingLeft}px`:`${props.padding}px`,cursor:\"pointer\",overflow:\"hidden\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",...props.style},onClick:onButtonClick,children:[/*#__PURE__*/_jsx(HeartIcon,{filled:favourite,size:props.iconSize,color:favourite?colors.iconOn:colors.iconOff,customIcons:props.customIcons}),border&&/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,borderWidth:border.widthIsMixed?`${border.widthTop}px ${border.widthRight}px ${border.widthBottom}px ${border.widthLeft}px`:`${border.width}px`,borderStyle:border.style,borderColor:favourite?border.colorOn:border.colorOff,borderRadius:borderRadius,pointerEvents:\"none\"}})]});}BookmarkButton.displayName=\"Bookmark Button\";addPropertyControls(BookmarkButton,{cmsCollectionName:{type:ControlType.String,defaultValue:\"\",title:\"CMS Collection Name\"},slug:{type:ControlType.String,defaultValue:\"\",description:\"Connect to Slug field.\"},colors:{type:ControlType.Object,buttonTitle:\"Icon & Fill\",controls:{iconOn:{type:ControlType.Color,defaultValue:\"#FF0000\"},iconOff:{type:ControlType.Color,defaultValue:\"#919191\"},fillOn:{type:ControlType.Color,defaultValue:\"rgba(255, 0, 0, 0)\"},fillOff:{type:ControlType.Color,defaultValue:\"rgba(145, 145, 145, 0)\"}}},iconSize:{type:ControlType.Number,defaultValue:24,min:1,step:1},radius:{type:ControlType.FusedNumber,defaultValue:8,toggleKey:\"radiusIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"radiusTopLeft\",\"radiusTopRight\",\"radiusBottomRight\",\"radiusBottomLeft\"],valueLabels:[\"TL\",\"TR\",\"BR\",\"BL\"],min:0},padding:{type:ControlType.FusedNumber,defaultValue:12,toggleKey:\"paddingIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},border:{type:ControlType.Object,optional:true,controls:{colorOn:{type:ControlType.Color,defaultValue:\"#FF0000\"},colorOff:{type:ControlType.Color,defaultValue:\"#919191\"},width:{type:ControlType.FusedNumber,defaultValue:1,toggleKey:\"widthIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"widthTop\",\"widthRight\",\"widthBottom\",\"widthLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},style:{type:ControlType.Enum,defaultValue:\"solid\",options:[\"solid\",\"dashed\",\"dotted\",\"double\"],optionTitles:[\"Solid\",\"Dashed\",\"Dotted\",\"Double\"]}}},customIcons:{type:ControlType.Object,optional:true,buttonTitle:\"Icons\",controls:{type:{type:ControlType.Enum,defaultValue:\"svg\",options:[\"svg\",\"image\"],optionTitles:[\"SVG\",\"Image\"],displaySegmentedControl:true},svgOn:{type:ControlType.String,placeholder:\"<svg></svg>\",displayTextArea:true,title:\"On\",hidden:props=>props.type!=\"svg\"},svgOff:{type:ControlType.String,placeholder:\"<svg></svg>\",displayTextArea:true,title:\"Off\",hidden:props=>props.type!=\"svg\"},imageOn:{type:ControlType.ResponsiveImage,title:\"On\",hidden:props=>props.type!=\"image\"},imageOff:{type:ControlType.ResponsiveImage,title:\"Off\",hidden:props=>props.type!=\"image\"},sizing:{type:ControlType.Enum,defaultValue:\"cover\",options:[\"cover\",\"contain\",\"fill\"],optionTitles:[\"Fill\",\"Fit\",\"Stretch\"],hidden:props=>props.type!=\"image\"},opacity:{type:ControlType.Number,defaultValue:1,min:0,max:1,step:.01}}},transition:{type:ControlType.Transition}});function HeartIcon(props){const{filled,customIcons,size,color}=props;if(customIcons){if(customIcons.type==\"svg\"){return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{className:\"superfields-social-share-icon\",style:{width:size,height:size,opacity:customIcons.opacity,color:color,pointerEvents:\"none\"},dangerouslySetInnerHTML:customIcons.type==\"svg\"?{__html:(filled?customIcons.svgOn:customIcons.svgOff).replace(/width=\"(\\d+)\"/,`width=\"${size}\"`).replace(/height=\"(\\d+)\"/,`width=\"${size}\"`)}:undefined}),(customIcons===null||customIcons===void 0?void 0:customIcons.type)==\"svg\"&&/*#__PURE__*/_jsx(\"style\",{children:`.superfields-social-share-icon svg { display: block; }`})]});}else if(customIcons.type==\"image\"){var _customIcons_imageOn,_customIcons_imageOff,_customIcons_image;return /*#__PURE__*/_jsx(\"img\",{src:filled?(_customIcons_imageOn=customIcons.imageOn)===null||_customIcons_imageOn===void 0?void 0:_customIcons_imageOn.src:(_customIcons_imageOff=customIcons.imageOff)===null||_customIcons_imageOff===void 0?void 0:_customIcons_imageOff.src,alt:(_customIcons_image=customIcons.image)===null||_customIcons_image===void 0?void 0:_customIcons_image.alt,style:{display:\"block\",width:size,height:size,opacity:customIcons.opacity,color:color,objectFit:customIcons.sizing,objectPosition:\"center\",pointerEvents:\"none\"}});}}return /*#__PURE__*/_jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:size,height:size,viewBox:\"0 0 24 24\",strokeWidth:\"2\",stroke:\"currentColor\",fill:\"none\",strokeLinecap:\"round\",strokeLinejoin:\"round\",style:{color:color,display:\"block\"},children:filled?/*#__PURE__*/_jsx(\"path\",{d:\"M6.979 3.074a6 6 0 0 1 4.988 1.425l.037 .033l.034 -.03a6 6 0 0 1 4.733 -1.44l.246 .036a6 6 0 0 1 3.364 10.008l-.18 .185l-.048 .041l-7.45 7.379a1 1 0 0 1 -1.313 .082l-.094 -.082l-7.493 -7.422a6 6 0 0 1 3.176 -10.215z\",strokeWidth:\"0\",fill:\"currentColor\"}):/*#__PURE__*/_jsx(\"path\",{d:\"M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572\"})});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"BookmarkButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Bookmark_Button.map"],"mappings":"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"}