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

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"),t=require("react"),l=require("react-dom"),n=require("lucide-react"),i=require("./GuidelineLibraryCard.module.css.js"),s=require("../../LearningManagement/RBAC/AccessPanel.module.css.js"),o=require("../constants.js"),r=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"),f=require("../../LearningManagement/store/useAuthStore.js"),b=require("../hooks/useMarketplaceApprovalStatus.js"),g=require("primereact/toast"),_=require("appsec-ui"),m=require("../../LearningManagement/shared/SuccessToastContent.js"),y=require("../../LearningManagement/shared/ErrorToastContent.js"),C=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,W,M,q,E,F,V,U,O,H,K,Y=this,z=x.guideline,Q=x.isSelected,J=x.addToCartLabel,X=x.addedToCartLabel,Z=x.selectLabel,$=void 0===Z?"Select":Z,ee=x.selectedLabel,ae=void 0===ee?"Selected":ee,te=x.onToggle,le=x.onPreview,ne=x.onExplore;x.onEdit;var ie=x.onDuplicate,se=x.onDelete,oe=x.onToggleVariant;x.hideEditOption,x.hideDuplicateOption,x.hideDeleteOption;var re=x.hideToggleVariantOption,de=void 0!==re&&re;x.editOptionLabel,x.duplicateOptionLabel;var ue=x.deleteOptionLabel,ce=void 0===ue?"Delete":ue,pe=x.enableVariantLabel,ve=void 0===pe?"Enable":pe,he=x.disableVariantLabel,fe=void 0===he?"Disable":he,be=x.duplicateConfirmTitle,ge=void 0===be?"Duplicate Guideline":be,_e=x.duplicateConfirmDescription,me=x.duplicateConfirmLabel,ye=void 0===me?"Duplicate":me,Ce=x.deleteConfirmTitle,xe=void 0===Ce?"Delete Guideline":Ce,je=x.deleteConfirmDescription,we=x.deleteConfirmLabel,Ne=void 0===we?"Delete":we,Be=x.classNames,Se=x.styles,Le=x.customIcons,Ie=x.subTitleLayout,Ae=x.metadataConfig,ke=x.instantLearning,De=x.formatAddedOnLabel;x.fetchWishlistStatus;var Te=x.onWishlistToggle,Ge=x.onVersionSelect,Pe=x.isILMarketplace,Re=void 0!==Pe&&Pe,We=x.isShareEnabled,Me=void 0===We||We,qe=x.shareableGuidelineStatuses,Ee=x.externalShareRbacConfig,Fe=x.handleViewButtonCallback,Ve=x.handlePreviewButtonCallback,Ue=x.handleCardClickCallback,Oe=x.handlePublishButtonCallback,He=x.publishButtonLabel,Ke=void 0===He?"Publish to Marketplace":He,Ye=x.isHighlighted,ze=void 0!==Ye&&Ye,Qe=x.statusActions,Je=x.previewDisabledTooltip,Xe=x.onApproveGuideline,Ze=x.onRejectGuideline,$e=x.waitingReviewLabel,ea=void 0===$e?"Waiting on your review":$e,aa=x.approveLabel,ta=void 0===aa?"Approve":aa,la=x.rejectLabel,na=void 0===la?"Reject":la,ia=x.exploreHighlightGuidelineIds,sa=x.exploreHighlightConfig,oa=x.guidelinePinnedMessages,ra=r.getGuidelineId(z),da=r.getGuidelineTitle(z),ua=r.getGuidelineDisplayDescription(z),ca=De(r.getGuidelineDate(z)),pa=null===(j=z.created_by)||void 0===j?void 0:j.trim(),va=[pa?"Created by ".concat(pa):"",ca].filter(Boolean).join(" • "),ha=new Date(r.getGuidelineDate(z)||Date.now()),fa="template"===Ie,ba=ha.toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}),ga=ha.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0}),_a="".concat(ba," at ").concat(ga),ma=[pa?"Created by ".concat(pa):"",_a].filter(Boolean).join(" • "),ya=null!==(N=null!==(w=z.content_type_title)&&void 0!==w?w:z.category)&&void 0!==N?N:"Requirement AI Template",Ca=z.topic_title,xa=null===(S=null===(B=null==Ae?void 0:Ae.contentType)||void 0===B?void 0:B.show)||void 0===S||S,ja=null!==(I=null===(L=null==Ae?void 0:Ae.contentType)||void 0===L?void 0:L.label)&&void 0!==I?I:"Content Type",wa=null===(k=null===(A=null==Ae?void 0:Ae.topic)||void 0===A?void 0:A.show)||void 0===k||k,Na=null!==(T=null===(D=null==Ae?void 0:Ae.topic)||void 0===D?void 0:D.label)&&void 0!==T?T:"Topic",Ba=z.when_to_apply,Sa=z.when_not_to_apply,La=r.isInstantLearningGuideline(z),Ia=!0===z.is_legacy,Aa=z.status,ka="draft"===(null!=Aa?Aa:"").trim().toLowerCase(),Da=v.isUnderReviewStatus(Aa),Ta=f.default(function(e){var a;return null===(a=e.user)||void 0===a?void 0:a.email}),Ga=b.useMarketplaceApprovalStatus(null==z?void 0:z.instant_learning_id,null==z?void 0:z.scope_id,null==ke?void 0:ke.token,null==ke?void 0:ke.baseUrl,Re&&Da).data,Pa=null!==(G=null==Ga?void 0:Ga.users)&&void 0!==G?G:[],Ra=Boolean(Ta)&&(null==Pa?void 0:Pa.some(function(e){return e.email.toLowerCase()===Ta.toLowerCase()})),Wa=Q?null!==(P=null==Le?void 0:Le.selectedIcon)&&void 0!==P?P:a.jsx(n.Check,{className:"h-4 w-4 flex-shrink-0",strokeWidth:2.4}):null!==(R=null==Le?void 0:Le.unselectedIcon)&&void 0!==R?R:a.jsx(n.Plus,{className:"h-4 w-4 flex-shrink-0",strokeWidth:2.4}),Ma=null!==(W=null==Le?void 0:Le.shareIcon)&&void 0!==W?W:a.jsx(n.Share,{className:"h-5 w-5",strokeWidth:2.2}),qa=La?$:J,Ea=La?ae:X,Fa=z.instant_learning_id?null==oa?void 0:oa[z.instant_learning_id]:void 0,Va=Boolean(null==Qe?void 0:Qe.modeName),Ua=(null!==(M=null==Qe?void 0:Qe.configurableStatuses)&&void 0!==M?M:o.CONFIGURABLE_GUIDELINE_STATUSES).includes((null!=Aa?Aa:"").trim().toLowerCase()),Oa=Va?Ua?null!==(q=null==Qe?void 0:Qe.configureLabel)&&void 0!==q?q:"Configure":null!==(E=null==Qe?void 0:Qe.testLabel)&&void 0!==E?E:"Test Template":Q?Ea:qa,Ha=Boolean(null==ia?void 0:ia.includes(ra)),Ka=Ha&&(null==sa?void 0:sa.label)?sa.label:Oa,Ya=Va&&!(Ua?null==Qe?void 0:Qe.onConfigure:null==Qe?void 0:Qe.onTest),za="Coming soon",Qa=Boolean(Oe)&&o.PUBLISHABLE_GUIDELINE_STATUSES.includes((null!=Aa?Aa:"").trim().toLowerCase()),Ja=null===(F=z.application_mapping_ids)||void 0===F?void 0:F[0],Xa=!qe||qe.includes((null!=Aa?Aa:"").trim().toLowerCase()),Za=Boolean(Re&&Me&&Xa&&Ja&&(null==ke?void 0:ke.token)&&(null==ke?void 0:ke.baseUrl)),$a=(null==Ee?void 0:Ee.applicationId)&&(null==Ee?void 0:Ee.moduleId)&&(null==Ee?void 0:Ee.roleId)&&ra?{externalAppId:Ee.applicationId,externalModuleId:Ee.moduleId,externalRoleId:Ee.roleId,externalResourceId:ra}:void 0;!$a&&Ee&&(Ee.applicationId||Ee.moduleId||Ee.roleId)&&console.warn("externalShareRbacConfig needs applicationId, moduleId and roleId together; sharing will grant Learning Management access only.",Ee);var et=null!==(V=z.version_list)&&void 0!==V?V:[],at=null==z?void 0:z.version,tt=Re&&et.length>0,lt=t.useRef(null),nt=t.useState(!1),it=nt[0],st=nt[1],ot=t.useState(!1),rt=ot[0],dt=ot[1],ut=t.useState(!1),ct=ut[0],pt=ut[1],vt=t.useState(!1),ht=vt[0],ft=vt[1],bt=t.useState(!1),gt=bt[0],_t=bt[1],mt=t.useState(!1),yt=mt[0],Ct=mt[1],xt=!1!==z.is_enabled,jt=t.useState(!1),wt=jt[0],Nt=jt[1],Bt=t.useState(null),St=Bt[0],Lt=Bt[1],It=t.useState(!1),At=It[0],kt=It[1],Dt=t.useState(null),Tt=Dt[0],Gt=Dt[1],Pt=t.useState(null),Rt=Pt[0],Wt=Pt[1],Mt=t.useState(null),qt=Mt[0],Et=Mt[1],Ft=t.useRef(null),Vt=t.useState(!!z.is_wishlisted),Ut=Vt[0],Ot=Vt[1],Ht=t.useState(!1),Kt=Ht[0],Yt=Ht[1],zt=t.useState(null),Qt=zt[0],Jt=zt[1],Xt=t.useState(!1),Zt=Xt[0],$t=Xt[1],el=t.useState(!1),al=el[0],tl=el[1],ll=null!=_e?_e:'Are you sure you want to duplicate "'.concat(da,'"? A copy will be created with "(1)" appended to the title.'),nl=null!=je?je:'Are you sure you want to delete "'.concat(da,'"? This action cannot be undone.');t.useEffect(function(){Ot(!!z.is_wishlisted)},[z.is_wishlisted]),t.useEffect(function(){var e;Tt&&(null===(e=Ft.current)||void 0===e||e.show({severity:"error",sticky:!1,life:4e3,content:a.jsx(y.default,{title:"Share unavailable",message:Tt})}),Gt(null))},[Tt]),t.useEffect(function(){var e;Rt&&(null===(e=Ft.current)||void 0===e||e.show({severity:"success",sticky:!1,life:4e3,content:a.jsx(m.default,{title:"Shared",message:Rt})}),Wt(null))},[Rt]),t.useEffect(function(){var e;qt&&(null===(e=Ft.current)||void 0===e||e.show({severity:"success",sticky:!1,life:4e3,content:a.jsx(m.default,{title:Ut?"Added to Saved":"Removed from Saved",message:qt})}),Et(null))},[Ut,qt]),t.useEffect(function(){Lt(null),Nt(!1)},[Ja]);var il=function(e){var a,t;Va?Ua?null===(a=null==Qe?void 0:Qe.onConfigure)||void 0===a||a.call(Qe,z):null===(t=null==Qe?void 0:Qe.onTest)||void 0===t||t.call(Qe,z):Re&&Fe?Fe(z):te(e)},sl=c.createGuidelineCardMenuItems({onDelete:function(){return ft(!0)},deleteLabel:ce,hideDelete:!1,onToggleVariant:function(){return e.__awaiter(Y,void 0,void 0,function(){var a;return e.__generator(this,function(e){switch(e.label){case 0:if(!oe)return[2];Ct(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,Promise.resolve(oe(z))];case 2:return e.sent(),[3,5];case 3:return a=e.sent(),console.error("Toggle variant failed:",a),[3,5];case 4:return Ct(!1),[7];case 5:return[2]}})})},isVariantEnabled:xt,enableVariantLabel:ve,disableVariantLabel:fe,hideToggleVariant:de||!oe||!(null===(U=z.variant_id)||void 0===U?void 0:U.trim()),toggleVariantDisabled:yt}),ol=sl.some(function(e){return!e.hidden}),rl=function(t,l,s,o){return l?a.jsxs("div",e.__assign({className:i.default.accordionWrapper},{children:[a.jsxs("button",e.__assign({type:"button",onClick:o,"aria-expanded":s,className:i.default.accordionHeader},{children:[a.jsx("span",e.__assign({className:i.default.contentTypeLabel},{children:t})),a.jsx(n.ChevronDown,{className:r.cx(i.default.accordionIcon,s&&i.default.accordionIconOpen),strokeWidth:2})]})),s&&a.jsx("div",e.__assign({className:i.default.accordionContent},{children:l}))]})):null},dl=a.jsx("button",e.__assign({type:"button",onClick:function(){return!ka&&void(Re&&Ve?Ve(z):La&&ne?ne(z):le(z))},"aria-disabled":ka,className:r.cx(i.default.previewButton,ka&&i.default.previewButtonDisabled),"aria-label":"Preview ".concat(da)},{children:a.jsx(n.Eye,{className:i.default.previewIcon,strokeWidth:2})})),ul=a.jsx(u.GuidelineTooltip,e.__assign({content:ka?null!=Je?Je:"Preview unavailable for drafts":"Preview"},{children:dl})),cl="function"==typeof(null==Qe?void 0:Qe.viewDisabled)?Qe.viewDisabled(z):Boolean(null==Qe?void 0:Qe.viewDisabled),pl=(null==Qe?void 0:Qe.onView)?a.jsx(u.GuidelineTooltip,e.__assign({content:cl?null!==(O=Qe.viewDisabledTooltip)&&void 0!==O?O:za:""},{children:a.jsx("button",e.__assign({type:"button",onClick:function(e){var a;e.stopPropagation(),cl||null===(a=Qe.onView)||void 0===a||a.call(Qe,z)},"aria-disabled":cl,className:r.cx(i.default.selectButton,i.default.viewButton,cl&&i.default.selectButtonDisabled,null==Be?void 0:Be.libraryCardViewButton),style:null==Se?void 0:Se.libraryCardViewButton,"aria-label":"View ".concat(da)},{children:a.jsx("span",e.__assign({className:i.default.selectButtonLabel},{children:null!==(H=null==Qe?void 0:Qe.viewLabel)&&void 0!==H?H:"View"}))}))})):null,vl="function"==typeof(null==Qe?void 0:Qe.promoteDisabled)?Qe.promoteDisabled(z):Boolean(null==Qe?void 0:Qe.promoteDisabled),hl=(null==Qe?void 0:Qe.onPromote)?a.jsxs("button",e.__assign({type:"button",onClick:function(e){var a;e.stopPropagation(),vl||null===(a=Qe.onPromote)||void 0===a||a.call(Qe,z)},"aria-disabled":vl,className:r.cx(i.default.selectButton,i.default.promoteButton,vl&&i.default.selectButtonDisabled),"aria-label":"Promote ".concat(da)},{children:[a.jsx(n.ArrowUpRight,{className:i.default.selectButtonIcon,strokeWidth:2.2}),a.jsx("span",e.__assign({className:i.default.selectButtonLabel},{children:null!==(K=null==Qe?void 0:Qe.promoteLabel)&&void 0!==K?K:"Promote"}))]})):null;return a.jsxs(a.Fragment,{children:[a.jsxs("article",e.__assign({"data-guideline-id":ra,onClick:Ue?function(e){Ue&&(e.target.closest('button, a, input, select, [role="menuitem"]')||Ue(z))}:void 0,className:r.cx(i.default.libraryCard,ze&&i.default.libraryCardHighlighted,null==Be?void 0:Be.libraryCard),style:null==Se?void 0:Se.libraryCard},{children:[a.jsxs("div",e.__assign({className:r.cx(i.default.libraryCardHeader,null==Be?void 0:Be.libraryCardHeader),style:null==Se?void 0:Se.libraryCardHeader},{children:[a.jsxs("div",e.__assign({className:i.default.libraryCardHeaderContent},{children:[a.jsxs("div",e.__assign({className:i.default.libraryCardTitleWrapper},{children:[Ia&&a.jsx("span",e.__assign({className:r.cx(i.default.legacyBadge,null==Be?void 0:Be.libraryCardLegacyBadge),style:null==Se?void 0:Se.libraryCardLegacyBadge},{children:"Legacy"})),a.jsx("div",e.__assign({className:r.cx(i.default.libraryCardTitle,null==Be?void 0:Be.libraryCardTitle),style:null==Se?void 0:Se.libraryCardTitle,title:da},{children:da})),Re&&a.jsx(v.GuidelineStatusChip,{status:Aa,className:null==Be?void 0:Be.libraryCardStatusChip,style:null==Se?void 0:Se.libraryCardStatusChip}),Re&&!xt&&a.jsx("span",e.__assign({className:r.cx(i.default.disabledChip,null==Be?void 0:Be.libraryCardDisabledChip),style:null==Se?void 0:Se.libraryCardDisabledChip},{children:"Disabled"}))]})),"template"===Ie?a.jsx("p",e.__assign({className:r.cx(i.default.libraryCardDate,null==Be?void 0:Be.libraryCardDate),style:null==Se?void 0:Se.libraryCardDate,title:ma},{children:ma})):va?a.jsx("p",e.__assign({className:r.cx(i.default.libraryCardDate,null==Be?void 0:Be.libraryCardDate),style:null==Se?void 0:Se.libraryCardDate,title:va},{children:va})):null]})),a.jsxs("div",e.__assign({className:r.cx(i.default.libraryCardActions,null==Be?void 0:Be.libraryCardActions),style:null==Se?void 0:Se.libraryCardActions},{children:[Fa&&a.jsx(u.GuidelineTooltip,e.__assign({content:Fa,side:"bottom",maxWidth:320},{children:a.jsx("span",e.__assign({"aria-label":Fa,className:i.default.pinnedMessageIcon},{children:a.jsx(n.Pin,{className:i.default.pinIcon,strokeWidth:2})}))})),La&&!fa&&!Re&&a.jsx(d.GuidelineIconButton,e.__assign({slot:"shareGuideline",label:"Share ".concat(da),title:"Share",onClick:function(){return Nt(!0)},classNames:Be,styles:Se},{children:a.jsx(n.Share2,{className:i.default.shareIcon,strokeWidth:2})})),tt&&a.jsxs("div",e.__assign({className:i.default.versionSelectorWrapper},{children:[rt&&a.jsx("output",{"aria-label":"Switching version",className:i.default.versionLoadingIcon}),a.jsx(h.VersionSelectDropdown,{versions:et,currentVersion:at,disabled:rt,onSelect:function(a){return e.__awaiter(Y,void 0,void 0,function(){var t;return e.__generator(this,function(e){switch(e.label){case 0:if(!Ge||String(a)===String(at))return[2];dt(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,Ge(z,a)];case 2:return e.sent(),[3,5];case 3:return t=e.sent(),console.error("Version switch failed:",t),[3,5];case 4:return dt(!1),[7];case 5:return[2]}})})},triggerAriaLabel:"Select version for ".concat(da)})]})),a.jsxs("div",e.__assign({className:i.default.moreButtonWrapper},{children:[a.jsx(d.GuidelineIconButton,e.__assign({slot:"libraryCardMoreButton",label:"More options for ".concat(da),title:"More options",onClick:function(){return ol?st(function(e){return!e}):void 0},classNames:Be,styles:Se,ref:lt},{children:a.jsx(n.EllipsisVertical,{className:i.default.moreIcon,strokeWidth:2})})),ol&&a.jsx(c.GuidelineCardMenu,{open:it,onClose:function(){return st(!1)},anchorRef:lt,items:sl,classNames:Be,styles:Se})]}))]}))]})),a.jsx("p",e.__assign({className:r.cx(i.default.libraryCardDescription,null==Be?void 0:Be.libraryCardDescription),style:null==Se?void 0:Se.libraryCardDescription,title:ua},{children:ua})),fa&&wa&&Ca&&a.jsxs("p",e.__assign({className:i.default.topicLabel},{children:[a.jsxs("span",e.__assign({className:"flex-shrink-0"},{children:[Na,":"]})),a.jsx("span",e.__assign({className:i.default.topicLabelBadge},{children:Ca}))]})),fa&&xa&&a.jsxs("p",e.__assign({className:i.default.topicLabel},{children:[ja,":"," ",a.jsx("span",e.__assign({className:i.default.topicLabelBadge},{children:ya}))]})),fa&&a.jsxs(a.Fragment,{children:[rl("When to Apply",Ba,Zt,function(){return $t(function(e){return!e})}),rl("When Not to Apply",Sa,al,function(){return tl(function(e){return!e})})]}),Re&&Da&&Ra&&a.jsxs("div",e.__assign({className:i.default.reviewBanner},{children:[a.jsxs("div",e.__assign({className:i.default.reviewBannerLabel},{children:[a.jsx(n.Clock,{className:i.default.reviewBannerIcon,strokeWidth:2}),a.jsx("span",{children:ea})]})),a.jsxs("div",e.__assign({className:i.default.reviewBannerActions},{children:[a.jsx("button",e.__assign({type:"button",onClick:function(a){return e.__awaiter(Y,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:if(a.stopPropagation(),!Ze)return[2];Jt("reject"),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,Promise.resolve(Ze(z))];case 2:return e.sent(),[3,4];case 3:return Jt(null),[7];case 4:return[2]}})})},disabled:null!==Qt,className:i.default.reviewRejectButton},{children:"reject"===Qt?"Rejecting...":na})),a.jsx("button",e.__assign({type:"button",onClick:function(a){return e.__awaiter(Y,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:if(a.stopPropagation(),!Xe)return[2];Jt("approve"),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,Promise.resolve(Xe(z))];case 2:return e.sent(),[3,4];case 3:return Jt(null),[7];case 4:return[2]}})})},disabled:null!==Qt,className:i.default.reviewApproveButton},{children:"approve"===Qt?"Approving...":ta}))]}))]})),Re?a.jsxs("div",e.__assign({className:r.cx(i.default.libraryCardFooter,null==Be?void 0:Be.libraryCardFooter),style:null==Se?void 0:Se.libraryCardFooter},{children:[a.jsxs("div",e.__assign({className:i.default.libraryCardFooterActions},{children:[!Ia&&a.jsx(u.GuidelineTooltip,e.__assign({content:Ut?"Remove from Saved":"Add to Saved"},{children:a.jsx("button",e.__assign({type:"button",onClick:function(a){return e.__awaiter(Y,void 0,void 0,function(){var t,l;return e.__generator(this,function(e){switch(e.label){case 0:if(a.stopPropagation(),!Te||!(null==ke?void 0:ke.token)||!Ja)return[2];t=!Ut,Yt(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,Te(Ja,t,ke.token)];case 2:return e.sent(),Ot(t),Et('"'.concat(da,t?'" has been added to Saved.':'" has been removed from Saved.')),[3,5];case 3:return l=e.sent(),console.error("Wishlist operation failed:",l),[3,5];case 4:return Yt(!1),[7];case 5:return[2]}})})},disabled:Kt,className:r.cx(i.default.wishlistButton,Ut?i.default.wishlistButtonWishlisted:i.default.wishlistButtonNotWishlisted,Kt&&i.default.wishlistButtonDisabled),"aria-label":Ut?"Remove ".concat(da," from wishlist"):"Add ".concat(da," to wishlist")},{children:a.jsx(n.Heart,{className:i.default.wishlistIcon,fill:Ut?"currentColor":"none",strokeWidth:2.2})}))})),ul,Qa&&a.jsx(u.GuidelineTooltip,e.__assign({content:Ke},{children:a.jsx("button",e.__assign({type:"button",onClick:function(e){e.stopPropagation(),null==Oe||Oe(z)},className:i.default.previewButton,"aria-label":"".concat(Ke,": ").concat(da)},{children:a.jsx(n.Upload,{className:i.default.previewIcon,strokeWidth:2})}))})),Za&&a.jsx(u.GuidelineTooltip,e.__assign({content:At?"Loading share access":"Share"},{children:a.jsx("button",e.__assign({type:"button",onClick:function(a){return e.__awaiter(Y,void 0,void 0,function(){var t,l,n,i,s,r,d;return e.__generator(this,function(e){switch(e.label){case 0:if(a.stopPropagation(),!Za||At)return[2];if(St)return Nt(!0),[2];kt(!0),e.label=1;case 1:return e.trys.push([1,3,4,5]),[4,C.fetchRBACConfig(ke.baseUrl,ke.token,Ja)];case 2:return t=e.sent(),(l={applicationId:(null==t?void 0:t.application_name)||o.FALLBACK_RBAC_CONFIG.applicationName,applicationModuleId:(null===(i=null==t?void 0:t.module_data)||void 0===i?void 0:i.General)||o.FALLBACK_RBAC_CONFIG.applicationModuleId,resourceId:(null===(s=null==t?void 0:t.resource_data)||void 0===s?void 0:s["Learning Management"])||o.FALLBACK_RBAC_CONFIG.applicationResourceId}).applicationId&&l.applicationModuleId&&l.resourceId?(Lt(l),Nt(!0),[3,5]):(console.error("Incomplete share RBAC config; share modal not opened.",l),Gt("This template's access configuration is incomplete, so sharing is unavailable."),[2]);case 3:return n=e.sent(),console.error("Failed to fetch share RBAC config:",n),Gt((null===(d=null===(r=null==n?void 0:n.response)||void 0===r?void 0:r.data)||void 0===d?void 0:d.message)||(null==n?void 0:n.message)||"Couldn't load share access for this template. Please try again."),[3,5];case 4:return kt(!1),[7];case 5:return[2]}})})},"aria-disabled":At,className:r.cx(i.default.previewButton,At&&i.default.previewButtonDisabled),"aria-label":"Share ".concat(da)},{children:At?a.jsx(n.Loader2,{className:i.default.previewIconSpinner,strokeWidth:2}):a.jsx(n.Share2,{className:i.default.previewIcon,strokeWidth:2})}))})),fa&&!Re&&a.jsx("button",e.__assign({type:"button",onClick:function(e){e.stopPropagation(),Nt(!0)},className:i.default.previewButton,"aria-label":"Share ".concat(da),title:"Share"},{children:Ma}))]})),a.jsxs("div",e.__assign({className:i.default.primaryActionGroup},{children:[pl,hl,a.jsx(u.GuidelineTooltip,e.__assign({content:Ya?za:""},{children:a.jsxs("button",e.__assign({type:"button",onClick:function(){return Ya?void 0:il(ra)},"aria-pressed":Q,"aria-disabled":Ya,className:r.cx(i.default.selectButton,Q?i.default.selectButtonSelected:i.default.selectButtonNotSelected,Ya&&i.default.selectButtonDisabled,Ha&&(null==sa?void 0:sa.className),null==Be?void 0:Be.libraryCardSelectButton),style:e.__assign(e.__assign({},null==Se?void 0:Se.libraryCardSelectButton),Ha?null==sa?void 0:sa.style:void 0)},{children:[Wa,a.jsx("span",e.__assign({className:i.default.selectButtonLabel},{children:Ka}))]}))}))]}))]})):a.jsxs("div",e.__assign({className:r.cx(i.default.libraryCardFooter,null==Be?void 0:Be.libraryCardFooter),style:null==Se?void 0:Se.libraryCardFooter},{children:[a.jsx("div",e.__assign({className:i.default.libraryCardFooterActions},{children:ul})),a.jsxs("div",e.__assign({className:r.cx(i.default.primaryActionGroup,i.default.primaryActionGroupFullWidth)},{children:[pl,hl,a.jsx(u.GuidelineTooltip,e.__assign({content:Ya?za:""},{children:a.jsxs("button",e.__assign({type:"button",onClick:function(){return Ya?void 0:il(ra)},"aria-pressed":Q,"aria-disabled":Ya,className:r.cx(i.default.selectButton,Q?i.default.selectButtonSelected:i.default.selectButtonNotSelected,Ya&&i.default.selectButtonDisabled,Ha&&(null==sa?void 0:sa.className),null==Be?void 0:Be.libraryCardSelectButton),style:e.__assign(e.__assign({},null==Se?void 0:Se.libraryCardSelectButton),Ha?null==sa?void 0:sa.style:void 0)},{children:[Wa,a.jsx("span",e.__assign({className:i.default.selectButtonLabel},{children:Ka}))]}))}))]}))]}))]})),a.jsx(p.GuidelineConfirmDialog,{open:ct,onClose:function(){return pt(!1)},onConfirm:function(){return e.__awaiter(Y,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:if(!ie)return[2];_t(!0),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,Promise.resolve(ie(z))];case 2:return e.sent(),[3,4];case 3:return _t(!1),pt(!1),[7];case 4:return[2]}})})},title:ge,description:ll,confirmLabel:ye,loading:gt,classNames:Be,styles:Se}),a.jsx(p.GuidelineConfirmDialog,{open:ht,onClose:function(){return ft(!1)},onConfirm:function(){return e.__awaiter(Y,void 0,void 0,function(){return e.__generator(this,function(e){switch(e.label){case 0:if(!se)return[2];_t(!0),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,Promise.resolve(se(z))];case 2:return e.sent(),[3,4];case 3:return _t(!1),ft(!1),[7];case 4:return[2]}})})},title:xe,description:nl,confirmLabel:Ne,variant:"danger",loading:gt,classNames:Be,styles:Se}),a.jsx(g.Toast,{ref:Ft,position:"top-right",appendTo:document.body,pt:{root:{style:{zIndex:9999}}}}),wt&&St&&(null==ke?void 0:ke.token)&&l.createPortal(a.jsx("div",e.__assign({className:r.cx(s.default.accessPanel,i.default.shareModalHost)},{children:a.jsx(_.RbacQueryProvider,{children:a.jsx(_.AppsecProvider,e.__assign({appId:St.applicationId,baseUrl:ke.appsecGranularRbacUrl||o.FALLBACK_RBAC_CONFIG.appsecRbacUrl,appsecUrl:ke.appsecBaseUrl||o.FALLBACK_RBAC_CONFIG.appsecBaseUrl,mode:"manage",getAuthToken:function(){return ke.token}},{children:a.jsx(_.ShareAccessModal,e.__assign({},$a,{open:wt,onClose:function(){return Nt(!1)},onSuccess:function(){Nt(!1),Wt('Access to "'.concat(da,'" has been successfully shared.'))},resourceId:St.resourceId,moduleId:St.applicationModuleId,resourceName:da,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