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

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

@@ -1,2 +1,958 @@
-import{__assign as e,__awaiter as n,__generator as l}from"tslib";import{jsx as t,jsxs as i,Fragment as o}from"react/jsx-runtime";import{useRef as a,useState as r,useEffect as s}from"react";import{createPortal as d}from"react-dom";import{Check as c,Plus as u,Share as p,Eye as v,ArrowUpRight as m,Pin as h,Share2 as b,EllipsisVertical as f,Clock as y,Heart as g,Upload as C,Loader2 as w,ChevronDown as N}from"lucide-react";import B from"./GuidelineLibraryCard.module.css.js";import L from"../../LearningManagement/RBAC/AccessPanel.module.css.js";import{CONFIGURABLE_GUIDELINE_STATUSES as k,PUBLISHABLE_GUIDELINE_STATUSES as I,FALLBACK_RBAC_CONFIG as S}from"../constants.js";import{getGuidelineId as D,getGuidelineTitle as T,getGuidelineDisplayDescription as A,getGuidelineDate as _,isInstantLearningGuideline as P,cx as W}from"../utils.js";import{GuidelineIconButton as j}from"./GuidelineIconButton.js";import{GuidelineTooltip as M}from"./GuidelineTooltip.js";import{createGuidelineCardMenuItems as V,GuidelineCardMenu as x}from"./GuidelineCardMenu.js";import{GuidelineConfirmDialog as R}from"./GuidelineConfirmDialog.js";import{isUnderReviewStatus as G,GuidelineStatusChip as H}from"./GuidelineStatusChip.js";import{VersionSelectDropdown as U}from"./VersionSelectDropdown.js";import O from"../../LearningManagement/store/useAuthStore.js";import{useMarketplaceApprovalStatus as E}from"../hooks/useMarketplaceApprovalStatus.js";import{Toast as F}from"primereact/toast";import{RbacQueryProvider as q,AppsecProvider as Y,ShareAccessModal as z}from"appsec-ui";import J from"../../LearningManagement/shared/SuccessToastContent.js";import K from"../../LearningManagement/shared/ErrorToastContent.js";import{fetchRBACConfig as Q}from"../services/instant-learning.api.js";function X(X){var Z,$,ee,ne,le,te,ie,oe,ae,re,se,de,ce,ue,pe,ve,me,he,be,fe,ye,ge,Ce,we,Ne=this,Be=X.guideline,Le=X.isSelected,ke=X.addToCartLabel,Ie=X.addedToCartLabel,Se=X.selectLabel,De=void 0===Se?"Select":Se,Te=X.selectedLabel,Ae=void 0===Te?"Selected":Te,_e=X.onToggle,Pe=X.onPreview,We=X.onExplore;X.onEdit;var je=X.onDuplicate,Me=X.onDelete,Ve=X.onToggleVariant;X.hideEditOption,X.hideDuplicateOption,X.hideDeleteOption;var xe=X.hideToggleVariantOption,Re=void 0!==xe&&xe;X.editOptionLabel,X.duplicateOptionLabel;var Ge=X.deleteOptionLabel,He=void 0===Ge?"Delete":Ge,Ue=X.enableVariantLabel,Oe=void 0===Ue?"Enable":Ue,Ee=X.disableVariantLabel,Fe=void 0===Ee?"Disable":Ee,qe=X.duplicateConfirmTitle,Ye=void 0===qe?"Duplicate Guideline":qe,ze=X.duplicateConfirmDescription,Je=X.duplicateConfirmLabel,Ke=void 0===Je?"Duplicate":Je,Qe=X.deleteConfirmTitle,Xe=void 0===Qe?"Delete Guideline":Qe,Ze=X.deleteConfirmDescription,$e=X.deleteConfirmLabel,en=void 0===$e?"Delete":$e,nn=X.classNames,ln=X.styles,tn=X.customIcons,on=X.subTitleLayout,an=X.metadataConfig,rn=X.instantLearning,sn=X.formatAddedOnLabel;X.fetchWishlistStatus;var dn=X.onWishlistToggle,cn=X.onVersionSelect,un=X.isILMarketplace,pn=void 0!==un&&un,vn=X.isShareEnabled,mn=void 0===vn||vn,hn=X.shareableGuidelineStatuses,bn=X.externalShareRbacConfig,fn=X.handleViewButtonCallback,yn=X.handlePreviewButtonCallback,gn=X.handleCardClickCallback,Cn=X.handlePublishButtonCallback,wn=X.publishButtonLabel,Nn=void 0===wn?"Publish to Marketplace":wn,Bn=X.isHighlighted,Ln=void 0!==Bn&&Bn,kn=X.statusActions,In=X.previewDisabledTooltip,Sn=X.onApproveGuideline,Dn=X.onRejectGuideline,Tn=X.waitingReviewLabel,An=void 0===Tn?"Waiting on your review":Tn,_n=X.approveLabel,Pn=void 0===_n?"Approve":_n,Wn=X.rejectLabel,jn=void 0===Wn?"Reject":Wn,Mn=X.exploreHighlightGuidelineIds,Vn=X.exploreHighlightConfig,xn=X.guidelinePinnedMessages,Rn=D(Be),Gn=T(Be),Hn=A(Be),Un=sn(_(Be)),On=null===(Z=Be.created_by)||void 0===Z?void 0:Z.trim(),En=[On?"Created by ".concat(On):"",Un].filter(Boolean).join(" • "),Fn=new Date(_(Be)||Date.now()),qn="template"===on,Yn=Fn.toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}),zn=Fn.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0}),Jn="".concat(Yn," at ").concat(zn),Kn=[On?"Created by ".concat(On):"",Jn].filter(Boolean).join(" • "),Qn=null!==(ee=null!==($=Be.content_type_title)&&void 0!==$?$:Be.category)&&void 0!==ee?ee:"Requirement AI Template",Xn=Be.topic_title,Zn=null===(le=null===(ne=null==an?void 0:an.contentType)||void 0===ne?void 0:ne.show)||void 0===le||le,$n=null!==(ie=null===(te=null==an?void 0:an.contentType)||void 0===te?void 0:te.label)&&void 0!==ie?ie:"Content Type",el=null===(ae=null===(oe=null==an?void 0:an.topic)||void 0===oe?void 0:oe.show)||void 0===ae||ae,nl=null!==(se=null===(re=null==an?void 0:an.topic)||void 0===re?void 0:re.label)&&void 0!==se?se:"Topic",ll=Be.when_to_apply,tl=Be.when_not_to_apply,il=P(Be),ol=!0===Be.is_legacy,al=Be.status,rl="draft"===(null!=al?al:"").trim().toLowerCase(),sl=G(al),dl=O(function(e){var n;return null===(n=e.user)||void 0===n?void 0:n.email}),cl=E(null==Be?void 0:Be.instant_learning_id,null==Be?void 0:Be.scope_id,null==rn?void 0:rn.token,null==rn?void 0:rn.baseUrl,pn&&sl).data,ul=null!==(de=null==cl?void 0:cl.users)&&void 0!==de?de:[],pl=Boolean(dl)&&(null==ul?void 0:ul.some(function(e){return e.email.toLowerCase()===dl.toLowerCase()})),vl=Le?null!==(ce=null==tn?void 0:tn.selectedIcon)&&void 0!==ce?ce:t(c,{className:"h-4 w-4 flex-shrink-0",strokeWidth:2.4}):null!==(ue=null==tn?void 0:tn.unselectedIcon)&&void 0!==ue?ue:t(u,{className:"h-4 w-4 flex-shrink-0",strokeWidth:2.4}),ml=null!==(pe=null==tn?void 0:tn.shareIcon)&&void 0!==pe?pe:t(p,{className:"h-5 w-5",strokeWidth:2.2}),hl=il?De:ke,bl=il?Ae:Ie,fl=Be.instant_learning_id?null==xn?void 0:xn[Be.instant_learning_id]:void 0,yl=Boolean(null==kn?void 0:kn.modeName),gl=(null!==(ve=null==kn?void 0:kn.configurableStatuses)&&void 0!==ve?ve:k).includes((null!=al?al:"").trim().toLowerCase()),Cl=yl?gl?null!==(me=null==kn?void 0:kn.configureLabel)&&void 0!==me?me:"Configure":null!==(he=null==kn?void 0:kn.testLabel)&&void 0!==he?he:"Test Template":Le?bl:hl,wl=Boolean(null==Mn?void 0:Mn.includes(Rn)),Nl=wl&&(null==Vn?void 0:Vn.label)?Vn.label:Cl,Bl=yl&&!(gl?null==kn?void 0:kn.onConfigure:null==kn?void 0:kn.onTest),Ll="Coming soon",kl=Boolean(Cn)&&I.includes((null!=al?al:"").trim().toLowerCase()),Il=null===(be=Be.application_mapping_ids)||void 0===be?void 0:be[0],Sl=!hn||hn.includes((null!=al?al:"").trim().toLowerCase()),Dl=Boolean(pn&&mn&&Sl&&Il&&(null==rn?void 0:rn.token)&&(null==rn?void 0:rn.baseUrl)),Tl=(null==bn?void 0:bn.applicationId)&&(null==bn?void 0:bn.moduleId)&&(null==bn?void 0:bn.roleId)&&Rn?{externalAppId:bn.applicationId,externalModuleId:bn.moduleId,externalRoleId:bn.roleId,externalResourceId:Rn}:void 0;!Tl&&bn&&(bn.applicationId||bn.moduleId||bn.roleId)&&console.warn("externalShareRbacConfig needs applicationId, moduleId and roleId together; sharing will grant Learning Management access only.",bn);var Al=null!==(fe=Be.version_list)&&void 0!==fe?fe:[],_l=null==Be?void 0:Be.version,Pl=pn&&Al.length>0,Wl=a(null),jl=r(!1),Ml=jl[0],Vl=jl[1],xl=r(!1),Rl=xl[0],Gl=xl[1],Hl=r(!1),Ul=Hl[0],Ol=Hl[1],El=r(!1),Fl=El[0],ql=El[1],Yl=r(!1),zl=Yl[0],Jl=Yl[1],Kl=r(!1),Ql=Kl[0],Xl=Kl[1],Zl=!1!==Be.is_enabled,$l=r(!1),et=$l[0],nt=$l[1],lt=r(null),tt=lt[0],it=lt[1],ot=r(!1),at=ot[0],rt=ot[1],st=r(null),dt=st[0],ct=st[1],ut=r(null),pt=ut[0],vt=ut[1],mt=r(null),ht=mt[0],bt=mt[1],ft=a(null),yt=r(!!Be.is_wishlisted),gt=yt[0],Ct=yt[1],wt=r(!1),Nt=wt[0],Bt=wt[1],Lt=r(null),kt=Lt[0],It=Lt[1],St=r(!1),Dt=St[0],Tt=St[1],At=r(!1),_t=At[0],Pt=At[1],Wt=null!=ze?ze:'Are you sure you want to duplicate "'.concat(Gn,'"? A copy will be created with "(1)" appended to the title.'),jt=null!=Ze?Ze:'Are you sure you want to delete "'.concat(Gn,'"? This action cannot be undone.');s(function(){Ct(!!Be.is_wishlisted)},[Be.is_wishlisted]),s(function(){var e;dt&&(null===(e=ft.current)||void 0===e||e.show({severity:"error",sticky:!1,life:4e3,content:t(K,{title:"Share unavailable",message:dt})}),ct(null))},[dt]),s(function(){var e;pt&&(null===(e=ft.current)||void 0===e||e.show({severity:"success",sticky:!1,life:4e3,content:t(J,{title:"Shared",message:pt})}),vt(null))},[pt]),s(function(){var e;ht&&(null===(e=ft.current)||void 0===e||e.show({severity:"success",sticky:!1,life:4e3,content:t(J,{title:gt?"Added to Saved":"Removed from Saved",message:ht})}),bt(null))},[gt,ht]),s(function(){it(null),nt(!1)},[Il]);var Mt=function(e){var n,l;yl?gl?null===(n=null==kn?void 0:kn.onConfigure)||void 0===n||n.call(kn,Be):null===(l=null==kn?void 0:kn.onTest)||void 0===l||l.call(kn,Be):pn&&fn?fn(Be):_e(e)},Vt=V({onDelete:function(){return ql(!0)},deleteLabel:He,hideDelete:!1,onToggleVariant:function(){return n(Ne,void 0,void 0,function(){var e;return l(this,function(n){switch(n.label){case 0:if(!Ve)return[2];Xl(!0),n.label=1;case 1:return n.trys.push([1,3,4,5]),[4,Promise.resolve(Ve(Be))];case 2:return n.sent(),[3,5];case 3:return e=n.sent(),console.error("Toggle variant failed:",e),[3,5];case 4:return Xl(!1),[7];case 5:return[2]}})})},isVariantEnabled:Zl,enableVariantLabel:Oe,disableVariantLabel:Fe,hideToggleVariant:Re||!Ve||!(null===(ye=Be.variant_id)||void 0===ye?void 0:ye.trim()),toggleVariantDisabled:Ql}),xt=Vt.some(function(e){return!e.hidden}),Rt=function(n,l,o,a){return l?i("div",e({className:B.accordionWrapper},{children:[i("button",e({type:"button",onClick:a,"aria-expanded":o,className:B.accordionHeader},{children:[t("span",e({className:B.contentTypeLabel},{children:n})),t(N,{className:W(B.accordionIcon,o&&B.accordionIconOpen),strokeWidth:2})]})),o&&t("div",e({className:B.accordionContent},{children:l}))]})):null},Gt=t("button",e({type:"button",onClick:function(){return!rl&&void(pn&&yn?yn(Be):il&&We?We(Be):Pe(Be))},"aria-disabled":rl,className:W(B.previewButton,rl&&B.previewButtonDisabled),"aria-label":"Preview ".concat(Gn)},{children:t(v,{className:B.previewIcon,strokeWidth:2})})),Ht=t(M,e({content:rl?null!=In?In:"Preview unavailable for drafts":"Preview"},{children:Gt})),Ut="function"==typeof(null==kn?void 0:kn.viewDisabled)?kn.viewDisabled(Be):Boolean(null==kn?void 0:kn.viewDisabled),Ot=(null==kn?void 0:kn.onView)?t(M,e({content:Ut?null!==(ge=kn.viewDisabledTooltip)&&void 0!==ge?ge:Ll:""},{children:t("button",e({type:"button",onClick:function(e){var n;e.stopPropagation(),Ut||null===(n=kn.onView)||void 0===n||n.call(kn,Be)},"aria-disabled":Ut,className:W(B.selectButton,B.viewButton,Ut&&B.selectButtonDisabled,null==nn?void 0:nn.libraryCardViewButton),style:null==ln?void 0:ln.libraryCardViewButton,"aria-label":"View ".concat(Gn)},{children:t("span",e({className:B.selectButtonLabel},{children:null!==(Ce=null==kn?void 0:kn.viewLabel)&&void 0!==Ce?Ce:"View"}))}))})):null,Et="function"==typeof(null==kn?void 0:kn.promoteDisabled)?kn.promoteDisabled(Be):Boolean(null==kn?void 0:kn.promoteDisabled),Ft=(null==kn?void 0:kn.onPromote)?i("button",e({type:"button",onClick:function(e){var n;e.stopPropagation(),Et||null===(n=kn.onPromote)||void 0===n||n.call(kn,Be)},"aria-disabled":Et,className:W(B.selectButton,B.promoteButton,Et&&B.selectButtonDisabled),"aria-label":"Promote ".concat(Gn)},{children:[t(m,{className:B.selectButtonIcon,strokeWidth:2.2}),t("span",e({className:B.selectButtonLabel},{children:null!==(we=null==kn?void 0:kn.promoteLabel)&&void 0!==we?we:"Promote"}))]})):null;return i(o,{children:[i("article",e({"data-guideline-id":Rn,onClick:gn?function(e){gn&&(e.target.closest('button, a, input, select, [role="menuitem"]')||gn(Be))}:void 0,className:W(B.libraryCard,Ln&&B.libraryCardHighlighted,null==nn?void 0:nn.libraryCard),style:null==ln?void 0:ln.libraryCard},{children:[i("div",e({className:W(B.libraryCardHeader,null==nn?void 0:nn.libraryCardHeader),style:null==ln?void 0:ln.libraryCardHeader},{children:[i("div",e({className:B.libraryCardHeaderContent},{children:[i("div",e({className:B.libraryCardTitleWrapper},{children:[ol&&t("span",e({className:W(B.legacyBadge,null==nn?void 0:nn.libraryCardLegacyBadge),style:null==ln?void 0:ln.libraryCardLegacyBadge},{children:"Legacy"})),t("div",e({className:W(B.libraryCardTitle,null==nn?void 0:nn.libraryCardTitle),style:null==ln?void 0:ln.libraryCardTitle,title:Gn},{children:Gn})),pn&&t(H,{status:al,className:null==nn?void 0:nn.libraryCardStatusChip,style:null==ln?void 0:ln.libraryCardStatusChip}),pn&&!Zl&&t("span",e({className:W(B.disabledChip,null==nn?void 0:nn.libraryCardDisabledChip),style:null==ln?void 0:ln.libraryCardDisabledChip},{children:"Disabled"}))]})),"template"===on?t("p",e({className:W(B.libraryCardDate,null==nn?void 0:nn.libraryCardDate),style:null==ln?void 0:ln.libraryCardDate,title:Kn},{children:Kn})):En?t("p",e({className:W(B.libraryCardDate,null==nn?void 0:nn.libraryCardDate),style:null==ln?void 0:ln.libraryCardDate,title:En},{children:En})):null]})),i("div",e({className:W(B.libraryCardActions,null==nn?void 0:nn.libraryCardActions),style:null==ln?void 0:ln.libraryCardActions},{children:[fl&&t(M,e({content:fl,side:"bottom",maxWidth:320},{children:t("span",e({"aria-label":fl,className:B.pinnedMessageIcon},{children:t(h,{className:B.pinIcon,strokeWidth:2})}))})),il&&!qn&&!pn&&t(j,e({slot:"shareGuideline",label:"Share ".concat(Gn),title:"Share",onClick:function(){return nt(!0)},classNames:nn,styles:ln},{children:t(b,{className:B.shareIcon,strokeWidth:2})})),Pl&&i("div",e({className:B.versionSelectorWrapper},{children:[Rl&&t("output",{"aria-label":"Switching version",className:B.versionLoadingIcon}),t(U,{versions:Al,currentVersion:_l,disabled:Rl,onSelect:function(e){return n(Ne,void 0,void 0,function(){var n;return l(this,function(l){switch(l.label){case 0:if(!cn||String(e)===String(_l))return[2];Gl(!0),l.label=1;case 1:return l.trys.push([1,3,4,5]),[4,cn(Be,e)];case 2:return l.sent(),[3,5];case 3:return n=l.sent(),console.error("Version switch failed:",n),[3,5];case 4:return Gl(!1),[7];case 5:return[2]}})})},triggerAriaLabel:"Select version for ".concat(Gn)})]})),i("div",e({className:B.moreButtonWrapper},{children:[t(j,e({slot:"libraryCardMoreButton",label:"More options for ".concat(Gn),title:"More options",onClick:function(){return xt?Vl(function(e){return!e}):void 0},classNames:nn,styles:ln,ref:Wl},{children:t(f,{className:B.moreIcon,strokeWidth:2})})),xt&&t(x,{open:Ml,onClose:function(){return Vl(!1)},anchorRef:Wl,items:Vt,classNames:nn,styles:ln})]}))]}))]})),t("p",e({className:W(B.libraryCardDescription,null==nn?void 0:nn.libraryCardDescription),style:null==ln?void 0:ln.libraryCardDescription,title:Hn},{children:Hn})),qn&&el&&Xn&&i("p",e({className:B.topicLabel},{children:[i("span",e({className:"flex-shrink-0"},{children:[nl,":"]})),t("span",e({className:B.topicLabelBadge},{children:Xn}))]})),qn&&Zn&&i("p",e({className:B.topicLabel},{children:[$n,":"," ",t("span",e({className:B.topicLabelBadge},{children:Qn}))]})),qn&&i(o,{children:[Rt("When to Apply",ll,Dt,function(){return Tt(function(e){return!e})}),Rt("When Not to Apply",tl,_t,function(){return Pt(function(e){return!e})})]}),pn&&sl&&pl&&i("div",e({className:B.reviewBanner},{children:[i("div",e({className:B.reviewBannerLabel},{children:[t(y,{className:B.reviewBannerIcon,strokeWidth:2}),t("span",{children:An})]})),i("div",e({className:B.reviewBannerActions},{children:[t("button",e({type:"button",onClick:function(e){return n(Ne,void 0,void 0,function(){return l(this,function(n){switch(n.label){case 0:if(e.stopPropagation(),!Dn)return[2];It("reject"),n.label=1;case 1:return n.trys.push([1,,3,4]),[4,Promise.resolve(Dn(Be))];case 2:return n.sent(),[3,4];case 3:return It(null),[7];case 4:return[2]}})})},disabled:null!==kt,className:B.reviewRejectButton},{children:"reject"===kt?"Rejecting...":jn})),t("button",e({type:"button",onClick:function(e){return n(Ne,void 0,void 0,function(){return l(this,function(n){switch(n.label){case 0:if(e.stopPropagation(),!Sn)return[2];It("approve"),n.label=1;case 1:return n.trys.push([1,,3,4]),[4,Promise.resolve(Sn(Be))];case 2:return n.sent(),[3,4];case 3:return It(null),[7];case 4:return[2]}})})},disabled:null!==kt,className:B.reviewApproveButton},{children:"approve"===kt?"Approving...":Pn}))]}))]})),i("div",e({className:W(B.libraryCardFooter,null==nn?void 0:nn.libraryCardFooter),style:null==ln?void 0:ln.libraryCardFooter},pn?{children:[i("div",e({className:B.libraryCardFooterActions},{children:[!ol&&t(M,e({content:gt?"Remove from Saved":"Add to Saved"},{children:t("button",e({type:"button",onClick:function(e){return n(Ne,void 0,void 0,function(){var n,t;return l(this,function(l){switch(l.label){case 0:if(e.stopPropagation(),!dn||!(null==rn?void 0:rn.token)||!Il)return[2];n=!gt,Bt(!0),l.label=1;case 1:return l.trys.push([1,3,4,5]),[4,dn(Il,n,rn.token)];case 2:return l.sent(),Ct(n),bt('"'.concat(Gn,n?'" has been added to Saved.':'" has been removed from Saved.')),[3,5];case 3:return t=l.sent(),console.error("Wishlist operation failed:",t),[3,5];case 4:return Bt(!1),[7];case 5:return[2]}})})},disabled:Nt,className:W(B.wishlistButton,gt?B.wishlistButtonWishlisted:B.wishlistButtonNotWishlisted,Nt&&B.wishlistButtonDisabled),"aria-label":gt?"Remove ".concat(Gn," from wishlist"):"Add ".concat(Gn," to wishlist")},{children:t(g,{className:B.wishlistIcon,fill:gt?"currentColor":"none",strokeWidth:2.2})}))})),Ht,kl&&t(M,e({content:Nn},{children:t("button",e({type:"button",onClick:function(e){e.stopPropagation(),null==Cn||Cn(Be)},className:B.previewButton,"aria-label":"".concat(Nn,": ").concat(Gn)},{children:t(C,{className:B.previewIcon,strokeWidth:2})}))})),Dl&&t(M,e({content:at?"Loading share access":"Share"},{children:t("button",e({type:"button",onClick:function(e){return n(Ne,void 0,void 0,function(){var n,t,i,o,a,r,s;return l(this,function(l){switch(l.label){case 0:if(e.stopPropagation(),!Dl||at)return[2];if(tt)return nt(!0),[2];rt(!0),l.label=1;case 1:return l.trys.push([1,3,4,5]),[4,Q(rn.baseUrl,rn.token,Il)];case 2:return n=l.sent(),(t={applicationId:(null==n?void 0:n.application_name)||S.applicationName,applicationModuleId:(null===(o=null==n?void 0:n.module_data)||void 0===o?void 0:o.General)||S.applicationModuleId,resourceId:(null===(a=null==n?void 0:n.resource_data)||void 0===a?void 0:a["Learning Management"])||S.applicationResourceId}).applicationId&&t.applicationModuleId&&t.resourceId?(it(t),nt(!0),[3,5]):(console.error("Incomplete share RBAC config; share modal not opened.",t),ct("This template's access configuration is incomplete, so sharing is unavailable."),[2]);case 3:return i=l.sent(),console.error("Failed to fetch share RBAC config:",i),ct((null===(s=null===(r=null==i?void 0:i.response)||void 0===r?void 0:r.data)||void 0===s?void 0:s.message)||(null==i?void 0:i.message)||"Couldn't load share access for this template. Please try again."),[3,5];case 4:return rt(!1),[7];case 5:return[2]}})})},"aria-disabled":at,className:W(B.previewButton,at&&B.previewButtonDisabled),"aria-label":"Share ".concat(Gn)},{children:at?t(w,{className:B.previewIconSpinner,strokeWidth:2}):t(b,{className:B.previewIcon,strokeWidth:2})}))})),qn&&!pn&&t("button",e({type:"button",onClick:function(e){e.stopPropagation(),nt(!0)},className:B.previewButton,"aria-label":"Share ".concat(Gn),title:"Share"},{children:ml}))]})),i("div",e({className:B.primaryActionGroup},{children:[Ot,Ft,t(M,e({content:Bl?Ll:""},{children:i("button",e({type:"button",onClick:function(){return Bl?void 0:Mt(Rn)},"aria-pressed":Le,"aria-disabled":Bl,className:W(B.selectButton,Le?B.selectButtonSelected:B.selectButtonNotSelected,Bl&&B.selectButtonDisabled,wl&&(null==Vn?void 0:Vn.className),null==nn?void 0:nn.libraryCardSelectButton),style:e(e({},null==ln?void 0:ln.libraryCardSelectButton),wl?null==Vn?void 0:Vn.style:void 0)},{children:[vl,t("span",e({className:B.selectButtonLabel},{children:Nl}))]}))}))]}))]}:{children:[t("div",e({className:B.libraryCardFooterActions},{children:Ht})),i("div",e({className:W(B.primaryActionGroup,B.primaryActionGroupFullWidth)},{children:[Ot,Ft,t(M,e({content:Bl?Ll:""},{children:i("button",e({type:"button",onClick:function(){return Bl?void 0:Mt(Rn)},"aria-pressed":Le,"aria-disabled":Bl,className:W(B.selectButton,Le?B.selectButtonSelected:B.selectButtonNotSelected,Bl&&B.selectButtonDisabled,wl&&(null==Vn?void 0:Vn.className),null==nn?void 0:nn.libraryCardSelectButton),style:e(e({},null==ln?void 0:ln.libraryCardSelectButton),wl?null==Vn?void 0:Vn.style:void 0)},{children:[vl,t("span",e({className:B.selectButtonLabel},{children:Nl}))]}))}))]}))]}))]})),t(R,{open:Ul,onClose:function(){return Ol(!1)},onConfirm:function(){return n(Ne,void 0,void 0,function(){return l(this,function(e){switch(e.label){case 0:if(!je)return[2];Jl(!0),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,Promise.resolve(je(Be))];case 2:return e.sent(),[3,4];case 3:return Jl(!1),Ol(!1),[7];case 4:return[2]}})})},title:Ye,description:Wt,confirmLabel:Ke,loading:zl,classNames:nn,styles:ln}),t(R,{open:Fl,onClose:function(){return ql(!1)},onConfirm:function(){return n(Ne,void 0,void 0,function(){return l(this,function(e){switch(e.label){case 0:if(!Me)return[2];Jl(!0),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,Promise.resolve(Me(Be))];case 2:return e.sent(),[3,4];case 3:return Jl(!1),ql(!1),[7];case 4:return[2]}})})},title:Xe,description:jt,confirmLabel:en,variant:"danger",loading:zl,classNames:nn,styles:ln}),t(F,{ref:ft,position:"top-right",appendTo:document.body,pt:{root:{style:{zIndex:9999}}}}),et&&tt&&(null==rn?void 0:rn.token)&&d(t("div",e({className:W(L.accessPanel,B.shareModalHost)},{children:t(q,{children:t(Y,e({appId:tt.applicationId,baseUrl:rn.appsecGranularRbacUrl||S.appsecRbacUrl,appsecUrl:rn.appsecBaseUrl||S.appsecBaseUrl,mode:"manage",getAuthToken:function(){return rn.token}},{children:t(z,e({},Tl,{open:et,onClose:function(){return nt(!1)},onSuccess:function(){nt(!1),vt('Access to "'.concat(Gn,'" has been successfully shared.'))},resourceId:tt.resourceId,moduleId:tt.applicationModuleId,resourceName:Gn,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)]})}export{X as GuidelineLibraryCard};
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useRef, useState, useEffect } from 'react';
+import { createPortal } from 'react-dom';
+import { Check, Plus, Share, Eye, ArrowUpRight, Pin, Share2, EllipsisVertical, Clock, Heart, Upload, Loader2, ChevronDown } from 'lucide-react';
+import cssStyles from './GuidelineLibraryCard.module.css.js';
+import appsecStyles from '../../LearningManagement/RBAC/AccessPanel.module.css.js';
+import { CONFIGURABLE_GUIDELINE_STATUSES, PUBLISHABLE_GUIDELINE_STATUSES, FALLBACK_RBAC_CONFIG } from '../constants.js';
+import { getGuidelineId, getGuidelineTitle, getGuidelineDisplayDescription, getGuidelineDate, isInstantLearningGuideline, cx } from '../utils.js';
+import { GuidelineIconButton } from './GuidelineIconButton.js';
+import { GuidelineTooltip } from './GuidelineTooltip.js';
+import { createGuidelineCardMenuItems, GuidelineCardMenu } from './GuidelineCardMenu.js';
+import { GuidelineConfirmDialog } from './GuidelineConfirmDialog.js';
+import { isUnderReviewStatus, GuidelineStatusChip } from './GuidelineStatusChip.js';
+import { VersionSelectDropdown } from './VersionSelectDropdown.js';
+import useAuthStore from '../../LearningManagement/store/useAuthStore.js';
+import { useMarketplaceApprovalStatus } from '../hooks/useMarketplaceApprovalStatus.js';
+import { Toast } from 'primereact/toast';
+import { RbacQueryProvider, AppsecProvider, ShareAccessModal } from 'appsec-ui';
+import { fetchRBACConfig } from '../services/instant-learning.api.js';
+import ErrorToastContent from '../../LearningManagement/shared/ErrorToastContent.js';
+import SuccessToastContent from '../../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 = getGuidelineId(guideline);
+  const title = getGuidelineTitle(guideline);
+  const description = getGuidelineDisplayDescription(guideline);
+  const addedOnLabel = formatAddedOnLabel(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(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 = isInstantLearningGuideline(guideline);
+  const isLegacyGuideline = guideline.is_legacy === true;
+  const guidelineStatus = guideline.status;
+  const isDraftGuideline = (guidelineStatus != null ? guidelineStatus : "").trim().toLowerCase() === "draft";
+  const isUnderReview = isUnderReviewStatus(guidelineStatus);
+  const currentUserEmail = useAuthStore((state) => {
+    var _a2;
+    return (_a2 = state.user) == null ? void 0 : _a2.email;
+  });
+  const { data: approvalCompletionStatus } = 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__ */ jsx(Check, { className: "h-4 w-4 flex-shrink-0", strokeWidth: 2.4 }) : (_n = customIcons == null ? void 0 : customIcons.unselectedIcon) != null ? _n : /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 flex-shrink-0", strokeWidth: 2.4 });
+  const shareIcon = (_o = customIcons == null ? void 0 : customIcons.shareIcon) != null ? _o : /* @__PURE__ */ jsx(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 : 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) && 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 = useRef(null);
+  const [menuOpen, setMenuOpen] = useState(false);
+  const [versionLoading, setVersionLoading] = useState(false);
+  const [duplicateDialogOpen, setDuplicateDialogOpen] = useState(false);
+  const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
+  const [actionLoading, setActionLoading] = useState(false);
+  const [toggleVariantLoading, setToggleVariantLoading] = useState(false);
+  const isVariantEnabled = guideline.is_enabled !== false;
+  const [shareDialogOpen, setShareDialogOpen] = useState(false);
+  const [shareRbacConfig, setShareRbacConfig] = useState(null);
+  const [shareConfigLoading, setShareConfigLoading] = useState(false);
+  const [shareErrorMessage, setShareErrorMessage] = useState(null);
+  const [shareSuccessMessage, setShareSuccessMessage] = useState(null);
+  const [wishlistSuccessMessage, setWishlistSuccessMessage] = useState(null);
+  const shareToastRef = useRef(null);
+  const [isWishlisted, setIsWishlisted] = useState(
+    !!guideline.is_wishlisted
+  );
+  const [wishlistLoading, setWishlistLoading] = useState(false);
+  const [decisionLoading, setDecisionLoading] = useState(null);
+  const [whenToApplyOpen, setWhenToApplyOpen] = useState(false);
+  const [whenNotToApplyOpen, setWhenNotToApplyOpen] = 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.`;
+  useEffect(() => {
+    setIsWishlisted(!!guideline.is_wishlisted);
+  }, [guideline.is_wishlisted]);
+  useEffect(() => {
+    var _a2;
+    if (!shareErrorMessage) return;
+    (_a2 = shareToastRef.current) == null ? void 0 : _a2.show({
+      severity: "error",
+      sticky: false,
+      life: 4e3,
+      content: /* @__PURE__ */ jsx(ErrorToastContent, { title: "Share unavailable", message: shareErrorMessage })
+    });
+    setShareErrorMessage(null);
+  }, [shareErrorMessage]);
+  useEffect(() => {
+    var _a2;
+    if (!shareSuccessMessage) return;
+    (_a2 = shareToastRef.current) == null ? void 0 : _a2.show({
+      severity: "success",
+      sticky: false,
+      life: 4e3,
+      content: /* @__PURE__ */ jsx(SuccessToastContent, { title: "Shared", message: shareSuccessMessage })
+    });
+    setShareSuccessMessage(null);
+  }, [shareSuccessMessage]);
+  useEffect(() => {
+    var _a2;
+    if (!wishlistSuccessMessage) return;
+    (_a2 = shareToastRef.current) == null ? void 0 : _a2.show({
+      severity: "success",
+      sticky: false,
+      life: 4e3,
+      content: /* @__PURE__ */ jsx(SuccessToastContent, { title: isWishlisted ? "Added to Saved" : "Removed from Saved", message: wishlistSuccessMessage })
+    });
+    setWishlistSuccessMessage(null);
+  }, [isWishlisted, wishlistSuccessMessage]);
+  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 fetchRBACConfig(
+        instantLearning.baseUrl,
+        instantLearning.token,
+        ilInstanceMappingId
+      );
+      const rbacConfig = {
+        applicationId: (configData == null ? void 0 : configData.application_name) || FALLBACK_RBAC_CONFIG.applicationName,
+        applicationModuleId: ((_a2 = configData == null ? void 0 : configData.module_data) == null ? void 0 : _a2.General) || FALLBACK_RBAC_CONFIG.applicationModuleId,
+        resourceId: ((_b2 = configData == null ? void 0 : configData.resource_data) == null ? void 0 : _b2["Learning Management"]) || 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 = 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__ */ jsx(
+        "p",
+        {
+          className: cx(cssStyles.libraryCardDate, classNames == null ? void 0 : classNames.libraryCardDate),
+          style: styles == null ? void 0 : styles.libraryCardDate,
+          title: templateMetaLabel,
+          children: templateMetaLabel
+        }
+      );
+    }
+    if (createdMetaLabel) {
+      return /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: cx(cssStyles.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__ */ jsxs("div", { className: cssStyles.accordionWrapper, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onToggle2,
+          "aria-expanded": isOpen,
+          className: cssStyles.accordionHeader,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: cssStyles.contentTypeLabel, children: label }),
+            /* @__PURE__ */ jsx(
+              ChevronDown,
+              {
+                className: cx(cssStyles.accordionIcon, isOpen && cssStyles.accordionIconOpen),
+                strokeWidth: 2
+              }
+            )
+          ]
+        }
+      ),
+      isOpen && /* @__PURE__ */ jsx("div", { className: cssStyles.accordionContent, children: content })
+    ] });
+  };
+  const previewButton = /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: () => !isDraftGuideline && handlePreview(),
+      "aria-disabled": isDraftGuideline,
+      className: cx(cssStyles.previewButton, isDraftGuideline && cssStyles.previewButtonDisabled),
+      "aria-label": `Preview ${title}`,
+      children: /* @__PURE__ */ jsx(Eye, { className: cssStyles.previewIcon, strokeWidth: 2 })
+    }
+  );
+  const previewButtonWithTooltip = /* @__PURE__ */ jsx(
+    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__ */ jsx(
+    GuidelineTooltip,
+    {
+      content: isViewActionDisabled ? (_v = statusActions.viewDisabledTooltip) != null ? _v : primaryActionDisabledTooltip : "",
+      children: /* @__PURE__ */ 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: cx(
+            cssStyles.selectButton,
+            cssStyles.viewButton,
+            isViewActionDisabled && cssStyles.selectButtonDisabled,
+            classNames == null ? void 0 : classNames.libraryCardViewButton
+          ),
+          style: styles == null ? void 0 : styles.libraryCardViewButton,
+          "aria-label": `View ${title}`,
+          children: /* @__PURE__ */ jsx("span", { className: cssStyles.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__ */ 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: cx(
+        cssStyles.selectButton,
+        cssStyles.promoteButton,
+        isPromoteActionDisabled && cssStyles.selectButtonDisabled
+      ),
+      "aria-label": `Promote ${title}`,
+      children: [
+        /* @__PURE__ */ jsx(ArrowUpRight, { className: cssStyles.selectButtonIcon, strokeWidth: 2.2 }),
+        /* @__PURE__ */ jsx("span", { className: cssStyles.selectButtonLabel, children: (_x = statusActions == null ? void 0 : statusActions.promoteLabel) != null ? _x : "Promote" })
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "article",
+      {
+        "data-guideline-id": guidelineId,
+        onClick: handleCardClickCallback ? handleCardClick : void 0,
+        className: cx(
+          cssStyles.libraryCard,
+          isHighlighted && cssStyles.libraryCardHighlighted,
+          classNames == null ? void 0 : classNames.libraryCard
+        ),
+        style: styles == null ? void 0 : styles.libraryCard,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cx(cssStyles.libraryCardHeader, classNames == null ? void 0 : classNames.libraryCardHeader),
+              style: styles == null ? void 0 : styles.libraryCardHeader,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: cssStyles.libraryCardHeaderContent, children: [
+                  /* @__PURE__ */ jsxs("div", { className: cssStyles.libraryCardTitleWrapper, children: [
+                    isLegacyGuideline && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cx(cssStyles.legacyBadge, classNames == null ? void 0 : classNames.libraryCardLegacyBadge),
+                        style: styles == null ? void 0 : styles.libraryCardLegacyBadge,
+                        children: "Legacy"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: cx(cssStyles.libraryCardTitle, classNames == null ? void 0 : classNames.libraryCardTitle),
+                        style: styles == null ? void 0 : styles.libraryCardTitle,
+                        title,
+                        children: title
+                      }
+                    ),
+                    isILMarketplace && /* @__PURE__ */ jsx(
+                      GuidelineStatusChip,
+                      {
+                        status: guidelineStatus,
+                        className: classNames == null ? void 0 : classNames.libraryCardStatusChip,
+                        style: styles == null ? void 0 : styles.libraryCardStatusChip
+                      }
+                    ),
+                    isILMarketplace && !isVariantEnabled && /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cx(cssStyles.disabledChip, classNames == null ? void 0 : classNames.libraryCardDisabledChip),
+                        style: styles == null ? void 0 : styles.libraryCardDisabledChip,
+                        children: "Disabled"
+                      }
+                    )
+                  ] }),
+                  renderLabel()
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cx(cssStyles.libraryCardActions, classNames == null ? void 0 : classNames.libraryCardActions),
+                    style: styles == null ? void 0 : styles.libraryCardActions,
+                    children: [
+                      resolvedPinnedMessage && /* @__PURE__ */ jsx(GuidelineTooltip, { content: resolvedPinnedMessage, side: "bottom", maxWidth: 320, children: /* @__PURE__ */ jsx("span", { "aria-label": resolvedPinnedMessage, className: cssStyles.pinnedMessageIcon, children: /* @__PURE__ */ jsx(Pin, { className: cssStyles.pinIcon, strokeWidth: 2 }) }) }),
+                      isInstantLearningMode && !isTemplateLayout && !isILMarketplace && /* @__PURE__ */ jsx(
+                        GuidelineIconButton,
+                        {
+                          slot: "shareGuideline",
+                          label: `Share ${title}`,
+                          title: "Share",
+                          onClick: () => setShareDialogOpen(true),
+                          classNames,
+                          styles,
+                          children: /* @__PURE__ */ jsx(Share2, { className: cssStyles.shareIcon, strokeWidth: 2 })
+                        }
+                      ),
+                      showVersionSelector && /* @__PURE__ */ jsxs("div", { className: cssStyles.versionSelectorWrapper, children: [
+                        versionLoading && /* @__PURE__ */ jsx("output", { "aria-label": "Switching version", className: cssStyles.versionLoadingIcon }),
+                        /* @__PURE__ */ jsx(
+                          VersionSelectDropdown,
+                          {
+                            versions: versionList,
+                            currentVersion,
+                            disabled: versionLoading,
+                            onSelect: handleVersionSelect,
+                            triggerAriaLabel: `Select version for ${title}`
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxs("div", { className: cssStyles.moreButtonWrapper, children: [
+                        /* @__PURE__ */ jsx(
+                          GuidelineIconButton,
+                          {
+                            slot: "libraryCardMoreButton",
+                            label: `More options for ${title}`,
+                            title: "More options",
+                            onClick: () => hasMenuItems ? setMenuOpen((prev) => !prev) : void 0,
+                            classNames,
+                            styles,
+                            ref: moreButtonRef,
+                            children: /* @__PURE__ */ jsx(EllipsisVertical, { className: cssStyles.moreIcon, strokeWidth: 2 })
+                          }
+                        ),
+                        hasMenuItems && /* @__PURE__ */ jsx(
+                          GuidelineCardMenu,
+                          {
+                            open: menuOpen,
+                            onClose: () => setMenuOpen(false),
+                            anchorRef: moreButtonRef,
+                            items: menuItems,
+                            classNames,
+                            styles
+                          }
+                        )
+                      ] })
+                    ]
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "p",
+            {
+              className: cx(cssStyles.libraryCardDescription, classNames == null ? void 0 : classNames.libraryCardDescription),
+              style: styles == null ? void 0 : styles.libraryCardDescription,
+              title: description,
+              children: description
+            }
+          ),
+          isTemplateLayout && showTopic && topicTitle && /* @__PURE__ */ jsxs("p", { className: cssStyles.topicLabel, children: [
+            /* @__PURE__ */ jsxs("span", { className: "flex-shrink-0", children: [
+              topicFieldLabel,
+              ":"
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: cssStyles.topicLabelBadge, children: topicTitle })
+          ] }),
+          isTemplateLayout && showContentType && /* @__PURE__ */ jsxs("p", { className: cssStyles.topicLabel, children: [
+            contentTypeFieldLabel,
+            ":",
+            " ",
+            /* @__PURE__ */ jsx("span", { className: cssStyles.topicLabelBadge, children: contentTypeLabel })
+          ] }),
+          isTemplateLayout && /* @__PURE__ */ jsxs(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__ */ jsxs("div", { className: cssStyles.reviewBanner, children: [
+            /* @__PURE__ */ jsxs("div", { className: cssStyles.reviewBannerLabel, children: [
+              /* @__PURE__ */ jsx(Clock, { className: cssStyles.reviewBannerIcon, strokeWidth: 2 }),
+              /* @__PURE__ */ jsx("span", { children: waitingReviewLabel })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: cssStyles.reviewBannerActions, children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleRejectClick,
+                  disabled: decisionLoading !== null,
+                  className: cssStyles.reviewRejectButton,
+                  children: decisionLoading === "reject" ? "Rejecting..." : rejectLabel
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: handleApproveClick,
+                  disabled: decisionLoading !== null,
+                  className: cssStyles.reviewApproveButton,
+                  children: decisionLoading === "approve" ? "Approving..." : approveLabel
+                }
+              )
+            ] })
+          ] }),
+          isILMarketplace ? /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cx(cssStyles.libraryCardFooter, classNames == null ? void 0 : classNames.libraryCardFooter),
+              style: styles == null ? void 0 : styles.libraryCardFooter,
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: cssStyles.libraryCardFooterActions, children: [
+                  !isLegacyGuideline && /* @__PURE__ */ jsx(GuidelineTooltip, { content: isWishlisted ? "Remove from Saved" : "Add to Saved", children: /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleWishlistToggle,
+                      disabled: wishlistLoading,
+                      className: cx(
+                        cssStyles.wishlistButton,
+                        isWishlisted ? cssStyles.wishlistButtonWishlisted : cssStyles.wishlistButtonNotWishlisted,
+                        wishlistLoading && cssStyles.wishlistButtonDisabled
+                      ),
+                      "aria-label": isWishlisted ? `Remove ${title} from wishlist` : `Add ${title} to wishlist`,
+                      children: /* @__PURE__ */ jsx(
+                        Heart,
+                        {
+                          className: cssStyles.wishlistIcon,
+                          fill: isWishlisted ? "currentColor" : "none",
+                          strokeWidth: 2.2
+                        }
+                      )
+                    }
+                  ) }),
+                  previewButtonWithTooltip,
+                  canPublishGuideline && /* @__PURE__ */ jsx(GuidelineTooltip, { content: publishButtonLabel, children: /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handlePublish,
+                      className: cssStyles.previewButton,
+                      "aria-label": `${publishButtonLabel}: ${title}`,
+                      children: /* @__PURE__ */ jsx(Upload, { className: cssStyles.previewIcon, strokeWidth: 2 })
+                    }
+                  ) }),
+                  canShareGuideline && /* @__PURE__ */ jsx(GuidelineTooltip, { content: shareConfigLoading ? "Loading share access" : "Share", children: /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleShareClick,
+                      "aria-disabled": shareConfigLoading,
+                      className: cx(
+                        cssStyles.previewButton,
+                        shareConfigLoading && cssStyles.previewButtonDisabled
+                      ),
+                      "aria-label": `Share ${title}`,
+                      children: shareConfigLoading ? /* @__PURE__ */ jsx(Loader2, { className: cssStyles.previewIconSpinner, strokeWidth: 2 }) : /* @__PURE__ */ jsx(Share2, { className: cssStyles.previewIcon, strokeWidth: 2 })
+                    }
+                  ) }),
+                  isTemplateLayout && !isILMarketplace && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: (event) => {
+                        event.stopPropagation();
+                        setShareDialogOpen(true);
+                      },
+                      className: cssStyles.previewButton,
+                      "aria-label": `Share ${title}`,
+                      title: "Share",
+                      children: shareIcon
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: cssStyles.primaryActionGroup, children: [
+                  viewActionButton,
+                  promoteActionButton,
+                  shouldShowPrimaryAction && /* @__PURE__ */ jsx(
+                    GuidelineTooltip,
+                    {
+                      content: isPrimaryActionDisabled ? primaryActionDisabledTooltip : "",
+                      children: /* @__PURE__ */ jsxs(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => isPrimaryActionDisabled ? void 0 : handleButtonClick(guidelineId),
+                          "aria-pressed": isSelected,
+                          "aria-disabled": isPrimaryActionDisabled,
+                          className: cx(
+                            cssStyles.selectButton,
+                            isSelected ? cssStyles.selectButtonSelected : cssStyles.selectButtonNotSelected,
+                            isPrimaryActionDisabled && cssStyles.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__ */ jsx("span", { className: cssStyles.selectButtonLabel, children: displayedPrimaryActionLabel })
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cx(cssStyles.libraryCardFooter, classNames == null ? void 0 : classNames.libraryCardFooter),
+              style: styles == null ? void 0 : styles.libraryCardFooter,
+              children: [
+                /* @__PURE__ */ jsx("div", { className: cssStyles.libraryCardFooterActions, children: previewButtonWithTooltip }),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    className: cx(cssStyles.primaryActionGroup, cssStyles.primaryActionGroupFullWidth),
+                    children: [
+                      viewActionButton,
+                      promoteActionButton,
+                      /* @__PURE__ */ jsx(
+                        GuidelineTooltip,
+                        {
+                          content: isPrimaryActionDisabled ? primaryActionDisabledTooltip : "",
+                          children: /* @__PURE__ */ jsxs(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => isPrimaryActionDisabled ? void 0 : handleButtonClick(guidelineId),
+                              "aria-pressed": isSelected,
+                              "aria-disabled": isPrimaryActionDisabled,
+                              className: cx(
+                                cssStyles.selectButton,
+                                isSelected ? cssStyles.selectButtonSelected : cssStyles.selectButtonNotSelected,
+                                isPrimaryActionDisabled && cssStyles.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__ */ jsx("span", { className: cssStyles.selectButtonLabel, children: displayedPrimaryActionLabel })
+                              ]
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      GuidelineConfirmDialog,
+      {
+        open: duplicateDialogOpen,
+        onClose: () => setDuplicateDialogOpen(false),
+        onConfirm: handleDuplicateConfirm,
+        title: duplicateConfirmTitle,
+        description: resolvedDuplicateDescription,
+        confirmLabel: duplicateConfirmLabel,
+        loading: actionLoading,
+        classNames,
+        styles
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      GuidelineConfirmDialog,
+      {
+        open: deleteDialogOpen,
+        onClose: () => setDeleteDialogOpen(false),
+        onConfirm: handleDeleteConfirm,
+        title: deleteConfirmTitle,
+        description: resolvedDeleteDescription,
+        confirmLabel: deleteConfirmLabel,
+        variant: "danger",
+        loading: actionLoading,
+        classNames,
+        styles
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Toast,
+      {
+        ref: shareToastRef,
+        position: "top-right",
+        appendTo: document.body,
+        pt: { root: { style: { zIndex: 9999 } } }
+      }
+    ),
+    shareDialogOpen && shareRbacConfig && (instantLearning == null ? void 0 : instantLearning.token) && createPortal(
+      /* @__PURE__ */ jsx("div", { className: cx(appsecStyles.accessPanel, cssStyles.shareModalHost), children: /* @__PURE__ */ jsx(RbacQueryProvider, { children: /* @__PURE__ */ jsx(
+        AppsecProvider,
+        {
+          appId: shareRbacConfig.applicationId,
+          baseUrl: instantLearning.appsecGranularRbacUrl || FALLBACK_RBAC_CONFIG.appsecRbacUrl,
+          appsecUrl: instantLearning.appsecBaseUrl || FALLBACK_RBAC_CONFIG.appsecBaseUrl,
+          mode: "manage",
+          getAuthToken: () => instantLearning.token,
+          children: /* @__PURE__ */ jsx(
+            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
+    )
+  ] });
+}
+
+export { GuidelineLibraryCard };
 //# sourceMappingURL=GuidelineLibraryCard.js.map