{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/FoSS9XBDNajSmyUqI5gs/aVpIJrtq1eCrXSYCH0AL/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(()=>{setFavourite(userData?.bookmarks?.includes(`/${cmsCollectionName}/${slug}`.toLowerCase())??false);},[userData?.bookmarks]);function onButtonClick(event){event.preventDefault();event.stopPropagation();try{thentyAuth.toggleBookmark(cmsCollectionName,slug,!favourite);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?.type==\"svg\"&&/*#__PURE__*/_jsx(\"style\",{children:`.superfields-social-share-icon svg { display: block; }`})]});}else if(customIcons.type==\"image\"){return /*#__PURE__*/_jsx(\"img\",{src:filled?customIcons.imageOn?.src:customIcons.imageOff?.src,alt: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\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Bookmark_Button.map"],
  "mappings": "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",
  "names": ["BookmarkButton", "props", "cmsCollectionName", "slug", "colors", "border", "userData", "fetchUserData", "borderRadius", "favourite", "setFavourite", "ye", "ue", "onButtonClick", "event", "thentyAuth", "f", "err", "u", "p", "HeartIcon", "addPropertyControls", "ControlType", "filled", "customIcons", "size", "color", "l"]
}