keystone-design-bootstrap 1.0.61 → 1.0.62

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "keystone-design-bootstrap",
-  "version": "1.0.61",
+  "version": "1.0.62",
   "description": "Keystone Design Bootstrap - Sections, Elements, and Theme System for customer websites",
   "type": "module",
   "main": "./src/index.ts",

package/src/design_system/portal/PortalPage.tsx

@@ -154,7 +154,7 @@ function LockButton({ label = 'View price' }: { label?: string }) {
   );
 }
 
-function LoginWall({ message, cta = 'Sign in' }: { message: string; cta?: string }) {
+function LoginWall({ message, cta }: { message: string; cta: string }) {
   return (
     <div className="flex flex-col items-center justify-center py-20 text-center">
       <div className="mb-4 flex h-12 w-12 items-center justify-center rounded-full bg-secondary">
@@ -515,7 +515,7 @@ function BookPanel({
   isLoggedIn: boolean;
 }) {
   if (!isLoggedIn) {
-    return <LoginWall message="Sign in to view booking options." />;
+    return <LoginWall message="Continue to view booking options." cta="View Booking Options" />;
   }
 
   if (bookingAllowsIframe) {
@@ -724,7 +724,13 @@ export async function PortalPage({
         {tab === 'packages' && (
           <PackagesPanel packages={packageList} isLoggedIn={isLoggedIn} portalHref={portalHref} />
         )}
-        {tab === 'specials' && <SpecialsPanel specials={specials} />}
+        {tab === 'specials' && (
+          isLoggedIn ? (
+            <SpecialsPanel specials={specials} />
+          ) : (
+            <LoginWall message="Continue to view specials." cta="View Specials" />
+          )
+        )}
         {tab === 'messages' && (
           isLoggedIn ? (
             <MessagesPanel
@@ -734,7 +740,7 @@ export async function PortalPage({
               businessName={businessName}
             />
           ) : (
-            <LoginWall message="Sign in to view your messages." />
+            <LoginWall message="Continue to view your messages." cta="View Messages" />
           )
         )}
         {tab === 'book' && (