@griddo/ax 11.11.7-rc.0 → 11.11.7

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@griddo/ax",
   "description": "Griddo Author Experience",
-  "version": "11.11.7-rc.0",
+  "version": "11.11.7",
   "authors": [
     "Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
     "Diego M. Béjar <diego.bejar@secuoyas.com>",
@@ -217,5 +217,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8b7d5ecf70920b98364c6207ff6079a7af98b430"
+  "gitHead": "fbc174c8e5a11c8591134ef76fdfe00dfb6ce514"
 }

package/src/components/SharePageModal/index.tsx

@@ -85,7 +85,10 @@ const SharePageModal = (props: SharePageModalProps): JSX.Element | null => {
 		if (showActions) {
 			return {
 				main: { title: "renew link", onClick: handleRenew, disabled: loading, icon: "refresh" },
-				secondary: { title: "cancel", onClick: () => setShowActions(false) },
+				secondary: {
+					title: "cancel",
+					onClick: () => handleHide(),
+				},
 			};
 		}
 		return { main: undefined, secondary: undefined };
@@ -97,7 +100,7 @@ const SharePageModal = (props: SharePageModalProps): JSX.Element | null => {
 		<>
 			<Modal
 				isOpen={isOpen}
-				hide={hide}
+				hide={handleHide}
 				size="S"
 				height="auto"
 				title="Share Draft"
@@ -139,6 +142,14 @@ const SharePageModal = (props: SharePageModalProps): JSX.Element | null => {
 										detail={`Expired on ${tokenInfo.tokenExpirationDate}`}
 										mode="warning"
 									/>
+								) : tokenInfo.tokenExpiringSoon ? (
+									<StatusTile
+										icon="user"
+										title={renewalPreview ? "Valid" : "Expiring soon"}
+										description={`${renewalPreview ? renewalPreview.days : tokenInfo.validTokenDaysUntilExpires} days`}
+										detail={`Expires ${renewalPreview ? renewalPreview.date : tokenInfo.tokenExpirationDate}`}
+										mode={renewalPreview ? "info" : "warning"}
+									/>
 								) : (
 									<StatusTile
 										icon="user"

package/src/components/SharePageModal/style.tsx

@@ -1,7 +1,7 @@
 import styled from "styled-components";
 
 const ModalContent = styled.div`
-	padding: ${({ theme }) => `${theme.spacing.m} ${theme.spacing.m}`};
+	padding: ${({ theme }) => `${theme.spacing.s} ${theme.spacing.m}`};
 `;
 
 const Description = styled.p`
@@ -23,7 +23,8 @@ const LoaderWrapper = styled.div`
 `;
 
 const RenewTextButton = styled.div`
-	margin-top: 32px;
+	margin-top: 24px;
+	margin-bottom: 8px;
 `;
 
 const PreviewLinkWrapper = styled.div<{ expired?: boolean }>`

package/src/helpers/shareToken.ts

@@ -5,9 +5,10 @@ import { differenceInCalendarDays, isBefore } from "date-fns";
 import { formatDate } from "./dates";
 
 const TOKEN_CAN_BE_RENEWED_DAYS = 14;
+const TOKEN_EXPIRING_SOON_DAYS = 3;
 
 // DEV ONLY — set a future/past date to simulate token states, then revert to undefined
-export const DEV_NOW: Date | undefined = undefined; //  new Date("2036-04-13");
+export const DEV_NOW: Date | undefined = undefined; // new Date("2026-08-06");
 
 export const getShareTokenInfo = (shareData: IShareData, now = new Date()) => {
 	const expirationDate = new Date(shareData.endDate);
@@ -18,6 +19,7 @@ export const getShareTokenInfo = (shareData: IShareData, now = new Date()) => {
 		tokenExpirationDate: formatDate(expirationDate),
 		tokenHasExpired,
 		tokenCanBeRenewed: !tokenHasExpired && validTokenDaysUntilExpires < TOKEN_CAN_BE_RENEWED_DAYS,
+		tokenExpiringSoon: !tokenHasExpired && validTokenDaysUntilExpires <= TOKEN_EXPIRING_SOON_DAYS,
 		validTokenDaysUntilExpires,
 	};
 };