@uniformdev/context-ui 16.0.1-nuxt.149 → 16.0.1-nuxt.158

package/dist/index.d.ts

@@ -125,6 +125,11 @@ declare type CriteriaMatchMenuProps = {
 } & Omit<InputComboBoxProps<InputComboBoxOption, false>, 'value' | 'options' | 'onChange' | 'inputValue' | 'value' | 'onInputChange'>;
 declare function CriteriaMatchMenu({ onChange, criteriaMatch, dimensions, errorMessage, ...props }: CriteriaMatchMenuProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
 
+declare type DimensionValueProps = {
+    displayName: string;
+};
+declare function DimensionValue({ displayName }: DimensionValueProps): _emotion_react_types_jsx_namespace.EmotionJSX.Element;
+
 declare const validateContextConfig: (contextConfig?: ContextConfig) => Promise<{
     valid: boolean;
     error?: Error;
@@ -141,4 +146,4 @@ declare const useValidateContextConfig: (contextConfig?: ContextConfig) => UseVa
 declare function isEnrichmentTagData(obj: any): obj is EnrichmentData[];
 declare function isPersonalizationCriteriaData(obj: any): obj is VariantMatchCriteria;
 
-export { ContextConfig, ContextData, ContextDataProps, CriteriaMatchMenu, CriteriaMatchMenuProps, CriteriaOperatorMenu, CriteriaOperatorMenuProps, DataContextErrorProps, DimensionMenu, DimensionMenuProps, DimensionsData, EditLink, EditLinkProps, EnrichmentTag, EnrichmentTagProps, PersonalizationCriteria, PersonalizationCriteriaProps, PersonalizationCriteriaStatic, PersonalizationCriteriaStaticProps, ProjectUIVersion, ResolvedDimensionDefinition, UseContextDataResult, UseDimensionsResult, UseValidateContextConfigResult, addEnrichmentLink, contextCriteriaMenuOperators, isEnrichmentTagData, isPersonalizationCriteriaData, useContextConfig, useContextData, useDimensions, useDimensionsDataContext, useManifest, useValidateContextConfig, validateContextConfig };
+export { ContextConfig, ContextData, ContextDataProps, CriteriaMatchMenu, CriteriaMatchMenuProps, CriteriaOperatorMenu, CriteriaOperatorMenuProps, DataContextErrorProps, DimensionMenu, DimensionMenuProps, DimensionValue, DimensionValueProps, DimensionsData, EditLink, EditLinkProps, EnrichmentTag, EnrichmentTagProps, PersonalizationCriteria, PersonalizationCriteriaProps, PersonalizationCriteriaStatic, PersonalizationCriteriaStaticProps, ProjectUIVersion, ResolvedDimensionDefinition, UseContextDataResult, UseDimensionsResult, UseValidateContextConfigResult, addEnrichmentLink, contextCriteriaMenuOperators, isEnrichmentTagData, isPersonalizationCriteriaData, useContextConfig, useContextData, useDimensions, useDimensionsDataContext, useManifest, useValidateContextConfig, validateContextConfig };

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-"use strict";import{jsx as e}from"@emotion/react";import*as p from"react";import{Icon as De}from"@uniformdev/design-system";import{CgChevronRight as Ie}from"react-icons/cg";import{css as he}from"@emotion/react";var Y=he`
+"use strict";import{jsx as e}from"@emotion/react";import*as p from"react";import{Icon as ye}from"@uniformdev/design-system";import{CgChevronRight as De}from"react-icons/cg";import{css as he}from"@emotion/react";var Y=he`
   display: flex;
   align-items: center;
   font-weight: var(--fw-bold);
@@ -9,7 +9,7 @@
   &:focus {
     text-decoration-line: underline;
   }
-`;var X=({linkTo:n,name:t,linkText:r=`Edit ${t} Component`})=>e("a",{css:Y,title:`Edit ${t} component definition`,rel:"noopener noreferrer",target:"_blank",href:n},r,e(De,{icon:Ie,iconColor:"currentColor",size:"1.5rem"}));import j,{useMemo as Q,useState as G}from"react";import{useEffect as xe,useState as we}from"react";import{DimensionClient as Be,computeDimensionDisplayName as Me,ApiClientError as Se}from"@uniformdev/context/api";function J(n,t,r){return n.reduce((l,a)=>{let o=t(a);if(typeof o=="undefined"||o===null)throw new Error("Objectify key selector returned undefined or null.");return l[t(a)]=r?r(a):a,l},{})}function x({apiHost:n,apiKey:t,projectId:r}){let[l,a]=we({loading:!1,notConfigured:!1,error:null,result:null});return xe(()=>{if(!r||!t||!n){a({notConfigured:!0,loading:!1,error:null,result:null});return}(async()=>{a({notConfigured:!1,loading:!0,error:null,result:null});try{let i=(await new Be({projectId:r,apiKey:t,apiHost:n}).get()).dimensions.map(c=>({...c,displayName:Me(c)})),m={dimensions:i,dimIndex:J(i,c=>c.dim,c=>c)};a({notConfigured:!1,loading:!1,error:null,result:m})}catch(s){let i;s instanceof Se?i=s.message:i=s.toString(),a({notConfigured:!1,loading:!1,error:i,result:null});return}})()},[n,t,r]),{result:l.result,error:l.error,loading:l.loading,notConfigured:l.notConfigured}}import{getEnrichmentVectorKey as H}from"@uniformdev/context";import{Input as ee,Button as Ee,InputSelect as Re,Callout as W,Icon as E,LoadingIndicator as Oe}from"@uniformdev/design-system";import{CgMathPlus as ne,CgMathMinus as ke,CgCloseO as Pe}from"react-icons/cg";import Z from"immer";import{css as q}from"@emotion/react";var Te=q`
+`;var X=({linkTo:n,name:t,linkText:o=`Edit ${t} Component`})=>e("a",{css:Y,title:`Edit ${t} component definition`,rel:"noopener noreferrer",target:"_blank",href:n},o,e(ye,{icon:De,iconColor:"currentColor",size:"1.5rem"}));import j,{useMemo as Q,useState as U}from"react";import{useEffect as xe,useState as Ie}from"react";import{DimensionClient as we,computeDimensionDisplayName as Be,ApiClientError as Se}from"@uniformdev/context/api";function J(n,t,o){return n.reduce((l,a)=>{let r=t(a);if(typeof r=="undefined"||r===null)throw new Error("Objectify key selector returned undefined or null.");return l[t(a)]=o?o(a):a,l},{})}function I({apiHost:n,apiKey:t,projectId:o}){let[l,a]=Ie({loading:!1,notConfigured:!1,error:null,result:null});return xe(()=>{if(!o||!t||!n){a({notConfigured:!0,loading:!1,error:null,result:null});return}(async()=>{a({notConfigured:!1,loading:!0,error:null,result:null});try{let i=(await new we({projectId:o,apiKey:t,apiHost:n}).get()).dimensions.map(c=>({...c,displayName:Be(c)})),m={dimensions:i,dimIndex:J(i,c=>c.dim,c=>c)};a({notConfigured:!1,loading:!1,error:null,result:m})}catch(s){let i;s instanceof Se?i=s.message:i=s.toString(),a({notConfigured:!1,loading:!1,error:i,result:null});return}})()},[n,t,o]),{result:l.result,error:l.error,loading:l.loading,notConfigured:l.notConfigured}}import{getEnrichmentVectorKey as G}from"@uniformdev/context";import{Input as ee,Button as Ee,InputSelect as Me,Callout as H,Icon as W,LoadingIndicator as Pe,AddListButton as Re}from"@uniformdev/design-system";import{CgMathPlus as Oe,CgMathMinus as ke,CgCloseO as Te}from"react-icons/cg";import Z from"immer";import{css as q}from"@emotion/react";var Ve=q`
   flex: 2;
   display: flex;
   width: 50%;
@@ -20,7 +20,7 @@
   &:focus {
     text-decoration-line: underline;
   }
-`,En=({value:n,setValue:t,contextConfig:r,displayTitle:l=!0})=>{let{loading:a,result:o,error:s}=x(r),i=Q(()=>{if(o)return o.dimensions.filter(g=>g.category==="ENR")},[o]),m=Q(()=>{if(!n)return i;if(i)return i.filter(g=>!n.some(y=>H(y.cat,y.key)===g.dim))},[i,n]),[c,b]=G(""),[u,C]=G(50),[f,D]=G(!1),d=i==null?void 0:i.find(g=>g.dim===c),v=()=>{let[g,y]=c.split("_");I([...n!=null?n:[],{cat:g,key:y,str:u}]),b(""),C(50),D(!1)},I=g=>{let y=[];o?y=g.filter(w=>{let S=o.dimIndex[H(w.cat,w.key)];return Boolean(S)}):y=g;let M=y.length===0?null:y;t(M)};return s?e(W,{type:"danger"},s):a||o===null?e(Oe,null):e("fieldset",{className:"enrichment-tag"},l?e("div",{css:{display:"flex",justifyContent:"space-between",marginBottom:"var(--spacing-base)"}},e("legend",{css:{fontSize:"var(--fs-md)",fontWeight:"var(--fw-bold)"}},"Enrichment Tags")):null,i!=null&&i.length?!f&&!n?e(W,{title:"No enrichment tags assigned.",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"Click"," ",e("a",{onClick:()=>D(!0),target:"_blank",rel:"noopener noreferrer",css:{textDecorationLine:"underline"}},"here")," ","to assign your first enrichment tag.")):e(j.Fragment,null,o&&e($e,{list:n!=null?n:[],setList:I,dimIndex:o.dimIndex}),f&&m&&m.length>0?e("div",{className:"add-enrichment-tag",css:{display:"flex",flexWrap:"wrap",gap:"var(--spacing-lg)",marginTop:"var(--spacing-md)",alignItems:"center"}},e("div",{css:{flexGrow:1}},e(Re,{name:"enrichment-type",label:"Enrichment Tag",showLabel:!0,value:c,options:[{label:"Select",value:""},...m.map(g=>({label:g.displayName,value:g.dim}))],onChange:g=>b(g.currentTarget.value)})),e(ze,{score:u,setValue:C,cap:d?d.cap:100,css:{flexBasis:"9rem"}}),e(Ee,{buttonType:"tertiary",size:"xl",css:{marginBottom:"var(--spacing-xs)",height:"3.5rem",margin:0,alignSelf:"flex-end"},onClick:v,disabled:!c},"Add")):null,e("div",{className:"enrichment-cta",style:{paddingTop:"10px",display:"flex",justifyContent:"space-between"}},!f&&m&&m.length>0&&n?e("button",{type:"button",className:"add-more",onClick:()=>D(!0),css:{color:"var(--brand-secondary-3)",display:"flex",gap:"var(--spacing-sm)",fontWeight:"var(--fw-bold)",marginTop:"var(--spacing-md)",alignItems:"center",backgroundColor:"transparent",backgroundImage:"none",borderWidth:0,width:"50%",flex:2}},e("div",{css:{color:"white",backgroundColor:"var(--brand-secondary-3)",borderRadius:"var(--rounded-full)",padding:"var(--spacing-xs)"}},e(E,{icon:ne,iconColor:"currentColor",size:"1.25rem"})),"Add More"):e("a",{css:Te,title:"none",href:"#"}),e(X,{name:"Enrichments",linkText:"Manage Enrichments",linkTo:`${r.apiHost}/projects/${encodeURIComponent(r.projectId)}/personalization/enrichments`}))):e(Ne,{contextConfig:r}))},Ne=({contextConfig:n})=>e(W,{title:"No enrichments found.",type:"caution",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"Looks like you do not have any enrichment created in your connected Uniform project. Start by creating your first enrichment"," ",e("a",{href:`${n.apiHost}/projects/${encodeURIComponent(n.projectId)}/personalization/enrichments`,target:"_blank",rel:"noopener noreferrer",css:{":hover":{textDecorationLine:"underline"}}},"here"),".")),te=(n,t=100,r=0)=>Math.max(Math.min(n,t),r),oe=q`
+`,Rn=({value:n,setValue:t,contextConfig:o,displayTitle:l=!0})=>{let{loading:a,result:r,error:s}=I(o),i=Q(()=>{if(r)return r.dimensions.filter(g=>g.category==="ENR")},[r]),m=Q(()=>{if(!n)return i;if(i)return i.filter(g=>!n.some(y=>G(y.cat,y.key)===g.dim))},[i,n]),[c,h]=U(""),[u,C]=U(50),[f,D]=U(!1),d=i==null?void 0:i.find(g=>g.dim===c),v=()=>{let[g,y]=c.split("_");x([...n!=null?n:[],{cat:g,key:y,str:u}]),h(""),C(50),D(!1)},x=g=>{let y=[];r?y=g.filter(w=>{let E=r.dimIndex[G(w.cat,w.key)];return Boolean(E)}):y=g;let S=y.length===0?null:y;t(S)};return s?e(H,{type:"danger"},s):a||r===null?e(Pe,null):e("fieldset",{className:"enrichment-tag"},l?e("div",{css:{display:"flex",justifyContent:"space-between",marginBottom:"var(--spacing-base)"}},e("legend",{css:{fontSize:"var(--fs-md)",fontWeight:"var(--fw-bold)"}},"Enrichment Tags")):null,i!=null&&i.length?!f&&!n?e(H,{title:"No enrichment tags assigned.",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"Click"," ",e("a",{onClick:()=>D(!0),target:"_blank",rel:"noopener noreferrer",css:{textDecorationLine:"underline"}},"here")," ","to assign your first enrichment tag.")):e(j.Fragment,null,r&&e($e,{list:n!=null?n:[],setList:x,dimIndex:r.dimIndex}),f&&m&&m.length>0?e("div",{className:"add-enrichment-tag",css:{display:"flex",flexWrap:"wrap",gap:"var(--spacing-lg)",marginTop:"var(--spacing-md)",alignItems:"center"}},e("div",{css:{flexGrow:1}},e(Me,{name:"enrichment-type",label:"Enrichment Tag",showLabel:!0,value:c,options:[{label:"Select",value:""},...m.map(g=>({label:g.displayName,value:g.dim}))],onChange:g=>h(g.currentTarget.value)})),e(Le,{score:u,setValue:C,cap:d?d.cap:100,css:{flexBasis:"9rem"}}),e(Ee,{buttonType:"tertiary",size:"xl",css:{marginBottom:"var(--spacing-xs)",height:"3.5rem",margin:0,alignSelf:"flex-end"},onClick:v,disabled:!c},"Add")):null,e("div",{className:"enrichment-cta",style:{paddingTop:"10px",display:"flex",justifyContent:"space-between"}},!f&&m&&m.length>0&&n?e(Re,{className:"add-more",buttonText:"Add More",onButtonClick:()=>D(!0)}):e("a",{css:Ve,title:"none",href:"#"}),e(X,{name:"Enrichments",linkText:"Manage Enrichments",linkTo:`${o.apiHost}/projects/${encodeURIComponent(o.projectId)}/personalization/enrichments`}))):e(Ne,{contextConfig:o}))},Ne=({contextConfig:n})=>e(H,{title:"No enrichments found.",type:"caution",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"Looks like you do not have any enrichment created in your connected Uniform project. Start by creating your first enrichment"," ",e("a",{href:`${n.apiHost}/projects/${encodeURIComponent(n.projectId)}/personalization/enrichments`,target:"_blank",rel:"noopener noreferrer",css:{":hover":{textDecorationLine:"underline"}}},"here"),".")),ne=(n,t=100,o=0)=>Math.max(Math.min(n,t),o),te=q`
   position: absolute;
   bottom: 0.875rem;
   left: var(--spacing-sm);
@@ -32,11 +32,11 @@
   background-color: var(--gray-100);
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-full);
-`,Ve=q`
-  ${oe}
+`,ze=q`
+  ${te}
   left: auto;
   right: var(--spacing-sm);
-`,ze=({score:n,setValue:t,cap:r=100,...l})=>{let a=o=>{let s=o==="increment"?n+10:n-10;s<0&&(s=0),s>r&&(s=r),t(s)};return e("div",{css:{position:"relative"},...l},e(ee,{label:"Strength",id:"enrichment-score",type:"number",min:0,max:r,value:n,onChange:o=>t(te(Number(o.currentTarget.value)||0,r)),css:{textAlign:"center",boxSizing:"border-box"}}),e("button",{type:"button",title:"Reduce enrichment count",onClick:()=>a("decrement"),disabled:n===0,className:"scoreCounterButton",css:oe},e(E,{icon:ke,iconColor:"gray",size:"1.5rem"})),e("button",{type:"button",title:"Increase enrichment count",onClick:()=>a("increment"),className:"scoreCounterButton",css:Ve},e(E,{icon:ne,iconColor:"gray",size:"1.5rem"})))},$e=({list:n,setList:t,dimIndex:r})=>{let l=o=>{t(Z(n,s=>{s.splice(o,1)}))},a=(o,s)=>{var m;let i=(m=r[`${n[o].cat}_${n[o].key}`])==null?void 0:m.cap;t(Z(n,c=>{c[o].str=te(Number(s)||0,i)}))};return e(j.Fragment,null,n.map((o,s)=>{let i=r[H(o.cat,o.key)];if(!!i)return e("div",{css:{display:"flex",alignItems:"center",gap:"var(--spacing-base)",backgroundColor:"var(--brand-secondary-2)",boxShadow:"var(--shadow-base)",borderRadius:"var(--rounded-base)",paddingInline:"var(--spacing-base)",marginBlock:"var(--spacing-base)"},className:"selected-enrichments",key:`${o.cat}-${o.key}`},e("span",{css:{fontWeight:"var(--fw-bold)",color:i?void 0:"var(--brand-secondary-5)"}},i?i.displayName:`Enrichment '${o.cat}_${o.key}' is unknown`),e("div",{css:{marginLeft:"auto",display:"flex",alignItems:"center",border:"0 solid var(--gray-400)",borderLeftWidth:"1px",borderRightWidth:"1px",padding:"var(--spacing-sm) var(--spacing-base)",flexBasis:"9rem"}},e(ee,{type:"text",min:0,max:i.cap||100,title:"score",value:o.str,css:{textAlign:"center",width:"100px"},onChange:m=>a(s,m.currentTarget.value)})),e("button",{type:"button",title:"Delete enrichment",onClick:()=>l(s),css:{border:0}},e(E,{icon:Pe,iconColor:"red",size:"1.5rem"})))}))};import{LoadingIndicator as Ye,Callout as Ce}from"@uniformdev/design-system";import{Callout as pe,InputInlineSelect as _e,Icon as de}from"@uniformdev/design-system";import fe from"immer";import{CgCloseO as Fe,CgMathPlus as Ke}from"react-icons/cg";import{css as B}from"@emotion/react";var _="6rem",re=B`
+`,Le=({score:n,setValue:t,cap:o=100,...l})=>{let a=r=>{let s=r==="increment"?n+10:n-10;s<0&&(s=0),s>o&&(s=o),t(s)};return e("div",{css:{position:"relative"},...l},e(ee,{label:"Strength",id:"enrichment-score",type:"number",min:0,max:o,value:n,onChange:r=>t(ne(Number(r.currentTarget.value)||0,o)),css:{textAlign:"center",boxSizing:"border-box"}}),e("button",{type:"button",title:"Reduce enrichment count",onClick:()=>a("decrement"),disabled:n===0,className:"scoreCounterButton",css:te},e(W,{icon:ke,iconColor:"gray",size:"1.5rem"})),e("button",{type:"button",title:"Increase enrichment count",onClick:()=>a("increment"),className:"scoreCounterButton",css:ze},e(W,{icon:Oe,iconColor:"gray",size:"1.5rem"})))},$e=({list:n,setList:t,dimIndex:o})=>{let l=r=>{t(Z(n,s=>{s.splice(r,1)}))},a=(r,s)=>{var m;let i=(m=o[`${n[r].cat}_${n[r].key}`])==null?void 0:m.cap;t(Z(n,c=>{c[r].str=ne(Number(s)||0,i)}))};return e(j.Fragment,null,n.map((r,s)=>{let i=o[G(r.cat,r.key)];if(!!i)return e("div",{css:{display:"flex",alignItems:"center",gap:"var(--spacing-base)",backgroundColor:"var(--brand-secondary-2)",boxShadow:"var(--shadow-base)",borderRadius:"var(--rounded-base)",paddingInline:"var(--spacing-base)",marginBlock:"var(--spacing-base)"},className:"selected-enrichments",key:`${r.cat}-${r.key}`},e("span",{css:{fontWeight:"var(--fw-bold)",color:i?void 0:"var(--brand-secondary-5)"}},i?i.displayName:`Enrichment '${r.cat}_${r.key}' is unknown`),e("div",{css:{marginLeft:"auto",display:"flex",alignItems:"center",border:"0 solid var(--gray-400)",borderLeftWidth:"1px",borderRightWidth:"1px",padding:"var(--spacing-sm) var(--spacing-base)",flexBasis:"9rem"}},e(ee,{type:"text",min:0,max:i.cap||100,title:"score",value:r.str,css:{textAlign:"center",width:"100px"},onChange:m=>a(s,m.currentTarget.value)})),e("button",{type:"button",title:"Delete enrichment",onClick:()=>l(s),css:{border:0}},e(W,{icon:Te,iconColor:"red",size:"1.5rem"})))}))};import{LoadingIndicator as Je,Callout as ge}from"@uniformdev/design-system";import{Callout as ce,InputInlineSelect as Fe,Icon as Ke,AddListButton as Ye}from"@uniformdev/design-system";import de from"immer";import{CgCloseO as Xe}from"react-icons/cg";import{css as B}from"@emotion/react";var _="6rem",oe=B`
   position: relative;
   padding: var(--spacing-base);
   border: 1px solid var(--gray-300);
@@ -61,18 +61,18 @@
       display: none;
     }
   }
