@windstream/react-shared-components 0.1.93 → 0.1.95

package/dist/utils/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("clsx"),t=require("tailwind-merge"),n=require("js-base64"),r=require("js-cookie"),i=require("react/jsx-runtime"),o=require("react"),l=require("@windstream/react-shared-components"),s=require("@windstream/react-shared-components"),a=require("@windstream/react-shared-components"),d=require("@windstream/react-shared-components");const c=t.extendTailwindMerge({extend:{classGroups:{"font-variants":["heading1","heading2","heading3","heading4","heading5","heading6","subheading1","subheading2","subheading3","subheading4","subheading5","subheading6","body1","body2","body3","footnote","micro","label1","label2","label3","label4"],"button-sizes":["btn-small","btn-medium","btn-large","btn-x-large"]}}}),u="utm_parameters",E=".gokinetic.com";function h(e){if("undefined"==typeof window)return"";const t=r.get(e);return t?n.Base64.decode(t):null}const m=["utm_content","utm_medium","utm_campaign","utm_source","utm_term","utm_campaign_id","utm_adgroup_id","fbclid","gclid","msclkid"];const p=e=>!!e&&"object"==typeof e&&"nodeType"in e&&"content"in e,_=e=>{if(!e)return null;if(p(e))return e;if("object"==typeof e&&null!==e&&"json"in e){const t=e.json;return p(t)?t:null}return null};var A=function(e){return e.DOCUMENT="document",e.PARAGRAPH="paragraph",e.HEADING_1="heading-1",e.HEADING_2="heading-2",e.HEADING_3="heading-3",e.HEADING_4="heading-4",e.HEADING_5="heading-5",e.HEADING_6="heading-6",e.OL_LIST="ordered-list",e.UL_LIST="unordered-list",e.LIST_ITEM="list-item",e.HR="hr",e.QUOTE="blockquote",e.EMBEDDED_ENTRY="embedded-entry-block",e.EMBEDDED_ASSET="embedded-asset-block",e.EMBEDDED_RESOURCE="embedded-resource-block",e.TABLE="table",e.TABLE_ROW="table-row",e.TABLE_CELL="table-cell",e.TABLE_HEADER_CELL="table-header-cell",e}({}),f=function(e){return e.ASSET_HYPERLINK="asset-hyperlink",e.EMBEDDED_ENTRY="embedded-entry-inline",e.EMBEDDED_RESOURCE="embedded-resource-inline",e.ENTRY_HYPERLINK="entry-hyperlink",e.HYPERLINK="hyperlink",e.RESOURCE_HYPERLINK="resource-hyperlink",e}({}),T=function(e){return e.BOLD="bold",e.ITALIC="italic",e.UNDERLINE="underline",e.CODE="code",e.SUPERSCRIPT="superscript",e.SUBSCRIPT="subscript",e.STRIKETHROUGH="strikethrough",e}({});const D=[A.PARAGRAPH,A.HEADING_1,A.HEADING_2,A.HEADING_3,A.HEADING_4,A.HEADING_5,A.HEADING_6,A.OL_LIST,A.UL_LIST,A.HR,A.QUOTE,A.EMBEDDED_ENTRY,A.EMBEDDED_ASSET,A.EMBEDDED_RESOURCE,A.TABLE],L=[A.PARAGRAPH,A.HEADING_1,A.HEADING_2,A.HEADING_3,A.HEADING_4,A.HEADING_5,A.HEADING_6,A.OL_LIST,A.UL_LIST,A.HR,A.QUOTE,A.EMBEDDED_ENTRY,A.EMBEDDED_ASSET,A.EMBEDDED_RESOURCE];A.TABLE,A.TABLE_ROW,A.TABLE_CELL,A.TABLE_HEADER_CELL,A.HR,A.EMBEDDED_ENTRY,A.EMBEDDED_ASSET,A.EMBEDDED_RESOURCE;const v={[A.OL_LIST]:[A.LIST_ITEM],[A.UL_LIST]:[A.LIST_ITEM],[A.LIST_ITEM]:L,[A.QUOTE]:[A.PARAGRAPH],[A.TABLE]:[A.TABLE_ROW],[A.TABLE_ROW]:[A.TABLE_CELL,A.TABLE_HEADER_CELL],[A.TABLE_CELL]:[A.PARAGRAPH,A.UL_LIST,A.OL_LIST],[A.TABLE_HEADER_CELL]:[A.PARAGRAPH]};A.HEADING_1,A.HEADING_2,A.HEADING_3,A.HEADING_4,A.HEADING_5,A.HEADING_6;A.PARAGRAPH,A.DOCUMENT,A.PARAGRAPH,A.HEADING_1,A.HEADING_2,A.HEADING_3,A.HEADING_4,A.HEADING_5,A.HEADING_6,A.OL_LIST,A.UL_LIST,A.LIST_ITEM,A.HR,A.QUOTE,A.EMBEDDED_ENTRY,A.EMBEDDED_ASSET,f.HYPERLINK,f.ENTRY_HYPERLINK,f.ASSET_HYPERLINK,f.EMBEDDED_ENTRY,T.BOLD,T.CODE,T.ITALIC,T.UNDERLINE,A.DOCUMENT,A.PARAGRAPH;function y(e){if(!function(e){return null!=e&&"object"==typeof e&&"content"in e&&Array.isArray(e.content)}(e)||e.content.length<2)return e;return function(e){if(e.nodeType!==A.PARAGRAPH)return!1;if(1!==e.content.length)return!1;const t=e.content[0];return"text"===t.nodeType&&""===t.value}(e.content[e.content.length-1])?{...e,content:e.content.slice(0,-1)}:e}const R=({path:e,property:t,typeName:n,value:r})=>({details:`The type of "${t}" is incorrect, expected type: ${n}`,name:"type",path:e.toArray(),type:n,value:r});class g{obj;path;_errors=[];constructor(e,t){this.obj=e,this.path=t}catch=(...e)=>{this._errors.push(...e)};get errors(){const e=e=>JSON.stringify({details:e.details,path:e.path});return this._errors.filter((t,n)=>this._errors.findIndex(n=>e(t)===e(n))===n)}exists=e=>e in this.obj||(this.catch((({property:e,path:t})=>({details:`The property "${e}" is required here`,name:"required",path:t.toArray()}))({property:e,path:this.path.of(e)})),!1);object=e=>{const t=e?this.obj[e]:this.obj;if(e&&!this.exists(e))return!1;if("object"==typeof t&&!Array.isArray(t)&&null!==t)return!0;const n=e?this.path.of(e):this.path,r=e??this.path.last()??"value";return this.catch(R({typeName:"Object",property:r,path:n,value:t})),!1};string=e=>{const t=this.obj[e];return!(e&&!this.exists(e))&&("string"==typeof t||(this.catch(R({typeName:"String",property:e,path:this.path.of(e),value:t})),!1))};number=(e,t)=>{const n=this.obj[e];return!(!t||e in this.obj)||!!this.exists(e)&&("number"==typeof n&&!Number.isNaN(n)||(this.catch(R({typeName:"Number",property:e,path:this.path.of(e),value:n})),!1))};array=e=>{const t=this.obj[e];return!(e&&!this.exists(e))&&(!!Array.isArray(t)||(this.catch(R({typeName:"Array",property:e,path:this.path.of(e),value:t})),!1))};enum=(e,t)=>{const n=this.obj[e];return!("string"!=typeof n||!t.includes(n))||(this.catch((({expected:e,value:t,path:n})=>({details:"Value must be one of expected values",name:"in",expected:[...e].sort(),path:n.toArray(),value:t}))({expected:t,value:n,path:this.path.of(e)})),!1)};empty=e=>{if(!this.array(e))return!1;const t=this.obj[e];return 0===t.length||(this.catch((({max:e,value:t,path:n})=>({name:"size",max:e,path:n.toArray(),details:`Size must be at most ${e}`,value:t}))({max:0,value:t,path:this.path.of(e)})),!1)};minLength=(e,t)=>{if(!this.array(e))return!1;const n=this.obj[e];return n.length>=t||(this.catch((({min:e,value:t,path:n})=>({name:"size",min:e,path:n.toArray(),details:`Size must be at least ${e}`,value:t}))({min:t,value:n,path:this.path.of(e)})),!1)};noAdditionalProperties=e=>{const t=Object.keys(this.obj).sort().filter(t=>!e.includes(t));return t.forEach(e=>this.catch((({property:e,path:t})=>({details:`The property "${e}" is not expected`,name:"unexpected",path:t.toArray()}))({property:e,path:this.path.of(e)}))),0===t.length};each=(e,t)=>{if(!this.array(e))return;const n=this.obj[e];let r=!1;n.forEach((n,i)=>{if(r)return;const o=t(n,this.path.of(e).of(i));o.length>0&&(r=!0),this.catch(...o)})}}const N=[];class b{contentRule;validateData;constructor(e,t){this.contentRule=e,this.validateData=t}assert(e,t){const n=new g(e,t);if(!n.object())return n.errors;n.noAdditionalProperties(["nodeType","data","content"]);const{nodeTypes:r,min:i=0}=Array.isArray(this.contentRule)?{nodeTypes:this.contentRule}:this.contentRule(e,t);if(0===r.length&&i>0)throw new Error(`Invalid content rule. Cannot have enforce a 'min' of ${i} with no nodeTypes`);if(n.minLength("content",i),0===r.length?n.empty("content"):n.each("content",(e,t)=>{const n=new g(e,t);return n.object()?(n.enum("nodeType",r),n.errors):n.errors}),n.object("data")){const r=this.validateData?.(e.data,t.of("data"))??[];n.catch(...r)}return n.errors}}class I extends b{linkType;type;constructor(e,t){super(t,(e,t)=>this.assertLink(e,t)),this.linkType=e,this.type=this.linkType.startsWith("Contentful:")?"ResourceLink":"Link"}assertLink=(e,t)=>{const n=new g(e,t);if(n.object("target")){const r=new g(e.target.sys,t.of("target").of("sys"));r.object()&&(r.enum("type",[this.type]),r.enum("linkType",[this.linkType]),"Link"===this.type?(r.string("id"),r.noAdditionalProperties(["type","linkType","id"])):"ResourceLink"===this.type&&(r.string("urn"),r.noAdditionalProperties(["type","linkType","urn"]))),n.catch(...r.errors)}return n.noAdditionalProperties(["target"]),n.errors}}const x=(e,t)=>new b(e,t),H=(e,t)=>new I(e,t);x([...Object.values(f),"text"].sort()),x([A.LIST_ITEM]),H("Entry",N),x(()=>({nodeTypes:[A.PARAGRAPH],min:1}),(e,t)=>{const n=new g(e,t);return n.noAdditionalProperties(["colspan","rowspan"]),n.number("colspan",!0),n.number("rowspan",!0),n.errors});function C(e,t){return e.map((e,n)=>{return r=S(e,t),i=n,o.isValidElement(r)&&null===r.key?o.cloneElement(r,{key:i}):r;var r,i})}function S(e,t){const{renderNode:n,renderMark:r,renderText:i,preserveWhitespace:l}=t;if(function(e){return"text"===e.nodeType}(e)){let t=i?i(e.value):e.value;if(l&&!i){t=t.replace(/ {2,}/g,e=>" ".repeat(e.length));const e=t.split("\n"),n=[];e.forEach((t,r)=>{n.push(t),r!==e.length-1&&n.push(o.createElement("br",null))}),t=n}return e.marks.reduce((e,t)=>r[t.type]?r[t.type](e):e,t)}{const r=C(e.content,t);return e.nodeType&&n[e.nodeType]?n[e.nodeType](e,r):o.createElement(o.Fragment,null,r)}}A.DOCUMENT,x(D),A.PARAGRAPH,A.HEADING_1,A.HEADING_2,A.HEADING_3,A.HEADING_4,A.HEADING_5,A.HEADING_6,A.QUOTE,x(v[A.QUOTE]),A.EMBEDDED_ENTRY,A.EMBEDDED_ASSET,H("Asset",N),A.EMBEDDED_RESOURCE,H("Contentful:Entry",N),A.HR,x(N),A.OL_LIST,A.UL_LIST,A.LIST_ITEM,x([...L].sort()),A.TABLE,x(()=>({nodeTypes:[A.TABLE_ROW],min:1})),A.TABLE_ROW,x(()=>({nodeTypes:[A.TABLE_CELL,A.TABLE_HEADER_CELL],min:1})),A.TABLE_CELL,A.TABLE_HEADER_CELL,f.HYPERLINK,new class extends b{constructor(){super(["text"],(e,t)=>this.assertLink(e,t))}assertLink=(e,t)=>{const n=new g(e,t);return n.string("uri"),n.noAdditionalProperties(["uri"]),n.errors}},f.EMBEDDED_ENTRY,f.EMBEDDED_RESOURCE,H("Contentful:Entry",N),f.ENTRY_HYPERLINK,H("Entry",["text"]),f.ASSET_HYPERLINK,H("Asset",["text"]),f.RESOURCE_HYPERLINK,H("Contentful:Entry",["text"]);const w={[A.DOCUMENT]:(e,t)=>t,[A.PARAGRAPH]:(e,t)=>o.createElement("p",null,t),[A.HEADING_1]:(e,t)=>o.createElement("h1",null,t),[A.HEADING_2]:(e,t)=>o.createElement("h2",null,t),[A.HEADING_3]:(e,t)=>o.createElement("h3",null,t),[A.HEADING_4]:(e,t)=>o.createElement("h4",null,t),[A.HEADING_5]:(e,t)=>o.createElement("h5",null,t),[A.HEADING_6]:(e,t)=>o.createElement("h6",null,t),[A.EMBEDDED_ENTRY]:(e,t)=>o.createElement("div",null,t),[A.EMBEDDED_RESOURCE]:(e,t)=>o.createElement("div",null,t),[A.UL_LIST]:(e,t)=>o.createElement("ul",null,t),[A.OL_LIST]:(e,t)=>o.createElement("ol",null,t),[A.LIST_ITEM]:(e,t)=>o.createElement("li",null,t),[A.QUOTE]:(e,t)=>o.createElement("blockquote",null,t),[A.HR]:()=>o.createElement("hr",null),[A.TABLE]:(e,t)=>o.createElement("table",null,o.createElement("tbody",null,t)),[A.TABLE_ROW]:(e,t)=>o.createElement("tr",null,t),[A.TABLE_HEADER_CELL]:(e,t)=>o.createElement("th",null,t),[A.TABLE_CELL]:(e,t)=>o.createElement("td",null,t),[f.ASSET_HYPERLINK]:e=>B(f.ASSET_HYPERLINK,e),[f.ENTRY_HYPERLINK]:e=>B(f.ENTRY_HYPERLINK,e),[f.RESOURCE_HYPERLINK]:e=>j(f.RESOURCE_HYPERLINK,e),[f.EMBEDDED_ENTRY]:e=>B(f.EMBEDDED_ENTRY,e),[f.EMBEDDED_RESOURCE]:(e,t)=>j(f.EMBEDDED_RESOURCE,e),[f.HYPERLINK]:(e,t)=>o.createElement("a",{href:e.data.uri},t)},P={[T.BOLD]:e=>o.createElement("b",null,e),[T.ITALIC]:e=>o.createElement("i",null,e),[T.UNDERLINE]:e=>o.createElement("u",null,e),[T.CODE]:e=>o.createElement("code",null,e),[T.SUPERSCRIPT]:e=>o.createElement("sup",null,e),[T.SUBSCRIPT]:e=>o.createElement("sub",null,e),[T.STRIKETHROUGH]:e=>o.createElement("s",null,e)};function B(e,t){return o.createElement("span",{key:t.data.target.sys.id},"type: ",t.nodeType," id: ",t.data.target.sys.id)}function j(e,t){return o.createElement("span",{key:t.data.target.sys.urn},"type: ",t.nodeType," urn: ",t.data.target.sys.urn)}function k(e,t={}){if(!e)return null;let n=e;return t.stripEmptyTrailingParagraph&&(n=y(e)),S(n,{renderNode:{...w,...t.renderNode},renderMark:{...P,...t.renderMark},renderText:t.renderText,preserveWhitespace:t.preserveWhitespace})}const M={renderMark:{[T.BOLD]:e=>i.jsx("strong",{className:"label3",children:e}),[T.ITALIC]:e=>i.jsx("em",{children:e}),[T.UNDERLINE]:e=>i.jsx("u",{children:e}),[T.CODE]:e=>i.jsx("code",{children:e})},renderNode:{[A.PARAGRAPH]:(e,t)=>i.jsx("div",{className:"body3 mb-4",children:t}),[A.HEADING_1]:(e,t)=>i.jsx(d.Text,{as:"h1",className:"heading2 md:heading1",children:t}),[A.HEADING_2]:(e,t)=>i.jsx(d.Text,{as:"h2",className:"heading6 md:heading5",children:t}),[A.HEADING_3]:(e,t)=>i.jsx(d.Text,{as:"h3",className:"heading6 md:heading5",children:t}),[A.HEADING_4]:(e,t)=>i.jsx(d.Text,{as:"h3",className:"headingClass",children:t}),[A.HEADING_5]:(e,t)=>i.jsx(d.Text,{as:"h3",className:"heading6 md:heading5",children:t}),[A.HEADING_6]:(e,t)=>i.jsx(d.Text,{as:"h3",className:"heading6",children:t}),[A.QUOTE]:(e,t)=>i.jsx("blockquote",{children:t}),[A.UL_LIST]:(e,t)=>i.jsx("ul",{children:t}),[A.OL_LIST]:(e,t)=>i.jsx("ol",{children:t}),[A.LIST_ITEM]:(e,t)=>i.jsx("li",{children:t}),[f.HYPERLINK]:(e,t)=>{var n;const r=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.uri,o=/^https?:\/\//.test(r);return i.jsx("a",{href:r,target:o?"_blank":void 0,rel:o?"noopener noreferrer":void 0,children:t})},[A.EMBEDDED_ASSET]:e=>{var t,n;const r=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.target,o=null==r?void 0:r.fields,l=(null==r?void 0:r.url)||(null===(n=null==o?void 0:o.file)||void 0===n?void 0:n.url),s=(null==o?void 0:o.title)||(null==o?void 0:o.description)||"Embedded asset";if(!l)return null;const a=l.startsWith("//")?`https:${l}`:l;return i.jsx("img",{src:a,alt:s,style:{maxWidth:"100%"}})},[A.EMBEDDED_ENTRY]:e=>{var t,n,r,o;const l=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.target;return"callout"===(null===(o=null===(r=null===(n=null==l?void 0:l.sys)||void 0===n?void 0:n.contentType)||void 0===r?void 0:r.sys)||void 0===o?void 0:o.id)?i.jsxs("aside",{style:{border:"1px solid #ddd",padding:12,borderRadius:8},children:[i.jsx("strong",{children:l.fields.title}),i.jsx("div",{children:l.fields.body})]}):null},[f.EMBEDDED_ENTRY]:e=>{var t,n,r,o,l,s;const a=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.target;return"componentCheckList"===(null===(o=null===(r=null===(n=null==a?void 0:a.sys)||void 0===n?void 0:n.contentType)||void 0===r?void 0:r.sys)||void 0===o?void 0:o.id)?i.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"2px 6px",backgroundColor:"#f0fdf4",border:"1px solid #bbf7d0",borderRadius:"4px",fontSize:"0.9em"},children:["✅ ",a.fields.title]}):i.jsx("span",{children:null!==(s=null===(l=null==a?void 0:a.fields)||void 0===l?void 0:l.title)&&void 0!==s?s:""})}}};function O(e,t,n="body1",r="body1 font-bold",o){if(!e||!Array.isArray(e.content))return null;return k(e,{...M,...o,renderNode:{...M.renderNode,...null==o?void 0:o.renderNode,[A.PARAGRAPH]:(e,t)=>i.jsx("div",{className:n,children:t}),[f.HYPERLINK]:(e,n)=>{var o;const l=null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.uri,a=/^https?:\/\//.test(l),d=null!=t?t:a;return i.jsx(s.Link,{href:l,target:d?"_blank":"_self",rel:d?"noopener noreferrer":void 0,variant:"default",className:r,children:n})}}})}const G={renderMark:{[T.BOLD]:e=>o.createElement("span",{className:"label1"},e)}};Object.defineProperty(exports,"clsx",{enumerable:!0,get:function(){return e.clsx}}),exports.SpeedCardBg=(e="#24A76A")=>`<svg xmlns="http://www.w3.org/2000/svg" width="684" height="107" viewBox="0 0 684 107" fill="none">\n    <g clip-path="url(#clip0_12352_9042)">\n      <path d="M154.09 -70.5605C173.769 -7.58032 204.79 24.8889 328.202 55.2823C444.619 83.9133 629.479 141.332 667.653 80.7015C691.679 45.2165 678.322 -5.62201 670.537 -46.3554C664.452 -73.1846 658.327 -97.1939 652.913 -123.475C651.135 -132.091 638.766 -131.974 637.067 -123.318C628.136 -77.6888 612.526 -44.9062 577.593 -22.4637C517.962 20.1889 377.954 -6.48361 303.148 -38.287C223.245 -70.7171 200.918 -132.366 195.425 -199.341C193.37 -235.257 198.467 -269.841 208.07 -299.569C210.915 -308.303 199.218 -314.178 193.844 -306.697C151.324 -247.751 137.69 -140.395 154.129 -70.5213" fill="${e}" />\n      <path d="M167.605 -417.382C104.062 -397.877 71.302 -367.131 40.6368 -244.813C11.7499 -129.428 -46.182 53.7941 14.9903 91.6292C50.7927 115.443 102.086 102.204 143.183 94.4883C170.253 88.4567 194.476 82.3858 220.992 77.02C229.686 75.2574 229.568 62.9983 220.834 61.3141C174.797 52.4624 141.721 36.9915 119.078 2.36813C76.0441 -56.7345 102.955 -195.502 135.043 -269.645C167.763 -348.84 229.963 -370.969 297.537 -376.414C333.774 -378.45 368.667 -373.398 398.661 -363.88C407.473 -361.06 413.401 -372.654 405.853 -377.98C346.38 -420.124 238.064 -433.636 167.565 -417.343" fill="${e}" />\n    </g>\n    <defs>\n      <clipPath id="clip0_12352_9042">\n        <rect width="684" height="107" fill="white" />\n      </clipPath>\n    </defs>\n  </svg>`,exports.UTM_PARAM_NAMES=m,exports.buildPreservedQueryHref=function(e,t){if(!t)return e;const n=new URLSearchParams(t),r=new Set(m),i=new Set([...r,"searchtext","page"]);let o,l;try{if(e.startsWith("http://")||e.startsWith("https://")){const t=new URL(e);o=t.origin+t.pathname,l=t.searchParams}else{const[t,n]=e.split("?");o=t,l=new URLSearchParams(n||"")}}catch(t){return e}const s=new URLSearchParams(l);n.forEach((e,t)=>{i.has(t.toLowerCase())||s.has(t)||s.set(t,e)});const a=s.toString();return a?`${o}?${a}`:o},exports.combineExistingAndNewUTMs=function(e,t){if(!t)return e||{};if(!e)return t;if(["utm_campaign","utm_medium","utm_source","utm_campaign_id","utm_adgroup_id","fbclid","gclid","msclkid"].every(n=>(e[n]||"")===(t[n]||"")))return{...t,utm_content:e.utm_content||t.utm_content,utm_term:e.utm_term||t.utm_term};const n=!!t.utm_content,r=!!t.utm_term;return{...t,...!n&&e.utm_content&&{utm_content:e.utm_content},...!r&&e.utm_term&&{utm_term:e.utm_term}}},exports.cx=(...t)=>c(e.clsx(...t)),exports.getCampaignProperties=function(e){if(!e)return null;const t={};return e.utm_campaign&&(t.name=e.utm_campaign),e.utm_source&&(t.source=e.utm_source),e.utm_medium&&(t.medium=e.utm_medium),e.utm_term&&(t.term=e.utm_term),e.utm_content&&(t.content=e.utm_content),e.utm_campaign_id&&(t.campaign_id=e.utm_campaign_id),e.utm_adgroup_id&&(t.adgroup_id=e.utm_adgroup_id),e.gclid&&(t.gclid=e.gclid),e.fbclid&&(t.fbclid=e.fbclid),e.msclkid&&(t.msclkid=e.msclkid),Object.keys(t).length>0?t:null},exports.getCookie=h,exports.getOrganicTrafficUtmParameters=function(){if("undefined"==typeof document)return null;const e=document.referrer;if(!e)return{utm_medium:"direct",utm_source:"direct"};let t;try{t=new URL(e).hostname.toLowerCase()}catch(e){return{utm_medium:"direct",utm_source:"direct"}}return t.includes("windstream.com")||t.includes("gokinetic.com")?null:t.includes("google.")?{utm_medium:"organic",utm_source:"google"}:t.includes("bing.")?{utm_medium:"organic",utm_source:"bing"}:{utm_medium:"referral",utm_source:t}},exports.getParsedCookie=e=>{try{return JSON.parse(h(e)||"")}catch(e){return null}},exports.getUTMs=function(){if("undefined"==typeof window)return null;const e=r.get(u);if(!e)return null;try{const t=n.Base64.decode(e);return JSON.parse(t)}catch(e){return null}},exports.getUtmParametersFromURL=function(){if("undefined"==typeof window)return null;const e=new URLSearchParams(window.location.search),t={};let n=!1;for(const r of m){const i=e.get(r);i&&(t[r]=i,n=!0)}return n?t:null},exports.label1BoldOptions=G,exports.removeUTMs=function(e=E){r.remove(u,{domain:e,path:"/"})},exports.renderContentfulRichText=O,exports.renderContentfulRichTextTable=function(e,t){if(!e||!Array.isArray(e.content))return null;const n={...M,renderMark:{...M.renderMark,[T.BOLD]:e=>i.jsx("strong",{className:"label4 md:label2",children:e})},renderNode:{...M.renderNode,[A.PARAGRAPH]:(e,t)=>i.jsx(i.Fragment,{children:t}),[A.TABLE]:(e,t)=>{var n,r;return i.jsx("div",{className:"comparison-table-wrapper w-full overflow-x-auto border-none md:overflow-hidden",children:i.jsx("table",{className:"responsive-table w-full table-fixed border-collapse "+((null===(r=null===(n=e.content[0])||void 0===n?void 0:n.content)||void 0===r?void 0:r.length)>2?"min-w-[100.1%]":"min-w-full"),children:i.jsx("tbody",{children:t})})})},[A.TABLE_ROW]:(e,t)=>i.jsx("tr",{className:"border-b border-gray-200 last:border-0",children:t}),[A.TABLE_HEADER_CELL]:(e,t)=>{var n;const r=(null===(n=e.parent)||void 0===n?void 0:n.content.length)>2;return i.jsx("th",{className:`label4 break-words py-4 text-center md:label2 ${r?"sticky left-0 z-20 w-[50vw] min-w-[50vw] first:z-30 first:w-[50vw] first:min-w-[50vw] first:border-r":"w-1/4 first:w-1/2"} `,children:t})},[A.TABLE_CELL]:(e,t)=>{var n,r,o,l;const s=(null===(n=e.parent)||void 0===n?void 0:n.content.length)>2,d=null===(l=null===(o=null===(r=e.content[0])||void 0===r?void 0:r.content[0])||void 0===o?void 0:o.value)||void 0===l?void 0:l.toLowerCase().trim();return i.jsx("td",{className:`rt-table-cell footnote break-words bg-white py-2 md:py-4 text-center align-top leading-5 text-text md:body2 first:text-left md:leading-7 ${s?"w-[50vw] min-w-[50vw] first:sticky first:left-0 first:z-10 first:w-[50vw] first:min-w-[50vw] first:border-r":"w-1/4 first:w-1/2"} `,children:i.jsxs(i.Fragment,{children:[" ","yes"===d?i.jsx(a.MaterialIcon,{name:"check_circle",color:"#24A76A",fill:1}):"no"===d?i.jsx(a.MaterialIcon,{name:"cancel",color:"#CECECE",fill:1}):t]})})},[f.EMBEDDED_ENTRY]:e=>{var n,r,o,s;const a=e.data.target.sys.id,d=null===(r=null===(n=null==t?void 0:t.entries)||void 0===n?void 0:n.inline)||void 0===r?void 0:r.find(e=>e.sys.id===a);if(!d)return null;if("ComponentCheckList"===d.__typename){const e=(null===(s=null===(o=d.list)||void 0===o?void 0:o.items)||void 0===s?void 0:s.map(e=>{var t;return O(_(null!==(t=null==e?void 0:e.checkListTitle)&&void 0!==t?t:""),!0,"")}))||[];return i.jsx(l.Checklist,{items:e,listIconName:"disc",listItemClassName:"items-baseline footnote md:body2 leading-5 md:leading-7 text-text"})}return i.jsx("span",{children:d.title||""})}}};return k(e,n)},exports.setCookie=(e,t,i)=>{if("undefined"==typeof window)return;const o=JSON.stringify(t),l=n.Base64.encode(o);r.set(e,l,i)},exports.setUTMs=function(e,t=E){if("undefined"==typeof window)return;const i=JSON.stringify(e),o=n.Base64.encode(i);r.set(u,o,{domain:t,path:"/",sameSite:"Lax"})},exports.toDocument=_,exports.useContentfulRichText=function(e,t){return o.useMemo(()=>{if(!e||!Array.isArray(e.content))return null;const n={...M,renderMark:{...M.renderMark,...null==t?void 0:t.renderMark},renderNode:{...M.renderNode,...null==t?void 0:t.renderNode}};return k(e,n)},[e,t])},exports.useProcessedChecklist=function(e,t,n,r){return o.useMemo(()=>{var i,o;const l=null!==(o=null===(i=null==e?void 0:e.list)||void 0===i?void 0:i.items)&&void 0!==o?o:[];return t?l.map(e=>{var t,i;return null!==(i=O(_(null!==(t=null==e?void 0:e.checkListTitle)&&void 0!==t?t:""),void 0,r,void 0,n))&&void 0!==i?i:""}):l.map(e=>{var t,i,o,l,s;return{title:null!==(i=O(_(null!==(t=null==e?void 0:e.checkListTitle)&&void 0!==t?t:""),void 0,r,void 0,n))&&void 0!==i?i:"",iconUrl:null!==(l=null===(o=null==e?void 0:e.icon)||void 0===o?void 0:o.url)&&void 0!==l?l:void 0,anchorId:null!==(s=null==e?void 0:e.anchorId)&&void 0!==s?s:void 0}})},[e,t,n,r])};
+"use strict";var e=require("clsx"),t=require("tailwind-merge"),n=require("js-base64"),r=require("js-cookie"),i=require("react/jsx-runtime"),o=require("react"),l=require("@windstream/react-shared-components"),s=require("@windstream/react-shared-components"),a=require("@windstream/react-shared-components"),d=require("@windstream/react-shared-components");const c=t.extendTailwindMerge({extend:{classGroups:{"font-variants":["heading1","heading2","heading3","heading4","heading5","heading6","subheading1","subheading2","subheading3","subheading4","subheading5","subheading6","body1","body2","body3","footnote","micro","label1","label2","label3","label4"],"button-sizes":["btn-small","btn-medium","btn-large","btn-x-large"]}}}),u="utm_parameters",E=".gokinetic.com";function h(e){if("undefined"==typeof window)return"";const t=r.get(e);return t?n.Base64.decode(t):null}const m=["utm_content","utm_medium","utm_campaign","utm_source","utm_term","utm_campaign_id","utm_adgroup_id","fbclid","gclid","msclkid"];const p=e=>!!e&&"object"==typeof e&&"nodeType"in e&&"content"in e,_=e=>{if(!e)return null;if(p(e))return e;if("object"==typeof e&&null!==e&&"json"in e){const t=e.json;return p(t)?t:null}return null};var A=function(e){return e.DOCUMENT="document",e.PARAGRAPH="paragraph",e.HEADING_1="heading-1",e.HEADING_2="heading-2",e.HEADING_3="heading-3",e.HEADING_4="heading-4",e.HEADING_5="heading-5",e.HEADING_6="heading-6",e.OL_LIST="ordered-list",e.UL_LIST="unordered-list",e.LIST_ITEM="list-item",e.HR="hr",e.QUOTE="blockquote",e.EMBEDDED_ENTRY="embedded-entry-block",e.EMBEDDED_ASSET="embedded-asset-block",e.EMBEDDED_RESOURCE="embedded-resource-block",e.TABLE="table",e.TABLE_ROW="table-row",e.TABLE_CELL="table-cell",e.TABLE_HEADER_CELL="table-header-cell",e}({}),f=function(e){return e.ASSET_HYPERLINK="asset-hyperlink",e.EMBEDDED_ENTRY="embedded-entry-inline",e.EMBEDDED_RESOURCE="embedded-resource-inline",e.ENTRY_HYPERLINK="entry-hyperlink",e.HYPERLINK="hyperlink",e.RESOURCE_HYPERLINK="resource-hyperlink",e}({}),T=function(e){return e.BOLD="bold",e.ITALIC="italic",e.UNDERLINE="underline",e.CODE="code",e.SUPERSCRIPT="superscript",e.SUBSCRIPT="subscript",e.STRIKETHROUGH="strikethrough",e}({});const D=[A.PARAGRAPH,A.HEADING_1,A.HEADING_2,A.HEADING_3,A.HEADING_4,A.HEADING_5,A.HEADING_6,A.OL_LIST,A.UL_LIST,A.HR,A.QUOTE,A.EMBEDDED_ENTRY,A.EMBEDDED_ASSET,A.EMBEDDED_RESOURCE,A.TABLE],L=[A.PARAGRAPH,A.HEADING_1,A.HEADING_2,A.HEADING_3,A.HEADING_4,A.HEADING_5,A.HEADING_6,A.OL_LIST,A.UL_LIST,A.HR,A.QUOTE,A.EMBEDDED_ENTRY,A.EMBEDDED_ASSET,A.EMBEDDED_RESOURCE];A.TABLE,A.TABLE_ROW,A.TABLE_CELL,A.TABLE_HEADER_CELL,A.HR,A.EMBEDDED_ENTRY,A.EMBEDDED_ASSET,A.EMBEDDED_RESOURCE;const v={[A.OL_LIST]:[A.LIST_ITEM],[A.UL_LIST]:[A.LIST_ITEM],[A.LIST_ITEM]:L,[A.QUOTE]:[A.PARAGRAPH],[A.TABLE]:[A.TABLE_ROW],[A.TABLE_ROW]:[A.TABLE_CELL,A.TABLE_HEADER_CELL],[A.TABLE_CELL]:[A.PARAGRAPH,A.UL_LIST,A.OL_LIST],[A.TABLE_HEADER_CELL]:[A.PARAGRAPH]};A.HEADING_1,A.HEADING_2,A.HEADING_3,A.HEADING_4,A.HEADING_5,A.HEADING_6;A.PARAGRAPH,A.DOCUMENT,A.PARAGRAPH,A.HEADING_1,A.HEADING_2,A.HEADING_3,A.HEADING_4,A.HEADING_5,A.HEADING_6,A.OL_LIST,A.UL_LIST,A.LIST_ITEM,A.HR,A.QUOTE,A.EMBEDDED_ENTRY,A.EMBEDDED_ASSET,f.HYPERLINK,f.ENTRY_HYPERLINK,f.ASSET_HYPERLINK,f.EMBEDDED_ENTRY,T.BOLD,T.CODE,T.ITALIC,T.UNDERLINE,A.DOCUMENT,A.PARAGRAPH;function y(e){if(!function(e){return null!=e&&"object"==typeof e&&"content"in e&&Array.isArray(e.content)}(e)||e.content.length<2)return e;return function(e){if(e.nodeType!==A.PARAGRAPH)return!1;if(1!==e.content.length)return!1;const t=e.content[0];return"text"===t.nodeType&&""===t.value}(e.content[e.content.length-1])?{...e,content:e.content.slice(0,-1)}:e}const R=({path:e,property:t,typeName:n,value:r})=>({details:`The type of "${t}" is incorrect, expected type: ${n}`,name:"type",path:e.toArray(),type:n,value:r});class g{obj;path;_errors=[];constructor(e,t){this.obj=e,this.path=t}catch=(...e)=>{this._errors.push(...e)};get errors(){const e=e=>JSON.stringify({details:e.details,path:e.path});return this._errors.filter((t,n)=>this._errors.findIndex(n=>e(t)===e(n))===n)}exists=e=>e in this.obj||(this.catch((({property:e,path:t})=>({details:`The property "${e}" is required here`,name:"required",path:t.toArray()}))({property:e,path:this.path.of(e)})),!1);object=e=>{const t=e?this.obj[e]:this.obj;if(e&&!this.exists(e))return!1;if("object"==typeof t&&!Array.isArray(t)&&null!==t)return!0;const n=e?this.path.of(e):this.path,r=e??this.path.last()??"value";return this.catch(R({typeName:"Object",property:r,path:n,value:t})),!1};string=e=>{const t=this.obj[e];return!(e&&!this.exists(e))&&("string"==typeof t||(this.catch(R({typeName:"String",property:e,path:this.path.of(e),value:t})),!1))};number=(e,t)=>{const n=this.obj[e];return!(!t||e in this.obj)||!!this.exists(e)&&("number"==typeof n&&!Number.isNaN(n)||(this.catch(R({typeName:"Number",property:e,path:this.path.of(e),value:n})),!1))};array=e=>{const t=this.obj[e];return!(e&&!this.exists(e))&&(!!Array.isArray(t)||(this.catch(R({typeName:"Array",property:e,path:this.path.of(e),value:t})),!1))};enum=(e,t)=>{const n=this.obj[e];return!("string"!=typeof n||!t.includes(n))||(this.catch((({expected:e,value:t,path:n})=>({details:"Value must be one of expected values",name:"in",expected:[...e].sort(),path:n.toArray(),value:t}))({expected:t,value:n,path:this.path.of(e)})),!1)};empty=e=>{if(!this.array(e))return!1;const t=this.obj[e];return 0===t.length||(this.catch((({max:e,value:t,path:n})=>({name:"size",max:e,path:n.toArray(),details:`Size must be at most ${e}`,value:t}))({max:0,value:t,path:this.path.of(e)})),!1)};minLength=(e,t)=>{if(!this.array(e))return!1;const n=this.obj[e];return n.length>=t||(this.catch((({min:e,value:t,path:n})=>({name:"size",min:e,path:n.toArray(),details:`Size must be at least ${e}`,value:t}))({min:t,value:n,path:this.path.of(e)})),!1)};noAdditionalProperties=e=>{const t=Object.keys(this.obj).sort().filter(t=>!e.includes(t));return t.forEach(e=>this.catch((({property:e,path:t})=>({details:`The property "${e}" is not expected`,name:"unexpected",path:t.toArray()}))({property:e,path:this.path.of(e)}))),0===t.length};each=(e,t)=>{if(!this.array(e))return;const n=this.obj[e];let r=!1;n.forEach((n,i)=>{if(r)return;const o=t(n,this.path.of(e).of(i));o.length>0&&(r=!0),this.catch(...o)})}}const N=[];class b{contentRule;validateData;constructor(e,t){this.contentRule=e,this.validateData=t}assert(e,t){const n=new g(e,t);if(!n.object())return n.errors;n.noAdditionalProperties(["nodeType","data","content"]);const{nodeTypes:r,min:i=0}=Array.isArray(this.contentRule)?{nodeTypes:this.contentRule}:this.contentRule(e,t);if(0===r.length&&i>0)throw new Error(`Invalid content rule. Cannot have enforce a 'min' of ${i} with no nodeTypes`);if(n.minLength("content",i),0===r.length?n.empty("content"):n.each("content",(e,t)=>{const n=new g(e,t);return n.object()?(n.enum("nodeType",r),n.errors):n.errors}),n.object("data")){const r=this.validateData?.(e.data,t.of("data"))??[];n.catch(...r)}return n.errors}}class I extends b{linkType;type;constructor(e,t){super(t,(e,t)=>this.assertLink(e,t)),this.linkType=e,this.type=this.linkType.startsWith("Contentful:")?"ResourceLink":"Link"}assertLink=(e,t)=>{const n=new g(e,t);if(n.object("target")){const r=new g(e.target.sys,t.of("target").of("sys"));r.object()&&(r.enum("type",[this.type]),r.enum("linkType",[this.linkType]),"Link"===this.type?(r.string("id"),r.noAdditionalProperties(["type","linkType","id"])):"ResourceLink"===this.type&&(r.string("urn"),r.noAdditionalProperties(["type","linkType","urn"]))),n.catch(...r.errors)}return n.noAdditionalProperties(["target"]),n.errors}}const x=(e,t)=>new b(e,t),H=(e,t)=>new I(e,t);x([...Object.values(f),"text"].sort()),x([A.LIST_ITEM]),H("Entry",N),x(()=>({nodeTypes:[A.PARAGRAPH],min:1}),(e,t)=>{const n=new g(e,t);return n.noAdditionalProperties(["colspan","rowspan"]),n.number("colspan",!0),n.number("rowspan",!0),n.errors});function C(e,t){return e.map((e,n)=>{return r=S(e,t),i=n,o.isValidElement(r)&&null===r.key?o.cloneElement(r,{key:i}):r;var r,i})}function S(e,t){const{renderNode:n,renderMark:r,renderText:i,preserveWhitespace:l}=t;if(function(e){return"text"===e.nodeType}(e)){let t=i?i(e.value):e.value;if(l&&!i){t=t.replace(/ {2,}/g,e=>" ".repeat(e.length));const e=t.split("\n"),n=[];e.forEach((t,r)=>{n.push(t),r!==e.length-1&&n.push(o.createElement("br",null))}),t=n}return e.marks.reduce((e,t)=>r[t.type]?r[t.type](e):e,t)}{const r=C(e.content,t);return e.nodeType&&n[e.nodeType]?n[e.nodeType](e,r):o.createElement(o.Fragment,null,r)}}A.DOCUMENT,x(D),A.PARAGRAPH,A.HEADING_1,A.HEADING_2,A.HEADING_3,A.HEADING_4,A.HEADING_5,A.HEADING_6,A.QUOTE,x(v[A.QUOTE]),A.EMBEDDED_ENTRY,A.EMBEDDED_ASSET,H("Asset",N),A.EMBEDDED_RESOURCE,H("Contentful:Entry",N),A.HR,x(N),A.OL_LIST,A.UL_LIST,A.LIST_ITEM,x([...L].sort()),A.TABLE,x(()=>({nodeTypes:[A.TABLE_ROW],min:1})),A.TABLE_ROW,x(()=>({nodeTypes:[A.TABLE_CELL,A.TABLE_HEADER_CELL],min:1})),A.TABLE_CELL,A.TABLE_HEADER_CELL,f.HYPERLINK,new class extends b{constructor(){super(["text"],(e,t)=>this.assertLink(e,t))}assertLink=(e,t)=>{const n=new g(e,t);return n.string("uri"),n.noAdditionalProperties(["uri"]),n.errors}},f.EMBEDDED_ENTRY,f.EMBEDDED_RESOURCE,H("Contentful:Entry",N),f.ENTRY_HYPERLINK,H("Entry",["text"]),f.ASSET_HYPERLINK,H("Asset",["text"]),f.RESOURCE_HYPERLINK,H("Contentful:Entry",["text"]);const w={[A.DOCUMENT]:(e,t)=>t,[A.PARAGRAPH]:(e,t)=>o.createElement("p",null,t),[A.HEADING_1]:(e,t)=>o.createElement("h1",null,t),[A.HEADING_2]:(e,t)=>o.createElement("h2",null,t),[A.HEADING_3]:(e,t)=>o.createElement("h3",null,t),[A.HEADING_4]:(e,t)=>o.createElement("h4",null,t),[A.HEADING_5]:(e,t)=>o.createElement("h5",null,t),[A.HEADING_6]:(e,t)=>o.createElement("h6",null,t),[A.EMBEDDED_ENTRY]:(e,t)=>o.createElement("div",null,t),[A.EMBEDDED_RESOURCE]:(e,t)=>o.createElement("div",null,t),[A.UL_LIST]:(e,t)=>o.createElement("ul",null,t),[A.OL_LIST]:(e,t)=>o.createElement("ol",null,t),[A.LIST_ITEM]:(e,t)=>o.createElement("li",null,t),[A.QUOTE]:(e,t)=>o.createElement("blockquote",null,t),[A.HR]:()=>o.createElement("hr",null),[A.TABLE]:(e,t)=>o.createElement("table",null,o.createElement("tbody",null,t)),[A.TABLE_ROW]:(e,t)=>o.createElement("tr",null,t),[A.TABLE_HEADER_CELL]:(e,t)=>o.createElement("th",null,t),[A.TABLE_CELL]:(e,t)=>o.createElement("td",null,t),[f.ASSET_HYPERLINK]:e=>B(f.ASSET_HYPERLINK,e),[f.ENTRY_HYPERLINK]:e=>B(f.ENTRY_HYPERLINK,e),[f.RESOURCE_HYPERLINK]:e=>j(f.RESOURCE_HYPERLINK,e),[f.EMBEDDED_ENTRY]:e=>B(f.EMBEDDED_ENTRY,e),[f.EMBEDDED_RESOURCE]:(e,t)=>j(f.EMBEDDED_RESOURCE,e),[f.HYPERLINK]:(e,t)=>o.createElement("a",{href:e.data.uri},t)},P={[T.BOLD]:e=>o.createElement("b",null,e),[T.ITALIC]:e=>o.createElement("i",null,e),[T.UNDERLINE]:e=>o.createElement("u",null,e),[T.CODE]:e=>o.createElement("code",null,e),[T.SUPERSCRIPT]:e=>o.createElement("sup",null,e),[T.SUBSCRIPT]:e=>o.createElement("sub",null,e),[T.STRIKETHROUGH]:e=>o.createElement("s",null,e)};function B(e,t){return o.createElement("span",{key:t.data.target.sys.id},"type: ",t.nodeType," id: ",t.data.target.sys.id)}function j(e,t){return o.createElement("span",{key:t.data.target.sys.urn},"type: ",t.nodeType," urn: ",t.data.target.sys.urn)}function k(e,t={}){if(!e)return null;let n=e;return t.stripEmptyTrailingParagraph&&(n=y(e)),S(n,{renderNode:{...w,...t.renderNode},renderMark:{...P,...t.renderMark},renderText:t.renderText,preserveWhitespace:t.preserveWhitespace})}const M={renderMark:{[T.BOLD]:e=>i.jsx("strong",{className:"label3",children:e}),[T.ITALIC]:e=>i.jsx("em",{children:e}),[T.UNDERLINE]:e=>i.jsx("u",{children:e}),[T.CODE]:e=>i.jsx("code",{children:e})},renderNode:{[A.PARAGRAPH]:(e,t)=>i.jsx("div",{className:"body3 mb-4",children:t}),[A.HEADING_1]:(e,t)=>i.jsx(d.Text,{as:"h1",className:"heading2 md:heading1",children:t}),[A.HEADING_2]:(e,t)=>i.jsx(d.Text,{as:"h2",className:"heading6 md:heading5",children:t}),[A.HEADING_3]:(e,t)=>i.jsx(d.Text,{as:"h3",className:"heading6 md:heading5",children:t}),[A.HEADING_4]:(e,t)=>i.jsx(d.Text,{as:"h3",className:"headingClass",children:t}),[A.HEADING_5]:(e,t)=>i.jsx(d.Text,{as:"h3",className:"heading6 md:heading5",children:t}),[A.HEADING_6]:(e,t)=>i.jsx(d.Text,{as:"h3",className:"heading6",children:t}),[A.QUOTE]:(e,t)=>i.jsx("blockquote",{children:t}),[A.UL_LIST]:(e,t)=>i.jsx("ul",{children:t}),[A.OL_LIST]:(e,t)=>i.jsx("ol",{children:t}),[A.LIST_ITEM]:(e,t)=>i.jsx("li",{children:t}),[f.HYPERLINK]:(e,t)=>{var n;const r=null===(n=null==e?void 0:e.data)||void 0===n?void 0:n.uri,o=/^https?:\/\//.test(r);return i.jsx("a",{href:r,target:o?"_blank":void 0,rel:o?"noopener noreferrer":void 0,children:t})},[A.EMBEDDED_ASSET]:e=>{var t,n;const r=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.target,o=null==r?void 0:r.fields,l=(null==r?void 0:r.url)||(null===(n=null==o?void 0:o.file)||void 0===n?void 0:n.url),s=(null==o?void 0:o.title)||(null==o?void 0:o.description)||"Embedded asset";if(!l)return null;const a=l.startsWith("//")?`https:${l}`:l;return i.jsx("img",{src:a,alt:s,style:{maxWidth:"100%"}})},[A.EMBEDDED_ENTRY]:e=>{var t,n,r,o;const l=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.target;return"callout"===(null===(o=null===(r=null===(n=null==l?void 0:l.sys)||void 0===n?void 0:n.contentType)||void 0===r?void 0:r.sys)||void 0===o?void 0:o.id)?i.jsxs("aside",{style:{border:"1px solid #ddd",padding:12,borderRadius:8},children:[i.jsx("strong",{children:l.fields.title}),i.jsx("div",{children:l.fields.body})]}):null},[f.EMBEDDED_ENTRY]:e=>{var t,n,r,o,l,s;const a=null===(t=null==e?void 0:e.data)||void 0===t?void 0:t.target;return"componentCheckList"===(null===(o=null===(r=null===(n=null==a?void 0:a.sys)||void 0===n?void 0:n.contentType)||void 0===r?void 0:r.sys)||void 0===o?void 0:o.id)?i.jsxs("span",{style:{display:"inline-flex",alignItems:"center",gap:"4px",padding:"2px 6px",backgroundColor:"#f0fdf4",border:"1px solid #bbf7d0",borderRadius:"4px",fontSize:"0.9em"},children:["✅ ",a.fields.title]}):i.jsx("span",{children:null!==(s=null===(l=null==a?void 0:a.fields)||void 0===l?void 0:l.title)&&void 0!==s?s:""})}}};function O(e,t,n="body1",r="body1 font-bold",o){if(!e||!Array.isArray(e.content))return null;return k(e,{...M,...o,renderNode:{...M.renderNode,...null==o?void 0:o.renderNode,[A.PARAGRAPH]:(e,t)=>i.jsx("div",{className:n,children:t}),[f.HYPERLINK]:(e,n)=>{var o;const l=null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.uri,a=/^https?:\/\//.test(l),d=null!=t?t:a;return i.jsx(s.Link,{href:l,target:d?"_blank":"_self",rel:d?"noopener noreferrer":void 0,variant:"default",className:r,children:n})}}})}const G={renderMark:{[T.BOLD]:e=>o.createElement("span",{className:"label1"},e)}};Object.defineProperty(exports,"clsx",{enumerable:!0,get:function(){return e.clsx}}),exports.SpeedCardBg=(e="#24A76A")=>`<svg xmlns="http://www.w3.org/2000/svg" width="684" height="107" viewBox="0 0 684 107" fill="none">\n    <g clip-path="url(#clip0_12352_9042)">\n      <path d="M154.09 -70.5605C173.769 -7.58032 204.79 24.8889 328.202 55.2823C444.619 83.9133 629.479 141.332 667.653 80.7015C691.679 45.2165 678.322 -5.62201 670.537 -46.3554C664.452 -73.1846 658.327 -97.1939 652.913 -123.475C651.135 -132.091 638.766 -131.974 637.067 -123.318C628.136 -77.6888 612.526 -44.9062 577.593 -22.4637C517.962 20.1889 377.954 -6.48361 303.148 -38.287C223.245 -70.7171 200.918 -132.366 195.425 -199.341C193.37 -235.257 198.467 -269.841 208.07 -299.569C210.915 -308.303 199.218 -314.178 193.844 -306.697C151.324 -247.751 137.69 -140.395 154.129 -70.5213" fill="${e}" />\n      <path d="M167.605 -417.382C104.062 -397.877 71.302 -367.131 40.6368 -244.813C11.7499 -129.428 -46.182 53.7941 14.9903 91.6292C50.7927 115.443 102.086 102.204 143.183 94.4883C170.253 88.4567 194.476 82.3858 220.992 77.02C229.686 75.2574 229.568 62.9983 220.834 61.3141C174.797 52.4624 141.721 36.9915 119.078 2.36813C76.0441 -56.7345 102.955 -195.502 135.043 -269.645C167.763 -348.84 229.963 -370.969 297.537 -376.414C333.774 -378.45 368.667 -373.398 398.661 -363.88C407.473 -361.06 413.401 -372.654 405.853 -377.98C346.38 -420.124 238.064 -433.636 167.565 -417.343" fill="${e}" />\n    </g>\n    <defs>\n      <clipPath id="clip0_12352_9042">\n        <rect width="684" height="107" fill="white" />\n      </clipPath>\n    </defs>\n  </svg>`,exports.UTM_PARAM_NAMES=m,exports.buildPreservedQueryHref=function(e,t){if(!t)return e;const n=new URLSearchParams(t),r=new Set(m),i=new Set([...r,"searchtext","page"]);let o,l;try{if(e.startsWith("http://")||e.startsWith("https://")){const t=new URL(e);o=t.origin+t.pathname,l=t.searchParams}else{const[t,n]=e.split("?");o=t,l=new URLSearchParams(n||"")}}catch(t){return e}const s=new URLSearchParams(l);n.forEach((e,t)=>{i.has(t.toLowerCase())||s.has(t)||s.set(t,e)});const a=s.toString();return a?`${o}?${a}`:o},exports.combineExistingAndNewUTMs=function(e,t){if(!t)return e||{};if(!e)return t;if(["utm_campaign","utm_medium","utm_source","utm_campaign_id","utm_adgroup_id","fbclid","gclid","msclkid"].every(n=>(e[n]||"")===(t[n]||"")))return{...t,utm_content:e.utm_content||t.utm_content,utm_term:e.utm_term||t.utm_term};const n=!!t.utm_content,r=!!t.utm_term;return{...t,...!n&&e.utm_content&&{utm_content:e.utm_content},...!r&&e.utm_term&&{utm_term:e.utm_term}}},exports.cx=(...t)=>c(e.clsx(...t)),exports.getCampaignProperties=function(e){if(!e)return null;const t={};return e.utm_campaign&&(t.name=e.utm_campaign),e.utm_source&&(t.source=e.utm_source),e.utm_medium&&(t.medium=e.utm_medium),e.utm_term&&(t.term=e.utm_term),e.utm_content&&(t.content=e.utm_content),e.utm_campaign_id&&(t.campaign_id=e.utm_campaign_id),e.utm_adgroup_id&&(t.adgroup_id=e.utm_adgroup_id),e.gclid&&(t.gclid=e.gclid),e.fbclid&&(t.fbclid=e.fbclid),e.msclkid&&(t.msclkid=e.msclkid),Object.keys(t).length>0?t:null},exports.getCookie=h,exports.getOrganicTrafficUtmParameters=function(){if("undefined"==typeof document)return null;const e=document.referrer;if(!e)return{utm_medium:"direct",utm_source:"direct"};let t;try{t=new URL(e).hostname.toLowerCase()}catch(e){return{utm_medium:"direct",utm_source:"direct"}}return t.includes("windstream.com")||t.includes("gokinetic.com")?null:t.includes("google.")?{utm_medium:"organic",utm_source:"google"}:t.includes("bing.")?{utm_medium:"organic",utm_source:"bing"}:{utm_medium:"referral",utm_source:t}},exports.getParsedCookie=e=>{try{return JSON.parse(h(e)||"")}catch(e){return null}},exports.getUTMs=function(){if("undefined"==typeof window)return null;const e=r.get(u);if(!e)return null;try{const t=n.Base64.decode(e);return JSON.parse(t)}catch(e){return null}},exports.getUtmParametersFromURL=function(){if("undefined"==typeof window)return null;const e=new URLSearchParams(window.location.search),t={};let n=!1;for(const r of m){const i=e.get(r);i&&(t[r]=i,n=!0)}return n?t:null},exports.label1BoldOptions=G,exports.removeUTMs=function(e=E){r.remove(u,{domain:e,path:"/"})},exports.renderContentfulRichText=O,exports.renderContentfulRichTextTable=function(e,t){if(!e||!Array.isArray(e.content))return null;const n={...M,renderMark:{...M.renderMark,[T.BOLD]:e=>i.jsx("strong",{className:"label4 md:label2",children:e})},renderNode:{...M.renderNode,[A.PARAGRAPH]:(e,t)=>i.jsx(i.Fragment,{children:t}),[A.TABLE]:(e,t)=>{var n,r;return i.jsx("div",{className:"comparison-table-wrapper w-full overflow-x-auto border-none md:overflow-hidden",children:i.jsx("table",{className:"responsive-table w-full table-fixed border-collapse "+((null===(r=null===(n=e.content[0])||void 0===n?void 0:n.content)||void 0===r?void 0:r.length)>2?"min-w-[100.1%]":"min-w-full"),children:i.jsx("tbody",{children:t})})})},[A.TABLE_ROW]:(e,t)=>i.jsx("tr",{className:"border-b border-gray-200 last:border-0",children:t}),[A.TABLE_HEADER_CELL]:(e,t)=>{var n;const r=(null===(n=e.parent)||void 0===n?void 0:n.content.length)>2;return i.jsx("th",{className:`label4 break-words py-4 text-center md:label2 ${r?"sticky left-0 z-20 w-[50vw] min-w-[50vw] first:z-30 first:w-[50vw] first:min-w-[50vw] first:border-r":"w-1/4 first:w-1/2"} `,children:t})},[A.TABLE_CELL]:(e,t)=>{var n,r,o,l;const s=(null===(n=e.parent)||void 0===n?void 0:n.content.length)>2,d=null===(l=null===(o=null===(r=e.content[0])||void 0===r?void 0:r.content[0])||void 0===o?void 0:o.value)||void 0===l?void 0:l.toLowerCase().trim();return i.jsx("td",{className:`rt-table-cell footnote break-words bg-white py-2 text-center align-top leading-5 text-text md:body2 first:text-left md:py-4 md:leading-7 ${s?"w-[50vw] min-w-[50vw] first:sticky first:left-0 first:z-10 first:w-[50vw] first:min-w-[50vw] first:border-r":"w-1/4 first:w-1/2"} `,children:i.jsxs(i.Fragment,{children:[" ","yes"===d?i.jsx(a.MaterialIcon,{name:"check_circle",color:"#24A76A",fill:1}):"no"===d?i.jsx(a.MaterialIcon,{name:"cancel",color:"#CECECE",fill:1}):t]})})},[f.EMBEDDED_ENTRY]:e=>{var n,r,o,s;const a=e.data.target.sys.id,d=null===(r=null===(n=null==t?void 0:t.entries)||void 0===n?void 0:n.inline)||void 0===r?void 0:r.find(e=>e.sys.id===a);if(!d)return null;if("ComponentCheckList"===d.__typename){const e=(null===(s=null===(o=d.list)||void 0===o?void 0:o.items)||void 0===s?void 0:s.map(e=>{var t;return O(_(null!==(t=null==e?void 0:e.checkListTitle)&&void 0!==t?t:""),!0,"")}))||[];return i.jsx(l.Checklist,{items:e,listIconName:"disc",listItemClassName:"items-baseline footnote md:body2 leading-5 md:leading-7 text-text"})}return i.jsx("span",{children:d.title||""})}}};return k(e,n)},exports.setCookie=(e,t,i)=>{if("undefined"==typeof window)return;const o=JSON.stringify(t),l=n.Base64.encode(o);r.set(e,l,i)},exports.setUTMs=function(e,t=E){if("undefined"==typeof window)return;const i=JSON.stringify(e),o=n.Base64.encode(i);r.set(u,o,{domain:t,path:"/",sameSite:"Lax"})},exports.toDocument=_,exports.useContentfulRichText=function(e,t){return o.useMemo(()=>{if(!e||!Array.isArray(e.content))return null;const n={...M,renderMark:{...M.renderMark,...null==t?void 0:t.renderMark},renderNode:{...M.renderNode,...null==t?void 0:t.renderNode}};return k(e,n)},[e,t])},exports.useProcessedChecklist=function(e,t,n,r){return o.useMemo(()=>{var i,o;const l=null!==(o=null===(i=null==e?void 0:e.list)||void 0===i?void 0:i.items)&&void 0!==o?o:[];return t?l.map(e=>{var t,i;return null!==(i=O(_(null!==(t=null==e?void 0:e.checkListTitle)&&void 0!==t?t:""),void 0,r,void 0,n))&&void 0!==i?i:""}):l.map(e=>{var t,i,o,l,s;return{title:null!==(i=O(_(null!==(t=null==e?void 0:e.checkListTitle)&&void 0!==t?t:""),void 0,r,void 0,n))&&void 0!==i?i:"",iconUrl:null!==(l=null===(o=null==e?void 0:e.icon)||void 0===o?void 0:o.url)&&void 0!==l?l:void 0,anchorId:null!==(s=null==e?void 0:e.anchorId)&&void 0!==s?s:void 0}})},[e,t,n,r])};
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windstream/react-shared-components",
-  "version": "0.1.93",
+  "version": "0.1.95",
   "type": "module",
   "description": "Shared React components for Kinetic applications",
   "main": "dist/index.js",
@@ -85,8 +85,10 @@
     "lint:fix": "eslint src --ext .ts,.tsx --fix",
     "format": "prettier --write \"src/**/*.(js|jsx|ts|tsx|css)\" | grep -v \"changed\" || true",
     "format:check": "prettier --check .",
-    "test": "jest",
+    "test": "npm run lint:tests && jest",
+    "test:unit": "jest --ci --coverage --watchAll=false",
     "test:watch": "jest --watch",
+    "test:coverage": "jest --coverage",
     "type-check": "tsc --noEmit",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
@@ -104,16 +106,16 @@
   "dependencies": {
     "@contentful/rich-text-react-renderer": "^16.1.6",
     "@contentful/rich-text-types": "^17.2.5",
+    "@radix-ui/react-dialog": "1.0.5",
     "@types/react-modal": "3.16.3",
     "@types/react-transition-group": "4.4.12",
     "clsx": "2.1.1",
-    "js-cookie": "^3.0.5",
+    "framer-motion": "10.12.16",
     "js-base64": "^3.7.7",
+    "js-cookie": "^3.0.5",
     "react-modal": "3.16.3",
     "react-select": "5.10.2",
-    "react-transition-group": "4.4.5",
-    "@radix-ui/react-dialog": "1.0.5",
-    "framer-motion": "10.12.16"
+    "react-transition-group": "4.4.5"
   },
   "optionalDependencies": {
     "@types/js-cookie": "^3.0.6"
@@ -132,6 +134,7 @@
     "@tailwindcss/typography": "^0.5.19",
     "@testing-library/jest-dom": "6.6.4",
     "@testing-library/react": "16.3.0",
+    "@types/jest": "^29.5.14",
     "@types/react": "18.3.23",
     "@types/react-dom": "18.3.7",
     "@types/react-select": "5.0.1",
@@ -145,8 +148,9 @@
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "5.2.0",
     "eslint-plugin-storybook": "9.1.3",
-    "jest": "30.0.5",
-    "jest-environment-jsdom": "30.0.5",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "next": "^16.1.6",
     "postcss": "8.5.6",
     "postcss-loader": "8.1.1",
@@ -162,6 +166,8 @@
     "tailwind-merge": "3.3.1",
     "tailwindcss": "3.4.17",
     "tailwindcss-radix": "^4.0.2",
+    "ts-jest": "^29.4.9",
+    "ts-node": "^10.9.2",
     "typescript": "5.3.3"
   },
   "keywords": [

package/src/components/accordion/index.test.tsx

@@ -0,0 +1,270 @@
+import "@testing-library/jest-dom";
+
+import { Accordion } from "./index";
+
+import { fireEvent, render, screen } from "@testing-library/react";
+
+// Mock dependencies
+jest.mock("@shared/components/button", () => ({
+  Button: ({ children, onClick, ...props }: any) => (
+    <button onClick={onClick} {...props}>
+      {children}
+    </button>
+  ),
+}));
+
+jest.mock("@shared/components/collapse", () => ({
+  Collapse: ({ open, children }: any) => (
+    <div data-testid="collapse" data-open={open}>
+      {open ? children : null}
+    </div>
+  ),
+}));
+
+jest.mock("@shared/components/material-icon", () => ({
+  MaterialIcon: ({ name, className }: any) => (
+    <span data-testid="material-icon" data-name={name} className={className}>
+      {name}
+    </span>
+  ),
+}));
+
+jest.mock("@shared/utils", () => ({
+  cx: (...args: any[]) => args.filter(Boolean).join(" "),
+}));
+
+describe("Accordion", () => {
+  const defaultProps = {
+    title: "Accordion Title",
+    children: <p>Accordion content</p>,
+  };
+
+  it("renders without crashing", () => {
+    render(<Accordion {...defaultProps} />);
+    expect(screen.getByText("Accordion Title")).toBeInTheDocument();
+  });
+
+  it("has displayName set to Accordion", () => {
+    expect(Accordion.displayName).toBe("Accordion");
+  });
+
+  describe("initial state", () => {
+    it("starts closed by default", () => {
+      render(<Accordion {...defaultProps} />);
+      const collapse = screen.getByTestId("collapse");
+      expect(collapse).toHaveAttribute("data-open", "false");
+    });
+
+    it("starts open when defaultOpen is true", () => {
+      render(<Accordion {...defaultProps} defaultOpen={true} />);
+      const collapse = screen.getByTestId("collapse");
+      expect(collapse).toHaveAttribute("data-open", "true");
+    });
+
+    it("starts closed when defaultOpen is false", () => {
+      render(<Accordion {...defaultProps} defaultOpen={false} />);
+      const collapse = screen.getByTestId("collapse");
+      expect(collapse).toHaveAttribute("data-open", "false");
+    });
+  });
+
+  describe("openOnlyOnDesktop", () => {
+    it("opens on desktop (width >= 1024)", () => {
+      Object.defineProperty(window, "innerWidth", {
+        writable: true,
+        value: 1024,
+      });
+      render(<Accordion {...defaultProps} openOnlyOnDesktop={true} />);
+      const collapse = screen.getByTestId("collapse");
+      expect(collapse).toHaveAttribute("data-open", "true");
+    });
+
+    it("stays closed on mobile (width < 1024)", () => {
+      Object.defineProperty(window, "innerWidth", {
+        writable: true,
+        value: 768,
+      });
+      render(<Accordion {...defaultProps} openOnlyOnDesktop={true} />);
+      const collapse = screen.getByTestId("collapse");
+      expect(collapse).toHaveAttribute("data-open", "false");
+    });
+
+    it("ignores defaultOpen when openOnlyOnDesktop is true", () => {
+      Object.defineProperty(window, "innerWidth", {
+        writable: true,
+        value: 500,
+      });
+      render(
+        <Accordion
+          {...defaultProps}
+          openOnlyOnDesktop={true}
+          defaultOpen={true}
+        />
+      );
+      const collapse = screen.getByTestId("collapse");
+      expect(collapse).toHaveAttribute("data-open", "false");
+    });
+  });
+
+  describe("toggle behavior", () => {
+    it("opens when button is clicked while closed", () => {
+      render(<Accordion {...defaultProps} />);
+      const button = screen.getByRole("button");
+      fireEvent.click(button);
+      const collapse = screen.getByTestId("collapse");
+      expect(collapse).toHaveAttribute("data-open", "true");
+    });
+
+    it("closes when button is clicked while open", () => {
+      render(<Accordion {...defaultProps} defaultOpen={true} />);
+      const button = screen.getByRole("button");
+      fireEvent.click(button);
+      const collapse = screen.getByTestId("collapse");
+      expect(collapse).toHaveAttribute("data-open", "false");
+    });
+
+    it("toggles multiple times", () => {
+      render(<Accordion {...defaultProps} />);
+      const button = screen.getByRole("button");
+      const collapse = screen.getByTestId("collapse");
+
+      fireEvent.click(button);
+      expect(collapse).toHaveAttribute("data-open", "true");
+
+      fireEvent.click(button);
+      expect(collapse).toHaveAttribute("data-open", "false");
+
+      fireEvent.click(button);
+      expect(collapse).toHaveAttribute("data-open", "true");
+    });
+  });
+
+  describe("icon state", () => {
+    it("shows keyboard_arrow_down when closed", () => {
+      render(<Accordion {...defaultProps} />);
+      const icon = screen.getByTestId("material-icon");
+      expect(icon).toHaveAttribute("data-name", "keyboard_arrow_down");
+    });
+
+    it("shows keyboard_arrow_up when open", () => {
+      render(<Accordion {...defaultProps} defaultOpen={true} />);
+      const icon = screen.getByTestId("material-icon");
+      expect(icon).toHaveAttribute("data-name", "keyboard_arrow_up");
+    });
+
+    it("toggles icon when clicked", () => {
+      render(<Accordion {...defaultProps} />);
+      const button = screen.getByRole("button");
+      const icon = screen.getByTestId("material-icon");
+
+      expect(icon).toHaveAttribute("data-name", "keyboard_arrow_down");
+      fireEvent.click(button);
+      expect(icon).toHaveAttribute("data-name", "keyboard_arrow_up");
+    });
+  });
+
+  describe("children rendering", () => {
+    it("renders children when open", () => {
+      render(<Accordion {...defaultProps} defaultOpen={true} />);
+      expect(screen.getByText("Accordion content")).toBeInTheDocument();
+    });
+
+    it("does not render children when closed", () => {
+      render(<Accordion {...defaultProps} />);
+      expect(screen.queryByText("Accordion content")).not.toBeInTheDocument();
+    });
+
+    it("renders complex children", () => {
+      render(
+        <Accordion title="Test">
+          <div data-testid="child-1">Child 1</div>
+          <div data-testid="child-2">Child 2</div>
+        </Accordion>
+      );
+      const button = screen.getByRole("button");
+      fireEvent.click(button);
+      expect(screen.getByTestId("child-1")).toBeInTheDocument();
+      expect(screen.getByTestId("child-2")).toBeInTheDocument();
+    });
+  });
+
+  describe("className props", () => {
+    it("applies containerClassName to outer div", () => {
+      const { container } = render(
+        <Accordion {...defaultProps} containerClassName="custom-container" />
+      );
+      expect(container.firstChild).toHaveClass("custom-container");
+    });
+
+    it("applies titleClassName to title span", () => {
+      render(<Accordion {...defaultProps} titleClassName="custom-title" />);
+      const titleSpan = screen.getByText("Accordion Title");
+      expect(titleSpan).toHaveClass("custom-title");
+    });
+
+    it("applies buttonClassName to button", () => {
+      render(<Accordion {...defaultProps} buttonClassName="custom-button" />);
+      const button = screen.getByRole("button");
+      expect(button.className).toContain("custom-button");
+    });
+
+    it("applies iconClassName to material icon", () => {
+      render(<Accordion {...defaultProps} iconClassName="custom-icon" />);
+      const icon = screen.getByTestId("material-icon");
+      expect(icon).toHaveClass("custom-icon");
+    });
+
+    it("applies className to content div when open", () => {
+      render(
+        <Accordion
+          {...defaultProps}
+          defaultOpen={true}
+          className="custom-content"
+        />
+      );
+      const contentDiv = screen.getByText("Accordion content").parentElement;
+      expect(contentDiv).toHaveClass("custom-content");
+    });
+  });
+
+  describe("borderRadiusNone", () => {
+    it("applies rounded-none when borderRadiusNone is true", () => {
+      const { container } = render(
+        <Accordion {...defaultProps} borderRadiusNone={true} />
+      );
+      expect(container.firstChild).toHaveClass("rounded-none");
+    });
+
+    it("applies rounded-surface-xs when borderRadiusNone is false", () => {
+      const { container } = render(
+        <Accordion {...defaultProps} borderRadiusNone={false} />
+      );
+      expect(container.firstChild).toHaveClass("rounded-surface-xs");
+    });
+
+    it("applies rounded-surface-xs by default", () => {
+      const { container } = render(<Accordion {...defaultProps} />);
+      expect(container.firstChild).toHaveClass("rounded-surface-xs");
+    });
+
+    it("applies rounded-none to button when borderRadiusNone is true", () => {
+      render(<Accordion {...defaultProps} borderRadiusNone={true} />);
+      const button = screen.getByRole("button");
+      expect(button.className).toContain("rounded-none");
+    });
+
+    it("applies rounded-t-surface-xs to button when borderRadiusNone is false", () => {
+      render(<Accordion {...defaultProps} borderRadiusNone={false} />);
+      const button = screen.getByRole("button");
+      expect(button.className).toContain("rounded-t-surface-xs");
+    });
+  });
+
+  describe("button attributes", () => {
+    it("renders button with type button", () => {
+      render(<Accordion {...defaultProps} />);
+      const button = screen.getByRole("button");
+      expect(button).toHaveAttribute("type", "button");
+    });
+  });
+});

package/src/components/alert-card/index.test.tsx

@@ -0,0 +1,152 @@
+import "@testing-library/jest-dom";
+
+import { AlertCard } from "./index";
+
+import { render, screen } from "@testing-library/react";
+
+// Mock dependencies
+jest.mock("@shared/components/material-icon", () => ({
+  MaterialIcon: ({ name, size, className }: any) => (
+    <span
+      data-testid="material-icon"
+      data-name={name}
+      data-size={size}
+      className={className}
+    >
+      {name}
+    </span>
+  ),
+}));
+
+jest.mock("@shared/components/text", () => ({
+  Text: ({ children, className }: any) => (
+    <span data-testid="alert-text" className={className}>
+      {children}
+    </span>
+  ),
+}));
+
+jest.mock("@shared/utils", () => ({
+  cx: (...args: any[]) => args.filter(Boolean).join(" "),
+}));
+
+describe("AlertCard", () => {
+  it("has displayName set to AlertCard", () => {
+    expect(AlertCard.displayName).toBe("AlertCard");
+  });
+
+  describe("rendering", () => {
+    it("renders null when errorMessage is undefined", () => {
+      const { container } = render(<AlertCard />);
+      expect(container.firstChild).toBeNull();
+    });
+
+    it("renders null when errorMessage is empty string", () => {
+      const { container } = render(<AlertCard errorMessage="" />);
+      expect(container.firstChild).toBeNull();
+    });
+
+    it("renders null when errorMessage is null", () => {
+      const { container } = render(<AlertCard errorMessage={null as any} />);
+      expect(container.firstChild).toBeNull();
+    });
+
+    it("renders when errorMessage is provided", () => {
+      render(<AlertCard errorMessage="Something went wrong" />);
+      expect(screen.getByTestId("alert-card")).toBeInTheDocument();
+    });
+
+    it("renders the error message text", () => {
+      render(<AlertCard errorMessage="Connection failed" />);
+      expect(screen.getByText("Connection failed")).toBeInTheDocument();
+    });
+
+    it("renders a ReactNode as errorMessage", () => {
+      render(
+        <AlertCard
+          errorMessage={<strong data-testid="custom-node">Error!</strong>}
+        />
+      );
+      expect(screen.getByTestId("custom-node")).toBeInTheDocument();
+    });
+  });
+
+  describe("icon props", () => {
+    it("renders default icon name 'dangerous'", () => {
+      render(<AlertCard errorMessage="Error" />);
+      const icon = screen.getByTestId("material-icon");
+      expect(icon).toHaveAttribute("data-name", "dangerous");
+    });
+
+    it("renders custom icon name", () => {
+      render(<AlertCard errorMessage="Error" iconName="error" />);
+      const icon = screen.getByTestId("material-icon");
+      expect(icon).toHaveAttribute("data-name", "error");
+    });
+
+    it("uses default icon size of 52", () => {
+      render(<AlertCard errorMessage="Error" />);
+      const icon = screen.getByTestId("material-icon");
+      expect(icon).toHaveAttribute("data-size", "52");
+    });
+
+    it("uses custom icon size", () => {
+      render(<AlertCard errorMessage="Error" iconSize={24} />);
+      const icon = screen.getByTestId("material-icon");
+      expect(icon).toHaveAttribute("data-size", "24");
+    });
+
+    it("applies iconClassName to icon", () => {
+      render(<AlertCard errorMessage="Error" iconClassName="custom-icon" />);
+      const icon = screen.getByTestId("material-icon");
+      expect(icon).toHaveClass("custom-icon");
+    });
+
+    it("applies text-icon-critical class to icon by default", () => {
+      render(<AlertCard errorMessage="Error" />);
+      const icon = screen.getByTestId("material-icon");
+      expect(icon).toHaveClass("text-icon-critical");
+    });
+  });
+
+  describe("className props", () => {
+    it("applies custom className to container", () => {
+      render(<AlertCard errorMessage="Error" className="custom-class" />);
+      const card = screen.getByTestId("alert-card");
+      expect(card).toHaveClass("custom-class");
+    });
+
+    it("applies textVariant to text element", () => {
+      render(<AlertCard errorMessage="Error" textVariant="body1" />);
+      const text = screen.getByTestId("alert-text");
+      expect(text).toHaveClass("body1");
+    });
+
+    it("applies default text classes", () => {
+      render(<AlertCard errorMessage="Error" />);
+      const text = screen.getByTestId("alert-text");
+      expect(text.className).toContain("body2");
+      expect(text.className).toContain("text-text");
+    });
+  });
+
+  describe("structure", () => {
+    it("renders data-testid attribute on container", () => {
+      render(<AlertCard errorMessage="Error" />);
+      expect(screen.getByTestId("alert-card")).toBeInTheDocument();
+    });
+
+    it("renders icon within a wrapper div", () => {
+      render(<AlertCard errorMessage="Error" />);
+      const icon = screen.getByTestId("material-icon");
+      expect(icon.parentElement?.tagName).toBe("DIV");
+    });
+
+    it("applies base styling classes to container", () => {
+      render(<AlertCard errorMessage="Error" />);
+      const card = screen.getByTestId("alert-card");
+      expect(card).toHaveClass("flex");
+      expect(card).toHaveClass("flex-col");
+    });
+  });
+});