@thryveai/theme-interfaces 1.4.8-beta1 → 1.4.8-beta5

package/admin-theme-template.js

@@ -0,0 +1,178 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AdminThemeTemplate = exports.AdminTemplateInputTypes = void 0;
+exports.AdminTemplateInputTypes = {
+    checkbox: 'checkbox',
+    collapsableObject: 'collapsableObject',
+    color: 'color',
+    dropdown: 'dropdown',
+    inputChar: 'inputChar',
+    inputNumber: 'inputChar',
+    multiDropdown: 'multiDropdown',
+    nullObject: 'nullObject',
+    object: 'object',
+    string: 'string'
+};
+var buttonGenerator = function (buttonName) { return ({
+    title: buttonName + " Button",
+    description: "Settings for the " + buttonName + " button",
+    type: exports.AdminTemplateInputTypes.collapsableObject,
+    value: {
+        borderRadius: {
+            title: 'Border Radius',
+            locationInTheme: "data.buttons." + buttonName + ".borderRadius",
+            type: exports.AdminTemplateInputTypes.string
+        },
+        fontWeight: {
+            title: 'Font Weight',
+            locationInTheme: "data.buttons." + buttonName + ".fontWeight",
+            type: exports.AdminTemplateInputTypes.string
+        },
+        textTransform: {
+            title: 'Text Transform',
+            locationInTheme: "data.buttons." + buttonName + ".textTransform",
+            type: exports.AdminTemplateInputTypes.string
+        },
+        static: buttonStateGenerator('static', "data.buttons." + buttonName),
+        hover: buttonStateGenerator('hover', "data.buttons." + buttonName),
+        clicked: buttonStateGenerator('clicked', "data.buttons." + buttonName),
+        disabled: buttonStateGenerator('disabled', "data.buttons." + buttonName),
+    }
+}); };
+var buttonStateGenerator = function (stateName, buttonLocation) { return ({
+    title: stateName + " Colors",
+    description: "How the button will look in " + stateName + " state",
+    type: exports.AdminTemplateInputTypes.collapsableObject,
+    value: {
+        bgColor: {
+            title: 'Background',
+            locationInTheme: buttonLocation + "." + stateName + ".bgColor",
+            type: exports.AdminTemplateInputTypes.color,
+        },
+        borderColor: {
+            title: 'Border Color',
+            locationInTheme: buttonLocation + "." + stateName + ".borderColor",
+            type: exports.AdminTemplateInputTypes.color,
+        },
+        color: {
+            title: 'Text Color',
+            locationInTheme: buttonLocation + "." + stateName + ".color",
+            type: exports.AdminTemplateInputTypes.color,
+        },
+        iconColor: {
+            title: 'Icon Color (if any)',
+            locationInTheme: buttonLocation + "." + stateName + ".iconColor",
+            type: exports.AdminTemplateInputTypes.color,
+        },
+    }
+}); };
+var colorGenerator = function (colorName, colorLocation) { return ({
+    title: colorName,
+    locationInTheme: colorLocation + "." + colorName,
+    type: exports.AdminTemplateInputTypes.color,
+}); };
+exports.AdminThemeTemplate = {
+    colors: {
+        title: 'Colors',
+        description: 'Change your themes colors',
+        helpLink: 'https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo',
+        type: exports.AdminTemplateInputTypes.collapsableObject,
+        value: {
+            brandColors: {
+                title: 'Brand Colors',
+                description: 'Change your themes colors',
+                type: exports.AdminTemplateInputTypes.collapsableObject,
+                value: {
+                    primary1: colorGenerator('primary1', 'data.colors.brandColors'),
+                    primary2: colorGenerator('primary2', 'data.colors.brandColors'),
+                    primary3: colorGenerator('primary3', 'data.colors.brandColors'),
+                    primary4: colorGenerator('primary4', 'data.colors.brandColors'),
+                    primary5: colorGenerator('primary5', 'data.colors.brandColors'),
+                    secondary1: colorGenerator('secondary1', 'data.colors.brandColors'),
+                    secondary2: colorGenerator('secondary2', 'data.colors.brandColors'),
+                    secondary3: colorGenerator('secondary3', 'data.colors.brandColors'),
+                    secondary4: colorGenerator('secondary4', 'data.colors.brandColors'),
+                    secondary5: colorGenerator('secondary5', 'data.colors.brandColors'),
+                    tertiary1: colorGenerator('tertiary1', 'data.colors.brandColors'),
+                    tertiary2: colorGenerator('tertiary2', 'data.colors.brandColors'),
+                    tertiary3: colorGenerator('tertiary3', 'data.colors.brandColors'),
+                    tertiary4: colorGenerator('tertiary4', 'data.colors.brandColors'),
+                    tertiary5: colorGenerator('tertiary5', 'data.colors.brandColors'),
+                }
+            },
+            uiColors: {
+                title: 'UI Colors',
+                description: 'Change your themes colors',
+                type: exports.AdminTemplateInputTypes.collapsableObject,
+                value: {
+                    success: colorGenerator('success', 'data.colors.uiColors'),
+                    successDark: colorGenerator('successDark', 'data.colors.uiColors'),
+                    successLight: colorGenerator('successLight', 'data.colors.uiColors'),
+                    warn: colorGenerator('warn', 'data.colors.uiColors'),
+                    warnDark: colorGenerator('warnDark', 'data.colors.uiColors'),
+                    warnLight: colorGenerator('warnLight', 'data.colors.uiColors'),
+                    alert: colorGenerator('alert', 'data.colors.uiColors'),
+                    alertDark: colorGenerator('alertDark', 'data.colors.uiColors'),
+                    alertLight: colorGenerator('alertLight', 'data.colors.uiColors'),
+                    greyscale1: colorGenerator('greyscale1', 'data.colors.uiColors'),
+                    greyscale2: colorGenerator('greyscale2', 'data.colors.uiColors'),
+                    greyscale3: colorGenerator('greyscale3', 'data.colors.uiColors'),
+                    greyscale4: colorGenerator('greyscale4', 'data.colors.uiColors'),
+                    greyscale5: colorGenerator('greyscale5', 'data.colors.uiColors'),
+                    greyscale6: colorGenerator('greyscale6', 'data.colors.uiColors'),
+                    greyscale7: colorGenerator('greyscale7', 'data.colors.uiColors'),
+                    promotion1: colorGenerator('promotion1', 'data.colors.uiColors'),
+                    promotion2: colorGenerator('promotion2', 'data.colors.uiColors'),
+                }
+            }
+        }
+    },
+    buttons: {
+        title: 'Buttons',
+        description: 'Change your themes buttons',
+        helpLink: 'https://mi9retail.atlassian.net/wiki/spaces/FDS/pages/1594065051/Storefront+configuration+-+from+theme+repo',
+        type: exports.AdminTemplateInputTypes.collapsableObject,
+        value: {
+            globalThemeBorderRadius: {
+                title: 'Global Theme Border Radius',
+                description: 'The br for the whole site',
+                locationInTheme: 'data.buttons.globalThemeBorderRadius',
+                type: exports.AdminTemplateInputTypes.string,
+            },
+            globalThemeFontWeight: {
+                title: 'Global Theme Font Weight',
+                description: 'The font weight for the whole site',
+                locationInTheme: 'data.buttons.globalThemeFontWeight',
+                type: exports.AdminTemplateInputTypes.string,
+            },
+            globalThemeFontFamily: {
+                title: 'Global Theme Font Family',
+                description: 'The font family for the whole site',
+                locationInTheme: 'data.buttons.globalThemeFontFamily',
+                type: exports.AdminTemplateInputTypes.string,
+            },
+            iconPosition: {
+                title: 'Button Icon Position',
+                description: 'Which side of the button should the icon appear',
+                locationInTheme: 'data.buttons.iconPosition',
+                type: exports.AdminTemplateInputTypes.dropdown,
+                options: ['left', 'right']
+            },
+            primary: buttonGenerator('primary'),
+            primaryLight: buttonGenerator('primaryLight'),
+            secondary: buttonGenerator('secondary'),
+            secondaryLight: buttonGenerator('secondaryLight'),
+            checkout: buttonGenerator('checkout'),
+            filterSort: {
+                title: 'Filter Sort',
+                description: 'Colors for the filter sort buttons',
+                type: exports.AdminTemplateInputTypes.collapsableObject,
+                value: {
+                    color: colorGenerator('color', 'data.buttons.filterSort'),
+                    hoverColor: colorGenerator('hoverColor', 'data.buttons.filterSort')
+                }
+            },
+        }
+    }
+};
+exports.default = exports.AdminThemeTemplate;