-`,ie=B`
+`,re=B`
   display: grid;
   gap: var(--spacing-xs);
   flex-grow: 1;
   margin-right: var(--spacing-base);
-`,R=B`
+`,M=B`
   width: 100%;
   display: flex;
   align-items: stretch;
-`,O=B`
+`,P=B`
   height: 100%;
   width: 100%;
-`,kn=B`
+`,Tn=B`
   height: 100%;
-`;import{InputComboBox as Ue}from"@uniformdev/design-system";function k({op:n}){return e("div",{css:{background:"var(--gray-700)",color:"white",borderRadius:"100%",width:"30px",height:"30px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"24px"}},n)}var ae=n=>{var m,c;let{data:t,getStyles:r,isDisabled:l,innerRef:a,innerProps:o}=n,[s,i]=(c=(m=t.label)==null?void 0:m.split(":"))!=null?c:[];return e("div",{css:{...r("option",n),display:"flex",alignItems:"center",gap:"var(--spacing-sm)"},ref:a,"aria-disabled":l,...o},i?e(k,{op:s}):e("div",{css:{width:"20px",height:"20px"}}),e("div",null,i!=null?i:s))};var se=n=>{let{data:t,getStyles:r}=n;return e("div",{css:{...r("singleValue",n),width:"max-content"}},t.label.length===1?e(k,{op:t.label}):t.label)};var le=[{name:"=",description:"equals",value:"="},{name:"\u2260",description:"not equal",value:"!="},{name:">",description:"is greater than",value:">"},{name:"\u2265",description:"is greater than or equal to",value:">="},{name:"<",description:"is less than",value:"<"},{name:"\u2264",description:"is less than or equal to",value:"<="},{name:"has the strongest score",value:"+"},{name:"has the weakest score",value:"-"}];function me({onChange:n,value:t,...r}){var l,a;return e(Ue,{...r,value:{label:(a=(l=le.find(o=>o.value===t))==null?void 0:l.name)!=null?a:t,value:t},options:le.map(o=>({label:o.description?`${o.name}:${o.description}`:o.name,value:o.value})),styles:{...r.styles,valueContainer:(o,s)=>{var i,m;return{...o,padding:"var(--spacing-sm)",...(m=(i=r.styles)==null?void 0:i.valueContainer)==null?void 0:m.call(i,o,s)}},menu:(o,s)=>{var i,m;return{...o,width:"max-content",...(m=(i=r.styles)==null?void 0:i.menu)==null?void 0:m.call(i,o,s)}},control:(o,s)=>{var i,m;return{...o,border:0,...(m=(i=r.styles)==null?void 0:i.control)==null?void 0:m.call(i,o,s)}},indicatorSeparator:(o,s)=>{var i,m;return{...o,display:"none",...(m=(i=r.styles)==null?void 0:i.indicatorSeparator)==null?void 0:m.call(i,o,s)}}},onChange:o=>{o&&n(o.value)},components:{SingleValue:se,Option:ae,...r.components}})}import{InputComboBox as He}from"@uniformdev/design-system";import{Icon as Ae}from"@uniformdev/design-system";function F(n){return{label:n.displayName,value:n.dim,isDisabled:!1}}function P(n){if(!n)return"unavailable";let[t]=n.split(":");switch(t.toLowerCase()){case"signal":return"data";case"intent":return"assign";case"audience":return"boy";default:return"user-list"}}function T(n){let t=[],r="";for(let l of n){let[a]=l.displayName.split(":");r!==a&&(t.push({label:a,options:[]}),r=a),t[t.length-1].options.push(F(l))}return t}var N=n=>{var a;let{data:t,getStyles:r,className:l}=n;return e("div",{css:{...r("groupHeading",n),textTransform:"none",fontSize:"var(--font-size-sm)"},className:l},e("small",{css:{color:"var(--gray-500)",display:"flex",alignItems:"center",gap:"var(--spacing-xs)"}},e(Ae,{icon:P((a=t.label)!=null?a:""),iconColor:"currentColor",size:16}),e("span",null,t.label)))};function V({message:n}){return n?e("div",{css:{position:"absolute",background:"white",borderRadius:"3px",fontSize:"0.8rem",color:"var(--brand-primary-2)",bottom:"calc(var(--spacing-xs) * -1)"}},n):null}var z=n=>{var u,C;let{data:t,getStyles:r,cx:l,isDisabled:a,isFocused:o,isSelected:s,className:i,innerRef:m,innerProps:c}=n,[,b]=(C=(u=t.label)==null?void 0:u.split(":"))!=null?C:[];return e("div",{css:r("option",n),className:l({option:!0,"option--is-disabled":a,"option--is-focused":o,"option--is-selected":s},i),ref:m,"aria-disabled":a,...c},e("div",{css:{color:"var(--gray-700)"}},b!=null?b:t.label))};import{Icon as Ge}from"@uniformdev/design-system";var $=n=>{var o,s;let{data:t,getStyles:r}=n,[l,a]=(s=(o=t.label)==null?void 0:o.split(":"))!=null?s:[];return e("div",{css:{...r("singleValue",n),whiteSpace:"normal",overflow:"auto"}},e("small",{css:{color:"var(--gray-500)",display:"flex",alignItems:"center",gap:"var(--spacing-xs)"}},l?e(Ge,{icon:P(t.label),iconColor:"currentColor",size:16}):null,e("span",null,l)),e("div",{css:{color:"var(--gray-700)"}},a))};function ue({onChange:n,value:t,dimensions:r,errorMessage:l,...a}){return e(p.Fragment,null,e(He,{...a,value:t?F(t):void 0,options:T(r),styles:{...a.styles,valueContainer:(o,s)=>{var i,m;return{...o,padding:"var(--spacing-sm)",...(m=(i=a.styles)==null?void 0:i.valueContainer)==null?void 0:m.call(i,o,s)}}},onChange:o=>{o&&n(r.find(s=>s.dim===o.value))},components:{Option:z,SingleValue:$,GroupHeading:N,...a.components}}),e(V,{message:l}))}import{InputComboBox as We}from"@uniformdev/design-system";import{useState as qe}from"react";function ce({onChange:n,criteriaMatch:t,dimensions:r,errorMessage:l,...a}){var c,b;let[o,s]=qe(typeof t.r!="undefined"&&L(t.r)!==null?t.r.toString(10):""),i=t.rDim,m=t.rDim?r.dimIndex[t.rDim]:void 0;return e(p.Fragment,null,e(We,{...a,inputValue:o,menuShouldScrollIntoView:!0,value:{label:(c=m==null?void 0:m.displayName)!=null?c:i&&!m?`${t.rDim} (unknown)`:"",value:(b=t.rDim)!=null?b:t.r?t.r.toString(10):"",isDisabled:!1},options:[{label:"Enter a numeric score to match, or choose another dimension to match its score",value:"",isDisabled:!0},...T(r.dimensions)],styles:{...a.styles,valueContainer:(u,C)=>{var f,D;return{...u,padding:"var(--spacing-sm)",...(D=(f=a.styles)==null?void 0:f.valueContainer)==null?void 0:D.call(f,u,C)}},option:(u,C)=>{var f,D;return{fontSize:C.isDisabled?"0.8rem":void 0,...(D=(f=a.styles)==null?void 0:f.option)==null?void 0:D.call(f,u,C)}}},onChange:u=>{var C;u&&(n({...t,rDim:(C=u.value)==null?void 0:C.toString(),r:void 0}),s(""))},onInputChange:(u,C)=>{let f=L(u);C.action==="input-change"||C.action==="set-value"?(s(u),(f||u==="")&&n({...t,r:u||void 0,rDim:void 0})):!f&&!L(C.prevInputValue)&&(!u&&t.r?s(t.r.toString()):s(u))},components:{...a.components,Option:z,SingleValue:$,GroupHeading:N},noOptionsMessage:({inputValue:u})=>L(u)?e(p.Fragment,null,e("div",null,"Score: ",u),e("small",null,"If you want to match on another dimension\u2019s score instead, clear the score value to search for a dimension.")):e(p.Fragment,null,e("div",null,"No dimensions match your search \u201C",u,"\u201D"),e("small",null,"If you want to match a literal score, enter a numeric value."))}),e(V,{message:l}))}function L(n){return/^\d+$/.test(n.toString(10))}var ge=({value:n,setValue:t,dimensions:r,onMenuOpen:l,onMenuClose:a,onAddCriteria:o,onRemoveCriteria:s,displayTitle:i=!0,components:m,errors:c={}})=>{let b=n||{crit:[]},u=d=>{t({...b,op:d==="&"?void 0:d})},C=()=>{let d={...b,crit:[...b.crit,{l:"",op:">",r:0}]};t(d),o==null||o(d)},f=(d,v)=>{t(fe(b,I=>{I.crit[v]=d}))},D=d=>{let v=fe(b,g=>{g.crit.splice(d,1)}),I=v.crit.length===0?null:v;t(I),s==null||s(I)};return e("fieldset",{className:"personalization-criteria"},i?m!=null&&m.Title?e(m.Title,null):e("legend",{css:{fontSize:"var(--fs-md)",fontWeight:"var(--fw-bold)"}},"Personalize This"):null,b.crit.length?b.crit.map((d,v)=>{var y,M,w,S;let I=((y=d.l)==null?void 0:y.length)>0,g=d.op!=="+"&&d.op!=="-";return e("div",{css:re,key:v},e("div",{css:ie,style:{gridTemplateColumns:`minmax(0, 1fr) ${g?"minmax(0, 79px) minmax(0, 1fr)":"minmax(0, 1fr)"}`},className:"criteriaItemInner"},e("div",{css:R},e(ue,{errorMessage:(M=c.lhs)==null?void 0:M[v],css:O,styles:{control:h=>({...h,height:"100%"})},dimensions:r.dimensions,onChange:h=>{f({...d,l:h.dim},v)},value:r.dimIndex[d.l]})),e("div",{css:R},e(me,{name:`op-${v}`,css:O,styles:{control:h=>({...h,height:"100%"})},value:d.op,onChange:h=>{f(h==="+"||h==="-"?{...d,op:h,r:void 0,rDim:void 0}:{...d,op:h},v)},onMenuOpen:l,onMenuClose:a})),g?e("div",{css:R},e(ce,{errorMessage:(w=c.rhs)==null?void 0:w[v],css:O,styles:{control:h=>({...h,height:"100%"})},criteriaMatch:d,onChange:h=>{f(h,v)},isDisabled:!I,dimensions:r,onMenuOpen:l,onMenuClose:a})):null),e("button",{type:"button",onClick:()=>D(v),title:"Delete Personalization",css:{backgroundColor:"transparent",backgroundImage:"none",borderWidth:0}},e(de,{icon:Fe,iconColor:"red",size:"1.5rem"})),v>0?e("div",{className:"criteria-group-operation",css:{position:"absolute",top:"-4rem",transform:"translateX(calc(1.5rem - 50%))"}},e(_e,{disabled:v>1,value:(S=b.op)!=null?S:"&",options:[{label:"AND",value:"&"},{label:"OR",value:"|"}],onChange:h=>{u(h.value)}})):null)}):e(pe,{title:"Default variant",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,'This personalized variant has no match criteria and will be shown to any visitor that does not match any preceding variants. Ensure that default variants come last in the variant list. Personalize this variant by clicking "Add Criteria" to get started.')),r.dimensions.length===0?m!=null&&m.NoDimensionsDefined?e(m.NoDimensionsDefined,null):e(pe,{title:"Dimensions",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"You do not have any dimensions configured.")):e("button",{type:"button",className:"add-more",onClick:C,css:{color:"var(--brand-secondary-3)",display:"flex",gap:"var(--spacing-sm)",fontWeight:"var(--fw-bold)",marginTop:"var(--spacing-md)",alignItems:"center",backgroundColor:"transparent",backgroundImage:"none",borderWidth:0}},e("div",{css:{color:"white",backgroundColor:"var(--brand-secondary-3)",borderRadius:"var(--rounded-full)",padding:"var(--spacing-xs)"}},e(de,{icon:Ke,iconColor:"currentColor",size:"1.25rem"})),"Add Criteria"))};var kt=({contextConfig:n,...t})=>{let{loading:r,result:l,error:a}=x(n);return a?e(Ce,{type:"danger"},a):r||l===null?e(Ye,null):e(ge,{...t,dimensions:l,components:{NoDimensionsDefined:()=>e(Ce,{title:"Dimensions",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"You do not have any dimensions configured. Create your first"," ",e("a",{href:`${n.apiHost}/projects/${encodeURIComponent(n.projectId)}/personalization/signals`,target:"_blank",rel:"noopener noreferrer",css:{":hover":{textDecorationLine:"underline"}}},"Dimension")))}})};import je from"react";import{useEffect as Xe,useState as Je}from"react";import{ManifestClient as Qe,ApiClientError as Ze}from"@uniformdev/context/api";function U({apiHost:n,apiKey:t,projectId:r}){let[l,a]=Je({loading:!1,notConfigured:!1,error:null,result:null});return Xe(()=>{if(!r||!t||!n){a({notConfigured:!0,loading:!1,error:null,result:null});return}(async()=>{a({notConfigured:!1,loading:!0,error:null,result:null});try{let i=await new Qe({projectId:r,apiKey:t,apiHost:n}).get({preview:!0});a({notConfigured:!1,loading:!1,error:null,result:i})}catch(s){let i;s instanceof Ze?(s.statusCode===403&&(i=`The API key ${t} did not have permissions to fetch the manifest. Ensure Context > Read Drafts permissions are granted.`),i=s.message):i=s.toString(),a({notConfigured:!1,loading:!1,error:i,result:null});return}})()},[n,t,r]),{result:l.result,error:l.error,loading:l.loading,notConfigured:l.notConfigured}}import{LoadingIndicator as en}from"@uniformdev/design-system";function Gt({children:n,versionMap:t,contextConfig:r}){let{loading:l,result:a}=U(r);if(l)return e(en,null);if(a){let o=t[a.project.ui_version];if(o)return e(o,null)}return e(je.Fragment,null,n)}import ve,{createContext as nn,useContext as K}from"react";import{LoadingIndicator as tn}from"@uniformdev/design-system";var A=nn(null),Jt=({loadingComponent:n,errorComponent:t,contextConfig:r,children:l})=>{let a=U(r),o=x(r);return a.error||a.notConfigured?t?e(t,{contextConfig:r,result:a}):e(ve.Fragment,null,"ErrorComponent is not configured"):o.error||o.notConfigured?t?e(t,{contextConfig:r,result:o}):e(ve.Fragment,null,"ErrorComponent is not configured"):a.loading||o.loading?n?e(n,null):e(tn,null):e(A.Provider,{value:{manifest:a.result,dimensions:o.result,contextConfig:r}},l)};function Qt(){let n=K(A);if(!(n!=null&&n.contextConfig))throw new Error("Not within DataContext! Configuration data is not exist.");return n.contextConfig}function Zt(){let n=K(A);if(!(n!=null&&n.manifest))throw new Error("Not within DataContext! Manifest data is not exist.");return n.manifest}function jt(){let n=K(A);if(!(n!=null&&n.dimensions))throw new Error("Not within DataContext! Dimensions data is not exist.");return n.dimensions}import{validate as on}from"uuid";import{ManifestClient as rn}from"@uniformdev/context/api";var be=async n=>{if(!n)return{valid:!1,error:new Error("contextConfig was not defined.")};if(!n.apiHost)return{valid:!1,error:new Error("apiHost was not defined.")};if(!n.apiKey)return{valid:!1,error:new Error("apiKey was not defined.")};if(!on(n.apiKey)&&!n.projectId)return{valid:!1,error:new Error("projectId is required when using a modern API key.")};let t=new rn({projectId:n.projectId,apiKey:n.apiKey,apiHost:n.apiHost});try{let r=await t.get({preview:!0});return{valid:!0,result:r}}catch(r){return{valid:!1,error:r}}};import{useEffect as an,useState as sn}from"react";var so=n=>{let[t,r]=sn({validating:!1,error:void 0}),{apiKey:l,apiHost:a,projectId:o}=n||{};return an(()=>{if(!l||!a)return;(async()=>{r({validating:!0,error:void 0});let{error:i,result:m}=await be({apiHost:a,apiKey:l,projectId:o});r(i?{error:i,validating:!1}:{error:void 0,validating:!1,result:m})})()},[a,l,o]),{validating:t.validating,error:t.error,result:t.result}};function mo(n){return Array.isArray(n)&&n.length>0&&n[0].cat!==void 0}function uo(n){return n.crit!==void 0}export*from"@uniformdev/design-system";export{Jt as ContextData,ce as CriteriaMatchMenu,me as CriteriaOperatorMenu,ue as DimensionMenu,X as EditLink,En as EnrichmentTag,kt as PersonalizationCriteria,ge as PersonalizationCriteriaStatic,Gt as ProjectUIVersion,Te as addEnrichmentLink,le as contextCriteriaMenuOperators,mo as isEnrichmentTagData,uo as isPersonalizationCriteriaData,Qt as useContextConfig,U as useContextData,x as useDimensions,jt as useDimensionsDataContext,Zt as useManifest,so as useValidateContextConfig,be as validateContextConfig};
+`;import{InputComboBox as Ue}from"@uniformdev/design-system";function R({op:n}){return e("div",{css:{background:"var(--gray-700)",color:"white",borderRadius:"100%",width:"30px",height:"30px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"24px"}},n)}var ie=n=>{var m,c;let{data:t,getStyles:o,isDisabled:l,innerRef:a,innerProps:r}=n,[s,i]=(c=(m=t.label)==null?void 0:m.split(":"))!=null?c:[];return e("div",{css:{...o("option",n),display:"flex",alignItems:"center",gap:"var(--spacing-sm)"},ref:a,"aria-disabled":l,...r},i?e(R,{op:s}):e("div",{css:{width:"20px",height:"20px"}}),e("div",null,i!=null?i:s))};var ae=n=>{let{data:t,getStyles:o}=n;return e("div",{css:{...o("singleValue",n),width:"max-content"}},t.label.length===1?e(R,{op:t.label}):t.label)};var se=[{name:"=",description:"equals",value:"="},{name:"\u2260",description:"not equal",value:"!="},{name:">",description:"is greater than",value:">"},{name:"\u2265",description:"is greater than or equal to",value:">="},{name:"<",description:"is less than",value:"<"},{name:"\u2264",description:"is less than or equal to",value:"<="},{name:"has the strongest score",value:"+"},{name:"has the weakest score",value:"-"}];function le({onChange:n,value:t,...o}){var l,a;return e(Ue,{...o,value:{label:(a=(l=se.find(r=>r.value===t))==null?void 0:l.name)!=null?a:t,value:t},options:se.map(r=>({label:r.description?`${r.name}:${r.description}`:r.name,value:r.value})),styles:{...o.styles,valueContainer:(r,s)=>{var i,m;return{...r,padding:"var(--spacing-sm)",...(m=(i=o.styles)==null?void 0:i.valueContainer)==null?void 0:m.call(i,r,s)}},menu:(r,s)=>{var i,m;return{...r,width:"max-content",...(m=(i=o.styles)==null?void 0:i.menu)==null?void 0:m.call(i,r,s)}},control:(r,s)=>{var i,m;return{...r,border:0,...(m=(i=o.styles)==null?void 0:i.control)==null?void 0:m.call(i,r,s)}},indicatorSeparator:(r,s)=>{var i,m;return{...r,display:"none",...(m=(i=o.styles)==null?void 0:i.indicatorSeparator)==null?void 0:m.call(i,r,s)}}},onChange:r=>{r&&n(r.value)},components:{SingleValue:ae,Option:ie,...o.components}})}import{InputComboBox as We}from"@uniformdev/design-system";import{Icon as Ge}from"@uniformdev/design-system";function F(n){return{label:n.displayName,value:n.dim,isDisabled:!1}}function O(n){if(!n)return"unavailable";let[t]=n.split(":");switch(t.toLowerCase()){case"signal":return"data";case"intent":return"assign";case"audience":return"boy";default:return"user-list"}}function k(n){let t=[],o="";for(let l of n){let[a]=l.displayName.split(":");o!==a&&(t.push({label:a,options:[]}),o=a),t[t.length-1].options.push(F(l))}return t}var T=n=>{var a;let{data:t,getStyles:o,className:l}=n;return e("div",{css:{...o("groupHeading",n),textTransform:"none",fontSize:"var(--font-size-sm)"},className:l},e("small",{css:{color:"var(--gray-500)",display:"flex",alignItems:"center",gap:"var(--spacing-xs)"}},e(Ge,{icon:O((a=t.label)!=null?a:""),iconColor:"currentColor",size:16}),e("span",null,t.label)))};function V({message:n}){return n?e("div",{css:{position:"absolute",background:"white",borderRadius:"3px",fontSize:"0.8rem",color:"var(--brand-primary-2)",bottom:"calc(var(--spacing-xs) * -1)"}},n):null}var N=n=>{var u,C;let{data:t,getStyles:o,cx:l,isDisabled:a,isFocused:r,isSelected:s,className:i,innerRef:m,innerProps:c}=n,[,h]=(C=(u=t.label)==null?void 0:u.split(":"))!=null?C:[];return e("div",{css:o("option",n),className:l({option:!0,"option--is-disabled":a,"option--is-focused":r,"option--is-selected":s},i),ref:m,"aria-disabled":a,...c},e("div",{css:{color:"var(--gray-700)"}},h!=null?h:t.label))};import{Icon as He}from"@uniformdev/design-system";function me({displayName:n}){let[t,o]=n.split(":");return e("div",{css:{whiteSpace:"normal",overflow:"hidden"}},o?e("small",{css:{color:"var(--gray-500)",display:"flex",alignItems:"center",gap:"var(--spacing-xs)"}},t?e(He,{icon:O(t),iconColor:"currentColor",size:16}):null,e("span",null,t)):null,e("div",{css:{color:"var(--gray-700)"}},o!=null?o:t))}var z=n=>{let{data:t,getStyles:o}=n;return e("div",{css:o("singleValue",n)},e(me,{displayName:t.label}))};function ue({onChange:n,value:t,dimensions:o,errorMessage:l,...a}){return e(p.Fragment,null,e(We,{...a,value:t?F(t):void 0,options:k(o),styles:{...a.styles,valueContainer:(r,s)=>{var i,m;return{...r,padding:"var(--spacing-sm)",...(m=(i=a.styles)==null?void 0:i.valueContainer)==null?void 0:m.call(i,r,s)}}},onChange:r=>{r&&n(o.find(s=>s.dim===r.value))},components:{Option:N,SingleValue:z,GroupHeading:T,...a.components}}),e(V,{message:l}))}import{InputComboBox as qe}from"@uniformdev/design-system";import{useState as _e}from"react";function pe({onChange:n,criteriaMatch:t,dimensions:o,errorMessage:l,...a}){var c,h;let[r,s]=_e(typeof t.r!="undefined"&&L(t.r)!==null?t.r.toString(10):""),i=t.rDim,m=t.rDim?o.dimIndex[t.rDim]:void 0;return e(p.Fragment,null,e(qe,{...a,inputValue:r,menuShouldScrollIntoView:!0,value:{label:(c=m==null?void 0:m.displayName)!=null?c:i&&!m?`${t.rDim} (unknown)`:"",value:(h=t.rDim)!=null?h:t.r?t.r.toString(10):"",isDisabled:!1},options:[{label:"Enter a numeric score to match, or choose another dimension to match its score",value:"",isDisabled:!0},...k(o.dimensions)],styles:{...a.styles,valueContainer:(u,C)=>{var f,D;return{...u,padding:"var(--spacing-sm)",...(D=(f=a.styles)==null?void 0:f.valueContainer)==null?void 0:D.call(f,u,C)}},option:(u,C)=>{var f,D;return{fontSize:C.isDisabled?"0.8rem":void 0,...(D=(f=a.styles)==null?void 0:f.option)==null?void 0:D.call(f,u,C)}}},onChange:u=>{var C;u&&(n({...t,rDim:(C=u.value)==null?void 0:C.toString(),r:void 0}),s(""))},onInputChange:(u,C)=>{let f=L(u);C.action==="input-change"||C.action==="set-value"?(s(u),(f||u==="")&&n({...t,r:u||void 0,rDim:void 0})):!f&&!L(C.prevInputValue)&&(!u&&t.r?s(t.r.toString()):s(u))},components:{...a.components,Option:N,SingleValue:z,GroupHeading:T},noOptionsMessage:({inputValue:u})=>L(u)?e(p.Fragment,null,e("div",null,"Score: ",u),e("small",null,"If you want to match on another dimension\u2019s score instead, clear the score value to search for a dimension.")):e(p.Fragment,null,e("div",null,"No dimensions match your search \u201C",u,"\u201D"),e("small",null,"If you want to match a literal score, enter a numeric value."))}),e(V,{message:l}))}function L(n){return/^\d+$/.test(n.toString(10))}var fe=({value:n,setValue:t,dimensions:o,onMenuOpen:l,onMenuClose:a,onAddCriteria:r,onRemoveCriteria:s,displayTitle:i=!0,components:m,errors:c={}})=>{let h=n||{crit:[]},u=d=>{t({...h,op:d==="&"?void 0:d})},C=()=>{let d={...h,crit:[...h.crit,{l:"",op:">",r:0}]};t(d),r==null||r(d)},f=(d,v)=>{t(de(h,x=>{x.crit[v]=d}))},D=d=>{let v=de(h,g=>{g.crit.splice(d,1)}),x=v.crit.length===0?null:v;t(x),s==null||s(x)};return e("fieldset",{className:"personalization-criteria"},i?m!=null&&m.Title?e(m.Title,null):e("legend",{css:{fontSize:"var(--fs-md)",fontWeight:"var(--fw-bold)"}},"Personalize This"):null,h.crit.length?h.crit.map((d,v)=>{var y,S,w,E;let x=((y=d.l)==null?void 0:y.length)>0,g=d.op!=="+"&&d.op!=="-";return e("div",{css:oe,key:v},e("div",{css:re,style:{gridTemplateColumns:`minmax(0, 1fr) ${g?"minmax(0, 79px) minmax(0, 1fr)":"minmax(0, 1fr)"}`},className:"criteriaItemInner"},e("div",{css:M},e(ue,{errorMessage:(S=c.lhs)==null?void 0:S[v],css:P,styles:{control:b=>({...b,height:"100%"})},dimensions:o.dimensions,onChange:b=>{f({...d,l:b.dim},v)},value:o.dimIndex[d.l]})),e("div",{css:M},e(le,{name:`op-${v}`,css:P,styles:{control:b=>({...b,height:"100%"})},value:d.op,onChange:b=>{f(b==="+"||b==="-"?{...d,op:b,r:void 0,rDim:void 0}:{...d,op:b},v)},onMenuOpen:l,onMenuClose:a})),g?e("div",{css:M},e(pe,{errorMessage:(w=c.rhs)==null?void 0:w[v],css:P,styles:{control:b=>({...b,height:"100%"})},criteriaMatch:d,onChange:b=>{f(b,v)},isDisabled:!x,dimensions:o,onMenuOpen:l,onMenuClose:a})):null),e("button",{type:"button",onClick:()=>D(v),title:"Delete Personalization",css:{backgroundColor:"transparent",backgroundImage:"none",borderWidth:0}},e(Ke,{icon:Xe,iconColor:"red",size:"1.5rem"})),v>0?e("div",{className:"criteria-group-operation",css:{position:"absolute",top:"-4rem",transform:"translateX(calc(1.5rem - 50%))"}},e(Fe,{disabled:v>1,value:(E=h.op)!=null?E:"&",options:[{label:"AND",value:"&"},{label:"OR",value:"|"}],onChange:b=>{u(b.value)}})):null)}):e(ce,{title:"Default variant",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,'This personalized variant has no match criteria and will be shown to any visitor that does not match any preceding variants. Ensure that default variants come last in the variant list. Personalize this variant by clicking "Add Criteria" to get started.')),o.dimensions.length===0?m!=null&&m.NoDimensionsDefined?e(m.NoDimensionsDefined,null):e(ce,{title:"Dimensions",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"You do not have any dimensions configured.")):e(Ye,{className:"add-more",buttonText:"Add Criteria",onButtonClick:C}))};var Tt=({contextConfig:n,...t})=>{let{loading:o,result:l,error:a}=I(n);return a?e(ge,{type:"danger"},a):o||l===null?e(Je,null):e(fe,{...t,dimensions:l,components:{NoDimensionsDefined:()=>e(ge,{title:"Dimensions",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"You do not have any dimensions configured. Create your first"," ",e("a",{href:`${n.apiHost}/projects/${encodeURIComponent(n.projectId)}/personalization/signals`,target:"_blank",rel:"noopener noreferrer",css:{":hover":{textDecorationLine:"underline"}}},"Dimension")))}})};import nn from"react";import{useEffect as Qe,useState as Ze}from"react";import{ManifestClient as je,ApiClientError as en}from"@uniformdev/context/api";function $({apiHost:n,apiKey:t,projectId:o}){let[l,a]=Ze({loading:!1,notConfigured:!1,error:null,result:null});return Qe(()=>{if(!o||!t||!n){a({notConfigured:!0,loading:!1,error:null,result:null});return}(async()=>{a({notConfigured:!1,loading:!0,error:null,result:null});try{let i=await new je({projectId:o,apiKey:t,apiHost:n}).get({preview:!0});a({notConfigured:!1,loading:!1,error:null,result:i})}catch(s){let i;s instanceof en?(s.statusCode===403&&(i=`The API key ${t} did not have permissions to fetch the manifest. Ensure Context > Read Drafts permissions are granted.`),i=s.message):i=s.toString(),a({notConfigured:!1,loading:!1,error:i,result:null});return}})()},[n,t,o]),{result:l.result,error:l.error,loading:l.loading,notConfigured:l.notConfigured}}import{LoadingIndicator as tn}from"@uniformdev/design-system";function Wt({children:n,versionMap:t,contextConfig:o}){let{loading:l,result:a}=$(o);if(l)return e(tn,null);if(a){let r=t[a.project.ui_version];if(r)return e(r,null)}return e(nn.Fragment,null,n)}import Ce,{createContext as on,useContext as K}from"react";import{LoadingIndicator as rn}from"@uniformdev/design-system";var A=on(null),Zt=({loadingComponent:n,errorComponent:t,contextConfig:o,children:l})=>{let a=$(o),r=I(o);return a.error||a.notConfigured?t?e(t,{contextConfig:o,result:a}):e(Ce.Fragment,null,"ErrorComponent is not configured"):r.error||r.notConfigured?t?e(t,{contextConfig:o,result:r}):e(Ce.Fragment,null,"ErrorComponent is not configured"):a.loading||r.loading?n?e(n,null):e(rn,null):e(A.Provider,{value:{manifest:a.result,dimensions:r.result,contextConfig:o}},l)};function jt(){let n=K(A);if(!(n!=null&&n.contextConfig))throw new Error("Not within DataContext! Configuration data is not exist.");return n.contextConfig}function eo(){let n=K(A);if(!(n!=null&&n.manifest))throw new Error("Not within DataContext! Manifest data is not exist.");return n.manifest}function no(){let n=K(A);if(!(n!=null&&n.dimensions))throw new Error("Not within DataContext! Dimensions data is not exist.");return n.dimensions}import{validate as an}from"uuid";import{ManifestClient as sn}from"@uniformdev/context/api";var ve=async n=>{if(!n)return{valid:!1,error:new Error("contextConfig was not defined.")};if(!n.apiHost)return{valid:!1,error:new Error("apiHost was not defined.")};if(!n.apiKey)return{valid:!1,error:new Error("apiKey was not defined.")};if(!an(n.apiKey)&&!n.projectId)return{valid:!1,error:new Error("projectId is required when using a modern API key.")};let t=new sn({projectId:n.projectId,apiKey:n.apiKey,apiHost:n.apiHost});try{let o=await t.get({preview:!0});return{valid:!0,result:o}}catch(o){return{valid:!1,error:o}}};import{useEffect as ln,useState as mn}from"react";var mo=n=>{let[t,o]=mn({validating:!1,error:void 0}),{apiKey:l,apiHost:a,projectId:r}=n||{};return ln(()=>{if(!l||!a)return;(async()=>{o({validating:!0,error:void 0});let{error:i,result:m}=await ve({apiHost:a,apiKey:l,projectId:r});o(i?{error:i,validating:!1}:{error:void 0,validating:!1,result:m})})()},[a,l,r]),{validating:t.validating,error:t.error,result:t.result}};function po(n){return Array.isArray(n)&&n.length>0&&n[0].cat!==void 0}function co(n){return n.crit!==void 0}export*from"@uniformdev/design-system";export{Zt as ContextData,pe as CriteriaMatchMenu,le as CriteriaOperatorMenu,ue as DimensionMenu,me as DimensionValue,X as EditLink,Rn as EnrichmentTag,Tt as PersonalizationCriteria,fe as PersonalizationCriteriaStatic,Wt as ProjectUIVersion,Ve as addEnrichmentLink,se as contextCriteriaMenuOperators,po as isEnrichmentTagData,co as isPersonalizationCriteriaData,jt as useContextConfig,$ as useContextData,I as useDimensions,no as useDimensionsDataContext,eo as useManifest,mo as useValidateContextConfig,ve as validateContextConfig};

package/dist/index.js

@@ -1,4 +1,4 @@
-"use strict";var Ue=Object.create;var A=Object.defineProperty;var Ae=Object.getOwnPropertyDescriptor;var Ge=Object.getOwnPropertyNames;var He=Object.getPrototypeOf,We=Object.prototype.hasOwnProperty;var qe=(n,t)=>{for(var o in t)A(n,o,{get:t[o],enumerable:!0})},U=(n,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Ge(t))!We.call(n,i)&&i!==o&&A(n,i,{get:()=>t[i],enumerable:!(l=Ae(t,i))||l.enumerable});return n},w=(n,t,o)=>(U(n,t,"default"),o&&U(o,t,"default")),k=(n,t,o)=>(o=n!=null?Ue(He(n)):{},U(t||!n||!n.__esModule?A(o,"default",{value:n,enumerable:!0}):o,n)),_e=n=>U(A({},"__esModule",{value:!0}),n);var I={};qe(I,{ContextData:()=>nn,CriteriaMatchMenu:()=>pe,CriteriaOperatorMenu:()=>me,DimensionMenu:()=>ce,EditLink:()=>ie,EnrichmentTag:()=>Ke,PersonalizationCriteria:()=>je,PersonalizationCriteriaStatic:()=>fe,ProjectUIVersion:()=>en,addEnrichmentLink:()=>De,contextCriteriaMenuOperators:()=>le,isEnrichmentTagData:()=>sn,isPersonalizationCriteriaData:()=>ln,useContextConfig:()=>tn,useContextData:()=>z,useDimensions:()=>R,useDimensionsDataContext:()=>rn,useManifest:()=>on,useValidateContextConfig:()=>an,validateContextConfig:()=>ge});module.exports=_e(I);var e=require("@emotion/react"),p=k(require("react"));var be=require("@uniformdev/design-system"),he=require("react-icons/cg");var Ce=require("@emotion/react"),ve=Ce.css`
+"use strict";var Ue=Object.create;var U=Object.defineProperty;var Ge=Object.getOwnPropertyDescriptor;var He=Object.getOwnPropertyNames;var We=Object.getPrototypeOf,qe=Object.prototype.hasOwnProperty;var _e=(e,t)=>{for(var o in t)U(e,o,{get:t[o],enumerable:!0})},A=(e,t,o,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of He(t))!qe.call(e,i)&&i!==o&&U(e,i,{get:()=>t[i],enumerable:!(l=Ge(t,i))||l.enumerable});return e},w=(e,t,o)=>(A(e,t,"default"),o&&A(o,t,"default")),R=(e,t,o)=>(o=e!=null?Ue(We(e)):{},A(t||!e||!e.__esModule?U(o,"default",{value:e,enumerable:!0}):o,e)),Fe=e=>A(U({},"__esModule",{value:!0}),e);var x={};_e(x,{ContextData:()=>tn,CriteriaMatchMenu:()=>ce,CriteriaOperatorMenu:()=>le,DimensionMenu:()=>pe,DimensionValue:()=>ue,EditLink:()=>re,EnrichmentTag:()=>Ye,PersonalizationCriteria:()=>en,PersonalizationCriteriaStatic:()=>fe,ProjectUIVersion:()=>nn,addEnrichmentLink:()=>De,contextCriteriaMenuOperators:()=>se,isEnrichmentTagData:()=>ln,isPersonalizationCriteriaData:()=>mn,useContextConfig:()=>on,useContextData:()=>z,useDimensions:()=>P,useDimensionsDataContext:()=>an,useManifest:()=>rn,useValidateContextConfig:()=>sn,validateContextConfig:()=>ge});module.exports=Fe(x);var n=require("@emotion/react"),p=R(require("react"));var he=require("@uniformdev/design-system"),be=require("react-icons/cg");var Ce=require("@emotion/react"),ve=Ce.css`
   display: flex;
   align-items: center;
   font-weight: var(--fw-bold);
@@ -9,7 +9,7 @@
   &:focus {
     text-decoration-line: underline;
   }
-`;var ie=({linkTo:n,name:t,linkText:o=`Edit ${t} Component`})=>(0,e.jsx)("a",{css:ve,title:`Edit ${t} component definition`,rel:"noopener noreferrer",target:"_blank",href:n},o,(0,e.jsx)(be.Icon,{icon:he.CgChevronRight,iconColor:"currentColor",size:"1.5rem"}));var B=k(require("react"));var G=require("react"),P=require("@uniformdev/context/api");function ye(n,t,o){return n.reduce((l,i)=>{let r=t(i);if(typeof r=="undefined"||r===null)throw new Error("Objectify key selector returned undefined or null.");return l[t(i)]=o?o(i):i,l},{})}function R({apiHost:n,apiKey:t,projectId:o}){let[l,i]=(0,G.useState)({loading:!1,notConfigured:!1,error:null,result:null});return(0,G.useEffect)(()=>{if(!o||!t||!n){i({notConfigured:!0,loading:!1,error:null,result:null});return}(async()=>{i({notConfigured:!1,loading:!0,error:null,result:null});try{let a=(await new P.DimensionClient({projectId:o,apiKey:t,apiHost:n}).get()).dimensions.map(c=>({...c,displayName:(0,P.computeDimensionDisplayName)(c)})),m={dimensions:a,dimIndex:ye(a,c=>c.dim,c=>c)};i({notConfigured:!1,loading:!1,error:null,result:m})}catch(s){let a;s instanceof P.ApiClientError?a=s.message:a=s.toString(),i({notConfigured:!1,loading:!1,error:a,result:null});return}})()},[n,t,o]),{result:l.result,error:l.error,loading:l.loading,notConfigured:l.notConfigured}}var H=require("@uniformdev/context"),h=require("@uniformdev/design-system"),O=require("react-icons/cg"),ae=k(require("immer")),W=require("@emotion/react"),De=W.css`
+`;var re=({linkTo:e,name:t,linkText:o=`Edit ${t} Component`})=>(0,n.jsx)("a",{css:ve,title:`Edit ${t} component definition`,rel:"noopener noreferrer",target:"_blank",href:e},o,(0,n.jsx)(he.Icon,{icon:be.CgChevronRight,iconColor:"currentColor",size:"1.5rem"}));var B=R(require("react"));var G=require("react"),O=require("@uniformdev/context/api");function ye(e,t,o){return e.reduce((l,i)=>{let r=t(i);if(typeof r=="undefined"||r===null)throw new Error("Objectify key selector returned undefined or null.");return l[t(i)]=o?o(i):i,l},{})}function P({apiHost:e,apiKey:t,projectId:o}){let[l,i]=(0,G.useState)({loading:!1,notConfigured:!1,error:null,result:null});return(0,G.useEffect)(()=>{if(!o||!t||!e){i({notConfigured:!0,loading:!1,error:null,result:null});return}(async()=>{i({notConfigured:!1,loading:!0,error:null,result:null});try{let a=(await new O.DimensionClient({projectId:o,apiKey:t,apiHost:e}).get()).dimensions.map(c=>({...c,displayName:(0,O.computeDimensionDisplayName)(c)})),m={dimensions:a,dimIndex:ye(a,c=>c.dim,c=>c)};i({notConfigured:!1,loading:!1,error:null,result:m})}catch(s){let a;s instanceof O.ApiClientError?a=s.message:a=s.toString(),i({notConfigured:!1,loading:!1,error:a,result:null});return}})()},[e,t,o]),{result:l.result,error:l.error,loading:l.loading,notConfigured:l.notConfigured}}var H=require("@uniformdev/context"),h=require("@uniformdev/design-system"),k=require("react-icons/cg"),ie=R(require("immer")),W=require("@emotion/react"),De=W.css`
   flex: 2;
   display: flex;
   width: 50%;
@@ -20,7 +20,7 @@
   &:focus {
     text-decoration-line: underline;
   }
-`,Ke=({value:n,setValue:t,contextConfig:o,displayTitle:l=!0})=>{let{loading:i,result:r,error:s}=R(o),a=(0,B.useMemo)(()=>{if(r)return r.dimensions.filter(g=>g.category==="ENR")},[r]),m=(0,B.useMemo)(()=>{if(!n)return a;if(a)return a.filter(g=>!n.some(D=>(0,H.getEnrichmentVectorKey)(D.cat,D.key)===g.dim))},[a,n]),[c,b]=(0,B.useState)(""),[u,C]=(0,B.useState)(50),[f,x]=(0,B.useState)(!1),d=a==null?void 0:a.find(g=>g.dim===c),v=()=>{let[g,D]=c.split("_");M([...n!=null?n:[],{cat:g,key:D,str:u}]),b(""),C(50),x(!1)},M=g=>{let D=[];r?D=g.filter(N=>{let L=r.dimIndex[(0,H.getEnrichmentVectorKey)(N.cat,N.key)];return Boolean(L)}):D=g;let $=D.length===0?null:D;t($)};return s?(0,e.jsx)(h.Callout,{type:"danger"},s):i||r===null?(0,e.jsx)(h.LoadingIndicator,null):(0,e.jsx)("fieldset",{className:"enrichment-tag"},l?(0,e.jsx)("div",{css:{display:"flex",justifyContent:"space-between",marginBottom:"var(--spacing-base)"}},(0,e.jsx)("legend",{css:{fontSize:"var(--fs-md)",fontWeight:"var(--fw-bold)"}},"Enrichment Tags")):null,a!=null&&a.length?!f&&!n?(0,e.jsx)(h.Callout,{title:"No enrichment tags assigned.",type:"info",css:{marginBlock:"var(--spacing-base)"}},(0,e.jsx)("p",null,"Click"," ",(0,e.jsx)("a",{onClick:()=>x(!0),target:"_blank",rel:"noopener noreferrer",css:{textDecorationLine:"underline"}},"here")," ","to assign your first enrichment tag.")):(0,e.jsx)(B.default.Fragment,null,r&&(0,e.jsx)(Qe,{list:n!=null?n:[],setList:M,dimIndex:r.dimIndex}),f&&m&&m.length>0?(0,e.jsx)("div",{className:"add-enrichment-tag",css:{display:"flex",flexWrap:"wrap",gap:"var(--spacing-lg)",marginTop:"var(--spacing-md)",alignItems:"center"}},(0,e.jsx)("div",{css:{flexGrow:1}},(0,e.jsx)(h.InputSelect,{name:"enrichment-type",label:"Enrichment Tag",showLabel:!0,value:c,options:[{label:"Select",value:""},...m.map(g=>({label:g.displayName,value:g.dim}))],onChange:g=>b(g.currentTarget.value)})),(0,e.jsx)(Je,{score:u,setValue:C,cap:d?d.cap:100,css:{flexBasis:"9rem"}}),(0,e.jsx)(h.Button,{buttonType:"tertiary",size:"xl",css:{marginBottom:"var(--spacing-xs)",height:"3.5rem",margin:0,alignSelf:"flex-end"},onClick:v,disabled:!c},"Add")):null,(0,e.jsx)("div",{className:"enrichment-cta",style:{paddingTop:"10px",display:"flex",justifyContent:"space-between"}},!f&&m&&m.length>0&&n?(0,e.jsx)("button",{type:"button",className:"add-more",onClick:()=>x(!0),css:{color:"var(--brand-secondary-3)",display:"flex",gap:"var(--spacing-sm)",fontWeight:"var(--fw-bold)",marginTop:"var(--spacing-md)",alignItems:"center",backgroundColor:"transparent",backgroundImage:"none",borderWidth:0,width:"50%",flex:2}},(0,e.jsx)("div",{css:{color:"white",backgroundColor:"var(--brand-secondary-3)",borderRadius:"var(--rounded-full)",padding:"var(--spacing-xs)"}},(0,e.jsx)(h.Icon,{icon:O.CgMathPlus,iconColor:"currentColor",size:"1.25rem"})),"Add More"):(0,e.jsx)("a",{css:De,title:"none",href:"#"}),(0,e.jsx)(ie,{name:"Enrichments",linkText:"Manage Enrichments",linkTo:`${o.apiHost}/projects/${encodeURIComponent(o.projectId)}/personalization/enrichments`}))):(0,e.jsx)(Ye,{contextConfig:o}))},Ye=({contextConfig:n})=>(0,e.jsx)(h.Callout,{title:"No enrichments found.",type:"caution",css:{marginBlock:"var(--spacing-base)"}},(0,e.jsx)("p",null,"Looks like you do not have any enrichment created in your connected Uniform project. Start by creating your first enrichment"," ",(0,e.jsx)("a",{href:`${n.apiHost}/projects/${encodeURIComponent(n.projectId)}/personalization/enrichments`,target:"_blank",rel:"noopener noreferrer",css:{":hover":{textDecorationLine:"underline"}}},"here"),".")),Ie=(n,t=100,o=0)=>Math.max(Math.min(n,t),o),xe=W.css`
+`,Ye=({value:e,setValue:t,contextConfig:o,displayTitle:l=!0})=>{let{loading:i,result:r,error:s}=P(o),a=(0,B.useMemo)(()=>{if(r)return r.dimensions.filter(g=>g.category==="ENR")},[r]),m=(0,B.useMemo)(()=>{if(!e)return a;if(a)return a.filter(g=>!e.some(D=>(0,H.getEnrichmentVectorKey)(D.cat,D.key)===g.dim))},[a,e]),[c,b]=(0,B.useState)(""),[u,C]=(0,B.useState)(50),[f,I]=(0,B.useState)(!1),d=a==null?void 0:a.find(g=>g.dim===c),v=()=>{let[g,D]=c.split("_");S([...e!=null?e:[],{cat:g,key:D,str:u}]),b(""),C(50),I(!1)},S=g=>{let D=[];r?D=g.filter(V=>{let $=r.dimIndex[(0,H.getEnrichmentVectorKey)(V.cat,V.key)];return Boolean($)}):D=g;let L=D.length===0?null:D;t(L)};return s?(0,n.jsx)(h.Callout,{type:"danger"},s):i||r===null?(0,n.jsx)(h.LoadingIndicator,null):(0,n.jsx)("fieldset",{className:"enrichment-tag"},l?(0,n.jsx)("div",{css:{display:"flex",justifyContent:"space-between",marginBottom:"var(--spacing-base)"}},(0,n.jsx)("legend",{css:{fontSize:"var(--fs-md)",fontWeight:"var(--fw-bold)"}},"Enrichment Tags")):null,a!=null&&a.length?!f&&!e?(0,n.jsx)(h.Callout,{title:"No enrichment tags assigned.",type:"info",css:{marginBlock:"var(--spacing-base)"}},(0,n.jsx)("p",null,"Click"," ",(0,n.jsx)("a",{onClick:()=>I(!0),target:"_blank",rel:"noopener noreferrer",css:{textDecorationLine:"underline"}},"here")," ","to assign your first enrichment tag.")):(0,n.jsx)(B.default.Fragment,null,r&&(0,n.jsx)(Ze,{list:e!=null?e:[],setList:S,dimIndex:r.dimIndex}),f&&m&&m.length>0?(0,n.jsx)("div",{className:"add-enrichment-tag",css:{display:"flex",flexWrap:"wrap",gap:"var(--spacing-lg)",marginTop:"var(--spacing-md)",alignItems:"center"}},(0,n.jsx)("div",{css:{flexGrow:1}},(0,n.jsx)(h.InputSelect,{name:"enrichment-type",label:"Enrichment Tag",showLabel:!0,value:c,options:[{label:"Select",value:""},...m.map(g=>({label:g.displayName,value:g.dim}))],onChange:g=>b(g.currentTarget.value)})),(0,n.jsx)(Qe,{score:u,setValue:C,cap:d?d.cap:100,css:{flexBasis:"9rem"}}),(0,n.jsx)(h.Button,{buttonType:"tertiary",size:"xl",css:{marginBottom:"var(--spacing-xs)",height:"3.5rem",margin:0,alignSelf:"flex-end"},onClick:v,disabled:!c},"Add")):null,(0,n.jsx)("div",{className:"enrichment-cta",style:{paddingTop:"10px",display:"flex",justifyContent:"space-between"}},!f&&m&&m.length>0&&e?(0,n.jsx)(h.AddListButton,{className:"add-more",buttonText:"Add More",onButtonClick:()=>I(!0)}):(0,n.jsx)("a",{css:De,title:"none",href:"#"}),(0,n.jsx)(re,{name:"Enrichments",linkText:"Manage Enrichments",linkTo:`${o.apiHost}/projects/${encodeURIComponent(o.projectId)}/personalization/enrichments`}))):(0,n.jsx)(Xe,{contextConfig:o}))},Xe=({contextConfig:e})=>(0,n.jsx)(h.Callout,{title:"No enrichments found.",type:"caution",css:{marginBlock:"var(--spacing-base)"}},(0,n.jsx)("p",null,"Looks like you do not have any enrichment created in your connected Uniform project. Start by creating your first enrichment"," ",(0,n.jsx)("a",{href:`${e.apiHost}/projects/${encodeURIComponent(e.projectId)}/personalization/enrichments`,target:"_blank",rel:"noopener noreferrer",css:{":hover":{textDecorationLine:"underline"}}},"here"),".")),xe=(e,t=100,o=0)=>Math.max(Math.min(e,t),o),Ie=W.css`
   position: absolute;
   bottom: 0.875rem;
   left: var(--spacing-sm);
@@ -32,27 +32,27 @@
   background-color: var(--gray-100);
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-full);
-`,Xe=W.css`
-  ${xe}
+`,Je=W.css`
+  ${Ie}
   left: auto;
   right: var(--spacing-sm);
-`,Je=({score:n,setValue:t,cap:o=100,...l})=>{let i=r=>{let s=r==="increment"?n+10:n-10;s<0&&(s=0),s>o&&(s=o),t(s)};return(0,e.jsx)("div",{css:{position:"relative"},...l},(0,e.jsx)(h.Input,{label:"Strength",id:"enrichment-score",type:"number",min:0,max:o,value:n,onChange:r=>t(Ie(Number(r.currentTarget.value)||0,o)),css:{textAlign:"center",boxSizing:"border-box"}}),(0,e.jsx)("button",{type:"button",title:"Reduce enrichment count",onClick:()=>i("decrement"),disabled:n===0,className:"scoreCounterButton",css:xe},(0,e.jsx)(h.Icon,{icon:O.CgMathMinus,iconColor:"gray",size:"1.5rem"})),(0,e.jsx)("button",{type:"button",title:"Increase enrichment count",onClick:()=>i("increment"),className:"scoreCounterButton",css:Xe},(0,e.jsx)(h.Icon,{icon:O.CgMathPlus,iconColor:"gray",size:"1.5rem"})))},Qe=({list:n,setList:t,dimIndex:o})=>{let l=r=>{t((0,ae.default)(n,s=>{s.splice(r,1)}))},i=(r,s)=>{var m;let a=(m=o[`${n[r].cat}_${n[r].key}`])==null?void 0:m.cap;t((0,ae.default)(n,c=>{c[r].str=Ie(Number(s)||0,a)}))};return(0,e.jsx)(B.default.Fragment,null,n.map((r,s)=>{let a=o[(0,H.getEnrichmentVectorKey)(r.cat,r.key)];if(!!a)return(0,e.jsx)("div",{css:{display:"flex",alignItems:"center",gap:"var(--spacing-base)",backgroundColor:"var(--brand-secondary-2)",boxShadow:"var(--shadow-base)",borderRadius:"var(--rounded-base)",paddingInline:"var(--spacing-base)",marginBlock:"var(--spacing-base)"},className:"selected-enrichments",key:`${r.cat}-${r.key}`},(0,e.jsx)("span",{css:{fontWeight:"var(--fw-bold)",color:a?void 0:"var(--brand-secondary-5)"}},a?a.displayName:`Enrichment '${r.cat}_${r.key}' is unknown`),(0,e.jsx)("div",{css:{marginLeft:"auto",display:"flex",alignItems:"center",border:"0 solid var(--gray-400)",borderLeftWidth:"1px",borderRightWidth:"1px",padding:"var(--spacing-sm) var(--spacing-base)",flexBasis:"9rem"}},(0,e.jsx)(h.Input,{type:"text",min:0,max:a.cap||100,title:"score",value:r.str,css:{textAlign:"center",width:"100px"},onChange:m=>i(s,m.currentTarget.value)})),(0,e.jsx)("button",{type:"button",title:"Delete enrichment",onClick:()=>l(s),css:{border:0}},(0,e.jsx)(h.Icon,{icon:O.CgCloseO,iconColor:"red",size:"1.5rem"})))}))};var V=require("@uniformdev/design-system");var E=require("@uniformdev/design-system"),de=k(require("immer")),ee=require("react-icons/cg");var T=require("@emotion/react"),se="6rem",we=T.css`
+`,Qe=({score:e,setValue:t,cap:o=100,...l})=>{let i=r=>{let s=r==="increment"?e+10:e-10;s<0&&(s=0),s>o&&(s=o),t(s)};return(0,n.jsx)("div",{css:{position:"relative"},...l},(0,n.jsx)(h.Input,{label:"Strength",id:"enrichment-score",type:"number",min:0,max:o,value:e,onChange:r=>t(xe(Number(r.currentTarget.value)||0,o)),css:{textAlign:"center",boxSizing:"border-box"}}),(0,n.jsx)("button",{type:"button",title:"Reduce enrichment count",onClick:()=>i("decrement"),disabled:e===0,className:"scoreCounterButton",css:Ie},(0,n.jsx)(h.Icon,{icon:k.CgMathMinus,iconColor:"gray",size:"1.5rem"})),(0,n.jsx)("button",{type:"button",title:"Increase enrichment count",onClick:()=>i("increment"),className:"scoreCounterButton",css:Je},(0,n.jsx)(h.Icon,{icon:k.CgMathPlus,iconColor:"gray",size:"1.5rem"})))},Ze=({list:e,setList:t,dimIndex:o})=>{let l=r=>{t((0,ie.default)(e,s=>{s.splice(r,1)}))},i=(r,s)=>{var m;let a=(m=o[`${e[r].cat}_${e[r].key}`])==null?void 0:m.cap;t((0,ie.default)(e,c=>{c[r].str=xe(Number(s)||0,a)}))};return(0,n.jsx)(B.default.Fragment,null,e.map((r,s)=>{let a=o[(0,H.getEnrichmentVectorKey)(r.cat,r.key)];if(!!a)return(0,n.jsx)("div",{css:{display:"flex",alignItems:"center",gap:"var(--spacing-base)",backgroundColor:"var(--brand-secondary-2)",boxShadow:"var(--shadow-base)",borderRadius:"var(--rounded-base)",paddingInline:"var(--spacing-base)",marginBlock:"var(--spacing-base)"},className:"selected-enrichments",key:`${r.cat}-${r.key}`},(0,n.jsx)("span",{css:{fontWeight:"var(--fw-bold)",color:a?void 0:"var(--brand-secondary-5)"}},a?a.displayName:`Enrichment '${r.cat}_${r.key}' is unknown`),(0,n.jsx)("div",{css:{marginLeft:"auto",display:"flex",alignItems:"center",border:"0 solid var(--gray-400)",borderLeftWidth:"1px",borderRightWidth:"1px",padding:"var(--spacing-sm) var(--spacing-base)",flexBasis:"9rem"}},(0,n.jsx)(h.Input,{type:"text",min:0,max:a.cap||100,title:"score",value:r.str,css:{textAlign:"center",width:"100px"},onChange:m=>i(s,m.currentTarget.value)})),(0,n.jsx)("button",{type:"button",title:"Delete enrichment",onClick:()=>l(s),css:{border:0}},(0,n.jsx)(h.Icon,{icon:k.CgCloseO,iconColor:"red",size:"1.5rem"})))}))};var N=require("@uniformdev/design-system");var E=require("@uniformdev/design-system"),de=R(require("immer")),Ve=require("react-icons/cg");var T=require("@emotion/react"),ae="6rem",we=T.css`
   position: relative;
   padding: var(--spacing-base);
   border: 1px solid var(--gray-300);
   box-shadow: var(--shadow-base);
   background-color: white;
   border-radius: var(--rounded-base);
-  margin-top: ${se};
+  margin-top: ${ae};
   display: flex;
   &:before {
     content: '';
     display: block;
     width: 1px;
-    height: ${se};
+    height: ${ae};
     background-color: var(--gray-300);
     position: absolute;
-    top: -${se};
+    top: -${ae};
     left: var(--spacing-lg);
   }
   &:first-of-type {
@@ -73,6 +73,6 @@
 `,_=T.css`
   height: 100%;
   width: 100%;
-`,hn=T.css`
+`,yn=T.css`
   height: 100%;
-`;var Ee=require("@uniformdev/design-system");function F({op:n}){return(0,e.jsx)("div",{css:{background:"var(--gray-700)",color:"white",borderRadius:"100%",width:"30px",height:"30px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"24px"}},n)}var Me=n=>{var m,c;let{data:t,getStyles:o,isDisabled:l,innerRef:i,innerProps:r}=n,[s,a]=(c=(m=t.label)==null?void 0:m.split(":"))!=null?c:[];return(0,e.jsx)("div",{css:{...o("option",n),display:"flex",alignItems:"center",gap:"var(--spacing-sm)"},ref:i,"aria-disabled":l,...r},a?(0,e.jsx)(F,{op:s}):(0,e.jsx)("div",{css:{width:"20px",height:"20px"}}),(0,e.jsx)("div",null,a!=null?a:s))};var Se=n=>{let{data:t,getStyles:o}=n;return(0,e.jsx)("div",{css:{...o("singleValue",n),width:"max-content"}},t.label.length===1?(0,e.jsx)(F,{op:t.label}):t.label)};var le=[{name:"=",description:"equals",value:"="},{name:"\u2260",description:"not equal",value:"!="},{name:">",description:"is greater than",value:">"},{name:"\u2265",description:"is greater than or equal to",value:">="},{name:"<",description:"is less than",value:"<"},{name:"\u2264",description:"is less than or equal to",value:"<="},{name:"has the strongest score",value:"+"},{name:"has the weakest score",value:"-"}];function me({onChange:n,value:t,...o}){var l,i;return(0,e.jsx)(Ee.InputComboBox,{...o,value:{label:(i=(l=le.find(r=>r.value===t))==null?void 0:l.name)!=null?i:t,value:t},options:le.map(r=>({label:r.description?`${r.name}:${r.description}`:r.name,value:r.value})),styles:{...o.styles,valueContainer:(r,s)=>{var a,m;return{...r,padding:"var(--spacing-sm)",...(m=(a=o.styles)==null?void 0:a.valueContainer)==null?void 0:m.call(a,r,s)}},menu:(r,s)=>{var a,m;return{...r,width:"max-content",...(m=(a=o.styles)==null?void 0:a.menu)==null?void 0:m.call(a,r,s)}},control:(r,s)=>{var a,m;return{...r,border:0,...(m=(a=o.styles)==null?void 0:a.control)==null?void 0:m.call(a,r,s)}},indicatorSeparator:(r,s)=>{var a,m;return{...r,display:"none",...(m=(a=o.styles)==null?void 0:a.indicatorSeparator)==null?void 0:m.call(a,r,s)}}},onChange:r=>{r&&n(r.value)},components:{SingleValue:Se,Option:Me,...o.components}})}var ke=require("@uniformdev/design-system");var Re=require("@uniformdev/design-system");function ue(n){return{label:n.displayName,value:n.dim,isDisabled:!1}}function K(n){if(!n)return"unavailable";let[t]=n.split(":");switch(t.toLowerCase()){case"signal":return"data";case"intent":return"assign";case"audience":return"boy";default:return"user-list"}}function Y(n){let t=[],o="";for(let l of n){let[i]=l.displayName.split(":");o!==i&&(t.push({label:i,options:[]}),o=i),t[t.length-1].options.push(ue(l))}return t}var X=n=>{var i;let{data:t,getStyles:o,className:l}=n;return(0,e.jsx)("div",{css:{...o("groupHeading",n),textTransform:"none",fontSize:"var(--font-size-sm)"},className:l},(0,e.jsx)("small",{css:{color:"var(--gray-500)",display:"flex",alignItems:"center",gap:"var(--spacing-xs)"}},(0,e.jsx)(Re.Icon,{icon:K((i=t.label)!=null?i:""),iconColor:"currentColor",size:16}),(0,e.jsx)("span",null,t.label)))};function J({message:n}){return n?(0,e.jsx)("div",{css:{position:"absolute",background:"white",borderRadius:"3px",fontSize:"0.8rem",color:"var(--brand-primary-2)",bottom:"calc(var(--spacing-xs) * -1)"}},n):null}var Q=n=>{var u,C;let{data:t,getStyles:o,cx:l,isDisabled:i,isFocused:r,isSelected:s,className:a,innerRef:m,innerProps:c}=n,[,b]=(C=(u=t.label)==null?void 0:u.split(":"))!=null?C:[];return(0,e.jsx)("div",{css:o("option",n),className:l({option:!0,"option--is-disabled":i,"option--is-focused":r,"option--is-selected":s},a),ref:m,"aria-disabled":i,...c},(0,e.jsx)("div",{css:{color:"var(--gray-700)"}},b!=null?b:t.label))};var Oe=require("@uniformdev/design-system");var Z=n=>{var r,s;let{data:t,getStyles:o}=n,[l,i]=(s=(r=t.label)==null?void 0:r.split(":"))!=null?s:[];return(0,e.jsx)("div",{css:{...o("singleValue",n),whiteSpace:"normal",overflow:"auto"}},(0,e.jsx)("small",{css:{color:"var(--gray-500)",display:"flex",alignItems:"center",gap:"var(--spacing-xs)"}},l?(0,e.jsx)(Oe.Icon,{icon:K(t.label),iconColor:"currentColor",size:16}):null,(0,e.jsx)("span",null,l)),(0,e.jsx)("div",{css:{color:"var(--gray-700)"}},i))};function ce({onChange:n,value:t,dimensions:o,errorMessage:l,...i}){return(0,e.jsx)(p.Fragment,null,(0,e.jsx)(ke.InputComboBox,{...i,value:t?ue(t):void 0,options:Y(o),styles:{...i.styles,valueContainer:(r,s)=>{var a,m;return{...r,padding:"var(--spacing-sm)",...(m=(a=i.styles)==null?void 0:a.valueContainer)==null?void 0:m.call(a,r,s)}}},onChange:r=>{r&&n(o.find(s=>s.dim===r.value))},components:{Option:Q,SingleValue:Z,GroupHeading:X,...i.components}}),(0,e.jsx)(J,{message:l}))}var Pe=require("@uniformdev/design-system"),Te=require("react");function pe({onChange:n,criteriaMatch:t,dimensions:o,errorMessage:l,...i}){var c,b;let[r,s]=(0,Te.useState)(typeof t.r!="undefined"&&j(t.r)!==null?t.r.toString(10):""),a=t.rDim,m=t.rDim?o.dimIndex[t.rDim]:void 0;return(0,e.jsx)(p.Fragment,null,(0,e.jsx)(Pe.InputComboBox,{...i,inputValue:r,menuShouldScrollIntoView:!0,value:{label:(c=m==null?void 0:m.displayName)!=null?c:a&&!m?`${t.rDim} (unknown)`:"",value:(b=t.rDim)!=null?b:t.r?t.r.toString(10):"",isDisabled:!1},options:[{label:"Enter a numeric score to match, or choose another dimension to match its score",value:"",isDisabled:!0},...Y(o.dimensions)],styles:{...i.styles,valueContainer:(u,C)=>{var f,x;return{...u,padding:"var(--spacing-sm)",...(x=(f=i.styles)==null?void 0:f.valueContainer)==null?void 0:x.call(f,u,C)}},option:(u,C)=>{var f,x;return{fontSize:C.isDisabled?"0.8rem":void 0,...(x=(f=i.styles)==null?void 0:f.option)==null?void 0:x.call(f,u,C)}}},onChange:u=>{var C;u&&(n({...t,rDim:(C=u.value)==null?void 0:C.toString(),r:void 0}),s(""))},onInputChange:(u,C)=>{let f=j(u);C.action==="input-change"||C.action==="set-value"?(s(u),(f||u==="")&&n({...t,r:u||void 0,rDim:void 0})):!f&&!j(C.prevInputValue)&&(!u&&t.r?s(t.r.toString()):s(u))},components:{...i.components,Option:Q,SingleValue:Z,GroupHeading:X},noOptionsMessage:({inputValue:u})=>j(u)?(0,e.jsx)(p.Fragment,null,(0,e.jsx)("div",null,"Score: ",u),(0,e.jsx)("small",null,"If you want to match on another dimension\u2019s score instead, clear the score value to search for a dimension.")):(0,e.jsx)(p.Fragment,null,(0,e.jsx)("div",null,"No dimensions match your search \u201C",u,"\u201D"),(0,e.jsx)("small",null,"If you want to match a literal score, enter a numeric value."))}),(0,e.jsx)(J,{message:l}))}function j(n){return/^\d+$/.test(n.toString(10))}var fe=({value:n,setValue:t,dimensions:o,onMenuOpen:l,onMenuClose:i,onAddCriteria:r,onRemoveCriteria:s,displayTitle:a=!0,components:m,errors:c={}})=>{let b=n||{crit:[]},u=d=>{t({...b,op:d==="&"?void 0:d})},C=()=>{let d={...b,crit:[...b.crit,{l:"",op:">",r:0}]};t(d),r==null||r(d)},f=(d,v)=>{t((0,de.default)(b,M=>{M.crit[v]=d}))},x=d=>{let v=(0,de.default)(b,g=>{g.crit.splice(d,1)}),M=v.crit.length===0?null:v;t(M),s==null||s(M)};return(0,e.jsx)("fieldset",{className:"personalization-criteria"},a?m!=null&&m.Title?(0,e.jsx)(m.Title,null):(0,e.jsx)("legend",{css:{fontSize:"var(--fs-md)",fontWeight:"var(--fw-bold)"}},"Personalize This"):null,b.crit.length?b.crit.map((d,v)=>{var D,$,N,L;let M=((D=d.l)==null?void 0:D.length)>0,g=d.op!=="+"&&d.op!=="-";return(0,e.jsx)("div",{css:we,key:v},(0,e.jsx)("div",{css:Be,style:{gridTemplateColumns:`minmax(0, 1fr) ${g?"minmax(0, 79px) minmax(0, 1fr)":"minmax(0, 1fr)"}`},className:"criteriaItemInner"},(0,e.jsx)("div",{css:q},(0,e.jsx)(ce,{errorMessage:($=c.lhs)==null?void 0:$[v],css:_,styles:{control:y=>({...y,height:"100%"})},dimensions:o.dimensions,onChange:y=>{f({...d,l:y.dim},v)},value:o.dimIndex[d.l]})),(0,e.jsx)("div",{css:q},(0,e.jsx)(me,{name:`op-${v}`,css:_,styles:{control:y=>({...y,height:"100%"})},value:d.op,onChange:y=>{f(y==="+"||y==="-"?{...d,op:y,r:void 0,rDim:void 0}:{...d,op:y},v)},onMenuOpen:l,onMenuClose:i})),g?(0,e.jsx)("div",{css:q},(0,e.jsx)(pe,{errorMessage:(N=c.rhs)==null?void 0:N[v],css:_,styles:{control:y=>({...y,height:"100%"})},criteriaMatch:d,onChange:y=>{f(y,v)},isDisabled:!M,dimensions:o,onMenuOpen:l,onMenuClose:i})):null),(0,e.jsx)("button",{type:"button",onClick:()=>x(v),title:"Delete Personalization",css:{backgroundColor:"transparent",backgroundImage:"none",borderWidth:0}},(0,e.jsx)(E.Icon,{icon:ee.CgCloseO,iconColor:"red",size:"1.5rem"})),v>0?(0,e.jsx)("div",{className:"criteria-group-operation",css:{position:"absolute",top:"-4rem",transform:"translateX(calc(1.5rem - 50%))"}},(0,e.jsx)(E.InputInlineSelect,{disabled:v>1,value:(L=b.op)!=null?L:"&",options:[{label:"AND",value:"&"},{label:"OR",value:"|"}],onChange:y=>{u(y.value)}})):null)}):(0,e.jsx)(E.Callout,{title:"Default variant",type:"info",css:{marginBlock:"var(--spacing-base)"}},(0,e.jsx)("p",null,'This personalized variant has no match criteria and will be shown to any visitor that does not match any preceding variants. Ensure that default variants come last in the variant list. Personalize this variant by clicking "Add Criteria" to get started.')),o.dimensions.length===0?m!=null&&m.NoDimensionsDefined?(0,e.jsx)(m.NoDimensionsDefined,null):(0,e.jsx)(E.Callout,{title:"Dimensions",type:"info",css:{marginBlock:"var(--spacing-base)"}},(0,e.jsx)("p",null,"You do not have any dimensions configured.")):(0,e.jsx)("button",{type:"button",className:"add-more",onClick:C,css:{color:"var(--brand-secondary-3)",display:"flex",gap:"var(--spacing-sm)",fontWeight:"var(--fw-bold)",marginTop:"var(--spacing-md)",alignItems:"center",backgroundColor:"transparent",backgroundImage:"none",borderWidth:0}},(0,e.jsx)("div",{css:{color:"white",backgroundColor:"var(--brand-secondary-3)",borderRadius:"var(--rounded-full)",padding:"var(--spacing-xs)"}},(0,e.jsx)(E.Icon,{icon:ee.CgMathPlus,iconColor:"currentColor",size:"1.25rem"})),"Add Criteria"))};var je=({contextConfig:n,...t})=>{let{loading:o,result:l,error:i}=R(n);return i?(0,e.jsx)(V.Callout,{type:"danger"},i):o||l===null?(0,e.jsx)(V.LoadingIndicator,null):(0,e.jsx)(fe,{...t,dimensions:l,components:{NoDimensionsDefined:()=>(0,e.jsx)(V.Callout,{title:"Dimensions",type:"info",css:{marginBlock:"var(--spacing-base)"}},(0,e.jsx)("p",null,"You do not have any dimensions configured. Create your first"," ",(0,e.jsx)("a",{href:`${n.apiHost}/projects/${encodeURIComponent(n.projectId)}/personalization/signals`,target:"_blank",rel:"noopener noreferrer",css:{":hover":{textDecorationLine:"underline"}}},"Dimension")))}})};var Ne=k(require("react"));var ne=require("react"),te=require("@uniformdev/context/api");function z({apiHost:n,apiKey:t,projectId:o}){let[l,i]=(0,ne.useState)({loading:!1,notConfigured:!1,error:null,result:null});return(0,ne.useEffect)(()=>{if(!o||!t||!n){i({notConfigured:!0,loading:!1,error:null,result:null});return}(async()=>{i({notConfigured:!1,loading:!0,error:null,result:null});try{let a=await new te.ManifestClient({projectId:o,apiKey:t,apiHost:n}).get({preview:!0});i({notConfigured:!1,loading:!1,error:null,result:a})}catch(s){let a;s instanceof te.ApiClientError?(s.statusCode===403&&(a=`The API key ${t} did not have permissions to fetch the manifest. Ensure Context > Read Drafts permissions are granted.`),a=s.message):a=s.toString(),i({notConfigured:!1,loading:!1,error:a,result:null});return}})()},[n,t,o]),{result:l.result,error:l.error,loading:l.loading,notConfigured:l.notConfigured}}var Ve=require("@uniformdev/design-system");function en({children:n,versionMap:t,contextConfig:o}){let{loading:l,result:i}=z(o);if(l)return(0,e.jsx)(Ve.LoadingIndicator,null);if(i){let r=t[i.project.ui_version];if(r)return(0,e.jsx)(r,null)}return(0,e.jsx)(Ne.default.Fragment,null,n)}var S=k(require("react"));var ze=require("@uniformdev/design-system"),oe=(0,S.createContext)(null),nn=({loadingComponent:n,errorComponent:t,contextConfig:o,children:l})=>{let i=z(o),r=R(o);return i.error||i.notConfigured?t?(0,e.jsx)(t,{contextConfig:o,result:i}):(0,e.jsx)(S.default.Fragment,null,"ErrorComponent is not configured"):r.error||r.notConfigured?t?(0,e.jsx)(t,{contextConfig:o,result:r}):(0,e.jsx)(S.default.Fragment,null,"ErrorComponent is not configured"):i.loading||r.loading?n?(0,e.jsx)(n,null):(0,e.jsx)(ze.LoadingIndicator,null):(0,e.jsx)(oe.Provider,{value:{manifest:i.result,dimensions:r.result,contextConfig:o}},l)};function tn(){let n=(0,S.useContext)(oe);if(!(n!=null&&n.contextConfig))throw new Error("Not within DataContext! Configuration data is not exist.");return n.contextConfig}function on(){let n=(0,S.useContext)(oe);if(!(n!=null&&n.manifest))throw new Error("Not within DataContext! Manifest data is not exist.");return n.manifest}function rn(){let n=(0,S.useContext)(oe);if(!(n!=null&&n.dimensions))throw new Error("Not within DataContext! Dimensions data is not exist.");return n.dimensions}var $e=require("uuid"),Le=require("@uniformdev/context/api"),ge=async n=>{if(!n)return{valid:!1,error:new Error("contextConfig was not defined.")};if(!n.apiHost)return{valid:!1,error:new Error("apiHost was not defined.")};if(!n.apiKey)return{valid:!1,error:new Error("apiKey was not defined.")};if(!(0,$e.validate)(n.apiKey)&&!n.projectId)return{valid:!1,error:new Error("projectId is required when using a modern API key.")};let t=new Le.ManifestClient({projectId:n.projectId,apiKey:n.apiKey,apiHost:n.apiHost});try{let o=await t.get({preview:!0});return{valid:!0,result:o}}catch(o){return{valid:!1,error:o}}};var re=require("react");var an=n=>{let[t,o]=(0,re.useState)({validating:!1,error:void 0}),{apiKey:l,apiHost:i,projectId:r}=n||{};return(0,re.useEffect)(()=>{if(!l||!i)return;(async()=>{o({validating:!0,error:void 0});let{error:a,result:m}=await ge({apiHost:i,apiKey:l,projectId:r});o(a?{error:a,validating:!1}:{error:void 0,validating:!1,result:m})})()},[i,l,r]),{validating:t.validating,error:t.error,result:t.result}};function sn(n){return Array.isArray(n)&&n.length>0&&n[0].cat!==void 0}function ln(n){return n.crit!==void 0}w(I,require("@uniformdev/design-system"),module.exports);0&&(module.exports={ContextData,CriteriaMatchMenu,CriteriaOperatorMenu,DimensionMenu,EditLink,EnrichmentTag,PersonalizationCriteria,PersonalizationCriteriaStatic,ProjectUIVersion,addEnrichmentLink,contextCriteriaMenuOperators,isEnrichmentTagData,isPersonalizationCriteriaData,useContextConfig,useContextData,useDimensions,useDimensionsDataContext,useManifest,useValidateContextConfig,validateContextConfig});
+`;var Me=require("@uniformdev/design-system");function F({op:e}){return(0,n.jsx)("div",{css:{background:"var(--gray-700)",color:"white",borderRadius:"100%",width:"30px",height:"30px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"24px"}},e)}var Se=e=>{var m,c;let{data:t,getStyles:o,isDisabled:l,innerRef:i,innerProps:r}=e,[s,a]=(c=(m=t.label)==null?void 0:m.split(":"))!=null?c:[];return(0,n.jsx)("div",{css:{...o("option",e),display:"flex",alignItems:"center",gap:"var(--spacing-sm)"},ref:i,"aria-disabled":l,...r},a?(0,n.jsx)(F,{op:s}):(0,n.jsx)("div",{css:{width:"20px",height:"20px"}}),(0,n.jsx)("div",null,a!=null?a:s))};var Ee=e=>{let{data:t,getStyles:o}=e;return(0,n.jsx)("div",{css:{...o("singleValue",e),width:"max-content"}},t.label.length===1?(0,n.jsx)(F,{op:t.label}):t.label)};var se=[{name:"=",description:"equals",value:"="},{name:"\u2260",description:"not equal",value:"!="},{name:">",description:"is greater than",value:">"},{name:"\u2265",description:"is greater than or equal to",value:">="},{name:"<",description:"is less than",value:"<"},{name:"\u2264",description:"is less than or equal to",value:"<="},{name:"has the strongest score",value:"+"},{name:"has the weakest score",value:"-"}];function le({onChange:e,value:t,...o}){var l,i;return(0,n.jsx)(Me.InputComboBox,{...o,value:{label:(i=(l=se.find(r=>r.value===t))==null?void 0:l.name)!=null?i:t,value:t},options:se.map(r=>({label:r.description?`${r.name}:${r.description}`:r.name,value:r.value})),styles:{...o.styles,valueContainer:(r,s)=>{var a,m;return{...r,padding:"var(--spacing-sm)",...(m=(a=o.styles)==null?void 0:a.valueContainer)==null?void 0:m.call(a,r,s)}},menu:(r,s)=>{var a,m;return{...r,width:"max-content",...(m=(a=o.styles)==null?void 0:a.menu)==null?void 0:m.call(a,r,s)}},control:(r,s)=>{var a,m;return{...r,border:0,...(m=(a=o.styles)==null?void 0:a.control)==null?void 0:m.call(a,r,s)}},indicatorSeparator:(r,s)=>{var a,m;return{...r,display:"none",...(m=(a=o.styles)==null?void 0:a.indicatorSeparator)==null?void 0:m.call(a,r,s)}}},onChange:r=>{r&&e(r.value)},components:{SingleValue:Ee,Option:Se,...o.components}})}var Oe=require("@uniformdev/design-system");var Pe=require("@uniformdev/design-system");function me(e){return{label:e.displayName,value:e.dim,isDisabled:!1}}function K(e){if(!e)return"unavailable";let[t]=e.split(":");switch(t.toLowerCase()){case"signal":return"data";case"intent":return"assign";case"audience":return"boy";default:return"user-list"}}function Y(e){let t=[],o="";for(let l of e){let[i]=l.displayName.split(":");o!==i&&(t.push({label:i,options:[]}),o=i),t[t.length-1].options.push(me(l))}return t}var X=e=>{var i;let{data:t,getStyles:o,className:l}=e;return(0,n.jsx)("div",{css:{...o("groupHeading",e),textTransform:"none",fontSize:"var(--font-size-sm)"},className:l},(0,n.jsx)("small",{css:{color:"var(--gray-500)",display:"flex",alignItems:"center",gap:"var(--spacing-xs)"}},(0,n.jsx)(Pe.Icon,{icon:K((i=t.label)!=null?i:""),iconColor:"currentColor",size:16}),(0,n.jsx)("span",null,t.label)))};function J({message:e}){return e?(0,n.jsx)("div",{css:{position:"absolute",background:"white",borderRadius:"3px",fontSize:"0.8rem",color:"var(--brand-primary-2)",bottom:"calc(var(--spacing-xs) * -1)"}},e):null}var Q=e=>{var u,C;let{data:t,getStyles:o,cx:l,isDisabled:i,isFocused:r,isSelected:s,className:a,innerRef:m,innerProps:c}=e,[,b]=(C=(u=t.label)==null?void 0:u.split(":"))!=null?C:[];return(0,n.jsx)("div",{css:o("option",e),className:l({option:!0,"option--is-disabled":i,"option--is-focused":r,"option--is-selected":s},a),ref:m,"aria-disabled":i,...c},(0,n.jsx)("div",{css:{color:"var(--gray-700)"}},b!=null?b:t.label))};var Re=require("@uniformdev/design-system");function ue({displayName:e}){let[t,o]=e.split(":");return(0,n.jsx)("div",{css:{whiteSpace:"normal",overflow:"hidden"}},o?(0,n.jsx)("small",{css:{color:"var(--gray-500)",display:"flex",alignItems:"center",gap:"var(--spacing-xs)"}},t?(0,n.jsx)(Re.Icon,{icon:K(t),iconColor:"currentColor",size:16}):null,(0,n.jsx)("span",null,t)):null,(0,n.jsx)("div",{css:{color:"var(--gray-700)"}},o!=null?o:t))}var Z=e=>{let{data:t,getStyles:o}=e;return(0,n.jsx)("div",{css:o("singleValue",e)},(0,n.jsx)(ue,{displayName:t.label}))};function pe({onChange:e,value:t,dimensions:o,errorMessage:l,...i}){return(0,n.jsx)(p.Fragment,null,(0,n.jsx)(Oe.InputComboBox,{...i,value:t?me(t):void 0,options:Y(o),styles:{...i.styles,valueContainer:(r,s)=>{var a,m;return{...r,padding:"var(--spacing-sm)",...(m=(a=i.styles)==null?void 0:a.valueContainer)==null?void 0:m.call(a,r,s)}}},onChange:r=>{r&&e(o.find(s=>s.dim===r.value))},components:{Option:Q,SingleValue:Z,GroupHeading:X,...i.components}}),(0,n.jsx)(J,{message:l}))}var ke=require("@uniformdev/design-system"),Te=require("react");function ce({onChange:e,criteriaMatch:t,dimensions:o,errorMessage:l,...i}){var c,b;let[r,s]=(0,Te.useState)(typeof t.r!="undefined"&&j(t.r)!==null?t.r.toString(10):""),a=t.rDim,m=t.rDim?o.dimIndex[t.rDim]:void 0;return(0,n.jsx)(p.Fragment,null,(0,n.jsx)(ke.InputComboBox,{...i,inputValue:r,menuShouldScrollIntoView:!0,value:{label:(c=m==null?void 0:m.displayName)!=null?c:a&&!m?`${t.rDim} (unknown)`:"",value:(b=t.rDim)!=null?b:t.r?t.r.toString(10):"",isDisabled:!1},options:[{label:"Enter a numeric score to match, or choose another dimension to match its score",value:"",isDisabled:!0},...Y(o.dimensions)],styles:{...i.styles,valueContainer:(u,C)=>{var f,I;return{...u,padding:"var(--spacing-sm)",...(I=(f=i.styles)==null?void 0:f.valueContainer)==null?void 0:I.call(f,u,C)}},option:(u,C)=>{var f,I;return{fontSize:C.isDisabled?"0.8rem":void 0,...(I=(f=i.styles)==null?void 0:f.option)==null?void 0:I.call(f,u,C)}}},onChange:u=>{var C;u&&(e({...t,rDim:(C=u.value)==null?void 0:C.toString(),r:void 0}),s(""))},onInputChange:(u,C)=>{let f=j(u);C.action==="input-change"||C.action==="set-value"?(s(u),(f||u==="")&&e({...t,r:u||void 0,rDim:void 0})):!f&&!j(C.prevInputValue)&&(!u&&t.r?s(t.r.toString()):s(u))},components:{...i.components,Option:Q,SingleValue:Z,GroupHeading:X},noOptionsMessage:({inputValue:u})=>j(u)?(0,n.jsx)(p.Fragment,null,(0,n.jsx)("div",null,"Score: ",u),(0,n.jsx)("small",null,"If you want to match on another dimension\u2019s score instead, clear the score value to search for a dimension.")):(0,n.jsx)(p.Fragment,null,(0,n.jsx)("div",null,"No dimensions match your search \u201C",u,"\u201D"),(0,n.jsx)("small",null,"If you want to match a literal score, enter a numeric value."))}),(0,n.jsx)(J,{message:l}))}function j(e){return/^\d+$/.test(e.toString(10))}var fe=({value:e,setValue:t,dimensions:o,onMenuOpen:l,onMenuClose:i,onAddCriteria:r,onRemoveCriteria:s,displayTitle:a=!0,components:m,errors:c={}})=>{let b=e||{crit:[]},u=d=>{t({...b,op:d==="&"?void 0:d})},C=()=>{let d={...b,crit:[...b.crit,{l:"",op:">",r:0}]};t(d),r==null||r(d)},f=(d,v)=>{t((0,de.default)(b,S=>{S.crit[v]=d}))},I=d=>{let v=(0,de.default)(b,g=>{g.crit.splice(d,1)}),S=v.crit.length===0?null:v;t(S),s==null||s(S)};return(0,n.jsx)("fieldset",{className:"personalization-criteria"},a?m!=null&&m.Title?(0,n.jsx)(m.Title,null):(0,n.jsx)("legend",{css:{fontSize:"var(--fs-md)",fontWeight:"var(--fw-bold)"}},"Personalize This"):null,b.crit.length?b.crit.map((d,v)=>{var D,L,V,$;let S=((D=d.l)==null?void 0:D.length)>0,g=d.op!=="+"&&d.op!=="-";return(0,n.jsx)("div",{css:we,key:v},(0,n.jsx)("div",{css:Be,style:{gridTemplateColumns:`minmax(0, 1fr) ${g?"minmax(0, 79px) minmax(0, 1fr)":"minmax(0, 1fr)"}`},className:"criteriaItemInner"},(0,n.jsx)("div",{css:q},(0,n.jsx)(pe,{errorMessage:(L=c.lhs)==null?void 0:L[v],css:_,styles:{control:y=>({...y,height:"100%"})},dimensions:o.dimensions,onChange:y=>{f({...d,l:y.dim},v)},value:o.dimIndex[d.l]})),(0,n.jsx)("div",{css:q},(0,n.jsx)(le,{name:`op-${v}`,css:_,styles:{control:y=>({...y,height:"100%"})},value:d.op,onChange:y=>{f(y==="+"||y==="-"?{...d,op:y,r:void 0,rDim:void 0}:{...d,op:y},v)},onMenuOpen:l,onMenuClose:i})),g?(0,n.jsx)("div",{css:q},(0,n.jsx)(ce,{errorMessage:(V=c.rhs)==null?void 0:V[v],css:_,styles:{control:y=>({...y,height:"100%"})},criteriaMatch:d,onChange:y=>{f(y,v)},isDisabled:!S,dimensions:o,onMenuOpen:l,onMenuClose:i})):null),(0,n.jsx)("button",{type:"button",onClick:()=>I(v),title:"Delete Personalization",css:{backgroundColor:"transparent",backgroundImage:"none",borderWidth:0}},(0,n.jsx)(E.Icon,{icon:Ve.CgCloseO,iconColor:"red",size:"1.5rem"})),v>0?(0,n.jsx)("div",{className:"criteria-group-operation",css:{position:"absolute",top:"-4rem",transform:"translateX(calc(1.5rem - 50%))"}},(0,n.jsx)(E.InputInlineSelect,{disabled:v>1,value:($=b.op)!=null?$:"&",options:[{label:"AND",value:"&"},{label:"OR",value:"|"}],onChange:y=>{u(y.value)}})):null)}):(0,n.jsx)(E.Callout,{title:"Default variant",type:"info",css:{marginBlock:"var(--spacing-base)"}},(0,n.jsx)("p",null,'This personalized variant has no match criteria and will be shown to any visitor that does not match any preceding variants. Ensure that default variants come last in the variant list. Personalize this variant by clicking "Add Criteria" to get started.')),o.dimensions.length===0?m!=null&&m.NoDimensionsDefined?(0,n.jsx)(m.NoDimensionsDefined,null):(0,n.jsx)(E.Callout,{title:"Dimensions",type:"info",css:{marginBlock:"var(--spacing-base)"}},(0,n.jsx)("p",null,"You do not have any dimensions configured.")):(0,n.jsx)(E.AddListButton,{className:"add-more",buttonText:"Add Criteria",onButtonClick:C}))};var en=({contextConfig:e,...t})=>{let{loading:o,result:l,error:i}=P(e);return i?(0,n.jsx)(N.Callout,{type:"danger"},i):o||l===null?(0,n.jsx)(N.LoadingIndicator,null):(0,n.jsx)(fe,{...t,dimensions:l,components:{NoDimensionsDefined:()=>(0,n.jsx)(N.Callout,{title:"Dimensions",type:"info",css:{marginBlock:"var(--spacing-base)"}},(0,n.jsx)("p",null,"You do not have any dimensions configured. Create your first"," ",(0,n.jsx)("a",{href:`${e.apiHost}/projects/${encodeURIComponent(e.projectId)}/personalization/signals`,target:"_blank",rel:"noopener noreferrer",css:{":hover":{textDecorationLine:"underline"}}},"Dimension")))}})};var Ne=R(require("react"));var ee=require("react"),ne=require("@uniformdev/context/api");function z({apiHost:e,apiKey:t,projectId:o}){let[l,i]=(0,ee.useState)({loading:!1,notConfigured:!1,error:null,result:null});return(0,ee.useEffect)(()=>{if(!o||!t||!e){i({notConfigured:!0,loading:!1,error:null,result:null});return}(async()=>{i({notConfigured:!1,loading:!0,error:null,result:null});try{let a=await new ne.ManifestClient({projectId:o,apiKey:t,apiHost:e}).get({preview:!0});i({notConfigured:!1,loading:!1,error:null,result:a})}catch(s){let a;s instanceof ne.ApiClientError?(s.statusCode===403&&(a=`The API key ${t} did not have permissions to fetch the manifest. Ensure Context > Read Drafts permissions are granted.`),a=s.message):a=s.toString(),i({notConfigured:!1,loading:!1,error:a,result:null});return}})()},[e,t,o]),{result:l.result,error:l.error,loading:l.loading,notConfigured:l.notConfigured}}var ze=require("@uniformdev/design-system");function nn({children:e,versionMap:t,contextConfig:o}){let{loading:l,result:i}=z(o);if(l)return(0,n.jsx)(ze.LoadingIndicator,null);if(i){let r=t[i.project.ui_version];if(r)return(0,n.jsx)(r,null)}return(0,n.jsx)(Ne.default.Fragment,null,e)}var M=R(require("react"));var Le=require("@uniformdev/design-system"),te=(0,M.createContext)(null),tn=({loadingComponent:e,errorComponent:t,contextConfig:o,children:l})=>{let i=z(o),r=P(o);return i.error||i.notConfigured?t?(0,n.jsx)(t,{contextConfig:o,result:i}):(0,n.jsx)(M.default.Fragment,null,"ErrorComponent is not configured"):r.error||r.notConfigured?t?(0,n.jsx)(t,{contextConfig:o,result:r}):(0,n.jsx)(M.default.Fragment,null,"ErrorComponent is not configured"):i.loading||r.loading?e?(0,n.jsx)(e,null):(0,n.jsx)(Le.LoadingIndicator,null):(0,n.jsx)(te.Provider,{value:{manifest:i.result,dimensions:r.result,contextConfig:o}},l)};function on(){let e=(0,M.useContext)(te);if(!(e!=null&&e.contextConfig))throw new Error("Not within DataContext! Configuration data is not exist.");return e.contextConfig}function rn(){let e=(0,M.useContext)(te);if(!(e!=null&&e.manifest))throw new Error("Not within DataContext! Manifest data is not exist.");return e.manifest}function an(){let e=(0,M.useContext)(te);if(!(e!=null&&e.dimensions))throw new Error("Not within DataContext! Dimensions data is not exist.");return e.dimensions}var $e=require("uuid"),Ae=require("@uniformdev/context/api"),ge=async e=>{if(!e)return{valid:!1,error:new Error("contextConfig was not defined.")};if(!e.apiHost)return{valid:!1,error:new Error("apiHost was not defined.")};if(!e.apiKey)return{valid:!1,error:new Error("apiKey was not defined.")};if(!(0,$e.validate)(e.apiKey)&&!e.projectId)return{valid:!1,error:new Error("projectId is required when using a modern API key.")};let t=new Ae.ManifestClient({projectId:e.projectId,apiKey:e.apiKey,apiHost:e.apiHost});try{let o=await t.get({preview:!0});return{valid:!0,result:o}}catch(o){return{valid:!1,error:o}}};var oe=require("react");var sn=e=>{let[t,o]=(0,oe.useState)({validating:!1,error:void 0}),{apiKey:l,apiHost:i,projectId:r}=e||{};return(0,oe.useEffect)(()=>{if(!l||!i)return;(async()=>{o({validating:!0,error:void 0});let{error:a,result:m}=await ge({apiHost:i,apiKey:l,projectId:r});o(a?{error:a,validating:!1}:{error:void 0,validating:!1,result:m})})()},[i,l,r]),{validating:t.validating,error:t.error,result:t.result}};function ln(e){return Array.isArray(e)&&e.length>0&&e[0].cat!==void 0}function mn(e){return e.crit!==void 0}w(x,require("@uniformdev/design-system"),module.exports);0&&(module.exports={ContextData,CriteriaMatchMenu,CriteriaOperatorMenu,DimensionMenu,DimensionValue,EditLink,EnrichmentTag,PersonalizationCriteria,PersonalizationCriteriaStatic,ProjectUIVersion,addEnrichmentLink,contextCriteriaMenuOperators,isEnrichmentTagData,isPersonalizationCriteriaData,useContextConfig,useContextData,useDimensions,useDimensionsDataContext,useManifest,useValidateContextConfig,validateContextConfig});

package/dist/index.mjs

@@ -1,4 +1,4 @@
-"use strict";import{jsx as e}from"@emotion/react";import*as p from"react";import{Icon as De}from"@uniformdev/design-system";import{CgChevronRight as Ie}from"react-icons/cg";import{css as he}from"@emotion/react";var Y=he`
+"use strict";import{jsx as e}from"@emotion/react";import*as p from"react";import{Icon as ye}from"@uniformdev/design-system";import{CgChevronRight as De}from"react-icons/cg";import{css as he}from"@emotion/react";var Y=he`
   display: flex;
   align-items: center;
   font-weight: var(--fw-bold);
@@ -9,7 +9,7 @@
   &:focus {
     text-decoration-line: underline;
   }
-`;var X=({linkTo:n,name:t,linkText:r=`Edit ${t} Component`})=>e("a",{css:Y,title:`Edit ${t} component definition`,rel:"noopener noreferrer",target:"_blank",href:n},r,e(De,{icon:Ie,iconColor:"currentColor",size:"1.5rem"}));import j,{useMemo as Q,useState as G}from"react";import{useEffect as xe,useState as we}from"react";import{DimensionClient as Be,computeDimensionDisplayName as Me,ApiClientError as Se}from"@uniformdev/context/api";function J(n,t,r){return n.reduce((l,a)=>{let o=t(a);if(typeof o=="undefined"||o===null)throw new Error("Objectify key selector returned undefined or null.");return l[t(a)]=r?r(a):a,l},{})}function x({apiHost:n,apiKey:t,projectId:r}){let[l,a]=we({loading:!1,notConfigured:!1,error:null,result:null});return xe(()=>{if(!r||!t||!n){a({notConfigured:!0,loading:!1,error:null,result:null});return}(async()=>{a({notConfigured:!1,loading:!0,error:null,result:null});try{let i=(await new Be({projectId:r,apiKey:t,apiHost:n}).get()).dimensions.map(c=>({...c,displayName:Me(c)})),m={dimensions:i,dimIndex:J(i,c=>c.dim,c=>c)};a({notConfigured:!1,loading:!1,error:null,result:m})}catch(s){let i;s instanceof Se?i=s.message:i=s.toString(),a({notConfigured:!1,loading:!1,error:i,result:null});return}})()},[n,t,r]),{result:l.result,error:l.error,loading:l.loading,notConfigured:l.notConfigured}}import{getEnrichmentVectorKey as H}from"@uniformdev/context";import{Input as ee,Button as Ee,InputSelect as Re,Callout as W,Icon as E,LoadingIndicator as Oe}from"@uniformdev/design-system";import{CgMathPlus as ne,CgMathMinus as ke,CgCloseO as Pe}from"react-icons/cg";import Z from"immer";import{css as q}from"@emotion/react";var Te=q`
+`;var X=({linkTo:n,name:t,linkText:o=`Edit ${t} Component`})=>e("a",{css:Y,title:`Edit ${t} component definition`,rel:"noopener noreferrer",target:"_blank",href:n},o,e(ye,{icon:De,iconColor:"currentColor",size:"1.5rem"}));import j,{useMemo as Q,useState as U}from"react";import{useEffect as xe,useState as Ie}from"react";import{DimensionClient as we,computeDimensionDisplayName as Be,ApiClientError as Se}from"@uniformdev/context/api";function J(n,t,o){return n.reduce((l,a)=>{let r=t(a);if(typeof r=="undefined"||r===null)throw new Error("Objectify key selector returned undefined or null.");return l[t(a)]=o?o(a):a,l},{})}function I({apiHost:n,apiKey:t,projectId:o}){let[l,a]=Ie({loading:!1,notConfigured:!1,error:null,result:null});return xe(()=>{if(!o||!t||!n){a({notConfigured:!0,loading:!1,error:null,result:null});return}(async()=>{a({notConfigured:!1,loading:!0,error:null,result:null});try{let i=(await new we({projectId:o,apiKey:t,apiHost:n}).get()).dimensions.map(c=>({...c,displayName:Be(c)})),m={dimensions:i,dimIndex:J(i,c=>c.dim,c=>c)};a({notConfigured:!1,loading:!1,error:null,result:m})}catch(s){let i;s instanceof Se?i=s.message:i=s.toString(),a({notConfigured:!1,loading:!1,error:i,result:null});return}})()},[n,t,o]),{result:l.result,error:l.error,loading:l.loading,notConfigured:l.notConfigured}}import{getEnrichmentVectorKey as G}from"@uniformdev/context";import{Input as ee,Button as Ee,InputSelect as Me,Callout as H,Icon as W,LoadingIndicator as Pe,AddListButton as Re}from"@uniformdev/design-system";import{CgMathPlus as Oe,CgMathMinus as ke,CgCloseO as Te}from"react-icons/cg";import Z from"immer";import{css as q}from"@emotion/react";var Ve=q`
   flex: 2;
   display: flex;
   width: 50%;
@@ -20,7 +20,7 @@
   &:focus {
     text-decoration-line: underline;
   }
-`,En=({value:n,setValue:t,contextConfig:r,displayTitle:l=!0})=>{let{loading:a,result:o,error:s}=x(r),i=Q(()=>{if(o)return o.dimensions.filter(g=>g.category==="ENR")},[o]),m=Q(()=>{if(!n)return i;if(i)return i.filter(g=>!n.some(y=>H(y.cat,y.key)===g.dim))},[i,n]),[c,b]=G(""),[u,C]=G(50),[f,D]=G(!1),d=i==null?void 0:i.find(g=>g.dim===c),v=()=>{let[g,y]=c.split("_");I([...n!=null?n:[],{cat:g,key:y,str:u}]),b(""),C(50),D(!1)},I=g=>{let y=[];o?y=g.filter(w=>{let S=o.dimIndex[H(w.cat,w.key)];return Boolean(S)}):y=g;let M=y.length===0?null:y;t(M)};return s?e(W,{type:"danger"},s):a||o===null?e(Oe,null):e("fieldset",{className:"enrichment-tag"},l?e("div",{css:{display:"flex",justifyContent:"space-between",marginBottom:"var(--spacing-base)"}},e("legend",{css:{fontSize:"var(--fs-md)",fontWeight:"var(--fw-bold)"}},"Enrichment Tags")):null,i!=null&&i.length?!f&&!n?e(W,{title:"No enrichment tags assigned.",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"Click"," ",e("a",{onClick:()=>D(!0),target:"_blank",rel:"noopener noreferrer",css:{textDecorationLine:"underline"}},"here")," ","to assign your first enrichment tag.")):e(j.Fragment,null,o&&e($e,{list:n!=null?n:[],setList:I,dimIndex:o.dimIndex}),f&&m&&m.length>0?e("div",{className:"add-enrichment-tag",css:{display:"flex",flexWrap:"wrap",gap:"var(--spacing-lg)",marginTop:"var(--spacing-md)",alignItems:"center"}},e("div",{css:{flexGrow:1}},e(Re,{name:"enrichment-type",label:"Enrichment Tag",showLabel:!0,value:c,options:[{label:"Select",value:""},...m.map(g=>({label:g.displayName,value:g.dim}))],onChange:g=>b(g.currentTarget.value)})),e(ze,{score:u,setValue:C,cap:d?d.cap:100,css:{flexBasis:"9rem"}}),e(Ee,{buttonType:"tertiary",size:"xl",css:{marginBottom:"var(--spacing-xs)",height:"3.5rem",margin:0,alignSelf:"flex-end"},onClick:v,disabled:!c},"Add")):null,e("div",{className:"enrichment-cta",style:{paddingTop:"10px",display:"flex",justifyContent:"space-between"}},!f&&m&&m.length>0&&n?e("button",{type:"button",className:"add-more",onClick:()=>D(!0),css:{color:"var(--brand-secondary-3)",display:"flex",gap:"var(--spacing-sm)",fontWeight:"var(--fw-bold)",marginTop:"var(--spacing-md)",alignItems:"center",backgroundColor:"transparent",backgroundImage:"none",borderWidth:0,width:"50%",flex:2}},e("div",{css:{color:"white",backgroundColor:"var(--brand-secondary-3)",borderRadius:"var(--rounded-full)",padding:"var(--spacing-xs)"}},e(E,{icon:ne,iconColor:"currentColor",size:"1.25rem"})),"Add More"):e("a",{css:Te,title:"none",href:"#"}),e(X,{name:"Enrichments",linkText:"Manage Enrichments",linkTo:`${r.apiHost}/projects/${encodeURIComponent(r.projectId)}/personalization/enrichments`}))):e(Ne,{contextConfig:r}))},Ne=({contextConfig:n})=>e(W,{title:"No enrichments found.",type:"caution",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"Looks like you do not have any enrichment created in your connected Uniform project. Start by creating your first enrichment"," ",e("a",{href:`${n.apiHost}/projects/${encodeURIComponent(n.projectId)}/personalization/enrichments`,target:"_blank",rel:"noopener noreferrer",css:{":hover":{textDecorationLine:"underline"}}},"here"),".")),te=(n,t=100,r=0)=>Math.max(Math.min(n,t),r),oe=q`
+`,Rn=({value:n,setValue:t,contextConfig:o,displayTitle:l=!0})=>{let{loading:a,result:r,error:s}=I(o),i=Q(()=>{if(r)return r.dimensions.filter(g=>g.category==="ENR")},[r]),m=Q(()=>{if(!n)return i;if(i)return i.filter(g=>!n.some(y=>G(y.cat,y.key)===g.dim))},[i,n]),[c,h]=U(""),[u,C]=U(50),[f,D]=U(!1),d=i==null?void 0:i.find(g=>g.dim===c),v=()=>{let[g,y]=c.split("_");x([...n!=null?n:[],{cat:g,key:y,str:u}]),h(""),C(50),D(!1)},x=g=>{let y=[];r?y=g.filter(w=>{let E=r.dimIndex[G(w.cat,w.key)];return Boolean(E)}):y=g;let S=y.length===0?null:y;t(S)};return s?e(H,{type:"danger"},s):a||r===null?e(Pe,null):e("fieldset",{className:"enrichment-tag"},l?e("div",{css:{display:"flex",justifyContent:"space-between",marginBottom:"var(--spacing-base)"}},e("legend",{css:{fontSize:"var(--fs-md)",fontWeight:"var(--fw-bold)"}},"Enrichment Tags")):null,i!=null&&i.length?!f&&!n?e(H,{title:"No enrichment tags assigned.",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"Click"," ",e("a",{onClick:()=>D(!0),target:"_blank",rel:"noopener noreferrer",css:{textDecorationLine:"underline"}},"here")," ","to assign your first enrichment tag.")):e(j.Fragment,null,r&&e($e,{list:n!=null?n:[],setList:x,dimIndex:r.dimIndex}),f&&m&&m.length>0?e("div",{className:"add-enrichment-tag",css:{display:"flex",flexWrap:"wrap",gap:"var(--spacing-lg)",marginTop:"var(--spacing-md)",alignItems:"center"}},e("div",{css:{flexGrow:1}},e(Me,{name:"enrichment-type",label:"Enrichment Tag",showLabel:!0,value:c,options:[{label:"Select",value:""},...m.map(g=>({label:g.displayName,value:g.dim}))],onChange:g=>h(g.currentTarget.value)})),e(Le,{score:u,setValue:C,cap:d?d.cap:100,css:{flexBasis:"9rem"}}),e(Ee,{buttonType:"tertiary",size:"xl",css:{marginBottom:"var(--spacing-xs)",height:"3.5rem",margin:0,alignSelf:"flex-end"},onClick:v,disabled:!c},"Add")):null,e("div",{className:"enrichment-cta",style:{paddingTop:"10px",display:"flex",justifyContent:"space-between"}},!f&&m&&m.length>0&&n?e(Re,{className:"add-more",buttonText:"Add More",onButtonClick:()=>D(!0)}):e("a",{css:Ve,title:"none",href:"#"}),e(X,{name:"Enrichments",linkText:"Manage Enrichments",linkTo:`${o.apiHost}/projects/${encodeURIComponent(o.projectId)}/personalization/enrichments`}))):e(Ne,{contextConfig:o}))},Ne=({contextConfig:n})=>e(H,{title:"No enrichments found.",type:"caution",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"Looks like you do not have any enrichment created in your connected Uniform project. Start by creating your first enrichment"," ",e("a",{href:`${n.apiHost}/projects/${encodeURIComponent(n.projectId)}/personalization/enrichments`,target:"_blank",rel:"noopener noreferrer",css:{":hover":{textDecorationLine:"underline"}}},"here"),".")),ne=(n,t=100,o=0)=>Math.max(Math.min(n,t),o),te=q`
   position: absolute;
   bottom: 0.875rem;
   left: var(--spacing-sm);
@@ -32,11 +32,11 @@
   background-color: var(--gray-100);
   border: 1px solid var(--gray-300);
   border-radius: var(--rounded-full);
-`,Ve=q`
-  ${oe}
+`,ze=q`
+  ${te}
   left: auto;
   right: var(--spacing-sm);
-`,ze=({score:n,setValue:t,cap:r=100,...l})=>{let a=o=>{let s=o==="increment"?n+10:n-10;s<0&&(s=0),s>r&&(s=r),t(s)};return e("div",{css:{position:"relative"},...l},e(ee,{label:"Strength",id:"enrichment-score",type:"number",min:0,max:r,value:n,onChange:o=>t(te(Number(o.currentTarget.value)||0,r)),css:{textAlign:"center",boxSizing:"border-box"}}),e("button",{type:"button",title:"Reduce enrichment count",onClick:()=>a("decrement"),disabled:n===0,className:"scoreCounterButton",css:oe},e(E,{icon:ke,iconColor:"gray",size:"1.5rem"})),e("button",{type:"button",title:"Increase enrichment count",onClick:()=>a("increment"),className:"scoreCounterButton",css:Ve},e(E,{icon:ne,iconColor:"gray",size:"1.5rem"})))},$e=({list:n,setList:t,dimIndex:r})=>{let l=o=>{t(Z(n,s=>{s.splice(o,1)}))},a=(o,s)=>{var m;let i=(m=r[`${n[o].cat}_${n[o].key}`])==null?void 0:m.cap;t(Z(n,c=>{c[o].str=te(Number(s)||0,i)}))};return e(j.Fragment,null,n.map((o,s)=>{let i=r[H(o.cat,o.key)];if(!!i)return e("div",{css:{display:"flex",alignItems:"center",gap:"var(--spacing-base)",backgroundColor:"var(--brand-secondary-2)",boxShadow:"var(--shadow-base)",borderRadius:"var(--rounded-base)",paddingInline:"var(--spacing-base)",marginBlock:"var(--spacing-base)"},className:"selected-enrichments",key:`${o.cat}-${o.key}`},e("span",{css:{fontWeight:"var(--fw-bold)",color:i?void 0:"var(--brand-secondary-5)"}},i?i.displayName:`Enrichment '${o.cat}_${o.key}' is unknown`),e("div",{css:{marginLeft:"auto",display:"flex",alignItems:"center",border:"0 solid var(--gray-400)",borderLeftWidth:"1px",borderRightWidth:"1px",padding:"var(--spacing-sm) var(--spacing-base)",flexBasis:"9rem"}},e(ee,{type:"text",min:0,max:i.cap||100,title:"score",value:o.str,css:{textAlign:"center",width:"100px"},onChange:m=>a(s,m.currentTarget.value)})),e("button",{type:"button",title:"Delete enrichment",onClick:()=>l(s),css:{border:0}},e(E,{icon:Pe,iconColor:"red",size:"1.5rem"})))}))};import{LoadingIndicator as Ye,Callout as Ce}from"@uniformdev/design-system";import{Callout as pe,InputInlineSelect as _e,Icon as de}from"@uniformdev/design-system";import fe from"immer";import{CgCloseO as Fe,CgMathPlus as Ke}from"react-icons/cg";import{css as B}from"@emotion/react";var _="6rem",re=B`
+`,Le=({score:n,setValue:t,cap:o=100,...l})=>{let a=r=>{let s=r==="increment"?n+10:n-10;s<0&&(s=0),s>o&&(s=o),t(s)};return e("div",{css:{position:"relative"},...l},e(ee,{label:"Strength",id:"enrichment-score",type:"number",min:0,max:o,value:n,onChange:r=>t(ne(Number(r.currentTarget.value)||0,o)),css:{textAlign:"center",boxSizing:"border-box"}}),e("button",{type:"button",title:"Reduce enrichment count",onClick:()=>a("decrement"),disabled:n===0,className:"scoreCounterButton",css:te},e(W,{icon:ke,iconColor:"gray",size:"1.5rem"})),e("button",{type:"button",title:"Increase enrichment count",onClick:()=>a("increment"),className:"scoreCounterButton",css:ze},e(W,{icon:Oe,iconColor:"gray",size:"1.5rem"})))},$e=({list:n,setList:t,dimIndex:o})=>{let l=r=>{t(Z(n,s=>{s.splice(r,1)}))},a=(r,s)=>{var m;let i=(m=o[`${n[r].cat}_${n[r].key}`])==null?void 0:m.cap;t(Z(n,c=>{c[r].str=ne(Number(s)||0,i)}))};return e(j.Fragment,null,n.map((r,s)=>{let i=o[G(r.cat,r.key)];if(!!i)return e("div",{css:{display:"flex",alignItems:"center",gap:"var(--spacing-base)",backgroundColor:"var(--brand-secondary-2)",boxShadow:"var(--shadow-base)",borderRadius:"var(--rounded-base)",paddingInline:"var(--spacing-base)",marginBlock:"var(--spacing-base)"},className:"selected-enrichments",key:`${r.cat}-${r.key}`},e("span",{css:{fontWeight:"var(--fw-bold)",color:i?void 0:"var(--brand-secondary-5)"}},i?i.displayName:`Enrichment '${r.cat}_${r.key}' is unknown`),e("div",{css:{marginLeft:"auto",display:"flex",alignItems:"center",border:"0 solid var(--gray-400)",borderLeftWidth:"1px",borderRightWidth:"1px",padding:"var(--spacing-sm) var(--spacing-base)",flexBasis:"9rem"}},e(ee,{type:"text",min:0,max:i.cap||100,title:"score",value:r.str,css:{textAlign:"center",width:"100px"},onChange:m=>a(s,m.currentTarget.value)})),e("button",{type:"button",title:"Delete enrichment",onClick:()=>l(s),css:{border:0}},e(W,{icon:Te,iconColor:"red",size:"1.5rem"})))}))};import{LoadingIndicator as Je,Callout as ge}from"@uniformdev/design-system";import{Callout as ce,InputInlineSelect as Fe,Icon as Ke,AddListButton as Ye}from"@uniformdev/design-system";import de from"immer";import{CgCloseO as Xe}from"react-icons/cg";import{css as B}from"@emotion/react";var _="6rem",oe=B`
   position: relative;
   padding: var(--spacing-base);
   border: 1px solid var(--gray-300);
@@ -61,18 +61,18 @@
       display: none;
     }
   }
-`,ie=B`
+`,re=B`
   display: grid;
   gap: var(--spacing-xs);
   flex-grow: 1;
   margin-right: var(--spacing-base);
-`,R=B`
+`,M=B`
   width: 100%;
   display: flex;
   align-items: stretch;
-`,O=B`
+`,P=B`
   height: 100%;
   width: 100%;
-`,kn=B`
+`,Tn=B`
   height: 100%;
-`;import{InputComboBox as Ue}from"@uniformdev/design-system";function k({op:n}){return e("div",{css:{background:"var(--gray-700)",color:"white",borderRadius:"100%",width:"30px",height:"30px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"24px"}},n)}var ae=n=>{var m,c;let{data:t,getStyles:r,isDisabled:l,innerRef:a,innerProps:o}=n,[s,i]=(c=(m=t.label)==null?void 0:m.split(":"))!=null?c:[];return e("div",{css:{...r("option",n),display:"flex",alignItems:"center",gap:"var(--spacing-sm)"},ref:a,"aria-disabled":l,...o},i?e(k,{op:s}):e("div",{css:{width:"20px",height:"20px"}}),e("div",null,i!=null?i:s))};var se=n=>{let{data:t,getStyles:r}=n;return e("div",{css:{...r("singleValue",n),width:"max-content"}},t.label.length===1?e(k,{op:t.label}):t.label)};var le=[{name:"=",description:"equals",value:"="},{name:"\u2260",description:"not equal",value:"!="},{name:">",description:"is greater than",value:">"},{name:"\u2265",description:"is greater than or equal to",value:">="},{name:"<",description:"is less than",value:"<"},{name:"\u2264",description:"is less than or equal to",value:"<="},{name:"has the strongest score",value:"+"},{name:"has the weakest score",value:"-"}];function me({onChange:n,value:t,...r}){var l,a;return e(Ue,{...r,value:{label:(a=(l=le.find(o=>o.value===t))==null?void 0:l.name)!=null?a:t,value:t},options:le.map(o=>({label:o.description?`${o.name}:${o.description}`:o.name,value:o.value})),styles:{...r.styles,valueContainer:(o,s)=>{var i,m;return{...o,padding:"var(--spacing-sm)",...(m=(i=r.styles)==null?void 0:i.valueContainer)==null?void 0:m.call(i,o,s)}},menu:(o,s)=>{var i,m;return{...o,width:"max-content",...(m=(i=r.styles)==null?void 0:i.menu)==null?void 0:m.call(i,o,s)}},control:(o,s)=>{var i,m;return{...o,border:0,...(m=(i=r.styles)==null?void 0:i.control)==null?void 0:m.call(i,o,s)}},indicatorSeparator:(o,s)=>{var i,m;return{...o,display:"none",...(m=(i=r.styles)==null?void 0:i.indicatorSeparator)==null?void 0:m.call(i,o,s)}}},onChange:o=>{o&&n(o.value)},components:{SingleValue:se,Option:ae,...r.components}})}import{InputComboBox as He}from"@uniformdev/design-system";import{Icon as Ae}from"@uniformdev/design-system";function F(n){return{label:n.displayName,value:n.dim,isDisabled:!1}}function P(n){if(!n)return"unavailable";let[t]=n.split(":");switch(t.toLowerCase()){case"signal":return"data";case"intent":return"assign";case"audience":return"boy";default:return"user-list"}}function T(n){let t=[],r="";for(let l of n){let[a]=l.displayName.split(":");r!==a&&(t.push({label:a,options:[]}),r=a),t[t.length-1].options.push(F(l))}return t}var N=n=>{var a;let{data:t,getStyles:r,className:l}=n;return e("div",{css:{...r("groupHeading",n),textTransform:"none",fontSize:"var(--font-size-sm)"},className:l},e("small",{css:{color:"var(--gray-500)",display:"flex",alignItems:"center",gap:"var(--spacing-xs)"}},e(Ae,{icon:P((a=t.label)!=null?a:""),iconColor:"currentColor",size:16}),e("span",null,t.label)))};function V({message:n}){return n?e("div",{css:{position:"absolute",background:"white",borderRadius:"3px",fontSize:"0.8rem",color:"var(--brand-primary-2)",bottom:"calc(var(--spacing-xs) * -1)"}},n):null}var z=n=>{var u,C;let{data:t,getStyles:r,cx:l,isDisabled:a,isFocused:o,isSelected:s,className:i,innerRef:m,innerProps:c}=n,[,b]=(C=(u=t.label)==null?void 0:u.split(":"))!=null?C:[];return e("div",{css:r("option",n),className:l({option:!0,"option--is-disabled":a,"option--is-focused":o,"option--is-selected":s},i),ref:m,"aria-disabled":a,...c},e("div",{css:{color:"var(--gray-700)"}},b!=null?b:t.label))};import{Icon as Ge}from"@uniformdev/design-system";var $=n=>{var o,s;let{data:t,getStyles:r}=n,[l,a]=(s=(o=t.label)==null?void 0:o.split(":"))!=null?s:[];return e("div",{css:{...r("singleValue",n),whiteSpace:"normal",overflow:"auto"}},e("small",{css:{color:"var(--gray-500)",display:"flex",alignItems:"center",gap:"var(--spacing-xs)"}},l?e(Ge,{icon:P(t.label),iconColor:"currentColor",size:16}):null,e("span",null,l)),e("div",{css:{color:"var(--gray-700)"}},a))};function ue({onChange:n,value:t,dimensions:r,errorMessage:l,...a}){return e(p.Fragment,null,e(He,{...a,value:t?F(t):void 0,options:T(r),styles:{...a.styles,valueContainer:(o,s)=>{var i,m;return{...o,padding:"var(--spacing-sm)",...(m=(i=a.styles)==null?void 0:i.valueContainer)==null?void 0:m.call(i,o,s)}}},onChange:o=>{o&&n(r.find(s=>s.dim===o.value))},components:{Option:z,SingleValue:$,GroupHeading:N,...a.components}}),e(V,{message:l}))}import{InputComboBox as We}from"@uniformdev/design-system";import{useState as qe}from"react";function ce({onChange:n,criteriaMatch:t,dimensions:r,errorMessage:l,...a}){var c,b;let[o,s]=qe(typeof t.r!="undefined"&&L(t.r)!==null?t.r.toString(10):""),i=t.rDim,m=t.rDim?r.dimIndex[t.rDim]:void 0;return e(p.Fragment,null,e(We,{...a,inputValue:o,menuShouldScrollIntoView:!0,value:{label:(c=m==null?void 0:m.displayName)!=null?c:i&&!m?`${t.rDim} (unknown)`:"",value:(b=t.rDim)!=null?b:t.r?t.r.toString(10):"",isDisabled:!1},options:[{label:"Enter a numeric score to match, or choose another dimension to match its score",value:"",isDisabled:!0},...T(r.dimensions)],styles:{...a.styles,valueContainer:(u,C)=>{var f,D;return{...u,padding:"var(--spacing-sm)",...(D=(f=a.styles)==null?void 0:f.valueContainer)==null?void 0:D.call(f,u,C)}},option:(u,C)=>{var f,D;return{fontSize:C.isDisabled?"0.8rem":void 0,...(D=(f=a.styles)==null?void 0:f.option)==null?void 0:D.call(f,u,C)}}},onChange:u=>{var C;u&&(n({...t,rDim:(C=u.value)==null?void 0:C.toString(),r:void 0}),s(""))},onInputChange:(u,C)=>{let f=L(u);C.action==="input-change"||C.action==="set-value"?(s(u),(f||u==="")&&n({...t,r:u||void 0,rDim:void 0})):!f&&!L(C.prevInputValue)&&(!u&&t.r?s(t.r.toString()):s(u))},components:{...a.components,Option:z,SingleValue:$,GroupHeading:N},noOptionsMessage:({inputValue:u})=>L(u)?e(p.Fragment,null,e("div",null,"Score: ",u),e("small",null,"If you want to match on another dimension\u2019s score instead, clear the score value to search for a dimension.")):e(p.Fragment,null,e("div",null,"No dimensions match your search \u201C",u,"\u201D"),e("small",null,"If you want to match a literal score, enter a numeric value."))}),e(V,{message:l}))}function L(n){return/^\d+$/.test(n.toString(10))}var ge=({value:n,setValue:t,dimensions:r,onMenuOpen:l,onMenuClose:a,onAddCriteria:o,onRemoveCriteria:s,displayTitle:i=!0,components:m,errors:c={}})=>{let b=n||{crit:[]},u=d=>{t({...b,op:d==="&"?void 0:d})},C=()=>{let d={...b,crit:[...b.crit,{l:"",op:">",r:0}]};t(d),o==null||o(d)},f=(d,v)=>{t(fe(b,I=>{I.crit[v]=d}))},D=d=>{let v=fe(b,g=>{g.crit.splice(d,1)}),I=v.crit.length===0?null:v;t(I),s==null||s(I)};return e("fieldset",{className:"personalization-criteria"},i?m!=null&&m.Title?e(m.Title,null):e("legend",{css:{fontSize:"var(--fs-md)",fontWeight:"var(--fw-bold)"}},"Personalize This"):null,b.crit.length?b.crit.map((d,v)=>{var y,M,w,S;let I=((y=d.l)==null?void 0:y.length)>0,g=d.op!=="+"&&d.op!=="-";return e("div",{css:re,key:v},e("div",{css:ie,style:{gridTemplateColumns:`minmax(0, 1fr) ${g?"minmax(0, 79px) minmax(0, 1fr)":"minmax(0, 1fr)"}`},className:"criteriaItemInner"},e("div",{css:R},e(ue,{errorMessage:(M=c.lhs)==null?void 0:M[v],css:O,styles:{control:h=>({...h,height:"100%"})},dimensions:r.dimensions,onChange:h=>{f({...d,l:h.dim},v)},value:r.dimIndex[d.l]})),e("div",{css:R},e(me,{name:`op-${v}`,css:O,styles:{control:h=>({...h,height:"100%"})},value:d.op,onChange:h=>{f(h==="+"||h==="-"?{...d,op:h,r:void 0,rDim:void 0}:{...d,op:h},v)},onMenuOpen:l,onMenuClose:a})),g?e("div",{css:R},e(ce,{errorMessage:(w=c.rhs)==null?void 0:w[v],css:O,styles:{control:h=>({...h,height:"100%"})},criteriaMatch:d,onChange:h=>{f(h,v)},isDisabled:!I,dimensions:r,onMenuOpen:l,onMenuClose:a})):null),e("button",{type:"button",onClick:()=>D(v),title:"Delete Personalization",css:{backgroundColor:"transparent",backgroundImage:"none",borderWidth:0}},e(de,{icon:Fe,iconColor:"red",size:"1.5rem"})),v>0?e("div",{className:"criteria-group-operation",css:{position:"absolute",top:"-4rem",transform:"translateX(calc(1.5rem - 50%))"}},e(_e,{disabled:v>1,value:(S=b.op)!=null?S:"&",options:[{label:"AND",value:"&"},{label:"OR",value:"|"}],onChange:h=>{u(h.value)}})):null)}):e(pe,{title:"Default variant",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,'This personalized variant has no match criteria and will be shown to any visitor that does not match any preceding variants. Ensure that default variants come last in the variant list. Personalize this variant by clicking "Add Criteria" to get started.')),r.dimensions.length===0?m!=null&&m.NoDimensionsDefined?e(m.NoDimensionsDefined,null):e(pe,{title:"Dimensions",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"You do not have any dimensions configured.")):e("button",{type:"button",className:"add-more",onClick:C,css:{color:"var(--brand-secondary-3)",display:"flex",gap:"var(--spacing-sm)",fontWeight:"var(--fw-bold)",marginTop:"var(--spacing-md)",alignItems:"center",backgroundColor:"transparent",backgroundImage:"none",borderWidth:0}},e("div",{css:{color:"white",backgroundColor:"var(--brand-secondary-3)",borderRadius:"var(--rounded-full)",padding:"var(--spacing-xs)"}},e(de,{icon:Ke,iconColor:"currentColor",size:"1.25rem"})),"Add Criteria"))};var kt=({contextConfig:n,...t})=>{let{loading:r,result:l,error:a}=x(n);return a?e(Ce,{type:"danger"},a):r||l===null?e(Ye,null):e(ge,{...t,dimensions:l,components:{NoDimensionsDefined:()=>e(Ce,{title:"Dimensions",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"You do not have any dimensions configured. Create your first"," ",e("a",{href:`${n.apiHost}/projects/${encodeURIComponent(n.projectId)}/personalization/signals`,target:"_blank",rel:"noopener noreferrer",css:{":hover":{textDecorationLine:"underline"}}},"Dimension")))}})};import je from"react";import{useEffect as Xe,useState as Je}from"react";import{ManifestClient as Qe,ApiClientError as Ze}from"@uniformdev/context/api";function U({apiHost:n,apiKey:t,projectId:r}){let[l,a]=Je({loading:!1,notConfigured:!1,error:null,result:null});return Xe(()=>{if(!r||!t||!n){a({notConfigured:!0,loading:!1,error:null,result:null});return}(async()=>{a({notConfigured:!1,loading:!0,error:null,result:null});try{let i=await new Qe({projectId:r,apiKey:t,apiHost:n}).get({preview:!0});a({notConfigured:!1,loading:!1,error:null,result:i})}catch(s){let i;s instanceof Ze?(s.statusCode===403&&(i=`The API key ${t} did not have permissions to fetch the manifest. Ensure Context > Read Drafts permissions are granted.`),i=s.message):i=s.toString(),a({notConfigured:!1,loading:!1,error:i,result:null});return}})()},[n,t,r]),{result:l.result,error:l.error,loading:l.loading,notConfigured:l.notConfigured}}import{LoadingIndicator as en}from"@uniformdev/design-system";function Gt({children:n,versionMap:t,contextConfig:r}){let{loading:l,result:a}=U(r);if(l)return e(en,null);if(a){let o=t[a.project.ui_version];if(o)return e(o,null)}return e(je.Fragment,null,n)}import ve,{createContext as nn,useContext as K}from"react";import{LoadingIndicator as tn}from"@uniformdev/design-system";var A=nn(null),Jt=({loadingComponent:n,errorComponent:t,contextConfig:r,children:l})=>{let a=U(r),o=x(r);return a.error||a.notConfigured?t?e(t,{contextConfig:r,result:a}):e(ve.Fragment,null,"ErrorComponent is not configured"):o.error||o.notConfigured?t?e(t,{contextConfig:r,result:o}):e(ve.Fragment,null,"ErrorComponent is not configured"):a.loading||o.loading?n?e(n,null):e(tn,null):e(A.Provider,{value:{manifest:a.result,dimensions:o.result,contextConfig:r}},l)};function Qt(){let n=K(A);if(!(n!=null&&n.contextConfig))throw new Error("Not within DataContext! Configuration data is not exist.");return n.contextConfig}function Zt(){let n=K(A);if(!(n!=null&&n.manifest))throw new Error("Not within DataContext! Manifest data is not exist.");return n.manifest}function jt(){let n=K(A);if(!(n!=null&&n.dimensions))throw new Error("Not within DataContext! Dimensions data is not exist.");return n.dimensions}import{validate as on}from"uuid";import{ManifestClient as rn}from"@uniformdev/context/api";var be=async n=>{if(!n)return{valid:!1,error:new Error("contextConfig was not defined.")};if(!n.apiHost)return{valid:!1,error:new Error("apiHost was not defined.")};if(!n.apiKey)return{valid:!1,error:new Error("apiKey was not defined.")};if(!on(n.apiKey)&&!n.projectId)return{valid:!1,error:new Error("projectId is required when using a modern API key.")};let t=new rn({projectId:n.projectId,apiKey:n.apiKey,apiHost:n.apiHost});try{let r=await t.get({preview:!0});return{valid:!0,result:r}}catch(r){return{valid:!1,error:r}}};import{useEffect as an,useState as sn}from"react";var so=n=>{let[t,r]=sn({validating:!1,error:void 0}),{apiKey:l,apiHost:a,projectId:o}=n||{};return an(()=>{if(!l||!a)return;(async()=>{r({validating:!0,error:void 0});let{error:i,result:m}=await be({apiHost:a,apiKey:l,projectId:o});r(i?{error:i,validating:!1}:{error:void 0,validating:!1,result:m})})()},[a,l,o]),{validating:t.validating,error:t.error,result:t.result}};function mo(n){return Array.isArray(n)&&n.length>0&&n[0].cat!==void 0}function uo(n){return n.crit!==void 0}export*from"@uniformdev/design-system";export{Jt as ContextData,ce as CriteriaMatchMenu,me as CriteriaOperatorMenu,ue as DimensionMenu,X as EditLink,En as EnrichmentTag,kt as PersonalizationCriteria,ge as PersonalizationCriteriaStatic,Gt as ProjectUIVersion,Te as addEnrichmentLink,le as contextCriteriaMenuOperators,mo as isEnrichmentTagData,uo as isPersonalizationCriteriaData,Qt as useContextConfig,U as useContextData,x as useDimensions,jt as useDimensionsDataContext,Zt as useManifest,so as useValidateContextConfig,be as validateContextConfig};
+`;import{InputComboBox as Ue}from"@uniformdev/design-system";function R({op:n}){return e("div",{css:{background:"var(--gray-700)",color:"white",borderRadius:"100%",width:"30px",height:"30px",display:"flex",alignItems:"center",justifyContent:"center",fontSize:"24px"}},n)}var ie=n=>{var m,c;let{data:t,getStyles:o,isDisabled:l,innerRef:a,innerProps:r}=n,[s,i]=(c=(m=t.label)==null?void 0:m.split(":"))!=null?c:[];return e("div",{css:{...o("option",n),display:"flex",alignItems:"center",gap:"var(--spacing-sm)"},ref:a,"aria-disabled":l,...r},i?e(R,{op:s}):e("div",{css:{width:"20px",height:"20px"}}),e("div",null,i!=null?i:s))};var ae=n=>{let{data:t,getStyles:o}=n;return e("div",{css:{...o("singleValue",n),width:"max-content"}},t.label.length===1?e(R,{op:t.label}):t.label)};var se=[{name:"=",description:"equals",value:"="},{name:"\u2260",description:"not equal",value:"!="},{name:">",description:"is greater than",value:">"},{name:"\u2265",description:"is greater than or equal to",value:">="},{name:"<",description:"is less than",value:"<"},{name:"\u2264",description:"is less than or equal to",value:"<="},{name:"has the strongest score",value:"+"},{name:"has the weakest score",value:"-"}];function le({onChange:n,value:t,...o}){var l,a;return e(Ue,{...o,value:{label:(a=(l=se.find(r=>r.value===t))==null?void 0:l.name)!=null?a:t,value:t},options:se.map(r=>({label:r.description?`${r.name}:${r.description}`:r.name,value:r.value})),styles:{...o.styles,valueContainer:(r,s)=>{var i,m;return{...r,padding:"var(--spacing-sm)",...(m=(i=o.styles)==null?void 0:i.valueContainer)==null?void 0:m.call(i,r,s)}},menu:(r,s)=>{var i,m;return{...r,width:"max-content",...(m=(i=o.styles)==null?void 0:i.menu)==null?void 0:m.call(i,r,s)}},control:(r,s)=>{var i,m;return{...r,border:0,...(m=(i=o.styles)==null?void 0:i.control)==null?void 0:m.call(i,r,s)}},indicatorSeparator:(r,s)=>{var i,m;return{...r,display:"none",...(m=(i=o.styles)==null?void 0:i.indicatorSeparator)==null?void 0:m.call(i,r,s)}}},onChange:r=>{r&&n(r.value)},components:{SingleValue:ae,Option:ie,...o.components}})}import{InputComboBox as We}from"@uniformdev/design-system";import{Icon as Ge}from"@uniformdev/design-system";function F(n){return{label:n.displayName,value:n.dim,isDisabled:!1}}function O(n){if(!n)return"unavailable";let[t]=n.split(":");switch(t.toLowerCase()){case"signal":return"data";case"intent":return"assign";case"audience":return"boy";default:return"user-list"}}function k(n){let t=[],o="";for(let l of n){let[a]=l.displayName.split(":");o!==a&&(t.push({label:a,options:[]}),o=a),t[t.length-1].options.push(F(l))}return t}var T=n=>{var a;let{data:t,getStyles:o,className:l}=n;return e("div",{css:{...o("groupHeading",n),textTransform:"none",fontSize:"var(--font-size-sm)"},className:l},e("small",{css:{color:"var(--gray-500)",display:"flex",alignItems:"center",gap:"var(--spacing-xs)"}},e(Ge,{icon:O((a=t.label)!=null?a:""),iconColor:"currentColor",size:16}),e("span",null,t.label)))};function V({message:n}){return n?e("div",{css:{position:"absolute",background:"white",borderRadius:"3px",fontSize:"0.8rem",color:"var(--brand-primary-2)",bottom:"calc(var(--spacing-xs) * -1)"}},n):null}var N=n=>{var u,C;let{data:t,getStyles:o,cx:l,isDisabled:a,isFocused:r,isSelected:s,className:i,innerRef:m,innerProps:c}=n,[,h]=(C=(u=t.label)==null?void 0:u.split(":"))!=null?C:[];return e("div",{css:o("option",n),className:l({option:!0,"option--is-disabled":a,"option--is-focused":r,"option--is-selected":s},i),ref:m,"aria-disabled":a,...c},e("div",{css:{color:"var(--gray-700)"}},h!=null?h:t.label))};import{Icon as He}from"@uniformdev/design-system";function me({displayName:n}){let[t,o]=n.split(":");return e("div",{css:{whiteSpace:"normal",overflow:"hidden"}},o?e("small",{css:{color:"var(--gray-500)",display:"flex",alignItems:"center",gap:"var(--spacing-xs)"}},t?e(He,{icon:O(t),iconColor:"currentColor",size:16}):null,e("span",null,t)):null,e("div",{css:{color:"var(--gray-700)"}},o!=null?o:t))}var z=n=>{let{data:t,getStyles:o}=n;return e("div",{css:o("singleValue",n)},e(me,{displayName:t.label}))};function ue({onChange:n,value:t,dimensions:o,errorMessage:l,...a}){return e(p.Fragment,null,e(We,{...a,value:t?F(t):void 0,options:k(o),styles:{...a.styles,valueContainer:(r,s)=>{var i,m;return{...r,padding:"var(--spacing-sm)",...(m=(i=a.styles)==null?void 0:i.valueContainer)==null?void 0:m.call(i,r,s)}}},onChange:r=>{r&&n(o.find(s=>s.dim===r.value))},components:{Option:N,SingleValue:z,GroupHeading:T,...a.components}}),e(V,{message:l}))}import{InputComboBox as qe}from"@uniformdev/design-system";import{useState as _e}from"react";function pe({onChange:n,criteriaMatch:t,dimensions:o,errorMessage:l,...a}){var c,h;let[r,s]=_e(typeof t.r!="undefined"&&L(t.r)!==null?t.r.toString(10):""),i=t.rDim,m=t.rDim?o.dimIndex[t.rDim]:void 0;return e(p.Fragment,null,e(qe,{...a,inputValue:r,menuShouldScrollIntoView:!0,value:{label:(c=m==null?void 0:m.displayName)!=null?c:i&&!m?`${t.rDim} (unknown)`:"",value:(h=t.rDim)!=null?h:t.r?t.r.toString(10):"",isDisabled:!1},options:[{label:"Enter a numeric score to match, or choose another dimension to match its score",value:"",isDisabled:!0},...k(o.dimensions)],styles:{...a.styles,valueContainer:(u,C)=>{var f,D;return{...u,padding:"var(--spacing-sm)",...(D=(f=a.styles)==null?void 0:f.valueContainer)==null?void 0:D.call(f,u,C)}},option:(u,C)=>{var f,D;return{fontSize:C.isDisabled?"0.8rem":void 0,...(D=(f=a.styles)==null?void 0:f.option)==null?void 0:D.call(f,u,C)}}},onChange:u=>{var C;u&&(n({...t,rDim:(C=u.value)==null?void 0:C.toString(),r:void 0}),s(""))},onInputChange:(u,C)=>{let f=L(u);C.action==="input-change"||C.action==="set-value"?(s(u),(f||u==="")&&n({...t,r:u||void 0,rDim:void 0})):!f&&!L(C.prevInputValue)&&(!u&&t.r?s(t.r.toString()):s(u))},components:{...a.components,Option:N,SingleValue:z,GroupHeading:T},noOptionsMessage:({inputValue:u})=>L(u)?e(p.Fragment,null,e("div",null,"Score: ",u),e("small",null,"If you want to match on another dimension\u2019s score instead, clear the score value to search for a dimension.")):e(p.Fragment,null,e("div",null,"No dimensions match your search \u201C",u,"\u201D"),e("small",null,"If you want to match a literal score, enter a numeric value."))}),e(V,{message:l}))}function L(n){return/^\d+$/.test(n.toString(10))}var fe=({value:n,setValue:t,dimensions:o,onMenuOpen:l,onMenuClose:a,onAddCriteria:r,onRemoveCriteria:s,displayTitle:i=!0,components:m,errors:c={}})=>{let h=n||{crit:[]},u=d=>{t({...h,op:d==="&"?void 0:d})},C=()=>{let d={...h,crit:[...h.crit,{l:"",op:">",r:0}]};t(d),r==null||r(d)},f=(d,v)=>{t(de(h,x=>{x.crit[v]=d}))},D=d=>{let v=de(h,g=>{g.crit.splice(d,1)}),x=v.crit.length===0?null:v;t(x),s==null||s(x)};return e("fieldset",{className:"personalization-criteria"},i?m!=null&&m.Title?e(m.Title,null):e("legend",{css:{fontSize:"var(--fs-md)",fontWeight:"var(--fw-bold)"}},"Personalize This"):null,h.crit.length?h.crit.map((d,v)=>{var y,S,w,E;let x=((y=d.l)==null?void 0:y.length)>0,g=d.op!=="+"&&d.op!=="-";return e("div",{css:oe,key:v},e("div",{css:re,style:{gridTemplateColumns:`minmax(0, 1fr) ${g?"minmax(0, 79px) minmax(0, 1fr)":"minmax(0, 1fr)"}`},className:"criteriaItemInner"},e("div",{css:M},e(ue,{errorMessage:(S=c.lhs)==null?void 0:S[v],css:P,styles:{control:b=>({...b,height:"100%"})},dimensions:o.dimensions,onChange:b=>{f({...d,l:b.dim},v)},value:o.dimIndex[d.l]})),e("div",{css:M},e(le,{name:`op-${v}`,css:P,styles:{control:b=>({...b,height:"100%"})},value:d.op,onChange:b=>{f(b==="+"||b==="-"?{...d,op:b,r:void 0,rDim:void 0}:{...d,op:b},v)},onMenuOpen:l,onMenuClose:a})),g?e("div",{css:M},e(pe,{errorMessage:(w=c.rhs)==null?void 0:w[v],css:P,styles:{control:b=>({...b,height:"100%"})},criteriaMatch:d,onChange:b=>{f(b,v)},isDisabled:!x,dimensions:o,onMenuOpen:l,onMenuClose:a})):null),e("button",{type:"button",onClick:()=>D(v),title:"Delete Personalization",css:{backgroundColor:"transparent",backgroundImage:"none",borderWidth:0}},e(Ke,{icon:Xe,iconColor:"red",size:"1.5rem"})),v>0?e("div",{className:"criteria-group-operation",css:{position:"absolute",top:"-4rem",transform:"translateX(calc(1.5rem - 50%))"}},e(Fe,{disabled:v>1,value:(E=h.op)!=null?E:"&",options:[{label:"AND",value:"&"},{label:"OR",value:"|"}],onChange:b=>{u(b.value)}})):null)}):e(ce,{title:"Default variant",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,'This personalized variant has no match criteria and will be shown to any visitor that does not match any preceding variants. Ensure that default variants come last in the variant list. Personalize this variant by clicking "Add Criteria" to get started.')),o.dimensions.length===0?m!=null&&m.NoDimensionsDefined?e(m.NoDimensionsDefined,null):e(ce,{title:"Dimensions",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"You do not have any dimensions configured.")):e(Ye,{className:"add-more",buttonText:"Add Criteria",onButtonClick:C}))};var Tt=({contextConfig:n,...t})=>{let{loading:o,result:l,error:a}=I(n);return a?e(ge,{type:"danger"},a):o||l===null?e(Je,null):e(fe,{...t,dimensions:l,components:{NoDimensionsDefined:()=>e(ge,{title:"Dimensions",type:"info",css:{marginBlock:"var(--spacing-base)"}},e("p",null,"You do not have any dimensions configured. Create your first"," ",e("a",{href:`${n.apiHost}/projects/${encodeURIComponent(n.projectId)}/personalization/signals`,target:"_blank",rel:"noopener noreferrer",css:{":hover":{textDecorationLine:"underline"}}},"Dimension")))}})};import nn from"react";import{useEffect as Qe,useState as Ze}from"react";import{ManifestClient as je,ApiClientError as en}from"@uniformdev/context/api";function $({apiHost:n,apiKey:t,projectId:o}){let[l,a]=Ze({loading:!1,notConfigured:!1,error:null,result:null});return Qe(()=>{if(!o||!t||!n){a({notConfigured:!0,loading:!1,error:null,result:null});return}(async()=>{a({notConfigured:!1,loading:!0,error:null,result:null});try{let i=await new je({projectId:o,apiKey:t,apiHost:n}).get({preview:!0});a({notConfigured:!1,loading:!1,error:null,result:i})}catch(s){let i;s instanceof en?(s.statusCode===403&&(i=`The API key ${t} did not have permissions to fetch the manifest. Ensure Context > Read Drafts permissions are granted.`),i=s.message):i=s.toString(),a({notConfigured:!1,loading:!1,error:i,result:null});return}})()},[n,t,o]),{result:l.result,error:l.error,loading:l.loading,notConfigured:l.notConfigured}}import{LoadingIndicator as tn}from"@uniformdev/design-system";function Wt({children:n,versionMap:t,contextConfig:o}){let{loading:l,result:a}=$(o);if(l)return e(tn,null);if(a){let r=t[a.project.ui_version];if(r)return e(r,null)}return e(nn.Fragment,null,n)}import Ce,{createContext as on,useContext as K}from"react";import{LoadingIndicator as rn}from"@uniformdev/design-system";var A=on(null),Zt=({loadingComponent:n,errorComponent:t,contextConfig:o,children:l})=>{let a=$(o),r=I(o);return a.error||a.notConfigured?t?e(t,{contextConfig:o,result:a}):e(Ce.Fragment,null,"ErrorComponent is not configured"):r.error||r.notConfigured?t?e(t,{contextConfig:o,result:r}):e(Ce.Fragment,null,"ErrorComponent is not configured"):a.loading||r.loading?n?e(n,null):e(rn,null):e(A.Provider,{value:{manifest:a.result,dimensions:r.result,contextConfig:o}},l)};function jt(){let n=K(A);if(!(n!=null&&n.contextConfig))throw new Error("Not within DataContext! Configuration data is not exist.");return n.contextConfig}function eo(){let n=K(A);if(!(n!=null&&n.manifest))throw new Error("Not within DataContext! Manifest data is not exist.");return n.manifest}function no(){let n=K(A);if(!(n!=null&&n.dimensions))throw new Error("Not within DataContext! Dimensions data is not exist.");return n.dimensions}import{validate as an}from"uuid";import{ManifestClient as sn}from"@uniformdev/context/api";var ve=async n=>{if(!n)return{valid:!1,error:new Error("contextConfig was not defined.")};if(!n.apiHost)return{valid:!1,error:new Error("apiHost was not defined.")};if(!n.apiKey)return{valid:!1,error:new Error("apiKey was not defined.")};if(!an(n.apiKey)&&!n.projectId)return{valid:!1,error:new Error("projectId is required when using a modern API key.")};let t=new sn({projectId:n.projectId,apiKey:n.apiKey,apiHost:n.apiHost});try{let o=await t.get({preview:!0});return{valid:!0,result:o}}catch(o){return{valid:!1,error:o}}};import{useEffect as ln,useState as mn}from"react";var mo=n=>{let[t,o]=mn({validating:!1,error:void 0}),{apiKey:l,apiHost:a,projectId:r}=n||{};return ln(()=>{if(!l||!a)return;(async()=>{o({validating:!0,error:void 0});let{error:i,result:m}=await ve({apiHost:a,apiKey:l,projectId:r});o(i?{error:i,validating:!1}:{error:void 0,validating:!1,result:m})})()},[a,l,r]),{validating:t.validating,error:t.error,result:t.result}};function po(n){return Array.isArray(n)&&n.length>0&&n[0].cat!==void 0}function co(n){return n.crit!==void 0}export*from"@uniformdev/design-system";export{Zt as ContextData,pe as CriteriaMatchMenu,le as CriteriaOperatorMenu,ue as DimensionMenu,me as DimensionValue,X as EditLink,Rn as EnrichmentTag,Tt as PersonalizationCriteria,fe as PersonalizationCriteriaStatic,Wt as ProjectUIVersion,Ve as addEnrichmentLink,se as contextCriteriaMenuOperators,po as isEnrichmentTagData,co as isPersonalizationCriteriaData,jt as useContextConfig,$ as useContextData,I as useDimensions,no as useDimensionsDataContext,eo as useManifest,mo as useValidateContextConfig,ve as validateContextConfig};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/context-ui",
-  "version": "16.0.1-nuxt.149+df378f9ac",
+  "version": "16.0.1-nuxt.158+fac0325ba",
   "description": "React-based functionality and components for Uniform Context",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -14,13 +14,7 @@
       "require": "./dist/index.js"
     }
   },
-  "typesVersions": {
-    "*": {
-      "*": [
-        "./dist/index.d.ts"
-      ]
-    }
-  },
+  "types": "./dist/index.d.ts",
   "sideEffects": false,
   "scripts": {
     "build": "pnpm build:esm",
@@ -31,12 +25,14 @@
     "lint": "eslint \"src/**/*.{js,ts,tsx}\"",
     "format": "prettier --write \"src/**/*.{js,ts,tsx}\"",
     "storybook": "pnpm build && start-storybook -p 9011 -c ./.storybook",
-    "storybook:publish": "pnpm build && pnpm build-storybook -o ./out"
+    "deploy": "run-s deploy:storybook deploy:netlify",
+    "deploy:storybook": "pnpm build && pnpm build-storybook -o ./out",
+    "deploy:netlify": "tsx ../../scripts/deploy-to-netlify.ts"
   },
   "dependencies": {
     "@emotion/react": "11.9.3",
-    "@uniformdev/context": "^16.0.1-nuxt.149+df378f9ac",
-    "@uniformdev/design-system": "^16.0.1-nuxt.149+df378f9ac",
+    "@uniformdev/context": "^16.0.1-nuxt.158+fac0325ba",
+    "@uniformdev/design-system": "^16.0.1-nuxt.158+fac0325ba",
     "immer": "9.0.15",
     "react-beautiful-dnd": "13.1.0",
     "react-icons": "^4.3.1",
@@ -67,9 +63,9 @@
     "autoprefixer": "10.4.7",
     "postcss": "8.4.14",
     "postcss-import": "14.1.0",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
-    "webpack": "5.72.1"
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "webpack": "5.73.0"
   },
   "files": [
     "/dist"
@@ -77,5 +73,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "df378f9aceb4936066e0fbcaa76de8630f0fe654"
+  "gitHead": "fac0325bab53217a4c5a3c63d549812678f484f3"
 }