@thryveai/theme-interfaces 2.8.31 → 2.8.33

package/dist/index.d.ts

@@ -17,7 +17,7 @@ import { IDefaultStsSettings } from "./interfaces/sts-settings.interfaces";
 import { IAdvertsData, PdpDetailsElementLayout, IScreenType, IProductCardLayoutObjects, IProductCardILayoutVersions, IProductCardILayoutTypes, ISearchPreview, IRetailerSettings, ISecondTierAuthorization, IFlippConfig, IFlippConfigV2, IFlippScriptUrls, IRedPepperConfig, IAllSettings, ISMSConfig, ICtaButtons, IAddressesSettings, IAccountPageSettings, ILayoutSettings, ILoggingLevel, IDefaultSearchParams, IDefaultStoreLocation, IDefaultCounty, IRetailerCountry, IRestrictMapPlaces, IValidationType, INutritionZone, IFooterTypes, IRegistrationFieldTypes, IRegistrationFieldNames, IValidateLength, IValidateMultipleLengths, IValidateDateRange, IRegistrationField, ICheckoutValidation, ISearchPreviewVisibility, IPaymentCards, IGlobalAnimations, ILayoutAnimationsConfetti, IGlobalCheckoutProps, IAddressIntegration, IAddressFinderType, IAdvertLeaderboards, IAdvertProductGrid, IAdvertSkyScrapers, IPageNamesForAdverts, IAddressValidationTypes, IAdvertSettings, IGoogleAutocompleteSettings, ITimeslotModalSettings, ISodiumWarning, IProductCardsProps, IProductDetailsPageLayout, ICartSummaryLayout, ISmartBanner, ICouponGalleryLayout, IPageAdvertsRow, IEntryModalVersion, IShoppingRuleControl, IAdminOnlyV2, IAccountPageV2, IAddressesSettingsV2, ICartSummaryV2, ICheckoutSettingsV2, IFeaturesV2, IPdpSettingsV2, IProductCardSettingsV2, ISiteSettingsV2, IUseContentEngineV2Components, IPdpNutritionLink, ITypesOfBusiness, IBusinessAccountObject, IPerformanceSettingsV2, IStoreSelectionSettings, ShoppingMode, ILayoutCarousel } from "./interfaces/retailer-settings.interfaces";
 import { IIconsObject, PaymentTypesLogos, PaymentCards, IconNames } from "./interfaces/icons.interfaces";
 import { ITheme, IThemeScripts, IThemeImages, IThemeMetadata, IThemeFavicons, IThemeLogoPosition, IThemeLogoHeightsProps, IThemeLogoHeights, ISTSThemeInterface, IThemeFavicon, IThemeMetadataItem, IThemeInterface, IGlobalTheme, IColors, IInitializedEmptyTheme, IThemeAnimationConfettiPlaces, IThemeGlobalAnimations, IThemeAnimationsConfettiPlacesTypes, IThemeAnimationsConfettiProps, IEmbeddedFont, IEmbeddedFontSource } from "./interfaces/theme.interfaces";
-import { IDefaultTheme, IDefaultThemeScripts, IDefaultThemeImages, IDefaultThemeMetadata, IDefaultThemeFavicons, IDefaultThemeLogoPosition, IDefaultThemeLogoHeightsProps, IDefaultThemeLogoHeights, ISTSDefaultThemeInterface, IDefaultThemeFavicon, IDefaultThemeMetadataItem, IDefaultThemeInterface, IGlobalDefaultTheme, IDefaultColors, IBrandColors, IUiColors, IInitializedEmptyDefaultTheme, IDefaultThemeAnimationConfettiPlaces, IDefaultThemeGlobalAnimations, IDefaultThemeAnimationsConfettiPlacesTypes, IDefaultThemeAnimationsConfettiProps, IDefaultEmbeddedFont, IDefaultEmbeddedFontSource, IIconPosition } from "./interfaces/default-theme.interface";
+import { IDefaultTheme, IDefaultThemeScripts, IDefaultThemeImages, IDefaultThemeMetadata, IDefaultThemeFavicons, IDefaultThemeLogoPosition, IDefaultThemeLogoHeightsProps, IDefaultThemeLogoHeights, ISTSDefaultThemeInterface, IDefaultThemeFavicon, IDefaultThemeMetadataItem, IDefaultThemeInterface, IGlobalDefaultTheme, IDefaultColors, IBrandColors, IUiColors, IInitializedEmptyDefaultTheme, IDefaultThemeAnimationConfettiPlaces, IDefaultThemeGlobalAnimations, IDefaultThemeAnimationsConfettiPlacesTypes, IDefaultThemeAnimationsConfettiProps, IDefaultEmbeddedFont, IDefaultEmbeddedFontSource, IIconPosition, ITimeSlotState, ITimeSlotVariant } from "./interfaces/default-theme.interface";
 import { CMSComponentNames, CMSNames } from "./storefront/contentEngineComponents";
 import { ProductAttributes, ProductAttrToIcons } from "./storefront/productBadgeAttributes";
 /** MOBILE */
