{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/4w9sJWojogi6mWAJoJH9/yWDuikQSaQQDOJT4sG0Q/FC_SortButton.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function FC_SortButton(props){const{DropdownVisual,relevanceText=\"Relevance\",titleAscText=\"A-Z\",titleDescText=\"Z-A\",priceAscText=\"Price (lowest first)\",priceDescText=\"Price (highest first)\",newestText=\"Newest\",bestSellingText=\"Best Selling\"}=props;const[currentSort,setCurrentSort]=React.useState(\"relevance\");// Map internal sort values to display text\nconst sortOptions=React.useMemo(()=>{return[{value:\"relevance\",text:relevanceText},{value:\"title_asc\",text:titleAscText},{value:\"title_desc\",text:titleDescText},{value:\"price_asc\",text:priceAscText},{value:\"price_desc\",text:priceDescText},{value:\"newest\",text:newestText},{value:\"best_selling\",text:bestSellingText}].filter(option=>option.text)// Filter out options with empty text\n;},[relevanceText,titleAscText,titleDescText,priceAscText,priceDescText,newestText,bestSellingText]);// Get the current sort text\nconst getCurrentSortText=React.useCallback(()=>{const option=sortOptions.find(opt=>opt.value===currentSort);return option?.text||relevanceText;},[currentSort,sortOptions,relevanceText]);// Helper function to update text content with {{param}}\nconst updateButtonContent=element=>{if(!element||typeof element!==\"object\")return element;// Handle arrays\nif(Array.isArray(element)){return element.map(child=>updateButtonContent(child));}if(!/*#__PURE__*/React.isValidElement(element))return element;const{children,...otherProps}=element.props;// Special handling for Framer Text components\nif(element.type?.displayName?.includes(\"Text\")){const text=element.props.text||\"\";const newText=text.replace(/{{param}}/g,getCurrentSortText());return /*#__PURE__*/React.cloneElement(element,{...otherProps,text:newText});}// Handle children recursively\nlet newChildren=children;if(children){if(typeof children===\"string\"){newChildren=children.replace(/{{param}}/g,getCurrentSortText());}else if(/*#__PURE__*/React.isValidElement(children)||Array.isArray(children)){newChildren=updateButtonContent(children);}}return /*#__PURE__*/React.cloneElement(element,{...otherProps,children:newChildren});};// Handle sort change\nconst handleSortChange=React.useCallback(e=>{const value=e.target.value;setCurrentSort(value);// Map URL sort parameter to internal sort configuration\nlet sortConfig;switch(value){case\"relevance\":sortConfig={type:\"relevancy\",sortBy:\"relevancy\",sortDirection:null};break;case\"title_asc\":sortConfig={type:\"name\",sortBy:\"name\",sortDirection:\"aToZ\"};break;case\"title_desc\":sortConfig={type:\"name\",sortBy:\"name\",sortDirection:\"zToA\"};break;case\"price_asc\":sortConfig={type:\"price\",sortBy:\"price\",sortDirection:\"lowToHigh\"};break;case\"price_desc\":sortConfig={type:\"price\",sortBy:\"price\",sortDirection:\"highToLow\"};break;case\"newest\":sortConfig={type:\"created\",sortBy:\"created\",sortDirection:\"newest\"};break;case\"best_selling\":sortConfig={type:\"best-selling\",sortBy:\"best-selling\",sortDirection:null};break;}// Update URL with sort parameter\nif(typeof window!==\"undefined\"){const url=new URL(window.location.href);url.searchParams.set(\"sort\",value);window.history.pushState({sortConfig},\"\",url.toString());}// Dispatch sort change event\ndocument.dispatchEvent(new CustomEvent(\"product-sort-change\",{detail:sortConfig}));},[]);// Update sort value from URL on mount and URL changes\nReact.useEffect(()=>{if(typeof window===\"undefined\")return;const updateSortFromUrl=()=>{const urlParams=new URLSearchParams(window.location.search);const sortParam=urlParams.get(\"sort\");if(sortParam&&sortOptions.some(option=>option.value===sortParam)){setCurrentSort(sortParam);}};updateSortFromUrl();window.addEventListener(\"popstate\",updateSortFromUrl);return()=>{window.removeEventListener(\"popstate\",updateSortFromUrl);};},[sortOptions]);return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",pointerEvents:\"none\"},children:updateButtonContent(DropdownVisual)}),/*#__PURE__*/_jsx(\"select\",{value:currentSort,onChange:handleSortChange,style:{position:\"absolute\",top:0,left:0,width:\"100%\",height:\"100%\",opacity:0,cursor:\"pointer\"},children:sortOptions.map(option=>/*#__PURE__*/_jsx(\"option\",{value:option.value,children:option.text},option.value))})]});}addPropertyControls(FC_SortButton,{DropdownVisual:{type:ControlType.ComponentInstance,title:\"Component\",description:\"Connect to native Framer component, on-canvas but off-page. Use {{param}} in text to show the current sort option\"},relevanceText:{type:ControlType.String,title:\"Relevance\",defaultValue:\"Relevance\"},titleAscText:{type:ControlType.String,title:\"Title (A-Z)\",defaultValue:\"A-Z\"},titleDescText:{type:ControlType.String,title:\"Title (Z-A)\",defaultValue:\"Z-A\"},priceAscText:{type:ControlType.String,title:\"Price (Low)\",defaultValue:\"Price (lowest first)\"},priceDescText:{type:ControlType.String,title:\"Price (High)\",defaultValue:\"Price (highest first)\"},newestText:{type:ControlType.String,title:\"Newest\",defaultValue:\"Newest\"},bestSellingText:{type:ControlType.String,title:\"Best Selling\",defaultValue:\"Best Selling\",description:\"Empty fields won't be displayed\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FC_SortButton\",\"slots\":[\"DropdownVisual\"],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FC_SortButton.map"],
  "mappings": "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",
  "names": ["FC_SortButton", "props", "DropdownVisual", "relevanceText", "titleAscText", "titleDescText", "priceAscText", "priceDescText", "newestText", "bestSellingText", "currentSort", "setCurrentSort", "ye", "sortOptions", "se", "option", "getCurrentSortText", "te", "opt", "updateButtonContent", "element", "child", "J", "children", "otherProps", "newText", "q", "newChildren", "handleSortChange", "value", "sortConfig", "window", "url", "ue", "updateSortFromUrl", "sortParam", "u", "p", "addPropertyControls", "ControlType"]
}