@e-llm-studio/instant-learning 1.3.1 → 1.3.3

package/dist/cjs/features/IL-marketplace/components/GuidelineLibraryCard.js

@@ -1,2 +1,962 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("react"),n=require("react-dom"),t=require("lucide-react"),l=require("./GuidelineLibraryCard.module.css.js"),s=require("../../LearningManagement/RBAC/AccessPanel.module.css.js"),r=require("../constants.js"),o=require("../utils.js"),d=require("./GuidelineIconButton.js"),u=require("./GuidelineTooltip.js"),c=require("./GuidelineCardMenu.js"),p=require("./GuidelineConfirmDialog.js"),v=require("./GuidelineStatusChip.js"),h=require("./VersionSelectDropdown.js"),b=require("../../LearningManagement/store/useAuthStore.js"),f=require("../hooks/useMarketplaceApprovalStatus.js"),g=require("primereact/toast"),_=require("appsec-ui"),m=require("../../LearningManagement/shared/SuccessToastContent.js"),C=require("../../LearningManagement/shared/ErrorToastContent.js"),y=require("../services/instant-learning.api.js");exports.GuidelineLibraryCard=function(x){var j,w,N,B,S,L,I,A,k,D,T,G,P,R,M,W,q,F,V,E,U,O,H=this,K=x.guideline,Y=x.isSelected,z=x.addToCartLabel,Q=x.addedToCartLabel,J=x.selectLabel,X=void 0===J?"Select":J,Z=x.selectedLabel,$=void 0===Z?"Selected":Z,ee=x.onToggle,ae=x.onPreview,ie=x.onExplore;x.onEdit;var ne=x.onDuplicate,te=x.onDelete,le=x.onToggleVariant;x.hideEditOption,x.hideDuplicateOption,x.hideDeleteOption;var se=x.hideToggleVariantOption,re=void 0!==se&&se;x.editOptionLabel,x.duplicateOptionLabel;var oe=x.deleteOptionLabel,de=void 0===oe?"Delete":oe,ue=x.enableVariantLabel,ce=void 0===ue?"Enable":ue,pe=x.disableVariantLabel,ve=void 0===pe?"Disable":pe,he=x.duplicateConfirmTitle,be=void 0===he?"Duplicate Guideline":he,fe=x.duplicateConfirmDescription,ge=x.duplicateConfirmLabel,_e=void 0===ge?"Duplicate":ge,me=x.deleteConfirmTitle,Ce=void 0===me?"Delete Guideline":me,ye=x.deleteConfirmDescription,xe=x.deleteConfirmLabel,je=void 0===xe?"Delete":xe,we=x.classNames,Ne=x.styles,Be=x.customIcons,Se=x.subTitleLayout,Le=x.metadataConfig,Ie=x.instantLearning,Ae=x.formatAddedOnLabel;x.fetchWishlistStatus;var ke=x.onWishlistToggle,De=x.onVersionSelect,Te=x.isILMarketplace,Ge=void 0!==Te&&Te,Pe=x.isShareEnabled,Re=void 0===Pe||Pe,Me=x.shareableGuidelineStatuses,We=x.externalShareRbacConfig,qe=x.handleViewButtonCallback,Fe=x.handlePreviewButtonCallback,Ve=x.handleCardClickCallback,Ee=x.handlePublishButtonCallback,Ue=x.publishButtonLabel,Oe=void 0===Ue?"Publish to Marketplace":Ue,He=x.isHighlighted,Ke=void 0!==He&&He,Ye=x.statusActions,ze=x.previewDisabledTooltip,Qe=x.onApproveGuideline,Je=x.onRejectGuideline,Xe=x.waitingReviewLabel,Ze=void 0===Xe?"Waiting on your review":Xe,$e=x.approveLabel,ea=void 0===$e?"Approve":$e,aa=x.rejectLabel,ia=void 0===aa?"Reject":aa,na=x.exploreHighlightGuidelineIds,ta=x.exploreHighlightConfig,la=x.guidelinePinnedMessages,sa=o.getGuidelineId(K),ra=o.getGuidelineTitle(K),oa=o.getGuidelineDisplayDescription(K),da=Ae(o.getGuidelineDate(K)),ua=null===(j=K.created_by)||void 0===j?void 0:j.trim(),ca=[ua?"Created by ".concat(ua):"",da].filter(Boolean).join(" • "),pa=new Date(o.getGuidelineDate(K)||Date.now()),va="template"===Se,ha=pa.toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}),ba=pa.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0}),fa="".concat(ha," at ").concat(ba),ga=[ua?"Created by ".concat(ua):"",fa].filter(Boolean).join(" • "),_a=null!==(N=null!==(w=K.content_type_title)&&void 0!==w?w:K.category)&&void 0!==N?N:"Requirement AI Template",ma=K.topic_title,Ca=null===(S=null===(B=null==Le?void 0:Le.contentType)||void 0===B?void 0:B.show)||void 0===S||S,ya=null!==(I=null===(L=null==Le?void 0:Le.contentType)||void 0===L?void 0:L.label)&&void 0!==I?I:"Content Type",xa=null===(k=null===(A=null==Le?void 0:Le.topic)||void 0===A?void 0:A.show)||void 0===k||k,ja=null!==(T=null===(D=null==Le?void 0:Le.topic)||void 0===D?void 0:D.label)&&void 0!==T?T:"Topic",wa=K.when_to_apply,Na=K.when_not_to_apply,Ba=o.isInstantLearningGuideline(K),Sa=!0===K.is_legacy,La=K.status,Ia="draft"===(null!=La?La:"").trim().toLowerCase(),Aa=v.isUnderReviewStatus(La),ka=b.default(function(e){var a;return null===(a=e.user)||void 0===a?void 0:a.email}),Da=f.useMarketplaceApprovalStatus(null==K?void 0:K.instant_learning_id,null==K?void 0:K.scope_id,null==Ie?void 0:Ie.token,null==Ie?void 0:Ie.baseUrl,Ge&&Aa).data,Ta=null!==(G=null==Da?void 0:Da.users)&&void 0!==G?G:[],Ga=Boolean(ka)&&(null==Ta?void 0:Ta.some(function(e){return e.email.toLowerCase()===ka.toLowerCase()})),Pa=Y?null!==(P=null==Be?void 0:Be.selectedIcon)&&void 0!==P?P:a.jsx(t.Check,{className:"h-4 w-4 flex-shrink-0",strokeWidth:2.6}):null!==(R=null==Be?void 0:Be.unselectedIcon)&&void 0!==R?R:a.jsx(t.Plus,{className:"h-4 w-4 flex-shrink-0",strokeWidth:2.6}),Ra=null!==(M=null==Be?void 0:Be.shareIcon)&&void 0!==M?M:a.jsx(t.Share,{className:"h-5 w-5",strokeWidth:2.2}),Ma=Ba?X:z,Wa=Ba?$:Q,qa=K.instant_learning_id?null==la?void 0:la[K.instant_learning_id]:void 0,Fa=Boolean(null==Ye?void 0:Ye.modeName),Va=(null!==(W=null==Ye?void 0:Ye.configurableStatuses)&&void 0!==W?W:r.CONFIGURABLE_GUIDELINE_STATUSES).includes((null!=La?La:"").trim().toLowerCase()),Ea=Fa?Va?null!==(q=null==Ye?void 0:Ye.configureLabel)&&void 0!==q?q:"Configure":null!==(F=null==Ye?void 0:Ye.testLabel)&&void 0!==F?F:"Test Template":Y?Wa:Ma,Ua=Boolean(null==na?void 0:na.includes(sa)),Oa=Ua&&(null==ta?void 0:ta.label)?ta.label:Ea,Ha=Fa&&!(Va?null==Ye?void 0:Ye.onConfigure:null==Ye?void 0:Ye.onTest),Ka="Coming soon",Ya=Boolean(Ee)&&r.PUBLISHABLE_GUIDELINE_STATUSES.includes((null!=La?La:"").trim().toLowerCase()),za=null===(V=K.application_mapping_ids)||void 0===V?void 0:V[0],Qa=!Me||Me.includes((null!=La?La:"").trim().toLowerCase()),Ja=Boolean(Ge&&Re&&Qa&&za&&(null==Ie?void 0:Ie.token)&&(null==Ie?void 0:Ie.baseUrl)),Xa=(null==We?void 0:We.applicationId)&&(null==We?void 0:We.moduleId)&&(null==We?void 0:We.roleId)&&sa?{externalAppId:We.applicationId,externalModuleId:We.moduleId,externalRoleId:We.roleId,externalResourceId:sa}:void 0;!Xa&&We&&(We.applicationId||We.moduleId||We.roleId)&&console.warn("externalShareRbacConfig needs applicationId, moduleId and roleId together; sharing will grant Learning Management access only.",We);var Za=null!==(E=K.version_list)&&void 0!==E?E:[],$a=null==K?void 0:K.version,ei=Ge&&Za.length>0,ai=i.useRef(null),ii=i.useState(!1),ni=ii[0],ti=ii[1],li=i.useState(!1),si=li[0],ri=li[1],oi=i.useState(!1),di=oi[0],ui=oi[1],ci=i.useState(!1),pi=ci[0],vi=ci[1],hi=i.useState(!1),bi=hi[0],fi=hi[1],gi=i.useState(!1),_i=gi[0],mi=gi[1],Ci=!1!==K.is_enabled,yi=i.useState(!1),xi=yi[0],ji=yi[1],wi=i.useState(null),Ni=wi[0],Bi=wi[1],Si=i.useState(!1),Li=Si[0],Ii=Si[1],Ai=i.useState(null),ki=Ai[0],Di=Ai[1],Ti=i.useState(null),Gi=Ti[0],Pi=Ti[1],Ri=i.useRef(null),Mi=i.useState(!!K.is_wishlisted),Wi=Mi[0],qi=Mi[1],Fi=i.useState(!1),Vi=Fi[0],Ei=Fi[1],Ui=i.useState(null),Oi=Ui[0],Hi=Ui[1],Ki=i.useState(!1),Yi=Ki[0],zi=Ki[1],Qi=i.useState(!1),Ji=Qi[0],Xi=Qi[1],Zi=null!=fe?fe:'Are you sure you want to duplicate "'.concat(ra,'"? A copy will be created with "(1)" appended to the title.'),$i=null!=ye?ye:'Are you sure you want to delete "'.concat(ra,'"? This action cannot be undone.');i.useEffect(function(){qi(!!K.is_wishlisted)},[K.is_wishlisted]),i.useEffect(function(){var e;ki&&(null===(e=Ri.current)||void 0===e||e.show({severity:"error",sticky:!1,life:4e3,content:a.jsx(C.default,{title:"Share unavailable",message:ki})}),Di(null))},[ki]),i.useEffect(function(){var e;Gi&&(null===(e=Ri.current)||void 0===e||e.show({severity:"success",sticky:!1,life:4e3,content:a.jsx(m.default,{title:"Shared",message:Gi})}),Pi(null))},[Gi]),i.useEffect(function(){Bi(null),ji(!1)},[za]);var en=function(e){var a,i;Fa?Va?null===(a=null==Ye?void 0:Ye.onConfigure)||void 0===a||a.call(Ye,K):null===(i=null==Ye?void 0:Ye.onTest)||void 0===i||i.call(Ye,K):Ge&&qe?qe(K):ee(e)},an=c.createGuidelineCardMenuItems({onDelete:function(){return vi(!0)},deleteLabel:de,hideDelete:!1,onToggleVariant:function(){return e.__awaiter(H,void 0,void 0,function(){var a;return e.__generator(this,function(e){switch(e.label){case 0:if(!le)return[2];mi(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,Promise.resolve(le(K))];case 2:return e.sent(),[3,5];case 3:return a=e.sent(),console.error("Toggle variant failed:",a),[3,5];case 4:return mi(!1),[7];case 5:return[2]}})})},isVariantEnabled:Ci,enableVariantLabel:ce,disableVariantLabel:ve,hideToggleVariant:re||!le,toggleVariantDisabled:_i}),nn=an.some(function(e){return!e.hidden}),tn=function(i,n,s,r){return n?a.jsxs("div",e.__assign({className:l.default.accordionWrapper},{children:[a.jsxs("button",e.__assign({type:"button",onClick:r,"aria-expanded":s,className:l.default.accordionHeader},{children:[a.jsx("span",e.__assign({className:l.default.contentTypeLabel},{children:i})),a.jsx(t.ChevronDown,{className:o.cx(l.default.accordionIcon,s&&l.default.accordionIconOpen),strokeWidth:2.2})]})),s&&a.jsx("div",e.__assign({className:l.default.accordionContent},{children:n}))]})):null},ln=a.jsx("button",e.__assign({type:"button",onClick:function(){return!Ia&&void(Ge&&Fe?Fe(K):Ba&&ie?ie(K):ae(K))},"aria-disabled":Ia,className:o.cx(l.default.previewButton,Ia&&l.default.previewButtonDisabled),"aria-label":"Preview ".concat(ra),title:Ia?void 0:"Preview"},{children:a.jsx(t.Eye,{className:l.default.previewIcon,strokeWidth:2.2})})),sn=Ia&&ze?a.jsx(u.GuidelineTooltip,e.__assign({content:ze},{children:ln})):ln,rn="function"==typeof(null==Ye?void 0:Ye.viewDisabled)?Ye.viewDisabled(K):Boolean(null==Ye?void 0:Ye.viewDisabled),on=(null==Ye?void 0:Ye.onView)?a.jsx(u.GuidelineTooltip,e.__assign({content:rn?null!==(U=Ye.viewDisabledTooltip)&&void 0!==U?U:Ka:""},{children:a.jsx("button",e.__assign({type:"button",onClick:function(e){var a;e.stopPropagation(),rn||null===(a=Ye.onView)||void 0===a||a.call(Ye,K)},"aria-disabled":rn,className:o.cx(l.default.selectButton,l.default.viewButton,rn&&l.default.selectButtonDisabled,null==we?void 0:we.libraryCardViewButton),style:null==Ne?void 0:Ne.libraryCardViewButton,"aria-label":"View ".concat(ra)},{children:a.jsx("span",e.__assign({className:l.default.selectButtonLabel},{children:null!==(O=Ye.viewLabel)&&void 0!==O?O:"View"}))}))})):null;return a.jsxs(a.Fragment,{children:[a.jsxs("article",e.__assign({"data-guideline-id":sa,onClick:Ve?function(e){Ve&&(e.target.closest('button, a, input, select, [role="menuitem"]')||Ve(K))}:void 0,className:o.cx(l.default.libraryCard,Ke&&l.default.libraryCardHighlighted,null==we?void 0:we.libraryCard),style:null==Ne?void 0:Ne.libraryCard},{children:[a.jsxs("div",e.__assign({className:o.cx(l.default.libraryCardHeader,null==we?void 0:we.libraryCardHeader),style:null==Ne?void 0:Ne.libraryCardHeader},{children:[a.jsxs("div",e.__assign({className:l.default.libraryCardHeaderContent},{children:[a.jsxs("div",e.__assign({className:l.default.libraryCardTitleWrapper},{children:[Sa&&a.jsx("span",e.__assign({className:o.cx(l.default.legacyBadge,null==we?void 0:we.libraryCardLegacyBadge),style:null==Ne?void 0:Ne.libraryCardLegacyBadge},{children:"Legacy"})),a.jsx("div",e.__assign({className:o.cx(l.default.libraryCardTitle,null==we?void 0:we.libraryCardTitle),style:null==Ne?void 0:Ne.libraryCardTitle,title:ra},{children:ra})),Ge&&a.jsx(v.GuidelineStatusChip,{status:La,className:null==we?void 0:we.libraryCardStatusChip,style:null==Ne?void 0:Ne.libraryCardStatusChip}),Ge&&!Ci&&a.jsx("span",e.__assign({className:o.cx(l.default.disabledChip,null==we?void 0:we.libraryCardDisabledChip),style:null==Ne?void 0:Ne.libraryCardDisabledChip},{children:"Disabled"}))]})),"template"===Se?a.jsx("p",e.__assign({className:o.cx(l.default.libraryCardDate,null==we?void 0:we.libraryCardDate),style:null==Ne?void 0:Ne.libraryCardDate,title:ga},{children:ga})):ca?a.jsx("p",e.__assign({className:o.cx(l.default.libraryCardDate,null==we?void 0:we.libraryCardDate),style:null==Ne?void 0:Ne.libraryCardDate,title:ca},{children:ca})):null]})),a.jsxs("div",e.__assign({className:o.cx(l.default.libraryCardActions,null==we?void 0:we.libraryCardActions),style:null==Ne?void 0:Ne.libraryCardActions},{children:[qa&&a.jsx(u.GuidelineTooltip,e.__assign({content:qa,side:"bottom",maxWidth:320},{children:a.jsx("span",e.__assign({"aria-label":qa,className:l.default.pinnedMessageIcon},{children:a.jsx(t.Pin,{className:l.default.pinIcon,strokeWidth:2.2})}))})),Ba&&!va&&!Ge&&a.jsx(d.GuidelineIconButton,e.__assign({slot:"shareGuideline",label:"Share ".concat(ra),title:"Share",onClick:function(){return ji(!0)},classNames:we,styles:Ne},{children:a.jsx(t.Share2,{className:l.default.shareIcon,strokeWidth:2.2})})),ei&&a.jsxs("div",e.__assign({className:l.default.versionSelectorWrapper},{children:[si&&a.jsx("output",{"aria-label":"Switching version",className:l.default.versionLoadingIcon}),a.jsx(h.VersionSelectDropdown,{versions:Za,currentVersion:$a,disabled:si,onSelect:function(a){return e.__awaiter(H,void 0,void 0,function(){var i;return e.__generator(this,function(e){switch(e.label){case 0:if(!De||String(a)===String($a))return[2];ri(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,De(K,a)];case 2:return e.sent(),[3,5];case 3:return i=e.sent(),console.error("Version switch failed:",i),[3,5];case 4:return ri(!1),[7];case 5:return[2]}})})},triggerAriaLabel:"Select version for ".concat(ra)})]})),a.jsxs("div",e.__assign({className:l.default.moreButtonWrapper},{children:[a.jsx(d.GuidelineIconButton,e.__assign({slot:"libraryCardMoreButton",label:"More options for ".concat(ra),title:"More options",onClick:function(){return nn?ti(function(e){return!e}):void 0},classNames:we,styles:Ne,ref:ai},{children:a.jsx(t.EllipsisVertical,{className:l.default.moreIcon,strokeWidth:2.2})})),nn&&a.jsx(c.GuidelineCardMenu,{open:ni,onClose:function(){return ti(!1)},anchorRef:ai,items:an,classNames:we,styles:Ne})]}))]}))]})),a.jsx("p",e.__assign({className:o.cx(l.default.libraryCardDescription,null==we?void 0:we.libraryCardDescription),style:null==Ne?void 0:Ne.libraryCardDescription,title:oa},{children:oa})),va&&xa&&ma&&a.jsxs("p",e.__assign({className:l.default.topicLabel},{children:[a.jsxs("span",e.__assign({className:"flex-shrink-0"},{children:[ja,":"]})),a.jsx("span",e.__assign({className:l.default.topicLabelBadge},{children:ma}))]})),va&&Ca&&a.jsxs("p",e.__assign({className:l.default.topicLabel},{children:[ya,":"," ",a.jsx("span",e.__assign({className:l.default.topicLabelBadge},{children:_a}))]})),va&&a.jsxs(a.Fragment,{children:[tn("When to Apply",wa,Yi,function(){return zi(function(e){return!e})}),tn("When Not to Apply",Na,Ji,function(){return Xi(function(e){return!e})})]}),Ge&&Aa&&Ga&&a.jsxs("div",e.__assign({className:l.default.reviewBanner},{children:[a.jsxs("div",e.__assign({className:l.default.reviewBannerLabel},{children:[a.jsx(t.Clock,{className:l.default.reviewBannerIcon,strokeWidth:2.2}),a.jsx("span",{children:Ze})]})),a.jsxs("div",e.__assign({className:l.default.reviewBannerActions},{children:[a.jsx("button",e.__assign({type:"button",onClick:function(a){return e.__awaiter(H,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:if(a.stopPropagation(),!Je)return[2];Hi("reject"),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,Promise.resolve(Je(K))];case 2:return e.sent(),[3,4];case 3:return Hi(null),[7];case 4:return[2]}})})},disabled:null!==Oi,className:l.default.reviewRejectButton},{children:"reject"===Oi?"Rejecting...":ia})),a.jsx("button",e.__assign({type:"button",onClick:function(a){return e.__awaiter(H,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:if(a.stopPropagation(),!Qe)return[2];Hi("approve"),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,Promise.resolve(Qe(K))];case 2:return e.sent(),[3,4];case 3:return Hi(null),[7];case 4:return[2]}})})},disabled:null!==Oi,className:l.default.reviewApproveButton},{children:"approve"===Oi?"Approving...":ea}))]}))]})),Ge?a.jsxs("div",e.__assign({className:o.cx(l.default.libraryCardFooter,null==we?void 0:we.libraryCardFooter),style:null==Ne?void 0:Ne.libraryCardFooter},{children:[a.jsxs("div",e.__assign({className:l.default.libraryCardFooterActions},{children:[!Sa&&a.jsx("button",e.__assign({type:"button",onClick:function(a){return e.__awaiter(H,void 0,void 0,function(){var i,n;return e.__generator(this,function(e){switch(e.label){case 0:if(a.stopPropagation(),!ke||!(null==Ie?void 0:Ie.token)||!za)return[2];i=!Wi,Ei(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,ke(za,i,Ie.token)];case 2:return e.sent(),qi(i),[3,5];case 3:return n=e.sent(),console.error("Wishlist operation failed:",n),[3,5];case 4:return Ei(!1),[7];case 5:return[2]}})})},disabled:Vi,className:o.cx(l.default.wishlistButton,Wi?l.default.wishlistButtonWishlisted:l.default.wishlistButtonNotWishlisted,Vi&&l.default.wishlistButtonDisabled),"aria-label":Wi?"Remove ".concat(ra," from wishlist"):"Add ".concat(ra," to wishlist")},{children:a.jsx(t.Heart,{className:l.default.wishlistIcon,fill:Wi?"currentColor":"none",strokeWidth:2.2})})),sn,Ya&&a.jsx(u.GuidelineTooltip,e.__assign({content:Oe},{children:a.jsx("button",e.__assign({type:"button",onClick:function(e){e.stopPropagation(),null==Ee||Ee(K)},className:l.default.previewButton,"aria-label":"".concat(Oe,": ").concat(ra)},{children:a.jsx(t.Upload,{className:l.default.previewIcon,strokeWidth:2.2})}))})),Ja&&a.jsx(u.GuidelineTooltip,e.__assign({content:Li?"Loading share access":"Share"},{children:a.jsx("button",e.__assign({type:"button",onClick:function(a){return e.__awaiter(H,void 0,void 0,function(){var i,n,t,l,s,o,d;return e.__generator(this,function(e){switch(e.label){case 0:if(a.stopPropagation(),!Ja||Li)return[2];if(Ni)return ji(!0),[2];Ii(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,y.fetchRBACConfig(Ie.baseUrl,Ie.token,za)];case 2:return i=e.sent(),(n={applicationId:(null==i?void 0:i.application_name)||r.FALLBACK_RBAC_CONFIG.applicationName,applicationModuleId:(null===(l=null==i?void 0:i.module_data)||void 0===l?void 0:l.General)||r.FALLBACK_RBAC_CONFIG.applicationModuleId,resourceId:(null===(s=null==i?void 0:i.resource_data)||void 0===s?void 0:s["Learning Management"])||r.FALLBACK_RBAC_CONFIG.applicationResourceId}).applicationId&&n.applicationModuleId&&n.resourceId?(Bi(n),ji(!0),[3,5]):(console.error("Incomplete share RBAC config; share modal not opened.",n),Di("This template's access configuration is incomplete, so sharing is unavailable."),[2]);case 3:return t=e.sent(),console.error("Failed to fetch share RBAC config:",t),Di((null===(d=null===(o=null==t?void 0:t.response)||void 0===o?void 0:o.data)||void 0===d?void 0:d.message)||(null==t?void 0:t.message)||"Couldn't load share access for this template. Please try again."),[3,5];case 4:return Ii(!1),[7];case 5:return[2]}})})},"aria-disabled":Li,className:o.cx(l.default.previewButton,Li&&l.default.previewButtonDisabled),"aria-label":"Share ".concat(ra)},{children:Li?a.jsx(t.Loader2,{className:l.default.previewIconSpinner,strokeWidth:2.2}):a.jsx(t.Share2,{className:l.default.previewIcon,strokeWidth:2.2})}))})),va&&!Ge&&a.jsx("button",e.__assign({type:"button",onClick:function(e){e.stopPropagation(),ji(!0)},className:l.default.previewButton,"aria-label":"Share ".concat(ra),title:"Share"},{children:Ra}))]})),a.jsxs("div",e.__assign({className:l.default.primaryActionGroup},{children:[on,a.jsx(u.GuidelineTooltip,e.__assign({content:Ha?Ka:""},{children:a.jsxs("button",e.__assign({type:"button",onClick:function(){return Ha?void 0:en(sa)},"aria-pressed":Y,"aria-disabled":Ha,className:o.cx(l.default.selectButton,Y?l.default.selectButtonSelected:l.default.selectButtonNotSelected,Ha&&l.default.selectButtonDisabled,Ua&&(null==ta?void 0:ta.className),null==we?void 0:we.libraryCardSelectButton),style:e.__assign(e.__assign({},null==Ne?void 0:Ne.libraryCardSelectButton),Ua?null==ta?void 0:ta.style:void 0)},{children:[Pa,a.jsx("span",e.__assign({className:l.default.selectButtonLabel},{children:Oa}))]}))}))]}))]})):a.jsxs("div",e.__assign({className:o.cx(l.default.libraryCardFooter,null==we?void 0:we.libraryCardFooter),style:null==Ne?void 0:Ne.libraryCardFooter},{children:[a.jsx("div",e.__assign({className:l.default.libraryCardFooterActions},{children:sn})),a.jsxs("div",e.__assign({className:o.cx(l.default.primaryActionGroup,l.default.primaryActionGroupFullWidth)},{children:[on,a.jsx(u.GuidelineTooltip,e.__assign({content:Ha?Ka:""},{children:a.jsxs("button",e.__assign({type:"button",onClick:function(){return Ha?void 0:en(sa)},"aria-pressed":Y,"aria-disabled":Ha,className:o.cx(l.default.selectButton,Y?l.default.selectButtonSelected:l.default.selectButtonNotSelected,Ha&&l.default.selectButtonDisabled,Ua&&(null==ta?void 0:ta.className),null==we?void 0:we.libraryCardSelectButton),style:e.__assign(e.__assign({},null==Ne?void 0:Ne.libraryCardSelectButton),Ua?null==ta?void 0:ta.style:void 0)},{children:[Pa,a.jsx("span",e.__assign({className:l.default.selectButtonLabel},{children:Oa}))]}))}))]}))]}))]})),a.jsx(p.GuidelineConfirmDialog,{open:di,onClose:function(){return ui(!1)},onConfirm:function(){return e.__awaiter(H,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:if(!ne)return[2];fi(!0),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,Promise.resolve(ne(K))];case 2:return e.sent(),[3,4];case 3:return fi(!1),ui(!1),[7];case 4:return[2]}})})},title:be,description:Zi,confirmLabel:_e,loading:bi,classNames:we,styles:Ne}),a.jsx(p.GuidelineConfirmDialog,{open:pi,onClose:function(){return vi(!1)},onConfirm:function(){return e.__awaiter(H,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:if(!te)return[2];fi(!0),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,Promise.resolve(te(K))];case 2:return e.sent(),[3,4];case 3:return fi(!1),vi(!1),[7];case 4:return[2]}})})},title:Ce,description:$i,confirmLabel:je,variant:"danger",loading:bi,classNames:we,styles:Ne}),a.jsx(g.Toast,{ref:Ri,position:"top-right",appendTo:document.body,pt:{root:{style:{zIndex:9999}}}}),xi&&Ni&&(null==Ie?void 0:Ie.token)&&n.createPortal(a.jsx("div",e.__assign({className:o.cx(s.default.accessPanel,l.default.shareModalHost)},{children:a.jsx(_.RbacQueryProvider,{children:a.jsx(_.AppsecProvider,e.__assign({appId:Ni.applicationId,baseUrl:Ie.appsecGranularRbacUrl||r.FALLBACK_RBAC_CONFIG.appsecRbacUrl,appsecUrl:Ie.appsecBaseUrl||r.FALLBACK_RBAC_CONFIG.appsecBaseUrl,mode:"manage",getAuthToken:function(){return Ie.token}},{children:a.jsx(_.ShareAccessModal,e.__assign({},Xa,{open:xi,onClose:function(){return ji(!1)},onSuccess:function(){ji(!1),Pi('Access to "'.concat(ra,'" has been successfully shared.'))},resourceId:Ni.resourceId,moduleId:Ni.applicationModuleId,resourceName:ra,title:"Share Access",description:"Grant access to this resource.",notifyByEmail:!0,sendAdditionalMessage:!0,emailTemplate:{subject:"You have been granted access to a template",html:'\n                      <p>Hello {{recipient_email}},</p>\n\n                      <p><strong>{{granted_by}}</strong> has granted you access to a template.</p>\n                      <p>You now have access to this resource.</p>\n\n                      <p><strong>Additional message:</strong></p>\n                      <blockquote style="margin:12px 0;padding-left:12px;border-left:3px solid #d1d5db;">\n                        {{additional_data}}\n                      </blockquote>\n\n                      <p>Thank you,<br/>The Team</p>\n                    '}}))}))})})),document.body)]})};
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var reactDom = require('react-dom');
+var lucideReact = require('lucide-react');
+var GuidelineLibraryCard_module = require('./GuidelineLibraryCard.module.css.js');
+var AccessPanel_module = require('../../LearningManagement/RBAC/AccessPanel.module.css.js');
+var constants = require('../constants.js');
+var utils = require('../utils.js');
+var GuidelineIconButton = require('./GuidelineIconButton.js');
+var GuidelineTooltip = require('./GuidelineTooltip.js');
+var GuidelineCardMenu = require('./GuidelineCardMenu.js');
+var GuidelineConfirmDialog = require('./GuidelineConfirmDialog.js');
+var GuidelineStatusChip = require('./GuidelineStatusChip.js');
+var VersionSelectDropdown = require('./VersionSelectDropdown.js');
+var useAuthStore = require('../../LearningManagement/store/useAuthStore.js');
+var useMarketplaceApprovalStatus = require('../hooks/useMarketplaceApprovalStatus.js');
+var toast = require('primereact/toast');
+var appsecUi = require('appsec-ui');
+var instantLearning_api = require('../services/instant-learning.api.js');
+var ErrorToastContent = require('../../LearningManagement/shared/ErrorToastContent.js');
+var SuccessToastContent = require('../../LearningManagement/shared/SuccessToastContent.js');
+
+function GuidelineLibraryCard({
+  guideline,
+  isSelected,
+  addToCartLabel,
+  addedToCartLabel,
+  selectLabel = "Select",
+  selectedLabel = "Selected",
+  onToggle,
+  onPreview,
+  onExplore,
+  onEdit,
+  onDuplicate,
+  onDelete,
+  onToggleVariant,
+  hideEditOption = false,
+  hideDuplicateOption = false,
+  hideDeleteOption = false,
+  hideToggleVariantOption = false,
+  editOptionLabel = "Edit",
+  duplicateOptionLabel = "Duplicate",
+  deleteOptionLabel = "Delete",
+  enableVariantLabel = "Enable",
+  disableVariantLabel = "Disable",
+  duplicateConfirmTitle = "Duplicate Guideline",
+  duplicateConfirmDescription,
+  duplicateConfirmLabel = "Duplicate",
+  deleteConfirmTitle = "Delete Guideline",
+  deleteConfirmDescription,
+  deleteConfirmLabel = "Delete",
+  classNames,
+  styles,
+  customIcons,
+  // Reserved for upcoming card subtitle layout customization; intentionally
+  // received but not yet consumed.
+  subTitleLayout,
+  metadataConfig,
+  instantLearning,
+  formatAddedOnLabel,
+  fetchWishlistStatus,
+  onWishlistToggle,
+  onVersionSelect,
+  isILMarketplace = false,
+  isShareEnabled = true,
+  shareableGuidelineStatuses,
+  externalShareRbacConfig,
+  handleViewButtonCallback,
+  handlePreviewButtonCallback,
+  handleCardClickCallback,
+  handlePublishButtonCallback,
+  publishButtonLabel = "Publish to Marketplace",
+  isHighlighted = false,
+  statusActions,
+  previewDisabledTooltip,
+  onApproveGuideline,
+  onRejectGuideline,
+  waitingReviewLabel = "Waiting on your review",
+  approveLabel = "Approve",
+  rejectLabel = "Reject",
+  exploreHighlightGuidelineIds,
+  exploreHighlightConfig,
+  guidelinePinnedMessages
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
+  const guidelineId = utils.getGuidelineId(guideline);
+  const title = utils.getGuidelineTitle(guideline);
+  const description = utils.getGuidelineDisplayDescription(guideline);
+  const addedOnLabel = formatAddedOnLabel(utils.getGuidelineDate(guideline));
+  const createdByLabel = (_a = guideline.created_by) == null ? void 0 : _a.trim();
+  const createdMetaLabel = [createdByLabel ? `Created by ${createdByLabel}` : "", addedOnLabel].filter(Boolean).join(" \u2022 ");
+  const dateOfTemplateCreation = new Date(utils.getGuidelineDate(guideline) || Date.now());
+  const isTemplateLayout = subTitleLayout === "template";
+  const formattedTemplateDatePart = dateOfTemplateCreation.toLocaleDateString("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric"
+  });
+  const formattedTemplateTimePart = dateOfTemplateCreation.toLocaleTimeString("en-US", {
+    hour: "numeric",
+    minute: "2-digit",
+    hour12: true
+  });
+  const addedOnLabelForTemplate = `${formattedTemplateDatePart} at ${formattedTemplateTimePart}`;
+  const templateMetaLabel = [
+    createdByLabel ? `Created by ${createdByLabel}` : "",
+    addedOnLabelForTemplate
+  ].filter(Boolean).join(" \u2022 ");
+  const contentTypeLabel = (_c = (_b = guideline.content_type_title) != null ? _b : guideline.category) != null ? _c : "Requirement AI Template";
+  const topicTitle = guideline.topic_title;
+  const showContentType = (_e = (_d = metadataConfig == null ? void 0 : metadataConfig.contentType) == null ? void 0 : _d.show) != null ? _e : true;
+  const contentTypeFieldLabel = (_g = (_f = metadataConfig == null ? void 0 : metadataConfig.contentType) == null ? void 0 : _f.label) != null ? _g : "Content Type";
+  const showTopic = (_i = (_h = metadataConfig == null ? void 0 : metadataConfig.topic) == null ? void 0 : _h.show) != null ? _i : true;
+  const topicFieldLabel = (_k = (_j = metadataConfig == null ? void 0 : metadataConfig.topic) == null ? void 0 : _j.label) != null ? _k : "Topic";
+  const whenToApplyContent = guideline.when_to_apply;
+  const whenNotToApplyContent = guideline.when_not_to_apply;
+  const isInstantLearningMode = utils.isInstantLearningGuideline(guideline);
+  const isLegacyGuideline = guideline.is_legacy === true;
+  const guidelineStatus = guideline.status;
+  const isDraftGuideline = (guidelineStatus != null ? guidelineStatus : "").trim().toLowerCase() === "draft";
+  const isUnderReview = GuidelineStatusChip.isUnderReviewStatus(guidelineStatus);
+  const currentUserEmail = useAuthStore["default"]((state) => {
+    var _a2;
+    return (_a2 = state.user) == null ? void 0 : _a2.email;
+  });
+  const { data: approvalCompletionStatus } = useMarketplaceApprovalStatus.useMarketplaceApprovalStatus(
+    guideline == null ? void 0 : guideline.instant_learning_id,
+    guideline == null ? void 0 : guideline.scope_id,
+    instantLearning == null ? void 0 : instantLearning.token,
+    instantLearning == null ? void 0 : instantLearning.baseUrl,
+    isILMarketplace && isUnderReview
+  );
+  const approvers = (_l = approvalCompletionStatus == null ? void 0 : approvalCompletionStatus.users) != null ? _l : [];
+  const isCurrentUserApprover = Boolean(currentUserEmail) && (approvers == null ? void 0 : approvers.some((approver) => approver.email.toLowerCase() === currentUserEmail.toLowerCase()));
+  const selectButtonIcon = isSelected ? (_m = customIcons == null ? void 0 : customIcons.selectedIcon) != null ? _m : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-4 w-4 flex-shrink-0", strokeWidth: 2.4 }) : (_n = customIcons == null ? void 0 : customIcons.unselectedIcon) != null ? _n : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4 flex-shrink-0", strokeWidth: 2.4 });
+  const shareIcon = (_o = customIcons == null ? void 0 : customIcons.shareIcon) != null ? _o : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Share, { className: "h-5 w-5", strokeWidth: 2.2 });
+  const activeAddLabel = isInstantLearningMode ? selectLabel : addToCartLabel;
+  const activeAddedLabel = isInstantLearningMode ? selectedLabel : addedToCartLabel;
+  const resolvedPinnedMessage = guideline.instant_learning_id ? guidelinePinnedMessages == null ? void 0 : guidelinePinnedMessages[guideline.instant_learning_id] : void 0;
+  const useStatusActions = Boolean(statusActions == null ? void 0 : statusActions.modeName);
+  const isConfigurableStatus = ((_p = statusActions == null ? void 0 : statusActions.configurableStatuses) != null ? _p : constants.CONFIGURABLE_GUIDELINE_STATUSES).includes((guidelineStatus != null ? guidelineStatus : "").trim().toLowerCase());
+  const primaryActionLabel = useStatusActions ? isConfigurableStatus ? (_q = statusActions == null ? void 0 : statusActions.configureLabel) != null ? _q : "Configure" : (_r = statusActions == null ? void 0 : statusActions.testLabel) != null ? _r : "Test Template" : isSelected ? activeAddedLabel : activeAddLabel;
+  const isExploreHighlighted = Boolean(exploreHighlightGuidelineIds == null ? void 0 : exploreHighlightGuidelineIds.includes(guidelineId));
+  const displayedPrimaryActionLabel = isExploreHighlighted && (exploreHighlightConfig == null ? void 0 : exploreHighlightConfig.label) ? exploreHighlightConfig.label : primaryActionLabel;
+  const isPrimaryActionDisabled = useStatusActions && !(isConfigurableStatus ? statusActions == null ? void 0 : statusActions.onConfigure : statusActions == null ? void 0 : statusActions.onTest);
+  const shouldShowPrimaryAction = (statusActions == null ? void 0 : statusActions.showPrimaryAction) !== false;
+  const primaryActionDisabledTooltip = "Coming soon";
+  const canPublishGuideline = Boolean(handlePublishButtonCallback) && constants.PUBLISHABLE_GUIDELINE_STATUSES.includes((guidelineStatus != null ? guidelineStatus : "").trim().toLowerCase());
+  const ilInstanceMappingId = (_s = guideline.application_mapping_ids) == null ? void 0 : _s[0];
+  const isShareableStatus = !shareableGuidelineStatuses || shareableGuidelineStatuses.includes((guidelineStatus != null ? guidelineStatus : "").trim().toLowerCase());
+  const canShareGuideline = Boolean(
+    isILMarketplace && isShareEnabled && isShareableStatus && ilInstanceMappingId && (instantLearning == null ? void 0 : instantLearning.token) && (instantLearning == null ? void 0 : instantLearning.baseUrl)
+  );
+  const externalShareTarget = (externalShareRbacConfig == null ? void 0 : externalShareRbacConfig.applicationId) && (externalShareRbacConfig == null ? void 0 : externalShareRbacConfig.moduleId) && (externalShareRbacConfig == null ? void 0 : externalShareRbacConfig.roleId) && guidelineId ? {
+    externalAppId: externalShareRbacConfig.applicationId,
+    externalModuleId: externalShareRbacConfig.moduleId,
+    externalRoleId: externalShareRbacConfig.roleId,
+    externalResourceId: guidelineId
+  } : void 0;
+  if (!externalShareTarget && externalShareRbacConfig && (externalShareRbacConfig.applicationId || externalShareRbacConfig.moduleId || externalShareRbacConfig.roleId)) {
+    console.warn(
+      "externalShareRbacConfig needs applicationId, moduleId and roleId together; sharing will grant Learning Management access only.",
+      externalShareRbacConfig
+    );
+  }
+  const versionList = (_t = guideline.version_list) != null ? _t : [];
+  const currentVersion = guideline == null ? void 0 : guideline.version;
+  const showVersionSelector = isILMarketplace && versionList.length > 0;
+  const moreButtonRef = React.useRef(null);
+  const [menuOpen, setMenuOpen] = React.useState(false);
+  const [versionLoading, setVersionLoading] = React.useState(false);
+  const [duplicateDialogOpen, setDuplicateDialogOpen] = React.useState(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = React.useState(false);
+  const [actionLoading, setActionLoading] = React.useState(false);
+  const [toggleVariantLoading, setToggleVariantLoading] = React.useState(false);
+  const isVariantEnabled = guideline.is_enabled !== false;
+  const [shareDialogOpen, setShareDialogOpen] = React.useState(false);
+  const [shareRbacConfig, setShareRbacConfig] = React.useState(null);
+  const [shareConfigLoading, setShareConfigLoading] = React.useState(false);
+  const [shareErrorMessage, setShareErrorMessage] = React.useState(null);
+  const [shareSuccessMessage, setShareSuccessMessage] = React.useState(null);
+  const [wishlistSuccessMessage, setWishlistSuccessMessage] = React.useState(null);
+  const shareToastRef = React.useRef(null);
+  const [isWishlisted, setIsWishlisted] = React.useState(
+    !!guideline.is_wishlisted
+  );
+  const [wishlistLoading, setWishlistLoading] = React.useState(false);
+  const [decisionLoading, setDecisionLoading] = React.useState(null);
+  const [whenToApplyOpen, setWhenToApplyOpen] = React.useState(false);
+  const [whenNotToApplyOpen, setWhenNotToApplyOpen] = React.useState(false);
+  const resolvedDuplicateDescription = duplicateConfirmDescription != null ? duplicateConfirmDescription : `Are you sure you want to duplicate "${title}"? A copy will be created with "(1)" appended to the title.`;
+  const resolvedDeleteDescription = deleteConfirmDescription != null ? deleteConfirmDescription : `Are you sure you want to delete "${title}"? This action cannot be undone.`;
+  React.useEffect(() => {
+    setIsWishlisted(!!guideline.is_wishlisted);
+  }, [guideline.is_wishlisted]);
+  React.useEffect(() => {
+    var _a2;
+    if (!shareErrorMessage) return;
+    (_a2 = shareToastRef.current) == null ? void 0 : _a2.show({
+      severity: "error",
+      sticky: false,
+      life: 4e3,
+      content: /* @__PURE__ */ jsxRuntime.jsx(ErrorToastContent["default"], { title: "Share unavailable", message: shareErrorMessage })
+    });
+    setShareErrorMessage(null);
+  }, [shareErrorMessage]);
+  React.useEffect(() => {
+    var _a2;
+    if (!shareSuccessMessage) return;
+    (_a2 = shareToastRef.current) == null ? void 0 : _a2.show({
+      severity: "success",
+      sticky: false,
+      life: 4e3,
+      content: /* @__PURE__ */ jsxRuntime.jsx(SuccessToastContent["default"], { title: "Shared", message: shareSuccessMessage })
+    });
+    setShareSuccessMessage(null);
+  }, [shareSuccessMessage]);
+  React.useEffect(() => {
+    var _a2;
+    if (!wishlistSuccessMessage) return;
+    (_a2 = shareToastRef.current) == null ? void 0 : _a2.show({
+      severity: "success",
+      sticky: false,
+      life: 4e3,
+      content: /* @__PURE__ */ jsxRuntime.jsx(SuccessToastContent["default"], { title: isWishlisted ? "Added to Saved" : "Removed from Saved", message: wishlistSuccessMessage })
+    });
+    setWishlistSuccessMessage(null);
+  }, [isWishlisted, wishlistSuccessMessage]);
+  React.useEffect(() => {
+    setShareRbacConfig(null);
+    setShareDialogOpen(false);
+  }, [ilInstanceMappingId]);
+  const handleWishlistToggle = async (e) => {
+    e.stopPropagation();
+    if (!onWishlistToggle || !(instantLearning == null ? void 0 : instantLearning.token) || !ilInstanceMappingId) return;
+    const nextWishlistState = !isWishlisted;
+    setWishlistLoading(true);
+    try {
+      await onWishlistToggle(ilInstanceMappingId, nextWishlistState, instantLearning.token);
+      setIsWishlisted(nextWishlistState);
+      setWishlistSuccessMessage(
+        nextWishlistState ? `"${title}" has been added to Saved.` : `"${title}" has been removed from Saved.`
+      );
+    } catch (error) {
+      console.error("Wishlist operation failed:", error);
+    } finally {
+      setWishlistLoading(false);
+    }
+  };
+  const handleVersionSelect = async (version) => {
+    if (!onVersionSelect || String(version) === String(currentVersion)) {
+      return;
+    }
+    setVersionLoading(true);
+    try {
+      await onVersionSelect(guideline, version);
+    } catch (error) {
+      console.error("Version switch failed:", error);
+    } finally {
+      setVersionLoading(false);
+    }
+  };
+  const handlePreview = () => {
+    if (isILMarketplace && handlePreviewButtonCallback) {
+      handlePreviewButtonCallback(guideline);
+      return;
+    }
+    if (isInstantLearningMode && onExplore) {
+      onExplore(guideline);
+      return;
+    }
+    onPreview(guideline);
+  };
+  const handleShareClick = async (event) => {
+    var _a2, _b2, _c2, _d2;
+    event.stopPropagation();
+    if (!canShareGuideline || shareConfigLoading) {
+      return;
+    }
+    if (shareRbacConfig) {
+      setShareDialogOpen(true);
+      return;
+    }
+    setShareConfigLoading(true);
+    try {
+      const configData = await instantLearning_api.fetchRBACConfig(
+        instantLearning.baseUrl,
+        instantLearning.token,
+        ilInstanceMappingId
+      );
+      const rbacConfig = {
+        applicationId: (configData == null ? void 0 : configData.application_name) || constants.FALLBACK_RBAC_CONFIG.applicationName,
+        applicationModuleId: ((_a2 = configData == null ? void 0 : configData.module_data) == null ? void 0 : _a2.General) || constants.FALLBACK_RBAC_CONFIG.applicationModuleId,
+        resourceId: ((_b2 = configData == null ? void 0 : configData.resource_data) == null ? void 0 : _b2["Learning Management"]) || constants.FALLBACK_RBAC_CONFIG.applicationResourceId
+      };
+      if (!rbacConfig.applicationId || !rbacConfig.applicationModuleId || !rbacConfig.resourceId) {
+        console.error("Incomplete share RBAC config; share modal not opened.", rbacConfig);
+        setShareErrorMessage(
+          "This template's access configuration is incomplete, so sharing is unavailable."
+        );
+        return;
+      }
+      setShareRbacConfig(rbacConfig);
+      setShareDialogOpen(true);
+    } catch (error) {
+      console.error("Failed to fetch share RBAC config:", error);
+      setShareErrorMessage(
+        ((_d2 = (_c2 = error == null ? void 0 : error.response) == null ? void 0 : _c2.data) == null ? void 0 : _d2.message) || (error == null ? void 0 : error.message) || "Couldn't load share access for this template. Please try again."
+      );
+    } finally {
+      setShareConfigLoading(false);
+    }
+  };
+  const handleCardClick = (event) => {
+    if (!handleCardClickCallback) return;
+    if (event.target.closest('button, a, input, select, [role="menuitem"]')) {
+      return;
+    }
+    handleCardClickCallback(guideline);
+  };
+  const handlePublish = (event) => {
+    event.stopPropagation();
+    handlePublishButtonCallback == null ? void 0 : handlePublishButtonCallback(guideline);
+  };
+  const handleDuplicateConfirm = async () => {
+    if (!onDuplicate) return;
+    setActionLoading(true);
+    try {
+      await Promise.resolve(onDuplicate(guideline));
+    } finally {
+      setActionLoading(false);
+      setDuplicateDialogOpen(false);
+    }
+  };
+  const handleDeleteConfirm = async () => {
+    if (!onDelete) return;
+    setActionLoading(true);
+    try {
+      await Promise.resolve(onDelete(guideline));
+    } finally {
+      setActionLoading(false);
+      setDeleteDialogOpen(false);
+    }
+  };
+  const handleToggleVariant = async () => {
+    if (!onToggleVariant) return;
+    setToggleVariantLoading(true);
+    try {
+      await Promise.resolve(onToggleVariant(guideline));
+    } catch (error) {
+      console.error("Toggle variant failed:", error);
+    } finally {
+      setToggleVariantLoading(false);
+    }
+  };
+  const handleApproveClick = async (event) => {
+    event.stopPropagation();
+    if (!onApproveGuideline) return;
+    setDecisionLoading("approve");
+    try {
+      await Promise.resolve(onApproveGuideline(guideline));
+    } finally {
+      setDecisionLoading(null);
+    }
+  };
+  const handleRejectClick = async (event) => {
+    event.stopPropagation();
+    if (!onRejectGuideline) return;
+    setDecisionLoading("reject");
+    try {
+      await Promise.resolve(onRejectGuideline(guideline));
+    } finally {
+      setDecisionLoading(null);
+    }
+  };
+  const handleButtonClick = (guidelineId2) => {
+    var _a2, _b2;
+    if (useStatusActions) {
+      if (isConfigurableStatus) {
+        (_a2 = statusActions == null ? void 0 : statusActions.onConfigure) == null ? void 0 : _a2.call(statusActions, guideline);
+      } else {
+        (_b2 = statusActions == null ? void 0 : statusActions.onTest) == null ? void 0 : _b2.call(statusActions, guideline);
+      }
+    } else if (isILMarketplace && handleViewButtonCallback) {
+      handleViewButtonCallback(guideline);
+    } else {
+      onToggle(guidelineId2);
+    }
+  };
+  const menuItems = GuidelineCardMenu.createGuidelineCardMenuItems({
+    onDelete: () => setDeleteDialogOpen(true),
+    deleteLabel: deleteOptionLabel,
+    // TODO: Temporarily hiding delete option in UI until deep research on deleteInstantLearningQuestion API is complete.
+    hideDelete: false,
+    // hideDeleteOption || !onDelete,
+    onToggleVariant: handleToggleVariant,
+    isVariantEnabled,
+    enableVariantLabel,
+    disableVariantLabel,
+    hideToggleVariant: hideToggleVariantOption || !onToggleVariant || !((_u = guideline.variant_id) == null ? void 0 : _u.trim()),
+    toggleVariantDisabled: toggleVariantLoading
+  });
+  const hasMenuItems = menuItems.some((item) => !item.hidden);
+  const renderLabel = () => {
+    if (subTitleLayout === "template") {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          className: utils.cx(GuidelineLibraryCard_module["default"].libraryCardDate, classNames == null ? void 0 : classNames.libraryCardDate),
+          style: styles == null ? void 0 : styles.libraryCardDate,
+          title: templateMetaLabel,
+          children: templateMetaLabel
+        }
+      );
+    }
+    if (createdMetaLabel) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        "p",
+        {
+          className: utils.cx(GuidelineLibraryCard_module["default"].libraryCardDate, classNames == null ? void 0 : classNames.libraryCardDate),
+          style: styles == null ? void 0 : styles.libraryCardDate,
+          title: createdMetaLabel,
+          children: createdMetaLabel
+        }
+      );
+    }
+    return null;
+  };
+  const renderAccordion = (label, content, isOpen, onToggle2) => {
+    if (!content) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: GuidelineLibraryCard_module["default"].accordionWrapper, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onToggle2,
+          "aria-expanded": isOpen,
+          className: GuidelineLibraryCard_module["default"].accordionHeader,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: GuidelineLibraryCard_module["default"].contentTypeLabel, children: label }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.ChevronDown,
+              {
+                className: utils.cx(GuidelineLibraryCard_module["default"].accordionIcon, isOpen && GuidelineLibraryCard_module["default"].accordionIconOpen),
+                strokeWidth: 2
+              }
+            )
+          ]
+        }
+      ),
+      isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: GuidelineLibraryCard_module["default"].accordionContent, children: content })
+    ] });
+  };
+  const previewButton = /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => !isDraftGuideline && handlePreview(),
+      "aria-disabled": isDraftGuideline,
+      className: utils.cx(GuidelineLibraryCard_module["default"].previewButton, isDraftGuideline && GuidelineLibraryCard_module["default"].previewButtonDisabled),
+      "aria-label": `Preview ${title}`,
+      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Eye, { className: GuidelineLibraryCard_module["default"].previewIcon, strokeWidth: 2 })
+    }
+  );
+  const previewButtonWithTooltip = /* @__PURE__ */ jsxRuntime.jsx(
+    GuidelineTooltip.GuidelineTooltip,
+    {
+      content: isDraftGuideline ? previewDisabledTooltip != null ? previewDisabledTooltip : "Preview unavailable for drafts" : "Preview",
+      children: previewButton
+    }
+  );
+  const isViewActionDisabled = typeof (statusActions == null ? void 0 : statusActions.viewDisabled) === "function" ? statusActions.viewDisabled(guideline) : Boolean(statusActions == null ? void 0 : statusActions.viewDisabled);
+  const viewActionButton = (statusActions == null ? void 0 : statusActions.showView) !== false && (statusActions == null ? void 0 : statusActions.onView) ? /* @__PURE__ */ jsxRuntime.jsx(
+    GuidelineTooltip.GuidelineTooltip,
+    {
+      content: isViewActionDisabled ? (_v = statusActions.viewDisabledTooltip) != null ? _v : primaryActionDisabledTooltip : "",
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: (event) => {
+            var _a2;
+            event.stopPropagation();
+            if (isViewActionDisabled) return;
+            (_a2 = statusActions.onView) == null ? void 0 : _a2.call(statusActions, guideline);
+          },
+          "aria-disabled": isViewActionDisabled,
+          className: utils.cx(
+            GuidelineLibraryCard_module["default"].selectButton,
+            GuidelineLibraryCard_module["default"].viewButton,
+            isViewActionDisabled && GuidelineLibraryCard_module["default"].selectButtonDisabled,
+            classNames == null ? void 0 : classNames.libraryCardViewButton
+          ),
+          style: styles == null ? void 0 : styles.libraryCardViewButton,
+          "aria-label": `View ${title}`,
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: GuidelineLibraryCard_module["default"].selectButtonLabel, children: (_w = statusActions == null ? void 0 : statusActions.viewLabel) != null ? _w : "View" })
+        }
+      )
+    }
+  ) : null;
+  const isPromoteActionDisabled = typeof (statusActions == null ? void 0 : statusActions.promoteDisabled) === "function" ? statusActions.promoteDisabled(guideline) : Boolean(statusActions == null ? void 0 : statusActions.promoteDisabled);
+  const promoteActionButton = (statusActions == null ? void 0 : statusActions.showPromote) !== false && (statusActions == null ? void 0 : statusActions.onPromote) ? /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      onClick: (event) => {
+        var _a2;
+        event.stopPropagation();
+        if (isPromoteActionDisabled) return;
+        (_a2 = statusActions.onPromote) == null ? void 0 : _a2.call(statusActions, guideline);
+      },
+      "aria-disabled": isPromoteActionDisabled,
+      className: utils.cx(
+        GuidelineLibraryCard_module["default"].selectButton,
+        GuidelineLibraryCard_module["default"].promoteButton,
+        isPromoteActionDisabled && GuidelineLibraryCard_module["default"].selectButtonDisabled
+      ),
+      "aria-label": `Promote ${title}`,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpRight, { className: GuidelineLibraryCard_module["default"].selectButtonIcon, strokeWidth: 2.2 }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: GuidelineLibraryCard_module["default"].selectButtonLabel, children: (_x = statusActions == null ? void 0 : statusActions.promoteLabel) != null ? _x : "Promote" })
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "article",
+      {
+        "data-guideline-id": guidelineId,
+        onClick: handleCardClickCallback ? handleCardClick : void 0,
+        className: utils.cx(
+          GuidelineLibraryCard_module["default"].libraryCard,
+          isHighlighted && GuidelineLibraryCard_module["default"].libraryCardHighlighted,
+          classNames == null ? void 0 : classNames.libraryCard
+        ),
+        style: styles == null ? void 0 : styles.libraryCard,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: utils.cx(GuidelineLibraryCard_module["default"].libraryCardHeader, classNames == null ? void 0 : classNames.libraryCardHeader),
+              style: styles == null ? void 0 : styles.libraryCardHeader,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: GuidelineLibraryCard_module["default"].libraryCardHeaderContent, children: [
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: GuidelineLibraryCard_module["default"].libraryCardTitleWrapper, children: [
+                    isLegacyGuideline && /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: utils.cx(GuidelineLibraryCard_module["default"].legacyBadge, classNames == null ? void 0 : classNames.libraryCardLegacyBadge),
+                        style: styles == null ? void 0 : styles.libraryCardLegacyBadge,
+                        children: "Legacy"
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "div",
+                      {
+                        className: utils.cx(GuidelineLibraryCard_module["default"].libraryCardTitle, classNames == null ? void 0 : classNames.libraryCardTitle),
+                        style: styles == null ? void 0 : styles.libraryCardTitle,
+                        title,
+                        children: title
+                      }
+                    ),
+                    isILMarketplace && /* @__PURE__ */ jsxRuntime.jsx(
+                      GuidelineStatusChip.GuidelineStatusChip,
+                      {
+                        status: guidelineStatus,
+                        className: classNames == null ? void 0 : classNames.libraryCardStatusChip,
+                        style: styles == null ? void 0 : styles.libraryCardStatusChip
+                      }
+                    ),
+                    isILMarketplace && !isVariantEnabled && /* @__PURE__ */ jsxRuntime.jsx(
+                      "span",
+                      {
+                        className: utils.cx(GuidelineLibraryCard_module["default"].disabledChip, classNames == null ? void 0 : classNames.libraryCardDisabledChip),
+                        style: styles == null ? void 0 : styles.libraryCardDisabledChip,
+                        children: "Disabled"
+                      }
+                    )
+                  ] }),
+                  renderLabel()
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: utils.cx(GuidelineLibraryCard_module["default"].libraryCardActions, classNames == null ? void 0 : classNames.libraryCardActions),
+                    style: styles == null ? void 0 : styles.libraryCardActions,
+                    children: [
+                      resolvedPinnedMessage && /* @__PURE__ */ jsxRuntime.jsx(GuidelineTooltip.GuidelineTooltip, { content: resolvedPinnedMessage, side: "bottom", maxWidth: 320, children: /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-label": resolvedPinnedMessage, className: GuidelineLibraryCard_module["default"].pinnedMessageIcon, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Pin, { className: GuidelineLibraryCard_module["default"].pinIcon, strokeWidth: 2 }) }) }),
+                      isInstantLearningMode && !isTemplateLayout && !isILMarketplace && /* @__PURE__ */ jsxRuntime.jsx(
+                        GuidelineIconButton.GuidelineIconButton,
+                        {
+                          slot: "shareGuideline",
+                          label: `Share ${title}`,
+                          title: "Share",
+                          onClick: () => setShareDialogOpen(true),
+                          classNames,
+                          styles,
+                          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Share2, { className: GuidelineLibraryCard_module["default"].shareIcon, strokeWidth: 2 })
+                        }
+                      ),
+                      showVersionSelector && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: GuidelineLibraryCard_module["default"].versionSelectorWrapper, children: [
+                        versionLoading && /* @__PURE__ */ jsxRuntime.jsx("output", { "aria-label": "Switching version", className: GuidelineLibraryCard_module["default"].versionLoadingIcon }),
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          VersionSelectDropdown.VersionSelectDropdown,
+                          {
+                            versions: versionList,
+                            currentVersion,
+                            disabled: versionLoading,
+                            onSelect: handleVersionSelect,
+                            triggerAriaLabel: `Select version for ${title}`
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: GuidelineLibraryCard_module["default"].moreButtonWrapper, children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          GuidelineIconButton.GuidelineIconButton,
+                          {
+                            slot: "libraryCardMoreButton",
+                            label: `More options for ${title}`,
+                            title: "More options",
+                            onClick: () => hasMenuItems ? setMenuOpen((prev) => !prev) : void 0,
+                            classNames,
+                            styles,
+                            ref: moreButtonRef,
+                            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.EllipsisVertical, { className: GuidelineLibraryCard_module["default"].moreIcon, strokeWidth: 2 })
+                          }
+                        ),
+                        hasMenuItems && /* @__PURE__ */ jsxRuntime.jsx(
+                          GuidelineCardMenu.GuidelineCardMenu,
+                          {
+                            open: menuOpen,
+                            onClose: () => setMenuOpen(false),
+                            anchorRef: moreButtonRef,
+                            items: menuItems,
+                            classNames,
+                            styles
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              className: utils.cx(GuidelineLibraryCard_module["default"].libraryCardDescription, classNames == null ? void 0 : classNames.libraryCardDescription),
+              style: styles == null ? void 0 : styles.libraryCardDescription,
+              title: description,
+              children: description
+            }
+          ),
+          isTemplateLayout && showTopic && topicTitle && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: GuidelineLibraryCard_module["default"].topicLabel, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex-shrink-0", children: [
+              topicFieldLabel,
+              ":"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: GuidelineLibraryCard_module["default"].topicLabelBadge, children: topicTitle })
+          ] }),
+          isTemplateLayout && showContentType && /* @__PURE__ */ jsxRuntime.jsxs("p", { className: GuidelineLibraryCard_module["default"].topicLabel, children: [
+            contentTypeFieldLabel,
+            ":",
+            " ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: GuidelineLibraryCard_module["default"].topicLabelBadge, children: contentTypeLabel })
+          ] }),
+          isTemplateLayout && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            renderAccordion(
+              "When to Apply",
+              whenToApplyContent,
+              whenToApplyOpen,
+              () => setWhenToApplyOpen((prev) => !prev)
+            ),
+            renderAccordion(
+              "When Not to Apply",
+              whenNotToApplyContent,
+              whenNotToApplyOpen,
+              () => setWhenNotToApplyOpen((prev) => !prev)
+            )
+          ] }),
+          isILMarketplace && isUnderReview && isCurrentUserApprover && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: GuidelineLibraryCard_module["default"].reviewBanner, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: GuidelineLibraryCard_module["default"].reviewBannerLabel, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: GuidelineLibraryCard_module["default"].reviewBannerIcon, strokeWidth: 2 }),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { children: waitingReviewLabel })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: GuidelineLibraryCard_module["default"].reviewBannerActions, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleRejectClick,
+                  disabled: decisionLoading !== null,
+                  className: GuidelineLibraryCard_module["default"].reviewRejectButton,
+                  children: decisionLoading === "reject" ? "Rejecting..." : rejectLabel
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleApproveClick,
+                  disabled: decisionLoading !== null,
+                  className: GuidelineLibraryCard_module["default"].reviewApproveButton,
+                  children: decisionLoading === "approve" ? "Approving..." : approveLabel
+                }
+              )
+            ] })
+          ] }),
+          isILMarketplace ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: utils.cx(GuidelineLibraryCard_module["default"].libraryCardFooter, classNames == null ? void 0 : classNames.libraryCardFooter),
+              style: styles == null ? void 0 : styles.libraryCardFooter,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: GuidelineLibraryCard_module["default"].libraryCardFooterActions, children: [
+                  !isLegacyGuideline && /* @__PURE__ */ jsxRuntime.jsx(GuidelineTooltip.GuidelineTooltip, { content: isWishlisted ? "Remove from Saved" : "Add to Saved", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleWishlistToggle,
+                      disabled: wishlistLoading,
+                      className: utils.cx(
+                        GuidelineLibraryCard_module["default"].wishlistButton,
+                        isWishlisted ? GuidelineLibraryCard_module["default"].wishlistButtonWishlisted : GuidelineLibraryCard_module["default"].wishlistButtonNotWishlisted,
+                        wishlistLoading && GuidelineLibraryCard_module["default"].wishlistButtonDisabled
+                      ),
+                      "aria-label": isWishlisted ? `Remove ${title} from wishlist` : `Add ${title} to wishlist`,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(
+                        lucideReact.Heart,
+                        {
+                          className: GuidelineLibraryCard_module["default"].wishlistIcon,
+                          fill: isWishlisted ? "currentColor" : "none",
+                          strokeWidth: 2.2
+                        }
+                      )
+                    }
+                  ) }),
+                  previewButtonWithTooltip,
+                  canPublishGuideline && /* @__PURE__ */ jsxRuntime.jsx(GuidelineTooltip.GuidelineTooltip, { content: publishButtonLabel, children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handlePublish,
+                      className: GuidelineLibraryCard_module["default"].previewButton,
+                      "aria-label": `${publishButtonLabel}: ${title}`,
+                      children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Upload, { className: GuidelineLibraryCard_module["default"].previewIcon, strokeWidth: 2 })
+                    }
+                  ) }),
+                  canShareGuideline && /* @__PURE__ */ jsxRuntime.jsx(GuidelineTooltip.GuidelineTooltip, { content: shareConfigLoading ? "Loading share access" : "Share", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleShareClick,
+                      "aria-disabled": shareConfigLoading,
+                      className: utils.cx(
+                        GuidelineLibraryCard_module["default"].previewButton,
+                        shareConfigLoading && GuidelineLibraryCard_module["default"].previewButtonDisabled
+                      ),
+                      "aria-label": `Share ${title}`,
+                      children: shareConfigLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: GuidelineLibraryCard_module["default"].previewIconSpinner, strokeWidth: 2 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Share2, { className: GuidelineLibraryCard_module["default"].previewIcon, strokeWidth: 2 })
+                    }
+                  ) }),
+                  isTemplateLayout && !isILMarketplace && /* @__PURE__ */ jsxRuntime.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        setShareDialogOpen(true);
+                      },
+                      className: GuidelineLibraryCard_module["default"].previewButton,
+                      "aria-label": `Share ${title}`,
+                      title: "Share",
+                      children: shareIcon
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: GuidelineLibraryCard_module["default"].primaryActionGroup, children: [
+                  viewActionButton,
+                  promoteActionButton,
+                  shouldShowPrimaryAction && /* @__PURE__ */ jsxRuntime.jsx(
+                    GuidelineTooltip.GuidelineTooltip,
+                    {
+                      content: isPrimaryActionDisabled ? primaryActionDisabledTooltip : "",
+                      children: /* @__PURE__ */ jsxRuntime.jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => isPrimaryActionDisabled ? void 0 : handleButtonClick(guidelineId),
+                          "aria-pressed": isSelected,
+                          "aria-disabled": isPrimaryActionDisabled,
+                          className: utils.cx(
+                            GuidelineLibraryCard_module["default"].selectButton,
+                            isSelected ? GuidelineLibraryCard_module["default"].selectButtonSelected : GuidelineLibraryCard_module["default"].selectButtonNotSelected,
+                            isPrimaryActionDisabled && GuidelineLibraryCard_module["default"].selectButtonDisabled,
+                            isExploreHighlighted && (exploreHighlightConfig == null ? void 0 : exploreHighlightConfig.className),
+                            classNames == null ? void 0 : classNames.libraryCardSelectButton
+                          ),
+                          style: {
+                            ...styles == null ? void 0 : styles.libraryCardSelectButton,
+                            ...isExploreHighlighted ? exploreHighlightConfig == null ? void 0 : exploreHighlightConfig.style : void 0
+                          },
+                          children: [
+                            selectButtonIcon,
+                            /* @__PURE__ */ jsxRuntime.jsx("span", { className: GuidelineLibraryCard_module["default"].selectButtonLabel, children: displayedPrimaryActionLabel })
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: utils.cx(GuidelineLibraryCard_module["default"].libraryCardFooter, classNames == null ? void 0 : classNames.libraryCardFooter),
+              style: styles == null ? void 0 : styles.libraryCardFooter,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: GuidelineLibraryCard_module["default"].libraryCardFooterActions, children: previewButtonWithTooltip }),
+                /* @__PURE__ */ jsxRuntime.jsxs(
+                  "div",
+                  {
+                    className: utils.cx(GuidelineLibraryCard_module["default"].primaryActionGroup, GuidelineLibraryCard_module["default"].primaryActionGroupFullWidth),
+                    children: [
+                      viewActionButton,
+                      promoteActionButton,
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        GuidelineTooltip.GuidelineTooltip,
+                        {
+                          content: isPrimaryActionDisabled ? primaryActionDisabledTooltip : "",
+                          children: /* @__PURE__ */ jsxRuntime.jsxs(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => isPrimaryActionDisabled ? void 0 : handleButtonClick(guidelineId),
+                              "aria-pressed": isSelected,
+                              "aria-disabled": isPrimaryActionDisabled,
+                              className: utils.cx(
+                                GuidelineLibraryCard_module["default"].selectButton,
+                                isSelected ? GuidelineLibraryCard_module["default"].selectButtonSelected : GuidelineLibraryCard_module["default"].selectButtonNotSelected,
+                                isPrimaryActionDisabled && GuidelineLibraryCard_module["default"].selectButtonDisabled,
+                                isExploreHighlighted && (exploreHighlightConfig == null ? void 0 : exploreHighlightConfig.className),
+                                classNames == null ? void 0 : classNames.libraryCardSelectButton
+                              ),
+                              style: {
+                                ...styles == null ? void 0 : styles.libraryCardSelectButton,
+                                ...isExploreHighlighted ? exploreHighlightConfig == null ? void 0 : exploreHighlightConfig.style : void 0
+                              },
+                              children: [
+                                selectButtonIcon,
+                                /* @__PURE__ */ jsxRuntime.jsx("span", { className: GuidelineLibraryCard_module["default"].selectButtonLabel, children: displayedPrimaryActionLabel })
+                              ]
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      GuidelineConfirmDialog.GuidelineConfirmDialog,
+      {
+        open: duplicateDialogOpen,
+        onClose: () => setDuplicateDialogOpen(false),
+        onConfirm: handleDuplicateConfirm,
+        title: duplicateConfirmTitle,
+        description: resolvedDuplicateDescription,
+        confirmLabel: duplicateConfirmLabel,
+        loading: actionLoading,
+        classNames,
+        styles
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      GuidelineConfirmDialog.GuidelineConfirmDialog,
+      {
+        open: deleteDialogOpen,
+        onClose: () => setDeleteDialogOpen(false),
+        onConfirm: handleDeleteConfirm,
+        title: deleteConfirmTitle,
+        description: resolvedDeleteDescription,
+        confirmLabel: deleteConfirmLabel,
+        variant: "danger",
+        loading: actionLoading,
+        classNames,
+        styles
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      toast.Toast,
+      {
+        ref: shareToastRef,
+        position: "top-right",
+        appendTo: document.body,
+        pt: { root: { style: { zIndex: 9999 } } }
+      }
+    ),
+    shareDialogOpen && shareRbacConfig && (instantLearning == null ? void 0 : instantLearning.token) && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils.cx(AccessPanel_module["default"].accessPanel, GuidelineLibraryCard_module["default"].shareModalHost), children: /* @__PURE__ */ jsxRuntime.jsx(appsecUi.RbacQueryProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        appsecUi.AppsecProvider,
+        {
+          appId: shareRbacConfig.applicationId,
+          baseUrl: instantLearning.appsecGranularRbacUrl || constants.FALLBACK_RBAC_CONFIG.appsecRbacUrl,
+          appsecUrl: instantLearning.appsecBaseUrl || constants.FALLBACK_RBAC_CONFIG.appsecBaseUrl,
+          mode: "manage",
+          getAuthToken: () => instantLearning.token,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            appsecUi.ShareAccessModal,
+            {
+              ...externalShareTarget,
+              open: shareDialogOpen,
+              onClose: () => setShareDialogOpen(false),
+              onSuccess: () => {
+                setShareDialogOpen(false);
+                setShareSuccessMessage(`Access to "${title}" has been successfully shared.`);
+              },
+              resourceId: shareRbacConfig.resourceId,
+              moduleId: shareRbacConfig.applicationModuleId,
+              resourceName: title,
+              title: "Share Access",
+              description: "Grant access to this resource.",
+              notifyByEmail: true,
+              sendAdditionalMessage: true,
+              emailTemplate: {
+                subject: "You have been granted access to a template",
+                html: `
+                      <p>Hello {{recipient_email}},</p>
+
+                      <p><strong>{{granted_by}}</strong> has granted you access to a template.</p>
+                      <p>You now have access to this resource.</p>
+
+                      <p><strong>Additional message:</strong></p>
+                      <blockquote style="margin:12px 0;padding-left:12px;border-left:3px solid #d1d5db;">
+                        {{additional_data}}
+                      </blockquote>
+
+                      <p>Thank you,<br/>The Team</p>
+                    `
+              }
+            }
+          )
+        }
+      ) }) }),
+      document.body
+    )
+  ] });
+}
+
+exports.GuidelineLibraryCard = GuidelineLibraryCard;
 //# sourceMappingURL=GuidelineLibraryCard.js.map