@e-llm-studio/instant-learning 1.3.1 → 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 i,jsxs as t,Fragment as a}from"react/jsx-runtime";import{useRef as o,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,Pin as h,Share2 as m,EllipsisVertical as b,Clock as f,Heart as y,Upload as g,Loader2 as C,ChevronDown as w}from"lucide-react";import N from"./GuidelineLibraryCard.module.css.js";import B from"../../LearningManagement/RBAC/AccessPanel.module.css.js";import{CONFIGURABLE_GUIDELINE_STATUSES as L,PUBLISHABLE_GUIDELINE_STATUSES as I,FALLBACK_RBAC_CONFIG as k}from"../constants.js";import{getGuidelineId as S,getGuidelineTitle as D,getGuidelineDisplayDescription as T,getGuidelineDate as A,isInstantLearningGuideline as _,cx as W}from"../utils.js";import{GuidelineIconButton as j}from"./GuidelineIconButton.js";import{GuidelineTooltip as M}from"./GuidelineTooltip.js";import{createGuidelineCardMenuItems as P,GuidelineCardMenu as V}from"./GuidelineCardMenu.js";import{GuidelineConfirmDialog as x}from"./GuidelineConfirmDialog.js";import{isUnderReviewStatus as G,GuidelineStatusChip as R}from"./GuidelineStatusChip.js";import{VersionSelectDropdown as H}from"./VersionSelectDropdown.js";import U from"../../LearningManagement/store/useAuthStore.js";import{useMarketplaceApprovalStatus as O}from"../hooks/useMarketplaceApprovalStatus.js";import{Toast as E}from"primereact/toast";import{RbacQueryProvider as F,AppsecProvider as q,ShareAccessModal as Y}from"appsec-ui";import z from"../../LearningManagement/shared/SuccessToastContent.js";import J from"../../LearningManagement/shared/ErrorToastContent.js";import{fetchRBACConfig as K}from"../services/instant-learning.api.js";function Q(Q){var X,Z,$,ee,ne,le,ie,te,ae,oe,re,se,de,ce,ue,pe,ve,he,me,be,fe,ye,ge=this,Ce=Q.guideline,we=Q.isSelected,Ne=Q.addToCartLabel,Be=Q.addedToCartLabel,Le=Q.selectLabel,Ie=void 0===Le?"Select":Le,ke=Q.selectedLabel,Se=void 0===ke?"Selected":ke,De=Q.onToggle,Te=Q.onPreview,Ae=Q.onExplore;Q.onEdit;var _e=Q.onDuplicate,We=Q.onDelete,je=Q.onToggleVariant;Q.hideEditOption,Q.hideDuplicateOption,Q.hideDeleteOption;var Me=Q.hideToggleVariantOption,Pe=void 0!==Me&&Me;Q.editOptionLabel,Q.duplicateOptionLabel;var Ve=Q.deleteOptionLabel,xe=void 0===Ve?"Delete":Ve,Ge=Q.enableVariantLabel,Re=void 0===Ge?"Enable":Ge,He=Q.disableVariantLabel,Ue=void 0===He?"Disable":He,Oe=Q.duplicateConfirmTitle,Ee=void 0===Oe?"Duplicate Guideline":Oe,Fe=Q.duplicateConfirmDescription,qe=Q.duplicateConfirmLabel,Ye=void 0===qe?"Duplicate":qe,ze=Q.deleteConfirmTitle,Je=void 0===ze?"Delete Guideline":ze,Ke=Q.deleteConfirmDescription,Qe=Q.deleteConfirmLabel,Xe=void 0===Qe?"Delete":Qe,Ze=Q.classNames,$e=Q.styles,en=Q.customIcons,nn=Q.subTitleLayout,ln=Q.metadataConfig,tn=Q.instantLearning,an=Q.formatAddedOnLabel;Q.fetchWishlistStatus;var on=Q.onWishlistToggle,rn=Q.onVersionSelect,sn=Q.isILMarketplace,dn=void 0!==sn&&sn,cn=Q.isShareEnabled,un=void 0===cn||cn,pn=Q.shareableGuidelineStatuses,vn=Q.externalShareRbacConfig,hn=Q.handleViewButtonCallback,mn=Q.handlePreviewButtonCallback,bn=Q.handleCardClickCallback,fn=Q.handlePublishButtonCallback,yn=Q.publishButtonLabel,gn=void 0===yn?"Publish to Marketplace":yn,Cn=Q.isHighlighted,wn=void 0!==Cn&&Cn,Nn=Q.statusActions,Bn=Q.previewDisabledTooltip,Ln=Q.onApproveGuideline,In=Q.onRejectGuideline,kn=Q.waitingReviewLabel,Sn=void 0===kn?"Waiting on your review":kn,Dn=Q.approveLabel,Tn=void 0===Dn?"Approve":Dn,An=Q.rejectLabel,_n=void 0===An?"Reject":An,Wn=Q.exploreHighlightGuidelineIds,jn=Q.exploreHighlightConfig,Mn=Q.guidelinePinnedMessages,Pn=S(Ce),Vn=D(Ce),xn=T(Ce),Gn=an(A(Ce)),Rn=null===(X=Ce.created_by)||void 0===X?void 0:X.trim(),Hn=[Rn?"Created by ".concat(Rn):"",Gn].filter(Boolean).join(" • "),Un=new Date(A(Ce)||Date.now()),On="template"===nn,En=Un.toLocaleDateString("en-US",{month:"long",day:"numeric",year:"numeric"}),Fn=Un.toLocaleTimeString("en-US",{hour:"numeric",minute:"2-digit",hour12:!0}),qn="".concat(En," at ").concat(Fn),Yn=[Rn?"Created by ".concat(Rn):"",qn].filter(Boolean).join(" • "),zn=null!==($=null!==(Z=Ce.content_type_title)&&void 0!==Z?Z:Ce.category)&&void 0!==$?$:"Requirement AI Template",Jn=Ce.topic_title,Kn=null===(ne=null===(ee=null==ln?void 0:ln.contentType)||void 0===ee?void 0:ee.show)||void 0===ne||ne,Qn=null!==(ie=null===(le=null==ln?void 0:ln.contentType)||void 0===le?void 0:le.label)&&void 0!==ie?ie:"Content Type",Xn=null===(ae=null===(te=null==ln?void 0:ln.topic)||void 0===te?void 0:te.show)||void 0===ae||ae,Zn=null!==(re=null===(oe=null==ln?void 0:ln.topic)||void 0===oe?void 0:oe.label)&&void 0!==re?re:"Topic",$n=Ce.when_to_apply,el=Ce.when_not_to_apply,nl=_(Ce),ll=!0===Ce.is_legacy,il=Ce.status,tl="draft"===(null!=il?il:"").trim().toLowerCase(),al=G(il),ol=U(function(e){var n;return null===(n=e.user)||void 0===n?void 0:n.email}),rl=O(null==Ce?void 0:Ce.instant_learning_id,null==Ce?void 0:Ce.scope_id,null==tn?void 0:tn.token,null==tn?void 0:tn.baseUrl,dn&&al).data,sl=null!==(se=null==rl?void 0:rl.users)&&void 0!==se?se:[],dl=Boolean(ol)&&(null==sl?void 0:sl.some(function(e){return e.email.toLowerCase()===ol.toLowerCase()})),cl=we?null!==(de=null==en?void 0:en.selectedIcon)&&void 0!==de?de:i(c,{className:"h-4 w-4 flex-shrink-0",strokeWidth:2.6}):null!==(ce=null==en?void 0:en.unselectedIcon)&&void 0!==ce?ce:i(u,{className:"h-4 w-4 flex-shrink-0",strokeWidth:2.6}),ul=null!==(ue=null==en?void 0:en.shareIcon)&&void 0!==ue?ue:i(p,{className:"h-5 w-5",strokeWidth:2.2}),pl=nl?Ie:Ne,vl=nl?Se:Be,hl=Ce.instant_learning_id?null==Mn?void 0:Mn[Ce.instant_learning_id]:void 0,ml=Boolean(null==Nn?void 0:Nn.modeName),bl=(null!==(pe=null==Nn?void 0:Nn.configurableStatuses)&&void 0!==pe?pe:L).includes((null!=il?il:"").trim().toLowerCase()),fl=ml?bl?null!==(ve=null==Nn?void 0:Nn.configureLabel)&&void 0!==ve?ve:"Configure":null!==(he=null==Nn?void 0:Nn.testLabel)&&void 0!==he?he:"Test Template":we?vl:pl,yl=Boolean(null==Wn?void 0:Wn.includes(Pn)),gl=yl&&(null==jn?void 0:jn.label)?jn.label:fl,Cl=ml&&!(bl?null==Nn?void 0:Nn.onConfigure:null==Nn?void 0:Nn.onTest),wl="Coming soon",Nl=Boolean(fn)&&I.includes((null!=il?il:"").trim().toLowerCase()),Bl=null===(me=Ce.application_mapping_ids)||void 0===me?void 0:me[0],Ll=!pn||pn.includes((null!=il?il:"").trim().toLowerCase()),Il=Boolean(dn&&un&&Ll&&Bl&&(null==tn?void 0:tn.token)&&(null==tn?void 0:tn.baseUrl)),kl=(null==vn?void 0:vn.applicationId)&&(null==vn?void 0:vn.moduleId)&&(null==vn?void 0:vn.roleId)&&Pn?{externalAppId:vn.applicationId,externalModuleId:vn.moduleId,externalRoleId:vn.roleId,externalResourceId:Pn}:void 0;!kl&&vn&&(vn.applicationId||vn.moduleId||vn.roleId)&&console.warn("externalShareRbacConfig needs applicationId, moduleId and roleId together; sharing will grant Learning Management access only.",vn);var Sl=null!==(be=Ce.version_list)&&void 0!==be?be:[],Dl=null==Ce?void 0:Ce.version,Tl=dn&&Sl.length>0,Al=o(null),_l=r(!1),Wl=_l[0],jl=_l[1],Ml=r(!1),Pl=Ml[0],Vl=Ml[1],xl=r(!1),Gl=xl[0],Rl=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=!1!==Ce.is_enabled,Ql=r(!1),Xl=Ql[0],Zl=Ql[1],$l=r(null),ei=$l[0],ni=$l[1],li=r(!1),ii=li[0],ti=li[1],ai=r(null),oi=ai[0],ri=ai[1],si=r(null),di=si[0],ci=si[1],ui=o(null),pi=r(!!Ce.is_wishlisted),vi=pi[0],hi=pi[1],mi=r(!1),bi=mi[0],fi=mi[1],yi=r(null),gi=yi[0],Ci=yi[1],wi=r(!1),Ni=wi[0],Bi=wi[1],Li=r(!1),Ii=Li[0],ki=Li[1],Si=null!=Fe?Fe:'Are you sure you want to duplicate "'.concat(Vn,'"? A copy will be created with "(1)" appended to the title.'),Di=null!=Ke?Ke:'Are you sure you want to delete "'.concat(Vn,'"? This action cannot be undone.');s(function(){hi(!!Ce.is_wishlisted)},[Ce.is_wishlisted]),s(function(){var e;oi&&(null===(e=ui.current)||void 0===e||e.show({severity:"error",sticky:!1,life:4e3,content:i(J,{title:"Share unavailable",message:oi})}),ri(null))},[oi]),s(function(){var e;di&&(null===(e=ui.current)||void 0===e||e.show({severity:"success",sticky:!1,life:4e3,content:i(z,{title:"Shared",message:di})}),ci(null))},[di]),s(function(){ni(null),Zl(!1)},[Bl]);var Ti=function(e){var n,l;ml?bl?null===(n=null==Nn?void 0:Nn.onConfigure)||void 0===n||n.call(Nn,Ce):null===(l=null==Nn?void 0:Nn.onTest)||void 0===l||l.call(Nn,Ce):dn&&hn?hn(Ce):De(e)},Ai=P({onDelete:function(){return Ol(!0)},deleteLabel:xe,hideDelete:!1,onToggleVariant:function(){return n(ge,void 0,void 0,function(){var e;return l(this,function(n){switch(n.label){case 0:if(!je)return[2];Jl(!0),n.label=1;case 1:return n.trys.push([1,3,4,5]),[4,Promise.resolve(je(Ce))];case 2:return n.sent(),[3,5];case 3:return e=n.sent(),console.error("Toggle variant failed:",e),[3,5];case 4:return Jl(!1),[7];case 5:return[2]}})})},isVariantEnabled:Kl,enableVariantLabel:Re,disableVariantLabel:Ue,hideToggleVariant:Pe||!je,toggleVariantDisabled:zl}),_i=Ai.some(function(e){return!e.hidden}),Wi=function(n,l,a,o){return l?t("div",e({className:N.accordionWrapper},{children:[t("button",e({type:"button",onClick:o,"aria-expanded":a,className:N.accordionHeader},{children:[i("span",e({className:N.contentTypeLabel},{children:n})),i(w,{className:W(N.accordionIcon,a&&N.accordionIconOpen),strokeWidth:2.2})]})),a&&i("div",e({className:N.accordionContent},{children:l}))]})):null},ji=i("button",e({type:"button",onClick:function(){return!tl&&void(dn&&mn?mn(Ce):nl&&Ae?Ae(Ce):Te(Ce))},"aria-disabled":tl,className:W(N.previewButton,tl&&N.previewButtonDisabled),"aria-label":"Preview ".concat(Vn),title:tl?void 0:"Preview"},{children:i(v,{className:N.previewIcon,strokeWidth:2.2})})),Mi=tl&&Bn?i(M,e({content:Bn},{children:ji})):ji,Pi="function"==typeof(null==Nn?void 0:Nn.viewDisabled)?Nn.viewDisabled(Ce):Boolean(null==Nn?void 0:Nn.viewDisabled),Vi=(null==Nn?void 0:Nn.onView)?i(M,e({content:Pi?null!==(fe=Nn.viewDisabledTooltip)&&void 0!==fe?fe:wl:""},{children:i("button",e({type:"button",onClick:function(e){var n;e.stopPropagation(),Pi||null===(n=Nn.onView)||void 0===n||n.call(Nn,Ce)},"aria-disabled":Pi,className:W(N.selectButton,N.viewButton,Pi&&N.selectButtonDisabled,null==Ze?void 0:Ze.libraryCardViewButton),style:null==$e?void 0:$e.libraryCardViewButton,"aria-label":"View ".concat(Vn)},{children:i("span",e({className:N.selectButtonLabel},{children:null!==(ye=Nn.viewLabel)&&void 0!==ye?ye:"View"}))}))})):null;return t(a,{children:[t("article",e({"data-guideline-id":Pn,onClick:bn?function(e){bn&&(e.target.closest('button, a, input, select, [role="menuitem"]')||bn(Ce))}:void 0,className:W(N.libraryCard,wn&&N.libraryCardHighlighted,null==Ze?void 0:Ze.libraryCard),style:null==$e?void 0:$e.libraryCard},{children:[t("div",e({className:W(N.libraryCardHeader,null==Ze?void 0:Ze.libraryCardHeader),style:null==$e?void 0:$e.libraryCardHeader},{children:[t("div",e({className:N.libraryCardHeaderContent},{children:[t("div",e({className:N.libraryCardTitleWrapper},{children:[ll&&i("span",e({className:W(N.legacyBadge,null==Ze?void 0:Ze.libraryCardLegacyBadge),style:null==$e?void 0:$e.libraryCardLegacyBadge},{children:"Legacy"})),i("div",e({className:W(N.libraryCardTitle,null==Ze?void 0:Ze.libraryCardTitle),style:null==$e?void 0:$e.libraryCardTitle,title:Vn},{children:Vn})),dn&&i(R,{status:il,className:null==Ze?void 0:Ze.libraryCardStatusChip,style:null==$e?void 0:$e.libraryCardStatusChip}),dn&&!Kl&&i("span",e({className:W(N.disabledChip,null==Ze?void 0:Ze.libraryCardDisabledChip),style:null==$e?void 0:$e.libraryCardDisabledChip},{children:"Disabled"}))]})),"template"===nn?i("p",e({className:W(N.libraryCardDate,null==Ze?void 0:Ze.libraryCardDate),style:null==$e?void 0:$e.libraryCardDate,title:Yn},{children:Yn})):Hn?i("p",e({className:W(N.libraryCardDate,null==Ze?void 0:Ze.libraryCardDate),style:null==$e?void 0:$e.libraryCardDate,title:Hn},{children:Hn})):null]})),t("div",e({className:W(N.libraryCardActions,null==Ze?void 0:Ze.libraryCardActions),style:null==$e?void 0:$e.libraryCardActions},{children:[hl&&i(M,e({content:hl,side:"bottom",maxWidth:320},{children:i("span",e({"aria-label":hl,className:N.pinnedMessageIcon},{children:i(h,{className:N.pinIcon,strokeWidth:2.2})}))})),nl&&!On&&!dn&&i(j,e({slot:"shareGuideline",label:"Share ".concat(Vn),title:"Share",onClick:function(){return Zl(!0)},classNames:Ze,styles:$e},{children:i(m,{className:N.shareIcon,strokeWidth:2.2})})),Tl&&t("div",e({className:N.versionSelectorWrapper},{children:[Pl&&i("output",{"aria-label":"Switching version",className:N.versionLoadingIcon}),i(H,{versions:Sl,currentVersion:Dl,disabled:Pl,onSelect:function(e){return n(ge,void 0,void 0,function(){var n;return l(this,function(l){switch(l.label){case 0:if(!rn||String(e)===String(Dl))return[2];Vl(!0),l.label=1;case 1:return l.trys.push([1,3,4,5]),[4,rn(Ce,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 Vl(!1),[7];case 5:return[2]}})})},triggerAriaLabel:"Select version for ".concat(Vn)})]})),t("div",e({className:N.moreButtonWrapper},{children:[i(j,e({slot:"libraryCardMoreButton",label:"More options for ".concat(Vn),title:"More options",onClick:function(){return _i?jl(function(e){return!e}):void 0},classNames:Ze,styles:$e,ref:Al},{children:i(b,{className:N.moreIcon,strokeWidth:2.2})})),_i&&i(V,{open:Wl,onClose:function(){return jl(!1)},anchorRef:Al,items:Ai,classNames:Ze,styles:$e})]}))]}))]})),i("p",e({className:W(N.libraryCardDescription,null==Ze?void 0:Ze.libraryCardDescription),style:null==$e?void 0:$e.libraryCardDescription,title:xn},{children:xn})),On&&Xn&&Jn&&t("p",e({className:N.topicLabel},{children:[t("span",e({className:"flex-shrink-0"},{children:[Zn,":"]})),i("span",e({className:N.topicLabelBadge},{children:Jn}))]})),On&&Kn&&t("p",e({className:N.topicLabel},{children:[Qn,":"," ",i("span",e({className:N.topicLabelBadge},{children:zn}))]})),On&&t(a,{children:[Wi("When to Apply",$n,Ni,function(){return Bi(function(e){return!e})}),Wi("When Not to Apply",el,Ii,function(){return ki(function(e){return!e})})]}),dn&&al&&dl&&t("div",e({className:N.reviewBanner},{children:[t("div",e({className:N.reviewBannerLabel},{children:[i(f,{className:N.reviewBannerIcon,strokeWidth:2.2}),i("span",{children:Sn})]})),t("div",e({className:N.reviewBannerActions},{children:[i("button",e({type:"button",onClick:function(e){return n(ge,void 0,void 0,function(){return l(this,function(n){switch(n.label){case 0:if(e.stopPropagation(),!In)return[2];Ci("reject"),n.label=1;case 1:return n.trys.push([1,,3,4]),[4,Promise.resolve(In(Ce))];case 2:return n.sent(),[3,4];case 3:return Ci(null),[7];case 4:return[2]}})})},disabled:null!==gi,className:N.reviewRejectButton},{children:"reject"===gi?"Rejecting...":_n})),i("button",e({type:"button",onClick:function(e){return n(ge,void 0,void 0,function(){return l(this,function(n){switch(n.label){case 0:if(e.stopPropagation(),!Ln)return[2];Ci("approve"),n.label=1;case 1:return n.trys.push([1,,3,4]),[4,Promise.resolve(Ln(Ce))];case 2:return n.sent(),[3,4];case 3:return Ci(null),[7];case 4:return[2]}})})},disabled:null!==gi,className:N.reviewApproveButton},{children:"approve"===gi?"Approving...":Tn}))]}))]})),t("div",e({className:W(N.libraryCardFooter,null==Ze?void 0:Ze.libraryCardFooter),style:null==$e?void 0:$e.libraryCardFooter},dn?{children:[t("div",e({className:N.libraryCardFooterActions},{children:[!ll&&i("button",e({type:"button",onClick:function(e){return n(ge,void 0,void 0,function(){var n,i;return l(this,function(l){switch(l.label){case 0:if(e.stopPropagation(),!on||!(null==tn?void 0:tn.token)||!Bl)return[2];n=!vi,fi(!0),l.label=1;case 1:return l.trys.push([1,3,4,5]),[4,on(Bl,n,tn.token)];case 2:return l.sent(),hi(n),[3,5];case 3:return i=l.sent(),console.error("Wishlist operation failed:",i),[3,5];case 4:return fi(!1),[7];case 5:return[2]}})})},disabled:bi,className:W(N.wishlistButton,vi?N.wishlistButtonWishlisted:N.wishlistButtonNotWishlisted,bi&&N.wishlistButtonDisabled),"aria-label":vi?"Remove ".concat(Vn," from wishlist"):"Add ".concat(Vn," to wishlist")},{children:i(y,{className:N.wishlistIcon,fill:vi?"currentColor":"none",strokeWidth:2.2})})),Mi,Nl&&i(M,e({content:gn},{children:i("button",e({type:"button",onClick:function(e){e.stopPropagation(),null==fn||fn(Ce)},className:N.previewButton,"aria-label":"".concat(gn,": ").concat(Vn)},{children:i(g,{className:N.previewIcon,strokeWidth:2.2})}))})),Il&&i(M,e({content:ii?"Loading share access":"Share"},{children:i("button",e({type:"button",onClick:function(e){return n(ge,void 0,void 0,function(){var n,i,t,a,o,r,s;return l(this,function(l){switch(l.label){case 0:if(e.stopPropagation(),!Il||ii)return[2];if(ei)return Zl(!0),[2];ti(!0),l.label=1;case 1:return l.trys.push([1,3,4,5]),[4,K(tn.baseUrl,tn.token,Bl)];case 2:return n=l.sent(),(i={applicationId:(null==n?void 0:n.application_name)||k.applicationName,applicationModuleId:(null===(a=null==n?void 0:n.module_data)||void 0===a?void 0:a.General)||k.applicationModuleId,resourceId:(null===(o=null==n?void 0:n.resource_data)||void 0===o?void 0:o["Learning Management"])||k.applicationResourceId}).applicationId&&i.applicationModuleId&&i.resourceId?(ni(i),Zl(!0),[3,5]):(console.error("Incomplete share RBAC config; share modal not opened.",i),ri("This template's access configuration is incomplete, so sharing is unavailable."),[2]);case 3:return t=l.sent(),console.error("Failed to fetch share RBAC config:",t),ri((null===(s=null===(r=null==t?void 0:t.response)||void 0===r?void 0:r.data)||void 0===s?void 0:s.message)||(null==t?void 0:t.message)||"Couldn't load share access for this template. Please try again."),[3,5];case 4:return ti(!1),[7];case 5:return[2]}})})},"aria-disabled":ii,className:W(N.previewButton,ii&&N.previewButtonDisabled),"aria-label":"Share ".concat(Vn)},{children:ii?i(C,{className:N.previewIconSpinner,strokeWidth:2.2}):i(m,{className:N.previewIcon,strokeWidth:2.2})}))})),On&&!dn&&i("button",e({type:"button",onClick:function(e){e.stopPropagation(),Zl(!0)},className:N.previewButton,"aria-label":"Share ".concat(Vn),title:"Share"},{children:ul}))]})),t("div",e({className:N.primaryActionGroup},{children:[Vi,i(M,e({content:Cl?wl:""},{children:t("button",e({type:"button",onClick:function(){return Cl?void 0:Ti(Pn)},"aria-pressed":we,"aria-disabled":Cl,className:W(N.selectButton,we?N.selectButtonSelected:N.selectButtonNotSelected,Cl&&N.selectButtonDisabled,yl&&(null==jn?void 0:jn.className),null==Ze?void 0:Ze.libraryCardSelectButton),style:e(e({},null==$e?void 0:$e.libraryCardSelectButton),yl?null==jn?void 0:jn.style:void 0)},{children:[cl,i("span",e({className:N.selectButtonLabel},{children:gl}))]}))}))]}))]}:{children:[i("div",e({className:N.libraryCardFooterActions},{children:Mi})),t("div",e({className:W(N.primaryActionGroup,N.primaryActionGroupFullWidth)},{children:[Vi,i(M,e({content:Cl?wl:""},{children:t("button",e({type:"button",onClick:function(){return Cl?void 0:Ti(Pn)},"aria-pressed":we,"aria-disabled":Cl,className:W(N.selectButton,we?N.selectButtonSelected:N.selectButtonNotSelected,Cl&&N.selectButtonDisabled,yl&&(null==jn?void 0:jn.className),null==Ze?void 0:Ze.libraryCardSelectButton),style:e(e({},null==$e?void 0:$e.libraryCardSelectButton),yl?null==jn?void 0:jn.style:void 0)},{children:[cl,i("span",e({className:N.selectButtonLabel},{children:gl}))]}))}))]}))]}))]})),i(x,{open:Gl,onClose:function(){return Rl(!1)},onConfirm:function(){return n(ge,void 0,void 0,function(){return l(this,function(e){switch(e.label){case 0:if(!_e)return[2];ql(!0),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,Promise.resolve(_e(Ce))];case 2:return e.sent(),[3,4];case 3:return ql(!1),Rl(!1),[7];case 4:return[2]}})})},title:Ee,description:Si,confirmLabel:Ye,loading:Fl,classNames:Ze,styles:$e}),i(x,{open:Ul,onClose:function(){return Ol(!1)},onConfirm:function(){return n(ge,void 0,void 0,function(){return l(this,function(e){switch(e.label){case 0:if(!We)return[2];ql(!0),e.label=1;case 1:return e.trys.push([1,,3,4]),[4,Promise.resolve(We(Ce))];case 2:return e.sent(),[3,4];case 3:return ql(!1),Ol(!1),[7];case 4:return[2]}})})},title:Je,description:Di,confirmLabel:Xe,variant:"danger",loading:Fl,classNames:Ze,styles:$e}),i(E,{ref:ui,position:"top-right",appendTo:document.body,pt:{root:{style:{zIndex:9999}}}}),Xl&&ei&&(null==tn?void 0:tn.token)&&d(i("div",e({className:W(B.accessPanel,N.shareModalHost)},{children:i(F,{children:i(q,e({appId:ei.applicationId,baseUrl:tn.appsecGranularRbacUrl||k.appsecRbacUrl,appsecUrl:tn.appsecBaseUrl||k.appsecBaseUrl,mode:"manage",getAuthToken:function(){return tn.token}},{children:i(Y,e({},kl,{open:Xl,onClose:function(){return Zl(!1)},onSuccess:function(){Zl(!1),ci('Access to "'.concat(Vn,'" has been successfully shared.'))},resourceId:ei.resourceId,moduleId:ei.applicationModuleId,resourceName:Vn,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{Q 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