https://assets.cgtrader.com/packs/js/community-gallery-panel-570c37a110dc39781673.chunk.js

1"use strict";(globalThis.webpackChunkcgtrader=globalThis.webpackChunkcgtrader||[]).push([[23774],{78294(e,t,o){o.r(t),o.d(t,{default:()=>C});var r=o(96540),a=o(36752),i=o(74232),l=o(60210),n=o(75195),s=o(86952),c=o(16485),d=o(65696),u=o(29292),m=o(7300),p=o(73890),g=o(3364);const C=function(){var e=(0,r.useContext)(p.default),t=e.communityGalleryFilterOptions,o=e.communityGalleryInitialModels,C=e.userLoggedIn,h=e.pageConfigLoaded,b=e.extractingCoreStyles;(0,s.default)(c.STUDIO_EVENT.GALLERY_VIEW,{enabled:h&&!b});var v=(0,d.useThreeDStudioStore)(e=>e.communityGalleryFilters.searchQuery),f=(0,d.useThreeDStudioStore)(e=>e.communityGalleryFilters.category),y=(0,d.useThreeDStudioStore)(e=>e.communityGalleryFilters.sortOrder),N=(0,d.useThreeDStudioStore)(e=>(0,u.getFiltersCount)(e)>0),w=(0,l.useNavigate)(),k=(0,r.useCallback)(e=>{w((0,n.buildSharedRunPathname)({slug:e.slug,id:e.id,title:e.title}),{state:{fromGallery:!0}})},[w]),E=h&&!C?i.ANONYMOUS_PAGE_LIMIT:null,S=(0,r.useCallback)(()=>{(0,m.openSignInModal)("signup")},[]),x=(0,r.useCallback)(()=>{(0,m.openSignInModal)("signup")},[]);return r.createElement(a.default,{searchQuery:v,onSearchChange:u.setSearchQuery,category:f,categories:t.visibleCategories,onCategoryChange:u.setCategory,sortOrder:y,initialModels:o,paginationMode:"infinite",onCardClick:k,onAuthGatedLoadMore:S,anonymousPageLimit:E,authLoaded:h,isUserLoggedIn:C,onSignInRequired:x,emptyState:r.createElement(g.default,{hasActiveFilters:N,onClearFilters:u.clearAllFilters})})}},3364(e,t,o){o.r(t),o.d(t,{default:()=>c});var r=o(96540),a=o(62816),i=o(5556),l=o(71625),n=o(41087);function s(e){var t=e.hasActiveFilters,o=void 0!==t&&t,i=e.onClearFilters,s=void 0===i?n.tE:i;return r.createElement("div",{className:"community-gallery-empty-state",role:"status"},r.createElement("div",{className:"community-gallery-empty-state__content"},r.createElement(l.default,null),r.createElement("div",{className:"community-gallery-empty-state__text"},r.createElement("p",{className:"community-gallery-empty-state__title cgt-heading-300"},"No models found matching your criteria"),r.createElement("p",{className:"community-gallery-empty-state__description cgt-body-md"},"Try adjusting your search or selecting different filters"))),o&&r.createElement("div",{className:"community-gallery-empty-state__actions"},r.createElement(a.A,{type:"secondary",size:"small",onClick:s},"Clear Filters")))}s.propTypes={hasActiveFilters:i.bool,onClearFilters:i.func};const c=s},73021(e,t,o){o.d(t,{A:()=>d});var r=o(25015),a=o(96540),i=o(5556),l=o(21188),n=o(62621),s=o(80576);function c(e){var t=e.arrowLeft,o=void 0!==t&&t,i=e.content,c=e.contentClassName,d=void 0===c?"":c,u=e.displayContentFirst,m=void 0!==u&&u,p=e.expandedLabel,g=void 0===p?"":p,C=e.hideArrow,h=void 0!==C&&C,b=e.headClassName,v=void 0===b?"":b,f=e.id,y=void 0===f?"":f,N=e.isControlled,w=void 0!==N&&N,k=e.isOpen,E=void 0!==k&&k,S=e.label,x=e.onClick,A=(0,a.useState)(),T=(0,r.zC)(A,2),_=T[0],F=T[1];(0,a.useEffect)(function(){F(E)},[E]);var M=a.createElement("div",{className:(0,l.A)("cgt-accordion__content",d)},i);return a.createElement("li",{className:(0,l.A)("cgt-accordion__item",_&&"is-open")},m&&M,a.createElement("div",{className:(0,l.A)("cgt-accordion__head",v),onClick:function(){x?x(!_,y):w||F(!_)}},o&&!h&&a.createElement(n.A,{svgComponent:s.default,color:"dark",notSpaced:!0}),a.createElement("span",{className:"cgt-accordion__label"},_&&g?g:S),!o&&!h&&a.createElement(n.A,{svgComponent:s.default,color:"dark",notSpaced:!0})),!m&&M)}function d(e){var t=e.className,o=void 0===t?"":t,i=e.displayContentFirst,n=void 0!==i&&i,s=e.hasBorder,d=void 0!==s&&s,u=e.hideArrow,m=void 0!==u&&u,p=e.isChildAccordion,g=void 0!==p&&p,C=e.isControlled,h=void 0!==C&&C,b=e.items,v=void 0===b?[]:b,f=e.onClick;return 0===v.length?null:a.createElement("ul",{className:(0,l.A)("cgt-accordion",o,d&&"cgt-accordion--border",g&&"cgt-accordion--child")},v.map(function(e,t){return a.createElement(c,(0,r._P)({key:"accordion-item-".concat(t),isControlled:h,hideArrow:m},e,{onClick:f,displayContentFirst:n}))}))}c.propTypes={arrowLeft:i.bool,content:(0,i.oneOfType)([i.string,i.node]).isRequired,contentClassName:i.string,displayContentFirst:i.bool,expandedLabel:i.string,headClassName:i.string,hideArrow:i.bool,id:i.string,isControlled:i.bool,isOpen:i.bool,label:(0,i.oneOfType)([i.string,i.node]).isRequired,onClick:i.func},d.propTypes={className:i.string,displayContentFirst:i.bool,hasBorder:i.bool,hideArrow:i.bool,isChildAccordion:i.bool,isControlled:i.bool,items:i.array,onClick:i.func}},35288(e,t,o){o.d(t,{A:()=>h});var r=o(25015),a=o(96540),i=o(5556),l=o(549),n=o(73021),s=o(55136),c=o(21188),d=o(45939),u=o(46984),m=o(62816),p=o(76432);function g(e){var t=e.count,o=void 0===t?-1:t,r=e.tagColorClass,i=void 0===r?"cgt-legacy-back-color-grey-12 cgt-legacy-color-grey-50":r;

1return o<0?null:a.createElement("div",{className:(0,c.A)("cgt-tag",i,"cgt-filters-group__count")},o)}function C(e){var t=e.label,o=void 0===t?"":t,i=e.filters,l=e.activeFilters,n=e.onChange,s=e.limit,C=void 0===s?0:s,h=e.isSearchable,b=void 0!==h&&h,v=e.isControlledCheckboxUsed,f=e.expandCheckboxLabel,y=void 0!==f&&f,N=e.wrapperClassName,w=void 0===N?"":N,k=e.searchPlaceholder,E=void 0===k?"Search":k,S=e.hideShowMore,x=void 0!==S&&S,A=e.useNewCheckboxes,T=void 0!==A&&A,_=e.textInputProps,F=void 0===_?{}:_,M=e.showMoreButtonType,L=void 0===M?"ghost":M,R=e.showMoreButtonText,P=e.useRadio,D=void 0!==P&&P,I=(0,a.useState)(C||i.length),O=(0,r.zC)(I,2),q=O[0],B=O[1],G=(0,a.useState)(""),z=(0,r.zC)(G,2),U=z[0],j=z[1],Q=(0,a.useState)(i),W=(0,r.zC)(Q,2),H=W[0],V=W[1];(0,a.useEffect)(function(){H!==i&&V(i)},[i]),(0,a.useEffect)(function(){q!==C&&B(C||i.length)},[C]);var Y=(0,a.useMemo)(function(){return H.slice(0,q).map(function(e){var t=e.value,o=e.label,r=e.count,i=e.tagColorClass,s=e.isDisabled;return a.createElement(u.A,{key:"filter-".concat(t),label:o,trailLabel:T?r:null,labelAdditions:T?null:a.createElement(g,{count:r,tagColorClass:i}),isChecked:l.includes(t),onChange:function(e){return n(t,e)},className:(0,c.A)("cgt-menu-item",T?"cgt-filters-group__checkbox cgt-menu-item--no-hover":"cgt-filters-group__filter"),isControlled:v,expand:y,wrapperClassName:w,isHighlighted:T,isDisabled:s})})},[H,l,v,q]),J=(0,a.useMemo)(function(){return H.slice(0,q).map(function(e){var t=e.value,o=e.label,r=e.count,i=e.isDisabled;return a.createElement(p.A,{key:"filter-".concat(t),label:o,trailLabel:r,isChecked:l.includes(t),onChange:function(){return n(t)},className:(0,c.A)("cgt-menu-item","cgt-filters-group__radio",w),isDisabled:i})})},[H,l,q,w]);return a.createElement(a.Fragment,null,b&&a.createElement(d.A,(0,r._P)({onChange:function(e){var t=e.target.value;j(t);var o=i.filter(function(e){return e.label.toLowerCase().includes(t.toLowerCase())});V(o)},id:"search-for-".concat(o),wrapperClassName:"cgt-mb-10",value:U,placeholder:E,isPilot:!0},F)),D?J:Y,!x&&q<H.length&&a.createElement(m.A,{type:L,size:"small",expand:!0,customClass:"cgt-filters-group__more",onClick:function(){B(q+C)}},R))}function h(e){var t=e.filters,o=e.selectedFilters,i=e.onFiltersChange,c=e.limit,d=void 0===c?0:c,u=e.isCollapsible,m=void 0===u||u,p=e.isControlled,g=void 0!==p&&p,h=e.expandCheckboxLabel,b=void 0!==h&&h,v=e.wrapperClassName,f=void 0===v?"":v,y=e.searchPlaceholder,N=void 0===y?"Search":y,w=e.hideShowMore,k=void 0!==w&&w,E=e.useNewCheckboxes,S=void 0!==E&&E,x=e.hideLastDivider,A=void 0!==x&&x,T=e.baseFormWrapperClassName,_=void 0===T?"":T,F=e.textInputProps,M=void 0===F?{}:F,L=e.dividerClassName,R=void 0===L?"":L,P=e.showMoreButtonText,D=void 0===P?"Show more":P,I=e.useRadio,O

1=void 0!==I&&I,q=(0,a.useState)([]),B=(0,r.zC)(q,2),G=B[0],z=B[1],U=(0,a.useState)([]),j=(0,r.zC)(U,2),Q=j[0],W=j[1];(0,a.useEffect)(function(){G!==t&&z(t)},[t]),(0,a.useEffect)(function(){W(o)},[o]);var H=(0,a.useCallback)(function(e,t){var o;return o=O?[e]:t?Q.concat(e):Q.filter(function(t){return t!==e}),W(o),i(o,e,t)},[Q]),V=(0,a.useMemo)(function(){return G.map(function(e){var t=e.label,o=e.tooltip,r=e.tooltipPlacement,i=e.tooltipContainerClassName,l=e.filters,n=e.isSearchable,s=e.withTitleDivider,c=e.showMoreButtonType;return{isOpen:!0,label:t,tooltip:o,tooltipPlacement:r,tooltipContainerClassName:i,withTitleDivider:s,content:a.createElement(C,{key:"group-".concat(t),label:t,filters:l,activeFilters:Q,onChange:H,limit:d,isSearchable:n,isControlledCheckboxUsed:g,expandCheckboxLabel:b,wrapperClassName:f,searchPlaceholder:N,hideShowMore:k,useNewCheckboxes:S,textInputProps:M,showMoreButtonType:c,showMoreButtonText:D,useRadio:O})}})},[Q,H,d,m,g,G,O]);return m?a.createElement(n.A,{items:V}):a.createElement(a.Fragment,null,V.map(function(e,t){var o=e.label,r=e.tooltip,i=e.tooltipPlacement,n=e.tooltipContainerClassName,c=e.content,d=e.withTitleDivider;return a.createElement(a.Fragment,{key:"filters-group-".concat(o,"-").concat(t)},a.createElement(s.A,{title:o,tooltip:r,useHtmlTooltip:!0,isTooltipClickable:!0,tooltipPlacement:i,tooltipContainerClassName:n,withTitleDivider:d,wrapperClassName:_},c),!A&&a.createElement(l.A,{customClass:R}))}))}g.propTypes={count:i.number,tagColorClass:i.string},C.propTypes={label:i.string,filters:(0,i.arrayOf)((0,i.shape)({value:i.string.isRequired,label:i.string.isRequired,count:(0,i.oneOfType)([i.object,i.number]),tagColorClass:i.string,isDisabled:i.bool}).isRequired).isRequired,activeFilters:(0,i.arrayOf)(i.string).isRequired,onChange:i.func.isRequired,limit:i.number,isSearchable:i.bool,isControlledCheckboxUsed:i.bool.isRequired,expandCheckboxLabel:i.bool,wrapperClassName:i.string,hideShowMore:i.bool,useNewCheckboxes:i.bool,searchPlaceholder:i.string,textInputProps:i.object,showMoreButtonType:i.string,showMoreButtonText:i.string.isRequired,useRadio:i.bool},h.propTypes={filters:i.array.isRequired,selectedFilters:(0,i.arrayOf)(i.string).isRequired,onFiltersChange:i.func.isRequired,limit:i.number,isCollapsible:i.bool,isControlled:i.bool,expandCheckboxLabel:i.bool,wrapperClassName:i.string,hideShowMore:i.bool,useNewCheckboxes:i.bool,searchPlaceholder:i.string,hideLastDivider:i.bool,baseFormWrapperClassName:i.string,textInputProps:i.object,dividerClassName:i.string,showMoreButtonText:i.string,useRadio:i.bool}}}]);
2//# sourceMappingURL=community-gallery-panel-570c37a110dc39781673.chunk.js.map