{
  "version": 3,
  "sources": ["ssg: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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",
  "names": ["BookmarkButton", "props", "cmsCollectionName", "slug", "colors", "border", "userData", "fetchUserData", "borderRadius", "favourite", "setFavourite", "ye", "ue", "_userData_bookmarks", "_userData_bookmarks_includes", "onButtonClick", "event", "thentyAuth", "f", "err", "u", "p", "HeartIcon", "addPropertyControls", "ControlType", "filled", "customIcons", "size", "color", "l", "_customIcons_imageOn", "_customIcons_imageOff", "_customIcons_image"]
}