@thryveai/theme-interfaces 1.4.4 → 1.4.8

package/README.md

@@ -1,29 +1,29 @@
-#V8 Theme Interfaces 
-
-interfaces for all MI9 Retailer Themes.
-
-###icons.interfaces
-List of all icons used inside the ui projects.
-
-###retailer-settings.interfaces
-more info here
-https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo
-###theme.interfaces
-The interface for each theme, colors, fonts, sizes and other css properties.
-
-#To Build Project
-
-```
-npm install
-npm run build
-```
-
-#To Publish npm package
-```
-npm login
-npm publish
-```
-or
-```
-npm run push
-```
+#V8 Theme Interfaces 
+
+interfaces for all MI9 Retailer Themes.
+
+###icons.interfaces
+List of all icons used inside the ui projects.
+
+###retailer-settings.interfaces
+more info here
+https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo
+###theme.interfaces
+The interface for each theme, colors, fonts, sizes and other css properties.
+
+#To Build Project
+
+```
+npm install
+npm run build
+```
+
+#To Publish npm package
+```
+npm login
+npm publish
+```
+or
+```
+npm run push
+```

package/default-theme.interface.d.ts

@@ -90,17 +90,32 @@ export interface IDefaultThemeInterface {
             borderRadius: string;
             clearBtnColor: string;
             searchButton: {
-                static: {
-                    color: string;
-                    backgroundColor: string;
+                desktop: {
+                    static: {
+                        color: string;
+                        backgroundColor: string;
+                    };
+                    hover: {
+                        color: string;
+                        backgroundColor: string;
+                    };
+                    clicked: {
+                        color: string;
+                        backgroundColor: string;
+                    };
                 };
-                hover: {
-                    color: string;
-                    backgroundColor: string;
+                tablet: {
+                    static: {
+                        color: string;
+                    };
+                    clicked: {
+                        color: string;
+                    };
                 };
-                clicked: {
-                    color: string;
-                    backgroundColor: string;
+                mobile: {
+                    static: {
+                        color: string;
+                    };
                 };
             };
             suggestions: {

package/package.json

@@ -1,14 +1,14 @@
-{
-  "name": "@thryveai/theme-interfaces",
-  "version": "1.4.4",
-  "description": "Shared Interfaces for all ThryveAi storefront retailer themes.",
-  "scripts": {
-    "build": "tsc",
-    "push": "npm run build && npm publish"
-  },
-  "author": "Simon Markey",
-  "license": "ISC",
-  "devDependencies": {
-    "typescript": "4.3.5"
-  }
-}
+{
+  "name": "@thryveai/theme-interfaces",
+  "version": "1.4.8",
+  "description": "Shared Interfaces for all ThryveAi storefront retailer themes.",
+  "scripts": {
+    "build": "tsc",
+    "push": "npm run build && npm publish"
+  },
+  "author": "Simon Markey",
+  "license": "ISC",
+  "devDependencies": {
+    "typescript": "4.3.5"
+  }
+}

package/retailer-settings.interfaces.d.ts

@@ -2,6 +2,7 @@ import { IconNames, PaymentCards } from "./icons.interfaces";
 export interface IRetailerSettings {
     accountPage?: IAccountPageSettings;
     advertSettings?: IAdvertSettings;
+    TimeslotModalSettings?: ITimeslotModalSettings;
     addresses?: {
         addressValidationTypes?: IAddressValidationTypes;
         canadianAddressCompleteKey?: string | undefined;
@@ -24,6 +25,7 @@ export interface IRetailerSettings {
     checkoutV1?: boolean;
     checkoutValidation?: ICheckoutValidation;
     ctaButtons?: ICtaButtons;
+    daysToRemainSignedIn?: number;
     defaultCountry?: IDefaultCounty;
     defaultSearchParams?: IDefaultSearchParams;
     defaultShoppingMode?: "pickup" | "planning" | "delivery";
@@ -56,10 +58,12 @@ export interface IRetailerSettings {
     minimumCreditCardAmount?: number;
     nutritionZone?: INutritionZone;
     paymentCards?: IPaymentCards;
+    pdpDetailsLayout?: IPdpDetailsLayout;
     productCardTitleHeight?: number;
     promoTemplateVersion?: number;
     registrationFields?: IRegistrationField[];
     restrictMapPlacesResults?: IRestrictMapPlaces;
+    googleAutocompleteSettings?: IGoogleAutocompleteSettings;
     retailerCountry?: IRetailerCountry;
     retailerName: string;
     searchPreview?: ISearchPreviewVisibility;
@@ -108,6 +112,11 @@ export interface IPageAdvertsRow {
     [row: number]: IAdvertsData;
 }
 export declare type IScreenType = "mobile" | "tablet" | "desktop";
+export interface ITimeslotModalSettings {
+    showOnAddToCart: boolean;
+    timeslotRequiredToAddToCart: boolean;
+    timeslotRequiredToViewCartReview: boolean;
+}
 export declare type IAdvertsData = {
     [screen in IScreenType]?: string;
 };
@@ -139,6 +148,7 @@ export interface IDefaultRetailerSettings {
     addressValidationTypes: IAddressValidationTypes;
     addresses: IAddressesSettings;
     advertSettings: IAdvertSettings;
+    timeslotModalSettings: ITimeslotModalSettings;
     allowInStorePurchases: boolean;
     allowPastPurchases: boolean;
     buildNumber: string;
@@ -148,6 +158,7 @@ export interface IDefaultRetailerSettings {
     checkoutV1: boolean;
     checkoutValidation: ICheckoutValidation;
     ctaButtons: ICtaButtons | null | undefined;
+    daysToRemainSignedIn: number;
     defaultCountry: IDefaultCounty;
     defaultSearchParams: IDefaultSearchParams;
     defaultShoppingMode: "pickup" | "planning" | "delivery";
@@ -180,10 +191,12 @@ export interface IDefaultRetailerSettings {
     minimumCreditCardAmount: number;
     nutritionZone: INutritionZone;
     paymentCards: IPaymentCards;
+    pdpDetailsLayout: IPdpDetailsLayout;
     productCardTitleHeight: number;
     promoTemplateVersion: number;
     registrationFields: IRegistrationField[];
     restrictMapPlacesResults: IRestrictMapPlaces;
+    googleAutocompleteSettings: IGoogleAutocompleteSettings;
     retailerCountry: IRetailerCountry;
     retailerName: string;
     searchPreview: ISearchPreviewVisibility;
@@ -194,6 +207,19 @@ export interface IDefaultRetailerSettings {
     subHeaderHeight: number;
     useAddressValidation: boolean;
 }
+export interface IGoogleAutocompleteSettings {
+    types?: IGoogleAutocompleteTypes;
+    bounds?: IGoogleAutocompleteBounds;
+    strictBounds?: boolean;
+    restrictCountries?: string[];
+}
+interface IGoogleAutocompleteBounds {
+    south_latitude: number;
+    west_longitude: number;
+    north_latitude: number;
+    east_longitude: number;
+}
+declare type IGoogleAutocompleteTypes = "geocode" | "address" | "establishment" | "(regions)" | "(cities)";
 export interface ICtaButtons {
     iconAlignment: "left" | "right" | null;
     iconName: IconNames;
@@ -309,4 +335,9 @@ export interface IAddressIntegration {
     addressFinderType: IAddressFinderType;
 }
 export declare type IAddressFinderType = "AUS" | "EU" | "IE" | "US" | "UK" | "CA";
+export interface IPdpDetailsLayout {
+    desktop: string[];
+    mobileTab1: string[];
+    mobileTab2: string[];
+}
 export {};

package/theme.interfaces.d.ts

@@ -90,17 +90,32 @@ export interface IThemeInterface {
             borderRadius?: string;
             clearBtnColor?: string;
             searchButton?: {
-                static?: {
-                    color?: string;
-                    backgroundColor?: string;
+                desktop?: {
+                    static?: {
+                        color?: string;
+                        backgroundColor?: string;
+                    };
+                    hover?: {
+                        color?: string;
+                        backgroundColor?: string;
+                    };
+                    clicked?: {
+                        color?: string;
+                        backgroundColor?: string;
+                    };
                 };
-                hover?: {
-                    color?: string;
-                    backgroundColor?: string;
+                tablet?: {
+                    static?: {
+                        color?: string;
+                    };
+                    clicked?: {
+                        color?: string;
+                    };
                 };
-                clicked?: {
-                    color?: string;
-                    backgroundColor?: string;
+                mobile?: {
+                    static?: {
+                        color?: string;
+                    };
                 };
             };
             suggestions?: {