@@ -38,6 +38,6 @@ export { ProductAttrToIcons, ProductAttributes };
 export { ITypesOfBusiness, IBusinessAccountObject };
 export { IAdminTemplateInputTypes, IAdminSettingsTemplate, IAdminSharedSettingsTemplate, IAdminSettingsTemplateSTS, IAdminControl, IAdminControlType, IThemeGenerator, IAdminImagesTemplateSFUI, IAdminImagesTemplateSTS, IAdminThemeTemplateSFUI, IAdminThemeTemplateOptions, IAdminImagesControls, ISecondaryFaviconType, };
 export { IDefaultRetailerSettingsVersion2, IDefaultStsSettings };
-export { IDefaultTheme, IDefaultThemeScripts, IDefaultThemeImages, IDefaultThemeMetadata, IDefaultThemeFavicons, IDefaultThemeLogoPosition, IDefaultThemeLogoHeightsProps, IDefaultThemeLogoHeights, ISTSDefaultThemeInterface, IDefaultThemeFavicon, IDefaultThemeMetadataItem, IDefaultThemeInterface, IGlobalDefaultTheme, IDefaultColors, IBrandColors, IUiColors, IInitializedEmptyDefaultTheme, IDefaultThemeAnimationConfettiPlaces, IDefaultThemeGlobalAnimations, IDefaultThemeAnimationsConfettiPlacesTypes, IDefaultThemeAnimationsConfettiProps, IDefaultEmbeddedFont, IDefaultEmbeddedFontSource, ITheme, IThemeScripts, IThemeImages, IThemeMetadata, IThemeFavicons, IThemeLogoPosition, IThemeLogoHeightsProps, IThemeLogoHeights, ISTSThemeInterface, IThemeFavicon, IThemeMetadataItem, IThemeInterface, IGlobalTheme, IColors, IInitializedEmptyTheme, IThemeAnimationConfettiPlaces, IThemeGlobalAnimations, IThemeAnimationsConfettiPlacesTypes, IThemeAnimationsConfettiProps, IEmbeddedFont, IEmbeddedFontSource, IIconPosition, };
+export { IDefaultTheme, IDefaultThemeScripts, IDefaultThemeImages, IDefaultThemeMetadata, IDefaultThemeFavicons, IDefaultThemeLogoPosition, IDefaultThemeLogoHeightsProps, IDefaultThemeLogoHeights, ISTSDefaultThemeInterface, IDefaultThemeFavicon, IDefaultThemeMetadataItem, IDefaultThemeInterface, IGlobalDefaultTheme, IDefaultColors, IBrandColors, IUiColors, IInitializedEmptyDefaultTheme, IDefaultThemeAnimationConfettiPlaces, IDefaultThemeGlobalAnimations, IDefaultThemeAnimationsConfettiPlacesTypes, IDefaultThemeAnimationsConfettiProps, IDefaultEmbeddedFont, IDefaultEmbeddedFontSource, ITheme, IThemeScripts, IThemeImages, IThemeMetadata, IThemeFavicons, IThemeLogoPosition, IThemeLogoHeightsProps, IThemeLogoHeights, ISTSThemeInterface, IThemeFavicon, IThemeMetadataItem, IThemeInterface, IGlobalTheme, IColors, IInitializedEmptyTheme, IThemeAnimationConfettiPlaces, IThemeGlobalAnimations, IThemeAnimationsConfettiPlacesTypes, IThemeAnimationsConfettiProps, IEmbeddedFont, IEmbeddedFontSource, IIconPosition, ITimeSlotState, ITimeSlotVariant, };
 export { IIconsObject, PaymentTypesLogos, PaymentCards, IconNames };
 export { PdpDetailsElementLayout, ShoppingMode, ISearchPreview, IRetailerSettings, ISecondTierAuthorization, IFlippConfig, IFlippConfigV2, IFlippScriptUrls, IRedPepperConfig, IAllSettings, ISMSConfig, ICtaButtons, IAddressesSettings, IAccountPageSettings, ILayoutSettings, ILayoutCarousel, ILoggingLevel, IDefaultSearchParams, IDefaultStoreLocation, IDefaultCounty, IRetailerCountry, IRestrictMapPlaces, IValidationType, INutritionZone, IFooterTypes, IRegistrationFieldTypes, IRegistrationFieldNames, IValidateLength, IValidateMultipleLengths, IValidateDateRange, IRegistrationField, ICheckoutValidation, ISearchPreviewVisibility, IPaymentCards, IGlobalAnimations, ILayoutAnimationsConfetti, IGlobalCheckoutProps, IAddressIntegration, IAddressFinderType, IAdvertLeaderboards, IAdvertProductGrid, IAdvertSkyScrapers, IPageNamesForAdverts, IAddressValidationTypes, IUseContentEngineV2Components, IAdvertSettings, IGoogleAutocompleteSettings, ITimeslotModalSettings, IPdpNutritionLink, ISodiumWarning, IProductCardsProps, IProductDetailsPageLayout, ICartSummaryLayout, ISmartBanner, IEntryModalVersion, IShoppingRuleControl, ICouponGalleryLayout, IPageAdvertsRow, IScreenType, IProductCardLayoutObjects, IProductCardILayoutVersions, IProductCardILayoutTypes, IAdvertsData, IAdminOnlyV2, IAccountPageV2, IAddressesSettingsV2, ICartSummaryV2, ICheckoutSettingsV2, IFeaturesV2, IPdpSettingsV2, IProductCardSettingsV2, ISiteSettingsV2, ISharedSettings, IPerformanceSettingsV2, IStoreSelectionSettings, };