package/default-theme.interface.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/default.config.js

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var defaultConfig = {
+    advertSettings: {},
+    timeslotModalSettings: {
+        showOnAddToCart: false,
+        timeslotRequiredToAddToCart: false,
+        timeslotRequiredToViewCartReview: false,
+    },
+    accountPage: {
+        loyaltyTab: {
+            disabledEdit: false,
+            enabled: false,
+            loyaltyNumberLength: 11,
+            loyaltyNumberPrefix: "",
+            loyaltyValidationType: [],
+        },
+    },
+    addresses: {
+        addressValidationTypes: {
+            addressLine1: ["alphaNumeric", "required"],
+            addressLine2: ["alphaNumeric"],
+            city: ["alphaNumeric", "required"],
+            countyProvinceState: ["usState", "required"],
+            familyName: ["alphaOnly", "required"],
+            firstName: ["alphaOnly", "required"],
+            instructions: ["alphaNumeric"],
+            phoneNumber: ["usPhone", "required"],
+            postCode: ["usPostCode", "required"],
+        },
+        canadianAddressCompleteKey: undefined,
+        eircodeUrl: undefined,
+        integration: {
+            addNewAddressUrl: undefined,
+            deleteAddressUrl: undefined,
+            editAddressUrl: undefined,
+        },
+        useAddressValidation: true,
+    },
+    addressValidationTypes: {
+        addressLine1: ["alphaNumeric", "required"],
+        addressLine2: ["alphaNumeric"],
+        city: ["alphaNumeric", "required"],
+        countyProvinceState: ["usState", "required"],
+        familyName: ["alphaOnly", "required"],
+        firstName: ["alphaOnly", "required"],
+        instructions: ["alphaNumeric"],
+        phoneNumber: ["usPhone", "required"],
+        postCode: ["usPostCode", "required"],
+    },
+    addressIntegration: {
+        enabled: false,
+        addressFinderType: "AUS",
+        getAddressesUrl: "https://api.addressfinder.io/api/au/address/autocomplete/?key={AUS_ADDRESS_SERVICE_KEY}&secret={AUS_ADDRESS_SERVICE_SECRET}&q={searchQuery}&format=json&gnaf=1",
+        getLocationUrl: "https://api.addressfinder.io/api/au/address/metadata/?key={AUS_ADDRESS_SERVICE_KEY}&secret={AUS_ADDRESS_SERVICE_SECRET}&format=json&id={id}&au_paf=0&gps=0",
+    },
+    allowInStorePurchases: false,
+    allowPastPurchases: true,
+    buildNumber: "default",
+    cacheTimeMins: 1,
+    canadianAddressCompleteKey: undefined,
+    checkoutV1: false,
+    favoritesV1: false,
+    checkout: {
+        numericPhonePayload: false,
+    },
+    checkoutValidation: {
+        instructions: ["alphaNumeric"],
+        phoneNumber: ["usPhone", "required"],
+        smsNumber: [],
+    },
+    ctaButtons: null,
+    defaultCountry: "USA",
+    defaultSearchParams: {
+        page: "1",
+        q: "*",
+        skip: "0",
+        take: "30",
+    },
+    defaultShoppingMode: "pickup",
+    defaultStoreLocation: {
+        latitude: 0,
+        longitude: 0,
+    },
+    disableTprPrice: false,
+    documentTitle: "ThryveAI Commerce",
+    eircode: undefined,
+    enable3dSecure: false,
+    enableGoogleTranslate: false,
+    enableNewsletterSignup: false,
+    enableNotifications: false,
+    errorLoggingLevel: "error",
+    externalStoreSelectorUrl: undefined,
+    flipp: null,
+    gtmId: undefined,
+    hideTaxOnSummary: false,
+    houseAccountRegExValidation: ".",
+    idpTarget: "_self",
+    idpUrl: undefined,
+    instacartUrl: undefined,
+    isPlanningOnly: false,
+    layout: {
+        footerVersion: "default",
+    },
+    limitProductCardTitleHeight: true,
+    loggingLevelClient: "error",
+    loggingLevelServer: "error",
+    mainHeaderHeight: 110,
+    mapZoom: 8,
+    minimumCreditCardAmount: 1.0,
+    nutritionZone: "us",
+    paymentCards: {
+        AmExpCard: true,
+        DiscoverCard: true,
+        MasterCard: true,
+        VisaCard: true,
+    },
+    pdpDetailsLayout: {
+        desktop: [],
+        mobileTab1: [],
+        mobileTab2: [],
+    },
+    productCardTitleHeight: 40,
+    registrationFields: [],
+    retailerCountry: "us",
+    retailerName: "default",
+    daysToRemainSignedIn: 30,
+    searchPreview: {
+        desktop: {
+            products: true,
+            suggestions: true,
+        },
+        mobile: {
+            products: true,
+            suggestions: true,
+        },
+    },
+    secondTierAuthorization: undefined,
+    showCheckoutPromoCode: true,
+    showImgOnOrder: false,
+    smsNotifications: {
+        enabled: false,
+        getEnrollmentUrl: "",
+        postEnrollmentUrl: "",
+    },
+    subHeaderHeight: 0,
+    promoTemplateVersion: 1,
+    useAddressValidation: true,
+    restrictMapPlacesResults: {
+        fetchNearStoresSettings: {
+            kmRange: 20,
+            totalTake: 30,
+        },
+    },
+    globalAnimations: {
+        confetti: {
+            enableConfettiAnimation: true,
+        },
+    },
+    googleAutocompleteSettings: {},
+    productCardv2: false,
+};
+exports.default = defaultConfig;

