@windstream/react-shared-components 0.1.40 → 0.1.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@windstream/react-shared-components",
-  "version": "0.1.40",
+  "version": "0.1.42",
   "type": "module",
   "description": "Shared React components for Kinetic applications",
   "main": "dist/index.js",

package/src/components/brand-button/index.tsx

@@ -32,7 +32,7 @@ export const BrandButton = forwardRef<
     const getVariantClasses = () => {
       const baseClasses = cx(
         sizeToClassNames(size),
-        "rounded-button pl-15 pr-15 inline-flex gap-2 items-center justify-center outline-none focus:ring-2 focus:ring-offset-2 cursor-pointer transition-colors duration-200 align-top",
+        "rounded-button pl-15 pr-15 inline-flex gap-2 items-center justify-center outline-none focus:ring-2 focus:ring-offset-2 cursor-pointer transition-colors duration-200 align-top whitespace-nowrap",
         fullWidth && "w-full"
       );
 

package/src/contentful/blocks/primary-hero/index.tsx

@@ -25,6 +25,8 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
     secondaryCta,
     secondaryCtaPrefix,
     onModalButtonClick,
+    hideOnMobileCta1,
+    hideOnMobileCta2,
   } = props;
 
   const bottomLinkLabel = bottomLink?.buttonLabel ?? bottomLink?.label;
@@ -92,16 +94,21 @@ export const PrimaryHero: React.FC<PrimaryHeroProps> = props => {
             {/* CTA section */}
             <div className="flex flex-col gap-3">
               {/* desktop CTA */}
-              {primaryCta1 && (
-                <div className={cx("flex justify-center md:flex-col md:items-start [&_a]:whitespace-nowrap [&_button]:whitespace-nowrap")}>
-                  <Button
+             {primaryCta1 && (
+                <div
+                  className={cx(
+                    "md:flex md:flex-col",
+                    hideOnMobileCta1 && "hidden"
+                  )}
+                >
+                <Button
                     {...primaryCta1}
                     renderCheckPlans={renderCheckPlans}
                     onModalButtonClick={onModalButtonClick}
+                    fullWidth={true}
                   />
                 </div>
               )}
-
               {secondaryCtaPrefix || secondaryCta ? (
                 <div className="hidden md:flex">
                   {secondaryCtaPrefix && (

package/src/contentful/blocks/primary-hero/types.ts

@@ -22,6 +22,8 @@ export type PrimaryHeroProps = {
   primaryCtaPrefix2?: string;
   primaryCta1?: any;
   primaryCta2?: any;
+  hideOnMobileCta1?: boolean;
+  hideOnMobileCta2?: boolean;   
   secondaryCtaPrefix?: string;
   secondaryCta?: any;
   bottomLink?: any;

package/src/utils/cookie.ts

@@ -8,7 +8,7 @@ import { Base64 } from "js-base64";
 import Cookies from "js-cookie";
 
 const UTM_COOKIE_KEY = "utm_parameters";
-const DEFAULT_DOMAIN = ".windstream.com";
+const DEFAULT_DOMAIN = ".gokinetic.com";
 
 /**
  * Reads UTM parameters from the Base64-encoded cookie.
@@ -31,7 +31,7 @@ export function getUTMs(): UTMProperties | null {
 /**
  * Stores UTM parameters as a Base64-encoded JSON cookie.
  * @param utms - The UTM properties to store.
- * @param domain - Cookie domain (defaults to `.windstream.com`).
+ * @param domain - Cookie domain (defaults to `.gokinetic.com`).
  */
 export function setUTMs(
   utms: UTMProperties,
@@ -51,7 +51,7 @@ export function setUTMs(
 
 /**
  * Removes the UTM cookie.
- * @param domain - Cookie domain (defaults to `.windstream.com`).
+ * @param domain - Cookie domain (defaults to `.gokinetic.com`).
  */
 export function removeUTMs(domain: string = DEFAULT_DOMAIN): void {
   Cookies.remove(UTM_COOKIE_KEY, { domain, path: "/" });