package/dist/interfaces/default-theme.interface.d.ts

@@ -522,6 +522,14 @@ export interface IDefaultThemeInterface {
     globalAnimations: IDefaultThemeGlobalAnimations;
     metadata: IDefaultThemeMetadata;
     scripts: IDefaultThemeScripts;
+    timeSlotGrid: {
+        timeSlot: ITimeSlot;
+        expressDeliveryBanner: {
+            color: string;
+            backgroundColor: string;
+            iconColor: string;
+        };
+    };
 }
 export interface IDefaultThemeScripts {
     [key: string]: string;
@@ -799,6 +807,44 @@ export interface IDefaultEmbeddedFontSource {
     url: string;
     format: string;
 }
+export declare type ITimeSlotState = "available" | "reserved" | "unavailable";
+export declare type ITimeSlotVariant = "default" | "expressTimeframe";
+export declare type ITimeSlotVarType<T> = Record<ITimeSlotVariant, T>;
+export declare type ITimeSlotStateMap<T> = Record<ITimeSlotState, T>;
+export interface ITimeSlotWrapper {
+    color: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    backgroundColor: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    iconColor: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    fontSize: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    fontWeight: ITimeSlotStateMap<ITimeSlotVarType<IFontWeights>>;
+}
+export interface ITimeSlotThemeTimeRange {
+    color: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    fontSize: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    fontWeight: ITimeSlotStateMap<ITimeSlotVarType<IFontWeights>>;
+    textTransform: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    lineHeight: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+}
+export interface ITimeSlot {
+    wrapper: ITimeSlotWrapper;
+    radio: {
+        iconColor: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    };
+    timeRangeText: ITimeSlotThemeTimeRange;
+    priceText: {
+        color: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    };
+    titleText: {
+        color: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+        fontSize: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+        lineHeight: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    };
+    descriptionText: {
+        fontSize: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+        lineHeight: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+        fontWeight: ITimeSlotStateMap<ITimeSlotVarType<IFontWeights>>;
+    };
+}
 export declare type DefaultImagesForSchema = DeepPartial<IDefaultThemeImages>;
 export declare type DefaultThemeForSchema = DeepPartial<IDefaultThemeInterface>;
 export {};

package/dist/interfaces/icons.interfaces.d.ts

@@ -4,7 +4,7 @@ export declare type IIconsObject = {
 };
 export declare type PaymentTypesLogos = "AmExpCard" | "AmExpLogo" | "Comodo" | "DiscoverCard" | "DiscoverLogo" | "MasterLogo" | "MasterSecure" | "VisaLogo" | "VisaVerified";
 export declare type PaymentCards = "AmExpCard" | "ApplePay" | "DiscoverCard" | "EBT" | "PayPal" | "GooglePay" | "MasterCard" | "MasterCardDebit" | "VisaCard" | "VisaDebit" | "Paze";
-export declare type IconNames = "AccountOutline" | "AccountSolid" | "Addresses" | "ApplePay" | "ArrowDown" | "ArrowUp" | "ArrowRight" | "ArrowUpdown" | "BarScan" | "Bell" | "Blog" | "Cart" | "Check" | "CheckCircle" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Circular" | "Clear" | "Close" | "Coupon" | "Credit" | "CreditCard" | "Dashboard" | "DeliveryOutline" | "DeliverySolid" | "Dietary" | "DoubleArrows" | "Download" | "Dropship" | "EBT" | "Eco" | "Edit" | "Error" | "FaceHappy" | "FaceSad" | "Facebook" | "Fav" | "FavSolid" | "Filter" | "Flag" | "Geolocate" | "GooglePay" | "Hamburger" | "Help" | "Home" | "HouseOrBusinessAccount" | "Info" | "Instacart" | "InstacartLogo" | "Instagram" | "InstructionsFilled" | "ItemLocation" | "ListCheck" | "ListItems" | "ListLarge" | "ListRemove" | "ListSave" | "ListSearch" | "LocationDistance" | "LocationPin" | "LoyaltyCard" | "Mail" | "Minus" | "MoreOptionsH" | "MoreOptionsV" | "None" | "Note" | "NoteFilled" | "Notifications" | "NoDepartments" | "Orders" | "PastPurchases" | "PayPal" | "PayInStore" | "Pause" | "PaymentOutline" | "PaymentSolid" | "Phone" | "PhoneMobile" | "Pickup" | "PickupInfo" | "Pinterest" | "Play" | "Plus" | "Print" | "ProductLocation" | "PromoOutline" | "PromoSolid" | "RadioActive" | "RadioEmpty" | "RecipeCalories" | "RecipeCooktime" | "RecipeIngredients" | "RecipePreptime" | "RecipeServings" | "RecommendedSub" | "Remove" | "Reserve" | "ReserveDate" | "ReserveTime" | "Rewards" | "SavedCard" | "Search" | "SelectCheck" | "SelectEmpty" | "SelectMark" | "Send" | "Settings" | "Share" | "SodiumWarning" | "SortGrid" | "SortList" | "StarOutline" | "StarSolid" | "Subscription" | "Substitute" | "SubstituteBestmatch" | "SubstituteNone" | "SubstituteProduct" | "TikTok" | "Trash" | "Twitter" | "TargetedReward" | "Unavailable" | "Voice" | "Warning" | "YourLocation" | "Youtube" | PaymentTypesLogos | PaymentCards | ProductAttributeIcons | LanguageFlags;
+export declare type IconNames = "AccountOutline" | "AccountSolid" | "Addresses" | "ApplePay" | "ArrowDown" | "ArrowUp" | "ArrowRight" | "ArrowUpdown" | "BarScan" | "Bell" | "Blog" | "Cart" | "Check" | "CheckCircle" | "ChevronDown" | "ChevronLeft" | "ChevronRight" | "ChevronUp" | "Circular" | "Clear" | "Close" | "Coupon" | "Credit" | "CreditCard" | "Dashboard" | "DeliveryOutline" | "DeliverySolid" | "Dietary" | "DoubleArrows" | "Download" | "Dropship" | "EBT" | "Eco" | "Edit" | "Error" | "ExpressDelivery" | "FaceHappy" | "FaceSad" | "Facebook" | "Fav" | "FavSolid" | "Filter" | "Flag" | "Geolocate" | "GooglePay" | "Hamburger" | "Help" | "Home" | "HouseOrBusinessAccount" | "Info" | "Instacart" | "InstacartLogo" | "Instagram" | "InstructionsFilled" | "ItemLocation" | "ListCheck" | "ListItems" | "ListLarge" | "ListRemove" | "ListSave" | "ListSearch" | "LocationDistance" | "LocationPin" | "LoyaltyCard" | "Mail" | "Minus" | "MoreOptionsH" | "MoreOptionsV" | "None" | "Note" | "NoteFilled" | "Notifications" | "NoDepartments" | "Orders" | "PastPurchases" | "PayPal" | "PayInStore" | "Pause" | "PaymentOutline" | "PaymentSolid" | "Phone" | "PhoneMobile" | "Pickup" | "PickupInfo" | "Pinterest" | "Play" | "Plus" | "Print" | "ProductLocation" | "PromoOutline" | "PromoSolid" | "RadioActive" | "RadioEmpty" | "RecipeCalories" | "RecipeCooktime" | "RecipeIngredients" | "RecipePreptime" | "RecipeServings" | "RecommendedSub" | "Remove" | "Reserve" | "ReserveDate" | "ReserveTime" | "Rewards" | "SavedCard" | "Search" | "SelectCheck" | "SelectEmpty" | "SelectMark" | "Send" | "Settings" | "Share" | "SodiumWarning" | "SortGrid" | "SortList" | "StarOutline" | "StarSolid" | "Subscription" | "Substitute" | "SubstituteBestmatch" | "SubstituteNone" | "SubstituteProduct" | "TikTok" | "Trash" | "Twitter" | "TargetedReward" | "Unavailable" | "Voice" | "Warning" | "YourLocation" | "Youtube" | PaymentTypesLogos | PaymentCards | ProductAttributeIcons | LanguageFlags;
 export declare type ProductAttributeIcons = "GlutenFree" | "Organic" | "Local" | "DairyFree" | "DiabetesFriendly" | "EggFree" | "FairTrade" | "NoArtificialIngredients" | "Halal" | "HeartHealth" | "NoHighFructoseCornSyrup" | "KetoFriendly" | "Kosher" | "LactoseFree" | "LowFODMAP" | "LowSodium" | "NoAddedSugar" | "NonGMO" | "Paleo" | "PeanutFree" | "PlantGoodness" | "SoyFree" | "Vegan" | "WholeGrain" | "BottleDeposit" | "LimitedIngredients" | "MinimallyProcessed" | "Fsa" | "PlantBased" | "Frozen" | "MapleLeafCanadian" | "HighFiber" | "HighProtein" | "NewProduct" | "Vegetarian" | "Hypoallergenic" | "APlusRewards";
 export declare type LanguageFlags = "en-au" | "en-ca" | "en-gb" | "en-ie" | "en-us" | "es-es" | "es-mx" | "es-us" | "fr-ca";
 export declare type DefaultIconsForSchema = DeepPartial<{} & IIconsObject>;

package/dist/interfaces/theme.interfaces.d.ts

@@ -1,3 +1,4 @@
+import { ITimeSlotStateMap, ITimeSlotVarType } from "./default-theme.interface";
 import { IconNames } from "./icons.interfaces";
 export interface ITheme extends IInitializedEmptyTheme {
     theme?: IThemeInterface;
@@ -491,6 +492,14 @@ export interface IThemeInterface {
     globalAnimations?: IThemeGlobalAnimations;
     metadata?: IThemeMetadata;
     scripts?: IThemeScripts;
+    timeSlotGrid?: {
+        timeSlot?: ITimeSlot;
+        expressDeliveryBanner?: {
+            color?: string;
+            backgroundColor?: string;
+            iconColor?: string;
+        };
+    };
 }
 export interface IThemeScripts {
     [key: string]: string;
@@ -714,4 +723,38 @@ export interface IEmbeddedFontSource {
     format?: string;
 }
 export declare type IDateFormat = "DD/MM/YYYY" | "MM/DD/YYYY";
+export interface ITimeSlotWrapper {
+    color?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    backgroundColor?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    iconColor?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    fontSize?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    fontWeight?: ITimeSlotStateMap<ITimeSlotVarType<IFontWeights>>;
+}
+export interface ITimeSlotThemeTimeRange {
+    color?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    fontSize?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    fontWeight?: ITimeSlotStateMap<ITimeSlotVarType<IFontWeights>>;
+    textTransform?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    lineHeight?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+}
+export interface ITimeSlot {
+    wrapper?: ITimeSlotWrapper;
+    radio?: {
+        iconColor?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    };
+    timeRangeText?: ITimeSlotThemeTimeRange;
+    priceText?: {
+        color?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    };
+    titleText?: {
+        color?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+        fontSize?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+        lineHeight?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+    };
+    descriptionText?: {
+        fontSize?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+        lineHeight?: ITimeSlotStateMap<ITimeSlotVarType<string>>;
+        fontWeight?: ITimeSlotStateMap<ITimeSlotVarType<IFontWeights>>;
+    };
+}
 export {};