package/icons.interfaces.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconNamesToFiles = void 0;
+exports.IconNamesToFiles = {
+    AccountOutline: "account-outline",
+    AccountSolid: "account-solid",
+    Addresses: "addresses",
+    ArrowDown: "arrow-down",
+    ArrowRight: "arrow-right",
+    ArrowUpdown: "arrow-updown",
+    BarScan: "bar-scan",
+    Bell: "bell",
+    Blog: "blog",
+    Cart: "cart",
+    Check: "check",
+    ChevronDown: "chevron-down",
+    ChevronLeft: "chevron-left",
+    ChevronRight: "chevron-right",
+    ChevronUp: "chevron-up",
+    Circular: "circular",
+    Clear: "clear",
+    Close: "close",
+    Coupon: "coupon",
+    Dashboard: "dashboard",
+    DeliveryOutline: "delivery-outline",
+    DeliverySolid: "delivery-solid",
+    Dietary: "dietary",
+    DoubleArrows: "double-arrows",
+    Download: "download",
+    Dropship: "dropship",
+    Eco: "eco",
+    Edit: "edit",
+    Error: "error",
+    FaceHappy: "face-happy",
+    FaceSad: "face-sad",
+    Facebook: "facebook",
+    Fav: "fav",
+    FavSolid: "fav-solid",
+    Filter: "filter",
+    Flag: "flag",
+    Geolocate: "geolocate",
+    Hamburger: "hamburger",
+    Help: "help",
+    Home: "home",
+    Info: "info",
+    Instacart: "instacart",
+    Instagram: "instagram",
+    ItemLocation: "item-location",
+    ListCheck: "list-check",
+    ListItems: "list-items",
+    ListLarge: "list-large",
+    ListRemove: "list-remove",
+    ListSave: "list-save",
+    ListSearch: "list-search",
+    LocationPin: "location-pin",
+    LocationDistance: "location-distance",
+    LoyaltyCard: "loyaltycard",
+    Mail: "mail",
+    Minus: "minus",
+    MoreOptionsH: "more-options-h",
+    MoreOptionsV: "more-options-v",
+    Note: "note",
+    Notifications: "notifications",
+    NoteFilled: "note-filled",
+    Orders: "orders",
+    PastPurchases: "past-purchases",
+    Pause: "pause",
+    PaymentOutline: "payment-outline",
+    PaymentSolid: "payment-solid",
+    Phone: "phone",
+    PhoneMobile: "phone-mobile",
+    Pickup: "pickup",
+    PickupInfo: "pickup-info",
+    Pinterest: "pinterest",
+    Plus: "plus",
+    Print: "print",
+    PromoOutline: "promo-outline",
+    PromoSolid: "promo-solid",
+    RadioActive: "radio-active",
+    RadioEmpty: "radio-empty",
+    RecipeCalories: "recipe-calories",
+    RecipeCooktime: "recipe-cooktime",
+    RecipeIngredients: "recipe-ingredients",
+    RecipePreptime: "recipe-preptime",
+    RecipeServings: "recipe-servings",
+    Remove: "remove",
+    Reserve: "reserve",
+    ReserveTime: "reserve-time",
+    Search: "search",
+    SelectCheck: "select-check",
+    SelectEmpty: "select-empty",
+    SelectMark: "select-mark",
+    Send: "send",
+    Settings: "settings",
+    Share: "share",
+    SortGrid: "sort-grid",
+    SortList: "sort-list",
+    StarOutline: "star-outline",
+    StarSolid: "star-solid",
+    Substitute: "subtitute",
+    SubstituteBestmatch: "subtitute-bestmatch",
+    SubstituteNone: "subtitute-none",
+    SubstituteProduct: "subtitute-product",
+    Trash: "trash",
+    Twitter: "twitter",
+    Unavailable: "unavailable",
+    Voice: "voice",
+    Warning: "warning",
+    Youtube: "youtube",
+    YourLocation: "your-location",
+    GlutenFree: "Gluten-Free",
+    Local: "Local",
+    Organic: "Organic",
+    None: "None",
+    VisaLogo: "visa-logo",
+    MasterLogo: "master-card-logo",
+    VisaCard: "visa-card",
+    MasterCard: "master-card-card",
+    AmExpCard: "american-express-card",
+    DiscoverCard: "discover-card",
+    VisaVerified: "visa-verified",
+    MasterSecure: "master-card-secure",
+    Comodo: "comodo",
+};

package/index.d.ts

@@ -2,6 +2,11 @@ import { IRetailerSettings, ISecondTierAuthorization, IFlippConfig, IFlippConfig
 import { IIconsObject, PaymentTypesLogos, PaymentCards, IconNames, IconNamesToFiles } from "./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 "./theme.interfaces";
 import { IDefaultTheme, IDefaultThemeScripts, IDefaultThemeImages, IDefaultThemeMetadata, IDefaultThemeFavicons, IDefaultThemeLogoPosition, IDefaultThemeLogoHeightsProps, IDefaultThemeLogoHeights, ISTSDefaultThemeInterface, IDefaultThemeFavicon, IDefaultThemeMetadataItem, IDefaultThemeInterface, IGlobalDefaultTheme, IDefaultColors, IInitializedEmptyDefaultTheme, IDefaultThemeAnimationConfettiPlaces, IDefaultThemeGlobalAnimations, IDefaultThemeAnimationsConfettiPlacesTypes, IDefaultThemeAnimationsConfettiProps, IDefaultEmbeddedFont, IDefaultEmbeddedFontSource } from "./default-theme.interface";
+import AdminSettingsTemplate from "./admin-settings-template";
+import AdminThemeTemplate, { AdminTemplateInputTypes } from "./admin-theme-template";
+import defaultConfig from "./default.config";
 export { IDefaultTheme, IDefaultThemeScripts, IDefaultThemeImages, IDefaultThemeMetadata, IDefaultThemeFavicons, IDefaultThemeLogoPosition, IDefaultThemeLogoHeightsProps, IDefaultThemeLogoHeights, ISTSDefaultThemeInterface, IDefaultThemeFavicon, IDefaultThemeMetadataItem, IDefaultThemeInterface, IGlobalDefaultTheme, IDefaultColors, 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, };
 export { IIconsObject, PaymentTypesLogos, PaymentCards, IconNames, IconNamesToFiles, };
 export { IRetailerSettings, ISecondTierAuthorization, IFlippConfig, IFlippConfigV2, IFlippScriptUrls, IAllSettings, ISMSConfig, IDefaultRetailerSettings, ICtaButtons, IAddressesSettings, IAccountPageSettings, ILayoutSettings, ILoggingLevel, IDefaultSearchParams, IDefaultStoreLocation, IDefaultCounty, IRetailerCountry, IRestrictMapPlaces, IValidationType, INutritionZone, IFooterTypes, IRegistrationFieldTypes, IRegistrationFieldNames, IValidateLength, IValidateDateRange, IRegistrationField, ICheckoutValidation, ISearchPreviewVisibility, IPaymentCards, IGlobalAnimations, ILayoutAnimationsConfetti, IGlobalCheckoutProps, IAddressIntegration, IAddressFinderType, };
+export { AdminSettingsTemplate, AdminThemeTemplate, AdminTemplateInputTypes };
+export { defaultConfig };

package/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultConfig = exports.AdminTemplateInputTypes = exports.AdminThemeTemplate = exports.AdminSettingsTemplate = exports.IconNamesToFiles = void 0;
+var icons_interfaces_1 = require("./icons.interfaces");
+Object.defineProperty(exports, "IconNamesToFiles", { enumerable: true, get: function () { return icons_interfaces_1.IconNamesToFiles; } });
+var admin_settings_template_1 = require("./admin-settings-template");
+exports.AdminSettingsTemplate = admin_settings_template_1.default;
+var admin_theme_template_1 = require("./admin-theme-template");
+exports.AdminThemeTemplate = admin_theme_template_1.default;
+Object.defineProperty(exports, "AdminTemplateInputTypes", { enumerable: true, get: function () { return admin_theme_template_1.AdminTemplateInputTypes; } });
+var default_config_1 = require("./default.config");
+exports.defaultConfig = default_config_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@thryveai/theme-interfaces",
-  "version": "1.4.8-beta1",
+  "version": "1.4.8-beta5",
   "description": "Shared Interfaces for all ThryveAi storefront retailer themes.",
   "scripts": {
     "build": "tsc",
@@ -11,4 +11,4 @@
   "devDependencies": {
     "typescript": "4.3.5"
   }
-}
+}

package/retailer-settings.interfaces.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/theme.interfaces.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });